:root {
  --hm-surface-dark: #12131A;
  --hm-surface-card-dark: #1C1E27;
  /* Ürün detay üstünde ana renk şeridi/gölgesi olmasın */
  --hm-modal-bg-dark: #1A1A22;
  --hm-modal-media-dark: #14141c;
  --hm-modal-table-dark: #22222c;
  --hm-img-ph-bg: #f0f2f5;
  --hm-img-ph-bg-dark: #2a2c36;
  --hm-logo-ph-bg: #ffffff;
  --hm-logo-ph-bg-dark: #ffffff;
  --hm-border-dark: rgba(255,255,255,.12);
  --hm-border-dark-soft: rgba(255,255,255,.08);
  --hm-product-row-h: 88px;
  --hm-product-row-h-t10: 100px;
  --hm-product-thumb: 72px;
}

/* Misafir menü: basılı tutunca seç / kopyala çıkmasın (input hariç) */
html, body, #menuContent, #landingScreen, .hm-landing-screen, .landing-screen {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
}
img, video, svg, canvas {
  -webkit-user-drag: none;
  user-select: none;
  -webkit-touch-callout: none;
}
input, textarea, select, [contenteditable="true"], [contenteditable=""] {
  -webkit-user-select: text !important;
  -moz-user-select: text !important;
  user-select: text !important;
  -webkit-touch-callout: default !important;
}

/* ---- Evrensel: eşit liste satır yüksekliği + başlık kısaltma ---- */
body.hm-has-global-header #menuContent .product:not(.i18n-hidden),
body.hm-has-global-header #menuContent .product-row:not(.i18n-hidden),
body.hm-has-global-header #menuContent .product-item:not(.i18n-hidden),
body.hm-has-global-header #menuContent .products-table-mobile-row:not(.i18n-hidden),
body.hm-has-global-header #menuContent main .menu-item:not(.i18n-hidden) {
  min-height: var(--hm-product-row-h) !important;
  align-items: center !important;
  box-sizing: border-box !important;
}
body.hm-has-global-header #menuContent .products-table-mobile-row:not(.i18n-hidden) {
  height: var(--hm-product-row-h) !important;
  max-height: var(--hm-product-row-h) !important;
  overflow: hidden !important;
}
body.hm-has-global-header #menuContent main .menu-item:not(.i18n-hidden) {
  height: var(--hm-product-row-h) !important;
  max-height: var(--hm-product-row-h) !important;
  overflow: hidden !important;
}
body.hm-has-global-header #menuContent .menu-item-title,
body.hm-has-global-header #menuContent .product-name,
body.hm-has-global-header #menuContent .product .product-name,
body.hm-has-global-header #menuContent .item-name,
body.hm-has-global-header #menuContent .products-table-mobile-name,
body.hm-has-global-header #menuContent .product-name-cell {
  display: -webkit-box !important;
  -webkit-line-clamp: 2 !important;
  line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
  line-height: 1.3 !important;
  max-height: none !important;
}
body.hm-theme-3.hm-has-global-header #menuContent.hm-inline-view-grid .menu-grid .menu-item > .item-name {
  max-height: none !important;
  min-height: calc(2 * 1.3em) !important;
  line-height: 1.3 !important;
  box-sizing: content-box !important;
}
body.hm-has-global-header #menuContent .menu-grid {
  align-items: stretch !important;
}
body.hm-has-global-header #menuContent .menu-grid .menu-item {
  display: flex !important;
  flex-direction: column !important;
  height: 100% !important;
  min-height: 100% !important;
  max-height: none !important;
  overflow: hidden !important;
}
body.hm-has-global-header #menuContent .menu-grid .menu-item .product-list-img,
body.hm-has-global-header #menuContent .menu-grid .menu-item > img {
  width: 100% !important;
  aspect-ratio: 1 / 1 !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  flex-shrink: 0 !important;
}
/* T3 liste: column + kare görsel ismi taşırıp gizler — yatay satıra zorla */
body.hm-theme-3.hm-has-global-header #menuContent.hm-inline-view-list .menu-grid .menu-item {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  justify-content: flex-start !important;
  direction: ltr !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  overflow: visible !important;
  padding: 10px 12px !important;
  gap: 12px !important;
}
body.hm-theme-3.hm-has-global-header #menuContent.hm-inline-view-list .menu-grid .menu-item > .product-list-img,
body.hm-theme-3.hm-has-global-header #menuContent.hm-inline-view-list .menu-grid .menu-item > img,
body.hm-theme-3.hm-has-global-header #menuContent.hm-inline-view-list .menu-grid .menu-item:not(.i18n-hidden) > .product-list-img,
body.hm-theme-3.hm-has-global-header #menuContent.hm-inline-view-list .menu-grid .menu-item:not(.i18n-hidden) > img:first-of-type {
  width: 72px !important;
  height: 72px !important;
  min-width: 72px !important;
  max-width: 72px !important;
  min-height: 72px !important;
  max-height: 72px !important;
  aspect-ratio: auto !important;
  border-radius: 8px !important;
  flex: 0 0 72px !important;
  order: 0 !important;
}
body.hm-theme-3.hm-has-global-header #menuContent.hm-inline-view-list .menu-grid .menu-item:has(> .hm-pf-img-host) > img,
body.hm-theme-3.hm-has-global-header #menuContent.hm-inline-view-list .menu-grid .menu-item:has(> .hm-pf-img-host) > .product-list-img,
body.hm-theme-3.hm-has-global-header #menuContent.hm-inline-view-list .menu-grid .menu-item > img[data-hm-camp-dup='1'],
body.hm-theme-3.hm-has-global-header #menuContent.hm-inline-view-list .menu-grid .menu-item > .product-list-img[data-hm-camp-dup='1'] {
  display: none !important;
  width: 0 !important; height: 0 !important; min-width: 0 !important; max-width: 0 !important;
  flex: 0 0 0 !important; margin: 0 !important; padding: 0 !important;
  position: absolute !important; left: -9999px !important; opacity: 0 !important;
}
body.hm-theme-3.hm-has-global-header #menuContent.hm-inline-view-list .menu-grid .menu-item > .hm-pf-img-host {
  width: 72px !important;
  height: 72px !important;
  min-width: 72px !important;
  max-width: 72px !important;
  flex: 0 0 72px !important;
  border-radius: 8px !important;
  overflow: hidden !important;
  order: 0 !important;
  align-self: center !important;
}
/* Fiyat tam görünsün; isim esner (ellipsis) */
body.hm-theme-3.hm-has-global-header #menuContent.hm-inline-view-list .menu-grid .menu-item > .hm-pf-price-row {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  flex: 0 0 auto !important;
  width: auto !important;
  min-width: max-content !important;
  max-width: none !important;
  margin: 0 0 0 auto !important;
  margin-top: 0 !important;
  order: 0 !important;
  align-self: center !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 8px !important;
  direction: ltr !important;
  overflow: visible !important;
  box-sizing: border-box !important;
}
body.hm-theme-3.hm-has-global-header #menuContent.hm-inline-view-list .menu-grid .menu-item > .item-name {
  display: block !important;
  flex: 1 1 auto !important;
  min-width: 0 !important;
  max-width: none !important;
  order: 0 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  text-align: left !important;
  -webkit-line-clamp: unset !important;
  max-height: none !important;
  visibility: visible !important;
  opacity: 1 !important;
  color: var(--secondary-color, #1f2937) !important;
}
body.hm-theme-3.hm-gh-dark.hm-has-global-header #menuContent.hm-inline-view-list .menu-grid .menu-item > .item-name {
  color: #f0f2f5 !important;
}
body.hm-theme-3.hm-has-global-header #menuContent.hm-inline-view-list .menu-grid .menu-item > .hm-pf-price-row > .hm-pf-card-rating {
  flex: 0 1 auto !important;
  min-width: 0 !important;
  max-width: none !important;
  margin: 0 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  position: static !important;
}
body.hm-theme-3.hm-has-global-header #menuContent.hm-inline-view-list .menu-grid .menu-item > .hm-pf-price-row > .price {
  flex: 0 0 auto !important;
  min-width: max-content !important;
  max-width: none !important;
  margin: 0 !important;
  overflow: visible !important;
  text-overflow: clip !important;
  white-space: nowrap !important;
  position: static !important;
  text-align: right !important;
}
body.hm-has-global-header #menuContent .product img,
body.hm-has-global-header #menuContent .product .product-list-img,
body.hm-has-global-header #menuContent main .menu-item > .product-list-img,
body.hm-has-global-header #menuContent main .menu-item > img.product-list-img,
body.hm-has-global-header #menuContent .products-table-mobile-row > img,
body.hm-has-global-header #menuContent .products-table-mobile-row > .product-list-img,
body.hm-has-global-header #menuContent .product-image-cell img,
body.hm-has-global-header #menuContent .product-item > img,
body.hm-has-global-header #menuContent .product-item > .product-list-img,
body.hm-has-global-header #menuContent .product-item > .hm-pf-img-host {
  width: var(--hm-product-thumb) !important;
  height: var(--hm-product-thumb) !important;
  min-width: var(--hm-product-thumb) !important;
  max-width: var(--hm-product-thumb) !important;
  min-height: var(--hm-product-thumb) !important;
  max-height: var(--hm-product-thumb) !important;
  flex-shrink: 0 !important;
}
body.hm-has-global-header #menuContent .product-item > .hm-pf-img-host {
  flex: 0 0 var(--hm-product-thumb) !important;
  border-radius: 8px !important;
  overflow: hidden !important;
  aspect-ratio: auto !important;
}
body.hm-has-global-header #menuContent .product-item > .hm-pf-img-host > img,
body.hm-has-global-header #menuContent .product-item > .hm-pf-img-host > picture > img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center !important;
}
body.hm-has-global-header #menuContent img.hm-img-placeholder,
body.hm-has-global-header #menuContent .product-list-img.hm-img-placeholder {
  object-fit: contain !important;
  object-position: center !important;
  padding: 10px !important;
  box-sizing: border-box !important;
  background: var(--hm-img-ph-bg) !important;
}
body.hm-has-global-header #menuContent .product img.hm-img-placeholder,
body.hm-has-global-header #menuContent .product .product-list-img.hm-img-placeholder {
  background: #ffffff !important;
  width: 80px !important;
  height: 80px !important;
  min-width: 80px !important;
  min-height: 80px !important;
}
body.hm-has-global-header #menuContent img:not(.hm-img-placeholder).product-list-img,
body.hm-has-global-header #menuContent .product img:not(.hm-img-placeholder),
body.hm-has-global-header #menuContent main .menu-item > img:not(.hm-img-placeholder) {
  object-fit: cover !important;
  padding: 0 !important;
  background: transparent !important;
}

body.hm-has-global-header #menuContent .product-grid .product-card,
body.hm-has-global-header #menuContent .products-grid .product-card {
  display: flex !important;
  flex-direction: column !important;
  height: 100% !important;
  min-height: 100% !important;
}
body.hm-has-global-header #menuContent .product-grid,
body.hm-has-global-header #menuContent .products-grid {
  align-items: stretch !important;
}
body.hm-gh-dark #menuContent .product-card,
body.hm-gh-dark #menuContent .product-grid .product-card,
body.hm-gh-dark #menuContent .products-grid .product-card {
  background: var(--hm-surface-card-dark) !important;
  background-color: var(--hm-surface-card-dark) !important;
}
body.hm-gh-dark #menuContent .product-card img.hm-img-placeholder,
body.hm-gh-dark #menuContent .product-image-wrapper img.hm-img-placeholder {
  background-color: var(--hm-logo-ph-bg-dark, #ffffff) !important;
}

/* ---- 1/3 Modal: tam içerik + dikey ortalama + iç scroll ---- */
#productDetails .pm-image-wrap {
  background: #ffffff !important;
  overflow: hidden !important;
  height: 280px !important;
  min-height: 220px !important;
  max-height: 320px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  z-index: 1 !important;
  /* Üst köşelerde ana renk sızıntısı olmasın */
  box-shadow: none !important;
  border: none !important;
  outline: none !important;
}
#productDetails .pm-modal {
  max-height: min(88vh, calc(100dvh - 40px)) !important;
  overflow-y: auto !important;
  -webkit-overflow-scrolling: touch;
  border-top: none !important;
  box-shadow: 0 20px 60px rgba(0,0,0,0.35) !important;
}
body.hm-has-global-header #productDetails.pm-open,
body.hm-has-global-header #productDetails.pm-closing {
  top: 0 !important;
}
body.hm-has-global-header #productDetails.pm-open .pm-modal,
body.hm-has-global-header #productDetails.pm-closing .pm-modal {
  max-height: min(88vh, calc(100dvh - 40px)) !important;
}
#productDetails .product-details-content { padding-bottom: 14px !important; }
#productDetails .product-details-name {
  line-height: 1.3 !important;
  overflow: visible !important;
  padding-bottom: 2px;
  font-family: var(--menu-font-family, system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif) !important;
  font-weight: 700 !important;
}
#productDetails #detailDescription,
#productDetails .product-details-description,
#productDetails .product-details-variants-table,
#productDetails .product-details-variants-table td,
#productDetails .product-details-variants-table th {
  font-family: var(--menu-font-family, system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif) !important;
  -webkit-font-smoothing: antialiased;
}
#productDetails #detailDescription {
  display: block !important;
  max-height: none !important;
  -webkit-line-clamp: unset !important;
  overflow: visible !important;
  font-size: 15px !important;
  line-height: 1.55 !important;
  color: #374151 !important;
}
#productDetails.pm-open .pm-modal,
#productDetails.pm-open .pm-modal * {
  filter: none !important;
}
#productDetails #detailDescription:empty,
#productDetails #detailCalories:empty,
#productDetails #detailImageGallery:empty { display: none !important; }
#productDetails #detailImage:not(.hm-img-placeholder),
#productDetails .pm-image-wrap #detailImage:not(.hm-img-placeholder) {
  object-fit: cover !important;
  object-position: center !important;
  width: 100% !important;
  height: 100% !important;
  min-height: 220px !important;
  max-height: 320px !important;
  background: transparent !important;
  background-color: transparent !important;
  padding: 0 !important;
  opacity: 1 !important;
  filter: none !important;
  mix-blend-mode: normal !important;
}
#productDetails #detailImage.hm-img-placeholder,
#productDetails .pm-image-wrap #detailImage.hm-img-placeholder,
#productDetails .pm-image-wrap .hm-img-placeholder {
  object-fit: contain !important;
  object-position: center !important;
  width: 100% !important;
  height: 100% !important;
  min-height: 220px !important;
  max-height: 320px !important;
  padding: 0 !important;
  box-sizing: border-box !important;
  background: transparent !important;
}
/* Liste/grid: logo placeholder küçük padding ile */
#menuContent img.hm-img-placeholder,
#menuContent .item-icon.hm-img-placeholder,
#menuContent img[data-hm-logo-ph='1'],
#menuContent .product-list-img[data-hm-logo-ph='1'] {
  object-fit: contain !important;
  object-position: center !important;
  box-sizing: border-box !important;
  background: var(--hm-logo-ph-bg, #ffffff) !important;
}
#menuContent .menu-card .item-icon.hm-img-placeholder,
#menuContent .menu-card .item-icon[data-hm-logo-ph='1'] {
  width: 52px !important;
  height: 52px !important;
  min-width: 52px !important;
  min-height: 52px !important;
  max-width: 52px !important;
  max-height: 52px !important;
  padding: 10px !important;
  object-fit: contain !important;
  background: var(--hm-logo-ph-bg, #ffffff) !important;
  opacity: 1 !important;
}
#menuContent .product img.hm-img-placeholder,
#menuContent .product .product-list-img.hm-img-placeholder,
#menuContent .product img[data-hm-logo-ph='1'],
#menuContent .product .product-list-img[data-hm-logo-ph='1'],
#menuContent .product-item > img.hm-img-placeholder,
#menuContent .products-table-mobile-row > img.hm-img-placeholder {
  padding: 10px !important;
  width: var(--hm-product-thumb, 72px) !important;
  height: var(--hm-product-thumb, 72px) !important;
  min-width: var(--hm-product-thumb, 72px) !important;
  min-height: var(--hm-product-thumb, 72px) !important;
}
body.hm-theme-2 #menuContent .product img.hm-img-placeholder,
body.hm-theme-2 #menuContent .product .product-list-img.hm-img-placeholder {
  width: 80px !important;
  height: 80px !important;
  min-width: 80px !important;
  min-height: 80px !important;
}
#menuContent .product-list-img:not(.hm-img-placeholder),
#menuContent .menu-item-image:not(.hm-img-placeholder),
#menuContent .product-image:not(.hm-img-placeholder),
#menuContent .products-table-mobile-row img:not(.hm-img-placeholder),
#menuContent .product-image-cell img:not(.hm-img-placeholder) {
  object-fit: cover !important;
  object-position: center !important;
  background: transparent !important;
  padding: 0 !important;
}

/* Liste metin kontrastı (açık mod) — sihirbaz palet renkleri */
body.hm-has-global-header #menuContent .product-name-cell,
body.hm-has-global-header #menuContent .products-table-mobile-name,
body.hm-has-global-header #menuContent .product-item .product-name,
body.hm-has-global-header #menuContent .menu-item-title,
body.hm-has-global-header #menuContent .item-name,
body.hm-has-global-header #menuContent .product-card .product-name,
body.hm-has-global-header #menuContent .product-row .product-name,
body.hm-has-global-header #menuContent .product .product-name {
  color: var(--hm-card-text, var(--hm-menu-text, var(--hm-text, #1f2937))) !important;
}
body.hm-has-global-header #menuContent .product-description-cell,
body.hm-has-global-header #menuContent .products-table-mobile-desc,
body.hm-has-global-header #menuContent .product-item .product-description,
body.hm-has-global-header #menuContent .menu-item-desc,
body.hm-has-global-header #menuContent .item-desc {
  color: var(--hm-card-desc, var(--hm-menu-desc, var(--hm-text-soft, #6b7280))) !important;
}
body.hm-has-global-header #menuContent .product-price-cell,
body.hm-has-global-header #menuContent .products-table-mobile-price,
body.hm-has-global-header #menuContent .product-item .product-price,
body.hm-has-global-header #menuContent .product .product-price,
body.hm-has-global-header #menuContent .menu-item-price,
body.hm-has-global-header #menuContent .item-price {
  color: var(--hm-card-price, var(--hm-menu-price, var(--hm-accent, #1f2937))) !important;
}

/* Açık mod liste ayraçları */
body.hm-has-global-header #menuContent .products-table-mobile-row,
body.hm-has-global-header #menuContent .product-row,
body.hm-has-global-header #menuContent .menu-item:not(:last-child) {
  border-bottom: 1px solid rgba(0,0,0,.08);
}

/* ---- 5/6/7 Karanlık mod: yumuşak zemin + modal içi koyu + üst boşluk yok ---- */
body.hm-gh-dark,
body.hm-gh-dark #menuContent,
body.t16-dark #menuContent {
  background: var(--hm-surface-dark) !important;
  color: #e8eaef !important;
}
body.hm-gh-dark #menuContent .menu-item,
body.hm-gh-dark #menuContent .product-card,
body.hm-gh-dark #menuContent .menu-card,
body.hm-gh-dark #menuContent .product-row,
body.hm-gh-dark #menuContent .product-item,
body.hm-gh-dark #menuContent .product,
body.hm-gh-dark #menuContent .products-table-mobile-row,
body.hm-gh-dark #menuContent .products-table tbody tr,
body.t16-dark #menuContent .t16-product-card,
body.t16-dark #menuContent .t16-popular-card {
  background: var(--hm-surface-card-dark) !important;
  background-color: var(--hm-surface-card-dark) !important;
  color: #e8eaef !important;
  border-color: transparent !important;
}
body.hm-gh-dark #menuContent .menu-item:hover,
body.hm-gh-dark #menuContent .product:hover,
body.hm-gh-dark #menuContent .product-card:hover {
  background-color: var(--hm-surface-card-dark) !important;
}
body.hm-gh-dark #menuContent .menu-grid .menu-item,
body.hm-gh-dark #menuContent .product-grid .product-card {
  background: var(--hm-surface-card-dark) !important;
  background-color: var(--hm-surface-card-dark) !important;
}
body.hm-gh-dark #menuContent img.hm-img-placeholder,
body.hm-gh-dark #menuContent img[data-hm-logo-ph='1'],
body.hm-gh-dark #menuContent .item-icon.hm-img-placeholder,
body.hm-gh-dark #menuContent .product-list-img.hm-img-placeholder,
body.hm-gh-dark #menuContent .product-image.hm-img-placeholder,
body.hm-gh-dark #menuContent .menu-item img.hm-img-placeholder,
body.hm-gh-dark #menuContent .product img.hm-img-placeholder,
body.hm-gh-dark #menuContent .product-card img.hm-img-placeholder,
body.hm-gh-dark #menuContent .product-row > img.hm-img-placeholder,
body.hm-gh-dark #menuContent .product-row > img[data-hm-logo-ph='1'],
body.t16-dark #menuContent img.hm-img-placeholder,
body.t16-dark #menuContent img[data-hm-logo-ph='1'] {
  background: var(--hm-logo-ph-bg-dark, #ffffff) !important;
  background-color: var(--hm-logo-ph-bg-dark, #ffffff) !important;
  object-fit: contain !important;
  padding: 10px !important;
  box-sizing: border-box !important;
  opacity: 1 !important;
}
body.hm-gh-dark #menuContent .menu-grid .menu-item img.hm-img-placeholder,
body.hm-gh-dark #menuContent .menu-grid .menu-item .product-list-img.hm-img-placeholder {
  background: var(--hm-logo-ph-bg-dark, #ffffff) !important;
  padding: 10px !important;
}
body.hm-gh-dark #menuContent .products-table-mobile-row,
body.hm-gh-dark #menuContent .products-table tbody tr,
body.hm-gh-dark #menuContent .product-row {
  border-bottom: 1px solid var(--hm-border-dark) !important;
}
body.hm-gh-dark #menuContent .products-table-mobile-row img:not(.hm-img-placeholder),
body.hm-gh-dark #menuContent .product-image-cell img:not(.hm-img-placeholder),
body.hm-gh-dark #menuContent .product-list-img:not(.hm-img-placeholder) {
  background: transparent !important;
  object-fit: cover !important;
}

