/* =========================================================
   ANTALYA TURLARI — MOBİL HERO V17 TAM FINAL
   Mobilde yalnızca: başlık, açıklama ve kompakt rezervasyon formu.
   Masaüstü ve tablet görünümünü etkilemez.
   ========================================================= */

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

    /* Mobil header daha ince ve dengeli */
    :root {
        --at-header-height: 64px !important;
    }

    .at-header {
        top: 7px !important;
        right: 8px !important;
        left: 8px !important;
        height: 64px !important;
        min-height: 64px !important;
    }

    .at-header.is-scrolled {
        top: 5px !important;
    }

    .at-header__bar {
        min-height: 64px !important;
        height: 64px !important;
        padding: 0 10px !important;
        border-radius: 15px !important;
    }

    .at-header__logo {
        max-width: calc(100% - 56px) !important;
    }

    .at-header__logo img {
        width: min(198px, 64vw) !important;
        height: 54px !important;
        max-height: 54px !important;
    }

    .at-header__menu-button {
        width: 42px !important;
        height: 42px !important;
        border-radius: 12px !important;
    }

    .ks27x-hero,
    .ks27x-hero *,
    .ks27-home-hero,
    .ks27-home-hero * {
        box-sizing: border-box !important;
    }

    .ks27x-hero,
    .ks27-home-hero {
        width: 100% !important;
        min-width: 0 !important;
        min-height: 0 !important;
        padding: 86px 0 24px !important;
        overflow: hidden !important;
    }

    .ks27x-hero__shell,
    .ks27-home-hero__container {
        width: calc(100% - 32px) !important;
        max-width: 560px !important;
        min-width: 0 !important;
        margin: 0 auto !important;
    }

    .ks27x-hero__grid,
    .ks27-home-hero__layout {
        width: 100% !important;
        min-width: 0 !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: stretch !important;
        gap: 18px !important;
    }

    .ks27x-hero__left,
    .ks27x-booking,
    .ks27-home-hero__content,
    .ks27-home-hero__booking {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        margin: 0 !important;
        transform: none !important;
    }

    .ks27x-hero__kicker,
    .ks27-home-hero__kicker {
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 0 8px !important;
        font-size: clamp(13px, 3.7vw, 16px) !important;
        line-height: 1.22 !important;
        white-space: normal !important;
    }

    .ks27x-hero__title,
    .ks27-home-hero__title {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        margin: 0 !important;
        font-size: clamp(36px, 9.7vw, 46px) !important;
        line-height: .99 !important;
        letter-spacing: -.042em !important;
        overflow: visible !important;
    }

    .ks27x-hero__title span,
    .ks27x-hero__title strong,
    .ks27-home-hero__title span,
    .ks27-home-hero__title strong {
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 !important;
        line-height: .99 !important;
        letter-spacing: -.042em !important;
        white-space: normal !important;
        word-break: normal !important;
        overflow-wrap: normal !important;
    }

    .ks27x-hero__title strong,
    .ks27-home-hero__title strong {
        font-size: .89em !important;
        line-height: 1.02 !important;
    }

    .ks27x-hero__description,
    .ks27-home-hero__description {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        margin: 14px 0 0 !important;
        font-size: 13.5px !important;
        line-height: 1.46 !important;
        white-space: normal !important;
        overflow-wrap: break-word !important;
    }

    /* Mobilde hero sadeleştirme */
    .ks27x-hero__benefits,
    .ks27x-hero__tour-heading,
    .ks27x-hero__cards,
    .ks27x-stats,
    .ks27x-booking__trust,
    .ks27-home-hero__benefits,
    .ks27-home-hero__tours-head,
    .ks27-home-hero__cards,
    .ks27-home-hero__stats,
    .ks27-home-hero__booking-trust,
    .ks27x-hero__actions .ks27x-button--secondary {
        display: none !important;
    }

    .ks27x-booking,
    .ks27-home-hero__booking {
        order: 2 !important;
        border-radius: 17px !important;
        overflow: visible !important;
        box-shadow: 0 14px 34px rgba(0, 0, 0, .22) !important;
    }

    .ks27x-booking__main,
    .ks27-home-hero__booking-main {
        padding: 15px 13px 16px !important;
        border-radius: 17px !important;
    }

    .ks27x-booking__head,
    .ks27-home-hero__booking-head {
        display: grid !important;
        grid-template-columns: 40px minmax(0, 1fr) !important;
        align-items: center !important;
        gap: 9px !important;
        margin-bottom: 12px !important;
    }

    .ks27x-booking__compass,
    .ks27-home-hero__compass {
        width: 40px !important;
        height: 40px !important;
        flex-basis: 40px !important;
    }

    .ks27x-booking__compass svg,
    .ks27-home-hero__compass svg {
        width: 21px !important;
        height: 21px !important;
    }

    .ks27x-booking__eyebrow,
    .ks27-home-hero__booking-head > div > span {
        display: none !important;
    }

    .ks27x-booking__title,
    .ks27-home-hero__booking-head h2 {
        margin: 0 !important;
        font-size: 20px !important;
        line-height: 1.06 !important;
    }

    .ks27x-booking__sub,
    .ks27-home-hero__booking-head p {
        margin: 2px 0 0 !important;
        font-size: 10.5px !important;
        line-height: 1.25 !important;
    }

    .ks27x-form__grid,
    .ks27-home-hero__form-grid {
        width: 100% !important;
        min-width: 0 !important;
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) !important;
        gap: 8px !important;
    }

    .ks27x-field,
    .ks27x-control,
    .ks27x-select,
    .ks27x-select__trigger,
    .ks27-home-hero__field,
    .ks27-home-hero__control,
    .ks27-select,
    .ks27-select-button {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
    }

    .ks27x-field > label,
    .ks27-home-hero__field > label {
        margin-bottom: 4px !important;
        font-size: 11px !important;
        line-height: 1.15 !important;
    }

    .ks27x-control,
    .ks27x-select__trigger,
    .ks27-home-hero__control,
    .ks27-select-button {
        min-height: 50px !important;
        height: 50px !important;
        border-radius: 12px !important;
    }

    .ks27x-control__icon,
    .ks27-home-hero__field-icon {
        font-size: 15px !important;
    }

    .ks27x-native-select,
    .ks27x-date-label,
    .ks27x-people-value strong,
    .ks27x-people-value span,
    .ks27-select-value,
    .tour-date-display,
    .tour-people-value strong,
    .tour-people-value span {
        font-size: 12.5px !important;
    }

    .ks27x-people-btn,
    .tour-people-btn {
        width: 40px !important;
        height: 40px !important;
    }

    .ks27x-submit,
    .ks27-home-hero__submit {
        width: 100% !important;
        min-height: 52px !important;
        margin: 11px 0 0 !important;
        padding: 0 14px !important;
        border-radius: 12px !important;
        font-size: 12px !important;
    }
}

