/* Sections inherit the active theme's color, typography, buttons and native cards. */
.sr-built-section .storesuit-questions,.sr-built-section .ss-tracking{font-family:var(--sr-body-font,inherit);color:var(--sr-ink,inherit)}.sr-built-section .storesuit-questions h2,.sr-built-section .storesuit-questions h3{font-family:var(--sr-heading-font,inherit)}.sr-built-section .storesuit-questions form{background:var(--sr-surface,transparent);border-color:var(--sr-line,currentColor)}.sr-built-section .storesuit-questions input,.sr-built-section .storesuit-questions textarea{font:inherit;color:var(--sr-ink,inherit);border-color:var(--sr-line,currentColor)}.sr-built-section .storesuit-questions button{font:inherit;background:var(--sr-accent,inherit);color:var(--sr-on-accent,inherit)}
.sr-built-section{min-width:0;clear:both;grid-column:1/-1;width:100%}:where(.sr-section-content){color:var(--sr-ink,inherit);font-family:var(--sr-body-font,inherit)}.sr-section-content h2,.sr-section-content h3{font-family:var(--sr-heading-font,inherit);color:var(--sr-ink,inherit)}.sr-section-copy :where(h2){font-size:clamp(1.6rem,3vw,2.75rem);line-height:1.13;letter-spacing:-.035em;margin:0 0 22px}.sr-section-copy p{line-height:1.75;max-width:65ch;white-space:normal}.sr-section-text .sr-section-copy{max-width:800px;margin-inline:auto}.sr-section-image_text,.sr-section-banner{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:clamp(24px,4vw,64px)}.sr-section-photo{display:block;width:100%;height:auto;max-height:620px;object-fit:cover;aspect-ratio:4/5}:where(.sr-section-photo){border-radius:inherit}.sr-section-image_text[data-image-side=right] .sr-section-photo{order:2}.sr-section-image_text:not(:has(.sr-section-photo)),.sr-section-banner:not(:has(.sr-section-photo)){grid-template-columns:1fr}.sr-section-banner{padding:clamp(28px,5vw,64px)!important}:where(.sr-section-banner){background:var(--sr-bg,var(--sr-surface,transparent));border:1px solid var(--sr-line,currentColor)}.sr-section-banner .sr-section-photo{aspect-ratio:5/4;max-height:460px}.sr-section-copy .button{margin-top:16px}.sr-section-products .sr-section-copy,.sr-section-categories .sr-section-copy,.sr-section-faq .sr-section-copy,.sr-section-benefits .sr-section-copy{margin-bottom:30px}.sr-section-benefit-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:30px}.sr-section-benefits li{border-top:1px solid var(--sr-line,currentColor);padding-top:24px}.sr-section-benefits h3{font-size:1.2rem;line-height:1.4;margin:0 0 12px}.sr-section-faq{max-width:900px}.sr-section-faq :where(details){border-bottom:1px solid var(--sr-line,currentColor);padding:12px 0}.sr-section-faq :where(summary){cursor:pointer;font-weight:600;min-height:44px;display:flex;align-items:center;list-style:revert;-webkit-tap-highlight-color:transparent}.sr-section-faq :where(details>div){padding:6px 0 0;line-height:1.7}.sr-section-faq summary:focus:not(:focus-visible){outline:0}.sr-section-faq summary:focus-visible{outline:3px solid var(--sr-accent,currentColor);outline-offset:4px}.sr-section-faq[data-faq-columns="2"]{max-width:none}.sr-section-faq__col{display:grid;gap:inherit;align-content:start;min-width:0}@media (min-width:900px){.sr-section-faq[data-faq-columns="2"]>div.sr-section-faq{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:clamp(32px,4vw,64px);align-items:start;max-width:none}}.sr-built-section>.sr-section-content:first-child{margin-top:48px}.sr-commerce>.sr-built-section .sr-container{width:100%;padding-inline:0}.sr-built-section .sr-category-strip{margin:0}.sr-section-home:empty{min-height:25vh}@media(max-width:700px){.sr-section-image_text,.sr-section-banner{grid-template-columns:1fr;gap:28px}.sr-section-image_text[data-image-side=right] .sr-section-photo{order:0}.sr-section-photo{aspect-ratio:4/3;max-height:420px}.sr-section-copy :where(h2){margin-bottom:18px}.sr-section-benefit-list{gap:22px}.sr-built-section>.sr-section-content:first-child{margin-top:32px}}




