/* Sabit 100svh/100dvh + fixed dock iOS Chrome'da alt boşluk bırakabilir.
   Yükseklik içerikten; clearance yalnızca padding-bottom.
   Landing açıkken height:auto UYGULAMA — tam ekran inset:0 bozulur.
   overflow-x:hidden/clip html|body'de position:fixed'i bozar (iOS Chrome). */
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 !important;
  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;
}
:root {
  --hm-dock-clearance: 76px;
  --hm-dock-clearance-compact: 58px;
}
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;
}
nav.hm-dock,
nav.t17-dock {
  position: fixed !important;
  left: 0 !important;
  right: 0 !important;
  bottom: var(--hm-vv-dock-bottom, 0px) !important;
  z-index: 99990 !important;
  margin: 0 !important;
  width: 100% !important;
  max-width: none !important;
  transform: translateZ(0) !important;
  background: var(--hm-dock-bg, var(--hm-chrome-bg, var(--secondary-color, #1a1a1a))) !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;
}
/* Tüm temalar: shell/içerikte çift dock padding + 100vh min-height olmasın */
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 .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: ürün listesi sayfa kaydırmasında; iç kutuya yükseklik verme */
body.hm-theme-15.hm-has-pf-nav .t15-menu-body {
  display: block !important;
  height: auto !important;
  max-height: none !important;
  overflow: visible !important;
  flex: none !important;
}
body.hm-theme-25.hm-has-pf-nav,
body.hm-theme-26.hm-has-pf-nav {
  padding-bottom: 0 !important;
}
/* Grid/kart: kare görsel alanı + karanlık mod (i18n beyaz arka plan düzeltmesi) */
body.hm-has-global-header #menuContent .menu-grid .menu-item:not(.i18n-hidden),
body.hm-has-global-header #menuContent .menu-items .menu-item:not(.i18n-hidden),
body.hm-has-global-header #menuContent .product-grid .product-card:not(.i18n-hidden),
body.hm-has-global-header #menuContent .products-grid .product-card:not(.i18n-hidden) {
  padding: 0 !important;
  overflow: hidden !important;
}
body.hm-has-global-header #menuContent .menu-grid .menu-item:not(.i18n-hidden) > .product-list-img,
body.hm-has-global-header #menuContent .menu-grid .menu-item:not(.i18n-hidden) > img:first-of-type,
body.hm-has-global-header:not(.hm-theme-7) #menuContent .menu-items .menu-item:not(.i18n-hidden) > .product-list-img,
body.hm-has-global-header:not(.hm-theme-7) #menuContent .menu-items .menu-item:not(.i18n-hidden) > img:first-of-type,
body.hm-has-global-header:not(.hm-theme-7) #menuContent .menu-items .menu-item:not(.i18n-hidden) > .menu-item-image {
  display: block !important;
  visibility: visible !important;
  width: 100% !important;
  height: auto !important;
  aspect-ratio: 1 / 1 !important;
  min-height: 0 !important;
  max-height: none !important;
  margin: 0 !important;
  padding: 0 !important;
  border-radius: 0 !important;
  object-fit: cover !important;
  object-position: center !important;
  background: var(--hm-img-ph-bg) !important;
  flex-shrink: 0 !important;
}
body.hm-gh-dark #menuContent .menu-grid .menu-item:not(.i18n-hidden) > .product-list-img,
body.hm-gh-dark #menuContent .menu-grid .menu-item:not(.i18n-hidden) > img:first-of-type,
body.hm-gh-dark #menuContent .menu-items .menu-item:not(.i18n-hidden) > .product-list-img,
body.hm-gh-dark #menuContent .menu-items .menu-item:not(.i18n-hidden) > img:first-of-type,
body.hm-gh-dark #menuContent .menu-items .menu-item:not(.i18n-hidden) > .menu-item-image {
  background: var(--hm-img-ph-bg-dark) !important;
}
body.hm-has-global-header #menuContent .menu-grid .menu-item:not(.i18n-hidden) > img.hm-img-placeholder,
body.hm-has-global-header #menuContent .menu-items .menu-item:not(.i18n-hidden) > img.hm-img-placeholder,
body.hm-has-global-header #menuContent .menu-grid .menu-item:not(.i18n-hidden) > .product-list-img.hm-img-placeholder,
body.hm-has-global-header #menuContent .menu-items .menu-item:not(.i18n-hidden) > .product-list-img.hm-img-placeholder {
  object-fit: contain !important;
  object-position: center !important;
  padding: 12px !important;
  box-sizing: border-box !important;
  background: #ffffff !important;
}
body.hm-has-global-header #menuContent .product:not(.i18n-hidden) > img.hm-img-placeholder,
body.hm-has-global-header #menuContent .product:not(.i18n-hidden) > .product-list-img.hm-img-placeholder {
  object-fit: contain !important;
  object-position: center !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;
  flex-shrink: 0 !important;
}
body.hm-gh-dark #menuContent .menu-grid .menu-item:not(.i18n-hidden) > img.hm-img-placeholder,
body.hm-gh-dark #menuContent .menu-items .menu-item:not(.i18n-hidden) > img.hm-img-placeholder,
body.hm-gh-dark #menuContent .product:not(.i18n-hidden) > img.hm-img-placeholder {
  object-fit: contain !important;
  padding: 18% !important;
  box-sizing: border-box !important;
  background: var(--hm-img-ph-bg-dark) !important;
}
body.hm-gh-dark #menuContent .menu-grid .menu-item:not(.i18n-hidden) > img:not(.hm-img-placeholder),
body.hm-gh-dark #menuContent .menu-items .menu-item:not(.i18n-hidden) > img:not(.hm-img-placeholder) {
  object-fit: cover !important;
  background: var(--hm-modal-media-dark) !important;
}
body.hm-has-global-header #menuContent .menu-grid .menu-item .item-name,
body.hm-has-global-header #menuContent .menu-grid .menu-item .price {
  padding: 0.5rem 0.65rem !important;
  background: inherit !important;
}
/* Foto + spacer: yalnızca aspect-ratio 1/1 (T7 hariç — T7 4/3 kullanır) */
body.hm-has-global-header:not(.hm-theme-7) #menuContent:not(.hm-inline-view-list):not(.t11-list-mode) .product-image-wrapper:not(.hm-img-spacer),
body.hm-has-global-header:not(.hm-theme-7):not(.t11-list-mode) #menuContent:not(.hm-inline-view-list) .product-image-wrapper:not(.hm-img-spacer),
body.hm-has-global-header:not(.hm-theme-7) #menuContent:not(.hm-inline-view-list):not(.t11-list-mode) .product-image-wrapper.hm-img-spacer,
body.hm-has-global-header:not(.hm-theme-7):not(.t11-list-mode) #menuContent:not(.hm-inline-view-list) .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;
  overflow: hidden !important;
  display: block !important;
  flex-shrink: 0 !important;
  margin: 0 !important;
  box-sizing: border-box !important;
}
body.hm-has-global-header:not(.hm-theme-7) #menuContent:not(.hm-inline-view-list):not(.t11-list-mode) .product-image-wrapper:not(.hm-img-spacer) {
  background: var(--hm-img-ph-bg) !important;
}
body.hm-has-global-header:not(.hm-theme-7) #menuContent:not(.hm-inline-view-list):not(.t11-list-mode) .product-image-wrapper.hm-img-spacer,
body.hm-has-global-header:not(.hm-theme-7):not(.t11-list-mode) #menuContent:not(.hm-inline-view-list) .product-image-wrapper.hm-img-spacer {
  background: transparent !important;
}
/* Liste: global 1/1 + width:100% ezmesin (yüksek boş kart) */
body.hm-has-global-header #menuContent.hm-inline-view-list .product-image-wrapper,
body.hm-has-global-header.t11-list-mode #menuContent .product-image-wrapper,
body.t11-list-mode.hm-has-global-header #menuContent .product-image-wrapper {
  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;
}
/* Şeffaf spacer: temanın product-image-wrapper boyutunu kullanır (ölçü ezilmez) */
body.hm-has-global-header #menuContent .product-image-wrapper.hm-img-spacer {
  background: transparent !important;
  pointer-events: none !important;
}
body.hm-has-global-header #menuContent .hm-cat-no-photos .product-image-wrapper.hm-img-spacer,
body.hm-has-global-header #menuContent [data-hm-cat-no-photos='1'] .product-image-wrapper.hm-img-spacer {
  display: none !important;
  height: 0 !important;
  width: 0 !important;
  min-height: 0 !important;
  aspect-ratio: auto !important;
  flex: 0 0 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  border: none !important;
}
body.hm-has-global-header #menuContent .product-image-wrapper img:not(.hm-img-placeholder):not([data-hm-logo-ph='1']) {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  min-height: 0 !important;
  object-fit: cover !important;
  object-position: center !important;
  display: block !important;
  margin: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
}
body.hm-has-global-header #menuContent .product-image-wrapper img.hm-img-placeholder,
body.hm-has-global-header #menuContent .product-image-wrapper img[data-hm-logo-ph='1'] {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  min-width: 0 !important;
  min-height: 0 !important;
  max-width: 100% !important;
  max-height: 100% !important;
  object-fit: contain !important;
  object-position: center !important;
  padding: 12% !important;
  box-sizing: border-box !important;
  background: transparent !important;
  display: block !important;
  margin: 0 !important;
  border-radius: 0 !important;
}
body.hm-has-global-header #menuContent .product-image-wrapper:has(img.hm-img-placeholder),
body.hm-has-global-header #menuContent .product-image-wrapper:has(img[data-hm-logo-ph='1']) {
  background: var(--hm-logo-ph-bg, #ffffff) !important;
}
body.hm-gh-dark #menuContent .product-image-wrapper:has(img.hm-img-placeholder),
body.hm-gh-dark #menuContent .product-image-wrapper:has(img[data-hm-logo-ph='1']) {
  background: var(--hm-logo-ph-bg-dark, #ffffff) !important;
}
body.hm-gh-dark #menuContent .product-image-wrapper {
  background: var(--hm-img-ph-bg-dark) !important;
}
body.hm-gh-dark #menuContent .product-image-wrapper img.hm-img-placeholder {
  object-fit: contain !important;
  padding: 10px !important;
  box-sizing: border-box !important;
  background: var(--hm-logo-ph-bg-dark, #ffffff) !important;
}
body.hm-gh-dark #menuContent .product-image-wrapper img:not(.hm-img-placeholder) {
  object-fit: cover !important;
  background: transparent !important;
}
body.hm-gh-dark #menuContent .product-card > img.product-list-img,
body.hm-gh-dark #menuContent .product-card > img:not(.hm-img-placeholder) {
  background: var(--hm-modal-media-dark) !important;
}
/* Karanlık mod kategori şeridi — kullanıcı rengi (categoryBarBg) öncelikli */
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 .category-bar {
  background: var(--hm-category-bar-bg, 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-gh-dark #menuContent > .category-filter::-webkit-scrollbar-track,
body.hm-gh-dark #menuContent > .category-nav-top::-webkit-scrollbar-track {
  background: var(--hm-surface-dark) !important;
}

/* Template 7: i18n kare görsel override sonrası kompakt grid */
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.hm-inline-view-grid .menu-items .menu-item:not(.i18n-hidden) > .hm-pf-img-host,
body.hm-theme-7 #menuContent.hm-inline-view-grid .menu-items .menu-item:not(.i18n-hidden) > .product-image-wrapper,
body.hm-theme-7 #menuContent.hm-inline-view-grid .menu-items .menu-item:not(.i18n-hidden) > .product-image-wrapper.hm-img-spacer,
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,
body.hm-theme-7 #menuContent:not(.hm-inline-view-list) .menu-items .menu-item:not(.i18n-hidden) > .hm-pf-img-host,
body.hm-theme-7 #menuContent:not(.hm-inline-view-list) .menu-items .menu-item:not(.i18n-hidden) > .product-image-wrapper,
body.hm-theme-7 #menuContent:not(.hm-inline-view-list) .menu-items .menu-item:not(.i18n-hidden) > .product-image-wrapper.hm-img-spacer {
  width: 100% !important;
  aspect-ratio: 4 / 3 !important;
  max-height: 132px !important;
  min-height: 0 !important;
  height: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  padding-bottom: 0 !important;
  border-radius: 0 !important;
  object-fit: cover !important;
  flex: 0 0 auto !important;
  overflow: hidden !important;
  box-sizing: border-box !important;
  background: transparent !important;
}
body.hm-theme-7 #menuContent.hm-inline-view-grid .menu-items .menu-item:not(.i18n-hidden) > .hm-pf-img-host > img,
body.hm-theme-7 #menuContent:not(.hm-inline-view-list) .menu-items .menu-item:not(.i18n-hidden) > .hm-pf-img-host > img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  border-radius: 0 !important;
}
body.hm-theme-7 #menuContent.hm-inline-view-grid .menu-items .menu-item:not(.i18n-hidden) .menu-item-content,
body.hm-theme-7 #menuContent:not(.hm-inline-view-list) .menu-items .menu-item:not(.i18n-hidden) .menu-item-content {
  display: flex !important;
  flex-direction: column !important;
  gap: 4px !important;
  flex: 1 1 auto !important;
  padding: 0.45rem 0.55rem 0.55rem !important;
  grid-template-areas: none !important;
  grid-template-rows: none !important;
  grid-template-columns: none !important;
}
body.hm-theme-7 #menuContent.hm-inline-view-grid .menu-items .menu-item:not(.i18n-hidden) .menu-item-price,
body.hm-theme-7 #menuContent:not(.hm-inline-view-list) .menu-items .menu-item:not(.i18n-hidden) .menu-item-price {
  margin-top: auto !important;
  min-height: 0 !important;
  text-align: right !important;
}
body.hm-theme-7 #menuContent.hm-inline-view-list .menu-items .menu-item:not(.i18n-hidden) .menu-item-content {
  padding: 0 !important;
}
/* Ürün fotoğrafı: kaynak en-boy oranı kutuyu küçültmesin.
   Spotify (38) ve Pinterest (39) kendi düzenini korur. Logo yer tutucu contain kalır. */