@media (max-width: 390px) {
    .at-header__logo img {
        width: min(182px, 62vw) !important;
        height: 50px !important;
        max-height: 50px !important;
    }

    .ks27x-hero,
    .ks27-home-hero {
        padding-top: 80px !important;
    }

    .ks27x-hero__shell,
    .ks27-home-hero__container {
        width: calc(100% - 24px) !important;
    }

    .ks27x-hero__title,
    .ks27-home-hero__title {
        font-size: 34px !important;
    }

    .ks27x-hero__description,
    .ks27-home-hero__description {
        font-size: 13px !important;
    }
}

/* V17 kesin mobil kart gizleme — sonraki CSS dosyaları tarafından açılamaz */
@media (max-width: 760px) {
    .ks27x-hero .ks27x-hero__tour-heading,
    .ks27x-hero .ks27x-hero__cards,
    .ks27x-hero .ks27x-hero__cards > *,
    .ks27-home-hero .ks27-home-hero__tours-head,
    .ks27-home-hero .ks27-home-hero__cards,
    .ks27-home-hero .ks27-home-hero__cards > * {
        display: none !important;
        visibility: hidden !important;
        opacity: 0 !important;
        width: 0 !important;
        height: 0 !important;
        min-height: 0 !important;
        max-height: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        overflow: hidden !important;
        pointer-events: none !important;
    }
}
/* =========================================================
   ÇİFT FORM MOBİL TAMAMLAMA
   ========================================================= */
