/* Mia Seyahat - ortak mobil deneyim katmani */

/* Mobil için üretilen özel seçim menüleri masaüstünde yer kaplamaz. */
@media (min-width: 576px) {
    .mia-booking-mobile-select,
    .mia-quote-mobile-select {
        display: none !important;
    }
}

.mia-mobile-quote-heading {
    display: none;
}

@media (max-width: 1199px) {
    html,
    body {
        max-width: 100%;
        overflow-x: hidden;
    }

    body {
        -webkit-text-size-adjust: 100%;
        text-size-adjust: 100%;
    }

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

    .container {
        width: 100%;
        max-width: 100%;
        padding-right: 24px;
        padding-left: 24px;
    }

    .main-header .header-lower .inner-container {
        min-height: 52px;
    }

    .mobile-button {
        width: 44px;
        height: 44px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        padding: 0;
        border: 1px solid rgba(255, 255, 255, 0.18);
        border-radius: 12px;
        background: rgba(15, 17, 20, 0.14);
        -webkit-tap-highlight-color: transparent;
    }

    .mobile-menu {
        width: min(92vw, 380px);
        max-width: 100%;
        padding-right: 0;
    }

    .mobile-button::before,
    .mobile-button::after,
    .mobile-button span {
        left: 10px;
        width: 24px;
        height: 2px;
        border-radius: 99px;
    }

    .mobile-button::before {
        transform: translate3d(0, -7px, 0);
    }

    .mobile-button::after {
        transform: translate3d(0, 7px, 0);
    }

    .mobile-menu .menu-backdrop {
        background: rgba(9, 12, 16, 0.68);
        backdrop-filter: blur(3px);
    }

    .mobile-menu .menu-box {
        left: -100%;
        display: flex;
        flex-direction: column;
        border-radius: 0 20px 20px 0;
        background: #ffffff;
        box-shadow: 24px 0 60px rgba(9, 12, 16, 0.22);
        transition-duration: 0.32s;
        transition-timing-function: cubic-bezier(0.22, 1, 0.36, 1);
    }

    .mobile-menu-visible .mobile-menu .menu-box {
        left: 0;
        transition-duration: 0.32s;
        transition-timing-function: cubic-bezier(0.22, 1, 0.36, 1);
    }

    .mobile-menu .nav-logo {
        min-height: 80px;
        display: flex;
        align-items: center;
        padding: 16px 68px 16px 20px;
        border-bottom: 1px solid #eceef0;
        background: #ffffff;
        box-shadow: none;
    }

    .mobile-menu .bottom-canvas {
        min-height: calc(100dvh - 80px);
        display: flex;
        flex-direction: column;
        padding: 16px 16px max(18px, env(safe-area-inset-bottom));
    }

    .mobile-menu .menu-outer {
        order: 1;
        margin: 0;
        padding: 0;
        border: 0;
    }

    .mobile-menu .menu-outer::before {
        display: block;
        margin: 1px 10px 9px;
        color: #9a9da2;
        content: "Menü";
        font-family: "Outfit", sans-serif;
        font-size: 11px;
        font-weight: 700;
        line-height: 16px;
        letter-spacing: 1.5px;
        text-transform: uppercase;
    }

    .mobile-menu .navigation > li {
        margin-bottom: 4px;
        border: 0;
    }

    .mobile-menu .navigation li > a {
        min-height: 52px;
        display: flex;
        align-items: center;
        padding: 13px 48px 13px 13px;
        border-radius: 11px;
        color: #2b2e33;
        font-family: "Outfit", sans-serif;
        font-size: 16px;
        font-weight: 600;
        line-height: 24px;
        transition: color 0.2s ease, background-color 0.2s ease;
    }

    .mobile-menu .navigation > li.current > a {
        padding-left: 17px;
        color: #e96300;
        background: #fff3e9;
        box-shadow: inset 3px 0 0 #ff7101;
    }

    .mobile-menu .navigation li:hover > a {
        color: #e96300;
        background: #fff8f2;
    }

    .mobile-menu .navigation li.dropdown2 .dropdown2-btn {
        top: 0;
        right: 0;
        width: 48px;
        height: 52px;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 0;
        border-top: 0;
        border-right: 0;
        border-bottom: 0;
        border-left: 1px solid transparent;
        border-radius: 0 11px 11px 0;
        background: transparent;
        line-height: 1;
    }

    .mobile-menu .navigation li.dropdown2 .dropdown2-btn::before {
        width: 28px;
        height: 28px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        border-radius: 8px;
        color: #6d7075;
        background: #f3f4f5;
        transition: transform 0.2s ease, color 0.2s ease, background-color 0.2s ease;
    }

    .mobile-menu .navigation li.dropdown2.open > .dropdown2-btn::before {
        color: #e96300;
        background: #fff0e4;
        transform: rotate(180deg);
    }

    .mobile-menu .navigation li.dropdown2.open > a {
        color: #e96300;
        background: #fff8f2;
    }

    .mobile-menu .navigation li > ul,
    .mobile-menu .navigation li > ul > li > ul {
        margin: 5px 0 9px;
        padding: 7px;
        border: 1px solid #eceef0;
        border-radius: 12px;
        background: #f7f8f9;
    }

    .mobile-menu .navigation li > ul > li > a,
    .mobile-menu .navigation li > ul > li > ul > li > a {
        min-height: 43px;
        padding: 10px 12px !important;
        border-radius: 9px;
        color: #51545a;
        font-size: 14px !important;
        font-weight: 500;
        line-height: 21px;
    }

    .mobile-menu .navigation li > ul > li.current > a {
        color: #e96300;
        background: #ffffff;
    }

    .mobile-menu .navigation li > ul.mia-mobile-submenu-visible {
        display: block;
        animation: mia-mobile-submenu-in 0.2s ease both;
    }

    .mobile-menu .login-box {
        order: 2;
        min-height: 62px;
        margin: auto 0 0;
        padding: 9px;
        border: 0;
        border-radius: 13px;
        background: #202329;
    }

    .mobile-menu .login-box i {
        width: 42px;
        height: 42px;
        flex: 0 0 42px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        margin: 0 11px 0 0;
        border-radius: 10px;
        color: #ffffff;
        background: #ff7101;
    }

    .mobile-menu .login-box a {
        min-height: 42px;
        display: flex;
        align-items: center;
        flex: 1 1 auto;
        color: #ffffff;
        font-family: "Outfit", sans-serif;
        font-size: 15px;
        font-weight: 600;
    }

    .close-btn {
        top: 18px;
        right: auto;
        left: calc(min(92vw, 380px) - 58px);
        width: 42px;
        height: 42px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        padding: 0;
        border: 1px solid #e6e8ea;
        border-radius: 11px;
        color: #2b2e33;
        background: #f7f8f9;
        line-height: 1;
    }

    .close-btn::before {
        font-size: 18px;
        font-weight: 400;
    }

    .close-btn > span {
        display: none;
    }

    @keyframes mia-mobile-submenu-in {
        from {
            opacity: 0;
            transform: translateY(-5px);
        }
        to {
            opacity: 1;
            transform: translateY(0);
        }
    }

    .mia-fleet-listing,
    .mia-contact-layout,
    .mia-blog-detail-layout,
    .mia-legal-layout {
        min-width: 0;
    }

    .mia-fleet-sidebar,
    .mia-contact-aside,
    .mia-blog-detail-sidebar,
    .mia-legal-sidebar {
        position: static !important;
        top: auto !important;
    }
}

/* Tüm mobil sayfalarda son düzen: dokunma alanları ve araç detay sekmeleri. */
@media (max-width: 575px) {
    .mia-brand {
        min-height: 44px;
        display: inline-flex !important;
        align-items: center;
    }

    .tab-listing-scroll.mia-minibus-detail-nav,
    .mia-cms-detail-nav {
        overflow: visible !important;
        padding: 0 !important;
        border-bottom: 0 !important;
    }

    .tab-listing-scroll.mia-minibus-detail-nav .nav-pills,
    .mia-cms-detail-nav .nav-pills {
        width: 100% !important;
        min-width: 0 !important;
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 8px !important;
    }

    .tab-listing-scroll.mia-minibus-detail-nav .nav-item,
    .mia-cms-detail-nav .nav-item {
        width: 100% !important;
        min-width: 0 !important;
        margin: 0 !important;
    }

    .tab-listing-scroll.mia-minibus-detail-nav .nav-pills .nav-item .nav-link,
    .mia-cms-detail-nav .nav-pills .nav-item .nav-link {
        width: 100% !important;
        min-height: 46px !important;
        padding: 10px 8px !important;
        border: 1px solid #e2e5e7 !important;
        border-radius: 9px !important;
        background: #fff !important;
        font-size: 13px !important;
        line-height: 17px !important;
        white-space: normal !important;
        text-align: center;
    }

    .tab-listing-scroll.mia-minibus-detail-nav .nav-pills .nav-item .nav-link::after,
    .mia-cms-detail-nav .nav-pills .nav-item .nav-link::after {
        display: none !important;
    }

    .tab-listing-scroll.mia-minibus-detail-nav .nav-pills .nav-item .nav-link.active,
    .mia-cms-detail-nav .nav-pills .nav-item .nav-link.active {
        border-color: #ffb47a !important;
        background: #fff6ef !important;
        color: #d95f00 !important;
    }

    .mia-intercity-vehicle-category,
    .mia-cms-detail-services a small,
    .mia-blog-card small,
    .mia-cms-blog-card small {
        font-size: 12px !important;
        line-height: 16px !important;
    }
}

/* Hizmet şablonunda bu sınıf body üzerinde bulunuyor; bölüm boşluğu body'ye taşınmamalı. */
@media (max-width: 991px) {
    body.mia-service-catalog {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }
}

/* Mobil menü açıkken arka sayfayı sabit tutar. */
@media (max-width: 1199px) {
    html.mia-mobile-scroll-locked,
    body.mia-mobile-scroll-locked {
        overflow: hidden !important;
        overscroll-behavior: none;
    }

    body.mia-mobile-scroll-locked .mobile-menu .bottom-canvas {
        -webkit-overflow-scrolling: touch;
        overscroll-behavior: contain;
    }
}

/* Mobil footer: ortalanmış, erişilebilir ve tek bölüm açık akordeon. */
@media (max-width: 575px) {
    .mia-cta-action > small {
        display: none !important;
    }

    #footer.home .container {
        padding-right: 20px;
        padding-left: 20px;
    }

    #footer.home .footer-top,
    #footer.home .footer-main,
    #footer.home .footer-bottom {
        padding-right: 0;
        padding-left: 0;
        text-align: center;
    }

    #footer.home .footer-top .row,
    #footer.home .footer-main .row,
    #footer.home .footer-bottom .row {
        justify-content: center;
        row-gap: 0;
    }

    #footer.home .footer-top .row {
        row-gap: 9px;
    }

    #footer.home .footer-top .mia-footer-feature,
    #footer.home .footer-top .col-lg-3:first-child .mia-footer-feature,
    #footer.home .footer-top .col-lg-3:last-child .mia-footer-feature,
    #footer.home .footer-top .col-lg-3:nth-child(even) .mia-footer-feature {
        width: min(100%, 310px);
        min-height: 76px;
        justify-content: flex-start;
        margin: 0 auto;
        padding: 13px 18px;
        text-align: left;
    }

    #footer.home .footer-main {
        padding-top: 10px;
        padding-bottom: 10px;
    }

    #footer.home .footer-main .row > [class*="col-"] {
        width: 100%;
        padding-right: 0;
        padding-left: 0;
    }

    #footer.home .footer-col-block {
        width: 100%;
        margin: 0;
        border-bottom: 1px solid #e8eaed;
    }

    #footer.home .footer-main .row > div:last-child .footer-col-block {
        border-bottom: 0;
    }

    #footer.home .footer-heading-mobie {
        min-height: 62px;
        display: flex !important;
        align-items: center;
        justify-content: center;
        margin: 0;
        padding: 0 52px;
        outline: 0;
        cursor: default;
    }

    #footer.home .footer-heading-mobie h4 {
        margin: 0;
        color: #24272c;
        font-size: 16px;
        line-height: 22px;
        font-weight: 600;
        text-align: center;
    }

    #footer.home .footer-heading-mobie::before,
    #footer.home .footer-heading-mobie::after {
        display: none !important;
    }

    #footer.home .tf-collapse-content {
        display: block !important;
        width: 100%;
        max-width: 340px;
        margin: 0 auto;
        padding: 2px 18px 24px;
        text-align: center;
    }

    #footer.home .mia-footer-summary {
        max-width: 310px;
        margin: 0 auto 18px;
        font-size: 14px;
        line-height: 22px;
        text-align: center;
    }

    #footer.home .mia-footer-social {
        justify-content: center;
    }

    #footer.home .widget-menu .box-menu li {
        margin: 0 !important;
    }

    #footer.home .widget-menu .box-menu li a {
        min-height: 40px;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 7px 8px;
        font-size: 14px;
        line-height: 20px;
        text-align: center;
    }

    #footer.home .mia-footer-contact ul {
        width: min(100%, 275px);
        margin: 0 auto;
        text-align: left;
    }

    #footer.home .footer-bottom-right,
    #footer.home .mia-footer-copyright {
        align-items: center;
        justify-content: center;
        margin: 0;
        padding: 0;
        text-align: center;
    }

    #footer.home .footer-bottom .title-bottom {
        width: 100%;
        text-align: center;
    }
}

@media (max-width: 991px) {
    html {
        scroll-padding-top: 84px;
    }

    .container {
        padding-right: 20px;
        padding-left: 20px;
    }

    .main-header .header-lower {
        padding-top: 11px;
        padding-bottom: 11px;
    }

    .mia-brand-mark {
        width: 40px;
        height: 40px;
        flex: 0 0 40px;
    }

    .mia-brand-text {
        font-size: 21px;
        line-height: 26px;
    }

    .header-account {
        margin-left: auto;
    }

    .mia-header-cta {
        min-height: 44px;
        padding: 9px 14px;
    }

    .tf-section,
    .mia-services-section,
    .mia-service-catalog,
    .mia-cms-section,
    .mia-blog-section,
    .mia-legal-section,
    .mia-contact-section {
        padding-top: 56px;
        padding-bottom: 56px;
    }

    .heading-section h2,
    .mia-services-heading h2,
    .mia-intercity-fleet-heading h2,
    .mia-cms-heading h2,
    .mia-blog-heading h2,
    .mia-contact-heading h2 {
        font-size: clamp(28px, 5vw, 36px);
        line-height: 1.14;
    }

    .mia-intercity-overview,
    .mia-contact-layout,
    .mia-blog-detail-layout,
    .mia-legal-layout,
    .mia-fleet-listing {
        grid-template-columns: minmax(0, 1fr) !important;
    }

    .mia-intercity-overview .image,
    .mia-intercity-overview .content,
    .mia-contact-form-card,
    .mia-contact-aside,
    .mia-blog-detail-main,
    .mia-blog-detail-sidebar,
    .mia-legal-main,
    .mia-legal-sidebar {
        width: 100%;
        min-width: 0;
    }

    .mia-intercity-fleet-heading,
    .mia-services-heading,
    .mia-fleet-toolbar {
        align-items: flex-start;
        flex-direction: column;
        gap: 18px;
    }

    .mia-intercity-fleet-support,
    .mia-services-quote {
        width: 100%;
        max-width: none;
    }

    .mia-intercity-fleet-grid,
    .mia-fleet-showcase-grid,
    .mia-blog-grid,
    .mia-minibus-network-grid,
    .mia-minibus-experience-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }

    .mia-minibus-overview-grid,
    .mia-minibus-feature-groups,
    .mia-minibus-booking-steps {
        grid-template-columns: minmax(0, 1fr) !important;
    }
}

