/* ═══════════════════════════════════════════════════════════
   Footer — koyu bolum.
   Sayfanin siyah agirligi burada. Header acik kaliyor (logonun disli
   cemberi siyah, koyu zeminde kayboluyor), bu yuzden marka ciddiyetini
   veren koyu yuzey footer'a tasindi.

   Degiskenler footer kapsaminda YENIDEN TANIMLANIYOR. Boylece
   FooterSitemapColumn, FooterContactBlock ve FooterBottomBar alt
   bilesenlerinin CSS dosyalarina hic dokunmadan hepsi koyu temaya gecer.
   ═══════════════════════════════════════════════════════════ */

.cc_maoskxr0_LDCVhFz5eW .footer-section {
  /* koyu zemin icin yeniden tanimlanan belirtecler */
  --color-text-primary:   var(--color-on-ink);
  --color-text-secondary: var(--color-on-ink-muted);
  --color-text-muted:     rgba(255, 255, 255, 0.52);
  --color-border:         var(--color-on-ink-border);
  --color-surface:        var(--color-ink-soft);
  --color-surface-alt:    var(--color-ink-soft);
  /* Koyu zeminde sari OKUNUR (kontrast ~11:1), bu yuzden bag vurgusu
     burada sari olabilir. Acik zeminde bu yapilmaz. */
  --color-accent:         var(--color-highlight);
  --color-accent-dark:    var(--color-highlight-dark);

  width: 100%;
  background-color: var(--color-ink);
  color: var(--color-on-ink-muted);
  font-family: var(--font-body);
}

.cc_maoskxr0_LDCVhFz5eW .footer-section__container {
  width: 100%;
  max-width: var(--container-max);
  margin: 0 auto;
  padding: 0 var(--container-pad);
}

/* ========== Main footer ========== */

.cc_maoskxr0_LDCVhFz5eW .footer-section__main {
  padding-top: var(--space-xl);
  padding-bottom: var(--space-xl);
}

.cc_maoskxr0_LDCVhFz5eW .footer-section__grid {
  display: flex;
  flex-direction: column;
  gap: var(--space-md);
}

/* ========== Brand column ========== */

.cc_maoskxr0_LDCVhFz5eW .footer-section__brand {
  display: flex;
  flex-direction: column;
  gap: var(--space-sm);
  padding-bottom: var(--space-md);
}

.cc_maoskxr0_LDCVhFz5eW .footer-section__logo-img {
  display: block;
  max-width: 160px;
  width: auto;
  height: auto;
  object-fit: contain;
  object-position: left center;
}

.cc_maoskxr0_LDCVhFz5eW .footer-section__logo-text {
  font-family: var(--font-display);
  font-size: var(--text-h3);
  font-weight: 700;
  line-height: 1;
  color: var(--color-on-ink);
  letter-spacing: var(--tracking-tight);
}

.cc_maoskxr0_LDCVhFz5eW .footer-section__tagline {
  margin: 0;
  max-width: 320px;
  font-size: var(--text-small);
  line-height: 1.55;
  color: var(--color-text-secondary);
}

.cc_maoskxr0_LDCVhFz5eW .footer-section__socials {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-xs);
}

.cc_maoskxr0_LDCVhFz5eW .footer-section__social-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  color: var(--color-on-ink-muted);
  border: 1px solid var(--color-on-ink-border);
  border-radius: var(--radius-md);
  transition: color 200ms ease, border-color 200ms ease, background-color 200ms ease;
}

.cc_maoskxr0_LDCVhFz5eW .footer-section__social-link svg {
  width: 20px;
  height: 20px;
}

.cc_maoskxr0_LDCVhFz5eW .footer-section__social-link:hover {
  color: var(--color-ink);
  background-color: var(--color-highlight);
  border-color: var(--color-highlight);
}

.cc_maoskxr0_LDCVhFz5eW .footer-section__social-link:focus-visible {
  outline: 2px solid var(--color-highlight);
  outline-offset: 2px;
}

/* ========== Sitemap columns wrapper ========== */

.cc_maoskxr0_LDCVhFz5eW .footer-section__columns {
  display: flex;
  flex-direction: column;
}

/* ========== Contact column ========== */

/* Telefonda ustteki son akordiyonun (Hesabim) alt cizgisi zaten ayrac
   gorevi goruyor. Iletisim bloguna ayrica ust cizgi verilince arada bos
   bir serit ve ust uste iki cizgi kaliyordu, kaldirildi. */
.cc_maoskxr0_LDCVhFz5eW .footer-section__contact {
  padding-top: 0;
  border-top: 0;
}

/* ========== Bottom bar ========== */

