/* LO-CAL V2.6.5.7 — COMPACT CARD UX
   Scope: ONLY drink cards. Keeps V2.6.5.6 assets/runtime/business logic intact. */

.drink-grid{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:14px!important;
  align-items:stretch!important;
}

.drink-card.v2651-card{
  display:block!important;
  min-width:0!important;
  min-height:0!important;
  height:auto!important;
  overflow:hidden!important;
  padding:14px!important;
  border-radius:16px!important;
}

.drink-card.v2651-card .drink-head{
  display:grid!important;
  grid-template-columns:112px minmax(0,1fr) auto!important;
  grid-template-rows:auto!important;
  column-gap:14px!important;
  align-items:center!important;
  min-width:0!important;
  min-height:116px!important;
  height:auto!important;
  margin:0!important;
}

.drink-card.v2651-card .v2651-product-picture{
  grid-column:1!important;
  grid-row:1!important;
  width:112px!important;
  height:116px!important;
  min-height:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  margin:0!important;
  padding:0!important;
}

.drink-card.v2651-card .v2651-product-image{
  display:block!important;
  width:auto!important;
  height:auto!important;
  max-width:92px!important;
  max-height:112px!important;
  object-fit:contain!important;
  margin:0 auto!important;
}

.drink-card.v2651-card .v2651-product-name{
  grid-column:2!important;
  grid-row:1!important;
  align-self:start!important;
  margin:16px 0 0!important;
  padding:0!important;
  font-size:20px!important;
  line-height:1.16!important;
  font-weight:900!important;
  min-width:0!important;
}

.drink-card.v2651-card .price{
  grid-column:3!important;
  grid-row:1!important;
  align-self:start!important;
  margin:16px 0 0 10px!important;
  padding:0!important;
  font-size:18px!important;
  line-height:1.1!important;
  font-weight:900!important;
  white-space:nowrap!important;
}

.drink-card.v2651-card .drink-stepper{
  display:grid!important;
  grid-template-columns:58px minmax(72px,1fr) 58px!important;
  width:calc(100% - 126px)!important;
  max-width:none!important;
  min-width:0!important;
  height:54px!important;
  margin:6px 0 0 126px!important;
  gap:0!important;
  overflow:hidden!important;
  border-radius:13px!important;
}

.drink-card.v2651-card .drink-stepper button{
  width:58px!important;
  min-width:58px!important;
  height:54px!important;
  margin:0!important;
  padding:0!important;
  font-size:25px!important;
  line-height:54px!important;
}

.drink-card.v2651-card .drink-number{
  width:100%!important;
  min-width:0!important;
  max-width:none!important;
  height:54px!important;
  margin:0!important;
  padding:0!important;
  font-size:25px!important;
  line-height:54px!important;
}

/* Fold / tablet: keep the approved two-column look. */
@media(max-width:900px){
 .drink-grid{gap:12px!important}
 .drink-card.v2651-card{padding:12px!important}
 .drink-card.v2651-card .drink-head{
   grid-template-columns:94px minmax(0,1fr) auto!important;
   column-gap:10px!important;
   min-height:104px!important;
 }
 .drink-card.v2651-card .v2651-product-picture{width:94px!important;height:104px!important}
 .drink-card.v2651-card .v2651-product-image{max-width:78px!important;max-height:100px!important}
 .drink-card.v2651-card .v2651-product-name{font-size:18px!important;margin-top:12px!important}
 .drink-card.v2651-card .price{font-size:17px!important;margin-top:12px!important;margin-left:6px!important}
 .drink-card.v2651-card .drink-stepper{
   grid-template-columns:52px minmax(60px,1fr) 52px!important;
   width:calc(100% - 104px)!important;
   height:50px!important;
   margin:4px 0 0 104px!important;
 }
 .drink-card.v2651-card .drink-stepper button{
   width:52px!important;min-width:52px!important;height:50px!important;line-height:50px!important;font-size:23px!important
 }
 .drink-card.v2651-card .drink-number{height:50px!important;line-height:50px!important;font-size:23px!important}
}

/* Narrow phone: one column to prevent overflow; same compact card proportions. */
@media(max-width:560px){
 .drink-grid{grid-template-columns:1fr!important;gap:10px!important}
 .drink-card.v2651-card .drink-head{
   grid-template-columns:96px minmax(0,1fr) auto!important;
   min-height:104px!important;
 }
 .drink-card.v2651-card .v2651-product-picture{width:96px!important;height:104px!important}
 .drink-card.v2651-card .v2651-product-image{max-width:80px!important;max-height:100px!important}
 .drink-card.v2651-card .drink-stepper{
   width:calc(100% - 106px)!important;
   margin-left:106px!important;
 }
}