*{box-sizing:border-box}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:#17202a;background:#f7f8fa}.topbar{background:#111827;color:#fff;text-align:center;padding:8px;font-size:13px}.nav{height:76px;background:#fff;display:flex;align-items:center;gap:28px;padding:0 5%;position:sticky;top:0;z-index:5;border-bottom:1px solid #eee}.logo{font-size:24px;font-weight:800;white-space:nowrap}.logo span{display:inline-grid;place-items:center;background:#111827;color:#fff;border-radius:9px;padding:5px 7px;margin-right:5px}.search{display:flex;flex:1;max-width:600px}.search input{width:100%;padding:13px 16px;border:1px solid #ddd;border-radius:10px 0 0 10px;outline:0}.search button{border:0;background:#111827;color:#fff;padding:0 20px;border-radius:0 10px 10px 0}.navlinks{display:flex;gap:16px;align-items:center}.navlinks a{color:#333;text-decoration:none;font-size:14px}.cartbtn{border:0;background:#f0f2f5;padding:11px 14px;border-radius:10px}.hero{margin:28px auto;max-width:1200px;min-height:390px;padding:55px 6%;border-radius:24px;background:linear-gradient(120deg,#e8eef7,#fff);display:flex;align-items:center;justify-content:space-between}.eyebrow{font-weight:700;font-size:12px;letter-spacing:2px}.hero h1{font-size:52px;line-height:1.05;margin:15px 0}.hero h1 span{color:#475569}.hero p{max-width:600px;color:#59636e;line-height:1.6}.primary{background:#111827;color:#fff;border:0;border-radius:10px;padding:14px 22px;font-weight:700;cursor:pointer}.hero-card{width:280px;height:230px;background:#fff;border-radius:22px;box-shadow:0 18px 50px #0001;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px}.hero-icon{font-size:70px}.hero-card small{color:#6b7280}.section{max-width:1200px;margin:45px auto;padding:0 5%}.section-head{display:flex;justify-content:space-between;align-items:center}.section-head span{color:#64748b;font-size:14px}.categories{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}.category{background:#fff;padding:24px 12px;border-radius:16px;text-align:center;cursor:pointer;border:1px solid #eee}.category .icon{font-size:32px}.category p{margin:10px 0 0;font-weight:600;font-size:14px}.products{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.product{background:#fff;border-radius:16px;overflow:hidden;border:1px solid #eee}.pic{height:180px;display:grid;place-items:center;background:#eef1f5;font-size:64px}.product-body{padding:15px}.product-body small{color:#64748b}.product-body h3{font-size:16px;margin:8px 0}.price{font-size:19px;font-weight:800}.old{text-decoration:line-through;color:#9ca3af;font-size:13px;margin-left:6px}.add{width:100%;margin-top:12px;padding:11px;border:0;border-radius:9px;background:#111827;color:#fff;cursor:pointer}footer{margin-top:70px;background:#111827;color:#fff;padding:45px 8%;display:flex;justify-content:space-between;gap:40px}footer p{color:#cbd5e1}.overlay{display:none;position:fixed;inset:0;background:#0006;z-index:9}.cart{position:fixed;right:-420px;top:0;width:390px;height:100vh;background:#fff;z-index:10;padding:22px;transition:.25s;overflow:auto}.cart.open{right:0}.overlay.open{display:block}.cart-head{display:flex;justify-content:space-between}.cart-head button{border:0;background:transparent;font-size:22px}.cart-item{display:flex;gap:12px;border-bottom:1px solid #eee;padding:15px 0}.cart-item .mini{font-size:30px}.cart-total{display:flex;justify-content:space-between;font-size:20px;padding:20px 0}.full{width:100%}@media(max-width:850px){.nav{flex-wrap:wrap;height:auto;padding:12px 4%;gap:12px}.search{order:3;max-width:none;flex-basis:100%}.navlinks{display:none}.hero{margin:15px;min-height:430px}.hero h1{font-size:38px}.hero-card{display:none}.categories{grid-template-columns:repeat(2,1fr)}.products{grid-template-columns:repeat(2,1fr)}footer{flex-direction:column}.cart{width:92%}}