@charset "UTF-8";

/* =========================================================
   ANTALYA TURLARI — ORTAK SAYFA GENİŞLİĞİ
   Tüm sayfalarda tek yatay hizalama sistemi
========================================================= */

:root {
    --site-container-width: 1360px;
    --site-page-gutter: 24px;
}

html,
body {
    max-width: 100%;
    overflow-x: clip;
}

/* Ortak içerik sarmalayıcıları */
html body :where(
    .site-container,
    .tour-wrap,
    .tour-layout-container,
    .tour-hero-wrap,
    .tour-search-inner,
    .tours-container,
    .tours-cta-inner,
    .route-hero__inner,
    .route-cta__inner,
    .routes-hero__inner,
    .routes-guide__inner,
    .routes-faq__inner,
    .routes-cta__inner,
    .ks27-blog-shell,
    .ks27-blog-hero__inner,
    .ks27-blog-cta__inner,
    .ks27-article-hero__inner,
    .contact-shell,
    .contact-hero__inner,
    .contact-final-cta__inner,
    .at-page-banner__inner,
    .atf-wrap
) {
    width: min(
        calc(100% - (var(--site-page-gutter) * 2)),
        var(--site-container-width)
    ) !important;
    max-width: var(--site-container-width) !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

/* Ana sayfa hero ve bölüm hizası */
html body .tour-main .tour-hero-wrap,
html body .tour-main .tour-wrap,
html body .tour-main .tour-layout-container {
    width: min(
        calc(100% - (var(--site-page-gutter) * 2)),
        var(--site-container-width)
    ) !important;
    max-width: var(--site-container-width) !important;
    margin-inline: auto !important;
}

/* Header aynı sol ve sağ çizgide */
html body .at-header {
    right: auto !important;
    left: 50% !important;
    width: min(
        calc(100% - (var(--site-page-gutter) * 2)),
        var(--site-container-width)
    ) !important;
    max-width: var(--site-container-width) !important;
    transform: translateX(-50%) !important;
}

html body .at-header__bar {
    width: 100% !important;
    max-width: none !important;
}

/* Hero iki kolonunun container dışına taşmasını önle */
html body .tour-main .tour-hero-grid {
    width: 100% !important;
    max-width: 100% !important;
    margin-inline: 0 !important;
}

html body .tour-main .tour-hero-copy,
html body .tour-main .tour-search,
html body .tour-main .tour-mini-grid {
    min-width: 0 !important;
}

@media (max-width: 1180px) {
    :root {
        --site-page-gutter: 20px;
    }
}

@media (max-width: 767px) {
    :root {
        --site-page-gutter: 16px;
    }

    html body .at-header {
        width: calc(100% - (var(--site-page-gutter) * 2)) !important;
    }
}

/* Ana sayfada son yüklenen dosya: eski genişlik kurallarını kesin olarak geçersiz kılar. */
html body.is-home .tour-main :where(.tour-wrap, .tour-layout-container, .tour-hero-wrap) {
    width: min(calc(100% - (var(--site-page-gutter) * 2)), var(--site-container-width)) !important;
    max-width: var(--site-container-width) !important;
    margin-inline: auto !important;
}

/* Header ve hero için tam ekran son katman */
@media (min-width: 1121px) {
    html body.is-home .at-header {
        left: 20px !important;
        right: 20px !important;
        width: auto !important;
        max-width: none !important;
        transform: none !important;
    }

    html body.is-home .tour-hero {
        width: 100% !important;
        max-width: none !important;
        min-height: 100svh !important;
    }

    html body.is-home .tour-main .tour-hero-wrap {
        width: calc(100% - 80px) !important;
        max-width: 1440px !important;
        min-height: 100svh !important;
    }

    html body.is-home .tour-main .tour-hero-grid {
        min-height: calc(100svh - 130px) !important;
        align-items: center !important;
    }
}

/* HEADER TÜM SAYFALARDA TAM EKRAN — SON ÖNCELİK */
@media (min-width: 1121px) {
    html body .at-header {
        left: 20px !important;
        right: 20px !important;
        width: auto !important;
        max-width: none !important;
        margin: 0 !important;
        transform: none !important;
    }
}

@media (min-width: 1600px) {
    html body .at-header {
        left: 28px !important;
        right: 28px !important;
    }
}

/* =========================================================
   ANA SAYFA HERO — FINAL MASAÜSTÜ / TABLET / MOBİL
   Bu dosya en son yüklendiği için önceki hero kurallarını ezer.
   ========================================================= */
@media (min-width: 1121px) {
    html body.is-home .tour-main .tour-hero {
        --ks27-hero-header-space: 112px !important;
        --ks27-hero-bottom-space: 28px !important;
        width: 100% !important;
        min-height: 820px !important;
        height: auto !important;
        padding: var(--ks27-hero-header-space) 0 var(--ks27-hero-bottom-space) !important;
        align-items: stretch !important;
    }

    html body.is-home .tour-main .tour-hero-wrap {
        width: min(1440px, calc(100% - 80px)) !important;
        max-width: 1440px !important;
        min-height: 680px !important;
        height: auto !important;
        grid-template-rows: auto 1fr !important;
        gap: 12px !important;
        align-content: center !important;
    }

    html body.is-home .tour-main .tour-hero-route-badge {
        min-height: 42px !important;
        padding: 8px 18px !important;
        margin: 0 0 -10px !important;
        border-radius: 13px !important;
        font-size: 12px !important;
    }

    html body.is-home .tour-main .tour-hero-grid {
        min-height: 0 !important;
        grid-template-columns: minmax(0, 1.38fr) minmax(390px, .72fr) !important;
        gap: clamp(44px, 5vw, 78px) !important;
        align-items: center !important;
    }

    html body.is-home .tour-main .tour-hero-copy {
        max-width: 820px !important;
        padding-top: 0 !important;
    }

    html body.is-home .tour-main .tour-hero-kicker {
        margin-bottom: 10px !important;
        font-size: clamp(14px, 1vw, 18px) !important;
    }

    html body.is-home .tour-main .tour-hero-title {
        max-width: 820px !important;
        font-size: clamp(52px, 4.1vw, 70px) !important;
        line-height: .94 !important;
    }

    html body.is-home .tour-main .tour-hero-desc {
        max-width: 600px !important;
        margin: 17px 0 !important;
        font-size: clamp(14px, 1vw, 17px) !important;
        line-height: 1.5 !important;
    }

    html body.is-home .tour-main .tour-hero-actions {
        gap: 14px !important;
        margin-bottom: 13px !important;
    }

    html body.is-home .tour-main .tour-hero-actions .tour-btn {
        min-height: 52px !important;
        padding-inline: 27px !important;
        font-size: 14px !important;
    }

    html body.is-home .tour-main .tour-hero-actions .tour-btn-primary {
        min-width: 235px !important;
    }

    html body.is-home .tour-main .tour-hero-actions .tour-btn-outline {
        min-width: 325px !important;
    }

    html body.is-home .tour-main .tour-benefits {
        margin-bottom: 14px !important;
    }

    html body.is-home .tour-main .tour-benefit-item {
        min-height: 40px !important;
        padding-inline: 22px !important;
        gap: 9px !important;
        font-size: 13px !important;
    }

    html body.is-home .tour-main .tour-benefit-icon {
        font-size: 20px !important;
    }

    html body.is-home .tour-main .tour-mini-grid {
        max-width: 760px !important;
        gap: 9px !important;
    }

    html body.is-home .tour-main .tour-mini-grid > * {
        height: 180px !important;
        max-height: 180px !important;
        border-radius: 14px !important;
    }

    html body.is-home .tour-main .tour-search {
        width: 100% !important;
        max-width: 430px !important;
        margin: 24px 0 0 !important;
        align-self: center !important;
    }

    html body.is-home .tour-main .tour-search-inner {
        padding: 22px !important;
        border-radius: 21px !important;
    }

    html body.is-home .tour-main .tour-search h2 {
        margin-bottom: 15px !important;
        font-size: clamp(27px, 1.8vw, 33px) !important;
    }

    html body.is-home .tour-main .tour-form-grid {
        gap: 10px !important;
    }

    html body.is-home .tour-main .tour-field-control {
        min-height: 52px !important;
    }

    html body.is-home .tour-main .tour-field-control select,
    html body.is-home .tour-main .tour-field-control input {
        min-height: 50px !important;
        font-size: 14px !important;
    }

    html body.is-home .tour-main .tour-people-btn {
        width: 42px !important;
        height: 42px !important;
    }

    html body.is-home .tour-main .tour-search-submit {
        min-height: 56px !important;
        margin-top: 14px !important;
        font-size: 18px !important;
    }

    html body.is-home .tour-main .tour-search-note {
        margin-top: 9px !important;
        font-size: 12px !important;
    }
}

@media (min-width: 1121px) and (max-height: 850px) {
    html body.is-home .tour-main .tour-hero {
        min-height: 760px !important;
        padding-top: 104px !important;
        padding-bottom: 20px !important;
    }

    html body.is-home .tour-main .tour-hero-wrap {
        min-height: 630px !important;
    }

    html body.is-home .tour-main .tour-hero-title {
        font-size: clamp(48px, 3.8vw, 62px) !important;
    }

    html body.is-home .tour-main .tour-mini-grid > * {
        height: 165px !important;
        max-height: 165px !important;
    }
}

@media (min-width: 768px) and (max-width: 1120px) {
    html body.is-home .tour-main .tour-hero {
        min-height: auto !important;
        padding-top: 100px !important;
        padding-bottom: 42px !important;
    }

    html body.is-home .tour-main .tour-hero-wrap {
        width: calc(100% - 40px) !important;
        min-height: 0 !important;
    }

    html body.is-home .tour-main .tour-hero-grid {
        grid-template-columns: 1fr !important;
        gap: 28px !important;
    }

    html body.is-home .tour-main .tour-search {
        max-width: 620px !important;
        justify-self: center !important;
        margin-top: 0 !important;
    }

    html body.is-home .tour-main .tour-mini-grid {
        max-width: 100% !important;
    }
}

@media (max-width: 767px) {
    html body.is-home .tour-main .tour-hero {
        min-height: auto !important;
        padding-top: 82px !important;
        padding-bottom: 30px !important;
    }

    html body.is-home .tour-main .tour-hero-wrap {
        width: calc(100% - 28px) !important;
        min-height: 0 !important;
        gap: 14px !important;
    }

    html body.is-home .tour-main .tour-hero-route-badge {
        justify-self: start !important;
        margin: 0 !important;
    }

    html body.is-home .tour-main .tour-hero-grid {
        grid-template-columns: 1fr !important;
        gap: 22px !important;
    }

    html body.is-home .tour-main .tour-hero-copy {
        max-width: none !important;
    }

    html body.is-home .tour-main .tour-search {
        width: 100% !important;
        max-width: none !important;
        margin: 0 !important;
    }
}

/* =========================================================
   ANTALYA TURLARI - HERO FINAL 2026
   Sadece ana sayfa hero ve rezervasyon formu
========================================================= */

html body.is-home .tour-main .tour-hero {
    min-height: 820px !important;
    height: auto !important;
    padding: 118px 0 34px !important;
    overflow: hidden !important;
}

html body.is-home .tour-main .tour-hero-wrap {
    width: min(calc(100% - (var(--site-page-gutter) * 2)), var(--site-container-width)) !important;
    max-width: var(--site-container-width) !important;
    margin-inline: auto !important;
    padding-inline: 0 !important;
}

html body.is-home .tour-main .tour-hero-route-badge {
    top: 86px !important;
    right: 0 !important;
    min-height: 42px !important;
    padding: 0 20px !important;
    border-radius: 14px !important;
    font-size: 13px !important;
    letter-spacing: .08em !important;
}

html body.is-home .tour-main .tour-hero-grid {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 420px !important;
    grid-template-areas:
        "copy search"
        "cards search" !important;
    column-gap: clamp(48px, 6vw, 104px) !important;
    row-gap: 28px !important;
    align-items: center !important;
}

html body.is-home .tour-main .tour-hero-copy {
    grid-area: copy !important;
    width: 100% !important;
    max-width: 760px !important;
    align-self: end !important;
}

html body.is-home .tour-main .tour-hero-kicker {
    margin-bottom: 14px !important;
    font-size: clamp(14px, 1.15vw, 19px) !important;
    letter-spacing: .16em !important;
}

html body.is-home .tour-main .tour-hero-title {
    margin: 0 0 16px !important;
    font-size: clamp(52px, 4.25vw, 74px) !important;
    line-height: .91 !important;
    letter-spacing: -.045em !important;
}

html body.is-home .tour-main .tour-hero-title strong {
    white-space: nowrap !important;
}

html body.is-home .tour-main .tour-hero-desc {
    max-width: 620px !important;
    margin: 0 0 22px !important;
    font-size: 16px !important;
    line-height: 1.6 !important;
}

html body.is-home .tour-main .tour-hero-actions {
    gap: 14px !important;
    margin-bottom: 18px !important;
}

html body.is-home .tour-main .tour-hero-actions .tour-btn {
    min-height: 52px !important;
    padding: 0 28px !important;
    border-radius: 12px !important;
    font-size: 14px !important;
}

html body.is-home .tour-main .tour-benefits {
    gap: 0 !important;
    margin: 0 !important;
}

html body.is-home .tour-main .tour-benefit-item {
    min-height: 42px !important;
    padding: 0 24px !important;
    font-size: 13px !important;
}

html body.is-home .tour-main .tour-benefit-item:first-child {
    padding-left: 0 !important;
}

html body.is-home .tour-main .tour-search {
    grid-area: search !important;
    width: 420px !important;
    max-width: 420px !important;
    margin: 32px 0 0 auto !important;
    align-self: center !important;
    border-radius: 24px !important;
    padding: 14px !important;
    background: linear-gradient(145deg, rgba(61, 176, 190, .58), rgba(4, 42, 63, .94)) !important;
    border: 1px solid rgba(255, 255, 255, .62) !important;
    box-shadow: 0 28px 70px rgba(0, 14, 32, .42), inset 0 1px 0 rgba(255,255,255,.18) !important;
    backdrop-filter: blur(20px) saturate(135%) !important;
}

html body.is-home .tour-main .tour-search-inner {
    padding: 24px !important;
    border-radius: 18px !important;
    background: rgba(4, 48, 66, .58) !important;
    border: 1px solid rgba(255, 255, 255, .56) !important;
}

html body.is-home .tour-main .tour-search h2 {
    margin: 0 0 18px !important;
    font-size: 30px !important;
    line-height: 1.08 !important;
    letter-spacing: -.025em !important;
    text-align: left !important;
}

html body.is-home .tour-main .tour-search h2::after {
    content: "2 dakikada turunu planla";
    display: block;
    margin-top: 7px;
    font-size: 12px;
    line-height: 1.4;
    font-weight: 600;
    letter-spacing: .02em;
    color: rgba(255,255,255,.72);
}

html body.is-home .tour-main .tour-form-grid {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 12px !important;
}

html body.is-home .tour-main .tour-field {
    min-width: 0 !important;
}

html body.is-home .tour-main .tour-field > label {
    display: block !important;
    margin: 0 0 6px !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    color: rgba(255,255,255,.82) !important;
}

html body.is-home .tour-main .tour-field-control {
    min-height: 54px !important;
    height: 54px !important;
    border-radius: 12px !important;
    border: 1px solid rgba(255,255,255,.48) !important;
    background: rgba(255,255,255,.08) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.08) !important;
}

