:root{--blue:#075bbb;--navy:#132d50;--muted:#697b91;--line:#e3ebf4;--green:#14864c;--bg:#f3f7fc}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;color:var(--navy);background:white;font:16px/1.65 Tahoma,Arial,sans-serif}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{text-decoration:none;color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #e8ab35;outline-offset:3px}button{border:0}h1,h2,h3,p{margin:0}h2{font-size:29px;letter-spacing:-.8px}h3{font-size:20px}.wrap{width:min(1160px,calc(100% - 64px));margin-inline:auto}header{position:sticky;top:0;z-index:20;background:#ffffffed;backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}.nav{height:91px;display:flex;align-items:center;justify-content:space-between;gap:28px}.brand{display:flex;flex-direction:column;line-height:1.3;white-space:nowrap}.brand strong{font-size:27px;color:var(--blue);letter-spacing:-1px}.brand small{font-size:9px;font-weight:bold;letter-spacing:2.3px;color:var(--muted);margin-top:5px}nav{display:flex;gap:32px;font-size:14px}nav a:hover{color:var(--blue)}.cart-trigger{background:var(--navy);color:white;display:flex;align-items:center;gap:9px;border-radius:10px;padding:11px 15px}.cart-icon{font-size:20px}#cartCount{background:#fff;color:var(--blue);border-radius:5px;min-width:24px;text-align:center;font-size:12px;font-weight:bold}.hero{display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:center;padding-block:64px}.eyebrow{font-size:12px;font-weight:bold;color:var(--blue);letter-spacing:.2px}.hero .eyebrow{display:flex;align-items:center;gap:9px}.eyebrow>span{width:6px;height:6px;background:#3c98ec;border-radius:50%}h1{font-size:45px;line-height:1.55;letter-spacing:-1.7px;margin:18px 0}h1 em{font-style:normal;color:var(--blue)}.hero-copy>p{font-size:16px;color:var(--muted);line-height:1.9}.hero-actions{display:flex;align-items:center;gap:22px;margin-top:30px}.button{padding:13px 22px;display:inline-flex;align-items:center;justify-content:center;gap:22px;border-radius:9px;font-weight:bold;font-size:14px;line-height:1.7}.primary{background:var(--blue);color:#fff}.primary:hover{background:#084d9c}.text-link{font-size:13px;border-bottom:1px solid #bdcce0}.hero-note{margin-top:23px;color:#8090a4;font-size:12px}.hero-visual{border-radius:18px;overflow:hidden;background:var(--bg);border:1px solid var(--line);padding-top:20px}.visual-label{font-size:11px;color:var(--muted);padding-inline:22px}.hero-poster{position:relative;aspect-ratio:1.55;overflow:hidden;margin-top:12px;background:#fff}.hero-poster img{width:100%;position:absolute;top:-28%;left:0}.visual-footer{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:18px 22px}.visual-footer strong{font-size:15px;letter-spacing:1px;direction:ltr}.visual-footer strong span{color:#a2b5cb;padding:0 7px}.visual-footer>span{font-size:11px;color:var(--muted)}.section-head{display:flex;align-items:end;justify-content:space-between;gap:15px;margin-bottom:26px}.section-head .eyebrow{margin-bottom:7px}.muted{color:var(--muted);font-size:12px}.departments{padding-block:15px 55px}.category-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}.category{padding:20px 10px 14px;border:1px solid var(--line);background:#fff;border-radius:12px;display:flex;flex-direction:column;align-items:center;gap:9px;font-size:13px;color:var(--navy);transition:background .15s,border-color .15s}.category:hover,.category.active{border-color:#72ace9;background:#eef6ff}.category svg{width:29px;height:29px;stroke:var(--blue);fill:none;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.category small{font-size:10px;color:var(--muted)}.store-section{background:var(--bg);padding-block:52px}.toolbar{display:flex;gap:12px;margin-bottom:15px}.search{flex:1;display:flex;align-items:center;gap:12px;border:1px solid var(--line);background:white;border-radius:9px;padding-inline:15px}.search>span{font-size:27px;color:var(--muted)}.search input{border:0;outline:0!important;min-width:0;width:100%;padding-block:13px;background:transparent;font-size:13px;color:var(--navy)}select{max-width:220px;border:1px solid var(--line);background:white;border-radius:9px;padding:9px 13px;color:var(--navy);font-size:12px}.results{font-size:12px;color:var(--muted)}.active-filters{font-size:12px;min-height:18px;margin-bottom:15px;color:var(--blue)}.product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.product{min-width:0;border-radius:14px;overflow:hidden;background:#fff;border:1px solid var(--line)}.product-photo{position:relative;display:block;aspect-ratio:1.45;background:white;overflow:hidden;width:100%;padding:0}.product-photo img{position:absolute;width:100%;left:0;top:-24%}.product-body{padding:20px}.brand-chip{font-family:Arial,sans-serif;font-size:10px;font-weight:bold;letter-spacing:1.5px;color:var(--blue)}.brand-chip.lg{color:#a50034}.product h3{font-family:Arial,sans-serif;font-size:18px;direction:ltr;text-align:right;line-height:1.4;margin:7px 0;overflow-wrap:anywhere}.mini-spec{font-size:11px;color:var(--muted);height:39px;line-height:1.8}.price{font-weight:bold;font-size:21px;margin-top:17px;direction:rtl}.price small{font-size:11px;color:var(--muted);font-weight:normal;margin-inline-start:4px}.card-actions{display:flex;align-items:center;gap:10px;margin-top:15px}.add{background:var(--blue);color:white;border-radius:8px;padding:10px 15px;font-size:12px;font-weight:bold;flex:1}.details{background:transparent;color:var(--muted);font-size:11px;padding:9px}.price-note{font-size:11px;color:var(--muted);margin-top:24px}.catalogs{padding-block:55px}.catalog-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.catalog{padding:30px;border-radius:16px;display:flex;align-items:center;flex-wrap:wrap;gap:15px;background:#edf5ff;border:1px solid #dce9f9}.catalog>div{flex:1;min-width:160px}.catalog span,.catalog p{font-size:11px;color:var(--muted)}.catalog h3{font-family:Arial,sans-serif;letter-spacing:1px;font-size:27px;color:var(--blue);margin:8px 0}.catalog.lg{background:#fff5f8;border-color:#f6e2e9}.catalog.lg h3,.lg .download{color:#a50034}.lg-button{background:#a50034;color:white}.catalog .button{padding:10px 15px;font-size:12px}.catalog .download{font-size:11px;width:100%;text-align:left;color:var(--blue)}.contact{background:var(--navy);color:#fff;border-radius:18px;padding:37px;display:flex;align-items:center;justify-content:space-between;gap:25px;margin-bottom:55px}.contact .eyebrow{color:#9ac9ff}.contact h2{font-size:25px;margin:6px 0}.contact p{font-size:12px;color:#becee1}.whatsapp{background:var(--green);color:white}.whatsapp:hover{background:#0b713d}.contact .button{display:flex;flex-direction:column;gap:3px;white-space:nowrap}.contact .button span{font-family:Arial,sans-serif;font-size:12px;letter-spacing:1px}footer{border-top:1px solid var(--line);padding-block:30px}.footer-inner{display:flex;justify-content:space-between;align-items:center;gap:15px}.footer-inner p,.footer-inner>a:last-child{font-size:12px;color:var(--muted)}.empty{padding:50px 20px;text-align:center;border:1px dashed #b9cce2;border-radius:15px;background:#fff}.empty-icon{font-size:45px;color:var(--blue)}.empty h3{margin:10px}.empty p{color:var(--muted);font-size:14px;margin:10px 0 20px}.plain{display:block;margin:16px auto 0;background:none;color:var(--blue);font-size:12px;text-decoration:underline}[hidden]{display:none!important}dialog{border:0;padding:0;border-radius:18px;color:var(--navy);box-shadow:0 20px 100px #001a4155;max-height:90svh;max-width:calc(100vw - 24px)}dialog::backdrop{background:#091c3c99;backdrop-filter:blur(4px)}.cart-dialog{width:680px;padding:28px}.dialog-head{display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line);padding-bottom:20px}.dialog-head h2{font-size:26px}.close{background:#eef3f8;color:var(--navy);font-size:27px;line-height:1;width:35px;height:35px;border-radius:50%;flex-shrink:0}#cartBody{padding-top:10px}.cart-row{display:grid;grid-template-columns:70px 1fr auto;gap:15px;align-items:center;padding:18px 0;border-bottom:1px solid var(--line)}.cart-thumb{width:70px;height:60px;position:relative;overflow:hidden;border:1px solid var(--line);border-radius:6px}.cart-thumb img{width:100%;position:absolute;top:-25%}.cart-row h3{font:600 13px/1.5 Arial,sans-serif;direction:ltr;text-align:right}.cart-row p{font-size:12px;color:var(--muted);margin-top:5px}.quantity{display:flex;align-items:center;gap:7px;margin-top:10px}.quantity button{width:28px;height:28px;border-radius:5px;background:#edf4fc;color:var(--blue);font-size:17px}.quantity span{min-width:24px;text-align:center;font:14px Arial}.quantity .remove{width:auto;background:none;color:#b64141;font-size:11px;margin-inline-start:8px}.row-total{font-size:13px;font-weight:bold;white-space:nowrap}.totals{border-bottom:1px solid var(--line);padding-block:22px}.totals>div{display:flex;justify-content:space-between;align-items:center}.totals strong{font-size:23px;color:var(--blue)}.totals p{font-size:11px;color:var(--muted);margin-top:7px}form h3{font-size:18px;margin:22px 0 15px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}form label{display:block;font-size:12px;font-weight:bold}form input,form textarea{display:block;width:100%;margin:6px 0 14px;padding:11px;border:1px solid #d6e0ec;border-radius:7px;color:var(--navy);background:#fff;font-size:13px}.checkout-note{font-size:11px;color:var(--muted);line-height:1.9;margin-block:5px 16px}.checkout-button{width:100%}#checkoutStatus{font-size:12px;margin-top:12px;color:var(--green)}.cart-empty{padding:45px 10px;text-align:center}.cart-empty h3{margin:12px 0}.cart-empty p{font-size:13px;color:var(--muted)}.cart-empty button{margin-top:20px}.detail-dialog{width:650px;padding:28px}.detail-close{position:absolute;z-index:2;top:16px;left:16px}.detail-photo{position:relative;aspect-ratio:1.6;overflow:hidden;margin-bottom:20px}.detail-photo img{position:absolute;width:100%;top:-27%}.detail-dialog h2{font-family:Arial,sans-serif;font-size:23px;direction:ltr;text-align:right;overflow-wrap:anywhere}.detail-dialog ul{list-style:none;padding:0;margin-block:18px}.detail-dialog li{padding:9px 12px;background:var(--bg);border-radius:5px;margin-block:5px;font-size:12px}.detail-bottom{display:flex;justify-content:space-between;align-items:center;gap:15px}.detail-dialog .download{font-size:12px;color:var(--blue);display:block;margin-top:15px}.toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%,20px);background:var(--navy);color:white;padding:12px 25px;border-radius:9px;font-size:13px;opacity:0;pointer-events:none;z-index:100;transition:.2s;max-width:90%;text-align:center}.toast.show{opacity:1;transform:translate(-50%,0)}body.modal-open{overflow:hidden}@media(min-width:1400px){.hero{padding-block:80px}}@media(max-width:900px){.wrap{width:calc(100% - 40px)}.hero{gap:30px}h1{font-size:34px}.hero-copy>p{font-size:14px}.category-grid{grid-template-columns:repeat(4,1fr)}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.contact{padding:28px}.catalog{padding:22px}.hero-actions{gap:16px}.button{gap:12px;padding:12px 17px}nav{gap:18px}}@media(max-width:600px){html{scroll-padding-top:90px}.wrap{width:calc(100% - 32px)}.nav{height:76px;gap:10px}.brand strong{font-size:22px}.brand small{font-size:7px;letter-spacing:1.8px}nav{gap:14px;font-size:11px}nav a:nth-child(2){display:none}.cart-trigger{padding:9px 10px;gap:6px}.cart-label{display:none}.cart-icon{font-size:17px}.hero{grid-template-columns:1fr;gap:30px;padding-block:35px 40px}h1{font-size:34px;line-height:1.5;margin-block:15px}.hero-copy>p{font-size:14px}.hero-actions{margin-top:23px}.hero-note{margin-top:18px}.hero-visual{max-width:450px;width:100%;margin:auto}.hero-poster{aspect-ratio:1.8}.hero-poster img{top:-30%}.visual-footer{padding:14px 18px}.departments{padding-bottom:35px}.section-head{margin-bottom:20px}h2{font-size:24px}.section-head>.muted{display:none}.category-grid{grid-template-columns:repeat(3,1fr);gap:9px}.category{padding:16px 8px 12px;font-size:12px}.category svg{width:26px;height:26px}.store-section{padding-block:35px}.toolbar{display:grid;grid-template-columns:1fr 1fr;gap:9px}.search{grid-column:1/-1}select{max-width:none;width:100%;font-size:11px}.product-grid{gap:11px}.product-body{padding:12px}.product h3{font-size:14px}.brand-chip{font-size:9px}.mini-spec{font-size:10px;height:54px}.price{font-size:18px;margin-top:12px}.price small{font-size:10px;display:block;margin:0}.card-actions{flex-direction:column;gap:2px;margin-top:10px}.add{font-size:11px;width:100%;padding:10px 6px}.details{padding:5px;font-size:10px}.product-photo{aspect-ratio:1.3}.product-photo img{top:-19%}.catalogs{padding-block:35px}.catalog-grid{grid-template-columns:1fr;gap:14px}.catalog{padding:24px}.catalog>div{min-width:160px}.catalog h3{font-size:24px}.contact{display:block;padding:27px;margin-bottom:35px}.contact h2{font-size:23px}.contact p{margin-block:10px 20px}.contact .button{display:inline-flex}.footer-inner{flex-direction:column;text-align:center;gap:17px}.cart-dialog,.detail-dialog{padding:20px}.cart-row{grid-template-columns:48px 1fr;gap:10px}.cart-thumb{width:48px;height:50px}.row-total{grid-column:2;font-size:12px;margin-top:-4px}.form-grid{grid-template-columns:1fr;gap:0}.totals strong{font-size:21px}.dialog-head h2{font-size:22px}.detail-dialog h2{font-size:20px}.detail-bottom{flex-wrap:wrap}.detail-photo{margin-top:15px}.desktop{display:none}.toast{bottom:16px;font-size:12px;width:max-content}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
/* Show the product photo without the poster's printed specifications or price. */
.hero-poster,.product-photo,.detail-photo{aspect-ratio:2}.hero-poster img,.product-photo img,.detail-photo img{top:-40%;height:auto}.cart-thumb img{top:-30%}

.remember-customer{margin:16px 0;padding:14px;background:#f3f7fd;border:1px solid #dce7f5;border-radius:10px}.remember-customer .remember-choice{display:flex;align-items:flex-start;gap:9px;font-size:13px;line-height:1.8;cursor:pointer}.remember-customer input[type=checkbox]{width:18px;height:18px;flex:0 0 18px;margin:3px 0 0;accent-color:#075bbb}.remember-note{font-size:12px;line-height:1.8;color:#62748a;margin:6px 0}.remember-customer .plain{margin:4px 0;padding:5px 0;text-align:right}

/* Standalone product photos keep the entire item visible on every screen. */
.product-photo.full-product-photo{aspect-ratio:1}.detail-photo.full-product-photo{aspect-ratio:auto;height:clamp(240px,42svh,460px);width:100%}.full-product-photo img{position:static;display:block;inset:auto;width:100%;height:100%;object-fit:contain;object-position:center;padding:10px}.cart-thumb.full-product-photo img{padding:3px}

.photo-crop{position:relative;display:block;height:100%;width:auto;max-width:100%;overflow:hidden;margin-inline:auto;background:white}.full-product-photo .photo-crop img{border-radius:0}

.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.header-search{display:flex;align-items:center;gap:12px;border:1px solid #cbdcf0;border-radius:12px;background:#f6faff;margin-top:0;margin-bottom:14px;padding:6px 7px 6px 15px}.header-search .search-label{color:var(--blue);font-size:30px;line-height:1}.header-search input{flex:1;min-width:0;width:100%;border:0;outline:none;background:transparent;color:var(--navy);font-size:16px;padding:8px 0}.header-search button{background:var(--blue);color:white;border-radius:8px;padding:10px 25px;font-size:14px;font-weight:bold}.header-search:focus-within{border-color:var(--blue);box-shadow:0 0 0 3px #075bbb12}#products{scroll-margin-top:165px}@media(max-width:600px){.header-search{gap:8px;margin-bottom:11px;padding:5px 6px 5px 11px}.header-search input{font-size:16px}.header-search input::placeholder{font-size:12px}.header-search button{padding:10px 18px}.header-search .search-label{font-size:25px}html{scroll-padding-top:155px}#products{scroll-margin-top:0}}

/* Prominent departments, immediately below the search. */
.departments{margin-top:24px;margin-bottom:20px;padding:28px;background:#edf5ff;border:1px solid #c5dcf7;border-radius:20px;scroll-margin-top:175px}
.departments .section-head{align-items:center;margin-bottom:22px}.departments h2{color:#075bbb;font-size:30px;font-weight:800}.departments-hint{font-size:14px;color:#3d5674;margin-top:5px}
.category-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}
.category{position:relative;min-width:0;min-height:151px;padding:20px 14px 17px;border:2px solid #b7cfea;border-radius:14px;background:#fff;box-shadow:0 4px 12px #132d500a;gap:7px;color:#132d50;transition:background .15s,border-color .15s,box-shadow .15s}
.category svg{width:48px;height:48px;padding:8px;box-sizing:content-box;background:#e7f2ff;border-radius:14px;stroke:#075bbb;stroke-width:1.8}
.category strong{font-size:16px;line-height:1.55;text-wrap:balance;max-width:100%}.category small{font-size:12px;line-height:1.5;color:#496786}.category-arrow{position:absolute;top:11px;left:12px;color:#075bbb;font-size:20px;line-height:1}
.category:hover{border-color:#075bbb;background:#f8fbff;box-shadow:0 5px 16px #075bbb1a}.category.active{border-color:#075bbb;background:#075bbb;color:white;box-shadow:0 4px 14px #075bbb26}.category.active svg{background:#fff;stroke:#075bbb}.category.active small,.category.active .category-arrow{color:white}
nav .departments-link{display:inline-flex;align-items:center;justify-content:center;background:#e7f2ff;border:1px solid #a9c9ee;color:#075bbb;font-weight:bold;padding:7px 15px;border-radius:9px}
@media(max-width:900px){.category-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.departments{padding:22px}.category strong{font-size:15px}.category{min-height:145px}}
@media(max-width:600px){.departments{margin-top:16px;margin-bottom:8px;padding:18px 12px;border-radius:16px;scroll-margin-top:160px}.departments h2{font-size:25px}.departments-hint{font-size:12px}.departments .section-head{margin-bottom:16px}.category-grid{gap:10px}.category{padding:14px 7px 12px;min-height:139px;gap:5px;border-radius:12px}.category svg{width:35px;height:35px;padding:7px;border-radius:12px}.category strong{font-size:14px}.category small{font-size:11px}.category-arrow{top:8px;left:8px;font-size:17px}nav .departments-link{padding:6px 9px}.hero{padding-top:24px}}
@media(max-width:480px){.category-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.category{min-height:139px}.category strong{font-size:16px}.category small{font-size:12px}}
/* Photo departments and persistent shopping navigation. */
:root{--navy:#142b4b;--blue:#0059d6;--muted:#52647d;--bg:#f1f3f6;--line:#d8dee7}body{background:var(--bg);padding-bottom:112px}header{background:#fff;border-bottom:2px solid #e1e6ee}.brand strong{color:#142b4b}.brand small{color:#0059d6}.header-search{background:#fff;border:2px solid #bdc9da;border-radius:16px}.departments{background:transparent;border:0;padding:12px 0;margin-top:24px}.departments h2{color:var(--navy)}.departments .eyebrow{display:none}.category-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:22px 18px}.category,.category:hover,.category.active{display:flex;flex-direction:column;background:transparent;border:0;box-shadow:none;padding:0;gap:7px;color:var(--navy);min-height:0;overflow:visible}.category-image{display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;width:100%;aspect-ratio:1.3;background:#fff;border:2px solid #d7dde6;border-radius:19px;transition:border-color .15s,box-shadow .15s}.category-image img{width:100%;height:100%;object-fit:contain;padding:10px}.category-image.screen-category img{position:absolute;top:-40%;height:auto;padding:0}.category-image .photo-crop{height:100%;max-width:100%}.category.active .category-image{border:3px solid #0059d6;box-shadow:0 0 0 3px #0059d613;background:#f5f9ff}.category.active .category-image:after{content:'✓';position:absolute;top:7px;left:7px;background:#0059d6;color:#fff;width:23px;height:23px;border-radius:50%;font-size:16px}.category strong{font-size:16px;font-weight:800}.category small,.category.active small{color:#52647d;font-size:11px}.category.active strong{color:#0059d6}.category svg{background:transparent!important;stroke:#0059d6!important;fill:none}.hero{background:#fff;border:1px solid #d8dee7;border-right:6px solid #0059d6;border-radius:24px;padding:35px;margin-block:30px}.hero h1{font-size:36px}.store-section{background:transparent}.product{border:1px solid #d5dce7;box-shadow:0 4px 18px #142b4b06}.add{background:#0059d6;color:#fff}.bottom-nav{position:fixed;bottom:0;left:0;right:0;z-index:35;display:grid;grid-template-columns:repeat(3,1fr);gap:8px;background:#142b4b;color:#fff;padding:10px max(14px,calc((100vw - 780px)/2)) calc(10px + env(safe-area-inset-bottom));box-shadow:0 -4px 24px #142b4b1a}.bottom-nav>a,.bottom-nav>button{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:3px;background:transparent;color:#fff;border:1px solid transparent;border-radius:13px;min-height:67px;padding:5px;font-size:13px}.bottom-nav .selected{background:#ffffff14;border-color:#ffffff35;color:#78b8ff}.bottom-nav svg{height:25px;width:25px;stroke:currentColor;stroke-width:1.8;fill:none}.bottom-nav small{font-size:11px;color:#9acbff}#bottomCount{display:inline-flex;min-width:18px;justify-content:center;background:#0059d6;border-radius:5px;font-size:11px;margin-inline-start:4px}.toast{bottom:112px}.order-card{padding:20px 0;border-bottom:1px solid #d8dee7}.order-card p{font-size:13px;margin-top:6px}.order-card b{display:block;margin-block:10px}.order-card .button{font-size:12px}.order-state{display:block;font-size:11px;color:#52647d;margin-top:5px}
@media(max-width:900px){.category-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:600px){.wrap{width:calc(100% - 28px)}.nav{height:66px}header .nav nav{display:none}.header-search{margin-bottom:12px}.departments{padding:6px 0;margin-block:20px}.departments h2{font-size:23px}.departments-hint{font-size:11px}.category-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:19px 10px}.category{min-height:0;padding:0;gap:6px}.category-image{border-radius:14px;aspect-ratio:1.25}.category strong{font-size:12px;line-height:1.65}.category small{font-size:10px}.category-image img{padding:6px}.category.active .category-image:after{width:18px;height:18px;font-size:12px;top:4px;left:4px}.hero{padding:23px;gap:20px;margin-block:26px}.hero h1{font-size:28px}.hero-note{display:none}.hero-visual{max-width:100%}.store-section{padding-top:20px}.toolbar>.search{display:none}.toolbar{grid-template-columns:1fr 1fr}.bottom-nav{display:grid}.bottom-nav strong{font-size:12px}.toast{bottom:112px}.section-head{margin-bottom:17px}.product-grid{gap:12px}.product{border-radius:17px}}

/* A compact named department menu replaces the duplicate bottom cart. */
.departments-dialog{width:540px}.department-list{display:grid;gap:9px;margin-top:16px}.department-list button{display:flex;align-items:center;gap:13px;width:100%;text-align:right;background:#f4f8ff;color:#142b4b;border:1px solid #d9e5f4;border-radius:12px;min-height:58px;padding:12px 15px}.department-list svg{width:25px;height:25px;flex:none;fill:none;stroke:#0059d6;stroke-width:1.8}.department-list strong{flex:1;font-size:15px}.department-list button:hover,.department-list button[aria-pressed=true]{background:#e7f1ff;border-color:#0059d6}.department-list button:focus-visible{outline:3px solid #0059d6;outline-offset:2px}

/* Choose the quantity before adding the product. */
.detail-purchase{border-top:1px solid var(--line);padding-top:16px;margin-top:16px}.detail-quantity-row{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px}.detail-quantity-row label{font-size:15px;font-weight:700}.detail-quantity{margin:0;gap:8px;direction:ltr}.detail-quantity button{width:42px;height:42px;font-size:24px}.detail-quantity button:disabled{opacity:.4;cursor:default}.detail-quantity input{width:64px;height:42px;text-align:center;border:1px solid #cbdcf0;border-radius:7px;color:var(--navy);background:#fff;font:18px Arial;appearance:textfield;-moz-appearance:textfield}.detail-quantity input::-webkit-inner-spin-button,.detail-quantity input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.detail-quantity input:focus-visible{outline:2px solid var(--blue);outline-offset:2px}.detail-purchase .price small{font-size:12px;font-weight:400;color:var(--muted)}

/* A separate all-products feature, above the department grid. */
.all-products-section{margin-top:24px;margin-bottom:24px}.all-products-banner{width:100%;display:flex;align-items:center;justify-content:space-between;gap:30px;overflow:hidden;position:relative;isolation:isolate;padding:28px 32px;text-align:right;background:linear-gradient(115deg,#0059d6,#123967 65%,#142b4b);color:#fff;border:1px solid #196acb;border-radius:22px;box-shadow:0 8px 24px #142b4b12}.all-products-banner:before{content:'';position:absolute;inset:auto -90px -170px auto;width:390px;height:390px;border:50px solid #ffffff06;border-radius:50%;z-index:-1}.all-products-copy{display:flex;flex-direction:column;gap:5px;flex:1;min-width:0}.all-products-tag{font-size:12px;color:#b4d6ff}.all-products-copy>strong{font-size:32px;line-height:1.45}.all-products-description{font-size:13px;color:#e4efff}.all-products-action{display:flex;align-items:center;gap:10px;margin-top:13px;font-size:14px;font-weight:700}.all-products-action>span:last-child{font-size:23px}.all-products-action #allProductsCount{font-size:11px;font-weight:400;background:#ffffff1f;border:1px solid #ffffff24;padding:2px 9px;border-radius:20px}.all-products-photos{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;width:52%;max-width:530px;align-items:center}.all-products-photo{position:relative;display:flex;align-items:center;justify-content:center;aspect-ratio:1;background:#fff;border:1px solid #ffffff80;border-radius:15px;overflow:hidden;box-shadow:0 5px 12px #001b4730}.all-products-photo:nth-child(even){transform:translateY(9px)}.all-products-photo img{display:block;width:100%;height:100%;object-fit:contain;padding:7px}.all-products-photo .photo-crop{height:100%;max-width:100%}.all-products-photo.is-screen img{position:absolute;width:100%;height:auto;top:-40%;padding:0}.all-products-banner:hover{box-shadow:0 8px 26px #0059d630}.all-products-banner[aria-pressed=true]{border-color:#75b4ff}.all-products-section+.departments{margin-top:0}
@media(max-width:600px){.all-products-section{margin-top:17px;margin-bottom:24px}.all-products-banner{padding:19px 18px 24px;gap:18px;flex-direction:column;align-items:stretch;border-radius:18px}.all-products-copy{position:relative;gap:3px}.all-products-tag{font-size:10px}.all-products-copy>strong{font-size:26px}.all-products-description{font-size:11px}.all-products-action{position:absolute;left:0;top:0;flex-wrap:wrap;max-width:96px;justify-content:center;gap:3px 6px;margin-top:5px;font-size:12px}.all-products-action #allProductsCount{font-size:10px;order:3}.all-products-action>span:last-child{font-size:18px}.all-products-photos{width:100%;max-width:none;gap:8px}.all-products-photo{border-radius:11px}.all-products-photo img{padding:6px}.all-products-photo:nth-child(even){transform:translateY(5px)}}

.card-quantity-label{display:flex;align-items:center;justify-content:space-between;gap:6px;font-size:12px;color:var(--muted);margin-bottom:10px}.card-quantity{display:flex;align-items:center;direction:ltr;border:1px solid #bdc9da;border-radius:10px;overflow:hidden;background:#fff}.card-quantity button{width:34px;min-height:38px;background:#edf4ff;color:#0059d6;font-size:20px;padding:0}.card-quantity button:disabled{color:#a8b1bf;cursor:default}.card-quantity input{width:45px;min-width:0;height:38px;border:0;text-align:center;font-size:16px;color:var(--navy);padding:0;appearance:textfield;-moz-appearance:textfield}.card-quantity input::-webkit-inner-spin-button,.card-quantity input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.add,.detail-bottom [data-add]{transition:background .18s,transform .18s}.add:active,.detail-bottom [data-add]:active{transform:scale(.96)}.add.added,.detail-bottom [data-add].added{background:#14864c;color:white;opacity:1;cursor:default;box-shadow:0 0 0 3px #14864c24}.toast{z-index:1000}body:has(dialog[open]) .toast{position:fixed;inset:auto 16px 24px;margin:auto;max-width:440px}
@media(max-width:380px){.card-quantity-label{flex-direction:column;align-items:stretch}.card-quantity{justify-content:space-between}.card-quantity input{width:36px}}

.card-quantity-label{width:100%}
#checkout select[name=city]{display:block;width:100%;max-width:none;min-height:44px;margin:6px 0 14px;padding:11px;border:1px solid #d6e0ec;border-radius:7px;color:var(--navy);background-color:#fff;font-size:16px}#checkout select[name=city]:invalid{color:#697b91}
/* Keep touch-browser focus at the existing scale and contain form scrolling. */
@media(max-width:900px),(pointer:coarse){input,textarea,select{font-size:16px!important}html:has(dialog[open]){scroll-behavior:auto}dialog{overflow-x:hidden;overscroll-behavior:contain;scroll-behavior:auto;scroll-padding-block:20px}dialog input,dialog select,dialog textarea{scroll-margin-block:16px}}

.category-image.screen-category-clean{aspect-ratio:1.3;height:auto;background:#fff}.category-image.screen-category-clean .photo-crop{width:90%;height:auto;max-width:90%;flex:none}.category-image.screen-category-clean img{border-radius:0}

.all-products-photo.banner-screen-clean .photo-crop{width:90%;max-width:90%;height:auto;flex:none}.all-products-photo.banner-screen-clean img{border-radius:0}

.stock-badge{display:block;width:fit-content;background:#fff1f2;color:#b91c1c;border:1px solid #fecdd3;border-radius:8px;padding:6px 10px;font-weight:700;font-size:14px;margin-bottom:10px}.out-of-stock .add:disabled,.detail-bottom button:disabled{background:#e5e7eb;color:#6b7280;cursor:not-allowed;box-shadow:none}

/* Native monitor photos already contain the entire product; never use poster cropping. */
.product-photo>img.product-image-contain,.detail-photo>img.product-image-contain,.cart-thumb>img.product-image-contain{position:absolute;inset:0;display:block;width:100%;height:100%;max-width:100%;object-fit:contain;object-position:center;padding:10px;transform:none}
.detail-photo>img.product-image-contain{position:absolute;inset:0;padding:14px}
.cart-thumb>img.product-image-contain{padding:3px}
/* Catalogue covers use live text and original product imagery at every screen size. */
.catalog.visual-catalog{display:block;padding:0;overflow:hidden;background:#fff;border:1px solid #dce6f2;border-radius:18px;box-shadow:0 5px 18px #132d5008}
.catalog-cover{--catalog-accent:#075bbb;position:relative;display:block;padding:22px 24px 14px;background:linear-gradient(145deg,#fff 30%,#eaf3ff);border-top:5px solid var(--catalog-accent);transition:background .18s ease}
.visual-catalog.msi .catalog-cover{--catalog-accent:#d82d36}
.visual-catalog.asus .catalog-cover{--catalog-accent:#132d50}
.visual-catalog.lg .catalog-cover{--catalog-accent:#a50034;background:linear-gradient(145deg,#fff 30%,#fff0f5)}
.catalog-cover-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}
.catalog-cover-heading>span:first-child{font-size:13px;font-weight:700;color:var(--blue)}
.catalog-cover .catalog-file-type{border:1px solid #d8e2ef;border-radius:6px;padding:2px 8px;font:700 10px Arial,sans-serif;color:#697b91;background:#ffffffb3}
.catalog-cover h3{font:800 clamp(30px,5vw,42px)/1.15 Arial,sans-serif;letter-spacing:1px;color:var(--catalog-accent);margin:13px 0 4px;direction:ltr;text-align:right}
.catalog-cover .catalog-cover-title{font-size:15px;font-weight:700;color:#132d50}
.catalog-cover-photo{height:155px;display:flex;align-items:center;justify-content:center;margin:12px auto 9px;max-width:340px}
.catalog-cover-photo>img{width:100%;height:100%;object-fit:contain;object-position:center;display:block}
.catalog-monitor-crop{position:relative;display:block;height:100%;width:auto;max-width:100%;overflow:hidden;background:white;border-radius:5px}
.catalog-monitor-crop img{position:absolute;max-width:none;object-fit:fill;display:block}
.catalog-cover-footer{display:flex;align-items:center;justify-content:space-between;gap:10px;border-top:1px solid #dce6f2;padding-top:11px}
.catalog-cover-footer>span:first-child{font-size:12px;color:#425c78}
.catalog-cover .catalog-cover-arrow{display:grid;place-items:center;width:31px;height:31px;border-radius:50%;background:var(--catalog-accent);color:white;font-size:20px}
.catalog-caption{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 18px;background:white}
.catalog-caption p{font-size:11px;color:#697b91}
.catalog.visual-catalog .catalog-caption .download{width:auto;flex:none;font-size:12px;color:#075bbb;text-align:start;font-weight:700}
@media(max-width:600px){.catalog-cover{padding:18px 20px 13px}.catalog-cover-photo{height:150px}.catalog-caption{padding:12px 15px;gap:8px}.catalog-caption p{font-size:10px}}

/* Brand collection inside the mouse department, matching the screen catalogs. */
.category-catalog{max-width:560px;margin:0 0 25px}.category-catalog[hidden]{display:none}.visual-catalog.attack-shark .catalog-cover{--catalog-accent:#075bbb}.visual-catalog.attack-shark .catalog-caption .button{font-size:12px;padding:8px 12px}.visual-catalog.attack-shark .catalog-caption button[aria-pressed=true]{background:#132d50}.category-catalog .catalog-cover h3{font-size:30px}.category-catalog .catalog-cover-photo{height:160px}.category-catalog .catalog-caption{gap:10px}

.visual-catalog.attack-shark .catalog-caption{flex-wrap:wrap}.visual-catalog.attack-shark .catalog-caption p{flex:1 1 100%}.visual-catalog.attack-shark .catalog-caption .button{flex:1 1 auto;gap:8px}

/* Wide keyboard photography keeps its natural proportions in every card. */
.full-product-photo .keyboard-photo-crop{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:95%;height:auto;max-width:95%;flex:none}

/* Show the complete Iraq Technology keyboard poster, including every colour. */
.full-product-photo>img.keyboard-image-contain{position:absolute;inset:0;display:block;width:100%;height:100%;max-width:100%;object-fit:contain;object-position:center;padding:0;transform:none;border-radius:0}
