/* === CATEGORY GRID OVERRIDES (Aladin-style) === */

/* 2 на ред на мобилно, 3 на таблет, 4 на десктоп */
.menu-items{
  display:grid !important;
  grid-template-columns:repeat(2, minmax(0,1fr));
  gap:16px;
}

@media (min-width: 700px){
  .menu-items{ grid-template-columns:repeat(3, minmax(0,1fr)); }
}
@media (min-width: 1080px){
  .menu-items{ grid-template-columns:repeat(4, minmax(0,1fr)); }
}

/* Картичка */
.menu-item{
  display:flex !important;
  flex-direction:column !important;
  align-items:center;
  text-align:center;
  background:#fff;
  border:1px solid #eee;
  border-radius:14px;
  padding:14px;
  position:relative;
  transition:transform .15s ease, box-shadow .15s ease;
}
.menu-item:hover{
  transform:translateY(-2px);
  box-shadow:0 6px 16px rgba(0,0,0,.08);
}

/* Правоъгълна снимка, без рязане */
.menu-item-image{
  width:100% !important;
  height:auto;
  display:block;
  border-radius:14px;      /* колкото картата, не кръг */
  object-fit:contain;      /* да не реже нищо */
}


/* Заглавие и скриване на дълги описания за чист вид */
.menu-item-title{
  font-size:16px;
  margin:10px 0 6px;
}
.menu-item-description{
  display:none !important;
}

/* Значка с цена горе-дясно */
.menu-item-price{
  position:absolute;
  top:10px; right:10px;
  background:var(--bg, #0a7a28);
  color:#fff;
  font-weight:700;
  font-size:14px;
  padding:8px 10px;
  border-radius:24px;
  line-height:1;
  box-shadow:0 2px 8px rgba(0,0,0,.15);
}

/* Бутон „Добави“ — цял ред */
.menu-item-actions{
  width:100%;
  margin-top:12px;
}
.add-to-cart-btn{
  width:100%;
  padding:10px 12px;
  border:0;
  border-radius:10px;
  background:var(--bg, #fb8500);
  color:#fff;
  font-weight:700;
  cursor:pointer;
}
.add-to-cart-btn:active{
  transform:translateY(1px);
}

/* === FIX: премахва проблясването върху категориите === */
.tile,
.tile * {
  -webkit-tap-highlight-color: transparent;
  outline: none !important;
}

.tile:active,
.tile:focus,
.menu-item:active,
.menu-item:focus {
  transform: none !important;
  box-shadow: none !important;
  background: inherit !important;
}
	
/* === Категории (anti-CLS) === – без рязане */
.menu-items .menu-item img{
  display:block;
  width:100%;
  height:auto;
  object-fit:contain;   /* да показва цялото изображение */
}


/* По-плавна поява вместо премигване (не влияе на количката) */
html.fouc .menu-items{ opacity:0; }
.menu-items{ transition:opacity .12s ease; }