html body.is-home .tour-main .tour-field-control:hover,
html body.is-home .tour-main .tour-field-control:focus-within {
    border-color: rgba(61, 223, 234, .95) !important;
    background: rgba(255,255,255,.12) !important;
}

html body.is-home .tour-main .tour-field-icon {
    left: 14px !important;
    width: 18px !important;
    height: 18px !important;
}

html body.is-home .tour-main .ks27-select-button,
html body.is-home .tour-main .tour-date-display {
    height: 52px !important;
    padding: 0 34px 0 42px !important;
    font-size: 12px !important;
    font-weight: 700 !important;
}

html body.is-home .tour-main .tour-people-control {
    display: grid !important;
    grid-template-columns: 38px 1fr 38px !important;
    align-items: center !important;
    gap: 8px !important;
    padding: 7px !important;
}

html body.is-home .tour-main .tour-people-btn {
    width: 38px !important;
    height: 38px !important;
    min-width: 38px !important;
    border-radius: 10px !important;
    font-size: 20px !important;
    font-weight: 800 !important;
    background: rgba(255,255,255,.88) !important;
    color: #062d40 !important;
    border: 0 !important;
    box-shadow: 0 5px 14px rgba(0,0,0,.16) !important;
}

html body.is-home .tour-main .tour-people-btn:hover {
    transform: translateY(-1px) !important;
    background: #fff !important;
}

