/* PageSpeed / a11y / CLS overrides — layout'tan sonra yüklenir */

/* Kontrast: theme.css .text-muted ~0.2 opacity fail */
.text-muted,
h5.text-muted,
.home-section .text-muted {
  color: #4b5563 !important;
}

#WebAramaForm #TxAra::placeholder,
#MobilAramaForm #TxAra2::placeholder,
#footerNewsletterEmail::placeholder {
  color: #6b7280 !important;
  opacity: 1;
}

.sg-code { color: #4b5563 !important; }
.sg-arrow { color: #6b7280 !important; }
.sb-auth-footer { color: #4b5563 !important; }

/* Megamenü / gri yazı kontrastı */
.text-gray-90, a.text-gray-90, .product-item__title a,
.font-size-15.text-gray-90 {
  color: #1f2937 !important;
}
.text-gray-110 {
  color: #4b5563 !important;
}

/* Dokunma hedefleri ≥ 44px */
.header-icon-hit,
a.header-icon-hit,
button.header-icon-hit {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  min-width: 44px;
  min-height: 44px;
  padding: 10px;
  line-height: 1;
}

.footer-modern ul li a {
  display: inline-flex;
  align-items: center;
  min-height: 44px;
  padding: 8px 0;
}

.footer-modern .btn-sm {
  min-width: 44px;
  min-height: 44px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

/* CLS: görsel kutuları rezerv alanı */
.apc-img-wrap {
  aspect-ratio: 1 / 1;
  width: 100%;
  overflow: hidden;
}
.apc-img-wrap img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.quick-cat-tile__img-wrap {
  aspect-ratio: 4 / 3;
  overflow: hidden;
}
.quick-cat-tile__img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.brand-box img {
  width: 180px;
  height: 144px;
  object-fit: contain;
}
.hero-pro,
.hero-bg-media {
  min-height: 320px;
}
@media (min-width: 768px) {
  .hero-pro,
  .hero-bg-media {
    min-height: 480px;
  }
}
.u-slick,
.home-pro-carousel {
  min-height: 280px;
}

/* Font Awesome font-display */
@font-face {
  font-family: "Font Awesome 6 Free";
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/webfonts/fa-solid-900.woff2") format("woff2");
}
@font-face {
  font-family: "Font Awesome 6 Brands";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/webfonts/fa-brands-400.woff2") format("woff2");
}