body {margin:0;font-family:Arial;background:#f5f5f5;color:#222}
header {background:#111;color:#d4af37;padding:15px;display:flex;align-items:center;gap:10px}
header input{flex:1;padding:10px;border-radius:6px;border:none}
.produtos{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:15px;padding:15px}
.card{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 2px 6px rgba(0,0,0,.1);position:relative}
.card img{width:100%;height:180px;object-fit:contain;background:#fff}
.card h3{font-size:14px;margin:8px}
.preco{color:#b8860b;font-weight:bold;margin:8px}
.antigo{text-decoration:line-through;color:#888;font-size:12px}
.btn{background:#b8860b;color:#fff;border:none;padding:8px 12px;border-radius:20px;margin:8px;cursor:pointer}
.off{position:absolute;top:8px;left:8px;background:red;color:#fff;padding:4px 8px;border-radius:20px;font-size:12px}
.esgotado{position:absolute;top:8px;right:8px;background:#000;color:#fff;padding:4px 8px;border-radius:20px;font-size:12px}
aside{position:fixed;left:0;top:0;bottom:0;width:220px;background:#111;color:#fff;padding:10px;overflow:auto}
main{margin-left:220px}
@media(max-width:768px){aside{display:none}main{margin:0}}