@media (max-width: 767px) {
    :root {
        --mia-mobile-gutter: 16px;
        --mia-mobile-radius: 14px;
    }

    .container {
        padding-right: var(--mia-mobile-gutter);
        padding-left: var(--mia-mobile-gutter);
    }

    h1,
    h2,
    h3,
    h4,
    p,
    a,
    span,
    strong,
    label {
        overflow-wrap: anywhere;
    }

    button,
    input,
    select,
    textarea,
    a {
        touch-action: manipulation;
    }

    input,
    select,
    textarea {
        font-size: 16px !important;
    }

    .sc-button,
    .mia-hero-cta,
    .mia-header-cta,
    .mia-intercity-overview-cta,
    .mia-intercity-overview-link,
    .mia-booking-whatsapp-submit,
    .mia-booking-back,
    .mia-contact-submit,
    .mia-fleet-card-link,
    .mia-blog-card-link {
        min-height: 48px;
    }

    .tf-section,
    .mia-services-section,
    .mia-service-catalog,
    .mia-cms-section,
    .mia-blog-section,
    .mia-legal-section,
    .mia-contact-section {
        padding-top: 44px;
        padding-bottom: 44px;
    }

    .main-header .header-lower {
        padding-top: 9px;
        padding-bottom: 9px;
    }

    .main-header .header-lower .inner-container {
        min-height: 46px;
    }

    .mia-brand-mark {
        width: 38px;
        height: 38px;
        flex-basis: 38px;
    }

    .mia-brand-text {
        font-size: 19px;
        line-height: 24px;
    }

    .mia-brand {
        min-height: 42px;
        gap: 10px;
    }

    .mia-brand-mark,
    .mobile-menu .nav-logo .mia-brand-mark {
        width: 40px;
        height: 40px;
        flex: 0 0 40px;
        border-radius: 13px 13px 13px 5px;
    }

    .mia-brand-mark::before,
    .mobile-menu .nav-logo .mia-brand-mark::before {
        font-size: 22px;
    }

    .mia-brand-mark::after,
    .mobile-menu .nav-logo .mia-brand-mark::after {
        left: -9px;
        bottom: 7px;
        height: 5px;
    }

    .mia-brand-text,
    .mobile-menu .nav-logo .mia-brand-text {
        font-size: 21px;
        line-height: .9;
    }

    .mia-brand-text strong,
    .mobile-menu .nav-logo .mia-brand-text strong {
        margin-top: 6px;
        font-size: 8px;
        letter-spacing: 2.5px;
        line-height: 1;
    }

    .mobile-menu .menu-box {
        padding-bottom: max(22px, env(safe-area-inset-bottom));
    }

    .slider.mia-hero,
    .slider.mia-hero .swiper-wrapper,
    .slider.mia-hero .swiper-slide {
        height: auto !important;
    }

    .slider.mia-hero .swiper-slide {
        align-self: stretch;
    }

    .slider.mia-hero .slider-item {
        min-height: 620px;
        display: flex;
        align-items: center;
        overflow: hidden;
    }

    .slider.mia-hero .slider-item .img-slider {
        position: absolute;
        inset: 0;
        width: 100%;
        height: 100% !important;
        min-height: 0;
    }

    .slider.mia-hero .slider-item .img-slider img {
        object-position: 62% center;
    }

    .slider.mia-hero .slider-item .img-slider::before {
        background: linear-gradient(180deg, rgba(9, 12, 16, 0.62) 0%, rgba(9, 12, 16, 0.28) 32%, rgba(9, 12, 16, 0.82) 72%, rgba(9, 12, 16, 0.96) 100%);
    }

    .slider.mia-hero .slider-item .container,
    .slider.mia-hero .slider-item .row,
    .slider.mia-hero .slider-item .col-lg-12 {
        width: 100%;
    }

    .slider.mia-hero .slider-item .content {
        width: 100%;
        padding-top: 104px;
        padding-bottom: 34px;
    }

    .slider.mia-hero .slider-item .content .heading {
        max-width: 100%;
        margin-bottom: 0;
    }

    .slider.mia-hero .heading .mia-hero-title,
    .mia-intercity-page-hero h1,
    .mia-cms-hero h1,
    .mia-blog-detail-hero h1,
    .mia-contact-hero h1,
    .mia-legal-hero h1 {
        font-size: clamp(34px, 9.4vw, 40px) !important;
        line-height: 1.07 !important;
        letter-spacing: -0.035em;
    }

    .mia-hero-description {
        max-width: 100%;
        margin-bottom: 18px;
        font-size: 16px;
        line-height: 25px;
    }

    .category-list-car {
        width: 100%;
        max-width: 100%;
        overflow: visible;
    }

    .mia-hero .category-list-car {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 7px !important;
        margin-bottom: 18px !important;
    }

    .mia-hero .category-list-car li {
        min-width: 0;
        min-height: 74px;
        align-items: center;
        flex-direction: column;
        justify-content: center;
        gap: 6px;
        padding: 8px 5px;
        border: 1px solid rgba(255, 255, 255, 0.16);
        border-radius: 10px;
        background: rgba(8, 11, 15, 0.30);
        text-align: center;
        backdrop-filter: blur(5px);
    }

    .mia-hero .category-list-car li:not(:last-child)::after {
        display: none;
    }

    .mia-hero .category-list-car li .icon {
        width: 28px;
        height: 28px;
        flex: 0 0 28px;
        border: 0;
        background: rgba(255, 113, 1, 0.18);
    }

    .mia-hero .category-list-car li .font {
        width: 100%;
        overflow: visible;
        font-size: 12px;
        line-height: 15px;
        text-overflow: clip;
        white-space: normal;
    }

    .chat-wrap {
        width: 100%;
        align-items: stretch !important;
        flex-direction: column;
        gap: 13px;
    }

    .mia-hero-cta {
        width: 100%;
        max-width: none !important;
        min-width: 0 !important;
        justify-content: center;
    }

    .mia-hero-note {
        width: 100%;
        min-height: 0 !important;
        padding-top: 12px !important;
        padding-left: 0;
        white-space: normal;
        border-top: 1px solid rgba(255, 255, 255, 0.25);
        border-left: 0;
    }

    .slider.mia-hero .swiper-button-next,
    .slider.mia-hero .swiper-button-prev {
        display: none;
    }

    .mia-filter-search {
        padding-top: 22px;
        padding-bottom: 34px;
    }

    .mia-filter-search .flat-tabs {
        margin: 0 !important;
    }

    .mia-filter-search .box-tab {
        display: none !important;
    }

    .mia-filter-search .box-tab::-webkit-scrollbar {
        display: none;
    }

    .mia-filter-search .menu-tab {
        width: 100%;
        min-width: 100%;
        display: grid !important;
        grid-template-columns: none;
        grid-auto-flow: column;
        grid-auto-columns: minmax(0, 1fr);
        gap: 3px;
        padding: 4px;
        border: 1px solid #e2e5e8;
        border-radius: 12px 12px 0 0;
        background: #eef0f2;
    }

    .mia-filter-search .menu-tab > li {
        min-height: 46px;
        width: 100% !important;
        min-width: 0;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 10px 17px;
    }

    .mia-filter-search .menu-tab > li.item-title.style {
        min-width: 0;
        height: 52px;
        margin: 0;
        padding: 6px 4px;
        border: 0;
        border-radius: 8px !important;
        background: transparent !important;
        color: #34383d !important;
    }

    .mia-filter-search .menu-tab > li.item-title.style:last-child:nth-child(odd) {
        grid-column: auto;
    }

    .mia-filter-search .menu-tab > li.item-title.style .inner {
        color: #34383d !important;
        font-size: 11px;
        line-height: 14px;
        font-weight: 600;
        text-align: center;
        white-space: normal;
        overflow-wrap: normal;
    }

    .mia-filter-search .menu-tab > li.item-title.style.active,
    .mia-filter-search .menu-tab > li.item-title.style:hover {
        border-color: transparent;
        background: #ff7101 !important;
        color: #fff !important;
    }

    .mia-filter-search .menu-tab > li.item-title.style.active .inner,
    .mia-filter-search .menu-tab > li.item-title.style:hover .inner {
        color: #fff !important;
    }

    .mia-filter-search .content-tab {
        border-radius: var(--mia-mobile-radius) !important;
    }

    .mia-quote-form,
    .mia-quote-form .inner-group {
        width: 100% !important;
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) !important;
        gap: 0 !important;
    }

    .mia-quote-form .form-group-1 {
        width: 100% !important;
        min-width: 0;
        padding: 14px 0 !important;
        border-right: 0 !important;
        border-bottom: 1px solid #e5e7eb;
    }

    .mia-quote-form .form-group-1 select {
        width: 100%;
        min-height: 46px;
    }

    .mia-quote-form .button-search {
        width: 100% !important;
        margin: 15px 0 0 !important;
    }

    .mia-quote-form .button-search .sc-button {
        width: 100%;
        min-height: 52px;
        justify-content: center;
    }

    .mia-intercity-page-hero,
    .mia-cms-hero,
    .mia-blog-detail-hero,
    .mia-contact-hero,
    .mia-legal-hero {
        padding-top: 116px !important;
        padding-bottom: 42px !important;
    }

    .mia-intercity-breadcrumb,
    .mia-cms-breadcrumb,
    .mia-blog-detail-breadcrumb {
        max-width: 100%;
        overflow-x: auto;
        flex-wrap: nowrap !important;
        white-space: nowrap;
        scrollbar-width: none;
    }

    .mia-intercity-overview {
        gap: 26px;
    }

    .mia-intercity-overview .image img,
    .mia-intercity-vehicle-image img,
    .mia-fleet-showcase-card img,
    .mia-blog-card img {
        width: 100%;
        height: auto !important;
        aspect-ratio: 16 / 10;
        object-fit: cover;
    }

    .mia-intercity-overview .content,
    .mia-intercity-vehicle-body,
    .mia-fleet-showcase-body,
    .mia-blog-card-body {
        padding: 20px !important;
    }

    .mia-intercity-service-grid,
    .mia-intercity-fleet-grid,
    .mia-fleet-showcase-grid,
    .mia-blog-grid,
    .mia-minibus-network-grid,
    .mia-minibus-experience-grid,
    .mia-minibus-feature-groups,
    .mia-minibus-booking-steps {
        grid-template-columns: minmax(0, 1fr) !important;
    }

    .mia-intercity-overview-action,
    .mia-minibus-booking-cta,
    .mia-minibus-intro-action {
        width: 100%;
        align-items: stretch !important;
        flex-direction: column;
        gap: 11px;
    }

    .mia-intercity-overview-cta,
    .mia-intercity-overview-link,
    .mia-minibus-booking-cta a,
    .mia-minibus-intro-action a {
        width: 100%;
        justify-content: center;
    }

    .mia-intercity-vehicle-features {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }

    .mia-intercity-vehicle-footer {
        gap: 12px;
    }

    .mia-fleet-toolbar {
        display: block !important;
        width: 100%;
        padding: 8px !important;
        overflow: hidden;
    }

    .mia-fleet-tabs {
        display: flex !important;
        width: 100%;
        max-width: 100%;
        gap: 8px !important;
        overflow-x: auto;
        overscroll-behavior-inline: contain;
        scroll-snap-type: x proximity;
        scrollbar-width: none;
    }

    .mia-fleet-tabs::-webkit-scrollbar {
        display: none;
    }

    .mia-fleet-tabs > * {
        min-width: 164px;
        flex: 0 0 auto !important;
        scroll-snap-align: start;
    }

    .mia-fleet-tabs button,
    .mia-fleet-tabs a {
        min-height: 46px;
    }

    .mia-fleet-pagination {
        max-width: 100%;
        flex-wrap: wrap;
        justify-content: center;
        gap: 7px;
    }

    .mia-fleet-pagination a,
    .mia-fleet-pagination span,
    .mia-fleet-pagination button {
        min-width: 44px;
        min-height: 44px;
    }

    .mia-minibus-detail-nav {
        width: 100%;
        overflow-x: auto;
        flex-wrap: nowrap !important;
        overscroll-behavior-inline: contain;
        scrollbar-width: none;
    }

    .mia-minibus-detail-nav::-webkit-scrollbar {
        display: none;
    }

    .mia-minibus-detail-nav a {
        min-height: 46px;
        flex: 0 0 auto;
        display: inline-flex;
        align-items: center;
    }

    .mia-minibus-intro-heading,
    .mia-minibus-capacity,
    .mia-minibus-overview-grid > *,
    .mia-minibus-feature-groups > *,
    .mia-minibus-booking-steps > *,
    .mia-minibus-faq-list,
    .mia-minibus-use-cases {
        min-width: 0;
    }

    .mia-minibus-faq-list details > summary {
        min-height: 58px;
        padding-top: 16px;
        padding-bottom: 16px;
    }

    .mia-cms-card,
    .mia-blog-card,
    .mia-contact-form-card,
    .mia-contact-support-card,
    .mia-legal-card,
    .mia-blog-detail-main,
    .mia-blog-detail-sidebar {
        border-radius: var(--mia-mobile-radius) !important;
    }

    .mia-contact-form-card,
    .mia-contact-support-card,
    .mia-legal-card,
    .mia-blog-detail-main,
    .mia-blog-detail-sidebar {
        padding: 20px !important;
    }

    .mia-contact-form-grid {
        grid-template-columns: minmax(0, 1fr) !important;
        gap: 16px !important;
    }

    .mia-contact-form-grid input,
    .mia-contact-form-grid select,
    .mia-contact-form-grid textarea {
        width: 100%;
        min-height: 52px;
    }

    .mia-contact-form-bottom {
        align-items: stretch !important;
        flex-direction: column;
        gap: 14px;
    }

    .mia-contact-submit {
        width: 100%;
        justify-content: center;
    }

    .mia-blog-detail-meta {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 10px;
    }

    .mia-blog-detail-meta > * {
        min-width: 0;
        width: 100%;
    }

    .mia-blog-detail-content,
    .mia-legal-content,
    .mia-cms-content {
        font-size: 16px;
        line-height: 1.75;
    }

    .mia-blog-detail-content table,
    .mia-legal-content table,
    .mia-cms-content table {
        display: block;
        max-width: 100%;
        overflow-x: auto;
    }

    .mia-blog-share-list {
        display: grid !important;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 9px;
    }

    .mia-blog-share-list a,
    .mia-blog-share-list button {
        width: 100%;
        min-height: 46px;
        justify-content: center;
    }

    #footer.home .footer-top,
    #footer.home .footer-main,
    #footer.home .footer-bottom {
        padding-right: var(--mia-mobile-gutter);
        padding-left: var(--mia-mobile-gutter);
    }

    #footer.home .footer-top .row,
    #footer.home .footer-main .row,
    #footer.home .footer-bottom .row {
        row-gap: 24px;
    }

    .mia-footer-feature,
    #footer.home .widget {
        width: 100%;
        min-width: 0;
    }

    .mia-footer-social {
        display: flex;
        flex-wrap: wrap;
        gap: 9px;
    }

    .mia-footer-social a {
        width: 44px;
        height: 44px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
    }

    #footer.home .footer-bottom .inner-bottom,
    #footer.home .footer-bottom .menu-bottom {
        align-items: flex-start;
        flex-direction: column;
        gap: 12px;
    }

    .mia-booking-modal,
    [data-service-modal],
    [data-organization-modal],
    [data-city-planning-modal],
    [data-airport-planning-modal],
    [data-funeral-planning-modal],
    [data-tour-planning-modal] {
        padding: 0 !important;
        align-items: flex-end !important;
    }

    .mia-booking-modal-dialog {
        width: 100% !important;
        max-width: none !important;
        max-height: calc(100dvh - env(safe-area-inset-top));
        margin: 0 !important;
        border-radius: 18px 18px 0 0 !important;
    }

    .mia-booking-modal-header {
        padding: 18px 18px 14px !important;
    }

    .mia-booking-modal-header h2 {
        font-size: 23px !important;
        line-height: 29px !important;
    }

    .mia-booking-modal-close {
        width: 44px !important;
        height: 44px !important;
        flex: 0 0 44px;
    }

    .mia-booking-modal-grid,
    .mia-booking-progress,
    .mia-booking-modal-body {
        padding-right: 16px !important;
        padding-left: 16px !important;
    }

    .mia-booking-modal-grid {
        grid-template-columns: minmax(0, 1fr) !important;
        gap: 14px !important;
    }

    .mia-booking-modal input,
    .mia-booking-modal select,
    .mia-booking-modal textarea {
        width: 100%;
        min-height: 52px;
    }

    .mia-booking-modal-footer,
    .mia-booking-footer-action {
        position: sticky;
        bottom: 0;
        z-index: 4;
        width: 100%;
        padding: 14px 16px max(14px, env(safe-area-inset-bottom)) !important;
        background: #fff;
        border-top: 1px solid #e5e7eb;
    }

    .mia-booking-footer-action {
        display: grid !important;
        grid-template-columns: minmax(0, 0.8fr) minmax(0, 1.4fr);
        gap: 10px;
    }

    .mia-booking-footer-action > * {
        width: 100%;
        min-width: 0;
        justify-content: center;
    }

    body.mia-booking-modal-open {
        overflow: hidden !important;
    }
}

/* Mobil footer kesin hizalama: bütün bloklar aynı merkez ekseninde. */
@media (max-width: 575px) {
    #footer.home .footer-top .row > [class*="col-"] {
        width: 100%;
        padding-right: 0;
        padding-left: 0;
    }

    #footer.home .footer-top .row {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 9px;
        margin-right: 0;
        margin-left: 0;
    }

    #footer.home .footer-top .mia-footer-feature,
    #footer.home .footer-top .col-lg-3:first-child .mia-footer-feature,
    #footer.home .footer-top .col-lg-3:last-child .mia-footer-feature,
    #footer.home .footer-top .col-lg-3:nth-child(even) .mia-footer-feature {
        width: 100%;
        max-width: none;
        min-height: 96px;
        display: grid;
        grid-template-columns: 36px minmax(0, 1fr);
        align-items: center;
        justify-content: stretch;
        column-gap: 9px;
        margin: 0 auto;
        padding: 12px 10px;
        border: 1px solid #e7e9eb !important;
        border-radius: 10px;
        background: #fff;
        text-align: left;
    }

    #footer.home .footer-top .mia-footer-feature .icon {
        width: 36px;
        height: 36px;
        flex: none;
        justify-self: center;
        margin: 0;
    }

    #footer.home .footer-top .mia-footer-feature .content {
        width: 100%;
        min-width: 0;
        text-align: left;
    }

    #footer.home .footer-top .mia-footer-feature .content .title,
    #footer.home .footer-top .mia-footer-feature .content p {
        width: 100%;
        margin-right: 0;
        margin-left: 0;
        text-align: left;
    }

    #footer.home .footer-top .mia-footer-feature .content .title {
        font-size: 12px;
        line-height: 15px;
    }

    #footer.home .footer-top .mia-footer-feature .content p {
        font-size: 11px;
        line-height: 15px;
    }

    #footer.home .footer-col-block,
    #footer.home .footer-heading-mobie,
    #footer.home .tf-collapse-content {
        margin-right: auto;
        margin-left: auto;
    }

    #footer.home .mia-footer-social {
        width: 280px;
        display: grid;
        grid-template-columns: repeat(6, 40px);
        justify-content: center;
        gap: 8px;
        margin: 0 auto;
    }

    #footer.home .mia-footer-social a {
        width: 40px;
        height: 40px;
        margin: 0;
    }

    #footer.home .mia-footer-contact ul {
        width: 275px;
        margin-right: auto;
        margin-left: auto;
    }
}

@media (max-width: 479px) {
    .mia-header-cta {
        width: 44px;
        min-width: 44px;
        padding: 0;
        justify-content: center;
    }

    .mia-header-cta span {
        position: absolute;
        width: 1px;
        height: 1px;
        padding: 0;
        margin: -1px;
        overflow: hidden;
        clip: rect(0, 0, 0, 0);
        white-space: nowrap;
        border: 0;
    }

    .slider.mia-hero .heading .mia-hero-title,
    .mia-intercity-page-hero h1,
    .mia-cms-hero h1,
    .mia-blog-detail-hero h1,
    .mia-contact-hero h1,
    .mia-legal-hero h1 {
        font-size: clamp(32px, 10vw, 40px) !important;
    }

    .mia-intercity-vehicle-features,
    .mia-blog-detail-meta,
    .mia-blog-share-list,
    .mia-booking-footer-action {
        grid-template-columns: minmax(0, 1fr) !important;
    }

    .mia-intercity-vehicle-footer {
        align-items: stretch;
        flex-direction: column;
    }

    .mia-intercity-vehicle-footer a,
    .mia-intercity-vehicle-footer button {
        width: 100%;
        justify-content: center;
    }

    .mia-booking-modal-header {
        padding-right: 14px !important;
        padding-left: 14px !important;
    }
}

/* Ustten acilan mobil navigasyon paneli */
@media (max-width: 1199px) {
    .mobile-menu {
        width: 100%;
        height: 100%;
        padding: 0;
    }

    .mobile-menu .menu-backdrop {
        background: rgba(11, 14, 18, 0.72);
        backdrop-filter: blur(5px);
    }

    .mobile-menu .menu-box {
        top: 0;
        left: 0;
        width: 100%;
        height: auto;
        max-height: 92dvh;
        overflow: hidden;
        border-radius: 0 0 24px 24px;
        box-shadow: 0 26px 70px rgba(9, 12, 16, 0.30);
        transform: translate3d(0, -104%, 0);
        transition: transform 0.34s cubic-bezier(0.22, 1, 0.36, 1);
    }

    .mobile-menu-visible .mobile-menu .menu-box {
        left: 0;
        transform: translate3d(0, 0, 0);
        transition: transform 0.34s cubic-bezier(0.22, 1, 0.36, 1);
    }

    .mobile-menu .nav-logo {
        min-height: 76px;
        padding: 14px 70px 14px 18px;
        border-bottom: 1px solid #eceef0;
    }

    .mobile-menu .nav-logo .mia-brand-mark {
        width: 38px;
        height: 38px;
        flex: 0 0 38px;
        font-size: 21px;
    }

    .mobile-menu .nav-logo .mia-brand-text {
        font-size: 20px;
        line-height: 25px;
    }

    .mobile-menu .bottom-canvas {
        min-height: 0;
        max-height: calc(92dvh - 76px);
        overflow-x: hidden;
        overflow-y: auto;
        overscroll-behavior: contain;
        padding: 14px 16px max(16px, env(safe-area-inset-bottom));
        scrollbar-width: thin;
        scrollbar-color: #d8dadd transparent;
    }

    .mobile-menu .menu-outer::before {
        margin: 2px 10px 7px;
        content: "Navigasyon";
    }

    .mobile-menu .navigation > li {
        margin: 0;
        border-bottom: 1px solid #eff0f2;
    }

    .mobile-menu .navigation > li:last-child {
        border-bottom: 0;
    }

    .mobile-menu .navigation li > a {
        min-height: 50px;
        padding: 12px 48px 12px 12px;
        border-radius: 0;
        background: transparent;
    }

    .mobile-menu .navigation > li.current > a {
        padding-left: 16px;
        border-radius: 10px;
        background: #fff3e9;
    }

    .mobile-menu .navigation li.dropdown2.open > a {
        border-radius: 10px;
        color: #e96300;
        background: #fff8f2;
    }

    .mobile-menu .navigation li.dropdown2 .dropdown2-btn {
        height: 50px;
    }

    .mobile-menu .navigation li > ul,
    .mobile-menu .navigation li > ul > li > ul {
        margin: 4px 0 12px;
        padding: 6px;
        border: 0;
        border-radius: 12px;
        background: #f5f6f7;
        box-shadow: inset 0 0 0 1px #e9ebed;
    }

    .mobile-menu .navigation li > ul > li > a,
    .mobile-menu .navigation li > ul > li > ul > li > a {
        min-height: 42px;
        padding: 9px 11px !important;
        color: #464a50;
        font-size: 14px !important;
    }

    .mobile-menu .login-box {
        position: relative;
        bottom: auto;
        min-height: 60px;
        margin-top: 14px;
        border: 1px solid rgba(255, 255, 255, 0.08);
        box-shadow: none;
    }

    .close-btn {
        top: 16px;
        right: 16px;
        left: auto;
        width: 44px;
        height: 44px;
        border-radius: 12px;
        z-index: 10000000000;
    }

    .close-btn:focus-visible,
    .mobile-button:focus-visible {
        outline: 2px solid #ff7101;
        outline-offset: 2px;
    }
}

@media (prefers-reduced-motion: reduce) {
    html {
        scroll-behavior: auto !important;
    }

    *,
    *::before,
    *::after {
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.01ms !important;
    }
}

