/* =========================================================
   MOBIL UYUMLULUK KATMANI
   Mevcut temayi (brkckmk.css, skstyle.css) bozmadan uzerine
   gelen genel duzeltmeler. Sayfalara skstyle.css'ten SONRA
   dahil edilir.
   ========================================================= */

/* ---- Genel guvenceler (tum ekranlar) ---- */
html {
    -webkit-text-size-adjust: 100%;
    text-size-adjust: 100%;
}

body {
    overflow-x: hidden; /* yatay kaydirmayi engelle */
}

img,
iframe,
video {
    max-width: 100%;
}

/* Icerik alanindaki tablolar tasmasin, kaydirilabilsin */
.pageContent table,
.aciklama table,
.urunAciklama table {
    display: block;
    max-width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

/* Canli arama sonuc kutusu ekrana sigsin */
#arama_sonuclari {
    max-width: calc(100vw - 24px);
    max-height: 70vh;
    overflow-y: auto;
    box-shadow: 0 8px 24px rgba(0, 0, 0, .15);
    border-radius: 0 0 8px 8px;
}

#arama_sonuclari img {
    max-width: 60px;
    height: auto;
}

/* ---- Tablet ve telefon (<= 768px) ---- */
@media screen and (max-width: 768px) {

    /* Mobil ust bar: logo kompakt, dikey hizali */
    .mobileHeader img {
        height: 52px !important;
        width: auto;
        max-width: 100%;
    }

    .mobileHeader {
        padding: 8px 10px;
    }

    .mobileHeader i {
        padding: 9px 11px;
        min-width: 42px;
        text-align: center;
    }

    /* Mobil sol menu dar ekranlarda tasmasin */
    .mobileLeftCategoriesList {
        width: min(340px, 86vw);
        box-shadow: 8px 0 24px rgba(0, 0, 0, .18);
    }

    .mobileLeftCategoriesList ul li a {
        white-space: normal;      /* uzun kategori adlari satira sigsin */
        padding: 12px 10px;       /* dokunma hedefi buyusun */
        line-height: 1.35;
    }

    /* Mobil menu basliklari */
    .leftMobileMenuTitle {
        margin-top: 14px;
        letter-spacing: .5px;
    }

    /* Urun kartlari: 2 sutun duzeni nefes alsin */
    .product {
        margin-bottom: 14px;
        border-radius: 8px;
        overflow: hidden;
    }

    .product .pic img {
        width: 100%;
        height: auto;
        aspect-ratio: 1 / 1;      /* kare gorseller hizali dursun */
        object-fit: cover;
    }

    .product .caption .name,
    .product .caption .name a {
        font-size: 13px;
        line-height: 1.35;
        display: -webkit-box;
        -webkit-line-clamp: 2;    /* uzun adlar 2 satirda kesilsin */
        -webkit-box-orient: vertical;
        overflow: hidden;
        min-height: 2.7em;
    }

    .product .caption .kod {
        font-size: 12px;
    }

    /* Sayfa ici genel bosluklar */
    .container {
        padding-left: 12px;
        padding-right: 12px;
    }

    .row {
        margin-left: -6px;
        margin-right: -6px;
    }

    .row > [class*="col-"] {
        padding-left: 6px;
        padding-right: 6px;
    }

    /* Urun detay: gorsel galerisi tam genislik */
    .urunDetayResim img,
    .lSSlideOuter img,
    .lightSlider img {
        width: 100%;
        height: auto;
    }

    /* Form elemanlari: iOS'un otomatik zoom yapmamasi icin 16px */
    input[type="text"],
    input[type="email"],
    input[type="tel"],
    input[type="number"],
    input[type="search"],
    textarea,
    select {
        font-size: 16px !important;
    }

    /* Butonlar dokunulabilir boyutta */
    .btn,
    button,
    input[type="submit"] {
        min-height: 42px;
    }

    /* Footer: sutunlar alt alta ve ortali */
    footer .row > [class*="col-"] {
        width: 100%;
        text-align: center;
        margin-bottom: 18px;
    }

    footer ul {
        padding-left: 0;
        list-style: none;
    }

    footer ul li a {
        display: inline-block;
        padding: 8px 6px;         /* dokunma hedefi */
    }

    .copyright {
        font-size: 12.5px;
        padding: 14px 10px;
        text-align: center;
        line-height: 1.5;
    }

    /* Sayfa basliklari tasmasin */
    h1, h2, h3 {
        word-wrap: break-word;
        overflow-wrap: break-word;
    }

    /* Kategori sayfasi siralama secimi tam genislik */
    select[name="siralama"],
    .siralamaSec {
        width: 100%;
        max-width: 100%;
    }
}

/* ---- Kucuk telefonlar (<= 420px) ---- */
@media screen and (max-width: 420px) {

    .mobileHeader img {
        height: 44px !important;
    }

    .product .caption .name,
    .product .caption .name a {
        font-size: 12px;
    }

    .mobileSearch .form-control {
        line-height: 44px !important;
        min-height: 44px !important;
        font-size: 16px;
    }

    .mobileSearch .go {
        height: 56px !important;
    }
}

/* ---- Yatay telefon / kucuk tablet (769-991px) ---- */
@media screen and (min-width: 769px) and (max-width: 991px) {

    .headerMenu li a {
        font-size: 13px;
        padding: 8px 6px;
    }

    .product .caption .name {
        font-size: 13px;
    }
}