.sf{--storefront-texture-paper:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .45 0 0 0 0 .4 0 0 0 0 .3 0 0 0 .07 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");--storefront-texture-grain:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='g'%3E%3CfeTurbulence type='turbulence' baseFrequency='1.4' numOctaves='1' seed='3'/%3E%3CfeColorMatrix values='0 0 0 0 .2 0 0 0 0 .2 0 0 0 0 .2 0 0 0 .09 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23g)'/%3E%3C/svg%3E");--storefront-texture-geometric:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='48'%3E%3Cpath d='M24 0l24 24-24 24L0 24z' fill='none' stroke='%23808080' stroke-opacity='.11' stroke-width='1'/%3E%3C/svg%3E");
  --sf-pad:clamp(1rem,4vw,2rem);--sf-max:75rem;--sf-r:var(--storefront-radius);--sf-r-sm:calc(var(--storefront-radius)*.6);--sf-r-lg:calc(var(--storefront-radius)*1.5);--sf-pill:999px;
  --sf-gap:var(--storefront-density-space);--sf-section:clamp(2rem,5vw,3.75rem);
  --sf-ink:var(--storefront-text);--sf-muted:var(--storefront-muted-text);--sf-line:var(--storefront-border);
  --sf-surface-2:color-mix(in srgb,var(--storefront-text) 4%,var(--storefront-surface));
  --sf-surface-3:color-mix(in srgb,var(--storefront-text) 8%,var(--storefront-surface));
  --sf-line-strong:color-mix(in srgb,var(--storefront-text) 26%,var(--storefront-background));
  --sf-primary-soft:color-mix(in srgb,var(--storefront-primary) 10%,var(--storefront-surface));
  --sf-primary-ink:color-mix(in srgb,var(--storefront-primary) 80%,var(--storefront-text));
  --sf-ok:color-mix(in srgb,#15803d 62%,var(--storefront-text));--sf-ok-soft:color-mix(in srgb,var(--sf-ok) 13%,var(--storefront-surface));
  --sf-warn:color-mix(in srgb,#b45309 64%,var(--storefront-text));--sf-warn-soft:color-mix(in srgb,var(--sf-warn) 14%,var(--storefront-surface));
  --sf-danger:color-mix(in srgb,#b91c1c 66%,var(--storefront-text));--sf-danger-soft:color-mix(in srgb,var(--sf-danger) 12%,var(--storefront-surface));
  --sf-star:#e5a00d;--sf-ring:0 0 0 3px color-mix(in srgb,var(--storefront-focus) 32%,transparent);
  --sf-lift:0 12px 32px -12px color-mix(in srgb,var(--storefront-text) 28%,transparent);
  --sf-ease:cubic-bezier(.2,.8,.2,1);--sf-t1:.12s;--sf-t2:.2s;--sf-t3:.32s;
  --sf-card-ratio:1/1;--sf-card-fit:cover;--sf-cols:2;--sf-grid-gap:.85rem;--sf-fs-h1:clamp(1.75rem,1.2rem + 2.4vw,2.75rem);--sf-fs-h2:clamp(1.25rem,1.05rem + .9vw,1.65rem);
  min-block-size:100vh;display:flex;flex-direction:column;background-color:var(--storefront-background);background-image:var(--storefront-texture-image);color:var(--sf-ink);
  font-family:var(--storefront-font-body);font-size:1rem;line-height:1.55;-webkit-text-size-adjust:100%;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}
.sf *,.sf *::before,.sf *::after{box-sizing:border-box}
.sf img,.sf svg,.sf video{max-inline-size:100%}
.sf img,.sf video{display:block}
:where(.sf a){color:inherit;text-decoration:none}
.sf :focus-visible{outline:3px solid var(--storefront-focus);outline-offset:2px;border-radius:calc(var(--sf-r)/2)}
.sf h1,.sf h2,.sf h3,.sf h4,.sf p,.sf ul,.sf ol,.sf dl,.sf dd,.sf figure,.sf address{margin:0}
.sf ul,.sf ol{padding:0;list-style:none}
.sf address{font-style:normal}
:where(.sf button,.sf input,.sf select){font:inherit;color:inherit}
.sf-sr{position:absolute;inline-size:1px;block-size:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.sf-skip{position:absolute;inset-inline-start:.5rem;inset-block-start:-4rem;z-index:100;background:var(--storefront-primary);color:var(--storefront-primary-text);padding:.6rem 1rem;border-radius:var(--sf-r);font-weight:600}
.sf-skip:focus{inset-block-start:.5rem}
.sf-preview-flag{position:sticky;inset-block-start:0;z-index:60;background:#111;color:#fff;text-align:center;font:600 .8rem/1 system-ui,sans-serif;padding:.45rem}
.sf-mod--empty{display:none}
.sf-main{flex:1;min-inline-size:0}
.sf-main:focus{outline:none}
.sf-slotwrap{min-inline-size:0}

/* layout */
.sf-wrap{inline-size:min(100% - 2*var(--sf-pad),var(--sf-max));margin-inline:auto}
.sf-band{padding-block:var(--sf-section)}
.sf-narrow{--sf-max:46rem}
.sf-i{flex-shrink:0;vertical-align:middle}
[dir="rtl"] .sf-i[data-rtl="flip"]{transform:scaleX(-1)}
.sf-sticky{position:sticky;inset-block-start:var(--sf-sticky-top,4.5rem);align-self:start}

/* type */
.sf-h{font-family:var(--storefront-font-heading);font-weight:700;line-height:1.15;letter-spacing:-.015em;text-wrap:balance;color:var(--sf-ink)}
.sf-h1{font-size:var(--sf-fs-h1)}
.sf-h2{font-size:var(--sf-fs-h2)}
.sf-h3{font-size:1.0625rem}
.sf-mod__head{display:flex;align-items:baseline;justify-content:space-between;gap:.75rem;flex-wrap:wrap;margin-block-end:1rem}
.sf-mod__title{font-size:var(--sf-fs-h2);margin:0}
.sf-muted{color:var(--sf-muted)}
.sf-count{color:var(--sf-muted);font-size:.9rem}
.sf-eyebrow{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--sf-muted);margin-block-end:.35rem}
.sf-link{color:var(--sf-ink);font-weight:600;text-decoration:underline;text-decoration-color:color-mix(in srgb,currentColor 35%,transparent);text-underline-offset:.2em}
.sf-link:hover{text-decoration-color:currentColor}
.sf-link--quiet{color:var(--sf-muted);font-weight:500}
.sf-more{margin-block-start:1.25rem;display:flex;justify-content:center}
.sf-more-link{display:inline-flex;align-items:center;gap:.2rem;font-weight:600;color:var(--sf-primary-ink);font-size:.95rem}
.sf-more-link:hover{text-decoration:underline}
.sf-end{color:var(--sf-muted);font-size:.9rem;text-align:center;display:block;margin-block-start:1rem}
.sf-note{display:flex;align-items:flex-start;gap:.5rem;color:var(--sf-muted);font-size:.9rem}
.sf-note .sf-i{margin-block-start:.2rem}
.sf-backlink{margin-block-end:.5rem}
.sf-back{display:inline-flex;align-items:center;gap:.25rem;font-weight:600;font-size:.9rem;color:var(--sf-muted);min-block-size:2.5rem}
.sf-back:hover{color:var(--sf-ink)}
.sf-pagehead{padding-block:1.25rem .75rem}
.sf-pagehead__title{font-size:var(--sf-fs-h1)}

/* buttons */
.sf-btn,.sf-act,.sf-chipbtn{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;min-block-size:2.75rem;padding-inline:1.1rem;border:1px solid var(--sf-line-strong);border-radius:var(--sf-r-sm);background:var(--storefront-surface);color:var(--sf-ink);font-weight:600;font-size:.95rem;line-height:1.1;cursor:pointer;text-align:center;transition:background var(--sf-t1) var(--sf-ease),border-color var(--sf-t1) var(--sf-ease),transform var(--sf-t1) var(--sf-ease),box-shadow var(--sf-t2) var(--sf-ease)}
.sf-btn:hover,.sf-act:hover,.sf-chipbtn:hover{background:var(--sf-surface-2);border-color:color-mix(in srgb,var(--storefront-text) 40%,var(--storefront-background))}
.sf-btn:active,.sf-act:active{transform:translateY(1px)}
.sf-btn[disabled],.sf-btn[aria-disabled=true]{opacity:.5;cursor:not-allowed}
.sf-btn--primary{background:var(--storefront-primary);border-color:var(--storefront-primary);color:var(--storefront-primary-text)}
.sf-btn--primary:hover{background:var(--storefront-primary-hover);border-color:var(--storefront-primary-hover)}
.sf-btn--accent{background:var(--storefront-accent);border-color:var(--storefront-accent);color:var(--storefront-accent-text)}
.sf-btn--accent:hover{background:var(--storefront-accent-hover);border-color:var(--storefront-accent-hover)}
.sf-btn--block{inline-size:100%}
.sf-btn--lg{min-block-size:3.25rem;font-size:1rem;padding-inline:1.5rem}
.sf-act{min-block-size:2.75rem;padding-inline:1rem;border-radius:var(--sf-pill)}
.sf-act--icon{inline-size:2.75rem;padding:0}
.sf-act--wa{color:var(--sf-ok)}
.sf-quick{display:flex;flex-wrap:wrap;gap:.5rem}
.sf-chipbtn{min-block-size:2.25rem;padding-inline:.8rem;font-size:.85rem;border-radius:var(--sf-pill)}
.sf-chipbtn--wa{color:var(--sf-ok);border-color:color-mix(in srgb,var(--sf-ok) 40%,var(--sf-line))}
/* app-injected controls (follow, share, message, favourite, join...) take the design system look */
.sf .sf-slot{display:inline-flex;flex-wrap:wrap;align-items:center;gap:.5rem;min-inline-size:0}
.sf .sf-slot :is(button,a):not(.sf-btn):not(.sf-quickadd){display:inline-flex;align-items:center;justify-content:center;gap:.4rem;min-block-size:2.75rem;padding:.4rem 1rem;border:1px solid var(--sf-line-strong);border-radius:var(--sf-r-sm);background:var(--storefront-surface) none;color:var(--sf-ink);font:600 .92rem/1.1 var(--storefront-font-body);box-shadow:none;cursor:pointer;transition:background var(--sf-t1) var(--sf-ease)}
.sf .sf-slot :is(button,a):not(.sf-btn):not(.sf-quickadd):hover{background:var(--sf-surface-2)}
.sf .sf-slot :is(button,a) svg{flex-shrink:0}
.sf .sf-slot--follow :is(button,a):not(.sf-btn){background:var(--storefront-primary) none;border-color:var(--storefront-primary);color:var(--storefront-primary-text)}
.sf .sf-slot--follow :is(button,a):not(.sf-btn):hover{background:var(--storefront-primary-hover) none}
.sf .sf-slot :is(input,textarea){border:1px solid var(--sf-line-strong);border-radius:var(--sf-r-sm);background:var(--storefront-surface);color:var(--sf-ink);padding:.6rem .8rem;min-block-size:2.75rem}

/* chips, badges, pills */
.sf-chip{display:inline-flex;align-items:center;gap:.3rem;padding:.2rem .65rem;border-radius:var(--sf-pill);background:var(--sf-surface-2);border:1px solid var(--sf-line);color:var(--sf-ink);font-size:.8rem;font-weight:600;line-height:1.4}
.sf-chip--ok{background:var(--sf-ok-soft);color:var(--sf-ok);border-color:transparent}
.sf-chip--warn{background:var(--sf-warn-soft);color:var(--sf-warn);border-color:transparent}
.sf-chip--danger{background:var(--sf-danger-soft);color:var(--sf-danger);border-color:transparent}
.sf-chip--accent{background:var(--sf-primary-soft);color:var(--sf-primary-ink);border-color:transparent}
.sf-chip--muted{color:var(--sf-muted)}
.sf-tagrow{display:flex;flex-wrap:wrap;gap:.4rem}
.sf-badge{display:inline-flex;align-items:center;gap:.25rem;padding:.2rem .55rem;border-radius:var(--sf-r-sm);font-size:.75rem;font-weight:800;line-height:1.3;letter-spacing:.01em}
.sf-badge--off{background:var(--sf-danger);color:#fff}
.sf-badge--flash{background:var(--storefront-accent);color:var(--storefront-accent-text)}
.sf-status{display:inline-flex;align-items:center;gap:.4rem;padding:.25rem .7rem;border-radius:var(--sf-pill);font-size:.85rem;font-weight:700;line-height:1.3;white-space:nowrap}
.sf-status__dot{inline-size:.5rem;block-size:.5rem;border-radius:50%;background:currentColor}
.sf-status--open{background:var(--sf-ok-soft);color:var(--sf-ok)}
.sf-status--closed{background:var(--sf-surface-3);color:var(--sf-ink)}
.sf-status__text{font-weight:600}
.sf-verified{display:inline-flex;align-items:center;margin-inline-start:.35em;color:var(--storefront-primary);vertical-align:-.2em}
.sf-verified__icon{inline-size:1.1em;block-size:1.1em}
.sf-stock{display:inline-flex;align-items:center;gap:.3rem;font-size:.85rem;font-weight:700}
.sf-stock--ok{color:var(--sf-ok)}.sf-stock--low{color:var(--sf-warn)}.sf-stock--out{color:var(--sf-danger)}
.sf-stars{display:inline-flex;gap:.1rem;color:var(--sf-star);vertical-align:middle}
.sf-stars .is-off{color:var(--sf-line-strong)}
.sf-rate{display:inline-flex;align-items:center;gap:.25rem;font-size:.85rem;color:var(--sf-ink)}
.sf-rate__star{color:var(--sf-star)}
.sf-rate__n{color:var(--sf-muted)}
.sf-price{display:inline-flex;align-items:baseline;flex-wrap:wrap;gap:.2rem .5rem;font-variant-numeric:tabular-nums}
.sf-price__now{font-weight:800;font-size:1.05rem;color:var(--sf-ink)}
.sf-price__was{color:var(--sf-muted);font-size:.85rem;font-weight:500}
.sf-price__from{color:var(--sf-muted);font-size:.8rem;margin-inline-end:.3rem}
.sf-price--xl .sf-price__now{font-size:clamp(1.6rem,1.3rem + 1.2vw,2.2rem);letter-spacing:-.02em}
.sf-price--xl .sf-price__was{font-size:1.05rem}
.sf-save{color:var(--sf-ok);font-weight:700;font-size:.9rem}
.sf-notice{display:flex;gap:.65rem;align-items:flex-start;padding:.8rem 1rem;border-radius:var(--sf-r);border:1px solid transparent;font-size:.92rem}
.sf-notice p{color:inherit;opacity:.85;margin-block-start:.1rem}
.sf-notice--warn{background:var(--sf-warn-soft);color:var(--sf-warn);border-color:color-mix(in srgb,var(--sf-warn) 25%,transparent)}
.sf-notice--compact{padding:.55rem .75rem;font-size:.85rem}
.sf-emptystate{display:flex;flex-direction:column;align-items:center;text-align:center;gap:.6rem;padding:2.5rem 1rem;border:1px dashed var(--sf-line-strong);border-radius:var(--sf-r);color:var(--sf-muted)}
.sf-emptystate__icon{display:grid;place-items:center;inline-size:3.5rem;block-size:3.5rem;border-radius:50%;background:var(--sf-surface-2)}
.sf-emptystate__title{font-weight:700;color:var(--sf-ink)}
.sf-ph{display:grid;place-items:center;background:linear-gradient(135deg,var(--sf-surface-2),var(--sf-surface-3));color:color-mix(in srgb,var(--storefront-text) 35%,var(--storefront-surface));min-block-size:100%;inline-size:100%}
.sf-slot[data-slot=inert] .sf-btn{opacity:.55}

@media (prefers-reduced-motion:reduce){.sf *,.sf *::before,.sf *::after{transition-duration:.01ms!important;animation-duration:.01ms!important;scroll-behavior:auto!important}}

/* ---------- chrome ---------- */
.sf-header{position:sticky;inset-block-start:0;z-index:30;background:color-mix(in srgb,var(--storefront-surface) 94%,transparent);backdrop-filter:saturate(1.4) blur(10px);border-block-end:1px solid var(--sf-line)}
.sf-header__inner{inline-size:min(100% - 2*var(--sf-pad),var(--sf-max));margin-inline:auto;display:flex;align-items:center;gap:1rem;min-block-size:3.75rem}
.sf-brand{display:inline-flex;align-items:center;gap:.65rem;min-inline-size:0;font-family:var(--storefront-font-heading);font-weight:800;font-size:1.05rem;letter-spacing:-.01em}
.sf-brand__logo,.sf-brand__mono{inline-size:2.25rem;block-size:2.25rem;border-radius:var(--sf-r-sm);object-fit:contain;flex-shrink:0;background:var(--storefront-primary);color:var(--storefront-primary-text);display:grid;place-items:center;font-size:.85rem;font-weight:800}
.sf-brand__name{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;overflow-wrap:anywhere;line-height:1.15;min-inline-size:0}
.sf-brand{flex:0 1 auto;max-inline-size:100%}
.sf-nav{display:none;margin-inline-start:auto}
.sf-nav ul{display:flex;gap:.25rem}
.sf-nav__link{display:inline-flex;align-items:center;min-block-size:2.5rem;padding-inline:.85rem;border-radius:var(--sf-pill);font-weight:600;font-size:.92rem;color:var(--sf-muted);transition:background var(--sf-t1),color var(--sf-t1)}
.sf-nav__link:hover{background:var(--sf-surface-2);color:var(--sf-ink)}
.sf-nav__link[aria-current=page]{background:var(--sf-primary-soft);color:var(--sf-primary-ink)}
.sf-header__tools{display:flex;align-items:center;gap:.4rem;margin-inline-start:auto}
.sf-nav + .sf-header__tools{margin-inline-start:0}
.sf-cart,.sf-cartslot a,.sf-cartslot button{position:relative;display:inline-grid;place-items:center;min-inline-size:2.75rem;min-block-size:2.75rem;border-radius:var(--sf-pill);color:var(--sf-ink)}
.sf-cart:hover{background:var(--sf-surface-2)}
.sf-cart__label{position:absolute;inline-size:1px;block-size:1px;overflow:hidden;clip:rect(0 0 0 0)}
.sf .sf-langslot :is(button,a,select){min-block-size:2.5rem;border-radius:var(--sf-pill);border:1px solid var(--sf-line);background:var(--storefront-surface) none;padding-inline:.7rem;font-size:.85rem;font-weight:600;color:var(--sf-ink)}
.sf-drawer{position:relative}
.sf-drawer__toggle{display:grid;place-items:center;inline-size:2.75rem;block-size:2.75rem;border-radius:var(--sf-pill);cursor:pointer;list-style:none}
.sf-drawer__toggle::-webkit-details-marker{display:none}
.sf-drawer__toggle:hover{background:var(--sf-surface-2)}
.sf-drawer__panel{position:absolute;inset-inline-end:0;inset-block-start:calc(100% + .5rem);inline-size:min(18rem,calc(100vw - 2rem));padding:.5rem;background:var(--storefront-surface);border:1px solid var(--sf-line);border-radius:var(--sf-r);box-shadow:var(--sf-lift)}
.sf-drawer__panel ul{display:grid;gap:.15rem}
.sf-drawer__panel a{display:flex;align-items:center;gap:.7rem;min-block-size:2.9rem;padding-inline:.8rem;border-radius:var(--sf-r-sm);font-weight:600}
.sf-drawer__panel a:hover,.sf-drawer__panel a[aria-current=page]{background:var(--sf-primary-soft);color:var(--sf-primary-ink)}
@media(min-width:56rem){.sf-nav{display:block}.sf-drawer{display:none}}

.sf-footer{margin-block-start:var(--sf-section);background:#101828;color:#e4e7ec;font-size:.9rem}
.sf-footer__inner{inline-size:min(100% - 2*var(--sf-pad),var(--sf-max));margin-inline:auto;padding-block:1.5rem;display:grid;gap:1.25rem}
.sf-footer__brand{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.75rem 1.5rem}
.sf-footer__name{font-family:var(--storefront-font-heading);font-weight:700;font-size:1rem;color:#fff}
.sf-footer__nav ul{display:flex;flex-wrap:wrap;gap:.25rem 1rem}
.sf-footer__link{color:#e4e7ec;text-decoration:underline;text-decoration-color:rgb(255 255 255/.35);text-underline-offset:.2em}
.sf-footer__navlink{text-decoration:none;color:#cbd5e1;font-weight:600}
.sf-footer__navlink:hover{color:#fff}
.sf-footer__attr{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem 1rem;padding-block-start:1rem;border-block-start:1px solid rgb(255 255 255/.14)}
.sf-footer__attr p{color:#b6bdc9;flex:1 1 14rem}
.sf-proximity-badge{display:inline-flex;align-items:center;gap:.4rem;padding:.3rem .7rem;border-radius:var(--sf-pill);background:#fff;color:#155EEF;font-weight:700;font-size:.8rem}
.sf .sf-footer :focus-visible{outline-color:#fff}

/* ---------- hero + identity ---------- */
.sf-cover{position:relative;isolation:isolate;overflow:hidden;max-block-size:min(75vh,42rem);inline-size:100%;background:linear-gradient(135deg,var(--sf-primary-soft),var(--sf-surface-3));aspect-ratio:var(--sf-cover-ratio,16/7)}
/* the whole image is always shown (contain) inside a bounded frame; the spare space is filled by a blurred, scaled copy of the same image (a real img element, never built from seller data in CSS) */
.sf-cover__img{position:relative;z-index:1;inline-size:100%;block-size:100%;object-fit:contain}
.sf-cover__bg{position:absolute;inset:0;inline-size:100%;block-size:100%;object-fit:cover;filter:blur(28px) saturate(1.25);transform:scale(1.15);z-index:0}
.sf-cover:has(.sf-cover__bg)::after{content:"";position:absolute;inset:0;z-index:0;background:linear-gradient(transparent 50%,rgb(0 0 0 / .14));pointer-events:none}
.sf-cover--none{background:linear-gradient(135deg,color-mix(in srgb,var(--storefront-primary) 22%,var(--storefront-surface)),color-mix(in srgb,var(--storefront-accent) 16%,var(--storefront-surface)))}
.sf-logo{inline-size:4.5rem;block-size:4.5rem;border-radius:calc(var(--sf-r)*1.2);object-fit:contain;background:var(--storefront-surface);border:1px solid var(--sf-line);flex-shrink:0;overflow:hidden}
.sf-logo.sf-ph{display:grid}
.sf-logo--sm{inline-size:2.75rem;block-size:2.75rem;border-radius:var(--sf-r-sm)}
.sf-logo--xs{inline-size:2.25rem;block-size:2.25rem;border-radius:50%}
.sf-identity{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1rem}
.sf-identity__brand{display:flex;align-items:center;gap:1rem;min-inline-size:0}
.sf-identity__text{min-inline-size:0}
.sf-store-name{font-family:var(--storefront-font-heading);font-weight:800;font-size:clamp(1.5rem,1.1rem + 1.8vw,2.4rem);line-height:1.1;letter-spacing:-.02em;text-wrap:balance}
.sf-identity__meta{display:flex;flex-wrap:wrap;gap:.1rem .9rem;margin-block-start:.3rem;color:var(--sf-muted);font-size:.9rem}
.sf-identity__meta span+span::before{content:"·";margin-inline-end:.9rem;opacity:.6}
.sf-identity__actions{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}
.sf-menu{position:relative}
.sf-menu__btn{display:grid;place-items:center;inline-size:2.75rem;block-size:2.75rem;border:1px solid var(--sf-line-strong);border-radius:var(--sf-r-sm);cursor:pointer;list-style:none;background:var(--storefront-surface)}
.sf-menu__btn::-webkit-details-marker{display:none}
.sf-menu__panel{position:absolute;inset-inline-end:0;inset-block-start:calc(100% + .4rem);z-index:20;padding:.5rem;background:var(--storefront-surface);border:1px solid var(--sf-line);border-radius:var(--sf-r);box-shadow:var(--sf-lift);min-inline-size:11rem}
.sf-trust--bar{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem 1rem}
.sf-trust--card{display:grid;gap:.75rem;padding:1rem;border:1px solid var(--sf-line);border-radius:var(--sf-r);background:var(--storefront-surface)}
.sf-trust__who{display:flex;align-items:center;gap:.75rem}
.sf-trust__label{font-size:.75rem;color:var(--sf-muted);text-transform:uppercase;letter-spacing:.06em;font-weight:700}
.sf-trust__name{font-weight:800;font-size:1.05rem}
.sf-trust__row{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem .9rem}
.sf-story__text{color:var(--sf-ink);max-inline-size:62ch;line-height:1.7;white-space:pre-line}
.sf-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem}
.sf-gallery__img{inline-size:100%;aspect-ratio:4/3;object-fit:contain;background:var(--sf-surface-2);border-radius:var(--sf-r)}
.sf-gallery li:first-child{grid-column:1/-1}

/* ---------- panels (practical info) ---------- */
.sf-panel{padding:1.1rem 1.15rem;border:1px solid var(--sf-line);border-radius:var(--sf-r);background:var(--storefront-surface);display:grid;gap:.8rem;align-content:start;min-inline-size:0}
.sf-panel__title{display:flex;align-items:center;gap:.5rem;font-size:1rem;margin:0}
.sf-panel__icon{color:var(--sf-primary-ink)}
.sf-inforows{display:grid;gap:.7rem}
.sf-inforow{display:flex;gap:.7rem;align-items:flex-start}
.sf-inforow__icon{color:var(--sf-muted);margin-block-start:.15rem}
.sf-inforow__label{display:block;font-size:.75rem;color:var(--sf-muted);font-weight:700;text-transform:uppercase;letter-spacing:.05em}
.sf-inforow__value{display:block;font-size:.95rem}
.sf-hours__table{inline-size:100%;border-collapse:collapse;font-size:.92rem}
.sf-hours__table th{text-align:start;font-weight:500;color:var(--sf-muted);padding:.3rem 0}
.sf-hours__table td{text-align:end;padding:.3rem 0;font-variant-numeric:tabular-nums}
.sf-hours__table tr+tr{border-block-start:1px solid var(--sf-line)}
.sf-hours__table tr.is-today th,.sf-hours__table tr.is-today td{color:var(--sf-ink);font-weight:800}
.sf-hours__now{display:flex}
.sf-phones{display:grid;gap:.6rem}
.sf-phone{display:flex;align-items:center;gap:.65rem;flex-wrap:wrap}
.sf-phone__icon{color:var(--sf-muted)}
.sf-phone__text{display:grid;flex:1 1 8rem}
.sf-phone__num{font-weight:700;font-variant-numeric:tabular-nums}
.sf-phone__kind{font-size:.78rem;color:var(--sf-muted)}
.sf-contact__web{display:flex;align-items:center;gap:.65rem;overflow-wrap:anywhere}
.sf-social{display:flex;flex-wrap:wrap;gap:.5rem}
.sf-social__link{display:grid;place-items:center;inline-size:2.75rem;block-size:2.75rem;border-radius:50%;border:1px solid var(--sf-line-strong);background:var(--storefront-surface);color:var(--sf-ink);transition:transform var(--sf-t2) var(--sf-ease),background var(--sf-t1),color var(--sf-t1),border-color var(--sf-t1)}
.sf-social__link:hover{transform:translateY(-2px);background:var(--storefront-primary);color:var(--storefront-primary-text);border-color:var(--storefront-primary)}
.sf-address{display:grid;gap:.1rem;font-weight:600}
.sf-address__unit{color:var(--sf-muted);font-weight:500;font-size:.9rem}
.sf-map{aspect-ratio:16/10;border-radius:var(--sf-r);overflow:hidden;background:var(--sf-surface-2);border:1px solid var(--sf-line);position:relative;isolation:isolate}
.sf-map>*{inline-size:100%;block-size:100%}
.sf-map__art{display:grid;place-items:center;color:var(--sf-muted);background:repeating-linear-gradient(45deg,var(--sf-surface-2) 0 14px,var(--sf-surface-3) 14px 15px)}
.sf-services{display:flex;flex-wrap:wrap;gap:.5rem}
.sf-service{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem .8rem;border-radius:var(--sf-pill);background:var(--sf-surface-2);font-size:.9rem}
.sf-service strong{font-weight:700}
.sf-service__detail{display:block;font-size:.78rem;color:var(--sf-muted)}
.sf-rules{display:grid;gap:.35rem}
.sf-rules li,.sf-rule{position:relative;padding-inline-start:1.1rem;font-size:.92rem}
.sf-rules li::before{content:"";position:absolute;inset-inline-start:.1rem;inset-block-start:.65em;inline-size:.35rem;block-size:.35rem;border-radius:50%;background:var(--sf-primary-ink)}
.sf-rule{padding-inline-start:0}
.sf-rule__rest{color:var(--sf-muted)}
.sf-paylist{display:flex;flex-wrap:wrap;gap:.5rem}
.sf-pay{display:inline-flex;align-items:center;gap:.55rem;padding:.45rem .8rem .45rem .55rem;border:1px solid var(--sf-line);border-radius:var(--sf-pill);background:var(--storefront-surface);font-size:.9rem}
.sf-pay__icon,.sf-pay__logo{display:grid;place-items:center;inline-size:1.9rem;block-size:1.9rem;border-radius:50%;background:var(--sf-surface-2);object-fit:contain;color:var(--sf-primary-ink)}
.sf-pay__text{display:grid;line-height:1.2}
.sf-pay__desc{font-size:.75rem;color:var(--sf-muted);max-inline-size:16rem}
.sf-calendar{display:grid;gap:.5rem}
.sf-calendar li{display:flex;align-items:center;gap:.8rem;flex-wrap:wrap;padding:.6rem .8rem;background:var(--sf-surface-2);border-radius:var(--sf-r-sm)}
.sf-calendar__date{display:inline-flex;align-items:center;gap:.4rem;font-weight:700;font-size:.9rem;min-inline-size:8rem}
.sf-calendar__place{display:grid;flex:1 1 8rem}
.sf-standphoto{inline-size:100%;aspect-ratio:16/9;object-fit:cover;border-radius:var(--sf-r)}
.sf-flags{display:grid;gap:.4rem}
.sf-flags li{display:flex;align-items:center;gap:.5rem;font-size:.92rem}
.sf-facts__lead{font-weight:700}

/* offers + loyalty */
.sf-offerlist,.sf-loyaltylist{display:grid;gap:.6rem;grid-template-columns:repeat(auto-fill,minmax(min(100%,16rem),1fr))}
.sf-offer,.sf-loy{display:flex;align-items:center;gap:.8rem;padding:.8rem 1rem;border:1px solid var(--sf-line);border-radius:var(--sf-r);background:var(--storefront-surface);flex-wrap:wrap}
.sf-offer__badge,.sf-loy__icon{display:grid;place-items:center;min-inline-size:3rem;block-size:3rem;padding-inline:.5rem;border-radius:var(--sf-r-sm);background:var(--storefront-accent);color:var(--storefront-accent-text);font-weight:800;font-size:.95rem;flex-shrink:0}
.sf-offer__badge--icon{background:var(--sf-primary-soft);color:var(--sf-primary-ink)}
.sf-loy__icon{background:var(--sf-primary-soft);color:var(--sf-primary-ink)}
.sf-offer__text,.sf-loy__text{display:grid;flex:1 1 9rem;min-inline-size:0;line-height:1.3;font-size:.92rem}
.sf-offer__detail{color:var(--sf-muted);font-size:.82rem}
.sf-offer__code{display:inline-flex;align-items:center;gap:.3rem;padding:.2rem .6rem;border:1px dashed var(--sf-line-strong);border-radius:var(--sf-r-sm);font-size:.82rem;font-weight:700}
.sf-offer__code code{font-family:ui-monospace,monospace;letter-spacing:.04em}

/* ---------- catalogue ---------- */
.sf-search{position:relative;display:flex;align-items:center;inline-size:100%}
.sf-search__icon{position:absolute;inset-inline-start:.85rem;color:var(--sf-muted);pointer-events:none}
.sf-search__input{inline-size:100%;min-block-size:2.9rem;padding-inline:2.5rem 3.2rem;border:1px solid var(--sf-line-strong);border-radius:var(--sf-pill);background:var(--storefront-surface);font-size:.95rem}
.sf-search__input::placeholder{color:var(--sf-muted)}
.sf-search__input:focus{outline:none;box-shadow:var(--sf-ring);border-color:var(--storefront-focus)}
.sf-search__btn{position:absolute;inset-inline-end:.3rem;inline-size:2.3rem;block-size:2.3rem;border-radius:50%;border:0;background:var(--storefront-primary);color:var(--storefront-primary-text);display:grid;place-items:center;cursor:pointer}
.sf-toolbar{display:grid;grid-template-columns:1fr;gap:.6rem;margin-block-end:1.1rem;align-items:center}
.sf-toolbar__q{position:relative;display:flex;align-items:center}
.sf-toolbar__q .sf-search__input{padding-inline:2.5rem 1rem}
.sf-toolbar__sort{position:relative;display:flex;align-items:center}
.sf-toolbar__sort .sf-i{position:absolute;inset-inline-start:.8rem;color:var(--sf-muted);pointer-events:none}
.sf-toolbar__sort select{inline-size:100%;min-block-size:2.9rem;padding-inline:2.3rem 1rem;border:1px solid var(--sf-line-strong);border-radius:var(--sf-pill);background:var(--storefront-surface);font-weight:600;font-size:.9rem}
.sf-toolbar__deals{display:inline-flex;align-items:center;gap:.5rem;min-block-size:2.75rem;font-weight:600;font-size:.9rem;cursor:pointer}
.sf-toolbar__deals input{inline-size:1.5rem;block-size:1.5rem;accent-color:var(--storefront-primary)}
.sf-toolbar__deals span{display:inline-flex;align-items:center;gap:.25rem}
.sf-toolbar__go{display:none}
@media(min-width:40rem){.sf-toolbar{grid-template-columns:minmax(0,1fr) auto auto auto}.sf-toolbar__go{display:inline-flex}}

.sf-chiprail{display:flex;gap:.5rem;overflow-x:auto;scrollbar-width:none;padding-block:.25rem;margin-inline:calc(var(--sf-pad)*-1);padding-inline:var(--sf-pad);scroll-snap-type:x proximity}
.sf-chiprail::-webkit-scrollbar{display:none}
.sf-chiprail li{flex-shrink:0;scroll-snap-align:start}
.sf-chiprail--sub{margin-block-start:.35rem}
.sf-chiplink{display:inline-flex;align-items:center;min-block-size:2.5rem;padding-inline:1rem;border:1px solid var(--sf-line-strong);border-radius:var(--sf-pill);background:var(--storefront-surface);font-weight:600;font-size:.9rem;white-space:nowrap;transition:background var(--sf-t1),color var(--sf-t1),border-color var(--sf-t1)}
.sf-chiplink:hover{background:var(--sf-surface-2)}
.sf-chiplink[aria-current=page]{background:var(--storefront-primary);border-color:var(--storefront-primary);color:var(--storefront-primary-text)}
.sf-chiplink--sub{min-block-size:2.25rem;font-size:.85rem;background:var(--sf-surface-2);border-color:transparent}
.sf-sectionnav__title{margin-block-end:1rem}
.sf-tiles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem}
.sf-tile{position:relative;display:grid;align-items:end;aspect-ratio:4/3;border-radius:var(--sf-r);overflow:hidden;background:var(--sf-surface-2);isolation:isolate;color:#fff}
.sf-tile::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 35%,rgb(0 0 0/.62));z-index:-1}
.sf-tile__img,.sf-tile__ph{position:absolute;inset:0;inline-size:100%;block-size:100%;object-fit:cover;z-index:-2;transition:transform var(--sf-t3) var(--sf-ease)}
.sf-tile__ph{display:grid;place-items:center;background:linear-gradient(135deg,var(--sf-primary-soft),var(--sf-surface-3));color:var(--sf-muted)}
.sf-tile:hover .sf-tile__img{transform:scale(1.05)}
.sf-tile__label{padding:.9rem;font-weight:700;font-size:1.05rem;text-shadow:0 1px 8px rgb(0 0 0/.4)}
.sf-tile--all{background:var(--sf-primary-soft);color:var(--sf-primary-ink);align-content:center;justify-items:center}
.sf-tile--all::after{display:none}
.sf-tile--all .sf-tile__label{text-shadow:none}
@media(min-width:40rem){.sf-tiles{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(min-width:64rem){.sf-tiles{grid-template-columns:repeat(4,minmax(0,1fr))}}
.sf-tree{display:grid;gap:.1rem}
.sf-tree .sf-tree{margin-inline-start:.9rem;padding-inline-start:.7rem;border-inline-start:1px solid var(--sf-line)}
.sf-treelink{display:flex;align-items:center;justify-content:space-between;min-block-size:2.5rem;padding-inline:.8rem;border-radius:var(--sf-r-sm);font-weight:600;font-size:.92rem;color:var(--sf-muted)}
.sf-treelink:hover{background:var(--sf-surface-2);color:var(--sf-ink)}
.sf-treelink[aria-current=page]{background:var(--sf-primary-soft);color:var(--sf-primary-ink)}

.sf-grid{display:grid;grid-template-columns:repeat(var(--sf-cols),minmax(0,1fr));gap:var(--sf-grid-gap)}
@media(min-width:40rem){.sf-grid{--sf-cols:3;--sf-grid-gap:1.1rem}}
@media(min-width:64rem){.sf-grid{--sf-cols:4;--sf-grid-gap:1.25rem}}
.sf-card{position:relative;display:flex;flex-direction:column;min-inline-size:0;border-radius:var(--sf-r);background:var(--storefront-surface);border:1px solid var(--sf-line);overflow:hidden;transition:transform var(--sf-t2) var(--sf-ease),box-shadow var(--sf-t2) var(--sf-ease),border-color var(--sf-t2)}
.sf-card:hover{transform:translateY(-2px);box-shadow:var(--sf-lift);border-color:var(--sf-line-strong)}
.sf-card:focus-within{box-shadow:var(--sf-ring)}
.sf-card__media{position:relative;aspect-ratio:var(--sf-card-ratio);background:var(--sf-surface-2);overflow:hidden}
.sf-card__img{position:absolute;inset:0;inline-size:100%;block-size:100%;object-fit:var(--sf-card-fit);transition:transform var(--sf-t3) var(--sf-ease),opacity var(--sf-t2)}
.sf-card:hover .sf-card__img:not(.sf-card__img--alt){transform:scale(1.04)}
.sf-card__img--alt{opacity:0}
.sf-card__media--swap:hover .sf-card__img--alt,.sf-card:focus-within .sf-card__img--alt{opacity:1}
.sf-card__badges{position:absolute;inset-block-start:.55rem;inset-inline-start:.55rem;display:flex;flex-direction:column;align-items:flex-start;gap:.3rem;z-index:1}
.sf-card__sold{position:absolute;inset-block-end:.55rem;inset-inline-start:.55rem;z-index:1;padding:.2rem .6rem;border-radius:var(--sf-r-sm);background:rgb(17 24 39/.82);color:#fff;font-size:.75rem;font-weight:700}
.sf-card.is-sold .sf-card__img{filter:grayscale(.7);opacity:.7}
.sf-card__quick{position:absolute;inset-block-end:.55rem;inset-inline-end:.55rem;z-index:3}
.sf .sf-quickadd,.sf .sf-card__quick :is(button,a){display:grid;place-items:center;inline-size:2.75rem;block-size:2.75rem;padding:0;border-radius:50%;border:0;background:var(--storefront-primary) none;color:var(--storefront-primary-text);box-shadow:0 4px 14px -2px color-mix(in srgb,var(--storefront-text) 40%,transparent);cursor:pointer;transition:transform var(--sf-t2) var(--sf-ease),background var(--sf-t1)}
.sf .sf-card__quick :is(button,a):hover{background:var(--storefront-primary-hover) none;transform:scale(1.08)}
.sf .sf-quickadd[disabled]{opacity:.55;cursor:default}
.sf-card__body{display:grid;gap:.3rem;padding:.8rem .9rem .95rem;align-content:start;flex:1}
.sf-card__title{font-size:.95rem;font-weight:600;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.sf-card__link::after{content:"";position:absolute;inset:0;z-index:2}
.sf-card__price{display:flex;align-items:baseline;flex-wrap:wrap}
.sf-card__meta{display:flex;align-items:center;flex-wrap:wrap;gap:.2rem .7rem;min-block-size:1.2rem}

/* ---------- community ---------- */
.sf-rating__body{display:grid;gap:1rem}
.sf-rating__score{display:flex;align-items:center;flex-wrap:wrap;gap:.4rem .9rem}
.sf-rating__avg{font-family:var(--storefront-font-heading);font-weight:800;font-size:clamp(2.2rem,1.8rem + 1.4vw,3rem);line-height:1;letter-spacing:-.03em}
.sf-histogram{display:grid;gap:.4rem;max-inline-size:22rem}
.sf-histogram li{display:grid;grid-template-columns:2.2rem 1fr 2.2rem;align-items:center;gap:.6rem;font-size:.85rem}
.sf-histogram__label{display:inline-flex;align-items:center;gap:.15rem;color:var(--sf-muted);font-weight:600}
.sf-histogram__label .sf-i{color:var(--sf-star)}
.sf-histogram__bar{-webkit-appearance:none;appearance:none;inline-size:100%;block-size:.5rem;border:0;border-radius:var(--sf-pill);background:var(--sf-surface-3);overflow:hidden}
.sf-histogram__bar::-webkit-progress-bar{background:var(--sf-surface-3)}
.sf-histogram__bar::-webkit-progress-value{background:var(--sf-star);border-radius:var(--sf-pill)}
.sf-histogram__bar::-moz-progress-bar{background:var(--sf-star);border-radius:var(--sf-pill)}
.sf-histogram__n{color:var(--sf-muted);text-align:end;font-variant-numeric:tabular-nums}
.sf-reviewlist{display:grid;gap:.8rem}
.sf-review{padding:1rem 1.1rem;border:1px solid var(--sf-line);border-radius:var(--sf-r);background:var(--storefront-surface);display:grid;gap:.5rem}
.sf-review__head{display:flex;align-items:center;flex-wrap:wrap;gap:.4rem .8rem;font-size:.85rem}
.sf-review__verified{display:inline-flex;align-items:center;gap:.25rem;color:var(--sf-ok);font-weight:700}
.sf-review__text{line-height:1.6}
.sf-postlist{display:grid;gap:1rem}
.sf-post article{display:grid;gap:.8rem;padding:1.1rem;border:1px solid var(--sf-line);border-radius:var(--sf-r);background:var(--storefront-surface)}
.sf-post__head{display:flex;align-items:center;gap:.7rem}
.sf-post__who{display:grid;line-height:1.25;font-size:.85rem}
.sf-post__who strong{font-size:.95rem}
.sf-post__text{white-space:pre-line;line-height:1.65}
.sf-postmedia{display:grid;gap:.4rem;border-radius:var(--sf-r);overflow:hidden}
.sf-postmedia--2,.sf-postmedia--4{grid-template-columns:repeat(2,minmax(0,1fr))}
.sf-postmedia--3{grid-template-columns:repeat(2,minmax(0,1fr))}.sf-postmedia--3 li:first-child{grid-column:1/-1}
.sf-postmedia img,.sf-postmedia video{inline-size:100%;aspect-ratio:16/10;object-fit:contain;background:var(--sf-surface-2)}
.sf-postmedia--1 img,.sf-postmedia--1 video{aspect-ratio:16/9}
.sf-linked{display:flex;gap:.6rem;overflow-x:auto;padding-block-end:.25rem}
.sf-linkedcard{display:flex;align-items:center;gap:.6rem;padding:.5rem .8rem .5rem .5rem;border:1px solid var(--sf-line);border-radius:var(--sf-r);background:var(--sf-surface-2);min-inline-size:14rem}
.sf-linkedcard__img{inline-size:3.25rem;block-size:3.25rem;border-radius:var(--sf-r-sm);object-fit:cover;flex-shrink:0}
.sf-linkedcard__text{display:grid;font-size:.88rem;line-height:1.3}
.sf-linkedcard__name{font-weight:600}
.sf-linkedcard__price{font-weight:800}
.sf-poll{display:grid;gap:.6rem;padding:.9rem;border-radius:var(--sf-r);background:var(--sf-surface-2)}
.sf-poll__q{display:flex;gap:.5rem;align-items:center;font-weight:700}
.sf-poll__options{display:grid;gap:.4rem}
.sf-poll__options li{position:relative;display:flex;justify-content:space-between;gap:.8rem;padding:.55rem .8rem;border-radius:var(--sf-r-sm);background:var(--storefront-surface);overflow:hidden;isolation:isolate;font-size:.92rem}
.sf-poll__bar{-webkit-appearance:none;appearance:none;position:absolute;inset:0;inline-size:100%;block-size:100%;border:0;background:transparent;z-index:-1}
.sf-poll__bar::-webkit-progress-bar{background:transparent}
.sf-poll__bar::-webkit-progress-value{background:var(--sf-primary-soft)}
.sf-poll__bar::-moz-progress-bar{background:var(--sf-primary-soft)}
.sf-poll__text{display:inline-flex;align-items:center;gap:.4rem;font-weight:600}
.sf-poll__pct{font-weight:700;font-variant-numeric:tabular-nums}
.sf-poll__options li.is-mine{outline:2px solid var(--storefront-primary)}
.sf-poll__meta{font-size:.82rem}
.sf-post__foot{display:flex;flex-wrap:wrap;gap:.5rem;padding-block-start:.6rem;border-block-start:1px solid var(--sf-line)}
.sf-post__foot .sf-slot :is(button,a):not(.sf-btn){border-color:transparent;background:transparent none;min-block-size:2.5rem}
.sf-comments{display:contents}

/* overflow safety: grid/flex children may shrink below their content (inner scrollers stay inside the page) */
.sf-postlist{grid-template-columns:minmax(0,1fr)}
.sf-post,.sf-post article{min-inline-size:0}
.sf-post article{grid-template-columns:minmax(0,1fr)}
.sf-linked{max-inline-size:100%}
.sf-linkedcard{min-inline-size:min(14rem,82%)}
.sf-gallery li{min-inline-size:0}
.sf-offerlist,.sf-loyaltylist{min-inline-size:0}

/* section thumbnails (round images, horizontal scroller) */
.sf-thumbs{display:flex;gap:1rem;overflow-x:auto;padding-block:.25rem .5rem;margin-inline:calc(var(--sf-pad)*-1);padding-inline:var(--sf-pad);scrollbar-width:none;scroll-snap-type:x proximity}
.sf-thumbs::-webkit-scrollbar{display:none}
.sf-thumbs li{flex:0 0 auto;scroll-snap-align:start}
.sf-thumb{display:grid;justify-items:center;gap:.4rem;inline-size:4.75rem;text-align:center}
.sf-thumb__img{display:block;inline-size:4.25rem;block-size:4.25rem;border-radius:50%;overflow:hidden;background:var(--sf-surface-2);border:2px solid transparent;box-shadow:0 0 0 1px var(--sf-line);transition:transform var(--sf-t2) var(--sf-ease),box-shadow var(--sf-t2)}
.sf-thumb:hover .sf-thumb__img{transform:scale(1.06);box-shadow:0 0 0 2px var(--storefront-primary)}
.sf-thumb[aria-current=page] .sf-thumb__img{box-shadow:0 0 0 2px var(--storefront-primary)}
.sf-thumb__pic{inline-size:100%;block-size:100%;object-fit:cover}
.sf-thumb__ph{display:grid;place-items:center;inline-size:100%;block-size:100%;color:var(--sf-muted)}
.sf-thumb__label{font-size:.78rem;font-weight:600;line-height:1.2;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}
@media(min-width:56rem){.sf-thumbs{gap:1.5rem;margin-inline:0;padding-inline:0}.sf-thumb{inline-size:6rem}.sf-thumb__img{inline-size:5.25rem;block-size:5.25rem}.sf-thumb__label{font-size:.85rem}}

/* ---------- category bar (the seller's section tree as primary navigation) ---------- */
.sf-secbar{inline-size:100%;background:var(--storefront-surface);border-block-end:1px solid var(--sf-line)}
.sf-secbar .sf-secbar__list{display:flex;align-items:stretch;gap:.15rem;inline-size:min(100% - 2*var(--sf-pad),var(--sf-max));margin-inline:auto;overflow-x:auto;scrollbar-width:none;scroll-snap-type:x proximity}
.sf-secbar__list::-webkit-scrollbar{display:none}
.sf-secbar__item{position:relative;flex:0 0 auto;scroll-snap-align:start;display:flex}
.sf-secbar__link{display:inline-flex;align-items:center;gap:.3rem;min-block-size:2.75rem;padding-inline:.85rem;font-weight:600;font-size:.88rem;white-space:nowrap;color:var(--sf-muted);border-block-end:2px solid transparent;cursor:pointer;list-style:none;transition:color var(--sf-t1),border-color var(--sf-t1)}
.sf-secbar__link::-webkit-details-marker{display:none}
.sf-secbar__link:hover,.sf-secbar__item:focus-within>.sf-secbar__link{color:var(--sf-ink)}
.sf-secbar__link[aria-current]{color:var(--sf-ink);border-block-end-color:var(--storefront-primary)}
.sf-secbar__link--all{color:var(--sf-ink)}
.sf-secbar__caret{opacity:.6}
.sf-secbar__sub{display:none;position:absolute;inset-inline-start:0;inset-block-start:100%;z-index:36;min-inline-size:13.5rem;max-block-size:70vh;overflow-y:auto;padding:.5rem;background:var(--storefront-surface);border:1px solid var(--sf-line);border-radius:var(--sf-r);box-shadow:var(--sf-lift)}
.sf-secbar__sublink{display:block;padding:.5rem .7rem;border-radius:var(--sf-r-sm);font-weight:600;font-size:.88rem;color:var(--sf-ink)}
.sf-secbar__sublink:hover,.sf-secbar__sublink[aria-current]{background:var(--sf-primary-soft);color:var(--sf-primary-ink)}
.sf-secbar__subsub{padding-inline-start:.9rem;margin-block-end:.25rem}
.sf-secbar__sublink--leaf{font-weight:500;color:var(--sf-muted);padding-block:.3rem}
.sf-secbar__x{display:flex}
.sf-secbar__more{display:none}
.sf-secbar__more details{position:relative}
.sf-secbar__more[open] .sf-secbar__sub,.sf-secbar__more details[open] .sf-secbar__sub{display:block}
@media(min-width:56rem){
  .sf-secbar .sf-secbar__list{overflow:visible}
  .sf-secbar__item:hover>.sf-secbar__sub,.sf-secbar__item:focus-within>.sf-secbar__sub{display:block}
  .sf-secbar__x{display:none}
  .sf-secbar__more{display:flex}
}
@media(max-width:55.99rem){.sf-secbar__sub,.sf-secbar__caret{display:none!important}.sf-secbar__link{min-block-size:2.5rem;padding-inline:.7rem}}
.sf-crumbs--sections{padding-block:.75rem 0}
/* ---------- per-section product blocks on the store home ---------- */
.sf-secblocks{display:grid;gap:clamp(1.5rem,3vw,2.5rem);grid-template-columns:minmax(0,1fr)}
.sf-secblock{min-inline-size:0}
.sf-secblock__head{display:flex;align-items:center;gap:.7rem;margin-block-end:.8rem}
.sf-secblock__img{inline-size:2.25rem;block-size:2.25rem;border-radius:50%;object-fit:cover;flex-shrink:0}
.sf-secblock__title{font-family:var(--storefront-font-heading);font-size:clamp(1.05rem,.95rem + .5vw,1.35rem);font-weight:700;line-height:1.2;margin:0;overflow-wrap:anywhere}
.sf-secblock__all{margin-inline-start:auto;white-space:nowrap}
.sf-secblock__n{color:var(--sf-muted);font-weight:500}
.sf-railrow{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(9.75rem,44%);gap:.75rem;overflow-x:auto;padding-block-end:.6rem;scroll-snap-type:x proximity;scrollbar-width:thin;max-inline-size:100%}
.sf-railrow>li{scroll-snap-align:start;min-inline-size:0}
@media(min-width:48rem){.sf-railrow{grid-auto-columns:minmax(11.5rem,15.5%)}}
@media(min-width:80rem){.sf-railrow{grid-auto-columns:minmax(12rem,13%)}}
.sf-rowlist{display:grid;gap:.5rem}
.sf-grid--block{--sf-cols:2}
@media(min-width:48rem){.sf-grid--block{--sf-cols:4}}
.sf-crumbs--sections{padding-block:.75rem 0}
.sf-chiprail--sub{margin-block-start:.5rem}
.sf-secbar--ev{border-block-end:0;box-shadow:0 1px 0 var(--sf-line)}.sf-secbar--ev .sf-secbar__link{font-weight:700;color:var(--sf-ink)}
.sf-secbar--sc{background:transparent;border:0}.sf-secbar--sc .sf-secbar__list{justify-content:safe center}.sf-secbar--sc .sf-secbar__link{text-transform:uppercase;letter-spacing:.14em;font-size:.72rem;font-weight:600;border-block-end-width:1px}
.sf-sc-header--over .sf-secbar{position:absolute;inset-inline:0;inset-block-start:100%;background:linear-gradient(rgba(0,0,0,.45),transparent)}.sf-sc-header--over .sf-secbar__link{color:#fff}
.sf-secbar--tx{background:var(--sf-bar);border-block-end:1px solid var(--sf-line)}.sf-secbar--tx .sf-secbar__link{color:#fff;opacity:.8;font-size:.8rem;font-weight:500;font-variant-numeric:tabular-nums;min-block-size:2.25rem}.sf-secbar--tx .sf-secbar__link:hover,.sf-secbar--tx .sf-secbar__link[aria-current]{color:#fff}
.sf-secbar--cr{background:transparent;border-block-end:1px solid var(--sf-line)}.sf-secbar--cr .sf-secbar__list{justify-content:safe center}.sf-secbar--cr .sf-secbar__link{font-family:var(--storefront-font-heading);font-style:italic;font-weight:500;font-size:1rem}
.sf-secbar--sp{background:var(--sf-primary-soft)}.sf-secbar--sp .sf-secbar__link{font-weight:500;font-size:.85rem}
.sf-secbar--at{background:transparent;border-block-end:1px solid var(--sf-line)}.sf-secbar--at .sf-secbar__list{justify-content:safe center}.sf-secbar--at .sf-secbar__link{text-transform:uppercase;letter-spacing:.16em;font-size:.7rem;font-weight:500;color:var(--sf-ink)}
.sf-secbar--lt{background:transparent;border:0;padding-block:.35rem}.sf-secbar--lt .sf-secbar__link{border:1px solid var(--sf-line);border-radius:999px;min-block-size:2.25rem;margin-inline-end:.35rem;background:var(--storefront-surface)}.sf-secbar--lt .sf-secbar__link[aria-current]{background:var(--storefront-primary);color:#fff;border-color:transparent}
.sf-secbar--mg{background:var(--sf-ink);border:0}.sf-secbar--mg .sf-secbar__link{color:#fff;text-transform:uppercase;font-size:.78rem;letter-spacing:.04em;font-weight:700;border-radius:0;border-block-end:0}.sf-secbar--mg .sf-secbar__link:hover,.sf-secbar--mg .sf-secbar__link[aria-current]{background:var(--storefront-primary);color:#fff}
/* WCAG 2.5.8: every link/target is at least 24px tall (inline links in cards, footers, crumbs, map attribution) */
:where(.sf) :is(.sf-card__link,.sf-footer__navlink,.sf-footer__link,.sf-more-link,.sf-crumbs__link,.sf-link,.sf-trust__name,.sf-mg-cell__link,.leaflet-control-attribution a){display:inline-block;min-block-size:1.5rem;line-height:1.5rem;vertical-align:middle}
.sf .sf-card__link{max-inline-size:100%}
/* focus / scrolled-into-view targets must not hide under a sticky header (WCAG 2.4.11) */
:root:has(.sf){scroll-padding-block-start:6.5rem}
.sf-pay{padding:.3rem .7rem .3rem .4rem;font-size:.82rem}.sf-pay__icon,.sf-pay__logo{inline-size:1.5rem;block-size:1.5rem}
.sf-perks{display:flex;flex-wrap:wrap;gap:.45rem}.sf-perk{display:inline-flex;align-items:center;gap:.4rem;padding:.35rem .75rem;border-radius:var(--sf-pill);background:var(--sf-primary-soft);color:var(--sf-primary-ink);font-size:.82rem;font-weight:700;line-height:1.25}.sf-perk__detail{font-weight:500}.sf-perk__code{font-family:var(--storefront-font-mono,monospace);border:1px dashed currentColor;border-radius:var(--sf-r-sm);padding:0 .35rem}
.sf-dealsline{display:flex;flex-wrap:wrap;gap:.45rem;align-items:center;margin:0}.sf-perk--link{text-decoration:none;cursor:pointer}.sf-perk--link:hover{background:var(--sf-primary-ink);color:var(--storefront-primary-text)}
.sf-scheme{display:inline-flex;gap:.1rem;padding:.15rem;border:1px solid var(--sf-line);border-radius:var(--sf-pill);background:var(--storefront-surface)}.sf-scheme__btn{display:grid;place-items:center;inline-size:1.9rem;block-size:1.9rem;border:0;border-radius:50%;background:transparent;color:var(--sf-muted);cursor:pointer}.sf-scheme__btn[aria-pressed=true]{background:var(--storefront-primary);color:var(--storefront-primary-text)}.sf-scheme__btn:hover:not([aria-pressed=true]){background:var(--sf-surface-2);color:var(--sf-ink)}
.sf-scheme--cycle{display:none;place-items:center;inline-size:2.5rem;block-size:2.5rem;padding:0;color:var(--sf-ink);cursor:pointer}.sf-scheme--cycle:hover{background:var(--sf-surface-2)}
@media(max-width:39.99rem){.sf-scheme--group{display:none}.sf-scheme--cycle{display:inline-grid}}
/* header alignment: every control is centred on the row, the cart badge lives in an overflow-visible wrapper, the store name uses the room it has */
.sf-header__tools{align-items:center;min-block-size:2.75rem;padding-inline-end:.35rem}.sf-header__tools>*{align-self:center}
.sf-cartslot,.sf-langslot,.sf-schemeslot{display:inline-flex;align-items:center;overflow:visible}
.sf-cart,.sf-cartslot a,.sf-cartslot button{overflow:visible;line-height:1}
.sf-cartslot a>span[class*="absolute"],.sf-cart>[class*="absolute"]{inset-block-start:.15rem!important;inset-inline-end:.15rem!important;z-index:2}
.sf-header .sf-brand{align-self:center}
@media(max-width:30rem){.sf-brand{font-size:.95rem;gap:.5rem}.sf-header__tools{gap:.2rem}}
/* 'See all >' style links: the arrow stays on the line of the text (inline-flex, never wraps under it); the icon mirrors in RTL via data-rtl */
.sf .sf-more-link,.sf .sf-secblock__all,.sf .sf-mg-deals__all,.sf .sf-perk--link,.sf .sf-back{display:inline-flex;align-items:center;gap:.3rem;min-block-size:1.5rem;line-height:1.3}
.sf .sf-more-link>.sf-i,.sf .sf-secblock__all>.sf-i,.sf .sf-mg-deals__all>.sf-i,.sf .sf-perk--link>.sf-i,.sf .sf-back>.sf-i,.sf .sf-btn>.sf-i{flex-shrink:0}
.sf .sf-more-link{white-space:nowrap}@media(max-width:22.5rem){.sf .sf-more-link{white-space:normal}}
/* store description: clamped when long, CSS-only Read more / Show less (checkbox pattern, full text always in the DOM) */
.sf-story--clamp{position:relative}
.sf-story__chk{position:absolute;inset-inline-start:0;inset-block-end:0;inline-size:1.5rem;block-size:1.5rem;opacity:0;margin:0;cursor:pointer;z-index:1}
.sf-story--clamp .sf-story__text{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;overflow:hidden}
.sf-story__chk:checked~.sf-story__text{-webkit-line-clamp:unset;display:block;overflow:visible}
.sf-story__toggle{display:inline-flex;align-items:center;gap:.3rem;margin-block-start:.4rem;min-block-size:1.5rem;font-weight:600;font-size:.88rem;color:var(--sf-primary-ink);cursor:pointer}
.sf-story__less,.sf-story__chk:checked~.sf-story__toggle .sf-story__more{display:none}.sf-story__chk:checked~.sf-story__toggle .sf-story__less{display:inline}
.sf-story__chk:checked~.sf-story__toggle .sf-i{transform:rotate(180deg)}.sf-story__chk:focus-visible~.sf-story__toggle{outline:2px solid var(--storefront-focus);outline-offset:3px;border-radius:var(--sf-r-sm)}
/* payment chips wrap, never overlap */
.sf-paylist>li,.sf-pay{min-inline-size:0;max-inline-size:100%}.sf-pay__text,.sf-pay__desc{min-inline-size:0;overflow-wrap:anywhere}
/* language switcher (platform component inside the storefront): storefront tokens, AA in light and dark, current language marked */
.sf-langslot button{color:var(--sf-lang-muted,var(--storefront-muted-text))}
.sf-langslot button:hover{background:color-mix(in srgb,currentColor 12%,transparent);color:var(--sf-lang-fg,var(--storefront-text))}
.sf-langslot button .text-ink{color:var(--sf-lang-fg,var(--storefront-text));font-weight:800;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:.3em;text-decoration-color:var(--storefront-primary)}
.sf-langslot button [class*="text-ink-muted"]{color:var(--sf-lang-muted,var(--storefront-muted-text))}
.sf-langslot ul{background:var(--storefront-surface);color:var(--storefront-text);border-color:var(--storefront-border)}
.sf-langslot [role=menuitem]{color:var(--storefront-text)}.sf-langslot [role=menuitem]:hover{background:var(--sf-surface-2)}
.sf-langslot [role=menuitem][aria-current=true]{color:var(--sf-primary-ink);font-weight:700}
@media(max-width:39.99rem){.sf-langslot button .flex>span:not(.text-ink){display:none}.sf-langslot button .flex>span>span{display:none}}

.sf-crumbs{padding-block:1rem .25rem;font-size:.85rem;color:var(--sf-muted)}
.sf-crumbs ol{display:flex;flex-wrap:wrap;gap:.2rem .1rem;align-items:center}
.sf-crumbs li+li::before{content:"/";margin-inline:.45rem;opacity:.5}
.sf-crumbs__link{font-weight:600}.sf-crumbs__link:hover{color:var(--sf-ink);text-decoration:underline}
.sf-crumbs [aria-current=page]{color:var(--sf-ink);font-weight:600}

.sf-pdp{display:grid;gap:1.5rem;padding-block:.75rem var(--sf-section);align-items:start}
.sf-pdp__gallery,.sf-pdp__info,.sf-pdp__buy{min-inline-size:0}
.sf-pdp__info,.sf-pdp__buy{display:grid;gap:1rem;align-content:start}
@media(min-width:56rem){.sf-pdp{grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:2.5rem}}

.sf-pgallery{display:grid;gap:.75rem}
.sf-pgallery__main{position:relative;aspect-ratio:var(--sf-pdp-ratio,1/1);border-radius:var(--sf-r-lg);overflow:hidden;background:var(--sf-surface-2);border:1px solid var(--sf-line)}
.sf-pgallery__mainbtn{display:block;inline-size:100%;padding:0;border:0;background:none;cursor:zoom-in;aspect-ratio:var(--sf-pdp-ratio,1/1);border-radius:var(--sf-r-lg);overflow:hidden;background:var(--sf-surface-2);border:1px solid var(--sf-line)}
.sf-pgallery__img{inline-size:100%;block-size:100%;object-fit:contain;background:var(--sf-surface-2)}
.sf-pgallery__mainbtn .sf-pgallery__img{aspect-ratio:var(--sf-pdp-ratio,1/1)}
.sf-pgallery__thumbs{display:flex;gap:.55rem;overflow-x:auto;padding-block-end:.2rem;scrollbar-width:thin}
.sf-pgallery__thumbs li{flex-shrink:0;inline-size:4.25rem;aspect-ratio:1;border-radius:var(--sf-r-sm);overflow:hidden;border:2px solid transparent;background:var(--sf-surface-2)}
.sf-pgallery__thumbs li.is-active{border-color:var(--storefront-primary)}
.sf-pgallery__thumbbtn{display:block;padding:0;border:0;background:none;cursor:pointer;inline-size:100%;block-size:100%}
.sf-pgallery__thumb{inline-size:100%;block-size:100%;object-fit:cover}
.sf-pmedia__none{aspect-ratio:1;border-radius:var(--sf-r-lg)}

.sf-pname{font-size:clamp(1.5rem,1.2rem + 1.5vw,2.3rem);line-height:1.12;letter-spacing:-.02em}
.sf-pident{display:grid;gap:.5rem}
.sf-pident__rating{display:flex;align-items:center;flex-wrap:wrap;gap:.45rem .7rem;font-size:.92rem}
.sf-ppricing__main{display:flex;align-items:center;flex-wrap:wrap;gap:.4rem .8rem}
.sf-ppricing__offer{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem .8rem;margin-block-start:.4rem;font-size:.9rem}
.sf-pactions{display:grid;gap:1rem}
.sf-pactions__secondary{display:flex;flex-wrap:wrap;gap:.5rem}
.sf-pactions__secondary .sf-btn,.sf-pactions__secondary .sf-slot :is(button,a):not(.sf-btn){min-block-size:2.5rem;font-size:.88rem}
.sf-purchase{display:grid;gap:1rem}
.sf-qty{display:grid;gap:.35rem}
.sf-qty__label{font-size:.82rem;font-weight:700;color:var(--sf-muted)}
.sf-qty__ctl{display:inline-flex;align-items:center;border:1px solid var(--sf-line-strong);border-radius:var(--sf-pill);overflow:hidden;inline-size:max-content;background:var(--storefront-surface)}
.sf-qty__ctl button{display:grid;place-items:center;inline-size:2.75rem;block-size:2.75rem;border:0;background:transparent;cursor:pointer}
.sf-qty__ctl button:hover:not([disabled]){background:var(--sf-surface-2)}
.sf-qty__ctl input{inline-size:3rem;text-align:center;border:0;background:transparent;font-weight:700;font-variant-numeric:tabular-nums;-moz-appearance:textfield}
.sf-qty__ctl input::-webkit-outer-spin-button,.sf-qty__ctl input::-webkit-inner-spin-button{-webkit-appearance:none}
.sf-buy__actions{display:grid;grid-template-columns:1fr 1fr;gap:.6rem}
.sf-purchase--inert .sf-buy__actions{grid-template-columns:1fr}
@media(min-width:56rem){.sf-purchase--inert .sf-buy__actions{grid-template-columns:1fr 1fr}}

/* the app's purchase island (ThemedBuyBox) */
.sf-buy{display:grid;gap:1rem}
.sf-buy__price{display:grid;gap:.35rem}
.sf-buy__pricerow{display:flex;align-items:center;flex-wrap:wrap;gap:.4rem .8rem}
.sf-buy__offer{display:flex;flex-wrap:wrap;gap:.4rem .8rem;font-size:.9rem;align-items:center}
.sf-buy__group{display:grid;gap:.5rem;border:0;padding:0;margin:0;min-inline-size:0}
.sf-buy__legend{font-size:.9rem;font-weight:700;padding:0}
.sf-buy__legend span{color:var(--sf-muted);font-weight:500}
.sf-opts{display:flex;flex-wrap:wrap;gap:.5rem}
.sf-opt{position:relative;display:inline-flex}
.sf-opt input{position:absolute;opacity:0;inset:0;inline-size:100%;block-size:100%;margin:0;cursor:pointer}
.sf-opt span{display:inline-flex;align-items:center;justify-content:center;min-inline-size:2.75rem;min-block-size:2.75rem;padding-inline:1rem;border:1px solid var(--sf-line-strong);border-radius:var(--sf-r-sm);background:var(--storefront-surface);font-weight:600;font-size:.92rem;transition:border-color var(--sf-t1),box-shadow var(--sf-t1),background var(--sf-t1)}
.sf-opt input:checked+span{border-color:var(--storefront-primary);box-shadow:inset 0 0 0 1px var(--storefront-primary);background:var(--sf-primary-soft);color:var(--sf-primary-ink)}
.sf-opt input:focus-visible+span{outline:3px solid var(--storefront-focus);outline-offset:2px}
.sf-opt.is-na span{opacity:.4;text-decoration:line-through}
.sf-opt.is-out span{opacity:.55}
.sf-opt--swatch span{min-inline-size:2.75rem;inline-size:2.75rem;padding:0;border-radius:50%;border:2px solid var(--storefront-surface);box-shadow:0 0 0 1px var(--sf-line-strong)}
.sf-opt--swatch input:checked+span{box-shadow:0 0 0 2px var(--storefront-primary);background:revert-layer}
.sf-buy__err{color:var(--sf-danger);font-size:.9rem;font-weight:600}
.sf-buy__unavailable{padding:.9rem 1rem;border:1px dashed var(--sf-danger);border-radius:var(--sf-r);color:var(--sf-danger);font-weight:600;background:var(--sf-danger-soft)}
.sf-buybar{flex-wrap:wrap;position:fixed;inset-inline:0;inset-block-end:0;z-index:40;display:flex;align-items:center;gap:.75rem;padding:.65rem var(--sf-pad) calc(.65rem + env(safe-area-inset-bottom));background:color-mix(in srgb,var(--storefront-surface) 96%,transparent);backdrop-filter:blur(10px);border-block-start:1px solid var(--sf-line);box-shadow:0 -8px 24px -12px color-mix(in srgb,var(--storefront-text) 30%,transparent)}
.sf-buybar__feedback{flex-basis:100%;order:-1;margin:0}
.sf-buybar__price{display:grid;line-height:1.15;min-inline-size:0;flex:1}
.sf-buybar__price .sf-price__now{font-size:1.15rem}
.sf-buybar .sf-btn{flex-shrink:0;min-inline-size:9rem}
@media(min-width:56rem){.sf-buybar{display:none}}
.sf:has(.sf-buybar) .sf-footer{padding-block-end:calc(var(--sf-buybar-height,5rem) + 1rem)}
@media(min-width:56rem){.sf:has(.sf-buybar) .sf-footer{padding-block-end:0}}

.sf-pvar{display:grid;gap:.9rem}
.sf-axis{display:grid;gap:.45rem}
.sf-axis__name{font-size:.9rem;font-weight:700}
.sf-axis__values{display:flex;flex-wrap:wrap;gap:.5rem}
.sf-axis__value{display:inline-flex;align-items:center;gap:.45rem;min-block-size:2.5rem;padding-inline:.9rem;border:1px solid var(--sf-line-strong);border-radius:var(--sf-r-sm);background:var(--storefront-surface);font-weight:600;font-size:.9rem}
.sf-axis__value--swatch{padding-inline:.6rem}
.sf-swatch{border-radius:50%;box-shadow:0 0 0 1px var(--sf-line-strong)}
/* description */
.sf-pdesc{display:grid;gap:.8rem}
.sf-rich{display:grid;gap:.9rem;max-inline-size:68ch;line-height:1.7}
.sf-rich__h{font-family:var(--storefront-font-heading);font-size:1.1rem;font-weight:700;margin-block-start:.5rem}
.sf-rich__table-wrap{overflow-x:auto;border:1px solid var(--sf-line);border-radius:var(--sf-r)}
.sf-rich__table{border-collapse:collapse;inline-size:100%;font-size:.92rem}
.sf-rich__table td,.sf-rich__table th{padding:.65rem .9rem;text-align:start;border-block-end:1px solid var(--sf-line);vertical-align:top}
.sf-rich__table tr:last-child td{border-block-end:0}
.sf-rich__table tr:nth-child(even){background:var(--sf-surface-2)}
.sf-rich__table th{font-weight:700;background:var(--sf-surface-3)}
.sf-rich__table td:first-child{font-weight:600;color:var(--sf-ink)}

/* disclosure */
.sf-disclose{border:1px solid var(--sf-line);border-radius:var(--sf-r);background:var(--storefront-surface);overflow:hidden}
.sf-disclose+.sf-disclose{margin-block-start:.5rem}
.sf-disclose>summary{display:flex;align-items:center;justify-content:space-between;gap:.75rem;min-block-size:3.25rem;padding-inline:1.1rem;font-weight:700;cursor:pointer;list-style:none}
.sf-disclose>summary::-webkit-details-marker{display:none}
.sf-disclose>summary::after{content:"";inline-size:.55rem;block-size:.55rem;border-inline-end:2px solid currentColor;border-block-end:2px solid currentColor;transform:rotate(45deg);transition:transform var(--sf-t2) var(--sf-ease);margin-inline-end:.2rem}
.sf-disclose[open]>summary::after{transform:rotate(-135deg)}
.sf-disclose>.sf-slotwrap,.sf-disclose>div{padding:0 1.1rem 1.1rem}
.sf-disclose .sf-panel{border:0;padding:0;background:transparent}
.sf-disclose .sf-panel__title{display:none}

/* rails (similar / elsewhere) */
.sf-alts{display:grid;gap:2rem}
.sf-rail__title{margin-block-end:.8rem;font-size:1.2rem}
.sf-altlist{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(10.5rem,46%);gap:.9rem;overflow-x:auto;padding-block-end:.6rem;scroll-snap-type:x proximity;scrollbar-width:thin}
.sf-alt{position:relative;scroll-snap-align:start;border:1px solid var(--sf-line);border-radius:var(--sf-r);background:var(--storefront-surface);overflow:hidden;display:flex;flex-direction:column;transition:transform var(--sf-t2) var(--sf-ease),box-shadow var(--sf-t2) var(--sf-ease)}
.sf-alt:hover{transform:translateY(-2px);box-shadow:var(--sf-lift)}
.sf-alt__media{position:relative;aspect-ratio:1;background:var(--sf-surface-2);overflow:hidden}
.sf-alt__media .sf-badge{position:absolute;inset-block-start:.5rem;inset-inline-start:.5rem}
.sf-alt__img{position:absolute;inset:0;inline-size:100%;block-size:100%;object-fit:cover}
.sf-alt.is-sold .sf-alt__img{filter:grayscale(.7);opacity:.7}
.sf-alt__body{display:grid;gap:.25rem;padding:.75rem .85rem .9rem}
.sf-alt__name{font-size:.92rem;font-weight:600;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.sf-alt__store{display:flex;align-items:center;gap:.3rem;font-size:.78rem;color:var(--sf-muted)}
@media(min-width:48rem){.sf-altlist{grid-auto-columns:14rem}}

/* generic sticky action bar (mobile) */
.sf-bar{position:fixed;inset-inline:0;inset-block-end:0;z-index:40;background:color-mix(in srgb,var(--storefront-surface) 96%,transparent);backdrop-filter:blur(10px);border-block-start:1px solid var(--sf-line);padding:.5rem var(--sf-pad) calc(.5rem + env(safe-area-inset-bottom))}
.sf-bar ul{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:.25rem}
.sf-bar a{display:grid;justify-items:center;gap:.15rem;padding:.35rem;border-radius:var(--sf-r-sm);font-size:.72rem;font-weight:700;color:var(--sf-muted);min-block-size:2.75rem}
.sf-bar a[aria-current=page]{color:var(--sf-primary-ink)}
@media(min-width:56rem){.sf-bar{display:none}}
.sf:has(.sf-bar) .sf-footer{padding-block-end:4.5rem}
@media(min-width:56rem){.sf:has(.sf-bar) .sf-footer{padding-block-end:0}}

.sf-alts{grid-template-columns:minmax(0,1fr)}
.sf-rail{min-inline-size:0}
.sf-altlist{max-inline-size:100%}

.sf-tpl-atelier{--sf-max:76rem;--sf-section:clamp(2.75rem,6vw,5.5rem);--sf-card-ratio:4/5;--sf-pdp-ratio:4/5;--sf-cols:2;--sf-grid-gap:1.9rem .9rem;
  --at-hair:var(--storefront-border-weight,1px) solid var(--sf-line);--at-hair-strong:var(--storefront-border-weight,1px) solid var(--sf-ink);
  --sf-fs-h1:clamp(2.1rem,1.3rem + 3.4vw,4rem);--sf-fs-h2:clamp(1.5rem,1.1rem + 1.4vw,2.3rem);--sf-sticky-top:5.5rem}
.sf-tpl-atelier .sf-h{font-weight:500;letter-spacing:-.02em;line-height:1.08}
.sf-tpl-atelier .sf-eyebrow{letter-spacing:.16em;font-weight:600}

/* ---------- header: nav | wordmark | cart ---------- */
.sf-tpl-atelier .sf-at-header{background:var(--storefront-background);backdrop-filter:none;border-block-end:var(--at-hair)}
.sf-tpl-atelier .sf-at-header__bar{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:.75rem;min-block-size:4rem}
.sf-tpl-atelier .sf-at-header__start{display:flex;align-items:center;gap:.25rem;justify-self:start}
.sf-tpl-atelier .sf-at-header__end{justify-self:end;margin:0}
.sf-tpl-atelier .sf-at-brand{justify-self:center;font-weight:500;font-size:clamp(1.15rem,.95rem + 1vw,1.7rem);letter-spacing:.01em;text-align:center}
.sf-tpl-atelier .sf-at-brand .sf-brand__logo,.sf-tpl-atelier .sf-at-brand .sf-brand__mono{display:none}
.sf-tpl-atelier .sf-at-brand .sf-brand__name{max-inline-size:min(22rem,52vw)}
.sf-tpl-atelier .sf-at-nav ul{gap:1.4rem}
.sf-tpl-atelier .sf-at-nav .sf-nav__link{padding:0;min-block-size:2.75rem;border-radius:0;background:none;color:var(--sf-muted);font-size:.8rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;border-block-end:var(--at-hair);border-color:transparent}
.sf-tpl-atelier .sf-at-nav .sf-nav__link:hover{color:var(--sf-ink);background:none}
.sf-tpl-atelier .sf-at-nav .sf-nav__link[aria-current=page]{background:none;color:var(--sf-ink);border-color:var(--sf-ink)}
.sf-tpl-atelier .sf-cart:hover,.sf-tpl-atelier .sf-drawer__toggle:hover{background:none;color:var(--storefront-primary)}
.sf-tpl-atelier .sf-at-header .sf-drawer__panel{inset-inline-start:0;inset-inline-end:auto;border-radius:var(--sf-r-sm);box-shadow:none;border-color:var(--sf-line-strong);padding:.35rem}
.sf-tpl-atelier .sf-drawer__panel a{border-radius:var(--sf-r-sm);font-weight:500;letter-spacing:.04em}
.sf-tpl-atelier .sf-drawer__panel a:hover,.sf-tpl-atelier .sf-drawer__panel a[aria-current=page]{background:var(--sf-surface-2);color:var(--sf-ink)}
@media(min-width:56rem){.sf-tpl-atelier .sf-at-header__bar{min-block-size:4.75rem}.sf-tpl-atelier .sf-at-nav{display:block}}

/* ---------- hero: full-bleed cover, centred masthead (typographic without a cover) ---------- */
.sf-tpl-atelier .sf-at-hero__cover .sf-cover{--sf-cover-ratio:16/10;border-radius:0}
.sf-tpl-atelier .sf-at-hero__cover .sf-mod--merchant_media{display:block}
.sf-tpl-atelier .sf-at-hero__mast{display:grid;justify-items:center;text-align:center;gap:1.1rem;padding-block:2rem 1rem;position:relative}
.sf-tpl-atelier .sf-at-hero:not(.sf-at-hero--plain) .sf-at-hero__mast{margin-block-start:-3.5rem;padding:2rem 1rem 1.25rem;background:var(--storefront-background);inline-size:min(100% - 2*var(--sf-pad),50rem)}
.sf-tpl-atelier .sf-at-hero--plain .sf-at-hero__mast{padding-block:clamp(2.5rem,7vw,5.5rem) 1.5rem;border-block-end:var(--at-hair)}
.sf-tpl-atelier .sf-at-hero .sf-identity{display:grid;justify-items:center;gap:1.1rem;inline-size:100%}
.sf-tpl-atelier .sf-at-hero .sf-identity__brand{display:grid;justify-items:center;gap:.9rem;text-align:center}
.sf-tpl-atelier .sf-at-hero .sf-logo{inline-size:3.75rem;block-size:3.75rem;border-radius:50%}
.sf-tpl-atelier .sf-at-hero .sf-store-name{font-weight:500;font-size:clamp(2.4rem,1.4rem + 4.6vw,5rem);line-height:1;letter-spacing:-.035em}
.sf-tpl-atelier .sf-at-hero .sf-identity__meta{justify-content:center;font-size:.78rem;letter-spacing:.14em;text-transform:uppercase;margin-block-start:.9rem}
.sf-tpl-atelier .sf-at-hero .sf-identity__actions{justify-content:center}
.sf-tpl-atelier .sf-at-hero .sf-verified{font-size:.3em;margin-inline-start:.5em;vertical-align:.6em}
.sf-tpl-atelier .sf-at-hero__trust{display:flex;justify-content:center}
.sf-tpl-atelier .sf-at-strip{display:flex;flex-wrap:wrap;justify-content:center;gap:.4rem 1.4rem;font-size:.85rem;color:var(--sf-muted)}
.sf-tpl-atelier .sf-at-strip .sf-strip__item{display:inline-flex;align-items:center;gap:.4rem}
@media(min-width:48rem){.sf-tpl-atelier .sf-at-hero__cover .sf-cover{--sf-cover-ratio:21/9}.sf-tpl-atelier .sf-at-hero:not(.sf-at-hero--plain) .sf-at-hero__mast{margin-block-start:-5rem;padding:2.75rem 2.5rem 1.5rem}}

/* ---------- editorial headings + blocks ---------- */
.sf-tpl-atelier :is(.sf-at-visit,.sf-at-collections):not(:has(.sf-mod)){display:none}
.sf-tpl-atelier .sf-at-block{padding-block:var(--sf-section) 0}
.sf-tpl-atelier .sf-at-head{font-size:var(--sf-fs-h2);margin-block-end:1.4rem;padding-block-end:.9rem;border-block-end:var(--at-hair-strong)}
.sf-tpl-atelier .sf-at-head::first-letter{text-transform:none}
.sf-tpl-atelier .sf-mod__head{align-items:baseline;padding-block-end:.9rem;margin-block-end:1.5rem;border-block-end:var(--at-hair-strong)}
.sf-tpl-atelier .sf-mod__title{font-weight:500;letter-spacing:-.02em}
.sf-tpl-atelier .sf-count{font-size:.78rem;letter-spacing:.1em;text-transform:uppercase}
.sf-tpl-atelier .sf-more-link{font-size:.78rem;letter-spacing:.12em;text-transform:uppercase;color:var(--sf-ink);border-block-end:var(--at-hair-strong);padding-block-end:.1rem}
.sf-tpl-atelier .sf-more-link:hover{text-decoration:none;color:var(--storefront-primary)}

/* ---------- panels become hairline columns, not boxes ---------- */
.sf-tpl-atelier .sf-panel{padding:1.1rem 0 0;border:0;border-block-start:var(--at-hair);border-radius:0;background:transparent;gap:.9rem}
.sf-tpl-atelier .sf-panel__title{font-size:.75rem;letter-spacing:.16em;text-transform:uppercase;font-weight:700;color:var(--sf-muted)}
.sf-tpl-atelier .sf-panel__icon{color:var(--sf-muted)}
.sf-tpl-atelier .sf-inforow__label{letter-spacing:.1em}
.sf-tpl-atelier .sf-at-visit{padding-block:clamp(1.75rem,4vw,3rem) 0}
.sf-tpl-atelier .sf-at-visit .sf-at-head{margin-block-end:1.1rem;border-block-end:0;padding-block-end:0;font-size:1.1rem;letter-spacing:.14em;text-transform:uppercase;font-family:var(--storefront-font-body);font-weight:700}
.sf-tpl-atelier .sf-at-visit__grid{display:grid;gap:0 2.5rem;grid-template-columns:minmax(0,1fr)}
.sf-tpl-atelier .sf-at-visit__col{min-width:0;border-block-start:var(--at-hair-strong);padding-block:1rem 1.25rem}
.sf-tpl-atelier .sf-at-visit__col:not(:has(.sf-mod)){display:none}
.sf-tpl-atelier .sf-at-visit__col>.sf-slotwrap+.sf-slotwrap{margin-block-start:1.25rem}
.sf-tpl-atelier .sf-at-visit .sf-panel{border:0;padding:0;background:transparent;box-shadow:none;border-radius:0}
.sf-tpl-atelier .sf-at-visit .sf-map{margin-block-start:.75rem;max-block-size:11rem;overflow:hidden}
@media(min-width:48rem){.sf-tpl-atelier .sf-at-visit__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(min-width:64rem){.sf-tpl-atelier .sf-at-visit__grid{grid-template-columns:repeat(3,minmax(0,1fr))}.sf-tpl-atelier .sf-at-visit__find{grid-column:span 1}}
.sf-tpl-atelier .sf-at-visit .sf-hours__table{font-size:.88rem}
.sf-tpl-atelier .sf-status{background:none;padding-inline:0;color:var(--sf-ink);font-weight:700}
.sf-tpl-atelier .sf-status--open .sf-status__dot{background:var(--sf-ok)}
.sf-tpl-atelier .sf-service,.sf-tpl-atelier .sf-pay{border-radius:var(--sf-r-sm);background:transparent;border:var(--at-hair)}
.sf-tpl-atelier .sf-service{padding:.5rem .8rem}
.sf-tpl-atelier .sf-social__link{border-radius:50%;border-color:var(--sf-line-strong)}
.sf-tpl-atelier .sf-chip{border-radius:var(--sf-r-sm);background:transparent}
.sf-tpl-atelier .sf-trust--bar{justify-content:center}
.sf-tpl-atelier .sf-trust--card{border:0;border-block:var(--at-hair);border-radius:0;padding-inline:0;background:transparent}

/* ---------- collections: large image tiles, label beneath (contrast-safe on any theme) ---------- */
.sf-tpl-atelier .sf-tiles{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem .9rem}
.sf-tpl-atelier .sf-tile{display:grid;align-content:start;gap:.7rem;aspect-ratio:auto;overflow:visible;isolation:auto;border-radius:0;background:none;color:var(--sf-ink)}
.sf-tpl-atelier .sf-tile::after{display:none}
.sf-tpl-atelier .sf-tile__img,.sf-tpl-atelier .sf-tile__ph{position:static;z-index:auto;aspect-ratio:3/4;inline-size:100%;block-size:auto;border-radius:var(--sf-r-sm);object-fit:cover;transition:opacity var(--sf-t3)}
.sf-tpl-atelier .sf-tile:hover .sf-tile__img{transform:none;opacity:.88}
.sf-tpl-atelier .sf-tile__label{padding:0;font-family:var(--storefront-font-heading);font-weight:500;font-size:1.25rem;letter-spacing:-.01em;text-shadow:none;display:flex;justify-content:space-between;align-items:baseline;border-block-end:var(--at-hair);padding-block-end:.5rem}
.sf-tpl-atelier .sf-tile__label::after{content:"\2192";font-family:var(--storefront-font-body);font-size:1rem;color:var(--sf-muted)}
[dir="rtl"] .sf-tpl-atelier .sf-tile__label::after{content:"\2190"}
.sf-tpl-atelier .sf-tiles li:has(>.sf-tile--all){display:none}
.sf-tpl-atelier .sf-tile--all .sf-tile__label{border-block-end:var(--at-hair)}
.sf-tpl-atelier .sf-tile--all .sf-tile__ph{display:grid}
.sf-tpl-atelier .sf-sectionnav__title{display:none}
@media(min-width:48rem){.sf-tpl-atelier .sf-tiles{grid-template-columns:repeat(3,minmax(0,1fr));gap:2rem 1.25rem}}
.sf-tpl-atelier .sf-at-products .sf-tiles{grid-template-columns:repeat(auto-fill,minmax(7.5rem,1fr));gap:1rem .75rem}
.sf-tpl-atelier .sf-at-products .sf-tile__img,.sf-tpl-atelier .sf-at-products .sf-tile__ph{aspect-ratio:1}
.sf-tpl-atelier .sf-at-products .sf-tile__label{font-size:1rem}
.sf-tpl-atelier .sf-at-products .sf-tile--all{display:none}
.sf-tpl-atelier .sf-chiplink{border-radius:var(--sf-r-sm)}

/* ---------- poster cards: the photograph is the card ---------- */
.sf-tpl-atelier .sf-grid{--sf-cols:2;--sf-grid-gap:2.25rem .85rem}
@media(min-width:48rem){.sf-tpl-atelier .sf-grid{--sf-cols:3;--sf-grid-gap:3rem 1.5rem}}
.sf-tpl-atelier .sf-card--poster{background:none;border:0;border-radius:0;overflow:visible;box-shadow:none;transform:none}
.sf-tpl-atelier .sf-card--poster:hover{transform:none;box-shadow:none}
.sf-tpl-atelier .sf-card--poster .sf-card__media{border-radius:var(--sf-r-sm);background:var(--sf-surface-2)}
.sf-tpl-atelier .sf-card--poster:hover .sf-card__img:not(.sf-card__img--alt){transform:none}
.sf-tpl-atelier .sf-card--poster .sf-card__body{padding:.85rem 0 0;gap:.3rem}
.sf-tpl-atelier .sf-card--poster .sf-card__title{font-family:var(--storefront-font-heading);font-weight:500;font-size:1.12rem;line-height:1.25;letter-spacing:-.005em}
.sf-tpl-atelier .sf-card--poster:hover .sf-card__title{text-decoration:underline;text-underline-offset:.22em;text-decoration-thickness:1px}
.sf-tpl-atelier .sf-card--poster .sf-price__now{font-weight:600;font-size:.95rem}
.sf-tpl-atelier .sf-card--poster .sf-card__meta{min-block-size:0}
.sf-tpl-atelier .sf-card--poster .sf-card__badges{inset-block-start:.6rem;inset-inline-start:.6rem}
.sf-tpl-atelier .sf-badge{border-radius:var(--sf-r-sm);letter-spacing:.04em}
.sf-tpl-atelier .sf-badge--off{background:var(--storefront-text);color:var(--storefront-background)}
.sf-tpl-atelier .sf-card__sold{background:var(--storefront-background);color:var(--storefront-text);border:var(--at-hair)}
.sf-tpl-atelier .sf-card--poster.is-sold .sf-card__img{filter:none;opacity:.55}
.sf-tpl-atelier .sf-toolbar__q .sf-search__input,.sf-tpl-atelier .sf-toolbar__sort select,.sf-tpl-atelier .sf-search__input{border-radius:var(--sf-r-sm)}
.sf-tpl-atelier .sf-toolbar{padding-block-end:1.25rem;border-block-end:var(--at-hair);margin-block-end:1.75rem}

/* ---------- story beside a lookbook ---------- */
.sf-tpl-atelier .sf-at-story{display:grid;gap:2rem;align-items:start}
.sf-tpl-atelier .sf-at-story .sf-mod--merchant_story .sf-mod__title{font-size:var(--sf-fs-h2)}
.sf-tpl-atelier .sf-at-story .sf-panel{border:0;padding:0}
.sf-tpl-atelier .sf-at-story .sf-panel__title{font-family:var(--storefront-font-heading);font-size:var(--sf-fs-h2);font-weight:500;letter-spacing:-.02em;text-transform:none;color:var(--sf-ink);margin-block-end:.5rem}
.sf-tpl-atelier .sf-at-story .sf-panel__icon{display:none}
.sf-tpl-atelier .sf-story__text{font-size:1.06rem;line-height:1.75;color:var(--sf-ink);max-inline-size:44ch}
.sf-tpl-atelier .sf-at-lookbook .sf-gallery{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:auto;gap:.75rem}
.sf-tpl-atelier .sf-at-lookbook .sf-gallery li:first-child{grid-column:auto;grid-row:span 2}
.sf-tpl-atelier .sf-at-lookbook .sf-gallery__img{block-size:100%;aspect-ratio:1;border-radius:var(--sf-r-sm)}
.sf-tpl-atelier .sf-at-lookbook .sf-gallery li:first-child .sf-gallery__img{aspect-ratio:auto;min-block-size:100%}
.sf-tpl-atelier .sf-at-lookbook .sf-gallery li{min-block-size:0;display:block}
.sf-tpl-atelier .sf-at-lookbook .sf-gallery:has(li:only-child) li:first-child{grid-column:1/-1}
@media(min-width:56rem){.sf-tpl-atelier .sf-at-story{grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(2rem,6vw,5rem)}.sf-tpl-atelier .sf-at-story:not(:has(.sf-at-lookbook)){grid-template-columns:minmax(0,1fr)}.sf-tpl-atelier .sf-at-story__text{position:sticky;inset-block-start:6rem}}

/* ---------- perks, reviews, updates ---------- */
.sf-tpl-atelier .sf-at-perks .sf-offer,.sf-tpl-atelier .sf-at-perks .sf-loy{border:0;border-block-start:var(--at-hair);border-radius:0;background:transparent;padding-inline:0}
.sf-tpl-atelier .sf-offer__badge,.sf-tpl-atelier .sf-loy__icon{border-radius:var(--sf-r-sm)}
.sf-tpl-atelier .sf-at-perks{display:grid;gap:2rem 4rem}
.sf-tpl-atelier .sf-at-perks .sf-offerlist,.sf-tpl-atelier .sf-at-perks .sf-loyaltylist{grid-template-columns:minmax(0,1fr);gap:0}
.sf-tpl-atelier .sf-at-perks .sf-panel__title{margin-block-end:.5rem}
@media(min-width:56rem){.sf-tpl-atelier .sf-at-perks{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}
.sf-tpl-atelier .sf-at-reviews{display:grid;gap:1.75rem}
.sf-tpl-atelier .sf-rating__avg{font-weight:500}
.sf-tpl-atelier .sf-review{border:0;border-block-start:var(--at-hair);border-radius:0;background:transparent;padding-inline:0;padding-block:1.25rem}
.sf-tpl-atelier .sf-review__text{font-family:var(--storefront-font-heading);font-size:1.12rem;line-height:1.55}
.sf-tpl-atelier .sf-reviewlist{gap:0}
@media(min-width:56rem){.sf-tpl-atelier .sf-at-reviews:not(.sf-at-reviews--page){grid-template-columns:minmax(0,4fr) minmax(0,8fr);gap:clamp(2rem,6vw,5rem);align-items:start}.sf-tpl-atelier .sf-at-reviews:not(.sf-at-reviews--page)>:first-child{position:sticky;inset-block-start:6rem}}
.sf-tpl-atelier .sf-at-reviews--page{gap:2.5rem}
.sf-tpl-atelier .sf-at-block.sf-at-updates>*{max-inline-size:46rem}
.sf-tpl-atelier .sf-post article{border:0;border-block-start:var(--at-hair);border-radius:0;background:transparent;padding-inline:0;padding-block:1.4rem}
.sf-tpl-atelier .sf-postlist{gap:0}
.sf-tpl-atelier .sf-postmedia,.sf-tpl-atelier .sf-linkedcard,.sf-tpl-atelier .sf-poll{border-radius:var(--sf-r-sm)}
.sf-tpl-atelier .sf-post__text{font-size:1.02rem}

/* ---------- pages (products / reviews / updates) ---------- */
.sf-tpl-atelier .sf-at-page{padding-block-end:var(--sf-section)}
.sf-tpl-atelier .sf-pagehead{padding-block:clamp(1.5rem,4vw,3rem) 1.5rem}
.sf-tpl-atelier .sf-pagehead__title{font-weight:500;font-size:clamp(2.4rem,1.5rem + 4vw,4.5rem);line-height:1;letter-spacing:-.035em}
.sf-tpl-atelier .sf-at-products .sf-at-collections{margin-block-end:2.25rem}
.sf-tpl-atelier .sf-at-products .sf-mod__head{margin-block-start:.5rem}

/* ---------- product detail ---------- */
.sf-tpl-atelier .sf-crumbs{padding-block:1.25rem .5rem;font-size:.78rem;letter-spacing:.06em}
.sf-tpl-atelier .sf-at-pdp{display:grid;gap:1.75rem;align-items:start;padding-block-end:0}
.sf-tpl-atelier .sf-pgallery__main{border:0;border-radius:var(--sf-r-sm)}
.sf-tpl-atelier .sf-pgallery__img{object-fit:cover}
.sf-tpl-atelier .sf-pgallery__thumbs li{border-radius:var(--sf-r-sm);border-width:1px;inline-size:4.5rem;aspect-ratio:4/5}
.sf-tpl-atelier .sf-pgallery__thumbs li.is-active{border-color:var(--sf-ink)}
.sf-tpl-atelier .sf-at-pdp__info{display:grid;gap:1.5rem;min-inline-size:0}
.sf-tpl-atelier .sf-at-buy{display:grid;gap:1.25rem}
.sf-tpl-atelier .sf-pname{font-weight:500;font-size:clamp(2rem,1.4rem + 2.6vw,3.25rem);line-height:1.04;letter-spacing:-.03em}
.sf-tpl-atelier .sf-price--xl .sf-price__now{font-weight:500;font-family:var(--storefront-font-heading)}
.sf-tpl-atelier .sf-btn,.sf-tpl-atelier .sf-act{border-radius:var(--sf-r-sm);letter-spacing:.05em;font-weight:600}
.sf-tpl-atelier .sf-btn--primary{text-transform:uppercase;font-size:.82rem;letter-spacing:.14em}
.sf-tpl-atelier .sf-act{background:transparent}
.sf-tpl-atelier .sf-opt span,.sf-tpl-atelier .sf-axis__value{border-radius:var(--sf-r-sm);background:transparent;font-weight:500}
.sf-tpl-atelier .sf-opt input:checked+span{background:var(--storefront-text);color:var(--storefront-background);border-color:var(--storefront-text);box-shadow:none}
.sf-tpl-atelier .sf-opt--swatch input:checked+span{box-shadow:0 0 0 2px var(--storefront-text);background:revert-layer}
.sf-tpl-atelier .sf-qty__ctl{border-radius:var(--sf-r-sm)}
.sf-tpl-atelier .sf-disclose{border:0;border-block-start:var(--at-hair);border-radius:0;background:transparent;overflow:visible}
.sf-tpl-atelier .sf-disclose:last-child{border-block-end:var(--at-hair)}
.sf-tpl-atelier .sf-disclose+.sf-disclose{margin-block-start:0}
.sf-tpl-atelier .sf-disclose>summary{padding-inline:0;min-block-size:3.5rem;font-weight:600;font-size:.8rem;letter-spacing:.14em;text-transform:uppercase}
.sf-tpl-atelier .sf-disclose>div,.sf-tpl-atelier .sf-disclose>.sf-slotwrap{padding:0 0 1.25rem}
.sf-tpl-atelier .sf-disclose:not(:has(.sf-mod,.sf-rich,.sf-pdesc)){display:none}
.sf-tpl-atelier .sf-disclose .sf-panel{border:0;padding:0}
.sf-tpl-atelier .sf-disclose .sf-slotwrap+.sf-slotwrap{margin-block-start:1.1rem}
.sf-tpl-atelier .sf-rich{font-size:.98rem}
.sf-tpl-atelier .sf-rich__table-wrap{border:0;border-radius:0}
.sf-tpl-atelier .sf-rich__table tr:nth-child(even){background:transparent}
.sf-tpl-atelier .sf-rich__table td{padding-inline:0}
.sf-tpl-atelier .sf-at-pdp__info>.sf-slotwrap .sf-offer{border-radius:var(--sf-r-sm);background:transparent}
.sf-tpl-atelier .sf-rail__title{font-weight:500;font-size:var(--sf-fs-h2);padding-block-end:.9rem;border-block-end:var(--at-hair-strong);margin-block-end:1.5rem}
.sf-tpl-atelier .sf-alt{border:0;background:none;border-radius:0;overflow:visible}
.sf-tpl-atelier .sf-alt:hover{transform:none;box-shadow:none}
.sf-tpl-atelier .sf-alt__media{aspect-ratio:4/5;border-radius:var(--sf-r-sm)}
.sf-tpl-atelier .sf-alt__body{padding:.75rem 0 0}
.sf-tpl-atelier .sf-alt__name{font-family:var(--storefront-font-heading);font-weight:500;font-size:1.05rem}
.sf-tpl-atelier .sf-at-alts{padding-block-end:0}
@media(min-width:56rem){
  .sf-tpl-atelier .sf-at-pdp{grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:clamp(2rem,5vw,4.5rem)}
  .sf-tpl-atelier .sf-at-pdp__gallery{position:sticky;inset-block-start:6rem}
}

/* ---------- compact footer, hairline, tokens only ---------- */
.sf-tpl-atelier .sf-at-footer{margin-block-start:var(--sf-section);background:transparent;color:var(--sf-muted);border-block-start:var(--at-hair)}
.sf-tpl-atelier .sf-at-footer .sf-footer__name{color:var(--sf-ink);font-weight:500;font-size:1.25rem}
.sf-tpl-atelier .sf-at-footer .sf-footer__nav .sf-footer__navlink{color:var(--sf-muted);font-size:.78rem;letter-spacing:.12em;text-transform:uppercase}
.sf-tpl-atelier .sf-at-footer .sf-footer__navlink:hover,.sf-tpl-atelier .sf-at-footer .sf-footer__link:hover{color:var(--sf-ink)}
.sf-tpl-atelier .sf-at-footer .sf-footer__link{color:var(--sf-ink);text-decoration-color:var(--sf-line-strong)}
.sf-tpl-atelier .sf-at-footer .sf-footer__attr{border-block-start:var(--at-hair)}
.sf-tpl-atelier .sf-at-footer .sf-footer__attr p{color:var(--sf-muted)}
.sf .sf-at-footer :focus-visible{outline-color:var(--storefront-focus)}