*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--sf-bg);color:var(--sf-text);font-family:var(--sf-font);line-height:1.65}body.sf-menu-open{overflow:hidden}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}img{display:block;max-width:100%}.sf-container{width:min(calc(100% - 32px),var(--sf-container));margin-inline:auto}.sf-main{min-height:55vh}.sf-preview-bar{position:sticky;top:0;z-index:1001;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.65rem max(16px,calc((100% - var(--sf-container))/2));background:#111827;color:#fff}.sf-preview-bar>div{display:flex;align-items:center;gap:.6rem}.sf-preview-bar span{color:#cbd5e1;font-size:.82rem}.sf-preview-bar button{border:0;border-radius:999px;padding:.45rem .8rem;background:#fff;color:#111827}.sf-announcement{display:flex;align-items:center;justify-content:center;gap:.55rem;padding:.65rem 1rem;background:var(--sf-primary);color:#fff;font-weight:800;text-align:center}.sf-header{position:relative;z-index:100;background:color-mix(in srgb,var(--sf-surface) 94%,transparent);border-bottom:1px solid color-mix(in srgb,var(--sf-text) 10%,transparent);backdrop-filter:blur(18px)}.has-sticky-header .sf-header{position:sticky;top:0}.sf-preview-bar~.sf-announcement+.sf-header,.sf-preview-bar~.sf-header{top:49px}.sf-topline{background:var(--sf-secondary);color:#fff;font-size:.78rem}.sf-topline-inner{min-height:36px;display:flex;align-items:center;justify-content:space-between;gap:1rem}.sf-topline-contact,.sf-socials{display:flex;align-items:center;gap:.8rem}.sf-topline-contact a,.sf-topline-contact span{display:flex;align-items:center;gap:.35rem;color:#e2e8f0}.sf-navbar{min-height:82px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:1.25rem}.sf-brand{display:inline-flex;align-items:center;gap:.7rem;width:max-content}.sf-brand img{width:auto;max-width:170px;height:56px;object-fit:contain}.sf-brand strong{font:900 1.25rem var(--sf-heading)}.sf-brand-mark{width:44px;height:44px;display:grid;place-items:center;border-radius:calc(var(--sf-radius)*.65);background:var(--sf-primary);color:#fff;font-weight:900}.sf-nav{display:flex;align-items:center;justify-content:center;gap:1.35rem}.sf-nav a{position:relative;padding:.55rem 0;font-weight:750;font-size:.92rem}.sf-nav a:after{content:"";position:absolute;right:0;bottom:0;width:0;height:2px;background:var(--sf-primary);transition:.25s}.sf-nav a:hover:after{width:100%}.sf-nav-actions{display:flex;align-items:center;justify-content:flex-end;gap:.45rem}.sf-icon-button,.sf-mobile-toggle{width:42px;height:42px;display:grid;place-items:center;border:1px solid color-mix(in srgb,var(--sf-text) 12%,transparent);border-radius:50%;background:var(--sf-surface);color:var(--sf-text);cursor:pointer;transition:.2s}.sf-icon-button:hover,.sf-mobile-toggle:hover{background:var(--sf-primary);color:#fff;border-color:var(--sf-primary);transform:translateY(-2px)}.sf-mobile-toggle{display:none}.sf-search-panel{display:grid;grid-template-rows:0fr;background:var(--sf-surface);transition:.25s;overflow:hidden}.sf-search-panel.open{grid-template-rows:1fr;border-top:1px solid color-mix(in srgb,var(--sf-text) 10%,transparent)}.sf-search-panel form{min-height:0;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:.75rem;padding-block:0;transition:.25s}.sf-search-panel.open form{padding-block:14px}.sf-search-panel input{border:0;outline:0;background:transparent;color:var(--sf-text)}.sf-search-panel button{border:0;border-radius:999px;background:var(--sf-primary);color:#fff;padding:.55rem 1rem;font-weight:800}.sf-page{padding:32px 0 72px}.sf-section{position:relative;padding-block:var(--section-top,48px) var(--section-bottom,48px)}.sf-section.is-full{width:100%}.sf-section.is-full>.sf-section-inner{width:100%;max-width:none}.sf-section-inner{width:min(calc(100% - 32px),var(--sf-container));margin-inline:auto}.sf-section-heading{display:flex;align-items:end;justify-content:space-between;gap:1rem;margin-bottom:1.6rem}.sf-section-heading .eyebrow,.sf-eyebrow{display:block;color:var(--sf-primary);font-size:.78rem;font-weight:900;letter-spacing:.08em}.sf-section-heading h2,.sf-section-title{margin:.25rem 0 0;font:900 clamp(1.55rem,3vw,2.5rem)/1.25 var(--sf-heading)}.sf-section-heading p{margin:.45rem 0 0;color:var(--sf-muted)}.sf-link-arrow{display:inline-flex;align-items:center;gap:.45rem;color:var(--sf-primary);font-weight:850}.sf-hero{position:relative;overflow:hidden;min-height:520px;display:flex;align-items:center;background:linear-gradient(135deg,var(--sf-secondary),color-mix(in srgb,var(--sf-primary) 65%,var(--sf-secondary)));color:#fff}.sf-hero.has-image{background:var(--sf-secondary)}.sf-hero-background{position:absolute;inset:0;z-index:0;display:block}.sf-hero-background img{width:100%;height:100%;object-fit:cover}.sf-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(100deg,rgba(5,10,25,var(--hero-overlay,.55)),rgba(5,10,25,.12))}.sf-hero-content{position:relative;z-index:2;width:min(calc(100% - 32px),var(--sf-container));margin-inline:auto;display:grid;grid-template-columns:minmax(0,700px) 1fr;align-items:center;gap:3rem}.sf-hero-copy{max-width:720px}.sf-hero h1{margin:.7rem 0 1rem;font:950 clamp(2.5rem,6vw,5.5rem)/1.08 var(--sf-heading);letter-spacing:-.025em}.sf-hero p{max-width:650px;margin:0 0 1.5rem;color:#e2e8f0;font-size:1.05rem}.sf-hero-actions{display:flex;flex-wrap:wrap;gap:.75rem}.sf-btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-height:48px;padding:.7rem 1.15rem;border:1px solid transparent;border-radius:calc(var(--sf-radius)*.75);font-weight:850;transition:.2s;cursor:pointer}.sf-btn:hover{transform:translateY(-2px)}.sf-btn-primary{background:var(--sf-primary);color:#fff}.sf-btn-light{background:#fff;color:#111827}.sf-btn-outline{border-color:currentColor;background:transparent;color:inherit}.buttons-square .sf-btn{border-radius:2px}.buttons-pill .sf-btn{border-radius:999px}.sf-hero-visual{position:relative;z-index:2;display:flex;justify-content:center}.sf-hero-visual picture{display:block;width:100%}.sf-hero-visual img{max-height:390px;border-radius:calc(var(--sf-radius)*1.4);object-fit:cover;box-shadow:0 32px 90px rgba(0,0,0,.28)}.sf-hero-editorial .sf-hero-content{grid-template-columns:1fr}.sf-hero-editorial .sf-hero-copy{text-align:center;margin:auto}.sf-hero-service{min-height:600px}.sf-product-grid{display:grid;grid-template-columns:repeat(var(--sf-cols-desktop),minmax(0,1fr));gap:1.2rem}.sf-product-card{position:relative;overflow:hidden;background:var(--sf-surface);border:1px solid color-mix(in srgb,var(--sf-text) 9%,transparent);border-radius:var(--sf-radius);transition:.28s}.cards-elevated .sf-product-card,.cards-soft .sf-product-card{box-shadow:0 14px 38px rgba(15,23,42,.07)}.cards-minimal .sf-product-card{border:0;background:transparent}.cards-luxury .sf-product-card{border-color:color-mix(in srgb,var(--sf-accent) 32%,transparent)}.sf-product-card:hover{transform:translateY(-6px);box-shadow:0 22px 55px rgba(15,23,42,.12)}.sf-product-image{position:relative;display:block;aspect-ratio:4/5;overflow:hidden;background:#eef2f7}.sf-product-image img{width:100%;height:100%;object-fit:cover;transition:.4s}.sf-product-card:hover .sf-product-image img{transform:scale(1.045)}.sf-product-badge{position:absolute;top:.75rem;right:.75rem;z-index:2;padding:.38rem .65rem;border-radius:999px;background:var(--sf-accent);color:#111827;font-size:.68rem;font-weight:900}.sf-product-sold{position:absolute;inset:0;display:grid;place-items:center;background:rgba(15,23,42,.56);color:#fff;font-weight:900}.sf-product-body{padding:1rem}.sf-product-category{color:var(--sf-muted);font-size:.72rem}.sf-product-title{margin:.3rem 0 .65rem;font:800 .98rem/1.5 var(--sf-heading)}.sf-product-price{display:flex;align-items:center;gap:.5rem;margin-bottom:.85rem}.sf-product-price strong{color:var(--sf-primary);font-size:1.05rem}.sf-product-price del{color:var(--sf-muted);font-size:.78rem}.sf-category-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem}.sf-category-card{display:flex;align-items:center;gap:.9rem;padding:1.15rem;background:var(--sf-surface);border:1px solid color-mix(in srgb,var(--sf-text) 9%,transparent);border-radius:var(--sf-radius);transition:.2s}.sf-category-card:hover{border-color:var(--sf-primary);transform:translateY(-3px)}.sf-category-icon{width:52px;height:52px;display:grid;place-items:center;border-radius:calc(var(--sf-radius)*.65);background:color-mix(in srgb,var(--sf-primary) 12%,transparent);color:var(--sf-primary);font-size:1.25rem}.sf-category-card strong{display:block;font:850 1rem var(--sf-heading)}.sf-category-card small{display:block;color:var(--sf-muted);margin-top:.2rem}.sf-promo{display:grid;grid-template-columns:1.2fr .8fr;align-items:center;gap:2rem;padding:clamp(1.5rem,5vw,4rem);border-radius:calc(var(--sf-radius)*1.3);background:linear-gradient(135deg,var(--sf-primary),var(--sf-secondary));color:#fff;overflow:hidden}.sf-promo img{width:100%;max-height:360px;object-fit:cover;border-radius:var(--sf-radius)}.sf-content-split{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:3rem}.sf-content-split img{width:100%;max-height:560px;object-fit:cover;border-radius:calc(var(--sf-radius)*1.2)}.sf-richtext{max-width:900px}.sf-richtext p,.sf-preline{white-space:pre-line;color:var(--sf-muted)}.sf-feature-grid,.sf-service-grid,.sf-stat-grid,.sf-testimonial-grid,.sf-pricing-grid,.sf-image-grid,.sf-brand-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.sf-feature-card,.sf-service-card,.sf-stat-card,.sf-testimonial-card,.sf-price-card{position:relative;padding:1.45rem;background:var(--sf-surface);border:1px solid color-mix(in srgb,var(--sf-text) 9%,transparent);border-radius:var(--sf-radius)}.sf-feature-card i,.sf-service-card>i{width:52px;height:52px;display:grid;place-items:center;margin-bottom:1rem;border-radius:calc(var(--sf-radius)*.65);background:color-mix(in srgb,var(--sf-primary) 12%,transparent);color:var(--sf-primary);font-size:1.4rem}.sf-feature-card h3,.sf-service-card h3,.sf-price-card h3{margin:.3rem 0;font:850 1.12rem var(--sf-heading)}.sf-feature-card p,.sf-service-card p,.sf-testimonial-card p,.sf-price-card p{color:var(--sf-muted);margin:.45rem 0}.sf-stat-card{text-align:center}.sf-stat-card strong{display:block;color:var(--sf-primary);font:950 clamp(2rem,4vw,3.5rem) var(--sf-heading)}.sf-testimonial-card:before{content:"“";position:absolute;top:.3rem;left:1rem;color:color-mix(in srgb,var(--sf-primary) 18%,transparent);font-size:5rem;line-height:1}.sf-testimonial-author{display:flex;align-items:center;gap:.7rem;margin-top:1rem}.sf-testimonial-author img{width:48px;height:48px;object-fit:cover;border-radius:50%}.sf-testimonial-author strong{display:block}.sf-testimonial-author small{color:var(--sf-muted)}.sf-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;counter-reset:steps}.sf-step{position:relative;padding:1.5rem 1rem;border-top:2px solid color-mix(in srgb,var(--sf-primary) 25%,transparent)}.sf-step-badge{width:46px;height:46px;display:grid;place-items:center;margin-top:-38px;margin-bottom:1rem;border-radius:50%;background:var(--sf-primary);color:#fff;font-weight:900}.sf-price-card.featured{border:2px solid var(--sf-primary);transform:translateY(-8px)}.sf-price-badge{position:absolute;top:0;left:1.2rem;transform:translateY(-50%);padding:.35rem .7rem;border-radius:999px;background:var(--sf-primary);color:#fff;font-size:.7rem;font-weight:900}.sf-price{font:900 1.7rem var(--sf-heading);color:var(--sf-primary);margin:1rem 0}.sf-image-grid{grid-template-columns:repeat(3,1fr)}.sf-image-card{position:relative;overflow:hidden;min-height:220px;border-radius:var(--sf-radius);background:#e2e8f0}.sf-image-card img{width:100%;height:100%;object-fit:cover;transition:.35s}.sf-image-card:hover img{transform:scale(1.05)}.sf-image-card-overlay{position:absolute;inset:auto 0 0;padding:1rem;background:linear-gradient(transparent,rgba(0,0,0,.72));color:#fff}.sf-gallery-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.75rem}.sf-gallery-grid button{border:0;padding:0;overflow:hidden;border-radius:var(--sf-radius);background:#e2e8f0;cursor:zoom-in;aspect-ratio:1}.sf-gallery-grid img{width:100%;height:100%;object-fit:cover;transition:.3s}.sf-gallery-grid button:hover img{transform:scale(1.06)}.sf-gallery-modal{position:fixed;inset:0;z-index:2000;display:none;place-items:center;padding:24px;background:rgba(2,6,23,.9)}.sf-gallery-modal.open{display:grid}.sf-gallery-modal img{max-width:min(1200px,95vw);max-height:90vh;border-radius:var(--sf-radius)}.sf-video{position:relative;overflow:hidden;border-radius:calc(var(--sf-radius)*1.2);aspect-ratio:16/9;background:#0f172a}.sf-video iframe{width:100%;height:100%;border:0}.sf-brand-grid{grid-template-columns:repeat(6,1fr)}.sf-brand-card{min-height:100px;display:grid;place-items:center;padding:1rem;border:1px solid color-mix(in srgb,var(--sf-text) 8%,transparent);border-radius:var(--sf-radius);background:var(--sf-surface)}.sf-brand-card img{max-height:56px;object-fit:contain;filter:grayscale(1);opacity:.7;transition:.2s}.sf-brand-card:hover img{filter:none;opacity:1}.sf-faq{max-width:900px;margin:auto;display:grid;gap:.65rem}.sf-faq-item{border:1px solid color-mix(in srgb,var(--sf-text) 9%,transparent);border-radius:var(--sf-radius);background:var(--sf-surface);overflow:hidden}.sf-faq-item button{width:100%;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 1.1rem;border:0;background:transparent;text-align:right;font-weight:850;color:var(--sf-text);cursor:pointer}.sf-faq-answer{display:grid;grid-template-rows:0fr;transition:.25s}.sf-faq-answer>div{min-height:0;overflow:hidden;color:var(--sf-muted);padding-inline:1.1rem}.sf-faq-item.open .sf-faq-answer{grid-template-rows:1fr}.sf-faq-item.open .sf-faq-answer>div{padding-bottom:1rem}.sf-newsletter{display:grid;grid-template-columns:1fr auto;align-items:center;gap:2rem;padding:clamp(1.5rem,4vw,3rem);border-radius:calc(var(--sf-radius)*1.2);background:color-mix(in srgb,var(--sf-primary) 10%,var(--sf-surface))}.sf-newsletter form{display:flex;gap:.55rem;min-width:min(100%,480px)}.sf-newsletter input{flex:1;min-width:0;border:1px solid color-mix(in srgb,var(--sf-text) 12%,transparent);border-radius:calc(var(--sf-radius)*.7);padding:.75rem 1rem;background:var(--sf-surface)}.sf-contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.sf-contact-card{padding:1.5rem;border-radius:var(--sf-radius);background:var(--sf-surface);border:1px solid color-mix(in srgb,var(--sf-text) 9%,transparent)}.sf-contact-list{display:grid;gap:.8rem;margin-top:1.2rem}.sf-contact-list a,.sf-contact-list span{display:flex;align-items:flex-start;gap:.65rem;color:var(--sf-muted)}.sf-contact-list i{color:var(--sf-primary);font-size:1.1rem}.sf-map iframe{width:100%;min-height:360px;border:0;border-radius:var(--sf-radius)}.sf-catalog-toolbar{display:grid;grid-template-columns:minmax(240px,2fr) 1fr 1fr auto;gap:.65rem;padding:1rem;margin-bottom:1.25rem;border:1px solid color-mix(in srgb,var(--sf-text) 9%,transparent);border-radius:var(--sf-radius);background:var(--sf-surface)}.sf-catalog-toolbar input,.sf-catalog-toolbar select{width:100%;min-height:46px;border:1px solid color-mix(in srgb,var(--sf-text) 12%,transparent);border-radius:calc(var(--sf-radius)*.65);padding:.55rem .8rem;background:var(--sf-surface);color:var(--sf-text)}.sf-empty{padding:3rem;text-align:center;border:1px dashed color-mix(in srgb,var(--sf-text) 18%,transparent);border-radius:var(--sf-radius);color:var(--sf-muted)}.sf-footer{margin-top:64px;background:var(--sf-secondary);color:#fff}.sf-footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1.2fr;gap:2.5rem;padding-block:64px 40px}.sf-footer .sf-brand img{filter:brightness(0) invert(1)}.sf-footer-brand p{max-width:390px;color:#cbd5e1}.sf-footer h3{font:850 1rem var(--sf-heading);margin:0 0 1rem}.sf-footer-grid>div:not(.sf-footer-brand){display:flex;flex-direction:column;align-items:flex-start;gap:.65rem}.sf-footer-grid a,.sf-footer-grid span{color:#cbd5e1;font-size:.88rem}.sf-footer-grid a:hover{color:#fff}.sf-footer-grid i{margin-left:.4rem;color:var(--sf-accent)}.sf-socials a{width:38px;height:38px;display:grid;place-items:center;border-radius:50%;background:rgba(255,255,255,.1);color:#fff;transition:.2s}.sf-socials.compact a{width:28px;height:28px;background:transparent}.sf-socials a:hover{background:var(--sf-primary);transform:translateY(-2px)}.sf-footer-bottom{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding-block:18px;border-top:1px solid rgba(255,255,255,.12);color:#94a3b8;font-size:.78rem}.sf-whatsapp{position:fixed;left:20px;bottom:20px;z-index:500;display:flex;align-items:center;gap:.55rem;padding:.72rem 1rem;border-radius:999px;background:#25d366;color:#fff;font-weight:850;box-shadow:0 16px 45px rgba(37,211,102,.34)}.sf-whatsapp i{font-size:1.25rem}.sf-product-page{padding:36px 0 72px}.sf-breadcrumb{display:flex;align-items:center;gap:.45rem;flex-wrap:wrap;margin-bottom:1.2rem;color:var(--sf-muted);font-size:.82rem}.sf-breadcrumb a{color:var(--sf-primary);font-weight:800}.sf-product-detail{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(360px,.9fr);gap:3rem;align-items:start}.sf-product-main-image{overflow:hidden;aspect-ratio:1/1.05;border-radius:calc(var(--sf-radius)*1.2);background:var(--sf-surface);border:1px solid color-mix(in srgb,var(--sf-text) 9%,transparent)}.sf-product-main-image img{width:100%;height:100%;object-fit:cover}.sf-product-thumbs{display:flex;gap:.6rem;margin-top:.7rem;overflow:auto}.sf-product-thumb{width:76px;height:76px;flex:none;padding:0;border:2px solid transparent;border-radius:calc(var(--sf-radius)*.6);overflow:hidden;background:var(--sf-surface)}.sf-product-thumb.active{border-color:var(--sf-primary)}.sf-product-thumb img{width:100%;height:100%;object-fit:cover}.sf-buy-card{position:sticky;top:120px;padding:2rem;border-radius:calc(var(--sf-radius)*1.2);background:var(--sf-surface);border:1px solid color-mix(in srgb,var(--sf-text) 9%,transparent);box-shadow:0 20px 55px rgba(15,23,42,.08)}.sf-buy-card h1{margin:.35rem 0;font:900 clamp(1.8rem,4vw,3rem)/1.25 var(--sf-heading)}.sf-detail-price{display:flex;align-items:center;gap:.75rem;margin:1rem 0}.sf-detail-price strong{color:var(--sf-primary);font-size:1.65rem}.sf-detail-price del{color:var(--sf-muted)}.sf-description{white-space:pre-line;color:var(--sf-muted)}.sf-variant-options{display:flex;flex-wrap:wrap;gap:.55rem}.sf-variant-chip input{display:none}.sf-variant-chip span{display:flex;flex-direction:column;padding:.65rem .85rem;border:1px solid color-mix(in srgb,var(--sf-text) 12%,transparent);border-radius:calc(var(--sf-radius)*.6);cursor:pointer}.sf-variant-chip input:checked+span{border-color:var(--sf-primary);background:color-mix(in srgb,var(--sf-primary) 8%,transparent);color:var(--sf-primary)}.sf-purchase-row{display:grid;grid-template-columns:110px 1fr;gap:.65rem;margin-top:1rem}.sf-purchase-row input{width:100%;height:48px;border:1px solid color-mix(in srgb,var(--sf-text) 12%,transparent);border-radius:calc(var(--sf-radius)*.65);padding:.5rem}.sf-about-page{padding:48px 0 80px}.sf-about-hero{display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:center}.sf-about-hero img{width:100%;max-height:600px;object-fit:cover;border-radius:calc(var(--sf-radius)*1.3)}.sf-about-values{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-top:2rem}.sf-about-value{padding:1.35rem;border-radius:var(--sf-radius);background:var(--sf-surface);border:1px solid color-mix(in srgb,var(--sf-text) 9%,transparent)}.sf-about-value h3{font:850 1.1rem var(--sf-heading)}.sf-about-value p{color:var(--sf-muted);white-space:pre-line}.template-fashion-editorial{--sf-radius:4px}.template-jewelry-luxe{--sf-bg:#11100e;--sf-surface:#181713;--sf-text:#f8f2e7;--sf-muted:#c4b89f}.template-jewelry-luxe .sf-header{border-color:rgba(255,255,255,.12)}.template-electronics-tech .sf-hero{background:radial-gradient(circle at 75% 30%,rgba(34,211,238,.25),transparent 28%),linear-gradient(135deg,#07111f,#0f2f5a)}.template-kids-play .sf-product-card,.template-kids-play .sf-feature-card{transform:rotate(-.35deg)}.template-sports-motion .sf-hero{clip-path:polygon(0 0,100% 0,100% 90%,0 100%)}
@media(max-width:1100px){.sf-product-grid{grid-template-columns:repeat(var(--sf-cols-tablet),minmax(0,1fr))}.sf-category-grid{grid-template-columns:repeat(3,1fr)}.sf-feature-grid,.sf-service-grid,.sf-stat-grid,.sf-testimonial-grid,.sf-pricing-grid{grid-template-columns:repeat(2,1fr)}.sf-brand-grid{grid-template-columns:repeat(4,1fr)}.sf-footer-grid{grid-template-columns:1.5fr 1fr 1fr}.sf-footer-grid>div:nth-child(3){display:none}.sf-product-detail{gap:1.6rem}}
@media(max-width:820px){.sf-navbar{grid-template-columns:auto 1fr auto;min-height:68px}.sf-mobile-toggle{display:grid}.sf-brand{justify-self:center}.sf-brand img{height:46px;max-width:135px}.sf-nav{position:fixed;inset:0 0 0 auto;width:min(86vw,360px);z-index:1000;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:0;padding:90px 24px 30px;background:var(--sf-surface);box-shadow:-24px 0 70px rgba(15,23,42,.22);transform:translateX(110%);transition:.3s}.sf-nav.open{transform:none}.sf-nav a{padding:1rem;border-bottom:1px solid color-mix(in srgb,var(--sf-text) 8%,transparent)}.sf-nav-actions .sf-icon-button:nth-child(2){display:none}.sf-topline{display:none}.sf-hero{min-height:520px}.sf-hero-content{grid-template-columns:1fr}.sf-hero-visual{display:none}.sf-hero h1{font-size:clamp(2.4rem,10vw,4.1rem)}.sf-category-grid{grid-template-columns:repeat(2,1fr)}.sf-promo,.sf-content-split,.sf-contact-grid,.sf-about-hero{grid-template-columns:1fr}.sf-promo img{order:-1}.sf-steps{grid-template-columns:repeat(2,1fr);row-gap:2rem}.sf-gallery-grid{grid-template-columns:repeat(3,1fr)}.sf-brand-grid{grid-template-columns:repeat(3,1fr)}.sf-newsletter{grid-template-columns:1fr}.sf-catalog-toolbar{grid-template-columns:1fr 1fr}.sf-catalog-toolbar>*:first-child{grid-column:1/-1}.sf-footer-grid{grid-template-columns:1fr 1fr}.sf-footer-brand{grid-column:1/-1}.sf-product-detail{grid-template-columns:1fr}.sf-buy-card{position:static}.sf-about-values{grid-template-columns:1fr}}
@media(max-width:560px){.sf-container,.sf-section-inner,.sf-hero-content{width:min(calc(100% - 22px),var(--sf-container))}.sf-navbar{gap:.4rem}.sf-nav-actions{gap:.2rem}.sf-nav-actions .sf-icon-button:first-child{display:none}.sf-icon-button,.sf-mobile-toggle{width:38px;height:38px}.sf-announcement{font-size:.78rem}.sf-preview-bar span{display:none}.sf-page{padding-top:18px}.sf-section{padding-block:calc(var(--section-top,48px)*.72) calc(var(--section-bottom,48px)*.72)}.sf-section-heading{align-items:flex-start;flex-direction:column}.sf-hero{min-height:500px}.sf-hero h1{font-size:2.55rem}.sf-hero p{font-size:.93rem}.sf-hero-actions .sf-btn{width:100%}.sf-product-grid{grid-template-columns:repeat(var(--sf-cols-mobile),minmax(0,1fr));gap:.65rem}.sf-product-body{padding:.7rem}.sf-product-title{font-size:.84rem}.sf-product-price{display:block}.sf-product-price strong{font-size:.92rem}.sf-product-card .sf-btn{min-height:40px;padding:.5rem;font-size:.78rem}.sf-category-grid{gap:.6rem}.sf-category-card{padding:.8rem;display:block}.sf-category-icon{width:42px;height:42px;margin-bottom:.55rem}.sf-category-card small{display:none}.sf-feature-grid,.sf-service-grid,.sf-stat-grid,.sf-testimonial-grid,.sf-pricing-grid{grid-template-columns:1fr}.sf-steps{grid-template-columns:1fr}.sf-step{margin-right:20px}.sf-gallery-grid{grid-template-columns:repeat(2,1fr)}.sf-brand-grid{grid-template-columns:repeat(2,1fr)}.sf-newsletter form{display:grid}.sf-catalog-toolbar{grid-template-columns:1fr}.sf-catalog-toolbar>*:first-child{grid-column:auto}.sf-footer-grid{grid-template-columns:1fr}.sf-footer-bottom{align-items:flex-start;flex-direction:column}.sf-whatsapp span{display:none}.sf-whatsapp{width:54px;height:54px;justify-content:center;padding:0}.sf-buy-card{padding:1.2rem}.sf-purchase-row{grid-template-columns:82px 1fr}.sf-about-values{grid-template-columns:1fr}}
@media(min-width:821px){.sf-hide-desktop{display:none!important}}
@media(max-width:820px){.sf-hide-mobile{display:none!important}}
/* Template-specific storefront language */
.template-modern-store .sf-hero{background:radial-gradient(circle at 18% 20%,color-mix(in srgb,var(--sf-accent) 28%,transparent),transparent 30%),linear-gradient(135deg,var(--sf-secondary),color-mix(in srgb,var(--sf-primary) 68%,var(--sf-secondary)))}
.template-modern-store .sf-product-card{overflow:visible}.template-modern-store .sf-product-image{border-radius:var(--sf-radius) var(--sf-radius) calc(var(--sf-radius)*.55) calc(var(--sf-radius)*.55)}
.template-beauty-glow .sf-hero{background:radial-gradient(circle at 78% 24%,rgba(255,255,255,.2),transparent 22%),linear-gradient(135deg,#3d2632,#b76e79)}.template-beauty-glow .sf-product-card,.template-beauty-glow .sf-feature-card{border-color:color-mix(in srgb,var(--sf-primary) 18%,transparent);box-shadow:0 18px 50px rgba(183,110,121,.12)}.template-beauty-glow .sf-category-icon{border-radius:50%}
.template-food-market .sf-hero{background:radial-gradient(circle at 80% 10%,rgba(132,204,22,.24),transparent 28%),linear-gradient(135deg,#422006,#ea580c)}.template-food-market .sf-product-image{aspect-ratio:1/1}.template-food-market .sf-category-card{background:color-mix(in srgb,var(--sf-accent) 8%,var(--sf-surface))}
.template-furniture-living .sf-hero{background:linear-gradient(100deg,rgba(37,35,31,.95),rgba(124,111,91,.7))}.template-furniture-living .sf-hero h1{max-width:850px;font-weight:700}.template-furniture-living .sf-product-card{border:0}.template-furniture-living .sf-product-image{aspect-ratio:5/6;border-radius:2px}.template-furniture-living .sf-section-heading h2{font-weight:700}
.template-health-trust .sf-hero{background:radial-gradient(circle at 78% 25%,rgba(56,189,248,.24),transparent 26%),linear-gradient(135deg,#0f2f2d,#0f766e)}.template-health-trust .sf-feature-card,.template-health-trust .sf-service-card{border-top:4px solid var(--sf-primary)}.template-health-trust .sf-product-card{box-shadow:0 12px 34px rgba(15,118,110,.08)}
.template-services-professional .sf-hero{background:radial-gradient(circle at 78% 28%,rgba(245,158,11,.22),transparent 25%),linear-gradient(135deg,#0f172a,#0f766e)}.template-services-professional .sf-service-card{padding:1.75rem;transition:.25s}.template-services-professional .sf-service-card:hover{transform:translateY(-7px);border-color:var(--sf-primary);box-shadow:0 24px 60px rgba(15,118,110,.14)}.template-services-professional .sf-step-badge{background:var(--sf-accent);color:#111827}.template-services-professional .sf-price-card.featured{transform:translateY(-10px);box-shadow:0 24px 65px rgba(15,23,42,.13)}
/* Storefront tracking consent */
.sf-tracking-consent{position:fixed;inset:auto 0 0;z-index:1200;padding:18px;pointer-events:none}
.sf-tracking-consent-card{width:min(100%,980px);margin-inline:auto;display:flex;align-items:center;justify-content:space-between;gap:1.25rem;padding:1rem 1.1rem;border:1px solid color-mix(in srgb,var(--sf-text) 12%,transparent);border-radius:calc(var(--sf-radius)*.9);background:color-mix(in srgb,var(--sf-surface) 96%,transparent);box-shadow:0 24px 70px rgba(15,23,42,.2);backdrop-filter:blur(18px);pointer-events:auto}
.sf-tracking-consent-copy{display:flex;align-items:center;gap:.9rem}.sf-tracking-consent-copy strong{display:block;font:850 1rem var(--sf-heading)}.sf-tracking-consent-copy p{margin:.2rem 0 0;color:var(--sf-muted);font-size:.84rem}.sf-tracking-consent-icon{width:44px;height:44px;display:grid;place-items:center;flex:none;border-radius:50%;background:color-mix(in srgb,var(--sf-primary) 12%,transparent);color:var(--sf-primary);font-size:1.2rem}.sf-tracking-consent-actions{display:flex;gap:.55rem;flex:none}.sf-tracking-consent-actions .sf-btn{min-height:42px;padding:.55rem .95rem}.sf-tracking-consent-actions .sf-btn-outline{color:var(--sf-text);border-color:color-mix(in srgb,var(--sf-text) 20%,transparent)}
@media(max-width:680px){.sf-tracking-consent{padding:10px}.sf-tracking-consent-card{align-items:stretch;flex-direction:column}.sf-tracking-consent-actions{display:grid;grid-template-columns:1fr 1fr}.sf-tracking-consent-actions .sf-btn{width:100%}}
/* Per-section typography controls */
.sf-typography-section{font-family:var(--section-body-font,var(--sf-font));text-align:var(--section-text-align,inherit)}
.sf-typography-section .sf-section-heading,.sf-typography-section .sf-hero-copy,.sf-typography-section .sf-richtext,.sf-typography-section .sf-contact-card,.sf-typography-section .sf-newsletter>div{text-align:var(--section-text-align,inherit)}
.sf-typography-section h1,.sf-typography-section h2,.sf-typography-section .sf-section-title{font-family:var(--section-heading-font,var(--sf-heading));font-size:var(--section-title-size,clamp(1.55rem,3vw,2.5rem));font-weight:var(--section-heading-weight,800);line-height:1.2}
.sf-typography-section .eyebrow,.sf-typography-section .sf-eyebrow,.sf-typography-section .sf-section-heading .eyebrow{font-family:var(--section-heading-font,var(--sf-heading));font-size:var(--section-subtitle-size,.78rem)}
.sf-typography-section p,.sf-typography-section .sf-preline,.sf-typography-section .sf-description{font-family:var(--section-body-font,var(--sf-font));font-size:var(--section-body-size,1rem)}
@media(max-width:560px){.sf-typography-section h1,.sf-typography-section h2,.sf-typography-section .sf-section-title{font-size:var(--section-mobile-title-size,clamp(1.85rem,10vw,3.2rem))}.sf-typography-section p,.sf-typography-section .sf-preline,.sf-typography-section .sf-description{font-size:var(--section-mobile-body-size,.94rem)}}
/* Mobile template consistency */
@media(max-width:560px){
body.storefront-shell{overflow-x:hidden}.sf-main{overflow:hidden}.sf-section-inner,.sf-hero-content{max-width:100%}.sf-hero{min-height:auto;padding-block:64px}.sf-hero-content{min-height:390px}.sf-hero-visual{display:block;order:-1}.sf-hero-visual img{width:100%;max-height:260px}.sf-hero-copy{text-align:right}.sf-hero h1{overflow-wrap:anywhere;letter-spacing:-.02em}.sf-content-split>*{min-width:0}.sf-promo{padding:1.15rem}.sf-feature-card,.sf-service-card,.sf-stat-card,.sf-testimonial-card,.sf-price-card{padding:1.1rem}.sf-product-image{aspect-ratio:4/5}.sf-product-card:hover{transform:none}.template-sports-motion .sf-hero{clip-path:none}.template-kids-play .sf-product-card,.template-kids-play .sf-feature-card{transform:none}.template-jewelry-luxe .sf-navbar{background:#181713}.sf-section-heading .sf-link-arrow{font-size:.78rem}.sf-image-grid{grid-template-columns:1fr 1fr}.sf-image-card{min-height:160px}.sf-price-card.featured{transform:none}.sf-footer{padding-bottom:80px}
}
@media(max-width:390px){.sf-product-grid{grid-template-columns:1fr}.sf-category-grid,.sf-image-grid{grid-template-columns:1fr}.sf-hero-content{min-height:340px}.sf-hero h1{font-size:min(var(--section-mobile-title-size,2.25rem),2.45rem)}.sf-section{padding-inline:0}.sf-product-image{aspect-ratio:5/4}.sf-product-card .sf-btn{font-size:.86rem}}
/* =========================================================
Storefront V3 — unified premium commerce experience
========================================================= */
:root {
--sf-border: color-mix(in srgb, var(--sf-text) 10%, transparent);
--sf-soft: color-mix(in srgb, var(--sf-primary) 7%, var(--sf-surface));
--sf-shadow-sm: 0 8px 24px rgba(15, 23, 42, .06);
--sf-shadow-md: 0 18px 50px rgba(15, 23, 42, .10);
--sf-shadow-lg: 0 28px 90px rgba(15, 23, 42, .16);
--sf-safe-bottom: env(safe-area-inset-bottom, 0px);
}
html { scroll-padding-top: 130px; }
body.storefront-shell { overflow-x: clip; }
body.sf-overlay-open { overflow: hidden; }
.sf-hidden-token { display: none !important; }
.sf-main { isolation: isolate; }
.sf-container { width: min(calc(100% - 40px), var(--sf-container)); }
.sf-btn { position: relative; overflow: hidden; }
.sf-btn::after { content: ""; position: absolute; inset: 0; background: linear-gradient(115deg, transparent 25%, rgba(255,255,255,.28), transparent 70%); transform: translateX(130%); transition: transform .55s ease; }
.sf-btn:hover::after { transform: translateX(-130%); }
.sf-btn-ghost { color: var(--sf-text); background: transparent; border-color: var(--sf-border); }
.sf-btn-whatsapp { width: 100%; margin-top: auto; background: #16a34a; color: #fff; }
/* Header */
.sf-header { box-shadow: 0 1px 0 var(--sf-border); }
.sf-topline-note { display: inline-flex; align-items: center; gap: .45rem; opacity: .9; }
.sf-navbar { min-height: 88px; grid-template-columns: minmax(180px, 1fr) auto minmax(260px, 1fr); }
.sf-brand-copy { display: flex; flex-direction: column; line-height: 1.25; }
.sf-brand-copy small { color: var(--sf-muted); font-size: .68rem; font-weight: 650; margin-top: .22rem; }
.sf-nav { gap: 1.6rem; }
.sf-nav a { font-size: .9rem; }
.sf-header-action { position: relative; min-width: 54px; min-height: 50px; display: inline-flex; flex-direction: column; align-items: center; justify-content: center; gap: .12rem; color: var(--sf-text); border: 0; background: transparent; cursor: pointer; border-radius: calc(var(--sf-radius) * .65); transition: .2s ease; }
.sf-header-action i { font-size: 1.2rem; }
.sf-header-action span { font-size: .62rem; font-weight: 800; }
.sf-header-action:hover { color: var(--sf-primary); background: color-mix(in srgb, var(--sf-primary) 8%, transparent); }
.sf-action-count { position: absolute; top: 2px; left: 4px; min-width: 18px; height: 18px; padding: 0 4px; display: grid; place-items: center; border-radius: 999px; background: var(--sf-primary); color: #fff; font-size: .62rem; font-weight: 900; box-shadow: 0 0 0 2px var(--sf-surface); }
.sf-category-nav { border-top: 1px solid var(--sf-border); background: color-mix(in srgb, var(--sf-surface) 97%, var(--sf-primary)); }
.sf-category-nav-inner { display: flex; align-items: center; min-height: 47px; }
.sf-category-nav-all { display: inline-flex; align-items: center; gap: .45rem; padding-inline-end: 1.25rem; margin-inline-end: 1.25rem; border-inline-end: 1px solid var(--sf-border); color: var(--sf-primary); font-weight: 900; white-space: nowrap; }
.sf-category-nav-scroll { min-width: 0; display: flex; align-items: center; gap: 1.35rem; overflow-x: auto; scrollbar-width: none; }
.sf-category-nav-scroll::-webkit-scrollbar { display: none; }
.sf-category-nav-scroll a { flex: none; color: var(--sf-muted); font-size: .82rem; font-weight: 750; transition: .2s; }
.sf-category-nav-scroll a:hover { color: var(--sf-primary); }
/* Drawers and overlays */
.sf-mobile-drawer,
.sf-side-drawer,
.sf-search-overlay { position: fixed; inset: 0; z-index: 1100; visibility: hidden; pointer-events: none; }
.sf-mobile-drawer.open,
.sf-side-drawer.open,
.sf-search-overlay.open { visibility: visible; pointer-events: auto; }
.sf-drawer-backdrop,
.sf-search-backdrop { position: absolute; inset: 0; border: 0; background: rgba(15, 23, 42, .54); opacity: 0; backdrop-filter: blur(3px); transition: opacity .25s ease; }
.open > .sf-drawer-backdrop,
.open > .sf-search-backdrop { opacity: 1; }
.sf-mobile-drawer-panel,
.sf-side-drawer-panel { position: absolute; top: 0; bottom: 0; width: min(91vw, 420px); background: var(--sf-surface); box-shadow: var(--sf-shadow-lg); transition: transform .3s cubic-bezier(.22,.8,.22,1); overflow: hidden; }
.sf-mobile-drawer-panel { right: 0; transform: translateX(105%); display: flex; flex-direction: column; padding: 1rem; }
.sf-mobile-drawer.open .sf-mobile-drawer-panel { transform: translateX(0); }
.sf-side-drawer-panel { left: 0; transform: translateX(-105%); display: grid; grid-template-rows: auto 1fr auto; }
.sf-side-drawer.open .sf-side-drawer-panel { transform: translateX(0); }
.sf-drawer-head,
.sf-side-drawer-head { display: flex; align-items: center; justify-content: space-between; gap: 1rem; padding: .75rem .25rem 1rem; border-bottom: 1px solid var(--sf-border); }
.sf-drawer-head > button,
.sf-side-drawer-head > button { width: 42px; height: 42px; display: grid; place-items: center; border: 1px solid var(--sf-border); border-radius: 50%; background: var(--sf-surface); color: var(--sf-text); cursor: pointer; }
.sf-side-drawer-head { padding: 1.15rem 1.25rem; }
.sf-side-drawer-head span { display: block; font: 900 1.2rem var(--sf-heading); }
.sf-side-drawer-head small { display: block; margin-top: .18rem; color: var(--sf-muted); }
.sf-mobile-links { display: grid; gap: .35rem; padding-block: 1rem; }
.sf-mobile-links a { display: grid; grid-template-columns: 36px 1fr auto; align-items: center; gap: .6rem; min-height: 52px; padding: .55rem .65rem; border-radius: 14px; font-weight: 800; }
.sf-mobile-links a:hover { background: var(--sf-soft); color: var(--sf-primary); }
.sf-mobile-links a > i:first-child { width: 36px; height: 36px; display: grid; place-items: center; border-radius: 12px; background: var(--sf-soft); color: var(--sf-primary); }
.sf-mobile-categories { padding: 1rem 0; border-top: 1px solid var(--sf-border); overflow-y: auto; }
.sf-mobile-categories h3 { margin: 0 0 .7rem; font: 900 1rem var(--sf-heading); }
.sf-mobile-categories a { display: inline-flex; margin: 0 0 .45rem .35rem; padding: .48rem .75rem; border: 1px solid var(--sf-border); border-radius: 999px; color: var(--sf-muted); font-size: .78rem; font-weight: 750; }
.sf-search-dialog { position: relative; width: min(calc(100% - 32px), 780px); margin: clamp(80px, 12vh, 150px) auto 0; padding: 1.25rem; border-radius: calc(var(--sf-radius) * 1.15); background: var(--sf-surface); box-shadow: var(--sf-shadow-lg); opacity: 0; transform: translateY(-24px) scale(.98); transition: .25s ease; }
.sf-search-overlay.open .sf-search-dialog { opacity: 1; transform: none; }
.sf-search-dialog-head { display: flex; align-items: center; justify-content: space-between; gap: 1rem; margin-bottom: 1rem; }
.sf-search-dialog-head span { display: inline-flex; align-items: center; gap: .55rem; font: 900 1.05rem var(--sf-heading); }
.sf-search-dialog-head button { border: 0; background: transparent; color: var(--sf-muted); font-size: 1.25rem; cursor: pointer; }
.sf-search-dialog form { display: grid; grid-template-columns: 1fr auto; gap: .65rem; }
.sf-search-dialog input { width: 100%; min-height: 58px; padding: .75rem 1rem; border: 1px solid var(--sf-border); border-radius: calc(var(--sf-radius) * .75); background: var(--sf-bg); color: var(--sf-text); outline: 0; }
.sf-search-dialog input:focus { border-color: var(--sf-primary); box-shadow: 0 0 0 4px color-mix(in srgb, var(--sf-primary) 12%, transparent); }
.sf-search-suggestions { display: flex; flex-wrap: wrap; align-items: center; gap: .45rem; margin-top: 1rem; color: var(--sf-muted); font-size: .76rem; }
.sf-search-suggestions a { padding: .35rem .65rem; border-radius: 999px; background: var(--sf-soft); color: var(--sf-primary); font-weight: 800; }
/* Product card */
.sf-product-grid { align-items: stretch; }
.sf-product-card { display: flex; flex-direction: column; min-width: 0; overflow: hidden; }
.sf-product-media { position: relative; overflow: hidden; }
.sf-product-image { aspect-ratio: 4 / 5; }
.sf-product-image-primary,
.sf-product-image-secondary { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; transition: opacity .4s ease, transform .55s ease; }
.sf-product-image-secondary { opacity: 0; }
.sf-product-card:hover .sf-product-image-primary { opacity: 0; }
.sf-product-card:hover .sf-product-image-secondary { opacity: 1; transform: scale(1.035); }
.sf-product-badges { position: absolute; top: .75rem; right: .75rem; z-index: 4; display: flex; flex-direction: column; align-items: flex-start; gap: .35rem; pointer-events: none; }
.sf-product-badge { position: static; display: inline-flex; align-items: center; min-height: 26px; padding: .25rem .55rem; border-radius: 8px; font-size: .65rem; font-weight: 900; }
.sf-product-badge.discount { background: #ef4444; color: #fff; }
.sf-product-badge.featured { background: var(--sf-secondary); color: #fff; }
.sf-product-badge.sold { background: rgba(15, 23, 42, .82); color: #fff; }
.sf-wishlist-button { position: absolute; top: .75rem; left: .75rem; z-index: 5; width: 38px; height: 38px; display: grid; place-items: center; border: 1px solid rgba(255,255,255,.62); border-radius: 50%; background: rgba(255,255,255,.9); color: #111827; box-shadow: 0 8px 22px rgba(15,23,42,.12); cursor: pointer; transition: .2s ease; }
.sf-wishlist-button:hover,
.sf-wishlist-button.active { color: #e11d48; transform: scale(1.06); }
.sf-wishlist-button.active i::before { content: "\f415"; }
.sf-product-hover-actions { position: absolute; left: 50%; bottom: .9rem; z-index: 5; display: flex; align-items: center; gap: .45rem; opacity: 0; transform: translate(-50%, 14px); transition: .25s ease; }
.sf-product-card:hover .sf-product-hover-actions { opacity: 1; transform: translate(-50%, 0); }
.sf-product-round-action { width: 42px; height: 42px; display: grid; place-items: center; border: 0; border-radius: 50%; background: var(--sf-surface); color: var(--sf-text); box-shadow: var(--sf-shadow-sm); cursor: pointer; }
.sf-product-round-action:hover { color: #fff; background: var(--sf-primary); }
.sf-product-body { display: flex; flex-direction: column; flex: 1; padding: .95rem 1rem 1.05rem; }
.sf-product-meta { display: flex; align-items: center; justify-content: space-between; gap: .5rem; }
.sf-product-stock { display: inline-flex; align-items: center; gap: .25rem; font-size: .62rem; font-weight: 800; }
.sf-product-stock i { font-size: .38rem; }
.sf-product-stock.available { color: #16a34a; }
.sf-product-stock.unavailable { color: #dc2626; }
.sf-product-title { min-height: 3em; margin: .38rem 0 .35rem; font-size: .94rem; }
.sf-product-title a { display: -webkit-box; overflow: hidden; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.sf-product-rating { display: flex; align-items: center; gap: .45rem; min-height: 22px; color: var(--sf-muted); }
.sf-product-rating span { display: flex; gap: .1rem; color: #f59e0b; font-size: .7rem; }
.sf-product-rating small { font-size: .66rem; }
.sf-product-price-row { display: flex; align-items: end; justify-content: space-between; gap: .6rem; margin-top: auto; padding-top: .65rem; }
.sf-product-price { display: flex; flex-wrap: wrap; align-items: baseline; gap: .42rem; margin: 0; }
.sf-product-price strong { font-size: 1.05rem; }
.sf-product-price strong small { font-size: .68rem; }
.sf-product-mobile-add { flex: none; width: 38px; height: 38px; display: grid; place-items: center; border: 0; border-radius: 50%; background: var(--sf-primary); color: #fff; cursor: pointer; }
.sf-product-mobile-add button { width: 100%; height: 100%; border: 0; border-radius: inherit; background: inherit; color: inherit; cursor: pointer; }
.sf-cards-minimal .sf-product-card { box-shadow: none; }
.sf-cards-minimal .sf-product-body { padding-inline: 0; }
.sf-cards-bordered .sf-product-card { box-shadow: none; border-width: 1.5px; }
.sf-cards-luxury .sf-product-card { background: color-mix(in srgb, var(--sf-surface) 94%, var(--sf-accent)); }
/* Catalog */
.sf-catalog-page { padding: 24px 0 80px; }
.sf-catalog-breadcrumb { margin-bottom: 1.2rem; }
.sf-catalog-header { display: grid; grid-template-columns: 1fr minmax(300px, 460px); align-items: end; gap: 2rem; padding: clamp(1.2rem, 3vw, 2rem); margin-bottom: 1rem; border: 1px solid var(--sf-border); border-radius: calc(var(--sf-radius) * 1.2); background: linear-gradient(135deg, var(--sf-surface), color-mix(in srgb, var(--sf-primary) 6%, var(--sf-surface))); }
.sf-catalog-header h1 { margin: .2rem 0; font: 950 clamp(1.8rem, 4vw, 3.2rem)/1.2 var(--sf-heading); }
.sf-catalog-header p { margin: .35rem 0 0; color: var(--sf-muted); }
.sf-catalog-search { display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: .55rem; min-height: 58px; padding: .35rem .45rem .35rem .75rem; border: 1px solid var(--sf-border); border-radius: calc(var(--sf-radius) * .75); background: var(--sf-surface); }
.sf-catalog-search input { min-width: 0; border: 0; outline: 0; background: transparent; color: var(--sf-text); }
.sf-catalog-search button { border: 0; border-radius: calc(var(--sf-radius) * .55); background: var(--sf-primary); color: #fff; padding: .65rem .9rem; font-weight: 850; cursor: pointer; }
.sf-catalog-toolbar { display: flex; align-items: center; gap: .8rem; min-height: 66px; margin-bottom: 1.2rem; padding: .65rem .8rem; border: 1px solid var(--sf-border); border-radius: var(--sf-radius); background: var(--sf-surface); }
.sf-filter-open { display: none; align-items: center; gap: .45rem; border: 0; background: var(--sf-soft); color: var(--sf-primary); border-radius: 12px; padding: .65rem .8rem; font-weight: 850; }
.sf-filter-open span { min-width: 22px; height: 22px; display: grid; place-items: center; border-radius: 999px; background: var(--sf-primary); color: #fff; font-size: .65rem; }
.sf-catalog-results { display: flex; align-items: baseline; gap: .3rem; color: var(--sf-muted); }
.sf-catalog-results strong { color: var(--sf-text); }
.sf-grid-switch { display: flex; align-items: center; gap: .25rem; margin-inline-start: auto; }
.sf-grid-switch button { width: 38px; height: 38px; display: grid; place-items: center; border: 1px solid var(--sf-border); border-radius: 10px; background: var(--sf-surface); color: var(--sf-muted); cursor: pointer; }
.sf-grid-switch button.active { color: #fff; border-color: var(--sf-primary); background: var(--sf-primary); }
.sf-sort-form { display: flex; align-items: center; gap: .4rem; color: var(--sf-muted); font-size: .78rem; }
.sf-sort-form select { min-height: 40px; border: 1px solid var(--sf-border); border-radius: 10px; background: var(--sf-surface); color: var(--sf-text); padding: 0 .7rem; }
.sf-catalog-layout { display: grid; grid-template-columns: 270px minmax(0, 1fr); align-items: start; gap: 1.3rem; }
.sf-filter-panel { position: sticky; top: 140px; display: grid; gap: 0; padding: 1rem; border: 1px solid var(--sf-border); border-radius: var(--sf-radius); background: var(--sf-surface); box-shadow: var(--sf-shadow-sm); }
.sf-filter-backdrop { display: none; }
.sf-filter-head { display: flex; justify-content: space-between; gap: 1rem; padding-bottom: .8rem; border-bottom: 1px solid var(--sf-border); }
.sf-filter-head strong { display: block; font: 900 1rem var(--sf-heading); }
.sf-filter-head small { color: var(--sf-muted); }
.sf-filter-head button { display: none; border: 0; background: transparent; font-size: 1.15rem; }
.sf-filter-group { display: grid; gap: .6rem; padding: 1rem 0; border-bottom: 1px solid var(--sf-border); }
.sf-filter-group h3 { margin: 0 0 .2rem; font: 850 .86rem var(--sf-heading); }
.sf-filter-radio { display: flex; align-items: center; gap: .55rem; color: var(--sf-muted); font-size: .8rem; cursor: pointer; }
.sf-filter-radio input { accent-color: var(--sf-primary); }
.sf-price-inputs { display: grid; grid-template-columns: 1fr 1fr; gap: .5rem; }
.sf-price-inputs label { display: grid; gap: .3rem; color: var(--sf-muted); font-size: .7rem; }
.sf-price-inputs input { min-width: 0; min-height: 42px; padding: .5rem .6rem; border: 1px solid var(--sf-border); border-radius: 10px; background: var(--sf-bg); color: var(--sf-text); }
.sf-filter-check { display: flex; align-items: center; gap: .6rem; cursor: pointer; }
.sf-filter-check input { position: absolute; opacity: 0; }
.sf-filter-check span { width: 22px; height: 22px; display: grid; place-items: center; border: 1px solid var(--sf-border); border-radius: 6px; color: transparent; }
.sf-filter-check input:checked + span { background: var(--sf-primary); border-color: var(--sf-primary); color: #fff; }
.sf-filter-check b { font-size: .8rem; }
.sf-filter-submit { margin-top: 1rem; }
.sf-filter-reset { display: block; margin-top: .65rem; text-align: center; color: var(--sf-muted); font-size: .76rem; text-decoration: underline; }
.sf-catalog-content { min-width: 0; }
.sf-catalog-content .sf-product-grid.list-mode { grid-template-columns: 1fr; }
.sf-catalog-content .sf-product-grid.list-mode .sf-product-card { display: grid; grid-template-columns: 190px 1fr; }
.sf-catalog-content .sf-product-grid.list-mode .sf-product-image { aspect-ratio: 1 / 1; height: 100%; }
.sf-catalog-content .sf-product-grid.list-mode .sf-product-body { justify-content: center; }
.sf-pagination { display: flex; align-items: center; justify-content: center; gap: .4rem; margin-top: 2.2rem; }
.sf-pagination a { min-width: 42px; height: 42px; display: grid; place-items: center; border: 1px solid var(--sf-border); border-radius: 12px; background: var(--sf-surface); font-weight: 850; }
.sf-pagination a.active { color: #fff; border-color: var(--sf-primary); background: var(--sf-primary); }
.sf-pagination a.disabled { opacity: .35; pointer-events: none; }
.sf-empty { min-height: 360px; display: grid; place-items: center; align-content: center; gap: .55rem; text-align: center; border: 1px dashed color-mix(in srgb, var(--sf-primary) 30%, var(--sf-border)); border-radius: var(--sf-radius); background: var(--sf-surface); }
.sf-empty > span { width: 74px; height: 74px; display: grid; place-items: center; border-radius: 50%; background: var(--sf-soft); color: var(--sf-primary); font-size: 1.7rem; }
.sf-empty h3 { margin: .4rem 0 0; font: 900 1.35rem var(--sf-heading); }
.sf-empty p { margin: 0 0 .6rem; color: var(--sf-muted); }
/* Product details */
.sf-product-page { padding: 24px 0 80px; }
.sf-product-detail-layout { display: grid; grid-template-columns: minmax(0, 1.12fr) minmax(360px, .88fr); align-items: start; gap: clamp(1.5rem, 4vw, 4.5rem); }
.sf-product-gallery { position: sticky; top: 142px; min-width: 0; }
.sf-product-main-media { position: relative; overflow: hidden; aspect-ratio: 4 / 4.7; border-radius: calc(var(--sf-radius) * 1.15); background: #eef2f7; }
.sf-product-main-media > img { width: 100%; height: 100%; object-fit: cover; transition: opacity .2s ease; }
.sf-product-zoom,
.sf-gallery-nav { position: absolute; z-index: 4; width: 42px; height: 42px; display: grid; place-items: center; border: 1px solid rgba(255,255,255,.6); border-radius: 50%; background: rgba(255,255,255,.9); color: #111827; box-shadow: var(--sf-shadow-sm); cursor: pointer; }
.sf-product-zoom { top: 1rem; left: 1rem; }
.sf-gallery-nav { top: 50%; transform: translateY(-50%); opacity: 0; transition: .2s; }
.sf-product-main-media:hover .sf-gallery-nav { opacity: 1; }
.sf-gallery-nav.prev { right: 1rem; }
.sf-gallery-nav.next { left: 1rem; }
.sf-detail-discount { position: absolute; z-index: 3; top: 1rem; right: 1rem; padding: .5rem .75rem; border-radius: 10px; background: #ef4444; color: #fff; font-weight: 900; }
.sf-gallery-counter { position: absolute; z-index: 3; bottom: 1rem; left: 1rem; padding: .35rem .6rem; border-radius: 999px; background: rgba(15,23,42,.72); color: #fff; font-size: .72rem; }
.sf-product-thumbs { display: flex; gap: .65rem; margin-top: .8rem; overflow-x: auto; padding-bottom: .3rem; scrollbar-width: thin; }
.sf-product-thumb { flex: 0 0 76px; overflow: hidden; aspect-ratio: 1 / 1.15; padding: 0; border: 2px solid transparent; border-radius: 12px; background: #eef2f7; cursor: pointer; }
.sf-product-thumb.active { border-color: var(--sf-primary); }
.sf-product-thumb img { width: 100%; height: 100%; object-fit: cover; }
.sf-product-buy-box { padding-top: .5rem; }
.sf-product-detail-meta { display: flex; flex-wrap: wrap; align-items: center; gap: .65rem 1rem; color: var(--sf-muted); font-size: .76rem; }
.sf-product-detail-meta a { color: var(--sf-primary); font-weight: 850; }
.sf-product-buy-box h1 { margin: .7rem 0; font: 950 clamp(2rem, 4vw, 3.4rem)/1.2 var(--sf-heading); letter-spacing: -.025em; }
.sf-product-detail-status { display: flex; flex-wrap: wrap; gap: .6rem; margin-bottom: .75rem; }
.sf-stock-indicator,
.sf-new-product { display: inline-flex; align-items: center; gap: .35rem; padding: .35rem .65rem; border-radius: 999px; font-size: .7rem; font-weight: 850; }
.sf-stock-indicator.available { background: #ecfdf3; color: #15803d; }
.sf-stock-indicator.unavailable { background: #fef2f2; color: #dc2626; }
.sf-stock-indicator i { font-size: .4rem; }
.sf-new-product { background: var(--sf-soft); color: var(--sf-primary); }
.sf-detail-price { display: flex; flex-wrap: wrap; align-items: baseline; gap: .7rem; margin: 1rem 0; }
.sf-detail-price strong { color: var(--sf-primary); font: 950 1.85rem var(--sf-heading); }
.sf-detail-price strong small { font-size: .85rem; }
.sf-detail-price del { color: var(--sf-muted); }
.sf-detail-price > span { padding: .28rem .55rem; border-radius: 8px; background: #fef2f2; color: #dc2626; font-size: .7rem; font-weight: 850; }
.sf-product-short-description { margin: 0 0 1.25rem; color: var(--sf-muted); line-height: 1.9; }
.sf-purchase-form { display: grid; gap: 1.1rem; }
.sf-variant-fieldset { margin: 0; padding: 0; border: 0; }
.sf-variant-fieldset legend { width: 100%; display: flex; align-items: center; justify-content: space-between; gap: .75rem; margin-bottom: .65rem; }
.sf-variant-fieldset legend span { font-weight: 900; }
.sf-variant-fieldset legend small { color: var(--sf-muted); }
.sf-variant-options { display: flex; flex-wrap: wrap; gap: .55rem; }
.sf-variant-chip { position: relative; cursor: pointer; }
.sf-variant-chip input { position: absolute; opacity: 0; }
.sf-variant-chip span { min-width: 92px; min-height: 58px; display: grid; align-content: center; gap: .15rem; padding: .55rem .75rem; border: 1px solid var(--sf-border); border-radius: 12px; background: var(--sf-surface); text-align: center; transition: .2s; }
.sf-variant-chip b { font-size: .78rem; }
.sf-variant-chip small { color: var(--sf-muted); font-size: .65rem; }
.sf-variant-chip em { color: #dc2626; font-style: normal; font-size: .6rem; }
.sf-variant-chip input:checked + span { border-color: var(--sf-primary); color: var(--sf-primary); box-shadow: 0 0 0 3px color-mix(in srgb, var(--sf-primary) 12%, transparent); }
.sf-variant-chip.disabled { opacity: .45; cursor: not-allowed; }
.sf-purchase-actions { display: grid; grid-template-columns: 116px minmax(0, 1fr) 52px; gap: .65rem; }
.sf-quantity-stepper { display: grid; grid-template-columns: 36px 1fr 36px; align-items: center; min-height: 52px; border: 1px solid var(--sf-border); border-radius: calc(var(--sf-radius) * .65); background: var(--sf-surface); }
.sf-quantity-stepper button { height: 100%; border: 0; background: transparent; color: var(--sf-text); cursor: pointer; }
.sf-quantity-stepper input { min-width: 0; width: 100%; border: 0; outline: 0; background: transparent; color: var(--sf-text); text-align: center; font-weight: 900; appearance: textfield; }
.sf-quantity-stepper input::-webkit-inner-spin-button { display: none; }
.sf-add-to-cart { min-height: 54px; font-size: .95rem; }
.sf-add-to-cart:disabled { opacity: .45; cursor: not-allowed; transform: none; }
.sf-detail-wishlist { width: 52px; min-height: 52px; display: grid; place-items: center; border: 1px solid var(--sf-border); border-radius: calc(var(--sf-radius) * .65); background: var(--sf-surface); color: var(--sf-text); font-size: 1.15rem; cursor: pointer; }
.sf-detail-wishlist.active { color: #e11d48; border-color: color-mix(in srgb, #e11d48 35%, var(--sf-border)); background: #fff1f2; }
.sf-buy-now-note { display: flex; align-items: center; gap: .75rem; margin-top: 1rem; padding: .85rem 1rem; border-radius: 14px; background: color-mix(in srgb, var(--sf-primary) 8%, var(--sf-surface)); }
.sf-buy-now-note > i { width: 42px; height: 42px; display: grid; place-items: center; border-radius: 12px; background: var(--sf-primary); color: #fff; font-size: 1.15rem; }
.sf-buy-now-note strong,
.sf-buy-now-note span { display: block; }
.sf-buy-now-note span { color: var(--sf-muted); font-size: .74rem; }
.sf-product-trust-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: .55rem; margin-top: 1rem; }
.sf-product-trust-grid > div { display: flex; align-items: center; gap: .55rem; padding: .72rem; border: 1px solid var(--sf-border); border-radius: 12px; background: var(--sf-surface); }
.sf-product-trust-grid i { color: var(--sf-primary); font-size: 1.05rem; }
.sf-product-trust-grid strong,
.sf-product-trust-grid small { display: block; }
.sf-product-trust-grid strong { font-size: .72rem; }
.sf-product-trust-grid small { color: var(--sf-muted); font-size: .6rem; }
.sf-product-share { display: flex; flex-wrap: wrap; align-items: center; gap: .5rem; margin-top: 1.15rem; padding-top: 1rem; border-top: 1px solid var(--sf-border); color: var(--sf-muted); font-size: .72rem; }
.sf-product-share button,
.sf-product-share a { display: inline-flex; align-items: center; gap: .35rem; padding: .38rem .65rem; border: 1px solid var(--sf-border); border-radius: 999px; background: transparent; color: var(--sf-text); font-size: .7rem; cursor: pointer; }
.sf-product-information { margin-top: 4rem; border: 1px solid var(--sf-border); border-radius: calc(var(--sf-radius) * 1.1); background: var(--sf-surface); overflow: hidden; }
.sf-product-tabs { display: flex; align-items: center; gap: .25rem; padding: .7rem; border-bottom: 1px solid var(--sf-border); overflow-x: auto; }
.sf-product-tabs button { flex: none; min-height: 44px; padding: .55rem 1rem; border: 0; border-radius: 10px; background: transparent; color: var(--sf-muted); font-weight: 850; cursor: pointer; }
.sf-product-tabs button.active { background: var(--sf-soft); color: var(--sf-primary); }
.sf-product-tab-panel { display: none; padding: clamp(1.2rem, 3vw, 2rem); }
.sf-product-tab-panel.active { display: block; }
.sf-product-tab-panel h2 { margin: 0 0 1rem; font: 900 1.3rem var(--sf-heading); }
.sf-product-description-full { color: var(--sf-muted); white-space: pre-line; line-height: 2; }
.sf-info-cards { display: grid; grid-template-columns: 1fr 1fr; gap: .8rem; }
.sf-info-cards article { display: flex; gap: .75rem; padding: 1rem; border: 1px solid var(--sf-border); border-radius: 14px; }
.sf-info-cards i { color: var(--sf-primary); font-size: 1.25rem; }
.sf-info-cards strong { display: block; }
.sf-info-cards p { margin: .3rem 0 0; color: var(--sf-muted); }
.sf-related-products { padding-top: 4rem; }
.sf-product-lightbox { position: fixed; inset: 0; z-index: 1300; display: grid; place-items: center; padding: 2rem; background: rgba(2,6,23,.88); opacity: 0; visibility: hidden; transition: .25s; }
.sf-product-lightbox.open { opacity: 1; visibility: visible; }
.sf-product-lightbox img { max-width: min(90vw, 1100px); max-height: 90vh; object-fit: contain; }
.sf-product-lightbox button { position: absolute; top: 1.2rem; left: 1.2rem; width: 46px; height: 46px; display: grid; place-items: center; border: 0; border-radius: 50%; background: #fff; color: #111827; font-size: 1.2rem; cursor: pointer; }
.sf-mobile-product-bar { display: none; }
/* Mini cart and wishlist */
.sf-mini-cart-items,
.sf-wishlist-items { min-height: 0; overflow-y: auto; padding: .8rem 1rem; }
.sf-mini-cart-item,
.sf-wishlist-item { display: grid; grid-template-columns: 72px 1fr auto; gap: .7rem; align-items: center; padding: .75rem 0; border-bottom: 1px solid var(--sf-border); }
.sf-mini-cart-item img,
.sf-wishlist-item img { width: 72px; height: 82px; object-fit: cover; border-radius: 12px; background: #eef2f7; }
.sf-mini-cart-item strong,
.sf-wishlist-item strong { display: -webkit-box; overflow: hidden; -webkit-line-clamp: 2; -webkit-box-orient: vertical; font: 850 .82rem/1.45 var(--sf-heading); }
.sf-mini-cart-item small,
.sf-wishlist-item small { display: block; margin-top: .2rem; color: var(--sf-muted); font-size: .67rem; }
.sf-mini-cart-item b { display: block; margin-top: .3rem; color: var(--sf-primary); font-size: .78rem; }
.sf-mini-cart-remove,
.sf-wishlist-remove { width: 34px; height: 34px; display: grid; place-items: center; border: 0; border-radius: 50%; background: #fef2f2; color: #dc2626; cursor: pointer; }
.sf-mini-cart-footer { padding: 1rem 1.2rem calc(1rem + var(--sf-safe-bottom)); border-top: 1px solid var(--sf-border); background: var(--sf-surface); }
.sf-mini-cart-footer > div { display: flex; justify-content: space-between; gap: 1rem; margin-bottom: .8rem; }
.sf-mini-cart-footer strong { color: var(--sf-primary); font: 900 1.1rem var(--sf-heading); }
.sf-mini-cart-footer .sf-btn { width: 100%; margin-top: .45rem; }
.sf-drawer-loading,
.sf-drawer-empty { min-height: 260px; display: grid; place-items: center; align-content: center; gap: .5rem; text-align: center; color: var(--sf-muted); }
.sf-drawer-loading i { animation: sf-spin 1s linear infinite; }
.sf-drawer-empty > i { width: 66px; height: 66px; display: grid; place-items: center; border-radius: 50%; background: var(--sf-soft); color: var(--sf-primary); font-size: 1.5rem; }
@keyframes sf-spin { to { transform: rotate(360deg); } }
/* Toasts */
.sf-toast-stack { position: fixed; top: 100px; left: 20px; z-index: 1500; display: grid; gap: .55rem; width: min(calc(100% - 32px), 360px); pointer-events: none; }
.sf-toast { display: grid; grid-template-columns: 38px 1fr auto; align-items: center; gap: .65rem; padding: .75rem .8rem; border: 1px solid var(--sf-border); border-radius: 14px; background: var(--sf-surface); box-shadow: var(--sf-shadow-md); transform: translateX(-120%); opacity: 0; transition: .3s ease; pointer-events: auto; }
.sf-toast.show { transform: none; opacity: 1; }
.sf-toast > i { width: 38px; height: 38px; display: grid; place-items: center; border-radius: 50%; background: #ecfdf3; color: #16a34a; }
.sf-toast.error > i { background: #fef2f2; color: #dc2626; }
.sf-toast strong { display: block; font-size: .82rem; }
.sf-toast small { display: block; color: var(--sf-muted); font-size: .68rem; }
.sf-toast button { border: 0; background: transparent; color: var(--sf-muted); cursor: pointer; }
/* Mobile bottom navigation and service CTA */
.sf-mobile-bottom-nav { display: none; }
.sf-service-sticky-cta { position: fixed; z-index: 950; right: 50%; bottom: 18px; transform: translateX(50%); width: min(calc(100% - 32px), 680px); display: flex; align-items: center; justify-content: space-between; gap: 1rem; padding: .7rem .8rem .7rem 1rem; border: 1px solid var(--sf-border); border-radius: 18px; background: color-mix(in srgb, var(--sf-surface) 94%, transparent); box-shadow: var(--sf-shadow-lg); backdrop-filter: blur(18px); }
.sf-service-sticky-cta small,
.sf-service-sticky-cta strong { display: block; }
.sf-service-sticky-cta small { color: var(--sf-muted); }
/* Section and template refinements */
.sf-section-heading h2 { letter-spacing: -.02em; }
.sf-product-section-grid { position: relative; }
.sf-category-card { min-height: 94px; }
.sf-category-card:hover .sf-category-icon { color: #fff; background: var(--sf-primary); }
.sf-feature-card,
.sf-service-card,
.sf-testimonial-card,
.sf-price-card { box-shadow: var(--sf-shadow-sm); }
.sf-feature-card:hover,
.sf-service-card:hover,
.sf-price-card:hover { border-color: color-mix(in srgb, var(--sf-primary) 40%, var(--sf-border)); transform: translateY(-4px); }
.sf-hero { min-height: clamp(520px, 72vh, 760px); }
.sf-hero-copy p { font-size: clamp(.95rem, 1.4vw, 1.15rem); }
.sf-footer { border-top: 1px solid color-mix(in srgb, #fff 10%, transparent); }
@media (max-width: 1100px) {
.sf-navbar { grid-template-columns: auto 1fr auto; }
.sf-nav { gap: .85rem; }
.sf-header-action { min-width: 46px; }
.sf-header-action span { display: none; }
.sf-product-detail-layout { gap: 2rem; }
.sf-product-trust-grid { grid-template-columns: 1fr; }
.sf-catalog-layout { grid-template-columns: 240px minmax(0, 1fr); }
}
@media (max-width: 900px) {
.sf-container { width: min(calc(100% - 28px), var(--sf-container)); }
.sf-topline-note { display: none; }
.sf-navbar { min-height: 72px; grid-template-columns: 48px 1fr auto; }
.sf-mobile-toggle { display: grid; }
.sf-nav { display: none; }
.sf-brand { justify-self: center; }
.sf-brand img { max-width: 138px; height: 46px; }
.sf-brand-copy small { display: none; }
.sf-header-action { min-width: 42px; min-height: 42px; }
.sf-header-action[data-sf-wishlist-open],
.sf-header-action[href*="Orders"] { display: none; }
.sf-category-nav { display: none; }
.sf-catalog-header { grid-template-columns: 1fr; }
.sf-catalog-layout { display: block; }
.sf-filter-open { display: inline-flex; }
.sf-filter-sidebar { position: fixed; inset: 0; z-index: 1200; visibility: hidden; pointer-events: none; }
.sf-filter-sidebar.open { visibility: visible; pointer-events: auto; }
.sf-filter-backdrop { display: block; position: absolute; inset: 0; border: 0; background: rgba(15,23,42,.55); opacity: 0; transition: .25s; }
.sf-filter-sidebar.open .sf-filter-backdrop { opacity: 1; }
.sf-filter-panel { position: absolute; top: 0; bottom: 0; right: 0; width: min(90vw, 390px); margin: 0; border: 0; border-radius: 0; overflow-y: auto; transform: translateX(105%); transition: transform .28s ease; }
.sf-filter-sidebar.open .sf-filter-panel { transform: translateX(0); }
.sf-filter-head button { display: grid; }
.sf-product-detail-layout { grid-template-columns: 1fr; }
.sf-product-gallery { position: static; }
.sf-product-main-media { aspect-ratio: 4 / 4.3; }
.sf-product-buy-box { padding-top: 0; }
}
@media (max-width: 680px) {
body.storefront-shell { padding-bottom: calc(72px + var(--sf-safe-bottom)); }
.sf-container { width: min(calc(100% - 20px), var(--sf-container)); }
.sf-topline { display: none; }
.sf-preview-bar span { display: none; }
.sf-navbar { padding-inline: 0; }
.sf-nav-actions { gap: .1rem; }
.sf-header-action[data-sf-search-open] { display: none; }
.sf-header-action { min-width: 40px; }
.sf-search-dialog { margin-top: 18px; width: calc(100% - 20px); }
.sf-search-dialog form { grid-template-columns: 1fr; }
.sf-search-dialog input { min-height: 54px; }
.sf-mobile-bottom-nav { position: fixed; right: 8px; left: 8px; bottom: calc(8px + var(--sf-safe-bottom)); z-index: 1000; display: grid; grid-template-columns: repeat(4, 1fr); min-height: 62px; padding: .35rem; border: 1px solid var(--sf-border); border-radius: 18px; background: color-mix(in srgb, var(--sf-surface) 94%, transparent); box-shadow: var(--sf-shadow-lg); backdrop-filter: blur(18px); }
.sf-mobile-bottom-nav a,
.sf-mobile-bottom-nav button { position: relative; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: .1rem; border: 0; border-radius: 12px; background: transparent; color: var(--sf-muted); font: inherit; cursor: pointer; }
.sf-mobile-bottom-nav i { font-size: 1.1rem; }
.sf-mobile-bottom-nav span { font-size: .58rem; font-weight: 800; }
.sf-mobile-bottom-nav b { position: absolute; top: 1px; left: 14%; min-width: 17px; height: 17px; display: grid; place-items: center; padding: 0 3px; border-radius: 999px; background: var(--sf-primary); color: #fff; font-size: .55rem; }
.sf-whatsapp { bottom: calc(82px + var(--sf-safe-bottom)); }
.sf-service-sticky-cta { bottom: calc(80px + var(--sf-safe-bottom)); width: calc(100% - 20px); }
.sf-service-sticky-cta .sf-btn { min-height: 44px; padding: .55rem .8rem; }
.sf-product-section-grid { display: flex; gap: .8rem; margin-inline: -10px; padding-inline: 10px; padding-bottom: .5rem; overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none; }
.sf-product-section-grid::-webkit-scrollbar { display: none; }
.sf-product-section-grid > .sf-product-card { flex: 0 0 min(74vw, 290px); scroll-snap-align: start; }
.sf-product-card:hover .sf-product-image-primary { opacity: 1; }
.sf-product-card:hover .sf-product-image-secondary { opacity: 0; }
.sf-product-hover-actions { display: none; }
.sf-product-title { min-height: 2.8em; font-size: .86rem; }
.sf-product-body { padding: .8rem; }
.sf-product-price strong { font-size: .92rem; }
.sf-catalog-page { padding-top: 12px; }
.sf-catalog-breadcrumb { display: none; }
.sf-catalog-header { padding: 1rem; border-radius: 18px; }
.sf-catalog-header h1 { font-size: 1.8rem; }
.sf-catalog-toolbar { position: sticky; top: 71px; z-index: 30; min-height: 58px; margin-inline: -10px; border-radius: 0; border-inline: 0; }
.sf-catalog-results { display: none; }
.sf-grid-switch { margin-inline-start: auto; }
.sf-sort-form label { display: none; }
.sf-sort-form select { max-width: 135px; }
.sf-catalog-content .sf-product-grid { gap: .65rem; }
.sf-catalog-content .sf-product-grid.list-mode .sf-product-card { grid-template-columns: 120px 1fr; }
.sf-product-page { padding-top: 10px; }
.sf-breadcrumb { overflow-x: auto; white-space: nowrap; padding-bottom: .4rem; scrollbar-width: none; }
.sf-product-main-media { margin-inline: -10px; border-radius: 0; aspect-ratio: 1 / 1.08; }
.sf-gallery-nav { display: none; }
.sf-product-thumbs { margin-inline: -10px; padding-inline: 10px; }
.sf-product-thumb { flex-basis: 62px; }
.sf-product-buy-box h1 { font-size: 1.8rem; }
.sf-detail-price strong { font-size: 1.45rem; }
.sf-purchase-actions { grid-template-columns: 104px 1fr 48px; }
.sf-product-trust-grid { display: flex; overflow-x: auto; }
.sf-product-trust-grid > div { flex: 0 0 190px; }
.sf-product-information { margin-top: 2rem; }
.sf-product-tabs button { padding-inline: .75rem; font-size: .75rem; }
.sf-info-cards { grid-template-columns: 1fr; }
.sf-related-products { padding-top: 2.5rem; }
.sf-mobile-product-bar { position: fixed; right: 8px; left: 8px; bottom: calc(78px + var(--sf-safe-bottom)); z-index: 920; display: grid; grid-template-columns: auto 1fr; align-items: center; gap: .8rem; padding: .55rem .65rem; border: 1px solid var(--sf-border); border-radius: 17px; background: color-mix(in srgb, var(--sf-surface) 96%, transparent); box-shadow: var(--sf-shadow-lg); backdrop-filter: blur(18px); transform: translateY(150%); transition: .25s; }
.sf-mobile-product-bar.visible { transform: translateY(0); }
.sf-mobile-product-bar small,
.sf-mobile-product-bar strong { display: block; }
.sf-mobile-product-bar small { color: var(--sf-muted); font-size: .62rem; }
.sf-mobile-product-bar strong { color: var(--sf-primary); font-size: .9rem; }
.sf-mobile-product-bar .sf-btn { min-height: 46px; }
.sf-footer { padding-bottom: 100px; }
.sf-toast-stack { top: auto; bottom: calc(82px + var(--sf-safe-bottom)); left: 10px; width: calc(100% - 20px); }
}
@media (max-width: 430px) {
.sf-product-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.sf-product-image { aspect-ratio: 4 / 5; }
.sf-product-meta { align-items: flex-start; }
.sf-product-stock { display: none; }
.sf-product-price-row { align-items: center; }
.sf-product-mobile-add { width: 34px; height: 34px; }
.sf-purchase-actions { grid-template-columns: 96px 1fr 46px; }
.sf-detail-wishlist { width: 46px; }
}
/* Footer and compact social refinements */
.sf-footer-column { display: flex; flex-direction: column; align-items: flex-start; gap: .72rem; min-width: 0; }
.sf-footer-column h3 { margin: 0 0 .35rem; color: var(--sf-text); font-family: var(--sf-heading); font-size: 1rem; }
.sf-footer-column a,
.sf-footer-column span { display: inline-flex; align-items: center; gap: .5rem; color: var(--sf-muted); font-size: .88rem; transition: color .2s ease, transform .2s ease; }
.sf-footer-column a:hover { color: var(--sf-primary); transform: translateX(-3px); }
.sf-socials-compact { gap: .35rem; }
.sf-socials-compact a { width: 30px; height: 30px; font-size: .78rem; }
/* 2026-07 plan + storefront refinements */
.sf-sticky-header .sf-header { position: sticky; top: 0; z-index: 900; }
.sf-preview-bar + .sf-announcement + .sf-header,
.sf-preview-bar + .sf-header { top: 49px; }
.sf-hero-slider { position: relative; overflow: hidden; min-height: clamp(430px, 58vw, 650px); background: var(--sf-secondary); color: #fff; }
.sf-hero-slides { position: relative; min-height: inherit; }
.sf-hero-slide { position: absolute; inset: 0; min-height: inherit; display: flex; align-items: center; opacity: 0; visibility: hidden; transform: scale(1.015); transition: opacity .65s ease, transform 1s ease, visibility .65s; }
.sf-hero-slide.active { position: relative; opacity: 1; visibility: visible; transform: scale(1); z-index: 2; }
.sf-hero-slide::after { content: ""; position: absolute; inset: 0; background: linear-gradient(100deg, rgba(5,10,25,var(--hero-overlay,.5)), rgba(5,10,25,.08)); z-index: 1; }
.sf-hero-slide .sf-hero-background { position: absolute; inset: 0; z-index: 0; }
.sf-hero-slide .sf-hero-background img { width: 100%; height: 100%; object-fit: cover; }
.sf-hero-slide .sf-hero-content { z-index: 2; }
.sf-hero-arrow { position: absolute; top: 50%; z-index: 5; width: 44px; height: 44px; display: grid; place-items: center; border: 1px solid rgba(255,255,255,.38); border-radius: 50%; background: rgba(15,23,42,.28); color: #fff; backdrop-filter: blur(12px); transform: translateY(-50%); cursor: pointer; }
.sf-hero-arrow.prev { right: max(14px, calc((100% - var(--sf-container))/2)); }
.sf-hero-arrow.next { left: max(14px, calc((100% - var(--sf-container))/2)); }
.sf-hero-dots { position: absolute; z-index: 6; right: 50%; bottom: 18px; transform: translateX(50%); display: flex; gap: 7px; }
.sf-hero-dots button { width: 8px; height: 8px; padding: 0; border: 0; border-radius: 999px; background: rgba(255,255,255,.5); transition: .25s; cursor: pointer; }
.sf-hero-dots button.active { width: 28px; background: #fff; }
.sf-hero-slider + .sf-section { padding-top: 28px; }
.sf-footer-compact { margin-top: 36px; }
.sf-footer-compact .sf-footer-grid { grid-template-columns: 1.35fr .8fr 1fr; gap: 1.5rem; padding-block: 28px 20px; }
.sf-footer-compact .sf-footer-brand p { margin: .55rem 0; max-width: 420px; font-size: .8rem; line-height: 1.65; }
.sf-footer-compact .sf-footer-column { gap: .42rem; }
.sf-footer-compact .sf-footer-column h3 { margin-bottom: .15rem; font-size: .86rem; }
.sf-footer-compact .sf-footer-column a,
.sf-footer-compact .sf-footer-column span { font-size: .76rem; }
.sf-footer-compact .sf-footer-bottom { padding-block: 12px; font-size: .7rem; }
.landing-pricing-two { grid-template-columns: repeat(2, minmax(0, 1fr)); max-width: 980px; margin-inline: auto; }
.billing-chip { display: inline-flex; padding: .35rem .65rem; border-radius: 999px; background: rgba(99,102,241,.1); color: #4f46e5; font-size: .72rem; font-weight: 900; }
@media (max-width: 820px) {
.sf-hero, .sf-hero-slider { min-height: 330px; }
.sf-hero-slide .sf-hero-content { min-height: 330px; padding-block: 32px 46px; align-items: end; }
.sf-hero-slide .sf-hero-copy { max-width: 88%; }
.sf-hero-slide .sf-hero-copy h1 { font-size: clamp(1.75rem, 8vw, 2.65rem); margin-block: .35rem .55rem; }
.sf-hero-slide .sf-hero-copy p { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; margin-bottom: .85rem; font-size: .86rem; }
.sf-hero-arrow { display: none; }
.sf-hero-dots { bottom: 11px; }
.sf-footer-compact .sf-footer-grid { grid-template-columns: 1fr 1fr; padding-block: 24px 16px; }
.sf-footer-compact .sf-footer-brand { grid-column: 1 / -1; }
.landing-pricing-two { grid-template-columns: 1fr; }
}
@media (max-width: 480px) {
.sf-hero, .sf-hero-slider { min-height: 270px; }
.sf-hero-slide .sf-hero-content { min-height: 270px; padding-block: 22px 34px; }
.sf-hero-slide .sf-eyebrow { font-size: .64rem; }
.sf-hero-slide .sf-hero-copy h1 { font-size: clamp(1.45rem, 7.5vw, 2rem); }
.sf-hero-slide .sf-hero-copy p { font-size: .78rem; }
.sf-hero-slide .sf-btn { min-height: 40px; padding: .5rem .8rem; font-size: .74rem; }
.sf-footer-compact .sf-footer-grid { grid-template-columns: 1fr; gap: 1rem; }
.sf-footer-compact .sf-footer-brand { grid-column: auto; }
.sf-footer-compact .sf-footer-bottom { flex-direction: column; align-items: flex-start; gap: .35rem; }
}
/* 2026-07 plan + slider refinement */
.sf-home-products{padding-top:28px!important}
.sf-hero-slider + .sf-home-products,
.sf-hero-slider + .sf-section{margin-top:0}
.sf-footer.sf-footer-compact{padding:28px 0 14px}
.sf-footer.sf-footer-compact .sf-footer-grid{gap:22px}
.sf-footer.sf-footer-compact .sf-footer-brand p{max-width:460px;margin-bottom:10px}
.sf-footer.sf-footer-compact .sf-footer-bottom{margin-top:18px;padding-top:14px}
@media (max-width:820px){
.sf-hero-slider,.sf-hero-slide{min-height:300px!important;height:300px!important}
.sf-hero-slide .sf-hero-content{min-height:300px!important;padding-top:34px!important;padding-bottom:34px!important}
.sf-hero-slide h1{font-size:clamp(1.65rem,8vw,2.5rem)!important}
.sf-hero-slide p{font-size:.92rem;max-width:34rem}
.sf-home-products{padding-top:22px!important}
.sf-footer.sf-footer-compact{padding-top:22px}
}
@media (max-width:480px){
.sf-hero-slider,.sf-hero-slide{min-height:240px!important;height:240px!important}
.sf-hero-slide .sf-hero-content{min-height:240px!important;padding:24px 18px!important}
.sf-hero-slide p{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.sf-hero-actions{margin-top:14px}
.sf-hero-arrow{width:34px;height:34px}
}
/* Store Builder source-of-truth layout modifiers */
.sf-layout-centered .sf-section-heading{justify-content:center;text-align:center}
.sf-layout-centered .sf-section-heading>div{margin-inline:auto}
.sf-layout-centered .sf-link-arrow{margin-inline:auto}
.sf-layout-centered .sf-richtext,.sf-layout-centered .sf-contact-card,.sf-layout-centered .sf-newsletter{text-align:center;margin-inline:auto}
.sf-layout-editorial .sf-section-heading h2{max-width:900px;font-size:clamp(2rem,5vw,4.5rem);letter-spacing:-.03em}
.sf-layout-editorial .sf-section-heading{align-items:flex-start}
.sf-layout-cards .sf-feature-card,.sf-layout-cards .sf-service-card,.sf-layout-cards .sf-testimonial-card,.sf-layout-cards .sf-price-card{box-shadow:var(--sf-shadow-sm)}
.sf-layout-icons .sf-feature-card,.sf-layout-icons .sf-service-card{text-align:center}
.sf-layout-icons .sf-feature-card>i,.sf-layout-icons .sf-service-card>i{margin-inline:auto}
.sf-layout-steps .sf-feature-grid,.sf-layout-steps .sf-service-grid{counter-reset:sf-layout-step;grid-template-columns:1fr}
.sf-layout-steps .sf-feature-card,.sf-layout-steps .sf-service-card{counter-increment:sf-layout-step;padding-inline-start:5rem}
.sf-layout-steps .sf-feature-card:before,.sf-layout-steps .sf-service-card:before{content:counter(sf-layout-step);position:absolute;inset-inline-start:1.25rem;top:1.25rem;width:2.5rem;height:2.5rem;display:grid;place-items:center;border-radius:50%;background:var(--sf-primary);color:#fff;font-weight:900}
.sf-layout-pricing .sf-pricing-grid{align-items:stretch}
.sf-layout-pricing .sf-price-card{display:flex;flex-direction:column}
.sf-layout-pricing .sf-price-card .sf-btn{margin-top:auto}
.sf-layout-service .sf-service-card{border-inline-start:4px solid var(--sf-primary)}
.sf-layout-accordion .sf-faq-item{border-radius:calc(var(--sf-radius)*.75);box-shadow:var(--sf-shadow-sm)}
@media(max-width:820px){.sf-layout-editorial .sf-section-heading h2{font-size:var(--section-mobile-title-size,2.25rem)}.sf-layout-steps .sf-feature-card,.sf-layout-steps .sf-service-card{padding-inline-start:4.35rem}}
/* Theme settings wired from Store Builder */
.sf-buttons-rounded .sf-btn{border-radius:calc(var(--sf-radius)*.75)}
.sf-buttons-pill .sf-btn{border-radius:999px}
.sf-buttons-square .sf-btn{border-radius:2px}
.sf-header-compact .sf-navbar{min-height:66px}
.sf-header-compact .sf-brand img{height:44px;max-width:145px}
.sf-header-compact .sf-nav a{font-size:.84rem}
.sf-header-minimal .sf-topline,.sf-header-minimal .sf-category-nav{display:none}
.sf-header-minimal .sf-navbar{min-height:68px}
.sf-header-clean .sf-header{box-shadow:none;background:var(--sf-surface)}
.sf-header-mega .sf-navbar{min-height:90px}
.sf-header-mega .sf-category-nav{border-top:1px solid var(--sf-border);border-bottom:1px solid var(--sf-border)}
.sf-header-transparent .sf-header{background:color-mix(in srgb,var(--sf-surface) 72%,transparent)}
.sf-header-transparent:not(.sf-sticky-header) .sf-header{position:absolute;inset-inline:0;top:0;border-bottom-color:transparent}
.sf-header-transparent:not(.sf-sticky-header) .sf-main{padding-top:0}
.sf-logo-center .sf-navbar{grid-template-columns:1fr auto 1fr}
.sf-logo-center .sf-brand{grid-column:2;justify-self:center}
.sf-logo-center .sf-mobile-toggle{grid-column:1;grid-row:1;justify-self:start}
.sf-logo-center .sf-nav-actions{grid-column:3;grid-row:1}
.sf-logo-right .sf-navbar{grid-template-columns:auto 1fr auto}
.sf-logo-right .sf-brand{grid-column:1;justify-self:start}
.sf-logo-right .sf-nav{grid-column:2}
.sf-logo-right .sf-nav-actions{grid-column:3}
.sf-logo-left .sf-navbar{grid-template-columns:auto 1fr auto}
.sf-logo-left .sf-brand{grid-column:3;justify-self:end}
.sf-logo-left .sf-nav{grid-column:2}
.sf-logo-left .sf-nav-actions{grid-column:1;grid-row:1;justify-content:flex-start}
.sf-footer-theme-minimal .sf-footer-grid{grid-template-columns:minmax(0,1.5fr) 1fr;padding-block:28px 20px;gap:1.5rem}
.sf-footer-theme-minimal .sf-footer-column:nth-of-type(2){display:none}
.sf-footer-theme-minimal .sf-footer-brand p{margin-block:.45rem .7rem}
.sf-footer-theme-columns .sf-footer-grid{grid-template-columns:1.4fr 1fr 1fr}
.sf-section-actions{display:flex;flex-wrap:wrap;gap:.7rem;margin-top:1rem}
.sf-layout-gradient.sf-hero-slider{background:linear-gradient(135deg,var(--sf-secondary),var(--sf-primary))}
.sf-layout-gradient .sf-hero-slide:after{background:linear-gradient(110deg,color-mix(in srgb,var(--sf-secondary) 88%,transparent),color-mix(in srgb,var(--sf-primary) 20%,transparent))}
.sf-layout-centered .sf-hero-copy,.sf-layout-editorial .sf-hero-copy{margin-inline:auto;text-align:center}
.sf-layout-centered .sf-hero-actions,.sf-layout-editorial .sf-hero-actions{justify-content:center}
.sf-layout-editorial .sf-hero-copy{max-width:940px}
.sf-layout-playful.sf-hero-slider{border-end-start-radius:clamp(28px,7vw,90px);border-end-end-radius:clamp(28px,7vw,90px)}
.sf-layout-angled.sf-hero-slider{clip-path:polygon(0 0,100% 0,100% 92%,0 100%);margin-bottom:clamp(10px,3vw,36px)}
.sf-layout-service .sf-hero-copy{max-width:760px}
.sf-layout-image-text .sf-content-split{grid-template-columns:1fr 1fr}
.sf-layout-inline .sf-newsletter{display:grid;grid-template-columns:1fr minmax(300px,.8fr);align-items:center;gap:2rem}
@media(max-width:820px){
.sf-header-transparent:not(.sf-sticky-header) .sf-header{position:relative}
.sf-logo-left .sf-navbar,.sf-logo-right .sf-navbar,.sf-logo-center .sf-navbar{grid-template-columns:auto 1fr auto}
.sf-logo-left .sf-brand,.sf-logo-right .sf-brand,.sf-logo-center .sf-brand{grid-column:2;grid-row:1;justify-self:center}
.sf-logo-left .sf-mobile-toggle,.sf-logo-right .sf-mobile-toggle,.sf-logo-center .sf-mobile-toggle{grid-column:1;grid-row:1;justify-self:start}
.sf-logo-left .sf-nav-actions,.sf-logo-right .sf-nav-actions,.sf-logo-center .sf-nav-actions{grid-column:3;grid-row:1;justify-content:flex-end}
.sf-footer-theme-minimal .sf-footer-grid,.sf-footer-theme-columns .sf-footer-grid{grid-template-columns:1fr}
.sf-footer-theme-minimal .sf-footer-column:nth-of-type(2){display:flex}
.sf-layout-angled.sf-hero-slider{clip-path:none;margin-bottom:0}
.sf-layout-inline .sf-newsletter,.sf-layout-image-text .sf-content-split{grid-template-columns:1fr}
}
/* Section-level values must override component defaults */
.sf-typography-section.has-custom-text,
.sf-typography-section.has-custom-text h1,
.sf-typography-section.has-custom-text h2,
.sf-typography-section.has-custom-text h3,
.sf-typography-section.has-custom-text p,
.sf-typography-section.has-custom-text small,
.sf-typography-section.has-custom-text .sf-preline,
.sf-typography-section.has-custom-text .sf-section-heading p,
.sf-typography-section.has-custom-text .sf-eyebrow,
.sf-typography-section.has-custom-text .eyebrow{color:inherit}
.sf-typography-section .sf-feature-card,
.sf-typography-section .sf-service-card,
.sf-typography-section .sf-testimonial-card,
.sf-typography-section .sf-price-card,
.sf-typography-section .sf-stat-card{text-align:var(--section-text-align,inherit)}
.sf-typography-section h3{font-family:var(--section-heading-font,var(--sf-heading));font-weight:var(--section-heading-weight,800)}