html body.is-home .tour-main .tour-people-value {
    min-width: 0 !important;
    display: flex !important;
    justify-content: center !important;
    align-items: baseline !important;
    gap: 5px !important;
    white-space: nowrap !important;
}

html body.is-home .tour-main .tour-people-value strong {
    font-size: 15px !important;
}

html body.is-home .tour-main .tour-people-value span {
    font-size: 11px !important;
}

html body.is-home .tour-main .tour-search-submit {
    width: 100% !important;
    min-height: 54px !important;
    margin-top: 14px !important;
    border-radius: 12px !important;
    font-size: 16px !important;
    letter-spacing: .015em !important;
    box-shadow: 0 12px 26px rgba(255, 91, 65, .30) !important;
}

html body.is-home .tour-main .tour-search-note {
    margin: 10px 0 0 !important;
    font-size: 11px !important;
    opacity: .78 !important;
}

html body.is-home .tour-main .tour-mini-grid {
    grid-area: cards !important;
    width: 100% !important;
    max-width: 760px !important;
    margin: 0 !important;
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 12px !important;
    align-self: start !important;
}

html body.is-home .tour-main .tour-mini-grid .ks27-tour-card {
    min-width: 0 !important;
}

html body.is-home .tour-main .tour-trustbar {
    display: none !important;
}

