/* Market Kapimda Ogani V4 — final polish */
:root{
  --mk-v4-green:#2f7d32;
  --mk-v4-yellow:#ffc928;
  --mk-v4-ink:#172017;
  --mk-v4-muted:#7b857b;
  --mk-v4-line:#e7ede4;
}

/* Category icons: correct semantic icon for each live category */
.mk-ogani-cats a{gap:11px!important}
.mk-ogani-cats .mk-category-emoji{
  width:28px!important;height:28px!important;min-width:28px!important;
  display:inline-flex!important;align-items:center!important;justify-content:center!important;
  font-size:21px!important;line-height:1!important;
  filter:saturate(.9);
}
.mk-ogani-cats a:hover .mk-category-emoji{transform:scale(1.08)}

/* Product cards always share the same vertical rhythm */
.foodmart-product-card{
  display:flex!important;
  flex-direction:column!important;
  height:100%!important;
  min-width:0!important;
}
.foodmart-product-card figure{
  flex:0 0 auto!important;
}
.foodmart-product-card .product-content{
  display:flex!important;
  flex-direction:column!important;
  flex:1 1 auto!important;
  min-height:158px!important;
}
.foodmart-product-card h3{
  display:-webkit-box!important;
  -webkit-line-clamp:2!important;
  -webkit-box-orient:vertical!important;
  overflow:hidden!important;
  min-height:43px!important;
  max-height:43px!important;
  margin:0 0 8px!important;
}
.foodmart-product-card .product-subline{
  min-height:22px!important;
  margin-bottom:5px!important;
}

/* Price hierarchy: current price is always primary, old price secondary. */
.foodmart-product-card .price{
  display:flex!important;
  flex-direction:row!important;
  align-items:baseline!important;
  flex-wrap:wrap!important;
  gap:7px!important;
  margin-top:auto!important;
  margin-bottom:8px!important;
  min-height:31px!important;
}
.foodmart-product-card .current-price{
  order:1!important;
  display:inline-block!important;
  font-size:22px!important;
  line-height:1.15!important;
  font-weight:950!important;
  color:#142014!important;
  text-decoration:none!important;
}
.foodmart-product-card .old-price{
  order:2!important;
  display:inline-block!important;
  font-size:13px!important;
  line-height:1.2!important;
  font-weight:800!important;
  color:#99a29a!important;
  text-decoration:line-through!important;
  text-decoration-thickness:1.5px!important;
  margin:0!important;
}

/* CTA area stays pinned to the card bottom and never clips. */
.foodmart-product-card .foodmart-add-form{
  margin-top:auto!important;
  display:grid!important;
  grid-template-columns:64px minmax(0,1fr)!important;
  gap:9px!important;
  width:100%!important;
  min-width:0!important;
  align-items:stretch!important;
  padding-top:12px!important;
  border-top:1px solid #edf1eb!important;
}
.foodmart-product-card .foodmart-add-form .input-number,
.foodmart-product-card .foodmart-add-btn{
  min-height:46px!important;
  height:46px!important;
  border-radius:12px!important;
}
.foodmart-product-card .foodmart-add-btn{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:100%!important;
  min-width:0!important;
  padding:0 10px!important;
  overflow:hidden!important;
  background:var(--mk-v4-yellow)!important;
  color:#1e2b1e!important;
}
.foodmart-product-card .foodmart-add-label{
  max-width:100%!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}

/* Catalog cards are slightly roomier on desktop. */
@media(min-width:1200px){
  .category-shop-layout .product-list-grid{--bs-gutter-x:1.4rem!important;--bs-gutter-y:1.5rem!important}
  .category-shop-layout .foodmart-product-card{padding:15px!important}
}

@media(max-width:767px){
  .mk-ogani-cats .mk-category-emoji{width:24px!important;height:24px!important;min-width:24px!important;font-size:18px!important}
  .foodmart-product-card .product-content{min-height:130px!important}
  .foodmart-product-card h3{min-height:38px!important;max-height:38px!important}
  .foodmart-product-card .current-price{font-size:18px!important}
  .foodmart-product-card .old-price{font-size:12px!important}
  .foodmart-product-card .foodmart-add-form{grid-template-columns:54px minmax(0,1fr)!important;gap:6px!important;padding-top:9px!important}
  .foodmart-product-card .foodmart-add-form .input-number,.foodmart-product-card .foodmart-add-btn{min-height:42px!important;height:42px!important}
}