@media (max-width: 760px) {
    .ks27x-booking.has-tabs {
        background:
            linear-gradient(145deg,rgba(235,249,255,.24),rgba(4,28,44,.5)),
            rgba(6,31,47,.46) !important;
        border: 1px solid rgba(255,255,255,.46) !important;
        -webkit-backdrop-filter: blur(20px) saturate(135%) !important;
        backdrop-filter: blur(20px) saturate(135%) !important;
    }

    .ks27x-booking__tabs {
        display: grid !important;
        grid-template-columns: repeat(2,minmax(0,1fr)) !important;
    }

    .ks27x-booking__panel {
        width: 100% !important;
        min-width: 0 !important;
    }

    .ks27x-booking__panel[hidden] {
        display: none !important;
    }

    .ks27x-form__grid--transfer {
        display: grid !important;
        grid-template-columns: minmax(0,1fr) !important;
        gap: 8px !important;
    }

    .ks27x-control--native,
    .ks27x-native-input {
        width: 100% !important;
        min-width: 0 !important;
    }
}


/* V2 — mobilde beyaz alt alan tamamen kapalı */
@media (max-width: 760px) {
    .ks27x-booking__trust,
    .ks27-home-hero__booking-trust {
        display: none !important;
    }

    .ks27x-booking,
    .ks27-home-hero__booking {
        overflow: hidden !important;
    }
}


/* V3 — mobilde de alt güven şeridi kesin kapalı */
@media (max-width: 760px) {
    .ks27x-booking__trust,
    .ks27-home-hero__booking-trust,
    .ks27x-booking [class*="booking__trust"] {
        display: none !important;
        visibility: hidden !important;
        opacity: 0 !important;
        height: 0 !important;
        min-height: 0 !important;
        max-height: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        overflow: hidden !important;
    }

    .ks27x-booking {
        overflow: hidden !important;
        border-radius: 19px !important;
    }

    .ks27x-booking__main {
        border-radius: inherit !important;
        padding-bottom: 16px !important;
    }
}
/* =========================================================
   MOBILE HERO V5 — BAŞLIK / İKON / SEKME DÜZENİ
   ========================================================= */
