*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fff;color:#101927;font-family:Arial,Helvetica,sans-serif;font-size:15px;line-height:1.55}a{color:inherit;text-decoration:none}a:hover{color:#17395f}button,.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:#17395f;color:#fff;border:0;border-radius:7px;padding:13px 20px;font-weight:700;font-size:14px;cursor:pointer;transition:background .15s,transform .15s}button:hover,.button:hover{background:#101b2d;color:#fff;transform:translateY(-1px)}button:disabled{opacity:.5;cursor:not-allowed}button.secondary{background:#edf3fb;color:#174775}.light{background:#fff;color:#17395f}.top{display:flex;gap:24px;align-items:center;padding:8px max(4%,calc((100% - 1240px)/2));font-size:12px;color:#667384;border-bottom:1px solid #edf0f5}.top span{margin-right:auto;white-space:nowrap}.header{max-width:1320px;margin:auto;display:flex;gap:42px;align-items:center;padding:12px 35px}.logo{width:175px;height:66px;object-fit:contain}.search{display:flex;gap:8px;align-items:center;flex:1}.search input{margin:0;min-width:0}.search button{padding:8px 16px;font-size:20px}.cart-link{white-space:nowrap;font-weight:700}.cart-link b{border-radius:50%;background:#17395f;color:white;padding:3px 7px;font-size:12px}.nav{background:#f1f5fd;border-block:1px solid #e0e7f1;display:flex;justify-content:center;gap:0;align-items:center;padding:0 20px;position:relative;z-index:20}.nav>a{padding:17px 24px;font-weight:700;font-size:13px}.categories{display:flex;align-items:stretch}.nav-cat{position:relative}.nav-cat>summary{padding:17px 24px;font-size:13px;font-weight:700;cursor:pointer;list-style:none}.nav-cat>summary:after{display:none}.nav-cat:not(:last-child):after{content:'';position:absolute;right:0;top:20px;height:16px;border-right:1px solid #cdd9eb}.submenu{position:absolute;top:100%;left:0;min-width:245px;background:white;box-shadow:0 18px 40px #17396022;border:1px solid #e3eaf3;border-radius:0 0 12px 12px;padding:12px}.submenu a,.submenu summary{display:block;padding:10px;border-bottom:1px solid #edf1f6}.submenu details a{padding-left:24px}.mobile-menu{display:none}main{max-width:1240px;padding:35px 22px 70px;margin:auto;min-height:50vh}h1{font-size:clamp(28px,3.5vw,44px);line-height:1.15;letter-spacing:-1.5px;margin:15px 0 25px}h2{font-size:clamp(25px,3vw,35px);line-height:1.2;letter-spacing:-1px}h3{line-height:1.4;font-size:17px}p{color:#617084}.eyebrow{font-size:11px;letter-spacing:2px;font-weight:800;color:#17395f}.section-title{display:flex;align-items:center;justify-content:space-between;gap:20px}.section-title a{color:#17395f;font-weight:700}section{margin-bottom:42px}.hero{height:410px;position:relative;margin-top:-10px;border-radius:14px;overflow:hidden;color:#fff;background:#17395f}.slide{height:100%;display:grid;grid-template-columns:1.1fr 1fr;padding:45px 55px;background:linear-gradient(110deg,#084594,#17395f 70%,#4598f3)}[hidden]{display:none!important}.slide.server{background:linear-gradient(110deg,#0d1d35,#205d99)}.slide p{color:#dceaff}.hero-copy{position:relative;z-index:2;display:grid;grid-template-rows:24px 125px 58px 48px;gap:8px;align-content:start}.hero h1{font-size:42px;letter-spacing:-1.8px;line-height:1.15;margin:0}.hero-copy>p{margin:0;max-width:430px}.hero .button{justify-self:start;align-self:end;min-width:190px}.devices{position:relative;min-width:0;align-self:center;height:270px;transform:rotate(-5deg)}.laptop-art{position:absolute;width:220px;height:140px;left:70px;top:65px;border:10px solid #14283c;border-radius:10px;background:linear-gradient(135deg,#7dcdff,#1654c8);box-shadow:0 20px 35px #001c4c66}.laptop-art:after{content:'';position:absolute;bottom:-24px;left:-25px;right:-25px;height:16px;background:#cbd8e7;border-radius:0 0 20px 20px}.monitor-art{position:absolute;width:200px;height:130px;left:165px;top:0;border:9px solid #152f49;border-radius:9px;background:linear-gradient(140deg,#3cc3ff,#0942a6);box-shadow:0 20px 30px #001c4c33}.monitor-art:after{content:'';position:absolute;width:80px;height:35px;background:#d2deec;bottom:-42px;left:50px;clip-path:polygon(40% 0,60% 0,70% 80%,100% 80%,100% 100%,0 100%,0 80%,30% 80%)}.tower-art{position:absolute;width:85px;height:165px;left:320px;top:65px;border-radius:8px;background:repeating-linear-gradient(0deg,#142c47 0 16px,#263f59 17px 20px);border:6px solid #b3c8e2;box-shadow:0 15px 25px #001c4c44}.server-art{position:absolute;inset:35px 30px 30px 60px;border-radius:10px;background:#112b44;border:8px solid #a7bfd7;padding:12px;display:none}.server-art i{display:block;height:41px;background:repeating-linear-gradient(90deg,#243f59 0 8px,#43617a 9px 11px);margin:8px;border-right:16px solid #3ce6a0}.laptop .monitor-art,.laptop .tower-art{display:none}.laptop .laptop-art{width:270px;height:170px;left:65px;top:40px}.server .server-art{display:block}.server .laptop-art,.server .monitor-art,.server .tower-art,.pc .laptop-art{display:none}.pc .monitor-art{left:40px;top:30px;width:240px;height:160px}.pc .tower-art{left:300px;top:45px;height:190px}.slider-controls{position:absolute;bottom:13px;left:50%;transform:translateX(-50%);display:flex;gap:7px}.slider-controls button{padding:4px 8px;background:#ffffff22;color:#fff;font-size:12px}.slider-controls button[aria-pressed=true]{background:#fff;color:#17395f}.services{display:grid;grid-template-columns:repeat(3,1fr);padding:25px 0;gap:22px}.services article{display:flex;align-items:center;justify-content:center;gap:14px;font-size:12px;color:#6b7a8b}.services b{background:#ecf4ff;color:#17395f;border-radius:50%;width:40px;height:40px;display:grid;place-items:center;font-size:20px}.services strong{display:block;color:#15263c;font-size:14px}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.card{border:1px solid #e1e8f1;border-radius:12px;overflow:hidden;background:white;height:100%;display:flex;flex-direction:column;transition:box-shadow .2s}.card:hover{box-shadow:0 10px 25px #183a6210}.visual{background:#f3f7fd;display:block;height:210px;padding:20px}.visual img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply}.card-body{padding:20px;display:flex;flex-direction:column;flex:1}.card h3{margin:14px 0;flex:1;overflow-wrap:anywhere}.card form{margin-top:15px}.card button{width:100%}.row{display:flex;justify-content:space-between;gap:10px}.row small{color:#17395f;font-weight:bold}.badge{display:inline-block;padding:4px 8px;border-radius:20px;font-size:11px;font-weight:bold}.new{background:#fff0f1;color:#bc1836}.used{background:#e9f7ef;color:#207545}.price{margin:12px 0}.price strong{font-size:26px}.price .sale{color:#cb263d}.price del{color:#8993a2;font-size:14px;display:block}.price small{display:block;color:#6b7a8b}.muted{font-size:13px;color:#748091}.offer{font-size:12px;text-transform:uppercase;font-weight:800;letter-spacing:1px;color:#17395f}.category-tiles{display:grid;gap:16px;grid-template-columns:1fr 1fr}.category-tiles>a{position:relative;overflow:hidden;background:#f1f6fd;padding:25px;border:1px solid #e2eaf4;border-radius:12px;min-height:170px}.category-tiles>a>div{position:relative;z-index:1;max-width:70%}.category-tiles p{font-size:12px}.category-art{position:absolute;right:0;top:0;bottom:0;width:33%;display:grid;place-items:center;background:#dceaff;color:#17395f;clip-path:polygon(35% 0,100% 0,100% 100%,0 100%);font-size:90px;padding-left:25px}.refurb{display:flex;gap:30px;align-items:center;justify-content:space-between;background:#edf4ff;border-radius:16px;padding:45px;margin-top:40px}.refurb>strong{font-size:110px;color:#17395f;text-align:center;padding:20px}.refurb small{display:block;font-size:16px}.panel{padding:28px;border:1px solid #e0e7f0;border-radius:12px;background:white;min-width:0}.narrow{max-width:560px;margin:30px auto}.catalog{display:grid;grid-template-columns:235px minmax(0,1fr);gap:25px}.results{grid-template-columns:repeat(2,minmax(0,1fr))}.filters{padding:20px;border:1px solid #e0e7f0;border-radius:12px}.filters>summary{font-weight:800;font-size:19px;cursor:pointer}.filters details{border-bottom:1px solid #e2e9f1;padding:12px 0}.filters details summary{cursor:pointer}.filters form{display:grid;gap:12px}.filters select{max-width:100%}.pagination{display:flex;gap:8px;flex-wrap:wrap;margin:25px 0}.pagination a{padding:8px 15px;border:1px solid #dae4f1;border-radius:6px}.pagination a[aria-current]{background:#17395f;color:white}.detail{display:grid;grid-template-columns:1fr 1fr;gap:50px}.detail h1{font-size:34px}.main-image{width:100%;height:370px;object-fit:contain;background:#f5f8fc;border-radius:12px}.thumbnails{display:flex;gap:10px;flex-wrap:wrap;margin:15px 0}.thumbnails button{background:white;border:1px solid #e1e8f1;padding:4px}.thumbnails img{width:65px;height:65px;object-fit:contain}.availability{color:#287245;font-weight:bold}.specs div{display:grid;grid-template-columns:1fr 2fr;gap:25px;padding:17px}.specs div:nth-child(odd){background:#f4f7fc}.specs dd{margin:0;overflow-wrap:anywhere}.specs dt{font-weight:700}.checkout-layout{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(260px,1fr);gap:25px;align-items:start}.summary{position:sticky;top:20px}.cart-row{display:grid;grid-template-columns:90px 1fr auto;gap:20px;padding:20px 0;border-bottom:1px solid #e2e8f0}.cart-row img{width:90px;height:90px;object-fit:contain}.cart-row h3{margin-top:0}.cart-row input{width:75px}.cart-row .inline{flex-wrap:wrap}.cart-row button{padding:9px}.cart-row strong{white-space:nowrap}.fields{display:grid;grid-template-columns:1fr 1fr;gap:16px}.fields>button{align-self:end}label{display:block;font-size:13px;font-weight:700;margin-bottom:15px}input,select,textarea{display:block;width:100%;font:inherit;color:#15263c;border:1px solid #d5dfeb;border-radius:7px;background:white;padding:12px;margin-top:6px}textarea{min-height:100px;resize:vertical}input[type=radio],input[type=checkbox]{width:18px;height:18px;margin:0;flex-shrink:0}.choice{display:flex;align-items:center;gap:10px;font-weight:400;margin:12px 0}fieldset{border:1px solid #dce5ef;border-radius:9px;padding:20px;margin:20px 0}legend{font-weight:700;font-size:14px;max-width:100%;overflow-wrap:anywhere}.notice,.error{padding:16px;border-radius:8px;background:#edf5ff;color:#1454a9}.error{background:#fff0f2;color:#ad2437}.inline{display:flex;align-items:center;gap:10px}.inline label{margin:0}.vat{padding:10px 25px;background:#eaf2ff}.vat form{justify-content:center;flex-wrap:wrap}.vat button{padding:7px 12px}.vat button[aria-pressed=false]{background:white;color:#17395f}.tabs{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:25px}.tabs a{background:#eef4fc;padding:10px 15px;border-radius:6px}.tabs a[aria-current]{background:#17395f;color:#fff}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;font-size:13px}td,th{text-align:left;padding:12px;border-bottom:1px solid #e2e9f1}td small{display:block;color:#788495}.pre{white-space:pre-wrap}footer{background:#f3f6fb;padding:45px max(4%,calc((100% - 1200px)/2));display:grid;grid-template-columns:1.2fr 1fr 1fr 1fr;gap:30px;color:#617084;font-size:13px}footer h3{color:#182b44}footer .logo{width:160px}.social{display:flex;gap:10px}.social a{width:35px;height:35px;border:1px solid #d7e0ed;border-radius:7px;display:grid;place-items:center;font-weight:bold;color:#17395f}.footer-note{grid-column:1/-1;border-top:1px solid #dce4f0;padding-top:20px}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #7fb7ff;outline-offset:3px}
@media(max-width:1000px){.nav-cat>summary,.nav>a{padding:17px 13px}.header{gap:25px}.hero h1{font-size:34px}.hero-copy{grid-template-rows:24px 100px 75px 48px}.slide{padding:40px 30px}.devices{transform:scale(.8) rotate(-5deg);transform-origin:left center}.grid{gap:15px}}
@media(max-width:760px){.top{display:none}.header{display:grid;grid-template-columns:1fr auto 1fr;padding:8px 20px;gap:5px 0}.header>a:first-child{grid-column:2}.logo{width:140px;height:50px}.cart-link{grid-column:3;justify-self:end;font-size:0}.cart-link b{font-size:12px}.cart-link:before{content:'🛒';font-size:20px}.header .search{grid-row:2;grid-column:1/-1;margin-top:7px}.nav{justify-content:space-between;padding:0 12px}.nav>a{padding-left:10px}.mobile-menu{display:block;background:transparent;color:#172b43;padding:13px}.categories{display:none;position:absolute;left:12px;right:12px;top:100%;background:white;border:1px solid #e0e7f0;border-radius:0 0 12px 12px;padding:12px;max-height:70vh;overflow:auto;box-shadow:0 15px 30px #13345b22}.categories.open{display:block}.nav-cat:after{display:none}.nav-cat>summary{padding:15px;border-bottom:1px solid #e5ebf3}.submenu{position:static;box-shadow:none;border:0;padding-left:18px}.hero{height:420px;border-radius:10px}.slide{padding:25px;display:block}.hero-copy{grid-template-rows:18px 80px 50px 42px;gap:8px}.hero h1{font-size:30px}.hero-copy>p{font-size:12px;max-width:290px}.hero-copy>.eyebrow{font-size:9px;letter-spacing:1px}.hero .button{font-size:12px;padding:10px 15px;min-width:170px}.devices{position:absolute;bottom:25px;left:50%;width:420px;height:270px;transform:translateX(-50%) scale(.45) rotate(-5deg);transform-origin:center bottom}.slider-controls{bottom:7px}.services{grid-template-columns:1fr;padding:10px 0;gap:0}.services article{padding:15px;border-bottom:1px solid #edf1f5;justify-content:center}.services span{min-width:225px}.grid,.results{grid-template-columns:1fr}.section-title{align-items:start}.section-title>a{font-size:12px;text-align:right;min-width:85px}.section-title h2{margin-top:10px}.eyebrow{font-size:9px;letter-spacing:1.4px}.category-tiles{grid-template-columns:1fr}.category-tiles>a{padding:20px}.refurb{padding:25px;flex-direction:column;align-items:start}.refurb>strong{font-size:75px;align-self:center}.catalog{grid-template-columns:1fr;gap:20px}.filters>summary{font-size:16px}.filters form{padding-top:15px}.detail{grid-template-columns:1fr;gap:15px}.detail h1{font-size:28px}.main-image{height:270px}.checkout-layout{grid-template-columns:1fr}.summary{position:static}.fields{grid-template-columns:1fr}.panel{padding:20px}.cart-row{grid-template-columns:60px 1fr;gap:12px}.cart-row img{width:60px;height:70px}.cart-row>strong{grid-column:2}.specs div{grid-template-columns:1fr;gap:5px;padding:15px}.specs dt{font-size:12px}.tabs{gap:7px}.tabs a{font-size:12px;padding:8px}main{padding:25px 16px 45px}footer{grid-template-columns:1fr;padding:30px 25px;gap:12px}.footer-note{grid-column:1}.vat{padding:8px}.vat small{width:100%;text-align:center}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}

/* Original Remedija visual language, shared across the PHP storefront. */
:root{--blue:#17395f;--ink:#101828;--muted:#667085;--line:#e4e7ec;--wash:#f5f8fd}
body{color:var(--ink);font-size:16px;line-height:1.5}
button,input,select,textarea{font-family:inherit}
button,.button{font-weight:800;border-radius:6px}
.icon{width:22px;height:22px;display:inline-block;flex-shrink:0;vertical-align:middle}
.shop-header{position:sticky;top:0;z-index:50;background:#fff;border-bottom:1px solid var(--line)}
.top{max-width:1220px;margin:auto;height:32px;padding:0 24px;font-size:.72rem;gap:18px}
.header{max-width:1220px;display:grid;grid-template-columns:200px minmax(0,1fr) 170px;min-height:76px;padding:6px 24px;gap:28px}
.header>a:first-child{display:flex;align-items:center;justify-content:center;width:190px}
.header .logo{display:block;width:190px;height:auto;max-height:64px}
.search{height:42px;gap:0;border:1px solid #ccd5e3;border-radius:6px;overflow:hidden;background:#fff}
.search:focus-within{border-color:var(--blue);box-shadow:0 0 0 3px #e7f0ff}
.search input{height:100%;border:0;border-radius:0;font-size:14px;outline:none;padding:0 12px;flex:1}
.search button{height:100%;border-radius:0;padding:0 13px;background:transparent;color:var(--blue);transform:none}
.search button:hover{background:#eaf3ff}
.cart-link{justify-self:end;display:flex;gap:8px;align-items:center;font-size:.86rem}
.cart-link b{min-width:20px;padding:3px 6px;text-align:center;font-size:.7rem}
.nav{background:#f2f6fc;border-block-color:#dbe6f4;align-items:stretch;flex-wrap:wrap;padding:0 24px}
.categories{flex-wrap:wrap;justify-content:center}
.nav>a,.nav-cat>summary{display:flex;align-items:center;justify-content:center;min-height:54px;padding:0 22px;border-block:3px solid transparent;font-size:12px;font-weight:800;color:#243d5c}
.nav>a{position:relative}
.nav>a:after,.nav-cat:not(:last-child):after{content:"";position:absolute;right:0;top:17px;width:1px;height:20px;background:#d2deed;border:0;pointer-events:none}
.nav-cat>summary::-webkit-details-marker,.nested-menu>summary::-webkit-details-marker{display:none}
.nav>a:hover,.nav-cat[open]>summary,.nav-cat>summary:hover{background:#e5effe;color:var(--blue);border-bottom-color:var(--blue)}
.submenu{min-width:255px;padding:10px;border:1px solid #dce6f3;border-top:3px solid var(--blue);border-radius:0 0 10px 10px;box-shadow:0 18px 36px #1738571c;z-index:60}
.nav-cat:nth-last-child(-n+2)>.submenu{left:auto;right:0}
.submenu a,.submenu summary{padding:13px 12px;font-size:13px;font-weight:500;border:0;border-radius:5px;color:#243d5c;line-height:1.4}
.submenu>a:first-child{color:var(--blue);font-weight:800;border-bottom:1px solid #edf2f8;margin-bottom:5px}
.submenu a:hover,.submenu summary:hover,.nested-menu[open]>summary{background:#eff5ff;color:var(--blue)}
.nested-menu{position:relative}
.nested-menu>summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:20px}
.nested-menu>summary:after{content:"";width:6px;height:6px;border-right:1.5px solid var(--blue);border-top:1.5px solid var(--blue);transform:rotate(45deg)}
.nested-panel{position:absolute;top:-8px;left:100%;min-width:215px;padding:8px;background:white;border:1px solid #dce6f3;border-radius:10px;box-shadow:0 12px 28px #1738571c}
.nested-menu.opens-left>.nested-panel{left:auto;right:100%}
.nested-panel a{padding:12px!important;white-space:nowrap}
main{max-width:1220px;padding:32px 24px 70px}
h1,h2{letter-spacing:-.05em;font-weight:800}
h2{font-size:clamp(28px,3.5vw,46px)}
.eyebrow{font-size:11px;font-weight:900;letter-spacing:.12em}
.hero{height:455px;margin-top:0;border-radius:10px}
.slide{padding:48px 32px 56px;grid-template-columns:minmax(0,1fr) minmax(0,1fr);background:linear-gradient(108deg,#0b4ca8,#17395f 62%,#2e85fb)}
.slide.laptop{background:linear-gradient(108deg,#073d89,#0b5ec3 62%,#1682ee)}
.slide.server{background:linear-gradient(108deg,#101b2d,#17395f 62%,#1f609b)}
.slide.pc{background:linear-gradient(108deg,#0c478f,#1369c8 60%,#34a0f4)}
.hero-copy{align-self:center;align-content:center;grid-template-rows:28px 142px 76px 46px;gap:0;min-width:0}
.hero h1{font-size:clamp(32px,3.5vw,50px);line-height:1.08;letter-spacing:-.05em;font-weight:800}
.hero h1 strong{color:#bce0ff}
.hero-copy>.eyebrow{font-size:10px;color:#bdd9ff;line-height:1.4}
.hero-copy>p:not(.eyebrow){font-size:15px;line-height:1.55;max-width:440px}
.hero .button{width:230px;height:46px;padding:0 18px;align-self:start;justify-content:space-between;color:#101b2d;background:#fff;font-size:13px;box-shadow:0 5px 18px #072a5920}
.hero .button:hover{background:#eaf3ff}
.devices{justify-self:center;width:360px;height:270px;transform:none}
.laptop-art,.monitor-art,.tower-art,.server-art{display:none;position:absolute;box-shadow:14px 15px 0 #051c3f3b}
.laptop-art,.laptop .laptop-art{left:38px;top:45px;width:260px;height:166px;border:9px solid #17283e;border-bottom-width:13px;border-radius:10px 10px 4px 4px;background:linear-gradient(140deg,#e1f2ff,#fff 57%,#8cc2ff)}
.laptop-art:after,.monitor-art:after{content:"";position:absolute;inset:38px 42px 32px 28px;width:auto;height:auto;background:none;clip-path:none;border-radius:0;border-left:3px solid #1873f0;border-bottom:3px solid #1873f0;transform:skewY(-28deg)}
.laptop-art:before{content:"";position:absolute;left:-28px;right:-28px;bottom:-35px;height:20px;border-radius:4px 4px 18px 18px;background:#c8d4e3;transform:perspective(80px) rotateX(28deg)}
.monitor-art,.pc .monitor-art{left:31px;top:37px;width:215px;height:145px;border:9px solid #17283e;border-radius:8px;background:linear-gradient(140deg,#e1f2ff,#fff 57%,#8cc2ff)}
.monitor-art:before{content:"";position:absolute;bottom:-65px;left:43%;width:33px;height:58px;background:#c8d4e3;clip-path:polygon(36% 0,64% 0,100% 100%,0 100%)}
.tower-art,.pc .tower-art{left:auto;right:40px;top:67px;width:73px;height:151px;border:7px solid #17283e;border-radius:5px;background:linear-gradient(145deg,#3d6180,#132640)}
.tower-art:before{content:"";position:absolute;left:27px;top:22px;width:5px;height:5px;background:#85bcff;border-radius:50%;box-shadow:0 28px #85bcff,0 56px #85bcff}
.server-art{inset:auto;left:73px;top:17px;width:205px;height:239px;border:9px solid #14243b;border-radius:8px;background:repeating-linear-gradient(to bottom,#264563 0 35px,#365b7c 36px 39px);padding:19px}
.server-art i{display:none}
.server-art:after{content:"";position:absolute;inset:20px;background:repeating-linear-gradient(to bottom,transparent 0 12px,#73aefe 13px 17px,transparent 18px 33px)}
.all .devices>div,.laptop .laptop-art,.pc .monitor-art,.pc .tower-art,.server .server-art{display:block}
.all .laptop-art{left:10px;top:72px;transform:scale(.72);z-index:3}
.all .monitor-art{left:147px;top:65px;transform:scale(.62);z-index:2}
.all .tower-art{right:16px;top:104px;transform:scale(.62);z-index:4}
.all .server-art{left:231px;top:76px;transform:scale(.44)}
.slider-controls{left:auto;right:32px;bottom:16px;transform:none;align-items:center;gap:10px;height:36px}
.slider-controls button{transform:none}
.slider-controls button[data-slide=prev],.slider-controls button[data-slide=next]{width:36px;height:36px;padding:0;border:1px solid #ffffff60;border-radius:50%;background:#062b5425;font-size:16px}
.slider-controls button:not([data-slide=prev]):not([data-slide=next]){font-size:0;width:7px;height:7px;min-width:7px;padding:0;border:0;border-radius:20px;background:#ffffff80}
.slider-controls button[aria-pressed=true]{width:22px!important;background:#fff!important}
.services{gap:0;margin-bottom:42px;padding:0;border-bottom:1px solid var(--line)}
.services article{padding:24px 14px;border-right:1px solid var(--line)}
.services article:last-child{border-right:0}
.services b{min-width:34px;width:34px;height:34px}
.services .icon{width:19px;height:19px}
.services strong{font-size:13px}
.section-title{align-items:end;margin-bottom:25px}
.section-title h2{margin:0}
.section-title a{font-size:13px;white-space:nowrap}
.card{border-radius:8px;border-color:var(--line)}
.visual{background:linear-gradient(145deg,#eef5ff,#fff);overflow:hidden}
.card-body{padding:17px}
.grid>div{display:flex;flex-direction:column;min-width:0}.grid>div>.card{height:auto;flex:1}
.card h3{font-size:15px;letter-spacing:-.025em;line-height:1.35}
.price strong{font-size:23px;letter-spacing:-.025em}
.category-tiles{grid-template-columns:1fr}
.category-tiles>a{padding:0;min-height:180px;background:white;border:1px solid #dce6f3}
.category-tiles>a>div{padding:25px 30px;width:62%;max-width:none}
.category-tiles small{font-size:9px;letter-spacing:.14em;color:#71829a;font-weight:800}
.category-tiles h3{font-size:26px;letter-spacing:-.04em;margin:10px 0 8px}
.category-tiles p{color:var(--muted);font-size:12px;line-height:1.5;margin:0 0 17px}
.category-tiles b{font-size:12px;font-weight:800;color:var(--blue)}
.category-art{width:38%;background:linear-gradient(135deg,#ecf5ff,#c9e2ff);clip-path:polygon(20% 0,100% 0,100% 100%,0 100%);padding-left:10%;font-size:0}
.category-art svg{height:170px;width:100%;max-width:280px;filter:drop-shadow(0 7px 8px #28518012)}
.filters summary{list-style:none;display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:13px;font-weight:700}
.filters summary::-webkit-details-marker{display:none}
.filters summary:after{content:"+";font-size:18px;color:var(--blue);font-weight:500}
.filters[open]>summary:after,.filters details[open]>summary:after{content:"−"}
.filters>summary{font-size:16px}
.filters details[open]>summary{margin-bottom:10px;color:var(--blue)}
.filters select{font-size:13px}
.catalog-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin:0 0 20px;padding:0 0 16px;border-bottom:1px solid #e4eaf3}
.catalog-toolbar>.muted{margin:0;font-size:13px}.catalog-toolbar>.muted strong{color:#243d5c}.catalog-toolbar>.muted span{white-space:nowrap}
.catalog-sort{display:flex;align-items:center;gap:10px;margin-left:auto}
.catalog-sort label{display:flex;align-items:center;gap:12px;margin:0;color:#667085;font-size:12px;font-weight:600}
.catalog-sort select{width:225px;min-height:42px;margin:0;padding:10px 34px 10px 12px;border:1px solid #dce5f0;border-radius:7px;font-size:13px;font-weight:600;color:#243d5c;background-color:#fff;cursor:pointer}
.catalog-sort select:focus-visible{outline:2px solid #17395f;outline-offset:2px}
.catalog-sort.auto-submit>.sort-submit{display:none}
@media(max-width:760px){.catalog-toolbar{gap:12px}.catalog-sort{width:100%;margin:0}.catalog-sort label{width:100%;justify-content:space-between}.catalog-sort select{flex:1;min-width:0;max-width:270px}.catalog-toolbar>.muted{font-size:12px}}
.summary{top:180px}
footer{background:#0f1e32;color:#c4cddd}
footer h3{color:#fff}footer p{color:#c4cddd}footer a:hover{color:#83b7ff}
footer .logo{width:210px;height:auto;padding:10px 14px;background:#fff;border-radius:8px}
.social a{border-color:#42516a;color:#c4ddff}.social .icon{width:18px;height:18px}
.footer-note{border-color:#34465e;color:#9dacc0}
@keyframes menu-in{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}
@keyframes copy-in{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}
@media(prefers-reduced-motion:no-preference){
 .nav-cat[open]>.submenu,.nested-menu[open]>.nested-panel,.categories.open{animation:menu-in 160ms ease-out}
 .nav-cat>summary,.nav>a,.submenu a,.submenu summary{transition:color 150ms,background-color 150ms,border-color 150ms}
 .slide:not([hidden]) .hero-copy{animation:copy-in 380ms ease-out both}
 .slide:not([hidden]) .devices{animation:menu-in 460ms ease-out both}
 .card{transition:transform 180ms ease-out,box-shadow 180ms ease-out,border-color 180ms}
 .visual img{transition:transform 240ms ease-out}
 .category-tiles>a{transition:border-color 200ms,box-shadow 200ms}
 .category-art svg{transition:transform 250ms ease-out}
 @media(hover:hover) and (pointer:fine){.card:hover{transform:translateY(-2px);box-shadow:0 14px 28px #183f7820}.card:hover .visual img{transform:scale(1.035)}.category-tiles>a:hover{border-color:#9abfec;box-shadow:0 9px 28px #14335712}.category-tiles>a:hover svg{transform:translateY(-3px)}}
 button:active:not(:disabled),.button:active{transform:scale(.98)}
}
@media(min-width:761px) and (max-width:1000px){.header{grid-template-columns:190px minmax(0,1fr) 140px;gap:20px}.nav>a,.nav-cat>summary{padding-inline:13px}.devices{zoom:.8}}
@media(max-width:760px){
 .header{grid-template-columns:minmax(0,1fr) 150px minmax(0,1fr);gap:8px;padding:6px 20px 10px;min-height:0}
 .header>a:first-child{grid-column:2;grid-row:1;width:150px;justify-self:center}.header .logo{width:150px;max-height:52px}
 .cart-link{grid-column:3;grid-row:1;gap:5px;font-size:14px}.cart-link>span,.cart-link:before{display:none}.cart-link .icon{width:21px;height:21px}
 .header .search{grid-row:2;grid-column:1/-1;margin-top:0;width:100%;height:39px}
 .nav{padding:0 20px;flex-wrap:nowrap;align-items:center;justify-content:space-between}
 .nav>a{min-height:48px;padding:0;font-size:13px}.nav>a:after{display:none}
 .mobile-menu{display:flex;padding:12px 0;background:transparent;color:#243d5c;font-size:13px;transform:none}
 .categories{left:12px;right:12px;max-height:calc(100dvh - 170px);overscroll-behavior:contain}
 .nav-cat>summary{justify-content:space-between;min-height:50px;padding:15px 12px;border:0;border-bottom:1px solid #e6edf6;font-size:13px}
 .nav-cat>summary:after{display:block;content:"+";font-size:18px;color:var(--blue);font-weight:400}
 .nav-cat[open]>summary:after{content:"−"}
 .submenu{position:static;border:0;border-radius:0;box-shadow:none;padding:6px 10px 12px;min-width:0;background:#f7faff}
 .submenu a,.submenu summary{font-size:12px}.submenu>a:first-child{font-weight:700}
 .nested-panel,.nested-menu.opens-left>.nested-panel{position:static;min-width:0;box-shadow:none;border:0;border-left:2px solid #c5dbfa;border-radius:0;margin:0 0 6px 16px;background:#f7faff}
 .nested-menu>summary:after{transform:rotate(135deg)}.nested-menu[open]>summary:after{transform:rotate(-45deg)}
 main{padding:24px 16px 45px}
 .hero{height:auto;aspect-ratio:1;width:100%;border-radius:10px}
 .slide{position:absolute;inset:0;display:block;padding:20px}
 .hero-copy{display:block;position:absolute;inset:0;padding:20px;align-self:stretch;justify-self:stretch;align-content:normal}
 .hero-copy>.eyebrow{font-size:9px;height:24px;letter-spacing:.12em}
 .hero h1{font-size:clamp(24px,6.8vw,42px);height:3.24em;line-height:1.08;letter-spacing:-.05em}
 .hero-copy>p:not(.eyebrow){display:none}
 .hero .button{position:absolute;top:43%;left:20px;width:210px;height:42px;font-size:12px;padding:0 18px;z-index:3}
 .devices{position:absolute;top:57%;bottom:38px;left:0;right:0;width:auto;height:auto;transform:none;zoom:1;align-self:stretch;justify-self:stretch}
 .devices>div{transform-origin:top left}
 .laptop .laptop-art{left:calc(50% - 72px);top:0;transform:scale(.55)}
 .pc .monitor-art{left:calc(50% - 88px);top:0;transform:scale(.5)}
 .pc .tower-art{left:calc(50% + 38px);right:auto;top:10%;transform:scale(.55)}
 .server .server-art{left:calc(50% - 45px);top:0;transform:scale(.44)}
 .all .laptop-art{left:calc(50% - 108px);top:12%;transform:scale(.44)}
 .all .monitor-art{left:calc(50% - 8px);top:0;transform:scale(.38)}
 .all .tower-art{left:calc(50% + 74px);right:auto;top:22%;transform:scale(.4)}
 .all .server-art{left:calc(50% + 40px);top:0;transform:scale(.3)}
 .slider-controls{left:0;right:0;bottom:5px;height:28px;justify-content:center;gap:9px}
 .slider-controls button[data-slide=prev],.slider-controls button[data-slide=next]{width:28px;height:28px;font-size:14px}
 .services article{border-right:0;padding:16px 8px}.services span{min-width:225px}.services{margin-bottom:32px}
 .section-title{align-items:start}.section-title a{white-space:normal}.section-title h2{font-size:30px}
 .category-tiles>a{padding:0;min-height:158px}.category-tiles>a>div{padding:20px 16px;width:64%}
 .category-tiles h3{font-size:21px}.category-tiles small{font-size:8px}.category-tiles p,.category-tiles b{font-size:11px}
 .category-art{width:38%;padding-left:3%;clip-path:polygon(26% 0,100% 0,100% 100%,0 100%)}.category-art svg{height:auto;width:145px;max-width:none}
 .summary{position:static}footer{text-align:center;justify-items:center}footer .social{justify-content:center}
}
@media(max-width:360px){.server .server-art{transform:scale(.44);left:calc(50% - 45px)}.laptop .laptop-art{transform:scale(.55);left:calc(50% - 72px)}.hero .button{width:190px;height:38px}.hero .eyebrow{font-size:8px}}
@media(hover:none){button:hover,.button:hover,.card:hover{transform:none}}

/* Catalog load-more control */
.catalog-more{display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center;margin:32px 0 12px}.catalog-more p{margin:0;font-size:13px}.catalog-more .button{min-width:230px;min-height:48px}.catalog-more [aria-disabled="true"]{opacity:.65;cursor:wait}.results>.card:focus{outline:2px solid #91b3d8;outline-offset:3px}@media(max-width:480px){.catalog-more .button{width:100%;max-width:320px}}

/* Trusted partners */
.partners-strip{margin:0;background:#fff;border-top:1px solid #e6ecf2;padding:38px 22px 32px}.partners-inner{max-width:1200px;margin:auto;text-align:center}.partners-strip .eyebrow{margin:0 0 8px}.partners-strip h2{font-size:clamp(21px,2.4vw,29px);letter-spacing:-.6px;margin:0 0 28px;color:#17395f}.partner-logos{display:flex;align-items:stretch;justify-content:center;gap:18px;overflow-x:auto;scroll-snap-type:x proximity;scrollbar-width:thin;scrollbar-color:#cbd7e5 transparent;padding:8px 0 14px}.partner-logo{display:flex;flex:1 0 130px;max-width:180px;min-width:0;flex-direction:column;align-items:center;justify-content:center;gap:14px;scroll-snap-align:start;padding:10px 8px;color:#637389}.partner-logo img{width:100%;height:58px;object-fit:contain;filter:grayscale(1);opacity:.78;transition:filter .2s ease,opacity .2s ease}.partner-logo:hover img,.partner-logo:focus-visible img{filter:none;opacity:1}.partner-logo span{font-size:12px;font-weight:600;white-space:nowrap}.partner-editor{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.partner-preview{width:180px;height:70px;object-fit:contain;display:block;margin:15px 0}.partner-editor .portal-actions{flex-wrap:wrap}@media(max-width:1100px){.partner-logos{justify-content:flex-start}.partner-logo{flex:0 0 155px}}@media(max-width:600px){.partners-strip{padding:28px 18px 20px}.partners-strip h2{max-width:320px;margin:0 auto 16px}.partner-logos{gap:12px}.partner-logo{flex-basis:145px}.partner-logo img{height:50px;filter:none;opacity:1}.partner-editor{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){.partner-logo img{transition:none}}

.partner-logo img[src$="/iform.png"],.partner-logo img[src$="/tt.png"],.partner-logo img[src$="/ks.png"]{filter:brightness(0);opacity:.65}.partner-logo:hover img[src$="/iform.png"],.partner-logo:hover img[src$="/tt.png"],.partner-logo:hover img[src$="/ks.png"]{opacity:1}.partner-preview{background:#edf1f5;padding:8px}

/* Framed partner carousel: five logos on desktop, fewer on small screens. */
.partners-strip{border-top:0;padding:12px 22px 42px}.partners-inner{max-width:1196px;padding:36px 32px 22px;border:1px solid #d5e3f8;border-radius:28px;background:linear-gradient(115deg,#f1f6ff,#e7effd)}.partner-logos{--partner-visible:5;justify-content:flex-start;gap:24px;scrollbar-width:none;padding:12px 0;scroll-behavior:smooth}.partner-logos::-webkit-scrollbar{display:none}.partner-logos .partner-logo{flex:0 0 calc((100% - (var(--partner-visible) - 1)*24px)/var(--partner-visible));max-width:none;min-width:0;padding:10px 8px}.partner-logo img{max-width:180px}.partner-logo span{white-space:normal;line-height:1.4;min-height:34px;display:flex;align-items:center;justify-content:center}.partner-carousel-controls{display:flex;justify-content:center;margin-top:8px;min-height:28px}.partner-carousel-toggle{padding:4px 10px;min-height:28px;background:transparent;color:#62748c;font-size:11px;font-weight:600;border-radius:5px}.partner-carousel-toggle:hover{background:#dce7f8;color:#17395f;transform:none}@media(max-width:1000px){.partner-logos{--partner-visible:3}}@media(max-width:600px){.partners-strip{padding:8px 18px 28px}.partners-inner{border-radius:22px;padding:26px 16px 16px}.partner-logos{--partner-visible:2;gap:24px}.partners-strip h2{font-size:22px}.partner-logo img{height:50px}}@media(prefers-reduced-motion:reduce){.partner-logos{scroll-behavior:auto}}

.partner-carousel-controls[hidden]{display:none}

/* Compact partner frame */
.partners-strip{padding:8px 22px 28px}.partners-inner{padding:22px 28px 16px;border-radius:24px}.partners-strip .eyebrow{font-size:10px;margin-bottom:5px}.partners-strip h2{font-size:25px;margin:0 0 14px}.partner-logos{padding:5px 0}.partner-logos .partner-logo{padding:6px 8px;gap:8px}.partner-logo img{height:46px}.partner-logo span{min-height:20px;font-size:11px}.partner-logo img[src$="/g3.svg"],.partner-logo img[src$="/tem.png"],.partner-logo img[src$="/hering.png"]{filter:brightness(0);opacity:.7}@media(max-width:600px){.partners-strip{padding:8px 18px 22px}.partners-inner{padding:20px 14px 14px;border-radius:20px}.partners-strip h2{font-size:20px;margin-bottom:12px}.partner-logo img{height:42px}}

/* Seamless, constant-speed partner belt */
.partner-logos.partner-marquee{display:block;overflow:hidden;scroll-behavior:auto;scroll-snap-type:none}.partner-belt{display:flex;gap:24px;width:max-content;animation:partner-belt var(--partner-duration) linear infinite;will-change:transform}.partner-marquee .partner-belt>.partner-logo{flex:0 0 var(--partner-width);width:var(--partner-width);max-width:var(--partner-width)}@keyframes partner-belt{to{transform:translateX(var(--partner-distance))}}.partner-offscreen .partner-belt,.partner-hidden-tab .partner-belt{animation-play-state:paused}@media(hover:hover){.partner-marquee:hover .partner-belt{animation-play-state:paused}}.partner-logos.partner-keyboard{overflow-x:auto}.partner-keyboard .partner-belt{animation:none;transform:none}.partner-keyboard [aria-hidden="true"]{display:none}@media(prefers-reduced-motion:reduce){.partner-belt{animation:none}}

/* Explicit details state and viewport fallback for touch Safari. */
.nav-cat:not([open])>.submenu,.nested-menu:not([open])>.nested-panel{display:none}.nav-cat[open]>.submenu,.nested-menu[open]>.nested-panel{display:block}.mobile-menu,.nav summary{touch-action:manipulation;-webkit-tap-highlight-color:transparent}@media(max-width:760px){.categories.open{max-height:70vh;max-height:var(--category-height,70vh);overflow-y:auto;-webkit-overflow-scrolling:touch}.nav summary{min-height:44px}}