:root{--navy:#131921;--navy2:#232f3e;--orange:#ff9900;--yellow:#ffd814;--bg:#f3f4f6;--text:#17212b;--muted:#657284;--line:#d7dde5}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,Helvetica,sans-serif;background:var(--bg);color:var(--text)}a{color:inherit}
.topbar{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:18px;padding:12px 4%;background:var(--navy);color:#fff}.brand img{width:215px;display:block}.search{display:flex;flex:1}.search input{width:100%;padding:14px;border:0;border-radius:8px 0 0 8px;font-size:16px}.search button{border:0;padding:0 20px;background:var(--orange);border-radius:0 8px 8px 0;font-weight:800}.contactMini{display:flex;flex-direction:column;text-decoration:none;white-space:nowrap;font-size:12px}.contactMini strong{font-size:14px}.cartButton{border:0;background:none;color:#fff;font-size:16px;font-weight:800;white-space:nowrap}.cartButton span{background:var(--orange);color:#111;padding:4px 8px;border-radius:999px}
.nav{display:flex;gap:24px;padding:10px 4%;background:var(--navy2);color:#fff;overflow:auto;white-space:nowrap}.nav a{text-decoration:none;font-size:14px}
main{max-width:1500px;margin:auto}.hero{margin:24px 3%;padding:42px;background:#fff;border-radius:18px;display:grid;grid-template-columns:1fr 1.2fr;gap:36px;align-items:center}.hero img{width:100%;border-radius:15px}.hero h1{font-size:clamp(40px,6vw,72px);line-height:1;margin:10px 0 18px}.hero p{font-size:18px;line-height:1.55}.eyebrow{font-size:12px!important;letter-spacing:2px;font-weight:800;color:#8a5600}.primary{display:inline-block;margin-top:10px;padding:14px 24px;background:var(--orange);border-radius:999px;text-decoration:none;font-weight:800}
.benefits{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin:0 3% 36px}.benefits article{background:#fff;border:1px solid var(--line);border-radius:14px;padding:20px;display:flex;flex-direction:column;gap:6px}.benefits span{font-size:14px;color:var(--muted)}
.productsSection{padding:15px 3% 55px}.sectionHeading{display:flex;justify-content:space-between;align-items:end}.sectionHeading h2,.about h2,.contact h2{font-size:34px;margin:7px 0 18px}.sectionHeading button{border:0;background:none;text-decoration:underline;font-weight:700}.productGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.productCard{background:#fff;border:1px solid var(--line);border-radius:15px;overflow:hidden;display:flex;flex-direction:column}.productCard img{width:100%;aspect-ratio:1.15;object-fit:cover;background:#eee}.productInfo{padding:18px;display:flex;flex-direction:column;gap:10px;flex:1}.productInfo h3{font-size:21px;margin:0}.productInfo p{margin:0;color:var(--muted);line-height:1.45}.stars{color:#e47911}.price{font-size:27px;font-weight:800}.selectors{display:grid;grid-template-columns:1fr 1fr;gap:10px}.selectors label{font-size:12px;font-weight:700;display:flex;flex-direction:column;gap:5px}.selectors select{padding:10px;border:1px solid var(--line);border-radius:8px;background:#fff}.add{border:0;border-radius:999px;padding:12px;background:var(--yellow);font-weight:800}.add:hover{background:#f7ca00}
.about{margin:0 3% 55px;padding:40px;background:var(--navy2);color:#fff;border-radius:18px;display:grid;grid-template-columns:1fr 1.2fr;gap:35px;align-items:center}.about p{line-height:1.6}.about img{width:100%;border-radius:14px}
.contact{padding:0 3% 55px}.contactGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.contactGrid a{background:#fff;border:1px solid var(--line);border-radius:14px;padding:20px;text-decoration:none;display:flex;align-items:center;gap:15px;font-size:28px}.contactGrid span{display:flex;flex-direction:column;font-size:15px}.contactGrid small{color:var(--muted);margin-top:5px}
footer{text-align:center;background:var(--navy);color:#fff;padding:35px}footer img{width:190px}footer p{font-size:13px;color:#ccd4de}
.cartDrawer{position:fixed;right:-470px;top:0;width:min(450px,100%);height:100vh;background:#fff;z-index:50;box-shadow:-12px 0 35px #0004;transition:.25s;display:flex;flex-direction:column}.cartDrawer.open{right:0}.cartHead{display:flex;justify-content:space-between;padding:20px;border-bottom:1px solid var(--line)}.cartHead h2{margin:0}.cartHead button{border:0;background:none;font-size:22px}.cartItems{padding:16px;overflow:auto;flex:1}.cartItem{display:grid;grid-template-columns:72px 1fr auto;gap:10px;padding:12px 0;border-bottom:1px solid var(--line)}.cartItem img{width:72px;height:72px;object-fit:cover;border-radius:8px}.cartMeta{font-size:12px;color:var(--muted);margin-top:5px}.qty{display:flex;align-items:center;gap:8px;margin-top:8px}.qty button{width:27px;height:27px;border:1px solid var(--line);background:#fff;border-radius:6px}.cartFooter{padding:20px;border-top:1px solid var(--line)}.cartFooter p{font-size:11px;color:var(--muted);line-height:1.4}.subtotal{display:flex;justify-content:space-between;font-size:20px;margin-bottom:14px}.checkout{width:100%;padding:14px;border:0;border-radius:9px;background:var(--orange);font-weight:800}.overlay{position:fixed;inset:0;background:#0008;z-index:40;display:none}.overlay.show{display:block}.empty{text-align:center;padding:45px}.hidden{display:none}
@media(max-width:900px){.topbar{flex-wrap:wrap}.brand img{width:170px}.search{order:3;flex-basis:100%}.contactMini{display:none}.hero,.about{grid-template-columns:1fr}.productGrid{grid-template-columns:repeat(2,1fr)}.benefits,.contactGrid{grid-template-columns:1fr}}
@media(max-width:560px){.hero{margin:12px 0;border-radius:0;padding:24px 16px}.productsSection{padding-left:14px;padding-right:14px}.productGrid{grid-template-columns:1fr}.benefits{margin:0 14px 25px}.about{margin:0 0 40px;border-radius:0;padding:28px 16px}.contact{padding-left:14px;padding-right:14px}.selectors{grid-template-columns:1fr}}