@import '_content/DigiMSP.DesignSystem/DigiMSP.DesignSystem.41vaeqrbco.bundle.scp.css';

/* /Components/Pages/DesignLab.razor.rz.scp.css */
/* Lab composition; global shell and production tokens remain untouched. */
.sf-auth-preview-toolbar[b-sfhab96fvo] { position:relative; z-index:2; display:flex; align-items:center; flex-wrap:wrap; justify-content:center; gap:.35rem; inline-size:min(70rem,calc(100% - 1.5rem)); margin:.75rem auto; padding:.55rem .7rem; border:1px solid var(--ds-color-border); border-radius:1rem; background:color-mix(in srgb,var(--ds-color-surface) 94%,transparent); box-shadow:0 10px 28px rgb(26 39 55 / .2); color:var(--ds-color-text); }
.sf-auth-preview-toolbar strong[b-sfhab96fvo] { margin-inline-end:.45rem; color:var(--ds-color-primary); font:800 .68rem var(--ds-font-technical); direction:ltr; }
.sf-auth-preview-toolbar button[b-sfhab96fvo] { min-block-size:36px; padding-inline:.65rem; border:1px solid var(--ds-color-border); border-radius:.55rem; background:var(--ds-color-surface); color:var(--ds-color-text); font-size:.72rem; cursor:pointer; }
.sf-auth-preview-toolbar button[aria-pressed="true"][b-sfhab96fvo] { border-color:var(--ds-color-primary); background:var(--ds-color-primary); color:var(--ds-color-on-primary); }
@media(max-width:40rem){.sf-auth-preview-toolbar[b-sfhab96fvo]{gap:.25rem;margin:.5rem auto;padding:.4rem}.sf-auth-preview-toolbar strong[b-sfhab96fvo]{flex-basis:100%;text-align:center}.sf-auth-preview-toolbar button[b-sfhab96fvo]{min-block-size:34px;padding-inline:.45rem;font-size:.65rem}}

.sf-auth-lab > header[b-sfhab96fvo] { display:grid; gap:1rem; padding:1.25rem max(1rem,calc((100vw - 76rem)/2)); border-block:1px solid var(--ds-color-border); background:var(--ds-color-surface); }
.sf-auth-lab > header p[b-sfhab96fvo],.sf-auth-lab > header h1[b-sfhab96fvo] { margin:0; }
.sf-auth-lab > header p[b-sfhab96fvo] { color:var(--ds-color-text-muted); font-size:.78rem; }.sf-auth-lab > header p strong[b-sfhab96fvo] { color:var(--ds-color-primary); }
.sf-auth-lab > header h1[b-sfhab96fvo] { margin-block-start:.2rem; font:700 clamp(1.35rem,3vw,2rem)/1.5 var(--ds-font-display); }
.sf-auth-lab__controls[b-sfhab96fvo] { display:flex; flex-wrap:wrap; gap:.45rem; }
.sf-auth-lab__controls button[b-sfhab96fvo] { min-block-size:40px; padding-inline:.8rem; border:1px solid var(--ds-color-border); border-radius:.65rem; background:var(--ds-color-surface); color:var(--ds-color-text); cursor:pointer; }
.sf-auth-lab__controls button[aria-pressed="true"][b-sfhab96fvo] { border-color:var(--ds-color-primary); background:var(--ds-color-primary); color:var(--ds-color-on-primary); }
.sf-p1-lab[b-sfhab96fvo] {
  display: grid;
  gap: clamp(1.5rem, 3vw, 2.5rem);
  padding-block: clamp(1rem, 3vw, 3rem) clamp(2rem, 4vw, 3rem);
}

/* Signature Commerce review surface. ProductCard consumes these opt-in roles. */
.sf-p1-lab--signature[b-sfhab96fvo] {
  --signature-shell: #f8f7f2;
  --signature-shell-edge: #c8cbc4;
  --signature-shell-depth: #b5b9b2;
  --signature-rim-light: rgb(255 255 255 / .88);
  --signature-media: #ecece7;
  --signature-media-edge: #d2d4ce;
  --signature-media-light: rgb(255 255 255 / .72);
  --signature-ink: #272d2e;
  --signature-muted: #667071;
  --signature-accent: #23636b;
  --signature-code: #e9e9e3;
  --signature-code-edge: #cfd2cb;
}

[data-theme="dark"] .sf-p1-lab--signature[b-sfhab96fvo] {
  --signature-shell: #292d2e;
  --signature-shell-edge: #505759;
  --signature-shell-depth: #171a1b;
  --signature-rim-light: rgb(255 255 255 / .1);
  --signature-media: #202425;
  --signature-media-edge: #444b4d;
  --signature-media-light: rgb(255 255 255 / .07);
  --signature-ink: #eff0eb;
  --signature-muted: #b6bebd;
  --signature-accent: #9ed3d7;
  --signature-code: #222627;
  --signature-code-edge: #4b5354;
}

@media (prefers-color-scheme: dark) {
  [data-theme="system"] .sf-p1-lab--signature[b-sfhab96fvo] {
    --signature-shell: #292d2e;
    --signature-shell-edge: #505759;
    --signature-shell-depth: #171a1b;
    --signature-rim-light: rgb(255 255 255 / .1);
    --signature-media: #202425;
    --signature-media-edge: #444b4d;
    --signature-media-light: rgb(255 255 255 / .07);
    --signature-ink: #eff0eb;
    --signature-muted: #b6bebd;
    --signature-accent: #9ed3d7;
    --signature-code: #222627;
    --signature-code-edge: #4b5354;
  }
}

/* Signature V2 Design Lab composition; ProductCard owns its visual tokens. */
.sf-p1-lab--signature-v2[b-sfhab96fvo] {
  --ds-container-max: 1408px;
  max-inline-size: 1408px;
}
.sf-p1-lab--signature-v2 .sf-p1-lab__stage-heading[b-sfhab96fvo] { border: 0; padding: 0; }
.sf-p1-lab--signature-v2 .sf-p1-lab__stage-heading h2[b-sfhab96fvo] { font-size: 20px; }
.sf-p1-lab--signature-v2[b-sfhab96fvo]  .sf-p1-product-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 24px;
}
.sf-p1-lab--signature[b-sfhab96fvo]  .sf-p1-product-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: clamp(1.25rem, 2.2vw, 2rem);
}

.sf-p1-lab__header[b-sfhab96fvo],
.sf-p1-lab__stage-heading[b-sfhab96fvo] {
  display: flex;
  gap: 1.5rem;
  align-items: end;
  justify-content: space-between;
}

.sf-p1-lab__header h1[b-sfhab96fvo],
.sf-p1-lab__stage-heading h2[b-sfhab96fvo] {
  margin: 0;
  color: var(--ds-color-text);
}

.sf-p1-lab__header h1[b-sfhab96fvo] {
  font-size: clamp(2rem, 4vw, 4rem);
  line-height: 1.2;
  letter-spacing: -.04em;
}

.sf-p1-lab__header > div > p:last-child[b-sfhab96fvo],
.sf-p1-lab__stage-heading span[b-sfhab96fvo],
.sf-p1-lab__note[b-sfhab96fvo] {
  color: var(--ds-color-text-muted);
  line-height: 1.8;
}

.sf-p1-lab__eyebrow[b-sfhab96fvo],
.sf-p1-lab__stage-heading p[b-sfhab96fvo],
.sf-p1-lab__scope[b-sfhab96fvo] {
  margin: 0 0 .55rem;
  color: var(--ds-color-primary);
  font-size: var(--ds-text-xs);
  font-weight: 900;
  letter-spacing: .08em;
}

.sf-p1-lab__scope[b-sfhab96fvo] {
  padding-block-end: .4rem;
  border-block-end: 2px solid var(--ds-color-secondary);
  white-space: nowrap;
}

.sf-p1-lab__selector[b-sfhab96fvo] {
  display: flex;
  flex-wrap: wrap;
  gap: .5rem;
  padding-block: .75rem;
  border-block: 1px solid var(--ds-color-border);
}

.sf-p1-lab__selector button[b-sfhab96fvo] {
  min-block-size: var(--ds-touch-target);
  padding-inline: 1rem;
  border: 0;
  border-radius: 999px;
  background: transparent;
  color: var(--ds-color-text-muted);
  font: inherit;
  font-size: var(--ds-text-xs);
  font-weight: 850;
  cursor: pointer;
}

.sf-p1-lab__selector button[aria-pressed="true"][b-sfhab96fvo] {
  background: var(--ds-color-primary);
  color: var(--ds-color-on-primary);
}

.sf-p1-lab__selector button:focus-visible[b-sfhab96fvo] {
  outline: 3px solid var(--ds-color-accent);
  outline-offset: 3px;
}

.sf-p1-lab__stage[b-sfhab96fvo] {
  display: grid;
  gap: clamp(1.5rem, 3vw, 2.25rem);
}

.sf-p1-lab__stage-heading[b-sfhab96fvo] {
  padding-block-end: 1rem;
  border-block-end: 1px solid var(--ds-color-border);
}

.sf-p1-lab__stage-heading h2[b-sfhab96fvo] {
  max-inline-size: 52rem;
  font-size: clamp(1.35rem, 2.3vw, 2rem);
  line-height: 1.45;
}

.sf-p1-lab__stage-heading > :last-child[b-sfhab96fvo] {
  max-inline-size: 24rem;
  text-align: end;
}

.sf-p1-lab__states[b-sfhab96fvo] {
  display: grid;
  gap: 1.5rem;
  padding-block-start: 2rem;
  border-block-start: 1px solid var(--ds-color-border);
}

.sf-p1-lab__states-heading :is(p, h2)[b-sfhab96fvo] { margin: 0; }
.sf-p1-lab__states-heading > div > p[b-sfhab96fvo] { margin-block-end: .4rem; font-size: 11px; }
.sf-p1-lab__states-heading > div > p[b-sfhab96fvo],
.sf-p1-lab__state > header span[b-sfhab96fvo] {
  direction: ltr;
  text-align: start;
}
.sf-p1-lab__states-heading > p[b-sfhab96fvo] {
  max-inline-size: 36rem;
  color: var(--ds-color-text-muted);
  font-size: 12px;
  line-height: 1.8;
}

.sf-p1-lab__state-grid[b-sfhab96fvo] {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 28px 24px;
}

.sf-p1-lab__state[b-sfhab96fvo] {
  display: grid;
  grid-template-rows: auto auto;
  align-content: start;
  gap: 10px;
  min-inline-size: 0;
}

.sf-p1-lab__state > header[b-sfhab96fvo] {
  min-block-size: 6.5rem;
  padding-inline: 4px;
}

.sf-p1-lab__state > header :is(span, h3, p)[b-sfhab96fvo] { margin: 0; }
.sf-p1-lab__state > header span[b-sfhab96fvo] {
  display: block;
  margin-block-end: 3px;
  color: var(--ds-color-primary);
  font: 800 10px/1.45 var(--ds-font-technical);
  direction: ltr;
  text-align: start;
}
.sf-p1-lab__state > header h3[b-sfhab96fvo] {
  color: var(--ds-color-text);
  font: 700 14px/1.6 var(--ds-font-display);
}
.sf-p1-lab__state > header p[b-sfhab96fvo] {
  margin-block-start: 3px;
  color: var(--ds-color-text-muted);
  font-size: 11px;
  line-height: 1.65;
}

[b-sfhab96fvo] .sf-p1-product-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 2rem 1.5rem;
  min-inline-size: 0;
}

@media (max-width: 68.75rem) {
  .sf-p1-lab--signature-v2[b-sfhab96fvo]  .sf-p1-product-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  [b-sfhab96fvo] .sf-p1-product-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .sf-p1-lab__state-grid[b-sfhab96fvo] {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (max-width: 52rem) {
  .sf-p1-lab__header[b-sfhab96fvo],
  .sf-p1-lab__stage-heading[b-sfhab96fvo] {
    align-items: start;
    flex-direction: column;
  }

  .sf-p1-lab__stage-heading > :last-child[b-sfhab96fvo] {
    text-align: start;
  }

  .sf-p1-lab--signature-v2[b-sfhab96fvo]  .sf-p1-product-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  [b-sfhab96fvo] .sf-p1-product-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .sf-p1-lab__state-grid[b-sfhab96fvo] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 22px 14px;
  }
}

@media (max-width: 26.875rem) {
  .sf-p1-lab__selector[b-sfhab96fvo] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .sf-p1-lab__selector button[b-sfhab96fvo] {
    inline-size: 100%;
    padding-inline: .5rem;
  }

  .sf-p1-lab--signature-v2[b-sfhab96fvo]  .sf-p1-product-grid,
  .sf-p1-lab__state-grid[b-sfhab96fvo] {
    grid-template-columns: minmax(0, 1fr);
  }
}

@media (max-width: 25rem) {
  [b-sfhab96fvo] .sf-p1-product-grid {
    grid-template-columns: minmax(0, 1fr);
    gap: 1.25rem;
  }

  .sf-p1-lab__states[b-sfhab96fvo] { gap: 1rem; padding-block-start: 1.25rem; }
  .sf-p1-lab__state-grid[b-sfhab96fvo] { gap: 20px; }
  .sf-p1-lab__state > header[b-sfhab96fvo] { min-block-size: 7.7rem; padding-inline: 2px; }
  .sf-p1-lab__state > header h3[b-sfhab96fvo] { font-size: 13px; }
  .sf-p1-lab__state > header p[b-sfhab96fvo] { font-size: 10px; }
}

@media (prefers-reduced-motion: reduce) {
  .sf-p1-lab__selector button[b-sfhab96fvo] {
    transition: none;
  }
}
/* /Components/Pages/StorefrontAccount.razor.rz.scp.css */
/* Customer Workspace composition only. Frozen Foundation selectors and global chrome are not overridden. */
.sf-customer-workspace[b-znjd6cvc19] {
    --workspace-raised: 10px 10px 20px color-mix(in srgb, var(--ds-kinetic-ink) 14%, transparent), -8px -8px 18px color-mix(in srgb, var(--ds-color-surface-raised) 85%, transparent), inset 1px 1px 0 color-mix(in srgb, var(--ds-color-surface-raised) 75%, transparent);
    --workspace-recessed: inset 5px 5px 10px color-mix(in srgb, var(--ds-kinetic-ink) 13%, transparent), inset -5px -5px 10px color-mix(in srgb, var(--ds-color-surface-raised) 82%, transparent);
    --workspace-tight: 4px 5px 10px color-mix(in srgb, var(--ds-kinetic-ink) 16%, transparent), -3px -3px 8px color-mix(in srgb, var(--ds-color-surface-raised) 90%, transparent);
    --workspace-material: color-mix(in srgb, var(--ds-color-surface-subtle) 94%, var(--ds-color-primary));
    max-inline-size: 100rem;
    margin-inline: auto;
    padding: 1.5rem clamp(.75rem, 2vw, 2rem) 5rem;
    color: var(--ds-color-text);
    background: radial-gradient(ellipse at 5% 4%, color-mix(in srgb, var(--ds-color-primary) 8%, transparent), transparent 40%), var(--ds-color-background);
}
.sf-workspace-antiforgery[b-znjd6cvc19] {
    display: none;
}
.sf-workspace-auth[b-znjd6cvc19] {
    max-inline-size: 72rem;
    margin-inline: auto;
}
.sf-workspace-frame[b-znjd6cvc19] {
    display: grid;
    grid-template-columns: 18.25rem minmax(0, 1fr);
    gap: 1.125rem;
    align-items: start;
    margin-block-start: 1.125rem;
}
.sf-workspace-sidebar[b-znjd6cvc19] {
    position: sticky;
    inset-block-start: .75rem;
    display: grid;
    gap: .9rem;
    min-inline-size: 0;
    padding: .875rem;
    border: 1px solid color-mix(in srgb, var(--ds-color-surface-raised) 65%, transparent);
    border-radius: 1.875rem;
    background: var(--workspace-material);
    box-shadow: var(--workspace-raised);
}
.sf-workspace-content[b-znjd6cvc19], .sf-workspace-stack[b-znjd6cvc19] {
    display: grid;
    align-content: start;
    gap: 1rem;
    min-inline-size: 0;
}
.sf-workspace-content[b-znjd6cvc19] {
    padding: .35rem;
}
.sf-workspace-command-grid[b-znjd6cvc19] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: .75rem;
}
.sf-workspace-dashboard[b-znjd6cvc19] {
    display: grid;
    grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr);
    gap: 1rem;
    align-items: start;
}
.sf-workspace-two-column[b-znjd6cvc19] {
    display: grid;
    grid-template-columns: minmax(0, 1.2fr) minmax(16rem, .8fr);
    gap: 1rem;
    align-items: start;
}
.sf-workspace-panel[b-znjd6cvc19], .sf-workspace-form[b-znjd6cvc19], .sf-workspace-comment[b-znjd6cvc19], .sf-workspace-profile-focus[b-znjd6cvc19], .sf-workspace-favorite[b-znjd6cvc19] {
    min-inline-size: 0;
    padding: 1rem;
    background: var(--workspace-material);
    border: 1px solid color-mix(in srgb, var(--ds-color-surface-raised) 65%, transparent);
    border-radius: 1.75rem;
    box-shadow: var(--workspace-raised);
}
/* Page headings, facts and actions. */
.sf-workspace-section-head[b-znjd6cvc19], .sf-workspace-comment header[b-znjd6cvc19], .sf-workspace-comment footer[b-znjd6cvc19] {
    display: flex;
    flex-wrap: wrap;
    gap: .75rem;
    align-items: center;
    justify-content: space-between;
}
.sf-workspace-section-head h2[b-znjd6cvc19], .sf-workspace-form h2[b-znjd6cvc19], .sf-workspace-profile-focus h2[b-znjd6cvc19] {
    margin: .25rem 0;
    font-size: 1.1rem;
    line-height: 1.8;
}
.sf-workspace-section-head small[b-znjd6cvc19], .sf-workspace-profile-focus > small[b-znjd6cvc19], .sf-workspace-favorite small[b-znjd6cvc19], .sf-workspace-empty small[b-znjd6cvc19] {
    color: var(--ds-color-primary);
    font-size: .65rem;
    font-weight: 900;
    letter-spacing: .06em;
}
.sf-workspace-section-head > span[b-znjd6cvc19], .sf-workspace-comment footer[b-znjd6cvc19], .sf-workspace-hint[b-znjd6cvc19] {
    margin: 0;
    color: var(--ds-color-text-muted);
    font-size: .75rem;
    line-height: 1.95;
}
.sf-workspace-link[b-znjd6cvc19], .sf-workspace-section-head a[b-znjd6cvc19], .sf-workspace-comment a[b-znjd6cvc19] {
    display: inline-flex;
    gap: .4rem;
    align-items: center;
    min-block-size: 2.75rem;
    color: var(--ds-color-primary);
    font-size: .78rem;
    font-weight: 800;
    text-decoration: none;
}
.sf-workspace-link svg[b-znjd6cvc19], .sf-workspace-section-head a svg[b-znjd6cvc19], .sf-workspace-next-actions em svg[b-znjd6cvc19] {
    inline-size: 1.1rem;
    block-size: 1.1rem;
    vertical-align: middle;
}
.sf-workspace-link:hover[b-znjd6cvc19], .sf-workspace-section-head a:hover[b-znjd6cvc19] {
    text-decoration: underline;
}
.sf-customer-workspace a:focus-visible[b-znjd6cvc19], .sf-workspace-ticket-list button:focus-visible[b-znjd6cvc19],
.sf-inline-disclosure:focus-visible[b-znjd6cvc19], .sf-ticket-mobile-back:focus-visible[b-znjd6cvc19] {
    outline: 2px solid var(--ds-color-primary);
    outline-offset: 3px;
}
.sf-workspace-next-actions[b-znjd6cvc19] {
    display: grid;
    gap: .9rem;
    margin-block-start: 1rem;
}
.sf-workspace-next-actions__list[b-znjd6cvc19] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 15rem), 1fr));
    gap: .7rem;
}
.sf-workspace-next-actions__list a[b-znjd6cvc19] {
    display: grid;
    gap: .35rem;
    min-inline-size: 0;
    padding: .85rem;
    color: var(--ds-color-text);
    text-decoration: none;
    border-radius: 1rem;
    background: var(--workspace-material);
    box-shadow: var(--workspace-recessed);
}
.sf-workspace-next-actions__list strong[b-znjd6cvc19] {
    font-size: .8rem;
}
.sf-workspace-next-actions__list span[b-znjd6cvc19] {
    color: var(--ds-color-text-muted);
    font-size: .68rem;
    line-height: 1.8;
}
.sf-workspace-next-actions__list em[b-znjd6cvc19] {
    color: var(--ds-color-primary);
    font-size: .7rem;
    font-style: normal;
    font-weight: 850;
}
.sf-workspace-facts[b-znjd6cvc19] {
    display: grid;
    gap: .6rem;
    margin: .8rem 0 0;
}
.sf-workspace-facts > div[b-znjd6cvc19] {
    display: flex;
    flex-wrap: wrap;
    gap: .5rem;
    align-items: center;
    justify-content: space-between;
    padding: .8rem;
    border-radius: .8rem;
    box-shadow: var(--workspace-recessed);
    font-size: .75rem;
}
.sf-workspace-facts dt[b-znjd6cvc19] {
    color: var(--ds-color-text-muted);
}
.sf-workspace-facts dd[b-znjd6cvc19] {
    margin: 0;
    font-weight: 800;
}
.sf-workspace-actions[b-znjd6cvc19] {
    display: flex;
    flex-wrap: wrap;
    gap: .65rem;
    align-items: center;
}
.sf-workspace-object[b-znjd6cvc19] {
    display: grid;
    place-items: center;
    flex: 0 0 2.625rem;
    inline-size: 2.625rem;
    aspect-ratio: 1;
    border-radius: .875rem;
    color: var(--ds-color-primary);
    background: var(--workspace-material);
    box-shadow: var(--workspace-tight);
}
svg[b-znjd6cvc19] {
    inline-size: 1.4rem;
    block-size: 1.4rem;
    flex-shrink: 0;
}
/* Controlled gaps are deliberate local compositions, not large generic notices. */
.sf-workspace-empty[b-znjd6cvc19] {
    display: grid;
    grid-template-columns: 6rem minmax(0, 1fr);
    gap: 1.25rem;
    align-items: center;
    padding: clamp(1.25rem, 3vw, 2.5rem);
    border: 1px solid color-mix(in srgb, var(--ds-color-surface-raised) 65%, transparent);
    border-radius: 1.75rem;
    background: radial-gradient(circle at 92% 10%, color-mix(in srgb, var(--ds-color-primary) 8%, transparent), transparent 55%), var(--workspace-material);
    box-shadow: var(--workspace-raised);
}
.sf-workspace-empty__object[b-znjd6cvc19] {
    position: relative;
    display: grid;
    place-items: center;
    inline-size: 6rem;
    aspect-ratio: 1;
    color: var(--ds-color-primary);
    border-radius: 1.8rem;
    background: var(--workspace-material);
    box-shadow: var(--workspace-recessed);
}
.sf-workspace-empty__object[b-znjd6cvc19]::before {
    content: "";
    position: absolute;
    inset: .65rem;
    border: 1px solid color-mix(in srgb, var(--ds-color-primary) 18%, transparent);
    border-radius: 1.2rem;
}
.sf-workspace-empty__object svg[b-znjd6cvc19] {
    inline-size: 2.25rem;
    block-size: 2.25rem;
}
.sf-workspace-empty h2[b-znjd6cvc19] {
    margin: .5rem 0;
    font-size: 1.15rem;
    line-height: 1.8;
}
.sf-workspace-empty p[b-znjd6cvc19] {
    margin: 0;
    color: var(--ds-color-text-muted);
    font-size: .8rem;
    line-height: 2;
}
.sf-workspace-empty > a[b-znjd6cvc19] {
    grid-column: 2;
    justify-self: start;
}
/* Real financial status items within the frozen TechnicalStatusBoard. */
.sf-workspace-status[b-znjd6cvc19] {
    display: grid;
    grid-template-columns: 2.75rem minmax(0, 1fr);
    gap: .75rem;
    align-items: start;
    min-height: 8.5rem;
    padding: 1rem;
    border-radius: 1rem;
    background: var(--workspace-material);
    box-shadow: var(--workspace-recessed);
    border-inline-start: 3px solid color-mix(in srgb, var(--ds-color-warning) 58%, transparent);
}
.sf-workspace-status__object[b-znjd6cvc19] {
    display: grid;
    place-items: center;
    inline-size: 2.75rem;
    block-size: 2.75rem;
    border-radius: .85rem;
    color: var(--ds-color-warning);
    background: color-mix(in srgb, var(--ds-color-warning) 8%, var(--workspace-material));
    box-shadow: var(--workspace-raised);
}
.sf-workspace-status__object svg[b-znjd6cvc19] { inline-size: 1.25rem; block-size: 1.25rem; }
.sf-workspace-status > div[b-znjd6cvc19] { display: grid; gap: .35rem; min-width: 0; }
.sf-workspace-status strong[b-znjd6cvc19] {
    color: var(--ds-color-text);
    font-size: .9rem;
}
.sf-workspace-status p[b-znjd6cvc19] {
    margin: 0;
    color: var(--ds-color-text-muted);
    font-size: .72rem;
    line-height: 1.9;
}
/* Foundation owns conventional fields; static native email and large textareas retain host semantics. */
.sf-workspace-form[b-znjd6cvc19] {
    display: grid;
    gap: 1rem;
    align-content: start;
}
.sf-workspace-form--grid[b-znjd6cvc19] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}
.sf-workspace-form__wide[b-znjd6cvc19] {
    grid-column: 1 / -1;
}
.sf-workspace-form h3[b-znjd6cvc19] {
    margin: .5rem 0 0;
    padding-block-start: .8rem;
    border-block-start: 1px solid var(--ds-color-border);
    font-size: .95rem;
}
.sf-workspace-form label[b-znjd6cvc19], .sf-workspace-composer label[b-znjd6cvc19] {
    display: grid;
    gap: .5rem;
    min-inline-size: 0;
    color: var(--ds-color-text-muted);
    font-size: .72rem;
    font-weight: 800;
}
.sf-workspace-form input[type="email"][b-znjd6cvc19], .sf-workspace-form textarea[b-znjd6cvc19], .sf-workspace-composer textarea[b-znjd6cvc19] {
    inline-size: 100%;
    min-inline-size: 0;
    min-block-size: 3rem;
    padding: .875rem;
    color: var(--ds-control-ink);
    background: var(--ds-control-field-surface);
    border: 0;
    border-radius: var(--ds-control-radius);
    box-shadow: var(--ds-control-field-shadow);
    font: 450 .9rem/1.8 var(--ds-font-body);
}
.sf-workspace-form textarea[b-znjd6cvc19], .sf-workspace-composer textarea[b-znjd6cvc19] {
    min-block-size: 7rem;
    resize: vertical;
}
.sf-workspace-form input[type="email"]:focus-visible[b-znjd6cvc19], .sf-workspace-form textarea:focus-visible[b-znjd6cvc19], .sf-workspace-composer textarea:focus-visible[b-znjd6cvc19] {
    outline: 0;
    box-shadow: var(--ds-control-field-shadow), var(--ds-control-focus-light);
}
.sf-workspace-form--embedded[b-znjd6cvc19] {
    padding: 0;
    background: transparent;
    border: 0;
    box-shadow: none;
}
.sf-workspace-profile[b-znjd6cvc19], .sf-workspace-security[b-znjd6cvc19] {
    display: grid;
    grid-template-columns: minmax(14rem, .75fr) minmax(0, 1.25fr);
    gap: 1rem;
    align-items: start;
}
.sf-workspace-profile-focus[b-znjd6cvc19] {
    display: grid;
    gap: 1rem;
    justify-items: center;
    text-align: center;
    padding: 1.5rem;
}
.sf-workspace-avatar[b-znjd6cvc19] {
    display: grid;
    place-items: center;
    inline-size: 7.125rem;
    aspect-ratio: 1;
    overflow: hidden;
    border: .5rem solid var(--ds-color-surface-subtle);
    border-radius: 2rem;
    color: var(--ds-color-on-primary);
    background: linear-gradient(145deg, var(--ds-color-primary-hover), var(--ds-color-primary));
    box-shadow: var(--workspace-tight);
    font-size: 1.8rem;
    font-weight: 900;
}
.sf-workspace-avatar img[b-znjd6cvc19] {
    inline-size: 100%;
    block-size: 100%;
    object-fit: cover;
}
.sf-workspace-security-ring[b-znjd6cvc19] {
    display: grid;
    place-items: center;
    inline-size: 7.75rem;
    aspect-ratio: 1;
    border: 1rem solid color-mix(in srgb, var(--ds-color-primary) 10%, var(--ds-color-surface-subtle));
    border-radius: 50%;
    color: var(--ds-color-primary);
    box-shadow: var(--workspace-recessed);
}
.sf-workspace-security-ring svg[b-znjd6cvc19] {
    inline-size: 2.25rem;
    block-size: 2.25rem;
}
/* The native file chooser overlays the canonical action; no JS activation or second tab stop. */
.sf-workspace-upload-label[b-znjd6cvc19] {
    color: var(--ds-color-text-muted);
    font: 600 .78rem/1.8 var(--ds-font-label);
}
.sf-workspace-file-control[b-znjd6cvc19] {
    position: relative;
    inline-size: min(100%, 16rem);
    border-radius: var(--ds-control-radius);
}
.sf-workspace-file-control input[type="file"][b-znjd6cvc19] {
    position: absolute;
    inset: 0;
    inline-size: 100%;
    block-size: 100%;
    opacity: 0;
    cursor: pointer;
}
.sf-workspace-file-control:focus-within[b-znjd6cvc19] {
    box-shadow: var(--ds-control-focus-light);
}
.sf-workspace-file-control:has(:disabled)[b-znjd6cvc19] { cursor: not-allowed; }
.sf-workspace-file-control input:disabled[b-znjd6cvc19] { cursor: not-allowed; }
@media (forced-colors: active) {
    .sf-workspace-file-control:focus-within[b-znjd6cvc19],
    .sf-workspace-form input[type="email"]:focus-visible[b-znjd6cvc19],
    .sf-workspace-form textarea:focus-visible[b-znjd6cvc19],
    .sf-workspace-composer textarea:focus-visible[b-znjd6cvc19] {
        outline: 2px solid Highlight;
        outline-offset: -2px;
    }
}

/* Saved products and documents: compact intrinsic grids, no empty DecisionSheet control wells. */
.sf-workspace-favorites[b-znjd6cvc19], .sf-workspace-documents[b-znjd6cvc19] {
    display: grid;
    gap: 1rem;
}
.sf-workspace-favorites[b-znjd6cvc19] {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}
.sf-workspace-documents[b-znjd6cvc19] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}
.sf-workspace-favorite[b-znjd6cvc19] {
    display: grid;
    grid-template-columns: 7.375rem minmax(0, 1fr);
    gap: .9rem;
    align-items: start;
    padding: .875rem;
    border-radius: 1.45rem;
}
.sf-workspace-favorite__image[b-znjd6cvc19] {
    display: grid;
    place-items: center;
    padding: .6rem;
    aspect-ratio: 1;
    border-radius: 1.2rem;
    background: var(--ds-color-surface-subtle);
    box-shadow: var(--workspace-recessed);
}
.sf-workspace-favorite__image img[b-znjd6cvc19] {
    inline-size: 100%;
    aspect-ratio: 1;
    object-fit: contain;
}
.sf-workspace-favorite__copy[b-znjd6cvc19] {
    min-inline-size: 0;
}
.sf-workspace-favorite h3[b-znjd6cvc19] {
    margin: .4rem 0;
    font-size: .85rem;
    line-height: 1.9;
}
.sf-workspace-favorite p[b-znjd6cvc19] {
    margin: 0;
    color: var(--ds-color-text-muted);
    font-size: .68rem;
}
.sf-workspace-favorite .sf-workspace-actions[b-znjd6cvc19] {
    grid-column: 1 / -1;
    padding-block-start: .6rem;
    border-block-start: 1px solid var(--ds-color-border);
}
/* Ticket rail and messages stay host-owned content of ConversationWorkspace. */
.sf-ticket-discovery[b-znjd6cvc19] {
    display: grid;
    gap: .7rem;
}
.sf-ticket-filters[b-znjd6cvc19] {
    display: flex;
    flex-wrap: wrap;
    gap: .4rem;
}
.sf-ticket-filters button[b-znjd6cvc19] {
    min-block-size: 2.75rem;
    padding: .45rem .65rem;
    color: var(--ds-color-text-muted);
    background: var(--ds-color-surface-raised);
    border: 1px solid var(--ds-color-border);
    border-radius: 999px;
    font: inherit;
    font-size: .64rem;
    font-weight: 800;
    cursor: pointer;
}
.sf-ticket-filters button span[b-znjd6cvc19] {
    margin-inline-start: .25rem;
    color: var(--ds-color-primary);
}
.sf-ticket-filters button.is-active[b-znjd6cvc19] {
    color: var(--ds-color-on-primary);
    background: var(--ds-color-primary);
    border-color: var(--ds-color-primary);
}
.sf-ticket-filters button.is-active span[b-znjd6cvc19] { color: inherit; }
.sf-workspace-ticket-list[b-znjd6cvc19] {
    display: grid;
    gap: .7rem;
    max-block-size: 35rem;
    overflow-y: auto;
    padding: .25rem;
}
.sf-workspace-ticket-list button[b-znjd6cvc19] {
    position: relative;
    display: grid;
    grid-template-columns: 2.625rem minmax(0, 1fr);
    gap: .65rem;
    align-items: start;
    inline-size: 100%;
    padding: .8rem;
    text-align: start;
    color: var(--ds-color-text);
    background: var(--workspace-material);
    border: 1px solid transparent;
    border-radius: 1.1rem;
    box-shadow: var(--workspace-tight);
    cursor: pointer;
}
.sf-workspace-ticket-list button > span:last-child[b-znjd6cvc19] {
    display: grid;
    gap: .4rem;
    min-inline-size: 0;
}
.sf-workspace-ticket-list strong[b-znjd6cvc19] {
    font-size: .78rem;
    overflow-wrap: anywhere;
    line-height: 1.8;
}
.sf-workspace-ticket-list small[b-znjd6cvc19] {
    color: var(--ds-color-text-muted);
    font-size: .65rem;
    font-style: normal;
}
.sf-workspace-ticket-list button.is-active[b-znjd6cvc19] {
    border-color: color-mix(in srgb, var(--ds-color-primary) 35%, var(--ds-color-border));
    transform: translateY(-1px);
    box-shadow: var(--workspace-raised);
}
.sf-workspace-ticket-list button.is-active .sf-workspace-object[b-znjd6cvc19] {
    color: var(--ds-color-on-primary);
    background: var(--ds-color-primary);
}
.sf-workspace-messages[b-znjd6cvc19] {
    display: grid;
    gap: 1rem;
    max-block-size: 32rem;
    overflow-y: auto;
    padding: .5rem;
}
.sf-workspace-ticket-context[b-znjd6cvc19] {
    padding: .8rem;
    border-radius: 1rem;
    box-shadow: var(--workspace-recessed);
}
.sf-workspace-ticket-context small[b-znjd6cvc19] {
    color: var(--ds-color-text-muted);
    font-size: .65rem;
}
.sf-workspace-ticket-context p[b-znjd6cvc19] {
    margin: .5rem 0 0;
    font-size: .8rem;
    line-height: 1.9;
    white-space: pre-wrap;
    overflow-wrap: anywhere;
}
.sf-workspace-messages article[b-znjd6cvc19] {
    max-inline-size: 80%;
    justify-self: end;
    padding: .9rem;
    border-radius: 1.2rem 1.2rem .3rem 1.2rem;
    background: var(--workspace-material);
    box-shadow: var(--workspace-recessed);
    overflow-wrap: anywhere;
}
.sf-workspace-messages article.is-customer[b-znjd6cvc19] {
    justify-self: start;
    border-radius: 1.2rem 1.2rem 1.2rem .3rem;
    background: color-mix(in srgb, var(--ds-color-primary) 8%, var(--ds-color-surface-subtle));
    box-shadow: var(--workspace-tight);
}
.sf-workspace-messages article > strong[b-znjd6cvc19] {
    color: var(--ds-color-primary);
    font-size: .68rem;
}
.sf-workspace-messages article p[b-znjd6cvc19] {
    margin: .5rem 0;
    font-size: .82rem;
    line-height: 2;
    white-space: pre-wrap;
}
.sf-workspace-messages article small[b-znjd6cvc19], .sf-workspace-messages article span[b-znjd6cvc19] {
    display: block;
    color: var(--ds-color-text-muted);
    font-size: .65rem;
}
.sf-workspace-composer[b-znjd6cvc19] {
    display: grid;
    gap: .75rem;
}
.sf-workspace-composer--closed[b-znjd6cvc19] { align-items: start; }
.sf-ticket-mobile-back[b-znjd6cvc19] {
    display: none;
}
.sf-inline-disclosure[b-znjd6cvc19], .sf-ticket-mobile-back[b-znjd6cvc19] {
    min-block-size: 2.75rem;
    padding: .6rem .8rem;
    color: var(--ds-color-primary);
    background: var(--workspace-material);
    border: 1px solid var(--ds-color-border);
    border-radius: .8rem;
    font: inherit;
    font-size: .72rem;
    font-weight: 850;
    cursor: pointer;
}
.sf-document-disclosure[b-znjd6cvc19] {
    display: grid;
    gap: .65rem;
    min-inline-size: 0;
}
.sf-document-disclosure__facts[b-znjd6cvc19] {
    display: grid;
    gap: .55rem;
    margin: 0;
    padding: .8rem;
    border-radius: 1rem;
    background: var(--workspace-material);
    box-shadow: var(--workspace-recessed);
}
.sf-document-disclosure__facts > div[b-znjd6cvc19] {
    display: flex;
    gap: .65rem;
    justify-content: space-between;
    min-inline-size: 0;
}
.sf-document-disclosure__facts dt[b-znjd6cvc19] {
    color: var(--ds-color-text-muted);
    font-size: .68rem;
}
.sf-document-disclosure__facts dd[b-znjd6cvc19] {
    margin: 0;
    font-size: .7rem;
    font-weight: 800;
    overflow-wrap: anywhere;
}
.sf-document-disclosure__facts .is-rejection[b-znjd6cvc19] {
    color: var(--ds-color-danger);
}
.sf-workspace-comment[b-znjd6cvc19] {
    display: grid;
    gap: .8rem;
}
.sf-workspace-comment h3[b-znjd6cvc19] {
    margin: .4rem 0 0;
    font-size: .95rem;
}
.sf-workspace-comment small[b-znjd6cvc19] {
    color: var(--ds-color-text-muted);
    font-size: .7rem;
}
.sf-workspace-comment p[b-znjd6cvc19] {
    margin: 0;
    line-height: 2;
    font-size: .85rem;
    overflow-wrap: anywhere;
}
/* In-flow responsive rail;
the existing global mobile navigation remains the only fixed navigation. */
@media (max-width: 74rem) {
    .sf-workspace-frame[b-znjd6cvc19] {
        grid-template-columns: 15.625rem minmax(0, 1fr);
    }
    .sf-workspace-command-grid[b-znjd6cvc19] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .sf-workspace-dashboard[b-znjd6cvc19], .sf-workspace-two-column[b-znjd6cvc19], .sf-workspace-profile[b-znjd6cvc19], .sf-workspace-security[b-znjd6cvc19], .sf-workspace-documents[b-znjd6cvc19] {
        grid-template-columns: 1fr;
    }
    .sf-workspace-favorites[b-znjd6cvc19] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}
@media (max-width: 54rem) {
    .sf-workspace-frame[b-znjd6cvc19] {
        grid-template-columns: 1fr;
    }
    .sf-workspace-sidebar[b-znjd6cvc19] {
        position: static;
    }
    .sf-workspace-sidebar[b-znjd6cvc19]  .ds-identity-passport {
        max-inline-size: 22rem;
    }
    .sf-workspace-ticket-list[b-znjd6cvc19] {
        max-block-size: 18rem;
    }
    .sf-ticket-mobile-back[b-znjd6cvc19] {
        display: inline-flex;
        margin-block-end: .7rem;
    }
    .sf-ticket-workspace:not(.is-conversation-open)[b-znjd6cvc19]  .ds-conversation-workspace__conversation {
        display: none;
    }
    .sf-ticket-workspace.is-conversation-open[b-znjd6cvc19]  .ds-conversation-workspace__rail {
        display: none;
    }
    .sf-ticket-workspace[b-znjd6cvc19]  .ds-conversation-workspace {
        grid-template-columns: 1fr;
    }
}
@media (max-width: 38rem) {
    .sf-customer-workspace[b-znjd6cvc19] {
        padding-inline: .6rem;
        padding-block-start: .75rem;
    }
    .sf-workspace-content[b-znjd6cvc19] {
        padding: 0;
    }
    .sf-workspace-form--grid[b-znjd6cvc19] {
        grid-template-columns: 1fr;
    }
    .sf-workspace-empty[b-znjd6cvc19] {
        grid-template-columns: 1fr;
        gap: 1rem;
    }
    .sf-workspace-empty > a[b-znjd6cvc19] {
        grid-column: 1;
    }
    .sf-workspace-favorite[b-znjd6cvc19] {
        grid-template-columns: 5.5rem minmax(0, 1fr);
    }
    .sf-workspace-favorites[b-znjd6cvc19] {
        grid-template-columns: 1fr;
    }
    .sf-workspace-messages article[b-znjd6cvc19] {
        max-inline-size: 92%;
    }
}
@media (max-width: 26rem) {
    .sf-workspace-command-grid[b-znjd6cvc19] {
        grid-template-columns: 1fr;
    }
}

/* Native email is an external identity; Persian labels keep Body. */
.sf-customer-workspace input[type="email"][b-znjd6cvc19] { font-family: var(--ds-font-technical); }
/* /Components/Pages/StorefrontContact.razor.rz.scp.css */
/* Production contact validation and legitimate legacy map; master composition is owned by PublicPageFrame. */
fieldset[b-06ez4xch3w] {
    min-inline-size: 0;
    margin: 0;
    padding: 0;
    border: 0;
}
.contact-trap[b-06ez4xch3w] {
    position: absolute;
    inline-size: 1px;
    block-size: 1px;
    overflow: hidden;
    clip-path: inset(50%);
}
.contact-map[b-06ez4xch3w] {
    grid-column: 1 / -1;
    padding: var(--ds-space-4);
}
.contact-map iframe[b-06ez4xch3w] {
    display: block;
    inline-size: 100%;
    block-size: clamp(19rem, 32vw, 27rem);
    border: 0;
    border-radius: var(--ds-radius-md);
}
.map-fallback[b-06ez4xch3w] {
    display: grid;
    gap: var(--ds-space-3);
    padding: var(--ds-space-4);
}
.map-fallback p[b-06ez4xch3w] {
    color: var(--ds-color-text-muted);
    font-size: .875rem;
}
@media (max-width: 46rem) {
    .contact-map iframe[b-06ez4xch3w] {
        block-size: 19rem;
    }
}

/* Request contexts are native toggle buttons; state survives free subject editing. */
.contact-page .message-plane .segmented[b-06ez4xch3w] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    padding: var(--ds-space-3);
    gap: var(--ds-space-3);
}
.contact-page .message-plane .segmented[b-06ez4xch3w]  button {
    display: grid;
    justify-items: center;
    gap: var(--ds-space-2);
    padding: var(--ds-space-3);
    position: relative;
    min-block-size: 112px;
}
.request-mode-object[b-06ez4xch3w],
.map-location-object[b-06ez4xch3w] {
    display: grid;
    place-items: center;
    inline-size: 2.75rem;
    block-size: 2.75rem;
    border-radius: var(--ds-radius-control);
    background: var(--pub-raised);
    box-shadow: var(--pub-soft);
    color: var(--ds-color-primary);
}
.request-mode-check[b-06ez4xch3w] {
    visibility: hidden;
    font-weight: 850;
    line-height: 1;
}
.segmented[b-06ez4xch3w]  button[aria-pressed='true'] .request-mode-check {
    visibility: visible;
}
.contact-page .message-plane[data-reason='پیگیری سفارش'] .request-mode-object[b-06ez4xch3w] {
    color: var(--ds-color-secondary);
}
.map-fallback[b-06ez4xch3w] {
    position: relative;
    align-content: center;
    justify-items: start;
    min-block-size: 15rem;
    background: radial-gradient(ellipse at 80% 20%, color-mix(in srgb, var(--ds-kinetic-cyan) 16%, transparent), transparent 60%);
}
.map-location-object[b-06ez4xch3w] {
    inline-size: 4rem;
    block-size: 4rem;
    border: 1px solid var(--pub-line);
    transform: rotate(-6deg);
}
@media (max-width: 46rem) {
    .contact-page .message-plane .segmented[b-06ez4xch3w] {
        grid-template-columns: 1fr;
    }
    .contact-page .message-plane .segmented[b-06ez4xch3w]  button {
        grid-template-columns: 2.75rem minmax(0, 1fr) 1rem;
        align-items: center;
        justify-items: start;
        text-align: start;
    }
}

/* Contact page objects and layout; Foundation owns controls. */
.contact-page .request-mode-object[b-06ez4xch3w] {
    box-shadow: var(--pub-inset);
    color: var(--pub-feature);
}
.contact-page .request-mode-check[b-06ez4xch3w] {
    position: absolute;
    inset-block-start: .5rem;
    inset-inline-end: .5rem;
    display: grid;
    place-items: center;
    inline-size: 1.25rem;
    block-size: 1.25rem;
    border-radius: 50%;
    color: var(--pub-feature);
    background: var(--pub-raised);
    box-shadow: var(--pub-inset);
}
.contact-page .contact-map[b-06ez4xch3w] {
    display: grid;
    grid-template-columns: minmax(0, .8fr) minmax(0, 1.2fr);
    gap: var(--ds-space-4);
    padding: var(--ds-space-4);
    background: var(--pub-base);
}
.contact-page .map-fallback[b-06ez4xch3w] {
    min-block-size: 20rem;
    border-radius: var(--ds-radius-md);
    background: radial-gradient(ellipse at 80% 20%, color-mix(in srgb, var(--ds-kinetic-cyan) 10%, transparent), transparent 65%), var(--pub-raised);
    box-shadow: var(--pub-soft);
}
.contact-page .contact-map > iframe[b-06ez4xch3w] {
    block-size: 100%;
    min-block-size: 20rem;
    background: var(--pub-base);
    box-shadow: var(--pub-inset);
}
@media (max-width: 46rem) {
    .contact-page .message-plane .segmented[b-06ez4xch3w]  button {
        min-block-size: 64px;
        padding-inline-end: var(--ds-space-8);
    }
    .contact-page .request-mode-check[b-06ez4xch3w] {
        inset-block-start: 50%;
        transform: translateY(-50%);
    }
    .contact-page .contact-map[b-06ez4xch3w] {
        grid-template-columns: 1fr;
        padding: var(--ds-space-3);
    }
    .contact-page .map-fallback[b-06ez4xch3w] {
        min-block-size: 0;
    }
    .contact-page .contact-map > iframe[b-06ez4xch3w] {
        block-size: 20rem;
    }
}
/* /Components/Storefront/ArticleReadingCommandBar.razor.rz.scp.css */
/* Foundation controls own interaction. This local shell owns arrangement and reading feedback only. */
.sf-article-command[b-d2blf9k96h] {
    position: sticky;
    inset-block-start: calc(4.5rem + var(--ds-space-3));
    z-index: 5;
    max-inline-size: 78rem;
    margin: 0 auto var(--ds-space-10);
    padding: var(--ds-space-2);
    border: 1px solid var(--ds-color-border);
    border-radius: var(--ds-radius-md);
    background: var(--ds-control-surface);
    box-shadow: var(--ds-control-secondary-shadow);
}
.sf-article-command[hidden][b-d2blf9k96h],
.sf-article-command [hidden][b-d2blf9k96h] {
    display: none !important;
}
.sf-article-command__row[b-d2blf9k96h],
.sf-article-command__actions[b-d2blf9k96h],
.sf-article-command__search-nav[b-d2blf9k96h] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--ds-space-2);
}
.sf-article-command__row[b-d2blf9k96h] {
    justify-content: space-between;
}
.sf-article-command[b-d2blf9k96h]  [aria-expanded="true"] {
    background: var(--ds-control-field-surface);
    box-shadow: var(--ds-control-recessed-shadow);
    color: var(--ds-color-primary);
}
.sf-article-command__progress[b-d2blf9k96h] {
    display: flex;
    align-items: center;
    gap: var(--ds-space-2);
    padding: var(--ds-space-3);
    border-radius: var(--ds-radius-control);
    background: var(--ds-control-field-surface);
    box-shadow: var(--ds-control-recessed-shadow);
    color: var(--ds-color-text-muted);
    font-size: var(--ds-type-meta-size);
}
.sf-article-command progress[b-d2blf9k96h] {
    inline-size: 7rem;
    block-size: .4rem;
    accent-color: var(--ds-color-primary);
}
.sf-article-command__panel[b-d2blf9k96h] {
    max-block-size: min(60vh, 28rem);
    overflow-y: auto;
    margin-block-start: var(--ds-space-2);
    padding: var(--ds-space-4);
    border-radius: var(--ds-radius-control);
    background: var(--ds-control-field-surface);
    box-shadow: var(--ds-control-recessed-shadow);
}
.sf-article-command__search-nav[b-d2blf9k96h] {
    margin-block: var(--ds-space-3);
    font-size: var(--ds-type-meta-size);
}
.sf-article-command__hits[b-d2blf9k96h],
.sf-article-command__toc[b-d2blf9k96h] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: var(--ds-space-2);
    padding: 0;
    margin: 0;
    list-style: none;
}
.sf-article-command[b-d2blf9k96h]  :is(.sf-reading-hit, .sf-reading-toc-link) {
    display: block;
    min-block-size: var(--ds-touch-target);
    padding: var(--ds-space-3);
    border: 1px solid var(--ds-color-border);
    border-radius: var(--ds-radius-control);
    background: var(--ds-control-surface);
    color: var(--ds-color-text);
    font: inherit;
    font-size: var(--ds-text-xs);
    line-height: 1.7;
    text-decoration: none;
    text-align: start;
    cursor: pointer;
}
.sf-article-command[b-d2blf9k96h]  [aria-current="location"] {
    color: var(--ds-color-primary);
    box-shadow: var(--ds-control-recessed-shadow);
}
.sf-article-command[b-d2blf9k96h]  .sf-reading-toc-link[data-depth="3"] {
    padding-inline-start: var(--ds-space-6);
}
.sf-article-command[b-d2blf9k96h]  :focus-visible {
    outline: 3px solid var(--ds-control-label-ink);
    outline-offset: 3px;
}
@media (max-width: 47.5rem) {
    .sf-article-command[b-d2blf9k96h] {
        position: static;
    }
    .sf-article-command__hits[b-d2blf9k96h],
    .sf-article-command__toc[b-d2blf9k96h] {
        grid-template-columns: 1fr;
    }
}
@media (prefers-reduced-motion: reduce) {
    .sf-article-command[b-d2blf9k96h]  * {
        animation: none !important;
        transition: none !important;
    }
}
/* /Components/Storefront/ArticleRichContent.razor.rz.scp.css */
/* Ordinary sanitized Admin HTML; no editor-specific class or persisted presentation IDs required. */
.sf-article-rich[b-qq1j8ym4c3] {
    max-inline-size: min(100%, 96ch);
    min-inline-size: 0;
    margin-inline: auto;
    color: var(--ds-color-text);
    font-family: var(--ds-font-body);
    font-size: var(--ds-type-body-emphasis-size);
    line-height: 2.15;
    overflow-wrap: anywhere;
    scroll-margin-block-start: 17rem;
}
.sf-article-rich[b-qq1j8ym4c3]  :is(p, h2, h3, h4, ul, ol, blockquote, hr) {
    max-inline-size: 76ch;
    margin-inline: auto;
}
.sf-article-rich[b-qq1j8ym4c3]  :is(h2, h3, h4) {
    font-family: var(--ds-font-heading);
    font-weight: 700;
    text-wrap: balance;
    scroll-margin-block-start: 17rem;
}
.sf-article-rich[b-qq1j8ym4c3]  h2 {
    margin-block: clamp(3rem, 5vw, 4.7rem) var(--ds-space-5);
    font-size: clamp(1.55rem, 2.35vw, 2.05rem);
    line-height: 1.55;
}
.sf-article-rich[b-qq1j8ym4c3]  h3 {
    margin-block: var(--ds-space-10) var(--ds-space-3);
    font-size: 1.12rem;
    line-height: 1.7;
}
.sf-article-rich[b-qq1j8ym4c3]  h4 {
    margin-block: var(--ds-space-8) var(--ds-space-3);
    font-size: var(--ds-text-sm);
    line-height: 1.7;
}
.sf-article-rich[b-qq1j8ym4c3]  p {
    margin-block: 0 var(--ds-space-6);
}
.sf-article-rich[b-qq1j8ym4c3]  :is(ul, ol) {
    padding-inline-start: var(--ds-space-6);
    margin-block: var(--ds-space-4) var(--ds-space-8);
    box-sizing: border-box;
}
.sf-article-rich[b-qq1j8ym4c3]  li {
    margin-block: var(--ds-space-2);
}
.sf-article-rich[b-qq1j8ym4c3]  strong {
    font-weight: 700;
}
.sf-article-rich[b-qq1j8ym4c3]  a {
    color: var(--ds-color-primary);
    text-decoration: underline;
    text-underline-offset: .24em;
}
.sf-article-rich[b-qq1j8ym4c3]  blockquote {
    padding: var(--ds-space-5);
    box-sizing: border-box;
    border: 1px solid var(--ds-color-border);
    border-radius: var(--ds-radius-md);
    background: var(--ds-control-field-surface);
    box-shadow: var(--ds-control-recessed-shadow);
}
.sf-article-rich[b-qq1j8ym4c3]  :is(figure, .sf-article-table) {
    min-inline-size: 0;
    max-inline-size: 100%;
    margin: var(--ds-space-12) auto;
    padding: var(--ds-space-3);
    box-sizing: border-box;
    border-radius: var(--ds-radius-md);
    background: var(--ds-control-field-surface);
    box-shadow: var(--ds-control-recessed-shadow);
}
.sf-article-rich[b-qq1j8ym4c3]  img {
    display: block;
    max-inline-size: 100%;
    block-size: auto;
    margin-inline: auto;
    border-radius: var(--ds-radius-media);
}
.sf-article-rich[b-qq1j8ym4c3]  figcaption {
    margin-block-start: var(--ds-space-3);
    color: var(--ds-color-text-muted);
    font-size: var(--ds-type-meta-size);
    line-height: 1.75;
}
.sf-article-rich[b-qq1j8ym4c3]  .sf-article-table {
    overflow-x: auto;
    overscroll-behavior-inline: contain;
}
.sf-article-rich[b-qq1j8ym4c3]  table {
    inline-size: 100%;
    min-inline-size: 44rem;
    border-collapse: collapse;
    font-size: var(--ds-text-xs);
    line-height: 1.8;
}
.sf-article-rich[b-qq1j8ym4c3]  :is(th, td) {
    padding: var(--ds-space-3) var(--ds-space-4);
    border-block-end: 1px solid var(--ds-color-border);
    text-align: start;
    vertical-align: top;
}
.sf-article-rich[b-qq1j8ym4c3]  th {
    color: var(--ds-color-text);
    background: var(--ds-control-surface);
    font-weight: 700;
}
.sf-article-rich[b-qq1j8ym4c3]  hr {
    margin-block: var(--ds-space-12);
    border: 0;
    border-block-start: 1px solid var(--ds-color-border);
}
.sf-article-rich[b-qq1j8ym4c3]  :focus-visible {
    outline: 3px solid var(--ds-control-label-ink);
    outline-offset: 4px;
}
.sf-article-rich[b-qq1j8ym4c3]  ::highlight(article-matches) {
    color: var(--ds-color-text);
    background-color: color-mix(in srgb, var(--ds-color-accent) 42%, var(--ds-color-surface));
}
.sf-article-rich[b-qq1j8ym4c3]  ::highlight(article-current-match) {
    color: var(--ds-color-on-primary);
    background-color: var(--ds-color-primary);
}
@media (max-width: 47.5rem) {
    .sf-article-rich[b-qq1j8ym4c3] {
        font-size: var(--ds-text-sm);
        line-height: 2.06;
    }
}
.sf-article-rich[b-qq1j8ym4c3]  img[hidden] { display: none; }
.sf-article-rich[b-qq1j8ym4c3]  .sf-article-image-unavailable { color: var(--ds-color-text-muted); font-size: var(--ds-type-meta-size); }
/* /Components/Storefront/AuthSpecimen.razor.rz.scp.css */
/* =========================================================
   Auth composition consumes canonical DsField / DsButton.
   This file owns layout, selections, OTP geometry and shell decoration.
   ========================================================= */
.sf-auth-overlay[b-6x1dyfhqnq] {
  --auth-backdrop: rgb(212 222 233 / .32);
  --auth-bg: #e2e5eb;
  --auth-surface: #eeeff3;
  --auth-surface-high: #f7f8fa;
  --auth-surface-low: #d2d6e0;
  --auth-shadow: #bec5d2;
  --auth-ink: #34373e;
  --auth-muted: #7d8798;
  --auth-accent: #06a6fa;
  --auth-accent-deep: #158cfa;
  --auth-accent-soft: rgb(6 166 250 / .18);
  --auth-interaction-blue: #078ef3;
  --auth-interaction-cyan: #68edff;
  --auth-motion-fast: 120ms;
  --auth-motion-action: 300ms;
  --auth-gold: #d4a32d;
  --auth-error: #a95750;
  --auth-error-soft: rgb(169 87 80 / .09);
  --auth-success: #287b55;
  --auth-panel: linear-gradient(145deg, #f7f9fb 0%, #edf1f6 48%, #e5ebf2 100%);
  --auth-panel-shadow:
    -16px -16px 30px rgb(255 255 255 / .96),
    18px 22px 42px rgb(131 145 164 / .40),
    inset 2px 2px 2px rgb(255 255 255 / .96),
    inset -2px -2px 3px rgb(155 168 188 / .20);
  --auth-recessed-shadow:
    inset 6px 6px 12px rgb(151 163 183 / .38),
    inset -6px -6px 12px rgb(255 255 255 / .96),
    0 1px 2px rgb(120 130 150 / .08);
  position: fixed;
  z-index: var(--ds-z-modal);
  inset: 0;
  display: grid;
  place-items: center;
  padding: 2rem;
  overflow-y: auto;
  max-block-size: 100dvh;
  color: var(--auth-ink);
}

.sf-auth-overlay[data-theme="dark"][b-6x1dyfhqnq] {
  --auth-backdrop: rgb(17 21 28 / .58);
  --auth-bg: #252b34;
  --auth-surface: #2d343f;
  --auth-surface-high: #3a424f;
  --auth-surface-low: #20252d;
  --auth-shadow: #12161d;
  --auth-ink: #f1f4f8;
  --auth-muted: #a8b1bf;
  --auth-accent: #19adfa;
  --auth-accent-deep: #329bff;
  --auth-accent-soft: rgb(25 173 250 / .20);
  --auth-gold: #d9ae46;
  --auth-error: #efaaa3;
  --auth-error-soft: rgb(207 111 102 / .11);
  --auth-success: #83d5aa;
  --auth-panel: linear-gradient(145deg, rgb(55 63 76 / .97), rgb(34 40 50 / .95));
  --auth-panel-shadow:
    -9px -9px 22px rgb(78 88 104 / .32),
    14px 16px 34px rgb(4 7 11 / .48),
    inset 1px 1px 0 rgb(255 255 255 / .08),
    inset -1px -1px 0 rgb(0 0 0 / .24);
  --auth-recessed-shadow:
    inset 3px 3px 7px rgb(5 8 12 / .48),
    inset -3px -3px 7px rgb(75 85 101 / .28),
    0 1px 2px rgb(0 0 0 / .14);
}

.sf-auth-overlay__backdrop[b-6x1dyfhqnq] {
  position: absolute;
  inset: 0;
  inline-size: 100%;
  block-size: 100%;
  border: 0;
  background: rgb(212 222 233 / .78);
  animation: sf-auth-backdrop-in-b-6x1dyfhqnq 200ms ease both;
}

.sf-auth-overlay[data-theme="dark"] .sf-auth-overlay__backdrop[b-6x1dyfhqnq] { background: rgb(17 21 28 / .90); }

@supports ((-webkit-backdrop-filter: blur(12px)) or (backdrop-filter: blur(12px))) {
  .sf-auth-overlay__backdrop[b-6x1dyfhqnq] {
    background: var(--auth-backdrop);
    -webkit-backdrop-filter: blur(9px) saturate(.92);
    backdrop-filter: blur(9px) saturate(.92);
  }
}

.sf-auth-dialog[b-6x1dyfhqnq] {
  position: relative;
  isolation: isolate;
  box-sizing: border-box;
  inline-size: min(29rem, calc(100vw - 2rem));
  padding: 2.5rem;
  border: 0;
  border-radius: 1.875rem;
  background: var(--auth-panel);
  box-shadow: var(--auth-panel-shadow);
  color: var(--auth-ink);
  animation: sf-auth-panel-in-b-6x1dyfhqnq 300ms cubic-bezier(.22, 1, .36, 1) both;
}

/* Inner rim belongs to the one shell, not a second card. */
.sf-auth-dialog[b-6x1dyfhqnq]::before {
  position: absolute;
  inset: 14px;
  border-radius: 21px;
  box-shadow: inset 4px 4px 8px rgb(181 192 207 / .20), inset -5px -5px 10px rgb(255 255 255 / .82);
  pointer-events: none;
  content: "";
}

.sf-auth-dialog__close[b-6x1dyfhqnq] {
  position: absolute;
  z-index: 2;
  inset-block-start: 1rem;
  inset-inline-end: 1rem;
  display: grid;
  place-items: center;
  min-inline-size: 44px;
  min-block-size: 44px;
  padding: 0;
  border: 0;
  border-radius: 50%;
  background: linear-gradient(145deg, var(--auth-surface-high), var(--auth-surface-low));
  box-shadow: -6px -6px 12px rgb(255 255 255 / .84), 7px 8px 15px rgb(142 154 174 / .34), inset 1px 1px 1px rgb(255 255 255 / .9);
  color: var(--auth-muted);
  font-size: 1.25rem;
  cursor: pointer;
  transition: color 180ms ease, box-shadow 180ms ease, transform 180ms ease;
}

.sf-auth-overlay[data-theme="dark"] .sf-auth-dialog__close[b-6x1dyfhqnq] {
  box-shadow: -4px -4px 9px rgb(83 94 111 / .26), 5px 6px 12px rgb(4 7 11 / .38);
}

.sf-auth-dialog__close:hover[b-6x1dyfhqnq] { transform: translateY(1px); }
.sf-auth-dialog__close:active[b-6x1dyfhqnq] { transform: translateY(1px); box-shadow: var(--auth-recessed-shadow); }

.sf-auth-dialog__close:focus-visible[b-6x1dyfhqnq],
.sf-auth-card button:focus-visible[b-6x1dyfhqnq] {
  outline: 2px solid var(--auth-accent);
  outline-offset: 3px;
}

.sf-auth-dialog__header[b-6x1dyfhqnq] {
  display: grid;
  justify-items: center;
  padding-inline: 2rem;
  text-align: center;
}

.sf-auth-dialog__brand[b-6x1dyfhqnq] {
  position: relative;
  display: grid;
  place-items: center;
  inline-size: 3.75rem;
  block-size: 3.75rem;
  border: 0;
  border-radius: 50%;
  background: linear-gradient(145deg, var(--auth-surface-high), var(--auth-surface-low));
  box-shadow: -9px -9px 18px rgb(255 255 255 / .88), 10px 12px 22px rgb(138 151 171 / .38), inset 2px 2px 2px rgb(255 255 255 / .92), inset -2px -2px 3px rgb(152 165 184 / .18);
  color: var(--auth-accent-deep);
  font: 900 1.25rem var(--ds-font-technical);
}

.sf-auth-dialog__header p[b-6x1dyfhqnq] {
  margin: 0 0 .2rem;
  color: var(--auth-accent-deep);
  font-size: .75rem;
  font-weight: 800;
}

.sf-auth-dialog__header h2[b-6x1dyfhqnq] {
  margin: 0;
  color: var(--auth-ink);
  font-size: clamp(1.5rem, 4vw, 1.75rem);
  font-weight: 700;
  line-height: 1.45;
}

.sf-auth-card[b-6x1dyfhqnq] {
  margin-block-start: 1.25rem;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

.sf-auth-card form[b-6x1dyfhqnq] {
  display: grid;
  gap: 1rem;
  animation: sf-auth-step-in-b-6x1dyfhqnq 300ms cubic-bezier(.22, 1, .36, 1) both;
}

.sf-field[b-6x1dyfhqnq] {
  position: relative;
  display: grid;
  gap: .5rem;
}

/* One visible owner: hidden traces pause, including during opacity transfer. */
.sf-auth-trace[b-6x1dyfhqnq] {
  position: absolute;
  inset: -3px;
  width: calc(100% + 6px);
  height: calc(100% + 6px);
  overflow: visible;
  pointer-events: none;
  opacity: 0;
  z-index: 3;
  transition: opacity 180ms ease;
}
.sf-auth-trace rect[b-6x1dyfhqnq] {
  fill: none;
  stroke-dasharray: 9 91;
  stroke-linecap: round;
  animation: sf-auth-electric-b-6x1dyfhqnq 2.25s linear infinite paused;
}
.sf-auth-trace__halo[b-6x1dyfhqnq] {
  stroke-width: 3px;
  opacity: .7;
}
.sf-auth-trace__core[b-6x1dyfhqnq] { stroke-width: 1px; }
.sf-auth-trace__hot[b-6x1dyfhqnq] {
  stroke: var(--ds-control-trace-white);
  stroke-width: .72px;
  stroke-dasharray: 3 97 !important;
}

.sf-auth-dialog__brand img[b-6x1dyfhqnq],.sf-account-center__brand img[b-6x1dyfhqnq]{display:block;inline-size:100%;block-size:100%;object-fit:contain}
.sf-auth-dialog__brand img[b-6x1dyfhqnq]{padding:.45rem}
.sf-account-center__brand[b-6x1dyfhqnq]{position:absolute;inset-block-start:1.5rem;inset-inline-start:1.5rem;display:grid;place-items:center;inline-size:4rem;block-size:3.25rem;padding:.35rem;border-radius:.85rem;background:linear-gradient(145deg,#edf2f7,#dce4ed);box-shadow:-4px -4px 9px rgb(255 255 255/.86),5px 6px 12px rgb(137 151 170/.28),inset 2px 2px 4px rgb(255 255 255/.68),inset -2px -2px 4px rgb(152 167 187/.2)}
.sf-auth-overlay[data-theme="dark"] .sf-account-center__brand[b-6x1dyfhqnq]{background:linear-gradient(145deg,#363f4c,#252b34);box-shadow:-4px -4px 9px rgb(75 86 102/.2),5px 6px 12px rgb(3 6 10/.42)}
.sf-auth-trace--shell rect[b-6x1dyfhqnq] { rx: 30px; animation-duration: 4.4s; }
.sf-auth-dialog > .sf-auth-trace[b-6x1dyfhqnq] { opacity: .28; }
.sf-auth-dialog:is(:hover, :focus-within):not(:has(.sf-field:focus-within)) > .sf-auth-trace[b-6x1dyfhqnq],
.sf-otp-control:is(:hover, :focus-within) > .sf-auth-trace[b-6x1dyfhqnq] { opacity: 1; }
.sf-auth-dialog:is(:hover, :focus-within):not(:has(.sf-field:focus-within)) > .sf-auth-trace rect[b-6x1dyfhqnq],
.sf-otp-control:is(:hover, :focus-within) > .sf-auth-trace rect[b-6x1dyfhqnq] { animation-play-state: running; }
.sf-auth-dialog[data-scrolling="true"] .sf-auth-trace rect[b-6x1dyfhqnq],
.sf-auth-dialog[data-visible="false"] .sf-auth-trace rect[b-6x1dyfhqnq] { animation-play-state: paused !important; }
@keyframes sf-auth-electric-b-6x1dyfhqnq {
  0% { stroke-dashoffset: 0; stroke-dasharray: 5 95; }
  50% { stroke-dasharray: 11 89; }
  100% { stroke-dashoffset: -100; stroke-dasharray: 5 95; }
}

.sf-field small[b-6x1dyfhqnq],
.sf-auth-card__resend[b-6x1dyfhqnq],
.sf-auth-card__message[b-6x1dyfhqnq] {
  color: var(--auth-muted);
  font-size: .72rem;
  line-height: 1.75;
}

.sf-auth-card__resend[b-6x1dyfhqnq] {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

@keyframes sf-auth-shine-b-6x1dyfhqnq {
  from { transform: translateX(0) skewX(-20deg); opacity: 1; }
  to { transform: translateX(450%) skewX(-20deg); opacity: 0; }
}

.sf-auth-card__message[b-6x1dyfhqnq] {
  margin: 1rem 0 0;
  padding: .7rem .85rem;
  border-inline-start: 2px solid var(--auth-accent);
  border-radius: .5rem;
  background: rgb(234 237 242 / .52);
}

.sf-auth-card__message:empty[b-6x1dyfhqnq] {
  min-block-size: 1.25rem;
  padding: 0;
  border: 0;
  background: transparent;
}

.sf-auth-overlay[data-theme="dark"] .sf-auth-card__message[b-6x1dyfhqnq] { background: rgb(25 30 38 / .38); }

.sf-auth-card[data-state="error"] .sf-auth-card__message[b-6x1dyfhqnq] {
  border-color: var(--auth-error);
  color: var(--auth-error);
}

@keyframes sf-auth-backdrop-in-b-6x1dyfhqnq {
  from { opacity: 0; }
  to { opacity: 1; }
}

@keyframes sf-auth-panel-in-b-6x1dyfhqnq {
  from { opacity: 0; transform: translateY(12px) scale(.975); }
  to { opacity: 1; transform: none; }
}

@keyframes sf-auth-step-in-b-6x1dyfhqnq {
  from { opacity: 0; transform: translateX(-12px); }
  to { opacity: 1; transform: none; }
}

@media (max-width: 28rem) {
  .sf-auth-overlay[b-6x1dyfhqnq] {
    align-items: start;
    padding: .875rem;
    overflow-x: hidden;
    overflow-y: auto;
  }

  .sf-auth-dialog[b-6x1dyfhqnq] {
    inline-size: min(26.25rem, calc(100vw - 1.75rem));
    margin-block: auto;
    padding: 1.625rem;
    border-radius: 1.5rem;
  }

  .sf-auth-dialog__header[b-6x1dyfhqnq] { padding-inline: 1.6rem; }
}

@media (prefers-reduced-motion: reduce) {
  .sf-auth-trace rect[b-6x1dyfhqnq] { animation: none !important; }
  .sf-auth-overlay__backdrop[b-6x1dyfhqnq],
  .sf-auth-dialog[b-6x1dyfhqnq],
  .sf-auth-dialog[b-6x1dyfhqnq]::before,
  .sf-auth-dialog[b-6x1dyfhqnq]::after,
  .sf-auth-card form[b-6x1dyfhqnq] {
    animation-duration: .01ms;
    animation-iteration-count: 1;
    transform: none;
  }

  .sf-auth-dialog *[b-6x1dyfhqnq],
  .sf-auth-dialog *[b-6x1dyfhqnq]::before,
  .sf-auth-dialog *[b-6x1dyfhqnq]::after {
    scroll-behavior: auto;
    transition-duration: .01ms;
  }
}

/* Signature grammar. */
.sf-auth-overlay[b-6x1dyfhqnq]::before{position:absolute;z-index:1;inset:-12% 0;pointer-events:none;background:radial-gradient(ellipse at center,rgb(226 231 238/.98) 0 48%,rgb(226 231 238/.72) 61%,rgb(226 231 238/.28) 73%,transparent 86%);content:""}
.sf-auth-overlay__backdrop[b-6x1dyfhqnq]{z-index:0}.sf-auth-dialog[b-6x1dyfhqnq]{z-index:2}.sf-auth-overlay[data-theme="dark"][b-6x1dyfhqnq]::before{background:radial-gradient(ellipse at center,rgb(37 44 54/.96) 0 48%,rgb(37 44 54/.68) 62%,rgb(37 44 54/.24) 74%,transparent 87%)}
.sf-auth-dialog[data-view="otp"] .sf-auth-layout[b-6x1dyfhqnq]{min-block-size:0}.sf-auth-dialog[data-view="otp"] .sf-auth-main[b-6x1dyfhqnq]{padding:1.75rem 3rem}.sf-auth-dialog[data-view="otp"] .sf-auth-dialog__brand[b-6x1dyfhqnq]{inline-size:3rem;block-size:3rem}.sf-auth-dialog[data-view="otp"] .sf-auth-card[b-6x1dyfhqnq]{margin-block-start:.85rem}.sf-auth-dialog[data-view="otp"] .sf-auth-card form[b-6x1dyfhqnq]{gap:.7rem}.sf-auth-dialog[data-view="otp"] .sf-identity-data[b-6x1dyfhqnq]{margin-block-end:.55rem}.sf-auth-dialog[data-view="otp"] .sf-auth-card__message:empty[b-6x1dyfhqnq]{min-block-size:0;margin:0}
.sf-auth-tabs button:not([aria-selected="true"]):hover[b-6x1dyfhqnq],.sf-legal-tabs button:not([aria-pressed="true"]):hover[b-6x1dyfhqnq]{transform:translateY(-1px);color:var(--auth-accent-deep);box-shadow:-5px -5px 10px rgb(255 255 255/.88),6px 7px 12px rgb(129 146 168/.3)}
.sf-auth-meta[b-6x1dyfhqnq]{align-items:end}.sf-create-account[b-6x1dyfhqnq]{display:grid;gap:.2rem;justify-items:start}.sf-create-account small[b-6x1dyfhqnq]{color:var(--auth-muted);font-size:.68rem}

.sf-identity-data[b-6x1dyfhqnq]{display:grid;justify-items:center;gap:.4rem;margin-block-end:1rem;color:var(--auth-muted)}.sf-identity-data>span[b-6x1dyfhqnq],.sf-account-center__phone[b-6x1dyfhqnq]{display:inline-flex;align-items:center;gap:.55rem;min-block-size:40px;padding-inline:.9rem;border-radius:999px;background:linear-gradient(145deg,#eef3f7,#e2e8ef);box-shadow:4px 4px 9px rgb(153 168 187/.3),-4px -4px 9px rgb(255 255 255/.88);color:var(--auth-ink);font:750 .82rem var(--ds-font-body)}
.sf-otp-helper[b-6x1dyfhqnq]{display:flex;justify-content:space-between;align-items:center}
.sf-choice-grid button[role="radio"][b-6x1dyfhqnq]{cursor:pointer}.sf-choice-grid button[aria-checked="true"][b-6x1dyfhqnq]::after{position:absolute;inset-block-start:.65rem;inset-inline-end:.65rem;display:grid;place-items:center;inline-size:1.2rem;block-size:1.2rem;border-radius:50%;background:linear-gradient(135deg,var(--auth-accent),#5574ff);color:#fff;content:"✓";font-size:.7rem}.sf-choice-grid button:hover[b-6x1dyfhqnq]{transform:translateY(-1px)}
.sf-auth-check[b-6x1dyfhqnq]{cursor:pointer}.sf-auth-check input[b-6x1dyfhqnq]{appearance:none;flex:0 0 auto;inline-size:23px;block-size:23px;margin:0;border:0;border-radius:7px;background:linear-gradient(145deg,#dfe6ee,#eef3f7);box-shadow:inset 3px 3px 6px rgb(155 169 187/.45),inset -3px -3px 6px #fff}.sf-auth-check input:checked[b-6x1dyfhqnq]{background:linear-gradient(135deg,var(--auth-accent),#4778ff);box-shadow:2px 2px 5px rgb(122 143 170/.26),-2px -2px 5px #fff}.sf-auth-check input:checked[b-6x1dyfhqnq]::after{display:block;margin:.12rem .42rem;color:#fff;content:"✓";font-weight:900}.sf-auth-check input:focus-visible[b-6x1dyfhqnq]{outline:2px solid var(--auth-accent);outline-offset:3px}.sf-auth-check a[b-6x1dyfhqnq]{color:var(--auth-accent-deep)}
.sf-account-center__phone[b-6x1dyfhqnq]{margin-block-start:.4rem;color:var(--auth-muted)}
.sf-account-center__actions a[b-6x1dyfhqnq]{position:relative;overflow:hidden}.sf-account-center__actions a[b-6x1dyfhqnq]::after{position:absolute;inset:-40% auto -40% -45%;inline-size:28%;background:linear-gradient(90deg,transparent,rgb(255 255 255/.58),transparent);transform:skewX(-20deg);content:"";opacity:0}.sf-account-center__actions a:hover[b-6x1dyfhqnq]{box-shadow:8px 9px 17px rgb(150 166 187/.44),-7px -7px 14px #fff,inset 1px 2px 1px #fff}.sf-account-center__actions a:hover[b-6x1dyfhqnq]::after{animation:sf-auth-shine-b-6x1dyfhqnq 700ms ease 1;opacity:1}.sf-account-center__actions a:hover b[b-6x1dyfhqnq]{color:#fff;background:linear-gradient(135deg,var(--auth-accent),#5275ff)}.sf-account-center__actions a:hover i[b-6x1dyfhqnq]{transform:translateX(-2px)}.sf-account-center__actions a:active[b-6x1dyfhqnq]{transform:translateY(1px);box-shadow:var(--auth-recessed-shadow)}
@media(max-width:48rem){.sf-auth-overlay[b-6x1dyfhqnq]{place-items:center}.sf-auth-dialog[b-6x1dyfhqnq]{margin-inline:auto}.sf-register-grid>*[b-6x1dyfhqnq]{grid-column:1!important}.sf-register-actions[b-6x1dyfhqnq]{grid-template-columns:1fr}}

/* Pass 2: one physical shell, split into action and context planes. */
.sf-auth-dialog[b-6x1dyfhqnq] { inline-size:min(64rem,calc(100vw - 3rem)); padding:0; overflow:hidden; border:1px solid rgb(255 255 255 / .68); background:linear-gradient(145deg,#f0f4f9 0%,#e5ebf2 48%,#e9eef5 100%); box-shadow:30px 32px 64px rgb(154 168 188 / .58),-24px -24px 52px rgb(255 255 255 / .94),0 22px 42px rgb(118 137 161 / .14),inset 2px 2px 2px rgb(255 255 255 / .9),inset -2px -2px 2px rgb(170 183 199 / .14); }
.sf-auth-dialog[b-6x1dyfhqnq]::before { inset:14px; border-radius:21px; z-index:2; box-shadow:inset 4px 4px 8px rgb(181 192 207 / .2),inset -5px -5px 10px rgb(255 255 255 / .82),0 1px 0 rgb(255 255 255 / .8); }
.sf-auth-layout[b-6x1dyfhqnq] { position:relative; z-index:1; display:grid; min-block-size:35rem; direction:ltr; }
.sf-auth-main[b-6x1dyfhqnq],.sf-auth-context[b-6x1dyfhqnq] { direction:rtl; }
.sf-auth-dialog[data-view="otp"] .sf-auth-layout[b-6x1dyfhqnq] { grid-template-columns:1fr; min-block-size:31rem; }
.sf-auth-dialog[data-view="otp"] .sf-auth-main[b-6x1dyfhqnq] { inline-size:min(37rem,100%); margin:auto; }
.sf-auth-dialog[data-view="otp"] .sf-auth-context[b-6x1dyfhqnq] { display:none; }
.sf-auth-dialog[data-view^="register"] .sf-auth-main[b-6x1dyfhqnq] { padding-block:1.25rem; }
.sf-auth-dialog[data-view^="register"] .sf-auth-card form[b-6x1dyfhqnq] { gap:.55rem; }
.sf-auth-main[b-6x1dyfhqnq] { align-self: center; }
.sf-auth-dialog__header[b-6x1dyfhqnq] { grid-template-columns: auto 1fr; justify-items: start; align-items: center; gap: 1rem; padding: 0; text-align: start; }
.sf-auth-dialog__header > div > span[b-6x1dyfhqnq] { display: block; margin-block-start: .35rem; color: var(--auth-muted); }
.sf-auth-context[b-6x1dyfhqnq] { display: grid; gap: 2rem; }
.sf-auth-context small[b-6x1dyfhqnq] { color: var(--auth-accent-deep); font-weight: 800; }
.sf-auth-context p[b-6x1dyfhqnq] { margin: 0; color: var(--auth-muted); }
.sf-auth-context ul[b-6x1dyfhqnq] { display: grid; gap: .75rem; margin: 0; padding: 0; list-style: none; color: var(--auth-muted); font-size: .8rem; }
.sf-auth-context li[b-6x1dyfhqnq]::before { content: "✓"; margin-inline-end: .55rem; color: var(--auth-success); font-weight: 900; }
.sf-auth-tabs[b-6x1dyfhqnq],.sf-legal-tabs[b-6x1dyfhqnq] { display:grid; grid-template-columns:1fr 1fr; margin-block-end:1rem; border-radius:.9rem; background:#e1e7ee; box-shadow:inset 3px 3px 7px rgb(157 170 188 / .3),inset -3px -3px 7px rgb(255 255 255 / .8); }
.sf-auth-tabs button[b-6x1dyfhqnq] { min-block-size: 42px; border: 0; border-radius: .65rem; background: transparent; color: var(--auth-muted); cursor: pointer; }
.sf-auth-tabs button[b-6x1dyfhqnq],.sf-legal-tabs button[b-6x1dyfhqnq] { position:relative; min-block-size:44px; border:0; border-radius:.7rem; color:var(--auth-muted); cursor:pointer; }
.sf-auth-meta[b-6x1dyfhqnq] { display: flex; justify-content: space-between; gap: .75rem; margin-block-start: .65rem; }

.sf-otp-control[b-6x1dyfhqnq] { position: relative; direction: ltr; }
.sf-otp-slots[b-6x1dyfhqnq] { display: grid; grid-template-columns: repeat(6,1fr); gap: .55rem; direction: ltr; }
.sf-otp-input[b-6x1dyfhqnq] { position: absolute; inset: 0; inline-size: 100%; block-size: 100%; border: 0; opacity: .01; cursor: text; }
.sf-auth-countdown[b-6x1dyfhqnq] { position:relative; display:inline-grid; grid-template-columns:auto auto; align-items:center; gap:1.2rem; min-block-size:42px; padding:.35rem 1rem .55rem; border:0; border-radius:999px; background:linear-gradient(145deg,#eef3f8,#e1e7ef); box-shadow:5px 5px 10px rgb(159 173 191 / .38),-5px -5px 11px rgb(255 255 255 / .9); font-variant-numeric:tabular-nums; overflow:hidden; }
.sf-auth-countdown[b-6x1dyfhqnq]::after { position:absolute; inset:auto .65rem .3rem; block-size:3px; border-radius:999px; background:linear-gradient(90deg,var(--auth-accent) var(--auth-countdown-progress,0%),rgb(164 177 195 / .3) 0); box-shadow:inset 1px 1px 2px rgb(93 112 137 / .22); content:""; }

.sf-auth-progress[b-6x1dyfhqnq] { display:grid; gap:.6rem; margin-block-end:1.2rem; }
.sf-auth-progress__track[b-6x1dyfhqnq] { block-size:.5rem; border-radius:999px; background:#dce3eb; box-shadow:inset 3px 3px 6px rgb(153 168 187 / .4),inset -3px -3px 6px rgb(255 255 255 / .86); overflow:hidden; }
.sf-auth-progress__track > span[b-6x1dyfhqnq] { display:block; block-size:100%; border-radius:inherit; background:linear-gradient(90deg,var(--auth-accent),#6174ff); transition:inline-size .25s ease; }
.sf-auth-progress ol[b-6x1dyfhqnq] { display:grid; grid-template-columns:repeat(5,1fr); gap:.25rem; margin:0; padding:0; list-style:none; }
.sf-auth-progress li[b-6x1dyfhqnq] { display:grid; justify-items:center; gap:.25rem; color:var(--auth-muted); font-size:.62rem; }
.sf-auth-progress li b[b-6x1dyfhqnq] { display:grid; place-items:center; inline-size:1.65rem; block-size:1.65rem; border-radius:50%; background:linear-gradient(145deg,#edf2f7,#dfe6ee); box-shadow:3px 3px 7px rgb(148 163 182 / .3),-3px -3px 7px rgb(255 255 255 / .85); }
.sf-auth-progress li.is-active b[b-6x1dyfhqnq] { color:#fff; background:linear-gradient(135deg,var(--auth-accent),#5574ff); }
.sf-auth-progress li.is-complete b[b-6x1dyfhqnq] { color:var(--auth-success); }
.sf-register-grid[b-6x1dyfhqnq] { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: .85rem; }
.sf-choice-grid[b-6x1dyfhqnq] { display: grid; grid-template-columns: 1fr 1fr; gap: .75rem; }
.sf-choice-grid button[b-6x1dyfhqnq] { min-block-size: 7rem; padding: 1rem; border: 1px solid transparent; border-radius: 1rem; background: linear-gradient(145deg,var(--auth-surface-high),var(--auth-surface)); box-shadow: -6px -6px 12px rgb(255 255 255 / .85),7px 8px 15px rgb(137 150 170 / .3); color: var(--auth-ink); font-weight: 800; }
.sf-choice-grid small[b-6x1dyfhqnq] { display: block; margin-block-start: .5rem; color: var(--auth-muted); font-weight: 400; line-height: 1.7; }
.sf-register__optional[b-6x1dyfhqnq],.sf-register-code p[b-6x1dyfhqnq],.sf-auth-complete p[b-6x1dyfhqnq] { color: var(--auth-muted); font-size: .8rem; line-height: 1.8; }
.sf-register-actions[b-6x1dyfhqnq] { display: grid; grid-template-columns: auto 1fr; gap: .75rem; margin-block-start: 1rem; }

.sf-auth-check[b-6x1dyfhqnq] { display: flex; gap: .6rem; align-items: center; margin-block-start: 1rem; color: var(--auth-muted); font-size: .8rem; }
.sf-register-code[b-6x1dyfhqnq],.sf-auth-complete[b-6x1dyfhqnq] { display: grid; justify-items: center; gap: .75rem; text-align: center; }
.sf-auth-complete > span[b-6x1dyfhqnq] { display: grid; place-items: center; inline-size: 4rem; block-size: 4rem; border-radius: 50%; background: #dff1e7; color: var(--auth-success); font-size: 1.5rem; }
.sf-account-center[b-6x1dyfhqnq] { position:relative; z-index:1; display:grid; grid-template-columns:1fr 1fr; min-block-size:29rem; background:linear-gradient(145deg,#f1f5f9,#e7edf3 52%,#eaf0f5); }
.sf-account-center[b-6x1dyfhqnq]::after { position:absolute; inset-block:1.7rem; inset-inline-start:50%; inline-size:1px; background:linear-gradient(transparent,rgb(119 139 164 / .18) 14%,rgb(255 255 255 / .9) 50%,rgb(119 139 164 / .18) 86%,transparent); box-shadow:1px 0 rgb(255 255 255 / .65); content:""; }
.sf-account-center__profile[b-6x1dyfhqnq] { display:grid; align-content:center; justify-items:center; gap:1.15rem; padding:3rem; text-align:center; background:transparent; }
.sf-account-center__avatar[b-6x1dyfhqnq] { position:relative; display:grid; place-items:center; inline-size:7.25rem; block-size:7.25rem; border:10px solid #e8eef4; border-radius:43%; background:linear-gradient(145deg,#dce5ee,#f2f6fa); box-shadow:-13px -13px 28px rgb(255 255 255 / .96),15px 17px 32px rgb(131 147 168 / .36),inset 6px 6px 13px rgb(158 174 194 / .34),inset -6px -6px 14px rgb(255 255 255 / .94); color:var(--auth-accent-deep); font-size:1.55rem; font-weight:900; letter-spacing:.08em; }
.sf-account-center__avatar[b-6x1dyfhqnq]::after { position:absolute; inset-block-end:.35rem; inset-inline-end:.45rem; inline-size:.72rem; block-size:.72rem; border:3px solid #e8eef4; border-radius:50%; background:var(--auth-success); content:""; }
.sf-account-center__profile h2[b-6x1dyfhqnq] { margin: .45rem 0 .2rem; font-size: clamp(1.4rem,3vw,1.85rem); line-height: 1.5; }
.sf-account-center__profile bdi[b-6x1dyfhqnq] { color: var(--auth-muted); font: 650 .85rem var(--ds-font-technical); }
.sf-account-center__badge[b-6x1dyfhqnq] { display: inline-flex; align-items: center; min-block-size: 26px; padding-inline: .65rem; border-radius: 999px; background: rgb(40 123 85 / .1); color: var(--auth-success); font-size: .68rem; font-weight: 800; }
.sf-account-center__actions[b-6x1dyfhqnq] { display:grid; grid-template-rows:1fr auto; gap:1rem; padding:3rem; align-content:center; }
.sf-account-center__actions nav[b-6x1dyfhqnq] { display: grid; align-content: center; gap: .7rem; }
.sf-account-center__actions a[b-6x1dyfhqnq] { display:grid; grid-template-columns:2.35rem 1fr auto; align-items:center; gap:.7rem; min-block-size:62px; padding:.45rem .65rem; border:0; border-radius:1rem; background:linear-gradient(145deg,#e2e8ef,#f2f5f8); box-shadow:inset 5px 5px 10px rgb(164 177 195 / .42),inset -5px -5px 11px rgb(255 255 255 / .95),0 4px 10px rgb(120 138 160 / .08); color:var(--auth-ink); font-weight:750; text-decoration:none; transition:transform 150ms ease,box-shadow 180ms ease,color 180ms ease; }
.sf-account-center__actions a b[b-6x1dyfhqnq] { display:grid; place-items:center; inline-size:2.35rem; block-size:2.35rem; border-radius:.72rem; background:linear-gradient(145deg,#f8fafc,#dbe3ec); box-shadow:-3px -3px 7px #fff,4px 5px 9px rgb(132 148 168 / .25); color:var(--auth-accent-deep); font-size:1rem; }
.sf-account-center__actions a:hover[b-6x1dyfhqnq] { color: var(--auth-accent-deep); transform: translateY(-1px); }
.sf-account-center__actions a:focus-visible[b-6x1dyfhqnq] { outline: 2px solid var(--auth-accent); outline-offset: 3px; }
.sf-account-center__actions i[b-6x1dyfhqnq] { color: var(--auth-accent-deep); font-style: normal; }

.sf-auth-overlay--page[b-6x1dyfhqnq] { position: relative; z-index: auto; min-block-size: calc(100dvh - 8rem); max-block-size: none; padding-block: 3rem; background: transparent; }
.sf-auth-overlay--page .sf-auth-dialog[b-6x1dyfhqnq] { animation: none; }
.sf-auth-overlay[data-theme="dark"] .sf-auth-context[b-6x1dyfhqnq] { background: linear-gradient(150deg,#252d38,#303945); box-shadow: inset 10px 0 24px rgb(0 0 0 / .22); }
.sf-auth-overlay[data-theme="dark"] .sf-choice-grid button[b-6x1dyfhqnq],.sf-auth-overlay[data-theme="dark"] .sf-account-center__actions a[b-6x1dyfhqnq] { background: linear-gradient(145deg,#363f4c,#252b34); box-shadow: -5px -5px 12px rgb(75 86 102 / .22),6px 7px 14px rgb(3 6 10 / .4); }
.sf-auth-overlay[data-theme="dark"] .sf-auth-tabs[b-6x1dyfhqnq],.sf-auth-overlay[data-theme="dark"] .sf-auth-countdown[b-6x1dyfhqnq] { background:#252b34; }
.sf-auth-overlay[data-theme="dark"] .sf-account-center[b-6x1dyfhqnq] { background:linear-gradient(145deg,#313946,#252c36); }
.sf-auth-overlay[data-theme="dark"] .sf-account-center__profile[b-6x1dyfhqnq] { background:transparent;box-shadow:none; }
.sf-auth-overlay[data-theme="dark"] .sf-account-center__avatar[b-6x1dyfhqnq] { background:linear-gradient(145deg,#3a4350,#252c36);box-shadow:-6px -6px 14px rgb(76 87 103 / .22),8px 9px 18px rgb(3 6 10 / .45); }
@media(max-width:48rem){.sf-auth-overlay[b-6x1dyfhqnq]{padding:1rem}.sf-auth-dialog[b-6x1dyfhqnq]{inline-size:min(31rem,calc(100vw - 2rem))}.sf-auth-layout[b-6x1dyfhqnq],.sf-account-center[b-6x1dyfhqnq]{grid-template-columns:1fr}.sf-auth-main[b-6x1dyfhqnq]{padding:2rem 1.5rem}.sf-auth-context[b-6x1dyfhqnq]{padding:1.35rem 1.5rem;gap:.8rem}.sf-auth-context ul[b-6x1dyfhqnq]{display:none}.sf-auth-context h3[b-6x1dyfhqnq]{font-size:1.1rem;margin:.2rem 0}.sf-auth-context p[b-6x1dyfhqnq]{font-size:.75rem;line-height:1.7}.sf-register-grid[b-6x1dyfhqnq]{grid-template-columns:1fr}.sf-account-center[b-6x1dyfhqnq]{min-block-size:0}.sf-account-center[b-6x1dyfhqnq]::after{display:none}.sf-account-center__profile[b-6x1dyfhqnq]{padding:1.45rem}.sf-account-center__actions[b-6x1dyfhqnq]{padding:1rem 1.25rem 1.35rem}.sf-account-center__avatar[b-6x1dyfhqnq]{inline-size:5rem;block-size:5rem;border-width:7px}.sf-account-center__profile h2[b-6x1dyfhqnq]{font-size:1.3rem;margin-block:.3rem .1rem}}
@media(max-width:28rem){.sf-auth-dialog[b-6x1dyfhqnq]{inline-size:calc(100vw - 1.5rem);margin-block:0}.sf-auth-main[b-6x1dyfhqnq]{padding:1.5rem 1rem}.sf-auth-dialog__header[b-6x1dyfhqnq]{grid-template-columns:1fr;justify-items:center;text-align:center}.sf-auth-dialog__brand[b-6x1dyfhqnq]{inline-size:3rem;block-size:3rem}.sf-otp-slots[b-6x1dyfhqnq]{gap:.3rem}.sf-choice-grid[b-6x1dyfhqnq]{grid-template-columns:1fr}.sf-auth-context[b-6x1dyfhqnq]{display:none}}

/* Owner runtime correction: one material, direct OTP editing, compact registration. */
.sf-auth-dialog__brand[b-6x1dyfhqnq]{font-size:.72rem;letter-spacing:.04em}
.sf-auth-layout[b-6x1dyfhqnq]{background:var(--auth-panel)}
.sf-auth-context[b-6x1dyfhqnq]{align-content:center;background:transparent;box-shadow:none}
.sf-auth-dialog[data-step="5"][b-6x1dyfhqnq]{inline-size:min(34rem,calc(100vw - 3rem))}.sf-auth-dialog[data-step="5"] .sf-auth-layout[b-6x1dyfhqnq]{grid-template-columns:1fr;min-block-size:28rem}.sf-auth-dialog[data-step="5"] .sf-auth-context[b-6x1dyfhqnq]{display:none}.sf-auth-dialog[data-step="5"] .sf-auth-main[b-6x1dyfhqnq]{padding:2.5rem}
.sf-context-register[b-6x1dyfhqnq]{display:grid;gap:.45rem;margin-block-start:2rem}.sf-context-register small[b-6x1dyfhqnq]{color:var(--auth-muted)}
.sf-create-account--mobile[b-6x1dyfhqnq]{display:none}
.sf-otp-label[b-6x1dyfhqnq]{position:static!important;opacity:1!important;transform:none!important;display:block;margin-block-end:.45rem;color:var(--auth-ink)!important;font-size:.78rem!important}
.sf-otp-slots button[b-6x1dyfhqnq]{display:grid;place-items:center;min-inline-size:0;aspect-ratio:1;border:1px solid rgb(255 255 255/.35);border-radius:.8rem;background:linear-gradient(145deg,#dfe6ee,#eef3f7);box-shadow:inset 8px 8px 14px rgb(164 177 194/.58),inset -8px -8px 15px rgb(255 255 255/.96),1px 1px 1px rgb(255 255 255/.5);color:var(--auth-ink);font:900 1.5rem var(--ds-font-technical);cursor:text}
.sf-otp-slots button.is-filled[b-6x1dyfhqnq]{color:var(--auth-accent-deep);background:linear-gradient(145deg,#dce5ee,#f4f7fa)}
.sf-otp-slots button.is-current[b-6x1dyfhqnq]{outline:0;box-shadow:inset 0 0 0 2px var(--ds-control-accent),inset 6px 6px 12px rgb(155 170 190/.5),inset -7px -7px 14px var(--ds-control-highlight)}
.sf-auth-countdown[b-6x1dyfhqnq]{inline-size:clamp(13.125rem,45%,15.625rem);justify-content:space-between}
.sf-field-heading[b-6x1dyfhqnq]{display:flex;justify-content:space-between;align-items:center;margin-block-end:.35rem;color:var(--auth-ink);font-size:.75rem}.sf-field-heading small[b-6x1dyfhqnq]{color:var(--auth-muted);font-size:.66rem}
.sf-upload[b-6x1dyfhqnq]{display:grid;grid-template-columns:2.2rem 1fr;align-items:center;gap:.15rem .65rem;min-block-size:56px;padding:.45rem .7rem;border-radius:.85rem;background:linear-gradient(145deg,#eef3f7,#dfe6ee);box-shadow:5px 5px 10px rgb(154 169 188/.32),-5px -5px 10px #fff;cursor:pointer}.sf-upload>span[b-6x1dyfhqnq]{grid-row:1/3;display:grid;place-items:center;inline-size:2.2rem;block-size:2.2rem;border-radius:.6rem;background:#e1e8ef;color:var(--auth-accent-deep)}.sf-upload strong[b-6x1dyfhqnq]{font-size:.75rem}.sf-upload small[b-6x1dyfhqnq]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.65rem}.sf-upload__input[b-6x1dyfhqnq]{position:absolute;inline-size:1px;block-size:1px;overflow:hidden;clip-path:inset(50%)}
.sf-register-grid[b-6x1dyfhqnq]{gap:.55rem .85rem}.sf-register-grid:not(.sf-register-grid--optional)>.sf-field:nth-child(3)[b-6x1dyfhqnq]{grid-column:1/-1}.sf-register-grid--optional>.sf-field:nth-child(3)[b-6x1dyfhqnq],.sf-register-grid--optional>.sf-field--reg-address[b-6x1dyfhqnq]{grid-column:auto}.sf-register__optional[b-6x1dyfhqnq]{display:none}.sf-register-grid--optional .sf-field[b-6x1dyfhqnq]{gap:.25rem}.sf-register-grid--optional .sf-upload[b-6x1dyfhqnq]{min-block-size:48px}.sf-register-actions[b-6x1dyfhqnq]{grid-template-columns:7.5rem 1fr;margin-block-start:.55rem}.sf-register-code[b-6x1dyfhqnq]{inline-size:100%}.sf-register-code>.sf-field[b-6x1dyfhqnq],.sf-register-code>.sf-auth-card__resend[b-6x1dyfhqnq]{inline-size:100%}
.sf-auth-overlay[data-theme="dark"] .sf-auth-context[b-6x1dyfhqnq]{background:transparent;box-shadow:none}.sf-auth-overlay[data-theme="dark"] .sf-otp-slots button[b-6x1dyfhqnq],.sf-auth-overlay[data-theme="dark"] .sf-upload[b-6x1dyfhqnq]{background:linear-gradient(145deg,#363f4c,#252b34);box-shadow:-5px -5px 12px rgb(75 86 102/.22),6px 7px 14px rgb(3 6 10/.4)}
@media(max-width:48rem){.sf-create-account--mobile[b-6x1dyfhqnq]{display:grid}.sf-context-register[b-6x1dyfhqnq]{display:none}.sf-otp-input[b-6x1dyfhqnq]{pointer-events:auto}.sf-register-grid>*[b-6x1dyfhqnq]{grid-column:1!important}.sf-register-actions[b-6x1dyfhqnq]{grid-template-columns:1fr}}

/* Final Owner precision pass: structural split, unified fields, and calm raised actions. */

.sf-auth-overlay[data-theme="dark"][b-6x1dyfhqnq] {
  --auth-raised-shadow: -4px -4px 9px rgb(75 86 102 / .2), 5px 6px 12px rgb(3 6 10 / .42);
}

.sf-auth-overlay[data-theme="dark"] .sf-auth-dialog[b-6x1dyfhqnq] {
  border-color: rgb(255 255 255 / .1);
  background: var(--auth-panel);
  box-shadow: var(--auth-panel-shadow);
}

.sf-auth-overlay[data-theme="dark"] .sf-auth-dialog[b-6x1dyfhqnq]::before {
  box-shadow: var(--auth-recessed-shadow);
}

.sf-auth-overlay[data-theme="dark"] .sf-identity-data > span[b-6x1dyfhqnq],
.sf-auth-overlay[data-theme="dark"] .sf-account-center__phone[b-6x1dyfhqnq] {
  background: linear-gradient(145deg, var(--auth-surface-high), var(--auth-surface-low));
  box-shadow: var(--auth-raised-shadow);
}

.sf-auth-overlay[data-theme="dark"] .sf-account-center__avatar[b-6x1dyfhqnq],
.sf-auth-overlay[data-theme="dark"] .sf-account-center__avatar[b-6x1dyfhqnq]::after {
  border-color: var(--auth-surface-high);
}

.sf-auth-overlay[data-theme="dark"] .sf-account-center__actions a b[b-6x1dyfhqnq] {
  background: linear-gradient(145deg, var(--auth-surface-high), var(--auth-surface-low));
  box-shadow: var(--auth-raised-shadow);
}

.sf-auth-layout[b-6x1dyfhqnq] {
  grid-template-columns: minmax(0, 1fr) 1px minmax(0, 1fr);
  background: var(--auth-panel);
}

.sf-auth-main[b-6x1dyfhqnq],
.sf-auth-context[b-6x1dyfhqnq] {
  min-inline-size: 0;
  background: transparent;
}

.sf-auth-main[b-6x1dyfhqnq] {
  padding: clamp(2rem, 3.2vw, 3.25rem);
}

.sf-auth-context[b-6x1dyfhqnq] {
  padding: clamp(2rem, 3.2vw, 3.25rem);
  box-shadow: none;
}

.sf-auth-divider[b-6x1dyfhqnq] {
  align-self: stretch;
  min-inline-size: 1px;
  margin-block: 1.7rem;
  background: linear-gradient(
    transparent,
    rgb(119 139 164 / .18) 14%,
    rgb(255 255 255 / .9) 50%,
    rgb(119 139 164 / .18) 86%,
    transparent
  );
  box-shadow: 1px 0 rgb(255 255 255 / .65), -1px 0 rgb(112 132 157 / .08);
}

.sf-auth-dialog[data-view="otp"] .sf-auth-divider[b-6x1dyfhqnq],
.sf-auth-dialog[data-step="5"] .sf-auth-divider[b-6x1dyfhqnq] {
  display: none;
}

.sf-auth-dialog[data-view="otp"] .sf-auth-layout[b-6x1dyfhqnq],
.sf-auth-dialog[data-step="5"] .sf-auth-layout[b-6x1dyfhqnq] {
  grid-template-columns: minmax(0, 1fr);
}

/* The transparent brand artwork is the physical decal; no holder surface remains. */
.sf-auth-dialog__brand[b-6x1dyfhqnq] {
  inline-size: 6rem;
  block-size: 3.4rem;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

.sf-auth-dialog__brand[b-6x1dyfhqnq]::after {
  display: none;
}

.sf-auth-dialog__brand img[b-6x1dyfhqnq],
.sf-account-center__brand img[b-6x1dyfhqnq] {
  padding: 0;
  filter:
    drop-shadow(-1px -1px 0 rgb(255 255 255 / .78))
    drop-shadow(2px 3px 3px rgb(92 111 136 / .28));
}

.sf-auth-overlay[data-theme="dark"] .sf-auth-dialog__brand[b-6x1dyfhqnq] {
  box-shadow: none;
}

.sf-auth-overlay[data-theme="dark"] .sf-auth-dialog__brand img[b-6x1dyfhqnq],
.sf-auth-overlay[data-theme="dark"] .sf-account-center__brand img[b-6x1dyfhqnq] {
  filter:
    drop-shadow(-1px -1px 0 rgb(255 255 255 / .14))
    drop-shadow(2px 3px 3px rgb(0 0 0 / .46));
}

.sf-account-center__brand[b-6x1dyfhqnq] {
  inline-size: 5.75rem;
  block-size: 3.25rem;
  padding: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

.sf-auth-overlay[data-theme="dark"] .sf-account-center__brand[b-6x1dyfhqnq] {
  background: transparent;
  box-shadow: none;
}

.sf-auth-dialog[data-view="otp"] .sf-auth-dialog__header[b-6x1dyfhqnq],
.sf-auth-dialog[data-step="5"] .sf-auth-dialog__header[b-6x1dyfhqnq] {
  grid-template-columns: minmax(0, 1fr);
  justify-items: center;
  text-align: center;
}

/* Specialized OTP retains its native input and perimeter geometry. */

.sf-otp-control > .sf-auth-trace[b-6x1dyfhqnq] {
  inset: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.sf-field__requirement--optional[b-6x1dyfhqnq] { color: var(--auth-success); }
.sf-field__requirement--required[b-6x1dyfhqnq] { color: var(--auth-error); }

.sf-field-heading[b-6x1dyfhqnq] {
  margin-block-end: .35rem;
}

/* Typography follows the accepted Persian font ownership and tight hierarchy. */
.sf-auth-dialog__header p[b-6x1dyfhqnq],
.sf-auth-context small[b-6x1dyfhqnq] {
  font-size: .8125rem;
  font-weight: 800;
}

.sf-auth-dialog__header p[b-6x1dyfhqnq]::after,
.sf-auth-context > div > small[b-6x1dyfhqnq]::after {
  display: inline-block;
  inline-size: 1.5rem;
  block-size: 2px;
  margin-inline-start: .5rem;
  border-radius: 999px;
  background: linear-gradient(90deg, var(--auth-accent), var(--auth-accent-deep));
  vertical-align: middle;
  content: "";
}

.sf-auth-dialog__header h2[b-6x1dyfhqnq] {
  font-size: clamp(2rem, 2.2vw, 2.25rem);
  font-weight: 800;
  line-height: 1.35;
}

.sf-auth-dialog__header > div > span[b-6x1dyfhqnq],
.sf-auth-context p[b-6x1dyfhqnq] {
  max-inline-size: 38ch;
  font-size: .9375rem;
  line-height: 1.85;
}

.sf-auth-context h3[b-6x1dyfhqnq] {
  max-inline-size: 17ch;
  margin-block: .55rem .65rem;
  font-size: clamp(1.9rem, 2.2vw, 2.25rem);
  font-weight: 800;
  line-height: 1.4;
  text-wrap: balance;
}

.sf-field small[b-6x1dyfhqnq],
.sf-otp-helper small[b-6x1dyfhqnq] {
  font-size: .8rem;
}

/* Tab rail stays recessed while only the active choice rises above it. */
.sf-auth-tabs[b-6x1dyfhqnq],
.sf-legal-tabs[b-6x1dyfhqnq] {
  gap: .45rem;
  padding: .35rem;
}

.sf-auth-tabs button[b-6x1dyfhqnq],
.sf-legal-tabs button[b-6x1dyfhqnq] {
  overflow: hidden;
  background: transparent;
  box-shadow: none;
  font-weight: 650;
  transition: transform 150ms ease, box-shadow 180ms ease, color 180ms ease, background 180ms ease;
}

.sf-auth-tabs button[b-6x1dyfhqnq]::before,
.sf-legal-tabs button[b-6x1dyfhqnq]::before {
  position: absolute;
  inset: -45% auto -45% -35%;
  inline-size: 24%;
  background: linear-gradient(90deg, transparent, rgb(255 255 255 / .7), transparent);
  opacity: 0;
  transform: skewX(-20deg);
  content: "";
}

.sf-auth-tabs button:not([aria-selected="true"]):hover[b-6x1dyfhqnq]::before,
.sf-legal-tabs button:not([aria-checked="true"]):hover[b-6x1dyfhqnq]::before {
  animation: sf-auth-shine-b-6x1dyfhqnq 650ms ease 1;
}

.sf-auth-tabs button[aria-selected="true"][b-6x1dyfhqnq],
.sf-legal-tabs button[aria-checked="true"][b-6x1dyfhqnq] {
  overflow: visible;
  background: linear-gradient(145deg, #f8fbfd, #e8eef5);
  color: var(--auth-accent-deep);
  font-weight: 850;
  box-shadow:
    -6px -6px 12px rgb(255 255 255 / .95),
    7px 8px 15px rgb(125 143 166 / .38),
    inset 1px 1px 1px rgb(255 255 255 / .96);
}

.sf-auth-tabs button[aria-selected="true"][b-6x1dyfhqnq]::before,
.sf-legal-tabs button[aria-checked="true"][b-6x1dyfhqnq]::before {
  inset-block: 50% auto;
  inset-inline: auto .7rem;
  inline-size: .38rem;
  block-size: .38rem;
  border-radius: 50%;
  background: var(--auth-accent);
  box-shadow: 0 0 0 3px var(--auth-accent-soft);
  opacity: 1;
  transform: translateY(-50%);
}

.sf-auth-tabs button[aria-selected="true"][b-6x1dyfhqnq]::after,
.sf-legal-tabs button[aria-checked="true"][b-6x1dyfhqnq]::after {
  position: absolute;
  inset: auto 28% -.35rem;
  block-size: 3px;
  border-radius: 999px;
  background: linear-gradient(90deg, var(--auth-interaction-cyan), var(--auth-interaction-blue));
  content: "";
}

.sf-auth-overlay[data-theme="dark"] .sf-auth-tabs button[aria-selected="true"][b-6x1dyfhqnq],
.sf-auth-overlay[data-theme="dark"] .sf-legal-tabs button[aria-checked="true"][b-6x1dyfhqnq] {
  background: linear-gradient(145deg, #3a4452, #29313c);
  box-shadow: -4px -4px 10px rgb(76 88 104 / .22), 6px 7px 13px rgb(3 6 10 / .45);
}

/* Choice cards expose selection through edge, tint, elevation, and check. */
.sf-choice-grid button[b-6x1dyfhqnq] {
  position: relative;
  overflow: hidden;
  transition: transform 150ms ease, box-shadow 180ms ease, color 180ms ease, background 180ms ease;
}

.sf-choice-grid button[b-6x1dyfhqnq]::before {
  position: absolute;
  inset: -45% auto -45% -35%;
  inline-size: 24%;
  background: linear-gradient(90deg, transparent, rgb(255 255 255 / .68), transparent);
  opacity: 0;
  transform: skewX(-20deg);
  content: "";
}

.sf-choice-grid button:hover[b-6x1dyfhqnq]::before {
  animation: sf-auth-shine-b-6x1dyfhqnq 650ms ease 1;
}

.sf-choice-grid button[aria-checked="true"][b-6x1dyfhqnq] {
  border: 2px solid color-mix(in srgb, var(--auth-accent) 72%, white);
  background: linear-gradient(145deg, #f7fbfd, #e7f1f8);
  color: var(--auth-accent-deep);
  font-weight: 900;
  box-shadow:
    -8px -8px 16px rgb(255 255 255 / .95),
    10px 11px 22px rgb(118 140 168 / .4),
    inset 0 -3px var(--auth-accent);
}

.sf-auth-overlay[data-theme="dark"] .sf-choice-grid button[aria-checked="true"][b-6x1dyfhqnq] {
  background: linear-gradient(145deg, #3a4655, #29333f);
}

.sf-auth-tabs button:active[b-6x1dyfhqnq],
.sf-auth-tabs button:active:hover[b-6x1dyfhqnq],
.sf-legal-tabs button:active[b-6x1dyfhqnq],
.sf-legal-tabs button:active:hover[b-6x1dyfhqnq],
.sf-choice-grid button:active[b-6x1dyfhqnq] {
  transform: translateY(1px);
  box-shadow: var(--auth-recessed-shadow);
}

/* One invisible semantic input owns OTP keyboard behavior; slots only project it. */
.sf-otp-control[b-6x1dyfhqnq] {
  box-sizing: border-box;
  inline-size: 100%;
  max-inline-size: 100%;
  isolation: isolate;
  cursor: text;
}

.sf-otp-slots[b-6x1dyfhqnq] {
  position: relative;
  z-index: 2;
  inline-size: 100%;
  min-inline-size: 0;
  pointer-events: none;
}

.sf-otp-slots button[b-6x1dyfhqnq] {
  pointer-events: auto;
}

.sf-otp-input[b-6x1dyfhqnq] {
  z-index: 0;
  pointer-events: none;
}

.sf-otp-helper[b-6x1dyfhqnq] {
  min-block-size: 36px;
  gap: .75rem;
}

/* Step 3 owns its full-width address and uploader rows explicitly. */
.sf-register-grid--optional > .sf-field--reg-address[b-6x1dyfhqnq],
.sf-register-grid--optional > .sf-field--reg-profile[b-6x1dyfhqnq] {
  grid-column: 1 / -1;
}

.sf-register-grid--optional .sf-upload[b-6x1dyfhqnq] {
  inline-size: 100%;
}

.sf-register-grid > .sf-field[b-6x1dyfhqnq] {
  inline-size: 100%;
  min-inline-size: 0;
}

.sf-auth-dialog[data-view="otp"][b-6x1dyfhqnq] {
  inline-size: min(42rem, calc(100vw - 3rem));
}

.sf-auth-dialog[data-view="otp"] .sf-auth-main[b-6x1dyfhqnq] {
  inline-size: min(34rem, 100%);
  padding: 1.5rem 2.25rem;
}

.sf-auth-dialog[data-view="otp"] .sf-auth-dialog__brand[b-6x1dyfhqnq] {
  inline-size: 5.25rem;
  block-size: 3rem;
}

.sf-auth-dialog[data-step="5"] .sf-auth-layout[b-6x1dyfhqnq] {
  min-block-size: 22rem;
}

.sf-auth-dialog[data-step="5"] .sf-auth-main[b-6x1dyfhqnq] {
  padding: 1.75rem 2rem;
}

.sf-auth-dialog[data-step="5"] .sf-auth-card[b-6x1dyfhqnq] {
  margin-block-start: .7rem;
}

.sf-auth-complete[b-6x1dyfhqnq] { gap: .5rem; }
.sf-auth-complete > span[b-6x1dyfhqnq] { inline-size: 3.25rem; block-size: 3.25rem; }
.sf-auth-complete h3[b-6x1dyfhqnq],
.sf-auth-complete p[b-6x1dyfhqnq] { margin: 0; }

.sf-field > .sf-upload[b-6x1dyfhqnq] {
  position: relative;
  z-index: auto;
  inset: auto;
  inline-size: 100%;
  min-block-size: 48px;
  opacity: 1;
  color: var(--auth-ink);
  font-size: inherit;
  pointer-events: auto;
  transform: none;
}

@media (max-width: 48rem) {
  .sf-auth-overlay--page[b-6x1dyfhqnq] {
    padding-block-end: calc(8rem + env(safe-area-inset-bottom));
  }

  .sf-auth-layout[b-6x1dyfhqnq],
  .sf-auth-dialog[data-view="otp"] .sf-auth-layout[b-6x1dyfhqnq],
  .sf-auth-dialog[data-step="5"] .sf-auth-layout[b-6x1dyfhqnq] {
    grid-template-columns: minmax(0, 1fr);
  }

  .sf-auth-divider[b-6x1dyfhqnq] {
    display: none;
  }

  .sf-auth-main[b-6x1dyfhqnq],
  .sf-auth-context[b-6x1dyfhqnq] {
    min-inline-size: 0;
  }

  .sf-auth-dialog__header h2[b-6x1dyfhqnq] {
    font-size: clamp(1.65rem, 8vw, 2rem);
  }

  .sf-auth-dialog[data-view="otp"][b-6x1dyfhqnq] {
    inline-size: min(31rem, calc(100vw - 2rem));
  }

  .sf-auth-dialog[data-view="otp"] .sf-auth-main[b-6x1dyfhqnq],
  .sf-auth-dialog[data-step="5"] .sf-auth-main[b-6x1dyfhqnq] {
    padding: 1.4rem 1.25rem;
  }

  .sf-auth-context h3[b-6x1dyfhqnq] {
    max-inline-size: none;
    font-size: 1.25rem;
  }

  .sf-otp-input[b-6x1dyfhqnq] {
    pointer-events: none;
  }
}

@media (max-width: 28rem) {
  .sf-auth-dialog__brand[b-6x1dyfhqnq] {
    inline-size: 5rem;
    block-size: 2.8rem;
  }

}

/* Foundation owns material, label motion, focus, validation and actions.
   Auth owns the international prefix, wizard rows and existing visibility pause. */
.sf-auth-phone[b-6x1dyfhqnq] { position: relative; min-inline-size: 0; }
.sf-auth-phone__prefix[b-6x1dyfhqnq] {
  position: absolute;
  z-index: 3;
  inset-block: 0;
  left: 0;
  display: grid;
  place-items: center;
  inline-size: 3.4rem;
  border-inline-end: 1px solid var(--ds-color-border);
  color: var(--ds-control-muted);
  direction: ltr;
  font: 600 .8rem var(--ds-font-technical);
  pointer-events: none;
}
.sf-auth-phone[b-6x1dyfhqnq]  input { padding-inline-start: 4.4rem; }
.sf-auth-phone[b-6x1dyfhqnq]  label { inset-inline-start: 4.4rem; max-inline-size: calc(100% - 5.4rem); }
.sf-context-register__action[b-6x1dyfhqnq] { inline-size: min(15rem, 100%); }
.sf-auth-back[b-6x1dyfhqnq], .sf-auth-forward[b-6x1dyfhqnq] { min-inline-size: 0; }
.sf-auth-resend-action[b-6x1dyfhqnq] { inline-size: clamp(13.125rem, 45%, 15.625rem); max-inline-size: 100%; }
.sf-otp-helper[b-6x1dyfhqnq] { min-block-size: 44px; flex-wrap: wrap; }
.sf-register-grid--optional[b-6x1dyfhqnq]  .ds-field-control,
.sf-register-grid--optional[b-6x1dyfhqnq]  input { min-block-size: 48px; }
.sf-auth-dialog[data-scrolling="true"][b-6x1dyfhqnq]  .ds-field-trace rect,
.sf-auth-dialog[data-visible="false"][b-6x1dyfhqnq]  .ds-field-trace rect { animation-play-state: paused !important; }
@media (max-width: 48rem) {
  .sf-register-actions .sf-auth-forward[b-6x1dyfhqnq] { grid-row: 1; }
  .sf-register-actions .sf-auth-back[b-6x1dyfhqnq] { grid-row: 2; }
}
@media (forced-colors: active) {
  .sf-otp-input:focus-visible[b-6x1dyfhqnq] { outline: 0; }
  .sf-otp-control:focus-within[b-6x1dyfhqnq] { outline: 2px solid Highlight; outline-offset: 2px; }
  .sf-otp-slots button.is-current[b-6x1dyfhqnq] { border: 2px solid Highlight; }
}

/* Identity labels use Body; actual phone and OTP values retain the technical role. */
.sf-identity-data bdi[b-6x1dyfhqnq], .sf-account-center__phone[b-6x1dyfhqnq] { font-family: var(--ds-font-technical); }
.sf-auth-countdown bdi[b-6x1dyfhqnq] { font-family: var(--ds-font-numeric); }
/* /Components/Storefront/CustomerOrderDossier.razor.rz.scp.css */
.sf-order-disclosure[b-553zv9m6it] {
    display: grid;
    gap: .75rem;
    min-inline-size: 0;
}

.sf-order-disclosure__toggle[b-553zv9m6it] {
    min-block-size: 2.75rem;
    padding: .65rem .9rem;
    color: var(--ds-color-primary);
    background: var(--ds-color-surface-raised);
    border: 1px solid var(--ds-color-border);
    border-radius: .8rem;
    font: inherit;
    font-size: .76rem;
    font-weight: 850;
    cursor: pointer;
}

.sf-order-disclosure__toggle:focus-visible[b-553zv9m6it] {
    outline: 2px solid var(--ds-color-primary);
    outline-offset: 3px;
}

.sf-order-disclosure__detail[b-553zv9m6it] {
    display: grid;
    gap: 1.15rem;
    padding: 1.15rem;
    border: 1px solid color-mix(in srgb, var(--ds-color-primary) 18%, var(--ds-color-border));
    border-radius: 1.35rem;
    background: var(--ds-color-surface-subtle);
    box-shadow: inset 4px 4px 10px color-mix(in srgb, var(--ds-color-text) 8%, transparent);
}

.sf-order-disclosure__chapter[b-553zv9m6it] {
    display: grid;
    gap: .85rem;
    min-inline-size: 0;
    padding: 1rem;
    border: 1px solid color-mix(in srgb, var(--ds-color-border) 76%, transparent);
    border-radius: 1.05rem;
    background: color-mix(in srgb, var(--ds-color-surface-raised) 88%, transparent);
    box-shadow: var(--workspace-tight, 3px 4px 10px color-mix(in srgb, var(--ds-color-text) 8%, transparent));
}

.sf-order-disclosure__chapter > header[b-553zv9m6it] {
    display: flex;
    align-items: end;
    justify-content: space-between;
    gap: .75rem;
    padding-block-end: .65rem;
    border-block-end: 1px solid var(--ds-color-border);
}

.sf-order-disclosure__chapter > header small[b-553zv9m6it],
.sf-order-disclosure__actions small[b-553zv9m6it] {
    display: block;
    color: var(--ds-color-primary);
    font-size: .62rem;
    font-weight: 850;
    letter-spacing: .06em;
}

.sf-order-disclosure__chapter h4[b-553zv9m6it] {
    margin: .2rem 0 0;
    font-size: .92rem;
    line-height: 1.7;
}

.sf-order-disclosure__journey[b-553zv9m6it]  .ds-order-timeline {
    position: relative;
    margin: 0;
    padding: .35rem 0;
    gap: 0;
}

.sf-order-disclosure__journey[b-553zv9m6it]  .ds-order-timeline li {
    position: relative;
    min-block-size: 5rem;
    padding: .5rem .35rem;
    background: transparent;
    box-shadow: none;
}

.sf-order-disclosure__journey[b-553zv9m6it]  .ds-order-timeline li:not(:last-child)::after {
    content: "";
    position: absolute;
    inset-block-start: 1.5rem;
    inset-inline-start: calc(50% + 1.15rem);
    inline-size: calc(100% - 2.3rem);
    block-size: 2px;
    background: var(--ds-color-border);
}

.sf-order-disclosure__journey[b-553zv9m6it]  .ds-order-timeline li.is-completed:not(:last-child)::after {
    background: color-mix(in srgb, var(--ds-color-success-semantic) 58%, var(--ds-color-border));
}

.sf-order-disclosure__record-grid[b-553zv9m6it] {
    display: grid;
    grid-template-columns: minmax(0, 1.35fr) minmax(15rem, .65fr);
    gap: 1rem;
    align-items: stretch;
}

.sf-order-disclosure__facts[b-553zv9m6it] {
    display: grid;
    gap: 0;
    margin: 0;
}

.sf-order-disclosure__facts > div[b-553zv9m6it],
.sf-order-disclosure__payment dl > div[b-553zv9m6it] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .75rem;
    padding: .65rem 0;
    border-block-end: 1px solid color-mix(in srgb, var(--ds-color-border) 72%, transparent);
}

.sf-order-disclosure__facts dt[b-553zv9m6it],
.sf-order-disclosure__items small[b-553zv9m6it] {
    color: var(--ds-color-text-muted);
    font-size: .66rem;
}

.sf-order-disclosure__facts dd[b-553zv9m6it] {
    margin: 0;
    font-size: .78rem;
    font-weight: 850;
}

.sf-order-disclosure__facts .is-total[b-553zv9m6it] {
    margin-block-start: .35rem;
    padding: .85rem;
    border: 1px solid color-mix(in srgb, var(--ds-color-primary) 22%, var(--ds-color-border));
    border-radius: .85rem;
    background: color-mix(in srgb, var(--ds-color-primary) 6%, var(--ds-color-surface-raised));
}

.sf-order-disclosure__payment dl[b-553zv9m6it],
.sf-order-disclosure__line-facts[b-553zv9m6it] {
    display: grid;
    gap: 0;
    margin: 0;
}

.sf-order-disclosure__payment dt[b-553zv9m6it],
.sf-order-disclosure__line-facts dt[b-553zv9m6it] {
    color: var(--ds-color-text-muted);
    font-size: .65rem;
}

.sf-order-disclosure__payment dd[b-553zv9m6it],
.sf-order-disclosure__line-facts dd[b-553zv9m6it] {
    margin: 0;
    font-size: .72rem;
    font-weight: 820;
}

.sf-order-disclosure__delivery h4[b-553zv9m6it],
.sf-order-disclosure__delivery p[b-553zv9m6it] {
    margin: 0;
}

.sf-order-disclosure__delivery p[b-553zv9m6it],
.sf-order-disclosure__delivery span[b-553zv9m6it] {
    color: var(--ds-color-text-muted);
    font-size: .75rem;
    line-height: 1.9;
}

.sf-order-disclosure__items[b-553zv9m6it] {
    display: grid;
    gap: .65rem;
}

.sf-order-disclosure__items > header[b-553zv9m6it],
.sf-order-disclosure__actions[b-553zv9m6it] {
    display: flex;
    gap: .75rem;
    align-items: center;
    justify-content: space-between;
}

.sf-order-disclosure__items article[b-553zv9m6it] {
    display: grid;
    grid-template-columns: 5rem minmax(10rem, .9fr) minmax(16rem, 1.1fr);
    gap: 1rem;
    align-items: center;
    padding: .9rem;
    border: 1px solid color-mix(in srgb, var(--ds-color-border) 72%, transparent);
    border-radius: 1rem;
    background: var(--ds-color-surface-raised);
}

.sf-order-disclosure__media[b-553zv9m6it] {
    display: grid;
    place-items: center;
    inline-size: 5rem;
    block-size: 5rem;
    border-radius: .85rem;
    background: var(--ds-color-surface-subtle);
    box-shadow: inset 3px 3px 7px color-mix(in srgb, var(--ds-color-text) 7%, transparent);
}

.sf-order-disclosure__items img[b-553zv9m6it] {
    inline-size: 100%;
    block-size: 100%;
    object-fit: contain;
    border-radius: inherit;
}

.sf-order-disclosure__identity[b-553zv9m6it] {
    display: grid;
    gap: .3rem;
    flex: 1;
    min-inline-size: 0;
}

.sf-order-disclosure__items a[b-553zv9m6it] {
    color: var(--ds-color-text);
    font-size: .76rem;
    font-weight: 850;
    line-height: 1.8;
    text-decoration: none;
}

.sf-order-disclosure__quantities[b-553zv9m6it] {
    display: flex;
    flex-wrap: wrap;
    gap: .35rem .7rem;
    color: var(--ds-color-text-muted);
    font-size: .65rem;
}

.sf-order-disclosure__line-facts[b-553zv9m6it] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .45rem .75rem;
}

.sf-order-disclosure__line-facts > div[b-553zv9m6it] {
    display: grid;
    gap: .2rem;
    min-inline-size: 0;
}

.sf-order-disclosure__line-facts .is-total[b-553zv9m6it] {
    padding-inline-start: .65rem;
    border-inline-start: 2px solid var(--ds-color-primary);
}

.sf-order-disclosure__actions[b-553zv9m6it] {
    padding: 1rem;
    border-radius: 1rem;
    background: color-mix(in srgb, var(--ds-color-primary) 7%, var(--ds-color-surface-raised));
}

.sf-order-disclosure__actions strong[b-553zv9m6it] {
    display: block;
    margin-block-start: .25rem;
    font-size: .85rem;
}

@media (max-width: 50rem) {
    .sf-order-disclosure__record-grid[b-553zv9m6it],
    .sf-order-disclosure__items article[b-553zv9m6it] {
        grid-template-columns: 1fr;
    }
    .sf-order-disclosure__media[b-553zv9m6it] {
        inline-size: 4.5rem;
        block-size: 4.5rem;
    }
}

@media (max-width: 34rem) {
    .sf-order-disclosure__detail[b-553zv9m6it],
    .sf-order-disclosure__chapter[b-553zv9m6it] {
        padding: .8rem;
    }
    .sf-order-disclosure__line-facts[b-553zv9m6it] {
        grid-template-columns: 1fr;
    }
    .sf-order-disclosure__actions[b-553zv9m6it],
    .sf-order-disclosure__chapter > header[b-553zv9m6it] {
        align-items: stretch;
        flex-wrap: wrap;
    }
}
/* /Components/Storefront/ProductRail.razor.rz.scp.css */
.sf-commerce-rail[b-lymphpnp55] {
    position: relative;
    container-type: inline-size;
    min-inline-size: 0;
    margin-block: var(--ds-space-12);
    padding: var(--ds-space-5);
    overflow: clip;
    overflow-clip-margin: var(--ds-space-8);
    scroll-margin-block-start: 8rem;
    border: 1px solid color-mix(in srgb, var(--ds-color-surface-raised) 84%, var(--ds-color-border));
    border-radius: calc(var(--ds-radius-card) + var(--ds-space-3));
    background: linear-gradient(145deg,
        color-mix(in srgb, var(--ds-color-surface-raised) 94%, var(--ds-kinetic-cyan) 6%),
        color-mix(in srgb, var(--ds-color-background) 86%, var(--ds-color-surface-subtle) 14%));
    box-shadow: var(--ds-shadow-elevated);
    color: var(--ds-color-text);
}

.sf-commerce-rail[b-lymphpnp55]  .sf-section-header h2 {
    color: color-mix(in srgb, var(--ds-color-text) 62%, var(--ds-color-surface) 38%);
    text-shadow: 1px 1px 1px color-mix(in srgb, var(--ds-color-surface-raised) 78%, transparent),
        -1px -1px 1px color-mix(in srgb, var(--ds-color-text) 24%, transparent);
}

.sf-commerce-rail__body[b-lymphpnp55] {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    align-items: stretch;
    gap: var(--ds-space-3);
    min-inline-size: 0;
}

.sf-commerce-rail[data-has-intro="true"] .sf-commerce-rail__body[b-lymphpnp55] {
    grid-template-columns: minmax(14.5rem, 15.5rem) minmax(0, 1fr);
}

.sf-commerce-rail__intro[b-lymphpnp55] {
    --intro-media-edge-gap: .5rem;
    position: relative;
    display: grid;
    grid-template-rows: auto minmax(0, 1fr);
    align-self: stretch;
    min-inline-size: 0;
    padding: 0;
    overflow: hidden;
    border: 1px solid color-mix(in srgb, var(--ds-color-primary) 24%, var(--ds-color-border));
    border-radius: calc(var(--ds-radius-card) - 1px);
    background: light-dark(
        linear-gradient(155deg, color-mix(in srgb, var(--ds-color-surface-raised) 78%, #b7d8d2 22%), color-mix(in srgb, var(--ds-color-surface) 66%, #789ca2 34%)),
        linear-gradient(155deg, color-mix(in srgb, var(--ds-color-slate-900) 88%, var(--ds-color-primary) 12%), var(--ds-color-slate-900)));
    color: light-dark(var(--ds-color-text), var(--ds-color-ink-inverse));
    box-shadow: var(--ds-shadow-elevated), inset 1px 1px 0 color-mix(in srgb, var(--ds-color-surface-raised) 34%, transparent);
}

.sf-commerce-rail__intro[b-lymphpnp55]::before {
    position: absolute;
    inset: 7px;
    border-radius: calc(var(--ds-radius-card) - 5px);
    box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--ds-color-surface-raised) 28%, transparent),
        inset 7px 7px 16px color-mix(in srgb, var(--ds-color-text) 10%, transparent);
    content: "";
    pointer-events: none;
}

.sf-commerce-rail__intro[b-lymphpnp55]::after {
    position: absolute;
    inset-inline: var(--ds-space-4);
    inset-block-end: 0;
    block-size: 2px;
    background: linear-gradient(90deg, var(--ds-color-accent), var(--ds-color-primary), var(--ds-color-secondary));
    content: "";
    opacity: .46;
    transform: scaleX(.34);
    transform-origin: inline-start;
    transition: opacity var(--ds-duration-fast) var(--ds-ease-standard), transform var(--ds-duration-fast) var(--ds-ease-standard);
}

.sf-commerce-rail__intro:is(:hover, :focus-within)[b-lymphpnp55]::after { opacity: 1; transform: scaleX(1); }

.sf-commerce-rail__intro-media[b-lymphpnp55] {
    position: relative;
    display: grid;
    place-items: center;
    inline-size: calc(100% - var(--intro-media-edge-gap) - var(--intro-media-edge-gap));
    max-inline-size: none;
    min-inline-size: 0;
    min-block-size: 0;
    aspect-ratio: 1 / 1;
    margin-inline: auto;
    margin-block-start: var(--intro-media-edge-gap);
    overflow: hidden;
    border: 1px solid color-mix(in srgb, var(--ds-color-text) 8%, var(--ds-color-border));
    border-radius: calc(var(--ds-radius-card) - var(--ds-space-2));
    background: radial-gradient(circle at 42% 38%, var(--ds-color-surface), color-mix(in srgb, var(--ds-color-surface-subtle) 90%, var(--ds-color-background)) 78%);
    box-shadow: inset 6px 6px 14px color-mix(in srgb, var(--ds-color-text) 12%, transparent),
        inset -5px -5px 13px color-mix(in srgb, var(--ds-color-surface-raised) 88%, transparent);
    box-sizing: border-box;
}

.sf-commerce-rail__intro-media > img[b-lymphpnp55] {
    display: block;
    inline-size: 100%;
    block-size: 100%;
    max-inline-size: 100%;
    max-block-size: 100%;
    min-inline-size: 0;
    min-block-size: 0;
    padding: .25rem;
    object-fit: contain;
    object-position: center;
    box-sizing: border-box;
}

.sf-commerce-rail__intro-placeholder[b-lymphpnp55] { display: grid; block-size: 100%; place-items: center; color: var(--ds-color-text-muted); font-size: 3rem; }

.sf-commerce-rail__intro-support[b-lymphpnp55] {
    position: absolute;
    inset-inline-end: .375rem;
    inset-block-end: .375rem;
    display: flex;
    gap: var(--ds-space-1);
    max-inline-size: 3.5rem;
    overflow: hidden;
    box-sizing: border-box;
}

.sf-commerce-rail__intro-support img[b-lymphpnp55] {
    display: block;
    inline-size: 1.5rem;
    block-size: 1.5rem;
    max-inline-size: 1.5rem;
    max-block-size: 1.5rem;
    min-inline-size: 0;
    min-block-size: 0;
    aspect-ratio: 1 / 1;
    padding: .15rem;
    overflow: hidden;
    border: 1px solid color-mix(in srgb, var(--ds-color-surface-raised) 72%, var(--ds-color-border));
    border-radius: var(--ds-radius-control);
    background: var(--ds-color-surface-subtle);
    object-fit: contain;
    object-position: center;
    box-sizing: border-box;
}

.sf-commerce-rail__intro-copy[b-lymphpnp55] {
    position: relative;
    z-index: 1;
    display: grid;
    align-content: start;
    gap: var(--ds-space-2);
    padding: var(--ds-space-3);
}

.sf-commerce-rail__intro-copy :is(p, h3, ul)[b-lymphpnp55] { margin: 0; }
.sf-commerce-rail__intro-copy > p:first-child[b-lymphpnp55] { color: light-dark(var(--ds-color-primary), var(--ds-color-accent)); font-size: var(--ds-type-meta-size); font-weight: var(--ds-type-heading-weight); }
.sf-commerce-rail__intro-copy h3[b-lymphpnp55] { font-family: var(--ds-font-display); font-size: clamp(var(--ds-text-md), 1.7cqi, var(--ds-text-lg)); line-height: 1.5; }

.sf-commerce-rail__intro-copy h3 + p[b-lymphpnp55] {
    display: -webkit-box;
    overflow: hidden;
    color: light-dark(var(--ds-color-text-muted), color-mix(in srgb, var(--ds-color-ink-inverse) 74%, transparent));
    font-size: var(--ds-text-xs);
    line-height: 1.72;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
}

.sf-commerce-rail__intro-copy ul[b-lymphpnp55] { display: flex; flex-wrap: wrap; gap: var(--ds-space-1); padding: 0; list-style: none; }
.sf-commerce-rail__intro-copy li[b-lymphpnp55] { padding: .3rem .5rem; border-radius: var(--ds-radius-control); background: color-mix(in srgb, var(--ds-color-surface-raised) 62%, transparent); box-shadow: var(--ds-shadow-resting); color: inherit; font-size: var(--ds-type-meta-size); }

.sf-commerce-rail__intro-copy a[b-lymphpnp55] {
    display: inline-flex;
    align-items: center;
    gap: var(--ds-space-2);
    inline-size: fit-content;
    min-block-size: 2.5rem;
    padding-inline: var(--ds-space-3);
    border-radius: var(--ds-radius-control);
    background: var(--ds-color-surface-raised);
    color: var(--ds-color-primary);
    box-shadow: var(--ds-shadow-resting);
    font-size: var(--ds-text-xs);
    font-weight: var(--ds-type-heading-weight);
    text-decoration: none;
}

.sf-commerce-rail__zone[b-lymphpnp55] { display: grid; grid-template-rows: auto minmax(0, 1fr); gap: var(--ds-space-2); min-inline-size: 0; }

.sf-commerce-rail__toolbar[b-lymphpnp55] {
    display: grid;
    grid-template-columns: var(--ds-touch-target) auto var(--ds-touch-target);
    justify-content: end;
    gap: var(--ds-space-2);
    min-block-size: var(--ds-touch-target);
    direction: ltr;
}

.sf-commerce-rail__toolbar[hidden][b-lymphpnp55] { display: none; }
.sf-commerce-rail button[b-lymphpnp55] { min-inline-size: var(--ds-touch-target); min-block-size: var(--ds-touch-target); border: 1px solid var(--ds-color-border); border-radius: var(--ds-radius-control); background: var(--ds-color-surface); color: var(--ds-color-primary); box-shadow: var(--ds-shadow-resting); cursor: pointer; }
.sf-commerce-rail button:hover:not(:disabled)[b-lymphpnp55] { border-color: var(--ds-color-primary); background: var(--ds-color-surface-interactive); transform: translateY(-1px); }
.sf-commerce-rail button:disabled[b-lymphpnp55] { opacity: .38; cursor: default; transform: none; }
.sf-commerce-rail__chevron[b-lymphpnp55] { display: block; inline-size: 1.125rem; block-size: 1.125rem; margin-inline: auto; fill: none; stroke: currentColor; stroke-width: 2.125; stroke-linecap: round; stroke-linejoin: round; pointer-events: none; }

.sf-commerce-rail__count[b-lymphpnp55] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-inline-size: 5rem;
    padding-inline: var(--ds-space-3);
    border-radius: var(--ds-radius-control);
    background: var(--ds-color-surface-subtle);
    box-shadow: inset 3px 3px 8px color-mix(in srgb, var(--ds-color-text) 9%, transparent),
        inset -3px -3px 8px color-mix(in srgb, var(--ds-color-surface-raised) 88%, transparent);
    color: var(--ds-color-primary);
    font-size: var(--ds-text-xs);
    font-weight: var(--ds-type-heading-weight);
    font-variant-numeric: tabular-nums;
    white-space: nowrap;
    direction: ltr;
}

.sf-commerce-rail :is(a, button, [tabindex]):focus-visible[b-lymphpnp55] { outline: 3px solid var(--ds-color-accent); outline-offset: 2px; }

.sf-commerce-rail__viewport[b-lymphpnp55] {
    --rail-entry-count: 4;
    min-inline-size: 0;
    inline-size: 100%;
    padding: var(--ds-space-3);
    overflow-x: auto;
    border-radius: calc(var(--ds-radius-card) + var(--ds-space-1));
    background: color-mix(in srgb, var(--ds-color-surface-subtle) 92%, var(--ds-kinetic-cyan) 8%);
    box-shadow: inset 7px 7px 16px color-mix(in srgb, var(--ds-color-text) 11%, transparent),
        inset -7px -7px 16px color-mix(in srgb, var(--ds-color-surface-raised) 88%, transparent);
    scroll-snap-type: inline mandatory;
}

.sf-commerce-rail .swiper-wrapper[b-lymphpnp55] { align-items: stretch; }
.sf-commerce-rail:not([data-enhanced]) .swiper-wrapper[b-lymphpnp55] { gap: var(--ds-space-4); }
.sf-commerce-rail[data-enhanced] .sf-commerce-rail__viewport[b-lymphpnp55] { overflow: hidden; scroll-snap-type: none; touch-action: pan-y; }

.sf-commerce-rail .swiper-slide[b-lymphpnp55] {
    position: relative;
    display: flex;
    height: auto;
    scroll-snap-align: start;
}

/* Keep the existing card gutter inside the moving object; the Swiper bay is structural only. */
.sf-commerce-rail__card-entry[b-lymphpnp55] {
    display: flex;
    inline-size: 100%;
    min-inline-size: 0;
    padding: var(--ds-space-2);
    box-sizing: border-box;
}
.swiper-slide[b-lymphpnp55]  .sf-product-card { inline-size: 100%; }
.sf-commerce-rail:not([data-enhanced]) .swiper-slide[b-lymphpnp55] { inline-size: 20rem; }
.swiper-slide[b-lymphpnp55]  :is(img, .sf-product-card__image-link) { -webkit-user-drag: none; user-select: none; }

/* The viewport observes entry; only card wrappers animate. Swiper bays, chassis, Intro and controls stay anchored. */
/* Intentional physical LEFT entry in both RTL and LTR; no direction-dependent reversal. */

.sf-commerce-rail__viewport[data-home-motion-state="waiting"] .sf-commerce-rail__bay:nth-child(-n + 4) > [data-home-motion-item][b-lymphpnp55] {
    opacity: 0;
    transform: translate3d(var(--rail-card-entry-x, 0px), 0, 0);
    will-change: transform, opacity;
}

.sf-commerce-rail__viewport[data-home-motion-state="ready"] [data-home-motion-item][data-rail-entry][b-lymphpnp55] {
    animation: sf-rail-card-lock-b-lymphpnp55 620ms var(--ds-ease-enter) 100ms both;
}

.sf-commerce-rail__viewport[data-home-motion-state="ready"] .sf-commerce-rail__bay > [data-home-motion-item][data-rail-entry="1"][b-lymphpnp55] { animation-delay: 340ms; }
.sf-commerce-rail__viewport[data-home-motion-state="ready"] .sf-commerce-rail__bay > [data-home-motion-item][data-rail-entry="2"][b-lymphpnp55] { animation-delay: 580ms; }
.sf-commerce-rail__viewport[data-home-motion-state="ready"] .sf-commerce-rail__bay > [data-home-motion-item][data-rail-entry="3"][b-lymphpnp55] { animation-delay: 820ms; }
.sf-commerce-rail__viewport[data-home-motion-state="waiting"] .sf-commerce-rail__bay:nth-child(n + 5) > [data-home-motion-item][b-lymphpnp55] { opacity: 1; animation: none; transform: none; will-change: auto; }

@keyframes sf-rail-card-lock-b-lymphpnp55 {
    from { opacity: 0; transform: translate3d(var(--rail-card-entry-x, 0px), 0, 0); }
    to { opacity: 1; transform: none; }
}

@container (max-width: 64rem) {
    .sf-commerce-rail[data-has-intro="true"] .sf-commerce-rail__body[b-lymphpnp55] { grid-template-columns: 14rem minmax(0, 1fr); }
    .sf-commerce-rail:not([data-enhanced]) .swiper-slide[b-lymphpnp55] { inline-size: clamp(17.5rem, 35cqi, 20rem); }
}

@container (max-width: 74.999rem) {
    .sf-commerce-rail__viewport[b-lymphpnp55] { --rail-entry-count: 3; }
    .sf-commerce-rail__viewport[data-home-motion-state="waiting"] .sf-commerce-rail__bay:nth-child(n + 4) > [data-home-motion-item][b-lymphpnp55] { opacity: 1; animation: none; transform: none; will-change: auto; }
}

@container (max-width: 37.499rem) {
    .sf-commerce-rail__viewport[b-lymphpnp55] { --rail-entry-count: 2; }
    .sf-commerce-rail__viewport[data-home-motion-state="waiting"] .sf-commerce-rail__bay:nth-child(n + 3) > [data-home-motion-item][b-lymphpnp55] { opacity: 1; animation: none; transform: none; will-change: auto; }
}

@container (max-width: 47.999rem) {
    .sf-commerce-rail[b-lymphpnp55] { padding: var(--ds-space-3); }
    .sf-commerce-rail__body[b-lymphpnp55],
    .sf-commerce-rail[data-has-intro="true"] .sf-commerce-rail__body[b-lymphpnp55] { grid-template-columns: minmax(0, 1fr); }

    .sf-commerce-rail__intro[b-lymphpnp55] {
        --intro-media-edge-gap: 0;
        grid-template-columns: 5rem minmax(0, 1fr);
        grid-template-rows: auto;
        align-items: center;
        padding: var(--ds-space-3);
        border-color: color-mix(in srgb, var(--ds-kinetic-cyan) 18%, var(--ds-color-border));
        background: linear-gradient(145deg, var(--ds-color-surface-raised), var(--ds-color-surface-subtle));
        color: var(--ds-color-text);
        box-shadow: var(--ds-shadow-resting);
    }

    .sf-commerce-rail__intro-media[b-lymphpnp55] { inline-size: 5rem; max-inline-size: 5rem; margin-block-start: 0; }
    .sf-commerce-rail__intro-media > img[b-lymphpnp55] { padding: .25rem; }
    .sf-commerce-rail__intro-support[b-lymphpnp55],
    .sf-commerce-rail__intro-copy ul[b-lymphpnp55],
    .sf-commerce-rail__intro-copy > p:first-child[b-lymphpnp55] { display: none; }
    .sf-commerce-rail__intro-copy[b-lymphpnp55] { grid-template-columns: minmax(0, 1fr) auto; gap: var(--ds-space-1) var(--ds-space-3); padding: var(--ds-space-2) var(--ds-space-3); }
    .sf-commerce-rail__intro-copy h3[b-lymphpnp55] { color: var(--ds-color-text); font-size: var(--ds-text-md); }
    .sf-commerce-rail__intro-copy h3 + p[b-lymphpnp55] { grid-column: 1; overflow: hidden; color: var(--ds-color-text-muted); text-overflow: ellipsis; white-space: nowrap; }
    .sf-commerce-rail__intro-copy a[b-lymphpnp55] { grid-column: 2; grid-row: 1 / span 2; align-self: center; min-block-size: var(--ds-touch-target); }
    .sf-commerce-rail__toolbar[b-lymphpnp55] { justify-content: center; }
    .sf-commerce-rail:not([data-enhanced]) .swiper-slide[b-lymphpnp55] { inline-size: 86cqi; }
    .sf-commerce-rail__viewport[b-lymphpnp55] { padding: var(--ds-space-2); }
}

@media (prefers-reduced-motion: reduce) {
    .sf-commerce-rail .sf-commerce-rail__viewport[data-home-motion-state] .sf-commerce-rail__bay > [data-home-motion-item][b-lymphpnp55] {
        opacity: 1;
        animation: none;
        transform: none;
        will-change: auto;
    }

    .sf-commerce-rail__intro[b-lymphpnp55]::after,
    .sf-commerce-rail button[b-lymphpnp55] { transition: none; }
}
/* /Components/Storefront/Public/PublicPageFrame.razor.rz.scp.css */
/* Public Experience family composition: faithful master declarations, uniformly scoped.
   Header/Footer, DS tokens and other route families are outside this owner. */
.public-experience[b-8wk5bexgq2] {
    --pub-base: color-mix(in srgb, var(--ds-color-surface-subtle) 94%, var(--ds-color-primary));
    --pub-raised: linear-gradient(145deg, var(--ds-color-surface-raised), var(--pub-base));
    --pub-rim: color-mix(in srgb, var(--ds-color-surface-raised) 75%, var(--ds-color-border));
    --pub-highlight: color-mix(in srgb, var(--ds-color-surface-raised) 86%, var(--ds-color-neutral-0));
    --pub-depth: color-mix(in srgb, var(--ds-kinetic-ink) 16%, transparent);
    --pub-shadow: 14px 18px 36px var(--pub-depth), -10px -10px 26px var(--pub-highlight), inset 1px 1px 0 var(--pub-highlight);
    --pub-inset: inset 5px 5px 12px var(--pub-depth), inset -5px -5px 12px var(--pub-highlight);
    --pub-soft: 5px 6px 14px var(--pub-depth), -5px -5px 14px var(--pub-highlight), inset 1px 1px 0 var(--pub-rim);
    --pub-line: color-mix(in srgb, var(--ds-color-primary) 13%, var(--ds-color-border));
    --pub-focus: var(--ds-color-primary);
    --pub-feature: var(--ds-color-primary);
    --pub-signal: var(--ds-kinetic-cyan);
    --pub-security: var(--ds-color-burgundy-700);
    --pub-section: clamp(3rem, 6vw, 6rem);
    --pub-hero-size: clamp(2.5rem, 4.5vw, 4.75rem);
    --pub-technical: var(--ds-color-secondary);
    --pub-warning: var(--ds-color-warning-semantic);
    --pub-deboss-shadow: 1px 1px 0 var(--pub-highlight), -1px -1px 1px var(--pub-depth);
    color-scheme: light;
    background: var(--pub-base);
    color: var(--ds-color-text);
    font: 400 1rem/1.85 var(--ds-font-body);
}
html[data-theme='dark'] .public-experience[b-8wk5bexgq2],
.sf-lab[data-theme='dark'] .public-experience[b-8wk5bexgq2] {
    --pub-highlight: color-mix(in srgb, var(--ds-color-surface-raised) 95%, var(--ds-color-blue-300));
    --pub-depth: color-mix(in srgb, var(--ds-color-slate-950) 75%, transparent);
    --pub-rim: color-mix(in srgb, var(--ds-color-border) 75%, var(--ds-color-surface-raised));
    --pub-shadow: 12px 16px 28px var(--pub-depth), -8px -8px 20px color-mix(in srgb, var(--pub-highlight) 35%, transparent), inset 1px 1px 0 var(--pub-rim);
    --pub-inset: inset 4px 4px 10px var(--pub-depth), inset -3px -3px 7px color-mix(in srgb, var(--pub-highlight) 48%, transparent);
    --pub-soft: 5px 6px 14px var(--pub-depth), -4px -4px 12px color-mix(in srgb, var(--pub-highlight) 32%, transparent), inset 1px 1px 0 var(--pub-rim);
    --pub-technical: color-mix(in srgb, var(--ds-color-secondary) 45%, var(--ds-color-ink-inverse));
    --pub-warning: var(--ds-color-accent);
    --pub-security: var(--ds-color-burgundy-300);
    color-scheme: dark;
}
@media (prefers-color-scheme: dark) {
    html:not([data-theme='light']):not([data-theme='dark']) .public-experience[b-8wk5bexgq2] {
        --pub-highlight: color-mix(in srgb, var(--ds-color-surface-raised) 95%, var(--ds-color-blue-300));
        --pub-depth: color-mix(in srgb, var(--ds-color-slate-950) 75%, transparent);
        --pub-rim: color-mix(in srgb, var(--ds-color-border) 75%, var(--ds-color-surface-raised));
        --pub-shadow: 12px 16px 28px var(--pub-depth), -8px -8px 20px color-mix(in srgb, var(--pub-highlight) 35%, transparent), inset 1px 1px 0 var(--pub-rim);
        --pub-inset: inset 4px 4px 10px var(--pub-depth), inset -3px -3px 7px color-mix(in srgb, var(--pub-highlight) 48%, transparent);
        --pub-soft: 5px 6px 14px var(--pub-depth), -4px -4px 12px color-mix(in srgb, var(--pub-highlight) 32%, transparent), inset 1px 1px 0 var(--pub-rim);
        --pub-technical: color-mix(in srgb, var(--ds-color-secondary) 45%, var(--ds-color-ink-inverse));
        --pub-warning: var(--ds-color-accent);
        --pub-security: var(--ds-color-burgundy-300);
        color-scheme: dark;
    }
}
.public-experience[b-8wk5bexgq2]  * {
    box-sizing: border-box;
}

.public-experience[b-8wk5bexgq2]  button:not(.ds-action),
.public-experience[b-8wk5bexgq2]  :is(input, select, textarea):not(.ds-field *) {
    font: inherit;
}

.public-experience[b-8wk5bexgq2]  button,
.public-experience[b-8wk5bexgq2]  a,
.public-experience[b-8wk5bexgq2]  input,
.public-experience[b-8wk5bexgq2]  select,
.public-experience[b-8wk5bexgq2]  textarea {
    -webkit-tap-highlight-color: transparent;
}

.public-experience[b-8wk5bexgq2]  button:not(.ds-action),
.public-experience[b-8wk5bexgq2]  select:not(.ds-field *),
.public-experience[b-8wk5bexgq2]  summary {
    cursor: pointer;
}

.public-experience[b-8wk5bexgq2]  button:not(.ds-action) {
    color: inherit;
}

.public-experience[b-8wk5bexgq2]  button:not(.ds-action):disabled {
    opacity: .55;
    cursor: not-allowed;
}

.public-experience[b-8wk5bexgq2]  a:not(.ds-action) {
    color: var(--ds-color-primary);
    text-underline-offset: .25em;
}

.public-experience[b-8wk5bexgq2]  svg:not(.ds-field-trace) {
    inline-size: 1.5rem;
    block-size: 1.5rem;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.6;
    stroke-linecap: round;
    stroke-linejoin: round;
    flex-shrink: 0;
}

.public-experience[b-8wk5bexgq2]  img {
    max-inline-size: 100%;
    block-size: auto;
}

.public-experience[b-8wk5bexgq2]  h1,
.public-experience[b-8wk5bexgq2]  h2,
.public-experience[b-8wk5bexgq2]  h3,
.public-experience[b-8wk5bexgq2]  p:not(.ds-field *),
.public-experience[b-8wk5bexgq2]  figure {
    margin: 0;
}

.public-experience[b-8wk5bexgq2]  h1,
.public-experience[b-8wk5bexgq2]  h2,
.public-experience[b-8wk5bexgq2]  h3 {
    text-wrap: balance;
}

.public-experience[b-8wk5bexgq2]  h2 {
    font-size: clamp(1.35rem, 2.1vw, 2rem);
    line-height: 1.5;
    font-weight: 750;
}

.public-experience[b-8wk5bexgq2]  h3 {
    font-size: 1.15rem;
    line-height: 1.6;
    font-weight: 750;
}

.public-experience[b-8wk5bexgq2]  bdi {
    unicode-bidi: isolate;
}

.public-experience[b-8wk5bexgq2]  small:not(.ds-field *) {
    font-size: .8125rem;
}

.public-experience[b-8wk5bexgq2]  ::selection {
    background: var(--ds-color-primary);
    color: var(--ds-color-on-primary);
}

.public-experience[b-8wk5bexgq2]  :focus-visible:not(.ds-action, .ds-field *) {
    outline: 3px solid var(--pub-focus);
    outline-offset: 4px;
}

.public-experience[b-8wk5bexgq2]  [hidden] {
    display: none !important;
}

.public-experience[b-8wk5bexgq2]  .sr-only {
    position: absolute;
    inline-size: 1px;
    block-size: 1px;
    overflow: hidden;
    clip-path: inset(50%);
    white-space: nowrap;
}

/* Shared native resets, page lighting and material/typography */
.public-experience[b-8wk5bexgq2]  .public-wrap {
    inline-size: min(calc(100% - var(--ds-page-gutter) * 2), 85rem);
    margin-inline: auto;
}

.public-experience[b-8wk5bexgq2]  .page {
    position: relative;
    isolation: isolate;
    padding-block: var(--ds-space-10) var(--pub-section);
    scroll-margin-block-start: 1rem;
}

.public-experience[b-8wk5bexgq2]  .page::before {
    content: '';
    position: absolute;
    z-index: -1;
    inset-block-start: 0;
    inset-inline: 0;
    block-size: 34rem;
    pointer-events: none;
    background: radial-gradient(ellipse at 20% 40%, color-mix(in srgb, var(--pub-feature) 9%, transparent), transparent 68%);
}

.public-experience[b-8wk5bexgq2]  .technical-page {
    --pub-feature: var(--pub-technical);
}

.public-experience[b-8wk5bexgq2]  .privacy-page {
    --pub-feature: var(--pub-security);
    --pub-signal: var(--pub-security);
}

.public-experience[b-8wk5bexgq2]  .terms-page {
    --pub-feature: var(--ds-color-text-muted);
}

.public-experience[b-8wk5bexgq2]  #error {
    --pub-feature: var(--ds-color-accent);
}

.public-experience[b-8wk5bexgq2]  .maintenance-page {
    --pub-feature: var(--pub-warning);
}

.public-experience[b-8wk5bexgq2]  .legal-page::before {
    block-size: 22rem;
    opacity: .45;
}

.public-experience[b-8wk5bexgq2]  .page.active {
    animation: room-enter-b-8wk5bexgq2 var(--ds-duration-emphasis) var(--ds-ease-enter);
}

.public-experience[b-8wk5bexgq2]  .material {
    background: var(--pub-raised);
    border: 1px solid var(--pub-rim);
    border-radius: var(--ds-radius-lg);
    box-shadow: var(--pub-shadow);
}

.public-experience[b-8wk5bexgq2]  .inset {
    background: var(--pub-base);
    border: 1px solid var(--pub-line);
    border-radius: var(--ds-radius-md);
    box-shadow: var(--pub-inset);
}

.public-experience[b-8wk5bexgq2]  .context {
    color: var(--ds-color-primary);
    font-size: .875rem;
    font-weight: 650;
    margin-block-end: var(--ds-space-4);
}

.public-experience[b-8wk5bexgq2]  .display {
    font-size: var(--pub-hero-size);
    font-weight: 850;
    line-height: 1.45;
    letter-spacing: -.045em;
    text-shadow: 0 1px 0 var(--pub-highlight);
}

.public-experience[b-8wk5bexgq2]  .signature {
    font-size: clamp(1.75rem, 3vw, 2.75rem);
    font-weight: 800;
    line-height: 1.55;
    letter-spacing: -.035em;
    text-shadow: var(--pub-deboss-shadow);
}

.public-experience[b-8wk5bexgq2]  .deboss {
    color: color-mix(in srgb, var(--ds-color-text) 62%, var(--pub-base));
    text-shadow: var(--pub-deboss-shadow);
}

.public-experience[b-8wk5bexgq2]  .lead {
    color: var(--ds-color-text-muted);
    font-size: clamp(1rem, 1.35vw, 1.1875rem);
    line-height: 2;
    max-inline-size: 48ch;
    margin-block-start: var(--ds-space-5);
}

.public-experience[b-8wk5bexgq2]  .prose {
    max-inline-size: 65ch;
}

.public-experience[b-8wk5bexgq2]  .prose p + p {
    margin-block-start: var(--ds-space-5);
}

.public-experience[b-8wk5bexgq2]  .actions {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--ds-space-3);
}

.public-experience[b-8wk5bexgq2]  .trace {
    overflow: hidden;
    isolation: isolate;
}

.public-experience[b-8wk5bexgq2]  .trace::after {
    content: '';
    position: absolute;
    inset: 0;
    pointer-events: none;
    border-radius: inherit;
    border: 1px solid var(--pub-signal);
    opacity: 0;
}

.public-experience[b-8wk5bexgq2]  .trace:is(:hover, :focus-visible)::after {
    opacity: 1;
    animation: electric-trace-b-8wk5bexgq2 var(--ds-duration-emphasis) var(--ds-ease-standard) 1;
}

.public-experience[b-8wk5bexgq2]  .text-link {
    display: inline-flex;
    align-items: center;
    gap: .75rem;
    min-block-size: 44px;
    font-weight: 650;
    text-decoration: none;
}

.public-experience[b-8wk5bexgq2]  .text-link:hover {
    text-decoration: underline;
}

.public-experience[b-8wk5bexgq2]  .next-room {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--ds-space-6);
    padding: var(--ds-space-8) 0;
    margin-block-start: var(--pub-section);
    border-block: 1px solid var(--pub-line);
    color: var(--ds-color-text-muted);
    text-decoration: none;
}

.public-experience[b-8wk5bexgq2]  .next-room strong {
    display: block;
    color: var(--ds-color-text);
    font-size: clamp(1.25rem, 2vw, 1.75rem);
    margin-block-start: .5rem;
}

.public-experience[b-8wk5bexgq2]  .next-room > svg {
    inline-size: 2rem;
    block-size: 2rem;
    color: var(--ds-color-primary);
}

.public-experience[b-8wk5bexgq2]  .notice {
    padding: var(--ds-space-5) var(--ds-space-6);
    margin-block-start: var(--ds-space-8);
    border-inline-start: 3px solid var(--pub-warning);
    border-radius: var(--ds-radius-xs);
    background: color-mix(in srgb, var(--pub-warning) 5%, var(--pub-base));
}

.public-experience[b-8wk5bexgq2]  .notice strong {
    color: var(--pub-warning);
}

.public-experience[b-8wk5bexgq2]  .notice p {
    max-inline-size: 90ch;
    margin-block-start: .5rem;
    font-size: .875rem;
}

.public-experience[b-8wk5bexgq2]  .browse-categories {
    display: inline-flex;
    align-items: center;
    gap: .75rem;
    font-weight: 750;
}

.public-experience[b-8wk5bexgq2]  .browse-categories svg {
    inline-size: 1.125rem;
}

.public-experience[b-8wk5bexgq2]  .browse-note {
    margin-inline-start: auto;
    color: var(--ds-color-text-muted);
    font-size: .75rem;
}

/* About — approved three-plane company story and quotation rhythm */
.public-experience[b-8wk5bexgq2]  .about-stage {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    align-items: center;
    gap: var(--ds-space-8);
    padding-block: var(--ds-space-10) 0;
}

.public-experience[b-8wk5bexgq2]  .about-intro {
    padding-inline-start: clamp(0rem, 3vw, 2.5rem);
}

.public-experience[b-8wk5bexgq2]  .about-intro .ds-action {
    margin-block-start: var(--ds-space-8);
}

.public-experience[b-8wk5bexgq2]  .material-story {
    position: relative;
    isolation: isolate;
    block-size: 32rem;
}

.public-experience[b-8wk5bexgq2]  .story-grid {
    position: absolute;
    inset: 2rem 0 3rem;
    opacity: .42;
    background-image: linear-gradient(var(--pub-line) 1px, transparent 1px), linear-gradient(90deg, var(--pub-line) 1px, transparent 1px);
    background-size: 48px 48px;
    mask-image: radial-gradient(ellipse, black 20%, transparent 70%);
}

.public-experience[b-8wk5bexgq2]  .story-layer {
    position: absolute;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    gap: .25rem;
    inline-size: 17rem;
    block-size: 17rem;
    padding: var(--ds-space-6);
    border-radius: var(--ds-radius-md);
    border: 1px solid var(--pub-rim);
    box-shadow: var(--pub-shadow);
    transform: rotate(-12deg) skewY(6deg);
}

.public-experience[b-8wk5bexgq2]  .story-layer span {
    font-size: 1.25rem;
    font-weight: 850;
}

.public-experience[b-8wk5bexgq2]  .story-layer small {
    color: inherit;
    opacity: .8;
}

.public-experience[b-8wk5bexgq2]  .layer-back {
    inset-inline-start: 3rem;
    inset-block-start: 1rem;
    background: var(--pub-base);
    color: var(--ds-color-text-muted);
}

.public-experience[b-8wk5bexgq2]  .layer-middle {
    inset-inline-start: 6rem;
    inset-block-start: 5rem;
    justify-content: flex-start;
    background: var(--pub-raised);
    color: var(--ds-color-primary);
    overflow: hidden;
}

.public-experience[b-8wk5bexgq2]  .material-sample {
    position: absolute;
    inset-block-start: 4rem;
    inset-inline: 1rem;
    inline-size: calc(100% - 2rem);
    block-size: 9rem;
    object-fit: contain;
    border-radius: var(--ds-radius-xs);
}

.public-experience[b-8wk5bexgq2]  .layer-front {
    inset-inline-start: 9rem;
    inset-block-start: 12rem;
    inline-size: min(23rem, calc(100% - 10rem));
    block-size: 17rem;
    overflow: hidden;
    color: var(--ds-color-ink-inverse);
    text-decoration: none;
    border: 6px solid var(--ds-color-surface-raised);
    background: var(--ds-kinetic-navy-2);
    box-shadow: var(--pub-shadow), 0 0 0 1px var(--pub-rim);
    transform: rotate(-7deg);
    transition: transform var(--ds-duration-normal) var(--ds-ease-standard);
    border-color: var(--pub-highlight);
}

.public-experience[b-8wk5bexgq2]  .layer-front::before {
    content: '';
    position: absolute;
    z-index: -1;
    inset: 0;
    background: linear-gradient(0deg, color-mix(in srgb, var(--ds-kinetic-ink) 94%, transparent), transparent 72%);
}

.public-experience[b-8wk5bexgq2]  .layer-front > img {
    position: absolute;
    z-index: -2;
    inset: 0;
    inline-size: 100%;
    block-size: 100%;
    object-fit: cover;
    object-position: center 44%;
}

.public-experience[b-8wk5bexgq2]  .layer-front:is(:hover, :focus-visible) {
    transform: rotate(-3deg) translateY(-4px);
}

.public-experience[b-8wk5bexgq2]  .layer-front small {
    display: flex;
    align-items: center;
    gap: .5rem;
    opacity: 1;
}

.public-experience[b-8wk5bexgq2]  .layer-front svg {
    inline-size: 1.25rem;
    block-size: 1.25rem;
    color: var(--ds-kinetic-cyan);
}

.public-experience[b-8wk5bexgq2]  .story-axis {
    position: absolute;
    inset-inline-start: 1rem;
    inset-block-start: 2rem;
    inline-size: 1px;
    block-size: 21rem;
    background: var(--pub-line);
}

.public-experience[b-8wk5bexgq2]  .story-axis::before,
.public-experience[b-8wk5bexgq2]  .story-axis::after {
    content: '';
    position: absolute;
    inset-inline-start: -4px;
    inline-size: 9px;
    block-size: 1px;
    background: var(--pub-line);
}

.public-experience[b-8wk5bexgq2]  .story-axis::after {
    inset-block-end: 0;
}

.public-experience[b-8wk5bexgq2]  .material-story figcaption {
    position: absolute;
    inset-block-end: 0;
    inset-inline: 0;
    text-align: center;
    color: var(--ds-color-text-muted);
    font-size: .8125rem;
}

.public-experience[b-8wk5bexgq2]  .about-foot {
    grid-column: 1 / -1;
    display: flex;
    justify-content: space-between;
    gap: var(--ds-space-6);
    align-items: center;
    padding: var(--ds-space-6) 0;
    margin-block-start: var(--ds-space-8);
    border-block: 1px solid var(--pub-line);
}

.public-experience[b-8wk5bexgq2]  .about-foot .deboss {
    font-weight: 850;
    font-size: 1.3rem;
}

.public-experience[b-8wk5bexgq2]  .about-foot p {
    color: var(--ds-color-text-muted);
    font-size: .875rem;
}

.public-experience[b-8wk5bexgq2]  .story-reading {
    display: grid;
    grid-template-columns: minmax(0, .8fr) minmax(0, 1.2fr);
    gap: clamp(2rem, 7vw, 7rem);
    padding-block: var(--pub-section);
}

.public-experience[b-8wk5bexgq2]  .story-reading .section-heading {
    align-self: start;
    padding-inline-start: var(--ds-space-6);
    border-inline-start: 0;
    padding: var(--ds-space-6);
    border-radius: var(--ds-radius-md);
    background: radial-gradient(ellipse at 90% 10%, color-mix(in srgb, var(--ds-color-accent) 9%, transparent), transparent 70%), var(--pub-raised);
    box-shadow: var(--pub-inset);
}

.public-experience[b-8wk5bexgq2]  .section-heading > p:last-child {
    color: var(--ds-color-text-muted);
    margin-block-start: var(--ds-space-4);
}

.public-experience[b-8wk5bexgq2]  .values-section {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    gap: var(--ds-space-12);
    padding-block-end: var(--pub-section);
}

.public-experience[b-8wk5bexgq2]  .value-lines article {
    display: flex;
    gap: var(--ds-space-6);
    padding-block: var(--ds-space-5);
    border-block-start: 1px solid var(--pub-line);
    align-items: center;
    padding: var(--ds-space-5);
    border: 1px solid var(--pub-rim);
    border-radius: var(--ds-radius-md);
    background: var(--pub-raised);
    box-shadow: var(--pub-soft);
}

.public-experience[b-8wk5bexgq2]  .value-lines article > svg {
    inline-size: 2.75rem;
    block-size: 2.75rem;
    padding: .625rem;
    margin-block-start: 0;
    color: var(--ds-color-primary);
    border-radius: var(--ds-radius-sm);
    box-shadow: var(--pub-inset);
    flex-shrink: 0;
    transform: rotate(-4deg);
}

.public-experience[b-8wk5bexgq2]  .value-lines p {
    color: var(--ds-color-text-muted);
    margin-block-start: .5rem;
    font-size: .9375rem;
}

.public-experience[b-8wk5bexgq2]  .voices {
    border-block-start: 1px solid var(--pub-line);
    padding-block-start: var(--ds-space-8);
}

.public-experience[b-8wk5bexgq2]  .voices > div {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: var(--ds-space-12);
}

.public-experience[b-8wk5bexgq2]  blockquote {
    margin: var(--ds-space-8) 0;
}

.public-experience[b-8wk5bexgq2]  blockquote p {
    font-size: 1.1875rem;
    line-height: 2.1;
    max-inline-size: 43ch;
}

.public-experience[b-8wk5bexgq2]  blockquote cite {
    display: block;
    font-style: normal;
    font-size: .875rem;
    margin-block-start: var(--ds-space-5);
    font-weight: 700;
}

.public-experience[b-8wk5bexgq2]  blockquote cite span {
    display: block;
    color: var(--ds-color-text-muted);
    font-weight: 400;
}

.public-experience[b-8wk5bexgq2]  .voices > small {
    color: var(--ds-color-text-muted);
}

.public-experience[b-8wk5bexgq2]  .voices blockquote {
    position: relative;
    padding-inline-start: var(--ds-space-6);
    border-inline-start: 2px solid var(--pub-line);
    padding: var(--ds-space-6);
    border: 1px solid var(--pub-rim);
    border-radius: var(--ds-radius-md);
    background: radial-gradient(ellipse at 95% 0, color-mix(in srgb, var(--ds-color-accent) 7%, transparent), transparent 65%), var(--pub-raised);
    box-shadow: var(--pub-soft);
}

.public-experience[b-8wk5bexgq2]  .voices blockquote::before {
    content: '«';
    position: absolute;
    inset-block-start: -.5rem;
    inset-inline-start: var(--ds-space-4);
    font-size: 3rem;
    color: color-mix(in srgb, var(--ds-color-primary) 20%, var(--pub-base));
    text-shadow: var(--pub-deboss-shadow);
}

.public-experience[b-8wk5bexgq2]  .contact-heading,
.public-experience[b-8wk5bexgq2]  .terms-heading {
    display: grid;
    grid-template-columns: minmax(0, 1.4fr) minmax(0, .8fr);
    gap: var(--ds-space-12);
    align-items: end;
    padding-block: var(--ds-space-8) var(--ds-space-12);
}

.public-experience[b-8wk5bexgq2]  .contact-heading .display {
    font-size: clamp(2rem, 3.8vw, 3.75rem);
}

.public-experience[b-8wk5bexgq2]  .contact-console {
    display: grid;
    grid-template-columns: minmax(0, .75fr) minmax(0, 1.25fr);
    overflow: hidden;
}

.public-experience[b-8wk5bexgq2]  .contact-channel {
    padding: clamp(1.5rem, 3vw, 3rem);
    background: radial-gradient(ellipse at 0 0, color-mix(in srgb, var(--ds-kinetic-cyan) 12%, transparent), transparent 72%);
}

.public-experience[b-8wk5bexgq2]  .channel-icon {
    display: grid;
    place-items: center;
    inline-size: 4rem;
    block-size: 4rem;
    color: var(--ds-color-primary);
    margin-block-end: var(--ds-space-6);
}

.public-experience[b-8wk5bexgq2]  .channel-icon img {
    inline-size: 3.5rem;
    block-size: 3.5rem;
    object-fit: contain;
}

.public-experience[b-8wk5bexgq2]  .contact-channel > a,
.public-experience[b-8wk5bexgq2]  .contact-channel > small {
    display: block;
    text-decoration: none;
}

.public-experience[b-8wk5bexgq2]  .main-phone {
    font-size: clamp(1.8rem, 2.7vw, 2.75rem);
    font-weight: 850;
    line-height: 1.8;
    letter-spacing: -.04em;
    text-shadow: 0 1px var(--pub-highlight);
}

.public-experience[b-8wk5bexgq2]  .main-phone:is(:hover, :focus-visible) {
    text-decoration: underline;
    text-decoration-color: var(--ds-kinetic-cyan);
    text-decoration-thickness: 3px;
}

.public-experience[b-8wk5bexgq2]  .second-phone {
    font-size: 1.25rem;
    font-weight: 600;
}

.public-experience[b-8wk5bexgq2]  .contact-channel > small {
    color: var(--ds-color-text-muted);
}

.public-experience[b-8wk5bexgq2]  .mobile-phones {
    display: flex;
    flex-wrap: wrap;
    gap: .25rem 1rem;
    padding-block: var(--ds-space-6);
    margin-block-start: var(--ds-space-4);
    border-block: 1px solid var(--pub-line);
}

.public-experience[b-8wk5bexgq2]  .mobile-phones span {
    flex: 0 0 100%;
    font-size: .8125rem;
    color: var(--ds-color-text-muted);
}

.public-experience[b-8wk5bexgq2]  .mobile-phones a {
    min-block-size: 44px;
    display: flex;
    align-items: center;
    font-size: .875rem;
    text-decoration: none;
}

.public-experience[b-8wk5bexgq2]  .contact-emails {
    display: grid;
    gap: var(--ds-space-4);
    padding-block-start: var(--ds-space-6);
}

.public-experience[b-8wk5bexgq2]  .contact-emails a {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: .5rem;
    text-decoration: none;
    min-block-size: 44px;
    font-size: .875rem;
}

.public-experience[b-8wk5bexgq2]  .contact-emails span {
    color: var(--ds-color-text-muted);
    font-size: .8125rem;
}

.public-experience[b-8wk5bexgq2]  .contact-emails a {
    border-inline-start: 2px solid var(--pub-line);
    padding-inline-start: .75rem;
}

.public-experience[b-8wk5bexgq2]  .contact-emails a:is(:hover, :focus-visible) {
    border-color: var(--pub-feature);
}

.public-experience[b-8wk5bexgq2]  .message-plane {
    padding: clamp(1.5rem, 3vw, 3rem);
    border-inline-start: 1px solid var(--pub-line);
    background: var(--pub-raised);
    position: relative;
    isolation: isolate;
    border: 0;
    box-shadow: var(--pub-inset);
}

.public-experience[b-8wk5bexgq2]  .message-plane h2 {
    font-size: 1.3rem;
}

.public-experience[b-8wk5bexgq2]  .message-plane:focus-within {
    box-shadow: inset 3px 0 0 var(--ds-color-primary);
}

.public-experience[b-8wk5bexgq2]  .message-plane:has([data-reason="پیگیری سفارش"][aria-pressed="true"]) .channel-hint {
    color: var(--pub-technical);
}

.public-experience[b-8wk5bexgq2]  .segmented {
    display: flex;
    padding: .5rem;
    gap: .5rem;
    margin-block-start: var(--ds-space-5);
}

.public-experience[b-8wk5bexgq2]  .segmented button,
.public-experience[b-8wk5bexgq2]  .library-filters button {
    flex: 1;
    padding: .5rem .75rem;
    min-block-size: 44px;
}

.public-experience[b-8wk5bexgq2]  .channel-hint {
    font-size: .8125rem;
    color: var(--ds-color-text-muted);
    margin-block: var(--ds-space-4) var(--ds-space-6);
}

.public-experience[b-8wk5bexgq2]  .form-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: var(--ds-space-4);
}

.public-experience[b-8wk5bexgq2]  .form-end {
    display: flex;
    flex-wrap: wrap;
    gap: var(--ds-space-4);
    align-items: center;
}

.public-experience[b-8wk5bexgq2]  .form-end small {
    color: var(--ds-color-text-muted);
}

.public-experience[b-8wk5bexgq2]  .feedback {
    margin-block-start: var(--ds-space-4);
    padding: var(--ds-space-4);
}

.public-experience[b-8wk5bexgq2]  .address-strip {
    display: grid;
    grid-template-columns: minmax(0, 1.1fr) minmax(0, .9fr);
    align-items: center;
    gap: var(--ds-space-10);
    margin-block-start: var(--ds-space-12);
    padding: var(--ds-space-6);
    border-block: 1px solid var(--pub-line);
    border: 1px solid var(--pub-rim);
    border-radius: var(--ds-radius-lg);
    background: var(--pub-raised);
    box-shadow: var(--pub-soft);
}

.public-experience[b-8wk5bexgq2]  .location-photo {
    position: relative;
    padding: .625rem;
    border: 1px solid var(--pub-rim);
    border-radius: var(--ds-radius-md);
    background: var(--pub-raised);
    box-shadow: var(--pub-soft);
    transform: none;
}

.public-experience[b-8wk5bexgq2]  .location-photo img {
    display: block;
    inline-size: 100%;
    aspect-ratio: 2.75;
    object-fit: cover;
    border-radius: var(--ds-radius-xs);
}

.public-experience[b-8wk5bexgq2]  .location-photo figcaption {
    padding-block-start: .5rem;
    font-size: .6875rem;
    color: var(--ds-color-text-muted);
}

.public-experience[b-8wk5bexgq2]  .address-details {
    display: grid;
    gap: var(--ds-space-5);
}

.public-experience[b-8wk5bexgq2]  .address-identity {
    display: flex;
    gap: var(--ds-space-5);
    align-items: center;
    color: var(--ds-color-text-muted);
    font-size: .875rem;
}

.public-experience[b-8wk5bexgq2]  .address-identity svg {
    inline-size: 2rem;
    block-size: 2rem;
    color: var(--ds-color-primary);
}

.public-experience[b-8wk5bexgq2]  .address-identity strong {
    display: block;
    color: var(--ds-color-text);
    font-size: 1.25rem;
}

.public-experience[b-8wk5bexgq2]  .address-details > div > p {
    color: var(--ds-color-text-muted);
    font-size: .9375rem;
}

/* FAQ — engraved focal question and discovery workspace */
.public-experience[b-8wk5bexgq2]  .answer-heading {
    position: relative;
    max-inline-size: 52rem;
    margin-inline: auto;
    text-align: center;
    padding-block: var(--ds-space-8) var(--ds-space-12);
}

.public-experience[b-8wk5bexgq2]  .answer-heading::before {
    content: '؟';
    position: absolute;
    z-index: -1;
    inset-block-start: 0;
    inset-inline-end: -3rem;
    font-size: 19rem;
    font-weight: 850;
    line-height: 1;
    color: color-mix(in srgb, var(--ds-color-primary) 9%, var(--pub-base));
    text-shadow: var(--pub-deboss-shadow);
}

.public-experience[b-8wk5bexgq2]  .answer-heading .lead {
    margin-inline: auto;
}

.public-experience[b-8wk5bexgq2]  .answer-search {
    display: flex;
    gap: var(--ds-space-4);
    align-items: center;
    padding: var(--ds-space-4) var(--ds-space-5);
    margin-block-start: var(--ds-space-8);
    text-align: start;
}

.public-experience[b-8wk5bexgq2]  .answer-search > svg {
    color: var(--ds-color-primary);
}

.public-experience[b-8wk5bexgq2]  .answer-workspace {
    display: grid;
    grid-template-columns: 15rem minmax(0, 1fr);
    gap: clamp(2rem, 5vw, 5rem);
    align-items: start;
}

.public-experience[b-8wk5bexgq2]  .answer-index,
.public-experience[b-8wk5bexgq2]  .legal-index {
    position: sticky;
    inset-block-start: var(--ds-space-6);
}

.public-experience[b-8wk5bexgq2]  .answer-index > p {
    font-size: .8125rem;
    color: var(--ds-color-text-muted);
    margin-block-end: var(--ds-space-3);
}

.public-experience[b-8wk5bexgq2]  .answer-index [role='group'] {
    display: grid;
    gap: .5rem;
}

.public-experience[b-8wk5bexgq2]  .answer-index button {
    display: flex;
    justify-content: space-between;
    text-align: start;
    min-block-size: 48px;
    padding: .625rem 1rem;
}

.public-experience[b-8wk5bexgq2]  .answer-index button span {
    min-inline-size: 1.5rem;
    text-align: center;
}

.public-experience[b-8wk5bexgq2]  .answer-help {
    display: grid;
    gap: .5rem;
    margin-block-start: var(--ds-space-8);
    padding-block-start: var(--ds-space-6);
    border-block-start: 1px solid var(--pub-line);
    text-decoration: none;
    font-size: .875rem;
}

.public-experience[b-8wk5bexgq2]  .answer-help span {
    color: var(--ds-color-text-muted);
}

.public-experience[b-8wk5bexgq2]  .results-note {
    font-size: .8125rem;
    color: var(--ds-color-text-muted);
    padding-block-end: var(--ds-space-4);
}

.public-experience[b-8wk5bexgq2]  .faq-item {
    position: relative;
    border-block-start: 1px solid var(--pub-line);
    scroll-margin-block-start: 2rem;
    padding-inline-start: var(--ds-space-5);
    border-inline-start: 2px solid transparent;
}

.public-experience[b-8wk5bexgq2]  .faq-item[open] {
    border-inline-start-color: var(--ds-color-primary);
    background: linear-gradient(90deg, transparent, color-mix(in srgb, var(--ds-kinetic-cyan) 7%, transparent));
}

.public-experience[b-8wk5bexgq2]  .faq-item summary::before {
    content: attr(data-topic-label);
    display: block;
    margin-block-end: .25rem;
    font-size: .6875rem;
    font-weight: 400;
    color: var(--ds-color-text-muted);
}

.public-experience[b-8wk5bexgq2]  .faq-item[open] summary::before {
    color: var(--ds-color-primary);
}

.public-experience[b-8wk5bexgq2]  .faq-item summary {
    position: relative;
    list-style: none;
    padding-block: var(--ds-space-3) var(--ds-space-5);
    padding-inline-end: 3rem;
    min-block-size: 64px;
    font-weight: 650;
}

.public-experience[b-8wk5bexgq2]  .faq-item summary::-webkit-details-marker {
    display: none;
}

.public-experience[b-8wk5bexgq2]  .faq-item summary::after {
    content: '+';
    position: absolute;
    inset-inline-end: 0;
    inset-block-start: .5rem;
    display: grid;
    place-items: center;
    inline-size: 32px;
    block-size: 32px;
    border-radius: var(--ds-radius-xs);
    color: var(--ds-color-primary);
    background: var(--pub-base);
    box-shadow: var(--pub-soft);
    font-weight: 400;
    font-size: 1.3rem;
}

.public-experience[b-8wk5bexgq2]  .faq-item[open] summary {
    color: var(--ds-color-primary);
}

.public-experience[b-8wk5bexgq2]  .faq-item[open] summary::after {
    content: '−';
    box-shadow: var(--pub-inset);
}

.public-experience[b-8wk5bexgq2]  .faq-item summary:is(:hover, :focus-visible)::after {
    border: 1px solid var(--ds-kinetic-cyan);
}

.public-experience[b-8wk5bexgq2]  .faq-item[open] .faq-answer {
    border-block-start: 1px solid var(--pub-line);
    padding-block-start: var(--ds-space-4);
}

.public-experience[b-8wk5bexgq2]  .faq-answer {
    max-inline-size: 75ch;
    margin-block-end: var(--ds-space-6);
    color: var(--ds-color-text-muted);
    line-height: 2.1;
    font-size: .9375rem;
}

.public-experience[b-8wk5bexgq2]  .faq-answer .notice {
    margin-block-start: var(--ds-space-4);
    font-size: .8125rem;
}

.public-experience[b-8wk5bexgq2]  .faq-answer .text-link {
    margin-block-start: .5rem;
}

.public-experience[b-8wk5bexgq2]  .faq-item[open] .faq-answer {
    animation: chapter-enter-b-8wk5bexgq2 var(--ds-duration-normal) var(--ds-ease-enter);
}

.public-experience[b-8wk5bexgq2]  .empty-search {
    padding: var(--ds-space-8);
}

.public-experience[b-8wk5bexgq2]  .empty-search p {
    margin-block: var(--ds-space-4);
    color: var(--ds-color-text-muted);
}

/* Guide — chapter rail, active numeral and medallion */
.public-experience[b-8wk5bexgq2]  .guide-heading {
    position: relative;
    padding-block: var(--ds-space-8) var(--ds-space-12);
}

.public-experience[b-8wk5bexgq2]  .guide-route {
    position: absolute;
    inset-inline-end: 0;
    inset-block-end: 3rem;
    font-size: 1.125rem;
    font-weight: 800;
}

.public-experience[b-8wk5bexgq2]  .journey-shell {
    padding: var(--ds-space-5);
    background: radial-gradient(ellipse at 80% 60%, color-mix(in srgb, var(--ds-kinetic-cyan) 11%, transparent), transparent 60%), var(--pub-raised);
}

.public-experience[b-8wk5bexgq2]  .journey-nav {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: .75rem;
    padding: .75rem;
}

.public-experience[b-8wk5bexgq2]  .journey-nav a {
    display: flex;
    align-items: center;
    gap: var(--ds-space-3);
    min-block-size: 60px;
    padding: .75rem;
    border-radius: var(--ds-radius-sm);
    text-decoration: none;
    color: var(--ds-color-text-muted);
}

.public-experience[b-8wk5bexgq2]  .journey-nav b {
    display: grid;
    place-items: center;
    inline-size: 32px;
    block-size: 32px;
    border-radius: var(--ds-radius-xs);
    box-shadow: var(--pub-soft);
}

.public-experience[b-8wk5bexgq2]  .journey-nav a[aria-current='step'] {
    color: var(--ds-color-primary);
    background: var(--pub-raised);
    box-shadow: var(--pub-soft);
    font-weight: 750;
    border: 1px solid color-mix(in srgb, var(--ds-kinetic-cyan) 65%, var(--pub-rim));
}

.public-experience[b-8wk5bexgq2]  .journey-nav a {
    border: 1px solid transparent;
}

.public-experience[b-8wk5bexgq2]  .journey-nav a[aria-current='step'] b {
    color: var(--ds-color-on-primary);
    background: var(--ds-color-primary);
    box-shadow: none;
}

.public-experience[b-8wk5bexgq2]  .journey-body {
    display: grid;
    grid-template-columns: .8fr 1.2fr;
    align-items: center;
    gap: var(--ds-space-10);
    padding: var(--ds-space-12) var(--ds-space-8);
}

.public-experience[b-8wk5bexgq2]  .journey-figure {
    position: relative;
    display: grid;
    place-items: center;
    min-block-size: 19rem;
}

.public-experience[b-8wk5bexgq2]  .journey-figure::before {
    content: attr(data-chapter);
    position: absolute;
    inset-block-start: -.5rem;
    inset-inline-start: 0;
    font-size: 12rem;
    font-weight: 850;
    color: color-mix(in srgb, var(--ds-color-primary) 10%, var(--pub-base));
    text-shadow: var(--pub-deboss-shadow);
    line-height: 1;
}

.public-experience[b-8wk5bexgq2]  .journey-orbit {
    position: absolute;
    inline-size: 16rem;
    block-size: 16rem;
    border: 1px solid var(--pub-line);
    border-inline-start: 3px solid var(--ds-color-primary);
    border-radius: 50%;
    transform: rotate(-35deg);
}

.public-experience[b-8wk5bexgq2]  .journey-orbit::after {
    content: '';
    position: absolute;
    inset: 1.5rem;
    border: 1px dashed var(--pub-line);
    border-radius: inherit;
}

.public-experience[b-8wk5bexgq2]  .journey-medallion {
    display: grid;
    place-items: center;
    inline-size: 9rem;
    block-size: 9rem;
    border: 1px solid var(--pub-rim);
    border-radius: var(--ds-radius-xl);
    background: var(--pub-raised);
    box-shadow: var(--pub-shadow);
    transform: rotate(-8deg);
}

.public-experience[b-8wk5bexgq2]  .journey-medallion svg {
    inline-size: 3rem;
    block-size: 3rem;
    color: var(--ds-color-primary);
    transform: rotate(8deg);
}

.public-experience[b-8wk5bexgq2]  .journey-package {
    position: absolute;
    inline-size: 7rem;
    block-size: 7rem;
    object-fit: contain;
    inset-inline-end: .5rem;
    inset-block-end: 2.25rem;
    opacity: 0;
    transform: translateY(6px);
    transition: opacity var(--ds-duration-normal), transform var(--ds-duration-normal);
}

.public-experience[b-8wk5bexgq2]  .journey-figure:is([data-chapter='4'], [data-chapter='5']) .journey-package {
    opacity: 1;
    transform: none;
}

.public-experience[b-8wk5bexgq2]  .journey-figure[data-chapter='4'] .journey-orbit {
    border-inline-start-color: var(--pub-technical);
}

.public-experience[b-8wk5bexgq2]  .journey-figure[data-chapter='5'] .journey-orbit {
    border-inline-start-color: var(--ds-color-accent);
}

.public-experience[b-8wk5bexgq2]  .journey-engraving {
    position: absolute;
    inset-block-end: 0;
    font-size: .875rem;
    color: var(--ds-color-text-muted);
}

.public-experience[b-8wk5bexgq2]  .journey-chapter .context {
    margin-block-end: .5rem;
}

.public-experience[b-8wk5bexgq2]  .journey-chapter h2 {
    font-size: 2rem;
}

.public-experience[b-8wk5bexgq2]  .journey-chapter > p:not(.context) {
    max-inline-size: 48ch;
    color: var(--ds-color-text-muted);
    margin-block: var(--ds-space-5);
}

.public-experience[b-8wk5bexgq2]  .chapter-tip {
    display: flex;
    align-items: center;
    gap: var(--ds-space-3);
    padding-block: var(--ds-space-5);
    border-block: 1px solid var(--pub-line);
    color: var(--ds-color-primary);
    font-size: .875rem;
    margin-block-end: var(--ds-space-5);
}

.public-experience[b-8wk5bexgq2]  .journey-chapter.active {
    animation: chapter-enter-b-8wk5bexgq2 var(--ds-duration-normal) var(--ds-ease-enter);
}

/* Technical — folio stack, topic desk and knowledge continuation */
.public-experience[b-8wk5bexgq2]  .knowledge-stage {
    display: grid;
    grid-template-columns: 1fr 1fr;
    align-items: center;
    gap: var(--ds-space-8);
    padding-block: var(--ds-space-10);
}

.public-experience[b-8wk5bexgq2]  .knowledge-intro .ds-action {
    margin-block-start: var(--ds-space-8);
}

.public-experience[b-8wk5bexgq2]  .source-note {
    color: var(--ds-color-text-muted);
    font-size: .8125rem;
    margin-block-start: var(--ds-space-5);
}

.public-experience[b-8wk5bexgq2]  .folio-assembly {
    position: relative;
    block-size: 29rem;
    isolation: isolate;
}

.public-experience[b-8wk5bexgq2]  .folio-assembly::before {
    content: '';
    position: absolute;
    inset: 2rem 0 0;
    background: repeating-linear-gradient(0deg, transparent 0 39px, var(--pub-line) 39px 40px), repeating-linear-gradient(90deg, transparent 0 39px, var(--pub-line) 39px 40px);
    mask-image: radial-gradient(ellipse, black, transparent 70%);
    opacity: .5;
}

.public-experience[b-8wk5bexgq2]  .folio {
    position: absolute;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    inline-size: 14rem;
    block-size: 21rem;
    padding: var(--ds-space-6);
    border: 1px solid var(--pub-rim);
    border-radius: var(--ds-radius-xs);
    box-shadow: 10px 14px 26px var(--pub-depth), inset 5px 0 0 color-mix(in srgb, var(--ds-color-primary) 20%, var(--pub-base));
    background: var(--pub-raised);
}

.public-experience[b-8wk5bexgq2]  .folio strong {
    font-size: 2rem;
    font-weight: 850;
    line-height: 1.6;
}

.public-experience[b-8wk5bexgq2]  .folio small,
.public-experience[b-8wk5bexgq2]  .folio > span {
    font-size: .8125rem;
}

.public-experience[b-8wk5bexgq2]  .folio-energy {
    inset-inline-start: 1rem;
    inset-block-start: 1rem;
    transform: rotate(10deg);
    color: var(--ds-color-text-muted);
}

.public-experience[b-8wk5bexgq2]  .folio-acoustic {
    inset-inline-start: 6rem;
    inset-block-start: 3rem;
    transform: rotate(-3deg);
    color: var(--ds-color-primary);
}

.public-experience[b-8wk5bexgq2]  .folio-main {
    inset-inline-start: 11rem;
    inset-block-start: 6rem;
    transform: rotate(-13deg);
    background: var(--ds-kinetic-navy-2);
    color: var(--ds-color-ink-inverse);
    border-color: var(--ds-kinetic-navy-1);
}

.public-experience[b-8wk5bexgq2]  .folio-main small {
    color: var(--ds-kinetic-cyan);
}

.public-experience[b-8wk5bexgq2]  .folio {
    transition: transform var(--ds-duration-normal) var(--ds-ease-standard);
}

.public-experience[b-8wk5bexgq2]  .folio-main {
    background: radial-gradient(ellipse at 0 0, color-mix(in srgb, var(--ds-kinetic-cyan) 15%, transparent), transparent 65%), var(--ds-kinetic-navy-2);
    box-shadow: 12px 20px 32px var(--pub-depth), inset 5px 0 0 var(--ds-kinetic-navy-1);
}

.public-experience[b-8wk5bexgq2]  .technical-page:has([data-source='acoustic']) .folio-acoustic {
    transform: rotate(0deg) translateY(-1rem);
    border-color: var(--pub-feature);
}

.public-experience[b-8wk5bexgq2]  .technical-page:has([data-source='energy']) .folio-energy {
    transform: rotate(5deg) translateY(-1rem);
    border-color: var(--pub-feature);
}









.public-experience[b-8wk5bexgq2]  .technical-library {
    display: grid;
    grid-template-columns: .85fr 1.15fr;
    align-items: start;
    gap: var(--ds-space-12);
    padding-block: var(--pub-section);
    border-block-start: 1px solid var(--pub-line);
}

.public-experience[b-8wk5bexgq2]  .library-heading {
    position: sticky;
    inset-block-start: var(--ds-space-6);
}

.public-experience[b-8wk5bexgq2]  .library-heading p {
    color: var(--ds-color-text-muted);
    margin-block-start: var(--ds-space-4);
}

.public-experience[b-8wk5bexgq2]  .source-inspector {
    position: relative;
    margin-block-start: var(--ds-space-6);
    padding: var(--ds-space-6);
    border-block-start: 3px solid var(--pub-feature);
}

.public-experience[b-8wk5bexgq2]  .source-inspector > .context {
    margin: 0;
    font-size: .75rem;
}

.public-experience[b-8wk5bexgq2]  .inspector-object {
    display: grid;
    place-items: center;
    min-block-size: 10rem;
    margin-block: var(--ds-space-4);
    border-radius: var(--ds-radius-md);
    box-shadow: var(--pub-inset);
    background: radial-gradient(ellipse at 40% 30%, color-mix(in srgb, var(--pub-feature) 9%, transparent), transparent 75%);
}





.public-experience[b-8wk5bexgq2]  .inspector-caption h3 {
    font-size: 1.3rem;
}

.public-experience[b-8wk5bexgq2]  .inspector-caption p {
    font-size: .8125rem;
}

.public-experience[b-8wk5bexgq2]  .inspector-caption .ds-action {
    margin-block-start: var(--ds-space-5);
}

.public-experience[b-8wk5bexgq2]  .source-disclaimer {
    display: block;
    color: var(--ds-color-text-muted);
    font-size: .6875rem;
    margin-block-start: var(--ds-space-4);
}

















.public-experience[b-8wk5bexgq2]  .source-inspector[data-source='fire'] {
    border-block-start-color: var(--ds-color-accent);
}

.public-experience[b-8wk5bexgq2]  .resource-row {
    display: grid;
    grid-template-columns: 3.5rem minmax(0, 1fr);
    align-items: center;
    gap: var(--ds-space-5);
    padding-block: var(--ds-space-3);
    border-block-start: 1px solid var(--pub-line);
}

.public-experience[b-8wk5bexgq2]  .library-filters {
    display: flex;
    gap: .5rem;
    margin-block-end: var(--ds-space-8);
}

.public-experience[b-8wk5bexgq2]  .library-filters button {
    flex: initial;
}

.public-experience[b-8wk5bexgq2]  .resource {
    position: relative;
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: var(--ds-space-4);
    min-block-size: 5rem;
    padding: var(--ds-space-3);
    border-radius: var(--ds-radius-sm);
    text-decoration: none;
}

.public-experience[b-8wk5bexgq2]  .resource-mark {
    display: grid;
    place-items: center;
    inline-size: 3.5rem;
    block-size: 4rem;
}


.public-experience[b-8wk5bexgq2]  .resource h3 {
    color: var(--ds-color-text);
    font-size: 1.125rem;
}

.public-experience[b-8wk5bexgq2]  .resource small {
    color: var(--ds-color-text-muted);
    font-size: .75rem;
}

.public-experience[b-8wk5bexgq2]  .resource-action {
    display: flex;
    align-items: center;
    gap: .75rem;
    font-size: .8125rem;
}

.public-experience[b-8wk5bexgq2]  .resource:hover h3 {
    color: var(--ds-color-primary);
}

.public-experience[b-8wk5bexgq2]  .resource-row:has([aria-pressed='true']) .resource {
    background: color-mix(in srgb, var(--pub-feature) 6%, transparent);
}

.public-experience[b-8wk5bexgq2]  .resource-row:has([aria-pressed='true']) .resource h3 {
    color: var(--pub-feature);
}

.public-experience[b-8wk5bexgq2]  .resource-row:has([aria-pressed='true']) .resource::after {
    opacity: 1;
    border-color: var(--pub-feature);
}

.public-experience[b-8wk5bexgq2]  .resource-action {
    white-space: nowrap;
}

.public-experience[b-8wk5bexgq2]  .knowledge-bridge {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: var(--ds-space-8);
    padding: clamp(1.5rem, 3vw, 3rem);
}

.public-experience[b-8wk5bexgq2]  .knowledge-bridge h2 {
    font-size: 1.75rem;
}

.public-experience[b-8wk5bexgq2]  .knowledge-bridge p:not(.context) {
    margin-block-start: .5rem;
    font-size: .875rem;
    color: var(--ds-color-text-muted);
    max-inline-size: 54ch;
}

.public-experience[b-8wk5bexgq2]  .bridge-path {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    gap: 1rem;
    color: var(--pub-technical);
    font-size: .875rem;
}

.public-experience[b-8wk5bexgq2]  .bridge-path i {
    inline-size: 2rem;
    block-size: 1px;
    background: var(--pub-line);
}

.public-experience[b-8wk5bexgq2]  .assistant-preview {
    grid-column: 1 / -1;
    display: flex;
    align-items: center;
    gap: var(--ds-space-5);
    padding-block-start: var(--ds-space-6);
    border-block-start: 1px solid var(--pub-line);
}

.public-experience[b-8wk5bexgq2]  .assistant-preview img {
    flex: 0 0 85px;
    object-fit: contain;
}

/* Shipping — delivery ticket and condition-reading geometry */
.public-experience[b-8wk5bexgq2]  .shipping-heading {
    display: grid;
    grid-template-columns: 1.2fr .8fr;
    gap: var(--ds-space-12);
    align-items: center;
    padding-block: var(--ds-space-8) var(--ds-space-12);
}

.public-experience[b-8wk5bexgq2]  .shipment-ticket {
    position: relative;
    display: grid;
    gap: var(--ds-space-3);
    padding: var(--ds-space-8);
    margin-inline-start: 2rem;
    border-block-start: 3px solid var(--ds-color-primary);
    transform: rotate(-1deg);
    background: radial-gradient(ellipse at 10% 0, color-mix(in srgb, var(--ds-kinetic-cyan) 9%, transparent), transparent 70%), var(--pub-raised);
    box-shadow: var(--pub-inset);
}

.public-experience[b-8wk5bexgq2]  .shipment-object {
    position: absolute;
    inset-block-start: -2rem;
    inset-inline-start: -2.5rem;
    inline-size: 6rem;
    block-size: 6rem;
    object-fit: contain;
    transform: rotate(3deg);
    filter: drop-shadow(0 4px 3px var(--pub-depth));
}

.public-experience[b-8wk5bexgq2]  .shipment-ticket > span {
    padding-inline-start: 3.75rem;
    min-block-size: 2rem;
}

.public-experience[b-8wk5bexgq2]  .shipment-ticket > small {
    border-block-start: 1px dashed var(--pub-line);
    padding-block-start: var(--ds-space-3);
}

.public-experience[b-8wk5bexgq2]  .shipment-ticket > span,
.public-experience[b-8wk5bexgq2]  .shipment-ticket > small,
.public-experience[b-8wk5bexgq2]  .shipment-ticket p {
    font-size: .8125rem;
    color: var(--ds-color-text-muted);
}

.public-experience[b-8wk5bexgq2]  .shipment-ticket > strong {
    font-size: 2.75rem;
    line-height: 1.5;
    color: var(--ds-color-primary);
}

.public-experience[b-8wk5bexgq2]  .shipment-ticket strong small {
    font-size: 1rem;
}

.public-experience[b-8wk5bexgq2]  .shipping-bands {
    margin-block: var(--ds-space-6) var(--pub-section);
}

.public-experience[b-8wk5bexgq2]  .shipping-bands article {
    display: grid;
    grid-template-columns: 4rem minmax(0, 1fr) auto;
    align-items: center;
    gap: var(--ds-space-8);
    padding-block: var(--ds-space-8);
    border-block-start: 1px solid var(--pub-line);
}

.public-experience[b-8wk5bexgq2]  .band-marker {
    display: grid;
    place-items: center;
    inline-size: 4rem;
    block-size: 4rem;
    border-radius: var(--ds-radius-md);
    box-shadow: var(--pub-inset);
    color: var(--ds-color-primary);
}

.public-experience[b-8wk5bexgq2]  .shipping-bands p {
    max-inline-size: 68ch;
    color: var(--ds-color-text-muted);
    margin-block-start: .75rem;
}

.public-experience[b-8wk5bexgq2]  .return-desk {
    display: grid;
    grid-template-columns: .9fr 1.1fr;
    gap: var(--ds-space-12);
    padding: clamp(1.5rem, 3vw, 3rem);
}

.public-experience[b-8wk5bexgq2]  .return-heading p:not(.context) {
    color: var(--ds-color-text-muted);
    margin-block-start: var(--ds-space-4);
    font-size: .875rem;
}

.public-experience[b-8wk5bexgq2]  .return-object {
    display: grid;
    justify-items: start;
    margin-block-start: var(--ds-space-6);
    padding: var(--ds-space-4);
    border-radius: var(--ds-radius-md);
    background: radial-gradient(ellipse at 50% 25%, color-mix(in srgb, var(--pub-feature) 9%, transparent), transparent 65%);
}

.public-experience[b-8wk5bexgq2]  .return-object img {
    inline-size: 12rem;
    block-size: 12rem;
    object-fit: contain;
}

.public-experience[b-8wk5bexgq2]  .return-object figcaption {
    color: var(--ds-color-text);
    font-size: .8125rem;
    max-inline-size: 35ch;
    margin-block-start: var(--ds-space-3);
}

.public-experience[b-8wk5bexgq2]  .return-choices {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: var(--ds-space-4);
    padding: var(--ds-space-3);
    border-radius: var(--ds-radius-md);
    background: var(--pub-base);
    box-shadow: var(--pub-inset);
}

.public-experience[b-8wk5bexgq2]  .return-choices button {
    display: flex;
    align-items: center;
    gap: var(--ds-space-3);
    padding: var(--ds-space-4);
    text-align: start;
    position: relative;
    min-block-size: 88px;
}

.public-experience[b-8wk5bexgq2]  .return-choices small {
    display: block;
    color: var(--ds-color-text-muted);
    font-size: .6875rem;
}

.public-experience[b-8wk5bexgq2]  .return-desk:has([data-return='special'][aria-pressed='true']) {
    border-block-start: 3px solid var(--pub-technical);
}

.public-experience[b-8wk5bexgq2]  .return-desk {
    border-block-start: 3px solid var(--ds-color-primary);
}

.public-experience[b-8wk5bexgq2]  .return-reading {
    margin-block: var(--ds-space-5);
    padding: var(--ds-space-6);
    border: 1px solid var(--pub-rim);
    background: radial-gradient(ellipse at 90% 0, color-mix(in srgb, var(--pub-feature) 8%, transparent), transparent 70%), var(--pub-raised);
}

.public-experience[b-8wk5bexgq2]  .return-reading p {
    color: var(--ds-color-text-muted);
    margin-block: var(--ds-space-3);
    font-size: .9375rem;
}

.public-experience[b-8wk5bexgq2]  .return-reading.active {
    animation: chapter-enter-b-8wk5bexgq2 var(--ds-duration-normal) var(--ds-ease-enter);
}

.public-experience[b-8wk5bexgq2]  .return-reading .decision-label {
    display: block;
    font-size: .8125rem;
    font-weight: 700;
    color: var(--ds-color-text-muted);
    margin-block: 0 .5rem;
}

.public-experience[b-8wk5bexgq2]  .return-reading h3 + .decision-label {
    border-block-start: 1px solid var(--pub-line);
    margin-block-start: var(--ds-space-4);
    padding-block-start: var(--ds-space-4);
}

.public-experience[b-8wk5bexgq2]  #return-ordinary h3 {
    border-inline-start: 3px solid var(--pub-warning);
    padding-inline-start: .75rem;
}

.public-experience[b-8wk5bexgq2]  #return-special :is(h3, .decision-label) {
    color: var(--pub-technical);
}

.public-experience[b-8wk5bexgq2]  .return-reading .ds-action {
    margin-block-start: var(--ds-space-4);
}

.public-experience[b-8wk5bexgq2]  .return-controls > small {
    color: var(--ds-color-text-muted);
}

.public-experience[b-8wk5bexgq2]  .support-line {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--ds-space-4) var(--ds-space-8);
    padding-block: var(--ds-space-8);
    margin-block-start: var(--ds-space-8);
    border-block: 1px solid var(--pub-line);
    padding: var(--ds-space-6);
    border: 1px solid var(--pub-rim);
    border-radius: var(--ds-radius-md);
    background: var(--pub-raised);
    box-shadow: var(--pub-soft);
}

.public-experience[b-8wk5bexgq2]  .support-line h2 {
    font-size: 1.25rem;
    margin-inline-end: auto;
}

.public-experience[b-8wk5bexgq2]  .support-line a {
    min-block-size: 44px;
    display: flex;
    align-items: center;
}

.public-experience[b-8wk5bexgq2]  .support-line p {
    flex-basis: 100%;
    font-size: .875rem;
    color: var(--ds-color-text-muted);
}

/* Legal — reader margin, selected position and paper material */
.public-experience[b-8wk5bexgq2]  .legal-heading {
    display: flex;
    align-items: center;
    gap: var(--ds-space-10);
    padding-block: var(--ds-space-8) var(--ds-space-12);
}

.public-experience[b-8wk5bexgq2]  .legal-seal {
    display: grid;
    place-items: center;
    inline-size: 9rem;
    block-size: 9rem;
    flex: 0 0 9rem;
    border-radius: var(--ds-radius-xl);
}

.public-experience[b-8wk5bexgq2]  .legal-seal {
    border: 1px solid color-mix(in srgb, var(--pub-feature) 30%, var(--pub-line));
    transform: rotate(-5deg);
}

.public-experience[b-8wk5bexgq2]  .legal-seal svg {
    inline-size: 3rem;
    block-size: 3rem;
    color: var(--pub-feature);
    transform: rotate(5deg);
}

.public-experience[b-8wk5bexgq2]  .legal-heading .display,
.public-experience[b-8wk5bexgq2]  .terms-heading .display {
    font-size: clamp(2rem, 3.7vw, 3.5rem);
}

.public-experience[b-8wk5bexgq2]  .legal-heading .lead {
    max-inline-size: 60ch;
}

.public-experience[b-8wk5bexgq2]  .privacy-flow {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--ds-space-6);
    padding: var(--ds-space-6) var(--ds-space-8);
    margin-block-end: var(--pub-section);
}

.public-experience[b-8wk5bexgq2]  .privacy-flow > div {
    display: grid;
    grid-template-columns: 2rem 1fr;
    column-gap: var(--ds-space-3);
}

.public-experience[b-8wk5bexgq2]  .privacy-flow svg {
    grid-row: span 2;
    align-self: center;
    color: var(--pub-feature);
}

.public-experience[b-8wk5bexgq2]  .privacy-flow strong {
    font-size: .9375rem;
}

.public-experience[b-8wk5bexgq2]  .privacy-flow span {
    color: var(--ds-color-text-muted);
    font-size: .75rem;
}

.public-experience[b-8wk5bexgq2]  .privacy-flow > i {
    block-size: 1px;
    inline-size: 4rem;
    background: var(--pub-line);
}

.public-experience[b-8wk5bexgq2]  .legal-layout {
    display: grid;
    grid-template-columns: 16rem minmax(0, 1fr);
    gap: clamp(2rem, 5vw, 5rem);
    align-items: start;
}

.public-experience[b-8wk5bexgq2]  .legal-index h2 {
    font-size: .875rem;
    margin-block-end: var(--ds-space-4);
}

.public-experience[b-8wk5bexgq2]  .reading-position {
    margin-block-end: var(--ds-space-5);
}

.public-experience[b-8wk5bexgq2]  .reading-position progress {
    display: block;
    inline-size: 100%;
    block-size: .375rem;
    border: 0;
    accent-color: var(--pub-feature);
    border-radius: var(--ds-radius-xs);
    overflow: hidden;
    background: var(--pub-base);
    box-shadow: var(--pub-inset);
}

.public-experience[b-8wk5bexgq2]  .reading-position progress::-webkit-progress-bar {
    background: var(--pub-base);
}

.public-experience[b-8wk5bexgq2]  .reading-position progress::-webkit-progress-value {
    background: var(--pub-feature);
}

.public-experience[b-8wk5bexgq2]  .reading-position progress::-moz-progress-bar {
    background: var(--pub-feature);
}

.public-experience[b-8wk5bexgq2]  .reading-position p {
    color: var(--ds-color-text-muted);
    font-size: .6875rem;
    margin-block-start: .5rem;
}

.public-experience[b-8wk5bexgq2]  .legal-index nav {
    display: grid;
}

.public-experience[b-8wk5bexgq2]  .legal-index nav a {
    display: block;
    border-inline-start: 1px solid var(--pub-line);
    text-decoration: none;
    color: var(--ds-color-text-muted);
    font-size: .8125rem;
    padding: .625rem 1rem;
    min-block-size: 44px;
}

.public-experience[b-8wk5bexgq2]  .legal-index nav a:is(:hover, :focus-visible, [aria-current='location']) {
    border-inline-start: 2px solid var(--pub-feature);
    color: var(--pub-feature);
    background: color-mix(in srgb, var(--pub-feature) 5%, transparent);
}

.public-experience[b-8wk5bexgq2]  .legal-index > .text-link {
    margin-block-start: var(--ds-space-6);
}

.public-experience[b-8wk5bexgq2]  .legal-paper {
    position: relative;
    padding: clamp(1.5rem, 4vw, 4rem);
    border-radius: var(--ds-radius-sm);
    box-shadow: 8px 12px 22px var(--pub-depth), inset 5px 0 0 var(--pub-base), inset 6px 0 0 var(--pub-rim), inset 1px 1px 0 var(--pub-highlight);
}

.public-experience[b-8wk5bexgq2]  .legal-clause:target {
    border-inline-start: 3px solid var(--pub-feature);
    padding-inline-start: var(--ds-space-5);
}

.public-experience[b-8wk5bexgq2]  .legal-intro {
    max-inline-size: 65ch;
    color: var(--ds-color-text-muted);
    border-block-end: 1px solid var(--pub-line);
    padding-block-end: var(--ds-space-8);
}

.public-experience[b-8wk5bexgq2]  .legal-clause {
    padding-block: var(--ds-space-8);
    border-block-end: 1px solid var(--pub-line);
    scroll-margin-block-start: 2rem;
}

.public-experience[b-8wk5bexgq2]  .legal-clause h2 {
    font-size: 1.25rem;
}

.public-experience[b-8wk5bexgq2]  .legal-clause p {
    max-inline-size: 68ch;
    line-height: 2.2;
    margin-block-start: var(--ds-space-4);
    color: var(--ds-color-text-muted);
}

.public-experience[b-8wk5bexgq2]  .legal-contact {
    padding-block-start: var(--ds-space-8);
    scroll-margin-block-start: 2rem;
}

.public-experience[b-8wk5bexgq2]  .legal-contact h2 {
    font-size: 1.25rem;
    margin-block-end: var(--ds-space-4);
}

.public-experience[b-8wk5bexgq2]  .legal-contact > a {
    display: inline-flex;
    align-items: center;
    min-block-size: 44px;
}

.public-experience[b-8wk5bexgq2]  .legal-contact p {
    font-size: .875rem;
    color: var(--ds-color-text-muted);
    margin-block-start: var(--ds-space-4);
    max-inline-size: 66ch;
}

.public-experience[b-8wk5bexgq2]  .terms-plaque {
    padding: var(--ds-space-8);
    border-inline-start: 3px solid var(--ds-color-primary);
}

.public-experience[b-8wk5bexgq2]  .terms-plaque svg {
    inline-size: 2rem;
    block-size: 2rem;
    color: var(--ds-color-primary);
    margin-block-end: var(--ds-space-4);
}

.public-experience[b-8wk5bexgq2]  .terms-plaque p {
    font-size: .9375rem;
    color: var(--ds-color-text-muted);
}

/* System recovery — four distinct material signals */
.public-experience[b-8wk5bexgq2]  .system-page {
    padding-block-start: var(--ds-space-12);
}

.public-experience[b-8wk5bexgq2]  .system-stage {
    display: grid;
    grid-template-columns: minmax(0, .85fr) minmax(0, 1.15fr);
    align-items: center;
    min-block-size: 35rem;
    overflow: hidden;
}

.public-experience[b-8wk5bexgq2]  .system-art {
    position: relative;
    display: grid;
    place-items: center;
    align-content: center;
    min-block-size: 28rem;
    padding: var(--ds-space-8);
}

.public-experience[b-8wk5bexgq2]  .system-art::before {
    content: '';
    position: absolute;
    inset: 15% 10%;
    border: 1px solid var(--pub-line);
    border-radius: 50%;
    opacity: .6;
    box-shadow: var(--pub-inset);
}

.public-experience[b-8wk5bexgq2]  .notfound-art::before {
    border-radius: var(--ds-radius-md);
    box-shadow: none;
    background: repeating-linear-gradient(0deg, transparent 0 31px, var(--pub-line) 31px 32px), repeating-linear-gradient(90deg, transparent 0 31px, var(--pub-line) 31px 32px);
    border-style: dashed;
    transform: rotate(-10deg);
}

/* Three corrected states: one neutral material well and a local semantic accent; no primitive skin. */
.public-experience[b-8wk5bexgq2]  :is(#access-denied, #error, #maintenance) .system-art {
    --state-accent: color-mix(in srgb, var(--ds-color-danger-semantic) 72%, var(--ds-color-text));
}
.public-experience[b-8wk5bexgq2]  #maintenance .system-art {
    --state-accent: color-mix(in srgb, var(--ds-color-warning-semantic) 72%, var(--ds-color-text));
}
.public-experience[b-8wk5bexgq2]  :is(#access-denied, #error, #maintenance) .system-art::before {
    display: none;
}
.public-experience[b-8wk5bexgq2]  .state-well {
    display: grid;
    place-items: center;
    align-content: center;
    gap: var(--ds-space-4);
    inline-size: min(100%, clamp(10rem, 17vw, 14rem));
    aspect-ratio: 1;
    padding: var(--ds-space-6);
    border: 1px solid var(--pub-rim);
    border-radius: var(--ds-radius-lg);
    background: var(--pub-base);
    box-shadow: var(--pub-inset);
}
.public-experience[b-8wk5bexgq2]  .state-well > svg {
    inline-size: clamp(4rem, 7vw, 6rem);
    block-size: auto;
    aspect-ratio: 1;
    color: var(--state-accent);
}
.public-experience[b-8wk5bexgq2]  .state-code {
    color: var(--ds-color-text-muted);
    font-size: var(--ds-text-sm);
    line-height: 1.5;
}
.public-experience[b-8wk5bexgq2]  #access-denied .state-guidance {
    margin-block: var(--ds-space-5);
    color: var(--ds-color-text-muted);
}

.public-experience[b-8wk5bexgq2]  .system-code {
    position: absolute;
    inset-block-start: 1.5rem;
    inset-inline: 0;
    text-align: center;
    font-size: clamp(6rem, 12vw, 11rem);
    font-weight: 850;
    line-height: 1.5;
    letter-spacing: -.06em;
    opacity: .25;
    direction: ltr;
}

.public-experience[b-8wk5bexgq2]  .system-art > small {
    position: absolute;
    inset-block-end: 2rem;
    color: var(--ds-color-text-muted);
    padding: .25rem 1rem;
    border-block-start: 1px solid var(--pub-line);
    text-shadow: var(--pub-deboss-shadow);
}

.public-experience[b-8wk5bexgq2]  .system-copy {
    padding: clamp(1.5rem, 3vw, 3rem);
    border-inline-start: 1px solid var(--pub-line);
}

.public-experience[b-8wk5bexgq2]  .system-copy .display {
    font-size: clamp(2rem, 3.3vw, 3.2rem);
}

.public-experience[b-8wk5bexgq2]  .system-copy .lead {
    font-size: 1rem;
    margin-block: var(--ds-space-5);
}

.public-experience[b-8wk5bexgq2]  .diagnostic {
    display: grid;
    gap: .25rem;
    margin-block: var(--ds-space-6);
    padding: var(--ds-space-4) var(--ds-space-5);
    font-size: .8125rem;
}

.public-experience[b-8wk5bexgq2]  .diagnostic dt {
    color: var(--ds-color-primary);
    font-weight: 700;
}

.public-experience[b-8wk5bexgq2]  .diagnostic dd {
    margin: 0;
    color: var(--ds-color-text-muted);
    overflow-wrap: anywhere;
}

.public-experience[b-8wk5bexgq2]  .recovery-links {
    display: flex;
    gap: var(--ds-space-6);
    margin-block-start: var(--ds-space-5);
    font-size: .875rem;
}

.public-experience[b-8wk5bexgq2]  .recovery-links a {
    display: flex;
    align-items: center;
    min-block-size: 44px;
}

.public-experience[b-8wk5bexgq2]  .missing-plane {
    position: relative;
    inline-size: 11rem;
    block-size: 11rem;
    margin-block-start: 5rem;
    border: 1px dashed var(--pub-line);
    border-radius: var(--ds-radius-md);
    transform: rotate(-10deg);
}

.public-experience[b-8wk5bexgq2]  .missing-plane > i {
    position: absolute;
    inline-size: 7rem;
    block-size: 7rem;
    border-radius: var(--ds-radius-sm);
    border: 1px solid var(--pub-rim);
    background: var(--pub-raised);
    box-shadow: var(--pub-soft);
}

.public-experience[b-8wk5bexgq2]  .missing-plane > i:first-child {
    inset-block-start: -.75rem;
    inset-inline-start: -2rem;
}

.public-experience[b-8wk5bexgq2]  .missing-plane > i:last-of-type {
    inset-block-end: -1rem;
    inset-inline-end: -1rem;
}

.public-experience[b-8wk5bexgq2]  .missing-plane > span {
    position: absolute;
    inset: 3rem;
    display: grid;
    place-items: center;
    border-radius: var(--ds-radius-sm);
    box-shadow: var(--pub-inset);
    background: var(--pub-base);
    color: var(--ds-color-primary);
    font-size: 2rem;
}

.public-experience[b-8wk5bexgq2]  .recovery-search {
    max-inline-size: 52rem;
    display: flex;
    align-items: center;
    gap: var(--ds-space-6);
    padding: var(--ds-space-5);
    margin: var(--ds-space-10) auto 0;
}

.public-experience[b-8wk5bexgq2]  .recovery-search > p {
    font-size: .875rem;
    color: var(--ds-color-text-muted);
}

.public-experience[b-8wk5bexgq2]  .recovery-search > div {
    display: flex;
    align-items: center;
    flex: 1;
    min-inline-size: 0;
}

.public-experience[b-8wk5bexgq2]  .candidate-label {
    font-size: .8125rem;
    color: var(--ds-color-text-muted);
    margin-block-end: var(--ds-space-4);
}

.public-experience[b-8wk5bexgq2]  .maintenance-note,
.public-experience[b-8wk5bexgq2]  .retry-feedback {
    font-size: .8125rem;
    color: var(--ds-color-text-muted);
    margin-block: var(--ds-space-5);
}

@keyframes room-enter-b-8wk5bexgq2 {
    from {
        opacity: .35;
        transform: translateY(6px);
    }

    to {
        opacity: 1;
        transform: none;
    }
}

@keyframes chapter-enter-b-8wk5bexgq2 {
    from {
        opacity: .4;
        transform: translateY(4px);
    }

    to {
        opacity: 1;
        transform: none;
    }
}

@keyframes electric-trace-b-8wk5bexgq2 {
    from {
        clip-path: inset(0 100% 0 0);
    }

    to {
        clip-path: inset(0);
    }
}

/* Responsive composition: the master breakpoint order is authoritative. */
@media (max-width: 64rem) {
    .public-experience[b-8wk5bexgq2]  .about-stage,
    .public-experience[b-8wk5bexgq2]  .knowledge-stage {
        gap: var(--ds-space-4);
    }

    .public-experience[b-8wk5bexgq2]  .story-layer {
        inline-size: 13rem;
        block-size: 13rem;
    }

    .public-experience[b-8wk5bexgq2]  .layer-back {
        inset-inline-start: 1rem;
        inset-block-start: 2rem;
    }

    .public-experience[b-8wk5bexgq2]  .layer-middle {
        inset-inline-start: 3.5rem;
        inset-block-start: 6rem;
    }

    .public-experience[b-8wk5bexgq2]  .layer-front {
        inset-inline-start: 4rem;
        inset-block-start: 10rem;
        inline-size: min(19rem, calc(100% - 5rem));
        block-size: 16rem;
    }

    .public-experience[b-8wk5bexgq2]  .material-sample {
        block-size: 7rem;
    }

    .public-experience[b-8wk5bexgq2]  .folio {
        inline-size: 11rem;
        block-size: 18rem;
    }

    .public-experience[b-8wk5bexgq2]  .folio-energy {
        inset-inline-start: .5rem;
        inset-block-start: 2rem;
    }

    .public-experience[b-8wk5bexgq2]  .folio-acoustic {
        inset-inline-start: 3rem;
        inset-block-start: 4rem;
    }

    .public-experience[b-8wk5bexgq2]  .folio-main {
        inset-inline-start: 6rem;
        inset-block-start: 6rem;
    }

    .public-experience[b-8wk5bexgq2]  .contact-heading,
    .public-experience[b-8wk5bexgq2]  .terms-heading {
        gap: var(--ds-space-8);
    }

    .public-experience[b-8wk5bexgq2]  .guide-route {
        display: none;
    }

    .public-experience[b-8wk5bexgq2]  .legal-layout {
        grid-template-columns: 13rem minmax(0, 1fr);
        gap: var(--ds-space-8);
    }

    .public-experience[b-8wk5bexgq2]  .return-desk {
        gap: var(--ds-space-8);
    }

    .public-experience[b-8wk5bexgq2]  .technical-library {
        gap: var(--ds-space-8);
    }

    .public-experience[b-8wk5bexgq2]  .resource-action {
        font-size: .6875rem;
        gap: .25rem;
    }

    .public-experience[b-8wk5bexgq2]  .source-inspector {
        padding: var(--ds-space-5);
    }

    .public-experience[b-8wk5bexgq2]  .return-choices {
        grid-template-columns: 1fr;
    }

    .public-experience[b-8wk5bexgq2]  .privacy-flow {
        padding: var(--ds-space-5);
        gap: var(--ds-space-4);
    }

    .public-experience[b-8wk5bexgq2]  .privacy-flow > i {
        inline-size: 1rem;
    }
}

@media (max-width: 46rem) {
    .public-experience[b-8wk5bexgq2]  .page {
        padding-block-start: var(--ds-space-5);
    }

    .public-experience[b-8wk5bexgq2]  .browse-note {
        display: none;
    }

    .public-experience[b-8wk5bexgq2]  .browse-categories {
        gap: .5rem;
    }

    .public-experience[b-8wk5bexgq2]  .context {
        margin-block-end: var(--ds-space-3);
        font-size: .8125rem;
    }

    .public-experience[b-8wk5bexgq2]  .signature {
        font-size: 1.75rem;
    }

    .public-experience[b-8wk5bexgq2]  .next-room {
        margin-block-start: var(--ds-space-12);
        padding-block: var(--ds-space-6);
        font-size: .8125rem;
    }

    .public-experience[b-8wk5bexgq2]  .notice {
        padding: var(--ds-space-4);
    }

    .public-experience[b-8wk5bexgq2]  .about-stage {
        grid-template-columns: 1fr;
        padding-block-start: var(--ds-space-5);
    }

    .public-experience[b-8wk5bexgq2]  .about-intro {
        padding-inline: 0;
    }

    .public-experience[b-8wk5bexgq2]  .about-intro .display br {
        display: none;
    }

    .public-experience[b-8wk5bexgq2]  .about-intro .lead br {
        display: none;
    }

    .public-experience[b-8wk5bexgq2]  .about-intro .ds-action {
        margin-block-start: var(--ds-space-6);
    }

    .public-experience[b-8wk5bexgq2]  .material-story {
        inline-size: 100%;
        block-size: 21rem;
        transform: none;
        margin-block-start: var(--ds-space-4);
    }

    .public-experience[b-8wk5bexgq2]  .story-layer {
        inline-size: 11rem;
        block-size: 11rem;
        padding: var(--ds-space-4);
    }

    .public-experience[b-8wk5bexgq2]  .story-layer span {
        font-size: 1rem;
    }

    .public-experience[b-8wk5bexgq2]  .story-layer small {
        font-size: .6875rem;
    }

    .public-experience[b-8wk5bexgq2]  .layer-back {
        inset-inline-start: 5%;
        inset-block-start: 0;
    }

    .public-experience[b-8wk5bexgq2]  .layer-middle {
        inset-inline-start: 21%;
        inset-block-start: 2.5rem;
    }

    .public-experience[b-8wk5bexgq2]  .layer-front {
        inset-inline-start: 14%;
        inset-block-start: 6rem;
        inline-size: 82%;
        block-size: 12rem;
        padding: var(--ds-space-4);
        border-width: 4px;
    }

    .public-experience[b-8wk5bexgq2]  .material-sample {
        block-size: 5rem;
        inset-block-start: 3rem;
    }

    .public-experience[b-8wk5bexgq2]  .layer-front svg {
        inline-size: 1rem;
        block-size: 1rem;
    }

    .public-experience[b-8wk5bexgq2]  .story-axis {
        block-size: 13rem;
        inset-inline-start: 0;
        inset-block-start: 1rem;
    }

    .public-experience[b-8wk5bexgq2]  .material-story figcaption {
        font-size: .6875rem;
        inset-block-end: .5rem;
    }

    .public-experience[b-8wk5bexgq2]  .about-foot {
        flex-wrap: wrap;
        gap: var(--ds-space-3);
        margin-block-start: var(--ds-space-4);
        padding-block: var(--ds-space-5);
    }

    .public-experience[b-8wk5bexgq2]  .about-foot p {
        flex-basis: 100%;
        order: 2;
    }

    .public-experience[b-8wk5bexgq2]  .about-foot .text-link {
        font-size: .8125rem;
    }

    .public-experience[b-8wk5bexgq2]  .about-foot .deboss {
        font-size: 1rem;
    }

    .public-experience[b-8wk5bexgq2]  .story-reading,
    .public-experience[b-8wk5bexgq2]  .values-section {
        grid-template-columns: 1fr;
        gap: var(--ds-space-8);
    }

    .public-experience[b-8wk5bexgq2]  .voices > div {
        grid-template-columns: 1fr;
        gap: 0;
    }

    .public-experience[b-8wk5bexgq2]  blockquote p {
        font-size: 1rem;
    }

    .public-experience[b-8wk5bexgq2]  blockquote + blockquote {
        border-block-start: 1px solid var(--pub-line);
        padding-block-start: var(--ds-space-6);
    }

    .public-experience[b-8wk5bexgq2]  .contact-heading,
    .public-experience[b-8wk5bexgq2]  .terms-heading {
        grid-template-columns: 1fr;
        gap: var(--ds-space-5);
        padding-block: var(--ds-space-5) var(--ds-space-8);
    }

    .public-experience[b-8wk5bexgq2]  .contact-heading .display,
    .public-experience[b-8wk5bexgq2]  .legal-heading .display,
    .public-experience[b-8wk5bexgq2]  .terms-heading .display,
    .public-experience[b-8wk5bexgq2]  .system-copy .display {
        font-size: var(--pub-hero-size);
    }

    .public-experience[b-8wk5bexgq2]  .contact-heading .lead {
        margin-block-start: 0;
    }

    .public-experience[b-8wk5bexgq2]  .contact-console {
        grid-template-columns: 1fr;
    }

    .public-experience[b-8wk5bexgq2]  .contact-channel,
    .public-experience[b-8wk5bexgq2]  .message-plane {
        padding: var(--ds-space-6);
    }

    .public-experience[b-8wk5bexgq2]  .contact-channel {
        position: relative;
    }

    .public-experience[b-8wk5bexgq2]  .channel-icon {
        position: absolute;
        inset-inline-end: var(--ds-space-6);
        inset-block-start: var(--ds-space-6);
        inline-size: 3rem;
        block-size: 3rem;
    }

    .public-experience[b-8wk5bexgq2]  .channel-icon img {
        inline-size: 2.75rem;
        block-size: 2.75rem;
    }

    .public-experience[b-8wk5bexgq2]  .contact-channel .context {
        padding-inline-end: 4rem;
    }

    .public-experience[b-8wk5bexgq2]  .main-phone {
        font-size: 2rem;
    }

    .public-experience[b-8wk5bexgq2]  .contact-emails a {
        font-size: .8125rem;
    }

    .public-experience[b-8wk5bexgq2]  .message-plane {
        border-inline-start: 0;
        border-block-start: 1px solid var(--pub-line);
    }

    .public-experience[b-8wk5bexgq2]  .message-plane h2 {
        font-size: 1.125rem;
    }

    .public-experience[b-8wk5bexgq2]  .segmented {
        gap: .25rem;
        padding: .375rem;
    }

    .public-experience[b-8wk5bexgq2]  .segmented button {
        padding: .375rem;
    }

    .public-experience[b-8wk5bexgq2]  .form-grid {
        grid-template-columns: 1fr;
        gap: 0;
    }

    .public-experience[b-8wk5bexgq2]  .address-strip {
        grid-template-columns: 1fr;
        gap: var(--ds-space-5);
    }

    .public-experience[b-8wk5bexgq2]  .location-photo {
        transform: none;
        padding: .375rem;
    }

    .public-experience[b-8wk5bexgq2]  .address-details {
        gap: var(--ds-space-3);
    }

    .public-experience[b-8wk5bexgq2]  .answer-heading::before {
        font-size: 12rem;
        inset-inline-end: 0;
    }

    .public-experience[b-8wk5bexgq2]  .address-strip .text-link {
        font-size: .8125rem;
    }

    .public-experience[b-8wk5bexgq2]  .answer-heading {
        text-align: start;
        padding-block: var(--ds-space-5) var(--ds-space-8);
    }

    .public-experience[b-8wk5bexgq2]  .answer-heading .display br {
        display: none;
    }

    .public-experience[b-8wk5bexgq2]  .answer-search {
        padding: var(--ds-space-3);
        gap: .5rem;
        margin-block-start: var(--ds-space-6);
    }

    .public-experience[b-8wk5bexgq2]  .answer-workspace {
        grid-template-columns: 1fr;
        gap: var(--ds-space-6);
    }

    .public-experience[b-8wk5bexgq2]  .answer-index {
        position: static;
    }

    .public-experience[b-8wk5bexgq2]  .answer-index [role='group'] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: .5rem;
    }

    .public-experience[b-8wk5bexgq2]  .answer-index button {
        padding: .5rem .75rem;
    }

    .public-experience[b-8wk5bexgq2]  .answer-help {
        grid-template-columns: auto 1fr;
        column-gap: .75rem;
        margin-block-start: var(--ds-space-5);
        padding-block-start: var(--ds-space-4);
    }

    .public-experience[b-8wk5bexgq2]  .answer-help svg {
        grid-row: span 2;
        align-self: center;
    }

    .public-experience[b-8wk5bexgq2]  .answer-help span {
        grid-column: 2;
    }

    .public-experience[b-8wk5bexgq2]  .faq-item {
        padding-inline-start: var(--ds-space-3);
    }

    .public-experience[b-8wk5bexgq2]  .faq-item summary {
        padding-block: var(--ds-space-3) var(--ds-space-4);
        font-size: .9375rem;
    }

    .public-experience[b-8wk5bexgq2]  .faq-answer {
        font-size: .875rem;
    }

    .public-experience[b-8wk5bexgq2]  .guide-heading {
        padding-block: var(--ds-space-5) var(--ds-space-8);
    }

    .public-experience[b-8wk5bexgq2]  .journey-shell {
        padding: var(--ds-space-3);
    }

    .public-experience[b-8wk5bexgq2]  .journey-nav {
        gap: .375rem;
        padding: .5rem;
    }

    .public-experience[b-8wk5bexgq2]  .journey-nav a {
        flex-direction: column;
        gap: .375rem;
        padding: .5rem .125rem;
        font-size: .6875rem;
        min-inline-size: 0;
    }

    .public-experience[b-8wk5bexgq2]  .journey-nav b {
        inline-size: 26px;
        block-size: 26px;
    }

    .public-experience[b-8wk5bexgq2]  .journey-body {
        display: flex;
        flex-direction: column;
        gap: var(--ds-space-5);
        padding: var(--ds-space-6) var(--ds-space-3);
        align-items: stretch;
    }

    .public-experience[b-8wk5bexgq2]  .journey-figure {
        min-block-size: 8rem;
    }

    .public-experience[b-8wk5bexgq2]  .journey-figure::before {
        font-size: 7rem;
        inset-inline-start: 12%;
    }

    .public-experience[b-8wk5bexgq2]  .journey-package {
        inline-size: 4rem;
        block-size: 4rem;
        inset-inline-end: 16%;
        inset-block-end: 1rem;
    }

    .public-experience[b-8wk5bexgq2]  .journey-orbit {
        inline-size: 7rem;
        block-size: 7rem;
    }

    .public-experience[b-8wk5bexgq2]  .journey-orbit::after {
        inset: .5rem;
    }

    .public-experience[b-8wk5bexgq2]  .journey-medallion {
        inline-size: 4rem;
        block-size: 4rem;
        border-radius: var(--ds-radius-md);
    }

    .public-experience[b-8wk5bexgq2]  .journey-medallion svg {
        inline-size: 1.75rem;
        block-size: 1.75rem;
    }

    .public-experience[b-8wk5bexgq2]  .journey-engraving {
        position: static;
        margin-block-start: .75rem;
        font-size: .75rem;
    }

    .public-experience[b-8wk5bexgq2]  .journey-chapter h2 {
        font-size: 1.5rem;
    }

    .public-experience[b-8wk5bexgq2]  .knowledge-stage {
        grid-template-columns: 1fr;
        padding-block: var(--ds-space-5);
    }

    .public-experience[b-8wk5bexgq2]  .folio-assembly {
        transform: none;
        block-size: 20rem;
        margin-block-start: var(--ds-space-5);
    }

    .public-experience[b-8wk5bexgq2]  .folio {
        inline-size: 10.25rem;
        block-size: 15.25rem;
        padding: var(--ds-space-4);
    }

    .public-experience[b-8wk5bexgq2]  .folio strong {
        font-size: 1.5rem;
    }

    .public-experience[b-8wk5bexgq2]  .folio-energy {
        inset-inline-start: 3%;
        inset-block-start: 0;
    }

    .public-experience[b-8wk5bexgq2]  .folio-acoustic {
        inset-inline-start: 22%;
        inset-block-start: 1.5rem;
    }

    .public-experience[b-8wk5bexgq2]  .folio-main {
        inset-inline-start: 40%;
        inset-block-start: 3rem;
        inline-size: min(10.25rem, 48%);
    }

    .public-experience[b-8wk5bexgq2]  .library-heading {
        position: static;
    }

    .public-experience[b-8wk5bexgq2]  .technical-library {
        grid-template-columns: 1fr;
        gap: var(--ds-space-6);
        padding-block: var(--ds-space-10);
    }

    .public-experience[b-8wk5bexgq2]  .source-inspector {
        display: grid;
        grid-template-columns: 5rem minmax(0, 1fr);
        column-gap: var(--ds-space-4);
        padding: var(--ds-space-4);
    }

    .public-experience[b-8wk5bexgq2]  .source-inspector > .context {
        grid-column: 2;
    }

    .public-experience[b-8wk5bexgq2]  .inspector-object {
        grid-column: 1;
        grid-row: 1 / span 2;
        min-block-size: 7rem;
        margin: 0;
    }













    .public-experience[b-8wk5bexgq2]  .inspector-caption {
        grid-column: 2;
    }

    .public-experience[b-8wk5bexgq2]  .inspector-caption h3 {
        font-size: 1rem;
    }

    .public-experience[b-8wk5bexgq2]  .inspector-caption p {
        margin-block-start: .25rem;
        font-size: .6875rem;
    }

    .public-experience[b-8wk5bexgq2]  .inspector-caption .ds-action {
        min-block-size: 48px;
        padding: .5rem .75rem;
        margin-block-start: .75rem;
    }

    .public-experience[b-8wk5bexgq2]  .source-disclaimer {
        grid-column: 1 / -1;
    }

    .public-experience[b-8wk5bexgq2]  .library-filters {
        flex-wrap: wrap;
        margin-block-end: var(--ds-space-5);
    }

    .public-experience[b-8wk5bexgq2]  .library-filters button {
        padding-inline: .5rem;
    }

    .public-experience[b-8wk5bexgq2]  .resource-row {
        grid-template-columns: 2.75rem minmax(0, 1fr);
        gap: var(--ds-space-3);
    }

    .public-experience[b-8wk5bexgq2]  .resource {
        gap: .5rem;
        padding: .5rem;
        grid-template-columns: minmax(0, 1fr);
    }

    .public-experience[b-8wk5bexgq2]  .resource-action {
        justify-self: start;
    }

    .public-experience[b-8wk5bexgq2]  .resource-mark {
        inline-size: 2.75rem;
        block-size: 3rem;
    }

    .public-experience[b-8wk5bexgq2]  .resource h3 {
        font-size: .9375rem;
    }

    .public-experience[b-8wk5bexgq2]  .resource-action {
        font-size: .6875rem;
        gap: .25rem;
    }

    .public-experience[b-8wk5bexgq2]  .knowledge-bridge {
        grid-template-columns: 1fr;
        gap: var(--ds-space-5);
        padding: var(--ds-space-6);
    }

    .public-experience[b-8wk5bexgq2]  .bridge-path {
        justify-content: start;
        gap: .75rem;
    }

    .public-experience[b-8wk5bexgq2]  .bridge-path i {
        inline-size: 1rem;
    }

    .public-experience[b-8wk5bexgq2]  .assistant-preview {
        align-items: start;
        gap: var(--ds-space-3);
    }

    .public-experience[b-8wk5bexgq2]  .assistant-preview img {
        flex-basis: 54px;
        inline-size: 54px;
    }

    .public-experience[b-8wk5bexgq2]  .assistant-preview strong {
        font-size: .875rem;
    }

    .public-experience[b-8wk5bexgq2]  .shipping-heading {
        grid-template-columns: 1fr;
        gap: var(--ds-space-8);
        padding-block: var(--ds-space-5) var(--ds-space-8);
    }

    .public-experience[b-8wk5bexgq2]  .shipment-ticket {
        transform: none;
        grid-template-columns: 4rem 1fr;
        padding: var(--ds-space-5);
        margin-inline-start: 0;
    }

    .public-experience[b-8wk5bexgq2]  .shipment-object {
        position: static;
        transform: none;
        inline-size: 4rem;
        block-size: 4rem;
        grid-row: span 3;
    }

    .public-experience[b-8wk5bexgq2]  .shipment-ticket > span {
        padding: 0;
        min-block-size: 0;
    }

    .public-experience[b-8wk5bexgq2]  .shipment-ticket > strong {
        font-size: 2rem;
    }

    .public-experience[b-8wk5bexgq2]  .shipment-ticket > p,
    .public-experience[b-8wk5bexgq2]  .shipment-ticket > small {
        grid-column: 2;
    }

    .public-experience[b-8wk5bexgq2]  .shipping-bands article {
        grid-template-columns: 3rem minmax(0, 1fr);
        gap: var(--ds-space-4);
        padding-block: var(--ds-space-6);
        align-items: start;
    }

    .public-experience[b-8wk5bexgq2]  .shipping-bands h2 {
        font-size: 1.125rem;
    }

    .public-experience[b-8wk5bexgq2]  .shipping-bands p {
        font-size: .875rem;
    }

    .public-experience[b-8wk5bexgq2]  .band-marker {
        inline-size: 3rem;
        block-size: 3rem;
    }

    .public-experience[b-8wk5bexgq2]  .shipping-bands .text-link {
        grid-column: 2;
        font-size: .8125rem;
    }

    .public-experience[b-8wk5bexgq2]  .return-desk {
        grid-template-columns: 1fr;
        padding: var(--ds-space-6);
        gap: var(--ds-space-6);
    }

    .public-experience[b-8wk5bexgq2]  .return-object {
        grid-template-columns: 4rem 1fr;
        align-items: center;
        gap: .75rem;
        margin-block-start: var(--ds-space-4);
    }

    .public-experience[b-8wk5bexgq2]  .return-object img {
        inline-size: 4rem;
        block-size: 4rem;
    }

    .public-experience[b-8wk5bexgq2]  .return-heading .signature br {
        display: none;
    }

    .public-experience[b-8wk5bexgq2]  .return-reading {
        padding: var(--ds-space-5);
    }

    .public-experience[b-8wk5bexgq2]  .support-line {
        gap: var(--ds-space-3);
    }

    .public-experience[b-8wk5bexgq2]  .support-line h2 {
        flex-basis: 100%;
    }

    .public-experience[b-8wk5bexgq2]  .support-line a {
        font-size: .875rem;
    }

    .public-experience[b-8wk5bexgq2]  .legal-heading {
        gap: var(--ds-space-5);
        align-items: start;
        padding-block: var(--ds-space-5) var(--ds-space-8);
    }

    .public-experience[b-8wk5bexgq2]  .legal-seal {
        flex-basis: 3rem;
        inline-size: 3rem;
        block-size: 3rem;
        border-radius: var(--ds-radius-sm);
    }

    .public-experience[b-8wk5bexgq2]  .legal-seal svg {
        inline-size: 1.5rem;
        block-size: 1.5rem;
    }

    .public-experience[b-8wk5bexgq2]  .legal-heading .context {
        margin-block-end: var(--ds-space-5);
    }

    .public-experience[b-8wk5bexgq2]  .privacy-flow {
        display: grid;
        grid-template-columns: 1fr;
        padding: var(--ds-space-5);
        gap: var(--ds-space-5);
        margin-block-end: var(--ds-space-8);
    }

    .public-experience[b-8wk5bexgq2]  .privacy-flow > i {
        display: none;
    }

    .public-experience[b-8wk5bexgq2]  .privacy-flow > div {
        grid-template-columns: 2rem minmax(0, 1fr);
    }

    .public-experience[b-8wk5bexgq2]  .privacy-flow > div + i + div {
        border-block-start: 1px solid var(--pub-line);
        padding-block-start: var(--ds-space-4);
    }

    .public-experience[b-8wk5bexgq2]  .legal-layout {
        grid-template-columns: 1fr;
        gap: var(--ds-space-6);
    }

    .public-experience[b-8wk5bexgq2]  .legal-index {
        position: static;
    }

    .public-experience[b-8wk5bexgq2]  .legal-index nav {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: .25rem;
    }

    .public-experience[b-8wk5bexgq2]  .reading-position {
        display: flex;
        flex-direction: row-reverse;
        align-items: center;
        gap: .75rem;
    }

    .public-experience[b-8wk5bexgq2]  .reading-position progress {
        flex: 1;
        min-inline-size: 0;
    }

    .public-experience[b-8wk5bexgq2]  .reading-position p {
        margin: 0;
        white-space: nowrap;
    }

    .public-experience[b-8wk5bexgq2]  .legal-index nav a {
        font-size: .75rem;
        padding: .5rem;
    }

    .public-experience[b-8wk5bexgq2]  .legal-index > .text-link {
        margin-block-start: .5rem;
    }

    .public-experience[b-8wk5bexgq2]  .legal-paper {
        padding: var(--ds-space-6);
    }

    .public-experience[b-8wk5bexgq2]  .legal-clause {
        padding-block: var(--ds-space-6);
    }

    .public-experience[b-8wk5bexgq2]  .legal-clause h2 {
        font-size: 1.125rem;
    }

    .public-experience[b-8wk5bexgq2]  .legal-clause p {
        font-size: .9375rem;
    }

    .public-experience[b-8wk5bexgq2]  .terms-plaque {
        display: flex;
        align-items: center;
        gap: var(--ds-space-4);
        padding: var(--ds-space-5);
    }

    .public-experience[b-8wk5bexgq2]  .terms-plaque svg {
        margin: 0;
    }

    .public-experience[b-8wk5bexgq2]  .terms-plaque p {
        font-size: .8125rem;
    }

    .public-experience[b-8wk5bexgq2]  .system-page {
        padding-block-start: var(--ds-space-6);
    }

    .public-experience[b-8wk5bexgq2]  .system-stage {
        grid-template-columns: 1fr;
    }

    /* Copy and recovery precede decorative art on narrow screens; the 404 composition is untouched. */
    .public-experience[b-8wk5bexgq2]  :is(#access-denied, #error, #maintenance) .system-copy {
        grid-row: 1;
        border-block-start: 0;
    }
    .public-experience[b-8wk5bexgq2]  :is(#access-denied, #error, #maintenance) .system-art {
        grid-row: 2;
        border-block-start: 1px solid var(--pub-line);
    }
    .public-experience[b-8wk5bexgq2]  .state-well {
        inline-size: min(100%, 10rem);
    }

    .public-experience[b-8wk5bexgq2]  .system-art {
        min-block-size: 15rem;
        padding: var(--ds-space-5);
    }

    .public-experience[b-8wk5bexgq2]  .system-art::before {
        inset: 5% 25%;
    }

    .public-experience[b-8wk5bexgq2]  .system-code {
        font-size: 7rem;
        inset-block-start: -.5rem;
    }

    .public-experience[b-8wk5bexgq2]  .system-art > small {
        inset-block-end: .5rem;
        font-size: .75rem;
    }

    .public-experience[b-8wk5bexgq2]  .missing-plane {
        inline-size: 6.5rem;
        block-size: 6.5rem;
        margin-block-start: 3rem;
    }

    .public-experience[b-8wk5bexgq2]  .missing-plane > i {
        inline-size: 4.5rem;
        block-size: 4.5rem;
    }

    .public-experience[b-8wk5bexgq2]  .missing-plane > span {
        inset: 1.5rem;
        font-size: 1.5rem;
    }

    .public-experience[b-8wk5bexgq2]  .system-copy {
        padding: var(--ds-space-6);
        border-inline-start: 0;
        border-block-start: 1px solid var(--pub-line);
    }

    .public-experience[b-8wk5bexgq2]  .system-copy .actions {
        align-items: stretch;
    }

    .public-experience[b-8wk5bexgq2]  .system-copy .actions > * {
        flex-grow: 1;
    }

    .public-experience[b-8wk5bexgq2]  .recovery-search {
        flex-direction: column;
        align-items: stretch;
        gap: .5rem;
        padding: var(--ds-space-4);
        margin-block-start: var(--ds-space-6);
    }

    .public-experience[b-8wk5bexgq2]  .recovery-search > p {
        font-size: .8125rem;
    }

}

/* Accessibility: preserve final state and remove motion for reduced-motion users. */
@media (prefers-reduced-motion: reduce) {
    .public-experience[b-8wk5bexgq2]  *,
    .public-experience[b-8wk5bexgq2]  *::before,
    .public-experience[b-8wk5bexgq2]  *::after {
        animation: none !important;
        transition: none !important;
        scroll-behavior: auto !important;
    }
}

@media (forced-colors: active) {
    .public-experience[b-8wk5bexgq2]  .material,
    .public-experience[b-8wk5bexgq2]  .inset,
    .public-experience[b-8wk5bexgq2]  .story-layer,
    .public-experience[b-8wk5bexgq2]  .folio {
        border: 1px solid CanvasText;
        box-shadow: none;
    }

    .public-experience[b-8wk5bexgq2]  .deboss {
        color: CanvasText;
        text-shadow: none;
    }

    .public-experience[b-8wk5bexgq2]  .trace::after {
        display: none;
    }
}

@media print {
    .public-experience[b-8wk5bexgq2]  .next-room {
        display: none;
    }

    .public-experience[b-8wk5bexgq2]  .legal-index {
        position: static;
    }

    .public-experience[b-8wk5bexgq2]  .material,
    .public-experience[b-8wk5bexgq2]  .inset {
        box-shadow: none;
    }

    .public-experience[b-8wk5bexgq2]  .legal-layout {
        display: block;
    }
}

/* Public-only responsive aliases and primitive skin adaptation. */
@media (max-width: 46rem) {
    .public-experience[b-8wk5bexgq2] {
        --pub-hero-size: clamp(2.2rem, 7.8vw, 3rem);
        --pub-section: 3.25rem;
    }
}


/* Creative UX V1: page-local light, semantic section objects and contextual continuation. */
.public-experience[b-8wk5bexgq2]  .contact-page,
.public-experience[b-8wk5bexgq2]  .technical-page {
    --pub-feature: var(--ds-color-secondary);
}
.public-experience[b-8wk5bexgq2]  .about-page .story-layer.layer-middle,
.public-experience[b-8wk5bexgq2]  .about-page .voices blockquote {
    border-color: color-mix(in srgb, var(--ds-color-accent) 26%, var(--pub-line));
}
.public-experience[b-8wk5bexgq2]  .about-page .values-section,
.public-experience[b-8wk5bexgq2]  .technical-page .knowledge-bridge,
.public-experience[b-8wk5bexgq2]  .shipping-page .return-desk,
.public-experience[b-8wk5bexgq2]  .guide-page .journey-shell {
    background-image: radial-gradient(ellipse at 90% 0, color-mix(in srgb, var(--pub-feature) 6%, transparent), transparent 65%), var(--pub-raised);
}
.public-experience[b-8wk5bexgq2]  .about-page .material-story {
    background: radial-gradient(ellipse at 45% 45%, color-mix(in srgb, var(--ds-color-accent) 9%, transparent), transparent 67%);
}
.public-experience[b-8wk5bexgq2]  .value-lines article:nth-child(2),
.public-experience[b-8wk5bexgq2]  .resource-row:nth-child(2),
.public-experience[b-8wk5bexgq2]  .resource-row:nth-child(4) {
    --pub-feature: var(--ds-color-secondary);
}
.public-experience[b-8wk5bexgq2]  .value-lines article:nth-child(3),
.public-experience[b-8wk5bexgq2]  .resource-row:nth-child(5) {
    --pub-feature: var(--ds-color-accent);
}
.public-experience[b-8wk5bexgq2]  .value-lines article > svg,
.public-experience[b-8wk5bexgq2]  .band-marker,
.public-experience[b-8wk5bexgq2]  .chapter-tip > svg {
    color: var(--pub-feature);
    border: 1px solid color-mix(in srgb, var(--pub-feature) 32%, var(--pub-line));
    border-radius: var(--ds-radius-control);
    background: linear-gradient(145deg, var(--pub-highlight), color-mix(in srgb, var(--pub-feature) 9%, var(--pub-base)));
    box-shadow: inset 0 1px 0 var(--pub-highlight), 0 3px 0 var(--pub-line), 0 7px 12px var(--pub-depth);
}
.public-experience[b-8wk5bexgq2]  .value-lines article > svg,
.public-experience[b-8wk5bexgq2]  .chapter-tip > svg {
    padding: .5rem;
    inline-size: 3rem;
    block-size: 3rem;
}

.public-experience[b-8wk5bexgq2]  .journey-nav a[aria-current='step'],
.public-experience[b-8wk5bexgq2]  .legal-index nav a[aria-current='location'] {
    border-inline-start: 3px solid var(--pub-feature);
    color: var(--pub-feature);
}
.public-experience[b-8wk5bexgq2]  .faq-item[data-topic='technical'] {
    --pub-feature: var(--ds-color-secondary);
}
.public-experience[b-8wk5bexgq2]  .faq-item[open] {
    border-inline-start-color: var(--pub-feature);
    background: linear-gradient(90deg, transparent, color-mix(in srgb, var(--pub-feature) 8%, transparent));
    box-shadow: inset 0 1px 0 var(--pub-highlight);
}
.public-experience[b-8wk5bexgq2]  .faq-item[open] .faq-answer {
    animation: chapter-enter-b-8wk5bexgq2 var(--ds-duration-normal) var(--ds-ease-enter);
}
.public-experience[b-8wk5bexgq2]  .faq-item[open] summary::before {
    color: var(--pub-feature);
    font-weight: 650;
}
.public-experience[b-8wk5bexgq2]  .resource-action {
    color: var(--pub-feature);
    font-weight: 750;
}
.public-experience[b-8wk5bexgq2]  .return-desk:has([data-return='ordinary'][aria-pressed='true']) {
    --pub-feature: var(--pub-warning);
}
.public-experience[b-8wk5bexgq2]  .return-desk:has([data-return='special'][aria-pressed='true']) {
    --pub-feature: var(--pub-technical);
}
.public-experience[b-8wk5bexgq2]  .return-object img {
    transition: transform var(--ds-duration-normal) var(--ds-ease-standard);
}
.public-experience[b-8wk5bexgq2]  .return-desk:has([data-return='ordinary'][aria-pressed='true']) .return-object img {
    transform: rotate(-4deg);
}
.public-experience[b-8wk5bexgq2]  .return-desk:has([data-return='special'][aria-pressed='true']) .return-object img {
    transform: rotate(4deg);
}
.public-experience[b-8wk5bexgq2]  .legal-clause:target {
    border-inline-start-color: var(--pub-feature);
    background: color-mix(in srgb, var(--pub-feature) 5%, transparent);
}
.public-experience[b-8wk5bexgq2]  .next-room:focus-visible,
.public-experience[b-8wk5bexgq2]  .next-room:hover {
    border-color: var(--pub-feature);
    background: color-mix(in srgb, var(--pub-feature) 5%, var(--pub-base));
}
@media (prefers-reduced-motion: reduce) {
    .public-experience[b-8wk5bexgq2]  .return-object img {
        transition: none;
        transform: none !important;
    }
    .public-experience[b-8wk5bexgq2]  .faq-item[open] .faq-answer {
        animation: none;
    }
}

/* Lighthouse pass: three approved pages, etched type and material decision surfaces. */
.public-experience[b-8wk5bexgq2]  :is(.about-page, .contact-page, .shipping-page) .display {
    font-size: clamp(2rem, 3.25vw, 3.25rem);
    font-weight: 800;
    line-height: 1.5;
    letter-spacing: -.035em;
    color: var(--ds-color-primary);
    text-shadow: -1px -1px 1px var(--pub-depth), 1px 2px 0 var(--pub-highlight);
}
.public-experience[b-8wk5bexgq2]  :is(.about-page, .contact-page, .shipping-page) .signature {
    font-size: clamp(1.5rem, 2.4vw, 2.25rem);
    line-height: 1.65;
    text-shadow: var(--pub-deboss-shadow);
}
.public-experience[b-8wk5bexgq2]  :is(.about-page, .contact-page, .shipping-page) .context {
    margin-block-end: var(--ds-space-3);
    font-weight: 750;
    color: var(--pub-feature);
}
.public-experience[b-8wk5bexgq2]  :is(.about-page, .contact-page, .shipping-page) .lead {
    max-inline-size: 46ch;
    margin-block-start: var(--ds-space-4);
    font-size: clamp(.9375rem, 1.2vw, 1.0625rem);
    line-height: 2;
}
.public-experience[b-8wk5bexgq2]  :is(.about-page, .contact-page, .shipping-page) .text-link {
    min-block-size: 44px;
}
.public-experience[b-8wk5bexgq2]  .about-page .legacy-about {
    max-inline-size: 66ch;
    line-height: 2.1;
}
.public-experience[b-8wk5bexgq2]  .about-page .legacy-about p + p {
    margin-block-start: var(--ds-space-5);
}
.public-experience[b-8wk5bexgq2]  .about-page .legacy-about p:first-child {
    color: var(--ds-color-text);
    font-weight: 550;
}
.public-experience[b-8wk5bexgq2]  .about-page .value-lines {
    display: grid;
    gap: var(--ds-space-4);
}
.public-experience[b-8wk5bexgq2]  .about-page .value-lines article:nth-child(2) {
    background: radial-gradient(ellipse at 90% 0, color-mix(in srgb, var(--pub-feature) 7%, transparent), transparent 70%), var(--pub-raised);
    box-shadow: var(--pub-inset);
}
.public-experience[b-8wk5bexgq2]  .about-page .voices blockquote p {
    padding-block-start: var(--ds-space-3);
    font-size: 1.0625rem;
    line-height: 2;
}
.public-experience[b-8wk5bexgq2]  .contact-page .message-plane::before {
    content: '';
    position: absolute;
    z-index: -1;
    inset: 0;
    pointer-events: none;
    background: radial-gradient(ellipse at 85% 12%, color-mix(in srgb, var(--ds-kinetic-cyan) 9%, transparent), transparent 65%);
    opacity: .35;
    transition: opacity var(--ds-duration-normal) var(--ds-ease-standard);
}
.public-experience[b-8wk5bexgq2]  .contact-page .message-plane:focus-within::before {
    opacity: 1;
}
.public-experience[b-8wk5bexgq2]  .contact-page .message-plane h2 {
    font-size: 1.25rem;
    text-shadow: var(--pub-deboss-shadow);
}
.public-experience[b-8wk5bexgq2]  .contact-page .channel-hint {
    min-block-size: 3.75rem;
    padding: var(--ds-space-3) var(--ds-space-4);
    border-radius: var(--ds-radius-control);
    background: color-mix(in srgb, var(--pub-feature) 5%, var(--pub-base));
    color: var(--ds-color-text);
    line-height: 1.9;
}
.public-experience[b-8wk5bexgq2]  .contact-page .feedback:empty {
    display: none;
}
.public-experience[b-8wk5bexgq2]  .shipping-page .shipment-ticket,
.public-experience[b-8wk5bexgq2]  .shipping-page .return-desk,
.public-experience[b-8wk5bexgq2]  .shipping-page .return-desk:has([data-return='special'][aria-pressed='true']) {
    border: 1px solid var(--pub-rim);
}
.public-experience[b-8wk5bexgq2]  .shipping-page .return-choices button > span {
    flex: 1;
}
.public-experience[b-8wk5bexgq2]  .shipping-page .return-choices button > svg {
    inline-size: 2.5rem;
    block-size: 2.5rem;
    padding: .5rem;
    border-radius: var(--ds-radius-control);
    background: var(--pub-raised);
    box-shadow: var(--pub-inset);
}
.public-experience[b-8wk5bexgq2]  .shipping-page .return-choice-check {
    visibility: hidden;
    flex: 0 0 1.25rem;
    color: var(--pub-feature);
    font-weight: 850;
}
.public-experience[b-8wk5bexgq2]  .shipping-page .return-choices button[aria-pressed='true'] .return-choice-check {
    visibility: visible;
}
.public-experience[b-8wk5bexgq2]  .shipping-page #return-ordinary h3 {
    border-inline-start: 0;
    padding-inline-start: 0;
}
.public-experience[b-8wk5bexgq2]  .shipping-page .notice {
    border-inline-start: 0;
    border: 1px solid var(--pub-rim);
    border-radius: var(--ds-radius-md);
    background: radial-gradient(ellipse at 95% 5%, color-mix(in srgb, var(--pub-warning) 9%, transparent), transparent 70%), var(--pub-raised);
    box-shadow: var(--pub-inset);
}
.public-experience[b-8wk5bexgq2]  .shipping-page .notice strong {
    font-size: 1rem;
    color: var(--ds-color-text);
}
@media (max-width: 64rem) {
    .public-experience[b-8wk5bexgq2]  .shipping-page .return-choices {
        grid-template-columns: 1fr;
    }
}
@media (max-width: 46rem) {
    .public-experience[b-8wk5bexgq2]  :is(.about-page, .contact-page, .shipping-page) .display {
        font-size: clamp(1.75rem, 7vw, 2.25rem);
    }
    .public-experience[b-8wk5bexgq2]  .about-page .story-reading .section-heading,
    .public-experience[b-8wk5bexgq2]  .about-page .voices blockquote,
    .public-experience[b-8wk5bexgq2]  .contact-page .address-strip,
    .public-experience[b-8wk5bexgq2]  .shipping-page .support-line {
        padding: var(--ds-space-4);
    }
    .public-experience[b-8wk5bexgq2]  .about-page .value-lines article {
        gap: var(--ds-space-4);
        padding: var(--ds-space-4);
    }
    .public-experience[b-8wk5bexgq2]  .shipping-page .shipment-ticket {
        transform: none;
    }
}

@media (prefers-reduced-motion: reduce) {
    .public-experience[b-8wk5bexgq2]  .contact-page .message-plane::before {
        transition: none;
    }
}

/* Real content completion: archive photos and bounded FAQ states; geometry remains approved. */
.public-experience[b-8wk5bexgq2]  .technical-page .folio img {
    inline-size: 100%;
    block-size: 100%;
    min-block-size: 0;
    object-fit: contain;
    border-radius: var(--ds-radius-sm);
    background: var(--pub-raised);
}
.public-experience[b-8wk5bexgq2]  .technical-page .resource-image {
    position: absolute;
    inset: 0;
    inline-size: 100%;
    block-size: 100%;
    min-inline-size: 0;
    min-block-size: 0;
    object-fit: contain;
    padding: inherit;
    border-radius: var(--ds-radius-md);
    background: var(--pub-raised);
}
.public-experience[b-8wk5bexgq2]  .faq-page .answer-search {
    position: relative;
}
.public-experience[b-8wk5bexgq2]  .faq-page .answer-index button[aria-pressed='true'] span {
    margin-inline-start: auto;
}
.public-experience[b-8wk5bexgq2]  .faq-page .faq-item[open] .faq-answer {
    padding: var(--ds-space-4) var(--ds-space-5);
    border: 1px solid var(--pub-rim);
    border-radius: var(--ds-radius-sm);
    color: var(--ds-color-text);
    background: radial-gradient(ellipse at 95% 0, color-mix(in srgb, var(--pub-feature) 7%, transparent), transparent 70%), var(--pub-base);
    box-shadow: var(--pub-inset);
}

/* Owner QA correction: Public-only reading, focus and anchor geometry. */
.public-experience[b-8wk5bexgq2] {
    /* Maximum expanded header height from StorefrontHeader: safe before its compact runtime state too. */
    --pub-anchor-offset: calc(10.875rem + var(--ds-space-4));
    --pub-sticky-offset: calc(4.5rem + var(--ds-space-4));
}
.public-breadcrumb[b-8wk5bexgq2] {
    inline-size: fit-content;
    max-inline-size: 100%;
    margin-block-start: var(--ds-space-4);
    padding-inline: var(--ds-space-4);
    border: 1px solid var(--pub-rim);
    border-radius: var(--ds-radius-control);
    background: var(--pub-base);
    box-shadow: var(--pub-inset);
    font-size: .8125rem;
    color: var(--ds-color-text-muted);
}
.public-breadcrumb ol[b-8wk5bexgq2] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--ds-space-2) var(--ds-space-3);
    margin: 0;
    padding: 0;
    list-style: none;
}
.public-breadcrumb li[b-8wk5bexgq2] {
    display: flex;
    align-items: center;
    gap: var(--ds-space-3);
    min-inline-size: 0;
    min-block-size: 44px;
}
.public-breadcrumb a[b-8wk5bexgq2] {
    display: inline-flex;
    align-items: center;
    min-block-size: 44px;
    color: inherit;
    text-decoration: none;
}
.public-breadcrumb [aria-current='page'][b-8wk5bexgq2] {
    color: var(--ds-color-text);
    font-weight: 700;
    overflow-wrap: anywhere;
}
.public-breadcrumb svg[b-8wk5bexgq2] {
    inline-size: 1rem;
    block-size: 1rem;
    color: var(--ds-color-text-muted);
}
.public-experience[b-8wk5bexgq2]  .public-breadcrumb + .page {
    padding-block-start: var(--ds-space-4);
}
.public-experience[b-8wk5bexgq2]  :is(.about-page, .contact-page, .faq-page, .technical-page, .guide-page, .shipping-page, .legal-page) .display {
    font-size: clamp(2rem, 3.25vw, 3.25rem);
    font-weight: 800;
    line-height: 1.5;
    letter-spacing: -.035em;
    color: var(--ds-color-primary);
    text-shadow: -1px -1px 1px var(--pub-depth), 1px 2px 0 var(--pub-highlight);
    text-wrap: balance;
}
.public-experience[b-8wk5bexgq2]  .legal-page .display {
    font-size: clamp(1.875rem, 2.9vw, 2.9rem);
}
.public-experience[b-8wk5bexgq2]  .about-page .legacy-about {
    min-inline-size: 0;
    max-inline-size: 66ch;
    padding: clamp(1.25rem, 3vw, 2.75rem);
    border: 1px solid var(--pub-rim);
    border-radius: var(--ds-radius-md);
    background: radial-gradient(ellipse at 90% 0, color-mix(in srgb, var(--pub-feature) 6%, transparent), transparent 65%), var(--pub-base);
    box-shadow: var(--pub-inset);
    color: var(--ds-color-text);
    font-size: clamp(1.0625rem, 1.3vw, 1.1875rem);
    line-height: 2.25;
}
.public-experience[b-8wk5bexgq2]  .about-page .legacy-about p + p {
    margin-block-start: var(--ds-space-6);
}
.public-experience[b-8wk5bexgq2]  :is(.journey-chapter, .legal-clause, .legal-contact, .faq-item, .story-reading, .technical-library) {
    scroll-margin-block-start: var(--pub-anchor-offset);
}
.public-experience[b-8wk5bexgq2]  :is(.answer-index, .legal-index, .library-heading) {
    inset-block-start: var(--pub-sticky-offset);
}
.public-experience[b-8wk5bexgq2]  .guide-page .journey-nav span {
    font-weight: 750;
    text-wrap: balance;
}
.public-experience[b-8wk5bexgq2]  .guide-page .journey-nav b {
    inline-size: 1.5rem;
    block-size: 1.5rem;
    font-size: .75rem;
    font-weight: 500;
}
.public-experience[b-8wk5bexgq2]  .technical-page .source-inspector {
    display: block;
    min-inline-size: 0;
}
.public-experience[b-8wk5bexgq2]  .technical-page .inspector-object {
    position: relative;
    inline-size: 100%;
    aspect-ratio: 1;
    min-block-size: 0;
    margin-block: var(--ds-space-4);
    padding: clamp(.5rem, 1.2vw, 1rem);
    overflow: hidden;
}
.public-experience[b-8wk5bexgq2]  .technical-page .folio {
    display: grid;
    grid-template-rows: auto minmax(0, 1fr) auto auto;
    gap: var(--ds-space-2);
}
/* Selection uses an inset rim instead of the old generic colored accent strips. */
.public-experience[b-8wk5bexgq2]  :is(.journey-nav a[aria-current='step'], .legal-index nav a[aria-current='location']) {
    border-inline-start: 1px solid var(--pub-rim);
    box-shadow: var(--pub-inset);
}
.public-experience[b-8wk5bexgq2]  .technical-page .source-inspector {
    border-block-start: 1px solid var(--pub-rim);
}
.public-experience[b-8wk5bexgq2]  .faq-page .faq-item {
    border-inline-start: 0;
}
@media (max-width: 46rem) {
    .public-experience[b-8wk5bexgq2]  :is(.about-page, .contact-page, .faq-page, .technical-page, .guide-page, .shipping-page, .legal-page) .display {
        font-size: clamp(1.75rem, 7vw, 2.25rem);
    }
    .public-experience[b-8wk5bexgq2]  .guide-page .journey-nav b {
        display: none;
    }
    .public-experience[b-8wk5bexgq2]  .guide-page .journey-nav a {
        flex-direction: row;
        justify-content: center;
        line-height: 1.5;
        min-block-size: 60px;
    }
}

/* Foundation owns all control skins; Public keeps their placement and reading rhythm. */
.public-experience[b-8wk5bexgq2]  :is(.answer-search, .recovery-search > div) .ds-field {
    flex: 1;
    min-inline-size: 0;
}
.public-experience[b-8wk5bexgq2]  .recovery-search > div {
    gap: var(--ds-space-3);
}
.public-experience[b-8wk5bexgq2]  #contact-form .ds-field {
    min-inline-size: 0;
    margin-block-end: var(--ds-space-5);
}
/* /Components/Storefront/StorefrontArticleCard.razor.rz.scp.css */
/* Editorial Home DNA; DS owns both themes, trace and typography families. */
.sf-article-card[b-jddfkznr6r] {
    min-inline-size: 0;
    inline-size: 100%;
    border: 1px solid var(--ds-color-border);
    border-radius: var(--ds-radius-md);
    background: var(--ds-color-surface);
    box-shadow: var(--ds-shadow-resting);
}
.sf-article-card > a[b-jddfkznr6r] {
    position: relative;
    isolation: isolate;
    display: flex;
    flex-direction: column;
    block-size: 100%;
    gap: var(--ds-space-2);
    padding: var(--ds-space-3);
    border-radius: inherit;
    color: var(--ds-color-text);
    text-decoration: none;
}
.sf-article-card__media[b-jddfkznr6r] {
    display: grid;
    place-items: center;
    aspect-ratio: 1.3 / 1;
    overflow: hidden;
    padding: var(--ds-space-2);
    border-radius: var(--ds-radius-media);
    background: var(--ds-control-field-surface);
    box-shadow: var(--ds-control-recessed-shadow);
}
.sf-article-card__media img[b-jddfkznr6r] {
    inline-size: 100%;
    block-size: 100%;
    object-fit: contain;
}
.sf-article-card__empty[b-jddfkznr6r] {
    display: grid;
    justify-items: center;
    gap: var(--ds-space-2);
    color: var(--ds-color-text-muted);
    font-size: var(--ds-type-meta-size);
}
.sf-article-card__empty svg[b-jddfkznr6r] {
    inline-size: 1.6rem;
    block-size: 1.6rem;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.7;
}
.sf-article-card__meta[b-jddfkznr6r] {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: var(--ds-space-2);
    margin-block-start: var(--ds-space-2);
    color: var(--ds-color-text-muted);
    font-size: var(--ds-type-meta-size);
    line-height: var(--ds-type-meta-line-height);
}
.sf-article-card__meta > span[b-jddfkznr6r] {
    color: var(--ds-color-primary);
    font-weight: 700;
}
.sf-article-card h3[b-jddfkznr6r] {
    margin: 0;
    overflow-wrap: anywhere;
    font-family: var(--ds-font-heading);
    font-size: var(--ds-text-md);
    font-weight: 700;
    line-height: 1.75;
}
.sf-article-card p[b-jddfkznr6r] {
    display: -webkit-box;
    overflow: hidden;
    margin: 0;
    color: var(--ds-color-text-muted);
    font-size: var(--ds-text-xs);
    line-height: 1.9;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
}
.sf-article-card__cue[b-jddfkznr6r] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-block-start: auto;
    padding-block-start: var(--ds-space-3);
    color: var(--ds-color-primary);
    font-size: var(--ds-text-xs);
    font-weight: 700;
}
/* Existing Electric Trace is interaction-only and makes one travel. */
.sf-article-card[b-jddfkznr6r]  .ds-field-trace {
    display: none;
}
.sf-article-card[b-jddfkznr6r]  .ds-field-trace rect {
    animation-iteration-count: 1;
    animation-fill-mode: both;
}
.sf-article-card > a:is(:hover, :focus-visible)[b-jddfkznr6r] {
    --ds-electric-opacity: 1;
    --ds-electric-play-state: running;
}
.sf-article-card > a:is(:hover, :focus-visible)[b-jddfkznr6r]  .ds-field-trace {
    display: block;
}
.sf-article-card > a:focus-visible[b-jddfkznr6r] {
    outline: 3px solid var(--ds-control-label-ink);
    outline-offset: 4px;
}
@media (prefers-reduced-motion: reduce) {
    .sf-article-card[b-jddfkznr6r]  .ds-field-trace rect {
        animation: none !important;
    }
}
.sf-article-card__media img[hidden][b-jddfkznr6r] { display: none; }
.sf-article-card__media[b-jddfkznr6r]  .sf-article-image-unavailable { color: var(--ds-color-text-muted); font-size: var(--ds-type-meta-size); }
/* /Components/Storefront/StorefrontArticleDetail.razor.rz.scp.css */
/* V6 page composition. DS tokens own material/theme; Category owns Signature Heading language. */
.sf-article-detail[b-i93uiczy3c] {
    padding-block: var(--ds-space-5) var(--ds-space-12);
    color: var(--ds-color-text);
}
.sf-article-detail__header[b-i93uiczy3c] {
    display: grid;
    grid-template-columns: minmax(0, 1.3fr) minmax(14rem, .7fr);
    align-items: end;
    gap: var(--ds-space-8);
    padding-block: var(--ds-space-4) var(--ds-space-8);
}
.sf-article-detail h1[b-i93uiczy3c] {
    margin-block: var(--ds-space-4) 0;
    font-family: var(--ds-font-display);
    font-size: clamp(2.3rem, 3.55vw, 3.35rem);
    font-weight: 850;
    line-height: 1.35;
    letter-spacing: -.04em;
    text-wrap: balance;
    overflow-wrap: anywhere;
    color: color-mix(in srgb, var(--ds-control-ink) 91%, var(--ds-control-low));
    text-shadow: -1px -1px 1px color-mix(in srgb, var(--ds-control-low) 48%, transparent),
        1px 1px 0 color-mix(in srgb, var(--ds-control-highlight) 82%, transparent);
}
.sf-article-detail__deck[b-i93uiczy3c] {
    max-inline-size: 61ch;
    margin-block: var(--ds-space-5) 0;
    color: var(--ds-color-text-muted);
    font-size: var(--ds-type-body-emphasis-size);
    line-height: 2;
}
.sf-article-detail__facts[b-i93uiczy3c] {
    padding-block-start: var(--ds-space-4);
    border-block-start: 1px solid var(--ds-color-border);
}
.sf-article-detail__facts dl[b-i93uiczy3c] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--ds-space-5);
    margin: 0;
}
.sf-article-detail__facts dt[b-i93uiczy3c] {
    font-size: var(--ds-type-meta-size);
    color: var(--ds-color-text-muted);
}
.sf-article-detail__facts dd[b-i93uiczy3c] {
    margin: var(--ds-space-1) 0 0;
    font-weight: 700;
}
.sf-article-detail > .sf-article-detail__media-summary[b-i93uiczy3c] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(16rem, 21rem);
    gap: var(--ds-space-4);
    max-inline-size: 74rem;
    margin: 0 auto var(--ds-space-8);
}
.sf-article-detail__media[b-i93uiczy3c] {
    display: grid;
    align-content: center;
    min-inline-size: 0;
    margin: 0;
    padding: var(--ds-space-4);
    border-radius: var(--ds-radius-md);
    background: var(--ds-control-field-surface);
    box-shadow: var(--ds-control-recessed-shadow);
}
.sf-article-detail__media img[b-i93uiczy3c] {
    display: block;
    inline-size: 100%;
    max-inline-size: 100%;
    block-size: auto;
    border-radius: var(--ds-radius-media);
}
.sf-article-detail__no-image[b-i93uiczy3c] {
    padding: var(--ds-space-8);
    color: var(--ds-color-text-muted);
    text-align: center;
}
.sf-article-detail__summary[b-i93uiczy3c],
.sf-article-detail__state[b-i93uiczy3c] {
    padding: var(--ds-space-5);
    border: 1px solid var(--ds-color-border);
    border-radius: var(--ds-radius-md);
    background: var(--ds-control-surface);
    box-shadow: var(--ds-control-secondary-shadow);
}
.sf-article-detail__summary h2[b-i93uiczy3c] {
    font-size: var(--ds-text-lg);
    line-height: 1.75;
}
.sf-article-detail__summary p[b-i93uiczy3c],
.sf-article-detail__state p[b-i93uiczy3c] {
    color: var(--ds-color-text-muted);
    line-height: 1.9;
}
.sf-article-detail > .sf-article-detail__ending[b-i93uiczy3c] {
    margin: var(--ds-space-12) 0 0;
    padding-block-start: var(--ds-space-8);
    border-block-start: 1px solid var(--ds-color-border);
}
.sf-article-detail__related[b-i93uiczy3c] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: var(--ds-space-4);
}
.sf-article-detail__return[b-i93uiczy3c] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: var(--ds-space-4);
    margin-block-start: var(--ds-space-8);
    padding-block: var(--ds-space-5);
    border-block-start: 1px solid var(--ds-color-border);
    color: var(--ds-color-text-muted);
}
@media (max-width: 64rem) {
    .sf-article-detail__header[b-i93uiczy3c],
    .sf-article-detail > .sf-article-detail__media-summary[b-i93uiczy3c] {
        grid-template-columns: 1fr;
    }
    .sf-article-detail__related[b-i93uiczy3c] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}
@media (max-width: 47.5rem) {
    .sf-article-detail[b-i93uiczy3c] {
        padding-block-start: var(--ds-space-3);
    }
    .sf-article-detail h1[b-i93uiczy3c] {
        font-size: clamp(2rem, 8vw, 2.35rem);
        line-height: 1.4;
    }
    .sf-article-detail__related[b-i93uiczy3c] {
        grid-template-columns: 1fr;
    }
}
.sf-article-detail__media img[hidden][b-i93uiczy3c] { display: none; }
.sf-article-detail__media[b-i93uiczy3c]  .sf-article-image-unavailable { color: var(--ds-color-text-muted); font-size: var(--ds-type-meta-size); }
/* /Components/Storefront/StorefrontArticlesIndex.razor.rz.scp.css */
/* Articles page composition only. Signature values inherit the approved Category pattern. */
.sf-articles[b-r6yv7r96z7] {
    padding-block: 1.35rem var(--ds-space-12);
    color: var(--ds-color-text);
}
.sf-articles__hero[b-r6yv7r96z7] {
    display: grid;
    grid-template-columns: minmax(0, 1.2fr) minmax(15rem, .8fr);
    align-items: end;
    gap: var(--ds-space-8);
    padding-block: var(--ds-space-4) var(--ds-space-8);
}
.sf-articles__hero h1[b-r6yv7r96z7],
.sf-articles__state h1[b-r6yv7r96z7] {
    margin: 0;
    font-family: var(--ds-font-display);
    font-weight: 850;
    font-size: clamp(2rem, 3vw, 2.85rem);
    line-height: 1.35;
    letter-spacing: -.04em;
    color: color-mix(in srgb, var(--ds-control-ink) 91%, var(--ds-control-low));
    text-wrap: balance;
    overflow-wrap: anywhere;
    text-shadow: -1px -1px 1px color-mix(in srgb, var(--ds-control-low) 48%, transparent),
        1px 1px 0 color-mix(in srgb, var(--ds-control-highlight) 82%, transparent);
}
.sf-articles__eyebrow[b-r6yv7r96z7] {
    margin: 0 0 var(--ds-space-3);
    color: var(--ds-color-primary);
    font-size: var(--ds-type-meta-size);
    font-weight: 700;
}
.sf-articles__deck[b-r6yv7r96z7] {
    max-inline-size: 60ch;
    margin-block: var(--ds-space-4) 0;
    color: var(--ds-color-text-muted);
    line-height: 1.9;
}
.sf-articles__facts[b-r6yv7r96z7],
.sf-articles__intro[b-r6yv7r96z7] {
    margin: 0;
    padding-block-start: var(--ds-space-4);
    border-block-start: 1px solid var(--ds-color-border);
}
.sf-articles__facts[b-r6yv7r96z7] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--ds-space-5);
}
.sf-articles__facts dt[b-r6yv7r96z7] {
    color: var(--ds-color-text-muted);
    font-size: var(--ds-type-meta-size);
}
.sf-articles__facts dd[b-r6yv7r96z7] {
    margin: var(--ds-space-1) 0 0;
    font-weight: 700;
}
.sf-articles__intro p[b-r6yv7r96z7] {
    color: var(--ds-color-text-muted);
    font-size: var(--ds-text-xs);
    line-height: 1.9;
}
/* Foundation owns controls; this page owns only their arrangement. */
.sf-articles__search[b-r6yv7r96z7] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(10rem, .3fr) auto;
    align-items: center;
    gap: var(--ds-space-3);
    padding: var(--ds-space-3);
    border: 1px solid var(--ds-color-border);
    border-radius: var(--ds-radius-md);
    background: var(--ds-control-surface);
    box-shadow: var(--ds-control-secondary-shadow);
}
.sf-articles__switch[b-r6yv7r96z7] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--ds-space-2);
    margin-block-end: var(--ds-space-4);
}
.sf-articles__switch[b-r6yv7r96z7]  [aria-current="page"] {
    color: var(--ds-color-primary);
    background: var(--ds-control-field-surface);
    box-shadow: var(--ds-control-recessed-shadow);
}
.sf-articles > .sf-articles__discovery[b-r6yv7r96z7],
.sf-articles > .sf-articles__results[b-r6yv7r96z7] {
    margin-block: var(--ds-space-12);
}
.sf-articles__categories[b-r6yv7r96z7] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: var(--ds-space-4);
}
.sf-articles__category[b-r6yv7r96z7] {
    position: relative;
    isolation: isolate;
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(6rem, .4fr);
    gap: var(--ds-space-4);
    padding: var(--ds-space-4);
    border: 1px solid var(--ds-color-border);
    border-radius: var(--ds-radius-md);
    background: var(--ds-color-surface);
    box-shadow: var(--ds-shadow-resting);
    color: var(--ds-color-text);
    text-decoration: none;
}
.sf-articles__category-copy[b-r6yv7r96z7] {
    display: flex;
    flex-direction: column;
    gap: var(--ds-space-3);
    min-inline-size: 0;
}
.sf-articles__category h3[b-r6yv7r96z7] {
    margin: 0;
    font-family: var(--ds-font-display);
    font-size: var(--ds-text-lg);
    line-height: 1.6;
    overflow-wrap: anywhere;
}
.sf-articles__category p[b-r6yv7r96z7],
.sf-articles__category small[b-r6yv7r96z7] {
    margin: 0;
    color: var(--ds-color-text-muted);
    font-size: var(--ds-text-xs);
    line-height: 1.85;
}
.sf-articles__category small[b-r6yv7r96z7] {
    margin-block-start: auto;
}
.sf-articles__category-copy > span:last-child[b-r6yv7r96z7] {
    display: flex;
    align-items: center;
    gap: var(--ds-space-2);
    color: var(--ds-color-primary);
    font-size: var(--ds-text-xs);
    font-weight: 700;
}
.sf-articles__category-media[b-r6yv7r96z7] {
    display: grid;
    place-items: center;
    min-inline-size: 0;
    padding: var(--ds-space-3);
    border-radius: var(--ds-radius-media);
    background: var(--ds-control-field-surface);
    box-shadow: var(--ds-control-recessed-shadow);
}
.sf-articles__category-media img[b-r6yv7r96z7] {
    inline-size: 100%;
    block-size: 100%;
    object-fit: contain;
}
.sf-articles__category-media svg[b-r6yv7r96z7] {
    inline-size: 3rem;
    block-size: 3rem;
    fill: none;
    stroke: var(--ds-color-primary);
    stroke-width: 1.4;
}
.sf-articles__category[b-r6yv7r96z7]  .ds-field-trace {
    display: none;
}
.sf-articles__category[b-r6yv7r96z7]  .ds-field-trace rect {
    animation-iteration-count: 1;
    animation-fill-mode: both;
}
.sf-articles__category:is(:hover, :focus-visible)[b-r6yv7r96z7] {
    --ds-electric-opacity: 1;
    --ds-electric-play-state: running;
}
.sf-articles__category:is(:hover, :focus-visible)[b-r6yv7r96z7]  .ds-field-trace {
    display: block;
}
.sf-articles__grid[b-r6yv7r96z7] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: var(--ds-space-4);
}
.sf-articles__result-count[b-r6yv7r96z7] {
    color: var(--ds-color-text-muted);
    font-size: var(--ds-type-meta-size);
}
.sf-articles__state[b-r6yv7r96z7] {
    padding: clamp(1.5rem, 4vw, 3rem);
    border-radius: var(--ds-radius-md);
    background: var(--ds-control-field-surface);
    box-shadow: var(--ds-control-recessed-shadow);
}
.sf-articles__state h2[b-r6yv7r96z7] {
    font-size: var(--ds-text-lg);
    line-height: 1.75;
}
.sf-articles__state p[b-r6yv7r96z7] {
    color: var(--ds-color-text-muted);
    line-height: 1.85;
}
.sf-articles__pager[b-r6yv7r96z7] {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: var(--ds-space-2);
    margin-block-start: var(--ds-space-8);
}
.sf-articles__pager > span[b-r6yv7r96z7] {
    display: grid;
    place-items: center;
    min-inline-size: var(--ds-touch-target);
    min-block-size: var(--ds-touch-target);
    border-radius: var(--ds-radius-control);
    background: var(--ds-control-field-surface);
    box-shadow: var(--ds-control-recessed-shadow);
    color: var(--ds-color-primary);
    font-weight: 700;
}
.sf-articles a:focus-visible[b-r6yv7r96z7] {
    outline: 3px solid var(--ds-control-label-ink);
    outline-offset: 4px;
}
@media (max-width: 64rem) {
    .sf-articles__hero[b-r6yv7r96z7] {
        grid-template-columns: 1fr;
    }
    .sf-articles__grid[b-r6yv7r96z7] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}
@media (max-width: 47.5rem) {
    .sf-articles[b-r6yv7r96z7] {
        padding-block-start: var(--ds-space-3);
    }
    .sf-articles__search[b-r6yv7r96z7],
    .sf-articles__categories[b-r6yv7r96z7],
    .sf-articles__grid[b-r6yv7r96z7] {
        grid-template-columns: 1fr;
    }
    .sf-articles__hero h1[b-r6yv7r96z7] {
        font-size: clamp(1.8rem, 7vw, 2.05rem);
        line-height: 1.4;
    }
}
@media (prefers-reduced-motion: reduce) {
    .sf-articles[b-r6yv7r96z7]  .ds-field-trace rect {
        animation: none !important;
    }
}

.sf-articles__category--lead[b-r6yv7r96z7] {
    grid-column: 1 / -1;
    grid-template-columns: minmax(0, 1.2fr) minmax(10rem, .8fr);
}
@media (max-width: 47.5rem) {
    .sf-articles__category--lead[b-r6yv7r96z7] {
        grid-column: auto;
        grid-template-columns: minmax(0, 1fr) minmax(6rem, .4fr);
    }
}
.sf-articles__category-media img[hidden][b-r6yv7r96z7] { display: none; }
.sf-articles__category-media[b-r6yv7r96z7]  .sf-article-image-unavailable { color: var(--ds-color-text-muted); font-size: var(--ds-type-meta-size); }
@media (max-width: 37.5rem) {
    .sf-articles__category[b-r6yv7r96z7],
    .sf-articles__category--lead[b-r6yv7r96z7] { grid-template-columns: 1fr; }
    .sf-articles__category-media[b-r6yv7r96z7] { order: -1; min-block-size: 9rem; }
}
/* /Components/Storefront/StorefrontCatalogBrandFilter.razor.rz.scp.css */
/* Category-approved Brand presentation; hosts retain layout, URL and request ownership. */
.sf-plp-facet[b-f61695ul8z] {
    min-inline-size: 0;
    margin: 0;
    padding: .9rem 0 0;
    border: 0;
    border-block-start: 1px solid var(--ds-color-border);
}
.sf-plp-facet legend[b-f61695ul8z] {
    margin-block-end: .65rem;
    color: var(--ds-color-text);
    font-size: var(--ds-text-xs);
    font-weight: 760;
}
.sf-plp-facet__options[b-f61695ul8z],
.sf-plp-applied[b-f61695ul8z] {
    display: flex;
    flex-wrap: wrap;
    gap: .5rem;
    align-items: center;
}
button[b-f61695ul8z] {
    min-block-size: var(--ds-touch-target);
    border: 1px solid color-mix(in srgb, var(--ds-color-border) 68%, transparent);
    border-radius: var(--ds-radius-control);
    background: linear-gradient(145deg, var(--plp-highlight), var(--ds-color-surface-subtle));
    box-shadow: -3px -3px 7px var(--plp-highlight), 4px 5px 9px var(--plp-depth-soft), inset 1px 1px 0 var(--plp-highlight);
    color: var(--ds-color-text);
    font: inherit;
    cursor: pointer;
}
.sf-plp-choice[b-f61695ul8z] {
    display: inline-flex;
    gap: .45rem;
    align-items: center;
    padding-inline: .75rem;
    font-size: var(--ds-text-xs);
}
.sf-plp-choice > span[b-f61695ul8z] {
    display: inline-grid;
    place-items: center;
    min-inline-size: 1.4rem;
    block-size: 1.4rem;
    border-radius: 999px;
    background: color-mix(in srgb, var(--ds-color-surface) 76%, transparent);
    color: var(--ds-color-text-muted);
    font-size: var(--ds-text-2xs);
    font-weight: 760;
}
.sf-plp-choice.is-selected[b-f61695ul8z] {
    border-color: color-mix(in srgb, var(--ds-color-primary) 48%, transparent);
    background: color-mix(in srgb, var(--ds-color-primary) 10%, var(--ds-color-surface-subtle));
    box-shadow: inset 3px 3px 7px var(--plp-depth-soft), inset -2px -2px 5px var(--plp-highlight);
    color: var(--ds-color-primary);
}
.sf-plp-choice.is-selected > span[b-f61695ul8z] {
    background: color-mix(in srgb, var(--ds-color-primary) 14%, var(--ds-color-surface));
    color: var(--ds-color-primary);
}
.sf-plp-applied[b-f61695ul8z] {
    margin-block-start: .7rem;
    padding-block-start: .7rem;
    border-block-start: 1px solid var(--ds-color-border);
}
.sf-plp-applied > span[b-f61695ul8z] {
    color: var(--ds-color-text-muted);
    font-size: var(--ds-text-2xs);
    font-weight: 700;
}
.sf-plp-applied button[b-f61695ul8z] {
    min-block-size: 2.25rem;
    padding-inline: .7rem;
    color: var(--ds-color-primary);
    font-size: var(--ds-text-2xs);
}
.sf-plp-applied .sf-plp-applied__clear[b-f61695ul8z] {
    border-color: transparent;
    background: transparent;
    box-shadow: none;
}
button:focus-visible[b-f61695ul8z] {
    outline: 3px solid var(--sf-filter-focus, var(--ds-color-primary));
    outline-offset: var(--sf-filter-focus-offset, 3px);
}
button:active[b-f61695ul8z] {
    box-shadow: inset 3px 3px 7px var(--plp-depth-soft), inset -2px -2px 5px var(--plp-highlight);
}
@media (hover: hover) {
    .sf-plp-choice:hover[b-f61695ul8z] {
        border-color: var(--ds-color-primary);
        color: var(--ds-color-primary);
    }
}
/* /Components/Storefront/StorefrontCatalogSearch.razor.rz.scp.css */
.sf-search-v2[b-yc4a7bkmyl] {
  --search-highlight: color-mix(in srgb, var(--ds-color-surface-raised) 90%, var(--ds-color-background));
  --search-depth: color-mix(in srgb, var(--ds-color-text) 14%, transparent);
  --search-depth-soft: color-mix(in srgb, var(--ds-color-text) 8%, transparent);
  --search-action-cyan: light-dark(#26c7e5, #5cdef1);
  --search-action-blue: light-dark(#147bd8, #2b91ed);
  --search-action-violet: light-dark(#735bd2, #9988ec);
  position: relative;
  isolation: isolate;
  display: grid;
  gap: var(--ds-space-3);
  min-inline-size: 0;
  inline-size: min(calc(100% - 2 * var(--ds-page-gutter)), 82rem);
  margin-inline: auto;
  padding-block: var(--ds-space-5) var(--ds-space-4);
  font-family: var(--ds-font-ui);
}

/* Category's shared Path Rail keeps its own materials, cues and overflow behavior. */
.sf-search-v2[b-yc4a7bkmyl]  .sf-path-rail {
  margin-block-end: 0;
}

/* Design Lab's general section rhythm must not alter Search V2's compact composition. */
.sf-search-v2 > :is(.sf-search-results, .sf-search-state, .sf-search-start, .sf-search-loading)[b-yc4a7bkmyl] {
  margin-block: 0;
}

.sf-search-surface[b-yc4a7bkmyl] {
  border: 1px solid color-mix(in srgb, var(--ds-color-border) 58%, transparent);
  background: var(--ds-color-surface);
}

.sf-search-surface--raised[b-yc4a7bkmyl] {
  box-shadow:
    -6px -6px 14px color-mix(in srgb, var(--search-highlight) 82%, transparent),
    8px 10px 22px var(--search-depth),
    inset 1px 1px 0 var(--search-highlight),
    inset -1px -1px 0 var(--search-depth-soft);
}

.sf-search-surface--recessed[b-yc4a7bkmyl] {
  border: 1px solid color-mix(in srgb, var(--ds-color-border) 58%, transparent);
  background: color-mix(in srgb, var(--ds-color-surface-subtle) 84%, var(--ds-color-surface));
  box-shadow:
    inset 4px 4px 10px var(--search-depth-soft),
    inset -4px -4px 9px var(--search-highlight);
}

/* Mounted query surface; Category control tokens own the material temperature. */
.sf-search-stage[b-yc4a7bkmyl] {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  padding: var(--ds-space-4);
  border-radius: var(--ds-radius-lg);
  box-shadow: var(--ds-control-secondary-shadow);
}

.sf-search-stage__body[b-yc4a7bkmyl] {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: var(--ds-space-3);
  align-items: center;
}

.sf-search-stage__copy[b-yc4a7bkmyl] {
  min-inline-size: 0;
  max-inline-size: 64rem;
}

.sf-search-kicker[b-yc4a7bkmyl] {
  display: block;
  color: var(--ds-color-text-muted);
  font-size: var(--ds-text-2xs);
  font-weight: 700;
  letter-spacing: .045em;
}

.sf-search-stage h1[b-yc4a7bkmyl] {
  margin: var(--ds-space-1) 0 0;
  color: color-mix(in srgb, var(--ds-control-ink) 91%, var(--ds-control-low));
  font-family: var(--ds-font-display);
  font-size: clamp(2rem, 3vw, 2.85rem);
  font-weight: 850;
  line-height: 1.35;
  letter-spacing: -.04em;
  text-wrap: balance;
  overflow-wrap: anywhere;
  text-shadow: -1px -1px 1px color-mix(in srgb, var(--ds-control-low) 48%, transparent),
    1px 1px 0 color-mix(in srgb, var(--ds-control-highlight) 82%, transparent);
}

.sf-search-stage h1 mark[b-yc4a7bkmyl] {
  padding: 0;
  background: none;
  color: var(--ds-color-primary);
}

.sf-search-stage__copy p[b-yc4a7bkmyl] {
  max-inline-size: 72ch;
  margin: var(--ds-space-1) 0 0;
  color: var(--ds-color-text-muted);
  font-size: var(--ds-text-xs);
  line-height: 1.75;
}

.sf-search-stage__actions[b-yc4a7bkmyl],
.sf-search-state-actions[b-yc4a7bkmyl],
.sf-search-recovery-tips[b-yc4a7bkmyl] {
  display: flex;
  flex-wrap: wrap;
  gap: .55rem;
  align-items: center;
}

.sf-search-assistant[b-yc4a7bkmyl],
.sf-search-state-actions :is(a, button)[b-yc4a7bkmyl],
.sf-search-toolbar__query a[b-yc4a7bkmyl],
.sf-search-view-switch button[b-yc4a7bkmyl],
.sf-search-load button[b-yc4a7bkmyl] {
  min-block-size: var(--ds-touch-target);
  border: 1px solid color-mix(in srgb, var(--ds-color-border) 68%, transparent);
  border-radius: var(--ds-radius-control);
  background: linear-gradient(145deg, var(--search-highlight), var(--ds-color-surface-subtle));
  box-shadow:
    -3px -3px 7px var(--search-highlight),
    4px 5px 9px var(--search-depth-soft),
    inset 1px 1px 0 var(--search-highlight);
  color: var(--ds-color-text);
  font: inherit;
}

.sf-search-count[b-yc4a7bkmyl] {
  display: inline-flex;
  gap: .35rem;
  align-items: baseline;
  padding-inline: 0;
  color: var(--ds-color-text-muted);
  font-size: var(--ds-text-xs);
  font-weight: 720;
}

.sf-search-count strong[b-yc4a7bkmyl] {
  color: var(--ds-color-text);
  font-size: var(--ds-text-sm);
}

.sf-search-assistant[b-yc4a7bkmyl],
.sf-search-state-actions button[b-yc4a7bkmyl],
.sf-search-load button[b-yc4a7bkmyl] {
  display: inline-flex;
  gap: .45rem;
  align-items: center;
  padding-inline: 1rem;
  color: var(--ds-color-primary);
  cursor: pointer;
  font-weight: 760;
}

.sf-search-query[b-yc4a7bkmyl] {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: var(--ds-space-2);
  align-items: center;
  margin-block-start: var(--ds-space-3);
  padding: var(--ds-space-2);
  border: 0;
  border-radius: var(--ds-radius-control);
  background: var(--ds-control-field-surface);
  box-shadow: var(--ds-control-recessed-shadow);
}

.sf-search-query input[b-yc4a7bkmyl] {
  min-inline-size: 0;
  min-block-size: var(--ds-touch-target);
  padding-inline: var(--ds-space-3);
  border: 0;
  outline: 0;
  background: transparent;
  color: var(--ds-color-text);
  font: inherit;
  font-weight: 680;
}

.sf-search-query[b-yc4a7bkmyl]  .ds-action {
  min-inline-size: 8rem;
}

.sf-search-query svg[b-yc4a7bkmyl],
.sf-search-state-icon svg[b-yc4a7bkmyl] {
  inline-size: 1.25rem;
  block-size: 1.25rem;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.8;
}

.sf-search-query-meta[b-yc4a7bkmyl] {
  display: flex;
  flex-wrap: wrap;
  gap: var(--ds-space-2) var(--ds-space-4);
  margin-block-start: var(--ds-space-2);
}

.sf-search-query-meta span[b-yc4a7bkmyl] {
  display: inline-flex;
  gap: var(--ds-space-1);
  align-items: center;
  min-block-size: var(--ds-space-6);
  color: var(--ds-color-text-muted);
  font-size: var(--ds-text-2xs);
}

.sf-search-recovery-tips span[b-yc4a7bkmyl] {
  display: inline-flex;
  gap: .35rem;
  align-items: center;
  min-block-size: 2rem;
  padding-inline: .65rem;
  border-radius: var(--ds-radius-sm);
  background: color-mix(in srgb, var(--ds-color-surface) 72%, transparent);
  box-shadow: -2px -2px 5px var(--search-highlight), 3px 3px 7px var(--search-depth-soft);
  color: var(--ds-color-text-muted);
  font-size: var(--ds-text-2xs);
}

.sf-search-query-meta strong[b-yc4a7bkmyl] {
  color: var(--ds-color-text);
}

.sf-search-start[b-yc4a7bkmyl],
.sf-search-loading[b-yc4a7bkmyl] {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  gap: clamp(1rem, 2.5vw, 2rem);
  align-items: center;
  min-block-size: 11rem;
  padding: clamp(1.25rem, 3vw, 2.25rem);
  border-radius: var(--ds-radius-lg);
  background:
    radial-gradient(circle at 10% 24%, color-mix(in srgb, var(--ds-color-secondary) 8%, transparent), transparent 34%),
    var(--ds-color-surface);
}

.sf-search-start h2[b-yc4a7bkmyl],
.sf-search-assist h2[b-yc4a7bkmyl],
.sf-search-state h2[b-yc4a7bkmyl] {
  margin: .3rem 0 0;
  font-family: var(--ds-font-heading);
  color: var(--ds-color-text);
}

.sf-search-start h2[b-yc4a7bkmyl],
.sf-search-assist h2[b-yc4a7bkmyl] {
  font-size: clamp(1.25rem, 2vw, 1.65rem);
}

.sf-search-start p[b-yc4a7bkmyl],
.sf-search-assist p[b-yc4a7bkmyl],
.sf-search-state p[b-yc4a7bkmyl] {
  margin: .35rem 0 0;
  color: var(--ds-color-text-muted);
  line-height: 1.8;
}

.sf-search-state-icon[b-yc4a7bkmyl] {
  display: grid;
  place-items: center;
  inline-size: 4.5rem;
  block-size: 4.5rem;
  border: 1px solid color-mix(in srgb, var(--ds-color-border) 65%, transparent);
  border-radius: 1.4rem;
  background: color-mix(in srgb, var(--ds-color-surface-subtle) 82%, var(--ds-color-surface));
  box-shadow: inset 5px 5px 12px var(--search-depth-soft), inset -5px -5px 11px var(--search-highlight);
  color: var(--ds-color-primary);
  font-size: 1.7rem;
  font-weight: 850;
}

.sf-search-state-actions :is(a, button)[b-yc4a7bkmyl],
.sf-search-toolbar__query a[b-yc4a7bkmyl] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding-inline: .9rem;
  text-decoration: none;
  cursor: pointer;
  font-weight: 750;
}

.sf-search-loading[b-yc4a7bkmyl] {
  grid-template-columns: auto minmax(0, 1fr);
}

.sf-search-loading div[b-yc4a7bkmyl] {
  display: grid;
  gap: .3rem;
}

.sf-search-loading strong[b-yc4a7bkmyl] {
  font-size: 1.1rem;
}

.sf-search-loading div span[b-yc4a7bkmyl] {
  color: var(--ds-color-text-muted);
}

.sf-search-results[b-yc4a7bkmyl] {
  display: grid;
  gap: .9rem;
  min-inline-size: 0;
}

.sf-search-toolbar[b-yc4a7bkmyl] {
  position: sticky;
  z-index: calc(var(--ds-z-navigation) - 1);
  inset-block-start: calc(4.5rem + var(--ds-space-3));
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: var(--ds-space-4);
  align-items: center;
  padding-block: var(--ds-space-2) var(--ds-space-3);
  padding-inline: 0;
  border: 0;
  border-block-end: 1px solid var(--ds-color-border-subtle);
  border-radius: 0;
  background: var(--ds-color-background);
  box-shadow: none;
}

/* Same RTL source order and .65rem control rhythm as Category discovery. */
.sf-search-toolbar__controls[b-yc4a7bkmyl] {
  display: flex;
  flex-wrap: wrap;
  gap: .65rem;
  align-items: center;
  justify-content: end;
  min-inline-size: 0;
}

.sf-search-toolbar__query[b-yc4a7bkmyl] {
  display: flex;
  gap: .55rem;
  align-items: center;
  min-inline-size: 0;
}

.sf-search-toolbar__query > span[b-yc4a7bkmyl] {
  flex: 0 0 auto;
  color: var(--ds-color-text-muted);
  font-size: var(--ds-text-2xs);
}

.sf-search-toolbar__query strong[b-yc4a7bkmyl] {
  overflow: hidden;
  min-inline-size: 0;
  max-inline-size: 28rem;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.sf-search-toolbar__query a[b-yc4a7bkmyl] {
  flex: 0 0 auto;
  min-block-size: var(--ds-touch-target);
  color: var(--ds-color-primary);
  font-size: var(--ds-text-xs);
}

.sf-search-view-switch[b-yc4a7bkmyl] {
  display: flex;
  flex: 0 0 auto;
  padding: var(--ds-space-1);
  border: 0;
  border-radius: var(--ds-radius-md);
  background: var(--ds-control-field-surface);
  box-shadow: var(--ds-control-recessed-shadow);
}

.sf-search-view-switch button[b-yc4a7bkmyl] {
  display: inline-flex;
  gap: .4rem;
  align-items: center;
  justify-content: center;
  min-block-size: var(--ds-touch-target);
  padding-inline: var(--ds-space-3);
  border-color: transparent;
  background: transparent;
  box-shadow: none;
  cursor: pointer;
  color: var(--ds-control-ink);
  font-size: var(--ds-text-xs);
  font-weight: 760;
  white-space: nowrap;
}

.sf-search-view-switch button svg[b-yc4a7bkmyl] {
  inline-size: 1rem;
  block-size: 1rem;
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 1.7;
}

.sf-search-view-switch button[aria-pressed="true"][b-yc4a7bkmyl] {
  border-color: color-mix(in srgb, var(--ds-color-primary) 48%, transparent);
  background: var(--ds-control-surface);
  box-shadow: var(--ds-control-recessed-shadow);
  color: var(--ds-color-primary);
  font-weight: 700;
  text-decoration: underline;
  text-underline-offset: .2em;
}

/* Category section-heading scale; the grid below keeps its approved owner. */
.sf-search-results__header[b-yc4a7bkmyl] {
  display: flex;
  gap: var(--ds-space-3);
  align-items: end;
  justify-content: space-between;
  padding-inline: 0;
}

.sf-search-results__header > div[b-yc4a7bkmyl] {
  display: grid;
  gap: var(--ds-space-1);
}

.sf-search-results__header h2[b-yc4a7bkmyl],
.sf-search-results__header p[b-yc4a7bkmyl] {
  margin: 0;
}

.sf-search-results__header h2[b-yc4a7bkmyl] {
  font-family: var(--ds-font-display);
  font-size: clamp(1.3rem, 1.7vw, 1.6rem);
  font-weight: 700;
}

.sf-search-results__header p[b-yc4a7bkmyl] {
  color: var(--ds-color-text-muted);
  font-size: var(--ds-text-xs);
  line-height: 1.7;
}

.sf-search-results__header > p[b-yc4a7bkmyl] {
  max-inline-size: 32rem;
  text-align: end;
}

.sf-search-grid[b-yc4a7bkmyl] {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: clamp(.85rem, 1.4vw, 1.25rem);
  min-inline-size: 0;
  align-items: stretch;
}

.sf-search-grid.is-technical[b-yc4a7bkmyl] {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.sf-search-grid.is-technical[b-yc4a7bkmyl]  .sf-product-card--signature-commerce-v2 {
  display: grid;
  grid-template-columns: 10.625rem minmax(0, 1fr);
  align-items: stretch;
  align-self: stretch;
}

.sf-search-grid.is-technical[b-yc4a7bkmyl]  .sf-product-card--signature-commerce-v2 .sf-product-card__media {
  grid-column: 1;
  grid-row: 1;
  align-self: stretch;
  min-block-size: 13.5rem;
  margin: .65rem;
  margin-inline-end: 0;
  aspect-ratio: auto;
}

.sf-search-grid.is-technical[b-yc4a7bkmyl]  .sf-product-card--signature-commerce-v2 .sf-product-card__image-link {
  inset: .5rem;
}

.sf-search-grid.is-technical[b-yc4a7bkmyl]  .sf-product-card--signature-commerce-v2 .sf-product-card__body {
  grid-column: 2;
  grid-row: 1;
  min-inline-size: 0;
  gap: .2rem;
  padding: .8rem 1rem .8rem .9rem;
}

.sf-search-grid.is-technical[b-yc4a7bkmyl]  .sf-product-card--signature-commerce-v2 h3 {
  font-size: .94rem;
  line-height: 1.55;
}

.sf-search-grid.is-technical[b-yc4a7bkmyl]  .sf-product-card--signature-commerce-v2 .sf-product-card__brand,
.sf-search-grid.is-technical[b-yc4a7bkmyl]  .sf-product-card--signature-commerce-v2 .sf-product-card__descriptor,
.sf-search-grid.is-technical[b-yc4a7bkmyl]  .sf-product-card--signature-commerce-v2 .sf-product-card__code,
.sf-search-grid.is-technical[b-yc4a7bkmyl]  .sf-product-card--signature-commerce-v2 .sf-product-card__code dd,
.sf-search-grid.is-technical[b-yc4a7bkmyl]  .sf-product-card--signature-commerce-v2 .sf-product-card__code bdi {
  font-size: .66rem;
}

.sf-search-grid.is-technical[b-yc4a7bkmyl]  .sf-product-card--signature-commerce-v2 .sf-product-card__commerce {
  grid-template-columns: minmax(0, 1fr) minmax(8.25rem, auto);
  gap: .5rem;
  align-items: end;
  margin: .3rem -.2rem 0;
  padding: .6rem .65rem;
}

.sf-search-grid.is-technical[b-yc4a7bkmyl]  .sf-product-card--signature-commerce-v2 .sf-product-card__purchase-actions {
  align-self: end;
  min-inline-size: 8.25rem;
}

.sf-search-grid.is-technical[b-yc4a7bkmyl]  .sf-product-card--signature-commerce-v2 .sf-card-action {
  min-block-size: 2.55rem;
}

.sf-search-grid.is-technical[b-yc4a7bkmyl]  .sf-product-card--signature-commerce-v2 .sf-price strong {
  font-size: 1.25rem;
}

.sf-search-load[b-yc4a7bkmyl] {
  position: relative;
  overflow: hidden;
  display: flex;
  gap: clamp(1rem, 2.5vw, 2rem);
  align-items: center;
  justify-content: space-between;
  padding: clamp(.9rem, 1.8vw, 1.2rem);
  border-inline-start: 4px solid color-mix(in srgb, var(--search-action-cyan) 72%, var(--search-action-blue));
  border-radius: var(--ds-radius-lg);
  background: linear-gradient(125deg, color-mix(in srgb, var(--ds-color-surface) 88%, var(--search-action-cyan) 12%), color-mix(in srgb, var(--ds-color-surface) 96%, var(--search-action-blue) 4%));
}

.sf-search-load__identity[b-yc4a7bkmyl] {
  display: grid;
  flex: 1 1 28rem;
  gap: .25rem;
  min-inline-size: 0;
}

.sf-search-load__identity > span[b-yc4a7bkmyl] {
  color: var(--ds-color-text-muted);
  font-size: var(--ds-text-2xs);
}

.sf-search-load__kicker[b-yc4a7bkmyl] {
  color: var(--ds-color-primary) !important;
  font-weight: 850;
  letter-spacing: .045em;
}

.sf-search-load__identity strong[b-yc4a7bkmyl] {
  font-family: var(--ds-font-heading);
  font-size: clamp(1.05rem, 1.7vw, 1.3rem);
}

.sf-search-load__track[b-yc4a7bkmyl] {
  overflow: hidden;
  inline-size: min(100%, 28rem);
  block-size: .42rem;
  margin-block-start: .35rem;
  border: 1px solid color-mix(in srgb, var(--ds-color-border) 52%, transparent);
  border-radius: 999px;
  background: color-mix(in srgb, var(--ds-color-surface-subtle) 88%, var(--ds-color-text) 3%);
  box-shadow: inset 2px 2px 5px var(--search-depth-soft), inset -2px -2px 4px var(--search-highlight);
}

.sf-search-load__track > span[b-yc4a7bkmyl] {
  display: block;
  block-size: 100%;
  border-radius: inherit;
  background: linear-gradient(90deg, var(--search-action-cyan), var(--search-action-blue) 58%, var(--search-action-violet));
}

.sf-search-load button[b-yc4a7bkmyl] {
  display: inline-flex;
  gap: .6rem;
  min-inline-size: 12rem;
  justify-content: center;
  border-color: color-mix(in srgb, var(--search-action-blue) 18%, var(--ds-color-border));
  color: var(--ds-color-primary);
  font-weight: 850;
}

.sf-search-load button svg[b-yc4a7bkmyl] {
  inline-size: 1rem;
  block-size: 1rem;
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 1.9;
}

.sf-search-load button:not(:disabled):is(:hover, :focus-visible)[b-yc4a7bkmyl] {
  border-color: color-mix(in srgb, var(--search-action-cyan) 48%, transparent);
  background: linear-gradient(110deg, var(--search-action-cyan), var(--search-action-blue) 56%, var(--search-action-violet));
  box-shadow: 0 8px 18px color-mix(in srgb, var(--search-action-blue) 20%, transparent);
  color: #fff;
}

.sf-search-load button:disabled[b-yc4a7bkmyl] {
  cursor: wait;
  opacity: .65;
}

.sf-search-assist[b-yc4a7bkmyl] {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 1rem;
  align-items: center;
  padding: clamp(1rem, 2vw, 1.25rem);
  border-radius: var(--ds-radius-lg);
  border-inline-start: 3px solid color-mix(in srgb, var(--ds-color-accent) 24%, var(--ds-color-border));
  background: color-mix(in srgb, var(--ds-color-surface) 97%, var(--ds-color-accent) 3%);
}

.sf-search-state[b-yc4a7bkmyl] {
  display: grid;
  justify-items: center;
  min-block-size: 27rem;
  padding: clamp(2rem, 5vw, 3.5rem);
  border-radius: var(--ds-radius-lg);
  text-align: center;
  align-content: center;
  background:
    radial-gradient(circle at 50% 20%, color-mix(in srgb, var(--ds-color-accent) 8%, transparent), transparent 30%),
    var(--ds-color-surface);
}

.sf-search-state .sf-search-state-icon[b-yc4a7bkmyl] {
  inline-size: 6.5rem;
  block-size: 6.5rem;
  margin-block-end: 1rem;
  border-radius: 2rem;
}

.sf-search-state h2[b-yc4a7bkmyl] {
  font-size: clamp(1.45rem, 2.6vw, 2rem);
}

.sf-search-state p[b-yc4a7bkmyl] {
  max-inline-size: 42rem;
}

.sf-search-state .sf-search-state-actions[b-yc4a7bkmyl],
.sf-search-recovery-tips[b-yc4a7bkmyl] {
  justify-content: center;
  margin-block-start: 1rem;
}

.sf-search-state--error[b-yc4a7bkmyl] {
  background:
    radial-gradient(circle at 50% 20%, color-mix(in srgb, var(--ds-color-danger-semantic) 8%, transparent), transparent 30%),
    var(--ds-color-surface);
}

.sf-search-v2 :is(a, button, input):focus-visible[b-yc4a7bkmyl] {
  outline: 3px solid color-mix(in srgb, var(--ds-color-primary) 72%, transparent);
  outline-offset: 3px;
}

/* Category filter language; these hosts own only Search shell/grid geometry. */
.sf-search-v2[b-yc4a7bkmyl],
.sf-plp-drawer[b-yc4a7bkmyl] {
  --plp-highlight: color-mix(in srgb, var(--ds-color-surface-raised) 90%, var(--ds-color-background));
  --plp-depth-soft: color-mix(in srgb, var(--ds-color-text) 8%, transparent);
}
.sf-search-layout__main[b-yc4a7bkmyl] {
  min-inline-size: 0;
}
.sf-plp-pinned[b-yc4a7bkmyl] {
  display: none;
  min-inline-size: 0;
  padding: .875rem;
  border-radius: var(--ds-radius-lg);
}
.sf-plp-pinned > header[b-yc4a7bkmyl],
.sf-plp-drawer > header[b-yc4a7bkmyl],
.sf-plp-drawer > header > div[b-yc4a7bkmyl] {
  display: flex;
  gap: var(--ds-space-3);
  align-items: center;
  justify-content: space-between;
}
.sf-plp-pinned h2[b-yc4a7bkmyl],
.sf-plp-drawer h2[b-yc4a7bkmyl] {
  margin: 0;
  font-size: 1.15rem;
}
.sf-plp-backdrop[b-yc4a7bkmyl] {
  position: fixed;
  z-index: calc(var(--ds-z-modal) - 1);
  inset: 0;
  background: color-mix(in srgb, var(--ds-color-text) 38%, transparent);
}
.sf-plp-drawer[b-yc4a7bkmyl] {
  position: fixed;
  z-index: var(--ds-z-modal);
  inset-block: 0;
  inset-inline-start: 0;
  display: grid;
  align-content: start;
  gap: var(--ds-space-3);
  inline-size: min(26rem, calc(100% - 1rem));
  overflow: auto;
  padding: 1rem 1.125rem;
  border-start-end-radius: var(--ds-radius-lg);
  border-end-end-radius: var(--ds-radius-lg);
}
.sf-plp-drawer[b-yc4a7bkmyl]  .sf-plp-facet {
  padding: .75rem;
  border-block-start: 0;
  border-radius: var(--ds-radius-md);
  background: color-mix(in srgb, var(--ds-color-surface-subtle) 86%, var(--ds-color-surface));
  box-shadow: inset 3px 3px 8px var(--plp-depth-soft), inset -3px -3px 7px var(--plp-highlight);
}
.sf-plp-drawer button:focus-visible[b-yc4a7bkmyl] {
  outline: 3px solid var(--ds-color-primary);
  outline-offset: 3px;
}
@media (max-width: 75rem) {
  .sf-search-grid:not(.is-technical)[b-yc4a7bkmyl] {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
@media (width > 62rem) {
  .sf-search-layout.is-pinned[b-yc4a7bkmyl] {
    display: grid;
    grid-template-columns: 15.5rem minmax(0, 1fr);
    gap: var(--ds-space-3);
    align-items: start;
  }
  .sf-search-layout.is-pinned .sf-plp-pinned[b-yc4a7bkmyl] {
    position: sticky;
    inset-block-start: calc(4.5rem + var(--ds-touch-target) + var(--ds-space-10));
    display: grid;
    gap: var(--ds-space-3);
    max-block-size: calc(100dvh - 4.5rem - var(--ds-touch-target) - var(--ds-space-10));
    overflow: auto;
  }
  .sf-search-layout.is-pinned .sf-search-grid:not(.is-technical)[b-yc4a7bkmyl] {
    grid-template-columns: repeat(auto-fill, minmax(min(100%, 14rem), 1fr));
    gap: var(--ds-space-3);
  }
}
@media (max-width: 62rem) {
  .sf-plp-drawer__pin[b-yc4a7bkmyl] {
    display: none;
  }
}
@media (max-width: 64rem) {
  .sf-search-grid:not(.is-technical)[b-yc4a7bkmyl] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .sf-search-grid.is-technical[b-yc4a7bkmyl] {
    grid-template-columns: 1fr;
  }

  .sf-search-stage__body[b-yc4a7bkmyl],
  .sf-search-assist[b-yc4a7bkmyl] {
    grid-template-columns: minmax(0, 1fr);
  }

  .sf-search-stage__actions[b-yc4a7bkmyl] {
    justify-content: flex-start;
  }
}

@media (max-width: 47.5rem) {
  .sf-search-v2[b-yc4a7bkmyl] {
    padding-block: var(--ds-space-3) var(--ds-space-4);
  }

  .sf-search-stage[b-yc4a7bkmyl] {
    padding: var(--ds-space-3);
    border-radius: var(--ds-radius-md);
  }

  .sf-search-stage h1[b-yc4a7bkmyl] {
    font-size: clamp(1.7rem, 8vw, 2.2rem);
  }

  .sf-search-query[b-yc4a7bkmyl] {
    grid-template-columns: minmax(0, 1fr);
  }

  .sf-search-query[b-yc4a7bkmyl]  .ds-action {
    inline-size: 100%;
  }

  .sf-search-toolbar[b-yc4a7bkmyl] {
    position: static;
    display: flex;
    align-items: stretch;
    flex-direction: column;
  }

  .sf-search-toolbar__query[b-yc4a7bkmyl] {
    flex-wrap: wrap;
  }

  .sf-search-toolbar__query strong[b-yc4a7bkmyl] {
    max-inline-size: min(100%, 18rem);
  }

  .sf-search-view-switch[b-yc4a7bkmyl] {
    flex: 1 1 auto;
    align-self: stretch;
  }

  .sf-search-view-switch button[b-yc4a7bkmyl] {
    flex: 1;
    min-inline-size: 0;
  }

  .sf-search-results__header[b-yc4a7bkmyl] {
    align-items: start;
    flex-direction: column;
  }

  .sf-search-results__header > p[b-yc4a7bkmyl] {
    text-align: start;
  }

  .sf-search-grid:not(.is-technical)[b-yc4a7bkmyl],
  .sf-search-grid.is-technical[b-yc4a7bkmyl] {
    grid-template-columns: 1fr;
  }

  .sf-search-grid.is-technical[b-yc4a7bkmyl]  .sf-product-card--signature-commerce-v2 {
    grid-template-columns: clamp(6.75rem, 29vw, 7rem) minmax(0, 1fr);
  }

  .sf-search-grid.is-technical[b-yc4a7bkmyl]  .sf-product-card--signature-commerce-v2 .sf-product-card__media {
    min-block-size: 0;
    margin: .5rem;
    margin-inline-end: 0;
    aspect-ratio: auto;
  }

  .sf-search-grid.is-technical[b-yc4a7bkmyl]  .sf-product-card--signature-commerce-v2 .sf-product-card__body {
    padding: .7rem .75rem .7rem .65rem;
  }

  .sf-search-grid.is-technical[b-yc4a7bkmyl]  .sf-product-card--signature-commerce-v2 .sf-product-card__commerce {
    grid-template-columns: 1fr;
  }

  .sf-search-grid.is-technical[b-yc4a7bkmyl]  .sf-product-card--signature-commerce-v2 .sf-product-card__purchase-actions {
    min-inline-size: 0;
  }

  .sf-search-load[b-yc4a7bkmyl],
  .sf-search-start[b-yc4a7bkmyl] {
    align-items: stretch;
    flex-direction: column;
  }

  .sf-search-load[b-yc4a7bkmyl] {
    display: flex;
  }

  .sf-search-load button[b-yc4a7bkmyl] {
    inline-size: 100%;
  }

  .sf-search-start[b-yc4a7bkmyl] {
    display: grid;
    grid-template-columns: 1fr;
    justify-items: center;
    text-align: center;
  }

  .sf-search-start .sf-search-state-actions[b-yc4a7bkmyl] {
    justify-content: center;
  }

  .sf-search-loading[b-yc4a7bkmyl] {
    grid-template-columns: auto minmax(0, 1fr);
    min-block-size: 8rem;
  }

  .sf-search-state[b-yc4a7bkmyl] {
    min-block-size: 23rem;
    padding-inline: 1rem;
  }
}

@media (max-width: 28rem) {
  .sf-search-stage__actions[b-yc4a7bkmyl],
  .sf-search-state-actions[b-yc4a7bkmyl] {
    align-items: stretch;
    flex-direction: column;
  }

  .sf-search-stage__actions > *[b-yc4a7bkmyl],
  .sf-search-state-actions > *[b-yc4a7bkmyl] {
    inline-size: 100%;
    justify-content: center;
  }

  .sf-search-query-meta span[b-yc4a7bkmyl] {
    inline-size: 100%;
    justify-content: space-between;
  }

  .sf-search-grid.is-technical[b-yc4a7bkmyl]  .sf-product-card--signature-commerce-v2 {
    grid-template-columns: 6rem minmax(0, 1fr);
  }

  .sf-search-loading[b-yc4a7bkmyl] {
    grid-template-columns: 1fr;
    justify-items: center;
    text-align: center;
  }
}

@media (prefers-reduced-motion: reduce) {
  .sf-search-v2 *[b-yc4a7bkmyl],
  .sf-search-v2 *[b-yc4a7bkmyl]::before,
  .sf-search-v2 *[b-yc4a7bkmyl]::after {
    scroll-behavior: auto !important;
    transition-duration: .01ms !important;
  }
}
/* /Components/Storefront/StorefrontCategoryDiscovery.razor.rz.scp.css */
/* P2-A.1 authority: Home composition only; host owns outer gutter, DS owns palette/fonts/trace/cue. */
/* P2-C: borderless Raised cards; content-driven height and compact square-media rhythm. */
.sf-category-discovery[b-18g1cbn496] {
    --category-raised: linear-gradient(145deg,var(--ds-control-highlight),var(--ds-control-surface));
    --category-recessed: var(--ds-control-field-surface);
    --category-raised-shadow: var(--ds-control-secondary-shadow);
    --category-well-shadow: var(--ds-control-recessed-shadow);
    inline-size: min(100%,85rem);
    container: category-discovery / inline-size;
    min-inline-size: 0;
    margin-inline: auto;
    padding-block: clamp(var(--ds-space-5),2.5cqi,var(--ds-space-8)) clamp(var(--ds-space-6),3cqi,var(--ds-space-10));
}
.sf-category-discovery__heading[b-18g1cbn496] {
    margin-block-end: var(--ds-space-4);
}
.sf-category-discovery__heading h2[b-18g1cbn496] {
    margin: 0;
    font-family: var(--ds-font-display);
    font-weight: 800;
    font-size: clamp(1.65rem,2.5cqi,2.15rem);
    line-height: 1.5;
    letter-spacing: -.025em;
    color: color-mix(in srgb,var(--ds-control-ink) 91%,var(--ds-control-low));
    text-shadow: -1px -1px 1px color-mix(in srgb,var(--ds-control-low) 48%,transparent),1px 1px 0 color-mix(in srgb,var(--ds-control-highlight) 82%,transparent);
}
.sf-category-discovery__heading p[b-18g1cbn496] {
    margin: .5rem 0 0;
    font-size: .875rem;
    line-height: 1.85;
    color: var(--ds-color-text-muted);
}
.sf-category-discovery__grid[b-18g1cbn496] {
    display: grid;
    grid-template-columns: minmax(0,.85fr) minmax(0,1.35fr);
    gap: var(--ds-space-4);
    align-items: start;
}
.sf-category-discovery__standard-grid[b-18g1cbn496] {
    list-style: none;
    padding: 0;
    margin: 0;
    display: grid;
    grid-template-columns: repeat(6,minmax(0,1fr));
    grid-template-rows: auto auto;
    gap: var(--ds-space-3);
    min-inline-size: 0;
}
.sf-category-discovery__standard-grid > .sf-category-discovery__item[b-18g1cbn496] {
    min-inline-size: 0;
    display: flex;
    grid-column: span 2;
}
.sf-category-discovery__standard-grid > .sf-category-discovery__item:nth-child(-n+2)[b-18g1cbn496] {
    grid-column: span 3;
}
.sf-category-card[b-18g1cbn496] {
    position: relative;
    isolation: isolate;
    display: grid;
    min-inline-size: 0;
    inline-size: 100%;
    padding: var(--ds-space-3);
    border: none;
    border-radius: var(--ds-radius-md);
    background: var(--category-raised);
    /* Repeat the same DS light/depth footprint to increase intensity, not blur or spread. */
    box-shadow: var(--category-raised-shadow),var(--category-raised-shadow),var(--ds-shadow-resting);
    color: var(--ds-control-ink);
    text-decoration: none;
    transition: transform 180ms var(--ds-ease-standard),box-shadow 180ms var(--ds-ease-standard);
}
.sf-category-card--featured[b-18g1cbn496] {
    grid-template-rows: auto auto;
    gap: var(--ds-space-4);
    padding: var(--ds-space-5);
    align-content: start;
}
.sf-category-card--standard[b-18g1cbn496] {
    grid-template-columns: minmax(0,1fr);
    grid-template-rows: auto minmax(0,1fr);
    gap: var(--ds-space-3);
    align-items: start;
    padding: var(--ds-space-3);
}
.sf-category-card--standard .sf-category-card__media[b-18g1cbn496] {
    inline-size: min(100%,7rem);
    justify-self: center;
}
.sf-category-discovery__standard-grid > .sf-category-discovery__item:nth-child(-n+2) .sf-category-card__media[b-18g1cbn496] {
    inline-size: min(100%,9.5rem);
}
.sf-category-card--standard .sf-category-card__body[b-18g1cbn496] {
    display: flex;
    flex-direction: column;
    align-items: start;
    gap: var(--ds-space-2);
    block-size: 100%;
}
.sf-category-card--standard h3[b-18g1cbn496] {
    font-size: .95rem;
    line-height: 1.85;
}
.sf-category-discovery__standard-grid > .sf-category-discovery__item:nth-child(-n+2) h3[b-18g1cbn496] {
    font-size: 1.1rem;
}
.sf-category-card__media[b-18g1cbn496] {
    position: relative;
    display: grid;
    place-items: center;
    overflow: hidden;
    inline-size: 100%;
    aspect-ratio: 1 / 1;
    min-inline-size: 0;
    border: none;
    border-radius: var(--ds-radius-media);
    padding: var(--ds-space-2);
    background: var(--category-recessed);
    box-shadow: var(--category-well-shadow);
}
.sf-category-card--featured .sf-category-card__media[b-18g1cbn496] {
    inline-size: min(100%,16rem);
    justify-self: center;
    padding: var(--ds-space-3);
}
.sf-category-card__media[b-18g1cbn496]  img {
    display: block;
    inline-size: 100%;
    block-size: 100%;
    min-inline-size: 0;
    max-inline-size: 100%;
    object-fit: contain;
    border-radius: calc(var(--ds-radius-media) - .25rem);
}
.sf-category-card__body[b-18g1cbn496] {
    min-inline-size: 0;
    position: relative;
    z-index: 2;
}
.sf-category-card__body h3[b-18g1cbn496] {
    margin: 0;
    font-family: var(--ds-font-display);
    font-weight: 700;
    font-size: 1rem;
    line-height: 1.8;
    text-wrap: pretty;
}
.sf-category-card--featured .sf-category-card__body[b-18g1cbn496] {
    display: flex;
    flex-direction: column;
    align-items: start;
}
.sf-category-card--featured h3[b-18g1cbn496] {
    font-size: clamp(1.3rem,1.8cqi,1.65rem);
    line-height: 1.75;
}
.sf-category-card__body p[b-18g1cbn496] {
    margin: var(--ds-space-2) 0 0;
    font-size: .8rem;
    line-height: 1.75;
    color: var(--ds-color-text-muted);
    max-inline-size: 43ch;
}
.sf-category-card__action[b-18g1cbn496] {
    position: relative;
    display: inline-flex;
    flex: 0 0 auto;
    align-items: center;
    gap: .5rem;
    inline-size: fit-content;
    max-inline-size: 100%;
    min-block-size: 44px;
    padding: .5rem .75rem;
    border: 1px solid color-mix(in srgb,var(--ds-control-highlight) 75%,var(--ds-color-border));
    border-radius: var(--ds-control-radius);
    background: var(--category-raised);
    box-shadow: var(--category-raised-shadow);
    font-size: .75rem;
    font-weight: 600;
    line-height: 1.5;
    white-space: nowrap;
    color: var(--ds-color-primary);
    transition: box-shadow 180ms var(--ds-ease-standard),transform 180ms var(--ds-ease-standard);
}
.sf-category-card--featured .sf-category-card__action[b-18g1cbn496] {
    margin-block-start: var(--ds-space-3);
}
.sf-category-card--standard .sf-category-card__action[b-18g1cbn496] {
    margin-block-start: auto;
}
.sf-category-card__action[b-18g1cbn496]  .sf-navigation-cue {
    inline-size: 1rem;
    block-size: 1rem;
    opacity: .7;
}
.sf-category-card:is(:hover,:focus-visible) .sf-category-card__action[b-18g1cbn496] {
    border-color: color-mix(in srgb,var(--ds-color-primary) 30%,var(--ds-color-border));
    box-shadow: var(--ds-control-action-shadow);
    transform: translateY(-1px);
}
.sf-category-card:focus-visible .sf-category-card__action[b-18g1cbn496] {
    outline: 2px solid var(--ds-color-primary);
    outline-offset: 2px;
}
.sf-category-card:active .sf-category-card__action[b-18g1cbn496] {
    transform: none;
    background: var(--category-recessed);
    box-shadow: var(--category-well-shadow);
}
.sf-category-card:focus-visible[b-18g1cbn496] {
    outline: 3px solid var(--ds-color-primary);
    outline-offset: 4px;
}
.sf-category-card:is(:hover,:focus-visible)[b-18g1cbn496] {
    --sf-navigation-cue-opacity: .92;
    --sf-navigation-cue-travel: 2px;
    --ds-electric-opacity: .28;
    transform: translateY(-2px);
    box-shadow: var(--category-raised-shadow),var(--category-raised-shadow),var(--ds-shadow-resting);
}
.sf-category-card:is(:hover,:focus-visible) h3[b-18g1cbn496] {
    color: var(--ds-color-primary);
}
.sf-category-card:active[b-18g1cbn496] {
    transform: none;
    background: var(--category-recessed);
    box-shadow: var(--category-well-shadow);
}
.sf-category-card[b-18g1cbn496]  .ds-field-trace {
    border-radius: inherit;
    z-index: 1;
}
.sf-category-card[b-18g1cbn496]  .ds-field-trace rect {
    display: none;
    animation-iteration-count: 1;
    animation-play-state: paused;
}
.sf-category-card:is(:hover,:focus-visible)[b-18g1cbn496]  .ds-field-trace rect {
    display: revert;
    animation-play-state: running;
}
@container category-discovery (max-width:63.999rem) {
    .sf-category-discovery__grid[b-18g1cbn496] {
        grid-template-columns: minmax(0,1fr);
    }
    .sf-category-card--featured[b-18g1cbn496] {
        grid-template-columns: 12rem minmax(0,1fr);
        grid-template-rows: auto;
        align-items: center;
        gap: var(--ds-space-5);
    }
    .sf-category-card--featured .sf-category-card__media[b-18g1cbn496] {
        inline-size: 100%;
    }
    .sf-category-discovery__standard-grid[b-18g1cbn496] {
        grid-template-rows: auto auto;
    }
    .sf-category-discovery__standard-grid > .sf-category-discovery__item:nth-child(-n+2) .sf-category-card--standard[b-18g1cbn496] {
        grid-template-columns: 8rem minmax(0,1fr);
        grid-template-rows: auto;
        align-items: center;
    }
    .sf-category-discovery__standard-grid > .sf-category-discovery__item:nth-child(-n+2) .sf-category-card__media[b-18g1cbn496] {
        inline-size: 100%;
    }
    .sf-category-discovery__standard-grid > .sf-category-discovery__item:nth-child(-n+2) .sf-category-card__body[b-18g1cbn496] {
        justify-content: center;
        gap: var(--ds-space-2);
    }
    .sf-category-discovery__standard-grid > .sf-category-discovery__item:nth-child(-n+2) .sf-category-card__action[b-18g1cbn496] {
        margin-block-start: 0;
    }
}
@container category-discovery (max-width:47.999rem) {
    .sf-category-discovery__heading h2[b-18g1cbn496] {
        font-size: 1.6rem;
        line-height: 1.65;
    }
    .sf-category-discovery__heading p[b-18g1cbn496] {
        font-size: .78rem;
        max-inline-size: 34ch;
    }
    .sf-category-card--featured[b-18g1cbn496] {
        grid-template-columns: minmax(0,1fr) minmax(0,1.1fr);
        gap: var(--ds-space-3);
        padding: var(--ds-space-3);
    }
    .sf-category-card--featured h3[b-18g1cbn496] {
        font-size: 1.13rem;
        line-height: 1.85;
    }
    .sf-category-card--featured .sf-category-card__body p[b-18g1cbn496] {
        display: none;
    }
    .sf-category-discovery__standard-grid[b-18g1cbn496] {
        grid-template-columns: repeat(2,minmax(0,1fr));
        gap: var(--ds-space-3);
    }
    .sf-category-discovery__standard-grid > .sf-category-discovery__item[b-18g1cbn496],.sf-category-discovery__standard-grid > .sf-category-discovery__item:nth-child(-n+2)[b-18g1cbn496] {
        grid-column: span 1;
    }
    .sf-category-discovery__standard-grid > .sf-category-discovery__item:last-child[b-18g1cbn496] {
        grid-column: 1 / -1;
    }
    .sf-category-card--standard[b-18g1cbn496],.sf-category-discovery__standard-grid > .sf-category-discovery__item:nth-child(-n+2) .sf-category-card--standard[b-18g1cbn496] {
        grid-template-columns: minmax(0,1fr);
        grid-template-rows: auto minmax(0,1fr);
        align-items: start;
        gap: var(--ds-space-3);
        padding: var(--ds-space-3);
    }
    .sf-category-card--standard .sf-category-card__media[b-18g1cbn496],.sf-category-discovery__standard-grid > .sf-category-discovery__item:nth-child(-n+2) .sf-category-card__media[b-18g1cbn496] {
        inline-size: min(100%,6.5rem);
    }
    .sf-category-card--standard h3[b-18g1cbn496],.sf-category-discovery__standard-grid > .sf-category-discovery__item:nth-child(-n+2) h3[b-18g1cbn496] {
        font-size: .88rem;
        line-height: 1.9;
    }
    .sf-category-card--standard .sf-category-card__body[b-18g1cbn496],.sf-category-discovery__standard-grid > .sf-category-discovery__item:nth-child(-n+2) .sf-category-card__body[b-18g1cbn496] {
        justify-content: space-between;
        gap: var(--ds-space-2);
    }
    .sf-category-card--standard .sf-category-card__action[b-18g1cbn496] {
        margin-block-start: auto;
    }
    .sf-category-card__action[b-18g1cbn496] {
        padding-inline: .6rem;
        gap: .4rem;
        font-size: .7rem;
    }
    .sf-category-discovery__standard-grid > .sf-category-discovery__item:last-child .sf-category-card--standard[b-18g1cbn496] {
        grid-template-columns: 6.5rem minmax(0,1fr);
        grid-template-rows: auto;
        align-items: center;
        gap: var(--ds-space-3);
        padding: var(--ds-space-3);
    }
    .sf-category-discovery__standard-grid > .sf-category-discovery__item:last-child .sf-category-card__body[b-18g1cbn496] {
        block-size: auto;
        gap: var(--ds-space-2);
    }
}
@media (prefers-reduced-motion:reduce) {
    .sf-category-card:is(:hover,:focus-visible)[b-18g1cbn496] {
        transform: none;
    }
    .sf-category-card[b-18g1cbn496],.sf-category-card .sf-category-card__action[b-18g1cbn496],.sf-category-card[b-18g1cbn496]  .ds-field-trace,.sf-category-card[b-18g1cbn496]  .sf-navigation-cue {
        transition: none;
    }
    .sf-category-card[b-18g1cbn496]  .ds-field-trace rect {
        animation: none!important;
    }
    .sf-category-card:is(:hover,:focus-visible) .sf-category-card__action[b-18g1cbn496] {
        transform: none;
    }
}
@media (forced-colors:active) {
    .sf-category-card[b-18g1cbn496] {
        border: 1px solid LinkText;
    }
    .sf-category-card__media[b-18g1cbn496] {
        border: 1px solid CanvasText;
    }
    .sf-category-card:focus-visible[b-18g1cbn496] {
        outline-color: Highlight;
    }
}

/* List wrappers stretch the single native anchor; generated image fragments need deep selectors. */
.sf-category-discovery__item[b-18g1cbn496] {
    display: flex;
    min-inline-size: 0;
}
.sf-category-discovery[b-18g1cbn496],
.sf-category-discovery *[b-18g1cbn496] {
    box-sizing: border-box;
}
.sf-category-card__media[b-18g1cbn496]  .sf-category-card__placeholder {
    color: var(--ds-color-text-muted);
    font-size: 3rem;
}
/* Existing identity hooks keep missing categories from renumbering the sequence.
   Physical travel clears the viewport plus the whole card; Home canvas owns clipping. */
.sf-category-card[b-18g1cbn496] {
    --category-entry-x: calc(-100vw - 100% - var(--ds-space-4));
}
.sf-category-card[aria-labelledby="home-category-10049"][b-18g1cbn496] {
    --category-entry-index: 0;
    --category-entry-x: calc(100vw + 100% + var(--ds-space-4));
}
.sf-category-card[aria-labelledby="home-category-10043"][b-18g1cbn496] {
    --category-entry-index: 1;
}
.sf-category-card[aria-labelledby="home-category-10035"][b-18g1cbn496] {
    --category-entry-index: 2;
}
.sf-category-card[aria-labelledby="home-category-10034"][b-18g1cbn496] {
    --category-entry-index: 3;
}
.sf-category-card[aria-labelledby="home-category-10033"][b-18g1cbn496] {
    --category-entry-index: 4;
}
.sf-category-card[aria-labelledby="home-category-10037"][b-18g1cbn496] {
    --category-entry-index: 5;
}
/* Only prepared cards hide; static SSR stays readable. Backwards fill holds each
   card offscreen during its delay, then releases transform for existing hover/focus. */
.sf-category-discovery[data-home-motion-state="waiting"] .sf-category-card[b-18g1cbn496] {
    opacity: 0;
    transform: translate3d(var(--category-entry-x),6px,0);
}
.sf-category-discovery[data-home-motion-state="ready"] .sf-category-card[b-18g1cbn496] {
    animation: sf-category-enter-b-18g1cbn496 620ms var(--ds-ease-enter) calc(100ms + var(--category-entry-index) * 240ms) backwards;
}
@keyframes sf-category-enter-b-18g1cbn496 {
    from {
        opacity: 0;
        transform: translate3d(var(--category-entry-x),6px,0);
    }
    to {
        opacity: 1;
        transform: none;
    }
}
@media (prefers-reduced-motion: reduce) {
    .sf-category-discovery[data-home-motion-state] .sf-category-card[b-18g1cbn496] {
        animation: none;
        animation-delay: 0s;
        transition: none;
        transform: none;
        opacity: 1;
    }
}

/* Missing 10049 leaves the real supporting set intact; no other identity becomes dominant. */
.sf-category-discovery__standard-grid:only-child[b-18g1cbn496] {
    grid-column: 1 / -1;
}

/* P2-D.2: heading action only; approved card geometry, material and motion above are frozen. */
.sf-category-discovery__heading:has(.sf-category-discovery__view-all)[b-18g1cbn496] {
    display: grid;
    grid-template-columns: minmax(0,1fr) auto;
    align-items: center;
    column-gap: var(--ds-space-4);
}
.sf-category-discovery__heading:has(.sf-category-discovery__view-all) :is(h2,p)[b-18g1cbn496] {
    grid-column: 1;
}
.sf-category-discovery__view-all[b-18g1cbn496] {
    grid-column: 2;
    grid-row: 1 / span 2;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: var(--ds-space-2);
    min-block-size: 44px;
    max-inline-size: 100%;
    padding: var(--ds-space-2) var(--ds-space-3);
    border: 1px solid color-mix(in srgb,var(--ds-control-highlight) 75%,var(--ds-color-border));
    border-radius: var(--ds-control-radius);
    background: var(--category-raised);
    box-shadow: var(--category-raised-shadow);
    color: var(--ds-color-primary);
    font-size: .8rem;
    font-weight: 600;
    line-height: 1.8;
    text-decoration: none;
}
.sf-category-discovery__view-all:focus-visible[b-18g1cbn496] {
    outline: 2px solid var(--ds-color-primary);
    outline-offset: 4px;
}
@container category-discovery (max-width:47.999rem) {
    .sf-category-discovery__heading:has(.sf-category-discovery__view-all)[b-18g1cbn496] {
        grid-template-columns: minmax(0,1fr);
        row-gap: var(--ds-space-3);
    }
    .sf-category-discovery__view-all[b-18g1cbn496] {
        grid-column: 1;
        grid-row: auto;
        justify-self: start;
    }
}
/* /Components/Storefront/StorefrontCategoryExplorer.razor.rz.scp.css */
/* Ownership: Explorer composition only; DS owns fonts, palette, trace/cue and material roles. */
.sf-category-explorer[b-4dmqb33428] {
    --explorer-raised: linear-gradient(145deg, var(--ds-control-highlight), var(--ds-control-surface));
    --explorer-header-offset: 0px;
    min-inline-size: 0;
    padding-block: var(--ds-space-6) var(--ds-space-10);
}
.sf-category-explorer[b-4dmqb33428],
.sf-category-explorer *[b-4dmqb33428] {
    box-sizing: border-box;
}
.sf-category-explorer__intro[b-4dmqb33428] {
    margin-block-end: var(--ds-space-5);
}
/* Existing category-page Signature Display pattern: Estedad and semantic deboss. */
.sf-category-explorer__intro h1[b-4dmqb33428] {
    margin: 0;
    font-family: var(--ds-font-display);
    font-weight: 850;
    font-size: clamp(2.3rem, 3.55vw, 3.35rem);
    line-height: 1.35;
    letter-spacing: -.04em;
    color: color-mix(in srgb, var(--ds-control-ink) 91%, var(--ds-control-low));
    text-shadow: -1px -1px 1px color-mix(in srgb, var(--ds-control-low) 48%, transparent), 1px 1px 0 color-mix(in srgb, var(--ds-control-highlight) 82%, transparent);
    text-wrap: balance;
    overflow-wrap: anywhere;
}
.sf-category-explorer__intro p[b-4dmqb33428] {
    margin-block: var(--ds-space-3) 0;
    color: var(--ds-color-text-muted);
    line-height: 1.85;
}
/* Only path sibling cohorts and the active direct children enter this layout. */
.sf-category-explorer__level[b-4dmqb33428] {
    min-inline-size: 0;
    margin-block-start: var(--ds-space-5);
}
.sf-category-explorer__level h2[b-4dmqb33428] {
    margin: 0;
    font-family: var(--ds-font-display);
    font-size: 1.1rem;
    font-weight: 700;
    line-height: 1.8;
    overflow-wrap: anywhere;
}
.sf-category-explorer__level-heading[b-4dmqb33428] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: var(--ds-space-3);
    margin-block-end: var(--ds-space-4);
}
.sf-category-explorer__level-heading h2[b-4dmqb33428] {
    scroll-margin-block-start: calc(var(--explorer-header-offset) + var(--ds-space-4));
}
.sf-category-explorer__cohort[b-4dmqb33428] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: var(--ds-space-4);
    min-inline-size: 0;
}
.sf-category-explorer__item[b-4dmqb33428] {
    display: flex;
    min-inline-size: 0;
}
/* One full/mini material family, harmonized to approved Home Raised and Recessed roles. */
.sf-explorer-card[b-4dmqb33428] {
    position: relative;
    isolation: isolate;
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: var(--ds-space-3);
    align-content: start;
    align-items: center;
    inline-size: 100%;
    min-inline-size: 0;
    padding: var(--ds-space-4);
    border-radius: var(--ds-radius-md);
    background: var(--explorer-raised);
    box-shadow: var(--ds-control-secondary-shadow), var(--ds-control-secondary-shadow), var(--ds-shadow-resting);
    color: var(--ds-control-ink);
    text-decoration: none;
    transition: box-shadow 180ms var(--ds-ease-standard), transform 180ms var(--ds-ease-standard);
}
.sf-explorer-card__media[b-4dmqb33428] {
    display: grid;
    place-items: center;
    grid-column: 1 / -1;
    justify-self: center;
    inline-size: min(100%, 11rem);
    aspect-ratio: 1;
    overflow: hidden;
    padding: var(--ds-space-2);
    border-radius: var(--ds-radius-media);
    background: var(--ds-control-field-surface);
    box-shadow: var(--ds-control-recessed-shadow);
}
.sf-explorer-card__media[b-4dmqb33428]  img {
    display: block;
    inline-size: 100%;
    block-size: 100%;
    object-fit: contain;
}
.sf-explorer-card__copy[b-4dmqb33428] {
    display: grid;
    gap: var(--ds-space-1);
    min-inline-size: 0;
}
.sf-explorer-card__copy strong[b-4dmqb33428] {
    font-family: var(--ds-font-display);
    font-size: 1.1rem;
    font-weight: 700;
    line-height: 1.8;
    overflow-wrap: anywhere;
}
.sf-explorer-card__detail[b-4dmqb33428],
.sf-explorer-card__selected[b-4dmqb33428] {
    color: var(--ds-color-text-muted);
    font-size: .75rem;
    line-height: 1.8;
}
.sf-explorer-card[b-4dmqb33428]  .sf-navigation-cue {
    inline-size: 1rem;
    block-size: 1rem;
}
/* Mini is true compact layout, not a transform of the full card. */
.is-mini.sf-category-explorer__level > h2[b-4dmqb33428] {
    margin-block-end: var(--ds-space-2);
    font-size: .875rem;
    color: var(--ds-color-text-muted);
}
.is-mini.sf-category-explorer__level > .sf-category-explorer__cohort[b-4dmqb33428] {
    grid-template-columns: repeat(auto-fit, minmax(12rem, 1fr));
    gap: var(--ds-space-3);
}
.sf-explorer-card.is-mini[b-4dmqb33428] {
    grid-template-columns: 3rem minmax(0, 1fr) auto;
    gap: var(--ds-space-2);
    padding: var(--ds-space-3);
    align-content: center;
}
.sf-explorer-card.is-mini .sf-explorer-card__media[b-4dmqb33428] {
    grid-column: auto;
    inline-size: 3rem;
    padding: var(--ds-space-1);
}
.sf-explorer-card.is-mini strong[b-4dmqb33428] {
    font-size: .8rem;
    line-height: 1.8;
}
.sf-explorer-card.is-selected[b-4dmqb33428] {
    background: linear-gradient(145deg, var(--ds-control-highlight), color-mix(in srgb, var(--ds-color-primary) 8%, var(--ds-control-surface)));
    box-shadow: var(--ds-control-action-shadow), var(--ds-shadow-resting);
}
.sf-explorer-card.is-selected .sf-explorer-card__selected[b-4dmqb33428] {
    color: var(--ds-color-primary);
    font-weight: 700;
}
/* Existing material navigation/section-action language, subordinate to the heading. */
.sf-category-explorer__action[b-4dmqb33428] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: var(--ds-space-2);
    min-block-size: 44px;
    max-inline-size: 100%;
    padding: var(--ds-space-2) var(--ds-space-3);
    border: 1px solid color-mix(in srgb, var(--ds-control-highlight) 75%, var(--ds-color-border));
    border-radius: var(--ds-control-radius);
    background: var(--explorer-raised);
    box-shadow: var(--ds-control-secondary-shadow);
    color: var(--ds-color-primary);
    font-size: .8rem;
    font-weight: 600;
    line-height: 1.8;
    text-decoration: none;
}
.sf-category-explorer__context[b-4dmqb33428] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: var(--ds-space-3);
    margin-block-start: var(--ds-space-5);
    padding: var(--ds-space-4);
    border-radius: var(--ds-radius-md);
    background: var(--ds-control-field-surface);
    box-shadow: var(--ds-control-recessed-shadow);
}
.sf-category-explorer__context > div[b-4dmqb33428] {
    flex: 1 1 16rem;
    min-inline-size: 0;
    overflow-wrap: anywhere;
}
.sf-category-explorer__context strong[b-4dmqb33428] {
    margin-inline-end: var(--ds-space-3);
}
.sf-category-explorer__context span[b-4dmqb33428],
.sf-category-explorer__context p[b-4dmqb33428] {
    color: var(--ds-color-text-muted);
    font-size: .8rem;
    line-height: 1.8;
}
.sf-category-explorer__context p[b-4dmqb33428] {
    margin-block: var(--ds-space-2) 0;
    max-inline-size: 70ch;
}
/* Canonical trace geometry/keyframes stay in DsElectricTrace; no persistent selected loop. */
.sf-explorer-card[b-4dmqb33428]  .ds-field-trace rect {
    display: none;
    animation-iteration-count: 1;
    animation-play-state: paused;
}
.sf-explorer-card:is(:hover, :focus-visible)[b-4dmqb33428]  .ds-field-trace rect {
    display: revert;
    animation-play-state: running;
}
.sf-explorer-card:is(:hover, :focus-visible)[b-4dmqb33428] {
    --ds-electric-opacity: .28;
    --sf-navigation-cue-opacity: .92;
    --sf-navigation-cue-travel: 2px;
    transform: translateY(-2px);
}
.sf-explorer-card:focus-visible[b-4dmqb33428],
.sf-category-explorer__action:focus-visible[b-4dmqb33428],
.sf-category-explorer__level-heading h2:focus-visible[b-4dmqb33428] {
    outline: 2px solid var(--ds-color-primary);
    outline-offset: 4px;
}
/* Structural entry only: CSS delay is capped at 504ms; static SSR is always readable. */
.sf-category-explorer:not([data-explorer-depth="0"]) .is-full .sf-category-explorer__item[b-4dmqb33428] {
    animation: sf-explorer-enter-b-4dmqb33428 380ms var(--ds-ease-enter) var(--explorer-entry-delay) backwards;
}
@keyframes sf-explorer-enter-b-4dmqb33428 {
    from {
        opacity: 0;
        transform: translateY(18px) scale(.985);
    }
    to {
        opacity: 1;
        transform: none;
    }
}
/* Responsive composition: four roots at wide widths; mini cohorts wrap until touch strips are needed. */
@media (max-width: 74.999rem) {
    .is-full .sf-category-explorer__cohort[b-4dmqb33428] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}
@media (max-width: 56.249rem) {
    .is-full .sf-category-explorer__cohort[b-4dmqb33428] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}
@media (max-width: 37.499rem) {
    .is-full .sf-category-explorer__cohort[b-4dmqb33428] {
        grid-template-columns: minmax(0, 1fr);
    }
    .is-mini.sf-category-explorer__level > .sf-category-explorer__cohort[b-4dmqb33428] {
        display: flex;
        overflow-x: auto;
        overscroll-behavior-inline: contain;
        padding: var(--ds-space-3);
        scrollbar-width: thin;
    }
    .is-mini .sf-category-explorer__item[b-4dmqb33428] {
        flex: 0 0 14rem;
    }
    .sf-category-explorer__context .sf-category-explorer__action[b-4dmqb33428] {
        inline-size: 100%;
    }
}
/* Accessibility: immediate stable hierarchy, no delayed/hidden waiting content. */
@media (prefers-reduced-motion: reduce) {
    .sf-category-explorer[data-explorer-depth] .is-full .sf-category-explorer__item[b-4dmqb33428] {
        animation: none;
        animation-delay: 0s;
        opacity: 1;
        transform: none;
    }
    .sf-explorer-card[b-4dmqb33428] {
        transition: none;
    }
    .sf-explorer-card:is(:hover, :focus-visible)[b-4dmqb33428] {
        transform: none;
    }
    .sf-explorer-card[b-4dmqb33428]  .ds-field-trace rect {
        animation: none !important;
    }
}
@media (forced-colors: active) {
    .sf-explorer-card[b-4dmqb33428],
    .sf-category-explorer__context[b-4dmqb33428] {
        border: 1px solid CanvasText;
    }
    .sf-explorer-card.is-selected[b-4dmqb33428] {
        outline: 2px solid Highlight;
    }
}
/* /Components/Storefront/StorefrontCategoryListing.razor.rz.scp.css */
.sf-catalog-listing--v4[b-9s182iq9vb] {
  /* The Header variable is component-scoped, so mirror its canonical compact 4.5rem stack here. */
  --sf-plp-sticky-offset: calc(4.5rem + var(--ds-space-3));
  --plp-highlight: color-mix(in srgb, var(--ds-color-surface-raised) 90%, var(--ds-color-background));
  --plp-depth: color-mix(in srgb, var(--ds-color-text) 14%, transparent);
  --plp-depth-soft: color-mix(in srgb, var(--ds-color-text) 8%, transparent);
  position: relative;
  isolation: isolate;
  display: grid;
  gap: clamp(.75rem, 1.2vw, 1.125rem);
  padding-block: clamp(.75rem, 1.5vw, 1.5rem);
}

.sf-catalog-listing--v4[b-9s182iq9vb]::before {
  position: absolute;
  z-index: -2;
  inset-block: 0;
  inset-inline: calc(var(--ds-page-gutter) * -1);
  background:
    radial-gradient(ellipse 72% 14% at 88% 6%, color-mix(in srgb, var(--ds-color-primary) 6%, transparent), transparent 72%),
    radial-gradient(ellipse 48% 11% at 12% 10%, color-mix(in srgb, var(--ds-color-accent) 3%, transparent), transparent 70%),
    radial-gradient(ellipse 72% 13% at 76% 31%, color-mix(in srgb, var(--ds-color-accent) 4%, transparent), transparent 74%),
    radial-gradient(ellipse 82% 24% at 12% 63%, color-mix(in srgb, var(--ds-color-secondary) 4%, transparent), transparent 72%),
    linear-gradient(180deg, color-mix(in srgb, var(--ds-color-background) 96%, var(--ds-color-primary)) 0%, var(--ds-color-background) 24%, color-mix(in srgb, var(--ds-color-background) 98%, var(--ds-color-accent)) 39%, color-mix(in srgb, var(--ds-color-background) 97%, var(--ds-color-secondary)) 68%, var(--ds-color-background) 100%);
  content: "";
  pointer-events: none;
}

/* Design Lab's generic .sf-container > section rhythm must not leak into the PLP grid. */
.sf-catalog-listing--v4 > :is(.sf-plp-family, .sf-plp-discovery, .sf-plp-results)[b-9s182iq9vb] { margin-block: 0; }

.sf-plp-surface[b-9s182iq9vb] { border: 1px solid color-mix(in srgb, var(--ds-color-border) 58%, transparent); background: var(--ds-color-surface); }
.sf-plp-surface--raised[b-9s182iq9vb] {
  box-shadow: -6px -6px 14px color-mix(in srgb, var(--plp-highlight) 82%, transparent), 8px 10px 22px var(--plp-depth),
    inset 1px 1px 0 var(--plp-highlight), inset -1px -1px 0 var(--plp-depth-soft);
}

.sf-plp-surface--recessed[b-9s182iq9vb] { background: color-mix(in srgb, var(--ds-color-surface-subtle) 82%, var(--ds-color-surface)); box-shadow: inset 4px 4px 10px var(--plp-depth-soft), inset -4px -4px 9px var(--plp-highlight); }

.sf-plp-context[b-9s182iq9vb] {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  min-block-size: 9rem;
  padding: clamp(1rem, 2vw, 1.6rem);
  border-radius: var(--ds-radius-lg);
}

.sf-plp-context[b-9s182iq9vb]::before {
  position: absolute;
  z-index: -1;
  inset: 0;
  background: radial-gradient(circle at 8% 10%, color-mix(in srgb, var(--ds-color-secondary) 18%, transparent), transparent 42%),
    radial-gradient(circle at 92% 88%, color-mix(in srgb, var(--ds-color-accent) 16%, transparent), transparent 42%);
  content: "";
  pointer-events: none;
}

.sf-plp-breadcrumb ol[b-9s182iq9vb] {
  display: flex;
  flex-wrap: wrap;
  gap: .35rem;
  margin: 0 0 .625rem;
  padding: 0;
  color: var(--ds-color-text-muted);
  font-size: var(--ds-text-2xs);
  list-style: none;
}

.sf-plp-breadcrumb li + li[b-9s182iq9vb]::before { margin-inline-end: .35rem; content: "‹"; }
.sf-plp-breadcrumb [aria-current="page"][b-9s182iq9vb] { color: var(--ds-color-text); font-weight: 700; }
.sf-plp-context__body[b-9s182iq9vb] { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: clamp(.875rem, 2vw, 2rem); align-items: end; }
.sf-plp-context__copy[b-9s182iq9vb] { max-inline-size: 60rem; }
.sf-plp-context__kicker[b-9s182iq9vb] { color: var(--ds-color-primary); font-size: var(--ds-text-xs); font-weight: 760; }

.sf-plp-context h1[b-9s182iq9vb] {
  margin: .35rem 0 0;
  color: var(--ds-color-text);
  font-family: var(--ds-font-display);
  font-size: clamp(1.9rem, 3.35vw, 2.6rem);
  line-height: 1.28;
}

.sf-plp-context__copy p[b-9s182iq9vb] { max-inline-size: 70ch; margin: .45rem 0 0; color: var(--ds-color-text-muted); line-height: 1.75; }
.sf-plp-context__actions[b-9s182iq9vb] { display: flex; flex-wrap: wrap; gap: .5rem; align-items: center; }

.sf-plp-count[b-9s182iq9vb],
.sf-plp-assistant[b-9s182iq9vb],
.sf-plp-filter-master[b-9s182iq9vb],
.sf-plp-choice[b-9s182iq9vb],
.sf-plp-view-switch button[b-9s182iq9vb],
.sf-plp-applied button[b-9s182iq9vb],
.sf-plp-sort select[b-9s182iq9vb],
.sf-plp-pinned button[b-9s182iq9vb],
.sf-plp-drawer button[b-9s182iq9vb],
.sf-plp-load-more button[b-9s182iq9vb],
.sf-plp-compare button[b-9s182iq9vb] {
  min-block-size: var(--ds-touch-target);
  border: 1px solid color-mix(in srgb, var(--ds-color-border) 68%, transparent);
  border-radius: var(--ds-radius-control);
  background: linear-gradient(145deg, var(--plp-highlight), var(--ds-color-surface-subtle));
  box-shadow: -3px -3px 7px var(--plp-highlight), 4px 5px 9px var(--plp-depth-soft), inset 1px 1px 0 var(--plp-highlight);
  color: var(--ds-color-text);
  font: inherit;
}

.sf-plp-count[b-9s182iq9vb] { display: inline-flex; gap: .35rem; align-items: baseline; padding-inline: 1rem; }
.sf-plp-count strong[b-9s182iq9vb] { font-size: 1.2rem; }
.sf-plp-assistant[b-9s182iq9vb],
.sf-plp-filter-master[b-9s182iq9vb] { display: inline-flex; gap: .5rem; align-items: center; padding-inline: 1rem; color: var(--ds-color-primary); cursor: pointer; font-weight: 730; }
.sf-plp-context__skeleton[b-9s182iq9vb] { display: block; inline-size: min(42rem, 84%); block-size: 1rem; margin-block: .8rem; border-radius: 999px; background: var(--ds-color-surface-strong); box-shadow: inset 2px 2px 5px var(--plp-depth-soft); }
.sf-plp-context__skeleton--short[b-9s182iq9vb] { inline-size: 11rem; }
.sf-plp-context__skeleton--title[b-9s182iq9vb] { inline-size: min(24rem, 64%); block-size: 2.8rem; }

.sf-plp-family[b-9s182iq9vb] {
  padding: .875rem;
  border-radius: var(--ds-radius-lg);
  background: radial-gradient(circle at 10% 20%, color-mix(in srgb, var(--ds-color-secondary) 11%, transparent), transparent 36%), var(--ds-color-surface);
}

.sf-plp-family > header[b-9s182iq9vb] { display: flex; gap: 1rem; align-items: baseline; justify-content: space-between; margin-block-end: .625rem; }
.sf-plp-family :is(h2, p)[b-9s182iq9vb] { margin: 0; }
.sf-plp-family h2[b-9s182iq9vb] { font-size: 1rem; }
.sf-plp-family p[b-9s182iq9vb],
.sf-plp-family__item small[b-9s182iq9vb] { color: var(--ds-color-text-muted); font-size: var(--ds-text-2xs); }
.sf-plp-family__rail[b-9s182iq9vb] { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: .625rem; }

.sf-plp-family__item[b-9s182iq9vb] {
  display: flex;
  gap: .7rem;
  align-items: center;
  min-inline-size: 0;
  min-block-size: 4.75rem;
  padding: .625rem;
  border-radius: var(--ds-radius-md);
  background: linear-gradient(145deg, var(--plp-highlight), var(--ds-color-surface-subtle));
  box-shadow: -3px -3px 7px var(--plp-highlight), 4px 5px 10px var(--plp-depth-soft);
  color: var(--ds-color-text);
  text-decoration: none;
}

.sf-plp-family__media[b-9s182iq9vb] { display: grid; flex: 0 0 auto; place-items: center; inline-size: 2.75rem; block-size: 2.75rem; border-radius: var(--ds-radius-sm); box-shadow: inset 3px 3px 7px var(--plp-depth-soft), inset -3px -3px 6px var(--plp-highlight); color: var(--ds-color-primary); }
.sf-plp-family__media img[b-9s182iq9vb] { inline-size: 100%; block-size: 100%; border-radius: inherit; object-fit: cover; }
.sf-plp-family__item span:last-child[b-9s182iq9vb] { display: grid; min-inline-size: 0; }
.sf-plp-family__item strong[b-9s182iq9vb] { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.sf-plp-discovery[b-9s182iq9vb] {
  overflow: hidden;
  padding: .625rem;
  border-radius: var(--ds-radius-md);
  background: radial-gradient(circle at 100% 0, color-mix(in srgb, var(--ds-color-accent) 12%, transparent), transparent 42%),
    color-mix(in srgb, var(--ds-color-surface) 95%, var(--ds-color-primary));
}

.sf-plp-discovery__main[b-9s182iq9vb] { display: grid; grid-template-columns: auto minmax(12rem, 1fr) minmax(8.5rem, auto); gap: .75rem; align-items: center; }
.sf-plp-quick[b-9s182iq9vb],
.sf-plp-facet__options[b-9s182iq9vb],
.sf-plp-applied[b-9s182iq9vb] { display: flex; flex-wrap: wrap; gap: .5rem; align-items: center; }
.sf-plp-quick[b-9s182iq9vb] { padding: .3rem .45rem; border-radius: var(--ds-radius-sm); background: color-mix(in srgb, var(--ds-color-surface-subtle) 90%, var(--ds-color-surface)); box-shadow: inset 2px 2px 5px var(--plp-depth-soft), inset -2px -2px 5px var(--plp-highlight); }
.sf-plp-quick__label[b-9s182iq9vb],
.sf-plp-applied > span[b-9s182iq9vb] { color: var(--ds-color-text-muted); font-size: var(--ds-text-2xs); font-weight: 700; }
.sf-plp-choice[b-9s182iq9vb] { display: inline-flex; gap: .45rem; align-items: center; min-block-size: var(--ds-touch-target); padding-inline: .75rem; cursor: pointer; font-size: var(--ds-text-xs); }
.sf-plp-choice > span[b-9s182iq9vb] { display: inline-grid; place-items: center; min-inline-size: 1.4rem; block-size: 1.4rem; border-radius: 999px; background: color-mix(in srgb, var(--ds-color-surface) 76%, transparent); color: var(--ds-color-text-muted); font-size: var(--ds-text-2xs); font-weight: 760; }

.sf-plp-choice.is-selected[b-9s182iq9vb],
.sf-plp-choice[aria-pressed="true"][b-9s182iq9vb],
.sf-plp-view-switch button[aria-pressed="true"][b-9s182iq9vb] {
  border-color: color-mix(in srgb, var(--ds-color-primary) 48%, transparent);
  background: color-mix(in srgb, var(--ds-color-primary) 10%, var(--ds-color-surface-subtle));
  box-shadow: inset 3px 3px 7px var(--plp-depth-soft), inset -2px -2px 5px var(--plp-highlight);
  color: var(--ds-color-primary);
}

.sf-plp-choice.is-selected > span[b-9s182iq9vb],
.sf-plp-choice[aria-pressed="true"] > span[b-9s182iq9vb] { background: color-mix(in srgb, var(--ds-color-primary) 14%, var(--ds-color-surface)); color: var(--ds-color-primary); }

.sf-plp-sort[b-9s182iq9vb] { display: grid; gap: .2rem; color: var(--ds-color-text-muted); font-size: var(--ds-text-2xs); }
.sf-plp-sort select[b-9s182iq9vb] { min-inline-size: 9rem; padding-inline: .75rem; background: var(--ds-color-surface); }
.sf-plp-applied[b-9s182iq9vb] { margin-block-start: .7rem; padding-block-start: .7rem; border-block-start: 1px solid var(--ds-color-border); }
.sf-plp-applied button[b-9s182iq9vb] { min-block-size: 2.25rem; padding-inline: .7rem; cursor: pointer; color: var(--ds-color-primary); font-size: var(--ds-text-2xs); }
.sf-plp-applied .sf-plp-applied__clear[b-9s182iq9vb] { border-color: transparent; background: transparent; box-shadow: none; }

.sf-plp-results[b-9s182iq9vb] { display: grid; grid-template-columns: 0 minmax(0, 1fr); gap: 0; align-items: start; min-inline-size: 0; transition: grid-template-columns 240ms var(--ds-ease-standard), gap 240ms var(--ds-ease-standard); }
.sf-plp-results.is-pinned[b-9s182iq9vb] { grid-template-columns: minmax(15.5rem, 17rem) minmax(0, 1fr); gap: .75rem; }
.sf-plp-pinned[b-9s182iq9vb] { display: grid; gap: .75rem; min-inline-size: 0; max-block-size: calc(100dvh - var(--sf-plp-sticky-offset) - var(--ds-touch-target) - var(--ds-space-10)); overflow: auto; padding: .875rem; border-radius: var(--ds-radius-lg); opacity: 0; pointer-events: none; }
.sf-plp-results.is-pinned .sf-plp-pinned[b-9s182iq9vb] { position: sticky; inset-block-start: calc(var(--sf-plp-sticky-offset) + var(--ds-touch-target) + var(--ds-space-6)); opacity: 1; pointer-events: auto; }
.sf-plp-discovery:has(.sf-plp-applied) + .sf-plp-results.is-pinned .sf-plp-pinned[b-9s182iq9vb] { inset-block-start: calc(var(--sf-plp-sticky-offset) + var(--ds-touch-target) + var(--ds-space-8) + var(--ds-space-6)); }
.sf-plp-pinned > header[b-9s182iq9vb],
.sf-plp-drawer > header[b-9s182iq9vb] { display: flex; gap: 1rem; align-items: center; justify-content: space-between; }
.sf-plp-pinned h2[b-9s182iq9vb],
.sf-plp-drawer h2[b-9s182iq9vb] { margin: 0; font-size: 1.15rem; }
.sf-plp-pinned header button[b-9s182iq9vb] { min-block-size: 2.25rem; padding-inline: .65rem; color: var(--ds-color-primary); font-size: var(--ds-text-2xs); }

.sf-plp-facet[b-9s182iq9vb] { min-inline-size: 0; margin: 0; padding: .9rem 0 0; border: 0; border-block-start: 1px solid var(--ds-color-border); }
.sf-plp-facet legend[b-9s182iq9vb] { margin-block-end: .65rem; color: var(--ds-color-text); font-size: var(--ds-text-xs); font-weight: 760; }
.sf-plp-results__main[b-9s182iq9vb] { min-inline-size: 0; }
.sf-plp-results__header[b-9s182iq9vb] { display: flex; gap: .75rem; align-items: center; justify-content: space-between; margin: .125rem .125rem .75rem; padding: 0; }
.sf-plp-results__header > div:first-child[b-9s182iq9vb] { display: grid; }
.sf-plp-results__header strong[b-9s182iq9vb] { font-size: clamp(1.15rem, 2vw, 1.5rem); }
.sf-plp-results__header span[b-9s182iq9vb] { color: var(--ds-color-text-muted); font-size: var(--ds-text-xs); }

.sf-plp-view-switch[b-9s182iq9vb] { display: flex; padding: .25rem; border-radius: var(--ds-radius-md); background: var(--ds-color-surface-subtle); box-shadow: inset 3px 3px 7px var(--plp-depth-soft), inset -2px -2px 5px var(--plp-highlight); }
.sf-plp-view-switch button[b-9s182iq9vb] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: .4rem;
  min-block-size: var(--ds-touch-target);
  padding-inline: .75rem;
  border-color: transparent;
  box-shadow: none;
  cursor: pointer;
  font-size: var(--ds-text-xs);
  white-space: nowrap;
}
.sf-plp-view-switch svg[b-9s182iq9vb] {
  inline-size: 1rem;
  block-size: 1rem;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.7;
}
.sf-plp-grid[b-9s182iq9vb] { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: clamp(.875rem, 1.4vw, 1.125rem); align-items: start; min-inline-size: 0; }
.sf-plp-grid[aria-busy="true"][b-9s182iq9vb] { opacity: .72; }
.sf-plp-grid[b-9s182iq9vb]  .sf-product-card { inline-size: 100%; }
.sf-plp-grid[b-9s182iq9vb]  .sf-product-card--signature-commerce-v2 {
  box-shadow:
    -6px -6px 14px var(--signature-v2-rim-light),
    10px 12px 24px var(--signature-v2-depth),
    0 8px 18px color-mix(in srgb, var(--signature-v2-depth) 28%, transparent);
}
.sf-plp-grid[b-9s182iq9vb]  .sf-product-card__listing-content { margin-block-start: .2rem; }
.sf-plp-card-facts[b-9s182iq9vb] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .4rem; margin: 0; }

.sf-plp-card-facts > div[b-9s182iq9vb] {
  display: flex;
  gap: .4rem;
  align-items: baseline;
  justify-content: space-between;
  min-inline-size: 0;
  min-block-size: 2.4rem;
  padding: .45rem .55rem;
  border-radius: var(--ds-radius-xs);
  background: linear-gradient(145deg, color-mix(in srgb, var(--ds-color-surface-strong) 42%, var(--ds-color-surface-subtle)), color-mix(in srgb, var(--ds-color-surface-subtle) 88%, var(--ds-color-surface)));
  box-shadow: inset 3px 3px 7px color-mix(in srgb, var(--plp-depth) 72%, transparent), inset -3px -3px 6px var(--plp-highlight);
}

.sf-plp-card-facts dt[b-9s182iq9vb] { overflow: hidden; color: var(--ds-color-text-muted); font-size: var(--ds-text-2xs); text-overflow: ellipsis; white-space: nowrap; }
.sf-plp-card-facts dd[b-9s182iq9vb] { display: inline-flex; gap: .2rem; margin: 0; color: var(--ds-color-text); font-family: var(--ds-font-technical); font-size: var(--ds-text-2xs); font-weight: 700; white-space: nowrap; }
.sf-plp-card-facts dd span[b-9s182iq9vb] { color: var(--ds-color-text-muted); font-weight: 600; }
.sf-plp-grid[b-9s182iq9vb]  .sf-product-card__icon-action.is-selected { border-color: var(--ds-color-primary); background: color-mix(in srgb, var(--ds-color-primary) 12%, var(--ds-color-surface)); color: var(--ds-color-primary); box-shadow: inset 2px 2px 5px var(--plp-depth-soft); }
/* Explicit mode owner outranks Category V2 Grid without changing its declarations. */
.sf-catalog-listing .sf-plp-grid.is-technical[b-9s182iq9vb] {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.sf-catalog-listing .sf-plp-grid.is-technical[b-9s182iq9vb]  .sf-product-card {
  display: grid;
  grid-template-columns: minmax(10rem, 12rem) minmax(0, 1fr);
  grid-template-rows: auto;
}
.sf-catalog-listing .sf-plp-grid.is-technical[b-9s182iq9vb]  .sf-product-card__media {
  grid-column: 1;
  grid-row: 1;
  aspect-ratio: 1;
}
.sf-catalog-listing .sf-plp-grid.is-technical[b-9s182iq9vb]  .sf-product-card__body {
  grid-column: 2;
  grid-row: 1;
}

.sf-plp-update-error[b-9s182iq9vb] { display: flex; gap: .75rem; align-items: center; justify-content: space-between; margin-block-end: 1rem; padding: .75rem 1rem; border-inline-start: 3px solid var(--ds-color-warning); background: var(--ds-color-surface-subtle); color: var(--ds-color-text-muted); }
.sf-plp-update-error button[b-9s182iq9vb] { border: 0; background: transparent; color: var(--ds-color-primary); font: inherit; font-weight: 700; }
.sf-plp-load-more[b-9s182iq9vb] { display: grid; justify-items: center; gap: .55rem; margin-block-start: .75rem; padding: .75rem; border-radius: var(--ds-radius-lg); background: radial-gradient(circle at 50% 100%, color-mix(in srgb, var(--ds-color-secondary) 10%, transparent), transparent 45%), var(--ds-color-surface); color: var(--ds-color-text-muted); font-size: var(--ds-text-2xs); }
.sf-plp-load-more progress[b-9s182iq9vb] { inline-size: min(14rem, 80%); block-size: .25rem; accent-color: var(--ds-color-accent); }
.sf-plp-load-more button[b-9s182iq9vb],
.sf-plp-compare button[b-9s182iq9vb] { padding-inline: 1rem; color: var(--ds-color-primary); cursor: pointer; font-weight: 720; }

.sf-plp-compare[b-9s182iq9vb] { position: sticky; z-index: calc(var(--ds-z-navigation) + 1); inset-block-end: 1rem; display: flex; gap: 1rem; align-items: center; justify-content: space-between; inline-size: min(44rem, calc(100% - 2rem)); margin-inline: auto; padding: .75rem 1rem; border-radius: var(--ds-radius-lg); }
.sf-plp-compare > div[b-9s182iq9vb] { display: grid; }
.sf-plp-compare span[b-9s182iq9vb] { color: var(--ds-color-text-muted); font-size: var(--ds-text-2xs); }
.sf-plp-backdrop[b-9s182iq9vb] { position: fixed; z-index: calc(var(--ds-z-modal) - 1); inset: 0; background: color-mix(in srgb, var(--ds-color-text) 38%, transparent); }

.sf-plp-drawer[b-9s182iq9vb] {
  position: fixed;
  z-index: var(--ds-z-modal);
  inset-block: 0;
  inset-inline-start: 0;
  display: grid;
  align-content: start;
  gap: .75rem;
  inline-size: min(26rem, calc(100% - 1rem));
  overflow: auto;
  padding: 1rem 1.125rem;
  border-start-start-radius: 0;
  border-end-start-radius: 0;
  border-start-end-radius: var(--ds-radius-lg);
  border-end-end-radius: var(--ds-radius-lg);
}

.sf-plp-drawer > header[b-9s182iq9vb] { padding-block-end: .75rem; border-block-end: 1px solid var(--ds-color-border); }
.sf-plp-drawer > header > div[b-9s182iq9vb] { display: flex; gap: .5rem; }
.sf-plp-drawer__pin[b-9s182iq9vb],
.sf-plp-drawer__close[b-9s182iq9vb] { padding-inline: .75rem; cursor: pointer; color: var(--ds-color-primary); }
.sf-plp-drawer__close[b-9s182iq9vb] { inline-size: var(--ds-touch-target); padding: 0; font-size: 1.35rem; }
.sf-plp-drawer__intro[b-9s182iq9vb] { margin: 0; padding: .75rem; border-radius: var(--ds-radius-md); color: var(--ds-color-text-muted); font-size: var(--ds-text-xs); line-height: 1.65; }
.sf-plp-drawer[b-9s182iq9vb]  .sf-plp-facet { padding: .75rem; border-block-start: 0; border-radius: var(--ds-radius-md); background: color-mix(in srgb, var(--ds-color-surface-subtle) 86%, var(--ds-color-surface)); box-shadow: inset 3px 3px 8px var(--plp-depth-soft), inset -3px -3px 7px var(--plp-highlight); }
.sf-plp-drawer__apply[b-9s182iq9vb] { position: sticky; inset-block-end: 0; inline-size: 100%; margin-block-start: .25rem; padding-inline: 1rem; border-color: var(--ds-color-primary); color: var(--ds-color-primary); cursor: pointer; font-weight: 760; }

.sf-catalog-listing--v4 :is(a, button, select):focus-visible[b-9s182iq9vb],
.sf-plp-drawer :is(button, select):focus-visible[b-9s182iq9vb] { outline: 3px solid var(--ds-color-primary); outline-offset: 3px; }
.sf-catalog-listing--v4 button:active[b-9s182iq9vb],
.sf-plp-drawer button:active[b-9s182iq9vb] { box-shadow: inset 3px 3px 7px var(--plp-depth-soft), inset -2px -2px 5px var(--plp-highlight); }

@media (hover: hover) {
  .sf-plp-assistant:hover[b-9s182iq9vb],
  .sf-plp-filter-master:hover[b-9s182iq9vb],
  .sf-plp-choice:hover[b-9s182iq9vb],
  .sf-plp-load-more button:hover[b-9s182iq9vb] { border-color: var(--ds-color-primary); color: var(--ds-color-primary); }
}

@media (max-width: 78rem) {
  .sf-plp-family__rail[b-9s182iq9vb] { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .sf-plp-grid[b-9s182iq9vb] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 62rem) {
  .sf-catalog-listing .sf-plp-grid.is-technical[b-9s182iq9vb] {
    grid-template-columns: minmax(0, 1fr);
  }
  .sf-plp-results[b-9s182iq9vb],
  .sf-plp-results.is-pinned[b-9s182iq9vb] { grid-template-columns: minmax(0, 1fr); gap: 0; }
  .sf-plp-pinned[b-9s182iq9vb],
  .sf-plp-results.is-pinned .sf-plp-pinned[b-9s182iq9vb],
  .sf-plp-drawer__pin[b-9s182iq9vb] { display: none; }
}

@media (max-width: 48rem) {
  .sf-plp-context__body[b-9s182iq9vb],
  .sf-plp-discovery__main[b-9s182iq9vb] { grid-template-columns: minmax(0, 1fr); }
  .sf-plp-context__actions[b-9s182iq9vb],
  .sf-plp-results__header[b-9s182iq9vb] { align-items: stretch; }
  .sf-plp-context__actions > *[b-9s182iq9vb],
  .sf-plp-sort[b-9s182iq9vb],
  .sf-plp-sort select[b-9s182iq9vb] { inline-size: 100%; }
  .sf-plp-results__header[b-9s182iq9vb] { display: grid; }
  .sf-plp-view-switch[b-9s182iq9vb] { inline-size: 100%; }
  .sf-plp-view-switch button[b-9s182iq9vb] { flex: 1; }
  .sf-plp-family__rail[b-9s182iq9vb] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 37.5rem) {
  .sf-catalog-listing--v4[b-9s182iq9vb] { gap: .75rem; padding-block: .75rem; }
  .sf-plp-context[b-9s182iq9vb] { min-block-size: 0; padding: 1rem; border-radius: var(--ds-radius-md); }
  .sf-plp-context h1[b-9s182iq9vb] { font-size: clamp(1.7rem, 7.2vw, 2rem); }
  .sf-plp-family__rail[b-9s182iq9vb],
  .sf-plp-grid[b-9s182iq9vb] { grid-template-columns: minmax(0, 1fr); }
  .sf-catalog-listing .sf-plp-grid.is-technical[b-9s182iq9vb]  .sf-product-card {
    grid-template-columns: minmax(7rem, 8rem) minmax(0, 1fr);
  }
  .sf-catalog-listing .sf-plp-grid.is-technical[b-9s182iq9vb]  .sf-product-card__media {
    margin-block: .5rem;
    margin-inline: 0 .5rem;
  }
  .sf-catalog-listing .sf-plp-grid.is-technical .sf-plp-card-facts[b-9s182iq9vb] {
    grid-template-columns: 1fr;
  }
  .sf-catalog-listing .sf-plp-grid.is-technical .sf-plp-card-facts dd[b-9s182iq9vb] {
    min-inline-size: 0;
    white-space: normal;
    overflow-wrap: anywhere;
  }
  .sf-plp-compare[b-9s182iq9vb] { inset-block-end: .5rem; inline-size: calc(100% - 1rem); }
  .sf-plp-compare span[b-9s182iq9vb] { display: none; }
}

@media (prefers-reduced-motion: reduce) {
  .sf-plp-results[b-9s182iq9vb] { transition: none; }
}

/* Frozen Category V2 opt-in composition; existing PLP and ProductCard keep their owners. */
.sf-category-experience[b-9s182iq9vb] {
    --sf-filter-focus: var(--ds-control-label-ink);
    --sf-filter-focus-offset: 4px;
    display: block;
    inline-size: min(100% - 4rem, 82rem);
    max-inline-size: 82rem;
    min-inline-size: 0;
    margin-inline: auto;
    padding-block: 1.35rem 1rem;
}
.sf-category-experience[b-9s182iq9vb]::before {
    content: none;
}
.sf-category-intro[b-9s182iq9vb] {
    padding-block-end: 1.3rem;
    animation: sf-category-enter-b-9s182iq9vb 240ms var(--ds-ease-enter) both;
}
.sf-category-experience[data-level="GROUP"] .sf-category-intro[b-9s182iq9vb] {
    padding-block-end: 1rem;
}
.sf-category-experience[data-level="LEAF"] .sf-category-intro[b-9s182iq9vb] {
    padding-block-end: .65rem;
}
.sf-category-intro h1[b-9s182iq9vb] {
    margin: 0;
    font-family: var(--ds-font-display);
    font-weight: 850;
    font-size: clamp(2.3rem, 3.55vw, 3.35rem);
    line-height: 1.35;
    letter-spacing: -.04em;
    color: color-mix(in srgb, var(--ds-control-ink) 91%, var(--ds-control-low));
    text-wrap: balance;
    overflow-wrap: anywhere;
    text-shadow: -1px -1px 1px color-mix(in srgb, var(--ds-control-low) 48%, transparent),
        1px 1px 0 color-mix(in srgb, var(--ds-control-highlight) 82%, transparent);
}
.sf-category-experience[data-level="GROUP"] .sf-category-intro h1[b-9s182iq9vb] {
    font-size: clamp(2rem, 3vw, 2.85rem);
}
.sf-category-experience[data-level="LEAF"] .sf-category-intro h1[b-9s182iq9vb] {
    font-size: clamp(1.8rem, 2.4vw, 2.45rem);
}
.sf-category-summary[b-9s182iq9vb] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: .5rem 1rem;
    margin-block-start: .45rem;
    color: var(--ds-color-text-muted);
    font-size: .85rem;
}
.sf-category-summary strong[b-9s182iq9vb] {
    color: var(--ds-control-ink);
    font-size: 1rem;
    font-weight: 700;
}
.sf-category-summary a[b-9s182iq9vb] {
    display: inline-flex;
    align-items: center;
    min-block-size: var(--ds-touch-target);
    padding: .25rem .4rem;
    border-radius: .4rem;
    color: var(--ds-color-primary);
    font-size: .76rem;
    text-decoration: none;
}
.sf-category-summary a:hover[b-9s182iq9vb] {
    text-decoration: underline;
    text-underline-offset: .25rem;
}
/* Native disclosure; hidden region is absent from reading/tab flow, trigger keeps focus. */
.sf-category-description[b-9s182iq9vb] {
    max-inline-size: 60ch;
    margin-block-start: .2rem;
    font-size: .8rem;
}
.sf-category-description__trigger[b-9s182iq9vb] {
    display: inline-flex;
    align-items: center;
    gap: .55rem;
    max-inline-size: 100%;
    min-block-size: var(--ds-touch-target);
    padding: .35rem .8rem;
    border: 0;
    border-radius: var(--ds-radius-sm);
    color: var(--ds-control-ink);
    background: linear-gradient(145deg, var(--ds-control-highlight), var(--ds-control-surface));
    box-shadow: var(--ds-control-secondary-shadow);
    font-size: .78rem;
    font-weight: 500;
    text-align: start;
}
.sf-category-description__trigger:hover[b-9s182iq9vb] {
    color: var(--ds-color-primary);
}
.sf-category-description__trigger:active[b-9s182iq9vb],
.sf-category-description__trigger[aria-expanded="true"][b-9s182iq9vb] {
    background: var(--ds-control-field-surface);
    box-shadow: var(--ds-control-recessed-shadow);
}
.sf-category-description__trigger[b-9s182iq9vb]  .sf-navigation-cue {
    inline-size: 1rem;
    block-size: 1rem;
}
.sf-category-description__panel[b-9s182iq9vb] {
    max-block-size: 9.5rem;
    margin-block-start: .6rem;
    padding: .75rem .9rem;
    overflow: auto;
    overscroll-behavior: contain;
    border-radius: var(--ds-radius-sm);
    color: var(--ds-control-ink);
    background: var(--ds-control-field-surface);
    box-shadow: var(--ds-control-recessed-shadow);
    line-height: 1.9;
    white-space: pre-line;
    overflow-wrap: anywhere;
}
.sf-category-description__panel p[b-9s182iq9vb] {
    margin: 0;
}
.sf-category-description__panel[hidden][b-9s182iq9vb] {
    display: none;
}
/* Immediate children only; shared CategoryCard owns mounted plate/media/trace. */
.sf-category-children[b-9s182iq9vb] {
    margin-block: .35rem 1.8rem;
}
.sf-category-children header[b-9s182iq9vb] {
    margin-block: .2rem 1rem;
}
.sf-category-children h2[b-9s182iq9vb] {
    margin: 0;
    font-family: var(--ds-font-heading);
    font-size: 1.05rem;
    font-weight: 700;
}
.sf-category-wells[b-9s182iq9vb] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1.25rem 1.2rem;
    padding-block-start: .4rem;
}
.sf-category-wells.has-one-child[b-9s182iq9vb] {
    grid-template-columns: 1fr;
}
.sf-category-wells.has-one-child[b-9s182iq9vb]  .sf-category-foundation__link {
    min-block-size: 6.5rem;
}
/* RTL title/count on the right, genuine controls on the left; no dashboard surface. */
.sf-category-experience .sf-category-toolbar[b-9s182iq9vb] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 1rem;
    align-items: center;
    margin-block: 0 1rem;
    padding-block: .25rem .8rem;
    padding-inline: 0;
    border: 0;
    border-block-end: 1px solid var(--ds-color-border-subtle);
    border-radius: 0;
    background: transparent;
    box-shadow: none;
}
.sf-category-experience:not([data-level="LEAF"]) .sf-category-toolbar[b-9s182iq9vb] {
    border-block-start: 1px solid var(--ds-color-border-subtle);
    padding-block-start: .75rem;
}
.sf-category-toolbar__title h2[b-9s182iq9vb] {
    margin: 0;
    font-family: var(--ds-font-display);
    font-size: clamp(1.3rem, 1.7vw, 1.6rem);
    font-weight: 700;
}
.sf-category-toolbar__title p[b-9s182iq9vb] {
    margin: .2rem 0 0;
    color: var(--ds-color-text-muted);
    font-size: .74rem;
}
.sf-category-experience .sf-plp-discovery__main[b-9s182iq9vb] {
    display: flex;
    flex-wrap: wrap;
    justify-content: end;
    gap: .65rem;
}
.sf-category-experience .sf-plp-view-switch[b-9s182iq9vb] {
    align-self: center;
    background: var(--ds-control-field-surface);
    box-shadow: var(--ds-control-recessed-shadow);
}
.sf-category-experience .sf-plp-view-switch button[b-9s182iq9vb] {
    background: transparent;
    color: var(--ds-control-ink);
}
.sf-category-experience .sf-plp-view-switch button[aria-pressed="true"][b-9s182iq9vb] {
    background: var(--ds-control-surface);
    box-shadow: var(--ds-control-recessed-shadow);
    font-weight: 700;
    text-decoration: underline;
    text-underline-offset: .2em;
}
.sf-category-experience .sf-plp-sort[b-9s182iq9vb] {
    display: flex;
    align-items: center;
    gap: .7rem;
    min-block-size: 3rem;
    padding: .2rem .7rem;
    border-radius: var(--ds-radius-sm);
    background: var(--ds-control-field-surface);
    box-shadow: var(--ds-control-recessed-shadow);
    font-size: .76rem;
}
.sf-category-experience .sf-plp-sort select[b-9s182iq9vb] {
    max-inline-size: 11rem;
    min-block-size: var(--ds-touch-target);
    padding: .25rem .45rem;
    border: 0;
    background: transparent;
    box-shadow: none;
    color: var(--ds-control-ink);
}
.sf-category-experience .sf-plp-sort option[b-9s182iq9vb] {
    background: var(--ds-control-surface);
}
.sf-category-experience[b-9s182iq9vb]  .sf-plp-applied {
    grid-column: 1 / -1;
}
.sf-category-experience .sf-plp-grid[b-9s182iq9vb] {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    align-items: start;
    gap: 1.1rem;
}
.sf-category-experience .sf-plp-results:not(.is-pinned)[b-9s182iq9vb] {
    display: block;
}
/* Opacity alone leaves the closed sidebar's height in the Category block flow. */
.sf-category-experience .sf-plp-results:not(.is-pinned) > .sf-plp-pinned[b-9s182iq9vb] {
    display: none;
}
/* Fit cards to the remaining desktop width; the existing 62rem drawer boundary stays authoritative. */
@media (width > 62rem) {
    .sf-category-experience .sf-plp-results.is-pinned[b-9s182iq9vb] {
        grid-template-columns: 15.5rem minmax(0, 1fr);
        gap: var(--ds-space-3);
    }
    .sf-category-experience .sf-plp-results.is-pinned .sf-plp-grid:not(.is-technical)[b-9s182iq9vb] {
        grid-template-columns: repeat(auto-fill, minmax(min(100%, 14rem), 1fr));
        gap: var(--ds-space-3);
    }
}
.sf-category-experience .sf-plp-grid[aria-busy="true"][b-9s182iq9vb] {
    opacity: .72;
}
.sf-category-experience .sf-plp-load-more[b-9s182iq9vb] {
    display: grid;
    justify-items: center;
    gap: .8rem;
    margin-block: 2.2rem 1rem;
    padding: 0;
    border: 0;
    background: transparent;
    box-shadow: none;
}
.sf-category-experience .sf-plp-load-more progress[b-9s182iq9vb] {
    inline-size: min(15rem, 100%);
    block-size: .45rem;
}
/* Quiet public states; no continuously animated loading decoration. */
.sf-category-experience .sf-catalog-state[b-9s182iq9vb],
.sf-category-experience .sf-plp-context[b-9s182iq9vb] {
    padding: clamp(1.5rem, 4vw, 3rem);
    border: 0;
    border-radius: var(--ds-radius-md);
    background: var(--ds-control-field-surface);
    box-shadow: var(--ds-control-recessed-shadow);
}
.sf-category-experience .sf-plp-context[b-9s182iq9vb]::before {
    content: none;
}
.sf-category-experience .sf-plp-context__skeleton[b-9s182iq9vb] {
    animation: none;
}
.sf-category-experience :is(a, button, select):focus-visible[b-9s182iq9vb] {
    outline: 3px solid var(--ds-control-label-ink);
    outline-offset: 4px;
}
@keyframes sf-category-enter-b-9s182iq9vb {
    from {
        opacity: 0;
        transform: translateY(4px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}
/* One responsive owner; card/breadcrumb internals remain owned by their components. */
@media (max-width: 75rem) {
    .sf-category-experience[b-9s182iq9vb] {
        inline-size: calc(100% - 3rem);
    }
    .sf-category-experience .sf-plp-grid[b-9s182iq9vb] {
        gap: 1.05rem;
    }
    .sf-category-wells[b-9s182iq9vb] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .sf-category-experience[data-level="GROUP"] .sf-category-wells[b-9s182iq9vb] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 1rem;
    }
}
@media (max-width: 56.25rem) {
    .sf-category-experience[b-9s182iq9vb] {
        inline-size: calc(100% - 2.5rem);
        padding-block-start: 1rem;
    }
    .sf-category-intro h1[b-9s182iq9vb] {
        font-size: 2.55rem;
    }
    .sf-category-experience .sf-plp-grid[b-9s182iq9vb] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 1rem;
    }
    .sf-category-experience[data-level="GROUP"] .sf-category-wells[b-9s182iq9vb] {
        grid-template-columns: 1fr;
    }
}
@media (max-width: 47.5rem) {
    .sf-category-experience .sf-plp-grid[b-9s182iq9vb] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}
@media (max-width: 37.5rem) {
    .sf-category-experience[b-9s182iq9vb] {
        inline-size: calc(100% - 2rem);
        padding-block-start: .7rem;
    }
    .sf-category-intro[b-9s182iq9vb] {
        padding-block-end: 1rem;
    }
    .sf-category-experience[data-level="GROUP"] .sf-category-intro[b-9s182iq9vb] {
        padding-block-end: .8rem;
    }
    .sf-category-experience[data-level="LEAF"] .sf-category-intro[b-9s182iq9vb] {
        padding-block-end: .45rem;
    }
    .sf-category-intro h1[b-9s182iq9vb] {
        font-size: 2.05rem;
        line-height: 1.4;
    }
    .sf-category-experience[data-level="GROUP"] .sf-category-intro h1[b-9s182iq9vb] {
        font-size: 1.95rem;
    }
    .sf-category-experience[data-level="LEAF"] .sf-category-intro h1[b-9s182iq9vb] {
        font-size: 1.8rem;
    }
    .sf-category-summary[b-9s182iq9vb] {
        gap: .2rem .75rem;
        margin-block-start: .25rem;
        font-size: .78rem;
    }
    .sf-category-description[b-9s182iq9vb] {
        max-inline-size: 100%;
    }
    .sf-category-wells[b-9s182iq9vb],
    .sf-category-experience[data-level="GROUP"] .sf-category-wells[b-9s182iq9vb] {
        grid-template-columns: 1fr;
        gap: 1rem;
    }
    .sf-category-children[b-9s182iq9vb] {
        margin-block-end: 1.35rem;
    }
    .sf-category-children h2[b-9s182iq9vb] {
        font-size: .92rem;
    }
    .sf-category-experience .sf-category-toolbar[b-9s182iq9vb] {
        grid-template-columns: 1fr;
        gap: .6rem;
        padding-block-end: .75rem;
    }
    .sf-category-experience .sf-plp-discovery__main[b-9s182iq9vb],
    .sf-category-experience .sf-plp-sort[b-9s182iq9vb] {
        inline-size: 100%;
    }
    .sf-category-experience .sf-plp-sort[b-9s182iq9vb] {
        justify-content: space-between;
        min-block-size: 3.25rem;
    }
    .sf-category-experience .sf-plp-grid[b-9s182iq9vb] {
        grid-template-columns: 1fr;
        gap: 1.35rem;
    }
    .sf-category-experience .sf-plp-load-more[b-9s182iq9vb] {
        margin-block-start: 1.75rem;
    }
    .sf-category-experience .sf-plp-load-more button[b-9s182iq9vb] {
        inline-size: 100%;
    }
}
@media (prefers-reduced-motion: reduce) {
    .sf-category-intro[b-9s182iq9vb] {
        animation: none;
    }
}
@media (forced-colors: active) {
    .sf-category-description__trigger[b-9s182iq9vb],
    .sf-category-description__panel[b-9s182iq9vb],
    .sf-category-experience .sf-plp-sort[b-9s182iq9vb] {
        border: 1px solid CanvasText;
    }
}
/* /Components/Storefront/StorefrontHero.razor.rz.scp.css */
/* =========================================================
   Database-backed Storefront Hero
   All component color, spacing, radius and motion values use DigiMSP tokens.
   ========================================================= */

.sf-storefront-hero.sf-storefront-hero[b-b77ll8nt6s] {
    position: relative;
    inline-size: 100%;
    block-size: clamp(23.75rem, 34vw, 38.75rem);
    min-block-size: 23.75rem;
    margin-block: var(--ds-space-4) 0;
    margin-inline: auto;
    overflow: hidden;
    border: 1px solid color-mix(in srgb, var(--ds-color-border) 72%, transparent);
    border-radius: var(--ds-radius-lg);
    background: var(--ds-color-surface-strong);
    box-shadow: var(--ds-shadow-resting);
    isolation: isolate;
    touch-action: pan-y;
}

.sf-storefront-hero__carousel[b-b77ll8nt6s],
.sf-storefront-hero__slide[b-b77ll8nt6s] {
    block-size: 100%;
}

.sf-storefront-hero__slide[b-b77ll8nt6s] {
    position: relative;
    overflow: hidden;
}

.sf-storefront-hero__image[b-b77ll8nt6s] {
    position: absolute;
    inset: 0;
    inline-size: 100%;
    block-size: 100%;
    object-fit: cover;
    object-position: center;
    transform: scale(1.018);
    transition: transform 550ms var(--ds-ease-enter), opacity var(--ds-duration-normal) var(--ds-ease-standard);
}

.sf-storefront-hero__content[b-b77ll8nt6s] {
    position: absolute;
    z-index: 2;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    inline-size: min(100%, var(--ds-container-max));
    margin-inline: auto;
    padding-inline: var(--ds-page-gutter);
}

.sf-storefront-hero__copy[b-b77ll8nt6s] {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    inline-size: min(38.75rem, 56%);
    color: var(--ds-color-ink-inverse);
    text-align: start;
    isolation: isolate;
}

.sf-storefront-hero__copy[b-b77ll8nt6s]::before {
    position: absolute;
    z-index: -1;
    inset: calc(0px - var(--ds-space-8)) calc(0px - var(--ds-space-12));
    border-radius: var(--ds-radius-lg);
    background: linear-gradient(
        to left,
        color-mix(in srgb, var(--ds-color-neutral-900) 76%, transparent),
        color-mix(in srgb, var(--ds-color-neutral-900) 46%, transparent) 62%,
        transparent
    );
    content: "";
    pointer-events: none;
}

.sf-storefront-hero[dir="ltr"] .sf-storefront-hero__copy[b-b77ll8nt6s]::before {
    background: linear-gradient(
        to right,
        color-mix(in srgb, var(--ds-color-neutral-900) 76%, transparent),
        color-mix(in srgb, var(--ds-color-neutral-900) 46%, transparent) 62%,
        transparent
    );
}

.sf-storefront-hero__eyebrow[b-b77ll8nt6s] {
    inline-size: fit-content;
    margin: 0 0 var(--ds-space-3);
    padding-block-end: var(--ds-space-2);
    border-block-end: 2px solid var(--ds-color-accent);
    color: color-mix(in srgb, var(--ds-color-accent) 86%, var(--ds-color-ink-inverse));
    font-size: var(--ds-type-label-size);
    font-weight: var(--ds-type-label-weight);
    line-height: var(--ds-type-label-line-height);
}

.sf-storefront-hero__title[b-b77ll8nt6s] {
    display: -webkit-box;
    max-inline-size: 100%;
    max-block-size: 2.4em;
    margin: 0;
    overflow: hidden;
    color: var(--ds-color-ink-inverse);
    font-size: var(--ds-type-display-size);
    font-weight: var(--ds-type-display-weight);
    line-height: var(--ds-type-display-line-height);
    letter-spacing: -.035em;
    text-wrap: balance;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.sf-storefront-hero__description[b-b77ll8nt6s] {
    display: -webkit-box;
    max-inline-size: 34rem;
    max-block-size: 4em;
    margin: var(--ds-space-4) 0 0;
    overflow: hidden;
    color: color-mix(in srgb, var(--ds-color-ink-inverse) 84%, transparent);
    font-size: var(--ds-type-body-emphasis-size);
    line-height: var(--ds-type-body-line-height);
    text-wrap: pretty;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.sf-storefront-hero__copy[b-b77ll8nt6s]  .sf-button--customer {
    margin-block-start: var(--ds-space-6);
}

.sf-storefront-hero[b-b77ll8nt6s]  .owl-nav button:focus-visible,
.sf-storefront-hero[b-b77ll8nt6s]  .owl-dot:focus-visible {
    outline: 3px solid var(--ds-color-ink-inverse);
    outline-offset: 3px;
}

.sf-storefront-hero[b-b77ll8nt6s]  .owl-stage-outer,
.sf-storefront-hero[b-b77ll8nt6s]  .owl-stage,
.sf-storefront-hero[b-b77ll8nt6s]  .owl-item {
    block-size: 100%;
}

.sf-storefront-hero[b-b77ll8nt6s]  .owl-item.active .sf-storefront-hero__image {
    transform: scale(1);
}

.sf-storefront-hero[b-b77ll8nt6s]  .owl-item.active .sf-storefront-hero__copy {
    animation: sf-storefront-hero-copy-in-b-b77ll8nt6s 550ms var(--ds-ease-enter) both;
}

.sf-storefront-hero[b-b77ll8nt6s]  .owl-nav button {
    position: absolute;
    z-index: 4;
    inset-block-start: 50%;
    display: grid;
    inline-size: var(--ds-touch-target);
    block-size: var(--ds-touch-target);
    place-items: center;
    border: 1px solid color-mix(in srgb, var(--ds-color-ink-inverse) 44%, transparent) !important;
    border-radius: 50%;
    background: color-mix(in srgb, var(--ds-color-neutral-900) 54%, transparent) !important;
    color: var(--ds-color-ink-inverse) !important;
    font-size: var(--ds-text-lg) !important;
    line-height: 1;
    transform: translateY(-50%);
    transition: background var(--ds-duration-fast) var(--ds-ease-standard), transform var(--ds-duration-fast) var(--ds-ease-standard);
}

.sf-storefront-hero[b-b77ll8nt6s]  .owl-nav button:hover {
    background: var(--ds-color-accent) !important;
    color: var(--ds-color-on-accent) !important;
    transform: translateY(-50%) scale(1.04);
}

.sf-storefront-hero[b-b77ll8nt6s]  .owl-prev {
    inset-inline-start: var(--ds-space-4);
}

.sf-storefront-hero[b-b77ll8nt6s]  .owl-next {
    inset-inline-end: var(--ds-space-4);
}

.sf-storefront-hero[b-b77ll8nt6s]  .owl-dots {
    position: absolute;
    z-index: 4;
    inset-block-end: var(--ds-space-3);
    left: 50%;
    display: flex;
    align-items: center;
    gap: var(--ds-space-1);
    transform: translateX(-50%);
}

.sf-storefront-hero[b-b77ll8nt6s]  .owl-dot {
    display: grid;
    inline-size: var(--ds-touch-target);
    block-size: var(--ds-touch-target);
    place-items: center;
}

.sf-storefront-hero[b-b77ll8nt6s]  .owl-dot span {
    display: block;
    inline-size: var(--ds-space-2);
    block-size: var(--ds-space-2);
    border-radius: 999px;
    background: color-mix(in srgb, var(--ds-color-ink-inverse) 58%, transparent);
    transition: inline-size var(--ds-duration-normal) var(--ds-ease-standard), background var(--ds-duration-normal) var(--ds-ease-standard);
}

.sf-storefront-hero[b-b77ll8nt6s]  .owl-dot.active span {
    inline-size: var(--ds-space-8);
    background: var(--ds-color-accent);
}

@keyframes sf-storefront-hero-copy-in-b-b77ll8nt6s {
    from {
        opacity: 0;
        transform: translateY(var(--ds-space-3));
    }
    to {
        opacity: 1;
        transform: none;
    }
}

/* =========================================================
   Responsive behavior
   ========================================================= */

@media (max-width: 48rem) {
    .sf-storefront-hero__copy[b-b77ll8nt6s]  .sf-button--customer {
        margin-block-start: var(--ds-space-4);
    }

    .sf-storefront-hero.sf-storefront-hero[b-b77ll8nt6s] {
        block-size: clamp(18.75rem, 88vw, 23.75rem);
        min-block-size: 18.75rem;
        margin-block-start: var(--ds-space-3);
        border-radius: var(--ds-radius-lg);
    }

    .sf-storefront-hero__slide[b-b77ll8nt6s]::after,
    .sf-storefront-hero[dir="ltr"] .sf-storefront-hero__slide[b-b77ll8nt6s]::after {
        position: absolute;
        z-index: 1;
        inset: 0;
        background: linear-gradient(
            to top,
            color-mix(in srgb, var(--ds-color-neutral-900) 94%, transparent) 0%,
            color-mix(in srgb, var(--ds-color-neutral-900) 70%, transparent) 48%,
            color-mix(in srgb, var(--ds-color-neutral-900) 16%, transparent) 78%,
            transparent 94%
        );
        content: "";
        pointer-events: none;
    }

    .sf-storefront-hero__content[b-b77ll8nt6s] {
        align-items: flex-end;
        padding: var(--ds-space-5) var(--ds-page-gutter) calc(var(--ds-space-10) + var(--ds-space-5));
    }

    .sf-storefront-hero__copy[b-b77ll8nt6s] {
        inline-size: min(100%, 34rem);
    }

    .sf-storefront-hero__copy[b-b77ll8nt6s]::before,
    .sf-storefront-hero[dir="ltr"] .sf-storefront-hero__copy[b-b77ll8nt6s]::before {
        display: none;
    }

    .sf-storefront-hero__title[b-b77ll8nt6s] {
        font-size: var(--ds-type-display-mobile-size);
        line-height: var(--ds-type-display-line-height);
    }

    .sf-storefront-hero__description[b-b77ll8nt6s] {
        margin-block-start: var(--ds-space-2);
        font-size: var(--ds-type-body-size);
        line-height: 1.75;
    }


    .sf-storefront-hero[b-b77ll8nt6s]  .owl-nav {
        display: none;
    }

    .sf-storefront-hero[b-b77ll8nt6s]  .owl-dots {
        inset-block-end: var(--ds-space-1);
    }
}

@media (max-width: 25rem) {
    .sf-storefront-hero__description[b-b77ll8nt6s] {
        -webkit-line-clamp: 1;
    }
}

/* =========================================================
   Reduced motion
   ========================================================= */

@media (prefers-reduced-motion: reduce) {
    .sf-storefront-hero__image[b-b77ll8nt6s],
    .sf-storefront-hero__copy[b-b77ll8nt6s],
    .sf-storefront-hero[b-b77ll8nt6s]  .owl-nav button,
    .sf-storefront-hero[b-b77ll8nt6s]  .owl-dot span {
        animation: none !important;
        transition: none !important;
    }
}
/* /Components/Storefront/StorefrontHome.razor.rz.scp.css */
.sf-home-canvas[b-iop8i14gsj] {
    min-inline-size: 0;
    overflow: clip;
    background: radial-gradient(circle at 8% 3%, color-mix(in srgb, var(--ds-kinetic-cyan) 3.6%, transparent), transparent 21%),
        radial-gradient(circle at 92% 53%, color-mix(in srgb, var(--ds-color-accent) 2.4%, transparent), transparent 24%),
        color-mix(in srgb, var(--ds-color-background) 96%, var(--ds-kinetic-cyan) 4%);
}

.sf-home-shortcuts[b-iop8i14gsj] { padding-block-start: var(--ds-space-4); }
.sf-home-categories[b-iop8i14gsj] { padding-block-start: var(--ds-space-6); }
.sf-home-products--primary[b-iop8i14gsj] { padding-block-start: var(--ds-space-10); }
.sf-home-assistant[b-iop8i14gsj],
.sf-home-products--secondary[b-iop8i14gsj],
.sf-home-articles[b-iop8i14gsj],
.sf-home-brands[b-iop8i14gsj] { padding-block-start: var(--ds-space-8); }
.sf-home-categories[b-iop8i14gsj]  > .sf-category-discovery,
.sf-home-products[b-iop8i14gsj]  > .sf-commerce-rail { margin-block: 0; }
.sf-home-products[b-iop8i14gsj] { min-inline-size: 0; }
/* Compact utility bridge: useful routes stay close to Hero without competing with Category discovery. */
.sf-home-shortcuts > nav[b-iop8i14gsj] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: var(--ds-space-3);
}

.sf-home-shortcut[b-iop8i14gsj] {
    display: grid;
    grid-template-columns: 3.5rem minmax(0, 1fr);
    align-items: center;
    gap: var(--ds-space-3);
    min-inline-size: 0;
    min-block-size: 5.75rem;
    padding: var(--ds-space-3);
    border: 1px solid color-mix(in srgb, var(--ds-color-surface-raised) 76%, var(--ds-color-border));
    border-radius: var(--ds-radius-card);
    background: linear-gradient(145deg, var(--ds-color-surface-raised), color-mix(in srgb, var(--ds-color-surface) 90%, var(--ds-kinetic-cyan) 10%));
    box-shadow: 0 12px 28px color-mix(in srgb, var(--ds-color-text) 7%, transparent),
        inset 1px 1px 0 color-mix(in srgb, var(--ds-color-surface-raised) 92%, transparent);
    color: var(--ds-color-text);
    font: inherit;
    text-align: start;
    text-decoration: none;
    cursor: pointer;
    transition: border-color 180ms var(--ds-ease-standard), box-shadow 180ms var(--ds-ease-standard), transform 180ms var(--ds-ease-standard);
}

.sf-home-shortcut__icon[b-iop8i14gsj] {
    display: grid;
    place-items: center;
    inline-size: 3.5rem;
    aspect-ratio: 1;
    overflow: hidden;
    border: 1px solid color-mix(in srgb, var(--ds-color-border) 72%, transparent);
    border-radius: calc(var(--ds-radius-control) + var(--ds-space-1));
    background: color-mix(in srgb, var(--ds-color-surface-subtle) 94%, var(--ds-kinetic-cyan) 6%);
    box-shadow: inset 4px 4px 10px color-mix(in srgb, var(--ds-color-text) 9%, transparent),
        inset -4px -4px 10px color-mix(in srgb, var(--ds-color-surface-raised) 90%, transparent);
}

.sf-home-shortcut__icon img[b-iop8i14gsj] { inline-size: 100%; block-size: 100%; padding: var(--ds-space-1); object-fit: contain; }
.sf-home-shortcut__copy[b-iop8i14gsj] { display: grid; gap: var(--ds-space-1); min-inline-size: 0; }
.sf-home-shortcut__copy strong[b-iop8i14gsj] { font-family: var(--ds-font-heading); font-size: var(--ds-text-sm); line-height: 1.55; }
.sf-home-shortcut__copy > span[b-iop8i14gsj] { display: -webkit-box; overflow: hidden; color: var(--ds-color-text-muted); font-size: var(--ds-text-xs); line-height: 1.65; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.sf-home-shortcut:is(:hover, :focus-visible)[b-iop8i14gsj] { border-color: color-mix(in srgb, var(--ds-color-primary) 30%, var(--ds-color-border)); box-shadow: var(--ds-shadow-resting); transform: translateY(-2px); }
.sf-home-shortcut:focus-visible[b-iop8i14gsj] { outline: 3px solid var(--ds-color-accent); outline-offset: 3px; }
.sf-home-shortcut:disabled[b-iop8i14gsj] { color: var(--ds-color-text-muted); cursor: not-allowed; opacity: .68; }

.sf-home-articles[b-iop8i14gsj]  .sf-section-header h2,
.sf-home-brands[b-iop8i14gsj]  .sf-section-header h2 {
    color: color-mix(in srgb, var(--ds-color-text) 62%, var(--ds-color-surface) 38%);
    text-shadow: 1px 1px 1px color-mix(in srgb, var(--ds-color-surface-raised) 78%, transparent),
        -1px -1px 1px color-mix(in srgb, var(--ds-color-text) 24%, transparent);
}

/* MSPYar remains a calm embedded service, not a promotional billboard. */
.sf-home-assistant > section[b-iop8i14gsj] {
    position: relative;
    display: grid;
    grid-template-columns: minmax(8rem, 10rem) minmax(0, 1fr) minmax(12rem, auto);
    align-items: center;
    gap: var(--ds-space-4);
    padding: var(--ds-space-3);
    overflow: hidden;
    border: 1px solid color-mix(in srgb, var(--ds-color-primary) 18%, var(--ds-color-border));
    border-radius: calc(var(--ds-radius-card) + var(--ds-space-2));
    background: radial-gradient(circle at 96% 10%, color-mix(in srgb, var(--ds-kinetic-cyan) 7%, transparent), transparent 22%),
        linear-gradient(145deg, color-mix(in srgb, var(--ds-color-surface-raised) 96%, var(--ds-kinetic-cyan) 4%), var(--ds-color-surface));
    box-shadow: 0 20px 42px color-mix(in srgb, var(--ds-color-text) 9%, transparent),
        inset 1px 1px 0 color-mix(in srgb, var(--ds-color-surface-raised) 92%, transparent);
}

.sf-home-assistant__identity[b-iop8i14gsj] {
    display: grid;
    grid-template-columns: 4.5rem minmax(0, 1fr);
    align-items: center;
    gap: var(--ds-space-2);
    min-inline-size: 0;
    padding: var(--ds-space-2);
}

.sf-home-assistant__avatar[b-iop8i14gsj] {
    display: grid;
    place-items: center;
    inline-size: 4.5rem;
    aspect-ratio: 1;
    overflow: hidden;
    border-radius: 50%;
    background: color-mix(in srgb, var(--ds-color-surface-subtle) 90%, var(--ds-kinetic-cyan) 10%);
    box-shadow: inset 5px 5px 12px color-mix(in srgb, var(--ds-color-text) 9%, transparent),
        inset -5px -5px 12px color-mix(in srgb, var(--ds-color-surface-raised) 90%, transparent);
}

.sf-home-assistant__avatar img[b-iop8i14gsj] { inline-size: 100%; block-size: 100%; padding: var(--ds-space-1); object-fit: contain; }
.sf-home-assistant__copy[b-iop8i14gsj] { min-inline-size: 0; padding-block: var(--ds-space-2); }
.sf-home-assistant__action[b-iop8i14gsj] { display: grid; align-self: stretch; place-items: center; min-inline-size: 12rem; padding: var(--ds-space-3); border-radius: var(--ds-radius-card); background: color-mix(in srgb, var(--ds-color-surface-subtle) 94%, var(--ds-color-background)); box-shadow: inset 5px 5px 12px color-mix(in srgb, var(--ds-color-text) 8%, transparent), inset -5px -5px 12px color-mix(in srgb, var(--ds-color-surface-raised) 88%, transparent); }
.sf-home-assistant :is(p, h2)[b-iop8i14gsj] { margin: 0; }
.sf-home-assistant__identity p[b-iop8i14gsj] { color: var(--ds-color-primary); font-size: var(--ds-type-meta-size); font-weight: var(--ds-type-heading-weight); line-height: 1.6; }
.sf-home-assistant h2[b-iop8i14gsj] { max-inline-size: 44rem; font-family: var(--ds-font-display); font-size: clamp(var(--ds-text-lg), 2.1vw, 1.65rem); line-height: 1.45; text-wrap: balance; }
.sf-home-assistant h2 + p[b-iop8i14gsj] { max-inline-size: 52rem; margin-block-start: var(--ds-space-2); color: var(--ds-color-text-muted); font-size: var(--ds-text-sm); line-height: 1.75; }

/* Brand discovery is a recessed flowing ribbon, distinct from commerce rails. */
.sf-home-brand-ribbon[b-iop8i14gsj] {
    min-inline-size: 0;
    padding: var(--ds-space-4);
    overflow: hidden;
    border-radius: calc(var(--ds-radius-card) + var(--ds-space-3));
    background: linear-gradient(145deg, color-mix(in srgb, var(--ds-color-surface-subtle) 92%, var(--ds-color-background)), var(--ds-color-surface-subtle));
    box-shadow: inset 7px 7px 16px color-mix(in srgb, var(--ds-color-text) 11%, transparent),
        inset -7px -7px 16px color-mix(in srgb, var(--ds-color-surface-raised) 88%, transparent);
    touch-action: pan-y;
    direction: ltr;
}

.sf-home-brand-track[b-iop8i14gsj] { display: flex; align-items: stretch; gap: var(--ds-space-3); min-inline-size: max-content; }
.sf-home-canvas[data-text-direction="ltr"] .sf-home-brand[b-iop8i14gsj] { direction: ltr; }

.sf-home-brand[b-iop8i14gsj] {
    position: relative;
    display: grid;
    grid-template-rows: auto minmax(2.5rem, auto);
    gap: var(--ds-space-3);
    inline-size: 9.5rem;
    min-inline-size: 9.5rem;
    padding: var(--ds-space-3);
    overflow: hidden;
    border: 1px solid color-mix(in srgb, var(--ds-color-surface-raised) 72%, var(--ds-color-border));
    border-radius: var(--ds-radius-card);
    background: linear-gradient(145deg, var(--ds-color-surface-raised), var(--ds-color-surface));
    box-shadow: var(--ds-shadow-resting);
    color: var(--ds-color-text);
    text-align: center;
    text-decoration: none;
    direction: rtl;
    transition: box-shadow 180ms var(--ds-ease-standard), transform 180ms var(--ds-ease-standard);
}

.sf-home-brand__visual[b-iop8i14gsj] {
    position: relative;
    z-index: 1;
    display: grid;
    place-items: center;
    inline-size: 100%;
    aspect-ratio: 1;
    overflow: hidden;
    border-radius: calc(var(--ds-radius-card) - var(--ds-space-2));
    background: var(--ds-color-surface-subtle);
    box-shadow: inset 4px 4px 10px color-mix(in srgb, var(--ds-color-text) 10%, transparent),
        inset -4px -4px 10px color-mix(in srgb, var(--ds-color-surface-raised) 88%, transparent);
    color: var(--ds-color-primary);
    font-family: var(--ds-font-display);
    font-size: var(--ds-text-xl);
    font-weight: var(--ds-type-heading-weight);
}

.sf-home-brand__visual img[b-iop8i14gsj] { inline-size: 100%; block-size: 100%; padding: var(--ds-space-2); object-fit: contain; }
.sf-home-brand > strong[b-iop8i14gsj] { position: relative; z-index: 1; align-self: center; overflow: hidden; font-family: var(--ds-font-heading); font-size: var(--ds-text-sm); line-height: 1.55; text-overflow: ellipsis; white-space: nowrap; }

.sf-home-brand[b-iop8i14gsj] >  :is(.ds-glow-surface__beam, .ds-glow-surface__bloom) { opacity: 0; animation: none; }
.sf-home-brand[b-iop8i14gsj] >  :is(.ds-glow-surface__border, .ds-glow-surface__spotlight, .ds-glow-surface__beam, .ds-glow-surface__bloom) { z-index: 3; }
.sf-home-brand:is(:hover, :focus-visible)[b-iop8i14gsj] { box-shadow: var(--ds-shadow-elevated); transform: translateY(-2px); }
.sf-home-brand:is(:hover, :focus-visible)[b-iop8i14gsj] >  .ds-glow-surface__beam { opacity: .62; animation: ds-glow-border-beam 1.8s linear 1; }
.sf-home-brand:is(:hover, :focus-visible)[b-iop8i14gsj] >  .ds-glow-surface__bloom { opacity: .1; }
.sf-home-assistant button:focus-visible[b-iop8i14gsj],
.sf-home-brand:focus-visible[b-iop8i14gsj] { outline: 3px solid var(--ds-color-accent); outline-offset: 3px; }
.sf-home-brands[b-iop8i14gsj] { padding-block-end: var(--ds-space-4); }
.sf-home-articles[b-iop8i14gsj] { padding-block-end: var(--ds-space-12); }

/* Tertiary Home motion: Category and commerce rails own the stronger choreography. */
.sf-home-shortcuts nav[data-home-motion-state="waiting"] [data-home-motion-item][b-iop8i14gsj] { opacity: .88; transform: translate3d(0, clamp(4rem, 12vh, 8rem), 0); will-change: transform, opacity; }
.sf-home-shortcuts nav[data-home-motion-state="ready"] [data-home-motion-item][b-iop8i14gsj] { animation: sf-home-shortcut-lock-b-iop8i14gsj 800ms cubic-bezier(.16, .84, .18, 1) 120ms both; }
.sf-home-shortcuts nav[data-home-motion-state="ready"] [data-home-motion-item]:nth-child(2)[b-iop8i14gsj] { animation-delay: 230ms; }
.sf-home-shortcuts nav[data-home-motion-state="ready"] [data-home-motion-item]:nth-child(3)[b-iop8i14gsj] { animation-delay: 340ms; }
.sf-home-shortcuts nav[data-home-motion-state="ready"] [data-home-motion-item]:nth-child(4)[b-iop8i14gsj] { animation-delay: 450ms; }
.sf-home-assistant > section[data-home-motion-state="waiting"][b-iop8i14gsj] { opacity: .9; transform: translate3d(0, clamp(3rem, 8vh, 6rem), 0); will-change: transform, opacity; }
.sf-home-assistant > section[data-home-motion-state="ready"][b-iop8i14gsj] { animation: sf-home-calm-lock-b-iop8i14gsj 800ms cubic-bezier(.16, .84, .18, 1) 135ms both; }
.sf-home-brands section[data-home-motion-state="waiting"] .sf-home-brand-ribbon[b-iop8i14gsj] { opacity: .88; transform: translate3d(0, clamp(4rem, 10vh, 7rem), 0); }
.sf-home-brands section[data-home-motion-state="waiting"] [data-home-motion-item][b-iop8i14gsj] { opacity: .88; transform: translate3d(0, clamp(4rem, 11vh, 8rem), 0) rotate(1.1deg); }
.sf-home-brands section[data-home-motion-state="ready"] .sf-home-brand-ribbon[b-iop8i14gsj] { animation: sf-home-ribbon-lock-b-iop8i14gsj 850ms cubic-bezier(.16, .84, .18, 1) 145ms both; }
.sf-home-brands section[data-home-motion-state="ready"] [data-home-motion-item][b-iop8i14gsj] { animation: sf-home-brand-lock-b-iop8i14gsj 850ms cubic-bezier(.16, .84, .18, 1) 145ms both; }
.sf-home-brands section[data-home-motion-state="ready"] [data-home-motion-item]:nth-child(2)[b-iop8i14gsj] { animation-delay: 265ms; }
.sf-home-brands section[data-home-motion-state="ready"] [data-home-motion-item]:nth-child(3)[b-iop8i14gsj] { animation-delay: 385ms; }
.sf-home-brands section[data-home-motion-state="ready"] [data-home-motion-item]:nth-child(n + 4)[b-iop8i14gsj] { animation-delay: 505ms; }


@keyframes sf-home-shortcut-lock-b-iop8i14gsj { from { opacity: .88; transform: translate3d(0, clamp(4rem, 12vh, 8rem), 0); } to { opacity: 1; transform: none; } }
@keyframes sf-home-calm-lock-b-iop8i14gsj { from { opacity: .9; transform: translate3d(0, clamp(3rem, 8vh, 6rem), 0); } to { opacity: 1; transform: none; } }
@keyframes sf-home-ribbon-lock-b-iop8i14gsj { from { opacity: .88; transform: translate3d(0, clamp(4rem, 10vh, 7rem), 0); } to { opacity: 1; transform: none; } }
@keyframes sf-home-brand-lock-b-iop8i14gsj { 0% { opacity: .88; transform: translate3d(0, clamp(4rem, 11vh, 8rem), 0) rotate(1.1deg); } 94% { opacity: 1; transform: translate3d(0, -3px, 0) rotate(-.06deg); } 100% { opacity: 1; transform: none; } }

@media (max-width: 64rem) {
    .sf-home-shortcuts > nav[b-iop8i14gsj] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .sf-home-assistant > section[b-iop8i14gsj] { grid-template-columns: minmax(8rem, 10rem) minmax(0, 1fr); }
    .sf-home-assistant__action[b-iop8i14gsj] { grid-column: 1 / -1; min-inline-size: 0; }
}

@media (max-width: 48rem) {
    .sf-home-shortcuts[b-iop8i14gsj] { padding-block-start: var(--ds-space-3); }
    .sf-home-shortcuts > nav[b-iop8i14gsj] { display: flex; gap: var(--ds-space-3); padding-block-end: var(--ds-space-2); overflow-x: auto; scroll-snap-type: inline mandatory; }
    .sf-home-shortcut[b-iop8i14gsj] { flex: 0 0 min(82vw, 20rem); scroll-snap-align: start; }
    .sf-home-categories[b-iop8i14gsj],
    .sf-home-products[b-iop8i14gsj],
    .sf-home-assistant[b-iop8i14gsj],
    .sf-home-articles[b-iop8i14gsj],
    .sf-home-brands[b-iop8i14gsj] { padding-block-start: var(--ds-space-6); }
    .sf-home-products--primary[b-iop8i14gsj] { padding-block-start: var(--ds-space-8); }
    .sf-home-assistant > section[b-iop8i14gsj] { grid-template-columns: 1fr; }
    .sf-home-assistant__action[b-iop8i14gsj] { grid-column: auto; }
    .sf-home-assistant button[b-iop8i14gsj] { inline-size: 100%; }
}

@media (prefers-reduced-motion: reduce) {
    .sf-home-canvas [data-home-motion-state] :is([data-home-motion-item], .sf-home-brand-ribbon)[b-iop8i14gsj],
    .sf-home-canvas [data-home-motion-state="waiting"][b-iop8i14gsj],
    .sf-home-canvas [data-home-motion-state="ready"][b-iop8i14gsj] {
        opacity: 1;
        animation: none;
        transform: none;
        transition: none;
        will-change: auto;
    }

    .sf-home-brand[b-iop8i14gsj],
    .sf-home-shortcut[b-iop8i14gsj],
    .sf-home-brand[b-iop8i14gsj] >  :is(.ds-glow-surface__beam, .ds-glow-surface__bloom) {
        animation: none;
        transition: none;
    }
}
/* /Components/Storefront/StorefrontProductDetailSpecimen.razor.rz.scp.css */
/* Product Detail master V5 visual specimen. All selectors are local to Design Lab. */
.sf-pdp[b-y7em081cry] {
  --pdp-line: color-mix(in srgb, var(--ds-color-primary) 13%, var(--ds-color-border));
  --pdp-line-soft: color-mix(in srgb, var(--ds-color-border) 62%, transparent);
  --pdp-highlight: color-mix(in srgb, var(--ds-color-surface-raised) 84%, white 16%);
  --pdp-depth: color-mix(in srgb, var(--ds-color-primary) 18%, transparent);
  --pdp-raised: linear-gradient(145deg, var(--ds-color-surface-raised), color-mix(in srgb, var(--ds-color-surface) 94%, var(--ds-color-primary) 6%));
  --pdp-recessed: color-mix(in srgb, var(--ds-color-surface-subtle) 95%, var(--ds-color-primary) 5%);
  --pdp-raised-shadow: 14px 16px 32px color-mix(in srgb, var(--pdp-depth) 78%, transparent), -12px -12px 28px color-mix(in srgb, var(--pdp-highlight) 70%, transparent), inset 0 1px 0 color-mix(in srgb, var(--pdp-highlight) 88%, transparent);
  --pdp-soft-shadow: 6px 7px 15px color-mix(in srgb, var(--pdp-depth) 52%, transparent), -6px -6px 14px color-mix(in srgb, var(--pdp-highlight) 62%, transparent);
  --pdp-inset-shadow: inset 5px 5px 11px color-mix(in srgb, var(--pdp-depth) 52%, transparent), inset -5px -5px 11px color-mix(in srgb, var(--pdp-highlight) 72%, transparent);
  inline-size: min(95vw, 1440px);
  min-inline-size: 0;
  margin: clamp(1rem, 2.5vw, 2rem) auto clamp(4rem, 8vw, 7rem);
  color: var(--ds-color-text);
  font-family: var(--ds-font-ui);
}

.sf-pdp *[b-y7em081cry],
.sf-pdp *[b-y7em081cry]::before,
.sf-pdp *[b-y7em081cry]::after { box-sizing: border-box; }

.sf-pdp button[b-y7em081cry],
.sf-pdp a[b-y7em081cry] { font: inherit; }

.sf-pdp button:focus-visible[b-y7em081cry],
.sf-pdp a:focus-visible[b-y7em081cry] {
  outline: 3px solid color-mix(in srgb, var(--ds-kinetic-cyan) 68%, transparent);
  outline-offset: 3px;
}

.sf-pdp-visually-hidden[b-y7em081cry] {
  position: absolute;
  inline-size: 1px;
  block-size: 1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  clip-path: inset(50%);
  white-space: nowrap;
}

/* Read-only Catalog states retain the same raised/recessed material language without generic alerts. */
.sf-pdp-state[b-y7em081cry] {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 1.25rem;
  align-items: center;
  min-block-size: 240px;
  padding: clamp(1.5rem, 4vw, 3rem);
  border: 1px solid var(--pdp-line);
  border-radius: 1.8rem;
  background: var(--pdp-raised);
  box-shadow: var(--pdp-raised-shadow);
}

.sf-pdp-state__mark[b-y7em081cry] {
  display: grid;
  place-items: center;
  inline-size: 64px;
  aspect-ratio: 1;
  border: 1px solid var(--pdp-line-soft);
  border-radius: 1.25rem;
  background: var(--pdp-recessed);
  color: var(--ds-color-primary);
  font-family: var(--ds-font-technical);
  font-size: 2rem;
  font-weight: 900;
  box-shadow: var(--pdp-inset-shadow);
}

.sf-pdp-state.is-error .sf-pdp-state__mark[b-y7em081cry] { color: var(--ds-color-danger-semantic); }
.sf-pdp-state h1[b-y7em081cry] { margin: 0; color: var(--ds-color-text-strong); font-family: var(--ds-font-display); font-size: clamp(1.65rem, 3vw, 2.25rem); }
.sf-pdp-state p[b-y7em081cry] { max-inline-size: 68ch; margin: .55rem 0 0; color: var(--ds-color-text-muted); line-height: 1.9; }
.sf-pdp-state code[b-y7em081cry] { color: var(--ds-color-primary); font-family: var(--ds-font-mono); }
.sf-pdp-state[b-y7em081cry]  .sf-button { margin-block-start: 1rem; }
.sf-pdp-state-caption[b-y7em081cry] { margin: 1rem 0 0; color: var(--ds-color-text-muted); font-size: var(--ds-text-xs); text-align: center; }

.sf-pdp-skeleton-card[b-y7em081cry] {
  display: grid;
  place-items: center;
  padding: 42px;
}

.sf-pdp-skeleton-card.is-information[b-y7em081cry] {
  align-content: center;
  justify-items: stretch;
  gap: 1rem;
}

.sf-pdp-skeleton-line[b-y7em081cry],
.sf-pdp-skeleton-media[b-y7em081cry],
.sf-pdp-skeleton-price[b-y7em081cry] {
  display: block;
  border: 1px solid var(--pdp-line-soft);
  background: var(--pdp-recessed);
  box-shadow: var(--pdp-inset-shadow);
}

.sf-pdp-skeleton-line[b-y7em081cry] { inline-size: 58%; block-size: 22px; border-radius: 999px; }
.sf-pdp-skeleton-line.is-wide[b-y7em081cry] { inline-size: min(70%, 36rem); }
.sf-pdp-skeleton-line.is-short[b-y7em081cry] { inline-size: min(34%, 15rem); }
.sf-pdp-skeleton-line.is-title[b-y7em081cry] { inline-size: 88%; block-size: 52px; border-radius: 1rem; }
.sf-pdp-skeleton-media[b-y7em081cry] { inline-size: min(100%, 500px); aspect-ratio: 1; border-radius: 1.25rem; }
.sf-pdp-skeleton-price[b-y7em081cry] { inline-size: 100%; block-size: 88px; border-radius: 1.25rem; }

/* Compact navigation follows the master without introducing another storefront route. */
.sf-pdp-topbar[b-y7em081cry] {
  display: flex;
  gap: 1rem;
  align-items: center;
  justify-content: space-between;
  min-block-size: 48px;
  margin-block-end: 18px;
  color: var(--ds-color-text-muted);
  font-size: var(--ds-text-xs);
}

.sf-pdp-path[b-y7em081cry] {
  flex: 1;
  min-inline-size: 0;
}
.sf-pdp-path[b-y7em081cry]  .sf-path-rail { margin-block-end: 0; }

.sf-pdp-breadcrumb[b-y7em081cry],
.sf-pdp-topbar__actions[b-y7em081cry] {
  display: flex;
  gap: .55rem;
  align-items: center;
  min-inline-size: 0;
}

.sf-pdp-breadcrumb[b-y7em081cry] { flex-wrap: wrap; }
.sf-pdp-breadcrumb strong[b-y7em081cry] { color: var(--ds-color-text-strong); }
.sf-pdp-topbar__actions[b-y7em081cry] { flex: none; }

.sf-pdp-topbar__actions button[b-y7em081cry],
.sf-pdp-demo-note[b-y7em081cry] {
  min-block-size: 38px;
  display: inline-flex;
  align-items: center;
  padding-inline: .9rem;
  border: 1px solid var(--pdp-line);
  border-radius: var(--ds-radius-sm);
  background: var(--pdp-raised);
  color: var(--ds-color-primary);
  text-decoration: none;
  box-shadow: var(--pdp-soft-shadow);
}

.sf-pdp-topbar__actions button[b-y7em081cry] { cursor: pointer; }

.sf-pdp-demo-note[b-y7em081cry] {
  color: var(--ds-color-text-muted);
  font-family: var(--ds-font-body);
  font-size: var(--ds-text-2xs);
}

/* The hero keeps the authoritative .92 / 1.08 relationship and matched card heights. */
.sf-pdp-hero[b-y7em081cry] {
  display: grid;
  grid-template-columns: minmax(0, .92fr) minmax(0, 1.08fr);
  gap: 24px;
  align-items: stretch;
}

.sf-pdp-card[b-y7em081cry] {
  position: relative;
  isolation: isolate;
  min-inline-size: 0;
  min-block-size: 660px;
  overflow: hidden;
  border: 1px solid var(--pdp-line);
  border-radius: clamp(1.45rem, 2.5vw, 2rem);
  background: var(--pdp-raised);
  box-shadow: var(--pdp-raised-shadow);
}

/* Electric Trace is invisible and paused at idle; only interaction runs the SVG dash. */
.sf-pdp-electric[b-y7em081cry] {
  position: absolute;
  z-index: 4;
  inset: 1px;
  border-radius: inherit;
  opacity: 0;
  pointer-events: none;
  transition: opacity 180ms ease;
}

.sf-pdp-electric svg[b-y7em081cry] { inline-size: 100%; block-size: 100%; overflow: visible; }
.sf-pdp-electric path[b-y7em081cry] {
  fill: none;
  stroke-linecap: round;
  stroke-dasharray: 16 84;
  stroke-dashoffset: 100;
  animation: sf-pdp-electric-run-b-y7em081cry 2.8s linear infinite;
  animation-play-state: paused;
}
.sf-pdp-electric .halo[b-y7em081cry] { stroke-width: 6px; opacity: .13; filter: drop-shadow(0 0 5px color-mix(in srgb, var(--ds-kinetic-cyan) 42%, transparent)); }
.sf-pdp-electric .core[b-y7em081cry] { stroke-width: 2px; opacity: .68; }
.sf-pdp-electric .hot[b-y7em081cry] { stroke-width: .9px; stroke-dasharray: 5 95; opacity: .9; }
.sf-pdp-card:hover .sf-pdp-electric[b-y7em081cry],
.sf-pdp-card:focus-within .sf-pdp-electric[b-y7em081cry] { opacity: .82; }
.sf-pdp-card:hover .sf-pdp-electric path[b-y7em081cry],
.sf-pdp-card:focus-within .sf-pdp-electric path[b-y7em081cry] { animation-play-state: running; }

@keyframes sf-pdp-electric-run-b-y7em081cry { to { stroke-dashoffset: 0; } }

/* Gallery: square media first, horizontal thumbnails below. */
.sf-pdp-gallery-card[b-y7em081cry] {
  display: flex;
  padding: 24px;
}

.sf-pdp-gallery-inner[b-y7em081cry] {
  position: relative;
  z-index: 1;
  display: grid;
  flex: 1;
  grid-template-rows: minmax(0, 1fr) auto;
  gap: 14px;
  min-inline-size: 0;
  min-block-size: 0;
  padding: 18px;
  border: 1px solid var(--pdp-line-soft);
  border-radius: 1.55rem;
  background: var(--pdp-recessed);
  box-shadow: var(--pdp-inset-shadow);
}
.sf-pdp-gallery-inner.is-single[b-y7em081cry] { grid-template-rows: minmax(0, 1fr); }
.sf-pdp-gallery-inner.is-single .sf-pdp-main-media[b-y7em081cry] { min-block-size: 574px; }
.sf-pdp-gallery-inner.is-single .sf-pdp-media-square[b-y7em081cry] { inline-size: min(100%, 540px); }

.sf-pdp-main-media[b-y7em081cry] {
  position: relative;
  display: grid;
  place-items: center;
  min-inline-size: 0;
  min-block-size: 500px;
  overflow: hidden;
  border-radius: 1.2rem;
}

.sf-pdp-media-toolbar[b-y7em081cry] {
  position: absolute;
  z-index: 3;
  inset-block-start: .25rem;
  inset-inline-end: .25rem;
  display: flex;
  gap: .5rem;
}

.sf-pdp-media-toolbar button[b-y7em081cry],
.sf-pdp-wish[b-y7em081cry] {
  display: grid;
  place-items: center;
  inline-size: 46px;
  block-size: 46px;
  border: 1px solid var(--pdp-line);
  border-radius: .9rem;
  background: var(--pdp-raised);
  color: var(--ds-color-text-muted);
  cursor: pointer;
  box-shadow: var(--pdp-soft-shadow);
}

.sf-pdp-media-toolbar svg[b-y7em081cry],
.sf-pdp-wish svg[b-y7em081cry],
.sf-pdp-media-nav svg[b-y7em081cry] {
  inline-size: 19px;
  block-size: 19px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.8;
}

.sf-pdp-media-count[b-y7em081cry] {
  position: absolute;
  z-index: 3;
  inset-block-start: .25rem;
  inset-inline-start: .25rem;
  display: flex;
  align-items: center;
  min-block-size: 42px;
  padding-inline: .8rem;
  border: 1px solid var(--pdp-line);
  border-radius: .85rem;
  background: var(--pdp-raised);
  color: var(--ds-color-text-muted);
  font-family: var(--ds-font-numeric);
  font-size: var(--ds-text-2xs);
  font-weight: 850;
  box-shadow: var(--pdp-soft-shadow);
}

.sf-pdp-media-nav[b-y7em081cry] {
  position: absolute;
  z-index: 3;
  inset-block-start: 50%;
  display: grid;
  place-items: center;
  inline-size: 44px;
  block-size: 44px;
  padding: 0;
  border: 1px solid var(--pdp-line);
  border-radius: 50%;
  background: var(--pdp-raised);
  color: var(--ds-color-text-muted);
  cursor: pointer;
  opacity: 0;
  box-shadow: var(--pdp-soft-shadow);
  transform: translateY(-50%);
  transition: opacity 180ms ease, transform 180ms ease;
}
.sf-pdp-media-nav.is-previous[b-y7em081cry] { inset-inline-start: .5rem; }
.sf-pdp-media-nav.is-next[b-y7em081cry] { inset-inline-end: .5rem; }
.sf-pdp-main-media:is(:hover, :focus-within) .sf-pdp-media-nav[b-y7em081cry] { opacity: 1; }
.sf-pdp-media-nav:is(:hover, :focus-visible)[b-y7em081cry] { transform: translateY(-50%) scale(1.05); }

.sf-pdp-media-square[b-y7em081cry] {
  position: relative;
  inline-size: min(100%, 500px);
  aspect-ratio: 1;
  overflow: hidden;
  border: 1px solid var(--pdp-line-soft);
  border-radius: 1.25rem;
  background: var(--pdp-recessed);
  box-shadow: var(--pdp-inset-shadow);
}

.sf-pdp-product-visual[b-y7em081cry],
.sf-pdp-product-visual img[b-y7em081cry] { inline-size: 100%; block-size: 100%; }
.sf-pdp-product-visual img[b-y7em081cry] {
  display: block;
  object-fit: contain;
  object-position: center;
  opacity: 1;
  filter: none;
}

.sf-pdp-media-image[b-y7em081cry] {
  animation-duration: 280ms;
  animation-fill-mode: both;
  animation-timing-function: cubic-bezier(.22, .78, .18, 1);
}
.sf-pdp-media-image.is-transition-next[b-y7em081cry] { animation-name: sf-pdp-media-enter-next-b-y7em081cry; }
.sf-pdp-media-image.is-transition-previous[b-y7em081cry] { animation-name: sf-pdp-media-enter-previous-b-y7em081cry; }
.sf-pdp-media-image.is-transition-neutral[b-y7em081cry] {
  animation-name: sf-pdp-media-enter-neutral-b-y7em081cry;
  animation-duration: 170ms;
}

@keyframes sf-pdp-media-enter-next-b-y7em081cry {
  from { opacity: 0; transform: translateX(18px) scale(.985); }
  to { opacity: 1; transform: translateX(0) scale(1); }
}
@keyframes sf-pdp-media-enter-previous-b-y7em081cry {
  from { opacity: 0; transform: translateX(-18px) scale(.985); }
  to { opacity: 1; transform: translateX(0) scale(1); }
}
@keyframes sf-pdp-media-enter-neutral-b-y7em081cry {
  from { opacity: .72; transform: scale(.992); }
  to { opacity: 1; transform: scale(1); }
}

.sf-pdp-thumbs[b-y7em081cry] {
  display: flex;
  gap: 12px;
  inline-size: min(100%, 520px);
  margin-inline: auto;
  padding: .2rem;
  overflow-x: auto;
  overscroll-behavior-inline: contain;
  scrollbar-width: thin;
}

.sf-pdp-thumbs button[b-y7em081cry] {
  position: relative;
  flex: 1 1 0;
  aspect-ratio: 1.22 / 1;
  min-inline-size: 0;
  padding: .3rem;
  overflow: hidden;
  border: 1px solid var(--pdp-line-soft);
  border-radius: 1rem;
  background: var(--pdp-raised);
  cursor: pointer;
  box-shadow: var(--pdp-soft-shadow);
}
.sf-pdp-thumbs button[aria-pressed="true"][b-y7em081cry] {
  border-color: color-mix(in srgb, var(--ds-color-primary) 58%, var(--pdp-line));
  box-shadow: var(--pdp-inset-shadow), 0 0 0 2px color-mix(in srgb, var(--ds-kinetic-cyan) 18%, transparent);
}
.sf-pdp-thumbs img[b-y7em081cry] {
  display: block;
  inline-size: 100%;
  block-size: 100%;
  border-radius: .7rem;
  background: var(--pdp-recessed);
  object-fit: contain;
  opacity: 1;
  filter: none;
}
.sf-pdp-thumbs .sf-pdp-thumb-more[b-y7em081cry] {
  display: flex;
  gap: .15rem;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  color: var(--ds-color-primary);
}
.sf-pdp-thumb-more strong[b-y7em081cry] { font-family: var(--ds-font-numeric); font-size: 1.25rem; }
.sf-pdp-thumb-more span[b-y7em081cry] { color: var(--ds-color-text-muted); font-size: var(--ds-text-2xs); }

/* Product information card: medium emboss headings and controlled deboss controls. */
.sf-pdp-info-card[b-y7em081cry] { padding: 28px; }
.sf-pdp-info-content[b-y7em081cry] { position: relative; z-index: 1; }

.sf-pdp-category[b-y7em081cry] {
  display: flex;
  gap: .55rem;
  align-items: center;
  margin: 0 0 .55rem;
  color: var(--ds-color-text-muted);
  font-size: var(--ds-text-xs);
}
.sf-pdp-category i[b-y7em081cry],
.sf-pdp-meta .is-available i[b-y7em081cry],
.sf-pdp-stock i[b-y7em081cry] {
  inline-size: .52rem;
  aspect-ratio: 1;
  border-radius: 50%;
  background: var(--ds-color-success-semantic);
  box-shadow: 0 0 0 4px color-mix(in srgb, var(--ds-color-success-semantic) 13%, transparent);
}
.sf-pdp-category i[b-y7em081cry] { background: var(--ds-color-primary); box-shadow: 0 0 0 4px color-mix(in srgb, var(--ds-color-primary) 13%, transparent); }
.sf-pdp-meta .is-unavailable i[b-y7em081cry],
.sf-pdp-stock.is-unavailable i[b-y7em081cry] { background: var(--ds-color-warning-semantic); box-shadow: 0 0 0 4px color-mix(in srgb, var(--ds-color-warning-semantic) 13%, transparent); }

.sf-pdp-info-card h1[b-y7em081cry] {
  margin: 0;
  color: color-mix(in srgb, var(--ds-color-text-strong) 88%, var(--ds-color-primary) 12%);
  font-family: var(--ds-font-display);
  font-size: clamp(2.2rem, 3.05vw, 2.75rem);
  font-weight: 900;
  line-height: 1.42;
  letter-spacing: -.035em;
  text-shadow: -1px -1px 0 var(--pdp-highlight), 1px 1px 1px color-mix(in srgb, var(--pdp-depth) 48%, transparent);
}

.sf-pdp-subtitle[b-y7em081cry] {
  margin: .45rem 0 .85rem;
  color: var(--ds-color-text-muted);
  font-size: var(--ds-text-sm);
  line-height: 1.85;
}

.sf-pdp-identity-tokens[b-y7em081cry] {
  display: flex;
  flex-wrap: wrap;
  gap: .4rem .8rem;
  margin-block: .4rem .7rem;
  color: var(--ds-color-text-muted);
  font-family: var(--ds-font-meta);
  font-size: var(--ds-text-2xs);
}

.sf-pdp-identity-tokens span[b-y7em081cry] {
  padding: .22rem .55rem;
  border-radius: .55rem;
  background: var(--pdp-recessed);
  box-shadow: inset 2px 2px 5px color-mix(in srgb, var(--pdp-depth) 22%, transparent), inset -2px -2px 5px color-mix(in srgb, var(--pdp-highlight) 42%, transparent);
}

.sf-pdp-meta[b-y7em081cry] {
  display: flex;
  flex-wrap: wrap;
  gap: .55rem;
  margin-block-end: .85rem;
}
.sf-pdp-meta span[b-y7em081cry] {
  display: inline-flex;
  gap: .45rem;
  align-items: center;
  min-block-size: 34px;
  padding-inline: .72rem;
  border: 1px solid var(--pdp-line-soft);
  border-radius: 999px;
  background: color-mix(in srgb, var(--ds-color-surface-raised) 88%, transparent);
  color: var(--ds-color-text-muted);
  font-size: var(--ds-text-2xs);
  box-shadow: 3px 4px 8px color-mix(in srgb, var(--pdp-depth) 35%, transparent), -3px -3px 7px color-mix(in srgb, var(--pdp-highlight) 52%, transparent);
}

.sf-pdp-price-box[b-y7em081cry] {
  display: flex;
  gap: 1rem;
  align-items: center;
  justify-content: space-between;
  min-block-size: 88px;
  padding: .85rem 1rem;
  border: 1px solid var(--pdp-line-soft);
  border-radius: 1.25rem;
  background: var(--pdp-recessed);
  box-shadow: var(--pdp-inset-shadow);
}
.sf-pdp-price-box small[b-y7em081cry] { color: var(--ds-color-text-muted); font-size: var(--ds-text-2xs); }
.sf-pdp-price-empty[b-y7em081cry] { max-inline-size: 30ch; margin: 0; color: var(--ds-color-text-muted); font-size: var(--ds-text-xs); line-height: 1.7; }
.sf-pdp-price-box[b-y7em081cry]  .sf-price { margin: .18rem 0 0; }
.sf-pdp-price-box[b-y7em081cry]  .sf-price strong {
  color: var(--ds-color-text-strong);
  font-size: clamp(1.65rem, 2.25vw, 2.2rem);
  text-shadow: -1px -1px 0 var(--pdp-highlight), 1px 1px 1px color-mix(in srgb, var(--pdp-depth) 46%, transparent);
}
.sf-pdp-stock[b-y7em081cry] { display: flex; gap: .55rem; align-items: center; color: var(--ds-color-text-muted); font-size: var(--ds-text-xs); white-space: nowrap; }

.sf-pdp-option-block[b-y7em081cry] {
  min-inline-size: 0;
  margin: .85rem 0 0;
  padding: 0;
  border: 0;
}
.sf-pdp-option-block legend[b-y7em081cry] {
  display: flex;
  inline-size: 100%;
  justify-content: space-between;
  margin-block-end: .55rem;
  color: var(--ds-color-text-strong);
  font-size: var(--ds-text-xs);
  font-weight: 850;
}
.sf-pdp-option-block legend small[b-y7em081cry] { color: var(--ds-color-text-muted); font-size: var(--ds-text-2xs); font-weight: 600; }
.sf-pdp-option-block > div[b-y7em081cry] { display: grid; grid-auto-columns: minmax(0, 1fr); grid-auto-flow: column; gap: .65rem; }
.sf-pdp-option-block button[b-y7em081cry] {
  min-block-size: 44px;
  border: 1px solid var(--pdp-line-soft);
  border-radius: .9rem;
  background: var(--pdp-raised);
  color: var(--ds-color-text-muted);
  font-size: var(--ds-text-xs);
  font-weight: 760;
  cursor: pointer;
  box-shadow: var(--pdp-soft-shadow);
}
.sf-pdp-option-block button[aria-pressed="true"][b-y7em081cry] {
  border-color: color-mix(in srgb, var(--ds-color-primary) 46%, var(--pdp-line));
  background: var(--pdp-recessed);
  color: var(--ds-color-primary);
  box-shadow: var(--pdp-inset-shadow);
}

.sf-pdp-purchase-row[b-y7em081cry] {
  display: grid;
  grid-template-columns: minmax(9rem, .48fr) minmax(0, 1.52fr);
  gap: .75rem;
  margin-block-start: .9rem;
}
.sf-pdp-purchase-row.is-unavailable[b-y7em081cry] { grid-template-columns: 1fr; }
.sf-pdp-quantity[b-y7em081cry] { min-inline-size: 0; }
.sf-pdp-quantity[b-y7em081cry]  .sf-quantity { margin: 0; }
.sf-pdp-quantity[b-y7em081cry]  .sf-quantity > label { position: absolute; inline-size: 1px; block-size: 1px; overflow: hidden; clip-path: inset(50%); }
.sf-pdp-quantity[b-y7em081cry]  .sf-quantity > div {
  direction: ltr;
  inline-size: 100%;
  max-inline-size: none;
  min-block-size: 54px;
  border-color: var(--pdp-line-soft);
  border-radius: 1rem;
  background: var(--pdp-recessed);
  box-shadow: var(--pdp-inset-shadow);
}
.sf-pdp-quantity[b-y7em081cry]  .sf-quantity button { min-block-size: 54px; background: transparent; color: var(--ds-color-primary); font-size: 1.15rem; font-weight: 850; cursor: pointer; }
.sf-pdp-quantity[b-y7em081cry]  .sf-quantity input {
  min-block-size: 54px;
  color: var(--ds-color-text-strong);
  font-family: var(--ds-font-ui);
  font-weight: 850;
  font-variant-numeric: tabular-nums;
}
.sf-pdp-quantity[b-y7em081cry]  .sf-quantity input {
  appearance: textfield;
  -moz-appearance: textfield;
}
.sf-pdp-quantity[b-y7em081cry]  .sf-quantity input::-webkit-inner-spin-button,
.sf-pdp-quantity[b-y7em081cry]  .sf-quantity input::-webkit-outer-spin-button {
  margin: 0;
  appearance: none;
  -webkit-appearance: none;
}

.sf-pdp-primary[b-y7em081cry]  .sf-button {
  --sf-button-border: var(--pdp-line);
  --sf-button-text: color-mix(in srgb, var(--ds-color-primary) 82%, var(--ds-color-text-strong));
  inline-size: 100%;
  min-block-size: 54px;
  border-color: var(--pdp-line);
  background: var(--pdp-raised);
  color: var(--sf-button-text);
  box-shadow: var(--pdp-soft-shadow);
  transition: color 220ms ease, border-color 220ms ease, box-shadow 220ms ease, transform 220ms ease;
}
.sf-pdp-primary[b-y7em081cry]  .sf-button::before {
  inset: 0;
  border-radius: inherit;
  background: linear-gradient(105deg, #25dff5, #327fff 34%, #765dfc 67%, #af59f3);
  opacity: 0;
  transform: scale(.985);
  transform-origin: bottom center;
  transition: opacity 260ms ease, transform 260ms ease;
}
.sf-pdp-primary[b-y7em081cry]  .sf-button:is(:hover, :focus-visible) {
  border-color: color-mix(in srgb, var(--ds-kinetic-cyan) 62%, var(--ds-color-primary));
  background: transparent;
  color: #fff;
  filter: none;
  box-shadow: 0 13px 25px color-mix(in srgb, var(--ds-color-primary) 25%, transparent), inset 0 1px 0 color-mix(in srgb, white 42%, transparent);
}
.sf-pdp-primary[b-y7em081cry]  .sf-button:is(:hover, :focus-visible)::before {
  opacity: 1;
  transform: scale(1);
}
.sf-pdp-primary[b-y7em081cry]  .sf-button:active {
  transform: translateY(0) scale(.992);
  box-shadow: var(--pdp-inset-shadow);
}
.sf-pdp-primary[b-y7em081cry]  .sf-button:disabled {
  border-color: var(--pdp-line-soft);
  background: var(--pdp-raised);
  color: var(--ds-color-text-muted);
  opacity: .66;
  filter: none;
  box-shadow: var(--pdp-inset-shadow);
}
.sf-pdp-primary[b-y7em081cry]  .sf-button:disabled::before {
  opacity: 0;
}

.sf-pdp-ai-row[b-y7em081cry] {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: .75rem;
  margin-block-start: .75rem;
}
.sf-pdp-ai-row[b-y7em081cry]  .sf-button {
  --sf-button-surface-1: var(--ds-color-surface-raised);
  --sf-button-surface-2: color-mix(in srgb, var(--ds-color-surface) 92%, var(--ds-color-primary) 8%);
  --sf-button-border: var(--pdp-line);
  min-block-size: 54px;
  color: color-mix(in srgb, var(--ds-color-primary) 76%, var(--ds-color-accent));
  box-shadow: var(--pdp-soft-shadow);
}
.sf-pdp-ai-row[b-y7em081cry]  .sf-button svg { inline-size: 18px; block-size: 18px; fill: none; stroke: currentColor; stroke-width: 1.8; }
.sf-pdp-compare[b-y7em081cry] {
  display: inline-flex;
  gap: .5rem;
  align-items: center;
  justify-content: center;
  min-block-size: 54px;
  padding-inline: 1rem;
  border: 1px solid var(--pdp-line);
  border-radius: 1rem;
  background: var(--pdp-raised);
  color: var(--ds-color-text-muted);
  font: inherit;
  font-size: var(--ds-text-xs);
  font-weight: 800;
  white-space: nowrap;
  cursor: pointer;
  box-shadow: var(--pdp-soft-shadow);
}
.sf-pdp-compare svg[b-y7em081cry] { inline-size: 19px; block-size: 19px; fill: none; stroke: currentColor; stroke-width: 1.8; }
.sf-pdp-compare:is(:hover, :focus-visible)[b-y7em081cry] { border-color: color-mix(in srgb, var(--ds-color-primary) 46%, var(--pdp-line)); color: var(--ds-color-primary); }
.sf-pdp-compare[aria-pressed="true"][b-y7em081cry] {
  border-color: color-mix(in srgb, var(--ds-color-primary) 54%, var(--pdp-line));
  background: var(--pdp-recessed);
  color: var(--ds-color-primary);
  box-shadow: var(--pdp-inset-shadow), 0 0 0 2px color-mix(in srgb, var(--ds-kinetic-cyan) 12%, transparent);
}

.sf-pdp-notice[b-y7em081cry] {
  margin: 1rem auto 0;
  padding: .75rem 1rem;
  border: 1px solid var(--pdp-line);
  border-radius: var(--ds-radius-sm);
  background: color-mix(in srgb, var(--ds-color-surface-raised) 94%, var(--ds-kinetic-cyan) 6%);
  color: var(--ds-color-text-muted);
  font-size: var(--ds-text-xs);
  text-align: center;
}

/* V5 tab navigation keeps one naturally-sized Product panel in normal flow. */
.sf-pdp-section-nav[b-y7em081cry] {
  position: sticky;
  z-index: 35;
  inset-block-start: .65rem;
  display: flex;
  gap: .45rem;
  align-items: center;
  margin-block: 24px 18px;
  padding: .55rem;
  overflow-x: auto;
  border: 1px solid color-mix(in srgb, var(--pdp-line) 72%, transparent);
  border-radius: 1.1rem;
  background: color-mix(in srgb, var(--ds-color-surface-raised) 96%, var(--ds-color-primary) 4%);
  box-shadow: 8px 9px 20px color-mix(in srgb, var(--pdp-depth) 60%, transparent),
    -7px -7px 18px color-mix(in srgb, var(--pdp-highlight) 70%, transparent),
    inset 0 1px 0 color-mix(in srgb, var(--pdp-highlight) 92%, transparent);
  scrollbar-width: none;
}
.sf-pdp-section-nav[b-y7em081cry]::-webkit-scrollbar { display: none; }
.sf-pdp-section-nav button[b-y7em081cry] {
  flex: none;
  display: inline-flex;
  gap: .48rem;
  align-items: center;
  min-block-size: 42px;
  padding-inline: .78rem;
  border: 1px solid color-mix(in srgb, var(--pdp-line-soft) 58%, transparent);
  border-radius: .75rem;
  background: var(--pdp-raised);
  color: var(--ds-color-text-muted);
  font-size: var(--ds-text-2xs);
  font-weight: 850;
  cursor: pointer;
  box-shadow: 4px 5px 10px color-mix(in srgb, var(--pdp-depth) 48%, transparent),
    -4px -4px 9px color-mix(in srgb, var(--pdp-highlight) 76%, transparent),
    inset 0 1px 0 color-mix(in srgb, var(--pdp-highlight) 88%, transparent);
  transition: color 150ms ease, border-color 150ms ease, box-shadow 150ms ease, transform 150ms ease;
}
.sf-pdp-section-nav svg[b-y7em081cry] {
  inline-size: 26px;
  block-size: 26px;
  padding: 5px;
  border-radius: .48rem;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.8;
  background: color-mix(in srgb, var(--pdp-recessed) 88%, transparent);
  box-shadow: inset 2px 2px 4px color-mix(in srgb, var(--pdp-depth) 38%, transparent),
    inset -2px -2px 4px color-mix(in srgb, var(--pdp-highlight) 62%, transparent);
}
.sf-pdp-section-nav button:hover[b-y7em081cry] {
  border-color: color-mix(in srgb, var(--ds-color-accent) 28%, var(--pdp-line));
  color: color-mix(in srgb, var(--ds-color-text-strong) 82%, var(--ds-color-primary) 18%);
  box-shadow: 6px 7px 14px color-mix(in srgb, var(--pdp-depth) 54%, transparent),
    -5px -5px 12px color-mix(in srgb, var(--pdp-highlight) 82%, transparent);
  transform: translateY(-1px);
}
.sf-pdp-section-nav button.is-active[b-y7em081cry] {
  border-color: color-mix(in srgb, var(--ds-kinetic-cyan) 50%, var(--ds-color-primary));
  background: var(--pdp-recessed);
  color: color-mix(in srgb, var(--ds-color-text-strong) 82%, var(--ds-color-primary) 18%);
  box-shadow: inset 6px 6px 12px color-mix(in srgb, var(--pdp-depth) 58%, transparent),
    inset -5px -5px 11px color-mix(in srgb, var(--pdp-highlight) 72%, transparent),
    0 0 0 1px color-mix(in srgb, var(--ds-kinetic-cyan) 12%, transparent);
  transform: translateY(0);
}
.sf-pdp-section-nav button.is-active svg[b-y7em081cry] {
  color: var(--ds-color-primary);
  background: color-mix(in srgb, var(--pdp-recessed) 92%, var(--ds-kinetic-cyan) 8%);
  box-shadow: inset 3px 3px 6px color-mix(in srgb, var(--pdp-depth) 48%, transparent),
    inset -3px -3px 6px color-mix(in srgb, var(--pdp-highlight) 68%, transparent);
}
.sf-pdp-section-nav button:focus:not(:focus-visible)[b-y7em081cry] { outline: 0; }
.sf-pdp-section-nav button:focus-visible[b-y7em081cry] {
  outline: 2px solid color-mix(in srgb, var(--ds-kinetic-cyan) 72%, var(--ds-color-primary));
  outline-offset: 2px;
}

.sf-pdp-details-stack[b-y7em081cry] {
  display: grid;
  gap: 0;
}
.sf-pdp-detail-section[b-y7em081cry] {
  padding: 22px;
  border: 1px solid color-mix(in srgb, var(--pdp-line) 82%, transparent);
  border-radius: 1.8rem;
  background: var(--pdp-raised);
  box-shadow: var(--pdp-raised-shadow);
}
.sf-pdp-section-summary[b-y7em081cry] {
  display: flex;
  gap: 1rem;
  align-items: center;
  justify-content: space-between;
  margin: -2px 0 16px;
  list-style: none;
}
.sf-pdp-section-title[b-y7em081cry] { display: flex; gap: .7rem; align-items: center; min-inline-size: 0; }
.sf-pdp-section-icon[b-y7em081cry] {
  display: grid;
  place-items: center;
  inline-size: 42px;
  aspect-ratio: 1;
  flex: 0 0 auto;
  border-radius: .85rem;
  color: var(--ds-color-primary);
  box-shadow: var(--pdp-inset-shadow);
}
.sf-pdp-section-icon svg[b-y7em081cry] { inline-size: 19px; block-size: 19px; fill: none; stroke: currentColor; stroke-width: 1.8; }
.sf-pdp-section-title strong[b-y7em081cry] {
  display: block;
  color: color-mix(in srgb, var(--ds-color-text-strong) 90%, var(--ds-color-primary) 10%);
  font-family: var(--ds-font-display);
  font-size: clamp(1.15rem, 2vw, 1.4rem);
  font-weight: 900;
  text-shadow: -1px -1px 0 var(--pdp-highlight), 1px 1px 1px color-mix(in srgb, var(--pdp-depth) 42%, transparent);
}
.sf-pdp-section-title small[b-y7em081cry] { display: block; margin-block-start: .2rem; color: var(--ds-color-text-muted); font-size: var(--ds-text-2xs); }
.sf-pdp-section-chevron[b-y7em081cry] {
  display: none;
  place-items: center;
  inline-size: 36px;
  aspect-ratio: 1;
  flex: 0 0 auto;
  border-radius: .7rem;
  color: var(--ds-color-text-muted);
  box-shadow: var(--pdp-soft-shadow);
  transition: transform 180ms ease;
}
.sf-pdp-section-body[b-y7em081cry] {
  padding: 18px;
  border: 1px solid var(--pdp-line-soft);
  border-radius: 1.25rem;
  background: color-mix(in srgb, var(--pdp-recessed) 96%, var(--ds-color-primary) 4%);
  box-shadow: inset 7px 8px 16px color-mix(in srgb, var(--pdp-depth) 54%, transparent),
    inset -6px -6px 15px color-mix(in srgb, var(--pdp-highlight) 72%, transparent);
}
.sf-pdp-spec-grid[b-y7em081cry] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .65rem; }
.sf-pdp-spec-grid > div[b-y7em081cry] {
  display: grid;
  grid-template-columns: 150px minmax(0, 1fr);
  gap: .75rem;
  align-items: center;
  min-block-size: 48px;
  padding: .7rem .8rem;
  border: 1px solid color-mix(in srgb, var(--pdp-line-soft) 70%, transparent);
  border-radius: .85rem;
  background: color-mix(in srgb, var(--ds-color-surface-raised) 70%, transparent);
  color: var(--ds-color-text-muted);
  font-size: var(--ds-text-xs);
  box-shadow: inset 2px 2px 5px color-mix(in srgb, var(--pdp-depth) 22%, transparent), inset -2px -2px 5px color-mix(in srgb, var(--pdp-highlight) 42%, transparent);
}
.sf-pdp-spec-grid strong[b-y7em081cry] { color: var(--ds-color-text-strong); }
.sf-pdp-description-copy p[b-y7em081cry] { max-inline-size: 78ch; margin: 0; color: var(--ds-color-text-muted); line-height: 2.05; }

.sf-pdp-price-list[b-y7em081cry],
.sf-pdp-review-list[b-y7em081cry],
.sf-pdp-review-form[b-y7em081cry] { display: grid; gap: .85rem; }
.sf-pdp-price-list__head[b-y7em081cry] {
  display: grid;
  grid-template-columns: minmax(8rem, .72fr) minmax(10rem, 1fr) minmax(5rem, .45fr);
  gap: .75rem;
  padding: .75rem 1rem;
  border-radius: .9rem;
  background: color-mix(in srgb, var(--ds-color-surface-raised) 78%, transparent);
  color: var(--ds-color-text-muted);
  font-size: var(--ds-text-xs);
  font-weight: 800;
  box-shadow: inset 1px 1px 3px color-mix(in srgb, var(--pdp-depth) 18%, transparent);
}
.sf-pdp-price-list__row[b-y7em081cry] {
  display: grid;
  grid-template-columns: minmax(8rem, .72fr) minmax(10rem, 1fr) minmax(5rem, .45fr);
  gap: .75rem;
  align-items: center;
  padding: .8rem 1rem;
  border: 1px solid var(--pdp-line-soft);
  border-radius: .9rem;
  background: color-mix(in srgb, var(--ds-color-surface-raised) 68%, transparent);
  color: var(--ds-color-text-muted);
  box-shadow: inset 1px 1px 3px color-mix(in srgb, var(--pdp-depth) 16%, transparent);
}
.sf-pdp-price-list__row.is-latest[b-y7em081cry] {
  border-color: color-mix(in srgb, var(--ds-color-primary) 30%, var(--pdp-line-soft));
  background: color-mix(in srgb, var(--ds-color-surface-raised) 80%, var(--ds-color-primary) 4%);
}
.sf-pdp-price-list__row time[b-y7em081cry],
.sf-pdp-history-table__row time[b-y7em081cry] {
  color: var(--ds-color-text-muted);
  font-family: var(--ds-font-ui);
  font-variant-numeric: tabular-nums;
  letter-spacing: 0;
}
.sf-pdp-history-amount[b-y7em081cry] {
  color: var(--ds-color-text-strong);
  font-family: var(--ds-font-ui);
  font-size: 1.05rem;
  font-weight: 860;
  font-variant-numeric: tabular-nums;
  letter-spacing: -.012em;
}
.sf-pdp-history-currency[b-y7em081cry] {
  color: var(--ds-color-text-muted);
  font-family: var(--ds-font-ui);
  font-size: var(--ds-text-2xs);
  font-weight: 650;
}
.sf-pdp-history-open[b-y7em081cry] {
  justify-self: start;
  min-block-size: 42px;
  padding-inline: 1rem;
  border: 1px solid color-mix(in srgb, var(--ds-color-primary) 36%, var(--pdp-line));
  border-radius: .8rem;
  background: var(--pdp-raised);
  color: var(--ds-color-primary);
  font: 800 var(--ds-text-xs) var(--ds-font-ui);
  cursor: pointer;
  box-shadow: var(--pdp-soft-shadow);
}
.sf-pdp-history-open:is(:hover, :focus-visible)[b-y7em081cry] {
  background: var(--pdp-recessed);
  box-shadow: var(--pdp-inset-shadow);
}
.sf-pdp-contract-empty[b-y7em081cry] {
  display: grid;
  gap: .45rem;
  justify-items: center;
  padding: 1.75rem;
  border: 1px dashed color-mix(in srgb, var(--pdp-line) 78%, transparent);
  border-radius: 1rem;
  background: color-mix(in srgb, var(--ds-color-surface-raised) 68%, transparent);
  color: var(--ds-color-text-muted);
  text-align: center;
}
.sf-pdp-contract-empty strong[b-y7em081cry] { color: var(--ds-color-text-strong); }
.sf-pdp-contract-empty p[b-y7em081cry] { max-inline-size: 64ch; margin: 0; font-size: var(--ds-text-xs); line-height: 1.9; }

.sf-pdp-review-layout[b-y7em081cry] {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(18rem, 23rem);
  gap: 1rem;
  align-items: start;
}
.sf-pdp-rating-summary[b-y7em081cry] { display: grid; grid-template-columns: 170px minmax(0, 1fr); gap: 1rem; align-items: center; }
.sf-pdp-rating-score[b-y7em081cry] {
  padding: 1rem;
  border: 1px solid var(--pdp-line-soft);
  border-radius: 1rem;
  background: var(--pdp-raised);
  text-align: center;
  box-shadow: var(--pdp-soft-shadow);
}
.sf-pdp-rating-score strong[b-y7em081cry] { display: block; color: var(--ds-color-text-strong); font-size: 1.9rem; }
.sf-pdp-rating-score span[b-y7em081cry] { color: var(--ds-color-text-muted); font-size: var(--ds-text-2xs); }
.sf-pdp-rating-bars[b-y7em081cry] { display: grid; gap: .4rem; }
.sf-pdp-rating-bars > div[b-y7em081cry] { display: grid; grid-template-columns: 34px minmax(0, 1fr) 24px; gap: .5rem; align-items: center; color: var(--ds-color-text-muted); font-size: var(--ds-text-2xs); }
.sf-pdp-rating-bars i[b-y7em081cry] { display: block; block-size: 6px; border-radius: 999px; background: color-mix(in srgb, var(--pdp-depth) 26%, transparent); }
.sf-pdp-review-head[b-y7em081cry] { display: flex; gap: .75rem; align-items: center; justify-content: space-between; }
.sf-pdp-review-head strong[b-y7em081cry],
.sf-pdp-review-form h3[b-y7em081cry] { color: var(--ds-color-text-strong); }
.sf-pdp-review-head span[b-y7em081cry] { color: var(--ds-color-text-muted); font-size: var(--ds-text-xs); }
.sf-pdp-review[b-y7em081cry] {
  display: grid;
  gap: .65rem;
  padding: 1rem;
  border: 1px solid var(--pdp-line-soft);
  border-radius: 1rem;
  background: color-mix(in srgb, var(--ds-color-surface-raised) 72%, transparent);
  color: var(--ds-color-text-muted);
}
.sf-pdp-review > header[b-y7em081cry],
.sf-pdp-review-reply > header[b-y7em081cry] { display: flex; gap: .75rem; align-items: center; justify-content: space-between; }
.sf-pdp-review strong[b-y7em081cry],
.sf-pdp-review-reply strong[b-y7em081cry] { color: var(--ds-color-text-strong); }
.sf-pdp-review time[b-y7em081cry],
.sf-pdp-review-reply time[b-y7em081cry] { color: var(--ds-color-text-muted); font-family: var(--ds-font-numeric); font-size: var(--ds-text-2xs); }
.sf-pdp-review p[b-y7em081cry],
.sf-pdp-review-reply p[b-y7em081cry] { margin: 0; line-height: 1.9; white-space: pre-line; }
.sf-pdp-review-reply[b-y7em081cry] {
  display: grid;
  gap: .45rem;
  margin-inline-start: 1rem;
  padding: .8rem 1rem;
  border-inline-start: 3px solid color-mix(in srgb, var(--ds-color-primary) 58%, var(--pdp-line));
  border-radius: .75rem;
  background: var(--pdp-recessed);
}
.sf-pdp-review-reply-contract[b-y7em081cry] {
  display: flex;
  gap: .65rem;
  margin-inline-start: 1.25rem;
  padding: .8rem 1rem;
  border-inline-start: 3px solid color-mix(in srgb, var(--ds-color-primary) 58%, var(--pdp-line));
  border-radius: .75rem;
  background: color-mix(in srgb, var(--ds-color-surface-raised) 72%, transparent);
  color: var(--ds-color-text-muted);
  font-size: var(--ds-text-xs);
  line-height: 1.8;
}
.sf-pdp-review-reply-contract p[b-y7em081cry] { margin: 0; }
.sf-pdp-review-reply-contract strong[b-y7em081cry] { color: var(--ds-color-primary); }
.sf-pdp-review-form[b-y7em081cry] {
  padding: 1rem;
  border: 1px solid var(--pdp-line-soft);
  border-radius: 1.15rem;
  background: var(--pdp-raised);
  box-shadow: var(--pdp-soft-shadow);
}
.sf-pdp-review-form h3[b-y7em081cry] { margin: 0; font-size: var(--ds-text-md); }
.sf-pdp-review-form fieldset[b-y7em081cry] {
  display: grid;
  gap: .65rem;
  min-inline-size: 0;
  margin: 0;
  padding: 0;
  border: 0;
}
.sf-pdp-review-form label[b-y7em081cry],
.sf-pdp-review-rating legend[b-y7em081cry] { color: var(--ds-color-text-muted); font-size: var(--ds-text-xs); font-weight: 800; }
.sf-pdp-review-rating[b-y7em081cry] { min-inline-size: 0; margin: 0; padding: 0; border: 0; }
.sf-pdp-review-rating > div[b-y7em081cry] { display: flex; direction: ltr; gap: .35rem; justify-content: flex-end; margin-block-start: .45rem; }
.sf-pdp-review-rating button[b-y7em081cry] {
  inline-size: 38px;
  aspect-ratio: 1;
  border: 1px solid var(--pdp-line-soft);
  border-radius: .7rem;
  background: var(--pdp-recessed);
  color: #b89645;
  box-shadow: var(--pdp-inset-shadow);
}
.sf-pdp-review-field[b-y7em081cry] {
  inline-size: 100%;
  min-block-size: 44px;
  padding: .7rem .8rem;
  border: 1px solid var(--pdp-line-soft);
  border-radius: .8rem;
  background: var(--pdp-recessed);
  color: var(--ds-color-text-muted);
  font: inherit;
  box-shadow: var(--pdp-inset-shadow);
}
textarea.sf-pdp-review-field[b-y7em081cry] { min-block-size: 105px; resize: vertical; }
.sf-pdp-review-guest-name[b-y7em081cry] {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: .65rem;
}
.sf-pdp-review-guest-name > span[b-y7em081cry] { display: grid; gap: .65rem; min-inline-size: 0; }
.sf-pdp-review-identity[b-y7em081cry] {
  display: flex;
  gap: .7rem;
  align-items: center;
  padding: .75rem;
  border: 1px solid color-mix(in srgb, var(--ds-color-primary) 26%, var(--pdp-line-soft));
  border-radius: .85rem;
  background: var(--pdp-recessed);
  box-shadow: var(--pdp-inset-shadow);
}
.sf-pdp-review-identity > span[b-y7em081cry] {
  display: grid;
  place-items: center;
  inline-size: 34px;
  aspect-ratio: 1;
  flex: 0 0 auto;
  border-radius: 50%;
  background: color-mix(in srgb, var(--ds-color-primary) 12%, var(--ds-color-surface-raised));
  color: var(--ds-color-primary);
  font-weight: 900;
}
.sf-pdp-review-identity > div[b-y7em081cry] { display: grid; gap: .15rem; min-inline-size: 0; }
.sf-pdp-review-identity strong[b-y7em081cry] { color: var(--ds-color-text-strong); font-size: var(--ds-text-xs); }
.sf-pdp-review-submit[b-y7em081cry] {
  min-block-size: 46px;
  border: 1px solid var(--pdp-line-soft);
  border-radius: .85rem;
  background: var(--pdp-raised);
  color: var(--ds-color-text-muted);
  font: inherit;
  font-weight: 800;
  box-shadow: var(--pdp-soft-shadow);
}
.sf-pdp-review-form :disabled[b-y7em081cry] { cursor: not-allowed; opacity: .78; }
.sf-pdp-review-form small[b-y7em081cry] { color: var(--ds-color-text-muted); line-height: 1.7; }

.sf-pdp-suggestions[b-y7em081cry] {
  display: grid;
  gap: 1rem;
  margin-block-start: 1rem;
  padding: clamp(1rem, 2vw, 1.35rem);
  border: 1px solid color-mix(in srgb, var(--pdp-line-soft) 76%, transparent);
  border-radius: 1.35rem;
  background: color-mix(in srgb, var(--ds-color-surface-raised) 78%, transparent);
  box-shadow: 4px 5px 12px color-mix(in srgb, var(--pdp-depth) 34%, transparent),
    -3px -3px 9px color-mix(in srgb, var(--pdp-highlight) 52%, transparent);
}
.sf-pdp-suggestions__header h2[b-y7em081cry] {
  margin: 0;
  color: var(--ds-color-text-strong);
  font: 850 clamp(1rem, 1.6vw, 1.2rem) var(--ds-font-display);
}
.sf-pdp-suggestions__header p[b-y7em081cry] {
  margin: .2rem 0 0;
  color: var(--ds-color-text-muted);
  font-size: var(--ds-text-xs);
}
.sf-pdp-suggested-grid[b-y7em081cry] {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: .85rem;
}

.sf-pdp-compare-tray[b-y7em081cry] {
  position: fixed;
  z-index: var(--ds-z-overlay, 80);
  inset-block-end: 18px;
  inset-inline-start: 50%;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 1rem;
  align-items: center;
  inline-size: min(calc(100% - 2rem), 720px);
  padding: .65rem .75rem;
  border: 1px solid color-mix(in srgb, var(--ds-color-primary) 38%, var(--pdp-line));
  border-radius: 1.2rem;
  background: color-mix(in srgb, var(--ds-color-surface-raised) 94%, var(--ds-color-primary) 6%);
  color: var(--ds-color-text-muted);
  font-size: var(--ds-text-xs);
  box-shadow: var(--pdp-raised-shadow), 0 0 0 1px color-mix(in srgb, var(--ds-kinetic-cyan) 9%, transparent);
  transform: translateX(-50%);
}
.sf-pdp-compare-summary[b-y7em081cry] { display: flex; gap: .7rem; align-items: center; min-inline-size: 0; }
.sf-pdp-compare-summary > span:last-child[b-y7em081cry] { display: grid; min-inline-size: 0; }
.sf-pdp-compare-summary strong[b-y7em081cry] { overflow: hidden; color: var(--ds-color-text-strong); text-overflow: ellipsis; white-space: nowrap; }
.sf-pdp-compare-summary small[b-y7em081cry] { color: var(--ds-color-text-muted); font-size: var(--ds-text-2xs); }
.sf-pdp-compare-thumb[b-y7em081cry] {
  display: grid;
  place-items: center;
  inline-size: 48px;
  aspect-ratio: 1;
  flex: 0 0 auto;
  overflow: hidden;
  border-radius: .75rem;
  background: var(--pdp-recessed);
  box-shadow: var(--pdp-inset-shadow);
}
.sf-pdp-compare-thumb img[b-y7em081cry] { inline-size: 100%; block-size: 100%; object-fit: contain; opacity: 1; filter: none; }
.sf-pdp-compare-tray > button[b-y7em081cry] {
  min-block-size: 40px;
  padding-inline: .9rem;
  border: 1px solid color-mix(in srgb, var(--ds-color-primary) 42%, var(--pdp-line));
  border-radius: .75rem;
  background: var(--pdp-recessed);
  color: var(--ds-color-primary);
  font: inherit;
  font-weight: 800;
  cursor: pointer;
  box-shadow: var(--pdp-inset-shadow);
}

/* Price history reuses the project-owned native-dialog lifecycle and paginates the loaded collection. */
.sf-pdp-history-overlay[b-y7em081cry] {
  inline-size: 100vw;
  max-inline-size: none;
  block-size: 100dvh;
  max-block-size: none;
  margin: 0;
  padding: clamp(.75rem, 3vw, 2rem);
  overflow: auto;
  border: 0;
  background: transparent;
  color: var(--ds-color-text);
  overscroll-behavior: contain;
}
.sf-pdp-history-overlay[b-y7em081cry]::backdrop { background: rgb(8 14 23 / .76); }
.sf-pdp-history-dialog[b-y7em081cry] {
  display: grid;
  gap: 1rem;
  inline-size: min(760px, 96vw);
  margin: auto;
  padding: clamp(1rem, 2.5vw, 1.5rem);
  border: 1px solid var(--pdp-line);
  border-radius: 1.5rem;
  background: var(--pdp-raised);
  box-shadow: 0 32px 90px rgb(0 0 0 / .42);
}
.sf-pdp-history-dialog__header[b-y7em081cry] {
  display: flex;
  gap: 1rem;
  align-items: start;
  justify-content: space-between;
}
.sf-pdp-history-dialog__header span[b-y7em081cry] {
  color: var(--ds-color-primary);
  font-size: var(--ds-text-2xs);
  font-weight: 850;
}
.sf-pdp-history-dialog__header h2[b-y7em081cry] {
  margin: .2rem 0 0;
  color: var(--ds-color-text-strong);
  font: 900 clamp(1.25rem, 3vw, 1.65rem) var(--ds-font-display);
}
.sf-pdp-history-dialog__header p[b-y7em081cry] {
  margin: .3rem 0 0;
  color: var(--ds-color-text-muted);
  font-size: var(--ds-text-2xs);
}
.sf-pdp-history-dialog__header button[b-y7em081cry] {
  display: grid;
  place-items: center;
  inline-size: 44px;
  aspect-ratio: 1;
  flex: 0 0 auto;
  border: 1px solid var(--pdp-line-soft);
  border-radius: .8rem;
  background: var(--pdp-raised);
  color: var(--ds-color-text-muted);
  font-size: 1.25rem;
  cursor: pointer;
  box-shadow: var(--pdp-soft-shadow);
}
.sf-pdp-history-current[b-y7em081cry] {
  display: flex;
  gap: 1rem;
  align-items: center;
  justify-content: space-between;
  padding: .8rem 1rem;
  border: 1px solid color-mix(in srgb, var(--ds-color-primary) 28%, var(--pdp-line-soft));
  border-radius: 1rem;
  background: var(--pdp-recessed);
  color: var(--ds-color-text-muted);
  font-size: var(--ds-text-xs);
  box-shadow: var(--pdp-inset-shadow);
}
.sf-pdp-history-current[b-y7em081cry]  .sf-price { margin: 0; }
.sf-pdp-history-table[b-y7em081cry] {
  overflow: hidden;
  border: 1px solid var(--pdp-line-soft);
  border-radius: 1rem;
  background: var(--pdp-recessed);
  box-shadow: var(--pdp-inset-shadow);
}
.sf-pdp-history-table__head[b-y7em081cry],
.sf-pdp-history-table__row[b-y7em081cry] {
  display: grid;
  grid-template-columns: minmax(8rem, .75fr) minmax(10rem, 1fr) minmax(5rem, .45fr);
  gap: .75rem;
  align-items: center;
  padding: .75rem 1rem;
}
.sf-pdp-history-table__head[b-y7em081cry] {
  background: color-mix(in srgb, var(--ds-color-surface-raised) 78%, transparent);
  color: var(--ds-color-text-muted);
  font-size: var(--ds-text-2xs);
  font-weight: 800;
}
.sf-pdp-history-table__row[b-y7em081cry] {
  border-block-start: 1px solid var(--pdp-line-soft);
  background: color-mix(in srgb, var(--ds-color-surface-raised) 58%, transparent);
}
.sf-pdp-history-pager[b-y7em081cry] {
  display: flex;
  gap: .75rem;
  align-items: center;
  justify-content: center;
}
.sf-pdp-history-pager button[b-y7em081cry] {
  min-block-size: 40px;
  padding-inline: 1rem;
  border: 1px solid var(--pdp-line-soft);
  border-radius: .75rem;
  background: var(--pdp-raised);
  color: var(--ds-color-primary);
  font: 800 var(--ds-text-xs) var(--ds-font-ui);
  cursor: pointer;
  box-shadow: var(--pdp-soft-shadow);
}
.sf-pdp-history-pager button:disabled[b-y7em081cry] { color: var(--ds-color-text-muted); cursor: not-allowed; opacity: .55; }
.sf-pdp-history-pager span[b-y7em081cry] {
  color: var(--ds-color-text-muted);
  font-family: var(--ds-font-ui);
  font-size: var(--ds-text-xs);
  font-variant-numeric: tabular-nums;
}

/* The existing native-dialog owner supplies focus containment, Escape close and scroll locking. */
.sf-pdp-gallery-overlay[b-y7em081cry] {
  inline-size: 100vw;
  max-inline-size: none;
  block-size: 100dvh;
  max-block-size: none;
  margin: 0;
  padding: clamp(.5rem, 2vw, 1.5rem);
  overflow: auto;
  border: 0;
  background: transparent;
  color: var(--ds-color-text);
  overscroll-behavior: contain;
}
.sf-pdp-gallery-overlay[b-y7em081cry]::backdrop { background: rgb(8 14 23 / .78); backdrop-filter: blur(8px); }
.sf-pdp-gallery-dialog[b-y7em081cry] {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 118px;
  gap: .85rem;
  inline-size: min(1180px, 96vw);
  min-block-size: min(820px, calc(100dvh - 3rem));
  margin: auto;
  padding: 1rem;
  border: 1px solid var(--pdp-line);
  border-radius: 1.65rem;
  background: var(--pdp-raised);
  box-shadow: 0 32px 90px rgb(0 0 0 / .42);
}
.sf-pdp-gallery-dialog__main[b-y7em081cry] {
  position: relative;
  display: grid;
  place-items: center;
  min-inline-size: 0;
  overflow: hidden;
  border: 1px solid var(--pdp-line-soft);
  border-radius: 1.25rem;
  background: var(--pdp-recessed);
  box-shadow: var(--pdp-inset-shadow);
}
.sf-pdp-gallery-dialog__main > img[b-y7em081cry] {
  display: block;
  inline-size: 90%;
  block-size: 90%;
  object-fit: contain;
  opacity: 1;
  filter: none;
}
.sf-pdp-gallery-dialog__close[b-y7em081cry],
.sf-pdp-gallery-dialog__nav[b-y7em081cry] {
  position: absolute;
  z-index: 2;
  display: grid;
  place-items: center;
  border: 1px solid var(--pdp-line);
  background: var(--pdp-raised);
  color: var(--ds-color-text-muted);
  cursor: pointer;
  box-shadow: var(--pdp-soft-shadow);
}
.sf-pdp-gallery-dialog__close[b-y7em081cry] {
  inset-block-start: .85rem;
  inset-inline-end: .85rem;
  inline-size: 44px;
  aspect-ratio: 1;
  border-radius: .85rem;
  font-size: 1.25rem;
}
.sf-pdp-gallery-dialog__nav[b-y7em081cry] {
  inset-block-start: 50%;
  inline-size: 48px;
  aspect-ratio: 1;
  border-radius: 50%;
  font-size: 1.75rem;
  transform: translateY(-50%);
}
.sf-pdp-gallery-dialog__nav.is-previous[b-y7em081cry] { inset-inline-start: .85rem; }
.sf-pdp-gallery-dialog__nav.is-next[b-y7em081cry] { inset-inline-end: .85rem; }
.sf-pdp-gallery-dialog__count[b-y7em081cry] {
  position: absolute;
  inset-inline-start: .85rem;
  inset-block-end: .85rem;
  padding: .45rem .7rem;
  border-radius: .65rem;
  background: var(--pdp-raised);
  color: var(--ds-color-text-muted);
  font-family: var(--ds-font-numeric);
  font-size: var(--ds-text-2xs);
  box-shadow: var(--pdp-soft-shadow);
}
.sf-pdp-gallery-dialog__thumbs[b-y7em081cry] {
  display: grid;
  gap: .55rem;
  align-content: start;
  overflow-y: auto;
  padding: .15rem;
  scrollbar-width: thin;
}
.sf-pdp-gallery-dialog__thumbs button[b-y7em081cry] {
  aspect-ratio: 1;
  min-inline-size: 0;
  padding: .25rem;
  overflow: hidden;
  border: 1px solid var(--pdp-line-soft);
  border-radius: .8rem;
  background: var(--pdp-raised);
  cursor: pointer;
  box-shadow: var(--pdp-soft-shadow);
}
.sf-pdp-gallery-dialog__thumbs button[aria-pressed="true"][b-y7em081cry] {
  border-color: color-mix(in srgb, var(--ds-color-primary) 56%, var(--pdp-line));
  background: var(--pdp-recessed);
  box-shadow: var(--pdp-inset-shadow), 0 0 0 2px color-mix(in srgb, var(--ds-kinetic-cyan) 16%, transparent);
}
.sf-pdp-gallery-dialog__thumbs img[b-y7em081cry] { display: block; inline-size: 100%; block-size: 100%; border-radius: .55rem; object-fit: contain; opacity: 1; filter: none; }
@media (max-width: 1180px) {
  .sf-pdp-hero[b-y7em081cry] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .sf-pdp-card[b-y7em081cry] { min-block-size: auto; }
  .sf-pdp-main-media[b-y7em081cry] { min-block-size: 430px; }
  .sf-pdp-suggested-grid[b-y7em081cry] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 860px) {
  .sf-pdp-hero[b-y7em081cry] { grid-template-columns: 1fr; }
  .sf-pdp-gallery-card[b-y7em081cry],
  .sf-pdp-info-card[b-y7em081cry] { min-block-size: auto; }
  .sf-pdp-main-media[b-y7em081cry] { min-block-size: min(500px, 66vw); }
  .sf-pdp-spec-grid[b-y7em081cry] { grid-template-columns: 1fr; }
  .sf-pdp-review-layout[b-y7em081cry] { grid-template-columns: 1fr; }
}

@media (min-width: 701px) {
  .sf-pdp-section-summary[b-y7em081cry] { cursor: default; pointer-events: none; }
}

@media (max-width: 700px) {
  .sf-pdp[b-y7em081cry] { inline-size: min(calc(100% - 1.5rem), 1440px); margin-block-start: .75rem; }
  .sf-pdp-topbar[b-y7em081cry] { align-items: stretch; flex-direction: column; }
  .sf-pdp-breadcrumb[b-y7em081cry] { font-size: .68rem; }
  .sf-pdp-topbar__actions[b-y7em081cry] { inline-size: 100%; }
  .sf-pdp-topbar__actions > *[b-y7em081cry] { flex: 1; justify-content: center; padding-inline: .55rem; text-align: center; }
  .sf-pdp-gallery-card[b-y7em081cry],
  .sf-pdp-info-card[b-y7em081cry] { border-radius: 1.6rem; }
  .sf-pdp-gallery-card[b-y7em081cry] { padding: 16px; }
  .sf-pdp-gallery-inner[b-y7em081cry] { padding: 12px; }
  .sf-pdp-main-media[b-y7em081cry] { min-block-size: min(380px, 86vw); }
  .sf-pdp-gallery-inner.is-single .sf-pdp-main-media[b-y7em081cry] { min-block-size: min(460px, 104vw); }
  .sf-pdp-media-square[b-y7em081cry] { inline-size: min(100%, 390px); }
  .sf-pdp-media-toolbar[b-y7em081cry] { inset-block-start: .4rem; inset-inline-end: .4rem; }
  .sf-pdp-media-toolbar button[b-y7em081cry] { inline-size: 42px; block-size: 42px; }
  .sf-pdp-media-nav[b-y7em081cry] { inline-size: 40px; block-size: 40px; opacity: 1; }
  .sf-pdp-thumbs[b-y7em081cry] { gap: .55rem; }
  .sf-pdp-info-card[b-y7em081cry] { padding: 22px 18px; }
  .sf-pdp-info-card h1[b-y7em081cry] { font-size: clamp(2rem, 8vw, 2.35rem); }
  .sf-pdp-price-box[b-y7em081cry] { align-items: flex-start; flex-direction: column; gap: .45rem; }
  .sf-pdp-option-block legend[b-y7em081cry] { gap: .5rem; align-items: flex-start; flex-direction: column; }
  .sf-pdp-purchase-row[b-y7em081cry] { grid-template-columns: 1fr; }
  .sf-pdp-ai-row[b-y7em081cry] { grid-template-columns: 1fr; }
  /* Native rail owns horizontal overflow; document scrolling and tab taps remain browser-native. */
  .sf-pdp-path[b-y7em081cry] { flex: none; inline-size: 100%; max-inline-size: 100%; }
  .sf-pdp-section-nav[b-y7em081cry] {
    inset-block-start: .25rem;
    min-inline-size: 0;
    max-inline-size: 100%;
    flex-wrap: nowrap;
    padding: .45rem;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    touch-action: auto;
    overscroll-behavior-inline: contain;
  }
  .sf-pdp-section-nav button[b-y7em081cry] { white-space: nowrap; }
  .sf-pdp-detail-section[b-y7em081cry] { padding: 16px; }
  .sf-pdp-section-summary[b-y7em081cry] { cursor: pointer; }
  .sf-pdp-section-chevron[b-y7em081cry] { display: grid; }
  .sf-pdp-section-body[b-y7em081cry] { padding: 14px; }
  .sf-pdp-spec-grid > div[b-y7em081cry] { grid-template-columns: 1fr; gap: .3rem; }
  .sf-pdp-price-list__head[b-y7em081cry] { display: none; }
  .sf-pdp-price-list__row[b-y7em081cry] { grid-template-columns: 1fr; }
  .sf-pdp-review-guest-name[b-y7em081cry] { grid-template-columns: 1fr; }
  .sf-pdp-suggestions[b-y7em081cry] { padding: .85rem; }
  .sf-pdp-suggested-grid[b-y7em081cry] {
    grid-template-columns: none;
    grid-auto-flow: column;
    grid-auto-columns: minmax(16.5rem, 82vw);
    padding-block-end: .45rem;
    overflow-x: auto;
    overscroll-behavior-inline: contain;
    scroll-snap-type: inline mandatory;
    scrollbar-width: thin;
  }
  .sf-pdp-suggested-grid[b-y7em081cry]  .sf-product-card { scroll-snap-align: start; }
  .sf-pdp-rating-summary[b-y7em081cry] { grid-template-columns: 1fr; }
  .sf-pdp-review-head[b-y7em081cry] { align-items: flex-start; flex-direction: column; }
  .sf-pdp-review-reply-contract[b-y7em081cry] { margin-inline-start: 0; }
  .sf-pdp-compare-tray[b-y7em081cry] { grid-template-columns: 1fr; align-items: stretch; inset-block-end: 8px; }
  .sf-pdp-compare-tray > button[b-y7em081cry] { inline-size: 100%; }
  .sf-pdp-gallery-overlay[b-y7em081cry] { padding: .5rem; }
  .sf-pdp-history-overlay[b-y7em081cry] { padding: .5rem; }
  .sf-pdp-history-dialog[b-y7em081cry] { inline-size: 100%; padding: .85rem; border-radius: 1.15rem; }
  .sf-pdp-history-current[b-y7em081cry] { align-items: flex-start; flex-direction: column; }
  .sf-pdp-history-table[b-y7em081cry] { overflow-x: auto; }
  .sf-pdp-history-table__head[b-y7em081cry],
  .sf-pdp-history-table__row[b-y7em081cry] { min-inline-size: 32rem; }
  .sf-pdp-history-pager[b-y7em081cry] { justify-content: space-between; }
  .sf-pdp-history-pager button[b-y7em081cry] { padding-inline: .75rem; }
  .sf-pdp-gallery-dialog[b-y7em081cry] {
    grid-template-columns: 1fr;
    grid-template-rows: minmax(0, 1fr) 82px;
    inline-size: 100%;
    min-block-size: calc(100dvh - 1rem);
    padding: .65rem;
  }
  .sf-pdp-gallery-dialog__thumbs[b-y7em081cry] {
    grid-auto-columns: 72px;
    grid-auto-flow: column;
    overflow-x: auto;
    overflow-y: hidden;
  }
  .sf-pdp-gallery-dialog__close[b-y7em081cry] { inset-block-start: .55rem; inset-inline-end: .55rem; }
  .sf-pdp-gallery-dialog__nav.is-previous[b-y7em081cry] { inset-inline-start: .55rem; }
  .sf-pdp-gallery-dialog__nav.is-next[b-y7em081cry] { inset-inline-end: .55rem; }
  .sf-pdp-state[b-y7em081cry] { grid-template-columns: 1fr; text-align: center; }
  .sf-pdp-state__mark[b-y7em081cry] { margin-inline: auto; }
}

@media (prefers-reduced-motion: reduce) {
  .sf-pdp-electric[b-y7em081cry] { transition: none; }
  .sf-pdp-electric path[b-y7em081cry] { animation: none !important; }
  .sf-pdp-card:hover .sf-pdp-electric[b-y7em081cry],
  .sf-pdp-card:focus-within .sf-pdp-electric[b-y7em081cry] { opacity: .42; }
  .sf-pdp-primary[b-y7em081cry]  .sf-button::after { display: none; }
  .sf-pdp-primary[b-y7em081cry]  .sf-button,
  .sf-pdp-primary[b-y7em081cry]  .sf-button::before,
  .sf-pdp-media-nav[b-y7em081cry],
  .sf-pdp-section-chevron[b-y7em081cry],
  .sf-pdp-section-nav button[b-y7em081cry] { transition: none; }
  .sf-pdp-section-nav button:hover[b-y7em081cry] { transform: none; }
  .sf-pdp-media-image[b-y7em081cry] { animation: none; }
}
/* PDP media enhancement: existing wells/tokens own geometry; JS owns transient transforms only. */
.sf-pdp-media-open[b-y7em081cry] {
  display: block;
  padding: 0;
  border: 0;
  border-radius: inherit;
  background: transparent;
  color: inherit;
  cursor: zoom-in;
}
.sf-pdp-media-open:focus-visible[b-y7em081cry] {
  outline: 2px solid var(--ds-color-primary);
  outline-offset: -4px;
}
.sf-pdp-media-surface[data-pdp-media="hero"][b-y7em081cry] { touch-action: pan-y pinch-zoom; }
.sf-pdp-media-surface[data-pdp-media="viewer"][b-y7em081cry] { touch-action: none; }
.sf-pdp-media-surface [data-pdp-image][b-y7em081cry] {
  transform: translate3d(var(--pdp-pan-x, 0px), var(--pdp-pan-y, 0px), 0) scale(var(--pdp-zoom, 1));
  transform-origin: var(--pdp-origin, 50% 50%);
  user-select: none;
  -webkit-user-drag: none;
}
.sf-pdp-media-surface.is-zooming [data-pdp-image][b-y7em081cry] {
  animation: none;
  will-change: transform;
}
@media (hover: hover) and (pointer: fine) {
  .sf-pdp-media-surface[data-pdp-media="hero"] [data-pdp-image][b-y7em081cry] { transition: transform .14s ease; }
  .sf-pdp-media-surface[data-pdp-media="hero"].is-zooming [data-pdp-image][b-y7em081cry] { transition-duration: .055s; }
}
.sf-pdp-media-unavailable[b-y7em081cry],
.sf-pdp-thumb-unavailable[b-y7em081cry] {
  position: absolute;
  inset: 0;
  display: none;
  place-items: center;
  padding: .35rem;
  color: var(--ds-color-text-muted);
  pointer-events: none;
}
.sf-pdp-media-surface[data-failed="true"] .sf-pdp-media-unavailable[b-y7em081cry] { display: grid; }
[data-pdp-image][data-failed="true"][b-y7em081cry] { visibility: hidden; }
.sf-pdp-thumbs button[b-y7em081cry],
.sf-pdp-gallery-dialog__thumbs button[b-y7em081cry] { position: relative; }
[data-pdp-thumb][data-failed="true"] + .sf-pdp-thumb-unavailable[b-y7em081cry] {
  display: grid;
  font-size: var(--ds-text-2xs);
}
@media (prefers-reduced-motion: reduce) {
  .sf-pdp-media-surface [data-pdp-image][b-y7em081cry] { animation: none; transition: none !important; }
}

/* Real-data states added during P0 integration; visual authority and layout remain unchanged. */
.sf-pdp-media-empty[b-y7em081cry] {
    display: grid;
    width: 100%;
    height: 100%;
    place-items: center;
    color: var(--ds-color-text-muted);
    background: var(--ds-color-surface-recessed);
    font-weight: 700;
}

.sf-pdp-supply[b-y7em081cry] {
    display: grid;
    gap: .35rem;
    padding: .8rem 1rem;
    border: 1px solid var(--ds-color-border-subtle);
    border-radius: var(--ds-radius-md);
    background: var(--ds-color-surface-recessed);
}

.sf-pdp-supply p[b-y7em081cry] {
    margin: 0;
    color: var(--ds-color-text-muted);
}

.sf-pdp-antiforgery[b-y7em081cry] {
    display: none;
}
/* /Components/Storefront/StorefrontShell.razor.rz.scp.css */
/* =========================================================
   Shell composition and accessibility
   ========================================================= */
.sf-lab[b-ani6h9uugs] {
  --sf-surface: var(--ds-color-surface);
  --sf-line: var(--ds-color-border);
  --sf-ink: var(--ds-color-text);
  --sf-muted: var(--ds-color-text-muted);
  --sf-glass: var(--ds-color-surface-overlay);
  --sf-shadow: var(--ds-shadow-elevated);
  min-block-size: 100vh;
  padding-block-end: 0;
  background: var(--ds-color-background);
  color: var(--sf-ink);
}

.sf-lab *[b-ani6h9uugs] {
  box-sizing: border-box;
}

.sf-lab button[b-ani6h9uugs],
.sf-lab input[b-ani6h9uugs],
.sf-lab select[b-ani6h9uugs],
.sf-lab textarea[b-ani6h9uugs] {
  font: inherit;
}

.sf-lab a[b-ani6h9uugs] {
  color: inherit;
}

.sf-lab button:focus-visible[b-ani6h9uugs],
.sf-lab a:focus-visible[b-ani6h9uugs] {
  outline: 3px solid var(--ds-color-accent);
  outline-offset: 4px;
}

.sf-main[b-ani6h9uugs] {
  inline-size: 100%;
  background: var(--ds-color-background);
  color: var(--ds-color-text);
}

.sf-skip-link[b-ani6h9uugs] {
  position: absolute;
  inset-inline-start: 1rem;
  inset-block-start: -4rem;
  z-index: 40;
  padding: .7rem 1rem;
  background: var(--ds-color-primary);
  color: var(--ds-color-on-primary);
}

.sf-skip-link:focus[b-ani6h9uugs] {
  inset-block-start: 1rem;
}

.sf-shell-notice[b-ani6h9uugs] {
  max-inline-size: var(--ds-container-max);
  margin: .5rem auto;
  padding: .65rem var(--ds-page-gutter);
  color: var(--ds-color-text-muted);
}

.sf-status[b-ani6h9uugs] {
  display: inline-flex;
  gap: .35rem;
  align-items: center;
  color: var(--ds-color-success-semantic);
  font-size: var(--ds-text-xs);
  font-weight: 900;
}

.sf-assistant-prompts[b-ani6h9uugs] {
  display: grid;
  gap: .5rem;
  margin-block: 1rem;
}

.sf-assistant-prompts button[b-ani6h9uugs] {
  min-block-size: var(--ds-touch-target);
  padding-inline: .75rem;
  border: 1px solid var(--ds-color-border);
  border-radius: var(--ds-radius-control);
  background: var(--ds-color-surface);
  color: var(--ds-color-text);
  text-align: start;
}

.sf-mspyar-panel > small[b-ani6h9uugs] {
  color: var(--ds-color-text-muted);
  font-size: var(--ds-text-2xs);
}

/* =========================================================
   MSPYar assistant overlay
   ========================================================= */
.sf-mspyar-host[b-ani6h9uugs] {
  position: fixed;
  z-index: 20;
  inset-inline-end: 1.1rem;
  inset-block-end: 1rem;
}

.sf-mspyar-launcher[b-ani6h9uugs] {
  position: relative;
  display: grid;
  place-items: end center;
  inline-size: 7.7rem;
  min-block-size: 7.5rem;
  padding: 0 0 .25rem;
  border: 0;
  background: transparent;
  color: var(--ds-color-text);
  font-weight: 900;
  filter: drop-shadow(0 14px 16px rgb(13 24 34 / .18));
  transition: transform var(--ds-duration-normal) var(--ds-ease-enter);
}

.sf-mspyar-launcher img[b-ani6h9uugs] {
  grid-area: 1 / 1;
  inline-size: 7.2rem;
  block-size: 6.4rem;
  object-fit: contain;
}

.sf-mspyar-launcher span[b-ani6h9uugs] {
  grid-area: 1 / 1;
  align-self: end;
  padding: .24rem .58rem;
  border: 1px solid var(--ds-color-border);
  border-radius: 999px;
  background: var(--ds-color-surface-overlay);
  box-shadow: var(--ds-shadow-resting);
  font-size: var(--ds-text-2xs);
  backdrop-filter: blur(8px);
}

.sf-mspyar-launcher i[b-ani6h9uugs] {
  position: absolute;
  inset-block-start: .55rem;
  inset-inline-end: .6rem;
  inline-size: .65rem;
  block-size: .65rem;
  border: 2px solid var(--ds-color-surface);
  border-radius: 50%;
  background: var(--ds-color-success-semantic);
  box-shadow: 0 0 0 4px color-mix(in srgb, var(--ds-color-success-semantic) 14%, transparent);
}

.sf-mspyar-launcher:hover[b-ani6h9uugs] {
  transform: translateY(-4px) scale(1.02);
}

.sf-mspyar-launcher:active[b-ani6h9uugs] {
  transform: translateY(1px) scale(.98);
}

.sf-mspyar-panel[b-ani6h9uugs] {
  box-sizing: border-box;
  position: fixed;
  inset-block-start: auto;
  inset-block-end: 6.8rem;
  inset-inline-start: auto;
  inset-inline-end: 1.2rem;
  inline-size: min(20rem, calc(100% - 2rem));
  max-block-size: calc(100dvh - 7rem);
  margin: 0;
  padding: 1rem;
  overflow: auto;
  border: 1px solid var(--ds-color-border);
  border-radius: var(--ds-radius-overlay);
  background: var(--ds-color-surface-overlay);
  color: var(--ds-color-text);
  box-shadow: var(--ds-shadow-overlay);
}

.sf-mspyar-panel__greeting[b-ani6h9uugs] {
  margin-block-end: .35rem;
  font-size: var(--ds-text-sm);
  font-weight: 900;
  line-height: 1.8;
}

.sf-mspyar-panel__greeting + p[b-ani6h9uugs] {
  margin-block-start: 0;
  color: var(--ds-color-text-muted);
  font-size: var(--ds-text-xs);
  line-height: 1.8;
}

.sf-mspyar-panel[b-ani6h9uugs]::backdrop {
  background: rgb(8 19 34 / .42);
}

.sf-mspyar-panel > header[b-ani6h9uugs] {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.sf-panel-close[b-ani6h9uugs] {
  display: grid;
  place-items: center;
  min-inline-size: 44px;
  min-block-size: 44px;
  border: 1px solid var(--ds-color-border);
  border-radius: .65rem;
  background: transparent;
  color: var(--ds-color-text);
  font-size: 1.4rem;
}

/* =========================================================
   Responsive and motion behavior
   ========================================================= */
@media (max-width: 44rem) {
  .sf-lab[b-ani6h9uugs] {
    --sf-mobile-nav-height: 3.5rem;
    --sf-mobile-nav-side-gap: var(--ds-space-4);
    --sf-mobile-nav-bottom: .75rem;
    --sf-mobile-nav-clearance: calc(var(--sf-mobile-nav-height) + var(--sf-mobile-nav-bottom) + env(safe-area-inset-bottom));
    /* The active navigation bubble rises by half the rail height. */
    --sf-mobile-edge-gap: calc(var(--sf-mobile-nav-height) / 2 + .75rem);
    --sf-mobile-edge-width: 3rem;
    --sf-mobile-edge-height: 5.875rem;
    --sf-mobile-footer-reserve: calc(5.75rem + env(safe-area-inset-bottom));
    padding-block-end: 0;
  }

  .sf-mspyar-host[b-ani6h9uugs] {
    display: block;
    inset: auto max(.35rem, env(safe-area-inset-right)) var(--sf-mobile-nav-clearance) auto;
  }

  .sf-mspyar-launcher[b-ani6h9uugs] {
    display: none;
    inline-size: 4.8rem;
    min-block-size: 4.7rem;
    pointer-events: auto;
  }

  .sf-mspyar-launcher img[b-ani6h9uugs] {
    inline-size: 4.6rem;
    block-size: 4.1rem;
  }

  .sf-mspyar-launcher span[b-ani6h9uugs] {
    display: none;
  }

  .sf-mspyar-panel[b-ani6h9uugs] {
    pointer-events: auto;
    inset: auto max(.7rem, env(safe-area-inset-right)) calc(var(--sf-mobile-nav-clearance) + .25rem) max(.7rem, env(safe-area-inset-left));
    inline-size: auto;
    max-block-size: min(72dvh, 36rem);
    border-radius: 1.25rem;
    padding-block-end: max(1rem, env(safe-area-inset-bottom));
  }
}

@media (prefers-reduced-motion: reduce) {
  .sf-lab *[b-ani6h9uugs] {
    animation: none !important;
    transition: none !important;
    scroll-behavior: auto !important;
  }

  .sf-mspyar-panel[b-ani6h9uugs],
  .sf-mspyar-launcher[b-ani6h9uugs] {
    transition: none;
    backdrop-filter: none;
  }
}