@charset "UTF-8";

/* =========================================================
   ANTALYA TURLARI — İÇ SAYFALAR ORTAK HERO STANDARDI
   Ana sayfayı etkilemez.
   Desktop: 390px | Tablet: 380px | Mobil: 390px
   ========================================================= */

:root {
    --ks27-inner-hero-desktop: 390px;
    --ks27-inner-hero-tablet: 380px;
    --ks27-inner-hero-mobile: 390px;
}

/* -------------------------
   ORTAK HERO YÜKSEKLİKLERİ
   ------------------------- */
@media (min-width: 1101px) {
    .contact-hero,
    .ks27-blog-hero,
    .ks27-article-hero,
    .route-hero,
    .tour-hero.tour-hero--detail,
    .ks27-cp-hero.ks27-cp-hero--index-style {
        min-height: var(--ks27-inner-hero-desktop) !important;
        height: var(--ks27-inner-hero-desktop) !important;
        max-height: var(--ks27-inner-hero-desktop) !important;
    }
}

@media (min-width: 761px) and (max-width: 1100px) {
    .contact-hero,
    .ks27-blog-hero,
    .ks27-article-hero,
    .route-hero,
    .tour-hero.tour-hero--detail,
    .ks27-cp-hero.ks27-cp-hero--index-style {
        min-height: var(--ks27-inner-hero-tablet) !important;
        height: var(--ks27-inner-hero-tablet) !important;
        max-height: var(--ks27-inner-hero-tablet) !important;
    }
}

@media (max-width: 760px) {
    .contact-hero,
    .ks27-blog-hero,
    .ks27-article-hero,
    .route-hero,
    .tour-hero.tour-hero--detail,
    .ks27-cp-hero.ks27-cp-hero--index-style {
        min-height: var(--ks27-inner-hero-mobile) !important;
        height: auto !important;
        max-height: none !important;
    }
}

/* -------------------------
   İLETİŞİM
   ------------------------- */
@media (min-width: 1101px) {
    .contact-hero__inner {
        min-height: 390px !important;
        padding-top: 72px !important;
        padding-bottom: 44px !important;
    }

    .contact-hero__content h1 {
        margin-top: 8px !important;
    }

    .contact-hero__panel {
        max-height: 292px !important;
        padding: 22px !important;
    }
}

@media (min-width: 761px) and (max-width: 1100px) {
    .contact-hero__inner {
        min-height: 380px !important;
        padding-top: 68px !important;
        padding-bottom: 42px !important;
    }
}

@media (max-width: 760px) {
    .contact-hero__inner {
        min-height: 390px !important;
        padding-top: 88px !important;
        padding-bottom: 34px !important;
    }
}

/* -------------------------
   BLOG / GALERİ / VİDEO
   ------------------------- */
@media (min-width: 1101px) {
    .ks27-blog-hero__inner,
    .ks27-article-hero__inner {
        min-height: 390px !important;
        padding-top: 72px !important;
        padding-bottom: 46px !important;
    }

    .ks27-blog-hero__content,
    .ks27-article-hero__content {
        max-width: 760px !important;
    }

    .ks27-blog-hero h1,
    .ks27-article-hero h1 {
        font-size: clamp(44px, 4.2vw, 64px) !important;
        line-height: 1 !important;
    }

    .ks27-blog-hero__content > p,
    .ks27-article-hero__content > p {
        margin-top: 15px !important;
        font-size: 16px !important;
        line-height: 1.5 !important;
    }

    .ks27-blog-stats {
        margin-top: 18px !important;
    }
}

@media (min-width: 761px) and (max-width: 1100px) {
    .ks27-blog-hero__inner,
    .ks27-article-hero__inner {
        min-height: 380px !important;
        padding-top: 68px !important;
        padding-bottom: 42px !important;
    }
}

@media (max-width: 760px) {
    .ks27-blog-hero__inner,
    .ks27-article-hero__inner {
        min-height: 390px !important;
        padding-top: 86px !important;
        padding-bottom: 32px !important;
    }

    .ks27-blog-stats {
        display: none !important;
    }

    .ks27-blog-hero h1,
    .ks27-article-hero h1 {
        font-size: clamp(36px, 10vw, 48px) !important;
    }
}

/* -------------------------
   ROTA DETAY
   ------------------------- */
