:root{--navy:#08284b;--ink:#092747;--muted:#52677e;--line:#dce5ed}*{box-sizing:border-box}body{margin:0;font:16px/1.5 Arial,sans-serif;color:var(--ink);background:#f6f8fb}a{color:#13507e;text-decoration:none}button{cursor:pointer;border:0;border-radius:6px;background:var(--navy);color:white;padding:12px 17px;font-weight:bold}button:disabled{opacity:.5;cursor:not-allowed}header{background:var(--navy);color:#fff;display:flex;align-items:center;gap:24px;justify-content:space-between;padding:24px max(20px,calc((100vw - 1320px)/2));flex-wrap:wrap}header a{color:#fff}.brand{font-size:26px;font-weight:bold}header form{display:flex;flex:1;max-width:520px}input,select{padding:12px;border:1px solid #b6c9da;border-radius:5px;min-width:0;font:inherit}header input{flex:1}header button{background:#e7eef7;color:var(--navy)}nav{display:flex;gap:25px;background:#0c325b;padding:13px max(20px,calc((100vw - 1320px)/2));flex-wrap:wrap}nav a{color:white}main{max-width:1320px;margin:auto;min-height:60vh;padding:35px 20px 70px}h1{font-size:clamp(28px,3vw,40px)}.cats{display:flex;gap:8px;flex-wrap:wrap;margin:22px 0 32px}.cats a{padding:9px 13px;background:#e5eef6;border-radius:7px}.cats a.selected{background:var(--navy);color:white}.grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.tile{background:white;border:1px solid var(--line);border-radius:10px;overflow:hidden;display:flex;flex-direction:column}.tile img{width:100%;height:210px;object-fit:contain;background:white}.tilebody{padding:15px;display:flex;flex-direction:column;gap:10px;flex:1}.tile h3{font-size:16px;margin:0}.price{font-size:20px;font-weight:bold}.tile .view{margin-top:auto;background:var(--navy);color:#fff;border-radius:5px;padding:10px;text-align:center}.muted,#status{color:var(--muted)}#more{display:block;margin:35px auto}#more[hidden]{display:none}#detail{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:35px;margin-top:22px}.gallery img{width:100%;max-height:440px;object-fit:contain;background:white;border:1px solid var(--line);border-radius:10px}.thumbs{display:flex;gap:8px;overflow:auto;margin-top:12px}.thumbs button{background:white;padding:2px;border:1px solid var(--line)}.thumbs img{height:70px;width:90px;object-fit:contain}.detailbody{background:white;border:1px solid var(--line);border-radius:12px;padding:26px}.detailbody h1{margin-top:0}.detailbody select{display:block;width:100%;margin:10px 0 18px}.description{grid-column:1/-1;background:white;padding:24px;border-radius:10px;overflow-wrap:anywhere}aside{position:fixed;right:0;top:0;bottom:0;width:min(430px,100vw);z-index:100;background:white;box-shadow:0 0 0 100vw #0007;overflow:auto;padding:20px}aside[hidden]{display:none}.asidehead{display:flex;justify-content:space-between;align-items:center}.cartline{border-bottom:1px solid var(--line);padding:15px 0;display:flex;justify-content:space-between;gap:10px}footer{background:#06213f;color:white;padding:40px 25px;text-align:center}footer a{color:white}@media(max-width:950px){.grid{grid-template-columns:repeat(2,minmax(0,1fr))}#detail{grid-template-columns:1fr}}@media(max-width:550px){.grid{grid-template-columns:1fr}.brand{font-size:21px}header{gap:12px}main{padding:24px 15px}.gallery img{max-height:42vh}}