/* Modal karanlık yüzey */
body.hm-gh-dark #productDetails .pm-modal,
body.t16-dark #productDetails .pm-modal {
  background: var(--hm-modal-bg-dark) !important;
  color: #e8eaef !important;
  border-radius: 16px !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
}
body.hm-gh-dark #productDetails .pm-image-wrap,
body.hm-gh-dark #productDetails #detailImage,
body.t16-dark #productDetails .pm-image-wrap,
body.t16-dark #productDetails #detailImage {
  background: var(--hm-modal-media-dark, #14141c) !important;
  border-radius: 16px 16px 0 0 !important;
  margin-top: 0 !important;
  box-shadow: none !important;
  border: none !important;
}
body.hm-gh-dark #productDetails #detailImage:not(.hm-img-placeholder),
body.t16-dark #productDetails #detailImage:not(.hm-img-placeholder) {
  background: transparent !important;
  background-color: transparent !important;
  object-fit: cover !important;
}
body.hm-gh-dark #productDetails .pm-image-wrap:has(#detailImage:not(.hm-img-placeholder)),
body.t16-dark #productDetails .pm-image-wrap:has(#detailImage:not(.hm-img-placeholder)) {
  background: var(--hm-modal-media-dark) !important;
}
body.hm-gh-dark #productDetails #detailImage.hm-img-placeholder,
body.t16-dark #productDetails #detailImage.hm-img-placeholder {
  background: var(--hm-modal-media-dark) !important;
}
body.hm-gh-dark #productDetails .pm-modal > *:first-child,
body.t16-dark #productDetails .pm-modal > *:first-child {
  margin-top: 0 !important;
  border-radius: 16px 16px 0 0 !important;
}
body.hm-gh-dark #productDetails #detailImageGallery,
body.t16-dark #productDetails #detailImageGallery {
  background: var(--hm-modal-bg-dark) !important;
  padding: 8px 12px !important;
}
body.hm-gh-dark #productDetails .product-details-content,
body.t16-dark #productDetails .product-details-content {
  background: var(--hm-modal-bg-dark) !important;
  color: #e8eaef !important;
}
body.hm-gh-dark #productDetails .product-details-name,
body.t16-dark #productDetails .product-details-name { color: var(--hm-detail-text, var(--hm-card-text, var(--hm-menu-text, #f0f2f5))) !important; }
body.hm-gh-dark #productDetails .product-details-description,
body.hm-gh-dark #productDetails .hm-desc-line,
body.hm-gh-dark #productDetails .hm-detail-calories,
body.t16-dark #productDetails .product-details-description,
body.t16-dark #productDetails .hm-desc-line,
body.t16-dark #productDetails .hm-detail-calories { color: #b8bcc8 !important; }
body.hm-gh-dark #productDetails .product-details-variants-table,
body.t16-dark #productDetails .product-details-variants-table {
  background: var(--hm-modal-table-dark) !important;
  border-color: var(--hm-border-dark-soft) !important;
  box-shadow: none !important;
}
body.hm-gh-dark #productDetails .product-details-variants-table tbody tr,
body.t16-dark #productDetails .product-details-variants-table tbody tr {
  border-bottom-color: var(--hm-border-dark-soft) !important;
  background: transparent !important;
}
body.hm-gh-dark #productDetails .product-details-variants-table tbody tr:hover,
body.t16-dark #productDetails .product-details-variants-table tbody tr:hover {
  background: rgba(255,255,255,.04) !important;
  box-shadow: none !important;
  transform: none !important;
}
body.hm-gh-dark #productDetails .product-details-variants-table td,
body.hm-gh-dark #productDetails .product-details-variants-table td:first-child,
body.t16-dark #productDetails .product-details-variants-table td,
body.t16-dark #productDetails .product-details-variants-table td:first-child {
  color: #e8eaef !important;
}
body.hm-gh-dark #productDetails .product-details-variants-table td:last-child,
body.t16-dark #productDetails .product-details-variants-table td:last-child {
  color: var(--hm-accent-dark, #c8d0f0) !important;
}
body.hm-gh-dark #productDetails .product-details-variants-table thead,
body.hm-gh-dark #productDetails .product-details-variants-table th,
body.t16-dark #productDetails .product-details-variants-table thead,
body.t16-dark #productDetails .product-details-variants-table th {
  color: var(--hm-brand-fg, #1f2937) !important;
}
body.hm-gh-dark #productDetails .product-details-price,
body.t16-dark #productDetails .product-details-price {
  color: var(--hm-detail-price, var(--hm-card-price, var(--hm-menu-price, #fff))) !important;
}
body.hm-gh-dark #productDetails .pm-nav,
body.t16-dark #productDetails .pm-nav {
  background: color-mix(in srgb, var(--hm-modal-bg-dark) 92%, transparent) !important;
  color: var(--hm-accent-dark, #c8d0f0) !important;
  border: 1px solid var(--hm-border-dark-soft) !important;
}
body.hm-gh-dark #productDetails .product-details-image-thumb,
body.t16-dark #productDetails .product-details-image-thumb {
  background: var(--hm-modal-media-dark) !important;
  object-fit: cover !important;
}

/* Template 15 vb.: pm-modal sarmalayıcısı olmayan tam ekran detay */
body.hm-gh-dark #productDetails:not(:has(.pm-modal)) {
  background: var(--hm-modal-bg-dark) !important;
  color: #e8eaef !important;
}
body.hm-gh-dark #productDetails:not(:has(.pm-modal)) #detailImage {
  background: var(--hm-modal-media-dark) !important;
}
body.hm-gh-dark #productDetails:not(:has(.pm-modal)) .product-details-content,
body.hm-gh-dark #productDetails:not(:has(.pm-modal)) .product-details-variants-table {
  background: var(--hm-modal-table-dark) !important;
  color: #e8eaef !important;
}
body.hm-gh-dark #productDetails:not(:has(.pm-modal)) .product-details-name { color: var(--hm-detail-text, var(--hm-card-text, var(--hm-menu-text, #f0f2f5))) !important; }
body.hm-gh-dark #productDetails:not(:has(.pm-modal)) .product-details-description,
body.hm-gh-dark #productDetails:not(:has(.pm-modal)) .hm-desc-line,
body.hm-gh-dark #productDetails:not(:has(.pm-modal)) .hm-detail-calories { color: var(--hm-detail-desc, var(--hm-card-desc, var(--hm-menu-desc, #b8bcc8))) !important; }

/* Açık mod modal — sihirbaz palet renklerini kullan (sabit hex ezmesin) */
body.hm-has-global-header:not(.hm-gh-dark):not(.t16-dark) #productDetails .product-details-name,
body.hm-has-global-header:not(.hm-gh-dark):not(.t16-dark) #productDetails #detailName { color: var(--hm-detail-text, var(--hm-card-text, var(--hm-menu-text, #1f2937))) !important; }
body.hm-has-global-header:not(.hm-gh-dark):not(.t16-dark) #productDetails .product-details-description,
body.hm-has-global-header:not(.hm-gh-dark):not(.t16-dark) #productDetails #detailDescription { color: var(--hm-detail-desc, var(--hm-card-desc, var(--hm-menu-desc, #5b6470))) !important; }
body.hm-has-global-header:not(.hm-gh-dark):not(.t16-dark) #productDetails .product-details-price,
body.hm-has-global-header:not(.hm-gh-dark):not(.t16-dark) #productDetails #detailPrice { color: var(--hm-detail-price, var(--hm-card-price, var(--hm-menu-price, var(--primary-color)))) !important; }
body.hm-has-global-header:not(.hm-gh-dark):not(.t16-dark) #productDetails .product-details-variants-table thead,
body.hm-has-global-header:not(.hm-gh-dark):not(.t16-dark) #productDetails .product-details-variants-table th { color: var(--hm-brand-fg, #fff) !important; }
body.hm-has-global-header:not(.hm-gh-dark):not(.t16-dark) #productDetails .product-details-variants-table td:last-child {
  color: var(--hm-accent-light, #1f2937) !important;
}