@media (max-width: 1180px) {
    html body.is-home .tour-main .tour-hero {
        min-height: auto !important;
        padding-top: 106px !important;
    }

    html body.is-home .tour-main .tour-hero-grid {
        grid-template-columns: minmax(0, 1fr) 380px !important;
        column-gap: 34px !important;
    }

    html body.is-home .tour-main .tour-search {
        width: 380px !important;
        max-width: 380px !important;
    }

    html body.is-home .tour-main .tour-hero-title {
        font-size: clamp(46px, 5.6vw, 64px) !important;
    }
}

@media (max-width: 980px) {
    html body.is-home .tour-main .tour-hero {
        padding: 110px 0 44px !important;
    }

    html body.is-home .tour-main .tour-hero-wrap {
        width: min(calc(100% - 32px), 760px) !important;
    }

    html body.is-home .tour-main .tour-hero-route-badge {
        position: static !important;
        width: max-content !important;
        margin: 0 0 24px auto !important;
    }

    html body.is-home .tour-main .tour-hero-grid {
        grid-template-columns: 1fr !important;
        grid-template-areas:
            "copy"
            "search"
            "cards" !important;
        gap: 28px !important;
    }

    html body.is-home .tour-main .tour-hero-copy,
    html body.is-home .tour-main .tour-mini-grid {
        max-width: none !important;
    }

    html body.is-home .tour-main .tour-search {
        width: 100% !important;
        max-width: 620px !important;
        margin: 0 auto !important;
    }
}

