:root{--navy:#072c58;--blue:#0568c9;--blue2:#0d7de2;--ink:#10243e;--muted:#6b7b90;--line:#dce5ef;--soft:#f4f7fb;--green:#0ba84a;--red:#d93025;--orange:#ff8a24;--shadow:0 10px 35px rgba(18,45,77,.08)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:#fff;font-size:14px}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.wrap{max-width:1480px;margin:0 auto;padding:0 28px}.trade-strip{background:linear-gradient(90deg,#082d59,#103e70);color:#fff;font-size:12px}.strip-inner{display:flex;gap:34px;align-items:center;height:38px}.trade-strip a{color:#fff}.ml-auto{margin-left:auto}.site-header{background:#fff;box-shadow:0 1px 0 var(--line);position:sticky;top:0;z-index:20}.header-main{display:grid;grid-template-columns:250px 1fr auto;gap:36px;align-items:center;padding-top:18px;padding-bottom:18px}.logo img{width:205px}.search{display:flex;border:1px solid #cad8e7;border-radius:5px;overflow:hidden;max-width:650px;margin:auto;width:100%;height:48px}.search input{border:0;outline:0;padding:0 16px;flex:1;color:var(--ink)}.search button{width:55px;border:0;background:var(--navy);color:#fff;font-size:23px}.head-actions{display:flex;gap:26px;align-items:center;font-weight:700;font-size:13px}.order-link{white-space:nowrap}.order-link b{background:var(--blue);color:#fff;display:inline-grid;place-items:center;border-radius:50%;width:21px;height:21px;margin-left:5px}.nav-wrap{border-top:1px solid #edf2f7}.nav{display:flex;align-items:center;gap:39px;height:55px;font-size:12px;font-weight:800}.nav a:hover{color:var(--blue)}.nav-cta{margin-left:auto!important;background:linear-gradient(90deg,#075aaa,#0782d8);color:#fff!important;padding:13px 18px;border-radius:4px}.hero{background:linear-gradient(110deg,#eff5fb 0%,#f6f8fb 46%,#e9eef3 100%);overflow:hidden}.hero-inner{height:375px;display:grid;grid-template-columns:1fr 1.15fr;align-items:center}.hero-copy{padding-left:18px;position:relative;z-index:2}.eyebrow{font-size:12px;font-weight:800;letter-spacing:1.8px;color:var(--blue)}.hero h1{font-size:43px;line-height:1.02;margin:12px 0;color:var(--navy);letter-spacing:-1.2px}.hero p{font-size:15px;margin:15px 0 25px}.hero-copy .btn{margin-right:10px}.hero-art{height:100%;position:relative;background:radial-gradient(circle at 55% 45%,#fff 0,rgba(255,255,255,.7) 30%,transparent 68%)}.pot{position:absolute;bottom:45px;background:linear-gradient(#fafafa,#d8dde4);border:2px solid #bdc5cf;box-shadow:0 15px 25px rgba(0,0,0,.18), inset 0 1px #fff;border-radius:10px 10px 20px 20px;text-align:center;color:#687687;font-weight:800;padding-top:58px}.pot:before{content:"";position:absolute;left:-30px;right:-30px;top:18px;height:13px;background:linear-gradient(#d1b168,#8f7036,#e2c778);border-radius:8px}.pot:after{content:"";position:absolute;left:30%;right:30%;top:-8px;height:20px;border-radius:50%;border:5px solid #b59048;background:#eee}.p1{width:210px;height:165px;left:75px}.p2{width:170px;height:135px;left:285px}.p3{width:120px;height:105px;left:440px}.hero-art span{position:absolute;right:25px;top:62px;font:italic 25px Georgia,serif;color:#183a65;transform:rotate(-6deg);line-height:1.25}.section{padding-top:28px;padding-bottom:28px}.section-head{display:flex;align-items:end;justify-content:space-between;margin-bottom:17px}.section-head h2{font-size:25px;margin:0;color:var(--navy)}.section-head a{font-size:12px;color:var(--blue);font-weight:800}.category-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:12px}.category-card{border:1px solid var(--line);border-radius:5px;background:linear-gradient(#fff,#f5f8fb);text-align:center;padding:10px 6px 12px;transition:.2s}.category-card:hover{transform:translateY(-2px);box-shadow:var(--shadow)}.category-card img{height:78px;width:100%;object-fit:contain;margin-bottom:6px}.category-card strong{display:block;font-size:12px}.category-card small{color:var(--muted);font-size:10px}.product-grid{display:grid;gap:12px}.product-grid.six{grid-template-columns:repeat(6,1fr)}.product-grid.four{grid-template-columns:repeat(4,1fr)}.product-card{border:1px solid var(--line);border-radius:5px;overflow:hidden;background:#fff;min-width:0}.product-img{height:210px;padding:14px;position:relative;display:block;background:#fff}.product-img img{width:100%;height:100%;object-fit:contain}.badge{position:absolute;top:10px;left:10px;color:#fff;padding:4px 7px;border-radius:3px;font-size:9px;font-weight:900}.badge.blue{background:var(--blue)}.badge.orange{background:var(--orange)}.product-body{padding:12px}.product-body h3{font-size:13px;margin:0 0 5px;min-height:32px}.sku{font-size:11px;color:var(--muted);margin-bottom:7px}.stock{font-size:11px;font-weight:700;margin:4px 0}.stock.in{color:var(--green)}.stock.out{color:var(--red)}.price{font-weight:900;font-size:18px;margin:10px 0}.price small,.big-price small{font-size:10px;font-weight:700;color:var(--muted)}.card-order{display:grid;grid-template-columns:98px 1fr;gap:7px;margin-top:7px}.qty{display:grid;grid-template-columns:28px 1fr 28px;border:1px solid var(--line);height:36px;border-radius:3px;overflow:hidden}.qty button{border:0;background:#f4f7fb;color:var(--navy);font-size:18px}.qty input{border:0;text-align:center;width:100%;font-weight:700}.btn{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:4px;background:linear-gradient(90deg,#075aaa,#087bd0);color:#fff;padding:13px 20px;font-weight:800;font-size:12px;cursor:pointer;box-shadow:0 6px 16px rgba(5,104,201,.14)}.btn.small{padding:10px 12px;font-size:10px}.btn.ghost{background:#fff;color:var(--blue);border:1px solid var(--blue);box-shadow:none}.btn.wide{width:100%}.login-price{font-size:11px;color:var(--muted);min-height:30px;margin:12px 0 8px}.split-sections{display:grid;grid-template-columns:1fr 1fr;gap:28px}.brand-strip{display:grid;grid-template-columns:repeat(8,1fr);gap:12px}.brand-strip a,.brand-grid a{border:1px solid var(--line);background:#fafcfe;border-radius:4px;height:70px;display:grid;place-items:center;font-size:18px;font-weight:800;color:#243247}.trade-cta{background:linear-gradient(110deg,#eaf2fa,#f7faff);margin-top:22px;border-top:1px solid var(--line)}.trade-cta-inner{display:grid;grid-template-columns:1.4fr 1fr auto;align-items:center;gap:50px;padding-top:34px;padding-bottom:34px}.trade-cta h2{font-size:27px;margin:0 0 8px;color:var(--navy)}.trade-cta p{margin:0;color:#456}.trade-cta ul{list-style:none;margin:0;padding:0;display:grid;gap:7px}.trade-cta li{color:#174979;font-weight:600}.trade-cta .btn{white-space:nowrap}footer{background:#f8fafc;border-top:1px solid var(--line)}.footer-grid{display:grid;grid-template-columns:1.4fr repeat(3,1fr);gap:55px;padding-top:38px;padding-bottom:32px}.footer-logo{width:140px;margin-bottom:15px}.footer-grid p{color:#5f6f83;line-height:1.6;font-size:12px}.footer-grid h4{margin:0 0 12px;color:var(--navy)}.footer-grid a{display:block;font-size:12px;color:#506178;margin:8px 0}.footer-bottom{background:var(--navy);color:#fff;padding:14px calc((100vw - 1480px)/2 + 28px);font-size:11px}.footer-bottom span{float:right}.page-hero{background:linear-gradient(110deg,#edf4fb,#f8fafc);border-bottom:1px solid var(--line)}.page-hero .wrap{padding-top:42px;padding-bottom:42px}.page-hero h1{font-size:35px;margin:0 0 8px;color:var(--navy)}.page-hero p{margin:0;color:#607086}.catalogue{display:grid;grid-template-columns:240px 1fr;gap:30px}.filters{border:1px solid var(--line);border-radius:5px;padding:18px;height:max-content;position:sticky;top:132px}.filters h3{margin-top:0}.filters label,.form-card label,.auth-card label,.admin-panel label{display:block;font-size:12px;font-weight:700;margin:13px 0;color:#42546b}.filters input,.filters select,.form-card input,.form-card select,.form-card textarea,.auth-card input,.admin-panel input,.admin-panel select,.admin-panel textarea{width:100%;border:1px solid #cbd8e6;border-radius:4px;background:#fff;padding:11px 12px;margin-top:5px;font:inherit;color:var(--ink);outline:none}.catalogue-main .product-grid{grid-template-columns:repeat(4,1fr)}.empty{padding:30px;border:1px dashed var(--line);color:var(--muted)}.product-page{display:grid;grid-template-columns:1.1fr .9fr;gap:60px;padding-top:50px}.main-image{border:1px solid var(--line);height:550px;display:grid;place-items:center;border-radius:6px}.main-image img{width:90%;height:90%;object-fit:contain}.product-info{padding:15px 0}.product-info h1{font-size:36px;line-height:1.1;margin:7px 0 16px;color:var(--navy)}.trade-facts{border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin:20px 0}.trade-facts div{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px solid #edf2f7}.trade-facts div:last-child{border:0}.trade-facts dt{color:var(--muted)}.trade-facts dd{margin:0;font-weight:700}.big-price{font-size:31px;font-weight:900;margin:20px 0;color:var(--navy)}.product-order label{font-weight:800}.product-order label span{font-weight:500;color:var(--muted);margin-left:8px}.qty.big{width:170px;height:46px;margin:8px 0 12px}.price-lock{background:var(--soft);border:1px solid var(--line);padding:22px;border-radius:5px;margin-top:22px}.price-lock a{display:inline-flex;margin-right:12px}.product-details{max-width:1150px}.product-details h2{margin-top:28px}.product-details p{line-height:1.8;color:#4a5c70}.spec-grid{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line);border-radius:5px;overflow:hidden}.spec-grid div{padding:14px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;color:#607086}.spec-grid b{color:var(--ink)}.brand-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.brand-grid a{height:110px;display:flex;flex-direction:column;gap:7px}.brand-grid span{font-size:11px;color:var(--muted)}.auth-wrap{min-height:610px;background:linear-gradient(135deg,#eef5fb,#fff);display:grid;place-items:center;padding:60px 20px}.auth-card{width:min(520px,100%);background:#fff;border:1px solid var(--line);border-radius:8px;padding:35px;box-shadow:var(--shadow)}.auth-card h1{color:var(--navy);margin:0 0 10px}.auth-card p{color:#64758a;line-height:1.6}.auth-card hr{border:0;border-top:1px solid var(--line);margin:24px 0}.status-card{text-align:center}.status-icon{margin:auto;width:65px;height:65px;border-radius:50%;display:grid;place-items:center;background:#e9f8ef;color:var(--green);font-size:30px;font-weight:900}.status-card .btn{margin:8px}.form-card{border:1px solid var(--line);border-radius:6px;padding:28px;background:#fff}.form-card h2{font-size:19px;color:var(--navy);border-bottom:1px solid var(--line);padding-bottom:10px;margin-top:4px}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:0 20px}.account-grid{display:grid;grid-template-columns:220px 1fr;gap:30px}.account-nav{border:1px solid var(--line);height:max-content}.account-nav a{display:block;padding:13px 15px;border-bottom:1px solid var(--line)}.account-nav a.active{background:var(--navy);color:#fff}.dashboard-cards,.admin-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-bottom:24px}.dashboard-cards div,.admin-stats div{border:1px solid var(--line);background:#fff;padding:20px;border-radius:5px}.dashboard-cards span,.admin-stats span{display:block;color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.5px}.dashboard-cards b,.admin-stats b{display:block;margin-top:8px;font-size:20px;color:var(--navy)}.panel,.table-card,.summary-card{border:1px solid var(--line);background:#fff;border-radius:5px;padding:20px}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:12px 11px;border-bottom:1px solid var(--line);vertical-align:top}th{font-size:10px;text-transform:uppercase;letter-spacing:.5px;color:#607086;background:#f8fafc}.status-pill{display:inline-block;background:#edf4fb;border:1px solid #d5e3f1;color:#194e7d;border-radius:20px;padding:4px 9px;font-size:10px}.order-summary{margin:20px 0;max-width:460px;margin-left:auto}.order-summary p,.summary-card p{display:flex;justify-content:space-between}.grand{font-size:17px;border-top:1px solid var(--line);padding-top:12px}.cart-layout,.checkout-grid{display:grid;grid-template-columns:1fr 330px;gap:25px;align-items:start}.cart-product{display:flex;gap:12px;align-items:center}.cart-product img{width:60px;height:60px;object-fit:contain;border:1px solid var(--line)}.cart-product small{display:block;color:var(--muted);margin-top:4px}.cart-qty{width:70px;padding:8px;border:1px solid var(--line)}.table-actions{padding:15px 0 0}.summary-card{position:sticky;top:130px}.summary-card small{display:block;color:var(--muted);line-height:1.5;margin:16px 0}.quick-order{max-width:760px}.quick-head,.quick-row{display:grid;grid-template-columns:1fr 160px;gap:15px}.quick-head{font-weight:800;font-size:11px;color:var(--muted);text-transform:uppercase}.quick-row input{margin:4px 0}.prose{max-width:900px;font-size:16px;line-height:1.8}.contact-grid{display:grid;grid-template-columns:1fr 1.4fr;gap:30px}.alert{max-width:1480px;margin:12px auto;padding:12px 16px;border-radius:5px}.alert.success{background:#eaf8ef;color:#16713c;border:1px solid #bfe8ce}.alert.error{background:#fff1ef;color:#a72b22;border:1px solid #f2c6c0}.muted{color:var(--muted);font-size:12px}.install-card{margin:40px 0}.admin-login{min-height:100vh;background:#eef4fa;display:grid;place-items:center;padding:25px}.admin-body{background:#f3f6fa;min-height:100vh}.admin-side{position:fixed;inset:0 auto 0 0;width:230px;background:var(--navy);color:#fff;padding:24px 18px}.admin-side img{width:160px;background:#fff;padding:9px;border-radius:5px;margin-bottom:10px}.admin-side small{opacity:.7}.admin-side nav{margin-top:28px}.admin-side nav a{display:block;padding:11px 10px;border-radius:4px;color:#eaf2fb;margin:2px 0}.admin-side nav a:hover{background:#124374}.admin-main{margin-left:230px;padding:24px 28px}.admin-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.admin-top h1{margin:0;color:var(--navy)}.admin-top p{margin:5px 0 0;color:var(--muted)}.admin-stats{grid-template-columns:repeat(4,1fr)}.admin-stats b{font-size:31px}.admin-panel{background:#fff;border:1px solid var(--line);border-radius:6px;padding:20px;margin-bottom:22px;overflow:auto}.admin-panel h2{margin-top:0;color:var(--navy)}.admin-two{display:grid;grid-template-columns:1.6fr 1fr;gap:22px}.admin-actions{display:flex;justify-content:flex-end;margin-bottom:12px}.checks{display:flex;flex-wrap:wrap;gap:16px;margin:18px 0}.checks label{margin:0}.product-form{max-width:1050px}
@media(max-width:1180px){.category-grid{grid-template-columns:repeat(6,1fr)}.product-grid.six{grid-template-columns:repeat(3,1fr)}.product-grid.four,.catalogue-main .product-grid{grid-template-columns:repeat(3,1fr)}.header-main{grid-template-columns:200px 1fr}.head-actions{grid-column:1/-1;justify-content:flex-end}.nav{gap:20px}.trade-cta-inner{grid-template-columns:1fr 1fr}.trade-cta .btn{grid-column:1/-1;width:max-content}.split-sections{grid-template-columns:1fr}.brand-strip{grid-template-columns:repeat(4,1fr)}}
@media(max-width:820px){.wrap{padding:0 15px}.trade-strip span:not(.ml-auto){display:none}.strip-inner{height:32px}.site-header{position:relative}.header-main{grid-template-columns:1fr auto;gap:10px;padding-top:12px;padding-bottom:10px}.logo img{width:145px}.search{grid-column:1/-1;grid-row:2}.head-actions{grid-column:2;grid-row:1;font-size:11px}.head-actions a:first-child{display:none}.nav-wrap{overflow:auto}.nav{width:max-content;gap:24px;height:49px}.nav-cta{margin-left:0!important}.hero-inner{height:auto;min-height:360px;grid-template-columns:1fr}.hero-copy{padding:40px 0}.hero h1{font-size:34px}.hero-art{display:none}.category-grid{grid-template-columns:repeat(2,1fr)}.product-grid.six,.product-grid.four,.catalogue-main .product-grid{grid-template-columns:repeat(2,1fr)}.product-img{height:165px}.card-order{grid-template-columns:1fr}.split-sections{display:block}.brand-strip{grid-template-columns:repeat(2,1fr)}.trade-cta-inner{grid-template-columns:1fr}.trade-cta .btn{width:100%}.footer-grid{grid-template-columns:1fr 1fr;gap:25px}.footer-bottom{padding:14px 15px}.catalogue{grid-template-columns:1fr}.filters{position:relative;top:auto}.product-page{grid-template-columns:1fr;gap:25px}.main-image{height:380px}.product-info h1{font-size:30px}.spec-grid{grid-template-columns:1fr}.brand-grid{grid-template-columns:repeat(2,1fr)}.form-grid{grid-template-columns:1fr}.account-grid{grid-template-columns:1fr}.account-nav{display:flex;overflow:auto}.account-nav a{white-space:nowrap}.dashboard-cards{grid-template-columns:1fr}.cart-layout,.checkout-grid,.contact-grid{grid-template-columns:1fr}.summary-card{position:relative;top:auto}.table-card{overflow:auto}.admin-side{position:relative;width:auto}.admin-main{margin-left:0}.admin-side nav{display:flex;overflow:auto;margin-top:12px}.admin-side nav a{white-space:nowrap}.admin-stats{grid-template-columns:repeat(2,1fr)}.admin-two{grid-template-columns:1fr}}
@media(max-width:520px){.product-grid.six,.product-grid.four,.catalogue-main .product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.product-body{padding:9px}.product-img{height:135px;padding:8px}.product-body h3{font-size:11px}.price{font-size:15px}.btn.small{font-size:9px}.footer-grid{grid-template-columns:1fr}.brand-grid{grid-template-columns:1fr}.quick-head,.quick-row{grid-template-columns:1fr 100px}.admin-stats{grid-template-columns:1fr 1fr}}

/* === S3 MAX Wholesale v2 refinements === */
.section-kicker{display:block;font-size:10px;letter-spacing:1.8px;font-weight:900;color:var(--blue);margin-bottom:5px}.hero-v2{background:linear-gradient(115deg,#eef5fc 0%,#f9fbfd 52%,#eaf0f5 100%)}.hero-v2 .hero-inner{height:410px;grid-template-columns:.9fr 1.1fr}.hero-v2 h1{font-size:47px;max-width:660px}.hero-actions{display:flex;gap:10px;flex-wrap:wrap}.hero-trust{display:flex;gap:18px;margin-top:28px;font-size:11px;font-weight:800;color:#395a78}.hero-showcase{position:relative;height:100%;overflow:hidden;background:radial-gradient(circle at 48% 48%,#fff 0,rgba(255,255,255,.92) 28%,rgba(255,255,255,.2) 68%,transparent 75%)}.hero-product{position:absolute;background:#fff;border:1px solid #d9e2ec;box-shadow:0 18px 45px rgba(16,36,62,.14);border-radius:16px;padding:12px;transition:.25s}.hero-product:hover{transform:translateY(-5px) rotate(0deg)!important}.hero-product img{width:100%;height:100%;object-fit:contain}.hero-product.hp1{width:245px;height:245px;left:11%;bottom:35px;transform:rotate(-3deg);z-index:3}.hero-product.hp2{width:205px;height:205px;left:42%;bottom:72px;transform:rotate(4deg);z-index:2}.hero-product.hp3{width:155px;height:155px;right:5%;bottom:43px;transform:rotate(-2deg);z-index:4}.hero-showcase-copy{position:absolute;right:8%;top:38px;font:italic 23px Georgia,serif;color:#183a65;line-height:1.25;transform:rotate(-5deg)}.category-grid-v2{grid-template-columns:repeat(9,1fr)}.category-grid-v2 .category-card{padding:0 0 13px;overflow:hidden;background:#fff}.category-photo{height:118px;background:linear-gradient(#fff,#f4f7fb);padding:9px;margin-bottom:9px;border-bottom:1px solid #edf2f7}.category-photo img{height:100%;margin:0;object-fit:contain}.product-card{transition:.2s;box-shadow:0 1px 0 rgba(16,36,62,.02)}.product-card:hover{transform:translateY(-3px);box-shadow:0 14px 34px rgba(16,36,62,.09);border-color:#c9d7e7}.product-img{height:230px;background:linear-gradient(180deg,#fff,#fbfcfe)}.badge-stack{position:absolute;top:9px;left:9px;display:flex;flex-direction:column;gap:5px}.badge-stack .badge{position:static;display:inline-block;width:max-content}.badge.red{background:#d92b2b}.sku-row{display:flex;align-items:center;justify-content:space-between;gap:8px}.sku-row .sku{margin:0}.sku-row .stock{margin:0;font-size:9px}.carton-note{font-size:11px;color:#5e7085;padding:7px 0;border-top:1px solid #edf2f7}.price-tbc{font-size:14px;color:#735b22}.catalogue-hero{background:linear-gradient(115deg,#082f5c,#0b4f8f);color:#fff;overflow:hidden}.catalogue-hero-inner{min-height:220px;display:grid;grid-template-columns:1fr 340px;align-items:center;gap:30px}.catalogue-hero h1{font-size:40px;margin:8px 0 10px}.catalogue-hero p{max-width:720px;margin:0;color:#d7e7f5}.catalogue-hero .section-kicker{color:#75c5ff}.breadcrumbs{display:flex;gap:8px;font-size:11px;color:#b9d5ed;margin-bottom:16px}.breadcrumbs a:hover{color:#fff}.catalogue-hero-image{height:190px;align-self:end;background:radial-gradient(circle,#fff 0,#f5f8fb 45%,rgba(255,255,255,.1) 72%,transparent 73%);display:grid;place-items:center}.catalogue-hero-image img{height:180px;width:250px;object-fit:contain;filter:drop-shadow(0 18px 20px rgba(0,0,0,.18))}.category-chips{display:flex;gap:10px;overflow-x:auto;padding-top:18px;padding-bottom:4px;scrollbar-width:thin}.category-chips a{min-width:128px;border:1px solid var(--line);background:#fff;border-radius:8px;padding:8px;display:grid;grid-template-columns:42px 1fr auto;gap:8px;align-items:center;font-size:11px;font-weight:800;transition:.2s}.category-chips a:hover,.category-chips a.active{border-color:var(--blue);box-shadow:0 6px 16px rgba(5,104,201,.08);color:var(--blue)}.category-chips img{width:42px;height:42px;object-fit:contain}.category-chips small{color:var(--muted);font-weight:700}.catalogue-v2{padding-top:20px}.filter-title{display:flex;justify-content:space-between;align-items:center}.filter-title h3{margin:0}.filter-title a{font-size:10px;color:var(--blue);font-weight:800}.filter-help{margin-top:20px;background:#eef5fb;padding:13px;border-radius:5px;color:#415a73}.filter-help strong{color:var(--navy);font-size:11px}.filter-help p{font-size:10px;line-height:1.5;margin:6px 0 0}.catalogue-toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px;min-height:42px;border-bottom:1px solid var(--line);padding-bottom:12px;color:#53667b}.catalogue-toolbar strong{color:var(--navy);font-size:20px}.catalogue-toolbar span{font-size:11px}.catalogue-toolbar label{font-size:11px;font-weight:800}.catalogue-toolbar select{border:1px solid #ccd8e5;background:#fff;border-radius:4px;padding:9px 30px 9px 10px;color:var(--ink)}.pagination{display:flex;flex-wrap:wrap;gap:6px;justify-content:center;margin-top:28px}.pagination a{width:36px;height:36px;border:1px solid var(--line);display:grid;place-items:center;border-radius:4px;font-size:11px;font-weight:800;background:#fff}.pagination a.active,.pagination a:hover{background:var(--navy);color:#fff;border-color:var(--navy)}.product-breadcrumb{display:flex;gap:8px;padding-top:20px;padding-bottom:0;color:#687b90;font-size:11px;white-space:nowrap;overflow:auto}.product-breadcrumb a{color:#315d86}.product-page-v2{grid-template-columns:1fr .86fr;gap:55px;padding-top:24px}.product-page-v2 .main-image{height:610px;position:relative;background:linear-gradient(#fff,#fbfcfe);border-radius:10px}.product-page-v2 .main-image img{width:94%;height:94%}.product-page-badge{position:absolute;left:18px;top:18px;background:var(--blue);color:#fff;border-radius:4px;padding:6px 9px;font-size:10px;font-weight:900}.gallery-note{font-size:10px;color:#8290a0;margin-top:8px}.product-meta-top{display:flex;justify-content:space-between;align-items:center}.product-meta-top .sku{font-size:12px;background:#eff4f8;padding:6px 9px;border-radius:3px;margin:0}.brand-pill{display:inline-flex;border:1px solid var(--line);padding:7px 11px;border-radius:20px;font-size:10px;font-weight:800;color:#41617f;background:#fff}.trade-facts-v2{display:grid;grid-template-columns:1fr 1fr;margin:20px 0;border:1px solid var(--line);border-radius:6px}.trade-facts-v2 div{display:block;padding:11px 13px;border-bottom:1px solid var(--line)}.trade-facts-v2 div:nth-child(odd){border-right:1px solid var(--line)}.trade-facts-v2 dt{font-size:9px;text-transform:uppercase;letter-spacing:.5px}.trade-facts-v2 dd{margin-top:3px}.trade-price-box{background:linear-gradient(110deg,#edf5fc,#f8fbfe);border:1px solid #d3e3f1;border-radius:8px;padding:18px 20px;margin-top:20px}.trade-price-box>span,.price-lock-v2>span{font-size:9px;letter-spacing:1.2px;font-weight:900;color:var(--blue)}.trade-price-box .big-price{margin:4px 0 3px}.trade-price-box p{font-size:10px;color:#5c6f82;margin:0}.product-order-v2{border:1px solid var(--line);border-radius:8px;margin-top:14px;padding:16px;display:grid;grid-template-columns:1fr 150px;gap:12px;align-items:end}.product-order-v2 small{display:block;color:var(--muted);font-size:10px;margin-top:4px}.product-order-v2 .qty.big{width:150px;margin:0}.product-order-v2 .btn{grid-column:1/-1}.price-lock-v2{background:#f7f9fc;border-radius:8px;padding:22px}.price-lock-v2 strong{display:block;font-size:20px;color:var(--navy);margin:6px 0}.price-lock-v2 .btn{margin:8px 7px 0 0}.product-details-v2{max-width:1480px;display:grid;grid-template-columns:.8fr 1.2fr;gap:50px;border-top:1px solid var(--line);margin-top:10px}.product-details-v2 h2{margin:5px 0 15px}.product-details-v2 .spec-grid{grid-template-columns:repeat(2,1fr)}.admin-actions-wrap{justify-content:flex-start;gap:8px;flex-wrap:wrap}.csv-panel{border-left:4px solid var(--blue)}.csv-panel h2{font-size:18px;margin-bottom:5px}.csv-panel p{color:var(--muted);font-size:12px}.csv-import{display:flex;gap:10px;align-items:center;max-width:650px}.csv-import input[type=file]{flex:1;border:1px dashed #b9c9da;background:#f8fafc;padding:10px;border-radius:4px}.admin-search{display:flex;gap:8px;align-items:center;max-width:650px;margin-bottom:10px}.admin-search input{margin:0}.admin-search .btn{white-space:nowrap}.admin-thumb{width:54px;height:54px;object-fit:contain;border:1px solid var(--line);background:#fff;border-radius:4px}.table-scroll{overflow:auto}
@media(max-width:1180px){.category-grid-v2{grid-template-columns:repeat(5,1fr)}.hero-v2 .hero-inner{grid-template-columns:1fr 1fr}.hero-product.hp1{left:2%}.hero-product.hp2{left:38%}.hero-product.hp3{right:1%}.catalogue-hero-inner{grid-template-columns:1fr 260px}.product-page-v2{grid-template-columns:1fr 1fr;gap:30px}.product-page-v2 .main-image{height:500px}}
@media(max-width:820px){.hero-v2 .hero-inner{min-height:390px;display:block;height:auto}.hero-showcase{display:none}.hero-v2 h1{font-size:35px}.hero-trust{flex-wrap:wrap}.category-grid-v2{grid-template-columns:repeat(2,1fr)}.category-photo{height:135px}.catalogue-hero-inner{grid-template-columns:1fr;min-height:220px;padding-top:35px;padding-bottom:35px}.catalogue-hero-image{display:none}.category-chips{padding-left:15px;padding-right:15px}.catalogue-toolbar{align-items:flex-start;gap:10px;flex-direction:column}.product-page-v2{grid-template-columns:1fr}.product-page-v2 .main-image{height:430px}.product-details-v2{grid-template-columns:1fr;gap:20px}.product-order-v2{grid-template-columns:1fr 145px}.csv-import{align-items:stretch;flex-direction:column}.admin-search{flex-wrap:wrap}}
@media(max-width:520px){.hero-trust{gap:8px 14px}.catalogue-hero h1{font-size:31px}.category-chips a{min-width:115px;grid-template-columns:34px 1fr auto}.category-chips img{width:34px;height:34px}.product-page-v2 .main-image{height:340px}.trade-facts-v2{grid-template-columns:1fr}.trade-facts-v2 div:nth-child(odd){border-right:0}.product-order-v2{grid-template-columns:1fr}.product-order-v2 .qty.big{width:100%}.product-details-v2 .spec-grid{grid-template-columns:1fr}}

/* v2.2 official S3 Max Enterprises Ltd branding */
.logo img{width:235px;height:auto;object-fit:contain}.footer-logo{width:175px;height:auto}.admin-side img{width:185px;height:auto;object-fit:contain}.admin-login .auth-card>img{width:280px;max-width:100%!important;height:auto;margin-bottom:12px}@media(max-width:820px){.logo img{width:165px}.footer-logo{width:165px}.admin-side img{width:180px}}


/* v2.4 product promotional banners */
.promo-banner-section{padding-top:22px;padding-bottom:6px}.promo-banner-section-compact{padding-top:16px;padding-bottom:6px}.promo-banner-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px;padding-top:10px;padding-bottom:10px}.promo-banner{display:block;position:relative;border-radius:22px;overflow:hidden;background:#fff;border:1px solid #dfebf4;box-shadow:0 18px 45px rgba(9,32,61,.08);transition:transform .22s,box-shadow .22s}.promo-banner:hover{transform:translateY(-4px);box-shadow:0 26px 54px rgba(9,32,61,.12)}.promo-banner img{width:100%;height:auto;display:block}.promo-banner-large{border-radius:26px}.filter-banner{margin-top:18px}.filter-banner .promo-banner{border-radius:16px}.filter-banner img{display:block;width:100%;height:auto}
@media(max-width:980px){.promo-banner-grid{grid-template-columns:1fr}.filter-banner{display:none}}
@media(max-width:820px){.promo-banner,.promo-banner-large{border-radius:16px}.promo-banner-section{padding-top:16px}}


/* v2.5 functional wholesale tools */
.product-card{position:relative}.save-product-form{position:absolute;right:10px;top:10px;z-index:8;margin:0}.save-product-btn{width:36px;height:36px;border-radius:50%;border:1px solid #d8e4ef;background:rgba(255,255,255,.94);color:#8191a3;font-size:18px;display:grid;place-items:center;cursor:pointer;box-shadow:0 8px 18px rgba(7,34,62,.10);transition:.2s}.save-product-btn:hover,.save-product-btn.saved{color:#d93025;border-color:#efb9b4;background:#fff3f1;transform:translateY(-1px)}.product-save-action{display:inline-block;margin:10px 0 0}.notify-stock-box{margin-top:15px;border:1px solid #ead9a7;background:linear-gradient(135deg,#fff9e8,#fff);border-radius:16px;padding:16px;display:grid;grid-template-columns:1fr 1.1fr;gap:15px;align-items:center}.notify-stock-box strong{display:block;color:#6b5011;font-size:15px}.notify-stock-box span{display:block;color:#72664a;font-size:11px;line-height:1.45;margin-top:4px}.notify-stock-fields{display:grid;grid-template-columns:1fr auto;gap:8px}.notify-stock-fields input{min-width:0;border:1px solid #dfcf9e;border-radius:999px;padding:11px 14px;outline:none}.row-actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.row-actions form,.order-actions form{margin:0}.link-button{border:0;background:none;padding:0;color:var(--blue);font:inherit;font-weight:700;cursor:pointer}.link-button:hover{text-decoration:underline}.order-actions{display:flex;gap:10px;align-items:center;justify-content:flex-end;flex-wrap:wrap}.empty-feature{text-align:center;border-radius:18px;padding:55px 30px;background:linear-gradient(135deg,#f8fbff,#fff)}.empty-feature strong{display:block;color:var(--navy);font-size:22px}.empty-feature p{color:var(--muted);max-width:560px;margin:10px auto 18px}.dashboard-cards{grid-template-columns:repeat(4,1fr)}.floating-trade-tools{position:fixed;right:18px;bottom:18px;z-index:35;display:flex;gap:8px;padding:8px;background:rgba(6,31,61,.92);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.12);border-radius:999px;box-shadow:0 18px 45px rgba(0,0,0,.22)}.floating-trade-tools a{color:#fff;font-size:11px;font-weight:800;padding:9px 12px;border-radius:999px;white-space:nowrap}.floating-trade-tools a:hover{background:rgba(255,255,255,.12)}.floating-trade-tools b{display:inline-grid;place-items:center;width:18px;height:18px;border-radius:50%;background:#d93025;margin-left:3px}.filter-banner{position:relative}.filter-banner:before{content:"Trade Account";position:absolute;z-index:2;left:10px;top:10px;background:rgba(7,44,88,.9);color:#fff;border-radius:999px;padding:5px 9px;font-size:9px;font-weight:900;letter-spacing:.5px}
@media(max-width:1050px){.dashboard-cards{grid-template-columns:repeat(2,1fr)}.notify-stock-box{grid-template-columns:1fr}.floating-trade-tools{right:10px;bottom:10px}}
@media(max-width:820px){.floating-trade-tools{left:10px;right:10px;justify-content:center;border-radius:18px}.floating-trade-tools a{flex:1;text-align:center}.notify-stock-fields{grid-template-columns:1fr}.dashboard-cards{grid-template-columns:1fr}}
@media(max-width:520px){.floating-trade-tools a{font-size:10px;padding:8px 5px}.save-product-btn{width:34px;height:34px}}
.banner-admin-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.banner-admin-card{margin:0}.admin-banner-preview{width:100%;aspect-ratio:3.6/1;object-fit:cover;border:1px solid var(--line);border-radius:12px;background:#f7fafc;margin:10px 0 16px}.banner-admin-card label{margin-top:14px}@media(max-width:1000px){.banner-admin-grid{grid-template-columns:1fr}}


/* v2.6 functional UX + analytics */
.search{position:relative;overflow:visible}.search-suggestions{position:absolute;z-index:120;left:-1px;right:-1px;top:calc(100% + 8px);max-height:min(520px,70vh);overflow:auto;background:#fff;border:1px solid #d6e2ee;border-radius:16px;box-shadow:0 24px 70px rgba(7,35,66,.22);padding:7px}.search-suggestion{display:grid;grid-template-columns:62px 1fr auto;gap:12px;align-items:center;padding:9px;border-radius:11px;transition:.15s}.search-suggestion:hover,.search-suggestion.active{background:#f1f7fc}.search-suggestion img{width:62px;height:62px;object-fit:contain;border:1px solid #e6edf4;border-radius:9px;background:#fff}.suggestion-main{min-width:0}.suggestion-main b{display:block;font-size:12px;color:var(--navy);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.suggestion-main small{display:block;color:var(--muted);font-size:10px;margin-top:4px}.suggestion-main em{display:block;font-style:normal;font-size:9px;font-weight:800;margin-top:5px}.suggestion-main em.in{color:var(--green)}.suggestion-main em.out{color:var(--red)}.suggestion-price{text-align:right;font-weight:900;color:var(--navy);font-size:12px;white-space:nowrap}.suggestion-price small{display:block;font-size:9px;color:var(--muted);font-weight:600;margin-top:3px}.search-view-all{display:block;padding:10px 12px;border-top:1px solid #edf2f7;text-align:center;color:var(--blue);font-weight:800;font-size:11px}.frequent-home{background:linear-gradient(135deg,rgba(239,246,253,.62),rgba(255,255,255,.88));border-radius:28px;padding-left:28px;padding-right:28px}.frequent-product-grid{align-items:start}.frequent-product-wrap{min-width:0}.frequency-meta{display:flex;flex-wrap:wrap;gap:7px;margin:8px 5px 0}.frequency-meta span{font-size:9px;color:#4d6278;background:#f1f6fb;border:1px solid #dbe7f2;border-radius:999px;padding:5px 8px}.frequency-meta b{color:var(--navy)}.account-section-head{margin-top:22px}.account-details-title{margin-top:30px}.account-stats{grid-template-columns:repeat(4,1fr)}
.analytics-stats{grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}.analytics-stat{position:relative;overflow:hidden}.analytics-stat:after{content:"";position:absolute;right:-22px;top:-24px;width:82px;height:82px;border-radius:50%;background:radial-gradient(circle,rgba(5,104,201,.11),transparent 68%)}.analytics-stat b{font-size:25px}.analytics-stat small{display:block;color:var(--muted);margin-top:5px;font-size:9px}.analytics-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.analytics-panel{min-width:0}.analytics-panel.full{grid-column:1/-1}.pipeline-list{display:grid;gap:10px}.pipeline-row{display:grid;grid-template-columns:150px 1fr 44px;gap:12px;align-items:center;font-size:11px}.pipeline-row span:first-child{font-weight:700;color:#41566d}.pipeline-bar{height:10px;background:#edf3f8;border-radius:999px;overflow:hidden}.pipeline-bar i{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,#d93025,#0b6dc7,#f0b425)}.pipeline-row b{text-align:right;color:var(--navy)}.analytics-table td small{display:block;color:var(--muted);margin-top:3px}.rank-badge{display:inline-grid;place-items:center;width:25px;height:25px;border-radius:50%;background:#eef5fb;color:#0a5ea8;font-weight:900;font-size:10px}.metric-good{color:var(--green)}.metric-warn{color:var(--orange)}
@media(max-width:1250px){.analytics-stats{grid-template-columns:repeat(3,1fr)}}
@media(max-width:900px){.analytics-grid{grid-template-columns:1fr}.analytics-panel.full{grid-column:auto}.account-stats{grid-template-columns:repeat(2,1fr)}}
@media(max-width:820px){.search-suggestions{position:fixed;left:12px;right:12px;top:112px;max-height:62vh}.search-suggestion{grid-template-columns:52px 1fr}.search-suggestion img{width:52px;height:52px}.suggestion-price{display:none}.analytics-stats{grid-template-columns:repeat(2,1fr)}.pipeline-row{grid-template-columns:105px 1fr 34px}.frequent-home{border-radius:18px;padding-left:15px;padding-right:15px}}
@media(max-width:520px){.analytics-stats,.account-stats{grid-template-columns:1fr 1fr}.analytics-stat b{font-size:20px}}


/* v2.7 clean wholesale interface — inspired by straightforward UK trade catalogues */
:root{--navy:#172c45;--blue:#1769aa;--blue2:#1769aa;--ink:#202b36;--muted:#6c7783;--line:#e2e6ea;--soft:#f6f7f8;--green:#18864b;--red:#d92d2d;--orange:#e58a18;--shadow:0 4px 18px rgba(22,40,61,.07)}
body{background:#fff;color:var(--ink);font-size:14px}.wrap{max-width:1440px}.top-line{background:#f4f5f6;border-bottom:1px solid #e5e7e9;color:#59636e;font-size:12px}.top-line-inner{min-height:34px;display:flex;align-items:center;justify-content:space-between;gap:20px}.top-line-inner div{display:flex;gap:22px}.top-line a:hover{color:var(--blue)}
.site-header,.clean-header{background:#fff;box-shadow:none;position:relative;top:auto}.header-main{grid-template-columns:245px minmax(300px,690px) auto;gap:30px;padding-top:18px;padding-bottom:18px}.logo img{width:220px}.search{height:44px;border:1px solid #cfd5da;border-radius:2px;box-shadow:none;margin:0}.search input{font-size:13px;background:#fff}.search button{width:72px;background:#283f59;color:#fff;font-size:12px;font-weight:700;border-radius:0}.head-actions{gap:20px;font-size:12px}.head-actions a:hover{color:var(--blue)}.order-link b{background:#d92d2d}
.trust-strip{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#fff}.trust-strip-inner{display:grid;grid-template-columns:repeat(4,1fr);min-height:62px}.trust-strip span{padding:11px 22px;border-right:1px solid var(--line);display:flex;flex-direction:column;justify-content:center}.trust-strip span:first-child{border-left:1px solid var(--line)}.trust-strip b{font-size:12px;color:#24384d}.trust-strip small{font-size:10px;color:#7b858f;margin-top:3px}
.nav-wrap{border-top:0;border-bottom:1px solid #dce1e5;background:#263d57}.nav{height:46px;gap:0;font-size:11px}.nav>a,.nav-dropdown>summary{color:#fff;padding:15px 17px;cursor:pointer;font-weight:700;text-transform:uppercase;letter-spacing:.25px;list-style:none}.nav>a:hover,.nav-dropdown>summary:hover{background:#1d3045;color:#fff}.nav-cta{margin-left:auto!important;background:#d92d2d!important;border-radius:0!important;box-shadow:none!important}.nav-dropdown{position:relative}.nav-dropdown summary::-webkit-details-marker{display:none}.nav-dropdown-menu{position:absolute;left:0;top:46px;width:600px;background:#fff;border:1px solid #dfe4e8;box-shadow:0 12px 30px rgba(18,39,60,.12);padding:15px;display:grid;grid-template-columns:repeat(3,1fr);gap:0;z-index:50}.nav-dropdown:not([open]) .nav-dropdown-menu{display:none}.nav-dropdown-menu a{padding:9px 10px;color:#34485c;border-bottom:1px solid #f1f2f3;font-size:11px}.nav-dropdown-menu a:hover{color:var(--blue);background:#f7f9fa}
.home-carousel{position:relative;max-width:1440px;margin:18px auto 0;overflow:hidden;background:#f5f5f5}.carousel-track{position:relative;aspect-ratio:4/1}.carousel-slide{position:absolute;inset:0;opacity:0;visibility:hidden;transition:opacity .65s ease;display:block}.carousel-slide.active{opacity:1;visibility:visible;z-index:1}.carousel-slide img{width:100%;height:100%;object-fit:cover}.carousel-copy{position:absolute;left:6%;top:50%;transform:translateY(-50%);max-width:430px;background:rgba(255,255,255,.94);padding:24px;display:none}.carousel-copy:has(h2),.carousel-copy:has(p){display:block}.carousel-copy h2{margin:0 0 8px;font-size:30px}.carousel-copy p{margin:0 0 14px}.carousel-arrow{position:absolute;z-index:3;top:50%;transform:translateY(-50%);width:38px;height:54px;border:0;background:rgba(255,255,255,.88);font-size:28px;color:#263d57;cursor:pointer}.carousel-arrow.prev{left:0}.carousel-arrow.next{right:0}.carousel-dots{position:absolute;z-index:3;left:50%;bottom:10px;transform:translateX(-50%);display:flex;gap:7px}.carousel-dots button{width:9px;height:9px;border-radius:50%;border:1px solid #fff;background:rgba(30,45,60,.45);padding:0}.carousel-dots button.active{background:#d92d2d}
.register-benefit-banner,.register-now-strip{background:#f4f6f7;border-top:1px solid #e3e6e9;border-bottom:1px solid #e3e6e9}.register-benefit-banner .wrap,.register-now-strip .wrap{min-height:58px;display:flex;align-items:center;gap:16px;justify-content:center;flex-wrap:wrap}.register-benefit-banner strong,.register-now-strip strong{font-size:15px;color:#24384d}.register-benefit-banner span,.register-now-strip span{font-size:12px}.register-benefit-banner i{color:#b7bdc2}.register-benefit-banner a,.register-now-strip a{background:#d92d2d;color:#fff;padding:9px 17px;font-size:11px;font-weight:700}
.section{padding-top:34px;padding-bottom:34px}.section-head{align-items:flex-end;margin-bottom:18px;border-bottom:1px solid #e5e8eb;padding-bottom:12px}.section-head h2{font-size:23px;color:#253a50;margin:2px 0}.section-head p{margin:4px 0 0;color:#7a858f;font-size:12px}.section-head a{font-size:11px;color:#1769aa}.section-kicker{font-size:10px;color:#7b8791;text-transform:uppercase;letter-spacing:1px;font-weight:700}
.category-grid-v2{grid-template-columns:repeat(6,1fr);gap:14px}.category-grid-v2 .category-card{border:1px solid #e1e5e8;border-radius:2px;background:#fff;padding:0 0 12px;box-shadow:none;transition:border-color .2s,transform .25s}.category-card:hover{border-color:#aeb9c2;transform:translateY(-2px);box-shadow:none}.category-photo{height:150px;background:#f8f9fa;padding:10px;margin-bottom:10px;border-bottom:1px solid #eceff1}.category-photo img{height:100%;width:100%;object-fit:contain}.category-card strong{font-size:12px}.category-card small{font-size:10px}
.product-grid{gap:14px}.product-card{border:1px solid #dfe4e8;border-radius:2px;box-shadow:none;background:#fff;transition:border-color .2s,transform .25s}.product-card:hover{border-color:#aeb8c1;transform:translateY(-2px);box-shadow:none}.product-img{height:235px;padding:12px;background:#fff;overflow:hidden}.product-img:after{display:none}.product-img img{transition:transform .35s ease}.product-img:hover img{transform:scale(1.035)}.image-zoom-label{position:absolute;right:8px;bottom:8px;background:rgba(34,50,66,.78);color:#fff;font-size:9px;padding:5px 7px;opacity:0;transition:opacity .2s}.product-img:hover .image-zoom-label,.main-image:hover .image-zoom-label{opacity:1}.image-zoom-label.large{font-size:10px}.badge-stack .badge,.badge{border-radius:2px;box-shadow:none}.product-body{padding:12px 13px 14px}.product-body h3{font-size:13px;line-height:1.35;min-height:36px}.sku{color:#7a858e}.carton-note{border-top:1px solid #eef0f2;color:#66727d}.price{font-size:18px;color:#1d3349}.card-order{grid-template-columns:minmax(115px,1fr) 74px;align-items:start}.carton-hint{display:block;font-size:9px;color:#8a9299;margin-top:4px}.qty{border-radius:2px;height:34px}.qty button{background:#f1f3f4}.btn{border-radius:2px;background:#263d57;box-shadow:none;padding:11px 17px}.btn:hover{background:#1d3045}.btn.ghost{border:1px solid #9eabb6;color:#263d57;background:#fff}.btn[disabled]{opacity:.45;cursor:not-allowed}
.catalogue-hero,.page-hero,.simple-form-hero{background:#f5f6f7;color:#23384c;border-top:0;border-bottom:1px solid #dde2e6}.catalogue-hero:before,.page-hero:before,.page-hero:after{display:none}.catalogue-hero-inner{min-height:160px}.catalogue-hero h1,.page-hero h1,.simple-form-hero h1{color:#23384c;font-size:32px;margin:6px 0}.catalogue-hero p,.page-hero p,.simple-form-hero p{color:#6d7882}.catalogue-hero .section-kicker{color:#71808d}.catalogue-hero-image{background:#fff;height:145px}.catalogue-hero-image img{height:135px;filter:none}.breadcrumb-clean{display:flex;align-items:center;gap:8px;min-height:38px;font-size:10px;color:#7b858e;border-bottom:1px solid #eef0f2}.breadcrumb-clean a{color:#557087}.breadcrumb-clean b{font-weight:600;color:#3b4e60}.breadcrumbs{color:#7b858e}.breadcrumbs a{color:#557087}.category-chips{gap:8px}.category-chips a{border-radius:2px;box-shadow:none}.category-chips a:hover,.category-chips a.active{box-shadow:none;border-color:#7f9db5}.filters,.catalogue-toolbar,.main-image,.trade-price-box,.price-lock-v2,.product-order-v2,.trade-facts-v2,.spec-grid,.panel,.table-card,.summary-card,.form-card,.auth-card,.admin-panel,.account-nav,.dashboard-cards div,.admin-stats div{border-radius:2px;box-shadow:none}.filters{top:20px}.filter-banner{display:none}.catalogue-toolbar{border:1px solid #e1e5e8;padding:12px 14px}.product-page-v2{gap:42px}.product-page-v2 .main-image{height:560px;background:#fff;border:1px solid #e0e4e7;position:relative}.product-info h1{font-size:31px;color:#23384c}.brand-pill{border-radius:2px}.trade-price-box{background:#f7f8f9;border:1px solid #dfe4e7}.product-order-v2{background:#fff;border:1px solid #dfe4e7}.price-lock-v2{background:#f7f8f9}.notify-stock-box{border-radius:2px;background:#fff9e9}.notify-stock-fields input{border-radius:2px}.spec-table-wrap{border:1px solid #dfe4e7}.spec-table{width:100%;border-collapse:collapse}.spec-table th,.spec-table td{padding:12px 14px;border-bottom:1px solid #e7eaec;text-align:left}.spec-table th{width:42%;background:#f7f8f9;color:#4d5d6b;font-size:11px;text-transform:none}.spec-table td{font-weight:600;color:#25394c}.spec-table tr:last-child th,.spec-table tr:last-child td{border-bottom:0}
.auth-wrap{background:#f5f6f7;min-height:560px}.auth-card,.form-card{background:#fff}.compact-form{max-width:650px}.simple-form-hero .wrap{padding-top:34px;padding-bottom:34px}.form-page{display:grid;grid-template-columns:minmax(0,720px) 310px;gap:40px;align-items:start}.simple-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 18px}.form-card label{font-weight:600;color:#455766}.form-card input,.form-card textarea,.form-card select,.auth-card input{border-radius:2px;border-color:#cfd5da;background:#fff}.form-note{font-size:11px;color:#79838c;margin:14px 0}.register-side,.contact-card{border:1px solid #e0e4e7;background:#f8f9fa;padding:24px}.register-side strong{font-size:19px;color:#24384d}.register-side ul{padding-left:18px;line-height:2}.contact-simple{display:grid;grid-template-columns:330px minmax(0,650px);gap:40px;justify-content:center;align-items:start}.contact-card h2{margin-top:0}.address-summary{background:#f7f8f9;padding:14px;border:1px solid #e3e6e8}.form-card label span{font-weight:400;color:#9098a0}
.delivery-box{border-top:1px solid #e3e6e8;margin-top:12px;padding-top:12px}.delivery-box strong{font-size:12px}.delivery-box p{display:block!important;margin:5px 0!important;color:#66717b!important;font-size:11px}.delivery-box.free strong{color:#18864b}
.trade-cta{display:none}.clean-footer{background:#f5f6f7;border-top:1px solid #dfe3e6}.clean-footer .footer-grid{padding-top:34px;padding-bottom:28px}.clean-footer .footer-grid h4{color:#2d4155}.clean-footer .footer-grid p,.clean-footer .footer-grid a{color:#68737d}.clean-footer .footer-grid a:hover{color:#1769aa}.clean-footer .footer-bottom{background:#263d57;padding:0}.footer-bottom .wrap{padding-top:13px;padding-bottom:13px;color:#fff}.footer-bottom span{float:right}.footer-logo{width:175px}
.floating-trade-tools{border-radius:3px;background:#263d57;box-shadow:0 4px 18px rgba(0,0,0,.16)}.floating-trade-tools a{border-radius:2px}.register-now-strip{margin-top:30px}
.image-lightbox[hidden]{display:none}.image-lightbox{position:fixed;inset:0;background:rgba(0,0,0,.86);z-index:200;display:grid;place-items:center;padding:40px}.image-lightbox img{max-width:min(1200px,94vw);max-height:90vh;object-fit:contain;background:#fff}.image-lightbox button{position:absolute;right:24px;top:18px;background:none;border:0;color:#fff;font-size:42px;cursor:pointer}
/* soft HTML5-style reveal / stagger effects */
.reveal-item,.reveal-section{opacity:0;transform:translateY(16px);transition:opacity .55s ease,transform .55s ease}.reveal-item.is-visible,.reveal-section.is-visible{opacity:1;transform:none}.stagger-form label,.stagger-form .form-note,.stagger-form button{opacity:0;transform:translateY(10px);animation:fieldIn .45s ease forwards}.stagger-form label:nth-of-type(1){animation-delay:.05s}.stagger-form label:nth-of-type(2){animation-delay:.10s}.stagger-form label:nth-of-type(3){animation-delay:.15s}.stagger-form label:nth-of-type(4){animation-delay:.20s}.stagger-form label:nth-of-type(5){animation-delay:.25s}.stagger-form label:nth-of-type(6){animation-delay:.30s}.stagger-form label:nth-of-type(7){animation-delay:.35s}.stagger-form label:nth-of-type(8){animation-delay:.40s}.stagger-form .form-note{animation-delay:.45s}.stagger-form button{animation-delay:.50s}@keyframes fieldIn{to{opacity:1;transform:none}}
/* Admin image / slider management */
.admin-image-current{display:grid;grid-template-columns:150px 1fr;gap:18px;align-items:center;padding:14px;border:1px solid var(--line);margin-bottom:18px}.admin-image-current img{width:150px;height:120px;object-fit:contain}.admin-image-current small{display:block;color:var(--muted);margin:6px 0 10px}.admin-category-preview{width:100%;max-width:300px;height:180px;object-fit:contain;border:1px solid var(--line);background:#fafbfc}.admin-slide-thumb{width:170px;height:55px;object-fit:cover}.inline-form{display:inline;margin-left:12px}.banner-admin-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
@media(max-width:1000px){.header-main{grid-template-columns:190px 1fr}.head-actions{grid-column:1/-1;justify-content:flex-end}.trust-strip-inner{grid-template-columns:repeat(2,1fr)}.category-grid-v2{grid-template-columns:repeat(4,1fr)}.form-page{grid-template-columns:1fr}.register-side{order:-1}.contact-simple{grid-template-columns:1fr}.contact-card{max-width:650px}.nav-dropdown-menu{width:500px}.home-carousel{margin-top:0}}
@media(max-width:820px){.top-line-inner>span{display:none}.top-line-inner{justify-content:flex-end}.header-main{grid-template-columns:1fr auto;gap:10px}.logo img{width:160px}.search{grid-column:1/-1;grid-row:2}.head-actions{grid-column:2;grid-row:1;font-size:11px}.trust-strip-inner{grid-template-columns:1fr 1fr}.trust-strip span{padding:9px 10px}.nav-wrap{overflow:visible}.nav{overflow-x:auto;gap:0}.nav>a,.nav-dropdown>summary{white-space:nowrap;padding:15px 13px}.nav-dropdown-menu{position:fixed;left:10px;right:10px;top:auto;width:auto;grid-template-columns:repeat(2,1fr);max-height:65vh;overflow:auto}.carousel-track{aspect-ratio:2.6/1}.carousel-arrow{display:none}.category-grid-v2{grid-template-columns:repeat(2,1fr)}.product-grid.six,.product-grid.four,.catalogue-main .product-grid{grid-template-columns:repeat(2,1fr)}.product-page-v2 .main-image{height:410px}.simple-form-grid{grid-template-columns:1fr}.register-benefit-banner .wrap,.register-now-strip .wrap{justify-content:flex-start;padding-top:12px;padding-bottom:12px}.register-benefit-banner i{display:none}.footer-grid{grid-template-columns:1fr 1fr}.floating-trade-tools{display:none}.admin-image-current{grid-template-columns:1fr}.banner-admin-grid{grid-template-columns:1fr}}
@media(max-width:520px){.top-line-inner div{gap:10px;font-size:10px}.trust-strip-inner{grid-template-columns:1fr 1fr}.trust-strip small{font-size:9px}.carousel-track{aspect-ratio:2/1}.category-photo{height:130px}.product-img{height:190px}.product-body{padding:10px}.card-order{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr}.footer-bottom span{float:none;display:block;margin-top:4px}.image-lightbox{padding:20px}.simple-form-hero h1,.catalogue-hero h1,.page-hero h1{font-size:27px}}
@media(prefers-reduced-motion:reduce){.reveal-item,.reveal-section,.stagger-form label,.stagger-form .form-note,.stagger-form button,.carousel-slide,.product-img img{transition:none!important;animation:none!important;opacity:1!important;transform:none!important}}

/* v2.8 customer pricing, gallery, cart icon and calmer price typography */
.order-link{display:inline-flex;align-items:center;gap:6px}.cart-icon{width:22px;height:22px;flex:0 0 22px}.order-link b{margin-left:1px}
.price,.big-price,.suggestion-price{font-weight:500!important}.price>span,.big-price>span{font-weight:500}.price del,.big-price del{font-size:12px;color:#9099a2;font-weight:400;margin-right:2px}.big-price del{font-size:16px}.price em{display:block;width:100%;font-style:normal;font-size:9px;color:#557087;font-weight:500;margin-top:4px}.customer-price-note{display:inline-block;margin:5px 0 2px;padding:4px 7px;border:1px solid #d8e1e8;background:#fff;color:#4b6277;font-size:10px;font-weight:500}
.product-thumbnails{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin-top:10px}.product-thumb{height:88px;border:1px solid #dfe4e7;background:#fff;padding:5px;cursor:pointer;transition:border-color .18s,box-shadow .18s}.product-thumb:hover,.product-thumb.active{border-color:#557b9b;box-shadow:0 0 0 1px #557b9b inset}.product-thumb img{width:100%;height:100%;object-fit:contain}.gallery-note{margin-top:9px}
.admin-gallery-grid{display:grid;grid-template-columns:repeat(5,minmax(120px,1fr));gap:12px;margin:18px 0}.admin-gallery-item{border:1px solid #dfe4e7;background:#fff;padding:8px;margin:0!important}.admin-gallery-item img{width:100%;height:120px;object-fit:contain;background:#fafbfc}.admin-gallery-item span{display:flex;gap:6px;align-items:center;margin-top:7px;font-size:11px}.admin-gallery-item input{width:auto!important;margin:0!important}.customer-special-price-form{display:grid;grid-template-columns:1fr 1fr auto;gap:12px;align-items:end;margin-bottom:18px}.customer-special-price-form label{margin:0}.customer-special-price-form .btn{margin-bottom:0}
@media(max-width:820px){.product-thumbnails{grid-template-columns:repeat(4,1fr)}.product-thumb{height:72px}.admin-gallery-grid{grid-template-columns:repeat(3,1fr)}.customer-special-price-form{grid-template-columns:1fr}}
@media(max-width:520px){.order-link span{display:none}.cart-icon{width:24px;height:24px}.product-thumbnails{grid-template-columns:repeat(4,1fr)}.product-thumb{height:62px}.admin-gallery-grid{grid-template-columns:repeat(2,1fr)}}


/* v2.9 reference-style header, basket and global quick order */
.reference-header{font-family:Arial,Helvetica,sans-serif;background:#fff}.reference-header-main{grid-template-columns:285px minmax(360px,1fr) auto;gap:28px;min-height:118px;padding-top:18px;padding-bottom:18px}.reference-header .logo img{width:260px;max-height:82px;object-fit:contain;object-position:left center}.reference-search{height:52px;max-width:720px;border:1px solid #d9dde3;border-radius:28px;overflow:visible;position:relative;box-shadow:none;background:#fff}.reference-search input{font-family:Arial,Helvetica,sans-serif;font-size:12px;color:#44576d;padding:0 20px;border-radius:28px}.reference-search input::placeholder{color:#b5bcc6}.reference-search button{position:absolute;right:-1px;top:-1px;width:54px;height:54px;border-radius:50%;background:#0d4b9f;color:#fff;display:grid;place-items:center;border:0;box-shadow:none}.reference-search button svg{width:21px;height:21px}.reference-search .search-suggestions{top:58px}.reference-head-actions{display:flex;align-items:center;gap:18px;font-family:Arial,Helvetica,sans-serif;font-weight:400}.header-account-links{display:flex;gap:13px;align-items:center;font-size:12px;color:#38516d}.header-account-links a{font-weight:400}.header-quick-order{height:48px;min-width:145px;padding:0 18px;display:inline-flex;align-items:center;justify-content:center;gap:9px;background:#0d4b9f;color:#fff;font-size:13px;font-weight:400;white-space:nowrap}.header-quick-order:hover{background:#093f87;color:#fff}.header-quick-order svg{width:21px;height:21px}.basket-link{display:grid;grid-template-columns:42px auto;gap:10px;align-items:center;color:#0e63cc;min-width:190px;padding:4px 0}.basket-icon{width:40px;height:44px;color:#1672dc}.basket-copy{display:flex;flex-direction:column;line-height:1.1}.basket-copy small{font-size:13px;font-weight:400;color:#294f7d;margin-bottom:4px;white-space:nowrap}.basket-copy strong{font-size:17px;font-weight:400;color:#0e63cc;white-space:nowrap}.reference-head-actions .basket-link:after,.reference-head-actions .header-quick-order:after,.reference-head-actions .header-account-links a:after{display:none!important}.clean-nav{font-family:Arial,Helvetica,sans-serif;font-weight:400;color:#0d4b9f}.clean-nav>a,.clean-nav summary{font-weight:400}.clean-nav>a:hover,.clean-nav summary:hover{color:#0e63cc}.trust-strip{font-family:Arial,Helvetica,sans-serif}.price,.big-price,.suggestion-price{font-family:Arial,Helvetica,sans-serif;font-weight:400!important}.floating-trade-tools a:first-child{background:#0d4b9f;color:#fff}.floating-trade-tools{font-family:Arial,Helvetica,sans-serif}
@media(max-width:1280px){.reference-header-main{grid-template-columns:230px minmax(300px,1fr) auto;gap:18px}.reference-header .logo img{width:220px}.header-account-links{display:none}.header-quick-order{min-width:125px;padding:0 14px}.basket-link{min-width:165px}.basket-copy strong{font-size:15px}.basket-copy small{font-size:11px}}
@media(max-width:1000px){.reference-header-main{grid-template-columns:200px 1fr;min-height:auto}.reference-head-actions{grid-column:1/-1;justify-content:flex-end}.reference-header .logo img{width:190px}.reference-search{max-width:none}}
@media(max-width:820px){.reference-header-main{grid-template-columns:1fr auto}.reference-header .logo img{width:165px}.reference-search{grid-column:1/-1;grid-row:2;height:48px}.reference-search button{width:50px;height:50px}.reference-head-actions{grid-column:2;grid-row:1;gap:10px}.header-quick-order{min-width:auto;width:44px;height:42px;padding:0}.header-quick-order span{display:none}.basket-link{display:flex;min-width:auto;gap:4px}.basket-icon{width:30px;height:34px}.basket-copy small{display:none}.basket-copy strong{font-size:0}.basket-copy strong:after{content:'Basket';font-size:12px;font-weight:400}.trust-strip{display:none}}
@media(max-width:520px){.reference-head-actions{gap:7px}.header-quick-order{width:40px;height:40px}.basket-icon{width:28px;height:31px}.basket-copy strong:after{font-size:11px}.reference-header-main{padding-top:10px;padding-bottom:10px}}


/* v2.9.1 corrected compact reference header - intentionally specific */
.reference-header .reference-header-main{
  max-width:1600px;
  min-height:112px;
  padding:15px 30px;
  grid-template-columns:330px minmax(420px,620px) minmax(430px,1fr);
  column-gap:30px;
  align-items:center;
}
.reference-header .reference-header-main>.logo{display:flex;align-items:center;height:64px}
.reference-header .reference-header-main>.logo img{
  width:255px!important;
  height:auto!important;
  max-height:58px!important;
  object-fit:contain;
  object-position:left center;
}
.reference-header .reference-search{
  width:100%;
  max-width:620px;
  height:50px;
  border:1px solid #d8dde4;
  border-radius:25px;
  margin:0;
  overflow:visible;
  position:relative;
  background:#fff;
  box-shadow:none;
}
.reference-header .reference-search input{
  height:48px;
  padding:0 60px 0 22px;
  border:0;
  background:transparent;
  font:400 12px/1 Arial,Helvetica,sans-serif;
  color:#40566e;
  border-radius:25px;
}
.reference-header .reference-search button{
  position:absolute;
  right:2px;
  top:2px;
  width:46px!important;
  height:46px!important;
  padding:0;
  border:0;
  border-radius:50%;
  background:#0c4a99;
  color:#fff;
  display:flex;
  align-items:center;
  justify-content:center;
}
.reference-header .reference-search button svg{width:20px!important;height:20px!important;display:block;flex:0 0 auto}
.reference-header .reference-head-actions{
  min-width:0;
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:22px;
  white-space:nowrap;
  font:400 12px/1.15 Arial,Helvetica,sans-serif;
}
.reference-header .header-account-links{
  display:flex;
  align-items:center;
  gap:5px;
  color:#173d6e;
  font-size:12px;
  font-weight:400;
}
.reference-header .header-account-links a{font-weight:400;color:#173d6e}
.reference-header .account-sep{color:#9aa8b6}
.reference-header .header-quick-order{
  box-sizing:border-box;
  width:145px;
  min-width:145px;
  height:42px;
  padding:0 16px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:9px;
  background:#104c9c;
  color:#fff;
  border-radius:0;
  font:400 13px/1 Arial,Helvetica,sans-serif;
  box-shadow:none;
}
.reference-header .header-quick-order svg{width:20px!important;height:20px!important;display:block;flex:0 0 20px}
.reference-header .basket-link{
  width:190px;
  min-width:190px;
  height:54px;
  padding:0;
  display:grid;
  grid-template-columns:40px 1fr;
  align-items:center;
  gap:10px;
  color:#0d65ce;
}
.reference-header .basket-link .basket-icon{
  width:38px!important;
  height:42px!important;
  max-width:38px!important;
  max-height:42px!important;
  display:block!important;
  flex:0 0 38px;
  color:#1671da;
}
.reference-header .basket-copy{display:flex;flex-direction:column;justify-content:center;line-height:1.08;min-width:0}
.reference-header .basket-copy small{
  display:block;
  margin:0 0 4px;
  color:#154d90;
  font:400 12px/1.05 Arial,Helvetica,sans-serif;
  white-space:nowrap;
}
.reference-header .basket-copy strong{
  display:block;
  margin:0;
  color:#0b66ce;
  font:400 17px/1 Arial,Helvetica,sans-serif;
  white-space:nowrap;
}
@media(max-width:1450px){
 .reference-header .reference-header-main{max-width:1380px;grid-template-columns:250px minmax(350px,560px) minmax(390px,1fr);gap:22px;padding-left:24px;padding-right:24px}
 .reference-header .reference-header-main>.logo img{width:225px!important}
 .reference-header .reference-search{max-width:560px}
 .reference-header .reference-head-actions{gap:14px}
 .reference-header .header-account-links{font-size:11px}
 .reference-header .header-quick-order{width:130px;min-width:130px;padding:0 12px}
 .reference-header .basket-link{width:170px;min-width:170px}
 .reference-header .basket-copy strong{font-size:15px}
 .reference-header .basket-copy small{font-size:11px}
}
@media(max-width:1080px){
 .reference-header .reference-header-main{grid-template-columns:210px 1fr;min-height:auto;padding-top:14px;padding-bottom:14px}
 .reference-header .reference-header-main>.logo img{width:190px!important}
 .reference-header .reference-search{max-width:none}
 .reference-header .reference-head-actions{grid-column:1/-1;justify-content:flex-end;padding-top:4px}
}
@media(max-width:820px){
 .reference-header .reference-header-main{grid-template-columns:1fr auto;padding:10px 15px;gap:10px}
 .reference-header .reference-header-main>.logo{height:48px}
 .reference-header .reference-header-main>.logo img{width:165px!important;max-height:44px!important}
 .reference-header .reference-search{grid-column:1/-1;grid-row:2;height:46px}
 .reference-header .reference-search input{height:44px}
 .reference-header .reference-search button{width:42px!important;height:42px!important}
 .reference-header .reference-head-actions{grid-column:2;grid-row:1;padding:0;gap:8px}
 .reference-header .header-account-links{display:none}
 .reference-header .header-quick-order{width:42px;min-width:42px;height:40px;padding:0}
 .reference-header .header-quick-order span{display:none}
 .reference-header .basket-link{width:auto;min-width:0;height:42px;display:flex;gap:4px}
 .reference-header .basket-link .basket-icon{width:29px!important;height:32px!important;max-width:29px!important;max-height:32px!important}
 .reference-header .basket-copy small{display:none}
 .reference-header .basket-copy strong{font-size:12px}
}

/* v2.9.2 page-aligned header + unified reference typography */
:root{
  --reference-blue:#0b66ce;
  --reference-deep:#154d90;
  --reference-text:#315b86;
  --reference-muted:#6683a3;
}

/* Use the same page grid as the main website content */
.reference-header .reference-header-main{
  max-width:1440px!important;
  min-height:104px;
  padding:14px 28px!important;
  grid-template-columns:245px minmax(360px,560px) minmax(420px,1fr)!important;
  column-gap:24px!important;
  align-items:center;
}
.reference-header .reference-header-main>.logo{
  height:58px;
  align-items:center;
}
.reference-header .reference-header-main>.logo img{
  width:235px!important;
  max-height:54px!important;
}
.reference-header .reference-search{
  max-width:560px!important;
  height:48px!important;
  border-radius:24px!important;
}
.reference-header .reference-search input{
  height:46px!important;
  padding:0 52px 0 20px!important;
  color:var(--reference-deep)!important;
  font:400 12px/1 Arial,Helvetica,sans-serif!important;
}
.reference-header .reference-search button{
  width:40px!important;
  height:40px!important;
  top:3px!important;
  right:3px!important;
  background:#0d4b9f!important;
}
.reference-header .reference-search button svg{
  width:18px!important;
  height:18px!important;
}
.reference-header .reference-head-actions{
  gap:18px!important;
  justify-content:flex-end;
  min-width:0;
}
.reference-header .header-quick-order{
  width:138px!important;
  min-width:138px!important;
  height:40px!important;
  padding:0 14px!important;
  font:400 13px/1 Arial,Helvetica,sans-serif!important;
}
.reference-header .header-quick-order svg{
  width:18px!important;
  height:18px!important;
  flex-basis:18px!important;
}
.reference-header .basket-link{
  width:190px!important;
  min-width:190px!important;
  height:50px!important;
  grid-template-columns:36px 1fr!important;
  gap:9px!important;
  margin-left:auto;
}
.reference-header .basket-link .basket-icon{
  width:34px!important;
  height:38px!important;
  max-width:34px!important;
  max-height:38px!important;
}
.reference-header .basket-copy small{
  color:var(--reference-deep)!important;
  font:400 11px/1.05 Arial,Helvetica,sans-serif!important;
  margin-bottom:4px!important;
}
.reference-header .basket-copy strong{
  color:var(--reference-blue)!important;
  font:400 16px/1 Arial,Helvetica,sans-serif!important;
}

@media(max-width:1450px){
  .reference-header .reference-header-main{
    max-width:1440px!important;
    grid-template-columns:220px minmax(330px,510px) minmax(390px,1fr)!important;
    gap:18px!important;
    padding-left:28px!important;
    padding-right:28px!important;
  }
  .reference-header .reference-header-main>.logo img{width:210px!important}
  .reference-header .reference-search{max-width:510px!important}
  .reference-header .header-quick-order{width:126px!important;min-width:126px!important;padding:0 11px!important}
  .reference-header .basket-link{width:175px!important;min-width:175px!important}
  .reference-header .basket-copy strong{font-size:15px!important}
  .reference-header .basket-copy small{font-size:10.5px!important}
}
@media(max-width:1080px){
  .reference-header .reference-header-main{
    grid-template-columns:205px 1fr!important;
    min-height:auto;
    padding-top:13px!important;
    padding-bottom:13px!important;
  }
  .reference-header .reference-header-main>.logo img{width:190px!important}
  .reference-header .reference-search{max-width:none!important}
  .reference-header .reference-head-actions{grid-column:1/-1;justify-content:flex-end;padding-top:2px}
}
@media(max-width:820px){
  .reference-header .reference-header-main{grid-template-columns:1fr auto!important;padding:10px 15px!important;gap:10px!important}
  .reference-header .reference-header-main>.logo img{width:165px!important}
  .reference-header .reference-search{height:44px!important;max-width:none!important}
  .reference-header .reference-search input{height:42px!important}
  .reference-header .reference-search button{width:36px!important;height:36px!important;top:3px!important;right:3px!important}
  .reference-header .reference-head-actions{gap:7px!important}
  .reference-header .header-quick-order{width:40px!important;min-width:40px!important;height:38px!important;padding:0!important}
  .reference-header .basket-link{width:auto!important;min-width:0!important;height:40px!important;display:flex!important;gap:4px!important}
  .reference-header .basket-link .basket-icon{width:27px!important;height:30px!important;max-width:27px!important;max-height:30px!important}
  .reference-header .basket-copy strong{font-size:11px!important}
}


/* v2.9.3 restore classic storefront colours + refined hover states */
body:not(.admin-body):not(.admin-login) a,
body:not(.admin-body):not(.admin-login) button,
body:not(.admin-body):not(.admin-login) .btn,
body:not(.admin-body):not(.admin-login) .category-card,
body:not(.admin-body):not(.admin-login) .product-card{
  transition:color .18s ease,background-color .18s ease,border-color .18s ease,box-shadow .18s ease,transform .18s ease;
}
body:not(.admin-body):not(.admin-login) main a:not(.btn):not(.product-img):not(.promo-banner):hover,
body:not(.admin-body):not(.admin-login) .section-head a:hover,
body:not(.admin-body):not(.admin-login) .product-body h3 a:hover,
body:not(.admin-body):not(.admin-login) .breadcrumbs a:hover,
body:not(.admin-body):not(.admin-login) .account-nav a:hover{
  color:#1769aa;
}
body:not(.admin-body):not(.admin-login) .btn:hover{
  background:#244f78;
  color:#fff;
  border-color:#244f78;
  transform:translateY(-1px);
  box-shadow:0 7px 18px rgba(23,44,69,.16);
}
body:not(.admin-body):not(.admin-login) .btn.ghost:hover{
  background:#1769aa;
  color:#fff;
  border-color:#1769aa;
}
body:not(.admin-body):not(.admin-login) .category-card:hover{
  border-color:#bfcddd;
  box-shadow:0 7px 20px rgba(23,44,69,.10);
}
body:not(.admin-body):not(.admin-login) .category-card:hover strong{color:#1769aa}
body:not(.admin-body):not(.admin-login) .product-card:hover{
  border-color:#c7d3df;
  box-shadow:0 10px 26px rgba(23,44,69,.10);
}
.reference-header .header-account-links a:hover{color:#1769aa!important}
.reference-header .header-quick-order:hover{background:#0a3e82!important;color:#fff!important}
.reference-header .basket-link:hover .basket-copy strong,
.reference-header .basket-link:hover .basket-icon{color:#0a4f9f!important}
.clean-nav>a:hover,.clean-nav summary:hover{background:#1d3045!important;color:#fff!important}
.top-line a:hover{color:#1769aa!important}
.footer-grid a:hover{color:#1769aa}

/* v3.0 modern admin operations refresh */
.admin-body{background:#f3f6fa;color:#24374a;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.admin-side{width:255px;padding:20px 16px;background:linear-gradient(180deg,#0d2f52,#0b233d);box-shadow:10px 0 34px rgba(14,40,67,.08);overflow-y:auto}.admin-side:before{height:3px;background:#1f78c1}.admin-brand{padding:0 4px 14px;border-bottom:1px solid rgba(255,255,255,.1)}.admin-brand img{width:196px!important;background:#fff;padding:9px;border-radius:8px;margin:0 0 8px}.admin-brand>span{display:inline-block;color:#aac4dc;font-size:9px;font-weight:800;letter-spacing:1.3px}.admin-side nav{margin-top:15px}.admin-nav-label{display:block;margin:18px 9px 6px;color:#7190ab;font-size:9px;font-weight:800;letter-spacing:1.1px;text-transform:uppercase}.admin-side nav a{display:flex;align-items:center;gap:10px;padding:10px 11px;border-radius:7px;color:#dce8f3;font-size:12px;margin:2px 0;transition:.18s}.admin-side nav a>span{width:18px;text-align:center;color:#8ab8de;font-size:14px}.admin-side nav a:hover{background:#17486f;color:#fff;transform:translateX(2px)}.admin-nav-badge{margin-left:auto;min-width:21px;height:21px;border-radius:999px;background:#41b86a;color:#fff;display:grid;place-items:center;font-size:10px;box-shadow:0 0 0 4px rgba(65,184,106,.1)}.admin-main{margin-left:255px;padding:26px 30px;max-width:1800px}.admin-top{background:#fff;border:1px solid #e0e7ee;border-radius:12px;padding:17px 20px;margin-bottom:20px;box-shadow:0 8px 26px rgba(17,50,82,.045)}.admin-top h1{font-size:26px;margin:2px 0 3px;color:#183c5e}.admin-top p{font-size:11px}.admin-page-kicker{font-size:9px;font-weight:800;letter-spacing:1.3px;color:#7d93a8}.admin-top-actions{display:flex;gap:8px}.admin-mini-btn{display:inline-flex;align-items:center;padding:9px 13px;border-radius:7px;background:#1268ac;color:#fff;font-size:11px;font-weight:700}.admin-mini-btn.ghost{background:#fff;color:#315a7a;border:1px solid #d6e1ea}.admin-panel{border:1px solid #e0e7ee;border-radius:12px!important;background:#fff;padding:20px;box-shadow:0 8px 26px rgba(17,50,82,.045)!important}.admin-panel:before{display:none!important}.admin-panel h2{font-size:17px;color:#1e4565;margin-bottom:4px}.admin-panel h2:after{display:none!important}.admin-panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:15px}.admin-panel-head h2{margin:0 0 4px}.admin-panel-head p{margin:0;color:#718194;font-size:11px}.admin-panel-head>span{white-space:nowrap;background:#f2f6f9;border:1px solid #e0e7ee;border-radius:999px;padding:6px 9px;font-size:10px;color:#5d7185}.admin-two.admin-manager-layout{grid-template-columns:minmax(0,1.65fr) minmax(330px,.72fr);align-items:start}.admin-editor-card{position:sticky;top:20px}.admin-form-actions{display:flex;gap:9px;flex-wrap:wrap;margin-top:18px}.btn.danger{background:#d84d4d!important;border-color:#d84d4d!important;color:#fff!important}.btn.danger:hover{background:#bd3939!important}.modern-admin-table{font-size:12px}.modern-admin-table th{padding:11px 12px;background:#f6f8fa;color:#617386;font-size:9px;letter-spacing:.6px}.modern-admin-table td{padding:12px;border-bottom:1px solid #edf1f4}.modern-admin-table tbody tr{transition:.15s}.modern-admin-table tbody tr:hover td{background:#f9fbfd}.modern-admin-table td small,.analytics-table td small{display:block;margin-top:4px;color:#8492a0;font-size:10px}.table-actions-inline{display:flex;align-items:center;gap:6px;justify-content:flex-end}.table-actions-inline form{margin:0}.table-edit-btn,.table-open-btn{display:inline-flex;align-items:center;padding:6px 9px;border-radius:6px;background:#edf5fb;color:#19639d;font-size:10px;font-weight:700}.table-edit-btn:hover,.table-open-btn:hover{background:#dbeefa;color:#0e548d}.table-delete-btn{border:0;background:#fff0f0;color:#b84545;border-radius:6px;padding:6px 9px;font-size:10px;font-weight:700;cursor:pointer}.table-delete-btn:hover{background:#f9dddd}.image-remove-btn{margin:9px 0 5px}.admin-state{display:inline-flex;padding:5px 8px;border-radius:999px;font-size:9px;font-weight:800}.admin-state.on{background:#e9f7ed;color:#23814a}.admin-state.off{background:#f1f3f5;color:#78838e}.admin-thumb{width:58px;height:58px;border-radius:8px;object-fit:contain}.admin-slide-thumb{width:150px;height:52px;border-radius:7px;object-fit:cover}.admin-banner-preview,.admin-category-preview{border-radius:9px}.admin-actions-wrap{margin-bottom:14px}.admin-actions-wrap .btn{border-radius:7px}.admin-image-current{border-radius:10px;background:#f9fbfd}.admin-gallery-item{border-radius:9px}.admin-login{background:#eef3f7}.admin-login .auth-card{border-radius:14px;box-shadow:0 24px 60px rgba(17,50,82,.1)}
.new-order-alert{display:flex;align-items:center;justify-content:space-between;gap:20px;background:#e9f8ee;border:1px solid #bfe5ca;border-left:6px solid #39a95e;border-radius:13px;padding:18px 20px;margin-bottom:12px;box-shadow:0 9px 25px rgba(46,144,79,.08);animation:newOrderFlash 1.7s ease-in-out infinite}.new-order-alert>div{display:flex;align-items:center;gap:15px}.new-order-alert small{display:block;color:#4e7960;font-size:9px;font-weight:900;letter-spacing:1.2px}.new-order-alert strong{display:inline-block;font-size:35px;line-height:1;color:#25864a;margin:3px 10px 0 0}.new-order-alert p{display:inline-block;margin:0;color:#526a5b;font-size:12px}.new-order-pulse{width:17px;height:17px;border-radius:50%;background:#39ad61;box-shadow:0 0 0 7px rgba(57,173,97,.13);animation:newOrderDot 1.25s ease-out infinite}.new-order-alert .btn{background:#2e9a53;box-shadow:none;border-radius:8px}.new-order-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin-bottom:18px}.new-order-cards a{background:#fff;border:1px solid #d9e9df;border-radius:10px;padding:11px 13px;transition:.15s}.new-order-cards a:hover{border-color:#76c68e;transform:translateY(-1px)}.new-order-cards b{display:block;color:#246d42;font-size:12px}.new-order-cards span{display:block;margin-top:3px;color:#3f5565;font-size:11px}.new-order-cards small{display:block;margin-top:5px;color:#87958d;font-size:9px}@keyframes newOrderFlash{0%,100%{background:#edf9f1}50%{background:#dff5e6}}@keyframes newOrderDot{0%{box-shadow:0 0 0 0 rgba(57,173,97,.34)}100%{box-shadow:0 0 0 13px rgba(57,173,97,0)}}
.order-filter-tabs{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:14px}.order-filter-tabs a{display:flex;align-items:center;gap:6px;background:#fff;border:1px solid #dfe6ec;border-radius:999px;padding:7px 10px;font-size:10px;color:#607486}.order-filter-tabs a b{font-size:9px;background:#edf1f4;border-radius:999px;padding:2px 6px}.order-filter-tabs a.active{border-color:#3183bd;background:#edf6fc;color:#155f95}.order-list-panel{padding:0!important;overflow:hidden}.order-list-panel .admin-panel-head{padding:18px 20px 0}.order-table .order-row{cursor:pointer}.order-table .order-row td:first-child{border-left:4px solid transparent}.order-status-badge{display:inline-flex;white-space:nowrap;padding:5px 8px;border-radius:999px;font-size:9px;font-weight:800}.order-row.status-new td{background:#f3fbf5}.order-row.status-new:hover td{background:#eaf8ee}.order-row.status-new td:first-child{border-left-color:#42af65}.order-status-badge.status-new{background:#dff5e6;color:#27854a}.order-status-badge.status-rep-assigned,.order-filter-tabs .status-rep-assigned{background:#e9f3fb;color:#2e6e9f}.order-status-badge.status-customer-contacted{background:#e8f7f8;color:#2f7f84}.order-status-badge.status-awaiting-confirmation{background:#fff6dc;color:#92731d}.order-status-badge.status-confirmed{background:#e5f5ef;color:#2b7b60}.order-status-badge.status-awaiting-payment{background:#fff0df;color:#a4661f}.order-status-badge.status-processing{background:#f0ebfb;color:#6e52a7}.order-status-badge.status-ready-for-delivery{background:#e7f2ff;color:#2e69a1}.order-status-badge.status-completed{background:#e9f3ec;color:#417457}.order-status-badge.status-on-hold{background:#fff4d8;color:#8f6b11}.order-status-badge.status-cancelled{background:#fde9e9;color:#a74d4d}.order-detail-status{display:flex;align-items:center;justify-content:space-between;border-radius:11px;padding:13px 16px;margin-bottom:16px;border:1px solid #dfe6ec;background:#fff}.order-detail-status small{display:block;font-size:8px;letter-spacing:1px;color:#788b9b}.order-detail-status strong{display:block;margin-top:3px;font-size:16px}.order-detail-status.status-new{background:#effaf2;border-color:#cdebd6;color:#2c8050}.order-detail-status.status-confirmed,.order-detail-status.status-completed{background:#edf8f2;color:#376e51}.order-detail-status.status-cancelled{background:#fff0f0;color:#a54d4d}.order-detail-status.status-on-hold,.order-detail-status.status-awaiting-payment{background:#fff8e9;color:#8c691b}.enquiry-message{max-width:520px;line-height:1.45}.extra-promo-banners{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.brand-grid-images a{height:auto!important;min-height:145px;padding:14px}.brand-grid-images img{width:100%;height:78px;object-fit:contain;margin-bottom:8px}
@media(prefers-reduced-motion:reduce){.new-order-alert,.new-order-pulse{animation:none}}
@media(max-width:1050px){.admin-side{position:relative;width:auto}.admin-main{margin-left:0}.admin-editor-card{position:relative;top:auto}.admin-two.admin-manager-layout{grid-template-columns:1fr}.new-order-cards{grid-template-columns:repeat(2,1fr)}}
@media(max-width:700px){.admin-main{padding:16px}.admin-top{align-items:flex-start;gap:12px}.admin-top-actions{width:100%;flex-wrap:wrap}.new-order-alert{align-items:flex-start;flex-direction:column}.new-order-cards{grid-template-columns:1fr}.extra-promo-banners{grid-template-columns:1fr}.table-actions-inline{justify-content:flex-start}.admin-panel{padding:14px}}
.order-row.status-rep-assigned td{background:#f7fbfe}.order-row.status-customer-contacted td{background:#f6fcfc}.order-row.status-awaiting-confirmation td{background:#fffdf6}.order-row.status-confirmed td{background:#f5fbf8}.order-row.status-awaiting-payment td{background:#fffaf4}.order-row.status-processing td{background:#faf8fd}.order-row.status-ready-for-delivery td{background:#f6faff}.order-row.status-completed td{background:#f8fbf9}.order-row.status-on-hold td{background:#fffdf6}.order-row.status-cancelled td{background:#fff8f8}.order-row.status-rep-assigned td:first-child{border-left-color:#76a9ce}.order-row.status-customer-contacted td:first-child{border-left-color:#67b3b8}.order-row.status-awaiting-confirmation td:first-child{border-left-color:#d9b94f}.order-row.status-confirmed td:first-child{border-left-color:#5aaa89}.order-row.status-awaiting-payment td:first-child{border-left-color:#d99a4d}.order-row.status-processing td:first-child{border-left-color:#9276c4}.order-row.status-ready-for-delivery td:first-child{border-left-color:#5e95c7}.order-row.status-completed td:first-child{border-left-color:#79a688}.order-row.status-on-hold td:first-child{border-left-color:#d3ab45}.order-row.status-cancelled td:first-child{border-left-color:#d47777}
.admin-body .admin-panel table{font-size:12px}.admin-body .admin-panel th{background:#f6f8fa;color:#617386;font-size:9px;letter-spacing:.55px;padding:11px 12px}.admin-body .admin-panel td{padding:12px;border-bottom:1px solid #edf1f4}.admin-body .admin-panel tbody tr:hover td{background:#f9fbfd}.admin-body .admin-panel input,.admin-body .admin-panel select,.admin-body .admin-panel textarea{border:1px solid #cfdbe5;border-radius:7px;padding:10px 11px;background:#fff;transition:border-color .15s,box-shadow .15s}.admin-body .admin-panel input:focus,.admin-body .admin-panel select:focus,.admin-body .admin-panel textarea:focus{border-color:#5d9dca;box-shadow:0 0 0 3px rgba(40,125,184,.09);outline:0}.admin-body .admin-panel label{color:#4e6275;font-size:11px}.admin-body .checks{background:#f8fafc;border:1px solid #e7edf2;border-radius:9px;padding:12px}.admin-body .alert{border-radius:9px}.admin-body .dashboard-cards div,.admin-body .analytics-stat{border-radius:10px!important;box-shadow:none!important}.admin-body .analytics-stat{background:#fff;border:1px solid #e0e7ee}.admin-body .analytics-stat b{color:#1d4a6d}.admin-body .pipeline-bar{background:#edf2f5}.admin-body .pipeline-bar i{background:#4b91c2}

/* v3.1 order journey + lighter admin dashboard */
.order-progress{position:relative;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));align-items:start;gap:0;padding:10px 0 2px;min-width:0}.order-progress-track{position:absolute;left:8.333%;right:8.333%;top:32px;height:6px;border-radius:999px;background:#f0d98b;overflow:hidden;z-index:0}.order-progress-track:after{content:"";display:block;height:100%;width:calc((var(--order-stage) - 1) * 20%);max-width:100%;background:#b6ac00;border-radius:999px;transition:width .35s ease}.order-progress-step{position:relative;z-index:1;text-align:center;color:#7d8791}.order-progress-icon{width:50px;height:50px;margin:0 auto 9px;display:grid;place-items:center;border-radius:50%;background:#ffe69a;border:5px solid #fff;box-shadow:0 0 0 2px #efd47a;color:#997d12;transition:.2s}.order-progress-icon svg{width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.order-progress-step.done .order-progress-icon,.order-progress-step.current .order-progress-icon{background:#b8ae00;box-shadow:0 0 0 2px #b8ae00;color:#fff}.order-progress-step.current .order-progress-icon{transform:scale(1.08);box-shadow:0 0 0 4px rgba(184,174,0,.14)}.order-progress-label{display:block;font-size:12px;font-weight:800;letter-spacing:.35px;text-transform:uppercase;color:#3e4650}.order-progress-step.future .order-progress-label{color:#8d959d}.order-progress-exception-note{position:absolute;left:50%;transform:translateX(-50%);bottom:-30px;padding:5px 11px;border-radius:999px;font-size:10px;font-weight:800;white-space:nowrap}.order-progress-exception.cancelled .order-progress-track:after{background:#cf6363}.order-progress-exception.cancelled .order-progress-step.current .order-progress-icon{background:#cf6363;box-shadow:0 0 0 2px #cf6363}.order-progress-exception.cancelled .order-progress-exception-note{background:#fdeaea;color:#a94848}.order-progress-exception.on_hold .order-progress-track:after{background:#d1a543}.order-progress-exception.on_hold .order-progress-step.current .order-progress-icon{background:#d1a543;box-shadow:0 0 0 2px #d1a543}.order-progress-exception.on_hold .order-progress-exception-note{background:#fff4d8;color:#856611}
.customer-order-progress-panel{padding-top:22px;padding-bottom:15px}.customer-order-progress-panel .order-progress{background:#fff;border:1px solid #e1e6eb;border-radius:10px;padding:18px 18px 12px}.order-success-progress{margin:24px 0 28px;text-align:left}.order-success-card{width:min(780px,100%)}
.order-progress-mini{width:210px;display:grid;padding:3px 0;margin-top:6px}.order-progress-mini .order-progress-track{left:8.333%;right:8.333%;top:10px;height:3px}.order-progress-mini .order-progress-icon{width:20px;height:20px;border-width:2px;margin-bottom:0;box-shadow:0 0 0 1px #e2c966}.order-progress-mini .order-progress-icon svg{width:11px;height:11px;stroke-width:2}.order-progress-mini .order-progress-label,.order-progress-mini .order-progress-exception-note{display:none}.order-progress-mini .order-progress-step.current .order-progress-icon{transform:none;box-shadow:0 0 0 2px rgba(184,174,0,.12)}.customer-order-progress-cell,.admin-order-progress-cell{display:flex;flex-direction:column;align-items:flex-start}.admin-order-progress-cell .order-progress-mini{width:180px}.admin-order-progress-cell .order-progress-mini .order-progress-icon{width:18px;height:18px}.admin-order-progress-cell .order-progress-mini .order-progress-track{top:9px}.admin-order-progress-panel{background:#fff;border:1px solid #dfe6ec;border-radius:12px;padding:18px 22px 20px;margin:0 0 18px;box-shadow:0 8px 26px rgba(17,50,82,.045)}.admin-order-progress-panel .admin-panel-head{margin-bottom:6px}.admin-order-progress-panel .order-progress{max-width:980px;margin:auto}
.admin-top-actions:empty{display:none}.admin-body .btn,.admin-body .admin-mini-btn,.admin-body .table-edit-btn,.admin-body .table-open-btn,.admin-body .table-delete-btn,.admin-body .order-filter-tabs a,.admin-body button{transition:background-color .16s ease,color .16s ease,border-color .16s ease,box-shadow .16s ease,transform .16s ease}.admin-body .btn:hover,.admin-body .admin-mini-btn:hover{transform:translateY(-1px);box-shadow:0 7px 18px rgba(35,92,135,.14)}.admin-body .admin-mini-btn.ghost:hover{background:#eaf4fb;border-color:#add2ec;color:#125c91}.admin-body .table-delete-btn:hover{transform:translateY(-1px)}
.admin-body .analytics-stats{gap:12px}.admin-body .analytics-stat{position:relative;overflow:hidden;padding:18px 19px!important;border:1px solid transparent!important}.admin-body .analytics-stat:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:currentColor;opacity:.45}.admin-body .analytics-stat:nth-child(6n+1){background:#eef7ff;color:#2f75aa}.admin-body .analytics-stat:nth-child(6n+2){background:#effaf3;color:#328052}.admin-body .analytics-stat:nth-child(6n+3){background:#fff8e8;color:#99751f}.admin-body .analytics-stat:nth-child(6n+4){background:#f5f0ff;color:#7555a4}.admin-body .analytics-stat:nth-child(6n+5){background:#eefafa;color:#3b8585}.admin-body .analytics-stat:nth-child(6n+6){background:#fff1f4;color:#9c5264}.admin-body .analytics-stat span{color:inherit!important;opacity:.86}.admin-body .analytics-stat b{color:#203f59!important}.admin-body .analytics-stat small{color:#64778a!important}.admin-body .analytics-grid{gap:16px}.admin-body .analytics-grid>.analytics-panel:nth-child(4n+1){background:#fbfdff}.admin-body .analytics-grid>.analytics-panel:nth-child(4n+2){background:#fcfffd}.admin-body .analytics-grid>.analytics-panel:nth-child(4n+3){background:#fffdf8}.admin-body .analytics-grid>.analytics-panel:nth-child(4n+4){background:#fdfbff}.admin-body .analytics-panel table tbody tr:nth-child(even) td{background:rgba(244,248,251,.65)}.admin-body .analytics-panel table tbody tr:hover td,.admin-body .modern-admin-table tbody tr:hover td{background:#edf6fc!important}.admin-body .pipeline-row{padding:6px 0}.admin-body .pipeline-bar{height:8px;border-radius:999px;overflow:hidden}.admin-body .pipeline-bar i{border-radius:999px;background:linear-gradient(90deg,#78b0d7,#3d83b6)}
@media(max-width:820px){.order-progress-label{font-size:9px}.order-progress-icon{width:42px;height:42px}.order-progress-track{top:28px}.order-progress-mini{width:170px}.admin-order-progress-panel{padding:15px}.customer-order-progress-panel .order-progress{padding-left:8px;padding-right:8px}}
@media(max-width:520px){.order-progress{grid-template-columns:repeat(6,1fr)}.order-progress-label{font-size:7px;letter-spacing:0;line-height:1.15}.order-progress-icon{width:34px;height:34px;border-width:3px}.order-progress-icon svg{width:18px;height:18px}.order-progress-track{top:24px;height:4px}.order-progress-mini{width:150px}.order-progress-mini .order-progress-icon{width:16px;height:16px}.order-progress-mini .order-progress-track{top:8px}.customer-order-progress-panel .section-head{margin-bottom:8px}}

/* v3.1.2 delivered order terminal-state lock */
.delivered-lock-panel{text-align:center;background:#f1faf4!important;border-color:#cfe8d7!important;padding:34px!important}.delivered-lock-icon{width:62px;height:62px;border-radius:50%;display:grid;place-items:center;margin:0 auto 14px;background:#dff3e5;color:#257647;font-size:30px;font-weight:800}.delivered-lock-panel h2{margin:0 0 8px;color:#245b3a}.delivered-lock-panel p{color:#53685c;line-height:1.6}.delivered-lock-panel small{display:block;margin-top:14px;color:#6b7a71}.delivered-lock-panel .btn{margin-top:12px}

/* v3.2 Website Template Manager (master admin) */
.admin-template-intro{display:flex;align-items:center;justify-content:space-between;gap:30px;background:linear-gradient(135deg,#f7fbff,#f4f7fb);border:1px solid #dce6ef;border-radius:14px;padding:24px 26px;margin-bottom:18px}.admin-template-intro h2{margin:5px 0 8px;color:#213f59;font-size:24px}.admin-template-intro p{max-width:850px;margin:0;color:#64778a;line-height:1.6}.template-live-pill{min-width:170px;background:#eaf8ef;border:1px solid #c6e8d2;border-radius:12px;padding:13px 16px}.template-live-pill small{display:block;font-size:9px;letter-spacing:1px;color:#47865e}.template-live-pill strong{display:block;color:#255f3b;margin-top:4px}.template-manager-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-bottom:20px}.template-admin-card{background:#fff;border:1px solid #dce5ec;border-radius:14px;padding:18px;box-shadow:0 8px 28px rgba(17,50,82,.04);transition:.18s}.template-admin-card:hover{transform:translateY(-2px);box-shadow:0 14px 34px rgba(17,50,82,.08)}.template-admin-card.active{border-color:#7fc19a;box-shadow:0 0 0 3px rgba(71,154,101,.08)}.template-card-head{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px}.template-card-head span{font-size:9px;text-transform:uppercase;letter-spacing:1.3px;color:#728499}.template-card-head h3{margin:4px 0 0;color:#1e405d;font-size:20px}.template-active-badge{font-size:9px;background:#e4f6ea;color:#33734c;border:1px solid #bee2ca;border-radius:999px;padding:5px 8px}.template-admin-card>p{min-height:48px;color:#64778a;line-height:1.55;font-size:12px}.template-preview{height:220px;border:1px solid #dfe7ee;border-radius:11px;overflow:hidden;position:relative;margin-bottom:14px;background:#fff}.template-preview .tp-top{height:18px;background:#f1f4f7}.template-preview .tp-nav{height:23px;background:#23425f}.template-preview .tp-stage{height:120px;display:grid;grid-template-columns:.7fr 1.3fr;align-items:center;gap:9px;padding:10px 12px;background:#f8fafc}.template-preview .tp-copy{display:grid;gap:8px}.template-preview .tp-copy i{display:block;height:7px;border-radius:5px;background:#c9d4de}.template-preview .tp-copy i:first-child{width:80%;height:15px;background:#354e64}.template-preview .tp-copy i:last-child{width:55%;background:#5a91bd}.template-preview .tp-picture{height:98px;overflow:hidden;background:#fff;border-radius:6px}.template-preview .tp-picture img{width:100%;height:100%;object-fit:cover}.template-preview .tp-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;padding:9px 12px}.template-preview .tp-cards i{height:42px;background:#f4f7f9;border:1px solid #e2e8ed;border-radius:5px}.template-preview-metro_bento{background:#f2f4f8}.template-preview-metro_bento .tp-top{background:#262d47}.template-preview-metro_bento .tp-nav{margin:5px 10px;border-radius:6px;background:#fff;height:25px}.template-preview-metro_bento .tp-stage{margin:0 10px;border-radius:8px;background:#fff}.template-preview-metro_bento .tp-copy i:last-child{background:#675ef0}.template-preview-metro_bento .tp-cards i:nth-child(1){background:#5863e9}.template-preview-metro_bento .tp-cards i:nth-child(2){background:#3db08b}.template-preview-metro_bento .tp-cards i:nth-child(3){background:#e3a93e}.template-preview-metro_bento .tp-cards i:nth-child(4){background:#805bd2}.template-features{display:flex;flex-wrap:wrap;gap:6px;margin:12px 0 16px}.template-features span{font-size:9px;color:#5d7183;background:#f3f6f8;border:1px solid #e2e8ed;border-radius:999px;padding:5px 8px}.template-card-actions{display:flex;align-items:center;gap:8px}.template-card-actions form{margin:0}.template-card-actions .btn{min-width:105px}.template-manager-note{background:#fbfdff!important}.template-manager-note p{color:#64778a;line-height:1.6}
@media(max-width:1000px){.template-manager-grid{grid-template-columns:1fr}.admin-template-intro{align-items:flex-start;flex-direction:column}.template-live-pill{min-width:230px}}

/* v3.3 template manager controls */
.template-preview .tp-hero{height:128px;background:linear-gradient(135deg,#eaf2f8,#d8e7f2);margin:0}.template-preview .tp-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;padding:9px 12px}.template-preview .tp-grid i{height:45px;border:1px solid #e0e6eb;background:#f5f7f9}.template-preview-metro_bento .tp-hero{margin:8px 10px;background:linear-gradient(135deg,#fff 0 60%,#6f62f6 60%);border-radius:8px;height:112px}.template-preview-b2b_mega{background:#f2f5f7}.template-preview-b2b_mega .tp-top{background:#e8edf1}.template-preview-b2b_mega .tp-hero{background:linear-gradient(90deg,#dce9f4 0 72%,#f28b2c 72%);height:105px;margin:8px 10px}.template-preview-b2b_mega .tp-grid{grid-template-columns:repeat(6,1fr);gap:4px}.template-preview-b2b_mega .tp-grid i{height:48px;background:#fff;border-radius:0}.template-style-editor{margin-top:14px;border-top:1px solid #e4e9ed;padding-top:12px}.template-style-editor summary{cursor:pointer;font-weight:700;color:#3e5d75;font-size:11px}.template-style-editor form{padding-top:13px}.template-colour-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.template-colour-grid label{font-size:10px;color:#607587}.template-colour-grid input[type=color]{display:block;width:100%;height:42px;border:1px solid #d8e1e8;background:#fff;padding:3px;border-radius:6px;margin-top:5px}.homepage-layout-manager{margin-top:22px}.homepage-sort-list{list-style:none;margin:15px 0;padding:0;display:grid;gap:8px;max-width:850px}.homepage-sort-list li{display:grid;grid-template-columns:34px 1fr minmax(220px,.8fr);gap:10px;align-items:center;background:#f8fbfd;border:1px solid #dce5ec;border-radius:9px;padding:11px 13px;transition:.15s}.homepage-sort-list li.dragging{opacity:.45;border-style:dashed}.homepage-sort-list li.drag-over{border-color:#4088bd;background:#eef7fd}.homepage-sort-list .drag-handle{font-size:18px;color:#8798a6;cursor:grab;user-select:none}.homepage-sort-list label{font-size:12px;color:#2c4a61}.homepage-sort-list small{font-size:10px;color:#758595}.homepage-sort-list input[type=checkbox]{accent-color:#216a9f}.managed-home-slot{display:block}
@media(max-width:820px){.template-colour-grid{grid-template-columns:repeat(2,1fr)}.homepage-sort-list li{grid-template-columns:28px 1fr}.homepage-sort-list small{grid-column:2}}

/* v3.4 Template Studio admin */
.template-design-studio{border-top:1px solid #e2e8ee;margin-top:16px;padding-top:12px}.template-design-studio>summary{display:flex;align-items:center;justify-content:space-between;cursor:pointer;color:#214d70;font-weight:700;font-size:12px;padding:8px 4px}.template-design-studio>summary:after{content:"Design settings";font-size:9px;font-weight:600;color:#7c8e9e;background:#f1f5f8;border-radius:999px;padding:5px 8px}.template-design-studio[open]>summary:after{content:"Close controls"}.design-studio-section{border:1px solid #e1e8ee;border-radius:10px;background:#fbfdff;padding:14px;margin-top:12px}.design-section-title{display:flex;align-items:flex-end;justify-content:space-between;gap:15px;border-bottom:1px solid #e8edf1;padding-bottom:8px;margin-bottom:11px}.design-section-title b{font-size:12px;color:#244761}.design-section-title small{font-size:9px;color:#82919e}.advanced-colours{grid-template-columns:repeat(3,minmax(0,1fr))}.design-control-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px 12px}.design-control-grid label,.design-toggle-grid label,.template-copy-style label,.inline-template-select{font-size:10px;color:#5f7587;font-weight:600}.design-control-grid select,.template-copy-style select,.inline-template-select select{display:block;width:100%;border:1px solid #d3dde5;background:#fff;border-radius:7px;padding:9px;margin-top:5px;color:#29465d}.design-control-grid input[type=range]{width:100%;accent-color:#246d9f;margin-top:9px}.design-control-grid [data-range-value]{float:right;color:#2b6c99;font-weight:700}.design-toggle-grid{display:flex;flex-wrap:wrap;gap:8px 18px;margin-top:10px}.design-toggle-grid label{background:#fff;border:1px solid #dce5ec;border-radius:8px;padding:9px 11px}.design-toggle-grid input{accent-color:#226c9f;margin-right:5px}.template-copy-style{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:end;background:#f5f8fa;border:1px dashed #cedbe5;border-radius:9px;padding:11px;margin-top:12px}.template-copy-style .btn{height:38px}.homepage-layout-manager .admin-panel-head form{min-width:240px}.inline-template-select select{margin-top:3px}.template-card-actions{flex-wrap:wrap}.template-card-actions .btn{min-width:auto!important}.template-design-studio .admin-form-actions{margin-top:14px}
@media(max-width:1100px){.design-control-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.advanced-colours{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:700px){.design-control-grid,.advanced-colours{grid-template-columns:1fr 1fr}.design-section-title{align-items:flex-start;flex-direction:column}.template-copy-style{grid-template-columns:1fr}.homepage-layout-manager .admin-panel-head{align-items:flex-start;flex-direction:column}}
@media(max-width:480px){.design-control-grid,.advanced-colours{grid-template-columns:1fr}}

/* v3.5 Template Library reliability + 10-template manager */
.template-intro-v35{margin-bottom:18px}.template-library-panel{padding:20px!important}.template-count-pill{display:inline-flex;align-items:center;justify-content:center;background:#eef5fb;border:1px solid #d9e7f2;color:#35607e;border-radius:999px;padding:7px 11px;font-size:9px;font-weight:800;letter-spacing:1px}.template-library-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.template-library-card{background:#fff;border:1px solid #dce5ec;border-radius:14px;padding:15px;box-shadow:0 7px 22px rgba(17,50,82,.04);transition:transform .18s,box-shadow .18s,border-color .18s;min-width:0}.template-library-card:hover{transform:translateY(-2px);box-shadow:0 13px 30px rgba(17,50,82,.08);border-color:#c7d8e4}.template-library-card.active{border-color:#79bd95;box-shadow:0 0 0 3px rgba(71,154,101,.08)}.template-library-card .template-preview{height:150px;margin-bottom:11px}.template-library-card .template-preview .tp-hero{height:84px}.template-library-card .template-preview .tp-grid{padding:6px 8px;gap:5px}.template-library-card .template-preview .tp-grid i{height:30px}.template-library-card>p{font-size:11px;line-height:1.5;color:#64778a;min-height:50px;margin:9px 0}.template-feature-chips{display:flex;flex-wrap:wrap;gap:5px;margin:8px 0 12px}.template-feature-chips span{background:#f3f7fa;border:1px solid #e1e8ed;color:#607486;border-radius:999px;padding:4px 7px;font-size:8px}.template-library-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.template-library-actions .btn,.template-library-actions form,.template-library-actions form .btn{width:100%;min-width:0}.template-library-actions .btn{font-size:9px;padding:8px 7px}.template-single-customizer{margin-top:18px}.template-edit-picker{margin:0}.template-edit-picker label{display:flex;align-items:center;gap:8px;font-size:10px;color:#607486}.template-edit-picker select{min-width:210px}.template-design-form{margin-top:12px}.template-single-customizer .design-studio-section{border-top:1px solid #e7edf1;padding:18px 0}.template-single-customizer .design-studio-section:first-of-type{border-top:0}.template-single-customizer .template-copy-style{border-top:1px solid #e7edf1;padding-top:15px;margin-top:6px}
.template-preview-marketplace_pro{background:#f3f5f7}.template-preview-marketplace_pro .tp-top{background:#182b3a}.template-preview-marketplace_pro .tp-hero{margin:7px 46px 0 42px;background:linear-gradient(90deg,#dceaf5 0 72%,#fff0d4 72%);height:72px}.template-preview-marketplace_pro:before{content:"";position:absolute;left:7px;top:25px;width:31px;height:74px;background:repeating-linear-gradient(#fff 0 8px,#e8edf1 8px 9px);border:1px solid #dce3e8}.template-preview-marketplace_pro:after{content:"";position:absolute;right:7px;top:25px;width:34px;height:74px;background:linear-gradient(#e7f3fc 0 33%,#edf8f0 33% 66%,#fff2dc 66%);border:1px solid #dce3e8}.template-preview-marketplace_pro .tp-grid{grid-template-columns:repeat(5,1fr)}
.template-preview-commerce_air{background:#f8fafc}.template-preview-commerce_air .tp-top{background:#fff;border-bottom:1px solid #edf1f5}.template-preview-commerce_air .tp-hero{margin:9px;border-radius:12px;background:linear-gradient(125deg,#eaf0ff,#ffffff 48%,#dbeafe)}.template-preview-commerce_air .tp-grid i{border-radius:10px;background:#fff;box-shadow:0 5px 12px rgba(16,24,40,.05)}
.template-preview-trade_portal{background:#f2f6f5}.template-preview-trade_portal .tp-top{background:#15364a}.template-preview-trade_portal .tp-hero{margin:8px;background:linear-gradient(90deg,#ffffff 0 37%,#d7ece5 37%);border-radius:8px}.template-preview-trade_portal .tp-grid{grid-template-columns:repeat(4,1fr)}.template-preview-trade_portal .tp-grid i{border-radius:7px;background:#fff;border-color:#dce7e3}

@media(max-width:1320px){.template-library-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:850px){.template-library-grid{grid-template-columns:1fr}.template-edit-picker label{align-items:flex-start;flex-direction:column}.template-edit-picker select{min-width:0;width:100%}}@media(max-width:560px){.template-library-actions{grid-template-columns:1fr}}

/* v3.6 template manager clarity + new clean B2B previews */
.template-editor-head{align-items:flex-end!important;gap:18px}.template-editor-head-actions{display:flex;flex-direction:column;align-items:flex-end;gap:9px;min-width:330px}.template-editor-quick-actions{display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end}.template-editor-quick-actions .btn{white-space:nowrap}.template-single-customizer{scroll-margin-top:18px}.homepage-layout-manager{scroll-margin-top:18px;border:1px solid #cbddea!important;box-shadow:0 10px 30px rgba(25,64,96,.05)}.homepage-layout-manager>.admin-panel-head{background:#f7fbfe;margin:-20px -20px 16px;padding:18px 20px;border-bottom:1px solid #dce8f1;border-radius:12px 12px 0 0}.template-design-form>.admin-form-actions{position:sticky;bottom:10px;z-index:12;background:rgba(255,255,255,.96);backdrop-filter:blur(9px);border:1px solid #d8e4ed;border-radius:10px;padding:10px;box-shadow:0 9px 28px rgba(18,52,78,.10)}
.template-preview-trade_connect{background:#f7fafc}.template-preview-trade_connect .tp-top{background:#eef3f7}.template-preview-trade_connect .tp-hero{background:linear-gradient(90deg,#dce9f3 0 66%,#fff 66%);position:relative}.template-preview-trade_connect .tp-hero:after{content:"TRADE";position:absolute;right:8px;top:18px;font-size:8px;font-weight:800;color:#1262a3;border:1px solid #cbdde9;border-radius:4px;padding:8px 5px;background:#f7fbff}.template-preview-trade_connect .tp-grid i{background:#fff;border-radius:6px}.template-preview-trade_connect .tp-grid i:first-child{border-top:3px solid #1262a3}
.template-preview-catalogue_flow{background:#fbfcfc}.template-preview-catalogue_flow .tp-top{background:#edf4f2}.template-preview-catalogue_flow .tp-hero{background:linear-gradient(90deg,#f8fbfa 0 38%,#d9e9e4 38%);height:76px;margin:7px}.template-preview-catalogue_flow .tp-grid{grid-template-columns:repeat(4,1fr);padding-top:3px}.template-preview-catalogue_flow .tp-grid i{background:#fff;border-radius:7px;border-color:#dfe9e6}.template-preview-catalogue_flow .tp-grid i:nth-child(2){border-bottom:3px solid #0f6b5b}
.template-preview-retailer_hub{background:#f4f7fb}.template-preview-retailer_hub .tp-top{background:#25344e}.template-preview-retailer_hub .tp-hero{background:linear-gradient(90deg,#fff 0 36%,#dce7f7 36%);margin:7px;border-radius:8px;height:78px}.template-preview-retailer_hub .tp-grid i{background:#fff;border-radius:8px}.template-preview-retailer_hub .tp-grid i:first-child{background:#edf3ff;border-color:#cadaf2}
.template-preview-wholesale_direct{background:#fff}.template-preview-wholesale_direct .tp-top{background:#f3f5f6}.template-preview-wholesale_direct .tp-hero{background:linear-gradient(90deg,#e4ebef 0 72%,#f6f7f8 72%);height:84px}.template-preview-wholesale_direct .tp-hero:after{content:"REGISTER";float:right;margin:12px 7px 0 0;background:#d4572b;color:#fff;font-size:7px;font-weight:800;padding:7px 5px;border-radius:2px}.template-preview-wholesale_direct .tp-grid{grid-template-columns:repeat(6,1fr);gap:4px}.template-preview-wholesale_direct .tp-grid i{height:30px;background:#fff;border-radius:2px}
@media(max-width:850px){.template-editor-head{align-items:flex-start!important;flex-direction:column}.template-editor-head-actions{align-items:stretch;min-width:0;width:100%}.template-editor-quick-actions{justify-content:flex-start}.template-design-form>.admin-form-actions{position:static}}

/* v3.6.2 responsive storefront + true mobile navigation */
html,body{max-width:100%;overflow-x:hidden}
.mobile-nav-bar,.mobile-nav-account{display:none}

@media(max-width:820px){
  body:not(.admin-body):not(.admin-login){min-width:0!important;width:100%!important}
  body:not(.admin-body):not(.admin-login) .wrap{width:100%!important;max-width:100%!important;margin-left:auto!important;margin-right:auto!important;padding-left:14px!important;padding-right:14px!important}

  /* Compact, predictable mobile utility strip. */
  .top-line{font-size:10px!important}
  .top-line-inner{min-height:30px!important;justify-content:center!important;padding-top:5px!important;padding-bottom:5px!important}
  .top-line-inner>span{display:none!important}
  .top-line-inner>div{width:100%;justify-content:center!important;gap:12px!important;min-width:0}
  .top-line-inner a{font-size:9px!important;white-space:nowrap}

  /* Header changes from desktop grid to two clean mobile rows. */
  .reference-header .reference-header-main,
  body.template-customised .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;
    gap:10px 8px!important;
    padding:10px 14px 11px!important;
    margin:0!important;
    border-radius:0!important;
  }
  .reference-header .reference-header-main>.logo{
    grid-area:logo!important;
    min-width:0!important;
    height:46px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    margin:0!important;
  }
  .reference-header .reference-header-main>.logo img,
  body.template-customised .reference-header .logo img{
    width:min(var(--tpl-logo-width,165px),165px)!important;
    max-width:165px!important;
    max-height:44px!important;
    height:auto!important;
    object-fit:contain!important;
    object-position:left center!important;
  }
  .reference-header .reference-search,
  body.template-customised .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;
    border-radius:10px!important;
  }
  .reference-header .reference-search input{
    width:100%!important;
    min-width:0!important;
    height:42px!important;
    padding:0 48px 0 14px!important;
    font-size:12px!important;
  }
  .reference-header .reference-search button,
  body.template-customised .reference-header .reference-search button{
    width:36px!important;
    height:36px!important;
    right:3px!important;
    top:3px!important;
    margin:0!important;
    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}
  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}

  .reference-header .reference-head-actions{
    grid-area:actions!important;
    grid-column:auto!important;
    grid-row:auto!important;
    min-width:0!important;
    width:auto!important;
    padding:0!important;
    margin:0!important;
    gap:7px!important;
    justify-self:end!important;
    align-self:center!important;
    white-space:normal!important;
  }
  .reference-header .header-account-links{display:none!important}
  .reference-header .header-quick-order{
    width:40px!important;
    min-width:40px!important;
    height:38px!important;
    padding:0!important;
    border-radius:8px!important;
  }
  .reference-header .header-quick-order span{display:none!important}
  .reference-header .header-quick-order svg{width:18px!important;height:18px!important;flex-basis:18px!important}
  .reference-header .basket-link{
    position:relative!important;
    width:40px!important;
    min-width:40px!important;
    height:40px!important;
    padding:0!important;
    margin:0!important;
    display:grid!important;
    place-items:center!important;
    grid-template-columns:1fr!important;
    gap:0!important;
  }
  .reference-header .basket-link .basket-icon{
    width:27px!important;
    height:31px!important;
    max-width:27px!important;
    max-height:31px!important;
    margin:0!important;
  }
  .reference-header .basket-copy{display:none!important}
  .reference-header .basket-link:after{
    content:attr(data-count)!important;
    display:grid!important;
    place-items:center!important;
    position:absolute!important;
    right:-2px!important;
    top:-2px!important;
    min-width:17px!important;
    height:17px!important;
    padding:0 4px!important;
    border-radius:999px!important;
    background:#d92d2d!important;
    color:#fff!important;
    font:700 9px/1 Arial,Helvetica,sans-serif!important;
    opacity:0;
  }
  .reference-header .basket-link[data-has-items="1"]:after{opacity:1}
  .trust-strip{display:none!important}

  /* True mobile navigation. No horizontal-scrolling desktop menu. */
  .nav-wrap{overflow:visible!important;position:relative!important;padding:0!important}
  .mobile-nav-bar{
    display:flex!important;
    min-height:48px;
    align-items:center;
    justify-content:space-between;
    gap:12px;
  }
  .mobile-menu-toggle{
    appearance:none;
    border:0;
    background:transparent;
    color:inherit;
    min-height:44px;
    padding:0;
    display:inline-flex;
    align-items:center;
    gap:9px;
    font:600 12px/1 Arial,Helvetica,sans-serif;
    cursor:pointer;
  }
  .mobile-menu-icon{width:22px;height:16px;display:flex;flex-direction:column;justify-content:space-between}
  .mobile-menu-icon i{display:block;height:2px;width:22px;background:currentColor;border-radius:2px;transition:transform .2s ease,opacity .2s ease}
  .mobile-menu-toggle[aria-expanded="true"] .mobile-menu-icon i:nth-child(1){transform:translateY(7px) rotate(45deg)}
  .mobile-menu-toggle[aria-expanded="true"] .mobile-menu-icon i:nth-child(2){opacity:0}
  .mobile-menu-toggle[aria-expanded="true"] .mobile-menu-icon i:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
  .mobile-nav-shortcuts{display:flex;align-items:center;gap:12px;font:500 10px/1 Arial,Helvetica,sans-serif}
  .mobile-nav-shortcuts a{white-space:nowrap}
  .mobile-nav-shortcuts b{display:inline-grid;place-items:center;min-width:16px;height:16px;padding:0 4px;border-radius:999px;background:#fff;color:#173d6e;font-size:8px}

  .nav-wrap .clean-nav,
  body.template-customised .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;
  }
  .nav-wrap.mobile-nav-open .clean-nav{display:flex!important}
  .nav-wrap .clean-nav>a,
  .nav-wrap .nav-dropdown>summary{
    display:flex!important;
    align-items:center!important;
    min-height:44px!important;
    width:100%!important;
    padding:11px 2px!important;
    border-bottom:1px solid rgba(255,255,255,.14)!important;
    white-space:normal!important;
    font-size:12px!important;
    line-height:1.25!important;
  }
  .nav-wrap .nav-dropdown{position:static!important;width:100%!important}
  .nav-wrap .nav-dropdown>summary:after{content:"+";margin-left:auto;font-size:18px;font-weight:400}
  .nav-wrap .nav-dropdown[open]>summary:after{content:"–"}
  .nav-wrap .nav-dropdown-menu,
  .front-template-b2b_mega .nav-dropdown-menu{
    position:static!important;
    inset:auto!important;
    width:100%!important;
    max-height:45vh!important;
    overflow:auto!important;
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:0!important;
    padding:4px 0 9px!important;
    margin:0!important;
    border:0!important;
    border-radius:0!important;
    box-shadow:none!important;
    background:rgba(255,255,255,.98)!important;
  }
  .nav-wrap .nav-dropdown:not([open]) .nav-dropdown-menu{display:none!important}
  .nav-wrap .nav-dropdown-menu a{
    min-width:0!important;
    padding:10px 9px!important;
    font-size:10px!important;
    line-height:1.25!important;
    color:#34485c!important;
    border-bottom:1px solid #eef1f3!important;
  }
  .mobile-nav-account{display:grid!important;grid-template-columns:1fr 1fr;gap:7px;padding-top:12px}
  .mobile-nav-account a{display:flex!important;align-items:center!important;justify-content:center!important;min-height:40px!important;padding:9px!important;border:1px solid rgba(255,255,255,.32)!important;border-radius:6px!important;font-size:10px!important;text-align:center!important}

  /* General storefront fluidity across all templates. */
  main,.tpl-home,.section,.page-hero,.catalogue,.catalogue-main,.product-page,.form-page,.account-grid{max-width:100%!important;min-width:0!important}
  .section-head{gap:12px!important;align-items:flex-start!important}
  .section-head>div{min-width:0}
  .section-head h2{font-size:22px!important;line-height:1.15!important}
  .section-head p{max-width:100%!important}
  .carousel,.home-carousel,.classic-carousel,.metro-carousel,.b2b-carousel,.marketplace-carousel,.air-carousel,.portal-carousel,.connect-carousel,.flow-carousel,.hub-carousel,.direct-carousel{width:100%!important;max-width:100%!important;margin-left:0!important;margin-right:0!important}
  .carousel-track{width:100%!important}
  .carousel-slide,.carousel-slide img{max-width:100%!important}
  .promo-banner-grid,.extra-promo-banners{grid-template-columns:1fr!important}
  .brand-strip{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .footer-grid{grid-template-columns:1fr 1fr!important;gap:24px!important}
  .register-benefit-banner .wrap,.register-now-strip .wrap{gap:9px!important;justify-content:flex-start!important}
  .register-benefit-banner span,.register-now-strip span{font-size:10px!important}
  .register-benefit-banner strong,.register-now-strip strong{font-size:13px!important}

  /* Respect the mobile column choice, but never let custom desktop columns leak onto phones. */
  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,2),minmax(0,1fr))!important;
  }
  body.template-customised.tpl-category-compact .category-grid-v2{grid-template-columns:repeat(2,minmax(0,1fr))!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 .classic-carousel .carousel-slide img,
  body.template-customised .b2b-carousel .carousel-slide,
  body.template-customised .b2b-carousel .carousel-slide img,
  body.template-customised .marketplace-carousel .carousel-slide,
  body.template-customised .marketplace-carousel .carousel-slide img,
  body.template-customised .air-carousel .carousel-slide,
  body.template-customised .air-carousel .carousel-slide img,
  body.template-customised .portal-carousel .carousel-slide,
  body.template-customised .portal-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:clamp(220px,58vw,320px)!important;
    min-height:clamp(220px,58vw,320px)!important;
  }
}

@media(max-width:520px){
  body:not(.admin-body):not(.admin-login) .wrap{padding-left:12px!important;padding-right:12px!important}
  .reference-header .reference-header-main,
  body.template-customised .reference-header .reference-header-main{padding-left:12px!important;padding-right:12px!important}
  .reference-header .reference-header-main>.logo img,
  body.template-customised .reference-header .logo img{width:min(var(--tpl-logo-width,152px),152px)!important;max-width:152px!important}
  .mobile-nav-bar{padding-left:12px!important;padding-right:12px!important}
  .mobile-nav-shortcuts{gap:9px;font-size:9px}
  .nav-wrap .clean-nav{padding-left:12px!important;padding-right:12px!important}
  .nav-wrap .nav-dropdown-menu{grid-template-columns:1fr!important}
  .mobile-nav-account{grid-template-columns:1fr!important}
  .product-grid.six,.product-grid.four,.catalogue-main .product-grid{gap:9px!important}
  .product-body h3{font-size:12px!important;line-height:1.25!important}
  .product-img{height:165px!important;padding:9px!important}
  body.template-customised.tpl-ratio-square .product-img,body.template-customised.tpl-ratio-portrait .product-img,body.template-customised.tpl-ratio-landscape .product-img{height:auto!important}
  .section{padding-top:22px!important;padding-bottom:22px!important}
  .footer-grid{grid-template-columns:1fr!important}
}

/* =========================================================
   v3.7 Compact B2B UX: readable typography, visual category
   menu, trade-registration popup and graphic Quick Order.
   ========================================================= */

/* Sharper, slightly larger storefront typography. Keep branded/nav areas intact. */
body:not(.admin-body):not(.admin-login){
  font-family:Arial,Helvetica,sans-serif;
  font-size:16px;
  line-height:1.48;
  color:#111;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}
body:not(.admin-body):not(.admin-login) main,
body:not(.admin-body):not(.admin-login) main p,
body:not(.admin-body):not(.admin-login) main li,
body:not(.admin-body):not(.admin-login) main label,
body:not(.admin-body):not(.admin-login) main td,
body:not(.admin-body):not(.admin-login) main th,
body:not(.admin-body):not(.admin-login) main small,
body:not(.admin-body):not(.admin-login) .product-body,
body:not(.admin-body):not(.admin-login) .catalogue-toolbar,
body:not(.admin-body):not(.admin-login) .filters{
  color:#111;
}
body:not(.admin-body):not(.admin-login) main p{font-size:15.5px;line-height:1.55}
body:not(.admin-body):not(.admin-login) .product-body h3{font-size:15px;line-height:1.32;color:#101010}
body:not(.admin-body):not(.admin-login) .product-body h3 a{color:#101010}
body:not(.admin-body):not(.admin-login) .sku,
body:not(.admin-body):not(.admin-login) .carton-note,
body:not(.admin-body):not(.admin-login) .login-price,
body:not(.admin-body):not(.admin-login) .product-card small{color:#222}
body:not(.admin-body):not(.admin-login) input,
body:not(.admin-body):not(.admin-login) select,
body:not(.admin-body):not(.admin-login) textarea,
body:not(.admin-body):not(.admin-login) button{font-size:15px}

/* Remove duplicated page banners/breadcrumbs below the main navigation. */
body:not(.admin-body):not(.admin-login) .breadcrumb-clean,
body:not(.admin-body):not(.admin-login) .page-hero,
body:not(.admin-body):not(.admin-login) .simple-form-hero,
body:not(.admin-body):not(.admin-login) .catalogue-hero{display:none!important}
body:not(.admin-body):not(.admin-login) main>.section:first-child,
body:not(.admin-body):not(.admin-login) main>.promo-banner-section:first-child{margin-top:0!important}
.compact-page-content{padding-top:28px!important}
.compact-content-title{margin:0 0 18px;font-size:28px;line-height:1.15;color:#111}
.compact-page-intro{margin-bottom:20px}
.compact-page-intro h1{margin:0 0 5px;font-size:27px;color:#111}
.compact-page-intro p{margin:0}

/* Product cards no longer reserve space for In Stock / Out of Stock. */
.product-card .sku-row{min-height:24px;justify-content:flex-start}
.product-card .stock,.product-info .stock,.notify-stock-box{display:none!important}

/* More visual, useful Quick Order control. */
.reference-header .header-quick-order.quick-order-graphic{
  min-width:154px;
  width:auto;
  height:48px;
  padding:5px 13px 5px 7px;
  gap:9px;
  border-radius:9px;
  background:linear-gradient(135deg,#0d4b9f,#1268cf);
  color:#fff;
  box-shadow:0 5px 14px rgba(13,75,159,.18);
  overflow:hidden;
}
.reference-header .header-quick-order.quick-order-graphic:before{
  content:"";position:absolute;right:-20px;top:-30px;width:60px;height:80px;background:rgba(255,255,255,.08);transform:rotate(24deg)
}
.reference-header .header-quick-order.quick-order-graphic:hover{background:linear-gradient(135deg,#0a3f88,#0d5dbb);transform:translateY(-1px)}
.quick-order-icon{width:36px;height:36px;flex:0 0 36px;display:grid;place-items:center;border-radius:7px;background:#fff;color:#0d4b9f;box-shadow:inset 0 0 0 1px rgba(13,75,159,.12)}
.quick-order-icon svg{width:26px!important;height:26px!important}
.quick-order-copy{display:flex;flex-direction:column;align-items:flex-start;position:relative;z-index:1;line-height:1.05}
.quick-order-copy b{font-size:13px;font-weight:700;color:#fff}
.quick-order-copy small{font-size:9.5px;font-weight:500;color:rgba(255,255,255,.82);margin-top:4px}

/* Category imagery in the top navigation. */
.category-mega{position:static!important}
.category-mega-menu{
  width:min(1120px,calc(100vw - 32px))!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:9px!important;
  padding:14px!important;
  border-radius:10px!important;
}
.category-mega-menu .category-menu-card{
  display:grid!important;
  grid-template-columns:56px minmax(0,1fr)!important;
  align-items:center!important;
  gap:10px!important;
  min-height:68px!important;
  padding:7px!important;
  border:1px solid #e7edf3!important;
  border-radius:8px!important;
  background:#fff!important;
  color:#111!important;
  font-size:13px!important;
  font-weight:600!important;
  line-height:1.2!important;
}
.category-mega-menu .category-menu-card:hover{border-color:#0e63cc!important;background:#f6faff!important;color:#0d4b9f!important;transform:translateY(-1px)}
.category-mega-menu .category-menu-card img{width:56px;height:52px;object-fit:contain;border-radius:6px;background:#f7f8fa;padding:3px}
.category-mega-menu .category-menu-card span{min-width:0}

/* Modern guest trade-account registration popup. */
body.trade-popup-open{overflow:hidden}
.trade-register-modal[hidden]{display:none!important}
.trade-register-modal{position:fixed;inset:0;z-index:10050;display:grid;place-items:center;padding:18px}
.trade-register-backdrop{position:absolute;inset:0;background:rgba(3,18,38,.58);backdrop-filter:blur(3px)}
.trade-register-dialog{
  position:relative;z-index:1;width:min(820px,96vw);display:grid;grid-template-columns:250px 1fr;
  background:#fff;border-radius:18px;overflow:hidden;box-shadow:0 28px 80px rgba(0,0,0,.28);
  animation:tradePopupIn .28s ease both;
}
@keyframes tradePopupIn{from{opacity:0;transform:translateY(16px) scale(.985)}to{opacity:1;transform:none}}
.trade-register-close{position:absolute;right:12px;top:10px;width:36px;height:36px;border:0;border-radius:50%;background:#f1f3f5;color:#111;font-size:24px;line-height:1;cursor:pointer;z-index:3}
.trade-register-close:hover{background:#e4e8ec;transform:rotate(4deg)}
.trade-register-graphic{min-height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:18px;padding:32px 24px;background:linear-gradient(155deg,#082f63,#0d57ad 62%,#0c73d6);position:relative;overflow:hidden}
.trade-register-graphic:before,.trade-register-graphic:after{content:"";position:absolute;background:#e5262a;transform:rotate(35deg);opacity:.94}
.trade-register-graphic:before{width:180px;height:24px;left:-55px;top:35px}.trade-register-graphic:after{width:210px;height:20px;right:-85px;bottom:55px;background:#ffc21c}
.trade-register-graphic img{width:112px;height:112px;object-fit:contain;position:relative;z-index:1;filter:drop-shadow(0 10px 20px rgba(0,0,0,.2))}
.trade-register-graphic span{position:relative;z-index:1;color:#fff;font-size:14px;font-weight:800;letter-spacing:.16em;text-align:center}
.trade-register-content{padding:34px 38px 30px;color:#111}
.trade-popup-kicker{font-size:11px;font-weight:800;letter-spacing:.14em;color:#0d4b9f}
.trade-register-content h2{font-size:30px;line-height:1.08;margin:7px 0 8px;color:#111}
.trade-register-content>p{margin:0 0 18px;color:#222;font-size:16px}
.trade-register-content ul{list-style:none;margin:0 0 20px;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:12px}
.trade-register-content li{position:relative;padding:11px 10px 11px 37px;background:#f7f9fb;border:1px solid #e8edf2;border-radius:9px;color:#111}
.trade-register-content li:before{content:"✓";position:absolute;left:11px;top:12px;width:19px;height:19px;display:grid;place-items:center;border-radius:50%;background:#e8f5ed;color:#13743c;font-size:11px;font-weight:900}
.trade-register-content li b{display:block;font-size:13px;margin-bottom:3px;color:#111}.trade-register-content li span{display:block;font-size:11.5px;line-height:1.35;color:#333}
.trade-register-actions{display:flex;gap:9px;flex-wrap:wrap;margin-bottom:12px}.trade-register-actions .btn{font-size:11px;padding:11px 15px}
.trade-register-content>small{font-size:11px;color:#333}

/* Admin: slightly larger, sharper and black text. */
.admin-body,.admin-login{font-family:Arial,Helvetica,sans-serif;color:#111;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
.admin-body{font-size:15px;line-height:1.48}
.admin-body .admin-main,.admin-body .admin-panel,.admin-body table,.admin-body label,.admin-body p,.admin-body small,.admin-body .muted{color:#111}
.admin-body .admin-top h1{font-size:27px;color:#111}.admin-body h2{font-size:20px;color:#111}.admin-body h3{font-size:17px;color:#111}
.admin-body table{font-size:14px}.admin-body th{font-size:12.5px;color:#111}.admin-body td{font-size:14px;color:#111}
.admin-body input,.admin-body select,.admin-body textarea,.admin-body button{font-size:14px;color:#111}
.admin-body .admin-page-kicker,.admin-body .admin-nav-label{letter-spacing:.1em}

@media(max-width:900px){
  .trade-register-dialog{grid-template-columns:190px 1fr}.trade-register-content{padding:28px 28px 25px}.trade-register-content h2{font-size:26px}
}
@media(max-width:760px){
  .trade-register-dialog{grid-template-columns:1fr;max-height:92vh;overflow:auto}.trade-register-graphic{min-height:112px;padding:16px;flex-direction:row}.trade-register-graphic img{width:64px;height:64px}.trade-register-content{padding:24px 20px}.trade-register-content ul{grid-template-columns:1fr}.trade-register-actions{display:grid}.trade-register-actions .btn{text-align:center}
}
@media(max-width:700px){
  .reference-header .header-quick-order.quick-order-graphic{width:42px!important;min-width:42px!important;height:40px!important;padding:2px!important;border-radius:8px!important}
  .reference-header .header-quick-order .quick-order-icon{width:34px;height:34px;flex-basis:34px;background:transparent;color:#fff;box-shadow:none}
  .reference-header .header-quick-order .quick-order-copy{display:none!important}
  .category-mega-menu{grid-template-columns:1fr 1fr!important;width:100%!important;padding:8px!important;gap:6px!important}
  .category-mega-menu .category-menu-card{grid-template-columns:44px minmax(0,1fr)!important;min-height:58px!important;font-size:11px!important;padding:6px!important}
  .category-mega-menu .category-menu-card img{width:44px;height:44px}
  body:not(.admin-body):not(.admin-login){font-size:15px}
  body:not(.admin-body):not(.admin-login) main p{font-size:14.5px}
  .compact-content-title{font-size:24px}
}
@media(max-width:420px){
  .category-mega-menu{grid-template-columns:1fr!important}
}
/* v3.7 small corrections */
@media(min-width:821px){.category-mega{position:relative!important}.category-mega-menu{left:0!important;top:46px!important}}
.admin-side,.admin-side a{color:#eaf3fb!important}.admin-side .admin-nav-label,.admin-side small{color:#7fa4c8!important}.admin-side .admin-brand span{color:#9fc0df!important}

.admin-login,.admin-login label,.admin-login p,.admin-login small{color:#111!important}.admin-login input,.admin-login button{font-size:15px}

/* v3.7.1 admin readability */
.admin-body{font-size:15px;line-height:1.48;color:#111}
.admin-side nav a{font-size:13px}
.admin-nav-label{font-size:10px}
.admin-top h1{font-size:28px}
.admin-top p{font-size:13px;color:#111}
.admin-panel h2{font-size:19px}
.admin-panel-head p,.admin-panel-head>span{font-size:12px;color:#111}
.admin-body .admin-panel table,.modern-admin-table{font-size:13px}
.admin-body .admin-panel th,.modern-admin-table th{font-size:10.5px}
.admin-body .admin-panel td,.modern-admin-table td{font-size:13px}
.admin-body .admin-panel label{font-size:12.5px;color:#111}
.admin-body .admin-panel input,.admin-body .admin-panel select,.admin-body .admin-panel textarea{font-size:14px;color:#111}
.admin-body .btn,.admin-body .admin-mini-btn,.admin-body button{font-size:12.5px}
.admin-body .modern-admin-table td small,.admin-body .analytics-table td small{font-size:11px;color:#222}

/* v3.8 Admin Users & Roles / granular access control */
.admin-access-hero{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:24px 26px;margin-bottom:18px;border:1px solid #d9e4ef;border-radius:18px;background:linear-gradient(135deg,#fff 0%,#f5f9fd 58%,#eef7ff 100%)}
.admin-access-hero h2{margin:4px 0 6px;font-size:25px;color:#0b2945}.admin-access-hero p{margin:0;max-width:760px;color:#263746}
.access-hero-badges{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.access-hero-badges span{padding:8px 11px;border-radius:999px;background:#fff;border:1px solid #d4e1ed;font-size:11px;font-weight:800;color:#164f84;white-space:nowrap}
.admin-role-summary-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:18px}.admin-role-summary-grid article{padding:16px 18px;border-radius:14px;border:1px solid #dde6ee;background:#fff}.admin-role-summary-grid article:nth-child(1){background:#f0fbf4;border-color:#c9ead4}.admin-role-summary-grid article:nth-child(2){background:#f4f8ff;border-color:#d6e4f7}.admin-role-summary-grid article:nth-child(3){background:#fff9ec;border-color:#f0dfb9}.admin-role-summary-grid b{font-size:15px;color:#102f4b}.admin-role-summary-grid p{margin:6px 0 0;font-size:12px;color:#263746;line-height:1.5}
.admin-users-layout{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(420px,.9fr);gap:18px;align-items:start}.admin-user-list-panel{min-width:0}.admin-users-table td small{display:block;margin-top:4px;max-width:320px;line-height:1.35}
.admin-role-badge{display:inline-flex;align-items:center;padding:6px 9px;border-radius:999px;font-size:10px;font-weight:900;letter-spacing:.04em;text-transform:uppercase}.admin-role-badge.master{background:#e9f8ee;color:#176a34}.admin-role-badge.staff{background:#eaf2ff;color:#175ba6}.admin-role-badge.rep{background:#fff3d9;color:#805600}
.permission-summary{display:inline-flex;padding:4px 8px;border-radius:999px;background:#f2f5f8;color:#20384d;font-size:10px;font-weight:800}.permission-summary.master{background:#daf4e3;color:#176a34}
.admin-user-editor{position:sticky;top:14px}.admin-user-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px}.admin-user-fields label{margin:0}.admin-user-fields label:nth-child(1),.admin-user-fields label:nth-child(2),.admin-user-fields label:nth-child(5){grid-column:span 2}
.master-access-box{margin:17px 0;padding:14px;border-radius:13px;background:#f2fbf5;border:1px solid #cfe9d7}.master-access-box .check{display:flex!important;gap:10px;align-items:flex-start;margin:0!important}.master-access-box input{margin-top:3px}.master-access-box b,.admin-active-user b{display:block;font-size:13px}.master-access-box small,.admin-active-user small{display:block;margin-top:3px;line-height:1.4;color:#314557}
.permission-editor-head{display:flex;justify-content:space-between;gap:14px;align-items:end;margin:16px 0 10px}.permission-editor-head h3{margin:0 0 3px;font-size:17px}.permission-editor-head p{margin:0;font-size:11.5px;color:#394b5c}.permission-bulk-actions{display:flex;gap:6px;flex:0 0 auto}
.admin-permission-groups{display:grid;grid-template-columns:1fr 1fr;gap:10px}.permission-group{min-width:0;margin:0;padding:10px;border:1px solid #dfe7ee;border-radius:12px;background:#fbfcfd}.permission-group legend{padding:0 6px;font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.08em;color:#37617f}.permission-check{display:grid!important;grid-template-columns:18px 1fr;gap:8px;align-items:start;padding:8px 6px;margin:0!important;border-radius:8px;cursor:pointer}.permission-check:hover{background:#eef6fd}.permission-check input{width:15px;height:15px;margin:2px 0 0}.permission-check b{display:block;font-size:11.5px;color:#122b40}.permission-check small{display:block;margin-top:2px;font-size:10.5px;line-height:1.35;color:#546575}.permission-check:has(input:checked){background:#edf7ff}.permission-check:has(input:disabled){opacity:.68}
.admin-active-user{display:flex!important;align-items:flex-start;gap:9px;margin:16px 0!important;padding:12px;border-radius:10px;background:#f8fafc;border:1px solid #e0e7ed}.sticky-user-save{position:sticky;bottom:0;z-index:2;margin:12px -18px -18px;padding:12px 18px;background:rgba(255,255,255,.96);border-top:1px solid #e0e7ed;backdrop-filter:blur(6px)}
@media(max-width:1280px){.admin-users-layout{grid-template-columns:1fr}.admin-user-editor{position:static}.admin-permission-groups{grid-template-columns:repeat(3,1fr)}}
@media(max-width:900px){.admin-access-hero{align-items:flex-start;flex-direction:column}.access-hero-badges{justify-content:flex-start}.admin-role-summary-grid{grid-template-columns:1fr}.admin-permission-groups{grid-template-columns:1fr 1fr}}
@media(max-width:620px){.admin-user-fields{grid-template-columns:1fr}.admin-user-fields label:nth-child(n){grid-column:auto}.admin-permission-groups{grid-template-columns:1fr}.permission-editor-head{align-items:flex-start;flex-direction:column}.admin-access-hero{padding:18px}.admin-access-hero h2{font-size:21px}}


/* v3.8.1 mobile catalogue UX: carousel-free home + on-demand product filters */
.mobile-filter-toggle,.mobile-filter-head,.mobile-filter-backdrop{display:none}
@media(max-width:820px){
  /* Homepage: remove image carousels entirely on phones/tablets and let useful tools/content move up. */
  .tpl-home [data-carousel]{display:none!important}
  .front-template-trade_connect .connect-hero,
  .front-template-catalogue_flow .flow-top,
  .front-template-retailer_hub .retailer-hero,
  .front-template-wholesale_direct .direct-hero,
  .front-template-marketplace_pro .marketplace-hero,
  .front-template-commerce_air .air-hero,
  .front-template-trade_portal .portal-hero,
  .front-template-b2b_mega .b2b-commerce-hero{grid-template-columns:1fr!important}
  .front-template-marketplace_pro .marketplace-department-rail{display:none!important}
  .front-template-trade_connect .connect-slider,
  .front-template-catalogue_flow .flow-slider,
  .front-template-retailer_hub .retailer-slider,
  .front-template-wholesale_direct .direct-main-banner,
  .front-template-marketplace_pro .marketplace-main-banner,
  .front-template-commerce_air .air-hero-main,
  .front-template-trade_portal .portal-banner,
  .front-template-b2b_mega .b2b-hero-main{display:none!important}
  .front-template-trade_connect .connect-hero,
  .front-template-catalogue_flow .flow-top,
  .front-template-retailer_hub .retailer-hero,
  .front-template-wholesale_direct .direct-hero,
  .front-template-marketplace_pro .marketplace-hero,
  .front-template-commerce_air .air-hero,
  .front-template-trade_portal .portal-hero,
  .front-template-b2b_mega .b2b-commerce-hero{padding-top:14px!important;padding-bottom:12px!important;gap:10px!important}
  .front-template-commerce_air .air-hero-categories{grid-template-columns:1fr 1fr!important}
  .front-template-marketplace_pro .marketplace-side-stack{grid-template-columns:1fr!important}

  /* Product catalogue: filters live in a slide-in drawer instead of consuming the product viewport. */
  body.mobile-filters-open{overflow:hidden}
  .catalogue.catalogue-v2{display:block!important;padding-top:12px!important}
  .catalogue-v2>.filters{
    position:fixed!important;z-index:10020!important;top:0!important;right:0!important;bottom:0!important;left:auto!important;
    width:min(88vw,370px)!important;height:100dvh!important;max-height:none!important;margin:0!important;padding:0 18px 24px!important;
    overflow-y:auto!important;background:#fff!important;border:0!important;border-left:1px solid #dfe5eb!important;border-radius:0!important;
    box-shadow:-18px 0 48px rgba(15,35,55,.18)!important;transform:translateX(104%);transition:transform .24s ease;
  }
  body.mobile-filters-open .catalogue-v2>.filters{transform:translateX(0)}
  .mobile-filter-head{display:flex;align-items:center;justify-content:space-between;gap:12px;position:sticky;top:0;z-index:2;margin:0 -18px 14px;padding:16px 18px 13px;background:#fff;border-bottom:1px solid #e5e9ed}
  .mobile-filter-head>div{display:flex;align-items:baseline;gap:8px}.mobile-filter-head strong{font-size:18px;color:#111}.mobile-filter-head span{font-size:11px;color:#555}
  .mobile-filter-close{width:38px;height:38px;border:0;border-radius:50%;background:#f1f3f5;color:#111;font-size:26px;line-height:1;cursor:pointer}
  .catalogue-v2>.filters>.filter-title{display:none!important}
  .catalogue-v2>.filters label{font-size:14px!important;color:#111!important;margin:14px 0!important}
  .catalogue-v2>.filters input,.catalogue-v2>.filters select{font-size:16px!important;min-height:48px!important;border-radius:8px!important}
  .catalogue-v2>.filters .btn{min-height:48px!important;font-size:13px!important;border-radius:8px!important;margin-top:8px}
  .catalogue-v2>.filters .filter-help{margin-top:16px!important;border-radius:8px!important}
  .mobile-filter-backdrop{display:block;position:fixed;z-index:10010;inset:0;background:rgba(8,24,42,.38);opacity:0;pointer-events:none;transition:opacity .2s ease}
  body.mobile-filters-open .mobile-filter-backdrop{opacity:1;pointer-events:auto}
  .mobile-filter-backdrop[hidden]{display:block!important}

  .catalogue-toolbar{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:10px!important;align-items:center!important;padding:10px 0 12px!important;border:0!important;border-bottom:1px solid #e2e6ea!important;margin-bottom:12px!important;background:#fff!important}
  .catalogue-result-count{min-width:0;color:#222!important;font-size:12px}.catalogue-result-count strong{font-size:20px!important;color:#111!important}.catalogue-result-count span{display:block;margin-top:1px;font-size:10.5px!important;color:#666!important}
  .mobile-filter-toggle{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:42px;padding:0 13px;border:1px solid #cbd5df;border-radius:9px;background:#fff;color:#123d68;font-size:13px;cursor:pointer;box-shadow:0 3px 10px rgba(16,36,62,.05)}
  .mobile-filter-toggle b{font-size:13px}.mobile-filter-toggle em{min-width:20px;height:20px;padding:0 5px;border-radius:999px;display:grid;place-items:center;background:#0d63c7;color:#fff;font-size:10px;font-style:normal;font-weight:800}
  .mobile-filter-icon{font-size:18px;line-height:1}
  .catalogue-sort-form{grid-column:1/-1;width:100%!important;margin:0!important}
  .catalogue-sort-form label{display:grid!important;grid-template-columns:auto 1fr;align-items:center;gap:10px;width:100%!important;color:#333!important;font-size:12px!important}
  .catalogue-sort-form select{width:100%!important;min-height:42px;border-radius:8px!important;font-size:14px!important}
  .catalogue-main{width:100%!important}
}
@media(max-width:520px){
  .front-template-commerce_air .air-hero-categories{grid-template-columns:1fr!important}
  .category-chips{padding-top:10px!important}
  .promo-banner-section-compact{padding-top:8px!important;padding-bottom:6px!important}
  .catalogue-toolbar{position:sticky;top:var(--mobile-sticky-offset,0);z-index:8}
}