/* Karanlık mod modal başlık — açık mod kurallarından sonra, yüksek özgüllük */
body.hm-gh-dark #productDetails #detailName,
body.hm-gh-dark #productDetails .pm-modal .product-details-name,
body.hm-gh-dark #productDetails .pm-modal #detailName,
body.t16-dark #productDetails #detailName,
body.t16-dark #productDetails .pm-modal .product-details-name {
  color: var(--hm-detail-text, var(--hm-card-text, var(--hm-menu-text, #f0f2f5))) !important;
}
body.hm-gh-dark #productDetails .product-details-description,
body.hm-gh-dark #productDetails #detailDescription,
body.hm-gh-dark #productDetails #detailDesc,
body.t16-dark #productDetails .product-details-description,
body.t16-dark #productDetails #detailDescription,
body.t16-dark #productDetails #detailDesc {
  color: var(--hm-detail-desc, var(--hm-card-desc, var(--hm-menu-desc, #b8bcc8))) !important;
}

/* ---- Template 2: sabit görsel kutusu + karanlık mod liste ---- */
body.hm-theme-2 #menuContent .product img,
body.hm-theme-2 #menuContent .product .product-list-img {
  width: 80px !important;
  height: 80px !important;
  min-width: 80px !important;
  max-width: 80px !important;
  min-height: 80px !important;
  max-height: 80px !important;
  flex-shrink: 0 !important;
  border-radius: 8px !important;
}
body.hm-theme-2 #menuContent .product img.hm-img-placeholder,
body.hm-theme-2 #menuContent .product .product-list-img.hm-img-placeholder {
  object-fit: contain !important;
  padding: 10px !important;
  box-sizing: border-box !important;
  background: #ffffff !important;
  width: 80px !important;
  height: 80px !important;
  min-width: 80px !important;
  min-height: 80px !important;
}
body.hm-theme-2 #menuContent .product img:not(.hm-img-placeholder),
body.hm-theme-2 #menuContent .product .product-list-img:not(.hm-img-placeholder) {
  object-fit: cover !important;
  padding: 0 !important;
  background: transparent !important;
}
body.hm-theme-2 #menuContent .categories,
body.hm-theme-2 #menuContent .products,
body.hm-theme-2 .categories,
body.hm-theme-2 .products {
  background: var(--hm-page-bg) !important;
}
body.hm-theme-2 #menuContent .product,
body.hm-theme-2 .product {
  background: var(--hm-card-bg) !important;
}
body.hm-theme-2.hm-gh-dark #menuContent .products,
body.hm-theme-2.hm-gh-dark .products {
  background: var(--hm-surface-dark) !important;
}
body.hm-theme-2.hm-gh-dark #menuContent .product,
body.hm-theme-2.hm-gh-dark .product {
  background: var(--hm-surface-card-dark) !important;
  box-shadow: 0 2px 8px rgba(0,0,0,.25) !important;
}
body.hm-theme-2.hm-gh-dark #menuContent .product-name,
body.hm-theme-2.hm-gh-dark .product-name {
  color: #f0f2f5 !important;
}
body.hm-theme-2.hm-gh-dark #menuContent .product-price,
body.hm-theme-2.hm-gh-dark .product-price {
  color: var(--hm-accent-dark, #c8d0f0) !important;
}
body.hm-theme-2.hm-gh-dark #menuContent .categories,
body.hm-theme-2.hm-gh-dark .categories {
  background: var(--hm-surface-dark) !important;
}
body.hm-theme-2.hm-gh-dark #menuContent .category-tabs,
body.hm-theme-2.hm-gh-dark .category-tabs {
  background: var(--hm-surface-card-dark) !important;
  border-bottom-color: var(--hm-border-dark-soft) !important;
}
body.hm-theme-2.hm-gh-dark #menuContent .product img.hm-img-placeholder,
body.hm-theme-2.hm-gh-dark .product img.hm-img-placeholder {
  background: var(--hm-img-ph-bg-dark) !important;
}

/* ---- Template 3: grid kartlar + karanlık mod ---- */
body.hm-theme-3.hm-gh-dark,
body.hm-theme-3.hm-gh-dark #menuContent {
  background: var(--hm-surface-dark) !important;
}
body.hm-theme-3.hm-gh-dark #menuContent .menu-item,
body.hm-theme-3.hm-gh-dark .menu-item {
  background: var(--hm-surface-card-dark) !important;
  border: none !important;
  box-shadow: 0 2px 8px rgba(0,0,0,.22) !important;
}
body.hm-theme-3.hm-gh-dark #menuContent .menu-item:hover,
body.hm-theme-3.hm-gh-dark .menu-item:hover {
  border: none !important;
  box-shadow: 0 4px 12px rgba(0,0,0,.3) !important;
}
body.hm-theme-3 #menuContent .menu-item img.hm-img-placeholder,
body.hm-theme-3 .menu-item img.hm-img-placeholder {
  object-fit: contain !important;
  padding: 0 !important;
  box-sizing: border-box !important;
}
body.hm-theme-3 #menuContent .menu-item img:not(.hm-img-placeholder),
body.hm-theme-3 .menu-item .product-list-img:not(.hm-img-placeholder) {
  object-fit: cover !important;
  width: 100% !important;
  height: auto !important;
  aspect-ratio: 1 / 1 !important;
  padding: 0 !important;
}
body.hm-theme-3.hm-gh-dark #menuContent .menu-item img.hm-img-placeholder,
body.hm-theme-3.hm-gh-dark .menu-item img.hm-img-placeholder {
  background: var(--hm-img-ph-bg-dark) !important;
}
body.hm-theme-3.hm-gh-dark #menuContent .menu-item img:not(.hm-img-placeholder),
body.hm-theme-3.hm-gh-dark .menu-item .product-list-img:not(.hm-img-placeholder) {
  background: var(--hm-modal-media-dark) !important;
}
body.hm-theme-3.hm-gh-dark #menuContent .item-name,
body.hm-theme-3.hm-gh-dark .item-name {
  color: #f0f2f5 !important;
}
body.hm-theme-3.hm-gh-dark #menuContent .price,
body.hm-theme-3.hm-gh-dark .price {
  color: var(--hm-accent-dark, #c8d0f0) !important;
}
body.hm-theme-3.hm-gh-dark #menuContent .categories,
body.hm-theme-3.hm-gh-dark .categories {
  background: var(--hm-surface-dark) !important;
}

/* Alt dock bilgi/arama paneli — karanlık mod: sayfadan belirgin ayrılan yükseltilmiş yüzey */
body.hm-gh-dark .hm-pf-sheet {
  background: color-mix(in srgb, var(--primary-color, #888) 6%, #262A34) !important;
  color: #e8eaef !important;
  border-top: 1px solid rgba(255,255,255,.10) !important;
  box-shadow: 0 -18px 48px rgba(0,0,0,.55) !important;
}
body.hm-gh-dark .hm-pf-sheet-head h2 { color: #f0f2f5 !important; }
body.hm-gh-dark .hm-pf-sheet-close {
  background: rgba(255,255,255,.08) !important;
  color: #e8eaef !important;
}
body.hm-gh-dark .hm-pf-search-box {
  background: rgba(255,255,255,.06) !important;
  border: 1px solid var(--hm-border-dark-soft) !important;
}
body.hm-gh-dark .hm-pf-search-box i { color: #9ca3af !important; }
body.hm-gh-dark .hm-pf-search-box input {
  color: #f0f2f5 !important;
}
body.hm-gh-dark .hm-pf-search-box input::placeholder { color: #6b7280 !important; }
body.hm-gh-dark .hm-pf-search-item {
  border-bottom-color: var(--hm-border-dark-soft) !important;
}
body.hm-gh-dark .hm-pf-search-item:active {
  background: rgba(255,255,255,.04) !important;
}
body.hm-gh-dark .hm-pf-search-item-name { color: #f0f2f5 !important; }
body.hm-gh-dark .hm-pf-search-empty { color: #9ca3af !important; }

/* ---- Template 4: liste satır yüksekliği + görseller + karanlık mod ---- */
body.hm-theme-4 header.hm-global-header {
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  padding: 0 14px !important;
}
body.hm-theme-4 .hm-gh-actions {
  margin-left: auto !important;
  flex-shrink: 0 !important;
}
body.hm-theme-4 #menuContent main,
body.hm-theme-4 main {
  margin-top: 12px !important;
}
body.hm-theme-4 #menuContent .category-bar-wrapper,
body.hm-theme-4 .category-bar-wrapper {
  background: var(--hm-category-bar-bg, #fff) !important;
}
body.hm-theme-4.hm-gh-dark #menuContent .category-bar-wrapper,
body.hm-theme-4.hm-gh-dark .category-bar-wrapper {
  background: var(--hm-category-bar-bg, var(--hm-surface-card-dark, #121216)) !important;
  border-bottom-color: rgba(255,255,255,.08) !important;
}
body.hm-theme-4.hm-gh-dark #menuContent .category-button:not(.active),
body.hm-theme-4.hm-gh-dark .category-button:not(.active) {
  background: rgba(255,255,255,.06) !important;
  color: #e8eaef !important;
  border-color: rgba(255,255,255,.12) !important;
}
body.hm-theme-4 #menuContent main .menu-item,
body.hm-theme-4 main .menu-item {
  min-height: 88px !important;
  align-items: center !important;
}
body.hm-theme-4 #menuContent.hm-inline-view-grid main .menu-item,
body.hm-theme-4 #menuContent.hm-inline-view-grid .menu-item {
  min-height: 0 !important;
  height: auto !important;
  max-height: none !important;
  align-items: center !important;
  flex-direction: column !important;
  display: flex !important;
}
body.hm-theme-4 #menuContent.hm-inline-view-grid main .menu-item > img,
body.hm-theme-4 #menuContent.hm-inline-view-grid main .menu-item > .product-list-img,
body.hm-theme-4 #menuContent.hm-inline-view-grid .menu-item > img,
body.hm-theme-4 #menuContent.hm-inline-view-grid .menu-item > .product-list-img,
body.hm-theme-4 #menuContent.hm-inline-view-grid .menu-item > .hm-pf-img-host {
  width: 96px !important;
  height: 96px !important;
  min-width: 96px !important;
  max-width: 96px !important;
  min-height: 96px !important;
  max-height: 96px !important;
  border-radius: 50% !important;
  margin: 12px auto 4px !important;
  aspect-ratio: 1 / 1 !important;
  flex-shrink: 0 !important;
  align-self: center !important;
  object-fit: cover !important;
  object-position: center !important;
  overflow: hidden !important;
}
body.hm-theme-4 #menuContent.hm-inline-view-grid .menu-item > .hm-pf-img-host > img,
body.hm-theme-4 #menuContent.hm-inline-view-grid .menu-item > .hm-pf-img-host > picture > img {
  width: 100% !important;
  height: 100% !important;
  border-radius: 50% !important;
  object-fit: cover !important;
}
body.hm-theme-4 #menuContent:not(.hm-inline-view-grid) main .menu-item img,
body.hm-theme-4 #menuContent:not(.hm-inline-view-grid) main .menu-item .product-list-img,
body.hm-theme-4 #menuContent.hm-inline-view-list main .menu-item img,
body.hm-theme-4 #menuContent.hm-inline-view-list main .menu-item .product-list-img,
body.hm-theme-4:not(:has(#menuContent.hm-inline-view-grid)) main .menu-item img,
body.hm-theme-4:not(:has(#menuContent.hm-inline-view-grid)) main .menu-item .product-list-img {
  width: 72px !important;
  height: 72px !important;
  min-width: 72px !important;
  max-width: 72px !important;
  min-height: 72px !important;
  max-height: 72px !important;
  border-radius: 50% !important;
  flex-shrink: 0 !important;
}
body.hm-theme-4 #menuContent main .menu-item img.hm-img-placeholder,
body.hm-theme-4 main .menu-item img.hm-img-placeholder {
  object-fit: contain !important;
  padding: 10px !important;
  box-sizing: border-box !important;
  background: var(--hm-logo-ph-bg, #ffffff) !important;
}
body.hm-theme-4 #menuContent main .menu-item img:not(.hm-img-placeholder),
body.hm-theme-4 main .menu-item .product-list-img:not(.hm-img-placeholder) {
  object-fit: cover !important;
  padding: 0 !important;
  background: transparent !important;
}
body.hm-theme-4.hm-gh-dark #menuContent main .menu-item,
body.hm-theme-4.hm-gh-dark main .menu-item {
  background: var(--hm-surface-card-dark) !important;
  border: none !important;
  box-shadow: 0 2px 8px rgba(0,0,0,.22) !important;
}
body.hm-theme-4.hm-gh-dark #menuContent main .menu-item img.hm-img-placeholder,
body.hm-theme-4.hm-gh-dark main .menu-item img.hm-img-placeholder {
  background: var(--hm-logo-ph-bg-dark, #ffffff) !important;
}
body.hm-theme-4 #menuContent:not(.hm-inline-view-grid) main .menu-item > .product-list-img.hm-img-placeholder,
body.hm-theme-4 #menuContent:not(.hm-inline-view-grid) main .menu-item > img.product-list-img.hm-img-placeholder,
body.hm-theme-4 #menuContent:not(.hm-inline-view-grid) main .menu-item > img[data-hm-logo-ph='1'],
body.hm-theme-4 #menuContent.hm-inline-view-list main .menu-item > .product-list-img.hm-img-placeholder,
body.hm-theme-4 #menuContent.hm-inline-view-list main .menu-item > img.product-list-img.hm-img-placeholder,
body.hm-theme-4 #menuContent.hm-inline-view-list main .menu-item > img[data-hm-logo-ph='1'] {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  width: var(--hm-product-thumb, 72px) !important;
  height: var(--hm-product-thumb, 72px) !important;
  min-width: var(--hm-product-thumb, 72px) !important;
  min-height: var(--hm-product-thumb, 72px) !important;
  max-width: var(--hm-product-thumb, 72px) !important;
  max-height: var(--hm-product-thumb, 72px) !important;
  object-fit: contain !important;
  object-position: center !important;
  padding: 10px !important;
  box-sizing: border-box !important;
  background: var(--hm-logo-ph-bg, #ffffff) !important;
  flex-shrink: 0 !important;
}
body.hm-theme-4 #menuContent.hm-inline-view-grid main .menu-item > img.hm-img-placeholder,
body.hm-theme-4 #menuContent.hm-inline-view-grid main .menu-item > .product-list-img.hm-img-placeholder,
body.hm-theme-4 #menuContent.hm-inline-view-grid .menu-item > img[data-hm-logo-ph='1'] {
  width: 96px !important;
  height: 96px !important;
  min-width: 96px !important;
  max-width: 96px !important;
  min-height: 96px !important;
  max-height: 96px !important;
  border-radius: 50% !important;
  margin: 12px auto 4px !important;
  aspect-ratio: 1 / 1 !important;
  object-fit: contain !important;
  padding: 18% !important;
  box-sizing: border-box !important;
}
body.hm-theme-4.hm-gh-dark #menuContent main .menu-item > img.hm-img-placeholder,
body.hm-theme-4.hm-gh-dark #menuContent main .menu-item > img[data-hm-logo-ph='1'],
body.hm-theme-4.hm-gh-dark main .menu-item > .product-list-img.hm-img-placeholder {
  background: var(--hm-logo-ph-bg-dark, #ffffff) !important;
}
body.hm-theme-4 #menuContent main .menu-item > img:empty,
body.hm-theme-4 main .menu-item > .product-list-img[src=""],
body.hm-theme-4 main .menu-item > img[src=""] {
  background: var(--hm-img-ph-bg) !important;
}
body.hm-theme-4.hm-gh-dark main .menu-item > .product-list-img[src=""],
body.hm-theme-4.hm-gh-dark main .menu-item > img[src=""] {
  background: var(--hm-img-ph-bg-dark) !important;
}
body.hm-theme-4.hm-gh-dark #menuContent main .menu-item-title,
body.hm-theme-4.hm-gh-dark main .menu-item-title {
  color: #f0f2f5 !important;
}
body.hm-theme-4.hm-gh-dark #menuContent main .menu-item-price,
body.hm-theme-4.hm-gh-dark main .menu-item-price {
  color: var(--hm-accent-dark, #c8d0f0) !important;
}
body.hm-theme-4.hm-gh-dark #menuContent,
body.hm-theme-4.hm-gh-dark main {
  background: var(--hm-surface-dark) !important;
}
/* Ürün detay: gerçek fotoğraf kutuyu doldursun */
body.hm-theme-4 #productDetails #detailImage:not(.hm-img-placeholder),
body.hm-theme-4 #productDetails .pm-image-wrap #detailImage:not(.hm-img-placeholder) {
  object-fit: cover !important;
  object-position: center !important;
  width: 100% !important;
  height: 280px !important;
  background: transparent !important;
}
body.hm-theme-4 #productDetails #detailImage.hm-img-placeholder,
body.hm-theme-4 #productDetails .pm-image-wrap #detailImage.hm-img-placeholder {
  object-fit: contain !important;
  object-position: center !important;
  padding: 0 !important;
  width: 100% !important;
  height: 100% !important;
  min-height: 220px !important;
  box-sizing: border-box !important;
}
body.hm-theme-4.hm-gh-dark #productDetails .pm-image-wrap {
  background: var(--hm-modal-media-dark) !important;
}

/* ---- Template 5: item-icon logo placeholder ---- */
body.hm-theme-5 #menuContent .menu-card .item-icon,
body.hm-theme-5 .menu-card .item-icon {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  flex-shrink: 0 !important;
}
body.hm-theme-5 #menuContent .menu-card .item-icon.hm-img-placeholder,
body.hm-theme-5 .menu-card .item-icon.hm-img-placeholder,
body.hm-theme-5 #menuContent .menu-card .item-icon[data-hm-logo-ph='1'],
body.hm-theme-5 .menu-card .item-icon[data-hm-logo-ph='1'] {
  /* Ürün fotoğrafıyla aynı dış ölçü ve doldurma: kenarda zemin şeridi kalmasın */
  object-fit: cover !important;
  padding: 0 !important;
  box-sizing: content-box !important;
  width: 52px !important;
  height: 52px !important;
  min-width: 52px !important;
  min-height: 52px !important;
  max-width: 52px !important;
  max-height: 52px !important;
  background: var(--hm-logo-ph-bg, #ffffff) !important;
  opacity: 1 !important;
}
body.hm-theme-5.hm-gh-dark #menuContent .menu-card .item-icon.hm-img-placeholder,
body.hm-theme-5.hm-gh-dark .menu-card .item-icon.hm-img-placeholder,
body.hm-theme-5.hm-gh-dark #menuContent .menu-card .item-icon[data-hm-logo-ph='1'],
body.hm-theme-5.hm-gh-dark .menu-card .item-icon[data-hm-logo-ph='1'] {
  background: var(--hm-logo-ph-bg-dark, #ffffff) !important;
}
body.hm-theme-5.hm-gh-dark #menuContent .menu-card .item-name,
body.hm-theme-5.hm-gh-dark .menu-card .item-name {
  color: #f0f2f5 !important;
}
body.hm-theme-5 #menuContent.hm-inline-view-list .menu-card .menu-item:not(.i18n-hidden):not([data-hm-pf-hidden]) {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  justify-content: flex-start !important;
  direction: ltr !important;
  gap: 12px !important;
  overflow: visible !important;
  max-height: none !important;
  height: auto !important;
}
body.hm-theme-5 #menuContent.hm-inline-view-list .menu-card .menu-item-left {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  flex: 1 1 auto !important;
  min-width: 0 !important;
  gap: 12px !important;
}
body.hm-theme-5 #menuContent.hm-inline-view-list .menu-card .item-name {
  display: block !important;
  flex: 1 1 auto !important;
  min-width: 0 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  text-align: left !important;
  -webkit-line-clamp: unset !important;
  max-height: none !important;
  visibility: visible !important;
  opacity: 1 !important;
}
body.hm-theme-5 #menuContent.hm-inline-view-list .menu-card .hm-pf-t5-price-col,
body.hm-theme-5 #menuContent:not(.hm-inline-view-grid) .menu-card .hm-pf-t5-price-col {
  display: flex !important;
  flex-direction: column !important;
  flex-wrap: nowrap !important;
  flex: 0 0 auto !important;
  width: auto !important;
  min-width: 5.5rem !important;
  max-width: none !important;
  margin: 0 0 0 auto !important;
  align-self: center !important;
  align-items: flex-end !important;
  justify-content: center !important;
  gap: 2px !important;
  overflow: visible !important;
}
body.hm-theme-5 #menuContent.hm-inline-view-list .menu-card .hm-pf-t5-price-col > .hm-pf-card-rating,
body.hm-theme-5 #menuContent.hm-inline-view-list .menu-card .hm-pf-t5-price-col > .hm-pf-card-rating--t5,
body.hm-theme-5 #menuContent.hm-inline-view-list .menu-card .hm-pf-t5-price-col > .item-price,
body.hm-theme-5 #menuContent:not(.hm-inline-view-grid) .menu-card .hm-pf-t5-price-col > .hm-pf-card-rating,
body.hm-theme-5 #menuContent:not(.hm-inline-view-grid) .menu-card .hm-pf-t5-price-col > .hm-pf-card-rating--t5,
body.hm-theme-5 #menuContent:not(.hm-inline-view-grid) .menu-card .hm-pf-t5-price-col > .item-price {
  display: block !important;
  flex: 0 0 auto !important;
  max-width: none !important;
  margin: 0 !important;
  overflow: visible !important;
  text-overflow: clip !important;
  white-space: nowrap !important;
  position: static !important;
  text-align: right !important;
}
body.hm-theme-5 #menuContent.hm-inline-view-grid .menu-card .item-icon,
body.hm-theme-5 #menuContent.hm-inline-view-grid .menu-card .item-icon.product-list-img {
  width: 100% !important;
  height: 110px !important;
  min-width: 0 !important;
  max-width: none !important;
  min-height: 110px !important;
  max-height: 110px !important;
  border-radius: 10px !important;
}
body.hm-theme-5 #menuContent.hm-inline-view-grid .menu-card .menu-item:not(.i18n-hidden):not([data-hm-pf-hidden]) {
  flex-direction: column !important;
  align-items: stretch !important;
}
body.hm-theme-5 #menuContent.hm-inline-view-grid .menu-card .menu-item-left {
  flex-direction: column !important;
  width: 100% !important;
}
body.hm-theme-5 #menuContent.hm-inline-view-grid .menu-card .hm-pf-t5-price-col {
  width: 100% !important;
  align-self: stretch !important;
}
body.hm-theme-5 #menuContent.hm-inline-view-grid .menu-card .menu-item-left {
  flex-direction: column !important;
  align-items: stretch !important;
  width: 100% !important;
}

/* ---- Template 9: liste satır görseli + karanlık mod logo placeholder ---- */
body.hm-theme-9 #menuContent .product-row > .product-image,
body.hm-theme-9 #menuContent .product-row > .product-list-img,
body.hm-theme-9 .product-row > .product-image {
  width: 100px !important;
  height: 100px !important;
  min-width: 100px !important;
  min-height: 100px !important;
  max-width: 100px !important;
  max-height: 100px !important;
  flex-shrink: 0 !important;
  border-radius: 8px !important;
}
body.hm-theme-9 #menuContent.hm-inline-view-grid .product-row > .product-image,
body.hm-theme-9 #menuContent.hm-inline-view-grid .product-row > .product-list-img {
  width: 100% !important;
  height: auto !important;
  min-width: 0 !important;
  min-height: 0 !important;
  max-width: none !important;
  max-height: none !important;
  aspect-ratio: 1 / 1 !important;
  border-radius: 0 !important;
}
body.hm-theme-9 #menuContent .categories-nav {
  overflow: visible !important;
}
body.hm-theme-9 #menuContent .categories-nav-scroll {
  overflow-x: auto !important;
  white-space: nowrap !important;
}
body.hm-theme-9 #menuContent.hm-inline-view-grid .products-list {
  display: block !important;
}
body.hm-theme-9 #menuContent.hm-inline-view-grid .category-section {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 0.75rem !important;
  margin-bottom: 1rem !important;
}
body.hm-theme-9 #menuContent.hm-inline-view-grid .product-row:not(.i18n-hidden) {
  flex-direction: column !important;
  align-items: stretch !important;
  margin-bottom: 0 !important;
  padding: 0 !important;
  height: 100% !important;
}
body.hm-theme-9 #menuContent .product-row > .product-image.hm-img-placeholder,
body.hm-theme-9 #menuContent .product-row > .product-list-img.hm-img-placeholder,
body.hm-theme-9 #menuContent .product-row > img[data-hm-logo-ph='1'],
body.hm-theme-9 #menuContent .product-row .hm-pf-img-host > img[data-hm-logo-ph='1'],
body.hm-theme-9 .product-row > .product-image.hm-img-placeholder {
  object-fit: cover !important;
  object-position: center !important;
  padding: 0 !important;
  box-sizing: border-box !important;
  background: transparent !important;
  opacity: 1 !important;
}
body.hm-theme-9.hm-gh-dark #menuContent .product-row > .product-image.hm-img-placeholder,
body.hm-theme-9.hm-gh-dark #menuContent .product-row > .product-list-img.hm-img-placeholder,
body.hm-theme-9.hm-gh-dark #menuContent .product-row > img[data-hm-logo-ph='1'] {
  background: var(--hm-logo-ph-bg-dark, #ffffff) !important;
}
body.hm-theme-9.hm-gh-dark #menuContent .product-name,
body.hm-theme-9.hm-gh-dark .product-name {
  color: #f0f2f5 !important;
}
body.hm-theme-9.hm-gh-dark #menuContent .product-description,
body.hm-theme-9.hm-gh-dark .product-description {
  color: #b8bcc8 !important;
}

/* ---- Template 10: eşit liste satır yüksekliği (mobil + tablo) ---- */
body.hm-theme-10 #menuContent.hm-inline-view-list .products-table-mobile-row:not(.i18n-hidden),
body.hm-theme-10 #menuContent:not(.hm-inline-view-grid) .products-table-mobile-row:not(.i18n-hidden) {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  min-height: var(--hm-product-row-h-t10) !important;
  height: var(--hm-product-row-h-t10) !important;
  max-height: var(--hm-product-row-h-t10) !important;
  overflow: hidden !important;
  box-sizing: border-box !important;
}
body.hm-theme-10 #menuContent.hm-inline-view-list .products-table-mobile-row > .hm-pf-img-host,
body.hm-theme-10 #menuContent:not(.hm-inline-view-grid) .products-table-mobile-row > .hm-pf-img-host,
body.hm-theme-10 #menuContent.hm-inline-view-list .products-table-mobile-row > img,
body.hm-theme-10 #menuContent:not(.hm-inline-view-grid) .products-table-mobile-row > img,
body.hm-theme-10 #menuContent.hm-inline-view-list .products-table-mobile-row > .product-list-img,
body.hm-theme-10 #menuContent:not(.hm-inline-view-grid) .products-table-mobile-row > .product-list-img {
  width: 72px !important;
  height: 72px !important;
  min-width: 72px !important;
  max-width: 72px !important;
  min-height: 72px !important;
  max-height: 72px !important;
  flex: 0 0 72px !important;
  aspect-ratio: auto !important;
  border-radius: 8px !important;
  object-fit: cover !important;
}
body.hm-theme-10 #menuContent.hm-inline-view-grid .products-table-mobile-row:not(.i18n-hidden) {
  min-height: 0 !important;
  height: auto !important;
  max-height: none !important;
  overflow: hidden !important;
  align-items: stretch !important;
  flex-direction: column !important;
}
body.hm-theme-10 #menuContent.hm-inline-view-grid .products-list-mobile {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 0.75rem !important;
}
body.hm-theme-10 #menuContent.hm-inline-view-grid .products-table {
  display: none !important;
}
body.hm-theme-10 #menuContent.hm-inline-view-grid .products-table-mobile-row > .hm-pf-img-host,
body.hm-theme-10 #menuContent.hm-inline-view-grid .products-table-mobile-row > img,
body.hm-theme-10 #menuContent.hm-inline-view-grid .products-table-mobile-row > .product-list-img {
  width: 100% !important;
  height: auto !important;
  min-width: 0 !important;
  min-height: 0 !important;
  max-width: none !important;
  max-height: none !important;
  aspect-ratio: 1 / 1 !important;
  border-radius: 0 !important;
  flex: none !important;
}
body.hm-theme-10.hm-no-global-header #menuContent .category-nav-top {
  scrollbar-width: none !important;
}
body.hm-theme-10.hm-no-global-header #menuContent .category-nav-top::-webkit-scrollbar {
  display: none !important;
  height: 0 !important;
}
body.hm-theme-10 #menuContent .hm-pf-t10-price-row {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 8px !important;
  width: 100% !important;
  margin-top: auto !important;
  margin-left: 0 !important;
  align-self: stretch !important;
}
body.hm-theme-10 #menuContent .hm-pf-t10-price-row > .hm-pf-card-rating {
  order: 1 !important;
  margin: 0 auto 0 0 !important;
  flex: 0 0 auto !important;
}
body.hm-theme-10 #menuContent .hm-pf-t10-price-row > .hm-pf-card-rating[hidden] {
  display: none !important;
}
body.hm-theme-10 #menuContent .hm-pf-t10-price-row > .products-table-mobile-price {
  order: 2 !important;
  margin: 0 0 0 auto !important;
  text-align: right !important;
  flex: 0 0 auto !important;
}
body.hm-theme-10 #menuContent .products-table-mobile-row > img,
body.hm-theme-10 #menuContent .products-table-mobile-row > .product-list-img {
  display: block !important;
  visibility: visible !important;
  flex-shrink: 0 !important;
  align-self: center !important;
}
body.hm-theme-10 #menuContent .products-table-mobile-info {
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  text-align: left !important;
  overflow: hidden !important;
  min-width: 0 !important;
  gap: 2px !important;
}
/* Liste: ad 1 | açıklama 1 */
body.hm-theme-10 #menuContent.hm-inline-view-list .products-table-mobile-name,
body.hm-theme-10 #menuContent:not(.hm-inline-view-grid) .products-table-mobile-name {
  display: -webkit-box !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 1 !important;
  line-clamp: 1 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: normal !important;
  line-height: 1.25 !important;
  max-height: 1.25em !important;
  min-height: 0 !important;
}
body.hm-theme-10 #menuContent.hm-inline-view-list .products-table-mobile-desc,
body.hm-theme-10 #menuContent:not(.hm-inline-view-grid) .products-table-mobile-desc {
  display: -webkit-box !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 1 !important;
  line-clamp: 1 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: normal !important;
  line-height: 1.2 !important;
  max-height: 1.2em !important;
  min-height: 0 !important;
}
/* Grid: ad 2 | açıklama 2 */
body.hm-theme-10 #menuContent.hm-inline-view-grid .products-table-mobile-name {
  display: -webkit-box !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 2 !important;
  line-clamp: 2 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: normal !important;
  line-height: 1.3 !important;
  max-height: 2.6em !important;
  min-height: 0 !important;
}
body.hm-theme-10 #menuContent.hm-inline-view-grid .products-table-mobile-desc {
  display: -webkit-box !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 2 !important;
  line-clamp: 2 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: normal !important;
  line-height: 1.25 !important;
  max-height: 2.5em !important;
  min-height: 0 !important;
}
body.hm-theme-10 #menuContent .products-table-mobile-desc:empty,
body.hm-theme-10 #menuContent .products-table-mobile-desc[data-hm-empty-desc],
body.hm-theme-10 #menuContent .product-description-cell:empty {
  display: none !important;
  height: 0 !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}