@media (max-width: 760px) {

    /* Form kartı */
    .ks27x-booking {
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 auto !important;
        border-radius: 20px !important;
    }

    .ks27x-booking__main {
        padding: 14px 12px 16px !important;
    }

    /* Sekmeler: ikon ve metin aynı hizada */
    .ks27x-booking__tabs {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 10px !important;
        margin: 0 0 16px !important;
        padding-bottom: 14px !important;
    }

    .ks27x-booking__tab {
        min-height: 52px !important;
        display: grid !important;
        grid-template-columns: 20px minmax(0, 1fr) !important;
        align-items: center !important;
        justify-content: center !important;
        column-gap: 7px !important;
        padding: 0 10px !important;
        border-radius: 12px !important;
        text-align: center !important;
    }

    .ks27x-booking__tab span {
        width: 20px !important;
        height: 20px !important;
        display: grid !important;
        place-items: center !important;
        margin: 0 !important;
        font-size: 16px !important;
        line-height: 1 !important;
    }

    .ks27x-booking__tab strong {
        min-width: 0 !important;
        margin: 0 !important;
        font-size: 10.5px !important;
        line-height: 1.1 !important;
        letter-spacing: 0 !important;
        white-space: nowrap !important;
        text-align: left !important;
    }

    /* Başlık alanı: ikon başlığa karışmasın */
    .ks27x-booking.has-tabs .ks27x-booking__head,
    .ks27x-booking__head {
        display: grid !important;
        grid-template-columns: 46px minmax(0, 1fr) !important;
        align-items: center !important;
        gap: 11px !important;
        margin: 0 0 14px !important;
    }

    .ks27x-booking.has-tabs .ks27x-booking__compass,
    .ks27x-booking__compass {
        width: 46px !important;
        height: 46px !important;
        min-width: 46px !important;
        margin: 0 !important;
    }

    .ks27x-booking.has-tabs .ks27x-booking__compass svg,
    .ks27x-booking__compass svg {
        width: 24px !important;
        height: 24px !important;
    }

    .ks27x-booking__head > div {
        min-width: 0 !important;
    }

    .ks27x-booking__eyebrow {
        display: none !important;
    }

    .ks27x-booking.has-tabs .ks27x-booking__title,
    .ks27x-booking__title {
        margin: 0 !important;
        font-size: 24px !important;
        line-height: 1.08 !important;
        letter-spacing: -.025em !important;
        white-space: normal !important;
        overflow-wrap: anywhere !important;
    }

    .ks27x-booking__sub {
        margin: 3px 0 0 !important;
        font-size: 10.5px !important;
        line-height: 1.25 !important;
    }

    /* Alan başlıkları */
    .ks27x-field > label {
        margin-bottom: 5px !important;
        font-size: 11px !important;
        line-height: 1.2 !important;
    }

    /* Form alanları */
    .ks27x-form__grid,
    .ks27x-form__grid--transfer {
        grid-template-columns: minmax(0, 1fr) !important;
        gap: 9px !important;
    }

    .ks27x-control,
    .ks27x-select__trigger {
        min-height: 51px !important;
        height: 51px !important;
        border-radius: 12px !important;
    }

    .ks27x-control__icon {
        font-size: 15px !important;
    }

    .ks27x-select__value,
    .ks27x-date-label,
    .ks27x-native-input,
    .ks27x-people-value strong,
    .ks27x-people-value span {
        font-size: 12.5px !important;
    }

    .ks27x-people-btn {
        width: 39px !important;
        height: 39px !important;
        font-size: 20px !important;
    }

    .ks27x-submit {
        min-height: 52px !important;
        height: 52px !important;
        margin-top: 13px !important;
        border-radius: 12px !important;
        font-size: 12px !important;
    }

    /* Mobilde özel select paneli tam ve okunaklı açılsın */
    .ks27x-select.is-open .ks27x-select__panel {
        position: fixed !important;
        left: 12px !important;
        right: 12px !important;
        bottom: 12px !important;
        top: auto !important;
        width: auto !important;
        max-height: min(72vh, 520px) !important;
        z-index: 99999 !important;
        border-radius: 18px !important;
    }

    .ks27x-select__search-wrap {
        height: 44px !important;
    }

    .ks27x-select__options {
        max-height: min(50vh, 350px) !important;
    }

    .ks27x-select__option {
        min-height: 42px !important;
        font-size: 13px !important;
    }
}

@media (max-width: 390px) {
    .ks27x-booking__tab {
        grid-template-columns: 17px minmax(0, 1fr) !important;
        column-gap: 5px !important;
        padding: 0 7px !important;
    }

    .ks27x-booking__tab span {
        width: 17px !important;
        height: 17px !important;
        font-size: 14px !important;
    }

    .ks27x-booking__tab strong {
        font-size: 9.5px !important;
    }

    .ks27x-booking.has-tabs .ks27x-booking__title,
    .ks27x-booking__title {
        font-size: 22px !important;
    }
}


/* =========================================================
   ANTALYA TURLARI — MOBİL HERO / VIP SELECT STABİLİZASYON
   Araç tipi ve diğer özel seçim panellerinin cam kart içinde
   kırılmasını, kesilmesini ve sayfa genişliğini bozmasını önler.
   ========================================================= */

