/* S3 Max v3.2 Front-end Template System
   All templates share the same commerce/data layer and only alter presentation/layout. */

/* ---------- shared template helpers ---------- */
.tpl-home{overflow:hidden}.template-eyebrow{display:inline-block;font:700 11px/1 Arial,Helvetica,sans-serif;letter-spacing:2.2px;text-transform:uppercase}.tpl-home .section-head p{max-width:680px}.tpl-home .promo-banner img{width:100%;display:block}.tpl-home .product-card,.tpl-home .category-card{will-change:transform}.tpl-home .product-card:hover,.tpl-home .category-card:hover{transform:translateY(-4px)}

/* ---------- 01 / Trade Classic ---------- */
body.front-template-trade_classic{background:#fff}.front-template-trade_classic .tpl-home-classic .section:nth-of-type(even){background:linear-gradient(180deg,#fff,#fbfcfd)}
.front-template-trade_classic .classic-carousel{max-width:1480px;margin:18px auto 0;border-radius:3px;overflow:hidden}.front-template-trade_classic .classic-carousel .carousel-slide{min-height:360px}.front-template-trade_classic .classic-carousel .carousel-slide img{object-fit:cover}.front-template-trade_classic .brand-strip a{background:#fff}

/* ---------- 04 / Metro Bento ---------- */
body.front-template-metro_bento{--navy:#222944;--blue:#5d55e8;--ink:#273044;--muted:#6f7891;background:#f2f4f8;color:#273044}
.front-template-metro_bento .top-line{background:#262d47;color:#dce0ef}.front-template-metro_bento .site-header{background:#f8f9fc!important;box-shadow:none!important;border-bottom:0!important}.front-template-metro_bento .reference-header .reference-header-main{margin-top:10px;margin-bottom:10px;background:#fff;border:1px solid #e1e5ee;border-radius:18px!important;box-shadow:0 14px 35px rgba(37,45,72,.07)}.front-template-metro_bento .reference-header .reference-search{border-radius:12px!important;background:#f4f6fa!important}.front-template-metro_bento .reference-header .reference-search button{border-radius:10px!important;background:#5d55e8!important}.front-template-metro_bento .reference-header .header-quick-order{background:#5d55e8!important;border-radius:12px!important}.front-template-metro_bento .reference-header .basket-copy strong{color:#5d55e8!important}.front-template-metro_bento .trust-strip{background:transparent;border:0}.front-template-metro_bento .trust-strip-inner{gap:10px}.front-template-metro_bento .trust-strip-inner span{background:#fff;border:1px solid #e1e5ee!important;border-radius:12px;padding:12px 18px}.front-template-metro_bento .nav-wrap{background:transparent!important;border:0!important;padding-bottom:10px}.front-template-metro_bento .clean-nav{background:#252c47;border-radius:13px;padding:0 18px}.front-template-metro_bento .clean-nav a,.front-template-metro_bento .clean-nav summary{color:#fff!important}.front-template-metro_bento main{background:#f2f4f8}.metro-dashboard{display:grid;grid-template-columns:2fr 1fr 1fr;grid-template-rows:220px 220px;gap:14px;padding-top:28px}.metro-main-tile{grid-row:span 2;border-radius:22px;overflow:hidden;background:#fff;border:1px solid #e0e4ed}.metro-carousel{height:100%;margin:0}.metro-carousel .carousel-slide{min-height:454px}.metro-carousel .carousel-slide img{height:454px;object-fit:cover}.metro-action-tile{position:relative;border-radius:22px;padding:25px;display:flex;flex-direction:column;justify-content:flex-end;overflow:hidden;color:#fff;box-shadow:0 16px 36px rgba(39,48,68,.08)}.metro-action-tile:before{content:"";position:absolute;width:150px;height:150px;border-radius:50%;right:-50px;top:-45px;background:rgba(255,255,255,.15)}.metro-action-tile span{position:absolute;top:18px;left:22px;font-weight:900;opacity:.7}.metro-action-tile b{font-size:24px}.metro-action-tile small{margin-top:5px;opacity:.86}.tile-blue{background:linear-gradient(135deg,#4a66e8,#5b55eb)}.tile-green{background:linear-gradient(135deg,#16a27a,#47b78f)}.tile-amber{background:linear-gradient(135deg,#d6972b,#edb84f)}.tile-purple{background:linear-gradient(135deg,#8c54da,#6554c9)}.front-template-metro_bento .register-benefit-banner{background:#fff;border:1px solid #e1e5ee}.front-template-metro_bento .section{padding-top:34px;padding-bottom:34px}.front-template-metro_bento .section-head h2{font-size:31px;color:#252d44}.front-template-metro_bento .section-kicker{color:#5d55e8}.metro-cat-grid{display:grid;grid-template-columns:repeat(6,1fr);grid-auto-rows:155px;gap:13px}.metro-cat{position:relative;background:#fff;border:1px solid #e0e5ed;border-radius:20px;overflow:hidden;padding:10px}.metro-cat img{width:100%;height:105px;object-fit:contain}.metro-cat strong{position:absolute;left:14px;bottom:13px;color:#273044}.metro-cat-1,.metro-cat-6{grid-column:span 2}.metro-cat-1{grid-row:span 2}.metro-cat-1 img{height:240px}.front-template-metro_bento .product-card{border-radius:18px;background:#fff;border:1px solid #e0e5ed;box-shadow:none}.front-template-metro_bento .product-img{border-radius:17px 17px 0 0;background:#f8f9fc}.front-template-metro_bento .btn{background:#5d55e8;border-radius:11px}.front-template-metro_bento .extra-promo-banners,.metro-promo-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.metro-promo-grid a{border-radius:20px;overflow:hidden}.metro-promo-grid img{width:100%;height:100%;object-fit:cover}.front-template-metro_bento .brand-strip a{border-radius:15px;background:#fff;color:#323a55}.front-template-metro_bento .clean-footer{background:#252c47}.front-template-metro_bento .clean-footer h4,.front-template-metro_bento .clean-footer a,.front-template-metro_bento .clean-footer p{color:#e1e5f2}.front-template-metro_bento .page-hero,.front-template-metro_bento .simple-form-hero{background:#e9ebf9;border:0;border-radius:0}.front-template-metro_bento .panel,.front-template-metro_bento .form-card,.front-template-metro_bento .table-card,.front-template-metro_bento .summary-card,.front-template-metro_bento .filters{border-radius:18px;background:#fff;border-color:#e0e5ed}

/* ---------- responsive across template layouts ---------- */
@media(max-width:1180px){.metro-dashboard{grid-template-columns:1.5fr 1fr}.metro-main-tile{grid-row:span 2}.metro-action-tile:nth-of-type(4),.metro-action-tile:nth-of-type(5){display:none}.metro-cat-grid{grid-template-columns:repeat(4,1fr)}}
@media(max-width:820px){.metro-dashboard{grid-template-columns:1fr 1fr;grid-template-rows:300px 160px}.metro-main-tile{grid-column:1/-1;grid-row:auto}.metro-carousel .carousel-slide,.metro-carousel .carousel-slide img{min-height:300px;height:300px}.metro-cat-grid{grid-template-columns:repeat(2,1fr)}.metro-cat-1{grid-column:span 2}.metro-promo-grid{grid-template-columns:1fr}}
@media(max-width:520px){.metro-dashboard{grid-template-columns:1fr;grid-template-rows:260px repeat(2,135px)}.metro-main-tile{grid-column:auto}.metro-action-tile:nth-of-type(4){display:flex}.metro-action-tile:nth-of-type(5){display:none}.metro-carousel .carousel-slide,.metro-carousel .carousel-slide img{min-height:260px;height:260px}.metro-cat-grid{grid-template-columns:1fr 1fr;grid-auto-rows:140px}.metro-cat-1{grid-row:auto}.metro-cat-1 img{height:90px}}
@media(prefers-reduced-motion:no-preference){.front-template-metro_bento .metro-action-tile{animation:tplMetro .55s ease both}.front-template-metro_bento .metro-action-tile:nth-child(2){animation-delay:.05s}.front-template-metro_bento .metro-action-tile:nth-child(3){animation-delay:.1s}.front-template-metro_bento .metro-action-tile:nth-child(4){animation-delay:.15s}@keyframes tplMetro{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}}

/* v3.3 per-template customisation layer */
body.template-customised{background:var(--tpl-bg)!important;color:var(--tpl-text);font-family:var(--tpl-body-font)}
body.template-customised h1,body.template-customised h2,body.template-customised h3,body.template-customised h4,body.template-customised .section-head h2{font-family:var(--tpl-heading-font)}
body.template-customised .btn:not(.ghost),body.template-customised .header-quick-order,body.template-customised .register-benefit-banner a{background:var(--tpl-accent)!important;border-color:var(--tpl-accent)!important;border-radius:var(--tpl-button-radius)!important}
body.template-customised .btn.ghost{border-color:var(--tpl-accent)!important;color:var(--tpl-accent)!important;border-radius:var(--tpl-button-radius)!important}
body.template-customised .section-kicker,body.template-customised .section-head>a,body.template-customised .price,body.template-customised .product-body h3 a:hover,body.template-customised .clean-nav a:hover,body.template-customised .clean-nav summary:hover{color:var(--tpl-accent)!important}
body.template-customised .nav-wrap{border-bottom-color:color-mix(in srgb,var(--tpl-accent) 25%,transparent)}
body.template-customised .product-card:hover,body.template-customised .category-card:hover{border-color:color-mix(in srgb,var(--tpl-accent) 45%,#dce5ef)}

/* ---------- 06 / B2B Mega ---------- */
body.front-template-b2b_mega{--navy:#173a61;--blue:#0b5cab;--ink:#182433;--muted:#657487;background:#f4f6f8;color:#182433}
.front-template-b2b_mega .top-line{background:#eef2f5;color:#516171;border-color:#dfe5ea}.front-template-b2b_mega .top-line a{color:#36516c}
.front-template-b2b_mega .site-header{background:#fff!important}.front-template-b2b_mega .reference-header-main{padding-top:15px;padding-bottom:15px}.front-template-b2b_mega .reference-search{max-width:none;border-radius:4px!important}.front-template-b2b_mega .reference-search button{border-radius:0!important;background:#0b5cab!important}.front-template-b2b_mega .header-quick-order{background:#0b5cab!important;border-radius:3px!important}.front-template-b2b_mega .trust-strip{background:#fff}.front-template-b2b_mega .trust-strip-inner{border-top:1px solid #e2e7ec}.front-template-b2b_mega .nav-wrap{background:#163b63!important;border:0}.front-template-b2b_mega .clean-nav{height:46px;gap:28px}.front-template-b2b_mega .clean-nav a,.front-template-b2b_mega .clean-nav summary{color:#fff!important;font-size:11px}.front-template-b2b_mega .clean-nav a:hover,.front-template-b2b_mega .clean-nav summary:hover{color:#f8b15f!important}.front-template-b2b_mega .nav-dropdown{position:static}.front-template-b2b_mega .nav-dropdown-menu{left:28px;right:28px;top:100%;width:auto;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;padding:18px 24px;border:1px solid #d8e0e7;border-top:4px solid #f28b2c;box-shadow:0 18px 45px rgba(27,49,70,.18);background:#fff}.front-template-b2b_mega .nav-dropdown-menu a{color:#294964!important;padding:10px 12px;border-bottom:1px solid #edf1f4}.front-template-b2b_mega .nav-dropdown-menu a:hover{background:#f6f9fb;color:#0b5cab!important}.front-template-b2b_mega main{background:#f4f6f8}
.b2b-commerce-hero{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:14px;padding-top:18px;padding-bottom:8px}.b2b-hero-main{background:#fff;border:1px solid #dde4ea;min-height:380px;overflow:hidden}.b2b-carousel{margin:0;height:100%}.b2b-carousel .carousel-slide,.b2b-carousel .carousel-slide img{height:380px;min-height:380px;object-fit:cover}.b2b-carousel .carousel-copy{background:rgba(255,255,255,.93);color:#153a61;max-width:390px;padding:18px 20px;left:26px;bottom:26px}.b2b-carousel .carousel-copy h2{font-size:27px;margin:0 0 7px}.b2b-trade-toolkit{background:#fff;border:1px solid #dde4ea;padding:20px;display:flex;flex-direction:column;gap:9px}.b2b-trade-toolkit .template-eyebrow{color:#f28b2c}.b2b-trade-toolkit h1{font-size:24px;line-height:1.08;color:#173a61;margin:4px 0 10px}.b2b-trade-toolkit>a{display:flex;flex-direction:column;padding:12px 13px;border:1px solid #e0e6eb;background:#f8fafb;transition:.18s}.b2b-trade-toolkit>a:hover{border-color:#0b5cab;background:#eef6fd;transform:translateX(3px)}.b2b-trade-toolkit b{font-size:12px;color:#173a61}.b2b-trade-toolkit small{font-size:10px;color:#6b7b8c;margin-top:2px}.b2b-service-ribbon{background:#fff;border-top:1px solid #e1e6eb;border-bottom:1px solid #e1e6eb}.b2b-service-ribbon .wrap{display:grid;grid-template-columns:repeat(4,1fr)}.b2b-service-ribbon span{padding:14px 18px;border-right:1px solid #e4e9ed}.b2b-service-ribbon b{display:block;color:#173a61;font-size:12px}.b2b-service-ribbon small{display:block;color:#788797;font-size:10px;margin-top:3px}.b2b-departments{padding-top:24px!important}.b2b-department-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:8px}.b2b-department-grid a{background:#fff;border:1px solid #dfe5ea;padding:10px;min-height:126px;display:flex;flex-direction:column;align-items:center;justify-content:center;transition:.18s}.b2b-department-grid a:hover{border-color:#0b5cab;box-shadow:0 7px 18px rgba(26,57,88,.08)}.b2b-department-grid img{height:78px;width:100%;object-fit:contain}.b2b-department-grid span{font-size:10px;font-weight:700;color:#274660;text-align:center;margin-top:7px}.front-template-b2b_mega .section{padding-top:24px;padding-bottom:24px}.front-template-b2b_mega .section-head h2{font-size:22px}.front-template-b2b_mega .section-kicker{color:#f28b2c}.front-template-b2b_mega .product-grid.six{grid-template-columns:repeat(6,1fr);gap:8px}.front-template-b2b_mega .product-grid.four{grid-template-columns:repeat(5,1fr);gap:8px}.front-template-b2b_mega .product-card{border-radius:2px;box-shadow:none;border-color:#dde4ea}.front-template-b2b_mega .product-card:hover{box-shadow:0 8px 22px rgba(24,54,83,.09);transform:translateY(-2px)}.front-template-b2b_mega .product-img{height:185px;padding:10px}.front-template-b2b_mega .product-body{padding:10px}.front-template-b2b_mega .product-body h3{font-size:12px;min-height:30px}.front-template-b2b_mega .price{font-size:16px}.front-template-b2b_mega .btn{border-radius:3px;background:#0b5cab}.b2b-promos .extra-promo-banners{grid-template-columns:repeat(2,1fr);gap:12px}.b2b-promos .promo-banner{border-radius:2px}.front-template-b2b_mega .brand-strip{grid-template-columns:repeat(6,1fr);gap:8px}.front-template-b2b_mega .brand-strip a{border-radius:2px;background:#fff;height:66px}.front-template-b2b_mega .clean-footer{background:#173a61}.front-template-b2b_mega .footer-bottom{background:#0f2c4b}

@media(max-width:1180px){.b2b-commerce-hero{grid-template-columns:1fr 270px}.b2b-department-grid{grid-template-columns:repeat(4,1fr)}.front-template-b2b_mega .product-grid.six{grid-template-columns:repeat(4,1fr)}.front-template-b2b_mega .product-grid.four{grid-template-columns:repeat(4,1fr)}}
@media(max-width:820px){.b2b-commerce-hero{grid-template-columns:1fr}.b2b-trade-toolkit{display:grid;grid-template-columns:1fr 1fr}.b2b-trade-toolkit h1,.b2b-trade-toolkit .template-eyebrow{grid-column:1/-1}.b2b-service-ribbon .wrap{grid-template-columns:1fr 1fr}.front-template-b2b_mega .nav-dropdown-menu{position:absolute;left:10px;right:10px;grid-template-columns:1fr 1fr}.b2b-department-grid{grid-template-columns:repeat(3,1fr)}.front-template-b2b_mega .product-grid.six,.front-template-b2b_mega .product-grid.four{grid-template-columns:repeat(2,1fr)}}
@media(max-width:520px){.b2b-carousel .carousel-slide,.b2b-carousel .carousel-slide img{height:265px;min-height:265px}.b2b-trade-toolkit{grid-template-columns:1fr}.b2b-trade-toolkit h1,.b2b-trade-toolkit .template-eyebrow{grid-column:auto}.b2b-service-ribbon .wrap{grid-template-columns:1fr}.b2b-department-grid{grid-template-columns:repeat(2,1fr)}}


/* ---------- 07 / Marketplace Pro ---------- */
body.front-template-marketplace_pro{--navy:#182b3a;--blue:#146eb4;--ink:#17212b;--muted:#65727e;background:#f3f5f7;color:#17212b}
.front-template-marketplace_pro .top-line{background:#f5f7f9;color:#536270;border-color:#e1e6ea}.front-template-marketplace_pro .site-header{background:#fff!important;border-bottom:1px solid #e0e6eb!important}.front-template-marketplace_pro .reference-search{border:2px solid #146eb4!important;border-radius:7px!important;box-shadow:none!important}.front-template-marketplace_pro .reference-search button{background:#ff9900!important;color:#17212b!important;border-radius:0 5px 5px 0!important}.front-template-marketplace_pro .header-quick-order{background:#146eb4!important;border-radius:5px!important}.front-template-marketplace_pro .basket-copy strong{color:#146eb4!important}.front-template-marketplace_pro .trust-strip{background:#fff;border-color:#e0e6eb}.front-template-marketplace_pro .nav-wrap{background:#182b3a!important;border:0}.front-template-marketplace_pro .clean-nav{height:46px;gap:28px}.front-template-marketplace_pro .clean-nav a,.front-template-marketplace_pro .clean-nav summary{color:#fff!important}.front-template-marketplace_pro .clean-nav a:hover,.front-template-marketplace_pro .clean-nav summary:hover{color:#ffb347!important}.front-template-marketplace_pro main{background:#f3f5f7}
.marketplace-hero{display:grid;grid-template-columns:220px minmax(0,1fr) 240px;gap:12px;padding-top:16px}.marketplace-department-rail,.marketplace-side-stack{background:#fff;border:1px solid #dde4e9}.marketplace-department-rail{padding:10px 0}.marketplace-department-rail>.template-eyebrow{display:block;padding:8px 14px 10px;color:#65727e}.marketplace-department-rail>a{display:grid;grid-template-columns:30px 1fr 14px;gap:8px;align-items:center;min-height:42px;padding:6px 12px;border-top:1px solid #edf1f4;color:#263847;font-size:11px}.marketplace-department-rail>a:hover{background:#f4f9fd;color:#146eb4}.marketplace-department-rail img{width:30px;height:30px;object-fit:contain}.marketplace-department-rail b{font-size:18px;color:#9ba9b4}.marketplace-department-rail .market-all-depts{grid-template-columns:1fr!important;font-weight:700;color:#146eb4}.marketplace-main-banner{background:#fff;border:1px solid #dde4e9;overflow:hidden}.marketplace-carousel{margin:0;height:100%}.marketplace-carousel .carousel-slide,.marketplace-carousel .carousel-slide img{height:430px;min-height:430px;object-fit:cover}.marketplace-carousel .carousel-copy{background:rgba(255,255,255,.94);max-width:390px;padding:18px 20px;left:26px;bottom:24px;color:#17212b}.marketplace-side-stack{display:grid;grid-template-rows:repeat(3,1fr);gap:0}.market-side-card{padding:20px;display:flex;flex-direction:column;justify-content:center;border-bottom:1px solid #e6ebef;transition:.18s;position:relative;overflow:hidden}.market-side-card:last-child{border-bottom:0}.market-side-card:after{content:"";position:absolute;width:90px;height:90px;border-radius:50%;right:-35px;bottom:-35px;background:rgba(255,255,255,.24)}.market-side-card:hover{transform:translateX(-3px)}.market-side-card small{font-size:9px;letter-spacing:1.2px}.market-side-card b{font-size:18px;margin:5px 0}.market-side-card span{font-size:10px;line-height:1.5}.market-quick{background:#eaf5fd;color:#124c77}.market-new{background:#eef8f1;color:#2c6844}.market-offer{background:#fff4df;color:#80531d}.marketplace-confidence{background:#fff;border-top:1px solid #e0e6eb;border-bottom:1px solid #e0e6eb;margin-top:12px}.marketplace-confidence .wrap{display:grid;grid-template-columns:repeat(4,1fr)}.marketplace-confidence span{padding:15px 18px;border-right:1px solid #e5eaee}.marketplace-confidence b,.marketplace-confidence small{display:block}.marketplace-confidence b{font-size:12px}.marketplace-confidence small{font-size:10px;color:#75828d;margin-top:3px}.front-template-marketplace_pro .section{padding-top:28px;padding-bottom:28px}.front-template-marketplace_pro .section-kicker{color:#ff8f00}.front-template-marketplace_pro .section-head h2{font-size:25px}.market-category-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:9px}.market-category-grid a{background:#fff;border:1px solid #dfe5e9;min-height:145px;padding:10px;text-align:center;transition:.18s}.market-category-grid a:hover{border-color:#146eb4;box-shadow:0 8px 22px rgba(20,110,180,.08)}.market-category-grid img{height:100px;width:100%;object-fit:contain}.market-category-grid span{display:block;font-size:11px;font-weight:700;color:#334858;margin-top:7px}.front-template-marketplace_pro .product-grid.six{grid-template-columns:repeat(5,1fr);gap:10px}.front-template-marketplace_pro .product-card{border-radius:6px;border-color:#dfe5e9;box-shadow:none}.front-template-marketplace_pro .product-card:hover{box-shadow:0 8px 25px rgba(25,50,70,.10);transform:translateY(-2px)}.front-template-marketplace_pro .product-img{height:220px}.front-template-marketplace_pro .product-body{padding:11px}.front-template-marketplace_pro .btn{background:#146eb4;border-radius:5px}.market-promos .extra-promo-banners{grid-template-columns:repeat(2,1fr);gap:12px}.market-promos .promo-banner{border-radius:6px}.front-template-marketplace_pro .brand-strip a{background:#fff;border-radius:5px}.front-template-marketplace_pro .clean-footer{background:#17212b}.front-template-marketplace_pro .footer-bottom{background:#10171e}

/* ---------- 08 / Commerce Air ---------- */
body.front-template-commerce_air{--navy:#111827;--blue:#2563eb;--ink:#1f2937;--muted:#6b7280;background:#f8fafc;color:#1f2937;font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
.front-template-commerce_air .top-line{background:#fff;color:#667085;border-color:#eef2f6}.front-template-commerce_air .site-header{background:rgba(255,255,255,.95)!important;border-bottom:1px solid #edf1f5!important;backdrop-filter:blur(14px)}.front-template-commerce_air .reference-header-main{padding-top:20px;padding-bottom:20px}.front-template-commerce_air .reference-search{background:#f6f8fb!important;border:1px solid #e4e9f0!important;border-radius:999px!important;box-shadow:none!important}.front-template-commerce_air .reference-search button{background:#111827!important;border-radius:50%!important;margin:4px;width:40px!important;height:40px!important}.front-template-commerce_air .header-quick-order{background:#2563eb!important;border-radius:999px!important}.front-template-commerce_air .basket-copy strong{color:#111827!important}.front-template-commerce_air .trust-strip{background:#fbfcfe;border-color:#edf1f5}.front-template-commerce_air .nav-wrap{background:#fff!important;border-color:#edf1f5!important}.front-template-commerce_air .clean-nav{justify-content:center;gap:10px}.front-template-commerce_air .clean-nav a,.front-template-commerce_air .clean-nav summary{color:#344054!important;padding:10px 14px;border-radius:999px}.front-template-commerce_air .clean-nav a:hover,.front-template-commerce_air .clean-nav summary:hover{background:#eef4ff;color:#2563eb!important}.front-template-commerce_air main{background:#f8fafc}
.air-hero{display:grid;grid-template-columns:minmax(0,1.7fr) .62fr;gap:18px;padding-top:28px}.air-hero-main,.air-hero-categories>a{background:#fff;border:1px solid #edf1f5;border-radius:24px;overflow:hidden;box-shadow:0 18px 50px rgba(16,24,40,.06)}.air-carousel{margin:0}.air-carousel .carousel-slide,.air-carousel .carousel-slide img{height:500px;min-height:500px;object-fit:cover}.air-carousel .carousel-copy{left:34px;bottom:34px;background:rgba(255,255,255,.9);backdrop-filter:blur(10px);padding:22px 24px;border-radius:16px;max-width:430px;color:#111827}.air-hero-categories{display:grid;gap:18px}.air-hero-categories>a{position:relative;min-height:241px;background:#f1f5f9}.air-hero-categories img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;padding:20px}.air-hero-categories span{position:absolute;left:18px;right:18px;bottom:17px;background:rgba(255,255,255,.9);backdrop-filter:blur(8px);padding:13px 14px;border-radius:14px}.air-hero-categories small,.air-hero-categories b,.air-hero-categories em{display:block}.air-hero-categories small{font-size:8px;letter-spacing:1.2px;color:#667085}.air-hero-categories b{font-size:15px;color:#111827;margin:3px 0}.air-hero-categories em{font-size:10px;color:#2563eb;font-style:normal}.air-value-row{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;padding-top:18px}.air-value-row span{background:#fff;border:1px solid #edf1f5;border-radius:16px;padding:16px 18px}.air-value-row b,.air-value-row small{display:block}.air-value-row b{font-size:12px}.air-value-row small{font-size:10px;color:#667085;margin-top:3px}.front-template-commerce_air .section{padding-top:46px;padding-bottom:46px}.front-template-commerce_air .section-head h2{font-size:34px;letter-spacing:-.8px}.front-template-commerce_air .section-kicker{color:#2563eb}.air-category-row{display:grid;grid-template-columns:repeat(8,1fr);gap:14px}.air-category-row a{text-align:center;color:#344054}.air-cat-image{display:grid;place-items:center;aspect-ratio:1/1;background:#fff;border:1px solid #edf1f5;border-radius:22px;box-shadow:0 10px 30px rgba(16,24,40,.04);transition:.2s}.air-cat-image img{width:100%;height:100%;object-fit:contain;padding:16px}.air-category-row a:hover .air-cat-image{transform:translateY(-4px);box-shadow:0 18px 40px rgba(37,99,235,.10);border-color:#cddcff}.air-category-row b{display:block;font-size:11px;margin-top:9px}.front-template-commerce_air .product-grid.six{grid-template-columns:repeat(4,1fr);gap:18px}.front-template-commerce_air .product-card{border-radius:18px;border:1px solid #edf1f5;box-shadow:0 12px 34px rgba(16,24,40,.05);overflow:hidden}.front-template-commerce_air .product-card:hover{box-shadow:0 20px 45px rgba(16,24,40,.10)}.front-template-commerce_air .product-img{height:300px;background:#fff}.front-template-commerce_air .product-body{padding:16px}.front-template-commerce_air .btn{background:#2563eb;border-radius:999px}.air-promos .extra-promo-banners{grid-template-columns:repeat(2,1fr);gap:18px}.air-promos .promo-banner{border-radius:24px;overflow:hidden}.front-template-commerce_air .brand-strip{gap:12px}.front-template-commerce_air .brand-strip a{background:#fff;border:1px solid #edf1f5;border-radius:16px}.front-template-commerce_air .clean-footer{background:#111827}.front-template-commerce_air .footer-bottom{background:#0b111d}

/* ---------- 09 / Trade Portal ---------- */
body.front-template-trade_portal{--navy:#15364a;--blue:#087f5b;--ink:#18302a;--muted:#61746e;background:#f2f6f5;color:#18302a}
.front-template-trade_portal .top-line{background:#eaf1ef;color:#4f6861;border-color:#dce8e4}.front-template-trade_portal .site-header{background:#fff!important;border-bottom:1px solid #dce7e3!important}.front-template-trade_portal .reference-search{border:1px solid #cadbd5!important;background:#f8fbfa!important;border-radius:9px!important}.front-template-trade_portal .reference-search button{background:#087f5b!important;border-radius:7px!important}.front-template-trade_portal .header-quick-order{background:#087f5b!important;border-radius:7px!important}.front-template-trade_portal .basket-copy strong{color:#087f5b!important}.front-template-trade_portal .trust-strip{background:#fff;border-color:#dce7e3}.front-template-trade_portal .nav-wrap{background:#15364a!important;border:0}.front-template-trade_portal .clean-nav a,.front-template-trade_portal .clean-nav summary{color:#fff!important}.front-template-trade_portal .clean-nav a:hover,.front-template-trade_portal .clean-nav summary:hover{color:#8ce0c4!important}.front-template-trade_portal main{background:#f2f6f5}
.portal-hero{display:grid;grid-template-columns:.78fr 1.22fr;gap:16px;padding-top:24px}.portal-welcome,.portal-banner{background:#fff;border:1px solid #dce7e3;border-radius:14px;overflow:hidden}.portal-welcome{padding:34px}.portal-welcome .template-eyebrow{color:#087f5b}.portal-welcome h1{font-size:42px;line-height:1.02;letter-spacing:-1.5px;color:#15364a;margin:12px 0 14px}.portal-welcome>p{color:#61746e;line-height:1.7}.portal-main-actions{display:flex;gap:10px;margin:22px 0}.portal-main-actions .btn{background:#087f5b;border-radius:7px}.portal-tool-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:28px}.portal-tool-grid a{border:1px solid #dce7e3;background:#f8fbfa;border-radius:9px;padding:14px}.portal-tool-grid a:hover{border-color:#84b9a7;background:#f0f8f5}.portal-tool-grid b,.portal-tool-grid small{display:block}.portal-tool-grid b{font-size:12px;color:#15364a}.portal-tool-grid small{font-size:9px;color:#71837d;margin-top:3px}.portal-carousel{margin:0;height:100%}.portal-carousel .carousel-slide,.portal-carousel .carousel-slide img{height:470px;min-height:470px;object-fit:cover}.portal-carousel .carousel-copy{background:rgba(21,54,74,.92);color:#fff;left:26px;bottom:26px;max-width:400px;border-radius:10px;padding:18px 20px}.portal-kpi-row{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;padding-top:14px}.portal-kpi-row span{background:#fff;border:1px solid #dce7e3;border-radius:10px;padding:14px 16px}.portal-kpi-row small,.portal-kpi-row b{display:block}.portal-kpi-row small{font-size:8px;letter-spacing:1px;color:#6f817b}.portal-kpi-row b{font-size:16px;color:#15364a;margin-top:3px}.front-template-trade_portal .section{padding-top:34px;padding-bottom:34px}.front-template-trade_portal .section-kicker{color:#087f5b}.portal-department-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.portal-department-grid a{display:grid;grid-template-columns:30px 62px 1fr;grid-template-rows:1fr auto;gap:4px 10px;align-items:center;background:#fff;border:1px solid #dce7e3;border-radius:10px;padding:10px 12px;color:#15364a}.portal-department-grid a:hover{border-color:#80b5a4;box-shadow:0 8px 22px rgba(8,127,91,.06)}.portal-dept-no{grid-row:1/3;color:#9bada7;font-size:10px}.portal-department-grid img{grid-row:1/3;width:62px;height:62px;object-fit:contain}.portal-department-grid b{font-size:12px}.portal-department-grid em{font-size:9px;color:#087f5b;font-style:normal}.front-template-trade_portal .product-grid.six{grid-template-columns:repeat(5,1fr);gap:11px}.front-template-trade_portal .product-card{border-radius:10px;border-color:#dce7e3;box-shadow:none}.front-template-trade_portal .product-card:hover{border-color:#83b8a7;box-shadow:0 9px 24px rgba(8,89,67,.08)}.front-template-trade_portal .product-img{height:220px}.front-template-trade_portal .btn{background:#087f5b;border-radius:7px}.portal-promos .extra-promo-banners{grid-template-columns:repeat(2,1fr);gap:12px}.portal-promos .promo-banner{border-radius:10px}.front-template-trade_portal .brand-strip a{background:#fff;border-radius:9px}.front-template-trade_portal .clean-footer{background:#15364a}.front-template-trade_portal .footer-bottom{background:#0f2b3b}

/* ---------- 10 / Trade Connect ---------- */
body.front-template-trade_connect{--navy:#173a5e;--blue:#1262a3;--ink:#203245;--muted:#6c7c8c;background:#f7fafc;color:#203245}.front-template-trade_connect .top-line{background:#f2f6f9;color:#52677a}.front-template-trade_connect .site-header{background:#fff!important;border-bottom:1px solid #e1e8ee!important}.front-template-trade_connect .nav-wrap{background:#173a5e!important;border:0!important}.front-template-trade_connect .clean-nav a,.front-template-trade_connect .clean-nav summary{color:#fff!important}.front-template-trade_connect main{background:#f7fafc}.connect-hero{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(340px,.75fr);gap:18px;padding-top:24px;padding-bottom:18px}.connect-slider{min-width:0}.connect-carousel{margin:0;border-radius:12px;overflow:hidden}.connect-carousel .carousel-slide,.connect-carousel .carousel-slide img{height:410px;min-height:410px;object-fit:cover}.trade-account-focus{background:#fff;border:1px solid #dce6ee;border-radius:12px;padding:30px;display:flex;flex-direction:column;justify-content:center;box-shadow:0 10px 30px rgba(28,66,96,.06)}.trade-account-focus .template-eyebrow{color:#1262a3}.trade-account-focus h2{margin:10px 0 10px;font-size:34px;line-height:1.05;color:#173a5e}.trade-account-focus p{margin:0 0 14px;color:#64788b;line-height:1.6}.trade-account-focus ul{margin:0 0 20px;padding-left:18px;color:#425d74;font-size:12px;line-height:1.8}.trade-focus-actions{display:flex;flex-direction:column;gap:8px}.trade-focus-actions .btn{width:100%;text-align:center}.trade-focus-link{font-size:11px;color:#1262a3;font-weight:700;margin-top:4px}.front-template-trade_connect .btn{background:#1262a3;border-radius:7px}.front-template-trade_connect .btn.ghost{background:#fff;color:#1262a3;border-color:#c9d9e6}.connect-proof{background:#fff;border-top:1px solid #e4ebf0;border-bottom:1px solid #e4ebf0}.connect-proof .wrap{display:grid;grid-template-columns:repeat(4,1fr)}.connect-proof span{padding:16px 20px;border-right:1px solid #e4ebf0}.connect-proof span:last-child{border-right:0}.connect-proof b,.connect-proof small{display:block}.connect-proof b{font-size:12px;color:#203f5b}.connect-proof small{font-size:9px;color:#758697;margin-top:4px}.connect-category-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:10px}.connect-category-grid a{background:#fff;border:1px solid #e0e7ed;border-radius:10px;padding:10px;text-align:center;color:#28465f}.connect-category-grid img{width:100%;height:105px;object-fit:contain}.connect-category-grid span{display:block;font-size:10px;font-weight:700;margin-top:5px}.front-template-trade_connect .product-card{border-color:#dfe7ed;box-shadow:none}.front-template-trade_connect .product-card:hover{border-color:#9ebbd1;box-shadow:0 10px 26px rgba(18,98,163,.07)}.connect-promos .promo-banner{border-radius:10px}.front-template-trade_connect .clean-footer{background:#173a5e}.front-template-trade_connect .footer-bottom{background:#102c48}

/* ---------- 11 / Catalogue Flow ---------- */
body.front-template-catalogue_flow{--navy:#173f39;--blue:#0f6b5b;--ink:#213833;--muted:#6d7f7a;background:#fbfcfc;color:#213833;font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.front-template-catalogue_flow .top-line{background:#f7faf9;color:#58716b}.front-template-catalogue_flow .site-header{background:#fff!important;border-bottom:1px solid #e4ebe8!important}.front-template-catalogue_flow .nav-wrap{background:#fff!important;border-bottom:1px solid #dfe7e4!important}.front-template-catalogue_flow .clean-nav a,.front-template-catalogue_flow .clean-nav summary{color:#25443e!important}.front-template-catalogue_flow .clean-nav a:hover,.front-template-catalogue_flow .clean-nav summary:hover{color:#0f6b5b!important}.front-template-catalogue_flow main{background:#fbfcfc}.flow-top{display:grid;grid-template-columns:.75fr 1.25fr;gap:26px;align-items:center;padding-top:30px;padding-bottom:22px}.flow-intro{padding:24px 14px 24px 0}.flow-intro .template-eyebrow{color:#0f6b5b}.flow-intro h1{font-size:48px;line-height:1.02;letter-spacing:-2px;margin:13px 0;color:#173f39}.flow-intro p{font-size:15px;line-height:1.7;color:#6d7f7a;max-width:520px}.flow-actions{display:flex;gap:9px;flex-wrap:wrap;margin-top:22px}.front-template-catalogue_flow .btn{background:#0f6b5b;border-radius:10px}.front-template-catalogue_flow .btn.ghost{background:#fff;color:#0f6b5b;border-color:#cfe0dc}.flow-slider{min-width:0}.flow-carousel{margin:0;border-radius:14px;overflow:hidden}.flow-carousel .carousel-slide,.flow-carousel .carousel-slide img{height:340px;min-height:340px;object-fit:cover}.flow-featured{padding-top:10px;padding-bottom:22px}.flow-featured-head{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #dfe7e4;padding-bottom:10px;margin-bottom:12px}.flow-featured-head b{font-size:16px}.flow-featured-head a{font-size:10px;color:#0f6b5b}.flow-featured .product-card{border-radius:10px}.flow-focus{max-width:1480px;margin:4px auto 10px;display:grid;grid-template-columns:1fr 1.8fr;align-items:center}.flow-focus h2,.flow-focus p,.flow-focus ul{margin-right:18px}.flow-focus .trade-focus-actions{grid-column:2;grid-row:1/5;justify-content:center}.flow-category-grid{display:grid;grid-template-columns:repeat(10,1fr);gap:9px}.flow-category-grid a{background:#fff;border:1px solid #e2e9e6;border-radius:10px;padding:9px;text-align:center;color:#29453f}.flow-cat-image{display:block;height:95px}.flow-cat-image img{width:100%;height:100%;object-fit:contain}.flow-category-grid b{display:block;font-size:9px;margin-top:5px}.front-template-catalogue_flow .product-card{border-color:#e0e7e4;box-shadow:none}.front-template-catalogue_flow .product-card:hover{border-color:#9dc9be}.front-template-catalogue_flow .clean-footer{background:#173f39}.front-template-catalogue_flow .footer-bottom{background:#0f302b}

/* ---------- 12 / Retailer Hub ---------- */
body.front-template-retailer_hub{--navy:#25344e;--blue:#315fb5;--ink:#243247;--muted:#68768b;background:#f5f8fc;color:#243247}.front-template-retailer_hub .top-line{background:#eef3f9;color:#566780}.front-template-retailer_hub .site-header{background:#fff!important;border-bottom:1px solid #e0e7f0!important}.front-template-retailer_hub .nav-wrap{background:#25344e!important;border:0!important}.front-template-retailer_hub .clean-nav a,.front-template-retailer_hub .clean-nav summary{color:#fff!important}.front-template-retailer_hub main{background:#f5f8fc}.retailer-hero{display:grid;grid-template-columns:minmax(340px,.8fr) minmax(0,1.2fr);gap:16px;padding-top:24px;padding-bottom:18px}.retailer-account-panel .trade-account-focus{height:100%;border-radius:16px;border-color:#d8e2ef;box-shadow:0 12px 32px rgba(37,52,78,.07)}.retailer-account-panel .trade-account-focus .template-eyebrow{color:#315fb5}.retailer-account-panel .trade-account-focus h2{color:#25344e}.front-template-retailer_hub .btn{background:#315fb5;border-radius:10px}.front-template-retailer_hub .btn.ghost{background:#fff;color:#315fb5;border-color:#c9d6e9}.retailer-slider{min-width:0}.hub-carousel{margin:0;border-radius:16px;overflow:hidden}.hub-carousel .carousel-slide,.hub-carousel .carousel-slide img{height:390px;min-height:390px;object-fit:cover}.retailer-benefits{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;padding-top:0;padding-bottom:20px}.retailer-benefits>div{background:#fff;border:1px solid #dfe7f0;border-radius:12px;padding:16px;display:grid;grid-template-columns:34px 1fr;gap:2px 9px}.retailer-benefits span{grid-row:1/3;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:#edf3ff;color:#315fb5;font-size:9px;font-weight:800}.retailer-benefits b{font-size:11px}.retailer-benefits small{font-size:9px;color:#78869a}.hub-category-grid{display:grid;grid-template-columns:repeat(9,1fr);gap:10px}.hub-category-grid a{background:#fff;border:1px solid #dde6f0;border-radius:12px;padding:10px;text-align:center;color:#2d435f}.hub-category-grid img{height:100px;width:100%;object-fit:contain}.hub-category-grid span{font-size:9px;font-weight:700}.front-template-retailer_hub .product-card{border-radius:12px;border-color:#dfe7f0;box-shadow:0 6px 18px rgba(37,52,78,.04)}.front-template-retailer_hub .product-card:hover{box-shadow:0 12px 28px rgba(49,95,181,.09)}.front-template-retailer_hub .clean-footer{background:#25344e}.front-template-retailer_hub .footer-bottom{background:#1b273c}

/* ---------- 13 / Wholesale Direct ---------- */
body.front-template-wholesale_direct{--navy:#24384c;--blue:#d4572b;--ink:#263646;--muted:#6a7886;background:#fff;color:#263646;font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.front-template-wholesale_direct .top-line{background:#f5f6f7;color:#596978}.front-template-wholesale_direct .site-header{background:#fff!important;border-bottom:1px solid #dde4e9!important}.front-template-wholesale_direct .reference-search{border-radius:4px!important}.front-template-wholesale_direct .reference-search button{background:#d4572b!important;border-radius:3px!important}.front-template-wholesale_direct .header-quick-order{background:#24384c!important}.front-template-wholesale_direct .nav-wrap{background:#24384c!important;border:0!important}.front-template-wholesale_direct .clean-nav a,.front-template-wholesale_direct .clean-nav summary{color:#fff!important}.front-template-wholesale_direct main{background:#fff}.direct-hero{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(320px,.65fr);gap:14px;padding-top:20px;padding-bottom:16px}.direct-main-banner{min-width:0}.direct-carousel{margin:0;border-radius:6px;overflow:hidden}.direct-carousel .carousel-slide,.direct-carousel .carousel-slide img{height:360px;min-height:360px;object-fit:cover}.direct-side{background:#f7f8f9;border:1px solid #dfe5e9;border-radius:6px;padding:28px;display:flex;flex-direction:column;justify-content:center}.direct-side .template-eyebrow{color:#d4572b}.direct-side h1{font-size:38px;line-height:1.02;letter-spacing:-1.3px;margin:10px 0;color:#24384c}.direct-side p{color:#6a7886;line-height:1.65}.direct-side .btn{margin-top:8px;text-align:center;background:#d4572b;border-radius:4px}.direct-side .btn.ghost{background:#fff;color:#24384c;border-color:#ccd5dc}.direct-benefit-list{display:grid;gap:5px;margin-top:16px;font-size:10px;color:#526474}.direct-category-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:8px}.direct-category-grid a{background:#fff;border:1px solid #e0e6ea;border-radius:5px;padding:8px;text-align:center;color:#30485b}.direct-category-grid img{width:100%;height:85px;object-fit:contain}.direct-category-grid b{display:block;font-size:8px;margin-top:4px}.front-template-wholesale_direct .product-grid.six{gap:10px}.front-template-wholesale_direct .product-card{border-radius:5px;border-color:#dfe5e9;box-shadow:none}.front-template-wholesale_direct .product-card:hover{border-color:#d4572b;transform:translateY(-2px)}.front-template-wholesale_direct .btn{background:#d4572b}.front-template-wholesale_direct .clean-footer{background:#24384c}.front-template-wholesale_direct .footer-bottom{background:#1a2b3b}

@media(max-width:1180px){.marketplace-hero{grid-template-columns:190px minmax(0,1fr)}.marketplace-side-stack{display:none}.market-category-grid{grid-template-columns:repeat(4,1fr)}.air-category-row{grid-template-columns:repeat(4,1fr)}.front-template-commerce_air .product-grid.six{grid-template-columns:repeat(3,1fr)}.portal-hero{grid-template-columns:1fr}.portal-department-grid{grid-template-columns:repeat(3,1fr)}.front-template-trade_portal .product-grid.six{grid-template-columns:repeat(4,1fr)}.connect-hero{grid-template-columns:1.45fr .8fr}.connect-category-grid{grid-template-columns:repeat(4,1fr)}.flow-top{grid-template-columns:.8fr 1.2fr}.flow-category-grid{grid-template-columns:repeat(5,1fr)}.retailer-hero{grid-template-columns:.8fr 1.2fr}.hub-category-grid{grid-template-columns:repeat(3,1fr)}.direct-hero{grid-template-columns:1.5fr .75fr}.direct-category-grid{grid-template-columns:repeat(6,1fr)}}
@media(max-width:820px){.marketplace-hero{grid-template-columns:1fr}.marketplace-department-rail{display:none}.marketplace-confidence .wrap{grid-template-columns:1fr 1fr}.market-category-grid{grid-template-columns:repeat(2,1fr)}.front-template-marketplace_pro .product-grid.six{grid-template-columns:repeat(2,1fr)}.air-hero{grid-template-columns:1fr}.air-hero-categories{grid-template-columns:1fr 1fr}.air-hero-categories>a{min-height:210px}.air-value-row{grid-template-columns:1fr}.air-category-row{grid-template-columns:repeat(4,1fr)}.front-template-commerce_air .product-grid.six{grid-template-columns:repeat(2,1fr)}.portal-department-grid{grid-template-columns:repeat(2,1fr)}.front-template-trade_portal .product-grid.six{grid-template-columns:repeat(2,1fr)}.portal-kpi-row{grid-template-columns:1fr 1fr}.connect-hero,.flow-top,.retailer-hero,.direct-hero{grid-template-columns:1fr}.connect-proof .wrap,.retailer-benefits{grid-template-columns:1fr 1fr}.connect-category-grid,.flow-category-grid,.hub-category-grid,.direct-category-grid{grid-template-columns:repeat(2,1fr)}.flow-featured .product-grid.four{grid-template-columns:repeat(2,1fr)}.trade-account-focus{padding:24px}}
@media(max-width:520px){.marketplace-carousel .carousel-slide,.marketplace-carousel .carousel-slide img{height:270px;min-height:270px}.marketplace-confidence .wrap{grid-template-columns:1fr}.air-carousel .carousel-slide,.air-carousel .carousel-slide img{height:320px;min-height:320px}.air-hero-categories{grid-template-columns:1fr}.air-category-row{grid-template-columns:repeat(2,1fr)}.portal-welcome{padding:24px}.portal-welcome h1{font-size:34px}.portal-tool-grid{grid-template-columns:1fr}.portal-carousel .carousel-slide,.portal-carousel .carousel-slide img{height:300px;min-height:300px}.portal-department-grid{grid-template-columns:1fr}.portal-kpi-row{grid-template-columns:1fr}.connect-proof .wrap,.retailer-benefits{grid-template-columns:1fr}.connect-category-grid,.flow-category-grid,.hub-category-grid,.direct-category-grid{grid-template-columns:repeat(2,1fr)}.flow-featured .product-grid.four{grid-template-columns:1fr}.flow-intro h1,.direct-side h1{font-size:34px}.trade-account-focus h2{font-size:28px}}

/* v3.4 Advanced Template Studio overrides */
body.template-customised{background-color:var(--tpl-bg)!important;color:var(--tpl-text);font-family:var(--tpl-body-font)}
body.template-customised .wrap{max-width:var(--tpl-container)!important}
body.template-customised .site-header{background:var(--tpl-header-bg)!important}
body.template-customised .reference-header .logo img{width:var(--tpl-logo-width)!important;max-width:100%}
body.template-customised.tpl-sticky-off .site-header{position:relative!important;top:auto!important}
body.template-customised.tpl-sticky-on .site-header{position:sticky!important;top:0!important}
body.tpl-topline-off .top-line{display:none!important}
body.tpl-trust-off .trust-strip{display:none!important}
body.tpl-register-off .register-benefit-banner,body.tpl-register-off .register-now-strip{display:none!important}
body.tpl-floating-off .floating-trade-tools{display:none!important}

body.template-customised.tpl-header-compact .reference-header-main{padding-top:8px!important;padding-bottom:8px!important;min-height:66px}
body.template-customised.tpl-header-standard .reference-header-main{padding-top:14px!important;padding-bottom:14px!important;min-height:82px}
body.template-customised.tpl-header-spacious .reference-header-main{padding-top:22px!important;padding-bottom:22px!important;min-height:104px}
body.template-customised.tpl-header-compact .reference-search{height:42px!important}
body.template-customised.tpl-header-spacious .reference-search{height:54px!important}

body.template-customised .nav-wrap{background:var(--tpl-nav-bg)!important}
body.template-customised .clean-nav>a,body.template-customised .clean-nav summary{color:var(--tpl-nav-text)!important}
body.template-customised.tpl-nav-pills .clean-nav{gap:8px!important;padding-top:7px;padding-bottom:7px;height:auto!important}
body.template-customised.tpl-nav-pills .clean-nav>a,body.template-customised.tpl-nav-pills .clean-nav summary{padding:9px 13px;border-radius:999px}
body.template-customised.tpl-nav-pills .clean-nav>a:hover,body.template-customised.tpl-nav-pills .clean-nav summary:hover{background:var(--tpl-accent)!important;color:#fff!important}
body.template-customised.tpl-nav-underline .clean-nav>a,body.template-customised.tpl-nav-underline .clean-nav summary{position:relative}
body.template-customised.tpl-nav-underline .clean-nav>a:after,body.template-customised.tpl-nav-underline .clean-nav summary:after{content:"";position:absolute;left:12px;right:12px;bottom:3px;height:2px;background:var(--tpl-accent);transform:scaleX(0);transition:transform .18s}
body.template-customised.tpl-nav-underline .clean-nav>a:hover:after,body.template-customised.tpl-nav-underline .clean-nav summary:hover:after{transform:scaleX(1)}
body.template-customised.tpl-nav-bar .nav-wrap{background:var(--tpl-nav-bg)!important;border:0!important}
body.template-customised.tpl-nav-bar .clean-nav>a:hover,body.template-customised.tpl-nav-bar .clean-nav summary:hover{color:var(--tpl-accent)!important}

body.template-customised.tpl-search-square .reference-search{border-radius:2px!important}
body.template-customised.tpl-search-square .reference-search button{border-radius:0!important}
body.template-customised.tpl-search-rounded .reference-search{border-radius:10px!important}
body.template-customised.tpl-search-rounded .reference-search button{border-radius:8px!important}
body.template-customised.tpl-search-pill .reference-search{border-radius:999px!important}
body.template-customised.tpl-search-pill .reference-search button{border-radius:50%!important;margin:3px;width:42px!important;height:42px!important}

body.template-customised .clean-footer{background:var(--tpl-footer-bg)!important}
body.template-customised .clean-footer .footer-grid{grid-template-columns:repeat(var(--tpl-footer-cols,4),minmax(0,1fr))!important}
body.template-customised .clean-footer h4,body.template-customised .clean-footer p,body.template-customised .clean-footer a,body.template-customised .footer-bottom{color:var(--tpl-footer-text)!important}
body.template-customised.tpl-footer-cols-2{--tpl-footer-cols:2}body.template-customised.tpl-footer-cols-3{--tpl-footer-cols:3}body.template-customised.tpl-footer-cols-4{--tpl-footer-cols:4}

body.template-customised .section{padding-top:var(--tpl-section-spacing)!important;padding-bottom:var(--tpl-section-spacing)!important}
body.template-customised.tpl-density-compact .section-head{margin-bottom:10px!important}body.template-customised.tpl-density-compact .product-grid{gap:8px!important}body.template-customised.tpl-density-compact .product-body{padding:9px!important}
body.template-customised.tpl-density-spacious .section-head{margin-bottom:25px!important}body.template-customised.tpl-density-spacious .product-grid{gap:22px!important}body.template-customised.tpl-density-spacious .product-body{padding:18px!important}

body.template-customised .home-carousel .carousel-slide,body.template-customised .home-carousel .carousel-slide img,body.template-customised .classic-carousel .carousel-slide,body.template-customised .b2b-carousel .carousel-slide,body.template-customised .b2b-carousel .carousel-slide img,body.template-customised .connect-carousel .carousel-slide,body.template-customised .connect-carousel .carousel-slide img,body.template-customised .flow-carousel .carousel-slide,body.template-customised .flow-carousel .carousel-slide img,body.template-customised .hub-carousel .carousel-slide,body.template-customised .hub-carousel .carousel-slide img,body.template-customised .direct-carousel .carousel-slide,body.template-customised .direct-carousel .carousel-slide img{height:var(--tpl-carousel-height)!important;min-height:var(--tpl-carousel-height)!important}

body.template-customised .product-grid.six,body.template-customised .product-grid.four,body.template-customised .catalogue-main .product-grid{grid-template-columns:repeat(var(--tpl-product-cols),minmax(0,1fr))!important}
body.template-customised.tpl-cols-3{--tpl-product-cols:3}body.template-customised.tpl-cols-4{--tpl-product-cols:4}body.template-customised.tpl-cols-5{--tpl-product-cols:5}body.template-customised.tpl-cols-6{--tpl-product-cols:6}
body.template-customised .product-card,body.template-customised .category-card{border-radius:var(--tpl-card-radius)!important;overflow:hidden}
body.template-customised.tpl-card-flat .product-card,body.template-customised.tpl-card-flat .category-card{box-shadow:none!important;border-color:transparent!important;background:transparent!important}
body.template-customised.tpl-card-bordered .product-card,body.template-customised.tpl-card-bordered .category-card{box-shadow:none!important;border:1px solid #dce5ef!important;background:#fff}
body.template-customised.tpl-card-shadow .product-card,body.template-customised.tpl-card-shadow .category-card{border-color:transparent!important;box-shadow:0 12px 35px rgba(22,45,72,.10)!important;background:#fff}
body.template-customised.tpl-card-glass .product-card,body.template-customised.tpl-card-glass .category-card{background:rgba(255,255,255,.10)!important;border:1px solid rgba(255,255,255,.18)!important;backdrop-filter:blur(14px);box-shadow:0 18px 45px rgba(0,0,0,.10)!important}

body.template-customised.tpl-ratio-square .product-img{height:auto!important;aspect-ratio:1/1}
body.template-customised.tpl-ratio-portrait .product-img{height:auto!important;aspect-ratio:4/5}
body.template-customised.tpl-ratio-landscape .product-img{height:auto!important;aspect-ratio:4/3}
body.template-customised.tpl-ratio-natural .product-img{aspect-ratio:auto}

body.template-customised.tpl-category-circles .category-photo{width:110px;height:110px!important;border-radius:50%;margin:12px auto!important;border:1px solid #e1e8ef;padding:12px!important}
body.template-customised.tpl-category-circles .category-card{text-align:center;padding-bottom:14px!important}
body.template-customised.tpl-category-compact .category-grid-v2{grid-template-columns:repeat(4,minmax(0,1fr))!important}
body.template-customised.tpl-category-compact .category-card{display:grid;grid-template-columns:64px 1fr;align-items:center;text-align:left;padding:8px!important}
body.template-customised.tpl-category-compact .category-photo{width:64px;height:64px!important;margin:0 10px 0 0!important;border:0!important}

body.template-customised.tpl-price-normal .price{color:inherit!important;font-weight:400!important;background:none!important;padding:0!important}
body.template-customised.tpl-price-accent .price{color:var(--tpl-accent)!important;font-weight:600!important}
body.template-customised.tpl-price-badge .price{display:inline-flex!important;width:max-content;background:var(--tpl-accent)!important;color:#fff!important;padding:7px 10px!important;border-radius:8px!important;font-size:15px!important}
body.template-customised.tpl-price-badge .price small{color:rgba(255,255,255,.78)!important}

body.template-customised.tpl-title-simple .section-head h2:after{display:none!important}
body.template-customised.tpl-title-line .section-head h2:after{content:""!important;display:block!important;width:70px;height:3px;background:var(--tpl-accent)!important;margin-top:8px;border-radius:99px}
body.template-customised.tpl-title-boxed .section-head h2{display:inline-block;background:var(--tpl-secondary)!important;color:#fff!important;padding:8px 13px!important;border-radius:6px!important}
body.template-customised.tpl-title-boxed .section-head h2:after{display:none!important}

body.template-customised.tpl-bg-none main{background:var(--tpl-bg)!important}
body.template-customised.tpl-bg-soft main{background:radial-gradient(circle at 7% 8%,color-mix(in srgb,var(--tpl-accent) 7%,transparent),transparent 23%),radial-gradient(circle at 92% 28%,color-mix(in srgb,var(--tpl-secondary) 6%,transparent),transparent 22%),var(--tpl-bg)!important}
body.template-customised.tpl-bg-gradient main{background:linear-gradient(135deg,color-mix(in srgb,var(--tpl-bg) 92%,var(--tpl-accent) 8%),var(--tpl-bg) 48%,color-mix(in srgb,var(--tpl-bg) 92%,var(--tpl-secondary) 8%))!important}
body.template-customised.tpl-bg-grid main{background-color:var(--tpl-bg)!important;background-image:linear-gradient(color-mix(in srgb,var(--tpl-text) 5%,transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in srgb,var(--tpl-text) 5%,transparent) 1px,transparent 1px)!important;background-size:28px 28px!important}

body.tpl-anim-off .reveal-item,body.tpl-anim-off .reveal-section{opacity:1!important;transform:none!important;transition:none!important;animation:none!important}
body.tpl-anim-subtle .reveal-item,body.tpl-anim-subtle .reveal-section{transition-duration:.35s!important}
body.tpl-anim-normal .reveal-item,body.tpl-anim-normal .reveal-section{transition-duration:.65s!important}
body.tpl-anim-strong .reveal-item,body.tpl-anim-strong .reveal-section{transition-duration:.9s!important}
body.tpl-anim-strong .reveal-item:not(.is-visible),body.tpl-anim-strong .reveal-section:not(.is-visible){transform:translateY(28px) scale(.985)!important}

@media(max-width:820px){
  body.template-customised .product-grid.six,body.template-customised .product-grid.four,body.template-customised .catalogue-main .product-grid{grid-template-columns:repeat(var(--tpl-mobile-cols),minmax(0,1fr))!important}
  body.template-customised.tpl-mobile-cols-1{--tpl-mobile-cols:1}body.template-customised.tpl-mobile-cols-2{--tpl-mobile-cols:2}
  body.template-customised .clean-footer .footer-grid{grid-template-columns:1fr 1fr!important}
  body.template-customised .reference-header .logo img{width:min(var(--tpl-logo-width),180px)!important}
}
@media(max-width:520px){body.template-customised .clean-footer .footer-grid{grid-template-columns:1fr!important}}

/* v3.6.2 final mobile safeguards — loaded after every template theme */
@media(max-width:820px){
  body[class*="front-template-"] .wrap{width:100%!important;max-width:100%!important;margin-left:auto!important;margin-right:auto!important}
  body[class*="front-template-"] .reference-header .reference-header-main{
    display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;grid-template-areas:"logo actions" "search search"!important;
    width:100%!important;max-width:100%!important;min-height:0!important;margin:0!important;padding:10px 14px 11px!important;gap:10px 8px!important;border-radius:0!important
  }
  body[class*="front-template-"] .reference-header .reference-header-main>.logo{grid-area:logo!important;height:46px!important;margin:0!important;min-width:0!important;display:flex!important;align-items:center!important}
  body[class*="front-template-"] .reference-header .reference-header-main>.logo img{width:min(var(--tpl-logo-width,165px),165px)!important;max-width:165px!important;max-height:44px!important;height:auto!important}
  body[class*="front-template-"] .reference-header .reference-search{grid-area:search!important;width:100%!important;max-width:none!important;min-width:0!important;height:44px!important;margin:0!important}
  body[class*="front-template-"] .reference-header .reference-head-actions{grid-area:actions!important;grid-column:auto!important;grid-row:auto!important;width:auto!important;min-width:0!important;margin:0!important;padding:0!important;gap:7px!important;justify-self:end!important}
  body[class*="front-template-"] .reference-header .header-account-links{display:none!important}
  body[class*="front-template-"] .reference-header .header-quick-order{width:40px!important;min-width:40px!important;height:38px!important;padding:0!important}
  body[class*="front-template-"] .reference-header .header-quick-order span{display:none!important}
  body[class*="front-template-"] .reference-header .basket-link{width:40px!important;min-width:40px!important;height:40px!important;display:grid!important;place-items:center!important;grid-template-columns:1fr!important;gap:0!important;margin:0!important;padding:0!important}
  body[class*="front-template-"] .reference-header .basket-copy{display:none!important}
  body[class*="front-template-"] .trust-strip{display:none!important}
  body[class*="front-template-"] .nav-wrap{overflow:visible!important;padding:0!important}
  body[class*="front-template-"] .mobile-nav-bar{display:flex!important}
  body[class*="front-template-"] .nav-wrap .clean-nav{display:none!important;width:100%!important;max-width:100%!important;height:auto!important;max-height:calc(100vh - 165px)!important;overflow-y:auto!important;overflow-x:hidden!important;flex-direction:column!important;align-items:stretch!important;gap:0!important;padding:5px 14px 14px!important;border-radius:0!important;background:inherit!important}
  body[class*="front-template-"] .nav-wrap.mobile-nav-open .clean-nav{display:flex!important}
  body[class*="front-template-"] .nav-wrap .clean-nav>a,body[class*="front-template-"] .nav-wrap .nav-dropdown>summary{width:100%!important;min-height:44px!important;padding:11px 2px!important;white-space:normal!important}
  body[class*="front-template-"] .nav-wrap .nav-dropdown{position:static!important;width:100%!important}
  body[class*="front-template-"] .nav-wrap .nav-dropdown-menu{position:static!important;inset:auto!important;width:100%!important;grid-template-columns:1fr 1fr!important;box-shadow:none!important;border:0!important;padding:4px 0 9px!important;margin:0!important;max-height:45vh!important;overflow:auto!important}
  body[class*="front-template-"] .nav-wrap .nav-dropdown:not([open]) .nav-dropdown-menu{display:none!important}
  body[class*="front-template-"] .product-grid.six,body[class*="front-template-"] .product-grid.four,body[class*="front-template-"] .catalogue-main .product-grid{grid-template-columns:repeat(var(--tpl-mobile-cols,2),minmax(0,1fr))!important}
  body[class*="front-template-"] .tpl-home,body[class*="front-template-"] main{max-width:100%!important;min-width:0!important;overflow-x:hidden!important}
}
@media(max-width:520px){
  body[class*="front-template-"] .reference-header .reference-header-main{padding-left:12px!important;padding-right:12px!important}
  body[class*="front-template-"] .reference-header .reference-header-main>.logo img{width:min(var(--tpl-logo-width,152px),152px)!important;max-width:152px!important}
  body[class*="front-template-"] .nav-wrap .nav-dropdown-menu{grid-template-columns:1fr!important}
}