body.hm-theme-10 #menuContent .products-table-mobile-desc:empty::before {
  content: none !important;
  display: none !important;
}
body.hm-theme-10 #menuContent .products-table-mobile-price {
  margin-top: 0 !important;
  flex-shrink: 0 !important;
}
body.hm-theme-10 #menuContent .products-table tbody tr:not(.product-data):not(.i18n-hidden) {
  height: 96px !important;
}
body.hm-theme-10 #menuContent .product-image-cell,
body.hm-theme-10 #menuContent .product-name-cell,
body.hm-theme-10 #menuContent .product-description-cell,
body.hm-theme-10 #menuContent .product-price-cell {
  vertical-align: middle !important;
}
body.hm-theme-10 #menuContent .product-image-cell img {
  display: block !important;
  visibility: visible !important;
}
body.hm-theme-10.hm-gh-dark #menuContent .products-table-mobile-name,
body.hm-theme-10.hm-gh-dark #menuContent .product-name-cell {
  color: #f0f2f5 !important;
}
body.hm-theme-10.hm-gh-dark #menuContent .products-table-mobile-desc,
body.hm-theme-10.hm-gh-dark #menuContent .product-description-cell {
  color: #b8bcc8 !important;
}

/* Template 10: eski başlık boyutu; yalnızca sticky top = chrome altı (üst boşluk yok) */
body.hm-theme-10:not(.hm-gh-dark) #menuContent .category-section .category-header,
body.hm-theme-10.hm-has-global-header:not(.hm-gh-dark) #menuContent .category-section .category-header {
  background: var(--primary-color, #e44d26) !important;
  color: #fff !important;
  text-align: left !important;
  justify-content: flex-start !important;
  padding: 0.75rem 1rem !important;
  font-size: 1.1rem !important;
  line-height: 1.3 !important;
  min-height: 0 !important;
}
body.hm-theme-10 #menuContent .category-section,
body.hm-theme-12 #menuContent .category-section {
  margin-top: 0 !important;
  padding-top: 0 !important;
  scroll-margin-top: calc(var(--hm-gh-offset, 0px) + var(--hm-sticky-chrome-h, 0px)) !important;
}
/*
  T10 sticky: chrome.top + chrome-h (JS mutlak px değil).
  GH gizlenince chrome top:0 — yalnızca chrome-h; aksi halde safe-area/gh boşluk açar.
*/
body.hm-theme-10 #menuContent .category-section .category-header {
  position: sticky !important;
  top: calc(var(--hm-gh-offset, 0px) + var(--hm-sticky-chrome-h, 0px) - 1px) !important;
  z-index: 1400 !important;
  margin-top: 0 !important;
  margin-bottom: 0.75rem !important;
  box-sizing: border-box !important;
  transition: none !important;
  overflow: hidden !important;
}
body.hm-theme-10.hm-gh-header-hidden #menuContent .category-section .category-header,
body.hm-theme-10.hm-gh-header-hidden #menuContent .category-header {
  top: calc(var(--hm-sticky-chrome-h, 0px) - 1px) !important;
}
body.hm-theme-10.hm-no-global-header #menuContent .category-section .category-header,
body.hm-theme-10.hm-no-global-header #menuContent .category-header {
  top: calc(env(safe-area-inset-top, 0px) + var(--hm-sticky-chrome-h, 0px) - 1px) !important;
}
body.hm-theme-10.hm-gh-header-hidden #menuContent .category-section,
body.hm-theme-10.hm-no-global-header #menuContent .category-section {
  scroll-margin-top: calc(var(--hm-sticky-chrome-h, 0px)) !important;
}
body.hm-theme-10.hm-no-global-header #menuContent .category-section {
  scroll-margin-top: calc(env(safe-area-inset-top, 0px) + var(--hm-sticky-chrome-h, 0px)) !important;
}
body.hm-theme-10 #menuContent .hm-sticky-chrome {
  padding-bottom: 0 !important;
  margin-bottom: 0 !important;
  box-shadow: none !important;
  border-bottom: none !important;
  gap: 0 !important;
}
/* Hap kategori: app webview 5.4rem min-height boşluk açmasın */
body.hm-theme-10 #menuContent .category-nav-top,
body.hm-theme-10 #menuContent .hm-sticky-chrome > .category-nav-top {
  min-height: 0 !important;
  max-height: none !important;
  align-items: center !important;
}
body.hm-theme-10 #menuContent .hm-sticky-chrome > .hm-inline-controls {
  margin-top: 0 !important;
  padding-top: 4px !important;
}
body.hm-theme-10.hm-no-global-header #menuContent .hm-sticky-chrome > .hm-inline-controls,
body.hm-theme-10.hm-gh-header-hidden #menuContent .hm-sticky-chrome > .hm-inline-controls {
  padding-top: 4px !important;
}
body.hm-theme-12 #menuContent .category-section .category-header,
body.hm-theme-12 #menuContent .category-header {
  display: none !important;
  height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  border: none !important;
  visibility: hidden !important;
  pointer-events: none !important;
}
body.hm-theme-12 #menuContent .category-section {
  margin-top: 0 !important;
  padding-top: 12px !important;
}
body.hm-theme-10 #menuContent .category-section .category-header,
body.hm-theme-10 #menuContent .category-header .category-title,
body.hm-theme-10 #menuContent .category-section .category-title {
  text-align: left !important;
}

/* ---- Template 11: üst kategori şeridi ~%30 daha kompakt ---- */
body.hm-theme-11 #menuContent .category-cards,
body.hm-theme-11 .category-cards {
  --t11-cat-h: 100px;
  gap: 7px !important;
  padding: 10px 12px !important;
  /* Sticky chrome ile birlikte yapışır; kendi sticky'si kesilmeye yol açar */
  position: relative !important;
  top: auto !important;
  z-index: auto !important;
}
body.hm-theme-11 {
  --hm-subnav-h: var(--t11-cat-h, 100px) !important;
  --hm-sticky-offset: calc(var(--hm-gh-offset, 0px) + var(--t11-cat-h, 100px) + var(--hm-search-h, 56px)) !important;
}
body.hm-theme-11.hm-no-global-header {
  padding-top: 0 !important;
  --hm-gh-h: 0px !important;
  --hm-gh-offset: 0px !important;
}
body.hm-theme-11.hm-has-global-header:not(.hm-wrapped-landing) {
  padding-top: var(--hm-gh-h, 52px) !important;
}
body.hm-theme-11.hm-has-global-header.hm-wrapped-landing {
  padding-top: 0 !important;
}
body.hm-theme-11 #menuContent > .header-section {
  display: none !important;
  height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  position: static !important;
  box-shadow: none !important;
}
body.hm-theme-11 #menuContent .category-section,
body.hm-theme-11 .category-section {
  scroll-margin-top: var(--hm-sticky-offset) !important;
}
body.hm-theme-11 #menuContent .category-card,
body.hm-theme-11 .category-card {
  min-width: 84px !important;
  width: 84px !important;
  height: 98px !important;
  border-radius: 10px !important;
}
body.hm-theme-11 #menuContent .category-card-overlay,
body.hm-theme-11 .category-card-overlay {
  padding: 6px 4px !important;
}
body.hm-theme-11 #menuContent .category-card-name,
body.hm-theme-11 .category-card-name {
  font-size: 11px !important;
  line-height: 1.2 !important;
}
@media (max-width: 480px) {
  body.hm-theme-11 #menuContent .category-card,
  body.hm-theme-11 .category-card {
    min-width: 70px !important;
    width: 70px !important;
    height: 84px !important;
  }
  body.hm-theme-11 #menuContent .category-card-name,
  body.hm-theme-11 .category-card-name {
    font-size: 10px !important;
  }
}

/* ---- Template 11: TÜM görsel kutuları aynı kare (aspect-ratio 1/1) ---- */
body.hm-theme-11 #menuContent .products-grid .product-card > .product-image-wrapper,
body.hm-theme-11 #menuContent .products-grid .product-card > .product-image-wrapper.hm-img-spacer,
body.hm-theme-11 #menuContent.hm-inline-view-grid .product-card > .product-image-wrapper,
body.hm-theme-11 #menuContent.hm-inline-view-grid .product-card > .product-image-wrapper.hm-img-spacer,
body.hm-theme-11.hm-has-global-header #menuContent:not(.hm-inline-view-list):not(.t11-list-mode) .product-card > .product-image-wrapper,
body.hm-theme-11.hm-has-global-header #menuContent:not(.hm-inline-view-list):not(.t11-list-mode) .product-card > .product-image-wrapper.hm-img-spacer {
  position: relative !important;
  width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  padding: 0 !important;
  padding-bottom: 0 !important;
  aspect-ratio: 1 / 1 !important;
  flex: 0 0 auto !important;
  display: block !important;
  overflow: hidden !important;
  box-sizing: border-box !important;
  margin: 0 !important;
}
body.hm-theme-11 #menuContent .products-grid .product-card > .product-image-wrapper > img,
body.hm-theme-11 #menuContent.hm-inline-view-grid .product-card > .product-image-wrapper > img {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center !important;
}
body.hm-theme-11 #menuContent .products-grid .product-card > .product-image-wrapper:not(.hm-img-spacer) {
  background: #f8f9fa !important;
}
body.hm-theme-11 #menuContent .products-grid .product-card > .product-image-wrapper.hm-img-spacer,
body.hm-theme-11 #menuContent .products-grid .product-card.hm-card-no-img > .product-image-wrapper,
body.hm-theme-11 #menuContent.hm-inline-view-grid .product-card.hm-card-no-img > .product-image-wrapper {
  background: transparent !important;
}
body.hm-theme-11 #menuContent.hm-inline-view-grid .products-grid,
body.hm-theme-11 #menuContent:not(.hm-inline-view-list):not(.t11-list-mode) .products-grid {
  align-items: stretch !important;
}
body.hm-theme-11 #menuContent.hm-inline-view-grid .product-card,
body.hm-theme-11 #menuContent:not(.hm-inline-view-list):not(.t11-list-mode) .products-grid .product-card {
  height: 100% !important;
  min-height: 0 !important;
  align-self: stretch !important;
  display: flex !important;
  flex-direction: column !important;
}
body.hm-theme-11 #menuContent.hm-inline-view-grid .product-card > .product-info,
body.hm-theme-11 #menuContent:not(.hm-inline-view-list) .products-grid .product-card > .product-info {
  flex: 1 1 auto !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-start !important;
}
body.hm-theme-11 #menuContent .product-card .product-image-wrapper:has(img.hm-img-placeholder),
body.hm-theme-11 #menuContent .product-card .product-image-wrapper:has(img[data-hm-logo-ph='1']),
body.hm-theme-11 .product-card .product-image-wrapper:has(img.hm-img-placeholder),
body.hm-theme-11 .product-card .product-image-wrapper:has(img[data-hm-logo-ph='1']) {
  background: var(--hm-logo-ph-bg, #ffffff) !important;
}
body.hm-theme-11.hm-gh-dark #menuContent .product-card .product-image-wrapper:has(img.hm-img-placeholder),
body.hm-theme-11.hm-gh-dark #menuContent .product-card .product-image-wrapper:has(img[data-hm-logo-ph='1']) {
  background: var(--hm-logo-ph-bg-dark, #ffffff) !important;
}
/* Liste: global column !important ezmesin — görsel sol, ad/açıklama sağ */
body.hm-theme-11.t11-list-mode #menuContent .products-grid .product-card,
body.hm-theme-11.t11-list-mode .products-grid .product-card,
body.hm-theme-11 #menuContent.t11-list-mode .products-grid .product-card,
body.hm-theme-11 #menuContent.hm-inline-view-list .products-grid .product-card {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
}
body.hm-theme-11 #menuContent .products-list .product-image-wrapper,
body.hm-theme-11 .products-list .product-image-wrapper,
body.hm-theme-11.t11-list-mode #menuContent .products-grid .product-image-wrapper,
body.hm-theme-11.t11-list-mode .products-grid .product-image-wrapper,
body.hm-theme-11.t11-list-mode #menuContent .products-grid .product-image-wrapper.hm-img-spacer,
body.hm-theme-11 #menuContent.t11-list-mode .products-grid .product-image-wrapper,
body.hm-theme-11 #menuContent.hm-inline-view-list .products-grid .product-image-wrapper,
body.hm-theme-11 #menuContent.hm-inline-view-list .products-grid .product-image-wrapper.hm-img-spacer {
  width: 120px !important;
  height: 120px !important;
  min-width: 120px !important;
  min-height: 120px !important;
  max-width: 120px !important;
  max-height: 120px !important;
  aspect-ratio: auto !important;
  flex: 0 0 120px !important;
  align-self: center !important;
  flex-grow: 0 !important;
  flex-shrink: 0 !important;
}
body.hm-theme-11.t11-list-mode #menuContent .products-grid .product-info,
body.hm-theme-11.t11-list-mode .products-grid .product-info,
body.hm-theme-11 #menuContent.t11-list-mode .products-grid .product-info,
body.hm-theme-11 #menuContent.hm-inline-view-list .products-grid .product-info {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  width: auto !important;
  max-width: none !important;
  min-height: 0 !important;
  height: auto !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  align-items: stretch !important;
  padding: 8px 12px !important;
  box-sizing: border-box !important;
  text-align: left !important;
}
body.hm-theme-11.t11-list-mode #menuContent .products-grid .product-header,
body.hm-theme-11 #menuContent.t11-list-mode .products-grid .product-header,
body.hm-theme-11 #menuContent.hm-inline-view-list .products-grid .product-header {
  display: contents !important;
}
body.hm-theme-11.t11-list-mode #menuContent .products-grid .product-name,
body.hm-theme-11 #menuContent.t11-list-mode .products-grid .product-name,
body.hm-theme-11 #menuContent.hm-inline-view-list .products-grid .product-name {
  order: 1 !important;
  width: 100% !important;
  max-width: 100% !important;
  text-align: left !important;
}
body.hm-theme-11.t11-list-mode #menuContent .products-grid .product-description,
body.hm-theme-11 #menuContent.t11-list-mode .products-grid .product-description,
body.hm-theme-11 #menuContent.hm-inline-view-list .products-grid .product-description {
  order: 2 !important;
  width: 100% !important;
  margin-bottom: 6px !important;
  text-align: left !important;
}
body.hm-theme-11.t11-list-mode #menuContent .products-grid .product-price,
body.hm-theme-11 #menuContent.t11-list-mode .products-grid .product-price,
body.hm-theme-11 #menuContent.hm-inline-view-list .products-grid .product-price {
  order: 3 !important;
  align-self: flex-end !important;
  margin-top: 4px !important;
  text-align: right !important;
}
body.hm-theme-11 #menuContent.hm-inline-view-list .hm-cat-has-photos .product-image-wrapper.hm-img-spacer,
body.hm-theme-11.t11-list-mode #menuContent .hm-cat-has-photos .product-image-wrapper.hm-img-spacer,
body.hm-theme-11 #menuContent.hm-inline-view-list .products-grid:has(.product-image-wrapper > img:not(.hm-img-placeholder):not([data-hm-empty='1'])) .product-card .product-image-wrapper.hm-img-spacer,
body.hm-theme-11 #menuContent.hm-inline-view-list .products-grid:has(.product-image-wrapper > img:not(.hm-img-placeholder):not([data-hm-empty='1'])) .product-card.hm-card-no-img .product-image-wrapper {
  display: block !important;
  visibility: visible !important;
  width: 120px !important;
  height: 120px !important;
  min-width: 120px !important;
  min-height: 120px !important;
  max-width: 120px !important;
  max-height: 120px !important;
  flex: 0 0 120px !important;
  aspect-ratio: auto !important;
  background: transparent !important;
}
body.hm-theme-11 #menuContent.hm-inline-view-list .products-grid .product-card.hm-card-no-img:not(:has(.product-image-wrapper))::before,
body.hm-theme-11.t11-list-mode #menuContent .products-grid .product-card.hm-card-no-img:not(:has(.product-image-wrapper))::before {
  content: "" !important;
  display: block !important;
  flex: 0 0 120px !important;
  width: 120px !important;
  height: 120px !important;
  min-width: 120px !important;
  min-height: 120px !important;
  background: transparent !important;
  pointer-events: none !important;
}
body.hm-theme-11 #menuContent .product-image-wrapper img.hm-img-placeholder,
body.hm-theme-11 #menuContent .product-image-wrapper img[data-hm-logo-ph='1'],
body.hm-theme-11 #menuContent .product-image-wrapper .product-image.hm-img-placeholder,
body.hm-theme-11 .product-image-wrapper img.hm-img-placeholder,
body.hm-theme-11 .product-image-wrapper img[data-hm-logo-ph='1'] {
  width: 100% !important;
  height: 100% !important;
  min-width: 100% !important;
  min-height: 100% !important;
  max-width: 100% !important;
  max-height: 100% !important;
  object-fit: contain !important;
  object-position: center !important;
  padding: 0 !important;
  box-sizing: border-box !important;
  background: transparent !important;
  display: block !important;
}
body.hm-theme-11.hm-gh-dark #menuContent .product-image-wrapper img.hm-img-placeholder,
body.hm-theme-11.hm-gh-dark #menuContent .product-image-wrapper img[data-hm-logo-ph='1'] {
  background: transparent !important;
}
body.hm-theme-11.hm-gh-dark #menuContent .product-name,
body.hm-theme-11.hm-gh-dark .product-name {
  color: #f0f2f5 !important;
}
body.hm-theme-11.hm-gh-dark #menuContent .product-description,
body.hm-theme-11.hm-gh-dark .product-description {
  color: #b8bcc8 !important;
}

/* ---- Template 12: karanlık mod kategori başlığı + liste görseli ---- */
body.hm-theme-12.hm-gh-dark #menuContent > .header-section,
body.hm-theme-12.hm-gh-dark #menuContent .category-section .category-header {
  background: var(--hm-surface-card-dark) !important;
  box-shadow: 0 2px 8px rgba(0,0,0,.22) !important;
}
body.hm-theme-12.hm-gh-dark #menuContent .header-section .category-tabs,
body.hm-theme-12.hm-gh-dark #menuContent .category-tabs {
  background: var(--hm-surface-card-dark) !important;
}
body.hm-theme-12.hm-gh-dark #menuContent .category-section .category-title,
body.hm-theme-12.hm-gh-dark #menuContent .category-header .category-title {
  color: #f0f2f5 !important;
}
body.hm-theme-12.hm-gh-dark #menuContent .category-icon {
  color: var(--hm-accent-dark, #c8d0f0) !important;
}
body.hm-theme-12.hm-gh-dark #menuContent .category-tab.active {
  background: color-mix(in srgb, var(--primary-color, #888) 22%, var(--hm-surface-card-dark) 78%) !important;
  color: #f0f2f5 !important;
  border-bottom-color: var(--primary-color) !important;
}
body.hm-theme-12.hm-gh-dark #menuContent .category-tab:not(.active) {
  color: #b8bcc8 !important;
  background: transparent !important;
}
body.hm-theme-12 #menuContent .product-item:not(.i18n-hidden) {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  gap: 12px !important;
}
/* Puan host img’yi sarınca .product-item > img eşleşmez — host’u da 72px kilitle */
body.hm-theme-12 #menuContent .product-item > .hm-pf-img-host {
  width: 72px !important;
  height: 72px !important;
  min-width: 72px !important;
  max-width: 72px !important;
  min-height: 72px !important;
  max-height: 72px !important;
  flex: 0 0 72px !important;
  border-radius: 8px !important;
  overflow: hidden !important;
  aspect-ratio: auto !important;
  display: block !important;
}
body.hm-theme-12 #menuContent .product-item > .hm-pf-img-host > img,
body.hm-theme-12 #menuContent .product-item > .hm-pf-img-host > picture > img,
body.hm-theme-12 #menuContent .product-item > img,
body.hm-theme-12 #menuContent .product-item > .product-list-img {
  display: block !important;
  visibility: visible !important;
  flex-shrink: 0 !important;
  width: 72px !important;
  height: 72px !important;
  min-width: 72px !important;
  max-width: 72px !important;
  min-height: 72px !important;
  max-height: 72px !important;
  object-fit: cover !important;
  object-position: center !important;
  border-radius: 8px !important;
}
body.hm-theme-12 #menuContent .product-item > .hm-pf-img-host > img,
body.hm-theme-12 #menuContent .product-item > .hm-pf-img-host > picture > img {
  width: 100% !important;
  height: 100% !important;
  min-width: 0 !important;
  max-width: none !important;
  min-height: 0 !important;
  max-height: none !important;
  border-radius: 0 !important;
}
body.hm-theme-12 #menuContent.hm-inline-view-list .product-list {
  display: flex !important;
}
body.hm-theme-12 #menuContent.hm-inline-view-list .products-grid {
  display: none !important;
}
body.hm-theme-12 #menuContent.hm-inline-view-grid .products-grid {
  display: grid !important;
}
body.hm-theme-12 #menuContent.hm-inline-view-grid .product-list {
  display: none !important;
}
body.hm-theme-12 #menuContent.hm-inline-view-list .product-card > .product-image-wrapper {
  width: 72px !important;
  height: 72px !important;
  min-width: 72px !important;
  max-width: 72px !important;
  min-height: 72px !important;
  max-height: 72px !important;
  flex: 0 0 72px !important;
  aspect-ratio: auto !important;
}
body.hm-theme-12 #menuContent .product-dots {
  display: none !important;
}
body.hm-theme-12 #menuContent .product-info {
  flex: 1 !important;
  min-width: 0 !important;
  text-align: left !important;
}
body.hm-theme-12 #menuContent .product-item > .product-right {
  flex: 0 0 auto !important;
  flex-shrink: 0 !important;
  min-width: fit-content !important;
  max-width: none !important;
  overflow: visible !important;
}
body.hm-theme-12 #menuContent .product-item .product-price,
body.hm-theme-12 #menuContent .product-item .hm-pf-price-row > .product-price {
  flex: 0 0 auto !important;
  width: auto !important;
  min-width: fit-content !important;
  max-width: none !important;
  overflow: visible !important;
  text-overflow: clip !important;
  white-space: nowrap !important;
}
body.hm-theme-12 #menuContent .product-description {
  margin-bottom: 0 !important;
}
body.hm-theme-12.hm-gh-dark #menuContent .product-item .product-name,
body.hm-theme-12.hm-gh-dark #menuContent .product-card-name {
  color: #f0f2f5 !important;
}
body.hm-theme-12.hm-gh-dark #menuContent .product-item .product-description,
body.hm-theme-12.hm-gh-dark #menuContent .product-card-description {
  color: #b8bcc8 !important;
}
body.hm-theme-12.hm-gh-dark #menuContent .product-item .product-price,
body.hm-theme-12.hm-gh-dark #menuContent .product-card-price {
  color: var(--hm-accent-dark, #c8d0f0) !important;
}
body.hm-theme-12.hm-gh-dark #menuContent .product-item > img.hm-img-placeholder,
body.hm-theme-12.hm-gh-dark #menuContent .product-card-image.hm-img-placeholder {
  background: var(--hm-img-ph-bg-dark) !important;
}

