/* ============================================================
   yereldenAL — Genel ölçek küçültme (global downscale)
   Tüm sayfaların EN SONUNDA yüklenir; tema px değerlerini
   ezmek için gerekli yerlerde !important kullanır.
   ============================================================ */

/* 1) Kök font boyutu: rem tabanlı tüm boşluk & tipografi küçülür */
html {
    font-size: 13.5px;
}

@media (max-width: 991.98px) {
    html {
        font-size: 13px;
    }
}

/* 2) Header bileşenleri: px sabitleri elle küçült */
.header-top {
    padding-block: 6px !important;
}

.header-middle {
    padding-block: 12px !important;
}

.header-bottom {
    padding-block: 8px !important;
}

.nav-menu__link {
    font-size: 14px !important;
    padding-block: 12px !important;
    padding-inline: 14px !important;
}

.header-menu .nav-menu > .nav-menu__item > .nav-menu__link {
    padding-inline: 14px !important;
}

/* 3) Marka / logo küçült */
.header-logo img,
.header-logo svg {
    max-height: 34px !important;
}

.yal-logo,
.yal-logo--sm {
    font-size: 22px !important;
}

/* 4) Header yardımcı ikonları */
.header-middle .item-hover__text,
.header-middle .flex-align > .item-hover {
    font-size: 13px !important;
}

.header-middle .text-2xl {
    font-size: 20px !important;
}

/* 5) Section dikey boşlukları (py-80 vb.) küçült */
.py-80 {
    padding-block: 48px !important;
}

.py-40 {
    padding-block: 28px !important;
}

/* 6) Ürün kartları & görseller */
.product-card__thumb img {
    max-height: 150px;
}

/* 7) Megamenu panel ölçüsü */
.common-dropdown,
.on-hover-dropdown {
    font-size: 13px !important;
}

/* 8) Butonlar */
.btn {
    font-size: 13px !important;
}

.btn-lg {
    font-size: 14px !important;
    padding-block: 12px !important;
}

/* 9) Mobil menü paneli */
.mobile-menu {
    width: 300px !important;
}

/* 10) Alt navigasyon (mobil) yüksekliği */
.yal-bottom-nav {
    --yal-bn-h: 58px;
}