/* Alt cubuk: koyu zeminde bir ton daha derin, ustunde ince ayrac.
   KVKK, mesafeli satis ve cerez baglantilari burada duruyor. Bunlar
   sitede bugun hic yok ve Merchant Center icin zorunlu. */
.cc_maoskxr0_LDCVhFz5eW .footer-section__bottom {
  background-color: #000000;
  border-top: 1px solid var(--color-on-ink-border);
  padding-top: var(--space-sm);
  padding-bottom: var(--space-sm);
}

@media (prefers-reduced-motion: reduce) {
  .cc_maoskxr0_LDCVhFz5eW .footer-section__social-link {
    transition: none;
  }
}

/* ========== Tablet (≥ 768px) ==========
 * Marka tam genislikte ust satirda, altinda site haritasi ve iletisim.
 * Site haritasina 1.8 pay verildi: Robotizma'nin kategori adlari uzun
 * ("Cercevesiz Icten Rotorlu Tork Motorlari"), esit paylasimda satir
 * basina tek kelime dusuyordu.
 */

@media (min-width: 768px) {
  .cc_maoskxr0_LDCVhFz5eW .footer-section__grid {
    display: grid;
    grid-template-columns: 1.8fr 1fr;
    gap: var(--space-lg) var(--space-xl);
  }

  .cc_maoskxr0_LDCVhFz5eW .footer-section__brand {
    grid-column: 1 / -1;
    padding-bottom: var(--space-lg);
    border-bottom: 1px solid var(--color-border);
  }

  .cc_maoskxr0_LDCVhFz5eW .footer-section__columns {
    display: grid;
    /* Dorduncu sutun (Hesabim) eklendi. Tablette dort sutun 150 px'in
       altina dusuyordu, iki satir iki sutun daha okunakli. */
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: var(--space-md) var(--space-lg);
  }

  .cc_maoskxr0_LDCVhFz5eW .footer-section__contact {
    padding-top: 0;
    border-top: 0;
  }
}

/* ========== Genis masaustu (≥ 1200px) ==========
 * Tek satir, bes sutun. Sablonda bu 1024'te devreye giriyordu ve
 * sutunlari 86 px'e dusuruyordu, baglantilar dort satira kiriliyordu.
 * Esik 1200'e cekildi, paylar site haritasi lehine dengelendi ve
 * bosluk --space-xl yerine --space-lg yapildi.
 */

@media (min-width: 1200px) {
  .cc_maoskxr0_LDCVhFz5eW .footer-section__main {
    padding-top: var(--space-xl);
    padding-bottom: var(--space-lg);
  }

  .cc_maoskxr0_LDCVhFz5eW .footer-section__grid {
    /* Marka + dort baglanti sutunu + iletisim = alti yuva.
       Sablonda uc sutun vardi; dorduncu eklenince iletisim blogu alt
       satira tasiyordu. Marka ve iletisim paylari kisilarak yer acildi. */
    grid-template-columns: 1.25fr repeat(4, minmax(0, 1fr)) 1.05fr;
    gap: var(--space-lg);
    align-items: start;
  }

  .cc_maoskxr0_LDCVhFz5eW .footer-section__brand {
    grid-column: auto;
    border-bottom: 0;
    padding-bottom: 0;
  }

  .cc_maoskxr0_LDCVhFz5eW .footer-section__columns {
    display: contents;
  }

  .cc_maoskxr0_LDCVhFz5eW .footer-section__contact {
    grid-column: -2 / -1;
  }
}

/* ═══════════════════════════════════════════════════════════
   Dokunmatik cihazda hedef boyutu
   Bu denetimler fare icin 28 ile 40 piksel arasinda tasarlandi,
   parmak icin kucuk kaliyor. Yalniz kaba isaretleyicide 44 piksele
   cikiyorlar, boylece masaustu yogunlugu aynen korunuyor. Kural
   bilesen dosyasinda duruyor cunku bicimler .cc_ onekiyle
   kapsamlaniyor ve global.css'ten yazilan ayni secici eziliyor.
   ═══════════════════════════════════════════════════════════ */

@media (pointer: coarse) {
  .cc_maoskxr0_LDCVhFz5eW .footer-section__social-link {
    min-width: 44px;
    min-height: 44px;
  }
}

