/* ============================================================
   mobile.css — PREMIUM RESPONSIVE
   En son yüklenir; masaüstü tasarımı mobilde sıfırdan optimize eder.
   Kırılımlar: ≤1199 (tablet) · ≤991 · ≤767 (telefon) · ≤480
   ============================================================ */

/* ---------- ≤1199 (küçük masaüstü / tablet yatay) ---------- */
@media (max-width: 1199px) {
    .pt-150 { padding-top: 90px !important; }
    .pt-130, .pt-120, .pt-115 { padding-top: 80px !important; }
    .pb-130, .pb-120 { padding-bottom: 80px !important; }
    .pb-100, .pb-90 { padding-bottom: 70px !important; }
    [class*="offset-xl-"] { margin-left: 0 !important; }
}

/* ---------- ≤991 (tablet) ---------- */
@media (max-width: 991px) {
    [class*="offset-"] { margin-left: 0 !important; }
    .pl-55 { padding-left: 24px; }
    .pr-55 { padding-right: 24px; }
    .pl-60 { padding-left: 0; }
    .mb-75 { margin-bottom: 46px; }
    .mb-65 { margin-bottom: 40px; }
    /* iki kolonlu bölümler tek kolona inerken nefes payı */
    .about-right-side { margin-top: 8px; }
    .services-sidebar { position: static; margin-top: 44px; padding-left: 0 !important; }
}

/* ============================================================
   ≤767 — TELEFON (ana mobil katman)
   ============================================================ */
