*{box-sizing:border-box}body{margin:0;font-family:Arial,sans-serif;color:#1d2433;background:#f7f8fb}a{text-decoration:none;color:inherit}.top{height:72px;background:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 6%;position:sticky;top:0;z-index:5;box-shadow:0 2px 12px #00000012}.brand{font-size:26px;font-weight:800}.top nav{display:flex;gap:26px;color:#596174}.actions{display:flex;gap:10px}.actions button,.close{border:0;background:#eef1f6;padding:10px 14px;border-radius:10px;cursor:pointer}.hero{min-height:430px;padding:80px 8%;display:flex;align-items:center;background:linear-gradient(115deg,#eef3ff,#fff);}.hero h1{font-size:56px;line-height:1.05;margin:18px 0}.hero p{font-size:18px;color:#667085;max-width:500px}.pill{font-size:12px;font-weight:700;letter-spacing:2px}.primary{display:inline-block;margin-top:18px;background:#111827;color:#fff;padding:14px 22px;border-radius:12px}.section{padding:55px 6%}h2{font-size:30px}.category-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.category-grid a{background:#fff;padding:28px;border-radius:16px;text-align:center;font-weight:700;box-shadow:0 3px 15px #0000000b}.shop-head{display:flex;justify-content:space-between;align-items:center}.shop-head select{padding:11px;border:1px solid #ddd;border-radius:9px}.product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.card{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 3px 15px #0000000b}.pic{height:220px;background:#eef1f6;display:flex;align-items:center;justify-content:center;font-size:75px}.card-body{padding:16px}.card h3{margin:4px 0 8px}.price{font-size:20px;font-weight:800}.old{text-decoration:line-through;color:#98a2b3;font-size:13px;margin-left:6px}.add{width:100%;margin-top:13px;border:0;background:#111827;color:#fff;padding:11px;border-radius:10px;cursor:pointer}.info{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.info>div{background:#fff;padding:20px;border-radius:14px}.info p,footer p{color:#667085;line-height:1.6}footer{background:#fff;padding:45px 6%;display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:30px;border-top:1px solid #eee}.modal{display:none;position:fixed;inset:0;background:#0008;z-index:10;align-items:center;justify-content:center;padding:20px}.modal-box{background:#fff;border-radius:18px;padding:28px;max-width:430px;width:100%;position:relative}.close{position:absolute;right:15px;top:15px;font-size:20px}.modal input{width:100%;padding:13px;margin:8px 0;border:1px solid #ddd;border-radius:9px}.modal button.primary{border:0;cursor:pointer} @media(max-width:800px){.top nav{display:none}.category-grid,.product-grid,.info,footer{grid-template-columns:repeat(2,1fr)}.hero h1{font-size:42px}}@media(max-width:500px){.category-grid,.product-grid,.info,footer{grid-template-columns:1fr}.hero{padding:55px 6%}}