/*
Theme Name: Safety Core
Description: Shared parent theme for SafetyCart and Drownfire (catalog-mode WooCommerce, no page builder, no jQuery of its own). Each site has a small child theme with its name, logo, colours and contact details.
Version: 0.36.30
Requires at least: 6.4
Requires PHP: 7.4
Text Domain: safety-core
*/

:root{
  --red:#e03434; --red-dark:#c42a2a; --orange:#f58220;
  --ink:#1b1f24; --muted:#6b7480; --line:#e4e7eb; --bg:#fff; --tint:#f5f6f8;
  --font:"Plus Jakarta Sans",system-ui,-apple-system,"Segoe UI",Arial,sans-serif;
  --wrap:1240px;
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;font-family:var(--font);font-size:15px;line-height:1.55;color:var(--ink);background:var(--bg)}
img{max-width:100%;height:auto;display:block}
a{color:inherit;text-decoration:none}
a:hover{color:var(--red)}
h1,h2,h3,h4{line-height:1.2;margin:0 0 .5em;font-weight:600}
.wrap{max-width:var(--wrap);margin-inline:auto;padding-inline:16px}
.screen-reader-text{position:absolute;left:-9999px}
a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid var(--orange);outline-offset:2px}

/* top strip + header */
.sc-top{border-top:5px solid var(--red);border-bottom:1px solid var(--line);font-size:14px}
.sc-top .wrap{display:flex;justify-content:space-between;gap:16px;align-items:center;padding-block:8px;flex-wrap:wrap}
.sc-top nav a{margin-right:18px}
.sc-main{display:grid;grid-template-columns:240px 1fr auto;gap:24px;align-items:center;padding-block:18px}
.sc-logo{font-size:26px;font-weight:700;letter-spacing:.3px}
.sc-logo img{max-height:56px;width:auto}
.sc-search{display:flex;border:1px solid var(--line);border-radius:12px;overflow:hidden;min-width:0}
.sc-search input{flex:1;min-width:0;border:0;padding:14px 18px;font:inherit}
.sc-search button{border:0;background:#fff;padding:0 18px;cursor:pointer;font-weight:600;color:var(--red)}
.sc-acts{display:flex;gap:24px;align-items:center;white-space:nowrap}
.sc-acts small{display:block;color:var(--muted);font-size:12px}
.sc-cart .sc-count{background:var(--red);color:#fff;border-radius:50%;font-size:11px;min-width:18px;height:18px;display:inline-grid;place-items:center;margin-right:6px}

/* category bar + dropdown */
.sc-nav{border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.sc-nav .wrap{display:flex;gap:28px;align-items:center;position:relative}
.sc-allcat{position:relative}
.sc-allcat>button{background:var(--red);color:#fff;border:0;border-radius:10px 10px 0 0;padding:15px 20px;min-width:298px;text-align:left;font:500 15px var(--font);cursor:pointer}
.sc-menu{display:flex;gap:26px;list-style:none;margin:0;padding:0}
.sc-menu a{display:block;padding:15px 0}

/* home */
.sc-hero{background:var(--tint)}
.sc-hero .wrap{display:grid;grid-template-columns:1.1fr .9fr;gap:32px;align-items:center;padding-block:44px}
.sc-hero h1{font-size:clamp(30px,4.4vw,48px)}
.sc-hero p{color:var(--muted);max-width:48ch;margin-bottom:22px}
.btn,.button,.woocommerce a.button,.woocommerce button.button,.woocommerce #respond input#submit{display:inline-block;background:var(--red);color:#fff;border:0;border-radius:8px;padding:12px 22px;font:500 15px var(--font);cursor:pointer;min-height:44px}
.btn:hover,.button:hover,.woocommerce a.button:hover,.woocommerce button.button:hover{background:var(--red-dark);color:#fff}
.btn.alt{background:#fff;color:var(--red);border:1.5px solid var(--red)}
.sc-sec{padding-block:34px}
.sc-sec-h{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:16px}
.sc-sec-h h2{font-size:24px;margin:0}
.sc-sec-h a{color:var(--red);font-weight:500}
.sc-tiles{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.sc-tile{border:1px solid var(--line);border-radius:12px;padding:14px;text-align:center}
.sc-tile img{aspect-ratio:1;object-fit:contain;margin-bottom:10px;width:100%}
.sc-tile h3{font-size:16px;margin:0}
.sc-trust{background:var(--tint);border-block:1px solid var(--line)}
.sc-trust .wrap{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;padding-block:22px}
.sc-trust b{display:block}
.sc-trust span{color:var(--muted);font-size:14px}
.sc-b2b .wrap>div{background:var(--red);color:#fff;border-radius:14px;padding:30px;display:flex;justify-content:space-between;gap:20px;align-items:center;flex-wrap:wrap}
.sc-b2b h2{margin:0 0 4px}
.sc-b2b .btn{background:#fff;color:var(--red)}

/* woocommerce lists */
.woocommerce ul.products{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:0;padding:0;list-style:none}
.woocommerce ul.products li.product{border:1px solid var(--line);border-radius:12px;padding:12px;display:flex;flex-direction:column;gap:6px;margin:0;width:auto;float:none;min-width:0}
.woocommerce ul.products li.product img{aspect-ratio:1;object-fit:contain;margin:0 0 8px;width:100%}
.woocommerce-loop-product__title{font-size:15px;font-weight:500;margin:0}
.price{font-weight:700;color:var(--ink)}
.price del{color:var(--muted);font-weight:400;margin-right:6px}
.woocommerce ul.products li.product .button{margin-top:auto;text-align:center}
.woocommerce-breadcrumb{color:var(--muted);font-size:13px;margin:16px 0}
.sc-page{padding-block:24px 40px}
.woocommerce div.product div.images{max-width:520px}

/* homepage */
.sc-slider{position:relative;background:#111}
.sc-slides{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}
.sc-slides::-webkit-scrollbar{display:none}
.sc-slide{flex:0 0 100%;scroll-snap-align:start;position:relative;aspect-ratio:1024/573;max-height:520px;overflow:hidden}
.sc-slide img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:right center}
.sc-slide-txt{position:relative;z-index:1;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;color:#fff;max-width:var(--wrap)}
.sc-slide::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.72) 0%,rgba(0,0,0,.45) 45%,rgba(0,0,0,0) 75%)}
.sc-slide h1,.sc-slide .sc-slide-h{font-size:clamp(24px,3.6vw,44px);font-weight:700;line-height:1.15;max-width:16ch;margin:0 0 10px}
.sc-slide p{max-width:40ch;margin:0 0 18px;opacity:.92}
.sc-dots{position:absolute;bottom:12px;left:0;right:0;display:flex;justify-content:center;gap:8px;z-index:2}
.sc-dots button{width:10px;height:10px;border-radius:50%;border:0;background:rgba(255,255,255,.5);padding:0;cursor:pointer}
.sc-dots button[aria-current=true]{background:#fff;width:24px;border-radius:6px}
.sc-sec-h{border-bottom:1px solid var(--line);padding-bottom:10px}
.sc-promos{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.sc-b2b2{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}
.sc-promo{position:relative;display:block;border-radius:12px;overflow:hidden;background:var(--tint);aspect-ratio:567/334;color:#fff}
.sc-b2b2 .sc-promo{aspect-ratio:768/344}
.sc-promo.sc-wide{aspect-ratio:1600/350}
.sc-promo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.sc-promo::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.6),rgba(0,0,0,0) 70%)}
.sc-promo span{position:absolute;inset:0;z-index:1;display:flex;flex-direction:column;justify-content:center;gap:8px;padding:18px 22px;max-width:62%}
.sc-promo b{font-size:clamp(16px,1.6vw,21px);line-height:1.25}
.sc-promo em{font-style:normal;font-weight:500;font-size:14px;text-decoration:underline;text-underline-offset:3px}
.sc-promo:hover{color:#fff}
.sc-gear{display:grid;grid-template-columns:300px 1fr;gap:16px;align-items:stretch}
.sc-gear-pic{position:relative;display:block;border-radius:12px;overflow:hidden;color:#fff;min-height:420px}
.sc-gear-pic img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.sc-gear-pic span{position:absolute;left:0;right:0;top:0;z-index:1;padding:22px;display:flex;flex-direction:column;gap:6px;background:linear-gradient(180deg,rgba(0,0,0,.55),rgba(0,0,0,0))}
.sc-gear-pic b{font-size:24px}.sc-gear-pic em{font-style:normal;text-decoration:underline}
.sc-gear-list{min-width:0}
.sc-trust .wrap{grid-template-columns:repeat(5,1fr)}
@media (min-width:1100px){.woocommerce ul.products.columns-6{grid-template-columns:repeat(6,1fr)}}
.woocommerce ul.products.columns-6 li.product .woocommerce-loop-product__title{font-size:14px}
@media (max-width:1099px){
  .home .sc-sec ul.products{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:12px;padding-bottom:6px;scrollbar-width:thin}
  .home .sc-sec ul.products li.product{flex:0 0 30%;scroll-snap-align:start}
}
@media (max-width:560px){.home .sc-sec ul.products li.product{flex:0 0 46%}}
@media (min-width:561px) and (max-width:900px){.woocommerce ul.products{grid-template-columns:repeat(3,1fr)}}

/* homepage hero: category column + rounded slider (old site layout) */
.sc-homehero>.wrap{display:grid;grid-template-columns:298px 1fr;gap:28px;align-items:start;padding-block:0 8px}
.sc-homecats .sc-catlist{margin:0;padding:8px 0;list-style:none;background:#fff;border:1px solid var(--line);border-top:0;border-radius:0 0 12px 12px;box-shadow:0 6px 18px rgba(0,0,0,.05)}
.sc-homecats .sc-catlist li a{padding:12px 22px;font-size:15.5px}
.sc-homecats .has-kids>a::after{content:"\203A";float:right;font-size:18px;line-height:1;color:var(--ink)}
.sc-homecats .sc-catlist ul{display:none;position:absolute;left:100%;top:-8px;min-width:260px;max-height:70vh;overflow:auto;margin:0;padding:8px 0;background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:0 8px 24px rgba(0,0,0,.08);z-index:20}
.sc-homecats .has-kids:hover>ul,.sc-homecats .has-kids:focus-within>ul{display:block}
@media (min-width:1100px){.home .sc-allcat>.sc-catlist{display:none!important}}
.sc-homehero .sc-slider{margin-top:28px;border-radius:16px;overflow:hidden}
.sc-homehero .sc-slide{max-height:none}
.sc-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:3;width:44px;height:80px;border:0;background:#fff;color:var(--ink);font-size:34px;line-height:1;cursor:pointer}
.sc-prev{left:0;border-radius:0 12px 12px 0}.sc-next{right:0;border-radius:12px 0 0 12px}
.sc-homehero .sc-dots{left:auto;right:28px;bottom:24px;background:#fff;border-radius:20px;padding:8px 12px;gap:10px}
.sc-homehero .sc-dots button{background:#cfd3d8}
.sc-homehero .sc-dots button[aria-current=true]{background:var(--red);width:10px;border-radius:50%}
.sc-slide-txt{padding-left:90px}
.sc-menu li{position:relative;list-style:none}
.sc-menu .has-kids>a::after{content:"";display:inline-block;margin-left:8px;border:5px solid transparent;border-top-color:currentColor;border-bottom:0;vertical-align:middle}
.sc-menu ul{display:none;position:absolute;left:-12px;top:100%;min-width:240px;max-height:70vh;overflow:auto;margin:0;padding:8px 0;background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:0 8px 24px rgba(0,0,0,.08);z-index:20}
.sc-menu .has-kids:hover>ul,.sc-menu .has-kids:focus-within>ul{display:block}
.sc-menu ul a{padding:9px 18px}
.sc-nav .wrap{flex-wrap:nowrap}
.sc-brandtag{margin-left:auto;position:relative;background:linear-gradient(90deg,var(--red),var(--orange));color:#fff;padding:5px 26px 5px 10px;border-radius:4px;font-size:15px;white-space:nowrap}
.sc-brandtag::after{content:"";position:absolute;right:9px;top:50%;width:7px;height:7px;margin-top:-3.5px;border-radius:50%;background:#fff}
.sc-brandtag:hover{color:#fff;filter:brightness(1.05)}
.sc-wa{position:fixed;left:18px;bottom:18px;z-index:40;width:56px;height:56px;border-radius:50%;background:#25d366;display:grid;place-items:center;box-shadow:0 4px 14px rgba(0,0,0,.2)}
@media (max-width:1099px){
  .sc-homehero>.wrap{grid-template-columns:1fr;padding-inline:0}
  .sc-homecats{display:none}
  .sc-homehero .sc-slider{margin-top:0;border-radius:0}
  .sc-slide-txt{padding-left:16px}
  .sc-arrow{display:none}
  .sc-homehero .sc-dots{left:0;right:0;margin:auto;width:max-content}
}
@media (max-width:560px){.sc-wa{bottom:76px;width:50px;height:50px}.sc-brandtag{display:none}}

/* woocommerce overrides: grid instead of floats, brand colours */
.woocommerce ul.products::before,.woocommerce ul.products::after{display:none}
.woocommerce ul.products[class*=columns-] li.product,.woocommerce-page ul.products[class*=columns-] li.product{width:auto;margin:0;float:none}
.woocommerce span.onsale{background:var(--red);color:#fff;min-height:0;min-width:0;line-height:1;padding:6px 8px;border-radius:6px;font-size:12px;top:8px;left:8px;right:auto;margin:0}
.woocommerce ul.products li.product .onsale{top:8px;left:8px;right:auto;margin:0}
.woocommerce ul.products li.product{position:relative}
.woocommerce .price,.woocommerce div.product p.price,.woocommerce div.product span.price,.woocommerce ul.products li.product .price{color:var(--ink)}
.price ins{text-decoration:none}
.woocommerce button.button.alt,.woocommerce a.button.alt{background:var(--red);color:#fff}
.woocommerce button.button.alt:hover,.woocommerce a.button.alt:hover{background:var(--red-dark)}
.woocommerce div.product form.cart .quantity input{height:44px;width:64px;border:1px solid var(--line);border-radius:8px;font:inherit}
.woocommerce-product-gallery{opacity:1!important}
.woocommerce div.product div.images img{border:1px solid var(--line);border-radius:12px}
@media (max-width:560px){.woocommerce div.product div.images,.woocommerce div.product div.summary{width:100%;float:none}}

/* footer */
.sc-foot{background:#1b1f24;color:#c9cfd6;margin-top:36px;font-size:14px}
.sc-foot-cols{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:28px;padding-block:40px 28px}
.sc-foot h3{color:#fff;font-size:16px;margin-bottom:12px}
.sc-foot p{margin:0 0 10px;line-height:1.6}
.sc-foot a{display:block;margin:6px 0;color:#c9cfd6}
.sc-foot a:hover{color:#fff}
.sc-foot .sc-big{color:#fff;font-size:18px;font-weight:700}
.sc-social a{display:inline-block;margin-right:14px;text-decoration:underline}
.sc-foot-bottom{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;border-top:1px solid #2e343c;padding-block:16px 90px;font-size:13px;color:#9aa3ad}
.sc-foot-bottom img{height:24px;width:auto}

/* category dropdown (desktop) and panel (mobile) */
.sc-allcat .sc-catlist{display:none;position:absolute;left:0;top:100%;width:298px;margin:0;padding:8px 0;list-style:none;background:#fff;border:1px solid var(--line);border-radius:0 0 12px 12px;box-shadow:0 8px 24px rgba(0,0,0,.08);z-index:20}
.sc-allcat:hover>.sc-catlist,.sc-allcat:focus-within>.sc-catlist{display:block}
.sc-catlist li{position:relative;list-style:none}
.sc-catlist li a{display:block;padding:10px 20px}
.sc-catlist li a:hover{background:var(--tint)}
.sc-allcat .has-kids>a::after{content:"\203A";float:right;color:var(--muted)}
.sc-allcat .sc-catlist ul{display:none;position:absolute;left:100%;top:-8px;min-width:260px;max-height:70vh;overflow:auto;margin:0;padding:8px 0;background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:0 8px 24px rgba(0,0,0,.08)}
.sc-allcat .has-kids:hover>ul,.sc-allcat .has-kids:focus-within>ul{display:block}
.sc-cats-panel{display:none}
.sc-cats-panel:target{display:block;position:fixed;inset:0;background:#fff;z-index:50;overflow:auto;padding:0 16px 90px}
.sc-cats-head{display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;background:#fff;padding:14px 0;border-bottom:1px solid var(--line);font-size:18px}
.sc-cats-head a{font-size:30px;line-height:1;padding:0 8px}
.sc-cats-panel .sc-catlist{margin:0;padding:0}
.sc-cats-panel .sc-catlist>li>a{font-weight:600;padding:12px 0;border-bottom:1px solid var(--line)}
.sc-cats-panel .sc-catlist ul{margin:0;padding:4px 0 8px 12px}
.sc-cats-panel .sc-catlist ul a{padding:8px 0;color:var(--muted)}
.sc-cats-svc{padding:4px 0 14px}
.sc-cats-svc p{margin:16px 0 2px;font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
.sc-cats-svc ul{list-style:none;margin:0;padding:0}
.sc-cats-svc a{display:block;padding:11px 0;border-bottom:1px solid var(--line);font-weight:600;font-size:15px;color:var(--ink)}

/* mobile bottom bar */
.sc-mbar{display:none}

@media (max-width:900px){
  .sc-promos{grid-template-columns:1fr 1fr}
  .sc-gear{grid-template-columns:1fr}
  .sc-gear-pic{min-height:0;aspect-ratio:16/7}
  .sc-gear-pic img{object-position:center 30%}
  .sc-trust .wrap{grid-template-columns:repeat(3,1fr)}
  .sc-main{grid-template-columns:1fr auto}
  .sc-search{grid-column:1/-1;order:3}
  .sc-menu{display:none}
  .sc-tiles,.woocommerce ul.products{grid-template-columns:repeat(2,1fr)}
  .sc-trust .wrap{grid-template-columns:repeat(2,1fr)}
  .sc-hero .wrap{grid-template-columns:1fr;padding-block:28px}
  .sc-foot-cols{grid-template-columns:1fr 1fr}
}
@media (max-width:560px){
  .sc-promos,.sc-b2b2{grid-template-columns:1fr}
  .sc-promo span{max-width:75%}
  .sc-promo.sc-wide{aspect-ratio:16/7}
  .sc-slide{aspect-ratio:4/5;max-height:none}
  .sc-slide img{object-position:72% center}
  .sc-slide::after{background:linear-gradient(0deg,rgba(0,0,0,.8) 0%,rgba(0,0,0,.35) 55%,rgba(0,0,0,0) 80%)}
  .sc-slide-txt{justify-content:flex-end;padding-bottom:44px}
  .sc-trust .wrap{grid-template-columns:1fr 1fr}
  .sc-logo img{max-height:44px}
  .sc-top nav,.sc-top .sc-help{display:none}
  .sc-acts .sc-acct{display:none}
  .sc-nav{display:none}
  .sc-foot-cols{grid-template-columns:1fr}
  .sc-mbar{display:grid;grid-template-columns:repeat(4,1fr);position:fixed;inset:auto 0 0 0;background:#fff;border-top:1px solid var(--line);padding:8px 0 calc(8px + env(safe-area-inset-bottom,0px));text-align:center;font-size:12px;font-weight:500;color:var(--muted);z-index:30}
  .sc-mbar a{padding:6px 0;text-transform:uppercase}
}
@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}

/* ===== v0.5: header, footer, shop and product cards like the old safetycart.in ===== */

/* header */
.sc-help{color:var(--ink)}
.sc-help em{font-style:normal;color:var(--muted)}
.sc-help strong{margin-right:6px}
.sc-search{border-radius:10px}
.sc-search button{color:var(--ink);display:grid;place-items:center}
.sc-acct strong{display:flex;align-items:center;gap:6px;font-weight:600}
.sc-cart{display:flex;align-items:center;gap:10px}
.sc-cart-ico{position:relative;display:inline-block;line-height:0}
.sc-cart-ico .sc-count{position:absolute;top:-6px;right:-8px;margin:0}
.sc-cart-sum small{display:block;font-size:12px;color:var(--ink)}
.sc-cart-sum b{font-size:17px;font-weight:700}
.sc-cart-sum .woocommerce-Price-amount{font-weight:700}

/* product cards (home rows, shop, related) */
.woocommerce ul.products li.product{border:0;padding:0;gap:8px}
.woocommerce ul.products li.product a img{border:1px solid var(--line);border-radius:12px;padding:10px;background:#fff;margin:0 0 6px}
.woocommerce ul.products li.product .woocommerce-loop-product__title{font-size:14.5px;font-weight:500;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:2.7em;padding:0}
.sc-pr{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-top:auto}
.woocommerce ul.products li.product .price{display:flex;flex-direction:column;font-size:15px;line-height:1.35;margin:0}
.woocommerce ul.products li.product .price del{color:var(--muted);font-size:14px;opacity:1}
.woocommerce ul.products li.product .price ins,.woocommerce ul.products li.product .price>.woocommerce-Price-amount{color:var(--red);font-weight:700}
.woocommerce-price-suffix{color:var(--ink);font-weight:400;font-size:14px}
.woocommerce ul.products li.product .button{flex:none;width:44px;height:44px;min-height:44px;padding:0;margin:0;border-radius:50%;background:var(--tint);color:var(--ink);display:grid;place-items:center}
.woocommerce ul.products li.product .button:hover{background:var(--red);color:#fff}
.woocommerce ul.products li.product .button.added{display:none}
.woocommerce ul.products li.product .added_to_cart{font-size:13px;color:var(--red)}
.sc-stock{color:#0a8a3a;font-size:13px;font-weight:600;padding-left:4px}
.sc-stock.out{color:var(--muted)}

/* shop / category pages */
.sc-crumb{font-size:13px;color:var(--muted);margin:14px 0}
.sc-crumb .sep{margin:0 8px}
.sc-arch-title{font-size:22px;margin:4px 0 14px}
.sc-cattiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));border:1px solid var(--line);border-radius:12px;margin-bottom:28px;overflow:hidden}
.sc-cattile{display:flex;flex-direction:column;align-items:center;gap:4px;padding:16px;text-align:center;border-right:1px solid var(--line);border-bottom:1px solid var(--line);margin:0 -1px -1px 0}
.sc-cattile-img{width:100%;aspect-ratio:1;max-width:140px;border:1px solid var(--line);border-radius:10px;display:grid;place-items:center;overflow:hidden;margin-bottom:8px}
.sc-cattile-img img{width:100%;height:100%;object-fit:contain}
.sc-cattile b{font-size:14.5px;font-weight:600}
.sc-cattile small{color:var(--muted);font-size:12.5px}
.sc-shop{display:grid;grid-template-columns:240px 1fr;gap:36px;align-items:start}
.sc-shop-main{min-width:0}
.sc-filters h3{font-size:15px;margin:0 0 12px}
.sc-filters form,.sc-filters ul{margin:0 0 28px}
.sc-filters input,.sc-filters select{width:100%;border:1px solid var(--line);border-radius:8px;padding:10px 12px;font:inherit;background:#fff;margin-bottom:8px}
.sc-filters select{background:var(--tint)}
.sc-filters .btn{min-height:40px;padding:8px 16px;font-size:14px}
.sc-f-price{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.sc-f-price input{margin:0}
.sc-f-price .btn{grid-column:1/-1}
.sc-f-cats{list-style:none;padding:0}
.sc-f-cats a{display:flex;align-items:center;gap:10px;padding:5px 0;font-size:14px}
.sc-f-cats a::before{content:"";width:16px;height:16px;border:1.5px solid #cfd4da;border-radius:4px;flex:none}
.sc-f-cats a[aria-current]::before{background:var(--red);border-color:var(--red)}
.sc-filters-head{display:none}
.sc-toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;background:var(--tint);border-radius:12px;padding:12px 20px;margin-bottom:20px;font-size:14px}
.sc-toolbar .woocommerce-result-count,.sc-toolbar .woocommerce-ordering{margin:0;float:none}
.sc-tools{display:flex;align-items:center;gap:16px;flex-wrap:wrap}
.sc-toolbar select{border:0;background:transparent;font:500 14px var(--font);padding:4px}
.sc-perpage{margin:0}
.sc-filter-btn{display:none}
.woocommerce nav.woocommerce-pagination ul{border:0;display:flex;gap:6px;justify-content:center}
.woocommerce nav.woocommerce-pagination ul li{border:0}
.woocommerce nav.woocommerce-pagination ul li a,.woocommerce nav.woocommerce-pagination ul li span{border:1px solid var(--line);border-radius:8px;min-width:38px;padding:8px}
.woocommerce nav.woocommerce-pagination ul li span.current{background:var(--red);color:#fff;border-color:var(--red)}

/* footer (light, like the old site) */
.sc-foot{background:#f7f7f8;color:var(--ink);border-top:6px solid var(--red);margin-top:48px;padding:0}
.sc-foot .sc-trust{background:transparent;border:0;border-bottom:1px solid var(--line)}
.sc-foot .sc-trust .wrap{display:grid;grid-template-columns:repeat(5,1fr);gap:0;padding-block:40px}
.sc-foot .sc-trust .wrap>div{padding:0 26px;border-left:1px solid var(--line)}
.sc-foot .sc-trust .wrap>div:first-child{border-left:0;padding-left:0}
.sc-foot .sc-trust svg{display:block;margin-bottom:16px}
.sc-foot .sc-trust b{display:block;font-size:16px;margin-bottom:8px}
.sc-foot .sc-trust span{color:var(--ink);font-size:14px;line-height:1.6}
.sc-foot-cols{grid-template-columns:1.3fr 1.2fr 1fr 1fr;padding-block:48px 36px}
.sc-foot-about{padding-right:40px;border-right:1px solid var(--line)}
.sc-foot-logo{max-height:64px;width:auto;margin-bottom:14px}
.sc-foot h3{color:var(--ink);font-size:18px;margin-bottom:16px}
.sc-foot p{color:var(--muted);font-size:15px}
.sc-foot a{display:flex;align-items:flex-start;gap:12px;margin:0 0 12px;color:var(--ink);font-size:15.5px}
.sc-foot a svg{flex:none;margin-top:2px}
.sc-foot a:hover{color:var(--red)}
.sc-foot .sc-big{color:var(--ink);font-size:30px;font-weight:700;margin-bottom:16px}
.sc-foot .sc-red{color:var(--red);font-weight:500}
.sc-foot-bottom{border-top:1px solid var(--line);color:var(--ink);padding-block:18px 24px;font-size:14px}
.sc-foot-bottom img{height:26px}
.sc-totop{position:fixed;right:18px;bottom:18px;z-index:40;width:52px;height:52px;border-radius:50%;background:#fff;box-shadow:0 4px 14px rgba(0,0,0,.15);display:grid;place-items:center;color:var(--ink)}

@media (max-width:1099px){
  .sc-foot .sc-trust .wrap{grid-template-columns:repeat(3,1fr);row-gap:28px}
  .sc-foot .sc-trust .wrap>div:nth-child(4){border-left:0;padding-left:0}
}
@media (max-width:900px){
  .sc-foot-cols{grid-template-columns:1fr 1fr}
  .sc-foot-about{border-right:0;padding-right:0}
  .sc-shop{grid-template-columns:1fr}
  .sc-filters{display:none}
  .sc-filters:target{display:block;position:fixed;inset:0;background:#fff;z-index:60;overflow:auto;padding:0 16px 90px}
  .sc-filters-head{display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;background:#fff;padding:14px 0;margin-bottom:12px;border-bottom:1px solid var(--line);font-size:18px}
  .sc-filters-head a{font-size:30px;line-height:1;padding:0 8px}
  .sc-filter-btn{display:inline-flex;align-items:center;gap:8px;font-weight:600}
  .sc-filter-btn::before{content:"";width:18px;height:12px;background:linear-gradient(var(--ink) 0 0) top/100% 2px no-repeat,linear-gradient(var(--ink) 0 0) center/70% 2px no-repeat,linear-gradient(var(--ink) 0 0) bottom/40% 2px no-repeat}
  .sc-toolbar .woocommerce-result-count,.sc-perpage{display:none}
}
@media (max-width:560px){
  .sc-top{display:none}
  .sc-main{gap:12px}
  .sc-cart-sum{display:none}
  .sc-foot .sc-trust .wrap{grid-template-columns:1fr 1fr;padding-block:28px}
  .sc-foot .sc-trust .wrap>div{padding:0 12px;border-left:0}
  .sc-foot .sc-trust .wrap>div:nth-child(odd){padding-left:0}
  .sc-foot-cols{grid-template-columns:1fr;padding-block:32px 20px}
  .sc-foot .sc-big{font-size:24px}
  .sc-foot-bottom{padding-bottom:90px}
  .sc-totop{display:none}
  .sc-cattiles{grid-template-columns:1fr 1fr}
  .woocommerce ul.products li.product .button{width:40px;height:40px;min-height:40px}
}

.woocommerce ul.products li.product .button.sc-enquiry{width:auto;border-radius:8px;padding:0 14px;font-size:13px;background:var(--red);color:#fff}
.sc-ondemand{color:var(--muted);font-weight:500;font-size:14px}
.woocommerce ul.products li.product .price .woocommerce-price-suffix{font-size:13px;color:var(--ink);font-weight:400}

/* three-level category flyouts (no scroll box, so the third level is not clipped) */
.sc-allcat .sc-catlist ul,.sc-homecats .sc-catlist ul{max-height:none;overflow:visible}
.sc-allcat .sc-catlist ul ul,.sc-homecats .sc-catlist ul ul{display:none;left:100%;top:-9px}
.sc-allcat .sc-catlist ul .has-kids:hover>ul,.sc-allcat .sc-catlist ul .has-kids:focus-within>ul,
.sc-homecats .sc-catlist ul .has-kids:hover>ul,.sc-homecats .sc-catlist ul .has-kids:focus-within>ul{display:block}
.sc-allcat .sc-catlist ul .has-kids>a::after,.sc-homecats .sc-catlist ul .has-kids>a::after{content:"\203A";float:right;margin-left:14px;color:var(--muted)}
.sc-cats-panel .sc-catlist ul ul{padding-left:14px}
.sc-cats-panel .sc-catlist ul ul a{font-size:14px}
.sc-cart .sc-cart-sum b{background:none;color:var(--ink);border-radius:0;min-width:0;height:auto;display:block;margin:0}
/* homepage category column from 900px (old site shows it on smaller laptops too) */
@media (min-width:900px) and (max-width:1099px){
  .sc-homehero>.wrap{grid-template-columns:240px 1fr;gap:20px;padding-inline:16px}
  .sc-homecats{display:block}
  .home .sc-allcat>.sc-catlist{display:none!important}
  .sc-homehero .sc-slider{margin-top:20px;border-radius:14px}
  .sc-homecats .sc-catlist li a{padding:10px 16px;font-size:14.5px}
}
.sc-menu>li>a{white-space:nowrap}
@media (max-width:1199px){
  .sc-nav .wrap{gap:18px}
  .sc-menu{gap:16px}
  .sc-menu>li>a{font-size:14.5px}
}
@media (min-width:900px) and (max-width:1099px){
  .sc-allcat>button{min-width:240px}
}

@media (max-width:560px){
  .sc-pr:has(.sc-enquiry){flex-direction:column;align-items:flex-start}
  .woocommerce ul.products li.product .button.sc-enquiry{width:100%;height:40px;min-height:40px}
}

/* Brand Store page */
.sc-bp-hero{position:relative;overflow:hidden;border-radius:16px;background:#141414;color:#fff;min-height:276px;display:flex;align-items:center;margin-bottom:24px}
.sc-bp-hero-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:right center}
.sc-bp-hero::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.78) 0%,rgba(0,0,0,.55) 40%,rgba(0,0,0,0) 70%)}
.sc-bp-hero-txt{position:relative;z-index:1;padding:32px 30px;max-width:620px}
.sc-bp-tag{display:inline-block;background:var(--red);color:#fff;font-size:13px;font-weight:600;padding:3px 9px;border-radius:12px;margin-bottom:10px}
.sc-bp-hero h1{font-size:clamp(28px,4vw,46px);margin:0 0 8px;line-height:1.1}
.sc-bp-hero p{max-width:48ch;margin:0 0 20px;opacity:.92}
.sc-bp-search{position:relative;z-index:1;display:flex;align-items:center;gap:10px;max-width:460px;background:#fff;color:var(--muted);border-radius:12px;padding:0 16px;box-shadow:0 8px 24px rgba(0,0,0,.12)}
.sc-bp-search input{flex:1;min-width:0;border:0;padding:14px 0;font:inherit;color:var(--ink);background:transparent}
.sc-bp-search input:focus{outline:none}
.sc-bp-search:focus-within{outline:3px solid rgba(255,255,255,.6)}
.sc-brandpage .sc-crumb{margin:14px 0}
.sc-az{position:sticky;top:0;z-index:5;background:#fff;display:flex;flex-wrap:wrap;gap:6px;padding-block:10px;margin:0 0 8px;border-bottom:1px solid var(--line)}
.sc-az a{min-width:36px;height:36px;display:grid;place-items:center;border:1px solid var(--line);border-radius:8px;font-weight:600;font-size:14px}
.sc-az a:hover{background:var(--red);color:#fff;border-color:var(--red)}
.sc-bp-group{padding-top:20px;scroll-margin-top:70px}
.sc-bp-group h2{display:flex;align-items:center;gap:12px;font-size:22px;color:var(--red);margin:0 0 14px}
.sc-bp-group h2::after{content:"";flex:1;height:1px;background:var(--line)}
.sc-brands{display:grid;grid-template-columns:repeat(5,1fr);gap:16px}
.sc-brand{scroll-margin-top:70px;position:relative;display:flex;flex-direction:column;border:1px solid var(--line);border-radius:14px;background:#fff;overflow:hidden;transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease}
.sc-brand:hover{transform:translateY(-3px);box-shadow:0 10px 24px rgba(0,0,0,.08);border-color:var(--red);color:inherit}
.sc-brand-logo{display:grid;place-items:center;height:124px;padding:14px 18px;background:#fff;border-bottom:1px solid var(--line)}
.sc-brand-logo img{max-height:92px;max-width:100%;width:auto;height:auto;object-fit:contain}
.sc-brand-logo em{font-style:normal;font-weight:700;color:var(--muted);font-size:16px}
.sc-brand-meta{display:flex;flex-direction:column;gap:2px;padding:12px 14px 14px}
.sc-brand-meta b{font-size:15px}
.sc-brand-meta small{color:var(--muted);font-size:12.5px}
.sc-brand-go{position:absolute;right:12px;bottom:14px;font-size:13px;font-weight:600;color:var(--red);opacity:0;transform:translateX(-4px);transition:opacity .15s ease,transform .15s ease}
.sc-brand:hover .sc-brand-go,.sc-brand:focus-visible .sc-brand-go{opacity:1;transform:none}
.sc-bp-empty{padding:24px;text-align:center;color:var(--muted)}
.sc-bp-cta{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap;margin:44px 0 8px;padding:28px 30px;border-radius:16px;background:var(--tint);border:1px solid var(--line)}
.sc-bp-cta h2{font-size:22px;margin:0 0 6px}
.sc-bp-cta p{margin:0;color:var(--muted)}
.sc-bp-cta-btns{display:flex;gap:10px;flex-wrap:wrap}
.sc-btn-wa{background:#25d366}
.sc-btn-wa:hover{background:#1ebe5a}
@media (max-width:1099px){.sc-brands{grid-template-columns:repeat(4,1fr)}}
@media (max-width:900px){.sc-brands{grid-template-columns:repeat(3,1fr)}}
@media (max-width:560px){
  .sc-brands{grid-template-columns:repeat(2,1fr);gap:12px}
  .sc-bp-hero{min-height:0;border-radius:12px}
  .sc-bp-hero-img{object-position:75% center}
  .sc-bp-hero::after{background:linear-gradient(0deg,rgba(0,0,0,.85) 10%,rgba(0,0,0,.45) 70%,rgba(0,0,0,.25))}
  .sc-bp-hero-txt{padding:90px 18px 20px}
  .sc-brand-go{display:none}
  .sc-bp-cta{padding:22px}
}
@media (prefers-reduced-motion:reduce){.sc-brand,.sc-brand-go{transition:none}}

.sc-trust-ico{display:block;height:56px;margin-bottom:18px}
.sc-trust-ico svg{height:56px;width:auto}
@media (max-width:560px){.sc-trust-ico,.sc-trust-ico svg{height:44px}}

.sc-az+.sc-brands{margin-top:20px}
@media (max-width:560px){.sc-brand-logo{height:96px}.sc-brand-logo img{max-height:70px}}

/* product page: brand, variation buttons, enquiry box */
.sc-card-brand{display:block;font-size:11.5px;letter-spacing:.6px;text-transform:uppercase;color:var(--muted);font-weight:600;margin-bottom:2px}
.sc-pd-brand{display:inline-block;font-size:14px;color:var(--muted);margin-bottom:6px}
.sc-pd-brand b{color:var(--red)}
.sc-hidden-select{position:absolute!important;width:1px!important;height:1px!important;opacity:0;pointer-events:none}
.woocommerce div.product form.cart .variations{border:0;margin-bottom:12px}
.woocommerce div.product form.cart .variations th,.woocommerce div.product form.cart .variations td{display:block;padding:0;text-align:left;line-height:1.4}
.woocommerce div.product form.cart .variations th label{font-weight:600;font-size:14px}
.woocommerce div.product form.cart .variations tr{display:block;margin-bottom:14px}
.sc-vbtns{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}
.sc-vbtn{min-width:56px;min-height:40px;padding:6px 14px;border:1.5px solid var(--line);border-radius:8px;background:#fff;font:500 14px var(--font);color:var(--ink);cursor:pointer}
.sc-vbtn:hover{border-color:var(--ink)}
.sc-vbtn.is-active{border-color:var(--red);background:#fff4f4;color:var(--red);box-shadow:inset 0 0 0 1px var(--red)}
.sc-vbtn.is-off{opacity:.4;text-decoration:line-through;cursor:not-allowed}
.sc-vbtn.is-colour{min-width:40px;width:40px;padding:4px;border-radius:50%}
.sc-swatch{display:block;width:100%;height:100%;min-height:28px;border-radius:50%;border:1px solid rgba(0,0,0,.15)}
.woocommerce div.product form.cart .reset_variations{font-size:13px;color:var(--muted);margin-left:4px}
.woocommerce div.product .woocommerce-variation-price .price{color:var(--red);font-size:22px;font-weight:700}
.sc-enquiry-box{border:1px solid var(--line);border-radius:12px;padding:16px;margin:12px 0 18px;background:var(--tint)}
.sc-enquiry-box p{margin:0 0 8px}
.sc-enquiry-box .btn{margin:6px 6px 0 0}
.woocommerce div.product .woocommerce-tabs .panel h2{font-size:19px;margin-top:18px}

/* ===== New product page (preview ?pd=new) ===== */
.sc-pd-new{--font:"Plus Jakarta Sans",system-ui,-apple-system,"Segoe UI",Arial,sans-serif;--soft:#f6f7f9}
.sc-pd-new body,.sc-pd-new{font-family:var(--font)}
.sc-pd-new .btn,.sc-pd-new button,.sc-pd-new input,.sc-pd-new select,.sc-pd-new textarea{font-family:var(--font)}
.sc-pd{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:48px;align-items:start;margin:8px 0 48px}
.sc-pd-gallery{position:sticky;top:16px}
.sc-pd-main{margin:0;background:#fff;border:1px solid var(--line);border-radius:20px;aspect-ratio:1;display:grid;place-items:center;overflow:hidden;padding:28px}
.sc-pd-main img{max-height:100%;width:auto;object-fit:contain}
.sc-pd-thumbs{display:flex;gap:10px;margin-top:12px;overflow-x:auto;padding-bottom:4px}
.sc-pd-thumb{flex:none;width:76px;height:76px;border:1.5px solid var(--line);border-radius:12px;background:#fff;padding:6px;cursor:pointer}
.sc-pd-thumb img{width:100%;height:100%;object-fit:contain}
.sc-pd-thumb.is-active{border-color:var(--red)}
.sc-pd-brandchip{display:inline-flex;align-items:center;gap:10px;border:1px solid var(--line);border-radius:999px;padding:5px 14px 5px 6px;font-size:13px;font-weight:600;color:var(--ink)}
.sc-pd-brandchip img{width:46px;height:26px;object-fit:contain;border-radius:4px;background:#fff}
.sc-pd-title{font-size:clamp(26px,3vw,36px);line-height:1.15;font-weight:800;letter-spacing:-.4px;margin:14px 0 10px}
.sc-pd-meta{display:flex;flex-wrap:wrap;gap:8px;align-items:center;font-size:14px;color:var(--muted);margin-bottom:14px}
.sc-pd-meta a{color:var(--muted);text-decoration:underline;text-underline-offset:3px}
.sc-pd-stock{color:#0a8a3a;font-weight:600}
.sc-pd-stock.out{color:var(--muted)}
.sc-pd-short{color:#3d4652;font-size:15.5px;line-height:1.65;padding-bottom:18px;border-bottom:1px solid var(--line);margin-bottom:20px}
.sc-pd-short p{margin:0}
.sc-pd-opt{margin-bottom:18px}
.sc-pd-opt-h{display:block;font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.7px;color:var(--muted);margin-bottom:10px}
.sc-pd-opt-val{color:var(--ink);text-transform:none;letter-spacing:0;font-weight:700}
.sc-pd-btns{display:flex;flex-wrap:wrap;gap:8px}
.sc-pd-btn{min-width:64px;min-height:44px;padding:8px 16px;border:1.5px solid var(--line);border-radius:12px;background:#fff;font-weight:600;font-size:14.5px;color:var(--ink);cursor:pointer;transition:border-color .15s,background .15s}
.sc-pd-btn:hover{border-color:var(--ink)}
.sc-pd-btn.is-active{border-color:var(--ink);background:var(--ink);color:#fff}
.sc-pd-btn.is-off{opacity:.35;text-decoration:line-through}
.sc-pd-qty{margin:6px 0 22px}
.sc-pd-stepper{display:inline-flex;align-items:center;border:1.5px solid var(--line);border-radius:12px;overflow:hidden}
.sc-pd-stepper button{width:44px;height:44px;border:0;background:var(--soft);font-size:20px;cursor:pointer}
.sc-pd-stepper input{width:64px;height:44px;border:0;text-align:center;font-weight:700;font-size:16px;-moz-appearance:textfield}
.sc-pd-stepper input::-webkit-inner-spin-button{-webkit-appearance:none}
.sc-pd-actions{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.sc-pd-wa,.sc-pd-quote{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:54px;border-radius:14px;font-weight:700;font-size:16px;cursor:pointer;border:0}
.sc-pd-wa{background:#1fae54;color:#fff}
.sc-pd-wa:hover{background:#179647;color:#fff}
.sc-pd-quote{background:var(--red);color:#fff}
.sc-pd-quote:hover{background:var(--red-dark)}
.sc-pd-hint{font-size:13.5px;color:var(--muted);margin:10px 0 22px}
.sc-pd-assure{list-style:none;margin:0 0 16px;padding:16px;display:grid;grid-template-columns:1fr 1fr;gap:14px;background:var(--soft);border-radius:16px}
.sc-pd-assure li{display:flex;flex-direction:column;gap:2px;padding-left:28px;position:relative;font-size:13px;color:var(--muted)}
.sc-pd-assure li::before{content:"";position:absolute;left:0;top:2px;width:18px;height:18px;border-radius:50%;background:var(--red) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6 12.5l4 4 8-9' fill='none' stroke='white' stroke-width='3'/%3E%3C/svg%3E") center/12px no-repeat}
.sc-pd-assure b{color:var(--ink);font-size:14px}
.sc-pd-call{font-size:14px;color:var(--muted)}
.sc-pd-body{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:48px;align-items:start;border-top:1px solid var(--line);padding-top:36px;margin-bottom:44px}
.sc-pd-desc{font-size:16px;line-height:1.75;color:#2f3742;max-width:72ch}
.sc-pd-desc h2{font-size:22px;font-weight:800;color:var(--ink);margin:28px 0 10px;letter-spacing:-.2px}
.sc-pd-desc h2:first-child{margin-top:0}
.sc-pd-desc h3{font-size:18px;margin:20px 0 8px}
.sc-pd-desc a{color:var(--red);text-decoration:underline;text-underline-offset:3px}
.sc-pd-desc ul{padding-left:20px}
.sc-pd-desc li{margin:4px 0}
.sc-pd-table{position:sticky;top:16px;border:1px solid var(--line);border-radius:16px;padding:20px;overflow-x:auto}
.sc-pd-table h2{font-size:18px;margin:0 0 12px}
.sc-pd-table table{width:100%;border-collapse:collapse;font-size:14px}
.sc-pd-table th,.sc-pd-table td{text-align:left;padding:9px 8px;border-bottom:1px solid var(--line)}
.sc-pd-table th{font-size:12px;text-transform:uppercase;letter-spacing:.6px;color:var(--muted)}
.sc-pd-new .related>h2{font-size:24px;font-weight:800}
.sc-pd-sticky{display:none}
.sc-pd-dialog{border:0;border-radius:20px;padding:0;width:min(520px,calc(100vw - 32px));box-shadow:0 30px 80px rgba(0,0,0,.25)}
.sc-pd-dialog::backdrop{background:rgba(15,20,26,.55)}
.sc-pd-form{padding:24px;display:flex;flex-direction:column;gap:12px}
.sc-pd-dhead{display:flex;justify-content:space-between;align-items:center}
.sc-pd-dhead h2{margin:0;font-size:22px;font-weight:800}
.sc-pd-close{border:0;background:var(--soft);width:36px;height:36px;border-radius:50%;font-size:22px;cursor:pointer}
.sc-pd-dsum{margin:0;padding:10px 12px;background:var(--soft);border-radius:10px;font-size:14px;font-weight:600}
.sc-pd-form label{display:flex;flex-direction:column;gap:6px;font-size:13px;font-weight:600;color:#3d4652;flex:1}
.sc-pd-form input,.sc-pd-form textarea{border:1.5px solid var(--line);border-radius:10px;padding:11px 12px;font-size:15px}
.sc-pd-form input:focus,.sc-pd-form textarea:focus{outline:none;border-color:var(--ink)}
.sc-pd-row{display:flex;gap:12px}
.sc-hp{position:absolute;left:-9999px}
.sc-pd-fmsg{margin:0;font-size:14px;color:#0a8a3a;min-height:1em}
.sc-pd-submit{min-height:50px;border:0;border-radius:12px;background:var(--red);color:#fff;font-weight:700;font-size:16px;cursor:pointer}
.sc-pd-submit:disabled{opacity:.6}
.sc-card-cta{background:#fff!important;color:var(--red)!important;border:1.5px solid var(--red)!important;border-radius:10px!important;width:auto!important;height:auto!important;min-height:40px!important;padding:0 16px!important;font-size:14px!important;margin-top:auto!important}
.sc-card-cta:hover{background:var(--red)!important;color:#fff!important}
@media (max-width:900px){
  .sc-pd{grid-template-columns:1fr;gap:24px}
  .sc-pd-gallery,.sc-pd-table{position:static}
  .sc-pd-body{grid-template-columns:1fr;gap:28px}
  .sc-pd-main{border-radius:16px;padding:18px}
}
@media (max-width:560px){
  .sc-pd-actions{grid-template-columns:1fr}
  .sc-pd-assure{grid-template-columns:1fr}
  .sc-pd-row{flex-direction:column}
  .sc-pd-new .sc-mbar{display:none}
  .sc-pd-new .sc-wa{display:none}
  .sc-pd-sticky{display:grid;grid-template-columns:1fr 1fr;gap:10px;position:fixed;left:0;right:0;bottom:0;z-index:35;background:#fff;padding:10px 16px calc(10px + env(safe-area-inset-bottom,0px));border-top:1px solid var(--line);box-shadow:0 -6px 20px rgba(0,0,0,.06)}
  .sc-pd-sticky .sc-pd-wa,.sc-pd-sticky .sc-pd-quote{min-height:48px;font-size:15px}
  .sc-pd-new .sc-foot-bottom{padding-bottom:96px}
}

.sc-pd>*,.sc-pd-body>*{min-width:0}
.sc-pd-main img{max-width:100%;height:auto}
.sc-hquote{display:inline-flex;align-items:center;min-height:42px;padding:0 18px;border-radius:10px;background:var(--red);color:#fff;font-weight:600}
.sc-hquote:hover{background:var(--red-dark);color:#fff}
@media (max-width:900px){.sc-pd,.sc-pd-body{grid-template-columns:minmax(0,1fr)}}
@media (max-width:560px){.sc-hquote{min-height:38px;padding:0 12px;font-size:14px}}
.sc-pd-new .sc-wa{display:none}

/* product page: price block and smaller photo so options and buttons sit on the first screen */
.sc-pd{grid-template-columns:minmax(0,.9fr) minmax(0,1fr)}
.sc-pd-main{aspect-ratio:auto;height:min(480px,62vh);padding:22px}
.sc-pd-main img{max-height:100%;width:auto}
.sc-pd-thumb{width:64px;height:64px}
.sc-pd-title{font-size:clamp(24px,2.6vw,32px);margin:12px 0 8px}
.sc-pd-price{display:flex;align-items:baseline;flex-wrap:wrap;gap:8px;margin:2px 0 4px}
.sc-pd-price-l{font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.6px;color:var(--muted)}
.sc-pd-price-v{font-size:28px;font-weight:800;color:var(--ink);letter-spacing:-.3px}
.sc-pd-price-v .woocommerce-Price-amount{font-weight:800}
.sc-pd-price-r{color:var(--muted);font-size:16px}
.sc-pd-price-r:empty{display:none}
.sc-pd-price-t{font-size:13.5px;color:var(--muted)}
.sc-pd-bulk{font-size:14px;color:var(--muted);margin:0 0 14px}
.sc-linkbtn{background:none!important;border:0;padding:0;min-height:0!important;color:var(--red)!important;font-weight:700!important;font-size:14px!important;text-decoration:underline;text-underline-offset:3px;cursor:pointer;display:inline!important}
.sc-pd-short{font-size:15px;padding-bottom:14px;margin-bottom:16px}
.sc-pd-opt{margin-bottom:14px}
.sc-pd-qty{margin:4px 0 18px}
@media (max-width:900px){.sc-pd-main{height:min(380px,52vh)}}
@media (max-width:560px){.sc-pd-main{height:300px}.sc-pd-price-v{font-size:24px}}

/* tighter right column: options and buttons on the first laptop screen */
.sc-pd{margin-top:0}
.sc-pd-brandchip{padding:3px 12px 3px 4px}
.sc-pd-title{margin:10px 0 6px}
.sc-pd-meta{margin-bottom:8px}
.sc-pd-bulk{margin-bottom:16px;padding-bottom:16px;border-bottom:1px solid var(--line)}
.sc-pd-opt-h{margin-bottom:8px}
.sc-pd-btn{min-height:42px}
.sc-pd-qty{display:flex;align-items:center;gap:14px;margin:4px 0 16px}
.sc-pd-qty .sc-pd-opt-h{margin:0}
.sc-pd-short{border-bottom:0;border-top:1px solid var(--line);padding:16px 0 0;margin:0 0 16px}
.sc-pd-hint{margin:10px 0 0}
/* catalog buttons on cards never push the card wider */
.sc-pr{flex-wrap:wrap}
.sc-card-cta{width:100%!important;justify-content:center;text-align:center;display:inline-flex!important;align-items:center}
@media (max-width:900px){.sc-pd{grid-template-columns:minmax(0,1fr);gap:20px}}
.sc-pd-main{display:flex;align-items:center;justify-content:center}
.sc-pd-main img{max-height:100%;max-width:100%;width:auto;height:auto;object-fit:contain}
@media (min-width:561px) and (max-width:900px){
  .sc-pd-sticky{display:grid;grid-template-columns:1fr 1fr;gap:12px;position:fixed;left:0;right:0;bottom:0;z-index:35;background:#fff;padding:12px 16px calc(12px + env(safe-area-inset-bottom,0px));border-top:1px solid var(--line);box-shadow:0 -6px 20px rgba(0,0,0,.06)}
  .sc-pd-new .sc-totop{bottom:86px}
  .sc-pd-new .sc-foot-bottom{padding-bottom:96px}
}

.sc-pd-price-l{display:block;width:100%;text-transform:none;letter-spacing:0;font-size:14px;color:var(--muted);font-weight:600;margin-bottom:-2px}

/* ===== product page polish (0.10) ===== */
.sc-pd-chips{list-style:none;margin:0 0 16px;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.sc-pd-chips li{font-size:13.5px;font-weight:600;background:var(--soft);border-radius:999px;padding:6px 12px;color:var(--ink)}
.sc-pd-chips li span{color:var(--muted);font-weight:500;margin-right:6px}
.sc-pd-pricecard{background:linear-gradient(180deg,#fff7f6,#fff);border:1px solid #f6d9d6;border-radius:16px;padding:14px 18px;margin:0 0 20px}
.sc-pd-pricecard .sc-pd-bulk{margin:4px 0 0;padding:0;border:0}
.sc-pd-btn{position:relative;background:#fff;color:var(--ink);border:1.5px solid var(--line)}
.sc-pd-btn i{display:none}
.sc-pd-btn.is-active{background:#fff;color:var(--red);border-color:var(--red);box-shadow:0 0 0 1px var(--red) inset;padding-right:30px}
.sc-pd-btn.is-active i{display:block;position:absolute;right:9px;top:50%;width:14px;height:14px;margin-top:-7px;border-radius:50%;background:var(--red) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6 12.5l4 4 8-9' fill='none' stroke='white' stroke-width='3.2'/%3E%3C/svg%3E") center/10px no-repeat}
.sc-pd-assure{grid-template-columns:1fr 1fr;gap:16px;background:#fff;border:1px solid var(--line);padding:18px}
.sc-pd-assure li{flex-direction:row;align-items:flex-start;gap:12px;padding-left:0}
.sc-pd-assure li::before{display:none}
.sc-pd-ai{flex:none;width:36px;height:36px;display:grid;place-items:center;background:#fff4f3;border-radius:10px}
.sc-pd-ai svg{width:22px;height:22px}
.sc-pd-assure li>span:last-child{display:flex;flex-direction:column;gap:1px}
.sc-pd-tabs{position:sticky;top:0;z-index:20;display:flex;gap:6px;overflow-x:auto;background:rgba(255,255,255,.96);backdrop-filter:blur(6px);border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:10px 0;margin-bottom:32px}
.sc-pd-tabs a{flex:none;padding:8px 14px;border-radius:999px;font-size:14px;font-weight:600;color:#3d4652}
.sc-pd-tabs a:hover{background:var(--soft);color:var(--ink)}
.sc-pd-body{border-top:0;padding-top:0}
.sc-pd-desc,.sc-pd-table,.sc-pd-faq{scroll-margin-top:70px}
.sc-pd-desc h2:first-child{margin-top:0}
.sc-pd-table-note{font-size:13px;color:var(--muted);margin:-6px 0 12px}
.sc-pd-tbtn{display:inline-block;padding:5px 10px;border-radius:8px;background:#e9f8ef;color:#13804a;font-weight:700;font-size:12.5px;white-space:nowrap}
.sc-pd-tbtn:hover{background:#1fae54;color:#fff}
.sc-pd-faq{max-width:860px;margin:0 0 48px}
.sc-pd-faq h2{font-size:24px;font-weight:800;margin:0 0 16px}
.sc-pd-faq details{border:1px solid var(--line);border-radius:14px;margin-bottom:10px;background:#fff}
.sc-pd-faq summary{cursor:pointer;list-style:none;padding:16px 48px 16px 18px;font-weight:700;font-size:16px;position:relative}
.sc-pd-faq summary::-webkit-details-marker{display:none}
.sc-pd-faq summary::after{content:"+";position:absolute;right:18px;top:50%;transform:translateY(-50%);font-size:22px;color:var(--red)}
.sc-pd-faq details[open] summary::after{content:"\2212"}
.sc-pd-faq details>div{padding:0 18px 16px;color:#3d4652;line-height:1.7}
.sc-pd-faq details>div p{margin:0}
@media (max-width:560px){.sc-pd-assure{grid-template-columns:1fr}.sc-pd-tabs{top:0;margin-bottom:22px}}

.sc-pd-dprod{display:flex;gap:14px;align-items:center;padding:12px;border:1px solid var(--line);border-radius:14px;background:var(--soft)}
.sc-pd-dimg{width:64px;height:64px;object-fit:contain;background:#fff;border-radius:10px;flex:none}
.sc-pd-dname{display:block;font-size:15.5px;line-height:1.3}
.sc-pd-dopt{display:block;font-size:14px;color:var(--red);font-weight:600;margin-top:2px}
.sc-pd-dqty{display:flex;align-items:center;justify-content:space-between;gap:12px}
.sc-pd-dqty label{font-size:13px;font-weight:600;color:#3d4652}
.sc-pd-form .sc-pd-stepper input{border:0;border-radius:0;padding:0}
.sc-pd-dsum{display:none}

/* ===== product page 0.11: fire classes, size guide, dispatch, bulk, datasheet, specs, add-ons, photo zoom ===== */
.sc-pd-pricecard{background:#fff;border:1px solid var(--line);border-left:4px solid var(--red);border-radius:12px;padding:12px 16px;margin:0 0 18px}
.sc-pd-main{position:relative;cursor:zoom-in}
.sc-pd-zoom{position:absolute;right:12px;bottom:12px;width:40px;height:40px;border-radius:50%;border:1px solid var(--line);background:#fff;color:var(--ink);display:grid;place-items:center;cursor:pointer;padding:0;box-shadow:0 2px 8px rgba(0,0,0,.06)}
.sc-pd-zoom:hover{color:var(--red);border-color:var(--red)}
.sc-pd-classes{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:0 0 18px}
.sc-pd-classes .sc-pd-opt-h{margin:0}
.sc-pd-classes ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px 16px}
.sc-pd-classes li{display:flex;align-items:center;gap:8px;font-size:12.5px;color:var(--muted);line-height:1.25}
.sc-pd-classes li strong{display:block;color:var(--ink);font-size:13.5px}
.sc-fc{flex:none;width:30px;height:30px;border-radius:8px;display:grid;place-items:center;color:#fff;font-weight:800;font-size:15px}
.sc-fc-a{background:#2e9e4f}.sc-fc-b{background:#e03434}.sc-fc-c{background:#2f6fdb}.sc-fc-d{background:#b98a12}.sc-fc-k{background:#333}
.sc-pd-guide{margin:10px 0 0;font-size:14px}
.sc-pd-guide summary{cursor:pointer;display:inline-flex;align-items:center;gap:6px;color:var(--red);font-weight:600;list-style:none}
.sc-pd-guide summary::-webkit-details-marker{display:none}
.sc-pd-guide summary::after{content:"";width:7px;height:7px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg) translateY(-2px)}
.sc-pd-guide[open] summary::after{transform:rotate(-135deg) translateY(-1px)}
.sc-pd-guide table{width:100%;border-collapse:collapse;margin:10px 0 8px;background:var(--soft);border-radius:12px;overflow:hidden}
.sc-pd-guide th,.sc-pd-guide td{padding:8px 12px;text-align:left;border-bottom:1px solid #fff;vertical-align:top}
.sc-pd-guide th{white-space:nowrap;width:1%;font-weight:700}
.sc-pd-guide td{color:#3d4652}
.sc-pd-guide p{margin:0;color:var(--muted);font-size:13px}
.sc-pd-ship{display:flex;align-items:center;gap:8px;margin:12px 0 0;font-size:14px;color:#3d4652}
.sc-pd-ship svg{color:#13804a;flex:none}
.sc-pd-ship b{color:#13804a}
.sc-pd-bulkstrip{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:14px 0 0;padding:12px 14px;border:1px dashed #f0b9b4;background:#fffaf9;border-radius:12px}
.sc-pd-bulkstrip span{display:flex;flex-direction:column;font-size:13px;color:var(--muted)}
.sc-pd-bulkstrip b{color:var(--ink);font-size:14px}
.sc-pd-bulkstrip button{flex:none;min-height:38px;padding:0 14px;border-radius:10px;border:1.5px solid var(--red);background:#fff;color:var(--red);font-weight:700;cursor:pointer;font-size:14px}
.sc-pd-bulkstrip button:hover{background:var(--red);color:#fff}
.sc-pd-sheet{display:flex;align-items:center;gap:12px;margin:12px 0 0;padding:10px 14px;border:1px solid var(--line);border-radius:12px;color:var(--ink)}
.sc-pd-sheet svg{color:var(--red);flex:none}
.sc-pd-sheet span{display:flex;flex-direction:column;font-size:12.5px;color:var(--muted)}
.sc-pd-sheet b{font-size:14px;color:var(--ink)}
.sc-pd-sheet:hover{border-color:var(--red)}
.sc-pd-short{margin-top:16px}
.sc-pd-specs{margin:0 0 48px;scroll-margin-top:70px}
.sc-pd-specs-h{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 14px}
.sc-pd-specs h2{font-size:24px;font-weight:800;margin:0}
.sc-pd-specs-scroll{overflow-x:auto;border:1px solid var(--line);border-radius:14px}
.sc-pd-specs table{width:100%;border-collapse:collapse;font-size:14px;min-width:520px}
.sc-pd-specs th,.sc-pd-specs td{padding:11px 14px;border-bottom:1px solid var(--line);text-align:left}
.sc-pd-specs tr:last-child th,.sc-pd-specs tr:last-child td{border-bottom:0}
.sc-pd-specs thead th{background:var(--soft);font-size:13px;text-transform:uppercase;letter-spacing:.03em;color:var(--muted)}
.sc-pd-specs tbody th{font-weight:600;color:#3d4652;white-space:nowrap;background:#fcfcfd;position:sticky;left:0}
.sc-pd-specs .sc-pd-table-note{margin:10px 0 0}
.sc-pd-addons{margin:0 0 40px}
.sc-pd-addons h2{font-size:24px;font-weight:800;margin:0 0 14px}
.sc-pd-addon-row{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:12px}
.sc-pd-addon{display:flex;align-items:center;gap:12px;padding:10px;border:1px solid var(--line);border-radius:14px;color:var(--ink);background:#fff}
.sc-pd-addon:hover{border-color:var(--red)}
.sc-pd-addon-img{flex:none;width:64px;height:64px;background:#fff;border-radius:10px;display:grid;place-items:center;overflow:hidden}
.sc-pd-addon-img img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain}
.sc-pd-addon-t{display:flex;flex-direction:column;gap:2px;font-size:12.5px;color:var(--muted);line-height:1.35;min-width:0}
.sc-pd-addon-t b{font-size:14px;color:var(--ink)}
.sc-pd-lb{width:100vw;height:100vh;max-width:none;max-height:none;margin:0;padding:0;border:0;background:rgba(10,12,15,.92)}
.sc-pd-lb[open]{display:grid;place-items:center}
.sc-pd-lb::backdrop{background:rgba(10,12,15,.92)}
.sc-pd-lb img{max-width:min(92vw,1100px);max-height:86vh;width:auto;height:auto;object-fit:contain;background:#fff;border-radius:12px}
.sc-pd-lb-x,.sc-pd-lb-nav{position:fixed;border:0;background:rgba(255,255,255,.14);color:#fff;border-radius:50%;width:46px;height:46px;font-size:30px;line-height:1;cursor:pointer;display:grid;place-items:center;padding:0}
.sc-pd-lb-x{top:14px;right:14px}
.sc-pd-lb-nav{top:50%;margin-top:-23px}
.sc-pd-lb-nav.prev{left:14px}.sc-pd-lb-nav.next{right:14px}
.sc-pd-lb.is-single .sc-pd-lb-nav{display:none}
.sc-pd-lb-n{position:fixed;bottom:18px;left:0;right:0;text-align:center;color:#fff;font-size:14px;pointer-events:none}
@media (max-width:560px){
  .sc-pd-bulkstrip{flex-direction:column;align-items:stretch}
  .sc-pd-classes{align-items:flex-start;flex-direction:column;gap:8px}
  .sc-pd-specs h2,.sc-pd-addons h2{font-size:21px}
  .sc-pd-lb-nav{top:auto;bottom:16px;margin:0}
  .sc-pd-lb-n{bottom:28px}
}
.sc-pd-specs td:not([colspan]){white-space:nowrap}

/* ===== product page 0.12: photo area (frame, badges, labelled thumbs, trust under photos, sticky) ===== */
.sc-pd-left{position:sticky;top:16px;min-width:0}
.sc-pd-gallery{position:static;display:grid;grid-template-columns:78px minmax(0,1fr);grid-template-areas:"thumbs main";gap:14px;align-items:start}
.sc-pd-gallery>.sc-pd-main:only-child{grid-column:1/-1}
.sc-pd-main{grid-area:main;background:linear-gradient(160deg,#f6f7f9,#eceef2);border:0;border-radius:20px;padding:46px 26px;height:min(500px,64vh)}
.sc-pd-main img{background:#fff;border-radius:14px;box-shadow:0 10px 30px rgba(20,25,35,.10)}
.sc-pd-badges{position:absolute;inset:12px 12px auto 12px;display:flex;justify-content:space-between;gap:8px;pointer-events:none;z-index:1}
.sc-pd-badge{display:inline-flex;align-items:center;gap:6px;height:28px;padding:0 10px;border-radius:999px;background:#fff;font-size:12.5px;font-weight:700;color:var(--ink);box-shadow:0 2px 8px rgba(0,0,0,.06)}
.sc-pd-badge img{height:16px;width:auto;box-shadow:none;border-radius:0}
.sc-pd-badge-class{color:#fff;background:var(--ink)}
.sc-pd-badge-ship{position:absolute;left:0;top:calc(min(500px,64vh) - 52px);background:#e9f8ef;color:#13804a}
.sc-pd-zoom{bottom:14px;right:14px}
.sc-pd-thumbs{grid-area:thumbs;flex-direction:column;margin:0;padding:0;gap:8px;max-height:min(500px,64vh);overflow-y:auto;overflow-x:hidden;scrollbar-width:thin}
.sc-pd-thumb{width:78px;height:auto;padding:5px 4px 6px;display:flex;flex-direction:column;align-items:center;gap:3px;border-radius:12px;background:#fff}
.sc-pd-thumb-img{width:48px;height:48px;display:block}
.sc-pd-thumb-img img{width:100%;height:100%;object-fit:contain}
.sc-pd-thumb-l{display:flex;flex-direction:column;align-items:center;font-size:10.5px;line-height:1.2;color:var(--muted);white-space:nowrap}
.sc-pd-thumb-l b{font-size:12px;color:var(--ink)}
.sc-pd-thumb.is-active{border-color:var(--red);box-shadow:0 0 0 1px var(--red) inset}
.sc-pd-thumb.is-active .sc-pd-thumb-l b{color:var(--red)}
.sc-pd-trust{margin-top:18px}
.sc-pd-trust .sc-pd-assure{margin:0 0 12px}
.sc-pd-help{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 16px;border-radius:16px;background:#fff7f6;border:1px solid #f6d9d6}
.sc-pd-help-t{display:flex;flex-direction:column;gap:2px;font-size:13px;color:var(--muted)}
.sc-pd-help-t b{font-size:15px;color:var(--ink)}
.sc-pd-help-b{display:flex;gap:8px;flex:none}
.sc-pd-help-b a{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:0 14px;border-radius:10px;font-weight:700;font-size:13.5px;white-space:nowrap}
.sc-pd-help-call{background:#fff;border:1.5px solid var(--red);color:var(--red)}
.sc-pd-help-call:hover{background:var(--red);color:#fff}
.sc-pd-help .sc-pd-help-wa{background:#1fae54;color:#fff;border:0;width:auto}
@media (max-width:1099px){.sc-pd-help{flex-direction:column;align-items:stretch}.sc-pd-help-b a{flex:1}}
@media (max-width:900px){
  .sc-pd-left{display:contents}
  .sc-pd-gallery{order:1;grid-template-columns:minmax(0,1fr);grid-template-areas:"main" "thumbs";gap:10px}
  .sc-pd-info{order:2}
  .sc-pd-trust{order:3;margin-top:0}
  .sc-pd-main{height:min(420px,56vh);padding:44px 18px}
  .sc-pd-badge-ship{top:calc(min(420px,56vh) - 50px)}
  .sc-pd-thumbs{flex-direction:row;max-height:none;overflow-x:auto;overflow-y:hidden;padding-bottom:4px}
  .sc-pd-thumb{flex:none;width:72px}
}
@media (max-width:560px){
  .sc-pd-main{height:330px;padding:44px 14px 40px}
  .sc-pd-badge-ship{top:288px}
  .sc-pd-badge{height:26px;font-size:11.5px;padding:0 9px}
  .sc-pd-thumb{width:66px}
  .sc-pd-thumb-img{width:42px;height:42px}
}
.sc-pd-imgnote{margin:10px 0 0;font-size:12.5px;color:var(--muted);line-height:1.45}
.sc-pd-price-n{margin:6px 0 0;font-size:12.5px;color:var(--muted)}
@media (max-width:900px){.sc-pd-imgnote{order:1;margin:-10px 0 0}}
.sc-pd-thumb-l{white-space:normal;text-align:center;max-width:100%;overflow-wrap:anywhere}

/* ===== product card 0.15: clean photo, brand, title, Starting from price, small pill + WhatsApp icon ===== */
.woocommerce ul.products li.product.sc-card{position:relative;display:flex;flex-direction:column;gap:0;padding:0;border:1px solid var(--line);border-radius:14px;background:#fff;overflow:hidden;transition:box-shadow .2s ease,border-color .2s ease}
.woocommerce ul.products li.product.sc-card:hover{border-color:#dfe3e8;box-shadow:0 10px 26px rgba(20,25,35,.08)}
.sc-card-media{position:relative;display:block;aspect-ratio:1;background:#fff;border-bottom:1px solid #f0f2f4;overflow:hidden}
.woocommerce ul.products li.product.sc-card .sc-card-media img{position:absolute;inset:8%;width:84%;height:84%;object-fit:contain;margin:0;padding:0;border:0;border-radius:0;background:none;box-shadow:none;aspect-ratio:auto;transition:transform .35s ease}
.woocommerce ul.products li.product.sc-card:hover .sc-card-media img{transform:scale(1.05)}
.sc-card-tag{position:absolute;left:10px;bottom:10px;padding:3px 9px;border-radius:999px;background:var(--soft,#f4f5f7);color:#3d4652;font-size:11px;font-weight:600}
.sc-card-body{display:flex;flex-direction:column;flex:1;padding:12px 14px 14px;gap:3px}
.woocommerce ul.products li.product.sc-card .sc-card-brand{margin:0;font-size:10.5px;letter-spacing:.8px;color:var(--red);font-weight:700}
.woocommerce ul.products li.product.sc-card .woocommerce-loop-product__title{margin:0;padding:0;font-size:14.5px;font-weight:600;line-height:1.38;min-height:2.76em;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.woocommerce ul.products li.product.sc-card .woocommerce-loop-product__title a{color:var(--ink)}
.woocommerce ul.products li.product.sc-card .woocommerce-loop-product__title a:hover{color:var(--red)}
.sc-card-price{display:flex;flex-direction:column;margin:8px 0 12px}
.sc-card-price-l{font-size:11.5px;color:var(--muted);font-weight:500;line-height:1.2}
.sc-card-price-v{display:flex;align-items:baseline;gap:5px;font-size:19px;font-weight:800;color:var(--ink);letter-spacing:-.3px;line-height:1.25}
.sc-card-price-v small{font-size:11.5px;font-weight:500;color:var(--muted);letter-spacing:0}
.sc-card-price-v.sc-card-ask{font-size:15px;color:var(--red)}
.sc-card-foot{margin-top:auto;display:flex;align-items:center;justify-content:space-between;gap:8px}
.sc-card-btn{display:inline-flex;align-items:center;gap:5px;height:32px;padding:0 13px;border-radius:999px;background:#fff1f0;color:var(--red);font-weight:700;font-size:12.5px;white-space:nowrap;transition:background .2s ease,color .2s ease}
.sc-card-btn:hover{background:var(--red);color:#fff}
.sc-card-btn svg{transition:transform .2s ease}
.sc-card-btn:hover svg{transform:translateX(2px)}
.sc-card-wa{flex:none;display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:#e9f8ef;color:#1fae54;transition:background .2s ease,color .2s ease}
.sc-card-wa:hover{background:#1fae54;color:#fff}
@media (max-width:560px){
  .sc-card-body{padding:10px 10px 12px}
  .woocommerce ul.products li.product.sc-card .woocommerce-loop-product__title{font-size:13px}
  .sc-card-price-v{font-size:16.5px}
  .sc-card-btn{height:30px;padding:0 10px;font-size:11.5px}
  .sc-card-wa{width:30px;height:30px}
}
@media (prefers-reduced-motion:reduce){.woocommerce ul.products li.product.sc-card,.sc-card-media img,.sc-card-btn svg{transition:none}}
@media (min-width:561px) and (max-width:900px){.woocommerce ul.products{grid-template-columns:repeat(3,1fr)}}

/* ===== New homepage (preview /?home=new) ===== */
.sc-hn-page{--font:"Plus Jakarta Sans",system-ui,-apple-system,"Segoe UI",Arial,sans-serif;--navy:#16243F;--soft:#f5f6f8;font-family:var(--font)}
.sc-hn-page .btn,.sc-hn-page button,.sc-hn-page input,.sc-hn-page select{font-family:var(--font)}
.hn h2{font-size:26px;font-weight:800;letter-spacing:-.4px;margin:0;color:var(--ink)}
.hn-sec{padding:44px 0 0}
.hn-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:18px}
.hn-head p{margin:4px 0 0;color:var(--muted);font-size:14.5px}
.hn-more{flex:none;font-weight:700;font-size:14px;color:var(--red);white-space:nowrap}
.hn-more:hover{text-decoration:underline}
.hn-btn{display:inline-flex;align-items:center;justify-content:center;height:48px;padding:0 22px;border-radius:12px;font-weight:700;font-size:15px;transition:transform .15s ease,background .2s ease}
.hn-btn:hover{transform:translateY(-1px)}
.hn-btn-red{background:var(--red);color:#fff}.hn-btn-red:hover{background:var(--red-dark);color:#fff}
.hn-btn-ghost{background:rgba(255,255,255,.1);color:#fff;border:1px solid rgba(255,255,255,.28)}.hn-btn-ghost:hover{background:rgba(255,255,255,.18);color:#fff}
.hn-btn-wa{background:#1fae54;color:#fff}.hn-btn-wa:hover{background:#178f45;color:#fff}
.hn-btn-ghost-w{background:#fff;color:var(--red)}.hn-btn-ghost-w:hover{color:var(--red-dark)}

.hn-hero{background:radial-gradient(1200px 500px at 85% 20%,rgba(224,52,52,.22),transparent 60%),linear-gradient(135deg,#16243F,#1f3358);color:#fff;padding:56px 0 86px;overflow:hidden}
.hn-hero-in{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:40px;align-items:center}
.hn-eyebrow{display:inline-block;padding:6px 12px;border-radius:999px;background:rgba(255,255,255,.1);font-size:12.5px;font-weight:600;color:#ffd9d6;margin-bottom:16px}
.hn-hero h1{font-size:44px;line-height:1.12;letter-spacing:-1px;font-weight:800;margin:0 0 14px;color:#fff}
.hn-lead{font-size:16.5px;line-height:1.6;color:#c9d2e1;margin:0 0 22px;max-width:560px}
.hn-search{display:flex;gap:8px;background:#fff;border-radius:14px;padding:6px;max-width:580px;box-shadow:0 12px 30px rgba(0,0,0,.18)}
.hn-search input{flex:1;min-width:0;border:0;outline:0;padding:0 12px;font-size:15px;color:var(--ink);background:transparent}
.hn-search button{flex:none;height:44px;padding:0 20px;border:0;border-radius:10px;background:var(--red);color:#fff;font-weight:700;cursor:pointer}
.hn-chips{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:14px 0 26px;font-size:13px;color:#9fb0c9}
.hn-chips a{padding:5px 11px;border-radius:999px;background:rgba(255,255,255,.08);color:#e6ebf3;font-weight:600}
.hn-chips a:hover{background:rgba(255,255,255,.18);color:#fff}
.hn-cta{display:flex;flex-wrap:wrap;gap:12px}
.hn-hero-art{position:relative;height:380px}
.hn-orb{position:absolute;inset:30px 20px 10px 40px;border-radius:50%;background:radial-gradient(circle at 50% 50%,rgba(255,255,255,.14),rgba(255,255,255,.02) 70%)}
.hn-pic{position:absolute;background:#fff;border-radius:22px;box-shadow:0 20px 40px rgba(0,0,0,.28);display:grid;place-items:center;overflow:hidden}
.hn-pic img{width:86%;height:86%;object-fit:contain}
.hn-pic-1{width:230px;height:280px;left:50%;top:20px;transform:translateX(-50%)}
.hn-pic-2{width:150px;height:150px;left:0;bottom:14px}
.hn-pic-3{width:140px;height:140px;right:0;top:0}
.hn-float{position:absolute;right:6px;bottom:30px;background:#fff;color:var(--ink);border-radius:14px;padding:10px 14px;box-shadow:0 12px 26px rgba(0,0,0,.2);display:flex;flex-direction:column;font-size:12px;color:var(--muted)}
.hn-float b{color:var(--ink);font-size:14px}

.hn-trust{margin-top:-46px;position:relative;z-index:2}
.hn-trust .wrap{display:grid;grid-template-columns:repeat(4,1fr);gap:0;background:#fff;border-radius:18px;box-shadow:0 14px 36px rgba(20,25,35,.1);padding:8px}
.hn-trust-i{display:flex;align-items:center;gap:12px;padding:14px 16px;font-size:13px;color:var(--muted)}
.hn-trust-i+.hn-trust-i{border-left:1px solid var(--line)}
.hn-trust-i span:last-child{display:flex;flex-direction:column}
.hn-trust-i b{color:var(--ink);font-size:14.5px}
.hn-ic{flex:none;width:44px;height:44px;border-radius:12px;display:grid;place-items:center;background:#fff1f0;color:var(--red)}

.hn-cats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.hn-cat{display:flex;flex-direction:column;gap:2px;padding:12px;border:1px solid var(--line);border-radius:16px;background:#fff;color:var(--ink);transition:box-shadow .2s ease,border-color .2s ease}
.hn-cat:hover{border-color:#dfe3e8;box-shadow:0 10px 24px rgba(20,25,35,.08);color:var(--ink)}
.hn-cat-img{display:grid;place-items:center;aspect-ratio:16/10;border-radius:12px;background:var(--soft);margin-bottom:8px;overflow:hidden}
.hn-cat-img img{width:70%;height:86%;object-fit:contain;transition:transform .3s ease}
.hn-cat:hover .hn-cat-img img{transform:scale(1.06)}
.hn-cat b{font-size:15px}
.hn-cat small{font-size:12.5px;color:var(--muted)}

.hn-row .woocommerce ul.products,.hn-row ul.products{grid-template-columns:repeat(4,1fr)}

.hn-steps{margin-top:48px;padding:40px 0;background:var(--soft)}
.hn-steps h2{text-align:center;margin-bottom:22px}
.hn-steps ol{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:16px;counter-reset:none}
.hn-steps li{background:#fff;border-radius:16px;padding:20px;display:flex;flex-direction:column;gap:4px;font-size:14px;color:var(--muted);line-height:1.5}
.hn-steps li span{width:34px;height:34px;border-radius:50%;background:var(--red);color:#fff;display:grid;place-items:center;font-weight:800;margin-bottom:8px}
.hn-steps li b{color:var(--ink);font-size:16px}

.hn-brand-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}
.hn-brand-grid a{display:grid;place-items:center;height:84px;border:1px solid var(--line);border-radius:14px;background:#fff;padding:12px}
.hn-brand-grid img{max-height:52px;width:auto;max-width:100%;object-fit:contain;filter:grayscale(1);opacity:.75;transition:filter .2s ease,opacity .2s ease}
.hn-brand-grid a:hover img{filter:none;opacity:1}

.hn-ind-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}
.hn-ind-i{display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center;padding:18px 10px;border-radius:16px;background:var(--soft);font-weight:700;font-size:13.5px;color:var(--ink)}
.hn-ind-i .hn-ic{background:#fff}

.hn-services{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.hn-svc{display:flex;flex-direction:column;gap:6px;padding:28px;border-radius:20px;background:linear-gradient(135deg,#fff1f0,#ffe4e1);color:var(--ink);min-height:170px}
.hn-svc small{font-size:12px;font-weight:700;letter-spacing:.8px;text-transform:uppercase;color:var(--red)}
.hn-svc b{font-size:21px;line-height:1.3;max-width:420px}
.hn-svc span{margin-top:auto;font-weight:700;color:var(--red)}
.hn-svc-dark{background:linear-gradient(135deg,#16243F,#2a3f69);color:#fff}
.hn-svc-dark small{color:#ffb4ad}.hn-svc-dark span{color:#fff}
.hn-svc:hover{color:inherit;box-shadow:0 12px 28px rgba(20,25,35,.12)}

.hn-band{margin-top:48px;background:linear-gradient(120deg,var(--red),#c42a2a);color:#fff;padding:36px 0}
.hn-band .wrap{display:flex;align-items:center;justify-content:space-between;gap:24px}
.hn-band h2{color:#fff}
.hn-band p{margin:6px 0 0;color:#ffe1de;max-width:620px}
.hn-band-cta{display:flex;flex-wrap:wrap;gap:12px;flex:none}

.hn-seo{padding-bottom:48px}
.hn-seo h2{font-size:19px;margin-bottom:8px}
.hn-seo p{max-width:900px;color:var(--muted);font-size:14px;line-height:1.7;margin:0}
.hn-seo a{color:var(--red)}

@media (max-width:1099px){
  .hn-hero h1{font-size:38px}
  .hn-brand-grid{grid-template-columns:repeat(4,1fr)}
  .hn-ind-grid{grid-template-columns:repeat(3,1fr)}
}
@media (max-width:900px){
  .hn-hero{padding:36px 0 76px}
  .hn-hero-in{grid-template-columns:1fr}
  .hn-hero-art{display:none}
  .hn-trust .wrap{grid-template-columns:1fr 1fr}
  .hn-trust-i+.hn-trust-i{border-left:0}
  .hn-cats{grid-template-columns:repeat(3,1fr)}
  .hn-row ul.products{grid-template-columns:repeat(3,1fr)}
  .hn-row ul.products li.product:nth-child(4){display:none}
  .hn-steps ol{grid-template-columns:1fr}
  .hn-services{grid-template-columns:1fr}
  .hn-band .wrap{flex-direction:column;align-items:flex-start}
}
@media (max-width:560px){
  .hn h2{font-size:21px}
  .hn-sec{padding-top:32px}
  .hn-hero h1{font-size:29px;letter-spacing:-.6px}
  .hn-lead{font-size:15px}
  .hn-search button{padding:0 14px}
  .hn-btn{height:44px;padding:0 16px;font-size:14px}
  .hn-trust-i{padding:10px 8px;gap:8px;font-size:11.5px}
  .hn-trust-i b{font-size:13px}
  .hn-ic{width:36px;height:36px;border-radius:10px}
  .hn-ic svg{width:20px;height:20px}
  .hn-head{align-items:flex-start;flex-direction:column;gap:6px}
  .hn-cats{grid-template-columns:1fr 1fr;gap:10px}
  .hn-cat b{font-size:13.5px}
  .hn-row ul.products{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:10px;padding-bottom:6px}
  .hn-row ul.products li.product{flex:0 0 62%;scroll-snap-align:start}
  .hn-row ul.products li.product:nth-child(4){display:flex}
  .hn-brand-grid{grid-template-columns:repeat(3,1fr)}
  .hn-ind-grid{grid-template-columns:repeat(2,1fr)}
  .hn-svc{padding:22px;min-height:0}
  .hn-svc b{font-size:18px}
}
.hn-cat-img img{mix-blend-mode:multiply;width:76%;height:88%}
@media (min-width:561px) and (max-width:900px){.hn-cats{grid-template-columns:repeat(4,1fr);gap:10px}.hn-cat b{font-size:13.5px}}

/* ===== New header (preview ?hdr=new) ===== */
.hd-top{background:#16243F;color:#cfd7e6;font-size:13px}
.hd-top .wrap{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:38px}
.hd-promise{display:flex;gap:22px;list-style:none;margin:0;padding:0}
.hd-promise li{display:flex;align-items:center;gap:6px;white-space:nowrap}
.hd-promise svg{color:#ff8a80}
.hd-toplinks{display:flex;align-items:center;gap:18px}
.hd-toplinks a{color:#cfd7e6;display:inline-flex;align-items:center;gap:6px;white-space:nowrap}
.hd-toplinks a:hover{color:#fff}
.hd-sticky{position:sticky;top:0;z-index:60;background:#fff;transition:box-shadow .2s ease}
.hd-sticky.is-stuck{box-shadow:0 6px 20px rgba(20,25,35,.08)}
.hd-main .wrap{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:28px;align-items:center;padding-block:14px;transition:padding .2s ease}
.hd-sticky.is-stuck .hd-main .wrap{padding-block:8px}
.hd-burger{display:none}
.hd-logo img{max-height:52px;width:auto;display:block;transition:max-height .2s ease}
.hd-sticky.is-stuck .hd-logo img{max-height:42px}
.hd-search{position:relative;display:flex;align-items:center;height:50px;border:2px solid var(--line);border-radius:14px;background:#fff;transition:border-color .2s ease,box-shadow .2s ease}
.hd-search:focus-within{border-color:var(--red);box-shadow:0 0 0 4px rgba(224,52,52,.08)}
.hd-cat{flex:none;max-width:150px;height:100%;border:0;border-right:1px solid var(--line);border-radius:12px 0 0 12px;background:#f5f6f8;padding:0 28px 0 14px;font:600 13.5px var(--font);color:var(--ink);cursor:pointer;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8'%3E%3Cpath d='M1 1.5l5 5 5-5' fill='none' stroke='%236b7480' stroke-width='1.6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;background-size:10px}
.hd-search input[type=search]{flex:1;min-width:0;height:100%;border:0;outline:0;padding:0 14px;font:15px var(--font);background:transparent}
.hd-search button{flex:none;display:inline-flex;align-items:center;gap:6px;height:40px;margin-right:4px;padding:0 18px;border:0;border-radius:10px;background:var(--red);color:#fff;font:700 14px var(--font);cursor:pointer}
.hd-search button:hover{background:var(--red-dark)}
.hd-suggest{position:absolute;left:-2px;right:-2px;top:calc(100% + 8px);background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:0 18px 40px rgba(20,25,35,.14);padding:8px;z-index:70;max-height:70vh;overflow:auto}
.hd-pop{display:flex;flex-wrap:wrap;gap:8px;align-items:center;padding:8px}
.hd-pop b{width:100%;font-size:12px;color:var(--muted);text-transform:uppercase;letter-spacing:.6px}
.hd-pop a{padding:6px 12px;border-radius:999px;background:#f5f6f8;font-size:13.5px;color:var(--ink)}
.hd-pop a:hover{background:#fff1f0;color:var(--red)}
.hd-suggest [hidden],.hd-suggest[hidden]{display:none}
.hd-results{list-style:none;margin:0;padding:0}
.hd-results li a{display:flex;align-items:center;gap:12px;padding:8px 10px;border-radius:10px;color:var(--ink)}
.hd-results li a:hover,.hd-results li a.is-active{background:#f5f6f8}
.hd-results img,.hd-noimg{flex:none;width:48px;height:48px;object-fit:contain;border-radius:8px;background:#fff;border:1px solid #eef0f3}
.hd-results li span{display:flex;flex-direction:column;min-width:0}
.hd-results li b{font-size:14px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hd-results li small{font-size:12.5px;color:var(--red);font-weight:600}
.hd-results .hd-none{padding:12px;color:var(--muted);font-size:14px}
.hd-results .hd-none a{color:var(--red)}
.hd-results .hd-all a{justify-content:center;font-weight:700;color:var(--red);border-top:1px solid var(--line);border-radius:0;margin-top:4px}
.hd-acts{display:flex;align-items:center;gap:20px;white-space:nowrap}
.hd-call,.hd-acct{display:flex;align-items:center;gap:10px;color:var(--ink)}
.hd-call span:last-child,.hd-acct span:last-child{display:flex;flex-direction:column;line-height:1.2}
.hd-call small,.hd-acct small{font-size:11.5px;color:var(--muted)}
.hd-call b,.hd-acct b{font-size:14px}
.hd-ic{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:#fff1f0;color:var(--red)}
.hd-quote{display:inline-flex;align-items:center;height:44px;padding:0 20px;border-radius:12px;background:var(--red);color:#fff;font-weight:700}
.hd-quote:hover{background:var(--red-dark);color:#fff}
.hd-nav{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#fff}
.hd-nav .wrap{display:flex;align-items:center;gap:26px}
.hd-sticky.is-stuck .hd-nav{display:none}
.hd-allcat>button{display:inline-flex;align-items:center;gap:10px;min-width:0;height:42px;margin:6px 0;padding:0 18px;border:0;border-radius:10px;background:#16243F;color:#fff;font:600 14.5px var(--font);cursor:pointer}
.hd-allcat .sc-catlist{top:calc(100% - 4px);border-radius:12px}
.hd-menu{display:flex;gap:24px}
.hd-menu>li>a{padding:16px 0;font-weight:600;font-size:15px;color:var(--ink)}
.hd-menu>li>a:hover{color:var(--red)}
.hd-bulk{margin-left:auto;display:inline-flex;align-items:center;gap:8px;height:36px;padding:0 14px;border-radius:999px;background:linear-gradient(90deg,var(--red),var(--orange));color:#fff;font-weight:700;font-size:13.5px;white-space:nowrap}
.hd-bulk:hover{color:#fff;filter:brightness(1.05)}
@media (max-width:1199px){
  .hd-call{display:none}
  .hd-menu{gap:18px}
  .hd-menu>li>a{font-size:14px}
}
@media (max-width:1023px){.hd-promise li:nth-child(3){display:none}.hd-toplinks a:not(:last-child){display:none}}
@media (max-width:900px){
  .hd-top .wrap{justify-content:center;min-height:32px}
  .hd-promise{gap:14px;font-size:12px}
  .hd-toplinks{display:none}
  .hd-main .wrap{grid-template-columns:auto 1fr auto;gap:12px;padding-block:10px}
  .hd-burger{display:inline-flex;flex-direction:column;justify-content:center;gap:4px;width:40px;height:40px;border:1px solid var(--line);border-radius:10px;background:#fff;padding:0 10px;cursor:pointer}
  .hd-burger span{display:block;height:2px;background:var(--ink);border-radius:2px}
  .hd-logo img{max-height:40px}
  .hd-search{grid-column:1/-1;order:3;height:46px}
  .hd-acct span:last-child{display:none}
  .hd-acct .hd-ic{width:40px;height:40px}
  .hd-quote{height:40px;padding:0 14px;font-size:14px}
  .hd-nav{display:none}
  .hd-sticky.is-stuck .hd-search{display:none}
}
@media (max-width:560px){
  .hd-promise li:nth-child(2){display:none}
  .hd-cat{display:none}
  .hd-search button span{display:none}
  .hd-search button{padding:0 12px}
  .hd-acct{display:none}
  .hd-acts{gap:8px}
  .hd-quote{height:38px;padding:0 12px;font-size:13px}
}

/* ===== Home 0.17 (preview /?home=new): hero points, brand carousel, category banners, why us, FAQ ===== */
.hn-hero{padding:60px 0 92px}
.hn-hero h1{font-size:48px}
.hn-hero-pts{list-style:none;margin:26px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:10px 22px;color:#c9d2e1;font-size:14px}
.hn-hero-pts li{display:flex;align-items:center;gap:7px}
.hn-hero-pts svg{width:18px;height:18px;color:#35d07f;stroke-width:2.4}
.hn-hero-pts b{color:#fff}
.hn-float-2{right:auto;left:150px;bottom:auto;top:24px}

.hn-marquee{position:relative;overflow:hidden;display:flex;-webkit-mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent)}
.hn-marquee-track{list-style:none;margin:0;padding:4px 0;display:flex;gap:14px;flex:none;padding-right:14px;animation:hn-marq 38s linear infinite}
.hn-marquee:hover .hn-marquee-track,.hn-marquee:focus-within .hn-marquee-track{animation-play-state:paused}
@keyframes hn-marq{to{transform:translateX(-100%)}}
.hn-marquee li a{display:flex;align-items:center;gap:12px;height:84px;padding:0 20px 0 14px;border:1px solid var(--line);border-radius:16px;background:#fff;color:var(--ink);white-space:nowrap;transition:border-color .2s ease,box-shadow .2s ease}
.hn-marquee li a:hover{border-color:#f3c2bd;box-shadow:0 8px 20px rgba(20,25,35,.08);color:var(--ink)}
.hn-marquee img{height:52px;width:96px;object-fit:contain}
.hn-marquee span{display:flex;flex-direction:column;font-weight:700;font-size:15px;line-height:1.25}
.hn-marquee small{font-weight:500;font-size:12px;color:var(--muted)}
@media (prefers-reduced-motion:reduce){.hn-marquee{overflow-x:auto}.hn-marquee-track{animation:none}.hn-marquee-track[aria-hidden]{display:none}}

.hn-banners{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.hn-bn{position:relative;display:flex;align-items:stretch;min-height:200px;border-radius:20px;overflow:hidden;color:#fff;isolation:isolate;transition:transform .2s ease,box-shadow .2s ease}
.hn-bn:hover{color:#fff;transform:translateY(-2px);box-shadow:0 16px 32px rgba(20,25,35,.16)}
.hn-bn-red{background:linear-gradient(135deg,#e03434,#a81f22)}
.hn-bn-navy{background:linear-gradient(135deg,#16243F,#2c4675)}
.hn-bn-amber{background:linear-gradient(135deg,#f59e0b,#d9580d)}
.hn-bn-txt{position:relative;z-index:2;display:flex;flex-direction:column;gap:6px;padding:24px 0 22px 24px;width:58%}
.hn-bn-txt b{font-size:21px;line-height:1.2;font-weight:800;letter-spacing:-.3px}
.hn-bn-txt span{font-size:13.5px;line-height:1.5;color:rgba(255,255,255,.86)}
.hn-bn-txt em{margin-top:auto;font-style:normal;font-weight:700;font-size:14px;display:inline-flex;align-self:flex-start;padding:7px 14px;border-radius:999px;background:rgba(255,255,255,.18);white-space:nowrap}
.hn-bn:hover .hn-bn-txt em{background:#fff;color:var(--ink)}
.hn-bn-pic{position:absolute;right:18px;top:50%;transform:translateY(-50%) rotate(3deg);width:36%;aspect-ratio:1;max-width:150px;background:#fff;border-radius:20px;display:grid;place-items:center;box-shadow:0 14px 28px rgba(0,0,0,.22);transition:transform .25s ease}
.hn-bn:hover .hn-bn-pic{transform:translateY(-50%) rotate(0) scale(1.04)}
.hn-bn-pic img{width:84%;height:84%;object-fit:contain}

.hn-why{margin-top:48px;padding:44px 0;background:linear-gradient(180deg,#fff,#f5f6f8)}
.hn-head-c{justify-content:center;text-align:center}
.hn-why-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.hn-why-i{background:#fff;border:1px solid var(--line);border-radius:18px;padding:22px}
.hn-why-i h3{margin:12px 0 4px;font-size:16.5px;font-weight:800;color:var(--ink)}
.hn-why-i p{margin:0;font-size:14px;line-height:1.55;color:var(--muted)}

.hn-faq-in{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:36px;align-items:start}
.hn-faq-side p{color:var(--muted);font-size:14.5px;margin:8px 0 18px}
.hn-faq-list{display:flex;flex-direction:column;gap:10px}
.hn-faq-list details{border:1px solid var(--line);border-radius:14px;background:#fff;padding:0 18px}
.hn-faq-list details[open]{border-color:#f3c2bd;box-shadow:0 8px 20px rgba(20,25,35,.06)}
.hn-faq-list summary{list-style:none;cursor:pointer;padding:16px 28px 16px 0;font-weight:700;font-size:15px;position:relative;color:var(--ink)}
.hn-faq-list summary::-webkit-details-marker{display:none}
.hn-faq-list summary::after{content:"+";position:absolute;right:0;top:50%;transform:translateY(-50%);font-size:22px;font-weight:500;color:var(--red)}
.hn-faq-list details[open] summary::after{content:"\2212"}
.hn-faq-list p{margin:0 0 16px;font-size:14px;line-height:1.65;color:var(--muted)}
.hn-seo p+p{margin-top:10px}

@media (max-width:1099px){
  .hn-hero h1{font-size:40px}
  .hn-banners{grid-template-columns:1fr 1fr}
  .hn-banners .hn-bn:last-child:nth-child(odd){grid-column:1/-1}
}
@media (max-width:900px){
  .hn-why-grid{grid-template-columns:1fr 1fr}
  .hn-faq-in{grid-template-columns:1fr;gap:18px}
}
@media (max-width:560px){
  .hn-hero{padding:32px 0 76px}
  .hn-hero h1{font-size:30px}
  .hn-hero-pts{gap:8px 16px;font-size:13px}
  .hn-banners{grid-template-columns:1fr;gap:12px}
  .hn-bn{min-height:170px}
  .hn-bn-txt{padding:20px 0 18px 20px}
  .hn-bn-txt b{font-size:19px}
  .hn-bn-pic{max-width:120px}
  .hn-why{padding:32px 0}
  .hn-why-grid{grid-template-columns:1fr;gap:10px}
  .hn-why-i{display:grid;grid-template-columns:44px 1fr;gap:2px 14px;padding:16px}
  .hn-why-i .hn-ic{grid-row:span 2}
  .hn-why-i h3{margin:0;font-size:15.5px}
  .hn-marquee li a{height:72px;padding:0 14px 0 10px}
  .hn-marquee img{height:42px;width:72px}
}

/* ===== New footer (preview with ?home=new / ?hdr=new) ===== */
.ft{margin-top:56px;padding-top:32px;background:#0f1a30;color:#b7c1d3;font-size:14px}
.sc-hn-page .ft{margin-top:0}
.ft a{color:#dfe5ee}
.ft a:hover{color:#fff}
.ft-cta{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:28px;width:calc(100% - 32px);max-width:calc(var(--wrap) - 32px);background:linear-gradient(120deg,#e03434,#b8262a);border-radius:20px;color:#fff;box-shadow:0 18px 36px rgba(224,52,52,.25)}
.ft-cta p{margin:0;color:#ffe1de}
.ft-cta .ft-cta-h{font-size:22px;font-weight:800;color:#fff;margin-bottom:4px}
.ft-cta-btns{display:flex;flex-wrap:wrap;gap:10px;flex:none}
.ft-btn{display:inline-flex;align-items:center;gap:8px;height:46px;padding:0 18px;border-radius:12px;font-weight:700}
.ft .ft-btn-wa{background:#fff;color:#178f45}
.ft .ft-btn-wa:hover{color:#11743a}
.ft .ft-btn-line{border:1px solid rgba(255,255,255,.5);color:#fff}
.ft .ft-btn-line:hover{background:rgba(255,255,255,.12)}
.ft-cols{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr 1.25fr;gap:32px;padding-top:48px;padding-bottom:40px}
.ft-logo{display:inline-block;margin-bottom:14px}
.ft-logo img{height:44px;width:auto}
.ft-about p{margin:0 0 14px;line-height:1.65;max-width:360px}
.ft-pts{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}
.ft-pts li{position:relative;padding-left:22px;color:#dfe5ee}
.ft-pts li::before{content:"";position:absolute;left:2px;top:5px;width:10px;height:6px;border-left:2px solid #35d07f;border-bottom:2px solid #35d07f;transform:rotate(-45deg)}
.ft-h{margin:4px 0 14px;font-size:13px;font-weight:800;letter-spacing:.9px;text-transform:uppercase;color:#fff}
.ft-cols ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:9px}
.ft-contact li{display:flex;gap:10px;align-items:flex-start;line-height:1.5}
.ft-contact svg{flex:none;margin-top:2px;color:#ff8a80}
.ft-bottom{border-top:1px solid rgba(255,255,255,.08);padding:16px 0;font-size:13px;color:#8d99ae}
.ft-bottom .wrap{display:flex;flex-wrap:wrap;justify-content:space-between;gap:6px 20px}
.ft-bottom b{color:#dfe5ee;font-weight:700}
@media (max-width:1099px){.ft-cols{grid-template-columns:1fr 1fr 1fr}.ft-about{grid-column:1/-1}.ft-about p{max-width:640px}}
@media (max-width:900px){.ft-cta{flex-direction:column;align-items:flex-start}}
@media (max-width:560px){
  .ft-cta{padding:22px 18px}
  .ft-cta .ft-cta-h{font-size:19px}
  .ft-cta-btns{width:100%}
  .ft-btn{flex:1;justify-content:center;padding:0 12px}
  .ft-cols{grid-template-columns:1fr 1fr;gap:26px 18px;padding-top:36px}
  .ft-contact{grid-column:1/-1}
  .ft-bottom{padding-bottom:calc(76px + env(safe-area-inset-bottom,0px))}
}
@media (max-width:1271px){.hn-trust .wrap{width:calc(100% - 32px)}}

/* ===== Home preview 2 (/?home=new2): category menu on the left + photo slider, WhatsApp button on the right ===== */
.h2-hero{padding:22px 0 0}
.h2-hero-in{display:grid;grid-template-columns:272px minmax(0,1fr);gap:20px;align-items:stretch}
.h2-side{position:relative;z-index:30;background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:0 10px 28px rgba(20,25,35,.06);padding:0 0 8px}
.h2-side-h{display:flex;align-items:center;gap:10px;margin:0 0 6px;padding:14px 20px;background:#16243F;color:#fff;font-weight:700;font-size:15px;border-radius:17px 17px 0 0}
.h2-side .sc-catlist,.h2-side .sc-catlist ul{list-style:none;margin:0;padding:0}
.h2-side .sc-catlist li{position:relative}
.h2-side .sc-catlist>li>a{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 18px 10px 20px;font-size:15px;font-weight:600;color:var(--ink);transition:background .15s ease,color .15s ease}
.h2-side .has-kids>a::after{content:"";flex:none;width:7px;height:7px;border-right:2px solid currentColor;border-top:2px solid currentColor;transform:rotate(45deg);opacity:.55}
.h2-side .sc-catlist li:hover>a,.h2-side .sc-catlist li:focus-within>a{background:#fff1f0;color:var(--red)}
.h2-side .sc-catlist li:hover>a::after{opacity:1}
.h2-side .sc-catlist ul{display:none;position:absolute;left:100%;top:-6px;min-width:250px;padding:8px 0;background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:0 16px 36px rgba(20,25,35,.14)}
.h2-side .sc-catlist>li>ul{margin-left:6px}
.h2-side .sc-catlist ul a{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 18px;font-size:14px;font-weight:500;color:var(--ink)}
.h2-side .has-kids:hover>ul,.h2-side .has-kids:focus-within>ul{display:block}

.h2-slider{position:relative;min-height:470px;border-radius:18px;overflow:hidden;background:#111}
.h2-slides{position:absolute;inset:0;display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}
.h2-slides::-webkit-scrollbar{display:none}
.h2-slide{flex:0 0 100%;position:relative;scroll-snap-align:start;display:flex;align-items:center}
.h2-slide-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:right center}
.h2-slide::before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,rgba(17,22,30,.82) 0%,rgba(17,22,30,.55) 40%,rgba(17,22,30,0) 70%)}
.h2-slide-txt{position:relative;z-index:2;max-width:620px;padding:40px 48px 40px 78px;color:#fff}
.h2-tag{display:inline-block;padding:6px 12px;border-radius:999px;background:rgba(255,255,255,.12);font-size:12.5px;font-weight:600;color:#ffd9d6;margin-bottom:14px}
.h2-slide h1,.h2-title{font-size:40px;line-height:1.12;letter-spacing:-.9px;font-weight:800;margin:0 0 12px;color:#fff}
.h2-text{margin:0 0 22px;font-size:16px;line-height:1.6;color:#d5dcea;max-width:470px}
.h2-cta{display:flex;flex-wrap:wrap;gap:10px}
.h2-arrow{position:absolute;top:50%;z-index:3;width:42px;height:42px;margin-top:-21px;border:0;border-radius:50%;background:rgba(255,255,255,.16);color:#fff;display:grid;place-items:center;cursor:pointer;backdrop-filter:blur(4px);transition:background .2s ease}
.h2-arrow:hover{background:rgba(255,255,255,.3)}
.h2-prev{left:14px}.h2-next{right:14px}
.h2-dots{position:absolute;left:78px;bottom:20px;z-index:3;display:flex;gap:8px}
.h2-dots button{width:10px;height:10px;padding:0;border:0;border-radius:999px;background:rgba(255,255,255,.45);cursor:pointer;transition:width .25s ease,background .25s ease}
.h2-dots button[aria-current="true"]{width:28px;background:#fff}
.sc-hn2 .hn-trust{margin-top:20px}
.sc-hn2 .hn-trust .wrap{max-width:calc(var(--wrap) - 32px)}
.sc-hn2 .hn-trust .wrap{box-shadow:0 8px 24px rgba(20,25,35,.07);border:1px solid var(--line)}

.wa-fab{position:fixed;right:20px;bottom:22px;z-index:45;display:flex;align-items:center;gap:10px;color:var(--ink)}
.wa-fab-txt{display:flex;flex-direction:column;padding:9px 16px;background:#fff;border-radius:14px;box-shadow:0 10px 26px rgba(20,25,35,.16);font-size:12.5px;color:var(--muted);line-height:1.35;transition:transform .2s ease}
.wa-fab-txt b{font-size:14px;color:var(--ink)}
.wa-fab-ic{position:relative;width:60px;height:60px;border-radius:50%;background:linear-gradient(145deg,#2ee07a,#1aa851);display:grid;place-items:center;box-shadow:0 10px 24px rgba(26,168,81,.45);transition:transform .2s ease}
.wa-fab-ic::before{content:"";position:absolute;inset:0;border-radius:50%;border:2px solid #25d366;animation:wa-pulse 2.4s ease-out infinite}
@keyframes wa-pulse{0%{transform:scale(1);opacity:.7}100%{transform:scale(1.55);opacity:0}}
.wa-fab:hover .wa-fab-ic{transform:scale(1.06)}
.wa-fab:hover .wa-fab-txt{transform:translateX(-3px)}
.wa-fab:hover{color:var(--ink)}
.sc-totop{right:28px;bottom:96px;width:44px;height:44px}
@media (prefers-reduced-motion:reduce){.wa-fab-ic::before{animation:none;display:none}}

@media (max-width:1099px){
  .h2-hero-in{grid-template-columns:240px minmax(0,1fr)}
  .h2-slide h1,.h2-title{font-size:34px}
  .h2-slide-txt{padding:32px 36px 32px 70px}
  .h2-dots{left:70px}
}
@media (max-width:900px){
  .h2-hero{padding:0}
  .h2-hero .wrap{padding-inline:0}
  .h2-hero-in{grid-template-columns:1fr}
  .h2-side{display:none}
  .h2-slider{border-radius:0;min-height:440px}
  .h2-slide{align-items:flex-end}
  .h2-slide-bg{object-position:72% center}
  .h2-slide::before{background:linear-gradient(180deg,rgba(17,22,30,.08) 0%,rgba(17,22,30,.6) 48%,rgba(17,22,30,.88) 100%)}
  .h2-slide-txt{padding:28px 20px 52px}
  .h2-arrow{display:none}
  .h2-dots{left:20px;bottom:22px}
  .wa-fab-txt{display:none}
}
@media (max-width:560px){
  .h2-slider{min-height:460px}
  .h2-slide h1,.h2-title{font-size:29px;letter-spacing:-.6px}
  .h2-text{font-size:14.5px;margin-bottom:18px}
  .wa-fab{right:14px;bottom:80px}
  .wa-fab-ic{width:54px;height:54px}
}

/* ===== Home preview 2, round 2: Shop by Brand spot, photo banners, services, B2B, card v2 ===== */
.hd-brands{position:relative}
.hd-brands-btn{display:inline-flex;align-items:center;gap:9px;height:42px;margin:6px 0;padding:0 18px;border-radius:10px;background:linear-gradient(135deg,#16243F,#2c4675);color:#fff;font-weight:700;font-size:14.5px;white-space:nowrap}
.hd-brands-btn svg{color:#ffc24a}
.hd-brands-btn:hover{color:#fff;filter:brightness(1.12)}
.hd-brands-pop{display:none;position:absolute;left:0;top:calc(100% - 2px);z-index:60;width:520px;padding:16px;background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:0 18px 40px rgba(20,25,35,.16)}
.hd-brands:hover .hd-brands-pop,.hd-brands:focus-within .hd-brands-pop{display:block}
.hd-brands-pop p{margin:0 0 10px;font-size:12px;font-weight:700;letter-spacing:.6px;text-transform:uppercase;color:var(--muted)}
.hd-brands-pop ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:8px}
.hd-brands-pop li a{display:flex;align-items:center;gap:10px;padding:8px 10px;border:1px solid var(--line);border-radius:12px;color:var(--ink);font-weight:700;font-size:14px}
.hd-brands-pop li a:hover{border-color:#f3c2bd;background:#fff8f7}
.hd-brands-pop img{width:58px;height:34px;object-fit:contain}
.hd-brands-pop li span{display:flex;flex-direction:column;line-height:1.25}
.hd-brands-pop small{font-weight:500;font-size:12px;color:var(--muted)}
.hd-brands-all{display:inline-block;margin-top:12px;font-weight:700;font-size:13.5px;color:var(--red)}



.h2-b2b{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.h2-b2b-i{position:relative;display:flex;align-items:center;min-height:200px;border-radius:20px;overflow:hidden;isolation:isolate;color:#fff}
.h2-b2b-i img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:right center;z-index:-2}
.h2-b2b-i::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(20,30,60,.28) 0%,rgba(20,30,60,.12) 45%,transparent 65%)}
.h2-b2b-red::before{background:linear-gradient(90deg,rgba(150,30,25,.42) 0%,rgba(150,30,25,.2) 45%,transparent 65%)}
.h2-b2b-blue{background:#5d73b0}
.h2-b2b-red{background:#fe907c}
.h2-b2b-i>span{display:flex;flex-direction:column;gap:4px;max-width:58%;padding:24px;font-size:14px;line-height:1.5;color:rgba(255,255,255,.92)}
.h2-b2b-i small{font-size:12px;font-weight:700;letter-spacing:.8px;text-transform:uppercase;color:#fff;opacity:.85}
.h2-b2b-i b{font-size:21px;line-height:1.25;color:#fff;font-weight:800}
.h2-b2b-i em{margin-top:8px;align-self:flex-start;font-style:normal;font-weight:700;padding:8px 14px;border-radius:999px;background:#fff;color:var(--ink)}
.h2-b2b-i:hover{color:#fff;box-shadow:0 14px 30px rgba(20,25,35,.14)}

.h2-band{position:relative;isolation:isolate;overflow:hidden;width:calc(100% - 32px);max-width:calc(var(--wrap) - 32px);margin-inline:auto;border-radius:20px}
.h2-band>.wrap{padding-inline:32px}
@media (max-width:600px){.h2-band{border-radius:16px}.h2-band>.wrap{padding-inline:20px}}
.h2-band-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:right center;z-index:-2}
.h2-band::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(196,42,42,.97) 0%,rgba(224,52,52,.9) 50%,rgba(224,52,52,.35) 100%)}

/* Card v2 (homepage preview 2) */
.woocommerce ul.products li.product.sc-card{border-radius:18px;border-color:#eceef1;transition:box-shadow .25s ease,transform .25s ease,border-color .25s ease}
.woocommerce ul.products li.product.sc-card:hover{transform:translateY(-3px);border-color:#f3d0cc;box-shadow:0 16px 34px rgba(20,25,35,.1)}
.sc-card-media{background:#fff;border-bottom:1px solid #f0f2f4}
.sc-card-tag{background:#f3f4f6}
.woocommerce ul.products li.product.sc-card .sc-card-brand{display:inline-block;align-self:flex-start;padding:2px 8px;border-radius:6px;background:#fff1f0;font-size:10.5px}
.woocommerce ul.products li.product.sc-card .woocommerce-loop-product__title{font-size:15px;font-weight:700;letter-spacing:-.1px;margin-top:4px}
.sc-card-opts{display:flex;flex-wrap:wrap;align-items:center;gap:4px;margin-top:6px;font-size:11.5px}
.sc-card-opts span{padding:2px 7px;border-radius:6px;background:#f3f4f6;color:#3d4652;font-weight:600;white-space:nowrap;max-width:110px;overflow:hidden;text-overflow:ellipsis}
.sc-card-opts .sc-card-opts-l{padding:0 2px 0 0;background:none;color:var(--muted);font-weight:500}
.sc-card-opts .sc-card-more{background:none;color:var(--red)}
.sc-card-price{margin:10px 0 12px}
.sc-card-price-v{font-size:20px}
.sc-card-foot{gap:8px}
.sc-card-btn{flex:1;justify-content:center;height:38px;border-radius:12px;background:var(--red);color:#fff;font-size:13px}
.sc-card-btn:hover{background:var(--red-dark);color:#fff}
.sc-card-wa{width:38px;height:38px;border-radius:12px;background:#25d366;color:#fff}
.sc-card-wa svg{width:19px;height:19px}
.sc-card-wa:hover{background:#1aa851}

@media (max-width:1099px){
}
@media (max-width:900px){
  .h2-b2b{grid-template-columns:1fr}
}
@media (max-width:560px){
  .h2-b2b-i{min-height:180px}
  .h2-b2b-i img{opacity:.35}
  .h2-b2b-i>span{max-width:100%;padding:20px}
  .h2-b2b-i b{font-size:19px}
  .sc-card-btn{height:34px;font-size:12px}
  .sc-card-wa{width:34px;height:34px}
  .sc-card-opts{font-size:10.5px}
}
@media (min-width:561px) and (max-width:900px){.sc-hn2 .hn-row .woocommerce ul.products{grid-template-columns:repeat(3,1fr)}}
.sc-card-opts{flex-wrap:nowrap;overflow:hidden}
.sc-card-opts span{flex:none}
.sc-card-opts span:not(.sc-card-opts-l):not(.sc-card-more){flex:0 1 auto;min-width:0;max-width:140px}
/* Six cards per row on preview 2 (desktop); tablet 3, phone swipe row */
.sc-hn2 .hn-row .woocommerce ul.products{grid-template-columns:repeat(6,1fr);gap:14px}
.sc-hn2 .hn-row ul.products li.product:nth-child(4){display:flex}
@media (min-width:901px){
  .sc-card-body{padding:10px 12px 12px}
  .woocommerce ul.products li.product.sc-card .woocommerce-loop-product__title{font-size:14px}
  .sc-card-price-v{font-size:18px}
  .sc-card-btn{height:34px;font-size:12.5px;padding:0 8px}
  .sc-card-wa{width:34px;height:34px}
}
@media (min-width:901px) and (max-width:1199px){.sc-hn2 .hn-row .woocommerce ul.products{grid-template-columns:repeat(4,1fr)}.sc-hn2 .hn-row ul.products li.product:nth-child(n+5){display:none}}
@media (min-width:561px) and (max-width:900px){.sc-hn2 .hn-row .woocommerce ul.products{grid-template-columns:repeat(3,1fr)}}
@media (min-width:901px){
  .sc-card-opts{font-size:11px;gap:3px}
  .sc-card-opts .sc-card-opts-l{display:none}
  .sc-card-opts span{padding:2px 6px}
  .sc-card-opts span:not(.sc-card-opts-l):not(.sc-card-more){flex:none;max-width:none}
}

/* Services on preview 2: three photo tiles, text over the photo on the left (like the old site) */
.h2-svc-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.h2-svc{position:relative;display:flex;align-items:center;min-height:230px;border-radius:18px;overflow:hidden;isolation:isolate;color:#fff;background:#16243F}
.h2-svc-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;transition:transform .5s ease}
.h2-svc::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(10,14,24,.82) 0%,rgba(10,14,24,.55) 55%,rgba(10,14,24,.15) 100%)}
.h2-svc:hover{color:#fff}
.h2-svc:hover .h2-svc-bg{transform:scale(1.05)}
.h2-svc-txt{display:flex;flex-direction:column;gap:6px;padding:24px 26px;max-width:78%}
.h2-svc-txt b{font-size:22px;font-weight:800;line-height:1.2;letter-spacing:-.3px}
.h2-svc-txt span{font-size:13.5px;line-height:1.5;color:rgba(255,255,255,.85)}
.h2-svc-txt em{margin-top:6px;align-self:flex-start;font-style:normal;font-weight:700;font-size:14.5px;text-decoration:underline;text-underline-offset:5px;text-decoration-thickness:2px}
.h2-svc:hover .h2-svc-txt em{color:#ffb4ad}
@media (max-width:1099px){.h2-svc-txt{max-width:92%}.h2-svc-txt b{font-size:20px}}
@media (max-width:900px){.h2-svc-grid{grid-template-columns:1fr}.h2-svc{min-height:190px}.h2-svc-txt{max-width:70%}}
@media (max-width:560px){.h2-svc-grid{gap:12px}.h2-svc{min-height:180px}.h2-svc-txt{max-width:88%;padding:20px}.h2-svc-txt b{font-size:19px}}

/* ===== Product page matched to the final theme (0.21): navy accents, home-style FAQ, six related cards ===== */
.sc-pd-tabs{top:var(--sc-stick,0px)}
.sc-pd-tabs a{border:1px solid transparent}
.sc-pd-tabs a:hover{background:#eef1f6;color:#16243F}
.sc-pd-tabs a.is-on,.sc-pd-tabs a:focus-visible{background:#16243F;color:#fff}
.sc-pd-specs thead th{background:#16243F;color:#fff;letter-spacing:.06em}
.sc-pd-specs-scroll{border-radius:14px;overflow:auto}
.sc-pd-table{border-radius:18px}
.sc-pd-table thead th{background:#f2f4f8;color:#16243F}
.sc-pd-table thead th:first-child{border-radius:10px 0 0 10px}
.sc-pd-table thead th:last-child{border-radius:0 10px 10px 0}
.sc-pd-price-t{font-size:14px;font-weight:600;color:var(--muted)}
.sc-pd-faq{max-width:none;display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:36px;align-items:start}
.sc-pd-faq-side p{color:var(--muted);font-size:14.5px;margin:8px 0 18px}
.sc-pd-faq h2{margin:0}
.sc-pd-faq details[open]{border-color:#f3c2bd;box-shadow:0 8px 20px rgba(20,25,35,.06)}
.sc-pd-faq summary{font-size:15px}
.sc-pd-new .related ul.products{grid-template-columns:repeat(6,1fr);gap:14px}
body:not(.home) .wa-fab-txt{display:none}
@media (max-width:1199px){.sc-pd-new .related ul.products{grid-template-columns:repeat(4,1fr)}.sc-pd-new .related ul.products li.product:nth-child(n+5){display:none}}
@media (max-width:900px){
  .sc-pd-faq{grid-template-columns:1fr;gap:16px}
  .sc-pd-new .related ul.products{grid-template-columns:repeat(3,1fr)}
  .sc-pd-new .related ul.products li.product:nth-child(n+4){display:flex}
}
@media (max-width:560px){.sc-pd-new .related ul.products{grid-template-columns:repeat(2,1fr)}}

/* Homepage SEO block (0.21): lead + six topic cards */
.hn-seo{padding-bottom:56px}
.hn-seo h2{font-size:24px;margin-bottom:10px}
.hn-seo .hn-seo-lead{max-width:960px;font-size:15px;color:#3d4652;margin:0 0 22px}
.hn-seo-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.hn-seo-grid>div{padding:20px 22px;border:1px solid var(--line);border-radius:16px;background:#fafbfc}
.hn-seo-grid h3{margin:0 0 8px;font-size:16px;font-weight:800;color:#16243F}
.hn-seo-grid p{margin:0;font-size:14px;line-height:1.7}
@media (max-width:1099px){.hn-seo-grid{grid-template-columns:1fr 1fr}}
@media (max-width:560px){.hn-seo-grid{grid-template-columns:1fr;gap:12px}.hn-seo h2{font-size:21px}}
@media (max-width:900px){.sc-pd-new .wa-fab{display:none}}

/* ===== Red colour test (?theme=red): red replaces navy, lighter footer, charcoal as the dark second colour ===== */
.sc-theme-red{--rd:#C62828;--rd-dk:#9E1C1C;--char:#22252b;--rd-soft:#fff3f2}
.sc-theme-red .hd-top{background:var(--rd);color:#ffe3e0}
.sc-theme-red .hd-top a,.sc-theme-red .hd-top svg{color:#fff}
.sc-theme-red .hd-allcat>button,.sc-theme-red .hd-brands-btn{background:var(--rd)}
.sc-theme-red .hd-brands-btn svg{color:#ffd54a}
.sc-theme-red .h2-side-h{background:var(--rd)}
.sc-theme-red .h2-side{border-color:#f3d6d3}
.sc-theme-red .h2-slide::before{background:linear-gradient(90deg,rgba(28,10,10,.9) 0%,rgba(60,14,14,.66) 42%,rgba(60,14,14,.04) 78%)}
.sc-theme-red .hn-bn-navy{background:linear-gradient(135deg,#2b2e35,#474b55)}
.sc-theme-red .hn-trust .hn-ic,.sc-theme-red .hn-why-i .hn-ic{background:var(--rd-soft)}
.sc-theme-red .hn-why{background:linear-gradient(180deg,#fff,#fff7f6)}
.sc-theme-red .hn-steps{background:#fff7f6}
.sc-theme-red .hn-seo-grid>div{background:#fffafa;border-color:#f6e1df}
.sc-theme-red .hn-seo-grid h3{color:var(--rd-dk)}
.sc-theme-red .h2-svc::before{background:linear-gradient(90deg,rgba(28,10,10,.84) 0%,rgba(40,12,12,.55) 55%,rgba(40,12,12,.12) 100%)}
.sc-theme-red .h2-b2b-blue{background:#5d73b0}
.sc-theme-red .sc-pd-tabs a:hover{background:var(--rd-soft);color:var(--rd-dk)}
.sc-theme-red .sc-pd-tabs a.is-on,.sc-theme-red .sc-pd-tabs a:focus-visible{background:var(--rd);color:#fff}
.sc-theme-red .sc-pd-specs thead th{background:var(--char)}
.sc-theme-red .sc-pd-table thead th{background:var(--rd-soft);color:var(--rd-dk)}
/* Lighter footer */
.sc-theme-red .ft{background:#fbf6f5;color:#5b6370;border-top:1px solid #f1e3e1}
.sc-theme-red .ft a{color:#2a2f37}
.sc-theme-red .ft a:hover{color:var(--rd)}
.sc-theme-red .ft-h{color:var(--char)}
.sc-theme-red .ft-pts li{color:#2a2f37}
.sc-theme-red .ft-logo-w{display:none}
.sc-theme-red .ft-cta{background:linear-gradient(120deg,var(--rd),var(--rd-dk))}
.sc-theme-red .ft .ft-btn-line{color:#fff}
.sc-theme-red .ft-bottom{border-top-color:#efdedc;color:#7a828e;background:#f6eeec}
.sc-theme-red .ft-bottom b{color:var(--char)}
.sc-theme-red .ft-contact svg{color:var(--rd)}
/* No header dropdowns while scrolling (stops the Shop by Brand / menu popups flashing) */
.is-scrolling .hd-brands-pop,.is-scrolling .hd-menu ul,.is-scrolling .hd-allcat .sc-catlist{display:none!important}
.hd-sticky{overflow-anchor:none}

/* ===== New category page (preview ?cat=new, 0.23) ===== */
.ct-hero{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:24px;align-items:stretch;margin:6px 0 26px;padding:28px 30px;border-radius:20px;background:linear-gradient(120deg,#fff4f3 0%,#fff 70%);border:1px solid #f6e1df}
.ct-eyebrow{display:inline-block;padding:4px 11px;border-radius:999px;background:#fff;border:1px solid #f3d6d3;color:var(--red);font-size:12px;font-weight:700;letter-spacing:.4px;text-transform:uppercase;margin-bottom:10px}
.ct-hero h1{margin:0 0 10px;font-size:38px;line-height:1.12;letter-spacing:-.8px;font-weight:800}
.ct-hero-txt>p{margin:0 0 16px;max-width:720px;color:#3d4652;font-size:15.5px;line-height:1.65}
.ct-stats{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.ct-stats li{padding:7px 12px;border-radius:10px;background:#fff;border:1px solid var(--line);font-size:13.5px;color:var(--muted)}
.ct-stats b{color:var(--ink)}
.ct-help{display:flex;flex-direction:column;gap:6px;justify-content:center;padding:20px;border-radius:16px;background:#fff;border:1px solid var(--line);box-shadow:0 10px 26px rgba(20,25,35,.06);font-size:14px;color:var(--muted)}
.ct-help b{color:var(--ink);font-size:16px}
.ct-help .hn-btn{margin-top:8px;height:44px}


.ct-main{display:grid;grid-template-columns:250px minmax(0,1fr);gap:28px;align-items:start}
.ct-side{position:sticky;top:calc(var(--sc-stick,0px) + 14px)}
.ct-box{padding:16px;border:1px solid var(--line);border-radius:16px;background:#fff;margin-bottom:14px}
.ct-box h3{margin:0 0 10px;font-size:14px;font-weight:800;text-transform:uppercase;letter-spacing:.6px;color:var(--ink)}
.ct-list{list-style:none;margin:0;padding:0}
.ct-list a{display:flex;justify-content:space-between;gap:8px;padding:7px 10px;border-radius:10px;font-size:14px;color:#3d4652}
.ct-list a:hover{background:#fff4f3;color:var(--red)}
.ct-list a[aria-current]{background:#fff1f0;color:var(--red);font-weight:700}
.ct-list small{color:var(--muted);font-size:12px}
.ct-box .sc-f-price{margin:0;display:grid;grid-template-columns:1fr 1fr;gap:8px}
.ct-box .sc-f-price input{margin:0}
.ct-box .sc-f-price .btn{grid-column:1/-1;border-radius:10px}
.ct-box-bulk{display:flex;flex-direction:column;gap:4px;background:linear-gradient(135deg,#fff4f3,#fff);border-color:#f6e1df;font-size:13.5px;color:var(--muted)}
.ct-box-bulk b{color:var(--ink);font-size:15px}
.ct-box-bulk a{margin-top:6px;font-weight:700;color:var(--red)}
.ct-products .sc-toolbar{margin-top:0}

.ct-guide{margin:44px 0 0}
.ct-guide-scroll{overflow-x:auto;border:1px solid var(--line);border-radius:16px}
.ct-guide table{width:100%;border-collapse:collapse;min-width:640px;font-size:14px}
.ct-guide th,.ct-guide td{padding:12px 16px;text-align:left;border-bottom:1px solid var(--line);vertical-align:middle}
.ct-guide thead th{background:var(--char,#22252b);color:#fff;font-size:12.5px;text-transform:uppercase;letter-spacing:.06em}
.ct-guide tbody tr:last-child th,.ct-guide tbody tr:last-child td{border-bottom:0}
.ct-guide tbody tr:nth-child(even){background:#fcfcfd}
.ct-guide tbody th a{font-weight:700;color:var(--ink)}
.ct-guide tbody th a:hover{color:var(--red)}
.ct-guide td small{color:var(--muted)}
.ct-note{margin:8px 0 0;font-size:12.5px;color:var(--muted)}

.ct-seo{margin:44px 0 0}
.ct-article{max-width:880px;font-size:15px;line-height:1.75;color:#3d4652}
.ct-article h2{font-size:22px;font-weight:800;color:var(--ink);margin:30px 0 10px;letter-spacing:-.3px}
.ct-article h2:first-child{margin-top:0}
.ct-article ul{padding-left:20px;margin:0 0 14px}
.ct-article li{margin-bottom:6px}
.ct-article a{color:var(--red);text-decoration:underline;text-underline-offset:3px}
.ct-article strong{color:var(--ink)}
.ct-faq{margin-top:44px}
.ct-faq .hn-faq-in{padding:0}

@media (max-width:1099px){.ct-hero{grid-template-columns:1fr}.ct-main{grid-template-columns:220px minmax(0,1fr);gap:20px}}
@media (max-width:900px){
  .ct-main{grid-template-columns:1fr}
  .ct-side{position:static}
  .ct-hero h1{font-size:30px}
}
@media (max-width:560px){
  .ct-hero{padding:20px 18px;margin-top:0}
  .ct-hero h1{font-size:27px}
  .ct-hero-txt>p{font-size:14.5px}
}
.ct-faq h2{font-size:22px;font-weight:800;letter-spacing:-.3px;margin:0}

.ct-guide h2{font-size:22px;font-weight:800;margin:0 0 14px;letter-spacing:-.3px}
.ct-type-cls{display:inline-block;padding:2px 8px;border-radius:6px;background:#fff1f0;color:var(--red);font-size:11px;font-weight:700;white-space:nowrap}
.ct-faq{margin-bottom:56px}
/* Cards in two-column phone grids: compact chips and buttons that fit */
@media (max-width:560px){
  .sc-card-opts{gap:3px;font-size:10.5px}
  .sc-card-opts .sc-card-opts-l{display:none}
  .sc-card-opts span{padding:2px 5px}
  .sc-card-opts span:not(.sc-card-opts-l):not(.sc-card-more){flex:none;max-width:none}
  .sc-card-foot{gap:6px}
  .sc-card-btn{min-width:0;padding:0 6px;font-size:11.5px;gap:3px}
  .sc-card-btn svg{display:none}
  .sc-card-wa{flex:none;width:32px;height:32px}
}
.ct-end{height:40px}
/* "View all products" line at the end of category menus */
.sc-catlist>li.sc-cat-all{border-top:1px solid var(--line);margin-top:6px;padding-top:4px}
.sc-catlist>li.sc-cat-all>a{color:var(--red);font-weight:700}
.sc-catlist>li.sc-cat-all>a::after{display:none}
.h2-side .sc-catlist>li.sc-cat-all>a{color:var(--red)}
.sc-cats-panel:target{z-index:90}
.sc-cats-panel .sc-cats-head{z-index:3;background:#fff}

/* ===== Mobile v2 (preview ?mob=new, phones only) ===== */
.m2-cats,.m2-bar{display:none}
@media (max-width:900px){
  /* Bottom bar with icons; replaces the old text bar and the floating WhatsApp button */
  .sc-m2 .sc-mbar,.sc-m2 .wa-fab,.sc-m2 .sc-totop{display:none!important}
  .sc-m2 .m2-bar{display:grid;grid-template-columns:repeat(5,1fr);align-items:end;position:fixed;inset:auto 0 0 0;z-index:70;background:rgba(255,255,255,.97);backdrop-filter:blur(8px);border-top:1px solid var(--line);box-shadow:0 -6px 20px rgba(20,25,35,.06);padding:6px 4px calc(6px + env(safe-area-inset-bottom,0px))}
  .sc-m2 .m2-bar a{display:flex;flex-direction:column;align-items:center;gap:2px;padding:4px 0;font-size:11px;font-weight:600;color:#5b6370}
  .sc-m2 .m2-bar a[aria-current]{color:var(--red)}
  .sc-m2 .m2-bar a:active{transform:scale(.94)}
  .sc-m2 .m2-bar-wa{color:#178f45!important}
  .sc-m2 .m2-bar-wa-ic{display:grid;place-items:center;width:52px;height:52px;margin-top:-26px;border-radius:50%;background:linear-gradient(145deg,#2ee07a,#1aa851);box-shadow:0 8px 18px rgba(26,168,81,.4);border:3px solid #fff}
  .sc-m2.sc-pd-new .m2-bar{display:none}
  .sc-m2 .ft-bottom{padding-bottom:calc(84px + env(safe-area-inset-bottom,0px))}
  .sc-m2 .hn-band,.sc-m2 .sc-page{scroll-margin-bottom:80px}

  /* Homepage category scroller */
  .sc-m2 .m2-cats{display:block;padding:16px 0 4px}
  .sc-m2 .m2-cats-row{display:flex;gap:12px;overflow-x:auto;padding:0 16px 6px;scroll-snap-type:x mandatory;scrollbar-width:none}
  .sc-m2 .m2-cats-row::-webkit-scrollbar{display:none}
  .sc-m2 .m2-cats-row a{flex:0 0 74px;display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center;font-size:11.5px;font-weight:600;line-height:1.25;color:var(--ink);scroll-snap-align:start}
  .sc-m2 .m2-cats-img{display:grid;place-items:center;width:64px;height:64px;border-radius:50%;background:#fff;border:1px solid #f3d6d3;box-shadow:0 4px 12px rgba(224,52,52,.08);overflow:hidden}
  .sc-m2 .m2-cats-img img{width:78%;height:78%;object-fit:contain}
  .sc-m2 .m2-cats-all .m2-cats-img{background:#fff1f0;color:var(--red)}

  /* Trust points as one swipe row */
  .sc-m2 .hn-trust{margin-top:10px!important}
  .sc-m2 .hn-trust .wrap{display:flex!important;gap:8px;overflow-x:auto;padding:4px 16px 6px!important;background:none!important;box-shadow:none!important;border:0!important;border-radius:0;width:auto!important;max-width:none!important;scrollbar-width:none}
  .sc-m2 .hn-trust .wrap::-webkit-scrollbar{display:none}
  .sc-m2 .hn-trust-i{flex:0 0 auto;padding:8px 12px 8px 8px!important;border:1px solid var(--line)!important;border-radius:14px;background:#fff;gap:8px!important}
  .sc-m2 .hn-trust-i b{white-space:nowrap}
  .sc-m2 .hn-trust-i span:last-child{white-space:nowrap}
}
@media (max-width:560px){
  /* Slider: shorter, buttons side by side */
  .sc-m2 .h2-slider{min-height:400px}
  .sc-m2 .h2-slide-txt{padding:22px 18px 46px}
  .sc-m2 .h2-slide h1,.sc-m2 .h2-title{font-size:26px;margin-bottom:8px}
  .sc-m2 .h2-text{font-size:13.5px;margin-bottom:14px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
  .sc-m2 .h2-cta{flex-wrap:nowrap;gap:8px}
  .sc-m2 .h2-cta .hn-btn{flex:1;height:42px;padding:0 10px;font-size:13px;white-space:nowrap}
  .sc-m2 .h2-dots{bottom:18px}
  .sc-m2 .hn-head p{font-size:13.5px}

  /* Homepage: lighter sections */
  .sc-m2 .hn-sec{padding-top:28px}
  .sc-m2 .hn-why-i p{font-size:13px}
  .sc-m2 .hn-ind-grid{display:flex;overflow-x:auto;gap:10px;scrollbar-width:none}
  .sc-m2 .hn-ind-i{flex:0 0 132px}
  .sc-m2 .hn-steps ol{display:flex;overflow-x:auto;gap:10px;scroll-snap-type:x mandatory;scrollbar-width:none}
  .sc-m2 .hn-steps li{flex:0 0 82%;scroll-snap-align:start}

  /* Tap-to-open SEO cards and footer columns */
  .sc-m2 .m2-fold>h3,.sc-m2 .m2-fold>.ft-h{position:relative;cursor:pointer;padding-right:28px;margin-bottom:0}
  .sc-m2 .m2-fold>h3::after,.sc-m2 .m2-fold>.ft-h::after{content:"+";position:absolute;right:2px;top:50%;transform:translateY(-50%);font-size:20px;font-weight:500;color:var(--red)}
  .sc-m2 .m2-fold.is-open>h3::after,.sc-m2 .m2-fold.is-open>.ft-h::after{content:"\2212"}
  .sc-m2 .m2-fold:not(.is-open)>:not(h3):not(.ft-h){display:none}
  .sc-m2 .m2-fold.is-open>h3{margin-bottom:8px}
  .sc-m2 .hn-seo-grid>div{padding:14px 16px}
  .sc-m2 .ft-cols{grid-template-columns:1fr!important;gap:0!important}
  .sc-m2 .ft-cols>.m2-fold{border-bottom:1px solid #efdedc;padding:14px 0}
  .sc-m2 .ft-cols>.m2-fold.is-open>ul{margin-top:12px}
  .sc-m2 .ft-about{padding-bottom:16px;border-bottom:1px solid #efdedc}

  /* Category / shop: short hero, products sooner */
  .sc-m2 .ct-hero{padding:16px;margin-bottom:14px;border-radius:16px}
  .sc-m2 .ct-eyebrow{margin-bottom:6px;font-size:11px}
  .sc-m2 .ct-hero h1{font-size:24px;margin-bottom:6px}
  .sc-m2 .ct-hero-txt>p{font-size:13.5px;line-height:1.55;margin:0;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
  .sc-m2 .ct-hero-txt>p.is-open{display:block;-webkit-line-clamp:unset}
  .sc-m2 .m2-more{border:0;background:none;padding:2px 0 0;color:var(--red);font:700 13px var(--font);cursor:pointer}
  .sc-m2 .ct-stats{flex-wrap:nowrap;overflow-x:auto;margin-top:12px;scrollbar-width:none}
  .sc-m2 .ct-stats li{flex:none;white-space:nowrap;padding:5px 10px;font-size:12.5px}
  .sc-m2 .ct-help{display:none}
  .sc-m2 .sc-toolbar{position:sticky;top:var(--sc-stick,0px);z-index:15;box-shadow:0 6px 14px rgba(20,25,35,.06)}
}
@media (max-width:900px){
  .sc-m2 .ct-hero{grid-template-columns:minmax(0,1fr)}
  .sc-m2 .ct-hero-txt{min-width:0}
  .sc-m2 .m2-cats-row{scroll-padding-inline:16px}
}

/* ===== Mobile v2, round 2: nested categories panel, contact block, 5-button bar, search box ===== */
@media (max-width:900px){
  /* Categories panel: top level only, arrow opens the next level */
  .sc-m2 .sc-cats-panel:target{padding:0 0 0;display:flex;flex-direction:column}
  .sc-m2 .sc-cats-panel .sc-cats-head{padding:14px 16px;font-size:17px;border-bottom:1px solid var(--line);margin:0}
  .sc-m2 .sc-cats-panel>.sc-catlist{flex:1;padding:6px 8px}
  .sc-m2 .sc-cats-panel .sc-catlist li{position:relative}
  .sc-m2 .sc-cats-panel .sc-catlist>li>a{display:block;padding:13px 52px 13px 10px;border-bottom:1px solid #f1f2f4;font-weight:600;font-size:15px;color:var(--ink)}
  .sc-m2 .sc-cats-panel .sc-catlist ul{display:none;margin:0;padding:4px 0 8px 12px;background:#fafbfc;border-radius:0 0 12px 12px}
  .sc-m2 .sc-cats-panel .sc-catlist li.is-open>ul{display:block}
  .sc-m2 .sc-cats-panel .sc-catlist ul a{display:block;padding:10px 48px 10px 10px;font-size:14px;color:#3d4652;border-bottom:0}
  .sc-m2 .sc-cats-panel .sc-catlist ul ul{background:none;padding-left:14px}
  .sc-m2 .sc-cats-panel .sc-catlist ul ul a{font-size:13.5px;color:var(--muted);padding:8px 10px}
  .sc-m2 .m2-tog{position:absolute;right:2px;top:4px;width:40px;height:40px;border:0;border-radius:10px;background:#f5f6f8;cursor:pointer}
  .sc-m2 .sc-catlist ul .m2-tog{top:2px;width:36px;height:36px;background:transparent}
  .sc-m2 .m2-tog::after{content:"";position:absolute;left:50%;top:50%;width:8px;height:8px;border-right:2px solid var(--ink);border-bottom:2px solid var(--ink);transform:translate(-50%,-70%) rotate(45deg);transition:transform .2s ease}
  .sc-m2 li.is-open>.m2-tog{background:#fff1f0}
  .sc-m2 li.is-open>.m2-tog::after{border-color:var(--red);transform:translate(-50%,-30%) rotate(-135deg)}
  .sc-m2 li.is-open>a{color:var(--red)!important}
  .sc-m2 .sc-cats-panel .sc-cat-all{border-top:0;margin-top:0}
  .sc-m2 .sc-cats-svc{padding:0 18px 16px}
  .sc-m2 .sc-cats-svc a{border-bottom-color:#f1f2f4}
  .sc-m2 .sc-cats-panel .sc-cat-all>a{color:var(--red)!important;border-bottom:0!important}
  .m2-panel-foot{padding:18px 16px calc(24px + env(safe-area-inset-bottom,0px));background:#fbf6f5;border-top:1px solid #f1e3e1;text-align:center}
  .m2-panel-foot p{margin:0 0 10px;font-weight:700;font-size:14px;color:var(--ink)}
  .m2-panel-btns{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:18px}
  .m2-panel-btns a{display:flex;flex-direction:column;align-items:center;gap:4px;padding:10px 4px;border-radius:12px;font-size:12.5px;font-weight:700;color:#fff}
  .m2-pb-call{background:var(--red)}
  .m2-pb-wa{background:#1fae54}
  .m2-pb-mail{background:var(--char,#22252b)}
  .m2-panel-logo img{height:34px;width:auto}
  .m2-panel-foot small{display:block;margin-top:4px;font-size:12px;color:var(--muted)}

  /* Bottom bar: five buttons, WhatsApp raised in the middle */
  .sc-m2 .m2-bar a span{white-space:nowrap}

}

/* Header text: long label on laptop, short on phones */
.hd-s{display:none}

/* ===== Mobile v2, round 3: top strip, search box, enquiry list, share, recently viewed, install ===== */
.hd-list{display:none}
.sc-m2 .hd-list{display:inline-flex;align-items:center;gap:8px;position:relative;height:44px;padding:0 14px;border:1px solid var(--line);border-radius:12px;background:#fff;color:var(--ink);font:700 14px var(--font);cursor:pointer}
.sc-m2 .hd-list:hover{border-color:#f3c2bd;color:var(--red)}
.hd-list-n{position:absolute;top:-7px;right:-7px;min-width:20px;height:20px;padding:0 5px;border-radius:999px;background:var(--red);color:#fff;font-size:11.5px;line-height:20px;text-align:center;box-shadow:0 0 0 2px #fff}
.sc-card-add{display:none}
.sc-m2 li.sc-card{position:relative}
.sc-m2 .sc-card-add{display:grid;place-items:center;position:absolute;top:8px;right:8px;z-index:2;width:34px;height:34px;border:1px solid var(--line);border-radius:50%;background:#fff;color:var(--ink);box-shadow:0 4px 10px rgba(20,25,35,.08);cursor:pointer;transition:background .2s ease,color .2s ease}
.sc-m2 .sc-card-add:hover,.sc-m2 .sc-card-add.is-added{background:var(--red);border-color:var(--red);color:#fff}
.sc-pd-tools{display:flex;gap:10px;margin:12px 0 4px}
.sc-pd-tools button{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:8px;height:46px;border:1.5px solid var(--line);border-radius:12px;background:#fff;color:var(--ink);font:700 14.5px var(--font);cursor:pointer}
.sc-pd-tools .sc-pd-add{flex:2;border-color:#f3c2bd;color:var(--red);background:#fff8f7}
.sc-pd-tools button:hover{border-color:var(--red)}
.sc-toast{position:fixed;left:50%;bottom:calc(84px + env(safe-area-inset-bottom,0px));z-index:120;display:flex;align-items:center;gap:14px;max-width:calc(100% - 32px);padding:12px 14px 12px 18px;border-radius:14px;background:var(--char,#22252b);color:#fff;font-size:14px;box-shadow:0 12px 30px rgba(0,0,0,.25);transform:translate(-50%,20px);opacity:0;pointer-events:none;transition:all .25s ease}
.sc-toast.is-on{transform:translate(-50%,0);opacity:1;pointer-events:auto}
.sc-toast button{border:0;background:none;color:#ffb4ad;font:800 14px var(--font);cursor:pointer;white-space:nowrap}
@media (min-width:901px){.sc-toast{bottom:28px}}
.sc-ld{margin:0 0 0 auto;width:min(440px,100%);max-width:100%;height:100%;max-height:100%;padding:0;border:0;background:#fff;display:none;flex-direction:column}
.sc-ld[open]{display:flex}
.sc-ld::backdrop{background:rgba(15,20,30,.45)}
.sc-ld-head{display:flex;align-items:center;justify-content:space-between;padding:16px 18px;border-bottom:1px solid var(--line);font-size:17px}
.sc-ld-n{color:var(--muted);font-weight:600}
.sc-ld-x{border:0;background:none;font-size:30px;line-height:1;cursor:pointer;color:var(--ink)}
.sc-ld-body{flex:1;overflow:auto;padding:6px 18px}
.sc-ld-body ul{list-style:none;margin:0;padding:0}
.sc-ld-body li{display:flex;gap:12px;align-items:flex-start;padding:14px 0;border-bottom:1px solid #f1f2f4;position:relative}
.sc-ld-img{flex:none;width:56px;height:56px;border:1px solid var(--line);border-radius:10px;overflow:hidden;display:grid;place-items:center}
.sc-ld-img img{width:90%;height:90%;object-fit:contain}
.sc-ld-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px;padding-right:24px}
.sc-ld-info a{font-weight:700;font-size:14px;line-height:1.35;color:var(--ink)}
.sc-ld-info small{font-size:12.5px;color:var(--muted)}
.sc-ld-info .sc-ld-pick{color:#b26a00}
.sc-ld-qty{display:inline-flex;align-items:center;align-self:flex-start;margin-top:4px;border:1px solid var(--line);border-radius:10px;overflow:hidden}
.sc-ld-qty button{width:32px;height:30px;border:0;background:#f6f7f9;font-size:16px;cursor:pointer}
.sc-ld-qty span{min-width:34px;text-align:center;font-weight:700;font-size:14px}
.sc-ld-del{position:absolute;right:0;top:12px;border:0;background:none;font-size:22px;color:var(--muted);cursor:pointer}
.sc-ld-empty{display:flex;flex-direction:column;gap:6px;padding:40px 10px;text-align:center;color:var(--muted);font-size:14px}
.sc-ld-empty b{color:var(--ink);font-size:16px}
.sc-ld-foot{padding:14px 18px calc(16px + env(safe-area-inset-bottom,0px));border-top:1px solid var(--line);display:flex;flex-direction:column;gap:10px;background:#fbfbfc}
.sc-ld-wa{display:flex;align-items:center;justify-content:center;height:50px;border-radius:12px;background:#1fae54;color:#fff;font-weight:800;font-size:16px}
.sc-ld-wa:hover{color:#fff;background:#178f45}
.sc-ld-row{display:flex;gap:10px}
.sc-ld-row>*{flex:1;display:flex;align-items:center;justify-content:center;height:42px;border:1px solid var(--line);border-radius:12px;background:#fff;color:var(--ink);font:700 14px var(--font);cursor:pointer}
.sc-ld-foot small{text-align:center;color:var(--muted);font-size:12px}
.sc-rv{margin:36px 0 0}
.sc-rv h2,.sc-rv-home h2{font-size:22px;font-weight:800;margin:0 0 14px}
.sc-rv-row{display:flex;gap:12px;overflow-x:auto;padding-bottom:6px;scrollbar-width:thin}
.sc-rv-row a{flex:0 0 150px;display:flex;flex-direction:column;gap:4px;padding:10px;border:1px solid var(--line);border-radius:14px;background:#fff;color:var(--ink)}
.sc-rv-img{display:grid;place-items:center;aspect-ratio:1;border-radius:10px;overflow:hidden}
.sc-rv-img img{width:84%;height:84%;object-fit:contain}
.sc-rv-row b{font-size:13px;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.sc-rv-row small{font-size:12px;color:var(--muted)}
.m2-install{display:inline-flex;align-items:center;justify-content:center;gap:8px;width:100%;height:44px;margin:0 0 16px;border:1.5px dashed #e8b4ae;border-radius:12px;background:#fff;color:var(--red);font:700 14px var(--font);cursor:pointer}
.m2-install[hidden]{display:none}

@media (max-width:900px){
  /* Top strip: all three points, charcoal so the red buttons stand out */
  .sc-m2 .hd-top{background:var(--char,#22252b)!important;color:#fff}
  .sc-m2 .hd-top .wrap{min-height:30px;padding-inline:10px}
  .sc-m2 .hd-promise{width:100%;justify-content:space-between;gap:6px;font-size:11.5px;font-weight:600}
  .sc-m2 .hd-promise li{display:flex!important;gap:4px}
  .sc-m2 .hd-promise svg{width:13px;height:13px;color:#ff8a80!important}
  .sc-m2 .hd-l{display:none}
  .sc-m2 .hd-s{display:inline}

  /* Header row: menu, logo, enquiry list, quote */
  .sc-m2 .hd-list{height:40px;width:40px;padding:0;justify-content:center;border-radius:10px}
  .sc-m2 .hd-list-t{display:none}
  .sc-m2 .hd-acts{gap:8px}

  /* Search box: white, red outline, red round search button */
  .sc-m2 .hd-search{height:48px;border:1.5px solid #f0c4bf;border-radius:14px;background:#fff;box-shadow:0 4px 14px rgba(224,52,52,.08)}
  .sc-m2 .hd-search:focus-within{border-color:var(--red);box-shadow:0 0 0 4px rgba(224,52,52,.12)}
  .sc-m2 .hd-search input[type=search]{padding:0 8px 0 14px;font-size:15px;background:transparent}
  .sc-m2 .hd-search input::placeholder{color:#8c939e}
  .sc-m2 .hd-search button{width:40px;height:40px;margin-right:3px;padding:0;justify-content:center;border-radius:11px}
  .sc-m2 .hd-search button span{display:none!important}
  .sc-m2 .hd-search button svg{display:block}
  .sc-m2 .hd-suggest{border-radius:16px}

  .sc-m2 .sc-pd-tools{margin-top:10px}
}
@media (max-width:380px){.sc-m2 .hd-promise{font-size:10.8px}.sc-m2 .hd-quote{padding:0 12px}}
.sc-toast{width:max-content;white-space:nowrap}
@media (max-width:1439px){.sc-m2 .hd-list{width:44px;padding:0;justify-content:center}.sc-m2 .hd-list-t{display:none}.sc-m2 .hd-cat{max-width:120px}}

/* Enquiry list: floating "My list" button (only when the list has items), list link in the menu panel, iPhone install sheet */
.sc-list-fab{position:fixed;left:16px;bottom:24px;z-index:65;display:inline-flex;align-items:center;gap:8px;height:46px;padding:0 8px 0 16px;border:0;border-radius:999px;background:var(--char,#22252b);color:#fff;font:700 14px var(--font);box-shadow:0 10px 24px rgba(0,0,0,.22);cursor:pointer}
.sc-list-fab[hidden]{display:none}
.sc-list-fab b{min-width:28px;height:30px;padding:0 8px;border-radius:999px;background:var(--red);line-height:30px;text-align:center}
@media (max-width:900px){.sc-list-fab{left:12px;bottom:calc(78px + env(safe-area-inset-bottom,0px));height:42px}}
.sc-pd-new .sc-list-fab{bottom:calc(84px + env(safe-area-inset-bottom,0px))}
@media (min-width:901px){.sc-pd-new .sc-list-fab{bottom:24px}}
.m2-mylist{display:inline-flex;align-items:center;justify-content:center;gap:8px;width:100%;height:44px;margin:0 0 10px;border:1px solid var(--line);border-radius:12px;background:#fff;color:var(--ink);font:700 14px var(--font);cursor:pointer}
.m2-mylist b{min-width:22px;height:22px;padding:0 6px;border-radius:999px;background:var(--red);color:#fff;font-size:12px;line-height:22px}
.m2-mylist b[hidden]{display:none}
.sc-ios{width:min(420px,100%);max-width:100%;margin:auto auto 0;padding:0;border:0;border-radius:22px 22px 0 0;background:#fff}
.sc-ios::backdrop{background:rgba(15,20,30,.5)}
.sc-ios-in{position:relative;display:flex;flex-direction:column;align-items:center;gap:4px;padding:26px 22px calc(26px + env(safe-area-inset-bottom,0px));text-align:center}
.sc-ios-in>img{border-radius:16px;box-shadow:0 6px 16px rgba(0,0,0,.12);margin-bottom:8px}
.sc-ios-in>b{font-size:18px}
.sc-ios-in>span{color:var(--muted);font-size:14px}
.sc-ios-x{position:absolute;right:12px;top:8px;border:0;background:none;font-size:30px;line-height:1;color:var(--muted);cursor:pointer}
.sc-ios ol{list-style:none;margin:16px 0 10px;padding:0;width:100%;text-align:left;display:flex;flex-direction:column;gap:10px}
.sc-ios li{display:flex;align-items:center;flex-wrap:wrap;gap:6px;padding:12px 14px;border-radius:14px;background:#f6f7f9;font-size:14.5px;line-height:1.4}
.sc-ios li i{flex:none;display:grid;place-items:center;width:24px;height:24px;margin-right:4px;border-radius:50%;background:var(--red);color:#fff;font-style:normal;font-weight:800;font-size:13px}
.sc-ios li svg{vertical-align:middle}
.sc-ios small{color:var(--muted);font-size:12.5px}

/* ===== Brand page (0.29) ===== */
.br-hero{grid-template-columns:150px minmax(0,1fr) 300px;align-items:center}
.br-logo{display:grid;place-items:center;width:150px;height:150px;border-radius:20px;background:#fff;border:1px solid var(--line);box-shadow:0 8px 22px rgba(20,25,35,.06);padding:16px}
.br-logo img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain}
.br-logo b{font-size:22px;text-align:center}
.br-chips{display:flex;gap:8px;overflow-x:auto;margin:0 0 18px;padding-bottom:4px;scrollbar-width:none}
.br-chips::-webkit-scrollbar{display:none}
.br-chips a{flex:none;display:inline-flex;align-items:center;gap:6px;height:38px;padding:0 14px;border:1px solid var(--line);border-radius:999px;background:#fff;color:var(--ink);font-size:14px;font-weight:600;white-space:nowrap}
.br-chips a small{color:var(--muted);font-weight:500}
.br-chips a:hover{border-color:#f3c2bd;color:var(--red)}
.br-chips a[aria-current]{background:var(--red);border-color:var(--red);color:#fff}
.br-chips a[aria-current] small{color:#ffe1de}
.br-products .sc-toolbar{margin-top:0}
.br-products .woocommerce ul.products,.br-products ul.products{grid-template-columns:repeat(5,1fr)}
.br-others{margin:44px 0 0}
.br-others h2{font-size:22px;font-weight:800;margin:0 0 14px}
.br-others-row{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}
.br-others-row a{display:flex;flex-direction:column;align-items:center;gap:4px;padding:14px;border:1px solid var(--line);border-radius:16px;background:#fff;color:var(--ink);text-align:center;transition:border-color .2s ease,box-shadow .2s ease}
.br-others-row a:hover{border-color:#f3c2bd;box-shadow:0 10px 22px rgba(20,25,35,.07);color:var(--ink)}
.br-others-row span{display:grid;place-items:center;height:56px;width:100%}
.br-others-row img{max-height:52px;width:auto;max-width:100%;object-fit:contain}
.br-others-row b{font-size:14px}
.br-others-row small{font-size:12px;color:var(--muted)}
@media (max-width:1199px){.br-products ul.products{grid-template-columns:repeat(4,1fr)}}
@media (max-width:1099px){.br-hero{grid-template-columns:120px minmax(0,1fr)}.br-hero .ct-help{grid-column:1/-1}.br-logo{width:120px;height:120px}}
@media (max-width:900px){.br-products ul.products{grid-template-columns:repeat(3,1fr)}}
@media (max-width:560px){
  .br-hero{grid-template-columns:72px minmax(0,1fr);gap:14px;align-items:start}
  .br-logo{width:72px;height:72px;padding:8px;border-radius:14px}
  .br-hero .ct-hero-txt{min-width:0}
  .br-hero h1{font-size:26px}
  .br-products ul.products{grid-template-columns:repeat(2,1fr)}
  .br-others-row{grid-template-columns:repeat(2,1fr)}
}
.br-products .sc-filter-btn{display:none!important}
.br-products .sc-toolbar{justify-content:flex-end}
.sc-ios li{display:block;padding-left:48px;position:relative}
.sc-ios li i{position:absolute;left:14px;top:12px}
.sc-ios li svg{display:inline-block;margin:0 2px;vertical-align:-5px}
/* Brand hero on phones: wide logo tile beside the name, text full width below */
@media (max-width:560px){
  .br-hero,.sc-m2 .br-hero{grid-template-columns:104px minmax(0,1fr)!important;column-gap:14px;row-gap:0;align-items:center}
  .br-hero .ct-hero-txt{display:contents}
  .br-hero .br-logo{grid-column:1;grid-row:1 / span 2;width:104px;height:72px;padding:8px 10px;border-radius:14px;align-self:center}
  .br-hero .br-logo img{width:100%;height:100%;object-fit:contain}
  .br-hero .ct-eyebrow{grid-column:2;grid-row:1;justify-self:start;align-self:end;margin:0 0 4px}
  .br-hero h1{grid-column:2;grid-row:2;align-self:start;margin:0;font-size:26px;line-height:1.15}
  .br-hero .ct-hero-txt>p,.br-hero .m2-more,.br-hero .ct-stats,.br-hero .ct-help{grid-column:1 / -1}
  .br-hero .ct-hero-txt>p{margin-top:14px}
  .br-hero .ct-stats{margin-top:12px}
  .br-hero .ct-help{margin-top:14px}
  .br-hero .m2-more{justify-self:start}
}

/* ===== Service pages: trainings (inc/services.php, service.php; preview, noindex) ===== */
.sv{padding-bottom:40px}
.sv-hero{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:28px;align-items:center;margin:6px 0 30px;padding:30px;border-radius:20px;background:linear-gradient(120deg,#fff4f3 0%,#fff 70%);border:1px solid #f6e1df}
.sv-hero h1{margin:0 0 12px;font-size:38px;line-height:1.12;letter-spacing:-.8px;font-weight:800}
.sv-hero-txt>p{margin:0 0 16px;color:#3d4652;font-size:15.5px;line-height:1.65;max-width:680px}
.sv-chips{list-style:none;margin:0 0 20px;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.sv-chips li{display:inline-flex;align-items:center;gap:7px;padding:7px 12px;border-radius:10px;background:#fff;border:1px solid var(--line);font-size:13.5px;font-weight:600;color:var(--ink)}
.sv-chips svg{width:18px;height:18px;color:var(--red);flex:none}
.sv-btns{display:flex;flex-wrap:wrap;gap:10px}
.sv-hero-img img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:16px;box-shadow:0 14px 34px rgba(20,25,35,.12)}
.sv-sec{margin:44px 0 0}
.sv-head{margin-bottom:16px}
.sv-head h2,.sv-form-side h2{font-size:24px;font-weight:800;letter-spacing:-.3px;margin:0 0 6px}
.sv-head p{margin:0;color:var(--muted);font-size:14.5px;max-width:760px}
.sv-head-row{display:flex;justify-content:space-between;align-items:end;gap:12px}
.sv-group{margin:22px 0 10px;font-size:13px;font-weight:800;text-transform:uppercase;letter-spacing:.7px;color:var(--red)}
.sv-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.sv-card{display:flex;flex-direction:column;gap:6px;padding:18px;border:1px solid var(--line);border-radius:16px;background:#fff;font-size:14px;color:var(--muted);transition:border-color .2s,box-shadow .2s}
.sv-card:hover{border-color:#f3c2bd;box-shadow:0 8px 20px rgba(20,25,35,.06)}
.sv-card b{font-size:16px;color:var(--ink);line-height:1.3}
.sv-card b a:hover{color:var(--red)}
.sv-card-cta{margin-top:auto;padding-top:6px;font-weight:700;color:var(--red);font-size:13.5px}
.sv-steps,.sv-learn{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.sv-steps li,.sv-learn li{position:relative;display:flex;flex-direction:column;gap:4px;padding:18px;border-radius:16px;background:#fff7f6;border:1px solid #f6e1df;font-size:14px;color:#3d4652;line-height:1.55}
.sv-steps span,.sv-learn span{display:grid;place-items:center;width:32px;height:32px;border-radius:10px;background:var(--rd,var(--red));color:#fff;font-weight:800;font-size:14px;margin-bottom:6px}
.sv-steps b,.sv-learn b{color:var(--ink);font-size:15.5px}
.sv-run-in{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:18px;align-items:start}
.sv-fmt{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.sv-fmt>div{display:flex;flex-direction:column;gap:4px;padding:16px;border:1px solid var(--line);border-radius:14px;background:#fff;font-size:14px;color:var(--muted)}
.sv-fmt b{color:var(--ink);font-size:15px}
.sv-who{padding:20px;border-radius:16px;background:var(--char,#22252b);color:#e7e9ec}
.sv-who h3{color:#fff;font-size:17px;font-weight:800;margin:0 0 12px}
.sv-ticks{list-style:none;margin:0 0 16px;padding:0;display:flex;flex-direction:column;gap:8px;font-size:14.5px}
.sv-ticks li{position:relative;padding-left:26px}
.sv-ticks li::before{content:"";position:absolute;left:0;top:3px;width:17px;height:17px;border-radius:50%;background:var(--red) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 12l4 4 8-8'/%3E%3C/svg%3E") center/11px no-repeat}
.sv-who .sv-ticks{margin:0}
.sv-form-sec{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:30px;margin:48px 0 0;padding:30px;border-radius:20px;background:linear-gradient(135deg,#fff4f3,#fff 60%);border:1px solid #f6e1df;scroll-margin-top:calc(var(--sc-stick,0px) + 16px)}
.sv-form-side p{color:#3d4652;font-size:14.5px;margin:0 0 16px}
.sv-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 14px;margin:0;padding:22px;border-radius:16px;background:#fff;border:1px solid var(--line);box-shadow:0 10px 26px rgba(20,25,35,.06)}
.sv-form label{display:flex;flex-direction:column;gap:5px;font-size:13px;font-weight:700;color:var(--ink);min-width:0}
.sv-form label:first-child{grid-column:1/-1}
.sv-form input,.sv-form select,.sv-form textarea{width:100%;margin:0;padding:11px 12px;border:1px solid #d5dae0;border-radius:10px;background:#fff;font:inherit;font-size:15px;font-weight:500;color:var(--ink)}
.sv-form input:focus,.sv-form select:focus,.sv-form textarea:focus{outline:none;border-color:var(--red);box-shadow:0 0 0 3px rgba(224,52,52,.12)}
.sv-form .sv-wide{grid-column:1/-1}
.sv-form button{width:100%;border:0;cursor:pointer;font:inherit;font-weight:700}
.sv-form button:disabled{opacity:.6}
.sv-msg{margin:0;font-size:14px;font-weight:600;color:var(--ink);min-height:1em}
.sv-msg:empty{display:none}
.sv-hp{position:absolute!important;left:-9999px!important;width:1px;height:1px}
.sv .ct-seo{margin-top:44px}
.sc-theme-red .sv-group{color:var(--rd)}
.sc-theme-red .sv-card-cta{color:var(--rd)}
.sc-theme-red .sv-chips svg{color:var(--rd)}
@media (max-width:1099px){
  .sv-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .sv-steps,.sv-learn{grid-template-columns:repeat(2,minmax(0,1fr))}
  .sv-run-in{grid-template-columns:1fr}
}
@media (max-width:900px){
  .sv-hero{grid-template-columns:1fr;padding:22px}
  .sv-hero-img{order:-1}
  .sv-hero-img img{aspect-ratio:21/9}
  .sv-hero h1{font-size:30px}
  .sv-form-sec{grid-template-columns:1fr;gap:18px;padding:22px}
}
@media (max-width:560px){
  .sv-hero{padding:16px;margin-top:0;gap:16px}
  .sv-hero h1{font-size:26px}
  .sv-hero-txt>p{font-size:14.5px}
  .sv-chips li{font-size:12.5px;padding:6px 10px}
  .sv-btns .hn-btn{flex:1}
  .sv-grid,.sv-fmt{grid-template-columns:1fr}
  .sv-steps,.sv-learn{grid-template-columns:1fr}
  .sv-form-sec{padding:16px;margin-left:-4px;margin-right:-4px}
  .sv-form{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:14px}
  .sv-form label:nth-child(4),.sv-form label:nth-child(5){grid-column:1/-1}
  .sv-head h2,.sv-form-side h2{font-size:21px}
  .sv-head-row{flex-direction:column;align-items:start}
}
/* Service cards: the whole card is the link; compact rows on phones */
.sv-card{position:relative}
.sv-card-cta::after{content:"";position:absolute;inset:0;border-radius:16px}
.sv-card b a{position:relative;z-index:1}
.sv-fmt>div:last-child:nth-child(odd){grid-column:1/-1}
.sv-btns .hn-btn{white-space:nowrap}
@media (max-width:560px){
  .sv-btns .hn-btn{padding:0 8px;font-size:13.5px}
  .sv-grid{gap:8px}
  .sv-card{padding:12px 40px 12px 14px;gap:2px;font-size:13px;line-height:1.45}
  .sv-card b{font-size:15px}
  .sv-card-cta{position:static;margin:0;padding:0;height:0;overflow:hidden;font-size:0}
  .sv-card::before{content:"";position:absolute;right:12px;top:50%;width:26px;height:26px;margin-top:-13px;border-radius:50%;background:#fff1f0 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23c62828' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M10 7l5 5-5 5'/%3E%3C/svg%3E") center/16px no-repeat}
  .sv-group{margin:18px 0 8px}
  .sv-steps li,.sv-learn li{padding:14px;flex-direction:column}
}
/* Training photos on cards (old-site photos, no logos) */
.sv-card{overflow:hidden}
.sv-card-img{display:block;margin:-18px -18px 8px;aspect-ratio:16/9;background:#f3f4f6;overflow:hidden}
.sv-card-img img{width:100%;height:100%;object-fit:cover;transition:transform .35s ease}
.sv-card:hover .sv-card-img img{transform:scale(1.04)}
.sv-card-img.is-empty{background:linear-gradient(135deg,#fff1f0,#ffe3e0) center/cover}
.sv-card-img.is-empty::after{content:"";display:block;height:100%;background:var(--rd,var(--red));opacity:.55;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3l7 3v6c0 4.5-3 7.6-7 9-4-1.4-7-4.5-7-9V6z'/%3E%3Cpath d='M9 12l2 2 4-4'/%3E%3C/svg%3E") center/48px no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3l7 3v6c0 4.5-3 7.6-7 9-4-1.4-7-4.5-7-9V6z'/%3E%3Cpath d='M9 12l2 2 4-4'/%3E%3C/svg%3E") center/48px no-repeat}
@media (max-width:560px){
  .sv-card{display:grid;grid-template-columns:72px minmax(0,1fr);column-gap:12px;align-content:center;padding:10px 40px 10px 10px}
  .sv-card-img{grid-row:1/span 3;margin:0;width:72px;height:72px;aspect-ratio:auto;border-radius:10px;align-self:center}
  .sv-card-img.is-empty::after{-webkit-mask-size:30px;mask-size:30px}
}

/* ===== Clean hero (brand hero_clean, Drownfire): on laptops the photo has no dark layer and dark text sits on the
   photo's light side. Phones and tablets keep the normal hero, text on the photo, like SafetyCart (Sachin, 11 Oct). ===== */
@media (min-width:901px){
  .sc-hero-clean .h2-slider{background:#fff;border:1px solid var(--line)}
  .sc-hero-clean .h2-slide::before,.sc-hero-clean.sc-theme-red .h2-slide::before{background:linear-gradient(90deg,rgba(255,255,255,.96) 0%,rgba(255,255,255,.9) 34%,rgba(255,255,255,0) 52%)}
  .sc-hero-clean .h2-slide-bg{object-position:right center}
  .sc-hero-clean .h2-slide-txt{max-width:42%;padding-right:8px}
  .sc-hero-clean .h2-slide h1,.sc-hero-clean .h2-title{font-size:32px}
  .sc-hero-clean .h2-text{font-size:15px}
  .sc-hero-clean .h2-slide-txt{color:var(--ink)}
  .sc-hero-clean .h2-slide h1,.sc-hero-clean .h2-title{color:var(--ink)}
  .sc-hero-clean .h2-text{color:#3d4652}
  .sc-hero-clean .h2-tag{background:#fff;color:var(--red);border:1px solid #f3d6d3}
  .sc-hero-clean .h2-cta .hn-btn-ghost{background:#fff;color:var(--ink);border:1px solid #d5dae0}
  .sc-hero-clean .h2-cta .hn-btn-ghost:hover{border-color:var(--red);color:var(--red)}
  .sc-hero-clean .h2-arrow{background:rgba(255,255,255,.85);color:var(--ink);box-shadow:0 4px 14px rgba(0,0,0,.12)}
  .sc-hero-clean .h2-dots button{background:rgba(27,31,36,.25)}
  .sc-hero-clean .h2-dots button[aria-current="true"]{background:var(--red)}
}

/* ===== Stacked hero on phones (brand hero_stack_m, Drownfire, Sachin 12 Oct): text on top on a light grey that matches
   the photo's wall, the photo below it, cropped to the equipment side so the two read as one block ===== */
@media (max-width:560px){
  .sc-hero-stack .h2-slider{min-height:0;background:#fff}
  .sc-hero-stack .h2-slides{position:relative}
  .sc-hero-stack .h2-slide{display:flex;flex-direction:column-reverse;align-items:stretch;background:linear-gradient(180deg,#fff 0%,#fff 45%,#e9ecf0 100%)}
  .sc-hero-stack .h2-slide::before{display:none}
  .sc-hero-stack .h2-slide-bg{position:relative;inset:auto;width:100%;height:auto;aspect-ratio:1/1;object-position:100% center;-webkit-mask-image:linear-gradient(180deg,transparent 0,#000 72px);mask-image:linear-gradient(180deg,transparent 0,#000 72px);margin-top:-24px}
  .sc-hero-stack .h2-slide-txt{position:relative;z-index:2;color:var(--ink);padding:14px 16px 8px}
  .sc-hero-stack .h2-slide h1,.sc-hero-stack .h2-title{color:var(--ink)}
  .sc-hero-stack .h2-text{color:#3d4652}
  .sc-hero-stack .h2-tag{background:#fff;color:var(--red);border:1px solid #f3d6d3}
  .sc-hero-stack .h2-cta .hn-btn-ghost{background:#fff;color:var(--ink);border:1px solid #d5dae0}
  .sc-hero-stack .h2-dots{left:auto;right:16px;bottom:14px;padding:6px 8px;border-radius:999px;background:rgba(255,255,255,.85)}
  .sc-hero-stack .h2-dots button{background:rgba(27,31,36,.25)}
  .sc-hero-stack .h2-dots button[aria-current="true"]{background:var(--red)}
}

/* ===== Company pages (inc/company.php, brand company_pages): Contact and About Us ===== */
.co .co-hero{grid-template-columns:minmax(0,1fr) auto}
.co-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:0 0 40px}
.co-card{display:flex;flex-direction:column;gap:6px;padding:20px;border:1px solid var(--line);border-radius:16px;background:#fff;color:var(--muted);font-size:14px;line-height:1.55;transition:border-color .2s,box-shadow .2s}
a.co-card:hover{border-color:#f3c2bd;box-shadow:0 8px 20px rgba(20,25,35,.06)}
.co-card svg{color:var(--red);margin-bottom:4px}
.co-card b{color:var(--ink);font-size:16px}
.co-stats{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,150px));gap:12px}
.co-stats li{padding:16px;border-radius:14px;background:#fff;border:1px solid var(--line);display:flex;flex-direction:column;gap:2px}
.co-stats b{font-size:28px;font-weight:800;color:var(--red);letter-spacing:-.5px}
.co-stats span{font-size:13px;color:var(--muted)}
.co-story h2{font-size:22px;font-weight:800;margin:26px 0 8px}
.co-story h2:first-child{margin-top:0}
.co-story p{margin:0;color:#3d4652;font-size:15.5px;line-height:1.7;max-width:860px}
.co-story a{color:var(--red)}
.co-brands{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:12px}
.co-brands a{display:grid;place-items:center;height:84px;padding:10px;border:1px solid var(--line);border-radius:14px;background:#fff}
.co-brands img{max-height:58px;width:auto;object-fit:contain}
.co-brands em{font-style:normal;font-weight:700;color:var(--ink)}
.co-cta{margin-top:44px}
.co .sv-btns .hn-btn-ghost{background:#fff;color:var(--ink);border:1px solid #d5dae0}
.co .sv-btns .hn-btn-ghost:hover{border-color:var(--red);color:var(--red)}
.co-legal{margin:18px 0 0;font-size:13px;color:var(--muted)}
@media (max-width:1023px){.co-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.co-brands{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media (max-width:760px){.co .co-hero{grid-template-columns:1fr}.co-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:560px){.co-cards{grid-template-columns:1fr}.co-brands{grid-template-columns:repeat(3,minmax(0,1fr))}.co-brands a{height:70px}}

/* ===== More banner colours and the small sister-site link (SafetyCart homepage v3, 26 Oct) ===== */
.hn-bn-green{background:linear-gradient(135deg,#16a34a,#14532d)}
.hn-bn-blue{background:linear-gradient(135deg,#2563eb,#1e3a8a)}
.hn-bn-teal{background:linear-gradient(135deg,#0d9488,#134e4a)}
.hd-menu .hd-sis>a{color:var(--muted);font-size:14px;display:inline-flex;align-items:center;gap:6px}
.hd-menu .hd-sis>a:hover{color:var(--red)}
.hd-sis small,.sc-cat-sis small{font-size:10.5px;font-weight:700;line-height:1;padding:3px 7px;border-radius:999px;background:#fdecea;color:var(--red);white-space:nowrap}
.sc-catlist .sc-cat-sis>a{display:flex;align-items:center;justify-content:space-between;gap:8px;color:var(--muted)}
/* Stacked hero on tablets too (brand hero_stack_t): text on white, the light product banner below, wide crop. */
@media (min-width:561px) and (max-width:900px){
  .sc-hero-stack-t .h2-slider{min-height:0;background:#fff}
  .sc-hero-stack-t .h2-slides{position:relative}
  .sc-hero-stack-t .h2-slide{display:flex;flex-direction:column-reverse;align-items:stretch;background:#fff}
  .sc-hero-stack-t .h2-slide::before{display:none}
  .sc-hero-stack-t .h2-slide-bg{position:relative;inset:auto;width:100%;height:auto;aspect-ratio:16/9;object-position:100% center}
  .sc-hero-stack-t .h2-slide-txt{position:relative;z-index:2;color:var(--ink);padding:22px 20px 6px;max-width:none}
  .sc-hero-stack-t .h2-slide h1,.sc-hero-stack-t .h2-title{color:var(--ink)}
  .sc-hero-stack-t .h2-text{color:#3d4652}
  .sc-hero-stack-t .h2-tag{background:#fff;color:var(--red);border:1px solid #f3d6d3}
  .sc-hero-stack-t .h2-cta .hn-btn-ghost{background:#fff;color:var(--ink);border:1px solid #d5dae0}
  .sc-hero-stack-t .h2-arrow{display:none}
  .sc-hero-stack-t .h2-dots{left:auto;right:16px;bottom:14px;padding:6px 8px;border-radius:999px;background:rgba(255,255,255,.85)}
  .sc-hero-stack-t .h2-dots button{background:rgba(27,31,36,.25)}
  .sc-hero-stack-t .h2-dots button[aria-current="true"]{background:var(--red)}
}

/* Blog (inc/blog.php, home.php, single.php) */
.bl-hero{background:var(--tint);border-bottom:1px solid var(--line)}
.bl-hero .wrap{padding-block:28px 30px}
.bl-hero h1{font-size:34px;line-height:1.15;margin:6px 0 10px;letter-spacing:-.5px}
.bl-hero p{color:var(--muted);max-width:68ch;margin:0}
.bl-crumbs{font-size:13px;color:var(--muted);margin-bottom:12px}
.bl-crumbs a{color:var(--muted)}
.bl-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;padding-block:28px}
.bl-card{border:1px solid var(--line);border-radius:14px;overflow:hidden;background:#fff;display:flex;flex-direction:column}
.bl-card-img{display:block;aspect-ratio:16/10;background:#fff;border-bottom:1px solid var(--line)}
.bl-card-img img{width:100%;height:100%;object-fit:contain;display:block}
.bl-card-txt{padding:16px 18px 18px;display:flex;flex-direction:column;gap:6px;flex:1}
.bl-card h2{font-size:18px;line-height:1.3;margin:0}
.bl-card h2 a{color:var(--ink)}
.bl-card p{color:var(--muted);font-size:14px;margin:0;flex:1}
.bl-meta{font-size:12.5px;color:var(--muted)}
.bl-more{color:var(--red);font-weight:600;font-size:14px}
.bl-pager{padding-bottom:30px;display:flex;gap:10px;justify-content:center}
.bl-pager .page-numbers{padding:6px 12px;border:1px solid var(--line);border-radius:8px}
.bl-pager .current{background:var(--red);color:#fff;border-color:var(--red)}
.bl-post{max-width:880px;padding-block:24px 10px}
.bl-head h1{font-size:34px;line-height:1.18;margin:4px 0 8px;letter-spacing:-.5px}
.bl-photo{margin:18px 0 22px;background:#fff;border:1px solid var(--line);border-radius:14px;overflow:hidden;aspect-ratio:2/1}
.bl-photo img{width:100%;height:100%;object-fit:contain;display:block}
.bl-body h3{font-size:18px;color:var(--ink);margin:22px 0 8px}
.bl-body ol{padding-left:20px;margin:0 0 14px}
.bl-body p{margin:0 0 14px}
.bl-body table{width:100%;border-collapse:collapse;font-size:14px;margin:6px 0 18px;display:block;overflow-x:auto}
.bl-body th,.bl-body td{border:1px solid var(--line);padding:8px 10px;text-align:left;vertical-align:top}
.bl-body thead th{background:var(--tint);color:var(--ink)}
.bl-cta{margin:26px 0 8px;padding:18px 20px;border-radius:14px;background:#fff5f4;border:1px solid #f6d5d2;display:flex;gap:16px;align-items:center;justify-content:space-between}
.bl-cta div{display:flex;flex-direction:column;gap:2px}
.bl-cta span{color:var(--muted);font-size:14px}
.bl-related h2{font-size:24px;margin:30px 0 0}
@media (max-width:900px){.bl-grid{grid-template-columns:repeat(2,1fr)}}
@media (max-width:600px){
  .bl-grid{grid-template-columns:1fr;gap:16px}
  .bl-hero h1,.bl-head h1{font-size:26px}
  .bl-cta{flex-direction:column;align-items:flex-start}
}