@media (max-width: 767px) {

    /* —— Tipografi —— */
    body { font-size: 15.5px; }
    h1 { font-size: 1.95rem; }
    h2 { font-size: 1.55rem; }
    h3 { font-size: 1.3rem; }
    .container, .container-fluid, .container-fulid { padding-inline: 18px; }

    /* —— Bölüm dikey boşlukları (inline padding'i ezer) —— */
    .about-area, .services-area, .fact, .photogallery, .testimonials, .blog-area,
    .team-area, .latest-news-area, .appoinment, .appoinment-area, .appoinment-area-2,
    .howitworks, .hiring-area, .fact-area, .h4brand-area, .services-details,
    .contact-area, .appoinment-area {
        padding-top: 56px !important;
        padding-bottom: 56px !important;
        overflow: hidden;
    }
    .breadcrumb-area { padding-top: 44px !important; padding-bottom: 44px !important; }
    .breadcrumb-text h1 { font-size: 1.9rem; }
    .mb-75, .mb-65 { margin-bottom: 36px; }
    .mb-50, .mb-45, .mb-40 { margin-bottom: 28px; }
    .mt-30 { margin-top: 22px; }

    /* —— Başlık şeridi —— */
    .section-text h1 { font-size: 1.72rem; }
    .section-text h5 { font-size: 11.5px; padding: 7px 15px; letter-spacing: .1em; }
    .section-text p { font-size: 1rem; }

    /* —— HERO —— */
    .single-slider { min-height: 76vh !important; height: auto; padding: 0 !important; background-position: right center !important; }
    /* Hero içeriği mobilde ORTALI */
    .hero-text { padding: 44px 0; max-width: 100%; text-align: center; }
    .hero-slider-caption h1 { font-size: 1.95rem !important; line-height: 1.15; }
    .hero-slider-caption h5 { font-size: 12px; padding: 8px 16px; margin-bottom: 16px; }
    .hero-slider-caption p { font-size: 1rem; margin-inline: auto; max-width: 90%; }
    /* Özellikler ve rozetler ALT ALTA + ortalı */
    .h4-span { flex-direction: column; align-items: center; gap: 9px; margin-top: 20px; }
    .h4-span > span { padding: 9px 16px; font-size: 13.5px; }
    .hero-slider-btn { display: none; }   /* mobilde gizli — altta sabit "Randevu Al" barı var */
    .hero-trust { display: flex; flex-direction: column; align-items: center; margin-top: 18px; gap: 9px; }
    .hero-trust__item { font-size: 12.5px; padding: 9px 16px; gap: 7px; }
    .hero-trust__item b { color: var(--accent); font-weight: 800; margin-right: 2px; }
    .hero-trust__rating b { color: var(--ink); }
    .hero-trust__item i { font-size: 13px; }

    /* —— Butonlar —— */
    .btn, .primary_btn { padding: 13px 24px; font-size: 14.5px; }

    /* —— HAKKIMDA —— */
    .h4about-thumb { margin-bottom: 36px; max-width: 520px; }
    .about-overlap__thumb { width: 44%; right: 0; }
    .call-btn { left: 14px; bottom: 14px; padding: 10px 18px 10px 10px; font-size: 13px; }
    .call-icon { width: 36px; height: 36px; }
    .about-author { gap: 14px; margin-top: 26px; padding-top: 22px; }
    .hiring-button { display: flex; flex-wrap: wrap; gap: 12px; }
    .hiring-button .btn { flex: 1 1 auto; justify-content: center; }

    /* —— Header'daki gereksiz dil satırını gizle (drawer'da zaten var) —— */
    .eh-lang-mobile { display: none !important; }

    /* —— HİZMET SLIDER — tam sığsın (1 kart, küçük ipucu payı) —— */
    .eh-hslider { gap: 14px; }
    .eh-hslider > .eh-hslide { flex: 0 0 calc(100% - 36px); }
    .svc-card { padding: 32px 26px 30px; }
    .svc-card__icon { width: 66px; height: 66px; font-size: 28px; }
    .svc-card__index { font-size: 2.1rem; top: 22px; right: 24px; }

    /* —— Mobilde yatay kayan bölümler: cihazlar, blog, yorumlar —— */
    .eh-mslider {
        display: flex !important; flex-wrap: nowrap !important; gap: 14px;
        overflow-x: auto; scroll-snap-type: x mandatory;
        margin-inline: 0; padding-bottom: 14px;
        scrollbar-width: none; -ms-overflow-style: none;
    }
    .eh-mslider::-webkit-scrollbar { display: none; }
    .eh-mslider > [class*="col-"] {
        flex: 0 0 calc(100% - 36px) !important; max-width: calc(100% - 36px) !important;
        scroll-snap-align: start; padding-inline: 0;
    }
    .eh-mslider > [class*="col-"] .mb-30,
    .eh-mslider > [class*="col-"] .blog-box,
    .eh-mslider > [class*="col-"] .h4testimonials-wrapper,
    .eh-mslider > [class*="col-"] .eh-device-card { margin-bottom: 0; height: 100%; }

    /* —— SAYAÇ —— */
    .fact .container-fluid { padding-inline: 18px !important; }
    .h6fact-wrapper { padding: 0; }
    .h4facts-single { padding: 28px 16px; }
    .h4facts-single .counter { font-size: 2.3rem; }
    .h4facts-icon { width: 56px; height: 56px; font-size: 24px; }
    .h4facts-thumbbox { padding-left: 0; margin-top: 26px; }
    .h4facts-thumb img { height: clamp(260px, 70vw, 380px); }

    /* —— GALERİ (tam sığsın) —— */
    .eh-gallery-slider { grid-auto-columns: calc(100% - 36px); gap: 14px; }
    .eh-gallery-item img { height: 260px; }
    .gallery-box img { height: 240px; }

    /* —— YORUMLAR —— */
    .h4testi-col { margin-top: 0; }
    .testimonials::after { display: none; }
    .h4testimonials-wrapper { padding: 28px 24px; }

    /* —— BLOG —— */
    .blog-content { padding: 22px; }
    .blog-sidebar { margin-top: 40px; }

    /* —— RANDEVU CTA (ana) —— */
    .h4appoinment-thumb { display: none; }
    .h4appoinment-wrapper { padding: 30px 22px; margin: 0; border-radius: var(--r-lg); }
    .appoinment .col-xl-6.offset-xl-6 { margin-left: 0; }

    /* —— NASIL ÇALIŞIR —— */
    .howit-box { padding: 16px; }
    .howit-box > i { width: 80px; height: 80px; font-size: 32px; }

    /* —— HIRING / NEDEN BİZİ —— */
    .hire-right-img { display: none; }
    .hire-text { padding: 36px 26px; }
    .professinals-list { grid-template-columns: 1fr; }

    /* —— ESTETİK RANDEVU FORM —— */
    .appoinment-content { padding-right: 0; margin-bottom: 32px; }
    .est-appt-form { padding: 28px 22px; }
    .est-appt-form .h4appoinment-input { margin-bottom: 14px; }

    /* —— HİZMET DETAY —— */
    .services-details-content img { border-radius: var(--r); }

    /* —— İLETİŞİM —— */
    .contact-area .services-widget-bg { margin-bottom: 26px; padding: 30px 24px !important; }
    .eh-map-wrapper iframe { height: 340px !important; }

    /* —— RANDEVU SİHİRBAZI —— */
    .eh-booking { padding: 22px 18px; }
    .cal-grid { gap: 5px; }
    .cal-day { font-size: 13px; border-radius: 9px; }
    .cal-day .dow { font-size: 9px; }
    .slots { grid-template-columns: repeat(auto-fill, minmax(74px, 1fr)); gap: 8px; }

    /* —— FOOTER (mobil) — her şey ORTALI, kart kesilmez —— */
    .eh-foot-cta { padding: 26px 0 40px; overflow: visible; }
    .eh-foot-cta__inner {
        width: 100%; box-sizing: border-box; margin: 0; overflow: hidden;
        flex-direction: column; align-items: center; text-align: center;
        padding: 32px 22px; gap: 20px;
    }
    .eh-foot-cta__inner::before { display: none; }    /* mobilde dekoratif daireyi kaldır */
    .eh-foot-cta__eyebrow { justify-content: center; }
    .eh-foot-cta__text h2 { font-size: 1.38rem; }
    .eh-foot-cta__actions { width: 100%; flex-direction: column; align-items: stretch; gap: 14px; justify-content: center; }
    .eh-foot-cta__actions .btn { width: 100%; justify-content: center; }
    .eh-foot-cta__phone { justify-content: center; flex-wrap: wrap; }

    .eh-foot-body { padding: 0 0 40px; }
    .eh-foot-contacts { grid-template-columns: 1fr; gap: 14px; margin-bottom: 38px; }
    .eh-foot-contact { justify-content: flex-start; text-align: left; }
    .eh-foot-grid { grid-template-columns: 1fr; gap: 30px; text-align: center; }
    .eh-foot-brand { grid-column: auto; }
    .eh-foot-logo { display: inline-block; }
    .eh-foot-brand p { max-width: 100%; }
    .eh-foot-social { justify-content: center; }
    .eh-foot-links h4 { display: inline-block; }
    .eh-foot-links h4::after { left: 50%; transform: translateX(-50%); }
    .eh-foot-links ul li a { justify-content: center; }
    .eh-foot-links ul li a::before { display: none; }
    .eh-foot-promo { text-align: center; padding: 28px 24px; }
    .eh-foot-promo::before { display: none; }
    .eh-foot-promo__ic { margin-inline: auto; }
    /* Sticky "Randevu Al" barı footer'ın altını kapatmasın */
    .eh-foot-bottom { padding-bottom: 94px; }
    .eh-foot-bottom p { font-size: 13px; line-height: 1.7; }

    /* —— Dekoratif blob'ları sakinleştir —— */
    .eh-blob { opacity: .35; }
    .eh-dots { display: none; }

    /* —— Yüzen butonlar: sticky randevu barının ÜSTÜNE diz —— */
    a[href*="wa.me"] { width: 52px !important; height: 52px !important; font-size: 24px !important; bottom: 86px !important; right: 16px !important; }
    .eh-scroll-top { bottom: 148px !important; right: 16px !important; }
}

/* ============================================================
   ≤480 — küçük telefonlar
   ============================================================ */
@media (max-width: 480px) {
    .hero-slider-caption h1 { font-size: 1.82rem !important; }
    .hero-slider-caption p { font-size: .95rem; }
    .section-text h1 { font-size: 1.55rem; }
    .eh-hslider > .eh-hslide { flex: 0 0 88%; }
    .svc-card { padding: 28px 22px; }
    .h4facts-single .counter { font-size: 2rem; }
    .hiring-button { flex-direction: column; }
    .hiring-button .btn { width: 100%; }
    .eh-lang-mobile a, .eh-drawer-langs a { padding: 6px 12px; }
    .breadcrumb-text h1 { font-size: 1.6rem; }
}

/* ============================================================
   Yatay taşmayı kesin engelle
   ============================================================ */
@media (max-width: 991px) {
    html, body { overflow-x: hidden; max-width: 100%; }
    section, footer, header, main { max-width: 100vw; }
}