/* QBC Group storefront — original palette: midnight navy, signal coral, lagoon teal */
:root{--navy:#0a1e3f;--navy2:#13305e;--coral:#ff5a36;--coral-d:#e2431f;--teal:#12b5a5;--ink:#1d2433;--mut:#5d6779;--line:#e2e6ee;--bg:#f3f5f9;--card:#fff;--ok:#0f8a5f;--err:#c62828;--r:10px;--sh:0 1px 2px rgba(10,30,63,.06),0 4px 14px rgba(10,30,63,.06)}
*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}
body{margin:0;font:15px/1.45 system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;color:var(--ink);background:var(--bg)}
a{color:#1f5fbf;text-decoration:none}a:hover{text-decoration:underline}
img{max-width:100%;display:block}
h1,h2,h3{line-height:1.2;margin:0 0 .5em}
.wrap{max-width:1360px;margin:0 auto;padding:0 20px}.narrow{max-width:900px}
.muted{color:var(--mut)}.small{font-size:13px}
.topbar{background:#061430;color:#c9d3e6;font-size:12.5px}.topbar .wrap{display:flex;justify-content:space-between;padding:6px 20px}.topbar a{color:#fff}
/* header */
.hdr{position:sticky;top:0;z-index:50;background:var(--navy);box-shadow:0 2px 8px rgba(0,0,0,.18)}
.hdr-row{display:flex;align-items:center;gap:18px;height:72px}
.logo{display:flex;align-items:center;gap:7px;text-decoration:none!important;flex:none}
.logo-mark{background:var(--coral);color:#fff;font-weight:900;letter-spacing:.5px;font-size:20px;padding:6px 9px;border-radius:8px 8px 8px 2px;line-height:1}
.logo-word{color:#fff;font-weight:800;letter-spacing:3px;font-size:15px}.logo-word.dark{color:var(--navy)}
.search{flex:1;display:flex;background:#fff;border-radius:8px;overflow:hidden;max-width:760px;height:44px;box-shadow:inset 0 0 0 2px transparent}
.search:focus-within{box-shadow:inset 0 0 0 2px var(--teal)}
.search input{flex:1;border:0;padding:0 16px;font-size:16px;outline:0;min-width:0}
.search button{border:0;background:#fff;color:var(--navy);padding:0 14px;cursor:pointer}
.search.inline{max-width:520px;border:1px solid var(--line);margin:12px 0}
.hdr-link,.menu-btn{display:flex;align-items:center;gap:6px;color:#fff;font-weight:600;font-size:14px;background:none;border:0;cursor:pointer;padding:6px;border-radius:6px;white-space:nowrap}
.hdr-link:hover,.menu-btn:hover{background:rgba(255,255,255,.1);text-decoration:none}
.cart-link{position:relative}.badge{position:absolute;top:-2px;left:22px;background:var(--coral);color:#fff;font-size:11px;font-weight:800;min-width:19px;height:19px;border-radius:10px;display:grid;place-items:center;padding:0 5px}
.subnav{background:var(--navy2)}.subnav .wrap{display:flex;gap:4px;overflow-x:auto;scrollbar-width:none}
.subnav a{color:#e6ecf7;font-size:13.5px;font-weight:600;padding:9px 11px;white-space:nowrap;border-radius:6px}.subnav a:hover{background:rgba(255,255,255,.1);text-decoration:none}
.subnav .deal-link{color:#ffd2c7}
.mega{position:absolute;left:0;right:0;top:100%;background:#fff;box-shadow:0 18px 40px rgba(0,0,0,.18);border-top:3px solid var(--coral)}
.mega-grid{display:grid;grid-template-columns:2fr 1fr;gap:30px;padding:22px 0}
.mega-col h4{margin:0 0 8px;color:var(--mut);font-size:12px;text-transform:uppercase;letter-spacing:1px}
.mega-col:first-child{columns:2;column-gap:24px}.mega-col:first-child h4{column-span:all}
.mega-col a{display:flex;justify-content:space-between;color:var(--ink);padding:8px 10px;border-radius:6px;font-weight:600;break-inside:avoid}
.mega-col a span{color:var(--mut);font-weight:400}.mega-col a:hover{background:var(--bg);text-decoration:none}
.flash{padding:12px 16px;border-radius:8px;margin:14px 0;background:#e8f1ff;border:1px solid #c6dafc}.flash.ok{background:#e7f7ef;border-color:#b6e5cd;color:#0b5e40}.flash.err{background:#fdecec;border-color:#f5c2c2;color:#8e1c1c}
/* buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--navy);color:#fff;border:0;border-radius:8px;padding:11px 20px;font-weight:700;font-size:15px;cursor:pointer;text-decoration:none!important;transition:filter .15s}
.btn:hover{filter:brightness(1.12)}.btn:disabled{background:#c8ced9;cursor:not-allowed}
.btn.sm{padding:7px 12px;font-size:13.5px}.btn.block{width:100%}
.btn-cta,.btn-cart{background:var(--coral)}.btn-cta:hover,.btn-cart:hover{background:var(--coral-d);filter:none}
.btn-outline{background:#fff;color:var(--navy);box-shadow:inset 0 0 0 2px var(--navy)}
.linkbtn{background:none;border:0;color:#1f5fbf;cursor:pointer;font-size:13.5px;padding:0}
/* hero */
.hero{display:grid;grid-template-columns:1fr 320px;gap:16px;margin-top:18px;position:relative}
.slides{position:relative;border-radius:14px;overflow:hidden;min-height:340px}
.slide{position:absolute;inset:0;display:flex;align-items:center;justify-content:space-between;padding:36px 44px;color:#fff;opacity:0;transition:opacity .6s;text-decoration:none!important}
.slide.on{opacity:1;z-index:1}
.slide.s1{background:radial-gradient(circle at 80% 30%,#1f4e9a 0,transparent 55%),linear-gradient(120deg,#0a1e3f,#123a78)}
.slide.s2{background:radial-gradient(circle at 75% 60%,#18c2b0 0,transparent 50%),linear-gradient(120deg,#0b3550,#0d6b74)}
.slide.s3{background:radial-gradient(circle at 80% 40%,#ffb199 0,transparent 50%),linear-gradient(120deg,#ff5a36,#c2185b)}
.slide-txt{max-width:52%}.slide h1{font-size:clamp(26px,3.4vw,44px);font-weight:900;margin:.25em 0}.slide p{font-size:17px;opacity:.92;margin:0 0 20px}
.kicker{display:inline-block;background:rgba(255,255,255,.18);padding:4px 10px;border-radius:20px;font-size:12.5px;font-weight:700;letter-spacing:.5px;text-transform:uppercase}
.slide img{max-width:42%;max-height:280px;object-fit:contain;background:#fff;border-radius:12px;padding:12px;box-shadow:0 20px 40px rgba(0,0,0,.25)}
.dots{position:absolute;left:44px;bottom:16px;display:flex;gap:6px;z-index:2}.dots button{width:10px;height:10px;border-radius:5px;border:0;background:rgba(255,255,255,.5);cursor:pointer;padding:0}.dots button.on{background:#fff;width:26px}
.hero-side{display:grid;grid-template-rows:1fr auto;gap:16px}
.side-card{background:#fff;border-radius:14px;padding:16px;box-shadow:var(--sh);color:var(--ink);display:flex;flex-direction:column;gap:8px;text-decoration:none!important}
.side-card.deal img{height:130px;object-fit:contain;margin:0 auto}.side-card b{font-size:17px}.side-card.deal b{color:var(--coral)}
.side-card.member{background:linear-gradient(135deg,#e9fbf8,#fff);border:1px solid #c8efe9}
/* shelves */
.shelf{margin:30px 0}.shelf-hd{display:flex;align-items:baseline;justify-content:space-between;margin:26px 0 12px}.shelf-hd h2{font-size:24px;margin:0}
.tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}
.tile{background:#fff;border-radius:12px;padding:12px;text-align:center;color:var(--ink);font-weight:700;font-size:14px;box-shadow:var(--sh);display:flex;flex-direction:column;gap:8px;text-decoration:none!important;transition:transform .15s}
.tile:hover{transform:translateY(-2px)}.tile-img{aspect-ratio:1;position:relative;background:var(--bg);border-radius:10px;overflow:hidden}.tile-img img{position:absolute;inset:10%;width:80%;height:80%;object-fit:contain;mix-blend-mode:multiply}
.carousel{position:relative}.track{display:grid;grid-auto-flow:column;grid-auto-columns:220px;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;padding:4px 2px 14px;scrollbar-width:thin}
.track>*{scroll-snap-align:start}
.car-btn{position:absolute;top:38%;z-index:2;width:42px;height:42px;border-radius:50%;border:0;background:#fff;box-shadow:0 4px 14px rgba(0,0,0,.18);font-size:28px;line-height:1;cursor:pointer;color:var(--navy)}
.car-btn.prev{left:-12px}.car-btn.next{right:-12px}
.promo-row{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:30px 0}
.promo{border-radius:14px;padding:26px;color:#fff;display:flex;flex-direction:column;gap:4px;min-height:120px;justify-content:flex-end;text-decoration:none!important}
.promo b{font-size:21px}.promo.p1{background:linear-gradient(135deg,#3a1c71,#d76d77)}.promo.p2{background:linear-gradient(135deg,#0a1e3f,#12b5a5)}.promo.p3{background:linear-gradient(135deg,#134e5e,#71b280)}
/* cards */
.card{background:var(--card);border-radius:var(--r);box-shadow:var(--sh);display:flex;flex-direction:column;overflow:hidden;transition:box-shadow .15s}
.card:hover{box-shadow:0 6px 22px rgba(10,30,63,.14)}
.card-img{aspect-ratio:1;position:relative;background:#fff;overflow:hidden}.card-img img{position:absolute;inset:14px;width:calc(100% - 28px);height:calc(100% - 28px);object-fit:contain}
.card-body{padding:12px 14px 14px;display:flex;flex-direction:column;gap:6px;flex:1}
.card-title{color:var(--ink);font-weight:600;font-size:14.5px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:2.9em}
.card-meta{font-size:12px;color:var(--mut);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.card .add-form,.card .btn{margin-top:auto}.card .btn{width:100%}
.price{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 8px}.price .now{font-size:21px;font-weight:800;color:var(--ink)}
.price .call{font-size:16px;color:var(--mut)}.price .save{background:var(--coral);color:#fff;font-size:12px;font-weight:800;padding:2px 7px;border-radius:4px}
.price .was{font-size:12.5px;color:var(--mut);text-decoration:line-through;width:100%}
.price.big .now{font-size:34px}
/* listing */
.crumbs{font-size:13px;margin:16px 0;display:flex;gap:6px;flex-wrap:wrap}.crumbs span{color:var(--mut)}
.list-hd{display:flex;align-items:baseline;gap:12px}.list-hd h1{font-size:28px}
.list-layout{display:grid;grid-template-columns:250px 1fr;gap:22px;align-items:start}
.filters{background:#fff;border-radius:var(--r);padding:6px 16px;box-shadow:var(--sh);position:sticky;top:130px;max-height:calc(100vh - 150px);overflow:auto}
.fgroup{border-bottom:1px solid var(--line);padding:14px 0}.fgroup:last-of-type{border:0}.fgroup h3{font-size:15px}
.flink,.chk{display:flex;justify-content:space-between;gap:8px;padding:5px 0;color:var(--ink);font-size:14px;cursor:pointer}
.chk{justify-content:flex-start;align-items:center}.chk span,.flink span{color:var(--mut);margin-left:auto}.flink.on{font-weight:800;color:var(--navy)}
.price-in{display:flex;gap:6px;align-items:center;margin-top:8px}.price-in input{width:70px;padding:6px;border:1px solid var(--line);border-radius:6px}
.clear{display:block;padding:10px 0;font-weight:600}
.toolbar{display:flex;justify-content:flex-end;gap:10px;margin-bottom:12px}.toolbar select{padding:7px 10px;border:1px solid var(--line);border-radius:6px;font-size:14px;background:#fff}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:14px}
.pager{display:flex;gap:6px;justify-content:center;margin:26px 0}.pager a,.pager span{padding:8px 13px;border-radius:6px;background:#fff;box-shadow:var(--sh)}.pager .cur{background:var(--navy);color:#fff}
.empty{text-align:center;padding:60px 20px;background:#fff;border-radius:var(--r);margin:20px 0}
/* PDP */
.pdp{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:30px;background:#fff;border-radius:14px;padding:26px;box-shadow:var(--sh)}
.main-img{position:relative;aspect-ratio:1;border:1px solid var(--line);border-radius:12px;overflow:hidden}.main-img img{position:absolute;inset:20px;width:calc(100% - 40px);height:calc(100% - 40px);object-fit:contain}
.tag{position:absolute;top:12px;left:12px;background:var(--coral);color:#fff;font-weight:800;padding:4px 10px;border-radius:6px;font-size:13px}
.thumbs{display:flex;gap:8px;margin-top:10px;flex-wrap:wrap}.thumb{width:68px;height:68px;border:2px solid var(--line);border-radius:8px;background:#fff;padding:4px;cursor:pointer}.thumb.on{border-color:var(--navy)}.thumb img{width:100%;height:100%;object-fit:contain}
.brand-link{font-weight:700;font-size:14px}.pdp-info h1{font-size:26px;margin:6px 0}
.pdp-meta{display:flex;gap:18px;font-size:13px;color:var(--mut);margin-bottom:14px}
.buybox{border-top:1px solid var(--line);padding-top:16px;display:flex;flex-direction:column;gap:14px}
.stock.in{color:var(--ok);font-weight:700}.stock.out{color:var(--err);font-weight:700}
.variant{border:0;padding:0;margin:0 0 10px}.variant legend{font-weight:700;margin-bottom:6px}.variant small{color:var(--mut);font-weight:400}
.opts{display:flex;flex-wrap:wrap;gap:8px}.opt input{position:absolute;opacity:0}.opt span{display:block;border:2px solid var(--line);border-radius:8px;padding:7px 12px;cursor:pointer;font-size:14px;background:#fff}
.opt input:checked+span{border-color:var(--navy);box-shadow:inset 0 0 0 1px var(--navy)}.opt input:focus-visible+span{outline:2px solid var(--teal)}.opt.oos span{color:#aab;text-decoration:line-through;cursor:not-allowed}
.add-form .qty{display:inline-flex;align-items:center;gap:8px;margin-right:10px;font-weight:600}.add-form .qty select{padding:9px;border-radius:8px;border:1px solid var(--line);font-size:15px}
.buybox .btn-cart{padding:14px 28px;font-size:16px}
.fulfil{display:grid;gap:10px;background:var(--bg);border-radius:10px;padding:12px 14px;font-size:14px}.fulfil div{display:flex;gap:10px;align-items:center}.fulfil svg{color:var(--navy);flex:none}
.pdp-details{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:30px;border-top:1px solid var(--line);padding-top:22px}
.desc{line-height:1.6}.specs{width:100%;border-collapse:collapse;font-size:14px}.specs th,.specs td{text-align:left;padding:9px 10px;border-bottom:1px solid var(--line);vertical-align:top}.specs th{width:40%;color:var(--mut);font-weight:600;background:#fafbfd}
/* cart & checkout */
.pg-title{font-size:28px;margin:22px 0 14px}
.cart-layout,.checkout{display:grid;grid-template-columns:1fr 360px;gap:22px;align-items:start}
.cart-items{background:#fff;border-radius:var(--r);box-shadow:var(--sh)}
.cart-row{display:grid;grid-template-columns:96px 1fr auto;gap:16px;padding:16px;border-bottom:1px solid var(--line)}.cart-row:last-child{border:0}
.cart-row img{width:96px;height:96px;object-fit:contain}.cart-qty{display:flex;gap:14px;align-items:center;margin-top:8px}.cart-qty select{padding:6px;border-radius:6px;border:1px solid var(--line)}
.cart-price{text-align:right;display:flex;flex-direction:column}
.summary{background:#fff;border-radius:var(--r);box-shadow:var(--sh);padding:18px;position:sticky;top:130px}
.summary dl{display:grid;grid-template-columns:1fr auto;gap:8px;margin:14px 0}.summary dd{margin:0;text-align:right}.summary .tot{font-size:19px;font-weight:800;border-top:1px solid var(--line);padding-top:10px}
.sum-item{display:grid;grid-template-columns:48px 1fr auto;gap:10px;align-items:center;font-size:13.5px;padding:6px 0}.sum-item img{width:48px;height:48px;object-fit:contain}.sum-item small{display:block;color:var(--mut)}
.co-step{background:#fff;border-radius:var(--r);box-shadow:var(--sh);padding:20px;margin-bottom:16px}
.fields{display:grid;grid-template-columns:1fr 1fr;gap:12px}.fields label,.auth label{display:flex;flex-direction:column;gap:4px;font-weight:600;font-size:14px}
.fields .wide,.fields .ful,.fields .chk{grid-column:1/-1}
input,select,textarea{font:inherit}
.fields input,.fields select,.fields textarea,.auth input,.panel select{padding:10px 12px;border:1px solid #c9d0dc;border-radius:8px;font-size:15px;font-weight:400;background:#fff}
.fields input:focus,.auth input:focus{outline:2px solid var(--teal);border-color:transparent}
.ful{border:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:10px}.ful legend{font-weight:600;margin-bottom:6px}
.radio-card{flex-direction:row!important;align-items:center;gap:10px!important;border:2px solid var(--line);border-radius:10px;padding:12px;cursor:pointer;font-weight:400!important}.radio-card:has(input:checked){border-color:var(--navy)}
.pay-pending{background:#fff8e6;border:1px solid #f3d27a;border-radius:10px;padding:14px 16px;margin-bottom:12px}.pay-pending p{margin:6px 0 0;font-size:14px}
.pay-online{background:#e9fbf8;border:1px solid #bfece5;border-radius:10px;padding:14px 16px;margin-bottom:12px}.pay-online p{margin:6px 0 0;font-size:14px}
.pay-ok{background:#e7f7ef;border:1px solid #b6e5cd;border-radius:10px;padding:14px 16px;text-align:left;max-width:560px;margin:16px auto 0}.pay-ok p{margin:6px 0 0;font-size:14px}.check.off{background:#9aa5b8}
.confirm{text-align:center;background:#fff;border-radius:14px;padding:30px;box-shadow:var(--sh);margin:24px 0}.check{width:60px;height:60px;border-radius:50%;background:var(--ok);color:#fff;font-size:34px;display:grid;place-items:center;margin:0 auto 12px}
.confirm .pay-pending{text-align:left;max-width:560px;margin:16px auto 0}
/* auth & account */
.auth{display:grid;place-items:center;padding:40px 20px}.auth-card{background:#fff;border-radius:14px;box-shadow:var(--sh);padding:30px;width:100%;max-width:420px}
.auth-card form{display:grid;gap:14px;margin-top:10px}.auth-logo{display:flex;gap:7px;align-items:center;justify-content:center;margin-bottom:16px}.auth-card h1{font-size:22px;text-align:center}.alt{text-align:center;font-size:14px}
.acct-card{display:flex;justify-content:space-between;align-items:center;background:#fff;border-radius:var(--r);box-shadow:var(--sh);padding:18px;margin-bottom:22px}
.pill{display:inline-block;background:#e8eefb;color:var(--navy);border-radius:20px;padding:2px 10px;font-size:12.5px;font-weight:700;text-transform:capitalize}
.tbl{width:100%;border-collapse:collapse;background:#fff;border-radius:var(--r);overflow:hidden;box-shadow:var(--sh);font-size:14px}.tbl th,.tbl td{padding:10px 12px;border-bottom:1px solid var(--line);text-align:left;vertical-align:middle}.tbl th{background:#f7f9fc;font-size:12.5px;text-transform:uppercase;letter-spacing:.5px;color:var(--mut)}
.tbl img{width:40px;height:40px;object-fit:contain}
.prose h2{margin-top:1.4em}
/* admin */
.admin-nav{display:flex;gap:16px;align-items:center;background:#fff;padding:12px 16px;border-radius:var(--r);box-shadow:var(--sh);margin-top:16px}
.kpis{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px;margin-bottom:20px}.kpis div{background:#fff;border-radius:var(--r);box-shadow:var(--sh);padding:16px;display:flex;flex-direction:column}.kpis b{font-size:24px}.kpis span{color:var(--mut);font-size:13px}
.admin-2col{display:grid;grid-template-columns:1.4fr 1fr;gap:20px;align-items:start}.panel{background:#fff;border-radius:var(--r);box-shadow:var(--sh);padding:18px}.panel form{display:grid;gap:10px}.panel label{display:grid;gap:4px;font-weight:600;font-size:14px}
.kv{display:grid;grid-template-columns:1fr auto;max-width:300px;margin-left:auto}.kv dd{margin:0;text-align:right}
.chips{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:14px}.chips a{background:#fff;padding:6px 12px;border-radius:20px;box-shadow:var(--sh);font-size:13px;text-transform:capitalize;color:var(--ink)}.chips a.on{background:var(--navy);color:#fff}
/* footer */
.ftr{background:#fff;margin-top:50px;border-top:1px solid var(--line)}
.ftr-perks{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;padding:26px 0;border-bottom:1px solid var(--line)}.ftr-perks div{display:grid;grid-template-columns:auto 1fr;column-gap:12px;font-size:13.5px}.ftr-perks svg{grid-row:span 2;color:var(--teal)}.ftr-perks span{color:var(--mut)}
.ftr-grid{display:grid;grid-template-columns:repeat(4,1fr) 1.4fr;gap:20px;padding:28px 0}.ftr-grid h4{font-size:14px;margin:0 0 10px}.ftr-grid a{display:block;color:var(--ink);font-size:13.5px;padding:3px 0}
.ftr-news{background:var(--navy);color:#cfd8ea;border-radius:12px;padding:18px}.ftr-news p{font-size:13.5px}
.ftr-bottom{font-size:12.5px;color:var(--mut);padding:16px 0 30px;border-top:1px solid var(--line)}
.toast{position:fixed;left:50%;bottom:24px;transform:translateX(-50%) translateY(120px);background:var(--navy);color:#fff;padding:12px 20px;border-radius:10px;box-shadow:0 10px 30px rgba(0,0,0,.25);transition:transform .25s;z-index:100;font-weight:600}.toast.show{transform:translateX(-50%) translateY(0)}
.show-sm{display:none}
@media (max-width:1000px){.hero{grid-template-columns:1fr}.hero-side{grid-template-columns:1fr 1fr;grid-template-rows:auto}.list-layout{grid-template-columns:1fr}
.filters{display:none;position:static;max-height:none}.filters.open{display:block}.show-sm{display:inline-flex}.toolbar{justify-content:space-between}
.pdp,.pdp-details,.cart-layout,.checkout,.admin-2col{grid-template-columns:1fr}.ftr-grid{grid-template-columns:1fr 1fr}.ftr-perks{grid-template-columns:1fr 1fr}.summary,.filters{position:static}}
@media (max-width:640px){.wrap{padding:0 12px}.hide-sm{display:none}.hdr-row{flex-wrap:wrap;height:auto;padding:10px 0;gap:10px}.search{order:5;flex-basis:100%;max-width:none}.logo{margin-right:auto}
.slide{flex-direction:column;align-items:flex-start;padding:24px}.slide-txt{max-width:100%}.slide img{max-width:50%;max-height:120px;align-self:flex-end}.slides{min-height:380px}
.promo-row{grid-template-columns:1fr}.grid{grid-template-columns:repeat(2,1fr);gap:10px}.track{grid-auto-columns:165px}.car-btn{display:none}.fields,.ful{grid-template-columns:1fr}.mega-col:first-child{columns:1}.mega-grid{grid-template-columns:1fr}
.hero-side{grid-template-columns:1fr}.cart-row{grid-template-columns:72px 1fr}.cart-row img{width:72px;height:72px}.cart-price{grid-column:2;text-align:left}.pdp{padding:14px}.price.big .now{font-size:28px}.ftr-perks{grid-template-columns:1fr}}