:root {
  --blue: #2c5fff;
  --blue-dark: #0f2a6b;
}

/* HERO */
.shop-hero{
  background: linear-gradient(180deg, rgba(12,23,58,.92), rgba(12,23,58,.65)),
              url('../images/backgrounds/blue-background.jpg') center/cover no-repeat;
  color: #fff;
  padding: 64px 0 48px;
  margin-top: 0;                /* pas d'espace en trop, le body a padding-top */
}
.shop-hero h1{ font-weight: 800; margin-bottom: .5rem; }
.shop-hero p{ opacity:.95; }
.controls-row .input-group-text{ background: rgba(255,255,255,.08); color:#fff; border: 1px solid rgba(255,255,255,.15); }
.controls-row .form-control{ background: rgba(255,255,255,.06); color:#fff; border: 1px solid rgba(255,255,255,.15); }
.controls-row .form-control::placeholder{ color: rgba(255,255,255,.8); }
.gap-12{ gap:12px; }

/* Cartes produits */
.shop-card{ border:0; background:#0f1b3a; color:#fff; box-shadow: 0 10px 30px rgba(0,0,0,.25); }
.shop-card .card-body{ background: linear-gradient(180deg, rgba(255,255,255,.03), rgba(255,255,255,.015)); }
.shop-card .card-title{ font-weight:600; }
.shop-card-img{
  height: 160px;
  background: #111;
  background-size: cover;
  background-position: center;
  border-top-left-radius: .25rem;
  border-top-right-radius: .25rem;
}

/* Pagination */
.pagination .page-link{
  background:#0f1b3a; color:#fff; border-color: rgba(255,255,255,.1);
}
.pagination .page-item.active .page-link{
  background:#2c5fff; border-color:#2c5fff;
}
.pagination .page-link:hover{ background:#153068; color:#fff; }

/* Panier */
.cart-drawer{
  position: fixed;
  top: 0; right: -380px; bottom:0;
  width: 380px;
  background: #101a2f;
  color:#fff;
  z-index: 2000;
  display:flex; flex-direction:column;
  transition: right .25s ease;
  box-shadow: -4px 0 20px rgba(0,0,0,.4);
}
.cart-drawer.open{ right: 0; }
.cart-header{
  display:flex; justify-content:space-between; align-items:center;
  padding: 14px 16px; background:#0b1430; border-bottom:1px solid rgba(255,255,255,.08);
}
.cart-body{ padding: 12px 12px 0; overflow:auto; }
.cart-footer{ padding: 12px 16px 16px; border-top:1px solid rgba(255,255,255,.08); }

/* Lignes panier */
.cart-line{
  display:flex; align-items:center; justify-content:space-between;
  gap:12px; padding:10px 0; border-bottom:1px dashed rgba(255,255,255,.08);
}
.cart-line-left{ display:flex; align-items:center; gap:10px; }
.cart-line-left .thumb{ width:56px; height:40px; background:#222; background-size:cover; background-position:center; border-radius:4px; }
.cart-line-left .name{ font-weight:600; }
.cart-line-right{ display:flex; align-items:center; gap:10px; }
.cart-line-right .qty{ display:flex; align-items:center; gap:8px; }
.cart-line-right .price{ min-width: 90px; text-align:right; }

/* Backdrop */
.cart-backdrop{
  position:fixed; inset:0; background:rgba(0,0,0,.4);
  z-index: 1999; display:none;
}
.cart-backdrop.show{ display:block; }

/* Responsive */
@media (max-width: 768px){
  .cart-drawer{ width: 100%; }
  .shop-card-img{ height: 140px; }
}