:root{--ink:#1e2430;--muted:#697386;--brand:#e85d04;--soft:#fff4ec;--line:#e9edf3}*{box-sizing:border-box}body{color:var(--ink);background:#fff;margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif}a{color:inherit;text-decoration:none}.topbar{border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:10;background:#fffffff2;justify-content:space-between;align-items:center;height:72px;padding:0 6vw;display:flex;position:sticky;top:0}.brand{align-items:center;gap:.7rem;font-size:1.1rem;font-weight:800;display:flex}.logo{background:var(--brand);color:#fff;border-radius:50%;place-items:center;width:38px;height:38px;font-weight:900;display:grid}nav{color:#394150;gap:1.7rem;font-weight:600;display:flex}.actions{align-items:center;gap:1rem;display:flex}.cart,.refresh{border:1px solid var(--line);background:#fff;border-radius:999px;align-items:center;gap:.4rem;padding:.7rem 1rem;font-weight:700;display:flex}.mobile{display:none}.hero{color:#fff;background:linear-gradient(120deg,#191b22 0%,#38313b 48%,#ecb58d 100%);grid-template-columns:1.25fr .75fr;align-items:center;gap:2rem;min-height:540px;margin:0;padding:6vw;display:grid}.heroText{max-width:720px}.eyebrow{text-transform:uppercase;letter-spacing:.14em;color:var(--brand);margin:0 0 .6rem;font-size:.78rem;font-weight:800}.hero .eyebrow{color:#ffd2b1}.hero h1{margin:.2rem 0 1rem;font-size:clamp(2.4rem,6vw,5rem);line-height:1}.hero p{color:#f4e9e3;max-width:570px;font-size:1.15rem}.primary{background:var(--brand);color:#fff;border-radius:4px;margin-top:1rem;padding:1rem 1.25rem;font-weight:800;display:inline-block}.heroCard{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff1c;border:1px solid #ffffff38;border-radius:24px;padding:2rem;box-shadow:0 24px 80px #0005}.heroCard span{font-size:3rem;font-weight:900}.heroCard h2{margin:.8rem 0;font-size:2.1rem}.container{padding:4.5rem 6vw}.sectionTitle{justify-content:space-between;align-items:end;gap:1rem;display:flex}.sectionTitle h2{margin:.2rem 0;font-size:2.3rem}.status{color:var(--muted);border:1px solid var(--line);background:#f7f9fc;border-radius:12px;padding:.8rem 1rem}.filters{flex-wrap:wrap;justify-content:space-between;gap:1rem;margin:1.4rem 0 2rem;display:flex}.searchBox{border:1px solid var(--line);border-radius:999px;align-items:center;gap:.6rem;min-width:280px;padding:.75rem 1rem;display:flex}.searchBox input{border:0;outline:0;width:100%;font-size:1rem}.chips{flex-wrap:wrap;gap:.6rem;display:flex}.chips button{border:1px solid var(--line);background:#fff;border-radius:999px;padding:.75rem 1rem;font-weight:700}.chips .active{background:var(--ink);color:#fff}.grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:1.4rem;display:grid}.product{border:1px solid var(--line);background:#fff;border-radius:18px;position:relative;overflow:hidden;box-shadow:0 10px 35px #1e24300a}.product img{object-fit:cover;background:#f2f2f2;width:100%;height:250px}.badge{background:var(--brand);color:#fff;border-radius:999px;padding:.35rem .7rem;font-size:.78rem;font-weight:800;position:absolute;top:12px;left:12px}.productBody{padding:1rem}.cat{color:var(--muted);margin:0;font-size:.85rem}.product h3{margin:.25rem 0;font-size:1.08rem}.desc{color:var(--muted);min-height:42px;font-size:.92rem}.rating{color:#d97706;align-items:center;gap:.3rem;font-weight:800;display:flex}.price{align-items:baseline;gap:.6rem;margin:.7rem 0;display:flex}.price strong{font-size:1.2rem}.price span{color:var(--muted);text-decoration:line-through}.product button,.newsletter button{background:var(--ink);color:#fff;cursor:pointer;border:0;border-radius:10px;width:100%;padding:.9rem 1rem;font-weight:800}.product button:disabled{cursor:not-allowed;background:#c9ced8}.newsletter{text-align:center;background:var(--soft);padding:4rem 6vw}.newsletter h2{margin:0;font-size:2rem}.newsletter p{color:var(--muted)}.newsletter div{justify-content:center;gap:.6rem;max-width:520px;margin:1.2rem auto 0;display:flex}.newsletter input{border:1px solid var(--line);border-radius:10px;flex:1;padding:1rem}.newsletter button{background:var(--brand);width:auto}footer{text-align:center;color:var(--muted);border-top:1px solid var(--line);padding:2rem}@media (width<=1050px){.grid{grid-template-columns:repeat(2,1fr)}nav{display:none}.mobile{display:block}.hero{grid-template-columns:1fr}.heroCard{max-width:420px}}@media (width<=620px){.topbar{padding:0 1rem}.grid{grid-template-columns:1fr}.filters{display:block}.chips{margin-top:1rem}.newsletter div{display:block}.newsletter button{width:100%;margin-top:.7rem}.sectionTitle{display:block}.hero{padding:5rem 1.2rem}.container{padding:3rem 1.2rem}}