/* ============================================================
   EKSPERTBG — Mobile Fixes  (iPhone 12 Pro = 390px CSS width)
   ============================================================ */

/* ── 1. h3 FONT-SIZE — override !important за мобилен ── */
@media only screen and (max-width: 991px) {
    h3 { font-size: 1.8em !important }
    .sec-title h3 { font-size: 1.7em !important }
}
@media only screen and (max-width: 767px) {
    h3 { font-size: 1.5em !important }
    .sec-title h3 { font-size: 1.4em !important }
    .company-section .sec-title h3 { font-size: 1.45em !important }
}
@media only screen and (max-width: 479px) {
    h3 { font-size: 1.25em !important }
    .sec-title h3 { font-size: 1.2em !important }
}

/* ── 2. Banner — h1 и h2 на малки екрани ── */
@media only screen and (max-width: 767px) {
    .banner-section .content-boxed h1 {
        font-size: 26px;
        line-height: 1.25;
    }
    .banner-section .slide h2 {
        font-size: 15px;
        line-height: 1.5;
        margin-top: 8px;
    }
    .banner-section .slide {
        padding-top: 60px;
        padding-bottom: 80px;
    }
    .open-hours p, .address p {
        font-size: 13px;
        line-height: 1.5;
    }
    /* Social icons и бутони в banner — по-компактни */
    .social-icons-top {
        margin-top: 10px;
    }
    .btns-box .theme-btn {
        font-size: 14px;
        padding: 10px 28px;
    }
}
@media only screen and (max-width: 420px) {
    .banner-section .content-boxed h1 {
        font-size: 22px;
    }
    .banner-section .slide h2 {
        font-size: 13px;
    }
    .banner-section .slide {
        padding-top: 50px;
        padding-bottom: 65px;
    }
}

/* ── 3. Clients section — 3 колони на ВСИЧКИ мобилни (3+2) ── */
@media only screen and (max-width: 767px) {
    .clients-section .clearfix.row {
        flex-wrap: wrap !important;
        justify-content: center;
    }
    .clients-section .client-column {
        flex: 0 0 33.333% !important;
        max-width: 33.333% !important;
        margin-bottom: 8px;
        padding: 5px !important;
    }
    .clients-section .client-column .image img {
        max-width: 100%;
        height: auto;
    }
    .clients-section .inner-container.margin-top {
        margin-top: 50px;
    }
    .title-top-repair {
        font-size: 14px !important;
        text-align: center;
    }
}

/* ── 4. pp-estimate — "Онлайн запитване за цена" ── */
@media only screen and (max-width: 767px) {
    .pp-estimate {
        font-size: 1.3em;
        padding-top: 8px;
    }
    .upper-box .text {
        font-size: 14px;
    }
}
@media only screen and (max-width: 420px) {
    .pp-estimate {
        font-size: 1.1em;
    }
}

/* ── 5. Upper-box бутон — центриран на мобилен ── */
@media only screen and (max-width: 767px) {
    .upper-box {
        padding: 18px 15px !important;
        text-align: center;
    }
    .upper-box .title-column .inner-column {
        text-align: center;
        padding-bottom: 12px;
    }
    .upper-box .button-column .inner-column {
        float: none !important;
        text-align: center;
        padding-bottom: 12px;
    }
}

/* ── 6. Company section — hashtags и padding ── */
@media only screen and (max-width: 1023px) {
    .company-section {
        padding-bottom: 50px !important;
    }
}
@media only screen and (max-width: 767px) {
    .company-section {
        padding: 30px 0 20px !important;
    }
    .company-section .content-column {
        margin-bottom: 15px !important;
    }
    .company-section .text {
        font-size: 14px;
        line-height: 1.7;
    }
    /* Hashtags под снимката — по-малки на мобилен */
    .text-under-shopimg {
        font-size: 12px !important;
        line-height: 1.6;
        padding: 8px;
    }
    .text-under-shopimg strong {
        font-size: 12px;
        font-weight: 600;
    }
}

/* ── 7. Viber и Scroll-to-top — по-малки, не покриват съдържание ── */
@media only screen and (max-width: 767px) {
    /* Scroll-to-top — по-малък */
    .scroll-to-top {
        width: 38px !important;
        height: 38px !important;
        line-height: 38px !important;
        font-size: 18px !important;
        right: 12px !important;
        bottom: 90px !important;
    }
    /* Viber бутон — по-малък */
    .viber-message {
        right: 8px !important;
        bottom: 8px !important;
    }
    .viber-message img {
        width: 46px !important;
        height: 46px !important;
    }
}

/* ── 8. Ticket section ── */
@media only screen and (max-width: 767px) {
    .ticket-section .inner-container {
        padding: 16px 12px;
    }
    .ticket-section h4 {
        font-size: 13px;
        line-height: 1.7;
    }
    .ticket-section h3 {
        font-size: 1.1em !important;
        margin-bottom: 8px;
    }
}

/* ── 9. Process / Gallery / wd2 секции — spacing ── */
@media only screen and (max-width: 767px) {
    .process-section { padding: 36px 0 }
    .gallery-section { padding: 36px 0 }
    .gallery-block   { margin-bottom: 12px }
    .wd2-section     { padding: 44px 0 36px !important }
    .wd2-sub         { font-size: 14px; margin-bottom: 24px }
    .wd2-h2          { font-size: 24px !important }
}

/* ── 10. Footer ── */
@media only screen and (max-width: 767px) {
    .footer-column { margin-bottom: 24px }
    .main-footer .widgets-section { padding: 36px 0 16px }
}

/* ── 11. Допълнителни услуги карти — по-компактни ── */
@media only screen and (max-width: 767px) {
    .ps-card {
        padding: 22px 18px 18px !important;
        border-radius: 10px !important;
    }
    .ps-ico {
        width: 42px !important;
        height: 42px !important;
        font-size: 18px !important;
    }
    .ps-card h4 { font-size: 15px !important }
    .ps-card p  { font-size: 13px !important }
}

/* ── 12. Секционни заглавия badge ── */
@media only screen and (max-width: 767px) {
    .sec-title .title {
        font-size: 14px !important;
        margin-bottom: 12px;
    }
    .sec-title {
        margin-bottom: 24px !important;
    }
}