/* Dosyanın sonundaki kesin mobil footer yerleşimi. */
@media (max-width: 575px) {
    #footer.home .container {
        padding-right: 20px;
        padding-left: 20px;
    }

    #footer.home .footer-top,
    #footer.home .footer-main,
    #footer.home .footer-bottom {
        padding-right: 0;
        padding-left: 0;
        text-align: center;
    }

    #footer.home .footer-top .row,
    #footer.home .footer-main .row,
    #footer.home .footer-bottom .row {
        justify-content: center;
        row-gap: 0;
    }

    #footer.home .footer-top .row {
        row-gap: 9px;
    }

    #footer.home .footer-bottom .inner-bottom,
    #footer.home .footer-bottom .menu-bottom {
        align-items: center;
        justify-content: center;
        text-align: center;
    }

    #footer.home .mia-footer-contact .tf-collapse-content {
        max-width: 100%;
        padding-right: 0;
        padding-left: 0;
    }

    #footer.home .mia-footer-contact ul {
        width: 218px;
        display: grid;
        justify-content: center;
        gap: 16px;
        margin: 0 auto;
        padding: 0;
    }

    #footer.home .mia-footer-contact li {
        width: 218px;
        display: grid;
        grid-template-columns: 20px 180px;
        align-items: center;
        justify-content: center;
        gap: 10px;
        margin: 0;
        padding: 0;
        border: 0;
        border-radius: 0;
        background: transparent;
        text-align: left;
    }

    #footer.home .mia-footer-contact li > i {
        width: 20px;
        height: 20px;
        justify-self: center;
        margin: 0;
        border-radius: 0;
        background: transparent;
        font-size: inherit;
    }

    #footer.home .mia-footer-contact li > span {
        width: 180px;
        align-items: flex-start;
        text-align: left;
    }

    #footer.home .footer-bottom {
        border-top: 1px solid #e8eaed;
    }

    #footer.home .footer-bottom-right,
    #footer.home .mia-footer-copyright,
    #footer.home .footer-bottom .title-bottom {
        width: 100%;
        align-items: center;
        justify-content: center;
        margin-right: auto;
        margin-left: auto;
        text-align: center;
    }

    .mia-booking-modal-grid label.is-select::after {
        display: none !important;
    }

    .mia-booking-modal-grid label.is-select > select {
        width: 1px !important;
        height: 1px !important;
        min-height: 1px !important;
        position: absolute !important;
        left: 14px;
        bottom: 25px;
        padding: 0 !important;
        border: 0 !important;
        opacity: 0;
        pointer-events: none;
    }

    .mia-booking-mobile-select {
        width: 100%;
        position: relative;
        display: block;
        z-index: 1;
    }

    .mia-booking-mobile-select.is-open {
        z-index: 40;
    }

    .mia-booking-mobile-select-trigger {
        width: 100%;
        min-height: 52px;
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 14px;
        padding: 0 15px;
        border: 1px solid #dfe2e4;
        border-radius: 10px;
        outline: 0;
        background: #fff;
        color: #3f454a;
        font-family: "Outfit", sans-serif;
        font-size: 16px;
        line-height: 22px;
        text-align: left;
    }

    .mia-booking-mobile-select-trigger i {
        width: 8px;
        height: 8px;
        flex: 0 0 8px;
        border-right: 1.5px solid #596066;
        border-bottom: 1.5px solid #596066;
        transform: rotate(45deg) translateY(-2px);
        transition: transform 0.18s ease;
    }

    .mia-booking-mobile-select.is-open .mia-booking-mobile-select-trigger i {
        transform: rotate(225deg) translate(-2px, -1px);
    }

    .mia-booking-mobile-select.is-open .mia-booking-mobile-select-trigger,
    .mia-booking-mobile-select-trigger:focus-visible {
        border-color: #ff7101;
        box-shadow: inset 0 0 0 1px #ff7101 !important;
    }

    .mia-booking-mobile-select.is-invalid .mia-booking-mobile-select-trigger {
        border-color: #dc3545;
        box-shadow: inset 0 0 0 1px #dc3545 !important;
    }

    .mia-booking-mobile-select-options {
        width: 100%;
        max-height: min(270px, 42dvh);
        position: absolute;
        top: calc(100% + 7px);
        left: 0;
        display: none;
        overflow-x: hidden;
        overflow-y: auto;
        padding: 7px;
        border: 1px solid #e0e3e5;
        border-radius: 12px;
        background: #fff;
        box-shadow: 0 14px 34px rgba(20, 24, 28, 0.16) !important;
        -webkit-overflow-scrolling: touch;
        overscroll-behavior: contain;
    }

    .mia-booking-mobile-select.is-open .mia-booking-mobile-select-options {
        display: grid;
    }

    .mia-booking-mobile-select-option {
        width: 100%;
        min-height: 44px;
        display: flex;
        align-items: center;
        padding: 9px 12px;
        border: 0;
        border-radius: 8px;
        background: transparent;
        color: #393e43;
        font-family: "Outfit", sans-serif;
        font-size: 15px;
        line-height: 20px;
        text-align: left;
    }

    .mia-booking-mobile-select-option.is-selected {
        color: #dc6000;
        background: #fff2e8;
        font-weight: 600;
    }

    .mia-quote-form .group-select {
        width: 100%;
        position: relative;
        z-index: 1;
    }

    .mia-quote-form .group-select::before,
    .mia-quote-form .group-select::after {
        display: none !important;
    }

    .mia-quote-form .form-group-1:has(.mia-quote-mobile-select.is-open) {
        position: relative;
        z-index: 50;
    }

    .mia-quote-form .group-select > select {
        width: 1px !important;
        height: 1px !important;
        min-height: 1px !important;
        position: absolute !important;
        left: 12px;
        bottom: 18px;
        padding: 0 !important;
        border: 0 !important;
        opacity: 0;
        pointer-events: none;
    }

    .mia-quote-form .mia-quote-mobile-select .mia-booking-mobile-select-trigger {
        min-height: 42px;
        padding: 0;
        border: 0;
        border-radius: 0;
        background: transparent;
        font-size: 16px;
        box-shadow: none !important;
    }

    .mia-quote-form .mia-quote-mobile-select.is-open .mia-booking-mobile-select-trigger,
    .mia-quote-form .mia-quote-mobile-select .mia-booking-mobile-select-trigger:focus-visible {
        color: #dc6000;
        border: 0;
        box-shadow: none !important;
    }

    .mia-quote-form .mia-quote-mobile-select .mia-booking-mobile-select-options {
        top: calc(100% + 8px);
        max-height: min(250px, 40dvh);
    }
}

/* Kesin mobil ana menü hizası: sonraki tema kurallarının üstünde kalır. */
@media (max-width: 1199px) {
    .mobile-menu .navigation {
        display: grid !important;
        gap: 6px !important;
    }

    .mobile-menu .navigation > li,
    .mobile-menu .navigation > li:last-child {
        min-height: 52px !important;
        margin: 0 !important;
        border: 1px solid transparent !important;
        border-radius: 11px !important;
        background: #fff !important;
    }

    .mobile-menu .navigation > li > a {
        width: 100% !important;
        min-height: 50px !important;
        padding: 13px 56px 13px 13px !important;
        border: 0 !important;
        border-radius: 10px !important;
        background: transparent !important;
        box-shadow: none !important;
    }

    .mobile-menu .navigation > li.current {
        border-color: #ffc99f !important;
        background: #fff7f1 !important;
    }

    .mobile-menu .navigation > li.current > a {
        color: #dc6000 !important;
    }

    .mobile-menu .navigation > li.dropdown2 > .dropdown2-btn {
        width: 36px !important;
        height: 36px !important;
        top: 7px !important;
        right: 7px !important;
        padding: 0 !important;
        border: 0 !important;
        border-radius: 9px !important;
        background: #f2f3f4 !important;
    }

    .mobile-menu .navigation > li.dropdown2 > .dropdown2-btn::before {
        width: auto !important;
        height: auto !important;
        color: #686d72 !important;
        background: transparent !important;
    }

    .mobile-menu .navigation > li.dropdown2.open {
        border-color: #ffc99f !important;
        background: #fffaf6 !important;
    }

    .mobile-menu .navigation > li.dropdown2.open > a {
        color: #dc6000 !important;
        background: transparent !important;
    }

    .mobile-menu .navigation > li.dropdown2.open > .dropdown2-btn {
        background: #fff0e4 !important;
    }

    .mobile-menu .navigation > li.dropdown2.open > ul {
        margin: 0 6px 8px !important;
    }

    .mobile-menu .login-box.mia-mobile-message-cta {
        min-height: 60px !important;
        padding: 0 !important;
        border: 0 !important;
        background: transparent !important;
        opacity: 0 !important;
        visibility: hidden !important;
        pointer-events: none !important;
        transform: translateY(8px);
        transition: none !important;
    }

    body.mia-mobile-menu-ready.mobile-menu-visible .mobile-menu .login-box.mia-mobile-message-cta {
        opacity: 1 !important;
        visibility: visible !important;
        pointer-events: auto !important;
        transform: translateY(0);
    }

    .mobile-menu .mia-mobile-message-link {
        width: 100%;
        min-height: 60px;
        display: flex;
        align-items: center;
        gap: 12px;
        padding: 8px;
        border: 1px solid #dfe3e6;
        border-radius: 11px;
        background: #fff;
        color: #292d32 !important;
        font-family: "Outfit", sans-serif;
        font-size: 16px;
        font-weight: 650;
        line-height: 22px;
    }

    .mobile-menu .mia-mobile-message-link > i {
        width: 44px;
        height: 44px;
        flex: 0 0 44px;
        display: grid;
        place-items: center;
        border-radius: 9px;
        background: #ff7101;
        color: #fff;
        font-size: 18px;
    }

    .mobile-menu .mia-mobile-message-link > span {
        padding-right: 10px;
    }

    .mobile-menu .mia-mobile-message-link:focus-visible {
        outline: 2px solid #ff7101;
        outline-offset: 3px;
    }
}

/* Statik başlıklı hizmet ve filo sayfalarında mobil hero boşluğunu tekrar ekleme. */
@media (max-width: 767px) {
    body.mia-service-catalog .mia-intercity-page-hero,
    body.mia-original-fleet .mia-fleet-page-hero,
    body.mia-vehicle-detail-page .mia-intercity-page-hero {
        padding-top: 28px !important;
        padding-bottom: 32px !important;
    }

    body.mia-service-catalog .mia-intercity-breadcrumb,
    body.mia-original-fleet .mia-intercity-breadcrumb,
    body.mia-vehicle-detail-page .mia-intercity-breadcrumb {
        margin-bottom: 18px !important;
    }
}

/* Araç filosu: mobil hizmet filtrelerini daha okunaklı ve dokunmatik hale getir. */
@media (max-width: 767px) {
    body.mia-original-fleet .mia-fleet-listing .mia-fleet-toolbar {
        padding: 10px !important;
        border: 1px solid #e7e9ec;
        border-radius: 16px;
        background: #fff;
    }

    body.mia-original-fleet .mia-fleet-listing .mia-fleet-service-filter {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 8px !important;
        padding: 0 !important;
        overflow: visible !important;
    }

    body.mia-original-fleet .mia-fleet-listing .mia-fleet-service-filter a {
        width: 100%;
        min-width: 0;
        min-height: 62px;
        padding: 9px 8px !important;
        display: grid;
        grid-template-columns: 31px minmax(0, 1fr) 24px;
        gap: 7px;
        border: 1px solid #e8ebee;
        border-radius: 12px;
        background: #fafbfc;
        color: #3d4248;
        box-shadow: none !important;
    }

    body.mia-original-fleet .mia-fleet-listing .mia-fleet-service-filter a:first-child {
        grid-column: 1 / -1;
        min-height: 58px;
        grid-template-columns: 34px minmax(0, 1fr) 28px;
        padding-inline: 11px !important;
    }

    body.mia-original-fleet .mia-fleet-listing .mia-fleet-service-filter a i {
        width: 31px;
        height: 31px;
        display: grid;
        place-items: center;
        border-radius: 9px;
        background: #fff1e6;
        color: #f36b00;
        font-size: 13px;
    }

    body.mia-original-fleet .mia-fleet-listing .mia-fleet-service-filter a span {
        color: inherit;
        font-size: 13px;
        font-weight: 650;
        line-height: 16px;
        text-align: left;
    }

    body.mia-original-fleet .mia-fleet-listing .mia-fleet-service-filter a b {
        min-width: 24px;
        width: 24px;
        height: 24px;
        padding: 0;
        border-radius: 50%;
        background: #edf0f2;
        color: #6f757b;
        font-size: 11px;
        font-weight: 700;
    }

    body.mia-original-fleet .mia-fleet-listing .mia-fleet-service-filter a.is-active {
        border-color: #ff9b4e;
        background: #fff7f1;
        color: #d95f00;
    }

    body.mia-original-fleet .mia-fleet-listing .mia-fleet-service-filter a.is-active i {
        background: #ff7101;
        color: #fff;
    }

    body.mia-original-fleet .mia-fleet-listing .mia-fleet-service-filter a.is-active b {
        background: #ff7101;
        color: #fff;
    }
}

@media (max-width: 359px) {
    body.mia-original-fleet .mia-fleet-listing .mia-fleet-service-filter {
        grid-template-columns: 1fr !important;
    }
}

/* Araç detay sayfası: tablet ve telefonda taşmayan profesyonel akış. */
@media (max-width: 991px) {
    body.mia-vehicle-detail-page,
    body.mia-vehicle-detail-page #wrapper,
    body.mia-vehicle-detail-page .mia-vehicle-detail-content {
        background: #fff !important;
    }

    body.mia-vehicle-detail-page .mia-vehicle-page-hero .mia-intercity-hero-row {
        display: grid;
        grid-template-columns: minmax(0, 1fr);
        gap: 26px;
    }

    body.mia-vehicle-detail-page .mia-vehicle-page-hero .mia-intercity-hero-copy {
        max-width: 680px;
    }

    body.mia-vehicle-detail-page .mia-vehicle-page-hero .mia-intercity-hero-copy h1 {
        font-size: clamp(38px, 7vw, 52px);
    }

    body.mia-vehicle-detail-page .mia-vehicle-hero-panel {
        width: 100%;
        max-width: none;
    }

    body.mia-vehicle-detail-page .listing-sidebar {
        position: static !important;
        left: auto !important;
        width: 100% !important;
        height: auto !important;
        max-height: none !important;
        margin-top: 0;
        padding: 0 !important;
        overflow: visible !important;
        transform: none !important;
        background: transparent !important;
    }

    body.mia-vehicle-detail-page .mia-minibus-summary-card,
    body.mia-vehicle-detail-page .mia-minibus-contact-card,
    body.mia-vehicle-detail-page .btn-siderbar-mobie-filter,
    body.mia-vehicle-detail-page .overlay {
        display: none !important;
    }

    body.mia-vehicle-detail-page .mia-minibus-related-card {
        display: block !important;
        margin-top: 8px;
    }
}

@media (max-width: 767px) {
    body.mia-vehicle-detail-page .mia-vehicle-page-hero {
        padding: 22px 0 28px !important;
        border-bottom: 1px solid #e7e9eb;
        background: #fff !important;
    }

    body.mia-vehicle-detail-page .mia-vehicle-page-hero .mia-intercity-breadcrumb {
        display: flex;
        max-width: 100%;
        margin-bottom: 22px !important;
        overflow: hidden;
    }

    body.mia-vehicle-detail-page .mia-vehicle-page-hero .mia-intercity-breadcrumb a,
    body.mia-vehicle-detail-page .mia-vehicle-page-hero .mia-intercity-breadcrumb span {
        min-width: 0;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    body.mia-vehicle-detail-page .mia-vehicle-page-hero .mia-intercity-hero-row {
        gap: 20px;
    }

    body.mia-vehicle-detail-page .mia-vehicle-page-hero .mia-intercity-hero-copy h1 {
        margin: 9px 0 11px;
        font-size: 36px;
        line-height: 1.08;
        letter-spacing: -.8px;
    }

    body.mia-vehicle-detail-page .mia-vehicle-page-hero .mia-intercity-hero-copy p {
        font-size: 15px;
        line-height: 1.6;
    }

    body.mia-vehicle-detail-page .mia-vehicle-hero-panel {
        padding: 16px;
        border-radius: 14px;
    }

    body.mia-vehicle-detail-page .mia-vehicle-hero-status {
        min-height: 32px;
        font-size: 12px;
    }

    body.mia-vehicle-detail-page .mia-vehicle-hero-specs {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        margin: 14px 0;
    }

    body.mia-vehicle-detail-page .mia-vehicle-hero-specs > span {
        min-height: 68px;
        padding: 12px;
    }

    body.mia-vehicle-detail-page .mia-vehicle-hero-specs > span:nth-child(2) {
        border-right: 0;
    }

    body.mia-vehicle-detail-page .mia-vehicle-hero-specs > span:last-child {
        grid-column: 1 / -1;
        border-top: 1px solid #e5e7e9;
        border-right: 0;
    }

    body.mia-vehicle-detail-page .mia-vehicle-hero-specs small {
        font-size: 11px;
        line-height: 14px;
    }

    body.mia-vehicle-detail-page .mia-vehicle-hero-specs strong {
        font-size: 13px;
        line-height: 17px;
    }

    body.mia-vehicle-detail-page .mia-vehicle-hero-cta {
        min-height: 50px;
        font-size: 14px;
    }

    body.mia-vehicle-detail-page .mia-vehicle-detail-content {
        padding: 24px 0 58px !important;
    }

    body.mia-vehicle-detail-page .mia-vehicle-detail-content > .container,
    body.mia-vehicle-detail-page .mia-vehicle-detail-content > .container > .row,
    body.mia-vehicle-detail-page .mia-vehicle-detail-content > .container > .row > [class*="col-"] {
        min-width: 0;
    }

    body.mia-vehicle-detail-page .mainslider {
        margin-bottom: 18px !important;
        border-radius: 14px;
    }

    body.mia-vehicle-detail-page .mainslider .image-list-details,
    body.mia-vehicle-detail-page .mainslider .image-list-details > .image {
        aspect-ratio: 16 / 10;
    }

    body.mia-vehicle-detail-page .mainslider .specs-features-wrap {
        right: 10px;
        bottom: 10px;
    }

    body.mia-vehicle-detail-page .mainslider .specs-features {
        min-height: 38px;
        padding: 8px 10px;
    }

    body.mia-vehicle-detail-page .mainslider .swiper-button-next,
    body.mia-vehicle-detail-page .mainslider .swiper-button-prev {
        width: 36px;
        height: 36px;
    }

    body.mia-vehicle-detail-page .tab-listing-scroll.mia-minibus-detail-nav {
        margin-bottom: 20px;
        padding: 5px;
        border-radius: 11px;
    }

    body.mia-vehicle-detail-page .tab-listing-scroll.mia-minibus-detail-nav .nav-pills {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 5px;
    }

    body.mia-vehicle-detail-page .tab-listing-scroll.mia-minibus-detail-nav .nav-item {
        width: 100%;
    }

    body.mia-vehicle-detail-page .tab-listing-scroll.mia-minibus-detail-nav .nav-pills .nav-item .nav-link {
        min-height: 44px;
        padding: 9px 7px;
        font-size: 12px;
        white-space: normal;
    }

    body.mia-vehicle-detail-page #scrollspyHeading1,
    body.mia-vehicle-detail-page #scrollspyHeading2,
    body.mia-vehicle-detail-page #scrollspyHeading4,
    body.mia-vehicle-detail-page #scrollspyHeading5 {
        margin-bottom: 18px;
        padding: 20px;
        border-radius: 14px;
    }

    body.mia-vehicle-detail-page .listing-description.mia-minibus-service-intro {
        margin-bottom: 18px;
        padding: 0;
    }

    body.mia-vehicle-detail-page .mia-minibus-intro-heading {
        display: grid;
        grid-template-columns: minmax(0, 1fr) 68px;
        gap: 16px;
        margin-bottom: 14px;
        padding: 20px;
        border-radius: 14px;
    }

    body.mia-vehicle-detail-page .mia-minibus-intro-heading > div {
        grid-column: 1;
    }

    body.mia-vehicle-detail-page .mia-minibus-intro-heading > p {
        grid-column: 1 / -1;
        grid-row: 2;
        padding: 15px 0 0;
        border-top: 1px solid #e5e7e9;
        border-left: 0;
    }

    body.mia-vehicle-detail-page .mia-minibus-intro-heading .mia-minibus-capacity {
        width: 68px;
        height: 68px;
        grid-column: 2;
        grid-row: 1;
    }

    body.mia-vehicle-detail-page :is(
      .mia-minibus-intro-heading,
      .mia-minibus-overview-head,
      .mia-minibus-features-head,
      .mia-minibus-booking-head,
      .mia-minibus-faq-head
    ) h2 {
        font-size: 26px;
        line-height: 1.2;
        letter-spacing: -.3px;
    }

    body.mia-vehicle-detail-page .mia-minibus-intro-heading > p,
    body.mia-vehicle-detail-page :is(
      .mia-minibus-features-head,
      .mia-minibus-booking-head,
      .mia-minibus-faq-head
    ) p {
        font-size: 14px;
        line-height: 1.6;
    }

    body.mia-vehicle-detail-page .mia-minibus-use-cases[class*="is-count-"] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    body.mia-vehicle-detail-page .mia-minibus-use-cases[class*="is-count-"] > span {
        min-height: 88px;
        padding: 13px;
    }

    body.mia-vehicle-detail-page .mia-minibus-overview-head {
        align-items: flex-start;
        flex-direction: column;
        gap: 13px;
        margin-bottom: 18px;
    }

    body.mia-vehicle-detail-page .mia-minibus-overview-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    body.mia-vehicle-detail-page .mia-minibus-overview-item {
        min-height: 96px;
        padding: 14px;
    }

    body.mia-vehicle-detail-page .mia-minibus-overview-item:not(:nth-child(3n)) {
        border-right: 0;
    }

    body.mia-vehicle-detail-page .mia-minibus-overview-item:nth-child(odd) {
        border-right: 1px solid #e7e8ea;
    }

    body.mia-vehicle-detail-page .mia-minibus-overview-item:nth-child(-n+4) {
        border-bottom: 1px solid #e7e8ea;
    }

    body.mia-vehicle-detail-page .mia-minibus-overview-item small {
        font-size: 11px;
    }

    body.mia-vehicle-detail-page .mia-minibus-overview-item strong {
        font-size: 13px;
        white-space: normal;
    }

    body.mia-vehicle-detail-page .mia-minibus-overview-note {
        align-items: flex-start;
    }

    body.mia-vehicle-detail-page .mia-minibus-booking-cta,
    body.mia-vehicle-detail-page .mia-minibus-faq-footer {
        align-items: stretch;
        flex-direction: column;
        gap: 14px;
    }

    body.mia-vehicle-detail-page .mia-minibus-booking-cta > a,
    body.mia-vehicle-detail-page .mia-minibus-faq-footer > a {
        width: 100%;
        min-height: 48px;
        justify-content: space-between;
        padding: 12px 15px;
        border: 1px solid #ff7101;
        border-radius: 9px;
        color: #fff;
        background: #ff7101;
    }

    body.mia-vehicle-detail-page .mia-minibus-faq-list details {
        padding: 0 15px;
    }

    body.mia-vehicle-detail-page .mia-minibus-faq-list summary {
        min-height: 60px;
        font-size: 14px;
    }

    body.mia-vehicle-detail-page .mia-minibus-faq-list details > p {
        padding-right: 0;
        font-size: 13px;
        line-height: 21px;
    }

    body.mia-vehicle-detail-page .widget-listing.mia-minibus-related-card {
        padding: 22px 20px;
        border-radius: 14px;
    }

    body.mia-vehicle-detail-page .mia-minibus-related-heading h3 {
        font-size: 22px;
        line-height: 28px;
    }

    body.mia-vehicle-detail-page .mia-minibus-related-heading p {
        font-size: 13px;
        line-height: 19px;
    }

    body.mia-vehicle-detail-page .mia-minibus-related-item {
        grid-template-columns: 78px minmax(0, 1fr) 28px;
        gap: 11px;
    }

    body.mia-vehicle-detail-page .mia-minibus-related-item > img {
        width: 78px;
        height: 58px;
    }

    body.mia-vehicle-detail-page .mia-minibus-related-item strong {
        font-size: 14px;
        line-height: 18px;
    }

    body.mia-vehicle-detail-page .mia-minibus-related-all {
        font-size: 13px;
    }
}