/* ─── Sag alttaki WhatsApp dugmesi ───────────────────────
 * Dolu yesil daire, icinde BEYAZ amblem. Urun sayfasindaki WhatsApp
 * dugmesi beyaz zemin + yesil amblem, burada tersi: yuzen bir dugmenin
 * sayfa zemininden ayrismasi gerekiyor ve beyaz bir daire beyaz sayfada
 * kayboluyordu. Amblemin iki parcasinin rengi ikon dosyasindaki CSS
 * degiskenleriyle ters cevriliyor.
 *
 * z-index acilir katmanlarin ALTINDA kaliyor (mobil siralama sayfasi 60,
 * cekmece ve pencereler 200+). Bir panel acikken dugmenin ustte durmasi
 * hem gorsel hem dokunma hatasi olurdu.
 */
.cc_maoskxr0_LDCVhFz5eW .footer-wa-fab {
  position: fixed;
  right: 20px;
  bottom: 20px;
  z-index: var(--z-dropdown, 50);
  display: flex;
  align-items: center;
  justify-content: center;
  width: 56px;
  height: 56px;
  border-radius: 50%;
  background: #25d366;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.22);
  text-decoration: none;
  transition: transform 180ms ease, box-shadow 180ms ease;
  /* iPhone'da alt cubugun altinda kalmasin */
  margin-bottom: env(safe-area-inset-bottom, 0px);
}

/* Tek renkli logo, rengi currentColor ile dugmeden aliyor. Renk hem
   dugmede hem ikonda acikca beyaz, footer'in kendi yazi rengi sizmasin. */
.cc_maoskxr0_LDCVhFz5eW .footer-wa-fab, .cc_maoskxr0_LDCVhFz5eW .footer-wa-fab__icon {
  color: #ffffff;
}

.cc_maoskxr0_LDCVhFz5eW .footer-wa-fab__icon {
  display: block;
  width: 28px;
  height: 28px;
}

.cc_maoskxr0_LDCVhFz5eW .footer-wa-fab:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 22px rgba(0, 0, 0, 0.28);
}

.cc_maoskxr0_LDCVhFz5eW .footer-wa-fab:focus-visible {
  outline: 3px solid var(--color-highlight);
  outline-offset: 3px;
}

@media (max-width: 640px) {
  .cc_maoskxr0_LDCVhFz5eW .footer-wa-fab {
    right: 16px;
    bottom: 16px;
    width: 52px;
    height: 52px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .cc_maoskxr0_LDCVhFz5eW .footer-wa-fab {
    transition: none;
  }
  .cc_maoskxr0_LDCVhFz5eW .footer-wa-fab:hover {
    transform: none;
  }
}

@media print {
  .cc_maoskxr0_LDCVhFz5eW .footer-wa-fab {
    display: none;
  }
}

.cc_maoskxr0_LDCVhFz5eW .footer-column {
  display: flex;
  flex-direction: column;
  border-bottom: 1px solid var(--color-border);
}

.cc_maoskxr0_LDCVhFz5eW .footer-column__heading {
  margin: 0;
  font: inherit;
}

.cc_maoskxr0_LDCVhFz5eW .footer-column__toggle {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-xs);
  padding: var(--space-sm) 0;
  background: transparent;
  border: 0;
  cursor: pointer;
  color: var(--color-text-primary);
  text-align: left;
}

.cc_maoskxr0_LDCVhFz5eW .footer-column__title {
  font-family: var(--font-label);
  font-size: var(--text-label);
  font-weight: 500;
}

.cc_maoskxr0_LDCVhFz5eW .footer-column__chevron {
  flex-shrink: 0;
  color: var(--color-text-secondary);
  transition: transform 240ms ease;
}

.cc_maoskxr0_LDCVhFz5eW .footer-column[data-open="true"] .footer-column__chevron {
  transform: rotate(180deg);
}

.cc_maoskxr0_LDCVhFz5eW .footer-column__panel {
  list-style: none;
  margin: 0;
  padding: 0 0 var(--space-sm) 0;
  display: none;
  flex-direction: column;
  gap: var(--space-xs);
}

.cc_maoskxr0_LDCVhFz5eW .footer-column[data-open="true"] .footer-column__panel {
  display: flex;
}

.cc_maoskxr0_LDCVhFz5eW .footer-column__link {
  font-family: var(--font-body);
  font-size: var(--text-small);
  color: var(--color-text-secondary);
  text-decoration: none;
  transition: color 200ms ease;
}

.cc_maoskxr0_LDCVhFz5eW .footer-column__link:hover {
  color: var(--color-accent);
  text-decoration: underline;
  text-underline-offset: 3px;
}

@media (prefers-reduced-motion: reduce) {
  .cc_maoskxr0_LDCVhFz5eW .footer-column__chevron, .cc_maoskxr0_LDCVhFz5eW .footer-column__link {
    transition: none;
  }
}

