/* v77 - Ana sayfa kart radius tutarlılığı
   Sadece ana sayfadaki kart/kutu köşe yuvarlaklıklarını hizalar.
   Ürün, SQL, JS, admin ve Barista tarafına dokunmaz. */

:root {
  --lunqa-card-radius-v77: 22px;
  --lunqa-inner-radius-v77: 16px;
}

/* Ana sayfa ana kartlar */
.home-panel .featured-card,
.home-panel .product-card,
.home-panel .special-card,
.home-panel .home-story-row,
.home-panel .home-social-row,
.home-panel .directions-card {
  border-radius: var(--lunqa-card-radius-v77) !important;
  overflow: hidden !important;
}

/* Kart içindeki tıklanabilir alanların dış kartla aynı davranması */
.home-panel .featured-card > button,
.home-panel .product-card > button,
.home-panel .special-card > button {
  border-radius: var(--lunqa-card-radius-v77) !important;
  overflow: hidden !important;
}

/* Bugün Sana Özel yatay kartlarında taşan köşe farklarını temizle */
.home-panel .special-card {
  background-clip: padding-box !important;
}

.home-panel .special-card button {
  background: transparent !important;
}

/* İç görseller aynı aileden, dış karttan biraz daha küçük radius */
.home-panel .special-card img,
.home-panel .home-story-row img,
.home-panel .featured-media,
.home-panel .product-card-media {
  border-radius: var(--lunqa-inner-radius-v77) !important;
  overflow: hidden !important;
}

/* Öne çıkan kartlarda üst görsel dış köşeye oturuyorsa kartla uyumlu kalsın */
.home-panel .featured-card .featured-media {
  border-radius: var(--lunqa-card-radius-v77) var(--lunqa-card-radius-v77) 0 0 !important;
}

/* Ürün grid kartlarında alt/dış köşelerin tamamı aynı olsun */
.home-panel .product-card {
  background: rgba(255, 255, 255, .76) !important;
}

/* Hikayemiz ve sosyal kartların yükseklik farkı olsa bile köşe dili aynı kalsın */
.home-panel .home-story-row,
.home-panel .home-social-row {
  background-clip: padding-box !important;
}

/* Plus, Instagram ve logo gibi bilinçli yuvarlak ikonlara dokunma */
.home-panel .featured-body b,
.home-panel .special-card i,
.home-panel .instagram-icon,
.home-panel .story-logo,
.bottom-nav .center-logo,
.assistant-toggle {
  border-radius: 999px !important;
}

@media (max-width: 520px) {
  :root {
    --lunqa-card-radius-v77: 21px;
    --lunqa-inner-radius-v77: 15px;
  }
}