@charset "UTF-8";

/* =========================================================
   ANTALYA TURLARI — ORTAK SAYFA GENİŞLİĞİ / STABİL FINAL
   Bu dosya yalnızca container, yatay hizalama ve taşmayı yönetir.
   Header konumu ve mobil menü kesinlikle burada yönetilmez.
   ========================================================= */

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

html,
body {
    width: 100%;
    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,
    .atf-bottom-inner,
    .ks27-vip__shell
) {
    width: min(
        calc(100% - (var(--site-page-gutter) * 2)),
        var(--site-container-width)
    ) !important;
    max-width: var(--site-container-width) !important;
    min-width: 0 !important;
    margin-right: auto !important;
    margin-left: auto !important;
    box-sizing: border-box !important;
}

/* Ana içerik bloklarında güvenli genişlik */
html body :where(
    main,
    .tour-main,
    .tour-main-unified,
    .ks27-vip,
    .atf-footer
) {
    width: 100%;
    max-width: none;
    min-width: 0;
}

/* Eski hero grid yapılarında taşmayı önle */
html body :where(
    .tour-main .tour-hero-grid,
    .ks27x-hero__grid,
    .ks27-vip__hero-grid
) {
    width: 100%;
    max-width: 100%;
    min-width: 0;
}

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

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

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