@media (min-width: 768px) {
  .cc_maoskxr0_LDCVhFz5eW .footer-column {
    border-bottom: 0;
  }

  .cc_maoskxr0_LDCVhFz5eW .footer-column__toggle {
    padding: 0 0 var(--space-sm) 0;
    cursor: default;
    pointer-events: none;
  }

  .cc_maoskxr0_LDCVhFz5eW .footer-column__chevron {
    display: none;
  }

  .cc_maoskxr0_LDCVhFz5eW .footer-column__panel {
    display: flex !important;
    padding: 0;
  }
}

.cc_maoskxr0_LDCVhFz5eW .footer-contact {
  display: flex;
  flex-direction: column;
  gap: var(--space-sm);
}

.cc_maoskxr0_LDCVhFz5eW .footer-contact__title {
  margin: 0;
  font-family: var(--font-label);
  font-size: var(--text-label);
  font-weight: 500;
  color: var(--color-text-primary);
}

.cc_maoskxr0_LDCVhFz5eW .footer-contact__list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: var(--space-xs);
}

.cc_maoskxr0_LDCVhFz5eW .footer-contact__row {
  display: flex;
  align-items: flex-start;
  gap: var(--space-xs);
  font-family: var(--font-body);
  font-size: var(--text-small);
  line-height: 1.55;
  color: var(--color-text-secondary);
}

.cc_maoskxr0_LDCVhFz5eW .footer-contact__icon {
  flex-shrink: 0;
  margin-top: 3px;
  color: var(--color-accent);
}

.cc_maoskxr0_LDCVhFz5eW .footer-contact__text {
  flex: 1;
}

.cc_maoskxr0_LDCVhFz5eW .footer-contact__link {
  flex: 1;
  color: var(--color-text-secondary);
  text-decoration: none;
  transition: color 200ms ease;
}

.cc_maoskxr0_LDCVhFz5eW .footer-contact__link:hover {
  color: var(--color-accent);
}

@media (prefers-reduced-motion: reduce) {
  .cc_maoskxr0_LDCVhFz5eW .footer-contact__link {
    transition: none;
  }
}

.cc_maoskxr0_LDCVhFz5eW .footer-bottom__inner {
  display: flex;
  flex-direction: column;
  gap: var(--space-sm);
  align-items: center;
  text-align: center;
}

.cc_maoskxr0_LDCVhFz5eW .footer-bottom__copyright {
  margin: 0;
  font-family: var(--font-body);
  font-size: var(--text-small);
  color: var(--color-text-muted);
}

.cc_maoskxr0_LDCVhFz5eW .footer-bottom__legal {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-xs);
  justify-content: center;
  align-items: center;
  font-size: var(--text-small);
}

.cc_maoskxr0_LDCVhFz5eW .footer-bottom__legal-link {
  font-family: var(--font-body);
  color: var(--color-text-muted);
  text-decoration: none;
  transition: color 200ms ease;
}

.cc_maoskxr0_LDCVhFz5eW .footer-bottom__legal-link:hover {
  color: var(--color-accent);
}

.cc_maoskxr0_LDCVhFz5eW .footer-bottom__legal-sep {
  color: var(--color-text-muted);
  user-select: none;
}

.cc_maoskxr0_LDCVhFz5eW .footer-bottom__payments {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-xs);
  align-items: center;
  justify-content: center;
}

.cc_maoskxr0_LDCVhFz5eW .footer-bottom__pay {
  display: inline-flex;
  align-items: center;
  opacity: 0.65;
  transition: opacity 200ms ease;
}

.cc_maoskxr0_LDCVhFz5eW .footer-bottom__pay:hover {
  opacity: 1;
}

.cc_maoskxr0_LDCVhFz5eW .footer-bottom__pay-svg {
  height: 24px;
  width: auto;
  display: block;
}

@media (prefers-reduced-motion: reduce) {
  .cc_maoskxr0_LDCVhFz5eW .footer-bottom__legal-link, .cc_maoskxr0_LDCVhFz5eW .footer-bottom__pay {
    transition: none;
  }
}

@media (min-width: 768px) {
  .cc_maoskxr0_LDCVhFz5eW .footer-bottom__inner {
    flex-direction: row;
    justify-content: space-between;
    text-align: left;
    gap: var(--space-md);
  }

  .cc_maoskxr0_LDCVhFz5eW .footer-bottom__copyright {
    flex: 1 1 auto;
  }

  .cc_maoskxr0_LDCVhFz5eW .footer-bottom__legal {
    flex: 0 0 auto;
    justify-content: center;
  }

  .cc_maoskxr0_LDCVhFz5eW .footer-bottom__payments {
    flex: 0 0 auto;
    justify-content: flex-end;
  }
}