/* Basic responsive styles for EPS demo site */
:root{
  --accent:#0f6d5d;
  --muted:#666;
  --bg:#f7f7f8;
  --max:1100px;
  font-family: Arial, Helvetica, sans-serif;
}
*{box-sizing:border-box}
body{margin:0;color:#222;background:var(--bg);line-height:1.5}
.container{max-width:var(--max);margin:0 auto;padding:1rem}
.site-header{background:#fff;border-bottom:1px solid #e6e6e6}
.site-header .container{display:flex;align-items:center;justify-content:space-between}
.logo img{height:42px}
.nav a{margin-left:1rem;color:var(--muted);text-decoration:none}
.hero{padding:4rem 0;background:linear-gradient(180deg,#fff,#f1f6f4)}
.hero h1{margin:0 0 .5rem;font-size:2rem}
.btn{display:inline-block;background:var(--accent);color:#fff;padding:.6rem 1rem;border-radius:6px;text-decoration:none}
.features{padding:2rem 0}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem}
.card{background:#fff;padding:1rem;border-radius:8px;border:1px solid #eee}
.card img{width:100%;height:140px;object-fit:cover;border-radius:4px}
.card .thumbs{display:flex;gap:.5rem}
.card .thumbs img{width:calc(50% - .25rem);height:120px;object-fit:cover;border-radius:6px}
.product-images{display:flex;gap:.5rem;margin:0 0 0.75rem 0}
.product-images img{width:220px;max-width:45%;height:140px;object-fit:cover;border-radius:6px}
.site-footer{padding:1rem 0;text-align:center;color:var(--muted);font-size:.9rem}
.product-list .product{background:#fff;padding:1rem;margin-bottom:1rem;border-radius:8px;border:1px solid #eee}
.contact-grid{display:grid;grid-template-columns:1fr 320px;gap:2rem}
.contact-form input,.contact-form textarea{width:100%;padding:.5rem;margin:.4rem 0;border:1px solid #ddd;border-radius:6px}
.contact-form textarea{min-height:120px}
@media(max-width:700px){
  .site-header .container{flex-direction:column;align-items:flex-start}
  .contact-grid{grid-template-columns:1fr}
}

/* Cart & add-to-cart styles */
.cart-link{margin-left:1rem}
.cart-link a{color:var(--muted);text-decoration:none;padding:.4rem .6rem;border-radius:6px;border:1px solid #eee;background:#fff}
.variant-buttons{display:flex;gap:.5rem;margin-top:.5rem}
.variant-buttons .add-to-cart{padding:.45rem .6rem;border-radius:6px;border:1px solid #0f6d5d;background:var(--accent);color:#fff}
.add-to-cart{display:inline-block;padding:.5rem .7rem;border-radius:6px;border:1px solid #0f6d5d;background:var(--accent);color:#fff}
.price{font-weight:600;margin-top:.5rem}
.cart-table{width:100%;border-collapse:collapse;margin-bottom:.75rem}
.cart-table th,.cart-table td{border:1px solid #eee;padding:.5rem;text-align:left}
.cart-total{font-weight:700}