/* Product listing and detail styles */
:root{
  --primary:#086ad7;
  --muted:#6b7280;
  --card-bg:#ffffff;
  --card-radius:12px;
}

.product-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:24px}
.product-card{background:var(--card-bg);border-radius:var(--card-radius);overflow:hidden;box-shadow:0 8px 30px rgba(15,23,42,0.06);transition:transform .28s cubic-bezier(.2,.9,.2,1),box-shadow .28s}
.product-card:hover{transform:translateY(-6px);box-shadow:0 18px 45px rgba(15,23,42,0.12)}
.product-card .card-media{width:100%;height:200px;display:block;background:#f5f7fa;object-fit:contain}
.product-card .card-body{padding:18px}
.product-card h5{font-size:1.05rem;margin:0 0 8px;color:#111;font-weight:700}
.product-card p{color:var(--muted);font-size:0.95rem;line-height:1.5;margin:0 0 12px}
.product-card .btn{padding:8px 14px;border-radius:8px;font-weight:600}

.product-detail{display:grid;grid-template-columns:1fr;gap:28px}
.product-detail .img-wrap{width:100%;height:420px;background:#f8fafc;border-radius:12px;overflow:hidden;display:flex;align-items:center;justify-content:center}
.product-detail img{max-width:100%;height:auto;object-fit:contain}
.product-desc{color:var(--muted);line-height:1.7}

@media(min-width:992px){
  .product-detail{grid-template-columns:520px 1fr}
  .product-card .card-media{height:240px}
}

/* small utility */
.mb-4{margin-bottom:1.25rem}