/* okruszki — arsiv duzeltmeleri.
   tm-quick-view-loader: WooCommerce hizli-bakis modali; arsivde hic acilmiyor
   ama 900px yer kapliyor. Bootstrap .row negatif margin tasmasi da kirpiliyor. */
.tm-quick-view-loader,.tm-quick-view-modal{display:none !important}
body,.site,.wrapper{overflow-x:hidden}

/* ═══ Mega-menu duzeltmesi ═══
   Tema JS'i arsivde calismadigi icin .tm-mega-menu-sub position:static +
   display:block kalmis: alt menu surekli acik ve AKISTA yer kapliyor,
   header'i 616px'e sisiriyordu. Normal davranis: hover'da absolute acilmali. */
.main-navigation .sub-menu,
.main-navigation .tm-mega-menu-sub,
.menu-item-has-children > .sub-menu{
  position:absolute !important;
  top:100%; left:0;
  z-index:999;
  min-width:200px;
  opacity:0; visibility:hidden; pointer-events:none;
  transform:translateY(-6px);
  transition:opacity .16s ease, transform .16s ease, visibility .16s;
  box-shadow:0 8px 24px rgba(0,0,0,.14);
}
.main-navigation li{position:relative}
.main-navigation li:hover > .sub-menu,
.main-navigation li:hover > .tm-mega-menu-sub,
.main-navigation li:focus-within > .sub-menu,
.main-navigation li:focus-within > .tm-mega-menu-sub{
  opacity:1 !important; visibility:visible !important;
  pointer-events:auto; transform:translateY(0);
}
/* header artik dogal yuksekligine donsun */
.site-header.style-2 .header-container__bottom,
.site-header.style-2 .header-container__flex,
.site-header.style-2 .main-navigation{min-height:0 !important;height:auto !important}

/* mobil menu checkbox'lari masaustunde gorunmesin (bos kutucuk olarak cikiyorlardi) */
.main-navigation input[type=checkbox],
.site-header input[type=checkbox],
.menu-toggle-checkbox{
  position:absolute !important; opacity:0 !important;
  width:1px !important; height:1px !important;
  pointer-events:none;
}