/* ===== MOBILE OPTIMIZATION - Tüm sayfalar için ortak ===== */

/* Sticky Mobile CTA Bar */
.mobile-cta-bar {
    display: none;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 99999;
    background: #192437;
    box-shadow: 0 -2px 10px rgba(0,0,0,0.2);
    padding: 0;
    justify-content: stretch;
}
.mobile-cta-bar .cta-btn {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 12px 8px;
    text-decoration: none;
    color: #fff;
    font-size: 11px;
    font-weight: 500;
    transition: background 0.2s;
    min-height: 56px;
}
.mobile-cta-bar .cta-btn i {
    font-size: 20px;
    margin-bottom: 4px;
}
.mobile-cta-bar .cta-call { background: #1797a4; }
.mobile-cta-bar .cta-whatsapp { background: #25D366; }
.mobile-cta-bar .cta-contact { background: #34495e; }
.mobile-cta-bar .cta-btn:active { opacity: 0.8; }

/* Mobile Menu Slide */
.mobile-menu-overlay {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.5);
    z-index: 9998;
}

/* ===== TABLET (max 991px) ===== */
@media (max-width: 991px) {
    .mobile-menu .mobile-nav li a {
        min-height: 44px;
        display: flex !important;
        align-items: center !important;
    }
    .mobile-submenu li a {
        min-height: 44px;
        display: flex !important;
        align-items: center !important;
    }
    .menu-trigger {
        min-width: 44px;
        min-height: 44px;
        display: flex !important;
        align-items: center;
        justify-content: center;
    }
}

/* ===== MOBİL (max 767px) ===== */
@media (max-width: 767px) {

    /* --- CTA bar --- */
    .mobile-cta-bar {
        display: flex;
    }

    /* --- Touch --- */
    a, button {
        touch-action: manipulation;
    }

    /* --- Overflow engelle + ORTALAMA FIX --- */
    body {
        overflow-x: hidden !important;
    }
    /* Bootstrap row negatif margin'i sıfırla */
    .row {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
    /* Bootstrap col padding'i eşitle */
    [class*="col-"] {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }
    .container {
        padding-left: 15px !important;
        padding-right: 15px !important;
        max-width: 100% !important;
    }
    img, iframe, video, embed, object {
        max-width: 100% !important;
        height: auto !important;
    }
    iframe {
        height: 200px !important;
    }

    /* =============================
       HEADER - TELEFON + LOGO + INFO BAR
       ============================= */
    body {
        padding-bottom: 56px !important;
    }
    .header-wrapper {
        box-shadow: 0 1px 6px rgba(0,0,0,0.1) !important;
    }

    /* 1) Üst mavi bar: telefon numaraları - kompakt tek satır */
    .contact-top-bar {
        display: block !important;
        padding: 6px 0 !important;
    }
    .contact-top-bar .container {
        padding: 0 10px !important;
    }
    .contact-top-bar .col-lg-9.d-none.d-lg-block,
    .contact-top-bar .col-lg-3.d-none.d-lg-block {
        display: none !important;
    }
    .contact-top-bar .col-12.d-lg-none {
        display: block !important;
        flex: 0 0 100% !important;
        max-width: 100% !important;
        padding: 0 !important;
    }
    .mobile-contact-bar {
        display: flex !important;
        justify-content: center !important;
        align-items: center !important;
        flex-wrap: nowrap !important;
        gap: 15px !important;
    }
    .mobile-contact-item {
        display: flex !important;
        align-items: center !important;
        gap: 4px !important;
    }
    .mobile-contact-item a {
        font-size: 11px !important;
        color: #9aa3b2 !important;
        white-space: nowrap !important;
    }
    .mobile-contact-item i {
        font-size: 10px !important;
    }
    .mobile-social-links {
        display: none !important;
    }

    /* 2) Header: logo + hamburger - kompakt beyaz bar */
    .header-area {
        padding: 8px 0 !important;
        background: #fff !important;
        box-shadow: none !important;
    }
    .header-area .container {
        padding: 0 10px !important;
    }
    .header-area .main-header-item {
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
        padding: 0 !important;
    }
    .header-area .header-logo {
        display: block !important;
    }
    .header-area .header-logo img {
        max-height: 34px !important;
        width: auto !important;
    }
    .header-area .header-menu {
        display: none !important;
    }

    /* Hamburger butonu */
    .mobile-menu-trigger.d-lg-none {
        display: block !important;
        position: relative !important;
    }
    .menu-trigger {
        background: #192437 !important;
        border: none !important;
        border-radius: 6px !important;
        padding: 7px 9px !important;
        min-width: 38px !important;
        min-height: 38px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
    }
    .menu-trigger i {
        color: #fff !important;
        font-size: 18px !important;
    }

    /* 3) Info bar: banner yazısı - kompakt */
    .info-bar {
        display: block !important;
        padding: 6px 0 !important;
        background: #192437 !important;
    }
    .info-bar .info-text span {
        font-size: 9px !important;
        letter-spacing: 0.3px !important;
        line-height: 1.3 !important;
        display: block !important;
    }

    /* =============================
       BANNER
       ============================= */
    .banner-area, .banner-area.banner-2-area {
        min-height: 420px !important;
        padding-top: 20px !important;
    }
    .banner-overlay {
        background: rgba(0,0,0,0.15) !important;
    }
    .banner-content {
        margin-top: 15px !important;
        padding: 0 10px !important;
    }
    .banner-content .title {
        font-size: 22px !important;
        margin-bottom: 6px !important;
    }
    .banner-content > p {
        font-size: 13px !important;
        margin-bottom: 12px !important;
        line-height: 1.3 !important;
    }
    /* Banner CTA butonları mobil */
    .banner-content div[style*="display: flex"][style*="gap: 12px"] {
        display: flex !important;
        flex-direction: row !important;
        gap: 8px !important;
        margin-bottom: 12px !important;
    }
    .banner-content div[style*="display: flex"][style*="gap: 12px"] a {
        padding: 10px 16px !important;
        font-size: 13px !important;
        justify-content: center !important;
        flex: 1 !important;
        text-align: center !important;
        white-space: nowrap !important;
    }
    /* Banner güven sinyalleri mobil */
    .banner-content div[style*="gap: 20px"] {
        gap: 8px !important;
        justify-content: flex-start !important;
    }
    .banner-content div[style*="gap: 20px"] span {
        font-size: 10px !important;
    }

    /* =============================
       ONARIM SÜRECİ - ORTALI
       ============================= */
    .repair-process-area, .repair-process-area[style] {
        padding: 30px 0 !important;
        margin-top: 0 !important;
    }
    .repair-process-area .col-lg-3,
    .repair-process-area .col-md-6 {
        flex: 0 0 100% !important;
        max-width: 100% !important;
    }
    .timeline-line {
        display: none !important;
    }
    .process-step, .process-step[style] {
        text-align: center !important;
        max-width: 100% !important;
        width: 100% !important;
        margin-bottom: 12px !important;
        box-shadow: 0 2px 8px rgba(0,0,0,0.06) !important;
    }
    .process-step:hover {
        transform: none !important;
    }
    .step-icon, .step-icon[style] {
        margin: 0 auto 12px !important;
        width: 50px !important;
        height: 50px !important;
    }
    .step-icon i {
        font-size: 20px !important;
    }
    .process-step h4 {
        text-align: center !important;
        font-size: 15px !important;
    }
    .step-content, .step-content[style] {
        text-align: center !important;
    }
    .step-content ul {
        display: inline-block !important;
        text-align: left !important;
        padding: 0 !important;
    }
    .step-content ul li {
        font-size: 12px !important;
    }

    /* =============================
       FAQ - TURUNCU FIX + ORTALI
       ============================= */
    .faq-area {
        padding: 20px 0 40px !important;
    }
    .faq-area .col-lg-8 {
        flex: 0 0 100% !important;
        max-width: 100% !important;
    }
    .faq-area h2.title {
        text-align: center !important;
        font-size: 20px !important;
    }
    /* Turuncu gradient bar kaldır - yüksek spesifiklik */
    .faq-accrodion .accrodion::before,
    .accrodion-grp .accrodion::before,
    .accrodion::before {
        display: none !important;
        background: none !important;
        background-image: none !important;
        transform: none !important;
    }
    /* Aktif başlık rengi: turuncu yerine koyu */
    .faq-accrodion .accrodion.active .accrodion-title h4,
    .accrodion-grp .accrodion.active .accrodion-title h4,
    .accrodion.active .accrodion-title h4 {
        color: #192437 !important;
    }
    /* +/- ikonları - turuncu kaldır */
    .faq-accrodion .accrodion .accrodion-title::before,
    .faq-accrodion .accrodion .accrodion-title::after,
    .accrodion-grp .accrodion .accrodion-title::before,
    .accrodion-grp .accrodion .accrodion-title::after,
    .accrodion .accrodion-title::before,
    .accrodion .accrodion-title::after {
        color: #1797a4 !important;
        font-size: 20px !important;
        width: 24px !important;
        height: 24px !important;
        right: 12px !important;
    }
    .faq-accrodion .accrodion.active .accrodion-title::after,
    .accrodion-grp .accrodion.active .accrodion-title::after,
    .accrodion.active .accrodion-title::after {
        color: #1797a4 !important;
    }
    .faq-accrodion .accrodion.active .accrodion-title::before,
    .accrodion-grp .accrodion.active .accrodion-title::before,
    .accrodion.active .accrodion-title::before {
        color: #1797a4 !important;
    }
    /* Accordion iç düzen */
    .accrodion-title {
        padding: 14px 40px 14px 15px !important;
        min-height: 48px !important;
        position: relative !important;
    }
    .faq-accrodion .accrodion .accrodion-title h4,
    .accrodion-grp .accrodion .accrodion-title h4,
    .accrodion-title h4 {
        font-size: 13px !important;
        color: #192437 !important;
        margin: 0 !important;
    }
    .faq-accrodion .accrodion .accrodion-inner,
    .accrodion .accrodion-inner {
        border-color: #e8e8e8 !important;
        padding: 0 !important;
    }
    .faq-accrodion .accrodion.active .accrodion-inner,
    .accrodion.active .accrodion-inner {
        border-color: #1797a4 !important;
    }
    .accrodion + .accrodion {
        margin-top: 8px !important;
    }
    .accrodion-content .inner {
        padding: 10px 15px 15px !important;
    }
    .accrodion-content .inner p {
        font-size: 13px !important;
        line-height: 1.6 !important;
        color: #555 !important;
        margin: 0 !important;
    }

    /* =============================
       MOBİL UYGULAMA BÖLÜMÜ - ORTALI
       ============================= */
    .mobile-app-area, .mobile-app-area[style] {
        padding: 40px 0 !important;
    }
    .mobile-app-area .col-lg-6 {
        flex: 0 0 100% !important;
        max-width: 100% !important;
    }
    .mobile-app-area .app-content,
    .mobile-app-area .app-content[style] {
        text-align: center !important;
    }
    .app-features, .app-features[style] {
        display: inline-block !important;
        text-align: left !important;
        margin: 0 auto 20px !important;
    }
    .app-stores, .app-stores[style] {
        justify-content: center !important;
    }
    .mobile-app-area .app-visual,
    .mobile-app-area .app-visual[style] {
        text-align: center !important;
        margin-top: 30px !important;
    }
    .phone-mockup {
        margin: 0 auto 20px !important;
    }
    .qr-section, .qr-section[style] {
        max-width: 300px !important;
        margin: 15px auto 0 !important;
        text-align: center !important;
    }

    /* =============================
       GENEL İÇERİK ORTALAMA
       ============================= */
    section {
        overflow: visible !important;
    }
    /* Tüm col sınıfları mobilde full-width */
    .col-lg-3, .col-lg-4, .col-lg-6, .col-lg-8, .col-lg-9, .col-lg-12,
    .col-md-3, .col-md-4, .col-md-6 {
        flex: 0 0 100% !important;
        max-width: 100% !important;
    }
    /* Başlık ortalama */
    .page-title-area .title,
    section .title,
    .mb-40 {
        text-align: center !important;
    }
    .page-title-area .title {
        font-size: 24px !important;
    }
    .mb-40 p {
        text-align: center !important;
    }

    /* =============================
       FOOTER - MOBİL KOMPAKT 2 KOLON
       ============================= */
    .footer-area {
        padding: 14px 0 70px !important;
    }
    .footer-main {
        padding: 0 !important;
        margin: 0 !important;
    }
    /* Dekoratif şekilleri gizle */
    .footer-shape-1,
    .footer-shape-2 {
        display: none !important;
    }
    /* 2 kolon yan yana layout */
    .footer-main .row {
        display: flex !important;
        flex-wrap: nowrap !important;
        margin: 0 !important;
    }
    .footer-area .col-lg-6,
    .footer-area .col-md-6 {
        flex: 0 0 50% !important;
        max-width: 50% !important;
        padding: 0 6px !important;
    }
    /* Widget - tüm boşlukları sıfırla */
    .footer-widget {
        margin: 0 !important;
        padding: 0 !important;
    }
    .footer-widget.mt-20,
    .footer-area .mt-20 {
        margin-top: 0 !important;
    }
    .footer-title {
        padding-bottom: 4px !important;
        margin-bottom: 0 !important;
    }
    .footer-title .title {
        font-size: 11px !important;
        letter-spacing: 0.5px !important;
        margin: 0 !important;
        padding: 0 !important;
    }
    .footer-title.pb-20 {
        padding-bottom: 4px !important;
    }
    .footer-about-content {
        padding: 0 !important;
        margin: 0 !important;
    }

    /* Sol kolon: İletişim - sıfır boşluk */
    .footer-contact-info .contact-item {
        margin-bottom: 3px !important;
        padding: 0 !important;
    }
    .footer-contact-info .contact-item i {
        font-size: 9px !important;
        margin-right: 4px !important;
        min-width: 12px !important;
    }
    .footer-contact-info .contact-item > div {
        flex: 1 !important;
    }
    .footer-contact-info .contact-item p {
        font-size: 9px !important;
        margin-bottom: 0 !important;
        line-height: 1.2 !important;
    }
    .footer-contact-info .contact-item a {
        font-size: 9px !important;
        line-height: 1.2 !important;
    }
    .footer-contact-info .contact-item p br {
        display: none !important;
    }
    /* Sosyal ikonlar */
    .footer-area .social {
        margin-top: 6px !important;
    }
    .footer-area .social ul {
        display: flex !important;
        padding: 0 !important;
        margin: 0 !important;
        gap: 10px !important;
    }
    .footer-area .social ul li {
        display: inline-block !important;
        margin: 0 !important;
    }
    .footer-area .social ul li a {
        font-size: 13px !important;
    }

    /* Sağ kolon: Kurumsal linkler - sıfır boşluk */
    .footer-about-list ul {
        padding: 0 !important;
        margin: 0 !important;
    }
    .footer-about-list li {
        margin-bottom: 0 !important;
        padding: 0 !important;
    }
    .footer-about-list a {
        font-size: 10px !important;
        min-height: 24px !important;
        display: inline-flex !important;
        align-items: center !important;
        padding: 1px 0 !important;
    }
    .footer-about-list a i {
        margin-right: 3px !important;
        font-size: 8px !important;
    }

    /* Copyright */
    .footer-copyright {
        text-align: center !important;
        margin-top: 8px !important;
        padding: 4px 0 !important;
    }
    .footer-copyright p {
        font-size: 9px !important;
        margin: 0 !important;
    }

    /* Go-top CTA ile çakışmasın */
    .go-top-area {
        bottom: 70px !important;
    }

    /* =============================
       CONTACT PAGE
       ============================= */
    .contact-row-modern {
        flex-wrap: wrap !important;
        gap: 20px !important;
    }
    .contact-card-modern {
        padding: 24px 16px !important;
        border-radius: 16px !important;
        text-align: center !important;
    }
    .contact-card-modern .title {
        font-size: 1.4rem !important;
    }
    .contact-info-modern {
        font-size: 0.95rem !important;
    }
    .contact-info-modern > div {
        justify-content: center !important;
    }
    .contact-form-modern-wrap {
        margin-top: 30px !important;
    }
    .contact-form-modern {
        padding: 24px 16px !important;
        border-radius: 16px !important;
    }
    .contact-form-modern h3 {
        font-size: 1.4rem !important;
    }
    .contact-form-modern input,
    .contact-form-modern textarea {
        font-size: 1rem !important;
        padding: 14px !important;
    }

    /* =============================
       SERVO/SPINDLE SAYFALARI
       ============================= */
    .future-content,
    .future-item {
        padding: 20px 15px !important;
        text-align: center !important;
    }
    .future-content .title,
    .future-item .title {
        font-size: 18px !important;
        text-align: center !important;
    }
    .future-content p,
    .future-item p {
        font-size: 13px !important;
        line-height: 1.6 !important;
    }
    .brand-area .row > div {
        flex: 0 0 33.333% !important;
        max-width: 33.333% !important;
    }
    .fun-facts-item {
        text-align: center !important;
    }
    .fun-facts-item .title {
        font-size: 28px !important;
    }
    .fun-facts-item span {
        font-size: 12px !important;
    }
    .news-content a {
        font-size: 14px !important;
    }
    .news-content p {
        font-size: 12px !important;
    }

    /* =============================
       BLOG SAYFALARI
       ============================= */
    .blog-details-content h2,
    .blog-details-content h3 {
        font-size: 18px !important;
        line-height: 1.4 !important;
    }
    .blog-details-content p {
        font-size: 14px !important;
        line-height: 1.7 !important;
    }
    .blog-details-content img {
        border-radius: 8px !important;
    }
}

/* ===== KÜÇÜK MOBİL (max 430px) ===== */
@media (max-width: 430px) {
    body {
        padding-top: 50px !important;
    }
    .header-logo img {
        max-width: 90px !important;
    }
    .page-title-area .title {
        font-size: 20px !important;
    }
    .accrodion-title h4 {
        font-size: 12px !important;
    }
}