:root {
    --listing-navy: #03182e;
    --listing-navy-soft: #082c47;
    --listing-cyan: #38d8e5;
    --listing-orange: #ff6048;
    --listing-text: #0b2038;
    --listing-muted: #617083;
    --listing-bg: #f3f8fb;
    --listing-white: #fff;
    --listing-line: #dce8ed;
}

.ks27-listing,
.ks27-listing * { box-sizing: border-box; }
.ks27-listing { overflow: hidden; background: var(--listing-bg); color: var(--listing-text); }
.ks27-listing__container { width: min(1240px, calc(100% - 40px)); margin-inline: auto; }

.ks27-listing__hero {
    position: relative;
    min-height: 415px;
    padding: 150px 0 88px;
    overflow: hidden;
    background:
        linear-gradient(90deg, rgba(1,16,34,.90), rgba(4,45,72,.62)),
        url("../../resimler/tur-anasayfa/hero-bg-referans.webp") center/cover no-repeat;
    color: #fff;
}
.ks27-listing__hero::after {
    position: absolute;
    inset: 0;
    background: radial-gradient(circle at 85% 15%, rgba(56,216,229,.18), transparent 28%);
    content: "";
    pointer-events: none;
}
.ks27-listing__hero .ks27-listing__container { position: relative; z-index: 1; }
.ks27-listing__breadcrumb { display: flex; align-items: center; gap: 10px; margin-bottom: 28px; color: rgba(255,255,255,.76); font-size: 14px; }
.ks27-listing__breadcrumb a { color: var(--listing-cyan); text-decoration: none; }
.ks27-listing__hero-copy { max-width: 760px; transform: translateY(-10px); }
.ks27-listing__eyebrow { margin: 0 0 9px; color: var(--listing-cyan); font-size: 13px; font-weight: 850; letter-spacing: .16em; text-transform: uppercase; }
.ks27-listing__hero h1 { margin: 0; font-size: clamp(43px, 5vw, 72px); line-height: 1; letter-spacing: -.045em; }
.ks27-listing__hero-copy > p:last-child { max-width: 690px; margin: 20px 0 0; color: rgba(255,255,255,.88); font-size: 18px; line-height: 1.65; }