@media (max-width: 680px) {
    html body.is-home .tour-main .tour-hero {
        padding: 92px 0 28px !important;
    }

    html body.is-home .tour-main .tour-hero-wrap {
        width: min(calc(100% - 24px), 560px) !important;
    }

    html body.is-home .tour-main .tour-hero-route-badge {
        display: none !important;
    }

    html body.is-home .tour-main .tour-hero-title {
        font-size: clamp(40px, 12vw, 54px) !important;
    }

    html body.is-home .tour-main .tour-hero-title strong {
        white-space: normal !important;
    }

    html body.is-home .tour-main .tour-hero-desc {
        font-size: 14px !important;
    }

    html body.is-home .tour-main .tour-hero-actions {
        display: grid !important;
        grid-template-columns: 1fr !important;
    }

    html body.is-home .tour-main .tour-benefits {
        display: grid !important;
        grid-template-columns: 1fr !important;
    }

    html body.is-home .tour-main .tour-benefit-item {
        padding: 7px 0 !important;
        border-right: 0 !important;
    }

    html body.is-home .tour-main .tour-search {
        padding: 8px !important;
        border-radius: 20px !important;
    }

    html body.is-home .tour-main .tour-search-inner {
        padding: 18px !important;
        border-radius: 15px !important;
    }

    html body.is-home .tour-main .tour-search h2 {
        font-size: 26px !important;
    }

    html body.is-home .tour-main .tour-form-grid {
        grid-template-columns: 1fr !important;
    }

    html body.is-home .tour-main .tour-mini-grid {
        grid-template-columns: 1fr !important;
    }
}

