:root{--navy:#061735;--blue:#1269e8;--light:#f4f7fb;--line:#dbe4ef;--text:#12213b}*{box-sizing:border-box}body{margin:0;font-family:Arial,sans-serif;color:var(--text)}a{text-decoration:none;color:inherit}.topbar{background:var(--navy);color:white;padding:8px 4vw;display:flex;justify-content:space-between;font-size:13px}header{display:flex;gap:25px;align-items:center;padding:16px 4vw;border-bottom:1px solid var(--line);position:sticky;top:0;background:white;z-index:5}.brand{font-size:30px;font-weight:900}.brand b{color:var(--blue)}.search{display:flex;flex:1;border:1px solid var(--line);border-radius:8px;overflow:hidden}.search input{flex:1;border:0;padding:13px}.search button,.btn{border:0;background:var(--blue);color:white;padding:13px 20px;font-weight:700;border-radius:7px}header select,#cat{padding:11px;border:1px solid var(--line);border-radius:7px}nav{display:flex;gap:28px;background:#0b54c7;color:white;padding:12px 4vw;font-weight:700}.hero{margin:0 4vw;padding:60px;border-radius:0 0 24px 24px;background:radial-gradient(circle at 75% 30%,#174b8a,#061735 45%,#020817);color:white;display:grid;grid-template-columns:1.5fr .7fr;gap:40px}.hero h1{font-size:52px;line-height:1.05}.hero p{font-size:19px;color:#c5d4ea}.hero-box{display:grid;gap:8px;background:rgba(255,255,255,.08);padding:28px;border-radius:15px}.hero-box b{font-size:22px}.hero-box span{color:#b9c9df;margin-bottom:12px}.section{padding:60px 4vw}.light{background:var(--light)}.section-head{display:flex;justify-content:space-between;align-items:center}.categories{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}.categories button{background:white;border:1px solid var(--line);padding:18px;border-radius:10px;text-align:left}.categories span{display:block;color:#69768a;margin-top:5px}.products{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.products article{background:white;border:1px solid var(--line);border-radius:13px;overflow:hidden}.photo{height:220px;background:white}.photo img{width:100%;height:100%;object-fit:cover}.products article>a>span,.products article h3,.products article small,.products article strong{display:block;margin:12px 15px}.products article>a>span{color:var(--blue);font-size:12px;font-weight:800}.products article h3{min-height:43px}.products article small{color:#66758b}.products article strong{font-size:21px;margin-bottom:18px}.dark{background:var(--navy);color:white}footer{text-align:center;padding:22px;background:#020817;color:#8c9aae}.detail{padding:55px 5vw;display:grid;grid-template-columns:1fr 1fr;gap:45px}.main-image{width:100%;border:1px solid var(--line);border-radius:14px}.thumbs{display:flex;gap:10px;margin-top:12px}.thumbs img{width:100px;height:75px;object-fit:cover;border:1px solid var(--line);border-radius:8px;cursor:pointer}.pill{display:inline-block;background:#e9f2ff;color:var(--blue);padding:7px 11px;border-radius:20px;font-weight:700}@media(max-width:900px){.hero,.detail{grid-template-columns:1fr}.categories{grid-template-columns:repeat(3,1fr)}.products{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.topbar{display:none}header{flex-wrap:wrap}.search{order:3;width:100%}.hero{margin:0;padding:35px 20px;border-radius:0}.hero h1{font-size:36px}.categories,.products{grid-template-columns:1fr}.section{padding:45px 18px}nav{overflow:auto}.detail{padding:30px 18px}}