:root{
  --bg:#f7f7f8;
  --accent:#1a73e8;
  --text:#111;
  --menu-width:280px;
}
*{box-sizing:border-box}
body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,"Helvetica Neue",Arial;background:var(--bg);color:var(--text)}
.topbar{
  position:sticky;top:0;z-index:1000;display:flex;align-items:center;gap:12px;padding:8px 12px;background:#fff;border-bottom:1px solid #eee;
}
.logo{width:210px;height:32px;object-fit:contain;cursor:pointer}
.contact-btn{margin-left:auto;background:var(--accent);color:#fff;padding:8px 12px;border-radius:6px;text-decoration:none;font-weight:600}

.side-menu{
  position:fixed;left:0;top:0;height:100%;width:var(--menu-width);background:#fff;box-shadow:2px 0 12px rgba(0,0,0,.08);transform:translateX(-100%);transition:transform .32s cubic-bezier(.2,.9,.2,1);z-index:1200;padding-top:64px;overflow:auto;
}
.side-menu.open{transform:translateX(0)}
.side-menu ul{list-style:none;padding:8px;margin:0}
.side-menu li{padding:12px;border-bottom:1px solid #f0f0f0}
.side-menu a{display:block;color:#111;text-decoration:none}
main{padding:16px}

/* Grid productos */
.products{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px}
.product-card{background:#fff;padding:12px;border-radius:8px;box-shadow:0 1px 4px rgba(0,0,0,.06);display:flex;flex-direction:column}
.product-card img{width:100%;height:150px;object-fit:cover;border-radius:6px}
.product-card h3{margin:8px 0 4px;font-size:1.05rem}
.product-card .desc{flex:1;color:#555;font-size:.95rem;margin:0 0 8px}
.product-card .price{font-weight:700;color:var(--accent);margin:0}

/* ajustes adaptativos */
@media (max-width:600px){
  .topbar{padding:8px}
  .contact-btn{padding:6px 8px;font-size:.95rem}
  .product-card img{height:200px}
}