/* =========================================================
   ANA SAYFA POPÜLER TURLAR — HERO İLE AYNI DIŞ HİZA
   ========================================================= */
html body.is-home #populer-turlar > .tour-wrap.tour-layout-container {
    width: min(1360px, calc(100% - 8px)) !important;
    max-width: 1360px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

html body.is-home #populer-turlar .tour-popular-header,
html body.is-home #populer-turlar .tour-category-panel,
html body.is-home #populer-turlar .tour-cards {
    width: 100% !important;
    max-width: none !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
}

@media (max-width: 767px) {
    html body.is-home #populer-turlar > .tour-wrap.tour-layout-container {
        width: calc(100% - 24px) !important;
    }
}

/* =========================================================
   ANTALYA TURLARI — ANA SAYFA TEK GENİŞLİK SİSTEMİ / FINAL
   Hero içeriği, popüler turlar, CTA paneli, SSS, newsletter
   ve footer içeriğini aynı sağ-sol çizgiye getirir.
   ========================================================= */

html body.is-home {
    --site-container-width: 1360px;
    --site-page-gutter: 24px;
}

/* Ana sayfadaki tüm temel içerik kabukları */
html body.is-home :where(
    .tour-main .tour-hero-wrap,
    #populer-turlar > .tour-popular-shell,
    #populer-turlar > .tour-wrap.tour-layout-container,
    .tour-final-cta .tour-final-panel,
    #sss.tour-faq-dark,
    .atf-footer > .atf-wrap,
    .atf-footer .atf-bottom-inner
) {
    width: min(
        calc(100% - (var(--site-page-gutter) * 2)),
        var(--site-container-width)
    ) !important;
    max-width: var(--site-container-width) !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

/* Hero içeriği artık 1440px değil ortak 1360px hattını kullanır */
html body.is-home .tour-main .tour-hero-wrap {
    width: min(
        calc(100% - (var(--site-page-gutter) * 2)),
        var(--site-container-width)
    ) !important;
    max-width: var(--site-container-width) !important;
}

/* Popüler turlar */
html body.is-home #populer-turlar > :where(.tour-popular-shell, .tour-wrap.tour-layout-container) {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

/* Final CTA: dış görsel tam genişlikte kalır, kart ortak hatta oturur */
html body.is-home .tour-final-cta {
    width: 100% !important;
}

html body.is-home .tour-final-cta .tour-final-panel {
    box-sizing: border-box !important;
}

/* SSS: dış kart ortak hatta, iç içerik tam kart genişliğini kullanır */
html body.is-home #sss.tour-faq-dark {
    box-sizing: border-box !important;
}