.ks27-listing__content { position: relative; z-index: 2; padding: 0 0 78px; }
.ks27-listing__filter {
    display: grid;
    grid-template-columns: minmax(0,1.35fr) minmax(280px,.9fr) 150px auto;
    width: min(1320px, 80%);
    align-items: end;
    gap: 14px;
    margin: -46px auto 58px;
    padding: 20px;
    border: 1px solid rgba(123,172,196,.28);
    border-radius: 22px;
    background: rgba(255,255,255,.97);
    box-shadow: 0 24px 65px rgba(10,39,64,.16);
}
.ks27-listing__filter-field { min-width: 0; }
.ks27-listing__filter-field label { display: block; margin: 0 0 7px; color: #334b62; font-size: 13px; font-weight: 750; }
.ks27-listing__filter input,
.ks27-listing__filter select {
    width: 100%; height: 54px; padding: 0 15px; border: 1px solid #d5e2e9; border-radius: 12px; outline: 0;
    background: #f8fbfd; color: #102a40; font: inherit;
}
.ks27-listing__filter input:focus,
.ks27-listing__filter select:focus { border-color: var(--listing-cyan); box-shadow: 0 0 0 3px rgba(56,216,229,.12); }
.ks27-listing__filter-submit,
.ks27-listing__filter-reset {
    display: inline-flex; height: 54px; align-items: center; justify-content: center; padding: 0 22px; border-radius: 12px;
    font-size: 14px; font-weight: 800; text-decoration: none; white-space: nowrap;
}
.ks27-listing__filter-submit { border: 0; background: linear-gradient(135deg,#ff704e,var(--listing-orange)); color: #fff; cursor: pointer; box-shadow: 0 10px 24px rgba(255,96,72,.23); }
.ks27-listing__filter-reset { border: 1px solid #d4e1e8; background: #fff; color: #385066; }

.ks27-listing__heading { display: flex; align-items: end; justify-content: space-between; gap: 24px; margin-bottom: 30px; }
.ks27-listing__heading h2 { margin: 0; font-size: clamp(32px,4vw,50px); letter-spacing: -.04em; }
.ks27-listing__count { margin: 0 0 8px; color: var(--listing-muted); font-weight: 700; }
.ks27-listing__grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 24px; }
.ks27-listing__grid > * { min-width: 0; }

.ks27-listing__empty { display: flex; min-height: 260px; flex-direction: column; align-items: center; justify-content: center; padding: 50px 25px; border: 1px dashed #bdd1dc; border-radius: 20px; background: #fff; text-align: center; }
.ks27-listing__empty-icon { display: grid; width: 58px; height: 58px; place-items: center; margin-bottom: 18px; border: 1px solid rgba(56,216,229,.42); border-radius: 50%; background: rgba(56,216,229,.09); color: #0eaebb; font-size: 27px; }
.ks27-listing__empty h3 { margin: 0 0 10px; font-size: 26px; }
.ks27-listing__empty p { max-width: 600px; margin: 0 0 22px; color: var(--listing-muted); }
.ks27-listing__empty a { display: inline-flex; min-height: 48px; align-items: center; padding: 0 20px; border-radius: 11px; background: var(--listing-navy); color: #fff; font-weight: 800; text-decoration: none; }

.ks27-listing__cta { padding: 62px 0; background: var(--listing-navy); color: #fff; }
.ks27-listing__cta-inner { display: flex; align-items: center; justify-content: space-between; gap: 40px; }
.ks27-listing__cta h2 { margin: 0; font-size: clamp(30px,4vw,48px); letter-spacing: -.04em; }
.ks27-listing__cta p:not(.ks27-listing__eyebrow) { max-width: 680px; margin: 14px 0 0; color: rgba(255,255,255,.75); line-height: 1.7; }
.ks27-listing__cta-inner > a { display: inline-flex; min-height: 56px; align-items: center; justify-content: center; padding: 0 25px; border-radius: 12px; background: linear-gradient(135deg,#ff704e,var(--listing-orange)); color: #fff; font-weight: 850; text-decoration: none; white-space: nowrap; }

@media (max-width: 1199px) {
    .ks27-listing__filter { width: min(92%, 900px); grid-template-columns: 1fr 1fr; }
}
@media (max-width: 980px) {
    .ks27-listing__grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
}
@media (max-width: 700px) {
    .ks27-listing__container { width: min(100% - 26px, 620px); }
    .ks27-listing__hero { min-height: 390px; padding: 132px 0 90px; }
    .ks27-listing__hero-copy { transform: none; }
    .ks27-listing__hero-copy > p:last-child { font-size: 16px; }
    .ks27-listing__filter { width: 100%; grid-template-columns: 1fr; margin-top: -42px; margin-bottom: 45px; padding: 16px; }
    .ks27-listing__filter-submit,
    .ks27-listing__filter-reset { width: 100%; }
    .ks27-listing__heading { display: block; }
    .ks27-listing__count { margin-top: 10px; }
    .ks27-listing__grid { grid-template-columns: 1fr; }
    .ks27-listing__cta-inner { display: block; }
    .ks27-listing__cta-inner > a { width: 100%; margin-top: 24px; }
}
@media (prefers-reduced-motion: reduce) {
    .ks27-listing *, .ks27-listing *::before, .ks27-listing *::after { scroll-behavior: auto !important; transition-duration: .01ms !important; animation-duration: .01ms !important; }
}
/* V5: Native select consistency for tours and routes */
.ks27-listing__filter select {
    display: block;
    width: 100%;
    height: 54px;
    min-height: 54px;
    max-height: 54px;
    padding: 0 42px 0 15px;
    border: 1px solid #cfdee7;
    border-radius: 12px;
    background-color: #f7fafc;
    color: #173149;
    font: inherit;
    line-height: 52px;
    appearance: auto;
    -webkit-appearance: menulist;
    -moz-appearance: menulist;
}
.ks27-listing__filter select option {
    display: initial;
    background: #fff;
    color: #173149;
}


/* V7: Rotalar için eski select kurallarından tamamen bağımsız açılır menü */
.ks27-listing__dropdown {
    position: relative;
    width: 100%;
    height: 54px;
    margin: 0;
}
.ks27-listing__dropdown > summary {
    display: flex;
    width: 100%;
    height: 54px;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 0 15px;
    border: 1px solid #cfdee7;
    border-radius: 12px;
    outline: 0;
    background: #f7fafc;
    color: #173149;
    font: inherit;
    line-height: 1;
    cursor: pointer;
    list-style: none;
    user-select: none;
}
.ks27-listing__dropdown > summary::-webkit-details-marker { display: none; }
.ks27-listing__dropdown > summary::marker { display: none; content: ""; }
.ks27-listing__dropdown[open] > summary {
    border-color: var(--listing-cyan);
    box-shadow: 0 0 0 3px rgba(56,216,229,.12);
}
.ks27-listing__dropdown-arrow {
    width: 9px;
    height: 9px;
    flex: 0 0 auto;
    border-right: 2px solid #173149;
    border-bottom: 2px solid #173149;
    transform: rotate(45deg) translateY(-2px);
    transition: transform .18s ease;
}
.ks27-listing__dropdown[open] .ks27-listing__dropdown-arrow {
    transform: rotate(225deg) translate(-2px,-2px);
}
.ks27-listing__dropdown-menu {
    position: absolute;
    z-index: 40;
    top: calc(100% + 8px);
    right: 0;
    left: 0;
    display: grid;
    max-height: 310px;
    overflow-y: auto;
    padding: 7px;
    border: 1px solid #d4e1e8;
    border-radius: 12px;
    background: #fff;
    box-shadow: 0 18px 45px rgba(5,31,54,.20);
}
.ks27-listing__dropdown-menu a {
    display: flex;
    min-height: 40px;
    align-items: center;
    padding: 8px 11px;
    border-radius: 8px;
    color: #173149;
    font-size: 14px;
    font-weight: 650;
    line-height: 1.35;
    text-decoration: none;
}
.ks27-listing__dropdown-menu a:hover,
.ks27-listing__dropdown-menu a:focus-visible {
    background: #edf8fa;
    color: #087f8a;
}
.ks27-listing__dropdown-menu a.is-selected {
    background: #e5f8fa;
    color: #087f8a;
    font-weight: 800;
}

/* =========================================================
   KS27 ORTAK SAYFA GENISLIGI - 2026-07-28
   Tum ana sayfa ve ic sayfa kabuklarini ayni hatta toplar.
========================================================= */
:root {
    --ks27-site-width: 1360px;
    --ks27-site-gutter: 24px;
}

.site-container,
.tour-wrap,
.tour-layout-container,
.tours-container,
.routes-page .tour-wrap,
.route-page .tour-wrap,
.ks27-blog-shell,
.contact-page .tour-wrap,
.contact-container,
.page-container,
.content-container,
.section-container,
.inner-container,
.at-page-banner__inner {
    width: min(calc(100% - (var(--ks27-site-gutter) * 2)), var(--ks27-site-width)) !important;
    max-width: var(--ks27-site-width) !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

.at-header {
    width: min(calc(100% - (var(--ks27-site-gutter) * 2)), var(--ks27-site-width)) !important;
    right: auto !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
}

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

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

    .site-container,
    .tour-wrap,
    .tour-layout-container,
    .tours-container,
    .routes-page .tour-wrap,
    .route-page .tour-wrap,
    .ks27-blog-shell,
    .contact-page .tour-wrap,
    .contact-container,
    .page-container,
    .content-container,
    .section-container,
    .inner-container,
    .at-page-banner__inner {
        width: calc(100% - (var(--ks27-site-gutter) * 2)) !important;
    }
}

/* =========================================================
   ROTALAR ORTAK CTA - FINAL
   ========================================================= */
.ks27-routes-common-cta {
    padding: 0 0 78px;
    background: var(--listing-bg);
}

.ks27-routes-common-cta .site-common-cta {
    margin-top: 0;
}

@media (max-width: 700px) {
    .ks27-routes-common-cta {
        padding-bottom: 58px;
    }
}


/* =========================================================
   ROTALAR / ORTAK LISTING HERO — EŞİT YÜKSEKLİK FINAL
   Kurumsal sayfalarla aynı hero ölçü sistemi.
   ========================================================= */

/* Masaüstü */
@media (min-width: 1101px) {
    .ks27-listing__hero {
        min-height: 430px !important;
        height: 430px !important;
        max-height: 430px !important;
        display: flex !important;
        align-items: center !important;
        padding: 76px 0 58px !important;
    }

    .ks27-listing__hero .ks27-listing__container {
        width: min(1360px, calc(100% - 48px)) !important;
        max-width: 1360px !important;
    }

    .ks27-listing__breadcrumb {
        margin-bottom: 18px !important;
    }

    .ks27-listing__hero-copy {
        max-width: 760px !important;
        transform: none !important;
    }

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

    .ks27-listing__hero-copy > p:last-child {
        max-width: 690px !important;
        margin-top: 16px !important;
        font-size: 16px !important;
        line-height: 1.55 !important;
    }

    .ks27-listing__filter {
        margin-top: -46px !important;
    }
}

/* Tablet */
@media (min-width: 701px) and (max-width: 1100px) {
    .ks27-listing__hero {
        min-height: 410px !important;
        height: 410px !important;
        max-height: 410px !important;
        display: flex !important;
        align-items: center !important;
        padding: 72px 0 52px !important;
    }

    .ks27-listing__hero .ks27-listing__container {
        width: min(920px, calc(100% - 40px)) !important;
    }

    .ks27-listing__breadcrumb {
        margin-bottom: 18px !important;
    }

    .ks27-listing__hero-copy {
        max-width: 720px !important;
        transform: none !important;
    }

    .ks27-listing__hero h1 {
        font-size: clamp(44px, 6vw, 60px) !important;
    }

    .ks27-listing__hero-copy > p:last-child {
        margin-top: 15px !important;
        font-size: 16px !important;
        line-height: 1.55 !important;
    }

    .ks27-listing__filter {
        margin-top: -44px !important;
    }
}

/* Mobil */
@media (max-width: 700px) {
    .ks27-listing__hero {
        min-height: 420px !important;
        height: auto !important;
        max-height: none !important;
        display: flex !important;
        align-items: flex-end !important;
        padding: 86px 0 76px !important;
    }

    .ks27-listing__hero .ks27-listing__container {
        width: min(100% - 24px, 620px) !important;
    }

    .ks27-listing__breadcrumb {
        margin-bottom: 18px !important;
        font-size: 12px !important;
    }

    .ks27-listing__hero-copy {
        max-width: 100% !important;
        transform: none !important;
    }

    .ks27-listing__eyebrow {
        font-size: 11px !important;
        letter-spacing: .14em !important;
    }

    .ks27-listing__hero h1 {
        font-size: clamp(38px, 11vw, 52px) !important;
        line-height: 1 !important;
    }

    .ks27-listing__hero-copy > p:last-child {
        margin-top: 15px !important;
        font-size: 15px !important;
        line-height: 1.5 !important;
    }

    .ks27-listing__filter {
        margin-top: -42px !important;
        margin-bottom: 44px !important;
    }
}

/* Küçük mobil */
@media (max-width: 420px) {
    .ks27-listing__hero {
        min-height: 390px !important;
        padding: 82px 0 68px !important;
    }

    .ks27-listing__hero .ks27-listing__container {
        width: calc(100% - 16px) !important;
    }

    .ks27-listing__hero h1 {
        font-size: 38px !important;
    }

    .ks27-listing__hero-copy > p:last-child {
        font-size: 14px !important;
    }
}



/* V2 - Daha kompakt hero */
@media (min-width:1101px){
 .ks27-listing__hero{
   min-height:390px!important;
   height:390px!important;
   max-height:390px!important;
   padding:66px 0 48px!important;
 }
 .ks27-listing__filter{margin-top:-38px!important;}
}
@media (min-width:701px) and (max-width:1100px){
 .ks27-listing__hero{
   min-height:380px!important;
   height:380px!important;
   max-height:380px!important;
   padding:64px 0 46px!important;
 }
 .ks27-listing__filter{margin-top:-36px!important;}
}


/* =========================================================
   ORTAK İÇ SAYFA STANDARDI — LISTING FINAL
   ========================================================= */
@media (min-width:1101px){
    .ks27-listing__hero{
        min-height:390px!important;
        height:390px!important;
        max-height:390px!important;
        padding:66px 0 48px!important;
    }
}
@media (min-width:701px) and (max-width:1100px){
    .ks27-listing__hero{
        min-height:380px!important;
        height:380px!important;
        max-height:380px!important;
        padding:64px 0 46px!important;
    }
}
@media (max-width:700px){
    .ks27-listing__hero{
        min-height:390px!important;
        height:auto!important;
        max-height:none!important;
        padding:82px 0 68px!important;
    }
}


/* =========================================================
   LISTING / TURLAR / ROTALAR — TEK TİP HERO FINAL V2
   ========================================================= */
@media (min-width:1101px){
    .ks27-listing__hero{
        min-height:390px!important;
        height:390px!important;
        max-height:390px!important;
        display:flex!important;
        align-items:center!important;
        padding:64px 0 42px!important;
    }
    .ks27-listing__hero .ks27-listing__container{
        width:min(1360px,calc(100% - 48px))!important;
        max-width:1360px!important;
    }
    .ks27-listing__breadcrumb{margin-bottom:16px!important;}
    .ks27-listing__hero-copy{
        max-width:720px!important;
        transform:none!important;
    }
    .ks27-listing__hero h1{
        font-size:clamp(44px,4.2vw,64px)!important;
        line-height:1!important;
    }
    .ks27-listing__hero-copy>p:last-child{
        max-width:680px!important;
        margin-top:14px!important;
        font-size:16px!important;
        line-height:1.5!important;
    }
}
@media (min-width:701px) and (max-width:1100px){
    .ks27-listing__hero{
        min-height:380px!important;
        height:380px!important;
        max-height:380px!important;
        padding:62px 0 40px!important;
    }
}
@media (max-width:700px){
    .ks27-listing__hero{
        min-height:390px!important;
        height:auto!important;
        max-height:none!important;
        padding:84px 0 68px!important;
    }
}



/* =========================================================
   ANTALYA TURLARI — TURLAR / ROTALAR LISTING HERO FINAL
   Sabit yükseklik + sabit genişlik + ortak tipografi.
   ========================================================= */

.ks27-listing__hero{
    box-sizing:border-box!important;
    overflow:visible!important;
}

.ks27-listing__hero .ks27-listing__container{
    box-sizing:border-box!important;
    width:min(1360px,calc(100% - 48px))!important;
    max-width:1360px!important;
    margin-inline:auto!important;

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

.ks27-listing__hero-copy{
    width:100%!important;
    max-width:760px!important;
    margin:0!important;
    transform:none!important;
}

.ks27-listing__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;
}

.ks27-listing__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;
}

.ks27-listing__hero h1{
    max-width:100%!important;
    margin:0!important;

    font-family:inherit!important;
    font-size:56px!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;
}

.ks27-listing__hero-copy > p:last-child{
    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;
}

/* Arama kartı hero standardını değiştirmez;
   mevcut şekilde alt sınıra taşabilir. */
.ks27-listing__filter-shell{
    z-index:5!important;
}

/* DESKTOP */
@media (min-width:1101px){
    .ks27-listing__hero{
        min-height:390px!important;
        height:390px!important;
        max-height:390px!important;
        padding:0!important;
    }

    .ks27-listing__hero .ks27-listing__container{
        min-height:390px!important;
        height:390px!important;
        padding-top:58px!important;
        padding-bottom:42px!important;
    }
}

/* TABLET */
@media (min-width:761px) and (max-width:1100px){
    .ks27-listing__hero{
        min-height:380px!important;
        height:380px!important;
        max-height:380px!important;
        padding:0!important;
    }

    .ks27-listing__hero .ks27-listing__container{
        width:min(920px,calc(100% - 40px))!important;
        min-height:380px!important;
        height:380px!important;
        padding-top:58px!important;
        padding-bottom:38px!important;
    }

    .ks27-listing__hero h1{
        font-size:48px!important;
    }

    .ks27-listing__hero-copy > p:last-child{
        font-size:15px!important;
    }
}

/* MOBILE */
@media (max-width:760px){
    .ks27-listing__hero{
        min-height:390px!important;
        height:390px!important;
        max-height:390px!important;
        padding:0!important;
    }

    .ks27-listing__hero .ks27-listing__container{
        width:calc(100% - 28px)!important;
        min-height:390px!important;
        height:390px!important;
        padding-top:72px!important;
        padding-bottom:28px!important;
    }

    .ks27-listing__breadcrumb{
        margin-bottom:14px!important;
        font-size:11px!important;
    }

    .ks27-listing__eyebrow{
        margin-bottom:7px!important;
        font-size:10px!important;
        letter-spacing:.10em!important;
    }

    .ks27-listing__hero h1{
        font-size:clamp(17px,5.55vw,28px)!important;
        line-height:1.05!important;
        letter-spacing:-.035em!important;
        white-space:nowrap!important;
    }

    .ks27-listing__hero-copy > p:last-child{
        max-width:100%!important;
        margin-top:12px!important;
        font-size:13px!important;
        line-height:1.45!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;
    }
}