/* 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 h4{color:#fff;margin:0 0 12px;font-size:15px}
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 h4{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}
/* 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)}