/* App-wide modern UI styles */
:root{
  --primary: #0d6efd;
  --muted: #6c757d;
  --card-bg: #ffffff;
  --bg: #f6f8fa;
}
html,body{height:100%;}
body{font-family: Inter, ui-sans-serif, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial; background:var(--bg); color:#222;}
.container{max-width:1140px;}
.site-header{box-shadow:0 2px 6px rgba(13,110,253,0.12);} 
.navbar-brand{font-weight:700;}
.card{border-radius:12px; background:var(--card-bg);}
.card .card-body{padding:1.2rem;}
.product-img{border-top-left-radius:12px;border-top-right-radius:12px;}
.btn-primary{background:var(--primary);border-color:var(--primary);}
.btn-outline-primary{border-color:rgba(13,110,253,0.18);}
.section-title{font-size:1.5rem;font-weight:700;margin-bottom:.5rem}
/* Product card layout */
.card.product-card{transition:transform .12s ease, box-shadow .12s ease;}
.card.product-card:hover{transform:translateY(-6px);box-shadow:0 8px 30px rgba(13,110,253,0.08);} 
/* Toast adjustments */
.toast{border-radius:10px;}
/* Filters */
.form-select, .form-control{min-height:40px;border-radius:8px;}
@media (max-width:767.98px){
  .container{padding-left:1rem;padding-right:1rem}
  .product-img{height:200px;}
}