html body.is-home #sss.tour-faq-dark > .faq-wrap {
    width: 100% !important;
    max-width: none !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: clamp(22px, 3vw, 42px) !important;
    padding-right: clamp(22px, 3vw, 42px) !important;
    box-sizing: border-box !important;
}

/* Footer ve newsletter tam aynı başlangıç/bitiş çizgisinde */
html body.is-home .atf-footer > .atf-wrap,
html body.is-home .atf-footer .atf-bottom-inner {
    box-sizing: border-box !important;
}

html body.is-home .atf-footer .atf-news,
html body.is-home .atf-footer .atf-grid {
    width: 100% !important;
    max-width: none !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
}

/* Bölümler arasında sağ/sol beyaz şerit oluşmasını önler */
html body.is-home .tour-main,
html body.is-home .tour-main-unified,
html body.is-home .atf-footer {
    width: 100% !important;
    max-width: none !important;
    overflow-x: clip !important;
}

/* Tablet */
@media (max-width: 1180px) {
    html body.is-home {
        --site-page-gutter: 20px;
    }
}

/* Mobil */
@media (max-width: 767px) {
    html body.is-home {
        --site-page-gutter: 12px;
    }

    html body.is-home :where(
        .tour-main .tour-hero-wrap,
        #populer-turlar > .tour-popular-shell,
        #populer-turlar > .tour-wrap.tour-layout-container,
        .tour-final-cta .tour-final-panel,
        #sss.tour-faq-dark,
        .atf-footer > .atf-wrap,
        .atf-footer .atf-bottom-inner
    ) {
        width: calc(100% - (var(--site-page-gutter) * 2)) !important;
    }

    html body.is-home #sss.tour-faq-dark > .faq-wrap {
        padding-left: 12px !important;
        padding-right: 12px !important;
    }
}

/* Çok küçük telefonlar */
@media (max-width: 390px) {
    html body.is-home {
        --site-page-gutter: 9px;
    }
}


/* =========================================================
   ANTALYA TURLARI — MOBİL HEADER / HAMBURGER KESİN FIX V2
   Önemli: Hamburger butonu .at-header__actions içinde bulunduğu
   için parent alan gizlenmez. Sadece masaüstü elemanları kapatılır.
   ========================================================= */