@media (max-width: 479px) {
    body.mia-vehicle-detail-page .mia-minibus-intro-heading {
        grid-template-columns: minmax(0, 1fr);
    }

    body.mia-vehicle-detail-page .mia-minibus-intro-heading .mia-minibus-capacity {
        grid-column: 1;
        grid-row: 2;
        width: auto;
        height: 44px;
        align-items: center;
        flex-direction: row;
        gap: 5px;
        border-radius: 9px;
    }

    body.mia-vehicle-detail-page .mia-minibus-intro-heading > p {
        grid-row: 3;
    }

    body.mia-vehicle-detail-page .mia-minibus-use-cases[class*="is-count-"] {
        grid-template-columns: minmax(0, 1fr);
    }

    body.mia-vehicle-detail-page .mia-minibus-use-cases[class*="is-count-"] > span {
        min-height: 76px;
    }

    body.mia-vehicle-detail-page .mia-minibus-overview-grid {
        grid-template-columns: minmax(0, 1fr);
    }

    body.mia-vehicle-detail-page .mia-minibus-overview-item,
    body.mia-vehicle-detail-page .mia-minibus-overview-item:nth-child(odd),
    body.mia-vehicle-detail-page .mia-minibus-overview-item:nth-child(-n+4) {
        min-height: 0;
        border-right: 0;
        border-bottom: 1px solid #e7e8ea;
    }

    body.mia-vehicle-detail-page .mia-minibus-overview-item:last-child {
        border-bottom: 0;
    }
}

/* Araç filosu: mobilde kompakt rehber, dengeli kartlar ve kaydırmasız filtreler. */
@media (max-width: 767px) {
    body.mia-original-fleet .mia-fleet-page-hero {
        padding: 22px 0 27px !important;
    }

    body.mia-original-fleet .mia-fleet-page-hero .container,
    body.mia-original-fleet .mia-fleet-listing > .container2 {
        padding-right: 18px !important;
        padding-left: 18px !important;
    }

    body.mia-original-fleet .mia-fleet-page-hero .mia-intercity-breadcrumb {
        margin-bottom: 16px !important;
        font-size: 12px;
    }

    body.mia-original-fleet .mia-fleet-page-hero .mia-intercity-hero-copy h1 {
        margin-bottom: 9px;
        font-size: 34px;
        line-height: 39px;
        letter-spacing: -.6px;
    }

    body.mia-original-fleet .mia-fleet-page-hero .mia-intercity-hero-copy p {
        font-size: 15px;
        line-height: 23px;
    }

    body.mia-original-fleet .mia-fleet-listing {
        padding: 30px 0 52px !important;
        background: #fff !important;
    }

    body.mia-original-fleet,
    body.mia-original-fleet #wrapper,
    body.mia-original-fleet #pagee,
    body.mia-original-fleet .mia-fleet-listing .flat-tabs,
    body.mia-original-fleet .mia-fleet-listing .category-filter {
        background: #fff !important;
    }

    body.mia-original-fleet .mia-fleet-listing-heading {
        margin-bottom: 22px !important;
    }

    body.mia-original-fleet .mia-fleet-listing-heading .mia-section-kicker {
        margin-bottom: 8px;
        font-size: 11px;
    }

    body.mia-original-fleet .mia-fleet-listing-heading h2 {
        margin-bottom: 9px;
        font-size: 27px;
        line-height: 33px;
        letter-spacing: -.3px;
    }

    body.mia-original-fleet .mia-fleet-listing-heading p {
        font-size: 15px;
        line-height: 23px;
    }

    body.mia-original-fleet .mia-fleet-sidebar {
        margin-bottom: 18px;
        overflow: visible;
        border: 0;
        border-radius: 0;
        background: transparent;
    }

    body.mia-original-fleet .mia-fleet-side-guide {
        padding: 0;
    }

    body.mia-original-fleet .mia-fleet-side-head,
    body.mia-original-fleet .mia-fleet-side-copy,
    body.mia-original-fleet .mia-fleet-side-options {
        display: none !important;
    }

    body.mia-original-fleet .mia-fleet-side-support {
        grid-template-columns: 42px minmax(0, 1fr) auto;
        align-items: center;
        gap: 11px;
        margin: 0;
        padding: 13px;
        border: 1px solid #DFE3E6;
        border-radius: 13px;
        background: #FFFFFF;
    }

    body.mia-original-fleet .mia-fleet-side-support > i {
        width: 42px;
        height: 42px;
        border-radius: 10px;
        font-size: 16px;
    }

    body.mia-original-fleet .mia-fleet-side-support strong {
        font-size: 14px;
        line-height: 18px;
    }

    body.mia-original-fleet .mia-fleet-side-support span {
        font-size: 12px;
        line-height: 16px;
    }

    body.mia-original-fleet .mia-fleet-side-support > a {
        width: 42px;
        height: 42px;
        min-width: 42px;
        grid-column: auto;
        justify-content: center;
        margin: 0;
        padding: 0;
        overflow: hidden;
        border: 1px solid #FFD0AB;
        border-radius: 10px;
        color: transparent;
        font-size: 0;
    }

    body.mia-original-fleet .mia-fleet-side-support > a i {
        color: #F26900;
        font-size: 14px;
    }

    body.mia-original-fleet .mia-fleet-listing .mia-fleet-toolbar {
        margin-bottom: 18px !important;
        padding: 8px !important;
        border-radius: 14px;
    }

    body.mia-original-fleet .mia-fleet-listing .mia-fleet-service-filter {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 7px !important;
    }

    body.mia-original-fleet .mia-fleet-listing .mia-fleet-service-filter a,
    body.mia-original-fleet .mia-fleet-listing .mia-fleet-service-filter a:first-child {
        min-height: 58px;
        padding: 8px !important;
        grid-template-columns: 29px minmax(0, 1fr) 23px;
        gap: 6px;
        border-radius: 10px;
        background: #fff;
    }

    body.mia-original-fleet .mia-fleet-listing .mia-fleet-service-filter a:first-child {
        grid-column: 1 / -1;
    }

    body.mia-original-fleet .mia-fleet-listing .mia-fleet-service-filter a i {
        width: 29px;
        height: 29px;
        border-radius: 8px;
        font-size: 12px;
    }

    body.mia-original-fleet .mia-fleet-listing .mia-fleet-service-filter a span {
        font-size: 12px;
        line-height: 15px;
        text-align: left;
    }

    body.mia-original-fleet .mia-fleet-listing .mia-fleet-service-filter a b {
        width: 23px;
        height: 23px;
        min-width: 23px;
        background: #fff0e5;
        color: #d95f00;
        font-size: 10px;
    }

    body.mia-original-fleet .mia-fleet-showcase-grid {
        grid-template-columns: 1fr !important;
        gap: 16px;
    }

    body.mia-original-fleet .mia-fleet-showcase-card {
        border-radius: 14px;
    }

    body.mia-original-fleet .mia-fleet-showcase-card .mia-intercity-vehicle-image {
        height: auto !important;
        aspect-ratio: 16 / 10;
    }

    body.mia-original-fleet .mia-fleet-showcase-card .mia-intercity-vehicle-image > span {
        top: 12px;
        left: 12px;
        min-height: 30px;
        font-size: 12px;
    }

    body.mia-original-fleet .mia-fleet-showcase-card .mia-intercity-vehicle-body {
        min-height: 0 !important;
        padding: 19px 17px 17px;
    }

    body.mia-original-fleet .mia-fleet-showcase-card h3 {
        margin-bottom: 8px;
        font-size: 22px;
        line-height: 27px;
    }

    body.mia-original-fleet .mia-fleet-showcase-card p {
        min-height: 0;
        margin-bottom: 15px;
        font-size: 14px;
        line-height: 22px;
    }

    body.mia-original-fleet .mia-fleet-showcase-card .mia-intercity-vehicle-features {
        gap: 9px;
        padding: 14px 0;
    }

    body.mia-original-fleet .mia-fleet-showcase-card .mia-intercity-vehicle-features > span {
        overflow: hidden;
        font-size: 12px;
        line-height: 16px;
        text-overflow: ellipsis;
    }

    body.mia-original-fleet .mia-fleet-showcase-card .mia-intercity-vehicle-footer {
        display: grid;
        grid-template-columns: 1fr;
        gap: 12px;
        padding-top: 15px;
    }

    body.mia-original-fleet .mia-fleet-showcase-card .mia-intercity-vehicle-footer > span {
        font-size: 12px;
    }

    body.mia-original-fleet .mia-fleet-showcase-card .mia-intercity-vehicle-footer > a {
        width: 100%;
        min-height: 46px;
        justify-content: space-between;
        padding-inline: 16px;
        border-color: #FF7101;
        background: #FF7101;
        color: #FFFFFF;
        font-size: 14px;
    }

    body.mia-original-fleet .mia-fleet-showcase-card .mia-intercity-vehicle-footer > a i,
    body.mia-original-fleet .mia-fleet-showcase-card .mia-intercity-vehicle-footer > a:hover i {
        color: #FFFFFF;
    }

    body.mia-original-fleet .mia-fleet-showcase-card .mia-intercity-vehicle-footer > a:hover {
        border-color: #E96500;
        background: #E96500;
        color: #FFFFFF;
    }

    body.mia-original-fleet .mia-fleet-listing .themesflat-pagination {
        margin-top: 24px !important;
    }

    body.mia-original-fleet .mia-fleet-listing .themesflat-pagination ul {
        gap: 6px;
    }

    body.mia-original-fleet .mia-fleet-listing .themesflat-pagination .page-numbers {
        width: 42px;
        height: 42px;
        border-radius: 9px;
        font-size: 14px;
    }
}

@media (max-width: 359px) {
    body.mia-original-fleet .mia-fleet-listing .mia-fleet-service-filter {
        grid-template-columns: 1fr !important;
    }

    body.mia-original-fleet .mia-fleet-listing .mia-fleet-service-filter a:first-child {
        grid-column: auto;
    }
}

/* Ana sayfa: mobilde daha sade, ritmik ve aksiyon odaklı yerleşim. */
@media (max-width: 767px) {
    body.mia-home-page {
        background: #fff;
    }

    body.mia-home-page .slider.mia-hero .slider-item {
        min-height: 590px;
        align-items: flex-end;
    }

    body.mia-home-page .slider.mia-hero .slider-item .content {
        padding-top: 112px;
        padding-bottom: 48px;
    }

    body.mia-home-page .slider.mia-hero .heading .mia-hero-title {
        max-width: 350px;
        margin: 0 0 15px;
        font-size: clamp(35px, 10vw, 42px) !important;
        line-height: 1.02 !important;
        letter-spacing: -0.045em;
    }

    body.mia-home-page .slider.mia-hero .heading .mia-hero-title > span {
        display: block;
    }

    body.mia-home-page .mia-hero-description {
        max-width: 345px;
        margin: 0 0 19px;
        color: rgba(255, 255, 255, 0.82);
        font-size: 15px;
        line-height: 23px;
    }

    body.mia-home-page .mia-hero .category-list-car {
        gap: 8px !important;
        margin-bottom: 18px !important;
    }

    body.mia-home-page .mia-hero .category-list-car li {
        min-height: 68px;
        padding: 8px 4px;
        border-color: rgba(255, 255, 255, 0.18);
        background: rgba(16, 19, 23, 0.46);
    }

    body.mia-home-page .mia-hero .category-list-car li .icon {
        width: 26px;
        height: 26px;
        flex-basis: 26px;
    }

    body.mia-home-page .mia-hero .category-list-car li .font {
        font-size: 11px;
        font-weight: 600;
        line-height: 14px;
    }

    body.mia-home-page .mia-hero .chat-wrap {
        gap: 0;
    }

    body.mia-home-page .mia-hero-cta {
        min-height: 52px;
        justify-content: space-between;
        padding: 0 18px !important;
        border-radius: 10px;
        font-size: 15px;
    }

    body.mia-home-page .mia-hero-note {
        display: none !important;
    }

    body.mia-home-page .mia-filter-search {
        position: relative;
        z-index: 20;
        margin-top: -26px;
        padding: 0 0 44px;
        background: transparent;
    }

    body.mia-home-page .mia-filter-search .content-tab {
        overflow: visible;
        border: 1px solid #e2e5e8;
        border-radius: 18px !important;
        background: #fff;
        box-shadow: 0 14px 34px rgba(24, 29, 34, 0.09);
    }

    body.mia-home-page .mia-mobile-quote-heading {
        display: block;
        padding: 20px 18px 4px;
    }

    body.mia-home-page .mia-mobile-quote-heading > span {
        display: block;
        margin-bottom: 5px;
        color: #e96300;
        font-family: "Outfit", sans-serif;
        font-size: 10px;
        font-weight: 700;
        line-height: 14px;
        letter-spacing: 1.2px;
    }

    body.mia-home-page .mia-mobile-quote-heading h2 {
        margin: 0 0 5px;
        color: #24272c;
        font-size: 23px;
        line-height: 29px;
        letter-spacing: -0.02em;
    }

    body.mia-home-page .mia-mobile-quote-heading p {
        margin: 0;
        color: #74787d;
        font-size: 13px;
        line-height: 19px;
    }

    body.mia-home-page .mia-filter-search .content-inner,
    body.mia-home-page .mia-filter-search .form-sl {
        border: 0 !important;
        border-radius: 0 0 18px 18px !important;
        background: transparent;
        box-shadow: none !important;
    }

    body.mia-home-page .mia-filter-search .form-sl {
        padding: 8px 18px 18px !important;
    }

    body.mia-home-page .mia-quote-form .form-group-1 {
        padding: 12px 0 !important;
    }

    body.mia-home-page .mia-quote-form .form-group-1 label {
        margin-bottom: 5px;
        color: #555b61;
        font-size: 12px;
        font-weight: 650;
        line-height: 16px;
    }

    body.mia-home-page .mia-quote-form .group-select > select {
        color: #34393e;
    }

    body.mia-home-page .mia-quote-form .button-search {
        margin-top: 13px !important;
    }

    body.mia-home-page .mia-quote-form .button-search .sc-button {
        min-height: 52px;
        justify-content: space-between;
        padding: 0 18px;
        border-radius: 10px;
        box-shadow: none !important;
    }

    body.mia-home-page .mia-services-section,
    body.mia-home-page .mia-home-fleet,
    body.mia-home-page .mia-benefits,
    body.mia-home-page .mia-organization,
    body.mia-home-page .mia-final-cta {
        padding-top: 46px;
        padding-bottom: 46px;
    }

    body.mia-home-page .mia-services-section,
    body.mia-home-page .mia-benefits {
        background: #f7f8f9;
    }

    body.mia-home-page .mia-home-fleet,
    body.mia-home-page .mia-organization,
    body.mia-home-page .mia-final-cta {
        background: #fff;
    }

    body.mia-home-page .mia-services-heading,
    body.mia-home-page #filo .mia-services-heading {
        gap: 16px;
        margin-bottom: 6px;
    }

    body.mia-home-page .mia-section-kicker {
        margin-bottom: 7px;
        font-size: 11px;
        line-height: 15px;
        letter-spacing: 1.2px;
    }

    body.mia-home-page .heading-section h2,
    body.mia-home-page .mia-services-heading h2 {
        margin: 0 0 9px;
        font-size: 29px;
        line-height: 35px;
        letter-spacing: -0.03em;
    }

    body.mia-home-page .heading-section p,
    body.mia-home-page .mia-services-heading p {
        margin: 0;
        font-size: 14px;
        line-height: 22px;
    }

    body.mia-home-page .mia-services-quote {
        min-height: 48px;
        align-self: stretch;
        justify-content: space-between;
        padding: 0 17px;
        border-radius: 9px;
        font-size: 14px;
        box-shadow: none !important;
    }

    body.mia-home-page .mia-services-section .row,
    body.mia-home-page #filo .row {
        row-gap: 16px;
    }

    body.mia-home-page .mia-service-card,
    body.mia-home-page #filo .mia-fleet-card {
        overflow: hidden;
        border: 1px solid #e2e5e8;
        border-radius: 16px;
        box-shadow: none !important;
    }

    body.mia-home-page .mia-service-card .img-style,
    body.mia-home-page #filo .mia-fleet-card .img-style {
        height: auto !important;
        aspect-ratio: 16 / 9;
    }

    body.mia-home-page .mia-service-card .content,
    body.mia-home-page #filo .mia-fleet-card .content {
        min-height: 0;
        padding: 19px 17px 17px;
    }

    body.mia-home-page .mia-service-card .content h5,
    body.mia-home-page #filo .mia-fleet-card h5 {
        margin-bottom: 7px;
        font-size: 20px;
        line-height: 25px;
    }

    body.mia-home-page .mia-service-card .content > p {
        min-height: 0;
        margin-bottom: 0;
        font-size: 14px;
        line-height: 22px;
    }

    body.mia-home-page .mia-service-meta,
    body.mia-home-page .mia-fleet-features {
        gap: 8px 10px;
        margin-top: 15px;
        padding: 13px 0;
    }

    body.mia-home-page .mia-service-meta span,
    body.mia-home-page .mia-fleet-feature-grid span {
        font-size: 12px;
        line-height: 16px;
        white-space: normal;
    }

    body.mia-home-page .mia-service-card .days-box,
    body.mia-home-page #filo .mia-fleet-card .days-box {
        min-height: 48px;
        gap: 10px;
        margin-top: 0;
        padding-top: 14px;
    }

    body.mia-home-page .mia-service-card .view-car,
    body.mia-home-page #filo .mia-fleet-card .view-car {
        min-height: 42px;
        justify-content: center;
        padding: 9px 12px;
    }

    body.mia-home-page .mia-benefits .heading-section {
        margin-bottom: 8px;
    }

    body.mia-home-page .mia-benefits-shell > .row {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 10px;
        margin: 0;
    }

    body.mia-home-page .mia-benefits-shell > .row > .col-lg-12 {
        grid-column: 1 / -1;
        width: 100%;
        padding: 0 0 13px;
    }

    body.mia-home-page .mia-benefits-shell > .row > .col-lg-3 {
        width: auto;
        padding: 0;
    }

    body.mia-home-page .mia-benefits .tf-icon-box {
        min-height: 205px;
        padding: 17px 14px 16px;
        border-width: 1px;
        border-radius: 14px;
    }

    body.mia-home-page .mia-benefit-top {
        margin-bottom: 15px;
    }

    body.mia-home-page .mia-benefits .tf-icon-box.style-1 .mia-benefit-top .icon {
        width: 42px;
        height: 42px;
        border-radius: 10px;
    }

    body.mia-home-page .mia-benefits .tf-icon-box .icon i {
        font-size: 18px;
    }

    body.mia-home-page .mia-benefit-top > span {
        font-size: 11px;
    }

    body.mia-home-page .mia-benefits .tf-icon-box h3 {
        margin-bottom: 7px;
        font-size: 16px;
        line-height: 20px;
    }

    body.mia-home-page .mia-benefits .tf-icon-box p {
        font-size: 12.5px;
        line-height: 18px;
    }

    body.mia-home-page .mia-organization .row {
        row-gap: 16px;
    }

    body.mia-home-page .mia-organization .mia-org-card {
        border-radius: 16px;
    }

    body.mia-home-page .mia-organization .mia-org-card .image {
        min-height: 0 !important;
        height: auto !important;
        aspect-ratio: 16 / 9;
    }

    body.mia-home-page .mia-organization .mia-org-card .content {
        padding: 20px 18px 19px;
    }

    body.mia-home-page .mia-organization .mia-org-card .content h3 {
        margin-bottom: 7px;
        font-size: 21px;
        line-height: 26px;
    }

    body.mia-home-page .mia-organization .mia-org-card .content p {
        font-size: 13.5px;
        line-height: 21px;
    }

    body.mia-home-page .mia-organization .mia-org-card .content .find-cars {
        width: 100%;
        min-height: 46px;
        justify-content: space-between;
        padding: 0 15px;
        border-radius: 9px;
    }

    body.mia-home-page .mia-final-cta {
        padding-top: 10px;
    }

    body.mia-home-page .mia-final-cta .mia-cta-inner {
        gap: 20px;
        padding: 24px 20px;
        border-radius: 16px;
    }

    body.mia-home-page .mia-cta-inner h2 {
        margin: 7px 0 9px;
        font-size: 26px;
        line-height: 32px;
    }

    body.mia-home-page .mia-cta-inner p {
        margin: 0;
        font-size: 14px;
        line-height: 22px;
    }

    body.mia-home-page .mia-cta-action {
        width: 100%;
        padding-top: 18px;
    }

    body.mia-home-page .mia-cta-action .sc-button {
        width: 100% !important;
        min-height: 50px;
        justify-content: space-between;
        padding: 0 17px;
        border-radius: 9px;
        box-shadow: none !important;
    }
}

@media (max-width: 359px) {
    body.mia-home-page .mia-benefits-shell > .row {
        grid-template-columns: 1fr;
    }

    body.mia-home-page .mia-benefits-shell > .row > .col-lg-12 {
        grid-column: auto;
    }
}