/* ---- Template 13: kategori banner — fotoğraf canlı, yazı okunaklı ---- */
body.hm-theme-13 #menuContent .category-banner-content::before {
  background: linear-gradient(90deg, rgba(0,0,0,.48) 0%, rgba(0,0,0,.18) 42%, rgba(0,0,0,.04) 72%, transparent 100%) !important;
}
body.hm-theme-13 #menuContent .category-banner-text {
  text-shadow: 0 1px 2px rgba(0,0,0,.55), 0 2px 10px rgba(0,0,0,.35) !important;
}

/* ---- Template 13: karanlık mod zemin + accordion ürün alanı ---- */
body.hm-theme-13.hm-gh-dark,
body.hm-theme-13.hm-gh-dark #menuContent {
  background: var(--hm-surface-dark) !important;
  color: #e8eaef !important;
}
body.hm-theme-13.hm-gh-dark #menuContent > .header-section {
  display: none !important;
}
body.hm-theme-13.hm-gh-dark #menuContent .category-products,
body.hm-theme-13.hm-gh-dark #menuContent .category-products.active,
body.hm-theme-13.hm-gh-dark #menuContent .category-accordion {
  background: var(--hm-surface-dark) !important;
}
body.hm-theme-13 #menuContent .category-products.active,
body.hm-theme-13 .category-products.active {
  display: block !important;
}
body.hm-theme-13.hm-gh-dark #menuContent .product-card {
  background: var(--hm-surface-card-dark) !important;
  box-shadow: 0 2px 8px rgba(0,0,0,.22) !important;
}
body.hm-theme-13.hm-gh-dark #menuContent .product-card-name {
  color: #f0f2f5 !important;
}
body.hm-theme-13.hm-gh-dark #menuContent .product-card-icon {
  color: #9ca3af !important;
}
body.hm-theme-13.hm-gh-dark #menuContent .product-image-wrapper {
  background: var(--hm-img-ph-bg-dark) !important;
}
body.hm-theme-13.hm-gh-dark #menuContent .product-card-image.hm-img-placeholder {
  background: var(--hm-img-ph-bg-dark) !important;
  object-fit: contain !important;
  padding: 12% !important;
  box-sizing: border-box !important;
}
body.hm-theme-13.hm-gh-dark #menuContent .product-card-image:not(.hm-img-placeholder) {
  object-fit: cover !important;
  background: transparent !important;
}

/* Template 13: ürün adı / fiyat butonu — dikey boşluk; puan görsel üstünde */
body.hm-theme-13 #menuContent .product-card-info {
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  gap: 10px !important;
  padding: 14px 12px !important;
}
body.hm-theme-13 #menuContent .product-card-name,
body.hm-theme-13 #menuContent.hm-inline-view-grid .product-card-name,
body.hm-theme-13 #menuContent:not(.hm-inline-view-grid) .product-card-name {
  margin: 0 !important;
  line-height: 1.35 !important;
}
body.hm-theme-13 #menuContent .product-card-price-btn {
  margin: 0 !important;
  display: block !important;
  width: 100% !important;
  flex-shrink: 0 !important;
}
body.hm-theme-13 #menuContent .product-image-wrapper {
  position: relative !important;
}
body.hm-theme-13 #menuContent .product-image-wrapper > .hm-pf-card-rating--corner,
body.hm-theme-13 #menuContent .hm-pf-card-rating--t13 {
  top: 8px !important;
  right: 8px !important;
  bottom: auto !important;
  left: auto !important;
  z-index: 4 !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 3px !important;
  padding: 4px 9px !important;
  border-radius: 999px !important;
  background: rgba(0,0,0,.78) !important;
  color: #fff !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  box-shadow: 0 2px 8px rgba(0,0,0,.28) !important;
  margin: 0 !important;
}
body.hm-theme-13 #menuContent .hm-pf-card-rating--t13 .hm-pf-star {
  color: var(--hm-menu-rating, var(--primary-color, #f59e0b)) !important;
  font-size: 12px !important;
}
body.hm-theme-13 #menuContent .product-card-info > .hm-pf-card-rating,
body.hm-theme-13 #menuContent .product-card-info > .hm-pf-card-rating--under,
body.hm-theme-13 #menuContent .product-card-info .hm-pf-card-rating,
body.hm-theme-13 #menuContent .product-card-info > .hm-pf-name-rating-row > .hm-pf-card-rating {
  display: none !important;
}
body.hm-theme-13 #menuContent .product-card-info > .hm-pf-name-rating-row {
  margin: 0 !important;
  width: 100% !important;
  display: block !important;
}

body.hm-theme-14.hm-has-pf-nav #landingScreen,
body.hm-theme-14.hm-has-pf-nav #categoryScreen,
body.hm-theme-14.hm-has-pf-nav .products-screen {
  padding-bottom: 12px;
}
body.hm-theme-14.hm-has-pf-nav .hm-dock {
  z-index: 99990;
}

/* Template 14: kategori + ürün ekranlarında video/resim arka plan */
body.hm-theme-14 {
  background: transparent !important;
}
body.hm-theme-14.hm-gh-dark {
  background: transparent !important;
}
body.hm-theme-14 #categoryScreen,
body.hm-theme-14 .products-screen {
  background: transparent !important;
}
body.hm-theme-14 .video-bg,
body.hm-theme-14 .video-overlay,
body.hm-theme-14 .hm-video-bg,
body.hm-theme-14 .hm-video-overlay {
  display: block !important;
}
body.hm-theme-14.menu-open .video-bg,
body.hm-theme-14.menu-open .video-overlay,
body.hm-theme-14.menu-open .hm-video-bg,
body.hm-theme-14.menu-open .hm-video-overlay,
body.hm-theme-14 .video-bg.hm-bg-hidden,
body.hm-theme-14 .video-overlay.hm-bg-hidden,
body.hm-theme-14 .hm-video-bg.hm-bg-hidden,
body.hm-theme-14 .hm-video-overlay.hm-bg-hidden {
  display: none !important;
}
body.hm-theme-14 #menuScreen:has(#menuContent:not(.hm-menu-hidden)) {
  display: flex !important;
  visibility: visible !important;
  opacity: 1 !important;
}
body.hm-theme-14 .t14-cgroup,
body.hm-theme-14 .t14-products-list {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
}
body.hm-theme-14 .product-card-t14:not(.i18n-hidden):not([data-hm-pf-hidden]) {
  display: flex !important;
  visibility: visible !important;
  opacity: 1 !important;
}
/* Açık mod */
body.hm-theme-14:not(.hm-gh-dark) .video-overlay {
  background: rgba(255,255,255,0.32) !important;
}
body.hm-theme-14:not(.hm-gh-dark) #categoryScreen .category-top-bar h2,
body.hm-theme-14:not(.hm-gh-dark) .products-screen .products-header,
body.hm-theme-14:not(.hm-gh-dark) .products-screen .products-header-title {
  color: #1f2937 !important;
  text-shadow: 0 1px 4px rgba(255,255,255,0.85) !important;
}
body.hm-theme-14 .category-top-bar {
  display: none !important;
  height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  visibility: hidden !important;
  pointer-events: none !important;
}
body.hm-theme-14:not(.hm-gh-dark) .category-glass {
  background: rgba(255,255,255,0.92) !important;
  border-color: rgba(0,0,0,0.08) !important;
}
body.hm-theme-14:not(.hm-gh-dark) .category-glass-item {
  color: #1f2937 !important;
  border-color: rgba(0,0,0,0.07) !important;
  background: linear-gradient(180deg, #ffffff 0%, #eceff3 55%, #dde2e8 100%) !important;
  box-shadow:
    0 6px 14px rgba(0,0,0,0.12),
    0 2px 0 rgba(255,255,255,0.95) inset,
    0 -3px 0 rgba(0,0,0,0.06) inset !important;
}
body.hm-theme-14:not(.hm-gh-dark) .product-card-t14 {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  border-radius: 0 !important;
}
body.hm-theme-14:not(.hm-gh-dark) .product-card-t14 .name {
  color: var(--t14-text, #1f2937) !important;
}
body.hm-theme-14:not(.hm-gh-dark) .product-card-t14 .desc {
  color: var(--t14-muted, #5b6470) !important;
  opacity: 1 !important;
}
/* Koyu mod */
body.hm-theme-14.hm-gh-dark .video-overlay {
  background: rgba(0,0,0,0.55) !important;
}
body.hm-theme-14.hm-gh-dark #categoryScreen .category-top-bar h2,
body.hm-theme-14.hm-gh-dark .products-screen .products-header,
body.hm-theme-14.hm-gh-dark .products-screen .products-header-title {
  color: #fff !important;
  text-shadow: 0 2px 8px rgba(0,0,0,0.55) !important;
}
body.hm-theme-14.hm-gh-dark .category-glass {
  background: rgba(0,0,0,0.58) !important;
}
body.hm-theme-14.hm-gh-dark .category-glass-item {
  color: #fff !important;
  border-color: rgba(255,255,255,0.1) !important;
  background: linear-gradient(180deg, rgba(75,58,48,0.98) 0%, rgba(30,22,18,0.99) 100%) !important;
  box-shadow:
    0 6px 16px rgba(0,0,0,0.45),
    0 2px 0 rgba(255,255,255,0.08) inset,
    0 -3px 0 rgba(0,0,0,0.3) inset !important;
}
body.hm-theme-14.hm-gh-dark .product-card-t14 {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  border-radius: 0 !important;
}
body.hm-theme-14.hm-gh-dark .product-card-t14 .name {
  color: var(--t14-text, #f4efe7) !important;
}
body.hm-theme-14.hm-gh-dark .product-card-t14 .desc {
  color: var(--t14-muted, rgba(255,255,255,0.75)) !important;
}

/* Template 14: pm-modal — açık mod beyaz, koyu mod koyu yüzey */
body.hm-theme-14:not(.hm-gh-dark) #productDetails .pm-modal {
  background: #fff !important;
}
body.hm-theme-14 #productDetails .pm-modal .detail-name,
body.hm-theme-14 #productDetails .pm-modal #detailName,
body.hm-theme-14 #productDetails .pm-modal .product-details-name {
  color: var(--hm-detail-text, var(--hm-card-text, var(--hm-menu-text, #1f2937))) !important;
}
body.hm-theme-14 #productDetails .pm-modal .detail-desc,
body.hm-theme-14 #productDetails .pm-modal #detailDescription,
body.hm-theme-14 #productDetails .pm-modal .product-details-description {
  color: var(--hm-detail-desc, var(--hm-card-desc, var(--hm-menu-desc, #5b6470))) !important;
  opacity: 1 !important;
}
body.hm-theme-14 #productDetails .pm-modal .detail-price,
body.hm-theme-14 #productDetails .pm-modal #detailPrice,
body.hm-theme-14 #productDetails .pm-modal .product-details-price {
  color: var(--hm-detail-price, var(--hm-card-price, var(--hm-menu-price, var(--primary-color)))) !important;
}
body.hm-theme-14 #productDetails .pm-modal .variants-table td {
  color: #1f2937 !important;
}
body.hm-theme-14 #productDetails .pm-modal .variants-table td:last-child {
  color: var(--primary-color) !important;
}
body.hm-theme-14.hm-gh-dark #productDetails .pm-modal {
  background: var(--hm-modal-bg-dark, #1C1E27) !important;
}
body.hm-theme-14.hm-gh-dark #productDetails .pm-modal .detail-name,
body.hm-theme-14.hm-gh-dark #productDetails .pm-modal #detailName,
body.hm-theme-14.hm-gh-dark #productDetails .pm-modal .product-details-name {
  color: var(--hm-detail-text, var(--hm-card-text, var(--hm-menu-text, #f0f2f5))) !important;
}
body.hm-theme-14.hm-gh-dark #productDetails .pm-modal .detail-desc,
body.hm-theme-14.hm-gh-dark #productDetails .pm-modal #detailDescription,
body.hm-theme-14.hm-gh-dark #productDetails .pm-modal .product-details-description {
  color: var(--hm-detail-desc, var(--hm-card-desc, var(--hm-menu-desc, #b8bcc8))) !important;
}
body.hm-theme-14.hm-gh-dark #productDetails .pm-modal .variants-table td {
  color: #e8eaef !important;
}

/* Template 14: detay modal arkasında seçili video/resim */
body.hm-theme-14.t14-detail-open .video-bg {
  display: block !important;
  z-index: 99998 !important;
}
body.hm-theme-14.t14-detail-open .video-overlay {
  display: block !important;
  z-index: 99999 !important;
}
body.hm-theme-14.hm-gh-dark.t14-detail-open .video-overlay {
  background: rgba(0,0,0,0.42) !important;
}
body.hm-theme-14:not(.hm-gh-dark).t14-detail-open .video-overlay {
  background: rgba(255,255,255,0.28) !important;
}
body.hm-theme-14.t14-detail-open .screen.active {
  visibility: hidden !important;
  pointer-events: none !important;
}
body.hm-theme-14 #productDetails,
body.hm-theme-14 #productDetails.pm-open {
  background: transparent !important;
}
body.hm-theme-14.t14-detail-open #productDetails.pm-open::before,
body.hm-theme-14.t14-detail-open #productDetails::before {
  background: transparent !important;
  opacity: 0 !important;
}

/* Template 14: kare ürün görselleri — boş sarmalayıcı ve pm-image-wrap */
body.hm-theme-14 #productDetails .pm-modal .detail-image-wrap:empty {
  display: none !important;
}
body.hm-theme-14 #productDetails .pm-image-wrap {
  aspect-ratio: 1 / 1;
  height: auto !important;
  min-height: 0 !important;
  max-height: min(72dvh, 480px);
}
body.hm-theme-14 #productDetails .pm-image-wrap #detailImage {
  min-height: 0 !important;
  max-height: none !important;
  object-fit: cover !important;
}

/* ---- Template 15: sabit menü + dock spacer — fiyatlar görünür, titreme azalır ---- */
body.hm-has-global-header.hm-theme-15 {
  padding-top: 0 !important;
}
body.hm-theme-15.hm-has-pf-nav #t15Landing .t15-landing-inner {
  flex: 1 1 0% !important;
  min-height: 0 !important;
  height: unset !important;
  max-height: none !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  -webkit-overflow-scrolling: touch !important;
  overscroll-behavior: contain !important;
  touch-action: pan-y !important;
  padding-bottom: calc(var(--hm-t15-dock-pad, 96px) + 12px) !important;
}
body.hm-theme-15.hm-has-pf-nav #t15Landing.active {
  height: 100dvh !important;
  max-height: 100dvh !important;
  min-height: 0 !important;
  overflow: hidden !important;
}
body.hm-theme-15.hm-has-pf-nav #t15Landing .t15-glass-grid,
body.hm-theme-15.hm-has-pf-nav #t15Landing .t15-glass-grid.t15-grid-scrollable {
  flex: 0 0 auto !important;
  max-height: none !important;
  overflow: visible !important;
  height: auto !important;
}
body.hm-theme-15.hm-has-pf-nav #t15Menu {
  padding-bottom: 0 !important;
}
body.hm-theme-15.hm-has-pf-nav #t15Menu.active {
  display: block !important;
  position: relative !important;
  inset: auto !important;
  width: 100% !important;
  height: auto !important;
  max-height: none !important;
  min-height: 100dvh !important;
  overflow: visible !important;
  z-index: 1 !important;
}
body.hm-theme-15.hm-has-pf-nav:has(#t15Menu.active) {
  overflow: visible !important;
  overscroll-behavior: auto !important;
  padding-bottom: 0 !important;
  height: auto !important;
  max-height: none !important;
}
body.hm-theme-15.hm-has-pf-nav:has(#t15Menu.active) .t15-menu-body {
  touch-action: pan-y;
}
body.hm-theme-15 #t15Menu.active .t15-menu-body,
body.hm-theme-15.hm-has-pf-nav #t15Menu.active .t15-menu-body,
body.hm-theme-15.hm-has-pf-nav.hm-dock-pad #t15Menu.active .t15-menu-body,
body.hm-theme-15.hm-gh-header-hidden #t15Menu.active .t15-menu-body,
body.hm-theme-15.hm-no-global-header #t15Menu.active .t15-menu-body {
  display: block !important;
  flex: none !important;
  height: auto !important;
  max-height: none !important;
  min-height: 0 !important;
  overflow: visible !important;
}
body.hm-theme-15 .t15-dock-spacer {
  display: block !important;
  height: var(--hm-t15-dock-pad, 120px) !important;
  min-height: var(--hm-t15-dock-pad, 120px) !important;
  width: 100% !important;
  flex-shrink: 0 !important;
  pointer-events: none !important;
}
body.hm-theme-15 .t15-products-sheet,
body.hm-theme-15 #menuContent.t15-products-sheet {
  padding-bottom: 8px !important;
  overflow: visible !important;
}
body.hm-theme-15.hm-has-global-header #t15Landing.active {
  height: 100dvh !important;
  max-height: 100dvh !important;
  min-height: 0 !important;
  padding-top: var(--hm-gh-offset, var(--hm-gh-h, 52px));
  box-sizing: border-box;
  overflow: hidden !important;
}
body.hm-theme-15.hm-has-global-header #t15Menu.active {
  padding-top: var(--hm-gh-offset, var(--hm-gh-h, 52px));
  box-sizing: border-box;
  height: auto !important;
  max-height: none !important;
  overflow: visible !important;
}
body.hm-theme-15.hm-gh-header-hidden #t15Menu.active,
body.hm-theme-15.hm-dock-detail-open #t15Menu.active,
body.hm-theme-15.hm-no-global-header #t15Menu.active {
  padding-top: 0 !important;
}
body.hm-theme-15.hm-no-global-header .t15-menu-bar {
  display: none !important;
  height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  border: none !important;
}
body.hm-theme-15.hm-has-global-header .t15-menu-top {
  top: auto;
}
body.hm-theme-15 #menuContent .t15-cat-pills,
body.hm-theme-15 .t15-cat-pills {
  padding-top: 10px !important;
  padding-bottom: 12px !important;
}
body.hm-theme-15 #menuContent > .hm-inline-controls,
body.hm-theme-15 .t15-products-sheet > .hm-inline-controls {
  display: flex !important;
  visibility: visible !important;
  background: transparent !important;
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}
body.hm-theme-15:not(.hm-gh-dark) .t15-products-sheet,
body.hm-theme-15:not(.hm-gh-dark) #menuContent.t15-products-sheet {
  background: var(--hm-page-bg, #f4f6f5) !important;
  border-radius: 28px 28px 0 0 !important;
  margin-top: -28px !important;
  overflow: visible !important;
  height: auto !important;
  max-height: none !important;
  box-shadow: 0 -8px 24px rgba(0,0,0,0.08) !important;
}
body.hm-theme-15.hm-gh-dark .t15-products-sheet,
body.hm-theme-15.hm-gh-dark #menuContent.t15-products-sheet {
  border-radius: 28px 28px 0 0 !important;
  margin-top: -28px !important;
  overflow: visible !important;
  height: auto !important;
  max-height: none !important;
  box-shadow: 0 -8px 24px rgba(0,0,0,0.35) !important;
}
body.hm-theme-15 #t15Menu.active #menuContent:not(.hm-inline-view-grid) .t15-category-block:not(.t15-cat-hidden) {
  display: block !important;
  visibility: visible !important;
  height: auto !important;
  max-height: none !important;
  overflow: visible !important;
}
body.hm-theme-15 #t15Menu.active #menuContent.hm-inline-view-grid .t15-category-block:not(.t15-cat-hidden) {
  display: grid !important;
  visibility: visible !important;
  height: auto !important;
  max-height: none !important;
}
body.hm-theme-15 #t15Menu.active .t15-product-card:not([data-hm-pf-hidden]),
body.hm-theme-15 #t15Menu.active .product-card-t15:not([data-hm-pf-hidden]) {
  display: flex !important;
  visibility: visible !important;
  opacity: 1 !important;
  height: auto !important;
  max-height: none !important;
  min-height: 72px !important;
}
body.hm-theme-15:not(.hm-gh-dark) #menuContent .t15-product-name,
body.hm-theme-15:not(.hm-gh-dark) #menuContent .t15-product-name.i18n-name {
  color: var(--hm-menu-text, #1a2e28) !important;
}
body.hm-theme-15:not(.hm-gh-dark) #menuContent .t15-product-desc,
body.hm-theme-15:not(.hm-gh-dark) #menuContent .t15-product-desc.i18n-desc {
  color: var(--hm-menu-desc, #5c6f68) !important;
}
body.hm-theme-15:not(.hm-gh-dark) #menuContent.hm-inline-view-grid .t15-product-card,
body.hm-theme-15:not(.hm-gh-dark) #menuContent .t15-product-card {
  background: var(--hm-card-bg, #fff) !important;
  border-color: color-mix(in srgb, var(--hm-menu-text, #1a2e28) 14%, var(--hm-card-bg, #fff)) !important;
}
body.hm-theme-15.hm-gh-dark #menuContent .t15-product-name,
body.hm-theme-15.hm-gh-dark #menuContent .t15-product-name.i18n-name {
  color: #f0f2f5 !important;
}
body.hm-theme-15.hm-has-global-header .t15-bg,
body.hm-theme-15.hm-has-global-header .t15-bg-overlay {
  top: var(--hm-gh-offset, var(--hm-gh-h, 52px)) !important;
  height: calc(100% - var(--hm-gh-offset, var(--hm-gh-h, 52px))) !important;
}
body.hm-theme-15:not(.hm-gh-dark) #t15Menu,
body.hm-theme-15:not(.hm-gh-dark) {
  background: var(--hm-page-bg, #f4f6f5) !important;
  color: var(--hm-menu-text, #1a2e28) !important;
}
body.hm-theme-15.hm-gh-dark {
  background: #12131a !important;
  color: #e8eaef !important;
}
body.hm-theme-15.hm-gh-dark #t15Menu {
  background: #12131a !important;
}
body.hm-theme-15.hm-gh-dark .t15-menu-top {
  background: #1c1e27 !important;
}
body.hm-theme-15.hm-gh-dark .t15-products-sheet {
  background: #1c1e27 !important;
}
body.hm-theme-15.hm-gh-dark .t15-product-name {
  color: #f0f2f5 !important;
}
body.hm-theme-15.hm-gh-dark .t15-product-desc {
  color: #a8b0bd !important;
}
body.hm-theme-15 #t15Landing {
  position: relative !important;
  z-index: 2 !important;
}
body.hm-theme-15 .t15-bg { z-index: 0 !important; }
body.hm-theme-15 .t15-bg-overlay { z-index: 1 !important; }
/* Ürün sayfası: hm-menu-hidden / overflow bu sheet'i boş bırakmasın */
body.hm-theme-15 #t15Menu.active #menuContent.t15-products-sheet {
  display: block !important;
  height: auto !important;
  max-height: none !important;
  min-height: 0 !important;
  overflow: visible !important;
  visibility: visible !important;
}
body.hm-theme-15:not(.hm-gh-dark) .t15-bg-overlay {
  background: linear-gradient(180deg, rgba(255,255,255,0.18) 0%, rgba(255,255,255,0.42) 100%) !important;
}
body.hm-theme-15.hm-gh-dark .t15-bg-overlay {
  background: linear-gradient(180deg, rgba(0,0,0,0.32) 0%, rgba(0,0,0,0.55) 100%) !important;
}
body.hm-theme-15 .t15-tile-img {
  opacity: 1 !important;
}
body.hm-theme-15 .t15-tile-shade {
  background: linear-gradient(180deg, transparent 35%, rgba(0,0,0,.22) 72%, rgba(0,0,0,.48) 100%) !important;
}
body.hm-theme-15.hm-gh-dark .t15-tile-shade {
  background: linear-gradient(180deg, transparent 38%, rgba(0,0,0,.2) 70%, rgba(0,0,0,.5) 100%) !important;
}
body.hm-theme-15:not(.hm-gh-dark) .t15-tile-shade {
  background: linear-gradient(180deg, transparent 40%, rgba(0,0,0,.18) 75%, rgba(0,0,0,.42) 100%) !important;
}