body:not(.hm-theme-38):not(.hm-theme-39) #menuContent img.product-image:not(.hm-img-placeholder):not([data-hm-logo-ph='1']),
body:not(.hm-theme-38):not(.hm-theme-39) #menuContent img.product-list-img:not(.hm-img-placeholder):not([data-hm-logo-ph='1']),
body:not(.hm-theme-38):not(.hm-theme-39) #menuContent img.menu-item-image:not(.hm-img-placeholder):not([data-hm-logo-ph='1']),
body:not(.hm-theme-38):not(.hm-theme-39) #menuContent img.product-card-image:not(.hm-img-placeholder):not([data-hm-logo-ph='1']),
body:not(.hm-theme-38):not(.hm-theme-39) #menuContent .product-image-wrapper > img:not(.hm-img-placeholder):not([data-hm-logo-ph='1']),
body:not(.hm-theme-38):not(.hm-theme-39) #menuContent .hm-pf-img-host > img:not(.hm-img-placeholder):not([data-hm-logo-ph='1']),
body:not(.hm-theme-38):not(.hm-theme-39) #menuContent [class*='-photo'] > img:not(.hm-img-placeholder):not([data-hm-logo-ph='1']),
body:not(.hm-theme-38):not(.hm-theme-39) #menuContent [class*='-poster'] > img:not(.hm-img-placeholder):not([data-hm-logo-ph='1']),
body:not(.hm-theme-38):not(.hm-theme-39) #productDetails #detailImage:not(.hm-img-placeholder):not([data-hm-logo-ph='1']) {
  object-fit: cover !important;
  object-position: center center !important;
}
body:not(.hm-theme-38):not(.hm-theme-39) #menuContent .product-image-wrapper > img:not(.hm-img-placeholder):not([data-hm-logo-ph='1']),
body:not(.hm-theme-38):not(.hm-theme-39) #menuContent .hm-pf-img-host > img:not(.hm-img-placeholder):not([data-hm-logo-ph='1']) {
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  max-height: none !important;
}
body.hm-theme-46 #menuContent .t46-dish-photo {
  position: relative !important;
  overflow: hidden !important;
  align-self: stretch !important;
  min-height: 132px !important;
  aspect-ratio: 1 / 1 !important;
}
body.hm-theme-46 #menuContent .t46-dish-photo > img,
body.hm-theme-46 #menuContent .t46-dish-photo > .t46-dph {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  min-height: 0 !important;
  max-height: none !important;
  object-fit: cover !important;
}