@media (max-width: 767px) {

    html body .at-header,
    html body.is-home .at-header {
        position: fixed !important;
        top: 7px !important;
        right: 8px !important;
        left: 8px !important;
        width: auto !important;
        max-width: none !important;
        min-width: 0 !important;
        height: 64px !important;
        min-height: 64px !important;
        margin: 0 !important;
        transform: none !important;
        z-index: 99990 !important;
        overflow: visible !important;
    }

    html body .at-header.is-scrolled,
    html body.is-home .at-header.is-scrolled {
        top: 5px !important;
    }

    html body .at-header__bar,
    html body.is-home .at-header__bar {
        position: relative !important;
        width: 100% !important;
        max-width: none !important;
        min-width: 0 !important;
        height: 64px !important;
        min-height: 64px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
        gap: 10px !important;
        padding: 0 10px 0 12px !important;
        border-radius: 15px !important;
        overflow: visible !important;
        box-sizing: border-box !important;
    }

    html body .at-header__logo,
    html body.is-home .at-header__logo {
        display: flex !important;
        align-items: center !important;
        flex: 1 1 auto !important;
        width: auto !important;
        max-width: calc(100% - 58px) !important;
        min-width: 0 !important;
        margin: 0 !important;
        overflow: hidden !important;
    }

    html body .at-header__logo img,
    html body.is-home .at-header__logo img {
        display: block !important;
        width: min(198px, 64vw) !important;
        max-width: 100% !important;
        height: 54px !important;
        max-height: 54px !important;
        object-fit: contain !important;
        object-position: left center !important;
    }

    /* Desktop menü gizlenir */
    html body .at-header__nav,
    html body.is-home .at-header__nav {
        display: none !important;
    }

    /*
     * Hamburger bu parent içinde bulunabilir.
     * Bu nedenle .at-header__actions kesinlikle display:none yapılmaz.
     */
    html body .at-header__actions,
    html body.is-home .at-header__actions {
        position: relative !important;
        display: flex !important;
        align-items: center !important;
        justify-content: flex-end !important;
        flex: 0 0 auto !important;
        width: auto !important;
        min-width: 42px !important;
        height: 42px !important;
        margin: 0 !important;
        padding: 0 !important;
        overflow: visible !important;
        visibility: visible !important;
        opacity: 1 !important;
        z-index: 99998 !important;
    }

    /* Actions içindeki masaüstü elemanlarını gizle, hamburgeri koru */
    html body .at-header__actions > :not(.at-header__menu-button),
    html body.is-home .at-header__actions > :not(.at-header__menu-button) {
        display: none !important;
    }

    html body .at-header__menu-button,
    html body.is-home .at-header__menu-button {
        position: relative !important;
        inset: auto !important;
        flex: 0 0 42px !important;
        width: 42px !important;
        min-width: 42px !important;
        max-width: 42px !important;
        height: 42px !important;
        min-height: 42px !important;
        max-height: 42px !important;
        display: inline-flex !important;
        flex-direction: column !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 5px !important;
        margin: 0 !important;
        padding: 0 !important;
        border-radius: 12px !important;
        visibility: visible !important;
        opacity: 1 !important;
        pointer-events: auto !important;
        transform: none !important;
        z-index: 99999 !important;
    }

    /* Hamburger çizgileri span, i veya pseudo-element olabilir */
    html body .at-header__menu-button span,
    html body .at-header__menu-button i,
    html body.is-home .at-header__menu-button span,
    html body.is-home .at-header__menu-button i {
        display: block !important;
        width: 20px !important;
        min-width: 20px !important;
        height: 2px !important;
        min-height: 2px !important;
        margin: 0 !important;
        border-radius: 999px !important;
        background: currentColor !important;
        opacity: 1 !important;
        visibility: visible !important;
    }

    html body .at-header__menu-button::before,
    html body .at-header__menu-button::after,
    html body.is-home .at-header__menu-button::before,
    html body.is-home .at-header__menu-button::after {
        display: block !important;
        width: 20px !important;
        height: 2px !important;
        border-radius: 999px !important;
        background: currentColor !important;
        opacity: 1 !important;
        visibility: visible !important;
    }

    html body .at-mobile-menu,
    html body.is-home .at-mobile-menu {
        z-index: 100000 !important;
    }

    html body .at-mobile-overlay,
    html body.is-home .at-mobile-overlay {
        z-index: 99995 !important;
    }

    html body.is-home .ks27x-hero,
    html body.is-home .ks27-home-hero {
        padding-top: 86px !important;
    }
}

@media (max-width: 390px) {
    html body .at-header,
    html body.is-home .at-header {
        right: 6px !important;
        left: 6px !important;
    }

    html body .at-header__logo img,
    html body.is-home .at-header__logo img {
        width: min(182px, 62vw) !important;
        height: 50px !important;
        max-height: 50px !important;
    }

    html body .at-header__actions,
    html body.is-home .at-header__actions,
    html body .at-header__menu-button,
    html body.is-home .at-header__menu-button {
        min-width: 40px !important;
        width: 40px !important;
        height: 40px !important;
        min-height: 40px !important;
    }
}