/* LUNQA v104 - v103 bazlı düzeltmeler */
:root {
  --lunqa-deep-burgundy: #4a0c21;
}

/* Menü üst hero ve mobil alt orta buton */
.hero,
.page-hero,
.hero-menu,
.menu-hero,
[data-page="menu"] .hero,
[data-route="menu"] .hero {
  background-color: var(--lunqa-deep-burgundy) !important;
}

.bottom-nav .center-action,
.bottom-nav .nav-center,
.bottom-nav .brand-action,
.mobile-bottom-nav .center-action,
.mobile-bottom-nav .nav-center,
.mobile-bottom-nav .brand-action,
.nav-fab,
.bottom-nav-fab,
.mobile-nav-fab {
  background: var(--lunqa-deep-burgundy) !important;
  border-color: var(--lunqa-deep-burgundy) !important;
}

.assistant-fab,
.barista-fab,
.chat-fab {
  background: var(--lunqa-deep-burgundy) !important;
}

/* Menü ve ana sayfa kategori alanları daha düz */
.category-reference-shell,
.home-category-shell,
.home-categories-shell,
.categories-strip-shell,
.home-category-panel,
.category-panel {
  border-radius: 0 !important;
  border-left: 0 !important;
  border-right: 0 !important;
  overflow-x: auto !important;
  overflow-y: hidden !important;
}

.category-reference-strip,
.home-category-strip,
.home-categories-strip,
.categories-strip {
  border-radius: 0 !important;
  box-shadow: none !important;
}

.category-reference-item,
.home-category-item,
.category-card {
  background: transparent !important;
  box-shadow: none !important;
  border-radius: 0 !important;
}

/* Seçili kategori dairenin kırmızı kalın çerçevesiyle belli olsun */
.category-reference-icon,
.home-category-icon,
.category-card-icon {
  transform: scale(.94);
  transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease;
}

.category-reference-item.active .category-reference-icon,
.home-category-item.active .home-category-icon,
.category-card.active .category-card-icon {
  transform: scale(1.05);
  border: 3px solid #b80f20 !important;
  box-shadow: 0 0 0 4px rgba(184, 15, 32, .10) !important;
}

.category-reference-item.active,
.home-category-item.active,
.category-card.active {
  background: transparent !important;
  box-shadow: none !important;
}

/* Yanına Yakışır kartlarında görsel tam otursun */
.related-card img,
.pairing-card img,
.product-related-card img,
.recommend-card img,
[data-related-products] img {
  width: 100% !important;
  height: 86px !important;
  object-fit: cover !important;
  display: block !important;
  border-radius: 10px 10px 0 0 !important;
}

.related-card .related-thumb,
.pairing-card .pairing-thumb,
.product-related-card .related-thumb,
.recommend-card .recommend-thumb,
[data-related-products] .related-thumb {
  padding: 0 !important;
  overflow: hidden !important;
  border: 0 !important;
  background: transparent !important;
}

/* Ürün detay içindekiler alanı: çizgisiz 3x2 */
.ingredients-grid,
.ingredient-grid,
.product-ingredients-grid,
.ingredients-list,
.product-ingredients-list {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 18px 12px !important;
  border: 0 !important;
}

.ingredients-grid > *,
.ingredient-grid > *,
.product-ingredients-grid > *,
.ingredients-list > *,
.product-ingredients-list > *,
.ingredient-item {
  border: 0 !important;
  box-shadow: none !important;
}

.ingredients-grid > *::before,
.ingredients-grid > *::after,
.ingredient-grid > *::before,
.ingredient-grid > *::after,
.product-ingredients-grid > *::before,
.product-ingredients-grid > *::after,
.ingredients-list > *::before,
.ingredients-list > *::after,
.product-ingredients-list > *::before,
.product-ingredients-list > *::after,
.product-ingredients-grid::before,
.product-ingredients-grid::after,
.ingredient-grid::before,
.ingredient-grid::after,
.ingredients-list::before,
.ingredients-list::after {
  display: none !important;
}

