:root{--red:#db202d;--dark:#23242a;--ink:#25262c;--muted:#6a6b76;--line:#e5e6eb;--light:#f5f6f8}*{box-sizing:border-box}body{margin:0;font:16px/1.5 Arial,Helvetica,sans-serif;color:var(--ink);background:#fff}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,summary{cursor:pointer}button,a{touch-action:manipulation}a:hover{color:var(--red)}button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #e96973;outline-offset:3px}img{max-width:100%}.wrap{max-width:1400px;margin:auto;padding-left:40px;padding-right:40px}.topbar{background:var(--dark);color:#e8e8ec;font-size:12px}.topbar .wrap{display:flex;justify-content:space-between;gap:15px;padding-top:8px;padding-bottom:8px}header{display:flex;align-items:center;gap:36px;padding-top:17px;padding-bottom:17px}.brand img{width:140px;height:74px;object-fit:contain}.globalsearch{display:flex;flex:1;border:1px solid #dcdde2;border-radius:6px;overflow:hidden;background:var(--light)}.globalsearch input{min-width:0;width:100%;border:0;padding:14px;background:none;font-size:14px}.globalsearch button{border:0;padding:5px 20px;font-size:27px;background:var(--red);color:white}.headercontact{font-size:12px;white-space:nowrap}.headercontact strong{display:block;font-size:13px}.basketbutton{white-space:nowrap;font-size:14px;font-weight:bold}.basketbutton span{display:inline-grid;place-items:center;min-width:26px;height:26px;padding:0 6px;border-radius:50px;background:var(--red);color:white;margin-left:5px;font-size:12px}.navwrap{border-top:1px solid var(--line);border-bottom:1px solid var(--line)}nav{display:flex;align-items:center;gap:30px;font-size:14px;font-weight:600;position:relative}nav>a{padding:16px 0;white-space:nowrap}.red{color:var(--red)}.mega summary{list-style:none;padding:16px 22px;background:var(--red);color:white;display:flex;gap:15px}.mega summary::-webkit-details-marker{display:none}.megacontent{position:absolute;z-index:40;left:40px;right:40px;top:54px;max-height:70vh;overflow:auto;background:white;border:1px solid var(--line);box-shadow:0 16px 40px #0002;padding:28px;display:grid;grid-template-columns:repeat(4,1fr);gap:25px}.megacontent a{display:block;font-weight:400;font-size:13px;padding:5px 0}.megacontent h3{font-size:15px;margin:0 0 8px}.megacontent h3 a{font-weight:bold}.eyebrow{font-size:12px;color:var(--red);font-weight:700;letter-spacing:1.5px}h1,h2,h3{line-height:1.2}h1{font-size:42px;letter-spacing:-1.5px;margin:15px 0}h2{font-size:30px;letter-spacing:-.8px;margin:10px 0}h3{font-size:18px}.button{display:inline-flex;justify-content:center;align-items:center;gap:20px;border:0;border-radius:5px;padding:14px 22px;background:var(--red);color:white;font-size:14px;font-weight:600}.button:hover{background:#b91824;color:white}.button.secondary{background:white;border:1px solid var(--line);color:var(--ink)}.hero{padding-top:28px;display:grid;grid-template-columns:1.6fr 1fr;gap:18px}.heroprimary{background:#f1f3f6;border-radius:10px;display:grid;grid-template-columns:1.05fr 1fr;align-items:center;min-height:340px;overflow:hidden;padding:30px}.heroprimary h1{font-size:40px;line-height:1.1}.heroprimary h1 em{font-style:normal;color:var(--red)}.heroprimary p{font-size:15px;color:var(--muted);max-width:320px}.heroprimary img{width:100%;height:260px;object-fit:contain;mix-blend-mode:multiply}.herosecond{background:var(--dark);color:white;border-radius:10px;padding:32px;display:flex;flex-direction:column;justify-content:center}.herosecond .eyebrow{color:#ffa0a8}.herosecond h2{font-size:29px;max-width:300px}.herosecond p{color:#d3d3da;font-size:15px}.herosecond a{color:white;font-size:14px;font-weight:bold;margin-top:15px}.brandstrip{display:flex;align-items:center;justify-content:space-between;gap:25px;padding-top:26px;padding-bottom:26px;border-bottom:1px solid var(--line)}.brandstrip span{font-size:10px;letter-spacing:1px;color:var(--muted);max-width:115px}.brandstrip a{font-weight:bold;font-size:23px;color:#777985}.section{padding-top:44px;padding-bottom:35px}.sectionhead{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:23px}.sectionhead a{font-size:14px;font-weight:600}.categorytiles{display:grid;grid-template-columns:repeat(7,1fr);gap:12px}.categorytile{border:1px solid var(--line);border-radius:7px;min-height:125px;padding:17px;display:flex;flex-direction:column;justify-content:space-between;gap:10px}.categorytile span{color:var(--red);font-size:12px}.categorytile strong{font-size:14px;line-height:1.4}.grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.card{border:1px solid var(--line);border-radius:8px;padding:17px;display:flex;flex-direction:column;min-width:0;position:relative;background:#fff;transition:box-shadow .2s}.card:hover{box-shadow:0 8px 24px #1d243311}.productimage{height:180px;display:flex;align-items:center;justify-content:center;margin:8px 0 15px}.productimage img{width:100%;height:100%;object-fit:contain}.nophoto{background:#f5f5f7;width:100%;height:100%;display:grid;place-items:center;color:var(--muted);font-size:13px}.badge{position:absolute;top:13px;left:13px;font-size:11px;background:#fce9eb;color:#ac1120;font-weight:700;padding:4px 7px;border-radius:4px;z-index:1}.card small{font-size:11px;color:var(--muted);letter-spacing:.4px;text-transform:uppercase;display:block}.card h3{font-size:15px;line-height:1.45;margin:8px 0;flex:1}.sku{font-size:11px;color:#747680;overflow-wrap:anywhere}.price{font-size:22px;font-weight:700;white-space:nowrap;letter-spacing:-.4px}.price small{font-size:11px;display:inline;font-weight:400;letter-spacing:0;color:var(--muted)}.oldprice{font-size:12px;color:#7c7d86;min-height:19px;display:block}.stock{font-size:12px;margin:9px 0;color:#4f675b}.stock.no{color:#886142}.cardbottom{border-top:1px solid var(--line);margin-top:13px;padding-top:12px}.add{margin-top:12px;background:#fff0f1;color:#b41d28;border:0;border-radius:5px;font-size:13px;font-weight:600;width:100%;padding:11px}.add:hover{background:var(--red);color:white}.breadcrumb{font-size:13px;color:var(--muted);padding-top:25px;padding-bottom:10px;display:flex;flex-wrap:wrap;gap:9px}.pagehead{padding-top:12px;padding-bottom:28px}.pagehead h1{font-size:34px}.pagehead p{margin:8px 0;color:var(--muted);font-size:14px}.cataloguelayout{display:grid;grid-template-columns:245px 1fr;gap:30px;padding-bottom:55px}.sidebar{border:1px solid var(--line);border-radius:7px;align-self:start;padding:18px}.sidebar h2{font-size:19px;letter-spacing:0;margin:0}.filtergroup{border-top:1px solid var(--line);margin-top:18px;padding-top:14px}.filtergroup summary{font-size:14px;font-weight:600}.filteroptions{max-height:225px;overflow:auto;margin-top:12px}.filteroptions label{display:flex;align-items:start;gap:8px;font-size:13px;margin:8px 0;overflow-wrap:anywhere}.filteroptions input{margin-top:4px;accent-color:var(--red)}.filteroptions small{color:#878892;margin-left:auto;padding-left:5px}.sidebar select,.sidebar input[type=number]{width:100%;padding:9px;border:1px solid var(--line);border-radius:4px;background:white;font-size:13px}.range{display:flex;gap:7px;margin-top:10px}.filterreset{background:none;color:var(--red);font-size:13px;border:0;padding:0;margin-top:15px}.cataloguetop{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:16px;font-size:14px}.cataloguetop select{padding:10px;border:1px solid var(--line);background:white;border-radius:5px;font-size:13px}.cataloguegrid{grid-template-columns:repeat(3,minmax(0,1fr))}.activefilters{display:flex;flex-wrap:wrap;gap:7px;margin:0 0 14px}.chip{padding:5px 10px;background:#f3f3f6;border-radius:25px;font-size:12px}.pagination{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-top:28px}.pagination a,.pagination span{padding:8px 13px;border:1px solid var(--line);font-size:14px;border-radius:4px}.pagination .selected{background:var(--dark);color:white;border-color:var(--dark)}.filtermobile{display:none}.note{font-size:12px;color:var(--muted);margin-top:22px}.empty{padding:50px 20px;background:var(--light);grid-column:1/-1}.empty h2{font-size:24px}.productdetail{padding-top:15px;padding-bottom:35px;display:grid;grid-template-columns:1fr 1fr;gap:50px}.gallerymain{width:100%;height:420px;object-fit:contain;border:1px solid var(--line);border-radius:8px;padding:25px}.thumbs{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.thumbs button{background:white;border:1px solid var(--line);border-radius:5px;padding:6px;width:68px;height:68px}.thumbs button.active{border-color:var(--red)}.thumbs img{width:100%;height:100%;object-fit:contain}.productsummary h1{font-size:30px;letter-spacing:-.7px}.productsummary .price{font-size:32px}.productsummary .short{font-size:14px;color:#595b64;margin:18px 0;max-height:290px;overflow:auto}.short table{font-size:13px}.buyrow{display:flex;gap:10px;margin-top:23px}.buyrow input{width:76px;border:1px solid var(--line);border-radius:5px;padding:12px}.buyrow .button{flex:1}.specpill{display:inline-block;padding:5px 8px;background:var(--light);font-size:12px;margin:3px 3px 3px 0;border-radius:3px}.tabs{display:flex;gap:10px;border-bottom:1px solid var(--line)}.tabs button{padding:15px 20px;background:none;border:0;font-size:15px}.tabs button.active{border-bottom:3px solid var(--red);color:var(--red);font-weight:600}.tabcontent{padding:25px 0 40px}.rich{line-height:1.75;overflow-wrap:anywhere}.rich h1{font-size:30px}.rich h2{font-size:24px;letter-spacing:-.4px;margin-top:28px}.rich h3{font-size:19px}.rich p{margin:12px 0}.rich table{width:100%;border-collapse:collapse;margin:18px 0;display:table}.rich td,.rich th{padding:10px 13px;border:1px solid var(--line);text-align:left}.rich tr:nth-child(even){background:var(--light)}.rich a{color:#b91d29;text-decoration:underline}.rich img{height:auto;max-height:600px;object-fit:contain}.article{max-width:970px;margin:auto;padding-top:20px;padding-bottom:55px}.article h1{font-size:36px}.article .rich>div:empty{display:none}.referencenote{border-left:3px solid var(--red);background:#f8f8fa;padding:14px 18px;font-size:14px;margin:20px 0}.listgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.listcard{border:1px solid var(--line);border-radius:8px;padding:24px}.listcard h2{font-size:23px}.listcard p{color:var(--muted);font-size:14px}.listcard a{color:var(--red);font-size:14px}.brandlist{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}.brandlist a{border:1px solid var(--line);border-radius:7px;padding:22px;font-size:23px;font-weight:700}.brandlist small{font-size:12px;font-weight:400;display:block;color:var(--muted);margin-top:8px}.quotelayout{display:grid;grid-template-columns:1.5fr 1fr;gap:35px;padding-bottom:50px}.quoterow{display:grid;grid-template-columns:70px 1fr 80px 100px 25px;gap:15px;align-items:center;padding:18px 0;border-bottom:1px solid var(--line);font-size:14px}.quoterow img{width:65px;height:65px;object-fit:contain}.quoterow input{width:70px;border:1px solid var(--line);padding:9px;border-radius:4px}.quoterow button{background:none;border:0;font-size:22px;color:var(--red)}.quotesummary{background:var(--light);padding:25px;border-radius:8px;align-self:start}.quotesummary h2{font-size:24px}.quotesummary label{display:block;font-size:14px;margin-top:13px}.quotesummary input,.quotesummary textarea{width:100%;padding:12px;border:1px solid var(--line);border-radius:5px;margin-top:5px;background:white}.quotesummary .button{width:100%;margin-top:15px}.quotetotal{display:flex;justify-content:space-between;gap:15px;border-top:1px solid var(--line);margin-top:20px;padding-top:16px;font-size:19px;font-weight:bold}.bottomcta{background:var(--light);border-top:1px solid var(--line)}.bottomcta .wrap{display:flex;align-items:center;justify-content:space-between;gap:25px;padding-top:35px;padding-bottom:35px}.bottomcta h2{font-size:27px}.bottomcta p{font-size:14px;color:var(--muted)}footer{padding-top:40px}.footergrid{display:grid;grid-template-columns:1.3fr 1fr 1fr 1fr;gap:35px}.footergrid h3{font-size:15px;margin:8px 0 15px}.footergrid p{font-size:13px;color:var(--muted)}.footergrid a{display:block;font-size:13px;margin:8px 0}.footerline{border-top:1px solid var(--line);margin-top:30px;padding-top:20px;padding-bottom:20px;display:flex;justify-content:space-between;color:var(--muted);font-size:12px}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:var(--dark);color:white;box-shadow:0 5px 25px #0003;padding:12px 22px;border-radius:6px;opacity:0;pointer-events:none;z-index:100;font-size:14px}#toast.show{opacity:1}.loading{padding-top:70px;padding-bottom:70px;color:var(--muted)}.mobileclose{display:none}.contactcards{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;padding-bottom:50px}.contactcards article{padding:30px;background:var(--light);border-radius:8px}.contactcards h2{font-size:22px}.contactcards p{font-size:14px;color:var(--muted)}
@media(min-width:1500px){.cataloguegrid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:1150px){header{gap:20px}.headercontact{display:none}nav{gap:19px;font-size:12px}.wrap{padding-left:25px;padding-right:25px}.hero{grid-template-columns:1.5fr 1fr}.heroprimary{padding:25px}.heroprimary h1{font-size:33px}.herosecond{padding:25px}.categorytiles{grid-template-columns:repeat(4,1fr)}.cataloguelayout{grid-template-columns:215px 1fr;gap:20px}.cataloguegrid{grid-template-columns:repeat(3,minmax(0,1fr))}.card{padding:12px}.price{font-size:19px}.productimage{height:155px}.card h3{font-size:14px}.megacontent{left:25px;right:25px}.productdetail{gap:30px}.quotelayout{grid-template-columns:1fr 1fr}.quoterow{grid-template-columns:50px 1fr 60px 25px}.quoterow>strong{grid-column:2}.quoterow>button{grid-column:4;grid-row:1}.brandlist{grid-template-columns:repeat(4,1fr)}}@media(max-width:850px){nav{gap:15px;flex-wrap:wrap}nav>a{padding:10px 0}.mega summary{padding:12px 16px}.megacontent{top:100%;grid-template-columns:repeat(3,1fr)}.hero{grid-template-columns:1fr}.herosecond{display:none}.heroprimary{min-height:300px}.heroprimary h1{font-size:40px}.brandstrip{gap:15px;flex-wrap:wrap;justify-content:center}.brandstrip span{display:none}.brandstrip a{font-size:20px}.grid{grid-template-columns:repeat(3,minmax(0,1fr))}.cataloguegrid{grid-template-columns:repeat(2,minmax(0,1fr))}.productdetail{grid-template-columns:1fr 1fr;gap:25px}.productsummary h1{font-size:25px}.gallerymain{height:320px}.listgrid{grid-template-columns:repeat(2,1fr)}.footergrid{grid-template-columns:repeat(2,1fr)}.brandlist{grid-template-columns:repeat(3,1fr)}.contactcards{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.wrap{padding-left:18px;padding-right:18px}.topbar .wrap>span{display:none}.topbar .wrap{justify-content:center}header{flex-wrap:wrap;gap:12px;padding-top:10px;padding-bottom:12px}.brand img{width:115px;height:60px}.basketbutton{margin-left:auto}.globalsearch{order:3;flex-basis:100%}.globalsearch input{padding:12px;font-size:14px}nav{gap:12px;justify-content:space-between;font-size:12px}.mega summary{padding:11px;font-size:12px;gap:8px}.mega summary span{display:none}nav>a:nth-of-type(4){display:none}nav>a:nth-of-type(5){display:none}.megacontent{left:0;right:0;grid-template-columns:repeat(2,1fr);padding:20px;gap:20px}.hero{padding-top:18px}.heroprimary{padding:22px;grid-template-columns:1fr;position:relative;min-height:360px}.heroprimary>div{max-width:75%;z-index:1}.heroprimary h1{font-size:34px}.heroprimary p{font-size:14px;max-width:220px}.heroprimary img{position:absolute;right:0;bottom:0;width:45%;height:180px;opacity:.85}.eyebrow{font-size:10px;letter-spacing:1px}.brandstrip{padding-top:22px;padding-bottom:22px}.brandstrip a{font-size:17px}.section{padding-top:28px;padding-bottom:20px}.sectionhead{align-items:end;gap:10px;margin-bottom:17px}.sectionhead h2{font-size:24px}.sectionhead>a{font-size:12px;white-space:nowrap}.categorytiles{grid-template-columns:repeat(2,1fr);gap:9px}.categorytile{min-height:92px;padding:13px}.categorytile strong{font-size:13px}.grid,.cataloguegrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.card{padding:11px}.productimage{height:140px;margin-top:14px}.card h3{font-size:13px}.card small{font-size:10px}.sku{font-size:10px}.price{font-size:18px}.price small{font-size:10px}.oldprice{font-size:11px}.add{font-size:12px;padding:10px}.stock{font-size:11px}.cataloguelayout{display:block}.sidebar{display:none;position:fixed;inset:0;z-index:80;border:0;border-radius:0;overflow:auto;padding:25px;background:white}.sidebar.open{display:block}.mobileclose{display:block;float:right;border:0;background:var(--light);font-size:22px;width:35px;height:35px}.filtermobile{display:inline-block;border:1px solid var(--line);background:white;border-radius:4px;padding:8px 10px;font-size:13px}.cataloguetop{flex-wrap:wrap;font-size:13px}.cataloguetop select{max-width:160px}.pagehead h1{font-size:27px}.pagehead{padding-bottom:20px}.productdetail{grid-template-columns:1fr;gap:20px}.gallerymain{height:300px}.productsummary h1{font-size:27px}.tabs button{padding:12px 10px;font-size:13px}.rich{font-size:15px}.rich table{display:block;overflow:auto}.rich h2{font-size:22px}.article h1{font-size:29px}.quotelayout{grid-template-columns:1fr}.quoterow{font-size:13px}.brandlist{grid-template-columns:repeat(2,1fr)}.brandlist a{font-size:21px;padding:18px}.listgrid{grid-template-columns:1fr}.contactcards{grid-template-columns:1fr}.bottomcta .wrap{display:block}.bottomcta .button{margin-top:10px}.footergrid{gap:22px}.footergrid>div:first-child{grid-column:1/-1}.footerline{display:block}.footerline span{display:block;margin:6px 0}.breadcrumb{font-size:12px}.note{font-size:11px}}

.articleimage{width:100%;height:180px;object-fit:cover;border-radius:5px;margin-bottom:16px}

button.chip{border:1px solid var(--line);cursor:pointer;color:var(--ink)}button.chip:hover{border-color:var(--red);color:var(--red)}
/* Futuristic brand campaigns: original scene, photographed products and live catalogue prices. */
.bannersection{padding-top:28px}
.bannerrail{--accent:#ff6371;--glow:255,60,83;position:relative;overflow:hidden;border-radius:22px;background:#080a0f;color:#fff;box-shadow:0 20px 55px -25px #10102066;color-scheme:dark}
.bannerrail[data-tone="hp"]{--accent:#6ee7ff;--glow:71,197,255}
.bannerrail[data-tone="canon"]{--accent:#d3acff;--glow:178,111,255}
.bannerrail[data-tone="logitech"]{--accent:#c0f777;--glow:178,240,70}
.bannerrail[data-tone="bags"]{--accent:#ffce85;--glow:255,176,84}
.bannerslide{--accent:#ff6371;--glow:255,60,83;--scene-hue:0deg;position:relative;isolation:isolate;min-height:540px;display:grid;grid-template-columns:1fr 1fr;overflow:hidden;background:#080a0f;color:#fff}
.bannerslide.hp{--accent:#6ee7ff;--glow:71,197,255;--scene-hue:185deg}
.bannerslide.canon{--accent:#d3acff;--glow:178,111,255;--scene-hue:270deg}
.bannerslide.logitech{--accent:#c0f777;--glow:178,240,70;--scene-hue:80deg}
.bannerslide.bags{--accent:#ffce85;--glow:255,176,84;--scene-hue:35deg}
.bannerslide[hidden]{display:none}
.bannerbackdrop{position:absolute;z-index:-3;inset:0;width:100%;height:100%;object-fit:cover;object-position:67% center;filter:hue-rotate(var(--scene-hue));pointer-events:none}
.bannerslide::after{content:"";position:absolute;z-index:-2;inset:0;background:linear-gradient(90deg,#07090fe8 0%,#07090f99 32%,#07090f12 62%,#07090f15),linear-gradient(0deg,#07090f88,transparent 30%);pointer-events:none}
.bannercopy{position:relative;z-index:2;padding:34px 0 42px 48px;align-self:center}
.bannerbrand{display:flex;align-items:center;flex-wrap:wrap;gap:17px;margin-bottom:30px}
.bannerbrand>span{font-size:28px;font-weight:800;line-height:1.3;letter-spacing:-1px;color:#fff}
.lenovo .bannerbrand>span,.bags .bannerbrand>span{background:#e52432;padding:2px 12px;letter-spacing:-1.4px}
.hp .bannerbrand>span{font-size:31px;font-style:italic;letter-spacing:-2px}
.canon .bannerbrand>span{font-family:Georgia,serif;font-size:33px;font-weight:700}
.logitech .bannerbrand>span{letter-spacing:-1.6px}
.bannerbrand small{border-left:1px solid #ffffff35;padding-left:17px;font-size:12px;letter-spacing:1.7px;line-height:1.5;color:#c3c6d3}
.bannerkicker{font-size:12px;letter-spacing:2.5px;font-weight:700;margin:0 0 14px;color:var(--accent)}
.bannercopy h1{font-size:clamp(40px,4.6vw,66px);line-height:1.07;letter-spacing:-2.5px;font-weight:800;margin:0 0 18px;max-width:100%;text-wrap:balance}
.bannercopy h1 em{font-style:normal;color:var(--accent);background:linear-gradient(110deg,#fff 0%,var(--accent) 75%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.bannerdesc{color:#c8cbd5;font-size:16px;line-height:1.6;max-width:400px;margin:0 0 25px}
.banneroffer{display:flex;align-items:flex-start;flex-direction:column;gap:22px}
.bannerprice{display:flex;flex-direction:column;gap:6px}
.bannerprice>span{font-size:14px;color:#c5c8d2}
.bannerprice strong{font-size:clamp(42px,4vw,58px);font-weight:800;line-height:1.08;letter-spacing:-2px;display:flex;align-items:center;gap:12px;color:#fff;font-variant-numeric:tabular-nums;white-space:nowrap}
.bannerprice small{display:flex;flex-direction:column;gap:4px;font-size:16px;letter-spacing:0;line-height:1;color:#e0e2e8}
.bannerprice small b{font-size:12px;font-weight:500;letter-spacing:1px;color:#c8cbd5}
.bannercta{display:inline-flex;align-items:center;justify-content:space-between;gap:24px;padding:14px 18px;min-height:50px;max-width:100%;border:1px solid var(--accent);border-radius:8px;background:var(--accent);color:#0c1018;font-size:14px;font-weight:700;box-shadow:0 0 28px -12px rgba(var(--glow),.7);transition:background .2s,box-shadow .2s,transform .2s}
.bannercta span{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;border:1px solid #10102035;font-size:20px;line-height:1}
.bannercta:hover{background:#fff;border-color:#fff;color:#0c1018;transform:translateY(-2px);box-shadow:0 8px 28px -12px rgba(var(--glow),.7)}
.bannerart{position:relative;display:flex;align-items:center;justify-content:center;min-width:0;padding:52px 38px 82px 4px}
.bannerart::before{content:"";position:absolute;inset:18% 4% 12% -5%;z-index:-1;background:radial-gradient(ellipse,rgba(var(--glow),.19),transparent 65%);pointer-events:none}
.banneredition{position:absolute;right:36px;top:34px;font-size:12px;letter-spacing:2px;color:#c4c5cb;writing-mode:vertical-rl}
.bannerproduct{display:flex;align-items:center;justify-content:center;position:relative;width:100%;max-width:540px;transform:rotate(-6deg);filter:drop-shadow(0 30px 24px #000b) drop-shadow(0 0 30px rgba(var(--glow),.12));transition:transform .4s}
.bannerproduct:hover{transform:translateY(-8px) rotate(-3deg) scale(1.03)}
.bannerproduct img{width:100%;height:355px;object-fit:contain;display:block}
.lenovo .bannerproduct img{height:420px}
.hp .bannerproduct,.canon .bannerproduct{transform:rotate(-3deg);max-width:510px}
.hp .bannerproduct img,.canon .bannerproduct img{height:330px}
.logitech .bannerproduct{max-width:350px;transform:rotate(-15deg)}
.logitech .bannerproduct img{height:350px}
.bags .bannerproduct{max-width:470px;transform:rotate(7deg)}
.bags .bannerproduct img{height:375px}
.bannerproductlabel{position:absolute;bottom:32px;left:50%;transform:translateX(-50%);min-width:230px;max-width:calc(100% - 60px);display:flex;align-items:center;justify-content:space-between;gap:26px;padding:14px 18px;border:1px solid #ffffff30;border-radius:10px;background:#12151dd9;backdrop-filter:blur(18px);box-shadow:0 10px 25px #0004;color:#fff}
.bannerproductlabel strong{font-size:16px;font-weight:600;display:block;line-height:1.4}
.bannerproductlabel small{display:block;font-size:12px;color:#bfc3cf;margin-top:3px;overflow-wrap:anywhere}
.bannerproductarrow{font-size:24px;color:var(--accent)}
.bannerproductlabel:hover{border-color:var(--accent);color:#fff}
.bannercontrols{position:relative;display:flex;align-items:center;justify-content:space-between;gap:22px;padding:0 28px;background:#0d1018;border-top:1px solid #ffffff1c}
.bannerdots{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));flex:1;gap:18px}
.bannerdots button{position:relative;min-width:0;min-height:66px;display:flex;align-items:center;gap:9px;border:0;padding:16px 0 20px;background:none;text-align:left;color:#b3b8c8;transition:color .2s}
.bannertabnumber{font-size:12px;color:#8991a5;font-variant-numeric:tabular-nums}
.bannertablabel{font-size:13px;font-weight:500;line-height:1.4}
.bannerdots i{position:absolute;bottom:0;left:0;right:0;height:2px;background:#ffffff18;overflow:hidden}
.bannerdots i::after{content:"";display:block;height:100%;width:100%;background:var(--accent);transform:scaleX(0);transform-origin:left}
.bannerdots .active{color:#fff}.bannerdots .active .bannertabnumber{color:var(--accent)}
.bannerdots .active i{background:rgba(var(--glow),.35)}
.bannerrail[data-playing="true"] .bannerdots .active i::after{animation:bannerProgress 6s linear both}
.bannerarrows{display:flex;gap:6px;flex-shrink:0}
.bannerarrows button{width:36px;height:40px;display:flex;align-items:center;justify-content:center;border:1px solid #ffffff2b;border-radius:6px;background:#ffffff05;color:#d4d9e8;font-size:18px;transition:background .2s}
.bannerarrows button:hover{background:#ffffff18;color:#fff;border-color:#ffffff60}
.bannerrail a:focus-visible,.bannerrail button:focus-visible{outline:2px solid #fff;outline-offset:4px}
.bannernote{font-size:12px;color:var(--muted);margin:12px 2px 0;line-height:1.5}
.bannerslide.active .bannercopy{animation:bannerCopyEnter .55s ease both}
.bannerslide.active .bannerproduct{animation:bannerProductEnter .8s cubic-bezier(.2,.7,.2,1) both}
.bannerslide.active .bannerbackdrop{animation:bannerSceneEnter 1s ease both}
@keyframes bannerCopyEnter{from{opacity:0;translate:0 14px}to{opacity:1;translate:0 0}}
@keyframes bannerProductEnter{from{opacity:0;translate:35px 10px;scale:.93}to{opacity:1;translate:0 0;scale:1}}
@keyframes bannerSceneEnter{from{opacity:.55;scale:1.035}to{opacity:1;scale:1}}
@keyframes bannerProgress{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@media(min-width:1500px){.bannerslide{min-height:575px}.bannercopy{padding-left:54px}.bannercopy h1{font-size:70px}.bannerproduct img{height:390px}}
@media(max-width:1100px){.bannercopy{padding-left:30px}.bannerbrand{gap:12px}.bannerbrand small{font-size:12px;letter-spacing:.6px;padding-left:12px}.bannerart{padding-left:0;padding-right:25px}.bannercopy h1{font-size:46px;letter-spacing:-1.7px}.bannerdots{gap:12px}.bannercontrols{gap:16px;padding:0 20px}.bannertabnumber{display:none}.bannertablabel{font-size:12px}.bannerproduct img{height:310px}.bags .bannerproduct img{height:340px}.banneredition{right:20px}}
@media(max-width:760px){.bannerslide{grid-template-columns:1fr;min-height:0}.bannercopy{padding:28px 30px 0}.bannerbrand{margin-bottom:23px}.bannerbrand small{font-size:12px}.bannerkicker{font-size:12px;letter-spacing:1.5px}.bannercopy h1{font-size:clamp(38px,7.5vw,54px);letter-spacing:-1.5px;margin-bottom:14px}.bannerdesc{margin-bottom:21px;font-size:16px}.banneroffer{flex-direction:row;align-items:center;gap:22px}.bannerprice strong{font-size:43px}.bannercta{font-size:14px;gap:12px;padding:12px 14px}.bannerart{height:310px;padding:12px 34px 65px;max-width:530px;width:100%;margin:0 auto}.bannerproduct{max-width:340px}.bannerproduct img,.lenovo .bannerproduct img,.hp .bannerproduct img,.canon .bannerproduct img{height:250px}.logitech .bannerproduct img{height:235px}.bags .bannerproduct img{height:258px}.logitech .bannerproduct{max-width:235px}.banneredition{right:22px;top:42px;font-size:12px}.bannerproductlabel{bottom:15px;min-width:210px;padding:10px 15px}.bannerproductlabel strong{font-size:14px}.bannerbackdrop{object-position:73% bottom;opacity:.85}.bannerslide::after{background:linear-gradient(180deg,#07090ff5 0%,#07090fdb 35%,#07090f22 75%,#07090f99)}.bannercontrols{padding:0 16px;gap:12px}.bannerdots{gap:8px}.bannerdots button{min-height:56px;justify-content:center;padding:12px 0}.bannertabnumber{display:block;font-size:13px}.bannertablabel{display:none}.bannerarrows button{width:32px;height:36px}}
@media(max-width:480px){.bannersection{padding-top:16px}.bannerrail{border-radius:15px}.bannercopy{padding:25px 23px 0}.bannerbrand{gap:10px;margin-bottom:25px}.bannerbrand>span{font-size:25px}.bannerbrand small{font-size:12px;letter-spacing:0;padding-left:10px;max-width:150px}.bannercopy h1{font-size:39px;letter-spacing:-1.5px}.bannerdesc{font-size:15px;line-height:1.5;max-width:270px}.banneroffer{align-items:flex-start;flex-direction:column;gap:17px}.bannerprice strong{font-size:44px}.bannerprice>span{font-size:14px}.bannerprice small{font-size:14px}.bannercta{min-height:46px;font-size:14px}.bannerart{height:250px;margin-top:4px;padding:0 32px 45px}.bannerproduct{max-width:300px}.bannerproduct img,.lenovo .bannerproduct img,.hp .bannerproduct img,.canon .bannerproduct img{height:225px}.logitech .bannerproduct img{height:197px}.bags .bannerproduct img{height:215px}.bannerproductlabel{min-width:205px;bottom:12px;padding:8px 13px}.banneredition{top:28px;right:17px;font-size:12px;letter-spacing:1px}.bannercontrols{padding:0 12px;gap:10px}.bannerdots{gap:6px}.bannerarrows{gap:4px}.bannerarrows button{width:31px;height:36px}.bannernote{font-size:12px}}
@media(prefers-reduced-motion:reduce){.bannerslide.active .bannercopy,.bannerslide.active .bannerproduct,.bannerslide.active .bannerbackdrop,.bannerrail[data-playing="true"] .bannerdots .active i::after{animation:none}.bannerproduct,.bannercta,.bannerdots button{transition:none}}

/* Official Hypermag contact details, completed from the owner's invoice. */
.contactshowrooms{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:25px;margin-bottom:25px}
.contactshowrooms article{min-width:0;overflow:hidden;border:1px solid var(--line);border-radius:10px;background:var(--light)}
.contactstoreinfo{padding:30px;background:var(--dark);color:white;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}
.contactstoreinfo .eyebrow{color:#ff9098}.contactstoreinfo h2{font-size:28px;margin:12px 0 16px;letter-spacing:-.5px}
.contactstoreinfo address{font-style:normal;font-size:18px;line-height:1.7;margin-bottom:23px;color:#ebecf1}
.contactstoreinfo .button{font-size:14px;max-width:100%;white-space:normal}
.contactshowrooms iframe{display:block;width:100%;height:235px;border:0;background:var(--light)}
.contactemails a{display:block;margin:7px 0;overflow-wrap:anywhere}.contactcards p{font-size:16px}.contactcards h2 a{white-space:nowrap}
.contactlabel{display:block;margin-top:18px;color:var(--ink);font-size:14px;font-weight:700}.contactlabel:first-child{margin-top:0}
.footeraddress{font-style:normal;font-size:14px;line-height:1.6;margin:14px 0}.footeraddress a+a{margin-top:14px}
@media(max-width:760px){.contactshowrooms{grid-template-columns:1fr}.contactstoreinfo{padding:25px}.contactshowrooms iframe{height:230px}.contactstoreinfo h2{font-size:25px}}

/* Visual navigation and cohesive Hypermag storefront. */
:root{--red:#e6243c;--dark:#111621;--ink:#19212e;--muted:#667083;--line:#e1e6ef;--light:#f4f6fa}
body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;background:#fcfdff;-webkit-font-smoothing:antialiased}
.skiplink{position:fixed;top:8px;left:16px;z-index:150;transform:translateY(-160%);padding:12px 20px;background:var(--dark);color:#fff;border-radius:8px}.skiplink:focus{transform:translateY(0)}
.topbar{background:#111621;color:#d7deeb}.topbar .wrap{font-size:12px;min-height:32px}
header{gap:28px;padding-top:14px;padding-bottom:14px;background:#fcfdff}
.globalsearch{border-radius:14px;background:#f0f3f8;border-color:#e2e7ef;transition:box-shadow .2s,border-color .2s}
.globalsearch:focus-within{border-color:var(--red);box-shadow:0 0 0 4px #e6243c0d}
.globalsearch input{background:transparent;font-size:16px;padding:15px 18px;outline:0}
.globalsearch button{min-width:52px;background:transparent;color:var(--dark);font-size:26px}
.basketbutton{border:1px solid #e0e5ed;border-radius:12px;padding:12px 16px;background:#fff;white-space:nowrap}
.navwrap{position:sticky;top:0;z-index:35;background:#ffffffed;backdrop-filter:blur(18px);border-top:1px solid #edf0f6;border-bottom:1px solid #e0e6ef;box-shadow:0 6px 22px #17233b05}
nav.wrap{position:relative;display:flex;align-items:center;flex-wrap:nowrap;gap:22px;min-height:58px}
.navlinks{display:flex;align-items:center;gap:25px;min-width:0;flex:1;overflow:auto;scrollbar-width:none}.navlinks::-webkit-scrollbar{display:none}
.navlinks>a{flex:none;display:flex;align-items:center;min-height:58px;font-size:14px;font-weight:600;white-space:nowrap;padding:10px 0}
.mega{flex-shrink:0}.mega summary{border-radius:9px;background:#121925;color:#fff;padding:11px 17px;min-height:42px;gap:10px;font-size:14px}
.mega[open] summary{background:var(--red)}
.megacontent{top:calc(100% + 1px);left:40px;right:40px;border-radius:0 0 18px 18px;padding:25px;gap:26px;box-shadow:0 28px 65px #17233b26;max-height:75dvh;border-color:#e1e6ef}
.megafamilyhead{display:flex;align-items:center;gap:10px;line-height:1.35;font-size:15px;color:var(--ink)}
.megafamilyhead img{width:60px;height:60px;object-fit:contain;background:#f2f5f9;border-radius:10px;mix-blend-mode:multiply}
.megafamily h3{margin:0 0 14px}.megafamily>a{font-size:14px;min-height:32px;display:flex;align-items:center;padding:5px 0}
.megasubnodes{padding-left:12px;border-left:1px solid var(--line);margin:3px 0 10px}.megasubnodes a{font-size:13px;display:block;padding:6px 0}
.megacontent svg{width:16px;height:16px;vertical-align:middle}
.brandstrip{padding-top:22px;padding-bottom:22px;gap:28px;flex-wrap:nowrap;border-bottom:1px solid #e4e9f1}
.brandstrip>span{font-size:11px;letter-spacing:1.5px;color:#8490a1;max-width:145px;flex-shrink:0;line-height:1.7}
.brandstriplinks{display:flex;flex:1;align-items:center;justify-content:space-between;gap:26px;overflow-x:auto;scrollbar-width:none;min-width:0}.brandstriplinks::-webkit-scrollbar{display:none}
.brandstriplinks a{font-size:24px;letter-spacing:-.8px;font-weight:700;color:#6d7788;white-space:nowrap;padding:5px 0}.brandstriplinks a:hover{color:var(--ink)}
.section{padding-top:38px;padding-bottom:28px}.sectionhead{align-items:flex-end;margin-bottom:23px;gap:25px}.sectionhead h2{font-size:34px;letter-spacing:-1.1px;line-height:1.16;margin-top:10px}
.eyebrow{font-size:12px;font-weight:750;letter-spacing:1.6px}
.sectionlink{display:inline-flex;align-items:center;gap:10px;font-size:14px;font-weight:650;white-space:nowrap;padding-bottom:4px}
.sectionlink>span{display:grid;place-items:center;width:32px;height:32px;border:1px solid var(--line);border-radius:50%;background:#fff;transition:background .2s,color .2s}
.sectionlink svg{width:16px;height:16px}.sectionlink:hover>span{background:var(--ink);color:#fff}
.universegrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px}
.universecard{--universe-accent:#e6243c;position:relative;isolation:isolate;overflow:hidden;min-width:0;min-height:294px;border:1px solid #e4e9f2;border-radius:23px;background:linear-gradient(145deg,#f8fafd,#edf1f7);color:var(--ink);display:flex;flex-direction:column;padding:20px;box-shadow:0 6px 18px #15244004;transition:transform .3s,box-shadow .3s,border-color .3s}
.universecard::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;box-shadow:inset 0 1px 0 #ffffffd9}
.universecard.printing{--universe-accent:#007fbc}.universecard.screens{--universe-accent:#8250dc}.universecard.network{--universe-accent:#087c98}.universecard.mobile{--universe-accent:#a13ead}.universecard.accessories{--universe-accent:#477b21}.universecard.components{--universe-accent:#be5723}
.universecount{align-self:flex-start;position:relative;z-index:2;font-size:12px;font-weight:550;color:#69758a;padding:5px 9px;background:#ffffffb5;border:1px solid #ffffff;border-radius:20px;line-height:1.2}
.universeimage{display:flex;align-items:center;justify-content:center;height:164px;min-width:0;padding:8px 7px 3px;margin-bottom:9px;mix-blend-mode:multiply}
.universeimage img{display:block;width:100%;height:100%;object-fit:contain;transition:transform .4s cubic-bezier(.2,.7,.2,1)}
.universecopy{display:flex;flex-direction:column;gap:7px;margin-top:auto;padding-right:17px;position:relative;z-index:2}
.universecopy>strong{font-size:21px;line-height:1.16;letter-spacing:-.55px;font-weight:750}
.universecopy>span{font-size:12px;color:#758092;line-height:1.45}
.universego{position:absolute;right:15px;bottom:19px;display:grid;place-items:center;width:27px;height:27px;background:#fff;border:1px solid #e0e6ef;border-radius:50%;color:var(--universe-accent);transition:color .2s,background .2s}
.universego svg{width:14px;height:14px}
.universecard.computers{grid-column:span 2;background:radial-gradient(ellipse at 78% 52%,#3e4966 0%,#1b2334 38%,#111621 77%);border-color:#242d40;color:#fff;padding:26px;min-height:294px}
.computers .universecount{background:#ffffff0c;border-color:#ffffff29;color:#c4ccdc}
.computers .universeimage{position:absolute;right:0;top:0;bottom:0;width:60%;height:100%;padding:12px 0;mix-blend-mode:normal;margin:0;z-index:0}
.computers .universeimage img{filter:drop-shadow(0 20px 20px #0008);transform:rotate(-9deg);object-fit:contain}
.computers .universecopy{max-width:46%;margin-top:auto;margin-bottom:12px;padding:0}
.computers .universecopy>strong{font-size:32px;line-height:1.05;letter-spacing:-1.1px}
.computers .universecopy>span{color:#bbc6d9;font-size:13px;line-height:1.6;margin-top:6px}
.computers .universego{background:#e6243c;color:#fff;border-color:#e6243c;width:34px;height:34px;right:23px;bottom:23px}
.universecard:hover{transform:translateY(-5px);box-shadow:0 18px 35px #15244012;border-color:var(--universe-accent);color:var(--ink)}
.universecard:hover .universeimage img{transform:translateY(-4px) scale(1.055)}
.universecard:hover .universego{background:var(--universe-accent);border-color:var(--universe-accent);color:#fff}
.universecard.computers:hover{color:#fff}.universecard.computers:hover img{transform:translateY(-5px) rotate(-6deg) scale(1.04)}
.universecard:focus-visible{outline:3px solid var(--red);outline-offset:4px}
.categorydirectory{padding-bottom:50px}.familydirectory{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;margin-top:35px}
.familygroup{background:#fff;border:1px solid var(--line);border-radius:18px;padding:24px}.familygroup h2{font-size:23px;letter-spacing:-.4px;margin:0 0 18px}
.familysublinks{display:flex;flex-wrap:wrap;gap:9px}.familysublinks a{display:flex;align-items:center;gap:12px;padding:10px 12px;border:1px solid var(--line);border-radius:9px;background:var(--light);font-size:14px;line-height:1.4;min-height:42px}.familysublinks small{color:var(--muted);font-size:12px}.familysublinks a:hover{border-color:var(--red);background:#fff}
.card{border-radius:20px;border-color:#e1e6ef;padding:17px;box-shadow:0 4px 16px #18233803;transition:transform .25s,box-shadow .25s,border-color .25s}
.card:hover{box-shadow:0 12px 30px #19294212;transform:translateY(-3px);border-color:#c7d1e0}
.productimage{height:200px;padding:10px;background:linear-gradient(150deg,#f8fafc,#f0f3f8);border-radius:13px;margin:0 0 17px;overflow:hidden}
.productimage img{mix-blend-mode:multiply;max-height:100%;transition:transform .35s}.productimage:hover img{transform:scale(1.055)}
.card>small{font-size:12px;letter-spacing:1.1px;font-weight:700;color:#7d8798}.card h3{font-size:15px;line-height:1.45;letter-spacing:-.15px;font-weight:650;margin:9px 0 8px}
.card .sku{font-size:12px;color:#808a9a}.cardbottom{border-top:1px solid #edf0f5;padding-top:13px}.price{font-size:24px;letter-spacing:-.65px;font-weight:750;color:#17202f}.price small{font-size:12px;color:#6f7b8d;letter-spacing:0}
.oldprice{font-size:12px;min-height:17px}.badge{top:13px;left:13px;z-index:2;border-radius:7px;padding:5px 8px;font-size:12px;background:#e6243c;color:#fff}
.stock{font-size:12px}.add{border:1px solid #e5e9f1;border-radius:10px;min-height:43px;background:#f2f5fa;color:#1a263a;font-size:14px;font-weight:650;margin-top:12px;padding:10px 7px}.add:hover{background:#111b2c;border-color:#111b2c;color:#fff}
.button{border-radius:10px;min-height:46px;font-size:14px}.button.secondary{border-radius:10px}.listcard{border-radius:18px;background:#fff;border:1px solid var(--line)}.articleimage{height:200px;border-radius:12px}
.pagehead h1{font-size:38px;letter-spacing:-1.2px;line-height:1.12}.pagehead p{font-size:16px;line-height:1.6}.breadcrumb{font-size:13px}
.sidebar{background:#fff;border-radius:17px;padding:20px;box-shadow:0 8px 25px #18253b04}.sidebar h2{font-size:19px;font-weight:700;letter-spacing:-.3px}
.filtergroup summary{font-size:14px;font-weight:650;padding:5px 0}.filtergroup select,.cataloguetop select{border:1px solid var(--line);border-radius:9px;min-height:42px;background:#fff;padding:8px;color:var(--ink);font-size:14px;max-width:100%}
.filteroptions label{font-size:14px;min-height:35px;align-items:center;line-height:1.4}.filteroptions input[type=checkbox]{width:17px;height:17px;accent-color:var(--red);flex-shrink:0}.filteroptions small{font-size:12px}.filteroptions{scrollbar-width:thin}
.range input{border-radius:8px;min-height:42px;font-size:14px}.activefilters{gap:7px;flex-wrap:wrap}.chip{font-size:13px;padding:7px 11px;min-height:35px;border-radius:8px}.cataloguetop{min-height:60px;padding:0 0 12px;border-bottom:1px solid var(--line);margin-bottom:17px}
.filtermobile{border-radius:10px;min-height:44px;padding:10px 13px;background:#121b2b;color:white;border:0;font-size:14px;font-weight:650}.filtermobile:hover{background:var(--red);color:#fff}
.pagination a{border-radius:10px;min-width:40px;min-height:40px}.gallerymain{border-radius:20px;border:1px solid var(--line);background:#fff;padding:18px}.thumbs button{border-radius:10px;border-color:var(--line)}.productsummary h1{letter-spacing:-.8px}.specpill{border-radius:8px;padding:7px 11px;font-size:13px;background:#edf2f9}.buyrow input{border-radius:10px}
.quotesummary,.contactcards article{border-radius:18px}.quotesummary input,.quotesummary textarea{border-radius:8px}.brandlist a{border-radius:16px;background:#fff;border-color:var(--line)}
footer{background:#111621;color:#b4bfd1;border-top:1px solid #263247}.footergrid h3{color:#f4f7fd;font-size:15px}.footergrid a{font-size:14px;line-height:1.7}.footergrid a:hover{color:#fff}.footergrid p{color:#a7b3c7}.footerline{border-top-color:#ffffff18;color:#8795aa}.footeraddress strong{color:#e4eaf4;font-weight:600}.bottomcta{background:#f0f3f9}
@media(min-width:1000px){.sidebar{position:sticky;top:82px;max-height:calc(100dvh - 104px);overflow:auto;scrollbar-width:thin}}
@media(max-width:1100px){nav.wrap{gap:15px}.navlinks{gap:20px}.universegrid{gap:14px}.universecard{padding:16px;min-height:270px}.universeimage{height:140px}.universecopy>strong{font-size:19px}.universecopy>span{font-size:12px}.computers .universecopy>strong{font-size:29px}.computers .universecopy>span{font-size:12px}.sectionhead h2{font-size:30px}.productimage{height:185px}.brandstrip>span{display:none}.brandstriplinks a{font-size:22px}}
@media(max-width:900px){.universegrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.universecard{min-height:300px;padding:21px}.universeimage{height:185px}.universecopy>strong{font-size:23px}.universecopy>span{font-size:13px}.universecard.computers{min-height:275px}.computers .universeimage{width:56%;right:12px;padding:10px}.computers .universecopy{max-width:44%}.computers .universecopy>strong{font-size:37px}.computers .universecopy>span{font-size:14px}.megacontent{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.familydirectory{grid-template-columns:1fr}.brandstriplinks{gap:25px}}
@media(max-width:600px){.wrap{padding-left:18px;padding-right:18px}header{gap:12px;padding-top:8px;padding-bottom:12px}.brand img{width:112px;height:54px}.basketbutton{padding:9px 12px;border-radius:10px;font-size:13px}.globalsearch{border-radius:12px}.globalsearch input{font-size:16px;padding:13px 14px}.globalsearch button{min-width:46px;padding:4px 12px}nav.wrap{gap:12px;min-height:55px;padding-left:18px;padding-right:0}.navlinks{gap:18px;padding-right:18px}.navlinks>a{min-height:55px;font-size:13px}.mega summary{font-size:13px;min-height:39px;padding:9px 12px;border-radius:8px;gap:8px}.mega summary span{display:inline}.megacontent{left:10px;right:10px;top:100%;padding:19px 15px;gap:18px;max-height:calc(100dvh - 80px)}.megafamilyhead{font-size:14px;gap:8px;flex-direction:column;align-items:flex-start}.megafamilyhead img{width:65px;height:55px}.megafamily>a,.megasubnodes a{font-size:13px;min-height:36px}.brandstrip{padding-top:15px;padding-bottom:15px;gap:0}.brandstriplinks{justify-content:flex-start;gap:27px;padding:2px 0}.brandstriplinks a{font-size:20px}.section{padding-top:28px;padding-bottom:22px}.sectionhead{align-items:flex-start;gap:14px;flex-wrap:wrap;margin-bottom:19px}.sectionhead h2{font-size:28px;line-height:1.13;letter-spacing:-.8px;margin-top:9px;max-width:100%}.sectionhead>div{flex:1;min-width:0}.sectionhead>.sectionlink{font-size:13px;gap:7px;white-space:normal;align-self:flex-end;max-width:115px;text-align:right;justify-content:flex-end;padding-bottom:2px}.sectionlink>span{width:27px;height:27px;flex-shrink:0}.sectionlink svg{width:14px;height:14px}.eyebrow{font-size:11px;letter-spacing:1.3px}.universesection .sectionhead{flex-wrap:nowrap}.universesection .sectionhead h2{font-size:27px;max-width:240px}.universegrid{gap:12px}.universecard{border-radius:18px;min-height:255px;padding:14px}.universecount{font-size:11px;padding:4px 7px}.universeimage{height:137px;margin-bottom:11px;padding:8px 0 2px}.universecopy{gap:5px;padding-right:10px}.universecopy>strong{font-size:18px;line-height:1.18;letter-spacing:-.4px}.universecopy>span{font-size:12px;line-height:1.5;padding-right:5px}.universego{right:10px;bottom:13px;width:23px;height:23px}.universego svg{width:12px;height:12px}.universecard.computers{padding:21px;min-height:235px}.computers .universeimage{right:-8px;width:62%;padding:12px 0}.computers .universecopy{max-width:46%;margin-bottom:8px}.computers .universecopy>strong{font-size:28px;letter-spacing:-.8px}.computers .universecopy>span{font-size:12px;line-height:1.6}.computers .universego{right:17px;bottom:16px;width:28px;height:28px}.grid,.cataloguegrid{gap:12px}.card{padding:12px;border-radius:16px}.productimage{height:145px;padding:9px;border-radius:11px;margin:0 0 13px}.card>small{font-size:11px;letter-spacing:.7px}.card h3{font-size:14px;line-height:1.4}.card .sku{font-size:11px;overflow-wrap:anywhere}.price{font-size:21px;letter-spacing:-.7px}.price small{font-size:11px}.badge{top:9px;left:9px;padding:4px 6px;font-size:11px}.add{font-size:12px;padding:9px 4px;min-height:42px;border-radius:8px}.stock{font-size:11px}.oldprice{font-size:11px}.pagehead h1{font-size:29px;letter-spacing:-.8px}.pagehead p{font-size:14px}.sidebar{position:fixed;inset:0;z-index:90;border-radius:0;padding:22px;background:#fff;max-height:100dvh;overflow-y:auto}.sidebar h2{padding-top:6px;padding-right:35px}.mobileclose{position:sticky;top:0;width:40px;height:40px;z-index:2;background:#f0f3f8;border-radius:10px}.filteroptions label{font-size:15px;min-height:40px}.filtergroup summary{font-size:15px;padding:8px 0}.filtergroup select,.range input{font-size:16px}.cataloguetop{position:sticky;top:55px;z-index:20;background:#fcfdfff5;backdrop-filter:blur(12px);padding:10px 0;gap:10px}.cataloguetop>span{font-size:12px}.cataloguetop label{font-size:0;margin-left:auto}.cataloguetop select{font-size:13px;max-width:145px;min-height:42px}.chip{font-size:12px}.familygroup{padding:20px;border-radius:16px}.familygroup h2{font-size:21px}.familydirectory{gap:16px;margin-top:25px}.familysublinks a{font-size:13px}.footergrid{gap:28px}.footerline{font-size:12px}.bannernote{font-size:11px;line-height:1.55}.articleimage{height:180px}}
@media(max-width:370px){.universecopy>strong{font-size:16px}.universecopy>span{font-size:11px}.universecard{padding:12px;min-height:240px}.universeimage{height:128px}.computers .universecopy>strong{font-size:25px}.card{padding:10px}.productimage{height:130px}.price{font-size:19px}.sectionhead h2{font-size:25px}.sectionhead>.sectionlink{font-size:12px;max-width:105px}.universesection .sectionhead h2{font-size:25px}}
@media(prefers-reduced-motion:reduce){.universecard,.universeimage img,.card,.productimage img,.globalsearch{transition:none}.universecard:hover,.card:hover{transform:none}}

/* Exclusive distribution and owner-confirmed delivery commitments. */
.servicesection{padding-top:24px;padding-bottom:0}.serviceribbon{display:grid;grid-template-columns:1fr 1fr 1.1fr 1.4fr;border:1px solid var(--line);border-radius:17px;background:#fff;overflow:hidden}
.serviceribbon>a{display:flex;flex-direction:column;justify-content:center;gap:6px;padding:20px 23px;border-right:1px solid var(--line);min-height:94px}.serviceribbon>a:last-child{border:0}.serviceribbon strong{font-size:22px;line-height:1.2;letter-spacing:-.5px;color:var(--ink)}.serviceribbon strong small{font-size:16px}.serviceribbon span{font-size:13px;color:var(--muted);line-height:1.5}.serviceribbon>a:hover{background:#f5f7fb}.serviceribbon>a:hover strong{color:var(--red)}.servicenote{font-size:12px;color:var(--muted);margin:9px 2px 0;line-height:1.6}.servicenote a{text-decoration:underline;text-underline-offset:3px}
.exclusivesection{padding-top:26px;padding-bottom:12px}.exclusivepanel{border-radius:24px;background:radial-gradient(ellipse at 96% 0%,#293950,#111925 65%);padding:32px;color:#fff;overflow:hidden}
.exclusiveintro{display:flex;align-items:flex-end;justify-content:space-between;gap:35px;margin-bottom:25px}.exclusiveintro .eyebrow{color:#ff8b97;font-size:12px;letter-spacing:1.8px}.exclusiveintro h2{font-size:38px;line-height:1.08;letter-spacing:-1.2px;margin:12px 0 0;color:#fff}.exclusiveintro h2 em{font-style:normal;color:#ff939e}.exclusiveintro>p{max-width:390px;font-size:15px;color:#bfcbdc;line-height:1.65;margin:0 0 3px}
.exclusivegrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}.exclusivecard{--exclusive-accent:#78a629;display:flex;flex-direction:column;min-width:0;background:#fff;color:#162033;padding:20px;border-radius:16px;border:1px solid #ffffff;transition:transform .25s,box-shadow .25s}.exclusivecard.okview{--exclusive-accent:#4068ce}.exclusivecard.omega-screen{--exclusive-accent:#6b9826}.exclusivecard.sipu{--exclusive-accent:#de3147}.exclusivecard:hover{transform:translateY(-4px);color:#162033;box-shadow:0 14px 25px #0003}.exclusivelogo{font-weight:800;font-size:23px;letter-spacing:-.7px;line-height:1.25;color:var(--exclusive-accent)}.okview .exclusivelogo,.sipu .exclusivelogo{letter-spacing:1px}.exclusivevisual{display:flex;height:140px;align-items:center;justify-content:center;margin:12px 0 15px;background:#f5f7fa;border-radius:10px;padding:8px}.exclusivevisual img{display:block;width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply}.exclusivecard h3{font-size:18px;line-height:1.2;letter-spacing:-.3px;margin:0 0 9px}.exclusivecard>p{font-size:13px;line-height:1.55;color:#6b778a;margin:0 0 17px;flex:1}.exclusivecta{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:13px;font-weight:650;border-top:1px solid #e5eaf1;padding-top:13px}.exclusivecta svg{width:17px;height:17px;color:var(--exclusive-accent);flex-shrink:0}
.productservices{display:flex;flex-direction:column;gap:6px;margin:20px 0;padding:15px 17px;border:1px solid var(--line);background:#f3f6fb;border-radius:12px;font-size:14px;line-height:1.6}.productservices>span:nth-child(2){font-weight:650}.productservices a{font-size:13px;text-decoration:underline;text-underline-offset:3px}
.quoteservices{margin:18px 0;padding:15px;border:1px solid #dce4ef;background:#f5f8fc;border-radius:12px;font-size:13px;line-height:1.55}.quoteservices p{margin:0 0 10px}.quoteservices strong{font-size:14px;color:#255c39}.quoteservices small{display:block;color:var(--muted);font-size:12px}.quoteservices>a{display:flex;align-items:center;gap:9px;font-weight:650}.quoteservices svg{width:15px;height:15px}
@media(max-width:1050px){.exclusivepanel{padding:26px}.exclusivegrid{gap:12px}.exclusivecard{padding:16px}.exclusivelogo{font-size:21px}.exclusivecard h3{font-size:17px}.exclusiveintro h2{font-size:34px}.exclusiveintro>p{max-width:320px;font-size:14px}.serviceribbon>a{padding:18px}.serviceribbon strong{font-size:20px}}
@media(max-width:760px){.serviceribbon{grid-template-columns:repeat(2,minmax(0,1fr));border-radius:15px}.serviceribbon>a{min-height:92px;padding:15px 18px}.serviceribbon>a:nth-child(2){border-right:0}.serviceribbon>a:nth-child(-n+2){border-bottom:1px solid var(--line)}.serviceribbon strong{font-size:21px}.serviceribbon span{font-size:12px}.exclusiveintro{display:block}.exclusiveintro>p{margin-top:17px;max-width:100%;font-size:14px}.exclusivegrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.exclusiveintro h2{font-size:35px}.exclusivecard{padding:18px}.exclusivevisual{height:140px}.exclusivesection{padding-top:22px}.exclusivepanel{padding:25px;border-radius:20px}.exclusivecta{font-size:12px}}
@media(max-width:480px){.servicesection{padding-top:18px}.serviceribbon>a{padding:14px 13px;min-height:91px;gap:5px}.serviceribbon strong{font-size:19px;letter-spacing:-.4px}.serviceribbon span{font-size:12px}.servicenote{font-size:11px}.exclusivepanel{padding:22px 15px}.exclusiveintro{padding:0 4px;margin-bottom:21px}.exclusiveintro h2{font-size:31px;letter-spacing:-.8px}.exclusiveintro .eyebrow{font-size:11px}.exclusiveintro>p{font-size:14px}.exclusivegrid{gap:10px}.exclusivecard{padding:13px;border-radius:12px}.exclusivelogo{font-size:18px;letter-spacing:-.6px}.exclusivevisual{height:110px;padding:4px;margin:12px 0}.exclusivecard h3{font-size:16px;line-height:1.25}.exclusivecard>p{font-size:12px;line-height:1.55}.exclusivecta{font-size:12px;line-height:1.4;gap:4px}.exclusivecta svg{width:14px;height:14px}.productservices{font-size:13px}.productservices a{font-size:12px}}
@media(prefers-reduced-motion:reduce){.exclusivecard{transition:none}.exclusivecard:hover{transform:none}}

/* Light product campaigns: full product silhouettes and uncluttered typography. */
.bannersection{max-width:1920px;padding-top:24px}
.bannerrail{border:1px solid #e1e7eb;border-radius:24px;overflow:hidden;background:#fff;box-shadow:0 12px 40px #16384e0a;--accent:#096a98}
.bannerslide{--accent:#096a98;min-height:560px;grid-template-columns:46% 54%;background:linear-gradient(110deg,#edf8ff 0%,#f8fcff 43%,#fff 74%);color:#112a3b}
.bannerslide.hp{--accent:#086d9b;background:linear-gradient(110deg,#e8f6ff,#fff 77%)}
.bannerslide.canon{--accent:#ba2534;background:linear-gradient(110deg,#fff0f1,#fff 77%)}
.bannerslide.logitech{--accent:#00756e;background:linear-gradient(110deg,#e5faf6,#fff 77%)}
.bannerslide.bags{--accent:#b62835;background:linear-gradient(110deg,#fff2eb,#fff 77%)}
.bannerslide::after,.bannerart::before{display:none}
.bannercopy{padding:46px 0 46px 56px}
.bannerbrand{margin-bottom:38px;gap:18px}.bannerbrand>span{color:var(--accent)}
.bags .bannerbrand>span{color:#fff}.bannerbrand small{color:#526672;border-color:#b5c7d0;font-size:12px;letter-spacing:1px}
.bannerkicker{color:var(--accent);font-size:14px;letter-spacing:1.5px}
.bannercopy h1{font-size:clamp(38px,4.3vw,68px);font-weight:750;line-height:1.06;letter-spacing:-2.5px;margin-bottom:22px}
.bannercopy h1 em{background:none;-webkit-text-fill-color:var(--accent);color:var(--accent)}
.bannerdesc{color:#465e6e;font-size:17px;line-height:1.6;max-width:410px;margin-bottom:27px}
.bannerprice>span,.bannerprice small,.bannerprice small b{color:#486171}.bannerprice strong{color:#112a3b;font-size:52px}
.bannercta{background:var(--accent);color:#fff;border-radius:999px;padding:14px 23px;box-shadow:none;font-size:15px;min-height:50px}
.bannercta span{border-color:#ffffff60}.bannercta:hover{background:#102f43;border-color:#102f43;color:#fff;box-shadow:none}
.bannerart{padding:44px 42px 92px 20px;isolation:isolate;background:#fff;border-radius:46% 0 0 46%}
.banneredition{display:none}
.bannerart .bannerproduct{max-width:760px;transform:none;filter:none;mix-blend-mode:multiply}
.bannerart .bannerproduct:hover{transform:translateY(-4px)}
.bannerart .bannerproduct img{width:100%;height:380px;object-fit:contain;object-position:center;filter:none}
.logitech .bannerproduct{max-width:420px}.bags .bannerproduct{max-width:430px}
.bannerproductlabel{bottom:29px;min-width:260px;padding:12px 20px;border:0;border-radius:0;background:transparent;backdrop-filter:none;box-shadow:none;color:#213e50;border-top:1px solid #dae4eb}
.bannerproductlabel strong{font-size:17px}.bannerproductlabel small{font-size:13px;color:#667b88}.bannerproductlabel:hover{color:var(--accent)}
.bannercontrols{background:#fff;border-top:1px solid #e2e9ee;padding:0 30px;gap:24px}.bannerdots button{color:#586f7f;min-height:70px}.bannertablabel{font-size:14px}.bannertabnumber{color:#81929e}.bannerdots .active{color:#122f41}.bannerdots .active .bannertabnumber{color:#096a98}.bannerdots i{background:#e6edf1}.bannerdots .active i{background:#dbeef8}.bannerdots i::after{background:#096a98}
.bannerarrows button{color:#264658;background:#f5f8fa;border-color:#dce5ea;border-radius:50%;width:40px;height:40px}.bannerarrows button:hover{color:#fff;background:#096a98;border-color:#096a98}
.bannerrail a:focus-visible,.bannerrail button:focus-visible{outline:3px solid #096a98;outline-offset:4px}
@media(min-width:1500px){.bannerslide{min-height:640px}.bannercopy{padding-left:70px}.bannerart .bannerproduct img{height:465px}}
@media(max-width:1100px){.bannercopy{padding-left:30px}.bannercopy h1{font-size:45px}.bannerart{padding-right:25px}.bannerart .bannerproduct img{height:340px}.bannerbrand small{font-size:12px}.bannertablabel{font-size:13px}}
@media(max-width:760px){.bannerslide{grid-template-columns:1fr;min-height:0}.bannercopy{padding:30px 30px 20px}.bannerbrand{margin-bottom:24px}.bannercopy h1{font-size:44px;letter-spacing:-1.6px}.bannerdesc{font-size:16px;margin-bottom:20px;max-width:100%}.banneroffer{flex-direction:row;align-items:center;gap:22px;flex-wrap:wrap}.bannerprice strong{font-size:42px}.bannerart{border-radius:36px 36px 0 0;max-width:none;padding:16px 30px 64px;height:320px;margin:0;width:100%}.bannerart .bannerproduct img{height:245px}.bannerproductlabel{bottom:12px;min-width:245px}.bannercontrols{padding:0 14px;gap:12px}.bannerdots button{min-height:58px}.bannerarrows button{width:34px;height:34px}.bannertabnumber{display:block}.bannertablabel{display:none}}
@media(max-width:480px){.bannersection{padding-top:16px}.bannerrail{border-radius:20px}.bannercopy{padding:26px 23px 22px}.bannerbrand{margin-bottom:22px}.bannerkicker{font-size:12px;letter-spacing:1px}.bannercopy h1{font-size:40px}.bannerdesc{font-size:15px}.banneroffer{gap:16px}.bannerprice strong{font-size:40px}.bannercta{font-size:14px;padding:12px 18px;min-height:46px}.bannerart{height:278px;padding:8px 22px 58px}.bannerart .bannerproduct img{height:213px}.bannerproductlabel strong{font-size:15px}.bannerproductlabel small{font-size:12px}}

.bannerrail{color-scheme:light;color:#112a3b}

/* Authentic brand marks, original proportions and colours. */
.bannerbrand .officialbrandlogo{width:132px;height:46px;object-fit:contain;object-position:left center;display:block;flex-shrink:0}
.bannerbrand .brandlogo-hp{width:58px;height:58px}.bannerbrand .brandlogo-canon{width:145px}.bannerbrand .brandlogo-logitech{width:150px}.bannerbrand .brandlogo-lenovo{width:142px}
.brandstriplinks{align-items:center;gap:34px}.brandstriplinks>a{display:flex;align-items:center;justify-content:center;min-width:92px;min-height:65px;padding:10px 6px;flex-shrink:0}
.brandstriplinks .officialbrandlogo{display:block;width:115px;height:35px;object-fit:contain;filter:none;opacity:1}
.brandstriplinks .brandlogo-hp,.brandstriplinks .brandlogo-dell{width:48px;height:48px}.brandstriplinks .brandlogo-apple{width:36px;height:43px}
@media(max-width:600px){.bannerbrand .officialbrandlogo{max-width:122px;height:38px}.bannerbrand .brandlogo-hp{width:48px;height:48px}.brandstriplinks{gap:24px}.brandstriplinks>a{min-width:76px;min-height:60px}.brandstriplinks .officialbrandlogo{width:96px;height:30px}.brandstriplinks .brandlogo-hp,.brandstriplinks .brandlogo-dell{width:40px;height:40px}.brandstriplinks .brandlogo-apple{width:30px;height:36px}}

/* Supplied Omega Screen and official OKVIEW logos. */
.exclusivelogo{height:50px;display:flex;align-items:center;overflow:hidden}.exclusivebrandimage{display:block;max-width:100%;height:50px;object-fit:contain;object-position:left center}.exclusivebrandimage.okview{width:139px}.exclusivebrandimage.omega-screen{width:100%;height:auto;flex-shrink:0}.brandlistlogo{height:50px;display:flex;align-items:center;overflow:hidden;max-width:240px}

/* Frame the exact supplied logo, preserving the original image bytes. */
.omega-toner-logocrop{position:relative;display:block;width:100%;max-width:240px;aspect-ratio:6.6;overflow:hidden;flex-shrink:0}.omega-toner-logocrop img{position:absolute;display:block;width:170.151515%;max-width:none;height:auto;left:-39.090909%;top:-665%;margin:0}

/* Canon launch campaign — panoramic artwork, readable offer links on mobile. */
.bannerrail[data-tone="canon-promo"]{--accent:#d5091c}
.bannerslide.canon-promo{display:block;min-height:0;background:#fff;color:#172631}
.bannerslide.canon-promo[hidden]{display:none}
.canon-promo-art{display:block;width:100%;line-height:0;background:#fff}
.canon-promo-art img{display:block;width:100%;height:auto;aspect-ratio:3/1;object-fit:contain}
.canon-promo-mobile{display:none}
.canon-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:760px){.canon-promo-mobile{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:14px;background:#fff7f7}.canon-promo-mobile>a{display:flex;flex-direction:column;gap:7px;padding:14px 11px;border:1px solid #f2dadd;border-radius:12px;background:#fff;color:#162736}.canon-promo-mobile span{font-size:14px;font-weight:650;line-height:1.35}.canon-promo-mobile strong{font-size:24px;line-height:1.2;color:#c90820;letter-spacing:-.5px}.canon-promo-mobile small{font-size:12px;letter-spacing:0;white-space:nowrap}.canon-promo-mobile em{font-size:12px;font-style:normal;line-height:1.35;min-height:32px;color:#6a4550}.canon-promo-mobile b{font-size:13px;color:#c90820;margin-top:auto}}

.bannerrail[data-tone="canon-promo"][data-playing="true"] .bannerdots.active i::after,.bannerrail[data-tone="canon-promo"][data-playing="true"] .bannerdots .active i::after{animation-duration:12s}
.cartheading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:18px}.cartheading h2{margin:0;font-size:24px}.cartheading>span{font-size:14px;color:var(--muted)}.cartlayout{align-items:start;margin-bottom:55px}.checkoutsummary{padding:28px}.checkoutsummary h2{margin:0 0 9px}.checkoutsummary label{display:block;font-size:15px;font-weight:650;margin:18px 0 8px}.checkoutsummary label small{float:right;color:var(--muted);font-size:13px;font-weight:400}.checkoutsummary input,.checkoutsummary textarea{display:block;width:100%;box-sizing:border-box;background:#fff;border:1px solid #cad3de;padding:12px 13px;font-size:16px;line-height:1.5;resize:vertical}.checkoutsummary input:focus,.checkoutsummary textarea:focus{outline:2px solid #bd233733;outline-offset:1px;border-color:#bd2337}.requiredmark{color:#bc1830}.requirednote,.fieldhint,.checkoutprivacy,.checkoutfootnote{font-size:13px;color:#526174;line-height:1.6}.requirednote{margin:0 0 22px}.fieldhint{margin:7px 0 14px}.checkoutprivacy{margin:18px 0 12px}.checkoutfootnote{text-align:center;margin:12px 0 0}.checkoutsubmit{display:block;width:100%;min-height:52px;font-size:16px;margin-top:12px;cursor:pointer}.checkoutsubmit:disabled{opacity:.65;cursor:wait}.checkoutsummary .quotetotal{gap:16px;align-items:flex-start;margin-top:24px}.quotetotal strong{white-space:nowrap}.order-trap{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);left:-10000px}.orderreassurance{padding:21px;background:#f0f4f9;border-radius:13px;margin-top:26px;color:#34465c;font-size:15px;line-height:1.7}.orderreassurance p{margin:8px 0 0}.checkouterror{padding:14px;border:1px solid #e4a6ae;background:#fff0f2;color:#8b1530;border-radius:8px;font-size:14px;line-height:1.6}.ordersuccess{max-width:790px;margin:0 auto;padding:35px;background:#fff;border:1px solid var(--line);border-radius:20px}.ordersuccess h1{font-size:36px;line-height:1.2;margin:14px 0 20px;letter-spacing:-1px}.ordersuccess>p{line-height:1.7}.orderreference{background:#f1f5f9;padding:14px 18px;border-radius:9px;overflow-wrap:anywhere}.orderreceipt{padding:0;list-style:none;margin:28px 0}.orderreceipt li{display:flex;gap:20px;justify-content:space-between;padding:14px 0;border-bottom:1px solid var(--line);font-size:15px;line-height:1.5}.orderreceipt li strong{white-space:nowrap}.ordersuccess-contact{display:inline-block;margin:18px;color:#b41f34;font-size:15px}.pricepending{font-size:20px}.cartempty{padding:50px 20px;text-align:center}.cartempty .button{display:inline-flex;margin-top:15px}@media(max-width:760px){.checkoutsummary{padding:22px}.ordersuccess{padding:24px 19px}.ordersuccess h1{font-size:29px}.orderreceipt li{flex-direction:column;gap:7px}.cartlayout{margin-bottom:35px}.checkoutsummary .quotetotal{flex-wrap:wrap}.quoterow{row-gap:12px}.quoterow input{min-height:42px;font-size:16px}.quoterow button{min-width:35px;min-height:42px}.orderreassurance{margin-bottom:16px}}

/* Approved panoramic office photography: live copy, original brand logos. */
.bannerslide.lifestyle-slide{display:grid;grid-template-columns:38% 62%;min-height:0;aspect-ratio:3/1;background:#f3f7fa;align-items:center}
.bannerslide.lifestyle-slide[hidden]{display:none}
.lifestyle-scene{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;z-index:0}
.lifestyle-slide .bannercopy{padding:24px 18px 24px clamp(24px,3.1vw,58px);align-self:center}
.lifestyle-slide .bannerbrand{gap:12px;margin-bottom:18px}
.lifestyle-slide .bannerbrand small{font-size:11px;letter-spacing:.7px;padding-left:12px}
.lifestyle-slide .bannerbrand .officialbrandlogo{height:36px;width:110px}
.lifestyle-slide .bannerbrand .brandlogo-hp{height:44px;width:44px}
.lifestyle-slide .bannerkicker{font-size:12px;letter-spacing:1px;margin-bottom:10px}
.lifestyle-slide .bannercopy h1{font-size:clamp(32px,3.35vw,62px);line-height:1.06;letter-spacing:-1.5px;margin-bottom:14px}
.lifestyle-slide .bannerdesc{font-size:clamp(14px,1.1vw,18px);line-height:1.5;margin-bottom:18px;max-width:340px}
.lifestyle-slide .banneroffer{gap:14px}
.lifestyle-slide .bannerprice{gap:3px}
.lifestyle-slide .bannerprice strong{font-size:clamp(34px,3vw,54px)}
.lifestyle-slide .bannercta{padding:10px 16px;min-height:44px;font-size:14px;gap:12px}
.bannerdots{grid-template-columns:repeat(var(--slide-count,5),minmax(0,1fr));gap:12px}
@media(min-width:761px) and (max-width:1100px){
 .bannerslide.lifestyle-slide{aspect-ratio:auto;min-height:440px;grid-template-columns:42% 58%}
 .lifestyle-scene{object-fit:contain;object-position:center bottom;background:#eef4f8}
 .lifestyle-slide .bannercopy{background:linear-gradient(90deg,#f5f8fbed,#f5f8fbd9 85%,transparent);padding:24px}
 .lifestyle-slide .bannerbrand small{display:none}
}
@media(max-width:760px){
 .bannerslide.lifestyle-slide{display:flex;flex-direction:column;aspect-ratio:auto;align-items:stretch}
 .bannerslide.lifestyle-slide[hidden]{display:none}
 .lifestyle-slide .bannercopy{order:0;width:100%;padding:26px 24px 22px;background:#f4f8fb}
 .lifestyle-slide .lifestyle-scene{position:relative;order:1;inset:auto;width:100%;height:auto;aspect-ratio:3/1;object-fit:contain;display:block}
 .lifestyle-slide .bannerbrand{margin-bottom:18px}
 .lifestyle-slide .bannercopy h1{font-size:clamp(34px,7vw,46px)}
 .lifestyle-slide .bannerdesc{font-size:16px;max-width:100%;margin-bottom:18px}
 .lifestyle-slide .banneroffer{flex-direction:row;align-items:center;flex-wrap:wrap;gap:16px 24px}
 .lifestyle-slide .bannerprice strong{font-size:38px}
 .bannerdots{gap:5px}.bannercontrols{gap:8px;padding:0 10px}
}

/* Launch campaign */
.launch-ribbon{display:flex;align-items:center;justify-content:space-between;gap:20px;background:#fff1f3;border:1px solid #ffdae1;border-radius:16px;padding:22px 28px;margin-top:24px}.launch-ribbon a{color:#df0033;font-weight:750}.launch-hero{display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:40px;padding-top:60px;padding-bottom:60px}.launch-hero h1{font-size:clamp(42px,5vw,72px);line-height:1.05;letter-spacing:-3px;margin:18px 0 24px}.launch-hero h1 em{color:#ec0035;font-style:normal}.launch-hero p{font-size:18px;line-height:1.65;max-width:550px;color:#4d5867;margin-bottom:30px}.launch-hero>img{width:100%;height:430px;object-fit:cover;object-position:75% center;background:#f4f7f9;border-radius:28px}.launch-textlink{display:block;margin-top:18px;font-weight:650}.launch-benefits{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #dce2e7;border-bottom:1px solid #dce2e7;padding-top:28px;padding-bottom:28px;gap:25px}.launch-benefits strong,.launch-benefits span{display:block}.launch-benefits strong{font-size:24px}.launch-benefits span{color:#586474;margin-top:7px}.launch-section{padding-top:64px;padding-bottom:64px;scroll-margin-top:90px}.launch-section h2,.launch-help h2{font-size:clamp(30px,3vw,44px);letter-spacing:-1.4px;margin:12px 0}.launch-section>p{color:#586474;line-height:1.7;margin-bottom:28px}.launch-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.launch-card{border:1px solid #e0e5eb;border-radius:22px;background:white;overflow:hidden;display:flex;flex-direction:column}.launch-card>a{padding:24px}.launch-card img{width:100%;height:230px;object-fit:contain}.launch-card>div{padding:4px 26px 28px;display:flex;flex-direction:column;flex:1}.launch-card .eyebrow{font-size:10px;letter-spacing:1px}.launch-card h3{font-size:24px;margin:12px 0}.launch-card p{color:#596474;font-size:14px;line-height:1.6}.launch-price{display:block;font-size:34px;color:#df0033;margin-top:auto;padding-top:20px;letter-spacing:-1px}.launch-price small,.launch-highlight small{font-size:14px;letter-spacing:0}.launch-card .launch-stock{font-size:12px}.launch-add{background:transparent;border:0;padding:16px 4px 0;cursor:pointer;font:inherit;font-size:14px;font-weight:650}.launch-tint{background:#f3f6f9}.launch-highlight{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:26px;background:#fff1f3;border-radius:22px;padding:30px}.launch-highlight h3{font-size:26px;margin:8px 0}.launch-highlight p{max-width:420px;line-height:1.5}.launch-highlight>strong{font-size:40px;color:#df0033;white-space:nowrap}.launch-help{display:grid;grid-template-columns:1.3fr 1fr;gap:36px;padding-top:64px;padding-bottom:35px}.launch-help p{line-height:1.7;color:#586474}.launch-help>div:last-child{display:flex;flex-direction:column;justify-content:center;gap:12px}.launch-conditions{font-size:12px;color:#657181;line-height:1.7;margin-bottom:60px}@media(max-width:900px){.launch-hero{gap:24px}.launch-grid{grid-template-columns:1fr 1fr}.launch-highlight{flex-wrap:wrap}}@media(max-width:600px){.launch-hero{grid-template-columns:1fr;padding-top:36px}.launch-hero h1{letter-spacing:-1.5px}.launch-hero>img{height:260px}.launch-grid{grid-template-columns:1fr}.launch-benefits{grid-template-columns:1fr;gap:20px}.launch-ribbon,.launch-highlight{align-items:flex-start;flex-direction:column}.launch-help{grid-template-columns:1fr}.launch-section{padding-top:40px;padding-bottom:40px}}