/* ---- Ortak sol menü çekmecesi (hmPfCategoryDrawer) + dock katmanı ---- */
body.hm-has-pf-nav .hm-pf-overlay.open { z-index: 100004 !important; }
body.hm-has-pf-nav .hm-pf-drawer.open { z-index: 100005 !important; }
body.hm-has-pf-nav .hm-pf-sheet.open { z-index: 100006 !important; }
body.hm-has-pf-nav .hm-dock { z-index: 99990 !important; }

/* ---- Template 16: standart dock + drawer/modal z-index ---- */
body.hm-theme-16.hm-has-pf-nav .t16-drawer-overlay.open { z-index: 100000; }
body.hm-theme-16.hm-has-pf-nav .t16-drawer.open { z-index: 100001; }
body.hm-theme-16.hm-has-pf-nav .t16-overlay.open { z-index: 100002; }
body.hm-theme-16.hm-has-pf-nav .t16-info-panel.open,
body.hm-theme-16.hm-has-pf-nav .t16-product-modal.open { z-index: 100003; }
/* Template 16: liste görünümü gerçekten satır olsun (grid kalmasın) */
body.hm-theme-16 #menuContent.hm-inline-view-list .t16-product-grid {
  display: flex !important;
  flex-direction: column !important;
  gap: 10px !important;
  grid-template-columns: none !important;
}
body.hm-theme-16 #menuContent.hm-inline-view-list .t16-product-card {
  display: flex !important;
  flex-direction: row !important;
  align-items: stretch !important;
  height: auto !important;
  width: 100% !important;
}
body.hm-theme-16 #menuContent.hm-inline-view-list .t16-product-card > img,
body.hm-theme-16 #menuContent.hm-inline-view-list .t16-product-card > .hm-pf-img-host {
  width: 96px !important;
  height: 96px !important;
  min-width: 96px !important;
  max-width: 96px !important;
  min-height: 96px !important;
  max-height: 96px !important;
  flex: 0 0 96px !important;
  object-fit: cover !important;
}
body.hm-theme-16 #menuContent.hm-inline-view-list .t16-product-card .t16-p-body {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  width: auto !important;
  justify-content: center !important;
}

/* Template 16: kategori banner — fotoğraf canlı, yazı beyaz */
body.hm-theme-16 #menuContent .t16-cat-banner::after,
body.hm-theme-16 .t16-cat-banner::after {
  content: '';
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
  background: linear-gradient(180deg, transparent 28%, rgba(0,0,0,.18) 70%, rgba(0,0,0,.48) 100%) !important;
}
body.hm-theme-16.hm-gh-dark #menuContent .t16-cat-banner::after,
body.hm-theme-16.t16-dark #menuContent .t16-cat-banner::after,
body.hm-theme-16.hm-gh-dark .t16-cat-banner::after,
body.hm-theme-16.t16-dark .t16-cat-banner::after {
  background: linear-gradient(180deg, transparent 25%, rgba(0,0,0,.22) 68%, rgba(0,0,0,.52) 100%) !important;
}
html body.hm-theme-16 #menuContent button.t16-cat-banner h2.i18n-cat-name,
html body.hm-theme-16 .t16-cat-banner h2.i18n-cat-name,
body.hm-theme-16 #menuContent .t16-cat-banner h2,
body.hm-theme-16 .t16-cat-banner h2 {
  position: absolute !important;
  left: 0 !important;
  right: 0 !important;
  top: 50% !important;
  bottom: auto !important;
  transform: translateY(-50%) !important;
  z-index: 3 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin: 0 !important;
  padding: 8px 14px !important;
  background: rgba(0,0,0,.52) !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  font-size: 17px !important;
  font-weight: 800 !important;
  letter-spacing: 0.05em !important;
  line-height: 1.2 !important;
  text-align: center !important;
  text-transform: uppercase !important;
  text-shadow: 0 1px 2px rgba(0,0,0,.7) !important;
}
body.hm-theme-16 .t16-hero.t16-hero-has-banner {
  height: clamp(202px, calc(26vh + 26px), 254px) !important;
}
body.hm-theme-16 .t16-hero::after {
  left: -16% !important;
  right: -16% !important;
  bottom: 0 !important;
  height: 28px !important;
  border-radius: 50% 50% 0 0 !important;
}