@media (max-width: 760px) {

    /* Kurallar yalnızca ana sayfa hero alanında çalışır. */
    body.is-home .ks27x-hero {
        overflow-x: clip !important;
        overflow-y: visible !important;
    }

    body.is-home .ks27x-hero__shell,
    body.is-home .ks27x-hero__grid,
    body.is-home .ks27x-booking,
    body.is-home .ks27x-booking__main,
    body.is-home .ks27x-booking__panel,
    body.is-home .ks27x-form__grid,
    body.is-home .ks27x-form__grid--transfer,
    body.is-home .ks27x-field,
    body.is-home .ks27x-select {
        min-width: 0 !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
    }

    /*
     * backdrop-filter, mobil tarayıcılarda position:fixed çocuklar için
     * yeni containing-block oluşturabiliyor. Bu da araç seçim panelinin
     * kart içinde kırpılmasına neden oluyor.
     */
    body.is-home .ks27x-booking.has-tabs {
        -webkit-backdrop-filter: none !important;
        backdrop-filter: none !important;
        overflow: visible !important;
        background:
            linear-gradient(145deg, rgba(235,249,255,.20), rgba(4,28,44,.52)),
            rgba(6,31,47,.72) !important;
    }

    body.is-home .ks27x-booking,
    body.is-home .ks27x-booking__main,
    body.is-home .ks27x-booking__panel {
        overflow: visible !important;
    }

    body.is-home .ks27x-booking__panel[hidden] {
        display: none !important;
    }

    body.is-home .ks27x-select {
        position: relative !important;
        isolation: isolate !important;
    }

    /* Açılan özel seçim paneli viewport üzerinde güvenli açılır. */
    body.is-home .ks27x-select.is-open {
        z-index: 100000 !important;
    }

    body.is-home .ks27x-select.is-open .ks27x-select__panel {
        position: fixed !important;
        z-index: 100001 !important;
        top: auto !important;
        right: 12px !important;
        bottom: max(12px, env(safe-area-inset-bottom)) !important;
        left: 12px !important;
        width: auto !important;
        min-width: 0 !important;
        max-width: none !important;
        max-height: min(72dvh, 520px) !important;
        margin: 0 !important;
        overflow: hidden !important;
        border-radius: 18px !important;
        box-shadow: 0 24px 70px rgba(0, 0, 0, .38) !important;
        transform: none !important;
    }

    body.is-home .ks27x-select__search-wrap {
        position: sticky !important;
        z-index: 2 !important;
        top: 0 !important;
        width: 100% !important;
        min-width: 0 !important;
    }

    body.is-home .ks27x-select__search {
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;
    }

    body.is-home .ks27x-select__options {
        width: 100% !important;
        max-height: min(55dvh, 360px) !important;
        overflow-x: hidden !important;
        overflow-y: auto !important;
        overscroll-behavior: contain !important;
        -webkit-overflow-scrolling: touch !important;
    }

    body.is-home .ks27x-select__option {
        width: 100% !important;
        min-width: 0 !important;
        padding-right: 14px !important;
        padding-left: 14px !important;
        white-space: normal !important;
        overflow-wrap: anywhere !important;
        text-align: left !important;
    }

    /* VIP formundaki native saat ve araç alanı taşmasın. */
    body.is-home .ks27x-control--native,
    body.is-home .ks27x-native-input,
    body.is-home #ks27xVehicleLabel + .ks27x-select,
    body.is-home #ks27xPickupLabel + .ks27x-select,
    body.is-home #ks27xDropoffLabel + .ks27x-select {
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;
    }

    body.is-home .ks27x-native-input {
        display: block !important;
        appearance: none;
        -webkit-appearance: none;
    }

    /* Sekme ve başlık değerlerini tek final ölçüde sabitler. */
    body.is-home .ks27x-booking__tab {
        min-width: 0 !important;
    }

    body.is-home .ks27x-booking__tab strong {
        overflow: hidden !important;
        white-space: nowrap !important;
        text-overflow: ellipsis !important;
    }

    body.is-home .ks27x-booking__title {
        font-size: clamp(21px, 6vw, 24px) !important;
        overflow-wrap: normal !important;
        word-break: normal !important;
    }
}

@media (max-width: 390px) {
    body.is-home .ks27x-select.is-open .ks27x-select__panel {
        right: 8px !important;
        bottom: max(8px, env(safe-area-inset-bottom)) !important;
        left: 8px !important;
        max-height: min(76dvh, 500px) !important;
        border-radius: 16px !important;
    }

    body.is-home .ks27x-select__options {
        max-height: min(58dvh, 340px) !important;
    }
}


/* =========================================================
   INDEX HERO — MOBİL AÇILIR REZERVASYON TAM FINAL
   Yalnızca 760px ve altında çalışır. Masaüstüne dokunmaz.
   ========================================================= */
