:root{--accent:#0ea5a4}#__next,body,html{height:100%}body{font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial;margin:0;padding:0;background:#f7fafc;color:#111}.container{max-width:1100px;margin:24px auto;padding:0 16px}.header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));grid-gap:16px;gap:16px}.card{background:#fff;border-radius:12px;padding:12px;box-shadow:0 2px 8px rgba(2,6,23,.06);display:flex;flex-direction:column}.price{font-weight:700;margin-top:8px}.controls{display:flex;gap:12px;align-items:center;margin-bottom:16px}.badge{display:inline-block;padding:4px 8px;border-radius:999px;font-size:12px}.out-of-stock{background:#fee2e2;color:#991b1b}.in-stock{background:#ecfdf5;color:#065f46}.carousel{position:relative;overflow:hidden;border-radius:8px}.carousel img{width:100%;height:280px;object-fit:cover}.carousel .controls{position:absolute;top:50%;left:0;right:0;display:flex;justify-content:space-between;transform:translateY(-50%)}.small{font-size:12px;color:#6b7280}@media (max-width:600px){.carousel img{height:180px}}