/* Website UI kit — responsive rules for kit-specific layouts.
   Design-system-wide utilities live in tokens/base.css. */

.ba-footer-grid{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr 1.6fr;gap:var(--space-7)}
.ba-filters{display:grid;grid-template-columns:1.4fr 1fr 1fr auto;gap:var(--space-5);align-items:flex-end}
.ba-modal{grid-template-columns:1fr 1fr}
.ba-nav-toggle{display:none}

@media (max-width:1180px){
  .ba-footer-grid{grid-template-columns:1.4fr 1fr 1fr;row-gap:var(--space-7)}
  .ba-footer-grid>:first-child{grid-column:1 / -1}
  .ba-footer-grid>:last-child{grid-column:1 / -1;max-width:520px}
}
@media (max-width:1020px){
  .ba-nav-desktop{display:none!important}
  .ba-nav-toggle{display:inline-flex!important}
}
@media (max-width:860px){
  .ba-filters{grid-template-columns:minmax(0,1fr)}
  .ba-modal{grid-template-columns:minmax(0,1fr)}
  .ba-next{grid-template-columns:minmax(0,1fr)!important}
  .ba-next>:last-child{max-width:300px}
  .ba-bottle-sticky{position:static!important}
  .ba-cart-line{grid-template-columns:56px minmax(0,1fr)!important;row-gap:8px}
}
@media (max-width:620px){
  .ba-footer-grid{grid-template-columns:minmax(0,1fr)}
  .ba-footer-grid>:first-child,.ba-footer-grid>:last-child{grid-column:auto}
  .ba-form-2{grid-template-columns:minmax(0,1fr)!important}
  .ba-trade-form{grid-template-columns:minmax(0,1fr)!important}
}

/* Bottle plates. The knocked-out shots have transparent glass, so their ground
   is always light — never let a dark surface sit behind a bottle. */
figure[style*="--bottle-plate"],.ba-bottle-sticky figure{background:var(--ba-white)}