@media (max-width: 420px) {
  .ingredients-grid,
  .ingredient-grid,
  .product-ingredients-grid,
  .ingredients-list,
  .product-ingredients-list {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
}

/* LUNQA v105 - web görünüm düzeltmeleri (v104 üzerine) */
:root {
  --lunqa-deep-burgundy: #4a0c21;
  --lunqa-soft-border: rgba(74, 12, 33, .16);
}

/* Barista kutucuğu ve aksiyon rengi */
.assistant-fab,
.barista-fab,
.chat-fab,
.assistant-form button,
.assistant-message.is-user p {
  background: var(--lunqa-deep-burgundy) !important;
  border-color: var(--lunqa-deep-burgundy) !important;
}

.assistant-panel {
  border: 1px solid rgba(74, 12, 33, .18) !important;
  box-shadow: 0 24px 70px rgba(74, 12, 33, .20) !important;
}

.assistant-panel-head {
  background: var(--lunqa-deep-burgundy) !important;
  color: #fff !important;
  border-color: var(--lunqa-deep-burgundy) !important;
}

.assistant-panel-head strong,
.assistant-panel-head p {
  color: #fff !important;
}

.assistant-close {
  color: #fff !important;
  background: rgba(255, 255, 255, .12) !important;
  border-color: rgba(255, 255, 255, .22) !important;
}

.assistant-suggestions button:hover,
.assistant-suggestions button:focus-visible {
  color: #fff !important;
  background: var(--lunqa-deep-burgundy) !important;
  border-color: var(--lunqa-deep-burgundy) !important;
}

/* Hakkımızda üst alanı: bordo kimliği korurken yönetim paneli görselini kullanır */
.hero-about,
[data-page="about"] .hero,
[data-route="about"] .hero {
  background: var(--lunqa-deep-burgundy) !important;
  background-color: var(--lunqa-deep-burgundy) !important;
}

.hero-about::before,
[data-page="about"] .hero::before,
[data-route="about"] .hero::before {
  opacity: 1 !important;
  background-image:
    linear-gradient(180deg, rgba(74, 12, 33, .5), rgba(74, 12, 33, .78)),
    var(--hero-img, url("../images/brand/lunqa-cafe-hero.png")) !important;
  background-position: center !important;
  background-size: cover !important;
}

.hero-about::after,
[data-page="about"] .hero::after,
[data-route="about"] .hero::after {
  opacity: 1 !important;
  background: linear-gradient(180deg, transparent, rgba(74, 12, 33, .72)) !important;
}

.hero-about .hero-copy,
.hero-about .hero-copy h1,
.hero-about .hero-copy p {
  color: #fff !important;
}

/* Yol tarifi satırı geri getirildi / görünürlük kilidi */
.directions-link,
[data-directions-link] {
  display: flex !important;
  visibility: visible !important;
  opacity: 1 !important;
  align-items: center !important;
  gap: 12px !important;
  width: 100% !important;
  min-height: 58px !important;
  margin: 16px 0 28px !important;
  padding: 0 18px !important;
  border: 1px solid rgba(74, 12, 33, .16) !important;
  border-radius: 14px !important;
  background: rgba(255, 255, 255, .88) !important;
  color: var(--lunqa-deep-burgundy) !important;
  text-decoration: none !important;
  box-shadow: 0 12px 28px rgba(74, 12, 33, .06) !important;
}

.directions-link span,
[data-directions-link] span {
  font-weight: 800 !important;
}

.directions-link small,
[data-directions-link] small {
  margin-left: auto !important;
  color: rgba(20, 12, 14, .62) !important;
  font-weight: 700 !important;
}

/* Sadece masaüstü/web görünüm: kategori şeritleri tam genişlik ve çizgiye kadar uzar */
@media (min-width: 769px) {
  .page-panel-menu {
    display: block !important;
    grid-template-columns: none !important;
    width: min(100% - 96px, 1440px) !important;
    max-width: 1440px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  .category-reference-shell {
    grid-column: 1 / -1 !important;
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
    margin: 0 0 30px !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    overflow: visible !important;
  }

  .category-reference-shell::before {
    content: "Kategoriler";
    display: block !important;
    padding: 0 0 18px !important;
    margin: 0 0 12px !important;
    border-bottom: 1px solid var(--lunqa-soft-border) !important;
    color: #070204 !important;
    font-family: Georgia, 'Times New Roman', serif !important;
    font-size: clamp(38px, 3.1vw, 58px) !important;
    font-weight: 500 !important;
    line-height: .95 !important;
    letter-spacing: -.045em !important;
  }

  .category-reference-strip {
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: flex-start !important;
    justify-content: flex-start !important;
    gap: clamp(18px, 2.2vw, 34px) !important;
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
    padding: 0 18px 28px !important;
    border-bottom: 1px solid var(--lunqa-soft-border) !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    scrollbar-width: thin !important;
  }

  .category-reference-item {
    display: flex !important;
    flex: 0 0 112px !important;
    width: 112px !important;
    min-width: 112px !important;
    max-width: 112px !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 10px !important;
    padding: 0 !important;
    margin: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    text-align: center !important;
  }

  .category-reference-icon,
  .category-reference-vector {
    display: grid !important;
    place-items: center !important;
    width: 58px !important;
    height: 58px !important;
    min-width: 58px !important;
    min-height: 58px !important;
    border: 1px solid rgba(74, 12, 33, .13) !important;
    border-radius: 999px !important;
    background: #f3eee9 !important;
    box-shadow: none !important;
    overflow: hidden !important;
    transform: none !important;
  }

  .category-reference-icon svg,
  .category-reference-icon .icon-media,
  .category-reference-icon img,
  .category-reference-vector svg,
  .category-reference-vector .icon-media,
  .category-reference-vector img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block !important;
  }

  .category-reference-icon svg,
  .category-reference-vector svg {
    width: 30px !important;
    height: 30px !important;
    object-fit: contain !important;
  }

  .category-reference-item.active .category-reference-icon,
  .category-reference-item.active .category-reference-vector {
    width: 64px !important;
    height: 64px !important;
    min-width: 64px !important;
    min-height: 64px !important;
    border: 4px solid #b80f20 !important;
    box-shadow: 0 0 0 5px rgba(184, 15, 32, .10) !important;
    transform: none !important;
  }

  .category-reference-label {
    display: block !important;
    width: 100% !important;
    max-width: 112px !important;
    min-height: 34px !important;
    color: #080304 !important;
    font-size: 12px !important;
    font-weight: 900 !important;
    line-height: 1.18 !important;
    letter-spacing: -.02em !important;
    text-align: center !important;
    white-space: normal !important;
    word-break: keep-all !important;
    overflow-wrap: normal !important;
    hyphens: none !important;
    text-wrap: balance !important;
  }

  .page-panel-menu .menu-list {
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
  }

  .home-panel,
  .home-modern-panel {
    width: min(100% - 96px, 1440px) !important;
    max-width: 1440px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  .home-menu-categories,
  .home-section.home-menu-categories {
    width: 100% !important;
    max-width: none !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  .home-menu-categories .home-section-head {
    width: 100% !important;
    padding: 0 0 18px !important;
    margin: 0 0 12px !important;
    border-bottom: 1px solid var(--lunqa-soft-border) !important;
  }

  .home-menu-categories .home-section-head h2 {
    font-family: Georgia, 'Times New Roman', serif !important;
    font-size: clamp(38px, 3.1vw, 58px) !important;
    font-weight: 500 !important;
    line-height: .95 !important;
    letter-spacing: -.045em !important;
  }

  .home-menu-categories .home-section-head button {
    color: #990716 !important;
    font-weight: 900 !important;
  }

  .home-category-strip {
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: flex-start !important;
    justify-content: flex-start !important;
    gap: clamp(18px, 2.2vw, 34px) !important;
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
    padding: 0 18px 28px !important;
    border-bottom: 1px solid var(--lunqa-soft-border) !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    scrollbar-width: thin !important;
  }

  .home-category-pill {
    display: flex !important;
    flex: 0 0 112px !important;
    width: 112px !important;
    min-width: 112px !important;
    max-width: 112px !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 10px !important;
    padding: 0 !important;
    margin: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    text-align: center !important;
  }

  .home-category-icon {
    display: grid !important;
    place-items: center !important;
    width: 58px !important;
    height: 58px !important;
    min-width: 58px !important;
    min-height: 58px !important;
    border: 1px solid rgba(74, 12, 33, .13) !important;
    border-radius: 999px !important;
    background: #f3eee9 !important;
    overflow: hidden !important;
    transform: none !important;
  }

  .home-category-icon svg,
  .home-category-icon .icon-media,
  .home-category-icon img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block !important;
  }

  .home-category-icon svg {
    width: 30px !important;
    height: 30px !important;
    object-fit: contain !important;
  }

  .home-category-pill > span:not(.home-category-icon) {
    display: block !important;
    width: 100% !important;
    max-width: 112px !important;
    color: #080304 !important;
    font-size: 12px !important;
    font-weight: 900 !important;
    line-height: 1.18 !important;
    letter-spacing: -.02em !important;
    text-align: center !important;
    white-space: normal !important;
    word-break: keep-all !important;
    overflow-wrap: normal !important;
    hyphens: none !important;
    text-wrap: balance !important;
  }

  .directions-link,
  [data-directions-link] {
    max-width: none !important;
  }
}

@media (min-width: 1280px) {
  .category-reference-strip,
  .home-category-strip {
    justify-content: flex-start !important;
  }
}

@media (max-width: 768px) {
  .hero-about,
  [data-page="about"] .hero,
  [data-route="about"] .hero {
    background: var(--lunqa-deep-burgundy) !important;
  }
}


/* v106 - web kategori başlık kırılma düzeltmesi */
@media (min-width: 769px) {
  .category-reference-item,
  .home-category-pill {
    writing-mode: horizontal-tb !important;
  }

  .category-reference-label,
  .home-category-pill > span:not(.home-category-icon) {
    writing-mode: horizontal-tb !important;
    text-orientation: mixed !important;
    max-inline-size: 112px !important;
  }
}


/* v107 - web menü kategori alanını tekrar sola al ve düzenli göster */
@media (min-width: 769px) {
  .page-panel-menu {
    display: grid !important;
    grid-template-columns: 290px minmax(0, 1fr) !important;
    align-items: start !important;
    gap: 28px !important;
    width: min(100% - 96px, 1440px) !important;
    max-width: 1440px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  .page-panel-menu .category-reference-shell {
    grid-column: auto !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 1px solid var(--lunqa-soft-border) !important;
    border-radius: 0 !important;
    background: rgba(255,255,255,.62) !important;
    box-shadow: none !important;
    overflow: hidden !important;
    position: sticky !important;
    top: 24px !important;
  }

  .page-panel-menu .category-reference-shell::before {
    content: "Kategoriler";
    display: block !important;
    padding: 18px 18px 14px !important;
    margin: 0 !important;
    border-bottom: 1px solid var(--lunqa-soft-border) !important;
    color: #070204 !important;
    font-family: Georgia, 'Times New Roman', serif !important;
    font-size: 20px !important;
    font-weight: 500 !important;
    line-height: 1.1 !important;
    letter-spacing: -.02em !important;
  }

  .page-panel-menu .category-reference-strip {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    justify-content: flex-start !important;
    gap: 2px !important;
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
    padding: 12px 14px 14px !important;
    border-bottom: 0 !important;
    background: transparent !important;
    overflow: visible !important;
  }

  .page-panel-menu .category-reference-item {
    display: flex !important;
    flex: none !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 12px !important;
    padding: 10px 12px !important;
    border-radius: 14px !important;
    text-align: left !important;
    background: transparent !important;
    transition: background-color .18s ease, border-color .18s ease, box-shadow .18s ease;
  }

  .page-panel-menu .category-reference-item:hover,
  .page-panel-menu .category-reference-item:focus-visible {
    background: rgba(74, 12, 33, .05) !important;
  }

  .page-panel-menu .category-reference-icon,
  .page-panel-menu .category-reference-vector {
    width: 50px !important;
    height: 50px !important;
    min-width: 50px !important;
    min-height: 50px !important;
    flex: 0 0 50px !important;
  }

  .page-panel-menu .category-reference-item.active {
    background: rgba(74, 12, 33, .06) !important;
  }

  .page-panel-menu .category-reference-item.active .category-reference-icon,
  .page-panel-menu .category-reference-item.active .category-reference-vector {
    width: 54px !important;
    height: 54px !important;
    min-width: 54px !important;
    min-height: 54px !important;
    flex-basis: 54px !important;
    border: 4px solid #b80f20 !important;
    box-shadow: 0 0 0 5px rgba(184, 15, 32, .10) !important;
  }

  .page-panel-menu .category-reference-label {
    width: auto !important;
    max-width: none !important;
    min-height: 0 !important;
    flex: 1 1 auto !important;
    color: #080304 !important;
    font-size: 14px !important;
    font-weight: 800 !important;
    line-height: 1.25 !important;
    letter-spacing: -.02em !important;
    text-align: left !important;
    white-space: normal !important;
    word-break: normal !important;
    overflow-wrap: anywhere !important;
    text-wrap: pretty !important;
  }

  .page-panel-menu .menu-list {
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
  }
}


/* v108 - popup görseli referanstaki gibi image-only poster olarak göster */
.promo-popup {
  position: fixed !important;
  inset: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 28px 18px calc(28px + env(safe-area-inset-bottom, 0px)) !important;
  background: rgba(15, 8, 10, .62) !important;
  backdrop-filter: blur(12px) !important;
  -webkit-backdrop-filter: blur(12px) !important;
  z-index: 1400 !important;
}

.promo-popup-card {
  position: relative !important;
  width: min(92vw, 620px) !important;
  max-height: min(92vh, 980px) !important;
  overflow: visible !important;
  border-radius: 26px !important;
  border: 4px solid rgba(255,255,255,.88) !important;
  background: transparent !important;
  box-shadow: 0 28px 80px rgba(0,0,0,.30) !important;
}

.promo-popup-card--image-only {
  padding: 0 !important;
}

.promo-popup-image {
  display: block !important;
  width: 100% !important;
  height: auto !important;
  max-height: min(84vh, 900px) !important;
  object-fit: contain !important;
  border-radius: 22px !important;
  background: #120607 !important;
}

.promo-popup-body {
  padding: 28px 26px !important;
  border-radius: 22px !important;
  background: #fff !important;
}

.promo-popup-close {
  position: absolute !important;
  top: -18px !important;
  right: -18px !important;
  width: 60px !important;
  height: 60px !important;
  display: grid !important;
  place-items: center !important;
  border: 3px solid rgba(52,52,52,.9) !important;
  border-radius: 999px !important;
  background: #fff !important;
  color: #111 !important;
  font-size: 32px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  box-shadow: 0 14px 30px rgba(0,0,0,.22) !important;
  z-index: 2 !important;
}

.promo-popup-cta {
  position: absolute !important;
  left: 50% !important;
  bottom: 18px !important;
  transform: translateX(-50%) !important;
}

@media (max-width: 768px) {
  .promo-popup {
    padding: max(18px, env(safe-area-inset-top, 0px)) 14px calc(18px + env(safe-area-inset-bottom, 0px)) !important;
    align-items: flex-start !important;
  }

  .promo-popup-card {
    width: min(92vw, 640px) !important;
    margin-top: max(26px, env(safe-area-inset-top, 0px)) !important;
    border-radius: 22px !important;
    border-width: 4px !important;
  }

  .promo-popup-image {
    max-height: calc(100vh - 120px) !important;
    border-radius: 18px !important;
  }

  .promo-popup-close {
    top: -16px !important;
    right: -14px !important;
    width: 54px !important;
    height: 54px !important;
    font-size: 30px !important;
  }
}


/* v109 - kategori ikon boyutlarını mobil ve webte tekrar dengeli hale getir */
.category-reference-icon,
.home-category-icon,
.category-card-icon,
.category-reference-vector {
  display: grid !important;
  place-items: center !important;
  overflow: hidden !important;
}

.category-reference-icon .icon-media,
.home-category-icon .icon-media,
.category-card-icon .icon-media,
.category-reference-vector .icon-media {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
}

.category-reference-icon .icon-media img,
.home-category-icon .icon-media img,
.category-card-icon .icon-media img,
.category-reference-vector .icon-media img {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center !important;
}

.category-reference-icon svg,
.home-category-icon svg,
.category-card-icon svg,
.category-reference-vector svg {
  width: 56% !important;
  height: 56% !important;
}

@media (max-width: 768px) {
  .category-reference-icon,
  .home-category-icon,
  .category-card-icon,
  .category-reference-vector {
    width: 72px !important;
    height: 72px !important;
    min-width: 72px !important;
    min-height: 72px !important;
  }

  .category-reference-item.active .category-reference-icon,
  .home-category-item.active .home-category-icon,
  .category-card.active .category-card-icon,
  .category-reference-item.active .category-reference-vector,
  .home-category-pill.active .home-category-icon {
    width: 74px !important;
    height: 74px !important;
    min-width: 74px !important;
    min-height: 74px !important;
  }

  .category-reference-icon svg,
  .home-category-icon svg,
  .category-card-icon svg,
  .category-reference-vector svg {
    width: 54% !important;
    height: 54% !important;
  }
}

@media (min-width: 769px) {
  .page-panel-menu .category-reference-icon,
  .page-panel-menu .category-reference-vector {
    width: 58px !important;
    height: 58px !important;
    min-width: 58px !important;
    min-height: 58px !important;
    flex-basis: 58px !important;
  }

  .page-panel-menu .category-reference-item.active .category-reference-icon,
  .page-panel-menu .category-reference-item.active .category-reference-vector {
    width: 62px !important;
    height: 62px !important;
    min-width: 62px !important;
    min-height: 62px !important;
    flex-basis: 62px !important;
  }

  .page-panel-menu .category-reference-label,
  .home-category-pill > span:not(.home-category-icon) {
    line-height: 1.2 !important;
  }
}


/* v110 - Hakkımızda Yol Tarifi Al kartını görünürlük kilidiyle geri getir */
main.page-panel .directions-link,
main.page-panel .direction-card,
main.page-panel a[data-directions-link],
.route-shell main.page-panel a.directions-link.direction-card[data-directions-link] {
  display: flex !important;
  visibility: visible !important;
  opacity: 1 !important;
  pointer-events: auto !important;
  position: relative !important;
  z-index: 5 !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 12px !important;
  width: 100% !important;
  min-height: 58px !important;
  margin: 16px 0 30px !important;
  padding: 0 18px !important;
  border: 1px solid rgba(74, 12, 33, .18) !important;
  border-radius: 14px !important;
  background: rgba(255, 255, 255, .94) !important;
  color: #4a0c21 !important;
  text-decoration: none !important;
  box-shadow: 0 12px 28px rgba(74, 12, 33, .07) !important;
}

main.page-panel .directions-link svg,
main.page-panel .direction-card svg,
main.page-panel a[data-directions-link] svg {
  display: block !important;
  width: 20px !important;
  height: 20px !important;
  flex: 0 0 20px !important;
  color: #4a0c21 !important;
  stroke: currentColor !important;
}

main.page-panel .directions-link > span,
main.page-panel .direction-card > span,
main.page-panel a[data-directions-link] > span {
  display: inline-flex !important;
  align-items: center !important;
  color: #4a0c21 !important;
  font-size: 15px !important;
  font-weight: 900 !important;
  line-height: 1.2 !important;
}

main.page-panel .directions-link > small,
main.page-panel .direction-card > small,
main.page-panel a[data-directions-link] > small {
  display: inline-flex !important;
  margin-left: auto !important;
  color: rgba(20, 12, 14, .62) !important;
  font-size: 13px !important;
  font-weight: 800 !important;
}

@media (max-width: 768px) {
  main.page-panel .directions-link,
  main.page-panel .direction-card,
  main.page-panel a[data-directions-link],
  .route-shell main.page-panel a.directions-link.direction-card[data-directions-link] {
    min-height: 56px !important;
    margin: 14px 0 24px !important;
    padding: 0 16px !important;
    border-radius: 16px !important;
  }

  main.page-panel .directions-link > small,
  main.page-panel .direction-card > small,
  main.page-panel a[data-directions-link] > small {
    max-width: 42% !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }
}


/* v111 - mobil alt navbarı tarayıcı çubuğu açılıp kapanınca gerçek ekran altına sabitle */
@media (max-width: 768px) {
  .bottom-nav {
    position: fixed !important;
    left: 50% !important;
    right: auto !important;
    bottom: 0 !important;
    transform: translate3d(-50%, 0, 0) !important;
    width: min(100vw, 430px) !important;
    max-width: 430px !important;
    min-height: 96px !important;
    height: auto !important;
    padding: 18px 10px calc(16px + env(safe-area-inset-bottom, 0px)) !important;
    margin: 0 !important;
    border-radius: 34px 34px 0 0 !important;
    border: 1px solid rgba(74, 12, 33, .14) !important;
    border-bottom: 0 !important;
    background: rgba(255, 251, 247, .96) !important;
    box-shadow: 0 -18px 54px rgba(74, 12, 33, .12) !important;
    z-index: 1200 !important;
    contain: layout paint !important;
    will-change: transform !important;
  }

  .bottom-nav .nav-btn {
    min-width: 0 !important;
  }

  .bottom-nav .logo-tab {
    position: relative !important;
    top: -34px !important;
    margin-bottom: -34px !important;
    width: 88px !important;
    height: 88px !important;
    min-width: 88px !important;
    min-height: 88px !important;
    border-radius: 999px !important;
    background: #4a0c21 !important;
    box-shadow: 0 18px 44px rgba(74, 12, 33, .22) !important;
    z-index: 2 !important;
  }

  .bottom-nav .logo-tab svg,
  .bottom-nav .logo-tab img {
    width: 58px !important;
    height: 58px !important;
    object-fit: contain !important;
  }

  .phone-shell,
  .route-shell,
  [data-screen-root] {
    padding-bottom: calc(122px + env(safe-area-inset-bottom, 0px)) !important;
  }

  .menu-list,
  .page-panel,
  .page-panel-menu {
    padding-bottom: calc(142px + env(safe-area-inset-bottom, 0px)) !important;
  }

  html,
  body {
    min-height: 100dvh !important;
  }
}

@supports (height: 100svh) {
  @media (max-width: 768px) {
    .bottom-nav {
      bottom: 0 !important;
    }
  }
}


/* v112 - mobil admin menüsü düzeni */
@media (max-width: 768px) {
  .admin-stage {
    width: 100% !important;
    min-height: 100dvh !important;
    padding: 0 12px calc(24px + env(safe-area-inset-bottom, 0px)) !important;
    overflow-x: hidden !important;
  }

  .admin-shell {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 auto !important;
    padding: 0 !important;
    overflow: visible !important;
  }

  .admin-sidebar {
    position: relative !important;
    top: auto !important;
    left: auto !important;
    right: auto !important;
    bottom: auto !important;
    width: 100% !important;
    max-width: 100% !important;
    min-height: 0 !important;
    height: auto !important;
    margin: 0 0 18px !important;
    padding: 18px 16px 16px !important;
    border-radius: 0 0 28px 28px !important;
    background: rgba(255, 251, 247, .94) !important;
    box-shadow: 0 18px 44px rgba(74, 12, 33, .10) !important;
    overflow: visible !important;
  }

  .admin-sidebar-brand {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    margin: 0 0 16px !important;
    padding: 0 0 14px !important;
    border-bottom: 1px solid rgba(74, 12, 33, .14) !important;
  }

  .admin-sidebar-brand svg,
  .admin-sidebar-brand img {
    width: 110px !important;
    max-width: 110px !important;
    height: auto !important;
  }

  .admin-nav {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 14px !important;
    width: 100% !important;
    max-height: none !important;
    overflow: visible !important;
    padding: 0 !important;
    margin: 0 !important;
  }

  .admin-nav-group {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 10px !important;
    width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  .admin-nav-group-label {
    grid-column: 1 / -1 !important;
    display: block !important;
    margin: 4px 0 2px !important;
    padding: 0 2px !important;
    color: rgba(40, 26, 27, .56) !important;
    font-size: 11px !important;
    line-height: 1.2 !important;
    font-weight: 900 !important;
    letter-spacing: .22em !important;
    text-transform: uppercase !important;
  }

  .admin-nav-btn {
    display: grid !important;
    grid-template-columns: 42px minmax(0, 1fr) !important;
    align-items: center !important;
    justify-content: stretch !important;
    gap: 9px !important;
    width: 100% !important;
    min-width: 0 !important;
    min-height: 58px !important;
    height: auto !important;
    padding: 8px 10px !important;
    margin: 0 !important;
    border: 1px solid rgba(74, 12, 33, .10) !important;
    border-radius: 18px !important;
    background: rgba(255, 255, 255, .58) !important;
    color: #1b1213 !important;
    box-shadow: none !important;
    text-align: left !important;
  }

  .admin-nav-btn.active {
    background: rgba(74, 12, 33, .08) !important;
    border-color: rgba(184, 15, 32, .22) !important;
    color: #7b0716 !important;
  }

  .admin-nav-ico {
    display: grid !important;
    place-items: center !important;
    width: 42px !important;
    height: 42px !important;
    min-width: 42px !important;
    border-radius: 15px !important;
    background: rgba(184, 15, 32, .08) !important;
    color: #990716 !important;
  }

  .admin-nav-ico svg {
    width: 21px !important;
    height: 21px !important;
  }

  .admin-nav-label {
    display: block !important;
    min-width: 0 !important;
    max-width: 100% !important;
    color: inherit !important;
    font-size: 15px !important;
    line-height: 1.15 !important;
    font-weight: 900 !important;
    letter-spacing: -.03em !important;
    white-space: normal !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    overflow-wrap: anywhere !important;
  }

  .admin-nav-dot {
    display: none !important;
  }

  .admin-sidebar-foot {
    position: static !important;
    transform: none !important;
    display: flex !important;
    width: 100% !important;
    min-height: 54px !important;
    margin: 16px 0 0 !important;
    padding: 0 16px !important;
    border-radius: 18px !important;
    background: #4a0c21 !important;
    color: #fff !important;
    box-shadow: 0 14px 30px rgba(74, 12, 33, .18) !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 10px !important;
    font-size: 15px !important;
    font-weight: 900 !important;
  }

  .admin-main {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 0 120px !important;
    overflow: visible !important;
  }

  .admin-topbar,
  .admin-topbar-premium {
    display: block !important;
    width: 100% !important;
    margin: 0 0 14px !important;
    padding: 18px 16px !important;
    border-radius: 24px !important;
  }

  .admin-title h1 {
    font-size: 26px !important;
    line-height: 1.04 !important;
    letter-spacing: -.04em !important;
  }

  .admin-title p {
    font-size: 13px !important;
    line-height: 1.45 !important;
  }

  .admin-top-actions {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 8px !important;
    width: 100% !important;
    margin-top: 14px !important;
  }

  .admin-save-status {
    grid-column: 1 / -1 !important;
    display: block !important;
    width: 100% !important;
    font-size: 12px !important;
  }

  .admin-top-actions .secondary-btn {
    min-width: 0 !important;
    width: 100% !important;
    min-height: 42px !important;
    padding: 0 10px !important;
    justify-content: center !important;
    font-size: 12px !important;
    white-space: nowrap !important;
  }
}

@media (max-width: 380px) {
  .admin-nav-group {
    grid-template-columns: 1fr !important;
  }

  .admin-nav-btn {
    min-height: 54px !important;
  }
}


/* v113 - Yeni ürün kategori story çerçevesi ve Barista diyet/kalori alanları */
.category-reference-item.has-new-product .category-reference-icon,
.category-reference-item.has-new-product .category-reference-vector,
.home-category-pill.has-new-product .home-category-icon,
.home-category-item.has-new-product .home-category-icon,
.category-card.has-new-product .category-card-icon {
  position: relative !important;
  background:
    linear-gradient(#f6eee9, #f6eee9) padding-box,
    conic-gradient(from 210deg, #f7b267, #e94b5f, #8a0b2d, #f7b267) border-box !important;
  border: 3px solid transparent !important;
  box-shadow: 0 10px 24px rgba(138, 11, 45, .14) !important;
}

.category-reference-item.has-new-product .category-reference-icon::after,
.category-reference-item.has-new-product .category-reference-vector::after,
.home-category-pill.has-new-product .home-category-icon::after,
.home-category-item.has-new-product .home-category-icon::after,
.category-card.has-new-product .category-card-icon::after {
  content: "";
  position: absolute !important;
  inset: 5px !important;
  border-radius: inherit !important;
  border: 2px solid rgba(255, 255, 255, .85) !important;
  pointer-events: none !important;
  z-index: 1 !important;
}

.category-reference-item.has-new-product .category-reference-label::after,
.home-category-pill.has-new-product > span:not(.home-category-icon)::after {
  content: "Yeni";
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin-left: 6px !important;
  padding: 2px 6px !important;
  border-radius: 999px !important;
  background: #4a0c21 !important;
  color: #fff !important;
  font-size: 9px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  vertical-align: middle !important;
}

.product-editor-form input[name="calories"] {
  font-weight: 900 !important;
  color: #4a0c21 !important;
}

@media (max-width: 768px) {
  .category-reference-item.has-new-product .category-reference-icon,
  .category-reference-item.has-new-product .category-reference-vector,
  .home-category-pill.has-new-product .home-category-icon,
  .home-category-item.has-new-product .home-category-icon,
  .category-card.has-new-product .category-card-icon {
    border-width: 4px !important;
  }

  .category-reference-item.has-new-product .category-reference-label::after,
  .home-category-pill.has-new-product > span:not(.home-category-icon)::after {
    display: none !important;
  }
}


/* v114 - kategori fotoğraflarını mobil ve webte tekrar büyük ve net hale getir */
.category-reference-icon,
.category-reference-vector,
.home-category-icon,
.category-card-icon {
  overflow: hidden !important;
  image-rendering: auto !important;
}

.category-reference-icon .icon-media,
.category-reference-vector .icon-media,
.home-category-icon .icon-media,
.category-card-icon .icon-media,
.category-reference-icon .icon-media img,
.category-reference-vector .icon-media img,
.home-category-icon .icon-media img,
.category-card-icon .icon-media img {
  width: 100% !important;
  height: 100% !important;
  display: block !important;
}

.category-reference-icon .icon-media img,
.category-reference-vector .icon-media img,
.home-category-icon .icon-media img,
.category-card-icon .icon-media img {
  object-fit: cover !important;
  object-position: center center !important;
  transform: scale(1.08) !important;
  image-rendering: -webkit-optimize-contrast !important;
}

@media (max-width: 768px) {
  .category-reference-icon,
  .category-reference-vector,
  .home-category-icon,
  .category-card-icon {
    width: 82px !important;
    height: 82px !important;
    min-width: 82px !important;
    min-height: 82px !important;
  }

  .category-reference-item.active .category-reference-icon,
  .category-reference-item.active .category-reference-vector,
  .home-category-pill.active .home-category-icon,
  .category-card.active .category-card-icon {
    width: 86px !important;
    height: 86px !important;
    min-width: 86px !important;
    min-height: 86px !important;
  }

  .category-reference-icon svg,
  .category-reference-vector svg,
  .home-category-icon svg,
  .category-card-icon svg {
    width: 36px !important;
    height: 36px !important;
  }
}

@media (min-width: 769px) {
  .page-panel-menu .category-reference-icon,
  .page-panel-menu .category-reference-vector {
    width: 74px !important;
    height: 74px !important;
    min-width: 74px !important;
    min-height: 74px !important;
    flex-basis: 74px !important;
  }

  .page-panel-menu .category-reference-item.active .category-reference-icon,
  .page-panel-menu .category-reference-item.active .category-reference-vector {
    width: 80px !important;
    height: 80px !important;
    min-width: 80px !important;
    min-height: 80px !important;
    flex-basis: 80px !important;
  }

  .page-panel-menu .category-reference-icon svg,
  .page-panel-menu .category-reference-vector svg {
    width: 34px !important;
    height: 34px !important;
  }

  .home-category-icon,
  .category-card-icon {
    width: 70px !important;
    height: 70px !important;
    min-width: 70px !important;
    min-height: 70px !important;
  }

  .home-category-pill.active .home-category-icon,
  .category-card.active .category-card-icon {
    width: 76px !important;
    height: 76px !important;
    min-width: 76px !important;
    min-height: 76px !important;
  }

  .home-category-icon svg,
  .category-card-icon svg {
    width: 32px !important;
    height: 32px !important;
  }
}


/* v115 - kategori fotoğraflarını daireyi tamamen dolduracak kadar yakınlaştır */
.category-reference-icon .icon-media,
.category-reference-vector .icon-media,
.home-category-icon .icon-media,
.category-card-icon .icon-media {
  overflow: hidden !important;
  border-radius: inherit !important;
}

.category-reference-icon .icon-media img,
.category-reference-vector .icon-media img,
.home-category-icon .icon-media img,
.category-card-icon .icon-media img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center center !important;
  transform: scale(1.9) !important;
  transform-origin: center center !important;
}

@media (min-width: 769px) {
  .page-panel-menu .category-reference-icon .icon-media img,
  .page-panel-menu .category-reference-vector .icon-media img {
    transform: scale(2.15) !important;
  }

  .home-category-icon .icon-media img,
  .category-card-icon .icon-media img {
    transform: scale(1.75) !important;
  }
}

@media (max-width: 768px) {
  .category-reference-icon .icon-media img,
  .category-reference-vector .icon-media img,
  .home-category-icon .icon-media img,
  .category-card-icon .icon-media img {
    transform: scale(2.1) !important;
  }

  .category-reference-item.active .category-reference-icon .icon-media img,
  .category-reference-item.active .category-reference-vector .icon-media img,
  .home-category-pill.active .home-category-icon .icon-media img,
  .category-card.active .category-card-icon .icon-media img {
    transform: scale(2.2) !important;
  }
}


/* v116 - kategori görsellerini çok daha yakın crop ile daireyi tamamen doldur */
.category-reference-icon .icon-media img,
.category-reference-vector .icon-media img,
.home-category-icon .icon-media img,
.category-card-icon .icon-media img {
  transform: scale(3.1) !important;
  object-position: center center !important;
}

.category-reference-icon .icon-media,
.category-reference-vector .icon-media,
.home-category-icon .icon-media,
.category-card-icon .icon-media {
  width: 100% !important;
  height: 100% !important;
}

@media (min-width: 769px) {
  .page-panel-menu .category-reference-icon .icon-media img,
  .page-panel-menu .category-reference-vector .icon-media img {
    transform: scale(3.45) !important;
  }

  .home-category-icon .icon-media img,
  .category-card-icon .icon-media img {
    transform: scale(2.9) !important;
  }
}

@media (max-width: 768px) {
  .category-reference-icon .icon-media img,
  .category-reference-vector .icon-media img,
  .home-category-icon .icon-media img,
  .category-card-icon .icon-media img {
    transform: scale(3.35) !important;
  }

  .category-reference-item.active .category-reference-icon .icon-media img,
  .category-reference-item.active .category-reference-vector .icon-media img,
  .home-category-pill.active .home-category-icon .icon-media img,
  .category-card.active .category-card-icon .icon-media img {
    transform: scale(3.5) !important;
  }
}


/* v117 - kategori görsellerini daire içinde tam merkeze al */
.category-reference-icon,
.category-reference-vector,
.home-category-icon,
.category-card-icon {
  position: relative !important;
  overflow: hidden !important;
}

.category-reference-icon .icon-media,
.category-reference-vector .icon-media,
.home-category-icon .icon-media,
.category-card-icon .icon-media {
  position: relative !important;
  width: 100% !important;
  height: 100% !important;
  overflow: hidden !important;
  border-radius: inherit !important;
}

.category-reference-icon .icon-media img,
.category-reference-vector .icon-media img,
.home-category-icon .icon-media img,
.category-card-icon .icon-media img {
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  width: 100% !important;
  height: 100% !important;
  min-width: 100% !important;
  min-height: 100% !important;
  object-fit: cover !important;
  object-position: center center !important;
  transform-origin: center center !important;
  translate: -50% -50% !important;
}

@media (min-width: 769px) {
  .page-panel-menu .category-reference-icon .icon-media img,
  .page-panel-menu .category-reference-vector .icon-media img {
    transform: scale(3.45) !important;
  }

  .home-category-icon .icon-media img,
  .category-card-icon .icon-media img {
    transform: scale(2.9) !important;
  }
}

@media (max-width: 768px) {
  .category-reference-icon .icon-media img,
  .category-reference-vector .icon-media img,
  .home-category-icon .icon-media img,
  .category-card-icon .icon-media img {
    transform: scale(3.35) !important;
  }

  .category-reference-item.active .category-reference-icon .icon-media img,
  .category-reference-item.active .category-reference-vector .icon-media img,
  .home-category-pill.active .home-category-icon .icon-media img,
  .category-card.active .category-card-icon .icon-media img {
    transform: scale(3.5) !important;
  }
}


/* v118 - kategori görselleri yakınlık dengesini geri ayarla */
.category-reference-icon .icon-media img,
.category-reference-vector .icon-media img,
.home-category-icon .icon-media img,
.category-card-icon .icon-media img {
  transform: scale(2.35) !important;
}

@media (min-width: 769px) {
  .page-panel-menu .category-reference-icon .icon-media img,
  .page-panel-menu .category-reference-vector .icon-media img {
    transform: scale(2.45) !important;
  }

  .home-category-icon .icon-media img,
  .category-card-icon .icon-media img {
    transform: scale(2.2) !important;
  }
}

@media (max-width: 768px) {
  .category-reference-icon .icon-media img,
  .category-reference-vector .icon-media img,
  .home-category-icon .icon-media img,
  .category-card-icon .icon-media img {
    transform: scale(2.45) !important;
  }

  .category-reference-item.active .category-reference-icon .icon-media img,
  .category-reference-item.active .category-reference-vector .icon-media img,
  .home-category-pill.active .home-category-icon .icon-media img,
  .category-card.active .category-card-icon .icon-media img {
    transform: scale(2.55) !important;
  }
}


/* v119 - kategori görselleri bir tık daha yakın */
.category-reference-icon .icon-media img,
.category-reference-vector .icon-media img,
.home-category-icon .icon-media img,
.category-card-icon .icon-media img {
  transform: scale(2.55) !important;
}

@media (min-width: 769px) {
  .page-panel-menu .category-reference-icon .icon-media img,
  .page-panel-menu .category-reference-vector .icon-media img {
    transform: scale(2.65) !important;
  }

  .home-category-icon .icon-media img,
  .category-card-icon .icon-media img {
    transform: scale(2.35) !important;
  }
}

@media (max-width: 768px) {
  .category-reference-icon .icon-media img,
  .category-reference-vector .icon-media img,
  .home-category-icon .icon-media img,
  .category-card-icon .icon-media img {
    transform: scale(2.62) !important;
  }

  .category-reference-item.active .category-reference-icon .icon-media img,
  .category-reference-item.active .category-reference-vector .icon-media img,
  .home-category-pill.active .home-category-icon .icon-media img,
  .category-card.active .category-card-icon .icon-media img {
    transform: scale(2.72) !important;
  }
}


/* v120 - kategori görselleri için nokta atışı denge ayarı */
.category-reference-icon .icon-media img,
.category-reference-vector .icon-media img,
.home-category-icon .icon-media img,
.category-card-icon .icon-media img {
  object-position: 50% 50% !important;
  transform: scale(2.26) !important;
}

@media (min-width: 769px) {
  .page-panel-menu .category-reference-icon .icon-media img,
  .page-panel-menu .category-reference-vector .icon-media img {
    object-position: 50% 50% !important;
    transform: scale(2.34) !important;
  }

  .page-panel-menu .category-reference-item.active .category-reference-icon .icon-media img,
  .page-panel-menu .category-reference-item.active .category-reference-vector .icon-media img {
    transform: scale(2.42) !important;
  }

  .home-category-icon .icon-media img,
  .category-card-icon .icon-media img {
    transform: scale(2.18) !important;
  }
}

@media (max-width: 768px) {
  .category-reference-icon .icon-media img,
  .category-reference-vector .icon-media img,
  .home-category-icon .icon-media img,
  .category-card-icon .icon-media img {
    object-position: 50% 50% !important;
    transform: scale(2.32) !important;
  }

  .category-reference-item.active .category-reference-icon .icon-media img,
  .category-reference-item.active .category-reference-vector .icon-media img,
  .home-category-pill.active .home-category-icon .icon-media img,
  .category-card.active .category-card-icon .icon-media img {
    transform: scale(2.4) !important;
  }
}

/* v121 - mobil alt nav orta logo yuvarlak ucunu geri getir */
@media (max-width: 768px) {
  .bottom-nav {
    contain: layout !important;
    overflow: visible !important;
  }

  .bottom-nav .logo-tab,
  .bottom-nav .logo-tab .brand-mark-round {
    border-radius: 999px !important;
    clip-path: none !important;
    overflow: visible !important;
  }

  .bottom-nav .logo-tab .brand-mark-round {
    overflow: hidden !important;
  }
}

/* v122 - category image crop balance */
.category-reference-icon .icon-media img,
.category-reference-vector .icon-media img,
.home-category-icon .icon-media img,
.category-card-icon .icon-media img {
  width: 100% !important;
  height: 100% !important;
  min-width: 100% !important;
  min-height: 100% !important;
  object-position: 50% 50% !important;
  translate: -50% -50% !important;
  transform: scale(1.08) !important;
  transform-origin: center center !important;
}

@media (min-width: 769px) {
  .page-panel-menu .category-reference-icon .icon-media img,
  .page-panel-menu .category-reference-vector .icon-media img {
    transform: scale(1.1) !important;
  }

  .page-panel-menu .category-reference-item.active .category-reference-icon .icon-media img,
  .page-panel-menu .category-reference-item.active .category-reference-vector .icon-media img {
    transform: scale(1.12) !important;
  }

  .home-category-icon .icon-media img,
  .category-card-icon .icon-media img {
    transform: scale(1.06) !important;
  }
}

@media (max-width: 768px) {
  .category-reference-icon .icon-media img,
  .category-reference-vector .icon-media img,
  .home-category-icon .icon-media img,
  .category-card-icon .icon-media img {
    transform: scale(1.08) !important;
  }

  .category-reference-item.active .category-reference-icon .icon-media img,
  .category-reference-item.active .category-reference-vector .icon-media img,
  .home-category-pill.active .home-category-icon .icon-media img,
  .category-card.active .category-card-icon .icon-media img {
    transform: scale(1.1) !important;
  }
}

/* v123 - show full category images inside the circle */
.category-reference-icon .icon-media img,
.category-reference-vector .icon-media img,
.home-category-icon .icon-media img,
.category-card-icon .icon-media img {
  width: 100% !important;
  height: 100% !important;
  min-width: 100% !important;
  min-height: 100% !important;
  object-fit: contain !important;
  object-position: 50% 50% !important;
  translate: -50% -50% !important;
  transform: scale(1) !important;
  transform-origin: center center !important;
}

@media (min-width: 769px) {
  .page-panel-menu .category-reference-icon .icon-media img,
  .page-panel-menu .category-reference-vector .icon-media img,
  .page-panel-menu .category-reference-item.active .category-reference-icon .icon-media img,
  .page-panel-menu .category-reference-item.active .category-reference-vector .icon-media img,
  .home-category-icon .icon-media img,
  .category-card-icon .icon-media img {
    object-fit: contain !important;
    transform: scale(1) !important;
  }
}

@media (max-width: 768px) {
  .category-reference-icon .icon-media img,
  .category-reference-vector .icon-media img,
  .home-category-icon .icon-media img,
  .category-card-icon .icon-media img,
  .category-reference-item.active .category-reference-icon .icon-media img,
  .category-reference-item.active .category-reference-vector .icon-media img,
  .home-category-pill.active .home-category-icon .icon-media img,
  .category-card.active .category-card-icon .icon-media img {
    object-fit: contain !important;
    transform: scale(1) !important;
  }
}

/* v124 - mobile nav center lock and immediate menu rendering */
@media (max-width: 768px) {
  .bottom-nav {
    left: 0 !important;
    right: 0 !important;
    width: min(100%, 430px) !important;
    max-width: 430px !important;
    margin: 0 auto !important;
    transform: none !important;
  }

  .bottom-nav .logo-tab {
    justify-self: center !important;
    align-self: start !important;
    display: grid !important;
    place-items: center !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  .bottom-nav .logo-tab .brand-mark-round {
    display: grid !important;
    place-items: center !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  .bottom-nav .logo-tab .brand-mark-round .brand-logo-img {
    display: block !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }
}

.route-shell:has(.page-panel-menu),
.route-shell.is-ready:has(.page-panel-menu),
.page-panel-menu,
.page-panel-menu .menu-list,
.page-panel-menu .menu-row,
.page-panel-menu .menu-thumb,
.page-panel-menu .menu-thumb img {
  opacity: 1 !important;
  animation: none !important;
  transition: none !important;
}

.page-panel-menu .menu-row,
main.page-panel.page-panel-menu button.menu-row:hover {
  transform: none !important;
}


/* v129 - FINAL mobile bottom nav fix
   Sadece mobil alt navbar alanını düzeltir. */
:root {
  --browser-bottom-offset: 0px !important;
  --lunqa-nav-bottom-offset: 0px !important;
  --nav-h: 92px !important;
}

@media (max-width: 768px) {
  html,
  body {
    min-height: 100% !important;
    height: auto !important;
  }

  html body .bottom-nav {
    box-sizing: border-box !important;
    position: fixed !important;
    left: 50% !important;
    right: auto !important;
    bottom: 0 !important;
    top: auto !important;
    transform: translateX(-50%) !important;
    width: min(100vw, 430px) !important;
    max-width: 430px !important;
    height: 94px !important;
    min-height: 94px !important;
    max-height: 94px !important;
    padding: 10px 10px 0 !important;
    margin: 0 !important;
    display: grid !important;
    grid-template-columns: 1fr 1fr 1.28fr 1fr 1fr !important;
    align-items: start !important;
    justify-items: center !important;
    border-radius: 30px 30px 0 0 !important;
    border-bottom: 0 !important;
    overflow: visible !important;
    contain: none !important;
    background: rgba(255, 252, 249, .98) !important;
  }

  html body .bottom-nav .nav-btn {
    box-sizing: border-box !important;
    width: 100% !important;
    height: 70px !important;
    min-height: 70px !important;
    max-height: 70px !important;
    padding: 0 !important;
    margin: 0 !important;
    display: grid !important;
    place-items: center !important;
    align-content: center !important;
    justify-items: center !important;
    gap: 5px !important;
    overflow: visible !important;
  }

  html body .bottom-nav .nav-btn svg {
    width: 25px !important;
    height: 25px !important;
  }

  html body .bottom-nav .nav-btn span {
    display: block !important;
    max-width: 72px !important;
    line-height: 1.05 !important;
    text-align: center !important;
  }

  html body .bottom-nav .logo-tab {
    position: relative !important;
    top: -38px !important;
    width: 92px !important;
    height: 92px !important;
    min-width: 92px !important;
    min-height: 92px !important;
    max-width: 92px !important;
    max-height: 92px !important;
    padding: 0 !important;
    margin: 0 auto !important;
    display: grid !important;
    place-items: center !important;
    justify-self: center !important;
    align-self: start !important;
    border-radius: 999px !important;
    background: transparent !important;
    box-shadow: none !important;
    overflow: visible !important;
  }

  html body .bottom-nav .logo-tab .brand-mark,
  html body .bottom-nav .logo-tab .brand-mark-round {
    box-sizing: border-box !important;
    width: 82px !important;
    height: 82px !important;
    min-width: 82px !important;
    min-height: 82px !important;
    max-width: 82px !important;
    max-height: 82px !important;
    aspect-ratio: 1 / 1 !important;
    border-radius: 50% !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 2px !important;
    padding: 7px 0 6px !important;
    margin: 0 !important;
    overflow: hidden !important;
    background: #4a0c21 !important;
    box-shadow: 0 16px 34px rgba(74, 12, 33, .28) !important;
  }

  html body .bottom-nav .logo-tab .brand-logo-img {
    display: block !important;
    width: 46px !important;
    height: 49px !important;
    max-width: 46px !important;
    max-height: 49px !important;
    object-fit: contain !important;
    object-position: center center !important;
    margin: 0 auto !important;
    transform: translateY(-1px) !important;
  }

  html body .bottom-nav .logo-tab .brand-word {
    display: block !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    color: #fff !important;
    text-align: center !important;
    font-size: 7px !important;
    line-height: 1 !important;
    letter-spacing: .18em !important;
  }

  html body .phone-shell,
  html body .route-shell,
  html body [data-screen-root] {
    padding-bottom: 104px !important;
  }

  html body .menu-list,
  html body .page-panel,
  html body .page-panel-menu {
    padding-bottom: 112px !important;
  }
}


/* v131 - Admin Barista / Analiz ekranı layout düzeltmesi
   Sadece admin içindeki Barista ve Analiz sayfalarını toparlar. */
.admin-owner-page {
  display: grid !important;
  gap: 18px !important;
  width: 100% !important;
  max-width: 100% !important;
}

.owner-hero-card {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 18px !important;
  padding: 20px 22px !important;
}

.owner-hero-copy {
  display: flex !important;
  align-items: center !important;
  gap: 14px !important;
  min-width: 0 !important;
}

.owner-hero-copy h2 {
  margin: 0 0 4px !important;
  font-size: 22px !important;
  line-height: 1.12 !important;
}

.owner-hero-copy p {
  margin: 0 !important;
  color: rgba(38, 27, 22, .62) !important;
  font-size: 13px !important;
  line-height: 1.45 !important;
}

.owner-hero-icon,
.owner-status-pill {
  flex: 0 0 auto !important;
}

.owner-hero-icon {
  width: 46px !important;
  height: 46px !important;
  display: grid !important;
  place-items: center !important;
  border-radius: 16px !important;
  color: #9f0d1a !important;
  background: rgba(159, 13, 26, .08) !important;
}

.owner-status-pill {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 34px !important;
  padding: 0 14px !important;
  border-radius: 999px !important;
  color: #167445 !important;
  background: rgba(22, 116, 69, .10) !important;
  font-size: 12px !important;
  font-weight: 900 !important;
}

.owner-summary-grid {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 14px !important;
}

.owner-summary-card {
  min-height: 92px !important;
  padding: 18px !important;
  display: grid !important;
  align-content: center !important;
  gap: 8px !important;
}

.owner-summary-card strong {
  display: block !important;
  max-width: 100% !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  color: #4a0c21 !important;
  font-size: 24px !important;
  line-height: 1.05 !important;
}

.owner-summary-card span {
  color: rgba(38, 27, 22, .64) !important;
  font-size: 12px !important;
  font-weight: 800 !important;
}

.owner-section-card {
  min-width: 0 !important;
  overflow: hidden !important;
}

.owner-section-card .admin-card-title-row {
  align-items: flex-start !important;
}

.owner-section-card .admin-card-title-row h2 {
  margin: 0 0 4px !important;
  font-size: 18px !important;
}

.owner-section-card .admin-card-title-row p,
.owner-mini-head p {
  margin: 0 !important;
  color: rgba(38, 27, 22, .60) !important;
  font-size: 12px !important;
  line-height: 1.45 !important;
}

.owner-product-picker {
  display: grid !important;
  grid-template-columns: repeat(auto-fill, minmax(230px, 1fr)) !important;
  gap: 10px !important;
  max-height: 360px !important;
  overflow: auto !important;
  padding: 2px 4px 8px !important;
  margin-bottom: 18px !important;
}

.owner-product-choice,
.owner-product-row,
.owner-question-row,
.owner-action-row,
.owner-category-row,
.owner-rule-row,
.owner-log-row {
  box-sizing: border-box !important;
  min-width: 0 !important;
  border: 1px solid rgba(226, 215, 207, .88) !important;
  border-radius: 16px !important;
  background: rgba(255, 255, 255, .72) !important;
}

.owner-product-choice {
  position: relative !important;
  display: grid !important;
  grid-template-columns: 52px minmax(0, 1fr) !important;
  align-items: center !important;
  gap: 12px !important;
  min-height: 70px !important;
  padding: 9px 12px !important;
  cursor: pointer !important;
}

.owner-product-choice.selected {
  border-color: rgba(159, 13, 26, .36) !important;
  background: rgba(159, 13, 26, .055) !important;
}

.owner-product-choice input {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

.owner-product-choice img,
.owner-product-row img {
  display: block !important;
  width: 52px !important;
  height: 52px !important;
  min-width: 52px !important;
  min-height: 52px !important;
  max-width: 52px !important;
  max-height: 52px !important;
  object-fit: cover !important;
  object-position: center !important;
  border-radius: 14px !important;
  background: #f2ebe6 !important;
}

.owner-product-choice span,
.owner-product-row span,
.owner-question-row span,
.owner-action-row span,
.owner-category-row span,
.owner-rule-row span {
  min-width: 0 !important;
  display: grid !important;
  gap: 3px !important;
}

.owner-product-choice strong,
.owner-product-row strong,
.owner-question-row strong,
.owner-action-row strong,
.owner-category-row strong,
.owner-rule-row strong {
  min-width: 0 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  color: #1f1714 !important;
  font-size: 13px !important;
  line-height: 1.2 !important;
}

.owner-product-choice em,
.owner-product-row em,
.owner-question-row em,
.owner-action-row em,
.owner-category-row em,
.owner-rule-row em,
.owner-log-row em,
.owner-rule-row b {
  min-width: 0 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  color: rgba(38, 27, 22, .58) !important;
  font-size: 11px !important;
  font-style: normal !important;
  line-height: 1.3 !important;
}

.owner-two-col,
.owner-grid-two {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 16px !important;
  align-items: start !important;
}

.owner-soft-panel {
  min-width: 0 !important;
  padding: 16px !important;
  border: 1px solid rgba(226, 215, 207, .88) !important;
  border-radius: 18px !important;
  background: rgba(255, 251, 247, .72) !important;
}

.owner-mini-head h3 {
  margin: 0 0 4px !important;
  font-size: 15px !important;
}

.owner-prompt-list {
  display: grid !important;
  gap: 8px !important;
  margin-top: 12px !important;
}

.owner-prompt-list label {
  display: grid !important;
  grid-template-columns: 34px minmax(0, 1fr) !important;
  align-items: center !important;
  gap: 8px !important;
}

.owner-prompt-list label span {
  color: #9f0d1a !important;
  font-size: 11px !important;
  font-weight: 900 !important;
}

.owner-prompt-list input,
.owner-test-inline input,
.owner-rule-form input,
.owner-rule-form textarea,
.owner-rule-form select,
.owner-advanced-box textarea {
  box-sizing: border-box !important;
  width: 100% !important;
  min-width: 0 !important;
}

.owner-test-inline {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  gap: 10px !important;
  margin-top: 12px !important;
}

.owner-test-result {
  margin-top: 12px !important;
  padding: 12px !important;
  border: 1px solid rgba(159, 13, 26, .18) !important;
  border-radius: 15px !important;
  background: rgba(159, 13, 26, .045) !important;
}

.owner-test-result strong,
.owner-test-result p {
  display: block !important;
  margin: 0 !important;
}

.owner-test-result p {
  margin-top: 6px !important;
  color: rgba(38, 27, 22, .70) !important;
  font-size: 12px !important;
  line-height: 1.45 !important;
}

.owner-test-result div {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 6px !important;
  margin-top: 10px !important;
}

.owner-test-result div span {
  display: inline-flex !important;
  padding: 5px 8px !important;
  border-radius: 999px !important;
  background: rgba(255,255,255,.88) !important;
  color: #4a0c21 !important;
  font-size: 11px !important;
  font-weight: 800 !important;
}

.owner-rule-form {
  display: grid !important;
  gap: 12px !important;
}

.owner-rule-list,
.owner-question-list,
.owner-log-list,
.owner-action-list,
.owner-product-list,
.owner-category-list {
  display: grid !important;
  gap: 10px !important;
}

.owner-rule-row,
.owner-question-row,
.owner-product-row,
.owner-category-row {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  align-items: center !important;
  gap: 12px !important;
  padding: 12px !important;
}

.owner-product-row {
  grid-template-columns: 52px minmax(0, 1fr) auto !important;
}

.owner-action-row {
  display: grid !important;
  grid-template-columns: 34px minmax(0, 1fr) auto !important;
  align-items: center !important;
  gap: 12px !important;
  padding: 12px !important;
}

.owner-action-row > b {
  width: 34px !important;
  height: 34px !important;
  display: grid !important;
  place-items: center !important;
  border-radius: 12px !important;
  color: #9f0d1a !important;
  background: rgba(159, 13, 26, .08) !important;
  font-size: 13px !important;
}

.owner-log-row {
  padding: 12px !important;
  display: grid !important;
  gap: 6px !important;
}

.owner-log-row p {
  margin: 0 !important;
  color: rgba(38, 27, 22, .70) !important;
  font-size: 12px !important;
  line-height: 1.45 !important;
}

.owner-advanced-box {
  margin-top: 16px !important;
  border: 1px solid rgba(226, 215, 207, .88) !important;
  border-radius: 16px !important;
  background: rgba(255, 251, 247, .72) !important;
  overflow: hidden !important;
}

.owner-advanced-box > summary {
  cursor: pointer !important;
  padding: 14px 16px !important;
  color: #4a0c21 !important;
  font-size: 13px !important;
  font-weight: 900 !important;
}

.owner-advanced-box > *:not(summary) {
  margin-left: 16px !important;
  margin-right: 16px !important;
}

.admin-analytics-owner .owner-product-list,
.admin-barista-owner .owner-product-picker {
  scrollbar-width: thin !important;
}

.admin-analytics-owner .owner-product-list img,
.admin-barista-owner .owner-product-picker img {
  max-width: 52px !important;
}

@media (max-width: 1180px) {
  .owner-summary-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  .owner-two-col,
  .owner-grid-two {
    grid-template-columns: 1fr !important;
  }
}

@media (max-width: 768px) {
  .owner-hero-card {
    align-items: flex-start !important;
    padding: 16px !important;
  }

  .owner-summary-grid {
    grid-template-columns: 1fr 1fr !important;
    gap: 10px !important;
  }

  .owner-summary-card {
    min-height: 78px !important;
    padding: 14px !important;
  }

  .owner-summary-card strong {
    font-size: 18px !important;
  }

  .owner-product-picker {
    grid-template-columns: 1fr !important;
    max-height: 320px !important;
  }

  .owner-action-row,
  .owner-product-row,
  .owner-question-row,
  .owner-category-row,
  .owner-rule-row {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  .owner-product-row {
    grid-template-columns: 52px minmax(0, 1fr) !important;
  }

  .owner-product-row .secondary-btn,
  .owner-action-row .secondary-btn,
  .owner-question-row .secondary-btn {
    width: 100% !important;
  }
}


/* v132 - Barista seçimleri ve menüde aranan ürün analizi */
.owner-product-choice {
  user-select: none !important;
  cursor: pointer !important;
}

.owner-product-choice * {
  pointer-events: none !important;
}

.owner-product-choice input {
  pointer-events: none !important;
}

.owner-product-choice.selected {
  border-color: rgba(159, 13, 26, .44) !important;
  background: rgba(159, 13, 26, .075) !important;
  box-shadow: inset 0 0 0 1px rgba(159, 13, 26, .12) !important;
}

.owner-product-choice.selected::after {
  content: "✓";
  position: absolute !important;
  top: 8px !important;
  right: 10px !important;
  width: 20px !important;
  height: 20px !important;
  display: grid !important;
  place-items: center !important;
  border-radius: 999px !important;
  color: #fff !important;
  background: #4a0c21 !important;
  font-size: 12px !important;
  font-weight: 900 !important;
}

.owner-demand-card {
  border-color: rgba(159, 13, 26, .18) !important;
  background: rgba(255, 252, 249, .86) !important;
}

.owner-demand-list {
  display: grid !important;
  gap: 10px !important;
}

.owner-demand-row {
  display: grid !important;
  grid-template-columns: 34px minmax(0, 1fr) auto !important;
  align-items: center !important;
  gap: 12px !important;
  padding: 12px !important;
  border: 1px solid rgba(226, 215, 207, .88) !important;
  border-radius: 16px !important;
  background: rgba(255, 255, 255, .76) !important;
}

.owner-demand-row > b {
  width: 34px !important;
  height: 34px !important;
  display: grid !important;
  place-items: center !important;
  border-radius: 12px !important;
  color: #fff !important;
  background: #4a0c21 !important;
  font-size: 13px !important;
}

.owner-demand-row span {
  min-width: 0 !important;
  display: grid !important;
  gap: 3px !important;
}

.owner-demand-row strong {
  min-width: 0 !important;
  color: #4a0c21 !important;
  font-size: 15px !important;
  line-height: 1.2 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

.owner-demand-row em {
  min-width: 0 !important;
  color: rgba(38, 27, 22, .62) !important;
  font-size: 11px !important;
  font-style: normal !important;
  line-height: 1.35 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

@media (max-width: 768px) {
  .owner-demand-row {
    grid-template-columns: 34px minmax(0, 1fr) !important;
  }

  .owner-demand-row .secondary-btn {
    grid-column: 1 / -1 !important;
    width: 100% !important;
  }
}


/* v133 - Admin sol menü aktif ikon ve logo merkezleme düzeltmesi */
.admin-sidebar-brand {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  text-align: center !important;
}

.admin-sidebar-brand .brand-mark,
.admin-sidebar-brand .brand-mark-dark {
  width: 100% !important;
  max-width: 132px !important;
  margin: 0 auto !important;
  display: grid !important;
  justify-items: center !important;
  align-items: center !important;
  text-align: center !important;
  transform: translateX(4px) !important;
}

.admin-sidebar-brand .brand-logo-img {
  display: block !important;
  margin: 0 auto !important;
  object-fit: contain !important;
  object-position: center center !important;
  transform: translateX(2px) !important;
}

.admin-sidebar-brand .brand-word {
  display: block !important;
  width: 100% !important;
  margin: 8px auto 0 !important;
  text-align: center !important;
  transform: translateX(2px) !important;
}

.admin-sidebar .admin-nav-btn.active,
.admin-sidebar .admin-nav-btn[aria-current="page"],
.admin-sidebar .admin-nav-btn:focus-visible {
  border-color: rgba(74, 12, 33, .24) !important;
  background: rgba(74, 12, 33, .075) !important;
  color: #4a0c21 !important;
  box-shadow: inset 0 0 0 1px rgba(74, 12, 33, .08) !important;
}

.admin-sidebar .admin-nav-btn.active .admin-nav-ico,
.admin-sidebar .admin-nav-btn[aria-current="page"] .admin-nav-ico,
.admin-sidebar .admin-nav-btn:focus-visible .admin-nav-ico {
  background: #4a0c21 !important;
  color: #fff !important;
  opacity: 1 !important;
  visibility: visible !important;
  box-shadow: 0 10px 20px rgba(74, 12, 33, .16) !important;
}

.admin-sidebar .admin-nav-btn.active .admin-nav-ico svg,
.admin-sidebar .admin-nav-btn[aria-current="page"] .admin-nav-ico svg,
.admin-sidebar .admin-nav-btn:focus-visible .admin-nav-ico svg {
  display: block !important;
  opacity: 1 !important;
  visibility: visible !important;
  color: #fff !important;
  stroke: currentColor !important;
}

.admin-sidebar .admin-nav-btn.active .admin-nav-label,
.admin-sidebar .admin-nav-btn[aria-current="page"] .admin-nav-label,
.admin-sidebar .admin-nav-btn:focus-visible .admin-nav-label {
  color: #4a0c21 !important;
  opacity: 1 !important;
}

.admin-sidebar .admin-nav-btn.active .admin-nav-dot,
.admin-sidebar .admin-nav-btn[aria-current="page"] .admin-nav-dot {
  display: block !important;
  background: #4a0c21 !important;
  opacity: 1 !important;
}

@media (max-width: 768px) {
  .admin-sidebar-brand .brand-mark,
  .admin-sidebar-brand .brand-mark-dark {
    transform: translateX(3px) !important;
  }

  .admin-sidebar-brand .brand-logo-img,
  .admin-sidebar-brand .brand-word {
    transform: translateX(2px) !important;
  }
}


/* v134 - Admin ürün listesi kaydırma performans düzeltmesi
   Sadece Ürün Listesi tablo/kaydırma alanına odaklanır. */
.product-table-card {
  contain: layout paint !important;
  overflow: hidden !important;
}

.product-table-list {
  max-height: min(64vh, 660px) !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
  overscroll-behavior: contain !important;
  scrollbar-gutter: stable !important;
  -webkit-overflow-scrolling: touch !important;
  contain: layout paint style !important;
  will-change: scroll-position !important;
  transform: translateZ(0) !important;
  backface-visibility: hidden !important;
}

.product-table-row {
  contain: layout paint !important;
  content-visibility: auto !important;
  contain-intrinsic-size: 76px !important;
  min-height: 76px !important;
  transform: none !important;
  transition: background-color .12s ease, border-color .12s ease !important;
  box-shadow: none !important;
  will-change: auto !important;
}

.product-table-row:hover {
  transform: none !important;
  box-shadow: none !important;
}

.product-table-row::before,
.product-table-row::after {
  content: none !important;
  display: none !important;
}

.product-table-main img,
.product-table-row img {
  transform: translateZ(0) !important;
  backface-visibility: hidden !important;
  will-change: auto !important;
}

.product-table-row .secondary-btn,
.product-table-row .danger-btn,
.product-table-row button,
.product-table-row .product-more-actions summary {
  transition: background-color .12s ease, border-color .12s ease, color .12s ease !important;
  transform: none !important;
}

.product-table-row .secondary-btn:hover,
.product-table-row .danger-btn:hover,
.product-table-row button:hover,
.product-table-row .product-more-actions summary:hover {
  transform: none !important;
}

.product-table-card .admin-footer-actions,
.product-table-card .pagination-row,
.product-table-card .product-pagination {
  contain: layout paint !important;
}

@media (max-width: 768px) {
  .product-table-list {
    max-height: min(58vh, 560px) !important;
  }

  .product-table-row {
    contain-intrinsic-size: 98px !important;
    min-height: 98px !important;
  }
}


/* v136 - Analiz ekranı normal menü arama istatistikleri */
.analytics-summary-grid {
  grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
}

.owner-search-card {
  border-color: rgba(74, 12, 33, .12) !important;
}

.owner-search-list,
.owner-search-log-list {
  display: grid !important;
  gap: 10px !important;
}

.owner-search-row {
  display: grid !important;
  grid-template-columns: 34px minmax(0, 1fr) auto !important;
  align-items: center !important;
  gap: 12px !important;
  padding: 12px !important;
  border: 1px solid rgba(226, 215, 207, .88) !important;
  border-radius: 16px !important;
  background: rgba(255,255,255,.76) !important;
}

.owner-search-row > b {
  width: 34px !important;
  height: 34px !important;
  display: grid !important;
  place-items: center !important;
  border-radius: 12px !important;
  color: #4a0c21 !important;
  background: rgba(74, 12, 33, .08) !important;
  font-size: 13px !important;
  font-weight: 900 !important;
}

.owner-search-row span {
  min-width: 0 !important;
  display: grid !important;
  gap: 3px !important;
}

.owner-search-row strong {
  min-width: 0 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  color: #1f1714 !important;
  font-size: 14px !important;
  line-height: 1.2 !important;
}

.owner-search-row em {
  min-width: 0 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  color: rgba(38, 27, 22, .60) !important;
  font-size: 11px !important;
  font-style: normal !important;
  line-height: 1.35 !important;
}

.owner-search-row small {
  display: inline-flex !important;
  justify-content: center !important;
  min-width: 76px !important;
  padding: 7px 10px !important;
  border-radius: 999px !important;
  color: #167445 !important;
  background: rgba(22, 116, 69, .10) !important;
  font-size: 11px !important;
  font-weight: 900 !important;
}

.owner-search-row.no-result {
  border-color: rgba(159, 13, 26, .22) !important;
  background: rgba(159, 13, 26, .045) !important;
}

.owner-search-row.no-result > b,
.owner-search-row.no-result small {
  color: #fff !important;
  background: #4a0c21 !important;
}

@media (max-width: 1180px) {
  .analytics-summary-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 768px) {
  .analytics-summary-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  .owner-search-row {
    grid-template-columns: 34px minmax(0, 1fr) !important;
  }

  .owner-search-row small {
    grid-column: 1 / -1 !important;
    width: 100% !important;
  }
}


/* v138 - Popup image-only: fotoğraf dışı arka plan/yan boşlukları kaldır */
.promo-popup-card.promo-popup-card--image-only {
  width: min(88vw, calc((100vh - 96px) * .5625), 520px) !important;
  max-width: min(88vw, 520px) !important;
  height: auto !important;
  max-height: calc(100vh - 96px) !important;
  aspect-ratio: 9 / 16 !important;
  padding: 0 !important;
  margin: 0 !important;
  overflow: hidden !important;
  border: 0 !important;
  border-radius: 24px !important;
  background: transparent !important;
  box-shadow: 0 28px 80px rgba(0, 0, 0, .34) !important;
}

.promo-popup-card.promo-popup-card--image-only .promo-popup-image {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  max-height: none !important;
  min-width: 100% !important;
  min-height: 100% !important;
  object-fit: cover !important;
  object-position: center center !important;
  border: 0 !important;
  border-radius: inherit !important;
  background: transparent !important;
}

.promo-popup-card.promo-popup-card--image-only .promo-popup-cta {
  z-index: 3 !important;
}

.promo-popup-card.promo-popup-card--image-only .promo-popup-close {
  z-index: 4 !important;
}

@media (max-width: 768px) {
  .promo-popup {
    align-items: center !important;
    padding: max(16px, env(safe-area-inset-top, 0px)) 12px calc(16px + env(safe-area-inset-bottom, 0px)) !important;
  }

  .promo-popup-card.promo-popup-card--image-only {
    width: min(88vw, calc((100vh - 92px) * .5625), 430px) !important;
    max-height: calc(100vh - 92px) !important;
    margin-top: 0 !important;
    border-radius: 22px !important;
  }

  .promo-popup-card.promo-popup-card--image-only .promo-popup-close {
    top: -15px !important;
    right: -12px !important;
  }
}


/* v139 - Popup kapatma butonu görünürlük düzeltmesi */
.promo-popup-card.promo-popup-card--image-only {
  overflow: visible !important;
}

.promo-popup-card.promo-popup-card--image-only .promo-popup-image {
  overflow: hidden !important;
  border-radius: 24px !important;
}

.promo-popup-card.promo-popup-card--image-only .promo-popup-close {
  position: absolute !important;
  top: -20px !important;
  right: -20px !important;
  width: 58px !important;
  height: 58px !important;
  min-width: 58px !important;
  min-height: 58px !important;
  display: grid !important;
  place-items: center !important;
  border: 3px solid rgba(52, 52, 52, .9) !important;
  border-radius: 999px !important;
  background: #fff !important;
  color: #111 !important;
  font-size: 32px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  box-shadow: 0 14px 30px rgba(0, 0, 0, .22) !important;
  z-index: 10 !important;
  clip-path: none !important;
}

@media (max-width: 768px) {
  .promo-popup-card.promo-popup-card--image-only {
    overflow: visible !important;
  }

  .promo-popup-card.promo-popup-card--image-only .promo-popup-image {
    border-radius: 22px !important;
  }

  .promo-popup-card.promo-popup-card--image-only .promo-popup-close {
    top: -18px !important;
    right: -14px !important;
    width: 54px !important;
    height: 54px !important;
    min-width: 54px !important;
    min-height: 54px !important;
    font-size: 30px !important;
  }
}


/* v140 - Yeni ürün kategori çerçevesi: fotoğraf içinde beyaz halka yok, süre 3 gün */
.category-reference-item.has-new-product .category-reference-icon::after,
.category-reference-item.has-new-product .category-reference-vector::after,
.home-category-pill.has-new-product .home-category-icon::after,
.home-category-item.has-new-product .home-category-icon::after,
.category-card.has-new-product .category-card-icon::after {
  content: none !important;
  display: none !important;
  border: 0 !important;
  box-shadow: none !important;
}

.category-reference-item.has-new-product .category-reference-icon,
.category-reference-item.has-new-product .category-reference-vector,
.home-category-pill.has-new-product .home-category-icon,
.home-category-item.has-new-product .home-category-icon,
.category-card.has-new-product .category-card-icon {
  overflow: hidden !important;
}

.category-reference-item.has-new-product .category-reference-icon .icon-media,
.category-reference-item.has-new-product .category-reference-vector .icon-media,
.home-category-pill.has-new-product .home-category-icon .icon-media,
.home-category-item.has-new-product .home-category-icon .icon-media,
.category-card.has-new-product .category-card-icon .icon-media {
  border-radius: inherit !important;
  overflow: hidden !important;
}


/* v142 - Web ana sayfa "Bugün Sana Özel" kart hizalama düzeltmesi */
@media (min-width: 769px) {
  .home-panel .special-row {
    align-items: stretch !important;
  }

  .home-panel .special-card {
    height: 100% !important;
    min-height: 128px !important;
    display: block !important;
  }

  .home-panel .special-card button {
    height: 100% !important;
    min-height: 128px !important;
    display: grid !important;
    grid-template-columns: 92px minmax(0, 1fr) 38px !important;
    align-items: center !important;
  }

  .home-panel .special-card span {
    min-width: 0 !important;
    height: 100% !important;
    min-height: 92px !important;
    display: grid !important;
    grid-template-rows: auto 1fr auto !important;
    align-content: start !important;
  }

  .home-panel .special-card strong {
    min-height: 21px !important;
    display: -webkit-box !important;
    overflow: hidden !important;
    -webkit-line-clamp: 1 !important;
    -webkit-box-orient: vertical !important;
  }

  .home-panel .special-card em {
    min-height: 35px !important;
    max-height: 35px !important;
    display: -webkit-box !important;
    overflow: hidden !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
  }

  .home-panel .special-card .price {
    align-self: end !important;
    margin-top: 8px !important;
  }

  .home-panel .special-card i {
    align-self: center !important;
    justify-self: center !important;
  }
}

@media (min-width: 1180px) {
  .home-panel .special-card button {
    min-height: 132px !important;
  }

  .home-panel .special-card {
    min-height: 132px !important;
  }
}

/* v125 - ana sayfa kategori ikonlarını web görünümde tam daire kilitle */
@media (min-width: 769px) {
  .home-menu-categories .home-category-pill,
  .home-category-strip .home-category-pill,
  .home-category-pill {
    align-items: center !important;
  }

  .home-menu-categories .home-category-icon,
  .home-category-strip .home-category-icon,
  .home-category-pill .home-category-icon {
    display: grid !important;
    place-items: center !important;
    width: 72px !important;
    height: 72px !important;
    min-width: 72px !important;
    min-height: 72px !important;
    max-width: 72px !important;
    max-height: 72px !important;
    flex: 0 0 72px !important;
    aspect-ratio: 1 / 1 !important;
    border-radius: 50% !important;
    overflow: hidden !important;
    clip-path: circle(50% at 50% 50%) !important;
  }

  .home-menu-categories .home-category-pill.active .home-category-icon,
  .home-category-strip .home-category-pill.active .home-category-icon,
  .home-category-pill.active .home-category-icon {
    width: 72px !important;
    height: 72px !important;
    min-width: 72px !important;
    min-height: 72px !important;
    max-width: 72px !important;
    max-height: 72px !important;
    flex-basis: 72px !important;
    aspect-ratio: 1 / 1 !important;
    border-radius: 50% !important;
    clip-path: circle(50% at 50% 50%) !important;
  }

  .home-menu-categories .home-category-icon .icon-media,
  .home-category-strip .home-category-icon .icon-media,
  .home-category-pill .home-category-icon .icon-media,
  .home-menu-categories .home-category-icon img,
  .home-category-strip .home-category-icon img,
  .home-category-pill .home-category-icon img {
    width: 100% !important;
    height: 100% !important;
    min-width: 100% !important;
    min-height: 100% !important;
    border-radius: inherit !important;
  }
}


/* v126 - ana sayfa kategori ikonlarını biraz büyüt ve aralıkları aç */
@media (min-width: 769px) {
  .home-menu-categories .home-category-strip,
  .home-category-strip {
    gap: clamp(28px, 2.6vw, 44px) !important;
    padding-left: 28px !important;
    padding-right: 28px !important;
    padding-bottom: 30px !important;
  }

  .home-menu-categories .home-category-pill,
  .home-category-strip .home-category-pill,
  .home-category-pill {
    flex: 0 0 126px !important;
    width: 126px !important;
    min-width: 126px !important;
    max-width: 126px !important;
    gap: 12px !important;
  }

  .home-menu-categories .home-category-icon,
  .home-category-strip .home-category-icon,
  .home-category-pill .home-category-icon {
    width: 82px !important;
    height: 82px !important;
    min-width: 82px !important;
    min-height: 82px !important;
    max-width: 82px !important;
    max-height: 82px !important;
    flex-basis: 82px !important;
    aspect-ratio: 1 / 1 !important;
    border-radius: 50% !important;
    clip-path: circle(50% at 50% 50%) !important;
  }

  .home-menu-categories .home-category-pill.active .home-category-icon,
  .home-category-strip .home-category-pill.active .home-category-icon,
  .home-category-pill.active .home-category-icon {
    width: 82px !important;
    height: 82px !important;
    min-width: 82px !important;
    min-height: 82px !important;
    max-width: 82px !important;
    max-height: 82px !important;
    flex-basis: 82px !important;
    aspect-ratio: 1 / 1 !important;
    border-radius: 50% !important;
    clip-path: circle(50% at 50% 50%) !important;
  }

  .home-menu-categories .home-category-pill > span:not(.home-category-icon),
  .home-category-strip .home-category-pill > span:not(.home-category-icon),
  .home-category-pill > span:not(.home-category-icon) {
    max-width: 126px !important;
    font-size: 12.5px !important;
    line-height: 1.12 !important;
  }
}


/* v127 - ana sayfa kategori yuvarlaklarını bir kademe daha büyüt */
@media (min-width: 769px) {
  .home-menu-categories .home-category-strip,
  .home-category-strip {
    gap: clamp(30px, 2.8vw, 48px) !important;
    padding-left: 28px !important;
    padding-right: 28px !important;
    padding-bottom: 32px !important;
  }

  .home-menu-categories .home-category-pill,
  .home-category-strip .home-category-pill,
  .home-category-pill {
    flex: 0 0 136px !important;
    width: 136px !important;
    min-width: 136px !important;
    max-width: 136px !important;
    gap: 12px !important;
  }

  .home-menu-categories .home-category-icon,
  .home-category-strip .home-category-icon,
  .home-category-pill .home-category-icon,
  .home-menu-categories .home-category-pill.active .home-category-icon,
  .home-category-strip .home-category-pill.active .home-category-icon,
  .home-category-pill.active .home-category-icon {
    width: 96px !important;
    height: 96px !important;
    min-width: 96px !important;
    min-height: 96px !important;
    max-width: 96px !important;
    max-height: 96px !important;
    flex: 0 0 96px !important;
    aspect-ratio: 1 / 1 !important;
    border-radius: 50% !important;
    clip-path: circle(50% at 50% 50%) !important;
    overflow: hidden !important;
  }

  .home-menu-categories .home-category-icon .icon-media,
  .home-category-strip .home-category-icon .icon-media,
  .home-category-pill .home-category-icon .icon-media,
  .home-menu-categories .home-category-icon .icon-media img,
  .home-category-strip .home-category-icon .icon-media img,
  .home-category-pill .home-category-icon .icon-media img {
    width: 100% !important;
    height: 100% !important;
    min-width: 100% !important;
    min-height: 100% !important;
    border-radius: inherit !important;
  }

  .home-menu-categories .home-category-pill > span:not(.home-category-icon),
  .home-category-strip .home-category-pill > span:not(.home-category-icon),
  .home-category-pill > span:not(.home-category-icon) {
    max-width: 136px !important;
    font-size: 12.5px !important;
    line-height: 1.1 !important;
  }
}

/* v128 - ana sayfa kategori yuvarlaklarını webte bir kademe daha büyüt */
@media (min-width: 769px) {
  .home-menu-categories .home-category-strip,
  .home-category-strip {
    gap: clamp(30px, 2.7vw, 46px) !important;
    padding-left: 24px !important;
    padding-right: 24px !important;
    padding-bottom: 32px !important;
  }

  .home-menu-categories .home-category-pill,
  .home-category-strip .home-category-pill,
  .home-category-pill {
    flex: 0 0 144px !important;
    width: 144px !important;
    min-width: 144px !important;
    max-width: 144px !important;
    gap: 12px !important;
  }

  .home-menu-categories .home-category-icon,
  .home-category-strip .home-category-icon,
  .home-category-pill .home-category-icon,
  .home-menu-categories .home-category-pill.active .home-category-icon,
  .home-category-strip .home-category-pill.active .home-category-icon,
  .home-category-pill.active .home-category-icon {
    width: 108px !important;
    height: 108px !important;
    min-width: 108px !important;
    min-height: 108px !important;
    max-width: 108px !important;
    max-height: 108px !important;
    flex: 0 0 108px !important;
    aspect-ratio: 1 / 1 !important;
    border-radius: 50% !important;
    clip-path: circle(50% at 50% 50%) !important;
    overflow: hidden !important;
  }

  .home-menu-categories .home-category-pill > span:not(.home-category-icon),
  .home-category-strip .home-category-pill > span:not(.home-category-icon),
  .home-category-pill > span:not(.home-category-icon) {
    max-width: 144px !important;
    font-size: 12.5px !important;
    line-height: 1.1 !important;
  }
}


/* v129 - FINAL: ana sayfa kategori görselleri tam daire + daha büyük */
@media (min-width: 769px) {
  .home-menu-categories .home-category-strip,
  .home-category-strip,
  section.home-menu-categories .home-category-strip {
    gap: clamp(34px, 3vw, 54px) !important;
    padding-left: 28px !important;
    padding-right: 28px !important;
  }

  .home-menu-categories .home-category-pill,
  .home-category-strip .home-category-pill,
  .home-category-pill {
    flex: 0 0 148px !important;
    width: 148px !important;
    min-width: 148px !important;
    max-width: 148px !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 12px !important;
  }

  .home-menu-categories .home-category-icon,
  .home-category-strip .home-category-icon,
  .home-category-pill .home-category-icon {
    box-sizing: border-box !important;
    display: block !important;
    position: relative !important;
    width: 112px !important;
    height: 112px !important;
    min-width: 112px !important;
    min-height: 112px !important;
    max-width: 112px !important;
    max-height: 112px !important;
    flex: 0 0 112px !important;
    aspect-ratio: 1 / 1 !important;
    border-radius: 9999px !important;
    overflow: hidden !important;
    clip-path: circle(50% at 50% 50%) !important;
  }

  .home-menu-categories .home-category-pill.active .home-category-icon,
  .home-category-strip .home-category-pill.active .home-category-icon,
  .home-category-pill.active .home-category-icon {
    width: 112px !important;
    height: 112px !important;
    min-width: 112px !important;
    min-height: 112px !important;
    max-width: 112px !important;
    max-height: 112px !important;
    flex: 0 0 112px !important;
    aspect-ratio: 1 / 1 !important;
    border-radius: 9999px !important;
    overflow: hidden !important;
    clip-path: circle(50% at 50% 50%) !important;
  }

  .home-menu-categories .home-category-icon .icon-media,
  .home-category-strip .home-category-icon .icon-media,
  .home-category-pill .home-category-icon .icon-media {
    box-sizing: border-box !important;
    display: block !important;
    position: absolute !important;
    inset: 0 !important;
    width: 112px !important;
    height: 112px !important;
    min-width: 112px !important;
    min-height: 112px !important;
    max-width: 112px !important;
    max-height: 112px !important;
    aspect-ratio: 1 / 1 !important;
    border-radius: 9999px !important;
    overflow: hidden !important;
    clip-path: circle(50% at 50% 50%) !important;
  }

  .home-menu-categories .home-category-icon .icon-media img,
  .home-category-strip .home-category-icon .icon-media img,
  .home-category-pill .home-category-icon .icon-media img,
  .home-menu-categories .home-category-icon > img,
  .home-category-strip .home-category-icon > img,
  .home-category-pill .home-category-icon > img {
    box-sizing: border-box !important;
    display: block !important;
    position: absolute !important;
    inset: 0 !important;
    top: 0 !important;
    left: 0 !important;
    width: 112px !important;
    height: 112px !important;
    min-width: 112px !important;
    min-height: 112px !important;
    max-width: 112px !important;
    max-height: 112px !important;
    aspect-ratio: 1 / 1 !important;
    object-fit: cover !important;
    object-position: center center !important;
    border-radius: 9999px !important;
    overflow: hidden !important;
    clip-path: circle(50% at 50% 50%) !important;
    transform: none !important;
    translate: none !important;
  }

  .home-menu-categories .home-category-pill > span:not(.home-category-icon),
  .home-category-strip .home-category-pill > span:not(.home-category-icon),
  .home-category-pill > span:not(.home-category-icon) {
    max-width: 148px !important;
    font-size: 12.5px !important;
    line-height: 1.1 !important;
  }
}

/* v130 - ana sayfa kategoriler: ikinci referans görseldeki ikon boyutuna dön */
@media (min-width: 769px) {
  .home-menu-categories .home-category-strip,
  .home-category-strip,
  section.home-menu-categories .home-category-strip {
    gap: clamp(18px, 2vw, 30px) !important;
    padding-left: 18px !important;
    padding-right: 18px !important;
    padding-bottom: 28px !important;
  }

  .home-menu-categories .home-category-pill,
  .home-category-strip .home-category-pill,
  .home-category-pill {
    flex: 0 0 112px !important;
    width: 112px !important;
    min-width: 112px !important;
    max-width: 112px !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 10px !important;
  }

  .home-menu-categories .home-category-icon,
  .home-category-strip .home-category-icon,
  .home-category-pill .home-category-icon,
  .home-menu-categories .home-category-pill.active .home-category-icon,
  .home-category-strip .home-category-pill.active .home-category-icon,
  .home-category-pill.active .home-category-icon {
    box-sizing: border-box !important;
    display: block !important;
    position: relative !important;
    width: 74px !important;
    height: 74px !important;
    min-width: 74px !important;
    min-height: 74px !important;
    max-width: 74px !important;
    max-height: 74px !important;
    flex: 0 0 74px !important;
    aspect-ratio: 1 / 1 !important;
    border-radius: 9999px !important;
    overflow: hidden !important;
    clip-path: circle(50% at 50% 50%) !important;
  }

  .home-menu-categories .home-category-icon .icon-media,
  .home-category-strip .home-category-icon .icon-media,
  .home-category-pill .home-category-icon .icon-media {
    box-sizing: border-box !important;
    display: block !important;
    position: absolute !important;
    inset: 0 !important;
    width: 74px !important;
    height: 74px !important;
    min-width: 74px !important;
    min-height: 74px !important;
    max-width: 74px !important;
    max-height: 74px !important;
    aspect-ratio: 1 / 1 !important;
    border-radius: 9999px !important;
    overflow: hidden !important;
    clip-path: circle(50% at 50% 50%) !important;
  }

  .home-menu-categories .home-category-icon .icon-media img,
  .home-category-strip .home-category-icon .icon-media img,
  .home-category-pill .home-category-icon .icon-media img,
  .home-menu-categories .home-category-icon > img,
  .home-category-strip .home-category-icon > img,
  .home-category-pill .home-category-icon > img {
    box-sizing: border-box !important;
    display: block !important;
    position: absolute !important;
    inset: 0 !important;
    top: 0 !important;
    left: 0 !important;
    width: 74px !important;
    height: 74px !important;
    min-width: 74px !important;
    min-height: 74px !important;
    max-width: 74px !important;
    max-height: 74px !important;
    aspect-ratio: 1 / 1 !important;
    object-fit: cover !important;
    object-position: center center !important;
    border-radius: 9999px !important;
    overflow: hidden !important;
    clip-path: circle(50% at 50% 50%) !important;
    transform: none !important;
    translate: none !important;
  }

  .home-menu-categories .home-category-pill > span:not(.home-category-icon),
  .home-category-strip .home-category-pill > span:not(.home-category-icon),
  .home-category-pill > span:not(.home-category-icon) {
    max-width: 112px !important;
    font-size: 12px !important;
    line-height: 1.12 !important;
  }
}

/* v131 - web kategori ikonları: hepsi aynı boyut + tam daire kilidi */
@media (min-width: 769px) {
  .home-menu-categories .home-category-icon,
  .home-category-strip .home-category-icon,
  .home-category-pill .home-category-icon,
  .home-category-pill.active .home-category-icon,
  .home-category-item .home-category-icon,
  .home-category-item.active .home-category-icon {
    box-sizing: border-box !important;
    display: block !important;
    position: relative !important;
    padding: 0 !important;
    margin: 0 auto !important;
    width: 74px !important;
    height: 74px !important;
    min-width: 74px !important;
    min-height: 74px !important;
    max-width: 74px !important;
    max-height: 74px !important;
    flex: 0 0 74px !important;
    aspect-ratio: 1 / 1 !important;
    border-radius: 50% !important;
    overflow: hidden !important;
    clip-path: circle(50% at 50% 50%) !important;
  }

  .home-menu-categories .home-category-icon > .icon-media,
  .home-category-strip .home-category-icon > .icon-media,
  .home-category-pill .home-category-icon > .icon-media,
  .home-category-item .home-category-icon > .icon-media,
  .home-menu-categories .home-category-icon > picture,
  .home-category-strip .home-category-icon > picture,
  .home-category-pill .home-category-icon > picture,
  .home-category-item .home-category-icon > picture,
  .home-menu-categories .home-category-icon > img,
  .home-category-strip .home-category-icon > img,
  .home-category-pill .home-category-icon > img,
  .home-category-item .home-category-icon > img {
    box-sizing: border-box !important;
    display: block !important;
    position: absolute !important;
    inset: 0 !important;
    width: 74px !important;
    height: 74px !important;
    min-width: 74px !important;
    min-height: 74px !important;
    max-width: 74px !important;
    max-height: 74px !important;
    aspect-ratio: 1 / 1 !important;
    border-radius: 50% !important;
    overflow: hidden !important;
    clip-path: circle(50% at 50% 50%) !important;
  }

  .home-menu-categories .home-category-icon > .icon-media img,
  .home-category-strip .home-category-icon > .icon-media img,
  .home-category-pill .home-category-icon > .icon-media img,
  .home-category-item .home-category-icon > .icon-media img,
  .home-menu-categories .home-category-icon > picture img,
  .home-category-strip .home-category-icon > picture img,
  .home-category-pill .home-category-icon > picture img,
  .home-category-item .home-category-icon > picture img,
  .home-menu-categories .home-category-icon > img,
  .home-category-strip .home-category-icon > img,
  .home-category-pill .home-category-icon > img,
  .home-category-item .home-category-icon > img {
    box-sizing: border-box !important;
    display: block !important;
    position: absolute !important;
    inset: 0 !important;
    width: 74px !important;
    height: 74px !important;
    min-width: 74px !important;
    min-height: 74px !important;
    max-width: 74px !important;
    max-height: 74px !important;
    aspect-ratio: 1 / 1 !important;
    object-fit: cover !important;
    object-position: center center !important;
    border-radius: 50% !important;
    overflow: hidden !important;
    clip-path: circle(50% at 50% 50%) !important;
    transform: none !important;
    translate: none !important;
  }
}

/* v132 - FINAL LOCK: ana sayfa kategori ikonlarının hepsi tam yuvarlak ve aynı boyut */
@media (min-width: 769px) {
  .home-menu-categories .home-category-pill,
  .home-category-strip .home-category-pill,
  .home-category-pill,
  .home-category-item {
    flex: 0 0 112px !important;
    width: 112px !important;
    min-width: 112px !important;
    max-width: 112px !important;
    gap: 10px !important;
    align-items: center !important;
    justify-content: flex-start !important;
  }

  .home-menu-categories .home-category-icon,
  .home-category-strip .home-category-icon,
  .home-category-pill .home-category-icon,
  .home-category-item .home-category-icon,
  .home-menu-categories .home-category-pill.active .home-category-icon,
  .home-category-strip .home-category-pill.active .home-category-icon,
  .home-category-pill.active .home-category-icon,
  .home-category-item.active .home-category-icon {
    box-sizing: border-box !important;
    display: block !important;
    position: relative !important;
    padding: 0 !important;
    margin: 0 auto !important;
    width: 74px !important;
    height: 74px !important;
    min-width: 74px !important;
    min-height: 74px !important;
    max-width: 74px !important;
    max-height: 74px !important;
    flex: 0 0 74px !important;
    aspect-ratio: 1 / 1 !important;
    border-radius: 50% !important;
    overflow: hidden !important;
    clip-path: circle(50% at 50% 50%) !important;
    -webkit-clip-path: circle(50% at 50% 50%) !important;
    -webkit-mask-image: radial-gradient(circle, #000 99%, transparent 100%) !important;
    mask-image: radial-gradient(circle, #000 99%, transparent 100%) !important;
    box-shadow: none !important;
  }

  .home-menu-categories .home-category-icon::before,
  .home-menu-categories .home-category-icon::after,
  .home-category-strip .home-category-icon::before,
  .home-category-strip .home-category-icon::after,
  .home-category-pill .home-category-icon::before,
  .home-category-pill .home-category-icon::after,
  .home-category-item .home-category-icon::before,
  .home-category-item .home-category-icon::after {
    border-radius: 50% !important;
    clip-path: circle(50% at 50% 50%) !important;
    -webkit-clip-path: circle(50% at 50% 50%) !important;
  }

  .home-menu-categories .home-category-icon > .icon-media,
  .home-category-strip .home-category-icon > .icon-media,
  .home-category-pill .home-category-icon > .icon-media,
  .home-category-item .home-category-icon > .icon-media,
  .home-menu-categories .home-category-icon > picture,
  .home-category-strip .home-category-icon > picture,
  .home-category-pill .home-category-icon > picture,
  .home-category-item .home-category-icon > picture,
  .home-menu-categories .home-category-icon > img,
  .home-category-strip .home-category-icon > img,
  .home-category-pill .home-category-icon > img,
  .home-category-item .home-category-icon > img {
    box-sizing: border-box !important;
    display: block !important;
    position: absolute !important;
    inset: 0 !important;
    width: 74px !important;
    height: 74px !important;
    min-width: 74px !important;
    min-height: 74px !important;
    max-width: 74px !important;
    max-height: 74px !important;
    aspect-ratio: 1 / 1 !important;
    border-radius: 50% !important;
    overflow: hidden !important;
    clip-path: circle(50% at 50% 50%) !important;
    -webkit-clip-path: circle(50% at 50% 50%) !important;
    -webkit-mask-image: radial-gradient(circle, #000 99%, transparent 100%) !important;
    mask-image: radial-gradient(circle, #000 99%, transparent 100%) !important;
  }

  .home-menu-categories .home-category-icon > .icon-media img,
  .home-category-strip .home-category-icon > .icon-media img,
  .home-category-pill .home-category-icon > .icon-media img,
  .home-category-item .home-category-icon > .icon-media img,
  .home-menu-categories .home-category-icon > picture img,
  .home-category-strip .home-category-icon > picture img,
  .home-category-pill .home-category-icon > picture img,
  .home-category-item .home-category-icon > picture img,
  .home-menu-categories .home-category-icon > img,
  .home-category-strip .home-category-icon > img,
  .home-category-pill .home-category-icon > img,
  .home-category-item .home-category-icon > img {
    box-sizing: border-box !important;
    display: block !important;
    position: absolute !important;
    inset: 0 !important;
    width: 74px !important;
    height: 74px !important;
    min-width: 74px !important;
    min-height: 74px !important;
    max-width: 74px !important;
    max-height: 74px !important;
    aspect-ratio: 1 / 1 !important;
    object-fit: cover !important;
    object-position: center center !important;
    border-radius: 50% !important;
    overflow: hidden !important;
    clip-path: circle(50% at 50% 50%) !important;
    -webkit-clip-path: circle(50% at 50% 50%) !important;
    -webkit-mask-image: radial-gradient(circle, #000 99%, transparent 100%) !important;
    mask-image: radial-gradient(circle, #000 99%, transparent 100%) !important;
    transform: none !important;
    translate: none !important;
    box-shadow: none !important;
  }
}

/* v133 - web ana sayfa kategoriler: tek üst çizgi + hepsi aynı boyut, tam yuvarlak ve biraz daha büyük */
@media (min-width: 769px) {
  /* başlığın altındaki tek çizgiyi bırak, ikonlardan önce çıkan ekstra çizgiyi kaldır */
  .home-menu-categories .home-section-head {
    margin: 0 0 10px !important;
    padding: 0 0 16px !important;
    border-bottom: 1px solid var(--lunqa-soft-border) !important;
  }

  .home-menu-categories .home-category-shell,
  .home-menu-categories .home-categories-shell,
  .home-menu-categories .home-category-panel,
  .home-menu-categories .categories-strip-shell,
  .home-menu-categories .home-modern-panel {
    border-top: 0 !important;
    box-shadow: none !important;
  }

  .home-menu-categories .home-category-strip,
  .home-category-strip,
  .home-categories-strip {
    border-top: 0 !important;
    margin-top: 0 !important;
    padding-top: 10px !important;
    gap: clamp(20px, 2vw, 30px) !important;
    padding-left: 18px !important;
    padding-right: 18px !important;
    padding-bottom: 30px !important;
  }

  .home-menu-categories .home-category-pill,
  .home-category-strip .home-category-pill,
  .home-category-pill,
  .home-category-item {
    flex: 0 0 118px !important;
    width: 118px !important;
    min-width: 118px !important;
    max-width: 118px !important;
    gap: 10px !important;
    align-items: center !important;
    justify-content: flex-start !important;
    text-align: center !important;
  }

  .home-menu-categories .home-category-icon,
  .home-category-strip .home-category-icon,
  .home-category-pill .home-category-icon,
  .home-category-item .home-category-icon,
  .home-menu-categories .home-category-pill.active .home-category-icon,
  .home-category-strip .home-category-pill.active .home-category-icon,
  .home-category-pill.active .home-category-icon,
  .home-category-item.active .home-category-icon {
    box-sizing: border-box !important;
    position: relative !important;
    display: block !important;
    width: 82px !important;
    height: 82px !important;
    min-width: 82px !important;
    min-height: 82px !important;
    max-width: 82px !important;
    max-height: 82px !important;
    flex: 0 0 82px !important;
    margin: 0 auto !important;
    padding: 0 !important;
    aspect-ratio: 1 / 1 !important;
    border-radius: 50% !important;
    overflow: hidden !important;
    clip-path: circle(50% at 50% 50%) !important;
    -webkit-clip-path: circle(50% at 50% 50%) !important;
    background: #f4ebe6 !important;
  }

  .home-menu-categories .home-category-pill.active .home-category-icon,
  .home-category-strip .home-category-pill.active .home-category-icon,
  .home-category-pill.active .home-category-icon,
  .home-category-item.active .home-category-icon {
    border: 2px solid #b80f20 !important;
    box-shadow: 0 0 0 3px rgba(184, 15, 32, .10) !important;
  }

  .home-menu-categories .home-category-icon > .icon-media,
  .home-category-strip .home-category-icon > .icon-media,
  .home-category-pill .home-category-icon > .icon-media,
  .home-category-item .home-category-icon > .icon-media,
  .home-menu-categories .home-category-icon > picture,
  .home-category-strip .home-category-icon > picture,
  .home-category-pill .home-category-icon > picture,
  .home-category-item .home-category-icon > picture,
  .home-menu-categories .home-category-icon > img,
  .home-category-strip .home-category-icon > img,
  .home-category-pill .home-category-icon > img,
  .home-category-item .home-category-icon > img {
    position: absolute !important;
    inset: 0 !important;
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    min-width: 100% !important;
    min-height: 100% !important;
    border-radius: 50% !important;
    overflow: hidden !important;
    clip-path: circle(50% at 50% 50%) !important;
    -webkit-clip-path: circle(50% at 50% 50%) !important;
  }

  .home-menu-categories .home-category-icon > .icon-media img,
  .home-category-strip .home-category-icon > .icon-media img,
  .home-category-pill .home-category-icon > .icon-media img,
  .home-category-item .home-category-icon > .icon-media img,
  .home-menu-categories .home-category-icon > picture img,
  .home-category-strip .home-category-icon > picture img,
  .home-category-pill .home-category-icon > picture img,
  .home-category-item .home-category-icon > picture img,
  .home-menu-categories .home-category-icon > img,
  .home-category-strip .home-category-icon > img,
  .home-category-pill .home-category-icon > img,
  .home-category-item .home-category-icon > img,
  .home-menu-categories .home-category-icon > svg,
  .home-category-strip .home-category-icon > svg,
  .home-category-pill .home-category-icon > svg,
  .home-category-item .home-category-icon > svg {
    position: absolute !important;
    inset: 0 !important;
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    min-width: 100% !important;
    min-height: 100% !important;
    object-fit: cover !important;
    object-position: center center !important;
    border-radius: 50% !important;
    overflow: hidden !important;
    clip-path: circle(50% at 50% 50%) !important;
    -webkit-clip-path: circle(50% at 50% 50%) !important;
    transform: none !important;
    translate: none !important;
  }

  .home-menu-categories .home-category-pill > span:not(.home-category-icon),
  .home-category-strip .home-category-pill > span:not(.home-category-icon),
  .home-category-pill > span:not(.home-category-icon),
  .home-category-item > span:not(.home-category-icon) {
    max-width: 118px !important;
    font-size: 12px !important;
    line-height: 1.12 !important;
  }
}