/* Hizmet planlama modalları: başlık ve aksiyon görünür, yalnızca alanlar kayar. */
@media (max-width: 767px) {
    :is(
        [data-organization-modal],
        [data-city-planning-modal],
        [data-airport-planning-modal],
        [data-funeral-planning-modal],
        [data-tour-planning-modal]
    ) {
        padding: 6px 6px 0 !important;
        overflow: hidden !important;
    }

    :is(
        [data-organization-modal],
        [data-city-planning-modal],
        [data-airport-planning-modal],
        [data-funeral-planning-modal],
        [data-tour-planning-modal]
    ) .mia-booking-modal-dialog {
        width: 100% !important;
        height: auto;
        max-height: calc(100dvh - 6px) !important;
        display: flex;
        overflow: hidden !important;
        flex-direction: column;
        border-radius: 15px 15px 0 0 !important;
    }

    :is(
        [data-organization-modal],
        [data-city-planning-modal],
        [data-airport-planning-modal],
        [data-funeral-planning-modal],
        [data-tour-planning-modal]
    ) .mia-booking-modal-dialog > header {
        min-height: 64px;
        padding: 11px 12px !important;
        flex: 0 0 auto;
        grid-template-columns: 34px minmax(0, 1fr) 34px;
        gap: 9px;
    }

    :is(
        [data-organization-modal],
        [data-city-planning-modal],
        [data-airport-planning-modal],
        [data-funeral-planning-modal],
        [data-tour-planning-modal]
    ) .mia-booking-modal-dialog > header > span,
    :is(
        [data-organization-modal],
        [data-city-planning-modal],
        [data-airport-planning-modal],
        [data-funeral-planning-modal],
        [data-tour-planning-modal]
    ) .mia-booking-modal-dialog > header > button {
        width: 34px;
        height: 34px;
    }

    :is(
        [data-organization-modal],
        [data-city-planning-modal],
        [data-airport-planning-modal],
        [data-funeral-planning-modal],
        [data-tour-planning-modal]
    ) .mia-booking-modal-dialog > header small {
        font-size: 9px;
        line-height: 11px;
        letter-spacing: .11em;
    }

    :is(
        [data-organization-modal],
        [data-city-planning-modal],
        [data-airport-planning-modal],
        [data-funeral-planning-modal],
        [data-tour-planning-modal]
    ) .mia-booking-modal-dialog > header h2 {
        margin: 2px 0 0;
        font-size: 16px;
        line-height: 20px;
    }

    :is(
        [data-organization-modal],
        [data-city-planning-modal],
        [data-airport-planning-modal],
        [data-funeral-planning-modal],
        [data-tour-planning-modal]
    ) .mia-booking-modal-dialog > form {
        min-height: 0;
        display: flex;
        overflow: hidden;
        flex: 1 1 auto;
        flex-direction: column;
    }

    :is(
        [data-organization-modal],
        [data-city-planning-modal],
        [data-airport-planning-modal],
        [data-funeral-planning-modal],
        [data-tour-planning-modal]
    ) .mia-booking-modal-grid {
        min-height: 0;
        padding: 12px 13px !important;
        overflow-x: hidden;
        overflow-y: auto;
        flex: 1 1 auto;
        gap: 10px !important;
        overscroll-behavior: contain;
        scrollbar-width: thin;
        scrollbar-color: #d7dade transparent;
    }

    :is(
        [data-organization-modal],
        [data-city-planning-modal],
        [data-airport-planning-modal],
        [data-funeral-planning-modal],
        [data-tour-planning-modal]
    ) .mia-booking-modal-grid label {
        gap: 6px;
    }

    :is(
        [data-organization-modal],
        [data-city-planning-modal],
        [data-airport-planning-modal],
        [data-funeral-planning-modal],
        [data-tour-planning-modal]
    ) .mia-booking-modal-grid label > span {
        font-size: 12px;
        line-height: 15px;
    }

    :is(
        [data-organization-modal],
        [data-city-planning-modal],
        [data-airport-planning-modal],
        [data-funeral-planning-modal],
        [data-tour-planning-modal]
    ) .mia-booking-modal-grid input,
    :is(
        [data-organization-modal],
        [data-city-planning-modal],
        [data-airport-planning-modal],
        [data-funeral-planning-modal],
        [data-tour-planning-modal]
    ) .mia-booking-modal-grid select {
        height: 46px;
        min-height: 46px;
    }

    :is(
        [data-organization-modal],
        [data-city-planning-modal],
        [data-airport-planning-modal],
        [data-funeral-planning-modal],
        [data-tour-planning-modal]
    ) .mia-booking-modal-grid textarea {
        min-height: 72px;
    }

    :is(
        [data-organization-modal],
        [data-city-planning-modal],
        [data-airport-planning-modal],
        [data-funeral-planning-modal],
        [data-tour-planning-modal]
    ) .mia-booking-modal-dialog form > footer {
        min-height: 0;
        padding: 9px 13px max(9px, env(safe-area-inset-bottom)) !important;
        flex: 0 0 auto;
        gap: 8px;
        border-top: 1px solid #e5e8ea;
        background: #fff;
    }

    :is(
        [data-organization-modal],
        [data-city-planning-modal],
        [data-airport-planning-modal],
        [data-funeral-planning-modal],
        [data-tour-planning-modal]
    ) .mia-booking-modal-dialog form > footer > span {
        gap: 7px;
    }

    :is(
        [data-organization-modal],
        [data-city-planning-modal],
        [data-airport-planning-modal],
        [data-funeral-planning-modal],
        [data-tour-planning-modal]
    ) .mia-booking-modal-dialog form > footer small {
        font-size: 10px;
        line-height: 13px;
        text-align: center;
    }

    :is(
        [data-organization-modal],
        [data-city-planning-modal],
        [data-airport-planning-modal],
        [data-funeral-planning-modal],
        [data-tour-planning-modal]
    ) .mia-booking-modal-dialog form > footer .sc-button {
        min-height: 44px;
    }
}

@media (max-width: 767px) and (max-height: 640px) {
    :is(
        [data-organization-modal],
        [data-city-planning-modal],
        [data-airport-planning-modal],
        [data-funeral-planning-modal],
        [data-tour-planning-modal]
    ) .mia-booking-modal-dialog form > footer > span {
        display: none;
    }
}

/* Hakkımızda: mobilde daha sıkı hiyerarşi, okunaklı kartlar ve güçlü CTA. */
@media (max-width: 767px) {
    body.mia-about-page .tf-banner.style-1 {
        height: 430px !important;
        min-height: 430px;
        background-position: 62% center !important;
    }

    body.mia-about-page .tf-banner.style-1 .content {
        min-height: 430px;
        padding: 0 0 36px;
        display: flex;
        align-items: flex-end;
    }

    body.mia-about-page .tf-banner.style-1 .heading {
        width: 100%;
    }

    body.mia-about-page .tf-banner.style-1 .heading h1 {
        margin: 0 0 14px;
        font-size: 36px !important;
        line-height: 40px !important;
    }

    body.mia-about-page .tf-banner.style-1 .heading h1 br,
    body.mia-about-page .tf-banner.style-1 .heading p br {
        display: none;
    }

    body.mia-about-page .tf-banner.style-1 .heading p {
        max-width: 330px;
        margin: 0 0 22px;
        font-size: 15px !important;
        line-height: 22px !important;
    }

    body.mia-about-page .tf-banner.style-1 .heading .sc-button {
        width: 100%;
        min-height: 50px;
        justify-content: space-between;
        padding-inline: 18px;
    }

    body.mia-about-page .mia-about-why {
        padding: 38px 0 44px;
    }

    body.mia-about-page .mia-about-why .image-wcs,
    body.mia-about-page .mia-about-why .image-wcs .image-inner1 {
        min-height: 310px !important;
        height: 310px !important;
        border-radius: 18px;
    }

    body.mia-about-page .mia-about-why .content-wcs {
        padding-top: 30px;
    }

    body.mia-about-page .mia-about-why .content-wcs .heading-section {
        margin-bottom: 22px;
    }

    body.mia-about-page .mia-about-why .content-wcs .heading-section h2 {
        font-size: 29px;
        line-height: 35px;
    }

    body.mia-about-page .mia-about-why .content-wcs .heading-section p {
        margin-top: 12px !important;
        font-size: 14px;
        line-height: 22px;
    }

    body.mia-about-page .mia-about-why .tf-icon-box-list {
        border-radius: 16px;
    }

    body.mia-about-page .mia-about-why .tf-icon-box-list .tf-icon-box,
    body.mia-about-page .mia-about-why .tf-icon-box-list .tf-icon-box:hover {
        min-height: 0;
        padding: 18px 42px 18px 16px;
        gap: 13px;
        align-items: flex-start;
    }

    body.mia-about-page .mia-about-why .tf-icon-box-list .tf-icon-box::after {
        top: 18px;
        right: 15px;
        font-size: 11px;
    }

    body.mia-about-page .mia-about-why .tf-icon-box-list .tf-icon-box .icon {
        width: 42px;
        height: 42px;
        flex: 0 0 42px;
        border-radius: 11px;
    }

    body.mia-about-page .mia-about-why .tf-icon-box-list .tf-icon-box .icon svg {
        width: 24px;
        height: 24px;
    }

    body.mia-about-page .mia-about-why .tf-icon-box-list .tf-icon-box .content h5 {
        margin-bottom: 4px;
        font-size: 16px;
        line-height: 21px;
    }

    body.mia-about-page .mia-about-why .tf-icon-box-list .tf-icon-box .content p {
        font-size: 13px;
        line-height: 19px;
    }

    body.mia-about-page .mia-about-story {
        padding: 44px 0;
    }

    body.mia-about-page .mia-about-story .row {
        row-gap: 28px;
    }

    body.mia-about-page .mia-about-story-content .mia-section-kicker {
        margin-bottom: 11px;
    }

    body.mia-about-page .mia-about-story-content h2 {
        margin-bottom: 17px;
        font-size: 29px;
        line-height: 35px;
    }

    body.mia-about-page .mia-about-story-content .mia-about-story-lead {
        margin-bottom: 13px;
        font-size: 15px;
        line-height: 23px;
    }

    body.mia-about-page .mia-about-story-content p {
        margin-bottom: 14px;
        font-size: 13.5px;
        line-height: 22px;
    }

    body.mia-about-page .mia-about-story-services {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        margin: 22px 0 18px;
    }

    body.mia-about-page .mia-about-story-services span {
        min-height: 56px;
        padding: 10px 11px;
        gap: 7px;
        font-size: 12px;
        line-height: 16px;
    }

    body.mia-about-page .mia-about-story-button {
        width: 100%;
        min-height: 50px;
        justify-content: space-between;
        border: 1px solid #ffd0ad;
        background: #fff7f1;
        color: #d95f00;
    }

    body.mia-about-page .mia-about-story-visual {
        height: 300px;
        border-radius: 18px;
    }

    body.mia-about-page .mia-about-story-visual figcaption {
        right: 17px;
        bottom: 17px;
        left: 17px;
        padding-top: 13px;
    }

    body.mia-about-page .mia-about-story-visual figcaption strong {
        font-size: 18px;
        line-height: 24px;
    }

    body.mia-about-page .mia-about-principles {
        padding: 44px 0;
    }

    body.mia-about-page .mia-about-principles-head {
        gap: 13px;
        margin-bottom: 22px;
    }

    body.mia-about-page .mia-about-principles-head h2 {
        font-size: 29px;
        line-height: 35px;
    }

    body.mia-about-page .mia-about-principles-head > p {
        font-size: 13.5px;
        line-height: 22px;
    }

    body.mia-about-page .mia-about-principles-grid {
        gap: 10px;
        border: 0;
    }

    body.mia-about-page .mia-about-principles-grid article {
        min-height: 0;
        padding: 17px 42px 17px 16px;
        display: grid;
        grid-template-columns: 42px minmax(0, 1fr);
        column-gap: 12px;
        border: 1px solid #e4e7e9 !important;
        border-radius: 14px;
        background: #fff;
    }

    body.mia-about-page .mia-about-principles-grid article > span {
        top: 16px;
        right: 14px;
        font-size: 11px;
    }

    body.mia-about-page .mia-about-principles-grid article > i {
        width: 42px;
        height: 42px;
        margin: 0;
        grid-row: 1 / span 2;
        border-radius: 11px;
        font-size: 16px;
    }

    body.mia-about-page .mia-about-principles-grid article h3 {
        margin: 1px 0 5px;
        font-size: 17px;
        line-height: 22px;
    }

    body.mia-about-page .mia-about-principles-grid article p {
        font-size: 13px;
        line-height: 19px;
    }

    body.mia-about-page .mia-about-manifesto {
        padding: 0 0 44px;
    }

    body.mia-about-page .mia-about-manifesto-panel {
        gap: 16px;
        padding: 20px;
        border-radius: 17px;
        box-shadow: none;
    }

    body.mia-about-page .mia-about-manifesto-mark {
        width: 44px;
        height: 44px;
        font-size: 20px;
    }

    body.mia-about-page .mia-about-manifesto-message > span {
        margin-bottom: 7px;
        font-size: 10px;
    }

    body.mia-about-page .mia-about-manifesto-message h2 {
        margin-bottom: 9px;
        font-size: 25px;
        line-height: 30px;
    }

    body.mia-about-page .mia-about-manifesto-message p {
        font-size: 13px;
        line-height: 20px;
    }

    body.mia-about-page .mia-about-manifesto-side {
        padding-top: 15px;
    }

    body.mia-about-page .mia-about-manifesto-side ul {
        gap: 8px;
        margin-bottom: 16px;
    }

    body.mia-about-page .mia-about-manifesto-side li {
        font-size: 12.5px;
        line-height: 17px;
    }

    body.mia-about-page .mia-about-manifesto-side > a {
        width: 100%;
        min-height: 52px;
        justify-content: space-between;
        padding: 10px 10px 10px 16px;
        border-radius: 11px;
        font-size: 14px;
    }

    body.mia-about-page .mia-about-manifesto-side > a i {
        width: 32px;
        height: 32px;
        display: grid;
        place-items: center;
        border-radius: 8px;
        background: rgba(255, 255, 255, .18);
    }
}

@media (max-width: 359px) {
    body.mia-about-page .mia-about-story-services {
        grid-template-columns: 1fr;
    }
}

