:root{--bg: #fff8f5;--card: #ffffff;--accent: #6b2d0c;--accent-2: #c76b3c;--muted: #6b6b6b;--radius: 14px;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:#2b2b2b}.site{min-height:100vh;display:flex;flex-direction:column}.site-header{display:flex;justify-content:space-between;align-items:center;padding:18px 24px;background:linear-gradient(90deg,#fff,#fff6f2);box-shadow:0 6px 20px #0000000a}.brand{display:flex;gap:12px;align-items:center}.logo{width:56px;height:56px;border-radius:12px;background:linear-gradient(135deg,var(--accent),var(--accent-2));display:flex;align-items:center;justify-content:center;color:#fff;font-size:26px}.tag{font-size:13px;color:var(--muted)}.header-actions{display:flex;gap:10px;align-items:center}.search{padding:8px 12px;border-radius:10px;border:1px solid #f0e6e0;background:#fff}.btn{background:var(--accent);color:#fff;padding:8px 12px;border-radius:10px;border:0;cursor:pointer;font-weight:600}.btn.ghost{background:transparent;border:1px solid rgba(107,45,12,.08);color:var(--accent)}.container{max-width:1100px;margin:22px auto;padding:0 18px;flex:1}.admin{max-width:1100px;margin:12px auto;padding:14px;background:#ffffffe6;border-radius:12px;box-shadow:0 8px 30px #0b090708}.form{display:flex;gap:12px;flex-wrap:wrap;align-items:center}.form input[type=file]{padding:6px}.preview{height:80px;border-radius:8px;object-fit:cover;border:1px solid #f1e6dd}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}@media (max-width:1100px){.grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:760px){.grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.grid{grid-template-columns:1fr}}.product-card{background:var(--card);border-radius:12px;box-shadow:0 8px 30px #0b09070a;overflow:hidden;display:flex;flex-direction:column}.media{height:180px;display:flex;align-items:center;justify-content:center;background:linear-gradient(180deg,#fff7f2,#fff)}.media img{max-width:100%;max-height:100%;object-fit:contain}.info{padding:12px;display:flex;flex-direction:column;gap:8px}.title{font-weight:700}.price{font-weight:800;color:var(--accent)}.actions{display:flex;gap:8px;margin-top:auto}.small{padding:6px 8px;font-size:13px}.empty{padding:40px;text-align:center;color:var(--muted);background:linear-gradient(#fff,#fff7f2);border-radius:12px}.footer{padding:18px;text-align:center;color:var(--muted)}