/*!*************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[10].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[10].use[3]!./src/styles/home-premium.css ***!
  \*************************************************************************************************************************************************************************************************************************************************************************/
/* Homepage presentation. Existing mobile composition is retained. */
.spc-premium-home .spc-premium-only,
.spc-premium-home .spc-premium-hero-image,
.spc-premium-home .spc-home-desktop-copy,
.spc-premium-home .spc-home-hero-title .spc-home-desktop-copy {
  display: none;
}
.spc-premium-home .spc-home-hit-fallback span,
.spc-premium-home .spc-home-hit-fallback small { display: none; }

@media (min-width: 1024px) {
  :root[data-theme] .spc-storefront.spc-storefront-premium {
    --premium-page: #0c1015;
    --premium-section: #121820;
    --premium-card: #19212b;
    --premium-text: #f3f5f8;
    --premium-muted: #a7b1bf;
    --premium-line: #303a47;
    --premium-accent: #70adff;
    background: var(--premium-page);
    color: var(--premium-text);
  }
  :root[data-theme="light"] .spc-storefront.spc-storefront-premium {
    --premium-page: #f3f5f7;
    --premium-section: #e9edf1;
    --premium-card: #fff;
    --premium-text: #171e28;
    --premium-muted: #586575;
    --premium-line: #d4dae2;
    --premium-accent: #145fc6;
  }
  :root[data-theme] .spc-storefront.spc-storefront-premium .spc-store-shell-header {
    background: var(--premium-page);
    border-bottom: 1px solid var(--premium-line);
    backdrop-filter: none;
    box-shadow: none;
  }
  .spc-premium-header {
    position: relative;
    width: min(1296px, calc(100% - 96px));
    height: 88px;
    margin: auto;
    align-items: center;
    gap: 24px;
    color: var(--premium-text);
  }
  .spc-premium-header .spc-figma-logo-link { width: 116px; flex: 0 0 116px; }
  .spc-premium-header .spc-figma-logo-image { width: 116px; height: auto; }
  .spc-premium-header > nav { display: flex; gap: 26px; margin-right: auto; }
  .spc-premium-header > nav a { font-size: 14px; font-weight: 500; }
  .spc-premium-header-phone { font-size: 13px; white-space: nowrap; color: var(--premium-muted); }
  :root .spc-premium-header .spc-figma-header-action { width: auto; height: 44px; color: var(--premium-text); flex-direction: row; gap: 8px; }
  .spc-premium-header .spc-figma-header-action span:last-child { font-size: 13px; }
  .spc-premium-header-menu summary { display: grid; width: 40px; height: 44px; place-items: center; cursor: pointer; list-style: none; font-size: 22px; }
  .spc-premium-header-menu summary::-webkit-details-marker { display: none; }
  .spc-premium-header-dropdown { position: absolute; right: 0; top: 76px; width: 390px; padding: 24px; background: var(--premium-card); border: 1px solid var(--premium-line); border-radius: 12px; box-shadow: 0 18px 50px #0003; }
  .spc-premium-header-dropdown nav { display: grid; gap: 4px; margin-top: 20px; }
  .spc-premium-header-dropdown nav a { padding: 10px 12px; border-radius: 6px; }
  .spc-premium-header a:hover { color: var(--premium-accent); }
  .spc-premium-header-dropdown nav a:hover { background: var(--premium-section); }
  .spc-premium-header :focus-visible, .spc-premium-home :focus-visible { outline: 2px solid var(--premium-accent); outline-offset: 5px; }

  :root[data-theme] .spc-storefront.spc-storefront-premium .spc-premium-home { background: var(--premium-page); color: var(--premium-text); }
  .spc-premium-home .spc-premium-only { display: block; }
  .spc-premium-home .spc-home-desktop-copy,
  .spc-premium-home .spc-home-hero-title .spc-home-desktop-copy { display: block; }
  .spc-premium-home .spc-home-mobile-copy,
  .spc-premium-home .spc-home-hero-title .spc-home-mobile-copy,
  .spc-premium-home .spc-budget-panel,
  .spc-premium-home .spc-home-trust-row,
  .spc-premium-home .spc-home-hero-bg,
  .spc-premium-home .spc-home-advantages { display: none; }
  :root[data-theme] .spc-storefront.spc-storefront-premium .spc-home-hero-figma { min-height: 710px; height: 710px; background: #0b1016; color: #f3f5f8; }
  .spc-premium-home .spc-premium-hero-image { display: block; position: absolute; right: 0; top: 0; width: 58%; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; -webkit-mask-image: linear-gradient(to right, transparent, #000 18%); mask-image: linear-gradient(to right, transparent, #000 18%); }
  :root[data-theme] .spc-storefront.spc-storefront-premium .spc-home-hero-copy { position: relative; left: auto; top: auto; width: min(1296px, calc(100% - 96px)); padding: 76px 0 0; margin: auto; }
  .spc-premium-eyebrow { margin: 0 0 22px; color: var(--premium-accent); font-size: 11px; font-weight: 600; line-height: 1.5; letter-spacing: 1.7px; text-transform: uppercase; }
  .spc-home-hero-copy .spc-premium-eyebrow { color: #9eaebf; }
  :root[data-theme] .spc-storefront.spc-storefront-premium .spc-home-hero-title { font-family: "Onest", sans-serif; font-size: clamp(56px, 4.45vw, 64px); font-weight: 500; line-height: 1.08; letter-spacing: -2.8px; text-transform: none; text-shadow: none; color: #f3f5f8; }
  .spc-premium-home .spc-home-hero-title span { width: auto; font: inherit; letter-spacing: inherit; }
  .spc-premium-home .spc-home-hero-title span + span { margin-top: 0; }
  :root[data-theme] .spc-storefront.spc-storefront-premium .spc-home-hero-title { width: auto; height: auto; }
  :root[data-theme] .spc-storefront.spc-storefront-premium .spc-home-hero-lead,
  :root[data-theme] .spc-storefront.spc-storefront-premium .spc-home-hero-actions { position: static; width: auto; }
  :root[data-theme] .spc-storefront.spc-storefront-premium .spc-home-hero-lead { max-width: 490px; margin-top: 28px; font-size: 17px; font-weight: 400; line-height: 1.65; color: #b4bfce; }
  .spc-premium-home .spc-home-hero-actions { margin-top: 30px; gap: 14px; }
  :root[data-theme] .spc-storefront.spc-storefront-premium .spc-home-hero-actions a { width: auto; min-width: 164px; height: 50px; padding: 0 24px; border-radius: 7px; font-size: 14px; font-weight: 600; box-shadow: none; }
  :root[data-theme] .spc-storefront.spc-storefront-premium .spc-figma-blue-button { background: #0961e8; box-shadow: none; }
  :root[data-theme] .spc-storefront.spc-storefront-premium .spc-figma-blue-button::before { display: none; }
  :root[data-theme] .spc-storefront.spc-storefront-premium .spc-home-hero-actions .spc-figma-outline-button { border-color: #46515f; background: transparent; color: #f3f5f8; }
  :root[data-theme] .spc-storefront.spc-storefront-premium .spc-figma-blue-button:hover { background: #2276f2; }
  :root[data-theme] .spc-storefront.spc-storefront-premium .spc-home-hero-actions .spc-figma-outline-button:hover { background: #1c2734; border-color: #718397; }
  .spc-premium-home .spc-premium-hero-bottom { display: flex; justify-content: space-between; position: absolute; bottom: 28px; left: max(48px, calc((100% - 1296px) / 2)); right: max(48px, calc((100% - 1296px) / 2)); padding-top: 20px; border-top: 1px solid #ffffff24; color: #a7b1bf; font-size: 12px; }
  .spc-premium-hero-bottom a { color: #f3f5f8; }
  .spc-premium-hero-bottom a span { margin-left: 20px; }

  .spc-premium-section { width: min(1296px, calc(100% - 96px)); margin: 100px auto; }
  .spc-premium-heading { display: flex; justify-content: space-between; align-items: flex-end; gap: 40px; margin-bottom: 36px; }
  .spc-premium-heading .spc-premium-eyebrow { margin-bottom: 16px; }
  .spc-premium-home h2 { scroll-margin-top: 112px; }
  .spc-premium-heading h2, .spc-premium-teaser h2 { margin: 0; font-size: clamp(32px, 2.8vw, 40px); line-height: 1.15; letter-spacing: -1.3px; font-weight: 500; }
  .spc-premium-heading > p { margin: 0 0 3px; color: var(--premium-muted); font-size: 14px; line-height: 1.7; }
  .spc-premium-scenario-grid { display: grid; grid-template-columns: 1.1fr 1fr; grid-template-rows: 238px 238px; gap: 20px; }
  .spc-premium-scenario { display: block; position: relative; overflow: hidden; padding: 32px; border: 1px solid var(--premium-line); background: var(--premium-section); border-radius: 14px; box-shadow: none; text-decoration: none; }
  .spc-premium-scenario-build { grid-row: span 2; background: var(--premium-card); }
  .spc-premium-index { color: var(--premium-muted); font-size: 11px; letter-spacing: .5px; }
  .spc-premium-scenario h3 { position: relative; z-index: 1; margin: 18px 0 12px; font-size: 27px; font-weight: 500; letter-spacing: -.6px; line-height: 1.2; }
  .spc-premium-scenario p { position: relative; z-index: 1; max-width: 350px; margin: 0; color: var(--premium-muted); font-size: 14px; line-height: 1.65; }
  .spc-premium-components { position: absolute; inset: 170px 15px 60px; }
  .spc-premium-components img { position: absolute; width: 48%; height: 100%; -o-object-fit: contain; object-fit: contain; }
  .spc-premium-components img:first-child { left: 8%; }
  .spc-premium-components img:last-child { right: 6%; top: 28px; width: 55%; }
  .spc-premium-text-link { display: inline-flex; align-items: center; justify-content: space-between; gap: 28px; font-size: 13px; font-weight: 500; color: var(--premium-text); text-decoration: none; }
  .spc-premium-text-link > span { font-size: 20px; color: var(--premium-accent); }
  .spc-premium-scenario > .spc-premium-text-link { position: absolute; left: 32px; bottom: 26px; right: 32px; }
  .spc-premium-scenario-ready > img { position: absolute; right: 14px; top: 4px; width: 43%; height: 200px; -o-object-fit: contain; object-fit: contain; }
  .spc-premium-scenario-help { background: var(--premium-card); }
  .spc-premium-scenario:hover, .spc-premium-budget-card:hover { border-color: color-mix(in srgb, var(--premium-accent) 42%, var(--premium-line)); }
  .spc-premium-budget-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 18px; }
  .spc-premium-budget-card { padding: 24px; border: 1px solid var(--premium-line); background: var(--premium-section); border-radius: 12px; box-shadow: none; }
  .spc-premium-budget-card img { width: 100%; height: 190px; margin: 14px 0 20px; -o-object-fit: contain; object-fit: contain; }
  .spc-premium-budget-card h3 { margin: 0; font-size: 23px; font-weight: 500; letter-spacing: -.7px; }
  .spc-premium-budget-card p { min-height: 42px; margin: 12px 0 24px; color: var(--premium-muted); font-size: 13px; line-height: 1.6; }
  .spc-premium-budget-card .spc-premium-text-link { display: flex; padding-top: 18px; border-top: 1px solid var(--premium-line); }
  .spc-premium-note { color: var(--premium-muted); font-size: 12px; line-height: 1.6; margin: 18px 0 0; }
  .spc-premium-home .spc-premium-teaser { display: grid; grid-template-columns: 1fr 1fr; gap: 70px; padding: 56px; border: 1px solid var(--premium-line); border-radius: 16px; background: var(--premium-section); box-shadow: none; }
  .spc-premium-teaser-copy > p:not(.spc-premium-eyebrow) { margin: 24px 0 30px; font-size: 16px; line-height: 1.7; color: var(--premium-muted); }
  .spc-premium-button { display: inline-flex; align-items: center; justify-content: space-between; gap: 24px; min-height: 48px; padding: 0 22px; border-radius: 7px; color: #fff; background: #0961e8; font-size: 14px; font-weight: 500; }
  .spc-premium-button:hover { background: #2276f2; }
  .spc-premium-steps { margin: 0; padding: 0; list-style: none; }
  .spc-premium-steps li { display: flex; gap: 20px; padding: 20px 0; border-bottom: 1px solid var(--premium-line); }
  .spc-premium-steps li:first-child { padding-top: 0; }
  .spc-premium-steps li:last-child { border: 0; padding-bottom: 0; }
  .spc-premium-steps li > span { color: var(--premium-accent); font-size: 13px; padding-top: 3px; }
  .spc-premium-steps h3 { margin: 0 0 7px; font-size: 17px; font-weight: 500; }
  .spc-premium-steps p { margin: 0; color: var(--premium-muted); font-size: 13px; line-height: 1.6; }

  :root[data-theme] .spc-storefront.spc-storefront-premium .spc-popular-categories,
  :root[data-theme] .spc-storefront.spc-storefront-premium .spc-home-hits { width: min(1296px, calc(100% - 96px)); height: auto; margin: 100px auto; padding: 0; }
  :root[data-theme] .spc-storefront.spc-storefront-premium .spc-popular-categories-header,
  :root[data-theme] .spc-storefront.spc-storefront-premium .spc-home-hits-header { margin-bottom: 36px; align-items: center; }
  :root[data-theme] .spc-storefront.spc-storefront-premium .spc-popular-categories-title,
  :root[data-theme] .spc-storefront.spc-storefront-premium .spc-home-hits-title { font-family: "Onest", sans-serif; font-size: 36px; line-height: 1.2; font-weight: 500; letter-spacing: -1.2px; text-transform: none; color: var(--premium-text); }
  :root[data-theme] .spc-storefront.spc-storefront-premium .spc-popular-categories-title em,
  :root[data-theme] .spc-storefront.spc-storefront-premium .spc-home-hits-title em { color: inherit; }
  :root[data-theme] .spc-storefront.spc-storefront-premium .spc-popular-categories-all,
  :root[data-theme] .spc-storefront.spc-storefront-premium .spc-home-hits-all { color: var(--premium-accent); font-size: 13px; font-weight: 500; }
  :root[data-theme] .spc-storefront.spc-storefront-premium .spc-popular-categories-row { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; margin-top: 0; }
  :root[data-theme] .spc-storefront.spc-storefront-premium .spc-popular-category-card { display: flex; width: auto; height: 280px; max-width: none; flex-direction: column; border: 0; border-radius: 12px; background: var(--premium-section); box-shadow: none; }
  :root[data-theme] .spc-storefront.spc-storefront-premium .spc-popular-category-card[data-category="psu"] { display: none; }
  :root[data-theme] .spc-storefront.spc-storefront-premium .spc-popular-category-card:hover { background: var(--premium-card); box-shadow: inset 0 0 0 1px var(--premium-line); }
  :root[data-theme] .spc-storefront.spc-storefront-premium .spc-popular-category-visual { position: static; display: grid; place-items: center; width: 100%; height: 205px; min-height: 205px; border: 0; padding: 22px; }
  :root[data-theme] .spc-storefront.spc-storefront-premium .spc-popular-category-card::after,
  :root[data-theme] .spc-storefront.spc-storefront-premium .spc-popular-category-card::before { display: none; }
  :root[data-theme] .spc-storefront.spc-storefront-premium .spc-popular-category-copy { position: static; width: 100%; }
  :root[data-theme] .spc-storefront.spc-storefront-premium .spc-popular-category-image { position: static; width: 100%; max-width: 250px; height: 170px; -o-object-fit: contain; object-fit: contain; transform: none; }
  :root[data-theme] .spc-storefront.spc-storefront-premium .spc-popular-category-copy { display: flex; justify-content: space-between; align-items: center; padding: 18px 24px; border: 0; gap: 12px; }
  :root[data-theme] .spc-storefront.spc-storefront-premium .spc-popular-category-copy strong { color: var(--premium-text); font-size: 16px; font-weight: 500; }
  :root[data-theme] .spc-storefront.spc-storefront-premium .spc-popular-category-copy small { color: var(--premium-muted); font-size: 12px; white-space: nowrap; }
  .spc-premium-storage-art { width: 260px; max-width: 100%; height: 165px; color: #7c8fa8; }
  :root[data-theme] .spc-storefront.spc-storefront-premium .spc-home-hit-card { max-width: none; height: auto; min-height: 485px; border: 1px solid var(--premium-line); border-radius: 12px; background: var(--premium-card); box-shadow: none; }
  :root[data-theme] .spc-storefront.spc-storefront-premium .spc-home-hits-grid { display: grid; width: 100%; grid-template-columns: repeat(3, minmax(0, 1fr)); justify-content: start; gap: 20px; }
  :root[data-theme] .spc-storefront.spc-storefront-premium .spc-home-hit-card:hover { border-color: color-mix(in srgb, var(--premium-accent) 42%, var(--premium-line)); }
  :root[data-theme] .spc-storefront.spc-storefront-premium .spc-home-hit-visual { height: 225px; flex-basis: 225px; }
  :root[data-theme] .spc-storefront.spc-storefront-premium .spc-home-hit-image-link { padding: 32px 24px 16px; }
  :root[data-theme] .spc-storefront.spc-storefront-premium .spc-home-hit-fallback { display: flex; flex-direction: column; justify-content: center; gap: 10px; width: 100%; height: 100%; border: 0; background: none; color: var(--premium-muted); }
  .spc-premium-home .spc-home-hit-fallback svg { width: 70px; height: 70px; margin-bottom: 10px; color: #7c8fa8; }
  .spc-premium-home .spc-home-hit-fallback span { display: block; font-size: 13px; }
  .spc-premium-home .spc-home-hit-fallback small { display: block; font-size: 11px; }
  :root[data-theme] .spc-storefront.spc-storefront-premium .spc-home-hit-divider,
  .spc-premium-home .spc-home-hit-favorite:disabled { display: none; }
  :root[data-theme] .spc-storefront.spc-storefront-premium .spc-home-hit-body { padding: 22px 24px 24px; }
  :root[data-theme] .spc-storefront.spc-storefront-premium .spc-home-hit-title { color: var(--premium-text); font-size: 18px; font-weight: 500; line-height: 1.4; }
  :root[data-theme] .spc-storefront.spc-storefront-premium .spc-home-hit-title a { min-height: 50px; -webkit-line-clamp: 3; }
  :root[data-theme] .spc-storefront.spc-storefront-premium .spc-home-hit-specs { color: var(--premium-muted); white-space: normal; font-size: 12px; line-height: 1.6; margin: 12px 0; }
  :root[data-theme] .spc-storefront.spc-storefront-premium .spc-home-hit-availability { font-size: 12px; margin: 8px 0 24px; }
  :root[data-theme] .spc-storefront.spc-storefront-premium .spc-home-hit-availability-ok { color: var(--premium-muted); }
  :root[data-theme] .spc-storefront.spc-storefront-premium .spc-home-hit-price { color: var(--premium-text); font-size: 24px; font-weight: 600; letter-spacing: -.6px; }
  :root[data-theme] .spc-storefront.spc-storefront-premium .spc-home-hit-cart-button { background: #0961e8; border: 0; box-shadow: none; border-radius: 7px; font-size: 13px; }
  .spc-premium-ready-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 400px)); justify-content: start; align-items: stretch; gap: 20px; }
  .spc-premium-ready-card { display: flex; flex-direction: column; min-width: 0; height: 100%; padding: 0; overflow: hidden; border: 1px solid var(--premium-line); background: var(--premium-card); border-radius: 12px; box-shadow: none; }
  .spc-premium-ready-image { position: relative; display: grid; place-items: center; height: 230px; flex: 0 0 230px; margin: 0; padding: 22px; overflow: hidden; }
  .spc-premium-ready-image img { position: static; display: block; width: 100%; height: 100%; max-width: 100%; -o-object-fit: contain; object-fit: contain; }
  .spc-premium-ready-content { display: flex; min-height: 0; flex: 1; flex-direction: column; padding: 24px; }
  .spc-premium-ready-content > .spc-premium-eyebrow { margin-bottom: 10px; }
  .spc-premium-no-photo { color: var(--premium-muted); font-size: 13px; }
  .spc-premium-ready-card h3 { margin: 0; color: var(--premium-text); font-size: 22px; line-height: 1.3; }
  .spc-premium-ready-configuration { min-height: 21px; margin: 8px 0 0; color: var(--premium-muted); font-size: 13px; line-height: 1.55; }
  .spc-premium-ready-card dl { margin: 18px 0 24px; padding-block: 14px; border-block: 1px solid var(--premium-line); }
  .spc-premium-ready-card dl > div { display: flex; gap: 15px; margin: 8px 0; font-size: 12px; }
  .spc-premium-ready-card dt { color: var(--premium-muted); flex: 0 0 34px; }
  .spc-premium-ready-card dd { margin: 0; display: -webkit-box; color: var(--premium-text); -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
  .spc-premium-ready-price { margin: auto 0 0; color: var(--premium-text); font-size: 28px; font-weight: 600; }
  .spc-premium-ready-card .spc-premium-button { margin-top: 24px; }
  :root[data-theme] .spc-storefront.spc-storefront-premium .spc-home-hits .spc-ready-card { width: 100%; max-width: none; height: 100%; min-height: 485px; }
  :root[data-theme] .spc-storefront.spc-storefront-premium .spc-home-hits .spc-ready-card-visual { position: relative; height: 225px; flex: 0 0 225px; aspect-ratio: auto; overflow: hidden; }
  :root[data-theme] .spc-storefront.spc-storefront-premium .spc-home-hits .spc-ready-card-body { min-height: 0; padding: 22px 24px; }
  :root[data-theme] .spc-storefront.spc-storefront-premium .spc-home-hits .spc-ready-card-body h2 { font-size: 20px; line-height: 1.3; }
  :root[data-theme] .spc-storefront.spc-storefront-premium .spc-home-hits .spc-ready-card-body dl { margin-bottom: auto; }
  :root[data-theme] .spc-storefront.spc-storefront-premium .spc-home-hits .spc-ready-card-body > .text-2xl { font-size: 24px; line-height: 1.3; white-space: nowrap; }
  .spc-premium-scenario,
  .spc-premium-budget-card,
  .spc-premium-home .spc-premium-teaser,
  .spc-premium-ready-card,
  :root[data-theme] .spc-storefront.spc-storefront-premium .spc-home-hits :is(.spc-home-hit-card, .spc-ready-card) { transition: border-color .2s ease, box-shadow .2s ease, transform .2s ease; }
  :root[data-theme="light"] .spc-storefront.spc-storefront-premium .spc-premium-home :is(.spc-premium-scenario, .spc-premium-budget-card, .spc-premium-teaser, .spc-premium-ready-card),
  :root[data-theme="light"] .spc-storefront.spc-storefront-premium .spc-home-hits :is(.spc-home-hit-card, .spc-ready-card) { border-color: #d4dce6; background: #fff; box-shadow: 0 8px 24px rgba(31,45,61,.055); }
  :root[data-theme="light"] .spc-storefront.spc-storefront-premium :is(.spc-premium-ready-image, .spc-home-hit-visual, .spc-home-hits .spc-ready-card-visual) { background: #f6f8fb; }
  @media (hover: hover) and (pointer: fine) {
    .spc-premium-scenario:hover,
    .spc-premium-budget-card:hover,
    .spc-premium-home .spc-premium-teaser:hover,
    .spc-premium-ready-card:hover,
    :root[data-theme] .spc-storefront.spc-storefront-premium .spc-home-hits :is(.spc-home-hit-card, .spc-ready-card):hover { transform: translateY(-2px); border-color: color-mix(in srgb, var(--premium-accent) 46%, var(--premium-line)); box-shadow: 0 12px 28px rgba(10,20,34,.1); }
  }
  .spc-premium-advantages-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 44px; }
  .spc-premium-advantages-grid article { border-top: 1px solid var(--premium-line); padding-top: 26px; }
  .spc-premium-advantages-grid h3 { margin: 30px 0 16px; font-size: 24px; font-weight: 500; letter-spacing: -.5px; }
  .spc-premium-advantages-grid p { max-width: 350px; margin: 0; color: var(--premium-muted); font-size: 14px; line-height: 1.8; }
  :root[data-theme] .spc-storefront.spc-storefront-premium .spc-store-footer { margin-top: 0; background: var(--premium-section); border-color: var(--premium-line); }
  :root[data-theme] .spc-storefront.spc-storefront-premium .spc-store-footer-inner { width: min(1296px, calc(100% - 96px)); }
  :root[data-theme] .spc-storefront.spc-storefront-premium .spc-store-footer-main { grid-template-columns: minmax(200px, 1.4fr) repeat(3, minmax(100px, 1fr)) minmax(180px, 1.1fr); gap: 28px; }
  :root[data-theme] .spc-storefront.spc-storefront-premium .spc-store-footer-section h2::after { display: none; }
}

@media (min-width: 1024px) and (max-width: 1199px) {
  .spc-premium-header { gap: 14px; }
  .spc-premium-header > nav { gap: 16px; }
  .spc-premium-header .spc-figma-header-action span:last-child { display: none; }
  .spc-premium-scenario { padding: 26px; }
  .spc-premium-scenario h3 { font-size: 23px; }
  .spc-premium-scenario-ready > img { width: 38%; }
}

/*!**************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[10].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[10].use[3]!./src/styles/store-premium.css ***!
  \**************************************************************************************************************************************************************************************************************************************************************************/
/* Shared desktop storefront presentation; admin and mobile geometry are unchanged. */
@media (min-width: 1024px) {
  :root[data-theme] .spc-storefront.spc-storefront-premium {
    --color-background: var(--premium-page);
    --color-foreground: var(--premium-text);
    --color-surface: var(--premium-section);
    --color-surface-elevated: var(--premium-card);
    --color-surface-hover: var(--premium-card);
    --color-border: var(--premium-line);
    --color-muted: var(--premium-muted);
    --color-accent: #0961e8;
    --color-accent-strong: #0753c9;
    --color-focus: var(--premium-accent);
    --shadow-card: 0 6px 22px #00000008;
    --shadow-card-hover: 0 10px 28px #00000012;
    --shadow-glow: 0 0 0 1px var(--premium-accent);
    --spc-bg: var(--premium-page);
    --spc-surface: var(--premium-section);
    --spc-card-bg: var(--premium-card);
    --spc-text: var(--premium-text);
    --spc-muted: var(--premium-muted);
    --spc-border: var(--premium-line);
    background: var(--premium-page);
    color: var(--premium-text);
    font-family: "Onest", sans-serif;
  }
  :root[data-theme] .spc-storefront-premium #main-content > .mx-auto {
    max-width: 1392px;
    padding: 48px;
  }
  :root[data-theme] .spc-storefront-premium #main-content > :not(.spc-premium-home) h1 {
    font-family: "Onest", sans-serif;
    font-size: clamp(30px, 2.8vw, 40px);
    line-height: 1.2;
    font-weight: 500;
    letter-spacing: -1.1px;
    text-transform: none;
  }
  :root[data-theme] .spc-storefront-premium .spc-display {
    font-family: "Onest", sans-serif;
    letter-spacing: -.4px;
    text-transform: none;
    font-weight: 500;
  }
  :root[data-theme] .spc-storefront-premium .spc-card {
    border: 1px solid transparent;
    border-radius: 12px;
    background: var(--premium-section);
    box-shadow: none;
  }
  :root[data-theme] .spc-storefront-premium .spc-card-hover:hover {
    border-color: var(--premium-line);
    background: var(--premium-card);
    box-shadow: none;
    transform: none;
  }
  :root[data-theme] .spc-storefront-premium #main-content :is(input:not([type="checkbox"]):not([type="radio"]), select, textarea):where(:not(.spc-configurator-search input):not(.spc-figma-search-box input)) {
    border-color: var(--premium-line);
    border-radius: 7px;
    background-color: var(--premium-page);
    color: var(--premium-text);
  }
  :root[data-theme] .spc-storefront-premium #main-content .spc-catalog-search {
    background-color: var(--premium-section);
  }
  :root[data-theme] .spc-storefront-premium #main-content .spc-catalog-search:focus {
    border-color: var(--premium-accent);
    box-shadow: 0 0 0 2px color-mix(in srgb, var(--premium-accent) 22%, transparent);
  }
  :root[data-theme] .spc-storefront-premium #main-content :is(button, a).bg-accent {
    border-radius: 7px;
    background: #0961e8;
    color: #fff;
    box-shadow: none;
    font-weight: 500;
  }
  :root[data-theme] .spc-storefront-premium #main-content :is(button, a).bg-accent:hover { background: #2276f2; }
  :root[data-theme] .spc-storefront-premium #main-content .font-black { font-weight: 600; }
  :root[data-theme] .spc-storefront-premium #main-content :focus-visible { outline-color: var(--premium-accent); }
  :root[data-theme] .spc-storefront-premium #main-content .shadow-card { box-shadow: none; }
  :root[data-theme] .spc-storefront-premium .spc-catalog-product,
  :root[data-theme] .spc-storefront-premium .spc-ready-product {
    background: var(--premium-card);
    border: 1px solid transparent;
    border-radius: 12px;
    box-shadow: none;
  }
  :root[data-theme] .spc-storefront-premium .spc-catalog-product-image { background: transparent; }
  :root[data-theme] .spc-storefront-premium .spc-catalog-product-category {
    background: transparent;
    color: var(--premium-muted);
    font-size: 11px;
    font-weight: 400;
  }
  :root[data-theme] .spc-storefront-premium .spc-catalog-product-preview-actions,
  :root[data-theme] .spc-storefront-premium .spc-catalog-product-sku { display: none; }
  :root[data-theme] .spc-storefront-premium .spc-product-visual-fallback {
    background: transparent;
    color: var(--premium-muted);
    font-size: 11px;
  }
  :root[data-theme] .spc-storefront-premium .spc-product-visual-fallback > span:first-child {
    border: 0;
    background: transparent;
    box-shadow: none;
  }
  :root[data-theme] .spc-storefront-premium .spc-catalog-product-body h2 { order: -2; margin-top: 0; font-size: 17px; font-weight: 500; }
  :root[data-theme] .spc-storefront-premium .spc-catalog-product-body > p { order: -1; margin-bottom: 16px; font-size: 12px; }
  :root[data-theme] .spc-storefront-premium .spc-catalog-product-body li { background: transparent; padding: 2px 0; }
  :root[data-theme] .spc-storefront-premium .spc-catalog-product-body .text-2xl { font-weight: 600; letter-spacing: -.6px; }
  :root[data-theme] .spc-storefront-premium .spc-catalog-product-cart { width: 100%; align-items: stretch; }
  :root[data-theme] .spc-storefront-premium .spc-product-visual-fallback svg { color: #8192a8; }
  :root[data-theme] .spc-storefront-premium [aria-label="Фильтры каталога"] fieldset { min-width: 0; padding: 14px 0; border: 0; border-top: 1px solid var(--premium-line); border-radius: 0; background: transparent; }
  :root[data-theme] .spc-storefront-premium .spc-ready-product > a > div:first-child { background: transparent; }

  :root[data-theme] .spc-storefront-premium .spc-configurator-ux,
  :root[data-theme] .spc-storefront-premium .spc-configurator-panel {
    --cfg-canvas: var(--premium-page);
    --cfg-surface: var(--premium-section);
    --cfg-card: var(--premium-card);
    --cfg-raised: var(--premium-card);
    --cfg-border: var(--premium-line);
    --cfg-muted: var(--premium-muted);
  }
  :root[data-theme] .spc-storefront-premium #main-content .spc-configurator-search input {
    background: transparent;
    border: 0;
    border-radius: 0;
    box-shadow: none;
    outline: 0;
  }
  :root[data-theme="light"] .spc-storefront-premium .spc-configurator-ux .spc-configurator-tool-row {
    background: var(--cfg-card);
  }
  :root[data-theme] .spc-storefront-premium #main-content .spc-configurator-ux h1 { font-size: 32px; }

  /* Both supplied images fit within the hero without cropping the case. */
  :root[data-theme] .spc-storefront-premium .spc-premium-home .spc-premium-hero-image {
    width: auto;
    max-width: 100%;
    height: 100%;
    -o-object-fit: contain;
       object-fit: contain;
    -o-object-position: right center;
       object-position: right center;
    -webkit-mask-image: linear-gradient(to right, transparent, #000 58%), linear-gradient(to bottom, #000 93%, transparent 100%);
            mask-image: linear-gradient(to right, transparent, #000 58%), linear-gradient(to bottom, #000 93%, transparent 100%);
    -webkit-mask-composite: source-in, xor;
            mask-composite: intersect;
  }
  :root[data-theme="dark"] .spc-storefront-premium .spc-premium-hero-image[data-variant="light"],
  :root[data-theme="light"] .spc-storefront-premium .spc-premium-hero-image[data-variant="dark"] { display: none; }
  :root[data-theme="dark"] .spc-storefront-premium .spc-premium-home .spc-premium-hero-image { -webkit-mask-image: linear-gradient(to right, transparent, #000 40%), linear-gradient(to bottom, #000 93%, transparent 100%); mask-image: linear-gradient(to right, transparent, #000 40%), linear-gradient(to bottom, #000 93%, transparent 100%); }
  :root[data-theme="dark"] .spc-storefront-premium .spc-premium-home .spc-home-hero-figma::after {
    content: "";
    position: absolute;
    z-index: 0;
    top: 0;
    bottom: 0;
    left: max(0px, calc(100% - 1262px));
    width: min(35vw, 442px);
    background: linear-gradient(to right, #0c1015, transparent);
    pointer-events: none;
  }
  :root[data-theme="dark"] .spc-storefront-premium .spc-premium-hero-bottom { z-index: 1; }
  :root[data-theme="dark"] .spc-storefront-premium .spc-figma-theme-switch .spc-figma-theme-track span { transform: translateX(20px); }
  :root[data-theme="light"] .spc-storefront-premium .spc-figma-theme-switch .spc-figma-theme-track span { transform: none; }
  :root[data-theme="light"] .spc-storefront-premium .spc-premium-home .spc-home-hero-figma { background: #e6edf5; }
  :root[data-theme="light"] .spc-storefront-premium .spc-premium-home .spc-home-hero-title { color: #182332; }
  :root[data-theme="light"] .spc-storefront-premium .spc-premium-home .spc-home-hero-lead,
  :root[data-theme="light"] .spc-storefront-premium .spc-home-hero-copy .spc-premium-eyebrow { color: #43556a; }
  :root[data-theme="light"] .spc-storefront-premium .spc-premium-home .spc-home-hero-actions .spc-figma-outline-button { color: #182332; border-color: #8597aa; }
  :root[data-theme="light"] .spc-storefront-premium .spc-premium-home .spc-home-hero-actions .spc-figma-outline-button:hover { background: #ffffff80; }
  :root[data-theme="light"] .spc-storefront-premium .spc-premium-hero-bottom { color: #43556a; border-color: #18233226; }
  :root[data-theme="light"] .spc-storefront-premium .spc-premium-hero-bottom a { color: #182332; }
}

@media (max-width: 639px) {
  :root[data-theme] .spc-storefront-premium .spc-premium-home .spc-home-hero-bg {
    background-image: url("/images/home/hero-premium-dark.png");
    background-size: auto 260px;
    background-position: right bottom 55px;
    background-repeat: no-repeat;
  }
  :root[data-theme="light"] .spc-storefront-premium .spc-premium-home .spc-home-hero-bg {
    background-image: url("/images/home/hero-premium-white.png");
  }
}

/* A quiet, shared footer rather than a separate visual theme. */
.spc-footer-intro { display: none; }
:root[data-theme] .spc-storefront.spc-storefront-premium .spc-store-footer { background: var(--premium-page, #0c1015); color: var(--premium-text, #f3f5f8); border-color: var(--premium-line, #303a47); }
:root[data-theme="light"] .spc-storefront.spc-storefront-premium .spc-store-footer { --premium-page: #f3f5f7; --premium-text: #171e28; --premium-muted: #586575; --premium-line: #d4dae2; }
:root[data-theme] .spc-storefront.spc-storefront-premium .spc-store-footer::before,
:root[data-theme] .spc-storefront.spc-storefront-premium .spc-store-footer::after,
:root[data-theme] .spc-storefront.spc-storefront-premium .spc-store-footer-heading-line { display: none; }
:root[data-theme] .spc-storefront.spc-storefront-premium .spc-store-footer :is(.spc-store-footer-brand p, .spc-store-footer-link, .spc-store-footer-text, .spc-store-footer-contact-list li, .spc-store-footer-copyright, .spc-store-footer-legal) { color: var(--premium-muted, #a7b1bf); }
:root[data-theme] .spc-storefront.spc-storefront-premium .spc-store-footer :is(h2, .spc-store-footer-mobile-menu-link, .spc-store-footer-mobile-menu-text) { color: var(--premium-text, #f3f5f8); }
:root[data-theme] .spc-storefront.spc-storefront-premium .spc-store-footer-social { background: transparent; border-color: transparent; color: var(--premium-muted, #a7b1bf); box-shadow: none; }
:root[data-theme] .spc-storefront.spc-storefront-premium .spc-store-footer-bottom { background: transparent; border-color: var(--premium-line, #303a47); }
@media (min-width: 1024px) {
  :root[data-theme] .spc-storefront.spc-storefront-premium .spc-home-hero-figma { background: var(--premium-page); }
  .spc-premium-scenario-ready > img { top: 38px; height: 174px; }
  .spc-premium-specialist-image { position: absolute; right: 0; bottom: 0; width: 54%; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: 65% center; object-position: 65% center; -webkit-mask-image: linear-gradient(to right, transparent, #000 48%); mask-image: linear-gradient(to right, transparent, #000 48%); }
  .spc-premium-specialist-image[data-variant="light"] { display: none; }
  :root[data-theme="light"] .spc-premium-specialist-image[data-variant="dark"] { display: none; }
  :root[data-theme="light"] .spc-premium-specialist-image[data-variant="light"] { display: block; }
  .spc-premium-scenario-help h3 { max-width: none; font-size: 24px; }
  .spc-premium-scenario-help p { max-width: 250px; }
  .spc-premium-scenario-help > .spc-premium-text-link { z-index: 1; }
  :root[data-theme] .spc-storefront.spc-storefront-premium .spc-popular-category-image-storage { width: 76%; height: 100%; -o-object-fit: contain; object-fit: contain; transform: rotate(-12deg); }
  :root[data-theme] .spc-storefront.spc-storefront-premium .spc-store-footer { min-height: 0; }
  :root[data-theme] .spc-storefront.spc-storefront-premium .spc-store-footer-inner { min-height: 0; }
  .spc-footer-intro { display: flex; justify-content: space-between; align-items: center; gap: 32px; padding: 52px 0; border-bottom: 1px solid var(--premium-line); }
  .spc-footer-intro p { margin: 0 0 12px; color: var(--premium-muted); font-size: 12px; }
  .spc-footer-intro h2 { font-size: clamp(26px, 2.6vw, 36px); font-weight: 500; letter-spacing: -1px; line-height: 1.2; }
  .spc-footer-intro > a { display: flex; gap: 32px; align-items: center; padding: 14px 20px; border-radius: 7px; background: var(--premium-card); color: var(--premium-text); font-size: 14px; white-space: nowrap; }
  .spc-footer-intro > a:hover { color: var(--premium-accent); }
  :root[data-theme] .spc-storefront.spc-storefront-premium .spc-store-footer-main { padding: 40px 0; }
  :root[data-theme] .spc-storefront.spc-storefront-premium .spc-store-footer-brand { grid-column: auto; }
  :root[data-theme] .spc-storefront.spc-storefront-premium .spc-store-footer-logo-link,
  :root[data-theme] .spc-storefront.spc-storefront-premium .spc-store-footer-logo { width: 126px; }
  :root[data-theme] .spc-storefront.spc-storefront-premium .spc-store-footer-brand p { font-size: 13px; max-width: 230px; }
  :root[data-theme] .spc-storefront.spc-storefront-premium .spc-store-footer-section h2 { font-size: 14px; font-weight: 500; text-transform: none; }
  :root[data-theme] .spc-storefront.spc-storefront-premium .spc-store-footer :is(.spc-store-footer-link, .spc-store-footer-text, .spc-store-footer-contact-list li) { font-size: 13px; line-height: 1.55; }
  :root[data-theme] .spc-storefront.spc-storefront-premium .spc-store-footer-link:hover { color: var(--premium-accent); }
  :root[data-theme] .spc-storefront.spc-storefront-premium .spc-store-footer-contact-icon { width: 18px; height: 18px; flex-basis: 18px; color: var(--premium-muted); }
  :root[data-theme] .spc-storefront.spc-storefront-premium .spc-store-footer-social { width: 30px; height: 30px; }
  :root[data-theme] .spc-storefront.spc-storefront-premium .spc-store-footer-bottom { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 20px; padding: 24px 0; }
  :root[data-theme] .spc-storefront.spc-storefront-premium .spc-store-footer-payments { filter: grayscale(1); opacity: .65; }
}

/* Completed steps remain quiet; blue continues to identify the open step. */
:root[data-theme] .spc-storefront-premium .spc-configurator-ux .spc-configurator-section[data-selected="true"][data-expanded="false"] .spc-configurator-accordion-head {
  background: color-mix(in srgb, var(--cfg-success) 5%, var(--cfg-card));
}
.spc-configurator-accordion-status[data-selected="true"] {
  align-items: center;
  gap: 6px;
}
.spc-configurator-accordion-status > svg { width: 15px; height: 15px; flex-shrink: 0; }
@media (min-width: 1024px) {
  .spc-configurator-accordion-status[data-selected="true"] { display: inline-flex; }
}

/* Specialist callback: shared storefront surfaces on desktop and mobile. */
.spc-specialist-trigger { width: 100%; border: 0; text-align: left; color: inherit; font: inherit; cursor: pointer; }
.spc-specialist-trigger:focus-visible { outline: 2px solid var(--premium-accent); outline-offset: 4px; }
.spc-specialist-dialog { position: fixed; inset: 0; margin: auto; width: min(560px, calc(100% - 32px)); max-width: none; max-height: calc(100dvh - 32px); overflow-y: auto; overscroll-behavior: contain; padding: 32px; border: 1px solid var(--premium-line); border-radius: 20px; background: var(--premium-card); color: var(--premium-text); box-shadow: 0 24px 80px #0004; }
.spc-specialist-dialog::backdrop { background: #060b1499; }
.spc-specialist-heading { display: flex; align-items: flex-start; justify-content: space-between; gap: 16px; }
.spc-specialist-eyebrow { font-size: 11px; letter-spacing: .12em; text-transform: uppercase; color: var(--premium-accent); }
.spc-specialist-dialog h2 { font-size: 28px; line-height: 1.2; letter-spacing: -.7px; font-weight: 600; margin: 10px 0 0; }
.spc-specialist-close { width: 40px; height: 40px; flex-shrink: 0; display: grid; place-items: center; border: 0; border-radius: 8px; color: var(--premium-muted); background: transparent; font-size: 28px; cursor: pointer; }
.spc-specialist-close:hover { background: var(--premium-section); color: var(--premium-text); }
.spc-specialist-intro { margin: 18px 0 24px; color: var(--premium-muted); font-size: 14px; line-height: 1.65; }
.spc-specialist-form fieldset { display: grid; gap: 18px; border: 0; margin: 0; padding: 0; min-width: 0; }
.spc-specialist-form label { display: block; font-size: 14px; font-weight: 500; }
.spc-specialist-form label > span { color: var(--premium-muted); }
.spc-specialist-form label > small { float: right; color: var(--premium-muted); font-size: 12px; font-weight: 400; }
.spc-specialist-form .spc-specialist-consent { display: flex; align-items: flex-start; gap: 10px; line-height: 1.5; }
:root[data-theme] .spc-storefront.spc-storefront-premium #main-content .spc-specialist-form .spc-specialist-consent input { flex: 0 0 18px; width: 18px; min-height: 18px; height: 18px; margin-top: 2px; padding: 0; accent-color: var(--premium-accent); }
.spc-specialist-consent a { color: var(--premium-accent); text-decoration: underline; }
:root[data-theme] .spc-storefront.spc-storefront-premium #main-content .spc-specialist-form :is(input, textarea) { display: block; width: 100%; min-height: 48px; margin-top: 8px; padding: 12px 14px; border: 1px solid var(--premium-line); border-radius: 9px; background: var(--premium-section); color: var(--premium-text); font: inherit; font-size: 16px; box-shadow: none; outline: none; }
:root[data-theme] .spc-storefront.spc-storefront-premium #main-content .spc-specialist-form :is(input, textarea):focus { border-color: var(--premium-accent); box-shadow: 0 0 0 2px color-mix(in srgb, var(--premium-accent) 18%, transparent); }
.spc-specialist-form :is(input, textarea)::-moz-placeholder { color: var(--premium-muted); opacity: .8; }
.spc-specialist-form :is(input, textarea)::placeholder { color: var(--premium-muted); opacity: .8; }
.spc-specialist-form textarea { resize: vertical; max-height: 240px; }
.spc-specialist-note { margin: 18px 0; font-size: 12px; line-height: 1.6; color: var(--premium-muted); }
.spc-specialist-submit { display: block; width: 100%; min-height: 48px; padding: 12px 18px; border: 0; border-radius: 9px; background: #0961e8; color: #fff; font-size: 15px; font-weight: 500; cursor: pointer; }
.spc-specialist-submit:hover:not(:disabled) { background: #0753c9; }
.spc-specialist-dialog button:focus-visible { outline: 2px solid var(--premium-accent); outline-offset: 3px; }
.spc-specialist-dialog button:disabled { opacity: .6; cursor: wait; }
.spc-specialist-error { padding: 12px; margin-bottom: 16px; border-left: 2px solid var(--premium-accent); background: var(--premium-section); color: var(--premium-text); font-size: 14px; line-height: 1.5; }
.spc-specialist-success { padding-top: 28px; }
.spc-specialist-success > span { display: grid; place-items: center; width: 48px; height: 48px; border-radius: 50%; background: var(--premium-section); color: var(--premium-accent); font-size: 24px; }
.spc-specialist-success h3 { font-size: 24px; margin: 20px 0 12px; }
.spc-specialist-success p { color: var(--premium-muted); line-height: 1.6; margin-bottom: 28px; }
@media (max-width: 639px) {
  .spc-specialist-dialog { width: calc(100% - 24px); max-height: calc(100dvh - 24px); padding: 24px 20px; border-radius: 16px; }
  .spc-specialist-dialog h2 { font-size: 24px; }
  .spc-specialist-form fieldset { gap: 16px; }
}
.spc-specialist-contact-hint, .spc-specialist-form label > small.spc-specialist-contact-hint { display: block; float: none; margin: 8px 0 0; color: var(--premium-muted); font-size: 12px; line-height: 1.5; font-weight: 400; }
:root[data-theme] .spc-storefront.spc-storefront-premium #main-content .spc-specialist-form select { display: block; width: 100%; min-height: 48px; margin-top: 8px; padding: 12px 14px; border: 1px solid var(--premium-line); border-radius: 9px; background: var(--premium-section); color: var(--premium-text); font: inherit; font-size: 16px; }
:root[data-theme] .spc-storefront.spc-storefront-premium #main-content .spc-specialist-form select:focus-visible { outline: 2px solid var(--premium-accent); outline-offset: 2px; }

/* Category-first catalog navigation and contextual filters. */
.spc-catalog-category-picker summary { display: flex; justify-content: space-between; align-items: center; cursor: pointer; padding: 12px 0; font-weight: 600; color: var(--premium-text); }
.spc-catalog-category-picker nav { display: grid; gap: 4px; max-height: 340px; overflow-y: auto; padding-bottom: 12px; }
.spc-catalog-category-picker a { display: flex; align-items: center; justify-content: space-between; gap: 12px; min-height: 40px; padding: 8px; border-radius: 7px; text-decoration: none; font-size: 13px; }
.spc-catalog-category-picker a:hover, .spc-catalog-category-picker a[aria-current] { background: var(--premium-card); color: var(--premium-accent); }
.spc-catalog-category-picker small { color: var(--premium-muted); }
.spc-catalog-sort-form { display: flex; flex-wrap: wrap; align-items: end; gap: 8px; }
.spc-catalog-sort-form > button { display: none; }
.spc-catalog-updating { display: block; color: var(--premium-accent); font-size: 12px; padding: 8px 0; }
.spc-catalog-auto-form[aria-busy='true'] { opacity: .7; }
.spc-catalog-auto-form label > span.min-w-0 { white-space: normal; overflow: visible; }
@media (min-width: 1024px) {
  .spc-catalog-layout > aside > div { top: 100px; max-height: calc(100dvh - 120px); overflow-y: auto; scrollbar-width: thin; }
  .spc-catalog-filter-actions > button { display: none; }
  .spc-catalog-mobile-tools { display: none; }
}
.spc-catalog-filter-dialog { position: fixed; inset: 0; margin: auto; width: min(480px, calc(100% - 24px)); max-width: none; max-height: calc(100dvh - 24px); overflow-y: auto; overscroll-behavior: contain; padding: 20px; border: 1px solid var(--premium-line); border-radius: 16px; background: var(--premium-card); color: var(--premium-text); }
.spc-catalog-filter-dialog::backdrop { background: #060b1499; }
.spc-catalog-filter-dialog > header { display: flex; justify-content: space-between; align-items: center; gap: 16px; margin-bottom: 16px; }
.spc-catalog-filter-dialog > header button { min-width: 44px; min-height: 44px; font-size: 24px; }
.spc-catalog-filter-dialog .spc-catalog-filter-actions { position: sticky; bottom: -20px; padding: 12px 0 calc(12px + env(safe-area-inset-bottom)); background: var(--premium-card); z-index: 2; border-top: 1px solid var(--premium-line); }
@media (max-width: 1023px) {
  .spc-catalog-mobile-tools { display: flex; align-items: start; gap: 12px; }
  .spc-catalog-mobile-tools > details { flex: 1; min-width: 0; }
  .spc-catalog-mobile-filter-trigger > button { min-height: 44px; padding: 10px 16px; border: 1px solid var(--premium-line); border-radius: 8px; background: var(--premium-card); color: var(--premium-text); }
}
.spc-catalog-brands > input { width: 100%; min-height: 38px; margin: 10px 0; padding: 8px 10px; border: 1px solid var(--premium-line); border-radius: 7px; }
.spc-catalog-brands > div { max-height: 180px; overflow-y: auto; scrollbar-width: thin; }
.spc-catalog-brands label:not([hidden]) { display: flex; align-items: center; gap: 8px; min-height: 36px; font-size: 13px; padding: 6px; }
.spc-catalog-brands label[hidden] { display: none; }
.spc-catalog-brands label span { flex: 1; }
.spc-catalog-brands small { color: var(--premium-muted); }
.spc-product-in-cart { display: flex; align-items: center; justify-content: center; gap: 6px; width: 100%; text-align: center; text-decoration: none; background: color-mix(in srgb, var(--premium-accent) 8%, var(--premium-card)); }
.spc-cart-feedback:not(:empty) { display: block; margin-top: 8px; max-width: 100%; font-size: 12px; line-height: 1.5; color: var(--premium-muted); }

/* Keep standalone cart controls aligned independently of product title length. */
.spc-cart-product-row { display: grid; grid-template-columns: minmax(0, 1fr); gap: 16px; align-items: center; }
.spc-cart-product-actions { display: grid; grid-template-columns: 44px 40px 44px max-content; align-items: center; gap: 8px; }
.spc-cart-product-actions > button { min-height: 44px; white-space: nowrap; }
.spc-cart-product-actions > output { min-width: 0; }
@media (min-width: 768px) {
  .spc-cart-product-row { grid-template-columns: minmax(0, 1fr) auto; gap: 24px; }
}

/* Public catalogue category navigation. */
.spc-catalog-category-tiles { display: flex; gap: 10px; margin: 0 0 24px; overflow-x: auto; overscroll-behavior-inline: contain; padding: 2px 1px 8px; scroll-snap-type: x proximity; scrollbar-width: thin; }
.spc-catalog-category-tile { display: flex; flex: 0 0 170px; min-width: 0; flex-direction: column; overflow: visible; border: 0; border-radius: 0; background: transparent; color: var(--premium-text); text-decoration: none; scroll-snap-align: start; transition: transform .18s ease; }
.spc-catalog-category-tile:hover { background: transparent; transform: translateY(-1px); }
.spc-catalog-category-tile-media { display: grid; height: 112px; flex: 0 0 112px; box-sizing: border-box; place-items: center; overflow: hidden; border: 1px solid var(--premium-line); border-radius: 9px; padding: 6px 10px; background: var(--premium-section); transition: border-color .18s ease, background-color .18s ease; }
.spc-catalog-category-tile:hover .spc-catalog-category-tile-media { border-color: var(--premium-accent); }
.spc-catalog-category-tile[aria-current="page"] .spc-catalog-category-tile-media { border-color: var(--premium-accent); box-shadow: inset 0 0 0 1px var(--premium-accent); }
.spc-catalog-category-tile[aria-current="page"] strong { color: var(--premium-accent); }
.spc-catalog-category-tile-media { position: relative; }
.spc-catalog-category-tile-media img { position: absolute; inset: 10px; display: block; width: calc(100% - 20px); height: calc(100% - 20px); min-width: 0; min-height: 0; max-width: none; max-height: none; -o-object-fit: contain; object-fit: contain; -o-object-position: center; object-position: center; }
.spc-catalog-category-tile-fallback { display: grid; width: 36px; height: 36px; place-items: center; border: 1px solid var(--premium-line); border-radius: 9px; color: var(--premium-accent); }
.spc-catalog-category-tile-fallback svg { width: 21px; height: 21px; }
.spc-catalog-category-tile-copy { display: grid; grid-template-rows: auto 16px; align-content: start; min-width: 0; gap: 4px; box-sizing: border-box; padding: 8px 2px 0; }
.spc-catalog-category-tile-copy strong { display: -webkit-box; min-height: 0; overflow: hidden; font-size: 13px; font-weight: 600; line-height: 1.1; overflow-wrap: anywhere; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.spc-catalog-category-tile-copy small { color: var(--premium-muted); font-size: 12px; line-height: 16px; }
.spc-catalog-category-tiles { min-width: 0; max-width: 100%; scrollbar-color: var(--premium-line) transparent; padding-bottom: 12px; }
.spc-catalog-category-tiles::-webkit-scrollbar { height: 6px; }
.spc-catalog-category-tiles::-webkit-scrollbar-thumb { background: var(--premium-line); border-radius: 999px; }
.spc-catalog-category-tiles::-webkit-scrollbar-track { background: transparent; }
.spc-catalog-category-tile:focus-visible { outline: 2px solid var(--premium-accent); outline-offset: -2px; border-radius: 9px; }
@media (prefers-reduced-motion: reduce) {
  .spc-catalog-category-tile, .spc-catalog-category-tile-media { transition: none; }
  .spc-catalog-category-tile:hover { transform: none; }
}
.spc-catalog-general-filters { grid-column: 1 / -1; }
.spc-catalog-general-filters > details { border: 1px solid var(--premium-line); border-radius: 12px; background: var(--premium-card); }
.spc-catalog-general-filters > details > summary { cursor: pointer; padding: 13px 16px; color: var(--premium-text); font-size: 14px; font-weight: 600; }
.spc-catalog-general-filters > details[open] > summary { border-bottom: 1px solid var(--premium-line); }
.spc-catalog-general-filters .spc-catalog-auto-form { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; padding: 16px; }
.spc-catalog-general-filters .spc-catalog-auto-form > :is(.spc-catalog-category-picker, fieldset) { min-width: 0; }
.spc-catalog-general-filters .spc-catalog-auto-form > .spc-catalog-filter-actions { align-self: end; }
@media (max-width: 639px) {
  .spc-catalog-category-tiles { gap: 8px; margin-bottom: 20px; }
  .spc-catalog-category-tile { flex-basis: 158px; }
  .spc-catalog-category-tile-media { height: 100px; flex-basis: 100px; padding: 5px 8px; }
  .spc-catalog-category-tile-fallback { width: 34px; height: 34px; }
  .spc-catalog-category-tile-fallback svg { width: 20px; height: 20px; }
  .spc-catalog-category-tile-copy { padding: 8px 2px 0; }
  .spc-catalog-category-tile-copy strong { font-size: 13px; }
  .spc-catalog-category-tile-copy small { font-size: 12px; }
}

/* Public product catalogue presentation. */
.spc-catalog-page { width: 100%; }
.spc-catalog-page-hero { padding-block: 8px 4px; }
.spc-catalog-page-hero h1 { font-size: clamp(32px, 4vw, 52px); letter-spacing: -1.5px; line-height: 1.08; }
.spc-catalog-toolbar { min-width: 0; border: 1px solid var(--premium-line); background: var(--premium-card); }
.spc-catalog-toolbar > div:first-child { min-width: 0; }
.spc-catalog-toolbar h2 { white-space: nowrap; }
.spc-catalog-toolbar .spc-catalog-sort-form { min-width: min(100%, 300px); }
.spc-catalog-toolbar .spc-catalog-sort-form label { min-width: 0; }
.spc-catalog-toolbar .spc-catalog-sort-form select { min-width: 0; width: 100%; }
.spc-catalog-product-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); align-items: stretch; }
.spc-catalog-product { min-width: 0; border-color: var(--premium-line); background: var(--premium-card); }
.spc-catalog-product-image { position: relative; isolation: isolate; min-height: 248px; aspect-ratio: 1.18; background: var(--premium-section); }
/* Studio backdrop light: a soft white-blue halo behind the product plus a wide, heavily
   blurred pool of light at its base. Rendered on a ::before layer at z-index:-1 so it sits
   BEHIND the image (never blurs the product), is clipped to the image box, and is defined
   once here for every ProductCard (catalog grid/list, related products, desktop and mobile). */
.spc-catalog-product-image::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  filter: blur(6px);
  background:
    radial-gradient(58% 52% at 50% 43%, rgba(150, 195, 255, 0.30), rgba(45, 105, 235, 0.16) 46%, rgba(20, 60, 180, 0) 72%),
    radial-gradient(80% 22% at 50% 99%, rgba(95, 155, 255, 0.36), rgba(60, 120, 255, 0.14) 48%, rgba(40, 90, 220, 0) 74%);
}
/* Only a very light white edge-mask and a faint blue contour remain on the product itself;
   the main glow is the studio ::before layer above. Keeps white products free of a thick rim. */
.spc-catalog-product-image > img { padding: 18px; -o-object-fit: contain; object-fit: contain; filter: drop-shadow(0 0 1px rgba(255, 255, 255, 0.28)) drop-shadow(0 0 5px rgba(70, 120, 220, 0.10)); }
.spc-catalog-product-body { min-width: 0; }
.spc-catalog-product-body h2 { min-height: 4.5rem; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; }
.spc-catalog-product-body h2 a { overflow-wrap: anywhere; }
.spc-catalog-product-highlights { min-height: 6.5rem; }
.spc-catalog-product-price { font-size: 26px; line-height: 1.15; }
@media (min-width: 1024px) {
  .spc-catalog-layout > aside > div { border: 1px solid var(--premium-line); background: var(--premium-card); }
}
@media (max-width: 1279px) {
  .spc-catalog-product-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 639px) {
  .spc-catalog-page { padding-top: 24px; padding-bottom: 32px; }
  .spc-catalog-page-hero { padding-block: 0 4px; }
  .spc-catalog-page-hero h1 { font-size: 30px; letter-spacing: -1px; }
  .spc-catalog-toolbar { align-items: stretch; }
  .spc-catalog-toolbar h2 { font-size: 21px; white-space: normal; }
  .spc-catalog-toolbar .spc-catalog-sort-form { width: 100%; }
  .spc-catalog-toolbar .spc-catalog-sort-form label { width: 100%; font-size: 14px; }
  .spc-catalog-toolbar .spc-catalog-sort-form select { min-height: 46px; font-size: 16px; }
  .spc-catalog-product-grid { grid-template-columns: minmax(0, 1fr); }
  .spc-catalog-product-image { min-height: 220px; aspect-ratio: 1.2; }
  .spc-catalog-product-body { padding: 20px; }
  .spc-catalog-product-body h2 { min-height: 0; font-size: 20px; line-height: 1.3; }
  .spc-catalog-product-highlights { min-height: 0; font-size: 13px; }
  .spc-catalog-product-price { font-size: 27px; }
}
/* Compact product browsing, scoped to catalogue pages. */
.spc-catalog-page .spc-catalog-product-grid { gap: 14px; }
.spc-catalog-page .spc-catalog-product-image { height: 180px; min-height: 0; flex: 0 0 180px; aspect-ratio: auto; }
.spc-catalog-page .spc-catalog-product-image > img { position: absolute; inset: 0; width: 100%; height: 100%; padding: 16px; -o-object-fit: contain; object-fit: contain; }
.spc-catalog-page .spc-catalog-product-body { padding: 16px; }
:root[data-theme] .spc-storefront-premium .spc-catalog-page .spc-catalog-product-body h2 { min-height: 40px; margin: 0; font-size: 15px; line-height: 20px; font-weight: 600; }
:root[data-theme] .spc-storefront-premium .spc-catalog-page .spc-catalog-product-body > p { margin-top: 4px; margin-bottom: 8px; }
.spc-catalog-page .spc-catalog-product-stock { justify-content: flex-start; }
.spc-catalog-page .spc-catalog-product-highlights { min-height: 0; margin-top: 12px; gap: 4px; font-size: 12px; line-height: 18px; }
.spc-catalog-page .spc-catalog-product-highlights li > span:last-child { flex-shrink: 1; min-width: 0; max-width: 65%; text-align: right; overflow-wrap: anywhere; }
.spc-catalog-page .spc-catalog-product-body > div:last-child { padding-top: 16px; }
.spc-catalog-page .spc-catalog-product-body > div:last-child > div { margin-top: 12px; }
.spc-catalog-page .spc-catalog-product-price { font-size: 23px; line-height: 1.2; overflow-wrap: anywhere; }
.spc-catalog-page .spc-catalog-product-cart button { min-height: 44px; }
.spc-catalog-page .spc-catalog-toolbar { padding: 16px; }
@media (min-width: 1440px) {
  .spc-catalog-page .spc-catalog-product-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); }
  .spc-catalog-page .spc-catalog-product-image { height: 160px; flex-basis: 160px; }
}
@media (max-width: 639px) {
  .spc-catalog-page .spc-catalog-product-image { height: 160px; flex-basis: 160px; }
  .spc-catalog-page .spc-catalog-product-body { padding: 14px; }
  :root[data-theme] .spc-storefront-premium .spc-catalog-page .spc-catalog-product-body h2 { min-height: 0; font-size: 16px; line-height: 21px; }
}
.spc-catalog-view-switch { display: none; }
.spc-catalog-mobile-bar { display: none; }
:root[data-theme="light"] .spc-storefront-premium .spc-catalog-page .spc-catalog-product { border: 1px solid var(--premium-line); box-shadow: var(--shadow-card); }
:root[data-theme="light"] .spc-storefront-premium .spc-catalog-page .spc-catalog-product:hover { border-color: var(--premium-accent); box-shadow: var(--shadow-card-hover); }
@media (max-width: 639px) {
  .spc-catalog-page .spc-catalog-toolbar .spc-catalog-sort-form { display: none; }
  .spc-catalog-page .spc-catalog-toolbar { margin-bottom: 12px; padding: 12px 14px; }
  .spc-catalog-mobile-bar { display: flex; align-items: center; gap: 8px; margin-bottom: 12px; }
  .spc-catalog-mobile-sort { flex: 1; min-width: 0; }
  .spc-catalog-mobile-sort select { width: 100%; min-width: 0; height: 44px; border: 1px solid var(--premium-line); border-radius: 9px; padding: 0 8px; color: var(--premium-text); background: var(--premium-card); font-size: 16px; }
  .spc-catalog-mobile-bar .spc-catalog-view-switch { margin: 0; flex: 0 0 auto; gap: 4px; }
  .spc-catalog-mobile-bar .spc-catalog-view-switch button { display: grid; place-items: center; width: 44px; padding: 0; }
  .spc-catalog-view-switch { display: flex; justify-content: flex-end; gap: 4px; margin-bottom: 12px; }
  .spc-catalog-view-switch button { min-height: 44px; padding: 8px 16px; border: 1px solid var(--premium-line); border-radius: 8px; background: var(--premium-card); color: var(--premium-text); font-size: 14px; }
  .spc-catalog-view-switch button[aria-pressed="true"] { border-color: var(--premium-accent); color: var(--premium-accent); background: var(--premium-section); }
  .spc-catalog-view-switch button:focus-visible { outline: 2px solid var(--premium-accent); outline-offset: 2px; }
  .spc-catalog-page .spc-catalog-display[data-view="list"] .spc-catalog-product { display: grid; grid-template-columns: 88px minmax(0, 1fr); align-items: start; }
  .spc-catalog-page .spc-catalog-display[data-view="list"] .spc-catalog-product-image { height: 104px; margin-top: 10px; }
  .spc-catalog-page .spc-catalog-display[data-view="list"] .spc-catalog-product-image > img { padding: 8px; }
  .spc-catalog-page .spc-catalog-display[data-view="list"] .spc-catalog-product-body { padding: 12px 12px 12px 4px; }
  .spc-catalog-page .spc-catalog-display[data-view="list"] .spc-catalog-product-highlights { margin-top: 8px; gap: 2px; }
  .spc-catalog-page .spc-catalog-display[data-view="list"] .spc-catalog-product-body > div:last-child { padding-top: 10px; }
  .spc-catalog-page .spc-catalog-display[data-view="list"] .spc-catalog-product-price { font-size: 20px; }
}
/* Mobile catalogue: navigation first, filters always within reach. */
@media (max-width: 639px) {
  .spc-catalog-page { padding-bottom: calc(88px + env(safe-area-inset-bottom)); }
  .spc-catalog-page .spc-catalog-page-hero { display: none; }
  .spc-catalog-page .spc-catalog-mobile-tools { display: contents; }
  .spc-catalog-page .spc-catalog-mobile-tools > details { display: none; }
  .spc-catalog-page .spc-catalog-mobile-filter-trigger { display: contents; }
  .spc-catalog-page .spc-catalog-mobile-filter-trigger > button { position: fixed; z-index: 40; bottom: calc(12px + env(safe-area-inset-bottom)); left: 50%; transform: translateX(-50%); display: flex; align-items: center; justify-content: center; gap: 8px; width: min(280px, calc(100% - 32px)); min-height: 46px; border-radius: 999px; border: 1px solid var(--premium-line); background: var(--premium-card); color: var(--premium-text); box-shadow: var(--shadow-card-hover); font-size: 14px; font-weight: 600; }
  .spc-catalog-page .spc-catalog-mobile-filter-trigger > button:focus-visible { outline: 2px solid var(--premium-accent); outline-offset: 3px; }
  .spc-catalog-page .spc-catalog-toolbar { display: contents; }
  .spc-catalog-page .spc-catalog-toolbar > div:first-child { display: contents; }
  .spc-catalog-page .spc-catalog-toolbar > div:first-child > p { display: none; }
  .spc-catalog-page #catalog-results-title { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
  .spc-catalog-page .spc-catalog-toolbar [aria-label="Активные фильтры"] { margin: 0 0 12px; }
}
.spc-catalog-mobile-filter-trigger > button { display: inline-flex; align-items: center; justify-content: center; gap: 8px; }
.spc-cart-action-icon { display: none; }
@media (max-width: 639px) {
  .spc-catalog-page .spc-catalog-display[data-view="list"] .spc-catalog-product-highlights,
  .spc-catalog-page .spc-catalog-display[data-view="list"] .spc-catalog-product-body > p,
  .spc-catalog-page .spc-catalog-display[data-view="list"] .spc-catalog-product-stock { display: none; }
  .spc-catalog-page .spc-catalog-display[data-view="list"] .spc-catalog-product-body > div:last-child { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 8px; margin-top: 8px; padding-top: 0; }
  .spc-catalog-page .spc-catalog-display[data-view="list"] .spc-catalog-product-body > div:last-child > div { display: block; margin: 0; }
  .spc-catalog-page .spc-catalog-display[data-view="list"] .spc-catalog-product-body > div:last-child > div > a { display: none; }
  .spc-catalog-page .spc-catalog-display[data-view="list"] .spc-cart-action-label { display: none; }
  .spc-catalog-page .spc-catalog-display[data-view="list"] .spc-cart-action-icon { display: block; }
  .spc-catalog-page .spc-catalog-display[data-view="list"] .spc-catalog-product-cart > :is(button, a) { display: grid; place-items: center; width: 44px; height: 44px; padding: 0; border: 1px solid transparent; background: transparent; color: var(--premium-muted); box-shadow: none; border-radius: 8px; }
  .spc-catalog-page .spc-catalog-display[data-view="list"] .spc-catalog-product-cart > :is(button, a):hover { background: var(--premium-section); color: var(--premium-accent); }
  .spc-catalog-page .spc-catalog-display[data-view="list"] .spc-catalog-product-cart > :is(button, a):focus-visible { outline: 2px solid var(--premium-accent); outline-offset: 1px; }
  .spc-catalog-page .spc-catalog-display[data-view="list"] .spc-catalog-product-cart > .spc-product-in-cart { color: var(--premium-accent); }
  .spc-catalog-page .spc-catalog-display[data-view="list"] .spc-catalog-product-cart > button:disabled { opacity: .55; }
  .spc-catalog-page .spc-catalog-display[data-view="list"] .spc-catalog-product-price { font-size: 18px; }
  .spc-catalog-page .spc-catalog-display[data-view="list"] .spc-catalog-product { align-items: stretch; }
  .spc-catalog-page .spc-catalog-display[data-view="list"] .spc-catalog-product-image { height: 88px; margin: 12px 0; }
  .spc-catalog-page .spc-catalog-display[data-view="list"] .spc-catalog-product-body > div:last-child { margin-top: auto; padding-top: 6px; }
  :root[data-theme] .spc-storefront-premium .spc-catalog-display[data-view="list"] .spc-product-visual-fallback { display: grid; width: 100%; height: 100%; min-height: 0; padding: 8px; background: transparent; }
  :root[data-theme] .spc-storefront-premium .spc-catalog-display[data-view="list"] .spc-product-visual-fallback > span:first-child { width: 100%; height: 100%; min-width: 0; border: 0; border-radius: 8px; background: var(--premium-section); box-shadow: none; }
  :root[data-theme] .spc-storefront-premium .spc-catalog-display[data-view="list"] .spc-product-visual-fallback svg { width: 26px; height: 26px; color: var(--premium-muted); }
  .spc-catalog-display[data-view="list"] .spc-product-visual-fallback > span:last-child { display: none; }
  :root[data-theme] .spc-storefront-premium #main-content .spc-catalog-display[data-view="list"] .spc-catalog-product-body h2 { font-size: 14px; line-height: 20px; font-weight: 500; letter-spacing: 0; }
  :root[data-theme] .spc-storefront-premium #main-content .spc-catalog-display[data-view="list"] .spc-catalog-product-price { font-size: 19px; line-height: 24px; font-weight: 600; letter-spacing: -.2px; font-variant-numeric: tabular-nums; }
  .spc-catalog-page .spc-catalog-display[data-view="list"] .spc-catalog-product-body > div:last-child { padding-top: 12px; }
  :root[data-theme] .spc-storefront-premium #main-content .spc-catalog-display[data-view="list"] .spc-catalog-product-cart > :is(button, a) { background: transparent; color: var(--premium-muted); border-color: transparent; box-shadow: none; }
  :root[data-theme] .spc-storefront-premium #main-content .spc-catalog-display[data-view="list"] .spc-catalog-product-cart > :is(button, a):hover { background: var(--premium-section); color: var(--premium-accent); }
  :root[data-theme] .spc-storefront-premium #main-content .spc-catalog-display[data-view="list"] .spc-catalog-product-cart > .spc-product-in-cart { color: var(--premium-accent); }
  .spc-catalog-page .spc-catalog-display[data-view="grid"] .spc-catalog-product-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
  .spc-catalog-page .spc-catalog-display[data-view="grid"] .spc-catalog-product-image { height: 120px; flex-basis: 120px; }
  .spc-catalog-page .spc-catalog-display[data-view="grid"] .spc-catalog-product-image > img { padding: 10px; }
  .spc-catalog-page .spc-catalog-display[data-view="grid"] .spc-catalog-product-body { padding: 10px; }
  .spc-catalog-page .spc-catalog-display[data-view="grid"] .spc-catalog-product-highlights,
  .spc-catalog-page .spc-catalog-display[data-view="grid"] .spc-catalog-product-body > p { display: none; }
  :root[data-theme] .spc-storefront-premium #main-content .spc-catalog-display[data-view="grid"] .spc-catalog-product-body h2 { min-height: 54px; font-size: 13px; line-height: 18px; font-weight: 500; }
  .spc-catalog-page .spc-catalog-display[data-view="grid"] .spc-catalog-product-stock { margin-top: 6px; }
  .spc-catalog-display[data-view="grid"] .spc-catalog-product-stock .truncate { white-space: normal; font-size: 11px; line-height: 14px; }
  .spc-catalog-page .spc-catalog-display[data-view="grid"] .spc-catalog-product-body > div:last-child { display: grid; grid-template-columns: minmax(0, 1fr) 44px; align-items: center; gap: 4px; padding-top: 10px; }
  :root[data-theme] .spc-storefront-premium #main-content .spc-catalog-display[data-view="grid"] .spc-catalog-product-price { font-size: 17px; line-height: 22px; font-weight: 600; letter-spacing: -.2px; }
  .spc-catalog-page .spc-catalog-display[data-view="grid"] .spc-catalog-product-body > div:last-child > div { display: flex; justify-content: flex-end; min-width: 0; margin-top: 0; }
  .spc-catalog-display[data-view="grid"] .spc-catalog-product-body > div:last-child > div > a,
  .spc-catalog-display[data-view="grid"] .spc-cart-action-label { display: none; }
  .spc-catalog-display[data-view="grid"] .spc-cart-action-icon { display: block; }
  :root[data-theme] .spc-storefront-premium #main-content .spc-catalog-display[data-view="grid"] .spc-catalog-product-cart { width: auto; }
  :root[data-theme] .spc-storefront-premium #main-content .spc-catalog-display[data-view="grid"] .spc-catalog-product-cart > :is(button, a) { display: grid; place-items: center; width: 44px; height: 44px; padding: 0; background: transparent; color: var(--premium-muted); border: 0; box-shadow: none; }
  :root[data-theme] .spc-storefront-premium #main-content .spc-catalog-display[data-view="grid"] .spc-catalog-product-cart > .spc-product-in-cart { color: var(--premium-accent); }
  .spc-catalog-display[data-view="grid"] .spc-catalog-product-cart > :is(button, a):focus-visible { outline: 2px solid var(--premium-accent); outline-offset: -2px; border-radius: 8px; }
  :root[data-theme] .spc-storefront-premium .spc-catalog-display[data-view="grid"] .spc-product-visual-fallback { min-height: 0; padding: 12px; background: transparent; }
  :root[data-theme] .spc-storefront-premium .spc-catalog-display[data-view="grid"] .spc-product-visual-fallback > span:first-child { width: 44px; height: 44px; border: 0; background: transparent; box-shadow: none; }
  .spc-catalog-display[data-view="grid"] .spc-product-visual-fallback > span:last-child { display: none; }
}
@media (min-width: 1024px) {
  .spc-premium-header-dropdown.spc-desktop-navigation { width: 390px; max-height: calc(100dvh - 100px); overflow-y: auto; overscroll-behavior: contain; padding: 18px; }
  .spc-desktop-navigation-head { display: flex; align-items: center; justify-content: space-between; margin-bottom: 12px; font-size: 15px; font-weight: 500; }
  .spc-desktop-navigation-head button { width: 36px; height: 36px; border-radius: 8px; font-size: 24px; color: var(--premium-muted); background: transparent; }
  .spc-desktop-navigation nav a, .spc-premium-header-menu .spc-desktop-navigation-categories > summary { display: flex; align-items: center; gap: 12px; width: auto; min-height: 46px; height: auto; padding: 10px; color: var(--premium-text); font-size: 15px; font-weight: 400; border-radius: 8px; }
  .spc-desktop-navigation nav svg { flex-shrink: 0; color: var(--premium-muted); }
  .spc-desktop-navigation nav a[aria-current="page"] { color: var(--premium-accent); }
  .spc-desktop-navigation-categories > summary > span { margin-left: auto; color: var(--premium-muted); }
  .spc-desktop-navigation-categories[open] > summary > span { transform: rotate(90deg); }
  .spc-desktop-navigation-categories > div { margin-left: 20px; padding-left: 12px; border-left: 1px solid var(--premium-line); }
  .spc-desktop-navigation-categories > div a { min-height: 40px; font-size: 14px; color: var(--premium-muted); }
  .spc-desktop-navigation-secondary { margin-top: 10px; padding-top: 10px; border-top: 1px solid var(--premium-line); }
  .spc-desktop-navigation-contact { display: grid; gap: 8px; margin-top: 16px; padding: 16px 10px 2px; border-top: 1px solid var(--premium-line); }
  .spc-desktop-navigation-contact span { color: var(--premium-muted); font-size: 12px; }
  .spc-desktop-navigation-contact a { font-size: 15px; font-weight: 500; }
  .spc-desktop-navigation :is(a, button, summary):focus-visible { outline: 2px solid var(--premium-accent); outline-offset: 2px; }
}
/* Ready PCs: product-led cards, real specifications and quiet surfaces. */
.spc-ready-catalog-intro { padding: 24px 0 40px; max-width: 820px; }
.spc-ready-catalog-intro h1 { font-size: clamp(34px, 4vw, 56px); font-weight: 600; letter-spacing: -1.8px; line-height: 1.1; }
.spc-ready-intro-link { display: inline-block; margin-top: 24px; color: var(--premium-accent); font-size: 14px; }
.spc-ready-filters { border-block: 1px solid var(--premium-line); }
.spc-ready-filters > summary { padding: 22px 0; cursor: pointer; font-size: 18px; font-weight: 500; }
.spc-ready-filters > summary > span { color: var(--premium-muted); font-size: 13px; margin-left: 20px; font-weight: 400; }
.spc-ready-filters > form { margin: 0 0 24px; border: 0; padding: 24px; background: var(--premium-section); }
.spc-ready-filters label { min-width: 0; }
.spc-ready-results-heading { display: flex; align-items: center; justify-content: space-between; gap: 16px; margin-top: 36px; }
.spc-ready-results-heading h2 { font-size: 24px; font-weight: 500; letter-spacing: -.5px; }
.spc-ready-results-heading > span { font-size: 13px; color: var(--premium-muted); }
:root[data-theme] .spc-storefront-premium .spc-ready-card { display: flex; flex-direction: column; background: var(--premium-card); border: 1px solid var(--premium-line); border-radius: 16px; overflow: hidden; }
.spc-ready-card > a { display: flex; flex-direction: column; flex: 1; text-decoration: none; }
.spc-ready-card-visual { aspect-ratio: 1.2; }
.spc-ready-card-visual img { padding: 28px; -o-object-fit: contain; object-fit: contain; }
.spc-ready-card-badge { position: absolute; top: 18px; left: 20px; padding: 6px 10px; border-radius: 6px; color: var(--premium-accent); background: var(--premium-section); font-size: 11px; z-index: 1; }
.spc-ready-card-placeholder { height: 100%; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 18px; color: var(--premium-muted); font-size: 12px; }
.spc-ready-card-placeholder svg { width: 100px; height: 140px; opacity: .65; }
.spc-ready-card-body { display: flex; flex-direction: column; flex: 1; padding: 24px; }
.spc-ready-card-body h2 { font-size: 24px; line-height: 1.25; font-weight: 600; letter-spacing: -.5px; overflow-wrap: anywhere; }
.spc-ready-card-body > p.line-clamp-2 { min-height: 40px; line-height: 1.5; }
.spc-ready-card-body dl { padding-block: 18px; border-block: 1px solid var(--premium-line); margin-bottom: auto; }
.spc-ready-card-body dl > div { display: grid; grid-template-columns: 70px minmax(0,1fr); gap: 12px; margin-block: 8px; align-items: baseline; }
.spc-ready-card-body dd { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; font-size: 13px; line-height: 1.5; }
.spc-ready-card-body dt { font-size: 11px; letter-spacing: .04em; }
.spc-ready-card-status { display: flex; align-items: baseline; gap: 7px; font-size: 12px; }
.spc-ready-card-status::before { content: ''; width: 6px; height: 6px; border-radius: 50%; background: var(--premium-muted); flex-shrink: 0; }
.spc-ready-card-status[data-available='true']::before { background: #29a37c; }
.spc-ready-card-actions { padding: 0 24px 24px; display: grid; gap: 12px; }
.spc-ready-card-actions button { width: 100%; min-height: 46px; }
.spc-ready-card-details { display: flex; align-items: center; justify-content: space-between; min-height: 40px; font-size: 13px; color: var(--premium-text); }
.spc-ready-card-details span { color: var(--premium-accent); }
.spc-ready-catalog > .text-center { background: var(--premium-section); border: 0; padding: 64px 24px; }
.spc-ready-catalog > .text-center h2 { color: var(--premium-text); font-size: 26px; font-weight: 500; margin-bottom: 12px; }
.spc-ready-empty-actions { display: flex; justify-content: center; flex-wrap: wrap; gap: 16px; margin-top: 24px; }
.spc-ready-empty-actions a { min-height: 44px; padding: 12px 18px; border-radius: 8px; background: var(--premium-card); color: var(--premium-accent); }
@media (max-width: 639px) {
 .spc-ready-catalog-intro { padding: 12px 0 28px; }
 .spc-ready-filters > summary > span { display: block; margin: 6px 0 0; }
 .spc-ready-filters > form { padding: 16px; }
 .spc-ready-results-heading { align-items: start; }
 .spc-ready-results-heading h2 { font-size: 21px; }
 .spc-ready-card-visual { aspect-ratio: 1.35; }
 .spc-ready-card-body { padding: 20px; }
}
/* Button content otherwise receives native vertical centering. */
.spc-specialist-trigger { display: flex; flex-direction: column; align-items: flex-start; justify-content: flex-start; }
.spc-figma-header-action, .spc-figma-mobile-cart { position: relative; }
.spc-live-cart-badge { position: absolute; top: -5px; right: -7px; display: grid; place-items: center; min-width: 18px; height: 18px; padding: 0 4px; border-radius: 10px; background: #0961e8; color: #fff; font-size: 10px; font-weight: 600; line-height: 1; border: 2px solid var(--premium-page); }

/*!*************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[10].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[10].use[3]!./src/styles/store-mobile.css ***!
  \*************************************************************************************************************************************************************************************************************************************************************************/
/* Mobile storefront uses the approved desktop palette and real shared content. */
.spc-configurator-mobile-overview, .spc-configurator-mobile-dock, .spc-configurator-mobile-next { display: none; }
@media (max-width: 1023px) {
  :root[data-theme] .spc-storefront.spc-storefront-premium #store-mobile-menu { width: min(380px, calc(100vw - 24px)); padding: 16px 18px max(20px, env(safe-area-inset-bottom)); }
  #store-mobile-menu .spc-figma-mobile-menu-head { grid-template-columns: 73px 1fr 44px; gap: 12px; padding-bottom: 16px; border-bottom: 1px solid var(--premium-line); }
  #store-mobile-menu .spc-mobile-menu-caption { color: var(--premium-muted); font-size: 14px; }
  #store-mobile-menu .spc-figma-mobile-menu-list { gap: 0; padding-top: 16px; }
  #store-mobile-menu .spc-mobile-menu-search { margin-bottom: 16px; }
  :root[data-theme] .spc-storefront.spc-storefront-premium #store-mobile-menu .spc-figma-mobile-menu-link { display: flex; align-items: center; gap: 12px; min-height: 50px; padding: 12px 8px; border: 0; border-radius: 8px; font-size: 15px; font-weight: 400; line-height: 24px; }
  #store-mobile-menu .spc-figma-mobile-menu-link > svg { flex-shrink: 0; color: var(--premium-muted); }
  #store-mobile-menu .spc-figma-mobile-menu-link:hover { background: var(--premium-card); }
  #store-mobile-menu .spc-figma-mobile-menu-link[aria-current="page"] { color: var(--premium-accent); }
  #store-mobile-menu .spc-mobile-menu-secondary { border-top: 1px solid var(--premium-line); margin-top: 12px; padding-top: 12px; }
  #store-mobile-menu .spc-mobile-menu-categories summary { list-style: none; cursor: pointer; }
  #store-mobile-menu .spc-mobile-menu-categories summary::-webkit-details-marker { display: none; }
  #store-mobile-menu .spc-menu-chevron { margin-left: auto; color: var(--premium-muted); }
  #store-mobile-menu .spc-mobile-menu-categories[open] .spc-menu-chevron { transform: rotate(90deg); }
  #store-mobile-menu .spc-mobile-menu-categories > div { display: grid; margin: 0 0 8px 18px; padding-left: 18px; border-left: 1px solid var(--premium-line); }
  #store-mobile-menu .spc-mobile-menu-categories > div a { display: flex; align-items: center; min-height: 44px; padding: 8px; font-size: 14px; line-height: 20px; color: var(--premium-muted); }
  #store-mobile-menu .spc-mobile-menu-categories a:hover { color: var(--premium-accent); }
  :root[data-theme] .spc-storefront.spc-storefront-premium #store-mobile-menu .spc-figma-mobile-menu-cta { margin-top: 16px; min-height: 44px; border: 1px solid var(--premium-line); background: transparent; color: var(--premium-text); font-size: 14px; font-weight: 500; }
  #store-mobile-menu .spc-mobile-menu-contact { display: grid; gap: 8px; margin-top: auto; padding-top: 24px; }
  #store-mobile-menu .spc-mobile-menu-contact > span { padding-top: 18px; border-top: 1px solid var(--premium-line); font-size: 12px; color: var(--premium-muted); }
  #store-mobile-menu .spc-mobile-menu-contact a { display: flex; align-items: center; min-height: 44px; font-size: 16px; font-weight: 500; color: var(--premium-text); }
  :root[data-theme] .spc-storefront.spc-storefront-premium {
    --premium-page: #0c1015; --premium-section: #121820; --premium-card: #19212b;
    --premium-text: #f3f5f8; --premium-muted: #a7b1bf; --premium-line: #303a47; --premium-accent: #70adff;
    --color-background: var(--premium-page); --color-surface: var(--premium-section); --color-surface-elevated: var(--premium-card);
    --color-foreground: var(--premium-text); --color-muted: var(--premium-muted); --color-border: var(--premium-line); --color-accent: #0961e8;
    --spc-bg: var(--premium-page); --spc-surface: var(--premium-section); --spc-card-bg: var(--premium-card); --spc-text: var(--premium-text); --spc-muted: var(--premium-muted); --spc-border: var(--premium-line);
    background: var(--premium-page); color: var(--premium-text); font-family: 'Onest', sans-serif;
  }
  :root[data-theme="light"] .spc-storefront.spc-storefront-premium { --premium-page: #f3f5f7; --premium-section: #e9edf1; --premium-card: #fff; --premium-text: #171e28; --premium-muted: #586575; --premium-line: #d4dae2; --premium-accent: #145fc6; }
  :root[data-theme] .spc-storefront.spc-storefront-premium #main-content > .mx-auto { padding: 28px 16px 48px; }
  :root[data-theme] .spc-storefront.spc-storefront-premium :is(h1, h2, h3, .spc-display) { font-family: 'Onest', sans-serif; text-transform: none; letter-spacing: -.6px; }
  :root[data-theme] .spc-storefront.spc-storefront-premium #main-content h1 { font-size: 30px; line-height: 1.18; font-weight: 500; overflow-wrap: anywhere; }
  :root[data-theme] .spc-storefront.spc-storefront-premium .spc-card { background: var(--premium-section); border: 1px solid var(--premium-line); border-radius: 12px; box-shadow: none; }
  :root[data-theme] .spc-storefront.spc-storefront-premium :is(input:not([type='checkbox']):not([type='radio']), select, textarea) { min-width: 0; max-width: 100%; font-size: 16px; color: var(--premium-text); }
  :root[data-theme] .spc-storefront.spc-storefront-premium :is(input:not([type='checkbox']):not([type='radio']), select, textarea):where(:not(.spc-configurator-search input):not(.spc-figma-search-box input)) { background-color: var(--premium-page); border-color: var(--premium-line); border-radius: 8px; }
  :root[data-theme] .spc-storefront.spc-storefront-premium :is(.spc-figma-search-box .spc-figma-search-input, .spc-configurator-search input) { background: transparent; border: 0; box-shadow: none; outline: 0; }
  :root[data-theme] .spc-storefront.spc-storefront-premium :is(input:not([type='checkbox']):not([type='radio']), select) { min-height: 44px; }
  :root[data-theme] .spc-storefront.spc-storefront-premium :is(button, a).bg-accent { background: #0961e8; color: #fff; min-height: 44px; box-shadow: none; border-radius: 8px; }
  :root[data-theme] .spc-storefront.spc-storefront-premium .spc-store-shell-header { background: var(--premium-page); border-color: var(--premium-line); box-shadow: none; backdrop-filter: none; }
  :root[data-theme] .spc-storefront.spc-storefront-premium .spc-figma-mobile-header { background: var(--premium-page); }
  :root[data-theme] .spc-storefront.spc-storefront-premium .spc-figma-mobile-header-bar { height: 64px; padding: 0 16px; }
  :root[data-theme] .spc-storefront.spc-storefront-premium .spc-figma-mobile-header-bar .spc-figma-logo-image { width: 94px; height: auto; }
  :root[data-theme] .spc-storefront.spc-storefront-premium :is(.spc-figma-mobile-menu-button, .spc-figma-mobile-cart) { width: 44px; height: 44px; color: var(--premium-text); }
  :root[data-theme] .spc-storefront.spc-storefront-premium .spc-figma-mobile-menu { background: var(--premium-section); color: var(--premium-text); width: min(420px, 100%); border-color: var(--premium-line); box-shadow: none; }
  :root[data-theme] .spc-storefront.spc-storefront-premium .spc-figma-mobile-menu-link { color: var(--premium-text); font-size: 16px; padding-block: 16px; font-weight: 500; border-color: var(--premium-line); }
  :root[data-theme] .spc-storefront.spc-storefront-premium .spc-figma-mobile-menu-cta { background: #0961e8; color: white; border-radius: 8px; box-shadow: none; }
  :root[data-theme] .spc-storefront.spc-storefront-premium .spc-premium-home { background: var(--premium-page); }
  :root[data-theme] .spc-storefront.spc-storefront-premium .spc-premium-home :is(.spc-home-mobile-copy, .spc-budget-panel, .spc-home-trust-row, .spc-home-advantages, .spc-home-hero-bg, .spc-premium-hero-bottom) { display: none; }
  :root[data-theme] .spc-storefront.spc-storefront-premium .spc-premium-home :is(.spc-premium-only, .spc-home-desktop-copy) { display: block; }
  :root[data-theme] .spc-storefront.spc-storefront-premium .spc-home-hero-figma { display: flex; flex-direction: column; height: auto; min-height: 0; padding: 0; background: var(--premium-page); overflow: hidden; }
  :root[data-theme] .spc-storefront.spc-storefront-premium .spc-home-hero-figma::before,
  :root[data-theme] .spc-storefront.spc-storefront-premium .spc-home-hero-figma::after { display: none; }
  :root[data-theme] .spc-storefront.spc-storefront-premium .spc-home-mobile-search { position: relative; inset: auto; display: block; width: auto; margin: 16px 16px 0; order: 0; }
  :root[data-theme] .spc-storefront.spc-storefront-premium .spc-home-hero-copy { position: relative; inset: auto; width: auto; margin: 0; padding: 28px 20px 0; order: 1; }
  :root[data-theme] .spc-storefront.spc-storefront-premium .spc-home-hero-title,
  :root[data-theme] .spc-storefront.spc-storefront-premium .spc-home-hero-title span { position: static; width: auto; height: auto; font-family: 'Onest', sans-serif; font-size: clamp(34px, 8.8vw, 54px); line-height: 1.08; letter-spacing: -1.6px; font-weight: 500; color: var(--premium-text); text-transform: none; text-shadow: none; margin: 0; }
  :root[data-theme] .spc-storefront.spc-storefront-premium .spc-home-hero-lead { position: static; width: auto; height: auto; margin: 22px 0; color: var(--premium-muted); font-size: 14px; line-height: 1.65; }
  :root[data-theme] .spc-storefront.spc-storefront-premium .spc-home-hero-actions { position: static; width: auto; display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin: 0; }
  :root[data-theme] .spc-storefront.spc-storefront-premium .spc-home-hero-actions a { display: flex; width: auto; min-width: 0; height: 48px; justify-content: center; gap: 8px; padding: 0 10px; border-radius: 8px; font-size: 13px; font-weight: 500; box-shadow: none; }
  :root[data-theme] .spc-storefront.spc-storefront-premium .spc-home-hero-actions .spc-figma-blue-button { background: #0961e8; color: #fff; }
  :root[data-theme] .spc-storefront.spc-storefront-premium .spc-home-hero-actions .spc-figma-outline-button { border: 1px solid var(--premium-line); color: var(--premium-text); background: transparent; }
  :root[data-theme] .spc-storefront.spc-storefront-premium .spc-premium-home .spc-premium-hero-image { display: block; position: relative; inset: auto; order: 2; align-self: flex-end; width: 600px; max-width: none; height: 340px; -o-object-fit: contain; object-fit: contain; margin-top: 12px; -webkit-mask-image: linear-gradient(to bottom, transparent, #000 14%, #000 85%, transparent); mask-image: linear-gradient(to bottom, transparent, #000 14%, #000 85%, transparent); }
  :root[data-theme='dark'] .spc-storefront.spc-storefront-premium .spc-premium-home .spc-premium-hero-image[data-variant='light'],
  :root[data-theme='light'] .spc-storefront.spc-storefront-premium .spc-premium-home .spc-premium-hero-image[data-variant='dark'] { display: none; }
  .spc-premium-section { width: calc(100% - 32px); margin: 60px auto; }
  .spc-premium-heading { margin-bottom: 24px; }
  .spc-premium-heading h2, .spc-premium-teaser h2 { font-size: 29px; line-height: 1.2; font-weight: 500; margin: 0; }
  .spc-premium-heading > p { margin: 18px 0 0; color: var(--premium-muted); font-size: 13px; line-height: 1.65; }
  .spc-premium-eyebrow { color: var(--premium-accent); font-size: 10px; font-weight: 500; letter-spacing: 1.2px; text-transform: uppercase; margin-bottom: 16px; }
  .spc-premium-index { font-size: 11px; color: var(--premium-muted); }
  .spc-premium-scenario-grid { display: grid; gap: 14px; }
  .spc-premium-scenario { display: block; position: relative; overflow: hidden; padding: 24px; min-height: 240px; border: 1px solid var(--premium-line); background: var(--premium-section); border-radius: 14px; box-shadow: none; }
  .spc-premium-scenario h3 { position: relative; z-index: 1; font-size: 23px; font-weight: 500; margin: 18px 0 10px; }
  .spc-premium-scenario p { position: relative; z-index: 1; font-size: 13px; line-height: 1.65; color: var(--premium-muted); max-width: 290px; }
  .spc-premium-text-link { display: flex; align-items: center; justify-content: space-between; gap: 12px; color: var(--premium-text); font-size: 13px; font-weight: 500; }
  .spc-premium-text-link > span { color: var(--premium-accent); font-size: 20px; }
  .spc-premium-scenario > .spc-premium-text-link { position: absolute; bottom: 20px; left: 24px; right: 24px; z-index: 1; }
  .spc-premium-scenario-build { min-height: 390px; background: var(--premium-card); }
  .spc-premium-components { position: absolute; inset: 165px 20px 55px; }
  .spc-premium-components img { position: absolute; width: 55%; height: 100%; -o-object-fit: contain; object-fit: contain; }
  .spc-premium-components img:last-child { right: 0; top: 15px; }
  .spc-premium-scenario-ready > img { position: absolute; right: 10px; bottom: 45px; width: 40%; height: 155px; -o-object-fit: contain; object-fit: contain; }
  .spc-premium-scenario-help { min-height: 340px; background: var(--premium-card); }
  .spc-premium-specialist-image { position: absolute; right: 0; bottom: 0; width: 70%; height: 180px; -o-object-fit: cover; object-fit: cover; -o-object-position: right center; object-position: right center; -webkit-mask-image: linear-gradient(to right, transparent, #000 40%); mask-image: linear-gradient(to right, transparent, #000 40%); }
  .spc-premium-specialist-image[data-variant='light'] { display: none; }
  :root[data-theme='light'] .spc-premium-specialist-image[data-variant='dark'] { display: none; }
  :root[data-theme='light'] .spc-premium-specialist-image[data-variant='light'] { display: block; }
  .spc-premium-scenario-help > .spc-premium-text-link { right: auto; gap: 12px; }
  .spc-premium-budget-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
  .spc-premium-budget-card { padding: 16px 12px; border: 1px solid var(--premium-line); border-radius: 12px; background: var(--premium-section); box-shadow: none; display: flex; flex-direction: column; }
  .spc-premium-budget-card img { width: 100%; height: 125px; -o-object-fit: contain; object-fit: contain; margin: 12px 0; }
  .spc-premium-budget-card h3 { font-size: 18px; font-weight: 500; }
  .spc-premium-budget-card p { font-size: 12px; color: var(--premium-muted); margin: 10px 0 18px; }
  .spc-premium-budget-card .spc-premium-text-link { margin-top: auto; font-size: 12px; border-top: 1px solid var(--premium-line); padding-top: 12px; }
  .spc-premium-note { font-size: 11px; line-height: 1.6; color: var(--premium-muted); margin-top: 18px; }
  :root[data-theme] .spc-storefront.spc-storefront-premium .spc-premium-teaser { display: grid; gap: 30px; padding: 26px 20px; border: 1px solid var(--premium-line); border-radius: 14px; background: var(--premium-section); box-shadow: none; }
  .spc-premium-teaser-copy > p:not(.spc-premium-eyebrow) { color: var(--premium-muted); font-size: 14px; margin: 20px 0; line-height: 1.7; }
  .spc-premium-button { display: flex; justify-content: space-between; align-items: center; min-height: 48px; padding: 12px 16px; border-radius: 8px; background: #0961e8; color: #fff; font-size: 14px; }
  .spc-premium-steps { list-style: none; padding: 0; margin: 0; }
  .spc-premium-steps li { display: flex; gap: 16px; padding: 18px 0; border-top: 1px solid var(--premium-line); }
  .spc-premium-steps li > span { color: var(--premium-accent); font-size: 12px; padding-top: 3px; }
  .spc-premium-steps h3 { font-size: 16px; font-weight: 500; margin-bottom: 8px; }
  .spc-premium-steps p { font-size: 12px; line-height: 1.65; color: var(--premium-muted); }
  .spc-premium-advantages-grid { display: grid; gap: 28px; }
  .spc-premium-advantages-grid article { border-top: 1px solid var(--premium-line); padding-top: 22px; }
  .spc-premium-advantages-grid h3 { font-size: 22px; margin: 18px 0 12px; font-weight: 500; }
  .spc-premium-advantages-grid p { color: var(--premium-muted); font-size: 14px; line-height: 1.7; }
  .spc-premium-ready-grid { display: grid; grid-template-columns: minmax(0, 1fr); align-items: stretch; gap: 16px; }
  .spc-premium-ready-card { display: flex; min-width: 0; height: 100%; flex-direction: column; padding: 0; overflow: hidden; border: 1px solid var(--premium-line); border-radius: 12px; background: var(--premium-card); box-shadow: none; }
  .spc-premium-ready-image { position: relative; display: grid; place-items: center; height: 220px; flex: 0 0 220px; padding: 20px; overflow: hidden; }
  .spc-premium-ready-image img { position: static; display: block; width: 100%; height: 100%; max-width: 100%; -o-object-fit: contain; object-fit: contain; }
  .spc-premium-ready-content { display: flex; min-height: 0; flex: 1; flex-direction: column; padding: 20px; }
  .spc-premium-ready-content > .spc-premium-eyebrow { margin-bottom: 10px; }
  .spc-premium-ready-card h3 { font-size: clamp(20px, 5.5vw, 23px); line-height: 1.3; margin: 0; }
  .spc-premium-ready-configuration { margin-top: 8px; color: var(--premium-muted); font-size: 13px; line-height: 1.55; }
  .spc-premium-ready-card dl { margin: 18px 0 22px; padding-block: 12px; border-block: 1px solid var(--premium-line); }
  .spc-premium-ready-card dl > div { display: flex; gap: 12px; font-size: 12px; margin: 8px 0; }
  .spc-premium-ready-card dt { flex: 0 0 35px; color: var(--premium-muted); }
  .spc-premium-ready-card dd { min-width: 0; margin: 0; overflow-wrap: anywhere; }
  .spc-premium-ready-price { margin: auto 0 0; font-size: clamp(24px, 7vw, 27px); line-height: 1.25; white-space: nowrap; }
  .spc-premium-ready-card .spc-premium-button { margin-top: 20px; }
  :root[data-theme] .spc-storefront.spc-storefront-premium :is(.spc-popular-categories, .spc-home-hits) { width: calc(100% - 32px); height: auto; padding: 0; margin: 60px auto; }
  :root[data-theme] .spc-storefront.spc-storefront-premium :is(.spc-popular-categories-header, .spc-home-hits-header) { display: flex; flex-wrap: wrap; gap: 16px; align-items: center; justify-content: space-between; height: auto; margin-bottom: 24px; }
  :root[data-theme] .spc-storefront.spc-storefront-premium :is(.spc-popular-categories-title, .spc-home-hits-title) { font-size: 29px; font-weight: 500; line-height: 1.2; margin: 0; }
  :root[data-theme] .spc-storefront.spc-storefront-premium .spc-popular-categories-row { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; overflow: visible; width: 100%; padding: 0; }
  :root[data-theme] .spc-storefront.spc-storefront-premium .spc-popular-category-card { display: flex; flex-direction: column; min-width: 0; width: auto; height: auto; border: 1px solid var(--premium-line); background: var(--premium-card); border-radius: 12px; box-shadow: none; }
  :root[data-theme] .spc-storefront.spc-storefront-premium .spc-popular-category-card[data-category='psu'] { display: none; }
  :root[data-theme] .spc-storefront.spc-storefront-premium .spc-popular-category-visual { position: relative; display: grid; place-items: center; height: 130px; width: 100%; overflow: hidden; background: transparent; }
  :root[data-theme] .spc-storefront.spc-storefront-premium .spc-popular-category-image { position: static; width: 85%; height: 110px; -o-object-fit: contain; object-fit: contain; transform: none; }
  :root[data-theme] .spc-storefront.spc-storefront-premium .spc-popular-category-copy { padding: 12px; display: grid; gap: 6px; border: 0; }
  :root[data-theme] .spc-storefront.spc-storefront-premium .spc-popular-category-copy strong { font-size: 14px; color: var(--premium-text); font-weight: 500; }
  :root[data-theme] .spc-storefront.spc-storefront-premium .spc-popular-category-copy small { font-size: 11px; color: var(--premium-muted); }
  :root[data-theme] .spc-storefront.spc-storefront-premium .spc-home-hits-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; width: 100%; overflow: visible; }
  :root[data-theme] .spc-storefront.spc-storefront-premium .spc-home-hit-card { width: auto; max-width: none; height: auto; min-height: 0; border: 1px solid var(--premium-line); background: var(--premium-card); border-radius: 12px; box-shadow: none; }
  :root[data-theme] .spc-storefront.spc-storefront-premium .spc-home-hit-visual { height: 150px; flex-basis: 150px; }
  :root[data-theme] .spc-storefront.spc-storefront-premium .spc-home-hit-body { padding: 12px; }
  :root[data-theme] .spc-storefront.spc-storefront-premium .spc-home-hit-title { font-size: 14px; font-weight: 500; color: var(--premium-text); line-height: 1.45; }
  :root[data-theme] .spc-storefront.spc-storefront-premium .spc-home-hit-title a { display: block; min-height: 0; overflow: visible; }
  :root[data-theme] .spc-storefront.spc-storefront-premium :is(.spc-home-hit-specs, .spc-home-hit-availability) { font-size: 11px; white-space: normal; color: var(--premium-muted); margin: 10px 0; }
  :root[data-theme] .spc-storefront.spc-storefront-premium .spc-home-hit-price { font-size: 20px; color: var(--premium-text); font-weight: 600; }
  :root[data-theme] .spc-storefront.spc-storefront-premium .spc-home-hit-cart-button { min-height: 44px; border-radius: 8px; box-shadow: none; background: #0961e8; color: #fff; }
  :root[data-theme] .spc-storefront.spc-storefront-premium :is(.spc-home-hit-divider, .spc-home-hit-favorite:disabled) { display: none; }
  :root[data-theme] .spc-storefront.spc-storefront-premium .spc-home-hit-fallback { background: transparent; border: 0; display: grid; place-content: center; color: var(--premium-muted); }
  :root[data-theme="light"] .spc-storefront.spc-storefront-premium .spc-premium-home :is(.spc-premium-scenario, .spc-premium-budget-card, .spc-premium-teaser, .spc-premium-ready-card),
  :root[data-theme="light"] .spc-storefront.spc-storefront-premium .spc-home-hits :is(.spc-home-hit-card, .spc-ready-card) { border-color: #d4dce6; background: #fff; box-shadow: 0 6px 20px rgba(31,45,61,.055); }
  :root[data-theme="light"] .spc-storefront.spc-storefront-premium :is(.spc-premium-ready-image, .spc-home-hit-visual, .spc-home-hits .spc-ready-card-visual) { background: #f6f8fb; }
  .spc-home-hit-fallback svg { width: 50px; height: 50px; }
  .spc-catalog-mobile-filters > summary { min-height: 30px; }
  .spc-catalog-mobile-filters[open] > div { max-height: 65dvh; overflow-y: auto; padding: 2px; }
  .spc-catalog-mobile-filters form > div:last-child { position: sticky; bottom: 0; background: var(--premium-section); padding: 12px 0; }
  .spc-catalog-layout form select { width: 100%; }
  .spc-catalog-layout form label { min-width: 0; }
  .spc-catalog-layout fieldset { min-width: 0; }
  :root[data-theme] .spc-storefront.spc-storefront-premium .spc-catalog-product { background: var(--premium-card); box-shadow: none; border: 1px solid var(--premium-line); }
  :root[data-theme] .spc-storefront.spc-storefront-premium .spc-catalog-product-image { background: transparent; }
  .spc-catalog-product-preview-actions, .spc-catalog-product-sku { display: none; }
  .spc-catalog-product-cart { width: 100%; align-items: stretch; }
  :root[data-theme] .spc-storefront.spc-storefront-premium .spc-store-footer { margin-top: 40px; min-height: 0; }
  :root[data-theme] .spc-storefront.spc-storefront-premium .spc-store-footer-inner { width: calc(100% - 32px); min-height: 0; padding: 0; }
  :root[data-theme] .spc-storefront.spc-storefront-premium .spc-footer-intro { display: grid; gap: 20px; padding: 28px 0; border-bottom: 1px solid var(--premium-line); }
  .spc-footer-intro p { font-size: 12px; color: var(--premium-muted); margin-bottom: 12px; }
  .spc-footer-intro h2 { font-size: 26px; font-weight: 500; line-height: 1.2; }
  .spc-footer-intro > a { padding: 14px 16px; background: var(--premium-card); border-radius: 8px; display: flex; justify-content: space-between; font-size: 14px; }
  :root[data-theme] .spc-storefront.spc-storefront-premium .spc-store-footer-main { display: grid; grid-template-columns: 1fr 1fr; gap: 28px 16px; padding: 28px 0; }
  :root[data-theme] .spc-storefront.spc-storefront-premium .spc-store-footer-brand { grid-column: 1/-1; width: auto; max-width: none; }
  :root[data-theme] .spc-storefront.spc-storefront-premium .spc-store-footer-brand p { font-size: 13px; line-height: 1.65; max-width: 310px; }
  :root[data-theme] .spc-storefront.spc-storefront-premium .spc-store-footer-mobile-menu { display: none; }
  :root[data-theme] .spc-storefront.spc-storefront-premium .spc-store-footer-section { display: block; position: static; margin: 0; }
  :root[data-theme] .spc-storefront.spc-storefront-premium .spc-store-footer-section h2 { display: block; font-size: 14px; font-weight: 500; }
  :root[data-theme] .spc-storefront.spc-storefront-premium .spc-store-footer-list { margin-top: 16px; gap: 16px; }
  :root[data-theme] .spc-storefront.spc-storefront-premium :is(.spc-store-footer-link, .spc-store-footer-text, .spc-store-footer-contact-list li) { font-size: 12px; line-height: 1.6; }
  :root[data-theme] .spc-storefront.spc-storefront-premium .spc-store-footer-contact-list { margin-top: 16px; }
  :root[data-theme] .spc-storefront.spc-storefront-premium .spc-store-footer-socials { position: static; margin-top: 16px; }
  :root[data-theme] .spc-storefront.spc-storefront-premium .spc-store-footer-bottom { display: flex; flex-direction: column; align-items: flex-start; gap: 20px; padding: 24px 0; min-height: 0; }
  :root[data-theme] .spc-storefront.spc-storefront-premium :is(.spc-store-footer-copyright, .spc-store-footer-legal, .spc-store-footer-payments) { position: static; width: auto; margin: 0; font-size: 11px; }
  :root[data-theme] .spc-configurator-ux, :root[data-theme] .spc-configurator-panel {
    --cfg-canvas: #0c1015; --cfg-surface: #121820; --cfg-card: #19212b; --cfg-raised: #202a36; --cfg-border: #303a47; --cfg-text: #f3f5f8; --cfg-muted: #a7b1bf; --cfg-accent: #70adff;
    font-family: 'Onest', sans-serif; color: var(--cfg-text);
  }
  :root[data-theme='light'] .spc-configurator-ux, :root[data-theme='light'] .spc-configurator-panel { --cfg-canvas: #f3f5f7; --cfg-surface: #e9edf1; --cfg-card: #fff; --cfg-raised: #f6f8fa; --cfg-border: #d4dae2; --cfg-text: #171e28; --cfg-muted: #586575; --cfg-accent: #145fc6; }
  :root[data-theme] .spc-storefront.spc-storefront-premium .spc-configurator-ux { padding: 24px 12px calc(110px + env(safe-area-inset-bottom)); background: var(--cfg-canvas); }
  :root[data-theme] .spc-configurator-ux .spc-configurator-topbar { display: block; margin: 0 4px 20px; width: auto; }
  :root[data-theme] .spc-configurator-ux .spc-configurator-topbar p { font-size: 13px; color: var(--cfg-muted); margin-top: 10px; }
  :root[data-theme] .spc-configurator-ux .spc-configurator-actions { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 16px; }
  :root[data-theme] .spc-configurator-ux .spc-configurator-actions button { font-size: 11px; min-height: 40px; padding: 8px; border: 1px solid var(--cfg-border); border-radius: 8px; color: var(--cfg-muted); }
  .spc-configurator-actions button::before { display: none; }
  :root[data-theme] .spc-configurator-ux .spc-configurator-left,
  :root[data-theme] .spc-configurator-ux .spc-configurator-desktop-progress { display: none; }
  .spc-configurator-mobile-overview { display: grid; grid-template-columns: 1fr auto; gap: 10px; margin: 0 4px 24px; font-size: 13px; }
  .spc-configurator-mobile-overview strong { color: var(--cfg-accent); font-weight: 500; }
  .spc-configurator-mobile-overview progress { grid-column: 1/-1; width: 100%; height: 4px; -webkit-appearance: none; -moz-appearance: none; appearance: none; border: 0; border-radius: 4px; background: var(--cfg-border); accent-color: #0961e8; }
  .spc-configurator-mobile-overview progress::-webkit-progress-bar { background: var(--cfg-border); border-radius: 4px; }
  .spc-configurator-mobile-overview progress::-webkit-progress-value { background: #0961e8; border-radius: 4px; }
  .spc-configurator-mobile-overview p { grid-column: 1/-1; font-size: 12px; color: var(--cfg-muted); line-height: 1.5; }
  .spc-configurator-mobile-dock { position: fixed; inset: auto 0 0; z-index: 35; display: grid; grid-template-columns: 1fr 1fr; gap: 10px; padding: 10px 12px calc(10px + env(safe-area-inset-bottom)); background: var(--cfg-canvas); border-top: 1px solid var(--cfg-border); }
  .spc-configurator-mobile-dock > * { display: grid; gap: 4px; min-width: 0; padding: 10px 12px; border-radius: 8px; text-align: left; font-size: 12px; color: var(--cfg-muted); background: var(--cfg-card); }
  .spc-configurator-mobile-dock > a { background: #0961e8; color: #fff; }
  .spc-configurator-mobile-dock span { font-size: 14px; font-weight: 500; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: var(--cfg-text); }
  .spc-configurator-mobile-dock > a span { color: #fff; }
  :root[data-theme] .spc-configurator-ux .spc-configurator-layout { display: grid; grid-template-columns: minmax(0, 1fr); gap: 28px; }
  :root[data-theme] .spc-configurator-ux .spc-configurator-workspace { min-width: 0; display: grid; gap: 12px; }
  :root[data-theme] .spc-configurator-ux .spc-configurator-section { border: 1px solid var(--cfg-border); border-radius: 12px; background: var(--cfg-surface); box-shadow: none; overflow: visible; }
  :root[data-theme] .spc-configurator-ux .spc-configurator-section[data-expanded='false'] { display: none; }
  :root[data-theme] .spc-configurator-ux .spc-configurator-accordion-head { min-height: 76px; padding: 14px 12px; background: transparent; color: var(--cfg-text); scroll-margin-top: 76px; }
  :root[data-theme] .spc-configurator-ux .spc-configurator-section-title { min-width: 0; gap: 10px; }
  :root[data-theme] .spc-configurator-ux .spc-configurator-section-title strong { font-size: 16px; font-weight: 500; }
  :root[data-theme] .spc-configurator-ux .spc-configurator-section-title small { max-width: 220px; font-size: 11px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: var(--cfg-muted); }
  .spc-configurator-ux .spc-configurator-accordion-status { display: none; }
  :root[data-theme] .spc-configurator-ux .spc-configurator-accordion-panel { max-height: none; overflow: visible; padding: 12px; }
  :root[data-theme] .spc-configurator-ux .spc-configurator-tool-row { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; gap: 8px; margin-bottom: 16px; }
  :root[data-theme] .spc-configurator-ux .spc-configurator-search { grid-column: 1/-1; width: 100%; min-height: 46px; background: var(--cfg-surface); border: 1px solid var(--cfg-border); border-radius: 8px; }
  :root[data-theme] .spc-storefront.spc-storefront-premium .spc-configurator-search input { background: transparent; border: 0; box-shadow: none; outline: 0; font-size: 16px; }
  :root[data-theme] .spc-configurator-ux .spc-configurator-sort select { width: 100%; font-size: 12px; padding-inline: 8px; background: var(--cfg-card); border-color: var(--cfg-border); }
  :root[data-theme] .spc-configurator-ux .spc-configurator-filter-trigger { min-height: 44px; padding: 8px; font-size: 12px; background: var(--cfg-card); }
  :root[data-theme] .spc-configurator-ux .spc-configurator-view-toggle { display: flex; align-self: stretch; padding: 0; width: auto; background: var(--cfg-card); border-color: var(--cfg-border); }
  :root[data-theme] .spc-configurator-ux .spc-configurator-view-toggle button { width: 36px; height: 44px; }
  :root[data-theme] .spc-configurator-ux .spc-configurator-section-body { display: block; }
  :root[data-theme] .spc-configurator-ux .spc-configurator-option-list { display: grid; gap: 10px; }
  :root[data-theme] .spc-configurator-ux .spc-configurator-option-row { display: grid; grid-template-columns: 52px minmax(0, 1fr) auto; gap: 10px; padding: 14px 10px; background: var(--cfg-card); border: 1px solid var(--cfg-border); border-radius: 10px; box-shadow: none; }
  :root[data-theme] .spc-configurator-ux .spc-configurator-option-main { grid-column: 2/-1; min-width: 0; }
  :root[data-theme] .spc-configurator-ux .spc-configurator-option-name { white-space: normal; font-size: 14px; overflow-wrap: anywhere; }
  :root[data-theme] .spc-configurator-ux .spc-configurator-option-row > .spc-configurator-price-delta { grid-column: 1/3; grid-row: 2; text-align: left; font-size: 15px; font-weight: 600; }
  :root[data-theme] .spc-configurator-ux .spc-configurator-option-row > .spc-configurator-option-select { grid-column: 3; grid-row: 2; min-height: 44px; }
  :root[data-theme] .spc-configurator-ux .spc-configurator-option-row > .spc-configurator-quantity { grid-column: 1/-1; grid-row: 3; justify-self: end; }
  :root[data-theme] .spc-configurator-ux .spc-configurator-quantity button { height: 44px; width: 44px; }
  :root[data-theme] .spc-configurator-ux .spc-configurator-product-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
  :root[data-theme] .spc-configurator-ux .spc-configurator-product-card { min-width: 0; min-height: 0; padding: 10px; background: var(--cfg-card); border: 1px solid var(--cfg-border); box-shadow: none; }
  :root[data-theme] .spc-configurator-ux .spc-configurator-product-card-main { display: flex; flex-direction: column; min-height: 0; }
  :root[data-theme] .spc-configurator-ux .spc-configurator-product-card strong { font-size: 12px; white-space: normal; overflow-wrap: anywhere; line-height: 1.5; font-weight: 500; }
  :root[data-theme] .spc-configurator-ux .spc-configurator-product-media { width: 100%; height: 108px; }
  .spc-configurator-placeholder-label { font-size: 10px; }
  :root[data-theme] .spc-configurator-ux .spc-configurator-card-price { flex-wrap: wrap; gap: 6px; }
  :root[data-theme] .spc-configurator-ux .spc-configurator-card-price .spc-configurator-price-delta { font-size: 14px; margin: 0; }
  :root[data-theme] .spc-configurator-ux .spc-configurator-card-select { min-height: 44px; padding: 8px; width: 100%; font-size: 12px; }
  :root[data-theme] .spc-configurator-ux :is(.spc-configurator-option-row, .spc-configurator-product-card)[data-selected='true'] { border-color: var(--cfg-accent); background: var(--cfg-raised); }
  .spc-configurator-mobile-next { display: flex; justify-content: space-between; gap: 10px; }
  .spc-configurator-mobile-next > * { min-height: 44px; padding: 10px 8px; font-size: 12px; color: var(--cfg-accent); }
  :root[data-theme] .spc-configurator-ux .spc-configurator-load-more { min-height: 48px; background: var(--cfg-card); color: var(--cfg-accent); border: 1px solid var(--cfg-border); margin-top: 14px; }
  :root[data-theme] .spc-configurator-ux .spc-configurator-sidebar { position: static; max-height: none; overflow: visible; min-width: 0; scroll-margin-top: 76px; }
  :root[data-theme] .spc-configurator-ux .spc-configurator-build-card { padding: 20px 16px; background: var(--cfg-card); border: 1px solid var(--cfg-border); border-radius: 12px; box-shadow: none; }
  :root[data-theme] .spc-configurator-ux .spc-configurator-build-head h2 { font-size: 23px; font-weight: 500; }
  :root[data-theme] .spc-configurator-ux .spc-configurator-build-price strong { font-size: 30px; }
  :root[data-theme] .spc-configurator-ux :is(.spc-configurator-config-list, .spc-configurator-compatibility) { padding: 18px 0; border: 0; border-top: 1px solid var(--cfg-border); border-radius: 0; box-shadow: none; background: transparent; }
  :root[data-theme] .spc-configurator-ux .spc-configurator-config-list dl div { grid-template-columns: 104px minmax(0, 1fr); font-size: 12px; }
  :root[data-theme] .spc-configurator-ux .spc-configurator-full-spec { min-height: 44px; }
  :root[data-theme] .spc-configurator-panel { inset: auto 0 0; margin: 0 auto; width: min(600px, 100%); height: auto; max-height: 90dvh; border: 1px solid var(--cfg-border); border-bottom: 0; border-radius: 18px 18px 0 0; padding-bottom: env(safe-area-inset-bottom); background: var(--cfg-surface); }
  :root[data-theme] .spc-configurator-panel[data-kind="details"] { inset: auto 0 0; width: min(640px, 100%); max-height: 88dvh; height: auto; transform: none; border: 1px solid var(--cfg-border); border-bottom: 0; border-radius: 18px 18px 0 0; }
  :root[data-theme] .spc-configurator-panel[data-kind="details"] .spc-configurator-panel-content { max-height: calc(88dvh - 80px - env(safe-area-inset-bottom)); overflow-y: auto; overscroll-behavior: contain; }
  :root[data-theme] .spc-configurator-panel > header { padding: 14px 16px; }
  :root[data-theme] .spc-configurator-panel > header button { width: 44px; height: 44px; }
  :root[data-theme] .spc-configurator-panel h2 { font-size: 20px; }
  :root[data-theme] .spc-configurator-panel-content { padding: 16px; }
  :root[data-theme] .spc-configurator-panel .spc-configurator-filter-pills button { min-height: 44px; font-size: 13px; background: var(--cfg-card); }
  :root[data-theme] .spc-configurator-panel footer { position: sticky; bottom: 0; background: var(--cfg-surface); padding: 12px 0; }
  :root[data-theme] .spc-configurator-panel footer button { min-height: 44px; }
  :root[data-theme] .spc-configurator-panel .spc-configurator-step { min-height: 68px; color: var(--cfg-text); background: transparent; border-radius: 8px; }
  :root[data-theme] .spc-configurator-panel .spc-configurator-step[data-active='true'] { background: var(--cfg-card); }
  :root[data-theme] .spc-configurator-panel .spc-configurator-step-copy span { color: var(--cfg-muted); }
}
@media (min-width: 640px) and (max-width: 1023px) {
  :root[data-theme] .spc-storefront.spc-storefront-premium .spc-premium-home .spc-premium-hero-image { width: 850px; height: 480px; }
  .spc-premium-scenario-grid { grid-template-columns: 1fr 1fr; }
  .spc-premium-scenario-build { grid-row: span 2; }
  .spc-premium-scenario-help { min-height: 290px; }
  .spc-premium-ready-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .spc-premium-budget-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); }
  :root[data-theme] .spc-storefront.spc-storefront-premium .spc-popular-categories-row { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  :root[data-theme] .spc-configurator-ux .spc-configurator-product-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 639px) {
  .spc-premium-scenario-ready,
  .spc-premium-scenario-help { display: flex; min-height: 0; flex-direction: column; }
  .spc-premium-scenario-ready > img { position: static; width: 100%; height: 150px; margin: 18px 0 16px; -o-object-fit: contain; object-fit: contain; }
  .spc-premium-scenario-ready > .spc-premium-text-link { position: static; margin-top: auto; }
  :root[data-theme] .spc-storefront.spc-storefront-premium .spc-home-hits-grid,
  :root[data-theme] .spc-storefront.spc-storefront-premium .spc-premium-ready-grid {
    display: flex;
    width: 100%;
    max-width: 100%;
    min-width: 0;
    justify-content: flex-start;
    gap: 16px;
    overflow-x: auto;
    overflow-y: hidden;
    padding: 0 0 4px;
    scroll-snap-type: x mandatory;
    scrollbar-width: none;
    -webkit-overflow-scrolling: touch;
  }
  :root[data-theme] .spc-storefront.spc-storefront-premium .spc-home-hits-grid::-webkit-scrollbar,
  :root[data-theme] .spc-storefront.spc-storefront-premium .spc-premium-ready-grid::-webkit-scrollbar { display: none; }
  :root[data-theme] .spc-storefront.spc-storefront-premium .spc-home-hits-grid > *,
  :root[data-theme] .spc-storefront.spc-storefront-premium .spc-premium-ready-grid > * {
    width: 88%;
    max-width: none;
    flex: 0 0 88%;
    scroll-snap-align: start;
  }
  :root[data-theme] .spc-storefront.spc-storefront-premium .spc-home-hits-grid > :only-child,
  :root[data-theme] .spc-storefront.spc-storefront-premium .spc-premium-ready-grid > :only-child {
    width: 100%;
    flex-basis: 100%;
  }
  :root[data-theme] .spc-storefront.spc-storefront-premium .spc-home-hit-card,
  :root[data-theme] .spc-storefront.spc-storefront-premium .spc-home-hits .spc-ready-card { width: 100%; max-width: none; height: auto; min-height: 0; }
  :root[data-theme] .spc-storefront.spc-storefront-premium .spc-home-hit-visual,
  :root[data-theme] .spc-storefront.spc-storefront-premium .spc-home-hits .spc-ready-card-visual { position: relative; height: 220px; flex: 0 0 220px; aspect-ratio: auto; overflow: hidden; }
  :root[data-theme] .spc-storefront.spc-storefront-premium .spc-home-hit-body,
  :root[data-theme] .spc-storefront.spc-storefront-premium .spc-home-hits .spc-ready-card-body { padding: 20px; }
  :root[data-theme] .spc-storefront.spc-storefront-premium .spc-home-hit-title { font-size: 20px; line-height: 1.35; }
  :root[data-theme] .spc-storefront.spc-storefront-premium .spc-home-hit-title a { min-height: 0; overflow: visible; -webkit-line-clamp: unset; }
  :root[data-theme] .spc-storefront.spc-storefront-premium .spc-home-hit-specs { min-height: 0; margin: 10px 0 0; overflow: visible; font-size: 13px; line-height: 1.55; text-overflow: clip; white-space: normal; }
  :root[data-theme] .spc-storefront.spc-storefront-premium .spc-home-hit-price,
  :root[data-theme] .spc-storefront.spc-storefront-premium .spc-home-hits .spc-ready-card-body > .text-2xl { min-height: 0; font-size: clamp(24px, 7vw, 28px); line-height: 1.25; white-space: nowrap; }
  :root[data-theme] .spc-storefront.spc-storefront-premium .spc-home-hits .spc-ready-card-body h2 { font-size: clamp(20px, 5.5vw, 23px); line-height: 1.3; }
  :root[data-theme] .spc-storefront.spc-storefront-premium .spc-home-hits .spc-ready-card-body dd { display: block; overflow: visible; font-size: 13px; line-height: 1.5; -webkit-line-clamp: unset; }
  :root[data-theme] .spc-storefront.spc-storefront-premium .spc-home-hits .rb-card-configuration { font-size: 13px; line-height: 1.55; }
}
@media (max-width: 899px) {
  .spc-premium-scenario-help { display: flex; min-height: 0; flex-direction: column; padding: 24px; }
  .spc-premium-scenario-help .spc-premium-specialist-image { position: static; order: initial; width: 100%; height: auto; aspect-ratio: 3 / 2; margin: 16px 0 18px; border-radius: 10px; -o-object-fit: cover; object-fit: cover; -o-object-position: 52% center; object-position: 52% center; -webkit-mask-image: none; mask-image: none; }
  .spc-premium-scenario-help > .spc-premium-text-link { position: static; width: 100%; margin-top: auto; }
}
@media (max-width: 1023px) {
  :root[data-theme] .spc-storefront.spc-storefront-premium .spc-premium-home .spc-premium-hero-bottom { display: none; }
  :root[data-theme] .spc-storefront.spc-storefront-premium .spc-home-hero-copy { height: auto; min-height: 0; padding-bottom: 0; }
  :root[data-theme] .spc-storefront.spc-storefront-premium .spc-home-hero-actions a::before,
  :root[data-theme] .spc-storefront.spc-storefront-premium .spc-home-hero-actions a::after { display: none; }
  :root[data-theme] .spc-storefront.spc-storefront-premium .spc-home-hero-lead { font-weight: 400; }
  :root[data-theme] .spc-storefront.spc-storefront-premium .spc-home-mobile-search input { background: transparent; border: 0; box-shadow: none; outline: 0; }
  :root[data-theme] .spc-configurator-ux .spc-configurator-option-row > .spc-configurator-price-delta { justify-self: start; }
  :root[data-theme] .spc-storefront.spc-storefront-premium .spc-home-hero-figma { margin-bottom: 0; }
  :root[data-theme] .spc-storefront.spc-storefront-premium .spc-home-mobile-search .spc-figma-search-box { min-height: 44px; height: 44px; padding-block: 0; border: 1px solid var(--premium-line); background: var(--premium-section); }
  :root[data-theme] .spc-configurator-ux .spc-configurator-case-preview[data-selected='true'] { display: block; margin: 20px 0; }
  :root[data-theme] .spc-configurator-ux .spc-configurator-case-media { position: relative; height: 150px; }
  :root[data-theme] .spc-configurator-ux .spc-configurator-case-media img { -o-object-fit: contain; object-fit: contain; }
  .spc-configurator-case-preview figcaption { color: var(--cfg-muted); font-size: 12px; text-align: center; margin-top: 12px; }
  .spc-configurator-case-preview figcaption span { display: block; margin-top: 6px; font-size: 11px; }
  .spc-mobile-menu-search { margin-bottom: 16px; }
  :root[data-theme] .spc-storefront.spc-storefront-premium .spc-mobile-menu-search .spc-figma-search-box { width: 100%; min-height: 48px; background: var(--premium-section); border: 1px solid var(--premium-line); }
  :root[data-theme] .spc-storefront.spc-storefront-premium .spc-popular-category-visual { inset: auto; }
  :root[data-theme] .spc-storefront.spc-storefront-premium .spc-popular-category-copy { position: static; inset: auto; }
  :root[data-theme] .spc-storefront.spc-storefront-premium .spc-popular-category-card::after { display: none; }
  :root[data-theme] .spc-storefront.spc-storefront-premium .spc-home-hits-pagination { display: none; }
  :root[data-theme] .spc-storefront.spc-storefront-premium :is(.spc-popular-categories-all, .spc-home-hits-all) { width: auto; min-height: 44px; font-size: 12px; gap: 12px; color: var(--premium-accent); }
  :root[data-theme] .spc-storefront.spc-storefront-premium :is(.spc-popular-categories-all, .spc-home-hits-all) span:first-child { display: inline; }
  :root[data-theme] .spc-storefront.spc-storefront-premium .spc-store-footer-brand { display: block; }
  :root[data-theme] .spc-storefront.spc-storefront-premium .spc-store-footer-brand p { position: static; transform: none; width: auto; margin: 16px 0 0; }
  :root[data-theme] .spc-storefront.spc-storefront-premium .spc-store-footer-section { grid-column: auto; grid-row: auto; }
  :root[data-theme] .spc-storefront.spc-storefront-premium .spc-store-footer-logo { -o-object-fit: contain; object-fit: contain; margin: 0; }
  :root[data-theme] .spc-storefront.spc-storefront-premium .spc-store-footer-social-icon-asset { display: none; }
  :root[data-theme] .spc-storefront.spc-storefront-premium .spc-store-footer-social-icon-svg { display: block; }
  :root[data-theme] .spc-storefront.spc-storefront-premium .spc-store-footer-contact-icon { color: var(--premium-muted); }
  :root[data-theme] .spc-storefront.spc-storefront-premium .spc-store-footer-payments { filter: grayscale(1); opacity: .65; }
  :root[data-theme] .spc-configurator-panel .spc-configurator-step-marker { border-color: var(--cfg-border); background: transparent; box-shadow: none; }
  :root[data-theme] .spc-configurator-panel .spc-configurator-step-marker::after { background: transparent; }
  :root[data-theme] .spc-configurator-panel .spc-configurator-step[data-selected='true'] .spc-configurator-step-marker { border-color: #49896e; }
  :root[data-theme] .spc-configurator-panel .spc-configurator-step[data-selected='true'] .spc-configurator-step-marker::after { background: #49896e; }
  :root[data-theme] .spc-configurator-panel .spc-configurator-step[data-active='true'] .spc-configurator-step-marker { border-color: var(--cfg-accent); }
  :root[data-theme] .spc-configurator-panel .spc-configurator-step[data-active='true'] .spc-configurator-step-icon { color: var(--cfg-accent); }
  :root[data-theme] .spc-configurator-panel .spc-configurator-step-copy strong { color: var(--cfg-text); font-size: 14px; font-weight: 500; }
  :root[data-theme] .spc-configurator-panel .spc-configurator-filter-group { display: block; }
  :root[data-theme] .spc-configurator-panel .spc-configurator-filter-group > span { margin-bottom: 12px; }
  :root[data-theme] .spc-storefront.spc-storefront-premium .spc-configurator-ux .spc-configurator-search input { background: transparent; border: 0; box-shadow: none; outline: 0; }
  .spc-cart-feedback:not(:empty) { position: static; width: auto; height: auto; margin: 8px 0 0; padding: 0; overflow: visible; clip: auto; white-space: normal; font-size: 12px; line-height: 1.5; color: var(--premium-muted); }
}

/*!*************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[10].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[10].use[3]!./src/styles/ready-builds.css ***!
  \*************************************************************************************************************************************************************************************************************************************************************************/
/* Public ready-build catalogue. */
.spc-ready-catalog { color: var(--premium-text, var(--color-foreground)); }
.spc-ready-catalog-intro { padding: 26px 0 34px; max-width: 760px; }
.spc-ready-catalog-intro h1 { font-size: clamp(34px, 5vw, 56px); font-weight: 600; letter-spacing: -2px; line-height: 1.05; }
.spc-ready-catalog-lead { margin-top: 18px; font-size: clamp(22px, 2.5vw, 32px); line-height: 1.25; letter-spacing: -.7px; }
.spc-ready-catalog-layout { display: grid; grid-template-columns: minmax(0, 1fr); gap: 28px; }
.spc-ready-filter-sidebar { min-width: 0; }
.spc-ready-filter-group { display: grid; gap: 7px; min-width: 0; padding: 0; border: 0; }
.spc-ready-filter-group + .spc-ready-filter-group { margin-top: 15px; }
.spc-ready-filter-group legend { font-size: 12px; font-weight: 700; }
.spc-ready-filter-group select, .spc-ready-price-fields input { width: 100%; min-height: 42px; padding: 8px 10px; border: 1px solid var(--premium-line, var(--color-border)); border-radius: 8px; background: var(--premium-page, var(--color-background)); color: inherit; }
.spc-ready-price-fields { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
.spc-ready-price-fields label { min-width: 0; font-size: 11px; color: var(--premium-muted, var(--color-muted)); }
.spc-ready-price-fields input { margin-top: 4px; }
.spc-ready-catalog-results { min-width: 0; }
.spc-ready-results-heading { display: flex; align-items: end; justify-content: space-between; gap: 16px; margin-bottom: 22px; }
.spc-ready-results-heading h2 { margin-top: 4px; font-size: 24px; font-weight: 500; letter-spacing: -.5px; }
.spc-ready-results-meta { display: flex; align-items: end; gap: 18px; color: var(--premium-muted, var(--color-muted)); font-size: 13px; }
.spc-ready-sort-label { display: grid; gap: 5px; color: var(--premium-muted, var(--color-muted)); font-size: 11px; }
.spc-ready-sort-label select { min-height: 40px; min-width: 210px; padding: 8px 10px; border: 1px solid var(--premium-line, var(--color-border)); border-radius: 8px; background: var(--premium-card, var(--color-surface)); color: var(--premium-text, var(--color-foreground)); }
.spc-ready-build-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; align-items: stretch; }
.spc-ready-card-visual { height: 250px; aspect-ratio: auto; }
.spc-ready-card-labels { display: flex; align-items: baseline; justify-content: space-between; gap: 12px; }
.spc-ready-card-line { color: var(--premium-muted, var(--color-muted)); font-size: 11px; }
.spc-ready-empty { padding: 56px 24px; border: 1px dashed var(--premium-line, var(--color-border)); border-radius: 16px; background: var(--premium-section, var(--color-surface)); text-align: center; }
.spc-ready-empty h2 { font-size: 23px; font-weight: 500; }
.spc-ready-empty p { margin-top: 8px; color: var(--premium-muted, var(--color-muted)); }
.spc-ready-empty a { display: inline-flex; min-height: 44px; align-items: center; margin-top: 22px; padding: 10px 16px; border-radius: 8px; background: var(--premium-accent, var(--color-accent)); color: var(--color-accent-foreground); font-weight: 600; }
.spc-ready-mobile-tools { display: flex; align-items: end; justify-content: space-between; gap: 12px; margin-bottom: 20px; }
.spc-ready-mobile-tools .spc-catalog-mobile-filter-trigger > button { min-height: 42px; padding: 9px 14px; border: 1px solid var(--premium-line, var(--color-border)); border-radius: 8px; background: var(--premium-card, var(--color-surface)); color: inherit; }
.spc-ready-mobile-tools .spc-ready-sort-label select { min-width: min(210px, 48vw); }
@media(min-width:1280px){.spc-ready-catalog-layout{grid-template-columns:220px minmax(0,1fr)}.spc-ready-build-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:639px){.spc-ready-catalog-intro{padding-bottom:26px}.spc-ready-results-heading{align-items:start}.spc-ready-results-heading h2{font-size:21px}.spc-ready-results-meta>span{display:none}.spc-ready-build-grid{grid-template-columns:minmax(0,1fr);gap:16px}.spc-ready-card-visual{height:230px}.spc-ready-sort-label select{min-width:0;max-width:48vw}.spc-ready-empty{padding:42px 18px}.spc-ready-empty h2{font-size:20px}}
/* Catalog layout override: filters span the same content grid as the toolbar and cards. */
.spc-ready-catalog { width: 100%; max-width: 1440px; }
.spc-ready-catalog-layout { grid-template-columns: minmax(0, 1fr); gap: 30px; }
.spc-ready-filter-sidebar { width: 100%; }
.spc-ready-filter-sidebar > .spc-card { position: static; border: 1px solid var(--premium-line, var(--color-border)); background: var(--premium-card, var(--color-surface)); }
.spc-ready-filter-sidebar .spc-catalog-auto-form { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); align-items: end; gap: 12px; }
.spc-ready-filter-sidebar .spc-ready-filter-group + .spc-ready-filter-group { margin-top: 0; }
.spc-ready-filter-sidebar .spc-ready-filter-group select { min-width: 0; }
.spc-ready-filter-sidebar .spc-catalog-filter-actions { align-self: end; }
.spc-ready-results-heading { flex-wrap: nowrap; margin-top: 0; }
.spc-ready-results-heading h2 { white-space: nowrap; }
.spc-ready-results-meta { flex: 0 0 auto; white-space: nowrap; }
.spc-ready-sort-desktop { flex: 0 0 auto; }
.spc-ready-build-grid > .spc-ready-card { min-width: 0; width: 100%; }
@media (max-width: 1023px) {
  .spc-ready-catalog-layout { gap: 20px; }
}
@media (max-width: 640px) {
  .spc-ready-catalog { padding-top: 24px; padding-bottom: 32px; }
  .spc-ready-catalog-intro { padding: 18px 0 28px; }
  .spc-ready-catalog-eyebrow { margin: 0; color: var(--premium-accent, var(--color-accent)); font-size: 13px; font-weight: 700; letter-spacing: .12em; line-height: 1.3; text-transform: uppercase; }
  .spc-ready-catalog-intro h1 { margin-top: 10px; font-size: clamp(28px, 8vw, 32px); font-weight: 600; letter-spacing: -1px; line-height: 1.08; }
  .spc-ready-catalog-lead { margin-top: 16px; font-size: clamp(22px, 6vw, 26px); font-weight: 500; letter-spacing: -.35px; line-height: 1.2; }
  .spc-ready-catalog-description { max-width: 42rem; margin-top: 12px; color: var(--premium-muted, var(--color-muted)); font-size: 16px; line-height: 1.55; }
  .spc-ready-results-heading { display: grid; grid-template-columns: minmax(0, 1fr); gap: 16px; margin-bottom: 18px; }
  .spc-ready-results-heading h2 { margin-top: 6px; font-size: 21px; font-weight: 600; letter-spacing: -.25px; line-height: 1.25; white-space: normal; }
  .spc-ready-results-meta { display: block; min-width: 0; }
  .spc-ready-results-meta > span { display: none; }
  .spc-ready-results-meta .spc-catalog-auto-form,
  .spc-ready-results-meta .spc-ready-sort-label { width: 100%; }
  .spc-ready-sort-label { gap: 6px; font-size: 14px; font-weight: 600; line-height: 1.3; }
  .spc-ready-sort-label select { display: block; width: 100%; min-width: 0; max-width: none; min-height: 46px; font-size: 16px; }
  .spc-ready-mobile-tools { align-items: center; margin-bottom: 22px; }
  .spc-ready-mobile-tools .spc-catalog-mobile-filter-trigger > button { min-height: 44px; font-size: 15px; }
  .spc-ready-card-visual { height: 220px; }
  .spc-ready-card-body { padding: 20px; }
  .spc-ready-card-body h2 { font-size: 21px; line-height: 1.25; }
  .spc-ready-card-body .rb-card-configuration { font-size: 14px; line-height: 1.5; }
  .spc-ready-card-body dl { font-size: 14px; }
  .spc-ready-card-body dd { font-size: 14px; }
  .spc-ready-card-body > .text-2xl { font-size: 27px; line-height: 1.15; }
  .spc-ready-card-details { font-size: 15px; }
  .spc-ready-card-actions { padding-inline: 20px; padding-bottom: 20px; }
  .spc-ready-build-grid { grid-template-columns: minmax(0, 1fr); gap: 16px; }
  .spc-ready-results-heading { gap: 10px; }
}
@media (min-width: 641px) and (max-width: 1023px) {
  .spc-ready-results-heading { flex-wrap: wrap; align-items: end; }
  .spc-ready-results-meta { margin-left: auto; }
}
@media (max-width: 640px) {
  .spc-catalog-filter-dialog .spc-ready-filter-group legend { font-size: 14px; }
  .spc-catalog-filter-dialog .spc-ready-filter-group select,
  .spc-catalog-filter-dialog .spc-ready-price-fields input { font-size: 16px; }
}
/* Scoped ready-build presentation. Homepage theme values are reused. */
/* Product hits have their own media and specification layout. */
/* Shared compact rhythm for the homepage's mixed Hits row. */
:root[data-theme] .spc-storefront.spc-storefront-premium .spc-premium-home .spc-home-hits-grid{align-items:stretch}
:root[data-theme] .spc-storefront.spc-storefront-premium .spc-premium-home .spc-home-hits-grid>article{height:auto;min-height:0;align-self:stretch}
:root[data-theme] .spc-storefront.spc-storefront-premium .spc-premium-home .spc-home-hits :is(.spc-home-hit-visual,.spc-ready-card-visual){height:230px;flex:0 0 230px;aspect-ratio:auto}
:root[data-theme] .spc-storefront.spc-storefront-premium .spc-premium-home .spc-home-hit-product .spc-home-hit-image-link{padding:28px 8px 8px}
:root[data-theme] .spc-storefront.spc-storefront-premium .spc-premium-home .spc-home-hits :is(.spc-home-hit-body,.spc-ready-card-body){padding:16px 20px;min-height:0}
:root[data-theme] .spc-storefront.spc-storefront-premium .spc-premium-home .spc-home-hits :is(.spc-home-hit-title,.spc-ready-card-body h2){font-size:19px;line-height:1.35}
:root[data-theme] .spc-storefront.spc-storefront-premium .spc-premium-home .spc-home-hits :is(.spc-home-hit-facts,.spc-ready-card-body dl){padding-block:10px;margin:12px 0;gap:6px;font-size:12px;line-height:1.5}
:root[data-theme] .spc-storefront.spc-storefront-premium .spc-premium-home .spc-home-hits .spc-ready-card-body dl>div{margin-block:5px;grid-template-columns:34px minmax(0,1fr);gap:10px}
:root[data-theme] .spc-storefront.spc-storefront-premium .spc-premium-home .spc-home-hits .spc-ready-card-body dd{font-size:12px;line-height:1.5}
:root[data-theme] .spc-storefront.spc-storefront-premium .spc-premium-home .spc-home-hits .rb-caption{margin-top:auto;padding-top:8px}
:root[data-theme] .spc-storefront.spc-storefront-premium .spc-premium-home .spc-home-hits .spc-ready-card-actions{padding:0 20px 16px}
:root[data-theme] .spc-storefront.spc-storefront-premium .spc-premium-home .spc-home-hits :is(.spc-ready-card-details,.spc-home-hit-cart-button){min-height:46px}
:root[data-theme] .spc-storefront.spc-storefront-premium .spc-home-hits .spc-home-hit-product{height:auto;min-height:0;align-self:stretch;color:var(--premium-text)}
:root[data-theme] .spc-storefront.spc-storefront-premium .spc-home-hit-product .spc-home-hit-visual{height:260px;flex:0 0 260px;position:relative}
:root[data-theme] .spc-storefront.spc-storefront-premium .spc-home-hit-product .spc-home-hit-image-link{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;min-height:0;padding:40px 18px 18px}
:root[data-theme] .spc-storefront.spc-storefront-premium .spc-home-hit-product .spc-home-hit-image{display:block;width:100%;height:100%;min-height:0;max-height:100%;-o-object-fit:contain;object-fit:contain;-o-object-position:center;object-position:center;transform:none}
:root[data-theme] .spc-storefront.spc-storefront-premium .spc-home-hit-product .spc-home-hit-title a{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;min-height:0}
.spc-home-hit-product .spc-home-hit-facts{display:grid;gap:9px;margin:16px 0;padding-block:14px;border-block:1px solid var(--premium-line);font-size:12px;line-height:1.5}
.spc-home-hit-facts>div{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px}
.spc-home-hit-facts dt{color:var(--premium-muted)}
.spc-home-hit-facts dd{margin:0;color:var(--premium-text);overflow-wrap:anywhere}
:root[data-theme] .spc-storefront.spc-storefront-premium .spc-home-hit-product .spc-home-hit-bottom{margin-top:auto;padding-top:12px}
:root[data-theme] .spc-storefront.spc-storefront-premium .spc-home-hit-product .spc-home-hit-availability{margin:0 0 8px;color:var(--premium-muted)}
@media(min-width:641px) and (max-width:1023px){:root[data-theme] .spc-storefront.spc-storefront-premium .spc-home-hit-product .spc-home-hit-visual{height:230px;flex-basis:230px}}
.rb-heading h1{font-size:clamp(38px,5vw,72px);line-height:1.02;letter-spacing:-2.8px;font-weight:600;margin-top:18px}.rb-hit-badge,.rb-tag{display:inline-block;border:1px solid var(--rb-line);border-radius:999px;padding:5px 10px;margin:0 6px 0 0;font-size:11px}.rb-hit-badge{color:var(--rb-accent);border-color:var(--rb-accent)}.rb-marketing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:36px}.rb-marketing-grid article{min-height:150px;padding:22px;background:var(--rb-surface);border-radius:12px}.rb-marketing-grid span{font-size:11px;color:var(--rb-accent);letter-spacing:1px}.rb-marketing-grid h3{margin-top:28px;font-size:18px;font-weight:500}.rb-help-link,.rb-final-link{display:inline-flex;min-height:44px;align-items:center;padding:11px 16px;border-radius:8px;background:var(--rb-accent);color:var(--color-accent-foreground)}.rb-final-cta{text-align:center;border-top:1px solid var(--rb-line)}.rb-final-cta h2{margin-bottom:24px}
.rb-related-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:32px}
.rb-description-block{max-width:820px;margin:0 auto;padding:0 0 28px}.rb-description-block .rb-description{margin-top:0}.rb-actions{display:flex;gap:12px;align-items:flex-start}.rb-actions>button{flex:1}.rb-help .rb-actions{display:block}.rb-help .rb-actions>button{width:100%}
.rb-detail,.rb-clone-notice{--rb-page:var(--premium-page,var(--color-background));--rb-surface:var(--premium-section,var(--color-surface));--rb-text:var(--premium-text,var(--color-foreground));--rb-muted:var(--premium-muted,var(--color-muted));--rb-line:var(--premium-line,var(--color-border));--rb-accent:var(--premium-accent,var(--color-accent));color:var(--rb-text)}
.rb-hero{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);grid-template-rows:auto 1fr;gap:24px 48px;padding:24px 0 48px}.rb-heading{grid-column:1;grid-row:1}.rb-heading h1{overflow-wrap:anywhere}.rb-media{grid-column:2;grid-row:1/3;min-width:0;align-self:center}.rb-buy{grid-column:1;grid-row:2;min-width:0}.rb-eyebrow{font-size:11px;letter-spacing:1.6px;text-transform:uppercase;color:var(--rb-accent);margin-bottom:16px}.rb-lead{color:var(--rb-muted);font-size:17px;line-height:1.7;margin-top:18px}.rb-photo{position:relative;display:block;width:100%;border:0;background:transparent;cursor:zoom-in}.rb-photo img{width:100%;height:580px;-o-object-fit:contain;object-fit:contain;-webkit-mask-image:linear-gradient(to right,transparent,#000 7%,#000 93%,transparent);mask-image:linear-gradient(to right,transparent,#000 7%,#000 93%,transparent);}.rb-photo span{position:absolute;bottom:12px;right:12px;background:var(--rb-surface);padding:6px 12px;border-radius:6px;font-size:12px}.rb-photo-empty{min-height:360px;display:grid;place-items:center;color:var(--rb-muted);font-size:14px}.rb-photo-dialog{position:fixed;inset:0;margin:auto;max-width:95vw;max-height:94dvh;width:auto;background:var(--rb-page);color:var(--rb-text);padding:20px;border:1px solid var(--rb-line);border-radius:12px;overscroll-behavior:contain}.rb-photo-dialog::backdrop{background:#060b14d9}.rb-photo-dialog>div{display:flex;justify-content:space-between;gap:24px;align-items:center;margin-bottom:14px}.rb-photo-dialog h2{font-size:16px}.rb-photo-dialog button{min-height:44px;padding:8px}.rb-photo-dialog img{max-height:78dvh;max-width:85vw;width:auto;height:auto;-o-object-fit:contain;object-fit:contain}.rb-highlights{display:grid;grid-template-columns:1fr 1fr;gap:18px 22px;margin-bottom:24px}.rb-highlights>div{border-left:2px solid var(--rb-line);padding-left:14px;min-width:0}.rb-highlights dt{font-size:11px;color:var(--rb-muted);margin-bottom:4px}.rb-highlights dd{font-size:14px;overflow-wrap:anywhere}.rb-status{font-size:12px;color:var(--rb-muted);border-top:1px solid var(--rb-line);padding-top:20px}.rb-price{font-size:32px;font-weight:600;letter-spacing:-1px;margin-top:10px}.rb-caption{font-size:12px;color:var(--rb-muted,var(--color-muted));line-height:1.6}.rb-question{display:block;background:transparent;border:0;min-height:44px;text-align:left;color:var(--rb-accent,var(--color-accent));font-size:14px;padding:12px 0;overflow-wrap:anywhere}.rb-question:hover{text-decoration:underline}.rb-promises{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;padding:26px 0;border-block:1px solid var(--rb-line)}.rb-promises strong{font-size:17px;font-weight:600}.rb-promises p{font-size:13px;color:var(--rb-muted);margin-top:6px;line-height:1.6}.rb-nav{display:flex;gap:28px;padding:18px 0;border-bottom:1px solid var(--rb-line);overflow:auto;font-size:13px}.rb-nav a{white-space:nowrap}.rb-section{padding-block:56px;scroll-margin-top:100px}.rb-section h2{font-size:clamp(28px,3vw,40px);line-height:1.2;font-weight:500;letter-spacing:-1px}.rb-description{max-width:750px;font-size:17px;line-height:1.8;white-space:pre-line;color:var(--rb-muted);margin-top:24px}.rb-composition{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:36px;margin-top:32px}.rb-component{border-bottom:1px solid var(--rb-line)}.rb-component:first-child{border-top:1px solid var(--rb-line)}.rb-component summary{list-style:none;display:flex;align-items:center;gap:20px;cursor:pointer;padding:20px 0}.rb-component summary::-webkit-details-marker{display:none}.rb-component small{display:block;color:var(--rb-muted);font-size:11px;margin-bottom:5px}.rb-component strong{font-size:14px;font-weight:500;overflow-wrap:anywhere}.rb-expand{margin-left:auto;color:var(--rb-accent);font-size:22px}.rb-component[open] .rb-expand{transform:rotate(45deg)}.rb-component-body{padding-bottom:24px;font-size:13px}.rb-component-body dl{display:grid;gap:12px;margin-bottom:20px}.rb-component-body dl>div{display:grid;grid-template-columns:1fr 1fr;gap:20px}.rb-component-body dt{color:var(--rb-muted)}.rb-component-body dd{overflow-wrap:anywhere}.rb-component-body a{color:var(--rb-accent)}.rb-help{align-self:start;padding:26px;background:var(--rb-surface);border-radius:12px}.rb-help h3,.rb-service h3,.rb-notice h3{font-size:18px;font-weight:500}.rb-help p,.rb-service p{color:var(--rb-muted);font-size:14px;line-height:1.7;margin-top:12px}.rb-service{display:grid;grid-template-columns:1fr 1fr;gap:64px;border-top:1px solid var(--rb-line)}.rb-service article{padding:22px 0;border-bottom:1px solid var(--rb-line)}.rb-service article:first-child{padding-top:0}.rb-notice{padding:24px;background:var(--rb-surface);border-left:2px solid var(--rb-accent);margin-top:24px}.rb-notice ul{margin-top:14px;display:grid;gap:10px;font-size:14px;line-height:1.6}.rb-detail :focus-visible,.rb-clone-notice :focus-visible{outline:2px solid var(--rb-accent);outline-offset:4px}
/* Equal media slots. A blurred backdrop extends existing photo colours without changing the asset. */
.rb-photo{display:flex;align-items:center;justify-content:center;height:580px;overflow:hidden;isolation:isolate}
.rb-photo .rb-photo-subject{position:relative;width:auto;max-width:100%;height:100%;-o-object-fit:contain;object-fit:contain;-webkit-mask-image:linear-gradient(to right,transparent,#000 5%,#000 95%,transparent);mask-image:linear-gradient(to right,transparent,#000 5%,#000 95%,transparent)}
.rb-photo .rb-photo-ambient,:root[data-theme] .spc-ready-card .spc-ready-card-visual .rb-photo-ambient{position:absolute;inset:0;width:100%;height:100%;max-width:none;-o-object-fit:cover;object-fit:cover;padding:0;filter:blur(38px);opacity:.35;-webkit-mask-image:radial-gradient(ellipse,#000 25%,transparent 72%);mask-image:radial-gradient(ellipse,#000 25%,transparent 72%);pointer-events:none;z-index:-1}
.spc-ready-card-visual{isolation:isolate;display:flex;align-items:center;justify-content:center}
:root[data-theme] .spc-ready-card .spc-ready-card-visual{aspect-ratio:4/3;background:transparent;overflow:hidden}
:root[data-theme] .spc-ready-card .spc-ready-card-visual img{height:100%;width:100%;padding:0;-o-object-fit:contain;object-fit:contain;-webkit-mask-image:linear-gradient(to right,transparent,#000 8%,#000 92%,transparent);mask-image:linear-gradient(to right,transparent,#000 8%,#000 92%,transparent)}
:root[data-theme] .spc-ready-card .spc-ready-card-visual img:not(.rb-photo-ambient){position:absolute;height:100%;width:auto;max-width:100%;-webkit-mask-image:linear-gradient(to right,transparent,#000 5%,#000 95%,transparent);mask-image:linear-gradient(to right,transparent,#000 5%,#000 95%,transparent)}
:root[data-theme] .spc-ready-card .spc-ready-card-body h2{font-size:20px;line-height:1.35;min-height:54px;letter-spacing:-.4px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
:root[data-theme] .spc-ready-card .spc-ready-card-body :is(h2,dd),:root[data-theme] .spc-ready-card .spc-ready-card-body>.text-2xl{color:var(--premium-text,var(--color-foreground))}
:root[data-theme] .spc-ready-card .spc-ready-card-body :is(dt,.rb-card-configuration,.rb-caption,.spc-ready-card-status){color:var(--premium-muted,var(--color-muted))}
:root[data-theme] .spc-ready-card .spc-ready-card-details{background:#0961e8;color:#fff;justify-content:center;gap:14px;border-radius:7px;padding:12px;min-height:48px}
:root[data-theme] .spc-ready-card .spc-ready-card-details span{color:inherit}
.rb-clone-notice{margin:12px auto;max-width:1296px;padding:10px 14px;border:1px solid var(--rb-line);border-radius:12px;background:var(--rb-surface)}.rb-clone-notice-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.rb-clone-notice h2{font-size:16px;font-weight:600}.rb-clone-notice-close{display:grid;flex:0 0 36px;width:36px;height:36px;place-items:center;border:1px solid var(--rb-line);border-radius:8px;color:var(--rb-muted);font-size:24px;line-height:1}.rb-clone-notice-close:hover{color:var(--rb-text);border-color:var(--rb-accent)}.rb-clone-notice p,.rb-clone-notice ul{margin-top:6px;font-size:13px}.rb-clone-notice li{margin-top:6px;overflow-wrap:anywhere}
.rb-detail .spc-specialist-intro,.rb-clone-notice .spc-specialist-intro{overflow-wrap:anywhere}
@media(max-width:1023px){.rb-detail .spc-specialist-dialog,.rb-clone-notice .spc-specialist-dialog{--premium-page:var(--color-background);--premium-section:var(--color-surface);--premium-card:var(--color-surface);--premium-text:var(--color-foreground);--premium-muted:var(--color-muted);--premium-line:var(--color-border);--premium-accent:var(--color-accent)}}
@media(max-width:767px){.rb-photo{height:360px}.rb-marketing-grid{grid-template-columns:1fr}.rb-related-grid{grid-template-columns:1fr}.rb-heading h1{letter-spacing:-1.5px}.rb-highlights{grid-template-columns:1fr 1fr}.rb-actions{display:grid;gap:10px}.rb-actions>button{width:100%}.rb-description-block{padding-bottom:12px}}
@media(prefers-reduced-motion:no-preference){.rb-hero{animation:rb-appear .35s ease-out}.rb-photo img,.spc-ready-card-visual img{transition:transform .25s ease}.rb-photo:hover img,.spc-ready-card:hover .spc-ready-card-visual img{transform:scale(1.015)}.rb-expand{transition:transform .18s ease}@keyframes rb-appear{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}}
@media(max-width:767px){.rb-hero{display:flex;flex-direction:column;gap:24px;padding-bottom:28px}.rb-heading{order:0}.rb-media{order:1;width:100%}.rb-buy{order:2}.rb-photo img{height:360px}.rb-photo-empty{min-height:260px}.rb-highlights{gap:16px}.rb-heading h1{font-size:32px;line-height:1.15}.rb-promises{grid-template-columns:1fr;gap:18px}.rb-composition,.rb-service{grid-template-columns:1fr;gap:24px}.rb-section{padding-block:36px}.rb-nav{gap:22px}.rb-clone-notice{margin:16px;padding:18px}.rb-photo-dialog{padding:12px}.rb-photo-dialog img{max-width:85vw}.rb-detail .spc-specialist-dialog{--premium-card:var(--color-surface);--premium-text:var(--color-foreground);--premium-muted:var(--color-muted);--premium-line:var(--color-border);--premium-accent:var(--color-accent)}.rb-clone-notice{margin:12px auto;padding:10px 14px}}

/* Detail composition follows the ready-build review mockup. */
.rb-detail .rb-hero{gap:24px 54px;align-items:start}
.rb-detail .rb-heading h1{font-size:clamp(34px,4vw,56px);line-height:1.1;letter-spacing:-2px;margin:0;font-weight:600}
.rb-detail .rb-model{font-size:22px;font-weight:600;margin-top:20px;overflow-wrap:anywhere}
.rb-detail .rb-lead{font-size:16px;line-height:1.5;margin-top:8px}
.rb-detail .rb-heading>.rb-tag,.rb-detail .rb-heading>.rb-hit-badge{margin-bottom:14px}
.rb-detail .rb-media{align-self:center}
.rb-detail .rb-photo{isolation:isolate;height:auto;aspect-ratio:1;max-height:580px;border:0;border-radius:0;outline:none;box-shadow:none;background:transparent;overflow:visible}
.rb-detail .rb-media{border:0;outline:none;box-shadow:none;background:transparent}
.rb-detail .rb-photo:focus-visible{outline:none}
.rb-detail .rb-photo:focus-visible span{outline:2px solid var(--rb-accent);outline-offset:4px}
.rb-detail .rb-photo .rb-photo-subject{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;-webkit-mask-image:none;mask-image:none}
.rb-photo-footer{display:flex;align-items:center;gap:12px;margin-top:14px;max-width:100%;overflow-x:auto;padding:4px}
.rb-photo-footer button{flex:0 0 62px;width:62px;height:62px;padding:3px;border:1px solid var(--rb-line);border-radius:7px;background:transparent}
.rb-photo-footer button[aria-pressed="true"]{border-color:#4c96ef;box-shadow:0 0 0 1px #4c96ef}
.rb-photo-footer img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}
.rb-detail .rb-photo::before{content:"";position:absolute;inset:12% 4% 5%;z-index:0;border:0;border-radius:50%;box-shadow:none;background:radial-gradient(ellipse at center,rgba(61,130,230,.12),rgba(49,112,212,.045) 38%,transparent 70%);filter:blur(24px);pointer-events:none}
@media(min-width:1440px){
  .rb-detail .rb-media{transform:translate(12px,-10px)}
  .rb-detail .rb-photo{overflow:visible}
  .rb-detail .rb-photo .rb-photo-subject{transform:scale(1.07)}
  .rb-detail .rb-photo span{z-index:1}
}
.rb-detail .rb-actions{display:flex;flex-wrap:wrap;gap:10px;align-items:stretch}
.rb-detail .rb-actions>button{flex:1 1 0;min-width:0;min-height:48px;margin:0;padding:10px 16px;border-radius:7px;font-size:14px;font-weight:600}
.rb-detail .rb-actions>p{flex-basis:100%;margin:0}
.rb-detail .rb-promises{padding-block:24px}
.rb-detail .rb-promises p{font-size:12px}
.rb-detail .rb-marketing-grid{margin-top:28px}
.rb-detail .rb-marketing-grid article{padding:28px;border:1px solid var(--rb-line);min-height:0}
.rb-marketing-grid p{margin-top:12px;font-size:14px;line-height:1.7;color:var(--rb-muted)}
.rb-detail .rb-description-block{max-width:750px;margin:0 0 24px;padding:0;border-block:1px solid var(--rb-line)}
.rb-description-block summary{padding:16px 0;cursor:pointer;font-size:14px;color:var(--rb-accent)}
.rb-description-block .rb-description{padding-bottom:20px;font-size:14px;line-height:1.7;overflow-wrap:anywhere}
.rb-detail .rb-help{border:1px solid var(--rb-line)}
.rb-detail .rb-help .rb-eyebrow{font-size:11px;margin:0 0 16px;color:var(--rb-accent)}
.rb-detail .rb-service{grid-template-columns:minmax(0,2fr) minmax(0,3fr);gap:clamp(52px,7vw,92px);align-items:start}
.rb-detail .rb-service-intro>p:last-child{max-width:42ch;margin-top:26px;line-height:1.7}
.rb-detail .rb-service-list{min-width:0}
.rb-detail .rb-service-item{padding:20px 0;border:0}
.rb-detail .rb-service-item:first-child{padding-top:0}
.rb-detail .rb-service-item+.rb-service-item{border-top:1px solid color-mix(in srgb,var(--rb-line) 88%,var(--rb-muted))}
.rb-detail .rb-service-item h3,.rb-detail .rb-service-bonus h3{font-weight:600}
.rb-detail .rb-service-item p,.rb-detail .rb-service-bonus p{margin-top:8px;color:var(--rb-muted);line-height:1.65}
.rb-detail .rb-service-bonus{margin-top:14px;padding:16px 18px;border:1px dashed color-mix(in srgb,var(--rb-line) 82%,var(--rb-muted));border-radius:8px;background:transparent}
.rb-detail .rb-final-cta{padding-block:36px}
.rb-detail .rb-final-cta h2{font-size:clamp(26px,3vw,36px);margin-bottom:20px}
.rb-card-configuration{font-size:13px;line-height:1.6;color:var(--premium-muted,var(--color-muted));margin-top:8px;overflow-wrap:anywhere}
:root[data-theme] .spc-ready-card .spc-ready-card-badge{position:static}
:root[data-theme] .spc-ready-card .spc-ready-card-body h2{min-height:0}
@media(max-width:767px){
  .rb-detail .rb-hero{gap:24px}
  .rb-detail .rb-heading h1{font-size:34px;letter-spacing:-1.3px}
  .rb-detail .rb-service{grid-template-columns:minmax(0,1fr);gap:24px}
  .rb-detail .rb-service-intro>p:last-child{margin-top:20px}
  .rb-detail .rb-service-item{padding-block:18px}
  .rb-detail .rb-service-bonus{margin-top:10px;padding:15px 16px}
  .rb-detail .rb-actions{flex-direction:column}
  .rb-detail .rb-actions>button{flex:auto;width:100%}
  .rb-detail .rb-marketing-grid article{padding:22px}
  .rb-detail .rb-final-cta{padding-block:28px}
}

/* Ready-build polish: restrained motion and progressive details disclosure. */
.rb-detail .rb-photo::before{inset:18% 7% 8%;border-radius:50%;background:radial-gradient(ellipse at 52% 61%,rgba(66,145,255,.19) 0%,rgba(42,112,220,.08) 34%,transparent 70%);filter:blur(28px);transition:opacity .35s ease,transform .45s ease;opacity:.9}
.rb-detail .rb-photo::after{content:"";position:absolute;z-index:0;left:20%;right:12%;bottom:3%;height:11%;border-radius:50%;background:radial-gradient(ellipse,rgba(53,126,235,.15),transparent 70%);filter:blur(18px);pointer-events:none;transition:opacity .35s ease,transform .45s ease}
.rb-detail .rb-photo-subject{z-index:1}
.rb-detail .rb-photo>span{z-index:2}
.rb-component-facts{display:grid;gap:7px;margin-bottom:16px;color:var(--rb-muted);line-height:1.65}
.rb-component-facts:empty{display:none}
.rb-help .rb-help-note{margin-top:18px;padding-top:16px;border-top:1px solid var(--rb-line);font-size:12px}
.rb-detail .rb-hits{width:100%;max-width:none;height:auto;min-height:0;margin:0;padding-bottom:56px;color:var(--rb-text);border-top:1px solid var(--rb-line)}
.rb-hits-heading{margin-bottom:6px}
.rb-detail .rb-composition{align-items:start;grid-template-columns:minmax(0,1fr) clamp(340px,29vw,380px)}
.rb-detail .rb-component summary{min-height:78px;padding-block:16px}
.rb-detail .rb-component summary>span:first-child{min-width:0}
.rb-detail .rb-component-body{padding:0 36px 20px 0}
.rb-detail .rb-help{align-self:start;display:block;min-height:0;padding:26px}
.rb-detail .rb-help>p:not(.rb-eyebrow):not(.rb-help-note){max-width:none;margin-top:16px}
.rb-detail .rb-help .rb-actions{margin-top:22px}
.rb-detail .rb-help-note{margin-top:18px!important}
.rb-detail .rb-hits .spc-home-hits-grid{grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;justify-content:start;gap:20px;margin-top:28px}
.rb-detail .rb-hits :is(.spc-home-hit-card,.spc-ready-card){width:100%;max-width:none;height:100%}
.rb-detail .rb-hits .spc-home-hits-pagination{display:none}
.rb-expand{position:relative;width:22px;height:22px;flex:0 0 22px}
.rb-expand::before,.rb-expand::after{position:absolute;inset:0;display:grid;place-items:center;transition:opacity .18s ease,transform .18s ease}
.rb-expand::before{content:"+"}
.rb-expand::after{content:"−";opacity:0;transform:rotate(-45deg)}
.rb-component[open] .rb-expand{transform:none}
.rb-component[open] .rb-expand::before{opacity:0;transform:rotate(45deg)}
.rb-component[open] .rb-expand::after{opacity:1;transform:none}

@media(prefers-reduced-motion:no-preference){
  .rb-detail .rb-hero{animation:none}
  .rb-detail .rb-heading,.rb-detail .rb-buy{animation:rb-content-enter .55s cubic-bezier(.22,1,.36,1) both}
  .rb-detail .rb-buy{animation-delay:.08s}
  .rb-detail .rb-photo{animation:rb-media-enter .65s cubic-bezier(.22,1,.36,1) .05s both}
  .rb-detail .rb-photo-subject{animation:rb-photo-swap .3s ease both;transition:transform .35s cubic-bezier(.22,1,.36,1)}
  .rb-detail .rb-photo:hover .rb-photo-subject{transform:scale(1.015)}
  .rb-detail .rb-photo:hover::before{opacity:1;transform:scale(1.04)}
  .rb-detail .rb-photo:hover::after{opacity:1;transform:scaleX(1.05)}
  .rb-photo-footer button{transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease}
  .rb-photo-footer button:hover{transform:scale(1.03)}
  .rb-detail .rb-actions>button,.rb-final-link{transition:border-color .2s ease,background-color .2s ease,color .2s ease,transform .2s ease}
  .rb-detail .rb-actions>button:hover,.rb-final-link:hover{transform:translateY(-1px)}
  .rb-detail .rb-marketing-grid article,.rb-detail .rb-hits :is(.spc-home-hit-card,.spc-ready-card){transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease}
  .rb-detail .rb-marketing-grid article:hover,.rb-detail .rb-hits :is(.spc-home-hit-card,.spc-ready-card):hover{transform:translateY(-3px);border-color:color-mix(in srgb,var(--rb-accent) 50%,var(--rb-line));box-shadow:0 14px 34px rgba(0,0,0,.12)}
  .rb-component::details-content{block-size:0;opacity:0;overflow:hidden;transition:block-size .28s ease,opacity .2s ease,content-visibility .28s allow-discrete;transition-behavior:allow-discrete}
  .rb-component[open]::details-content{block-size:auto;opacity:1}
  @keyframes rb-content-enter{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
  @keyframes rb-media-enter{from{opacity:0;transform:translate(18px,8px) scale(.985)}to{opacity:1;transform:none}}
  @keyframes rb-photo-swap{from{opacity:.35}to{opacity:1}}
}
@media(min-width:1440px) and (prefers-reduced-motion:no-preference){.rb-detail .rb-photo:hover .rb-photo-subject{transform:scale(1.085)}}
@media(min-width:768px) and (max-width:1023px){.rb-detail .rb-hits .spc-home-hits-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:767px){.rb-detail .rb-hits{height:auto;min-height:0;padding-block:36px 28px}.rb-detail .rb-hits .spc-home-hits-grid{display:grid;grid-template-columns:minmax(0,1fr);width:100%;margin-left:0;gap:16px;overflow:visible;padding-right:0}.rb-detail .rb-hits .spc-home-hits-pagination{display:none}.rb-detail .rb-hits :is(.spc-home-hit-card,.spc-ready-card){width:100%;max-width:none;height:auto;flex:none}.rb-detail .rb-composition{grid-template-columns:minmax(0,1fr)}.rb-detail .rb-component-body{padding-right:0}}
:root[data-theme="light"] .rb-detail .rb-photo::before{background:radial-gradient(ellipse at 52% 61%,rgba(18,105,232,.25) 0%,rgba(57,139,255,.13) 38%,transparent 72%);filter:blur(25px);opacity:1}
:root[data-theme="light"] .rb-detail .rb-photo::after{background:radial-gradient(ellipse,rgba(28,108,220,.22),rgba(58,143,255,.08) 42%,transparent 72%);filter:blur(16px)}
:root[data-theme="light"] .rb-detail .rb-photo-footer button{border-color:#9ab0c9;background:rgba(255,255,255,.42)}
:root[data-theme="light"] .rb-detail .rb-photo-footer button[aria-pressed="true"]{border-color:#176dcc;box-shadow:0 0 0 1px #176dcc}
:root[data-theme="light"] .rb-detail .rb-help{background:#fff;border-color:#c9d3df;box-shadow:0 12px 32px rgba(31,63,98,.07)}
:root[data-theme="light"] .rb-detail .rb-component{border-color:#cbd4df}
:root[data-theme="light"] .rb-detail .rb-service-item+.rb-service-item{border-color:#cbd4df}
:root[data-theme="light"] .rb-detail .rb-service-bonus{border-color:#b8c5d3}
@media(prefers-reduced-motion:reduce){.rb-detail *,.rb-detail *::before,.rb-detail *::after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}

/* Ready-PC catalog: shared catalog interaction pattern, full-detail list. */
.spc-ready-catalog .spc-ready-catalog-intro { padding: 10px 0 28px; }
.spc-ready-catalog .spc-ready-catalog-description { margin-top: 12px; color: var(--premium-muted); line-height: 1.5; }
.spc-ready-display-tools .rb-catalog-count { margin-right: auto; color: var(--premium-muted); font-size: 14px; font-weight: 400; }
.rb-catalog-card { min-width: 0; display: flex; flex-direction: column; border: 1px solid var(--premium-line); border-radius: 14px; background: var(--premium-card); overflow: hidden; }
.rb-catalog-media { display: flex; align-items: center; justify-content: center; min-width: 0; height: 240px; padding: 20px; }
.rb-catalog-media img { width: 100%; height: 100%; -o-object-fit: contain; object-fit: contain; }
.rb-catalog-placeholder { color: var(--premium-muted); text-align: center; font-size: 12px; }
.rb-catalog-info { padding: 0 20px; min-width: 0; }
.rb-catalog-labels { display: flex; align-items: center; flex-wrap: wrap; gap: 6px 8px; font-size: 11px; color: var(--premium-accent); }
.rb-catalog-badge { padding: 2px 6px; border-radius: 4px; background: var(--premium-section); color: var(--premium-muted); }
.rb-catalog-line { color: var(--premium-muted); }
.rb-catalog-info h2 { margin-top: 8px; font-size: 19px; line-height: 1.35; font-weight: 500; overflow-wrap: anywhere; }
.rb-catalog-info dl { display: grid; gap: 7px; margin: 16px 0; font-size: 14px; line-height: 1.45; }
.rb-catalog-info dl > div { display: grid; grid-template-columns: 38px minmax(0, 1fr); gap: 8px; }
.rb-catalog-info dt { color: var(--premium-muted); font-size: 12px; }
.rb-catalog-info dd { overflow-wrap: anywhere; }
.rb-catalog-purchase { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 6px 12px; align-items: center; margin: auto 20px 0; padding: 16px 0 20px; border-top: 1px solid var(--premium-line); }
.rb-catalog-price-caption { grid-column: 1; color: var(--premium-muted); font-size: 11px; }
.rb-catalog-price { grid-column: 1; font-size: 23px; font-weight: 650; line-height: 1.25; overflow-wrap: anywhere; }
.rb-catalog-status { grid-column: 1 / -1; display: flex; align-items: baseline; gap: 6px; font-size: 12px; color: var(--premium-muted); }
.rb-catalog-status::before { content: ''; width: 6px; height: 6px; border-radius: 50%; background: var(--premium-muted); flex-shrink: 0; }
.rb-catalog-status[data-available="true"]::before { background: #29a37c; }
.rb-catalog-details { grid-column: 2; grid-row: 1 / 3; display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-height: 44px; padding: 0 12px; border: 1px solid var(--premium-line); border-radius: 8px; color: var(--premium-text); font-size: 13px; }
.rb-catalog-details:hover { border-color: var(--premium-accent); color: var(--premium-accent); }
.rb-catalog-card a:focus-visible { outline: 2px solid var(--premium-accent); outline-offset: -3px; }
.spc-ready-display[data-view="list"] .rb-catalog-card { display: grid; grid-template-columns: 160px minmax(0, 1fr); padding: 20px; gap: 16px 20px; align-items: center; }
.spc-ready-display[data-view="list"] .rb-catalog-media { height: 190px; padding: 8px; grid-column: 1; grid-row: 1 / 3; }
.spc-ready-display[data-view="list"] .rb-catalog-info { padding: 0; }
.spc-ready-display[data-view="list"] .rb-catalog-info dl { margin-bottom: 0; }
.spc-ready-display[data-view="list"] .rb-catalog-purchase { grid-column: 2; margin: 0; padding: 12px 0 0; }
@media (min-width: 1200px) {
  .spc-ready-display[data-view="list"] .rb-catalog-card { grid-template-columns: minmax(150px, 22%) minmax(0, 1fr) 190px; min-height: 260px; gap: 24px; }
  .spc-ready-display[data-view="list"] .rb-catalog-media { grid-row: 1; height: 210px; }
  .spc-ready-display[data-view="list"] .rb-catalog-purchase { grid-column: 3; display: flex; flex-direction: column; align-items: stretch; gap: 10px; border-top: 0; border-left: 1px solid var(--premium-line); padding: 12px 0 12px 20px; }
  .spc-ready-display[data-view="list"] .rb-catalog-details { margin-top: 6px; }
}
@media (max-width: 767px) {
  .spc-ready-catalog .spc-ready-display-tools { flex-wrap: wrap; }
  .spc-ready-display-tools .rb-catalog-count { flex-basis: 100%; margin-bottom: 4px; }
  .spc-ready-display[data-view="list"] .rb-catalog-card { grid-template-columns: 76px minmax(0, 1fr); gap: 8px 12px; padding: 16px; align-items: start; }
  .spc-ready-display[data-view="list"] .rb-catalog-media { grid-row: 1 / 3; height: 90px; padding: 0; }
  .spc-ready-display[data-view="list"] .rb-catalog-info { display: contents; }
  .spc-ready-display[data-view="list"] .rb-catalog-labels { grid-column: 2; align-self: end; }
  .spc-ready-display[data-view="list"] .rb-catalog-info h2 { grid-column: 2; margin: 0; font-size: 17px; }
  .spc-ready-display[data-view="list"] .rb-catalog-info dl { grid-column: 1 / -1; margin: 4px 0; gap: 5px; }
  .spc-ready-display[data-view="list"] .rb-catalog-purchase { grid-column: 1 / -1; width: 100%; }
  .rb-catalog-price { font-size: 21px; }
}
@media (max-width: 359px) {
  .rb-catalog-purchase { -moz-column-gap: 8px; column-gap: 8px; }
  .rb-catalog-details { padding-inline: 8px; font-size: 12px; }
  .rb-catalog-price { font-size: 19px; }
}

/* Compact filter control shares the toolbar with sorting and view modes. */
.spc-ready-display-tools .spc-catalog-mobile-filter-trigger { display: block; order: 1; }
.spc-ready-display-tools .spc-catalog-mobile-filter-trigger > button { display: inline-flex; align-items: center; justify-content: center; gap: 7px; width: auto; min-height: 44px; padding: 0 14px; border: 1px solid var(--premium-line); border-radius: 8px; background: var(--premium-card); color: var(--premium-text); font-size: 14px; font-weight: 600; }
.spc-ready-display-tools .spc-catalog-mobile-filter-trigger > button:hover { border-color: var(--premium-accent); color: var(--premium-accent); }
.spc-catalog-filter-dialog .spc-catalog-auto-form > :not([hidden]) ~ :not([hidden]) { margin-top: 10px; }
.spc-catalog-filter-dialog .spc-ready-filter-group { gap: 5px; }
.spc-catalog-filter-dialog .spc-ready-filter-group + .spc-ready-filter-group { margin-top: 0; }
.spc-catalog-filter-dialog .spc-catalog-filter-actions { margin-top: 10px; }
.spc-ready-catalog .spc-ready-catalog-layout { grid-template-columns: minmax(0, 1fr); }
@media (min-width: 1024px) {
  .spc-ready-catalog .spc-ready-catalog-layout { grid-template-columns: minmax(0, 1fr); }
  .spc-ready-display-tools > label { order: 2; }
  .spc-ready-display-tools > div { order: 3; }
}
@media (max-width: 767px) {
  .spc-ready-display[data-view="list"] .rb-catalog-details { grid-row: 2; align-self: center; margin-bottom: 0; }
}

@media (prefers-reduced-motion: no-preference) {
  :root[data-theme] .spc-ready-card .spc-ready-card-details,
  .rb-catalog-details {
    transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease, background-color .18s ease;
  }
  :root[data-theme] .spc-ready-card .spc-ready-card-details span,
  .rb-catalog-details span {
    transition: transform .18s ease;
  }
  :root[data-theme] .spc-ready-card .spc-ready-card-details:hover,
  .rb-catalog-details:hover {
    transform: translateY(-2px);
    box-shadow: 0 8px 18px color-mix(in srgb, var(--premium-accent) 22%, transparent);
  }
  :root[data-theme] .spc-ready-card .spc-ready-card-details:hover span,
  .rb-catalog-details:hover span {
    transform: translateX(3px);
  }
}

:is(.spc-ready-card-details, .rb-catalog-details):focus-visible {
  outline: 2px solid var(--premium-accent);
  outline-offset: 3px;
}
.spc-ready-catalog .spc-ready-display-tools { display: flex; align-items: center; gap: 8px; margin-bottom: 16px; }
.spc-ready-display-tools > label { min-width: 0; flex: 1; }
.spc-ready-display-tools select { width: 100%; min-width: 0; height: 44px; padding: 0 12px; border: 1px solid var(--premium-line); border-radius: 8px; background: var(--premium-card); color: var(--premium-text); font-size: 14px; }
.spc-ready-display-tools > div { display: flex; gap: 6px; }
.spc-ready-display-tools button { display: grid; place-items: center; width: 44px; height: 44px; border: 1px solid var(--premium-line); border-radius: 8px; background: var(--premium-card); color: var(--premium-muted); }
.spc-ready-display-tools button[aria-pressed="true"] { color: var(--premium-accent); border-color: var(--premium-accent); background: color-mix(in srgb, var(--premium-accent) 7%, var(--premium-card)); }
.spc-ready-display-tools :is(button, select):focus-visible { outline: 2px solid var(--premium-accent); outline-offset: 3px; }
.spc-ready-catalog .spc-ready-results-heading { padding: 18px; border-radius: 12px; background: var(--premium-section); flex-wrap: wrap; }
.spc-ready-catalog .spc-ready-results-heading h2 { white-space: normal; }
.spc-ready-catalog .spc-ready-results-meta { margin-left: 0; }
.spc-ready-catalog .spc-ready-mobile-tools { display: none; }
.spc-ready-catalog .spc-ready-card-body { min-width: 0; }
.spc-ready-display[data-view="list"] .spc-ready-build-grid { grid-template-columns: minmax(0, 1fr); }
.spc-ready-catalog .spc-ready-display[data-view="list"] .spc-ready-card > a { display: grid; grid-template-columns: minmax(140px, 32%) minmax(0, 1fr); align-items: center; }
.spc-ready-display[data-view="list"] .spc-ready-card-visual { height: 240px; }
.spc-ready-catalog .spc-ready-display[data-view="list"] .spc-ready-card-body :is(h2, dd) { display: block; overflow: visible; -webkit-line-clamp: unset; overflow-wrap: anywhere; }
.spc-ready-display[data-view="list"] .spc-ready-card-body dl { margin-bottom: 0; padding-block: 10px; }
.spc-ready-display[data-view="list"] .spc-ready-card-actions { padding-top: 0; }
@media (min-width: 1024px) {
  .spc-ready-catalog .spc-ready-catalog-layout { grid-template-columns: minmax(0, 1fr); gap: 24px; align-items: start; }
  .spc-ready-catalog .spc-ready-filter-sidebar > .spc-card { position: sticky; top: 100px; max-height: calc(100dvh - 120px); overflow-y: auto; scrollbar-width: thin; background: var(--premium-section); }
  .spc-ready-catalog .spc-ready-filter-sidebar .spc-catalog-auto-form { display: flex; flex-direction: column; align-items: stretch; gap: 16px; }
  .spc-ready-catalog .spc-ready-filter-sidebar .spc-catalog-filter-actions { align-self: stretch; }
  .spc-ready-catalog .spc-ready-build-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; }
  .spc-ready-catalog .spc-ready-display[data-view="list"] .spc-ready-build-grid { grid-template-columns: minmax(0, 1fr); }
  .spc-ready-display-tools > label { max-width: 300px; }
  .spc-ready-display-tools { justify-content: flex-end; }
  .spc-ready-display[data-view="list"] .spc-ready-card-actions { padding-left: calc(32% + 24px); }
}
@media (max-width: 1023px) {
  .spc-ready-catalog { padding-bottom: calc(88px + env(safe-area-inset-bottom)); }
  .spc-ready-catalog .spc-ready-mobile-tools { display: contents; }
  .spc-ready-catalog .spc-catalog-mobile-filter-trigger { display: contents; }
  .spc-ready-catalog .spc-catalog-mobile-filter-trigger > button { position: fixed; z-index: 40; bottom: calc(12px + env(safe-area-inset-bottom)); left: 50%; transform: translateX(-50%); display: flex; align-items: center; justify-content: center; gap: 8px; width: min(280px, calc(100% - 32px)); min-height: 46px; border-radius: 999px; border: 1px solid var(--premium-line); background: var(--premium-card); color: var(--premium-text); box-shadow: var(--shadow-card-hover); font-size: 14px; font-weight: 600; }
  .spc-ready-catalog .spc-ready-results-heading { display: block; padding: 0; background: transparent; margin-bottom: 12px; }
  .spc-ready-catalog .spc-ready-results-heading h2 { font-size: 14px; font-weight: 400; color: var(--premium-muted); }
  .spc-ready-catalog .spc-ready-results-heading :is(.spc-ready-catalog-eyebrow, .spc-ready-results-meta) { display: none; }
}
@media (max-width: 639px) {
  .spc-ready-catalog .spc-ready-display[data-view="list"] .spc-ready-card > a { grid-template-columns: 84px minmax(0, 1fr); gap: 6px 12px; padding: 16px; align-items: start; }
  :root[data-theme] .spc-ready-catalog .spc-ready-display[data-view="list"] .spc-ready-card-visual { width: 100%; min-width: 0; height: 110px; aspect-ratio: auto; grid-column: 1; grid-row: 1 / 4; }
  .spc-ready-display[data-view="list"] .spc-ready-card-visual > div.absolute { top: auto; bottom: 0; left: 0; gap: 2px; }
  :root[data-theme] .spc-ready-catalog .spc-ready-display[data-view="list"] .spc-ready-card-badge { padding: 3px 5px; font-size: 10px; }
  .spc-ready-display[data-view="list"] .spc-ready-card-body { display: contents; }
  .spc-ready-display[data-view="list"] .spc-ready-card-body > * { grid-column: 1 / -1; margin: 0; }
  .spc-ready-display[data-view="list"] .spc-ready-card-body > :is(.spc-ready-card-labels, h2, .rb-card-configuration) { grid-column: 2; }
  .spc-ready-display[data-view="list"] .spc-ready-card-labels { flex-wrap: wrap; gap: 4px; }
  .spc-ready-display[data-view="list"] .spc-ready-card-placeholder svg { width: 44px; height: 64px; }
  .spc-ready-display[data-view="list"] .spc-ready-card-placeholder span { font-size: 10px; text-align: center; }
  .spc-ready-catalog .spc-ready-display[data-view="list"] .spc-ready-card-body h2 { font-size: 18px; }
  .spc-ready-display[data-view="list"] .spc-ready-card-body dl { margin-top: 10px; }
  .spc-ready-display[data-view="list"] .spc-ready-card-body dl > div { grid-template-columns: 34px minmax(0, 1fr); gap: 8px; margin-block: 5px; }
  .spc-ready-display[data-view="list"] .spc-ready-card-body .rb-caption { margin-top: 12px; }
  .spc-ready-display[data-view="list"] .spc-ready-card-actions { padding: 0 16px 16px; }
}

/*!********************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[10].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[10].use[3]!./src/styles/content.css ***!
  \********************************************************************************************************************************************************************************************************************************************************************/
.spc-content-page { color: var(--premium-text, var(--color-foreground)); }
.spc-content-hero { max-width: 760px; padding: 18px 0 48px; }
.spc-content-eyebrow { color: var(--premium-accent, var(--color-accent)); font-size: 12px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; }
.spc-content-hero h1 { margin-top: 12px; font-size: clamp(38px, 6vw, 72px); font-weight: 600; letter-spacing: -2px; line-height: 1; }
.spc-content-hero > p:last-child { margin-top: 18px; max-width: 620px; color: var(--premium-muted, var(--color-muted)); font-size: 18px; line-height: 1.55; }
.spc-blog-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; }
.spc-blog-card { display: flex; min-width: 0; flex-direction: column; overflow: hidden; border: 1px solid var(--premium-line, var(--color-border)); border-radius: 14px; background: var(--premium-card, var(--color-surface)); transition: transform .2s ease, border-color .2s ease, box-shadow .2s ease; }
.spc-blog-card:hover { transform: translateY(-2px); border-color: var(--premium-accent, var(--color-accent)); box-shadow: 0 12px 30px rgba(0,0,0,.12); }
.spc-blog-card-cover, .spc-blog-card-placeholder { position: relative; height: 210px; background: var(--premium-section, var(--color-surface)); }
.spc-blog-card-cover img { -o-object-fit: cover; object-fit: cover; }
.spc-blog-card-placeholder { display: grid; place-items: center; color: var(--premium-accent, var(--color-accent)); font-size: 34px; font-weight: 700; letter-spacing: .1em; }
.spc-blog-card-body { display: grid; flex: 1; gap: 10px; padding: 20px; }
.spc-blog-card-body h2 { font-size: 20px; font-weight: 600; line-height: 1.25; }
.spc-blog-card-body p { color: var(--premium-muted, var(--color-muted)); font-size: 14px; line-height: 1.55; }
.spc-blog-card-body time, .spc-blog-article time { color: var(--premium-muted, var(--color-muted)); font-size: 12px; }
.spc-content-empty { padding: 48px; border: 1px dashed var(--premium-line, var(--color-border)); color: var(--premium-muted, var(--color-muted)); text-align: center; }
.spc-blog-article { max-width: 900px; margin-inline: auto; }
.spc-content-back { display: inline-block; color: var(--premium-accent, var(--color-accent)); font-size: 14px; }
.spc-blog-article header { padding: 36px 0 28px; }
.spc-blog-article h1 { margin-top: 12px; font-size: clamp(34px, 5vw, 64px); font-weight: 600; letter-spacing: -1.5px; line-height: 1.05; }
.spc-blog-article header time { display: block; margin-top: 16px; }
.spc-blog-article-cover { position: relative; height: min(52vw, 480px); overflow: hidden; border-radius: 16px; background: var(--premium-section, var(--color-surface)); }
.spc-blog-article-cover img { -o-object-fit: cover; object-fit: cover; }
.spc-blog-preview-cover { display: block; width: 100%; max-height: 480px; border-radius: 16px; -o-object-fit: cover; object-fit: cover; }
.spc-blog-article-content { padding: 38px 0; font-size: 18px; line-height: 1.75; }
.spc-blog-article-content p + p { margin-top: 22px; }
.spc-blog-article-content h2 { margin: 42px 0 16px; font-size: clamp(25px, 3vw, 36px); line-height: 1.15; }
.spc-blog-article-content figure { margin: 34px 0; }
.spc-blog-article-content figure img { display: block; width: 100%; height: auto; border: 1px solid var(--premium-line, var(--color-border)); border-radius: 14px; -o-object-fit: contain; object-fit: contain; }
.spc-blog-article-content figcaption { margin-top: 9px; color: var(--premium-muted, var(--color-muted)); font-size: 13px; }
.spc-blog-editor { display: grid; gap: 14px; }
.spc-blog-editor-heading { display: flex; justify-content: space-between; gap: 16px; padding: 18px; border: 1px solid var(--premium-line, var(--color-border)); border-radius: 12px; background: var(--premium-section, var(--color-surface)); }
.spc-blog-editor-heading h2 { font-size: 20px; font-weight: 600; }
.spc-blog-editor-heading p { margin-top: 4px; color: var(--premium-muted, var(--color-muted)); font-size: 13px; }
.spc-blog-block { display: grid; gap: 12px; padding: 14px; border: 1px solid var(--premium-line, var(--color-border)); border-radius: 12px; background: var(--premium-card, var(--color-surface)); }
.spc-blog-block-toolbar { display: flex; align-items: center; justify-content: space-between; gap: 12px; color: var(--premium-muted, var(--color-muted)); font-size: 13px; }
.spc-blog-block-actions { display: flex; flex-wrap: wrap; gap: 6px; }
.spc-blog-block-actions button, .spc-blog-insert button { min-height: 32px; padding: 5px 9px; border: 1px solid var(--premium-line, var(--color-border)); border-radius: 7px; background: transparent; color: inherit; font-size: 12px; }
.spc-blog-block-actions button:not(:disabled):hover, .spc-blog-insert button:hover { border-color: var(--premium-accent, var(--color-accent)); color: var(--premium-accent, var(--color-accent)); }
.spc-blog-block-actions button:disabled { opacity: .4; }
.spc-blog-block-actions .danger { color: #d66; }
.spc-blog-editor-input, .spc-blog-editor-textarea { width: 100%; border: 1px solid var(--premium-line, var(--color-border)); border-radius: 8px; background: var(--color-background); padding: 11px 12px; color: inherit; }
.spc-blog-editor-textarea { min-height: 130px; resize: vertical; line-height: 1.55; }
.spc-blog-image-editor { display: grid; gap: 10px; }
.spc-blog-image-editor img { width: 100%; max-height: 330px; border-radius: 10px; -o-object-fit: contain; object-fit: contain; background: var(--color-background); }
.spc-blog-image-empty { display: grid; min-height: 150px; place-items: center; border: 1px dashed var(--premium-line, var(--color-border)); border-radius: 10px; color: var(--premium-muted, var(--color-muted)); }
.spc-blog-upload { width: -moz-fit-content; width: fit-content; cursor: pointer; border: 1px solid var(--premium-accent, var(--color-accent)); border-radius: 8px; padding: 9px 12px; color: var(--premium-accent, var(--color-accent)); font-size: 13px; }
.spc-blog-upload input { position: absolute; width: 1px; height: 1px; opacity: 0; }
.spc-blog-insert { display: flex; align-items: center; gap: 8px; }
.spc-blog-insert span { height: 1px; flex: 1; background: var(--premium-line, var(--color-border)); }
.spc-blog-insert div { display: flex; flex-wrap: wrap; justify-content: center; gap: 5px; }
.spc-blog-add-first { border: 1px dashed var(--premium-line, var(--color-border)); border-radius: 9px; padding: 14px; color: var(--premium-accent, var(--color-accent)); }
.spc-support-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; }
.spc-support-card { min-height: 150px; padding: 22px; border: 1px solid var(--premium-line, var(--color-border)); border-radius: 12px; background: var(--premium-card, var(--color-surface)); }
.spc-support-card h2, .spc-support-faq h2, .spc-support-contact h2 { font-size: 22px; font-weight: 600; }
.spc-support-card p, .spc-support-contact p { margin-top: 10px; color: var(--premium-muted, var(--color-muted)); line-height: 1.55; }
.spc-support-faq { margin-top: 64px; }
.spc-support-faq h2 { margin-top: 10px; font-size: 34px; }
.spc-faq-list { margin-top: 18px; border-top: 1px solid var(--premium-line, var(--color-border)); }
.spc-faq-item { border-bottom: 1px solid var(--premium-line, var(--color-border)); }
.spc-faq-question { display: flex; width: 100%; align-items: center; justify-content: space-between; gap: 18px; padding: 18px 0; color: inherit; text-align: left; font-weight: 600; }
.spc-faq-question:focus-visible { outline: 2px solid var(--premium-accent, var(--color-accent)); outline-offset: 4px; }
.spc-faq-chevron { flex: 0 0 auto; color: var(--premium-accent, var(--color-accent)); font-size: 20px; transition: transform .2s ease; }
.spc-faq-item.is-open .spc-faq-chevron { transform: rotate(180deg); }
.spc-faq-answer { display: grid; grid-template-rows: 0fr; opacity: 0; transition: grid-template-rows .2s ease, opacity .2s ease; }
.spc-faq-answer p { max-width: 760px; min-height: 0; overflow: hidden; color: var(--premium-muted, var(--color-muted)); line-height: 1.6; }
.spc-faq-item.is-open .spc-faq-answer { grid-template-rows: 1fr; padding-bottom: 18px; opacity: 1; }
.spc-support-contact { display: flex; justify-content: space-between; gap: 24px; margin-top: 64px; padding: 28px; border: 1px solid var(--premium-line, var(--color-border)); border-radius: 14px; background: var(--premium-section, var(--color-surface)); }
.spc-support-contact-actions { display: flex; flex-direction: column; align-items: flex-end; justify-content: center; gap: 12px; white-space: nowrap; }
.spc-support-contact-actions a:first-child { font-size: 18px; font-weight: 600; }
.spc-support-contact-actions a:last-child { color: var(--premium-accent, var(--color-accent)); }
.spc-info-cards { margin-bottom: 52px; }
.spc-info-cards .spc-support-card h2 { color: var(--premium-accent, var(--color-accent)); font-size: 20px; }
.spc-info-section { margin-top: 42px; }
.spc-info-section h2 { margin-bottom: 14px; font-size: clamp(23px, 3vw, 30px); font-weight: 600; line-height: 1.2; }
.spc-info-section p, .spc-info-section li { color: var(--premium-muted, var(--color-muted)); line-height: 1.7; }
.spc-info-section p + p { margin-top: 12px; }
.spc-info-section ol, .spc-info-section ul { display: grid; gap: 10px; padding-left: 24px; }
.spc-info-section ol { list-style: decimal; }
.spc-info-section ul { list-style: disc; }
.spc-info-section strong { color: var(--premium-text, var(--color-foreground)); }
.spc-info-cta { display: flex; align-items: center; justify-content: space-between; gap: 24px; margin-top: 52px; padding: 26px; border: 1px solid var(--premium-line, var(--color-border)); border-radius: 14px; background: var(--premium-section, var(--color-surface)); }
.spc-info-cta h2 { font-size: 24px; font-weight: 600; }
.spc-info-cta p { margin-top: 10px; max-width: 640px; color: var(--premium-muted, var(--color-muted)); line-height: 1.6; }
.spc-info-cta-button { display: inline-flex; min-height: 48px; flex: 0 0 auto; align-items: center; justify-content: center; border-radius: 9px; padding: 0 18px; background: var(--premium-accent, var(--color-accent)); color: var(--color-accent-foreground); font-weight: 600; text-align: center; }
.spc-info-cta [role="status"] { max-width: 320px; color: var(--premium-muted, var(--color-muted)); }
.spc-about-page { max-width: 1120px; }
.spc-about-hero { max-width: 920px; padding-top: 20px; padding-bottom: 56px; }
.spc-about-hero h1 { font-size: clamp(42px, 7vw, 76px); }
.spc-about-hero .spc-about-lead { max-width: 800px; margin-top: 22px; color: var(--premium-text, var(--color-foreground)); font-size: clamp(22px, 3vw, 32px); font-weight: 500; line-height: 1.3; letter-spacing: -.025em; }
.spc-about-hero .spc-about-intro { max-width: 760px; margin-top: 14px; color: var(--premium-muted, var(--color-muted)); font-size: 17px; line-height: 1.7; }
.spc-about-actions { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 28px; }
.spc-about-button { display: inline-flex; min-height: 48px; align-items: center; justify-content: center; border: 1px solid var(--premium-line, var(--color-border)); border-radius: 9px; padding: 0 17px; color: var(--premium-text, var(--color-foreground)); font-size: 14px; font-weight: 600; text-align: center; transition: border-color .15s ease, background-color .15s ease; }
.spc-about-button:hover { border-color: var(--premium-accent, var(--color-accent)); }
.spc-about-button-primary { border-color: var(--premium-accent, var(--color-accent)); background: var(--premium-accent, var(--color-accent)); color: var(--color-accent-foreground); }
.spc-about-button-primary:hover { filter: brightness(1.08); }
.spc-about-section { margin-top: 36px; }
.spc-about-section-heading { max-width: 720px; margin-bottom: 20px; }
.spc-about-section h2, .spc-about-final h2 { margin-top: 9px; font-size: clamp(27px, 3.4vw, 38px); font-weight: 600; letter-spacing: -.025em; line-height: 1.15; }
.spc-about-offer-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; }
.spc-about-offer-card { display: flex; min-width: 0; min-height: 215px; flex-direction: column; align-items: flex-start; border: 1px solid var(--premium-line, var(--color-border)); border-radius: 13px; padding: 22px; background: var(--premium-card, var(--color-surface)); }
.spc-about-card-number { color: var(--premium-accent, var(--color-accent)); font-size: 12px; font-weight: 700; letter-spacing: .12em; }
.spc-about-offer-card h3 { margin-top: 22px; font-size: 20px; font-weight: 600; line-height: 1.25; }
.spc-about-offer-card p { margin-top: 9px; color: var(--premium-muted, var(--color-muted)); font-size: 14px; line-height: 1.6; }
.spc-about-card-link, .spc-about-inline-link { display: inline-flex; align-items: center; gap: 5px; margin-top: auto; padding-top: 18px; color: var(--premium-accent, var(--color-accent)); font-size: 14px; font-weight: 600; }
.spc-about-card-link span, .spc-about-inline-link span { transition: transform .15s ease; }
.spc-about-card-link:hover span, .spc-about-inline-link:hover span { transform: translateX(3px); }
.spc-about-system, .spc-about-upgrade, .spc-about-delivery { display: grid; grid-template-columns: minmax(0, .85fr) minmax(0, 1.15fr); gap: 36px; align-items: start; border-top: 1px solid var(--premium-line, var(--color-border)); padding-top: 30px; }
.spc-about-system-copy, .spc-about-use-cases { color: var(--premium-muted, var(--color-muted)); line-height: 1.7; }
.spc-about-system-copy p + p, .spc-about-use-cases p + p { margin-top: 12px; }
.spc-about-system-copy .spc-about-inline-link { margin-top: 8px; }
.spc-about-final { margin-top: 56px; border: 1px solid var(--premium-line, var(--color-border)); border-radius: 15px; padding: clamp(22px, 4vw, 38px); background: var(--premium-section, var(--color-surface)); }
.spc-about-final h2 { max-width: 760px; }
.spc-about-final > p:not(.spc-content-eyebrow) { max-width: 740px; margin-top: 14px; color: var(--premium-muted, var(--color-muted)); line-height: 1.7; }
.spc-delivery-benefits { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; }
.spc-delivery-benefits .spc-about-offer-card { min-height: 185px; }
.spc-delivery-benefits h2 { margin-top: 22px; font-size: 20px; font-weight: 600; line-height: 1.25; }
.spc-delivery-benefits p { margin-top: 9px; color: var(--premium-muted, var(--color-muted)); font-size: 14px; line-height: 1.6; }
.spc-delivery-section { margin-top: 46px; }
.spc-delivery-steps { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; counter-reset: delivery-step; }
.spc-delivery-step { display: flex; min-width: 0; gap: 14px; border: 1px solid var(--premium-line, var(--color-border)); border-radius: 12px; padding: 18px; background: var(--premium-card, var(--color-surface)); }
.spc-delivery-step:last-child { grid-column: 1 / -1; }
.spc-delivery-step-number { display: grid; width: 34px; height: 34px; flex: 0 0 34px; place-items: center; border-radius: 50%; background: var(--premium-accent, var(--color-accent)); color: var(--color-accent-foreground); font-size: 14px; font-weight: 700; }
.spc-delivery-step h3 { font-weight: 600; line-height: 1.35; }
.spc-delivery-step p { margin-top: 6px; color: var(--premium-muted, var(--color-muted)); font-size: 14px; line-height: 1.55; }
.spc-delivery-steps + .spc-about-inline-link { margin-top: 14px; }
.spc-delivery-payments { display: flex; flex-wrap: wrap; gap: 9px; padding: 0; list-style: none; }
.spc-delivery-payments li { border: 1px solid var(--premium-line, var(--color-border)); border-radius: 999px; padding: 10px 15px; background: var(--premium-card, var(--color-surface)); color: var(--premium-text, var(--color-foreground)); font-size: 14px; font-weight: 600; }
.spc-delivery-note { max-width: 820px; margin-top: 17px; color: var(--premium-muted, var(--color-muted)); line-height: 1.65; }
.spc-delivery-build-button { margin-top: 14px; }
.spc-delivery-contact { margin-top: 48px; }
.spc-contact-options { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; }
.spc-contact-card { display: flex; min-width: 0; min-height: 225px; flex-direction: column; align-items: flex-start; border: 1px solid var(--premium-line, var(--color-border)); border-radius: 13px; padding: 22px; background: var(--premium-card, var(--color-surface)); }
.spc-contact-card h2 { margin-top: 18px; font-size: 20px; font-weight: 600; line-height: 1.25; }
.spc-contact-card p { margin-top: 9px; color: var(--premium-muted, var(--color-muted)); font-size: 14px; line-height: 1.6; }
.spc-contact-card .spc-about-card-link { padding-top: 14px; }
.spc-contact-details { display: grid; grid-template-columns: minmax(0, .8fr) minmax(0, 1.2fr); gap: 14px; align-items: stretch; }
.spc-contact-email-card, .spc-contact-business-card { min-width: 0; border: 1px solid var(--premium-line, var(--color-border)); border-radius: 13px; padding: 24px; background: var(--premium-card, var(--color-surface)); }
.spc-contact-email-card h2, .spc-contact-business-card h2 { margin-top: 10px; font-size: 22px; font-weight: 600; line-height: 1.3; }
.spc-contact-email { display: inline-block; margin-top: 18px; color: var(--premium-accent, var(--color-accent)); font-size: clamp(16px, 2vw, 20px); font-weight: 600; overflow-wrap: anywhere; }
.spc-contact-business-card dl { display: grid; gap: 14px; margin-top: 18px; }
.spc-contact-business-card dl > div { display: grid; grid-template-columns: minmax(100px, .35fr) minmax(0, .65fr); gap: 12px; }
.spc-contact-business-card dt { color: var(--premium-muted, var(--color-muted)); font-size: 14px; }
.spc-contact-business-card dd { min-width: 0; font-weight: 500; line-height: 1.55; overflow-wrap: anywhere; }
.spc-contact-business-card dd a { color: var(--premium-accent, var(--color-accent)); }
.spc-contact-note { margin-top: 20px; border-top: 1px solid var(--premium-line, var(--color-border)); padding-top: 14px; color: var(--premium-muted, var(--color-muted)); font-size: 13px; line-height: 1.6; }
.spc-faq-page { margin-top: 4px; }
.spc-faq-page .spc-faq-question { min-height: 58px; font-size: 16px; }
.spc-faq-page .spc-faq-answer a { color: var(--premium-accent, var(--color-accent)); text-decoration: underline; text-underline-offset: 3px; }
.spc-faq-page .spc-faq-answer a:hover { text-decoration-thickness: 2px; }
.spc-faq-cta { margin-top: 42px; }
@media (max-width: 767px) { .spc-about-offer-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } .spc-about-offer-card { min-height: 205px; padding: 18px; } .spc-about-system, .spc-about-upgrade, .spc-about-delivery { grid-template-columns: minmax(0, 1fr); gap: 14px; } }
@media (max-width: 639px) { .spc-about-hero { padding-bottom: 40px; } .spc-about-hero .spc-about-lead { font-size: 22px; } .spc-about-hero .spc-about-intro { font-size: 16px; } .spc-about-actions { flex-direction: column; } .spc-about-button { width: 100%; } .spc-about-offer-grid { grid-template-columns: minmax(0, 1fr); } .spc-about-offer-card { min-height: 0; } .spc-about-offer-card h3 { margin-top: 15px; } .spc-about-card-link { padding-top: 12px; } .spc-about-section { margin-top: 30px; } .spc-about-final { margin-top: 40px; } }
@media (max-width: 767px) { .spc-delivery-benefits { grid-template-columns: repeat(2, minmax(0, 1fr)); } .spc-delivery-benefits .spc-about-offer-card:last-child { grid-column: 1 / -1; min-height: 0; } .spc-delivery-steps { grid-template-columns: minmax(0, 1fr); } .spc-delivery-step:last-child { grid-column: auto; } }
@media (max-width: 639px) { .spc-delivery-benefits { grid-template-columns: minmax(0, 1fr); } .spc-delivery-benefits .spc-about-offer-card { min-height: 0; } .spc-delivery-benefits h2 { margin-top: 14px; } .spc-delivery-steps { gap: 9px; } .spc-delivery-step { gap: 11px; padding: 15px; } .spc-delivery-payments { gap: 7px; } .spc-delivery-payments li { padding: 9px 12px; font-size: 13px; } }
@media (max-width: 767px) { .spc-contact-details { grid-template-columns: minmax(0, 1fr); } }
@media (max-width: 639px) { .spc-contact-options { grid-template-columns: minmax(0, 1fr); } .spc-contact-card { min-height: 0; padding: 19px; } .spc-contact-business-card dl > div { grid-template-columns: minmax(0, 1fr); gap: 4px; } .spc-faq-page .spc-faq-question { min-height: 56px; gap: 12px; padding-block: 16px; font-size: 15px; } .spc-faq-page .spc-faq-answer p { line-height: 1.65; } }
@media (prefers-reduced-motion: reduce) { .spc-about-button, .spc-about-card-link span, .spc-about-inline-link span { transition: none; } }
@media (max-width: 1023px) { .spc-blog-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } .spc-support-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 639px) { .spc-content-hero { padding-bottom: 32px; } .spc-blog-grid, .spc-support-grid { grid-template-columns: minmax(0, 1fr); } .spc-blog-card-cover, .spc-blog-card-placeholder { height: 180px; } .spc-blog-article-content { font-size: 16px; } .spc-support-contact, .spc-info-cta { align-items: stretch; flex-direction: column; } .spc-support-contact-actions { align-items: flex-start; } .spc-info-cta-button { width: 100%; } .spc-blog-block-toolbar { align-items: flex-start; flex-direction: column; } .spc-blog-insert { align-items: stretch; flex-direction: column; } .spc-blog-insert span { width: 100%; } .spc-blog-insert div { justify-content: flex-start; } }
@media (prefers-reduced-motion: reduce) { .spc-blog-card, .spc-faq-chevron, .spc-faq-answer { transition: none; } .spc-blog-card:hover { transform: none; } }

/* Shared commercial page system: quieter surfaces, stronger hierarchy, and consistent responsive rhythm. */
.spc-about-page, .spc-commercial-info-page { max-width: 1200px; }
.spc-about-hero, .spc-commercial-hero { position: relative; max-width: 980px; padding: 28px clamp(18px, 3.5vw, 42px) 46px; border-radius: 24px; background: radial-gradient(ellipse at 12% 0%, color-mix(in srgb, var(--premium-accent, var(--color-accent)) 8%, transparent), transparent 52%), linear-gradient(125deg, var(--premium-section, var(--color-surface)), transparent 76%); }
.spc-commercial-hero { max-width: 100%; padding-inline: 20px; }
.spc-about-hero .spc-content-eyebrow, .spc-commercial-hero .spc-content-eyebrow { color: var(--premium-muted, var(--color-muted)); font-size: 11px; font-weight: 600; letter-spacing: .08em; }
.spc-about-hero h1, .spc-commercial-hero h1 { max-width: 900px; font-size: clamp(40px, 6vw, 68px); line-height: 1.04; letter-spacing: -.045em; overflow-wrap: anywhere; }
.spc-commercial-hero > p:last-child { max-width: 790px; margin-top: 18px; font-size: clamp(18px, 2.2vw, 21px); line-height: 1.65; }
.spc-about-lead { max-width: 820px; }
.spc-about-intro { max-width: 790px; }
.spc-about-section { margin-top: clamp(38px, 6vw, 68px); }
.spc-about-section-heading h2, .spc-about-section > div:first-child h2 { max-width: 780px; }
.spc-about-offer-card, .spc-contact-card { border-color: color-mix(in srgb, var(--premium-line, var(--color-border)) 65%, transparent); border-radius: 18px; background: linear-gradient(145deg, var(--premium-card, var(--color-surface)), color-mix(in srgb, var(--premium-section, var(--color-surface)) 60%, transparent)); transition: transform .2s ease, border-color .2s ease, background-color .2s ease; }
.spc-about-offer-card:hover, .spc-contact-card:hover { transform: translateY(-2px); border-color: var(--premium-accent, var(--color-accent)); }
.spc-about-card-number { color: var(--premium-muted, var(--color-muted)); font-size: 11px; letter-spacing: .1em; }
.spc-about-offer-card h3, .spc-contact-card h2 { margin-top: auto; padding-top: 28px; font-size: 21px; letter-spacing: -.02em; }
.spc-about-offer-card p, .spc-contact-card p { font-size: 15px; }
.spc-about-system, .spc-about-upgrade, .spc-about-delivery { gap: clamp(24px, 5vw, 64px); border-color: color-mix(in srgb, var(--premium-line, var(--color-border)) 75%, transparent); }
.spc-about-system-copy, .spc-about-use-cases { max-width: 700px; font-size: 16px; }
.spc-about-final, .spc-info-cta { border: 0; border-radius: 20px; background: linear-gradient(120deg, var(--premium-section, var(--color-surface)), color-mix(in srgb, var(--premium-accent, var(--color-accent)) 5%, var(--premium-section, var(--color-surface)))); }
.spc-about-final { padding: clamp(24px, 5vw, 48px); }
.spc-about-button, .spc-info-cta-button { min-height: 50px; border-radius: 11px; transition: transform .18s ease, filter .18s ease, border-color .18s ease; }
.spc-commercial-info-page .spc-info-cta-button { color: var(--color-accent-foreground); }
.spc-about-button:hover, .spc-info-cta-button:hover { transform: translateY(-1px); }
.spc-delivery-benefits { gap: 0; margin-top: 8px; border-block: 1px solid color-mix(in srgb, var(--premium-line, var(--color-border)) 75%, transparent); }
.spc-delivery-benefits .spc-about-offer-card { min-height: 0; border: 0; border-radius: 0; padding: 24px clamp(16px, 2.5vw, 30px); background: transparent; }
.spc-delivery-benefits .spc-about-offer-card + .spc-about-offer-card { border-left: 1px solid color-mix(in srgb, var(--premium-line, var(--color-border)) 70%, transparent); }
.spc-delivery-benefits .spc-about-card-number { display: none; }
.spc-delivery-benefits h2 { margin: 0; font-size: 17px; letter-spacing: -.015em; }
.spc-delivery-benefits p { font-size: 14px; }
.spc-delivery-steps { position: relative; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 0; padding-top: 8px; }
.spc-delivery-steps::before { position: absolute; top: 25px; right: 8%; left: 8%; height: 1px; background: var(--premium-line, var(--color-border)); content: ""; }
.spc-delivery-step { position: relative; z-index: 1; display: block; border: 0; border-radius: 0; padding: 0 14px 0 0; background: transparent; }
.spc-delivery-step:last-child { grid-column: auto; }
.spc-delivery-step-number { width: 36px; height: 36px; margin-bottom: 18px; border: 1px solid var(--premium-line, var(--color-border)); background: var(--premium-section, var(--color-surface)); color: var(--premium-text, var(--color-foreground)); }
.spc-delivery-step h3 { font-size: 15px; }
.spc-delivery-step p { font-size: 13px; }
.spc-delivery-payments { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; }
.spc-delivery-payments li { display: flex; min-height: 72px; align-items: center; gap: 13px; border: 1px solid color-mix(in srgb, var(--premium-line, var(--color-border)) 70%, transparent); border-radius: 14px; padding: 13px 16px; background: var(--premium-section, var(--color-surface)); }
.spc-delivery-payments li::before { display: grid; width: 34px; height: 34px; flex: 0 0 34px; place-items: center; border-radius: 10px; background: color-mix(in srgb, var(--premium-accent, var(--color-accent)) 9%, var(--premium-section, var(--color-surface))); color: var(--premium-accent, var(--color-accent)); content: "₽"; font-size: 13px; font-weight: 700; }
.spc-delivery-payments li:nth-child(2)::before { content: "▭"; }
.spc-delivery-payments li:nth-child(3)::before { content: "ЕР"; font-size: 10px; }
.spc-delivery-payments li:nth-child(4)::before { content: "↗"; }
.spc-delivery-payments li:nth-child(5)::before { content: "%"; }
.spc-delivery-payments li:nth-child(6)::before { content: "+"; }
.spc-delivery-note { max-width: 900px; }
.spc-delivery-section .spc-about-system-copy { padding-top: 3px; }
.spc-delivery-build-button { margin-top: 22px; }
.spc-contact-options { gap: 12px; }
.spc-contact-card { min-height: 200px; }
.spc-contact-email-card, .spc-contact-business-card { border: 0; border-radius: 18px; padding: clamp(21px, 3vw, 32px); background: var(--premium-section, var(--color-surface)); }
.spc-contact-email-card { background: linear-gradient(135deg, color-mix(in srgb, var(--premium-accent, var(--color-accent)) 9%, var(--premium-section, var(--color-surface))), var(--premium-section, var(--color-surface)) 70%); }
.spc-contact-business-card dl { gap: 12px; }
.spc-contact-business-card dl > div { grid-template-columns: minmax(105px, .3fr) minmax(0, .7fr); }
.spc-faq-page .spc-faq-list { border-top: 1px solid color-mix(in srgb, var(--premium-line, var(--color-border)) 75%, transparent); }
.spc-faq-page .spc-faq-item { border-bottom-color: color-mix(in srgb, var(--premium-line, var(--color-border)) 75%, transparent); }
.spc-faq-page .spc-faq-question { min-height: 68px; padding-inline: 8px; font-size: 16px; font-weight: 550; }
.spc-faq-page .spc-faq-chevron { color: var(--premium-muted, var(--color-muted)); }
.spc-faq-page .spc-faq-answer p { max-width: 800px; font-size: 15px; line-height: 1.75; }
.spc-faq-page .spc-faq-cta { margin-top: 44px; }
.spc-commercial-info-page .spc-info-section { margin-top: 40px; border-top: 1px solid color-mix(in srgb, var(--premium-line, var(--color-border)) 70%, transparent); padding-top: 26px; }
.spc-commercial-info-page .spc-info-section h2 { max-width: 780px; font-size: clamp(25px, 3.2vw, 34px); letter-spacing: -.025em; }
.spc-commercial-info-page .spc-info-section p, .spc-commercial-info-page .spc-info-section li { font-size: 16px; }
.spc-commercial-info-page .spc-info-cards { gap: 0; grid-template-columns: repeat(4, minmax(0, 1fr)); margin-bottom: 24px; border-block: 1px solid color-mix(in srgb, var(--premium-line, var(--color-border)) 75%, transparent); }
.spc-commercial-info-page .spc-info-cards .spc-support-card { min-height: 145px; border: 0; border-radius: 0; padding: 20px 16px; background: transparent; }
.spc-commercial-info-page .spc-info-cards .spc-support-card + .spc-support-card { border-left: 1px solid color-mix(in srgb, var(--premium-line, var(--color-border)) 70%, transparent); }
.spc-commercial-info-page .spc-info-cards .spc-support-card h2 { margin-bottom: 10px; color: var(--premium-text, var(--color-foreground)); font-size: 16px; }
.spc-commercial-info-page .spc-info-cards .spc-support-card p { color: var(--premium-muted, var(--color-muted)); font-size: 14px; }
.spc-commercial-info-page .spc-info-section ol { position: relative; gap: 0; padding: 0; list-style: none; counter-reset: commercial-step; }
.spc-commercial-info-page .spc-info-section ol li { position: relative; min-height: 52px; margin-left: 17px; border-left: 1px solid var(--premium-line, var(--color-border)); padding: 0 0 18px 32px; list-style: none; counter-increment: commercial-step; }
.spc-commercial-info-page .spc-info-section ol li::before { position: absolute; top: -2px; left: -17px; display: grid; width: 33px; height: 33px; place-items: center; border: 1px solid var(--premium-line, var(--color-border)); border-radius: 50%; background: var(--premium-section, var(--color-surface)); color: var(--premium-text, var(--color-foreground)); content: counter(commercial-step, decimal-leading-zero); font-size: 11px; font-weight: 650; }
.spc-commercial-info-page .spc-info-cta { margin-top: 42px; padding: clamp(22px, 4vw, 38px); }
.spc-commercial-warranty .spc-info-cards { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.spc-commercial-warranty .spc-info-cards .spc-support-card:first-child { grid-column: 1 / -1; display: flex; min-height: 108px; align-items: center; justify-content: space-between; gap: 24px; border-bottom: 1px solid color-mix(in srgb, var(--premium-line, var(--color-border)) 70%, transparent); }
.spc-commercial-warranty .spc-info-cards .spc-support-card:first-child h2 { margin: 0; color: var(--premium-text, var(--color-foreground)); font-size: clamp(25px, 4vw, 38px); letter-spacing: -.04em; }
.spc-commercial-warranty .spc-info-cards .spc-support-card:first-child p { max-width: 370px; }
.spc-commercial-trade-in .spc-info-section:nth-of-type(2) ul { display: flex; flex-wrap: wrap; gap: 8px; padding: 0; list-style: none; }
.spc-commercial-trade-in .spc-info-section:nth-of-type(2) ul li { border: 1px solid color-mix(in srgb, var(--premium-line, var(--color-border)) 75%, transparent); border-radius: 999px; padding: 8px 13px; background: var(--premium-section, var(--color-surface)); font-size: 14px; }
@media (max-width: 900px) { .spc-delivery-steps { grid-template-columns: repeat(3, minmax(0, 1fr)); row-gap: 26px; } .spc-delivery-steps::before { display: none; } .spc-commercial-info-page .spc-info-cards { grid-template-columns: repeat(2, minmax(0, 1fr)); } .spc-commercial-info-page .spc-info-cards .spc-support-card:nth-child(3) { border-left: 0; } }
@media (max-width: 767px) { .spc-delivery-benefits { grid-template-columns: minmax(0, 1fr); } .spc-delivery-benefits .spc-about-offer-card { padding: 17px 4px; } .spc-delivery-benefits .spc-about-offer-card + .spc-about-offer-card { border-top: 1px solid color-mix(in srgb, var(--premium-line, var(--color-border)) 70%, transparent); border-left: 0; } .spc-delivery-steps { grid-template-columns: repeat(2, minmax(0, 1fr)); } .spc-delivery-step { padding-right: 8px; } .spc-delivery-payments { grid-template-columns: repeat(2, minmax(0, 1fr)); } .spc-contact-details { grid-template-columns: minmax(0, 1fr); } }
@media (max-width: 639px) { .spc-about-hero, .spc-commercial-hero { border-radius: 18px; padding: 20px 16px 34px; } .spc-commercial-hero { padding-inline: 16px; } .spc-about-hero h1, .spc-commercial-hero h1 { font-size: clamp(37px, 10vw, 50px); letter-spacing: -.04em; } .spc-about-actions { flex-direction: column; } .spc-about-button { width: 100%; } .spc-delivery-steps { grid-template-columns: minmax(0, 1fr); gap: 0; margin-left: 17px; padding-left: 0; } .spc-delivery-step { display: flex; gap: 13px; min-height: 76px; border-left: 1px solid var(--premium-line, var(--color-border)); padding: 0 0 19px 0; } .spc-delivery-step-number { margin: 0 0 0 -18px; } .spc-delivery-step h3 { padding-top: 2px; } .spc-delivery-step p { margin-top: 5px; } .spc-delivery-payments { gap: 8px; } .spc-delivery-payments li { min-height: 66px; gap: 9px; padding: 10px; font-size: 13px; } .spc-delivery-payments li::before { width: 30px; height: 30px; flex-basis: 30px; } .spc-contact-options { grid-template-columns: minmax(0, 1fr); } .spc-contact-card { min-height: 0; } .spc-contact-business-card dl > div { grid-template-columns: minmax(0, 1fr); gap: 4px; } .spc-commercial-info-page .spc-info-cards { grid-template-columns: minmax(0, 1fr); } .spc-commercial-info-page .spc-info-cards .spc-support-card { min-height: 0; padding: 16px 4px; } .spc-commercial-info-page .spc-info-cards .spc-support-card + .spc-support-card { border-top: 1px solid color-mix(in srgb, var(--premium-line, var(--color-border)) 70%, transparent); border-left: 0; } .spc-commercial-warranty .spc-info-cards .spc-support-card:first-child { grid-column: auto; display: block; border-bottom: 0; } .spc-commercial-warranty .spc-info-cards .spc-support-card:first-child h2 { font-size: 30px; } .spc-commercial-info-page .spc-info-cards .spc-support-card:first-child { border-top: 0; } .spc-faq-page .spc-faq-question { min-height: 58px; gap: 12px; padding-inline: 4px; font-size: 15px; } .spc-faq-page .spc-faq-answer p { font-size: 14px; } .spc-commercial-info-page .spc-info-section ol li { padding-left: 27px; } }
@media (prefers-reduced-motion: reduce) { .spc-about-offer-card, .spc-contact-card, .spc-about-button, .spc-info-cta-button { transition: none; } .spc-about-offer-card:hover, .spc-contact-card:hover, .spc-about-button:hover, .spc-info-cta-button:hover { transform: none; } }

/* Shared information-page spacing and action colors. */
:root { --spc-primary-cta: #1769e0; }
.spc-about-page, .spc-commercial-info-page { --spc-page-section-gap: clamp(56px, 5vw, 76px); --spc-page-prose-width: 840px; }
.spc-about-section { margin-top: var(--spc-page-section-gap); }
.spc-about-page > header + .spc-about-section { margin-top: 38px; }
.spc-about-final { margin-top: var(--spc-page-section-gap); }
.spc-delivery-benefits { gap: 14px; margin-top: 30px; border: 0; }
.spc-delivery-benefits .spc-about-offer-card { min-height: 0; border: 0; border-radius: 15px; padding: 21px 20px; background: var(--premium-section, var(--color-surface)); }
.spc-delivery-benefits .spc-about-offer-card + .spc-about-offer-card { border: 0; }
.spc-delivery-benefits h2 { margin: 0; font-size: 17px; }
.spc-delivery-benefits p { margin-top: 8px; }
.spc-delivery-benefits + .spc-delivery-section { margin-top: var(--spc-page-section-gap); }
.spc-delivery-section { margin-top: var(--spc-page-section-gap); }
.spc-delivery-section .spc-about-system-copy { max-width: var(--spc-page-prose-width); }
.spc-delivery-section .spc-about-system-copy p + p { margin-top: 15px; }
.spc-about-section-heading { margin-bottom: 27px; }
.spc-delivery-steps + .spc-about-inline-link { margin-top: 25px; }
.spc-delivery-steps { padding-top: 12px; }
.spc-delivery-step-number { margin-bottom: 22px; }
.spc-delivery-contact { margin-top: var(--spc-page-section-gap); padding-block: clamp(22px, 3vw, 32px); }
.spc-delivery-contact h2 { margin-top: 10px; }
.spc-delivery-contact .spc-about-actions { margin-top: 22px; }
.spc-contact-options { margin-top: 34px; }
.spc-contact-details { margin-top: var(--spc-page-section-gap); }
.spc-commercial-info-page .spc-content-hero { padding-bottom: 28px; }
.spc-commercial-info-page .spc-info-cards { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; margin-top: 32px; margin-bottom: 0; border: 0; }
.spc-commercial-info-page .spc-info-cards .spc-support-card { min-height: 0; border: 0; border-radius: 15px; padding: 20px; background: var(--premium-section, var(--color-surface)); }
.spc-commercial-info-page .spc-info-cards .spc-support-card + .spc-support-card { border: 0; }
.spc-commercial-info-page .spc-info-cards .spc-support-card h2 { margin: 0 0 10px; color: var(--premium-text, var(--color-foreground)); }
.spc-commercial-info-page .spc-info-section { max-width: var(--spc-page-prose-width); margin-top: var(--spc-page-section-gap); border-top: 0; padding-top: 0; }
.spc-commercial-info-page .spc-info-section h2 { margin-bottom: 18px; }
.spc-commercial-info-page .spc-info-section > p, .spc-commercial-info-page .spc-info-section > ol, .spc-commercial-info-page .spc-info-section > ul { max-width: var(--spc-page-prose-width); }
.spc-commercial-info-page .spc-info-section p + p { margin-top: 15px; }
.spc-commercial-info-page .spc-info-section ol { gap: 0; }
.spc-commercial-info-page .spc-info-section ol li { margin-bottom: 6px; }
.spc-commercial-trade-in .spc-info-section:nth-of-type(2) ul { gap: 9px 10px; }
.spc-commercial-trade-in .spc-info-section .spc-info-section-copy, .spc-commercial-trade-in .spc-info-section > p { max-width: var(--spc-page-prose-width); }
.spc-commercial-warranty .spc-info-cards { row-gap: 26px; }
.spc-commercial-warranty .spc-info-cards .spc-support-card:first-child { min-height: 0; margin-bottom: 2px; border: 0; border-radius: 15px; padding: 19px 24px; background: var(--premium-section, var(--color-surface)); }
.spc-commercial-warranty .spc-info-cards .spc-support-card:first-child h2 { font-size: clamp(27px, 3vw, 34px); }
.spc-commercial-warranty .spc-info-cards .spc-support-card:not(:first-child) { padding: 2px 12px; background: transparent; }
.spc-commercial-warranty .spc-info-cards .spc-support-card:not(:first-child) h2 { font-size: 16px; }
.spc-commercial-warranty .spc-info-cards .spc-support-card:not(:first-child) p { margin-top: 8px; }
.spc-commercial-warranty .spc-info-section { margin-top: var(--spc-page-section-gap); }
.spc-commercial-trade-in .spc-info-section ol { max-width: 840px; }
.spc-commercial-trade-in .spc-info-section ol li { max-width: 800px; }
.spc-commercial-faq .spc-faq-page { margin-top: 34px; }
.spc-faq-page .spc-faq-list { margin-top: 0; }
.spc-faq-page .spc-faq-question { min-height: 66px; padding: 17px 8px; transition: color .18s ease; }
.spc-faq-page .spc-faq-question:hover { color: var(--premium-accent, var(--color-accent)); }
.spc-faq-page .spc-faq-question:focus-visible { border-radius: 5px; outline: 2px solid var(--spc-primary-cta); outline-offset: 3px; }
.spc-faq-page .spc-faq-chevron { display: grid; width: 28px; height: 28px; place-items: center; }
.spc-faq-page .spc-faq-item.is-open .spc-faq-answer { padding-top: 3px; padding-bottom: 20px; }
.spc-about-button:not(.spc-about-button-primary) { background: var(--premium-section, var(--color-surface)); }
.spc-about-button:not(.spc-about-button-primary):hover { border-color: var(--spc-primary-cta); color: var(--premium-text, var(--color-foreground)); }
.spc-contact-email { display: inline-flex; min-height: 48px; align-items: center; border-radius: 11px; padding: 10px 15px; background: var(--spc-primary-cta); color: #fff; font-size: 16px; box-shadow: inset 0 1px 0 rgb(255 255 255 / 14%); }
.spc-contact-email:hover { background: color-mix(in srgb, var(--spc-primary-cta) 98%, white); color: #fff; }
.spc-contact-email:focus-visible { outline: 3px solid color-mix(in srgb, var(--spc-primary-cta) 45%, white); outline-offset: 3px; }
.spc-about-button-primary, .spc-commercial-info-page .spc-info-cta-button { border: 1px solid color-mix(in srgb, var(--spc-primary-cta) 78%, white); background: var(--spc-primary-cta); color: #fff; box-shadow: inset 0 1px 0 rgb(255 255 255 / 14%); transition: background-color .18s ease, border-color .18s ease, transform .18s ease, box-shadow .18s ease; }
.spc-about-button-primary:hover, .spc-commercial-info-page .spc-info-cta-button:hover { border-color: color-mix(in srgb, var(--spc-primary-cta) 58%, white); background: color-mix(in srgb, var(--spc-primary-cta) 98%, white); color: #fff; box-shadow: 0 4px 12px rgb(23 105 224 / 18%), inset 0 1px 0 rgb(255 255 255 / 16%); }
.spc-about-button-primary:active, .spc-commercial-info-page .spc-info-cta-button:active { background: color-mix(in srgb, var(--spc-primary-cta) 88%, black); }
.spc-about-button-primary:focus-visible, .spc-commercial-info-page .spc-info-cta-button:focus-visible { outline: 3px solid color-mix(in srgb, var(--spc-primary-cta) 45%, white); outline-offset: 3px; }
@media (max-width: 900px) { .spc-commercial-info-page .spc-info-cards { grid-template-columns: repeat(2, minmax(0, 1fr)); } .spc-commercial-warranty .spc-info-cards .spc-support-card:first-child { grid-column: 1 / -1; } }
@media (max-width: 639px) { .spc-about-page, .spc-commercial-info-page { --spc-page-section-gap: 48px; } .spc-about-page > header + .spc-about-section { margin-top: 30px; } .spc-delivery-benefits { margin-top: 22px; } .spc-delivery-benefits .spc-about-offer-card { padding: 16px 17px; } .spc-delivery-benefits .spc-about-offer-card + .spc-about-offer-card { border-top: 0; } .spc-delivery-section { margin-top: var(--spc-page-section-gap); } .spc-delivery-steps { padding-top: 0; } .spc-delivery-step-number { margin: 0 0 0 -18px; } .spc-delivery-contact { margin-top: var(--spc-page-section-gap); padding-block: 22px; } .spc-contact-options { margin-top: 24px; } .spc-commercial-info-page .spc-info-cards { grid-template-columns: minmax(0, 1fr); gap: 10px; margin-top: 22px; } .spc-commercial-info-page .spc-info-cards .spc-support-card { padding: 17px 18px; } .spc-commercial-info-page .spc-info-section { margin-top: var(--spc-page-section-gap); } .spc-commercial-warranty .spc-info-cards { gap: 10px; } .spc-commercial-warranty .spc-info-cards .spc-support-card:first-child { grid-column: auto; padding: 17px 18px; } .spc-commercial-warranty .spc-info-cards .spc-support-card:first-child h2 { font-size: 29px; } .spc-commercial-warranty .spc-info-cards .spc-support-card:not(:first-child) { padding: 13px 4px; } .spc-commercial-info-page .spc-info-section ol { max-width: 100%; } .spc-commercial-info-page .spc-info-section ol li { max-width: 100%; margin-bottom: 8px; } .spc-commercial-faq .spc-faq-page { margin-top: 28px; } .spc-faq-page .spc-faq-question { min-height: 58px; padding-block: 15px; } .spc-faq-page .spc-faq-item.is-open .spc-faq-answer { padding-bottom: 18px; } }
@media (prefers-reduced-motion: reduce) { .spc-faq-page .spc-faq-question, .spc-about-button-primary, .spc-commercial-info-page .spc-info-cta-button { transition: none; } }

/* Hero follow-up spacing is independent from the section rhythm. */
.spc-about-page, .spc-commercial-info-page { --spc-hero-followup-gap: 52px; }
.spc-about-page > header + .spc-about-section,
.spc-about-page > header + .spc-delivery-benefits,
.spc-about-page > header + .spc-contact-options,
.spc-commercial-info-page > .spc-info-cards { margin-top: var(--spc-hero-followup-gap); }
.spc-commercial-info-page .spc-info-cards { align-items: stretch; }
.spc-commercial-info-page .spc-info-cards > .spc-support-card { align-self: stretch; margin: 0; transform: none; }
.spc-commercial-warranty .spc-info-cards { row-gap: 48px; }
@media (max-width: 639px) {
  .spc-about-page, .spc-commercial-info-page { --spc-hero-followup-gap: 34px; }
  .spc-commercial-warranty .spc-info-cards { row-gap: 28px; }
}

/*!***************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[10].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[10].use[3]!./src/styles/cookie-consent.css ***!
  \***************************************************************************************************************************************************************************************************************************************************************************/
.spc-cookie-panel { position: fixed; z-index: 80; right: 16px; bottom: 16px; left: 16px; max-width: 1120px; margin-inline: auto; border: 1px solid var(--color-border); border-radius: 16px; background: var(--color-surface); color: var(--color-foreground); box-shadow: 0 16px 50px rgba(0, 0, 0, .28); }
.spc-cookie-panel-inner { display: flex; align-items: center; justify-content: space-between; gap: 28px; padding: 20px 24px; }
.spc-cookie-copy { max-width: 590px; }
.spc-cookie-copy h2 { font-size: 18px; font-weight: 700; }
.spc-cookie-copy p { margin-top: 6px; color: var(--color-muted); font-size: 14px; line-height: 1.5; }
.spc-cookie-copy a { display: inline-block; margin-top: 8px; color: var(--color-accent); font-size: 14px; text-decoration: underline; }
.spc-cookie-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; }
.spc-cookie-actions button { min-height: 44px; border: 1px solid var(--color-border); border-radius: 8px; padding: 8px 12px; font-size: 14px; font-weight: 600; text-align: center; }
.spc-cookie-actions button:hover { border-color: var(--color-accent); }
.spc-cookie-actions .spc-cookie-primary { border-color: var(--color-accent); background: var(--color-accent); color: var(--color-accent-foreground); }
.spc-cookie-settings { display: grid; gap: 8px; min-width: 260px; }
.spc-cookie-settings label { display: flex; align-items: center; gap: 10px; font-size: 14px; }
.spc-cookie-settings input { width: 18px; height: 18px; accent-color: var(--color-accent); }
.spc-cookie-settings .spc-cookie-actions { margin-top: 4px; }
.spc-cookie-panel :focus-visible, .spc-cookie-configurator-link:focus-visible { outline: 2px solid var(--color-focus); outline-offset: 3px; }
.spc-store-footer-legal button { color: inherit; text-align: left; }
.spc-store-footer-legal :is(a, button):hover { color: var(--color-accent); }
.spc-store-footer-legal :is(a, button) { display: inline-flex; min-height: 36px; align-items: center; }
.spc-legal-page { line-height: 1.65; }
.spc-legal-page section + section { margin-top: 32px; }
.spc-legal-page h2 { margin-bottom: 10px; font-size: 24px; font-weight: 700; line-height: 1.25; }
.spc-legal-page p + p { margin-top: 10px; }
.spc-legal-page a { color: var(--color-accent); text-decoration: underline; }
.spc-legal-page ul { padding-left: 20px; list-style: disc; }
.spc-legal-table-wrap { overflow-x: auto; }
.spc-legal-page table { width: 100%; min-width: 650px; border-collapse: collapse; font-size: 14px; text-align: left; }
.spc-legal-page th, .spc-legal-page td { border-bottom: 1px solid var(--color-border); padding: 12px; vertical-align: top; }
.spc-legal-page th { background: var(--color-surface); }
.spc-legal-page code { overflow-wrap: anywhere; }
.spc-legal-settings-button { min-height: 44px; margin: 14px 0; border: 1px solid var(--color-accent); border-radius: 8px; padding: 8px 14px; color: var(--color-accent); font-weight: 600; }
@media (max-width: 760px) { .spc-cookie-panel { right: 8px; bottom: 8px; left: 8px; max-height: calc(100dvh - 16px); overflow: auto; } .spc-cookie-panel-inner { align-items: stretch; flex-direction: column; gap: 16px; padding: 16px; } .spc-cookie-actions { display: grid; grid-template-columns: 1fr; } .spc-cookie-settings { min-width: 0; } :root[data-theme] .spc-storefront.spc-storefront-premium .spc-store-footer-legal { font-size: 12px; } }