.elementor-213 .elementor-element.elementor-element-4476d5d, .elementor-213 .elementor-element.elementor-element-4476d5d > .elementor-background-overlay{border-radius:0px 0px 1px 0px;}.elementor-213 .elementor-element.elementor-element-4476d5d{box-shadow:0px 0px 1px 0px rgba(0,0,0,0.5);margin-top:0px;margin-bottom:1px;padding:10px 0px 10px 0px;}.elementor-213 .elementor-element.elementor-element-e638496 > .elementor-container > .elementor-column > .elementor-widget-wrap{align-content:center;align-items:center;}.elementor-213 .elementor-element.elementor-element-e638496{padding:0px 0px 0px 0px;}.elementor-213 .elementor-element.elementor-element-ffa7bc2 div.wdt-logo-container img{max-width:220px;width:220px;}.elementor-213 .elementor-element.elementor-element-31da471 div.wdt-logo-container img{max-width:220px;width:220px;}@media(max-width:1024px) and (min-width:768px){.elementor-213 .elementor-element.elementor-element-46aac00{width:30%;}}@media(max-width:1024px){.elementor-213 .elementor-element.elementor-element-e986379 > .elementor-widget-wrap > .elementor-widget:not(.elementor-widget__width-auto):not(.elementor-widget__width-initial):not(:last-child):not(.elementor-absolute){margin-block-end:30px;}.elementor-213 .elementor-element.elementor-element-94cd841 > .elementor-widget-wrap > .elementor-widget:not(.elementor-widget__width-auto):not(.elementor-widget__width-initial):not(:last-child):not(.elementor-absolute){margin-block-end:40px;}.elementor-213 .elementor-element.elementor-element-ffa7bc2 div.wdt-logo-container img{max-width:180px;width:180px;}.elementor-213 .elementor-element.elementor-element-31da471 div.wdt-logo-container img{max-width:180px;width:180px;}}@media(max-width:767px){.elementor-213 .elementor-element.elementor-element-e986379 > .elementor-element-populated{margin:30px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;}.elementor-213 .elementor-element.elementor-element-94cd841{width:100%;}.elementor-213 .elementor-element.elementor-element-ffa7bc2 div.wdt-logo-container img{max-width:180px;width:180px;}.elementor-213 .elementor-element.elementor-element-31da471 div.wdt-logo-container img{max-width:180px;width:180px;}.elementor-213 .elementor-element.elementor-element-46aac00{width:70%;}}/* Start custom CSS for section, class: .elementor-element-4476d5d *//* ================================================
   HEADER — TEMEL YAPI
   ================================================ */
.sticky-header {
  transition: background-color 0.35s ease, border-color 0.35s ease, box-shadow 0.35s ease !important;
  top: 0 !important;
  margin-top: 0 !important;
}

/* Tüm child elementlerde transition'ı kapat */
.sticky-header *,
.sticky-header .elementor-container,
.sticky-header .e-con-inner,
.sticky-header .elementor-column-wrap,
.sticky-header .elementor-widget-wrap,
.sticky-header .elementor-section,
.sticky-header .e-con,
.sticky-header .elementor-column,
.sticky-header .elementor-widget {
  transition: color 0.35s ease, fill 0.35s ease !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

/* Boyutlar hiçbir durumda değişmesin */
.sticky-header .elementor-container,
.sticky-header .e-con-inner,
.sticky-header .elementor-column-wrap,
.sticky-header .elementor-widget-wrap,
.sticky-header .elementor-section,
.sticky-header .e-con {
  min-height: unset !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

.sticky-header img {
  max-height: 52px !important;
  width: auto !important;
  transition: none !important;
}

/* ================================================
   LOGO
   ================================================ */

.logo-default,
.logo-white {
  display: none !important;
}

/* Başlangıç: beyaz logo */
body:not(.page-scrolled):not(.header-hovered) .logo-white {
  display: block !important;
}

/* Scroll veya hover: siyah logo */
body.page-scrolled .logo-default,
body.header-hovered .logo-default {
  display: block !important;
}

/* ================================================
   ARKA PLAN & ALT ÇİZGİ
   ================================================ */

/* Başlangıç: şeffaf */
body:not(.page-scrolled):not(.header-hovered) .sticky-header {
  background-color: transparent !important;
  box-shadow: none !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.5) !important;
}

/* Scroll veya hover: beyaz zemin */
body.page-scrolled .sticky-header,
body.header-hovered .sticky-header {
  background-color: #ffffff !important;
  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.08) !important;
  border-bottom: 1px solid #e0e0e0 !important;
}

/* ================================================
   MENÜ METİNLERİ
   ================================================ */

/* Başlangıç: beyaz */
body:not(.page-scrolled):not(.header-hovered) .sticky-header .elementor-nav-menu--main .elementor-item,
body:not(.page-scrolled):not(.header-hovered) .sticky-header .elementor-nav-menu a,
body:not(.page-scrolled):not(.header-hovered) .sticky-header a {
  color: #ffffff !important;
}

/* Scroll veya hover: siyah */
body.page-scrolled .sticky-header .elementor-nav-menu--main .elementor-item,
body.page-scrolled .sticky-header .elementor-nav-menu a,
body.page-scrolled .sticky-header a,
body.header-hovered .sticky-header .elementor-nav-menu--main .elementor-item,
body.header-hovered .sticky-header .elementor-nav-menu a,
body.header-hovered .sticky-header a {
  color: #000000 !important;
}

/* ================================================
   WOOCOMMERCE İKONLARI (3. sütun)
   ================================================ */

/* Başlangıç: beyaz */
body:not(.page-scrolled):not(.header-hovered) .elementor-element-46aac00 svg path,
body:not(.page-scrolled):not(.header-hovered) .elementor-element-46aac00 svg {
  fill: #ffffff !important;
}

body:not(.page-scrolled):not(.header-hovered) .elementor-element-46aac00 a,
body:not(.page-scrolled):not(.header-hovered) .elementor-element-46aac00 span {
  color: #ffffff !important;
}

/* Scroll veya hover: siyah */
body.page-scrolled .elementor-element-46aac00 svg path,
body.page-scrolled .elementor-element-46aac00 svg,
body.header-hovered .elementor-element-46aac00 svg path,
body.header-hovered .elementor-element-46aac00 svg {
  fill: #000000 !important;
}

body.page-scrolled .elementor-element-46aac00 a,
body.page-scrolled .elementor-element-46aac00 span,
body.header-hovered .elementor-element-46aac00 a,
body.header-hovered .elementor-element-46aac00 span {
  color: #000000 !important;
}/* End custom CSS */