:root{
  --bg: #fbf8f5;
  --card: #ffffff;
  --muted: #6b6b6b;
  --accent: #2d2d2d;
  --accent-2: #b88e2a;
  --radius: 12px;
  --max-width: 1100px;
}
*{box-sizing:border-box}
body{margin:0;font-family:"Inter",sans-serif;background:var(--bg);color:var(--accent);padding:24px;display:flex;justify-content:center;}
.container{max-width:var(--max-width);width:100%;display:grid;grid-template-columns:1fr;gap:24px;}
header{display:flex;justify-content:space-between;align-items:center;}
.logo{width:46px;height:46px;border-radius:8px;background:linear-gradient(135deg,var(--accent),var(--accent-2));display:flex;align-items:center;justify-content:center;color:white;font-weight:800;}
.product{background:var(--card);padding:18px;border-radius:var(--radius);box-shadow:0 8px 30px rgba(15,15,15,0.06);}
.media{width:100%;aspect-ratio:3/4;border-radius:10px;overflow:hidden;background:#efe7d6;display:flex;align-items:center;justify-content:center;}
.media img{max-width:100%;height:auto;}
.title{font-size:28px;font-weight:800;}
.price{font-size:28px;font-weight:800;}
.add-btn{background:var(--accent-2);border:0;padding:12px 18px;border-radius:10px;font-weight:800;cursor:pointer;}
@media(min-width:880px){.container{grid-template-columns:450px 1fr;}}