@media (max-width: 760px) {
    body.is-home .ks27x-hero {
        padding-top: 82px !important;
        padding-bottom: 26px !important;
    }

    body.is-home .ks27x-hero__grid {
        gap: 18px !important;
    }

    /* Form kartı mobilde daha kompakt */
    body.is-home .ks27x-booking.has-tabs {
        border-radius: 20px !important;
        overflow: hidden !important;
        background:
            linear-gradient(145deg, rgba(224,245,252,.20), rgba(5,34,51,.58)),
            rgba(5,28,43,.78) !important;
        box-shadow:
            0 18px 42px rgba(0,0,0,.28),
            inset 0 1px 0 rgba(255,255,255,.28) !important;
    }

    body.is-home .ks27x-booking__main {
        padding: 13px 12px 15px !important;
    }

    /* Turlar / VIP Transfer sekmeleri */
    body.is-home .ks27x-booking__tabs {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 9px !important;
        margin: 0 0 12px !important;
        padding: 0 0 12px !important;
    }

    body.is-home .ks27x-booking__tab {
        min-width: 0 !important;
        min-height: 56px !important;
        height: 56px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 8px !important;
        padding: 0 10px !important;
        border-radius: 13px !important;
    }

    body.is-home .ks27x-booking__tab span {
        width: 20px !important;
        height: 20px !important;
        display: grid !important;
        place-items: center !important;
        flex: 0 0 20px !important;
        font-size: 16px !important;
    }

    body.is-home .ks27x-booking__tab strong {
        display: block !important;
        min-width: 0 !important;
        overflow: visible !important;
        color: inherit !important;
        font-size: clamp(10.5px, 3.1vw, 12.5px) !important;
        font-weight: 800 !important;
        line-height: 1.1 !important;
        letter-spacing: 0 !important;
        text-align: center !important;
        text-overflow: clip !important;
        text-transform: uppercase !important;
        white-space: nowrap !important;
    }

    /* Açma-kapama başlığı */
    body.is-home .ks27x-booking__head[data-ks27x-mobile-toggle] {
        position: relative !important;
        min-height: 64px !important;
        display: grid !important;
        grid-template-columns: 46px minmax(0, 1fr) 34px !important;
        align-items: center !important;
        gap: 10px !important;
        margin: 0 !important;
        padding: 8px 7px !important;
        border: 0 !important;
        border-radius: 13px !important;
        cursor: pointer !important;
        user-select: none !important;
        transition: background-color .2s ease !important;
    }

    body.is-home .ks27x-booking__head[data-ks27x-mobile-toggle]:hover,
    body.is-home .ks27x-booking__head[data-ks27x-mobile-toggle]:focus-visible {
        background: rgba(255,255,255,.07) !important;
        outline: 2px solid rgba(24,199,216,.55) !important;
        outline-offset: 2px !important;
    }

    body.is-home .ks27x-booking__head[data-ks27x-mobile-toggle]::after {
        content: "⌄" !important;
        width: 32px !important;
        height: 32px !important;
        display: grid !important;
        place-items: center !important;
        border: 1px solid rgba(255,255,255,.28) !important;
        border-radius: 50% !important;
        color: #fff !important;
        background: rgba(3,25,40,.36) !important;
        font-size: 21px !important;
        font-weight: 800 !important;
        line-height: 1 !important;
        transform: rotate(0deg) !important;
        transition: transform .24s ease, background-color .2s ease !important;
    }

    body.is-home .ks27x-booking:not(.is-mobile-collapsed)
    .ks27x-booking__head[data-ks27x-mobile-toggle]::after {
        transform: rotate(180deg) !important;
        background: rgba(24,199,216,.20) !important;
    }

    body.is-home .ks27x-booking__head[data-ks27x-mobile-toggle]
    .ks27x-booking__compass {
        width: 46px !important;
        height: 46px !important;
        min-width: 46px !important;
    }

    body.is-home .ks27x-booking__head[data-ks27x-mobile-toggle]
    .ks27x-booking__title {
        margin: 0 !important;
        color: #fff !important;
        font-size: clamp(21px, 6vw, 25px) !important;
        font-weight: 800 !important;
        line-height: 1.06 !important;
        letter-spacing: -.025em !important;
        white-space: normal !important;
    }

    body.is-home .ks27x-booking__head[data-ks27x-mobile-toggle]
    .ks27x-booking__sub {
        margin: 3px 0 0 !important;
        color: rgba(255,255,255,.72) !important;
        font-size: 11px !important;
        line-height: 1.25 !important;
    }

    body.is-home .ks27x-booking__head[data-ks27x-mobile-toggle]
    .ks27x-booking__eyebrow {
        display: none !important;
    }

    /* İlk yüklemede form kapalı */
    body.is-home .ks27x-booking.is-mobile-collapsed
    .ks27x-booking__panel.is-active [data-ks27x-form],
    body.is-home .ks27x-booking.is-mobile-collapsed
    .ks27x-booking__panel.is-active .ks27x-form,
    body.is-home .ks27x-booking.is-mobile-collapsed
    .ks27x-booking__panel.is-active form {
        display: none !important;
    }

    body.is-home .ks27x-booking.is-mobile-collapsed
    .ks27x-booking__panel.is-active .ks27x-form__feedback {
        display: none !important;
    }

    body.is-home .ks27x-booking__panel.is-active {
        width: 100% !important;
        min-width: 0 !important;
    }

    /* Form açıldığında alanlar */
    body.is-home .ks27x-booking:not(.is-mobile-collapsed)
    .ks27x-booking__panel.is-active form {
        display: block !important;
        margin-top: 12px !important;
        animation: ks27xMobileFormOpen .24s ease both !important;
    }

    body.is-home .ks27x-form__grid,
    body.is-home .ks27x-form__grid--transfer {
        grid-template-columns: minmax(0, 1fr) !important;
        gap: 9px !important;
    }

    body.is-home .ks27x-field > label {
        margin-bottom: 5px !important;
        color: rgba(255,255,255,.92) !important;
        font-size: 12px !important;
        font-weight: 700 !important;
        line-height: 1.2 !important;
    }

    body.is-home .ks27x-control,
    body.is-home .ks27x-select__trigger {
        min-height: 52px !important;
        height: 52px !important;
        border-radius: 12px !important;
    }

    body.is-home .ks27x-select__value,
    body.is-home .ks27x-date-label,
    body.is-home .ks27x-native-input,
    body.is-home .ks27x-people-value strong,
    body.is-home .ks27x-people-value span {
        font-size: 13px !important;
        font-weight: 700 !important;
    }

    body.is-home .ks27x-people-btn {
        width: 40px !important;
        height: 40px !important;
        font-size: 21px !important;
    }

    body.is-home .ks27x-submit {
        min-height: 53px !important;
        height: 53px !important;
        margin-top: 12px !important;
        border-radius: 12px !important;
        font-size: 12px !important;
        font-weight: 800 !important;
    }

    body.is-home .ks27x-booking__trust {
        display: none !important;
    }
}