/* ---- Template 17: standart dock + karanlık mod + drawer z-index ---- */
body.hm-theme-17.hm-gh-dark {
  --t17-bg: #12141a;
  background: var(--t17-bg) !important;
  color: #edf0f4;
}
body.hm-theme-17.hm-gh-dark .t17-slider-title { color: #b8bcc8; }
body.hm-theme-17.hm-gh-dark .t17-product-row {
  background: var(--hm-card-bg, #1e2228);
  color: var(--hm-menu-text, #edf0f4);
  box-shadow: 0 2px 12px rgba(0,0,0,0.35);
}
body.hm-theme-17.hm-gh-dark .t17-product-row h4,
body.hm-theme-17.hm-gh-dark .t17-product-row .i18n-name { color: #f0f2f5 !important; }
body.hm-theme-17.hm-gh-dark .t17-product-row .hm-pf-card-rating,
body.hm-theme-17.hm-gh-dark .t17-product-row .t17-row-rating { color: #fbbf24 !important; }
body.hm-theme-17.hm-gh-dark .t17-back {
  background: #2a2f38;
  color: #edf0f4;
}
body.hm-theme-17.hm-gh-dark #t17CatTitle { color: #f0f2f5; }
body.hm-theme-17.hm-gh-dark .t17-sheet:not(.t17-info-dark) {
  background: #1e2228;
  color: #edf0f4;
}
body.hm-theme-17.hm-gh-dark .t17-close { background: #2a2f38; color: #edf0f4; }
body.hm-theme-17.hm-gh-dark .t17-wifi-row { background: #2a2f38; color: #edf0f4; }
body.hm-theme-17.hm-gh-dark .t17-waiter-select {
  background: #2a2f38;
  color: #edf0f4;
  border-color: rgba(255,255,255,0.12);
}
body.hm-theme-17.hm-has-pf-nav .t17-overlay.open { z-index: 100000; }
body.hm-theme-17.hm-has-pf-nav .t17-drawer.open { z-index: 100001; }
body.hm-theme-17.hm-has-pf-nav .t17-info-dark.open { z-index: 100002; }
body.hm-theme-17.hm-has-pf-nav .hm-dock { z-index: 99990; }

/* Template 17: kategori adı resmin altındaki bantta */
body.hm-theme-17 #menuContent .t17-cat-card::after,
body.hm-theme-17 .t17-cat-card::after {
  content: none !important;
  background: none !important;
}
html body.hm-theme-17 #menuContent button.t17-cat-card > span.i18n-cat-name,
body.hm-theme-17 #menuContent .t17-cat-card span,
body.hm-theme-17 .t17-cat-card span {
  position: absolute !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  top: auto !important;
  inset: auto 0 0 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 40px !important;
  padding: 8px 10px !important;
  background: rgba(0,0,0,.78) !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  text-shadow: none !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  line-height: 1.25 !important;
  text-align: center !important;
}
body.hm-theme-17 .t17-products.open .t17-products-head,
body.hm-theme-17 #menuContent .t17-products.open .t17-products-head {
  position: fixed !important;
  top: var(--hm-gh-offset, 0px) !important;
  left: 0 !important;
  right: 0 !important;
  z-index: 2100 !important;
  margin: 0 !important;
  background: var(--t17-bg, #f4f4f4) !important;
}
body.hm-theme-17.hm-gh-header-hidden .t17-products.open .t17-products-head,
body.hm-theme-17.hm-no-global-header .t17-products.open .t17-products-head {
  top: env(safe-area-inset-top, 0px) !important;
}
body.hm-theme-17 .t17-products.open .t17-product-list {
  padding-top: 58px !important;
}
body.hm-theme-17 .t17-back {
  background: var(--t17-primary, var(--primary-color, #c45c26)) !important;
  color: #fff !important;
  font-weight: 700 !important;
}
body.hm-theme-17.hm-gh-dark .t17-products-head,
body.hm-theme-17.hm-gh-dark #menuContent .t17-products-head {
  background: var(--t17-bg, #12141a) !important;
}

/* ---- Template 18–20: sticky kategori + modal z-index ---- */
body.hm-theme-18.hm-has-global-header .cat-rail,
body.hm-theme-18.hm-has-global-header #catRail,
body.hm-theme-19.hm-has-global-header .cat-rail,
body.hm-theme-20.hm-has-global-header .cat-rail {
  top: var(--hm-gh-offset, var(--hm-gh-h, 52px)) !important;
}
body.hm-theme-18.hm-no-global-header .cat-rail,
body.hm-theme-18.hm-no-global-header #catRail,
body.hm-theme-19.hm-no-global-header .cat-rail,
body.hm-theme-20.hm-no-global-header .cat-rail {
  top: 0 !important;
}
body.hm-theme-18 .cat-rail,
body.hm-theme-18 #catRail,
body.hm-theme-18 #menuContent .cat-rail,
body.hm-theme-18 #menuContent #catRail,
body.hm-theme-19 .cat-rail,
body.hm-theme-19 #catRail,
body.hm-theme-19 #menuContent .cat-rail,
body.hm-theme-19 #menuContent #catRail {
  position: sticky !important;
  z-index: 45 !important;
  background: var(--bg, #F4F3FA) !important;
}
body.hm-theme-19.hm-gh-dark .cat-rail,
body.hm-theme-19.hm-gh-dark #catRail,
body.hm-theme-19.hm-gh-dark #menuContent .cat-rail {
  background: var(--bg, #0F141C) !important;
}
body.hm-theme-19 .app.t19-browsing .hero {
  display: block !important;
}
body.hm-theme-19 .hero-text {
  display: none !important;
}
body.hm-theme-19 .app.t19-browsing .section-label,
body.hm-theme-19 .app.t19-browsing #popularRail,
body.hm-theme-19 .app.t19-browsing .popular-rail {
  display: none !important;
}
body.hm-theme-19 .app.t19-browsing .t19-toolbar {
  margin-top: 10px !important;
}
html body.hm-theme-19 #menuContent .t19-toolbar:has(.t19-sort-menu:not([hidden])),
html body.hm-theme-19 .t19-toolbar:has(.t19-sort-menu:not([hidden])) {
  position: relative !important;
  z-index: 2100 !important;
}
html body.hm-theme-19 .t19-sort-menu:not([hidden]) {
  z-index: 2101 !important;
}
html body.hm-theme-19 #menuContent:has(.t19-sort-menu:not([hidden])) #catRail,
html body.hm-theme-19 #menuContent:has(.t19-sort-menu:not([hidden])) .cat-rail,
html body.hm-theme-19.hm-has-global-header #menuContent:has(.t19-sort-menu:not([hidden])) .hm-sticky-chrome {
  z-index: 40 !important;
}
body.hm-theme-19 .hero {
  height: 248px !important;
}
body.hm-theme-19.hm-has-global-header .hero {
  margin-top: -8px !important;
}
body.hm-theme-19 .section-label,
body.hm-theme-19 .popular-rail,
body.hm-theme-19 #popularRail {
  background: transparent !important;
  border-radius: 0 !important;
}
html body.hm-theme-21 .t21-panel.open {
  overflow-x: hidden !important;
  overflow-y: auto !important;
  -webkit-overflow-scrolling: touch;
}
html body.hm-theme-21 .t21-panel.open .t21-panel-hero {
  position: relative !important;
  flex: 0 0 auto !important;
}
html body.hm-theme-21 .t21-panel.open .t21-panel-body {
  overflow: visible !important;
  height: auto !important;
  max-height: none !important;
  flex: 0 0 auto !important;
}
html body.hm-theme-21 #menuContent.hm-inline-view-grid .t21-panel-body {
  align-items: start !important;
}
html body.hm-theme-21 #menuContent.hm-inline-view-grid .t21-product-body {
  min-height: 0 !important;
}
html body.hm-theme-21 #menuContent.hm-inline-view-grid .t21-meta-row {
  margin-top: 0 !important;
}
html body.hm-theme-21 .t21-panel-head {
  position: sticky !important;
  top: calc(var(--hm-gh-offset, 0px) + var(--t21-search-h, 52px)) !important;
  z-index: 40 !important;
  min-height: var(--t21-head-h, 56px) !important;
  background: rgba(0,0,0,.78) !important;
}
html body.hm-theme-21 .t21-panel.open .t21-panel-hero {
  margin-bottom: calc(-1 * var(--t21-head-h, 56px)) !important;
}
html body.hm-theme-21.t21-cat-scrolled #hm-app-header-bar,
html body.hm-theme-21.t21-cat-scrolled .hm-gh-header,
html body.hm-theme-21.t21-cat-scrolled header.hm-global-header {
  transform: translateY(-100%) !important;
  pointer-events: none !important;
}
html body.hm-theme-21.t21-cat-scrolled {
  --hm-gh-offset: env(safe-area-inset-top, 0px) !important;
}
html body.hm-theme-21 .t21-panel.open .t21-panel-back {
  position: absolute !important;
  top: 50% !important;
  left: 10px !important;
  right: auto !important;
  transform: translateY(-50%) !important;
  z-index: 2 !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  height: 36px !important;
  padding: 0 12px 0 10px !important;
  border-radius: 999px !important;
  background: rgba(255,255,255,.16) !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}
html body.hm-theme-21 .t21-panel-title,
html body.hm-theme-21 .t21-panel-title.i18n-cat-name {
  position: relative !important;
  left: auto !important;
  right: auto !important;
  top: auto !important;
  bottom: auto !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  background: transparent !important;
}
body.hm-theme-19 #menuContent .hm-sticky-chrome {
  background: var(--bg, #F6F5F1) !important;
  box-shadow: 0 2px 10px rgba(0,0,0,.04) !important;
  position: sticky !important;
  top: var(--hm-gh-offset, var(--hm-gh-h, 0px)) !important;
  z-index: 45 !important;
}
body.hm-theme-19.hm-gh-dark #menuContent .hm-sticky-chrome {
  background: var(--bg, #0F141C) !important;
}
body.hm-theme-19 #menuContent .hm-sticky-chrome .cat-rail,
body.hm-theme-19 #menuContent .hm-sticky-chrome #catRail {
  position: relative !important;
  top: auto !important;
  z-index: auto !important;
  background: transparent !important;
}
body.hm-theme-17 #menuContent.hm-inline-view-grid .t17-product-list,
body.hm-theme-17.hm-pref-view-grid #menuContent:not(.hm-inline-view-list) .t17-product-list {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 10px !important;
}
body.hm-theme-17 #menuContent.hm-inline-view-list .t17-product-list,
body.hm-theme-17 #menuContent:not(.hm-inline-view-grid) .t17-product-list {
  display: flex !important;
  flex-direction: column !important;
  gap: 10px !important;
}
body.hm-theme-17 #menuContent.hm-inline-view-grid .t17-product-row {
  flex-direction: column !important;
}
body.hm-theme-17 #menuContent.hm-inline-view-list .t17-product-row,
body.hm-theme-17 #menuContent:not(.hm-inline-view-grid) .t17-product-row {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  height: auto !important;
  max-height: none !important;
  overflow: visible !important;
  width: 100% !important;
  box-sizing: border-box !important;
}
body.hm-theme-17 #menuContent.hm-inline-view-list .t17-product-row > div:not(.hm-pf-img-host),
body.hm-theme-17 #menuContent:not(.hm-inline-view-grid) .t17-product-row > div:not(.hm-pf-img-host) {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  width: auto !important;
  max-width: none !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
}
body.hm-theme-17 #menuContent.hm-inline-view-list .t17-product-row h4,
body.hm-theme-17 #menuContent:not(.hm-inline-view-grid) .t17-product-row h4,
body.hm-theme-17 #menuContent.hm-inline-view-list .t17-product-row .i18n-name,
body.hm-theme-17 #menuContent:not(.hm-inline-view-grid) .t17-product-row .i18n-name {
  width: 100% !important;
  max-width: 100% !important;
  text-align: left !important;
}
body.hm-theme-17 #menuContent.hm-inline-view-grid .t17-product-row > img,
body.hm-theme-17 #menuContent.hm-inline-view-grid .t17-product-row > .hm-pf-img-host {
  width: 100% !important;
  height: 110px !important;
  min-width: 0 !important;
  max-width: none !important;
  min-height: 110px !important;
  max-height: 110px !important;
}
body.hm-theme-17 #menuContent.hm-inline-view-list .t17-product-row > img,
body.hm-theme-17 #menuContent.hm-inline-view-list .t17-product-row > .hm-pf-img-host,
body.hm-theme-17 #menuContent:not(.hm-inline-view-grid) .t17-product-row > img,
body.hm-theme-17 #menuContent:not(.hm-inline-view-grid) .t17-product-row > .hm-pf-img-host {
  width: 72px !important;
  height: 72px !important;
  min-width: 72px !important;
  max-width: 72px !important;
  min-height: 72px !important;
  max-height: 72px !important;
  flex-shrink: 0 !important;
}
body.hm-theme-17 #menuContent.hm-inline-view-list .t17-product-row > .hm-pf-img-host > img,
body.hm-theme-17 #menuContent:not(.hm-inline-view-grid) .t17-product-row > .hm-pf-img-host > img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
}
body.hm-theme-17 .t17-row-meta {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 8px !important;
  width: 100% !important;
}
body.hm-theme-17 .t17-row-meta .hm-pf-card-rating,
body.hm-theme-17 .t17-row-meta .t17-row-rating {
  display: inline-flex !important;
  margin: 0 !important;
  flex: 1 !important;
  min-width: 0 !important;
}
body.hm-theme-17 .t17-row-meta .price {
  margin-left: auto !important;
  flex-shrink: 0 !important;
}
body.hm-theme-18 #menuContent .hm-sticky-chrome {
  background: var(--bg, #F4F3FA) !important;
  box-shadow: 0 2px 10px rgba(0,0,0,.04) !important;
  position: sticky !important;
  top: var(--hm-gh-offset, var(--hm-gh-h, 0px)) !important;
  z-index: 2002 !important;
}
body.hm-theme-18.hm-gh-header-hidden #menuContent .hm-sticky-chrome {
  top: 0 !important;
}
body.hm-theme-18.hm-gh-dark #menuContent .hm-sticky-chrome {
  background: var(--bg, #0A0A0F) !important;
}
body.hm-theme-18 #menuContent .hm-sticky-chrome .cat-rail,
body.hm-theme-18 #menuContent .hm-sticky-chrome #catRail {
  position: relative !important;
  top: auto !important;
  z-index: auto !important;
  background: transparent !important;
}
body.hm-theme-18,
body.hm-theme-18 #menuContent,
body.hm-theme-18 .app,
body.hm-theme-18 #menuContent .app {
  overflow-x: clip !important;
  overflow-y: visible !important;
}
/* Landing wrap #menuContent nav { display:block } kuralını ez — yatay pill şeridi kalsın */
body.hm-theme-18 .cat-rail,
body.hm-theme-18 #menuContent .cat-rail,
body.hm-theme-19 .cat-rail,
body.hm-theme-19 #menuContent .cat-rail,
body.hm-theme-20 .cat-rail,
body.hm-theme-20 #menuContent .cat-rail {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  overflow-x: auto !important;
  overflow-y: hidden !important;
  -webkit-overflow-scrolling: touch !important;
  box-shadow: none !important;
}
body.hm-theme-18 .cat-pill,
body.hm-theme-18 #menuContent .cat-pill,
body.hm-theme-19 .cat-pill,
body.hm-theme-19 #menuContent .cat-pill,
body.hm-theme-20 .cat-pill,
body.hm-theme-20 #menuContent .cat-pill {
  flex: 0 0 auto !important;
  display: inline-flex !important;
  align-items: center !important;
  white-space: nowrap !important;
  width: auto !important;
  max-width: none !important;
}
body.hm-theme-20 #menuContent .cat-pill {
  min-height: 48px !important;
  padding: 12px 20px !important;
}
body.hm-theme-18.hm-has-pf-nav .grid,
body.hm-theme-19.hm-has-pf-nav .product-host,
body.hm-theme-19.hm-has-pf-nav .band-list,
body.hm-theme-20.hm-has-pf-nav .grid {
  padding-bottom: 12px;
}
/* T18: kategori etiketi yok; puan | fiyat satırı */
body.hm-theme-18 .card-tag,
body.hm-theme-18 #menuContent .card-tag {
  display: none !important;
}
body.hm-theme-18 #menuContent.hm-inline-view-grid .card-body,
body.hm-theme-18 #menuContent:not(.hm-inline-view-grid) .card-body,
body.hm-theme-18 .card-body {
  display: flex !important;
  flex-direction: column !important;
  grid-template-columns: none !important;
  grid-template-areas: none !important;
  gap: 6px !important;
  align-items: stretch !important;
}
body.hm-theme-18 .card-name,
body.hm-theme-18 #menuContent .card-name,
body.hm-theme-18 #menuContent.hm-inline-view-grid .card-name {
  grid-area: auto !important;
  margin: 0 !important;
}
body.hm-theme-18 .card-meta {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 8px !important;
  width: 100% !important;
  min-width: 0 !important;
  margin-top: auto !important;
}
body.hm-theme-18 .card-meta .card-price,
body.hm-theme-18 #menuContent .card-meta .card-price,
body.hm-theme-18 #menuContent.hm-inline-view-grid .card-meta .card-price {
  grid-area: auto !important;
  margin: 0 0 0 auto !important;
  justify-self: auto !important;
  align-self: flex-end !important;
  text-align: right !important;
}
body.hm-theme-18 .card-meta .hm-pf-card-rating,
body.hm-theme-18 #menuContent .card-meta .hm-pf-card-rating,
body.hm-theme-18 #menuContent.hm-inline-view-grid .card-body > .hm-pf-card-rating {
  display: inline-flex !important;
  position: static !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  border: none !important;
  color: var(--hm-menu-rating, var(--pink, #FF5CA8)) !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  order: 0 !important;
  grid-area: auto !important;
}
body.hm-theme-18.hm-gh-dark .card-meta .hm-pf-card-rating {
  color: #fbbf24 !important;
}
body.hm-theme-18 .card-meta .hm-pf-card-rating[hidden] {
  display: none !important;
}
body.hm-theme-20 #grid.is-grid,
body.hm-theme-20 #menuContent #grid.is-grid {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
  gap: 14px !important;
  align-content: start !important;
}
body.hm-theme-20 #grid.is-list,
body.hm-theme-20 #menuContent #grid.is-list {
  display: flex !important;
  flex-direction: column !important;
  gap: 10px !important;
}
body.hm-theme-20 #grid.is-grid .cat-card {
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  min-width: 0 !important;
}
body.hm-theme-20 #grid.is-list .cat-card {
  display: flex !important;
  flex-direction: row !important;
  align-items: stretch !important;
}
body.hm-theme-20 .cat-count .hm-pf-card-rating {
  display: inline-flex !important;
  position: static !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  border: none !important;
  color: var(--hm-menu-rating, var(--primary-color, #d97706)) !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  order: 0 !important;
  flex: 0 0 auto !important;
  flex-shrink: 0 !important;
  min-width: max-content !important;
  max-width: none !important;
  overflow: visible !important;
  visibility: visible !important;
  opacity: 1 !important;
}
body.hm-theme-20.hm-gh-dark .cat-count .hm-pf-card-rating {
  color: var(--hm-menu-rating, var(--hm-menu-rating-dark, #fbbf24)) !important;
}
body.hm-theme-20 .cat-count .hm-pf-card-rating[hidden] {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
}
body.hm-theme-20 .cat-count,
body.hm-theme-20 #menuContent .cat-count {
  overflow: visible !important;
  gap: 8px !important;
}
body.hm-theme-20 .t20-sticky-top,
body.hm-theme-20 #menuContent .t20-sticky-top {
  position: sticky !important;
  top: var(--hm-gh-offset, var(--hm-gh-h, 0px)) !important;
  z-index: 45 !important;
  background: color-mix(in srgb, var(--bg, var(--hm-page-bg, #FAF9F6)) 94%, transparent) !important;
}
body.hm-theme-20 .banner,
body.hm-theme-20 #menuContent .banner {
  display: none !important;
}
body.hm-theme-20.hm-no-global-header .t20-sticky-top,
body.hm-theme-20.hm-no-global-header #menuContent .t20-sticky-top {
  top: 0 !important;
}
body.hm-theme-20 #menuContent .hm-sticky-chrome .t20-sticky-top,
body.hm-theme-20 #menuContent .hm-sticky-chrome .cat-rail {
  position: relative !important;
  top: auto !important;
}
body.hm-theme-20 .cat-count .t20-price,
body.hm-theme-20 #menuContent .t20-price {
  color: var(--hm-menu-price, var(--terracotta, #C86B4A)) !important;
}
body.hm-theme-20 .cat-name,
body.hm-theme-20 #menuContent .cat-name {
  color: var(--hm-card-text, var(--ink, #1C2430)) !important;
}
body.hm-theme-20 .cat-card,
body.hm-theme-20 #menuContent .cat-card {
  background: var(--card, var(--hm-card-bg, #fff)) !important;
  border-color: var(--border-soft, var(--hm-card-border, rgba(0,0,0,.06))) !important;
}
body.hm-theme-18 .overlay.open,
body.hm-theme-19 .overlay.open,
body.hm-theme-20 .overlay.open {
  z-index: 100000 !important;
}
body.hm-theme-18,
body.hm-theme-18.hm-gh-dark {
  background: var(--bg) !important;
  color: var(--text) !important;
}
body.hm-theme-18 .app {
  background: var(--bg) !important;
}
body.hm-theme-19,
body.hm-theme-19.hm-gh-dark {
  background: var(--bg) !important;
  color: var(--ink) !important;
}
body.hm-theme-19 .app,
body.hm-theme-19 #menuContent,
body.hm-theme-19 #menuContent .app {
  background: var(--bg) !important;
  color: var(--ink) !important;
}
body.hm-theme-19 .p-card-cat,
body.hm-theme-19 #menuContent .p-card-cat {
  display: none !important;
}
body.hm-theme-19 #menuContent.hm-inline-view-grid .p-card-body,
body.hm-theme-19 #menuContent:not(.hm-inline-view-grid) .p-card-body,
body.hm-theme-19 .p-card-body {
  display: flex !important;
  flex-direction: column !important;
  grid-template-columns: none !important;
  grid-template-areas: none !important;
  gap: 6px !important;
  align-items: stretch !important;
}
body.hm-theme-19 .p-card-meta {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 8px !important;
  width: 100% !important;
  min-width: 0 !important;
  margin-top: auto !important;
  overflow: visible !important;
}
body.hm-theme-19 .p-card-meta .hm-pf-card-rating,
body.hm-theme-19 #menuContent .p-card-meta .hm-pf-card-rating {
  display: inline-flex !important;
  position: static !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  border: none !important;
  color: var(--hm-menu-rating, var(--coral, #E85D4E)) !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  flex: 1 1 auto !important;
  min-width: 0 !important;
  max-width: 72% !important;
  white-space: nowrap !important;
  overflow: visible !important;
}
body.hm-theme-19.hm-gh-dark .p-card-meta .hm-pf-card-rating {
  color: #fbbf24 !important;
}
body.hm-theme-19 .p-card-meta .hm-pf-card-rating[hidden] {
  display: none !important;
}
body.hm-theme-19.hm-gh-dark .p-card,
body.hm-theme-19.hm-gh-dark .pop-card,
body.hm-theme-19.hm-gh-dark .cat-pill:not(.active),
body.hm-theme-19.hm-gh-dark .t19-search input,
body.hm-theme-19.hm-gh-dark .t19-tool-btn:not(.is-active),
body.hm-theme-19.hm-gh-dark .t19-sort-menu,
body.hm-theme-19.hm-gh-dark .modal {
  background: var(--card, #1A2230) !important;
  color: var(--ink, #E8ECF2) !important;
  border-color: var(--border-soft, rgba(255,255,255,.1)) !important;
}
body.hm-theme-19.hm-gh-dark .p-card-name,
body.hm-theme-19.hm-gh-dark .pop-name,
body.hm-theme-19.hm-gh-dark .section-label,
body.hm-theme-19.hm-gh-dark .modal-name,
body.hm-theme-19.hm-gh-dark .t19-sort-opt {
  color: var(--ink, #E8ECF2) !important;
}
body.hm-theme-19.hm-gh-dark .p-card-price,
body.hm-theme-19.hm-gh-dark .pop-price {
  color: var(--coral, #E85D4E) !important;
}
body.hm-theme-20,
body.hm-theme-20.hm-gh-dark {
  background: var(--bg) !important;
  color: var(--ink) !important;
}
body.hm-theme-20 .app {
  background: var(--bg) !important;
}

/* ---- Template 7: kompakt ürün grid + karanlık mod ---- */
body.hm-theme-7 #menuContent .menu-items .menu-item.hm-cat-filter-hidden,
body.hm-theme-7 #menuContent .menu-items .menu-item.hm-cat-filter-hidden:not(.i18n-hidden) {
  display: none !important;
  visibility: hidden !important;
  height: 0 !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  pointer-events: none !important;
}
body.hm-theme-7 #menuContent .menu-section {
  padding: 0.75rem 0.65rem 1rem !important;
}
body.hm-theme-7 #menuContent.hm-inline-view-grid .menu-items,
body.hm-theme-7 #menuContent:not(.hm-inline-view-list) .menu-items {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 0.65rem !important;
}
body.hm-theme-7 #menuContent.hm-inline-view-list .menu-items {
  display: flex !important;
  flex-direction: column !important;
  gap: 8px !important;
  grid-template-columns: none !important;
}
body.hm-theme-7 #menuContent.hm-inline-view-list .menu-items .menu-item:not(.i18n-hidden) {
  display: flex !important;
  flex-direction: row !important;
  align-items: stretch !important;
  gap: 12px !important;
  padding: 8px 10px !important;
  box-sizing: border-box !important;
}
body.hm-theme-7 #menuContent.hm-inline-view-list .menu-items .menu-item:not(.i18n-hidden) > .product-list-img,
body.hm-theme-7 #menuContent.hm-inline-view-list .menu-items .menu-item:not(.i18n-hidden) > img:first-of-type,
body.hm-theme-7 #menuContent.hm-inline-view-list .menu-items .menu-item:not(.i18n-hidden) > .menu-item-image,
body.hm-theme-7 #menuContent.hm-inline-view-list .menu-items .menu-item:not(.i18n-hidden) > img.menu-item-image,
body.hm-theme-7 #menuContent.hm-inline-view-list .menu-items .menu-item:not(.i18n-hidden) > img.hm-sym-ghost,
body.hm-theme-7 #menuContent.hm-inline-view-list .menu-items .menu-item:not(.i18n-hidden) > img[data-hm-sym-ghost='1'],
body.hm-theme-7 #menuContent.hm-inline-view-list .menu-items .menu-item:not(.i18n-hidden) > .hm-pf-img-host,
body.hm-theme-7 #menuContent.hm-inline-view-list .menu-items .menu-item:not(.i18n-hidden) > .product-image-wrapper,
body.hm-theme-7 #menuContent.hm-inline-view-list .menu-items .menu-item:not(.i18n-hidden) > .product-image-wrapper.hm-img-spacer {
  width: 72px !important;
  height: 72px !important;
  min-width: 72px !important;
  max-width: 72px !important;
  min-height: 72px !important;
  max-height: 72px !important;
  aspect-ratio: auto !important;
  border-radius: 10px !important;
  flex: 0 0 72px !important;
  flex-shrink: 0 !important;
  align-self: center !important;
  box-sizing: border-box !important;
  overflow: hidden !important;
}
body.hm-theme-7 #menuContent.hm-inline-view-list .menu-items .menu-item:not(.i18n-hidden) > .hm-pf-img-host > img,
body.hm-theme-7 #menuContent.hm-inline-view-list .menu-items .menu-item:not(.i18n-hidden) > .product-image-wrapper > img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  position: static !important;
  inset: auto !important;
}
body.hm-theme-7 #menuContent.hm-inline-view-list .menu-item-content {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 2px !important;
  padding: 0 !important;
}
body.hm-theme-7 #menuContent.hm-inline-view-list .menu-item-price {
  margin-top: 2px !important;
}
body.hm-theme-7 #menuContent.hm-inline-view-grid .menu-items .menu-item:not(.i18n-hidden) > .product-list-img,
body.hm-theme-7 #menuContent.hm-inline-view-grid .menu-items .menu-item:not(.i18n-hidden) > img:first-of-type,
body.hm-theme-7 #menuContent.hm-inline-view-grid .menu-items .menu-item:not(.i18n-hidden) > .menu-item-image,
body.hm-theme-7 #menuContent.hm-inline-view-grid .menu-items .menu-item:not(.i18n-hidden) > img.menu-item-image,
body.hm-theme-7 #menuContent:not(.hm-inline-view-list) .menu-items .menu-item:not(.i18n-hidden) > .product-list-img,
body.hm-theme-7 #menuContent:not(.hm-inline-view-list) .menu-items .menu-item:not(.i18n-hidden) > img:first-of-type,
body.hm-theme-7 #menuContent:not(.hm-inline-view-list) .menu-items .menu-item:not(.i18n-hidden) > .menu-item-image,
body.hm-theme-7 #menuContent:not(.hm-inline-view-list) .menu-items .menu-item:not(.i18n-hidden) > img.menu-item-image {
  aspect-ratio: 4 / 3 !important;
  max-height: 132px !important;
  min-height: 0 !important;
  width: 100% !important;
}
body.hm-theme-7 #menuContent .menu-items .menu-item:not(.i18n-hidden) .menu-item-content {
  padding: 0.4rem 0.5rem 0.5rem !important;
}
body.hm-theme-7 #menuContent.hm-inline-view-grid .menu-item-content,
body.hm-theme-7 #menuContent:not(.hm-inline-view-list) .menu-item-content {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  grid-template-areas:
    "name name"
    "desc desc"
    "rating price" !important;
  gap: 4px 8px !important;
  align-content: start !important;
  flex: 1 1 auto !important;
}
body.hm-theme-7 #menuContent .menu-item-name {
  font-size: 0.82rem !important;
  line-height: 1.3 !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  display: -webkit-box !important;
  -webkit-line-clamp: 2 !important;
  line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
  max-height: 2.6em !important;
  min-height: 0 !important;
}
body.hm-theme-7 #menuContent.hm-inline-view-grid .menu-item-name,
body.hm-theme-7 #menuContent:not(.hm-inline-view-list) .menu-item-name {
  grid-area: name !important;
}
body.hm-theme-7 #menuContent .menu-item-description {
  font-size: 0.68rem !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  line-height: 1.3 !important;
  display: -webkit-box !important;
  -webkit-line-clamp: 2 !important;
  line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
  max-height: 2.6em !important;
  min-height: 0 !important;
  white-space: normal !important;
}
body.hm-theme-7 #menuContent.hm-inline-view-grid .menu-item-description,
body.hm-theme-7 #menuContent:not(.hm-inline-view-list) .menu-item-description {
  grid-area: desc !important;
}
body.hm-theme-7 #menuContent .menu-item-description:empty {
  display: none !important;
}
body.hm-theme-7 #menuContent .menu-item-price {
  font-size: 0.9rem !important;
  margin-top: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-end !important;
  justify-content: flex-end !important;
  gap: 1px !important;
  line-height: 1.2 !important;
  min-height: 0 !important;
}
body.hm-theme-7 #menuContent.hm-inline-view-grid .menu-item-price,
body.hm-theme-7 #menuContent:not(.hm-inline-view-list) .menu-item-price {
  grid-area: price !important;
  justify-self: end !important;
  align-self: end !important;
  text-align: right !important;
}
body.hm-theme-7 #menuContent.hm-inline-view-grid .menu-item-content > .hm-pf-card-rating,
body.hm-theme-7 #menuContent:not(.hm-inline-view-list) .menu-item-content > .hm-pf-card-rating {
  grid-area: rating !important;
  align-self: end !important;
  justify-self: start !important;
  display: inline-flex !important;
  align-items: flex-end !important;
  min-height: 0 !important;
}
body.hm-theme-7 #menuContent.hm-inline-view-list .menu-item-content {
  display: flex !important;
  flex-direction: column !important;
  gap: 2px !important;
  justify-content: flex-start !important;
}
body.hm-theme-7 #menuContent.hm-inline-view-list .menu-item-name {
  display: -webkit-box !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 1 !important;
  line-clamp: 1 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: normal !important;
  min-height: 0 !important;
  max-height: 1.25em !important;
  height: auto !important;
  line-height: 1.25 !important;
}
body.hm-theme-7 #menuContent.hm-inline-view-list .menu-item-description {
  display: -webkit-box !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 1 !important;
  line-clamp: 1 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: normal !important;
  min-height: 0 !important;
  max-height: 1.25em !important;
  height: auto !important;
  line-height: 1.25 !important;
}
body.hm-theme-7 #menuContent.hm-inline-view-list .menu-item-description:empty {
  display: none !important;
}
body.hm-theme-7 #menuContent.hm-inline-view-list .menu-item-price {
  margin-top: auto !important;
  margin-left: auto !important;
  align-self: flex-end !important;
  align-items: flex-end !important;
  text-align: right !important;
}
body.hm-theme-7 #menuContent .hm-pf-price-row {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 8px !important;
  width: 100% !important;
  margin-top: auto !important;
}
body.hm-theme-7 #menuContent .hm-pf-price-row > .hm-pf-card-rating {
  margin: 0 auto 0 0 !important;
  flex: 0 0 auto !important;
}
body.hm-theme-7 #menuContent .hm-pf-price-row > .hm-pf-card-rating[hidden] {
  display: none !important;
}
body.hm-theme-7 #menuContent .hm-pf-price-row > .menu-item-price {
  margin: 0 0 0 auto !important;
  align-self: center !important;
  text-align: right !important;
}
body.hm-theme-7 #menuContent .category-bar {
  padding: 0.55rem 0.75rem !important;
}
body.hm-theme-7 #menuContent .category-button {
  padding: 0.35rem 0.75rem !important;
  font-size: 0.85rem !important;
}
@media (min-width: 640px) {
  body.hm-theme-7 #menuContent .menu-section {
    padding: 1rem 1.25rem 1.25rem !important;
  }
  body.hm-theme-7 #menuContent.hm-inline-view-grid .menu-items,
  body.hm-theme-7 #menuContent:not(.hm-inline-view-list) .menu-items {
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)) !important;
    gap: 0.85rem !important;
  }
  body.hm-theme-7 #menuContent.hm-inline-view-grid .menu-items .menu-item:not(.i18n-hidden) > .product-list-img,
  body.hm-theme-7 #menuContent.hm-inline-view-grid .menu-items .menu-item:not(.i18n-hidden) > img:first-of-type,
  body.hm-theme-7 #menuContent.hm-inline-view-grid .menu-items .menu-item:not(.i18n-hidden) > .menu-item-image,
  body.hm-theme-7 #menuContent.hm-inline-view-grid .menu-items .menu-item:not(.i18n-hidden) > img.menu-item-image,
  body.hm-theme-7 #menuContent:not(.hm-inline-view-list) .menu-items .menu-item:not(.i18n-hidden) > .product-list-img,
  body.hm-theme-7 #menuContent:not(.hm-inline-view-list) .menu-items .menu-item:not(.i18n-hidden) > img:first-of-type,
  body.hm-theme-7 #menuContent:not(.hm-inline-view-list) .menu-items .menu-item:not(.i18n-hidden) > .menu-item-image,
  body.hm-theme-7 #menuContent:not(.hm-inline-view-list) .menu-items .menu-item:not(.i18n-hidden) > img.menu-item-image {
    max-height: 160px !important;
  }
}
body.hm-theme-7.hm-gh-dark,
body.hm-theme-7.hm-gh-dark #menuContent {
  background: var(--hm-surface-dark) !important;
}
body.hm-theme-7.hm-gh-dark #menuContent .category-bar-wrapper,
body.hm-theme-7.hm-gh-dark #menuContent .category-bar {
  background: var(--hm-category-bar-bg, var(--hm-surface-card-dark)) !important;
  box-shadow: 0 2px 8px rgba(0,0,0,.22) !important;
}
body.hm-theme-7.hm-gh-dark #menuContent .category-bar::-webkit-scrollbar-track {
  background: var(--hm-surface-dark) !important;
}
body.hm-theme-7.hm-gh-dark #menuContent .menu-item {
  background: var(--hm-surface-card-dark) !important;
  box-shadow: 0 2px 8px rgba(0,0,0,.22) !important;
}
body.hm-theme-7.hm-gh-dark #menuContent .menu-item-name {
  color: #f0f2f5 !important;
}
body.hm-theme-7.hm-gh-dark #menuContent .menu-item-price {
  color: var(--hm-accent-dark, #c8d0f0) !important;
}
body.hm-theme-7.hm-gh-dark #menuContent .menu-item-image.hm-img-placeholder {
  background: var(--hm-img-ph-bg-dark) !important;
}
body.hm-theme-7.hm-gh-dark #menuContent .menu-item-image:not(.hm-img-placeholder) {
  background: var(--hm-modal-media-dark) !important;
}
body.hm-theme-7 #menuContent .menu-items .menu-item:not(.i18n-hidden) > img.hm-img-placeholder,
body.hm-theme-7 #menuContent .menu-items .menu-item:not(.i18n-hidden) > .product-list-img.hm-img-placeholder,
body.hm-theme-7 #menuContent .menu-items .menu-item:not(.i18n-hidden) > .menu-item-image.hm-img-placeholder {
  object-fit: contain !important;
  padding: 14% !important;
  box-sizing: border-box !important;
  background: #ffffff !important;
}

