:root{--mp-red:#EF2E2E;--mp-dark:#0A1018;--mp-text:#111827;--mp-muted:#6B7280;--mp-border:#E5E7EB;--mp-bg:#F7F8FA;--mp-white:#fff;--mp-green:#22C55E;--mp-shadow:0 2px 12px rgba(0,0,0,.06);--mp-radius:16px;--mp-transition:.25s cubic-bezier(.4,0,.2,1)}
*,*::before,*::after{box-sizing:border-box}
body.storefront{font-family:'Figtree',system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-weight:400;color:var(--mp-text);background:var(--mp-white);margin:0;-webkit-font-smoothing:antialiased;line-height:1.6}

/* HEADER */
.site-header{background:var(--mp-white)!important;border-bottom:1px solid var(--mp-border)!important;position:sticky;top:0;z-index:100;box-shadow:0 1px 3px rgba(0,0,0,.04)}
.site-header-inner{max-width:1320px;margin:0 auto;padding:12px 24px;display:flex;align-items:center;gap:24px}
.site-brand img{max-height:42px!important;width:auto}
.site-search{flex:1;max-width:480px;display:flex;border:2px solid var(--mp-border);border-radius:999px;overflow:hidden;transition:var(--mp-transition)}
.site-search:focus-within{border-color:var(--mp-red)}
.site-search input{flex:1;border:none;padding:10px 20px;font-size:14px;outline:none;background:transparent;font-family:inherit}
.site-search button{background:var(--mp-red);color:#fff;border:none;padding:10px 20px;font-weight:600;cursor:pointer;font-family:inherit;transition:var(--mp-transition)}
.site-search button:hover{background:#D42626}
.site-tools{display:flex;gap:12px;align-items:center}
.contact-chip{text-decoration:none;color:var(--mp-muted);font-size:13px;font-weight:500;padding:6px 12px;border-radius:999px;transition:var(--mp-transition);white-space:nowrap}
.contact-chip:hover{color:var(--mp-red);background:#FEF2F2}
.cart-chip{background:var(--mp-dark);color:#fff!important;font-weight:600}
.cart-chip:hover{background:var(--mp-red);color:#fff!important}

/* NAV BAR */
.site-nav-bar{background:var(--mp-white);border-bottom:1px solid var(--mp-border)}
.site-nav{max-width:1320px;margin:0 auto;padding:0 24px;display:flex;gap:0;align-items:center}
.site-nav-link{text-decoration:none;color:var(--mp-text);font-size:13px;font-weight:600;padding:14px 16px;text-transform:uppercase;letter-spacing:.3px;transition:var(--mp-transition);position:relative}
.site-nav-link:hover,.site-nav-link.is-active{color:var(--mp-red)}
.site-nav-link.is-active::after{content:'';position:absolute;bottom:0;left:16px;right:16px;height:2px;background:var(--mp-red);border-radius:2px}
.site-nav-item{position:relative}
.has-dropdown:hover .site-nav-dropdown{display:block}
.site-nav-dropdown{display:none;position:absolute;top:100%;left:0;background:var(--mp-white);border:1px solid var(--mp-border);border-radius:12px;padding:12px;min-width:220px;box-shadow:0 12px 32px rgba(0,0,0,.1);z-index:99}
.site-nav-dropdown a{display:block;padding:8px 12px;color:var(--mp-text);text-decoration:none;font-size:13px;font-weight:500;border-radius:8px;transition:var(--mp-transition)}
.site-nav-dropdown a:hover{background:var(--mp-bg);color:var(--mp-red)}
.site-nav-mega{min-width:480px;display:none;columns:2;column-gap:8px}
.site-nav-mega a span{font-size:11px;color:var(--mp-muted);margin-left:4px}
.site-nav-all-link{border-top:1px solid var(--mp-border);margin-top:8px;padding-top:12px!important;column-span:all;font-weight:600!important;color:var(--mp-red)!important}

/* HERO */
.home-hero{max-width:1320px;margin:24px auto;padding:0 24px}
.home-showcase-hero{background:linear-gradient(135deg,#0A1018 0%,#121A26 60%,#1A2332 100%);border-radius:24px;padding:56px;display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center;position:relative;overflow:hidden}
.home-showcase-hero::before{content:'';position:absolute;top:-50%;right:-20%;width:600px;height:600px;background:radial-gradient(circle,rgba(239,46,46,.08) 0%,transparent 70%);pointer-events:none}
.home-hero-copy{color:#fff;z-index:1}
.home-hero-copy .eyebrow{color:var(--mp-red);font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:1.5px;margin:0 0 16px}
.home-hero-copy h1{font-size:42px;font-weight:800;line-height:1.15;margin:0 0 20px;letter-spacing:-.5px}
.home-hero-copy h1 .accent{color:var(--mp-red)}
.home-hero-copy>p{color:#94A3B8;font-size:15px;line-height:1.7;margin:0 0 28px}
.home-hero-copy .actions{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:28px}
.home-hero-copy .actions .button{display:inline-flex;align-items:center;gap:8px;padding:14px 28px;border-radius:12px;font-weight:600;font-size:14px;text-decoration:none;transition:var(--mp-transition);border:none;cursor:pointer;font-family:inherit}
.home-hero-copy .actions .button:first-child{background:var(--mp-red);color:#fff;box-shadow:0 4px 16px rgba(239,46,46,.3)}
.home-hero-copy .actions .button:first-child:hover{background:#D42626;transform:translateY(-2px);box-shadow:0 6px 24px rgba(239,46,46,.4)}
.home-hero-copy .actions .button-light{background:rgba(255,255,255,.1);color:#fff;border:1px solid rgba(255,255,255,.15)}
.home-hero-copy .actions .button-light:hover{background:rgba(255,255,255,.18);transform:translateY(-2px)}
.home-hero-points{display:flex;gap:12px;flex-wrap:wrap}
.home-hero-points span{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.1);padding:6px 14px;border-radius:999px;font-size:12px;font-weight:500;color:#CBD5E1}
.home-hero-visual{display:flex;justify-content:center;align-items:center;position:relative;text-decoration:none}
.home-hero-visual img{width:100%;max-width:420px;border-radius:16px;object-fit:cover}
.home-hero-card{position:absolute;bottom:20px;left:20px;background:var(--mp-white);border-radius:14px;padding:16px 20px;box-shadow:0 8px 32px rgba(0,0,0,.2);display:flex;flex-direction:column;gap:4px;min-width:200px}
.home-hero-card span{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:var(--mp-red)}
.home-hero-card strong{font-size:14px;font-weight:700;color:var(--mp-text)}
.home-hero-card em{font-style:normal;font-size:16px;font-weight:800;color:var(--mp-red)}

/* BENEFITS */
.home-benefits{max-width:1320px;margin:0 auto;padding:32px 24px;display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px}
.home-benefits>div{background:var(--mp-white);border:1px solid var(--mp-border);border-radius:14px;padding:20px 24px;transition:var(--mp-transition)}
.home-benefits>div:hover{border-color:var(--mp-red);box-shadow:0 4px 16px rgba(239,46,46,.08);transform:translateY(-2px)}
.home-benefits strong{display:block;font-size:14px;font-weight:700;margin-bottom:4px;color:var(--mp-text)}
.home-benefits span{font-size:13px;color:var(--mp-muted);line-height:1.5}

/* SECTIONS */
.store-section{max-width:1320px;margin:0 auto;padding:48px 24px}
.section-head{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:32px}
.section-head .eyebrow{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:var(--mp-red);margin:0 0 6px}
.section-head h2{font-size:28px;font-weight:800;margin:0;letter-spacing:-.3px}
.text-link{color:var(--mp-red);font-weight:600;font-size:14px;text-decoration:none;transition:var(--mp-transition)}
.text-link:hover{opacity:.8}

/* CATEGORY MOSAIC */
.home-category-band{background:var(--mp-bg);padding:64px 24px;max-width:100%;margin:0}
.home-category-band .section-head,.home-category-band .home-category-mosaic{max-width:1320px;margin-left:auto;margin-right:auto}
.home-category-mosaic{display:grid;grid-template-columns:repeat(3,1fr);grid-auto-rows:220px;gap:16px}
.home-category-panel{position:relative;border-radius:var(--mp-radius);overflow:hidden;text-decoration:none;color:#fff;display:flex;flex-direction:column;justify-content:flex-end;padding:24px;transition:var(--mp-transition)}
.home-category-panel.is-large{grid-row:span 2}
.home-category-panel img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:var(--mp-transition)}
.home-category-panel:hover img{transform:scale(1.05)}
.home-category-panel::after{content:'';position:absolute;inset:0;background:linear-gradient(to top,rgba(10,16,24,.85) 0%,rgba(10,16,24,.2) 100%)}
.home-category-panel span{position:relative;z-index:1;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:1.5px;color:var(--mp-red);margin-bottom:4px}
.home-category-panel strong{position:relative;z-index:1;font-size:18px;font-weight:700;margin-bottom:4px}
.home-category-panel em{position:relative;z-index:1;font-style:normal;font-size:13px;color:#94A3B8}

/* PRODUCT CARDS */
.home-featured-products .product-grid,.product-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:20px}
.product-card{background:var(--mp-white);border:1px solid var(--mp-border);border-radius:var(--mp-radius);overflow:hidden;text-decoration:none;color:var(--mp-text);transition:transform .28s ease,border-color .28s ease,box-shadow .28s ease;display:flex;flex-direction:column}
.product-card:hover{border-color:var(--mp-red);box-shadow:0 16px 34px rgba(15,23,42,.12);transform:translateY(-4px)}
.product-card .product-image{aspect-ratio:1/1;overflow:hidden;background:var(--mp-bg)}
.product-card .product-image img{width:100%;height:100%;object-fit:cover;transition:transform .45s ease}
.product-card:hover .product-image img{transform:scale(1.05)}
.product-card .product-info{padding:16px 20px;flex:1;display:flex;flex-direction:column;gap:6px}
.product-card .product-title{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;font-size:13px;font-weight:700;line-height:1.28;margin:0}
.product-card .product-meta{font-size:12px;color:var(--mp-muted)}
.product-card .product-price{font-size:16px;font-weight:800;color:var(--mp-red);margin-top:auto;padding-top:8px}
.product-card .product-price del{color:var(--mp-muted);font-size:13px;font-weight:400;margin-left:6px}
.product-card .badge{position:absolute;top:12px;left:12px;background:var(--mp-red);color:#fff;font-size:10px;font-weight:700;padding:4px 10px;border-radius:999px;text-transform:uppercase;letter-spacing:.5px}

/* PROMO ROW */
.home-promo-row{max-width:1320px;margin:0 auto;padding:0 24px 48px;display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.home-promo{position:relative;border-radius:var(--mp-radius);overflow:hidden;text-decoration:none;color:#fff;aspect-ratio:16/9;display:flex;flex-direction:column;justify-content:flex-end;padding:24px;transition:var(--mp-transition)}
.home-promo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:var(--mp-transition)}
.home-promo:hover img{transform:scale(1.05)}
.home-promo::after{content:'';position:absolute;inset:0;background:linear-gradient(to top,rgba(10,16,24,.8),transparent 60%)}
.home-promo span{position:relative;z-index:1;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:var(--mp-red)}
.home-promo strong{position:relative;z-index:1;font-size:16px;font-weight:700}
.home-promo em{position:relative;z-index:1;font-style:normal;font-size:14px;font-weight:700;color:var(--mp-red)}
.promo-placeholder{background:var(--mp-bg);position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:var(--mp-muted)}
.image-placeholder{background:var(--mp-bg);display:flex;align-items:center;justify-content:center;color:var(--mp-muted);width:100%;height:100%;min-height:200px;border-radius:12px}

/* DESIGN STRIP */
.home-design-strip{display:flex;align-items:center;justify-content:center;gap:16px;background:var(--mp-red);color:#fff;text-decoration:none;padding:14px 24px;text-align:center;transition:var(--mp-transition)}
.home-design-strip:hover{background:#D42626}
.home-design-strip span{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:1.5px;background:rgba(255,255,255,.2);padding:4px 12px;border-radius:999px}
.home-design-strip strong{font-size:15px;font-weight:700}
.home-design-strip em{font-style:normal;font-size:13px;opacity:.9}
.home-design-strip-secondary{background:linear-gradient(135deg,#0A1018,#1A2332);margin:48px auto;max-width:1320px;border-radius:var(--mp-radius);padding:24px}
.home-auth-strip{max-width:1320px;margin:0 auto 24px;padding:20px 24px;border:1px solid #dfe5ee;border-radius:24px;background:#fff;display:flex;align-items:center;justify-content:space-between;gap:20px;box-shadow:0 16px 36px rgba(15,23,42,.06)}
.home-auth-copy{display:flex;flex-direction:column;gap:6px;min-width:0}
.home-auth-copy .eyebrow{font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:1px;color:var(--mp-red);margin:0}
.home-auth-copy strong{color:#222529;font-size:22px;font-weight:950;line-height:1.15}
.home-auth-copy span{color:#6f7680;font-size:14px;font-weight:600;line-height:1.5}
.home-auth-actions{display:flex;align-items:center;gap:10px;flex-shrink:0}
.home-auth-actions .button{min-height:46px;padding:0 18px;border-radius:999px}
.home-auth-actions form{margin:0}
.home-auth-actions .button-light{background:#fff;color:#222529!important;border:1px solid #dbe2ea!important}
.home-auth-actions .button-light:hover{background:#222529!important;color:#fff!important}

/* BRAND STORY */
.home-brand-story{max-width:1320px;margin:0 auto;padding:64px 24px;display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:start}
.home-brand-copy .eyebrow{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:var(--mp-red);margin:0 0 12px}
.home-brand-copy h2{font-size:32px;font-weight:800;margin:0 0 16px;line-height:1.2}
.home-brand-copy>p{color:var(--mp-muted);line-height:1.7;margin:0}
.home-brand-features{display:flex;flex-direction:column;gap:24px}
.home-brand-features article{background:var(--mp-white);border:1px solid var(--mp-border);border-radius:14px;padding:24px;transition:var(--mp-transition)}
.home-brand-features article:hover{border-color:var(--mp-red);box-shadow:0 4px 16px rgba(239,46,46,.06)}
.home-brand-features article span{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:var(--mp-red)}
.home-brand-features article h3{font-size:16px;font-weight:700;margin:8px 0 6px}
.home-brand-features article p{font-size:13px;color:var(--mp-muted);margin:0;line-height:1.6}

/* ORDER SYSTEM */
.home-order-system{max-width:1320px;margin:0 auto;padding:0 24px 64px;display:grid;grid-template-columns:1fr 1fr;gap:24px}
.home-spec-card,.home-process-card{background:var(--mp-dark);color:#fff;border-radius:20px;padding:40px}
.home-spec-card .eyebrow,.home-process-card .eyebrow{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:var(--mp-red);margin:0 0 12px}
.home-spec-card h2,.home-process-card h2{font-size:24px;font-weight:800;margin:0 0 24px;line-height:1.3}
.home-spec-card dl{margin:0;display:flex;flex-direction:column;gap:16px}
.home-spec-card dl>div{display:flex;justify-content:space-between;align-items:center;padding-bottom:16px;border-bottom:1px solid rgba(255,255,255,.08)}
.home-spec-card dl>div:last-child{border-bottom:none;padding-bottom:0}
.home-spec-card dt{font-size:13px;color:#94A3B8;font-weight:500}
.home-spec-card dd{font-size:14px;font-weight:600;margin:0}
.home-process-card ol{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:20px}
.home-process-card li{display:grid;grid-template-columns:auto 1fr;gap:0 16px;align-items:start}
.home-process-card li span{grid-row:span 2;font-size:28px;font-weight:800;color:rgba(255,255,255,.15);line-height:1}
.home-process-card li strong{font-size:15px;font-weight:700}
.home-process-card li p{font-size:13px;color:#94A3B8;margin:4px 0 0;line-height:1.5}
.home-process-card .button{display:inline-flex;align-items:center;gap:8px;margin-top:24px;background:var(--mp-red);color:#fff;padding:14px 28px;border-radius:12px;font-weight:600;text-decoration:none;transition:var(--mp-transition);border:none;font-family:inherit;cursor:pointer}
.home-process-card .button:hover{background:#D42626;transform:translateY(-2px)}

/* FOOTER */
.site-footer{background:#0B1220;color:#94A3B8;padding:64px 24px 32px;display:grid;grid-template-columns:1.5fr repeat(3,1fr);gap:40px;max-width:1320px;margin:0 auto}
.footer-brand{display:flex;flex-direction:column;gap:12px}
.footer-brand img{max-height:40px!important;filter:brightness(10)}
.footer-brand p{font-size:13px;line-height:1.6;margin:0;color:#64748B}
.footer-brand small{font-size:12px;color:#475569;margin-top:auto}
.footer-link-group{display:flex;flex-direction:column;gap:8px}
.footer-link-group strong{color:#fff;font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px}
.footer-link-group a{color:#64748B;text-decoration:none;font-size:13px;transition:var(--mp-transition)}
.footer-link-group a:hover{color:var(--mp-red)}
.footer-link-groups{display:contents}
.footer-contact{font-style:normal;display:flex;flex-direction:column;gap:8px}
.footer-contact strong{color:#fff;font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px}
.footer-contact a{color:#64748B;text-decoration:none;font-size:13px;transition:var(--mp-transition)}
.footer-contact a:hover{color:var(--mp-red)}
.footer-social{margin-top:16px}
.footer-social strong{color:#fff;font-size:13px;font-weight:700;display:block;margin-bottom:12px}
.social-link-row{display:flex;gap:8px}
.social-link{display:inline-flex;align-items:center;gap:6px;background:rgba(255,255,255,.06);padding:8px 16px;border-radius:999px;color:#94A3B8;text-decoration:none;font-size:12px;font-weight:500;transition:var(--mp-transition)}
.social-link:hover{background:var(--mp-red);color:#fff}
.mobile-contact-bar{position:fixed;right:max(12px,env(safe-area-inset-right));bottom:calc(10px + env(safe-area-inset-bottom));left:max(12px,env(safe-area-inset-left));z-index:1200;display:none;grid-template-columns:minmax(104px,.72fr) minmax(0,1.36fr);gap:8px;width:auto;max-width:520px;margin:0 auto;padding:8px;border:1px solid rgba(226,232,240,.92);border-radius:999px;background:rgba(255,255,255,.96);box-shadow:0 18px 44px rgba(15,23,42,.18),0 2px 10px rgba(15,23,42,.08);opacity:0;pointer-events:none;transform:translateY(calc(100% + 22px));transition:transform .24s ease,opacity .2s ease;backdrop-filter:blur(14px)}
.mobile-contact-bar[hidden]{display:none!important}
.mobile-contact-bar-link{display:inline-flex;align-items:center;justify-content:center;min-width:0;min-height:58px;gap:10px;padding:0 14px;border-radius:999px;color:#111827;font-size:15px;font-weight:900;line-height:1.1;text-decoration:none;white-space:nowrap;transition:transform .18s ease,box-shadow .18s ease,background .18s ease}
.mobile-contact-bar-link svg{width:28px;height:28px;flex:0 0 auto}
.mobile-contact-bar-link:active{transform:scale(.98)}
.mobile-contact-bar-whatsapp{background:linear-gradient(180deg,#18bf58,#0f8f41);color:#fff;box-shadow:inset 0 1px 0 rgba(255,255,255,.22),0 12px 24px rgba(15,143,65,.24)}
.mobile-contact-bar-call{border:1px solid #dfe5ec;background:#fff;color:#111827;box-shadow:inset 0 1px 0 rgba(255,255,255,.75)}
.mobile-contact-bar-call svg{color:#13a955}
body.is-mobile-sticky-cta-visible .mobile-contact-bar{opacity:1;pointer-events:auto;transform:translateY(0)}
@media(prefers-reduced-motion:reduce){.mobile-contact-bar{transition:none}}
@media(max-width:360px){.mobile-contact-bar{grid-template-columns:86px minmax(0,1fr);gap:7px;padding:7px}.mobile-contact-bar-link{min-height:54px;gap:7px;padding:0 10px;font-size:14px}.mobile-contact-bar-link svg{width:24px;height:24px}}

/* RESPONSIVE */
@media(max-width:1024px){
.home-showcase-hero{grid-template-columns:1fr;padding:40px 32px}
.home-hero-visual{margin-top:24px}
.home-category-mosaic{grid-template-columns:repeat(2,1fr)}
.home-brand-story{grid-template-columns:1fr}
.home-order-system{grid-template-columns:1fr}
.home-promo-row{grid-template-columns:1fr}
.site-footer{grid-template-columns:1fr 1fr}
}
@media(max-width:768px){
.site-header-inner{flex-wrap:wrap}
.site-search{order:3;flex-basis:100%;max-width:100%;margin-top:8px}
.site-tools{gap:8px}
.home-showcase-hero{padding:32px 24px}
.home-hero-copy h1{font-size:28px}
.home-category-mosaic{grid-template-columns:1fr}
.home-category-panel.is-large{grid-row:span 1}
.home-benefits{grid-template-columns:1fr}
.site-footer{grid-template-columns:1fr}
.mobile-contact-bar{display:grid}
body.has-mobile-sticky-cta{padding-bottom:calc(94px + env(safe-area-inset-bottom))}
.site-nav{overflow-x:auto;-webkit-overflow-scrolling:touch}
.site-nav-link{white-space:nowrap;font-size:12px;padding:12px}
}

/* LIVE SEARCH */
.live-search-field{position:relative;flex:1;display:flex}
.live-search-results{position:absolute;top:100%;left:0;right:0;background:var(--mp-white);border:1px solid var(--mp-border);border-radius:12px;box-shadow:0 12px 32px rgba(0,0,0,.12);z-index:200;max-height:320px;overflow-y:auto;margin-top:4px}
.live-search-results a{display:block;padding:10px 16px;color:var(--mp-text);text-decoration:none;font-size:13px;border-bottom:1px solid var(--mp-border);transition:var(--mp-transition)}
.live-search-results a:last-child{border-bottom:none}
.live-search-results a:hover{background:var(--mp-bg)}

/* EMPTY STATE */
.empty-state{text-align:center;padding:48px 24px;color:var(--mp-muted)}
.empty-state h2{font-size:18px;font-weight:600;color:var(--mp-text);margin:0 0 8px}
.empty-state p{margin:0}

/* BUTTONS GENERAL */
.button{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;border-radius:12px;font-weight:600;font-size:14px;text-decoration:none;transition:var(--mp-transition);border:none;cursor:pointer;font-family:inherit;background:var(--mp-red);color:#fff}
.button:hover{background:#D42626;transform:translateY(-1px)}
.button-light{background:rgba(255,255,255,.1);color:#fff!important;border:1px solid rgba(255,255,255,.15)!important}
.button-light:hover{background:rgba(255,255,255,.18)!important}

/* STORE PAGES */
.store-main{min-height:60vh}
.notice{max-width:1320px;margin:16px auto;padding:14px 24px;background:#D1FAE5;color:#065F46;border-radius:12px;font-size:14px;font-weight:500}

/* ============================================
   STORE PAGES (Products, Categories, Detail)
   ============================================ */

/* Store Layout */
.store-layout{max-width:1320px;margin:0 auto;padding:24px;display:grid;grid-template-columns:260px 1fr;gap:32px}
.store-layout.has-mobile-filters .store-sidebar{display:block}

/* Sidebar Filters */
.store-sidebar{position:sticky;top:100px;align-self:start}
.shop-filters{background:var(--mp-white);border:1px solid var(--mp-border);border-radius:var(--mp-radius);padding:24px;display:flex;flex-direction:column;gap:20px}
.filter-group h4{font-size:13px;font-weight:700;color:var(--mp-text);margin:0 0 10px;text-transform:uppercase;letter-spacing:.3px}
.filter-group input[type="search"],.filter-group input[type="text"],.filter-group select{width:100%;padding:10px 14px;border:1px solid var(--mp-border);border-radius:10px;font-size:13px;font-family:inherit;color:var(--mp-text);transition:var(--mp-transition);background:var(--mp-white)}
.filter-group input:focus,.filter-group select:focus{border-color:var(--mp-red);outline:none;box-shadow:0 0 0 3px rgba(239,46,46,.08)}
.price-range{display:flex;gap:8px;align-items:center}
.price-range input{flex:1}
.price-range span{color:var(--mp-muted);font-weight:600}
.checkbox-label{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--mp-text);cursor:pointer;padding:4px 0}
.checkbox-label input{accent-color:var(--mp-red)}
.filter-actions{display:flex;flex-direction:column;gap:8px;padding-top:8px;border-top:1px solid var(--mp-border)}
.button-block{width:100%;text-align:center;justify-content:center}

/* Store Header */
.store-header{display:flex;justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:28px;flex-wrap:wrap}
.store-header h1{font-size:26px;font-weight:800;margin:0;letter-spacing:-.3px}
.store-header .eyebrow{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:var(--mp-red);margin:0 0 4px}
.store-header .description{font-size:14px;color:var(--mp-muted);margin:6px 0 0;max-width:600px;line-height:1.6}
.store-header-tools{display:flex;align-items:center;gap:12px}
.store-sort{display:flex;align-items:center;gap:8px}
.store-sort label{font-size:13px;color:var(--mp-muted);font-weight:500;white-space:nowrap}
.store-sort select{padding:8px 14px;border:1px solid var(--mp-border);border-radius:10px;font-size:13px;font-family:inherit;background:var(--mp-white);cursor:pointer}
.filter-toggle{display:none}
.active-filter-bar{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-bottom:20px}
.active-filter-bar span{background:var(--mp-bg);border:1px solid var(--mp-border);padding:5px 12px;border-radius:999px;font-size:12px;font-weight:500;color:var(--mp-text)}
.active-filter-bar a{color:var(--mp-red);font-size:12px;font-weight:600;text-decoration:none}
.list-page-toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}
.list-page-toolbar span{font-size:13px;color:var(--mp-muted)}

/* Product Card - Enhanced */
.product-card{position:relative}
.product-card-link{text-decoration:none;color:var(--mp-text);display:flex;flex-direction:column;height:100%}
.product-badge{position:absolute;top:12px;left:12px;z-index:2;background:var(--mp-red);color:#fff;font-size:10px;font-weight:700;padding:4px 10px;border-radius:999px;text-transform:uppercase;letter-spacing:.5px}
.product-card .product-info strong{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;color:var(--mp-text);font-size:13px;font-weight:700;line-height:1.28}
.product-card .price{font-size:16px;font-weight:800;color:var(--mp-red);display:block;margin-top:4px}
.product-card .old-price{font-size:12px;color:var(--mp-muted);text-decoration:line-through;margin-left:6px}
.product-card-cta{display:inline-block;margin-top:8px;font-size:12px;font-weight:600;color:#fff!important;padding:8px 20px;background:var(--mp-dark)!important;border:none!important;border-radius:999px;transition:var(--mp-transition);text-align:center;text-decoration:none}
.product-card:hover .product-card-cta{background:var(--mp-red)!important;color:#fff!important;transform:translateY(-1px)}
.product-actions{display:flex;gap:6px;padding:0 20px 16px}
.mini-button{background:var(--mp-bg);border:1px solid var(--mp-border);padding:5px 12px;border-radius:999px;font-size:11px;font-weight:500;color:var(--mp-muted);cursor:pointer;transition:var(--mp-transition);font-family:inherit}
.mini-button:hover{border-color:var(--mp-red);color:var(--mp-red);background:#FEF2F2}

/* Catalog Search */
.catalog-search-panel{max-width:1320px;margin:0 auto 24px;padding:0 24px;display:flex;gap:12px;align-items:flex-end}
.catalog-search-panel label{flex:1;font-size:13px;font-weight:600;color:var(--mp-muted);display:flex;flex-direction:column;gap:6px}
.catalog-search-panel input{padding:12px 16px;border:1px solid var(--mp-border);border-radius:10px;font-size:14px;font-family:inherit}
.catalog-search-panel input:focus{border-color:var(--mp-red);outline:none;box-shadow:0 0 0 3px rgba(239,46,46,.08)}

/* Loading */
.shop-loading-indicator{text-align:center;padding:32px}
.shop-loading-indicator span{display:inline-block;width:32px;height:32px;border:3px solid var(--mp-border);border-top-color:var(--mp-red);border-radius:50%;animation:spin .6s linear infinite}
@keyframes spin{to{transform:rotate(360deg)}}

/* ============================================
   PRODUCT DETAIL PAGE
   ============================================ */
.product-breadcrumb{max-width:1320px;margin:0 auto;padding:16px 24px;display:flex;align-items:center;gap:8px;font-size:13px;color:var(--mp-muted);flex-wrap:wrap}
.product-breadcrumb a{color:var(--mp-muted);text-decoration:none;transition:var(--mp-transition)}
.product-breadcrumb a:hover{color:var(--mp-red)}
.product-breadcrumb strong{color:var(--mp-text);font-weight:600}
.product-design-strip{max-width:1320px;margin:0 auto 24px;border-radius:var(--mp-radius)}
.detail-assurance-strip{max-width:1320px;margin:0 auto 32px;padding:0 24px;display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.detail-assurance-strip span{background:var(--mp-bg);border:1px solid var(--mp-border);border-radius:12px;padding:14px 18px;font-size:13px;color:var(--mp-muted);line-height:1.5}
.detail-assurance-strip strong{color:var(--mp-text);display:block;margin-bottom:2px}
.product-detail{max-width:1320px;margin:0 auto;padding:0 24px 64px;display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:start}
.product-gallery{position:sticky;top:100px}
.detail-image{background:var(--mp-bg);border-radius:var(--mp-radius);overflow:hidden;aspect-ratio:1;display:flex;align-items:center;justify-content:center}
.detail-image img{width:100%;height:100%;object-fit:cover;transition:var(--mp-transition)}
.gallery-thumbs{display:flex;gap:8px;margin-top:12px}
.gallery-thumb{width:72px;height:72px;border:2px solid var(--mp-border);border-radius:10px;overflow:hidden;cursor:pointer;background:var(--mp-bg);padding:0;transition:var(--mp-transition)}
.gallery-thumb.active,.gallery-thumb:hover{border-color:var(--mp-red)}
.gallery-thumb img{width:100%;height:100%;object-fit:cover}
.product-overview{display:flex;flex-direction:column;gap:20px}
.product-overview h1{font-size:28px;font-weight:800;margin:0;letter-spacing:-.3px}
.price-block{display:flex;align-items:baseline;gap:12px}
.price-block .current-price{font-size:28px;font-weight:800;color:var(--mp-red)}
.price-block .original-price{font-size:16px;color:var(--mp-muted);text-decoration:line-through}
.stock-label{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:600;padding:6px 14px;border-radius:999px}
.stock-label.instock{background:#D1FAE5;color:#065F46}
.stock-label.outofstock{background:#FEE2E2;color:#991B1B}
.stock-label.onbackorder{background:#FEF3C7;color:#92400E}
.product-description{font-size:14px;line-height:1.7;color:var(--mp-muted)}
.product-description h2,.product-description h3{color:var(--mp-text);font-size:16px;font-weight:700;margin:16px 0 8px}
.product-spec-table{border-collapse:collapse;width:100%;font-size:13px}
.product-spec-table th,.product-spec-table td{padding:10px 16px;border-bottom:1px solid var(--mp-border);text-align:left}
.product-spec-table th{color:var(--mp-muted);font-weight:500;width:40%}
.product-spec-table td{color:var(--mp-text);font-weight:600}
.product-cta-group{display:flex;flex-direction:column;gap:10px;padding:24px;background:var(--mp-bg);border-radius:var(--mp-radius);border:1px solid var(--mp-border)}
.product-cta-group .button{width:100%;justify-content:center}
.product-tags{display:flex;flex-wrap:wrap;gap:6px}
.product-tags a{background:var(--mp-bg);border:1px solid var(--mp-border);padding:5px 12px;border-radius:999px;font-size:11px;font-weight:500;color:var(--mp-muted);text-decoration:none;transition:var(--mp-transition)}
.product-tags a:hover{border-color:var(--mp-red);color:var(--mp-red)}

/* ============================================
   CATEGORY DIRECTORY
   ============================================ */
.page-title{max-width:1320px;margin:0 auto;padding:32px 24px;text-align:center}
.page-title .eyebrow{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:var(--mp-red);margin:0 0 8px}
.page-title h1{font-size:32px;font-weight:800;margin:0 0 8px;letter-spacing:-.3px}
.page-title p{font-size:15px;color:var(--mp-muted);margin:0;max-width:600px;margin-left:auto;margin-right:auto}
.category-grid{max-width:1320px;margin:0 auto;padding:0 24px 64px;display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px}
.category-tile{background:var(--mp-white);border:1px solid var(--mp-border);border-radius:var(--mp-radius);overflow:hidden;text-decoration:none;color:var(--mp-text);transition:var(--mp-transition);display:flex;flex-direction:column}
.category-tile:hover{border-color:var(--mp-red);box-shadow:0 8px 24px rgba(0,0,0,.08);transform:translateY(-4px)}
.category-tile img{width:100%;aspect-ratio:16/9;object-fit:cover;transition:var(--mp-transition)}
.category-tile:hover img{transform:scale(1.04)}
.category-tile strong{padding:16px 20px 4px;font-size:15px;font-weight:700}
.category-tile em{padding:0 20px;font-size:13px;color:var(--mp-muted);font-style:normal;line-height:1.5}
.category-tile span{padding:8px 20px 16px;font-size:12px;color:var(--mp-red);font-weight:600}
.category-image-placeholder{width:100%;aspect-ratio:16/9;display:flex;align-items:center;justify-content:center;background:var(--mp-bg);font-size:48px;font-weight:800;color:var(--mp-border)}

/* ============================================
   BLOG / GUIDE
   ============================================ */
.blog-page,.blog-detail-page{background:var(--mp-white)}
.blog-hero{padding-top:44px;padding-bottom:20px}
.blog-toolbar{max-width:1320px;margin:0 auto;padding:0 24px 22px}
.blog-search-form{display:flex;gap:10px;align-items:center;justify-content:center;flex-wrap:wrap}
.blog-search-form input{width:min(420px,100%);height:44px;border:1px solid var(--mp-border);border-radius:999px;padding:10px 18px;font:inherit;color:var(--mp-text)}
.blog-search-form input:focus{border-color:var(--mp-red);outline:none;box-shadow:0 0 0 3px rgba(239,46,46,.08)}
.blog-search-form button,.blog-search-form a{height:44px;border:0;border-radius:999px;padding:0 20px;background:var(--mp-dark);color:#fff;font:inherit;font-weight:700;text-decoration:none;display:inline-flex;align-items:center;cursor:pointer}
.blog-search-form a{background:var(--mp-bg);color:var(--mp-muted)}
.blog-grid-section,.blog-related{max-width:1320px;margin:0 auto;padding:24px 24px 64px}
.blog-card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px}
.blog-card-grid-compact{grid-template-columns:repeat(3,minmax(0,1fr))}
.blog-card{background:var(--mp-white);border:1px solid var(--mp-border);border-radius:var(--mp-radius);overflow:hidden;box-shadow:var(--mp-shadow);display:flex;flex-direction:column;transition:var(--mp-transition)}
.blog-card:hover{border-color:var(--mp-red);transform:translateY(-3px)}
.blog-card-media{display:flex;aspect-ratio:16/10;background:var(--mp-bg);color:var(--mp-muted);align-items:center;justify-content:center;text-decoration:none;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.4px;overflow:hidden}
.blog-card-media img{width:100%;height:100%;object-fit:cover;transition:var(--mp-transition)}
.blog-card:hover .blog-card-media img{transform:scale(1.04)}
.blog-card-body{padding:20px;display:flex;flex-direction:column;gap:10px;flex:1}
.blog-card-body time{font-size:11px;font-weight:800;color:var(--mp-red);text-transform:uppercase;letter-spacing:.4px}
.blog-card-body h2{font-size:18px;line-height:1.35;margin:0}
.blog-card-body h2 a{color:var(--mp-text);text-decoration:none}
.blog-card-body h2 a:hover{color:var(--mp-red)}
.blog-card-body p{margin:0;color:var(--mp-muted);font-size:13px;line-height:1.65}
.blog-read-link{margin-top:auto;color:var(--mp-red);font-size:13px;font-weight:800;text-decoration:none}
.blog-pagination{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:28px;flex-wrap:wrap}
.blog-pagination .button{background:var(--mp-dark)}
.blog-pagination .disabled{opacity:.45;pointer-events:none}
.blog-pagination span{font-size:13px;color:var(--mp-muted);font-weight:700}
.blog-detail{max-width:920px;margin:0 auto;padding:44px 24px 56px}
.blog-detail-head{text-align:center;margin-bottom:28px}
.blog-back-link{display:inline-flex;margin-bottom:12px;color:var(--mp-red);font-size:12px;font-weight:800;text-decoration:none;text-transform:uppercase;letter-spacing:.5px}
.blog-detail-head time{display:block;font-size:12px;color:var(--mp-muted);font-weight:700;margin-bottom:10px}
.blog-detail-head h1{font-size:40px;line-height:1.12;margin:0 auto 14px;letter-spacing:-.5px;max-width:820px}
.blog-detail-head p{max-width:720px;margin:0 auto;color:var(--mp-muted);font-size:16px;line-height:1.7}
.blog-detail-media{margin:0 0 30px;border-radius:22px;overflow:hidden;border:1px solid var(--mp-border);background:var(--mp-bg)}
.blog-detail-media img{width:100%;display:block;aspect-ratio:16/9;object-fit:cover}
.blog-detail-body{font-size:16px;line-height:1.85;color:var(--mp-text)}
.blog-detail-body h2,.blog-detail-body h3{line-height:1.3;color:var(--mp-text);margin:28px 0 12px}
.blog-detail-body p{margin:0 0 16px}
.blog-detail-body a{color:var(--mp-red);font-weight:700}

@media(max-width:768px){
.blog-card-grid-compact{grid-template-columns:1fr}
.blog-detail-head h1{font-size:30px}
.blog-detail{padding-top:30px}
}

/* ============================================
   CART & CHECKOUT
   ============================================ */
.cart-page,.checkout-page{max-width:900px;margin:0 auto;padding:32px 24px 64px}
.cart-page h1,.checkout-page h1{font-size:28px;font-weight:800;margin:0 0 24px;letter-spacing:-.3px}
.cart-table{width:100%;border-collapse:collapse;font-size:14px}
.cart-table th{padding:12px 16px;text-align:left;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.3px;color:var(--mp-muted);border-bottom:2px solid var(--mp-border)}
.cart-table td{padding:14px 16px;border-bottom:1px solid var(--mp-border);vertical-align:middle}
.cart-table img{width:64px;height:64px;object-fit:cover;border-radius:10px}
.cart-total-row{display:flex;justify-content:space-between;align-items:center;padding:20px 0;border-top:2px solid var(--mp-text);margin-top:16px;font-size:18px;font-weight:800}
.cart-actions{display:flex;gap:12px;margin-top:24px}

/* ============================================
   OTHER PAGES
   ============================================ */
.page-content{max-width:800px;margin:0 auto;padding:32px 24px 64px}
.page-content h1{font-size:32px;font-weight:800;margin:0 0 16px}
.page-content p,.page-content li{font-size:15px;line-height:1.8;color:var(--mp-muted)}
.faq-list{max-width:800px;margin:0 auto;padding:0 24px 64px;display:flex;flex-direction:column;gap:12px}
.faq-item{background:var(--mp-white);border:1px solid var(--mp-border);border-radius:12px;overflow:hidden}
.faq-item summary{padding:16px 20px;font-weight:600;font-size:15px;cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center}
.faq-item summary::-webkit-details-marker{display:none}
.faq-item p{padding:0 20px 16px;font-size:14px;line-height:1.7;color:var(--mp-muted);margin:0}

/* RESPONSIVE ADDITIONS */
@media(max-width:1024px){
.store-layout{grid-template-columns:1fr}
.store-sidebar{position:static}
.commerce-grid{grid-template-columns:1fr}
.order-summary-card{position:static}
.cart-line{grid-template-columns:80px minmax(0,1fr);gap:14px}
.cart-line-total,.quantity-form,.remove-form{grid-column:2}
.cart-line-total{text-align:left}
.product-detail{grid-template-columns:1fr}
.product-gallery{position:static}
.detail-assurance-strip{grid-template-columns:1fr}
}
@media(max-width:768px){
.filter-toggle{display:inline-flex}
.store-sidebar{display:none}
.store-sidebar.is-open{display:block}
.store-header{flex-direction:column}
.category-grid{grid-template-columns:1fr 1fr}
}

/* ============================================
   TRUST BAND
   ============================================ */
.trust-band{background:var(--mp-dark);color:#fff;padding:0}
.trust-band-inner{max-width:1320px;margin:0 auto;padding:20px 24px;display:flex;align-items:center;gap:32px;flex-wrap:wrap}
.trust-item{display:flex;align-items:center;gap:10px;font-size:13px;font-weight:500;color:#94A3B8;white-space:nowrap}
.trust-item svg{color:var(--mp-red);flex-shrink:0}
.trust-cta{margin-left:auto;background:var(--mp-red);color:#fff;text-decoration:none;padding:12px 24px;border-radius:12px;display:flex;flex-direction:column;align-items:center;transition:var(--mp-transition);white-space:nowrap}
.trust-cta:hover{background:#D42626;transform:translateY(-2px)}
.trust-cta strong{font-size:13px;font-weight:700}
.trust-cta span{font-size:11px;opacity:.85}

/* Footer wrapper fix */
.site-footer{max-width:100%;background:#0B1220;padding:64px 0 32px}
.site-footer{display:grid;grid-template-columns:1.5fr repeat(3,1fr);gap:40px;max-width:1320px;margin:0 auto;padding:64px 24px 32px}
@media(max-width:1024px){.trust-band-inner{justify-content:center;text-align:center}.trust-cta{margin-left:0;width:100%}}
@media(max-width:768px){.trust-band-inner{flex-direction:column;gap:16px}}
@media(max-width:1024px){.site-footer{grid-template-columns:1fr 1fr}}
@media(max-width:768px){.site-footer{grid-template-columns:1fr;gap:24px;padding:44px 24px 28px}.footer-link-groups{display:grid;grid-template-columns:1fr;gap:20px}.footer-link-group a,.footer-contact a,.footer-brand p,.footer-brand small{overflow-wrap:anywhere}.social-link-row{align-items:stretch;flex-direction:column}.social-link{justify-content:center;width:100%}}

/* ============================================
   LIVE SITE MATCH PASS - HEADER
   ============================================ */
.site-header{background:#fff!important;border-bottom:0!important;box-shadow:none}
.site-header-inner{min-height:110px;padding:24px 24px;gap:30px;flex-wrap:nowrap;justify-content:space-between}
.site-brand{display:flex;align-items:center;flex:0 0 255px}
.site-brand img{max-height:62px!important}
.site-search{height:52px;max-width:520px;background:#f4f4f4;border:0;border-radius:999px;box-shadow:none;overflow:visible}
.site-search:focus-within{border-color:transparent;box-shadow:0 0 0 2px rgba(0,136,204,.1)}
.site-search .live-search-field{min-width:0}
.site-search input{height:52px;padding:0 20px;font-size:14px;color:#52565b}
.site-search input::placeholder{color:#9b9da1}
.site-search button{position:relative;width:60px;height:52px;min-width:60px;background:transparent;color:#4f5660;border:0;padding:0;font-size:0;border-radius:0}
.site-search button:hover{background:transparent;color:#111827}
.site-search button::before{content:'';position:absolute;left:18px;top:16px;width:16px;height:16px;border:1.8px solid currentColor;border-radius:50%}
.site-search button::after{content:'';position:absolute;left:31px;top:31px;width:9px;height:2px;background:currentColor;transform:rotate(45deg);border-radius:2px}
.header-phone{display:grid;grid-template-columns:32px auto;grid-template-rows:auto auto;column-gap:10px;align-items:center;min-width:180px;color:#222529;text-decoration:none;line-height:1.05}
.header-phone svg{grid-row:1 / 3;color:#222529}
.header-phone span{font-size:10px;font-weight:900;color:#595d63;letter-spacing:0}
.header-phone strong{font-size:20px;font-weight:900;color:#222529;white-space:nowrap;letter-spacing:0}
.site-tools{gap:16px;flex:0 0 auto}
.header-auth-actions{display:flex;align-items:center;gap:10px;flex:0 0 auto}
.header-auth-link{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:0 16px;border-radius:999px;text-decoration:none;font-size:12px;font-weight:900;line-height:1;white-space:nowrap;transition:var(--mp-transition)}
.header-auth-link-secondary{border:1px solid #dfe4ec;background:#fff;color:#222529}
.header-auth-link-secondary:hover{border-color:#222529;background:#222529;color:#fff}
.header-auth-link-primary{border:1px solid #20b85a;background:#20b85a;color:#fff}
.header-auth-link-primary:hover{border-color:#149247;background:#149247;color:#fff}
.contact-chip.header-icon-link,.cart-chip.header-icon-link{position:relative;display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;min-height:0;padding:0;background:transparent!important;color:#222529!important;border:0!important;border-radius:0;text-decoration:none}
.contact-chip.header-icon-link:hover,.cart-chip.header-icon-link:hover{background:transparent!important;color:#0088cc!important}
.header-icon-link svg{display:block;flex:0 0 auto}
.header-icon-count{position:absolute;top:-8px;right:-8px;display:inline-flex;align-items:center;justify-content:center;min-width:17px;height:17px;padding:0 5px;border-radius:999px;background:#ff3a3a;color:#fff;font-size:10px;font-weight:800;line-height:1}
.header-icon-count:empty{display:none}
.site-nav-bar{background:#f4f4f4;border:0}
.site-nav{min-height:29px;gap:8px;flex-wrap:nowrap;overflow:visible;padding:10px 24px 14px}
.site-nav-item{position:relative}
.site-nav-link{display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:0 14px;border:1px solid transparent;border-radius:999px;background:transparent;color:#555;font-size:12px;font-weight:900;line-height:1;text-transform:none;letter-spacing:0;text-decoration:none;transition:var(--mp-transition)}
.site-nav-link:hover,.site-nav-link.is-active{color:#0088cc;background:#fff;border-color:#dbe2ea;box-shadow:0 10px 20px rgba(15,23,42,.06)}
.site-nav-link.is-active::after{display:none}
.site-nav-catalog{display:block}
.site-nav-catalog>.site-nav-link{background:#222529;border-color:#222529;color:#fff}
.site-nav-catalog>.site-nav-link:hover,.site-nav-catalog>.site-nav-link.is-active{background:#0088cc;border-color:#0088cc;color:#fff}
.site-nav-admin{display:none}
.site-nav-dropdown{padding:14px;min-width:260px;border-radius:18px;background:#fff;box-shadow:0 20px 42px rgba(15,23,42,.12)}
.site-nav-dropdown a{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;border-radius:10px}
.site-nav-mega{min-width:540px;columns:2;column-gap:10px}
.site-nav-mega a span{font-size:11px;color:#8c95a0;margin-left:10px}
.site-nav-all-link{border-top:1px solid #e6ebf1;margin-top:8px;padding-top:12px!important;column-span:all;font-weight:900!important;color:#0088cc!important}

@media(max-width:1180px){
.site-header-inner{gap:18px}
.site-brand{flex-basis:230px}
.header-phone{min-width:158px}
.header-phone strong{font-size:17px}
.site-search{max-width:430px}
}
@media(max-width:768px){
.site-header-inner{width:100%;max-width:none;min-height:111px;padding:20px 16px;gap:18px;flex-wrap:nowrap;justify-content:flex-start}
.site-brand{flex:0 1 222px;order:1}
.site-brand img{width:auto;max-width:222px;max-height:42px!important}
.header-auth-actions{display:none}
.mobile-nav-toggle{order:0;width:28px;min-height:28px;border:0;background:transparent}
.site-header.is-mobile-nav-open .mobile-nav-toggle{background:transparent}
.site-tools{display:none!important}
.header-phone{display:none}
.contact-chip.header-icon-link,.cart-chip.header-icon-link{width:27px;height:27px}
.header-icon-link svg{width:24px;height:24px}
.site-search{order:4;flex-basis:100%;max-width:100%;height:44px;margin-top:0;display:none}
.site-search input{height:44px;font-size:12px}
.site-search button{height:44px;width:50px;min-width:50px}
.site-nav-bar{background:#fff}
.site-nav{display:grid;width:min(100% - 48px,720px);justify-content:stretch;align-items:stretch;gap:0;overflow:visible;padding:8px 0 18px}
.site-nav-item{display:block;width:100%;min-height:0;border-bottom:1px solid #e7e7e7}
.site-nav-link{display:flex;width:100%;min-height:46px;align-items:center;justify-content:center;padding:12px 8px;font-size:16px;line-height:1.25;text-align:center;white-space:normal}
.site-nav-item:last-of-type{border-bottom:0}
.site-nav-dropdown{position:static;display:grid;min-width:0;max-width:none;border:0;border-left:2px solid #e7e7e7;border-radius:0;box-shadow:none;padding:0 0 10px 12px;opacity:1;visibility:visible;transform:none}
.site-nav-dropdown a{justify-content:flex-start;min-height:38px;padding:8px 0;text-align:left}
.site-nav-mobile-tools{width:100%;justify-self:stretch}
.home-auth-strip{flex-direction:column;align-items:stretch;padding:18px 16px;border-radius:18px}
.home-auth-actions{flex-direction:column;align-items:stretch;width:100%}
.home-auth-actions .button,.home-auth-actions form,.home-auth-actions .button-light{width:100%}
}

/* ============================================
   LIVE SITE MATCH PASS - FOOTER
   ============================================ */
.trust-band{display:none}
body.storefront .site-footer{max-width:1320px;margin:0 auto;background:#222529;color:#aaa;padding:70px 24px 34px;display:grid;grid-template-columns:1.05fr .95fr repeat(2,1fr);gap:58px 48px;box-shadow:0 0 0 100vmax #222529;clip-path:inset(0 -100vmax)}
body.storefront .footer-about,body.storefront .footer-contact-live,body.storefront .footer-service-links,body.storefront .footer-guide-links{display:flex;flex-direction:column;align-items:flex-start;gap:12px}
body.storefront .footer-about>strong,body.storefront .footer-contact-live>strong,body.storefront .footer-service-links>strong,body.storefront .footer-guide-links>strong{color:#fff;font-size:15px;font-weight:900;letter-spacing:0;text-transform:uppercase;margin-bottom:18px}
body.storefront .footer-logo{display:inline-flex;align-items:center;flex:0 0 auto!important;order:initial;width:max-content;max-width:100%;background:transparent;padding:0;margin-bottom:18px;box-shadow:none;text-decoration:none}
body.storefront .footer-logo-image{display:block;width:260px;max-width:100%;max-height:none!important;height:auto;object-fit:contain}
body.storefront .footer-contact-live>strong{margin-bottom:2px}
body.storefront .footer-contact-live .footer-contact-logo{margin:0 0 6px}
body.storefront .footer-contact-live .footer-contact-logo .footer-logo-image{width:240px}
.footer-logo-symbol{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;background:#df1024;color:#17191d;font-size:23px;font-weight:950;line-height:1;clip-path:polygon(50% 0,100% 22%,100% 78%,50% 100%,0 78%,0 22%)}
.footer-logo-main{display:flex;flex-direction:column;gap:2px;line-height:1}
.footer-logo-main span{font-size:24px;font-weight:950;letter-spacing:0}
.footer-logo-main b{color:#df1024}
.footer-logo-main strong{color:#fff}
.footer-logo-main em{color:#c9c9c9;font-size:10px;font-style:normal;font-weight:600;letter-spacing:2px}
body.storefront .footer-about p{max-width:310px;margin:0;color:#b6b6b6;font-size:15px;line-height:1.75;font-weight:600}
body.storefront .footer-read-more{margin-top:14px;color:#fff!important;font-size:14px;font-weight:900;text-decoration:underline}
body.storefront .footer-contact-live{font-style:normal;color:#b6b6b6;font-size:14px;line-height:1.55}
body.storefront .footer-contact-live span{display:block;max-width:320px}
body.storefront .footer-contact-live b{display:block;color:#fff;font-size:12px;font-weight:900;text-transform:uppercase}
body.storefront .footer-contact-live a{color:#b6b6b6;text-decoration:none}
body.storefront .footer-contact-live a:hover,body.storefront .footer-service-links a:hover,body.storefront .footer-guide-links a:hover{color:#fff}
body.storefront .footer-contact-live .social-link-row{display:flex;flex-direction:row;gap:12px;margin-top:12px}
body.storefront .footer-contact-live .social-link{display:inline-flex;width:40px;height:40px;min-height:40px;align-items:center;justify-content:center;border:1px solid #34383d;border-radius:999px;background:transparent;color:#fff;padding:0;font-size:0}
body.storefront .footer-contact-live .social-link span{width:auto;height:auto;background:transparent;color:#fff;font-size:13px}
body.storefront .footer-guide-links{grid-column:span 2}
body.storefront .footer-guide-link-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 28px;width:100%}
body.storefront .footer-guide-link-columns>div{display:flex;flex-direction:column;align-items:flex-start;gap:8px;min-width:0}
body.storefront .footer-service-links a,body.storefront .footer-guide-links a{width:auto;color:#b6b6b6;text-decoration:none;font-size:14px;font-weight:600;line-height:1.4}
body.storefront .footer-bottom{grid-column:1 / -1;display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:38px;padding-top:28px;border-top:1px solid #34383d;color:#777;font-size:13px}
body.storefront .footer-bottom small{color:#777;font-size:13px}
.footer-payment-badges{display:flex;gap:6px}
.footer-payment-badges b{display:inline-flex;align-items:center;justify-content:center;min-width:58px;height:32px;background:#292d32;color:#fff;border-radius:3px;padding:0 10px;font-size:13px;font-weight:900}
.footer-payment-badges b:last-child{font-size:13px;text-transform:lowercase}

@media(max-width:1024px){
body.storefront .site-footer{grid-template-columns:1fr 1fr;gap:42px 36px}
}
@media(max-width:768px){
body.storefront .site-footer{grid-template-columns:1fr;gap:32px;padding:42px 10px 28px}
body.storefront .footer-about>strong,body.storefront .footer-contact-live>strong,body.storefront .footer-service-links>strong,body.storefront .footer-guide-links>strong{margin-bottom:8px}
body.storefront .footer-logo{margin-bottom:8px}
body.storefront .footer-logo-image{width:250px}
body.storefront .footer-guide-links{grid-column:auto}
body.storefront .footer-guide-link-columns{grid-template-columns:1fr;gap:8px}
body.storefront .footer-about p,body.storefront .footer-contact-live span{max-width:none;font-size:13px}
body.storefront .footer-contact-live .social-link-row{width:100%;justify-content:flex-start;flex-direction:row}
body.storefront .footer-bottom{flex-direction:column;align-items:flex-start;margin-top:12px;padding-top:22px}
.footer-payment-badges{flex-wrap:wrap}
}

/* ============================================
   LIVE SITE MATCH PASS - CATEGORY ARCHIVE
   ============================================ */
body.storefront .store-main-live-empty{width:100%;max-width:none;min-height:60px;margin:0;padding:0}
body.storefront .store-main-live-empty h1{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
body.storefront .archive-store-main{width:100%;max-width:none}
body.storefront .store-layout.has-archive-sidebar{max-width:1184px;padding:0 0 68px;grid-template-columns:260px minmax(0,1fr);gap:40px;align-items:start}
body.storefront .archive-category-sidebar{position:sticky;top:118px;border:0;background:transparent;border-radius:0;padding:0;color:#6f6f76}
.archive-sidebar-heading{display:flex;align-items:center;justify-content:space-between;margin:0 0 22px;color:#222529}
.archive-sidebar-heading strong{font-size:16px;font-weight:900;line-height:1}
.archive-sidebar-heading span{font-size:20px;font-weight:600;color:#222529}
.archive-category-sidebar nav{display:flex;flex-direction:column;gap:12px}
.archive-category-sidebar a{display:block;color:#777982;text-decoration:none;font-size:14px;font-weight:800;line-height:1.55}
.archive-category-sidebar a:hover,.archive-category-sidebar a.is-active{color:#222529}
.archive-category-sidebar a span,.archive-category-sidebar a b{font:inherit}
.archive-category-sidebar a b{font-weight:900}
.archive-design-strip{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:26px;min-height:110px;margin:0 0 20px;border-radius:14px;background:linear-gradient(135deg,#127c5e,#003d33);padding:24px 40px;color:#fff;overflow:hidden}
.archive-design-strip span{display:inline-flex;align-items:center;justify-content:center;min-height:38px;border-radius:999px;background:#27d66d;color:#fff;padding:0 18px;font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.4px;box-shadow:0 10px 22px rgba(39,214,109,.28)}
.archive-design-strip strong{font-size:26px;font-weight:950;line-height:1.05;color:#fff}
.archive-design-strip strong em{display:block;color:#27d66d;font-style:normal}
.archive-design-strip a{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:52px;border-radius:10px;background:#fff;color:#075d50;text-decoration:none;padding:0 24px;font-size:12px;font-weight:950;white-space:nowrap}
.archive-design-strip a:hover{color:#053c35;transform:translateY(-1px)}
.archive-page-title{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.archive-shop-toolbar{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:0 0 20px;color:#777982}
.archive-sort-control,.archive-view-tools{display:flex;align-items:center;gap:10px}
.archive-sort-control label,.archive-view-tools span{font-size:13px;color:#777982;font-weight:600}
.archive-sort-control select,.archive-view-tools select{height:35px;border:1px solid #dedede;background:#fff;color:#777982;padding:0 30px 0 10px;border-radius:0;font-size:13px;font-weight:500;font-family:inherit}
.archive-sort-control select{width:184px}
.archive-view-tools select{width:54px;padding:0 8px}
.archive-page-button,.archive-view-button{display:inline-flex;align-items:center;justify-content:center;width:35px;height:35px;border:1px solid #dedede;background:#fff;color:#777982;text-decoration:none;font-size:14px;font-weight:900;border-radius:0;padding:0;font-family:inherit;cursor:default}
a.archive-page-button{cursor:pointer}
.archive-page-button.is-current{border-color:#0088cc;color:#0088cc}
.archive-page-button.is-disabled{opacity:.45;pointer-events:none}
.archive-next-page{font-size:24px!important;font-weight:500!important}
.archive-view-button{display:grid;grid-template-columns:repeat(3,4px);grid-auto-rows:4px;gap:3px}
.archive-view-button span{display:block;width:4px;height:4px;background:#222529}
.archive-view-button i{display:block;width:15px;height:4px;background:#222529}
.archive-view-button:not(.is-current){opacity:.82}
body.storefront .has-archive-sidebar .product-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:26px 18px}
body.storefront .product-card-archive{display:block;border:0;border-radius:0;background:#fff;box-shadow:none;overflow:visible;transform:none;transition:transform .28s ease,box-shadow .28s ease}
body.storefront .product-card-archive:hover{border-color:transparent;box-shadow:0 16px 34px rgba(15,23,42,.08);transform:translateY(-3px)}
body.storefront .product-card-archive .product-card-link{display:block;height:auto;color:#222529;text-align:center}
body.storefront .product-card-archive .product-image{display:block;width:100%;aspect-ratio:1/1;background:#f3f3f3;border-radius:0;overflow:hidden}
body.storefront .product-card-archive .product-image img{display:block;width:100%;height:100%;object-fit:cover;border-radius:0;transition:transform .45s ease}
body.storefront .product-card-archive:hover .product-image img{transform:scale(1.04)}
body.storefront .product-card-archive .product-info{display:flex;flex-direction:column;align-items:center;gap:6px;padding:16px 8px 0;text-align:center}
.product-archive-meta{display:block;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#a2a2a2;font-size:10px;font-weight:700;line-height:1.2;text-transform:uppercase}
body.storefront .product-card-archive .product-info strong{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;color:#222529;font-size:14px;font-weight:900;line-height:1.22;min-height:34px;max-width:260px}
.product-archive-rating{display:block;color:#d8d8d8;font-size:16px;letter-spacing:1px;line-height:1}
body.storefront .product-card-archive .price{display:block;margin:2px 0 0;color:#4b4b4d;font-size:19px;font-weight:950;line-height:1.15}

@media(min-width:769px){
body.storefront .archive-store-main{padding:12px 0 68px}
}
@media(max-width:1024px){
body.storefront .store-layout.has-archive-sidebar{max-width:none;margin:0;padding:16px 16px 54px;grid-template-columns:1fr;gap:0}
body.storefront .archive-category-sidebar{position:static;border:1px solid #e5e5e5;background:#fff;padding:18px;margin:0 0 18px}
body.storefront .archive-design-strip{margin-top:0}
}
@media(max-width:768px){
body.storefront .archive-store-main{padding-top:0}
body.storefront .store-layout.has-archive-sidebar{padding:0 16px 42px}
body.storefront .archive-design-strip{grid-template-columns:1fr auto;gap:8px;min-height:98px;margin:0 0 20px;padding:17px 16px;border-radius:13px}
.archive-design-strip span{grid-column:1 / 2;width:max-content;min-height:30px;padding:0 12px;font-size:9px}
.archive-design-strip strong{grid-column:1 / 2;font-size:17px;line-height:1.05}
.archive-design-strip a{grid-column:2;grid-row:1 / span 2;min-height:40px;padding:0 15px;font-size:9px}
.archive-shop-toolbar{position:relative;align-items:flex-start;gap:6px;margin-bottom:18px}
.archive-filter-toggle{position:absolute;left:-16px;top:-9px;display:inline-grid!important;width:40px;height:40px;border:1px solid #dedede;border-left:0;border-radius:0;background:#fff;padding:0;place-items:center}
.archive-filter-toggle span{display:block;width:16px;height:2px;background:#777982;box-shadow:0 5px 0 #777982,0 -5px 0 #777982}
.archive-filter-toggle span+span{display:none}
.archive-sort-control{padding-left:0;margin-top:20px}
.archive-sort-control label,.archive-view-tools span{display:none}
.archive-sort-control select{width:140px;height:36px;font-size:11px;font-weight:900;color:#222529;text-transform:uppercase}
.archive-view-tools{position:absolute;top:56px;right:0;margin:0;gap:5px}
.archive-view-tools select,.archive-page-button,.archive-view-button{width:31px;height:35px;font-size:12px}
.archive-view-button{display:none}
body.storefront .has-archive-sidebar .product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 18px}
body.storefront .product-card-archive .product-info{padding:14px 0 0;gap:6px}
.product-archive-meta{font-size:9px}
body.storefront .product-card-archive .product-info strong{font-size:13px;line-height:1.2;min-height:32px}
.product-archive-rating{font-size:15px}
body.storefront .product-card-archive .price{font-size:18px}
}

/* ============================================
   LIVE SITE MATCH PASS - HOME
   ============================================ */
.home-design-strip-primary,.home-design-strip-secondary{position:relative;overflow:hidden;max-width:1320px;margin:22px auto 28px;border-radius:28px;background:linear-gradient(105deg,#127c58 0%,#075742 48%,#082f2e 100%);box-shadow:0 18px 40px rgba(8,47,46,.12);justify-content:space-between;padding:30px 46px;gap:28px;min-height:112px}
.home-design-strip-primary:hover,.home-design-strip-secondary:hover{background:linear-gradient(105deg,#148a61 0%,#086046 48%,#073330 100%);color:#fff}
.home-design-strip-primary::after,.home-design-strip-secondary::after{content:'';position:absolute;top:50%;right:260px;width:188px;height:188px;transform:translateY(-50%) rotate(-8deg);background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Cpath fill='%23fff' d='M32 6C17.64 6 6 17.64 6 32c0 4.78 1.29 9.25 3.54 13.09L6.6 56.84a2 2 0 0 0 2.43 2.43l11.75-2.94A25.86 25.86 0 0 0 32 58c14.36 0 26-11.64 26-26S46.36 6 32 6Zm0 47.5c-3.66 0-7.09-.91-10.11-2.51a3 3 0 0 0-2.14-.26l-8.31 2.08 2.08-8.31a3 3 0 0 0-.26-2.14A21.36 21.36 0 0 1 10.5 32C10.5 20.13 20.13 10.5 32 10.5S53.5 20.13 53.5 32 43.87 53.5 32 53.5Z'/%3E%3Cpath fill='%23fff' d='M24.3 19.43c-.53-1.18-1.09-1.2-1.59-1.22h-1.36c-.47 0-1.23.18-1.88.88-.64.71-2.46 2.41-2.46 5.86s2.52 6.79 2.87 7.26c.35.47 4.86 7.8 12.02 10.63 5.94 2.35 7.16 1.88 8.45 1.76 1.29-.12 4.16-1.7 4.75-3.34.58-1.64.58-3.05.41-3.34-.18-.29-.65-.47-1.35-.82-.7-.35-4.16-2.05-4.8-2.29-.65-.24-1.12-.35-1.59.35-.47.71-1.82 2.29-2.23 2.76-.41.47-.82.53-1.53.18-.7-.35-2.97-1.09-5.65-3.49-2.09-1.86-3.5-4.17-3.91-4.87-.41-.71-.04-1.09.31-1.44.32-.32.7-.82 1.06-1.23.35-.41.47-.71.7-1.17.24-.47.12-.88-.06-1.23-.17-.35-1.54-3.82-2.14-5.24Z'/%3E%3C/svg%3E") center/contain no-repeat;opacity:.09;pointer-events:none}
.home-design-strip-primary>span,.home-design-strip-primary>strong,.home-design-strip-primary>em,.home-design-strip-secondary>span,.home-design-strip-secondary>strong,.home-design-strip-secondary>em{position:relative;z-index:1}
.home-design-strip-primary span,.home-design-strip-secondary span{display:inline-flex;align-items:center;gap:9px;background:#2bd76f;color:#fff;box-shadow:0 14px 28px rgba(43,215,111,.26);font-size:14px;font-weight:900;padding:13px 22px;letter-spacing:0}
.home-design-strip-primary span::before,.home-design-strip-secondary span::before{content:'';width:8px;height:8px;border-radius:50%;background:#fff}
.home-design-strip-primary strong,.home-design-strip-secondary strong{font-size:33px;line-height:1.05;color:#fff;font-weight:950;letter-spacing:0;text-align:left;flex:1}
.home-design-strip-primary strong b,.home-design-strip-secondary strong b{color:#28d66f}
.home-design-strip-primary em,.home-design-strip-secondary em{display:inline-flex;align-items:center;justify-content:center;background:#fff;color:#075d50;border-radius:14px;padding:20px 34px;font-weight:950;text-transform:uppercase;font-size:15px;letter-spacing:0;box-shadow:0 12px 26px rgba(0,0,0,.16);opacity:1;white-space:nowrap}
.home-live-category-band{max-width:1320px;background:#fff;padding:0 24px 34px;margin:0 auto}
.home-category-feature-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:26px;margin:0 0 26px}
.home-category-feature-card{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 43%;grid-template-rows:auto 1fr auto;align-items:center;gap:22px 36px;min-height:405px;overflow:hidden;border-radius:28px;padding:44px;color:#fff;text-decoration:none;background:#303136;border:1px solid rgba(255,255,255,.12);box-shadow:0 16px 36px rgba(18,24,34,.12);transition:transform .24s ease,box-shadow .24s ease}
.home-category-feature-card:hover{color:#fff;transform:translateY(-2px);box-shadow:0 20px 44px rgba(18,24,34,.16)}
.home-category-feature-card-1{background:radial-gradient(circle at 18% 20%,rgba(216,54,52,.2),transparent 34%),linear-gradient(135deg,#251622 0%,#141b2a 100%)}
.home-category-feature-card-2{background:linear-gradient(135deg,#343437 0%,#2d2e33 100%)}
.home-category-feature-card span{grid-column:1;align-self:start;display:inline-flex;align-items:center;gap:9px;width:max-content;max-width:100%;border-radius:999px;padding:13px 18px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.18);color:#f15b5b;font-size:12px;font-weight:950;letter-spacing:.9px;text-transform:uppercase;white-space:nowrap}
.home-category-feature-card span::before{content:'';display:block;width:9px;height:9px;border-radius:50%;background:currentColor}
.home-category-feature-card-2 span{color:#f2f2f3}
.home-category-feature-card strong{grid-column:1;align-self:center;margin:0;color:#fff;font-size:43px;font-weight:950;line-height:1.12;letter-spacing:0}
.home-category-feature-card strong b{color:#ef3f3b}
.home-category-feature-card em{grid-column:1;align-self:end;display:inline-flex;align-items:center;justify-content:center;width:max-content;min-height:62px;border-radius:12px;background:#dc3934;color:#fff;padding:0 28px;font-size:14px;font-style:normal;font-weight:950;letter-spacing:.4px;text-transform:uppercase;box-shadow:0 12px 28px rgba(220,57,52,.28)}
.home-category-feature-card-2 em{background:#5f636d;box-shadow:0 12px 26px rgba(0,0,0,.16)}
.home-category-feature-card img{grid-column:2;grid-row:1 / 4;display:block;width:100%;height:270px;min-height:0;border-radius:20px;object-fit:cover;align-self:center;box-shadow:0 18px 38px rgba(0,0,0,.3);transition:transform .24s ease;filter:none}
.home-category-feature-card:hover img{transform:scale(1.025)}
.home-reference-category-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;grid-auto-rows:auto!important;gap:26px!important;max-width:100%}
.home-reference-category-card{display:grid!important;grid-template-columns:minmax(0,1fr) 40%;grid-template-rows:auto auto auto;column-gap:22px;align-items:center;min-height:178px;padding:22px!important;border-radius:20px!important;background:#f2f5fb!important;border:1px solid #dfe5ef!important;color:#253247!important;justify-content:stretch!important;box-shadow:0 4px 0 rgba(23,31,45,.02);overflow:hidden}
.home-reference-category-card::before,.home-reference-category-card::after{display:none!important}
.home-reference-category-card img{position:relative!important;inset:auto!important;grid-column:2;grid-row:1 / 4;width:100%!important;height:100%!important;min-height:128px;border-radius:13px!important;object-fit:cover!important;box-shadow:0 10px 20px rgba(13,21,33,.14)!important;filter:none!important;align-self:stretch}
.home-reference-category-card:hover{border-color:#ccd6e6!important;transform:translateY(-2px);box-shadow:0 16px 34px rgba(22,31,48,.08)}
.home-reference-category-card:hover img{transform:scale(1.03)}
.home-reference-category-card span{grid-column:1;display:inline-flex!important;align-items:center;gap:7px;width:max-content;max-width:100%;border-radius:999px;padding:10px 15px!important;background:#fff3cf!important;border:1px solid #ffe19a!important;color:#a35b10!important;margin-bottom:14px!important;font-size:10px!important;font-weight:950!important;text-transform:uppercase;letter-spacing:0!important;white-space:nowrap}
.home-reference-category-card span::before{content:'';display:block;flex:0 0 8px;width:8px;height:8px;border-radius:50%;background:currentColor;opacity:.72}
.home-reference-category-card strong{grid-column:1;font-size:28px!important;line-height:1.08!important;color:#273245!important;font-weight:950!important;max-width:210px;margin-bottom:17px!important;letter-spacing:0!important;overflow-wrap:normal!important;word-break:normal!important;hyphens:none!important}
.home-reference-category-card em{display:none!important}
.home-reference-category-card b{grid-column:1;position:relative;z-index:1;font-size:12px!important;text-transform:uppercase;letter-spacing:0!important;color:#b55b17!important;font-weight:950}
.home-category-tone-2 span{background:#ffe9ef!important;border-color:#ffcbd7!important;color:#b11b4c!important}
.home-category-tone-2 b{color:#b11b4c!important}
.home-category-tone-3 span{background:#dffaff!important;border-color:#aeedf6!important;color:#1e7788!important}
.home-category-tone-3 b{color:#1e7788!important}
.home-category-tone-4 span{background:#e8e8ff!important;border-color:#cfcfff!important;color:#4f46b8!important}
.home-category-tone-4 b{color:#4f46b8!important}
.home-category-tone-5 span{background:#fff0d9!important;border-color:#ffd6a1!important;color:#b85c20!important}
.home-category-tone-5 b{color:#b85c20!important}
.home-category-tone-6 span{background:#f7f8fb!important;border-color:#d5dbe5!important;color:#5a6678!important}
.home-category-tone-6 b{color:#4b5563!important}
.home-featured-products{padding-top:0}
.home-featured-heading{background:linear-gradient(135deg,#120a16,#050a12);color:#fff;border-radius:22px;padding:34px 42px;margin-bottom:34px;box-shadow:0 18px 42px rgba(10,16,24,.12)}
.home-featured-heading .eyebrow{display:inline-flex;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);border-radius:999px;padding:10px 16px;color:#9ca3af!important}
.home-featured-heading h2{font-size:32px;color:#fff}
.home-featured-heading h2::after{content:''}
.home-featured-heading h2{color:#fff}
.home-featured-heading h2::first-letter{color:#fff}
.home-featured-heading .text-link{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.16);border-radius:999px;color:#fff;padding:14px 20px}
.home-editorial-hero{max-width:1320px;margin:16px auto 0;padding:72px 64px;text-align:left;background:#f2f2f4;border-radius:28px;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(300px,.95fr);gap:44px;align-items:end}
.home-editorial-hero .eyebrow{display:inline-flex;grid-column:1 / -1;width:max-content;background:#e3e5ea;color:#252a33;border-radius:999px;padding:13px 24px;font-size:12px;font-weight:950;letter-spacing:0;margin:0}
.home-editorial-hero h1{margin:0;max-width:720px;font-size:70px;line-height:.98;font-weight:950;letter-spacing:0;color:#272b33}
.home-editorial-hero p{max-width:520px;margin:0;color:#777d89;font-size:22px;line-height:1.45;font-weight:800}
.home-brand-story{background:#f2f2f4;max-width:1320px;padding:20px 24px 34px}
.home-brand-copy{background:#1f2024;border-radius:22px;padding:42px}
.home-brand-copy h2{color:#fff!important}
.home-brand-copy p:not(.eyebrow){color:#c4c6cc!important}
.home-brand-story+.home-order-system{background:#f2f2f4;padding-top:0}

/* LIVE SITE MATCH PASS - HOME VISION STORY */
.home-vision-wrapper{position:relative;left:50%;width:100vw;max-width:100vw;margin-left:-50vw;margin-right:-50vw;background:#f5f5f7;color:#1d1d1f;font-family:'Figtree',system-ui,-apple-system,BlinkMacSystemFont,sans-serif;overflow:hidden;padding:60px 20px;box-sizing:border-box}
.home-vision-wrapper *{box-sizing:border-box}
.home-vision-hero{text-align:center;max-width:1000px;margin:0 auto 80px}
.home-vision-badge{display:inline-block;margin:0 0 24px;padding:8px 16px;border-radius:20px;background:rgba(0,0,0,.05);color:#1d1d1f;font-size:12px;font-weight:700;letter-spacing:0;text-transform:uppercase;backdrop-filter:blur(10px)}
.home-vision-hero h2{margin:0 0 24px;font-size:84px;font-weight:900;letter-spacing:0;line-height:1.05;background:linear-gradient(135deg,#1d1d1f 0%,#434345 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:#1d1d1f}
.home-vision-hero p.lead{max-width:800px;margin:0 auto;color:#86868b;font-size:28px;font-weight:600;letter-spacing:0;line-height:1.4}
.home-vision-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;max-width:1200px;margin:0 auto 80px}
.home-vision-card{position:relative;display:flex;flex-direction:column;justify-content:center;overflow:hidden;background:#fff;border-radius:32px;padding:40px;box-shadow:0 20px 40px rgba(0,0,0,.04);transition:transform .5s cubic-bezier(.2,.8,.2,1),box-shadow .5s cubic-bezier(.2,.8,.2,1)}
.home-vision-card:hover{transform:scale(1.02) translateY(-4px);box-shadow:0 30px 60px rgba(0,0,0,.08)}
.home-vision-card-large{grid-column:span 2}
.home-vision-card-full{grid-column:span 3}
.home-vision-card h2{margin:0 0 16px;color:#1d1d1f;font-size:36px;font-weight:800;letter-spacing:0;line-height:1.1}
.home-vision-card h3{margin:0 0 12px;color:#86868b;font-size:20px;font-weight:700;letter-spacing:0}
.home-vision-card p{margin:0;color:#86868b;font-size:18px;font-weight:500;line-height:1.5}
.home-vision-card-dark{background:#1d1d1f;color:#f5f5f7}
.home-vision-card-dark h2{color:#f5f5f7}
.home-vision-card-dark h3,.home-vision-card-dark p{color:#a1a1a6}
.home-vision-specs{display:flex;flex-direction:column;gap:16px;margin:24px 0 0}
.home-vision-specs div{display:flex;align-items:center;justify-content:space-between;gap:18px;padding-bottom:16px;border-bottom:1px solid rgba(0,0,0,.05)}
.home-vision-specs div:last-child{border-bottom:0;padding-bottom:0}
.home-vision-specs dt{color:#86868b;font-size:16px;font-weight:600}
.home-vision-specs dd{margin:0;color:#1d1d1f;font-size:16px;font-weight:800;letter-spacing:0;text-align:right}
.home-vision-process{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:32px}
.home-vision-process div{background:#f5f5f7;border-radius:24px;padding:24px}
.home-vision-process span{display:block;margin-bottom:12px;color:#1d1d1f;font-size:40px;font-weight:900;line-height:1;opacity:.1}
.home-vision-process h4{margin:0 0 8px;color:#1d1d1f;font-size:18px;font-weight:800;letter-spacing:0}
.home-vision-process p{font-size:14px;line-height:1.5}
.home-vision-cta{max-width:600px;margin:0 auto;padding:40px 0;text-align:center}
.home-vision-cta p{margin:0 0 24px;color:#86868b;font-size:16px;font-weight:600;line-height:1.5}
.home-vision-cta a{display:inline-flex;align-items:center;gap:8px;border-radius:99px;background:#1d1d1f;color:#fff;padding:16px 32px;font-size:17px;font-weight:700;text-decoration:none;transition:transform .3s cubic-bezier(.2,.8,.2,1),opacity .3s}
.home-vision-cta a:hover{color:#fff;opacity:.9;transform:scale(1.05)}

@media(max-width:1024px){
.home-category-feature-grid{grid-template-columns:1fr;gap:20px}
.home-category-feature-card{min-height:330px;padding:34px;grid-template-columns:minmax(0,1fr) 40%;border-radius:24px}
.home-category-feature-card strong{font-size:36px}
.home-category-feature-card img{height:220px}
.home-reference-category-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
.home-reference-category-card{grid-template-columns:minmax(0,1fr) 38%;min-height:168px!important}
.home-design-strip-primary,.home-design-strip-secondary{margin-left:18px;margin-right:18px;padding:26px 28px;border-radius:24px}
.home-design-strip-primary::after,.home-design-strip-secondary::after{right:190px;width:156px;height:156px}
.home-design-strip-primary strong,.home-design-strip-secondary strong{font-size:26px}
.home-design-strip-primary em,.home-design-strip-secondary em{padding:17px 22px;font-size:12px}
.home-editorial-hero{grid-template-columns:1fr;padding:58px 42px;margin-left:18px;margin-right:18px}
.home-editorial-hero h1{font-size:56px}
.home-editorial-hero p{font-size:20px}
.home-vision-hero h2{font-size:64px}
.home-vision-hero p.lead{font-size:24px}
.home-vision-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.home-vision-card-full{grid-column:span 2}
}
@media(max-width:768px){
.home-design-strip-primary,.home-design-strip-secondary{margin:12px 10px 18px;padding:18px;gap:14px;border-radius:18px;min-height:0;display:grid;grid-template-columns:1fr}
.home-design-strip-primary::after,.home-design-strip-secondary::after{top:32px;right:-28px;width:118px;height:118px;transform:rotate(-8deg);opacity:.08}
.home-design-strip-primary span,.home-design-strip-secondary span{font-size:11px;padding:10px 14px;width:max-content}
.home-design-strip-primary strong,.home-design-strip-secondary strong{font-size:24px;line-height:1.08;text-align:left}
.home-design-strip-primary em,.home-design-strip-secondary em{font-size:11px;padding:14px 16px;box-shadow:0 8px 18px rgba(0,0,0,.12);white-space:normal}
.home-live-category-band{padding:0 10px 18px}
.home-category-feature-grid{display:flex;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;margin-bottom:14px;padding-bottom:4px}
.home-category-feature-grid::-webkit-scrollbar{display:none}
.home-category-feature-card{flex:0 0 86vw;scroll-snap-align:start;min-height:455px;grid-template-columns:1fr;grid-template-rows:auto auto auto auto;padding:28px 24px;border-radius:20px;gap:20px}
.home-category-feature-card strong{font-size:34px;line-height:1.1}
.home-category-feature-card em{min-height:54px;padding:0 22px;font-size:12px}
.home-category-feature-card img{grid-column:1;grid-row:auto;width:100%;height:190px;min-height:0;border-radius:16px}
.home-reference-category-grid{grid-template-columns:1fr!important;gap:14px!important}
.home-reference-category-card{grid-template-columns:minmax(0,1fr) 38%;min-height:158px!important;padding:18px!important;border-radius:17px!important;column-gap:16px}
.home-reference-category-card img{min-height:118px;border-radius:12px!important}
.home-reference-category-card span{font-size:9px!important;padding:8px 11px!important;margin-bottom:12px!important}
.home-reference-category-card span::before{flex-basis:7px;width:7px;height:7px}
.home-reference-category-card strong{font-size:24px!important;max-width:160px;margin-bottom:14px!important}
.home-reference-category-card b{font-size:12px!important}
.home-featured-heading{margin:0 10px 22px;padding:24px 18px;align-items:flex-start}
.home-featured-heading h2{font-size:25px}
.home-featured-heading .text-link{padding:9px 12px;font-size:11px}
.home-editorial-hero{margin:0 10px;padding:44px 20px 32px;border-radius:20px}
.home-editorial-hero .eyebrow{font-size:10px;padding:11px 16px}
.home-editorial-hero h1{font-size:42px}
.home-editorial-hero p{font-size:18px}
.home-vision-wrapper{padding:48px 16px}
.home-vision-hero{margin-bottom:52px}
.home-vision-badge{font-size:11px;margin-bottom:20px}
.home-vision-hero h2{font-size:44px;margin-bottom:18px}
.home-vision-hero p.lead{font-size:20px;line-height:1.4}
.home-vision-grid{grid-template-columns:1fr;gap:16px;margin-bottom:44px}
.home-vision-card,.home-vision-card-large,.home-vision-card-full{grid-column:auto;padding:28px;border-radius:24px}
.home-vision-card h2{font-size:30px}
.home-vision-card h3{font-size:18px}
.home-vision-card p{font-size:16px}
.home-vision-specs div{align-items:flex-start;flex-direction:column;gap:4px}
.home-vision-specs dd{text-align:left}
.home-vision-process{grid-template-columns:1fr;margin-top:24px}
.home-vision-cta{padding:28px 0 10px}
.home-vision-cta a{width:100%;justify-content:center;font-size:15px;padding:15px 22px}
}

/* ============================================
   HOME SECTION RHYTHM
   ============================================ */
body.storefront .store-main-home{
--mp-home-section-gap:24px;
--mp-home-section-pad:calc(var(--mp-home-section-gap) / 2);
padding-top:18px;
padding-bottom:40px;
}
body.storefront .store-main-home-builder{
padding-top:0;
padding-bottom:0;
}
body.storefront .store-main-home-builder .hb-home>.hb-section{
padding-top:var(--mp-home-section-pad)!important;
padding-bottom:var(--mp-home-section-pad)!important;
margin-top:0!important;
margin-bottom:0!important;
}
body.storefront .store-main-home-builder .mp-category-showcase-shell{
padding-top:18px;
padding-bottom:6px;
}
body.storefront .store-main-home-builder .mp-category-showcase-head{
margin-bottom:22px;
}
body.storefront .store-main-home-builder .mp-category-showcase-trust{
margin-top:8px;
padding-top:7px;
padding-bottom:7px;
}
body.storefront .store-main-home-builder .mp-reference-shell{
padding-top:8px;
padding-bottom:14px;
}
body.storefront .store-main-home-builder .mp-reference-head{
margin-bottom:14px;
}
body.storefront .store-main-home-builder .hb-products-shell{
padding-top:24px;
padding-bottom:26px;
}
body.storefront .store-main-home:not(.store-main-home-builder){
display:grid;
gap:var(--mp-home-section-gap);
align-items:start;
}
body.storefront .store-main-home:not(.store-main-home-builder)>:is(.home-design-strip,.home-auth-strip,.store-section,.home-vision-wrapper){
margin-top:0!important;
margin-bottom:0!important;
}
body.storefront .store-main-home:not(.store-main-home-builder)>:is(.store-section,.home-vision-wrapper){
padding-top:0;
padding-bottom:0;
}
@media(max-width:1024px){
body.storefront .store-main-home{
--mp-home-section-gap:22px;
}
}
@media(max-width:768px){
body.storefront .store-main-home{
--mp-home-section-gap:18px;
padding-top:12px;
padding-bottom:28px;
}
body.storefront .store-main-home-builder .mp-category-showcase-shell{
padding-top:18px;
padding-bottom:8px;
}
body.storefront .store-main-home-builder .hb-products-shell{
padding-top:18px;
padding-bottom:20px;
}
}

/* ============================================
   PRODUCT DETAIL - ENHANCED COMPONENTS
   ============================================ */
.detail-info{display:flex;flex-direction:column;gap:16px}
.detail-info .eyebrow{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:var(--mp-red);margin:0}
.detail-info h1{font-size:28px;font-weight:800;margin:0;letter-spacing:-.3px;line-height:1.3}
.detail-popular-badge{display:inline-flex;align-items:center;gap:6px;background:#FEF2F2;color:var(--mp-red);font-size:11px;font-weight:700;padding:5px 12px;border-radius:999px;text-transform:uppercase;letter-spacing:.5px;width:fit-content}
.detail-meta-row{display:flex;gap:12px;align-items:center;flex-wrap:wrap}
.stock-pill{font-size:12px;font-weight:600;padding:5px 14px;border-radius:999px}
.stock-instock{background:#D1FAE5;color:#065F46}
.stock-outofstock{background:#FEE2E2;color:#991B1B}
.stock-onbackorder{background:#FEF3C7;color:#92400E}
.detail-meta-row>span{font-size:13px;color:var(--mp-muted)}
.detail-price{display:flex;align-items:baseline;gap:12px}
.detail-price strong{font-size:32px;font-weight:800;color:var(--mp-red)}
.detail-price span{font-size:16px;color:var(--mp-muted);text-decoration:line-through}
.catalog-callout{background:#FEF2F2;border:1px solid #FEE2E2;border-radius:12px;padding:16px 20px}
.catalog-callout strong{display:block;font-size:15px;color:var(--mp-red);margin-bottom:4px}
.catalog-callout span{font-size:13px;color:var(--mp-muted)}
.detail-short-description{font-size:14px;color:var(--mp-muted);line-height:1.7;margin:0}
.detail-highlight-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.detail-highlight-grid span{background:var(--mp-bg);border:1px solid var(--mp-border);border-radius:12px;padding:14px 16px;font-size:13px;color:var(--mp-muted)}
.detail-highlight-grid strong{display:block;color:var(--mp-text);font-size:13px;margin-bottom:2px}
.detail-highlight-grid em{font-style:normal}
.product-meta-list{margin:0;display:flex;flex-direction:column;gap:0}
.product-meta-list>div{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px solid var(--mp-border);font-size:13px}
.product-meta-list dt{color:var(--mp-muted);font-weight:500}
.product-meta-list dd{margin:0;font-weight:600;color:var(--mp-text)}
.product-meta-list a{color:var(--mp-red);text-decoration:none}
.detail-action-panel{background:var(--mp-bg);border:1px solid var(--mp-border);border-radius:var(--mp-radius);padding:24px;display:flex;flex-direction:column;gap:12px}
.detail-action-panel>strong{font-size:15px;font-weight:700;color:var(--mp-text)}
.detail-action-panel>span{font-size:13px;color:var(--mp-muted);line-height:1.6}
.detail-cart-form{display:flex;gap:8px;align-items:flex-end}
.detail-cart-form label{font-size:12px;font-weight:600;color:var(--mp-muted);display:flex;flex-direction:column;gap:4px}
.detail-cart-form input[type="number"]{width:72px;padding:10px 12px;border:1px solid var(--mp-border);border-radius:10px;font-size:14px;text-align:center;font-family:inherit}
.detail-cart-form input:focus{border-color:var(--mp-red);outline:none}
.detail-cart-form .button{flex:1}
.wide-action{width:100%;text-align:center;justify-content:center;background:var(--mp-dark)!important;color:#fff!important;border:none!important}
.wide-action:hover{background:#1E293B!important}
.detail-secondary-actions{display:flex;gap:8px}
.detail-secondary-actions .button{flex:1;text-align:center;justify-content:center;font-size:13px;background:var(--mp-white)!important;color:var(--mp-text)!important;border:1px solid var(--mp-border)!important}
.detail-secondary-actions .button:hover{border-color:var(--mp-red)!important;color:var(--mp-red)!important}
.detail-service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:8px}
.detail-service-grid span{background:var(--mp-bg);border:1px solid var(--mp-border);border-radius:12px;padding:14px 16px;font-size:12px;color:var(--mp-muted)}
.detail-service-grid strong{display:block;font-size:13px;color:var(--mp-text);margin-bottom:2px}

/* Product Tabs */
.product-tabs{border-top:1px solid var(--mp-border)}
.product-tab-list{display:flex;gap:0;border-bottom:2px solid var(--mp-border);margin-bottom:24px}
.product-tab-list span{padding:14px 24px;font-size:14px;font-weight:600;color:var(--mp-muted);cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-2px;transition:var(--mp-transition)}
.product-tab-list span:first-child{color:var(--mp-text);border-bottom-color:var(--mp-red)}
.product-tab-panels{font-size:14px;line-height:1.8;color:var(--mp-muted)}
.product-tab-panels h2{font-size:18px;font-weight:700;color:var(--mp-text);margin:0 0 12px}
.product-tab-panels ul,.product-tab-panels ol{padding-left:20px}
.product-tab-panels li{margin-bottom:6px}
.rich-text{line-height:1.8}
.rich-text img{max-width:100%;border-radius:12px;margin:16px 0}
.related-products{border-top:1px solid var(--mp-border);padding-top:48px}

/* ============================================
   LIVE SITE MATCH PASS - PRODUCT DETAIL
   ============================================ */
.product-breadcrumb,.product-design-strip,.detail-assurance-strip{display:none}
.product-page-main{width:100%;max-width:none;margin:0;padding:0 0 58px}
body.storefront .product-detail{max-width:1320px;margin:22px auto 0;padding:0 24px 52px;display:grid;grid-template-columns:minmax(0,520px) minmax(0,1fr);gap:32px;align-items:start;border:0;background:#fff;border-radius:0}
body.storefront .product-gallery{position:static;display:block}
body.storefront .detail-image{display:block;aspect-ratio:1 / 1;border:0;border-radius:0;background:#fff;overflow:hidden}
body.storefront .detail-image img{display:block;width:100%;height:100%;object-fit:cover;border-radius:0}
body.storefront .gallery-thumbs{display:grid;grid-template-columns:112px;gap:0;margin-top:8px}
body.storefront .gallery-thumb{width:112px;min-height:0;aspect-ratio:1 / 1;border:1px solid #e5e5e5;border-radius:0;background:#fff}
body.storefront .gallery-thumb.active,body.storefront .gallery-thumb:hover{border-color:#222529}
body.storefront .detail-info{position:static;display:flex;flex-direction:column;gap:14px;padding:0;background:#fff;border:0;border-radius:0}
body.storefront .detail-info .eyebrow,body.storefront .detail-popular-badge,body.storefront .detail-meta-row,body.storefront .detail-highlight-grid,body.storefront .product-meta-list,body.storefront .detail-actions,body.storefront .detail-service-grid{display:none}
body.storefront .detail-info h1{margin:0;color:#2b2f35;font-size:32px;font-weight:900;line-height:1.13;letter-spacing:0}
.detail-rating-row{display:flex;align-items:center;gap:10px;color:#9a9a9a;font-size:14px;line-height:1}
.detail-rating-row span{letter-spacing:0;color:#a6a6a6}
.detail-rating-row em{font-style:normal;color:#9a9a9a;font-size:13px}
body.storefront .detail-price{display:flex;align-items:baseline;gap:10px;margin:4px 0 10px;padding-top:20px;border-top:1px solid #e2e2e2}
body.storefront .detail-price strong{color:#2b2f35;font-size:28px;font-weight:900;letter-spacing:0}
body.storefront .detail-price span{color:#8a8a8a;font-size:16px;text-decoration:line-through}
body.storefront .detail-price small{flex-basis:100%;display:block;color:#71757d;font-size:12px;font-weight:700;line-height:1.4}
body.storefront .detail-short-description{margin:0;color:#747474;font-size:16px;line-height:1.75;font-weight:600}
.detail-purchase-card{display:grid;gap:16px;margin:8px 0 10px;padding:18px;border:1px solid #e4e8ef;border-radius:20px;background:linear-gradient(180deg,#fff 0%,#f8fafc 100%);box-shadow:0 14px 34px rgba(15,23,42,.055)}
.detail-purchase-copy{display:grid;gap:5px}
.detail-purchase-copy strong{color:#222529;font-size:16px;font-weight:950;line-height:1.25}
.detail-purchase-copy span{color:#747b85;font-size:13px;font-weight:650;line-height:1.5}
.detail-purchase-form{display:grid;grid-template-columns:92px minmax(0,1fr);gap:12px;align-items:end}
.detail-quantity-control{display:grid;gap:6px;margin:0;color:#6b7280;font-size:11px;font-weight:950;text-transform:uppercase}
.detail-quantity-control input{width:100%;height:50px;border:1px solid #dfe5ee;border-radius:999px;background:#fff;color:#222529;font-family:inherit;font-size:15px;font-weight:900;text-align:center;outline:none;transition:border-color .2s ease,box-shadow .2s ease}
.detail-quantity-control input:focus{border-color:#222529;box-shadow:0 0 0 4px rgba(34,37,41,.08)}
.detail-purchase-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.detail-buy-button{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:50px;border:1px solid transparent;border-radius:999px;padding:0 16px;font-family:inherit;font-size:14px;font-weight:950;line-height:1;text-align:center;cursor:pointer;transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease,background .22s ease,color .22s ease}
.detail-buy-button:hover{transform:translateY(-1px)}
.detail-buy-button-primary{background:#222529;color:#fff;box-shadow:0 12px 24px rgba(34,37,41,.16)}
.detail-buy-button-primary:hover{background:#111827;color:#fff;box-shadow:0 16px 30px rgba(17,24,39,.22)}
.detail-buy-button-secondary{border-color:#dfe5ee;background:#fff;color:#222529}
.detail-buy-button-secondary:hover{border-color:#cbd5e1;background:#f8fafc;color:#111827}
.detail-buy-button span{display:inline-flex;align-items:center;justify-content:center;font-size:18px;line-height:1}
.detail-whatsapp-cta{display:grid;grid-template-columns:46px minmax(0,1fr) 34px;gap:12px;align-items:center;min-height:66px;margin:10px 0 18px;padding:10px 12px;border:1px solid rgba(32,184,90,.2);border-radius:20px;background:linear-gradient(180deg,#fff 0%,#f5fbf7 100%);color:#173321;text-decoration:none;box-shadow:0 14px 32px rgba(15,23,42,.055);transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease,background .22s ease}
.detail-whatsapp-cta:hover{transform:translateY(-1px);border-color:rgba(32,184,90,.34);background:#fff;color:#173321;box-shadow:0 18px 38px rgba(15,23,42,.085)}
.detail-whatsapp-icon,.detail-whatsapp-arrow{display:inline-flex;align-items:center;justify-content:center;border-radius:999px}
.detail-whatsapp-icon{width:46px;height:46px;background:#20b85a;color:#fff;box-shadow:0 10px 20px rgba(32,184,90,.2)}
.detail-whatsapp-icon svg{display:block;flex:0 0 auto}
.detail-whatsapp-copy{display:grid;gap:3px;min-width:0}
.detail-whatsapp-copy strong{color:#173321;font-size:15px;font-weight:950;line-height:1.18}
.detail-whatsapp-copy small{color:#5d7166;font-size:12px;font-weight:700;line-height:1.25}
.detail-whatsapp-arrow{width:34px;height:34px;border:1px solid #dcebe2;background:#fff;color:#20b85a;font-size:19px;font-weight:900;line-height:1;transition:transform .22s ease,background .22s ease,color .22s ease,border-color .22s ease}
.detail-whatsapp-cta:hover .detail-whatsapp-arrow{transform:translateX(2px);border-color:#20b85a;background:#20b85a;color:#fff}
.detail-share-row{display:flex;gap:10px;margin-top:10px;padding-top:28px;border-top:1px solid #e2e2e2}
.detail-share-row a{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border:1px solid #e1e1e1;border-radius:999px;background:#fff;color:#3d3d3d;text-decoration:none;font-size:13px;font-weight:900;line-height:1}
.detail-share-row a:hover{border-color:#0088cc;color:#0088cc}
.detail-rating-link{text-decoration:none;color:inherit}
.detail-rating-link strong{color:#222529;font-weight:950}
.detail-rating-link:hover strong,.detail-rating-link:hover em{color:#0088cc}
.detail-rating-link:hover span{color:#f59e0b}
.detail-image{position:relative}
.detail-image-button{position:relative;display:block;width:100%;height:100%;padding:0;border:0;background:transparent;cursor:zoom-in}
.detail-image-button img{display:block;width:100%;height:100%;object-fit:cover}
.detail-image-zoom{position:absolute;right:14px;bottom:14px;display:inline-flex;align-items:center;justify-content:center;min-height:28px;padding:0 12px;border-radius:999px;background:rgba(17,24,39,.8);color:#fff;font-size:11px;font-weight:900;opacity:0;transform:translateY(4px);transition:opacity .2s ease,transform .2s ease}
.detail-image:hover .detail-image-zoom,.detail-image-button:focus-visible .detail-image-zoom{opacity:1;transform:translateY(0)}
.product-tab-list a{display:inline-flex;align-items:center;padding:0 0 14px;border:0;border-bottom:2px solid transparent;margin:0;color:#8c9198;font-size:13px;font-weight:900;text-transform:uppercase;letter-spacing:0;text-decoration:none}
.product-tab-list a:hover,.product-tab-list a.is-active{color:#222529;border-bottom-color:#222529}
.product-tab-panels{display:grid;gap:28px}
.product-tab-panel{scroll-margin-top:120px}
.product-review-panel .section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:18px}
.product-review-summary{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:8px}
.product-review-summary strong{color:#222529;font-size:22px;font-weight:950;line-height:1}
.product-review-summary span{color:#f59e0b;font-size:15px;letter-spacing:1px;line-height:1}
.product-review-summary em{color:#7a8088;font-size:12px;font-style:normal;font-weight:700;line-height:1}
.product-review-list{display:grid;gap:14px}
.product-review-card{padding:16px 18px;border:1px solid #e5e9ef;border-radius:16px;background:#fff;box-shadow:0 10px 26px rgba(15,23,42,.05)}
.product-review-card header{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:10px}
.product-review-card header strong{color:#222529;font-size:14px;font-weight:950}
.product-review-card header span{color:#f59e0b;font-size:13px;letter-spacing:1px}
.product-review-card header time{color:#7a8088;font-size:12px;font-weight:700}
.product-review-card h3{margin:0 0 8px;color:#222529;font-size:15px;line-height:1.3}
.product-review-card p{margin:0;color:#6f7680;font-size:14px;line-height:1.7}
.product-review-empty{display:grid;gap:6px;padding:18px;border:1px dashed #d7dde6;border-radius:16px;background:#fbfcfe;color:#6b7280}
.product-review-empty strong{color:#222529;font-size:14px;font-weight:950}
.product-review-form,.product-quote-form{margin-top:22px;padding:20px;border:1px solid #e4e8ef;border-radius:18px;background:#fff;box-shadow:0 14px 34px rgba(15,23,42,.05)}
.product-review-form .form-grid,.product-quote-form .quote-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.product-review-form label,.product-quote-form label{display:flex;flex-direction:column;gap:6px;color:#6b7280;font-size:13px;font-weight:700}
.product-review-form input,.product-review-form select,.product-review-form textarea,.product-quote-form input,.product-quote-form textarea{padding:12px 14px;border:1px solid #dfe5ee;border-radius:12px;font:inherit;color:#222529;background:#fff;transition:var(--mp-transition)}
.product-review-form input:focus,.product-review-form select:focus,.product-review-form textarea:focus,.product-quote-form input:focus,.product-quote-form textarea:focus{border-color:#20b85a;outline:none;box-shadow:0 0 0 3px rgba(32,184,90,.08)}
.product-review-form .span-2,.product-quote-form .span-2{grid-column:span 2}
.product-review-form .button,.product-quote-form .button{margin-top:14px}
.product-quote-section{padding-top:12px}
.product-quote-section .section-head{align-items:flex-end}
.product-quote-section .section-head p{max-width:540px;margin:0;color:#6f7680;font-size:14px;line-height:1.6}
.product-card-measure{display:block;color:#7b838f;font-size:11px;font-weight:700;line-height:1.2}
.detail-lightbox{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;padding:24px;background:rgba(5,10,15,.88)}
.detail-lightbox[hidden]{display:none}
.detail-lightbox-frame{position:relative;z-index:1;margin:0;max-width:min(92vw,1140px);max-height:86vh;padding:18px;border-radius:22px;background:#0b1220;box-shadow:0 30px 80px rgba(0,0,0,.45)}
.detail-lightbox-frame img{display:block;max-width:100%;max-height:calc(86vh - 36px);object-fit:contain;border-radius:14px}
.detail-lightbox-close{position:absolute;top:10px;right:10px;display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border:0;border-radius:999px;background:rgba(255,255,255,.12);color:#fff;font-size:24px;cursor:pointer;z-index:2}
.detail-lightbox-backdrop{position:fixed;inset:0;border:0;background:transparent;cursor:zoom-out}
body.has-detail-lightbox{overflow:hidden}
.mobile-sticky-product{display:none}
body.storefront .product-tabs{max-width:1320px;margin:0 auto;padding:0 24px 46px;border-top:0}
body.storefront .product-tab-list{display:flex;gap:28px;margin:0 0 28px;border-bottom:1px solid #e1e1e1}
body.storefront .product-tab-panels{display:block;color:#777;font-size:15px;line-height:1.8}
body.storefront .product-tab-panel{border:0;background:#fff;padding:0}
body.storefront .product-tab-panel h2{display:none}
body.storefront .order-note-panel{display:none}
body.storefront .rich-text h2,body.storefront .rich-text h3{color:#222529;font-weight:800;line-height:1.25}
body.storefront .rich-text table{border-collapse:collapse;margin:22px 0;width:auto;min-width:460px}
body.storefront .rich-text th,body.storefront .rich-text td{border:1px solid #d9d9d9;padding:14px 20px;text-align:left}
body.storefront .rich-text th{background:#f1f1f1;color:#777;font-weight:900}
body.storefront .related-products{max-width:1320px;margin:0 auto 70px;padding:40px 24px 0;border-top:1px solid #e5e5e5}
body.storefront .related-products .section-head{align-items:center;margin-bottom:26px}
body.storefront .related-products .section-head h2{font-size:16px;font-weight:900;text-transform:uppercase;letter-spacing:0}

@media(max-width:1024px){
body.storefront .product-detail{grid-template-columns:1fr;gap:24px}
}
@media(max-width:768px){
body.storefront .product-page-main{padding-bottom:150px}
body.storefront .product-detail{margin:18px auto 0;padding:0 12px 34px}
body.storefront .gallery-thumbs{grid-template-columns:84px}
body.storefront .gallery-thumb{width:84px}
body.storefront .detail-info h1{font-size:25px;line-height:1.16}
body.storefront .detail-price strong{font-size:24px}
body.storefront .detail-short-description{font-size:14px;line-height:1.65}
.product-review-panel .section-head,.product-quote-section .section-head{flex-direction:column;align-items:flex-start}
.product-review-summary{justify-content:flex-start}
.product-review-form .form-grid,.product-quote-form .quote-grid{grid-template-columns:1fr}
.product-review-form .span-2,.product-quote-form .span-2{grid-column:auto}
.product-review-form,.product-quote-form{padding:16px}
.detail-lightbox{padding:14px}
.detail-lightbox-frame{padding:14px;border-radius:18px;max-width:94vw}
.detail-lightbox-close{width:34px;height:34px;font-size:22px}
.detail-purchase-card{margin-top:4px;padding:14px;border-radius:18px}
.detail-purchase-form{grid-template-columns:1fr;gap:10px}
.detail-purchase-actions{grid-template-columns:1fr;gap:8px}
.detail-buy-button{min-height:48px}
.detail-whatsapp-cta{grid-template-columns:42px minmax(0,1fr) 30px;min-height:58px;padding:8px 10px;border-radius:17px}
.detail-whatsapp-icon{width:42px;height:42px}
.detail-whatsapp-icon svg{width:20px;height:20px}
.detail-whatsapp-copy strong{font-size:13px}
.detail-whatsapp-copy small{font-size:11px}
.detail-whatsapp-arrow{width:30px;height:30px;font-size:17px}
.detail-share-row{padding-top:18px}
.mobile-sticky-product{position:fixed;left:0;right:0;bottom:68px;z-index:998;display:grid;grid-template-columns:48px minmax(0,1fr) minmax(136px,38vw);gap:10px;align-items:center;border-top:1px solid #e6e6e6;background:#fff;padding:10px 12px;box-shadow:0 -8px 22px rgba(0,0,0,.13)}
.mobile-sticky-product-media{width:48px;height:48px;overflow:hidden;background:#f5f5f5}
.mobile-sticky-product-media img{display:block;width:100%;height:100%;object-fit:cover}
.mobile-sticky-product-info{min-width:0;display:grid;gap:3px}
.mobile-sticky-product-info strong{display:-webkit-box;overflow:hidden;color:#222529;font-size:12px;font-weight:800;line-height:1.25;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.mobile-sticky-product-info span{color:#222529;font-size:15px;font-weight:900;line-height:1.1}
.mobile-sticky-product-action{display:flex;align-items:center;justify-content:center;margin:0;text-decoration:none}
.mobile-sticky-product-action button,.mobile-sticky-product-action{min-height:42px;border:0;border-radius:2px;background:#222529;color:#fff;font-family:inherit;font-size:12px;font-weight:900;text-transform:uppercase;line-height:1;cursor:pointer}
.mobile-sticky-product-action button{width:100%;padding:0 12px}
.mobile-sticky-product-actions{display:grid;grid-template-columns:1fr 1.08fr;gap:6px;min-height:0;background:transparent;color:inherit}
.mobile-sticky-product-actions button{min-height:42px;border-radius:999px;padding:0 10px;font-size:10px;letter-spacing:0}
.mobile-sticky-product-actions button:first-of-type{border:1px solid #dfe5ee;background:#fff;color:#222529}
.mobile-sticky-product-actions button:last-of-type{background:#222529;color:#fff}
body.storefront .product-tabs{padding:0 12px 36px}
body.storefront .product-tab-list{gap:18px;overflow-x:auto}
body.storefront .product-tab-list a{white-space:nowrap;font-size:12px}
body.storefront .rich-text table{min-width:100%;font-size:13px}
body.storefront .related-products{padding:32px 12px 0;margin-bottom:46px}
}

@media(max-width:360px){
.mobile-sticky-product{grid-template-columns:44px minmax(0,1fr) 98px;gap:8px;padding:9px 10px}
.mobile-sticky-product-media{width:44px;height:44px}
.mobile-sticky-product-info strong{font-size:11px}
.mobile-sticky-product-info span{font-size:14px}
.mobile-sticky-product-action button,.mobile-sticky-product-action{font-size:11px}
}

/* ============================================
   CART & CHECKOUT - PREMIUM
   ============================================ */
.commerce-grid{display:grid;grid-template-columns:1fr 380px;gap:32px;align-items:start}
.cart-items{display:flex;flex-direction:column;gap:16px}
.cart-line{background:var(--mp-white);border:1px solid var(--mp-border);border-radius:var(--mp-radius);padding:20px;display:grid;grid-template-columns:80px 1fr auto auto auto;gap:16px;align-items:center;transition:var(--mp-transition)}
.cart-line:hover{border-color:var(--mp-red);box-shadow:var(--mp-shadow)}
.cart-line-media{width:80px;height:80px;border-radius:12px;overflow:hidden;flex-shrink:0}
.cart-line-media img{width:100%;height:100%;object-fit:cover}
.cart-line-info{display:flex;flex-direction:column;gap:4px}
.cart-line-info a{font-size:15px;font-weight:600;color:var(--mp-text);text-decoration:none}
.cart-line-info a:hover{color:var(--mp-red)}
.cart-line-info span{font-size:13px;color:var(--mp-muted)}
.quantity-form{display:flex;align-items:center;gap:8px}
.quantity-form label{font-size:12px;color:var(--mp-muted);display:flex;flex-direction:column;gap:4px}
.quantity-form input[type="number"]{width:60px;padding:8px;border:1px solid var(--mp-border);border-radius:8px;text-align:center;font-size:14px;font-family:inherit}
.quantity-form input:focus{border-color:var(--mp-red);outline:none}
.button-small{font-size:12px!important;padding:6px 14px!important}
.cart-line-total{font-size:16px;font-weight:800;color:var(--mp-red);white-space:nowrap}
.link-button{background:none;border:none;color:var(--mp-muted);font-size:12px;cursor:pointer;padding:4px 8px;transition:var(--mp-transition);font-family:inherit;text-decoration:underline}
.link-button:hover{color:var(--mp-red)}
.remove-form{display:inline}

/* Order Summary Card */
.order-summary-card{background:var(--mp-white);border:1px solid var(--mp-border);border-radius:var(--mp-radius);padding:28px;position:sticky;top:100px}
.order-summary-card h2{font-size:18px;font-weight:700;margin:0 0 20px}
.order-summary-card dl{display:flex;flex-direction:column;gap:0;margin:0 0 20px}
.order-summary-card dl>div{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px solid var(--mp-border);font-size:14px}
.order-summary-card dt{color:var(--mp-muted)}
.order-summary-card dd{font-weight:600;margin:0;color:var(--mp-text)}
.summary-total{border-top:2px solid var(--mp-text)!important;border-bottom:none!important;padding-top:12px!important}
.summary-total dt{font-weight:700;color:var(--mp-text)}
.summary-total dd{font-size:18px!important;font-weight:800!important;color:var(--mp-red)!important}
.summary-note{font-size:12px;color:var(--mp-muted);text-align:center;margin:0 0 16px;line-height:1.5}

/* Auth */
.auth-page{padding:56px 24px 78px;background:#f7f8fa}
.auth-shell{max-width:1040px;margin:0 auto;display:grid;grid-template-columns:minmax(320px,460px) 1fr;gap:24px;align-items:stretch}
.auth-shell-professional{max-width:1160px;grid-template-columns:minmax(0,1.02fr) minmax(320px,.98fr);gap:22px;align-items:start}
.auth-panel,.auth-benefits,.auth-provider-card,.auth-support-note,.account-card,.checkout-auth-panel{background:var(--mp-white);border:1px solid var(--mp-border);border-radius:var(--mp-radius);box-shadow:0 14px 34px rgba(15,23,42,.07)}
.auth-panel{padding:36px;display:flex;flex-direction:column;gap:20px}
.auth-panel-head{display:grid;gap:10px}
.auth-panel h1{max-width:620px;margin:0;font-size:34px;font-weight:800;color:var(--mp-text);line-height:1.12;letter-spacing:0}
.auth-copy{max-width:610px;margin:0;color:var(--mp-muted);line-height:1.62}
.auth-trust-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:10px;border:1px solid #edf0f4;border-radius:12px;background:#fbfcfd}
.auth-trust-strip span{display:grid;gap:2px;min-width:0;padding:10px 12px;border-radius:9px;background:#fff}
.auth-trust-strip strong{color:#202833;font-size:12px;font-weight:900;line-height:1.2}
.auth-trust-strip small{color:var(--mp-muted);font-size:11px;font-weight:700;line-height:1.35}
.auth-credential-panel{gap:20px}
.auth-credential-form{display:grid;gap:14px}
.auth-credential-form label{display:grid;gap:7px;font-size:13px;font-weight:800;color:#505967}
.auth-credential-form input{width:100%;min-height:48px;padding:12px 14px;border:1px solid #dfe5ee;border-radius:8px;background:#fff;color:var(--mp-text);font:inherit;font-size:14px;transition:var(--mp-transition)}
.auth-credential-form input:focus{border-color:var(--mp-red);outline:none;box-shadow:0 0 0 3px rgba(239,46,46,.1)}
.auth-secure-note{margin:0;color:var(--mp-muted);font-size:12px;line-height:1.55}
.auth-secure-note a{color:var(--mp-red);font-weight:900;text-decoration:none}
.auth-secure-note a:hover,.auth-secure-note a:focus-visible{text-decoration:underline}
.auth-provider-stack{display:grid;gap:14px}
.auth-provider-card{padding:28px;display:grid;gap:14px}
.auth-provider-card strong{font-size:21px;color:var(--mp-text);line-height:1.18;letter-spacing:0}
.auth-provider-card p{margin:0;color:var(--mp-muted);font-size:13px;line-height:1.6}
.auth-provider-label{width:max-content;padding:5px 9px;border:1px solid #E5E7EB;border-radius:999px;background:#F8FAFC;color:#475569;font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.08em}
.auth-divider{display:flex;align-items:center;gap:12px;color:var(--mp-muted);font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}
.auth-divider::before,.auth-divider::after{content:"";height:1px;flex:1;background:var(--mp-border)}
.auth-provider-secondary{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:9px 14px;border:1px solid var(--mp-border);border-radius:8px;background:#FAFAFA;color:var(--mp-text);font-size:13px;font-weight:800;text-decoration:none;transition:var(--mp-transition)}
.auth-provider-secondary:hover,.auth-provider-secondary:focus-visible{border-color:#CBD5E1;background:#F8FAFC;outline:none;box-shadow:0 0 0 3px rgba(15,23,42,.06)}
.auth-benefits{padding:24px;display:grid;gap:12px;color:var(--mp-muted);line-height:1.55}
.auth-benefits>strong{font-size:20px;color:var(--mp-text);line-height:1.2}
.auth-benefit-row{position:relative;display:grid;gap:3px;padding:12px 12px 12px 34px;border:1px solid #edf0f4;border-radius:10px;background:#fff}
.auth-benefit-row::before{content:"";position:absolute;left:14px;top:18px;width:8px;height:8px;border-radius:999px;background:var(--mp-red)}
.auth-benefit-row b{color:#1f2937;font-size:13px;line-height:1.3}
.auth-benefit-row small{color:var(--mp-muted);font-size:12px;line-height:1.45}
.auth-support-note{display:grid;gap:6px;padding:18px 20px;background:#fbfcfd;color:var(--mp-muted);line-height:1.5}
.auth-support-note strong{color:var(--mp-text);font-size:15px}
.auth-support-note span{font-size:13px}
.auth-support-note a{width:max-content;max-width:100%;color:var(--mp-red);font-size:13px;font-weight:900;text-decoration:none}
.auth-support-note a:hover,.auth-support-note a:focus-visible{text-decoration:underline}
.google-login-widget{display:flex;align-items:center;justify-content:flex-start;min-height:44px}
.google-login-widget-auth{margin-top:4px}
.google-login-fallback{display:inline-flex;align-items:center;justify-content:center;gap:12px;width:min(100%,340px);min-height:44px;padding:10px 16px;border:1px solid #DADCE0;border-radius:6px;background:#fff;color:#1F2937;font-size:14px;font-weight:800;line-height:1.2;text-decoration:none;box-shadow:0 1px 2px rgba(60,64,67,.08);transition:border-color .18s ease,box-shadow .18s ease,background .18s ease}
.google-login-widget-auth .google-login-fallback{width:100%;max-width:100%}
.google-login-fallback-mark{display:grid;place-items:center;width:24px;height:24px;background:#fff}
.google-login-fallback-mark svg{display:block;width:18px;height:18px}
.google-login-fallback:hover,.google-login-fallback:focus-visible{border-color:#C6C9CE;box-shadow:0 2px 5px rgba(60,64,67,.16);background:#F8FAFC}
.google-login-fallback:focus-visible{outline:3px solid rgba(66,133,244,.22);outline-offset:2px}
.google-login-unavailable{padding:14px 16px;border:1px solid #FEE2E2;border-radius:12px;background:#FEF2F2;color:#991B1B;font-size:14px;font-weight:700}
.account-chip{color:#0088cc!important}

/* Checkout */
.checkout-panel{background:var(--mp-white);border:1px solid var(--mp-border);border-radius:var(--mp-radius);padding:28px}
.checkout-panel h2{font-size:18px;font-weight:700;margin:0 0 20px}
.checkout-auth-panel{max-width:1320px;margin:0 auto 18px;padding:18px 20px;display:flex;align-items:center;justify-content:space-between;gap:18px}
.checkout-auth-panel strong{display:block;font-size:15px;color:var(--mp-text);margin-bottom:4px}
.checkout-auth-panel span{display:block;font-size:13px;color:var(--mp-muted);line-height:1.5}
.checkout-profile-notice{max-width:1320px;margin:0 auto 18px}
.form-subtitle{margin-top:28px!important;padding-top:20px;border-top:1px solid var(--mp-border)}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.form-grid .span-2{grid-column:span 2}
.form-grid label{display:flex;flex-direction:column;gap:6px;font-size:13px;font-weight:600;color:var(--mp-muted)}
.form-grid input,.form-grid select,.form-grid textarea{padding:12px 16px;border:1px solid var(--mp-border);border-radius:10px;font-size:14px;font-family:inherit;color:var(--mp-text);transition:var(--mp-transition)}
.form-grid input:focus,.form-grid select:focus,.form-grid textarea:focus{border-color:var(--mp-red);outline:none;box-shadow:0 0 0 3px rgba(239,46,46,.08)}
.form-checkbox-line{display:flex;align-items:flex-start;gap:10px;font-size:13px;font-weight:500;color:var(--mp-text)}
.form-checkbox-line input{width:auto;margin-top:2px}
.checkout-items{display:flex;flex-direction:column;gap:0;margin-bottom:16px}
.checkout-item{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px solid var(--mp-border);font-size:13px}
.checkout-item span{color:var(--mp-muted)}
.checkout-item strong{color:var(--mp-text);font-weight:600}
.notice-error{background:#FEF2F2!important;color:#991B1B!important;border:1px solid #FEE2E2;border-radius:12px;padding:16px 20px;margin-bottom:20px}
.notice-error strong{display:block;margin-bottom:8px}
.notice-list{margin:8px 0 0;padding-left:20px}
.notice-list li{font-size:13px;margin-bottom:4px}

/* Account */
.account-shell{max-width:1320px;margin:0 auto;padding:0 24px 72px}
.account-grid{display:grid;grid-template-columns:320px minmax(0,1fr);gap:20px;margin-bottom:20px}
.account-card{padding:24px}
.account-profile-card{display:flex;flex-direction:column;align-items:flex-start;gap:12px}
.account-avatar{width:54px;height:54px;border-radius:16px;background:#0088cc;color:#fff;display:flex;align-items:center;justify-content:center;font-size:22px;font-weight:800}
.account-profile-card strong{font-size:20px;color:var(--mp-text)}
.account-profile-card span{font-size:14px;color:var(--mp-muted);word-break:break-word}
.account-profile-card form{width:100%;margin-top:8px}
.account-list-card h2,.account-orders-card h2,.account-address-card h2{margin:0;font-size:18px;font-weight:800;color:var(--mp-text)}
.account-card-kicker{margin:0 0 4px;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:var(--mp-muted)}
.account-address-card{grid-column:2;grid-row:span 2}
.account-address-card .account-card-header span{display:inline-flex;align-items:center;min-height:28px;padding:5px 10px;border:1px solid #BBF7D0;border-radius:999px;background:#F0FDF4;color:#166534;font-size:12px;font-weight:800;white-space:nowrap}
.account-address-form{display:grid;gap:18px}
.account-form-actions{display:flex;justify-content:flex-end;padding-top:4px}
.account-metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:18px}
.account-metrics a{padding:16px;border:1px solid var(--mp-border);border-radius:12px;text-decoration:none;color:var(--mp-text);background:#fafafa}
.account-metrics strong{display:block;font-size:24px;color:var(--mp-red);margin-bottom:2px}
.account-metrics span{font-size:13px;color:var(--mp-muted)}
.account-card-header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px}
.account-card-header a{font-size:13px;font-weight:700;color:var(--mp-red);text-decoration:none}
.account-orders{display:flex;flex-direction:column;border-top:1px solid var(--mp-border)}
.account-order-row{display:grid;grid-template-columns:minmax(180px,1fr) 130px 150px 120px;gap:14px;align-items:center;padding:14px 0;border-bottom:1px solid var(--mp-border);font-size:13px;color:var(--mp-muted)}
.account-order-row strong{color:var(--mp-text)}
.account-order-row div span{display:block;margin-top:3px;color:var(--mp-muted)}
.compact-empty{padding:24px;margin:0}
@media(max-width:768px){
.auth-page{padding:28px 16px 52px}
.auth-shell{grid-template-columns:1fr}
.auth-panel,.auth-benefits,.auth-provider-card{padding:24px}
.auth-panel h1{font-size:28px}
.auth-trust-strip{grid-template-columns:1fr}
.auth-support-note{padding:18px}
.auth-benefit-row{padding-right:10px}
.checkout-auth-panel{align-items:flex-start;flex-direction:column;margin-bottom:16px}
.google-login-widget,.google-login-widget>div,.google-login-fallback{width:100%!important;max-width:100%}
.account-shell{padding:0 16px 56px}
.account-grid{grid-template-columns:1fr}
.account-address-card{grid-column:auto;grid-row:auto}
.account-form-actions{justify-content:stretch}
.account-form-actions .button{width:100%}
.account-card-header{align-items:flex-start;flex-direction:column}
.account-order-row{grid-template-columns:1fr;gap:6px}
}

/* WISHLIST & COMPARE */
.wishlist-grid,.compare-grid{max-width:1320px;margin:0 auto;padding:0 24px 64px}

@media(max-width:768px){
.commerce-grid{grid-template-columns:1fr}
.cart-line{grid-template-columns:60px 1fr;gap:12px}
.cart-line-total{grid-column:span 2;text-align:right}
.quantity-form{grid-column:span 2}
.form-grid{grid-template-columns:1fr}
.form-grid .span-2{grid-column:span 1}
.detail-highlight-grid{grid-template-columns:1fr}
.detail-service-grid{grid-template-columns:1fr}
.detail-secondary-actions{flex-direction:column}
}

@media(max-width:1024px){
.commerce-grid{grid-template-columns:1fr!important}
.order-summary-card{position:static!important}
.cart-line{grid-template-columns:80px minmax(0,1fr)!important;gap:14px}
.cart-line-total,.quantity-form,.remove-form{grid-column:2}
.cart-line-total{text-align:left}
}
@media(max-width:768px){
.cart-line{grid-template-columns:60px minmax(0,1fr)!important;gap:12px}
.cart-line-total,.quantity-form,.remove-form{grid-column:1 / -1}
.cart-line-total{text-align:left}
}

/* Homepage Builder v2 */
.hb-home{background:transparent;color:var(--mp-text)}
.store-main.store-main-home-builder{width:100%;max-width:none;padding-left:0;padding-right:0}
.hb-section{padding:var(--hb-pad-top,48px) 0 var(--hb-pad-bottom,48px);background:transparent}
.hb-home .hb-section{padding-top:min(var(--hb-pad-top,48px),36px);padding-bottom:min(var(--hb-pad-bottom,48px),36px)}
.hb-container{width:min(1320px,calc(100% - 48px));margin:0 auto}
.hb-bg-default,.hb-bg-soft,.hb-bg-white,.hb-bg-accent{background:transparent;color:var(--mp-text)}
.hb-section-head{max-width:760px;margin:0 0 28px}
.hb-section-head h1,.hb-section-head h2{margin:0;color:inherit;font-size:34px;line-height:1.12;font-weight:900;letter-spacing:0}
.hb-section-head p{margin:12px 0 0;color:var(--mp-muted);font-size:16px;line-height:1.7}
.hb-bg-accent .hb-section-head p{color:var(--mp-muted)}
.hb-grid{display:grid;grid-template-columns:repeat(var(--hb-cols,3),minmax(0,1fr));gap:18px}
.hb-card{display:block;overflow:hidden;border:1px solid rgba(24,24,24,.08);border-radius:8px;background:#fff;color:var(--mp-text);text-decoration:none;box-shadow:0 14px 38px rgba(17,24,39,.06)}
.hb-card-body{display:flex;min-width:0;flex-direction:column;gap:10px;padding:18px}
.hb-card strong,.hb-card h3{margin:0;color:var(--mp-text);font-size:18px;line-height:1.25;font-weight:900;letter-spacing:0}
.hb-card h3 a{color:inherit;text-decoration:none}
.hb-card h3 a:hover{color:var(--mp-red)}
.hb-card small,.hb-card p{margin:0;color:var(--mp-muted);font-size:14px;line-height:1.58}
.hb-picture{display:block;overflow:hidden;background:transparent}
.hb-picture img{display:block;width:100%;height:100%;object-fit:cover}
.hb-card-media{aspect-ratio:4/3}
.hb-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}
.hb-card .hb-actions{margin-top:8px}
.hb-button{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:0 16px;border:1px solid transparent;border-radius:6px;font-size:14px;font-weight:900;line-height:1.1;text-align:center;text-decoration:none;transition:var(--mp-transition)}
.hb-button-primary{background:var(--mp-red);color:#fff}
.hb-button-primary:hover{background:#c91f1f;color:#fff}
.hb-button-secondary{background:#fff;color:var(--mp-text);border-color:rgba(24,24,24,.14)}
.hb-button-secondary:hover{border-color:var(--mp-red);color:var(--mp-red)}
.hb-button-whatsapp{background:#20b85a;color:#fff}
.hb-button-whatsapp:hover{background:#159a48;color:#fff}
.hb-button-light{background:#fff;color:#0f5132}
.hb-button-ghost{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.42);color:#fff}
.hb-button-ghost:hover{background:#fff;color:#1d1d1b}
.hb-eyebrow{margin:0 0 12px;color:var(--mp-red);font-size:13px;font-weight:900;letter-spacing:0;text-transform:uppercase}

.hb-top-whatsapp-section{padding:26px 0 16px}
.hb-top-wa-card{position:relative;display:grid;grid-template-columns:max-content minmax(260px,1fr) max-content;gap:28px;align-items:center;min-height:132px;padding:24px 40px;border-radius:28px;overflow:hidden;background:linear-gradient(100deg,var(--hb-top-wa-start,#2e7d56) 0%,var(--hb-top-wa-mid,#184b3d) 48%,var(--hb-top-wa-end,#112f31) 100%);box-shadow:0 20px 42px rgba(15,23,42,.18);color:#fff}
.hb-top-wa-card::before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(86,205,118,.14),rgba(255,255,255,0));pointer-events:none}
.hb-top-wa-card::after{content:'';position:absolute;right:18%;top:50%;width:250px;height:250px;transform:translateY(-50%) rotate(-8deg);background:rgba(255,255,255,.085);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath d='M16 3C8.8 3 3 8.8 3 16c0 2.4.7 4.7 1.9 6.7L3.6 29l6.5-1.7c1.8 1 3.9 1.5 5.9 1.5 7.2 0 13-5.8 13-12.9C29 8.8 23.2 3 16 3zm0 23.2c-1.9 0-3.8-.5-5.4-1.5l-.4-.2-3.8 1 1-3.7-.2-.4c-1.1-1.6-1.6-3.5-1.6-5.4 0-5.8 4.7-10.5 10.5-10.5S26.5 10.2 26.5 16 21.8 26.2 16 26.2zm5.8-7.7c-.3-.2-1.8-.9-2.1-1-.3-.1-.5-.2-.7.2-.2.3-.8 1-.9 1.1-.2.2-.3.2-.6.1-.3-.2-1.2-.5-2.4-1.5-.9-.8-1.5-1.7-1.7-2-.2-.3 0-.5.1-.6l.5-.5c.1-.2.2-.3.3-.5.1-.2 0-.4 0-.5-.1-.2-.7-1.6-1-2.2-.3-.6-.5-.5-.7-.5h-.6c-.2 0-.5.1-.8.4-.3.3-1 1-1 2.4 0 1.4 1 2.8 1.2 3 .2.2 2.1 3.3 5.2 4.6.7.3 1.3.6 1.7.7.7.2 1.4.2 1.9.1.6-.1 1.8-.7 2.1-1.4.3-.7.3-1.3.2-1.4-.1-.1-.3-.2-.6-.4z'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath d='M16 3C8.8 3 3 8.8 3 16c0 2.4.7 4.7 1.9 6.7L3.6 29l6.5-1.7c1.8 1 3.9 1.5 5.9 1.5 7.2 0 13-5.8 13-12.9C29 8.8 23.2 3 16 3zm0 23.2c-1.9 0-3.8-.5-5.4-1.5l-.4-.2-3.8 1 1-3.7-.2-.4c-1.1-1.6-1.6-3.5-1.6-5.4 0-5.8 4.7-10.5 10.5-10.5S26.5 10.2 26.5 16 21.8 26.2 16 26.2zm5.8-7.7c-.3-.2-1.8-.9-2.1-1-.3-.1-.5-.2-.7.2-.2.3-.8 1-.9 1.1-.2.2-.3.2-.6.1-.3-.2-1.2-.5-2.4-1.5-.9-.8-1.5-1.7-1.7-2-.2-.3 0-.5.1-.6l.5-.5c.1-.2.2-.3.3-.5.1-.2 0-.4 0-.5-.1-.2-.7-1.6-1-2.2-.3-.6-.5-.5-.7-.5h-.6c-.2 0-.5.1-.8.4-.3.3-1 1-1 2.4 0 1.4 1 2.8 1.2 3 .2.2 2.1 3.3 5.2 4.6.7.3 1.3.6 1.7.7.7.2 1.4.2 1.9.1.6-.1 1.8-.7 2.1-1.4.3-.7.3-1.3.2-1.4-.1-.1-.3-.2-.6-.4z'/%3E%3C/svg%3E") center/contain no-repeat;pointer-events:none}
.hb-top-wa-pill,.hb-top-wa-button,.hb-top-wa-title{position:relative;z-index:1}
.hb-top-wa-pill{display:inline-flex;align-items:center;gap:12px;min-height:56px;padding:0 26px;border-radius:999px;background:var(--hb-top-wa-accent,#5fd575);color:#fff;font-size:15px;font-weight:950;line-height:1;text-transform:uppercase;white-space:nowrap;box-shadow:0 12px 24px rgba(21,128,61,.18)}
.hb-top-wa-pill::before{content:'';width:9px;height:9px;border-radius:999px;background:#fff;flex-shrink:0}
.hb-top-wa-title{min-width:0;margin:0;color:#fff;font-size:34px;line-height:1.12;font-weight:950;letter-spacing:0;white-space:normal}
.hb-top-wa-title span{color:var(--hb-top-wa-accent,#5fd575)}
.hb-top-wa-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:66px;padding:0 30px;border-radius:18px;background:#fff;color:#17493b;text-decoration:none;font-size:14px;font-weight:950;text-transform:uppercase;white-space:nowrap;box-shadow:0 18px 30px rgba(15,23,42,.16);transition:var(--mp-transition)}
.hb-top-wa-button:hover{transform:translateY(-2px);color:#0f3f32}
.hb-top-wa-button span{font-size:21px;line-height:1}

.hb-hero-section{padding:28px 0 20px}
.hb-hero-card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(430px,1fr));gap:26px}
.hb-hero-card{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(220px,42%);gap:30px;align-items:center;min-height:410px;padding:42px 36px;border-radius:28px;overflow:hidden;color:#fff;box-shadow:0 22px 46px rgba(15,23,42,.18);transition:transform .3s ease,box-shadow .3s ease}
.hb-hero-card:hover{transform:translateY(-4px);box-shadow:0 28px 54px rgba(15,23,42,.28)}
.hb-hero-card-warm{background:linear-gradient(135deg,#2b1728 0%,#101a2d 100%)}
.hb-hero-card-graphite{background:linear-gradient(135deg,#38383c 0%,#2f3034 100%)}
.hb-hero-copy{display:flex;min-width:0;flex-direction:column;justify-content:center;gap:0;padding:0}
.hb-hero-card .hb-eyebrow{width:max-content;max-width:100%;display:inline-flex;align-items:center;gap:10px;margin:0 0 42px;padding:14px 18px;border:1px solid rgba(255,255,255,.16);border-radius:999px;background:rgba(255,255,255,.08);color:#ff6b6b;font-size:14px;font-weight:950;line-height:1;text-transform:uppercase;white-space:nowrap}
.hb-hero-card .hb-eyebrow::before{content:'';width:10px;height:10px;border-radius:999px;background:currentColor;flex-shrink:0;animation:hb-hero-pulse 2s cubic-bezier(.4,0,.6,1) infinite}
.hb-hero-card-graphite .hb-eyebrow{color:#f6f6f6}
.hb-hero-copy h1,.hb-hero-copy h2{max-width:520px;margin:0;color:#fff;font-size:44px;line-height:1.16;font-weight:950;letter-spacing:0}
.hb-hero-card-warm .hb-hero-copy h1 b,.hb-hero-card-warm .hb-hero-copy h2 b{color:#ef3d3b}
.hb-hero-copy .hb-lead{max-width:560px;margin:18px 0 0;color:rgba(255,255,255,.78);font-size:16px;line-height:1.66}
.hb-hero-visual{min-width:0}
.hb-hero-media{width:100%;min-height:0;aspect-ratio:1/1;border-radius:20px;box-shadow:0 18px 34px rgba(0,0,0,.24)}
.hb-hero-media img{height:100%;filter:saturate(1.04);transition:transform .7s ease-out}
.hb-hero-card:hover .hb-hero-media img{transform:scale(1.05)}
.hb-hero-card .hb-actions{margin-top:44px}
.hb-hero-card .hb-button{min-height:64px;padding:0 26px;border-radius:14px;font-size:14px;box-shadow:0 14px 24px rgba(0,0,0,.18)}
.hb-hero-card .hb-button::after{content:'→';margin-left:14px;font-size:24px;line-height:1;transition:transform .3s ease}
.hb-hero-card:hover .hb-button::after{transform:translateX(6px)}
.hb-hero-card .hb-button-secondary{background:rgba(255,255,255,.14);border-color:rgba(255,255,255,.12);color:#fff}
@keyframes hb-hero-pulse{0%,100%{opacity:1}50%{opacity:.48}}

.hb-categories{overflow:hidden}
.hb-categories .hb-container{width:min(1320px,calc(100% - 48px))}
.hb-category-grid{grid-template-columns:repeat(var(--hb-cols,3),minmax(0,1fr));gap:22px}
.hb-category-card{display:grid;grid-template-columns:minmax(0,1fr) minmax(132px,34%);gap:18px;align-items:center;min-height:198px;padding:20px 20px 20px 22px;border:1px solid #dfe4ee;border-radius:16px;background:#f7f8fd;color:#253047;text-decoration:none;box-shadow:0 12px 28px rgba(18,24,38,.05);transition:transform .24s ease,border-color .24s ease,box-shadow .24s ease}
.hb-category-card:hover{transform:translateY(-2px);border-color:#ccd5e3;box-shadow:0 20px 42px rgba(18,24,38,.095);color:#253047}
.hb-category-card .hb-card-body{display:flex;min-width:0;align-self:stretch;flex-direction:column;justify-content:space-between;gap:12px;min-height:0;padding:0}
.hb-category-card strong{max-width:245px;margin:0;color:#222b3d;font-size:25px;line-height:1.08;font-weight:950;letter-spacing:0;overflow-wrap:break-word}
.hb-category-card .hb-category-pill{width:max-content;max-width:100%;display:inline-flex;align-items:center;gap:7px;min-height:32px;padding:0 12px;border:1px solid currentColor;border-radius:999px;background:#fff3cf;color:#9b5a1f;font-size:9px;font-weight:950;line-height:1;text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hb-category-pill::before{content:'';flex:0 0 7px;width:7px;height:7px;border-radius:999px;background:currentColor;opacity:.72}
.hb-category-action{display:inline-flex;align-items:center;gap:7px;color:#b45722;font-style:normal;font-size:11px;font-weight:950;line-height:1;text-transform:uppercase}
.hb-category-action span{font-size:18px;line-height:1}
.hb-category-visual{display:flex;min-width:0;align-self:stretch;align-items:center}
.hb-category-visual .hb-card-media{width:100%;height:100%;max-height:136px;min-height:116px;border-radius:12px;background:#111827;box-shadow:0 12px 24px rgba(15,23,42,.12)}
.hb-category-visual .hb-card-media img{height:100%;filter:brightness(.74) saturate(.88)}
.hb-category-card:hover .hb-category-visual .hb-card-media img{transform:scale(1.025)}
.hb-category-tone-1 .hb-category-pill{background:#fff3cf;color:#9b5a1f}
.hb-category-tone-2 .hb-category-pill{background:#ffe9ef;color:#b33b58}
.hb-category-tone-3 .hb-category-pill{background:#e3fbff;color:#2f7f8c}
.hb-category-tone-4 .hb-category-pill{background:#ece9ff;color:#4e55b8}
.hb-category-tone-5 .hb-category-pill{background:#fff0dc;color:#b45722}
.hb-category-tone-6 .hb-category-pill{background:#f7f8fb;color:#5a6678}
.hb-category-tone-1 .hb-category-action{color:#b45722}
.hb-category-tone-2 .hb-category-action{color:#b33b58}
.hb-category-tone-3 .hb-category-action{color:#2f7f8c}
.hb-category-tone-4 .hb-category-action{color:#4e55b8}
.hb-category-tone-5 .hb-category-action{color:#b45722}
.hb-category-tone-6 .hb-category-action{color:#475062}
.mp-category-showcase{overflow:hidden;background:linear-gradient(180deg,#fbfcff 0%,#f7f9fc 100%)}
.mp-category-showcase .hb-container{width:min(1320px,calc(100% - 48px))}
.mp-category-showcase-shell{position:relative;padding:34px 0 26px;border:0;border-radius:0;background:transparent;box-shadow:none;backdrop-filter:none}
.mp-category-showcase-head{display:flex;flex-direction:column;align-items:center;max-width:760px;margin:0 auto 34px;text-align:center}
.mp-category-showcase-badge{display:inline-flex;align-items:center;gap:8px;min-height:36px;margin-bottom:14px;padding:0 16px;border:1px solid #f1ddbf;border-radius:999px;background:#fff6e8;color:#a76620;font-size:12px;font-weight:900;line-height:1;text-transform:uppercase}
.mp-category-showcase-badge .hb-svg-icon{width:15px;height:15px;fill:currentColor;stroke-width:0}
.mp-category-showcase-head h2{margin:0;color:#101827;font-size:36px;line-height:1.08;font-weight:950;letter-spacing:0}
.mp-category-showcase-head p{max-width:680px;margin:14px 0 0;color:#667085;font-size:16px;line-height:1.65}
.mp-category-showcase-grid{display:grid;grid-template-columns:repeat(var(--hb-cols,3),minmax(0,1fr));gap:14px}
.mp-category-showcase-card{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(132px,36%);gap:16px;align-items:stretch;min-height:208px;padding:18px;border:1px solid color-mix(in srgb,var(--mp-cat-accent,#d9922b) 34%,#e8edf5);border-radius:18px;background:rgba(255,255,255,.9);color:#111827;text-decoration:none;box-shadow:0 14px 34px rgba(15,23,42,.05);transition:transform .24s ease,border-color .24s ease,box-shadow .24s ease,background-color .24s ease}
.mp-category-showcase-card:hover{transform:translateY(-4px);border-color:color-mix(in srgb,var(--mp-cat-accent,#d9922b) 58%,#d7dee9);background:#fff;box-shadow:0 24px 58px rgba(15,23,42,.095);color:#111827}
.mp-category-showcase-copy{display:flex;min-width:0;flex-direction:column;justify-content:space-between;gap:18px}
.mp-category-showcase-topline{display:flex;align-items:center;gap:12px;min-width:0}
.mp-category-showcase-icon{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:15px;background:color-mix(in srgb,var(--mp-cat-accent,#d9922b) 10%,#fff);color:var(--mp-cat-accent,#d9922b);box-shadow:0 10px 20px rgba(15,23,42,.055);flex:0 0 auto}
.mp-category-showcase-icon .hb-svg-icon{width:24px;height:24px}
.mp-category-showcase-card-badge{display:inline-flex;align-items:center;gap:7px;max-width:100%;min-height:28px;padding:0 11px;border-radius:999px;background:color-mix(in srgb,var(--mp-cat-accent,#d9922b) 11%,#fff);color:var(--mp-cat-accent,#d9922b);font-size:10px;font-weight:950;line-height:1;text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mp-category-showcase-card-badge::before{content:'';width:7px;height:7px;border-radius:999px;background:currentColor;opacity:.72;flex:0 0 auto}
.mp-category-showcase-text{display:block;min-width:0}
.mp-category-showcase-text h3{max-width:290px;margin:0;color:#101827;font-size:23px;line-height:1.12;font-weight:950;letter-spacing:0;overflow-wrap:break-word}
.mp-category-showcase-text p{max-width:300px;margin:11px 0 0;color:#667085;font-size:13px;line-height:1.55;overflow-wrap:break-word}
.mp-category-showcase-meta{display:flex;align-items:center;justify-content:space-between;gap:12px;min-width:0}
.mp-category-showcase-count{display:inline-flex;align-items:center;min-height:30px;padding:0 10px;border-radius:999px;background:#f8fafc;color:#475467;font-size:11px;font-weight:900;white-space:nowrap}
.mp-category-showcase-cta{display:inline-flex;align-items:center;gap:8px;color:var(--mp-cat-accent,#d9922b);font-size:12px;font-weight:950;line-height:1;white-space:nowrap}
.mp-category-showcase-cta span{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:999px;background:var(--mp-cat-accent,#d9922b);color:#fff;font-size:17px;line-height:1;transition:transform .24s ease}
.mp-category-showcase-card:hover .mp-category-showcase-cta span{transform:translateX(3px)}
.mp-category-showcase-visual{display:flex;min-width:0;align-items:stretch}
.mp-category-showcase-media{width:100%;height:100%;min-height:150px;border-radius:15px;background:#f1f5f9;box-shadow:0 14px 24px rgba(15,23,42,.11)}
.mp-category-showcase-media img{height:100%;filter:saturate(.98) contrast(.98);transition:transform .45s ease}
.mp-category-showcase-card:hover .mp-category-showcase-media img{transform:scale(1.035)}
.mp-category-showcase-trust{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:4px 16px;width:max-content;max-width:100%;margin:26px auto 0;padding:9px 16px;border:1px solid rgba(226,232,240,.92);border-radius:999px;background:rgba(255,255,255,.78);color:#667085;font-size:12px;font-weight:700;box-shadow:0 12px 30px rgba(15,23,42,.04)}
.mp-category-showcase-trust span{display:inline-flex;align-items:center;gap:7px;white-space:nowrap}
.mp-category-showcase-trust span:not(:last-child)::after{content:'•';margin-left:12px;color:#98a2b3}
.mp-category-showcase-trust .hb-svg-icon{width:14px;height:14px;color:#45a977}

.mp-reference-section{overflow:hidden;background:linear-gradient(180deg,#f7f9fc 0%,#fff 100%)}
.mp-reference-section .hb-container{width:min(1320px,calc(100% - 48px))}
.mp-reference-shell{position:relative;padding:26px 0;border-top:1px solid rgba(226,232,240,.78);border-bottom:1px solid rgba(226,232,240,.78)}
.mp-reference-head{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.2fr);gap:8px 24px;align-items:end;margin:0 0 20px}
.mp-reference-head span{display:inline-flex;align-items:center;width:max-content;max-width:100%;min-height:28px;padding:0 12px;border-radius:999px;background:#f2f7f4;border:1px solid #dcebe2;color:#26704b;font-size:11px;font-weight:900;text-transform:uppercase}
.mp-reference-head span::before{content:'';width:7px;height:7px;margin-right:8px;border-radius:999px;background:#27b66b}
.mp-reference-head h2{grid-column:1;margin:0;color:#111827;font-size:26px;line-height:1.12;font-weight:950;letter-spacing:0}
.mp-reference-head p{grid-column:2;grid-row:1 / span 2;margin:0;color:#667085;font-size:14px;line-height:1.6}
.mp-reference-marquee{position:relative;overflow:hidden;padding:4px 0;mask-image:linear-gradient(90deg,transparent 0,#000 7%,#000 93%,transparent 100%)}
.mp-reference-track{display:flex;width:max-content;animation:mpReferenceMarquee var(--mp-reference-speed,34s) linear infinite;will-change:transform}
.mp-reference-marquee.is-pausable:hover .mp-reference-track{animation-play-state:paused}
.mp-reference-set{display:flex;align-items:center;gap:14px;padding-right:14px;flex:0 0 auto}
.mp-reference-logo{display:flex;position:relative;align-items:center;justify-content:center;flex:0 0 var(--mp-reference-card-width,176px);width:var(--mp-reference-card-width,176px);height:92px;padding:18px 22px;border:1px solid rgba(226,232,240,.9);border-radius:18px;background:rgba(255,255,255,.88);box-shadow:0 12px 28px rgba(15,23,42,.045);text-decoration:none;color:#111827;transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease,background .22s ease}
a.mp-reference-logo:hover{transform:translateY(-2px);border-color:#cfd8e6;background:#fff;box-shadow:0 18px 34px rgba(15,23,42,.075);color:#111827}
.mp-reference-logo img{display:block;max-width:100%;max-height:var(--mp-reference-logo-height,54px);width:auto;height:auto;object-fit:contain;transform:scale(var(--mp-reference-logo-scale,1));transform-origin:center}
.mp-reference-logo-label{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.mp-customer-proof-section{background:linear-gradient(180deg,#fff 0%,#f6faf8 100%)}
.mp-customer-proof-shell{padding:40px 0;border-color:rgba(196,217,207,.9)}
.mp-customer-proof-head{margin-bottom:24px}
.mp-customer-proof-head h2{max-width:620px}
.mp-customer-proof-rail{display:flex;flex-wrap:nowrap;align-items:stretch;gap:16px;max-width:100%;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;padding:4px 2px 16px;scrollbar-color:#b7c8bd transparent}
.mp-customer-proof-card{display:flex;overflow:hidden;scroll-snap-align:start;flex:0 0 292px;width:292px;flex-direction:column;min-height:464px;border:1px solid rgba(213,225,218,.94);border-radius:18px;background:#fff;color:#111827;text-decoration:none;box-shadow:0 18px 38px rgba(15,23,42,.07);transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease}
.mp-customer-proof-card:hover{transform:translateY(-3px);border-color:#b7d3c2;box-shadow:0 24px 46px rgba(15,23,42,.1);color:#111827}
.mp-customer-proof-media{position:relative;flex:0 0 286px;margin:0;background:#eef4f0}
.mp-customer-proof-media img{display:block;width:100%;height:100%;object-fit:cover;object-position:top center}
.mp-customer-proof-body{display:flex;flex:1;flex-direction:column;gap:10px;padding:16px}
.mp-customer-proof-meta{display:flex;flex-wrap:wrap;align-items:center;gap:8px;color:#667085;font-size:11px;font-weight:800;text-transform:uppercase}
.mp-customer-proof-meta span{display:inline-flex;align-items:center;gap:7px}
.mp-customer-proof-meta span::before{content:'';width:7px;height:7px;border-radius:999px;background:#26b66a}
.mp-customer-proof-meta em{display:inline-flex;min-height:24px;align-items:center;border-radius:999px;background:#f0f7f3;padding:0 9px;color:#26704b;font-style:normal}
.mp-customer-proof-card h3{margin:0;color:#111827;font-size:18px;line-height:1.15;font-weight:950;letter-spacing:0}
.mp-customer-proof-card blockquote{margin:0;color:#344054;font-size:14px;line-height:1.5;font-weight:700}
.mp-customer-proof-card blockquote::before{content:'"';color:#26b66a}
.mp-customer-proof-card blockquote::after{content:'"';color:#26b66a}
@keyframes mpReferenceMarquee{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.hb-product-card{display:flex;flex-direction:column;transition:transform .28s ease,box-shadow .28s ease,border-color .28s ease}
.hb-product-card:hover{transform:translateY(-4px);border-color:rgba(239,46,46,.2);box-shadow:0 18px 38px rgba(15,23,42,.12)}
.hb-product-card .hb-card-media{aspect-ratio:1/1}
.hb-product-card .hb-card-media img{transition:transform .45s ease}
.hb-product-card:hover .hb-card-media img{transform:scale(1.05)}
.hb-product-card h3{min-height:36px;margin:0}
.hb-product-card h3,.hb-product-card h3 a{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;color:var(--mp-text);font-size:15px;line-height:1.2;font-weight:850}
.hb-card-image-link{display:block;color:inherit;text-decoration:none}
.hb-product-meta{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:4px;color:var(--mp-muted);font-size:13px}
.hb-price{display:inline-flex;align-items:center;gap:8px;color:var(--mp-text)}
.hb-price del{color:var(--mp-muted);font-weight:600}
.hb-price strong{color:var(--mp-red);font-weight:900}
.hb-business-note{max-width:860px;margin:-8px 0 24px;padding:14px 16px;border-left:4px solid #20b85a;border-radius:0 8px 8px 0;background:#fff;color:#41504a;font-size:14px;line-height:1.65}
.hb-add-cart{margin-top:10px}
.hb-add-cart .hb-button{width:100%;font-family:inherit;cursor:pointer}
.hb-products-premium{position:relative;overflow:hidden;background:transparent;color:#071229}
.hb-products-premium .hb-container{width:min(1380px,calc(100% - 48px))}
.hb-products-shell{position:relative;overflow:hidden;padding:34px 34px 36px;border:1px solid rgba(37,99,255,.09);border-radius:30px;background:linear-gradient(180deg,#fff 0%,#f7fbff 100%);box-shadow:0 24px 64px rgba(15,23,42,.08)}
.hb-products-shell::before{content:'';position:absolute;inset:-1px;background:radial-gradient(circle at 15% 0%,rgba(37,99,255,.08),transparent 30%),radial-gradient(circle at 86% 8%,rgba(37,99,255,.06),transparent 24%);pointer-events:none}
.hb-products-shell>*{position:relative;z-index:1}
.hb-products-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(430px,40%);gap:30px;align-items:start;margin:0 0 26px}
.hb-products-copy{min-width:0}
.hb-products-eyebrow{display:inline-flex;align-items:center;gap:9px;min-height:34px;margin:0 0 16px;padding:0 16px;border:1px solid rgba(37,99,255,.14);border-radius:999px;background:#fff;color:var(--hb-product-accent,#2563ff);box-shadow:0 10px 22px rgba(37,99,255,.09);font-size:13px;font-weight:950;line-height:1;text-transform:uppercase}
.hb-products-eyebrow .hb-svg-icon{width:17px;height:17px}
.hb-products-copy h1,.hb-products-copy h2{margin:0;color:#071229;font-size:40px;line-height:1.08;font-weight:950;letter-spacing:0}
.hb-products-copy p{max-width:760px;margin:16px 0 0;color:#657084;font-size:16px;font-weight:650;line-height:1.6}
.hb-products-feature-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;align-self:start;padding:14px;border:1px solid rgba(15,23,42,.08);border-radius:20px;background:rgba(255,255,255,.86);box-shadow:0 16px 38px rgba(15,23,42,.055);backdrop-filter:blur(8px)}
.hb-products-feature{display:grid;grid-template-columns:42px minmax(0,1fr);gap:12px;align-items:center;min-width:0}
.hb-products-feature-icon{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:999px;background:rgba(37,99,255,.08);color:var(--hb-product-accent,#2563ff)}
.hb-products-feature-icon .hb-svg-icon{width:23px;height:23px}
.hb-products-feature strong{display:block;margin:0 0 3px;color:#071229;font-size:13px;font-weight:950;line-height:1.2}
.hb-products-feature em{display:block;color:#526079;font-size:12px;font-weight:700;font-style:normal;line-height:1.35}
.hb-product-grid-premium{gap:22px}
.hb-product-card-premium{position:relative;overflow:hidden;border:1px solid #dfe7f3;border-radius:18px;background:#fff;box-shadow:0 16px 38px rgba(15,23,42,.07);transition:transform .28s ease,box-shadow .28s ease,border-color .28s ease}
.hb-product-card-premium:hover{transform:translateY(-6px);border-color:rgba(37,99,255,.24);box-shadow:0 24px 54px rgba(15,23,42,.13)}
.hb-product-media-wrap{position:relative;overflow:hidden;margin:12px 12px 0;border-radius:16px;background:#0d1320}
.hb-product-media-wrap .hb-card-image-link,.hb-product-media-wrap .hb-picture{display:block;width:100%}
.hb-product-card-premium .hb-card-media{aspect-ratio:1/1;border-radius:16px;background:#101827}
.hb-product-card-premium .hb-card-media img{height:100%;filter:saturate(1.04) contrast(1.02);transition:transform .55s ease,filter .55s ease}
.hb-product-card-premium:hover .hb-card-media img{transform:scale(1.055);filter:saturate(1.08) contrast(1.04)}
.hb-product-favorite{position:absolute;right:14px;top:14px;display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:999px;background:rgba(255,255,255,.92);color:#7d8694;box-shadow:0 10px 22px rgba(15,23,42,.16);transition:transform .24s ease,color .24s ease,background .24s ease}
.hb-product-favorite .hb-svg-icon{width:19px;height:19px;fill:currentColor;stroke-width:0}
.hb-product-card-premium:hover .hb-product-favorite{transform:scale(1.07);color:#5f6b7a;background:#fff}
.hb-product-badge{position:absolute;left:14px;bottom:14px;display:inline-flex;align-items:center;gap:7px;max-width:calc(100% - 28px);min-height:30px;padding:0 11px;border-radius:999px;background:var(--hb-product-badge,#2563ff);color:#fff;box-shadow:0 10px 20px rgba(15,23,42,.24);font-size:11px;font-weight:950;line-height:1;text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hb-product-badge .hb-svg-icon{width:16px;height:16px;flex:0 0 16px}
.hb-product-card-body{gap:11px;padding:14px 16px 12px}
.hb-product-card-premium h3{min-height:40px;margin:0}
.hb-product-card-premium h3,.hb-product-card-premium h3 a{color:#071229;font-size:16px;line-height:1.25;font-weight:950}
.hb-product-card-premium h3 a:hover{color:var(--hb-product-accent,#2563ff)}
.hb-product-card-premium .hb-product-meta{margin-top:0}
.hb-product-card-premium .hb-price strong{color:var(--hb-product-accent,#2563ff);font-size:20px;font-weight:950;line-height:1}
.hb-add-cart-premium{margin-top:4px}
.hb-product-cart-button{display:grid;width:100%;grid-template-columns:34px minmax(0,1fr) 34px;gap:10px;align-items:center;min-height:44px;padding:0 6px;border:1px solid #dfe7f3;border-radius:999px;background:#fff;color:#071229;font-family:inherit;font-size:13px;font-weight:950;line-height:1;cursor:pointer;box-shadow:0 8px 18px rgba(15,23,42,.035);transition:transform .24s ease,border-color .24s ease,box-shadow .24s ease,color .24s ease}
.hb-product-cart-button span{min-width:0}
.hb-product-cart-button .hb-svg-icon{width:19px;height:19px}
.hb-product-cart-icon,.hb-product-cart-arrow{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:999px;color:var(--hb-product-accent,#2563ff)}
.hb-product-cart-arrow{border:1px solid #e5ecf7;background:#fff;transition:transform .24s ease,background .24s ease,color .24s ease}
.hb-product-cart-button:hover{transform:translateY(-1px);border-color:rgba(37,99,255,.24);color:var(--hb-product-accent,#2563ff);box-shadow:0 13px 24px rgba(37,99,255,.1)}
.hb-product-cart-button:hover .hb-product-cart-arrow{transform:translateX(3px);background:var(--hb-product-accent,#2563ff);color:#fff}
.hb-product-action-list{display:grid;gap:8px;margin-top:2px}
.hb-product-secondary-action{display:inline-flex;align-items:center;justify-content:space-between;gap:10px;min-height:42px;padding:0 14px;border:1px solid #dfe7f3;border-radius:999px;color:#071229;text-decoration:none;font-size:13px;font-weight:900;transition:transform .24s ease,border-color .24s ease,color .24s ease}
.hb-product-secondary-action:hover{transform:translateY(-1px);border-color:rgba(37,99,255,.26);color:var(--hb-product-accent,#2563ff)}
.hb-products-footer-cta{display:grid;grid-template-columns:52px minmax(0,1fr) max-content;gap:18px;align-items:center;width:min(780px,100%);min-height:72px;margin:28px auto 0;padding:12px 14px;border:1px solid #dfe7f3;border-radius:999px;background:rgba(255,255,255,.9);box-shadow:0 16px 36px rgba(15,23,42,.08)}
.hb-products-footer-icon{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:999px;background:rgba(37,99,255,.08);color:var(--hb-product-accent,#2563ff)}
.hb-products-footer-icon .hb-svg-icon{width:25px;height:25px}
.hb-products-footer-copy{display:grid;grid-template-columns:max-content 1px minmax(0,1fr);gap:18px;align-items:center;min-width:0}
.hb-products-footer-copy::after{content:'';width:1px;height:30px;background:#d8e0ec;grid-column:2;grid-row:1}
.hb-products-footer-copy strong{color:var(--hb-product-accent,#2563ff);font-size:17px;font-weight:950;line-height:1.2;grid-column:1;grid-row:1}
.hb-products-footer-copy em{color:#526079;font-size:13px;font-weight:700;font-style:normal;line-height:1.35;grid-column:3;grid-row:1}
.hb-products-footer-cta a{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-width:44px;min-height:44px;padding:0 12px;border:1px solid #dfe7f3;border-radius:999px;background:#fff;color:var(--hb-product-accent,#2563ff);text-decoration:none;font-size:13px;font-weight:950;transition:transform .24s ease,background .24s ease,color .24s ease,border-color .24s ease}
.hb-products-footer-cta a:hover{transform:translateX(2px);border-color:var(--hb-product-accent,#2563ff);background:var(--hb-product-accent,#2563ff);color:#fff}
.hb-products-footer-cta a .hb-svg-icon{width:20px;height:20px}

.hb-cta-section{background:transparent}
.hb-cta-box{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:28px;align-items:center;overflow:hidden;border-radius:8px;background:var(--hb-cta-color,#075e54);color:#fff;padding:36px}
.hb-cta-copy h1,.hb-cta-copy h2{margin:0;color:#fff;font-size:34px;line-height:1.16;font-weight:950;letter-spacing:0}
.hb-cta-copy p{max-width:760px;margin:14px 0 0;color:rgba(255,255,255,.86);font-size:16px;line-height:1.7}
.hb-cta-media{aspect-ratio:4/3;border-radius:8px}

.hb-svg-icon{display:block;width:24px;height:24px;flex:0 0 auto}
.hb-advantages-premium{position:relative;overflow:hidden;border-top:1px solid rgba(17,24,39,.08);border-bottom:1px solid rgba(17,24,39,.08);background:linear-gradient(180deg,#fff 0%,#fbfcfb 100%);color:#111827}
.hb-advantages-premium::before{content:'';position:absolute;left:50%;top:28px;width:170px;height:140px;transform:translateX(-50%);background-image:radial-gradient(rgba(47,141,78,.18) 1px,transparent 1px);background-size:16px 16px;opacity:.44;pointer-events:none}
.hb-advantages-premium::after{content:'';position:absolute;right:-130px;top:40px;width:500px;height:500px;border:1px solid rgba(47,141,78,.08);border-radius:50%;box-shadow:0 0 0 48px rgba(47,141,78,.045),0 0 0 96px rgba(47,141,78,.035),0 0 0 144px rgba(47,141,78,.025);pointer-events:none}
.hb-advantages-shell{position:relative;z-index:1}
.hb-advantages-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,380px);gap:54px;align-items:center;margin:0 0 44px}
.hb-advantages-copy{min-width:0}
.hb-advantages-eyebrow{display:inline-flex;align-items:center;gap:10px;min-height:38px;margin:0 0 28px;padding:0 16px;border:1px solid rgba(47,141,78,.16);border-radius:10px;background:rgba(47,141,78,.07);color:var(--hb-adv-accent,#2f8d4e);font-size:13px;font-weight:950;line-height:1;text-transform:uppercase}
.hb-advantages-eyebrow .hb-svg-icon{width:16px;height:16px;fill:currentColor;stroke-width:0}
.hb-advantages-copy h1,.hb-advantages-copy h2{max-width:760px;margin:0;color:#111827;font-size:52px;line-height:1.06;font-weight:950;letter-spacing:0}
.hb-advantages-copy>p{max-width:760px;margin:26px 0 0;color:#6b7280;font-size:18px;font-weight:650;line-height:1.65}
.hb-advantages-trust-card{display:grid;grid-template-columns:74px minmax(0,1fr);gap:22px;align-items:center;min-height:112px;padding:26px 30px;border:1px solid rgba(17,24,39,.08);border-radius:18px;background:rgba(255,255,255,.82);box-shadow:0 18px 42px rgba(15,23,42,.055);backdrop-filter:blur(10px)}
.hb-advantages-trust-icon,.hb-advantage-icon,.hb-advantages-cta-icon{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;background:rgba(47,141,78,.09);color:var(--hb-adv-accent,#2f8d4e)}
.hb-advantages-trust-icon{width:64px;height:64px}
.hb-advantages-trust-icon .hb-svg-icon{width:34px;height:34px}
.hb-advantages-trust-copy{display:grid;gap:8px;min-width:0}
.hb-advantages-trust-copy strong{color:#111827;font-size:17px;font-weight:950;line-height:1.2}
.hb-advantages-trust-copy p{margin:0;color:#6b7280;font-size:15px;font-weight:650;line-height:1.5}
.hb-advantages-grid{display:grid;grid-template-columns:repeat(var(--hb-cols,4),minmax(0,1fr));gap:24px}
.hb-advantage-card{position:relative;min-height:256px;padding:32px 30px 30px;border:1px solid rgba(17,24,39,.08);border-radius:18px;background:rgba(255,255,255,.92);box-shadow:0 18px 42px rgba(15,23,42,.055);transition:transform .28s ease,box-shadow .28s ease,border-color .28s ease}
.hb-advantage-card:hover{transform:translateY(-4px);border-color:rgba(47,141,78,.2);box-shadow:0 24px 54px rgba(15,23,42,.095)}
.hb-advantage-number{position:absolute;right:24px;top:24px;display:inline-flex;align-items:center;justify-content:center;min-width:36px;height:32px;border-radius:10px;background:rgba(47,141,78,.08);color:var(--hb-adv-accent,#2f8d4e);font-size:14px;font-weight:950;line-height:1}
.hb-advantage-icon{width:70px;height:70px;margin:0 0 28px}
.hb-advantage-icon .hb-svg-icon{width:34px;height:34px}
.hb-advantage-card h3{margin:0;color:#111827;font-size:22px;font-weight:950;line-height:1.18;letter-spacing:0}
.hb-advantage-rule{display:block;width:44px;height:2px;margin:18px 0 22px;background:var(--hb-adv-accent,#2f8d4e)}
.hb-advantage-card p{margin:0;color:#6b7280;font-size:15px;font-weight:650;line-height:1.65}
.hb-advantages-cta{position:relative;display:grid;grid-template-columns:76px minmax(0,1fr) max-content;gap:24px;align-items:center;min-height:104px;margin:44px 0 0;padding:24px 32px;border:1px solid rgba(255,255,255,.18);border-radius:18px;background:linear-gradient(135deg,#20b85a 0%,#149247 100%);color:#fff;box-shadow:0 22px 52px rgba(32,184,90,.25);overflow:hidden}
.hb-advantages-cta::after{content:'';position:absolute;right:20%;bottom:-156px;width:310px;height:310px;border:1px solid rgba(255,255,255,.18);border-radius:50%;box-shadow:0 0 0 24px rgba(255,255,255,.1),0 0 0 48px rgba(255,255,255,.07),0 0 0 72px rgba(255,255,255,.05);pointer-events:none}
.hb-advantages-cta>*{position:relative;z-index:1}
.hb-advantages-cta-icon{width:62px;height:62px;background:rgba(255,255,255,.16);color:#fff}
.hb-advantages-cta-icon .hb-svg-icon{width:34px;height:34px}
.hb-advantages-cta-copy{display:grid;gap:7px;min-width:0}
.hb-advantages-cta-copy strong{color:#fff;font-size:20px;font-weight:950;line-height:1.25}
.hb-advantages-cta-copy p{margin:0;color:rgba(255,255,255,.86);font-size:16px;font-weight:650;line-height:1.45}
.hb-advantages-cta a{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:56px;padding:0 24px;border-radius:10px;background:#fff;color:#12813f;text-decoration:none;font-size:15px;font-weight:950;line-height:1;text-transform:none;box-shadow:0 16px 30px rgba(5,71,32,.22);transition:transform .24s ease,background .24s ease,color .24s ease,box-shadow .24s ease}
.hb-advantages-cta a:hover{transform:translateY(-2px);background:#f7fff9;color:#0d7137;box-shadow:0 20px 38px rgba(5,71,32,.28)}
.hb-advantages-cta a .hb-svg-icon{width:22px;height:22px}
.hb-advantages-cta a span{font-size:22px;line-height:1}

.hb-image-text-box{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,44%);gap:34px;align-items:center}
.hb-image-text-copy h1,.hb-image-text-copy h2{margin:0;color:var(--mp-text);font-size:36px;line-height:1.12;font-weight:950;letter-spacing:0}
.hb-image-text-copy>p:not(.hb-eyebrow){margin:16px 0 0;color:var(--mp-muted);font-size:16px;line-height:1.75}
.hb-image-text-media{aspect-ratio:4/3;border-radius:8px}
.hb-bg-accent .hb-image-text-copy h1,.hb-bg-accent .hb-image-text-copy h2{color:var(--mp-text)}
.hb-bg-accent .hb-image-text-copy>p:not(.hb-eyebrow){color:var(--mp-muted)}

.hb-story-section{background:#f5f5f7;color:#1d1d1f;overflow:hidden}
.hb-story-shell{width:min(1220px,calc(100% - 48px));margin:0 auto}
.hb-story-hero{max-width:1020px;margin:0 auto 78px;text-align:center}
.hb-story-badge{display:inline-flex;align-items:center;justify-content:center;min-height:40px;margin:0 0 30px;padding:0 18px;border-radius:999px;background:#e8e8eb;color:#343438;font-size:13px;font-weight:900;line-height:1;text-transform:uppercase}
.hb-story-title{display:grid;gap:0;margin:0;color:#242428;font-size:72px;font-weight:950;letter-spacing:0;line-height:.98}
.hb-story-title span{display:block}
.hb-story-lead{max-width:760px;margin:34px auto 0;color:#8a8a91;font-size:26px;font-weight:850;line-height:1.42}
.hb-story-card-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:24px;margin:0 0 24px}
.hb-story-info-card,.hb-story-spec-card,.hb-story-process-card{border-radius:32px;background:#fff;box-shadow:0 22px 44px rgba(20,20,24,.035)}
.hb-story-info-card{grid-column:span 4;min-height:358px;padding:46px 42px}
.hb-story-span-wide{grid-column:span 8}
.hb-story-info-dark{background:#1d1d1f;color:#f5f5f7}
.hb-story-info-light{color:#1d1d1f}
.hb-story-card-eyebrow{margin:0 0 22px;color:#8b8b92;font-size:20px;font-weight:850;line-height:1.2}
.hb-story-info-card h3{max-width:560px;margin:0;color:inherit;font-size:38px;font-weight:950;line-height:1.04;letter-spacing:0}
.hb-story-info-card>p:not(.hb-story-card-eyebrow){max-width:700px;margin:24px 0 0;color:#8f8f96;font-size:19px;font-weight:750;line-height:1.48}
.hb-story-info-dark>p:not(.hb-story-card-eyebrow){color:#a4a4ab}
.hb-story-spec-card{grid-column:span 8;min-height:358px;padding:42px}
.hb-story-spec-card h3{margin:0;color:#1d1d1f;font-size:38px;font-weight:950;line-height:1.08;letter-spacing:0}
.hb-story-spec-card>p{margin:18px 0 24px;color:#8b8b92;font-size:19px;font-weight:800;line-height:1.45}
.hb-story-spec-card dl{display:grid;margin:0}
.hb-story-spec-card div{display:grid;grid-template-columns:minmax(0,1fr) minmax(220px,max-content);gap:18px;align-items:center;padding:16px 0;border-top:1px solid #ececef}
.hb-story-spec-card dt{color:#8b8b92;font-size:16px;font-weight:850}
.hb-story-spec-card dd{margin:0;color:#1f1f23;font-size:16px;font-weight:950;text-align:right}
.hb-story-process-card{padding:44px 42px;margin-top:24px}
.hb-story-process-card h3{max-width:560px;margin:0;color:#1d1d1f;font-size:40px;font-weight:950;line-height:1.04;letter-spacing:0}
.hb-story-process-lead{margin:22px 0 34px;color:#8b8b92;font-size:18px;font-weight:800;line-height:1.5}
.hb-story-step-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.hb-story-step{border-radius:22px;background:#f4f4f6;padding:25px}
.hb-story-step span{display:block;margin:0 0 14px;color:#dedee2;font-size:42px;font-weight:950;line-height:1}
.hb-story-step h4{margin:0 0 9px;color:#242428;font-size:17px;font-weight:950;letter-spacing:0}
.hb-story-step p{margin:0;color:#8b8b92;font-size:15px;font-weight:750;line-height:1.45}
.hb-story-cta{display:grid;justify-items:center;gap:26px;max-width:680px;margin:112px auto 0;text-align:center}
.hb-story-cta p{margin:0;color:#8b8b92;font-size:17px;font-weight:850;line-height:1.45}
.hb-story-cta a{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:58px;padding:0 34px;border-radius:999px;background:#1d1d1f;color:#fff;text-decoration:none;font-size:17px;font-weight:900;box-shadow:0 14px 30px rgba(20,20,24,.12);transition:transform .24s ease,opacity .24s ease}
.hb-story-cta a:hover{color:#fff;opacity:.92;transform:translateY(-2px)}
.hb-story-cta span{font-size:22px;line-height:1}

.hb-faqs{position:relative;overflow:hidden;background:linear-gradient(180deg,#fff 0%,#f7f9fc 100%);color:#111827}
.hb-faqs::before{content:'';position:absolute;inset:0;background-image:linear-gradient(rgba(15,23,42,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(15,23,42,.035) 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(180deg,transparent 0,#000 22%,#000 78%,transparent 100%);pointer-events:none}
.hb-faqs .hb-container{position:relative;z-index:1;display:grid;grid-template-columns:minmax(280px,.72fr) minmax(0,1.28fr);gap:34px;align-items:start}
.hb-faqs .hb-section-head{position:relative;max-width:480px;margin:0;padding-top:8px}
.hb-faqs .hb-section-head::before{content:'';display:block;width:54px;height:4px;margin:0 0 18px;border-radius:999px;background:linear-gradient(90deg,#ef2e2e,#2f8d4e)}
.hb-faqs .hb-section-head h1,.hb-faqs .hb-section-head h2{color:#101827;font-size:42px;line-height:1.04;font-weight:950}
.hb-faqs .hb-section-head p{max-width:430px;color:#667085;font-size:16px;font-weight:650;line-height:1.65}
.hb-faq-list{display:grid;counter-reset:homepageFaq;gap:10px;max-width:none}
.hb-faq-item{counter-increment:homepageFaq;overflow:hidden;border:1px solid rgba(226,232,240,.9);border-radius:18px;background:rgba(255,255,255,.92);box-shadow:0 14px 34px rgba(15,23,42,.055);transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease,background-color .22s ease}
.hb-faq-item:hover{transform:translateY(-2px);border-color:#d8e2ef;box-shadow:0 20px 42px rgba(15,23,42,.085)}
.hb-faq-item[open]{border-color:rgba(47,141,78,.22);background:#fff;box-shadow:0 22px 48px rgba(15,23,42,.095)}
.hb-faq-item summary{display:grid;grid-template-columns:42px minmax(0,1fr) 34px;gap:14px;align-items:center;cursor:pointer;list-style:none;padding:18px 20px;color:#111827;font-size:16px;font-weight:950;line-height:1.35}
.hb-faq-item summary::-webkit-details-marker{display:none}
.hb-faq-item summary::before{content:counter(homepageFaq,decimal-leading-zero);display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:14px;background:#f1f7f4;color:#2f8d4e;font-size:12px;font-weight:950;line-height:1}
.hb-faq-item summary::after{content:'+';display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border:1px solid #e2e8f0;border-radius:999px;background:#fff;color:#111827;font-size:22px;font-weight:800;line-height:1;transition:transform .22s ease,background-color .22s ease,color .22s ease,border-color .22s ease}
.hb-faq-item[open] summary::after{content:'−';transform:rotate(180deg);border-color:#111827;background:#111827;color:#fff}
.hb-faq-item p{margin:0;padding:0 68px 20px 76px;color:#667085;font-size:15px;font-weight:650;line-height:1.7}

@media(min-width:769px){
.hb-hide-desktop{display:none!important}
}
@media(max-width:1024px){
.hb-grid{grid-template-columns:repeat(var(--hb-cols-tablet,2),minmax(0,1fr))}
.hb-products-premium .hb-container{width:min(100% - 40px,960px)}
.hb-products-shell{padding:28px 24px;border-radius:26px}
.hb-products-head{grid-template-columns:1fr;gap:22px}
.hb-products-copy h1,.hb-products-copy h2{font-size:38px}
.hb-products-feature-strip{max-width:720px}
.hb-categories .hb-container{width:min(100% - 48px,960px)}
.hb-category-grid{gap:18px}
.hb-category-card{grid-template-columns:minmax(0,1fr) minmax(128px,32%);gap:16px;min-height:188px;padding:20px;border-radius:16px}
.hb-category-card strong{font-size:24px}
.hb-category-card .hb-category-pill{min-height:32px;padding:0 12px;font-size:9px}
.hb-category-visual .hb-card-media{max-height:134px;min-height:114px;border-radius:12px}
.mp-category-showcase .hb-container{width:min(100% - 44px,960px)}
.mp-category-showcase-shell{padding:34px 0 26px;border-radius:0}
.mp-category-showcase-head h2{font-size:34px}
.mp-category-showcase-grid{grid-template-columns:repeat(var(--hb-cols-tablet,2),minmax(0,1fr));gap:16px}
.mp-category-showcase-card{grid-template-columns:minmax(0,1fr) minmax(130px,34%);gap:16px;min-height:226px;padding:20px}
.mp-category-showcase-text h3{font-size:24px}
.mp-category-showcase-media{min-height:160px}
.mp-reference-section .hb-container{width:min(100% - 44px,960px)}
.mp-reference-head{grid-template-columns:1fr;align-items:start}
.mp-reference-head h2,.mp-reference-head p{grid-column:1;grid-row:auto}
.mp-reference-head h2{font-size:25px}
.mp-reference-logo{height:86px}
.hb-top-wa-card{grid-template-columns:1fr;gap:18px;justify-items:start;padding:30px}
.hb-top-wa-title{white-space:normal;font-size:30px}
.hb-top-wa-button{min-height:58px}
.hb-hero-card-grid{grid-template-columns:1fr}
.hb-hero-card{grid-template-columns:minmax(0,1fr) minmax(220px,38%);min-height:360px}
.hb-hero-copy h1,.hb-hero-copy h2{font-size:40px}
.hb-advantages-head{grid-template-columns:1fr;gap:28px}
.hb-advantages-copy h1,.hb-advantages-copy h2{font-size:44px}
.hb-advantages-trust-card{max-width:520px}
.hb-advantages-grid{grid-template-columns:repeat(var(--hb-cols-tablet,2),minmax(0,1fr))}
.hb-advantages-cta{grid-template-columns:68px minmax(0,1fr);gap:18px}
.hb-advantages-cta a{grid-column:2;width:max-content}
.hb-story-shell{width:min(100% - 36px,960px)}
.hb-story-title{font-size:58px}
.hb-story-lead{font-size:22px}
.hb-story-span-wide,.hb-story-spec-card{grid-column:span 12}
.hb-story-info-card{grid-column:span 6;min-height:300px;padding:34px}
.hb-story-info-card h3,.hb-story-spec-card h3{font-size:32px}
.hb-story-process-card h3{font-size:34px}
.hb-cta-box,.hb-image-text-box{grid-template-columns:1fr}
.hb-image-left .hb-image-text-visual{order:-1}
}
@media(max-width:768px){
.hb-hide-mobile{display:none!important}
.hb-container{width:min(calc(100vw - 32px),720px)}
.hb-products-premium .hb-container{width:min(calc(100vw - 28px),720px)}
.hb-products-shell{padding:22px 14px 24px;border-radius:22px}
.hb-products-head{gap:18px;margin-bottom:18px}
.hb-products-eyebrow{min-height:32px;margin-bottom:14px;padding:0 12px;font-size:11px}
.hb-products-copy h1,.hb-products-copy h2{font-size:31px;line-height:1.1}
.hb-products-copy p{font-size:14px}
.hb-products-feature-strip{grid-template-columns:1fr;gap:10px;padding:12px;border-radius:16px}
.hb-products-feature{grid-template-columns:38px minmax(0,1fr)}
.hb-products-feature-icon{width:38px;height:38px}
.hb-product-grid-premium{gap:16px}
.hb-product-media-wrap{margin:10px 10px 0;border-radius:14px}
.hb-product-card-premium{border-radius:16px}
.hb-product-card-premium .hb-card-media{border-radius:14px}
.hb-product-card-body{padding:13px 14px 12px}
.hb-product-card-premium h3,.hb-product-card-premium h3 a{font-size:15px}
.hb-products-footer-cta{grid-template-columns:44px minmax(0,1fr) 42px;gap:12px;min-height:64px;margin-top:20px;padding:10px 11px;border-radius:18px}
.hb-products-footer-icon{width:42px;height:42px}
.hb-products-footer-copy{grid-template-columns:1fr;gap:4px}
.hb-products-footer-copy::after{display:none}
.hb-products-footer-copy strong,.hb-products-footer-copy em{grid-column:1;grid-row:auto}
.hb-products-footer-copy strong{font-size:15px}
.hb-products-footer-copy em{font-size:12px}
.hb-products-footer-cta a{min-width:40px;min-height:40px;padding:0}
.hb-products-footer-cta a span{display:none}
.hb-categories .hb-container{width:min(calc(100vw - 32px),720px)}
.hb-section{padding:var(--hb-pad-top,36px) 0 var(--hb-pad-bottom,36px)}
.hb-section-head h1,.hb-section-head h2,.hb-cta-copy h1,.hb-cta-copy h2,.hb-image-text-copy h1,.hb-image-text-copy h2{font-size:28px;line-height:1.15}
.hb-section-head p,.hb-cta-copy p,.hb-image-text-copy>p:not(.hb-eyebrow){font-size:15px}
.hb-top-whatsapp-section{padding:18px 0 12px}
.hb-top-wa-card{min-height:0;border-radius:22px;padding:24px 20px}
.hb-top-wa-card::after{right:-18px;width:180px;height:180px}
.hb-top-wa-pill{min-height:44px;padding:0 18px;font-size:12px}
.hb-top-wa-title{font-size:28px}
.hb-top-wa-button{width:100%;min-height:54px;padding:0 18px;border-radius:14px;font-size:12px}
.hb-grid{grid-template-columns:repeat(var(--hb-cols-mobile,1),minmax(0,1fr));gap:14px}
.hb-faqs .hb-container{grid-template-columns:1fr;gap:20px}
.hb-faqs .hb-section-head{max-width:none;padding-top:0}
.hb-faqs .hb-section-head::before{margin-bottom:14px}
.hb-faqs .hb-section-head h1,.hb-faqs .hb-section-head h2{font-size:31px;line-height:1.1}
.hb-faqs .hb-section-head p{max-width:none;font-size:14px;line-height:1.55}
.hb-faq-list{gap:8px}
.hb-faq-item{border-radius:16px}
.hb-faq-item summary{grid-template-columns:36px minmax(0,1fr) 30px;gap:10px;padding:14px;font-size:14px}
.hb-faq-item summary::before{width:36px;height:36px;border-radius:12px;font-size:11px}
.hb-faq-item summary::after{width:30px;height:30px;font-size:19px}
.hb-faq-item p{padding:0 14px 16px 60px;font-size:13px;line-height:1.6}
.hb-advantages-premium::before{display:none}
.hb-advantages-premium::after{right:-240px;top:120px}
.hb-advantages-head{margin-bottom:28px}
.hb-advantages-eyebrow{min-height:34px;margin-bottom:22px;padding:0 12px;font-size:11px}
.hb-advantages-copy h1,.hb-advantages-copy h2{font-size:32px;line-height:1.1}
.hb-advantages-copy>p{margin-top:18px;font-size:15px;line-height:1.6}
.hb-advantages-trust-card{grid-template-columns:56px minmax(0,1fr);gap:14px;min-height:0;padding:18px;border-radius:16px}
.hb-advantages-trust-icon{width:52px;height:52px}
.hb-advantages-trust-icon .hb-svg-icon{width:28px;height:28px}
.hb-advantages-grid{grid-template-columns:repeat(var(--hb-cols-mobile,1),minmax(0,1fr));gap:16px}
.hb-advantage-card{min-height:0;padding:24px 22px}
.hb-advantage-icon{width:60px;height:60px;margin-bottom:22px}
.hb-advantage-card h3{font-size:20px}
.hb-advantages-cta{grid-template-columns:1fr;justify-items:start;margin-top:28px;padding:22px;border-radius:16px}
.hb-advantages-cta a{grid-column:auto;width:100%;min-height:54px}
.hb-category-grid{grid-template-columns:1fr!important;gap:14px}
.hb-category-card{grid-template-columns:minmax(0,1fr) 104px;gap:14px;min-height:164px;padding:16px;border-radius:16px}
.hb-category-card .hb-card-body{gap:12px;padding:0}
.hb-category-card strong{font-size:22px;line-height:1.08}
.hb-category-card .hb-category-pill{min-height:32px;padding:0 11px;gap:7px;font-size:8px}
.hb-category-pill::before{flex-basis:7px;width:7px;height:7px}
.hb-category-action{font-size:11px}
.hb-category-action span{font-size:17px}
.hb-category-visual .hb-card-media{max-height:120px;min-height:104px;border-radius:12px}
.mp-category-showcase .hb-container{width:min(calc(100vw - 28px),720px)}
.mp-category-showcase-shell{padding:28px 0 22px;border-radius:0}
.mp-category-showcase-head{margin-bottom:22px}
.mp-category-showcase-badge{min-height:32px;margin-bottom:12px;padding:0 12px;font-size:10px}
.mp-category-showcase-head h2{font-size:30px;line-height:1.12}
.mp-category-showcase-head p{margin-top:10px;font-size:14px;line-height:1.55}
.mp-category-showcase-grid{grid-template-columns:1fr!important;gap:14px}
.mp-category-showcase-card{grid-template-columns:1fr;gap:16px;min-height:0;padding:16px;border-radius:18px}
.mp-category-showcase-visual{order:-1}
.mp-category-showcase-media{min-height:0;aspect-ratio:16/10;border-radius:15px}
.mp-category-showcase-topline{gap:10px}
.mp-category-showcase-icon{width:46px;height:46px;border-radius:14px}
.mp-category-showcase-icon .hb-svg-icon{width:23px;height:23px}
.mp-category-showcase-text h3{max-width:none;font-size:23px}
.mp-category-showcase-text p{max-width:none;margin-top:10px;font-size:13px}
.mp-category-showcase-meta{align-items:flex-start}
.mp-category-showcase-trust{width:100%;justify-content:flex-start;gap:8px;margin-top:18px;border-radius:18px;padding:12px}
.mp-category-showcase-trust span{white-space:normal}
.mp-category-showcase-trust span:not(:last-child)::after{display:none}
.mp-reference-section .hb-container{width:min(calc(100vw - 28px),720px)}
.mp-reference-shell{padding:22px 0}
.mp-reference-head{gap:8px;margin-bottom:16px}
.mp-reference-head span{font-size:10px;min-height:26px}
.mp-reference-head h2{font-size:23px}
.mp-reference-head p{font-size:13px}
.mp-reference-marquee{mask-image:none;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch}
.mp-reference-marquee::-webkit-scrollbar{display:none}
.mp-reference-track{animation:none}
.mp-reference-set[aria-hidden="true"]{display:none}
.mp-reference-set{gap:10px;padding-right:0}
.mp-reference-logo{scroll-snap-align:start;height:84px;padding:16px 18px;border-radius:16px}
.mp-customer-proof-shell{padding:28px 0}
.mp-customer-proof-head{margin-bottom:18px}
.mp-customer-proof-rail{gap:12px;padding-bottom:14px}
.mp-customer-proof-card{flex-basis:min(78vw,320px);width:min(78vw,320px);min-height:438px;border-radius:16px}
.mp-customer-proof-body{padding:14px}
.mp-customer-proof-card h3{font-size:17px}
.mp-customer-proof-card blockquote{font-size:13px}
.hb-card-body{padding:16px}
.hb-actions{width:100%}
.hb-button{width:100%;min-height:44px}
.hb-hero-section{padding:18px 0 8px}
.hb-hero-card{grid-template-columns:1fr;gap:24px;min-height:0;padding:28px 22px;border-radius:22px}
.hb-hero-card .hb-eyebrow{margin-bottom:24px;font-size:12px;padding:11px 13px}
.hb-hero-copy h1,.hb-hero-copy h2{font-size:32px;line-height:1.1}
.hb-hero-copy .hb-lead{font-size:15px}
.hb-hero-card .hb-actions{margin-top:28px}
.hb-hero-card .hb-button{min-height:54px}
.hb-story-shell{width:min(100% - 28px,560px)}
.hb-story-hero{margin-bottom:42px}
.hb-story-badge{min-height:34px;margin-bottom:24px;padding:0 14px;font-size:10px}
.hb-story-title{font-size:42px;line-height:1.02}
.hb-story-lead{margin-top:24px;font-size:18px;line-height:1.42}
.hb-story-card-grid{grid-template-columns:1fr;gap:16px}
.hb-story-info-card,.hb-story-span-wide,.hb-story-spec-card{grid-column:1;min-height:0;border-radius:24px;padding:28px 24px}
.hb-story-card-eyebrow{font-size:16px}
.hb-story-info-card h3,.hb-story-spec-card h3{font-size:28px}
.hb-story-info-card>p:not(.hb-story-card-eyebrow),.hb-story-spec-card>p{font-size:16px}
.hb-story-spec-card div{grid-template-columns:1fr;gap:6px;padding:13px 0}
.hb-story-spec-card dd{text-align:left}
.hb-story-process-card{border-radius:24px;padding:30px 24px}
.hb-story-process-card h3{font-size:30px}
.hb-story-process-lead{font-size:16px}
.hb-story-step-grid{grid-template-columns:1fr;gap:12px}
.hb-story-step{padding:22px}
.hb-story-cta{margin-top:58px}
.hb-story-cta p{font-size:15px}
.hb-story-cta a{width:100%;min-height:54px;font-size:15px}
.hb-cta-box{padding:24px 18px}
.hb-business-note{font-size:13px}
}

@media(prefers-reduced-motion:reduce){
.mp-reference-track{animation:none}
.mp-reference-marquee{overflow-x:auto;mask-image:none}
.mp-reference-set[aria-hidden="true"]{display:none}
}

/* Category archive refresh */
body.storefront .archive-store-main{max-width:none;padding:0 0 72px;background:#fff}
.archive-hero{position:relative;isolation:isolate;display:grid;grid-template-columns:minmax(0,640px) minmax(320px,1fr);align-items:center;gap:48px;min-height:350px;overflow:hidden;background:#080d10;color:#fff;padding:50px max(24px,calc((100vw - 1320px)/2 + 24px))}
.archive-hero::before{content:'';position:absolute;inset:0;z-index:-2;background:linear-gradient(115deg,rgba(4,9,11,.96) 0%,rgba(6,12,15,.92) 46%,rgba(9,15,17,.76) 100%),repeating-linear-gradient(126deg,rgba(255,255,255,.04) 0 1px,transparent 1px 62px),linear-gradient(45deg,transparent 0 42%,rgba(255,255,255,.045) 42% 43%,transparent 43% 100%)}
.archive-hero::after{content:'';position:absolute;inset:auto -5% -28% 40%;z-index:-1;height:120%;background:linear-gradient(120deg,transparent 0%,rgba(255,255,255,.08) 48%,transparent 50%);transform:rotate(-12deg);opacity:.75}
.archive-hero-copy{position:relative;z-index:1;display:grid;gap:16px;align-content:center}
.archive-breadcrumb{display:flex;align-items:center;gap:8px;margin:0 0 2px;color:#dce7df;font-size:12px;font-weight:800}
.archive-breadcrumb::before{content:'✶';color:#9dd9a9;font-size:11px}
.archive-breadcrumb a{color:#dce7df;text-decoration:none}
.archive-breadcrumb a:hover{color:#fff}
.archive-breadcrumb strong{color:#fff;font-weight:900}
.archive-hero h1{max-width:640px;margin:0;color:#fff;font-size:48px;font-weight:950;line-height:1.04;letter-spacing:0}
.archive-hero p{max-width:610px;margin:0;color:#e5e9e8;font-size:17px;font-weight:600;line-height:1.75}
.archive-hero-benefits{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;margin-top:14px;max-width:620px}
.archive-hero-benefits span{display:grid;grid-template-columns:34px minmax(0,1fr);grid-template-rows:auto auto;align-items:center;column-gap:10px;min-height:68px;padding:12px 16px;border:1px solid rgba(255,255,255,.2);background:rgba(255,255,255,.035);backdrop-filter:blur(6px)}
.archive-hero-benefits span:first-child{border-radius:8px 0 0 8px}
.archive-hero-benefits span:last-child{border-radius:0 8px 8px 0}
.archive-hero-benefits i{grid-row:1 / 3;display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border:1px solid rgba(157,217,169,.52);border-radius:999px;color:#9dd9a9;font-style:normal;font-size:14px}
.archive-hero-benefits b{color:#fff;font-size:12px;font-weight:950;line-height:1.2}
.archive-hero-benefits em{color:#d7dddd;font-size:12px;font-style:normal;font-weight:650;line-height:1.25}
.archive-hero-visual{position:relative;z-index:1;min-height:260px;align-self:stretch}
.archive-hero-visual img{position:absolute;right:0;top:50%;display:block;width:min(520px,95%);aspect-ratio:4/3;object-fit:cover;border-radius:8px;box-shadow:0 28px 62px rgba(0,0,0,.55);transform:translateY(-50%) rotate(-11deg);filter:saturate(.95) contrast(1.05)}
.archive-category-pills{display:flex;gap:14px;max-width:1320px;margin:0 auto;padding:28px 24px 24px;overflow-x:auto;scrollbar-width:none}
.archive-category-pills::-webkit-scrollbar{display:none}
.archive-category-pills a{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;min-width:88px;min-height:38px;border:1px solid #e4e7ec;border-radius:999px;background:#fff;color:#343941;text-decoration:none;padding:0 22px;font-size:13px;font-weight:850;white-space:nowrap;box-shadow:0 6px 16px rgba(15,23,42,.035);transition:background .2s ease,color .2s ease,border-color .2s ease,transform .2s ease}
.archive-category-pills a:hover{border-color:#20b85a;color:#107a3d;transform:translateY(-1px)}
.archive-category-pills a.is-active{border-color:#20b85a;background:#20b85a;color:#fff;box-shadow:0 12px 24px rgba(32,184,90,.18)}
body.storefront .store-layout.has-archive-sidebar{max-width:1320px;margin:0 auto;padding:0 24px 72px;grid-template-columns:270px minmax(0,1fr);gap:32px;align-items:start}
body.storefront .archive-category-sidebar{position:sticky;top:118px;display:grid;gap:18px;border:0;background:transparent;padding:0;margin:0;color:#29313b}
.archive-filter-card,.archive-upload-card{border:1px solid #e8ebef;border-radius:8px;background:#fff;box-shadow:0 10px 30px rgba(15,23,42,.045)}
.archive-filter-card{padding:18px 18px 16px}
.archive-sidebar-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 14px;color:#20262d}
.archive-sidebar-heading strong{font-size:15px;font-weight:950;line-height:1.2}
.archive-sidebar-heading span{color:#20262d;font-size:14px;font-weight:900}
.archive-category-sidebar nav{display:grid;gap:10px}
.archive-category-sidebar nav a{display:flex;align-items:center;justify-content:space-between;gap:10px;color:#343941;text-decoration:none;font-size:13px;font-weight:750;line-height:1.45}
.archive-category-sidebar nav a span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.archive-category-sidebar nav a b{color:#69717c;font-size:12px;font-weight:850}
.archive-category-sidebar nav a:hover,.archive-category-sidebar nav a.is-active{color:#20a957}
.archive-category-sidebar nav a.is-active b{color:#20a957}
.archive-check-list{display:grid;gap:9px}
.archive-check-list label{display:grid;grid-template-columns:16px minmax(0,1fr) auto;align-items:center;gap:8px;margin:0;color:#4d5561;font-size:13px;font-weight:700}
.archive-check-list input{width:14px;height:14px;margin:0;accent-color:#20b85a;opacity:1}
.archive-check-list span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.archive-check-list b{color:#77808c;font-size:12px;font-weight:750}
.archive-color-swatches{display:flex;flex-wrap:wrap;gap:12px 13px}
.archive-color-swatches button{width:21px;height:21px;border:1px solid rgba(15,23,42,.14);border-radius:999px;background:var(--archive-swatch);padding:0;box-shadow:inset 0 0 0 2px rgba(255,255,255,.5);cursor:pointer}
.archive-upload-card{display:grid;justify-items:start;gap:10px;padding:24px 22px;text-align:left}
.archive-upload-card>span{display:inline-flex;align-items:center;justify-content:center;width:46px;height:46px;border:1px solid #d9efe2;border-radius:999px;background:#f4fbf6;color:#20b85a;font-size:22px}
.archive-upload-card strong{color:#20262d;font-size:15px;font-weight:950;line-height:1.35}
.archive-upload-card p{margin:0;color:#69717c;font-size:12px;font-weight:650;line-height:1.55}
.archive-upload-card a{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:40px;margin-top:4px;border:1px solid #20b85a;border-radius:6px;background:#f6fff9;color:#149247;text-decoration:none;padding:0 14px;font-size:12px;font-weight:950}
.archive-upload-card a:hover{background:#20b85a;color:#fff}
.archive-shop-toolbar{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:18px;margin:0 0 26px;color:#2b3139}
.archive-result-summary{display:grid;gap:2px}
.archive-result-summary strong{color:#20262d;font-size:18px;font-weight:950;line-height:1.2}
.archive-result-summary span{color:#69717c;font-size:13px;font-weight:650}
.archive-sort-control{display:flex;align-items:center;gap:10px}
.archive-sort-control label{color:#424a55;font-size:12px;font-weight:850}
.archive-sort-control select{width:204px;height:44px;border:1px solid #e0e4ea;border-radius:6px;background:#fff;color:#3f4650;padding:0 34px 0 14px;font-size:13px;font-weight:750;font-family:inherit}
.archive-view-tools{display:flex;align-items:center;gap:8px}
.archive-view-button{display:grid;width:44px;height:44px;border:1px solid #e5e8ed;border-radius:6px;background:#f6f7f9;grid-template-columns:repeat(3,5px);grid-auto-rows:5px;gap:4px;place-content:center;padding:0}
.archive-view-button.is-current{border-color:#bfe8ce;background:#eaf9ef}
.archive-view-button span{display:block;width:5px;height:5px;border-radius:1px;background:#20b85a}
.archive-view-button i{display:block;width:19px;height:3px;border-radius:999px;background:#67717e}
.archive-list-view-button{display:flex;flex-direction:column;gap:5px}
body.storefront .has-archive-sidebar .product-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px 22px}
body.storefront .product-card-archive{position:relative;display:flex;flex-direction:column;overflow:hidden;border:1px solid #e7eaee;border-radius:8px;background:#fff;box-shadow:0 8px 22px rgba(15,23,42,.045);transition:transform .24s ease,box-shadow .24s ease,border-color .24s ease}
body.storefront .product-card-archive:hover{border-color:#d5dbe4;box-shadow:0 18px 38px rgba(15,23,42,.1);transform:translateY(-3px)}
body.storefront .product-card-archive .product-card-link{display:flex;flex:1;flex-direction:column;height:100%;color:#20262d;text-align:left}
body.storefront .product-card-archive .product-image{position:relative;display:block;width:100%;aspect-ratio:4/3;border-radius:0;background:#111827;overflow:hidden}
body.storefront .product-card-archive .product-image img{display:block;width:100%;height:100%;border-radius:0;object-fit:cover;transition:transform .45s ease}
body.storefront .product-card-archive:hover .product-image img{transform:scale(1.045)}
.product-archive-badge{position:absolute;top:14px;left:14px;z-index:2;display:inline-flex;align-items:center;min-height:26px;border-radius:5px;background:#17a84e;color:#fff;padding:0 10px;font-size:10px;font-weight:950;letter-spacing:.2px}
body.storefront .product-card-archive .product-info{display:grid;align-items:start;gap:5px;padding:12px 58px 16px 14px;text-align:left}
.product-archive-meta{display:none}
body.storefront .product-card-archive .product-info strong{display:-webkit-box;min-height:34px;max-width:none;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;color:#20262d;font-size:14px;font-weight:900;line-height:1.24}
.product-archive-measure{display:block;color:#7b838f;font-size:11px;font-weight:750;line-height:1.2}
body.storefront .product-card-archive .price{display:block;margin:6px 0 0;color:#161b22;font-size:17px;font-weight:950;line-height:1.1}
.archive-favorite-form,.archive-cart-form{position:absolute;z-index:3;margin:0}
.archive-favorite-form{top:12px;right:12px}
.archive-favorite-button{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border:0;border-radius:999px;background:rgba(12,18,24,.22);color:#fff;padding:0;cursor:pointer;backdrop-filter:blur(8px);transition:background .2s ease,color .2s ease,transform .2s ease}
.archive-favorite-button:hover,.archive-favorite-button.is-active{background:#fff;color:#20b85a;transform:scale(1.04)}
.archive-cart-form{right:14px;bottom:16px}
.archive-cart-button{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border:0;border-radius:5px;background:#20b85a;color:#fff;padding:0;cursor:pointer;box-shadow:0 10px 20px rgba(32,184,90,.23);transition:background .2s ease,transform .2s ease,box-shadow .2s ease}
.archive-cart-button:hover{background:#149247;transform:translateY(-1px);box-shadow:0 13px 24px rgba(20,146,71,.28)}
.archive-pagination{display:flex;align-items:center;justify-content:center;gap:10px;margin:30px 0 0}
.archive-page-button,.archive-page-ellipsis{display:inline-flex;align-items:center;justify-content:center;min-width:38px;height:38px;border:1px solid #e3e7ed;border-radius:6px;background:#fff;color:#2b3139;text-decoration:none;padding:0 10px;font-size:13px;font-weight:850}
.archive-page-button.is-current{border-color:#20b85a;background:#20b85a;color:#fff}
.archive-page-button.is-disabled{opacity:.42;pointer-events:none}
.archive-next-page{font-size:22px!important;font-weight:700!important}
.archive-page-ellipsis{border-color:transparent;background:transparent;color:#68717d}
.detail-whatsapp-cta{border-color:#20b85a;background:linear-gradient(135deg,#20b85a 0%,#149247 100%);color:#fff;box-shadow:0 16px 34px rgba(32,184,90,.24)}
.detail-whatsapp-cta:hover{border-color:#149247;background:linear-gradient(135deg,#24c862 0%,#12813f 100%);color:#fff;box-shadow:0 20px 42px rgba(20,146,71,.3)}
.detail-whatsapp-icon{background:rgba(255,255,255,.18);color:#fff;box-shadow:none}
.detail-whatsapp-copy strong,.detail-whatsapp-copy small{color:#fff}
.detail-whatsapp-copy small{opacity:.86}
.detail-whatsapp-arrow{border-color:rgba(255,255,255,.34);background:rgba(255,255,255,.14);color:#fff}
.detail-whatsapp-cta:hover .detail-whatsapp-arrow{border-color:#fff;background:#fff;color:#149247}

@media(max-width:1100px){
.archive-hero{grid-template-columns:minmax(0,1fr) 340px;gap:28px}
.archive-hero h1{font-size:42px}
.archive-hero-benefits{grid-template-columns:1fr;max-width:360px}
.archive-hero-benefits span,.archive-hero-benefits span:first-child,.archive-hero-benefits span:last-child{border-radius:8px}
body.storefront .store-layout.has-archive-sidebar{grid-template-columns:235px minmax(0,1fr);gap:24px}
body.storefront .has-archive-sidebar .product-grid{gap:20px}
}

@media(max-width:900px){
.archive-hero{grid-template-columns:1fr;min-height:0;padding:34px 18px 30px}
.archive-hero-visual{display:none}
.archive-hero h1{font-size:34px}
.archive-hero p{font-size:15px}
.archive-hero-benefits{grid-template-columns:1fr;max-width:none}
body.storefront .store-layout.has-archive-sidebar{max-width:none;padding:0 16px 54px;grid-template-columns:1fr;gap:18px}
body.storefront .archive-category-sidebar{position:static;display:none}
.js-ready .store-layout.has-archive-sidebar.is-filter-open .archive-category-sidebar{display:grid}
.archive-shop-toolbar{grid-template-columns:auto minmax(0,1fr) auto;gap:12px}
.archive-filter-toggle{position:static;display:inline-grid!important;width:44px;height:44px;border:1px solid #e5e8ed;border-radius:6px;background:#fff;padding:0;place-items:center}
.archive-filter-toggle span{display:block;width:18px;height:2px;background:#2f3741;box-shadow:0 6px 0 #2f3741,0 -6px 0 #2f3741}
.archive-filter-toggle span+span{display:none}
.archive-result-summary strong{font-size:16px}
.archive-result-summary span{display:none}
.archive-sort-control label{display:none}
.archive-sort-control select{width:136px}
.archive-view-tools{display:none}
}

@media(max-width:640px){
.archive-category-pills{padding:18px 12px}
.archive-category-pills a{min-width:auto;min-height:36px;padding:0 16px;font-size:12px}
.archive-hero{padding:28px 14px 26px}
.archive-hero h1{font-size:30px}
.archive-breadcrumb{font-size:11px}
body.storefront .store-layout.has-archive-sidebar{padding:0 12px 46px}
.archive-shop-toolbar{grid-template-columns:auto minmax(0,1fr);align-items:center}
.archive-sort-control{grid-column:1 / -1;justify-self:stretch}
.archive-sort-control select{width:100%}
body.storefront .has-archive-sidebar .product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 12px}
body.storefront .product-card-archive .product-image{aspect-ratio:1/1}
body.storefront .product-card-archive .product-info{padding:10px 48px 13px 10px}
body.storefront .product-card-archive .product-info strong{min-height:32px;font-size:12px}
.product-archive-measure{font-size:10px}
body.storefront .product-card-archive .price{font-size:15px}
.archive-favorite-button{width:32px;height:32px}
.archive-cart-form{right:10px;bottom:12px}
.archive-cart-button{width:34px;height:34px}
.archive-pagination{gap:6px;margin-top:22px}
.archive-page-button,.archive-page-ellipsis{min-width:34px;height:34px;font-size:12px}
}

/* Request fixes: archive filters, classic menu, modern content pages */
.shop-loading-indicator[hidden]{display:none!important}
.archive-shop-toolbar{grid-template-columns:minmax(0,1fr) auto}
.archive-filter-form{display:grid;gap:18px}
.archive-filter-actions{display:flex;gap:10px;align-items:center}
.archive-filter-actions button,.archive-filter-actions a{display:inline-flex;align-items:center;justify-content:center;min-height:38px;border-radius:6px;padding:0 14px;font-size:12px;font-weight:950;text-decoration:none}
.archive-filter-actions button{border:1px solid #20b85a;background:#20b85a;color:#fff;cursor:pointer}
.archive-filter-actions a{border:1px solid #e2e7ee;background:#fff;color:#4b5563}
.archive-color-swatches{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px 10px}
.archive-color-swatch{position:relative;display:grid;justify-items:center;gap:5px;margin:0;color:#5b6470;font-size:10px;font-weight:800;line-height:1.1;text-align:center;cursor:pointer}
.archive-color-swatch input{position:absolute;opacity:0;pointer-events:none}
.archive-color-swatch span{display:block;width:24px;height:24px;border:1px solid rgba(15,23,42,.15);border-radius:999px;background:var(--archive-swatch);box-shadow:inset 0 0 0 2px rgba(255,255,255,.54)}
.archive-color-swatch em{font-style:normal}
.archive-color-swatch.is-selected span,.archive-color-swatch:has(input:checked) span{outline:2px solid #20b85a;outline-offset:3px}
.archive-check-list label:has(input:checked){color:#149247}
.archive-hero{min-height:300px}
.archive-hero-visual{min-height:220px}
.archive-hero-visual img{width:min(420px,88%);max-height:280px;object-fit:cover}
body.storefront .detail-price{flex-wrap:wrap}
body.storefront .detail-price span,.detail-price span{text-decoration:none}
body.storefront .detail-price .detail-regular-price,.detail-price .detail-regular-price,.old-price{text-decoration:line-through}
body.storefront .detail-price .detail-measurement-label{flex-basis:100%;display:block;color:#5f6670;font-size:13px;font-weight:850;line-height:1.35}
.product-tab-panels{display:block}
.product-tab-panel[hidden]{display:none!important}
.product-tab-panel{display:none}
.product-tab-panel.is-active{display:block}
.product-quote-panel .section-head{margin-bottom:18px}
.product-review-empty span{display:block}
body.storefront .site-nav-bar{background:#fff;border-top:1px solid #e7ebf0;border-bottom:1px solid #e7ebf0}
body.storefront .site-nav{min-height:52px;gap:8px 12px;flex-wrap:wrap;justify-content:center;overflow:visible;padding:10px 24px 12px}
body.storefront .site-nav-item{display:flex;align-items:center;min-height:0;border:0}
body.storefront .site-nav-link{position:relative;display:inline-flex;align-items:center;justify-content:center;min-height:40px;border:1px solid #e4e8ef;border-radius:999px;background:#f8fafc;color:#1f2937;padding:0 14px;font-size:12px;font-weight:850;line-height:1.2;text-transform:none;text-decoration:none;box-shadow:0 8px 20px rgba(15,23,42,.04);transition:background-color .2s ease,border-color .2s ease,color .2s ease,box-shadow .2s ease,transform .2s ease}
body.storefront .site-nav-link:hover,body.storefront .site-nav-link.is-active{background:#fff;border-color:#cfe2f3;box-shadow:0 14px 28px rgba(15,23,42,.08);color:#0088cc;transform:translateY(-1px)}
body.storefront .site-nav-link.is-active::after{display:none}
body.storefront .site-nav-dropdown{border-radius:14px;padding:12px;box-shadow:0 20px 42px rgba(15,23,42,.12)}
body.storefront .site-nav-dropdown a{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;border-radius:6px;padding:9px 10px}
.content-page-main,.faq-page-main{background:#fff}
.content-page-breadcrumb{max-width:920px;margin:0 auto;padding:28px 24px 0;display:flex;align-items:center;gap:8px;flex-wrap:wrap;color:#7a8491;font-size:13px;font-weight:750}
.content-page-breadcrumb a{color:#536173;text-decoration:none}
.content-page-breadcrumb a:hover{color:#0088cc}
.content-page-breadcrumb strong{color:#222529;font-weight:850}
.content-page-hero,.faq-page-hero{max-width:920px;margin:0 auto;padding:58px 24px 28px;text-align:left}
.content-page-hero .eyebrow,.faq-page-hero .eyebrow{margin:0 0 10px;color:#0088cc;font-size:12px;font-weight:950;letter-spacing:0;text-transform:uppercase}
.content-page-hero h1,.faq-page-hero h1{max-width:780px;margin:0;color:#15191f;font-size:clamp(34px,5vw,56px);font-weight:950;line-height:1.02;letter-spacing:0}
.content-page-hero p,.faq-page-hero p{max-width:680px;margin:18px 0 0;color:#68717d;font-size:16px;font-weight:650;line-height:1.75}
.content-page-meta{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px}
.content-page-meta span{display:inline-flex;align-items:center;min-height:32px;border:1px solid #dbe5ec;border-radius:999px;background:#f8fafc;color:#536173;padding:0 12px;font-size:12px;font-weight:850}
.content-page-shell{max-width:920px;margin:0 auto 68px;padding:0 24px}
.content-page-shell>.rich-text,.content-page-shell>.content-block{padding:30px 0;border-top:1px solid #e6eaf0;color:#2b3139;font-size:16px;line-height:1.85}
.content-page-shell .rich-text h2,.content-page-shell .content-block h2{margin:34px 0 12px;color:#15191f;font-size:24px;line-height:1.2}
.content-page-shell .rich-text h3,.content-page-shell .content-block h3{margin:26px 0 10px;color:#15191f;font-size:18px}
.content-page-shell .rich-text p,.content-page-shell .content-block p{margin:0 0 16px}
.content-page-shell .rich-text ul,.content-page-shell .rich-text ol{padding-left:20px}
.content-page-shell .seo-reference-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:26px 0 30px;padding:0}
.content-page-shell .seo-reference-gallery figure{overflow:hidden;margin:0;border:1px solid #e2e8f0;border-radius:8px;background:#fff;box-shadow:0 14px 30px rgba(15,23,42,.06)}
.content-page-shell .seo-reference-gallery img{display:block;width:100%;aspect-ratio:3/4;object-fit:cover;object-position:top center;margin:0;border-radius:0}
.content-page-shell .seo-reference-gallery figcaption{padding:11px 12px;color:#172033;font-size:13px;font-weight:850;line-height:1.35}
.content-page-shell .kapi-onu-gallery{margin:30px 0 34px;padding:24px;border:1px solid #dfe7ef;border-radius:8px;background:#f8fafc;overflow:hidden}
.kapi-onu-gallery-head{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:18px;align-items:end;margin-bottom:18px}
.kapi-onu-gallery-eyebrow{margin:0 0 8px!important;color:#0f7a3f;font-size:12px;font-weight:950;line-height:1.2;text-transform:uppercase}
.kapi-onu-gallery-head h2{margin:0!important;color:#15191f;font-size:24px;line-height:1.2}
.kapi-onu-gallery-head p:last-child{max-width:650px;margin:10px 0 0!important;color:#596575;font-size:14px;font-weight:650;line-height:1.65}
.kapi-onu-gallery-controls{display:flex;gap:8px;align-items:center}
.kapi-onu-gallery-controls button{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border:1px solid #d6e0ea;border-radius:8px;background:#fff;color:#172033;cursor:pointer;transition:background-color .18s ease,border-color .18s ease,color .18s ease,transform .18s ease}
.kapi-onu-gallery-controls button:hover,.kapi-onu-gallery-controls button:focus-visible{border-color:#0f7a3f;color:#0f7a3f;transform:translateY(-1px);outline:none}
.kapi-onu-gallery-controls button:disabled{opacity:.42;cursor:not-allowed;transform:none}
.kapi-onu-gallery-controls svg{width:20px;height:20px}
.kapi-onu-gallery-track{display:flex;gap:14px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding:2px;padding:2px 2px 12px;outline:none;-webkit-overflow-scrolling:touch}
.kapi-onu-gallery-track:focus-visible{box-shadow:0 0 0 3px rgba(15,122,63,.14)}
.kapi-onu-gallery-card{flex:0 0 min(78vw,330px);scroll-snap-align:start;overflow:hidden;margin:0;border:1px solid #dfe7ef;border-radius:8px;background:#fff;box-shadow:0 12px 28px rgba(15,23,42,.07)}
.kapi-onu-gallery-card img{display:block;width:100%;height:auto;aspect-ratio:1/1;object-fit:cover;margin:0;border-radius:0}
.kapi-onu-gallery-card figcaption{display:grid;gap:4px;padding:12px 13px 14px;color:#172033;line-height:1.35}
.kapi-onu-gallery-card strong{font-size:14px;font-weight:950}
.kapi-onu-gallery-card span{color:#0f7a3f;font-size:12px;font-weight:900}
.kapi-onu-gallery-card small{color:#667384;font-size:12px;font-weight:650;line-height:1.45}
.kapi-onu-gallery-foot{display:flex;justify-content:flex-end;margin-top:12px}
.kapi-onu-gallery-foot a{display:inline-flex;align-items:center;justify-content:center;min-height:42px;border:1px solid #0f7a3f;border-radius:8px;background:#0f7a3f;color:#fff;padding:0 15px;font-size:13px;font-weight:900;line-height:1.2;text-decoration:none}
.kapi-onu-gallery-foot a:hover{background:#0b6332;border-color:#0b6332;color:#fff}
.content-page-guide-nav{max-width:920px;margin:-28px auto 72px;padding:24px;border:1px solid #e2e8f0;border-radius:8px;background:#f8fafc;display:grid;grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);gap:24px}
.content-page-guide-nav-copy .eyebrow{margin:0 0 10px;color:#0f7a3f;font-size:12px;font-weight:950;text-transform:uppercase}
.content-page-guide-nav-copy h2{margin:0;color:#15191f;font-size:24px;line-height:1.16}
.content-page-guide-nav-copy p:last-child{margin:12px 0 0;color:#5c6876;font-size:14px;font-weight:650;line-height:1.65}
.content-page-guide-nav-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.content-page-guide-nav-links a{display:grid;gap:5px;min-width:0;border:1px solid #dfe7ef;border-radius:8px;background:#fff;padding:13px;text-decoration:none;color:#222529}
.content-page-guide-nav-links a:hover{border-color:#0f7a3f}
.content-page-guide-nav-links strong{font-size:13px;font-weight:900;line-height:1.25}
.content-page-guide-nav-links span{color:#647184;font-size:12px;font-weight:650;line-height:1.45}
.faq-page-section{max-width:920px;padding-top:0}
.faq-page-section .faq-accordion{gap:10px}
.faq-page-section .faq-item{border:1px solid #e5e9ef;border-radius:8px;background:#fff;box-shadow:none}
.faq-page-section .faq-question{display:grid;grid-template-columns:44px minmax(0,1fr) 34px;gap:14px;min-height:72px;padding:18px 20px;color:#15191f;font-size:16px;font-weight:900}
.faq-page-section .faq-question small{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:999px;background:#f1f7fb;color:#0088cc;font-size:12px;font-weight:950}
.faq-page-section .faq-icon{background:#f6f8fa;color:#15191f}
.faq-page-section .faq-answer{padding:0 22px 22px 78px;background:#fff;color:#59616d;font-size:15px;line-height:1.75}
.mp-cookie-policy.content-page-shell{display:grid;gap:24px}
.mp-cookie-policy-intro,.mp-cookie-policy-note{padding:28px 0;border-top:1px solid #e6eaf0}
.mp-cookie-policy-intro h2,.mp-cookie-policy-note h2{margin:0 0 10px;color:#15191f;font-size:22px}
.mp-cookie-policy-intro p,.mp-cookie-policy-note p{max-width:760px;color:#59616d;font-size:15px;line-height:1.75}
.mp-cookie-policy-table{overflow:hidden;border:1px solid #e5e9ef;border-radius:8px}
.mp-cookie-policy-row{display:grid;grid-template-columns:1fr 2fr 1.2fr 1fr;gap:0;border-top:1px solid #e5e9ef}
.mp-cookie-policy-row:first-child{border-top:0}
.mp-cookie-policy-row span{padding:14px 16px;color:#59616d;font-size:13px;line-height:1.55}
.mp-cookie-policy-head span{background:#f7f9fb;color:#15191f;font-weight:950}

@media(max-width:900px){
.archive-shop-toolbar{grid-template-columns:auto minmax(0,1fr)}
body.storefront .site-nav{display:grid;width:min(100% - 48px,720px);gap:0;padding:8px 0 18px}
body.storefront .site-nav-item{display:block;width:100%;border-bottom:1px solid #e7e7e7}
body.storefront .site-nav-link{width:100%;min-height:46px;padding:12px 8px;font-size:16px;text-align:center;white-space:normal}
body.storefront .site-nav-link.is-active::after{display:none}
.content-page-breadcrumb{padding:22px 18px 0}
.content-page-hero,.faq-page-hero{padding:42px 18px 22px}
.content-page-shell,.faq-page-section{padding-right:18px;padding-left:18px}
.content-page-shell .seo-reference-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.content-page-shell .seo-reference-gallery figcaption{font-size:12px}
.content-page-shell .kapi-onu-gallery{padding:18px;margin:24px 0 30px}
.kapi-onu-gallery-head{grid-template-columns:1fr;align-items:start}
.kapi-onu-gallery-controls{justify-content:flex-start}
.kapi-onu-gallery-card{flex-basis:min(82vw,310px)}
.content-page-guide-nav{grid-template-columns:1fr;margin:-24px 18px 48px;padding:18px}
.content-page-guide-nav-links{grid-template-columns:1fr}
.mp-cookie-policy-row{grid-template-columns:1fr}
.mp-cookie-policy-row span{border-top:1px solid #edf0f4}
.mp-cookie-policy-row span:first-child{border-top:0}
}

@media(max-width:640px){
.archive-color-swatches{grid-template-columns:repeat(4,minmax(0,1fr))}
.faq-page-section .faq-question{grid-template-columns:36px minmax(0,1fr) 30px;padding:15px 14px;font-size:14px}
.faq-page-section .faq-question small{width:32px;height:32px}
.faq-page-section .faq-answer{padding:0 14px 18px 64px;font-size:14px}
}

/* UI UX Pro Max: modern minimal menu */
.skip-link{position:fixed;top:12px;left:12px;z-index:10000;display:inline-flex;align-items:center;justify-content:center;min-height:44px;border:1px solid #d7dde6;border-radius:8px;background:#fff;color:#111827;padding:0 16px;font-size:13px;font-weight:900;text-decoration:none;box-shadow:0 18px 38px rgba(15,23,42,.16);opacity:0;pointer-events:none;transform:translateY(-10px);transition:opacity .18s ease,transform .18s ease}
.skip-link:focus{opacity:1;pointer-events:auto;transform:translateY(0);outline:3px solid rgba(32,184,90,.24);outline-offset:2px}
body.storefront .site-header{position:sticky;top:0;z-index:100;background:rgba(255,255,255,.96)!important;border-bottom:1px solid rgba(226,232,240,.9)!important;box-shadow:0 1px 0 rgba(15,23,42,.03);backdrop-filter:saturate(180%) blur(14px)}
body.storefront .site-header-inner{max-width:1320px;min-height:78px;padding:14px 24px;gap:22px;align-items:center}
body.storefront .site-brand{flex:0 0 auto;min-width:168px}
body.storefront .site-brand img{max-height:52px!important;max-width:210px}
body.storefront .site-search{height:46px;max-width:500px;border:1px solid #e6ebf1;border-radius:10px;background:#fff;overflow:hidden;transition:border-color .18s ease,box-shadow .18s ease,background-color .18s ease}
body.storefront .site-search:focus-within{background:#fff;border-color:#b8d8e8;box-shadow:0 0 0 4px rgba(0,136,204,.08)}
body.storefront .site-search .live-search-field{min-width:0}
body.storefront .site-search input{height:44px;padding:0 18px;color:#29313b;font-size:13px;border:0!important;background:transparent}
body.storefront .site-search button{width:54px;min-width:54px;height:44px;border-left:1px solid #e6ebf1;border-radius:0}
body.storefront .site-search button::before{left:16px;top:13px}
body.storefront .site-search button::after{left:29px;top:28px}
body.storefront .header-phone{grid-template-columns:28px auto;min-width:152px;column-gap:8px;color:#29313b}
body.storefront .header-phone svg{width:26px;height:26px;color:#20a957}
body.storefront .header-phone span{color:#6b7280;font-size:9px}
body.storefront .header-phone strong{color:#1f2937;font-size:16px}
body.storefront .site-tools{gap:12px}
body.storefront .contact-chip.header-icon-link,body.storefront .cart-chip.header-icon-link{width:38px;height:38px;border-radius:999px!important;color:#1f2937!important;transition:background-color .18s ease,color .18s ease,transform .18s ease}
body.storefront .contact-chip.header-icon-link:hover,body.storefront .cart-chip.header-icon-link:hover{background:#f3f6f9!important;color:#0088cc!important;transform:translateY(-1px)}
body.storefront .header-auth-link{min-height:40px;border-radius:8px;font-size:12px}
body.storefront .site-nav-bar{border-top:1px solid rgba(226,232,240,.78);border-bottom:0;background:rgba(255,255,255,.92)}
body.storefront .site-nav{max-width:1320px;min-height:48px;display:flex;align-items:center;justify-content:center;gap:4px 18px;flex-wrap:wrap;overflow:visible;padding:0 24px}
body.storefront .site-nav-item{position:relative;display:flex;align-items:center;min-height:48px;border:0}
body.storefront .site-nav-link{position:relative;display:inline-flex;align-items:center;justify-content:center;min-height:44px;border:0;border-radius:0;background:transparent;color:#344054;padding:0 2px;font-size:13px;font-weight:850;line-height:1.2;text-transform:none;text-decoration:none;box-shadow:none;transition:color .18s ease}
body.storefront .site-nav-item.has-dropdown>.site-nav-link::before{content:none}
body.storefront .site-nav-link:hover,body.storefront .site-nav-link.is-active{background:transparent;border-color:transparent;box-shadow:none;color:#101828;transform:none}
body.storefront .site-nav-link::after{content:'';position:absolute;right:0;bottom:6px;left:0;display:block;height:2px;border-radius:999px;background:#20b85a;opacity:0;transform:scaleX(.3);transform-origin:center;transition:opacity .18s ease,transform .18s ease}
body.storefront .site-nav-link:hover::after,body.storefront .site-nav-link.is-active::after{opacity:1;transform:scaleX(1)}
body.storefront .site-nav-overflow>.site-nav-link{gap:6px}
body.storefront .site-nav-overflow>.site-nav-link::before{content:'';display:block;width:4px;height:4px;border-radius:999px;background:currentColor;box-shadow:7px 0 0 currentColor,14px 0 0 currentColor;opacity:.72}
body.storefront .site-nav-dropdown{top:calc(100% - 2px);display:grid;gap:4px;min-width:244px;max-width:min(360px,88vw);border:1px solid #e5eaf0;border-radius:8px;background:#fff;padding:8px;box-shadow:0 24px 54px rgba(15,23,42,.14);opacity:0;visibility:hidden;transform:translateY(8px);transition:opacity .18s ease,transform .18s ease,visibility .18s ease}
body.storefront .site-nav-item:hover>.site-nav-dropdown,body.storefront .site-nav-item:focus-within>.site-nav-dropdown{opacity:1;visibility:visible;transform:translateY(0)}
body.storefront .site-nav-dropdown a{display:flex;align-items:center;justify-content:space-between;min-height:40px;border-radius:6px;color:#344054;padding:8px 10px;font-size:13px;font-weight:750;line-height:1.25;text-decoration:none;text-transform:none;transition:background-color .18s ease,color .18s ease}
body.storefront .site-nav-dropdown a:hover,body.storefront .site-nav-dropdown a.is-active{background:#f7fafc;color:#0f8f46}
body.storefront .site-nav-dropdown a::after{display:none}
body.storefront .site-nav-dropdown-sub{display:grid;margin:0 0 6px 8px;border-left:1px solid #e8edf3;padding-left:8px}
body.storefront .site-nav-mobile-tools{display:none}
.site-nav-link:focus-visible,.site-nav-dropdown a:focus-visible,.mobile-nav-toggle:focus-visible,.header-icon-link:focus-visible,.header-auth-link:focus-visible,.header-phone:focus-visible,.site-search button:focus-visible{outline:3px solid rgba(32,184,90,.25);outline-offset:3px}

@media(max-width:1180px){
body.storefront .site-header-inner{gap:14px}
body.storefront .site-brand img{max-width:190px}
body.storefront .site-search{max-width:360px}
body.storefront .header-phone{display:none}
body.storefront .site-nav{gap:4px 14px}
}

@media(max-width:900px){
body.storefront .site-header{position:sticky}
body.storefront .site-header-inner{min-height:70px;padding:12px 16px;gap:12px;justify-content:space-between}
body.storefront .site-brand{flex:1 1 auto;min-width:0;order:1}
body.storefront .site-brand img{max-width:190px;max-height:40px!important}
body.storefront .mobile-nav-toggle{order:0;display:inline-flex;width:44px;min-width:44px;min-height:44px;border:1px solid #e3e8ef;border-radius:999px;background:#fff;color:#111827;box-shadow:0 8px 18px rgba(15,23,42,.06);cursor:pointer}
body.storefront .site-header.is-mobile-nav-open .mobile-nav-toggle{background:#111827;border-color:#111827}
body.storefront .site-header.is-mobile-nav-open .mobile-nav-toggle span{background:#fff}
body.storefront .site-search,body.storefront .site-tools,body.storefront .header-auth-actions{display:none!important}
.js-ready body.storefront .site-nav-bar{position:absolute;top:100%;right:12px;left:12px;display:none;border:1px solid #e5eaf0;border-radius:8px;background:#fff;box-shadow:0 24px 58px rgba(15,23,42,.18);overflow:visible}
.js-ready body.storefront .site-header.is-mobile-nav-open .site-nav-bar{display:block}
body.storefront .site-nav{width:100%;max-width:none;display:grid;justify-content:stretch;align-items:stretch;gap:0;padding:8px 12px 12px}
body.storefront .site-nav-item{display:grid;width:100%;min-height:0;border-bottom:1px solid #edf1f5}
body.storefront .site-nav-item:last-of-type{border-bottom:0}
body.storefront .site-nav-link{justify-content:flex-start;width:100%;min-height:48px;padding:0 2px;color:#1f2937;font-size:15px;text-align:left;white-space:normal}
body.storefront .site-nav-link::after{right:auto;bottom:8px;width:28px;transform-origin:left}
body.storefront .site-nav-dropdown{position:static;display:grid;min-width:0;max-width:none;border:0;border-left:1px solid #e5eaf0;border-radius:0;box-shadow:none;padding:0 0 10px 12px;opacity:1;visibility:visible;transform:none}
body.storefront .site-nav-dropdown a{min-height:42px;padding:8px 0;color:#59616d}
body.storefront .site-nav-mobile-tools{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:12px 0 0}
body.storefront .site-nav-mobile-tools a{display:inline-flex;align-items:center;justify-content:center;min-height:44px;border:1px solid #e5eaf0;border-radius:8px;background:#f8fafc;color:#344054;padding:0 10px;font-size:12px;font-weight:850;text-decoration:none}
body.storefront .site-nav-mobile-tools a:hover{background:#fff;color:#0f8f46}
}

@media(max-width:520px){
body.storefront .site-header-inner{min-height:64px}
body.storefront .site-brand img{max-width:166px;max-height:36px!important}
.js-ready body.storefront .site-nav-bar{right:8px;left:8px}
}

/* UI UX Pro Max: 2026 modern minimal product detail */
body.storefront .product-page-main{
background:#f6f8fa;
padding:0 0 72px;
}
body.storefront .product-breadcrumb{
display:flex;
max-width:1180px;
padding:18px 24px 0;
color:#667085;
font-size:12px;
font-weight:700;
letter-spacing:0;
}
body.storefront .product-breadcrumb a{
color:#667085;
}
body.storefront .product-breadcrumb a:hover{
color:#0f8f46;
}
body.storefront .product-breadcrumb strong{
min-width:0;
color:#1f2937;
font-weight:850;
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
}
body.storefront .product-design-strip{
display:none!important;
}
body.storefront .detail-assurance-strip{
display:flex;
align-items:center;
max-width:1180px;
margin:18px auto 0;
padding:0 24px;
border:0;
border-radius:0;
background:transparent;
box-shadow:none;
gap:0;
}
body.storefront .detail-assurance-strip span{
position:relative;
flex:1 1 0;
min-width:0;
min-height:48px;
border:0;
border-radius:0;
background:transparent;
color:#667085;
padding:2px 26px 2px 34px;
font-size:12px;
font-weight:650;
line-height:1.45;
}
body.storefront .detail-assurance-strip span:first-child{
border-radius:0;
}
body.storefront .detail-assurance-strip span:last-child{
border-radius:0;
padding-right:0;
}
body.storefront .detail-assurance-strip span+span{
border-left:1px solid #dfe4ea;
padding-left:50px;
}
body.storefront .detail-assurance-strip span::before{
content:'✓';
position:absolute;
left:0;
top:2px;
width:22px;
height:22px;
display:inline-flex;
align-items:center;
justify-content:center;
border-radius:999px;
background:#eaf7ef;
color:#0f8f46;
font-size:12px;
font-weight:950;
box-shadow:none;
}
body.storefront .detail-assurance-strip span+span::before{
left:16px;
}
body.storefront .detail-assurance-strip strong{
color:#101828;
font-size:13px;
font-weight:900;
letter-spacing:0;
display:block;
margin:0 0 3px;
}
body.storefront .product-detail{
max-width:1180px;
margin:18px auto 0;
padding:0 24px 42px;
grid-template-columns:minmax(0,540px) minmax(0,1fr);
gap:28px;
align-items:start;
background:transparent;
}
body.storefront .product-gallery{
position:sticky;
top:142px;
display:grid;
gap:10px;
}
body.storefront .detail-image{
aspect-ratio:1;
border:1px solid #e3e8ef;
border-radius:8px;
background:#fff;
padding:18px;
box-shadow:none;
}
body.storefront .detail-image img,
body.storefront .detail-image-button img{
object-fit:contain;
border-radius:6px;
}
body.storefront .detail-image-button{
border-radius:6px;
}
body.storefront .detail-image-zoom{
right:12px;
bottom:12px;
min-height:34px;
border-radius:8px;
background:#111827;
font-size:12px;
letter-spacing:0;
}
body.storefront .gallery-thumbs{
display:grid;
grid-template-columns:repeat(6,minmax(0,1fr));
gap:8px;
margin:0;
}
body.storefront .gallery-thumb{
width:100%;
min-width:0;
min-height:64px;
aspect-ratio:1;
border:1px solid #e3e8ef;
border-radius:8px;
background:#fff;
padding:6px;
box-shadow:none;
}
body.storefront .gallery-thumb img{
display:block;
width:100%;
height:100%;
object-fit:contain;
}
body.storefront .gallery-thumb.active,
body.storefront .gallery-thumb:hover,
body.storefront .gallery-thumb:focus-visible{
border-color:#111827;
outline:0;
box-shadow:0 0 0 3px rgba(17,24,39,.08);
}
body.storefront .detail-info{
display:grid;
gap:16px;
border:1px solid #e3e8ef;
border-radius:8px;
background:#fff;
padding:26px;
box-shadow:none;
}
body.storefront .detail-info .eyebrow{
display:block;
margin:0;
color:#0f8f46;
font-size:12px;
font-weight:900;
letter-spacing:0;
text-transform:uppercase;
}
body.storefront .detail-popular-badge{
display:none;
}
body.storefront .detail-info h1{
margin:0;
color:#101828;
font-size:34px;
font-weight:900;
letter-spacing:0;
line-height:1.12;
}
body.storefront .detail-rating-row{
display:flex;
align-items:center;
gap:8px;
min-height:32px;
width:max-content;
max-width:100%;
color:#667085;
font-size:13px;
font-weight:750;
line-height:1.1;
}
body.storefront .detail-rating-row span,
body.storefront .product-review-summary span,
body.storefront .product-review-card header span{
color:#b7791f;
letter-spacing:0;
}
body.storefront .detail-rating-row strong{
color:#101828;
}
body.storefront .detail-rating-row em{
color:#667085;
font-style:normal;
}
body.storefront .detail-meta-row{
display:flex;
flex-wrap:wrap;
align-items:center;
gap:8px;
color:#667085;
font-size:12px;
font-weight:750;
}
body.storefront .stock-pill{
display:inline-flex;
align-items:center;
min-height:30px;
border-radius:8px;
padding:6px 10px;
font-size:12px;
font-weight:850;
line-height:1;
}
body.storefront .stock-instock{background:#eaf7ef;color:#0f8f46}
body.storefront .stock-outofstock{background:#fff1f1;color:#b42318}
body.storefront .stock-onbackorder{background:#fff7e6;color:#946200}
body.storefront .stock-unknown{background:#f2f4f7;color:#475467}
body.storefront .detail-price{
display:flex;
flex-wrap:wrap;
align-items:baseline;
gap:8px 10px;
margin:0;
padding:16px 0 0;
border-top:1px solid #e3e8ef;
}
body.storefront .detail-price strong{
color:#101828;
font-size:30px;
font-weight:950;
letter-spacing:0;
}
body.storefront .detail-price span{
color:#667085;
font-size:14px;
font-weight:800;
text-decoration:none;
}
body.storefront .detail-price .detail-regular-price{
color:#98a2b3;
text-decoration:line-through;
}
body.storefront .detail-price .detail-measurement-label,
body.storefront .detail-price small{
flex-basis:100%;
display:block;
color:#667085;
font-size:13px;
font-weight:750;
line-height:1.45;
text-decoration:none;
}
body.storefront .catalog-callout{
border:1px solid #e3e8ef;
border-radius:8px;
background:#f9fafb;
padding:14px 16px;
}
body.storefront .catalog-callout strong{
color:#101828;
}
body.storefront .catalog-callout span{
color:#667085;
}
body.storefront .detail-short-description{
margin:0;
color:#5f6b7a;
font-size:16px;
font-weight:500;
line-height:1.7;
}
body.storefront .detail-purchase-card{
gap:14px;
margin:0;
border:1px solid #e3e8ef;
border-radius:8px;
background:#fff;
padding:16px;
box-shadow:none;
}
body.storefront .detail-purchase-copy strong{
color:#101828;
font-size:15px;
font-weight:900;
letter-spacing:0;
}
body.storefront .detail-purchase-copy span{
color:#667085;
font-size:13px;
font-weight:600;
line-height:1.5;
}
body.storefront .detail-purchase-form{
grid-template-columns:92px minmax(0,1fr);
gap:10px;
}
body.storefront .detail-quantity-control{
color:#475467;
font-size:12px;
font-weight:850;
letter-spacing:0;
text-transform:none;
}
body.storefront .detail-quantity-control input{
height:46px;
border:1px solid #d0d5dd;
border-radius:8px;
font-size:15px;
font-weight:850;
}
body.storefront .detail-quantity-control input:focus,
body.storefront .product-review-form input:focus,
body.storefront .product-review-form select:focus,
body.storefront .product-review-form textarea:focus,
body.storefront .product-quote-form input:focus,
body.storefront .product-quote-form textarea:focus{
border-color:#0f8f46;
outline:0;
box-shadow:0 0 0 3px rgba(15,143,70,.13);
}
body.storefront .detail-purchase-actions{
gap:8px;
}
body.storefront .detail-buy-button,
body.storefront .product-review-form .button,
body.storefront .product-quote-form .button{
min-height:46px;
border-radius:8px;
font-size:14px;
font-weight:900;
letter-spacing:0;
box-shadow:none;
}
body.storefront .detail-buy-button:hover,
body.storefront .detail-whatsapp-cta:hover,
body.storefront .product-review-form .button:hover,
body.storefront .product-quote-form .button:hover{
transform:none;
box-shadow:none;
}
body.storefront .detail-buy-button-primary,
body.storefront .product-review-form .button,
body.storefront .product-quote-form .button{
background:#111827;
border-color:#111827;
color:#fff;
}
body.storefront .detail-buy-button-primary:hover,
body.storefront .product-review-form .button:hover,
body.storefront .product-quote-form .button:hover{
background:#0f8f46;
border-color:#0f8f46;
color:#fff;
}
body.storefront .detail-buy-button-secondary{
border-color:#d0d5dd;
background:#fff;
color:#111827;
}
body.storefront .detail-buy-button-secondary:hover{
border-color:#98a2b3;
background:#f9fafb;
}
body.storefront .detail-whatsapp-cta{
grid-template-columns:44px minmax(0,1fr) 32px;
min-height:62px;
margin:0;
border:1px solid #cfead8;
border-radius:8px;
background:#f6fbf8;
color:#163b25;
padding:9px 10px;
box-shadow:none;
}
body.storefront .detail-whatsapp-icon{
width:44px;
height:44px;
border-radius:8px;
background:#0f8f46;
box-shadow:none;
}
body.storefront .detail-whatsapp-copy strong{
color:#163b25;
font-size:14px;
letter-spacing:0;
}
body.storefront .detail-whatsapp-copy small{
color:#4f6f5c;
font-size:12px;
font-weight:700;
}
body.storefront .detail-whatsapp-arrow{
width:32px;
height:32px;
border-radius:8px;
border-color:#cfead8;
color:#0f8f46;
}
body.storefront .detail-share-row{
display:flex;
flex-wrap:wrap;
gap:8px;
margin:0;
padding-top:14px;
border-top:1px solid #e3e8ef;
}
body.storefront .detail-share-row a{
width:36px;
height:36px;
border:1px solid #d0d5dd;
border-radius:8px;
background:#fff;
color:#475467;
font-size:12px;
letter-spacing:0;
}
body.storefront .detail-share-row a:hover{
border-color:#0f8f46;
color:#0f8f46;
}
body.storefront .detail-highlight-grid{
display:none;
}
body.storefront .product-meta-list{
display:grid;
gap:8px;
margin:0;
padding:14px 0 0;
border-top:1px solid #e3e8ef;
}
body.storefront .product-meta-list div{
display:grid;
grid-template-columns:92px minmax(0,1fr);
gap:12px;
align-items:start;
}
body.storefront .product-meta-list dt{
color:#98a2b3;
font-size:12px;
font-weight:850;
letter-spacing:0;
}
body.storefront .product-meta-list dd{
margin:0;
color:#344054;
font-size:13px;
font-weight:650;
line-height:1.55;
}
body.storefront .product-meta-list a{
color:#344054;
text-decoration:none;
}
body.storefront .product-meta-list a:hover{
color:#0f8f46;
}
body.storefront .detail-actions{
display:none;
}
body.storefront .detail-service-grid{
display:grid;
grid-template-columns:repeat(3,minmax(0,1fr));
gap:8px;
margin:0;
padding-top:14px;
border-top:1px solid #e3e8ef;
}
body.storefront .detail-service-grid span{
border:1px solid #e3e8ef;
border-radius:8px;
background:#f9fafb;
color:#667085;
padding:12px;
font-size:12px;
line-height:1.45;
}
body.storefront .detail-service-grid strong{
color:#101828;
font-size:12px;
font-weight:900;
letter-spacing:0;
}
body.storefront .product-tabs{
max-width:1180px;
margin:0 auto;
padding:0 24px 54px;
}
body.storefront .product-tab-list{
display:flex;
gap:6px;
width:max-content;
max-width:100%;
margin:0 0 14px;
border:1px solid #e3e8ef;
border-radius:8px;
background:#fff;
padding:4px;
overflow-x:auto;
}
body.storefront .product-tab-list a{
display:inline-flex;
align-items:center;
justify-content:center;
min-height:40px;
border:0;
border-radius:6px;
margin:0;
color:#667085;
padding:0 14px;
font-size:13px;
font-weight:850;
letter-spacing:0;
text-transform:none;
white-space:nowrap;
}
body.storefront .product-tab-list a:hover,
body.storefront .product-tab-list a.is-active{
background:#111827;
color:#fff;
}
body.storefront .product-tab-panels{
display:block;
color:#475467;
font-size:15px;
line-height:1.75;
}
body.storefront .product-tab-panel{
border:1px solid #e3e8ef;
border-radius:8px;
background:#fff;
padding:26px;
box-shadow:none;
scroll-margin-top:132px;
}
body.storefront .product-tab-panel[hidden]{
display:none!important;
}
body.storefront .product-tab-panel.is-active{
display:block;
}
body.storefront .product-tab-panel h2{
display:block;
margin:0 0 16px;
color:#101828;
font-size:22px;
font-weight:900;
letter-spacing:0;
}
body.storefront .rich-text{
color:#475467;
font-size:15px;
line-height:1.78;
}
body.storefront .rich-text h2,
body.storefront .rich-text h3{
color:#101828;
letter-spacing:0;
}
body.storefront .rich-text table{
width:100%;
min-width:0;
border-collapse:separate;
border-spacing:0;
overflow:hidden;
border:1px solid #e3e8ef;
border-radius:8px;
}
body.storefront .rich-text th,
body.storefront .rich-text td{
border:0;
border-bottom:1px solid #e3e8ef;
padding:12px 14px;
}
body.storefront .rich-text tr:last-child th,
body.storefront .rich-text tr:last-child td{
border-bottom:0;
}
body.storefront .rich-text th{
background:#f9fafb;
color:#475467;
}
body.storefront .product-review-panel .section-head,
body.storefront .product-quote-panel .section-head{
display:flex;
align-items:flex-start;
justify-content:space-between;
gap:18px;
margin-bottom:18px;
}
body.storefront .product-review-panel .section-head h2,
body.storefront .product-quote-panel .section-head h2{
margin:0;
}
body.storefront .product-review-panel .section-head .eyebrow,
body.storefront .product-quote-panel .section-head .eyebrow{
margin:0 0 6px;
color:#0f8f46;
font-size:12px;
font-weight:900;
letter-spacing:0;
text-transform:uppercase;
}
body.storefront .product-review-summary{
justify-content:flex-end;
gap:7px;
}
body.storefront .product-review-summary strong{
color:#101828;
font-size:22px;
letter-spacing:0;
}
body.storefront .product-review-summary em{
color:#667085;
font-weight:750;
}
body.storefront .product-review-list{
gap:10px;
}
body.storefront .product-review-card,
body.storefront .product-review-empty,
body.storefront .product-review-form,
body.storefront .product-quote-form{
border:1px solid #e3e8ef;
border-radius:8px;
background:#fff;
box-shadow:none;
}
body.storefront .product-review-form,
body.storefront .product-quote-form{
padding:18px;
}
body.storefront .product-review-form label,
body.storefront .product-quote-form label{
color:#475467;
font-size:13px;
font-weight:750;
letter-spacing:0;
}
body.storefront .product-review-form input,
body.storefront .product-review-form select,
body.storefront .product-review-form textarea,
body.storefront .product-quote-form input,
body.storefront .product-quote-form textarea{
min-height:44px;
border:1px solid #d0d5dd;
border-radius:8px;
background:#fff;
color:#101828;
font-size:14px;
}
body.storefront .product-review-form textarea,
body.storefront .product-quote-form textarea{
min-height:118px;
}
body.storefront .related-products{
max-width:1180px;
margin:0 auto 70px;
padding:40px 24px 0;
border-top:1px solid #e3e8ef;
}
body.storefront .product-seo-guide{
display:grid;
grid-template-columns:minmax(0,.9fr) minmax(0,1.4fr);
gap:28px;
max-width:1180px;
margin:0 auto 48px;
padding:34px 24px;
border-top:1px solid #e3e8ef;
border-bottom:1px solid #e3e8ef;
}
body.storefront .product-seo-guide-copy .eyebrow{
margin:0 0 8px;
color:#12813f;
font-size:12px;
font-weight:950;
letter-spacing:0;
text-transform:uppercase;
}
body.storefront .product-seo-guide-copy h2{
margin:0 0 10px;
color:#101828;
font-size:24px;
font-weight:950;
line-height:1.14;
letter-spacing:0;
}
body.storefront .product-seo-guide-copy p:last-child{
margin:0;
color:#667085;
font-size:14px;
font-weight:650;
line-height:1.7;
}
body.storefront .product-seo-guide-links{
display:grid;
grid-template-columns:repeat(2,minmax(0,1fr));
gap:10px;
}
body.storefront .product-seo-guide-links a{
display:grid;
gap:5px;
min-height:86px;
border:1px solid #e3e8ef;
border-radius:8px;
background:#fff;
padding:14px;
color:#475467;
text-decoration:none;
transition:border-color .18s ease,background-color .18s ease,color .18s ease;
}
body.storefront .product-seo-guide-links a:hover{
border-color:#98d8ae;
background:#f7fcf9;
}
body.storefront .product-seo-guide-links strong{
color:#101828;
font-size:13px;
font-weight:950;
line-height:1.25;
}
body.storefront .product-seo-guide-links span{
color:#667085;
font-size:12px;
font-weight:650;
line-height:1.45;
}
body.storefront .archive-seo-guide,
body.storefront .category-directory-guide{
display:grid;
grid-template-columns:minmax(0,.9fr) minmax(0,1.35fr);
gap:22px;
margin:28px 0 0;
padding:24px;
border:1px solid #e3e8ef;
border-radius:8px;
background:#fff;
}
body.storefront .category-directory-guide{
width:min(1320px,calc(100% - 48px));
margin:-36px auto 72px;
}
body.storefront .archive-seo-guide-copy .eyebrow,
body.storefront .category-directory-guide-copy .eyebrow{
margin:0 0 8px;
color:#12813f;
font-size:12px;
font-weight:950;
letter-spacing:0;
text-transform:uppercase;
}
body.storefront .archive-seo-guide-copy h2,
body.storefront .category-directory-guide-copy h2{
margin:0 0 10px;
color:#101828;
font-size:22px;
font-weight:950;
line-height:1.16;
letter-spacing:0;
}
body.storefront .archive-seo-guide-copy p:last-child,
body.storefront .category-directory-guide-copy p:last-child{
margin:0;
color:#667085;
font-size:14px;
font-weight:650;
line-height:1.7;
}
body.storefront .archive-seo-guide-links,
body.storefront .category-directory-guide-links{
display:grid;
grid-template-columns:repeat(2,minmax(0,1fr));
gap:10px;
}
body.storefront .archive-seo-guide-links a,
body.storefront .category-directory-guide-links a{
display:grid;
gap:5px;
min-height:82px;
border:1px solid #e3e8ef;
border-radius:8px;
background:#f9fafb;
padding:13px;
color:#475467;
text-decoration:none;
transition:border-color .18s ease,background-color .18s ease,color .18s ease;
}
body.storefront .archive-seo-guide-links a:hover,
body.storefront .category-directory-guide-links a:hover{
border-color:#98d8ae;
background:#f7fcf9;
}
body.storefront .archive-seo-guide-links strong,
body.storefront .category-directory-guide-links strong{
color:#101828;
font-size:13px;
font-weight:950;
line-height:1.25;
}
body.storefront .archive-seo-guide-links span,
body.storefront .category-directory-guide-links span{
color:#667085;
font-size:12px;
font-weight:650;
line-height:1.45;
}
body.storefront .archive-supporting-copy{
display:grid;
gap:18px;
margin:28px 0 0;
padding:24px;
border:1px solid #e3e8ef;
border-radius:8px;
background:#fbfcfd;
}
body.storefront .archive-supporting-copy-head{
display:grid;
gap:10px;
max-width:880px;
}
body.storefront .archive-supporting-copy .eyebrow{
margin:0;
color:#12813f;
font-size:12px;
font-weight:950;
letter-spacing:0;
text-transform:uppercase;
}
body.storefront .archive-supporting-copy h2{
margin:0;
color:#101828;
font-size:24px;
font-weight:950;
line-height:1.18;
letter-spacing:0;
}
body.storefront .archive-supporting-copy-head p:last-child{
margin:0;
color:#475467;
font-size:14px;
font-weight:650;
line-height:1.75;
}
body.storefront .archive-supporting-copy-grid{
display:grid;
grid-template-columns:repeat(2,minmax(0,1fr));
gap:12px;
}
body.storefront .archive-supporting-copy-grid article{
display:grid;
gap:7px;
min-height:120px;
padding:16px;
border:1px solid #e3e8ef;
border-radius:8px;
background:#fff;
}
body.storefront .archive-supporting-copy-grid h3{
margin:0;
color:#101828;
font-size:15px;
font-weight:950;
line-height:1.25;
letter-spacing:0;
}
body.storefront .archive-supporting-copy-grid p{
margin:0;
color:#667085;
font-size:13px;
font-weight:650;
line-height:1.6;
}
body.storefront .archive-supporting-copy-cta{
justify-self:start;
display:inline-flex;
align-items:center;
justify-content:center;
min-height:42px;
padding:0 18px;
border-radius:8px;
background:#12813f;
color:#fff;
font-size:13px;
font-weight:950;
text-decoration:none;
}
body.storefront .mobile-sticky-product{
border-top:1px solid #e3e8ef;
background:rgba(255,255,255,.96);
box-shadow:0 -12px 34px rgba(15,23,42,.12);
backdrop-filter:saturate(160%) blur(12px);
}
body.storefront .mobile-sticky-product-media{
border-radius:8px;
background:#f2f4f7;
}
body.storefront .mobile-sticky-product-media img{
object-fit:contain;
}
body.storefront .mobile-sticky-product-action,
body.storefront .mobile-sticky-product-action button{
border-radius:8px;
letter-spacing:0;
}

@media(max-width:1024px){
body.storefront .detail-assurance-strip,
body.storefront .product-detail,
body.storefront .product-tabs,
body.storefront .product-seo-guide,
body.storefront .archive-seo-guide,
body.storefront .archive-supporting-copy,
body.storefront .category-directory-guide,
body.storefront .related-products,
body.storefront .product-breadcrumb{
max-width:760px;
}
body.storefront .product-detail{
grid-template-columns:1fr;
}
body.storefront .product-seo-guide,
body.storefront .archive-seo-guide,
body.storefront .category-directory-guide{
grid-template-columns:1fr;
gap:18px;
}
body.storefront .archive-supporting-copy-grid{
grid-template-columns:1fr;
}
body.storefront .product-gallery{
position:static;
}
body.storefront .gallery-thumbs{
grid-template-columns:repeat(5,minmax(0,1fr));
}
}

@media(max-width:760px){
body.storefront .product-page-main{
padding-bottom:150px;
}
body.storefront .product-breadcrumb{
padding:14px 14px 0;
}
body.storefront .detail-assurance-strip{
display:grid;
grid-template-columns:1fr;
padding:0 14px;
gap:10px;
}
body.storefront .detail-assurance-strip span,
body.storefront .detail-assurance-strip span:first-child,
body.storefront .detail-assurance-strip span:last-child{
min-height:0;
border:0;
border-radius:0;
padding:0 0 0 34px;
}
body.storefront .detail-assurance-strip span::before{
left:0;
top:0;
}
body.storefront .detail-assurance-strip span+span{
border-left:0;
padding-left:34px;
}
body.storefront .detail-assurance-strip span+span::before{
left:0;
}
body.storefront .product-detail{
margin-top:14px;
padding:0 14px 30px;
gap:16px;
}
body.storefront .detail-image{
padding:12px;
}
body.storefront .gallery-thumbs{
grid-template-columns:repeat(4,minmax(0,1fr));
}
body.storefront .detail-info{
padding:18px;
}
body.storefront .detail-info h1{
font-size:26px;
line-height:1.18;
}
body.storefront .detail-price strong{
font-size:25px;
}
body.storefront .detail-short-description{
font-size:15px;
}
body.storefront .detail-purchase-form,
body.storefront .detail-purchase-actions,
body.storefront .detail-service-grid{
grid-template-columns:1fr;
}
body.storefront .product-meta-list div{
grid-template-columns:1fr;
gap:3px;
}
body.storefront .product-tabs{
padding:0 14px 40px;
}
body.storefront .product-tab-list{
width:100%;
}
body.storefront .product-tab-panel{
padding:18px;
}
body.storefront .product-review-panel .section-head,
body.storefront .product-quote-panel .section-head{
flex-direction:column;
}
body.storefront .product-review-summary{
justify-content:flex-start;
}
body.storefront .product-review-form .form-grid,
body.storefront .product-quote-form .quote-grid{
grid-template-columns:1fr;
}
body.storefront .product-review-form .span-2,
body.storefront .product-quote-form .span-2{
grid-column:auto;
}
body.storefront .related-products{
padding:34px 14px 0;
}
}

@media(max-width:420px){
body.storefront .gallery-thumbs{
grid-template-columns:repeat(3,minmax(0,1fr));
}
body.storefront .detail-info{
padding:16px;
}
body.storefront .product-tab-list a{
padding:0 11px;
font-size:12px;
}
body.storefront .mobile-sticky-product{
grid-template-columns:42px minmax(0,1fr) 106px;
}
body.storefront .mobile-sticky-product-actions{
grid-template-columns:1fr;
}
body.storefront .mobile-sticky-product-action button{
min-height:36px;
}
}

/* UI UX Pro Max: 2026 Apple vision product detail refresh */
body.storefront .product-page-main{
background:linear-gradient(180deg,#fbfcfd 0%,#f3f6f8 48%,#fff 100%);
color:#111827;
padding-bottom:82px;
}
body.storefront .product-breadcrumb,
body.storefront .detail-assurance-strip,
body.storefront .product-detail,
body.storefront .product-tabs,
body.storefront .related-products{
max-width:1320px;
}
body.storefront .product-breadcrumb{
padding:20px 28px 0;
gap:9px;
font-size:12px;
font-weight:800;
}
body.storefront .detail-assurance-strip{
display:grid;
grid-template-columns:repeat(3,minmax(0,1fr));
gap:10px;
margin-top:18px;
padding:0 28px;
}
body.storefront .detail-assurance-strip span,
body.storefront .detail-assurance-strip span:first-child,
body.storefront .detail-assurance-strip span:last-child{
min-height:64px;
border:1px solid rgba(208,213,221,.82);
border-radius:8px;
background:rgba(255,255,255,.74);
padding:13px 16px 13px 46px;
box-shadow:0 18px 48px rgba(15,23,42,.055);
backdrop-filter:saturate(170%) blur(14px);
}
body.storefront .detail-assurance-strip span+span{
border-left:1px solid rgba(208,213,221,.82);
padding-left:46px;
}
body.storefront .detail-assurance-strip span::before,
body.storefront .detail-assurance-strip span+span::before{
left:14px;
top:15px;
background:#eef9f2;
color:#12813f;
}
body.storefront .product-detail{
grid-template-columns:minmax(0,58%) minmax(380px,1fr);
gap:34px;
margin-top:22px;
padding:0 28px 48px;
}
body.storefront .product-gallery{
top:120px;
gap:12px;
}
body.storefront .detail-image{
min-height:560px;
border-color:rgba(208,213,221,.86);
border-radius:8px;
background:linear-gradient(180deg,#fff 0%,#f8fafc 100%);
padding:28px;
box-shadow:0 24px 70px rgba(15,23,42,.08);
}
body.storefront .detail-image img,
body.storefront .detail-image-button img{
border-radius:8px;
}
body.storefront .gallery-thumbs{
grid-template-columns:repeat(6,minmax(72px,1fr));
gap:10px;
}
body.storefront .gallery-thumb{
min-height:78px;
border-color:rgba(208,213,221,.88);
background:rgba(255,255,255,.86);
box-shadow:0 12px 30px rgba(15,23,42,.045);
}
body.storefront .gallery-thumb.active,
body.storefront .gallery-thumb:hover,
body.storefront .gallery-thumb:focus-visible{
border-color:#111827;
box-shadow:0 0 0 3px rgba(17,24,39,.08),0 14px 34px rgba(15,23,42,.07);
}
body.storefront .detail-info{
display:grid;
gap:14px;
border:0;
border-radius:0;
background:transparent;
padding:0;
box-shadow:none;
}
body.storefront .detail-info .eyebrow{
display:inline-flex;
align-items:center;
width:max-content;
min-height:32px;
border:1px solid rgba(32,184,90,.18);
border-radius:8px;
background:#f0faf4;
color:#12813f;
padding:0 12px;
font-size:12px;
font-weight:900;
}
body.storefront .detail-info h1{
max-width:720px;
font-size:42px;
font-weight:950;
line-height:1.06;
color:#0f172a;
}
body.storefront .detail-rating-row{
min-height:40px;
width:max-content;
border:1px solid rgba(226,232,240,.95);
border-radius:8px;
background:rgba(255,255,255,.74);
padding:0 12px;
box-shadow:0 12px 34px rgba(15,23,42,.045);
}
body.storefront .detail-trust-chip-grid{
display:grid;
grid-template-columns:repeat(4,minmax(0,1fr));
gap:8px;
}
body.storefront .detail-trust-chip-grid span{
display:inline-flex;
align-items:center;
justify-content:center;
min-height:42px;
border:1px solid rgba(226,232,240,.95);
border-radius:8px;
background:rgba(255,255,255,.78);
color:#344054;
padding:0 10px;
font-size:12px;
font-weight:900;
line-height:1.2;
text-align:center;
box-shadow:0 12px 30px rgba(15,23,42,.04);
}
body.storefront .detail-meta-row{
gap:8px;
}
body.storefront .stock-pill{
border-radius:8px;
}
body.storefront .detail-price{
border-top:0;
padding:2px 0 0;
}
body.storefront .detail-price strong{
color:#101828;
font-size:38px;
font-weight:950;
}
body.storefront .detail-price .detail-measurement-label,
body.storefront .detail-price small{
font-size:13px;
font-weight:800;
color:#667085;
}
body.storefront .detail-short-description{
max-width:620px;
color:#5f6670;
font-size:16px;
font-weight:600;
line-height:1.72;
}
body.storefront .detail-purchase-card,
body.storefront .detail-spec-panel,
body.storefront .detail-calculator-card{
border:1px solid rgba(208,213,221,.88);
border-radius:8px;
background:rgba(255,255,255,.82);
box-shadow:0 22px 58px rgba(15,23,42,.075);
backdrop-filter:saturate(170%) blur(14px);
}
body.storefront .detail-purchase-card{
padding:18px;
}
body.storefront .detail-purchase-form{
grid-template-columns:96px minmax(0,1fr);
}
body.storefront .detail-quantity-control input,
body.storefront .detail-buy-button,
body.storefront .detail-whatsapp-cta,
body.storefront .detail-calculator-fields input{
border-radius:8px;
}
body.storefront .detail-buy-button{
min-height:52px;
}
body.storefront .detail-buy-button-primary{
background:#101828;
border-color:#101828;
box-shadow:0 16px 34px rgba(16,24,40,.18);
}
body.storefront .detail-buy-button-primary:hover{
background:#12813f;
border-color:#12813f;
box-shadow:0 18px 38px rgba(18,129,63,.22);
transform:translateY(-1px);
}
body.storefront .detail-buy-button-secondary{
background:#fff;
}
body.storefront .detail-buy-button-secondary:hover{
transform:translateY(-1px);
}
body.storefront .detail-whatsapp-cta{
grid-template-columns:46px minmax(0,1fr) 34px;
min-height:66px;
border-color:rgba(32,184,90,.28);
background:linear-gradient(135deg,#20b85a 0%,#149247 100%);
color:#fff;
padding:10px 12px;
box-shadow:0 18px 42px rgba(32,184,90,.24);
}
body.storefront .detail-whatsapp-cta:hover{
border-color:#12813f;
background:linear-gradient(135deg,#24c862 0%,#12813f 100%);
box-shadow:0 22px 50px rgba(20,146,71,.3);
transform:translateY(-1px);
}
body.storefront .detail-whatsapp-icon{
width:46px;
height:46px;
border-radius:8px;
background:rgba(255,255,255,.16);
color:#fff;
}
body.storefront .detail-whatsapp-copy strong,
body.storefront .detail-whatsapp-copy small{
color:#fff;
}
body.storefront .detail-whatsapp-copy small{
opacity:.88;
}
body.storefront .detail-whatsapp-arrow{
border-color:rgba(255,255,255,.36);
border-radius:8px;
background:rgba(255,255,255,.12);
color:#fff;
}
body.storefront .detail-whatsapp-cta:hover .detail-whatsapp-arrow{
border-color:#fff;
background:#fff;
color:#12813f;
}
body.storefront .detail-spec-panel,
body.storefront .detail-calculator-card{
display:grid;
gap:14px;
padding:18px;
}
body.storefront .detail-spec-panel header,
body.storefront .detail-calculator-card header{
display:flex;
align-items:flex-start;
justify-content:space-between;
gap:14px;
}
body.storefront .detail-spec-panel header span,
body.storefront .detail-calculator-card header span{
color:#12813f;
font-size:12px;
font-weight:950;
text-transform:uppercase;
}
body.storefront .detail-spec-panel header strong,
body.storefront .detail-calculator-card header strong{
color:#101828;
font-size:16px;
font-weight:950;
line-height:1.2;
}
body.storefront .detail-spec-panel dl,
body.storefront .product-spec-table{
display:grid;
grid-template-columns:repeat(2,minmax(0,1fr));
gap:8px;
margin:0;
}
body.storefront .detail-spec-panel dl div,
body.storefront .product-spec-table div{
display:grid;
gap:5px;
min-width:0;
border:1px solid rgba(226,232,240,.9);
border-radius:8px;
background:#fff;
padding:12px;
}
body.storefront .detail-spec-panel dt,
body.storefront .product-spec-table dt{
color:#667085;
font-size:11px;
font-weight:900;
line-height:1.2;
}
body.storefront .detail-spec-panel dd,
body.storefront .product-spec-table dd{
margin:0;
color:#101828;
font-size:13px;
font-weight:900;
line-height:1.35;
}
body.storefront .detail-calculator-fields{
display:grid;
grid-template-columns:repeat(2,minmax(0,1fr));
gap:10px;
}
body.storefront .detail-calculator-fields label{
position:relative;
display:grid;
gap:6px;
color:#667085;
font-size:12px;
font-weight:900;
}
body.storefront .detail-calculator-fields input{
width:100%;
height:46px;
border:1px solid #d0d5dd;
background:#fff;
color:#101828;
font:inherit;
font-size:15px;
font-weight:900;
padding:0 46px 0 12px;
outline:0;
}
body.storefront .detail-calculator-fields input:focus{
border-color:#12813f;
box-shadow:0 0 0 3px rgba(18,129,63,.13);
}
body.storefront .detail-calculator-fields small{
position:absolute;
right:12px;
bottom:13px;
color:#98a2b3;
font-size:12px;
font-weight:900;
}
body.storefront .detail-calculator-summary{
display:grid;
grid-template-columns:repeat(3,minmax(0,1fr));
gap:8px;
margin:0;
}
body.storefront .detail-calculator-summary div{
display:grid;
gap:4px;
min-width:0;
border-radius:8px;
background:#f8fafc;
padding:11px 12px;
}
body.storefront .detail-calculator-summary dt{
color:#667085;
font-size:11px;
font-weight:900;
}
body.storefront .detail-calculator-summary dd{
margin:0;
color:#101828;
font-size:13px;
font-weight:950;
line-height:1.25;
}
body.storefront .detail-calculator-summary .detail-calculator-total{
background:#101828;
}
body.storefront .detail-calculator-summary .detail-calculator-total dt,
body.storefront .detail-calculator-summary .detail-calculator-total dd{
color:#fff;
}
body.storefront .detail-share-row{
display:none;
}
body.storefront .detail-service-grid{
grid-template-columns:repeat(3,minmax(0,1fr));
gap:10px;
border-top:0;
padding-top:0;
}
body.storefront .detail-service-grid span{
background:rgba(255,255,255,.68);
box-shadow:0 12px 30px rgba(15,23,42,.04);
}
body.storefront .product-tabs{
padding:0 28px 58px;
}
body.storefront .product-tab-list{
border-color:rgba(208,213,221,.88);
background:rgba(255,255,255,.76);
box-shadow:0 16px 42px rgba(15,23,42,.055);
backdrop-filter:saturate(170%) blur(14px);
}
body.storefront .product-tab-list a{
min-height:42px;
border-radius:8px;
}
body.storefront .product-tab-list a:hover,
body.storefront .product-tab-list a.is-active{
background:#101828;
color:#fff;
}
body.storefront .product-tab-panel{
border-color:rgba(208,213,221,.88);
background:rgba(255,255,255,.86);
box-shadow:0 20px 56px rgba(15,23,42,.06);
backdrop-filter:saturate(170%) blur(14px);
}
body.storefront .product-spec-tab .section-head{
display:flex;
align-items:flex-start;
justify-content:space-between;
gap:18px;
margin-bottom:18px;
}
body.storefront .product-spec-tab .section-head p{
max-width:420px;
margin:0;
color:#667085;
font-size:14px;
font-weight:650;
line-height:1.6;
}
body.storefront .product-spec-tab .section-head .eyebrow{
margin:0 0 6px;
color:#12813f;
font-size:12px;
font-weight:950;
text-transform:uppercase;
}
body.storefront .product-spec-table{
grid-template-columns:repeat(3,minmax(0,1fr));
}

@media(max-width:1180px){
body.storefront .product-detail{
grid-template-columns:minmax(0,1fr);
max-width:860px;
}
body.storefront .product-gallery{
position:static;
}
body.storefront .detail-image{
min-height:auto;
}
}

@media(max-width:760px){
body.storefront .product-page-main{
padding-bottom:150px;
}
body.storefront .product-breadcrumb{
padding:14px 14px 0;
}
body.storefront .detail-assurance-strip{
grid-template-columns:1fr;
padding:0 14px;
}
body.storefront .detail-assurance-strip span,
body.storefront .detail-assurance-strip span:first-child,
body.storefront .detail-assurance-strip span:last-child,
body.storefront .detail-assurance-strip span+span{
min-height:58px;
padding:12px 14px 12px 44px;
}
body.storefront .detail-assurance-strip span::before,
body.storefront .detail-assurance-strip span+span::before{
left:13px;
top:14px;
}
body.storefront .product-detail{
padding:0 14px 34px;
gap:18px;
}
body.storefront .product-seo-guide{
margin-bottom:34px;
padding:28px 14px;
}
body.storefront .archive-seo-guide{
padding:20px 14px;
}
body.storefront .archive-supporting-copy{
padding:20px 14px;
}
body.storefront .category-directory-guide{
padding:20px 14px;
width:calc(100% - 28px);
margin:-34px auto 48px;
}
body.storefront .product-seo-guide-links,
body.storefront .archive-seo-guide-links,
body.storefront .category-directory-guide-links{
grid-template-columns:1fr;
}
body.storefront .detail-image{
padding:14px;
}
body.storefront .gallery-thumbs{
grid-template-columns:repeat(4,minmax(0,1fr));
}
body.storefront .detail-info h1{
font-size:30px;
line-height:1.12;
}
body.storefront .detail-price strong{
font-size:30px;
}
body.storefront .detail-trust-chip-grid,
body.storefront .detail-spec-panel dl,
body.storefront .product-spec-table,
body.storefront .detail-calculator-summary,
body.storefront .detail-service-grid{
grid-template-columns:1fr;
}
body.storefront .detail-purchase-form,
body.storefront .detail-purchase-actions,
body.storefront .detail-calculator-fields{
grid-template-columns:1fr;
}
body.storefront .product-tabs{
padding:0 14px 42px;
}
body.storefront .product-tab-list{
width:100%;
}
body.storefront .product-tab-panel{
padding:18px;
}
body.storefront .product-spec-tab .section-head{
display:grid;
}
}

@media(max-width:420px){
body.storefront .gallery-thumbs{
grid-template-columns:repeat(3,minmax(0,1fr));
}
body.storefront .detail-info h1{
font-size:27px;
}
body.storefront .detail-spec-panel,
body.storefront .detail-calculator-card,
body.storefront .detail-purchase-card{
padding:14px;
}
}

/* UI UX Pro Max: exact product mockup alignment */
body.storefront .product-page-main{
background:#fbfcfd;
color:#101828;
padding-bottom:76px;
}
body.storefront:has(.product-page-main) .site-header-inner{
width:calc(100% - 96px);
max-width:1948px;
min-height:100px;
margin:0 auto;
padding:20px 0;
display:flex;
justify-content:space-between;
}
body.storefront:has(.product-page-main) .site-brand{
flex:0 0 300px;
}
body.storefront:has(.product-page-main) .site-brand img{
max-width:280px;
max-height:58px!important;
}
body.storefront:has(.product-page-main) .site-search{
flex:0 1 670px;
max-width:670px;
height:64px;
border-radius:8px;
}
body.storefront:has(.product-page-main) .site-search input{
height:62px;
font-size:16px;
}
body.storefront:has(.product-page-main) .site-search button{
width:66px;
min-width:66px;
height:62px;
}
body.storefront:has(.product-page-main) .site-search button::before{
left:20px;
top:19px;
}
body.storefront:has(.product-page-main) .site-search button::after{
left:37px;
top:38px;
}
body.storefront .product-design-strip,
body.storefront .detail-assurance-strip{
display:none!important;
}
body.storefront .product-breadcrumb,
body.storefront .product-detail,
body.storefront .related-products{
max-width:1948px;
}
body.storefront .product-breadcrumb{
display:flex;
align-items:center;
gap:14px;
width:calc(100% - 96px);
margin:0 auto;
padding:28px 0 0;
color:#667085;
font-size:13px;
font-weight:750;
}
body.storefront .product-breadcrumb::before{
content:"‹";
display:grid;
place-items:center;
width:42px;
height:42px;
border:1px solid #e4e7ec;
border-radius:999px;
background:#fff;
color:#101828;
font-size:28px;
font-weight:400;
box-shadow:0 10px 28px rgba(15,23,42,.045);
}
body.storefront .product-breadcrumb a,
body.storefront .product-breadcrumb strong{
color:#667085;
text-decoration:none;
}
body.storefront .product-breadcrumb strong{
color:#344054;
font-weight:850;
}
body.storefront .product-breadcrumb span{
color:#98a2b3;
}
body.storefront .product-detail{
display:grid;
grid-template-columns:minmax(460px,1.42fr) minmax(345px,.92fr) minmax(320px,.82fr);
gap:24px;
align-items:start;
width:calc(100% - 96px);
margin:0 auto;
padding:28px 0 44px;
}
body.storefront .product-gallery,
body.storefront .detail-info,
body.storefront .detail-side-column{
position:sticky;
top:118px;
}
body.storefront .product-gallery{
display:grid;
gap:16px;
}
body.storefront .detail-image{
position:relative;
min-height:0;
aspect-ratio:1.38;
padding:0;
overflow:hidden;
border:1px solid #e4e7ec;
border-radius:8px;
background:#eef2f6;
box-shadow:0 22px 58px rgba(15,23,42,.08);
}
body.storefront .detail-image::before{
content:attr(data-gallery-count);
position:absolute;
z-index:4;
top:26px;
left:28px;
display:inline-flex;
align-items:center;
min-height:32px;
padding:0 13px;
border-radius:999px;
background:rgba(16,24,40,.72);
color:#fff;
font-size:14px;
font-weight:850;
backdrop-filter:blur(10px);
}
body.storefront .detail-image::after,
body.storefront .detail-image-button::before{
position:absolute;
z-index:4;
top:50%;
display:grid;
place-items:center;
width:48px;
height:48px;
margin-top:-24px;
border:1px solid rgba(255,255,255,.72);
border-radius:999px;
background:rgba(255,255,255,.9);
color:#101828;
font-size:32px;
font-weight:350;
box-shadow:0 14px 28px rgba(15,23,42,.12);
backdrop-filter:blur(10px);
pointer-events:none;
}
body.storefront .detail-image::after{
content:"›";
right:24px;
}
body.storefront .detail-image-button::before{
content:"‹";
left:24px;
}
body.storefront .detail-image-button{
position:relative;
display:block;
width:100%;
height:100%;
border:0;
padding:0;
background:transparent;
cursor:zoom-in;
}
body.storefront .detail-image img,
body.storefront .detail-image-button img{
display:block;
width:100%;
height:100%;
border-radius:8px;
object-fit:cover;
}
body.storefront .detail-image-zoom{
position:absolute;
z-index:5;
top:24px;
right:24px;
display:grid;
place-items:center;
width:52px;
height:52px;
border:1px solid rgba(255,255,255,.72);
border-radius:999px;
background:rgba(255,255,255,.92);
color:transparent;
box-shadow:0 14px 30px rgba(15,23,42,.12);
backdrop-filter:blur(10px);
}
body.storefront .detail-image-zoom::before{
content:"↗";
color:#101828;
font-size:23px;
font-weight:800;
}
body.storefront .gallery-thumbs{
display:grid;
grid-template-columns:repeat(6,minmax(0,1fr));
gap:12px;
}
body.storefront .gallery-thumb{
position:relative;
min-height:0;
aspect-ratio:1.08;
overflow:hidden;
border:1px solid #e4e7ec;
border-radius:8px;
background:#fff;
padding:0;
box-shadow:0 10px 28px rgba(15,23,42,.045);
}
body.storefront .gallery-thumb img{
width:100%;
height:100%;
object-fit:cover;
}
body.storefront .gallery-thumb.active,
body.storefront .gallery-thumb:hover,
body.storefront .gallery-thumb:focus-visible{
border-color:#2ba24c;
box-shadow:0 0 0 3px rgba(43,162,76,.18),0 14px 30px rgba(15,23,42,.08);
}
body.storefront .gallery-thumb-more{
position:absolute;
inset:0;
display:grid;
place-items:center;
background:rgba(16,24,40,.58);
color:#fff;
font-size:26px;
font-weight:900;
}
body.storefront .detail-info,
body.storefront .detail-spec-panel,
body.storefront .detail-calculator-card{
border:1px solid #e4e7ec;
border-radius:8px;
background:rgba(255,255,255,.82);
box-shadow:0 22px 58px rgba(15,23,42,.06);
backdrop-filter:saturate(160%) blur(16px);
}
body.storefront .detail-info{
display:grid;
gap:13px;
padding:28px 32px;
}
body.storefront .detail-popular-badge,
body.storefront .detail-share-row,
body.storefront .detail-highlight-grid,
body.storefront .product-meta-list,
body.storefront .detail-actions,
body.storefront .detail-service-grid,
body.storefront .detail-short-description,
body.storefront .detail-whatsapp-arrow,
body.storefront .detail-whatsapp-copy small{
display:none!important;
}
body.storefront .detail-info .eyebrow{
display:inline-flex;
align-items:center;
justify-content:center;
width:max-content;
min-height:30px;
margin:0;
border:0;
border-radius:8px;
background:#eaf8ef;
color:#24894b;
padding:0 14px;
font-size:13px;
font-weight:800;
letter-spacing:0;
text-transform:none;
}
body.storefront .detail-info h1{
max-width:100%;
margin:2px 0 0;
color:#050b18;
font-size:clamp(25px,1.55vw,32px);
font-weight:950;
line-height:1.16;
letter-spacing:0;
}
body.storefront .detail-rating-row{
display:flex;
align-items:center;
gap:10px;
width:max-content;
min-height:28px;
border:0;
border-radius:0;
background:transparent;
padding:0;
box-shadow:none;
color:#f5a623;
font-size:15px;
font-weight:850;
text-decoration:none;
}
body.storefront .detail-rating-row strong,
body.storefront .detail-rating-row em{
color:#667085;
font-size:13px;
font-weight:750;
font-style:normal;
}
body.storefront .detail-price{
display:flex;
align-items:center;
gap:12px;
flex-wrap:wrap;
margin-top:3px;
padding:0;
border:0;
}
body.storefront .detail-price strong{
color:#050b18;
font-size:31px;
font-weight:950;
line-height:1;
}
body.storefront .detail-price .detail-measurement-label,
body.storefront .detail-price small{
display:none;
}
body.storefront .detail-tax-badge{
display:inline-flex;
align-items:center;
min-height:26px;
border-radius:8px;
background:#eaf8ef;
color:#24894b;
padding:0 10px;
font-size:12px;
font-weight:850;
}
body.storefront .detail-delivery-note{
display:flex;
align-items:center;
gap:8px;
margin:0;
color:#667085;
font-size:13px;
font-weight:750;
}
body.storefront .detail-delivery-note::before{
content:"";
width:18px;
height:14px;
border:2px solid #98a2b3;
border-left-width:5px;
border-radius:3px;
}
body.storefront .detail-measurement-grid{
display:grid;
grid-template-columns:repeat(2,minmax(0,1fr));
gap:12px;
}
body.storefront .detail-measurement-grid span{
display:grid;
grid-template-columns:38px minmax(0,1fr);
column-gap:10px;
align-items:center;
min-height:64px;
border:1px solid #e4e7ec;
border-radius:8px;
background:#fff;
padding:10px 13px;
}
body.storefront .detail-measurement-grid span::before{
content:"";
grid-row:1 / span 2;
width:34px;
height:34px;
border-radius:8px;
background:#edf8f0;
box-shadow:inset 0 0 0 1px rgba(43,162,76,.1);
}
body.storefront .detail-measurement-grid small{
color:#667085;
font-size:12px;
font-weight:700;
line-height:1.1;
}
body.storefront .detail-measurement-grid strong{
min-width:0;
color:#101828;
font-size:15px;
font-weight:900;
line-height:1.25;
}
body.storefront .detail-meta-row{
display:flex!important;
align-items:center;
gap:10px;
color:#667085;
font-size:13px;
font-weight:750;
}
body.storefront .stock-pill{
display:inline-flex;
align-items:center;
gap:9px;
min-height:30px;
border:0;
border-radius:999px;
background:transparent;
color:#24894b;
padding:0;
font-weight:800;
}
body.storefront .stock-pill::before{
content:"";
width:10px;
height:10px;
border-radius:999px;
background:#31b860;
box-shadow:0 0 0 5px rgba(49,184,96,.12);
}
body.storefront .detail-whatsapp-cta{
display:flex;
align-items:center;
justify-content:center;
gap:12px;
min-height:54px;
margin:0;
border:0;
border-radius:8px;
background:linear-gradient(180deg,#43bd62 0%,#2ba24c 100%);
color:#fff;
padding:0 18px;
box-shadow:0 16px 30px rgba(43,162,76,.24);
text-decoration:none;
transition:transform .2s ease,box-shadow .2s ease,background .2s ease;
}
body.storefront .detail-whatsapp-cta:hover{
transform:translateY(-1px);
background:linear-gradient(180deg,#4cc96c 0%,#248f43 100%);
box-shadow:0 20px 38px rgba(43,162,76,.3);
}
body.storefront .detail-whatsapp-icon{
display:grid;
place-items:center;
width:28px;
height:28px;
border-radius:999px;
background:rgba(255,255,255,.16);
color:#fff;
}
body.storefront .detail-whatsapp-copy strong{
color:#fff;
font-size:15px;
font-weight:900;
}
body.storefront .detail-purchase-card{
padding:0;
border:0;
border-radius:0;
background:transparent;
box-shadow:none;
backdrop-filter:none;
}
body.storefront .detail-purchase-form{
display:grid;
grid-template-columns:118px minmax(0,1fr);
gap:12px;
}
body.storefront .detail-purchase-actions{
display:contents;
}
body.storefront .detail-quantity-control{
position:relative;
display:grid;
grid-template-columns:36px minmax(0,1fr) 36px;
align-items:center;
height:58px;
border:1px solid #e4e7ec;
border-radius:8px;
background:#fff;
padding:0 8px;
}
body.storefront .detail-quantity-label{
position:absolute!important;
width:1px!important;
height:1px!important;
overflow:hidden!important;
clip:rect(0,0,0,0)!important;
white-space:nowrap!important;
}
body.storefront .detail-qty-step{
display:grid;
place-items:center;
width:36px;
height:44px;
border:0;
background:transparent;
color:#475467;
font-size:22px;
font-weight:700;
cursor:pointer;
}
body.storefront .detail-quantity-control input{
width:100%;
height:44px;
border:0;
background:transparent;
color:#050b18;
font-size:18px;
font-weight:900;
text-align:center;
outline:0;
appearance:textfield;
}
body.storefront .detail-quantity-control input::-webkit-outer-spin-button,
body.storefront .detail-quantity-control input::-webkit-inner-spin-button{
appearance:none;
margin:0;
}
body.storefront .detail-buy-button{
display:inline-flex;
align-items:center;
justify-content:center;
gap:12px;
min-height:58px;
border-radius:8px;
font-size:16px;
font-weight:900;
transition:transform .2s ease,box-shadow .2s ease,background .2s ease,border-color .2s ease;
}
body.storefront .detail-buy-button-secondary{
grid-column:2;
border:1px solid #e4e7ec;
background:#fff;
color:#050b18;
box-shadow:none;
}
body.storefront .detail-buy-button-secondary:hover{
transform:translateY(-1px);
border-color:#98a2b3;
background:#fff;
}
body.storefront .detail-buy-button-primary{
grid-column:1 / -1;
border:0;
background:linear-gradient(180deg,#f41e2a 0%,#e51624 100%);
color:#fff;
box-shadow:0 16px 30px rgba(229,22,36,.22);
}
body.storefront .detail-buy-button-primary:hover{
transform:translateY(-1px);
background:linear-gradient(180deg,#ff2a36 0%,#d91220 100%);
box-shadow:0 20px 38px rgba(229,22,36,.28);
}
body.storefront .detail-trust-chip-grid{
display:grid;
grid-template-columns:repeat(4,minmax(0,1fr));
gap:8px;
margin-top:2px;
}
body.storefront .detail-trust-chip-grid span{
display:grid;
grid-template-columns:30px minmax(0,1fr);
align-items:center;
gap:8px;
min-height:54px;
border:1px solid #e4e7ec;
border-radius:8px;
background:#fff;
color:#475467;
padding:8px;
font-size:12px;
font-weight:800;
line-height:1.16;
text-align:left;
box-shadow:none;
}
body.storefront .detail-trust-chip-grid span::before{
content:"";
width:30px;
height:30px;
border-radius:999px;
background:#edf8f0;
box-shadow:inset 0 0 0 1px rgba(43,162,76,.1);
}
body.storefront .detail-side-column{
display:grid;
gap:24px;
}
body.storefront .detail-spec-panel,
body.storefront .detail-calculator-card{
display:grid;
gap:18px;
padding:28px 30px;
}
body.storefront .detail-spec-panel header,
body.storefront .detail-calculator-card header{
display:flex;
align-items:center;
justify-content:space-between;
gap:16px;
}
body.storefront .detail-spec-panel header strong,
body.storefront .detail-calculator-card header strong{
color:#101828;
font-size:23px;
font-weight:950;
line-height:1.2;
}
body.storefront .detail-spec-panel header span,
body.storefront .detail-calculator-card header span{
display:grid;
place-items:center;
min-width:38px;
height:38px;
border-radius:999px;
background:#edf8f0;
color:#24894b;
font-size:13px;
font-weight:950;
text-transform:none;
}
body.storefront .detail-spec-panel header span::before{
content:"✓";
font-size:20px;
font-weight:950;
}
body.storefront .detail-spec-panel dl,
body.storefront .product-spec-table{
display:grid;
grid-template-columns:1fr;
gap:0;
margin:0;
}
body.storefront .detail-spec-panel dl div,
body.storefront .product-spec-table div{
display:grid;
grid-template-columns:minmax(120px,.86fr) minmax(0,1fr);
align-items:center;
gap:12px;
min-width:0;
border:0;
border-bottom:1px solid #e4e7ec;
border-radius:0;
background:transparent;
padding:14px 0;
}
body.storefront .detail-spec-panel dl div:last-child,
body.storefront .product-spec-table div:last-child{
border-bottom:0;
}
body.storefront .detail-spec-panel dt,
body.storefront .product-spec-table dt{
display:flex;
align-items:center;
gap:10px;
color:#667085;
font-size:13px;
font-weight:750;
line-height:1.3;
}
body.storefront .detail-spec-panel dt::before,
body.storefront .product-spec-table dt::before{
content:"";
width:18px;
height:18px;
border:2px solid #49a45f;
border-radius:5px;
}
body.storefront .detail-spec-panel dd,
body.storefront .product-spec-table dd{
margin:0;
color:#101828;
font-size:15px;
font-weight:850;
line-height:1.35;
text-align:right;
}
body.storefront .detail-calculator-fields{
display:grid;
grid-template-columns:repeat(2,minmax(0,1fr));
gap:14px;
}
body.storefront .detail-calculator-fields label{
position:relative;
display:grid;
gap:8px;
color:#667085;
font-size:13px;
font-weight:750;
}
body.storefront .detail-calculator-fields input{
width:100%;
height:44px;
border:1px solid #d0d5dd;
border-radius:8px;
background:#fff;
color:#101828;
font:inherit;
font-size:15px;
font-weight:850;
padding:0 42px 0 12px;
outline:0;
}
body.storefront .detail-calculator-fields input:focus{
border-color:#2ba24c;
box-shadow:0 0 0 3px rgba(43,162,76,.13);
}
body.storefront .detail-calculator-fields small{
position:absolute;
right:12px;
bottom:13px;
color:#98a2b3;
font-size:12px;
font-weight:850;
}
body.storefront .detail-calculator-summary{
display:grid;
grid-template-columns:repeat(2,minmax(0,1fr));
gap:0 20px;
margin:2px 0 0;
padding-top:12px;
border-top:1px solid #e4e7ec;
}
body.storefront .detail-calculator-summary div{
display:grid;
gap:6px;
min-width:0;
border-radius:0;
background:transparent;
padding:0;
}
body.storefront .detail-calculator-summary dt{
color:#667085;
font-size:13px;
font-weight:750;
}
body.storefront .detail-calculator-summary dd{
margin:0;
color:#101828;
font-size:15px;
font-weight:900;
line-height:1.35;
}
body.storefront .detail-calculator-summary .detail-calculator-total{
grid-column:1 / -1;
margin-top:18px;
padding-top:16px;
border-top:1px solid #e4e7ec;
background:transparent;
}
body.storefront .detail-calculator-summary .detail-calculator-total dt{
color:#667085;
}
body.storefront .detail-calculator-summary .detail-calculator-total dd{
color:#2ba24c;
font-size:28px;
font-weight:950;
}
body.storefront .detail-side-guarantee{
display:grid;
grid-template-columns:50px minmax(0,1fr) 20px;
align-items:center;
gap:14px;
min-height:78px;
border:1px solid #e1eee5;
border-radius:8px;
background:linear-gradient(180deg,#f4fbf6 0%,#eef8f1 100%);
padding:14px 18px;
color:#101828;
text-decoration:none;
box-shadow:0 18px 42px rgba(15,23,42,.045);
}
body.storefront .detail-side-guarantee-icon{
display:grid;
place-items:center;
width:48px;
height:48px;
border-radius:999px;
background:#e4f5e9;
}
body.storefront .detail-side-guarantee-icon::before{
content:"✓";
color:#24894b;
font-size:24px;
font-weight:950;
}
body.storefront .detail-side-guarantee strong{
display:block;
color:#24894b;
font-size:14px;
font-weight:950;
line-height:1.25;
}
body.storefront .detail-side-guarantee small{
display:block;
margin-top:3px;
color:#667085;
font-size:13px;
font-weight:700;
line-height:1.25;
}
body.storefront .detail-side-guarantee em{
color:#667085;
font-size:24px;
font-style:normal;
}
body.storefront .product-tabs{
max-width:1948px;
width:calc(100% - 96px);
margin:0 auto;
padding:0 0 58px;
}
body.storefront .product-tab-list,
body.storefront .product-tab-panels{
max-width:1008px;
}
body.storefront .product-tab-list{
display:grid;
grid-template-columns:repeat(4,minmax(0,1fr));
gap:0;
border:1px solid #e4e7ec;
border-radius:8px;
background:rgba(255,255,255,.84);
box-shadow:0 16px 40px rgba(15,23,42,.055);
backdrop-filter:saturate(160%) blur(16px);
}
body.storefront .product-tab-list a{
display:flex;
align-items:center;
justify-content:center;
min-height:56px;
border-radius:0;
color:#667085;
font-size:14px;
font-weight:800;
}
body.storefront .product-tab-list a.is-active,
body.storefront .product-tab-list a:hover{
background:transparent;
color:#24894b;
box-shadow:inset 0 -3px 0 #2ba24c;
}
body.storefront .product-tab-panel{
margin-top:18px;
border:1px solid #e4e7ec;
border-radius:8px;
background:rgba(255,255,255,.88);
box-shadow:0 18px 48px rgba(15,23,42,.055);
backdrop-filter:saturate(160%) blur(16px);
}

@media(max-width:1380px){
body.storefront .product-detail{
grid-template-columns:minmax(420px,1.15fr) minmax(340px,.9fr);
}
body.storefront .detail-side-column{
grid-column:1 / -1;
grid-template-columns:repeat(2,minmax(0,1fr));
position:static;
}
body.storefront .detail-side-guarantee{
grid-column:1 / -1;
}
}

@media(max-width:980px){
body.storefront:has(.product-page-main) .site-header-inner{
width:calc(100% - 32px);
min-height:70px;
padding:12px 16px;
}
body.storefront:has(.product-page-main) .site-brand{
flex:1 1 auto;
}
body.storefront:has(.product-page-main) .site-brand img{
max-width:190px;
max-height:40px!important;
}
body.storefront:has(.product-page-main) .site-search{
height:44px;
max-width:100%;
}
body.storefront:has(.product-page-main) .site-search input,
body.storefront:has(.product-page-main) .site-search button{
height:44px;
}
body.storefront .product-breadcrumb{
width:auto;
padding:18px 16px 0;
overflow-x:auto;
white-space:nowrap;
}
body.storefront .product-detail{
width:auto;
grid-template-columns:1fr;
padding:20px 16px 36px;
}
body.storefront .product-gallery,
body.storefront .detail-info,
body.storefront .detail-side-column{
position:static;
}
body.storefront .detail-side-column{
grid-template-columns:1fr;
}
body.storefront .product-tabs{
width:auto;
padding:0 16px 44px;
}
body.storefront .product-tab-list,
body.storefront .product-tab-panels{
max-width:none;
}
}

@media(max-width:640px){
body.storefront .detail-image{
aspect-ratio:1.05;
}
body.storefront .detail-image::before{
top:14px;
left:14px;
}
body.storefront .detail-image-zoom{
top:12px;
right:12px;
}
body.storefront .detail-image::after,
body.storefront .detail-image-button::before{
width:42px;
height:42px;
margin-top:-21px;
}
body.storefront .detail-image::after{
right:14px;
}
body.storefront .detail-image-button::before{
left:14px;
}
body.storefront .gallery-thumbs{
grid-template-columns:repeat(3,minmax(0,1fr));
}
body.storefront .detail-info,
body.storefront .detail-spec-panel,
body.storefront .detail-calculator-card{
padding:20px;
}
body.storefront .detail-info h1{
font-size:27px;
}
body.storefront .detail-measurement-grid,
body.storefront .detail-purchase-form,
body.storefront .detail-calculator-fields,
body.storefront .detail-calculator-summary,
body.storefront .detail-trust-chip-grid{
grid-template-columns:1fr;
}
body.storefront .detail-buy-button-secondary,
body.storefront .detail-buy-button-primary{
grid-column:1;
}
body.storefront .detail-spec-panel dl div,
body.storefront .product-spec-table div{
grid-template-columns:1fr;
gap:6px;
}
body.storefront .detail-spec-panel dd,
body.storefront .product-spec-table dd{
text-align:left;
}
body.storefront .product-tab-list{
grid-template-columns:repeat(2,minmax(0,1fr));
}
}

/* UI UX Pro Max: product page width and icon refinement */
body.storefront:has(.product-page-main) .site-header-inner,
body.storefront .product-breadcrumb,
body.storefront .product-detail,
body.storefront .product-tabs,
body.storefront .related-products{
width:min(1320px,calc(100% - 48px));
max-width:1320px;
}
body.storefront:has(.product-page-main) .site-header-inner{
min-height:92px;
padding:16px 0;
}
body.storefront:has(.product-page-main) .site-brand{
flex:0 0 260px;
}
body.storefront:has(.product-page-main) .site-brand img{
max-width:250px;
max-height:52px!important;
}
body.storefront:has(.product-page-main) .site-search{
flex:0 1 560px;
max-width:560px;
height:56px;
}
body.storefront:has(.product-page-main) .site-search input,
body.storefront:has(.product-page-main) .site-search button{
height:54px;
}
body.storefront:has(.product-page-main) .site-search input{
font-size:15px;
}
body.storefront:has(.product-page-main) .site-search button{
width:60px;
min-width:60px;
}
body.storefront:has(.product-page-main) .site-search button::before{
left:18px;
top:16px;
}
body.storefront:has(.product-page-main) .site-search button::after{
left:33px;
top:34px;
}
body.storefront .product-breadcrumb{
padding-top:24px;
}
body.storefront .product-detail{
grid-template-columns:minmax(0,5fr) minmax(0,4fr);
gap:24px;
align-items:start;
padding-top:24px;
}
body.storefront .product-gallery{
position:static;
top:auto;
}
body.storefront .detail-info,
body.storefront .detail-side-column{
position:static;
}
body.storefront .detail-side-column{
grid-column:2;
display:grid;
grid-template-columns:1fr;
gap:18px;
}
body.storefront .product-gallery .product-tabs{
width:100%;
max-width:none;
margin:24px 0 0;
padding:0;
border-top:0;
}
body.storefront .product-gallery .product-tab-list,
body.storefront .product-gallery .product-tab-panels{
max-width:none;
width:100%;
}
body.storefront .related-products{
margin:14px auto 70px;
padding:46px 0 0;
border-top:1px solid #e4e7ec;
}
body.storefront .related-products .product-grid{
display:grid;
grid-template-columns:repeat(auto-fill,minmax(220px,1fr));
gap:20px;
}
body.storefront .detail-image{
aspect-ratio:1 / 1;
}
body.storefront .detail-short-description{
display:block!important;
max-width:none;
margin:0;
color:#5f6670;
font-size:14px;
font-weight:650;
line-height:1.62;
}
body.storefront .detail-inline-icon{
display:block;
width:20px;
height:20px;
color:#2ba24c;
stroke:currentColor;
stroke-width:1.9;
stroke-linecap:round;
stroke-linejoin:round;
flex:0 0 auto;
}
body.storefront .detail-measurement-grid span::before,
body.storefront .detail-trust-chip-grid span::before,
body.storefront .detail-spec-panel dt::before,
body.storefront .product-spec-table dt::before{
content:none!important;
display:none!important;
}
body.storefront .detail-measurement-grid span{
grid-template-columns:38px minmax(0,1fr);
}
body.storefront .detail-measurement-grid .detail-inline-icon{
grid-row:1 / span 2;
align-self:center;
box-sizing:border-box;
width:34px;
height:34px;
padding:8px;
border-radius:8px;
background:#edf8f0;
box-shadow:inset 0 0 0 1px rgba(43,162,76,.12);
}
body.storefront .detail-trust-chip-grid span{
grid-template-columns:34px minmax(0,1fr);
}
body.storefront .detail-trust-chip-grid span strong{
min-width:0;
color:#475467;
font:inherit;
}
body.storefront .detail-trust-chip-grid .detail-inline-icon{
box-sizing:border-box;
width:34px;
height:34px;
padding:8px;
border-radius:999px;
background:#edf8f0;
box-shadow:inset 0 0 0 1px rgba(43,162,76,.12);
}
body.storefront .detail-spec-panel dt,
body.storefront .product-spec-table dt{
gap:12px;
}
body.storefront .detail-spec-panel dt .detail-inline-icon,
body.storefront .product-spec-table dt .detail-inline-icon{
box-sizing:border-box;
width:28px;
height:28px;
padding:5px;
border-radius:8px;
background:#f0faf3;
}
body.storefront .detail-spec-panel dt span,
body.storefront .product-spec-table dt span{
min-width:0;
}
.detail-lightbox-frame{
padding:0;
border-radius:0;
background:transparent;
box-shadow:none;
}
.detail-lightbox-frame img{
max-height:86vh;
border-radius:8px;
box-shadow:0 24px 70px rgba(0,0,0,.38);
}
.detail-lightbox-close{
top:-18px;
right:-18px;
background:rgba(255,255,255,.16);
}

@media(min-width:981px){
body.storefront .product-detail{
grid-template-columns:minmax(0,5fr) minmax(0,4fr);
grid-template-rows:auto auto 1fr;
}
body.storefront .product-gallery{
grid-column:1;
grid-row:1 / 4;
}
body.storefront .detail-info{
grid-column:2;
grid-row:1;
}
body.storefront .detail-side-column{
grid-column:2;
grid-row:2;
grid-template-columns:1fr;
margin-top:18px;
}
}

@media(max-width:980px){
body.storefront:has(.product-page-main) .site-header-inner,
body.storefront .product-breadcrumb,
body.storefront .product-detail,
body.storefront .product-tabs{
width:auto;
max-width:none;
}
body.storefront .related-products{
width:auto;
max-width:none;
margin-bottom:46px;
padding:34px 16px 0;
}
body.storefront:has(.product-page-main) .site-brand{
flex:1 1 auto;
}
body.storefront .product-detail{
grid-template-columns:1fr;
}
body.storefront .product-gallery{
position:static;
}
body.storefront .detail-side-column{
grid-column:auto;
}
body.storefront .product-gallery .product-tabs{
margin-top:18px;
}
}

@media(max-width:640px){
body.storefront .detail-image{
aspect-ratio:1 / 1;
}
body.storefront .detail-short-description{
font-size:13px;
}
}

/* ============================================
   HOMEPAGE V2
   ============================================ */
body.home-v2-active{
background:#fff;
color:#111827;
}
body.home-v2-active .store-main.store-main-home-v2{
width:100%;
max-width:none;
margin:0;
padding:0;
}
.home-v2{
min-height:100vh;
background:#fff;
color:#111827;
font-family:'Figtree',system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
font-size:14px;
line-height:1.45;
letter-spacing:0;
}
.home-v2 *,
.home-v2 *::before,
.home-v2 *::after{
box-sizing:border-box;
}
.home-v2 a{
color:inherit;
text-decoration:none;
}
.home-v2 svg{
width:20px;
height:20px;
flex:0 0 auto;
}
.home-v2-shell{
width:min(1280px,calc(100% - 64px));
margin:0 auto;
}
.home-v2-topline{
height:38px;
border-bottom:1px solid #e8edf3;
background:#f8fafc;
color:#172033;
font-size:12px;
}
.home-v2-topline .home-v2-shell{
height:100%;
display:flex;
align-items:center;
justify-content:space-between;
gap:20px;
}
.home-v2-topline span,
.home-v2-topline a{
display:inline-flex;
align-items:center;
gap:8px;
white-space:nowrap;
font-weight:650;
}
.home-v2-topline span svg{
width:18px;
height:18px;
padding:4px;
border-radius:999px;
background:#e9f8ee;
color:#24a556;
stroke-width:2.6;
}
.home-v2-topline a:nth-last-child(2){
margin-left:auto;
}
.home-v2-header{
height:76px;
border-bottom:1px solid #e8edf3;
background:#fff;
}
.home-v2-header .home-v2-shell{
height:100%;
display:flex;
align-items:center;
gap:30px;
}
.home-v2-logo{
display:inline-flex;
align-items:center;
flex:0 0 auto;
}
.home-v2-logo img{
width:170px;
height:auto;
display:block;
}
.home-v2-header nav{
display:flex;
align-items:center;
gap:26px;
min-width:0;
font-size:13px;
font-weight:750;
color:#172033;
}
.home-v2-header form{
width:250px;
margin-left:auto;
}
.home-v2-header input{
width:100%;
height:42px;
border:1px solid #e4eaf1;
border-radius:999px;
background:#f8fafc;
padding:0 18px;
font:inherit;
font-size:12px;
color:#111827;
outline:0;
}
.home-v2-head-icon{
width:40px;
height:40px;
display:inline-grid;
place-items:center;
border:1px solid #e6ebf1;
border-radius:999px;
background:#fff;
font-size:19px;
font-weight:800;
}
.home-v2-hero{
overflow:hidden;
border-bottom:1px solid #edf1f5;
background:#fff;
}
.home-v2-hero-grid{
min-height:500px;
display:grid;
grid-template-columns:minmax(360px,.82fr) minmax(520px,1.18fr);
align-items:stretch;
}
.home-v2-hero-copy{
position:relative;
z-index:2;
display:flex;
flex-direction:column;
justify-content:center;
padding:54px 0 54px;
}
.home-v2-hero-copy>p{
margin:0 0 14px;
color:#172033;
font-size:16px;
font-weight:600;
}
.home-v2-hero-copy h1{
max-width:610px;
margin:0;
color:#111827;
font-size:58px;
line-height:.98;
font-weight:900;
letter-spacing:0;
}
.home-v2-hero-copy h1 span{
display:block;
margin-top:6px;
color:#27b45b;
}
.home-v2-hero-copy>em{
display:block;
max-width:500px;
margin:24px 0 0;
color:#536173;
font-style:normal;
font-size:15px;
line-height:1.75;
}
.home-v2-hero-points{
display:flex;
gap:14px;
margin-top:26px;
}
.home-v2-hero-points span{
display:grid;
grid-template-columns:28px auto;
grid-template-rows:auto auto;
align-items:center;
gap:1px 9px;
min-width:138px;
padding:12px 14px;
border:1px solid #edf1f5;
border-radius:8px;
background:rgba(255,255,255,.86);
box-shadow:0 12px 28px rgba(15,23,42,.05);
}
.home-v2-hero-points svg{
grid-row:1 / 3;
width:28px;
height:28px;
padding:6px;
border-radius:7px;
background:#eaf8ef;
color:#24a556;
}
.home-v2-hero-points b{
font-size:12px;
font-weight:850;
}
.home-v2-hero-points small{
color:#667085;
font-size:11px;
font-weight:600;
}
.home-v2-actions{
display:flex;
align-items:center;
gap:20px;
margin-top:30px;
}
.home-v2-primary,
.home-v2-secondary{
min-height:50px;
display:inline-flex;
align-items:center;
justify-content:center;
gap:10px;
border-radius:8px;
font-size:14px;
font-weight:850;
}
.home-v2-primary{
min-width:242px;
background:#22b45a;
color:#fff!important;
box-shadow:0 16px 30px rgba(34,180,90,.22);
}
.home-v2-primary svg{
width:19px;
height:19px;
}
.home-v2-secondary{
min-width:178px;
border:1px solid #e4eaf1;
background:#fff;
color:#1f2937!important;
}
.home-v2-rating{
display:flex;
align-items:center;
gap:4px;
margin-top:26px;
color:#667085;
font-size:12px;
font-weight:700;
}
.home-v2-rating span{
width:25px;
height:25px;
margin-left:-8px;
border:2px solid #fff;
border-radius:999px;
background:linear-gradient(135deg,#d9a37d,#314155);
box-shadow:0 4px 10px rgba(15,23,42,.12);
}
.home-v2-rating span:first-child{
margin-left:0;
}
.home-v2-rating strong{
margin-left:8px;
color:#f5b328;
font-size:12px;
letter-spacing:0;
}
.home-v2-hero-visual{
position:relative;
min-height:500px;
overflow:hidden;
border-radius:0 0 12px 12px;
}
.home-v2-hero-visual::before{
content:"";
position:absolute;
z-index:1;
inset:0 auto 0 0;
width:42%;
background:linear-gradient(90deg,#fff 0%,rgba(255,255,255,.9) 28%,rgba(255,255,255,.18) 76%,rgba(255,255,255,0) 100%);
pointer-events:none;
}
.home-v2-hero-visual img{
width:100%;
height:100%;
display:block;
object-fit:cover;
object-position:center;
}
.home-v2-float{
position:absolute;
z-index:2;
display:grid;
grid-template-columns:38px auto;
gap:3px 12px;
align-items:center;
min-width:186px;
padding:16px 18px;
border:1px solid rgba(226,232,240,.86);
border-radius:10px;
background:rgba(255,255,255,.95);
box-shadow:0 18px 40px rgba(15,23,42,.12);
}
.home-v2-float svg{
grid-row:1 / 3;
width:34px;
height:34px;
padding:8px;
border-radius:8px;
background:#ebf8ef;
color:#21a755;
}
.home-v2-float b{
font-size:13px;
font-weight:900;
}
.home-v2-float small{
color:#667085;
font-size:12px;
font-weight:650;
}
.home-v2-float-top{
top:38px;
right:18px;
}
.home-v2-float-bottom{
right:18px;
bottom:36px;
}
.home-v2-section-head{
display:flex;
align-items:center;
justify-content:space-between;
gap:20px;
margin-bottom:20px;
}
.home-v2-section-head h2,
.home-v2-references h2,
.home-v2-process-title h2,
.home-v2-quality h2,
.home-v2-faq h2{
margin:0;
color:#111827;
font-size:24px;
line-height:1.2;
font-weight:900;
letter-spacing:0;
}
.home-v2-section-head a{
color:#24a556;
font-size:13px;
font-weight:850;
}
.home-v2-categories{
padding:30px 0 24px;
}
.home-v2-category-grid{
display:grid;
grid-template-columns:repeat(3,minmax(0,1fr));
gap:20px;
}
.home-v2-category-card{
position:relative;
min-height:184px;
overflow:hidden;
display:flex;
flex-direction:column;
border:1px solid #e4eaf1;
border-radius:8px;
background:#fff;
box-shadow:0 12px 28px rgba(15,23,42,.055);
}
.home-v2-category-card strong,
.home-v2-category-card p{
position:relative;
z-index:1;
margin:0;
padding:0 18px;
}
.home-v2-category-card strong{
padding-top:18px;
font-size:16px;
font-weight:900;
}
.home-v2-category-card p{
max-width:92%;
margin-top:7px;
color:#4b5563;
font-size:12px;
font-weight:650;
line-height:1.45;
}
.home-v2-category-card img{
width:100%;
height:98px;
display:block;
object-fit:cover;
object-position:center;
margin-top:auto;
}
/* V1-style category cards */
.home-v2-category-card-v1{
display:grid;
grid-template-columns:1fr 140px;
grid-template-rows:auto auto 1fr auto;
min-height:210px;
padding:0;
}
.home-v2-category-card-v1 .home-v2-cat-top{
grid-column:1;
display:flex;
align-items:center;
gap:10px;
padding:16px 18px 0;
}
.home-v2-cat-icon{
width:32px;
height:32px;
display:inline-grid;
place-items:center;
border-radius:8px;
background:#f0faf3;
color:#22b45a;
}
.home-v2-cat-icon svg{
width:16px;
height:16px;
}
.home-v2-cat-badge{
display:inline-flex;
align-items:center;
height:22px;
padding:0 9px;
border-radius:999px;
color:#fff;
font-size:10px;
font-weight:900;
letter-spacing:.4px;
}
.home-v2-category-card-v1 strong{
grid-column:1;
padding:10px 18px 0;
font-size:17px;
font-weight:900;
line-height:1.25;
}
.home-v2-category-card-v1 p{
grid-column:1;
padding:6px 18px 0;
max-width:none;
color:#667085;
font-size:12px;
line-height:1.5;
}
.home-v2-cat-bottom{
grid-column:1;
display:flex;
align-items:center;
justify-content:space-between;
gap:12px;
padding:12px 18px 16px;
}
.home-v2-cat-count{
color:#667085;
font-size:12px;
font-weight:700;
}
.home-v2-cat-cta{
display:inline-flex;
align-items:center;
gap:6px;
color:#22b45a;
font-size:12px;
font-weight:850;
}
.home-v2-cat-cta em{
display:inline-flex;
align-items:center;
justify-content:center;
width:24px;
height:24px;
border-radius:999px;
background:#22b45a;
color:#fff;
font-style:normal;
font-size:14px;
font-weight:900;
}
.home-v2-cat-image{
grid-column:2;
grid-row:1 / 5;
overflow:hidden;
border-radius:0 7px 7px 0;
}
.home-v2-cat-image img{
width:100%;
height:100%;
display:block;
object-fit:cover;
}
.home-v2-cat-features{
display:flex;
align-items:center;
justify-content:center;
gap:8px;
margin-top:18px;
padding:14px 0;
border-top:1px solid #e8edf3;
color:#536173;
font-size:12px;
font-weight:700;
}
.home-v2-cat-features svg{
width:16px;
height:16px;
color:#22b45a;
margin-left:14px;
}
.home-v2-cat-features svg:first-child{
margin-left:0;
}
/* V1-style references with logos */
.home-v2-references-v1{
padding:34px 0 38px;
background:#fafbfc;
border-top:1px solid #edf1f5;
border-bottom:1px solid #edf1f5;
}
.home-v2-references-v1 .home-v2-shell{
display:flex;
align-items:flex-start;
justify-content:space-between;
gap:30px;
}
.home-v2-ref-header{
display:flex;
flex-wrap:wrap;
align-items:center;
gap:4px 10px;
min-width:260px;
}
.home-v2-ref-dot{
width:8px;
height:8px;
border-radius:999px;
background:#22b45a;
}
.home-v2-ref-header small{
color:#22b45a;
font-size:11px;
font-weight:900;
letter-spacing:.8px;
text-transform:uppercase;
}
.home-v2-ref-header h2{
width:100%;
margin:2px 0 0;
font-size:22px;
}
.home-v2-ref-subtitle{
color:#667085;
font-size:13px;
line-height:1.6;
margin:0;
max-width:460px;
text-align:right;
}
.home-v2-ref-track{
overflow:hidden;
margin-top:18px;
}
.home-v2-ref-scroll{
display:flex;
gap:16px;
padding:4px 0;
overflow-x:auto;
scrollbar-width:none;
-webkit-overflow-scrolling:touch;
}
.home-v2-ref-scroll::-webkit-scrollbar{
display:none;
}
.home-v2-ref-logo{
flex:0 0 auto;
display:inline-flex;
align-items:center;
justify-content:center;
min-width:140px;
height:68px;
padding:12px 22px;
border:1px solid #e8edf3;
border-radius:10px;
background:#fff;
box-shadow:0 4px 14px rgba(15,23,42,.04);
}
.home-v2-ref-logo img{
max-width:110px;
max-height:40px;
display:block;
object-fit:contain;
filter:grayscale(.3);
opacity:.85;
transition:filter .3s,opacity .3s;
}
.home-v2-ref-logo:hover img{
filter:grayscale(0);
opacity:1;
}
.home-v2-ref-logo span{
color:#8b929c;
font-size:14px;
font-weight:900;
letter-spacing:.8px;
white-space:nowrap;
}
/* Bigger header */
.home-v2-header-lg{
height:86px;
}
.home-v2-header-lg .home-v2-logo img{
width:210px;
}
.home-v2-header-lg .home-v2-shell{
gap:24px;
}
.home-v2-header-lg form{
display:flex;
align-items:center;
}
.home-v2-header-lg input{
height:44px;
}
/* Rating avatars */
.home-v2-rating span img{
width:100%;
height:100%;
display:block;
object-fit:cover;
border-radius:inherit;
}
/* Product carousel */
.home-v2-product-carousel{
position:relative;
}
.home-v2-product-scroll{
display:flex!important;
gap:20px;
overflow-x:auto;
scroll-behavior:smooth;
scrollbar-width:none;
-webkit-overflow-scrolling:touch;
}
.home-v2-product-scroll::-webkit-scrollbar{
display:none;
}
.home-v2-product-scroll .home-v2-product-card{
flex:0 0 calc((100% - 80px) / 5);
min-width:220px;
}
.home-v2-carousel-arrow{
position:absolute;
top:50%;
transform:translateY(-50%);
z-index:3;
width:44px;
height:44px;
display:inline-grid;
place-items:center;
border:1px solid #e4eaf1;
border-radius:999px;
background:rgba(255,255,255,.95);
color:#111827;
cursor:pointer;
box-shadow:0 8px 22px rgba(15,23,42,.1);
transition:background .2s,box-shadow .2s;
}
.home-v2-carousel-arrow:hover{
background:#fff;
box-shadow:0 12px 30px rgba(15,23,42,.16);
}
.home-v2-carousel-arrow svg{
width:20px;
height:20px;
}
.home-v2-carousel-prev{
left:-22px;
}
.home-v2-carousel-next{
right:-22px;
}
.home-v2-references{
padding:10px 0 32px;
}
.home-v2-references .home-v2-shell{
display:grid;
grid-template-columns:180px minmax(0,1fr);
align-items:center;
gap:22px;
}
.home-v2-references div div{
display:flex;
align-items:center;
justify-content:space-between;
gap:22px;
min-width:0;
}
.home-v2-references span{
color:#8b929c;
font-size:19px;
font-weight:900;
letter-spacing:1.4px;
white-space:nowrap;
filter:grayscale(1);
opacity:.78;
}
.home-v2-products{
padding:22px 0 34px;
}
.home-v2-product-grid{
display:grid;
grid-template-columns:repeat(5,minmax(0,1fr));
gap:20px;
}
.home-v2-product-card{
position:relative;
overflow:hidden;
border:1px solid #e4eaf1;
border-radius:8px;
background:#fff;
box-shadow:0 16px 34px rgba(15,23,42,.08);
}
.home-v2-product-card>a{
display:block;
height:174px;
overflow:hidden;
}
.home-v2-product-card img{
width:100%;
height:100%;
display:block;
object-fit:cover;
}
.home-v2-sale-badge{
position:absolute;
left:12px;
top:132px;
z-index:1;
display:inline-flex;
align-items:center;
padding:6px 10px;
border-radius:999px;
background:#ef3f32;
color:#fff;
font-size:11px;
font-weight:900;
}
.home-v2-product-card>div{
padding:13px 14px 14px;
}
.home-v2-product-card h3{
min-height:36px;
margin:0;
color:#111827;
font-size:13px;
line-height:1.35;
font-weight:900;
}
.home-v2-product-card p{
margin:6px 0 0;
color:#64748b;
font-size:11px;
font-weight:700;
}
.home-v2-product-card span{
display:block;
margin-top:9px;
color:#f5b328;
font-size:12px;
font-weight:900;
}
.home-v2-product-card span small{
color:#667085;
font-weight:700;
}
.home-v2-product-card strong{
display:block;
margin-top:10px;
font-size:18px;
font-weight:950;
}
.home-v2-product-card>div>div{
display:grid;
grid-template-columns:minmax(0,1fr) 34px;
gap:10px;
align-items:center;
margin-top:10px;
}
.home-v2-product-card>div>div a{
display:inline-flex;
align-items:center;
justify-content:center;
min-height:34px;
border:1px solid #e4eaf1;
border-radius:8px;
background:#fff;
font-size:12px;
font-weight:850;
}
.home-v2-product-card button{
width:34px;
height:34px;
display:grid;
place-items:center;
border:0;
border-radius:8px;
background:#eaf8ef;
color:#22a957;
cursor:pointer;
}
.home-v2-product-card button svg{
width:18px;
height:18px;
}
.home-v2-benefits{
padding:0 0 52px;
}
.home-v2-benefits .home-v2-shell{
display:grid;
grid-template-columns:repeat(5,minmax(0,1fr));
gap:0;
overflow:hidden;
border:1px solid #edf1f5;
border-radius:8px;
background:#fff;
box-shadow:0 14px 34px rgba(15,23,42,.045);
}
.home-v2-benefits span{
display:grid;
grid-template-columns:34px minmax(0,1fr);
gap:2px 12px;
align-items:center;
padding:20px 24px;
border-right:1px solid #edf1f5;
}
.home-v2-benefits span:last-child{
border-right:0;
}
.home-v2-benefits svg{
grid-row:1 / 3;
width:30px;
height:30px;
padding:7px;
border-radius:8px;
background:#eaf8ef;
color:#22a957;
}
.home-v2-benefits b{
font-size:13px;
font-weight:900;
}
.home-v2-benefits small{
color:#667085;
font-size:12px;
font-weight:650;
line-height:1.35;
}
.home-v2-process{
padding:22px 0 50px;
}
.home-v2-process .home-v2-shell{
display:grid;
grid-template-columns:220px minmax(0,1fr);
gap:34px;
align-items:start;
}
.home-v2-process-title p{
margin:6px 0 0;
color:#667085;
font-size:13px;
font-weight:700;
}
.home-v2-process-grid{
display:grid;
grid-template-columns:repeat(4,minmax(0,1fr));
gap:28px;
}
.home-v2-process-grid article{
position:relative;
padding-top:4px;
}
.home-v2-process-grid article::before{
content:"";
position:absolute;
top:24px;
left:50px;
right:-22px;
border-top:1px dashed #a9bbc7;
}
.home-v2-process-grid article:last-child::before{
display:none;
}
.home-v2-process-grid article>span{
width:58px;
height:58px;
display:grid;
place-items:center;
border-radius:999px;
background:#eaf8ef;
color:#209d52;
}
.home-v2-process-grid article>span svg{
width:26px;
height:26px;
}
.home-v2-process-grid b{
position:absolute;
top:-18px;
left:0;
font-size:17px;
font-weight:950;
}
.home-v2-process-grid h3{
margin:14px 0 6px;
font-size:15px;
font-weight:900;
}
.home-v2-process-grid p{
margin:0;
color:#556172;
font-size:12px;
font-weight:650;
line-height:1.55;
}
.home-v2-quality{
padding:0 0 48px;
}
.home-v2-quality-grid{
display:grid;
grid-template-columns:minmax(250px,.88fr) minmax(360px,1.28fr) minmax(280px,.92fr);
gap:0;
overflow:hidden;
border:1px solid #e4eaf1;
border-radius:10px;
background:#fff;
box-shadow:0 18px 40px rgba(15,23,42,.07);
}
.home-v2-quality article{
padding:30px 28px;
}
.home-v2-quality article>p{
margin:8px 0 22px;
color:#667085;
font-size:13px;
font-weight:650;
line-height:1.55;
}
.home-v2-quality article span{
display:grid;
grid-template-columns:34px minmax(0,1fr);
gap:2px 12px;
align-items:center;
margin-top:18px;
}
.home-v2-quality article span svg,
.home-v2-quality li svg{
width:28px;
height:28px;
padding:7px;
border-radius:8px;
background:#eaf8ef;
color:#22a957;
}
.home-v2-quality article span b{
font-size:13px;
font-weight:900;
}
.home-v2-quality article span small{
color:#667085;
font-size:12px;
font-weight:650;
line-height:1.35;
}
.home-v2-quality-image{
min-height:305px;
background:#111827;
}
.home-v2-quality-image img{
width:100%;
height:100%;
display:block;
object-fit:cover;
filter:grayscale(1);
}
.home-v2-quality ul{
display:grid;
gap:13px;
margin:20px 0 26px;
padding:0;
list-style:none;
}
.home-v2-quality li{
display:flex;
align-items:center;
gap:10px;
color:#334155;
font-size:13px;
font-weight:800;
}
.home-v2-quality li svg{
width:18px;
height:18px;
padding:4px;
border-radius:999px;
}
.home-v2-quality article>a{
display:inline-flex;
align-items:center;
justify-content:center;
min-height:42px;
padding:0 18px;
border:1px solid #dbe3ec;
border-radius:8px;
background:#fff;
font-size:13px;
font-weight:850;
}
.home-v2-faq{
padding:0 0 34px;
}
.home-v2-faq h2{
margin-bottom:20px;
}
.home-v2-faq-grid{
display:grid;
grid-template-columns:repeat(2,minmax(0,1fr));
gap:14px 18px;
}
.home-v2-faq details{
overflow:hidden;
border:1px solid #e4eaf1;
border-radius:8px;
background:#fff;
}
.home-v2-faq summary{
display:flex;
align-items:center;
justify-content:space-between;
gap:14px;
min-height:48px;
padding:0 18px;
color:#111827;
font-size:13px;
font-weight:900;
cursor:pointer;
list-style:none;
}
.home-v2-faq summary::-webkit-details-marker{
display:none;
}
.home-v2-faq summary::after{
content:"+";
font-size:18px;
font-weight:800;
color:#475569;
}
.home-v2-faq details[open] summary::after{
content:"-";
}
.home-v2-faq p{
margin:0;
padding:0 18px 16px;
color:#64748b;
font-size:13px;
font-weight:650;
line-height:1.55;
}
.home-v2-final-cta{
padding:0 0 38px;
}
.home-v2-final-cta .home-v2-shell{
display:flex;
align-items:center;
justify-content:space-between;
gap:24px;
min-height:86px;
padding:18px 24px;
border:1px solid #e4eaf1;
border-radius:8px;
background:#fff;
box-shadow:0 14px 32px rgba(15,23,42,.045);
}
.home-v2-final-cta .home-v2-shell>div{
display:grid;
grid-template-columns:54px auto;
gap:2px 16px;
align-items:center;
}
.home-v2-final-cta span{
grid-row:1 / 3;
width:54px;
height:54px;
display:grid;
place-items:center;
border-radius:999px;
background:#eaf8ef;
color:#22a957;
}
.home-v2-final-cta strong{
font-size:21px;
font-weight:900;
}
.home-v2-final-cta p{
margin:0;
color:#667085;
font-size:13px;
font-weight:650;
}
.home-v2-final-cta a{
min-height:46px;
display:inline-flex;
align-items:center;
justify-content:center;
padding:0 26px;
border-radius:8px;
background:#22b45a;
color:#fff!important;
font-size:14px;
font-weight:900;
box-shadow:0 14px 28px rgba(34,180,90,.22);
}
.home-v2-footer{
border-top:1px solid #e8edf3;
background:#fff;
color:#4b5563;
}
.home-v2-footer>.home-v2-shell{
display:grid;
grid-template-columns:1.45fr repeat(3,1fr) 1.25fr;
gap:44px;
padding:34px 0 24px;
}
.home-v2-footer img{
width:150px;
height:auto;
display:block;
margin-bottom:18px;
}
.home-v2-footer p,
.home-v2-footer a,
.home-v2-footer span{
margin:0;
color:#5d6673;
font-size:13px;
font-weight:650;
line-height:1.65;
}
.home-v2-footer nav,
.home-v2-footer address{
display:flex;
flex-direction:column;
gap:8px;
font-style:normal;
}
.home-v2-footer b{
margin-bottom:6px;
color:#111827;
font-size:14px;
font-weight:900;
}
.home-v2-footer>small{
display:block;
width:min(1280px,calc(100% - 64px));
margin:0 auto;
padding:14px 0 22px;
border-top:1px solid #edf1f5;
color:#8a94a3;
font-size:12px;
font-weight:650;
}
@media(max-width:1180px){
.home-v2-shell{
width:min(100% - 40px,1040px);
}
.home-v2-header nav{
gap:15px;
font-size:12px;
}
.home-v2-header form{
width:210px;
}
.home-v2-hero-grid{
grid-template-columns:minmax(320px,.92fr) minmax(420px,1.08fr);
}
.home-v2-category-grid,
.home-v2-product-grid{
grid-template-columns:repeat(3,minmax(0,1fr));
}
.home-v2-benefits .home-v2-shell{
grid-template-columns:repeat(3,minmax(0,1fr));
}
.home-v2-benefits span{
border-bottom:1px solid #edf1f5;
}
.home-v2-references .home-v2-shell,
.home-v2-process .home-v2-shell{
grid-template-columns:1fr;
}
.home-v2-references div div{
justify-content:flex-start;
overflow:auto;
padding-bottom:4px;
}
.home-v2-quality-grid{
grid-template-columns:1fr 1fr;
}
.home-v2-quality-image{
grid-column:1 / -1;
grid-row:1;
}
.home-v2-footer>.home-v2-shell{
grid-template-columns:repeat(3,1fr);
}
}
@media(max-width:820px){
.home-v2-shell,
.home-v2-footer>small{
width:calc(100% - 28px);
}
.home-v2-topline{
height:auto;
}
.home-v2-topline .home-v2-shell{
flex-wrap:wrap;
justify-content:center;
padding:10px 0;
gap:10px 16px;
}
.home-v2-topline a:nth-last-child(2){
margin-left:0;
}
.home-v2-header{
height:auto;
}
.home-v2-header .home-v2-shell{
flex-wrap:wrap;
gap:12px;
padding:14px 0;
}
.home-v2-logo img{
width:150px;
}
.home-v2-header nav{
order:3;
width:100%;
overflow:auto;
padding-bottom:4px;
}
.home-v2-header form{
width:auto;
flex:1 1 220px;
margin-left:0;
}
.home-v2-hero-grid{
min-height:0;
grid-template-columns:1fr;
}
.home-v2-hero-copy{
padding:36px 0 22px;
}
.home-v2-hero-copy h1{
font-size:42px;
}
.home-v2-hero-points,
.home-v2-actions{
flex-direction:column;
align-items:stretch;
}
.home-v2-hero-points span,
.home-v2-primary,
.home-v2-secondary{
width:100%;
}
.home-v2-hero-visual{
min-height:330px;
border-radius:8px;
}
.home-v2-float{
min-width:160px;
padding:12px 14px;
}
.home-v2-category-grid,
.home-v2-product-grid,
.home-v2-benefits .home-v2-shell,
.home-v2-process-grid,
.home-v2-quality-grid,
.home-v2-faq-grid,
.home-v2-footer>.home-v2-shell{
grid-template-columns:1fr;
}
.home-v2-process-grid{
gap:18px;
}
.home-v2-process-grid article::before{
display:none;
}
.home-v2-benefits span{
border-right:0;
border-bottom:1px solid #edf1f5;
}
.home-v2-benefits span:last-child{
border-bottom:0;
}
.home-v2-section-head,
.home-v2-final-cta .home-v2-shell{
align-items:flex-start;
flex-direction:column;
}
.home-v2-final-cta a{
width:100%;
}
}

/* Screenshot-matched V2 density */
.home-v2-shell{
width:min(1280px,calc(100% - 56px));
}
.home-v2-topline{
height:30px;
font-size:11px;
}
.home-v2-topline svg{
width:16px;
height:16px;
}
.home-v2-header{
height:58px;
}
.home-v2-header .home-v2-shell{
gap:24px;
}
.home-v2-logo img{
width:145px;
}
.home-v2-header nav{
gap:22px;
font-size:12px;
}
.home-v2-header form{
width:250px;
}
.home-v2-header input{
height:38px;
font-size:12px;
}
.home-v2-head-icon{
position:relative;
width:38px;
height:38px;
}
.home-v2-head-icon svg{
width:19px;
height:19px;
}
.home-v2-head-icon:last-child::after{
content:"0";
position:absolute;
top:-3px;
right:-3px;
width:16px;
height:16px;
display:grid;
place-items:center;
border-radius:999px;
background:#ef3f32;
color:#fff;
font-size:10px;
font-weight:900;
}
.home-v2-hero-grid{
min-height:0;
grid-template-columns:minmax(340px,.82fr) minmax(500px,1.18fr);
align-items:center;
padding:18px 0 20px;
}
.home-v2-hero-copy{
padding:0;
}
.home-v2-hero-copy>p{
margin-bottom:10px;
font-size:13px;
}
.home-v2-hero-copy h1{
font-size:42px;
line-height:1.02;
}
.home-v2-hero-copy h1 span{
margin-top:2px;
}
.home-v2-hero-copy>em{
max-width:410px;
margin-top:16px;
font-size:12px;
line-height:1.65;
}
.home-v2-hero-points{
gap:10px;
margin-top:18px;
}
.home-v2-hero-points span{
min-width:130px;
padding:9px 11px;
grid-template-columns:24px auto;
border-radius:7px;
}
.home-v2-hero-points svg{
width:24px;
height:24px;
padding:5px;
}
.home-v2-hero-points b{
font-size:11px;
}
.home-v2-hero-points small{
font-size:10px;
}
.home-v2-actions{
gap:16px;
margin-top:22px;
}
.home-v2-primary,
.home-v2-secondary{
min-height:42px;
border-radius:7px;
font-size:12px;
}
.home-v2-primary{
min-width:205px;
}
.home-v2-secondary{
min-width:145px;
}
.home-v2-rating{
margin-top:18px;
font-size:11px;
}
.home-v2-rating span{
width:22px;
height:22px;
}
.home-v2-hero-visual{
min-height:0;
aspect-ratio:456 / 306;
border-radius:0 0 8px 8px;
}
.home-v2-hero-visual::before,
.home-v2-hero-visual>.home-v2-float{
display:none;
}
.home-v2-section-head{
margin-bottom:16px;
}
.home-v2-section-head h2,
.home-v2-references h2,
.home-v2-process-title h2,
.home-v2-quality h2,
.home-v2-faq h2{
font-size:19px;
}
.home-v2-section-head a{
font-size:12px;
}
.home-v2-categories{
padding:24px 0 18px;
}
.home-v2-category-grid{
gap:16px;
}
.home-v2-category-card{
min-height:136px;
border-radius:7px;
}
.home-v2-category-card strong{
padding:13px 14px 0;
font-size:12px;
}
.home-v2-category-card p{
padding:0 14px;
margin-top:5px;
font-size:10px;
line-height:1.35;
}
.home-v2-category-card img{
height:72px;
}
.home-v2-references{
padding:8px 0 24px;
}
.home-v2-references .home-v2-shell{
grid-template-columns:150px minmax(0,1fr);
gap:18px;
}
.home-v2-references h2{
white-space:nowrap;
}
.home-v2-references .home-v2-shell>div{
position:relative;
padding:0 20px;
}
.home-v2-references .home-v2-shell>div::before,
.home-v2-references .home-v2-shell>div::after{
position:absolute;
top:50%;
transform:translateY(-50%);
color:#98a2b3;
font-size:20px;
font-weight:400;
}
.home-v2-references .home-v2-shell>div::before{
content:"‹";
left:0;
}
.home-v2-references .home-v2-shell>div::after{
content:"›";
right:0;
}
.home-v2-references span{
font-size:15px;
letter-spacing:1px;
}
.home-v2-products{
padding:16px 0 24px;
}
.home-v2-product-grid{
gap:16px;
}
.home-v2-product-card{
border-radius:7px;
}
.home-v2-product-card>a{
height:128px;
}
.home-v2-sale-badge{
top:98px;
left:10px;
padding:5px 8px;
font-size:10px;
}
.home-v2-product-card>div{
padding:10px 11px 11px;
}
.home-v2-product-card h3{
min-height:30px;
font-size:11px;
}
.home-v2-product-card p{
margin-top:4px;
font-size:10px;
}
.home-v2-product-card span{
margin-top:7px;
font-size:10px;
}
.home-v2-product-card strong{
margin-top:7px;
font-size:15px;
}
.home-v2-product-card .home-v2-tax-note{
display:block;
margin-top:0;
color:#64748b;
font-size:9px;
font-weight:700;
}
.home-v2-product-card>div>div{
grid-template-columns:minmax(0,1fr) 30px;
gap:8px;
margin-top:8px;
}
.home-v2-product-card>div>div a,
.home-v2-product-card button{
min-height:30px;
border-radius:7px;
font-size:10px;
}
.home-v2-product-card button{
width:30px;
height:30px;
}
.home-v2-benefits{
padding-bottom:34px;
}
.home-v2-benefits span{
grid-template-columns:28px minmax(0,1fr);
gap:2px 10px;
padding:14px 18px;
}
.home-v2-benefits svg{
width:26px;
height:26px;
padding:6px;
}
.home-v2-benefits b{
font-size:11px;
}
.home-v2-benefits small{
font-size:10px;
}
.home-v2-process{
padding:18px 0 34px;
}
.home-v2-process .home-v2-shell{
grid-template-columns:190px minmax(0,1fr);
gap:24px;
}
.home-v2-process-title p{
font-size:12px;
}
.home-v2-process-grid{
gap:20px;
}
.home-v2-process-grid article::before{
top:19px;
left:42px;
right:-16px;
}
.home-v2-process-grid article>span{
width:45px;
height:45px;
}
.home-v2-process-grid article>span svg{
width:22px;
height:22px;
}
.home-v2-process-grid b{
top:-16px;
font-size:14px;
}
.home-v2-process-grid h3{
margin-top:10px;
font-size:12px;
}
.home-v2-process-grid p{
font-size:10px;
line-height:1.45;
}
.home-v2-quality{
padding-bottom:32px;
}
.home-v2-quality-grid{
grid-template-columns:minmax(210px,.82fr) minmax(300px,1.16fr) minmax(250px,1fr);
border-radius:8px;
}
.home-v2-quality article{
padding:22px 24px;
}
.home-v2-quality article>p{
margin:6px 0 16px;
font-size:11px;
}
.home-v2-quality article span{
grid-template-columns:28px minmax(0,1fr);
gap:1px 10px;
margin-top:13px;
}
.home-v2-quality article span svg{
grid-row:1 / 3;
}
.home-v2-quality article span b,
.home-v2-quality article span small{
grid-column:2;
}
.home-v2-quality article span svg,
.home-v2-quality li svg{
width:24px;
height:24px;
padding:6px;
}
.home-v2-quality article span b{
font-size:11px;
}
.home-v2-quality article span small{
font-size:10px;
line-height:1.35;
}
.home-v2-quality-image{
min-height:250px;
}
.home-v2-quality ul{
gap:10px;
margin:16px 0 20px;
}
.home-v2-quality li{
font-size:11px;
}
.home-v2-quality article>a{
min-height:36px;
padding:0 14px;
font-size:11px;
}
.home-v2-faq{
padding-bottom:28px;
}
.home-v2-faq h2{
margin-bottom:14px;
}
.home-v2-faq-grid{
gap:10px 14px;
}
.home-v2-faq summary{
min-height:42px;
padding:0 14px;
font-size:11px;
}
.home-v2-final-cta{
padding-bottom:30px;
}
.home-v2-final-cta .home-v2-shell{
min-height:72px;
padding:14px 20px;
}
.home-v2-final-cta .home-v2-shell>div{
grid-template-columns:44px auto;
gap:1px 14px;
}
.home-v2-final-cta span{
width:44px;
height:44px;
}
.home-v2-final-cta strong{
font-size:17px;
}
.home-v2-final-cta p{
font-size:11px;
}
.home-v2-final-cta a{
min-height:40px;
padding:0 22px;
font-size:12px;
}
.home-v2-footer>.home-v2-shell{
gap:34px;
padding:28px 0 20px;
}
.home-v2-footer img{
width:130px;
margin-bottom:14px;
}
.home-v2-footer p,
.home-v2-footer a,
.home-v2-footer span{
font-size:11px;
}
.home-v2-footer b{
font-size:12px;
}
.home-v2-footer>small{
font-size:10px;
}

@media(min-width:860px){
.home-v2-shell,
.home-v2-footer>small{
width:min(1280px,84vw);
}
.home-v2-header .home-v2-shell{
gap:16px;
}
.home-v2-logo img{
width:120px;
}
.home-v2-header nav{
gap:14px;
font-size:10.5px;
}
.home-v2-header nav a{
white-space:nowrap;
}
.home-v2-header form{
width:170px;
}
.home-v2-header input{
height:34px;
padding:0 14px;
font-size:10.5px;
}
.home-v2-head-icon{
width:34px;
height:34px;
}
.home-v2-hero-grid{
grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);
}
.home-v2-hero-points span{
min-width:0;
padding:8px 9px;
}
.home-v2-hero-points b{
font-size:10px;
}
.home-v2-hero-points small{
font-size:9px;
}
.home-v2-primary{
min-width:150px;
}
.home-v2-secondary{
min-width:116px;
}
.home-v2-category-grid,
.home-v2-product-grid{
grid-template-columns:repeat(5,minmax(0,1fr));
}
.home-v2-benefits .home-v2-shell{
grid-template-columns:repeat(5,minmax(0,1fr));
}
.home-v2-benefits span{
border-bottom:0;
}
.home-v2-benefits span:not(:last-child){
border-right:1px solid #edf1f5;
}
.home-v2-references .home-v2-shell{
grid-template-columns:150px minmax(0,1fr);
}
.home-v2-process .home-v2-shell{
grid-template-columns:190px minmax(0,1fr);
}
.home-v2-quality-grid{
grid-template-columns:minmax(210px,.82fr) minmax(300px,1.16fr) minmax(250px,1fr);
}
.home-v2-quality-image{
grid-column:auto;
grid-row:auto;
}
.home-v2-footer>.home-v2-shell{
grid-template-columns:1.45fr repeat(3,1fr) 1.25fr;
}
}

.home-v2-topline a+a{
margin-left:14px;
}

@media(min-width:860px){
.home-v2-hero-grid{
align-items:start;
padding-top:0;
padding-bottom:18px;
}
.home-v2-hero-copy{
padding-top:22px;
}
.home-v2-hero-copy h1{
font-size:36px;
}
.home-v2-hero-copy>em{
margin-top:8px;
line-height:1.55;
}
.home-v2-hero-points{
gap:7px;
margin-top:9px;
}
.home-v2-actions{
margin-top:12px;
}
.home-v2-rating{
margin-top:10px;
}
.home-v2-hero-points span{
min-height:36px;
padding:6px 8px;
grid-template-columns:20px auto;
}
.home-v2-hero-points svg{
width:20px;
height:20px;
padding:4px;
}
.home-v2-hero-points b{
font-size:8.7px;
white-space:nowrap;
}
.home-v2-hero-points small{
font-size:8px;
}
.home-v2-primary,
.home-v2-secondary{
min-height:36px;
font-size:11px;
}
.home-v2-category-card{
min-height:124px;
}
.home-v2-category-card strong{
font-size:11px;
}
.home-v2-category-card p{
font-size:9px;
line-height:1.28;
}
.home-v2-category-card img{
height:70px;
}
.home-v2-product-card>a{
height:84px;
}
.home-v2-sale-badge{
top:65px;
}
.home-v2-product-card>div{
padding:7px 9px 9px;
}
.home-v2-product-card h3{
min-height:23px;
font-size:9px;
line-height:1.2;
}
.home-v2-product-card p{
margin-top:3px;
font-size:9px;
}
.home-v2-product-card span{
margin-top:5px;
font-size:9px;
}
.home-v2-product-card strong{
margin-top:4px;
font-size:13px;
}
.home-v2-product-card .home-v2-tax-note{
font-size:8px;
}
.home-v2-product-card>div>div{
margin-top:6px;
}
.home-v2-product-card>div>div a,
.home-v2-product-card button{
min-height:24px;
font-size:9px;
}
.home-v2-product-card button{
height:24px;
}
.home-v2-benefits{
padding-bottom:24px;
}
.home-v2-benefits span{
padding:10px 14px;
}
.home-v2-benefits svg{
width:22px;
height:22px;
padding:5px;
}
.home-v2-benefits b{
font-size:10px;
}
.home-v2-benefits small{
font-size:9px;
line-height:1.25;
}
.home-v2-process{
padding-top:12px;
}
.home-v2-process-grid article>span{
width:40px;
height:40px;
}
.home-v2-process-grid article::before{
top:17px;
left:38px;
}
.home-v2-process-grid h3{
margin-top:8px;
}
.home-v2-products{
padding-top:12px;
padding-bottom:16px;
}
.home-v2-product-card>a{
height:78px;
}
.home-v2-sale-badge{
top:60px;
padding:4px 7px;
font-size:8.5px;
}
.home-v2-product-card>div{
padding:5px 8px 8px;
}
.home-v2-product-card h3{
min-height:18px;
font-size:8.5px;
line-height:1.12;
}
.home-v2-product-card p,
.home-v2-product-card span{
font-size:8.5px;
}
.home-v2-product-card strong{
font-size:12px;
}
.home-v2-product-card>div>div{
gap:6px;
grid-template-columns:minmax(0,1fr) 26px;
}
.home-v2-product-card>div>div a,
.home-v2-product-card button{
min-height:22px;
font-size:8.5px;
}
.home-v2-product-card button{
width:26px;
height:22px;
}
.home-v2-benefits{
padding-bottom:14px;
}
.home-v2-benefits span{
grid-template-columns:22px minmax(0,1fr);
padding:8px 12px;
}
.home-v2-process{
padding:8px 0 22px;
}
.home-v2-process .home-v2-shell{
gap:18px;
}
.home-v2-process-grid{
gap:16px;
}
.home-v2-process-grid article>span{
width:34px;
height:34px;
}
.home-v2-process-grid article>span svg{
width:18px;
height:18px;
}
.home-v2-process-grid article::before{
top:14px;
left:32px;
}
.home-v2-process-grid b{
top:-14px;
font-size:12px;
}
.home-v2-process-grid h3{
font-size:10px;
}
.home-v2-process-grid p{
font-size:8.5px;
line-height:1.35;
}
}

/* Homepage V2 final responsive polish */
body.home-v2-active{
background:#ffffff;
overflow-x:hidden;
}
body.home-v2-active .store-main.store-main-home-v2{
padding:0;
}
.home-v2{
--home-v2-shell:1200px;
--home-v2-green:#21bf63;
--home-v2-ink:#152033;
--home-v2-muted:#65758b;
color:var(--home-v2-ink);
font-size:15px;
line-height:1.5;
}
.home-v2-shell,
.home-v2-footer>small{
width:min(var(--home-v2-shell), calc(100% - 32px));
max-width:var(--home-v2-shell);
margin-inline:auto;
}
.home-v2-topline{
min-height:36px;
border-bottom:1px solid #eef2f6;
background:#f8fafc;
}
.home-v2-topline .home-v2-shell{
display:grid;
grid-template-columns:repeat(4, max-content) 1fr max-content;
align-items:center;
gap:28px;
min-height:36px;
}
.home-v2-topline span,
.home-v2-topline a{
display:inline-flex;
align-items:center;
gap:7px;
font-size:12px;
font-weight:700;
color:#1c293a;
white-space:nowrap;
}
.home-v2-topline span svg{
width:18px;
height:18px;
padding:4px;
border-radius:50%;
color:var(--home-v2-green);
background:#e7f8ef;
}
.home-v2-topline a:nth-last-child(2){
justify-self:end;
margin-left:0;
}
.home-v2-topline a+a{
margin-left:0;
}
.home-v2-header{
min-height:70px;
border-bottom:1px solid #edf1f5;
background:#ffffff;
}
.home-v2-header .home-v2-shell{
display:grid;
grid-template-columns:auto minmax(0,1fr) 270px 44px 44px;
align-items:center;
gap:18px;
min-height:70px;
}
.home-v2-logo{
display:inline-flex;
align-items:center;
}
.home-v2-logo img{
width:154px;
height:auto;
display:block;
}
.home-v2-header nav{
display:flex;
align-items:center;
justify-content:center;
gap:22px;
min-width:0;
font-size:12px;
font-weight:800;
}
.home-v2-header nav a{
color:#172132;
white-space:nowrap;
}
.home-v2-header form{
width:270px;
}
.home-v2-header input{
width:100%;
height:42px;
border:1px solid #e2e8f0;
border-radius:999px;
padding:0 18px;
font-size:12px;
color:#1f2937;
background:#f9fbfd;
}
.home-v2-head-icon{
width:44px;
height:44px;
display:inline-flex;
align-items:center;
justify-content:center;
border:1px solid #e3e9f0;
border-radius:50%;
background:#fff;
color:#111827;
}
.home-v2-head-icon svg{
width:20px;
height:20px;
}
.home-v2-hero{
border-bottom:1px solid #eef2f6;
}
.home-v2-hero-grid{
display:grid;
grid-template-columns:minmax(0,.93fr) minmax(0,1.22fr);
align-items:center;
gap:36px;
min-height:456px;
padding:0;
}
.home-v2-hero-copy{
padding:44px 0;
}
.home-v2-hero-copy>p{
margin:0 0 12px;
font-size:15px;
font-weight:800;
color:#263246;
}
.home-v2-hero-copy h1{
max-width:500px;
margin:0;
font-size:54px;
line-height:.98;
letter-spacing:0;
font-weight:900;
color:#111827;
}
.home-v2-hero-copy h1 span{
display:block;
color:var(--home-v2-green);
}
.home-v2-hero-copy>em{
display:block;
max-width:500px;
margin:18px 0 0;
font-size:15px;
font-style:normal;
line-height:1.65;
color:var(--home-v2-muted);
}
.home-v2-hero-points{
display:grid;
grid-template-columns:repeat(3,minmax(0,1fr));
gap:12px;
max-width:500px;
margin-top:24px;
}
.home-v2-hero-points span{
display:grid;
grid-template-columns:34px minmax(0,1fr);
gap:2px 10px;
align-items:center;
min-height:58px;
padding:10px 13px;
border:1px solid #e8eef4;
border-radius:8px;
background:#fff;
box-shadow:0 10px 28px rgba(15,23,42,.04);
}
.home-v2-hero-points svg{
grid-row:1 / span 2;
width:34px;
height:34px;
padding:8px;
border-radius:8px;
color:var(--home-v2-green);
background:#eaf8f0;
}
.home-v2-hero-points b{
font-size:11px;
line-height:1.15;
white-space:nowrap;
}
.home-v2-hero-points small{
font-size:10px;
line-height:1.2;
color:#65758b;
}
.home-v2-actions{
display:flex;
align-items:center;
gap:14px;
margin-top:24px;
}
.home-v2-primary,
.home-v2-secondary{
min-height:46px;
display:inline-flex;
align-items:center;
justify-content:center;
gap:9px;
border-radius:8px;
padding:0 22px;
font-size:13px;
font-weight:800;
}
.home-v2-primary{
min-width:202px;
background:var(--home-v2-green);
color:#fff;
box-shadow:0 12px 28px rgba(33,191,99,.22);
}
.home-v2-primary svg{
width:18px;
height:18px;
}
.home-v2-secondary{
min-width:148px;
border:1px solid #e2e8f0;
background:#fff;
color:#172132;
}
.home-v2-rating{
display:flex;
align-items:center;
gap:2px;
margin-top:22px;
}
.home-v2-rating span{
width:24px;
height:24px;
border-radius:50%;
border:2px solid #fff;
margin-right:-7px;
background:linear-gradient(135deg,#bb866f,#596072);
box-shadow:0 6px 16px rgba(15,23,42,.18);
}
.home-v2-rating strong{
margin-left:16px;
font-size:15px;
letter-spacing:0;
color:#f5b521;
}
.home-v2-rating small{
font-size:12px;
font-weight:700;
color:#65758b;
}
.home-v2-hero-visual{
position:relative;
align-self:stretch;
min-height:412px;
border-radius:8px;
overflow:hidden;
background:#f3f5f7;
box-shadow:0 16px 42px rgba(15,23,42,.06);
}
.home-v2-hero-visual img{
width:100%;
height:100%;
display:block;
object-fit:cover;
object-position:center;
}
.home-v2-hero-visual::before{
content:"";
position:absolute;
inset:0 auto 0 0;
z-index:1;
width:31%;
background:linear-gradient(90deg,#fff 0%,rgba(255,255,255,.92) 38%,rgba(255,255,255,0) 100%);
pointer-events:none;
}
.home-v2-hero-visual>.home-v2-float{
position:absolute;
z-index:2;
display:grid !important;
grid-template-columns:42px minmax(0,1fr);
gap:2px 13px;
align-items:center;
min-width:188px;
min-height:70px;
padding:14px 18px;
border:1px solid #e5edf3;
border-radius:10px;
background:#fff;
box-shadow:0 16px 40px rgba(15,23,42,.13);
}
.home-v2-hero-visual>.home-v2-float svg{
grid-row:1 / span 2;
width:42px;
height:42px;
padding:10px;
border-radius:9px;
color:#209f58;
background:#edf9f2;
}
.home-v2-hero-visual>.home-v2-float b{
font-size:13px;
line-height:1.15;
font-weight:900;
}
.home-v2-hero-visual>.home-v2-float small{
font-size:11px;
line-height:1.25;
font-weight:700;
color:#65758b;
}
.home-v2-float-top{
top:32px;
right:28px;
}
.home-v2-float-bottom{
right:30px;
bottom:36px;
}
.home-v2-categories,
.home-v2-products,
.home-v2-references,
.home-v2-benefits,
.home-v2-process,
.home-v2-quality,
.home-v2-faq,
.home-v2-final-cta{
padding-inline:0;
}
.home-v2-categories{
padding-top:34px;
padding-bottom:22px;
}
.home-v2-section-head{
display:flex;
align-items:center;
justify-content:space-between;
gap:20px;
margin-bottom:18px;
}
.home-v2-section-head h2,
.home-v2-process-title h2,
.home-v2-faq h2{
margin:0;
font-size:25px;
line-height:1.15;
letter-spacing:0;
font-weight:900;
color:#172132;
}
.home-v2-section-head a{
font-size:13px;
font-weight:800;
color:#16954b;
white-space:nowrap;
}
.home-v2-category-grid{
display:grid;
grid-template-columns:repeat(5,minmax(0,1fr));
gap:16px;
}
.home-v2-category-card{
position:relative;
min-height:154px;
display:block;
overflow:hidden;
border:1px solid #dde5ed;
border-radius:8px;
padding:18px 18px 0;
background:#fff;
box-shadow:0 12px 30px rgba(15,23,42,.04);
}
.home-v2-category-card strong{
position:relative;
z-index:1;
display:block;
font-size:14px;
line-height:1.2;
font-weight:900;
color:#172132;
}
.home-v2-category-card p{
position:relative;
z-index:1;
max-width:160px;
margin:7px 0 0;
font-size:11px;
line-height:1.35;
font-weight:700;
color:#344155;
}
.home-v2-category-card img{
position:absolute;
right:0;
bottom:0;
width:76%;
height:82px;
object-fit:cover;
object-position:center;
}
.home-v2-references{
padding:12px 0 24px;
}
.home-v2-references .home-v2-shell{
display:grid;
grid-template-columns:190px minmax(0,1fr);
align-items:center;
gap:16px;
}
.home-v2-references h2{
margin:0;
font-size:21px;
line-height:1.1;
font-weight:900;
}
.home-v2-references .home-v2-shell>div{
display:flex;
align-items:center;
justify-content:space-between;
gap:22px;
min-width:0;
overflow:hidden;
}
.home-v2-references span{
font-size:20px;
line-height:1;
font-weight:900;
letter-spacing:.06em;
color:#a7a7a7;
white-space:nowrap;
}
.home-v2-products{
padding-top:14px;
padding-bottom:28px;
}
.home-v2-product-grid{
display:grid;
grid-template-columns:repeat(5,minmax(0,1fr));
gap:16px;
}
.home-v2-product-card{
position:relative;
overflow:hidden;
border:1px solid #dde5ed;
border-radius:8px;
background:#fff;
box-shadow:0 14px 34px rgba(15,23,42,.07);
}
.home-v2-product-card>a{
display:block;
height:144px;
overflow:hidden;
background:#f1f5f9;
}
.home-v2-product-card>a img{
width:100%;
height:100%;
display:block;
object-fit:cover;
object-position:center;
}
.home-v2-sale-badge{
position:absolute;
top:118px;
left:12px;
z-index:2;
display:inline-flex;
align-items:center;
min-height:24px;
border-radius:999px;
padding:0 10px;
background:#ff643d;
color:#fff;
font-size:10px;
font-weight:900;
}
.home-v2-product-card>div{
padding:12px 13px 13px;
}
.home-v2-product-card h3{
min-height:34px;
margin:0;
font-size:12px;
line-height:1.28;
font-weight:900;
color:#172132;
}
.home-v2-product-card p{
margin:8px 0 0;
font-size:11px;
font-weight:700;
color:#64748b;
}
.home-v2-product-card span{
display:block;
margin-top:8px;
font-size:11px;
font-weight:800;
color:#f5b521;
}
.home-v2-product-card span small{
color:#64748b;
}
.home-v2-product-card strong{
display:block;
margin-top:6px;
font-size:20px;
line-height:1.15;
font-weight:900;
color:#172132;
}
.home-v2-product-card .home-v2-tax-note{
display:block;
margin-top:2px;
font-size:11px;
font-weight:800;
color:#64748b;
}
.home-v2-product-card>div>div{
display:grid;
grid-template-columns:minmax(0,1fr) 34px;
gap:8px;
margin-top:12px;
}
.home-v2-product-card>div>div a,
.home-v2-product-card button{
min-height:34px;
display:inline-flex;
align-items:center;
justify-content:center;
border:1px solid #e0e7ef;
border-radius:7px;
background:#fff;
font-size:11px;
font-weight:900;
color:#172132;
}
.home-v2-product-card button{
width:34px;
padding:0;
color:var(--home-v2-green);
background:#effbf4;
cursor:pointer;
}
.home-v2-product-card button svg{
width:18px;
height:18px;
}
.home-v2-benefits{
padding-bottom:34px;
}
.home-v2-benefits .home-v2-shell{
display:grid;
grid-template-columns:repeat(5,minmax(0,1fr));
overflow:hidden;
border:1px solid #e5edf3;
border-radius:8px;
background:#fff;
box-shadow:0 16px 42px rgba(15,23,42,.05);
}
.home-v2-benefits span{
display:grid;
grid-template-columns:34px minmax(0,1fr);
gap:3px 12px;
align-items:center;
padding:18px 20px;
border-right:1px solid #edf1f5;
}
.home-v2-benefits span:last-child{
border-right:0;
}
.home-v2-benefits svg{
grid-row:1 / span 2;
width:34px;
height:34px;
padding:9px;
border-radius:8px;
color:var(--home-v2-green);
background:#e9f9f0;
}
.home-v2-benefits b{
font-size:12px;
line-height:1.2;
font-weight:900;
}
.home-v2-benefits small{
font-size:11px;
line-height:1.25;
font-weight:700;
color:#65758b;
}
.home-v2-process{
padding:8px 0 34px;
}
.home-v2-process .home-v2-shell{
display:grid;
grid-template-columns:210px minmax(0,1fr);
gap:32px;
align-items:start;
}
.home-v2-process-title p{
margin:8px 0 0;
font-size:13px;
font-weight:700;
color:#65758b;
}
.home-v2-process-grid{
display:grid;
grid-template-columns:repeat(4,minmax(0,1fr));
gap:26px;
}
.home-v2-process-grid article{
position:relative;
min-width:0;
}
.home-v2-process-grid article::before{
content:"";
position:absolute;
top:24px;
left:54px;
right:-28px;
height:1px;
border-top:1px dashed #bed5e3;
}
.home-v2-process-grid article:last-child::before{
display:none;
}
.home-v2-process-grid article>span{
width:54px;
height:54px;
display:flex;
align-items:center;
justify-content:center;
border-radius:50%;
background:#def8e9;
color:#14964b;
}
.home-v2-process-grid article>span svg{
width:25px;
height:25px;
}
.home-v2-process-grid b{
position:absolute;
top:-20px;
left:0;
font-size:16px;
font-weight:900;
}
.home-v2-process-grid h3{
margin:12px 0 0;
font-size:13px;
line-height:1.25;
font-weight:900;
}
.home-v2-process-grid p{
margin:7px 0 0;
font-size:11px;
line-height:1.45;
font-weight:700;
color:#65758b;
}
.home-v2-quality{
padding:0 0 38px;
}
.home-v2-quality-grid{
display:grid;
grid-template-columns:minmax(250px,.85fr) minmax(390px,1.2fr) minmax(285px,1fr);
overflow:hidden;
border:1px solid #dde5ed;
border-radius:8px;
background:#fff;
box-shadow:0 16px 45px rgba(15,23,42,.05);
}
.home-v2-quality article{
padding:34px 34px;
}
.home-v2-quality h2{
margin:0;
font-size:25px;
line-height:1.15;
font-weight:900;
}
.home-v2-quality article>p{
margin:10px 0 22px;
font-size:13px;
line-height:1.55;
font-weight:700;
color:#65758b;
}
.home-v2-quality article span{
display:grid;
grid-template-columns:34px minmax(0,1fr);
gap:2px 12px;
align-items:start;
margin-top:18px;
}
.home-v2-quality article span svg,
.home-v2-quality li svg{
width:28px;
height:28px;
padding:8px;
border-radius:50%;
color:var(--home-v2-green);
background:#e9f9f0;
}
.home-v2-quality article span b{
font-size:13px;
line-height:1.2;
font-weight:900;
}
.home-v2-quality article span small{
font-size:11px;
line-height:1.35;
font-weight:700;
color:#65758b;
}
.home-v2-quality-image{
min-height:332px;
}
.home-v2-quality-image img{
width:100%;
height:100%;
display:block;
object-fit:cover;
object-position:center;
filter:grayscale(1);
}
.home-v2-quality ul{
display:grid;
gap:13px;
margin:0 0 24px;
padding:0;
list-style:none;
}
.home-v2-quality li{
display:flex;
align-items:center;
gap:10px;
font-size:13px;
font-weight:900;
color:#334155;
}
.home-v2-quality a{
min-height:42px;
display:inline-flex;
align-items:center;
justify-content:center;
border:1px solid #dbe4ed;
border-radius:7px;
padding:0 18px;
font-size:12px;
font-weight:900;
color:#172132;
background:#fff;
}
.home-v2-faq{
padding-bottom:28px;
}
.home-v2-faq h2{
margin-bottom:18px;
}
.home-v2-faq-grid{
display:grid;
grid-template-columns:repeat(2,minmax(0,1fr));
gap:12px 18px;
}
.home-v2-faq details{
border:1px solid #dde5ed;
border-radius:8px;
background:#fff;
}
.home-v2-faq summary{
min-height:50px;
display:flex;
align-items:center;
justify-content:space-between;
gap:16px;
padding:0 20px;
font-size:13px;
font-weight:900;
cursor:pointer;
}
.home-v2-faq summary::after{
content:"+";
font-size:18px;
line-height:1;
}
.home-v2-faq details[open] summary::after{
content:"-";
}
.home-v2-faq details p{
margin:0;
padding:0 20px 16px;
font-size:13px;
color:#65758b;
}
.home-v2-final-cta{
padding-bottom:42px;
}
.home-v2-final-cta .home-v2-shell{
min-height:86px;
display:flex;
align-items:center;
justify-content:space-between;
gap:24px;
border:1px solid #dde5ed;
border-radius:8px;
padding:18px 26px;
background:#fff;
}
.home-v2-final-cta .home-v2-shell>div{
display:grid;
grid-template-columns:54px minmax(0,1fr);
gap:2px 16px;
align-items:center;
}
.home-v2-final-cta span{
grid-row:1 / span 2;
width:54px;
height:54px;
display:flex;
align-items:center;
justify-content:center;
border-radius:50%;
color:var(--home-v2-green);
background:#e9f9f0;
}
.home-v2-final-cta svg{
width:26px;
height:26px;
}
.home-v2-final-cta strong{
font-size:21px;
line-height:1.2;
font-weight:900;
}
.home-v2-final-cta p{
margin:0;
font-size:13px;
font-weight:700;
color:#65758b;
}
.home-v2-final-cta a{
min-height:46px;
display:inline-flex;
align-items:center;
justify-content:center;
border-radius:7px;
padding:0 28px;
background:var(--home-v2-green);
color:#fff;
font-size:13px;
font-weight:900;
box-shadow:0 12px 28px rgba(33,191,99,.2);
}
.home-v2-footer{
border-top:1px solid #edf1f5;
background:#fff;
}
.home-v2-footer>.home-v2-shell{
display:grid;
grid-template-columns:1.6fr repeat(3,1fr) 1.35fr;
gap:42px;
padding:38px 0 28px;
}
.home-v2-footer img{
width:152px;
height:auto;
margin-bottom:18px;
}
.home-v2-footer p,
.home-v2-footer a,
.home-v2-footer span{
font-size:13px;
line-height:1.65;
font-weight:700;
color:#65758b;
}
.home-v2-footer b{
display:block;
margin-bottom:12px;
font-size:13px;
font-weight:900;
color:#172132;
}
.home-v2-footer nav,
.home-v2-footer address{
display:grid;
align-content:start;
gap:8px;
font-style:normal;
}
.home-v2-footer>small{
display:block;
border-top:1px solid #edf1f5;
padding:15px 0;
font-size:12px;
font-weight:700;
color:#94a3b8;
}

@media(max-width:1180px){
.home-v2-header .home-v2-shell{
grid-template-columns:auto minmax(0,1fr) 230px 42px 42px;
gap:14px;
}
.home-v2-header nav{
gap:16px;
font-size:11px;
}
.home-v2-header form{
width:230px;
}
.home-v2-hero-grid{
grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);
gap:24px;
}
.home-v2-hero-copy h1{
font-size:48px;
}
.home-v2-category-grid,
.home-v2-product-grid{
gap:12px;
}
.home-v2-references span{
font-size:16px;
}
.home-v2-quality-grid{
grid-template-columns:minmax(220px,.86fr) minmax(320px,1.12fr) minmax(250px,1fr);
}
}

@media(max-width:820px){
.home-v2{
font-size:15px;
}
.home-v2-shell,
.home-v2-footer>small{
width:min(100% - 28px, 430px);
}
.home-v2-topline{
min-height:0;
}
.home-v2-topline .home-v2-shell{
grid-template-columns:repeat(2,minmax(0,1fr));
gap:7px 10px;
min-height:0;
padding:8px 0;
}
.home-v2-topline span,
.home-v2-topline a{
font-size:10px;
gap:5px;
white-space:normal;
}
.home-v2-topline span svg{
width:16px;
height:16px;
padding:4px;
flex:0 0 auto;
}
.home-v2-topline a:nth-last-child(2){
justify-self:start;
}
.home-v2-header{
min-height:0;
}
.home-v2-header .home-v2-shell{
grid-template-columns:1fr 44px 44px;
gap:10px;
min-height:0;
padding:12px 0;
}
.home-v2-logo{
min-width:0;
}
.home-v2-logo img{
width:146px;
}
.home-v2-head-icon{
width:44px;
height:44px;
}
.home-v2-header form{
grid-column:1 / -1;
order:4;
width:100%;
}
.home-v2-header input{
height:44px;
font-size:12px;
}
.home-v2-header nav{
grid-column:1 / -1;
order:5;
justify-content:flex-start;
gap:18px;
overflow-x:auto;
padding:2px 1px 6px;
font-size:12px;
scrollbar-width:none;
}
.home-v2-header nav::-webkit-scrollbar{
display:none;
}
.home-v2-hero-grid{
display:flex;
flex-direction:column;
gap:18px;
min-height:0;
padding:20px 0 24px;
}
.home-v2-hero-copy{
order:1;
width:100%;
padding:0;
}
.home-v2-hero-copy>p{
margin-bottom:8px;
font-size:13px;
}
.home-v2-hero-copy h1{
max-width:100%;
font-size:40px;
line-height:1;
}
.home-v2-hero-copy>em{
max-width:100%;
margin-top:12px;
font-size:14px;
line-height:1.55;
}
.home-v2-hero-points{
grid-template-columns:1fr;
gap:8px;
max-width:100%;
margin-top:16px;
}
.home-v2-hero-points span{
min-height:52px;
grid-template-columns:32px minmax(0,1fr);
padding:9px 12px;
}
.home-v2-hero-points b{
font-size:12px;
}
.home-v2-hero-points small{
font-size:11px;
}
.home-v2-actions{
display:grid;
grid-template-columns:1fr;
gap:10px;
margin-top:14px;
}
.home-v2-primary,
.home-v2-secondary{
width:100%;
min-height:46px;
font-size:13px;
}
.home-v2-rating{
flex-wrap:wrap;
margin-top:14px;
}
.home-v2-rating span{
width:22px;
height:22px;
}
.home-v2-rating strong{
font-size:13px;
}
.home-v2-rating small{
font-size:11px;
}
.home-v2-hero-visual{
order:2;
width:100%;
min-height:0;
aspect-ratio:1.22;
border-radius:10px;
}
.home-v2-hero-visual::before{
width:26%;
}
.home-v2-hero-visual img{
object-position:center;
}
.home-v2-hero-visual>.home-v2-float{
min-width:154px;
min-height:58px;
grid-template-columns:34px minmax(0,1fr);
gap:1px 9px;
padding:10px 12px;
border-radius:8px;
box-shadow:0 12px 28px rgba(15,23,42,.15);
}
.home-v2-hero-visual>.home-v2-float svg{
width:34px;
height:34px;
padding:8px;
}
.home-v2-hero-visual>.home-v2-float b{
font-size:11px;
}
.home-v2-hero-visual>.home-v2-float small{
font-size:9px;
}
.home-v2-float-top{
top:12px;
right:12px;
}
.home-v2-float-bottom{
right:12px;
bottom:12px;
}
.home-v2-categories{
padding-top:24px;
padding-bottom:16px;
}
.home-v2-section-head{
align-items:flex-start;
gap:8px;
margin-bottom:12px;
}
.home-v2-section-head h2,
.home-v2-process-title h2,
.home-v2-faq h2{
font-size:22px;
}
.home-v2-section-head a{
font-size:11px;
}
.home-v2-category-grid,
.home-v2-product-grid,
.home-v2-faq-grid{
grid-template-columns:1fr;
gap:12px;
}
.home-v2-category-card{
min-height:142px;
padding:16px 16px 0;
}
.home-v2-category-card strong{
font-size:14px;
}
.home-v2-category-card p{
max-width:210px;
font-size:11px;
}
.home-v2-category-card img{
width:68%;
height:88px;
}
.home-v2-references{
padding:8px 0 18px;
}
.home-v2-references .home-v2-shell{
display:block;
}
.home-v2-references h2{
font-size:20px;
margin-bottom:10px;
}
.home-v2-references .home-v2-shell>div{
justify-content:flex-start;
gap:18px;
overflow-x:auto;
padding-bottom:4px;
scrollbar-width:none;
}
.home-v2-references .home-v2-shell>div::-webkit-scrollbar{
display:none;
}
.home-v2-references span{
font-size:15px;
}
.home-v2-products{
padding-top:12px;
padding-bottom:20px;
}
.home-v2-product-card>a{
height:184px;
}
.home-v2-sale-badge{
top:148px;
left:12px;
font-size:10px;
}
.home-v2-product-card>div{
padding:13px 14px 14px;
}
.home-v2-product-card h3{
min-height:0;
font-size:13px;
}
.home-v2-product-card p,
.home-v2-product-card span,
.home-v2-product-card .home-v2-tax-note{
font-size:11px;
}
.home-v2-product-card strong{
font-size:20px;
}
.home-v2-benefits{
padding-bottom:24px;
}
.home-v2-benefits .home-v2-shell{
grid-template-columns:1fr;
}
.home-v2-benefits span{
border-right:0;
border-bottom:1px solid #edf1f5;
padding:14px 16px;
}
.home-v2-benefits span:last-child{
border-bottom:0;
}
.home-v2-benefits b{
font-size:12px;
}
.home-v2-benefits small{
font-size:11px;
}
.home-v2-process{
padding:4px 0 24px;
}
.home-v2-process .home-v2-shell{
grid-template-columns:1fr;
gap:18px;
}
.home-v2-process-title p{
font-size:12px;
}
.home-v2-process-grid{
grid-template-columns:1fr;
gap:12px;
}
.home-v2-process-grid article{
display:grid;
grid-template-columns:54px minmax(0,1fr);
gap:2px 14px;
align-items:center;
border:1px solid #e5edf3;
border-radius:8px;
padding:14px;
background:#fff;
}
.home-v2-process-grid article::before{
display:none;
}
.home-v2-process-grid article>span{
grid-row:1 / span 3;
width:46px;
height:46px;
}
.home-v2-process-grid b{
position:static;
font-size:12px;
line-height:1;
color:#16a34a;
}
.home-v2-process-grid h3{
margin:0;
font-size:13px;
}
.home-v2-process-grid p{
margin:0;
font-size:11px;
}
.home-v2-quality{
padding-bottom:24px;
}
.home-v2-quality-grid{
grid-template-columns:1fr;
}
.home-v2-quality-image{
order:-1;
min-height:260px;
}
.home-v2-quality article{
padding:22px 20px;
}
.home-v2-quality h2{
font-size:21px;
}
.home-v2-quality article>p{
margin-bottom:16px;
font-size:12px;
}
.home-v2-quality article span{
margin-top:13px;
}
.home-v2-quality li{
font-size:12px;
}
.home-v2-faq{
padding-bottom:22px;
}
.home-v2-faq h2{
margin-bottom:12px;
}
.home-v2-faq summary{
min-height:48px;
padding:0 14px;
font-size:12px;
}
.home-v2-faq details p{
padding:0 14px 14px;
font-size:12px;
}
.home-v2-final-cta{
padding-bottom:28px;
}
.home-v2-final-cta .home-v2-shell{
display:grid;
grid-template-columns:1fr;
gap:14px;
min-height:0;
padding:18px;
}
.home-v2-final-cta .home-v2-shell>div{
grid-template-columns:46px minmax(0,1fr);
gap:2px 13px;
}
.home-v2-final-cta span{
width:46px;
height:46px;
}
.home-v2-final-cta strong{
font-size:18px;
}
.home-v2-final-cta p{
font-size:12px;
}
.home-v2-final-cta a{
width:100%;
min-height:46px;
font-size:13px;
}
.home-v2-footer>.home-v2-shell{
grid-template-columns:1fr;
gap:22px;
padding:28px 0 22px;
}
.home-v2-footer img{
width:142px;
margin-bottom:12px;
}
.home-v2-footer p,
.home-v2-footer a,
.home-v2-footer span{
font-size:12px;
line-height:1.55;
}
.home-v2-footer b{
font-size:13px;
margin-bottom:6px;
}
.home-v2-footer nav,
.home-v2-footer address{
gap:5px;
}
.home-v2-footer>small{
font-size:11px;
}
}

@media(max-width:420px){
.home-v2-shell,
.home-v2-footer>small{
width:calc(100% - 24px);
}
.home-v2-topline .home-v2-shell{
grid-template-columns:1fr 1fr;
}
.home-v2-logo img{
width:132px;
}
.home-v2-hero-copy h1{
font-size:35px;
}
.home-v2-hero-visual{
aspect-ratio:1.03;
}
.home-v2-hero-visual::before{
width:22%;
}
.home-v2-hero-visual>.home-v2-float{
min-width:136px;
grid-template-columns:30px minmax(0,1fr);
padding:8px 10px;
}
.home-v2-hero-visual>.home-v2-float svg{
width:30px;
height:30px;
padding:7px;
}
.home-v2-hero-visual>.home-v2-float b{
font-size:10px;
}
.home-v2-hero-visual>.home-v2-float small{
font-size:8px;
}
.home-v2-category-card img{
width:72%;
}
.home-v2-product-card>a{
height:170px;
}
.home-v2-sale-badge{
top:136px;
}
.home-v2-quality-image{
min-height:232px;
}
}

/* Homepage V2 flow fixes that must win over older density rules */
.home-v2-topline,
.home-v2-header{
height:auto;
}
.home-v2-topline .home-v2-shell,
.home-v2-header .home-v2-shell{
height:auto;
}
.home-v2-header form{
margin-left:0;
}

@media(max-width:820px){
.home-v2-shell,
.home-v2-footer>small{
width:calc(100% - 28px);
max-width:430px;
}
.home-v2-topline,
.home-v2-header{
height:auto;
}
.home-v2-topline .home-v2-shell,
.home-v2-header .home-v2-shell{
height:auto;
}
.home-v2-header nav,
.home-v2-header form{
width:100%;
margin-left:0;
}
.home-v2-hero-grid{
clear:both;
}
.home-v2-hero-visual{
overflow:hidden;
}
}

@media(max-width:420px){
.home-v2-shell,
.home-v2-footer>small{
width:calc(100% - 24px);
max-width:none;
}
}

@media(max-width:820px){
.home-v2-shell,
.home-v2-footer>small{
width:auto;
max-width:none;
margin-left:14px;
margin-right:14px;
}
.home-v2-header .home-v2-shell{
grid-template-columns:minmax(0,1fr) 40px 40px;
gap:8px;
}
.home-v2-logo img{
width:140px;
max-width:100%;
}
.home-v2-head-icon{
width:40px;
height:40px;
}
.home-v2-hero-visual>.home-v2-float{
width:144px;
min-width:0;
max-width:calc(100% - 20px);
}
.home-v2-product-card>div>div{
grid-template-columns:1fr;
}
.home-v2-product-card button{
display:none;
}
}

@media(max-width:420px){
.home-v2-shell,
.home-v2-footer>small{
margin-left:12px;
margin-right:12px;
}
.home-v2-hero-visual>.home-v2-float{
width:132px;
}
}

/* Homepage V2 requested polish: larger desktop, V1 references, own-product carousel */
.home-v2 .home-v2-shell{
width:min(1280px,calc(100% - 64px));
}
.home-v2-topline .home-v2-shell{
font-size:13px;
}
.home-v2-header-lg{
min-height:92px;
}
.home-v2-header-lg .home-v2-shell{
width:min(1440px,calc(100% - 64px));
display:grid;
grid-template-columns:auto minmax(0,1fr) minmax(300px,360px) 56px 56px;
align-items:center;
gap:24px;
}
.home-v2-header-lg .home-v2-logo img{
width:220px;
}
.home-v2-header-lg nav{
gap:22px;
justify-content:flex-start;
font-size:15px;
font-weight:850;
white-space:nowrap;
}
.home-v2-header-lg form{
align-self:center;
width:100%;
margin:0;
}
.home-v2-header-lg input{
height:56px;
padding:0 26px;
font-size:15px;
background:#fbfcfd;
}
.home-v2-header-lg .home-v2-head-icon{
width:56px;
height:56px;
}
.home-v2-header-lg .home-v2-head-icon svg{
width:25px;
height:25px;
}
.home-v2-hero-grid{
min-height:570px;
grid-template-columns:minmax(430px,.86fr) minmax(560px,1.14fr);
}
.home-v2-hero-copy{
padding:64px 0;
}
.home-v2-hero-copy>p{
font-size:17px;
font-weight:800;
}
.home-v2-hero-copy h1{
max-width:680px;
font-size:70px;
line-height:.98;
}
.home-v2-hero-copy>em{
max-width:560px;
font-size:17px;
line-height:1.65;
}
.home-v2-hero-points{
grid-template-columns:repeat(3,minmax(0,1fr));
gap:14px;
max-width:630px;
}
.home-v2-hero-points span{
min-width:0;
min-height:72px;
padding:14px 16px;
border-radius:12px;
}
.home-v2-actions{
margin-top:34px;
}
.home-v2-primary,
.home-v2-secondary{
min-height:58px;
border-radius:11px;
font-size:16px;
}
.home-v2-primary{
min-width:286px;
}
.home-v2-secondary{
min-width:210px;
}
.home-v2-primary svg,
.home-v2-final-cta svg{
width:22px;
height:22px;
}
.home-v2-rating{
gap:6px;
margin-top:30px;
font-size:16px;
}
.home-v2-rating span{
width:34px;
height:34px;
margin-left:-11px;
overflow:hidden;
background:#d6b6a6;
box-shadow:0 10px 22px rgba(15,23,42,.18);
}
.home-v2-rating span:first-child{
margin-left:0;
}
.home-v2-rating strong{
margin-left:12px;
font-size:18px;
}
.home-v2-rating small{
font-size:16px;
font-weight:800;
}
.home-v2-hero-visual{
min-height:570px;
border-radius:0 0 14px 14px;
}
.home-v2-hero-visual img{
object-position:center;
}
.home-v2-float{
grid-template-columns:54px auto;
gap:4px 16px;
min-width:245px;
padding:22px 24px;
border-radius:14px;
}
.home-v2-float svg{
width:50px;
height:50px;
padding:12px;
border-radius:13px;
}
.home-v2-float b{
font-size:17px;
}
.home-v2-float small{
font-size:14px;
}
.home-v2-float-top{
top:48px;
right:42px;
}
.home-v2-float-bottom{
right:42px;
bottom:46px;
}
.home-v2-categories{
padding:44px 0 38px;
}
.home-v2-section-head{
margin-bottom:24px;
}
.home-v2-section-head h2,
.home-v2-references h2,
.home-v2-process-title h2,
.home-v2-quality h2,
.home-v2-faq h2{
font-size:30px;
}
.home-v2-section-head a{
font-size:14px;
}
.home-v2-category-grid{
grid-template-columns:repeat(3,minmax(0,1fr));
gap:24px;
}
.home-v2-category-card-v1{
grid-template-columns:minmax(0,1fr) 176px;
min-height:246px;
border-radius:20px;
box-shadow:0 20px 48px rgba(15,23,42,.075);
}
.home-v2-category-card-v1 .home-v2-cat-top{
padding:22px 24px 0;
}
.home-v2-cat-icon{
width:48px;
height:48px;
border-radius:15px;
background:#f0faf3;
background:color-mix(in srgb,var(--cat-color,#22c55e) 12%,white);
color:var(--cat-color,#22c55e);
}
.home-v2-cat-icon svg{
width:22px;
height:22px;
}
.home-v2-cat-badge{
height:34px;
padding:0 16px;
border-radius:999px;
background:#f0faf3;
background:color-mix(in srgb,var(--cat-color,#22c55e) 12%,white);
color:var(--cat-color,#22c55e);
font-size:13px;
font-weight:900;
letter-spacing:0;
}
.home-v2-cat-badge::before{
content:"";
width:8px;
height:8px;
margin-right:9px;
border-radius:999px;
background:currentColor;
}
.home-v2-category-card-v1 strong{
padding:24px 24px 0;
font-size:30px;
line-height:1.08;
}
.home-v2-category-card-v1 p{
padding:16px 24px 0;
font-size:17px;
line-height:1.55;
}
.home-v2-cat-bottom{
padding:16px 24px 24px;
}
.home-v2-cat-count{
padding:11px 16px;
border-radius:999px;
background:#f8fafc;
font-size:14px;
font-weight:900;
}
.home-v2-cat-cta{
font-size:16px;
color:var(--cat-color,#22c55e);
}
.home-v2-cat-cta em{
width:42px;
height:42px;
background:var(--cat-color,#22c55e);
font-size:24px;
}
.home-v2-cat-image{
margin:24px 20px 24px 0;
border-radius:16px;
}
.home-v2-cat-image img{
height:100%;
object-position:center;
}
.home-v2-cat-features{
width:max-content;
max-width:100%;
margin:26px auto 0;
padding:14px 28px;
border:1px solid #e7edf3;
border-radius:999px;
background:#fff;
box-shadow:0 14px 34px rgba(15,23,42,.06);
font-size:14px;
}
.home-v2-references-v1{
padding:46px 0 48px;
background:#fafbfc;
}
.home-v2-references-v1 .home-v2-shell{
width:min(1280px,calc(100% - 64px));
display:grid;
grid-template-columns:minmax(0,420px) minmax(0,1fr);
align-items:end;
gap:40px;
}
.home-v2-ref-header{
min-width:0;
}
.home-v2-ref-header small{
display:inline-flex;
align-items:center;
height:34px;
padding:0 18px 0 8px;
border:1px solid #dfeee5;
border-radius:999px;
background:#f7fbf8;
font-size:14px;
letter-spacing:0;
}
.home-v2-ref-dot{
width:10px;
height:10px;
}
.home-v2-ref-header h2{
margin-top:16px;
font-size:42px;
line-height:1.08;
}
.home-v2-ref-subtitle{
max-width:650px;
font-size:20px;
line-height:1.55;
}
.home-v2-ref-track{
width:min(1280px,calc(100% - 64px));
margin:28px auto 0;
overflow:hidden;
}
.home-v2-ref-scroll{
gap:18px;
padding:2px 0 8px;
}
.home-v2-ref-logo{
min-width:185px;
height:92px;
border-radius:18px;
box-shadow:0 10px 28px rgba(15,23,42,.055);
}
.home-v2-ref-logo img{
max-width:138px;
max-height:56px;
filter:grayscale(1);
opacity:.58;
}
.home-v2-ref-logo span{
font-size:18px;
color:#9aa1aa;
}
.home-v2-products{
padding:42px 0 34px;
}
.home-v2-product-scroll{
gap:18px;
padding:4px 2px 8px;
scroll-snap-type:x mandatory;
}
.home-v2-product-scroll .home-v2-product-card{
flex:0 0 calc((100% - 72px) / 5);
min-width:0;
scroll-snap-align:start;
}
.home-v2-product-card{
border-radius:10px;
box-shadow:0 16px 36px rgba(15,23,42,.08);
}
.home-v2-product-card>a{
height:168px;
}
.home-v2-product-card>a img{
width:100%;
height:100%;
object-fit:cover;
object-position:center;
}
.home-v2-product-card>div{
padding:14px 16px 16px;
}
.home-v2-product-card h3{
min-height:36px;
font-size:14px;
line-height:1.3;
}
.home-v2-product-card strong{
font-size:22px;
}
.home-v2-carousel-arrow{
width:50px;
height:50px;
}
.home-v2-carousel-next{
right:-25px;
}
.home-v2-carousel-prev{
left:-25px;
}

@media(max-width:1180px){
.home-v2-header-lg .home-v2-shell{
grid-template-columns:auto minmax(0,1fr) 50px 50px;
}
.home-v2-header-lg form{
grid-column:1 / -1;
order:5;
}
.home-v2-category-grid{
grid-template-columns:repeat(2,minmax(0,1fr));
}
.home-v2-hero-copy h1{
font-size:58px;
}
.home-v2-product-scroll .home-v2-product-card{
flex-basis:calc((100% - 36px) / 3);
}
}

@media(max-width:820px){
.home-v2 .home-v2-shell,
.home-v2-footer>small{
width:auto;
max-width:none;
margin-left:16px;
margin-right:16px;
}
.home-v2-topline .home-v2-shell{
display:flex;
justify-content:flex-start;
gap:12px;
overflow-x:auto;
padding:8px 0;
font-size:11px;
scrollbar-width:none;
}
.home-v2-topline .home-v2-shell::-webkit-scrollbar{
display:none;
}
.home-v2-header-lg{
min-height:0;
}
.home-v2-header-lg .home-v2-shell{
width:auto;
grid-template-columns:minmax(0,1fr) 44px 44px;
gap:10px;
padding:12px 0;
}
.home-v2-header-lg .home-v2-logo img{
width:170px;
}
.home-v2-header-lg .home-v2-head-icon{
width:44px;
height:44px;
}
.home-v2-header-lg form{
grid-column:1 / -1;
order:4;
}
.home-v2-header-lg input{
height:46px;
font-size:13px;
}
.home-v2-header-lg nav{
grid-column:1 / -1;
order:5;
gap:18px;
overflow-x:auto;
padding:4px 1px 8px;
font-size:13px;
scrollbar-width:none;
}
.home-v2-header-lg nav::-webkit-scrollbar{
display:none;
}
.home-v2-hero-grid{
display:flex;
min-height:0;
padding:22px 0 30px;
}
.home-v2-hero-copy{
padding:0;
}
.home-v2-hero-copy>p{
font-size:13px;
}
.home-v2-hero-copy h1{
font-size:42px;
}
.home-v2-hero-copy>em{
font-size:14px;
line-height:1.55;
}
.home-v2-hero-points{
grid-template-columns:1fr;
gap:10px;
}
.home-v2-hero-points span{
min-height:58px;
}
.home-v2-actions{
display:grid;
grid-template-columns:1fr;
gap:10px;
}
.home-v2-primary,
.home-v2-secondary{
min-width:0;
width:100%;
min-height:50px;
font-size:14px;
}
.home-v2-rating{
gap:4px;
font-size:12px;
}
.home-v2-rating span{
width:28px;
height:28px;
margin-left:-9px;
}
.home-v2-rating strong{
font-size:15px;
}
.home-v2-rating small{
font-size:12px;
}
.home-v2-hero-visual{
min-height:0;
aspect-ratio:1.18;
border-radius:12px;
}
.home-v2-hero-visual::before{
width:28%;
}
.home-v2-float{
grid-template-columns:38px minmax(0,1fr);
min-width:0;
width:168px;
padding:11px 12px;
border-radius:10px;
}
.home-v2-float svg{
width:36px;
height:36px;
padding:8px;
border-radius:9px;
}
.home-v2-float b{
font-size:12px;
}
.home-v2-float small{
font-size:10px;
}
.home-v2-float-top{
top:12px;
right:12px;
}
.home-v2-float-bottom{
right:12px;
bottom:12px;
}
.home-v2-categories{
padding:28px 0 24px;
}
.home-v2-section-head{
align-items:flex-start;
margin-bottom:14px;
}
.home-v2-section-head h2,
.home-v2-references h2,
.home-v2-process-title h2,
.home-v2-quality h2,
.home-v2-faq h2{
font-size:23px;
}
.home-v2-category-grid{
grid-template-columns:1fr;
gap:14px;
}
.home-v2-category-card-v1{
grid-template-columns:minmax(0,1fr) 128px;
min-height:184px;
border-radius:14px;
}
.home-v2-category-card-v1 .home-v2-cat-top{
padding:15px 16px 0;
}
.home-v2-cat-icon{
width:38px;
height:38px;
border-radius:11px;
}
.home-v2-cat-badge{
height:28px;
padding:0 11px;
font-size:11px;
}
.home-v2-category-card-v1 strong{
padding:16px 16px 0;
font-size:22px;
}
.home-v2-category-card-v1 p{
padding:9px 16px 0;
font-size:13px;
line-height:1.45;
}
.home-v2-cat-bottom{
padding:12px 16px 16px;
}
.home-v2-cat-count{
padding:8px 11px;
font-size:12px;
}
.home-v2-cat-cta{
font-size:0;
}
.home-v2-cat-cta em{
width:34px;
height:34px;
font-size:19px;
}
.home-v2-cat-image{
margin:14px 14px 14px 0;
border-radius:12px;
}
.home-v2-cat-features{
display:grid;
grid-template-columns:16px minmax(0,1fr);
width:100%;
gap:8px 8px;
margin-top:16px;
padding:14px 16px;
border-radius:14px;
font-size:12px;
}
.home-v2-cat-features svg{
margin-left:0;
}
.home-v2-references-v1{
padding:32px 0;
}
.home-v2-references-v1 .home-v2-shell{
width:auto;
display:block;
}
.home-v2-ref-header small{
height:30px;
font-size:12px;
}
.home-v2-ref-header h2{
font-size:30px;
}
.home-v2-ref-subtitle{
margin-top:10px;
text-align:left;
font-size:14px;
}
.home-v2-ref-track{
width:auto;
margin:18px 16px 0;
}
.home-v2-ref-logo{
min-width:148px;
height:76px;
border-radius:14px;
}
.home-v2-products{
padding:28px 0 24px;
}
.home-v2-product-scroll{
gap:14px;
padding-bottom:10px;
}
.home-v2-product-scroll .home-v2-product-card{
flex:0 0 min(82vw,330px);
}
.home-v2-product-card>a{
height:190px;
}
.home-v2-product-card h3{
font-size:14px;
}
.home-v2-carousel-arrow{
display:none;
}
}

@media(max-width:420px){
.home-v2 .home-v2-shell,
.home-v2-footer>small{
margin-left:12px;
margin-right:12px;
}
.home-v2-header-lg .home-v2-logo img{
width:152px;
}
.home-v2-hero-copy h1{
font-size:37px;
}
.home-v2-hero-visual{
aspect-ratio:1.05;
}
.home-v2-category-card-v1{
grid-template-columns:minmax(0,1fr) 112px;
}
.home-v2-category-card-v1 strong{
font-size:20px;
}
.home-v2-category-card-v1 p{
font-size:12px;
}
.home-v2-cat-badge{
font-size:10px;
}
}

/* Homepage V2 compact final override */
.home-v2-hero-grid{
min-height:440px;
gap:28px;
}
.home-v2-hero-copy{
padding:30px 0;
}
.home-v2-hero-copy>em{
margin-top:12px;
line-height:1.52;
}
.home-v2-hero-points{
margin-top:16px;
}
.home-v2-actions{
margin-top:18px;
}
.home-v2-rating{
margin-top:16px;
}
.home-v2-hero-visual{
min-height:440px;
}
.home-v2-category-card-v1{
min-height:168px;
padding:14px 116px 14px 16px !important;
}
.home-v2-cat-icon{
width:36px;
height:36px;
border-radius:11px;
}
.home-v2-cat-icon svg{
width:18px;
height:18px;
}
.home-v2-cat-badge{
height:28px;
padding:0 11px;
font-size:11px;
}
.home-v2-cat-badge::before{
width:7px;
height:7px;
margin-right:7px;
}
.home-v2-category-card-v1 strong,
.home-v2-category-card-v1 p{
display:-webkit-box;
-webkit-box-orient:vertical;
overflow:hidden;
padding:0;
}
.home-v2-category-card-v1 strong{
-webkit-line-clamp:2;
margin-top:12px;
font-size:18px;
line-height:1.16;
}
.home-v2-category-card-v1 p{
-webkit-line-clamp:2;
margin-top:7px;
font-size:12px;
line-height:1.38;
}
.home-v2-cat-bottom{
padding:10px 0 0;
}
.home-v2-cat-count{
padding:7px 10px;
font-size:12px;
}
.home-v2-cat-cta{
font-size:14px;
}
.home-v2-cat-cta em{
width:32px;
height:32px;
font-size:18px;
}
.home-v2-cat-image{
top:14px;
right:14px;
bottom:14px;
width:90px;
border-radius:12px;
}
.home-v2-bottom-whatsapp{
padding:32px 0 36px;
background:#fff;
}
.home-v2-bottom-whatsapp .hb-container{
width:min(1200px,calc(100% - 64px));
}

@media(max-width:820px){
.home-v2-hero-grid{
min-height:0;
gap:16px;
padding:14px 0 18px;
}
.home-v2-hero-copy{
padding:0;
}
.home-v2-hero-copy>em{
margin-top:10px;
}
.home-v2-hero-points{
margin-top:14px;
}
.home-v2-actions,
.home-v2-rating{
margin-top:12px;
}
.home-v2-hero-visual{
min-height:0;
aspect-ratio:1.14;
}
.home-v2-category-card-v1{
min-height:150px;
padding:12px 100px 12px 14px !important;
}
.home-v2-cat-icon{
width:32px;
height:32px;
}
.home-v2-cat-badge{
height:25px;
padding:0 9px;
font-size:10px;
}
.home-v2-category-card-v1 strong{
margin-top:10px;
font-size:18px;
}
.home-v2-category-card-v1 p{
margin-top:6px;
font-size:11px;
}
.home-v2-cat-bottom{
padding-top:9px;
}
.home-v2-cat-count{
padding:6px 9px;
font-size:11px;
}
.home-v2-cat-cta em{
width:30px;
height:30px;
}
.home-v2-cat-image{
top:12px;
right:12px;
bottom:12px;
width:80px;
}
.home-v2-bottom-whatsapp{
padding:24px 0 28px;
}
.home-v2-bottom-whatsapp .hb-container{
width:min(calc(100vw - 32px),720px);
}
}

@media(max-width:420px){
.home-v2-category-card-v1{
padding-right:88px !important;
}
.home-v2-category-card-v1 strong{
font-size:17px;
}
.home-v2-cat-image{
width:70px;
}
.home-v2-cat-badge{
max-width:100%;
}
.home-v2-bottom-whatsapp .hb-container{
width:min(calc(100vw - 28px),720px);
}
}

/* Homepage V2 hero and quality density tweak */
.home-v2-hero-grid{
min-height:440px;
gap:28px;
}
.home-v2-hero-copy{
padding:30px 0;
}
.home-v2-hero-copy>em{
margin-top:12px;
line-height:1.52;
}
.home-v2-hero-points{
margin-top:16px;
}
.home-v2-actions{
margin-top:18px;
}
.home-v2-rating{
margin-top:16px;
}
.home-v2-hero-visual{
min-height:440px;
}
.home-v2-quality{
padding:10px 0 42px;
}
.home-v2-quality-grid{
min-height:0;
}
.home-v2-quality article{
padding:28px 30px;
}
.home-v2-quality article::before{
margin-bottom:16px;
}
.home-v2-quality h2{
font-size:29px;
}
.home-v2-quality article>p{
margin:10px 0 18px;
line-height:1.48;
}
.home-v2-quality article span{
margin-top:9px;
padding:10px 12px;
border-radius:14px;
}
.home-v2-quality article span svg,
.home-v2-quality li svg{
width:32px;
height:32px;
padding:8px;
}
.home-v2-quality-image{
min-height:350px;
}
.home-v2-quality ul{
gap:10px;
margin:18px 0 0;
}
.home-v2-quality li{
min-height:48px;
padding:8px 12px;
border-radius:14px;
}

@media(max-width:820px){
.home-v2-hero-grid{
padding:14px 0 18px;
gap:14px;
}
.home-v2-hero-visual{
aspect-ratio:1.14;
}
.home-v2-quality{
padding:8px 0 28px;
}
.home-v2-quality article{
padding:22px 18px;
}
.home-v2-quality-image{
min-height:220px;
}
}

/* Homepage V2 requested visual fixes */
.home-v2 .hb-top-wa-button{
color:#17493b!important;
background:#fff;
min-width:max-content;
}
.home-v2 .hb-top-wa-button:hover{
color:#0f3f32!important;
}
.home-v2 .hb-top-wa-button span{
color:inherit;
}
.home-v2-primary svg{
stroke:none;
fill:currentColor;
}
.home-v2-category-card-v1{
padding-right:158px!important;
}
.home-v2-cat-image{
width:132px;
}
.home-v2-quality{
padding:20px 0 58px;
background:linear-gradient(180deg,#fff 0%,#f7faf8 100%);
}
.home-v2-quality-grid{
grid-template-columns:minmax(250px,.88fr) minmax(360px,1.08fr) minmax(280px,.96fr);
gap:0;
overflow:hidden;
border:1px solid #dfeee5;
border-radius:24px;
background:#fff;
box-shadow:0 24px 58px rgba(15,23,42,.08);
}
.home-v2-quality article{
position:relative;
padding:38px 34px;
background:linear-gradient(180deg,#fff 0%,#f7fbf8 100%);
}
.home-v2-quality article:last-child{
background:linear-gradient(180deg,#fff 0%,#f9fbfd 100%);
}
.home-v2-quality article::before{
content:"";
display:block;
width:58px;
height:4px;
margin:0 0 22px;
border-radius:999px;
background:linear-gradient(90deg,#21bf63,#17493b);
}
.home-v2-quality h2{
margin:0;
color:#101827;
font-size:31px;
line-height:1.08;
font-weight:950;
}
.home-v2-quality article>p{
margin:12px 0 24px;
color:#5b6878;
font-size:14px;
line-height:1.6;
font-weight:750;
}
.home-v2-quality article span{
display:grid;
grid-template-columns:42px minmax(0,1fr);
gap:2px 13px;
align-items:center;
margin-top:12px;
padding:12px;
border:1px solid #e6f1eb;
border-radius:16px;
background:rgba(255,255,255,.88);
box-shadow:0 10px 24px rgba(15,23,42,.045);
}
.home-v2-quality article span svg,
.home-v2-quality li svg{
width:34px;
height:34px;
padding:9px;
border-radius:12px;
background:#e9f9f0;
color:#1fad58;
}
.home-v2-quality article span b{
font-size:14px;
line-height:1.18;
font-weight:950;
}
.home-v2-quality article span small{
color:#667085;
font-size:12px;
line-height:1.35;
font-weight:720;
}
.home-v2-quality-image{
position:relative;
min-height:410px;
background:#12201a;
}
.home-v2-quality-image::after{
content:"";
position:absolute;
inset:0;
background:linear-gradient(180deg,rgba(20,70,48,.08),rgba(20,70,48,.28));
pointer-events:none;
}
.home-v2-quality-image img{
width:100%;
height:100%;
display:block;
object-fit:cover;
object-position:center;
filter:saturate(1.04) contrast(1.06);
}
.home-v2-quality ul{
display:grid;
gap:12px;
margin:22px 0 26px;
padding:0;
list-style:none;
}
.home-v2-quality li{
display:flex;
align-items:center;
gap:12px;
min-height:54px;
padding:10px 12px;
border:1px solid #e6edf4;
border-radius:15px;
background:#fff;
color:#293546;
font-size:14px;
font-weight:920;
box-shadow:0 10px 22px rgba(15,23,42,.04);
}
.home-v2-quality li svg{
flex:0 0 34px;
}
.home-v2-quality article>a{
min-height:46px;
padding:0 20px;
border:1px solid #d8e4dc;
border-radius:13px;
background:#fff;
color:#17493b;
font-size:13px;
font-weight:950;
box-shadow:0 12px 24px rgba(15,23,42,.045);
}

@media(max-width:820px){
.home-v2 .hb-top-wa-button{
width:100%;
min-width:0;
}
.home-v2-category-card-v1{
padding-right:126px!important;
}
.home-v2-cat-image{
width:104px;
}
.home-v2-quality{
padding:10px 0 34px;
}
.home-v2-quality-grid{
grid-template-columns:1fr;
border-radius:18px;
}
.home-v2-quality-image{
order:0;
min-height:250px;
}
.home-v2-quality article{
padding:26px 20px;
}
.home-v2-quality h2{
font-size:25px;
}
.home-v2-quality article span,
.home-v2-quality li{
border-radius:14px;
}
}

@media(max-width:420px){
.home-v2-category-card-v1{
padding-right:106px!important;
}
.home-v2-cat-image{
width:88px;
}
}

/* Homepage V2 shared-header and density pass */
.home-v2{
min-height:0;
}
.home-v2-hero-grid{
min-height:440px;
gap:28px;
}
.home-v2-hero-copy{
padding:30px 0;
}
.home-v2-hero-copy>em{
margin-top:12px;
line-height:1.52;
}
.home-v2-hero-points{
margin-top:16px;
}
.home-v2-actions{
margin-top:18px;
}
.home-v2-rating{
margin-top:16px;
}
.home-v2-hero-visual{
min-height:440px;
}
.home-v2-category-card-v1{
min-height:168px;
padding:14px 116px 14px 16px !important;
}
.home-v2-cat-icon{
width:36px;
height:36px;
border-radius:11px;
}
.home-v2-cat-icon svg{
width:18px;
height:18px;
}
.home-v2-cat-badge{
height:28px;
padding:0 11px;
font-size:11px;
}
.home-v2-cat-badge::before{
width:7px;
height:7px;
margin-right:7px;
}
.home-v2-category-card-v1 strong,
.home-v2-category-card-v1 p{
display:-webkit-box;
-webkit-box-orient:vertical;
overflow:hidden;
}
.home-v2-category-card-v1 strong{
-webkit-line-clamp:2;
margin-top:12px;
font-size:18px;
line-height:1.16;
}
.home-v2-category-card-v1 p{
-webkit-line-clamp:2;
margin-top:7px;
font-size:12px;
line-height:1.38;
}
.home-v2-cat-bottom{
padding-top:10px;
}
.home-v2-cat-count{
padding:7px 10px;
font-size:12px;
}
.home-v2-cat-cta{
font-size:14px;
}
.home-v2-cat-cta em{
width:32px;
height:32px;
font-size:18px;
}
.home-v2-cat-image{
top:14px;
right:14px;
bottom:14px;
width:90px;
border-radius:12px;
}
.home-v2-bottom-whatsapp{
padding:32px 0 36px;
background:#fff;
}
.home-v2-bottom-whatsapp .hb-container{
width:min(1200px,calc(100% - 64px));
}

@media(max-width:820px){
.home-v2-hero-grid{
min-height:0;
gap:16px;
padding:14px 0 18px;
}
.home-v2-hero-copy>em{
margin-top:10px;
}
.home-v2-hero-points{
margin-top:14px;
}
.home-v2-actions,
.home-v2-rating{
margin-top:12px;
}
.home-v2-hero-visual{
min-height:0;
aspect-ratio:1.14;
}
.home-v2-category-card-v1{
min-height:150px;
padding:12px 100px 12px 14px !important;
}
.home-v2-cat-icon{
width:32px;
height:32px;
}
.home-v2-cat-badge{
height:25px;
padding:0 9px;
font-size:10px;
}
.home-v2-category-card-v1 strong{
margin-top:10px;
font-size:18px;
}
.home-v2-category-card-v1 p{
margin-top:6px;
font-size:11px;
}
.home-v2-cat-bottom{
padding-top:9px;
}
.home-v2-cat-count{
padding:6px 9px;
font-size:11px;
}
.home-v2-cat-cta em{
width:30px;
height:30px;
}
.home-v2-cat-image{
top:12px;
right:12px;
bottom:12px;
width:80px;
}
.home-v2-bottom-whatsapp{
padding:24px 0 28px;
}
.home-v2-bottom-whatsapp .hb-container{
width:min(calc(100vw - 32px),720px);
}
}

@media(max-width:420px){
.home-v2-category-card-v1{
padding-right:88px !important;
}
.home-v2-category-card-v1 strong{
font-size:17px;
}
.home-v2-cat-image{
width:70px;
}
.home-v2-cat-badge{
max-width:100%;
}
.home-v2-bottom-whatsapp .hb-container{
width:min(calc(100vw - 28px),720px);
}
}

/* Homepage V2 final correction pass after visual QA */
.home-v2 .home-v2-shell{
width:min(1200px,calc(100% - 64px));
max-width:1200px;
}
.home-v2-header-lg .home-v2-shell{
width:min(1360px,calc(100% - 64px));
max-width:1360px;
grid-template-columns:auto minmax(0,1fr) minmax(280px,320px) 54px 54px;
gap:20px;
}
.home-v2-header-lg .home-v2-logo img{
width:205px;
}
.home-v2-header-lg nav,
.home-v2-header-lg nav a{
font-size:14px !important;
}
.home-v2-header-lg nav{
gap:14px;
overflow:hidden;
}
.home-v2-header-lg nav a{
flex:0 0 auto;
}
.home-v2-header-lg input{
height:54px;
}
.home-v2-header-lg .home-v2-head-icon{
width:54px;
height:54px;
}
.home-v2-hero-copy,
.home-v2-hero-visual{
min-width:0;
}
.home-v2-hero-grid{
grid-template-columns:minmax(0,.84fr) minmax(0,1.16fr);
gap:36px;
}
.home-v2-hero-copy h1{
font-size:62px;
}
.home-v2-hero-visual{
width:100%;
max-width:100%;
}
.home-v2-hero-visual>.home-v2-float{
min-width:0;
}
.home-v2-category-card-v1{
position:relative;
display:block;
min-height:210px;
padding:20px 150px 20px 22px !important;
border-radius:18px;
}
.home-v2-category-card-v1 .home-v2-cat-top{
padding:0;
}
.home-v2-category-card-v1 strong,
.home-v2-category-card-v1 p{
position:relative;
z-index:1;
display:block;
padding:0;
}
.home-v2-category-card-v1 strong{
margin-top:18px;
font-size:22px;
line-height:1.12;
}
.home-v2-category-card-v1 p{
max-width:100%;
margin-top:10px;
font-size:13px;
line-height:1.52;
}
.home-v2-cat-bottom{
position:relative;
z-index:1;
padding:14px 0 0;
}
.home-v2-cat-image{
position:absolute;
top:20px;
right:18px;
bottom:20px;
width:118px;
margin:0;
overflow:hidden;
border-radius:14px;
}
.home-v2-cat-image img{
width:100%;
height:100%;
display:block;
object-fit:cover;
object-position:center;
margin:0;
}

@media(max-width:1320px){
.home-v2-header-lg .home-v2-shell{
grid-template-columns:auto minmax(0,1fr) 52px 52px;
}
.home-v2-header-lg form{
grid-column:1 / -1;
order:5;
}
}

@media(max-width:820px){
.home-v2 .home-v2-shell,
.home-v2-footer>small{
width:auto;
max-width:none;
margin-left:16px;
margin-right:16px;
}
.home-v2-header-lg .home-v2-shell{
width:auto;
max-width:none;
grid-template-columns:minmax(0,1fr) 44px 44px;
}
.home-v2-header-lg .home-v2-logo img{
width:168px;
}
.home-v2-header-lg form{
grid-column:1 / -1;
order:4;
}
.home-v2-header-lg nav{
grid-column:1 / -1;
order:5;
overflow-x:auto;
gap:18px;
}
.home-v2-hero-grid{
display:flex;
gap:18px;
}
.home-v2-hero-copy h1{
font-size:42px;
}
.home-v2-category-card-v1{
min-height:182px;
padding:16px 138px 16px 16px !important;
border-radius:14px;
}
.home-v2-category-card-v1 strong{
margin-top:15px;
font-size:21px;
}
.home-v2-category-card-v1 p{
margin-top:8px;
font-size:12px;
line-height:1.45;
}
.home-v2-cat-bottom{
padding-top:12px;
}
.home-v2-cat-image{
top:14px;
right:14px;
bottom:14px;
width:110px;
border-radius:12px;
}
}

@media(max-width:420px){
.home-v2 .home-v2-shell,
.home-v2-footer>small{
margin-left:12px;
margin-right:12px;
}
.home-v2-header-lg .home-v2-logo img{
width:152px;
}
.home-v2-hero-copy h1{
font-size:37px;
}
.home-v2-category-card-v1{
padding-right:122px !important;
}
.home-v2-cat-image{
width:98px;
}
.home-v2-cat-badge{
font-size:10px;
}
}

/* Homepage V2 compact final override */
.home-v2-hero-grid{
min-height:440px;
gap:28px;
}
.home-v2-hero-copy{
padding:30px 0;
}
.home-v2-hero-copy>em{
margin-top:12px;
line-height:1.52;
}
.home-v2-hero-points{
margin-top:16px;
}
.home-v2-actions{
margin-top:18px;
}
.home-v2-rating{
margin-top:16px;
}
.home-v2-hero-visual{
min-height:440px;
}
.home-v2-category-card-v1{
min-height:168px;
padding:14px 142px 14px 16px !important;
}
.home-v2-cat-icon{
width:36px;
height:36px;
border-radius:11px;
}
.home-v2-cat-icon svg{
width:18px;
height:18px;
}
.home-v2-cat-badge{
height:28px;
padding:0 11px;
font-size:11px;
}
.home-v2-cat-badge::before{
width:7px;
height:7px;
margin-right:7px;
}
.home-v2-category-card-v1 strong,
.home-v2-category-card-v1 p{
display:-webkit-box;
-webkit-box-orient:vertical;
overflow:hidden;
padding:0;
}
.home-v2-category-card-v1 strong{
-webkit-line-clamp:2;
margin-top:12px;
font-size:18px;
line-height:1.16;
}
.home-v2-category-card-v1 p{
-webkit-line-clamp:2;
margin-top:7px;
font-size:12px;
line-height:1.38;
}
.home-v2-cat-bottom{
padding:10px 0 0;
}
.home-v2-cat-count{
padding:7px 10px;
font-size:12px;
}
.home-v2-cat-cta{
font-size:14px;
}
.home-v2-cat-cta em{
width:32px;
height:32px;
font-size:18px;
}
.home-v2-cat-image{
top:14px;
right:14px;
bottom:14px;
width:116px;
border-radius:12px;
}
.home-v2-bottom-whatsapp{
padding:32px 0 36px;
background:#fff;
}
.home-v2-bottom-whatsapp .hb-container{
width:min(1200px,calc(100% - 64px));
}

@media(max-width:820px){
.home-v2-hero-grid{
min-height:0;
gap:16px;
padding:14px 0 18px;
}
.home-v2-hero-copy{
padding:0;
}
.home-v2-hero-copy>em{
margin-top:10px;
}
.home-v2-hero-points{
margin-top:14px;
}
.home-v2-actions,
.home-v2-rating{
margin-top:12px;
}
.home-v2-hero-visual{
min-height:0;
aspect-ratio:1.14;
}
.home-v2-category-card-v1{
min-height:150px;
padding:12px 120px 12px 14px !important;
}
.home-v2-cat-icon{
width:32px;
height:32px;
}
.home-v2-cat-badge{
height:25px;
padding:0 9px;
font-size:10px;
}
.home-v2-category-card-v1 strong{
margin-top:10px;
font-size:18px;
}
.home-v2-category-card-v1 p{
margin-top:6px;
font-size:11px;
}
.home-v2-cat-bottom{
padding-top:9px;
}
.home-v2-cat-count{
padding:6px 9px;
font-size:11px;
}
.home-v2-cat-cta em{
width:30px;
height:30px;
}
.home-v2-cat-image{
top:12px;
right:12px;
bottom:12px;
width:96px;
}
.home-v2-bottom-whatsapp{
padding:24px 0 28px;
}
.home-v2-bottom-whatsapp .hb-container{
width:min(calc(100vw - 32px),720px);
}
}

@media(max-width:420px){
.home-v2-category-card-v1{
padding-right:106px !important;
}
.home-v2-category-card-v1 strong{
font-size:17px;
}
.home-v2-cat-image{
width:86px;
}
.home-v2-cat-badge{
max-width:100%;
}
.home-v2-bottom-whatsapp .hb-container{
width:min(calc(100vw - 28px),720px);
}
}

/* Homepage V2 quality compact final */
.home-v2-quality{
padding:14px 0 38px;
}
.home-v2-quality-grid{
align-items:stretch;
}
.home-v2-quality article{
padding:30px 30px 28px;
}
.home-v2-quality article::before{
margin-bottom:17px;
}
.home-v2-quality h2{
font-size:29px;
line-height:1.05;
}
.home-v2-quality article>p{
margin:10px 0 18px;
line-height:1.48;
}
.home-v2-quality article span{
min-height:0;
margin-top:9px;
padding:10px 12px;
}
.home-v2-quality ul{
gap:9px;
margin:18px 0 0;
}
.home-v2-quality li{
min-height:46px;
padding:8px 12px;
}
.home-v2-quality article span svg,
.home-v2-quality li svg{
width:32px;
height:32px;
padding:8px;
}
.home-v2-quality-image{
min-height:340px;
}

@media(max-width:820px){
.home-v2-quality{
padding:8px 0 26px;
}
.home-v2-quality article{
padding:22px 18px;
}
.home-v2-quality-image{
min-height:210px;
}
.home-v2-quality ul{
margin-top:14px;
}
}

/* Homepage V2 product neutral backgrounds */
.home-v2-products,
.home-v2-product-carousel,
.home-v2-product-scroll,
.home-v2-product-grid,
.home-v2-product-card,
.home-v2-product-card>a,
.home-v2-product-card>div{
background:#fff!important;
}
.home-v2-product-carousel,
.home-v2-product-scroll,
.home-v2-product-grid{
box-shadow:none!important;
}
.home-v2-product-card{
box-shadow:none!important;
}
.home-v2-product-card button{
background:#fff!important;
color:#172132;
border:1px solid #e0e7ef;
}

/* Archive hero and shared WhatsApp band refinements */
.archive-hero-benefits i svg{
width:15px;
height:15px;
stroke-width:2;
}
.archive-bottom-whatsapp{
padding:34px 0 40px;
background:#fff;
}
.archive-bottom-whatsapp .hb-container{
width:min(1200px,calc(100% - 64px));
}

/* Homepage V2 section rhythm */
body.home-v2-active .store-main-home-v2 .home-v2 > section{
margin:0;
}
body.home-v2-active .store-main-home-v2 .home-v2 > :is(.home-v2-categories,.mp-reference-section,.home-v2-products,.home-v2-calculator,.home-v2-benefits,.home-v2-process,.home-v2-quality,.hb-faqs,.home-v2-bottom-whatsapp){
padding-top:32px!important;
padding-bottom:32px!important;
}
body.home-v2-active .store-main-home-v2 .home-v2 > .home-v2-hero{
padding-bottom:32px!important;
}

@media(max-width:820px){
.archive-bottom-whatsapp{
padding:24px 0 30px;
}
.archive-bottom-whatsapp .hb-container,
.home-v2-bottom-whatsapp .hb-container{
width:min(calc(100vw - 28px),720px);
}
body.home-v2-active .store-main-home-v2 .home-v2 > :is(.home-v2-categories,.mp-reference-section,.home-v2-products,.home-v2-calculator,.home-v2-benefits,.home-v2-process,.home-v2-quality,.hb-faqs,.home-v2-bottom-whatsapp){
padding-top:24px!important;
padding-bottom:24px!important;
}
body.home-v2-active .store-main-home-v2 .home-v2 > .home-v2-hero{
padding-bottom:24px!important;
}
}

/* Homepage V2 shared builder block widths */
body.home-v2-active .store-main-home-v2 .home-v2 > :is(.mp-reference-section,.hb-faqs) > .hb-container{
width:min(1200px,calc(100% - 64px))!important;
max-width:1200px;
margin-inline:auto;
}

@media(max-width:820px){
body.home-v2-active .store-main-home-v2 .home-v2 > :is(.mp-reference-section,.hb-faqs) > .hb-container{
width:auto!important;
max-width:none;
margin-left:16px;
margin-right:16px;
}
}

@media(max-width:420px){
body.home-v2-active .store-main-home-v2 .home-v2 > :is(.mp-reference-section,.hb-faqs) > .hb-container{
margin-left:12px;
margin-right:12px;
}
}

/* Storefront typography */
body.storefront :is(h1,h2,h3,h4,h5,h6),
body.storefront .store-main-home :is(h1,h2,h3,h4,h5,h6),
body.storefront .store-main-home :is(.home-v2-hero-points b,.home-v2-hero-visual>.home-v2-float b,.home-v2-category-card strong,.home-v2-category-card-v1 strong,.home-v2-product-card h3,.home-v2-benefits b,.home-v2-process-grid h3,.home-v2-quality article span b,.home-v2-quality li,.hb-faq-item summary,.hb-top-wa-title,.mp-reference-head h2){
font-family:'Figtree',system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;
font-weight:800!important;
letter-spacing:0!important;
}

/* Unified public shell width */
body.storefront{
--mp-shell-width:1200px;
}
body.storefront :is(
.site-nav,
.home-hero,
.home-benefits,
.store-section,
.home-promo-row,
.home-auth-strip,
.home-brand-story,
.home-order-system,
.site-footer,
.notice,
.store-layout,
.store-layout.has-archive-sidebar,
.catalog-search-panel,
.product-breadcrumb,
.product-design-strip,
.detail-assurance-strip,
.product-detail,
.page-title,
.category-grid,
.blog-toolbar,
.blog-grid-section,
.blog-related,
.trust-band-inner,
.checkout-auth-panel,
.account-shell,
.wishlist-grid,
.compare-grid,
.archive-category-pills,
.category-directory-guide,
.product-tabs,
.related-products
){
max-width:var(--mp-shell-width);
}
body.storefront :is(
.home-design-strip-primary,
.home-design-strip-secondary,
.home-live-category-band,
.home-editorial-hero
){
max-width:var(--mp-shell-width);
}
body.storefront :is(.hb-container,.hb-categories .hb-container,.mp-category-showcase .hb-container,.mp-reference-section .hb-container){
width:min(var(--mp-shell-width),calc(100% - 48px));
}
body.storefront .archive-hero{
padding-left:max(24px,calc((100vw - var(--mp-shell-width))/2 + 24px));
padding-right:max(24px,calc((100vw - var(--mp-shell-width))/2 + 24px));
}
body.storefront :is(.product-breadcrumb,.product-detail,.product-tabs,.related-products),
body.storefront:has(.product-page-main) .site-header-inner{
width:min(var(--mp-shell-width),calc(100% - 48px));
max-width:var(--mp-shell-width);
}

/* Product-page header style as the global site header */
body.storefront .site-header-inner{
width:min(var(--mp-shell-width),calc(100% - 48px));
max-width:var(--mp-shell-width);
min-height:92px;
margin:0 auto;
padding:16px 0;
display:flex;
align-items:center;
justify-content:space-between;
gap:24px;
flex-wrap:nowrap;
}
body.storefront .site-brand{
flex:0 0 260px;
}
body.storefront .site-brand img{
max-width:250px;
max-height:52px!important;
}
body.storefront .site-search{
flex:0 1 480px;
max-width:480px;
height:56px;
border-radius:8px;
}
body.storefront:has(.product-page-main) .site-search{
flex-basis:480px;
max-width:480px;
}
body.storefront .site-search input,
body.storefront .site-search button{
height:54px;
}
body.storefront .site-search input{
font-size:15px;
}
body.storefront .site-search button{
width:60px;
min-width:60px;
}
body.storefront .site-search button::before{
left:18px;
top:16px;
}
body.storefront .site-search button::after{
left:33px;
top:34px;
}
@media(max-width:980px){
body.storefront .site-header-inner{
width:calc(100% - 32px);
max-width:none;
min-height:70px;
padding:12px 16px;
}
body.storefront .site-brand{
flex:1 1 auto;
}
body.storefront .site-brand img{
max-width:190px;
max-height:40px!important;
}
body.storefront .site-search{
height:44px;
max-width:100%;
}
body.storefront .site-search input,
body.storefront .site-search button{
height:44px;
}
}

@media(max-width:900px){
body.storefront .site-nav-mobile-search{
grid-column:1/-1;
display:grid!important;
width:100%;
max-width:none;
height:44px;
margin:0 0 4px;
border:1px solid #e5eaf0;
border-radius:8px;
background:#fff;
box-shadow:none;
}
body.storefront .site-nav-mobile-search input{
height:42px;
padding:0 12px;
font-size:13px;
}
body.storefront .site-nav-mobile-search button{
width:48px;
min-width:48px;
height:42px;
border-left:1px solid #e5eaf0;
}
body.storefront .site-nav-mobile-search button::before{
left:14px;
top:12px;
width:15px;
height:15px;
}
body.storefront .site-nav-mobile-search button::after{
left:27px;
top:27px;
width:8px;
}
body.storefront .site-nav-mobile-search .live-search-results{
top:calc(100% + 6px);
right:auto;
left:0;
width:100%;
max-height:260px;
border-color:#e5eaf0;
}
}

/* Homepage V2 hero slider */
.home-v2-hero-slides{
position:absolute;
inset:0;
z-index:0;
touch-action:pan-y;
}
.home-v2-hero-slide{
position:absolute;
inset:0;
margin:0;
opacity:0;
transform:scale(1.025);
transition:opacity .45s ease,transform 1.1s ease;
pointer-events:none;
}
.home-v2-hero-slide.is-active{
opacity:1;
transform:scale(1);
}
.home-v2-hero-slide img{
width:100%;
height:100%;
display:block;
object-fit:cover;
object-position:center;
}
.home-v2-hero-control{
position:absolute;
z-index:3;
top:50%;
width:44px;
height:44px;
display:inline-flex;
align-items:center;
justify-content:center;
border:0;
border-radius:999px;
background:transparent;
transform:translateY(-50%);
cursor:pointer;
transition:transform .2s ease;
}
.home-v2-hero-control::before{
content:"";
width:12px;
height:12px;
border-radius:999px;
background:rgba(255,255,255,.92);
box-shadow:0 0 0 5px rgba(17,24,39,.22);
transition:transform .2s ease,background .2s ease,box-shadow .2s ease;
}
.home-v2-hero-control:hover::before,
.home-v2-hero-control:focus-visible::before{
background:#fff;
box-shadow:0 0 0 5px rgba(17,24,39,.34);
transform:scale(1.12);
}
.home-v2-hero-control:active{
transform:translateY(-50%) scale(.96);
}
.home-v2-hero-control svg{
display:none;
}
.home-v2-hero-prev{
left:18px;
}
.home-v2-hero-next{
right:18px;
}
.home-v2-hero-dots{
position:absolute;
z-index:3;
left:50%;
bottom:18px;
display:flex;
align-items:center;
gap:7px;
padding:7px 9px;
border-radius:999px;
background:rgba(17,24,39,.42);
backdrop-filter:blur(8px);
transform:translateX(-50%);
}
.home-v2-hero-dot{
width:8px;
height:8px;
min-width:8px;
min-height:8px;
padding:0;
border:0;
border-radius:999px;
background:rgba(255,255,255,.52);
cursor:pointer;
transition:background .2s ease,transform .2s ease;
}
.home-v2-hero-dot.is-active{
background:#fff;
transform:scale(1.25);
}
@media(max-width:820px){
.home-v2-hero-control{
width:40px;
height:40px;
}
.home-v2-hero-prev{
left:12px;
}
.home-v2-hero-next{
right:12px;
}
.home-v2-hero-dots{
left:14px;
bottom:14px;
transform:none;
}
}
@media(prefers-reduced-motion:reduce){
.home-v2-hero-slide{
transition:none;
transform:none;
}
}

/* Homepage V2 hero image blend */
@media(min-width:821px){
.home-v2-hero-copy{
position:relative;
z-index:2;
}
.home-v2-hero-visual{
--home-v2-hero-bleed:clamp(72px,7.5vw,108px);
z-index:1;
max-width:none;
width:calc(100% + var(--home-v2-hero-bleed));
margin-left:calc(var(--home-v2-hero-bleed) * -1);
}
.home-v2-hero-visual::before{
display:block;
width:38%;
background:linear-gradient(90deg,#fff 0%,rgba(255,255,255,.92) 12%,rgba(255,255,255,.68) 36%,rgba(255,255,255,.22) 72%,rgba(255,255,255,0) 100%);
}
}
@media(min-width:821px) and (max-width:1180px){
.home-v2-hero-visual{
--home-v2-hero-bleed:48px;
}
.home-v2-hero-visual::before{
width:34%;
}
}

/* Homepage V2 quote calculator */
.home-v2-calculator{
background:#fff;
}
.content-page-price-calculator{
margin:0 0 34px;
}
.content-page-price-calculator .home-v2-shell{
width:100%;
max-width:1200px;
}
.home-v2-calculator-card{
position:relative;
isolation:isolate;
min-height:540px;
display:grid;
grid-template-columns:minmax(0,1fr) 248px;
gap:34px;
align-items:center;
overflow:hidden;
padding:42px 420px 38px 42px;
border:1.5px solid #20b25d;
border-radius:18px;
background:#fcfffd;
}
.home-v2-calculator-copy{
position:relative;
z-index:2;
min-width:0;
}
.home-v2-calculator-eyebrow{
display:flex;
align-items:center;
gap:14px;
min-height:38px;
margin-bottom:22px;
}
.home-v2-calculator-eyebrow strong{
min-height:34px;
display:inline-flex;
align-items:center;
gap:8px;
padding:0 16px;
border-radius:999px;
background:#eaf9f1;
color:#18a65a;
font-size:12px;
font-weight:800;
}
.home-v2-calculator-eyebrow strong svg{
width:15px;
height:15px;
}
.home-v2-calculator-eyebrow span{
color:#65758b;
font-size:13px;
font-weight:500;
}
.home-v2-calculator h2{
max-width:470px;
margin:0;
color:#111827;
font-size:44px;
line-height:1.06;
font-weight:800;
}
.home-v2-calculator h2 span{
display:block;
margin-top:8px;
color:#20ad5d;
}
.home-v2-calculator-copy>p{
max-width:450px;
margin:20px 0 0;
color:#536173;
font-size:14px;
line-height:1.8;
}
.home-v2-calculator-measures{
display:flex;
align-items:center;
gap:16px;
margin-top:24px;
}
.home-v2-calculator-measures label{
position:relative;
width:184px;
height:76px;
display:flex;
flex-direction:column;
justify-content:center;
padding:13px 18px 12px;
border:1px solid #dbe5ec;
border-radius:10px;
background:#fff;
}
.home-v2-calculator-measures span{
color:#172033;
font-size:12px;
font-weight:800;
}
.home-v2-calculator-measures input{
width:100%;
height:28px;
margin-top:5px;
padding:0 42px 0 0;
border:0;
outline:0;
background:transparent;
color:#172033;
font:700 18px/1 'Figtree',system-ui,sans-serif;
}
.home-v2-calculator-measures em{
position:absolute;
right:18px;
bottom:16px;
color:#536173;
font-size:16px;
font-style:normal;
font-weight:500;
}
.home-v2-calculator-measures i{
color:#59677b;
font-size:22px;
font-style:normal;
font-weight:400;
}
.home-v2-calculator-notice{
min-height:45px;
display:flex;
align-items:center;
justify-content:center;
gap:10px;
margin-top:14px;
border-radius:9px;
background:#ecfbf3;
color:#178650;
font-size:13px;
font-weight:500;
}
.home-v2-calculator-notice svg{
width:15px;
height:15px;
}
.home-v2-calculator-services{
min-height:64px;
display:grid;
grid-template-columns:repeat(var(--calculator-service-count,3),minmax(0,1fr));
margin-top:28px;
border:1px solid #e2e8ee;
border-radius:11px;
background:rgba(255,255,255,.95);
}
.home-v2-calculator-services span{
display:grid;
grid-template-columns:34px auto;
grid-template-rows:auto auto;
align-content:center;
align-items:center;
gap:1px 12px;
min-width:0;
padding:12px 16px;
}
.home-v2-calculator-services span+span{
border-left:1px solid #e8edf2;
}
.home-v2-calculator-services svg{
grid-row:1 / 3;
width:31px;
height:31px;
padding:7px;
border-radius:999px;
background:#effcf5;
color:#16ab5b;
}
.home-v2-calculator-services b{
color:#172033;
font-size:12px;
font-weight:700;
line-height:1.25;
}
.home-v2-calculator-services small{
color:#65758b;
font-size:11px;
font-weight:500;
line-height:1.25;
}
.home-v2-calculator-summary{
position:relative;
z-index:3;
align-self:center;
min-height:372px;
display:flex;
flex-direction:column;
padding:28px 22px 20px;
border:1px solid rgba(226,232,240,.9);
border-radius:18px;
background:rgba(255,255,255,.92);
box-shadow:0 22px 40px rgba(15,23,42,.05);
backdrop-filter:blur(10px);
}
.home-v2-calculator-summary>div{
display:flex;
align-items:center;
justify-content:space-between;
gap:10px;
}
.home-v2-calculator-summary>div b{
display:flex;
align-items:center;
gap:8px;
color:#172033;
font-size:12px;
font-weight:800;
}
.home-v2-calculator-summary>div b svg{
width:12px;
height:12px;
color:#22b45a;
}
.home-v2-calculator-summary>div small{
color:#65758b;
font-size:11px;
font-weight:500;
}
.home-v2-calculator-summary>strong{
display:block;
margin-top:25px;
color:#18aa59;
font-size:38px;
font-weight:800;
line-height:1;
letter-spacing:0;
}
.home-v2-calculator-summary>em{
margin-top:8px;
color:#536173;
font-size:13px;
font-style:normal;
font-weight:500;
}
.home-v2-calculator-summary>span{
display:flex;
flex-direction:column;
gap:5px;
margin-top:22px;
padding:15px 16px;
border-radius:10px;
background:#effbf5;
}
.home-v2-calculator-summary>span small{
color:#17a45a;
font-size:12px;
font-weight:500;
}
.home-v2-calculator-summary>span b{
color:#17a45a;
font-size:13px;
font-weight:800;
}
.home-v2-calculator-summary ul{
display:grid;
gap:10px;
margin:20px 0 0;
padding:0;
list-style:none;
}
.home-v2-calculator-summary li{
display:flex;
align-items:center;
gap:10px;
color:#526173;
font-size:12px;
font-weight:500;
}
.home-v2-calculator-summary li svg{
width:18px;
height:18px;
padding:4px;
border-radius:999px;
background:#dff7ea;
color:#15aa59;
}
.home-v2-calculator-summary>a{
min-height:50px;
display:flex;
align-items:center;
justify-content:center;
gap:10px;
margin-top:28px;
border-radius:8px;
background:#18b55b;
color:#fff!important;
font-size:14px;
font-weight:800;
box-shadow:0 14px 28px rgba(24,181,91,.18);
}
.home-v2-calculator-summary>a svg{
width:21px;
height:21px;
}
.home-v2-calculator-summary>p{
margin:13px 0 0;
color:#65758b;
font-size:12px;
font-weight:500;
text-align:center;
}
.home-v2-calculator-visual{
position:absolute;
z-index:1;
inset:0 0 0 auto;
width:420px;
overflow:hidden;
}
.home-v2-calculator-visual::before{
content:"";
position:absolute;
z-index:1;
inset:0;
background:linear-gradient(90deg,#fcfffd 0%,rgba(252,255,253,.98) 10%,rgba(252,255,253,.84) 22%,rgba(252,255,253,.42) 38%,rgba(252,255,253,.08) 56%,rgba(252,255,253,0) 74%);
pointer-events:none;
}
.home-v2-calculator-visual img{
width:100%;
height:100%;
display:block;
object-fit:cover;
object-position:center;
}
.home-v2-calculator-visual aside{
position:absolute;
z-index:2;
display:grid;
grid-template-columns:38px auto;
grid-template-rows:auto auto;
gap:2px 12px;
align-items:center;
min-width:172px;
padding:15px 18px;
border:1px solid rgba(226,232,240,.94);
border-radius:10px;
background:rgba(255,255,255,.95);
box-shadow:0 18px 36px rgba(15,23,42,.09);
}
.home-v2-calculator-visual aside.is-top{
top:48px;
right:22px;
}
.home-v2-calculator-visual aside.is-bottom{
right:210px;
bottom:50px;
}
.home-v2-calculator-visual aside svg{
grid-row:1 / 3;
width:34px;
height:34px;
padding:8px;
border-radius:9px;
background:#effcf5;
color:#16ab5b;
}
.home-v2-calculator-visual aside b{
color:#172033;
font-size:12px;
font-weight:800;
}
.home-v2-calculator-visual aside small{
color:#65758b;
font-size:11px;
font-weight:500;
}
.home-v2-calculator-trust{
display:grid;
grid-template-columns:repeat(4,minmax(0,1fr));
margin-top:28px;
border-bottom:1px solid #e8edf2;
}
.home-v2-calculator-trust span{
display:grid;
grid-template-columns:46px auto;
grid-template-rows:auto auto;
align-items:center;
gap:2px 16px;
min-height:82px;
padding:10px 16px 18px;
}
.home-v2-calculator-trust span+span{
border-left:1px solid #e5ebf1;
}
.home-v2-calculator-trust svg{
grid-row:1 / 3;
width:42px;
height:42px;
padding:11px;
border-radius:999px;
background:#effcf5;
color:#15aa59;
}
.home-v2-calculator-trust b{
color:#172033;
font-size:14px;
font-weight:700;
}
.home-v2-calculator-trust small{
color:#65758b;
font-size:12px;
font-weight:500;
}
@media(max-width:1180px){
.home-v2-calculator-card{
grid-template-columns:minmax(0,1fr) 248px;
padding-right:330px;
}
.home-v2-calculator-visual{
width:350px;
}
.home-v2-calculator-visual aside.is-bottom{
right:128px;
}
}
@media(max-width:980px){
.home-v2-calculator-card{
display:flex;
flex-direction:column;
align-items:stretch;
gap:20px;
padding:22px;
}
.home-v2-calculator h2{
font-size:32px;
}
.home-v2-calculator-copy>p{
line-height:1.65;
}
.home-v2-calculator-measures{
display:grid;
grid-template-columns:1fr auto 1fr;
gap:10px;
}
.home-v2-calculator-measures label{
width:auto;
}
.home-v2-calculator-services{
grid-template-columns:1fr;
}
.home-v2-calculator-services span+span{
border-top:1px solid #e8edf2;
border-left:0;
}
.home-v2-calculator-summary{
min-height:0;
}
.home-v2-calculator-summary>a{
margin-top:22px;
}
.home-v2-calculator-visual{
position:relative;
inset:auto;
order:3;
width:auto;
min-height:320px;
margin:-2px -22px -22px;
border-radius:0 0 16px 16px;
}
.home-v2-calculator-visual::before{
background:linear-gradient(90deg,#fcfffd 0%,rgba(252,255,253,.94) 9%,rgba(252,255,253,.48) 28%,rgba(252,255,253,0) 60%);
}
.home-v2-calculator-visual aside.is-top{
top:18px;
right:18px;
}
.home-v2-calculator-visual aside.is-bottom{
right:auto;
bottom:18px;
left:18px;
}
.home-v2-calculator-trust{
grid-template-columns:1fr 1fr;
}
.home-v2-calculator-trust span:nth-child(3){
border-left:0;
}
}
@media(max-width:640px){
.content-page-price-calculator{
margin-bottom:24px;
}
.home-v2-calculator-eyebrow{
align-items:flex-start;
flex-direction:column;
gap:10px;
margin-bottom:18px;
}
.home-v2-calculator h2{
font-size:28px;
}
.home-v2-calculator-measures{
grid-template-columns:1fr;
}
.home-v2-calculator-measures i{
display:none;
}
.home-v2-calculator-summary>strong{
font-size:34px;
}
.home-v2-calculator-visual{
min-height:270px;
}
.home-v2-calculator-visual aside{
min-width:160px;
padding:12px 14px;
}
.home-v2-calculator-visual aside.is-bottom{
right:18px;
left:auto;
}
.home-v2-calculator-trust{
grid-template-columns:1fr;
}
.home-v2-calculator-trust span+span{
border-top:1px solid #e5ebf1;
border-left:0;
}
}

/* Homepage V2 hero order */
.home-v2-hero-heading{
grid-area:heading;
}
.home-v2-hero-support{
grid-area:support;
position:relative;
z-index:2;
min-width:0;
display:flex;
flex-direction:column;
padding:0 0 30px;
}
.home-v2-hero-support>em{
display:block;
max-width:500px;
margin:0;
color:#536173;
font-style:normal;
font-size:15px;
line-height:1.75;
}
@media(min-width:821px){
.home-v2-hero-grid{
grid-template-areas:"heading visual" "support visual";
grid-template-rows:auto 1fr;
align-items:start;
}
.home-v2-hero-heading{
align-self:end;
justify-content:flex-end;
padding:30px 0 0;
}
.home-v2-hero-visual{
grid-area:visual;
align-self:stretch;
}
.home-v2-hero-support{
align-self:start;
}
}
@media(max-width:1180px){
.home-v2-hero-support>em{
max-width:410px;
font-size:12px;
line-height:1.65;
}
}
@media(max-width:820px){
.home-v2-hero-grid{
display:flex;
flex-direction:column;
gap:0;
}
.home-v2-hero-heading{
order:1;
padding:32px 0 12px;
}
.home-v2-hero-visual{
order:2;
}
.home-v2-hero-support{
order:3;
padding:18px 0 34px;
}
.home-v2-hero-support>em{
max-width:none;
font-size:13px;
line-height:1.65;
}
}

@media(max-width:540px){
.content-page-shell .seo-reference-gallery{grid-template-columns:1fr}
.content-page-shell .kapi-onu-gallery{margin-right:-2px;margin-left:-2px;padding:16px}
.kapi-onu-gallery-head h2{font-size:21px}
.kapi-onu-gallery-track{gap:12px}
.kapi-onu-gallery-card{flex-basis:min(84vw,286px)}
.kapi-onu-gallery-foot{justify-content:stretch}
.kapi-onu-gallery-foot a{width:100%;text-align:center}
}

/* V2 homepage custom section ordering */
.home-v2{
display:flex;
flex-direction:column;
}
.home-v2>*{
min-width:0;
}

/* Mobile product detail requested order */
body.storefront .mobile-sticky-product{
display:none!important;
}
@media(max-width:820px){
body.storefront .product-detail{
display:flex!important;
flex-direction:column!important;
}
body.storefront .product-breadcrumb strong,
body.storefront .product-breadcrumb span:last-of-type{
display:none!important;
}
body.storefront .product-gallery{
display:contents!important;
}
body.storefront .product-gallery .detail-image{
order:1;
}
body.storefront .product-gallery .gallery-thumbs{
order:1;
}
body.storefront .detail-info{
order:2;
}
body.storefront .product-gallery .product-tabs,
body.storefront .product-tabs{
order:3;
}
body.storefront .detail-side-column{
order:4;
}
}

/* Header builder: keep the configured main menu visible on desktop. */
@media(min-width:901px){
body.storefront .site-nav-bar{
display:block!important;
}
}

/* Category archive hero containment fix */
body.storefront .archive-hero{
display:grid;
grid-template-columns:minmax(0,600px) minmax(280px,1fr);
align-items:center;
gap:clamp(24px,4vw,48px);
width:100%;
max-width:none;
min-height:300px;
padding:42px max(24px,calc((100vw - var(--mp-shell-width))/2 + 24px));
overflow:hidden;
}
body.storefront .archive-hero-copy{
min-width:0;
max-width:620px;
}
body.storefront .archive-hero h1,
body.storefront .archive-hero p,
body.storefront .archive-hero-benefits{
max-width:100%;
}
body.storefront .archive-hero-visual{
position:relative;
z-index:1;
min-width:0;
min-height:220px;
align-self:stretch;
}
body.storefront .archive-hero-visual img{
right:0;
width:min(420px,100%);
max-height:280px;
object-fit:cover;
}
@media(max-width:1100px){
body.storefront .archive-hero{
grid-template-columns:minmax(0,1fr) 320px;
gap:28px;
}
}
@media(max-width:900px){
body.storefront .archive-hero{
grid-template-columns:1fr;
min-height:0;
padding:34px max(18px,calc((100vw - 720px)/2 + 18px)) 30px;
}
body.storefront .archive-hero-visual{
display:none;
}
}
@media(max-width:640px){
body.storefront .archive-hero{
padding:28px 14px 26px;
}
}

/* Reference product customization */
body.storefront .detail-image::after,
body.storefront .detail-image-button::before{
content:none!important;
display:none!important;
}
body.storefront .detail-gallery-nav{
position:absolute;
z-index:6;
top:50%;
display:inline-flex;
align-items:center;
justify-content:center;
width:46px;
height:46px;
margin-top:-23px;
border:1px solid rgba(255,255,255,.76);
border-radius:999px;
background:rgba(255,255,255,.92);
color:#111827;
box-shadow:0 14px 30px rgba(15,23,42,.14);
backdrop-filter:blur(10px);
cursor:pointer;
transition:transform .18s ease,box-shadow .18s ease,background-color .18s ease;
}
body.storefront .detail-gallery-nav svg{
display:block;
width:21px;
height:21px;
}
body.storefront .detail-gallery-nav:hover,
body.storefront .detail-gallery-nav:focus-visible{
background:#fff;
box-shadow:0 18px 38px rgba(15,23,42,.18);
transform:translateY(-1px);
outline:none;
}
body.storefront .detail-gallery-nav-prev{
left:22px;
}
body.storefront .detail-gallery-nav-next{
right:22px;
}
body.storefront .detail-purchase-card-customizable{
scroll-margin-top:24px;
}
body.storefront .detail-purchase-card-customizable .detail-purchase-form{
display:grid;
grid-template-columns:1fr;
align-items:stretch;
gap:14px;
}
body.storefront .product-customizer-layout{
display:grid;
grid-template-columns:1fr;
gap:12px;
width:100%;
min-width:0;
}
body.storefront .product-customizer-intro{
display:flex;
align-items:center;
gap:14px;
padding:15px 17px;
border-left:4px solid var(--mp-green);
border-radius:8px;
background:#f0faf4;
}
body.storefront .product-customizer-intro strong{
flex:0 0 auto;
color:var(--mp-text);
font-size:16px;
line-height:1.25;
white-space:nowrap;
}
body.storefront .product-customizer-intro p{
margin:0;
color:var(--mp-muted);
font-size:13px;
font-weight:650;
line-height:1.55;
}
body.storefront .product-customizer-modes{
display:grid;
grid-template-columns:repeat(2,minmax(0,1fr));
gap:10px;
margin:0;
padding:0;
border:0;
}
body.storefront .product-customizer-modes legend{
grid-column:1/-1;
margin-bottom:2px;
color:var(--mp-text);
font-size:12px;
font-weight:800;
}
body.storefront .product-customizer-modes label{
position:relative;
min-width:0;
}
body.storefront .product-customizer-modes input{
position:absolute;
opacity:0;
pointer-events:none;
}
body.storefront .product-customizer-modes span{
display:flex;
align-items:center;
justify-content:center;
min-height:58px;
border:1px solid #dbe2e8;
border-radius:8px;
background:#fff;
color:var(--mp-text);
padding:10px 14px;
font-size:13px;
font-weight:900;
line-height:1.25;
text-align:center;
cursor:pointer;
}
body.storefront .product-customizer-modes input:checked+span{
border-color:var(--mp-green);
background:#effaf3;
color:#08763b;
box-shadow:0 0 0 1px var(--mp-green);
}
body.storefront .product-customizer-modes input:focus-visible+span{
outline:3px solid rgba(32,178,93,.22);
outline-offset:2px;
}
body.storefront .product-customizer-panel{
display:grid;
gap:10px;
padding:15px;
border:1px solid #e3e8ed;
border-radius:8px;
background:#fff;
}
body.storefront .product-customizer-panel[hidden]{
display:none;
}
body.storefront .product-customizer-field{
display:grid;
gap:6px;
min-width:0;
color:var(--mp-text);
font-size:12px;
font-weight:800;
}
body.storefront .product-customizer-field :is(input,select),
body.storefront .product-logo-upload input{
box-sizing:border-box;
width:100%;
min-width:0;
min-height:50px;
border:1px solid #dbe2e8;
border-radius:8px;
background:#fff;
color:#101828;
padding:10px 12px;
font-size:16px;
font-weight:850;
line-height:1.2;
}
body.storefront .product-customizer-field input[type=number]{
text-align:center;
appearance:textfield;
}
body.storefront .product-customizer-field input[type=number]::-webkit-outer-spin-button,
body.storefront .product-customizer-field input[type=number]::-webkit-inner-spin-button{
margin:0;
}
body.storefront .product-customizer-measures{
display:grid;
grid-template-columns:repeat(3,minmax(88px,1fr));
gap:10px;
}
body.storefront .product-reference-list{
display:grid;
gap:8px;
margin:0;
padding:0;
list-style:none;
}
body.storefront .product-reference-list li{
display:flex;
align-items:center;
justify-content:space-between;
gap:12px;
min-height:42px;
border-bottom:1px solid #edf0f2;
font-size:12px;
}
body.storefront .product-reference-list li:last-child{
border-bottom:0;
}
body.storefront .product-reference-list strong{
white-space:nowrap;
}
body.storefront .product-customizer-starting,
body.storefront .product-customizer-panel>small,
body.storefront .product-logo-upload small{
color:var(--mp-muted);
font-size:11px;
line-height:1.45;
}
body.storefront .product-logo-upload{
display:grid;
gap:6px;
min-width:0;
color:var(--mp-text);
font-size:12px;
font-weight:800;
}
body.storefront .product-logo-upload input{
padding:8px;
}
body.storefront .product-logo-upload input[type=file]{
display:block;
width:100%;
min-height:52px;
padding:13px 14px;
font-size:14px;
font-weight:800;
}
body.storefront .product-customizer-live-price{
display:grid;
grid-template-columns:minmax(0,1fr) auto;
gap:4px 16px;
align-items:center;
padding:15px 16px;
border:1px solid #cdebd8;
border-radius:8px;
background:linear-gradient(180deg,#f4fbf6 0%,#fff 100%);
}
body.storefront .product-customizer-live-price span{
color:#526171;
font-size:12px;
font-weight:900;
text-transform:uppercase;
letter-spacing:.02em;
}
body.storefront .product-customizer-live-price strong{
color:#0b1728;
font-size:24px;
font-weight:950;
line-height:1;
white-space:nowrap;
}
body.storefront .product-customizer-live-price small{
grid-column:1/-1;
color:#667384;
font-size:12px;
font-weight:650;
line-height:1.45;
}
body.storefront .detail-purchase-card-customizable .detail-purchase-actions{
display:grid;
grid-template-columns:repeat(2,minmax(0,1fr));
gap:12px;
width:100%;
}
body.storefront .product-customization-error{
margin:0 0 18px;
}
body.storefront .checkout-item span small{
display:block;
margin-top:3px;
color:var(--mp-muted);
font-size:11px;
line-height:1.4;
}
@media(max-width:640px){
body.storefront .detail-gallery-nav{
width:40px;
height:40px;
margin-top:-20px;
}
body.storefront .detail-gallery-nav-prev{
left:12px;
}
body.storefront .detail-gallery-nav-next{
right:12px;
}
body.storefront .product-customizer-intro{
align-items:flex-start;
flex-direction:column;
gap:6px;
}
body.storefront .product-customizer-intro strong{
white-space:normal;
}
body.storefront .product-customizer-modes{
grid-template-columns:repeat(2,minmax(0,1fr));
}
body.storefront .product-customizer-modes span{
min-height:54px;
padding-inline:8px;
}
body.storefront .product-customizer-measures{
grid-template-columns:repeat(3,minmax(0,1fr));
gap:8px;
}
body.storefront .product-customizer-field :is(input,select){
padding-inline:8px;
font-size:15px;
}
body.storefront .product-customizer-live-price{
grid-template-columns:1fr;
}
body.storefront .detail-purchase-card-customizable .detail-purchase-actions{
grid-template-columns:1fr;
}
body.storefront .product-reference-list li{
align-items:flex-start;
flex-direction:column;
gap:3px;
padding:8px 0;
}
}