@media (max-width: 390px) {
    body.is-home .ks27x-booking__tab {
        min-height: 53px !important;
        height: 53px !important;
        gap: 5px !important;
        padding-inline: 7px !important;
    }

    body.is-home .ks27x-booking__tab strong {
        font-size: 10px !important;
    }

    body.is-home .ks27x-booking__head[data-ks27x-mobile-toggle] {
        grid-template-columns: 42px minmax(0, 1fr) 32px !important;
        gap: 8px !important;
        padding-inline: 5px !important;
    }

    body.is-home .ks27x-booking__head[data-ks27x-mobile-toggle]
    .ks27x-booking__compass {
        width: 42px !important;
        height: 42px !important;
        min-width: 42px !important;
    }

    body.is-home .ks27x-booking__head[data-ks27x-mobile-toggle]
    .ks27x-booking__title {
        font-size: 21px !important;
    }
}

@keyframes ks27xMobileFormOpen {
    from {
        opacity: 0;
        transform: translateY(-8px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}


/* =========================================================
   INDEX HERO — FULL MOBİL FINAL
   Tur Ara / VIP Transfer Ara sekmeleri ve açılır form.
   ========================================================= */
@media (max-width: 760px) {
    body.is-home .ks27x-hero__shell {
        width: calc(100% - 20px) !important;
        max-width: 540px !important;
    }

    body.is-home .ks27x-hero__grid {
        width: 100% !important;
        gap: 16px !important;
    }

    body.is-home .ks27x-booking.has-tabs {
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 !important;
        border-radius: 20px !important;
    }

    body.is-home .ks27x-booking__main {
        width: 100% !important;
        padding: 12px !important;
    }

    body.is-home .ks27x-booking__tabs {
        width: 100% !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 8px !important;
        margin-bottom: 10px !important;
        padding-bottom: 10px !important;
    }

    body.is-home .ks27x-booking__tab {
        width: 100% !important;
        min-width: 0 !important;
        min-height: 58px !important;
        height: auto !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 7px !important;
        padding: 10px 8px !important;
        border-radius: 13px !important;
    }

    body.is-home .ks27x-booking__tab strong {
        min-width: 0 !important;
        font-size: clamp(10.5px, 3.25vw, 13px) !important;
        font-weight: 800 !important;
        line-height: 1.14 !important;
        text-align: center !important;
        white-space: normal !important;
        overflow-wrap: anywhere !important;
    }

    body.is-home .ks27x-booking__tab.is-active {
        color: #fff !important;
        background: linear-gradient(135deg, #18c8d8, #0fa7bd) !important;
        border-color: rgba(255,255,255,.55) !important;
        box-shadow: 0 10px 24px rgba(12,183,202,.24) !important;
    }

    body.is-home .ks27x-booking__head[data-ks27x-mobile-toggle] {
        min-height: 62px !important;
    }

    body.is-home .ks27x-booking:not(.is-mobile-collapsed)
    .ks27x-booking__panel.is-active {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
    }

    body.is-home .ks27x-booking:not(.is-mobile-collapsed)
    .ks27x-booking__panel.is-active [data-ks27x-form],
    body.is-home .ks27x-booking:not(.is-mobile-collapsed)
    .ks27x-booking__panel.is-active form {
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
        visibility: visible !important;
        opacity: 1 !important;
    }

    body.is-home .ks27x-form__grid,
    body.is-home .ks27x-form__grid--transfer {
        width: 100% !important;
        grid-template-columns: minmax(0, 1fr) !important;
        gap: 9px !important;
    }

    body.is-home .ks27x-field,
    body.is-home .ks27x-control,
    body.is-home .ks27x-select,
    body.is-home .ks27x-select__trigger,
    body.is-home .ks27x-native-input {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
    }

    body.is-home .ks27x-control,
    body.is-home .ks27x-select__trigger {
        min-height: 54px !important;
        height: 54px !important;
    }

    body.is-home .ks27x-submit {
        min-height: 54px !important;
        height: 54px !important;
        margin-top: 12px !important;
    }
}

@media (max-width: 390px) {
    body.is-home .ks27x-hero__shell {
        width: calc(100% - 16px) !important;
    }

    body.is-home .ks27x-booking__tab {
        gap: 5px !important;
        padding-inline: 6px !important;
    }

    body.is-home .ks27x-booking__tab strong {
        font-size: 10px !important;
    }
}



/* =========================================================
   REFERANS HERO — MOBILE FINAL OVERRIDES
   ========================================================= */
@media (max-width:760px){
    .ks27ref-launcher{
        display:block!important;
        visibility:visible!important;
        opacity:1!important;
    }

    .ks27ref-launcher__glass{
        display:grid!important;
        grid-template-columns:1fr!important;
    }

    .ks27ref-launcher__btn{
        display:grid!important;
        visibility:visible!important;
        opacity:1!important;
    }

    .ks27ref-modal-layer:not([hidden]){
        display:grid!important;
    }

    .ks27ref-modal:not([hidden]){
        display:block!important;
    }

    .ks27ref-modal-panel{
        display:block!important;
        visibility:visible!important;
        opacity:1!important;
    }
}


/* final responsive safety */
@media (max-width:767px){
    .ks27ref-launcher,
    .ks27ref-launcher__glass,
    .ks27ref-launcher__btn{
        visibility:visible!important;
        opacity:1!important;
    }
    .ks27ref-modal-layer:not([hidden]){display:grid!important}
    .ks27ref-modal:not([hidden]){display:block!important}
    .ks27ref-modal-panel{display:block!important}
}


/* hero button placement safety */
@media (max-width:767px){
    .ks27ref-launcher{
        width:100%!important;
        margin:10px auto 0!important;
    }
    .ks27ref-launcher__glass{
        grid-template-columns:1fr!important;
    }
}


/* hero lower button safety */
@media (max-width:767px){
    .ks27ref-launcher{
        margin:14px auto 0!important;
    }
}