/* Blog listesi: mobilde ilk yazı öne çıkan, diğerleri kompakt editoryal kart. */
@media (max-width: 767px) {
    body.mia-blog-cms-page .mia-blog-cms-hero {
        padding-bottom: 42px !important;
    }

    body.mia-blog-cms-page .mia-cms-breadcrumb {
        margin-bottom: 20px;
    }

    body.mia-blog-cms-page .mia-cms-page-title h1 {
        margin-bottom: 12px;
        font-size: 36px !important;
        line-height: 42px !important;
    }

    body.mia-blog-cms-page .mia-cms-page-title p {
        font-size: 14px;
        line-height: 22px;
    }

    body.mia-blog-cms-page .mia-blog-listing-section {
        padding: 38px 0 50px;
    }

    body.mia-blog-cms-page .mia-blog-listing-head {
        margin-bottom: 24px;
        display: grid;
        grid-template-columns: minmax(0, 1fr) auto;
        align-items: start;
        gap: 10px 12px;
    }

    body.mia-blog-cms-page .mia-blog-listing-head > div {
        min-width: 0;
    }

    body.mia-blog-cms-page .mia-blog-listing-head h2 {
        margin: 6px 0 7px;
        font-size: 27px;
        line-height: 33px;
    }

    body.mia-blog-cms-page .mia-blog-listing-head p {
        max-width: 310px;
        font-size: 13px;
        line-height: 20px;
    }

    body.mia-blog-cms-page .mia-blog-listing-head > strong {
        min-height: 36px;
        padding: 8px 10px;
        gap: 7px;
        border-radius: 9px;
        font-size: 10px;
    }

    body.mia-blog-cms-page .mia-cms-blog-grid {
        grid-auto-rows: auto;
        align-items: start;
        gap: 12px;
    }

    body.mia-blog-cms-page .mia-cms-blog-card {
        height: auto;
        border-radius: 16px;
    }

    body.mia-blog-cms-page .mia-cms-blog-card:first-child > a {
        aspect-ratio: 16 / 9;
    }

    body.mia-blog-cms-page .mia-cms-blog-card:first-child > div {
        padding: 19px;
    }

    body.mia-blog-cms-page .mia-cms-blog-card:first-child h2 {
        font-size: 20px;
        line-height: 26px;
    }

    body.mia-blog-cms-page .mia-cms-blog-card:first-child p {
        margin-bottom: 18px;
        font-size: 13.5px;
        line-height: 21px;
    }

    body.mia-blog-cms-page .mia-cms-blog-card:nth-child(n + 2) {
        min-height: 172px;
        display: grid;
        grid-template-columns: 112px minmax(0, 1fr);
        align-items: stretch;
    }

    body.mia-blog-cms-page .mia-cms-blog-card:nth-child(n + 2) > a {
        width: 112px;
        height: 100%;
        min-height: 172px;
        aspect-ratio: auto;
        border-right: 1px solid #e5e8ea;
    }

    body.mia-blog-cms-page .mia-cms-blog-card:nth-child(n + 2) > div {
        min-width: 0;
        padding: 14px;
    }

    body.mia-blog-cms-page .mia-cms-blog-card:nth-child(n + 2) .mia-blog-card-meta {
        margin-bottom: 9px;
        align-items: flex-start;
        flex-wrap: wrap;
        gap: 6px 8px;
    }

    body.mia-blog-cms-page .mia-cms-blog-card:nth-child(n + 2) .mia-blog-card-meta small {
        min-height: 23px;
        padding: 4px 6px;
        border-radius: 6px;
        font-size: 9px !important;
        line-height: 13px !important;
        letter-spacing: .06em;
    }

    body.mia-blog-cms-page .mia-cms-blog-card:nth-child(n + 2) .mia-blog-card-meta time {
        gap: 4px;
        font-size: 9px;
        line-height: 14px;
    }

    body.mia-blog-cms-page .mia-cms-blog-card:nth-child(n + 2) h2 {
        margin-bottom: 8px;
        font-size: 16px;
        line-height: 21px;
        letter-spacing: 0;
    }

    body.mia-blog-cms-page .mia-cms-blog-card:nth-child(n + 2) p {
        display: none;
    }

    body.mia-blog-cms-page .mia-cms-blog-card:nth-child(n + 2) .mia-blog-card-link {
        min-height: 30px;
        margin-top: auto;
        padding: 6px 0 0;
        border: 0;
        border-top: 1px solid #edf0f1;
        border-radius: 0;
        background: transparent;
        color: #555b60;
        font-size: 10px;
    }

    body.mia-blog-cms-page .mia-blog-card-placeholder {
        background: linear-gradient(145deg, #f5f6f7, #eceff1);
        color: #ff7101;
    }

    body.mia-blog-cms-page .mia-blog-card-placeholder b {
        width: 46px;
        height: 46px;
        display: grid;
        place-items: center;
        border: 1px solid #ffe0c8;
        border-radius: 12px;
        background: #fff8f2;
        color: #ff7101;
        font-family: "Outfit", sans-serif;
        font-size: 18px;
        font-weight: 700;
    }

    body.mia-blog-cms-page .mia-blog-pagination {
        margin-top: 26px;
        padding-top: 22px;
        gap: 9px;
    }

    body.mia-blog-cms-page .mia-blog-pagination-edge,
    body.mia-blog-cms-page .mia-blog-pagination-pages > a,
    body.mia-blog-cms-page .mia-blog-pagination-pages > span {
        min-height: 42px;
    }
}

@media (max-width: 359px) {
    body.mia-blog-cms-page .mia-blog-listing-head {
        grid-template-columns: 1fr;
    }

    body.mia-blog-cms-page .mia-blog-listing-head > strong {
        width: max-content;
    }

    body.mia-blog-cms-page .mia-cms-blog-card:nth-child(n + 2) {
        grid-template-columns: 96px minmax(0, 1fr);
    }

    body.mia-blog-cms-page .mia-cms-blog-card:nth-child(n + 2) > a {
        width: 96px;
    }

    body.mia-blog-cms-page .mia-cms-blog-card:nth-child(n + 2) .mia-blog-card-meta time {
        display: none;
    }
}

/* Blog detay: telefonda sade, okunakli ve dokunma odakli editoryal akış. */
@media (max-width: 767px) {
    body.mia-blog-detail-page .mia-blog-detail-hero {
        padding: 94px 0 32px !important;
        border-bottom: 0;
    }

    body.mia-blog-detail-page .mia-blog-detail-hero .container,
    body.mia-blog-detail-page .mia-blog-detail-body .container {
        width: 100%;
        max-width: none;
        padding-right: 18px;
        padding-left: 18px;
    }

    body.mia-blog-detail-page .mia-blog-detail-hero .mia-cms-breadcrumb {
        max-width: 100%;
        margin-bottom: 20px;
        overflow: hidden;
        flex-wrap: nowrap;
        white-space: nowrap;
    }

    body.mia-blog-detail-page .mia-blog-detail-hero .mia-cms-breadcrumb a,
    body.mia-blog-detail-page .mia-blog-detail-hero .mia-cms-breadcrumb span {
        min-width: 0;
        overflow: hidden;
        font-size: 11px;
        line-height: 16px;
        text-overflow: ellipsis;
    }

    body.mia-blog-detail-page .mia-blog-detail-hero .mia-cms-breadcrumb span {
        flex: 1;
    }

    body.mia-blog-detail-page .mia-blog-detail-heading {
        max-width: none;
        text-align: left;
    }

    body.mia-blog-detail-page .mia-blog-detail-heading .mia-cms-kicker {
        margin-bottom: 0;
        font-size: 10px;
        line-height: 15px;
        letter-spacing: .12em;
    }

    body.mia-blog-detail-page .mia-blog-detail-heading h1 {
        margin: 11px 0 14px;
        color: #272b30;
        font-size: 34px !important;
        font-weight: 650;
        line-height: 40px !important;
        letter-spacing: -1.15px;
    }

    body.mia-blog-detail-page .mia-blog-detail-heading > p {
        margin: 0;
        color: #6d7378;
        font-size: 15px;
        line-height: 23px;
    }

    body.mia-blog-detail-page .mia-blog-detail-heading .mia-blog-detail-meta {
        width: 100%;
        min-height: 0;
        margin: 22px 0 0;
        padding: 6px;
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 0;
        border-radius: 12px;
        box-shadow: none;
    }

    body.mia-blog-detail-page .mia-blog-detail-heading .mia-blog-detail-meta > span,
    body.mia-blog-detail-page .mia-blog-detail-heading .mia-blog-detail-meta > span + span {
        width: 100%;
        min-width: 0;
        min-height: 48px;
        padding: 4px 9px;
        display: grid;
        grid-template-columns: 34px minmax(0, 1fr);
        grid-template-rows: auto auto;
        align-content: center;
        gap: 0 8px;
        border: 0;
        border-right: 1px solid #e7e9ea;
    }

    body.mia-blog-detail-page .mia-blog-detail-heading .mia-blog-detail-meta > span:last-child {
        border-right: 0;
    }

    body.mia-blog-detail-page .mia-blog-detail-heading .mia-blog-detail-meta i {
        width: 34px;
        height: 34px;
        font-size: 12px;
    }

    body.mia-blog-detail-page .mia-blog-detail-heading .mia-blog-detail-meta b {
        overflow: hidden;
        font-size: 13px;
        line-height: 17px;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    body.mia-blog-detail-page .mia-blog-detail-heading .mia-blog-detail-meta small {
        overflow: hidden;
        font-size: 10px;
        line-height: 14px;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    body.mia-blog-detail-page .mia-blog-detail-cover {
        width: 100%;
        max-width: none;
        margin: 24px 0 0;
        aspect-ratio: 16 / 10;
        border: 1px solid #e1e4e6;
        border-radius: 14px;
        box-shadow: none;
    }

    body.mia-blog-detail-page .mia-blog-detail-body {
        padding: 30px 0 52px;
        background: #fff;
    }

    body.mia-blog-detail-page .mia-blog-detail-layout {
        width: 100%;
        max-width: none;
        margin: 0;
        display: grid;
        grid-template-columns: minmax(0, 1fr) !important;
        gap: 30px;
    }

    body.mia-blog-detail-page .mia-blog-article,
    body.mia-blog-detail-page .mia-blog-detail-sidebar {
        width: 100%;
        min-width: 0;
        padding: 0 !important;
        border-radius: 0 !important;
    }

    body.mia-blog-detail-page .mia-blog-article-content,
    body.mia-blog-detail-page .mia-blog-article-content p {
        color: #555c62;
        font-size: 16px;
        line-height: 28px;
    }

    body.mia-blog-detail-page .mia-blog-article-content p {
        margin-bottom: 20px;
    }

    body.mia-blog-detail-page .mia-blog-article-content h2 {
        margin: 38px 0 14px;
        padding: 0;
        border: 0;
        font-size: 25px;
        line-height: 31px;
        letter-spacing: -.35px;
        scroll-margin-top: 82px;
    }

    body.mia-blog-detail-page .mia-blog-article-content h2:first-child {
        margin-top: 0;
    }

    body.mia-blog-detail-page .mia-blog-article-content h2::before {
        width: 28px;
        height: 2px;
        margin-bottom: 11px;
    }

    body.mia-blog-detail-page .mia-blog-article-content h3 {
        margin: 29px 0 12px;
        font-size: 20px;
        line-height: 26px;
        scroll-margin-top: 82px;
    }

    body.mia-blog-detail-page .mia-blog-article-content ul,
    body.mia-blog-detail-page .mia-blog-article-content ol {
        margin: 20px 0 27px;
        padding: 16px;
        gap: 11px;
        border-left-width: 2px;
        border-radius: 0 10px 10px 0;
    }

    body.mia-blog-detail-page .mia-blog-article-content li {
        min-height: 23px;
        padding: 1px 0 1px 31px;
        font-size: 15px;
        line-height: 23px;
    }

    body.mia-blog-detail-page .mia-blog-article-content blockquote {
        margin: 24px 0 31px;
        padding: 22px 18px 22px 52px;
        border-left-width: 3px;
        border-radius: 0 10px 10px 0;
        box-shadow: none;
        font-size: 16px;
        line-height: 27px;
    }

    body.mia-blog-detail-page .mia-blog-article-content blockquote::before {
        top: 10px;
        left: 14px;
        font-size: 47px;
    }

    body.mia-blog-detail-page .mia-blog-article-content blockquote::after {
        bottom: 17px;
        left: 15px;
    }

    body.mia-blog-detail-page .mia-blog-article-content figure,
    body.mia-blog-detail-page .mia-blog-article-content pre,
    body.mia-blog-detail-page .mia-blog-article-content table {
        max-width: 100%;
        margin: 24px 0;
    }

    body.mia-blog-detail-page .mia-blog-article-content figure img,
    body.mia-blog-detail-page .mia-blog-article-content > img {
        width: 100%;
        border-radius: 11px;
    }

    body.mia-blog-detail-page .mia-blog-article-footer {
        margin-top: 35px;
        padding: 18px;
        align-items: stretch;
        flex-direction: column;
        gap: 17px;
        border: 1px solid #e3e6e8;
        border-radius: 13px;
        background: #fafbfb;
    }

    body.mia-blog-detail-page .mia-blog-article-footer > div {
        align-items: flex-start;
        gap: 11px;
    }

    body.mia-blog-detail-page .mia-blog-article-footer > div > span {
        width: 42px;
        height: 42px;
        flex-basis: 42px;
        border-radius: 10px;
    }

    body.mia-blog-detail-page .mia-blog-article-footer p strong {
        font-size: 14px;
        line-height: 19px;
    }

    body.mia-blog-detail-page .mia-blog-article-footer p em {
        font-size: 12px;
        line-height: 18px;
    }

    body.mia-blog-detail-page .mia-blog-article-footer > a {
        width: 100%;
        min-height: 48px;
        padding: 11px 15px;
        justify-content: space-between;
        border-radius: 9px;
        font-size: 13px;
        box-shadow: none;
    }

    body.mia-blog-detail-page .mia-blog-detail-sidebar {
        position: static !important;
        display: grid;
        grid-template-columns: minmax(0, 1fr);
        gap: 18px;
    }

    body.mia-blog-detail-page .mia-blog-toc,
    body.mia-blog-detail-page .mia-blog-share-card,
    body.mia-blog-detail-page .mia-blog-other-posts {
        width: 100%;
        min-width: 0;
        overflow: hidden !important;
        border: 1px solid #dfe3e5 !important;
        border-top: 2px solid #2d3135 !important;
        border-radius: 13px !important;
        background: #fff;
        box-shadow: none;
    }

    body.mia-blog-detail-page .mia-blog-toc > header,
    body.mia-blog-detail-page .mia-blog-share-card > header,
    body.mia-blog-detail-page .mia-blog-other-posts > header {
        min-height: 62px;
        padding: 14px 15px;
        border-bottom: 1px solid #e6e8ea;
    }

    body.mia-blog-detail-page .mia-blog-toc > header > span {
        width: 36px;
        height: 36px;
        display: grid;
        flex: 0 0 36px;
    }

    body.mia-blog-detail-page .mia-blog-toc > header small,
    body.mia-blog-detail-page .mia-blog-share-card > header small,
    body.mia-blog-detail-page .mia-blog-other-posts > header small {
        font-size: 10px;
    }

    body.mia-blog-detail-page .mia-blog-toc > header strong,
    body.mia-blog-detail-page .mia-blog-share-card > header strong,
    body.mia-blog-detail-page .mia-blog-other-posts > header strong {
        font-size: 13px;
        line-height: 18px;
    }

    body.mia-blog-detail-page .mia-blog-toc ol {
        padding: 5px 14px;
    }

    body.mia-blog-detail-page .mia-blog-toc a {
        min-height: 48px;
        padding: 10px 1px;
        grid-template-columns: 30px minmax(0, 1fr);
        gap: 8px;
        font-size: 13px;
        line-height: 18px;
    }

    body.mia-blog-detail-page .mia-blog-share-card {
        padding: 0 14px 14px !important;
    }

    body.mia-blog-detail-page .mia-blog-share-card > header {
        margin: 0 -14px;
    }

    body.mia-blog-detail-page .mia-blog-share-card .mia-blog-share-grid {
        margin-top: 14px;
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 8px;
    }

    body.mia-blog-detail-page .mia-blog-share-card .mia-blog-share-grid > a,
    body.mia-blog-detail-page .mia-blog-share-card .mia-blog-share-grid > button {
        width: 100%;
        min-width: 0;
        min-height: 46px;
        padding: 8px;
        justify-content: flex-start;
        border-radius: 8px;
        font-size: 11px;
        box-shadow: none;
    }

    body.mia-blog-detail-page .mia-blog-share-card .mia-blog-share-grid .is-copy {
        grid-column: 1 / -1;
        justify-content: center;
    }

    body.mia-blog-detail-page .mia-blog-other-posts {
        margin: 0;
    }

    body.mia-blog-detail-page .mia-blog-other-list {
        padding: 0 14px;
    }

    body.mia-blog-detail-page .mia-blog-other-list > a {
        min-height: 92px;
        padding: 11px 0;
        grid-template-columns: 82px minmax(0, 1fr) 16px;
        gap: 10px;
    }

    body.mia-blog-detail-page .mia-blog-other-list figure {
        width: 82px;
        border-radius: 8px;
    }

    body.mia-blog-detail-page .mia-blog-other-list a small {
        font-size: 9px;
        line-height: 13px;
    }

    body.mia-blog-detail-page .mia-blog-other-list a strong {
        font-size: 13px;
        line-height: 17px;
    }

    body.mia-blog-detail-page .mia-blog-other-posts > footer {
        padding: 12px 14px 14px;
    }

    body.mia-blog-detail-page .mia-blog-other-posts > footer > a {
        min-height: 43px;
        padding: 9px 12px;
        font-size: 12px;
    }
}

@media (max-width: 359px) {
    body.mia-blog-detail-page .mia-blog-detail-hero .container,
    body.mia-blog-detail-page .mia-blog-detail-body .container {
        padding-right: 15px;
        padding-left: 15px;
    }

    body.mia-blog-detail-page .mia-blog-detail-heading h1 {
        font-size: 30px !important;
        line-height: 36px !important;
        letter-spacing: -.8px;
    }

    body.mia-blog-detail-page .mia-blog-detail-heading > p {
        font-size: 14px;
        line-height: 22px;
    }

    body.mia-blog-detail-page .mia-blog-detail-heading .mia-blog-detail-meta > span,
    body.mia-blog-detail-page .mia-blog-detail-heading .mia-blog-detail-meta > span + span {
        padding-right: 6px;
        padding-left: 6px;
        grid-template-columns: 31px minmax(0, 1fr);
        gap: 0 6px;
    }

    body.mia-blog-detail-page .mia-blog-detail-heading .mia-blog-detail-meta i {
        width: 31px;
        height: 31px;
    }

    body.mia-blog-detail-page .mia-blog-other-list > a {
        grid-template-columns: 72px minmax(0, 1fr) 14px;
    }

    body.mia-blog-detail-page .mia-blog-other-list figure {
        width: 72px;
    }
}

/* İletişim: mobilde hızlı doldurulan, net ve profesyonel form akışı. */
@media (max-width: 767px) {
    body.mia-contact-dynamic-page .mia-contact-page-hero {
        padding: 94px 0 31px !important;
        border-bottom: 0;
        background: #fff;
    }

    body.mia-contact-dynamic-page .mia-contact-page-hero .container,
    body.mia-contact-dynamic-page .mia-contact-main .container {
        width: 100%;
        max-width: none;
        padding-right: 18px;
        padding-left: 18px;
    }

    body.mia-contact-dynamic-page .mia-contact-page-hero .mia-intercity-breadcrumb {
        margin-bottom: 19px;
        overflow: hidden;
        flex-wrap: nowrap !important;
        white-space: nowrap;
    }

    body.mia-contact-dynamic-page .mia-contact-page-hero .mia-intercity-breadcrumb a,
    body.mia-contact-dynamic-page .mia-contact-page-hero .mia-intercity-breadcrumb > span {
        min-width: 0;
        overflow: hidden;
        font-size: 11px;
        line-height: 16px;
        text-overflow: ellipsis;
    }

    body.mia-contact-dynamic-page .mia-contact-page-hero .mia-intercity-breadcrumb > span {
        flex: 1;
    }

    body.mia-contact-dynamic-page .mia-contact-page-hero .mia-intercity-hero-row {
        display: block;
    }

    body.mia-contact-dynamic-page .mia-contact-page-hero .mia-section-kicker {
        margin-bottom: 9px;
        font-size: 10px;
        line-height: 15px;
        letter-spacing: .12em;
    }

    body.mia-contact-dynamic-page .mia-contact-page-hero h1 {
        max-width: 340px;
        margin: 0 0 13px;
        color: #272b30;
        font-size: 34px !important;
        font-weight: 650;
        line-height: 40px !important;
        letter-spacing: -1.05px;
    }

    body.mia-contact-dynamic-page .mia-contact-page-hero .mia-intercity-hero-copy > p {
        max-width: 350px;
        margin: 0;
        color: #6f757a;
        font-size: 15px;
        line-height: 23px;
    }

    body.mia-contact-dynamic-page .mia-contact-main {
        padding: 30px 0 52px;
        background: #f7f8f8;
    }

    body.mia-contact-dynamic-page .mia-contact-layout {
        width: 100%;
        display: grid;
        grid-template-columns: minmax(0, 1fr) !important;
        gap: 18px;
    }

    body.mia-contact-dynamic-page .mia-contact-form-card,
    body.mia-contact-dynamic-page .mia-contact-hero-info,
    body.mia-contact-dynamic-page .mia-contact-support-card {
        width: 100%;
        min-width: 0;
        border: 1px solid #dfe3e5;
        border-radius: 15px !important;
        background: #fff;
        box-shadow: none;
    }

    body.mia-contact-dynamic-page .mia-contact-form-card {
        padding: 20px !important;
    }

    body.mia-contact-dynamic-page .mia-contact-section-head {
        margin-bottom: 20px;
        padding-bottom: 18px;
    }

    body.mia-contact-dynamic-page .mia-contact-section-head > span {
        margin-bottom: 7px;
        font-size: 10px;
        line-height: 15px;
        letter-spacing: .12em;
    }

    body.mia-contact-dynamic-page .mia-contact-section-head h2 {
        margin-bottom: 8px;
        font-size: 25px;
        line-height: 31px;
        letter-spacing: -.3px;
    }

    body.mia-contact-dynamic-page .mia-contact-section-head p {
        font-size: 13px;
        line-height: 20px;
    }

    body.mia-contact-dynamic-page .mia-contact-form-grid {
        display: grid;
        grid-template-columns: minmax(0, 1fr) !important;
        gap: 15px !important;
    }

    body.mia-contact-dynamic-page .mia-contact-form label > span {
        margin-bottom: 7px;
        color: #41464b;
        font-size: 13px;
        line-height: 18px;
    }

    body.mia-contact-dynamic-page .mia-contact-form input,
    body.mia-contact-dynamic-page .mia-contact-form select,
    body.mia-contact-dynamic-page .mia-contact-form textarea {
        width: 100%;
        max-width: 100%;
        border-color: #d9dde0;
        border-radius: 10px;
        background: #fff;
        color: #2f3439;
        font-size: 16px !important;
        box-shadow: none;
    }

    body.mia-contact-dynamic-page .mia-contact-form input,
    body.mia-contact-dynamic-page .mia-contact-form select {
        height: 54px;
        min-height: 54px;
        padding-right: 14px;
        padding-left: 14px;
    }

    body.mia-contact-dynamic-page .mia-contact-form textarea {
        min-height: 142px;
        padding: 14px;
        line-height: 23px;
        resize: vertical;
    }

    body.mia-contact-dynamic-page .mia-contact-form input:focus,
    body.mia-contact-dynamic-page .mia-contact-form select:focus,
    body.mia-contact-dynamic-page .mia-contact-form textarea:focus {
        border-color: #ff7101;
        outline: 3px solid rgba(255, 113, 1, .09);
        outline-offset: 0;
        box-shadow: none;
    }

    body.mia-contact-dynamic-page .mia-contact-message {
        margin-top: 15px !important;
    }

    body.mia-contact-dynamic-page .mia-contact-form-bottom {
        margin-top: 18px;
        align-items: stretch !important;
        flex-direction: column;
        gap: 12px;
    }

    body.mia-contact-dynamic-page .mia-contact-form-bottom p {
        max-width: none;
        margin: 0;
        padding: 12px;
        align-items: flex-start;
        gap: 9px;
        border: 1px solid #dfeae2;
        border-radius: 10px;
        background: #f5faf7;
        color: #6f7772;
        font-size: 11px;
        line-height: 17px;
    }

    body.mia-contact-dynamic-page .mia-contact-form-bottom p i {
        margin-top: 3px;
        color: #4cad6b;
    }

    body.mia-contact-dynamic-page .mia-contact-form-bottom p a {
        color: #3d704c;
    }

    body.mia-contact-dynamic-page .mia-contact-form-bottom button {
        width: 100%;
        min-width: 0;
        min-height: 52px;
        padding: 13px 16px;
        justify-content: center;
        gap: 11px;
        border-radius: 10px;
        background: #ff7101;
        color: #fff;
        font-size: 14px;
        box-shadow: none;
    }

    body.mia-contact-dynamic-page .mia-contact-form-bottom button:hover,
    body.mia-contact-dynamic-page .mia-contact-form-bottom button:focus-visible,
    body.mia-contact-dynamic-page .mia-contact-form-bottom button:active {
        background: #e96807;
        color: #fff;
    }

    body.mia-contact-dynamic-page .mia-contact-feedback {
        margin-bottom: 19px;
        padding: 13px;
        grid-template-columns: 36px minmax(0, 1fr);
        gap: 10px;
        border-radius: 10px;
        font-size: 12px;
        line-height: 18px;
    }

    body.mia-contact-dynamic-page .mia-contact-feedback > i {
        width: 36px;
        height: 36px;
    }

    body.mia-contact-dynamic-page .mia-contact-aside {
        width: 100%;
        position: static !important;
        display: grid;
        grid-template-columns: minmax(0, 1fr) !important;
        gap: 18px;
        padding: 0 !important;
    }

    body.mia-contact-dynamic-page .mia-contact-hero-info-head {
        padding: 16px;
        gap: 11px;
        background: #fbfbfb;
    }

    body.mia-contact-dynamic-page .mia-contact-hero-info-head > span {
        width: 40px;
        height: 40px;
        flex-basis: 40px;
        border-radius: 10px;
    }

    body.mia-contact-dynamic-page .mia-contact-hero-info-head small {
        font-size: 10px;
        line-height: 14px;
    }

    body.mia-contact-dynamic-page .mia-contact-hero-info-head h2 {
        font-size: 18px;
        line-height: 23px;
    }

    body.mia-contact-dynamic-page .mia-contact-hero-info > a,
    body.mia-contact-dynamic-page .mia-contact-direct-item {
        min-height: 68px;
        padding: 13px 16px;
        grid-template-columns: 32px minmax(0, 1fr) 16px;
        gap: 9px;
    }

    body.mia-contact-dynamic-page .mia-contact-direct-item {
        grid-template-columns: 32px minmax(0, 1fr);
    }

    body.mia-contact-dynamic-page .mia-contact-direct-item small,
    body.mia-contact-dynamic-page .mia-contact-hero-info > a small {
        font-size: 11px;
        line-height: 15px;
    }

    body.mia-contact-dynamic-page .mia-contact-direct-item strong,
    body.mia-contact-dynamic-page .mia-contact-hero-info > a strong {
        overflow: hidden;
        font-size: 13px;
        line-height: 19px;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    body.mia-contact-dynamic-page .mia-contact-support-card {
        padding: 0 !important;
    }

    body.mia-contact-dynamic-page .mia-contact-support-body {
        padding: 19px;
    }

    body.mia-contact-dynamic-page .mia-contact-support-body > span {
        margin-bottom: 6px;
        font-size: 10px;
        line-height: 14px;
    }

    body.mia-contact-dynamic-page .mia-contact-support-body h3 {
        margin-bottom: 8px;
        font-size: 21px;
        line-height: 27px;
    }

    body.mia-contact-dynamic-page .mia-contact-support-body > p {
        font-size: 13px;
        line-height: 20px;
    }

    body.mia-contact-dynamic-page .mia-contact-support-topics {
        margin-top: 17px;
    }

    body.mia-contact-dynamic-page .mia-contact-support-topics > div {
        min-height: 63px;
        padding: 11px 0;
        grid-template-columns: 38px minmax(0, 1fr);
        gap: 10px;
    }

    body.mia-contact-dynamic-page .mia-contact-support-topics strong {
        font-size: 13px;
        line-height: 18px;
    }

    body.mia-contact-dynamic-page .mia-contact-support-topics small {
        font-size: 11px;
        line-height: 16px;
    }

    body.mia-contact-dynamic-page .mia-contact-support-note {
        margin-top: 15px;
        padding: 12px;
        font-size: 11px;
        line-height: 17px;
    }
}

@media (max-width: 359px) {
    body.mia-contact-dynamic-page .mia-contact-page-hero .container,
    body.mia-contact-dynamic-page .mia-contact-main .container {
        padding-right: 15px;
        padding-left: 15px;
    }

    body.mia-contact-dynamic-page .mia-contact-page-hero h1 {
        font-size: 30px !important;
        line-height: 36px !important;
    }

    body.mia-contact-dynamic-page .mia-contact-form-card {
        padding: 17px !important;
    }

    body.mia-contact-dynamic-page .mia-contact-section-head h2 {
        font-size: 23px;
        line-height: 29px;
    }
}

/* Hizmet sayfaları: mobilde kompakt tanıtım, eşit aksiyonlar ve okunaklı filo. */
@media (max-width: 767px) {
    body.mia-service-integrated .mia-intercity-page-hero {
        padding: 24px 0 29px !important;
        border-bottom: 1px solid #e8eaec;
        background: #fff;
    }

    body.mia-service-integrated .mia-intercity-page-hero .container,
    body.mia-service-integrated .mia-intercity-content > .container {
        width: 100%;
        max-width: none;
        padding-right: 18px;
        padding-left: 18px;
    }

    body.mia-service-integrated .mia-intercity-breadcrumb {
        max-width: 100%;
        margin-bottom: 17px !important;
        overflow: hidden;
        flex-wrap: nowrap !important;
        gap: 7px;
        white-space: nowrap;
    }

    body.mia-service-integrated .mia-intercity-breadcrumb a,
    body.mia-service-integrated .mia-intercity-breadcrumb > span {
        min-width: 0;
        overflow: hidden;
        font-size: 11px;
        line-height: 16px;
        text-overflow: ellipsis;
    }

    body.mia-service-integrated .mia-intercity-breadcrumb > span {
        flex: 1;
    }

    body.mia-service-integrated .mia-intercity-hero-row {
        display: block;
    }

    body.mia-service-integrated .mia-intercity-hero-copy {
        max-width: none;
    }

    body.mia-service-integrated .mia-intercity-hero-copy .mia-section-kicker {
        margin-bottom: 8px;
        font-size: 10px;
        line-height: 15px;
        letter-spacing: .12em;
    }

    body.mia-service-integrated .mia-intercity-hero-copy h1 {
        margin: 0 0 12px;
        color: #272b30;
        font-size: 34px !important;
        font-weight: 650;
        line-height: 40px !important;
        letter-spacing: -1.05px;
    }

    body.mia-service-integrated .mia-intercity-hero-copy p {
        max-width: 350px;
        color: #6e7479;
        font-size: 15px;
        line-height: 23px;
    }

    body.mia-service-integrated .mia-intercity-content {
        padding: 28px 0 50px !important;
        background: #fff;
    }

    body.mia-service-integrated .mia-intercity-overview {
        width: 100%;
        margin-bottom: 38px !important;
        display: block;
        gap: 0;
    }

    body.mia-service-integrated .mia-intercity-overview > .image {
        width: 100%;
        height: auto !important;
        aspect-ratio: 16 / 10;
        overflow: hidden;
        border: 1px solid #e1e4e6;
        border-radius: 14px !important;
        background: #eef0f2;
    }

    body.mia-service-integrated .mia-intercity-overview > .image::after {
        width: 54px;
        height: 4px;
    }

    body.mia-service-integrated .mia-intercity-overview > .image img {
        width: 100%;
        height: 100% !important;
        aspect-ratio: auto;
        object-fit: cover;
    }

    body.mia-service-integrated .mia-intercity-overview > .content {
        width: 100%;
        margin: 23px 0 0;
        padding: 0 !important;
    }

    body.mia-service-integrated .mia-intercity-overview > .content .mia-section-kicker {
        margin-bottom: 10px;
        font-size: 10px;
        line-height: 15px;
        letter-spacing: .12em;
    }

    body.mia-service-integrated .mia-intercity-overview > .content .mia-section-kicker::before {
        width: 22px;
        height: 1px;
    }

    body.mia-service-integrated .mia-service-live-content h2,
    body.mia-service-integrated .mia-intercity-overview > .content h2 {
        max-width: none;
        margin: 0 0 12px;
        font-size: 28px;
        line-height: 34px;
        letter-spacing: -.55px;
    }

    body.mia-service-integrated .mia-service-live-content > p,
    body.mia-service-integrated .mia-intercity-overview .mia-intercity-overview-text {
        margin: 0 0 19px;
        color: #666c71;
        font-size: 14px;
        line-height: 22px;
    }

    body.mia-service-integrated .mia-intercity-service-grid {
        margin-top: 18px;
        padding: 0;
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 8px;
        border: 0;
    }

    body.mia-service-integrated .mia-intercity-service-item,
    body.mia-service-integrated .mia-intercity-service-item:nth-child(even),
    body.mia-service-integrated .mia-intercity-service-item:nth-child(odd) {
        min-width: 0;
        min-height: 72px;
        padding: 10px;
        display: grid;
        grid-template-columns: 32px minmax(0, 1fr);
        align-items: center;
        gap: 9px;
        border: 1px solid #e6e8ea;
        border-radius: 11px;
        background: #fafbfb;
    }

    body.mia-service-integrated .mia-intercity-service-item > i {
        width: 32px;
        height: 32px;
        display: grid;
        place-items: center;
        border-radius: 9px;
        background: #fff0e5;
        font-size: 13px;
    }

    body.mia-service-integrated .mia-intercity-service-item > span {
        gap: 1px;
    }

    body.mia-service-integrated .mia-intercity-service-item strong {
        font-size: 12px;
        line-height: 16px;
    }

    body.mia-service-integrated .mia-intercity-service-item small {
        font-size: 10px;
        line-height: 14px;
    }

    body.mia-service-integrated .mia-intercity-overview-action {
        width: 100%;
        margin-top: 18px;
        padding-top: 18px;
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        grid-auto-rows: 56px;
        align-items: stretch;
        gap: 9px;
        border-top: 1px solid #e7e9eb;
    }

    body.mia-service-integrated .mia-intercity-overview-cta,
    body.mia-service-integrated .mia-intercity-overview-link {
        width: 100%;
        height: 56px;
        min-width: 0;
        min-height: 56px;
        padding: 9px 12px;
        justify-content: space-between;
        gap: 8px;
        border-radius: 10px;
        font-size: 12px;
        line-height: 16px;
        text-align: left;
        box-shadow: none;
    }

    body.mia-service-integrated .mia-intercity-overview-cta:hover,
    body.mia-service-integrated .mia-intercity-overview-cta:focus-visible,
    body.mia-service-integrated .mia-intercity-overview-cta:active {
        border-color: #e96807;
        background: #e96807;
        color: #fff;
    }

    body.mia-service-integrated .mia-intercity-overview-link:hover,
    body.mia-service-integrated .mia-intercity-overview-link:focus-visible,
    body.mia-service-integrated .mia-intercity-overview-link:active {
        border-color: #ffb77f;
        background: #fff8f2;
        color: #24272c;
    }

    body.mia-service-integrated .mia-intercity-fleet-heading {
        margin: 0 0 20px;
        align-items: stretch;
        flex-direction: column;
        gap: 15px;
    }

    body.mia-service-integrated .mia-intercity-fleet-heading .mia-section-kicker {
        margin-bottom: 7px;
        font-size: 10px;
        line-height: 15px;
    }

    body.mia-service-integrated .mia-intercity-fleet-heading h2 {
        margin-bottom: 8px;
        font-size: 27px;
        line-height: 33px;
        letter-spacing: -.35px;
    }

    body.mia-service-integrated .mia-intercity-fleet-heading p {
        font-size: 13px;
        line-height: 20px;
    }

    body.mia-service-integrated .mia-intercity-fleet-support {
        width: 100%;
        min-width: 0;
        min-height: 60px;
        padding: 10px 12px;
        display: grid;
        grid-template-columns: 38px minmax(0, 1fr) 20px;
        gap: 10px;
        border-radius: 11px;
        box-shadow: none;
    }

    body.mia-service-integrated .mia-intercity-fleet-support::after {
        display: grid;
        place-items: center;
        color: #ff7101;
        font-family: "Font Awesome 5 Free";
        font-size: 11px;
        font-weight: 900;
        content: "\f061";
    }

    body.mia-service-integrated .mia-intercity-fleet-support > i {
        width: 38px;
        height: 38px;
        flex-basis: 38px;
        border-radius: 9px;
    }

    body.mia-service-integrated .mia-intercity-fleet-support small {
        font-size: 10px;
        line-height: 14px;
    }

    body.mia-service-integrated .mia-intercity-fleet-support strong {
        font-size: 13px;
        line-height: 17px;
    }

    body.mia-service-integrated .mia-intercity-fleet-grid,
    body.mia-service-integrated .mia-fleet-showcase-grid {
        display: grid;
        grid-template-columns: minmax(0, 1fr) !important;
        gap: 15px;
        margin-bottom: 0;
    }

    body.mia-service-integrated .mia-intercity-vehicle-card {
        width: 100%;
        min-width: 0;
        border-radius: 14px;
        box-shadow: none;
    }

    body.mia-service-integrated .mia-intercity-vehicle-image {
        width: 100%;
        height: auto !important;
        aspect-ratio: 16 / 10;
    }

    body.mia-service-integrated .mia-intercity-vehicle-image img {
        width: 100%;
        height: 100% !important;
        aspect-ratio: auto;
        object-fit: cover;
    }

    body.mia-service-integrated .mia-intercity-vehicle-image > span {
        top: 11px;
        left: 11px;
        min-height: 28px;
        padding: 5px 9px;
        border-radius: 7px;
        font-size: 11px;
    }

    body.mia-service-integrated .mia-intercity-vehicle-body {
        min-height: 0;
        padding: 18px !important;
    }

    body.mia-service-integrated .mia-intercity-vehicle-category {
        margin-bottom: 5px;
        font-size: 9px;
        line-height: 14px;
    }

    body.mia-service-integrated .mia-intercity-vehicle-card h3 {
        margin-bottom: 7px;
        font-size: 20px;
        line-height: 25px;
    }

    body.mia-service-integrated .mia-intercity-vehicle-card p {
        min-height: 0;
        margin-bottom: 14px;
        font-size: 13px;
        line-height: 20px;
    }

    body.mia-service-integrated .mia-intercity-vehicle-features {
        padding: 13px 0;
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 8px 10px;
    }

    body.mia-service-integrated .mia-intercity-vehicle-features > span {
        min-width: 0;
        overflow: hidden;
        font-size: 11px;
        line-height: 16px;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    body.mia-service-integrated .mia-intercity-vehicle-footer {
        margin-top: 0;
        padding-top: 14px;
        align-items: center;
        flex-direction: row;
        gap: 9px;
    }

    body.mia-service-integrated .mia-intercity-vehicle-footer > span {
        min-width: 0;
        font-size: 10px;
        line-height: 14px;
    }

    body.mia-service-integrated .mia-intercity-vehicle-footer > a {
        width: auto;
        min-width: 114px;
        min-height: 42px;
        padding: 9px 11px;
        flex: 0 0 auto;
        justify-content: space-between;
        border-radius: 8px;
        font-size: 11px;
        box-shadow: none;
    }

    body.mia-service-integrated .mia-intercity-vehicle-footer > a:hover,
    body.mia-service-integrated .mia-intercity-vehicle-footer > a:focus-visible,
    body.mia-service-integrated .mia-intercity-vehicle-footer > a:active {
        border-color: #ff7101;
        background: #fff8f2;
        color: #24272c;
    }

    body.mia-service-integrated .mia-intercity-vehicle-footer > a:hover i,
    body.mia-service-integrated .mia-intercity-vehicle-footer > a:focus-visible i,
    body.mia-service-integrated .mia-intercity-vehicle-footer > a:active i {
        color: #ff7101;
    }
}

@media (max-width: 359px) {
    body.mia-service-integrated .mia-intercity-page-hero .container,
    body.mia-service-integrated .mia-intercity-content > .container {
        padding-right: 15px;
        padding-left: 15px;
    }

    body.mia-service-integrated .mia-intercity-hero-copy h1 {
        font-size: 30px !important;
        line-height: 36px !important;
    }

    body.mia-service-integrated .mia-service-live-content h2,
    body.mia-service-integrated .mia-intercity-overview > .content h2 {
        font-size: 26px;
        line-height: 32px;
    }

    body.mia-service-integrated .mia-intercity-overview-cta,
    body.mia-service-integrated .mia-intercity-overview-link {
        padding-right: 10px;
        padding-left: 10px;
        font-size: 11px;
    }

    body.mia-service-integrated .mia-intercity-vehicle-footer {
        align-items: stretch;
        flex-direction: column;
    }

    body.mia-service-integrated .mia-intercity-vehicle-footer > a {
        width: 100%;
    }
}

/* Hizmete özel planlama pencereleri: tüm hizmetlerde aynı mobil standart. */
@media (max-width: 767px) {
    body.mia-service-catalog :is(
        [data-city-planning-modal],
        [data-airport-planning-modal],
        [data-organization-modal],
        [data-funeral-planning-modal],
        [data-tour-planning-modal]
    ) {
        padding: 7px 7px 0 !important;
    }

    body.mia-service-catalog :is(
        [data-city-planning-modal],
        [data-airport-planning-modal],
        [data-organization-modal],
        [data-funeral-planning-modal],
        [data-tour-planning-modal]
    ) .mia-booking-modal-dialog {
        max-height: calc(100dvh - 7px) !important;
        border: 1px solid #dde1e4;
        border-bottom: 0;
        border-radius: 16px 16px 0 0 !important;
        background: #fff;
        box-shadow: none;
    }

    body.mia-service-catalog :is(
        [data-city-planning-modal],
        [data-airport-planning-modal],
        [data-organization-modal],
        [data-funeral-planning-modal],
        [data-tour-planning-modal]
    ) .mia-booking-modal-dialog > header {
        min-height: 68px;
        padding: 12px 13px !important;
        grid-template-columns: 36px minmax(0, 1fr) 36px;
        gap: 10px;
    }

    body.mia-service-catalog :is(
        [data-city-planning-modal],
        [data-airport-planning-modal],
        [data-organization-modal],
        [data-funeral-planning-modal],
        [data-tour-planning-modal]
    ) .mia-booking-modal-dialog > header > span,
    body.mia-service-catalog :is(
        [data-city-planning-modal],
        [data-airport-planning-modal],
        [data-organization-modal],
        [data-funeral-planning-modal],
        [data-tour-planning-modal]
    ) .mia-booking-modal-dialog > header > button {
        width: 36px;
        height: 36px;
        border-radius: 9px;
    }

    body.mia-service-catalog :is(
        [data-city-planning-modal],
        [data-airport-planning-modal],
        [data-organization-modal],
        [data-funeral-planning-modal],
        [data-tour-planning-modal]
    ) .mia-booking-modal-dialog > header small {
        font-size: 10px;
        line-height: 12px;
    }

    body.mia-service-catalog :is(
        [data-city-planning-modal],
        [data-airport-planning-modal],
        [data-organization-modal],
        [data-funeral-planning-modal],
        [data-tour-planning-modal]
    ) .mia-booking-modal-dialog > header h2 {
        margin-top: 2px;
        font-size: 18px;
        line-height: 22px;
    }

    body.mia-service-catalog :is(
        [data-city-planning-modal],
        [data-airport-planning-modal],
        [data-organization-modal],
        [data-funeral-planning-modal],
        [data-tour-planning-modal]
    ) .mia-booking-modal-grid {
        padding: 14px !important;
        gap: 12px !important;
        background: #fff;
    }

    body.mia-service-catalog :is(
        [data-city-planning-modal],
        [data-airport-planning-modal],
        [data-organization-modal],
        [data-funeral-planning-modal],
        [data-tour-planning-modal]
    ) .mia-booking-modal-grid label {
        gap: 6px;
    }

    body.mia-service-catalog :is(
        [data-city-planning-modal],
        [data-airport-planning-modal],
        [data-organization-modal],
        [data-funeral-planning-modal],
        [data-tour-planning-modal]
    ) .mia-booking-modal-grid label > span {
        color: #42474c;
        font-size: 13px;
        line-height: 17px;
    }

    body.mia-service-catalog :is(
        [data-city-planning-modal],
        [data-airport-planning-modal],
        [data-organization-modal],
        [data-funeral-planning-modal],
        [data-tour-planning-modal]
    ) .mia-booking-modal-grid input,
    body.mia-service-catalog :is(
        [data-city-planning-modal],
        [data-airport-planning-modal],
        [data-organization-modal],
        [data-funeral-planning-modal],
        [data-tour-planning-modal]
    ) .mia-booking-modal-grid select {
        height: 50px;
        min-height: 50px;
        border-color: #dce0e3;
        border-radius: 9px;
        background: #fff;
        font-size: 16px !important;
        box-shadow: none;
    }

    body.mia-service-catalog :is(
        [data-city-planning-modal],
        [data-airport-planning-modal],
        [data-organization-modal],
        [data-funeral-planning-modal],
        [data-tour-planning-modal]
    ) .mia-booking-modal-grid textarea {
        min-height: 82px;
        border-color: #dce0e3;
        border-radius: 9px;
        background: #fff;
        font-size: 16px !important;
        line-height: 22px;
        box-shadow: none;
    }

    body.mia-service-catalog :is(
        [data-city-planning-modal],
        [data-airport-planning-modal],
        [data-organization-modal],
        [data-funeral-planning-modal],
        [data-tour-planning-modal]
    ) .mia-booking-modal-grid input:focus,
    body.mia-service-catalog :is(
        [data-city-planning-modal],
        [data-airport-planning-modal],
        [data-organization-modal],
        [data-funeral-planning-modal],
        [data-tour-planning-modal]
    ) .mia-booking-modal-grid select:focus,
    body.mia-service-catalog :is(
        [data-city-planning-modal],
        [data-airport-planning-modal],
        [data-organization-modal],
        [data-funeral-planning-modal],
        [data-tour-planning-modal]
    ) .mia-booking-modal-grid textarea:focus {
        border-color: #ff7101;
        outline: 3px solid rgba(255, 113, 1, .09);
        outline-offset: 0;
    }

    body.mia-service-catalog :is(
        [data-city-planning-modal],
        [data-airport-planning-modal],
        [data-organization-modal],
        [data-funeral-planning-modal],
        [data-tour-planning-modal]
    ) .mia-booking-modal-dialog form > footer {
        padding: 10px 14px max(10px, env(safe-area-inset-bottom)) !important;
        gap: 9px;
        background: #fff;
    }

    body.mia-service-catalog :is(
        [data-city-planning-modal],
        [data-airport-planning-modal],
        [data-organization-modal],
        [data-funeral-planning-modal],
        [data-tour-planning-modal]
    ) .mia-booking-modal-dialog form > footer small {
        font-size: 10px;
        line-height: 14px;
    }

    body.mia-service-catalog :is(
        [data-city-planning-modal],
        [data-airport-planning-modal],
        [data-organization-modal],
        [data-funeral-planning-modal],
        [data-tour-planning-modal]
    ) .mia-booking-modal-dialog form > footer .sc-button {
        width: 100%;
        min-width: 0;
        min-height: 48px;
        justify-content: center;
        border-radius: 9px;
        box-shadow: none;
    }
}

/* Hizmet modalı ekranı kaplamaz; merkezde, kenar boşluklu mini pencere olarak kalır. */
@media (max-width: 767px) {
    body.mia-service-catalog :is(
        [data-city-planning-modal],
        [data-airport-planning-modal],
        [data-organization-modal],
        [data-funeral-planning-modal],
        [data-tour-planning-modal]
    ) {
        padding: max(14px, env(safe-area-inset-top)) 14px max(14px, env(safe-area-inset-bottom)) !important;
        align-items: center !important;
        justify-items: center;
    }

    body.mia-service-catalog :is(
        [data-city-planning-modal],
        [data-airport-planning-modal],
        [data-organization-modal],
        [data-funeral-planning-modal],
        [data-tour-planning-modal]
    ) .mia-booking-modal-dialog {
        width: min(100%, 420px) !important;
        max-width: 420px !important;
        max-height: min(82dvh, 720px) !important;
        margin: auto !important;
        border: 1px solid #dce0e3;
        border-radius: 16px !important;
    }
}

@media (max-width: 359px) {
    body.mia-service-catalog :is(
        [data-city-planning-modal],
        [data-airport-planning-modal],
        [data-organization-modal],
        [data-funeral-planning-modal],
        [data-tour-planning-modal]
    ) {
        padding-right: 10px !important;
        padding-left: 10px !important;
    }

    body.mia-service-catalog :is(
        [data-city-planning-modal],
        [data-airport-planning-modal],
        [data-organization-modal],
        [data-funeral-planning-modal],
        [data-tour-planning-modal]
    ) .mia-booking-modal-dialog {
        max-height: min(86dvh, 700px) !important;
    }
}

/* Son konum: diğer rezervasyon pencereleri gibi alttan açılan eşit alt panel. */
@media (max-width: 767px) {
    body.mia-service-catalog :is(
        [data-city-planning-modal],
        [data-airport-planning-modal],
        [data-organization-modal],
        [data-funeral-planning-modal],
        [data-tour-planning-modal]
    ) {
        padding: 14px 10px 0 !important;
        align-items: end !important;
        justify-items: center;
    }

    body.mia-service-catalog :is(
        [data-city-planning-modal],
        [data-airport-planning-modal],
        [data-organization-modal],
        [data-funeral-planning-modal],
        [data-tour-planning-modal]
    ) .mia-booking-modal-dialog {
        width: min(100%, 420px) !important;
        max-width: 420px !important;
        max-height: min(82dvh, 720px) !important;
        margin: 0 auto !important;
        border-bottom: 0;
        border-radius: 16px 16px 0 0 !important;
    }
}

@media (max-width: 359px) {
    body.mia-service-catalog :is(
        [data-city-planning-modal],
        [data-airport-planning-modal],
        [data-organization-modal],
        [data-funeral-planning-modal],
        [data-tour-planning-modal]
    ) {
        padding-right: 7px !important;
        padding-left: 7px !important;
    }
}

/* Araç detayı son mobil düzeltmeler: tekrarları kaldır, sayfayı gereksiz uzatma. */
@media (max-width: 767px) {
    body.mia-vehicle-detail-page .mia-vehicle-page-hero {
        padding: 18px 0 24px !important;
    }

    body.mia-vehicle-detail-page .mia-vehicle-page-hero .mia-intercity-breadcrumb {
        margin-bottom: 17px !important;
    }

    body.mia-vehicle-detail-page .mia-vehicle-page-hero .mia-intercity-hero-row {
        gap: 0 !important;
    }

    body.mia-vehicle-detail-page .mia-vehicle-page-hero .mia-intercity-hero-copy h1 {
        margin: 8px 0 9px;
        font-size: 34px;
        line-height: 39px;
    }

    body.mia-vehicle-detail-page .mia-vehicle-page-hero .mia-intercity-hero-copy p {
        max-width: 340px;
        font-size: 15px;
        line-height: 22px;
    }

    body.mia-vehicle-detail-page .mia-vehicle-hero-panel {
        display: none !important;
    }

    body.mia-vehicle-detail-page .mia-vehicle-detail-content {
        padding-top: 18px !important;
    }

    body.mia-vehicle-detail-page .mainslider {
        margin-bottom: 14px !important;
    }

    body.mia-vehicle-detail-page .tab-listing-scroll.mia-minibus-detail-nav {
        margin-bottom: 16px;
    }

    body.mia-vehicle-detail-page .listing-description.mia-minibus-service-intro {
        margin-bottom: 16px;
    }

    body.mia-vehicle-detail-page .mia-minibus-intro-heading,
    body.mia-vehicle-detail-page .mia-minibus-intro-heading:has(.mia-minibus-capacity) {
        grid-template-columns: minmax(0, 1fr) 64px !important;
        gap: 14px;
        padding: 18px;
    }

    body.mia-vehicle-detail-page .mia-minibus-intro-heading > div {
        grid-column: 1 !important;
        grid-row: 1 !important;
    }

    body.mia-vehicle-detail-page .mia-minibus-intro-heading .mia-minibus-capacity {
        width: 64px !important;
        height: 64px !important;
        grid-column: 2 !important;
        grid-row: 1 !important;
        align-items: center !important;
        justify-content: center !important;
        flex-direction: column !important;
        gap: 0 !important;
        border-radius: 50% !important;
    }

    body.mia-vehicle-detail-page .mia-minibus-intro-heading .mia-minibus-capacity strong {
        font-size: 17px;
    }

    body.mia-vehicle-detail-page .mia-minibus-intro-heading > p {
        grid-column: 1 / -1 !important;
        grid-row: 2 !important;
        padding-top: 13px;
    }

    body.mia-vehicle-detail-page .mia-minibus-intro-heading h2 {
        font-size: 24px;
        line-height: 29px;
    }

    body.mia-vehicle-detail-page .mia-minibus-use-cases[class*="is-count-"] {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 8px;
        border: 0;
    }

    body.mia-vehicle-detail-page .mia-minibus-use-cases[class*="is-count-"] > span,
    body.mia-vehicle-detail-page .mia-minibus-use-cases[class*="is-count-"] > span:nth-child(n) {
        min-height: 78px;
        padding: 12px;
        border: 1px solid #e6e8ea !important;
        border-radius: 10px;
        background: #fff !important;
    }

    body.mia-vehicle-detail-page #scrollspyHeading1,
    body.mia-vehicle-detail-page #scrollspyHeading2,
    body.mia-vehicle-detail-page #scrollspyHeading4,
    body.mia-vehicle-detail-page #scrollspyHeading5 {
        margin-bottom: 16px;
        padding: 18px;
    }

    body.mia-vehicle-detail-page .mia-minibus-overview-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }

    body.mia-vehicle-detail-page .mia-minibus-overview-item,
    body.mia-vehicle-detail-page .mia-minibus-overview-item:nth-child(n) {
        min-height: 92px;
        padding: 13px;
        border-right: 0;
        border-bottom: 1px solid #e7e8ea;
    }

    body.mia-vehicle-detail-page .mia-minibus-overview-item:nth-child(odd) {
        border-right: 1px solid #e7e8ea;
    }

    body.mia-vehicle-detail-page .mia-minibus-overview-item:nth-last-child(-n + 2) {
        border-bottom: 0;
    }

    body.mia-vehicle-detail-page .mia-minibus-overview-item > i {
        width: 32px;
        height: 32px;
        flex-basis: 32px;
    }

    body.mia-vehicle-detail-page .mia-minibus-feature-groups {
        gap: 10px;
    }

    body.mia-vehicle-detail-page .mia-minibus-feature-group {
        padding: 16px;
    }

    body.mia-vehicle-detail-page .mia-minibus-feature-group-head {
        margin-bottom: 13px;
        padding-bottom: 12px;
    }

    body.mia-vehicle-detail-page .mia-minibus-feature-group li {
        font-size: 13px;
        line-height: 18px;
    }

    body.mia-vehicle-detail-page .mia-minibus-booking-steps {
        display: flex;
        gap: 0;
        flex-direction: column;
        border: 1px solid #e3e5e7;
        border-radius: 11px;
        background: #fff;
        overflow: hidden;
    }

    body.mia-vehicle-detail-page .mia-minibus-booking-step {
        display: grid;
        min-height: 0;
        grid-template-columns: 38px minmax(0, 1fr);
        column-gap: 13px;
        padding: 16px;
        border: 0;
        border-radius: 0;
    }

    body.mia-vehicle-detail-page .mia-minibus-booking-step:not(:last-child) {
        border-bottom: 1px solid #e7e8ea;
    }

    body.mia-vehicle-detail-page .mia-minibus-booking-step > i {
        width: 38px;
        height: 38px;
        grid-column: 1;
        grid-row: 1 / 3;
        margin: 0;
    }

    body.mia-vehicle-detail-page .mia-minibus-booking-step h3 {
        grid-column: 2;
        margin: 0 28px 4px 0;
        font-size: 15px;
        line-height: 20px;
    }

    body.mia-vehicle-detail-page .mia-minibus-booking-step p {
        grid-column: 2;
        font-size: 13px;
        line-height: 19px;
    }

    body.mia-vehicle-detail-page .mia-minibus-step-number {
        top: 16px;
        right: 15px;
    }

    body.mia-vehicle-detail-page .mia-minibus-booking-cta {
        margin-top: 10px;
        padding: 15px;
        background: #fff;
    }

    body.mia-vehicle-detail-page .mia-minibus-booking-cta > div span {
        font-size: 12px;
        line-height: 17px;
    }

    body.mia-vehicle-detail-page .mia-minibus-faq-footer {
        padding: 12px;
    }
}

@media (max-width: 359px) {
    body.mia-vehicle-detail-page .mia-minibus-use-cases[class*="is-count-"] {
        grid-template-columns: minmax(0, 1fr) !important;
    }

    body.mia-vehicle-detail-page .mia-minibus-overview-grid {
        grid-template-columns: minmax(0, 1fr) !important;
    }

    body.mia-vehicle-detail-page .mia-minibus-overview-item:nth-child(n) {
        min-height: 0;
        border-right: 0;
        border-bottom: 1px solid #e7e8ea;
    }

    body.mia-vehicle-detail-page .mia-minibus-overview-item:last-child {
        border-bottom: 0;
    }
}

/* Araç detay sekmeleri: mobilde belirgin, dokunması kolay 2x2 kontrol grubu. */
@media (max-width: 767px) {
    body.mia-vehicle-detail-page .tab-listing-scroll.mia-minibus-detail-nav {
        margin-bottom: 18px;
        padding: 0;
        border: 0;
        border-radius: 0;
        background: transparent;
        overflow: visible;
    }

    body.mia-vehicle-detail-page .tab-listing-scroll.mia-minibus-detail-nav .nav-pills {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 8px;
    }

    body.mia-vehicle-detail-page .tab-listing-scroll.mia-minibus-detail-nav .nav-item {
        min-width: 0;
        width: 100%;
    }

    body.mia-vehicle-detail-page .tab-listing-scroll.mia-minibus-detail-nav .nav-pills .nav-item .nav-link {
        display: grid;
        width: 100%;
        min-height: 54px;
        grid-template-columns: 30px minmax(0, 1fr);
        align-items: center;
        justify-content: initial;
        gap: 9px;
        padding: 8px 10px;
        color: #4e5358;
        border: 1px solid #dfe2e5 !important;
        border-radius: 11px !important;
        background: #fff !important;
        font-size: 13px;
        line-height: 16px;
        font-weight: 600;
        text-align: left;
        white-space: normal;
    }

    body.mia-vehicle-detail-page .tab-listing-scroll.mia-minibus-detail-nav .nav-pills .nav-item .nav-link i {
        display: inline-flex;
        width: 30px;
        height: 30px;
        align-items: center;
        justify-content: center;
        color: #737980;
        border-radius: 8px;
        background: #f1f3f4;
        font-size: 12px;
    }

    body.mia-vehicle-detail-page .tab-listing-scroll.mia-minibus-detail-nav .nav-pills .nav-item .nav-link::after {
        display: none !important;
    }

    body.mia-vehicle-detail-page .tab-listing-scroll.mia-minibus-detail-nav .nav-pills .nav-item .nav-link.active {
        color: #fff;
        border-color: #ff7101 !important;
        background: #ff7101 !important;
    }

    body.mia-vehicle-detail-page .tab-listing-scroll.mia-minibus-detail-nav .nav-pills .nav-item .nav-link.active i {
        color: #fff;
        background: rgba(255, 255, 255, .18);
    }

    body.mia-vehicle-detail-page .tab-listing-scroll.mia-minibus-detail-nav .nav-pills .nav-item .nav-link:focus-visible {
        outline: 3px solid rgba(255, 113, 1, .2);
        outline-offset: 2px;
    }
}

/* Mobilde eski 320px yan panel sınırını kaldır; alternatif araç kartı tamamlansın. */
@media (max-width: 991px) {
    body.mia-vehicle-detail-page .mia-vehicle-detail-content > .container > .row > .col-lg-4,
    body.mia-vehicle-detail-page .listing-sidebar,
    body.mia-vehicle-detail-page .widget-listing.mia-minibus-related-card {
        width: 100% !important;
        max-width: none !important;
    }

    body.mia-vehicle-detail-page .listing-sidebar {
        flex: 0 0 100%;
    }

    body.mia-vehicle-detail-page .widget-listing.mia-minibus-related-card {
        margin-right: 0;
        margin-left: 0;
    }
}

/* Katmanlı Mia logosunun mobil oranları. */
@media (max-width: 991px) {
    .mia-brand {
        min-height: 44px;
        gap: 9px;
    }

    .mia-brand-symbol,
    .mobile-menu .nav-logo .mia-brand-symbol {
        width: 53px;
        height: 42px;
        flex: 0 0 53px;
    }

    .mia-brand-ligature,
    .mobile-menu .nav-logo .mia-brand-ligature {
        padding-right: 5px;
        font-size: 15px;
    }

    .mia-brand-ligature i,
    .mobile-menu .nav-logo .mia-brand-ligature i {
        font-size: 18px;
    }

    .mia-brand-route,
    .mobile-menu .nav-logo .mia-brand-route {
        width: 52px;
        height: 15px;
        bottom: 4px;
    }

    .mia-brand-name,
    .mobile-menu .nav-logo .mia-brand-name {
        font-size: 21px;
    }

    .mia-brand-meta,
    .mobile-menu .nav-logo .mia-brand-meta {
        gap: 5px;
        margin-top: 6px;
    }

    .mia-brand-meta strong,
    .mobile-menu .nav-logo .mia-brand-meta strong {
        font-size: 8px;
        letter-spacing: 2px;
    }

    .mia-brand-meta small,
    .mobile-menu .nav-logo .mia-brand-meta small {
        padding-left: 5px;
        font-size: 6px;
        letter-spacing: .8px;
    }
}

@media (max-width: 420px) {
    .main-header .header-lower .mia-brand-meta small {
        display: none;
    }
}

/* Akıcı imza logosu: küçük ekran oranları. */
@media (max-width: 991px) {
    .mia-brand {
        min-height: 42px;
        gap: 8px;
    }

    .mia-brand-signature,
    .mobile-menu .nav-logo .mia-brand-signature {
        width: 63px;
        height: 42px;
        flex: 0 0 63px;
    }

    .mia-brand-signature-word b:first-child,
    .mobile-menu .nav-logo .mia-brand-signature-word b:first-child,
    .mia-brand-signature-word b:last-child,
    .mobile-menu .nav-logo .mia-brand-signature-word b:last-child {
        font-size: 32px;
    }

    .mia-brand-signature-word i,
    .mobile-menu .nav-logo .mia-brand-signature-word i {
        font-size: 33px;
    }

    .mia-brand-signature-route,
    .mobile-menu .nav-logo .mia-brand-signature-route {
        width: 63px;
        height: 16px;
        bottom: 3px;
    }

    .mia-brand-descriptor strong,
    .mobile-menu .nav-logo .mia-brand-descriptor strong {
        font-size: 15px;
        letter-spacing: 2.5px;
    }

    .mia-brand-descriptor small,
    .mobile-menu .nav-logo .mia-brand-descriptor small {
        margin-top: 6px;
        font-size: 6px;
        letter-spacing: .9px;
    }
}

@media (max-width: 420px) {
    .main-header .header-lower .mia-brand-descriptor small {
        display: none;
    }

    .main-header .header-lower .mia-brand-descriptor strong {
        font-size: 14px;
        letter-spacing: 2px;
    }
}

/* Marka logolu header: mobil oranlar. */
@media (max-width: 991px) {
    .mia-brand {
        min-height: 46px;
        gap: 8px;
    }

    .mia-brand-car,
    .mobile-menu .nav-logo .mia-brand-car {
        width: 57px;
        height: 46px;
        flex: 0 0 57px;
        transform: scale(.86);
        transform-origin: left center;
        margin-right: -8px;
    }

    .mia-brand-car-wordmark > strong,
    .mobile-menu .nav-logo .mia-brand-car-wordmark > strong {
        font-size: 19px;
        letter-spacing: -.8px;
    }

    .mia-brand-car-wordmark > small,
    .mobile-menu .nav-logo .mia-brand-car-wordmark > small {
        margin-top: 6px;
        font-size: 6px;
        letter-spacing: .75px;
    }
}

@media (max-width: 420px) {
    .main-header .header-lower .mia-brand-car-wordmark > small {
        max-width: 112px;
        overflow: hidden;
        text-overflow: clip;
        white-space: nowrap;
    }
}

/* Premium çizgisel araç logosu: mobil oranlar. */
@media (max-width: 991px) {
    .mia-brand {
        min-height: 44px;
        gap: 8px;
    }

    .mia-brand-auto,
    .mobile-menu .nav-logo .mia-brand-auto {
        width: 57px;
        height: 42px;
        flex: 0 0 57px;
        transform: scale(.86);
        transform-origin: left center;
        margin-right: -8px;
    }

    .mia-brand-auto-wordmark > strong,
    .mobile-menu .nav-logo .mia-brand-auto-wordmark > strong {
        font-size: 19px;
        letter-spacing: -.8px;
    }

    .mia-brand-auto-wordmark > small,
    .mobile-menu .nav-logo .mia-brand-auto-wordmark > small {
        margin-top: 6px;
        font-size: 6px;
        letter-spacing: .8px;
    }
}

@media (max-width: 420px) {
    .main-header .header-lower .mia-brand-auto-wordmark > small {
        letter-spacing: .55px;
    }
}

/* Referans wordmark'ın mobil ve açılır menü oranları. */
@media (max-width: 991px) {
    .mia-brand {
        min-height: 42px;
        gap: 0;
    }

    .mia-brand-seojen,
    .mobile-menu .nav-logo .mia-brand-seojen {
        min-width: 174px;
    }

    .mia-brand-seojen-line {
        min-height: 34px;
        gap: 4px;
    }

    .mia-brand-seojen-mia {
        font-size: 25px;
        letter-spacing: -1.9px;
    }

    .mia-brand-seojen-emblem {
        width: 33px;
        height: 33px;
        flex-basis: 33px;
    }

    .mia-brand-seojen-emblem > i {
        font-size: 12px;
    }

    .mia-brand-seojen-route {
        left: 7px;
        bottom: 7px;
        width: 20px;
        height: 9px;
    }

    .mia-brand-seojen-emblem > b:first-of-type {
        top: -5px;
        right: -3px;
        width: 9px;
        height: 9px;
    }

    .mia-brand-seojen-emblem > b:last-of-type {
        top: -11px;
        right: -9px;
        width: 5px;
        height: 5px;
    }

    .mia-brand-seojen-name {
        font-size: 17px;
        letter-spacing: -.95px;
    }

    .mia-brand-seojen-tagline {
        margin-top: 2px;
        gap: 5px;
        font-size: 5px;
        letter-spacing: .9px;
    }

    .mia-brand-seojen-tagline > i {
        width: 2px;
        height: 2px;
    }
}

@media (max-width: 380px) {
    .mia-brand-seojen,
    .mobile-menu .nav-logo .mia-brand-seojen {
        min-width: 162px;
    }

    .mia-brand-seojen-mia {
        font-size: 23px;
    }

    .mia-brand-seojen-emblem {
        width: 31px;
        height: 31px;
        flex-basis: 31px;
    }

    .mia-brand-seojen-name {
        font-size: 16px;
    }
}

/* Görsel logoların mobil menü ve header ölçüleri. */
@media (max-width: 991px) {
    .mia-brand {
        min-height: 52px;
        gap: 0;
    }

    .mia-brand-image-lockup,
    .mobile-menu .nav-logo .mia-brand-image-lockup {
        width: 140px;
        height: 74px;
        flex-basis: 140px;
    }

    .mobile-menu .nav-logo .mia-brand-image-lockup {
        width: 140px;
        height: 74px;
        flex-basis: 140px;
    }

    #footer.home .mia-footer-brand-heading .mia-brand-image-lockup {
        width: 136px;
        height: 71px;
        flex-basis: 136px;
    }

    .main-header.style2 .header-lower .mia-brand-image-lockup {
        width: 140px;
        height: 74px;
        flex-basis: 140px;
    }
}

@media (max-width: 380px) {
    .mia-brand-image-lockup {
        width: 140px;
        height: 74px;
        flex-basis: 140px;
    }
}

/* Ana sayfa hızlı planlama sekmeleri: dar ekranlarda hizmet alanındaki
   seçim kutusu yeterlidir. Sekmeleri gizleyerek hero/form çakışmasını önle. */
@media (max-width: 1199px) {
    body.mia-home-page .mia-filter-search .box-tab {
        display: none !important;
    }

    body.mia-home-page .mia-filter-search .content-tab,
    body.mia-home-page .mia-filter-search .content-inner {
        border-radius: 18px !important;
    }
}

/* Geniş ekranda sekme etiketleri tek satırda ve eşit yükseklikte kalır. */
@media (min-width: 1200px) {
    body.mia-home-page .mia-filter-search .menu-tab {
        display: flex;
        align-items: stretch;
        flex-wrap: nowrap;
    }

    body.mia-home-page .mia-filter-search .menu-tab > li.item-title.style {
        width: 126px;
        height: 52px;
        min-height: 52px;
        display: flex;
        align-items: center;
        justify-content: center;
        margin: 0 1px 0 0;
        padding: 0 10px;
        line-height: normal;
        text-align: center;
        box-sizing: border-box;
    }

    body.mia-home-page .mia-filter-search .menu-tab > li.item-title.style .inner {
        display: block;
        font-size: 14px;
        line-height: 18px;
        white-space: nowrap;
    }
}

/* Araç galerisi kontrollerinin dar ekranda son yerleşimi. */
@media (max-width: 767px) {
    body.mia-vehicle-detail-page .mainslider .specs-features-wrap {
        left: 10px;
        right: auto;
        bottom: 10px;
    }

    body.mia-vehicle-detail-page .mainslider .specs-features {
        min-height: 38px;
        padding: 6px 7px 6px 10px;
    }

    body.mia-vehicle-detail-page .mainslider .mia-gallery-button-label {
        font-size: 12px;
    }

    body.mia-vehicle-detail-page .mainslider .mia-gallery-count {
        min-width: 23px;
        height: 23px;
        padding: 0 6px;
        font-size: 11px;
    }

    body.mia-vehicle-detail-page .mainslider .swiper-button-next,
    body.mia-vehicle-detail-page .mainslider .swiper-button-prev {
        width: 38px;
        height: 38px;
        border-radius: 11px;
    }
}