:root{--ink:#0f120f;--green:#173d2d;--lime:#cfff47;--cream:#f5f2e9;--paper:#fbfaf6;--line:#dad8cf;--muted:#686e67;--red:#ab433a;--amber:#a36b1e;--blue:#274d7d;--shadow:0 24px 70px rgba(14,18,15,.14)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}button,input,select,textarea{font:inherit}button,a{cursor:pointer}.hidden{display:none!important}.announcement{height:32px;background:#0b0d0b;color:#fff;display:flex;align-items:center;justify-content:center;gap:42px;font-size:10px;letter-spacing:.12em}.header{position:sticky;top:0;background:#fff;z-index:40;border-bottom:1px solid #eceae2}.header-main{max-width:1500px;margin:auto;display:grid;grid-template-columns:auto 1fr auto;gap:20px;align-items:center;padding:15px 28px}.logo{display:flex;align-items:center;gap:11px;color:inherit;text-decoration:none;flex-shrink:0}.logo>b,.footer-logo>b{width:48px;height:48px;background:var(--green);color:var(--lime);display:grid;place-items:center;font-size:18px}.logo>span{font-size:16px;letter-spacing:.07em;font-weight:900}.logo small{display:block;font-size:8px;letter-spacing:.18em;color:var(--muted);margin-top:2px}.global-search{display:flex;position:relative;height:48px;min-width:0}.global-search input{flex:1;min-width:0;border:1px solid #cfcfc6;border-right:0;padding:0 16px;outline:none;background:#faf9f5}.global-search input:focus{border-color:var(--green)}.global-search>button{border:0;background:var(--green);color:#fff;padding:0 22px;font-weight:800;white-space:nowrap}.search-pop{display:none;position:absolute;top:51px;left:0;right:0;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow);max-height:380px;overflow:auto;z-index:60}.search-pop.show{display:block}.search-hit{display:flex;justify-content:space-between;padding:14px;border-bottom:1px solid #eee}.search-hit:hover{background:#f5f4ee}.search-hit small{display:block;color:var(--muted);margin-top:3px}.header-tools{display:flex;justify-content:flex-end;align-items:center;gap:10px;flex-shrink:0}.header-tools button,.header-tools a{border:0;background:transparent;color:inherit;text-decoration:none;padding:8px 12px;font-size:13px;font-weight:700;display:inline-flex;align-items:center;border-radius:4px}.header-tools button:hover,.header-tools a:hover{background:#f4f3ee}.header-tools .header-register-btn{background:var(--green);color:var(--lime);padding:8px 14px;font-size:12px;font-weight:800;border-radius:3px;white-space:nowrap}.header-tools .header-register-btn:hover{background:#0e2b1f;color:#fff}.header-tools #basketBtn{background:var(--ink);color:#fff;border-radius:4px;padding:8px 14px}.header-tools #basketBtn:hover{background:#2a312a}.header-tools b{background:var(--lime);color:var(--ink);border-radius:12px;padding:2px 7px;margin-left:5px}.mobile-menu{display:none;border:0;background:none;font-size:24px;padding:8px;min-width:44px;min-height:44px;align-items:center;justify-content:center;touch-action:manipulation}nav{height:47px;border-top:1px solid #efede6;display:flex;justify-content:center;gap:22px;align-items:center;background:#fff}nav button,nav a{border:0;background:transparent;font-size:12px;font-weight:760;color:inherit;text-decoration:none;padding:6px 4px}nav .sale{color:#a33}.nav-corporate{display:none}.view{min-height:50vh}.hero{max-width:1500px;margin:auto;padding:64px 28px 52px;display:grid;grid-template-columns:1.13fr .87fr;gap:58px;align-items:center;min-height:620px}.kicker{font-size:10px;font-weight:900;letter-spacing:.18em;color:var(--green)}.hero h1,.page-title{font-size:clamp(50px,5.6vw,84px);line-height:.96;letter-spacing:-.058em;margin:14px 0 24px}.hero h1 em{font-style:normal;color:var(--green)}.hero-copy>p{font-size:18px;line-height:1.6;color:var(--muted);max-width:690px}.hero-actions{display:flex;gap:10px;margin:30px 0}.btn{padding:13px 18px;border:1px solid var(--ink);font-weight:850;background:transparent}.btn.primary{background:var(--green);border-color:var(--green);color:#fff}.btn.light{background:var(--lime);border-color:var(--lime)}.btn.outline{background:#fff}.btn.full{width:100%;margin-top:8px}.hero-stats{display:flex;gap:28px;border-top:1px solid var(--line);padding-top:20px}.hero-stats strong,.hero-stats span{display:block}.hero-stats strong{font-size:17px}.hero-stats span{font-size:11px;color:var(--muted)}.hero-dashboard{display:grid;gap:12px}.pulse-card{background:var(--green);color:#fff;padding:28px;min-height:360px}.pulse-card>span{font-size:10px;letter-spacing:.16em;color:var(--lime);font-weight:900}.pulse-card h3{font-size:32px;margin:15px 0 28px;letter-spacing:-.035em}.signal{display:grid;grid-template-columns:78px 1fr auto;gap:10px;align-items:center;padding:13px 0;border-top:1px solid rgba(255,255,255,.18)}.signal span{font-size:12px;color:#c9d5cf}.signal i{font-size:10px;font-style:normal;color:var(--lime);font-weight:900}.signal i.warn{color:#ffc98a}.pulse-card>button{border:0;background:transparent;color:#fff;padding:0;font-weight:850;margin-top:25px}.mini-cards{display:grid;grid-template-columns:1fr 1fr;gap:12px}.mini-cards button{border:1px solid var(--line);background:#fff;padding:22px;text-align:left;min-height:130px}.mini-cards span,.mini-cards b,.mini-cards small{display:block}.mini-cards span{font-size:20px}.mini-cards b{margin:12px 0 4px}.mini-cards small{color:var(--muted)}.buyer-strip{background:var(--ink);color:#fff;display:grid;grid-template-columns:repeat(4,1fr);gap:28px;padding:23px max(28px,calc((100vw - 1444px)/2))}.buyer-strip div{border-left:1px solid #323631;padding-left:16px}.buyer-strip b,.buyer-strip span{display:block}.buyer-strip b{font-size:11px;letter-spacing:.08em}.buyer-strip span{font-size:11px;color:#9ea49d;margin-top:4px}.section{max-width:1500px;margin:auto;padding:82px 28px}.section.wide{max-width:1550px}.soft{max-width:none;background:#f1efe8;padding-left:max(28px,calc((100vw - 1444px)/2));padding-right:max(28px,calc((100vw - 1444px)/2))}.section-title,.page-head,.catalogue-top{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:28px}.section-title h2,.page-head h2,.brand-showcase h2,.final-call h2{font-size:44px;letter-spacing:-.045em;margin:8px 0}.text-btn{border:0;background:transparent;font-weight:850}.intent-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.intent-grid button{min-height:175px;border:1px solid var(--line);background:#fff;text-align:left;padding:24px;display:flex;flex-direction:column}.intent-grid strong{font-size:23px}.intent-grid span{color:var(--muted);margin-top:6px}.intent-grid i{font-style:normal;font-size:12px;font-weight:850;margin-top:auto}.product-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.product-card{background:#fff;border:1px solid #e5e3dc;position:relative}.product-visual{height:240px;position:relative;overflow:hidden;background:linear-gradient(145deg,#ece9df,#d9d4c5);display:flex;align-items:flex-end;padding:15px}.product-visual:before,.product-visual:after{content:"";position:absolute;background:rgba(255,255,255,.72);filter:drop-shadow(0 18px 18px rgba(0,0,0,.1))}.product-visual.shoe:before{width:178px;height:72px;border-radius:60% 40% 48% 52%;right:28px;top:77px;transform:rotate(-8deg)}.product-visual.shoe:after{width:135px;height:25px;border-radius:50%;right:30px;top:132px}.product-visual.tracksuit:before{width:95px;height:145px;border-radius:13px 13px 25px 25px;right:72px;top:35px}.product-visual.tracksuit:after{width:105px;height:68px;right:67px;top:140px;clip-path:polygon(18% 0,43% 0,48% 100%,25% 100%,0 100%,8% 0,92% 0,100% 100%,75% 100%,52% 100%,57% 0,82% 0)}.badge{position:absolute;top:13px;left:13px;background:var(--lime);font-size:9px;font-weight:900;padding:6px 8px;z-index:2}.sku-pill{position:relative;background:#fff;padding:6px 8px;font-size:10px;font-weight:800}.product-body{padding:16px}.meta-line{font-size:9px;letter-spacing:.12em;color:var(--muted);font-weight:850}.product-body h3{font-size:15px;line-height:1.3;min-height:40px;margin:7px 0}.commercial-row{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:12px 0}.commercial-row div{background:#f6f5f0;padding:10px}.commercial-row span,.commercial-row b{display:block}.commercial-row span{font-size:9px;color:var(--muted);text-transform:uppercase}.commercial-row b{margin-top:3px}.stock-line{display:flex;justify-content:space-between;font-size:10px;margin:12px 0}.stock-good{color:#2e6c4d}.stock-low{color:#a45826}.colour-dots{display:flex;gap:5px}.colour-dots i{width:11px;height:11px;border-radius:50%;border:1px solid #aaa}.card-actions{display:grid;grid-template-columns:1fr auto;gap:6px}.card-actions button{border:1px solid #d5d3cb;background:#fff;padding:10px;font-weight:800}.card-actions .primary-mini{background:var(--ink);color:#fff;border-color:var(--ink)}.commerce-tools{padding-top:90px}.tool-grid{display:grid;grid-template-columns:repeat(4,1fr)}.tool-grid article{border:1px solid var(--line);margin-right:-1px;padding:25px;min-height:255px}.tool-grid article>span{font-size:11px;color:var(--muted)}.tool-grid h3{font-size:23px;margin:45px 0 10px}.tool-grid p{color:var(--muted);line-height:1.5;font-size:14px}.tool-grid button,.tool-grid a{border:0;background:none;padding:0;color:inherit;font-weight:850;text-decoration:none}.brand-showcase{background:#dfe0d1;padding:80px max(28px,calc((100vw - 1444px)/2));display:grid;grid-template-columns:1fr 1fr;gap:60px}.brand-showcase p{color:var(--muted);max-width:600px}.brand-stack{display:grid;gap:12px}.brand-stack button{border:0;background:#fff;padding:26px;text-align:left;min-height:130px}.brand-stack b,.brand-stack span,.brand-stack i{display:block}.brand-stack b{font-size:27px}.brand-stack span{color:var(--muted);margin-top:4px}.brand-stack i{font-style:normal;font-size:12px;font-weight:850;margin-top:20px}.final-call{text-align:center}.final-call h2{max-width:900px;margin:12px auto 28px}.final-call>div{display:flex;justify-content:center;gap:10px}.page-title{font-size:62px;margin-bottom:10px}.page-head p,.catalogue-top p{color:var(--muted)}.catalogue-actions{display:flex;gap:8px}.chip{border:1px solid var(--line);background:#fff;padding:10px 13px}.chip.active{background:var(--ink);color:#fff}.catalogue-shell{display:grid;grid-template-columns:230px 1fr;gap:28px}.filters{display:flex;flex-direction:column;gap:17px}.filter-title{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:10px}.filter-title button{border:0;background:none;font-size:11px;color:var(--muted)}.filters label{font-size:10px;text-transform:uppercase;letter-spacing:.07em;font-weight:850}.filters input,.filters select{display:block;width:100%;margin-top:6px;padding:11px;border:1px solid var(--line);background:#fff}.catalogue-toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;font-size:12px}.catalogue-toolbar select{padding:9px;border:1px solid var(--line);background:#fff}.quick-tabs{display:flex;border-bottom:1px solid var(--line);margin-bottom:20px}.quick-tabs button{border:0;background:none;padding:12px 20px;font-weight:850}.quick-tabs .active{border-bottom:3px solid var(--green)}.quick-panel{background:#fff;border:1px solid var(--line);padding:22px}.quick-table{overflow-x:auto}.quick-row{display:grid;grid-template-columns:150px minmax(280px,1fr) 110px 90px 40px;gap:9px;align-items:center;margin-bottom:8px;min-width:720px}.quick-row.head{font-size:9px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);font-weight:850}.quick-row input{padding:11px;border:1px solid var(--line);width:100%}.quick-match{background:#f5f4ef;padding:10px;min-height:41px;font-size:12px}.match-ok{color:#246446}.match-no{color:#9b3f37}.remove-line{border:0;background:#eee;height:40px}.small-btn{border:1px solid var(--line);background:#fff;padding:9px 12px;font-weight:750}.quick-panel textarea{width:100%;border:1px solid var(--line);padding:12px;margin:9px 0 12px;font-family:ui-monospace,monospace}.quick-summary{display:grid;grid-template-columns:180px 220px 1fr;gap:10px;align-items:center;background:var(--ink);color:#fff;padding:20px;margin-top:16px}.quick-summary div span,.quick-summary div b{display:block}.quick-summary span{font-size:9px;text-transform:uppercase;color:#aaa}.quick-summary b{font-size:20px;margin-top:3px}.quick-summary .btn{justify-self:end;background:var(--lime);border-color:var(--lime);color:var(--ink)}.upload-zone{padding:25px;border:1px dashed #aaa}.bulk-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.bulk-card{background:#fff;border:1px solid var(--line);padding:24px;min-height:290px}.bulk-card .tag{font-size:9px;letter-spacing:.14em;color:var(--green);font-weight:900}.bulk-card h3{font-size:25px;margin:10px 0}.bulk-card p{color:var(--muted)}.bulk-card strong{font-size:30px;display:block;margin:25px 0}.brand-landing{display:grid;gap:18px}.brand-landing article{background:#e5dfd5;padding:48px;display:grid;grid-template-columns:.7fr 1.3fr;gap:50px;align-items:center}.brand-landing article.private-label{background:var(--green);color:#fff}.brand-word{font-size:70px;line-height:.8;font-weight:950;letter-spacing:-.07em}.brand-landing h2{font-size:35px;letter-spacing:-.03em}.download-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.download-grid article{border:1px solid var(--line);background:#fff;padding:28px;min-height:230px}.download-grid b{font-size:24px}.download-grid p{color:var(--muted);line-height:1.5}.account-shell{display:grid;grid-template-columns:230px 1fr;min-height:600px;background:#fff;border:1px solid var(--line)}.account-nav{background:var(--ink);color:#fff;padding:25px}.account-nav>b{font-size:20px;display:block;margin-bottom:25px}.account-nav button{display:block;width:100%;border:0;background:none;color:#aeb3ac;text-align:left;padding:11px 0}.account-nav .active{color:var(--lime)}.account-content{padding:35px}.account-hero{display:flex;justify-content:space-between;gap:30px}.account-hero h2{font-size:38px;margin:5px 0}.account-metrics,.admin-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:25px 0}.metric{background:#f3f2ed;padding:18px}.metric span,.metric b{display:block}.metric span{font-size:9px;text-transform:uppercase;color:var(--muted)}.metric b{font-size:23px;margin-top:6px}.panel{border:1px solid var(--line);margin-top:18px}.panel-head{display:flex;justify-content:space-between;align-items:center;padding:16px;border-bottom:1px solid var(--line)}.data-row{display:grid;grid-template-columns:1.2fr 1fr 1fr 1fr auto;gap:10px;padding:13px 16px;border-bottom:1px solid #eee;font-size:12px}.admin-columns{display:grid;grid-template-columns:1fr 1fr;gap:18px}.status-pill{font-size:9px;text-transform:uppercase;font-weight:850;padding:4px 7px;background:#eee}.admin-row{padding:13px 0;border-bottom:1px solid #eee}.admin-row-top{display:flex;justify-content:space-between;gap:10px}.admin-row small{display:block;color:var(--muted);margin-top:5px}.admin-actions{display:flex;gap:5px;margin-top:8px}.admin-actions button{border:1px solid var(--line);background:#fff;padding:6px 9px;font-size:10px}.loading{color:var(--muted);padding:30px 0}footer{background:#0c0e0c;color:#dadcd7;padding:55px max(28px,calc((100vw - 1444px)/2)) 25px;display:grid;grid-template-columns:2fr repeat(3,1fr);gap:40px}footer h4{color:#fff;margin-top:0}footer button,footer a,footer span{border:0;background:none;color:#9ca198;padding:0;text-align:left;text-decoration:none;display:block;margin:8px 0;font-size:12px}.footer-logo p{color:#888d86;max-width:330px}.copyright{grid-column:1/-1;border-top:1px solid #292c28;padding-top:18px;color:#666b65;font-size:11px}.overlay{display:none;position:fixed;inset:0;background:rgba(8,10,8,.75);z-index:99990}.overlay.show{display:block}.drawer{position:fixed;right:-500px;top:0;width:min(480px,100%);height:100%;z-index:99995;background:#fff;padding:24px;overflow:auto;transition:.25s;box-shadow:var(--shadow)}.drawer.open{right:0}.drawer-head{display:flex;justify-content:space-between}.drawer-head h2{margin:5px 0 18px}.drawer-head button,.modal .x{border:0;background:none;font-size:28px}.basket-line{display:grid;grid-template-columns:1fr auto;gap:10px;padding:14px 0;border-bottom:1px solid #eee}.basket-line small{display:block;color:var(--muted);margin-top:3px}.basket-line .qty-ctrl{display:flex;gap:4px;align-items:center;margin-top:6px}.qty-ctrl button{border:1px solid var(--line);background:#fff;width:34px;height:34px;min-width:34px;min-height:34px;border-radius:4px;font-size:16px;font-weight:700;display:grid;place-items:center;touch-action:manipulation}.min-order{margin:18px 0}.min-order>div:first-child{display:flex;justify-content:space-between;font-size:11px}.progress{height:8px;background:#e5e3dc;margin-top:7px}.progress i{display:block;height:100%;background:var(--lime);width:0}.discount-box{background:#f3f2ed;padding:14px;font-size:11px}.discount-box>b{display:block;margin-bottom:7px}.discount-box div{display:flex;justify-content:space-between;margin:4px 0}.totals{padding:15px 0}.totals div{display:flex;justify-content:space-between;margin:7px 0}.totals .grand{font-size:20px;border-top:1px solid var(--line);padding-top:12px}.modal{display:none;position:fixed;z-index:100000;left:50%;top:50%;transform:translate(-50%,-50%);width:min(760px,calc(100% - 28px));max-height:92vh;overflow:auto;background:#fff;padding:32px;box-shadow:var(--shadow)}.modal.open{display:block}.modal .x{position:absolute;right:18px;top:12px}.modal>h2{font-size:36px;letter-spacing:-.04em;margin:8px 0}.modal>p{color:var(--muted)}.product-modal{width:min(1120px,calc(100% - 30px));padding:0}.product-detail{display:grid;grid-template-columns:.8fr 1.2fr}.pdp-visual{background:linear-gradient(145deg,#ece9df,#d8d3c5);min-height:600px;position:relative}.pdp-visual:before{content:"";position:absolute;width:70%;height:28%;background:#fff;opacity:.7;border-radius:60% 40% 48% 52%;left:15%;top:30%;transform:rotate(-8deg);filter:drop-shadow(0 28px 25px rgba(0,0,0,.12))}.pdp-info{padding:38px}.pdp-info h2{font-size:36px;line-height:1.05;margin:9px 0}.pdp-sub{color:var(--muted);font-size:12px}.pdp-prices{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:20px 0}.pdp-prices div{background:#f4f3ee;padding:13px}.pdp-prices span,.pdp-prices b{display:block}.pdp-prices span{font-size:9px;color:var(--muted);text-transform:uppercase}.pdp-prices b{font-size:20px;margin-top:4px}.price-tiers{border:1px solid var(--line);margin:16px 0}.price-tier{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:9px 12px;border-bottom:1px solid #eee;font-size:12px}.matrix{overflow:auto;margin:16px 0}.matrix table{width:100%;border-collapse:collapse;min-width:540px}.matrix th,.matrix td{border:1px solid var(--line);padding:8px;text-align:center;font-size:11px}.matrix input{width:55px;padding:6px;border:1px solid #ccc;text-align:center}.matrix-summary{display:flex;justify-content:space-between;align-items:center;background:var(--ink);color:#fff;padding:13px}.margin-card{background:#e8efd9;padding:15px;margin-top:14px}.margin-card b{font-size:18px}.catalogue-more{text-align:center;padding:24px 0}.pack-notice{display:grid;gap:4px;background:#e8efd9;padding:14px 16px;margin:18px 0}.pack-notice span{font-size:11px;color:#536057}.pack-run{border:1px solid var(--line);margin:16px 0}.pack-run-head{display:flex;justify-content:space-between;gap:14px;align-items:center;padding:14px;background:#f4f3ee}.pack-run-head h3{margin:3px 0}.pack-run-head>b{font-size:12px}.pack-option{display:grid;grid-template-columns:1fr 180px;gap:18px;padding:16px;border-top:1px solid var(--line)}.pack-option-info>b{font-size:16px}.pack-option-info>small{display:block;color:var(--muted);margin:4px 0 10px}.pack-composition{display:grid;grid-template-columns:105px 1fr;gap:8px;margin:6px 0;font-size:11px}.pack-composition>b{color:var(--muted)}.pack-order-control{display:grid;gap:8px;align-content:start}.pack-order-control label{font-size:9px;text-transform:uppercase;font-weight:850}.pack-order-control input{display:block;width:100%;padding:9px;border:1px solid var(--line);margin-top:4px}.pack-live-price{background:#f4f3ee;padding:10px}.pack-live-price b,.pack-live-price small{display:block}.pack-live-price small{font-size:9px;color:var(--muted);margin-top:3px}.qpack{display:block;width:100%;margin-top:6px;padding:6px;border:1px solid var(--line);background:#fff}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}.form-grid label{font-size:11px;font-weight:800}.form-grid input,.form-grid select,.form-grid textarea{width:100%;padding:11px;border:1px solid var(--line);margin-top:5px;background:#fff}.form-grid .full{grid-column:1/-1}.status{font-size:12px}.status.success{color:#26704c}.status.error{color:#a33}
@media(max-width:1100px){.header-main{grid-template-columns:auto 1fr auto;gap:16px}.header-tools span{display:none}.hero{grid-template-columns:1fr}.hero-dashboard{grid-template-columns:1fr 1fr}.pulse-card{min-height:300px}.product-grid{grid-template-columns:repeat(3,1fr)}.tool-grid{grid-template-columns:repeat(2,1fr)}.catalogue-shell{grid-template-columns:200px 1fr}.brand-showcase{grid-template-columns:1fr}.admin-columns{grid-template-columns:1fr}}
@media(max-width:800px){.pack-option{grid-template-columns:1fr}.pack-composition{grid-template-columns:1fr}.pack-run-head{align-items:flex-start;flex-direction:column}.announcement{height:auto;padding:6px 12px;font-size:10px;text-align:center}.announcement span:nth-child(n+2){display:none}.header-main{padding:10px 14px;display:grid;grid-template-columns:auto 1fr auto;gap:10px 12px;position:relative}.mobile-menu{display:flex;grid-row:1;grid-column:1;align-self:center}.logo{grid-row:1;grid-column:2;justify-self:start;align-self:center}.logo>span{display:none}.header-tools{grid-row:1;grid-column:3;position:static;gap:6px;justify-content:flex-end}.header-tools button,.header-tools a{padding:8px 8px;min-height:40px}.header-tools [data-view="quick"],.header-tools .header-register-btn{display:none}.header-tools span{display:none}.global-search{grid-row:2;grid-column:1/-1;height:42px;width:100%}nav{display:none;position:absolute;top:100%;left:0;right:0;background:#fff;flex-direction:column;height:auto;max-height:calc(100vh - 120px);overflow-y:auto;align-items:stretch;padding:0;box-shadow:0 16px 36px rgba(0,0,0,0.18);border-top:1px solid #e8e5dc;z-index:45}nav.open{display:flex}nav button,nav a{width:100%;min-height:48px;padding:14px 20px;font-size:14px;font-weight:600;text-align:left;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #f0eee6}nav button:active,nav a:active{background:#f5f4ef}.nav-corporate{display:flex;flex-direction:column;background:#faf9f5;border-top:2px solid #e8e5dc;padding:8px 0}.nav-corporate a,.nav-corporate button{color:var(--muted);font-size:13px;padding:12px 20px}.nav-corporate .nav-register-btn{background:var(--green);color:var(--lime);font-weight:800;margin:8px 16px 12px;width:calc(100% - 32px);border-radius:4px;text-align:center;justify-content:center;min-height:44px}.hero{padding:45px 18px}.hero h1{font-size:52px}.hero-dashboard{grid-template-columns:1fr}.buyer-strip{grid-template-columns:1fr 1fr;padding:20px 18px}.section{padding:58px 18px}.section-title,.page-head,.catalogue-top{align-items:flex-start;flex-direction:column}.intent-grid{grid-template-columns:1fr 1fr}.product-grid{grid-template-columns:1fr 1fr}.tool-grid{grid-template-columns:1fr 1fr}.brand-showcase{padding:60px 18px}.catalogue-shell{grid-template-columns:1fr}.filters{display:grid;grid-template-columns:1fr 1fr}.filter-title{grid-column:1/-1}.bulk-grid,.download-grid{grid-template-columns:1fr}.brand-landing article{grid-template-columns:1fr;padding:28px}.account-shell{grid-template-columns:1fr}.account-nav{display:none}.account-metrics,.admin-metrics{grid-template-columns:1fr 1fr}.quick-summary{grid-template-columns:1fr 1fr}.quick-summary .btn{grid-column:1/-1;justify-self:stretch}.product-detail{grid-template-columns:1fr}.pdp-visual{min-height:320px}.pdp-prices{grid-template-columns:1fr 1fr}.form-grid{grid-template-columns:1fr}.form-grid .full{grid-column:auto}footer{grid-template-columns:1fr 1fr}.footer-logo{grid-column:1/-1}}
@media(max-width:520px){.hero h1{font-size:46px}.hero-stats{display:grid;grid-template-columns:1fr 1fr}.buyer-strip,.intent-grid,.product-grid,.tool-grid{grid-template-columns:1fr}.filters{grid-template-columns:1fr}.filter-title{grid-column:auto}.account-metrics,.admin-metrics{grid-template-columns:1fr 1fr}.page-title{font-size:48px}.brand-word{font-size:55px}.final-call>div{flex-direction:column}.pdp-prices{grid-template-columns:1fr}.quick-summary{grid-template-columns:1fr}footer{grid-template-columns:1fr}.footer-logo,.copyright{grid-column:auto}}/* ========================================================
   MODERN FRONTEND ARCHITECTURE: TOASTS, PAYMENTS, TRACKING
   ======================================================== */
.bsh-toast-container {
  position: fixed;
  bottom: 24px;
  right: 24px;
  z-index: 99999;
  display: flex;
  flex-direction: column;
  gap: 10px;
  max-width: 420px;
  width: calc(100% - 48px);
  pointer-events: none;
}
.bsh-toast {
  pointer-events: auto;
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 14px 18px;
  background: #0f120f;
  color: #fff;
  border-radius: 8px;
  box-shadow: 0 10px 30px rgba(0,0,0,0.25);
  font-size: 13px;
  font-weight: 500;
  transform: translateY(20px);
  opacity: 0;
  transition: all 0.28s cubic-bezier(0.16, 1, 0.3, 1);
  border-left: 4px solid #cfff47;
}
.bsh-toast-visible {
  transform: translateY(0);
  opacity: 1;
}
.bsh-toast-exit {
  transform: translateY(12px) scale(0.96);
  opacity: 0;
}
.bsh-toast-success { border-left-color: #2e7d32; }
.bsh-toast-error { border-left-color: #d32f2f; }
.bsh-toast-warning { border-left-color: #ed6c02; }
.bsh-toast-info { border-left-color: #0288d1; }
.bsh-toast-icon { font-weight: 900; font-size: 16px; }
.bsh-toast-content { flex: 1; line-height: 1.4; }
.bsh-toast-close {
  background: none;
  border: none;
  color: #a0a0a0;
  font-size: 18px;
  cursor: pointer;
  padding: 0 4px;
}
.bsh-toast-close:hover { color: #fff; }

/* Checkout Modal Modernization */
.checkout-modal-head {
  margin-bottom: 18px;
}
.checkout-modal-head h2 {
  font-size: 26px;
  margin: 4px 0 6px;
}
.checkout-summary-card {
  background: #f8f6f0;
  border: 1px solid #e2ded4;
  border-radius: 8px;
  padding: 16px 20px;
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-bottom: 14px;
}
.summary-line {
  display: flex;
  justify-content: space-between;
  font-size: 13px;
  color: #555;
}
.summary-line b { color: #111; }
.summary-line.grand {
  border-top: 1px solid #d5d0c4;
  padding-top: 8px;
  margin-top: 4px;
  font-size: 16px;
  font-weight: 800;
  color: #173d2d;
}
.summary-line.grand b { font-size: 20px; color: #173d2d; }

.modern-payment-panel {
  background: #ffffff;
  border: 1px solid #dad8cf;
  border-radius: 8px;
  padding: 18px;
  margin: 6px 0 16px;
}
.panel-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 14px;
  padding-bottom: 8px;
  border-bottom: 1px solid #f0eee6;
}
.secure-badge, .bacs-badge {
  font-size: 11px;
  font-weight: 700;
  color: #173d2d;
  background: #eef7eb;
  padding: 3px 8px;
  border-radius: 4px;
}
.card-form-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
}
.card-number-wrap {
  position: relative;
}
.card-brand-badge {
  position: absolute;
  right: 12px;
  bottom: 10px;
  font-size: 10px;
  font-weight: 800;
  background: #eee;
  padding: 2px 6px;
  border-radius: 3px;
  color: #555;
}
.brand-visa { background: #1a1f71; color: #fff; }
.brand-mastercard { background: #eb001b; color: #fff; }
.brand-amex { background: #007bc1; color: #fff; }
.card-security-note {
  font-size: 11px;
  color: #686e67;
  margin: 12px 0 0;
  line-height: 1.4;
}

/* Bank Details Styling */
.bank-details-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
}
.bank-line {
  background: #fdfcf9;
  border: 1px solid #e8e5dc;
  border-radius: 6px;
  padding: 10px 14px;
  display: flex;
  flex-direction: column;
  position: relative;
}
.bank-line span {
  font-size: 10px;
  text-transform: uppercase;
  color: #777;
  margin-bottom: 3px;
}
.bank-line b, .bank-line em {
  font-size: 15px;
  font-weight: 700;
  color: #111;
  font-style: normal;
}
.bank-line.with-copy {
  padding-right: 68px;
}
.btn-copy {
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  background: #173d2d;
  color: #fff;
  border: none;
  border-radius: 4px;
  font-size: 11px;
  font-weight: 700;
  padding: 5px 10px;
  cursor: pointer;
  transition: all 0.2s ease;
}
.btn-copy:hover { background: #0f120f; }
.btn-copy.copied { background: #2e7d32; }
.bank-note {
  font-size: 11px;
  color: #686e67;
  margin: 12px 0 0;
  line-height: 1.4;
}

/* Courier Tracking Badges & Buttons */
.tracking-badge-group {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
}
.tracking-tag {
  display: inline-flex;
  align-items: center;
  font-size: 11px;
  padding: 4px 8px;
  border-radius: 4px;
  background: #f0eee6;
  border: 1px solid #dad8cf;
}
.courier-dpd { background: #fff1f0; border-color: #ffccc7; color: #dc2626; }
.courier-royalmail { background: #fef2f2; border-color: #fecaca; color: #b91c1c; }
.courier-parcelforce { background: #fff7ed; border-color: #fed7aa; color: #c2410c; }
.courier-dhl { background: #fefce8; border-color: #fef08a; color: #a16207; }
.courier-evri { background: #eff6ff; border-color: #bfdbfe; color: #1d4ed8; }
.courier-pallet { background: #f5f3ff; border-color: #ddd6fe; color: #6d28d9; }
.btn-track-parcel {
  display: inline-flex;
  align-items: center;
  background: #173d2d;
  color: #fff !important;
  text-decoration: none !important;
  font-size: 11px;
  font-weight: 700;
  padding: 4px 10px;
  border-radius: 4px;
  transition: background 0.15s ease;
}
.btn-track-parcel:hover {
  background: #0f120f;
}
.tracking-empty {
  color: #888;
  font-style: italic;
  font-size: 12px;
}

/* ========================================================
   MODERN OVERLAY & PRODUCT DETAIL LUXURY MOTION
   ======================================================== */
html.modal-open,
body.modal-open {
  overflow: hidden !important;
  touch-action: none !important;
}

.overlay {
  display: none;
  position: fixed;
  inset: 0;
  background: rgba(8, 12, 10, 0.82) !important;
  backdrop-filter: blur(12px) saturate(160%);
  -webkit-backdrop-filter: blur(12px) saturate(160%);
  z-index: 99990 !important;
  opacity: 0;
  transition: opacity 0.25s cubic-bezier(0.16, 1, 0.3, 1);
}
.overlay.show {
  display: block !important;
  opacity: 1 !important;
}

.modal {
  display: none;
  position: fixed;
  z-index: 100000 !important;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: min(760px, calc(100% - 28px));
  max-height: 90vh;
  overflow-y: auto;
  background: #ffffff;
  padding: 32px;
  box-shadow: 0 25px 60px -15px rgba(0, 0, 0, 0.5), 0 0 0 1px rgba(0, 0, 0, 0.12);
  border-radius: 12px;
}
.modal.open {
  display: block !important;
}

.modal.product-modal {
  z-index: 100010 !important;
  position: fixed !important;
  left: 50% !important;
  top: 50% !important;
  transform: translate(-50%, -50%) !important;
  width: min(1240px, calc(100vw - 32px)) !important;
  max-height: calc(100vh - 40px) !important;
  height: 88vh !important;
  padding: 0 !important;
  border-radius: 16px !important;
  border: 1px solid rgba(255, 255, 255, 0.22) !important;
  box-shadow: 0 32px 100px -10px rgba(0, 0, 0, 0.75), 0 0 0 1px rgba(0, 0, 0, 0.15) !important;
  background: #ffffff !important;
  overflow: hidden !important;
  display: none;
}
.modal.product-modal.open {
  display: flex !important;
  flex-direction: column !important;
  animation: pdpModalFadeIn 0.3s cubic-bezier(0.16, 1, 0.3, 1) forwards;
}

@keyframes pdpModalFadeIn {
  from {
    opacity: 0;
    transform: translate(-50%, -48%) scale(0.98);
  }
  to {
    opacity: 1;
    transform: translate(-50%, -50%) scale(1);
  }
}

.modal.product-modal #productDetail {
  flex: 1;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  display: block;
  width: 100%;
  height: 100%;
}

.product-modal .x {
  position: absolute !important;
  top: 14px !important;
  right: 16px !important;
  z-index: 100050 !important;
  width: 44px !important;
  height: 44px !important;
  border-radius: 50% !important;
  background: rgba(14, 20, 16, 0.9) !important;
  backdrop-filter: blur(8px) !important;
  -webkit-backdrop-filter: blur(8px) !important;
  border: 2px solid rgba(255, 255, 255, 0.45) !important;
  color: #ffffff !important;
  font-size: 26px !important;
  line-height: 1 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  cursor: pointer !important;
  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.4) !important;
  transition: transform 0.2s ease, background 0.2s ease, border-color 0.2s ease !important;
}
.product-modal .x:hover {
  background: #000000 !important;
  transform: scale(1.1) !important;
  border-color: #cfff47 !important;
  color: #cfff47 !important;
}

.product-detail {
  display: grid;
  grid-template-columns: 1fr 1.25fr;
  align-items: start;
}
.pdp-visual {
  background: #0d1110;
  position: sticky;
  top: 0;
  min-height: 540px;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  border-top-left-radius: 12px;
}
.pdp-visual:before {
  display: none !important;
}
.pdp-carousel-wrapper {
  display: flex;
  flex-direction: column;
  height: 100%;
  width: 100%;
  position: relative;
}

/* CONTINUOUS HORIZONTAL SCROLL-SNAP STAGE */
.pdp-media-stage {
  position: relative;
  width: 100%;
  background: #000;
  min-height: 460px;
  overflow: hidden;
}
.pdp-slides-scroller {
  display: flex;
  width: 100%;
  height: 100%;
  min-height: 460px;
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  scroll-behavior: smooth;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
  cursor: grab;
  user-select: none;
}
.pdp-slides-scroller::-webkit-scrollbar {
  display: none;
}
.pdp-slides-scroller:active {
  cursor: grabbing;
}

/* INDIVIDUAL SLIDE */
.pdp-slide {
  flex: 0 0 100%;
  width: 100%;
  height: 100%;
  min-height: 460px;
  scroll-snap-align: center;
  scroll-snap-stop: always;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #000;
  transition: transform 0.3s ease, opacity 0.3s ease;
}

/* MODERN CSS SCROLL-DRIVEN SLIDE TRANSITION */
@supports ((animation-timeline: view(inline)) and (animation-range: entry)) {
  @keyframes slideScaleFocus {
    0% { transform: scale(0.92); opacity: 0.6; }
    100% { transform: scale(1); opacity: 1; }
  }
  .pdp-slide {
    animation: slideScaleFocus auto ease-out;
    animation-timeline: view(inline);
    animation-range: entry 0% cover 50%;
  }
}

/* VIDEO SLIDE WRAPPER */
.pdp-video-wrap {
  width: 100%;
  height: 100%;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #000;
}
.pdp-video-wrap video {
  width: 100%;
  height: 100%;
  max-height: 480px;
  object-fit: contain;
}
.pdp-video-overlay {
  position: absolute;
  inset: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background: rgba(0, 0, 0, 0.35);
  transition: background 0.3s ease, opacity 0.3s ease;
  cursor: pointer;
  z-index: 4;
}
.pdp-video-wrap.is-playing .pdp-video-overlay {
  opacity: 0;
  pointer-events: none;
}
.pdp-video-wrap:hover .pdp-video-overlay {
  background: rgba(0, 0, 0, 0.45);
}
.pdp-play-pulse-btn {
  width: 64px;
  height: 64px;
  border-radius: 50%;
  background: rgba(23, 61, 45, 0.92);
  border: 2px solid #c9a84e;
  color: #fff;
  font-size: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  box-shadow: 0 0 25px rgba(201, 168, 78, 0.45);
  position: relative;
  transition: transform 0.2s cubic-bezier(0.16, 1, 0.3, 1), background 0.2s ease;
}
.pdp-play-pulse-btn::after {
  content: "";
  position: absolute;
  inset: -6px;
  border-radius: 50%;
  border: 2px solid rgba(201, 168, 78, 0.6);
  animation: pulseGlowRing 2s infinite ease-out;
}
@keyframes pulseGlowRing {
  0% { transform: scale(0.95); opacity: 0.9; }
  100% { transform: scale(1.35); opacity: 0; }
}
.pdp-play-pulse-btn:hover {
  transform: scale(1.08);
  background: #173d2d;
  color: #c9a84e;
}
.pdp-video-duration-pill {
  margin-top: 14px;
  background: rgba(15, 23, 42, 0.88);
  color: #f0eee6;
  font-size: 11px;
  font-weight: 700;
  padding: 5px 12px;
  border-radius: 20px;
  border: 1px solid rgba(255, 255, 255, 0.15);
  letter-spacing: 0.04em;
}

/* CUSTOM VIDEO CONTROLS BAR */
.pdp-video-controls-bar {
  position: absolute;
  bottom: 14px;
  left: 14px;
  display: flex;
  gap: 6px;
  z-index: 6;
  opacity: 0;
  transition: opacity 0.25s ease;
}
.pdp-video-wrap:hover .pdp-video-controls-bar,
.pdp-video-wrap.is-playing .pdp-video-controls-bar {
  opacity: 1;
}
.pdp-vcontrol-btn {
  background: rgba(0, 0, 0, 0.7);
  border: 1px solid rgba(255, 255, 255, 0.2);
  color: #fff;
  border-radius: 4px;
  font-size: 11px;
  font-weight: 700;
  padding: 4px 8px;
  cursor: pointer;
  transition: all 0.15s ease;
}
.pdp-vcontrol-btn:hover {
  background: #173d2d;
  color: #c9a84e;
  border-color: #c9a84e;
}

/* IMAGE SLIDE */
.pdp-image-wrap {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  overflow: hidden;
}
.pdp-slide-img {
  width: 100%;
  height: 100%;
  max-height: 480px;
  object-fit: cover;
  transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1);
}
.pdp-image-wrap:hover .pdp-slide-img {
  transform: scale(1.04);
}
.pdp-stage-badge {
  position: absolute;
  top: 14px;
  left: 14px;
  background: rgba(15, 23, 42, 0.88);
  color: #c9a84e;
  backdrop-filter: blur(8px);
  padding: 6px 12px;
  border-radius: 4px;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.03em;
  z-index: 5;
  border: 1px solid rgba(201, 168, 78, 0.35);
}

/* CAROUSEL ARROWS */
.pdp-carousel-arrow {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 42px;
  height: 42px;
  background: rgba(15, 23, 20, 0.75);
  backdrop-filter: blur(8px);
  color: #fff;
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  font-size: 22px;
  transition: all 0.2s cubic-bezier(0.16, 1, 0.3, 1);
  z-index: 7;
  user-select: none;
}
.pdp-carousel-arrow:hover {
  background: #173d2d;
  border-color: #c9a84e;
  color: #c9a84e;
  transform: translateY(-50%) scale(1.08);
}
.pdp-carousel-arrow.prev { left: 14px; }
.pdp-carousel-arrow.next { right: 14px; }

/* PROGRESS TIMELINE & DOTS */
.pdp-carousel-progress-track {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 3px;
  background: rgba(255, 255, 255, 0.15);
  z-index: 6;
}
.pdp-carousel-progress-bar {
  height: 100%;
  width: 20%;
  background: linear-gradient(90deg, #c9a84e, #eed588);
  transition: width 0.3s cubic-bezier(0.16, 1, 0.3, 1);
}
.pdp-carousel-dots {
  position: absolute;
  bottom: 12px;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  gap: 6px;
  z-index: 7;
}
.pdp-dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.4);
  border: none;
  padding: 0;
  cursor: pointer;
  transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1);
}
.pdp-dot.active {
  width: 22px;
  border-radius: 10px;
  background: #c9a84e;
  box-shadow: 0 0 8px rgba(201, 168, 78, 0.6);
}

.pdp-carousel-counter {
  position: absolute;
  bottom: 12px;
  right: 14px;
  background: rgba(0, 0, 0, 0.75);
  backdrop-filter: blur(6px);
  color: #fff;
  font-size: 10px;
  padding: 4px 10px;
  border-radius: 14px;
  font-weight: 600;
  letter-spacing: 0.05em;
  z-index: 7;
  border: 1px solid rgba(255, 255, 255, 0.12);
}

/* THUMBNAILS ROW */
.pdp-thumbnails {
  display: flex;
  gap: 10px;
  padding: 14px;
  background: #111513;
  overflow-x: auto;
  scrollbar-width: thin;
}
.pdp-thumb-btn {
  flex: 0 0 76px;
  height: 56px;
  border: 2px solid transparent;
  border-radius: 6px;
  overflow: hidden;
  padding: 0;
  position: relative;
  background: #000;
  cursor: pointer;
  transition: all 0.2s cubic-bezier(0.16, 1, 0.3, 1);
}
.pdp-thumb-btn img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: transform 0.25s ease;
}
.pdp-thumb-btn:hover img {
  transform: scale(1.08);
}
.pdp-thumb-btn.active {
  border-color: #c9a84e;
  box-shadow: 0 0 10px rgba(201, 168, 78, 0.55);
  transform: translateY(-2px);
}
.pdp-thumb-btn.is-video .pdp-thumb-play {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: #fff;
  font-size: 14px;
  background: rgba(0, 0, 0, 0.65);
  width: 24px;
  height: 24px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.pdp-thumb-time {
  position: absolute;
  bottom: 2px;
  right: 2px;
  background: rgba(0, 0, 0, 0.8);
  color: #c9a84e;
  font-size: 8px;
  font-weight: 700;
  padding: 1px 3px;
  border-radius: 2px;
}

/* ========================================================
   INTERACTIVE TRADE PROFIT & MARGIN CALCULATOR
   ======================================================== */
.trade-profit-calculator {
  background: linear-gradient(145deg, #fbfaf6, #f3f0e6);
  border: 1px solid #dfdbc8;
  border-radius: 8px;
  padding: 18px 20px;
  margin: 18px 0;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.03);
  transition: border-color 0.2s ease;
}
.trade-profit-calculator:hover {
  border-color: #c9a84e;
}
.calc-head {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 14px;
  flex-wrap: wrap;
  gap: 8px;
}
.calc-title {
  display: flex;
  align-items: center;
  gap: 10px;
}
.calc-icon {
  font-size: 22px;
}
.calc-title strong {
  font-size: 14px;
  color: #173d2d;
  display: block;
}
.calc-subtitle {
  font-size: 11px;
  color: #686e67;
}
.calc-preset-tag {
  background: #173d2d;
  color: #c9a84e;
  font-size: 10px;
  font-weight: 700;
  padding: 3px 8px;
  border-radius: 3px;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}
.calc-controls {
  display: grid;
  gap: 12px;
  background: #fff;
  border: 1px solid #e8e5dc;
  border-radius: 6px;
  padding: 14px;
}
.calc-row label {
  font-size: 12px;
  font-weight: 700;
  color: #333;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 6px;
}
.calc-presets {
  display: flex;
  gap: 6px;
  flex-wrap: wrap;
  margin-bottom: 10px;
}
.calc-chip {
  background: #f4f3ee;
  border: 1px solid #dcd8cc;
  color: #444;
  font-size: 11px;
  font-weight: 600;
  padding: 4px 10px;
  border-radius: 4px;
  cursor: pointer;
  transition: all 0.15s ease;
}
.calc-chip:hover {
  background: #e8e5dc;
  color: #111;
}
.calc-chip.active {
  background: #173d2d;
  color: #c9a84e;
  border-color: #173d2d;
  font-weight: 700;
}
.calc-slider {
  width: 100%;
  accent-color: #173d2d;
  cursor: pointer;
}
.target-rrp-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-top: 8px;
  border-top: 1px solid #f0eee6;
}
.target-rrp-row label {
  margin-bottom: 0;
}
.calc-rrp-input-wrap {
  position: relative;
  display: inline-flex;
  align-items: center;
}
.calc-rrp-input-wrap .currency-symbol {
  position: absolute;
  left: 8px;
  font-size: 13px;
  font-weight: 700;
  color: #555;
}
.calc-rrp-input {
  width: 100px;
  padding: 6px 8px 6px 20px;
  border: 1px solid #ccc;
  border-radius: 4px;
  font-size: 14px;
  font-weight: 700;
  color: #173d2d;
  text-align: right;
}
.calc-output-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 10px;
  margin-top: 14px;
}
.calc-stat-box {
  background: #fff;
  border: 1px solid #e8e5dc;
  border-radius: 6px;
  padding: 12px;
  display: flex;
  flex-direction: column;
}
.calc-stat-box span {
  font-size: 10px;
  text-transform: uppercase;
  color: #777;
  font-weight: 700;
  margin-bottom: 2px;
}
.calc-stat-box b {
  font-size: 18px;
  color: #111;
  font-weight: 800;
  margin-top: 2px;
}
.calc-stat-box small {
  font-size: 10px;
  color: #777;
  margin-top: 4px;
}
.calc-stat-box.highlight {
  background: #eef7f0;
  border-color: #b8e2c4;
}
.calc-stat-box.highlight span {
  color: #173d2d;
}
.calc-stat-box.highlight b {
  color: #18794e;
  font-size: 20px;
}
.calc-stat-box.highlight .margin-badge {
  color: #18794e;
  font-weight: 700;
}

/* ========================================================
   SCROLL-DRIVEN ENTRY & REVEAL ANIMATIONS
   ======================================================== */
.pdp-features-grid, .carton-spec-card, .reviews-summary-card, .trade-review-card {
  animation: pdpRevealUp 0.4s cubic-bezier(0.16, 1, 0.3, 1) both;
}
@keyframes pdpRevealUp {
  from {
    opacity: 0;
    transform: translateY(16px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.pdp-feature-card:nth-child(1) { animation-delay: 0.05s; }
.pdp-feature-card:nth-child(2) { animation-delay: 0.1s; }
.pdp-feature-card:nth-child(3) { animation-delay: 0.15s; }
.pdp-feature-card:nth-child(4) { animation-delay: 0.2s; }

.trade-review-card:nth-child(1) { animation-delay: 0.05s; }
.trade-review-card:nth-child(2) { animation-delay: 0.12s; }
.trade-review-card:nth-child(3) { animation-delay: 0.19s; }
.trade-review-card:nth-child(4) { animation-delay: 0.26s; }

.pdp-feature-card, .trade-review-card, .carton-spec-card {
  transition: transform 0.25s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.25s ease, border-color 0.25s ease;
}
.pdp-feature-card:hover, .trade-review-card:hover {
  transform: translateY(-3px);
  box-shadow: 0 12px 28px -6px rgba(0, 0, 0, 0.08);
  border-color: #c9a84e;
}

/* PDP INFO: HEADERS, RATINGS & TABS */
.pdp-info {
  padding: 38px 46px 36px 36px !important;
  background: #fff;
}
.pdp-info .kicker {
  display: inline-block !important;
  font-size: 11px !important;
  font-weight: 900 !important;
  letter-spacing: 0.16em !important;
  color: var(--green) !important;
  margin: 0 0 6px 0 !important;
  text-transform: uppercase !important;
}
.pdp-info h2 {
  font-size: 32px !important;
  line-height: 1.15 !important;
  margin: 0 0 10px 0 !important;
  font-weight: 900 !important;
  letter-spacing: -0.03em !important;
  color: var(--ink) !important;
  max-width: calc(100% - 56px) !important;
}
.pdp-rating-strip {
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 6px 0 12px;
  font-size: 13px;
  flex-wrap: wrap;
}
.pdp-rating-stars-badge {
  color: #c9a84e;
  cursor: pointer;
  font-weight: 700;
  display: inline-flex;
  align-items: center;
  gap: 4px;
  transition: transform 0.15s ease;
}
.pdp-rating-stars-badge:hover {
  transform: scale(1.03);
  text-decoration: underline;
}
.pdp-verified-badge {
  font-size: 10px;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  background: #eef7f0;
  color: #173d2d;
  font-weight: 700;
  padding: 2px 7px;
  border-radius: 3px;
  border: 1px solid #c9e6d2;
}

/* TABS CONTAINER */
.pdp-tabs-container {
  margin-top: 28px;
  border-top: 1px solid #e5e2d6;
  padding-top: 18px;
}
.pdp-tabs-header {
  display: flex;
  gap: 6px;
  border-bottom: 2px solid #ebe8dc;
  margin-bottom: 20px;
  overflow-x: auto;
}
.pdp-tab-btn {
  background: none;
  border: none;
  border-bottom: 2px solid transparent;
  margin-bottom: -2px;
  padding: 10px 14px;
  font-size: 13px;
  font-weight: 700;
  color: #686e67;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  gap: 7px;
  transition: all 0.2s ease;
  white-space: nowrap;
}
.pdp-tab-btn:hover {
  color: #173d2d;
}
.pdp-tab-btn.active {
  color: #173d2d;
  border-bottom-color: #173d2d;
}
.pdp-tab-pane {
  display: none;
}
.pdp-tab-pane.active {
  display: block;
  animation: fadeInPdpTab 0.25s ease;
}
@keyframes fadeInPdpTab {
  from { opacity: 0; transform: translateY(4px); }
  to { opacity: 1; transform: translateY(0); }
}

/* VIDEO DETAILS PANE */
.pdp-video-highlight-box {
  background: #faf9f5;
  border: 1px solid #e8e5dc;
  border-radius: 6px;
  padding: 16px;
  margin-bottom: 20px;
}
.pdp-video-highlight-box h4 {
  font-size: 15px;
  margin: 0 0 4px;
  color: #173d2d;
}
.pdp-video-highlight-box .tab-sub {
  font-size: 12px;
  color: #666;
  margin: 0 0 12px;
}
.pdp-secondary-video-player video {
  width: 100%;
  border-radius: 4px;
  max-height: 320px;
  background: #000;
}
.pdp-features-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
}
.pdp-feature-card {
  background: #fff;
  border: 1px solid #e8e5dc;
  border-radius: 6px;
  padding: 14px;
}
.pdp-feature-card .feature-icon {
  font-size: 20px;
  margin-bottom: 6px;
}
.pdp-feature-card h5 {
  font-size: 13px;
  margin: 0 0 4px;
  color: #111;
}
.pdp-feature-card p {
  font-size: 11px;
  color: #555;
  line-height: 1.45;
  margin: 0;
}

/* CARTON LOGISTICS SPECS PANE */
.carton-spec-card {
  background: #faf9f5;
  border: 1px solid #e8e5dc;
  border-radius: 6px;
  padding: 18px;
}
.carton-spec-card .spec-head {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 14px;
}
.carton-spec-card .spec-head h4 {
  font-size: 15px;
  margin: 0;
  color: #173d2d;
}
.spec-badge {
  background: #173d2d;
  color: #c9a84e;
  font-size: 10px;
  font-weight: 700;
  padding: 3px 8px;
  border-radius: 3px;
  text-transform: uppercase;
}
.carton-spec-table {
  width: 100%;
  border-collapse: collapse;
  font-size: 12px;
  margin-bottom: 14px;
}
.carton-spec-table tr {
  border-bottom: 1px solid #e5e2d6;
}
.carton-spec-table th {
  text-align: left;
  padding: 8px 6px;
  color: #686e67;
  font-weight: 600;
  width: 38%;
}
.carton-spec-table td {
  padding: 8px 6px;
  color: #111;
  font-weight: 600;
}
.spec-download-action {
  text-align: right;
  margin-top: 10px;
}

/* VERIFIED TRADE REVIEWS PANE */
.reviews-summary-card {
  display: grid;
  grid-template-columns: auto 1fr 1fr;
  gap: 20px;
  align-items: center;
  background: #faf9f5;
  border: 1px solid #e8e5dc;
  border-radius: 6px;
  padding: 18px;
  margin-bottom: 18px;
}
.review-score-box {
  text-align: center;
  padding-right: 18px;
  border-right: 1px solid #e5e2d6;
}
.review-score-box .score-num {
  font-size: 38px;
  font-weight: 850;
  color: #173d2d;
  line-height: 1;
}
.review-score-box .score-stars {
  color: #c9a84e;
  font-size: 16px;
  letter-spacing: 2px;
  margin: 4px 0;
}
.review-score-box .score-count {
  font-size: 11px;
  color: #666;
}
.review-score-box .score-recommend {
  font-size: 10px;
  color: #18794e;
  font-weight: 700;
  margin-top: 4px;
}
.review-bars {
  display: flex;
  flex-direction: column;
  gap: 4px;
  font-size: 11px;
  color: #666;
}
.rbar-row {
  display: flex;
  align-items: center;
  gap: 6px;
}
.rbar-track {
  flex: 1;
  height: 6px;
  background: #e8e5dc;
  border-radius: 3px;
  overflow: hidden;
}
.rbar-fill {
  height: 100%;
  background: #c9a84e;
  border-radius: 3px;
}
.review-metrics {
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding-left: 14px;
  border-left: 1px solid #e5e2d6;
}
.rmetric-item {
  display: flex;
  flex-direction: column;
}
.rmetric-label {
  font-size: 10px;
  text-transform: uppercase;
  color: #777;
}
.rmetric-val {
  font-size: 13px;
  color: #173d2d;
}
.reviews-actions-bar {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 14px;
  margin-bottom: 16px;
  flex-wrap: wrap;
}
.verified-tag-notice {
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 12px;
  color: #18794e;
  font-weight: 600;
}
.trade-review-card {
  background: #fff;
  border: 1px solid #e8e5dc;
  border-radius: 6px;
  padding: 16px;
  margin-bottom: 12px;
  transition: border-color 0.2s ease;
}
.trade-review-card:hover {
  border-color: #c9a84e;
}
.tr-card-header {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 8px;
}
.tr-author b {
  font-size: 14px;
  color: #111;
}
.tr-business {
  font-size: 12px;
  color: #666;
}
.tr-sub-tags {
  display: flex;
  gap: 6px;
  margin-top: 4px;
}
.tr-tag {
  font-size: 10px;
  padding: 2px 6px;
  border-radius: 3px;
  font-weight: 600;
}
.tr-tag.business {
  background: #f0eee6;
  color: #444;
}
.tr-tag.verified {
  background: #eef7f0;
  color: #18794e;
  border: 1px solid #c9e6d2;
}
.tr-rating-stars {
  color: #c9a84e;
  font-size: 14px;
  letter-spacing: 1px;
}
.tr-title {
  font-size: 14px;
  margin: 6px 0;
  color: #173d2d;
  font-weight: 700;
}
.tr-body {
  font-size: 12px;
  color: #444;
  line-height: 1.5;
  margin: 0 0 10px;
}
.tr-card-footer {
  display: flex;
  align-items: center;
  gap: 12px;
  font-size: 11px;
  color: #777;
  border-top: 1px solid #f0eee6;
  padding-top: 8px;
  flex-wrap: wrap;
}
.tr-pill b {
  color: #173d2d;
}
.tr-date {
  margin-left: auto;
}

/* STAR RATING SELECTOR IN MODAL */
.star-rating-select {
  display: inline-flex;
  gap: 4px;
  font-size: 24px;
  color: #ccc;
  cursor: pointer;
  user-select: none;
}
.star-rating-select .star-btn {
  transition: color 0.15s ease;
}
.star-rating-select .star-btn.active {
  color: #c9a84e;
}

/* RESPONSIVE MEDIA QUERIES FOR PDP */
@media (max-width: 800px) {
  .product-detail {
    grid-template-columns: 1fr;
  }
  .pdp-visual {
    min-height: 380px;
  }
  .pdp-media-stage {
    min-height: 340px;
  }
  .pdp-video-container, .pdp-image-container {
    min-height: 340px;
  }
  .pdp-info {
    padding: 20px 16px;
  }
  .reviews-summary-card {
    grid-template-columns: 1fr;
    text-align: left;
  }
  .review-score-box {
    border-right: none;
    border-bottom: 1px solid #e5e2d6;
    padding-right: 0;
    padding-bottom: 14px;
  }
  .review-metrics {
    border-left: none;
    border-top: 1px solid #e5e2d6;
    padding-left: 0;
    padding-top: 14px;
  }
  .pdp-features-grid {
    grid-template-columns: 1fr;
  }
}

/* ========================================================
   ENTERPRISE B2B UI/UX ENHANCEMENTS: CARDS, MOTION & PDP
   ======================================================== */
.pdp-spec-banner {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
  padding: 18px 22px;
  background: linear-gradient(135deg, #f7f6f1, #eef4ed);
  border: 1px solid #dce8dd;
  border-radius: 10px;
  margin-bottom: 22px;
  flex-wrap: wrap;
}
.spec-badge-gold {
  display: inline-block;
  background: #18794e;
  color: #fff;
  font-size: 10px;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  padding: 3px 8px;
  border-radius: 4px;
  margin-bottom: 6px;
}
.spec-banner-info h4 {
  margin: 2px 0 4px;
  font-size: 16px;
  color: #173d2d;
  font-weight: 700;
}
.spec-banner-info p {
  margin: 0;
  font-size: 12px;
  color: #555;
  line-height: 1.45;
}

/* PRODUCT CARD & CATALOGUE MOTION */
.product-card {
  border: 1px solid #e5e2da;
  background: #fff;
  border-radius: 10px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  transition: transform 0.28s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.28s cubic-bezier(0.16, 1, 0.3, 1), border-color 0.28s ease;
  cursor: pointer;
}
.product-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 16px 36px rgba(0, 0, 0, 0.08), 0 2px 8px rgba(0, 0, 0, 0.04);
  border-color: #c9c5b9;
}
.product-visual {
  position: relative;
  height: 230px;
  overflow: hidden;
  background: #f3f1eb;
  display: flex;
  align-items: center;
  justify-content: center;
}
.product-visual .card-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1);
}
.product-card:hover .product-visual .card-img {
  transform: scale(1.05);
}
.margin-pill {
  position: absolute;
  bottom: 10px;
  left: 10px;
  background: rgba(24, 121, 78, 0.92);
  backdrop-filter: blur(4px);
  color: #fff;
  font-size: 10px;
  font-weight: 800;
  padding: 3px 8px;
  border-radius: 4px;
  letter-spacing: 0.03em;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
}

/* LIVE PULSE DOT FOR PROCUREMENT SIGNALS */
.live-dot {
  display: inline-block;
  width: 8px;
  height: 8px;
  background: #25d366;
  border-radius: 50%;
  margin-right: 6px;
  box-shadow: 0 0 0 rgba(37, 211, 102, 0.7);
  animation: liveDotPulse 2s infinite;
  vertical-align: middle;
}
@keyframes liveDotPulse {
  0% {
    box-shadow: 0 0 0 0 rgba(37, 211, 102, 0.7);
  }
  70% {
    box-shadow: 0 0 0 8px rgba(37, 211, 102, 0);
  }
  100% {
    box-shadow: 0 0 0 0 rgba(37, 211, 102, 0);
  }
}

/* MOBILE ADAPTATION FOR PDP MODAL */
@media (max-width: 900px) {
  .modal.product-modal {
    width: 100vw !important;
    height: 100vh !important;
    max-height: 100vh !important;
    border-radius: 0 !important;
    top: 0 !important;
    left: 0 !important;
    transform: none !important;
    z-index: 100010 !important;
  }
  .modal.product-modal.open {
    animation: pdpMobileSlideUp 0.3s cubic-bezier(0.16, 1, 0.3, 1) forwards !important;
  }
  @keyframes pdpMobileSlideUp {
    from {
      opacity: 0;
      transform: translateY(24px);
    }
    to {
      opacity: 1;
      transform: translateY(0);
    }
  }
  .product-detail {
    display: flex !important;
    flex-direction: column !important;
  }
  .pdp-visual {
    position: static !important;
    min-height: 320px !important;
    border-right: none !important;
    border-bottom: 1px solid #e8e5dc !important;
  }
  .pdp-info {
    padding: 24px 18px 48px !important;
  }
  .pdp-info h2 {
    font-size: 26px !important;
    max-width: 100% !important;
  }
  .product-modal .x {
    top: 12px !important;
    right: 12px !important;
    width: 42px !important;
    height: 42px !important;
    font-size: 22px !important;
    z-index: 100050 !important;
  }
}