/* ---- Template 8: kategori chip şeridi + ürün kartları karanlık mod ---- */
body.hm-theme-8.hm-gh-dark,
body.hm-theme-8.hm-gh-dark #menuContent {
  background: var(--hm-surface-dark) !important;
}
body.hm-theme-8.hm-gh-dark #menuContent > .category-filter {
  background: var(--hm-category-bar-bg, var(--hm-surface-card-dark)) !important;
  border-bottom-color: var(--hm-border-dark-soft) !important;
}
body.hm-theme-8.hm-gh-dark #menuContent > .category-filter::-webkit-scrollbar-track {
  background: var(--hm-surface-dark) !important;
}
body.hm-theme-8.hm-gh-dark #menuContent .product-card {
  background: var(--hm-surface-card-dark) !important;
  border-color: var(--hm-border-dark-soft) !important;
  box-shadow: 0 2px 8px rgba(0,0,0,.22) !important;
}
body.hm-theme-8.hm-gh-dark #menuContent .product-name {
  color: #f0f2f5 !important;
}
body.hm-theme-8.hm-gh-dark #menuContent .product-price {
  color: var(--hm-accent-dark, #c8d0f0) !important;
}
body.hm-theme-8.hm-gh-dark #menuContent .product-image-wrapper {
  background: var(--hm-img-ph-bg-dark) !important;
}
body.hm-theme-8.hm-gh-dark #menuContent .product-image-wrapper img.hm-img-placeholder {
  object-fit: cover !important;
  padding: 0 !important;
  box-sizing: border-box !important;
}
body.hm-theme-8.hm-gh-dark #menuContent .product-image-wrapper img:not(.hm-img-placeholder) {
  object-fit: cover !important;
  background: var(--hm-modal-media-dark) !important;
}

/* ---- 8 Karanlık mod kategori barı ---- */
body.hm-gh-dark #menuContent > .category-nav-top,
body.hm-gh-dark #menuContent > .category-tabs,
body.hm-gh-dark #menuContent > .category-filter,
body.hm-gh-dark #menuContent > .categories-nav,
body.hm-gh-dark #menuContent > .category-nav-top,
body.hm-gh-dark #menuContent .category-bar-wrapper,
body.hm-gh-dark #menuContent .fixed-header,
body.hm-gh-dark #menuContent nav.category-nav,
body.hm-gh-dark #menuContent .categories:has(.category-scroll),
body.hm-gh-dark #menuContent .categories:has(.category-button),
body.hm-gh-dark #menuContent .category-cards,
body.hm-gh-dark #menuContent #categoryCards,
body.hm-gh-dark #menuContent .hm-sticky-chrome .category-cards,
body.hm-gh-dark #menuContent .hm-sticky-chrome #categoryCards,
body.t16-dark #menuContent .t16-cat-tabs {
  background: var(--hm-category-bar-bg, var(--hm-surface-card-dark)) !important;
  border-color: var(--hm-border-dark-soft) !important;
}
body.hm-gh-dark #menuContent .category-nav-item:not(.active),
body.hm-gh-dark #menuContent .category-tab:not(.active),
body.hm-gh-dark #menuContent .category-chip:not(.active),
body.hm-gh-dark #menuContent .category-btn:not(.active),
body.hm-gh-dark #menuContent .category-button:not(.active) {
  background: var(--hm-cat-btn-bg, color-mix(in srgb, var(--hm-surface-card-dark) 85%, var(--secondary-color, #666) 15%)) !important;
  color: var(--hm-cat-text, #c8ccd8) !important;
  border: 1px solid var(--hm-cat-btn-border, var(--hm-border-dark-soft)) !important;
}
body.hm-gh-dark #menuContent .category-nav-item.active,
body.hm-gh-dark #menuContent .category-tab.active,
body.hm-gh-dark #menuContent .category-chip.active,
body.hm-gh-dark #menuContent .category-btn.active,
body.hm-gh-dark #menuContent .category-button.active {
  background: var(--hm-cat-selected-bg, var(--primary-color)) !important;
  color: var(--hm-cat-selected-text, var(--hm-brand-fg, #fff)) !important;
  border-color: var(--hm-cat-selected-border, var(--hm-cat-selected-bg, var(--primary-color))) !important;
}
body.hm-gh-dark #menuContent .category-nav a:not(.active) {
  background: color-mix(in srgb, var(--hm-surface-card-dark) 80%, var(--secondary-color, #666) 20%) !important;
  color: #c8ccd8 !important;
}
body.hm-gh-dark #menuContent .category-nav a.active {
  background: var(--primary-color) !important;
  color: var(--hm-brand-fg, #fff) !important;
}

/* ---- Alt dock ---- */
nav.hm-dock,
nav.t17-dock {
  padding: 0 !important;
  overflow: visible !important;
  position: fixed !important;
  left: 0 !important;
  right: 0 !important;
  bottom: var(--hm-vv-dock-bottom, 0px) !important;
  /* top JS ile visualViewport'a yazılır; auto !important pin'i ezerdi */
  transform: translateZ(0) !important;
  background: var(--hm-dock-bg, var(--hm-chrome-bg, var(--secondary-color, #1a1a1a))) !important;
  z-index: 99990 !important;
}
nav.hm-dock::after,
nav.t17-dock::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 100%;
  height: 50vh;
  background: var(--hm-dock-bg, var(--hm-chrome-bg, var(--secondary-color, #1a1a1a)));
  pointer-events: none;
  z-index: 0;
}
:root {
  --hm-dock-clearance: 76px;
  --hm-dock-clearance-compact: 58px;
}
/* iOS Chrome: height:100% + body pad ekstra scroll boşluğu yaratır.
   Landing açıkken height:auto uygulama. */
html:not(:has(#landingScreen.active)):not(.hm-landing-locked),
body:not(:has(#landingScreen.active)):not(.hm-landing-locked) {
  height: auto !important;
  min-height: 0 !important;
}
html, body {
  box-sizing: border-box;
  overflow-x: visible !important;
  overscroll-behavior-y: none;
}
html:has(#landingScreen.active),
html.hm-landing-locked,
body:has(#landingScreen.active),
body.hm-landing-locked {
  height: 100% !important;
  max-height: 100% !important;
  overflow: hidden !important;
}
.hm-public-features {
  display: contents;
}
body.hm-has-pf-nav {
  padding-bottom: var(--hm-dock-clearance) !important;
}
body.hm-has-pf-nav.hm-dock-pad-compact {
  padding-bottom: var(--hm-dock-clearance-compact) !important;
}
body.hm-has-pf-nav.hm-dock-pad {
  padding-bottom: var(--hm-dock-clearance) !important;
}
body.hm-theme-11.hm-has-pf-nav #menuContent,
body.hm-theme-11.hm-has-pf-nav .category-section:last-of-type {
  padding-bottom: 0 !important;
  margin-bottom: 0 !important;
}
/* İçerikte çift dock padding olmasın — clearance yalnızca body'de */
body.hm-has-pf-nav .app,
body.hm-has-pf-nav [class*="-shell"],
body.hm-has-pf-nav [class*="-wrap"],
body.hm-has-pf-nav [class*="-frame"],
body.hm-has-pf-nav #menuContent,
body.hm-has-pf-nav main,
body.hm-has-pf-nav .grid,
body.hm-has-pf-nav .band-list,
body.hm-has-pf-nav .products-screen,
body.hm-has-pf-nav #categoryScreen,
body.hm-has-pf-nav .t37-feed,
body.hm-has-pf-nav [class*="-feed"] {
  min-height: 0 !important;
  height: auto !important;
  padding-bottom: 0 !important;
  margin-bottom: 0 !important;
}
/* T15 landing: kategori ızgarası aşağı kayabilsin */
body.hm-theme-15.hm-has-pf-nav #t15Landing .t15-landing-inner {
  flex: 1 1 0% !important;
  min-height: 0 !important;
  height: unset !important;
  overflow-y: auto !important;
  padding-bottom: calc(var(--hm-t15-dock-pad, 96px) + 12px) !important;
}
/* T15: sayfa kayar. Menü kutusu sabit yükseklikte kesilmez. */
html body.hm-theme-15.hm-has-pf-nav #t15Menu.active,
html body.hm-theme-15.hm-has-pf-nav.hm-dock-pad #t15Menu.active {
  display: block !important;
  position: relative !important;
  overflow: visible !important;
  height: auto !important;
  max-height: none !important;
}
html body.hm-theme-15.hm-has-pf-nav #t15Menu.active > .t15-menu-body,
html body.hm-theme-15.hm-has-pf-nav.hm-dock-pad #t15Menu.active > .t15-menu-body,
html body.hm-theme-15.hm-has-pf-nav.hm-gh-header-hidden #t15Menu.active > .t15-menu-body,
html body.hm-theme-15.hm-has-pf-nav.hm-no-global-header #t15Menu.active > .t15-menu-body {
  display: block !important;
  flex: none !important;
  height: auto !important;
  max-height: none !important;
  overflow: visible !important;
}
body.hm-theme-15.hm-has-pf-nav:has(#t15Menu.active) {
  padding-bottom: 0 !important;
}
body.hm-theme-25.hm-has-pf-nav,
body.hm-theme-26.hm-has-pf-nav {
  padding-bottom: 0 !important;
}
body.hm-theme-25.hm-has-pf-nav [class*="-shell"],
body.hm-theme-26.hm-has-pf-nav [class*="-shell"],
body.hm-theme-25.hm-has-pf-nav #menuContent,
body.hm-theme-26.hm-has-pf-nav #menuContent {
  padding-bottom: 0 !important;
  min-height: 0 !important;
}
html {
  -webkit-text-size-adjust: 100% !important;
  text-size-adjust: 100% !important;
  -moz-text-size-adjust: 100% !important;
  touch-action: manipulation;
  /* hidden/clip → iOS'ta position:fixed dock kırılır, altta sayfa rengi boşluk */
  overflow-x: visible !important;
}
body {
  -webkit-text-size-adjust: 100% !important;
  text-size-adjust: 100% !important;
  overflow-x: visible !important;
}
/* Sistem font büyütmesi: kart metinleri taşmasın */
.product-name, .item-name, .menu-item-name, .hm-up-name, .i18n-name,
.product-price, .price, .hm-up-price, .i18n-price,
.category-title, .category-name, h1, h2, h3, h4 {
  overflow-wrap: anywhere;
  word-break: break-word;
  max-width: 100%;
}
.product, .menu-item, .product-card, [class*="-card"], [class*="-ditem"], [class*="-mrow"] {
  min-width: 0;
}
/* T28 polaroid: ad fiyatın yanındaki boşluğa yayılsın, kelime ortasından kırılmasın */
html body.hm-theme-28 #menuContent .t28-pcaption {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-end !important;
  justify-content: flex-start !important;
  width: 100% !important;
}
html body.hm-theme-28 #menuContent .t28-ptext,
html body.hm-theme-28 #menuContent .t28-pcaption > div:first-child {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  width: auto !important;
  max-width: none !important;
}
html body.hm-theme-28 #menuContent .t28-pname,
html body.hm-theme-28 #menuContent .t28-pname.i18n-name {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  white-space: normal !important;
  overflow-wrap: normal !important;
  word-break: normal !important;
}
/* STANDART: puan | ürün adı | fiyat — mobil büyük yazıda kayma olmasın */
#menuContent .hm-pf-price-row,
#menuContent .hm-pf-t10-price-row,
#menuContent .hm-pf-t5-price-col,
#menuContent .hm-pf-name-rating-row,
#menuContent .hm-pf-rating-meta {
  min-width: 0 !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
}
#menuContent .hm-pf-card-rating,
#menuContent .hm-pf-card-rating .hm-pf-star,
#menuContent .hm-pf-card-rating .hm-pf-rating-count {
  font-size: 11px !important;
  line-height: 1.2 !important;
  -webkit-text-size-adjust: 100% !important;
  text-size-adjust: 100% !important;
}
#menuContent .product-name,
#menuContent .item-name,
#menuContent .menu-item-name,
#menuContent .menu-item-title,
#menuContent .product-card-name,
#menuContent .i18n-name,
#menuContent [class*="-di-name"],
#menuContent [class*="-liname"],
#menuContent [class*="-pname"],
#menuContent [class*="-mname"],
#menuContent [class*="-sc-name"],
#menuContent [class*="-product-name"],
#menuContent [class*="-item-name"] {
  min-width: 0 !important;
  max-width: 100% !important;
  overflow-wrap: anywhere !important;
  word-break: break-word !important;
  -webkit-text-size-adjust: 100% !important;
  text-size-adjust: 100% !important;
}
/* Fiyat: meta satırında sabit ölçek + taşmayı kes */
#menuContent .hm-pf-price-row > .product-price,
#menuContent .hm-pf-price-row > .menu-item-price,
#menuContent .hm-pf-price-row > .item-price,
#menuContent .hm-pf-price-row > .price,
#menuContent .hm-pf-price-row > .product-card-price,
#menuContent .hm-pf-t5-price-col > .product-price,
#menuContent .hm-pf-t5-price-col > .menu-item-price,
#menuContent .hm-pf-t5-price-col > .item-price,
#menuContent .hm-pf-t10-price-row > .product-price,
#menuContent .hm-pf-t10-price-row > .menu-item-price,
#menuContent .hm-pf-t10-price-row > .product-price-cell,
#menuContent .hm-pf-t10-price-row > .products-table-mobile-price {
  min-width: 0 !important;
  max-width: none !important;
  white-space: nowrap !important;
  overflow: visible !important;
  text-overflow: clip !important;
  font-size: clamp(12px, 3.4vw, 15px) !important;
  line-height: 1.2 !important;
  -webkit-text-size-adjust: 100% !important;
  text-size-adjust: 100% !important;
}
body, a, button, input, select, textarea, label, summary, [role="button"] {
  touch-action: manipulation;
}