.route-hero {
    position: relative;
    overflow: hidden;
}

.route-hero__image {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

@media (min-width: 1101px) {
    .route-hero__inner {
        min-height: 390px !important;
        padding-top: 72px !important;
        padding-bottom: 46px !important;
    }

    .route-hero__content {
        max-width: 720px !important;
    }

    .route-hero h1 {
        font-size: clamp(46px, 4.4vw, 66px) !important;
        line-height: 1 !important;
    }

    .route-hero__content > p {
        margin-top: 15px !important;
        font-size: 16px !important;
        line-height: 1.5 !important;
    }

    .route-hero__actions {
        margin-top: 20px !important;
    }
}

@media (min-width: 761px) and (max-width: 1100px) {
    .route-hero__inner {
        min-height: 380px !important;
        padding-top: 68px !important;
        padding-bottom: 42px !important;
    }
}

@media (max-width: 760px) {
    .route-hero__inner {
        min-height: 390px !important;
        padding-top: 86px !important;
        padding-bottom: 32px !important;
    }

    .route-hero h1 {
        font-size: clamp(36px, 10vw, 48px) !important;
    }
}

/* -------------------------
   TUR DETAY
   ------------------------- */
.tour-hero.tour-hero--detail {
    position: relative;
    overflow: hidden;
}

.tour-hero__media,
.tour-hero__image {
    width: 100%;
    height: 100%;
}

.tour-hero__image {
    object-fit: cover;
}

@media (min-width: 1101px) {
    .tour-hero__layout {
        min-height: 390px !important;
        align-items: center !important;
        padding-top: 68px !important;
        padding-bottom: 38px !important;
    }

    .tour-hero__content {
        max-width: 760px !important;
    }

    .tour-hero h1 {
        font-size: clamp(42px, 4vw, 60px) !important;
        line-height: 1 !important;
    }

    .tour-hero__lead {
        margin-top: 12px !important;
        font-size: 15px !important;
        line-height: 1.45 !important;
    }

    .tour-hero__trust {
        margin-top: 16px !important;
    }

    .tour-booking-card {
        max-height: 320px !important;
        padding: 20px !important;
        overflow: auto !important;
    }

    .tour-booking-card ul {
        margin-top: 10px !important;
        margin-bottom: 10px !important;
    }

    .tour-booking-card li {
        min-height: 28px !important;
    }

    .tour-booking-card .tour-btn {
        min-height: 44px !important;
    }
}

@media (min-width: 761px) and (max-width: 1100px) {
    .tour-hero__layout {
        min-height: 380px !important;
        padding-top: 66px !important;
        padding-bottom: 36px !important;
    }

    .tour-booking-card {
        max-height: 310px !important;
        overflow: auto !important;
    }
}

@media (max-width: 760px) {
    .tour-hero.tour-hero--detail {
        min-height: 390px !important;
        height: auto !important;
    }

    .tour-hero__layout {
        min-height: 390px !important;
        padding-top: 86px !important;
        padding-bottom: 30px !important;
    }

    .tour-booking-card {
        max-height: none !important;
        overflow: visible !important;
    }
}

/* -------------------------
   KURUMSAL SAYFALAR
   ------------------------- */
@media (min-width: 1101px) {
    .ks27-cp-hero.ks27-cp-hero--index-style {
        min-height: 390px !important;
        height: 390px !important;
        max-height: 390px !important;
    }

    .ks27-cp-hero.ks27-cp-hero--index-style .ks27-cp-hero__inner {
        min-height: 390px !important;
        padding-top: 68px !important;
        padding-bottom: 44px !important;
    }
}

@media (min-width: 761px) and (max-width: 1100px) {
    .ks27-cp-hero.ks27-cp-hero--index-style {
        min-height: 380px !important;
        height: 380px !important;
        max-height: 380px !important;
    }

    .ks27-cp-hero.ks27-cp-hero--index-style .ks27-cp-hero__inner {
        min-height: 380px !important;
        padding-top: 66px !important;
        padding-bottom: 40px !important;
    }
}

@media (max-width: 760px) {
    .ks27-cp-hero.ks27-cp-hero--index-style {
        min-height: 390px !important;
    }

    .ks27-cp-hero.ks27-cp-hero--index-style .ks27-cp-hero__inner {
        min-height: 390px !important;
        padding-top: 84px !important;
        padding-bottom: 30px !important;
    }
}


/* =========================================================
   İÇ SAYFALAR HERO — TEK TİP GÖRÜNÜM FINAL V2
   Ana sayfayı etkilemez.
   Galeri, video, blog, iletişim, kurumsal ve detay sayfaları
   aynı yükseklik ve içerik hizasını kullanır.
   ========================================================= */

/* Ortak masaüstü container ve içerik hizası */
@media (min-width: 1101px) {
    .contact-hero__inner,
    .ks27-blog-hero__inner,
    .ks27-article-hero__inner,
    .route-hero__inner,
    .tour-hero__layout,
    .ks27-cp-hero.ks27-cp-hero--index-style .ks27-cp-hero__inner {
        width: min(1360px, calc(100% - 48px)) !important;
        max-width: 1360px !important;
        min-height: 390px !important;
        height: 390px !important;
        margin-inline: auto !important;
        padding-top: 64px !important;
        padding-bottom: 42px !important;
        align-content: center !important;
    }

    .ks27-blog-breadcrumb,
    .ks27-article-breadcrumb,
    .tour-breadcrumb,
    .route-breadcrumb,
    .ks27-cp-breadcrumb {
        margin-bottom: 16px !important;
    }

    .ks27-blog-hero__content,
    .ks27-article-hero__content,
    .route-hero__content,
    .tour-hero__content,
    .ks27-cp-hero__content {
        max-width: 720px !important;
        transform: none !important;
    }

    .ks27-blog-hero h1,
    .ks27-article-hero h1,
    .route-hero h1,
    .tour-hero h1,
    .ks27-cp-hero h1 {
        font-size: clamp(44px, 4.2vw, 64px) !important;
        line-height: 1 !important;
        letter-spacing: -.04em !important;
    }

    .ks27-blog-hero__content > p,
    .ks27-article-hero__content > p,
    .route-hero__content > p,
    .tour-hero__content > p,
    .ks27-cp-hero__content > p {
        max-width: 680px !important;
        margin-top: 14px !important;
        font-size: 16px !important;
        line-height: 1.5 !important;
    }
}

/* Galeri ve video: Rotalar/Hakkımızda gibi sade hero */
.atg-shared-hero .ks27-blog-stats,
.atv-shared-hero .ks27-blog-stats {
    display: none !important;
}

.atg-shared-hero .ks27-blog-hero__inner,
.atv-shared-hero .ks27-blog-hero__inner {
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
}

.atg-shared-hero .ks27-blog-hero__content,
.atv-shared-hero .ks27-blog-hero__content {
    margin: 0 !important;
}

/* Hero sonrasındaki alanlar aynı çizgiden başlar */
.atg-content-section,
.atv-video-content-section,
.ks27-blog-content,
.contact-content {
    margin-top: 0 !important;
    padding-top: 64px !important;
}

.atg-intro,
.atv-video-content-head {
    margin-top: 0 !important;
    transform: none !important;
}

/* Galeri kartı hero üzerine binmesin */
.atg-intro {
    position: relative !important;
    top: auto !important;
    margin-bottom: 42px !important;
}

/* Video başlığı galeri ile aynı dikey aralıkta */
.atv-video-content-head {
    margin-bottom: 32px !important;
}

/* Tablet */
@media (min-width: 761px) and (max-width: 1100px) {
    .contact-hero__inner,
    .ks27-blog-hero__inner,
    .ks27-article-hero__inner,
    .route-hero__inner,
    .tour-hero__layout,
    .ks27-cp-hero.ks27-cp-hero--index-style .ks27-cp-hero__inner {
        width: min(920px, calc(100% - 40px)) !important;
        min-height: 380px !important;
        height: 380px !important;
        margin-inline: auto !important;
        padding-top: 62px !important;
        padding-bottom: 40px !important;
    }

    .atg-content-section,
    .atv-video-content-section,
    .ks27-blog-content,
    .contact-content {
        padding-top: 52px !important;
    }
}

/* Mobil */
@media (max-width: 760px) {
    .contact-hero__inner,
    .ks27-blog-hero__inner,
    .ks27-article-hero__inner,
    .route-hero__inner,
    .tour-hero__layout,
    .ks27-cp-hero.ks27-cp-hero--index-style .ks27-cp-hero__inner {
        width: calc(100% - 24px) !important;
        min-height: 390px !important;
        height: auto !important;
        margin-inline: auto !important;
        padding-top: 84px !important;
        padding-bottom: 30px !important;
    }

    .atg-content-section,
    .atv-video-content-section,
    .ks27-blog-content,
    .contact-content {
        padding-top: 42px !important;
    }

    .atg-intro {
        margin-bottom: 28px !important;
    }
}



/* =========================================================
   ANTALYA TURLARI — ALL INNER HERO STANDARD FINAL 2026
   Ana sayfa hero'sunu etkilemez.
   Hakkımızda / Blog / Video / Galeri / içerik hero standardı.
   ========================================================= */

:root{
    --ks27-final-hero-desktop:390px;
    --ks27-final-hero-tablet:380px;
    --ks27-final-hero-mobile:390px;

    --ks27-final-hero-container:1360px;
    --ks27-final-hero-copy:760px;

    --ks27-final-title-desktop:56px;
    --ks27-final-title-tablet:48px;
    --ks27-final-title-mobile:5.55vw;
}

/* HERO KUTUSU */
.ks27-blog-hero,
.ks27-article-hero,
.ks27-cp-hero.ks27-cp-hero--index-style,
.contact-hero,
.route-hero,
.tour-hero.tour-hero--detail{
    box-sizing:border-box!important;
    overflow:hidden!important;
}

/* İÇ CONTAINER */
.ks27-blog-hero__inner,
.ks27-article-hero__inner,
.ks27-cp-hero.ks27-cp-hero--index-style .ks27-cp-hero__inner,
.contact-hero__inner,
.route-hero__inner,
.tour-hero__layout{
    box-sizing:border-box!important;
    width:min(var(--ks27-final-hero-container),calc(100% - 48px))!important;
    max-width:var(--ks27-final-hero-container)!important;
    margin-inline:auto!important;

    display:flex!important;
    flex-direction:column!important;
    justify-content:center!important;
    align-items:flex-start!important;
}

/* COPY WIDTH */
.ks27-blog-hero__content,
.ks27-article-hero__content,
.ks27-cp-hero__content,
.contact-hero__content,
.route-hero__content,
.tour-hero__content{
    width:100%!important;
    max-width:var(--ks27-final-hero-copy)!important;
    margin:0!important;
    transform:none!important;
}

/* BREADCRUMB */
.ks27-blog-breadcrumb,
.ks27-article-breadcrumb,
.ks27-cp-breadcrumb,
.contact-breadcrumb,
.route-breadcrumb,
.tour-breadcrumb{
    margin:0 0 16px!important;
    font-family:inherit!important;
    font-size:13px!important;
    line-height:1.2!important;
    font-weight:600!important;
    white-space:nowrap!important;
}

/* EYEBROW */
.ks27-blog-eyebrow,
.ks27-cp-eyebrow,
.contact-eyebrow,
.route-eyebrow,
.tour-eyebrow{
    margin:0 0 9px!important;
    font-family:inherit!important;
    font-size:12px!important;
    line-height:1.2!important;
    font-weight:850!important;
    letter-spacing:.13em!important;
    text-transform:uppercase!important;
}

/* TÜM H1 — AYNI KARAKTER */
.ks27-blog-hero h1,
.ks27-article-hero h1,
.ks27-cp-hero h1,
.contact-hero h1,
.route-hero h1,
.tour-hero h1{
    width:auto!important;
    max-width:100%!important;
    margin:0!important;

    font-family:inherit!important;
    font-size:var(--ks27-final-title-desktop)!important;
    line-height:1!important;
    font-weight:800!important;
    letter-spacing:-.04em!important;

    white-space:nowrap!important;
    word-break:normal!important;
    overflow-wrap:normal!important;
    hyphens:none!important;
}

/* TÜM AÇIKLAMA — AYNI KARAKTER */
.ks27-blog-hero__content > p,
.ks27-article-hero__content > p,
.ks27-cp-hero__content > p,
.contact-hero__content > p,
.route-hero__content > p,
.tour-hero__content > p{
    width:100%!important;
    max-width:690px!important;
    margin:14px 0 0!important;

    font-family:inherit!important;
    font-size:16px!important;
    line-height:1.5!important;
    font-weight:400!important;
}

/* DESKTOP */
@media (min-width:1101px){
    .ks27-blog-hero,
    .ks27-article-hero,
    .ks27-cp-hero.ks27-cp-hero--index-style,
    .contact-hero,
    .route-hero,
    .tour-hero.tour-hero--detail{
        min-height:var(--ks27-final-hero-desktop)!important;
        height:var(--ks27-final-hero-desktop)!important;
        max-height:var(--ks27-final-hero-desktop)!important;
        padding:0!important;
    }

    .ks27-blog-hero__inner,
    .ks27-article-hero__inner,
    .ks27-cp-hero.ks27-cp-hero--index-style .ks27-cp-hero__inner,
    .contact-hero__inner,
    .route-hero__inner,
    .tour-hero__layout{
        min-height:var(--ks27-final-hero-desktop)!important;
        height:var(--ks27-final-hero-desktop)!important;
        padding-top:58px!important;
        padding-bottom:42px!important;
    }
}

/* TABLET */
@media (min-width:761px) and (max-width:1100px){
    .ks27-blog-hero,
    .ks27-article-hero,
    .ks27-cp-hero.ks27-cp-hero--index-style,
    .contact-hero,
    .route-hero,
    .tour-hero.tour-hero--detail{
        min-height:var(--ks27-final-hero-tablet)!important;
        height:var(--ks27-final-hero-tablet)!important;
        max-height:var(--ks27-final-hero-tablet)!important;
        padding:0!important;
    }

    .ks27-blog-hero__inner,
    .ks27-article-hero__inner,
    .ks27-cp-hero.ks27-cp-hero--index-style .ks27-cp-hero__inner,
    .contact-hero__inner,
    .route-hero__inner,
    .tour-hero__layout{
        width:min(920px,calc(100% - 40px))!important;
        min-height:var(--ks27-final-hero-tablet)!important;
        height:var(--ks27-final-hero-tablet)!important;
        padding-top:58px!important;
        padding-bottom:38px!important;
    }

    .ks27-blog-hero h1,
    .ks27-article-hero h1,
    .ks27-cp-hero h1,
    .contact-hero h1,
    .route-hero h1,
    .tour-hero h1{
        font-size:var(--ks27-final-title-tablet)!important;
    }

    .ks27-blog-hero__content > p,
    .ks27-article-hero__content > p,
    .ks27-cp-hero__content > p,
    .contact-hero__content > p,
    .route-hero__content > p,
    .tour-hero__content > p{
        font-size:15px!important;
    }
}

/* MOBILE */
@media (max-width:760px){
    .ks27-blog-hero,
    .ks27-article-hero,
    .ks27-cp-hero.ks27-cp-hero--index-style,
    .contact-hero,
    .route-hero,
    .tour-hero.tour-hero--detail{
        min-height:var(--ks27-final-hero-mobile)!important;
        height:var(--ks27-final-hero-mobile)!important;
        max-height:var(--ks27-final-hero-mobile)!important;
        padding:0!important;
    }

    .ks27-blog-hero__inner,
    .ks27-article-hero__inner,
    .ks27-cp-hero.ks27-cp-hero--index-style .ks27-cp-hero__inner,
    .contact-hero__inner,
    .route-hero__inner,
    .tour-hero__layout{
        width:calc(100% - 28px)!important;
        min-height:var(--ks27-final-hero-mobile)!important;
        height:var(--ks27-final-hero-mobile)!important;
        padding-top:72px!important;
        padding-bottom:28px!important;
    }

    .ks27-blog-breadcrumb,
    .ks27-article-breadcrumb,
    .ks27-cp-breadcrumb,
    .contact-breadcrumb,
    .route-breadcrumb,
    .tour-breadcrumb{
        margin-bottom:14px!important;
        font-size:11px!important;
    }

    .ks27-blog-eyebrow,
    .ks27-cp-eyebrow,
    .contact-eyebrow,
    .route-eyebrow,
    .tour-eyebrow{
        margin-bottom:7px!important;
        font-size:10px!important;
        letter-spacing:.10em!important;
    }

    /*
     * Ortak başlık karakteri + tek satır.
     * Uzun Blog/Video/Galeri başlıkları dahil 320px'e kadar
     * kontrollü küçülür.
     */
    .ks27-blog-hero h1,
    .ks27-article-hero h1,
    .ks27-cp-hero h1,
    .contact-hero h1,
    .route-hero h1,
    .tour-hero h1{
        font-size:clamp(17px,var(--ks27-final-title-mobile),28px)!important;
        line-height:1.05!important;
        letter-spacing:-.035em!important;
        white-space:nowrap!important;
    }

    .ks27-blog-hero__content > p,
    .ks27-article-hero__content > p,
    .ks27-cp-hero__content > p,
    .contact-hero__content > p,
    .route-hero__content > p,
    .tour-hero__content > p{
        max-width:100%!important;
        margin-top:12px!important;
        font-size:13px!important;
        line-height:1.45!important;
    }
}

/* =========================================================
   MOBILE INNER HERO — FINAL ALIGNMENT V2
   Kurumsal / Blog / Video / Galeri iç hero mobil çizgisi.
   ========================================================= */
@media (max-width: 760px) {
    .ks27-blog-hero__inner,
    .ks27-article-hero__inner,
    .ks27-cp-hero.ks27-cp-hero--index-style .ks27-cp-hero__inner,
    .contact-hero__inner,
    .route-hero__inner,
    .tour-hero__layout {
        padding-top: 72px !important;
        padding-bottom: 28px !important;
    }

    .ks27-blog-hero__content,
    .ks27-article-hero__content,
    .ks27-cp-hero__content,
    .contact-hero__content,
    .route-hero__content,
    .tour-hero__content {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
    }

    .ks27-blog-hero__actions,
    .ks27-cp-hero__actions,
    .contact-hero__actions,
    .route-hero__actions,
    .tour-hero__actions {
        width: 100% !important;
    }
}


/* =========================================================
   İLETİŞİM DESKTOP HERO — FINAL FIX
   Mobil kurallara dokunmaz.
   Ortak hero standardının contact grid yapısını bozmasını engeller.
   ========================================================= */
@media (min-width: 1101px) {

    .contact-hero {
        min-height: 390px !important;
        height: 390px !important;
        max-height: 390px !important;
        overflow: visible !important;
    }

    .contact-hero__inner {
        width: min(1360px, calc(100% - 48px)) !important;
        max-width: 1360px !important;
        min-height: 390px !important;
        height: 390px !important;
        margin-inline: auto !important;

        display: grid !important;
        grid-template-columns: minmax(0, 1fr) 340px !important;
        grid-template-rows: 1fr !important;
        align-items: center !important;
        justify-content: stretch !important;
        gap: 54px !important;

        padding: 42px 0 48px !important;
    }

    .contact-hero__content {
        width: 100% !important;
        max-width: 760px !important;
        min-width: 0 !important;
        align-self: center !important;
        margin: 0 !important;
        transform: none !important;
    }

    .contact-breadcrumb {
        margin: 0 0 14px !important;
    }

    .contact-hero .contact-eyebrow {
        margin: 0 0 8px !important;
    }

    .contact-hero h1 {
        width: auto !important;
        max-width: 100% !important;
        margin: 0 !important;
        font-size: 56px !important;
        line-height: 1 !important;
        white-space: nowrap !important;
    }

    .contact-hero__content > p {
        max-width: 690px !important;
        margin: 13px 0 0 !important;
        font-size: 16px !important;
        line-height: 1.5 !important;
    }

    .contact-hero__actions {
        display: flex !important;
        flex-direction: row !important;
        align-items: center !important;
        flex-wrap: nowrap !important;
        gap: 10px !important;
        margin-top: 17px !important;
    }

    .contact-hero__actions .contact-action {
        width: auto !important;
        min-height: 46px !important;
        margin: 0 !important;
        padding-inline: 18px !important;
    }

    .contact-hero__panel {
        display: block !important;
        position: static !important;
        width: 100% !important;
        max-width: 340px !important;
        min-width: 0 !important;
        max-height: 278px !important;
        align-self: center !important;

        margin: 0 !important;
        padding: 18px 20px !important;
        overflow: hidden !important;

        border-radius: 18px !important;
        transform: none !important;
    }

    .contact-hero__panel-kicker {
        margin-bottom: 11px !important;
        font-size: 11px !important;
    }

    .contact-hero__panel-list {
        gap: 5px !important;
        margin: 0 !important;
    }

    .contact-hero__panel-list li {
        font-size: 12px !important;
        line-height: 1.35 !important;
    }

    .contact-hero__panel-status {
        margin-top: 11px !important;
        padding: 9px 11px !important;
        font-size: 11px !important;
    }

    .contact-hero__panel > a {
        min-height: 40px !important;
        margin-top: 8px !important;
        padding: 0 12px !important;
        font-size: 11px !important;
    }

    /* Hızlı iletişim kartları hero alt sınırına kontrollü taşar */
    .contact-quick {
        position: relative !important;
        z-index: 6 !important;
        margin-top: -34px !important;
    }
}


/* =========================================================
   TÜM İÇ SAYFALAR — MOBILE HERO TOP GAP FINAL
   Amaç:
   - Mobil hero üst boşluğu tüm sayfalarda aynı
   - Breadcrumb tepeye yakın başlar
   - Eyebrow / H1 / açıklama aralıkları standart
   - Desktop/tablet etkilenmez
   ========================================================= */
@media (max-width: 760px){

    /* COMMON / CORPORATE / BLOG / VIDEO / GALLERY / CONTACT */
    .ks27-blog-hero__inner,
    .ks27-article-hero__inner,
    .ks27-cp-hero.ks27-cp-hero--index-style .ks27-cp-hero__inner,
    .contact-hero__inner,
    .route-hero__inner,
    .tour-hero__layout,
    .ks27-listing__hero .ks27-listing__container,
    .ks27-vipx__hero .ks27-vipx__shell{
        justify-content:flex-start!important;
        padding-top:18px!important;
        padding-bottom:22px!important;
    }

    /* Breadcrumb starts from same vertical line */
    .ks27-blog-breadcrumb,
    .ks27-article-breadcrumb,
    .ks27-cp-breadcrumb,
    .contact-breadcrumb,
    .route-breadcrumb,
    .tour-breadcrumb,
    .ks27-listing__breadcrumb,
    .ks27-vipx__breadcrumb{
        margin-top:0!important;
        margin-bottom:12px!important;
    }

    /* Eyebrow spacing */
    .ks27-blog-eyebrow,
    .ks27-cp-eyebrow,
    .contact-eyebrow,
    .route-eyebrow,
    .tour-eyebrow,
    .ks27-listing__eyebrow,
    .ks27-vipx__eyebrow{
        margin-top:0!important;
        margin-bottom:7px!important;
    }

    /* H1 spacing */
    .ks27-blog-hero h1,
    .ks27-article-hero h1,
    .ks27-cp-hero h1,
    .contact-hero h1,
    .route-hero h1,
    .tour-hero h1,
    .ks27-listing__hero h1,
    .ks27-vipx__hero h1{
        margin-top:0!important;
        margin-bottom:0!important;
    }

    /* Description spacing */
    .ks27-blog-hero__content > p,
    .ks27-article-hero__content > p,
    .ks27-cp-hero__content > p,
    .contact-hero__content > p,
    .route-hero__content > p,
    .tour-hero__content > p,
    .ks27-listing__hero-copy > p:last-child,
    .ks27-vipx__lead{
        margin-top:10px!important;
        margin-bottom:0!important;
    }

    /* Buttons remain compact and do not create fake top gap */
    .ks27-blog-hero__actions,
    .ks27-cp-hero__actions,
    .contact-hero__actions{
        margin-top:14px!important;
    }

    /* Turlar / Rotalar search box keeps current overlap logic */
    .ks27-listing__filter-shell{
        position:relative!important;
        z-index:6!important;
    }

    /* Contact helper panel stays hidden on mobile if already hidden;
       do not force visibility. */
}


/* =========================================================
   TÜM İÇ SAYFALAR — MOBILE HERO COMPACT FINAL
   Amaç:
   - Başlık ve açıklama sonrası gereksiz boşluğu kaldır
   - Hero mobilde içeriğe göre doğal yükseklikte bitsin
   - Full responsive
   - Desktop / tablet etkilenmez
   ========================================================= */
@media (max-width:760px){

    /* Sabit 390px mobil yüksekliği kaldır */
    .ks27-blog-hero,
    .ks27-article-hero,
    .ks27-cp-hero.ks27-cp-hero--index-style,
    .contact-hero,
    .route-hero,
    .tour-hero.tour-hero--detail,
    .ks27-listing__hero,
    .ks27-vipx__hero{
        height:auto!important;
        min-height:0!important;
        max-height:none!important;
        padding:0!important;
        overflow:visible!important;
    }

    /* Hero iç container artık içerik kadar yükseklik alır */
    .ks27-blog-hero__inner,
    .ks27-article-hero__inner,
    .ks27-cp-hero.ks27-cp-hero--index-style .ks27-cp-hero__inner,
    .contact-hero__inner,
    .route-hero__inner,
    .tour-hero__layout,
    .ks27-listing__hero .ks27-listing__container,
    .ks27-vipx__hero .ks27-vipx__shell{
        height:auto!important;
        min-height:0!important;
        max-height:none!important;

        justify-content:flex-start!important;
        align-items:flex-start!important;

        padding-top:18px!important;
        padding-bottom:20px!important;
    }

    /* İçerik bloğu kendi yüksekliği kadar */
    .ks27-blog-hero__content,
    .ks27-article-hero__content,
    .ks27-cp-hero__content,
    .contact-hero__content,
    .route-hero__content,
    .tour-hero__content,
    .ks27-listing__hero-copy,
    .ks27-vipx__hero-content{
        height:auto!important;
        min-height:0!important;
        max-height:none!important;
        margin-bottom:0!important;
    }

    /* Son içerikten sonra boşluk kalmasın */
    .ks27-blog-hero__content > *:last-child,
    .ks27-article-hero__content > *:last-child,
    .ks27-cp-hero__content > *:last-child,
    .contact-hero__content > *:last-child,
    .route-hero__content > *:last-child,
    .tour-hero__content > *:last-child,
    .ks27-listing__hero-copy > *:last-child,
    .ks27-vipx__hero-content > *:last-child{
        margin-bottom:0!important;
    }

    /* Breadcrumb / eyebrow / H1 / açıklama standardı */
    .ks27-blog-breadcrumb,
    .ks27-article-breadcrumb,
    .ks27-cp-breadcrumb,
    .contact-breadcrumb,
    .route-breadcrumb,
    .tour-breadcrumb,
    .ks27-listing__breadcrumb,
    .ks27-vipx__breadcrumb{
        margin-top:0!important;
        margin-bottom:12px!important;
    }

    .ks27-blog-eyebrow,
    .ks27-cp-eyebrow,
    .contact-eyebrow,
    .route-eyebrow,
    .tour-eyebrow,
    .ks27-listing__eyebrow,
    .ks27-vipx__eyebrow{
        margin-top:0!important;
        margin-bottom:7px!important;
    }

    .ks27-blog-hero h1,
    .ks27-article-hero h1,
    .ks27-cp-hero h1,
    .contact-hero h1,
    .route-hero h1,
    .tour-hero h1,
    .ks27-listing__hero h1,
    .ks27-vipx__hero h1{
        margin:0!important;
    }

    .ks27-blog-hero__content > p,
    .ks27-article-hero__content > p,
    .ks27-cp-hero__content > p,
    .contact-hero__content > p,
    .route-hero__content > p,
    .tour-hero__content > p,
    .ks27-listing__hero-copy > p:last-child,
    .ks27-vipx__lead{
        margin-top:10px!important;
        margin-bottom:0!important;
    }

    /* Butonlu hero'larda butondan sonra gereksiz alan bırakma */
    .ks27-blog-hero__actions,
    .ks27-cp-hero__actions,
    .contact-hero__actions{
        margin-top:14px!important;
        margin-bottom:0!important;
    }

    /* Turlar / Rotalar filtre kutusu mevcut overlap yapısını korur */
    .ks27-listing__filter-shell{
        position:relative!important;
        z-index:6!important;
    }
}

/* Çok küçük telefonlarda padding biraz daha kompakt */
@media (max-width:380px){
    .ks27-blog-hero__inner,
    .ks27-article-hero__inner,
    .ks27-cp-hero.ks27-cp-hero--index-style .ks27-cp-hero__inner,
    .contact-hero__inner,
    .route-hero__inner,
    .tour-hero__layout,
    .ks27-listing__hero .ks27-listing__container,
    .ks27-vipx__hero .ks27-vipx__shell{
        padding-top:14px!important;
        padding-bottom:16px!important;
    }
}