/* ========================================================================
   PMG Taral Kurumsal - telefon / tablet uyumu (TLP-261106-0EA00)
   Tüm mobil düzeltmeler burada; _Layout'ta en son yüklenir ki şablon
   (style.css / responsive.css / custom.css) kurallarını ezsin.
   ======================================================================== */

/* Iletisim bilgileri: ikon `.contact-one_info-icon` sinifiyla basiliyor ama sablon
   yalniz `.icon` sinifini stilliyordu -> ikon kucuk kaliyor, yazi 100px iceride
   duruyordu. Tum ekranlarda gecerli. */
.contact-one_info-list li { padding-left: 76px; min-height: 60px; }
.contact-one_info-list li .contact-one_info-icon {
    position: absolute; left: 0; top: 2px;
    width: 56px; height: 56px; line-height: 56px; border-radius: 8px;
    text-align: center; font-size: 22px;
    color: #fff; background-color: var(--main-color, #70b944);
}

/* Ust bardaki menu dugmesi yalniz mobil/tablette gorunur */
.top-bar_toggler { display: none; }

@media (max-width: 991px) {
    /* --- Ust kisim: logo telefonda hic gorunmuyordu (logo ust barda, ust bar
       custom.css'te <768px gizli). Ust bar logo + menu dugmesi olarak kalir,
       yalniz menu dugmesi tasiyan alt bar gizlenir. */
    .top-bar { display: block !important; padding: 8px 0; }
    .top-bar_logo img { height: 48px !important; width: auto; }
    .top-bar_toggler {
        display: flex; align-items: center; justify-content: center;
        width: 44px; height: 44px; font-size: 24px; color: #fff; cursor: pointer;
    }
    .main-header .header-lower { display: none; }
    .main-header.header-style-two { min-height: 0; }

    /* --- Urunler: arama ve kategoriler 20 urunun altinda kaliyordu -> ustte */
    .sidebar-page-container.left-sidebar .sidebar-side { order: -1; }
    /* 9 kategori dugmesi alt alta ekranin yarisini kapliyordu -> yana kayan tek satir */
    .product-cat-list {
        flex-direction: row !important; flex-wrap: nowrap;
        overflow-x: auto; padding-bottom: 6px; -webkit-overflow-scrolling: touch;
    }
    .product-cat-list .btn { white-space: nowrap; flex: 0 0 auto; }
}

@media (max-width: 767px) {
    /* custom.css B4B'den geldi; kurumsal sitede alt menu cubugu yok ama govdeye
       onun icin 75px bosluk birakiliyordu (footer altinda beyaz serit). */
    body { padding-bottom: 0 !important; }
    .progress-wrap { bottom: 20px !important; }

    /* --- Banner: oran Slider/Default.cshtml'de (telefonda da 1920/600, kirpma yok) */
    .slider-two_heading { font-size: 22px !important; line-height: 1.3 !important; }
    /* Dikey ve iri noktalar gorselin ustune biniyordu -> altta yatay, kucuk */
    .main-slider_pagination {
        top: auto !important; bottom: 8px !important;
        left: 0 !important; right: 0 !important;
        width: 100% !important; height: auto !important;
        display: flex; justify-content: center; gap: 6px;
    }
    .main-slider_pagination .swiper-pagination-bullet {
        width: 8px; height: 8px; margin: 0 !important;
        border-color: rgba(255, 255, 255, 0.9);
        background: rgba(0, 0, 0, 0.25);
    }
    /* Oklar dar banner'i kapatiyordu; telefonda kaydirma yeterli */
    .main-slider_button-prev,
    .main-slider_button-next { display: none !important; }

    /* --- Sayfa ve bolum bosluklari: masaustu degerleri (80-120px) telefonda
       ekranin yarisini bos birakiyordu */
    .page-title { padding: 36px 0 28px !important; }
    .page-title h2, .page-title h1 { font-size: 26px !important; line-height: 1.3 !important; }
    .sidebar-page-container { padding-top: 40px !important; padding-bottom: 40px !important; }
    .about-one, .product-categories-section, .counter-one, .services-one,
    .news-one, .video-one, .discover-one, .contact-one, .feature-one {
        padding-top: 48px !important; padding-bottom: 40px !important;
    }
    .main-footer .widgets-section { padding-top: 60px; padding-bottom: 30px; }
    .sec-title_heading { font-size: 28px !important; line-height: 1.3 !important; }

    /* --- Ana sayfa sayaclari: tek sutunda 4 dev kutu -> 2x2, kompakt */
    .counter-one .counter-block_one { flex: 0 0 50%; max-width: 50%; margin-bottom: 16px; }
    .counter-block_one-inner { padding: 56px 12px 14px; text-align: center; }
    .counter-block_one-inner:before { top: 16px; }
    .counter-block_one-count { font-size: 30px !important; }
    .counter-block_one-text { font-size: 13px; }

    /* --- Ana sayfa urun kategorileri: kart basina tam ekran (gorsel 4:3 + metin)
       yerine yatay kart: solda gorsel, sagda baslik/aciklama */
    .product-categories-section .col-lg-4 { margin-bottom: 14px !important; }
    .product-categories-section .category-card { flex-direction: row !important; align-items: center; }
    .product-categories-section .category-card > a { flex: 0 0 120px; }
    .product-categories-section .category-card > a > div { aspect-ratio: 1 / 1 !important; }
    .product-categories-section .category-card img { padding: 10px !important; }
    .product-categories-section .category-card > div { padding: 12px 14px !important; text-align: left !important; }
    .product-categories-section .category-card h4 { font-size: 16px !important; margin-bottom: 4px !important; }
    .product-categories-section .category-card p {
        font-size: 12px !important; line-height: 1.45 !important; margin-bottom: 8px !important;
        display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;
    }
    .product-categories-section .category-card .theme-btn { padding: 6px 14px; font-size: 12px !important; }

    /* --- Urun listesi: telefonda 2 sutun */
    .shop-item .image { height: 140px !important; }
    .shop-item .image img { max-height: 125px !important; }
    .shop-item .lower-content h4 { font-size: 14px !important; line-height: 1.35 !important; }
    .shop-item .lower-content .category { font-size: 11px; }
    .shop-item_button .theme-btn { padding: 6px 14px; font-size: 13px; }

    /* --- Dokumanlar: telefon tarayicisi PDF'i sayfa icinde gosteremiyor; 280px'lik
       bos/siyah onizleme yerine dosya ikonu, 2 sutun */
    .doc-preview { height: 110px !important; }
    .doc-preview iframe { display: none; }
    .doc-preview .doc-icon-mobile { display: flex !important; }
    .doc-card-footer { padding: 10px; }
    .doc-card-footer .doc-actions { flex-direction: column; gap: 4px; }

    /* --- Haber detayi: tarih kutusu ve basliklar */
    .blog-detail_date { font-size: 18px; letter-spacing: 0; padding: 10px 16px 8px; }

    /* --- Bayi / servis kartlari: 300+ kart alt alta, bosluklari daraltildi */
    .dealer-card, .service-card { padding: 14px !important; }
    .dealer-card-info, .service-card-info { gap: 4px; }
    .dealer-card-info-item, .service-card-info-item { font-size: 13px; line-height: 1.5; }
}