/* FireSpray v2 – main styles (from approved homepage mockup) */
:root{
  --navy:#16245c; --navy-2:#0e1840; --red:#e3262e; --red-d:#c01c23;
  --ink:#151a2d; --muted:#5b6175; --line:#e4e6ee; --bg:#ffffff; --soft:#f5f6fa; --warm:#fff4f2;
  --ok:#0f8a4b; --r:14px; --shadow:0 1px 2px rgba(16,24,64,.06),0 8px 24px rgba(16,24,64,.08);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:system-ui,-apple-system,"Segoe UI",Roboto,"Noto Sans",Arial,sans-serif;color:var(--ink);background:var(--bg);line-height:1.55;-webkit-font-smoothing:antialiased}
img{max-width:100%;height:auto;display:block}
a{color:inherit}
.wrap{max-width:1200px;margin:0 auto;padding:0 20px}
.btn{display:inline-flex;align-items:center;gap:8px;border:0;border-radius:10px;padding:13px 20px;font:600 15px/1 inherit;font-family:inherit;text-decoration:none;cursor:pointer;transition:.15s}
.btn-red{background:var(--red);color:#fff}.btn-red:hover{background:var(--red-d)}
.btn-ghost{background:#fff;color:var(--navy);box-shadow:inset 0 0 0 1.5px var(--navy)}.btn-ghost:hover{background:var(--soft)}
.btn-wa{background:#1fa855;color:#fff}
.eyebrow{display:inline-block;font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--red)}
h1,h2,h3{line-height:1.15;margin:0 0 12px;color:var(--navy-2);letter-spacing:-.01em}
h2{font-size:clamp(26px,3.2vw,36px)}
.sec{padding:72px 0}.sec-soft{background:var(--soft)}
.sec-head{max-width:720px;margin-bottom:36px}.sec-head p{color:var(--muted);font-size:17px;margin:0}
svg.i{width:20px;height:20px;flex:none}

/* top bar + header */
.topbar{background:var(--navy-2);color:#cfd5ea;font-size:13px}
.topbar .wrap{display:flex;justify-content:space-between;gap:12px;padding-top:8px;padding-bottom:8px;flex-wrap:wrap}
.topbar a{color:#fff;text-decoration:none;font-weight:600}
header.site{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.96);backdrop-filter:saturate(1.4) blur(8px);border-bottom:1px solid var(--line)}
header.site .wrap{display:flex;align-items:center;gap:24px;height:72px}
.logo img{height:40px;width:auto}
nav.main{display:flex;gap:4px;margin-left:auto}
nav.main a{white-space:nowrap;padding:10px 12px;border-radius:8px;text-decoration:none;font-weight:600;font-size:15px;color:var(--navy-2)}
nav.main a:hover{background:var(--soft)}
.hdr-cta{display:flex;gap:10px;align-items:center}
.cart{position:relative;padding:10px;border-radius:10px;background:var(--soft);display:flex}
.cart b{position:absolute;top:-4px;right:-4px;background:var(--red);color:#fff;font-size:11px;border-radius:99px;min-width:18px;height:18px;display:grid;place-items:center}
.burger{display:none;background:none;border:0;padding:8px;cursor:pointer}

/* hero */
.hero{background:radial-gradient(1200px 500px at 85% 0%,#ffe6e3 0,rgba(255,230,227,0) 60%),linear-gradient(180deg,#fff, #f7f8fc);overflow:hidden}
.hero .wrap{display:grid;grid-template-columns:1.1fr .9fr;gap:40px;align-items:center;padding-top:56px;padding-bottom:64px}
.hero h1{font-size:clamp(34px,5vw,56px);margin:14px 0 18px}
.hero h1 em{font-style:normal;color:var(--red)}
.hero p.lead{font-size:19px;color:var(--muted);max-width:560px;margin:0 0 28px}
.hero .ctas{display:flex;gap:12px;flex-wrap:wrap}
.ticks{display:flex;flex-wrap:wrap;gap:10px 22px;margin:28px 0 0;padding:0;list-style:none;font-weight:600;font-size:15px}
.ticks li{display:flex;align-items:center;gap:8px}
.ticks svg{color:var(--ok)}
.hero-art{position:relative;justify-self:center;max-width:440px;width:100%}
.hero-art .disc{position:absolute;inset:8% 4% 4%;border-radius:50%;background:#fff;box-shadow:var(--shadow)}
.hero-art img{position:relative;mix-blend-mode:multiply;width:100%}
.seal{position:absolute;right:-6px;top:14%;width:132px;height:132px;border-radius:50%;background:var(--red);color:#fff;display:grid;place-items:center;text-align:center;box-shadow:0 10px 30px rgba(227,38,46,.35);transform:rotate(-10deg)}
.seal strong{display:block;font-size:44px;line-height:.9}
.seal span{font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}
.seal small{display:block;font-size:11px;opacity:.9}

/* trust strip */
.trust{border-block:1px solid var(--line);background:#fff}
.trust .wrap{display:grid;grid-template-columns:repeat(4,1fr);gap:0}
.trust div{display:flex;gap:12px;align-items:center;padding:20px 16px;border-right:1px solid var(--line)}
.trust div:last-child{border-right:0}
.trust .ico{width:42px;height:42px;border-radius:10px;background:var(--warm);color:var(--red);display:grid;place-items:center;flex:none}
.trust b{display:block;color:var(--navy-2)}
.trust small{color:var(--muted);font-size:13px}

/* warranty + refill */
.usp{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.card{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:32px;box-shadow:var(--shadow)}
.card.dark{background:var(--navy-2);color:#dfe3f3;border-color:var(--navy-2)}
.card.dark h3{color:#fff}
.big-num{font-size:72px;font-weight:800;color:var(--red);line-height:1;letter-spacing:-.03em}
.card h3{font-size:26px}
.card ul{padding-left:0;list-style:none;margin:18px 0 0}
.card li{display:flex;gap:10px;margin:10px 0}
.compare{width:100%;border-collapse:collapse;margin-top:18px;font-size:15px}
.compare th,.compare td{padding:11px 10px;border-bottom:1px solid rgba(255,255,255,.12);text-align:left;vertical-align:top}
.compare th{font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:#9aa3c7}
.compare td:last-child{color:#fff;font-weight:600}
.compare .x{color:#ff9a9e}

/* categories */
.cats{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}
.cat{display:flex;flex-direction:column;align-items:center;text-align:center;gap:10px;padding:18px 12px;background:#fff;border:1px solid var(--line);border-radius:var(--r);text-decoration:none;transition:.15s}
.cat:hover{border-color:var(--navy);transform:translateY(-2px);box-shadow:var(--shadow)}
.cat img{width:96px;height:96px;object-fit:contain;mix-blend-mode:multiply}
.cat b{font-size:15px;color:var(--navy-2)}
.cat small{color:var(--muted);font-size:13px}

/* picker */
.picker{display:grid;grid-template-columns:320px 1fr;gap:24px;align-items:start}
.chips{display:flex;flex-direction:column;gap:8px}
.chip{display:flex;align-items:center;gap:12px;text-align:left;padding:14px 16px;border-radius:12px;border:1.5px solid var(--line);background:#fff;font:600 16px inherit;font-family:inherit;color:var(--navy-2);cursor:pointer}
.chip[aria-pressed="true"]{border-color:var(--red);background:var(--warm)}
.chip span{font-size:22px}
.reco{display:grid;grid-template-columns:200px 1fr;gap:24px;align-items:center}
.reco img{mix-blend-mode:multiply}
.reco .classes{display:flex;gap:6px;margin:10px 0 14px}
.cls{width:32px;height:32px;border-radius:8px;display:grid;place-items:center;font-weight:800;color:#fff;font-size:15px}
.cls.A{background:#2e8b57}.cls.B{background:#d9534f}.cls.C{background:#2f6fd1}.cls.K{background:#222}.cls.E{background:#d79b00}
.price{font-size:24px;font-weight:800;color:var(--navy-2)}
.price s{font-size:15px;color:var(--muted);font-weight:500;margin-left:6px}
.price .off{font-size:13px;color:var(--ok);font-weight:700;margin-left:6px}

/* products */
.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.prod{background:#fff;border:1px solid var(--line);border-radius:var(--r);overflow:hidden;display:flex;flex-direction:column;transition:.15s}
.prod:hover{box-shadow:var(--shadow)}
.prod .ph{position:relative;background:#fff;aspect-ratio:1/1;display:grid;place-items:center;padding:14px}
.prod .ph img{max-height:100%;object-fit:contain}
.tag{position:absolute;left:10px;top:10px;background:var(--navy);color:#fff;font-size:11px;font-weight:700;letter-spacing:.04em;padding:5px 8px;border-radius:6px}
.prod .bd{padding:14px 16px 16px;border-top:1px solid var(--line);display:flex;flex-direction:column;gap:8px;flex:1}
.prod h3{font-size:16px;margin:0}
.prod h3 a{text-decoration:none}
.prod .meta{font-size:13px;color:var(--muted)}
.prod .price{font-size:20px}
.prod .btn{margin-top:auto;justify-content:center;padding:11px}

/* clients */
.clients{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}
.clients span{padding:10px 18px;border:1px solid var(--line);border-radius:99px;font-weight:700;color:#8a90a6;background:#fff;font-size:14px}

/* steps */
.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;counter-reset:s}
.step{padding:24px;border-radius:var(--r);background:#fff;border:1px solid var(--line)}
.step::before{counter-increment:s;content:counter(s);display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:var(--navy);color:#fff;font-weight:800;margin-bottom:12px}
.step h3{font-size:18px}.step p{margin:0;color:var(--muted);font-size:15px}

/* bulk */
.bulk{display:grid;grid-template-columns:1fr 1fr;gap:32px;align-items:center;background:linear-gradient(135deg,var(--navy-2),var(--navy));color:#dfe3f3;border-radius:20px;padding:44px}
.bulk h2{color:#fff}
.bulk ul{padding-left:18px}
form.q{background:#fff;border-radius:14px;padding:22px;display:grid;grid-template-columns:1fr 1fr;gap:12px;color:var(--ink)}
form.q label{font-size:13px;font-weight:600;display:flex;flex-direction:column;gap:5px}
form.q .full{grid-column:1/-1}
form.q input,form.q select,form.q textarea{font:inherit;padding:11px 12px;border:1.5px solid var(--line);border-radius:9px;width:100%}
form.q input:focus,form.q select:focus,form.q textarea:focus{outline:none;border-color:var(--navy)}
.formok{display:none;grid-column:1/-1;background:#e9f8ef;color:var(--ok);padding:10px 12px;border-radius:8px;font-weight:600}

/* faq */
.faq{max-width:860px}
.faq details{border:1px solid var(--line);border-radius:12px;background:#fff;margin-bottom:10px}
.faq summary{cursor:pointer;list-style:none;padding:18px 20px;font-weight:700;color:var(--navy-2);display:flex;justify-content:space-between;gap:12px}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";font-size:22px;line-height:1;color:var(--red)}
.faq details[open] summary::after{content:"–"}
.faq details p{margin:0;padding:0 20px 18px;color:var(--muted)}

/* guides */
.guides{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.guide{padding:24px;border-radius:var(--r);border:1px solid var(--line);background:#fff;text-decoration:none;display:flex;flex-direction:column;gap:8px}
.guide small{color:var(--red);font-weight:700;font-size:12px;letter-spacing:.06em;text-transform:uppercase}
.guide b{font-size:18px;color:var(--navy-2);line-height:1.3}
.guide span{color:var(--muted);font-size:15px}

/* footer */
footer{background:var(--navy-2);color:#b8c0de;padding:56px 0 24px;font-size:15px}
footer .cols{display:grid;grid-template-columns:1.4fr 1fr 1fr 1.2fr;gap:28px}
footer h2{color:#fff;margin:0 0 12px;font-size:15px;letter-spacing:normal}
footer a{color:#b8c0de;text-decoration:none;display:block;padding:4px 0}
footer a:hover{color:#fff}
footer .logo-f{background:#fff;border-radius:10px;padding:8px 12px;display:inline-block;margin-bottom:14px}
footer .logo-f img{height:32px;width:auto}
footer .legal{border-top:1px solid rgba(255,255,255,.12);margin-top:36px;padding-top:18px;display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;font-size:13px}

.mbar{display:none}
.toast{position:fixed;left:50%;bottom:24px;transform:translateX(-50%) translateY(20px);background:var(--navy-2);color:#fff;padding:12px 18px;border-radius:10px;opacity:0;pointer-events:none;transition:.25s;z-index:80;font-weight:600}
.toast.on{opacity:1;transform:translateX(-50%) translateY(0)}

@media (max-width:1024px){
  .grid{grid-template-columns:repeat(3,1fr)}.cats{grid-template-columns:repeat(3,1fr)}
  .steps{grid-template-columns:repeat(2,1fr)}
  nav.main a{padding:10px 8px;font-size:14px}
  .hdr-cta .btn{display:none}
}
@media (max-width:960px){
  nav.main{display:none;position:absolute;top:72px;left:0;right:0;background:#fff;flex-direction:column;padding:10px 16px 16px;border-bottom:1px solid var(--line);box-shadow:var(--shadow)}
  nav.main.open{display:flex}
  .burger{display:block;margin-left:auto}
}
@media (max-width:860px){
  .hero .wrap{grid-template-columns:1fr;padding-top:32px}
  .hero-art{max-width:320px;order:-1}
  .seal{width:104px;height:104px}.seal strong{font-size:34px}
  .trust .wrap{grid-template-columns:1fr 1fr}
  .trust div:nth-child(2){border-right:0}.trust div:nth-child(-n+2){border-bottom:1px solid var(--line)}
  .usp,.bulk,.picker,form.q{grid-template-columns:1fr}
  .bulk{padding:28px 20px}
  .reco{grid-template-columns:120px 1fr}
  .grid{grid-template-columns:1fr 1fr;gap:12px}
  .guides{grid-template-columns:1fr}
  footer .cols{grid-template-columns:1fr 1fr}
  .sec{padding:52px 0}
  .mbar{display:grid;grid-template-columns:1fr 1fr;gap:8px;position:fixed;left:0;right:0;bottom:0;padding:10px 12px calc(10px + env(safe-area-inset-bottom));background:#fff;border-top:1px solid var(--line);z-index:60}
  .mbar .btn{justify-content:center}
  body{padding-bottom:72px}
  .topbar .hide-m{display:none}
}
@media (max-width:480px){
  .wrap{padding:0 16px}
  .cats{grid-template-columns:1fr 1fr}
  .steps{grid-template-columns:1fr}
  .card{padding:22px}
  .prod .bd{padding:12px}
  .prod h3{font-size:14px}
  footer .cols{grid-template-columns:1fr}
  .reco{grid-template-columns:1fr}
  .reco img{max-width:160px}
}

/* ===== Generic pages ===== */
.skip{position:absolute;left:-9999px}.skip:focus{left:16px;top:16px;z-index:100;background:#fff;padding:10px 14px;border-radius:8px}
.page-hero{background:var(--soft);border-bottom:1px solid var(--line);padding:36px 0 28px}
.page-hero h1{font-size:clamp(28px,4vw,42px);margin:6px 0 0}
.crumbs{font-size:13px;color:var(--muted)}.crumbs a{color:var(--muted)}
.content{padding-top:40px;padding-bottom:64px}
.prose{max-width:820px;font-size:17px}
.prose h2{margin-top:36px}.prose h3{margin-top:28px}
.prose img{border-radius:var(--r)}
.prose table{width:100%;border-collapse:collapse;margin:20px 0}.prose th,.prose td{border:1px solid var(--line);padding:10px;text-align:left}
.prose a{color:var(--accent-ink,var(--red))}
.posts{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.post-card{border:1px solid var(--line);border-radius:var(--r);overflow:hidden;background:#fff;text-decoration:none;display:flex;flex-direction:column}
.post-card img{aspect-ratio:16/9;object-fit:cover;width:100%}
.post-card div{padding:18px}.post-card b{color:var(--navy-2);font-size:18px;line-height:1.3;display:block;margin-bottom:6px}
.post-card span{color:var(--muted);font-size:15px}
.pagination{margin-top:28px;display:flex;gap:6px;flex-wrap:wrap}
.pagination .page-numbers{padding:8px 13px;border:1px solid var(--line);border-radius:8px;text-decoration:none}
.pagination .current{background:var(--navy);color:#fff;border-color:var(--navy)}
.search-form{display:flex;gap:8px;max-width:520px}
.search-form input{flex:1;font:inherit;padding:12px;border:1.5px solid var(--line);border-radius:10px}
.quote-ok{background:#e9f8ef;color:var(--ok);padding:12px 14px;border-radius:10px;font-weight:600;margin-bottom:16px}
form.q .hp{position:absolute;left:-9999px}

/* ===== WooCommerce ===== */
.woocommerce .woocommerce-breadcrumb{font-size:13px;color:var(--muted);margin:0 0 10px}
.woocommerce-products-header__title{font-size:clamp(28px,4vw,40px)}
.term-description{color:var(--muted);max-width:820px}
.woocommerce-result-count{color:var(--muted);font-size:14px;margin:0}
.woocommerce-ordering select{font:inherit;padding:9px 10px;border:1.5px solid var(--line);border-radius:9px}
.shop-bar{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin:18px 0}
ul.products{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
ul.products::before,ul.products::after{display:none}
ul.products li.product{background:#fff;border:1px solid var(--line);border-radius:var(--r);overflow:hidden;display:flex;flex-direction:column;position:relative;width:auto!important;margin:0!important;float:none!important;padding:0!important}
ul.products li.product:hover{box-shadow:var(--shadow)}
ul.products li.product a.woocommerce-LoopProduct-link{text-decoration:none;display:flex;flex-direction:column;flex:1}
ul.products li.product img{aspect-ratio:1/1;object-fit:contain;padding:14px;background:#fff;margin:0!important;width:100%}
ul.products li.product .woocommerce-loop-product__title{font-size:16px!important;color:var(--navy-2);margin:0!important;padding:14px 16px 4px!important;border-top:1px solid var(--line)}
ul.products li.product .price{display:block;padding:0 16px;font-size:20px!important;font-weight:800;color:var(--navy-2)!important;margin:6px 0!important}
.price del{font-size:.7em;color:var(--muted);font-weight:500;opacity:1}
.price ins{text-decoration:none}
.fs-loop-meta{padding:0 16px;font-size:13px;color:var(--muted)}
ul.products li.product .button,.woocommerce a.button,.woocommerce button.button,.woocommerce input.button,.woocommerce #respond input#submit{background:var(--red)!important;color:var(--on-accent,#fff)!important;border-radius:10px!important;font-weight:600!important;padding:12px 18px!important;border:0}
ul.products li.product .button{margin:12px 16px 16px!important;text-align:center;display:block}
.woocommerce a.button:hover,.woocommerce button.button:hover{background:var(--red-d)!important}
.woocommerce a.added_to_cart{display:block;text-align:center;font-size:13px;padding:0 0 12px}
.onsale{position:absolute;left:10px;top:10px;background:var(--navy)!important;color:#fff;font-size:11px;font-weight:700;padding:5px 8px!important;border-radius:6px!important;min-height:0!important;min-width:0!important;line-height:1.2!important;z-index:2;margin:0!important}
/* single product */
.single-product div.product{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:start}
.single-product div.product .woocommerce-product-gallery{width:100%!important;float:none!important;border:1px solid var(--line);border-radius:var(--r);padding:16px;background:#fff;position:relative}
.single-product div.product .summary{width:100%!important;float:none!important}
.single-product .product_title{font-size:clamp(26px,3.4vw,36px)}
.single-product div.product p.price{font-size:28px!important;font-weight:800;color:var(--navy-2)!important}
.single-product .quantity input{font:inherit;padding:11px;border:1.5px solid var(--line);border-radius:9px;width:80px}
.single-product form.cart{display:flex;gap:10px;align-items:center;margin:18px 0}
.single-product .woocommerce-tabs,.single-product .related,.single-product .upsells{grid-column:1/-1}
.woocommerce-tabs ul.tabs{list-style:none;padding:0;display:flex;gap:6px;border-bottom:1px solid var(--line);margin:0 0 18px}
.woocommerce-tabs ul.tabs li a{display:block;padding:12px 16px;text-decoration:none;font-weight:700;color:var(--muted)}
.woocommerce-tabs ul.tabs li.active a{color:var(--navy-2);box-shadow:inset 0 -3px 0 var(--red)}
.fs-trustbox{border:1px solid var(--line);border-radius:var(--r);padding:16px 18px;margin:18px 0;background:var(--soft);display:grid;gap:8px;font-size:15px}
.fs-trustbox div{display:flex;gap:10px;align-items:flex-start}
.fs-trustbox b{color:var(--navy-2)}
.fs-wa{display:inline-flex;margin-top:4px}
/* cart / checkout / account */
.woocommerce table.shop_table{border:1px solid var(--line)!important;border-radius:var(--r)!important;border-collapse:separate;width:100%}
.woocommerce form .form-row input.input-text,.woocommerce form .form-row textarea,.woocommerce form .form-row select,.select2-container .select2-selection{font:inherit;padding:11px 12px!important;border:1.5px solid var(--line)!important;border-radius:9px!important;min-height:46px}
.woocommerce-message,.woocommerce-info,.woocommerce-error{border-radius:10px;border-top-color:var(--navy)!important;background:var(--soft)!important}
.woocommerce-cart .cart-collaterals .cart_totals,.woocommerce-checkout #order_review{background:var(--soft);border-radius:var(--r);padding:20px}
#place_order{width:100%;font-size:17px!important;padding:16px!important}

@media (max-width:1024px){ul.products{grid-template-columns:repeat(3,1fr)}.posts{grid-template-columns:1fr 1fr}}
@media (max-width:860px){
  ul.products{grid-template-columns:1fr 1fr;gap:12px}
  .single-product div.product{grid-template-columns:1fr;gap:20px}
  .posts{grid-template-columns:1fr}
}
@media (max-width:480px){
  ul.products li.product .woocommerce-loop-product__title{font-size:14px!important;padding:12px 12px 4px!important}
  ul.products li.product .price{padding:0 12px;font-size:17px!important}
  ul.products li.product .button{margin:10px 12px 12px!important;padding:10px!important}
  .fs-loop-meta{padding:0 12px}
}
[hidden]{display:none!important}
.card li svg{color:var(--ok)}
.reco img{max-height:200px;width:auto;object-fit:contain}
.cat img{width:96px;height:96px;object-fit:contain}
.prod .ph img{width:100%;height:100%;object-fit:contain}
.prod .btn{color:#fff}
.prod .added_to_cart{font-size:13px;text-align:center}
@media (max-width:860px){.prose table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch}}

/* ===== Static preview additions ===== */
.preview-note{background:#fff3cd;color:#6b5200;text-align:center;font-size:13px;padding:6px 12px}
nav.main a[aria-current="page"]{color:var(--red)}
.page-lead{color:var(--muted);font-size:17px;max-width:720px;margin:10px 0 0}
.from{font-size:13px;font-weight:600;color:var(--muted)}
.draft-note{background:#fff3cd;color:#6b5200;padding:10px 14px;border-radius:10px;font-size:14px}
.form-note{font-size:12px;color:var(--muted);margin:0}
.cat-desc{margin-top:56px;padding-top:32px;border-top:1px solid var(--line)}
.prose ul,.prose ol{padding-left:22px}.prose li{margin:6px 0}

/* shop filters */
.filters{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:6px}
.fchip{border:1.5px solid var(--line);background:#fff;border-radius:99px;padding:8px 14px;font:600 14px/1 inherit;font-family:inherit;color:var(--navy-2);cursor:pointer}
.fchip[aria-pressed="true"]{background:var(--navy);border-color:var(--navy);color:#fff}
.sort select{font:inherit;padding:9px 10px;border:1.5px solid var(--line);border-radius:9px;margin-left:6px}

/* product page */
.pdp{display:grid;grid-template-columns:1fr 1fr;gap:44px;align-items:start}
.gallery .main-img{border:1px solid var(--line);border-radius:var(--r);background:#fff;padding:16px;aspect-ratio:1/1;display:grid;place-items:center}
.gallery .main-img img{max-height:100%;object-fit:contain}
.thumbs{display:flex;gap:8px;margin-top:10px}
.thumbs button{border:1.5px solid var(--line);border-radius:10px;background:#fff;padding:4px;cursor:pointer}
.thumbs button:hover{border-color:var(--navy)}
.product_title{font-size:clamp(26px,3.4vw,36px);margin-bottom:10px}
.pdp-price{font-size:30px!important}
.incl{font-size:13px;color:var(--muted);margin:4px 0 18px}
.opt-label{font-size:13px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.06em;margin-bottom:8px}
.opts{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:18px}
.opts .opt-label{width:100%;margin:0}
.opt{border:1.5px solid var(--line);background:#fff;border-radius:10px;padding:10px 14px;font:600 15px/1 inherit;font-family:inherit;color:var(--navy-2);cursor:pointer}
.opt[aria-checked="true"]{border-color:var(--red);background:var(--warm)}
.opt:disabled{opacity:.45;text-decoration:line-through;cursor:not-allowed}
.buy{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.qty{display:flex;align-items:center;gap:8px;font-weight:600}
.qty input{width:74px;font:inherit;padding:11px;border:1.5px solid var(--line);border-radius:9px}
.prose.short{margin-top:6px;font-size:15px}
.pdp-desc{margin-top:56px;padding-top:32px;border-top:1px solid var(--line)}
.related{margin-top:56px}
.related h2{margin-bottom:20px}

/* cart */
.cart-table{width:100%;border-collapse:collapse}
.cart-table th,.cart-table td{padding:14px 10px;border-bottom:1px solid var(--line);text-align:left;vertical-align:middle}
.cart-table th{font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
.cart-table img{width:64px;height:64px;object-fit:contain;border:1px solid var(--line);border-radius:8px;background:#fff}
.cart-item{display:flex;gap:12px;align-items:center}
.cart-item small{display:block;color:var(--muted)}
.cart-table input{width:64px;font:inherit;padding:8px;border:1.5px solid var(--line);border-radius:8px}
.rm{background:none;border:0;color:var(--muted);cursor:pointer;font-size:20px}
.cart-layout{display:grid;grid-template-columns:1fr 340px;gap:32px;align-items:start}
.totals{background:var(--soft);border-radius:var(--r);padding:22px}
.totals .row{display:flex;justify-content:space-between;margin:8px 0}
.totals .grand{font-size:22px;font-weight:800;color:var(--navy-2);border-top:1px solid var(--line);padding-top:12px;margin-top:12px}
.totals .btn{width:100%;justify-content:center;margin-top:12px}

.contact-grid{display:grid;grid-template-columns:1fr 1.3fr;gap:32px;align-items:start}
.contact-grid .card h3{font-size:16px;margin:18px 0 4px}.contact-grid .card h3:first-child{margin-top:0}
.contact-grid .card p{margin:0}
.contact-grid form.q{border:1px solid var(--line)}

@media (max-width:860px){
  .pdp,.cart-layout,.contact-grid{grid-template-columns:1fr;gap:24px}
  .cart-table thead{display:none}
  .cart-table tr{display:grid;grid-template-columns:1fr auto;gap:6px;padding:12px 0;border-bottom:1px solid var(--line)}
  .cart-table td{border:0;padding:4px 0}
  .cart-table td:first-child{grid-column:1/-1}
}

@media (max-width:860px){.topbar .wrap>span:first-child{display:none}.topbar .wrap{justify-content:center}.hero-art{max-width:260px}}
.prod .price{display:flex;flex-wrap:wrap;align-items:baseline;gap:0 6px}.prod .price s,.prod .price .off{margin-left:0}

/* ===== FireSpray website: premium layer ===== */
:root{--navy:#0f2350;--navy-2:#0a1838;--red:#e3262e;--red-d:#c41d24;--ink:#121829;--muted:#5a6178;--line:#e4e7ef;--soft:#f5f7fb;--warm:#fff3f2;--r:16px;--shadow:0 1px 2px rgba(15,35,80,.05),0 12px 32px rgba(15,35,80,.08)}
body{font-family:"Plus Jakarta Sans",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;font-size:16.5px;color:var(--ink)}
h1,h2,h3{letter-spacing:-.02em}
h2{font-size:clamp(28px,3.4vw,42px)}
.wrap{max-width:1240px}
.btn{border-radius:12px;font-weight:700}
.btn-lg{padding:16px 24px;font-size:16px}
.btn-white{background:#fff;color:var(--navy-2)}
.btn-ghost-w{background:transparent;color:#fff;box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.5)}
.btn-ghost-w:hover{background:rgba(255,255,255,.08)}
.eyebrow{font-size:12.5px;letter-spacing:.12em}
.sec{padding:84px 0}
.sec-head.center{text-align:center;margin-left:auto;margin-right:auto}
.sec-row{display:flex;justify-content:space-between;align-items:end;gap:16px;margin-bottom:30px;flex-wrap:wrap}
.sec-row h2{margin:0}
.link-arrow{font-weight:700;color:var(--red);text-decoration:none}
.link-arrow:hover{text-decoration:underline}

/* top bar + header */
.topbar{background:var(--navy-2);font-size:13.5px}
.topbar .wrap{align-items:center}
.topbar svg.i{width:15px;height:15px;vertical-align:-3px;color:#ff8f93}
.tb-l .dot{opacity:.4;margin:0 6px}
.tb-r{display:flex;gap:18px}
.tb-r a{display:inline-flex;align-items:center;gap:6px}
header.site{box-shadow:0 1px 0 var(--line)}
header.site .wrap{height:78px}
.logo img{height:42px}
nav.main{gap:2px;align-items:center}
nav.main>a,.has-mega>a{font-weight:600;font-size:15px;color:var(--ink);padding:10px 12px;border-radius:10px;text-decoration:none;display:inline-flex;align-items:center;gap:4px}
nav.main>a:hover,.has-mega>a:hover{background:var(--soft);color:var(--red)}
nav.main a[aria-current="page"]{color:var(--red)}
.car{font-size:11px;opacity:.6}
.has-mega{position:relative}
.mega{position:absolute;left:-12px;top:100%;width:640px;background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:0 24px 60px rgba(15,35,80,.16);padding:14px;opacity:0;visibility:hidden;transform:translateY(8px);transition:.18s;z-index:60}
.has-mega:hover .mega,.has-mega:focus-within .mega{opacity:1;visibility:visible;transform:none}
.mega-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:4px}
.mega-grid a{display:block;padding:10px 12px;border-radius:10px;text-decoration:none}
.mega-grid a:hover{background:var(--soft)}
.mega-grid b{display:block;font-size:14.5px;color:var(--navy-2)}
.mega-grid small{color:var(--muted);font-size:12.5px}
.mega-all{display:block;margin-top:8px;padding:12px;border-radius:10px;background:var(--warm);color:var(--red);font-weight:700;text-decoration:none;font-size:14px}

/* hero */
.hero2{background:radial-gradient(900px 500px at 90% -10%,#ffe3e1 0,transparent 60%),linear-gradient(180deg,#f7f9fd,#fff);border-bottom:1px solid var(--line);overflow:hidden}
.hero2 .wrap{display:grid;grid-template-columns:1fr 1.08fr;gap:48px;align-items:center;padding-top:64px;padding-bottom:64px}
.kicker{display:inline-flex;align-items:center;gap:8px;background:#fff;border:1px solid var(--line);border-radius:99px;padding:7px 14px;font-weight:700;font-size:13px;color:var(--navy);box-shadow:var(--shadow)}
.kicker::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--red)}
.hero2 h1{font-size:clamp(38px,5vw,62px);line-height:1.04;margin:20px 0 18px;font-weight:800;color:var(--navy-2)}
.hero2 .hl{color:var(--red);white-space:nowrap}
.hero2 .lead{font-size:18.5px;color:var(--muted);margin:0 0 28px;max-width:560px}
.hero2 .ctas{display:flex;gap:12px;flex-wrap:wrap}
.hero2 .ticks{margin-top:26px}
.hero-stage{background:#fff;border-radius:28px;box-shadow:0 30px 70px rgba(15,35,80,.14);overflow:hidden;border:1px solid var(--line)}
.w-ribbon{display:flex;align-items:center;gap:14px;background:linear-gradient(90deg,var(--red),#f0453c);color:#fff;padding:14px 24px}
.w-ribbon .w5{font-size:82px;font-weight:800;line-height:.8;letter-spacing:-.04em}
.w-ribbon .wt{font-size:28px;font-weight:800;line-height:1;letter-spacing:.01em}
.w-ribbon .wt small{display:block;font-size:14px;font-weight:600;opacity:.92;margin-top:6px;letter-spacing:0}
.lineup{position:relative;height:360px;margin:10px 0 0}
.lineup img{position:absolute;bottom:0;width:auto;mix-blend-mode:multiply}
.h1{left:-9%;height:56%;z-index:1}.h2{left:6%;height:82%;z-index:2}.h3{left:50%;transform:translateX(-50%);height:100%;z-index:4}.h4{right:6%;height:80%;z-index:3}.h5{right:-9%;height:54%;z-index:1}.h6{left:25%;height:30%;z-index:5}
.stage-foot{display:flex;justify-content:space-between;gap:12px;background:var(--navy-2);color:#cfd6ec;padding:13px 22px;font-size:13.5px;font-weight:600}
.stage-foot a{color:#fff;text-decoration:none;white-space:nowrap}

/* facts */
.facts{border-bottom:1px solid var(--line);background:#fff}
.facts .wrap{display:grid;grid-template-columns:repeat(4,1fr)}
.facts .wrap>div{display:flex;gap:14px;align-items:center;padding:24px 18px;border-right:1px solid var(--line)}
.facts .wrap>div:last-child{border-right:0}
.facts p{margin:0}.facts b{display:block;color:var(--navy-2)}.facts small{color:var(--muted);font-size:13.5px}
.fi{width:46px;height:46px;border-radius:12px;background:var(--warm);color:var(--red);display:grid;place-items:center;flex:none}
.fi svg.i{width:22px;height:22px}

/* categories */
.cats2{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.cat2{display:flex;flex-direction:column;gap:4px;padding:18px;background:#fff;border:1px solid var(--line);border-radius:var(--r);text-decoration:none;transition:.18s}
.cat2:hover{border-color:var(--red);box-shadow:var(--shadow);transform:translateY(-3px)}
.cimg{height:150px;display:grid;place-items:center;background:var(--soft);border-radius:12px;margin-bottom:10px}
.cimg img{max-height:138px;width:auto;mix-blend-mode:multiply}
.cat2 b{font-size:17px;color:var(--navy-2)}
.cat2 small{color:var(--muted);font-size:13.5px}
.cat2 em{font-style:normal;font-weight:700;color:var(--red);font-size:14px;margin-top:4px}

/* society band */
.society-band{background:linear-gradient(135deg,var(--navy-2),var(--navy) 70%);color:#d8deef}
.society-band .wrap{display:grid;grid-template-columns:1.15fr .85fr;gap:44px;align-items:center}
.society-band h2{color:#fff}
.society-band .eyebrow{color:#ff9a9e}
.society-band p{font-size:18px}
.sb-list{list-style:none;padding:0;margin:22px 0 28px;display:grid;gap:12px}
.sb-list li{display:flex;gap:12px;align-items:flex-start}
.sb-list svg.i{color:#ff9a9e;margin-top:3px}
.sb-list b{color:#fff}
.sb-list.dark b{color:var(--navy-2)}.sb-list.dark svg.i{color:var(--red)}
.society-band .ctas{display:flex;gap:12px;flex-wrap:wrap}
.sb-card{background:#fff;color:var(--ink);border-radius:22px;padding:24px;box-shadow:0 30px 60px rgba(0,0,0,.25)}
.sbc-head{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:8px}
.sbc-head span{color:var(--muted);font-size:13.5px}.sbc-head b{font-size:20px;color:var(--navy-2)}
.sb-card ul{list-style:none;padding:0;margin:0 0 18px}
.sb-card li{display:flex;justify-content:space-between;gap:10px;padding:12px 0;border-bottom:1px dashed var(--line);font-size:15px}
.sb-card li b{font-size:18px;color:var(--navy-2)}.sb-card li b.g{color:var(--ok);font-size:15px}

/* product cards */
.prod{border-radius:var(--r)}
.prod .ph{background:var(--soft)}
.prod .ph img{mix-blend-mode:multiply}
.tag{background:var(--red)}
.prod h3{font-size:15.5px;line-height:1.3}

/* usp */
.card{border-radius:20px}
.big-num{font-size:64px}

/* training band */
.training-band{background:var(--red);color:#fff}
.training-band .wrap{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}
.training-band h2{color:#fff}
.training-band p{font-size:18px;opacity:.95}
.tb-steps{list-style:none;counter-reset:t;padding:0;margin:0;display:grid;grid-template-columns:1fr 1fr;gap:12px}
.tb-steps li{background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.25);border-radius:16px;padding:18px;counter-increment:t}
.tb-steps li::before{content:"0" counter(t);display:block;font-weight:800;font-size:26px;opacity:.6}
.tb-steps b{display:block;font-size:18px}.tb-steps span{font-size:14.5px;opacity:.9}

.step{border-radius:var(--r)}
.clients-sec{padding:48px 0}
.cl-title{text-align:center;color:var(--muted);font-weight:700;text-transform:uppercase;letter-spacing:.12em;font-size:12.5px;margin:0 0 18px}
.clients span{border-radius:10px;font-size:15px;color:#6a7189}
.faq-wrap{display:grid;grid-template-columns:.8fr 1.2fr;gap:44px;align-items:start}
.faq-wrap .faq{max-width:none}

/* pre-footer */
.pre-foot{background:var(--soft);border-top:1px solid var(--line)}
.pre-foot .wrap{display:flex;justify-content:space-between;align-items:center;gap:24px;padding-top:44px;padding-bottom:44px;flex-wrap:wrap}
.pre-foot h2{font-size:clamp(24px,2.6vw,32px);margin:0 0 6px}
.pre-foot p{margin:0;color:var(--muted)}
.pf-cta{display:flex;gap:12px;flex-wrap:wrap}
footer{background:var(--navy-2);padding:60px 0 26px}
footer .cols{grid-template-columns:1.5fr 1fr 1fr 1fr}
footer p{margin:0 0 12px;line-height:1.6}
footer .addr{color:#9aa5c8}
footer .legal a{display:inline;margin-left:16px}

/* inner page hero */
.page-hero{background:linear-gradient(180deg,#f3f6fc,#fff);padding:44px 0 36px}
.page-hero h1{font-size:clamp(30px,4vw,46px);color:var(--navy-2)}
.ph-big{padding:48px 0}
.ph-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}
.ph-img{background:#fff;border-radius:24px;box-shadow:var(--shadow);overflow:hidden;border:1px solid var(--line)}
.w-ribbon.sm{padding:10px 18px}.w-ribbon.sm .w5{font-size:56px}.w-ribbon.sm .wt{font-size:20px}.w-ribbon.sm .wt small{font-size:12px}
.lineup.sm{height:260px}

/* societies page */
.prom{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.pc{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:24px;box-shadow:var(--shadow);display:flex;gap:16px;align-items:flex-start}
.pc h3{font-size:20px}.pc p{margin:4px 0 0;color:var(--muted);font-size:15.5px}
.ic{width:52px;height:52px;border-radius:14px;display:grid;place-items:center;flex:none}
.ic svg.i{width:24px;height:24px}
.ic.r{background:#fdecec;color:var(--red)}.ic.b{background:#e9efff;color:var(--navy)}.ic.g{background:#e7f6ee;color:var(--ok)}
.cmp{width:100%;border-collapse:separate;border-spacing:0;background:#fff;border-radius:var(--r);overflow:hidden;box-shadow:var(--shadow);font-size:16px}
.cmp th,.cmp td{padding:15px 18px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}
.cmp thead th{background:var(--navy-2);color:#fff}
.cmp thead th:last-child{background:var(--red)}
.cmp td:first-child{font-weight:700;color:var(--navy-2);width:24%}
.cmp td:nth-child(2){color:#9a3b2c}
.cmp td:last-child{color:var(--ok);font-weight:700;background:#f3fbf6}
.cmp tr:last-child td{border-bottom:0}
.calc{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:start}
.cin label{display:block;font-weight:700;margin-bottom:16px;color:var(--navy-2)}
.cin input[type=number]{width:100%;font:600 18px inherit;font-family:inherit;padding:11px 12px;border:1.5px solid var(--line);border-radius:10px;margin-top:6px}
.checks{display:grid;grid-template-columns:1fr 1fr;gap:10px 14px}
.checks label{display:flex;gap:8px;align-items:center;margin:0;font-weight:600;color:var(--ink)}
.checks input{width:18px;height:18px;accent-color:var(--red)}
.cout h3{font-size:22px;margin-bottom:6px}
.kit{list-style:none;padding:0;margin:0 0 14px}
.kit li{display:flex;justify-content:space-between;gap:12px;padding:12px 0;border-bottom:1px dashed var(--line)}
.kit b{font-size:20px;color:var(--navy-2)}
.est{background:var(--soft);border-radius:14px;padding:16px 18px;margin:14px 0}
.est span{color:var(--muted);font-weight:600;font-size:14px}.est strong{display:block;font-size:32px;color:var(--navy-2);line-height:1.15}.est small{color:var(--muted);font-size:13px}
.free{display:flex;gap:10px;align-items:center;background:#ecf8f1;color:var(--ok);font-weight:700;border-radius:12px;padding:11px 14px;margin-bottom:14px}
.where{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.wh{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:16px;text-align:center;text-decoration:none;transition:.18s}
.wh:hover{border-color:var(--red);box-shadow:var(--shadow)}
.wh .im{height:140px;display:grid;place-items:center;background:var(--soft);border-radius:12px;margin-bottom:10px}
.wh img{max-height:130px;width:auto;mix-blend-mode:multiply}
.wh b{display:block;color:var(--navy-2);font-size:16.5px}
.wh span{color:var(--muted);font-size:14px}
.two-col{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:start}
.two-col form.q{padding:0}
.who{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:20px}
.who div{background:#fff;border:1px solid var(--line);border-radius:14px;padding:14px 16px;box-shadow:var(--shadow)}
.who b{display:block;color:var(--navy-2)}.who small{color:var(--muted)}
.tcard{position:relative;overflow:hidden}
.tcard ol{padding-left:22px;margin:14px 0 0;font-size:17px}.tcard li{margin:8px 0}
.free-tag{position:absolute;right:-42px;top:20px;background:#ffc83d;color:var(--ink);font-weight:800;padding:6px 50px;transform:rotate(35deg);font-size:14px}

@media (max-width:1100px){
  nav.main>a,.has-mega>a{padding:9px 8px;font-size:14px}
  .hdr-cta .btn{display:none}
}
@media (max-width:960px){
  nav.main{top:78px}
  .has-mega .mega{display:none}
  .car{display:none}
  .hero2 .wrap,.society-band .wrap,.training-band .wrap,.faq-wrap,.ph-grid,.calc,.two-col{grid-template-columns:1fr}
  .hero-stage{order:-1}
  .hero2 .wrap{padding-top:24px;padding-bottom:40px;gap:28px}
  .facts .wrap{grid-template-columns:1fr 1fr}
  .facts .wrap>div:nth-child(2){border-right:0}.facts .wrap>div:nth-child(-n+2){border-bottom:1px solid var(--line)}
  .cats2,.where{grid-template-columns:1fr 1fr}
  .prom{grid-template-columns:1fr}
  .sec{padding:60px 0}
}
@media (max-width:560px){
  .topbar .tb-l{display:none}.topbar .wrap{justify-content:center}
  .w-ribbon{padding:12px 16px}.w-ribbon .w5{font-size:60px}.w-ribbon .wt{font-size:21px}.w-ribbon .wt small{font-size:12px}
  .lineup{height:240px}.lineup.sm{height:200px}
  .stage-foot span{display:none}
  .hero2 .hl{white-space:normal}
  .facts .wrap>div{padding:16px 10px;gap:10px}.fi{width:38px;height:38px}
  .cimg{height:110px}.cimg img{max-height:100px}
  .cat2{padding:12px}
  .tb-steps{grid-template-columns:1fr}
  .checks{grid-template-columns:1fr}
  .cmp{font-size:14px}.cmp th,.cmp td{padding:11px 9px}
  .who{grid-template-columns:1fr}
  footer .legal a{margin:0 12px 0 0}
}
@media (max-width:960px){footer .cols{grid-template-columns:1fr 1fr}}
@media (max-width:560px){footer .cols{grid-template-columns:1fr}}

/* ===== v3: professional type, live-site style header, pedestal hero ===== */
:root{--navy:#0d1f4a;--navy-2:#0a1736;--red:#e02b20;--red-d:#c2221a;--ink:#1a1f2e;--muted:#5b6275;--line:#e6e8ee;--soft:#f4f6f9;--r:12px}
body{font-family:Inter,system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;font-size:16px;line-height:1.6;color:var(--ink)}
h1,h2,h3,h4,.btn,.eyebrow,.catbar a,.big-num,.price,.w-ribbon,.seal3{font-family:Poppins,Inter,system-ui,sans-serif}
h1,h2,h3{letter-spacing:-.01em;font-weight:700}
h2{font-size:clamp(26px,3vw,36px);line-height:1.2}
h3{font-weight:600}
.btn{font-weight:600;border-radius:8px;letter-spacing:.01em}
.btn-outline{background:#fff;color:var(--navy);box-shadow:inset 0 0 0 2px var(--navy)}
.btn-outline:hover{background:var(--navy);color:#fff}
.eyebrow{font-weight:600;letter-spacing:.14em;font-size:12px}

/* top bar */
.topbar,.site,header.site{display:none}
.topbar3{background:#fff;border-bottom:1px solid var(--line);font-size:13.5px;color:#444}
.topbar3 .wrap{display:flex;justify-content:space-between;align-items:center;gap:16px;padding-top:9px;padding-bottom:9px}
.topbar3 a{color:var(--ink);text-decoration:none}
.topbar3 b{font-weight:600}
.topbar3 .sep{display:inline-block;width:1px;height:12px;background:#ccc;margin:0 12px;vertical-align:-1px}
.tb-r{display:flex;gap:0}
.tb-r a{padding:0 14px;border-left:1px solid var(--line)}
.tb-r a:first-child{border-left:0}
.tb-r a:hover{color:var(--red)}

/* main header */
.site3{background:#fff;position:sticky;top:0;z-index:50;box-shadow:0 1px 0 var(--line)}
.site3 .wrap{display:flex;align-items:center;gap:28px;height:92px}
.logo3 img{height:46px;width:auto}
.burger3{display:none;background:none;border:0;padding:6px;cursor:pointer;color:var(--ink)}
.search3{flex:1;display:flex;align-items:stretch;border:2px solid var(--red);border-radius:999px;overflow:hidden;height:48px;max-width:640px}
.search3 input{flex:1;border:0;padding:0 22px;font:400 15px Inter,sans-serif;min-width:0;outline:none}
.search3 select{border:0;border-left:1px solid var(--line);padding:0 14px;font:500 14px Inter,sans-serif;color:var(--ink);background:#fff;max-width:180px;outline:none;cursor:pointer}
.search3 button{border:0;background:var(--red);color:#fff;width:64px;display:grid;place-items:center;cursor:pointer}
.search3 button:hover{background:var(--red-d)}
.search3 svg.i{width:22px;height:22px}
.hdr-call{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--ink);white-space:nowrap}
.hc-ic{width:42px;height:42px;border-radius:50%;background:#fdeceb;color:var(--red);display:grid;place-items:center}
.hdr-call small,.cart3 small{display:block;font-size:12px;color:var(--muted);line-height:1.2}
.hdr-call b,.cart3 b{font:600 15px Poppins,sans-serif}
.cart3{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--ink)}
.c-ic{position:relative;display:grid;place-items:center;width:42px;height:42px}
.c-ic svg.i{width:28px;height:28px}
.c-ic b#cartN{position:absolute;top:-2px;right:-4px;background:var(--red);color:#fff;border-radius:99px;min-width:20px;height:20px;font:600 11px/20px Inter,sans-serif;text-align:center}

/* red category bar */
.catbar{background:var(--red)}
.catbar .wrap{display:flex;align-items:stretch;overflow-x:auto;scrollbar-width:none}
.catbar .wrap::-webkit-scrollbar{display:none}
.catbar a{color:#fff;text-decoration:none;font-weight:600;font-size:14.5px;padding:15px 16px;white-space:nowrap;border-right:1px solid rgba(255,255,255,.22)}
.catbar a:first-child{padding-left:0}
.catbar a:hover{background:var(--red-d)}
.catbar .cb-all{margin-left:auto;border-right:0;background:var(--navy);padding:15px 20px}
.catbar .cb-all:hover{background:var(--navy-2)}

/* hero */
.hero3{background:linear-gradient(180deg,#f6f8fb 0%,#eef2f8 100%);overflow:hidden;border-bottom:1px solid var(--line)}
.hero3 .wrap{display:grid;grid-template-columns:.9fr 1.1fr;gap:36px;align-items:center;padding-top:52px;padding-bottom:56px}
.pill{display:inline-block;background:#fff;border:1px solid var(--line);border-radius:999px;padding:7px 14px;font:600 12.5px Inter,sans-serif;color:var(--navy);letter-spacing:.02em}
.hero3 h1{font-size:clamp(34px,4.3vw,54px);line-height:1.12;color:var(--navy-2);margin:18px 0 16px;font-weight:700}
.hero3 h1 span{color:var(--red);display:block}
.h3-lead{font-size:17.5px;color:var(--muted);margin:0 0 22px;max-width:520px}
.h3-price{display:flex;flex-direction:column;gap:2px;border-left:4px solid var(--red);padding:4px 0 4px 14px;margin:0 0 26px;font:500 15px Inter,sans-serif;color:var(--muted)}
.h3-price b{font:700 30px Poppins,sans-serif;color:var(--navy-2);line-height:1.2}
.h3-price span{font-size:13.5px}
.hero3 .ctas{display:flex;gap:12px;flex-wrap:wrap}
.h3-stage{position:relative;padding-top:20px}
.seal3{position:absolute;right:-6px;top:-18px;z-index:6;width:150px;height:150px;border-radius:50%;background:var(--red);display:grid;place-items:center;box-shadow:0 14px 30px rgba(224,43,32,.35);border:5px solid #fff;outline:2px solid var(--red)}
.seal-in{text-align:center;color:#fff;line-height:1}
.s-top{display:block;font:600 11px Poppins,sans-serif;letter-spacing:.12em;text-transform:uppercase;opacity:.9;margin-bottom:2px}
.seal3 strong{display:block;font:800 64px/0.95 Poppins,sans-serif}
.s-yr{display:block;font:700 17px Poppins,sans-serif;letter-spacing:.14em}
.s-w{display:block;font:600 11.5px Poppins,sans-serif;letter-spacing:.16em;margin-top:3px}
.peds{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;align-items:end}
.ped{display:flex;flex-direction:column;align-items:center;text-decoration:none;color:inherit}
.ped img{height:250px;width:auto;object-fit:contain;mix-blend-mode:multiply;margin-bottom:-38px;position:relative;z-index:2;transition:transform .2s}
.ped:hover img{transform:translateY(-6px)}
.base{position:relative;width:100%;border-radius:12px;padding:48px 10px 14px;text-align:center;color:#fff;box-shadow:0 12px 24px rgba(13,31,74,.18)}
.base::before{content:"";position:absolute;left:8%;right:8%;top:-10px;height:22px;border-radius:50%;background:inherit;filter:brightness(1.15)}
.base b{display:block;font:600 15px Poppins,sans-serif;line-height:1.2;position:relative}
.cls3{display:flex;justify-content:center;gap:5px;margin:8px 0 6px;position:relative}
.cls3 i{font:700 12px/24px Inter,sans-serif;font-style:normal;width:24px;height:24px;border-radius:5px;background:#fff;color:var(--ink)}
.base em{font:600 13px Inter,sans-serif;font-style:normal;opacity:.95;position:relative}
.p-abc .base{background:linear-gradient(180deg,#2f6fd1,#1f4fa3)}
.p-k .base{background:linear-gradient(180deg,#e7b400,#c79400);color:#1a1f2e}
.p-co2 .base{background:linear-gradient(180deg,#3a3f4b,#1f232b)}
.p-foam .base{background:linear-gradient(180deg,#f1e3c6,#dcc79f);color:#1a1f2e}

/* facts strip */
.facts{background:#fff}
.facts b{font:600 15.5px Poppins,sans-serif}

/* category cards (live-site style) */
.cats2{gap:18px}
.cat2{padding:0 0 16px;border:0;background:transparent;text-align:center;align-items:center}
.cat2:hover{box-shadow:none;transform:none}
.cimg{width:100%;height:190px;background:var(--soft);border-radius:14px;margin-bottom:12px;align-items:end;display:flex;justify-content:center;padding-bottom:10px}
.cimg img{max-height:180px;transition:transform .2s}
.cat2:hover .cimg img{transform:translateY(-6px)}
.cat2 b{font:600 16.5px Poppins,sans-serif}
.cat2 em{color:var(--red)}

/* sections & cards */
.sec-row h2,.sec-head h2{color:var(--navy-2)}
.prod h3{font:600 15px/1.35 Poppins,sans-serif}
.prod .price{font-family:Poppins,sans-serif}
.tag{background:var(--navy);font-family:Inter,sans-serif;font-weight:600;letter-spacing:.02em}
.btn-red{background:var(--red)}
.society-band h2,.training-band h2{font-weight:700}
.big-num{font-weight:700}
footer h2{font:600 15px Poppins,sans-serif}

@media (max-width:1100px){
  .hdr-call{display:none}
  .hero3 .wrap{grid-template-columns:1fr;gap:28px}
  .h3-stage{max-width:720px}
}
@media (max-width:860px){
  .topbar3 .tb-r{display:none}
  .topbar3 .wrap{justify-content:center}
  .site3 .wrap{flex-wrap:wrap;height:auto;padding-top:12px;padding-bottom:12px;gap:12px}
  .burger3{display:block;order:0}
  .logo3{order:1;margin-right:auto}.logo3 img{height:38px}
  .cart3{order:2}.c-t{display:none}
  .search3{order:3;flex-basis:100%;max-width:none;height:44px}
  .search3 select{display:none}
  .catbar a{padding:12px 14px;font-size:14px}
  .catbar a:first-child{padding-left:0}
  nav.catbar.open .wrap{flex-direction:column}
  .hero3 .wrap{padding-top:28px;padding-bottom:36px}
  .h3-stage{order:-1;padding-top:30px}
  .peds{gap:8px}
  .ped img{height:150px;margin-bottom:-24px}
  .base{padding:30px 4px 10px;border-radius:10px}
  .base b{font-size:12.5px}
  .cls3 i{width:20px;height:20px;font-size:11px;line-height:20px}
  .base em{font-size:11px}
  .seal3{width:104px;height:104px;top:-14px;right:0;border-width:4px}
  .seal3 strong{font-size:44px}.s-yr{font-size:12px}.s-w{font-size:9px}.s-top{font-size:8.5px}
  .cimg{height:150px}.cimg img{max-height:140px}
}
@media (max-width:480px){
  .peds{grid-template-columns:repeat(2,1fr);row-gap:22px}
  .ped img{height:170px}
}
/* v3 fixes */
.catbar a{padding:14px 13px;font-size:14px}
.catbar .cb-all{margin-left:auto;padding:14px 18px}
.h3-stage{padding-top:36px}
.ped img{height:300px;margin-bottom:-44px}
.p-k img{height:320px}
.p-foam img{height:220px;margin-bottom:-30px}
.base{padding-top:52px}
.seal3{top:-24px;right:-4px;width:142px;height:142px}
.seal3 strong{font-size:60px}
@media (max-width:860px){
  .ped img,.p-k img{height:170px;margin-bottom:-26px}
  .p-foam img{height:130px;margin-bottom:-18px}
  .base{padding-top:32px}
  .h3-stage{padding-top:70px}
  .seal3{top:-6px;width:96px;height:96px}.seal3 strong{font-size:40px}
}
@media (max-width:480px){.ped img,.p-k img{height:190px}.p-foam img{height:160px}.h3-stage{padding-top:80px}}
.ped img{height:330px;margin-bottom:-66px}
.p-k img{height:350px}
.p-foam img{height:250px;margin-bottom:-52px}
.base{padding-top:58px;padding-bottom:12px}
@media (max-width:860px){.ped img,.p-k img{height:180px;margin-bottom:-36px}.p-foam img{height:140px;margin-bottom:-28px}.base{padding-top:36px}}
@media (max-width:480px){.ped img,.p-k img{height:200px;margin-bottom:-40px}.p-foam img{height:170px;margin-bottom:-34px}}
.ped{position:relative}.ped img{max-width:none;width:auto}
.peds{grid-template-columns:repeat(4,minmax(0,1fr))}.ped{min-width:0}
@media (max-width:480px){.peds{grid-template-columns:repeat(2,minmax(0,1fr))}}
.ped img{height:300px;margin-bottom:-22px}.p-k img{height:320px}.p-foam img{height:230px;margin-bottom:-16px}.base{padding-top:30px}.peds{gap:18px}
@media (max-width:860px){.ped img,.p-k img{height:170px;margin-bottom:-12px}.p-foam img{height:135px;margin-bottom:-9px}.base{padding-top:22px}}
@media (max-width:480px){.ped img,.p-k img{height:190px;margin-bottom:-14px}.p-foam img{height:160px;margin-bottom:-11px}}
.seal3{top:-46px;right:-12px}
@media (max-width:860px){
  .h3-stage{order:0;padding-top:64px}
  .seal3{top:0;right:0;width:92px;height:92px;border-width:3px}.seal3 strong{font-size:36px}.s-yr{font-size:11px}.s-w{font-size:8.5px}.s-top{font-size:8px}
  .topbar3 .tb-l .sep,.topbar3 .tb-l a+.sep~*{display:none}
}
@media (max-width:480px){
  .topbar3 .tb-l{font-size:12.5px}
  .peds{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}
  .ped img,.p-k img{height:128px;margin-bottom:-10px}.p-foam img{height:100px;margin-bottom:-8px}
  .base{padding:18px 2px 8px;border-radius:8px}
  .base b{font-size:11px}
  .cls3{display:none}
  .base em{font-size:10px;display:block;margin-top:2px}
  .h3-stage{padding-top:70px}
  .hero3 h1 span{display:inline}
}
@media (max-width:860px){.tb-mail{display:none}}
.s-yr{margin-top:2px}
@media (max-width:860px){.h3-stage{padding-top:84px}.seal3{top:-4px}}

/* ===== v4: hero pedestals with clean cut-outs ===== */
.peds{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;align-items:end}
.ped{display:flex;flex-direction:column;align-items:stretch;text-decoration:none;color:inherit;min-width:0}
.pimg{position:relative;z-index:2;height:300px;display:flex;align-items:flex-end;justify-content:center;margin-bottom:-12px;pointer-events:none}
.pimg::after{content:"";position:absolute;left:22%;right:22%;bottom:2px;height:14px;border-radius:50%;background:rgba(0,0,0,.28);filter:blur(6px);z-index:-1}
.ped .pimg img{position:static;height:auto;width:auto;max-width:96%;max-height:270px;margin:0;mix-blend-mode:normal;filter:drop-shadow(0 6px 6px rgba(0,0,0,.18));transition:transform .2s}
.p-abc .pimg img{max-height:262px}
.p-k .pimg img{max-height:266px}
.p-co2 .pimg img{max-height:284px}
.p-foam .pimg img{max-height:266px}
.ped:hover .pimg img{transform:translateY(-5px)}
.ped .base{position:relative;z-index:1;min-height:118px;padding:26px 8px 14px;border-radius:12px;display:flex;flex-direction:column;align-items:center;justify-content:flex-start}
.ped .base::before{top:-11px;height:22px;left:6%;right:6%}
.base b{font:600 15px/1.2 Poppins,sans-serif;white-space:nowrap}
.base b sub{font-size:.7em;line-height:0}
.cls3{margin:8px 0 6px}
@media (max-width:860px){
  .peds{gap:10px}
  .pimg{height:190px;margin-bottom:-9px}
  .ped .pimg img{max-height:170px}.p-abc .pimg img{max-height:164px}.p-co2 .pimg img{max-height:180px}
  .ped .base{min-height:96px;padding:20px 4px 10px}
  .ped .base::before{top:-8px;height:16px}
}
@media (max-width:480px){
  .peds{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}
  .pimg{height:150px;margin-bottom:-7px}
  .ped .pimg img{max-height:134px}.p-abc .pimg img{max-height:128px}.p-co2 .pimg img{max-height:142px}
  .pimg::after{height:8px;bottom:1px}
  .ped .base{min-height:62px;padding:14px 2px 8px;border-radius:8px}
  .ped .base::before{top:-6px;height:12px}
  .base b{font-size:11px}
  .cls3{display:none}
  .base em{font-size:10px}
}
.h3-stage{padding-top:96px}.seal3{top:-28px;right:-8px}
@media (max-width:860px){.h3-stage{padding-top:96px}.seal3{top:0}}
/* v4b: identical height for all four, same shadow */
.ped .pimg img,.p-abc .pimg img,.p-k .pimg img,.p-co2 .pimg img,.p-foam .pimg img{height:272px;max-height:none;max-width:none;width:auto}
@media (max-width:860px){.ped .pimg img,.p-abc .pimg img,.p-k .pimg img,.p-co2 .pimg img,.p-foam .pimg img{height:172px}}
@media (max-width:480px){.ped .pimg img,.p-abc .pimg img,.p-k .pimg img,.p-co2 .pimg img,.p-foam .pimg img{height:132px}}

/* ===== Long home (Round 2) + approved changes: white product images, footer logo badge, WhatsApp, lighter fonts ===== */
body{font-family:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif}
/* product images on pure white with a light border */
.prod .ph,.cimg,.wh .im,.gallery .main-img,.thumbs button,.cart-table img{background:#fff!important}
.prod .ph img,.cimg img,.wh img,.gallery .main-img img{mix-blend-mode:normal!important}
.cimg{border:1px solid #e6e8ee}
.prod .ph{border-bottom:1px solid #eef0f3}
/* hero cut-outs are transparent WebP now */
.ped .pimg img{mix-blend-mode:normal;filter:drop-shadow(0 6px 6px rgba(0,0,0,.18))}
/* footer: navy kept, logo on a clean white rounded badge */
footer .logo-f{display:inline-flex;align-items:center;background:#fff!important;border-radius:12px;padding:12px 18px!important;box-shadow:0 6px 18px rgba(0,0,0,.25);margin-bottom:16px}
footer .logo-f img{height:44px!important;width:auto;display:block}
/* WhatsApp floating button on every page */
.wa-float{position:fixed;right:18px;bottom:18px;z-index:80;display:flex;align-items:center;gap:8px;background:#25d366;color:#fff;text-decoration:none;font:600 15px Poppins,sans-serif;padding:12px 18px 12px 14px;border-radius:999px;box-shadow:0 8px 24px rgba(0,0,0,.22)}
@media (max-width:860px){.wa-float span{display:none}.wa-float{right:14px;bottom:84px;padding:12px}}
/* customer logo carousel (pure CSS, pauses on hover) */
.logo-marquee{overflow:hidden;position:relative;-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
.lm-track{display:flex;width:max-content;gap:18px;list-style:none;margin:0;padding:6px 0;animation:lm-scroll 40s linear infinite}
.logo-marquee:hover .lm-track{animation-play-state:paused}
.lm-track li{flex:none;width:170px;height:76px;display:grid;place-items:center;background:#fff;border:1px solid #e6e8ee;border-radius:12px}
.lm-track img{max-width:140px;max-height:44px;width:auto;height:auto;object-fit:contain}
@keyframes lm-scroll{to{transform:translateX(calc(-50% - 9px))}}
@media (prefers-reduced-motion:reduce){.lm-track{animation:none;flex-wrap:wrap;width:auto;justify-content:center}.lm-track li[aria-hidden],.lm-track li:nth-child(n+13){display:none}}
@media (max-width:560px){.lm-track li{width:130px;height:62px}.lm-track img{max-width:108px;max-height:36px}}
/* attractive product tiles: rounded card, visible border, soft shadow, type-colour accent strip, red hover */
.prod,.cat2{--acc:#16245c;position:relative;background:#fff;border:2px solid #d5dae5!important;border-radius:12px!important;box-shadow:0 4px 14px rgba(13,31,74,.07);overflow:hidden;transition:border-color .18s,transform .18s,box-shadow .18s}
.prod::before,.cat2::before{content:"";position:absolute;left:0;right:0;top:0;height:5px;background:var(--acc);z-index:2}
.prod:hover,.cat2:hover{border-color:#e02b20!important;transform:translateY(-4px);box-shadow:0 12px 26px rgba(13,31,74,.14)}
.t-abc{--acc:#2f6fd1}.t-k{--acc:#e7b400}.t-co2{--acc:#23262e}.t-foam{--acc:#d9c08f}.t-other{--acc:#16245c}
.cat2{padding:14px 14px 16px!important}
.cat2 .cimg{border:0!important;margin-top:4px}
.prod .ph{padding-top:18px}
.prod .tag{top:14px}
@media (prefers-reduced-motion:reduce){.prod,.cat2{transition:none}.prod:hover,.cat2:hover{transform:none}}
/* 5-year warranty seal: gold rosette with ribbon (inline SVG) */
.h3-stage .seal-a-wrap{position:absolute;right:-4px;top:-58px;width:128px;z-index:6;filter:drop-shadow(0 8px 14px rgba(13,31,74,.28))}
.seal-a-wrap svg{width:100%;height:auto;display:block}
@media (max-width:860px){.h3-stage .seal-a-wrap{width:92px;top:-30px;right:0}}
/* seal option 4: gold shield with ribbon (wider artwork) */
.h3-stage .seal-a-wrap.seal-d{width:150px;top:-50px}
@media (max-width:860px){.h3-stage .seal-a-wrap.seal-d{width:104px;top:-30px}}
/* ===== rich category page (Round 4) ===== */
.cat-hero{background:linear-gradient(180deg,#f6f8fb 0%,#eef2f8 100%);border-bottom:1px solid var(--line);overflow:hidden}
.ch-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:40px;align-items:center;padding-top:26px;padding-bottom:40px}
.ch-copy .crumbs{margin-bottom:14px}
.ch-copy h1{font:800 clamp(34px,4.2vw,54px)/1.08 Poppins,sans-serif;color:var(--navy-2);margin:16px 0 14px}
.cat-intro{max-width:680px;color:var(--muted);font-size:17px;line-height:1.65;margin:0 0 22px}
.ch-row{display:flex;flex-wrap:wrap;align-items:center;gap:18px 30px}.ch-row .h3-price{margin:0}
.ch-art{position:relative;display:flex;justify-content:center;padding-top:40px}
.ch-art .seal-a-wrap{position:absolute;top:0;right:4%;width:132px;z-index:4;filter:drop-shadow(0 8px 14px rgba(13,31,74,.28))}
.ch-stand{display:flex;flex-direction:column;align-items:center;width:250px}
.ch-stand img{height:330px;width:auto;position:relative;z-index:2;margin-bottom:-26px;filter:drop-shadow(0 8px 8px rgba(0,0,0,.18))}
.ch-ped{width:100%;background:var(--acc,#2f6fd1);color:#fff;border-radius:14px;padding:34px 10px 16px;text-align:center;box-shadow:0 14px 26px rgba(13,31,74,.18)}
.ch-ped b{display:block;font:700 18px Poppins,sans-serif;margin-bottom:8px}
.ch-ped i{display:inline-grid;place-items:center;width:30px;height:30px;margin:0 3px;background:#fff;color:var(--navy-2);border-radius:6px;font:800 15px Poppins,sans-serif;font-style:normal}
.cat-hero.t-abc{--acc:#2f6fd1}
.sizes{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px;margin-top:8px}
.sz{position:relative;display:flex;flex-direction:column;gap:6px;background:#fff;border:2px solid #d5dae5;border-radius:12px;padding:22px 14px 16px;text-decoration:none;color:inherit;text-align:center;transition:border-color .18s,transform .18s}
.sz::before{content:"";position:absolute;left:0;right:0;top:0;height:5px;background:#2f6fd1;border-radius:10px 10px 0 0}
.sz:hover{border-color:#e02b20;transform:translateY(-3px)}
.sz b{font:800 26px Poppins,sans-serif;color:var(--navy-2)}.sz span{color:var(--muted);font-size:13.5px;line-height:1.4;min-height:38px}.sz em{font:700 15px Poppins,sans-serif;font-style:normal;color:#e02b20}
.sz-hot{border-color:#2f6fd1}.sz-flag{position:absolute;top:-11px;left:50%;transform:translateX(-50%);white-space:nowrap;background:#0d1f4a;color:#fff;font:700 11px Poppins,sans-serif;padding:3px 10px;border-radius:99px;min-height:0!important}
.cat-2c{gap:48px}.cat-2c h2{color:var(--navy-2)}
.fclasses{display:grid;gap:12px;margin-top:18px}
.fc{display:flex;gap:14px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:12px;padding:14px 16px}
.fc-k{flex:none;display:grid;place-items:center;width:46px;height:46px;border-radius:10px;background:#2f6fd1;color:#fff;font:800 22px Poppins,sans-serif}
.fc b{font:700 16px Poppins,sans-serif;color:var(--navy-2)}.fc p{margin:2px 0 0;color:var(--muted);font-size:14px}
.price-list h2{margin-top:6px}
.ptable{width:100%;border-collapse:separate;border-spacing:0;border:1px solid var(--line);border-radius:12px;overflow:hidden;font-size:15px;background:#fff}
.ptable th,.ptable td{padding:12px 14px;border-bottom:1px solid var(--line);text-align:left;vertical-align:middle}
.ptable th{background:var(--soft);font:600 12.5px system-ui,sans-serif;color:var(--muted);text-transform:uppercase;letter-spacing:.04em}
.ptable tr:last-child td{border-bottom:0}
.ptable .pp{font:700 16px Poppins,sans-serif;color:var(--navy-2);white-space:nowrap}.ptable .pp s{font:500 13px system-ui,sans-serif;color:var(--muted);margin-left:6px}
.tbl-scroll{overflow-x:auto;max-width:980px;margin:0 auto}
.cmp-cat tr.cur td{background:#eef4fd}.cmp-cat .you{display:inline-block;margin-left:6px;background:#2f6fd1;color:#fff;font:700 10.5px Poppins,sans-serif;padding:2px 8px;border-radius:99px;vertical-align:middle}
.cmp-cat a{color:var(--navy-2)}
.cat-warranty{background:#0d1f4a;color:#fff}
.cw-grid{display:grid;grid-template-columns:200px 1fr;gap:40px;align-items:center;max-width:980px}
.cat-warranty .seal-a-wrap{width:190px;filter:drop-shadow(0 10px 18px rgba(0,0,0,.35))}.cat-warranty .seal-a-wrap svg{width:100%;height:auto;display:block}
.cat-warranty h2{color:#fff;margin:6px 0 10px}.cat-warranty p{color:#c9cfe4;font-size:16.5px;line-height:1.65;margin:0 0 22px}
.cat-body{max-width:860px;margin:0 auto}.cat-body h2{color:var(--navy-2);font-size:clamp(22px,2.4vw,28px);margin-top:34px}.cat-body h2:first-child{margin-top:0}
.cats2-4{grid-template-columns:repeat(4,minmax(0,1fr))}
@media (max-width:1100px){.sizes{grid-template-columns:repeat(3,minmax(0,1fr));row-gap:22px}}
@media (max-width:860px){
  .ch-grid{grid-template-columns:1fr;gap:10px;padding-bottom:28px}
  .ch-art{padding-top:30px}.ch-art .seal-a-wrap{width:100px;right:2%}
  .ch-stand{width:200px}.ch-stand img{height:240px}
  .cw-grid{grid-template-columns:1fr;text-align:center;gap:20px}.cat-warranty .seal-a-wrap{width:140px;margin:0 auto}.cat-warranty .ctas{justify-content:center}
  .cats2-4{grid-template-columns:repeat(2,minmax(0,1fr))}
  .cmp-cat{min-width:620px}
}
@media (max-width:560px){.sizes{grid-template-columns:repeat(2,minmax(0,1fr))}.sz b{font-size:22px}.ptable th,.ptable td{padding:10px 9px;font-size:14px}}
.ch-art .seal-a-wrap{left:0;right:auto;top:6px}
.sz .sz-flag{color:#fff}
@media (max-width:860px){.ch-art .seal-a-wrap{left:4%;top:0}}
/* supported fire-class badges on category tiles */
.fcb{display:flex;justify-content:center;gap:5px;margin:8px 0 6px}
.fcb i{display:inline-grid;place-items:center;min-width:26px;height:26px;padding:0 4px;border-radius:6px;background:var(--acc,#16245c);color:#fff;font:800 13px Poppins,sans-serif;font-style:normal;line-height:1}
.t-k .fcb i,.t-foam .fcb i{color:#0d1f4a}.fcb i.el{background:#ffc928;color:#0d1f4a}.fcb i.wide{font-size:11.5px;padding:0 8px}
/* category cards: one common strip colour (brand red), fire-class badges in the top-left corner */
.cat2{--acc:#e02b20}
.cat2 .fcb{position:absolute;top:14px;left:12px;margin:0;z-index:3;justify-content:flex-start}
.cat2 .fcb i{background:#0d1f4a;color:#fff;min-width:24px;height:24px;font-size:12px}
.cat2 .fcb i.el{background:#ffc928;color:#0d1f4a}
/* product tiles: same red strip as category cards (shared default, all pages) */
.prod{--acc:#e02b20}
.sz::before{background:#e02b20}
/* iPad landscape / small laptop (861–1100px): full-width hero stage, category bar fits on one line */
@media (min-width:861px) and (max-width:1100px){
  .h3-stage{max-width:none;width:100%}
  .catbar a{padding:13px 9px;font-size:13px}.catbar .cb-all{padding:13px 12px}
  .ch-grid{grid-template-columns:1.2fr .8fr}
}
/* ===== product page (Round 4) ===== */
.pd-top{padding-top:22px}
.pd-img{position:relative}
.pd-img .seal-a-wrap{position:absolute;top:14px;right:14px;width:104px;z-index:3;filter:drop-shadow(0 6px 10px rgba(13,31,74,.25))}
.pd-cat{display:inline-block;text-decoration:none;margin-bottom:6px}
.summary .product_title{font:800 clamp(28px,3vw,40px)/1.15 Poppins,sans-serif;color:var(--navy-2);margin:0 0 12px}
.pd-fc{display:flex;align-items:center;gap:6px;margin:0 0 14px;flex-wrap:wrap}
.pd-fc span{font-size:13px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.06em;margin-right:4px}
.pd-fc i{display:inline-grid;place-items:center;min-width:28px;height:28px;padding:0 5px;border-radius:6px;background:#0d1f4a;color:#fff;font:800 13px Poppins,sans-serif;font-style:normal}
.pd-fc i.el{background:#ffc928;color:#0d1f4a}.pd-fc i.wide{padding:0 9px;font-size:12px}
.pd-bulk{display:block;margin:16px 0 18px;padding:12px 14px;border:1.5px dashed #e02b20;border-radius:10px;background:#fff6f5;color:var(--navy-2);text-decoration:none;font-size:14.5px}
.pd-bulk b{color:#e02b20}
.usp4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.usp4>div{background:#fff;border:2px solid #d5dae5;border-radius:12px;padding:20px 18px;position:relative;overflow:hidden}
.usp4>div::before{content:"";position:absolute;left:0;right:0;top:0;height:5px;background:#e02b20}
.usp4 .fi{display:inline-grid;place-items:center;width:42px;height:42px;border-radius:10px;background:#fff1f0;color:#e02b20;margin-bottom:10px}.usp4 .fi svg{width:22px;height:22px}
.usp4 b{display:block;font:700 17px Poppins,sans-serif;color:var(--navy-2)}.usp4 p{margin:4px 0 0;color:var(--muted);font-size:14px;line-height:1.5}.usp4 a{color:#e02b20}
.pd-cols{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:40px;align-items:start}
.pd-main h2{color:var(--navy-2)}
.pd-spec th{width:34%;background:var(--soft);font:600 14px system-ui,sans-serif;color:var(--navy-2);text-transform:none;letter-spacing:0}
.pd-spec a{color:#e02b20}
.pd-main .pdp-desc{margin-top:40px;padding-top:0;border-top:0}
.pd-side{position:sticky;top:20px;display:grid;gap:16px}
.pd-card{background:#fff;border:2px solid #d5dae5;border-radius:12px;padding:22px;display:grid;gap:10px}
.pd-card h3{margin:0;font:700 19px/1.3 Poppins,sans-serif;color:var(--navy-2)}.pd-card p{margin:0;color:var(--muted);font-size:14.5px;line-height:1.55}
.pd-card .btn{justify-content:center}
.pd-card.navy{background:#0d1f4a;border-color:#0d1f4a;text-align:center}.pd-card.navy h3{color:#fff}.pd-card.navy p{color:#c9cfe4}
.pd-card.navy .seal-a-wrap{width:120px;margin:0 auto 4px}
@media (max-width:1100px){.usp4{grid-template-columns:repeat(2,minmax(0,1fr))}.pd-cols{grid-template-columns:minmax(0,1fr) 300px;gap:28px}}
@media (max-width:860px){.pd-cols{grid-template-columns:1fr}.pd-side{position:static}.pd-img .seal-a-wrap{width:80px;top:10px;right:10px}}
@media (max-width:560px){.usp4{grid-template-columns:1fr 1fr;gap:10px}.usp4>div{padding:16px 12px}.usp4 b{font-size:15px}}
.pd-more .prose h2{font-size:clamp(20px,2vw,24px);line-height:1.3;margin-top:28px}.pd-more .prose h3{font-size:17px}
.pd-more .prose{max-height:620px;overflow:hidden;position:relative}
.pd-more .prose::after{content:"";position:absolute;left:0;right:0;bottom:0;height:140px;background:linear-gradient(rgba(255,255,255,0),#fff)}
.pdm:checked~.prose{max-height:none}.pdm:checked~.prose::after{display:none}
.pdm-btn{margin-top:14px;cursor:pointer}.pdm-btn::before{content:"Read full details"}.pdm:checked~.pdm-btn::before{content:"Show less"}
/* GST-exclusive price marker */
.gst{font:600 .55em system-ui,sans-serif;color:var(--muted);margin:0 4px 0 3px;letter-spacing:0;vertical-align:.15em;white-space:nowrap}
.pdp-price .gst{font-size:15px}.h3-price b .gst{font-size:15px;font-weight:600}
.ped .gst,.cat2 em .gst,.wh .gst,.sz em .gst{color:inherit;opacity:.85}
.incl{color:var(--navy-2);font-weight:500}
.gst{font-size:.68em}.ptable .gst,.ped .gst,.cat2 em .gst,.sz em .gst{font-size:11px}
/* ===== Prototype look (Sachin, 5 Oct): system font, prototype colours, tiles and category cards ===== */
:root{--navy:#16245c;--navy-2:#0e1840;--red:#e3262e;--red-d:#c01c23;--ink:#151a2d;--muted:#5b6175;--line:#e4e6ee;--soft:#f5f6fa;--warm:#fff4f2;--ok:#0f8a4b;--r:14px;--shadow:0 1px 2px rgba(16,24,64,.06),0 8px 24px rgba(16,24,64,.08)}
body{font-family:system-ui,-apple-system,"Segoe UI",Roboto,"Noto Sans",Arial,sans-serif;color:var(--ink);line-height:1.55;-webkit-font-smoothing:antialiased}
body :not(svg):not(svg *){font-family:system-ui,-apple-system,"Segoe UI",Roboto,"Noto Sans",Arial,sans-serif!important}
h1,h2,h3{color:var(--navy-2);letter-spacing:-.01em;line-height:1.15}
h1{font-weight:800}h2{font-weight:700;font-size:clamp(26px,3.2vw,36px)}h3{font-weight:700}
.eyebrow{font-size:13px;font-weight:700;letter-spacing:.08em;color:var(--red)}
.btn{border-radius:10px;font-weight:600}
.btn-red{background:var(--red)}.btn-red:hover{background:var(--red-d)}
/* product tiles */
.prod{border:1px solid var(--line)!important;border-radius:var(--r)!important;box-shadow:none;transform:none!important;display:flex;flex-direction:column}
.prod::before{display:none!important}
.prod:hover{border-color:var(--line)!important;box-shadow:var(--shadow)}
.prod .ph{background:#fff;aspect-ratio:1/1;display:grid;place-items:center;padding:14px!important;border-bottom:0}
.prod .ph img{max-height:100%;object-fit:contain}
.prod .tag{left:10px;top:10px;background:var(--navy);color:#fff;font-size:11px;font-weight:700;letter-spacing:.04em;padding:5px 8px;border-radius:6px}
.prod .bd{padding:14px 16px 16px;border-top:1px solid var(--line);display:flex;flex-direction:column;gap:8px;flex:1}
.prod h3{font-size:16px;margin:0;font-weight:700}.prod h3 a{color:var(--navy-2)}
.prod .meta{font-size:13px;color:var(--muted)}
.prod .price{font-size:20px;font-weight:800;color:var(--navy-2)}
.prod .btn{margin-top:auto;justify-content:center;padding:11px;width:100%}
/* category cards */
.cats2{grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}
.cat2{display:flex!important;flex-direction:column;align-items:center;text-align:center;gap:6px;padding:18px 12px 16px!important;background:#fff;border:1px solid var(--line)!important;border-radius:var(--r)!important;box-shadow:none;transition:.15s}
.cat2::before{display:none!important}
.cat2:hover{border-color:var(--navy)!important;transform:translateY(-2px);box-shadow:var(--shadow)}
.cat2 .cimg{width:96px;height:96px;padding:0!important;margin:14px 0 4px!important;border:0!important;background:transparent!important}
.cat2 .cimg::after{display:none}
.cat2 .cimg img{width:96px;height:96px;object-fit:contain;margin:0!important}
.cat2 b{font-size:15px;color:var(--navy-2);font-weight:700}
.cat2 small{color:var(--muted);font-size:13px}
.cat2 em{font-size:13px;font-weight:700;font-style:normal;color:var(--red)}
.cat2 .fcb{top:10px;left:10px}.cat2 .fcb i{min-width:20px;height:20px;font-size:11px;border-radius:5px}
.cat2.cat-all{background:var(--navy-2)!important;border-color:var(--navy-2)!important;justify-content:center;min-height:180px}
.cat2.cat-all b{color:#fff;font-size:16px}
.cats2-4{grid-template-columns:repeat(4,minmax(0,1fr))}
/* fire-class colours (prototype): A green, B red, C blue, K black, electrical amber */
.fcb i.c-A,.pd-fc i.c-A{background:#2e8b57}.fcb i.c-B,.pd-fc i.c-B{background:#d9534f}.fcb i.c-C,.pd-fc i.c-C{background:#2f6fd1}
.fcb i.c-K,.pd-fc i.c-K{background:#222}.fcb i.el,.pd-fc i.el{background:#d79b00;color:#fff}
.pd-fc i{border-radius:8px}
/* selector */
.picker{display:grid;grid-template-columns:320px 1fr;gap:24px;align-items:start}
.chips{display:flex;flex-direction:column;gap:8px}
.chip{display:flex;align-items:center;gap:12px;text-align:left;padding:14px 16px;border-radius:12px;border:1.5px solid var(--line);background:#fff;font-size:16px;font-weight:600;color:var(--navy-2);cursor:pointer}
.chip[aria-pressed="true"]{border-color:var(--red);background:var(--warm)}
.chip span{font-size:22px}
.reco.card{display:grid;grid-template-columns:200px 1fr;gap:24px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:28px;box-shadow:var(--shadow)}
.reco[hidden]{display:none}
.reco h3{font-size:22px;margin:6px 0 10px}.reco h3 a{color:var(--navy-2);text-decoration:none}
.reco p{color:var(--muted);margin:0 0 16px}
.reco-buy{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.reco .price{font-size:24px;font-weight:800;color:var(--navy-2)}
/* home bulk form (prototype layout) */
.bulk{display:grid;grid-template-columns:1fr 1fr;gap:32px;align-items:center;background:linear-gradient(135deg,var(--navy-2),var(--navy));color:#dfe3f3;border-radius:20px;padding:44px}
.bulk h2{color:#fff;margin:6px 0 12px}.bulk ul{padding-left:18px;margin:14px 0 22px}.bulk li{margin:4px 0}
.bulk form.q{background:#fff;border-radius:14px;padding:22px;display:grid;grid-template-columns:1fr 1fr;gap:12px;color:var(--ink)}
.bulk form.q label{font-size:13px;font-weight:600;display:flex;flex-direction:column;gap:5px}
.bulk form.q .full{grid-column:1/-1}
.bulk form.q input,.bulk form.q select,.bulk form.q textarea{font:inherit;padding:11px 12px;border:1.5px solid var(--line);border-radius:9px;width:100%}
@media (max-width:1100px){.cats2{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:860px){.picker{grid-template-columns:1fr}.chips{flex-direction:row;overflow-x:auto;scrollbar-width:none}.chip{flex:none;padding:10px 14px;font-size:14px}.reco.card{grid-template-columns:120px 1fr;padding:18px;gap:16px}.bulk{grid-template-columns:1fr;padding:26px}}
@media (max-width:560px){.cats2,.cats2-4{grid-template-columns:repeat(2,minmax(0,1fr))}.reco.card{grid-template-columns:1fr}.reco-img{max-width:180px;margin:0 auto}.bulk form.q{grid-template-columns:1fr}}
/* prototype home pieces */
.hero-studio .h3-copy h1{font-size:clamp(34px,4.6vw,54px);margin:14px 0 18px;font-weight:800}
.hero-studio .h3-copy h1 span{color:var(--red)}
.hero-studio .h3-lead{font-size:18px;color:var(--muted)}
.ticks{display:flex;flex-wrap:wrap;gap:10px 22px;margin:24px 0 0;padding:0;list-style:none;font-weight:600;font-size:15px;color:var(--navy-2)}
.ticks li{display:flex;align-items:center;gap:8px}.ticks svg{width:18px;height:18px;color:var(--ok)}
.btn-ghost{background:#fff;color:var(--navy);box-shadow:inset 0 0 0 1.5px var(--navy)}
.sec-head{max-width:760px;margin-bottom:32px}.sec-head.center{text-align:center;margin-left:auto;margin-right:auto}
.sec-head p{color:var(--muted);font-size:17px;margin:0}
.big-num{font-size:72px;font-weight:800;color:var(--red);line-height:1;letter-spacing:-.03em}
.usp .card{border-radius:var(--r);box-shadow:var(--shadow);border:1px solid var(--line)}.usp .card.dark{background:var(--navy-2);border-color:var(--navy-2)}
.steps{counter-reset:s}.step{padding:24px;border-radius:var(--r);background:#fff;border:1px solid var(--line)}
.step::before{counter-increment:s;content:counter(s);display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:var(--navy);color:#fff;font-weight:800;margin-bottom:12px}
.faq-1{max-width:860px}
.guides{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.guide{padding:24px;border-radius:var(--r);border:1px solid var(--line);background:#fff;text-decoration:none;display:flex;flex-direction:column;gap:8px}
.guide:hover{box-shadow:var(--shadow)}
.guide small{color:var(--red);font-weight:700;font-size:12px;letter-spacing:.06em;text-transform:uppercase}
.guide b{font-size:18px;color:var(--navy-2);line-height:1.3}.guide span{color:var(--muted);font-size:15px}
@media (max-width:860px){.guides{grid-template-columns:1fr}}
/* ===================== FINAL DESIGN SYSTEM (Round 6) ===================== */
/* sections: one padding, white / soft alternation, one heading pattern */
.hs,.sec{padding:80px 0}
.hs{background:#fff}.hs-soft,.sec-soft{background:var(--soft)}
.hs-head,.sec-head{max-width:760px;margin-bottom:32px}
.hs-head .eyebrow,.sec-head .eyebrow,.sec-row .eyebrow{display:block;margin-bottom:8px}
.hs-head h2,.sec-head h2,.sec-row h2,.cat-body h2,.pd-main h2{font-size:clamp(28px,3.2vw,38px);font-weight:800;letter-spacing:-.02em;margin:0 0 12px;color:var(--navy-2);line-height:1.15}
.hs-head p,.sec-head p{font-size:17px;color:var(--muted);margin:0;line-height:1.6}
.hs-head.center,.sec-head.center{text-align:center;margin-left:auto;margin-right:auto}
.hs-head.light h2{color:#fff}.hs-head.light p{color:rgba(255,255,255,.84)}.hs-head.light .eyebrow{color:#ffd0cc}
.hs-row,.sec-row{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:32px}.hs-row .hs-head{margin-bottom:0}.sec-row h2{margin-bottom:0}
.hs-note{margin:16px 0 0;font-size:13.5px;color:var(--muted)}
.muted{color:var(--muted)}.card-cta{margin:22px 0 0}
/* one card language: 14px radius, 1px line border, soft shadow on hover */
.card{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:32px;box-shadow:var(--shadow)}
.card.dark{background:var(--navy-2);border-color:var(--navy-2);color:#cfd5ea}.card.dark h3{color:#fff}.card.dark .eyebrow{color:#ff9a9e}
.card h3{font-size:24px;font-weight:800;margin:6px 0 10px}
.usp{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.usp .card ul{list-style:none;padding:0;margin:18px 0 0}.usp .card li{display:flex;gap:10px;margin:10px 0}.usp .card li svg{color:var(--ok);width:20px;height:20px;flex:none}
.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.step{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:24px}.step h3{font-size:18px;margin:0 0 6px}.step p{margin:0;color:var(--muted);font-size:15px}
.hs-soft .step,.hs-soft .guide{border-color:#e1e4ec}
.facts{background:#fff;border-bottom:1px solid var(--line)}
.facts .fi{background:var(--warm);color:var(--red);border-radius:10px}
/* rounded feature panels (red training, navy Hinglish, navy form) */
.panel{border-radius:20px;padding:52px;color:#fff;position:relative;overflow:hidden}
.panel::after{content:"";position:absolute;right:-120px;top:-120px;width:360px;height:360px;border-radius:50%;background:rgba(255,255,255,.06);pointer-events:none}
.panel-navy{background:linear-gradient(135deg,var(--navy-2),var(--navy))}
.panel-red{background:linear-gradient(135deg,#e3262e,#b3151c)}
.pn-2{display:grid;grid-template-columns:1.1fr .9fr;gap:44px;align-items:center}
.panel .hs-head{margin-bottom:22px}
.panel .ctas{display:flex;gap:12px;flex-wrap:wrap}
.pn-steps{list-style:none;counter-reset:p;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:14px;position:relative;z-index:1}
.pn-steps li{counter-increment:p;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.24);border-radius:var(--r);padding:20px}
.pn-steps li::before{content:counter(p);display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#fff;color:#c81d24;font-weight:800;margin-bottom:12px}
.pn-steps b{display:block;font-size:17px;margin-bottom:2px}.pn-steps span{font-size:14px;opacity:.88}
.pn-list{list-style:none;padding:0;margin:0 0 26px;display:grid;gap:12px}.pn-list li{display:flex;gap:10px;align-items:flex-start;color:rgba(255,255,255,.86)}.pn-list b{color:#fff}.pn-list svg{width:20px;height:20px;color:#ff9a9e;flex:none;margin-top:2px}
.pn-ticks{list-style:none;padding:0;margin:0 0 26px;display:grid;gap:10px}.pn-ticks li{display:flex;gap:10px;align-items:center;color:rgba(255,255,255,.9)}.pn-ticks svg{width:18px;height:18px;color:#7ee2a8;flex:none}
.pn-card{background:#fff;color:var(--ink);border-radius:var(--r);padding:26px;box-shadow:0 24px 48px rgba(0,0,0,.28);position:relative;z-index:1}
.pn-card-h{display:flex;justify-content:space-between;align-items:baseline;gap:10px;margin-bottom:6px}.pn-card-h span{font-size:13px;color:var(--muted)}.pn-card-h b{font-size:18px;color:var(--navy-2)}
.pn-card ul{list-style:none;padding:0;margin:0 0 18px}.pn-card li{display:flex;justify-content:space-between;gap:10px;padding:11px 0;border-bottom:1px dashed var(--line);font-size:14.5px}.pn-card li b{color:var(--navy-2)}.pn-card li b.g{color:var(--ok)}
.pn-card .btn{width:100%;justify-content:center}
.btn-white{background:#fff;color:var(--navy-2)}.btn-white:hover{background:#f1f3f8}
.btn-ghost-w{background:transparent;color:#fff;box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.55)}
.pn-form form.q{background:#fff;border-radius:var(--r);padding:26px;display:grid;grid-template-columns:1fr 1fr;gap:12px;color:var(--ink);box-shadow:0 24px 48px rgba(0,0,0,.28);position:relative;z-index:1}
.pn-form form.q label{font-size:13px;font-weight:600;display:flex;flex-direction:column;gap:5px;color:var(--navy-2)}
.pn-form form.q .full{grid-column:1/-1}
.pn-form form.q input,.pn-form form.q select,.pn-form form.q textarea{font:inherit;font-size:15px;padding:11px 12px;border:1.5px solid var(--line);border-radius:9px;width:100%;background:#fff}
.pn-form form.q button{justify-content:center}
.pn-form .form-note{color:var(--muted);font-size:12.5px;margin:0}
/* FAQ: two columns everywhere (Home, ABC, product) */
.faq-2,.faq-wrap{display:grid;grid-template-columns:360px 1fr;gap:48px;align-items:start}
.faq details{background:#fff;border:1px solid var(--line);border-radius:12px;margin-bottom:10px;box-shadow:none}
.faq summary{padding:18px 20px;font-weight:700;color:var(--navy-2);list-style:none;display:flex;justify-content:space-between;align-items:center;gap:12px;cursor:pointer}
.faq summary::-webkit-details-marker{display:none}
.faq summary::before{display:none}
.faq summary::after{content:"+";font-size:22px;line-height:1;color:var(--red);flex:none}
.faq details[open] summary::after{content:"–"}
.faq details p{margin:0;padding:0 20px 18px;color:var(--muted)}
/* guides */
.guide em{margin-top:auto;padding-top:6px;font-style:normal;font-weight:700;color:var(--red);font-size:14px}
.guide-img{padding-top:0;overflow:hidden}.guide-img img{display:block;width:calc(100% + 48px);max-width:none;margin:0 -24px 10px;aspect-ratio:16/9;object-fit:cover;height:auto}
/* ABC + product: same panels */
.cat-warranty{background:var(--soft)!important;padding:80px 0}
.cat-warranty .cw-grid{background:linear-gradient(135deg,var(--navy-2),var(--navy));border-radius:20px;padding:48px 52px;max-width:none;color:#fff}
.pd-card.navy{background:linear-gradient(135deg,var(--navy-2),var(--navy))}
.pd-card,.usp4>div{border:1px solid var(--line)!important;border-radius:var(--r)}
.usp4>div::before{display:none}
.sz{border:1px solid var(--line)!important}.sz::before{display:none}.sz-hot{border-color:var(--navy)!important}
.pd-bulk{border-radius:var(--r)}
@media (max-width:1100px){.pn-2{grid-template-columns:1fr}.faq-2,.faq-wrap{grid-template-columns:1fr;gap:20px}}
@media (max-width:860px){.hs,.sec,.cat-warranty{padding:56px 0}.panel,.cat-warranty .cw-grid{padding:30px 22px;border-radius:16px}.usp,.steps{grid-template-columns:1fr 1fr}.hs-row,.sec-row{flex-direction:column;align-items:flex-start}}
@media (max-width:560px){.usp,.steps{grid-template-columns:1fr}.pn-form form.q{grid-template-columns:1fr}.hs-head h2,.sec-head h2,.sec-row h2{font-size:26px}.card{padding:24px}}
/* final polish */
.prod .price{display:flex;flex-wrap:wrap;align-items:baseline;column-gap:4px;row-gap:2px}
.prod .price::before{content:"";flex-basis:100%;order:1;height:0}
.prod .price s,.prod .price .off{order:2}.prod .price s{margin-left:0}
.prod .price .gst{margin-left:2px}
.hs-head.center{max-width:900px}
.panel-light{background:#fff;color:var(--ink);border:1px solid var(--line);box-shadow:var(--shadow)}
.panel-light::after{background:var(--warm)}
.panel-light .pn-ticks li{color:var(--ink)}.panel-light .pn-ticks svg{color:var(--ok)}
.panel-light form.q{box-shadow:none;border:1px solid var(--line);background:var(--soft)}
.panel-light form.q input,.panel-light form.q select,.panel-light form.q textarea{background:#fff}
.pn-form form.q button{font-size:15px;padding:13px}
/* ===== Bulk page (same system) ===== */
.page-top .h3-copy h1{font-size:clamp(32px,4.2vw,50px);font-weight:800;margin:12px 0 16px}.page-top .h3-copy h1 span{color:var(--red)}
.page-top .crumbs{margin-bottom:14px}
.page-top .wrap{grid-template-columns:1.15fr .85fr}
.bulk-kit{align-self:center}
.segs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.seg{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:24px}
.seg .fi{display:inline-grid;place-items:center;width:44px;height:44px;border-radius:10px;background:var(--warm);color:var(--red);margin-bottom:12px}.seg .fi svg{width:22px;height:22px}
.seg b{display:block;font-size:18px;color:var(--navy-2);margin-bottom:6px}.seg p{margin:0;color:var(--muted);font-size:15px}
.calc2{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:start}
.calc2 .cin{display:grid;gap:14px}.calc2 .cin label{display:flex;flex-direction:column;gap:6px;font-weight:600;color:var(--navy-2);font-size:14px}
.calc2 .cin input[type=number]{font:inherit;padding:11px 12px;border:1.5px solid var(--line);border-radius:9px}
.calc2 .checks{display:grid;grid-template-columns:1fr 1fr;gap:10px}.calc2 .checks label{flex-direction:row;align-items:center;gap:8px;font-weight:500;color:var(--ink)}
.calc2 .cout h3{margin:0 0 10px}.calc2 .kit{list-style:none;padding:0;margin:0 0 16px}.calc2 .kit li{display:flex;justify-content:space-between;gap:10px;padding:11px 0;border-bottom:1px dashed var(--line)}.calc2 .kit b{color:var(--navy-2)}.calc2 .kit b.g{color:var(--ok)}
.calc2 .est{display:flex;flex-direction:column;gap:2px;background:var(--soft);border-radius:12px;padding:16px;margin-bottom:14px}.calc2 .est span{font-size:13px;color:var(--muted)}.calc2 .est strong{font-size:30px;font-weight:800;color:var(--navy-2)}.calc2 .est small{font-size:12.5px;color:var(--muted)}
.calc2 .cout .btn{width:100%;justify-content:center}
.bulk-price .ptable a{color:var(--navy-2)}
.bulk-price .pd-card.navy{text-align:center;position:static}
@media (max-width:1100px){.page-top .wrap{grid-template-columns:1fr}.segs{grid-template-columns:1fr 1fr}}
@media (max-width:860px){.calc2{grid-template-columns:1fr}}
@media (max-width:560px){.segs{grid-template-columns:1fr}.calc2 .checks{grid-template-columns:1fr}}
/* ===== Warranty page ===== */
.w-hero-seal{display:flex;flex-direction:column;align-items:center;gap:14px;text-align:center}
.w-hero-seal .seal-a-wrap{width:260px;filter:drop-shadow(0 16px 26px rgba(13,31,74,.28))}
.w-hero-seal p{margin:0;color:var(--muted);font-size:15px}.w-hero-seal b{color:var(--red);font-size:18px}
.w-list{list-style:none;padding:0;margin:14px 0 0;display:grid;gap:12px}
.w-list li{display:flex;gap:10px;align-items:flex-start}.w-list svg{width:20px;height:20px;flex:none;margin-top:2px}
.w-list.ok svg{color:var(--ok)}.w-list.no svg{color:var(--red)}
.steps-2{grid-template-columns:1fr 1fr}.steps-3{grid-template-columns:repeat(3,1fr)}
.pd-cols .pd-card.navy{position:static;text-align:left}
.compare-light{width:100%;border-collapse:collapse;font-size:14.5px}
.compare-light th,.compare-light td{padding:11px 8px;border-bottom:1px solid var(--line);text-align:left}
.compare-light th{font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
.compare-light td.x{color:var(--red)}.compare-light td:last-child{color:var(--navy-2);font-weight:600}
.w-claim-cta{display:flex;gap:12px;flex-wrap:wrap;margin-top:26px}
@media (max-width:860px){.w-hero-seal .seal-a-wrap{width:170px}.steps-3{grid-template-columns:1fr}}
@media (max-width:560px){.steps-2{grid-template-columns:1fr}}
.segs-4{grid-template-columns:repeat(4,minmax(0,1fr))}.segs-4 .seg p{line-height:1.7}.w-list a{color:var(--navy-2)}
@media (max-width:1100px){.segs-4{grid-template-columns:1fr 1fr}}@media (max-width:560px){.segs-4{grid-template-columns:1fr}}
/* ===== Fire hero (Round 7 option) ===== */
.hero-fire{position:relative;color:#fff;overflow:hidden;background:#140c0a url(../img/hero-fire-bg.jpg) center/cover no-repeat}
.hero-fire::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(9,14,34,.94) 0%,rgba(9,14,34,.82) 38%,rgba(9,14,34,.25) 70%,rgba(9,14,34,.05) 100%),linear-gradient(0deg,rgba(9,14,34,.85),rgba(9,14,34,0) 30%)}
.hx-grid{position:relative;display:grid;grid-template-columns:1fr 1.05fr;gap:30px;align-items:center;padding-top:56px;padding-bottom:46px;min-height:620px}
.hx-copy .crumbs,.hx-copy .crumbs a{color:rgba(255,255,255,.7)}
.hx-copy .eyebrow{color:#ffb4a8}
.hx-copy h1{font-size:clamp(34px,4.4vw,56px);font-weight:800;line-height:1.08;letter-spacing:-.02em;color:#fff;margin:12px 0 16px}
.hx-copy h1 span{color:#ff4d3d}
.hx-lead{font-size:18px;line-height:1.6;color:rgba(255,255,255,.82);max-width:560px;margin:0 0 24px}
.hx-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;max-width:560px;margin:0 0 26px}
.hx-stats div{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.18);border-radius:12px;padding:14px 16px;backdrop-filter:blur(4px)}
.hx-stats b{display:block;font-size:26px;font-weight:800;color:#fff;line-height:1.1}.hx-stats b .gst{color:rgba(255,255,255,.7);font-size:12px}
.hx-stats span{font-size:13px;color:rgba(255,255,255,.72)}
.hero-fire .ctas{display:flex;gap:12px;flex-wrap:wrap}
.hero-fire .btn-wa svg{width:20px;height:20px}
.hero-fire .ticks{color:rgba(255,255,255,.88);margin-top:22px}.hero-fire .ticks svg{color:#5ee08f}
.hx-stage{position:relative;align-self:end}
.hx-stage .seal-a-wrap{position:absolute;top:-6px;right:0;width:150px;z-index:5;filter:drop-shadow(0 12px 22px rgba(0,0,0,.55))}
.hx-row{position:relative;z-index:2;display:flex;align-items:flex-end;justify-content:center;gap:4px;padding-top:120px}
.hx-p{position:relative;display:flex;flex-direction:column;align-items:center;text-decoration:none;color:#fff;flex:1 1 0;min-width:0}
.hx-p img{width:auto;max-width:100%;filter:drop-shadow(0 18px 18px rgba(0,0,0,.6));transition:transform .2s}
.hx-p:hover img{transform:translateY(-6px)}
.hx-p1 img{height:380px}.hx-p2 img{height:400px}.hx-p3 img{height:420px}.hx-p4 img{height:330px}
.hx-tag{margin-top:12px;display:flex;flex-direction:column;align-items:center;gap:5px;background:rgba(9,14,34,.72);border:1px solid rgba(255,255,255,.2);border-radius:12px;padding:9px 10px;min-width:118px;backdrop-filter:blur(4px)}
.hx-tag b{font-size:15px;font-weight:700}.hx-tag .fcb{position:static;display:flex;gap:4px;margin:0}
.hx-tag .fcb i{min-width:22px;height:22px;font-size:11.5px;border-radius:5px;display:inline-grid;place-items:center;color:#fff;font-style:normal;font-weight:800}
.hx-tag .fcb i.c-A{background:#2e8b57}.hx-tag .fcb i.c-B{background:#d9534f}.hx-tag .fcb i.c-C{background:#2f6fd1}.hx-tag .fcb i.c-K{background:#222;border:1px solid #666}
.hx-tag em{font-style:normal;font-size:13px;font-weight:700;color:#ffd2c9}.hx-tag em .gst{color:rgba(255,255,255,.65)}
.hx-floor{position:absolute;left:-4%;right:-4%;bottom:62px;height:70px;border-radius:50%;background:radial-gradient(closest-side,rgba(0,0,0,.65),rgba(0,0,0,0));z-index:1}
@media (max-width:1100px){.hx-grid{grid-template-columns:1fr;min-height:0}.hx-stage{max-width:760px;margin:0 auto;width:100%}}
@media (max-width:860px){.hx-grid{padding-top:32px}.hx-p1 img{height:250px}.hx-p2 img{height:265px}.hx-p3 img{height:280px}.hx-p4 img{height:220px}.hx-row{padding-top:90px}.hx-stage .seal-a-wrap{width:110px}}
@media (max-width:560px){.hx-stats{grid-template-columns:1fr 1fr 1fr;gap:8px}.hx-stats div{padding:10px}.hx-stats b{font-size:19px}.hx-stats span{font-size:11.5px}
  .hx-p1 img{height:160px}.hx-p2 img{height:170px}.hx-p3 img{height:180px}.hx-p4 img{height:140px}.hx-tag{min-width:0;width:100%;padding:6px 4px}.hx-tag b{font-size:12px}.hx-tag em{font-size:10.5px}.hx-tag .fcb i{min-width:17px;height:17px;font-size:9.5px}.hx-row{padding-top:70px;gap:4px}.hx-stage .seal-a-wrap{width:84px}.hero-fire .ctas .btn{flex:1 1 auto;justify-content:center}}
/* ===== Group hero (Round 7) ===== */
.hero-group{background:linear-gradient(180deg,#f6f8fb 0%,#eef2f8 100%);border-bottom:1px solid var(--line);overflow:hidden}
.hg-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:center;padding-top:52px;padding-bottom:52px}
.hero-group .hx-copy h1{color:var(--navy-2)}.hero-group .hx-copy h1 span{color:var(--red)}
.hero-group .hx-copy .eyebrow{color:var(--red)}.hero-group .hx-copy .crumbs,.hero-group .hx-copy .crumbs a{color:var(--muted)}
.hero-group .hx-lead{color:var(--muted)}
.hero-group .hx-stats div{background:#fff;border:1px solid var(--line);box-shadow:var(--shadow)}
.hero-group .hx-stats b{color:var(--navy-2)}.hero-group .hx-stats b .gst{color:var(--muted)}.hero-group .hx-stats span{color:var(--muted)}
.hero-group .ctas{display:flex;gap:12px;flex-wrap:wrap}.hero-group .btn-wa svg{width:20px;height:20px}
.hero-group .ticks{margin-top:22px}
.hg-stage{position:relative;display:flex;flex-direction:column;align-items:center}
.hg-stage .seal-a-wrap{position:absolute;top:0;right:2%;width:150px;z-index:6;filter:drop-shadow(0 10px 18px rgba(13,31,74,.28))}
.hg-group{position:relative;display:flex;align-items:flex-end;justify-content:center;height:500px;width:100%;padding-left:30px}
.hg-u{position:relative;width:auto;filter:drop-shadow(10px 14px 14px rgba(13,31,74,.25));margin-left:-62px}
.hg-u1{height:480px;z-index:4;margin-left:0}.hg-u2{height:400px;z-index:3}.hg-u3{height:330px;z-index:2}.hg-u4{height:265px;z-index:1}
.hg-floor{position:absolute;left:8%;right:8%;bottom:-14px;height:40px;border-radius:50%;background:radial-gradient(closest-side,rgba(13,31,74,.28),rgba(13,31,74,0));z-index:0}
.hg-chips{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;margin-top:26px}
.hg-chips-h{width:100%;text-align:center;font-weight:700;color:var(--navy-2);font-size:14px;display:flex;justify-content:center;align-items:center;gap:4px}
.hg-chips-h i{display:inline-grid;place-items:center;min-width:22px;height:22px;border-radius:5px;color:#fff;font-style:normal;font-size:11.5px;font-weight:800}
.hg-chips-h i.c-A{background:#2e8b57}.hg-chips-h i.c-B{background:#d9534f}.hg-chips-h i.c-C{background:#2f6fd1}
.hg-chip{display:flex;flex-direction:column;align-items:center;background:#fff;border:1px solid var(--line);border-radius:12px;padding:8px 16px;text-decoration:none;box-shadow:var(--shadow)}
.hg-chip:hover{border-color:var(--red)}.hg-chip b{color:var(--navy-2);font-size:15px}.hg-chip em{font-style:normal;color:var(--red);font-weight:700;font-size:14px}
@media (max-width:1100px){.hg-grid{grid-template-columns:1fr}}
@media (max-width:860px){.hg-group{height:360px}.hg-u{margin-left:-44px}.hg-u1{height:340px}.hg-u2{height:285px}.hg-u3{height:235px}.hg-u4{height:190px}.hg-stage .seal-a-wrap{width:110px}}
@media (max-width:560px){.hg-group{height:290px;padding-left:10px}.hg-u{margin-left:-36px}.hg-u1{height:275px}.hg-u2{height:230px}.hg-u3{height:190px}.hg-u4{height:152px}.hg-stage .seal-a-wrap{width:88px;right:0}.hg-chip{padding:6px 10px}.hero-group .ctas .btn{flex:1 1 auto;justify-content:center}}
/* ===== WordPress theme additions ===== */
.hp{position:absolute!important;left:-9999px!important;width:1px;height:1px;overflow:hidden}
.formok{background:#e9f8ef;color:var(--ok);padding:12px 14px;border-radius:10px;font-weight:600;margin:0 0 12px}
.formerr{background:#fff1f0;color:#b3151c;padding:12px 14px;border-radius:10px;font-weight:600;margin:0 0 12px}
.pn-form form.q .btn-wa{justify-content:center}
.woocommerce-notices-wrapper:empty{display:none}
.woocommerce-message,.woocommerce-info,.woocommerce-error{list-style:none;margin:0 0 18px;padding:14px 18px;border-radius:12px;background:var(--soft);border:1px solid var(--line)}
.woocommerce-error{background:#fff1f0;border-color:#f5c2c0}
.woocommerce-pagination ul{display:flex;gap:6px;list-style:none;padding:0;justify-content:center;margin:30px 0 0}
.woocommerce-pagination a,.woocommerce-pagination span{display:grid;place-items:center;min-width:40px;height:40px;border:1px solid var(--line);border-radius:10px;text-decoration:none;color:var(--navy-2);font-weight:600}
.woocommerce-pagination .current{background:var(--navy-2);color:#fff;border-color:var(--navy-2)}
.prod .ph img{width:100%;height:auto;aspect-ratio:1/1;object-fit:contain}
.reco-img img,.cat2 .cimg img{width:100%;height:auto;object-fit:contain}
/* WooCommerce product form + pages */
.page-body{max-width:860px}
.buy-wc form.cart{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin:6px 0 14px}
.buy-wc form.variations_form{display:block}
.buy-wc table.variations{border:0;margin:0 0 12px;width:100%}
.buy-wc table.variations th,.buy-wc table.variations td{border:0;padding:0 0 8px;text-align:left;display:block}
.buy-wc table.variations label{font-size:13px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.06em}
.buy-wc select{font:inherit;padding:11px 12px;border:1.5px solid var(--line);border-radius:10px;min-width:200px;background:#fff}
.buy-wc .reset_variations{margin-left:10px;font-size:13px}
.buy-wc .single_variation_wrap .price{font-size:22px;font-weight:800;color:var(--navy-2);margin:6px 0 10px}
.buy-wc .woocommerce-variation-add-to-cart{display:flex;gap:12px;align-items:center;flex-wrap:wrap}
.buy-wc .quantity input{width:78px;font:inherit;padding:11px 10px;border:1.5px solid var(--line);border-radius:10px}
.buy-wc .single_add_to_cart_button{background:var(--red);color:#fff;border:0;border-radius:10px;padding:13px 22px;font-weight:700;font-size:15px;cursor:pointer}
.buy-wc .single_add_to_cart_button:hover{background:var(--red-d)}
.buy-wc .single_add_to_cart_button.disabled{opacity:.5}
.pd-wa{margin:2px 0 4px}
.wc-page .wc-body{max-width:none}
.wc-body table.shop_table{width:100%;border-collapse:separate;border-spacing:0;border:1px solid var(--line);border-radius:12px;overflow:hidden}
.wc-body table.shop_table th,.wc-body table.shop_table td{padding:12px 14px;border-bottom:1px solid var(--line);text-align:left}
.wc-body .button,.wc-body button[type=submit]{background:var(--red);color:#fff;border:0;border-radius:10px;padding:12px 20px;font-weight:700;cursor:pointer}
.wc-body input[type=text],.wc-body input[type=email],.wc-body input[type=tel],.wc-body input[type=password],.wc-body textarea,.wc-body select{font:inherit;padding:11px 12px;border:1.5px solid var(--line);border-radius:9px;width:100%}
.rank-math-breadcrumb{font-size:13.5px;color:var(--muted);margin-bottom:12px}.rank-math-breadcrumb a{color:var(--muted)}
/* ===== Home hero, product group on a white podium (Sachin's reference, 6 Oct) ===== */
.hero-hp{background:radial-gradient(900px 480px at 78% 55%,#fff 0,rgba(255,255,255,0) 70%),linear-gradient(180deg,#f6f8fb 0%,#eef2f8 100%);border-bottom:1px solid var(--line);overflow:hidden}
.hp-grid{display:grid;grid-template-columns:1fr 1.05fr;gap:30px;align-items:center;padding-top:56px;padding-bottom:40px}
.hp-copy h1{font-size:clamp(34px,4.6vw,56px);font-weight:800;line-height:1.08;letter-spacing:-.02em;color:var(--navy-2);margin:14px 0 18px}
.hp-copy h1 span{color:var(--red)}
.hp-lead{font-size:18px;line-height:1.65;color:var(--muted);max-width:560px;margin:0 0 28px}
.hp-copy .ctas{display:flex;gap:12px;flex-wrap:wrap}
.hp-stage{position:relative;height:520px}
.hp-stage .seal-a-wrap{position:absolute;top:0;right:2%;width:150px;z-index:9;filter:drop-shadow(0 10px 18px rgba(13,31,74,.28))}
.hp-group{position:absolute;left:0;right:0;bottom:0;height:470px}
.hp-podium{position:absolute;left:6%;right:6%;bottom:6px;height:90px;border-radius:50%;background:radial-gradient(closest-side,#fff 0,#fff 62%,#e6eaf2 100%);box-shadow:0 18px 30px rgba(13,31,74,.14),inset 0 -8px 16px rgba(13,31,74,.06);z-index:0}
.hp-i{position:absolute;width:auto;filter:drop-shadow(8px 12px 12px rgba(13,31,74,.22))}
.hp-co2{height:430px;left:39%;bottom:40px;z-index:2}
.hp-abc{height:360px;left:18%;bottom:34px;z-index:3}
.hp-k{height:350px;left:58%;bottom:38px;z-index:3}
.hp-foam{height:300px;left:73%;bottom:28px;z-index:4}
.hp-bucket{height:150px;left:3%;bottom:18px;z-index:5;mix-blend-mode:multiply;filter:none}
.hp-ball{height:150px;left:44%;bottom:6px;z-index:6;mix-blend-mode:multiply;filter:none}
.hp-strip{background:#fff;border-bottom:1px solid var(--line)}
.hp-strip .wrap{display:grid;grid-template-columns:repeat(4,1fr)}
.hp-strip .wrap>div{display:flex;gap:14px;align-items:center;padding:22px 16px;border-right:1px solid var(--line)}
.hp-strip .wrap>div:last-child{border-right:0}
.hp-ic{flex:none;display:grid;place-items:center;width:48px;height:48px;border-radius:50%;border:2px solid var(--red);color:var(--red)}
.hp-ic svg{width:22px;height:22px}
.hp-strip b{display:block;color:var(--navy-2);font-size:16px}.hp-strip small{color:var(--muted);font-size:13px}
@media (max-width:1100px){.hp-grid{grid-template-columns:1fr}.hp-stage{max-width:640px;width:100%;margin:0 auto}.hp-strip .wrap{grid-template-columns:1fr 1fr}.hp-strip .wrap>div:nth-child(2){border-right:0}}
@media (max-width:560px){.hp-grid{padding-top:30px}.hp-stage{height:330px}.hp-group{height:300px}.hp-stage .seal-a-wrap{width:92px}
  .hp-co2{height:270px;bottom:26px}.hp-abc{height:225px;bottom:22px}.hp-k{height:220px;bottom:24px}.hp-foam{height:190px;bottom:18px}.hp-bucket{height:95px;bottom:12px}.hp-ball{height:95px;bottom:4px}.hp-podium{height:60px}
  .hp-copy .ctas .btn{flex:1 1 auto;justify-content:center}.hp-strip .wrap>div{padding:14px 8px;gap:10px}.hp-ic{width:40px;height:40px}.hp-strip b{font-size:14px}}
/* Red category bar: desktop only (Sachin, 6 Oct). On iPad/mobile the burger opens it as a menu. */
@media (max-width:1100px){
  .burger3{display:block}
  nav.catbar{display:none}
  nav.catbar.open{display:block}
  nav.catbar.open .wrap{flex-direction:column}
  nav.catbar.open a{border-right:0;border-bottom:1px solid rgba(255,255,255,.22);padding:13px 4px}
}
/* Home hero = Sachin's own image (products part), our approved seal over its old shield */
/* Mobile: compact header search (icon opens the box) */
.search-toggle{display:none;background:none;border:0;padding:6px;color:var(--navy-2);cursor:pointer}
.search-toggle svg{width:24px;height:24px}
@media (max-width:860px){
  .search-toggle{display:block;order:2;margin-left:auto}
  .logo3{margin-right:0}
  .cart3{order:3}
  .search3{display:none}
  .search3.open{display:flex}
}
.hp-strip .wrap>div p{margin:0}
.nowrap{white-space:nowrap}
/* Search bar in Sachin's style: thin red pill, no divider before "All Categories", red round-ended button */
.search3{border:1.5px solid var(--red);height:46px;background:#fff}
.search3 input{padding:0 20px;font:400 15px system-ui,sans-serif}
.search3 input::placeholder{color:#8a90a2}
.search3 select{border-left:0;padding:0 10px 0 6px;font:500 14px system-ui,sans-serif;color:var(--ink)}
.search3 button{width:60px;border-radius:0 999px 999px 0}
/* ===== Home hero v4 (6 Oct): Sachin's own product image, cleaned (old seal, stray letters removed), sitting on its own background.
   The section background is sampled from the image edges, so there is no visible box, fade or colour step. ===== */
.hero-hp{--hh:clamp(480px,40cqw,680px);position:relative;overflow:hidden;border-bottom:1px solid var(--line);
  background:linear-gradient(90deg,#f4f8fb 0%,#f2f6f9 30%,#eff3f8 50%,#edf2f7 88%,#e7ecf2 95%,#dce2e9 100%)}
.hero-hp .hp-copy{position:relative;z-index:2;padding:26px 0 6px}
.hp-copy h1{font-size:clamp(34px,4.4vw,54px)}
.hp-photo{position:relative;margin-left:auto;width:min(100%,900px);aspect-ratio:1036/792}
.hp-scene{display:block;width:100%;height:100%;-webkit-mask-image:linear-gradient(180deg,transparent 0,#000 4%);mask-image:linear-gradient(180deg,transparent 0,#000 4%)}
.hp-photo .seal-a-wrap{position:absolute;left:76.4%;top:5.3%;width:20%;right:auto;z-index:3;filter:drop-shadow(0 8px 14px rgba(13,31,74,.26))}
@media (min-width:1200px){
  .hero-hp{min-height:var(--hh);
    background:linear-gradient(90deg,#f4f8fb 0,#f4f8fb calc(100% - var(--hh)*1.308 - 120px),rgba(244,248,251,0) calc(100% - var(--hh)*1.308 + 2px)),
               linear-gradient(180deg,#f5f8fc 0%,#f8fafc 7%,#f4f8fb 13%,#f4f8fb 84%,#eef3f8 88%,#ecf1f7 91%,#f2f6fa 94%,#f3f7fb 100%)}
  .hero-hp>.wrap{min-height:var(--hh);display:flex;align-items:center}
  .hero-hp .hp-copy{max-width:540px;padding:34px 0 40px}
  .hp-copy h1{font-size:clamp(38px,3.6vw,54px)}
  .hp-photo{position:absolute;right:0;bottom:0;top:0;height:100%;width:auto;margin:0}
  .hp-scene{width:auto;height:100%;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 3%);mask-image:linear-gradient(90deg,transparent 0,#000 3%)}
}
@media (min-width:861px) and (max-width:1199px){.hp-scene{-webkit-mask-image:linear-gradient(180deg,transparent 0,#000 4%),linear-gradient(90deg,transparent 0,#000 3.5%);-webkit-mask-composite:source-in;mask-image:linear-gradient(180deg,transparent 0,#000 4%),linear-gradient(90deg,transparent 0,#000 3.5%);mask-composite:intersect}}
@media (max-width:860px){.hp-photo{width:100%}}
@media (max-width:560px){.hero-hp .hp-copy{padding-top:20px}.hp-lead{font-size:16px;margin-bottom:22px}}
/* Mobile: the bottom bar already has WhatsApp, so no floating button (Sachin, 6 Oct) */
@media (max-width:860px){.wa-float{display:none}}
/* Home "Shop by type": bigger product images, same image height on every tile (Sachin, 6 Oct) */
.cat2.cat2-big .cimg{width:100%;height:200px;margin:18px 0 8px!important}
.cat2.cat2-big .cimg img{width:100%;height:100%;object-fit:contain;transition:transform .18s}
@media (max-width:1100px){.cat2.cat2-big .cimg{height:190px}}
@media (max-width:560px){.cat2.cat2-big .cimg{height:150px;margin:22px 0 6px!important}}
/* 10 tiles: 5 + 5 on desktop, 2 per row on iPad portrait and mobile; equal heights, price on one line, hover shows "Shop now" */
.cats2.cats2-home{grid-template-columns:repeat(5,minmax(0,1fr))}
.cat2.cat2-big{height:100%}
.cat2.cat2-big b{min-height:2.6em;display:flex;align-items:center;justify-content:center;line-height:1.3}
.cat2.cat2-big em{margin-top:auto}
.cat2.cat2-big .c2-go{font-size:13px;font-weight:700;color:var(--red);max-height:0;opacity:0;overflow:hidden;transition:max-height .18s,opacity .18s}
.cat2.cat2-big:hover{transform:translateY(-4px);border-color:var(--red)!important;box-shadow:0 12px 26px rgba(13,31,74,.12)}
.cat2.cat2-big:hover .c2-go,.cat2.cat2-big:focus-visible .c2-go{max-height:22px;opacity:1}
@media (max-width:860px){.cats2.cats2-home{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (hover:none){.cat2.cat2-big .c2-go{max-height:22px;opacity:1}}
/* Shop page (/shop/) */
.shop-bar{align-items:flex-end}
.shop-sort{display:flex;gap:14px;align-items:center;flex-wrap:wrap}
.shop-sort .woocommerce-result-count{margin:0;color:var(--muted);font-size:14px}
.shop-sort .woocommerce-ordering{margin:0}
.shop-sort select{font:500 14px system-ui,sans-serif;padding:10px 12px;border:1.5px solid var(--line);border-radius:10px;background:#fff;color:var(--ink)}
.shop-chips{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 22px}
.shop-chips a{padding:8px 14px;border:1.5px solid var(--line);border-radius:999px;font-size:14px;font-weight:600;color:var(--navy-2);text-decoration:none;background:#fff}
.shop-chips a:hover,.shop-chips a.on{border-color:var(--red);color:var(--red)}
@media (max-width:860px){.shop-chips{flex-wrap:nowrap;overflow-x:auto;padding-bottom:6px;margin-right:-20px}.shop-chips a{white-space:nowrap}}
/* Breadcrumbs: small and subtle */
.rank-math-breadcrumb{font-size:13px;color:var(--muted);margin:0 0 10px}
.rank-math-breadcrumb p{margin:0}
.rank-math-breadcrumb a{color:var(--muted);text-decoration:none}.rank-math-breadcrumb a:hover{color:var(--red)}
.rank-math-breadcrumb .separator{margin:0 6px;color:#b5bccb}
.rank-math-breadcrumb .last{color:var(--navy-2);font-weight:600}
/* Shop: 14 tiles, 5 per row on desktop with the last row centred */
@media (min-width:861px){.cats2.cats2-shop{display:flex;flex-wrap:wrap;justify-content:center}.cats2.cats2-shop>.cat2{flex:0 0 calc((100% - 56px)/5)}}
/* Product page: customer short name under the keyword H1 (as on the live site) */
.summary .product_short_name{font-size:18px;font-weight:600;color:var(--muted);margin:-6px 0 12px;line-height:1.35}
/* Product cards v2 (Sachin, 6 Oct): compact pill button beside the price, MRP + % off on one small line, larger product */
.prod .ph{aspect-ratio:1/.92;padding:8px!important}
.prod .ph img{width:100%;height:100%;aspect-ratio:auto;object-fit:contain}
.prod .bd{gap:6px;padding:14px 16px 16px}
.prod .pc-foot{margin-top:auto;padding-top:8px;display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:10px}
.prod .pc-price{display:flex;flex-direction:column;gap:3px;min-width:0}
.prod .pc-now{font:800 19px/1.1 Poppins,system-ui,sans-serif;color:var(--navy-2);white-space:nowrap}
.prod .pc-now .from{font-size:12px;font-weight:600;color:var(--muted)}
.prod .pc-now .gst{font-size:11px;font-weight:600;color:var(--muted)}
.prod .pc-mrp{display:flex;align-items:center;gap:6px;font-size:12.5px;color:#8a90a2;white-space:nowrap}
.prod .pc-mrp .off{font-size:11.5px;font-weight:700;color:#0f8a4a;background:#e7f6ee;padding:2px 7px;border-radius:999px;margin:0}
.prod .pc-btn{display:inline-flex;align-items:center;gap:6px;height:36px;padding:0 14px;border:1.5px solid var(--red);border-radius:999px;color:var(--red);background:#fff;font:600 14px system-ui,sans-serif;text-decoration:none;white-space:nowrap;transition:background .15s,color .15s}
.prod .pc-btn:hover,.prod .pc-btn:focus-visible,.prod:hover .pc-btn{background:var(--red);color:#fff}
.prod .pc-btn.loading{opacity:.6}
.prod .added_to_cart{flex-basis:100%;text-align:right;font-size:13px;font-weight:600;color:var(--navy-2)}
@media (max-width:560px){.prod .pc-foot{flex-direction:column;align-items:stretch;gap:8px}.prod .pc-btn{justify-content:center;height:34px;font-size:13.5px}.prod .pc-now{font-size:17px}.prod .bd{padding:12px}}
/* Product cards v2: premium touches on a white stage */
.prod{border:1px solid #e3e7ef!important;border-radius:14px!important;box-shadow:0 2px 10px rgba(13,31,74,.05);transition:transform .2s,box-shadow .2s,border-color .2s!important}
.prod:hover{transform:translateY(-4px)!important;box-shadow:0 16px 32px rgba(13,31,74,.12);border-color:#d3d9e4!important}
.prod .ph{position:relative;overflow:hidden;border-bottom:0!important}
.prod .ph::after{content:"";position:absolute;left:22%;right:22%;bottom:7%;height:14px;border-radius:50%;background:radial-gradient(closest-side,rgba(13,31,74,.18),rgba(13,31,74,0));z-index:0;pointer-events:none}
.prod .ph img{position:relative;z-index:1;transition:transform .25s ease}
.prod:hover .ph img{transform:scale(1.04)}
.prod .bd{border-top:0!important;padding-top:6px}
.prod h3{font:700 15.5px/1.35 Poppins,system-ui,sans-serif}
.prod .pc-chips{display:flex;flex-wrap:wrap;gap:6px}
.prod .pc-chip{display:inline-flex;align-items:center;gap:4px;font-size:11.5px;font-weight:600;color:var(--navy-2);background:#f1f4f9;border-radius:999px;padding:3px 8px 3px 6px}
.prod .pc-chip svg{width:13px;height:13px;stroke:var(--red);flex:none}
.prod .pc-chip-w svg{stroke:#0f8a4a}
.prod .pc-foot{border-top:1px dashed #e3e7ef;margin-top:auto;padding-top:12px}
@media (prefers-reduced-motion:reduce){.prod,.prod .ph img{transition:none!important}.prod:hover,.prod:hover .ph img{transform:none!important}}
/* cards v2 fixes: image fills the white stage; price on top, MRP + button share the second row */
.prod .ph{display:block!important}
.prod .ph img{display:block;width:100%!important;height:100%!important;max-height:none;object-fit:contain}
.prod .pc-foot{display:grid;grid-template-columns:1fr auto;align-items:center;column-gap:8px;row-gap:6px}
.prod .pc-price{display:contents}
.prod .pc-now{grid-column:1/-1}
.prod .pc-mrp{grid-column:1;grid-row:2}
.prod .pc-btn{grid-column:2;grid-row:2;justify-self:end;height:34px;padding:0 13px;font-size:13.5px}
.prod .added_to_cart{grid-column:1/-1}
@media (max-width:560px){.prod .pc-foot{grid-template-columns:1fr}.prod .pc-mrp{grid-column:1;grid-row:2}.prod .pc-btn{grid-column:1;grid-row:3;justify-self:stretch;justify-content:center}}
.prod .ph::after{z-index:2;bottom:3.5%;height:12px;left:26%;right:26%;mix-blend-mode:multiply;background:radial-gradient(closest-side,rgba(13,31,74,.16),rgba(13,31,74,0))}
/* cards v2: badge above the image, titles reserve two lines so chips and prices line up */
.prod .ph .tag{position:absolute;top:10px;left:10px;z-index:3;display:inline-block;max-width:calc(100% - 20px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;background:var(--navy-2);color:#fff;font:700 11px/1 system-ui,sans-serif;letter-spacing:.04em;text-transform:uppercase;padding:6px 9px;border-radius:999px;box-shadow:0 2px 6px rgba(13,31,74,.18)}
.prod h3{min-height:2.7em;display:flex;align-items:flex-start}
@media (max-width:560px){.prod h3{min-height:4.05em}.prod .ph .tag{font-size:10px;padding:5px 8px;top:8px;left:8px}}
/* No decorative circles on panels; quote form on plain white (Sachin, 6 Oct) */
.panel::after,.panel-light::after{display:none!important;content:none!important}
.panel-light form.q{background:#fff;border:1px solid var(--line)}
/* Related keyword-page links on category pages; offices on Contact */
.rel-links{display:flex;flex-wrap:wrap;gap:8px 18px;align-items:center;font-size:15px}
.rel-links b{color:var(--navy-2)}
.rel-links a{color:var(--red);font-weight:600;text-decoration:none}.rel-links a:hover{text-decoration:underline}
.offices{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:14px}
.office-card{display:flex;flex-direction:column;gap:4px;padding:18px 20px;background:#fff;border:1px solid var(--line);border-radius:14px;text-decoration:none}
.office-card b{font-size:18px;color:var(--navy-2)}.office-card span{color:var(--red);font-weight:600;font-size:14px}
.office-card:hover{border-color:var(--red)}
@media (min-width:961px){footer .cols{grid-template-columns:1.4fr 1fr 1fr 1.2fr 1fr}}
/* Group hero with mixed products: keep wide items (modular, bucket, ball, blanket) in proportion */
.hg-u{max-width:46%;object-fit:contain;object-position:bottom}
.hg-chips{gap:6px}.hg-chip{padding:6px 11px}.hg-chip b{font-size:13.5px}.hg-chip em{font-size:12.5px}
/* Blended hero scene: transparent product scene on the page background */
.hg-has-scene{justify-content:flex-end}
.hg-scene{display:block;width:100%;max-width:620px;height:auto;margin:0 auto -6px}
.hg-has-scene .seal-a-wrap{top:2%;right:4%;width:128px}
.hg-has-scene .hg-chips{margin-top:6px}
@media (max-width:860px){.hg-scene{max-width:520px}.hg-has-scene .seal-a-wrap{width:96px;right:2%}}
/* Warranty panel (category pages): inside the content width, readable line length, spaced buttons (Sachin, 6 Oct) */
.cat-warranty .cw-grid{max-width:1160px;margin:0 auto;grid-template-columns:220px minmax(0,1fr);gap:48px;padding:52px 56px}
.cat-warranty .seal-a-wrap{width:210px}
.cat-warranty p{max-width:62ch}
.cat-warranty .ctas{display:flex;flex-wrap:wrap;gap:12px}
@media (max-width:1200px){.cat-warranty .cw-grid{margin:0 20px}}
@media (max-width:860px){.cat-warranty .cw-grid{grid-template-columns:1fr;text-align:center;gap:18px;margin:0 16px;padding:32px 22px}.cat-warranty .seal-a-wrap{width:150px;margin:0 auto}.cat-warranty p{margin-left:auto;margin-right:auto}.cat-warranty .ctas{justify-content:center}}
/* Office blocks */
.office-wrap{display:grid;grid-template-columns:1fr 1.2fr;gap:36px;align-items:center}
.office-addr{font-size:17px;line-height:1.6;color:var(--ink);margin:0 0 12px}
.office-tel{margin:0 0 8px;color:var(--muted)}.office-tel a{color:var(--navy-2);font-weight:600;text-decoration:none;white-space:nowrap}
.office-wrap .btn{margin-top:10px}
.office-map{border-radius:14px;overflow:hidden;border:1px solid var(--line);aspect-ratio:4/3;background:#eef2f8}
.office-map iframe{width:100%;height:100%;border:0;display:block}
.office-card p{margin:6px 0;color:var(--ink);font-size:14.5px;line-height:1.55}
.office-card span a{color:var(--red);font-weight:600;text-decoration:none}
footer .addr b{color:#fff}
@media (max-width:860px){.office-wrap{grid-template-columns:1fr}}
/* Category heroes for all categories: stand colours and wide products */
.t-ca{--acc:#1f8a5b}.t-li{--acc:#2e7d32}.t-water{--acc:#1e6fd9}
.cat-hero.t-co2{--acc:#23262e}.cat-hero.t-k{--acc:#c99a00}.cat-hero.t-foam{--acc:#b8955a}.cat-hero.t-other{--acc:#16245c}.cat-hero.t-ca{--acc:#1f8a5b}.cat-hero.t-li{--acc:#2e7d32}.cat-hero.t-water{--acc:#1e6fd9}
.ch-stand img{max-width:250px;object-fit:contain;object-position:bottom}
.ch-row .ctas{display:flex;flex-wrap:wrap;gap:12px}
.cat-1c{grid-template-columns:1fr!important}.cat-1c .price-list{max-width:820px;margin:0 auto;width:100%}
.ch-ped i{width:auto;min-width:30px;padding:0 6px}
/* Category hero v2 (CO2 sample, Sachin's reference): light background with a soft warm glow, product on a white circle, our seal */
.cat-hero2{position:relative;overflow:hidden;border-bottom:1px solid var(--line);background:radial-gradient(620px 420px at 88% 8%,rgba(255,196,170,.35),rgba(255,196,170,0) 70%),linear-gradient(180deg,#fbfcfe 0%,#f3f6fa 100%)}
.ch2-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:30px;align-items:center;padding-top:30px;padding-bottom:46px}
.ch2-eyebrow{display:block;color:var(--red);font:700 12.5px/1.4 system-ui,sans-serif;letter-spacing:.14em;text-transform:uppercase;margin:6px 0 12px}
.cat-hero2 h1{font-size:clamp(36px,4.4vw,56px);line-height:1.06;letter-spacing:-.02em;color:var(--navy-2);margin:0 0 16px}
.cat-hero2 h1 span{color:var(--red);display:block}
.ch2-lead{font-size:17px;line-height:1.65;color:var(--muted);max-width:58ch;margin:0 0 16px}
.ch2-price{font-size:14.5px;color:var(--muted);margin:0 0 20px}.ch2-price b{color:var(--navy-2);font:800 20px Poppins,sans-serif}
.cat-hero2 .ctas{display:flex;flex-wrap:wrap;gap:12px}
.ch2-ticks{list-style:none;display:flex;flex-wrap:wrap;gap:10px 22px;padding:0;margin:20px 0 0}
.ch2-ticks li{display:flex;align-items:center;gap:7px;font-weight:600;color:var(--navy-2);font-size:14.5px}.ch2-ticks svg{width:18px;height:18px;color:var(--ok)}
.ch2-art{position:relative;display:grid;place-items:center;min-height:440px}
.ch2-circle{position:absolute;width:min(380px,90%);aspect-ratio:1;border-radius:50%;background:#fff;box-shadow:0 30px 60px rgba(13,31,74,.12),inset 0 -10px 30px rgba(13,31,74,.04)}
.ch2-prod{position:relative;z-index:2;height:430px;width:auto;filter:drop-shadow(10px 18px 18px rgba(13,31,74,.25))}
.ch2-art .seal-a-wrap{position:absolute;top:4%;right:6%;width:130px;z-index:3;filter:drop-shadow(0 8px 14px rgba(13,31,74,.28))}
@media (max-width:860px){.ch2-grid{grid-template-columns:1fr;gap:6px;padding-bottom:32px}.ch2-art{min-height:340px}.ch2-prod{height:320px}.ch2-art .seal-a-wrap{width:96px;right:8%}.cat-hero2 .ctas .btn{flex:1 1 auto;justify-content:center}}
/* Category hero = Look A (Sachin, 6 Oct): same background as the site's heroes, no circle, product on a soft floor shadow */
.cat-hero2{background:linear-gradient(180deg,#f6f8fb 0%,#eef2f8 100%)}
.cat-hero2 .ch2-circle{display:none}
.cat-hero2 .ch2-grid{padding-top:20px;padding-bottom:30px;align-items:center}
.cat-hero2 .ch2-art{min-height:420px}
.cat-hero2 .ch2-prod{height:400px;max-width:90%;object-fit:contain;filter:drop-shadow(6px 10px 10px rgba(13,31,74,.18))}
.cat-hero2 .ch2-floor{display:block;position:absolute;left:50%;bottom:2px;transform:translateX(-50%);width:220px;height:24px;border-radius:50%;background:radial-gradient(closest-side,rgba(13,31,74,.26),rgba(13,31,74,0));z-index:1}
.cat-hero2 .ch2-art .seal-a-wrap{right:12%;top:0;width:116px}
@media (max-width:860px){.cat-hero2 .ch2-art{min-height:320px}.cat-hero2 .ch2-prod{height:290px}.cat-hero2 .ch2-floor{width:160px}.cat-hero2 .ch2-art .seal-a-wrap{width:88px;right:8%}}
.cat-hero2 .ch2-art .seal-a-wrap{right:0;top:-2%}
/* Preview: 3D kitchen background behind the K-type product */
.ch2-3d{background:linear-gradient(90deg,#eef2f8 0%,#eef2f8 30%,rgba(238,242,248,.55) 50%,rgba(238,242,248,0) 70%),var(--bg3d) right center/cover no-repeat,#eef2f8}
.ch2-3d .ch2-prod{height:380px;filter:drop-shadow(10px 14px 14px rgba(13,31,74,.30))}
.ch2-3d .ch2-floor{width:200px;height:22px;bottom:6px;background:radial-gradient(closest-side,rgba(13,31,74,.38),rgba(13,31,74,0))}
.ch2-3d .ch2-art{min-height:440px}
@media (max-width:860px){.ch2-3d{background:linear-gradient(180deg,#eef2f8 0%,#eef2f8 52%,rgba(238,242,248,.35) 70%,rgba(238,242,248,0) 85%),var(--bg3dm) center bottom/cover no-repeat,#eef2f8}}
.ch2-3d{background:linear-gradient(90deg,#eef2f8 0%,#eef2f8 38%,rgba(238,242,248,.6) 52%,rgba(238,242,248,0) 66%),var(--bg3d) right bottom/auto 100% no-repeat,#eef2f8}.ch2-3d .ch2-art{align-self:end;min-height:460px}.ch2-3d .ch2-grid{padding-bottom:0}.ch2-3d .ch2-prod{height:360px;margin-top:80px}
.ch2-3d .ch2-grid{padding-bottom:28px}.ch2-3d .ch2-prod{margin-top:30px;height:350px}.ch2-3d .ch2-floor{bottom:0}
/* Kitchen 3D hero final: product a little further left */
.ch2-3d .ch2-art{justify-items:start;padding-left:4%}
.ch2-3d .ch2-floor{left:calc(4% + 80px);transform:none}
/* ABC photo preview: Sachin's warehouse photo blended into the theme background */
.ch2-photo .ch2-art{min-height:0;align-self:stretch;margin-right:calc(50% - 50cqw)}
.ch2-photo .ch2-floor{display:none}
.ch2-photo picture{position:absolute;inset:-20px 0 -30px 0;display:block}
.ch2-photo .ch2-photo-img{width:100%;height:100%;object-fit:cover;object-position:60% 70%;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 22%);mask-image:linear-gradient(90deg,transparent 0,#000 22%)}
.ch2-photo .ch2-art .seal-a-wrap{right:4%;top:4%;width:120px}
@media (max-width:860px){.ch2-photo .ch2-art{margin-right:-16px;margin-left:-16px;min-height:360px}.ch2-photo picture{inset:0}.ch2-photo .ch2-photo-img{object-position:50% 80%;-webkit-mask-image:linear-gradient(180deg,transparent 0,#000 18%);mask-image:linear-gradient(180deg,transparent 0,#000 18%)}}
.ch2-photo picture{inset:auto;top:-20px;bottom:-30px;right:0;left:auto;width:auto}
.ch2-photo .ch2-photo-img{height:100%;width:auto;max-width:none;object-fit:fill;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 30%);mask-image:linear-gradient(90deg,transparent 0,#000 30%)}
.ch2-photo .ch2-art .seal-a-wrap{right:3%;top:2%;width:118px}
@media (max-width:860px){.ch2-photo picture{position:relative;top:auto;bottom:auto;display:block}.ch2-photo .ch2-photo-img{width:100%;height:auto;-webkit-mask-image:linear-gradient(180deg,transparent 0,#000 16%);mask-image:linear-gradient(180deg,transparent 0,#000 16%)}.ch2-photo .ch2-art{min-height:0}}
@media (min-width:861px){
.ch2-photo .ch2-grid{position:static}
.ch2-photo .ch2-art{position:static;margin:0;min-height:0}
.ch2-photo picture{position:absolute;top:0;bottom:0;right:0;left:auto;width:auto;z-index:0}
.ch2-photo .ch2-photo-img{height:100%;width:auto}
.ch2-photo .ch2-art .seal-a-wrap{position:absolute;right:4%;top:6%;width:118px;z-index:3}
.ch2-photo .ch2-copy{position:relative;z-index:2}
}
@media (min-width:861px){.ch2-photo .ch2-art .seal-a-wrap{top:2%;right:2%;width:104px}}
@media (max-width:860px){
.ch2-photo .ch2-art{margin:0 -16px;min-height:0;display:block}
.ch2-photo picture{position:relative;inset:auto;display:block}
.ch2-photo .ch2-photo-img{width:100%;height:auto;-webkit-mask-image:linear-gradient(180deg,transparent 0,#000 14%);mask-image:linear-gradient(180deg,transparent 0,#000 14%)}
.ch2-photo .ch2-art .seal-a-wrap{position:absolute;top:6%;right:5%;width:84px}
.ch2-3d .ch2-art{justify-items:center;padding-left:0}
.ch2-3d .ch2-floor{left:50%;transform:translateX(-50%)}
}
/* ABC photo v2: wide blended image, starts behind the text, no mask needed (fade is baked in) */
@media (min-width:861px){
.ch2-photo picture{left:0;right:0;width:auto}
.ch2-photo .ch2-photo-img{width:100%;height:100%;object-fit:cover;object-position:right center;-webkit-mask-image:none;mask-image:none}
.ch2-photo .ch2-copy::before{content:"";position:absolute;inset:-30px -60px -30px -40px;background:radial-gradient(closest-side,rgba(246,248,251,.85),rgba(246,248,251,0));z-index:-1}
}
@media (min-width:861px){
.ch2-photo picture{left:auto;right:0;top:0;bottom:0;width:auto}
.ch2-photo .ch2-photo-img{width:auto;height:100%;object-fit:fill}
.ch2-photo .ch2-art .seal-a-wrap{top:4%;right:3%;width:110px}
}
/* Kitchen-style hero where the product is part of the scene photo (ABC) */
.ch2-bgprod .ch2-prod,.ch2-bgprod .ch2-floor{visibility:hidden}
@media (min-width:1200px){.ch2-bgprod{position:relative;min-height:580px;background:var(--bg3d) calc(50cqw + 340px - 495px) bottom/auto 580px no-repeat,#eef2f8}.ch2-bgprod .ch2-art{position:static}.ch2-bgprod .ch2-art .seal-a-wrap{left:calc(50cqw + 340px + 70px);right:auto;top:15%;width:110px}} /* scene image: product centre is 495px from the image's left edge at 580px height; placed at the centre of the right-hand column (50cqw + 340px) */
@media (max-width:860px){.ch2-bgprod .ch2-art{min-height:300px}.ch2-bgprod .ch2-art .seal-a-wrap{right:6%;top:8%}}
/* Square scene photos (product inside the photo): Kitchen-style layering, image height = hero, right part cropped so the product sits nearer the text */
/* scene heroes use Kitchen's .ch2-3d background as is; the long fade is baked into each scene image */
/* Phones and tablets (up to 1199px): Kitchen's mobile treatment - text first, the square scene below it, its top faded into the theme */
@media (max-width:1199px){.ch2-bgprod{--sq:min(100cqw,720px);position:relative;background:linear-gradient(180deg,#eef2f8 0%,#eef2f8 calc(100% - var(--sq)),rgba(238,242,248,0) calc(100% - var(--sq) + 70px)),var(--bg3dm) center bottom/var(--sq) auto no-repeat,#eef2f8}
.ch2-bgprod .ch2-grid{grid-template-columns:1fr}
.ch2-bgprod .ch2-art{position:static;min-height:calc(var(--sq) - 70px)}
.ch2-bgprod .ch2-art .seal-a-wrap{left:auto;top:auto;right:calc((100% - var(--sq)) / 2 + 5%);bottom:calc(var(--sq) * .72);width:clamp(76px,14vw,110px)}}
/* Kitchen method with an anchored background (ABC): the background's join sits exactly behind the product, which is centred in the right column */
@media (min-width:1200px){.ch2-anchor{min-height:580px;background:linear-gradient(90deg,#eef2f8 0,#eef2f8 calc(50cqw + 40px),rgba(238,242,248,.55) calc(50cqw + 150px),rgba(238,242,248,0) calc(50cqw + 260px)),var(--bg3d) calc(50cqw + 170px - var(--bgx)) bottom/auto 580px no-repeat,#eef2f8}
.ch2-anchor .ch2-art{justify-items:center;padding-left:0}
.ch2-anchor .ch2-prod{transform:translate(-170px,-40px)}.ch2-anchor .ch2-art .seal-a-wrap{transform:translate(10px,-30px)}
.ch2-anchor .ch2-floor{left:50%;transform:translate(calc(-50% - 170px),-40px)}.ch2-anchor .ch2-grid{min-height:575px}.ch2-anchor .ch2-grid>div:first-child{align-self:start}} /* product 100px left of the column centre (Sachin, 7 Oct); background join moved with it */
@media (min-width:861px) and (max-width:1199px){.ch2-anchor{background:linear-gradient(90deg,#eef2f8 0%,#eef2f8 45%,rgba(238,242,248,0) 60%),var(--bg3d) calc(100% + 100px) bottom/auto 100% no-repeat,#eef2f8}}
@media (max-width:860px){.ch2-anchor{background:linear-gradient(180deg,#eef2f8 0%,#eef2f8 52%,rgba(238,242,248,.35) 70%,rgba(238,242,248,0) 85%),var(--bg3dm) center bottom/cover no-repeat,#eef2f8}}

/* Same gap between the red bar and the hero content on every page = ABC (Sachin, 7 Oct): copy starts at the top, 20px below the bar */
.ch2-grid>.ch2-copy,.ch-grid>.ch-copy,.hg-grid>.hx-copy,.hero3>.wrap>.h3-copy{align-self:start}
.ch-grid,.hg-grid,.hero3>.wrap,.page-hero{padding-top:20px}
.cat-hero>.wrap:not(.ch-grid)>.ch-copy{padding-top:20px!important} /* overrides the inline 26px in shop.php and archive-simple.php */
/* Fire Ball and Fire Bucket: product 60px further right on desktop (Sachin, 7 Oct) */
@media (min-width:1200px){.term-fire-ball .ch2-anchor .ch2-prod,.term-fire-bucket .ch2-anchor .ch2-prod{transform:translate(-110px,-40px)}
.term-fire-ball .ch2-anchor .ch2-floor,.term-fire-bucket .ch2-anchor .ch2-floor{transform:translate(calc(-50% - 110px),-40px)}}
@media (min-width:1200px){.term-fire-bucket .ch2-anchor{background-position:0 0,calc(50cqw + 370px - var(--bgx)) bottom,0 0}} /* bucket scene 200px right so the steel column and the open bay door sit right of the bucket */
/* "How it works" section (Fire Ball, 7 Oct) */
.hiw-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:48px;align-items:center}
.hiw-img{width:100%;height:auto;border-radius:16px;box-shadow:0 18px 40px rgba(13,31,74,.18)}
.hiw-steps{list-style:none;margin:22px 0 0;padding:0;display:grid;gap:18px}
.hiw-steps li{display:flex;gap:14px;align-items:flex-start}
.hiw-n{flex:0 0 36px;height:36px;border-radius:50%;background:var(--red,#d8202a);color:#fff;font-weight:700;display:flex;align-items:center;justify-content:center}
.hiw-steps strong{display:block;font-size:17px;color:var(--navy,#0d1f4a)}
.hiw-steps p{margin:4px 0 0;color:var(--muted,#5b6475)}
@media (max-width:860px){.hiw-grid{grid-template-columns:1fr;gap:24px}}

/* Boxed hero on big screens (Sachin, 8 Oct): the hero becomes a centred card with equal margins left and right,
   so zooming out never pushes the photo to the screen edge. Hero sizes use container units (cqw), so inside the card
   everything is laid out exactly as on a 1440px screen. */
@media (min-width:1500px){
  .fs-hb{container-type:inline-size;max-width:1440px;margin:22px auto 0;border-radius:22px;overflow:hidden;border:1px solid var(--line);box-shadow:0 18px 40px rgba(13,31,74,.08)}
  .fs-hb .cat-hero2,.fs-hb .hero-hp,.fs-hb .hp-slide{border-bottom:0}
}
/* ===== Mobile header + hero preview (?m=new) ===== */
.mchips{display:none}
@media (max-width:860px){
  .mnew .topbar3{display:none}
  .mnew .site3{position:sticky;top:0;z-index:70;box-shadow:0 1px 0 var(--line)}
  .mnew .site3 .wrap{display:grid;grid-template-columns:40px 1fr 40px 40px;grid-template-areas:'bu lo ca ct' 'se se se se';align-items:center;gap:8px 8px;padding:8px 14px 10px;height:auto}.mnew .burger3{grid-area:bu}.mnew .logo3{grid-area:lo}.mnew .hdr-call{grid-area:ca}.mnew .cart3{grid-area:ct}.mnew .search3{grid-area:se}
  .mnew .burger3{display:grid;place-items:center;width:40px;height:40px;padding:0}
  .mnew .logo3{margin:0;justify-self:start}.mnew .logo3 img{height:30px}
  .mnew .search-toggle{display:none!important}
  .mnew .hdr-call{display:grid!important;place-items:center;width:40px;height:40px;border-radius:50%;background:#fdecee}
  .mnew .hdr-call>span:not(.hc-ic){display:none}.mnew .hdr-call .hc-ic{background:none;width:auto;height:auto}.mnew .hdr-call svg{width:19px;height:19px;color:var(--red)}
  .mnew .cart3{width:40px;height:40px;display:grid;place-items:center}
  .mnew .search3{display:flex!important;grid-column:1/-1;order:0;height:42px;border-width:1.5px;max-width:none;margin:0}
  .mnew .search3 select{display:none}.mnew .search3{background:#fff}.mnew .search3 input{padding:0 16px;font-size:16px;background:#fff!important;color:var(--ink);-webkit-appearance:none;appearance:none;border-radius:0}.mnew .search3 button{width:52px}
  .mnew .mchips{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;padding:9px 14px;background:var(--red-d);position:sticky;top:0}
  .mnew .mchips::-webkit-scrollbar{display:none}
  .mnew .mchips a{flex:none;padding:6px 13px;border-radius:999px;background:rgba(255,255,255,.16);color:#fff;font:600 13px Poppins,sans-serif;text-decoration:none;white-space:nowrap}
  .mnew .mchips a.on{background:#fff;color:var(--red-d)}
  .mnew nav.catbar:not(.open){display:none}
  .mnew .hp-copy h1,.mnew .cat-hero2 h1{font-size:28px;line-height:1.12;margin:6px 0 10px}
  .mnew .ch2-eyebrow,.mnew .hero-hp .eyebrow{font-size:11px}
  .mnew .hp-lead,.mnew .ch2-lead{font-size:15px;line-height:1.55;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-bottom:4px}
  .mnew .hp-lead.open,.mnew .ch2-lead.open{-webkit-line-clamp:unset;display:block}
  .mnew .rmore{background:none;border:0;padding:0 0 12px;color:var(--red);font:600 14px Inter,sans-serif;cursor:pointer}
  .mnew .cat-hero2 .ctas,.mnew .hero-hp .ctas{flex-wrap:nowrap;gap:8px}.mnew .cat-hero2 .ctas .btn,.mnew .hero-hp .ctas .btn{padding:0 10px;height:46px;font-size:13.5px;flex:1 1 0;white-space:nowrap}
  .mnew .cat-hero2 .rank-math-breadcrumb{display:none}
  .mnew .ch2-price{font-size:13px}
}
@media (max-width:860px){
  
  .mnew nav.catbar.open{position:fixed;left:0;right:0;bottom:0;z-index:90;overflow-y:auto;background:#fff;box-shadow:0 8px 20px rgba(13,31,74,.12)}
  .mnew nav.catbar.open .wrap{flex-direction:column;padding:0}
  .mnew nav.catbar.open a{color:var(--navy-2);border:0;border-bottom:1px solid var(--line);padding:15px 20px!important;font-size:15.5px;background:#fff}
  .mnew nav.catbar.open a.cb-all{margin:0;background:var(--red);color:#fff}
  .mnew nav.catbar.open .mm-sep{display:block;padding:18px 20px 6px;font:700 12px Poppins,sans-serif;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
  .mnew .mm-sep{display:none}
  .mnew.menu-open .site3{z-index:95}
}

@media (max-width:860px){
.mnew nav.catbar.open{background:#f4f6fb}
.mnew nav.catbar.open .wrap{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px;padding:14px!important;width:100%;max-width:none;box-sizing:border-box}
.mnew nav.catbar.open a{display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center;background:#fff;border:1px solid var(--line)!important;border-radius:14px;padding:12px 8px!important;font-size:13.5px;font-weight:600;line-height:1.25;box-shadow:0 2px 6px rgba(13,31,74,.06)}
.mnew nav.catbar.open a .mm-i{width:56px;height:56px;object-fit:contain}
.mnew nav.catbar.open a{min-width:0;white-space:normal!important}
.mnew nav.catbar.open a.cb-all{grid-column:1/-1;flex-direction:row;justify-content:center;border-radius:12px;border:0!important;padding:14px!important;font-size:15px}
.mnew nav.catbar.open .mm-sep{grid-column:1/-1;display:block;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--red);padding:6px 4px 0}
.mnew nav.catbar.open a.mm-x{flex-direction:row;justify-content:flex-start;text-align:left;padding:13px 14px!important}
}
.mtrust{display:none}
@media (max-width:860px){.mnew form.search3{position:relative;overflow:visible}.mnew form.search3 button[type=submit]{border-radius:0 999px 999px 0}}
.ssug{position:absolute;left:0;right:0;top:calc(100% + 6px);z-index:120;background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:0 12px 28px rgba(13,31,74,.16);overflow:hidden}
.ssug[hidden]{display:none}
.ssug a{display:flex;align-items:center;gap:12px;padding:9px 12px;text-decoration:none;color:var(--navy-2);border-bottom:1px solid var(--line)}
.ssug a:last-child{border-bottom:0}
.ssug a:hover{background:#f4f6fb}
.ssug img{width:44px;height:44px;object-fit:contain;flex:none}
.ssug b{display:block;font-size:14px;font-weight:600;line-height:1.3}
.ssug small{color:var(--red);font-weight:700;font-size:13px}
.ss-no{margin:0;padding:12px 14px;font-size:14px;color:#555}
.mm-cta{display:none}
@media (max-width:860px){
.mnew .mtrust{display:flex;justify-content:center;gap:12px;background:var(--navy-2,#0d1f4a);color:#fff;font-size:11.5px;font-weight:600;padding:6px 10px;white-space:nowrap;overflow:hidden}
.mnew .site3 .search3{transition:max-height .25s ease,opacity .2s ease,margin .25s ease;max-height:70px;overflow:visible}
.mnew.hdr-sm:not(.menu-open) .site3 .search3{max-height:0;opacity:0;margin-top:0!important;margin-bottom:0!important;padding:0!important;overflow:hidden;pointer-events:none;border-width:0!important}
.mnew nav.catbar.open .mm-cta{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:4px}
.mnew nav.catbar.open .mm-cta a{flex-direction:row!important;justify-content:center;border:0!important;color:#fff;font-size:15px;font-weight:700;padding:14px!important;border-radius:12px}
.mnew nav.catbar.open .mm-cta a.mm-call{background:var(--navy-2,#0d1f4a)}
.mnew nav.catbar.open .mm-cta a.mm-wa{background:#25a244}
}
.ss-h{margin:0;padding:12px 14px 4px;font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#6b7180}
.ss-pop{display:flex;flex-wrap:wrap;gap:8px;padding:8px 14px 14px}
.ss-pop button{white-space:nowrap;flex:none;width:auto!important;height:auto!important;border:1px solid var(--line)!important;background:#f4f6fb;color:var(--navy-2);border-radius:999px;padding:7px 13px;font:600 13.5px system-ui,sans-serif;cursor:pointer}
.ss-pop button:hover{border-color:var(--red);color:var(--red)}
@media (min-width:861px){.mnew .catbar .mm-i,.mnew .catbar .mm-sep,.mnew .catbar .mm-x,.mnew .catbar .mm-cta,.mnew .catbar .mm-only{display:none!important}}
@media (min-width:861px){.mnew form.search3{position:relative;overflow:visible}}
.mnew form.search3{border-radius:999px}.mnew form.search3 input{background:transparent!important;border:0!important;border-radius:0!important;margin:0!important}
@media (max-width:860px){.mnew .logo3 img{height:38px!important;width:auto!important;max-width:none}}

@media (max-width:860px){.mnew .site3 .wrap{grid-template-columns:44px 1fr 44px!important;grid-template-areas:'bu lo ct' 'se se se'!important}.mnew .site3 .hdr-call{display:none!important}.mnew .logo3{justify-self:center}.mnew .cart3{justify-self:end}}



@media (max-width:860px){.cat-hero2 .ch2-grid{grid-template-columns:minmax(0,1fr)!important}.cat-hero2 .ch2-grid>*{min-width:0}.cat-hero2 .ctas{flex-wrap:wrap}}
@media (max-width:860px){.cat-hero2 .ch2-art .seal-a-wrap{left:auto!important;right:4px!important;top:8px!important;transform:none!important}}
@media (min-width:600px) and (max-width:860px){.term-modular-fire-extinguisher .ch2-anchor .ch2-art{min-height:470px!important;background-size:auto,auto 100%!important;background-position:0 0,50% 0!important;background-repeat:no-repeat!important;margin-left:0!important;margin-right:0!important}}
@media (min-width:600px) and (max-width:860px){.term-modular-fire-extinguisher .ch2-anchor .ch2-art{width:100%;max-width:520px;justify-self:center;margin-left:auto!important;margin-right:auto!important;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 15%,#000 85%,transparent 100%);mask-image:linear-gradient(90deg,transparent 0,#000 15%,#000 85%,transparent 100%);background-size:auto,cover!important}}
@media (max-width:860px){.cat-hero2 .ctas{flex-wrap:wrap!important}.cat-hero2 .ctas .btn{flex:1 1 auto;justify-content:center}}
@media (max-width:599px){.term-modular-fire-extinguisher .cat-hero2 .ch2-art .seal-a-wrap{right:24px!important}}

/* ===== Login / register / lost password (12 Oct): show-password eye, spacing ===== */
.wc-body .woocommerce-form-login,.wc-body .woocommerce-form-register,.wc-body .lost_reset_password{max-width:480px;background:#fff;border:1px solid var(--line);border-radius:16px;padding:28px;box-shadow:var(--shadow);margin:0 0 24px}
.wc-body>.woocommerce>h2{font-size:28px;margin:0 0 16px}
.wc-body .u-columns{display:grid;grid-template-columns:1fr 1fr;gap:28px;align-items:start}.wc-body .u-columns .woocommerce-form-login,.wc-body .u-columns .woocommerce-form-register{max-width:none}
.wc-body .form-row{margin:0 0 16px}.wc-body .form-row label{display:block;font-weight:600;font-size:14.5px;margin-bottom:6px;color:var(--navy-2)}
.wc-body .password-input{position:relative;display:block}
.wc-body .password-input input{padding-right:50px}
.wc-body .show-password-input{position:absolute;right:6px;top:50%;transform:translateY(-50%);width:40px;height:40px;padding:0;border:0;border-radius:8px;cursor:pointer;background:transparent url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%235b6175' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='M2 12s3.6-7 10-7 10 7 10 7-3.6 7-10 7S2 12 2 12z'/%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3C/svg%3E") center/21px no-repeat}
.wc-body .show-password-input.display-password{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%235b6175' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='M2 12s3.6-7 10-7 10 7 10 7-3.6 7-10 7S2 12 2 12z'/%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3Cpath d='M3 3l18 18'/%3E%3C/svg%3E")}
.wc-body .show-password-input:hover{background-color:var(--soft)}
.wc-body .show-password-input::after{content:none}
.wc-body .woocommerce-form__label-for-checkbox{display:inline-flex!important;align-items:center;gap:8px;font-weight:500!important;cursor:pointer;margin:0 0 14px!important}
.wc-body .woocommerce-form__label-for-checkbox input{width:18px;height:18px;margin:0;accent-color:var(--red)}
.wc-body .woocommerce-form-login__submit,.wc-body .woocommerce-form-register__submit{display:block;width:100%;padding:14px 20px;font-size:16px}
.wc-body .lost_password{margin:14px 0 0;text-align:center}.wc-body .lost_password a{color:var(--navy-2);font-weight:600}
@media (max-width:860px){.wc-body .u-columns{grid-template-columns:1fr}.wc-body .woocommerce-form-login,.wc-body .woocommerce-form-register,.wc-body .lost_reset_password{padding:20px}}

/* ===== New About / Contact / Cart (12 Oct, ?new=1 preview) ===== */
.v2-hero h1 span{color:var(--red)}
.v2-story{display:grid;grid-template-columns:1.2fr .8fr;gap:44px;align-items:start}
.v2-story p{font-size:17px;line-height:1.7;color:var(--muted);margin:0 0 14px;max-width:640px}
.v2-mission h3{font-size:24px;line-height:1.25}.v2-mission p{color:#cfd5ea;margin:0}
.v2-mission ul{list-style:none;padding:0;margin:18px 0 0}.v2-mission li{display:flex;gap:10px;margin:10px 0;color:#fff;font-weight:600}.v2-mission li svg{color:#7ee2a8;width:20px;height:20px;flex:none}
.v2-offices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.v2-offices .seg b,.v2-office b{display:block;font:700 19px Poppins,sans-serif;color:var(--navy-2);margin-bottom:6px}
.v2-offices .seg p,.v2-office p{margin:6px 0;color:var(--ink);font-size:15px;line-height:1.55}
.v2-offices span a{color:var(--red);font-weight:600;text-decoration:none;font-size:14.5px}
.v2-office{background:#fff;border:1px solid var(--line);border-radius:var(--r);overflow:hidden;display:flex;flex-direction:column}
.v2-office-t{padding:22px 24px}
.v2-office .office-map{border:0;border-radius:0;border-top:1px solid var(--line);aspect-ratio:16/9;margin-top:auto}
.v2-ct-hero .wrap{padding-top:44px;padding-bottom:44px}
.v2-ct-hero .hx-copy{max-width:720px}
.ct-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:8px}
.ct-card{display:flex;align-items:center;gap:14px;padding:18px;background:#fff;border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--shadow);text-decoration:none;color:var(--ink);transition:.15s;min-width:0}
.ct-card:hover{border-color:var(--red);transform:translateY(-2px)}
.ct-card b{display:block;font:600 16px Poppins,sans-serif;color:var(--navy-2)}
.ct-card small{display:block;color:var(--muted);font-size:14px;overflow-wrap:anywhere}
.ct-ic{width:48px;height:48px;border-radius:12px;display:grid;place-items:center;flex:none;background:var(--warm);color:var(--red)}
.ct-ic svg{width:24px;height:24px}
.ct-wa .ct-ic{background:#1fa855}.ct-sup .ct-ic{background:#eef2fb;color:var(--navy)}
.ct-help{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:22px}
.ct-help>b{color:var(--navy-2);margin-right:4px}
.ct-help a{display:inline-flex;align-items:center;gap:8px;padding:9px 14px;background:#fff;border:1px solid var(--line);border-radius:99px;text-decoration:none;color:var(--navy-2);font-weight:600;font-size:14px}
.ct-help a svg{width:17px;height:17px;color:var(--red)}.ct-help a i{font-style:normal;color:var(--red)}
.ct-help a:hover{border-color:var(--red)}
.ck-top{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;flex-wrap:wrap}
.ck-top h1{margin:0}
.ck-steps{display:flex;gap:8px;list-style:none;margin:0;padding:0;font-size:14px;font-weight:600;color:var(--muted)}
.ck-steps li{display:flex;align-items:center;gap:8px;padding:8px 14px 8px 8px;border-radius:99px;background:#fff;border:1px solid var(--line)}
.ck-steps i{width:24px;height:24px;border-radius:50%;display:grid;place-items:center;font-style:normal;font-size:12.5px;background:var(--soft);color:var(--muted)}
.ck-steps .on{border-color:var(--red);color:var(--navy-2)}.ck-steps .on i{background:var(--red);color:#fff}
.ck-page{padding-top:36px;padding-bottom:48px}
.ck-page .woocommerce:has(.woocommerce-cart-form){display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:32px;align-items:start}
.ck-page .woocommerce-notices-wrapper{grid-column:1/-1}.ck-page .woocommerce-notices-wrapper:empty{display:none}
.ck-page table.cart{display:table;padding:0;background:#fff;border-radius:var(--r)}
.ck-page table.cart b{position:static;background:none;color:inherit;font-size:inherit;min-width:0;height:auto;display:inline}
.ck-page table.cart th{font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);background:var(--soft)}
.ck-page table.cart td{vertical-align:middle}
.ck-page table.cart .product-thumbnail img{width:76px;height:76px;object-fit:contain;border:1px solid var(--line);border-radius:10px;background:#fff}
.ck-page table.cart .product-name a{color:var(--navy-2);font-weight:600;text-decoration:none}.ck-page table.cart .product-name a:hover{color:var(--red)}
.ck-page table.cart .product-name dl{margin:4px 0 0;font-size:13px;color:var(--muted)}.ck-page table.cart .product-name dt,.ck-page table.cart .product-name dd{display:inline;margin:0}.ck-page table.cart .product-name dt{margin-right:4px}.ck-page table.cart .product-name dd p{display:inline;margin:0}
.ck-page table.cart .product-subtotal{font-weight:700;color:var(--navy-2)}
.ck-page a.remove{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--soft);color:var(--muted)!important;text-decoration:none;font-size:20px;line-height:1}
.ck-page a.remove:hover{background:var(--red);color:#fff!important}
.ck-page .quantity input.qty{width:76px;text-align:center;font:inherit;padding:9px;border:1.5px solid var(--line);border-radius:9px}
.ck-page td.actions{background:#fff}
.ck-page .coupon{display:flex;gap:8px;align-items:center;float:left;max-width:380px}
.ck-page .coupon label{position:absolute;left:-9999px}
.ck-page .coupon input{min-width:0}
.ck-page .wc-body td.actions .button{background:#fff!important;color:var(--navy-2)!important;box-shadow:inset 0 0 0 1.5px var(--navy);white-space:nowrap}
.ck-page .wc-body td.actions>.button{float:right}
.ck-page td.actions .button:disabled{opacity:.45;cursor:default}
.ck-page .cart-collaterals{position:sticky;top:130px}
.ck-page .cart_totals{background:var(--soft);border:1px solid var(--line);border-radius:var(--r);padding:22px}
.ck-page .cart_totals h2{font-size:20px;margin:0 0 12px}
.ck-page .cart_totals table.shop_table{background:#fff}
.ck-page .cart_totals .order-total td{font-size:20px;color:var(--navy-2)}
.ck-page .woocommerce-shipping-methods{list-style:none;margin:0;padding:0}
.ck-page .wc-proceed-to-checkout{margin-top:16px}
.ck-page .wc-proceed-to-checkout .checkout-button{display:block;width:100%;text-align:center;padding:16px;font-size:17px;text-decoration:none}
.ck-page .cross-sells{display:none}
.ck-help{margin:12px 0 0;font-size:14px;color:var(--muted);text-align:center}.ck-help a{color:#1fa855;font-weight:700;text-decoration:none}
.ck-empty{text-align:center;max-width:620px;margin:8px auto 48px}
.ck-empty-ic{width:84px;height:84px;border-radius:50%;background:var(--warm);color:var(--red);display:inline-grid;place-items:center;margin-bottom:16px}.ck-empty-ic svg{width:38px;height:38px}
.ck-empty h2{font-size:clamp(24px,3vw,32px)}.ck-empty p{color:var(--muted);font-size:17px;margin:0 0 22px}
.ck-empty .ctas{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}
.ck-best{border-top:1px solid var(--line);padding-top:44px}
@media (max-width:1100px){.ct-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.ck-page .woocommerce:has(.woocommerce-cart-form){grid-template-columns:1fr}.ck-page .cart-collaterals{position:static}}
@media (max-width:860px){
  .v2-story,.v2-offices{grid-template-columns:1fr;gap:24px}
  .v2-ct-hero .wrap{padding-top:24px;padding-bottom:32px}
  .ct-help a{font-size:13.5px;padding:8px 12px}
  .ck-steps{font-size:12.5px;gap:6px}.ck-steps li{padding:5px 10px 5px 5px}.ck-steps i{width:20px;height:20px;font-size:11px}
  .ck-page{padding-top:22px}
  .ck-page table.cart thead{display:none}
  .ck-page table.cart,.ck-page table.cart tbody{display:block;border:0;background:none}
  .ck-page table.cart tr.cart_item{display:grid;grid-template-columns:76px 1fr 30px;gap:6px 12px;padding:14px;border:1px solid var(--line);border-radius:var(--r);margin-bottom:12px;background:#fff}
  .ck-page table.cart tr.cart_item td{display:block;border:0;padding:0}
  .ck-page table.cart td.product-thumbnail{grid-row:1/span 4;grid-column:1}
  .ck-page table.cart td.product-remove{grid-column:3;grid-row:1}
  .ck-page table.cart td.product-name{grid-column:2;grid-row:1}
  .ck-page table.cart tr.cart_item td.product-price,.ck-page table.cart tr.cart_item td.product-quantity,.ck-page table.cart tr.cart_item td.product-subtotal{grid-column:2/4;display:flex;justify-content:space-between;align-items:center;font-size:14.5px}
  .ck-page table.cart td.product-price::before,.ck-page table.cart td.product-quantity::before,.ck-page table.cart td.product-subtotal::before{content:attr(data-title);color:var(--muted);font-weight:500}
  .ck-page table.cart tr:not(.cart_item){display:block}.ck-page td.actions{display:block;border:0;padding:0}
  .ck-page .coupon{float:none;max-width:none;margin-bottom:10px}
  .ck-page .wc-body td.actions>.button{float:none;width:100%}
}
@media (max-width:560px){.ct-cards{grid-template-columns:1fr}.ck-top{align-items:flex-start;flex-direction:column;gap:12px}.ck-empty .ctas .btn{flex:1 1 100%;justify-content:center}}

/* ===== Full price list (12 Oct, ?new=1 preview) ===== */
.pl-tools{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px 24px;margin-bottom:16px}
.pl-search{flex:1 1 420px;max-width:560px;display:flex;align-items:center;gap:10px;background:#fff;border:1.5px solid var(--line);border-radius:12px;padding:0 14px}
.pl-search:focus-within{border-color:var(--navy)}
.pl-search svg{width:20px;height:20px;color:var(--muted)}
.pl-search input{flex:1;border:0;outline:0;font:inherit;font-size:16px;padding:13px 0;background:transparent;min-width:0}
.pl-count{margin:0;color:var(--muted);font-size:14px;flex:1 1 300px}
.pl-nav{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 28px}
.pl-nav a{padding:8px 14px;border-radius:99px;background:#fff;border:1px solid var(--line);color:var(--navy-2);font-weight:600;font-size:14px;text-decoration:none}
.pl-nav a:hover{border-color:var(--red);color:var(--red)}
.pl-cat{margin:0 0 32px;scroll-margin-top:140px}
.pl-head{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:6px 16px;margin-bottom:12px}
.pl-head h2{font-size:clamp(20px,2.2vw,26px);margin:0}
.pl-head span{color:var(--muted);font-size:14px}.pl-head span b{color:var(--navy-2)}.pl-head a{color:var(--red);font-weight:600;text-decoration:none}
.pl-list{background:#fff;border:1px solid var(--line);border-radius:var(--r);overflow:hidden}
.pl-row{display:grid;grid-template-columns:300px 1fr;gap:12px 20px;align-items:center;padding:14px 18px;border-bottom:1px solid var(--line)}
.pl-row:last-child{border-bottom:0}
.pl-pn{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--navy-2);font-weight:600;font-size:15.5px;line-height:1.35}
.pl-pn:hover span{color:var(--red)}
.pl-img{width:52px;height:52px;object-fit:contain;flex:none;border:1px solid var(--line);border-radius:10px;background:#fff}
.pl-sizes{display:flex;flex-wrap:wrap;gap:8px}
.pl-sz{display:flex;flex-direction:column;min-width:96px;padding:8px 12px;border:1.5px solid var(--line);border-radius:10px;text-decoration:none;color:var(--ink);background:#fff;transition:.15s}
.pl-sz:hover{border-color:var(--red);box-shadow:var(--shadow)}
.pl-sz span{font-size:12.5px;font-weight:600;color:var(--muted)}
.pl-sz b{font:700 16px Poppins,sans-serif;color:var(--navy-2);white-space:nowrap}.pl-sz b .gst{font-size:10.5px;color:var(--muted);font-weight:500;margin-left:2px}
.pl-sz s{font-size:12px;color:var(--muted)}
.pl-none{text-align:center;color:var(--muted);padding:20px 0}
.pl-bulk{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px;background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:20px 24px;box-shadow:var(--shadow)}
.pl-bulk b{display:block;font:700 18px Poppins,sans-serif;color:var(--navy-2)}.pl-bulk span{color:var(--muted);font-size:14.5px}
@media (max-width:860px){
  .pl-nav{flex-wrap:nowrap;overflow-x:auto;margin:0 -16px 22px;padding:0 16px 4px;scrollbar-width:none}.pl-nav::-webkit-scrollbar{display:none}.pl-nav a{white-space:nowrap}
  .pl-row{grid-template-columns:1fr;padding:14px}
  .pl-img{width:44px;height:44px}
  .pl-sizes{display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr))}
  .pl-sz{min-width:0;padding:7px 10px}.pl-sz b{font-size:15px}
  .pl-bulk{padding:18px}.pl-bulk .btn{width:100%;justify-content:center}
}

/* ===== Track Your Order (13 Oct) ===== */
.tr-hero .wrap{padding-top:44px;padding-bottom:48px}
.tr-grid{display:grid;grid-template-columns:minmax(0,1fr) 420px;gap:48px;align-items:start}
.tr-hero .ticks{margin:0;flex-direction:column;gap:10px}
.tr-acct{margin:22px 0 0;color:var(--muted);font-size:15px}.tr-acct a{color:var(--red);font-weight:600;text-decoration:none}
.tr-form{background:#fff;border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--shadow);padding:26px}
.tr-form-h{display:block;font:700 20px Poppins,sans-serif;color:var(--navy-2);margin-bottom:14px}
.tr-form label{display:block;font-weight:600;font-size:14px;color:var(--navy-2);margin:12px 0 6px}
.tr-form input{font:inherit;font-size:16px;padding:12px;border:1.5px solid var(--line);border-radius:9px;width:100%;background:#fff}
.tr-form input:focus{outline:0;border-color:var(--navy)}
.tr-form .btn{width:100%;justify-content:center;margin-top:18px;padding:15px 20px;font-size:16px}.tr-form .btn svg{width:18px;height:18px}
.tr-hint{margin:12px 0 0;font-size:13px;color:var(--muted);text-align:center}
.tr-err{margin:0 0 6px;padding:11px 13px;border-radius:9px;background:var(--warm);color:var(--red-d);font-size:14px;line-height:1.45}
.tr-sec{padding:48px 0;scroll-margin-top:90px}
.tr-res{max-width:860px;margin:0 auto;background:#fff;border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--shadow);padding:28px}
.tr-res-top{display:flex;justify-content:space-between;align-items:flex-end;gap:12px;flex-wrap:wrap;padding-bottom:18px;border-bottom:1px solid var(--line)}
.tr-res-top .eyebrow{display:block;margin-bottom:4px}
.tr-status{font:700 26px Poppins,sans-serif;color:var(--navy-2)}
.tr-total{font:700 20px Poppins,sans-serif;color:var(--navy-2)}
.tr-steps{list-style:none;margin:24px 0 0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);counter-reset:s}
.tr-steps li{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;gap:8px;padding:0 6px}
.tr-steps li::before{content:"";position:absolute;top:17px;left:-50%;width:100%;height:3px;background:var(--line);z-index:0}
.tr-steps li:first-child::before{display:none}
.tr-steps li.done::before,.tr-steps li.on::before{background:var(--ok)}
.tr-steps i{position:relative;z-index:1;width:36px;height:36px;border-radius:50%;display:grid;place-items:center;font-style:normal;font-weight:700;background:#fff;border:2px solid var(--line);color:var(--muted)}
.tr-steps i svg{width:18px;height:18px}
.tr-steps .done i{background:var(--ok);border-color:var(--ok);color:#fff}
.tr-steps .on i{background:var(--ok);border-color:var(--ok);color:#fff;box-shadow:0 0 0 5px rgba(15,138,75,.15)}
.tr-steps b{display:block;font-size:15px;color:var(--navy-2)}.tr-steps li:not(.done):not(.on) b{color:var(--muted);font-weight:600}
.tr-steps small{display:block;font-size:13px;color:var(--muted)}
.tr-msg{margin:22px 0 0;padding:13px 15px;border-radius:10px;background:var(--soft);color:var(--ink);font-size:15px;line-height:1.5}
.tr-stop{background:var(--warm)}
.tr-ship{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;margin-top:14px;padding:13px 15px;border:1px solid var(--line);border-radius:10px;font-size:15px}
.tr-ship svg{width:20px;height:20px;color:var(--red)}.tr-ship a{margin-left:auto;color:var(--red);font-weight:600;text-decoration:none}
.tr-det{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;margin-top:24px;padding-top:20px;border-top:1px solid var(--line)}
.tr-det>div>b{display:block;font-size:13px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin-bottom:8px}
.tr-det p{margin:0}
.tr-items,.tr-notes{list-style:none;margin:0;padding:0}
.tr-items li{display:flex;justify-content:space-between;gap:12px;padding:6px 0;font-size:15px}.tr-items small{color:var(--muted)}.tr-items b{white-space:nowrap;color:var(--navy-2)}
.tr-notes li{font-size:14.5px;margin-bottom:8px}.tr-notes small{color:var(--muted)}.tr-notes p{margin:2px 0 0}
.tr-res-cta{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}.tr-res-cta .btn-wa svg{width:20px;height:20px}
.tr-help{padding:36px 0 48px}
.tr-acct-note{display:flex;align-items:center;gap:10px;margin:0 0 20px;padding:13px 16px;background:var(--soft);border:1px solid var(--line);border-radius:10px;font-size:15px}
.tr-acct-note svg{width:20px;height:20px;color:var(--red);flex:none}.tr-acct-note a{color:var(--red);font-weight:600;text-decoration:none}
@media (max-width:1100px){.tr-grid{grid-template-columns:minmax(0,1fr) 380px;gap:32px}}
@media (max-width:860px){
  .tr-hero .wrap{padding-top:24px;padding-bottom:32px}
  .tr-grid{grid-template-columns:1fr;gap:22px}
  .tr-hero .hx-lead{margin-bottom:16px}
  .tr-ticks{display:none}
  .tr-acct{margin-top:0;font-size:14px}
  .tr-form{padding:20px}
  .tr-sec{padding:28px 0}
  .tr-res{padding:20px}
  .tr-status{font-size:22px}
  .tr-steps{grid-template-columns:1fr;gap:0;margin-top:18px}
  .tr-steps li{flex-direction:row;align-items:flex-start;text-align:left;gap:12px;padding:0 0 18px}
  .tr-steps li::before,.tr-steps li:first-child::before{display:block;top:36px;left:16.5px;width:3px;height:calc(100% - 36px)}
  .tr-steps li:last-child::before{display:none}
  .tr-steps li.on::before{background:var(--line)}
  .tr-steps li:last-child{padding-bottom:0}
  .tr-steps span{padding-top:7px}
  .tr-res-cta .btn{flex:1 1 100%;justify-content:center}
  .tr-ship a{margin-left:0}
  .tr-help{padding:24px 0 36px}
}

/* Orders off (inc/orders-mode.php): no cart or Add to cart; WhatsApp is the main button. visibility keeps the header layout unchanged. */
.fs-orders-off .cart3{visibility:hidden;pointer-events:none}
.fs-orders-off .pd-sticky-wa{display:none!important}
.fs-orders-off .buy-wc form.cart:not(.variations_form),.fs-orders-off .buy-wc .woocommerce-variation-add-to-cart{display:none!important}

/* Legal pages (Privacy, Terms, Shipping): tighter, aligned text column (Sachin, 14 Oct) */
.legal-page{max-width:760px;font-size:16px;line-height:1.7}
.content:has(.legal-page){padding-top:28px;padding-bottom:40px}
.legal-page>p:first-child em{font-style:normal;font-size:14px;color:var(--muted)}
.legal-page h2{font-size:22px;line-height:1.3;margin:30px 0 8px;padding-top:14px;border-top:1px solid var(--line)}
.legal-page p{margin:10px 0}
.legal-page .reg{display:grid;grid-template-columns:max-content 1fr;column-gap:12px;row-gap:4px;align-items:baseline;background:var(--soft);border:1px solid var(--line);border-radius:10px;padding:12px 16px;margin:16px 0;font-size:15px}
.legal-page .reg br{display:none}
@media (max-width:860px){.legal-page h2{font-size:20px}.content:has(.legal-page){padding-top:20px}}

/* ===== Store notices v2 (14 Oct): icon, text and button on one aligned row; no focus ring box ===== */
.woocommerce-message,.woocommerce-info,.woocommerce-error{display:flex!important;align-items:center;flex-wrap:wrap;gap:10px 16px;position:relative;list-style:none;margin:0 0 18px;padding:14px 16px 14px 56px!important;background:#fff!important;border:1px solid var(--line)!important;border-left:4px solid var(--ok)!important;border-radius:12px!important;box-shadow:var(--shadow);font-size:15px;line-height:1.45;color:var(--ink)}
.woocommerce-message:focus,.woocommerce-info:focus,.woocommerce-error:focus,.woocommerce-message:focus-visible,.woocommerce-info:focus-visible,.woocommerce-error:focus-visible{outline:0}
.woocommerce-message::before,.woocommerce-info::before,.woocommerce-error::before{content:"";position:absolute;left:16px;top:50%;transform:translateY(-50%);width:26px;height:26px;border-radius:50%;background:#e9f8ef url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230f8a4b' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m5 12 5 5 9-10'/%3E%3C/svg%3E") center/14px no-repeat}
.woocommerce-info{border-left-color:var(--navy)!important}
.woocommerce-info::before{background:#eef2fb url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2316245c' stroke-width='3' stroke-linecap='round'%3E%3Cpath d='M12 11v6M12 7h.01'/%3E%3C/svg%3E") center/15px no-repeat}
.woocommerce-error{border-left-color:var(--red)!important;flex-direction:column;align-items:flex-start;gap:4px}
.woocommerce-error::before{top:14px;transform:none;background:#fff1f0 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23e3262e' stroke-width='3' stroke-linecap='round'%3E%3Cpath d='M12 7v6M12 17h.01'/%3E%3C/svg%3E") center/15px no-repeat}
.woocommerce-error li{margin:0}
.woocommerce-message .button,.woocommerce-info .button,.woocommerce-error .button{order:2;margin-left:auto!important;display:inline-flex!important;align-items:center;gap:6px;float:none!important;background:var(--red)!important;color:#fff!important;border:0;border-radius:10px!important;padding:10px 18px!important;font-weight:700!important;font-size:14.5px!important;line-height:1.2!important;text-decoration:none!important;white-space:nowrap;box-shadow:none}
.woocommerce-message .button:hover,.woocommerce-info .button:hover{background:var(--red-d)!important}
.woocommerce-message .button.wc-forward::after{content:"→";font-weight:700}
.woocommerce-message a:not(.button),.woocommerce-info a:not(.button){color:var(--red);font-weight:600}
@media (max-width:860px){
  .woocommerce-message,.woocommerce-info{padding:14px 14px 14px 50px!important;font-size:14.5px}
  .woocommerce-message::before,.woocommerce-info::before{left:14px;top:14px;transform:none;width:24px;height:24px}
  .woocommerce-message .button,.woocommerce-info .button{margin-left:0!important;width:100%;justify-content:center;padding:12px 16px!important}
}
/* block (checkout) notices in the same style */
.wc-block-components-notice-banner{border-radius:12px!important;border:1px solid var(--line)!important;border-left:4px solid var(--ok)!important;background:#fff!important;box-shadow:var(--shadow);font-size:15px!important;padding:14px 16px!important;align-items:center!important}
.wc-block-components-notice-banner.is-error{border-left-color:var(--red)!important}.wc-block-components-notice-banner.is-info{border-left-color:var(--navy)!important}
.wc-block-components-notice-banner.is-error>svg{background:var(--red)!important}.wc-block-components-notice-banner.is-success>svg{background:var(--ok)!important}.wc-block-components-notice-banner.is-info>svg{background:var(--navy)!important}

/* ===== Checkout v2 (14 Oct): block checkout in theme style: step cards, red buttons, soft summary ===== */
.ck-checkout{padding-top:32px;padding-bottom:56px}
.ck-checkout .wc-body{max-width:none}
.ck-steps .done{color:var(--navy-2)}.ck-steps .done i{background:var(--ok);color:#fff}
.ck-checkout .wp-block-woocommerce-checkout{margin:0;padding:0}
.ck-checkout .wc-block-checkout__form{counter-reset:fsstep}
.ck-checkout .wc-block-components-checkout-step{background:#fff;border:1px solid var(--line);border-radius:16px;padding:22px 24px 24px!important;margin:0 0 16px!important;box-shadow:var(--shadow)}
.ck-checkout .wc-block-components-checkout-step::after,.ck-checkout .wc-block-components-checkout-step::before{display:none!important}
.ck-checkout .wc-block-components-checkout-step__heading-container{margin:0 0 16px!important;padding:0!important}.ck-checkout .wc-block-components-checkout-step__heading{margin:0!important}
.ck-checkout .wc-block-components-checkout-step__title{display:flex!important;align-items:center;gap:12px;font-weight:700!important;font-size:19px!important;line-height:1.25!important;color:var(--navy-2)!important;margin:0!important}
.ck-checkout .wc-block-components-checkout-step__title::before{counter-increment:fsstep;content:counter(fsstep);flex:none;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:var(--red);color:#fff;font-size:14px;font-weight:700}
.ck-checkout .wc-block-components-checkout-step__container,.ck-checkout .wc-block-components-checkout-step__content{padding:0!important;margin:0!important}
.ck-checkout .wc-block-components-checkout-step__description{color:var(--muted);font-size:14px;margin:0 0 12px!important}
.ck-checkout .wc-block-checkout__guest-checkout-notice{color:var(--muted);font-size:13.5px;margin:8px 0 0}
.ck-checkout .wc-block-checkout__order-notes{padding:16px 24px!important}
/* fields */
.ck-checkout .wc-block-components-text-input input,.ck-checkout .wc-block-components-text-input textarea,.ck-checkout .wc-blocks-components-select__select,.ck-checkout .wc-block-components-textarea,.ck-checkout .wc-block-components-combobox .components-combobox-control input{border:1.5px solid var(--line)!important;border-radius:10px!important;background:#fff!important;color:var(--ink)!important;box-shadow:none!important;font-family:inherit!important}
.ck-checkout .wc-block-components-text-input input:hover,.ck-checkout .wc-blocks-components-select__select:hover{border-color:#c9cdda!important}
.ck-checkout .wc-block-components-text-input input:focus,.ck-checkout .wc-blocks-components-select__select:focus,.ck-checkout .wc-block-components-textarea:focus{border-color:var(--navy)!important;box-shadow:0 0 0 3px rgba(22,36,92,.12)!important;outline:0!important}
.ck-checkout .wc-block-components-text-input label,.ck-checkout .wc-blocks-components-select__label{color:var(--muted)!important}
.ck-checkout .wc-block-components-text-input.has-error input,.ck-checkout .has-error .wc-blocks-components-select__select{border-color:var(--red)!important}
.ck-checkout .wc-block-components-validation-error{color:var(--red)!important}
.ck-checkout .wc-block-components-address-form__address_2-toggle{color:var(--navy)!important;font-weight:600;text-decoration:none}
/* checkboxes + radios */
.ck-checkout .wc-block-components-checkbox__input[type=checkbox]{border:1.5px solid #c3c7d4!important;border-radius:6px!important;background:#fff!important;width:20px!important;height:20px!important;min-width:20px!important;min-height:20px!important}
.ck-checkout .wc-block-components-checkbox__input[type=checkbox]:checked{background:var(--red)!important;border-color:var(--red)!important}
.ck-checkout .wc-block-components-checkbox__input[type=checkbox]:focus{outline:2px solid rgba(227,38,46,.3)!important;outline-offset:2px}
.ck-checkout .wc-block-components-checkbox__mark{fill:#fff!important}
.ck-checkout .wc-block-components-checkbox__label{color:var(--ink);font-size:15px}
.ck-checkout .wc-block-components-radio-control--highlight-checked::after,.ck-checkout .wc-block-components-radio-control--highlight-checked::before,.ck-checkout .wc-block-components-radio-control__option::after,.ck-checkout .wc-block-components-radio-control-accordion-option::after{display:none!important}
.ck-checkout .wc-block-components-radio-control,.ck-checkout .wc-block-components-radio-control--highlight-checked{border:0!important;box-shadow:none!important;display:grid;gap:10px}
.ck-checkout .wc-block-components-radio-control__option,.ck-checkout .wc-block-components-radio-control-accordion-option{border:1.5px solid var(--line)!important;border-radius:12px!important;background:#fff;box-shadow:none!important;margin:0!important}
.ck-checkout .wc-block-components-radio-control-accordion-option .wc-block-components-radio-control__option{border:0!important;border-radius:12px 12px 0 0!important;background:transparent}
.ck-checkout .wc-block-components-radio-control__option-checked,.ck-checkout .wc-block-components-radio-control-accordion-option--checked-option-highlighted,.ck-checkout .wc-block-components-radio-control__option--checked-option-highlighted{border-color:var(--red)!important;background:var(--warm)!important}
.ck-checkout .wc-block-components-radio-control-accordion-option .wc-block-components-radio-control__option-checked{background:transparent!important}
.ck-checkout .wc-block-components-radio-control__input{border:1.5px solid #c3c7d4!important;background:#fff!important}
.ck-checkout .wc-block-components-radio-control__input:checked{border-color:var(--red)!important}
.ck-checkout .wc-block-components-radio-control__input:checked::before{background:var(--red)!important}
.ck-checkout .wc-block-components-radio-control__label,.ck-checkout .wc-block-components-payment-method-label{font-weight:600;color:var(--navy-2)}
.ck-checkout .wc-block-components-radio-control__secondary-label{font-weight:700;color:var(--ok)}
.ck-checkout .wc-block-components-radio-control-accordion-content{padding:0 16px 14px 48px!important;color:var(--muted);font-size:14px}
.ck-checkout .wc-block-components-radio-control-accordion-content p{margin:0}
/* terms + place order */
.ck-checkout .wc-block-checkout__terms{margin:6px 0 14px!important;padding:0!important;border:0!important;color:var(--muted);font-size:13.5px}
.ck-checkout .wc-block-checkout__terms::before{display:none!important}
.ck-checkout .wc-block-checkout__terms a{color:var(--navy);font-weight:600}
.ck-checkout .wc-block-checkout__actions{margin:0!important;padding:0!important}
.ck-checkout .wc-block-checkout__actions_row{display:flex;flex-direction:column-reverse;gap:12px;align-items:stretch!important}
.ck-checkout .wc-block-components-checkout-return-to-cart-button{color:var(--navy)!important;font-weight:600;text-decoration:none;text-align:center;padding:4px 0 0!important}
.ck-checkout .wc-block-components-checkout-place-order-button{width:100%!important;height:58px!important;min-height:58px;background:var(--red)!important;color:#fff!important;border:0!important;border-radius:12px!important;font-weight:700!important;font-size:17.5px!important;line-height:1!important;letter-spacing:.01em;box-shadow:0 10px 22px rgba(227,38,46,.25)!important;transition:.15s;cursor:pointer}
.ck-checkout .wc-block-components-checkout-place-order-button:hover{background:var(--red-d)!important}
.ck-checkout .wc-block-components-checkout-place-order-button:focus-visible{outline:3px solid rgba(227,38,46,.35)!important;outline-offset:2px}
.ck-checkout .wc-block-components-checkout-place-order-button .wc-block-components-button__text{display:inline-flex;align-items:center;gap:10px}
.ck-checkout .wc-block-components-checkout-place-order-button .wc-block-components-button__text::before{content:"";width:18px;height:18px;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.2' stroke-linecap='round'%3E%3Crect x='4' y='11' width='16' height='10' rx='2'/%3E%3Cpath d='M8 11V7a4 4 0 0 1 8 0v4'/%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 24 24' fill='none' stroke='%23000' stroke-width='2.2' stroke-linecap='round'%3E%3Crect x='4' y='11' width='16' height='10' rx='2'/%3E%3Cpath d='M8 11V7a4 4 0 0 1 8 0v4'/%3E%3C/svg%3E") center/contain no-repeat}
.ck-checkout .wc-block-components-button:not(.wc-block-components-checkout-place-order-button):not(.is-link){background:var(--red)!important;color:#fff!important;border-radius:10px!important;border:0!important;font-weight:700!important}
/* order summary (sidebar; on mobile also above Place order) */
.ck-checkout .wc-block-components-totals-wrapper:not(:has(*)){display:none!important}
.ck-checkout .wc-block-components-totals-wrapper::before,.ck-checkout .wc-block-components-totals-wrapper::after,.ck-checkout .wc-block-components-panel::after{display:none!important}
.ck-checkout .wc-block-components-checkout-order-summary__content,.ck-checkout .wc-block-components-order-summary{border:0!important;padding:0!important;box-shadow:none!important}
.ck-checkout .wc-block-checkout__actions .wc-block-components-checkout-step__title::before{display:none}
.ck-checkout .checkout-order-summary-block-fill-wrapper{margin:0 0 16px}
.ck-checkout .checkout-order-summary-block-fill-wrapper>.wc-block-components-checkout-step__heading{padding:18px 20px 0;margin:0!important}
.ck-checkout .wc-block-checkout__sidebar.is-sticky{top:150px!important}
.ck-checkout .wp-block-woocommerce-checkout-order-summary-block{background:var(--soft)!important;border:1px solid var(--line)!important;border-radius:16px!important;overflow:hidden;box-shadow:var(--shadow)}
.ck-checkout .wc-block-components-checkout-order-summary__title{padding:18px 20px 6px!important;margin:0!important}
.ck-checkout .wc-block-components-checkout-order-summary__title-text{font-weight:700!important;font-size:19px!important;line-height:1.25!important;color:var(--navy-2)!important}
.ck-checkout .wc-block-components-totals-wrapper{border-top:1px solid var(--line)!important;padding:14px 20px!important}
.ck-checkout .wc-block-components-checkout-order-summary__content>.wc-block-components-totals-wrapper:first-child,.ck-checkout .wc-block-components-order-summary{border-top:0!important}
.ck-checkout .wc-block-components-order-summary-item{padding:12px 0!important}
.ck-checkout .wc-block-components-order-summary-item__image img{background:#fff;border:1px solid var(--line);border-radius:10px;padding:4px;width:58px!important;height:58px!important;object-fit:contain}
.ck-checkout .wc-block-components-order-summary-item__image{width:58px!important}
.ck-checkout .wc-block-components-order-summary-item__quantity{background:var(--navy)!important;color:#fff!important;border:2px solid #fff!important;box-shadow:none!important;font-weight:700}
.ck-checkout .wc-block-components-product-name{color:var(--navy-2)!important;font-weight:600;font-size:14.5px!important;text-decoration:none}
.ck-checkout .wc-block-components-product-metadata{color:var(--muted);font-size:13px!important}
.ck-checkout .wc-block-components-order-summary-item__total-price{font-weight:700;color:var(--navy-2)}
.ck-checkout .wc-block-components-product-price__regular{color:var(--muted)}
.ck-checkout .wc-block-components-product-price__value.is-discounted{color:var(--navy-2);font-weight:700;background:none}
.ck-checkout .wc-block-components-sale-badge{background:#e9f8ef!important;color:var(--ok)!important;border:0!important;border-radius:6px!important;font-weight:700!important;text-transform:none!important}
.ck-checkout .wc-block-components-totals-item{color:var(--ink);font-size:15px}
.ck-checkout .wc-block-components-totals-item__value{font-weight:600}
.ck-checkout .wc-block-components-totals-footer-item{padding-top:4px}
.ck-checkout .wc-block-components-totals-footer-item .wc-block-components-totals-item__label{font-weight:700;color:var(--navy-2);font-size:17px}
.ck-checkout .wc-block-components-totals-footer-item .wc-block-components-totals-item__value{font-weight:800;color:var(--navy-2);font-size:22px}
.ck-checkout .wc-block-components-totals-footer-item-tax{color:var(--muted);font-size:13px}
.ck-checkout .wc-block-components-panel__button{font-weight:600;color:var(--navy)!important;font-size:15px!important}
.ck-checkout .wc-block-components-totals-coupon__form .wc-block-components-button{min-height:48px}
.ck-checkout .wc-block-components-sidebar .wc-block-components-panel,.ck-checkout .wc-block-components-sidebar .wc-block-components-totals-coupon{padding:0!important}
@media (max-width:1100px){
  .ck-checkout .wc-block-components-sidebar-layout{display:flex;flex-direction:column}
  .ck-checkout .wc-block-checkout__main,.ck-checkout .wc-block-checkout__sidebar{width:100%!important;max-width:none!important;padding:0!important;margin:0!important}
  .ck-checkout .wc-block-checkout__sidebar{order:-1;margin-bottom:16px!important;position:static!important}
}
@media (max-width:860px){
  .ck-checkout{padding-top:18px;padding-bottom:40px}
  .ck-checkout .wc-block-components-checkout-step{padding:18px 16px 20px!important;border-radius:14px;margin-bottom:12px!important}
  .ck-checkout .wc-block-components-checkout-step__title{font-size:17.5px!important}
  .ck-checkout .wc-block-components-checkout-step__title::before{width:26px;height:26px;font-size:13px}
  .ck-checkout .wc-block-checkout__order-notes{padding:14px 16px!important}
  .ck-checkout .wc-block-components-checkout-order-summary__title{padding:14px 16px!important}
  .ck-checkout .wc-block-components-totals-wrapper{padding:12px 16px!important}
  .ck-checkout .wc-block-components-radio-control-accordion-content{padding:0 14px 14px 14px!important}
  .ck-checkout .wc-block-checkout__main .wp-block-woocommerce-checkout-order-summary-block{margin:0 0 14px}
}

/* ===== My Account v2 (14 Oct): side menu with icons, dashboard tiles, cards for orders, addresses and forms ===== */
.ac-page{padding-top:36px;padding-bottom:56px}
.ac-page .wc-body>.woocommerce{display:grid;grid-template-columns:260px minmax(0,1fr);gap:32px;align-items:start}
.ac-page .woocommerce-MyAccount-navigation{position:sticky;top:150px;background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow);padding:10px}
.ac-page .woocommerce-MyAccount-navigation ul{list-style:none;margin:0;padding:0;display:grid;gap:2px}
.ac-page .woocommerce-MyAccount-navigation a{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:10px;text-decoration:none;font-weight:600;font-size:15px;color:var(--navy-2);transition:.15s}
.ac-page .woocommerce-MyAccount-navigation a svg{width:20px;height:20px;color:var(--muted);flex:none}
.ac-page .woocommerce-MyAccount-navigation a:hover{background:var(--soft)}
.ac-page .woocommerce-MyAccount-navigation .is-active a{background:var(--warm);color:var(--red)}.ac-page .woocommerce-MyAccount-navigation .is-active a svg{color:var(--red)}
.ac-page .woocommerce-MyAccount-navigation-link--customer-logout{border-top:1px solid var(--line);margin-top:6px;padding-top:6px}
.ac-page .woocommerce-MyAccount-navigation-link--customer-logout a{color:var(--muted);font-weight:500}
.ac-page .woocommerce-MyAccount-content{min-width:0}
.ac-page .woocommerce-MyAccount-content>p{color:var(--ink)}
.ac-page .woocommerce-MyAccount-content>p a{color:var(--red);font-weight:600}
.ac-page .woocommerce-MyAccount-content h2,.ac-page .woocommerce-MyAccount-content h3{color:var(--navy-2)}
/* dashboard */
.ac-hello{display:flex;align-items:center;gap:16px;padding:22px 24px;border-radius:16px;background:linear-gradient(120deg,var(--navy-2),var(--navy));color:#fff;margin:0 0 18px}
.ac-av{width:56px;height:56px;border-radius:50%;flex:none;display:grid;place-items:center;background:var(--red);color:#fff;font-weight:800;font-size:24px;line-height:1}
.ac-page .ac-hello h2{color:#fff;font-size:24px;margin:0 0 4px}
.ac-hello p i{font-style:normal}.ac-hello p{margin:0;color:#cfd5ea;font-size:14.5px;overflow-wrap:anywhere}.ac-hello a{color:#fff;font-weight:600}
.ac-tiles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:0 0 18px}
.ac-tile{display:flex;flex-direction:column;gap:4px;padding:18px;background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow);text-decoration:none;color:var(--ink);transition:.15s;min-width:0}
.ac-tile:hover{border-color:var(--red);transform:translateY(-2px)}
.ac-tile .ac-ic{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;background:var(--warm);color:var(--red);margin-bottom:8px}.ac-tile .ac-ic svg{width:22px;height:22px}
.ac-tile b{font-size:16px;color:var(--navy-2)}.ac-tile small{color:var(--muted);font-size:13.5px}
.ac-card{background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow);padding:20px 22px;margin:0 0 18px}
.ac-card-h{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:0 0 10px}
.ac-card-h h3{font-size:19px;margin:0}.ac-card-h a{color:var(--red);font-weight:600;text-decoration:none;font-size:14.5px}
.ac-orders{list-style:none;margin:0;padding:0}
.ac-orders li+li{border-top:1px solid var(--line)}
.ac-orders a{display:grid;grid-template-columns:1fr auto auto;grid-template-areas:"n st t" "d st t";gap:2px 16px;align-items:center;padding:12px 4px;text-decoration:none;color:var(--ink)}
.ac-orders a:hover b{color:var(--red)}
.ac-orders b{grid-area:n;color:var(--navy-2)}.ac-orders small{grid-area:d;color:var(--muted);font-size:13.5px}
.ac-orders strong{grid-area:t;color:var(--navy-2);font-size:16px;text-align:right}
.ac-st{grid-area:st;display:inline-block;padding:4px 10px;border-radius:99px;font-size:12.5px;font-weight:700;background:var(--soft);color:var(--navy);white-space:nowrap}
.ac-st-processing,.ac-st-on-hold,.ac-st-pending{background:#fff6e5;color:#a35c00}
.ac-st-completed{background:#e9f8ef;color:var(--ok)}
.ac-st-cancelled,.ac-st-failed,.ac-st-refunded{background:#fff1f0;color:#b3151c}
.ac-empty{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;padding:6px 0 2px}.ac-empty p{margin:0;color:var(--muted);max-width:460px}
.ac-help{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;background:var(--soft)}
.ac-help b{display:block;color:var(--navy-2);font-size:17px}.ac-help small{color:var(--muted);font-size:14px}
.ac-help-btns{display:flex;gap:10px;flex-wrap:wrap}.ac-help .btn svg{width:18px;height:18px}
/* orders table */
.ac-page table.woocommerce-orders-table,.ac-page table.woocommerce-table--order-details,.ac-page table.shop_table{background:#fff;border-radius:14px;box-shadow:var(--shadow);font-size:15px}
.ac-page table.shop_table thead th{font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);background:var(--soft)}
.ac-page table.shop_table>tbody:last-child>tr:last-child>td,.ac-page table.shop_table tfoot tr:last-child th,.ac-page table.shop_table tfoot tr:last-child td{border-bottom:0}
.ac-page .woocommerce-MyAccount-content>p:has(mark.order-number){background:var(--soft);border:1px solid var(--line);border-radius:12px;padding:12px 16px}
.ac-page .woocommerce-orders-table__cell-order-number a{color:var(--navy-2);font-weight:700;text-decoration:none}
.ac-page .woocommerce-orders-table .button,.ac-page .woocommerce-MyAccount-content .order-again .button{padding:8px 14px!important;font-size:14px;margin:2px 4px 2px 0;display:inline-block;text-decoration:none}
.ac-page .woocommerce-MyAccount-content mark{background:var(--soft);color:var(--navy-2);padding:2px 8px;border-radius:6px;font-weight:700}
.ac-page .woocommerce-pagination{margin-top:16px;display:flex;justify-content:space-between}
/* addresses */
.ac-page .woocommerce-Addresses{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:14px}
.ac-page .woocommerce-Addresses::before,.ac-page .woocommerce-Addresses::after{content:none}
.ac-page .woocommerce-Address{background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow);padding:20px 22px;width:auto!important;float:none!important}
.ac-page .woocommerce-Address-title{display:flex;justify-content:space-between;align-items:center;gap:10px;margin:0 0 10px}
.ac-page .woocommerce-Address-title h2{font-size:19px;margin:0}
.ac-page .woocommerce-Address-title a{display:inline-flex;padding:7px 14px;border-radius:99px;border:1.5px solid var(--navy);color:var(--navy);font-weight:600;font-size:13.5px;text-decoration:none;white-space:nowrap}
.ac-page .woocommerce-Address-title a:hover{background:var(--navy);color:#fff}
.ac-page .woocommerce-Address address{font-style:normal;color:var(--muted);line-height:1.6}
/* edit address / account details forms */
.ac-page .woocommerce-MyAccount-content>form,.ac-page .woocommerce-EditAccountForm{background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow);padding:24px 26px}
.ac-page .woocommerce-MyAccount-content>form>h2,.ac-page .woocommerce-MyAccount-content>form h3{font-size:22px;margin:0 0 18px}
.ac-page .woocommerce-address-fields__field-wrapper,.ac-page .woocommerce-EditAccountForm{display:grid;grid-template-columns:1fr 1fr;gap:0 16px}
.ac-page .woocommerce-address-fields__field-wrapper .form-row,.ac-page .woocommerce-EditAccountForm>*{grid-column:1/-1;width:auto!important;float:none!important}
.ac-page .woocommerce-address-fields__field-wrapper .form-row-first,.ac-page .woocommerce-EditAccountForm>.form-row-first{grid-column:1}
.ac-page .woocommerce-address-fields__field-wrapper .form-row-last,.ac-page .woocommerce-EditAccountForm>.form-row-last{grid-column:2}
.ac-page .woocommerce-EditAccountForm .clear{display:none}
.ac-page .form-row .required{color:var(--red);text-decoration:none;border:0}
.ac-page .form-row em,.ac-page .form-row .description{display:block;color:var(--muted);font-size:13px;margin-top:6px;font-style:normal}
.ac-page .wc-body input:focus,.ac-page .wc-body select:focus,.ac-page .wc-body textarea:focus{outline:0;border-color:var(--navy);box-shadow:0 0 0 3px rgba(22,36,92,.12)}
.ac-page fieldset{border:1px solid var(--line);border-radius:12px;padding:16px 18px 2px;margin:8px 0 18px}
.ac-page fieldset legend{padding:0 8px;font-weight:700;color:var(--navy-2)}
.ac-page .woocommerce-MyAccount-content form .button{padding:14px 26px;font-size:16px}
.ac-page .select2-container{width:100%!important}
.ac-page .select2-container .select2-selection--single{height:46px;border:1.5px solid var(--line);border-radius:9px;display:flex;align-items:center}
.ac-page .select2-container .select2-selection--single .select2-selection__rendered{line-height:44px;padding-left:12px;color:var(--ink)}
.ac-page .select2-container .select2-selection--single .select2-selection__arrow{height:44px;right:8px}
.ac-page .select2-container--focus .select2-selection--single,.ac-page .select2-container--open .select2-selection--single{border-color:var(--navy)}
@media (max-width:1100px){.ac-tiles{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:860px){
  .ac-page{padding-top:18px;padding-bottom:40px}
  .ac-page .wc-body>.woocommerce{grid-template-columns:minmax(0,1fr);gap:16px}
  .ac-page .woocommerce-MyAccount-navigation{position:static;padding:0;background:none;border:0;box-shadow:none;margin:0 -20px;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}
  .ac-page .woocommerce-MyAccount-navigation::-webkit-scrollbar{display:none}
  .ac-page .woocommerce-MyAccount-navigation ul{display:flex;gap:8px;padding:2px 20px 4px;width:max-content}
  .ac-page .woocommerce-MyAccount-navigation a{padding:9px 14px;border:1px solid var(--line);border-radius:99px;background:#fff;font-size:14px;gap:8px;white-space:nowrap}
  .ac-page .woocommerce-MyAccount-navigation a svg{width:17px;height:17px}
  .ac-page .woocommerce-MyAccount-navigation .is-active a{border-color:var(--red)}
  .ac-page .woocommerce-MyAccount-navigation-link--customer-logout{border:0;margin:0;padding:0}
  .ac-hello{padding:18px;gap:14px}.ac-hello p span{display:block}.ac-hello p i{display:none}.ac-av{width:48px;height:48px;font-size:20px}.ac-hello h2{font-size:20px}
  .ac-tiles{gap:10px}.ac-tile{padding:14px}.ac-tile .ac-ic{width:40px;height:40px;margin-bottom:6px}.ac-tile b{font-size:15px}.ac-tile small{font-size:12.5px}
  .ac-card{padding:16px}
  .ac-orders a{grid-template-columns:1fr auto;grid-template-areas:"n t" "d st"}
  .ac-empty .btn,.ac-help-btns,.ac-help-btns .btn{width:100%;justify-content:center}
  .ac-page .woocommerce-Addresses{grid-template-columns:1fr}
  .ac-page .woocommerce-MyAccount-content>form,.ac-page .woocommerce-EditAccountForm{padding:18px 16px}
  .ac-page .woocommerce-address-fields__field-wrapper,.ac-page .woocommerce-EditAccountForm{grid-template-columns:1fr}
  .ac-page .woocommerce-address-fields__field-wrapper .form-row-first,.ac-page .woocommerce-address-fields__field-wrapper .form-row-last,.ac-page .woocommerce-EditAccountForm>.form-row-first,.ac-page .woocommerce-EditAccountForm>.form-row-last{grid-column:1}
  .ac-page .woocommerce-MyAccount-content form .button{width:100%}
  /* orders table as cards */
  .ac-page table.shop_table_responsive thead{display:none}
  .ac-page table.shop_table_responsive,.ac-page table.shop_table_responsive tbody,.ac-page table.shop_table_responsive tr{display:block}
  .ac-page table.shop_table_responsive tr{border-bottom:1px solid var(--line);padding:6px 0}
  .ac-page table.shop_table_responsive tr:last-child{border-bottom:0}
  .ac-page table.shop_table_responsive td,.ac-page table.shop_table_responsive th{display:flex;justify-content:space-between;gap:12px;border:0!important;padding:6px 14px!important;text-align:right!important}
  .ac-page table.shop_table_responsive td::before,.ac-page table.shop_table_responsive th[data-title]::before{content:attr(data-title);font-weight:600;color:var(--muted);text-align:left}
  .ac-page table.shop_table_responsive td.woocommerce-orders-table__cell-order-actions{justify-content:flex-end}
  .ac-page table.shop_table_responsive td.woocommerce-orders-table__cell-order-actions::before{content:none}
}
@media (max-width:480px){.ac-page .woocommerce-MyAccount-navigation{margin:0 -16px}.ac-page .woocommerce-MyAccount-navigation ul{padding:2px 16px 4px}}

/* ===== Order received v2 (14 Oct): success card, fact tiles, bank details card, next steps, order details ===== */
.or-page{max-width:880px;margin:0 auto}
.or-hero{display:flex;align-items:center;gap:18px;padding:24px 26px;border-radius:16px;background:#e9f8ef;border:1px solid #bfe8cf;margin:0 0 16px}
.or-hero .or-ic{width:56px;height:56px;border-radius:50%;flex:none;display:grid;place-items:center;background:var(--ok);color:#fff}.or-hero .or-ic svg{width:28px;height:28px}
.or-hero h2{font-size:26px;margin:0 0 4px;color:var(--navy-2)}.or-hero p{margin:0;color:var(--ink)}
.or-hero-fail{background:#fff1f0;border-color:#f5c2c0}.or-hero-fail .or-ic{background:var(--red)}
.or-facts{list-style:none;margin:0 0 16px!important;padding:0!important;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.or-facts li{background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow);padding:14px 16px;min-width:0;margin:0!important;border-right:1px solid var(--line)!important;float:none!important}
.or-facts small{display:block;font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);font-weight:600;margin-bottom:4px}
.or-facts strong{display:block;font-size:16px;color:var(--navy-2);overflow-wrap:anywhere}
.or-pay:empty{display:none}
.or-pay>p{margin:0 0 12px;color:var(--muted)}
.woocommerce-bacs-bank-details{background:#fff;border:1.5px solid var(--navy);border-radius:16px;box-shadow:var(--shadow);padding:20px 22px;margin:0 0 16px}
.woocommerce-bacs-bank-details h2{font-size:20px;margin:0 0 4px;color:var(--navy-2)}
.woocommerce-bacs-bank-details h3{font-size:15px;margin:0 0 12px;color:var(--muted);font-weight:600}
.woocommerce-bacs-bank-details ul.bacs_details{list-style:none;margin:0 0 6px;padding:0;display:grid;border:1px solid var(--line);border-radius:12px;overflow:hidden}
.woocommerce-bacs-bank-details ul.bacs_details li{display:flex;justify-content:space-between;gap:16px;padding:11px 14px;border-bottom:1px solid var(--line);color:var(--muted);font-size:15px;margin:0}
.woocommerce-bacs-bank-details ul.bacs_details li:last-child{border-bottom:0}
.woocommerce-bacs-bank-details ul.bacs_details li:nth-child(odd){background:var(--soft)}
.woocommerce-bacs-bank-details ul.bacs_details strong{color:var(--navy-2);font-size:16px;text-align:right;overflow-wrap:anywhere;user-select:all}
.or-next{background:var(--soft);border:1px solid var(--line);border-radius:16px;padding:20px 22px;margin:0 0 24px}
.or-next h2{font-size:20px;margin:0 0 12px}
.or-next ol{list-style:none;counter-reset:orn;margin:0 0 16px;padding:0;display:grid;gap:10px}
.or-next li{counter-increment:orn;position:relative;padding-left:42px;min-height:30px}
.or-next li::before{content:counter(orn);position:absolute;left:0;top:0;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:var(--red);color:#fff;font-weight:700;font-size:14px}
.or-next li b{display:block;color:var(--navy-2)}.or-next li small{color:var(--muted);font-size:14px}
.or-btns{display:flex;gap:10px;flex-wrap:wrap}.or-btns .btn svg{width:18px;height:18px}
/* order details + addresses (order received and My Account → order) */
.woocommerce-order-details,.woocommerce-customer-details{margin:0 0 20px}
.woocommerce-order-details__title,.woocommerce-customer-details .woocommerce-column__title,.woocommerce-order-downloads__title{font-size:20px!important;margin:0 0 12px!important;color:var(--navy-2)}
.wc-body table.woocommerce-table--order-details{background:#fff;box-shadow:var(--shadow);font-size:15px}
.wc-body table.woocommerce-table--order-details thead th{font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);background:var(--soft)}
.wc-body table.woocommerce-table--order-details th:last-child,.wc-body table.woocommerce-table--order-details td:last-child{text-align:right}
.wc-body table.woocommerce-table--order-details .product-name a{color:var(--navy-2);font-weight:600;text-decoration:none}
.wc-body table.woocommerce-table--order-details .product-quantity{color:var(--muted);font-weight:600}
.wc-body table.woocommerce-table--order-details .wc-item-meta{list-style:none;margin:4px 0 0;padding:0;font-size:13px;color:var(--muted)}.wc-body .wc-item-meta li,.wc-body .wc-item-meta p{display:inline;margin:0}
.wc-body table.woocommerce-table--order-details tfoot th{font-weight:500;color:var(--muted)}
.wc-body table.woocommerce-table--order-details tfoot tr:nth-last-child(2) th,.wc-body table.woocommerce-table--order-details tfoot tr:nth-last-child(2) td{font-weight:800;color:var(--navy-2);font-size:18px}
.wc-body table.woocommerce-table--order-details tfoot tr:last-child th,.wc-body table.woocommerce-table--order-details tfoot tr:last-child td{border-bottom:0}
.woocommerce-customer-details .col2-set,.woocommerce-customer-details .woocommerce-columns{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.woocommerce-customer-details .col2-set::before,.woocommerce-customer-details .col2-set::after{content:none}
.woocommerce-customer-details .woocommerce-column{background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow);padding:18px 20px;width:auto!important;float:none!important}
.woocommerce-customer-details>address{background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow);padding:18px 20px}
.woocommerce-customer-details address{font-style:normal;color:var(--ink);line-height:1.65;border:0;padding:0}
.woocommerce-customer-details address p{margin:6px 0 0;color:var(--muted)}
.woocommerce-order-details .order-again{margin:14px 0 0}
.wc-block-order-confirmation-additional-fields-wrapper,.woocommerce-order .wc-block-components-additional-fields-list{margin:0 0 20px}
@media (max-width:860px){
  .or-hero{padding:18px;gap:14px;align-items:flex-start}.or-hero .or-ic{width:44px;height:44px}.or-hero .or-ic svg{width:22px;height:22px}.or-hero h2{font-size:20px}
  .or-facts{grid-template-columns:1fr 1fr;gap:10px}.or-facts li{padding:12px 14px}.or-facts strong{font-size:15px}
  .woocommerce-bacs-bank-details,.or-next{padding:16px}
  .woocommerce-bacs-bank-details ul.bacs_details li{flex-direction:column;gap:2px}.woocommerce-bacs-bank-details ul.bacs_details strong{text-align:left}
  .or-btns .btn{flex:1 1 100%;justify-content:center}
  .woocommerce-customer-details .col2-set,.woocommerce-customer-details .woocommerce-columns{grid-template-columns:1fr}
  .wc-body table.woocommerce-table--order-details th,.wc-body table.woocommerce-table--order-details td{padding:10px 12px}
}
/* order-pay (pay for a pending order): same look as checkout */
.ck-checkout #order_review{background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow);padding:20px 22px;max-width:880px;margin:0 auto}
.ck-checkout ul.wc_payment_methods{list-style:none;padding:0;margin:16px 0;display:grid;gap:10px}
.ck-checkout ul.wc_payment_methods li{border:1.5px solid var(--line);border-radius:12px;padding:12px 14px;background:#fff;font-weight:600;color:var(--navy-2)}
.ck-checkout ul.wc_payment_methods li input{accent-color:var(--red);margin-right:8px}
.ck-checkout .payment_box{font-weight:400;color:var(--muted);font-size:14px;margin-top:6px}.ck-checkout .payment_box p{margin:0}
.ck-checkout #place_order{width:100%;min-height:54px;border-radius:12px;font-size:17px}
/* Email verification code on the register form (inc/verify-email.php) */
.fs-otp-wrap{display:flex;gap:8px}
.fs-otp-wrap input{flex:1;min-width:0;letter-spacing:.2em;font-weight:700}
.wc-body .fs-otp-wrap .fs-otp-send{flex:none;white-space:nowrap;background:#fff!important;color:var(--navy-2)!important;box-shadow:inset 0 0 0 1.5px var(--navy);padding:0 16px!important;border-radius:9px!important}
.wc-body .fs-otp-wrap .fs-otp-send:hover{background:var(--soft)!important}
.wc-body .fs-otp-wrap .fs-otp-send:disabled{opacity:.55;cursor:default}
.fs-otp-msg{display:block;margin-top:6px;font-size:13.5px;color:var(--muted)}.fs-otp-msg.ok{color:var(--ok);font-weight:600}.fs-otp-msg.err{color:var(--red);font-weight:600}
/* forms on WooCommerce pages: focus ring and password strength in theme style */
.wc-body input:focus,.wc-body select:focus,.wc-body textarea:focus{outline:0;border-color:var(--navy)!important;box-shadow:0 0 0 3px rgba(22,36,92,.12)}
.wc-body .woocommerce-password-strength{display:inline-block;margin-top:6px;padding:3px 10px;border-radius:99px;font-size:12.5px;font-weight:700;background:var(--soft);color:var(--muted)}
.wc-body .woocommerce-password-strength.strong{background:#e9f8ef;color:var(--ok)}.wc-body .woocommerce-password-strength.good{background:#eef2fb;color:var(--navy)}
.wc-body .woocommerce-password-strength.short,.wc-body .woocommerce-password-strength.bad{background:#fff1f0;color:#b3151c}
.wc-body .woocommerce-password-hint{display:block;font-size:13px;color:var(--muted);margin-top:4px}

/* ===== Page layout fixes (Sachin, 14 Oct: every page in the theme's design) ===== */
/* Product page: one column on mobile without the 1fr min-content blowout */
@media (max-width:860px){.pdp,.pd-cols{grid-template-columns:minmax(0,1fr)}.pdp>*,.pd-cols>*{min-width:0}}
/* Shop chips: bleed only to the real gutter */
@media (max-width:480px){.shop-chips{margin-right:-16px}}
/* Hero buttons (404 etc.) */
.page-hero .ctas{display:flex;gap:12px;flex-wrap:wrap;margin-top:18px}
/* Articles and pages: centred reading column, theme bullets and tables */
.page-body.prose{margin-left:auto;margin-right:auto}
.prose ul{list-style:none;padding-left:0}
.prose ul>li{position:relative;padding-left:26px}
.prose ul>li::before{content:"";position:absolute;left:6px;top:.68em;width:8px;height:8px;border-radius:50%;background:var(--red)}
.prose ol>li::marker{color:var(--red);font-weight:700}
.prose table{border-collapse:separate;border-spacing:0;border:1px solid var(--line);border-radius:12px;overflow:hidden;background:#fff;font-size:15px}
.prose th,.prose td{border:0;border-bottom:1px solid var(--line);padding:12px 14px;vertical-align:top}
.prose tr:last-child td{border-bottom:0}
.prose th,.prose thead td{background:var(--soft);font-weight:700;color:var(--navy-2);font-size:14px}
.prose figure.wp-block-table{margin:20px 0;overflow-x:auto}
@media (max-width:860px){
  .prose table,.tbl-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch;background:linear-gradient(90deg,#fff 30%,rgba(255,255,255,0)) left/40px 100% no-repeat local,linear-gradient(270deg,#fff 30%,rgba(255,255,255,0)) right/40px 100% no-repeat local,radial-gradient(farthest-side at 0 50%,rgba(13,31,74,.2),transparent) left/14px 100% no-repeat scroll,radial-gradient(farthest-side at 100% 50%,rgba(13,31,74,.2),transparent) right/14px 100% no-repeat scroll,#fff}
  .prose th,.prose td{min-width:120px}
}
/* Lost / reset password: centred card, full-width button */
.wc-body .lost_reset_password{margin-left:auto;margin-right:auto}
.wc-body .lost_reset_password .form-row-first,.wc-body .lost_reset_password .form-row-last{width:100%;float:none}
.wc-body .lost_reset_password button.button{width:100%!important;height:52px!important}
/* Search results */
.sr-form{display:flex;gap:10px;max-width:640px;margin:18px 0 12px}
.sr-form input{flex:1;min-width:0;height:50px;border:1.5px solid var(--line);border-radius:12px;padding:0 16px;font-family:inherit;font-size:16px;background:#fff}
.sr-form input:focus{outline:0;border-color:var(--navy-2);box-shadow:0 0 0 3px rgba(13,31,74,.1)}
.sr-form .btn{height:50px;padding:0 24px}
.sr-pop{display:flex;flex-wrap:wrap;gap:8px;align-items:center;font-size:14px}
.sr-pop span{color:var(--muted)}
.sr-pop a{padding:6px 12px;border:1px solid var(--line);border-radius:999px;background:#fff;color:var(--navy-2);font-weight:600;text-decoration:none}
.sr-pop a:hover{border-color:var(--red);color:var(--red)}
/* Checkout email verification card */
.fs-ckv{background:#fff;border:1.5px solid var(--line);border-radius:16px;padding:20px 22px;margin:0 0 22px;box-shadow:var(--shadow)}
.fs-ckv.is-done{border-color:#bfe3cc;background:#f3fbf6;padding:14px 22px}
.fs-ckv-head{display:flex;gap:14px;align-items:flex-start;margin-bottom:14px}
.fs-ckv-ic{flex:none;width:40px;height:40px;border-radius:50%;background:var(--warm);color:var(--red);display:grid;place-items:center}.fs-ckv-ic svg{width:20px;height:20px}
.fs-ckv-head b{display:block;font-family:Poppins,sans-serif;font-size:17px;color:var(--navy-2)}.fs-ckv-head small{display:block;color:var(--muted);font-size:14px;margin-top:2px}
.fs-ckv-row{display:flex;gap:10px;margin-top:10px;max-width:560px}
.fs-ckv-row input{flex:1;min-width:0;height:50px;border:1.5px solid var(--line);border-radius:10px;padding:0 14px;font-family:inherit;font-size:16px;background:#fff}
.fs-ckv-row input:focus{outline:0;border-color:var(--navy-2);box-shadow:0 0 0 3px rgba(13,31,74,.1)}
.fs-ckv-code{letter-spacing:.25em;font-weight:700}
.fs-ckv-row button{flex:none;height:50px;padding:0 20px;border:0;border-radius:10px;background:var(--red);color:#fff;font-family:inherit;font-weight:700;font-size:15px;cursor:pointer;white-space:nowrap}
.fs-ckv-row button:hover{background:var(--red-d)}.fs-ckv-row button:disabled{opacity:.55;cursor:default}
.fs-ckv-send{background:#fff!important;color:var(--navy-2)!important;box-shadow:inset 0 0 0 1.5px var(--navy)}
.fs-ckv-msg{display:block;margin-top:8px;font-size:14px;color:var(--muted)}.fs-ckv-msg.ok{color:var(--ok);font-weight:600}.fs-ckv-msg.err{color:var(--red);font-weight:600}
.fs-ckv-done{display:none;align-items:center;gap:8px;flex-wrap:wrap;color:#17733f;font-size:15px}.fs-ckv-done svg{width:18px;height:18px}
.fs-ckv-change{border:0;background:none;color:var(--navy-2);text-decoration:underline;font:inherit;cursor:pointer;padding:0;margin-left:4px}
.fs-ckv.is-done .fs-ckv-done{display:flex}.fs-ckv.is-done .fs-ckv-form,.fs-ckv.is-done .fs-ckv-head{display:none}
@media (max-width:480px){.fs-ckv{padding:16px}.fs-ckv-row button{padding:0 14px}}