:is(body.woocommerce.archive,body.sr-catalog-page) .sr-commerce>.sr-built-category-before{order:2}:is(body.woocommerce.archive,body.sr-catalog-page) .sr-commerce>.sr-built-category-after{order:6}
.sr-commerce .sr-built-section>.sr-container{padding-inline:0}
/* Highlights: four rows balance as 2 + 2 (then 4 in a row), six as 3 + 3, never one left over on its own line. */
@media(min-width:700px){.sr-section-benefit-list[data-sr-count="4"]{grid-template-columns:repeat(2,minmax(0,1fr))}.sr-section-benefit-list[data-sr-count="6"]{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(min-width:1000px){.sr-section-benefit-list[data-sr-count="4"]{grid-template-columns:repeat(4,minmax(0,1fr))}}
/* StoreRuler sections (sr-sec): neutral, mobile-first base. Colors, type and radii come only from the theme's --sr-* properties; a theme kit styles on top. */
.sr-sec{--sr-sec-space:clamp(40px,6vw,88px);--sr-sec-chip:var(--sr-canvas,#fff);--sr-sec-chip-ink:var(--sr-ink,#1b1b1b);position:relative;color:var(--sr-ink,currentColor);font-family:var(--sr-body-font,inherit);padding-block:var(--sr-sec-space);overflow-wrap:break-word}
.sr-sec[data-sr-spacing=compact]{--sr-sec-space:clamp(24px,3.5vw,44px)}.sr-sec[data-sr-spacing=spacious]{--sr-sec-space:clamp(64px,9vw,132px)}
/* Two bands on the page background in a row share one gap (each would add its own, doubling it): the second drops its top
   padding. A coloured band keeps its own padding, so the space around it stays the same. */
.sr-built-section:has(>.sr-sec:not([data-sr-scheme]))+.sr-built-section>.sr-sec:not([data-sr-scheme]){padding-top:0}
.sr-built-section:has(>.sr-sec:not([data-sr-scheme]))+.sr-built-section>.sr-section-content:first-child{margin-top:0}
.sr-sec[data-sr-scheme=surface]{background:var(--sr-surface,transparent)}.sr-sec[data-sr-scheme=tint]{background:var(--sr-bg,transparent)}
.sr-sec[data-sr-scheme=accent]{--sr-sec-a:var(--sr-accent,CanvasText);--sr-sec-o:var(--sr-on-accent,Canvas);background:var(--sr-sec-a);color:var(--sr-sec-o)}
.sr-sec[data-sr-scheme=inverse]{--sr-sec-a:var(--sr-ink,CanvasText);--sr-sec-o:var(--sr-canvas,Canvas);background:var(--sr-sec-a);color:var(--sr-sec-o)}
/* A band also re-derives the page tokens that cards, badges, fields and stars paint with (and the kit tokens a theme derives from the page ink, e.g. Atölye's --ak-*), so no white-on-white pair is left. What sits on a photo (pins, play button) uses --sr-sec-chip: the page's own canvas and ink, whatever the band. */
.sr-sec:is([data-sr-scheme=accent],[data-sr-scheme=inverse])>*{--sr-ink:var(--sr-sec-o);--sr-muted:var(--sr-sec-o);--sr-accent:var(--sr-sec-o);--sr-on-accent:var(--sr-sec-a);--sr-line:color-mix(in srgb,var(--sr-sec-o) 26%,transparent);--sr-surface:color-mix(in srgb,var(--sr-sec-o) 8%,transparent);--sr-bg:color-mix(in srgb,var(--sr-sec-o) 6%,transparent);--sr-canvas:var(--sr-sec-a);--sr-field1:color-mix(in srgb,var(--sr-sec-o) 8%,var(--sr-sec-a));--sr-field2:color-mix(in srgb,var(--sr-sec-o) 12%,var(--sr-sec-a));--sr-field3:color-mix(in srgb,var(--sr-sec-o) 16%,var(--sr-sec-a));--sr-star:var(--sr-sec-o);--sr-star-off:color-mix(in srgb,var(--sr-sec-o) 55%,var(--sr-sec-a));--sr-positive:var(--sr-sec-o);--ak-hair:var(--sr-line);--ak-field-line:color-mix(in srgb,var(--sr-sec-o) 40%,transparent);--ak-star-off:var(--sr-star-off);--ak-soft:color-mix(in srgb,var(--sr-sec-o) 82%,transparent);--ak-focus:2px solid var(--sr-sec-o);--ak-ring-ink:inset 0 0 0 1px var(--sr-sec-o);--sr-cs-line:var(--sr-line)}
/* Compact / spacious also set a coloured band's inner padding: the :not(#id) lifts this over a kit that pads its bands with one fixed size (Atölye's home.css). Normal keeps the kit's padding. */
.sr-sec[data-sr-spacing]:not(#sr-band):is([data-sr-scheme=surface],[data-sr-scheme=tint],[data-sr-scheme=accent],[data-sr-scheme=inverse]):not(.sr-sec--announcement,.sr-sec--slideshow){padding-block:var(--sr-sec-space)}
.sr-sec[data-sr-scale=sand]{--sr-scale-soft:#faf6ef;--sr-scale-tint:#f1e7d6;--sr-scale-strong:#8a5a2b;--sr-scale-deep:#2e2418}.sr-sec[data-sr-scale=sage]{--sr-scale-soft:#f3f7f1;--sr-scale-tint:#e1ebdd;--sr-scale-strong:#3f6b4a;--sr-scale-deep:#1c2b20}.sr-sec[data-sr-scale=ocean]{--sr-scale-soft:#f1f6fb;--sr-scale-tint:#dce9f4;--sr-scale-strong:#1d5f8f;--sr-scale-deep:#0f2436}.sr-sec[data-sr-scale=rose]{--sr-scale-soft:#fdf4f5;--sr-scale-tint:#f7e0e4;--sr-scale-strong:#a33a55;--sr-scale-deep:#3a1420}.sr-sec[data-sr-scale=slate]{--sr-scale-soft:#f4f5f7;--sr-scale-tint:#e3e6ea;--sr-scale-strong:#3f4a5a;--sr-scale-deep:#161b22}
.sr-sec[data-sr-scale]{--sr-accent:var(--sr-scale-strong);--sr-on-accent:#fff}
.sr-sec[data-sr-scale]:is([data-sr-scheme=surface],[data-sr-scheme=tint]){--sr-ink:var(--sr-scale-deep);--sr-muted:color-mix(in srgb,var(--sr-scale-deep) 80%,var(--sr-scale-soft));--sr-line:color-mix(in srgb,var(--sr-scale-deep) 16%,transparent)}
.sr-sec[data-sr-scale][data-sr-scheme=surface]{--sr-surface:var(--sr-scale-soft);--sr-field2:var(--sr-scale-soft)}.sr-sec[data-sr-scale][data-sr-scheme=tint]{--sr-bg:var(--sr-scale-tint)}
.sr-sec[data-sr-scale][data-sr-scheme=accent]{--sr-sec-a:var(--sr-scale-strong);--sr-sec-o:#fff}.sr-sec[data-sr-scale][data-sr-scheme=inverse]{--sr-sec-a:var(--sr-scale-deep);--sr-sec-o:var(--sr-scale-soft)}
.sr-sec .screen-reader-text{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}
.sr-sec__head{max-width:720px;margin:0 0 clamp(20px,3vw,36px)}.sr-sec__title{font-family:var(--sr-heading-font,inherit);color:var(--sr-ink,inherit);font-size:clamp(1.5rem,3vw,2.4rem);line-height:1.15;letter-spacing:-.02em;margin:0}.sr-sec__text{color:var(--sr-muted,inherit);line-height:1.7}.sr-sec__text p{margin:.75em 0 0}.sr-sec__button{margin-top:20px}
.sr-sec__icon{width:1.25em;height:1.25em;display:block}
/* Product cards in a band keep their kit's picture rules (a kit fills its card frame; this file loads after the kit's). :where()
   keeps the rule as weak as plain .sr-sec img, so a section's own picture rules (the slideshow's full-height photo) still win. */
.sr-sec img:where(:not(:is(.sr-product-grid,ul.products) img)){max-width:100%;height:auto;display:block}
.sr-sec-placeholder{display:grid;gap:4px;place-content:center;text-align:center;min-height:132px;margin:16px auto;width:min(100% - 32px,1200px);padding:24px;border:1.5px dashed color-mix(in srgb,currentColor 30%,transparent);border-radius:var(--sr-radius,8px);color:var(--sr-muted,inherit);font:14px/1.5 var(--sr-body-font,inherit)}.sr-sec-placeholder strong{color:var(--sr-ink,inherit)}
.sr-sec-placeholder__open{justify-self:center;margin-top:8px;min-height:36px;padding:0 16px;border:1px solid var(--sr-ink,currentColor);border-radius:999px;background:var(--sr-canvas,#fff);color:var(--sr-ink,inherit);font:600 13px/1 var(--sr-body-font,inherit);cursor:pointer}.sr-sec-placeholder__open:hover{background:var(--sr-ink,#111);color:var(--sr-canvas,#fff)}
/* Announcement bar */
.sr-sec--announcement{--sr-sec-space:0;overflow:hidden;font-size:.875rem;line-height:1.4}
.sr-sec--announcement .sr-sec__track{display:flex;width:max-content;min-width:100%}
.sr-sec--announcement .sr-sec__messages{display:flex;flex-shrink:0;margin:0;padding:0;list-style:none}
.sr-sec--announcement .sr-sec__message{padding:11px 28px;white-space:nowrap;position:relative}
.sr-sec--announcement .sr-sec__message+.sr-sec__message::before{content:"";position:absolute;left:-2px;top:50%;width:4px;height:4px;border-radius:50%;background:currentColor;opacity:.5}
/* A link's tap area is at least 24px tall (WCAG 2.5.8) without making the bar taller; a still bar lets long messages wrap on a phone instead of cutting them off. */
.sr-sec--announcement a{color:inherit;text-underline-offset:3px;display:inline-block;padding-block:3px;margin-block:-3px}
.sr-sec--announcement[data-motion=static] .sr-sec__track{width:auto;justify-content:center}.sr-sec--announcement[data-motion=static] .sr-sec__messages{flex-shrink:1;min-width:0;flex-wrap:wrap;justify-content:center}.sr-sec--announcement[data-motion=static] .sr-sec__message{white-space:normal;text-align:center}
@media(max-width:700px){.sr-sec--announcement[data-motion=static] .sr-sec__message{padding-inline:16px}.sr-sec--announcement[data-motion=static] .sr-sec__message+.sr-sec__message::before{display:none}}
.sr-sec--announcement[data-motion=scroll] .sr-sec__track{animation:sr-sec-marquee var(--sr-marquee,40s) linear infinite}.sr-sec--announcement[data-speed=slow]{--sr-marquee:64s}.sr-sec--announcement[data-speed=fast]{--sr-marquee:24s}
.sr-sec--announcement[data-motion=scroll]:is(:hover,:focus-within,.is-paused) .sr-sec__track{animation-play-state:paused}
@keyframes sr-sec-marquee{to{transform:translateX(-50%)}}
/* Pause / play for the moving ticker (storefront-sections.js adds it; --sr-marquee is set there from the track's width) */
.sr-sec__marquee-toggle{position:absolute;inset-inline-end:6px;top:50%;translate:0 -50%;z-index:1;display:grid;place-items:center;width:28px;height:28px;padding:0;border:0;border-radius:50%;background:var(--sr-canvas,Canvas);color:var(--sr-ink,CanvasText);box-shadow:0 0 0 1px color-mix(in srgb,currentColor 55%,transparent);cursor:pointer}
.sr-sec .sr-sec__marquee-toggle:focus-visible{outline-offset:1px}
@media(prefers-reduced-motion:reduce){.sr-sec--announcement[data-motion=scroll] .sr-sec__track{animation:none;width:auto;overflow-x:auto}.sr-sec--announcement[data-motion=scroll] .sr-sec__messages[aria-hidden]{display:none}.sr-sec__marquee-toggle{display:none}}
/* Countdown */
.sr-sec--countdown .sr-sec__inner{text-align:center}.sr-sec--countdown .sr-sec__head{margin-inline:auto}
.sr-sec__timer{display:flex;justify-content:center;gap:clamp(8px,2vw,16px);margin:0 0 16px}
.sr-sec__unit{display:grid;justify-items:center;gap:6px;min-width:clamp(64px,14vw,96px);padding:clamp(12px,2vw,18px) 8px;border:1px solid var(--sr-line,currentColor);border-radius:var(--sr-radius,8px);background:var(--sr-surface,transparent)}
.sr-sec__value{font-family:var(--sr-heading-font,inherit);font-size:clamp(1.75rem,5vw,3rem);line-height:1;font-variant-numeric:tabular-nums;letter-spacing:-.02em}.sr-sec__label{font-size:.75rem;text-transform:uppercase;letter-spacing:.08em;color:var(--sr-muted,inherit)}
.sr-sec__deadline{margin:0;color:var(--sr-muted,inherit);font-size:.875rem}.sr-sec__ended{font-size:1.125rem;margin:0}
/* Slideshow */
.sr-sec--slideshow{--sr-sec-space:0;--sr-slide-h:clamp(380px,62vh,640px)}.sr-sec--slideshow[data-height=small]{--sr-slide-h:clamp(300px,44vh,460px)}.sr-sec--slideshow[data-height=large]{--sr-slide-h:clamp(460px,82vh,860px)}
.sr-sec--slideshow[data-width=contained]{width:min(100% - 2 * var(--sr-edge,16px),1440px);margin-inline:auto;padding-block:var(--sr-gap,24px)}.sr-sec--slideshow[data-width=contained] .sr-sec__viewport{border-radius:var(--sr-radius-lg,var(--sr-radius,0))}
.sr-sec__viewport{overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain}.sr-sec__viewport::-webkit-scrollbar{display:none}.sr-sec__viewport:focus-visible{outline:3px solid var(--sr-sec-chip-ink);outline-offset:-3px}
.sr-sec__slides{display:flex;margin:0;padding:0;list-style:none}
.sr-sec__slide{flex:0 0 100%;scroll-snap-align:start;position:relative;height:var(--sr-slide-h);display:grid;grid-template:100%/100%;overflow:hidden}
.sr-sec__slide>.sr-sec__media{grid-area:1/1;width:100%;height:100%;min-height:0;object-fit:cover}
.sr-sec__caption{grid-area:1/1;display:flex;align-items:flex-end;padding:clamp(20px,5vw,64px);background:linear-gradient(to top,color-mix(in srgb,var(--sr-sec-chip-ink) 62%,transparent),transparent 70%);color:var(--sr-sec-chip)}
.sr-sec__caption-inner{max-width:560px}.sr-sec__caption .sr-sec__title{color:inherit}.sr-sec__caption .sr-sec__text{color:inherit;opacity:.9}
.sr-sec--slideshow[data-align=center] .sr-sec__caption{justify-content:center;text-align:center}
/* A slide without a picture: a plain band in the section's own colours, its words centred, no photo shade; its button is a normal accent button (lifted over a kit's on-photo button). */
.sr-sec__slide.is-text{background:var(--sr-surface,transparent);color:var(--sr-ink,inherit)}.sr-sec__slide.is-text .sr-sec__caption{background:none;color:inherit;align-items:center;justify-content:center;text-align:center}.sr-sec__slide.is-text .sr-sec__caption-inner{margin-inline:auto}
.sr-sec__slide.is-text:not(#sr-band) .sr-sec__button{background:var(--sr-accent,CanvasText);color:var(--sr-on-accent,Canvas);border-color:var(--sr-accent,CanvasText)}
.sr-sec__controls{display:flex;align-items:center;justify-content:center;gap:12px;padding:12px}.sr-sec__controls[hidden]{display:none}
.sr-sec__arrow{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;border:1px solid var(--sr-line,currentColor);background:var(--sr-surface,transparent);color:var(--sr-ink,inherit);cursor:pointer}
.sr-sec__dots{display:flex;gap:4px;margin:0;padding:0;list-style:none}.sr-sec__dot-button{width:24px;height:24px;border:0;padding:0;background:none;cursor:pointer;display:grid;place-items:center}.sr-sec__dot-button::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--sr-ink,currentColor);opacity:.25;transition:opacity .2s,transform .2s}.sr-sec__dot-button[aria-current=true]::before{opacity:1;transform:scale(1.2)}
/* Shoppable image */
.sr-sec__look{display:grid;gap:clamp(24px,4vw,64px);align-items:center}
/* The photo keeps its whole frame (the points sit on it) but never runs taller than the screen; its box shrinks to it. */
.sr-sec__canvas{position:relative;margin:0;justify-self:center;width:fit-content;max-width:100%}.sr-sec__photo{display:block;width:auto;max-width:100%;max-height:min(70vh,680px);border-radius:var(--sr-radius,0)}
.sr-sec__look-side{display:grid;gap:clamp(20px,2.4vw,32px);align-content:center;min-width:0}.sr-sec__look-side>.sr-sec__head{margin:0}
.sr-sec__pin{position:absolute;left:var(--sr-x);top:var(--sr-y);translate:-50% -50%;display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:var(--sr-sec-chip);color:var(--sr-sec-chip-ink);font-size:.8125rem;font-weight:700;text-decoration:none;box-shadow:0 0 0 6px color-mix(in srgb,var(--sr-sec-chip) 40%,transparent);transition:transform .2s}
.sr-sec__pin:is(:hover,:focus-visible,.is-active){transform:scale(1.15)}
.sr-sec__items{margin:0;padding:0;list-style:none;display:grid;gap:10px}
.sr-sec__item-link{display:grid;grid-template-columns:auto 84px 1fr;align-items:center;gap:16px;padding:12px;border:1px solid var(--sr-line,currentColor);border-radius:var(--sr-radius,8px);color:inherit;text-decoration:none;background:var(--sr-surface,transparent);transition:border-color .2s}
.sr-sec__item.is-active .sr-sec__item-link,.sr-sec__item-link:hover{border-color:var(--sr-ink,currentColor)}
.sr-sec__number{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;border:1px solid var(--sr-line,currentColor);font-size:.75rem;font-weight:700}
.sr-sec__thumb{width:84px;height:84px;object-fit:cover;border-radius:calc(var(--sr-radius,8px) / 2)}@media(max-width:599px){.sr-sec__item-link{grid-template-columns:auto 64px 1fr;gap:12px}.sr-sec__thumb{width:64px;height:64px}}.sr-sec__item-text{display:grid;gap:4px}.sr-sec__item-name{font-weight:600;line-height:1.35}.sr-sec__item-price{color:var(--sr-muted,inherit);font-size:.875rem}
/* A wide information column shows the products as cards (picture on top), so it fills beside a tall photo instead of thin rows. */
.sr-sec__look-side{container-type:inline-size}@container (min-width:460px){.sr-sec__items{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:20px}.sr-sec__item-link{position:relative;grid-template-columns:minmax(0,1fr);align-items:start;gap:12px;padding:0;border:0;border-radius:0;background:none}.sr-sec__item-link .sr-sec__thumb{width:100%;height:auto;aspect-ratio:4/5;border-radius:var(--sr-radius,0);outline:1px solid transparent;outline-offset:3px;transition:outline-color .2s}.sr-sec__item.is-active .sr-sec__thumb,.sr-sec__item-link:hover .sr-sec__thumb{outline-color:var(--sr-ink,currentColor)}.sr-sec__item-link>.sr-sec__number{position:absolute;top:10px;left:10px;z-index:1;background:var(--sr-bg,#fff)}}
/* The photo's column is as wide as the photo (a tall photo stays narrow, a wide one takes at most 60%); the information takes the rest, up to 820px, and on wide screens the pair is centred. */
@media(min-width:800px){.sr-sec__look{grid-template-columns:fit-content(60%) minmax(300px,820px);justify-content:center}.sr-sec--hotspots[data-image-side=right] .sr-sec__look{grid-template-columns:minmax(300px,820px) fit-content(60%)}.sr-sec--hotspots[data-image-side=right] .sr-sec__canvas{order:2}}
/* Logo strip */
.sr-sec__logos{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:clamp(20px,4vw,56px);margin:0;padding:0;list-style:none}
.sr-sec--logos .sr-sec__head{margin-inline:auto;text-align:center}
.sr-sec__logo-image{max-height:44px;width:auto;max-width:150px;object-fit:contain}
.sr-sec--logos[data-style=mono] .sr-sec__logo-image{filter:grayscale(1);opacity:.7;transition:opacity .2s,filter .2s}.sr-sec--logos[data-style=mono] a:is(:hover,:focus-visible) .sr-sec__logo-image{filter:none;opacity:1}
/* On a dark band, one-colour logos turn light (a grey dark logo would vanish) and stay light on hover. */
.sr-sec--logos[data-style=mono]:is([data-sr-scheme=accent],[data-sr-scheme=inverse]) .sr-sec__logo-image{filter:brightness(0) invert(1);opacity:.82}.sr-sec--logos[data-style=mono]:is([data-sr-scheme=accent],[data-sr-scheme=inverse]) a:is(:hover,:focus-visible) .sr-sec__logo-image{filter:brightness(0) invert(1);opacity:1}
/* Video */
.sr-sec__player{position:relative;aspect-ratio:16/9;overflow:hidden;border-radius:var(--sr-radius,0);background:var(--sr-surface,transparent);border:1px solid var(--sr-line,transparent)}
.sr-sec__player[data-ratio="4x3"]{aspect-ratio:4/3}.sr-sec__player[data-ratio="1x1"]{aspect-ratio:1;max-width:720px;margin-inline:auto}.sr-sec__player[data-ratio="9x16"]{aspect-ratio:9/16;max-width:420px;margin-inline:auto}
.sr-sec__consent,.sr-sec__file,.sr-sec__frame{position:absolute;inset:0;width:100%;height:100%;border:0}.sr-sec__file{object-fit:cover;background:var(--sr-ink,CanvasText)}
.sr-sec__poster{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.sr-sec__play{position:absolute;inset:0;display:grid;place-content:center;justify-items:center;gap:10px;color:var(--sr-ink,inherit);text-decoration:none}
.sr-sec__play-icon{display:grid;place-items:center;width:72px;height:72px;border-radius:50%;background:var(--sr-sec-chip);color:var(--sr-sec-chip-ink);box-shadow:0 8px 30px color-mix(in srgb,var(--sr-sec-chip-ink) 22%,transparent);transition:transform .2s}.sr-sec__play-icon .sr-sec__icon{width:30px;height:30px;margin-left:3px}
.sr-sec__play:is(:hover,:focus-visible) .sr-sec__play-icon{transform:scale(1.06)}
.sr-sec__play-label{padding:4px 10px;border-radius:999px;background:var(--sr-sec-chip);color:var(--sr-sec-chip-ink);font-weight:600;font-size:.875rem}
.sr-sec__privacy{position:absolute;left:12px;bottom:10px;right:12px;margin:0;font-size:.75rem;text-align:center;color:var(--sr-ink,inherit)}
.sr-sec__poster~.sr-sec__privacy{color:var(--sr-sec-chip);text-shadow:0 1px 3px color-mix(in srgb,var(--sr-sec-chip-ink) 60%,transparent)}
/* Customer reviews */
.sr-sec__reviews{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:var(--sr-gap,20px);margin:0;padding:0;list-style:none}
.sr-sec__review-body{margin:0;height:100%;display:flex;flex-direction:column;gap:14px;padding:clamp(18px,2.5vw,28px);border:1px solid var(--sr-line,currentColor);border-radius:var(--sr-radius,8px);background:var(--sr-surface,transparent)}
.sr-sec__stars{margin:0;letter-spacing:2px;font-size:1rem;line-height:1;color:var(--sr-star-off,var(--sr-line,currentColor))}.sr-sec__stars .is-on{color:var(--sr-accent,currentColor)}
/* On a dark band an empty star keeps 3:1 against the band (a kit's hairline colour would not); the :not(#id) lifts this over a kit's star colour. */
.sr-sec:not(#sr-band):is([data-sr-scheme=accent],[data-sr-scheme=inverse]) :is(.sr-sec__stars,.sr-cs-stars){color:var(--sr-star-off)}
.sr-sec__quote{margin:0;flex:1;font-size:1.0625rem;line-height:1.6}.sr-sec__quote p{margin:0}
.sr-sec__author{display:flex;flex-wrap:wrap;gap:4px 10px;align-items:baseline;font-size:.875rem;color:var(--sr-muted,inherit)}.sr-sec__name{font-weight:600;color:var(--sr-ink,inherit)}.sr-sec__product{flex-basis:100%;color:inherit}
/* Image gallery */
.sr-sec__grid{--sr-cols:2;display:grid;grid-template-columns:repeat(var(--sr-cols),minmax(0,1fr));gap:clamp(6px,1vw,12px);margin:0;padding:0;list-style:none}
@media(min-width:700px){.sr-sec--gallery[data-columns="3"] .sr-sec__grid{--sr-cols:3}.sr-sec--gallery[data-columns="4"] .sr-sec__grid{--sr-cols:4}.sr-sec--gallery[data-columns="6"] .sr-sec__grid{--sr-cols:6}}
.sr-sec__tile{overflow:hidden;border-radius:var(--sr-radius,0)}.sr-sec__tile-image{width:100%;aspect-ratio:1;object-fit:cover;transition:transform .4s}.sr-sec--gallery[data-shape=portrait] .sr-sec__tile-image{aspect-ratio:4/5}.sr-sec__tile a:is(:hover,:focus-visible) .sr-sec__tile-image{transform:scale(1.03)}
/* Comparison table */
.sr-sec__table-wrap{overflow-x:auto}.sr-sec__table{width:100%;max-width:880px;border-collapse:collapse;font-size:.9375rem}
/* On a wide screen the comparison sits beside its title and text instead of leaving the right third of the page empty. */
@media(min-width:960px){.sr-sec--comparison .sr-sec__inner:has(>.sr-sec__head){display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.8fr);gap:clamp(32px,5vw,80px);align-items:center}.sr-sec--comparison .sr-sec__inner>.sr-sec__head{margin:0}.sr-sec--comparison .sr-sec__table{max-width:none}}
.sr-sec__table :is(th,td){padding:14px 12px;border-bottom:1px solid var(--sr-line,currentColor);text-align:center}.sr-sec__table tbody th{text-align:left;font-weight:500}.sr-sec__table thead th{font-weight:700}.sr-sec__table .is-ours{color:var(--sr-accent,inherit)}
.sr-sec__mark{display:inline-grid;place-items:center;width:28px;height:28px;border-radius:50%}.sr-sec__table td[data-value=yes] .sr-sec__mark{background:var(--sr-accent,CanvasText);color:var(--sr-on-accent,Canvas)}.sr-sec__table td[data-value=no] .sr-sec__mark{color:var(--sr-muted,inherit);opacity:.7}.sr-sec__mark .sr-sec__icon{width:16px;height:16px}
/* Contact details */
.sr-sec__details{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:var(--sr-gap,20px);margin:0}
.sr-sec__detail{padding-top:16px;border-top:1px solid var(--sr-line,currentColor)}.sr-sec__detail dt{font-size:.75rem;text-transform:uppercase;letter-spacing:.08em;color:var(--sr-muted,inherit);margin-bottom:6px}.sr-sec__detail dd{margin:0;font-size:1.0625rem}.sr-sec__detail a{color:inherit}
.sr-sec__whatsapp{margin-top:28px}
.sr-sec :is(a,button):focus-visible{outline:2px solid currentColor;outline-offset:3px}
/* Studio phase 4: a section shown on one kind of screen only (StorefrontSections::device). Phones: up to 700 px. Shoppers never get the other device's section; the author's preview keeps a slim note in its place. */
@media(max-width:700px){.sr-built-section[data-sr-device=desktop]:not(.sr-device-preview){display:none!important}.sr-device-preview[data-sr-device=desktop]>:not(.sr-device-note){display:none!important}.sr-device-preview[data-sr-device=desktop]>.sr-device-note{display:block}}
@media(min-width:700.02px){.sr-built-section[data-sr-device=phone]:not(.sr-device-preview){display:none!important}.sr-device-preview[data-sr-device=phone]>:not(.sr-device-note){display:none!important}.sr-device-preview[data-sr-device=phone]>.sr-device-note{display:block}}
.sr-device-note{display:none;margin:8px auto;width:min(100% - 32px,1200px);padding:8px 14px;border:1.5px dashed color-mix(in srgb,currentColor 28%,transparent);border-radius:var(--sr-radius,8px);color:var(--sr-muted,inherit);font:13px/1.4 var(--sr-body-font,inherit);text-align:center}
/* Studio phase 4 commerce sections (StorefrontSectionsCommerce): shared parts */
.sr-sec .sr-product-grid{margin:0}
.sr-sec__bar{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:14px 24px;max-width:none}
.sr-sec__more{margin:clamp(20px,3vw,28px) 0 0;text-align:right}
.sr-sec__more a,.sr-sec__link{display:inline-flex;align-items:center;gap:6px;color:var(--sr-ink,inherit);font-weight:600;text-decoration:none;border-bottom:1px solid currentColor;padding-bottom:2px}
.sr-sec__arrow-icon{width:16px;height:16px;flex:none}
/* Tabbed collections */
.sr-sec__tabs{display:flex;gap:4px;max-width:100%;padding:4px;overflow-x:auto;border-radius:999px;background:var(--sr-surface,color-mix(in srgb,currentColor 6%,transparent));scrollbar-width:none}
.sr-sec__tabs::-webkit-scrollbar{display:none}
.sr-sec__tab{flex:none;min-height:40px;padding:0 18px;border:0;border-radius:999px;background:transparent;color:var(--sr-muted,inherit);font:inherit;font-size:.9375rem;font-weight:600;white-space:nowrap;cursor:pointer;transition:background .15s,color .15s}
.sr-sec__tab:hover{color:var(--sr-ink,inherit)}
.sr-sec__tab[aria-selected=true]{background:var(--sr-accent,CanvasText);color:var(--sr-on-accent,Canvas)}
.sr-sec__panel[hidden]{display:none}
@media(max-width:700px){.sr-sec__tab{padding:0 13px;font-size:.875rem}}
.sr-sec__panel:focus-visible{outline:2px solid currentColor;outline-offset:6px}
/* Category mosaic */
.sr-sec__mosaic{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:minmax(150px,auto);gap:var(--sr-gap,12px)}
.sr-sec__cat{min-width:0}
.sr-sec__cat.is-large,.sr-sec__mosaic[data-count="2"]>.sr-sec__cat,.sr-sec__mosaic[data-count="4"]>.sr-sec__cat:last-child{grid-column:1/-1}
.sr-sec__cat.is-large .sr-sec__cat-link{min-height:240px}
.sr-sec__cat-link{position:relative;isolation:isolate;display:flex;align-items:flex-end;height:100%;min-height:150px;overflow:hidden;border-radius:var(--sr-radius,8px);background:var(--sr-surface,color-mix(in srgb,currentColor 8%,transparent));color:#fff;text-decoration:none}
.sr-sec__cat-image{position:absolute;inset:0;z-index:-2;width:100%;height:100%!important;object-fit:cover;transition:transform .6s cubic-bezier(.2,.7,.2,1)}
.sr-sec__cat-link::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(to top,rgb(0 0 0/.58),rgb(0 0 0/.08) 55%,rgb(0 0 0/0))}
.sr-sec__cat.is-plain .sr-sec__cat-link{color:var(--sr-ink,inherit)}.sr-sec__cat.is-plain .sr-sec__cat-link::after{display:none}
.sr-sec__cat-caption{display:grid;gap:3px;padding:16px 18px}
.sr-sec__cat-name{font-family:var(--sr-heading-font,inherit);font-size:1.125rem;font-weight:600;line-height:1.2}
.sr-sec__cat.is-large .sr-sec__cat-name{font-size:clamp(1.35rem,2.4vw,2rem)}
.sr-sec__cat-count{font-size:.8125rem;opacity:.88}
.sr-sec__cat-link:is(:hover,:focus-visible) .sr-sec__cat-image{transform:scale(1.04)}
@media(min-width:800px){.sr-sec__mosaic{grid-template-columns:minmax(0,2fr) minmax(0,1fr) minmax(0,1fr);grid-auto-rows:minmax(210px,1fr);gap:var(--sr-gap,16px)}
.sr-sec__cat.is-large{grid-column:auto;grid-row:span 2}.sr-sec__cat.is-large .sr-sec__cat-link{min-height:0}
.sr-sec__mosaic[data-count="2"]{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:minmax(320px,auto)}.sr-sec__mosaic[data-count="2"]>.sr-sec__cat{grid-column:auto;grid-row:auto}
.sr-sec__mosaic[data-count="3"]>.sr-sec__cat:not(.is-large){grid-column:span 2}
.sr-sec__mosaic[data-count="4"]>.sr-sec__cat:last-child{grid-column:span 2}}
/* Countdown with products */
.sr-sec__sale-top{display:grid;gap:20px 40px;align-items:end;margin-bottom:clamp(22px,3vw,34px)}
.sr-sec__sale-top .sr-sec__head{margin:0}
.sr-sec__clock{display:grid;gap:10px;justify-items:start}
.sr-sec__clock-label{margin:0;font-size:.8125rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--sr-muted,inherit)}
.sr-sec--sale_countdown .sr-sec__timer{justify-content:flex-start;margin:0}
.sr-sec--sale_countdown .sr-sec__unit{min-width:clamp(58px,12vw,84px);padding:12px 6px}
.sr-sec--sale_countdown .sr-sec__value{font-size:clamp(1.5rem,4vw,2.25rem)}
@media(min-width:800px){.sr-sec__sale-top{grid-template-columns:minmax(0,1fr) auto}.sr-sec__clock{justify-items:end;text-align:right}}
/* Brands */
.sr-sec__brands{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,150px),1fr));gap:var(--sr-gap,12px)}
.sr-sec__brand a{display:grid;place-items:center;min-height:92px;height:100%;padding:16px;border:1px solid var(--sr-line,currentColor);border-radius:var(--sr-radius,8px);color:var(--sr-ink,inherit);text-decoration:none;transition:border-color .2s,background .2s}
.sr-sec__brand a:is(:hover,:focus-visible){border-color:var(--sr-ink,currentColor);background:var(--sr-surface,transparent)}
.sr-sec__brand-logo{width:auto!important;max-width:100%;max-height:52px;object-fit:contain}
.sr-sec__brand-name{font-family:var(--sr-heading-font,inherit);font-size:1.0625rem;font-weight:600;text-align:center;line-height:1.25}
/* Featured product */
.sr-sec__feature{display:grid;gap:clamp(24px,4vw,64px);align-items:center}
.sr-sec__feature.is-plain{max-width:720px}
@media(min-width:800px){.sr-sec__feature:not(.is-plain){grid-template-columns:minmax(0,1.1fr) minmax(0,1fr)}.sr-sec--featured_product[data-image-side=right] .sr-sec__gallery{order:2}}
.sr-sec__gallery{display:grid;gap:12px;min-width:0}
.sr-sec__stage{aspect-ratio:1;overflow:hidden;border-radius:var(--sr-radius,8px);background:var(--sr-bg,color-mix(in srgb,currentColor 5%,transparent))}
.sr-sec__stage>*{width:100%;height:100%!important;object-fit:cover}
.sr-sec__thumbs{list-style:none;margin:0;padding:0;display:flex;gap:8px;overflow-x:auto}
.sr-sec__thumb-button{display:block;width:64px;height:64px;padding:0;overflow:hidden;border:1px solid var(--sr-line,currentColor);border-radius:calc(var(--sr-radius,8px) * .75);background:none;cursor:pointer;opacity:.72}
.sr-sec__thumb-button[aria-current=true]{opacity:1;border-color:var(--sr-ink,currentColor);box-shadow:inset 0 0 0 1px var(--sr-ink,currentColor)}
.sr-sec__thumb-button img{width:100%;height:100%!important;object-fit:cover}
.sr-sec__buy{display:grid;gap:14px;align-content:center;min-width:0}
.sr-sec__buy>*{margin:0}
.sr-sec__eyebrow{font-size:.8125rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--sr-muted,inherit)}
.sr-sec__product-name a{color:inherit;text-decoration:none}
.sr-sec__rating{display:flex;flex-wrap:wrap;align-items:center;gap:8px;font-size:.875rem;color:var(--sr-muted,inherit)}.sr-sec__rating strong{color:var(--sr-ink,inherit)}
.sr-sec__badge{justify-self:start;display:inline-block;padding:.2rem .6rem;border-radius:999px;background:var(--sr-accent,CanvasText);color:var(--sr-on-accent,Canvas);font-size:.8125rem;font-weight:600;line-height:1.4}
.sr-sec__price{font-size:1.375rem;font-weight:600}.sr-sec__price del{font-weight:400;opacity:.6}.sr-sec__price ins{text-decoration:none}
.sr-sec__options{display:grid;gap:16px}.sr-sec__options[hidden]{display:none}
.sr-sec__option-label{margin:0 0 8px;font-size:.875rem;font-weight:600}
.sr-sec__values{display:flex;flex-wrap:wrap;gap:8px}
.sr-sec__value-button{display:inline-flex;align-items:center;gap:8px;min-width:44px;min-height:42px;padding:0 14px;border:1px solid var(--sr-line,currentColor);border-radius:999px;background:transparent;color:inherit;font:inherit;font-size:.9375rem;cursor:pointer}
.sr-sec__value-button[aria-pressed=true]{border-color:var(--sr-ink,currentColor);box-shadow:inset 0 0 0 1px var(--sr-ink,currentColor);font-weight:600}
.sr-sec__value-button:disabled{opacity:.42;text-decoration:line-through;cursor:not-allowed}
.sr-sec__swatch{width:16px;height:16px;border-radius:50%;box-shadow:inset 0 0 0 1px rgb(0 0 0/.18)}
.sr-sec__actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px 22px}
.sr-sec__add{min-height:48px;padding-inline:28px}.sr-sec__add[hidden]{display:none!important}
.sr-sec__status{font-size:.875rem}.sr-sec__status:empty{display:none}.sr-sec__status.is-error{color:#b42318}
.sr-sec__stock{font-weight:600;color:var(--sr-muted,inherit)}
/* Recently viewed (kit.js fills the list from this browser's own list, with the price as it was at that visit). A picture keeps its stored proportions (width/height from kit.js), so a small thumbnail is never blown up into a tall crop. */
.sr-sec__recent{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px var(--sr-gap,12px)}
@media(min-width:800px){.sr-sec__recent{grid-template-columns:repeat(4,minmax(0,1fr));gap:32px var(--sr-gap,16px)}.sr-sec__recent[data-sr-recent-list="6"]{grid-template-columns:repeat(6,minmax(0,1fr))}}
.sr-sec__recent a{display:grid;gap:8px;color:inherit;text-decoration:none}
.sr-sec__recent img{width:100%;object-fit:cover;border-radius:var(--sr-radius,8px);background:var(--sr-surface,transparent)}.sr-sec__recent img:not([width][height]){aspect-ratio:1}
.sr-sec__recent .sr-recent__name{font-size:.9375rem;line-height:1.35}
.sr-sec__recent .sr-recent__price{margin-top:-4px;font-size:.875rem;font-weight:600;font-variant-numeric:tabular-nums;color:var(--sr-ink,inherit)}.sr-sec__recent .sr-recent__price:empty{display:none}
.sr-sec--recently_viewed:not([hidden])+.sr-sec-placeholder--recent{display:none}
/* Shop by price */
.sr-sec__bands{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,190px),1fr));gap:var(--sr-gap,12px)}
.sr-sec__band a{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:6px 12px;min-height:104px;height:100%;padding:18px 20px;border:1px solid var(--sr-line,currentColor);border-radius:var(--sr-radius,8px);color:inherit;text-decoration:none;transition:border-color .2s,background .2s}
.sr-sec__band-label{grid-column:1/-1;align-self:start;font-family:var(--sr-heading-font,inherit);font-size:clamp(1.1rem,1.8vw,1.35rem);font-weight:600;line-height:1.2;font-variant-numeric:tabular-nums}
.sr-sec__band-count{font-size:.875rem;color:var(--sr-muted,inherit)}
@media(max-width:700px){.sr-sec__bands{grid-template-columns:repeat(2,minmax(0,1fr))}.sr-sec__band a{min-height:88px;padding:14px 14px 12px}.sr-sec__band-label{font-size:1.0625rem}}
.sr-sec__band a:is(:hover,:focus-visible){border-color:var(--sr-ink,currentColor);background:var(--sr-surface,transparent)}
/* Trust and payment */
.sr-sec__facts{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,250px),1fr));gap:clamp(22px,3vw,40px)}
.sr-sec__fact{display:grid;grid-template-columns:auto minmax(0,1fr);gap:14px;align-items:start}
.sr-sec__fact>svg{width:28px;height:28px;color:var(--sr-accent,currentColor)}
.sr-sec__fact-title{margin:0 0 6px;font-family:var(--sr-heading-font,inherit);font-size:1.0625rem;line-height:1.3}
.sr-sec__fact-text{margin:0;font-size:.9375rem;line-height:1.6;color:var(--sr-muted,inherit)}
.sr-sec__fact .sr-sec__link{margin-top:10px}
.sr-sec__pays{list-style:none;margin:0 0 8px;padding:0;display:flex;flex-wrap:wrap;gap:6px}
.sr-sec__pay{padding:4px 10px;border:1px solid var(--sr-line,currentColor);border-radius:6px;font-size:.8125rem;font-weight:600;line-height:1.4}
/* Complete the look */
.sr-sec__set{display:grid;gap:24px;align-items:start}
@media(min-width:960px){.sr-sec__set{grid-template-columns:minmax(0,1fr) 300px}}
.sr-sec__pieces{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px var(--sr-gap,16px)}
@media(min-width:700px){.sr-sec__pieces{grid-template-columns:repeat(auto-fit,minmax(170px,1fr))}}
.sr-sec__piece{position:relative;display:grid;gap:10px;align-content:start;min-width:0;transition:opacity .2s}
.sr-sec__piece.is-off{opacity:.55}
.sr-sec__plus{display:none}
@media(min-width:700px){.sr-sec__plus{position:absolute;top:36%;left:calc(var(--sr-gap,16px) / -2);z-index:1;display:grid;place-items:center;width:26px;height:26px;transform:translate(-50%,-50%);border-radius:50%;background:var(--sr-accent,CanvasText);color:var(--sr-on-accent,Canvas);font-weight:700;line-height:1}}
.sr-sec__piece-media{display:block;aspect-ratio:3/4;overflow:hidden;border-radius:var(--sr-radius,8px);background:var(--sr-surface,transparent)}
.sr-sec__piece-media img,.sr-sec__piece-media>span{width:100%;height:100%!important;object-fit:cover}
.sr-sec__piece-info{display:grid;grid-template-columns:auto minmax(0,1fr);gap:4px 10px;align-items:start}
.sr-sec__pick{grid-row:span 2;display:inline-flex;align-items:center;justify-content:center;min-width:24px;min-height:24px;cursor:pointer}.sr-sec__pick input{width:24px;height:24px;margin:0;accent-color:var(--sr-accent,auto);cursor:inherit}
.sr-sec__set-note{margin:0;font-size:.875rem;color:var(--sr-muted,inherit)}
.sr-sec__piece-name{color:inherit;text-decoration:none;font-weight:600;line-height:1.35}
.sr-sec__piece-price{font-size:.9375rem}.sr-sec__piece-price del{opacity:.6}.sr-sec__piece-price ins{text-decoration:none}
.sr-sec__piece-options{grid-column:1/-1;display:grid;gap:6px;margin-top:4px}
.sr-sec__piece-option select{width:100%;min-height:40px;padding:0 10px;border:1px solid var(--sr-line,currentColor);border-radius:calc(var(--sr-radius,8px) * .75);background:transparent;color:inherit;font:inherit;font-size:.875rem}
.sr-sec__total{display:grid;gap:10px;padding:20px;border:1px solid var(--sr-line,currentColor);border-radius:var(--sr-radius,8px);background:var(--sr-surface,transparent)}
@media(min-width:960px){.sr-sec__total{position:sticky;top:96px}}
.sr-sec__total>*{margin:0}
.sr-sec__total-note{font-size:.875rem;color:var(--sr-muted,inherit)}
.sr-sec__sum{font-family:var(--sr-heading-font,inherit);font-size:1.6rem;line-height:1.2;font-variant-numeric:tabular-nums}.sr-sec__sum del{margin-right:6px;font-size:1rem;opacity:.55}
.sr-sec__deal{font-size:.875rem;font-weight:600}.sr-sec__deal.is-on{color:var(--sr-accent,inherit)}
.sr-sec__total .sr-sec__add{width:100%}
/* Cart, blog, empty search and 404 pages (studio phase 6): their main is already a page container, so a section's own inner container adds no second side margin. */
.sr-page .sr-built-section>.sr-container{padding-inline:0}
/* Store highlights on a coloured band: the band is the frame. The list sits right inside the band's own padding (the old
   home layout's 40px top margin made the band lopsided) and the items drop their hairline; Workshop keeps its cards. */
.sr-sec--benefits:not([data-sr-scheme=default])[data-sr-scheme]>.sr-home-section{margin-top:0}
body:not(.sr-kit-atolye) .sr-sec--benefits:not([data-sr-scheme=default])[data-sr-scheme] .sr-section-benefit-list li{border-top:0;padding-top:0}
body:not(.sr-kit-atolye) .sr-sec--benefits:not([data-sr-scheme=default])[data-sr-scheme] .sr-section-benefit-list h3{margin-bottom:6px}
/* Store highlights: the text under each title carries no paragraph margins (they doubled the gap); on phones an even number
   of highlights sits two to a row in compact type, so four promises take one screen, not three (Atölye draws its own tiles). */
body:not(.sr-kit-atolye) .sr-section-benefit-list li p{margin:0}
@media(max-width:699px){body:not(.sr-kit-atolye) .sr-section-benefit-list:is([data-sr-count="2"],[data-sr-count="4"],[data-sr-count="6"]){grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 16px}body:not(.sr-kit-atolye) .sr-section-benefits .sr-section-benefit-list h3{margin:0 0 4px;font-size:16px;line-height:1.3;letter-spacing:0}body:not(.sr-kit-atolye) .sr-section-benefits .sr-section-benefit-list li{padding-top:12px}body:not(.sr-kit-atolye) .sr-section-benefits .sr-section-benefit-list li p{font-size:14px;line-height:1.45}body:not(.sr-kit-atolye) .sr-sec--benefits:not([data-sr-scheme=default])[data-sr-scheme] .sr-section-benefit-list li{padding-top:0}}

/* Preserve complete compositions when the merchant chooses whole-image framing. */
.sr-sec__slide[data-image-fit=contain]>.sr-sec__media{object-fit:contain;background:var(--sr-surface,var(--sr-canvas,#f5f4ef))}

/* Store highlights in the marketplace kits: a quiet card per promise with its icon (chosen from what it says) in a soft
   circle of the kit's accent, the title and the line under it in calm type (the store owner, 27 Oct 2026). The other kits
   keep their own voice and no icon. */
.sr-section-benefit-icon{display:none}
:is(.sr-kit-meydan,.sr-kit-pazaryeri,.sr-kit-carsi,.sr-kit-merkez,.sr-kit-vitrin,.sr-kit-kiler) .sr-section-benefit-list{gap:12px}
:is(.sr-kit-meydan,.sr-kit-pazaryeri,.sr-kit-carsi,.sr-kit-merkez,.sr-kit-vitrin,.sr-kit-kiler) .sr-section-benefit-list li{display:flex;align-items:flex-start;gap:12px;padding:16px!important;border:1px solid color-mix(in srgb,var(--sr-ink) 9%,transparent)!important;border-radius:var(--sr-radius,12px);background:color-mix(in srgb,var(--sr-ink) 2%,var(--sr-canvas,#fff))}
:is(.sr-kit-meydan,.sr-kit-pazaryeri,.sr-kit-carsi,.sr-kit-merkez,.sr-kit-vitrin,.sr-kit-kiler) .sr-section-benefit-icon{display:grid;place-items:center;flex:none;width:40px;height:40px;border-radius:50%;background:color-mix(in srgb,var(--sr-accent) 12%,var(--sr-canvas,#fff));color:var(--sr-accent)}
:is(.sr-kit-meydan,.sr-kit-pazaryeri,.sr-kit-carsi,.sr-kit-merkez,.sr-kit-vitrin,.sr-kit-kiler) .sr-section-benefit-icon .sr-icon{width:20px;height:20px}
:is(.sr-kit-meydan,.sr-kit-pazaryeri,.sr-kit-carsi,.sr-kit-merkez,.sr-kit-vitrin,.sr-kit-kiler) .sr-section-benefit-copy{min-width:0}
:is(.sr-kit-meydan,.sr-kit-pazaryeri,.sr-kit-carsi,.sr-kit-merkez,.sr-kit-vitrin,.sr-kit-kiler) .sr-section-benefit-list h3{margin:1px 0 3px!important;font:700 14.5px/1.3 var(--sr-body-font,inherit)!important;letter-spacing:0!important}
:is(.sr-kit-meydan,.sr-kit-pazaryeri,.sr-kit-carsi,.sr-kit-merkez,.sr-kit-vitrin,.sr-kit-kiler) .sr-section-benefit-list li p{margin:0;font-size:13px!important;line-height:1.45!important;color:var(--sr-muted,inherit)}
@media(max-width:699px){:is(.sr-kit-meydan,.sr-kit-pazaryeri,.sr-kit-carsi,.sr-kit-merkez,.sr-kit-vitrin,.sr-kit-kiler) .sr-section-benefit-list{gap:10px!important}:is(.sr-kit-meydan,.sr-kit-pazaryeri,.sr-kit-carsi,.sr-kit-merkez,.sr-kit-vitrin,.sr-kit-kiler) .sr-section-benefit-list li{flex-direction:column;gap:10px;padding:14px!important}:is(.sr-kit-meydan,.sr-kit-pazaryeri,.sr-kit-carsi,.sr-kit-merkez,.sr-kit-vitrin,.sr-kit-kiler) .sr-section-benefit-icon{width:36px;height:36px}:is(.sr-kit-meydan,.sr-kit-pazaryeri,.sr-kit-carsi,.sr-kit-merkez,.sr-kit-vitrin,.sr-kit-kiler) .sr-section-benefit-icon .sr-icon{width:20px;height:20px}:is(.sr-kit-meydan,.sr-kit-pazaryeri,.sr-kit-carsi,.sr-kit-merkez,.sr-kit-vitrin,.sr-kit-kiler) .sr-section-benefit-list h3{font-size:14px!important}:is(.sr-kit-meydan,.sr-kit-pazaryeri,.sr-kit-carsi,.sr-kit-merkez,.sr-kit-vitrin,.sr-kit-kiler) .sr-section-benefit-list li p{font-size:12.5px!important}}