/* ===== SOURCE: assets/css/tur-hero.css ===== */
/* Antalya Turları — Hero Final CSS
   Bu dosya, index.php içindeki yeni .tour-hero yapısı için hazırlanmıştır.
*/

.tour-main {
    --tour-navy: #021326;
    --tour-navy-soft: #062943;
    --tour-cyan: #38d8e5;
    --tour-cyan-light: #7af2ef;
    --tour-orange: #ff684b;
    --tour-orange-dark: #ff4e38;
    --tour-white: #ffffff;
    --tour-border: rgba(204, 241, 247, 0.72);
}

.tour-main,
.tour-main *,
.tour-main *::before,
.tour-main *::after {
    box-sizing: border-box;
}

.tour-main {
    overflow: hidden;
    background: #f6fbfd;
    color: #07152d;
    font-family: var(--common-font, "Lato", Arial, Helvetica, sans-serif);
}

.tour-wrap {
    width: min(1540px, calc(100% - 48px));
    margin-inline: auto;
}

/* =========================================================
   HERO
========================================================= */

.tour-hero {
    position: relative;
    isolation: isolate;
    min-height: 735px;
    padding: 14px 0 14px;
    overflow: hidden;
    color: var(--tour-white);
    background: #03182e;
}

.tour-hero::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -4;
    background-image: var(--hero-image);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    transform: scale(1.015);
}

.tour-hero::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -3;
    pointer-events: none;
    background:
        linear-gradient(
            90deg,
            rgba(1, 12, 27, 0.98) 0%,
            rgba(2, 21, 40, 0.91) 29%,
            rgba(2, 29, 50, 0.56) 52%,
            rgba(4, 35, 54, 0.20) 76%,
            rgba(5, 25, 37, 0.16) 100%
        ),
        linear-gradient(
            180deg,
            rgba(0, 12, 27, 0.12) 0%,
            rgba(0, 15, 28, 0.02) 48%,
            rgba(0, 13, 25, 0.76) 100%
        );
    box-shadow: inset 0 0 150px rgba(0, 7, 17, 0.46);
}

.tour-hero-overlay {
    position: absolute;
    inset: 0;
    z-index: -2;
    pointer-events: none;
    background:
        radial-gradient(circle at 77% 31%, rgba(61, 218, 232, 0.09), transparent 27%),
        radial-gradient(circle at 92% 70%, rgba(255, 153, 73, 0.11), transparent 28%);
}

.tour-hero-wrap {
    position: relative;
}

.tour-hero-route-badge {
    position: absolute;
    top: 18px;
    right: 4px;
    z-index: 5;
    display: inline-flex;
    align-items: center;
    gap: 11px;
    min-height: 47px;
    padding: 0 19px;
    border: 1px solid rgba(221, 247, 249, 0.66);
    border-radius: 14px;
    background: linear-gradient(135deg, rgba(7, 43, 68, 0.86), rgba(40, 39, 38, 0.70));
    backdrop-filter: blur(15px);
    -webkit-backdrop-filter: blur(15px);
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.20);
    color: #f9ffff;
    font-size: 14px;
    font-weight: 800;
    letter-spacing: 0.045em;
    text-transform: uppercase;
}

.tour-hero-route-icon {
    color: var(--tour-cyan-light);
    font-size: 27px;
    line-height: 1;
}

.tour-hero-grid {
    display: grid;
    grid-template-columns: minmax(0, 1.72fr) minmax(405px, 0.78fr);
    align-items: center;
    gap: 56px;
    min-height: 620px;
    padding-top: 42px;
}

.tour-hero-copy {
    min-width: 0;
    padding-top: 0;
}

.tour-hero-kicker {
    margin: 0 0 14px;
    color: var(--tour-cyan);
    font-size: 17px;
    font-weight: 850;
    letter-spacing: 0.17em;
    line-height: 1.3;
    text-transform: uppercase;
}

.tour-hero-title {
    margin: 0;
    max-width: 900px;
    color: #fff;
    font-size: clamp(52px, 4.45vw, 72px);
    font-weight: 900;
    letter-spacing: -0.048em;
    line-height: 0.99;
    text-shadow: 0 4px 24px rgba(0, 0, 0, 0.24);
}

.tour-hero-title > span,
.tour-hero-title > strong {
    display: block;
}

.tour-hero-title > strong {
    position: relative;
    white-space: nowrap;
    width: max-content;
    max-width: 100%;
    margin: 4px 0 8px;
    color: transparent;
    background: linear-gradient(180deg, #80f1ee 0%, #31d0df 88%);
    -webkit-background-clip: text;
    background-clip: text;
    font: inherit;
}

.tour-hero-title > strong::after {
    content: "";
    position: absolute;
    left: 1%;
    bottom: -10px;
    width: 62%;
    height: 12px;
    background: linear-gradient(
        90deg,
        transparent 0%,
        var(--tour-cyan) 7%,
        var(--tour-cyan) 90%,
        transparent 100%
    );
    clip-path: polygon(0 42%, 94% 0, 100% 35%, 73% 54%, 99% 72%, 20% 73%, 3% 100%);
    filter: drop-shadow(0 0 6px rgba(56, 216, 229, 0.45));
    transform: rotate(-0.6deg) skewX(-18deg);
}

.tour-hero-desc {
    max-width: 650px;
    margin: 20px 0 0;
    color: rgba(247, 252, 255, 0.94);
    font-size: 17px;
    line-height: 1.58;
    text-shadow: 0 2px 8px rgba(0, 0, 0, 0.34);
}

.tour-hero-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 18px;
    margin: 23px 0 13px;
}

.tour-hero .tour-btn {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    min-height: 55px;
    padding: 0 27px;
    overflow: hidden;
    border: 1px solid transparent;
    border-radius: 12px;
    color: #fff;
    font: inherit;
    font-size: 16px;
    font-weight: 850;
    letter-spacing: 0.01em;
    line-height: 1;
    text-decoration: none;
    text-transform: uppercase;
    transition:
        transform 0.24s ease,
        box-shadow 0.24s ease,
        border-color 0.24s ease,
        background-color 0.24s ease;
}

.tour-hero .tour-btn:hover {
    transform: translateY(-2px);
}

.tour-hero .tour-btn-primary {
    min-width: 245px;
    border-color: rgba(255, 255, 255, 0.76);
    background: linear-gradient(135deg, var(--tour-orange), var(--tour-orange-dark));
    box-shadow:
        0 13px 28px rgba(255, 80, 52, 0.33),
        0 0 25px rgba(255, 104, 75, 0.15);
}

.tour-hero .tour-btn-outline {
    min-width: 320px;
    border-color: rgba(215, 245, 249, 0.72);
    background: rgba(3, 27, 48, 0.46);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.04);
}

.tour-hero .tour-btn-outline:hover {
    border-color: var(--tour-cyan);
    background: rgba(6, 47, 73, 0.70);
}

.tour-btn-arrow {
    font-size: 30px;
    font-weight: 400;
    line-height: 0;
}

.tour-btn-icon {
    display: grid;
    place-items: center;
    font-size: 23px;
}

.tour-benefits {
    display: flex;
    align-items: center;
    margin: 0 0 14px;
}

.tour-benefit-item {
    display: flex;
    align-items: center;
    gap: 10px;
    min-height: 42px;
    padding: 0 22px;
    border-right: 1px solid rgba(255, 255, 255, 0.23);
    color: rgba(255, 255, 255, 0.97);
    font-size: 15px;
    font-weight: 600;
    white-space: nowrap;
}

.tour-benefit-item:first-child {
    padding-left: 0;
}

.tour-benefit-item:last-child {
    border-right: 4px;
}

.tour-benefit-icon {
    display: grid;
    place-items: center;
    width: 35px;
    height: 35px;
    color: var(--tour-cyan);
    font-size: 27px;
    line-height: 1;
}

.tour-mini-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 10px;
    max-width: 870px;
}

.tour-mini-card {
    position: relative;
    isolation: isolate;
    display: block;
    min-height: 154px;
    overflow: hidden;
    border: 1px solid rgba(212, 244, 247, 0.72);
    border-radius: 16px;
    background: #0a3150;
    color: #fff;
    text-decoration: none;
    box-shadow: 0 10px 28px rgba(0, 0, 0, 0.17);
    transition:
        transform 0.28s ease,
        border-color 0.28s ease,
        box-shadow 0.28s ease;
}

.tour-mini-card:hover {
    transform: translateY(-5px);
    border-color: var(--tour-cyan);
    box-shadow:
        0 18px 38px rgba(0, 0, 0, 0.25),
        0 0 24px rgba(53, 216, 232, 0.11);
}

.tour-mini-card-media {
    position: absolute;
    inset: 0;
}

.tour-mini-card-media::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(
        180deg,
        rgba(2, 20, 37, 0.02) 15%,
        rgba(2, 19, 35, 0.16) 43%,
        rgba(2, 17, 32, 0.92) 100%
    );
}

.tour-mini-card img,
.tour-mini-card-placeholder {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.5s ease;
}

.tour-mini-card-placeholder {
    display: block;
    background:
        linear-gradient(135deg, rgba(34, 115, 143, 0.88), rgba(7, 42, 69, 0.95));
}

.tour-mini-card:hover img {
    transform: scale(1.06);
}

.tour-mini-card-caption {
    position: absolute;
    z-index: 2;
    right: 9px;
    bottom: 8px;
    left: 9px;
    display: flex;
    align-items: center;
    gap: 11px;
    min-height: 57px;
    padding: 8px 11px;
    border: 1px solid rgba(203, 241, 246, 0.58);
    border-radius: 13px;
    background: linear-gradient(135deg, rgba(9, 59, 83, 0.84), rgba(25, 60, 66, 0.69));
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
}

.tour-mini-card-icon {
    display: grid;
    place-items: center;
    flex: 0 0 40px;
    width: 40px;
    height: 40px;
    border: 1px solid rgba(255, 255, 255, 0.68);
    border-radius: 50%;
    background: rgba(1, 22, 39, 0.58);
    font-size: 21px;
}

.tour-mini-card-text {
    min-width: 0;
}

.tour-mini-card-text strong,
.tour-mini-card-text small {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.tour-mini-card-text strong {
    font-size: 15px;
    line-height: 1.2;
}

.tour-mini-card-text small {
    margin-top: 4px;
    color: #dffbfe;
    font-size: 12px;
}

/* =========================================================
   HERO SEARCH
========================================================= */

.tour-search {
    position: relative;
    align-self: center;
    margin-top: 76px;
    padding: 24px 20px 16px;
    overflow: hidden;
    border: 1px solid rgba(255, 255, 255, 0.82);
    border-radius: 24px;
    background: linear-gradient(145deg, rgba(75, 160, 180, 0.58), rgba(69, 73, 57, 0.62));
    backdrop-filter: blur(21px) saturate(1.1);
    -webkit-backdrop-filter: blur(21px) saturate(1.1);
    box-shadow:
        0 28px 70px rgba(0, 0, 0, 0.31),
        inset 0 1px rgba(255, 255, 255, 0.19);
}

.tour-search::before {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    background: linear-gradient(135deg, rgba(255, 255, 255, 0.15), transparent 40%, rgba(255, 155, 82, 0.07));
}

.tour-search-inner {
    position: relative;
    z-index: 1;
}

.tour-search h2 {
    margin: 0 0 17px;
    color: #fff;
    font-size: 31px;
    font-weight: 850;
    letter-spacing: -0.028em;
    line-height: 1.12;
    text-align: center;
}

.tour-form-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
}

.tour-field {
    min-width: 0;
}

.tour-field > label {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

.tour-field-control {
    position: relative;
    height: 56px;
    border: 1px solid rgba(255, 255, 255, 0.76);
    border-radius: 12px;
    background: rgba(112, 190, 204, 0.28);
    transition:
        border-color 0.2s ease,
        background 0.2s ease,
        box-shadow 0.2s ease;
}

.tour-field-control:focus-within {
    border-color: #82eff5;
    background: rgba(110, 196, 210, 0.38);
    box-shadow: 0 0 0 3px rgba(53, 216, 232, 0.12);
}

.tour-field-icon {
    position: absolute;
    top: 50%;
    left: 15px;
    z-index: 2;
    color: #fff;
    font-size: 26px;
    line-height: 1;
    pointer-events: none;
    transform: translateY(-50%);
}

.tour-field-control::after {
    content: "⌄";
    position: absolute;
    top: 50%;
    right: 14px;
    z-index: 2;
    color: #fff;
    font-size: 22px;
    line-height: 1;
    pointer-events: none;
    transform: translateY(-58%);
}

.tour-field:nth-child(2) .tour-field-control::after {
    display: none;
}

.tour-field select,
.tour-field input {
    width: 100%;
    height: 100%;
    padding: 0 42px 0 50px;
    border: 0;
    outline: 0;
    border-radius: inherit;
    background: transparent;
    color: #fff;
    font: inherit;
    font-size: 15px;
    font-weight: 650;
    cursor: pointer;
    appearance: none;
    -webkit-appearance: none;
}

.tour-field input {
    color-scheme: dark;
}

.tour-field select option {
    color: #0b2337;
    background: #fff;
}

.tour-search-submit {
    width: 100%;
    min-width: 0 !important;
    height: 57px;
    margin-top: 14px;
    border-radius: 12px;
    font-size: 18px !important;
    cursor: pointer;
}

.tour-search-note {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    margin: 12px 0 0;
    color: #dcfbfd;
    font-size: 13px;
}

/* =========================================================
   TRUST BAR
========================================================= */

.tour-trustbar {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    margin-top: 1px;
    overflow: hidden;
    border: 1px solid rgba(193, 239, 246, 0.65);
    border-radius: 16px;
    background: linear-gradient(90deg, rgba(5, 44, 69, 0.79), rgba(8, 57, 76, 0.64));
    backdrop-filter: blur(13px);
    -webkit-backdrop-filter: blur(13px);
    box-shadow: 0 15px 35px rgba(0, 0, 0, 0.13);
}

.tour-trustbar-item {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 13px;
    min-height: 58px;
    padding: 11px;
    border-right: 1px solid rgba(255, 255, 255, 0.24);
    color: #fff;
    font-size: 16px;
    font-weight: 700;
}

.tour-trustbar-item:last-child {
    border-right: 4px;
}

.tour-trustbar-icon {
    display: grid;
    place-items: center;
    color: var(--tour-cyan-light);
    font-size: 29px;
    line-height: 1;
}

/* =========================================================
   RESPONSIVE
========================================================= */

@media (max-width: 1400px) {
    .tour-wrap {
        width: min(1280px, calc(100% - 42px));
    }

    .tour-hero {
        min-height: 745px;
    }

    .tour-hero-grid {
        grid-template-columns: minmax(0, 1.42fr) minmax(390px, 0.72fr);
        gap: 46px;
        min-height: 640px;
    }

    .tour-hero-title {
        font-size: clamp(54px, 4.8vw, 74px);
    }

    .tour-mini-card {
        min-height: 165px;
    }

    .tour-search {
        padding: 24px 20px 17px;
    }

    .tour-search h2 {
        font-size: 30px;
    }
}

@media (max-width: 1100px) {
    .tour-hero {
        min-height: auto;
        padding-bottom: 28px;
    }

    .tour-hero-route-badge {
        top: 5px;
    }

    .tour-hero-grid {
        grid-template-columns: 1fr;
        gap: 30px;
        padding-top: 82px;
    }

    .tour-hero-copy {
        max-width: 850px;
    }

    .tour-search {
        width: min(620px, 100%);
        margin-top: 18px;
    }

    .tour-trustbar {
        margin-top: 25px;
    }
}

@media (max-width: 767px) {
    .tour-wrap {
        width: min(100% - 26px, 640px);
    }

    .tour-hero {
        padding-top: 12px;
    }

    .tour-hero::before {
        background-position: 63% center;
    }

    .tour-hero-route-badge {
        position: relative;
        top: auto;
        right: auto;
        width: max-content;
        max-width: 100%;
        min-height: 42px;
        margin-bottom: 18px;
        padding: 0 14px;
        font-size: 11px;
    }

    .tour-hero-grid {
        gap: 26px;
        padding-top: 0;
    }

    .tour-hero-kicker {
        font-size: 12px;
        letter-spacing: 0.14em;
    }

    .tour-hero-title {
        font-size: clamp(42px, 12.5vw, 60px);
        line-height: 1;
    }

    .tour-hero-title > strong {
        margin-block: 4px 10px;
    }

    .tour-hero-title > strong::after {
        bottom: -8px;
        width: 78%;
        height: 10px;
    }

    .tour-hero-desc {
        margin-top: 20px;
        font-size: 16px;
        line-height: 1.5;
    }

    .tour-hero-actions {
        display: grid;
        grid-template-columns: 1fr;
        margin: 23px 0 13px;
    }

    .tour-hero .tour-btn {
        width: 100%;
        min-width: 0;
        padding-inline: 16px;
        font-size: 14px;
    }

    .tour-benefits {
        display: grid;
        grid-template-columns: 1fr;
        gap: 3px;
    }

    .tour-benefit-item {
        padding: 6px 0;
        border-right: 4px;
        border-bottom: 1px solid rgba(255, 255, 255, 0.16);
    }

    .tour-benefit-item:last-child {
        border-bottom: 0;
    }

    .tour-mini-grid {
        grid-template-columns: 1fr;
        gap: 11px;
    }

    .tour-mini-card {
        min-height: 185px;
    }

    .tour-search {
        padding: 20px 16px 16px;
        border-radius: 20px;
    }

    .tour-search h2 {
        font-size: 28px;
    }

    .tour-form-grid {
        grid-template-columns: 1fr;
    }

    .tour-trustbar {
        grid-template-columns: 1fr 1fr;
    }

    .tour-trustbar-item {
        min-height: 56px;
        padding: 8px 5px;
        border-right: 4px;
        border-bottom: 1px solid rgba(255, 255, 255, 0.18);
        font-size: 13px;
    }

    .tour-trustbar-item:nth-child(odd) {
        border-right: 1px solid rgba(255, 255, 255, 0.18);
    }

    .tour-trustbar-item:nth-child(3),
    .tour-trustbar-item:nth-child(4) {
        border-bottom: 0;
    }
}

@media (max-width: 420px) {
    .tour-hero-title {
        font-size: 40px;
    }

    .tour-field-control {
        height: 57px;
    }

    .tour-search-submit {
        height: 57px;
    }

    .tour-mini-card {
        min-height: 170px;
    }

    .tour-trustbar-item {
        gap: 7px;
        font-size: 12px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .tour-hero .tour-btn,
    .tour-mini-card,
    .tour-mini-card img {
        transition: none;
    }
}


/* =========================================================
   HERO V2 — Piksel hizalama düzeltmeleri
========================================================= */

@media (min-width: 1101px) {
    .tour-hero-copy {
        transform: translateY(-12px);
    }

    .tour-hero-route-badge {
        visibility: visible;
        opacity: 1;
        transform: none;
    }

    .tour-search {
        transform: translateY(8px);
    }

    .tour-mini-grid {
        max-width: 830px;
    }

    .tour-mini-card-caption {
        right: 7px;
        bottom: 7px;
        left: 7px;
        padding: 7px 9px;
    }

    .tour-trustbar {
        margin-top: -2px;
    }
}

/* HTML içindeki geçici karakter ikonlarını temiz ve sabit ikonlarla değiştir. */
.tour-field-icon,
.tour-benefit-icon,
.tour-trustbar-icon {
    color: transparent;
    font-size: 0;
}

.tour-field-icon::before,
.tour-benefit-icon::before,
.tour-trustbar-icon::before {
    display: block;
    color: var(--tour-cyan-light);
    font-family: Arial, sans-serif;
    font-size: 22px;
    line-height: 1;
}

.tour-field:nth-child(1) .tour-field-icon::before { content: "⚓"; }
.tour-field:nth-child(2) .tour-field-icon::before { content: "▣"; }
.tour-field:nth-child(3) .tour-field-icon::before { content: "♙"; }
.tour-field:nth-child(4) .tour-field-icon::before { content: "⌖"; }

.tour-benefit-item:nth-child(1) .tour-benefit-icon::before { content: "▣"; }
.tour-benefit-item:nth-child(2) .tour-benefit-icon::before { content: "♙"; }
.tour-benefit-item:nth-child(3) .tour-benefit-icon::before { content: "◇"; }

.tour-trustbar-item:nth-child(1) .tour-trustbar-icon::before { content: "▣"; }
.tour-trustbar-item:nth-child(2) .tour-trustbar-icon::before { content: "✓"; }
.tour-trustbar-item:nth-child(3) .tour-trustbar-icon::before { content: "♙"; }
.tour-trustbar-item:nth-child(4) .tour-trustbar-icon::before { content: "◉"; }

.tour-field select,
.tour-field input {
    padding-left: 48px;
}

.tour-mini-card-text strong {
    font-size: 14px;
}

.tour-mini-card-text small {
    font-size: 11px;
}

@media (max-width: 1400px) and (min-width: 1101px) {
    .tour-wrap {
        width: min(1380px, calc(100% - 38px));
    }

    .tour-hero {
        min-height: 700px;
    }

    .tour-hero-grid {
        grid-template-columns: minmax(0, 1.64fr) minmax(390px, 0.76fr);
        gap: 42px;
        min-height: 590px;
        padding-top: 36px;
    }

    .tour-hero-title {
        max-width: 860px;
        font-size: clamp(50px, 4.15vw, 67px);
    }

    .tour-hero-desc {
        max-width: 610px;
        font-size: 16px;
    }

    .tour-search {
        margin-top: 70px;
        padding: 22px 18px 15px;
    }

    .tour-search h2 {
        margin-bottom: 14px;
        font-size: 29px;
    }

    .tour-mini-card {
        min-height: 145px;
    }

    .tour-trustbar-item {
        min-height: 55px;
        font-size: 15px;
    }
}

@media (max-width: 1100px) {
    .tour-hero-title > strong {
        white-space: normal;
    }
}


/* =========================================================
   HERO V3 — Kesin masaüstü düzeltmeleri
   Yalnızca hero alanını etkiler.
========================================================= */

@media (min-width: 1101px) {
    .tour-hero {
        min-height: 760px !important;
        padding: 18px 0 16px !important;
    }

    .tour-hero-wrap {
        position: relative !important;
    }

    .tour-hero-grid {
        grid-template-columns: minmax(0, 1.78fr) minmax(390px, 0.72fr) !important;
        gap: 44px !important;
        min-height: 650px !important;
        padding-top: 54px !important;
        align-items: center !important;
    }

    .tour-hero-copy {
        max-width: 920px !important;
        padding-top: 0 !important;
        transform: translateY(-8px) !important;
    }

    .tour-hero-kicker {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
        margin: 0 0 14px !important;
        color: #38d8e5 !important;
        font-size: 15px !important;
        font-weight: 850 !important;
        letter-spacing: .16em !important;
        line-height: 1.25 !important;
        text-transform: uppercase !important;
    }

    .tour-hero-title {
        max-width: 900px !important;
        font-size: clamp(50px, 4.15vw, 68px) !important;
        line-height: .99 !important;
        letter-spacing: -.045em !important;
    }

    .tour-hero-title > strong {
        width: auto !important;
        max-width: 100% !important;
        white-space: normal !important;
        margin: 4px 0 8px !important;
    }

    .tour-hero-title > strong::after {
        width: 54% !important;
        bottom: -8px !important;
    }

    .tour-hero-desc {
        max-width: 620px !important;
        margin-top: 21px !important;
        font-size: 16px !important;
        line-height: 1.55 !important;
    }

    .tour-hero-actions {
        gap: 14px !important;
        margin: 22px 0 13px !important;
    }

    .tour-hero .tour-btn {
        min-height: 54px !important;
        padding-inline: 24px !important;
        font-size: 15px !important;
    }

    .tour-hero .tour-btn-primary {
        min-width: 235px !important;
    }

    .tour-hero .tour-btn-outline {
        min-width: 305px !important;
    }

    .tour-benefits {
        margin: 0 0 13px !important;
    }

    .tour-benefit-item {
        min-height: 40px !important;
        padding: 0 18px !important;
        font-size: 14px !important;
    }

    .tour-benefit-item:first-child {
        padding-left: 0 !important;
    }

    .tour-mini-grid {
        max-width: 810px !important;
        gap: 10px !important;
    }

    .tour-mini-card {
        min-height: 142px !important;
    }

    .tour-mini-card-caption {
        min-height: 53px !important;
        padding: 6px 8px !important;
    }

    .tour-mini-card-icon {
        flex-basis: 38px !important;
        width: 38px !important;
        height: 38px !important;
        font-size: 18px !important;
    }

    .tour-mini-card-text strong {
        font-size: 13px !important;
    }

    .tour-mini-card-text small {
        font-size: 10px !important;
    }

    .tour-search {
        width: 100% !important;
        max-width: 500px !important;
        justify-self: end !important;
        margin-top: 92px !important;
        padding: 22px 18px 15px !important;
        border-radius: 22px !important;
        transform: none !important;
    }

    .tour-search h2 {
        margin: 0 0 14px !important;
        font-size: 30px !important;
        line-height: 1.1 !important;
    }

    .tour-form-grid {
        gap: 10px !important;
    }

    .tour-field-control {
        height: 54px !important;
    }

    .tour-field select,
    .tour-field input {
        padding-left: 46px !important;
        padding-right: 36px !important;
        font-size: 14px !important;
    }

    .tour-search-submit {
        height: 56px !important;
        margin-top: 13px !important;
        font-size: 17px !important;
    }

    .tour-search-note {
        margin-top: 10px !important;
        font-size: 12px !important;
    }

    .tour-hero-route-badge {
        display: flex !important;
        visibility: visible !important;
        opacity: 1 !important;
        top: 10px !important;
        right: 0 !important;
        z-index: 20 !important;
        min-height: 44px !important;
        padding: 0 17px !important;
        font-size: 13px !important;
        transform: none !important;
    }

    .tour-trustbar {
        margin-top: 2px !important;
    }

    .tour-trustbar-item {
        min-height: 56px !important;
        font-size: 14px !important;
    }
}

@media (min-width: 1101px) and (max-width: 1380px) {
    .tour-wrap {
        width: min(1320px, calc(100% - 34px)) !important;
    }

    .tour-hero-grid {
        grid-template-columns: minmax(0, 1.72fr) minmax(380px, .74fr) !important;
        gap: 34px !important;
    }

    .tour-hero-title {
        font-size: clamp(48px, 4vw, 64px) !important;
    }

    .tour-search {
        max-width: 475px !important;
    }
}


/* =========================================================
   HERO V4 — Header altında gizlenme ve oran düzeltmesi
   Yalnızca hero alanını etkiler.
========================================================= */

@media (min-width: 1101px) {
    .tour-hero {
        min-height: 865px !important;
        padding: 118px 0 18px !important;
    }

    .tour-hero-grid {
        grid-template-columns: minmax(0, 1.52fr) minmax(440px, .78fr) !important;
        gap: 70px !important;
        min-height: 650px !important;
        padding-top: 30px !important;
        align-items: center !important;
    }

    .tour-hero-copy {
        max-width: 930px !important;
        padding-top: 0 !important;
        transform: none !important;
    }

    .tour-hero-kicker {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
        margin: 0 0 14px !important;
        color: #38d8e5 !important;
        font-size: 16px !important;
        font-weight: 850 !important;
        letter-spacing: .16em !important;
        line-height: 1.25 !important;
        text-transform: uppercase !important;
    }

    .tour-hero-title {
        max-width: 900px !important;
        font-size: clamp(58px, 4.55vw, 76px) !important;
        line-height: .99 !important;
        letter-spacing: -.046em !important;
    }

    .tour-hero-title > strong {
        width: max-content !important;
        max-width: 100% !important;
        white-space: nowrap !important;
        margin: 4px 0 8px !important;
    }

    .tour-hero-title > strong::after {
        width: 61% !important;
        bottom: -9px !important;
    }

    .tour-hero-desc {
        max-width: 690px !important;
        margin-top: 24px !important;
        font-size: 18px !important;
        line-height: 1.56 !important;
    }

    .tour-hero-actions {
        gap: 18px !important;
        margin: 27px 0 16px !important;
    }

    .tour-hero .tour-btn {
        min-height: 58px !important;
        padding-inline: 28px !important;
        font-size: 16px !important;
    }

    .tour-hero .tour-btn-primary {
        min-width: 275px !important;
    }

    .tour-hero .tour-btn-outline {
        min-width: 350px !important;
    }

    .tour-benefits {
        margin: 3px 0 18px !important;
    }

    .tour-benefit-item {
        min-height: 46px !important;
        padding: 0 27px !important;
        font-size: 15px !important;
    }

    .tour-benefit-item:first-child {
        padding-left: 0 !important;
    }

    .tour-mini-grid {
        max-width: 875px !important;
        gap: 10px !important;
    }

    .tour-mini-card {
        min-height: 190px !important;
    }

    .tour-mini-card-caption {
        min-height: 62px !important;
        padding: 8px 11px !important;
    }

    .tour-mini-card-icon {
        flex-basis: 44px !important;
        width: 44px !important;
        height: 44px !important;
        font-size: 20px !important;
    }

    .tour-mini-card-text strong {
        font-size: 15px !important;
    }

    .tour-mini-card-text small {
        font-size: 12px !important;
    }

    .tour-search {
        width: 100% !important;
        max-width: 520px !important;
        justify-self: end !important;
        margin-top: 70px !important;
        padding: 28px 24px 18px !important;
        border-radius: 24px !important;
        transform: none !important;
    }

    .tour-search h2 {
        margin: 0 0 18px !important;
        font-size: 34px !important;
        line-height: 1.12 !important;
    }

    .tour-form-grid {
        gap: 13px !important;
    }

    .tour-field-control {
        height: 61px !important;
    }

    .tour-field select,
    .tour-field input {
        padding-left: 50px !important;
        padding-right: 42px !important;
        font-size: 15px !important;
    }

    .tour-search-submit {
        height: 62px !important;
        margin-top: 17px !important;
        font-size: 18px !important;
    }

    .tour-search-note {
        margin-top: 13px !important;
        font-size: 13px !important;
    }

    .tour-hero-route-badge {
        display: flex !important;
        visibility: visible !important;
        opacity: 1 !important;
        top: 0 !important;
        right: 0 !important;
        z-index: 30 !important;
        min-height: 48px !important;
        padding: 0 20px !important;
        font-size: 14px !important;
        transform: none !important;
    }

    .tour-trustbar {
        margin-top: 18px !important;
    }

    .tour-trustbar-item {
        min-height: 64px !important;
        font-size: 16px !important;
    }
}

@media (min-width: 1101px) and (max-width: 1380px) {
    .tour-wrap {
        width: min(1280px, calc(100% - 40px)) !important;
    }

    .tour-hero {
        min-height: 820px !important;
        padding-top: 112px !important;
    }

    .tour-hero-grid {
        grid-template-columns: minmax(0, 1.45fr) minmax(400px, .75fr) !important;
        gap: 46px !important;
    }

    .tour-hero-title {
        font-size: clamp(54px, 4.3vw, 68px) !important;
    }

    .tour-search {
        max-width: 490px !important;
    }

    .tour-mini-card {
        min-height: 170px !important;
    }
}


/* =========================================================
   HERO V5 — Son ince ayarlar
   Yalnızca hero alanını etkiler.
========================================================= */

@media (min-width: 1101px) {
    .tour-hero {
        min-height: 900px !important;
        padding-top: 126px !important;
    }

    .tour-hero-grid {
        grid-template-columns: minmax(0, 1.48fr) minmax(460px, .82fr) !important;
        gap: 64px !important;
        min-height: 675px !important;
        padding-top: 26px !important;
    }

    .tour-hero-copy {
        transform: translateY(10px) !important;
    }

    .tour-hero-title {
        max-width: 860px !important;
        font-size: clamp(56px, 4.35vw, 72px) !important;
    }

    .tour-hero-title > strong {
        letter-spacing: -.05em !important;
    }

    .tour-hero-desc {
        max-width: 655px !important;
        margin-top: 22px !important;
        font-size: 17px !important;
    }

    .tour-hero-actions {
        margin-top: 25px !important;
    }

    .tour-search {
        max-width: 545px !important;
        justify-self: end !important;
        margin-top: 86px !important;
        transform: translateX(-10px) !important;
    }

    .tour-search h2 {
        font-size: 33px !important;
    }

    .tour-mini-grid {
        max-width: 860px !important;
    }

    .tour-mini-card {
        min-height: 176px !important;
    }

    .tour-trustbar {
        margin-top: 24px !important;
    }

    .tour-trustbar-item {
        min-height: 62px !important;
    }
}

@media (min-width: 1101px) and (max-width: 1380px) {
    .tour-hero {
        min-height: 850px !important;
        padding-top: 118px !important;
    }

    .tour-hero-grid {
        grid-template-columns: minmax(0, 1.42fr) minmax(420px, .78fr) !important;
        gap: 48px !important;
    }

    .tour-hero-title {
        font-size: clamp(52px, 4.1vw, 67px) !important;
    }

    .tour-search {
        max-width: 510px !important;
        transform: translateX(-4px) !important;
    }

    .tour-mini-card {
        min-height: 165px !important;
    }
}


/* =========================================================
   HERO V6 — Arka plan görselini belirginleştirme
   Yalnızca hero arka plan katmanlarını etkiler.
========================================================= */

.tour-hero::after {
    background:
        linear-gradient(
            90deg,
            rgba(1, 12, 27, 0.92) 0%,
            rgba(2, 21, 40, 0.78) 28%,
            rgba(2, 29, 50, 0.36) 51%,
            rgba(4, 35, 54, 0.08) 74%,
            rgba(5, 25, 37, 0.05) 100%
        ),
        linear-gradient(
            180deg,
            rgba(0, 12, 27, 0.05) 0%,
            rgba(0, 15, 28, 0.00) 48%,
            rgba(0, 13, 25, 0.42) 100%
        ) !important;
    box-shadow: inset 0 0 90px rgba(0, 7, 17, 0.26) !important;
}

.tour-hero-overlay {
    background:
        radial-gradient(circle at 77% 31%, rgba(61, 218, 232, 0.03), transparent 27%),
        radial-gradient(circle at 92% 70%, rgba(255, 153, 73, 0.05), transparent 28%) !important;
}

.tour-hero::before {
    filter: saturate(1.08) contrast(1.03) brightness(1.04);
}

@media (max-width: 1100px) {
    .tour-hero::after {
        background:
            linear-gradient(
                90deg,
                rgba(1, 12, 27, 0.90) 0%,
                rgba(2, 21, 40, 0.66) 48%,
                rgba(2, 29, 50, 0.24) 100%
            ),
            linear-gradient(
                180deg,
                rgba(0, 12, 27, 0.04) 0%,
                rgba(0, 13, 25, 0.50) 100%
            ) !important;
    }
}


/* =========================================================
   HERO V7 — Son arka plan netlik ayarı
   Yapı değiştirilmedi; yalnızca görsel görünürlüğü artırıldı.
========================================================= */

.tour-hero::before {
    background-position: center center !important;
    filter: saturate(1.12) contrast(1.05) brightness(1.12) !important;
}

.tour-hero::after {
    background:
        linear-gradient(
            90deg,
            rgba(1, 12, 27, 0.88) 0%,
            rgba(2, 21, 40, 0.66) 29%,
            rgba(2, 29, 50, 0.24) 52%,
            rgba(4, 35, 54, 0.03) 76%,
            rgba(5, 25, 37, 0.01) 100%
        ),
        linear-gradient(
            180deg,
            rgba(0, 12, 27, 0.02) 0%,
            rgba(0, 15, 28, 0.00) 50%,
            rgba(0, 13, 25, 0.27) 100%
        ) !important;
    box-shadow: inset 0 0 62px rgba(0, 7, 17, 0.17) !important;
}

.tour-hero-overlay {
    background:
        radial-gradient(circle at 76% 31%, rgba(61, 218, 232, 0.015), transparent 29%),
        radial-gradient(circle at 91% 70%, rgba(255, 153, 73, 0.025), transparent 30%) !important;
}

@media (max-width: 1100px) {
    .tour-hero::before {
        filter: saturate(1.08) contrast(1.03) brightness(1.08) !important;
    }

    .tour-hero::after {
        background:
            linear-gradient(
                90deg,
                rgba(1, 12, 27, 0.86) 0%,
                rgba(2, 21, 40, 0.58) 48%,
                rgba(2, 29, 50, 0.16) 100%
            ),
            linear-gradient(
                180deg,
                rgba(0, 12, 27, 0.02) 0%,
                rgba(0, 13, 25, 0.34) 100%
            ) !important;
    }
}


/* =========================================================
   HERO V8 — Referans görünüm + mini kart görsel düzeltmesi
========================================================= */

/* Mini kart görsellerini kartın tamamına zorla */
.tour-mini-card-media {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    overflow: hidden !important;
}

.tour-mini-card-media img {
    position: absolute !important;
    inset: 0 !important;
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    max-height: none !important;
    object-fit: cover !important;
    object-position: center center !important;
    border: 0 !important;
    border-radius: 0 !important;
}

/* Kart görselinin üstünde yalnızca alttan okunabilirlik katmanı */
.tour-mini-card-media::after {
    background: linear-gradient(
        180deg,
        rgba(2, 18, 34, 0.00) 8%,
        rgba(2, 18, 34, 0.08) 46%,
        rgba(2, 16, 30, 0.88) 100%
    ) !important;
}

/* Referanstaki daha aydınlık sağ alan */
.tour-hero::before {
    background-position: center center !important;
    filter: saturate(1.10) contrast(1.03) brightness(1.10) !important;
}

.tour-hero::after {
    background:
        linear-gradient(
            90deg,
            rgba(1, 12, 27, 0.90) 0%,
            rgba(1, 15, 31, 0.78) 24%,
            rgba(2, 21, 40, 0.48) 43%,
            rgba(2, 29, 50, 0.15) 61%,
            rgba(4, 35, 54, 0.02) 78%,
            rgba(5, 25, 37, 0.00) 100%
        ),
        linear-gradient(
            180deg,
            rgba(0, 12, 27, 0.01) 0%,
            rgba(0, 15, 28, 0.00) 55%,
            rgba(0, 13, 25, 0.23) 100%
        ) !important;
    box-shadow: inset 0 0 55px rgba(0, 7, 17, 0.13) !important;
}

.tour-hero-overlay {
    background:
        radial-gradient(circle at 94% 8%, rgba(255, 190, 115, 0.13), transparent 22%),
        radial-gradient(circle at 78% 31%, rgba(61, 218, 232, 0.02), transparent 30%) !important;
}

@media (max-width: 1100px) {
    .tour-mini-card-media img {
        object-position: center center !important;
    }
}


/* =========================================================
   HERO CLEAN FINAL — Çift input, kart görseli ve trustbar
========================================================= */

.tour-hero {
    padding-bottom: 28px !important;
}

.tour-hero-wrap {
    display: flex !important;
    flex-direction: column !important;
    min-height: 100% !important;
}

.tour-hero-grid {
    flex: 1 0 auto !important;
}

.tour-trustbar {
    position: relative !important;
    z-index: 8 !important;
    width: 100% !important;
    margin-top: 18px !important;
    margin-bottom: 0 !important;
    flex: 0 0 auto !important;
    opacity: 1 !important;
    visibility: visible !important;
    transform: none !important;
}

.tour-trustbar-item {
    min-height: 64px !important;
}

.tour-field-control {
    overflow: hidden !important;
}

.tour-field input[type="text"],
.tour-field input[type="date"] {
    position: relative !important;
    z-index: 1 !important;
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    color: #fff !important;
    background: transparent !important;
}

.tour-field input::placeholder {
    color: rgba(255,255,255,.92) !important;
    opacity: 1 !important;
}

.tour-field:nth-child(2) .tour-field-control::after {
    display: block !important;
    content: "▣" !important;
    right: 15px !important;
    font-size: 17px !important;
}

.tour-mini-card {
    min-height: 176px !important;
}

.tour-mini-card-media,
.tour-mini-card-media img {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
}

.tour-mini-card-media img {
    display: block !important;
    object-fit: cover !important;
    object-position: center center !important;
    max-width: none !important;
    max-height: none !important;
    font-size: 0 !important;
    color: transparent !important;
}

.tour-mini-card img[alt] {
    text-indent: -9999px !important;
}

.tour-mini-card-caption {
    z-index: 3 !important;
}

@media (min-width: 1101px) {
    .tour-hero {
        min-height: 930px !important;
    }

    .tour-hero-grid {
        min-height: 680px !important;
    }

    .tour-trustbar {
        margin-top: 20px !important;
    }
}

@media (max-width: 1100px) {
    .tour-trustbar {
        margin-top: 26px !important;
    }
}


/* =========================================================
   HERO V9 — Final hizalama
   Mevcut yapıyı değiştirmez; yalnızca son masaüstü ayarlarıdır.
========================================================= */

@media (min-width: 1101px) {
    .tour-hero {
        min-height: 975px !important;
        padding-top: 118px !important;
        padding-bottom: 34px !important;
    }

    .tour-hero-grid {
        min-height: 690px !important;
        padding-top: 20px !important;
        align-items: center !important;
    }

    .tour-hero-copy {
        transform: translateY(-10px) !important;
    }

    .tour-search {
        margin-top: 58px !important;
        transform: translateX(-8px) translateY(-8px) !important;
    }

    .tour-mini-grid {
        margin-top: 4px !important;
    }

    .tour-mini-card {
        min-height: 188px !important;
    }

    .tour-trustbar {
        margin-top: 28px !important;
        margin-bottom: 0 !important;
    }

    .tour-trustbar-item {
        min-height: 66px !important;
    }

    .tour-hero::before {
        filter: saturate(1.13) contrast(1.04) brightness(1.15) !important;
    }

    .tour-hero::after {
        background:
            linear-gradient(
                90deg,
                rgba(1, 12, 27, 0.89) 0%,
                rgba(1, 15, 31, 0.76) 23%,
                rgba(2, 21, 40, 0.43) 42%,
                rgba(2, 29, 50, 0.11) 60%,
                rgba(4, 35, 54, 0.01) 78%,
                rgba(5, 25, 37, 0.00) 100%
            ),
            linear-gradient(
                180deg,
                rgba(0, 12, 27, 0.00) 0%,
                rgba(0, 15, 28, 0.00) 58%,
                rgba(0, 13, 25, 0.18) 100%
            ) !important;
        box-shadow: inset 0 0 48px rgba(0, 7, 17, 0.10) !important;
    }

    .tour-hero-overlay {
        background:
            radial-gradient(circle at 95% 7%, rgba(255, 196, 126, 0.16), transparent 24%),
            radial-gradient(circle at 78% 31%, rgba(61, 218, 232, 0.015), transparent 31%) !important;
    }
}

@media (min-width: 1101px) and (max-width: 1380px) {
    .tour-hero {
        min-height: 930px !important;
        padding-top: 112px !important;
    }

    .tour-hero-grid {
        min-height: 655px !important;
    }

    .tour-search {
        margin-top: 52px !important;
        transform: translateX(-4px) translateY(-6px) !important;
    }

    .tour-mini-card {
        min-height: 176px !important;
    }

    .tour-trustbar {
        margin-top: 24px !important;
    }
}


/* =========================================================
   HERO FINAL — Parlak arka plan, görünür trustbar, tam responsive
   Bu blok en sonda kalmalıdır.
========================================================= */

/* Arka planı daha canlı ve net göster */
.tour-hero::before {
    background-position: center center !important;
    filter: saturate(1.18) contrast(1.05) brightness(1.19) !important;
}

.tour-hero::after {
    background:
        linear-gradient(
            90deg,
            rgba(1, 12, 27, 0.88) 0%,
            rgba(1, 15, 31, 0.72) 23%,
            rgba(2, 21, 40, 0.38) 43%,
            rgba(2, 29, 50, 0.09) 61%,
            rgba(4, 35, 54, 0.00) 79%,
            rgba(5, 25, 37, 0.00) 100%
        ),
        linear-gradient(
            180deg,
            rgba(0, 10, 24, 0.00) 0%,
            rgba(0, 12, 25, 0.00) 62%,
            rgba(0, 13, 25, 0.14) 100%
        ) !important;
    box-shadow: inset 0 0 42px rgba(0, 7, 17, 0.08) !important;
}

.tour-hero-overlay {
    background:
        radial-gradient(circle at 96% 6%, rgba(255, 199, 126, 0.20), transparent 25%),
        radial-gradient(circle at 78% 30%, rgba(78, 224, 235, 0.018), transparent 31%) !important;
}

/* Masaüstü: trustbar hero içinde tamamen görünür */
@media (min-width: 1381px) {
    .tour-hero {
        min-height: 850px !important;
        padding-top: 108px !important;
        padding-bottom: 18px !important;
    }

    .tour-hero-wrap {
        min-height: 724px !important;
    }

    .tour-hero-grid {
        min-height: 600px !important;
        padding-top: 16px !important;
        gap: 58px !important;
        align-items: center !important;
    }

    .tour-hero-copy {
        transform: translateY(-8px) !important;
    }

    .tour-search {
        margin-top: 42px !important;
        transform: translateX(-8px) translateY(-8px) !important;
    }

    .tour-mini-grid {
        margin-top: 0 !important;
    }

    .tour-mini-card {
        min-height: 154px !important;
    }

    .tour-trustbar {
        position: relative !important;
        z-index: 10 !important;
        margin-top: 14px !important;
        margin-bottom: 0 !important;
        min-height: 62px !important;
    }

    .tour-trustbar-item {
        min-height: 62px !important;
    }
}

/* Küçük masaüstü / laptop */
@media (min-width: 1101px) and (max-width: 1380px) {
    .tour-hero {
        min-height: 820px !important;
        padding-top: 102px !important;
        padding-bottom: 16px !important;
    }

    .tour-hero-wrap {
        min-height: 700px !important;
    }

    .tour-hero-grid {
        min-height: 570px !important;
        padding-top: 14px !important;
        gap: 42px !important;
    }

    .tour-hero-copy {
        transform: translateY(-7px) !important;
    }

    .tour-search {
        margin-top: 34px !important;
        transform: translateX(-4px) translateY(-6px) !important;
    }

    .tour-mini-card {
        min-height: 146px !important;
    }

    .tour-trustbar {
        margin-top: 12px !important;
    }

    .tour-trustbar-item {
        min-height: 58px !important;
        font-size: 14px !important;
    }
}

/* Tablet */
@media (min-width: 768px) and (max-width: 1100px) {
    .tour-hero {
        min-height: auto !important;
        padding: 28px 0 24px !important;
    }

    .tour-hero::before {
        background-position: 60% center !important;
        filter: saturate(1.12) contrast(1.04) brightness(1.12) !important;
    }

    .tour-hero-grid {
        grid-template-columns: 1fr !important;
        gap: 28px !important;
        min-height: 0 !important;
        padding-top: 74px !important;
    }

    .tour-hero-copy {
        max-width: 860px !important;
        transform: none !important;
    }

    .tour-search {
        width: min(620px, 100%) !important;
        max-width: none !important;
        justify-self: center !important;
        margin-top: 0 !important;
        transform: none !important;
    }

    .tour-mini-card {
        min-height: 170px !important;
    }

    .tour-trustbar {
        margin-top: 26px !important;
    }
}

/* Mobil */
@media (max-width: 767px) {
    .tour-hero {
        min-height: auto !important;
        padding: 18px 0 20px !important;
        overflow: hidden !important;
    }

    .tour-hero::before {
        background-position: 68% center !important;
        filter: saturate(1.08) contrast(1.03) brightness(1.08) !important;
    }

    .tour-hero::after {
        background:
            linear-gradient(
                180deg,
                rgba(1, 12, 27, 0.62) 0%,
                rgba(1, 15, 31, 0.48) 43%,
                rgba(2, 18, 34, 0.58) 100%
            ) !important;
    }

    .tour-hero-wrap {
        min-height: 0 !important;
    }

    .tour-hero-grid {
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 24px !important;
        min-height: 0 !important;
        padding-top: 0 !important;
    }

    .tour-hero-copy {
        transform: none !important;
    }

    .tour-hero-title {
        font-size: clamp(39px, 12vw, 56px) !important;
    }

    .tour-hero-title > strong {
        width: auto !important;
        white-space: normal !important;
    }

    .tour-hero-actions {
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 11px !important;
    }

    .tour-benefits {
        display: grid !important;
        grid-template-columns: 1fr !important;
    }

    .tour-mini-grid {
        grid-template-columns: 1fr !important;
    }

    .tour-mini-card {
        min-height: 190px !important;
    }

    .tour-search {
        width: 100% !important;
        max-width: none !important;
        margin-top: 0 !important;
        transform: none !important;
    }

    .tour-form-grid {
        grid-template-columns: 1fr !important;
    }

    .tour-trustbar {
        grid-template-columns: 1fr 1fr !important;
        margin-top: 24px !important;
    }

    .tour-trustbar-item {
        min-height: 56px !important;
    }
}

/* Çok küçük mobil */
@media (max-width: 420px) {
    .tour-wrap {
        width: calc(100% - 20px) !important;
    }

    .tour-hero-title {
        font-size: 38px !important;
    }

    .tour-mini-card {
        min-height: 176px !important;
    }

    .tour-trustbar {
        grid-template-columns: 1fr !important;
    }

    .tour-trustbar-item {
        border-right: 0 !important;
        border-bottom: 1px solid rgba(255,255,255,.16) !important;
    }

    .tour-trustbar-item:last-child {
        border-bottom: 0 !important;
    }
}


/* =========================================================
   HERO FINAL SON RÖTUŞ
   Son ekran görüntüsüne göre yalnızca parlaklık, hizalama
   ve masaüstü görünürlük ayarları.
========================================================= */

/* Manzarayı belirginleştir; yazı tarafındaki kontrastı koru */
.tour-hero::before {
    filter: saturate(1.22) contrast(1.06) brightness(1.24) !important;
}

.tour-hero::after {
    background:
        linear-gradient(
            90deg,
            rgba(1, 12, 27, 0.87) 0%,
            rgba(1, 15, 31, 0.70) 22%,
            rgba(2, 21, 40, 0.34) 42%,
            rgba(2, 29, 50, 0.065) 60%,
            rgba(4, 35, 54, 0.00) 78%,
            rgba(5, 25, 37, 0.00) 100%
        ),
        linear-gradient(
            180deg,
            rgba(0, 10, 24, 0.00) 0%,
            rgba(0, 12, 25, 0.00) 67%,
            rgba(0, 13, 25, 0.10) 100%
        ) !important;
    box-shadow: inset 0 0 36px rgba(0, 7, 17, 0.06) !important;
}

.tour-hero-overlay {
    background:
        radial-gradient(circle at 96% 5%, rgba(255, 202, 132, 0.24), transparent 26%),
        radial-gradient(circle at 76% 31%, rgba(82, 225, 238, 0.022), transparent 32%) !important;
}

/* Büyük masaüstü */
@media (min-width: 1381px) {
    .tour-hero {
        min-height: 842px !important;
        padding-top: 104px !important;
        padding-bottom: 14px !important;
    }

    .tour-hero-wrap {
        min-height: 718px !important;
    }

    .tour-hero-grid {
        min-height: 592px !important;
        padding-top: 10px !important;
        gap: 56px !important;
    }

    .tour-hero-copy {
        transform: translateY(-6px) !important;
    }

    .tour-search {
        margin-top: 32px !important;
        transform: translateX(-8px) translateY(-5px) !important;
    }

    .tour-mini-card {
        min-height: 158px !important;
    }

    .tour-mini-card-caption {
        bottom: 7px !important;
    }

    .tour-trustbar {
        margin-top: 10px !important;
        min-height: 60px !important;
    }

    .tour-trustbar-item {
        min-height: 60px !important;
    }
}

/* Laptop / küçük masaüstü */
@media (min-width: 1101px) and (max-width: 1380px) {
    .tour-hero {
        min-height: 812px !important;
        padding-top: 98px !important;
        padding-bottom: 14px !important;
    }

    .tour-hero-wrap {
        min-height: 688px !important;
    }

    .tour-hero-grid {
        min-height: 560px !important;
        padding-top: 10px !important;
        gap: 40px !important;
    }

    .tour-search {
        margin-top: 28px !important;
        transform: translateX(-4px) translateY(-4px) !important;
    }

    .tour-mini-card {
        min-height: 148px !important;
    }

    .tour-trustbar {
        margin-top: 10px !important;
    }
}

/* Tablet: görsel ve içerik dengeli kalsın */
@media (min-width: 768px) and (max-width: 1100px) {
    .tour-hero::before {
        background-position: 62% center !important;
        filter: saturate(1.16) contrast(1.04) brightness(1.15) !important;
    }

    .tour-hero-route-badge {
        margin-bottom: 14px !important;
    }

    .tour-mini-card {
        min-height: 174px !important;
    }
}

/* Mobil: okunabilirlik korunurken arka plan canlı kalsın */
@media (max-width: 767px) {
    .tour-hero::before {
        background-position: 70% center !important;
        filter: saturate(1.10) contrast(1.03) brightness(1.10) !important;
    }

    .tour-hero::after {
        background:
            linear-gradient(
                180deg,
                rgba(1, 12, 27, 0.56) 0%,
                rgba(1, 15, 31, 0.44) 44%,
                rgba(2, 18, 34, 0.52) 100%
            ) !important;
    }

    .tour-search {
        margin-top: 2px !important;
    }

    .tour-trustbar {
        margin-top: 20px !important;
    }
}


/* =========================================================
   HERO — DESKTOP + FULL RESPONSIVE FINAL FIX
   Header altında kalma, alt beyaz şerit ve viewport uyumu
========================================================= */

/* Genel */
.tour-hero {
    margin: 0 !important;
    border: 0 !important;
}

.tour-hero-wrap {
    position: relative !important;
}

.tour-trustbar {
    box-sizing: border-box !important;
}

/* Büyük masaüstü */
@media (min-width: 1381px) {
    .tour-hero {
        min-height: 100svh !important;
        padding: 132px 0 18px !important;
        overflow: hidden !important;
    }

    .tour-hero-wrap {
        min-height: calc(100svh - 150px) !important;
        display: flex !important;
        flex-direction: column !important;
    }

    .tour-hero-route-badge {
        top: 12px !important;
        right: 0 !important;
    }

    .tour-hero-grid {
        flex: 1 1 auto !important;
        min-height: 0 !important;
        padding-top: 14px !important;
        align-items: center !important;
        gap: 56px !important;
    }

    .tour-hero-copy {
        transform: translateY(-8px) !important;
    }

    .tour-search {
        margin-top: 20px !important;
        transform: translateX(-8px) translateY(-4px) !important;
    }

    .tour-mini-card {
        min-height: 156px !important;
    }

    .tour-trustbar {
        flex: 0 0 auto !important;
        width: 100% !important;
        margin: 16px 0 0 !important;
        min-height: 60px !important;
    }

    .tour-trustbar-item {
        min-height: 60px !important;
    }
}

/* Laptop / küçük masaüstü */
@media (min-width: 1101px) and (max-width: 1380px) {
    .tour-hero {
        min-height: 100svh !important;
        padding: 124px 0 16px !important;
        overflow: hidden !important;
    }

    .tour-hero-wrap {
        min-height: calc(100svh - 140px) !important;
        display: flex !important;
        flex-direction: column !important;
    }

    .tour-hero-route-badge {
        top: 10px !important;
        right: 0 !important;
    }

    .tour-hero-grid {
        flex: 1 1 auto !important;
        min-height: 0 !important;
        padding-top: 12px !important;
        align-items: center !important;
        gap: 40px !important;
    }

    .tour-hero-copy {
        transform: translateY(-6px) !important;
    }

    .tour-search {
        margin-top: 18px !important;
        transform: translateX(-4px) translateY(-3px) !important;
    }

    .tour-mini-card {
        min-height: 148px !important;
    }

    .tour-trustbar {
        flex: 0 0 auto !important;
        margin: 14px 0 0 !important;
    }

    .tour-trustbar-item {
        min-height: 58px !important;
    }
}

/* Tablet */
@media (min-width: 768px) and (max-width: 1100px) {
    .tour-hero {
        min-height: auto !important;
        padding: 96px 0 26px !important;
        overflow: hidden !important;
    }

    .tour-hero-wrap {
        min-height: 0 !important;
        display: block !important;
    }

    .tour-hero-route-badge {
        position: relative !important;
        top: auto !important;
        right: auto !important;
        margin: 0 0 20px auto !important;
    }

    .tour-hero-grid {
        grid-template-columns: 1fr !important;
        min-height: 0 !important;
        padding-top: 0 !important;
        gap: 30px !important;
    }

    .tour-hero-copy,
    .tour-search {
        transform: none !important;
    }

    .tour-search {
        width: min(620px, 100%) !important;
        justify-self: center !important;
        margin-top: 0 !important;
    }

    .tour-trustbar {
        margin-top: 26px !important;
    }
}

/* Mobil */
@media (max-width: 767px) {
    .tour-hero {
        min-height: auto !important;
        padding: 86px 0 22px !important;
        overflow: hidden !important;
    }

    .tour-hero-wrap {
        min-height: 0 !important;
        display: block !important;
    }

    .tour-hero-route-badge {
        position: relative !important;
        top: auto !important;
        right: auto !important;
        margin: 0 0 18px 0 !important;
    }

    .tour-hero-grid {
        grid-template-columns: 1fr !important;
        min-height: 0 !important;
        padding-top: 0 !important;
        gap: 24px !important;
    }

    .tour-hero-copy,
    .tour-search {
        transform: none !important;
    }

    .tour-search {
        width: 100% !important;
        margin-top: 0 !important;
    }

    .tour-trustbar {
        margin-top: 22px !important;
    }
}

/* Sonraki bölümle beyaz çizgi oluşmasını engelle */
.tour-hero + * {
    margin-top: 0 !important;
}


/* =========================================================
   HERO — TEKNEYİ BELİRGİNLEŞTİRME
   Görsel değiştirilmez. Yalnızca kod ile orta ve sağ alan açılır.
   Bu blok dosyanın en sonunda kalmalıdır.
========================================================= */

/* Görselin genel parlaklığını ölçülü artır */
.tour-hero::before {
    filter:
        saturate(1.20)
        contrast(1.04)
        brightness(1.20) !important;
}

/*
 * Sol tarafta metin kontrastı korunur.
 * Teknenin bulunduğu orta alan ve şelalenin bulunduğu sağ alan açılır.
 */
.tour-hero::after {
    background:
        linear-gradient(
            90deg,
            rgba(1, 12, 27, 0.88) 0%,
            rgba(1, 15, 31, 0.73) 21%,
            rgba(2, 21, 40, 0.40) 36%,
            rgba(2, 25, 44, 0.16) 48%,
            rgba(2, 29, 50, 0.035) 61%,
            rgba(4, 35, 54, 0.00) 78%,
            rgba(5, 25, 37, 0.00) 100%
        ),
        linear-gradient(
            180deg,
            rgba(0, 10, 24, 0.00) 0%,
            rgba(0, 12, 25, 0.00) 69%,
            rgba(0, 13, 25, 0.08) 100%
        ) !important;
    box-shadow: inset 0 0 34px rgba(0, 7, 17, 0.05) !important;
}

/* Tekne bölgesine hafif lokal ışık */
.tour-hero-overlay {
    background:
        radial-gradient(
            ellipse at 53% 56%,
            rgba(97, 225, 238, 0.12) 0%,
            rgba(67, 194, 214, 0.055) 23%,
            transparent 47%
        ),
        radial-gradient(
            circle at 95% 6%,
            rgba(255, 199, 126, 0.20),
            transparent 26%
        ) !important;
}

/* Masaüstünde tekne konumunu biraz daha merkeze getir */
@media (min-width: 1101px) {
    .tour-hero::before {
        background-position: 52% center !important;
    }
}

/* Tablet */
@media (min-width: 768px) and (max-width: 1100px) {
    .tour-hero::before {
        background-position: 60% center !important;
        filter:
            saturate(1.15)
            contrast(1.03)
            brightness(1.14) !important;
    }

    .tour-hero::after {
        background:
            linear-gradient(
                90deg,
                rgba(1, 12, 27, 0.82) 0%,
                rgba(1, 15, 31, 0.60) 31%,
                rgba(2, 24, 43, 0.22) 56%,
                rgba(4, 35, 54, 0.02) 100%
            ) !important;
    }
}

/* Mobilde metin okunabilirliği korunur */
@media (max-width: 767px) {
    .tour-hero::before {
        background-position: 69% center !important;
        filter:
            saturate(1.10)
            contrast(1.03)
            brightness(1.10) !important;
    }

    .tour-hero::after {
        background:
            linear-gradient(
                180deg,
                rgba(1, 12, 27, 0.57) 0%,
                rgba(1, 15, 31, 0.43) 46%,
                rgba(2, 18, 34, 0.50) 100%
            ) !important;
    }

    .tour-hero-overlay {
        background:
            radial-gradient(
                ellipse at 68% 48%,
                rgba(79, 211, 228, 0.06),
                transparent 42%
            ) !important;
    }
}


/* =========================================================
   HERO FINAL — GÖRSELİ AÇ + TRUSTBAR'I YUKARI AL
   Bu blok dosyanın EN SONUNDA kalmalıdır.
========================================================= */

@media (min-width: 1101px) {
    .tour-hero {
        min-height: 790px !important;
        padding-top: 18px !important;
        padding-bottom: 14px !important;
        overflow: hidden !important;
    }

    .tour-hero-wrap {
        min-height: 758px !important;
        display: flex !important;
        flex-direction: column !important;
    }

    .tour-hero-route-badge {
        top: 12px !important;
    }

    .tour-hero-grid {
        flex: 0 0 auto !important;
        min-height: 610px !important;
        padding-top: 42px !important;
        gap: 52px !important;
        align-items: center !important;
    }

    .tour-hero-copy {
        transform: translateY(-4px) !important;
    }

    .tour-search {
        margin-top: 34px !important;
        transform: translateX(-6px) translateY(-4px) !important;
    }

    .tour-mini-card {
        min-height: 142px !important;
    }

    .tour-trustbar {
        position: relative !important;
        z-index: 20 !important;
        flex: 0 0 auto !important;
        width: 100% !important;
        min-height: 58px !important;
        margin: 8px 0 0 !important;
        transform: translateY(-10px) !important;
    }

    .tour-trustbar-item {
        min-height: 58px !important;
    }

    /* Arka planı gerçekten görünür yap */
    .tour-hero::before {
        background-position: 52% center !important;
        filter:
            saturate(1.22)
            contrast(1.03)
            brightness(1.34) !important;
    }

    /* Sol metin korunur; orta ve sağ alan ciddi biçimde açılır */
    .tour-hero::after {
        background:
            linear-gradient(
                90deg,
                rgba(1, 12, 27, 0.82) 0%,
                rgba(1, 15, 31, 0.66) 20%,
                rgba(2, 21, 40, 0.30) 35%,
                rgba(2, 25, 44, 0.10) 47%,
                rgba(2, 29, 50, 0.00) 60%,
                rgba(4, 35, 54, 0.00) 100%
            ),
            linear-gradient(
                180deg,
                rgba(0, 10, 24, 0.00) 0%,
                rgba(0, 12, 25, 0.00) 78%,
                rgba(0, 13, 25, 0.05) 100%
            ) !important;
        box-shadow: none !important;
    }

    .tour-hero-overlay {
        background:
            radial-gradient(
                ellipse at 54% 55%,
                rgba(112, 232, 242, 0.13) 0%,
                rgba(77, 196, 216, 0.05) 26%,
                transparent 48%
            ),
            radial-gradient(
                circle at 96% 5%,
                rgba(255, 205, 137, 0.22),
                transparent 28%
            ) !important;
    }
}

@media (min-width: 1101px) and (max-width: 1380px) {
    .tour-hero {
        min-height: 770px !important;
    }

    .tour-hero-wrap {
        min-height: 738px !important;
    }

    .tour-hero-grid {
        min-height: 590px !important;
        gap: 40px !important;
    }

    .tour-search {
        margin-top: 28px !important;
        transform: translateX(-3px) translateY(-3px) !important;
    }

    .tour-mini-card {
        min-height: 136px !important;
    }

    .tour-trustbar {
        transform: translateY(-12px) !important;
    }
}

/* Tablet */
@media (min-width: 768px) and (max-width: 1100px) {
    .tour-hero {
        min-height: auto !important;
        padding: 24px 0 24px !important;
    }

    .tour-hero::before {
        background-position: 61% center !important;
        filter: saturate(1.15) contrast(1.03) brightness(1.18) !important;
    }

    .tour-hero::after {
        background:
            linear-gradient(
                90deg,
                rgba(1, 12, 27, 0.74) 0%,
                rgba(1, 15, 31, 0.52) 34%,
                rgba(2, 24, 43, 0.16) 60%,
                rgba(4, 35, 54, 0.00) 100%
            ) !important;
    }

    .tour-trustbar {
        transform: none !important;
        margin-top: 24px !important;
    }
}

/* Mobil */
@media (max-width: 767px) {
    .tour-hero {
        min-height: auto !important;
        padding: 18px 0 20px !important;
    }

    .tour-hero::before {
        background-position: 69% center !important;
        filter: saturate(1.10) contrast(1.03) brightness(1.10) !important;
    }

    .tour-trustbar {
        transform: none !important;
        margin-top: 20px !important;
    }
}


/* HERO — SON DÜZELTME */
@media (min-width:1101px){
  .tour-hero{
    min-height:900px!important;
    padding:112px 0 20px!important;
    overflow:hidden!important;
  }
  .tour-hero-wrap{
    min-height:768px!important;
    display:flex!important;
    flex-direction:column!important;
  }
  .tour-hero-route-badge{top:12px!important;right:0!important;}
  .tour-hero-grid{
    flex:1 1 auto!important;
    min-height:630px!important;
    padding-top:18px!important;
    gap:52px!important;
    align-items:center!important;
  }
  .tour-hero-copy{transform:none!important;}
  .tour-search{margin-top:18px!important;transform:translateX(-6px)!important;}
  .tour-mini-card{min-height:150px!important;}
  .tour-trustbar{
    position:relative!important;
    z-index:20!important;
    width:100%!important;
    margin:16px 0 0!important;
    transform:none!important;
    flex:0 0 auto!important;
  }
  .tour-trustbar-item{min-height:60px!important;}
  .tour-hero::before{
    background-position:52% center!important;
    filter:brightness(1.42) contrast(1.05) saturate(1.22)!important;
  }
  .tour-hero::after{
    background:
      linear-gradient(90deg,
        rgba(2,13,27,.72) 0%,
        rgba(2,13,27,.56) 24%,
        rgba(2,13,27,.28) 42%,
        rgba(2,13,27,.08) 58%,
        rgba(2,13,27,0) 75%),
      linear-gradient(180deg,
        rgba(0,10,24,0) 0%,
        rgba(0,12,25,0) 74%,
        rgba(0,13,25,.06) 100%)!important;
    box-shadow:none!important;
  }
  .tour-hero-overlay{
    background:
      radial-gradient(ellipse at 53% 54%,rgba(108,232,242,.12) 0%,rgba(74,196,216,.045) 26%,transparent 48%),
      radial-gradient(circle at 96% 5%,rgba(255,205,137,.20),transparent 28%)!important;
  }
}

@media (min-width:1101px) and (max-width:1380px){
  .tour-hero{min-height:860px!important;padding-top:108px!important;}
  .tour-hero-wrap{min-height:728px!important;}
  .tour-hero-grid{min-height:595px!important;gap:40px!important;}
  .tour-search{margin-top:14px!important;transform:translateX(-3px)!important;}
  .tour-mini-card{min-height:142px!important;}
  .tour-trustbar{margin-top:14px!important;}
}

@media (min-width:768px) and (max-width:1100px){
  .tour-hero{min-height:auto!important;padding:90px 0 26px!important;}
  .tour-hero-wrap{min-height:0!important;display:block!important;}
  .tour-hero-route-badge{
    position:relative!important;top:auto!important;right:auto!important;
    margin:0 0 20px auto!important;
  }
  .tour-hero-grid{
    grid-template-columns:1fr!important;
    min-height:0!important;
    padding-top:0!important;
    gap:30px!important;
  }
  .tour-hero-copy,.tour-search{transform:none!important;}
  .tour-search{width:min(620px,100%)!important;margin-top:0!important;justify-self:center!important;}
  .tour-trustbar{margin-top:26px!important;transform:none!important;}
  .tour-hero::before{
    background-position:60% center!important;
    filter:brightness(1.18) contrast(1.04) saturate(1.15)!important;
  }
}

@media (max-width:767px){
  .tour-hero{min-height:auto!important;padding:84px 0 22px!important;}
  .tour-hero-wrap{min-height:0!important;display:block!important;}
  .tour-hero-route-badge{
    position:relative!important;top:auto!important;right:auto!important;
    margin:0 0 18px 0!important;
  }
  .tour-hero-grid{
    grid-template-columns:1fr!important;
    min-height:0!important;
    padding-top:0!important;
    gap:24px!important;
  }
  .tour-hero-copy,.tour-search{transform:none!important;}
  .tour-search{width:100%!important;margin-top:0!important;}
  .tour-trustbar{margin-top:22px!important;transform:none!important;}
  .tour-hero::before{
    background-position:69% center!important;
    filter:brightness(1.10) contrast(1.03) saturate(1.10)!important;
  }
}


/* ===== FINAL DROPDOWN UI ===== */

.tour-field-control{
overflow:visible!important;
}

.tour-field select{
background:transparent!important;
color:#fff!important;
-webkit-appearance:none!important;
appearance:none!important;
}

.tour-field select option{
background:#12384f!important;
color:#fff!important;
padding:12px!important;
font-size:15px!important;
font-weight:600!important;
}

.tour-field select option:hover{
background:#1d6f90!important;
}

.tour-field select option:checked{
background:#2aa9c8!important;
color:#fff!important;
}

.tour-field select option[value=""]{
background:#18485d!important;
color:#dffcff!important;
}

.tour-field input,
.tour-field select{
border-radius:12px!important;
}
/* =====================================================================
   POPÜLER GÜNÜBİRLİK TURLAR — CLEAN FINAL
   Yalnızca #populer-turlar bölümünü etkiler.
   Mevcut renk paleti, tipografi ve kart dili korunur.
===================================================================== */

#populer-turlar {
    position: relative;
    padding: 58px 0 64px;
    overflow: hidden;
    background:
        radial-gradient(circle at 18% 14%, rgba(56, 216, 229, 0.07), transparent 30%),
        linear-gradient(180deg, #f7fbfd 0%, #f2f8fb 100%);
}

#populer-turlar > .tour-wrap {
    width: min(1340px, calc(100% - 48px)) !important;
    margin-inline: auto;
}

#populer-turlar .tour-head {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    grid-template-areas:
        "kicker filter"
        "title filter"
        "desc filter";
    align-items: center;
    column-gap: 36px;
    margin-bottom: 30px;
}

#populer-turlar .tour-head .tour-kicker {
    grid-area: kicker;
    display: block;
    margin: 0 0 5px;
    color: #17859a;
    font-size: 14px;
    font-weight: 800;
    letter-spacing: 0.075em;
    line-height: 1.3;
    text-transform: uppercase;
}

#populer-turlar .tour-head h2 {
    grid-area: title;
    margin: 0;
    color: #07152d;
    font-size: clamp(30px, 2.3vw, 42px);
    font-weight: 900;
    letter-spacing: -0.035em;
    line-height: 1.08;
}

#populer-turlar .tour-head p {
    grid-area: desc;
    max-width: 720px;
    margin: 7px 0 0;
    color: #52657a;
    font-size: 16px;
    line-height: 1.55;
}

#populer-turlar .tour-filter {
    grid-area: filter;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 10px;
    margin: 0;
}

#populer-turlar .tour-filter button {
    min-width: 78px;
    min-height: 44px;
    padding: 0 18px;
    border: 1px solid rgba(31, 167, 198, 0.42);
    border-radius: 11px;
    background: rgba(255, 255, 255, 0.88);
    color: #0b2037;
    font: inherit;
    font-size: 14px;
    font-weight: 800;
    line-height: 1;
    cursor: pointer;
    box-shadow: 0 7px 18px rgba(5, 37, 61, 0.06);
    transition:
        transform 0.2s ease,
        color 0.2s ease,
        background 0.2s ease,
        border-color 0.2s ease,
        box-shadow 0.2s ease;
}

#populer-turlar .tour-filter button:hover {
    transform: translateY(-2px);
    border-color: #28b9cf;
    box-shadow: 0 12px 24px rgba(5, 37, 61, 0.10);
}

#populer-turlar .tour-filter button.active,
#populer-turlar .tour-filter button[aria-pressed="true"] {
    border-color: #ff654b;
    background: linear-gradient(135deg, #ff704f, #ff5742);
    color: #fff;
    box-shadow: 0 12px 25px rgba(255, 87, 66, 0.24);
}

#populer-turlar .tour-cards {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    align-items: stretch;
    gap: 22px !important;
    width: 100%;
    margin: 0;
}

#populer-turlar .tour-card {
    position: relative;
    display: flex !important;
    min-width: 0;
    height: 100%;
    flex-direction: column;
    overflow: hidden;
    border: 1px solid rgba(26, 167, 194, 0.47);
    border-radius: 18px;
    background: #fff;
    box-shadow:
        0 18px 44px rgba(9, 38, 61, 0.12),
        0 2px 6px rgba(9, 38, 61, 0.05);
    transition:
        transform 0.28s ease,
        border-color 0.28s ease,
        box-shadow 0.28s ease;
}

#populer-turlar .tour-card:hover {
    transform: translateY(-6px);
    border-color: rgba(37, 194, 215, 0.92);
    box-shadow:
        0 26px 58px rgba(9, 38, 61, 0.17),
        0 0 0 1px rgba(56, 216, 229, 0.08);
}

#populer-turlar .tour-card-media-link {
    display: block;
    color: inherit;
    text-decoration: none;
}

#populer-turlar .tour-card-image {
    position: relative;
    height: 250px;
    overflow: hidden;
    background: #0a3150;
}

#populer-turlar .tour-card-image::after {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    background:
        linear-gradient(180deg, rgba(1, 15, 28, 0.01) 35%, rgba(1, 20, 35, 0.62) 100%);
}

#populer-turlar .tour-card-image img {
    display: block;
    width: 100%;
    height: 100%;
    max-width: none;
    object-fit: cover;
    object-position: center;
    transition: transform 0.48s ease;
}

#populer-turlar .tour-card:hover .tour-card-image img {
    transform: scale(1.045);
}

#populer-turlar .tour-card-badge {
    position: absolute;
    top: 14px;
    left: 14px;
    z-index: 2;
    display: inline-flex;
    min-height: 42px;
    align-items: center;
    gap: 8px;
    padding: 0 14px;
    border: 1px solid rgba(214, 250, 252, 0.72);
    border-radius: 11px;
    background: linear-gradient(135deg, rgba(15, 151, 166, 0.93), rgba(11, 105, 130, 0.91));
    color: #fff;
    font-size: 15px;
    font-weight: 850;
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.15);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
}

#populer-turlar .tour-card-body {
    display: flex !important;
    min-width: 0;
    flex: 1 1 auto;
    flex-direction: column;
    padding: 21px 20px 18px;
}

#populer-turlar .tour-card-copy h3 {
    margin: 0 0 8px;
    color: #07152d;
    font-size: 22px;
    font-weight: 900;
    letter-spacing: -0.025em;
    line-height: 1.17;
}

#populer-turlar .tour-location {
    display: flex;
    min-width: 0;
    align-items: center;
    gap: 7px;
    margin: 0;
    color: #617086;
    font-size: 14px;
    line-height: 1.45;
}

#populer-turlar .tour-location > span:first-child {
    flex: 0 0 auto;
    color: #e84a72;
    font-size: 16px;
}

#populer-turlar .tour-meta {
    display: flex;
    flex-wrap: wrap;
    gap: 9px 16px;
    margin: 17px 0 0;
    padding: 15px 0;
    border-top: 1px solid #dce7ed;
    border-bottom: 1px solid #dce7ed;
}

#populer-turlar .tour-meta span {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    color: #34495e;
    font-size: 12px;
    font-weight: 650;
    white-space: nowrap;
}

#populer-turlar .tour-meta i {
    font-style: normal;
}

#populer-turlar .tour-card-bottom {
    display: flex;
    margin-top: auto;
    flex-direction: column;
    gap: 14px;
    padding-top: 16px;
}

#populer-turlar .tour-price {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 14px;
}

#populer-turlar .tour-price span {
    color: #708095;
    font-size: 13px;
    line-height: 1;
    white-space: nowrap;
}

#populer-turlar .tour-price strong {
    color: #07152d;
    font-size: 25px;
    font-weight: 900;
    letter-spacing: -0.035em;
    line-height: 1;
    white-space: nowrap;
}

#populer-turlar .tour-card-actions {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 48px;
    gap: 10px;
}

#populer-turlar .tour-card-actions .main,
#populer-turlar .tour-card-actions .wa {
    display: inline-flex;
    min-height: 48px;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    font-size: 14px;
    font-weight: 850;
    line-height: 1;
    text-decoration: none;
    transition:
        transform 0.2s ease,
        background 0.2s ease,
        border-color 0.2s ease,
        box-shadow 0.2s ease;
}

#populer-turlar .tour-card-actions .main {
    gap: 8px;
    border: 1px solid #ff6048;
    background: linear-gradient(135deg, #ff6d4e, #ff5540);
    color: #fff;
    box-shadow: 0 10px 22px rgba(255, 87, 65, 0.20);
}

#populer-turlar .tour-card-actions .main:hover {
    transform: translateY(-2px);
    box-shadow: 0 14px 26px rgba(255, 87, 65, 0.27);
}

#populer-turlar .tour-card-actions .main span:last-child {
    font-size: 22px;
    font-weight: 500;
    transition: transform 0.2s ease;
}

#populer-turlar .tour-card-actions .main:hover span:last-child {
    transform: translateX(3px);
}

#populer-turlar .tour-card-actions .wa {
    width: 48px;
    border: 1px solid #22b8d0;
    background: #fff;
    color: #078da5;
}

#populer-turlar .tour-card-actions .wa:hover {
    transform: translateY(-2px);
    background: #eafcff;
    border-color: #0ba2bb;
}

#populer-turlar .tour-help-cta {
    display: grid !important;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: 22px;
    margin-top: 28px;
    padding: 25px 28px;
    overflow: hidden;
    border: 1px solid rgba(86, 222, 235, 0.52);
    border-radius: 18px;
    background:
        radial-gradient(circle at 8% 50%, rgba(56, 216, 229, 0.12), transparent 20%),
        linear-gradient(115deg, #021b3a 0%, #064b6e 55%, #0c8299 100%);
    color: #fff;
    box-shadow: 0 20px 42px rgba(6, 51, 81, 0.16);
}

#populer-turlar .tour-help-cta .cta-icon {
    display: grid;
    width: 70px;
    height: 70px;
    place-items: center;
    border: 2px solid #53ebef;
    border-radius: 50%;
    background: rgba(2, 27, 52, 0.48);
    font-size: 31px;
    box-shadow: 0 0 28px rgba(56, 216, 229, 0.15);
}

#populer-turlar .tour-help-copy {
    min-width: 0;
}

#populer-turlar .tour-help-copy .tour-kicker {
    display: block;
    margin: 0 0 3px;
    color: #d7fbff;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 0;
    text-transform: none;
}

#populer-turlar .tour-help-copy h3 {
    margin: 0;
    color: #fff;
    font-size: clamp(24px, 2vw, 34px);
    font-weight: 900;
    letter-spacing: -0.03em;
    line-height: 1.12;
}

#populer-turlar .tour-help-copy p {
    margin: 5px 0 0;
    color: rgba(241, 252, 255, 0.90);
    font-size: 14px;
    line-height: 1.45;
}

#populer-turlar .tour-help-cta .cta-actions {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 10px;
}

#populer-turlar .tour-help-cta .tour-btn {
    display: inline-flex;
    min-width: 156px;
    min-height: 48px;
    align-items: center;
    justify-content: center;
    padding: 0 18px;
    border: 1px solid transparent;
    border-radius: 10px;
    font-size: 13px;
    font-weight: 850;
    line-height: 1;
    text-decoration: none;
    transition:
        transform 0.2s ease,
        background 0.2s ease,
        border-color 0.2s ease,
        box-shadow 0.2s ease;
}

#populer-turlar .tour-help-cta .tour-btn-primary {
    border-color: #ff6b50;
    background: linear-gradient(135deg, #ff6d4e, #ff5540);
    color: #fff;
    box-shadow: 0 10px 22px rgba(255, 87, 65, 0.22);
}

#populer-turlar .tour-help-cta .tour-btn-outline {
    border-color: rgba(225, 250, 252, 0.72);
    background: rgba(3, 31, 56, 0.28);
    color: #fff;
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
}

#populer-turlar .tour-help-cta .tour-btn:hover {
    transform: translateY(-2px);
}

@media (max-width: 1100px) {
    #populer-turlar > .tour-wrap {
        width: min(100% - 38px, 980px) !important;
    }

    #populer-turlar .tour-head {
        grid-template-columns: 1fr;
        grid-template-areas:
            "kicker"
            "title"
            "desc"
            "filter";
        row-gap: 0;
    }

    #populer-turlar .tour-filter {
        justify-content: flex-start;
        margin-top: 20px;
    }

    #populer-turlar .tour-cards {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }

    #populer-turlar .tour-help-cta {
        grid-template-columns: auto minmax(0, 1fr);
    }

    #populer-turlar .tour-help-cta .cta-actions {
        grid-column: 1 / -1;
        justify-content: flex-start;
    }
}

@media (max-width: 700px) {
    #populer-turlar {
        padding: 42px 0 48px;
    }

    #populer-turlar > .tour-wrap {
        width: min(100% - 26px, 620px) !important;
    }

    #populer-turlar .tour-head {
        margin-bottom: 24px;
    }

    #populer-turlar .tour-head h2 {
        font-size: clamp(28px, 8.5vw, 36px);
    }

    #populer-turlar .tour-head p {
        font-size: 15px;
    }

    #populer-turlar .tour-filter {
        overflow-x: auto;
        justify-content: flex-start;
        padding-bottom: 4px;
        overscroll-behavior-inline: contain;
        scrollbar-width: none;
        -webkit-overflow-scrolling: touch;
    }

    #populer-turlar .tour-filter::-webkit-scrollbar {
        display: none;
    }

    #populer-turlar .tour-filter button {
        flex: 0 0 auto;
    }

    #populer-turlar .tour-cards {
        grid-template-columns: minmax(0, 1fr) !important;
        gap: 17px !important;
    }

    #populer-turlar .tour-card-image {
        height: 230px;
    }

    #populer-turlar .tour-card-body {
        padding: 18px 17px 16px;
    }

    #populer-turlar .tour-help-cta {
        grid-template-columns: 1fr;
        gap: 16px;
        padding: 22px 18px;
        text-align: center;
    }

    #populer-turlar .tour-help-cta .cta-icon {
        width: 62px;
        height: 62px;
        margin-inline: auto;
        font-size: 27px;
    }

    #populer-turlar .tour-help-cta .cta-actions {
        display: grid;
        grid-template-columns: 1fr;
        width: 100%;
    }

    #populer-turlar .tour-help-cta .tour-btn {
        width: 100%;
        min-width: 0;
    }
}

@media (max-width: 390px) {
    #populer-turlar > .tour-wrap {
        width: calc(100% - 20px) !important;
    }

    #populer-turlar .tour-card-image {
        height: 205px;
    }

    #populer-turlar .tour-card-copy h3 {
        font-size: 20px;
    }

    #populer-turlar .tour-price strong {
        font-size: 23px;
    }

    #populer-turlar .tour-card-actions {
        grid-template-columns: minmax(0, 1fr) 46px;
        gap: 8px;
    }

    #populer-turlar .tour-card-actions .main,
    #populer-turlar .tour-card-actions .wa {
        min-height: 46px;
    }
}

@media (prefers-reduced-motion: reduce) {
    #populer-turlar .tour-card,
    #populer-turlar .tour-card-image img,
    #populer-turlar .tour-filter button,
    #populer-turlar .tour-card-actions a,
    #populer-turlar .tour-help-cta .tour-btn {
        transition: none !important;
    }

    #populer-turlar .tour-card:hover,
    #populer-turlar .tour-card:hover .tour-card-image img,
    #populer-turlar .tour-filter button:hover,
    #populer-turlar .tour-card-actions a:hover,
    #populer-turlar .tour-help-cta .tour-btn:hover {
        transform: none !important;
    }
}

/* =====================================================================
   POPÜLER TURLAR — FINAL YERLEŞİM DÜZELTMESİ
   Önceki clean bloğun son override katmanıdır.
===================================================================== */

#populer-turlar {
    padding-top: 48px !important;
}

#populer-turlar > .tour-wrap {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto;
    grid-template-areas:
        "heading filters"
        "cards cards"
        "help help";
    align-items: end;
    column-gap: 36px;
    row-gap: 0;
}

#populer-turlar .tour-head {
    grid-area: heading;
    display: block !important;
    margin: 0 0 28px !important;
}

#populer-turlar .tour-head .tour-kicker {
    margin-bottom: 7px !important;
}

#populer-turlar .tour-head h2 {
    margin: 0 !important;
}

#populer-turlar .tour-head p {
    margin-top: 7px !important;
}

#populer-turlar .tour-filter {
    grid-area: filters;
    align-self: end;
    justify-self: end;
    margin: 0 0 28px !important;
}

#populer-turlar .tour-cards {
    grid-area: cards;
    width: 100% !important;
}

#populer-turlar .tour-help-cta {
    grid-area: help;
}

/* Kartları daha kompakt ve dengeli hale getir */
#populer-turlar .tour-card-image {
    height: 214px !important;
}

/*
 * Kaynak görsellerin alt kısmında bulunan eski yazı katmanını
 * yeniden HTML'e taşımadan optik olarak kadraj dışında bırakır.
 */
#populer-turlar .tour-card-image img {
    transform: scale(1.14) !important;
    transform-origin: center top !important;
    object-position: center top !important;
}

#populer-turlar .tour-card:hover .tour-card-image img {
    transform: scale(1.18) !important;
}

#populer-turlar .tour-card-image::after {
    background:
        linear-gradient(
            180deg,
            rgba(1, 15, 28, 0.00) 56%,
            rgba(1, 18, 32, 0.18) 78%,
            rgba(1, 20, 35, 0.46) 100%
        ) !important;
}

#populer-turlar .tour-card-body {
    padding: 18px 18px 16px !important;
}

#populer-turlar .tour-card-copy h3 {
    margin-bottom: 6px !important;
    font-size: 21px !important;
}

#populer-turlar .tour-meta {
    margin-top: 14px !important;
    padding: 12px 0 !important;
}

#populer-turlar .tour-card-bottom {
    gap: 12px !important;
    padding-top: 13px !important;
}

#populer-turlar .tour-card-actions .main,
#populer-turlar .tour-card-actions .wa {
    min-height: 46px !important;
}

#populer-turlar .tour-card-actions .wa {
    width: 46px !important;
}

/* CTA alanını kartlara daha yakın bağla */
#populer-turlar .tour-help-cta {
    margin-top: 24px !important;
}

/* 1366–1600 aralığında kartların gereksiz büyümesini engelle */
@media (min-width: 1101px) and (max-width: 1600px) {
    #populer-turlar > .tour-wrap {
        width: min(1240px, calc(100% - 44px)) !important;
    }

    #populer-turlar .tour-cards {
        gap: 18px !important;
    }

    #populer-turlar .tour-card-image {
        height: 205px !important;
    }

    #populer-turlar .tour-filter button {
        min-width: 72px;
        padding-inline: 15px;
    }
}

@media (max-width: 1100px) {
    #populer-turlar > .tour-wrap {
        grid-template-columns: minmax(0, 1fr);
        grid-template-areas:
            "heading"
            "filters"
            "cards"
            "help";
    }

    #populer-turlar .tour-head {
        margin-bottom: 18px !important;
    }

    #populer-turlar .tour-filter {
        justify-self: start;
        margin-bottom: 24px !important;
    }
}

@media (max-width: 700px) {
    #populer-turlar {
        padding-top: 38px !important;
    }

    #populer-turlar .tour-head {
        margin-bottom: 15px !important;
    }

    #populer-turlar .tour-filter {
        width: 100%;
        margin-bottom: 20px !important;
    }

    #populer-turlar .tour-card-image {
        height: 205px !important;
    }

    #populer-turlar .tour-card-image img {
        transform: scale(1.12) !important;
    }

    #populer-turlar .tour-card:hover .tour-card-image img {
        transform: scale(1.15) !important;
    }
}

@media (max-width: 390px) {
    #populer-turlar .tour-card-image {
        height: 190px !important;
    }
}

/* =====================================================================
   POPÜLER TURLAR — GÖRSEL OTURMA VE KART HİZASI FINAL V2
===================================================================== */

#populer-turlar > .tour-wrap {
    width: min(1340px, calc(100% - 48px)) !important;
    margin-inline: auto !important;
}

#populer-turlar .tour-cards {
    justify-content: center !important;
    margin-inline: auto !important;
}

#populer-turlar .tour-card {
    width: 100% !important;
    margin: 0 !important;
    overflow: hidden !important;
}

#populer-turlar .tour-card-media-link {
    display: block !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
}

#populer-turlar .tour-card-image {
    position: relative !important;
    width: 100% !important;
    height: 220px !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    border-radius: 17px 17px 0 0 !important;
    background: transparent !important;
}

#populer-turlar .tour-card-image img {
    position: absolute !important;
    inset: -2px !important;
    display: block !important;
    width: calc(100% + 4px) !important;
    height: calc(100% + 4px) !important;
    max-width: none !important;
    max-height: none !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    object-fit: cover !important;
    object-position: center center !important;
    transform: scale(1.025) !important;
    transform-origin: center center !important;
}

#populer-turlar .tour-card:hover .tour-card-image img {
    transform: scale(1.055) !important;
}

#populer-turlar .tour-card-image::after {
    inset: 0 !important;
    border-radius: inherit !important;
    background:
        linear-gradient(
            180deg,
            rgba(1, 15, 28, 0) 72%,
            rgba(1, 18, 32, 0.10) 88%,
            rgba(1, 20, 35, 0.20) 100%
        ) !important;
}

#populer-turlar .tour-card-badge {
    top: 14px !important;
    left: 14px !important;
}

/* Masaüstünde üç kartın tam merkezde ve eşit genişlikte kalması */
@media (min-width: 1101px) {
    #populer-turlar .tour-cards {
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    }
}

/* Orta ekranlarda taşmayı engelle */
@media (min-width: 701px) and (max-width: 1100px) {
    #populer-turlar > .tour-wrap {
        width: min(100% - 36px, 980px) !important;
    }

    #populer-turlar .tour-cards {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
}

@media (max-width: 700px) {
    #populer-turlar > .tour-wrap {
        width: min(100% - 24px, 620px) !important;
    }

    #populer-turlar .tour-cards {
        grid-template-columns: minmax(0, 1fr) !important;
    }

    #populer-turlar .tour-card-image {
        height: 210px !important;
    }

    #populer-turlar .tour-card-image img {
        inset: -1px !important;
        width: calc(100% + 2px) !important;
        height: calc(100% + 2px) !important;
        transform: scale(1.015) !important;
    }

    #populer-turlar .tour-card:hover .tour-card-image img {
        transform: scale(1.035) !important;
    }
}

@media (max-width: 390px) {
    #populer-turlar > .tour-wrap {
        width: calc(100% - 20px) !important;
    }

    #populer-turlar .tour-card-image {
        height: 195px !important;
    }
}

/* =====================================================================
   HERO — ÇİFT İKONLARI TEKİLLEŞTİRME FINAL
   Bu blok dosyanın en sonunda kalmalıdır.
===================================================================== */

.tour-hero .tour-field-icon,
.tour-hero .tour-benefit-icon,
.tour-hero .tour-trustbar-icon {
    color: transparent !important;
    font-size: 0 !important;
    line-height: 0 !important;
    text-indent: -9999px !important;
}

.tour-hero .tour-field-icon::before,
.tour-hero .tour-benefit-icon::before,
.tour-hero .tour-trustbar-icon::before {
    display: block !important;
    color: var(--tour-cyan-light, #7af2ef) !important;
    font-family: Arial, "Segoe UI Symbol", sans-serif !important;
    font-size: 22px !important;
    font-weight: 400 !important;
    line-height: 1 !important;
    text-indent: 0 !important;
}

/* Form ikonları */
.tour-hero .tour-field:nth-child(1) .tour-field-icon::before {
    content: "⚓" !important;
}

.tour-hero .tour-field:nth-child(2) .tour-field-icon::before {
    content: "▣" !important;
}

.tour-hero .tour-field:nth-child(3) .tour-field-icon::before {
    content: none !important;
}

.tour-hero .tour-field:nth-child(4) .tour-field-icon::before {
    content: "⌖" !important;
}

/* Kişi sayacında ikinci ikon oluşmasını engelle */
.tour-hero .tour-people-control .tour-field-icon,
.tour-hero .tour-people-field > .tour-field-icon {
    display: none !important;
}

/* Hero avantaj ikonları */
.tour-hero .tour-benefit-item:nth-child(1) .tour-benefit-icon::before {
    content: "▣" !important;
}

.tour-hero .tour-benefit-item:nth-child(2) .tour-benefit-icon::before {
    content: "♙" !important;
}

.tour-hero .tour-benefit-item:nth-child(3) .tour-benefit-icon::before {
    content: "◇" !important;
}

/* Alt güven barı ikonları */
.tour-hero .tour-trustbar-item:nth-child(1) .tour-trustbar-icon::before {
    content: "▣" !important;
}

.tour-hero .tour-trustbar-item:nth-child(2) .tour-trustbar-icon::before {
    content: "✓" !important;
}

.tour-hero .tour-trustbar-item:nth-child(3) .tour-trustbar-icon::before {
    content: "♙" !important;
}

.tour-hero .tour-trustbar-item:nth-child(4) .tour-trustbar-icon::before {
    content: "◉" !important;
}

/* Tarih alanındaki yapay ikinci ikonu kaldır */
.tour-hero .tour-field:nth-child(2) .tour-field-control::after {
    content: none !important;
    display: none !important;
}

/* Kişi sayacı alanında dropdown oku üretme */
.tour-hero .tour-field:nth-child(3) .tour-field-control::after {
    content: none !important;
    display: none !important;
}

/* Tarayıcının yerleşik takvim ikonunu görünmez yap */
.tour-hero input[type="date"]::-webkit-calendar-picker-indicator {
    opacity: 0 !important;
    cursor: pointer !important;
}

/* Son eleman border hatalarını düzelt */
.tour-hero .tour-benefit-item:last-child,
.tour-hero .tour-trustbar-item:last-child {
    border-right: 0 !important;
}

@media (max-width: 767px) {
    .tour-hero .tour-field-icon::before,
    .tour-hero .tour-benefit-icon::before,
    .tour-hero .tour-trustbar-icon::before {
        font-size: 19px !important;
    }
}


/* =========================================================
   KS27 HERO FONT SAFETY — STERIL
   Yalnızca .tour-main içinde çalışır.
========================================================= */
.tour-main {
    font-family: var(--common-font, "Lato", Arial, Helvetica, sans-serif);
}

.tour-main h1,
.tour-main h2,
.tour-main h3,
.tour-main h4,
.tour-main h5,
.tour-main h6 {
    font-family: var(--heading-font, "Catamaran", "Lato", Arial, Helvetica, sans-serif);
}

.tour-main button,
.tour-main input,
.tour-main select,
.tour-main textarea {
    font-family: inherit;
}


/* ===== SOURCE: assets/css/tur-home.css ===== */
/* Antalya Turları - Ana sayfa bölümleri */
/* cards */
.tour-filter{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin-bottom:28px}.tour-filter button{border:1px solid #9ad8e3;background:#fff;color:#15243a;border-radius:10px;padding:12px 20px;font-weight:900;cursor:pointer}.tour-filter button.active{background:var(--tour-orange);color:#fff;border-color:var(--tour-orange)}.tour-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.tour-card{background:#fff;border:1px solid #8edce8;border-radius:17px;overflow:hidden;box-shadow:var(--tour-shadow);display:flex;flex-direction:column}.tour-card-image{height:230px;position:relative;background:linear-gradient(135deg,#0d6681,#8ddde9);overflow:hidden}.tour-card-image img{width:100%;height:100%;object-fit:cover}.tour-card-badge{position:absolute;top:14px;left:14px;background:rgba(4,120,135,.83);color:#fff;border:1px solid #adf8ff;border-radius:10px;padding:9px 12px;font-weight:900}.tour-card-body{padding:18px 20px 19px;display:flex;flex-direction:column;flex:1}.tour-card h3{font-size:22px;margin:0 0 7px}.tour-location{color:#53637a;margin:0 0 13px}.tour-meta{display:flex;gap:13px;flex-wrap:wrap;border-top:1px solid #d9e6ec;padding-top:12px;font-size:13px;color:#344760}.tour-price{margin:14px 0 12px;font-size:14px;color:#617086}.tour-price strong{font-size:24px;color:#07152d}.tour-card-actions{display:grid;grid-template-columns:1fr 52px;gap:10px;margin-top:auto}.tour-card-actions a{min-height:49px;border-radius:10px;display:flex;align-items:center;justify-content:center;text-decoration:none;font-weight:900}.tour-card-actions .main{background:linear-gradient(135deg,#ff704f,#ff513a);color:#fff}.tour-card-actions .wa{border:1px solid #28b7c7;color:#078da1;background:#fff}
.cta-strip{margin-top:24px;border-radius:20px;padding:31px 35px;background:linear-gradient(110deg,#031b38 0%,#063b63 58%,#10acc4 140%);color:#fff;display:grid;grid-template-columns:auto 1fr auto;gap:24px;align-items:center;box-shadow:var(--tour-shadow)}.cta-icon{width:88px;height:88px;border-radius:50%;display:grid;place-items:center;border:2px solid #48e7ef;box-shadow:0 0 25px rgba(59,235,244,.35);font-size:38px}.cta-strip h3{font-size:32px;margin:0 0 5px}.cta-strip p{margin:0;color:#d9f2f7}.cta-actions{display:flex;gap:12px;flex-wrap:wrap}
/* reviews */
.reviews-layout{display:grid;grid-template-columns:1.45fr .9fr;gap:35px}.review-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.review-card{background:#fff;border:1px solid #9be3ec;border-radius:21px;padding:25px;text-align:center;box-shadow:var(--tour-shadow)}.review-avatar{width:110px;height:110px;border-radius:50%;margin:0 auto 16px;background:linear-gradient(135deg,#9edee8,#ffd2a9);display:grid;place-items:center;font-size:38px;font-weight:900;color:#07304d;overflow:hidden}.review-avatar img{width:100%;height:100%;object-fit:cover}.review-card h3{margin:0 0 5px}.review-tour{color:#079bb5;font-weight:800;font-size:14px}.stars{color:#ff6548;font-size:21px;letter-spacing:2px;margin:8px 0}.review-card p{line-height:1.6;color:#2f4057}.review-gallery{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1.2fr .8fr;gap:12px}.review-gallery figure{margin:0;border-radius:19px;overflow:hidden;min-height:210px;background:linear-gradient(135deg,#0b6d80,#77d9df)}.review-gallery figure:first-child{grid-column:1/3}.review-gallery img{width:100%;height:100%;object-fit:cover}
/* steps */
.steps-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:70px;position:relative}.step-card{background:#fff;border:1px solid #9fe3eb;border-radius:20px;padding:18px;box-shadow:var(--tour-shadow);position:relative}.step-no{position:absolute;top:-28px;left:-10px;width:78px;height:78px;border-radius:50%;background:#fff;border:8px solid #eef9fb;display:grid;place-items:center;font-size:30px;font-weight:900;color:#ff6548;box-shadow:0 8px 23px rgba(22,83,101,.18)}.step-visual{height:260px;border-radius:14px;overflow:hidden;background:linear-gradient(135deg,#d8f5f8,#f5d6bd)}.step-visual img{width:100%;height:100%;object-fit:cover}.step-card h3{font-size:25px;margin:16px 0 7px;padding-left:10px}.step-card p{margin:0;padding:0 10px 12px;color:#44536a;line-height:1.5}
/* why */
.why-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}.why-collage{display:grid;grid-template-columns:1.15fr .8fr;grid-template-rows:1fr 1fr;gap:12px}.why-collage figure{margin:0;border-radius:22px;overflow:hidden;background:linear-gradient(135deg,#0f6880,#8de0e6);min-height:235px}.why-collage figure:first-child{grid-row:1/3}.why-collage img{width:100%;height:100%;object-fit:cover}.why-copy h2{font-size:clamp(39px,4vw,62px);line-height:1;margin:8px 0 17px}.why-copy>p{font-size:18px;line-height:1.6;color:#42536b}.why-features{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:23px}.why-feature{background:#fff;border:1px solid #9be1ea;border-radius:15px;padding:18px;display:flex;gap:13px;align-items:flex-start}.why-feature i{font-style:normal;font-size:28px;color:#079bb5}.why-feature strong{display:block;font-size:18px}.why-feature small{color:#4f6077}.why-cta{margin-top:16px;border-radius:18px;background:linear-gradient(110deg,#031d3c,#08759c);padding:24px;color:#fff;display:flex;align-items:center;justify-content:space-between;gap:20px}
/* routes/blog/faq/footer extras */
.route-grid,.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.route-card,.blog-card{background:#fff;border:1px solid #b6e6ec;border-radius:18px;overflow:hidden;box-shadow:var(--tour-shadow)}.route-card a,.blog-card a{text-decoration:none;color:inherit}.route-image,.blog-image{height:210px;background:linear-gradient(135deg,#0c6d82,#9be5e8);overflow:hidden}.route-image img,.blog-image img{width:100%;height:100%;object-fit:cover}.route-body,.blog-body{padding:19px}.route-body h3,.blog-body h3{margin:0 0 8px;font-size:22px}.route-body p,.blog-body p{color:#55667b;line-height:1.55}.stats-band{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:#95dce7;border-radius:18px;overflow:hidden}.stats-band div{background:#fff;text-align:center;padding:27px}.stats-band strong{font-size:39px;color:#079bb5;display:block}.faq-wrap{max-width:1000px;margin:auto}.faq-item{background:#fff;border:1px solid #b6e4ea;border-radius:14px;margin-bottom:12px;overflow:hidden}.faq-q{width:100%;padding:19px 22px;background:#fff;border:0;text-align:left;font:inherit;font-size:18px;font-weight:900;display:flex;justify-content:space-between;cursor:pointer}.faq-a{display:none;padding:0 22px 20px;color:#506078;line-height:1.65}.faq-item.open .faq-a{display:block}.mobile-actions{display:none}



/* FINAL CTA + PREMIUM FAQ */
.tour-final-cta{position:relative;min-height:720px;display:flex;align-items:center;padding:90px 0;background:linear-gradient(90deg,rgba(2,18,35,.58),rgba(2,18,35,.18)),var(--final-cta-image);background-size:cover;background-position:center;isolation:isolate;color:#fff}
.tour-final-cta:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(2,17,34,.08),rgba(2,17,34,.34));z-index:-1}
.tour-final-panel{width:min(1030px,calc(100% - 40px));margin:auto;border:1px solid rgba(103,235,242,.95);border-radius:40px;background:linear-gradient(145deg,rgba(4,34,61,.93),rgba(5,22,42,.88));box-shadow:0 28px 80px rgba(0,0,0,.34),inset 0 1px 0 rgba(255,255,255,.18);backdrop-filter:blur(13px);overflow:hidden;text-align:center}
.tour-final-panel-top{padding:56px 48px 42px}
.tour-final-kicker{display:block;color:#2ee4ee;letter-spacing:.28em;font-size:18px;font-weight:900;text-transform:uppercase;margin-bottom:20px}
.tour-final-panel h2{font-size:clamp(45px,5.2vw,78px);line-height:.98;margin:0;color:#fff;text-shadow:0 4px 24px rgba(0,0,0,.24)}
.tour-final-panel h2 span{display:block;color:#48e2e5;margin-top:8px}
.tour-final-divider{width:160px;height:5px;border-radius:999px;margin:24px auto;background:linear-gradient(90deg,#2ee4ee 0 48%,transparent 48% 53%,#ff6e50 53%)}
.tour-final-panel p{font-size:21px;line-height:1.55;color:#edf9fb;max-width:700px;margin:0 auto}
.tour-final-actions{display:flex;justify-content:center;gap:18px;flex-wrap:wrap;margin-top:34px}
.tour-final-actions .tour-btn{min-width:330px;min-height:72px;font-size:19px;border-radius:14px}
.tour-final-benefits{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid rgba(88,211,227,.5)}
.tour-final-benefits div{padding:26px 18px;display:flex;align-items:center;justify-content:center;gap:15px;font-size:19px;border-right:1px solid rgba(255,255,255,.25)}
.tour-final-benefits div:last-child{border-right:0}.tour-final-benefits i{font-style:normal;color:#46e3e8;font-size:32px}
.tour-faq-dark{background:radial-gradient(circle at 30% 10%,#0a355b 0,#03182f 42%,#020f22 100%);color:#fff;padding:92px 0}
.tour-faq-dark .tour-head h2,.tour-faq-dark .tour-head p{color:#fff}.tour-faq-dark .tour-head p{opacity:.88}
.tour-faq-dark-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(360px,.85fr);gap:25px;align-items:stretch}
.tour-faq-list{display:flex;flex-direction:column;gap:12px}
.tour-faq-dark .faq-item{border:1px solid rgba(112,178,216,.55);background:linear-gradient(135deg,rgba(5,32,62,.96),rgba(3,22,44,.93));border-radius:18px;overflow:hidden;box-shadow:none}
.tour-faq-dark .faq-item.open{border-color:#30dce8;box-shadow:0 0 22px rgba(36,219,231,.16)}
.tour-faq-dark .faq-q{min-height:78px;color:#fff;font-size:21px;padding:18px 25px 18px 34px;display:grid;grid-template-columns:44px 1fr 28px;align-items:center;text-align:left;gap:16px;background:transparent;border:0;width:100%;font-weight:900;cursor:pointer}
.tour-faq-dark .faq-q:before{content:"+";width:42px;height:42px;border:2px solid #35deeb;border-radius:50%;display:grid;place-items:center;color:#35deeb;font-size:28px;font-weight:500;box-shadow:0 0 15px rgba(53,222,235,.25)}
.tour-faq-dark .faq-item.open .faq-q:before{content:"−"}
.tour-faq-dark .faq-q span{color:#36dce8;font-size:30px;text-align:right}.tour-faq-dark .faq-a{display:none;color:#e7f5fa;font-size:17px;line-height:1.7;padding:0 34px 26px 94px}.tour-faq-dark .faq-item.open .faq-a{display:block}
.tour-faq-side{border:1px solid rgba(255,255,255,.8);border-radius:24px;overflow:hidden;background:linear-gradient(145deg,rgba(104,159,169,.55),rgba(29,54,66,.86));box-shadow:0 25px 55px rgba(0,0,0,.24);display:flex;flex-direction:column}
.tour-faq-side-image{height:365px;position:relative;overflow:hidden;background:linear-gradient(135deg,#19788e,#72dbe5)}.tour-faq-side-image img{width:100%;height:100%;object-fit:cover}
.tour-faq-side-body{padding:24px 30px 26px;text-align:center}.tour-faq-side-body h3{font-size:30px;margin:0 0 4px;color:#fff}.tour-faq-side-body p{margin:0 0 20px;color:#f0fbfc;font-size:18px}.tour-faq-side-body .tour-btn{width:100%;min-height:62px;font-size:18px}
.tour-faq-side-meta{display:grid;grid-template-columns:1fr 1fr;margin-top:18px;padding-top:18px;border-top:1px solid rgba(255,255,255,.3)}.tour-faq-side-meta span{font-size:15px;color:#e9f9fb;padding:3px 9px}.tour-faq-side-meta span+span{border-left:1px solid rgba(255,255,255,.3)}

/* =========================================================
   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;
    }
}


/* =========================================================
   ANTALYA TURLARI — FINAL CTA ŞEFFAF PANEL
   Arka plan görselini sağ ve sol kenarlardan görünür bırakır.
   ========================================================= */

html body.is-home .tour-final-panel {
    background:
        linear-gradient(
            90deg,
            rgba(3, 24, 46, .72) 0%,
            rgba(3, 24, 46, .90) 22%,
            rgba(3, 24, 46, .94) 50%,
            rgba(3, 24, 46, .90) 78%,
            rgba(3, 24, 46, .72) 100%
        ) !important;
    border-color: rgba(79, 226, 236, .78) !important;
    box-shadow:
        0 28px 80px rgba(0, 0, 0, .28),
        inset 0 1px 0 rgba(255, 255, 255, .14) !important;
    backdrop-filter: blur(8px) saturate(120%) !important;
    -webkit-backdrop-filter: blur(8px) saturate(120%) !important;
}

html body.is-home .tour-final-panel-top {
    background:
        linear-gradient(
            90deg,
            rgba(1, 17, 34, .20) 0%,
            rgba(1, 17, 34, .48) 24%,
            rgba(1, 17, 34, .58) 50%,
            rgba(1, 17, 34, .48) 76%,
            rgba(1, 17, 34, .20) 100%
        ) !important;
}

html body.is-home .tour-final-benefits {
    background:
        linear-gradient(
            90deg,
            rgba(2, 20, 38, .48) 0%,
            rgba(2, 20, 38, .72) 50%,
            rgba(2, 20, 38, .48) 100%
        ) !important;
}

html body.is-home .tour-final-benefits div {
    background: rgba(2, 22, 41, .18) !important;
}

@media (max-width: 767px) {
    html body.is-home .tour-final-panel {
        background:
            linear-gradient(
                180deg,
                rgba(3, 24, 46, .84) 0%,
                rgba(3, 24, 46, .92) 52%,
                rgba(3, 24, 46, .82) 100%
            ) !important;
        backdrop-filter: blur(6px) saturate(115%) !important;
        -webkit-backdrop-filter: blur(6px) saturate(115%) !important;
    }

    html body.is-home .tour-final-panel-top {
        background: rgba(1, 17, 34, .24) !important;
    }

    html body.is-home .tour-final-benefits {
        background: rgba(2, 20, 38, .58) !important;
    }
}



/* ===== SOURCE: assets/css/blog-v2.css ===== */
/* Antalya Turları - Premium Blog V2 */

:root {
    --ks27-blog-ink: #10243e;
    --ks27-blog-muted: #66758a;
    --ks27-blog-line: #e5ebf2;
    --ks27-blog-soft: #f5f8fc;
    --ks27-blog-white: #fff;
    --ks27-blog-primary: #0f7f6d;
    --ks27-blog-primary-dark: #07584c;
    --ks27-blog-accent: #ff9d2f;
    --ks27-blog-radius: 26px;
    --ks27-blog-shadow: 0 22px 55px rgba(16, 36, 62, .12);
}

.ks27-blog-page,
.ks27-article-page {
    background: var(--ks27-blog-white);
    color: var(--ks27-blog-ink);
}

.ks27-blog-shell {
    width: min(1180px, calc(100% - 40px));
    margin: 0 auto;
}

.ks27-blog-eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    color: var(--ks27-blog-primary);
    font-size: 12px;
    font-weight: 800;
    letter-spacing: .14em;
    text-transform: uppercase;
}

.ks27-blog-eyebrow::before {
    width: 26px;
    height: 2px;
    background: currentColor;
    content: "";
}

.ks27-blog-hero {
    position: relative;
    min-height: 455px;
    overflow: hidden;
    background:
        linear-gradient(115deg, rgba(6, 24, 41, .88), rgba(7, 88, 76, .64)),
        url("../../resimler/halfeti-blog-hero.png") center/cover no-repeat;
}

.ks27-blog-hero__backdrop {
    position: absolute;
    inset: 0;
    background:
        radial-gradient(circle at 15% 30%, rgba(255, 157, 47, .25), transparent 28%),
        radial-gradient(circle at 85% 75%, rgba(255,255,255,.13), transparent 26%);
}

.ks27-blog-hero__inner {
    position: relative;
    z-index: 2;
    display: flex;
    min-height: 455px;
    flex-direction: column;
    justify-content: center;
    padding: 92px 0 58px;
}

.ks27-blog-breadcrumb {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 9px;
    margin-bottom: 32px;
    color: rgba(255,255,255,.72);
    font-size: 13px;
}

.ks27-blog-breadcrumb a,
.ks27-blog-breadcrumb strong {
    color: inherit;
    text-decoration: none;
}

.ks27-blog-hero__content {
    max-width: 780px;
}

.ks27-blog-hero__content .ks27-blog-eyebrow,
.ks27-article-hero .ks27-blog-eyebrow {
    color: #ffd098;
}

.ks27-blog-hero h1,
.ks27-article-hero h1 {
    margin: 16px 0 18px;
    color: #fff;
    font-size: clamp(42px, 6vw, 72px);
    line-height: 1.02;
    letter-spacing: -.045em;
}

.ks27-blog-hero__content > p {
    max-width: 720px;
    margin: 0;
    color: rgba(255,255,255,.82);
    font-size: 18px;
    line-height: 1.75;
}

.ks27-blog-stats {
    display: grid;
    max-width: 690px;
    grid-template-columns: repeat(3, 1fr);
    gap: 12px;
    margin-top: 32px;
}

.ks27-blog-stats > div {
    padding: 15px 18px;
    border: 1px solid rgba(255,255,255,.16);
    border-radius: 18px;
    background: rgba(255,255,255,.09);
    backdrop-filter: blur(14px);
}

.ks27-blog-stats strong,
.ks27-blog-stats span {
    display: block;
}

.ks27-blog-stats strong {
    color: #fff;
    font-size: 22px;
}

.ks27-blog-stats span {
    margin-top: 4px;
    color: rgba(255,255,255,.72);
    font-size: 13px;
}

.ks27-blog-content,
.ks27-article-content,
.ks27-related {
    padding: 90px 0;
}

.ks27-blog-filter {
    position: relative;
    z-index: 4;
    margin-top: -86px;
    margin-bottom: 62px;
    padding: 26px;
    border: 1px solid rgba(229,235,242,.9);
    border-radius: var(--ks27-blog-radius);
    background: rgba(255,255,255,.96);
    box-shadow: var(--ks27-blog-shadow);
    backdrop-filter: blur(18px);
}

.ks27-blog-filter__heading,
.ks27-blog-section-head {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 24px;
}

.ks27-blog-filter__heading {
    margin-bottom: 22px;
}

.ks27-blog-filter h2,
.ks27-blog-section-head h2 {
    margin: 8px 0 0;
    color: var(--ks27-blog-ink);
    font-size: clamp(28px, 4vw, 42px);
    line-height: 1.1;
    letter-spacing: -.035em;
}

.ks27-blog-filter__heading > a {
    color: var(--ks27-blog-primary);
    font-size: 14px;
    font-weight: 800;
    text-decoration: none;
}

.ks27-blog-filter__grid {
    display: grid;
    grid-template-columns: 1.3fr 1fr .9fr auto;
    gap: 14px;
    align-items: end;
}

.ks27-blog-filter label > span:first-child {
    display: block;
    margin-bottom: 9px;
    color: var(--ks27-blog-ink);
    font-size: 13px;
    font-weight: 800;
}

.ks27-blog-control {
    position: relative;
    display: flex;
    height: 56px;
    min-width: 0;
    align-items: center;
    gap: 10px;
    padding: 0 16px;
    overflow: hidden;
    border: 1px solid var(--ks27-blog-line);
    border-radius: 15px;
    background: var(--ks27-blog-soft);
}

.ks27-blog-control:has(select)::after {
    position: absolute;
    right: 15px;
    width: 8px;
    height: 8px;
    border-right: 2px solid var(--ks27-blog-muted);
    border-bottom: 2px solid var(--ks27-blog-muted);
    pointer-events: none;
    content: "";
    transform: translateY(-2px) rotate(45deg);
}

.ks27-blog-control svg {
    width: 20px;
    fill: none;
    stroke: var(--ks27-blog-primary);
    stroke-width: 1.8;
}

.ks27-blog-control input,
.ks27-blog-control select {
    display: block !important;
    width: 100% !important;
    min-width: 0;
    height: 54px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    outline: 0;
    background: transparent !important;
    color: var(--ks27-blog-ink);
    font: inherit;
    font-size: 15px !important;
    line-height: 54px !important;
}

.ks27-blog-control select {
    padding-right: 34px !important;
    overflow: hidden;
    appearance: none !important;
    -webkit-appearance: none !important;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.ks27-blog-control select option {
    display: block;
    padding: 8px 12px;
    background: #fff;
    color: var(--ks27-blog-ink);
    font-size: 15px;
    line-height: 1.4;
}

.ks27-blog-filter button {
    height: 56px;
    padding: 0 24px;
    border: 0;
    border-radius: 15px;
    background: linear-gradient(135deg, var(--ks27-blog-primary), var(--ks27-blog-primary-dark));
    color: #fff;
    cursor: pointer;
    font-weight: 800;
    box-shadow: 0 13px 28px rgba(15,127,109,.24);
}

.ks27-blog-section-head {
    margin-bottom: 34px;
}

.ks27-blog-section-head > p {
    margin: 0;
    color: var(--ks27-blog-muted);
    font-weight: 700;
}

.ks27-blog-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 26px;
}

.ks27-blog-card {
    overflow: hidden;
    border: 1px solid var(--ks27-blog-line);
    border-radius: 24px;
    background: #fff;
    box-shadow: 0 14px 38px rgba(16,36,62,.07);
    transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease;
}

.ks27-blog-card:hover {
    transform: translateY(-8px);
    border-color: rgba(15,127,109,.3);
    box-shadow: var(--ks27-blog-shadow);
}

.ks27-blog-card__media {
    position: relative;
    display: block;
    overflow: hidden;
    aspect-ratio: 16/10;
    background: #dce5ef;
}

.ks27-blog-card__media::after {
    position: absolute;
    inset: 0;
    background: linear-gradient(to top, rgba(5,22,38,.46), transparent 58%);
    content: "";
}

.ks27-blog-card__media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform .45s ease;
}

.ks27-blog-card:hover .ks27-blog-card__media img {
    transform: scale(1.07);
}

.ks27-blog-card__category {
    position: absolute;
    z-index: 2;
    left: 18px;
    bottom: 16px;
    max-width: calc(100% - 36px);
    padding: 8px 12px;
    border-radius: 999px;
    background: rgba(255,255,255,.92);
    color: var(--ks27-blog-primary-dark);
    font-size: 12px;
    font-weight: 800;
    backdrop-filter: blur(10px);
}

.ks27-blog-card__body {
    padding: 24px;
}

.ks27-blog-card__meta {
    display: flex;
    flex-wrap: wrap;
    gap: 14px;
    color: var(--ks27-blog-muted);
    font-size: 12px;
    font-weight: 700;
}

.ks27-blog-card__meta span {
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

.ks27-blog-card__meta svg {
    width: 16px;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.7;
}

.ks27-blog-card__title {
    margin: 15px 0 10px;
    font-size: 23px;
    line-height: 1.25;
    letter-spacing: -.025em;
}

.ks27-blog-card__title a {
    color: var(--ks27-blog-ink);
    text-decoration: none;
}

.ks27-blog-card__summary {
    display: -webkit-box;
    min-height: 72px;
    margin: 0;
    overflow: hidden;
    color: var(--ks27-blog-muted);
    font-size: 15px;
    line-height: 1.65;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
}

.ks27-blog-card__link {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    margin-top: 19px;
    color: var(--ks27-blog-primary);
    font-size: 14px;
    font-weight: 900;
    text-decoration: none;
}

.ks27-blog-card__link svg {
    width: 18px;
    fill: none;
    stroke: currentColor;
    stroke-width: 2;
    transition: transform .2s ease;
}

.ks27-blog-card__link:hover svg {
    transform: translateX(4px);
}

.ks27-blog-empty {
    padding: 70px 30px;
    border: 1px dashed #ccd7e3;
    border-radius: var(--ks27-blog-radius);
    background: var(--ks27-blog-soft);
    text-align: center;
}

.ks27-blog-empty > span {
    color: var(--ks27-blog-accent);
    font-size: 34px;
}

.ks27-blog-empty h2 {
    margin: 12px 0;
    font-size: 32px;
}

.ks27-blog-empty p {
    max-width: 600px;
    margin: 0 auto;
    color: var(--ks27-blog-muted);
    line-height: 1.7;
}

.ks27-blog-empty div {
    display: flex;
    justify-content: center;
    gap: 12px;
    margin-top: 24px;
}

.ks27-blog-empty a,
.ks27-blog-cta__actions a,
.ks27-sidebar-cta a {
    display: inline-flex;
    min-height: 48px;
    align-items: center;
    justify-content: center;
    padding: 0 20px;
    border-radius: 13px;
    background: var(--ks27-blog-primary);
    color: #fff;
    font-weight: 800;
    text-decoration: none;
}

.ks27-blog-empty a + a,
.ks27-blog-cta__actions a + a,
.ks27-sidebar-cta a + a {
    border: 1px solid rgba(255,255,255,.35);
    background: transparent;
}

.ks27-blog-empty a + a {
    border-color: var(--ks27-blog-line);
    color: var(--ks27-blog-ink);
}

.ks27-blog-cta {
    padding: 0 0 90px;
}

.ks27-blog-cta__inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 40px;
    padding: 54px;
    overflow: hidden;
    border-radius: 32px;
    background:
        radial-gradient(circle at 85% 20%, rgba(255,157,47,.3), transparent 32%),
        linear-gradient(135deg, #0d2e44, #07584c);
    color: #fff;
}

.ks27-blog-cta h2 {
    max-width: 660px;
    margin: 12px 0;
    font-size: clamp(32px, 5vw, 52px);
    line-height: 1.06;
    letter-spacing: -.04em;
}

.ks27-blog-cta p {
    max-width: 680px;
    margin: 0;
    color: rgba(255,255,255,.75);
    line-height: 1.7;
}

.ks27-blog-cta__actions {
    display: flex;
    flex: 0 0 auto;
    gap: 10px;
}

/* Article */

.ks27-article-hero {
    position: relative;
    min-height: 610px;
    overflow: hidden;
}

.ks27-article-hero__image,
.ks27-article-hero__overlay {
    position: absolute;
    inset: 0;
}

.ks27-article-hero__image {
    background-position: center;
    background-size: cover;
    transform: scale(1.03);
}

.ks27-article-hero__overlay {
    background:
        linear-gradient(90deg, rgba(4,22,38,.96), rgba(4,22,38,.64) 60%, rgba(4,22,38,.42)),
        linear-gradient(to top, rgba(4,22,38,.82), transparent 60%);
}

.ks27-article-hero__inner {
    position: relative;
    z-index: 2;
    display: flex;
    min-height: 610px;
    flex-direction: column;
    justify-content: center;
    padding: 110px 0 70px;
}

.ks27-article-hero__content {
    max-width: 900px;
}

.ks27-article-hero__content > p {
    max-width: 760px;
    margin: 0;
    color: rgba(255,255,255,.8);
    font-size: 18px;
    line-height: 1.75;
}

.ks27-article-meta {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 28px;
}

.ks27-article-meta span {
    padding: 9px 12px;
    border: 1px solid rgba(255,255,255,.16);
    border-radius: 999px;
    background: rgba(255,255,255,.08);
    color: rgba(255,255,255,.86);
    font-size: 13px;
    font-weight: 700;
    backdrop-filter: blur(10px);
}

.ks27-article-layout {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 330px;
    gap: 42px;
    align-items: start;
}

.ks27-article {
    min-width: 0;
}

.ks27-article__cover {
    width: 100%;
    height: auto;
    aspect-ratio: 16/9;
    object-fit: cover;
    border-radius: 26px;
    box-shadow: var(--ks27-blog-shadow);
}

.ks27-article__body {
    padding: 38px 10px 10px;
    color: #293c52;
    font-size: 17px;
    line-height: 1.86;
}

.ks27-article__body h2,
.ks27-article__body h3,
.ks27-article__body h4 {
    color: var(--ks27-blog-ink);
    letter-spacing: -.025em;
    scroll-margin-top: 110px;
}

.ks27-article__body h2 {
    margin: 46px 0 16px;
    font-size: 34px;
}

.ks27-article__body h3 {
    margin: 34px 0 13px;
    font-size: 27px;
}

.ks27-article__body p {
    margin: 0 0 22px;
}

.ks27-article__body img {
    max-width: 100%;
    height: auto;
    margin: 20px 0;
    border-radius: 18px;
}

.ks27-article__body blockquote {
    margin: 28px 0;
    padding: 22px 24px;
    border-left: 4px solid var(--ks27-blog-accent);
    border-radius: 0 16px 16px 0;
    background: var(--ks27-blog-soft);
    color: var(--ks27-blog-ink);
    font-weight: 700;
}

.ks27-article-share {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    margin-top: 32px;
    padding: 22px;
    border: 1px solid var(--ks27-blog-line);
    border-radius: 18px;
    background: var(--ks27-blog-soft);
}

.ks27-article-share div {
    display: flex;
    gap: 8px;
}

.ks27-article-share a,
.ks27-article-share button {
    min-height: 42px;
    padding: 0 14px;
    border: 0;
    border-radius: 11px;
    background: var(--ks27-blog-primary);
    color: #fff;
    cursor: pointer;
    font: inherit;
    font-size: 13px;
    font-weight: 800;
    text-decoration: none;
}

.ks27-article-sidebar {
    position: sticky;
    top: 100px;
    display: grid;
    gap: 20px;
}

.ks27-sidebar-card {
    padding: 26px;
    border: 1px solid var(--ks27-blog-line);
    border-radius: 22px;
    background: #fff;
    box-shadow: 0 14px 34px rgba(16,36,62,.07);
}

.ks27-sidebar-card h2 {
    margin: 9px 0 16px;
    font-size: 25px;
    letter-spacing: -.03em;
}

.ks27-sidebar-toc nav {
    display: grid;
    gap: 10px;
}

.ks27-sidebar-toc a {
    padding-left: 12px;
    border-left: 2px solid var(--ks27-blog-line);
    color: var(--ks27-blog-muted);
    font-size: 14px;
    line-height: 1.45;
    text-decoration: none;
}

.ks27-sidebar-toc a:hover {
    border-color: var(--ks27-blog-primary);
    color: var(--ks27-blog-primary);
}

.ks27-sidebar-cta {
    background:
        radial-gradient(circle at 90% 10%, rgba(255,157,47,.28), transparent 34%),
        linear-gradient(145deg, #0d2e44, #07584c);
    color: #fff;
}

.ks27-sidebar-cta h2 {
    color: #fff;
}

.ks27-sidebar-cta p {
    color: rgba(255,255,255,.74);
    line-height: 1.65;
}

.ks27-sidebar-cta a {
    display: flex;
    margin-top: 10px;
}

.ks27-related {
    background: var(--ks27-blog-soft);
}

@media (max-width: 980px) {
    .ks27-blog-filter__grid {
        grid-template-columns: 1fr 1fr;
    }

    .ks27-blog-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .ks27-blog-cta__inner {
        align-items: flex-start;
        flex-direction: column;
    }

    .ks27-article-layout {
        grid-template-columns: 1fr;
    }

    .ks27-article-sidebar {
        position: static;
        grid-template-columns: 1fr 1fr;
    }
}

@media (max-width: 680px) {
    .ks27-blog-shell {
        width: min(100% - 28px, 1180px);
    }

    .ks27-blog-hero,
    .ks27-blog-hero__inner {
        min-height: 530px;
    }

    .ks27-blog-hero__inner {
        padding-top: 90px;
    }

    .ks27-blog-hero h1,
    .ks27-article-hero h1 {
        font-size: 42px;
    }

    .ks27-blog-stats {
        grid-template-columns: 1fr;
    }

    .ks27-blog-content,
    .ks27-article-content,
    .ks27-related {
        padding: 65px 0;
    }

    .ks27-blog-filter {
        margin-top: -64px;
        padding: 20px;
    }

    .ks27-blog-filter__heading,
    .ks27-blog-section-head {
        align-items: flex-start;
        flex-direction: column;
    }

    .ks27-blog-filter__grid,
    .ks27-blog-grid,
    .ks27-article-sidebar {
        grid-template-columns: 1fr;
    }

    .ks27-blog-filter button {
        width: 100%;
    }

    .ks27-blog-cta__inner {
        padding: 34px 24px;
    }

    .ks27-blog-cta__actions {
        width: 100%;
        flex-direction: column;
    }

    .ks27-article-hero,
    .ks27-article-hero__inner {
        min-height: 650px;
    }

    .ks27-article__body {
        padding-right: 0;
        padding-left: 0;
        font-size: 16px;
    }

    .ks27-article-share {
        align-items: flex-start;
        flex-direction: column;
    }
}


/* V2.1 final polish */
.ks27-blog-control:focus-within {
    border-color: rgba(15, 127, 109, .65);
    background: #fff;
    box-shadow: 0 0 0 4px rgba(15, 127, 109, .10);
}

.ks27-blog-filter button:hover,
.ks27-blog-filter button:focus-visible {
    transform: translateY(-1px);
    box-shadow: 0 16px 32px rgba(15,127,109,.30);
}

.ks27-blog-filter button,
.ks27-blog-card,
.ks27-blog-control {
    transition: border-color .2s ease, background-color .2s ease, box-shadow .2s ease, transform .2s ease;
}

@supports not selector(:has(*)) {
    .ks27-blog-control select {
        background-image:
            linear-gradient(45deg, transparent 50%, #66758a 50%),
            linear-gradient(135deg, #66758a 50%, transparent 50%) !important;
        background-position:
            calc(100% - 16px) 24px,
            calc(100% - 11px) 24px !important;
        background-size: 5px 5px, 5px 5px !important;
        background-repeat: no-repeat !important;
    }
}

@media (prefers-reduced-motion: reduce) {
    .ks27-blog-card,
    .ks27-blog-card__media img,
    .ks27-blog-filter button,
    .ks27-blog-card__link svg {
        transition: none !important;
    }
}


/* V2.2 - Select bağımlılığı kaldırıldı */
.ks27-blog-field {
    min-width: 0;
}

.ks27-blog-field__label {
    display: block;
    margin-bottom: 9px;
    color: var(--ks27-blog-ink);
    font-size: 13px;
    font-weight: 800;
}

.ks27-blog-dropdown {
    position: relative;
    min-width: 0;
}

.ks27-blog-dropdown > summary {
    display: flex;
    height: 56px;
    min-width: 0;
    align-items: center;
    gap: 10px;
    padding: 0 16px;
    overflow: hidden;
    border: 1px solid var(--ks27-blog-line);
    border-radius: 15px;
    background: var(--ks27-blog-soft);
    color: var(--ks27-blog-ink);
    cursor: pointer;
    list-style: none;
    user-select: none;
}

.ks27-blog-dropdown > summary::-webkit-details-marker {
    display: none;
}

.ks27-blog-dropdown > summary > svg:first-child {
    width: 20px;
    flex: 0 0 20px;
    fill: none;
    stroke: var(--ks27-blog-primary);
    stroke-width: 1.8;
}

.ks27-blog-dropdown > summary [data-dropdown-label] {
    min-width: 0;
    flex: 1;
    overflow: hidden;
    font-size: 15px;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.ks27-blog-dropdown__arrow {
    width: 18px;
    flex: 0 0 18px;
    fill: none;
    stroke: var(--ks27-blog-muted);
    stroke-width: 2;
    transition: transform .2s ease;
}

.ks27-blog-dropdown[open] .ks27-blog-dropdown__arrow {
    transform: rotate(180deg);
}

.ks27-blog-dropdown[open] > summary {
    border-color: rgba(15,127,109,.65);
    background: #fff;
    box-shadow: 0 0 0 4px rgba(15,127,109,.10);
}

.ks27-blog-dropdown__menu {
    position: absolute;
    z-index: 40;
    top: calc(100% + 8px);
    right: 0;
    left: 0;
    max-height: 260px;
    padding: 8px;
    overflow-y: auto;
    border: 1px solid var(--ks27-blog-line);
    border-radius: 15px;
    background: #fff;
    box-shadow: 0 18px 42px rgba(16,36,62,.16);
}

.ks27-blog-dropdown__menu label {
    display: block;
    margin: 0;
    cursor: pointer;
}

.ks27-blog-dropdown__menu input {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    opacity: 0;
    pointer-events: none;
}

.ks27-blog-dropdown__menu label span {
    display: block;
    padding: 11px 12px;
    border-radius: 10px;
    color: var(--ks27-blog-ink);
    font-size: 14px;
    line-height: 1.3;
}

.ks27-blog-dropdown__menu label:hover span,
.ks27-blog-dropdown__menu input:checked + span {
    background: rgba(15,127,109,.10);
    color: var(--ks27-blog-primary-dark);
    font-weight: 800;
}

@media (max-width: 680px) {
    .ks27-blog-dropdown__menu {
        position: static;
        margin-top: 8px;
    }
}


/* V2.3 - Turlar / Rotalar hero ölçüsü ve tipografi uyumu */
.ks27-blog-hero {
    min-height: 390px;
}

.ks27-blog-hero__inner {
    min-height: 390px;
    padding-top: 82px;
    padding-bottom: 48px;
}

.ks27-blog-hero__content {
    max-width: 720px;
}

.ks27-blog-hero h1 {
    max-width: 680px;
    margin-top: 14px;
    margin-bottom: 14px;
    font-family: inherit;
    font-size: clamp(42px, 4.4vw, 60px);
    font-weight: 800;
    line-height: 1.04;
    letter-spacing: -.035em;
}

.ks27-blog-hero__content > p {
    max-width: 680px;
    font-family: inherit;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.7;
}

.ks27-blog-breadcrumb {
    margin-bottom: 24px;
}

.ks27-blog-stats {
    max-width: 600px;
    margin-top: 24px;
}

.ks27-blog-stats > div {
    min-height: 66px;
    padding: 12px 16px;
}

.ks27-blog-stats strong {
    font-family: inherit;
    font-size: 20px;
    font-weight: 800;
}

.ks27-blog-stats span {
    font-size: 12px;
}

.ks27-blog-filter {
    margin-top: -58px;
}

@media (max-width: 680px) {
    .ks27-blog-hero,
    .ks27-blog-hero__inner {
        min-height: 470px;
    }

    .ks27-blog-hero__inner {
        padding-top: 78px;
        padding-bottom: 42px;
    }

    .ks27-blog-hero h1 {
        font-size: 40px;
    }

    .ks27-blog-hero__content > p {
        font-size: 15px;
    }

    .ks27-blog-filter {
        margin-top: -42px;
    }
}


/* Blog detay final - router uyumlu */
.ks27-reading-progress {
    position: fixed;
    z-index: 9999;
    top: 0;
    left: 0;
    width: 0;
    height: 3px;
    background: linear-gradient(90deg, var(--ks27-blog-primary), var(--ks27-blog-accent));
    box-shadow: 0 0 12px rgba(255,157,47,.45);
    pointer-events: none;
}

.ks27-article-page {
    overflow: clip;
}

.ks27-article-hero,
.ks27-article-hero__inner {
    min-height: 430px;
}

.ks27-article-hero__inner {
    padding-top: 84px;
    padding-bottom: 50px;
}

.ks27-article-hero h1 {
    max-width: 780px;
    font-size: clamp(40px, 4.6vw, 62px);
    line-height: 1.03;
}

.ks27-article-content {
    padding-top: 64px;
    padding-bottom: 80px;
}

.ks27-article-layout {
    grid-template-columns: minmax(0, 1fr) 300px;
    gap: 34px;
}

.ks27-article__cover {
    border-radius: 22px;
}

.ks27-article-sidebar {
    top: 118px;
}

.ks27-sidebar-toc nav a {
    transition: color .2s ease, border-color .2s ease, transform .2s ease;
}

.ks27-sidebar-toc nav a:hover {
    transform: translateX(3px);
}

.ks27-related {
    padding-top: 72px;
    padding-bottom: 82px;
}

@media (max-width: 980px) {
    .ks27-article-sidebar {
        position: static;
    }
}

@media (max-width: 680px) {
    .ks27-article-hero,
    .ks27-article-hero__inner {
        min-height: 500px;
    }

    .ks27-article-hero h1 {
        font-size: 38px;
    }

    .ks27-article-content {
        padding-top: 48px;
    }
}


/* V3.1 - Blog detay başlık ve paylaşım butonları final düzeltme */
.ks27-article-hero__content {
    max-width: 720px;
}

.ks27-article-hero h1 {
    max-width: 720px;
    margin-top: 14px;
    margin-bottom: 16px;
    font-family: inherit;
    font-size: clamp(38px, 4vw, 54px);
    font-weight: 780;
    line-height: 1.08;
    letter-spacing: -.032em;
    text-wrap: balance;
}

.ks27-article-hero__content > p {
    max-width: 640px;
    font-size: 16px;
    line-height: 1.65;
}

.ks27-article-share {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 18px;
    min-height: 84px;
    padding: 18px 22px;
}

.ks27-article-share > strong {
    margin: 0;
    line-height: 1.3;
}

.ks27-article-share > div {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 10px;
}

.ks27-article-share a,
.ks27-article-share button {
    display: inline-flex;
    min-width: 0;
    min-height: 44px;
    align-items: center;
    justify-content: center;
    margin: 0;
    padding: 0 18px;
    border-radius: 12px;
    white-space: nowrap;
    line-height: 1;
}

@media (max-width: 760px) {
    .ks27-article-hero h1 {
        font-size: clamp(34px, 10vw, 44px);
        line-height: 1.08;
    }

    .ks27-article-share {
        grid-template-columns: 1fr;
        align-items: stretch;
    }

    .ks27-article-share > div {
        width: 100%;
        justify-content: flex-start;
        flex-wrap: wrap;
    }
}

@media (max-width: 480px) {
    .ks27-article-share > div {
        display: grid;
        grid-template-columns: 1fr;
    }

    .ks27-article-share a,
    .ks27-article-share button {
        width: 100%;
    }
}


/* V3.2 - Blog hero, Rotalar/Turlar liste hero ile birebir görsel uyum */
.ks27-blog-hero {
    min-height: 400px;
    background:
        linear-gradient(90deg, rgba(3, 21, 47, .90) 0%, rgba(3, 30, 55, .79) 48%, rgba(4, 71, 78, .68) 100%),
        url("../../resimler/tur-anasayfa/hero-bg-referans.webp") center 46% / cover no-repeat;
}

.ks27-blog-hero__backdrop {
    background:
        linear-gradient(180deg, rgba(2, 17, 38, .06), rgba(2, 17, 38, .18)),
        radial-gradient(circle at 82% 54%, rgba(22, 202, 211, .09), transparent 30%);
}

.ks27-blog-hero__inner {
    min-height: 400px;
    justify-content: center;
    padding-top: 76px;
    padding-bottom: 44px;
}

.ks27-blog-breadcrumb {
    margin-bottom: 18px;
    color: rgba(255,255,255,.76);
    font-size: 13px;
}

.ks27-blog-hero__content {
    max-width: 720px;
}

.ks27-blog-hero__content .ks27-blog-eyebrow {
    color: #32d7df;
}

.ks27-blog-hero h1 {
    max-width: 720px;
    margin: 12px 0 14px;
    font-family: inherit;
    font-size: clamp(44px, 4.3vw, 62px);
    font-weight: 780;
    line-height: 1.04;
    letter-spacing: -.035em;
}

.ks27-blog-hero__content > p {
    max-width: 700px;
    color: rgba(255,255,255,.88);
    font-size: 16px;
    line-height: 1.7;
}

.ks27-blog-stats {
    max-width: 600px;
    margin-top: 22px;
}

.ks27-blog-stats > div {
    min-height: 64px;
    padding: 12px 16px;
    border-color: rgba(255,255,255,.18);
    border-radius: 14px;
    background: rgba(255,255,255,.09);
}

.ks27-blog-stats strong {
    font-size: 19px;
}

.ks27-blog-stats span {
    font-size: 12px;
}

.ks27-blog-content {
    padding-top: 72px;
}

.ks27-blog-filter {
    margin-top: -112px;
    margin-bottom: 58px;
    border-radius: 20px;
}

@media (max-width: 980px) {
    .ks27-blog-hero,
    .ks27-blog-hero__inner {
        min-height: 440px;
    }

    .ks27-blog-filter {
        margin-top: -78px;
    }
}

@media (max-width: 680px) {
    .ks27-blog-hero,
    .ks27-blog-hero__inner {
        min-height: 500px;
    }

    .ks27-blog-hero__inner {
        padding-top: 72px;
        padding-bottom: 38px;
    }

    .ks27-blog-hero h1 {
        font-size: 40px;
    }

    .ks27-blog-stats {
        grid-template-columns: 1fr;
    }

    .ks27-blog-filter {
        margin-top: -54px;
    }
}


/* =========================================================
   V3.3 FINAL BLOG HERO DÜZELTMESİ
   Başlık kaba görünüm, satır kırılması ve hero yüksekliği
   ========================================================= */

.ks27-blog-hero {
    min-height: 382px;
}

.ks27-blog-hero__inner {
    min-height: 382px;
    justify-content: center;
    padding-top: 68px;
    padding-bottom: 34px;
}

.ks27-blog-breadcrumb {
    margin-bottom: 16px;
}

.ks27-blog-hero__content {
    max-width: 625px;
}

.ks27-blog-hero__content .ks27-blog-eyebrow {
    margin-bottom: 0;
    color: #32d7df;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: .13em;
}

.ks27-blog-hero h1 {
    max-width: 625px;
    margin: 10px 0 12px;
    font-family: inherit;
    font-size: clamp(42px, 3.7vw, 56px);
    font-weight: 720;
    line-height: 1.02;
    letter-spacing: -.03em;
    text-wrap: balance;
}

.ks27-blog-hero__content > p {
    max-width: 570px;
    margin: 0;
    font-size: 15px;
    font-weight: 400;
    line-height: 1.65;
}

.ks27-blog-stats {
    max-width: 570px;
    margin-top: 18px;
    gap: 10px;
}

.ks27-blog-stats > div {
    min-height: 58px;
    padding: 10px 14px;
    border-color: rgba(255,255,255,.22);
    border-radius: 13px;
    background: rgba(255,255,255,.075);
}

.ks27-blog-stats strong {
    font-size: 18px;
    font-weight: 780;
    line-height: 1.1;
}

.ks27-blog-stats span {
    margin-top: 3px;
    font-size: 11px;
}

.ks27-blog-content {
    padding-top: 66px;
}

.ks27-blog-filter {
    margin-top: -98px;
}

@media (max-width: 980px) {
    .ks27-blog-hero,
    .ks27-blog-hero__inner {
        min-height: 420px;
    }

    .ks27-blog-hero__content {
        max-width: 600px;
    }

    .ks27-blog-hero h1 {
        max-width: 600px;
        font-size: clamp(40px, 6vw, 52px);
    }

    .ks27-blog-filter {
        margin-top: -72px;
    }
}

@media (max-width: 680px) {
    .ks27-blog-hero,
    .ks27-blog-hero__inner {
        min-height: 470px;
    }

    .ks27-blog-hero__inner {
        padding-top: 66px;
        padding-bottom: 30px;
    }

    .ks27-blog-hero__content {
        max-width: 100%;
    }

    .ks27-blog-hero h1 {
        max-width: 100%;
        font-size: 38px;
        font-weight: 720;
        line-height: 1.04;
        letter-spacing: -.025em;
    }

    .ks27-blog-hero__content > p {
        max-width: 100%;
        font-size: 15px;
    }

    .ks27-blog-stats {
        max-width: 100%;
        grid-template-columns: 1fr;
    }

    .ks27-blog-filter {
        margin-top: -46px;
    }
}


/* ===== SOURCE: assets/css/tur-responsive.css ===== */
/* Antalya Turları - Responsive */
@media(max-width:1100px){.tour-hero-grid,.reviews-layout,.why-grid{grid-template-columns:1fr}.tour-hero{min-height:auto}.tour-cards{grid-template-columns:repeat(2,1fr)}.review-gallery{display:none}.steps-grid{gap:20px}.route-grid,.blog-grid{grid-template-columns:repeat(2,1fr)}}

@media(max-width:760px){.tour-wrap{width:min(100% - 24px,1500px)}.tour-section{padding:58px 0}.tour-hero{padding-top:0}.tour-hero-grid{padding-top:120px;gap:24px}.tour-hero h1{font-size:50px}.tour-hero-desc{font-size:17px}.tour-mini-grid{grid-template-columns:1fr}.tour-mini-card{min-height:130px}.tour-form-grid,.tour-cards,.review-cards,.steps-grid,.why-features,.route-grid,.blog-grid,.stats-band{grid-template-columns:1fr}.tour-trustbar{grid-template-columns:1fr 1fr}.tour-trustbar div:nth-child(2){border-right:0}.tour-search{padding:18px}.cta-strip{grid-template-columns:1fr;text-align:center}.cta-icon{margin:auto}.cta-actions{justify-content:center}.why-collage{grid-template-columns:1fr}.why-collage figure:first-child{grid-row:auto}.why-cta{flex-direction:column;align-items:flex-start}.mobile-actions{display:grid;grid-template-columns:repeat(3,1fr);position:fixed;left:0;right:0;bottom:0;z-index:999;background:#061f3b;border-top:1px solid #64d9e6}.mobile-actions a{color:#fff;text-decoration:none;text-align:center;padding:12px 5px;font-size:12px;font-weight:900}body:not(.is-home) .tour-main{padding-bottom:58px}body.is-home .tour-main,body.is-home .tour-main-unified{padding-bottom:0!important;margin-bottom:0!important}}

@media(max-width:980px){.tour-final-cta{min-height:auto}.tour-final-panel{border-radius:28px}.tour-final-actions .tour-btn{min-width:260px}.tour-faq-dark-grid{grid-template-columns:1fr}.tour-faq-side{max-width:680px;width:100%;margin:auto}.tour-faq-side-image{height:360px}}

@media(max-width:640px){.tour-final-cta{padding:60px 0}.tour-final-panel-top{padding:40px 20px 30px}.tour-final-panel h2{font-size:42px}.tour-final-panel p{font-size:17px}.tour-final-actions{display:grid}.tour-final-actions .tour-btn{min-width:0;width:100%;min-height:60px}.tour-final-benefits{grid-template-columns:1fr}.tour-final-benefits div{border-right:0;border-bottom:1px solid rgba(255,255,255,.18);padding:19px}.tour-final-benefits div:last-child{border-bottom:0}.tour-faq-dark{padding:66px 0}.tour-faq-dark .faq-q{grid-template-columns:38px 1fr 22px;font-size:17px;padding:15px 16px;gap:10px}.tour-faq-dark .faq-q:before{width:36px;height:36px;font-size:23px}.tour-faq-dark .faq-a{padding:0 18px 20px 64px;font-size:15px}.tour-faq-side-image{height:280px}.tour-faq-side-body h3{font-size:25px}}

/* =========================================================
   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;
    }
}


/* ===== SOURCE: assets/css/tur-index-extracted.css ===== */
.tour-search,.tour-search *{box-sizing:border-box}
.tour-search form,.tour-form-grid,.tour-field,.tour-field-control{width:100%;min-width:0}
.tour-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:end}
.tour-field{display:flex;flex-direction:column}
.tour-field-control{position:relative;display:flex;align-items:center;width:100%;height:58px;min-height:58px;max-height:58px;overflow:hidden}
.tour-field-control>select,.tour-field-control>input:not([type="hidden"]){display:block;width:100%;height:100%;min-width:0;margin:0;padding-block:0;padding-inline:48px 42px;border:0;outline:0;color:inherit;font:inherit;line-height:normal;background:transparent;appearance:none;-webkit-appearance:none}
.tour-field-control>input[type="date"]{padding-inline-end:16px}
.tour-field-control>input[type="date"]::-webkit-calendar-picker-indicator{margin:0;cursor:pointer}
.tour-field-icon{position:absolute;inset-inline-start:17px;top:50%;z-index:2;display:inline-flex;width:20px;height:20px;align-items:center;justify-content:center;pointer-events:none;transform:translateY(-50%)}
.tour-people-control{display:grid;grid-template-columns:40px minmax(0,1fr) 40px;gap:8px;align-items:center;padding:8px;overflow:hidden}
.tour-people-btn{position:static;display:inline-flex;width:40px;min-width:40px;max-width:40px;height:40px;min-height:40px;max-height:40px;margin:0;padding:0;align-items:center;justify-content:center;flex:0 0 40px;border-radius:inherit;font:inherit;line-height:1;cursor:pointer}
.tour-people-btn:disabled{cursor:not-allowed;opacity:.45}
.tour-people-value{display:flex;min-width:0;height:40px;align-items:center;justify-content:center;gap:5px;overflow:hidden;white-space:nowrap;text-align:center}
.tour-people-value strong,.tour-people-value span{margin:0;line-height:1}
.tour-people-control>input[type="hidden"]{display:none!important}
.tour-search-submit{width:100%;min-height:58px}
@media(max-width:767px){.tour-form-grid{grid-template-columns:minmax(0,1fr)}.tour-field-control{height:56px;min-height:56px;max-height:56px}.tour-search-submit{min-height:56px}}
@media(max-width:390px){.tour-people-control{grid-template-columns:38px minmax(0,1fr) 38px;gap:6px}.tour-people-btn{width:38px;min-width:38px;max-width:38px;height:38px;min-height:38px;max-height:38px;flex-basis:38px}}

/* Popüler Turlar: mevcut tasarım dilini koruyan üretim düzeltmeleri */
#populer-turlar .tour-cards{align-items:stretch}
#populer-turlar .tour-card-clean{display:flex;min-width:0;height:100%;flex-direction:column;overflow:hidden;transition:transform .28s ease,box-shadow .28s ease,border-color .28s ease}
#populer-turlar .tour-card-clean:hover{transform:translateY(-5px)}
#populer-turlar .tour-card-media-link{display:block;color:inherit;text-decoration:none}
#populer-turlar .tour-card-image{position:relative;overflow:hidden}
#populer-turlar .tour-card-image img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .42s ease}
#populer-turlar .tour-card-clean:hover .tour-card-image img{transform:scale(1.035)}
#populer-turlar .tour-card-badge{display:inline-flex;align-items:center;gap:7px}
#populer-turlar .tour-card-body{display:flex;min-width:0;flex:1 1 auto;flex-direction:column}
#populer-turlar .tour-card-copy{min-width:0}
#populer-turlar .tour-card-copy h3{margin-bottom:7px}
#populer-turlar .tour-location{display:flex;min-width:0;align-items:center;gap:7px}
#populer-turlar .tour-meta{display:flex;flex-wrap:wrap;gap:10px 14px}
#populer-turlar .tour-meta span{display:inline-flex;align-items:center;gap:5px;white-space:nowrap}
#populer-turlar .tour-meta i{font-style:normal}
#populer-turlar .tour-card-bottom{display:flex;margin-top:auto;flex-direction:column;gap:12px}
#populer-turlar .tour-price{display:flex;align-items:baseline;justify-content:space-between;gap:12px}
#populer-turlar .tour-price span,#populer-turlar .tour-price strong{white-space:nowrap}
#populer-turlar .tour-price strong{line-height:1}
#populer-turlar .tour-card-actions{display:grid;grid-template-columns:minmax(0,1fr) 46px;gap:10px}
#populer-turlar .tour-card-actions .main,#populer-turlar .tour-card-actions .wa{display:inline-flex;min-height:46px;align-items:center;justify-content:center;text-decoration:none}
#populer-turlar .tour-card-actions .main{gap:8px}
#populer-turlar .tour-card-actions .main span:last-child{font-size:1.35em;line-height:1;transition:transform .2s ease}
#populer-turlar .tour-card-actions .main:hover span:last-child{transform:translateX(3px)}
#populer-turlar .tour-card-actions .wa{width:46px;min-width:46px}
#populer-turlar .tour-filter button{transition:transform .2s ease,background-color .2s ease,border-color .2s ease,color .2s ease}
#populer-turlar .tour-filter button:hover{transform:translateY(-1px)}
#populer-turlar .tour-help-cta{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:20px}
#populer-turlar .tour-help-copy{min-width:0}
#populer-turlar .tour-help-cta .cta-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:10px}
#populer-turlar .tour-help-cta .cta-actions .tour-btn{min-width:158px;justify-content:center}
@media(max-width:991px){
#populer-turlar .tour-help-cta{grid-template-columns:auto minmax(0,1fr)}
#populer-turlar .tour-help-cta .cta-actions{grid-column:1/-1;justify-content:flex-start}
}
@media(max-width:640px){
#populer-turlar .tour-filter{display:flex;overflow-x:auto;overscroll-behavior-inline:contain;scrollbar-width:none;-webkit-overflow-scrolling:touch}
#populer-turlar .tour-filter::-webkit-scrollbar{display:none}
#populer-turlar .tour-filter button{flex:0 0 auto}
#populer-turlar .tour-meta{gap:8px 10px}
#populer-turlar .tour-help-cta{grid-template-columns:1fr;text-align:center}
#populer-turlar .tour-help-cta .cta-icon{margin-inline:auto}
#populer-turlar .tour-help-cta .cta-actions{display:grid;grid-template-columns:1fr;width:100%}
#populer-turlar .tour-help-cta .cta-actions .tour-btn{width:100%;min-width:0}
}
@media(prefers-reduced-motion:reduce){
#populer-turlar .tour-card-clean,#populer-turlar .tour-card-image img,#populer-turlar .tour-filter button,#populer-turlar .tour-card-actions .main span:last-child{transition:none}
#populer-turlar .tour-card-clean:hover,#populer-turlar .tour-card-clean:hover .tour-card-image img,#populer-turlar .tour-filter button:hover{transform:none}
}


/* Misafir Yorumları — scoped production düzeni */
#misafir-yorumlari {
    padding: 58px 0 64px;
    background:
        radial-gradient(circle at 82% 18%, rgba(56,216,229,.07), transparent 28%),
        linear-gradient(180deg,#f7fbfd 0%,#f2f8fb 100%);
}

#misafir-yorumlari > .tour-wrap {
    width: min(1340px, calc(100% - 48px));
    margin-inline: auto;
}

#misafir-yorumlari .tour-reviews-head {
    margin-bottom: 28px;
}

#misafir-yorumlari .tour-reviews-head .tour-kicker {
    display: block;
    margin: 0 0 6px;
    color: #17859a;
    font-size: 14px;
    font-weight: 800;
    letter-spacing: .07em;
    text-transform: uppercase;
}

#misafir-yorumlari .tour-reviews-head h2 {
    margin: 0;
    color: #07152d;
    font-size: clamp(30px,2.3vw,42px);
    font-weight: 900;
    letter-spacing: -.035em;
    line-height: 1.08;
}

#misafir-yorumlari .tour-reviews-head p {
    margin: 7px 0 0;
    color: #52657a;
    font-size: 16px;
}

#misafir-yorumlari .reviews-layout {
    display: grid;
    grid-template-columns: minmax(0,1.55fr) minmax(360px,.85fr);
    gap: 24px;
    align-items: stretch;
}

#misafir-yorumlari .review-cards {
    display: grid;
    grid-template-columns: repeat(3,minmax(0,1fr));
    gap: 16px;
}

#misafir-yorumlari .review-card {
    display: flex;
    min-width: 0;
    min-height: 0;
    flex-direction: column;
    padding: 24px 20px 20px;
    border: 1px solid rgba(26,167,194,.42);
    border-radius: 18px;
    background: #fff;
    box-shadow: 0 18px 42px rgba(9,38,61,.10);
}

#misafir-yorumlari .review-card-top {
    display: flex;
    align-items: center;
    gap: 14px;
}

#misafir-yorumlari .review-avatar {
    display: grid;
    flex: 0 0 64px;
    width: 64px;
    height: 64px;
    place-items: center;
    border-radius: 50%;
    background: linear-gradient(135deg,#b5e5e5,#f5d6a8);
    color: #07314d;
    font-size: 28px;
    font-weight: 900;
}

#misafir-yorumlari .review-person {
    min-width: 0;
}

#misafir-yorumlari .review-person h3 {
    margin: 0 0 5px;
    color: #07152d;
    font-size: 18px;
    font-weight: 900;
}

#misafir-yorumlari .review-tour {
    color: #0799b4;
    font-size: 13px;
    font-weight: 800;
    line-height: 1.35;
}

#misafir-yorumlari .stars {
    margin: 18px 0 12px;
    color: #ff634b;
    font-size: 20px;
    letter-spacing: .08em;
}

#misafir-yorumlari blockquote {
    margin: 0;
}

#misafir-yorumlari blockquote p {
    margin: 0;
    color: #34495e;
    font-size: 14px;
    line-height: 1.65;
}

#misafir-yorumlari .review-verified {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    width: fit-content;
    margin-top: auto;
    padding-top: 18px;
    color: #0e5369;
    font-size: 12px;
    font-weight: 750;
}

#misafir-yorumlari .review-verified span {
    display: grid;
    width: 20px;
    height: 20px;
    place-items: center;
    border-radius: 50%;
    background: #e7fbfd;
    color: #0a9ab2;
}

#misafir-yorumlari .review-gallery {
    display: grid;
    grid-template-columns: repeat(2,minmax(0,1fr));
    grid-template-rows: 1.35fr .9fr;
    gap: 12px;
    min-width: 0;
}

#misafir-yorumlari .review-gallery figure {
    position: relative;
    min-height: 0;
    margin: 0;
    overflow: hidden;
    border: 1px solid rgba(26,167,194,.38);
    border-radius: 16px;
    background: #08243b;
}

#misafir-yorumlari .review-gallery-featured {
    grid-column: 1 / -1;
}

#misafir-yorumlari .review-gallery img {
    position: absolute;
    inset: -1px;
    display: block;
    width: calc(100% + 2px);
    height: calc(100% + 2px);
    max-width: none;
    object-fit: cover;
    object-position: center center;
    transform: scale(1.02);
}

#misafir-yorumlari .review-share-cta {
    display: grid;
    grid-template-columns: auto minmax(0,1fr) auto;
    align-items: center;
    gap: 20px;
    margin-top: 24px;
    padding: 24px 28px;
    border: 1px solid rgba(86,222,235,.52);
    border-radius: 18px;
    background: linear-gradient(115deg,#021b3a 0%,#064b6e 55%,#0c8299 100%);
    color: #fff;
    box-shadow: 0 20px 42px rgba(6,51,81,.16);
}

#misafir-yorumlari .review-share-cta .cta-icon {
    display: grid;
    width: 66px;
    height: 66px;
    place-items: center;
    border: 2px solid #53ebef;
    border-radius: 50%;
    background: rgba(2,27,52,.48);
    font-size: 28px;
}

#misafir-yorumlari .review-share-copy h3 {
    margin: 0;
    color: #fff;
    font-size: clamp(23px,2vw,32px);
    font-weight: 900;
}

#misafir-yorumlari .review-share-copy p {
    margin: 5px 0 0;
    color: rgba(241,252,255,.9);
    font-size: 14px;
}

#misafir-yorumlari .review-share-cta .cta-actions {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 10px;
}

#misafir-yorumlari .review-share-cta .tour-btn {
    display: inline-flex;
    min-width: 150px;
    min-height: 48px;
    align-items: center;
    justify-content: center;
    padding: 0 18px;
    border-radius: 10px;
    font-size: 13px;
    font-weight: 850;
    text-decoration: none;
}

#misafir-yorumlari .review-share-cta .tour-btn-light {
    border: 1px solid rgba(225,250,252,.72);
    background: rgba(3,31,56,.28);
    color: #fff;
}

#misafir-yorumlari .review-share-cta .tour-btn-primary {
    border: 1px solid #ff6b50;
    background: linear-gradient(135deg,#ff6d4e,#ff5540);
    color: #fff;
}

@media (max-width: 1100px) {
    #misafir-yorumlari > .tour-wrap {
        width: min(100% - 38px, 980px);
    }

    #misafir-yorumlari .reviews-layout {
        grid-template-columns: 1fr;
    }

    #misafir-yorumlari .review-gallery {
        min-height: 430px;
    }
}

@media (max-width: 760px) {
    #misafir-yorumlari {
        padding: 42px 0 48px;
    }

    #misafir-yorumlari > .tour-wrap {
        width: min(100% - 26px, 620px);
    }

    #misafir-yorumlari .review-cards {
        grid-template-columns: 1fr;
    }

    #misafir-yorumlari .review-card {
        padding: 20px 18px;
    }

    #misafir-yorumlari .review-gallery {
        grid-template-columns: 1fr;
        grid-template-rows: repeat(3,220px);
        min-height: 0;
    }

    #misafir-yorumlari .review-gallery-featured {
        grid-column: auto;
    }

    #misafir-yorumlari .review-share-cta {
        grid-template-columns: 1fr;
        text-align: center;
        padding: 22px 18px;
    }

    #misafir-yorumlari .review-share-cta .cta-icon {
        margin-inline: auto;
    }

    #misafir-yorumlari .review-share-cta .cta-actions {
        display: grid;
        grid-template-columns: 1fr;
        width: 100%;
    }

    #misafir-yorumlari .review-share-cta .tour-btn {
        width: 100%;
        min-width: 0;
    }
}


/* 3 Adımda Kolay Rezervasyon — scoped production düzeni */
#kolay-rezervasyon {
    position: relative;
    padding: 58px 0 66px;
    background:
        radial-gradient(circle at 18% 16%, rgba(56,216,229,.07), transparent 28%),
        linear-gradient(180deg,#f6fbfd 0%,#f1f7fa 100%);
}

#kolay-rezervasyon > .tour-wrap {
    width: min(1340px, calc(100% - 48px));
    margin-inline: auto;
}

#kolay-rezervasyon .tour-steps-head {
    margin-bottom: 30px;
}

#kolay-rezervasyon .tour-steps-head .tour-kicker {
    display: block;
    margin: 0 0 6px;
    color: #17859a;
    font-size: 14px;
    font-weight: 800;
    letter-spacing: .07em;
    text-transform: uppercase;
}

#kolay-rezervasyon .tour-steps-head h2 {
    margin: 0;
    color: #07152d;
    font-size: clamp(30px,2.3vw,42px);
    font-weight: 900;
    letter-spacing: -.035em;
    line-height: 1.08;
}

#kolay-rezervasyon .tour-steps-head p {
    max-width: 720px;
    margin: 7px 0 0;
    color: #52657a;
    font-size: 16px;
    line-height: 1.55;
}

#kolay-rezervasyon .steps-grid {
    display: grid;
    grid-template-columns: repeat(3,minmax(0,1fr));
    gap: 22px;
    align-items: stretch;
}

#kolay-rezervasyon .step-card {
    position: relative;
    display: flex;
    min-width: 0;
    height: 100%;
    flex-direction: column;
    overflow: visible;
    border: 1px solid rgba(26,167,194,.42);
    border-radius: 18px;
    background: #fff;
    box-shadow: 0 18px 42px rgba(9,38,61,.11);
    transition: transform .28s ease, box-shadow .28s ease, border-color .28s ease;
}

#kolay-rezervasyon .step-card:hover {
    transform: translateY(-5px);
    border-color: rgba(37,194,215,.9);
    box-shadow: 0 26px 56px rgba(9,38,61,.16);
}

#kolay-rezervasyon .step-no {
    position: absolute;
    top: -28px;
    left: -12px;
    z-index: 4;
    display: grid;
    width: 70px;
    height: 70px;
    place-items: center;
    border: 8px solid #eef9fb;
    border-radius: 50%;
    background: #fff;
    color: #ff654b;
    font-size: 28px;
    font-weight: 900;
    box-shadow: 0 10px 28px rgba(8,49,77,.16);
}

#kolay-rezervasyon .step-visual {
    position: relative;
    width: 100%;
    height: 218px;
    margin: 0;
    overflow: hidden;
    border-radius: 17px 17px 0 0;
    background: #08243b;
}

#kolay-rezervasyon .step-visual::after {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    background: linear-gradient(180deg,rgba(2,18,32,0) 72%,rgba(2,18,32,.16) 100%);
}

#kolay-rezervasyon .step-visual img {
    position: absolute;
    inset: -2px;
    display: block;
    width: calc(100% + 4px);
    height: calc(100% + 4px);
    max-width: none;
    object-fit: cover;
    object-position: center center;
    transform: scale(1.025);
    transition: transform .45s ease;
}

#kolay-rezervasyon .step-card:hover .step-visual img {
    transform: scale(1.055);
}

#kolay-rezervasyon .step-content {
    display: flex;
    min-height: 132px;
    flex: 1 1 auto;
    flex-direction: column;
    padding: 19px 20px 21px;
}

#kolay-rezervasyon .step-content h3 {
    margin: 0 0 8px;
    color: #07152d;
    font-size: 22px;
    font-weight: 900;
    letter-spacing: -.025em;
    line-height: 1.18;
}

#kolay-rezervasyon .step-content p {
    margin: 0;
    color: #52657a;
    font-size: 14px;
    line-height: 1.55;
}

#kolay-rezervasyon .steps-booking-cta {
    display: grid;
    grid-template-columns: auto minmax(0,1fr) auto;
    align-items: center;
    gap: 22px;
    margin-top: 28px;
    padding: 25px 28px;
    border: 1px solid rgba(86,222,235,.52);
    border-radius: 18px;
    background:
        radial-gradient(circle at 8% 50%,rgba(56,216,229,.12),transparent 20%),
        linear-gradient(115deg,#021b3a 0%,#064b6e 55%,#0c8299 100%);
    color: #fff;
    box-shadow: 0 20px 42px rgba(6,51,81,.16);
}

#kolay-rezervasyon .steps-booking-cta .cta-icon {
    display: grid;
    width: 70px;
    height: 70px;
    place-items: center;
    border: 2px solid #53ebef;
    border-radius: 50%;
    background: rgba(2,27,52,.48);
    font-size: 31px;
}

#kolay-rezervasyon .steps-booking-copy .tour-kicker {
    display: block;
    margin: 0 0 3px;
    color: #d7fbff;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 0;
    text-transform: none;
}

#kolay-rezervasyon .steps-booking-copy h3 {
    margin: 0;
    color: #fff;
    font-size: clamp(24px,2vw,34px);
    font-weight: 900;
    letter-spacing: -.03em;
    line-height: 1.12;
}

#kolay-rezervasyon .steps-booking-copy p {
    margin: 5px 0 0;
    color: rgba(241,252,255,.9);
    font-size: 14px;
}

#kolay-rezervasyon .steps-booking-cta .cta-actions {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 10px;
}

#kolay-rezervasyon .steps-booking-cta .tour-btn {
    display: inline-flex;
    min-width: 166px;
    min-height: 48px;
    align-items: center;
    justify-content: center;
    padding: 0 18px;
    border: 1px solid transparent;
    border-radius: 10px;
    font-size: 13px;
    font-weight: 850;
    line-height: 1;
    text-decoration: none;
    transition: transform .2s ease, box-shadow .2s ease, background .2s ease;
}

#kolay-rezervasyon .steps-booking-cta .tour-btn-primary {
    border-color: #ff6b50;
    background: linear-gradient(135deg,#ff6d4e,#ff5540);
    color: #fff;
    box-shadow: 0 10px 22px rgba(255,87,65,.22);
}

#kolay-rezervasyon .steps-booking-cta .tour-btn-light {
    border-color: rgba(225,250,252,.72);
    background: rgba(3,31,56,.28);
    color: #fff;
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
}

#kolay-rezervasyon .steps-booking-cta .tour-btn:hover {
    transform: translateY(-2px);
}

@media (max-width: 1100px) {
    #kolay-rezervasyon > .tour-wrap {
        width: min(100% - 38px,980px);
    }

    #kolay-rezervasyon .steps-grid {
        grid-template-columns: repeat(2,minmax(0,1fr));
    }

    #kolay-rezervasyon .step-card:last-child {
        grid-column: 1 / -1;
        width: min(100%,480px);
        justify-self: center;
    }

    #kolay-rezervasyon .steps-booking-cta {
        grid-template-columns: auto minmax(0,1fr);
    }

    #kolay-rezervasyon .steps-booking-cta .cta-actions {
        grid-column: 1 / -1;
        justify-content: flex-start;
    }
}

@media (max-width: 700px) {
    #kolay-rezervasyon {
        padding: 42px 0 50px;
    }

    #kolay-rezervasyon > .tour-wrap {
        width: min(100% - 26px,620px);
    }

    #kolay-rezervasyon .steps-grid {
        grid-template-columns: 1fr;
        gap: 38px;
    }

    #kolay-rezervasyon .step-card:last-child {
        grid-column: auto;
        width: 100%;
    }

    #kolay-rezervasyon .step-no {
        top: -25px;
        left: 14px;
        width: 62px;
        height: 62px;
        border-width: 7px;
        font-size: 24px;
    }

    #kolay-rezervasyon .step-visual {
        height: 205px;
    }

    #kolay-rezervasyon .steps-booking-cta {
        grid-template-columns: 1fr;
        padding: 22px 18px;
        text-align: center;
    }

    #kolay-rezervasyon .steps-booking-cta .cta-icon {
        width: 62px;
        height: 62px;
        margin-inline: auto;
        font-size: 27px;
    }

    #kolay-rezervasyon .steps-booking-cta .cta-actions {
        display: grid;
        grid-template-columns: 1fr;
        width: 100%;
    }

    #kolay-rezervasyon .steps-booking-cta .tour-btn {
        width: 100%;
        min-width: 0;
    }
}

@media (prefers-reduced-motion: reduce) {
    #kolay-rezervasyon .step-card,
    #kolay-rezervasyon .step-visual img,
    #kolay-rezervasyon .steps-booking-cta .tour-btn {
        transition: none;
    }

    #kolay-rezervasyon .step-card:hover,
    #kolay-rezervasyon .step-card:hover .step-visual img,
    #kolay-rezervasyon .steps-booking-cta .tour-btn:hover {
        transform: none;
    }
}


/* Neden Bizi Tercih Etmelisiniz — scoped production düzeni */
#neden-bizi-tercih {
    position: relative;
    padding: 64px 0 72px;
    background:
        radial-gradient(circle at 16% 22%, rgba(56,216,229,.06), transparent 26%),
        linear-gradient(180deg,#f7fbfd 0%,#f2f8fb 100%);
}

#neden-bizi-tercih > .tour-wrap {
    width: min(1340px, calc(100% - 48px));
    margin-inline: auto;
}

#neden-bizi-tercih .why-layout {
    display: grid;
    grid-template-columns: minmax(0,1.05fr) minmax(0,1fr);
    gap: 34px;
    align-items: stretch;
}

#neden-bizi-tercih .why-gallery {
    display: grid;
    grid-template-columns: minmax(0,1.35fr) minmax(190px,.85fr);
    gap: 12px;
    min-width: 0;
}

#neden-bizi-tercih .why-gallery figure {
    position: relative;
    min-height: 0;
    margin: 0;
    overflow: hidden;
    border: 1px solid rgba(26,167,194,.42);
    border-radius: 18px;
    background: #08243b;
    box-shadow: 0 18px 42px rgba(9,38,61,.12);
}

#neden-bizi-tercih .why-gallery-main {
    min-height: 470px;
}

#neden-bizi-tercih .why-gallery-side {
    display: grid;
    grid-template-rows: repeat(2,minmax(0,1fr));
    gap: 12px;
    min-width: 0;
}

#neden-bizi-tercih .why-gallery img {
    position: absolute;
    inset: -2px;
    display: block;
    width: calc(100% + 4px);
    height: calc(100% + 4px);
    max-width: none;
    object-fit: cover;
    object-position: center center;
    transform: scale(1.02);
    transition: transform .45s ease;
}

#neden-bizi-tercih .why-gallery figure:hover img {
    transform: scale(1.055);
}

#neden-bizi-tercih .why-content {
    display: flex;
    min-width: 0;
    flex-direction: column;
}

#neden-bizi-tercih .why-head {
    margin: 0 0 24px;
}

#neden-bizi-tercih .why-head .tour-kicker {
    display: block;
    margin: 0 0 7px;
    color: #17859a;
    font-size: 14px;
    font-weight: 800;
    letter-spacing: .07em;
    text-transform: uppercase;
}

#neden-bizi-tercih .why-head h2 {
    max-width: 620px;
    margin: 0;
    color: #07152d;
    font-size: clamp(36px,3.15vw,56px);
    font-weight: 900;
    letter-spacing: -.045em;
    line-height: 1.02;
}

#neden-bizi-tercih .why-head p {
    max-width: 680px;
    margin: 16px 0 0;
    color: #52657a;
    font-size: 16px;
    line-height: 1.6;
}

#neden-bizi-tercih .why-features {
    display: grid;
    grid-template-columns: repeat(2,minmax(0,1fr));
    gap: 12px;
}

#neden-bizi-tercih .why-feature {
    display: flex;
    min-width: 0;
    min-height: 92px;
    align-items: center;
    gap: 14px;
    padding: 16px 18px;
    border: 1px solid rgba(26,167,194,.40);
    border-radius: 14px;
    background: rgba(255,255,255,.93);
    box-shadow: 0 12px 28px rgba(9,38,61,.07);
    transition: transform .22s ease, border-color .22s ease, box-shadow .22s ease;
}

#neden-bizi-tercih .why-feature:hover {
    transform: translateY(-3px);
    border-color: rgba(37,194,215,.9);
    box-shadow: 0 18px 34px rgba(9,38,61,.11);
}

#neden-bizi-tercih .why-feature-icon {
    display: grid;
    flex: 0 0 44px;
    width: 44px;
    height: 44px;
    place-items: center;
    border-radius: 12px;
    background: linear-gradient(135deg,#e7fbfd,#eff8ff);
    color: #0799b4;
    font-size: 23px;
    font-weight: 900;
}

#neden-bizi-tercih .why-feature > div {
    min-width: 0;
}

#neden-bizi-tercih .why-feature h3 {
    margin: 0 0 4px;
    color: #07152d;
    font-size: 17px;
    font-weight: 900;
    line-height: 1.18;
}

#neden-bizi-tercih .why-feature p {
    margin: 0;
    color: #64758a;
    font-size: 12px;
    line-height: 1.45;
}

#neden-bizi-tercih .why-cta {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    margin-top: 14px;
    padding: 20px 22px;
    border: 1px solid rgba(86,222,235,.46);
    border-radius: 16px;
    background: linear-gradient(115deg,#021b3a 0%,#064b6e 55%,#0c8299 100%);
    color: #fff;
    box-shadow: 0 16px 34px rgba(6,51,81,.14);
}

#neden-bizi-tercih .why-cta strong,
#neden-bizi-tercih .why-cta span {
    display: block;
}

#neden-bizi-tercih .why-cta strong {
    font-size: 17px;
    font-weight: 900;
}

#neden-bizi-tercih .why-cta span {
    margin-top: 3px;
    color: rgba(241,252,255,.9);
    font-size: 13px;
}

#neden-bizi-tercih .why-cta-btn {
    display: inline-flex;
    min-width: 150px;
    min-height: 46px;
    align-items: center;
    justify-content: center;
    padding: 0 18px;
    border: 1px solid #ff6b50;
    border-radius: 10px;
    background: linear-gradient(135deg,#ff6d4e,#ff5540);
    color: #fff;
    font-size: 13px;
    font-weight: 850;
    line-height: 1;
    text-decoration: none;
    box-shadow: 0 10px 22px rgba(255,87,65,.22);
    transition: transform .2s ease, box-shadow .2s ease;
}

#neden-bizi-tercih .why-cta-btn:hover {
    transform: translateY(-2px);
    box-shadow: 0 14px 26px rgba(255,87,65,.28);
}

@media (max-width: 1100px) {
    #neden-bizi-tercih > .tour-wrap {
        width: min(100% - 38px,980px);
    }

    #neden-bizi-tercih .why-layout {
        grid-template-columns: 1fr;
    }

    #neden-bizi-tercih .why-gallery {
        min-height: 500px;
    }

    #neden-bizi-tercih .why-gallery-main {
        min-height: 500px;
    }
}

@media (max-width: 760px) {
    #neden-bizi-tercih {
        padding: 46px 0 54px;
    }

    #neden-bizi-tercih > .tour-wrap {
        width: min(100% - 26px,620px);
    }

    #neden-bizi-tercih .why-gallery {
        grid-template-columns: 1fr;
        min-height: 0;
    }

    #neden-bizi-tercih .why-gallery-main {
        min-height: 280px;
    }

    #neden-bizi-tercih .why-gallery-side {
        grid-template-columns: repeat(2,minmax(0,1fr));
        grid-template-rows: 190px;
    }

    #neden-bizi-tercih .why-head h2 {
        font-size: clamp(34px,10vw,46px);
    }

    #neden-bizi-tercih .why-features {
        grid-template-columns: 1fr;
    }

    #neden-bizi-tercih .why-cta {
        flex-direction: column;
        align-items: stretch;
        text-align: center;
    }

    #neden-bizi-tercih .why-cta-btn {
        width: 100%;
    }
}

@media (max-width: 420px) {
    #neden-bizi-tercih .why-gallery-side {
        grid-template-columns: 1fr;
        grid-template-rows: repeat(2,180px);
    }
}

@media (prefers-reduced-motion: reduce) {
    #neden-bizi-tercih .why-gallery img,
    #neden-bizi-tercih .why-feature,
    #neden-bizi-tercih .why-cta-btn {
        transition: none;
    }

    #neden-bizi-tercih .why-gallery figure:hover img,
    #neden-bizi-tercih .why-feature:hover,
    #neden-bizi-tercih .why-cta-btn:hover {
        transform: none;
    }
}


/* Antalya Tur Rotaları — scoped production düzeni */
#antalya-tur-rotalari{position:relative;padding:62px 0 70px;background:radial-gradient(circle at 84% 18%,rgba(56,216,229,.06),transparent 28%),linear-gradient(180deg,#f7fbfd 0%,#f2f8fb 100%)}
#antalya-tur-rotalari>.tour-wrap{width:min(1340px,calc(100% - 48px));margin-inline:auto}
#antalya-tur-rotalari .tour-routes-head{margin-bottom:28px}
#antalya-tur-rotalari .tour-routes-head .tour-kicker{display:block;margin:0 0 6px;color:#17859a;font-size:14px;font-weight:800;letter-spacing:.07em;text-transform:uppercase}
#antalya-tur-rotalari .tour-routes-head h2{margin:0;color:#07152d;font-size:clamp(30px,2.3vw,42px);font-weight:900;letter-spacing:-.035em;line-height:1.08}
#antalya-tur-rotalari .tour-routes-head p{max-width:760px;margin:7px 0 0;color:#52657a;font-size:16px;line-height:1.55}
#antalya-tur-rotalari .route-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;align-items:stretch}
#antalya-tur-rotalari .route-card{min-width:0;overflow:hidden;border:1px solid rgba(26,167,194,.42);border-radius:18px;background:#fff;box-shadow:0 18px 42px rgba(9,38,61,.10);transition:transform .26s ease,border-color .26s ease,box-shadow .26s ease}
#antalya-tur-rotalari .route-card:hover{transform:translateY(-5px);border-color:rgba(37,194,215,.9);box-shadow:0 26px 56px rgba(9,38,61,.15)}
#antalya-tur-rotalari .route-card-link{display:flex;height:100%;flex-direction:column;color:inherit;text-decoration:none}
#antalya-tur-rotalari .route-card-media{position:relative;width:100%;height:210px;overflow:hidden;background:linear-gradient(135deg,#0d6f86,#74d5df)}
#antalya-tur-rotalari .route-card-media::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(2,18,32,0) 70%,rgba(2,18,32,.16) 100%)}
#antalya-tur-rotalari .route-card-media img{position:absolute;inset:-2px;display:block;width:calc(100% + 4px);height:calc(100% + 4px);max-width:none;object-fit:cover;object-position:center center;transform:scale(1.025);transition:transform .45s ease}
#antalya-tur-rotalari .route-card:hover .route-card-media img{transform:scale(1.055)}
#antalya-tur-rotalari .route-card-placeholder{position:absolute;inset:0;display:block;background:radial-gradient(circle at 70% 30%,rgba(255,255,255,.18),transparent 30%),linear-gradient(135deg,#0a738b,#7cdce3)}
#antalya-tur-rotalari .route-card-body{display:flex;min-height:164px;flex:1 1 auto;flex-direction:column;padding:18px 18px 16px}
#antalya-tur-rotalari .route-card-body h3{margin:0 0 8px;color:#07152d;font-size:21px;font-weight:900;letter-spacing:-.025em;line-height:1.18}
#antalya-tur-rotalari .route-card-body p{margin:0;color:#5c6d82;font-size:14px;line-height:1.55}
#antalya-tur-rotalari .route-card-cta{display:inline-flex;align-items:center;gap:7px;width:fit-content;margin-top:auto;padding-top:16px;color:#0799b4;font-size:13px;font-weight:850}
#antalya-tur-rotalari .route-card-cta span{font-size:20px;line-height:1;transition:transform .2s ease}
#antalya-tur-rotalari .route-card:hover .route-card-cta span{transform:translateX(3px)}
#antalya-tur-rotalari .route-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin-top:28px;overflow:hidden;border:1px solid rgba(26,167,194,.38);border-radius:18px;background:#fff;box-shadow:0 18px 42px rgba(9,38,61,.09)}
#antalya-tur-rotalari .route-stat{display:flex;min-height:112px;align-items:center;justify-content:center;flex-direction:column;gap:7px;padding:18px 14px;border-right:1px solid rgba(26,167,194,.32);text-align:center}
#antalya-tur-rotalari .route-stat:last-child{border-right:0}
#antalya-tur-rotalari .route-stat strong{color:#0799b4;font-size:clamp(28px,2.3vw,38px);font-weight:900;letter-spacing:-.03em;line-height:1}
#antalya-tur-rotalari .route-stat span{color:#34495e;font-size:13px;font-weight:700}
@media(max-width:1100px){#antalya-tur-rotalari>.tour-wrap{width:min(100% - 38px,980px)}#antalya-tur-rotalari .route-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){#antalya-tur-rotalari{padding:44px 0 52px}#antalya-tur-rotalari>.tour-wrap{width:min(100% - 26px,620px)}#antalya-tur-rotalari .route-grid{grid-template-columns:1fr;gap:16px}#antalya-tur-rotalari .route-card-media{height:205px}#antalya-tur-rotalari .route-stats{grid-template-columns:repeat(2,minmax(0,1fr))}#antalya-tur-rotalari .route-stat{min-height:98px;border-bottom:1px solid rgba(26,167,194,.28)}#antalya-tur-rotalari .route-stat:nth-child(2n){border-right:0}#antalya-tur-rotalari .route-stat:nth-child(3),#antalya-tur-rotalari .route-stat:nth-child(4){border-bottom:0}}
@media(max-width:390px){#antalya-tur-rotalari>.tour-wrap{width:calc(100% - 20px)}#antalya-tur-rotalari .route-card-media{height:190px}}


/* Final CTA Banner — scoped production düzeni */
#final-rezervasyon {
    position: relative;
    isolation: isolate;
    min-height: 650px;
    padding: 92px 0;
    overflow: hidden;
    background: #061a2d;
}

#final-rezervasyon::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -3;
    background-image: var(--final-cta-image);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center 34%;
    filter: saturate(1.05) contrast(1.03) brightness(.82);
    transform: scale(1.035);
}

#final-rezervasyon::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -2;
    background:
        linear-gradient(180deg,rgba(2,15,29,.48) 0%,rgba(2,18,34,.28) 42%,rgba(2,16,30,.72) 100%),
        linear-gradient(90deg,rgba(1,14,28,.38),rgba(1,14,28,.12),rgba(1,14,28,.38));
}

#final-rezervasyon .tour-final-backdrop {
    position: absolute;
    inset: 0;
    z-index: -1;
    background:
        radial-gradient(circle at 50% 40%,rgba(56,216,229,.10),transparent 32%),
        radial-gradient(circle at 78% 18%,rgba(255,122,76,.07),transparent 24%);
}

#final-rezervasyon .tour-final-wrap {
    display: flex;
    min-height: 466px;
    align-items: center;
    justify-content: center;
}

#final-rezervasyon .tour-final-panel {
    width: min(860px,100%);
    overflow: hidden;
    border: 1px solid rgba(99,232,239,.72);
    border-radius: 28px;
    background:
        linear-gradient(145deg,rgba(3,27,52,.94),rgba(4,35,61,.91));
    color: #fff;
    box-shadow:
        0 34px 80px rgba(0,0,0,.34),
        inset 0 1px rgba(255,255,255,.08);
    backdrop-filter: blur(18px);
    -webkit-backdrop-filter: blur(18px);
}

#final-rezervasyon .tour-final-panel-top {
    padding: 46px 54px 38px;
    text-align: center;
}

#final-rezervasyon .tour-final-kicker {
    display: block;
    margin: 0 0 16px;
    color: #48dce7;
    font-size: 15px;
    font-weight: 850;
    letter-spacing: .24em;
    line-height: 1.3;
    text-transform: uppercase;
}

#final-rezervasyon h2 {
    margin: 0;
    color: #fff;
    font-size: clamp(42px,4.25vw,66px);
    font-weight: 900;
    letter-spacing: -.045em;
    line-height: 1.02;
}

#final-rezervasyon h2 span {
    display: block;
    margin-top: 4px;
    color: transparent;
    background: linear-gradient(180deg,#80f1ee 0%,#31d0df 90%);
    -webkit-background-clip: text;
    background-clip: text;
}

#final-rezervasyon .tour-final-divider {
    width: 138px;
    height: 4px;
    margin: 23px auto 20px;
    border-radius: 999px;
    background:
        linear-gradient(90deg,#3bd8e4 0 48%,transparent 48% 54%,#ff6b50 54% 100%);
}

#final-rezervasyon .tour-final-panel-top p {
    max-width: 590px;
    margin: 0 auto;
    color: rgba(241,250,253,.92);
    font-size: 17px;
    line-height: 1.6;
}

#final-rezervasyon .tour-final-actions {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 14px;
    margin-top: 28px;
}

#final-rezervasyon .tour-final-btn {
    display: inline-flex;
    min-height: 54px;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 0 24px;
    border: 1px solid transparent;
    border-radius: 12px;
    color: #fff;
    font-size: 14px;
    font-weight: 850;
    line-height: 1;
    text-decoration: none;
    transition:
        transform .22s ease,
        border-color .22s ease,
        background .22s ease,
        box-shadow .22s ease;
}

#final-rezervasyon .tour-final-btn:hover {
    transform: translateY(-2px);
}

#final-rezervasyon .tour-final-btn-primary {
    min-width: 190px;
    border-color: #ff7057;
    background: linear-gradient(135deg,#ff6d4e,#ff5540);
    box-shadow: 0 14px 30px rgba(255,87,65,.28);
}

#final-rezervasyon .tour-final-btn-outline {
    min-width: 270px;
    border-color: rgba(219,249,252,.68);
    background: rgba(4,39,65,.48);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
}

#final-rezervasyon .tour-final-btn-outline:hover {
    border-color: #52e1e9;
    background: rgba(7,57,86,.68);
}

#final-rezervasyon .tour-final-benefits {
    display: grid;
    grid-template-columns: repeat(3,minmax(0,1fr));
    border-top: 1px solid rgba(113,225,233,.42);
    background: rgba(2,23,42,.44);
}

#final-rezervasyon .tour-final-benefits > div {
    display: flex;
    min-height: 76px;
    align-items: center;
    justify-content: center;
    gap: 11px;
    padding: 14px;
    border-right: 1px solid rgba(113,225,233,.28);
    text-align: center;
}

#final-rezervasyon .tour-final-benefits > div:last-child {
    border-right: 0;
}

#final-rezervasyon .tour-final-benefits i {
    color: #4de1e9;
    font-size: 25px;
    font-style: normal;
    line-height: 1;
}

#final-rezervasyon .tour-final-benefits strong {
    color: #fff;
    font-size: 14px;
    font-weight: 850;
}

@media (max-width: 1100px) {
    #final-rezervasyon {
        min-height: 600px;
        padding: 76px 0;
    }

    #final-rezervasyon::before {
        background-position: center center;
    }

    #final-rezervasyon .tour-final-panel {
        width: min(760px,100%);
    }
}

@media (max-width: 700px) {
    #final-rezervasyon {
        min-height: auto;
        padding: 58px 0;
    }

    #final-rezervasyon .tour-final-wrap {
        min-height: 0;
    }

    #final-rezervasyon .tour-final-panel {
        border-radius: 22px;
    }

    #final-rezervasyon .tour-final-panel-top {
        padding: 34px 20px 28px;
    }

    #final-rezervasyon .tour-final-kicker {
        font-size: 12px;
        letter-spacing: .16em;
    }

    #final-rezervasyon h2 {
        font-size: clamp(38px,11vw,52px);
    }

    #final-rezervasyon .tour-final-panel-top p {
        font-size: 15px;
    }

    #final-rezervasyon .tour-final-actions {
        display: grid;
        grid-template-columns: 1fr;
    }

    #final-rezervasyon .tour-final-btn {
        width: 100%;
        min-width: 0;
    }

    #final-rezervasyon .tour-final-benefits {
        grid-template-columns: 1fr;
    }

    #final-rezervasyon .tour-final-benefits > div {
        min-height: 62px;
        border-right: 0;
        border-bottom: 1px solid rgba(113,225,233,.24);
    }

    #final-rezervasyon .tour-final-benefits > div:last-child {
        border-bottom: 0;
    }
}

@media (prefers-reduced-motion: reduce) {
    #final-rezervasyon .tour-final-btn {
        transition: none;
    }

    #final-rezervasyon .tour-final-btn:hover {
        transform: none;
    }
}


/* Sık Sorulan Sorular — daha hafif ve modern tipografi */
#sss {
    position: relative;
    padding: 64px 0 70px;
    overflow: hidden;
    background:
        radial-gradient(circle at 78% 18%, rgba(56,216,229,.07), transparent 28%),
        linear-gradient(180deg,#03172b 0%,#021326 100%);
    color: #fff;
}

#sss > .faq-wrap {
    width: min(1340px, calc(100% - 48px));
    margin-inline: auto;
}

#sss .faq-head {
    margin-bottom: 28px;
}

#sss .faq-head .tour-kicker {
    display: block;
    margin: 0 0 7px;
    color: #48dce7;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: .08em;
    text-transform: uppercase;
}

#sss .faq-head h2 {
    margin: 0;
    color: #fff;
    font-size: clamp(30px,2.2vw,40px);
    font-weight: 700;
    letter-spacing: -.03em;
    line-height: 1.14;
}

#sss .faq-head p {
    max-width: 720px;
    margin: 10px 0 0;
    color: rgba(232,246,251,.74);
    font-size: 15px;
    font-weight: 400;
    line-height: 1.7;
}

#sss .faq-layout {
    display: grid;
    grid-template-columns: minmax(0,1.55fr) minmax(330px,.85fr);
    gap: 22px;
    align-items: start;
}

#sss .faq-accordion {
    display: grid;
    gap: 12px;
}

#sss .faq-item {
    overflow: hidden;
    border: 1px solid rgba(119,214,226,.30);
    border-radius: 15px;
    background: rgba(5,37,61,.48);
    box-shadow: inset 0 1px rgba(255,255,255,.025);
    transition: border-color .22s ease, background .22s ease, box-shadow .22s ease;
}

#sss .faq-item.is-open {
    border-color: rgba(52,216,229,.92);
    background: linear-gradient(145deg,rgba(5,47,72,.76),rgba(4,29,52,.86));
    box-shadow:
        0 14px 30px rgba(0,0,0,.14),
        0 0 0 1px rgba(56,216,229,.06);
}

#sss .faq-item h3 {
    margin: 0;
}

#sss .faq-question {
    display: grid;
    grid-template-columns: 38px minmax(0,1fr) 24px;
    gap: 14px;
    width: 100%;
    min-height: 66px;
    align-items: center;
    padding: 13px 16px;
    border: 0;
    background: transparent;
    color: #fff;
    font: inherit;
    cursor: pointer;
    text-align: left;
}

#sss .faq-toggle {
    display: grid;
    width: 34px;
    height: 34px;
    place-items: center;
    border: 1.5px solid #39dbe6;
    border-radius: 50%;
    color: #42e0e8;
    font-size: 20px;
    font-weight: 500;
    line-height: 1;
}

#sss .faq-question-text {
    color: #3fd7e4;
    font-size: clamp(17px,1.35vw,22px);
    font-weight: 600;
    letter-spacing: -.015em;
    line-height: 1.3;
}

#sss .faq-end-icon {
    color: #43dce7;
    font-size: 22px;
    font-weight: 600;
    line-height: 1;
    text-align: center;
}

#sss .faq-answer {
    padding: 0 58px 20px 68px;
}

#sss .faq-answer[hidden] {
    display: none;
}

#sss .faq-answer p {
    margin: 0;
    color: rgba(236,248,252,.78);
    font-size: 15px;
    font-weight: 400;
    line-height: 1.75;
}

#sss .faq-help-card {
    position: sticky;
    top: 118px;
    overflow: hidden;
    border: 1px solid rgba(119,214,226,.36);
    border-radius: 18px;
    background: linear-gradient(160deg,rgba(18,63,79,.90),rgba(13,48,66,.92));
    box-shadow: 0 20px 46px rgba(0,0,0,.22);
}

#sss .faq-help-media {
    position: relative;
    height: 210px;
    overflow: hidden;
    background: #08243b;
}

#sss .faq-help-media::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg,transparent 62%,rgba(2,19,34,.38) 100%);
}

#sss .faq-help-media img {
    position: absolute;
    inset: -2px;
    display: block;
    width: calc(100% + 4px);
    height: calc(100% + 4px);
    max-width: none;
    object-fit: cover;
    object-position: center center;
    transform: scale(1.02);
}

#sss .faq-help-body {
    padding: 22px 20px 18px;
    text-align: center;
}

#sss .faq-help-body h3 {
    margin: 0;
    color: #fff;
    font-size: 22px;
    font-weight: 700;
    letter-spacing: -.02em;
    line-height: 1.25;
}

#sss .faq-help-body p {
    max-width: 360px;
    margin: 9px auto 0;
    color: rgba(236,248,252,.76);
    font-size: 14px;
    font-weight: 400;
    line-height: 1.7;
}

#sss .faq-help-btn {
    display: inline-flex;
    min-width: 200px;
    min-height: 48px;
    align-items: center;
    justify-content: center;
    gap: 9px;
    margin-top: 18px;
    padding: 0 19px;
    border: 1px solid #ff6b50;
    border-radius: 10px;
    background: linear-gradient(135deg,#ff6d4e,#ff5540);
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    text-decoration: none;
    box-shadow: 0 10px 22px rgba(255,87,65,.22);
    transition: transform .2s ease, box-shadow .2s ease;
}

#sss .faq-help-btn:hover {
    transform: translateY(-2px);
    box-shadow: 0 14px 26px rgba(255,87,65,.28);
}

#sss .faq-help-meta {
    display: grid;
    grid-template-columns: repeat(2,minmax(0,1fr));
    margin-top: 18px;
    padding-top: 14px;
    border-top: 1px solid rgba(218,247,250,.20);
}

#sss .faq-help-meta span {
    display: flex;
    min-height: 34px;
    align-items: center;
    justify-content: center;
    padding: 0 9px;
    color: rgba(241,251,253,.78);
    font-size: 11px;
    font-weight: 400;
}

#sss .faq-help-meta span + span {
    border-left: 1px solid rgba(218,247,250,.18);
}

@media (max-width: 1100px) {
    #sss > .faq-wrap {
        width: min(100% - 38px,980px);
    }

    #sss .faq-layout {
        grid-template-columns: 1fr;
    }

    #sss .faq-help-card {
        position: relative;
        top: auto;
        width: min(100%,620px);
        justify-self: center;
    }
}

@media (max-width: 700px) {
    #sss {
        padding: 46px 0 52px;
    }

    #sss > .faq-wrap {
        width: min(100% - 26px,620px);
    }

    #sss .faq-head h2 {
        font-size: clamp(29px,8vw,36px);
    }

    #sss .faq-question {
        grid-template-columns: 34px minmax(0,1fr);
        min-height: 62px;
        gap: 11px;
        padding: 12px 13px;
    }

    #sss .faq-toggle {
        width: 32px;
        height: 32px;
        font-size: 18px;
    }

    #sss .faq-question-text {
        font-size: 17px;
    }

    #sss .faq-end-icon {
        display: none;
    }

    #sss .faq-answer {
        padding: 0 14px 17px 58px;
    }

    #sss .faq-answer p {
        font-size: 14px;
        line-height: 1.7;
    }

    #sss .faq-help-media {
        height: 195px;
    }

    #sss .faq-help-meta {
        grid-template-columns: 1fr;
    }

    #sss .faq-help-meta span + span {
        border-left: 0;
        border-top: 1px solid rgba(218,247,250,.16);
    }
}

@media (max-width: 390px) {
    #sss > .faq-wrap {
        width: calc(100% - 20px);
    }

    #sss .faq-question-text {
        font-size: 16px;
    }

    #sss .faq-help-btn {
        width: 100%;
        min-width: 0;
    }
}

@media (prefers-reduced-motion: reduce) {
    #sss .faq-item,
    #sss .faq-help-btn {
        transition: none;
    }

    #sss .faq-help-btn:hover {
        transform: none;
    }
}


/* =====================================================================
   HERO — FINAL REFERANS UYUMLU DÜZEN
   Sadece .tour-hero alanını etkiler.
===================================================================== */

.tour-hero {
    position: relative;
    isolation: isolate;
    min-height: 820px;
    padding: 28px 0 22px;
    overflow: hidden;
    background-color: #03172b;
    background-image: var(--hero-image);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    color: #fff;
}

.tour-hero::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -3;
    background:
        linear-gradient(
            90deg,
            rgba(1, 17, 35, .95) 0%,
            rgba(2, 27, 49, .83) 34%,
            rgba(2, 29, 50, .42) 64%,
            rgba(1, 18, 32, .24) 100%
        ),
        linear-gradient(
            180deg,
            rgba(1, 17, 31, .12) 0%,
            rgba(1, 17, 31, .04) 58%,
            rgba(1, 17, 31, .70) 100%
        );
}

.tour-hero::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -2;
    pointer-events: none;
    background:
        radial-gradient(circle at 77% 18%, rgba(255, 175, 101, .17), transparent 24%),
        radial-gradient(circle at 46% 60%, rgba(39, 219, 229, .08), transparent 34%);
}

.tour-hero .tour-hero-overlay {
    position: absolute;
    inset: 0;
    z-index: -1;
    pointer-events: none;
    background:
        linear-gradient(180deg, rgba(3, 22, 40, .03), rgba(3, 22, 40, .12)),
        radial-gradient(circle at 8% 82%, rgba(0, 199, 220, .09), transparent 25%);
}

.tour-hero .tour-hero-wrap {
    position: relative;
    display: flex;
    width: min(1540px, calc(100% - 64px));
    min-height: 770px;
    margin-inline: auto;
    flex-direction: column;
}

.tour-hero .tour-hero-route-badge {
    display: inline-flex;
    align-self: flex-end;
    min-height: 48px;
    align-items: center;
    gap: 11px;
    margin: 10px 0 8px;
    padding: 0 18px;
    border: 1px solid rgba(220, 249, 251, .62);
    border-radius: 13px;
    background: rgba(3, 28, 49, .54);
    color: #f4fbfd;
    font-size: 13px;
    font-weight: 850;
    letter-spacing: .04em;
    text-transform: uppercase;
    box-shadow: 0 12px 30px rgba(0, 0, 0, .18);
    backdrop-filter: blur(13px);
    -webkit-backdrop-filter: blur(13px);
}

.tour-hero .tour-hero-route-icon {
    color: #5ce5e9;
    font-size: 24px;
    line-height: 1;
}

.tour-hero .tour-hero-grid {
    display: grid;
    grid-template-columns: minmax(0, 1.48fr) minmax(430px, .82fr);
    gap: clamp(40px, 5vw, 88px);
    align-items: center;
    flex: 1 1 auto;
}

.tour-hero .tour-hero-copy {
    min-width: 0;
    padding-top: 14px;
}

.tour-hero .tour-hero-kicker {
    margin: 0 0 14px;
    color: #3fe1e8;
    font-size: clamp(14px, 1.15vw, 19px);
    font-weight: 850;
    letter-spacing: .13em;
    line-height: 1.3;
    text-transform: uppercase;
}

.tour-hero .tour-hero-title {
    max-width: 820px;
    margin: 0;
    color: #fff;
    font-size: clamp(52px, 5vw, 82px);
    font-weight: 950;
    letter-spacing: -.052em;
    line-height: .98;
    text-wrap: balance;
}

.tour-hero .tour-hero-title span,
.tour-hero .tour-hero-title strong {
    display: block;
}

.tour-hero .tour-hero-title strong {
    position: relative;
    width: fit-content;
    margin: 5px 0 7px;
    color: transparent;
    background: linear-gradient(180deg, #84f3f0 0%, #36d4df 86%);
    -webkit-background-clip: text;
    background-clip: text;
    font-weight: 950;
    text-shadow: 0 12px 34px rgba(20, 214, 224, .12);
}

.tour-hero .tour-hero-title strong::after {
    content: "";
    position: absolute;
    right: 1%;
    bottom: -7px;
    left: 1%;
    height: 7px;
    border-radius: 60% 40% 55% 45%;
    background:
        linear-gradient(
            90deg,
            rgba(39, 224, 232, .18),
            #39dce5 18%,
            #4bdde6 75%,
            rgba(39, 224, 232, .16)
        );
    clip-path: polygon(0 55%, 18% 22%, 45% 42%, 68% 5%, 100% 34%, 100% 70%, 62% 50%, 29% 84%, 0 74%);
}

.tour-hero .tour-hero-desc {
    max-width: 650px;
    margin: 24px 0 0;
    color: rgba(245, 250, 252, .94);
    font-size: clamp(16px, 1.18vw, 20px);
    line-height: 1.55;
    text-shadow: 0 2px 12px rgba(0, 0, 0, .25);
}

.tour-hero .tour-hero-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
    margin-top: 24px;
}

.tour-hero .tour-btn {
    display: inline-flex;
    min-height: 58px;
    align-items: center;
    justify-content: center;
    gap: 11px;
    padding: 0 25px;
    border: 1px solid transparent;
    border-radius: 12px;
    color: #fff;
    font-size: 14px;
    font-weight: 900;
    letter-spacing: .01em;
    line-height: 1;
    text-decoration: none;
    text-transform: uppercase;
    transition:
        transform .22s ease,
        border-color .22s ease,
        background .22s ease,
        box-shadow .22s ease;
}

.tour-hero .tour-btn:hover {
    transform: translateY(-2px);
}

.tour-hero .tour-btn-primary {
    min-width: 250px;
    border-color: #ff775d;
    background: linear-gradient(135deg, #ff704f, #ff543f);
    box-shadow:
        0 15px 32px rgba(255, 84, 63, .30),
        0 0 22px rgba(255, 105, 75, .16),
        inset 0 1px rgba(255, 255, 255, .28);
}

.tour-hero .tour-btn-outline {
    min-width: 330px;
    border-color: rgba(225, 249, 252, .72);
    background: rgba(3, 31, 56, .42);
    box-shadow: inset 0 1px rgba(255, 255, 255, .08);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
}

.tour-hero .tour-btn-outline:hover {
    border-color: #5ce4ea;
    background: rgba(5, 49, 78, .62);
}

.tour-hero .tour-btn-arrow {
    font-size: 24px;
    line-height: 1;
}

.tour-hero .tour-btn-icon {
    color: #dffcff;
    font-size: 21px;
    line-height: 1;
}

.tour-hero .tour-benefits {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0;
    margin-top: 18px;
}

.tour-hero .tour-benefit-item {
    display: inline-flex;
    min-height: 42px;
    align-items: center;
    gap: 10px;
    padding: 0 28px;
    border-right: 1px solid rgba(219, 247, 250, .26);
    color: rgba(249, 253, 254, .94);
    font-size: 13px;
    font-weight: 750;
}

.tour-hero .tour-benefit-item:first-child {
    padding-left: 0;
}

.tour-hero .tour-benefit-item:last-child {
    border-right: 0;
}

.tour-hero .tour-benefit-icon {
    color: #58e5e9;
    font-size: 23px;
    line-height: 1;
}

.tour-hero .tour-mini-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 10px;
    max-width: 810px;
    margin-top: 17px;
}

.tour-hero .tour-mini-card {
    position: relative;
    display: block;
    min-width: 0;
    height: 152px;
    overflow: hidden;
    border: 1px solid rgba(179, 240, 244, .58);
    border-radius: 15px;
    color: #fff;
    text-decoration: none;
    box-shadow: 0 13px 30px rgba(0, 0, 0, .20);
    transition: transform .25s ease, border-color .25s ease, box-shadow .25s ease;
}

.tour-hero .tour-mini-card:hover {
    transform: translateY(-4px);
    border-color: #5fe4e9;
    box-shadow: 0 18px 36px rgba(0, 0, 0, .27);
}

.tour-hero .tour-mini-card-media {
    position: absolute;
    inset: 0;
    overflow: hidden;
    background: #092e48;
}

.tour-hero .tour-mini-card-media::after {
    content: "";
    position: absolute;
    inset: 0;
    background:
        linear-gradient(180deg, transparent 38%, rgba(2, 23, 39, .20) 58%, rgba(2, 26, 43, .82) 100%);
}

.tour-hero .tour-mini-card-media img {
    position: absolute;
    inset: -1px;
    display: block;
    width: calc(100% + 2px);
    height: calc(100% + 2px);
    max-width: none;
    object-fit: cover;
    object-position: center center;
    transform: scale(1.01);
    transition: transform .4s ease;
}

.tour-hero .tour-mini-card:hover .tour-mini-card-media img {
    transform: scale(1.045);
}

.tour-hero .tour-mini-card-caption {
    position: absolute;
    right: 7px;
    bottom: 7px;
    left: 7px;
    z-index: 2;
    display: flex;
    min-height: 58px;
    align-items: center;
    gap: 11px;
    padding: 8px 10px;
    border: 1px solid rgba(214, 249, 251, .54);
    border-radius: 12px;
    background: linear-gradient(135deg, rgba(5, 65, 79, .90), rgba(5, 43, 61, .90));
    backdrop-filter: blur(11px);
    -webkit-backdrop-filter: blur(11px);
}

.tour-hero .tour-mini-card-icon {
    display: grid;
    flex: 0 0 42px;
    width: 42px;
    height: 42px;
    place-items: center;
    border: 1px solid rgba(226, 250, 252, .7);
    border-radius: 50%;
    background: rgba(3, 28, 49, .58);
    font-size: 20px;
}

.tour-hero .tour-mini-card-text {
    display: flex;
    min-width: 0;
    flex-direction: column;
    gap: 3px;
}

.tour-hero .tour-mini-card-text strong {
    overflow: hidden;
    color: #fff;
    font-size: 14px;
    font-weight: 900;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.tour-hero .tour-mini-card-text small {
    overflow: hidden;
    color: rgba(225, 246, 249, .78);
    font-size: 10px;
    font-weight: 650;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* Search card */
.tour-hero .tour-search {
    width: 100%;
    max-width: 500px;
    justify-self: end;
    border: 1px solid rgba(224, 250, 252, .74);
    border-radius: 22px;
    background:
        linear-gradient(145deg, rgba(89, 191, 208, .48), rgba(7, 42, 61, .56)),
        rgba(6, 41, 62, .42);
    box-shadow:
        0 28px 70px rgba(0, 0, 0, .28),
        inset 0 1px rgba(255, 255, 255, .17);
    backdrop-filter: blur(20px) saturate(1.15);
    -webkit-backdrop-filter: blur(20px) saturate(1.15);
}

.tour-hero .tour-search-inner {
    padding: 25px 24px 19px;
}

.tour-hero .tour-search h2 {
    margin: 0 0 17px;
    color: #fff;
    font-size: clamp(25px, 2vw, 32px);
    font-weight: 900;
    letter-spacing: -.03em;
    line-height: 1.15;
    text-align: center;
}

.tour-hero .tour-search form {
    margin: 0;
}

.tour-hero .tour-form-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 11px;
}

.tour-hero .tour-field {
    min-width: 0;
}

.tour-hero .tour-field > label {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(0 0 0 0);
    white-space: nowrap;
    clip-path: inset(50%);
}

.tour-hero .tour-field-control {
    position: relative;
    display: flex;
    width: 100%;
    height: 58px;
    min-height: 58px;
    align-items: center;
    overflow: hidden;
    border: 1px solid rgba(231, 251, 252, .72);
    border-radius: 12px;
    background:
        linear-gradient(135deg, rgba(69, 172, 194, .50), rgba(255, 255, 255, .11));
    color: #fff;
    box-shadow:
        inset 0 1px rgba(255, 255, 255, .10),
        0 8px 18px rgba(0, 0, 0, .08);
}

.tour-hero .tour-field-control:focus-within {
    border-color: #72eef1;
    box-shadow:
        0 0 0 3px rgba(70, 224, 233, .14),
        inset 0 1px rgba(255, 255, 255, .12);
}

.tour-hero .tour-field-icon {
    position: absolute;
    top: 50%;
    left: 16px;
    z-index: 2;
    display: grid;
    width: 22px;
    height: 22px;
    place-items: center;
    color: #d8fdff;
    font-size: 19px;
    pointer-events: none;
    transform: translateY(-50%);
}

.tour-hero .tour-field-control > select,
.tour-hero .tour-field-control > input:not([type="hidden"]) {
    width: 100%;
    height: 100%;
    min-width: 0;
    margin: 0;
    padding: 0 42px 0 48px;
    border: 0;
    outline: 0;
    background: transparent;
    color: #fff;
    font: inherit;
    font-size: 13px;
    font-weight: 750;
    appearance: none;
    -webkit-appearance: none;
}

.tour-hero .tour-field-control > select {
    cursor: pointer;
    background-image:
        linear-gradient(45deg, transparent 50%, #e7fdff 50%),
        linear-gradient(135deg, #e7fdff 50%, transparent 50%);
    background-position:
        calc(100% - 18px) 26px,
        calc(100% - 13px) 26px;
    background-size: 5px 5px, 5px 5px;
    background-repeat: no-repeat;
}

.tour-hero .tour-field-control option {
    color: #071b31;
    background: #fff;
}

.tour-hero .tour-field-control > input[type="date"] {
    color-scheme: dark;
    padding-right: 14px;
}

.tour-hero .tour-field-control > input[type="date"]::-webkit-calendar-picker-indicator {
    opacity: .95;
    filter: brightness(0) invert(1);
    cursor: pointer;
}

/* Kişi sayacı: aynı satır, taşmasız, minimum 1 */
.tour-hero .tour-people-control {
    display: grid;
    grid-template-columns: 38px minmax(0, 1fr) 38px;
    gap: 6px;
    padding: 7px;
}

.tour-hero .tour-people-btn {
    display: grid;
    width: 38px;
    min-width: 38px;
    height: 42px;
    min-height: 42px;
    place-items: center;
    margin: 0;
    padding: 0;
    border: 1px solid rgba(239, 252, 253, .78);
    border-radius: 9px;
    background: rgba(255, 255, 255, .90);
    color: #071b31;
    font-size: 17px;
    font-weight: 900;
    line-height: 1;
    cursor: pointer;
    box-shadow: 0 7px 15px rgba(0, 0, 0, .13);
}

.tour-hero .tour-people-btn:disabled {
    cursor: not-allowed;
    opacity: .48;
}

.tour-hero .tour-people-value {
    display: flex;
    min-width: 0;
    height: 42px;
    align-items: center;
    justify-content: center;
    gap: 5px;
    color: #fff;
    font-size: 13px;
    font-weight: 850;
    white-space: nowrap;
}

.tour-hero .tour-search-submit {
    width: 100%;
    min-height: 58px;
    margin-top: 13px;
    border-radius: 11px;
    font-size: 16px;
}

.tour-hero .tour-search-note {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    margin: 12px 0 0;
    color: rgba(232, 248, 250, .78);
    font-size: 11px;
    font-weight: 700;
}

/* Trust bar */
.tour-hero .tour-trustbar {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    width: 100%;
    min-height: 66px;
    margin-top: 15px;
    overflow: hidden;
    border: 1px solid rgba(181, 241, 245, .55);
    border-radius: 15px;
    background: rgba(3, 30, 52, .48);
    box-shadow: 0 14px 32px rgba(0, 0, 0, .17);
    backdrop-filter: blur(13px);
    -webkit-backdrop-filter: blur(13px);
}

.tour-hero .tour-trustbar-item {
    display: flex;
    min-width: 0;
    align-items: center;
    justify-content: center;
    gap: 12px;
    padding: 10px 14px;
    border-right: 1px solid rgba(222, 249, 251, .26);
    color: #fff;
    font-size: 13px;
    font-weight: 800;
    text-align: center;
}

.tour-hero .tour-trustbar-item:last-child {
    border-right: 0;
}

.tour-hero .tour-trustbar-icon {
    color: #59e5e9;
    font-size: 24px;
    line-height: 1;
}

/* Tablet */
@media (max-width: 1180px) {
    .tour-hero {
        min-height: auto;
        padding-top: 24px;
    }

    .tour-hero .tour-hero-wrap {
        width: min(100% - 40px, 980px);
        min-height: 0;
    }

    .tour-hero .tour-hero-grid {
        grid-template-columns: minmax(0, 1fr);
        gap: 34px;
    }

    .tour-hero .tour-hero-copy {
        max-width: 880px;
    }

    .tour-hero .tour-search {
        max-width: 620px;
        justify-self: center;
    }

    .tour-hero .tour-mini-grid {
        max-width: 860px;
    }
}

/* Mobile */
@media (max-width: 700px) {
    .tour-hero {
        padding: 14px 0 20px;
        background-position: 58% center;
    }

    .tour-hero::before {
        background:
            linear-gradient(180deg, rgba(1, 17, 35, .87) 0%, rgba(1, 24, 42, .76) 52%, rgba(1, 17, 31, .92) 100%),
            linear-gradient(90deg, rgba(1, 17, 35, .70), rgba(1, 17, 35, .35));
    }

    .tour-hero .tour-hero-wrap {
        width: min(100% - 24px, 620px);
    }

    .tour-hero .tour-hero-route-badge {
        align-self: flex-start;
        min-height: 42px;
        margin-bottom: 18px;
        font-size: 11px;
    }

    .tour-hero .tour-hero-copy {
        padding-top: 0;
        text-align: center;
    }

    .tour-hero .tour-hero-kicker {
        font-size: 12px;
        letter-spacing: .11em;
    }

    .tour-hero .tour-hero-title {
        margin-inline: auto;
        font-size: clamp(42px, 12.7vw, 60px);
        line-height: 1.01;
    }

    .tour-hero .tour-hero-title strong {
        margin-inline: auto;
    }

    .tour-hero .tour-hero-desc {
        margin-inline: auto;
        font-size: 15px;
    }

    .tour-hero .tour-hero-actions {
        display: grid;
        grid-template-columns: 1fr;
    }

    .tour-hero .tour-btn,
    .tour-hero .tour-btn-primary,
    .tour-hero .tour-btn-outline {
        width: 100%;
        min-width: 0;
    }

    .tour-hero .tour-benefits {
        display: grid;
        grid-template-columns: 1fr;
        gap: 0;
        margin-top: 16px;
        text-align: left;
    }

    .tour-hero .tour-benefit-item,
    .tour-hero .tour-benefit-item:first-child {
        min-height: 48px;
        padding: 0 4px;
        border-right: 0;
        border-bottom: 1px solid rgba(219, 247, 250, .18);
    }

    .tour-hero .tour-benefit-item:last-child {
        border-bottom: 0;
    }

    .tour-hero .tour-mini-grid {
        grid-template-columns: 1fr;
        gap: 12px;
    }

    .tour-hero .tour-mini-card {
        height: 180px;
    }

    .tour-hero .tour-search {
        max-width: none;
        border-radius: 19px;
    }

    .tour-hero .tour-search-inner {
        padding: 22px 18px 17px;
    }

    .tour-hero .tour-form-grid {
        grid-template-columns: 1fr;
    }

    .tour-hero .tour-field-control {
        height: 56px;
        min-height: 56px;
    }

    .tour-hero .tour-trustbar {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        margin-top: 18px;
    }

    .tour-hero .tour-trustbar-item {
        min-height: 58px;
        border-bottom: 1px solid rgba(222, 249, 251, .22);
    }

    .tour-hero .tour-trustbar-item:nth-child(2n) {
        border-right: 0;
    }

    .tour-hero .tour-trustbar-item:nth-child(3),
    .tour-hero .tour-trustbar-item:nth-child(4) {
        border-bottom: 0;
    }
}

@media (max-width: 390px) {
    .tour-hero .tour-hero-wrap {
        width: calc(100% - 18px);
    }

    .tour-hero .tour-hero-title {
        font-size: 40px;
    }

    .tour-hero .tour-mini-card {
        height: 165px;
    }

    .tour-hero .tour-people-control {
        grid-template-columns: 36px minmax(0, 1fr) 36px;
    }

    .tour-hero .tour-people-btn {
        width: 36px;
        min-width: 36px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .tour-hero .tour-btn,
    .tour-hero .tour-mini-card,
    .tour-hero .tour-mini-card-media img {
        transition: none;
    }

    .tour-hero .tour-btn:hover,
    .tour-hero .tour-mini-card:hover,
    .tour-hero .tour-mini-card:hover .tour-mini-card-media img {
        transform: none;
    }
}

/* =========================================================
   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;
    }
}

/* =========================================================
   POPÜLER TURLAR — MOBİL BAŞLIK TEK SATIR FINAL
   ========================================================= */
@media (max-width: 768px) {
    #populer-turlar .tour-popular-header .tour-head h2,
    #populer-turlar .tour-popular-header h2,
    #populer-turlar .tour-head h2,
    #populer-turlar h2 {
        display: block !important;
        width: 100% !important;
        max-width: none !important;
        margin: 0 0 10px !important;
        font-size: clamp(24px, 6.4vw, 31px) !important;
        line-height: 1.05 !important;
        letter-spacing: -0.045em !important;
        white-space: nowrap !important;
        overflow: visible !important;
        word-break: normal !important;
        overflow-wrap: normal !important;
        text-wrap: nowrap !important;
    }
}

@media (max-width: 390px) {
    #populer-turlar .tour-popular-header .tour-head h2,
    #populer-turlar .tour-popular-header h2,
    #populer-turlar .tour-head h2,
    #populer-turlar h2 {
        font-size: 23px !important;
        letter-spacing: -0.05em !important;
    }
}


/* ===== SOURCE: assets/css/tur-card.css ===== */
/* =========================================================
   ORTAK TUR KARTI
   Ana sayfa, turlar, kategori, arama ve benzer turlar aynı kartı kullanır.
========================================================= */

.ks27-tour-card,
.ks27-tour-card * {
    box-sizing: border-box;
}

.ks27-tour-card {
    position: relative;
    display: flex;
    min-width: 0;
    height: 100%;
    flex-direction: column;
    overflow: hidden;
    border: 1px solid rgba(9, 37, 61, .09);
    border-radius: 22px;
    background: #fff;
    box-shadow: 0 16px 40px rgba(12, 41, 66, .075);
    transition: transform .24s ease, box-shadow .24s ease, border-color .24s ease;
}

.ks27-tour-card__media {
    position: relative;
    display: block;
    width: 100%;
    aspect-ratio: 16 / 10;
    overflow: hidden;
    background: #eaf1f5;
    text-decoration: none;
}

.ks27-tour-card__image {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    transition: transform .42s ease;
}

.ks27-tour-card__placeholder {
    display: block;
    width: 100%;
    height: 100%;
    background:
        radial-gradient(circle at 25% 25%, rgba(27, 187, 210, .25), transparent 28%),
        linear-gradient(135deg, #dbe8ef, #f4f8fa);
}

.ks27-tour-card__category,
.ks27-tour-card__campaign {
    position: absolute;
    z-index: 3;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    min-height: 32px;
    padding: 7px 11px;
    border: 1px solid rgba(255, 255, 255, .7);
    border-radius: 999px;
    color: #fff;
    font-size: 11px;
    font-weight: 850;
    line-height: 1;
    white-space: nowrap;
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
}

.ks27-tour-card__category {
    right: 11px;
    bottom: 11px;
    max-width: calc(100% - 22px);
    overflow: hidden;
    background: rgba(7, 119, 142, .91);
    box-shadow: 0 8px 20px rgba(3, 28, 48, .22);
}

.ks27-tour-card__category span:last-child {
    overflow: hidden;
    text-overflow: ellipsis;
}

.ks27-tour-card__campaign {
    top: 11px;
    left: 11px;
    background: rgba(255, 99, 75, .94);
    box-shadow: 0 8px 20px rgba(255, 99, 75, .2);
}

.ks27-tour-card__body {
    display: flex;
    min-height: 0;
    flex: 1 1 auto;
    flex-direction: column;
    padding: 22px;
}

.ks27-tour-card__copy {
    min-width: 0;
}

.ks27-tour-card__title {
    margin: 0;
    font-size: 22px;
    font-weight: 900;
    line-height: 1.18;
    letter-spacing: -.025em;
}

.ks27-tour-card__title a {
    color: #10243a;
    text-decoration: none;
}

.ks27-tour-card__location {
    display: flex;
    align-items: center;
    gap: 6px;
    margin: 9px 0 0;
    color: #0f879d;
    font-size: 13px;
    font-weight: 800;
}

.ks27-tour-card__description {
    margin: 13px 0 0;
    color: #66778a;
    font-size: 14px;
    line-height: 1.65;
}

.ks27-tour-card__features {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 18px;
}

.ks27-tour-card__features span {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    min-height: 32px;
    padding: 0 10px;
    border-radius: 9px;
    color: #526579;
    background: #f3f7f9;
    font-size: 11px;
    font-weight: 800;
}

.ks27-tour-card__features i {
    color: #0c8197;
    font-style: normal;
}

.ks27-tour-card__bottom {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 16px;
    margin-top: auto;
    padding-top: 20px;
}

.ks27-tour-card__price {
    min-width: 92px;
}

.ks27-tour-card__price small,
.ks27-tour-card__price del,
.ks27-tour-card__price strong {
    display: block;
}

.ks27-tour-card__price small {
    color: #8a97a6;
    font-size: 11px;
}

.ks27-tour-card__price del {
    margin-top: 3px;
    color: #9ca7b3;
    font-size: 12px;
}

.ks27-tour-card__price strong {
    margin-top: 3px;
    color: #10243a;
    font-size: 21px;
    line-height: 1.1;
}

.ks27-tour-card__actions {
    display: flex;
    align-items: center;
    gap: 8px;
}

.ks27-tour-card__detail,
.ks27-tour-card__whatsapp {
    min-height: 42px;
    border-radius: 12px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    font-weight: 900;
}

.ks27-tour-card__detail {
    gap: 10px;
    padding: 0 15px;
    color: #fff;
    background: #ff664f;
    box-shadow: 0 9px 20px rgba(255, 102, 79, .2);
    font-size: 12px;
}

.ks27-tour-card__whatsapp {
    width: 42px;
    flex: 0 0 42px;
    color: #fff;
    background: #18a96a;
}

@media (hover: hover) and (pointer: fine) {
    .ks27-tour-card:hover {
        transform: translateY(-5px);
        border-color: rgba(11, 129, 151, .2);
        box-shadow: 0 24px 52px rgba(12, 41, 66, .12);
    }

    .ks27-tour-card:hover .ks27-tour-card__image {
        transform: scale(1.045);
    }
}

/* Küçük varyant: detay sayfasındaki benzer turlar ve dar alanlar */
.ks27-tour-card--compact .ks27-tour-card__media {
    aspect-ratio: 16 / 9;
}

.ks27-tour-card--compact .ks27-tour-card__body {
    padding: 17px;
}

.ks27-tour-card--compact .ks27-tour-card__title {
    font-size: 18px;
}

.ks27-tour-card--compact .ks27-tour-card__description,
.ks27-tour-card--compact .ks27-tour-card__features {
    display: none;
}

.ks27-tour-card--compact .ks27-tour-card__bottom {
    padding-top: 14px;
}

/* Mini varyant: hero veya yatay öneri alanları */
.ks27-tour-card--mini {
    display: grid;
    grid-template-columns: 118px minmax(0, 1fr);
    border-radius: 16px;
}

.ks27-tour-card--mini .ks27-tour-card__media {
    height: 100%;
    min-height: 112px;
    aspect-ratio: auto;
}

.ks27-tour-card--mini .ks27-tour-card__category,
.ks27-tour-card--mini .ks27-tour-card__campaign,
.ks27-tour-card--mini .ks27-tour-card__description,
.ks27-tour-card--mini .ks27-tour-card__features,
.ks27-tour-card--mini .ks27-tour-card__price,
.ks27-tour-card--mini .ks27-tour-card__whatsapp {
    display: none;
}

.ks27-tour-card--mini .ks27-tour-card__body {
    padding: 16px;
}

.ks27-tour-card--mini .ks27-tour-card__title {
    font-size: 16px;
}

.ks27-tour-card--mini .ks27-tour-card__bottom {
    padding-top: 12px;
}

.ks27-tour-card--mini .ks27-tour-card__detail {
    min-height: 36px;
    padding: 0 12px;
}

@media (max-width: 620px) {
    .ks27-tour-card {
        border-radius: 18px;
    }

    .ks27-tour-card__media {
        aspect-ratio: 16 / 10;
    }

    .ks27-tour-card__body {
        padding: 18px;
    }

    .ks27-tour-card__title {
        font-size: 20px;
    }

    .ks27-tour-card__bottom {
        align-items: stretch;
        flex-direction: column;
    }

    .ks27-tour-card__actions,
    .ks27-tour-card__detail {
        width: 100%;
    }

    .ks27-tour-card__detail {
        flex: 1 1 auto;
    }

    .ks27-tour-card--mini {
        grid-template-columns: 96px minmax(0, 1fr);
    }
}

/* =========================================================
   GERÇEK FINAL TUR KARTI — INDEX + TURLAR
   Yalnızca default ortak tur kartını etkiler.
========================================================= */
.ks27-tour-card--default{
    height:100%;
    min-height:0;
}

.ks27-tour-card--default .ks27-tour-card__body{
    padding:16px 18px 15px;
}

.ks27-tour-card--default .ks27-tour-card__copy{
    flex:0 0 auto;
}

.ks27-tour-card--default .ks27-tour-card__title{
    min-height:2.36em;
    max-height:2.36em;
    display:-webkit-box;
    overflow:hidden;
    font-size:20px;
    line-height:1.18;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2;
}

.ks27-tour-card--default .ks27-tour-card__location{
    min-height:18px;
    margin-top:7px;
}

.ks27-tour-card--default .ks27-tour-card__description{
    min-height:3.1em;
    max-height:3.1em;
    margin-top:8px;
    display:-webkit-box;
    overflow:hidden;
    font-size:13px;
    line-height:1.55;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2;
}

/* Masaüstünde özellikler TEK SATIR */
.ks27-tour-card--default .ks27-tour-card__features{
    display:flex;
    flex-wrap:nowrap;
    width:100%;
    min-width:0;
    gap:5px;
    margin-top:11px;
    overflow:visible;
}

.ks27-tour-card--default .ks27-tour-card__features > span{
    min-width:0;
    min-height:28px;
    flex:1 1 auto;
    justify-content:center;
    gap:4px;
    padding:0 6px;
    overflow:hidden;
    font-size:9.5px;
    line-height:1;
    white-space:nowrap;
    text-overflow:ellipsis;
}

.ks27-tour-card--default .ks27-tour-card__features > span i{
    flex:0 0 auto;
    font-size:10px;
}

.ks27-tour-card--default .ks27-tour-card__quota--available{
    color:#16845e;
    background:#edf8f2;
}

/* Alt alan artık kartın dibine zorla itilmez; boşluk oluşmaz */
.ks27-tour-card--default .ks27-tour-card__bottom{
    gap:10px;
    margin-top:14px;
    padding-top:0;
}

.ks27-tour-card--default .ks27-tour-card__price{
    min-width:82px;
    flex:0 0 auto;
}

.ks27-tour-card--default .ks27-tour-card__price small{
    line-height:1.1;
}

.ks27-tour-card--default .ks27-tour-card__price strong{
    margin-top:3px;
    color:#078394;
    font-size:21px;
    font-weight:950;
    line-height:1.05;
    white-space:nowrap;
}

.ks27-tour-card--default .ks27-tour-card__price del{
    margin-top:4px;
    white-space:nowrap;
}

.ks27-tour-card--default .ks27-tour-card__actions{
    min-width:0;
    margin-left:auto;
    display:flex;
    align-items:center;
    gap:6px;
    flex-wrap:nowrap;
}

.ks27-tour-card__cart,
.ks27-tour-card--default .ks27-tour-card__detail,
.ks27-tour-card--default .ks27-tour-card__whatsapp{
    min-height:40px;
    border:0;
    border-radius:10px;
    font:inherit;
    font-size:10.5px;
    font-weight:900;
    white-space:nowrap;
    cursor:pointer;
}

.ks27-tour-card__cart{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:6px;
    min-width:106px;
    padding:0 11px;
    color:#fff;
    background:#082945;
    box-shadow:0 8px 18px rgba(8,41,69,.16);
}

.ks27-tour-card__cart-icon{
    font-size:13px;
    line-height:1;
}

.ks27-tour-card__cart.is-added{
    background:#0b765b;
}

.ks27-tour-card--default .ks27-tour-card__detail{
    gap:7px;
    min-width:102px;
    padding:0 11px;
}

.ks27-tour-card--default .ks27-tour-card__whatsapp{
    width:40px;
    flex:0 0 40px;
    padding:0;
    background:#10ad63;
    color:#fff;
}

.ks27-tour-card__whatsapp-icon{
    width:22px;
    height:22px;
    display:block;
}

/* Kontenjan dolu / tarih yok kartları */
.ks27-tour-card__availability{
    display:flex;
    align-items:center;
    gap:9px;
    min-width:198px;
    margin-left:auto;
    padding:8px 11px;
    border:1px solid #e6ebef;
    border-radius:11px;
    background:#fff;
}

.ks27-tour-card__availability-icon{
    display:grid;
    width:28px;
    height:28px;
    place-items:center;
    flex:0 0 28px;
    border-radius:8px;
    color:#e52727;
    background:#fff1f1;
    font-size:17px;
}

.ks27-tour-card__availability span:last-child{
    min-width:0;
}

.ks27-tour-card__availability strong,
.ks27-tour-card__availability small{
    display:block;
}

.ks27-tour-card__availability strong{
    color:#e12626;
    font-size:11px;
    font-weight:950;
}

.ks27-tour-card__availability small{
    margin-top:2px;
    color:#6d7b89;
    font-size:8.5px;
    white-space:nowrap;
}

.ks27-tour-card__availability--soon .ks27-tour-card__availability-icon{
    color:#e67e22;
    background:#fff6ec;
}

.ks27-tour-card__availability--soon strong{
    color:#d56b0e;
}

/* Ana sayfa ve turlar gridinde yüksekliği içerik belirlesin; eşit kart ritmi korunur */
.ks27-home-slider__slide .ks27-tour-card--default,
.tours-grid .ks27-tour-card--default{
    min-height:0 !important;
}

/* Mobil final */
@media (max-width:760px){
    .ks27-tour-card--default .ks27-tour-card__body{
        padding:14px;
    }

    .ks27-tour-card--default .ks27-tour-card__title{
        min-height:0;
        max-height:none;
        font-size:18px;
        -webkit-line-clamp:2;
    }

    .ks27-tour-card--default .ks27-tour-card__description{
        min-height:0;
        max-height:none;
        margin-top:7px;
        -webkit-line-clamp:2;
    }

    .ks27-tour-card--default .ks27-tour-card__features{
        display:grid;
        grid-template-columns:repeat(2,minmax(0,1fr));
        gap:6px;
        margin-top:10px;
    }

    .ks27-tour-card--default .ks27-tour-card__features > span{
        width:100%;
        min-height:29px;
        justify-content:flex-start;
        padding:0 8px;
        font-size:10px;
    }

    .ks27-tour-card--default .ks27-tour-card__bottom{
        align-items:stretch;
        flex-direction:column;
        gap:9px;
        margin-top:12px;
    }

    .ks27-tour-card--default .ks27-tour-card__price{
        min-width:0;
    }

    .ks27-tour-card--default .ks27-tour-card__actions{
        display:grid;
        width:100%;
        grid-template-columns:minmax(0,1.08fr) minmax(0,1fr) 40px;
        margin:0;
        gap:6px;
    }

    .ks27-tour-card__cart,
    .ks27-tour-card--default .ks27-tour-card__detail{
        width:100%;
        min-width:0;
        padding:0 7px;
    }

    .ks27-tour-card__availability{
        width:100%;
        min-width:0;
        margin:0;
    }

    .ks27-tour-card__availability small{
        white-space:normal;
    }
}

@media (max-width:390px){
    .ks27-tour-card__cart,
    .ks27-tour-card--default .ks27-tour-card__detail{
        font-size:10px;
    }

    .ks27-tour-card__cart-icon{
        display:none;
    }
}


/* ===== SOURCE: assets/css/index-unified-layout.css ===== */
@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;
    }
}



/* ===== SOURCE: assets/css/home-popular-width.css ===== */
@charset "UTF-8";

/* =========================================================
   KS27 POPÜLER TURLAR — HERO İLE EŞİT GENİŞLİK
   Yalnızca ana sayfadaki #populer-turlar bölümünü etkiler.
   ========================================================= */

html body.is-home #populer-turlar.ks27-popular-wide {
    width: 100%;
}

html body.is-home #populer-turlar.ks27-popular-wide > .tour-popular-shell {
    width: min(calc(100% - (var(--site-page-gutter, 24px) * 2)), var(--site-container-width, 1360px)) !important;
    max-width: var(--site-container-width, 1360px) !important;
    margin-inline: auto !important;
    padding-inline: 0 !important;
}

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

html body.is-home #populer-turlar.ks27-popular-wide .tour-cards {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 22px !important;
    justify-content: stretch !important;
    align-items: stretch !important;
}

html body.is-home #populer-turlar.ks27-popular-wide .tour-cards > * {
    min-width: 0 !important;
    width: 100% !important;
    max-width: none !important;
}

@media (max-width: 1024px) {
    html body.is-home #populer-turlar.ks27-popular-wide > .tour-popular-shell {
        width: min(calc(100% - (var(--site-page-gutter, 20px) * 2)), var(--site-container-width, 1360px)) !important;
    }

    html body.is-home #populer-turlar.ks27-popular-wide .tour-cards {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 18px !important;
    }
}

@media (max-width: 700px) {
    html body.is-home #populer-turlar.ks27-popular-wide > .tour-popular-shell {
        width: calc(100% - (var(--site-page-gutter, 12px) * 2)) !important;
    }

    html body.is-home #populer-turlar.ks27-popular-wide .tour-cards {
        grid-template-columns: 1fr !important;
        gap: 16px !important;
    }
}


/* ===== SOURCE: assets/css/home-popular-mobile-final.css ===== */
/* =========================================================
   Antalya Turları — Popüler Turlar Mobil Final
   Yalnızca #populer-turlar alanını etkiler.
========================================================= */

@media (max-width: 767px) {
    #populer-turlar,
    #populer-turlar * {
        box-sizing: border-box;
    }

    #populer-turlar {
        overflow: hidden;
    }

    #populer-turlar .tour-popular-shell {
        width: 100%;
        max-width: 100%;
        padding-right: 20px;
        padding-left: 20px;
    }

    #populer-turlar .tour-popular-header {
        margin-bottom: 14px;
    }

    #populer-turlar .tour-head {
        min-width: 0;
    }

    #populer-turlar .tour-head .tour-kicker {
        margin-bottom: 7px;
        font-size: 10px;
        line-height: 1.2;
        letter-spacing: .13em;
        white-space: nowrap;
    }

    /* Başlık hiçbir mobil genişlikte alt satıra düşmez. */
    #populer-turlar .tour-head h2 {
        width: 100%;
        max-width: 100%;
        margin: 0;
        font-size: clamp(20px, 6.25vw, 30px);
        line-height: 1.08;
        letter-spacing: -.045em;
        white-space: nowrap;
        overflow: visible;
        text-wrap: nowrap;
    }

    #populer-turlar .tour-head p {
        max-width: 100%;
        margin-top: 8px;
        font-size: 13px;
        line-height: 1.5;
    }

    #populer-turlar .tour-category-panel {
        position: relative;
        width: calc(100% + 40px);
        margin: 0 -20px 18px;
        overflow: hidden;
    }

    #populer-turlar .tour-category-panel::after {
        content: "";
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        width: 34px;
        z-index: 2;
        pointer-events: none;
        background: linear-gradient(90deg, rgba(244, 251, 253, 0), rgba(244, 251, 253, .96));
    }

    #populer-turlar .tour-filter {
        display: flex;
        flex-wrap: nowrap;
        align-items: center;
        gap: 8px;
        width: 100%;
        padding: 2px 20px 8px;
        overflow-x: auto;
        overflow-y: hidden;
        scroll-snap-type: x proximity;
        scroll-padding-inline: 20px;
        overscroll-behavior-inline: contain;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: none;
    }

    #populer-turlar .tour-filter::-webkit-scrollbar {
        display: none;
    }

    #populer-turlar .tour-filter a {
        flex: 0 0 auto;
        min-height: 36px;
        padding: 0 14px;
        font-size: 11px;
        white-space: nowrap;
        scroll-snap-align: start;
    }

    #populer-turlar .tour-cards {
        width: 100%;
        max-width: 100%;
    }

    #populer-turlar .tour-card,
    #populer-turlar .tour-card-clean {
        width: 100%;
        max-width: 100%;
    }

    /* Kart alt bölümünde fiyat ve aksiyonların daha sıkı hizalanması. */
    #populer-turlar .tour-card-price,
    #populer-turlar .tour-card__price,
    #populer-turlar [class*="price"] {
        margin-top: 2px;
    }

    #populer-turlar .tour-card-actions,
    #populer-turlar .tour-card__actions,
    #populer-turlar [class*="actions"] {
        gap: 8px;
        align-items: stretch;
    }
}

@media (max-width: 374px) {
    #populer-turlar .tour-popular-shell {
        padding-right: 16px;
        padding-left: 16px;
    }

    #populer-turlar .tour-head h2 {
        font-size: 19px;
        letter-spacing: -.05em;
    }

    #populer-turlar .tour-category-panel {
        width: calc(100% + 32px);
        margin-right: -16px;
        margin-left: -16px;
    }

    #populer-turlar .tour-filter {
        padding-right: 16px;
        padding-left: 16px;
        scroll-padding-inline: 16px;
    }
}

/* =========================================================
   2026-08-16 — INDEX MOBILE SINGLE CARD SLIDER FINAL
   Tur / VIP / Otel: mobilde ekrana tek kart, manuel + otomatik kaydırma.
========================================================= */
@media (max-width: 767px){
    body.is-home .ks27-home-slider{
        width:100% !important;
        min-width:0 !important;
        overflow:hidden !important;
    }

    body.is-home .ks27-home-slider__viewport{
        width:100% !important;
        min-width:0 !important;
        overflow-x:auto !important;
        overflow-y:hidden !important;
        -webkit-overflow-scrolling:touch !important;
        scroll-snap-type:x mandatory !important;
        scroll-behavior:smooth !important;
        touch-action:auto !important;
        overscroll-behavior-x:auto !important;
        scrollbar-width:none !important;
        padding:0 !important;
        margin:0 !important;
    }

    body.is-home .ks27-home-slider__viewport::-webkit-scrollbar{
        display:none !important;
        width:0 !important;
        height:0 !important;
    }

    body.is-home .ks27-home-slider__track{
        display:grid !important;
        grid-auto-flow:column !important;
        grid-auto-columns:100% !important;
        align-items:stretch !important;
        width:100% !important;
        min-width:100% !important;
        gap:0 !important;
        transform:none !important;
        translate:none !important;
        margin:0 !important;
        padding:0 !important;
    }

    body.is-home .ks27-home-slider__slide{
        width:100% !important;
        min-width:100% !important;
        max-width:100% !important;
        flex:none !important;
        scroll-snap-align:start !important;
        scroll-snap-stop:always !important;
        padding:0 !important;
        margin:0 !important;
        box-sizing:border-box !important;
    }

    body.is-home .ks27-home-slider__slide > *{
        width:100% !important;
        min-width:0 !important;
        max-width:100% !important;
        margin-left:0 !important;
        margin-right:0 !important;
        box-sizing:border-box !important;
    }

    /* Mobilde tek kart görünümü: kenarlarda ikinci kart görünmez */
    body.is-home .ks27-home-slider__arrow{
        display:none !important;
    }
}

/* =========================================================
   2026-08-16 — INDEX MOBILE NO EMPTY SPACE FINAL
   Tur / VIP / Otel kartlarında gereksiz beyaz boşluk kaldırıldı.
   Kart yüksekliği içerikten gelir; butonlar doğal akışta kalır.
========================================================= */
@media (max-width:767px){

    html body.is-home .ks27-home-slider__slide{
        height:auto !important;
        min-height:0 !important;
        max-height:none !important;
        overflow:visible !important;
        align-self:start !important;
    }

    /* -------------------- TUR -------------------- */
    html body.is-home [data-slider-type="tour"] .ks27-tour-card{
        height:auto !important;
        min-height:0 !important;
        max-height:none !important;
        overflow:hidden !important;
        display:flex !important;
        flex-direction:column !important;
    }

    html body.is-home [data-slider-type="tour"] .ks27-tour-card__body{
        flex:0 0 auto !important;
        min-height:0 !important;
        height:auto !important;
    }

    html body.is-home [data-slider-type="tour"] .ks27-tour-card__bottom{
        margin-top:10px !important;
    }

    /* -------------------- VIP TRANSFER -------------------- */
    html body.is-home [data-slider-type="transfer"] .ks27-vipx__fleet-card,
    html body.is-home [data-slider-type="transfer"] .ks27-vipx__fleet-click{
        height:auto !important;
        min-height:0 !important;
        max-height:none !important;
        overflow:hidden !important;
    }

    html body.is-home [data-slider-type="transfer"] .ks27-vipx__fleet-click{
        display:block !important;
    }

    html body.is-home [data-slider-type="transfer"] .ks27-vipx__fleet-media{
        height:auto !important;
        min-height:0 !important;
        max-height:none !important;
        aspect-ratio:16/9 !important;
        overflow:hidden !important;
    }

    html body.is-home [data-slider-type="transfer"] .ks27-vipx__fleet-media img{
        width:100% !important;
        height:100% !important;
        object-fit:cover !important;
        object-position:center !important;
    }

    html body.is-home [data-slider-type="transfer"] .ks27-vipx__fleet-body{
        display:block !important;
        height:auto !important;
        min-height:0 !important;
        padding:10px 14px 11px !important;
    }

    html body.is-home [data-slider-type="transfer"] .ks27-vipx__fleet-body h3{
        min-height:0 !important;
        max-height:none !important;
        margin:2px 0 5px !important;
    }

    html body.is-home [data-slider-type="transfer"] .ks27-vipx__fleet-body p{
        min-height:0 !important;
        max-height:none !important;
        margin:0 0 8px !important;
        -webkit-line-clamp:2 !important;
    }

    html body.is-home [data-slider-type="transfer"] .ks27-vipx__fleet-features{
        min-height:0 !important;
        height:auto !important;
        margin:8px 0 10px !important;
        padding-top:8px !important;
    }

    html body.is-home [data-slider-type="transfer"] .ks27-vipx__fleet-action{
        margin-top:0 !important;
        height:40px !important;
        min-height:40px !important;
    }

    /* -------------------- OTEL -------------------- */
    html body.is-home [data-slider-type="hotel"] .ks27-site-card--hotel{
        height:auto !important;
        min-height:0 !important;
        max-height:none !important;
        overflow:hidden !important;
        display:block !important;
    }

    html body.is-home [data-slider-type="hotel"] .ks27-site-card--hotel .ks27-site-card__media{
        height:auto !important;
        min-height:0 !important;
        max-height:none !important;
        aspect-ratio:16/9 !important;
        overflow:hidden !important;
    }

    html body.is-home [data-slider-type="hotel"] .ks27-site-card--hotel .ks27-site-card__media img{
        width:100% !important;
        height:100% !important;
        object-fit:cover !important;
        object-position:center !important;
    }

    html body.is-home [data-slider-type="hotel"] .ks27-site-card--hotel .ks27-site-card__body{
        height:auto !important;
        min-height:0 !important;
        display:block !important;
        padding-bottom:12px !important;
    }

    html body.is-home [data-slider-type="hotel"] .ks27-site-card--hotel .ks27-site-card__description{
        min-height:0 !important;
        max-height:none !important;
        margin-bottom:8px !important;
        -webkit-line-clamp:2 !important;
    }

    html body.is-home [data-slider-type="hotel"] .ks27-site-card--hotel .ks27-site-card__features{
        margin:8px 0 10px !important;
    }

    html body.is-home [data-slider-type="hotel"] .ks27-site-card--hotel .ks27-site-card__footer{
        margin-top:10px !important;
        padding-top:10px !important;
    }

    html body.is-home .ks27-home-modules .ks27-home-module{
        margin-bottom:22px !important;
    }
}

/* VIP modal açıldığında arka sayfa kaymasın */
html.ks27-vip-modal-open,
body.ks27-vip-modal-open{
    overflow:hidden !important;
}


/* =========================================================
   2026-08-16 — MOBİL DİKEY SAYFA KAYDIRMA FINAL
   Kart üstünde parmak yukarı/aşağı hareketi sayfayı kaydırır.
   Yatay slider native overflow-x ile çalışmaya devam eder.
========================================================= */
@media (max-width:767px){
    html body.is-home .ks27-home-slider,
    html body.is-home .ks27-home-slider__track,
    html body.is-home .ks27-home-slider__slide,
    html body.is-home .ks27-home-slider__slide > *{
        touch-action:auto !important;
    }

    html body.is-home .ks27-home-slider__viewport{
        touch-action:auto !important;
        overscroll-behavior-y:auto !important;
    }

    html body.is-home .ks27-home-slider__slide--clickable{
        -webkit-user-drag:none;
    }
}

/* =========================================================
   2026-08-16 — MOBILE MANUAL HORIZONTAL SWIPE FINAL
   Sadece index Tur / VIP Transfer / Otel sliderları:
   - otomatik kaydırma korunur
   - parmakla sağa/sola manuel kaydırma aktif
   - kart üstünden yukarı/aşağı sayfa kaydırma aktif
========================================================= */
@media (max-width:767px){
    html body.is-home .ks27-home-slider,
    html body.is-home .ks27-home-slider__viewport,
    html body.is-home .ks27-home-slider__track,
    html body.is-home .ks27-home-slider__slide,
    html body.is-home .ks27-home-slider__slide > *{
        touch-action:auto !important;
    }

    html body.is-home .ks27-home-slider__viewport{
        overflow-x:auto !important;
        overflow-y:hidden !important;
        -webkit-overflow-scrolling:touch !important;
        scroll-snap-type:x mandatory !important;
        overscroll-behavior-x:auto !important;
        overscroll-behavior-y:auto !important;
    }
}


/* ===== SOURCE: assets/css/vip-transfer.css ===== */
:root{--vx-navy:#03182e;--vx-navy2:#082c47;--vx-cyan:#38d8e5;--vx-orange:#ff6048;--vx-text:#0b2038;--vx-muted:#617083;--vx-bg:#f3f8fb;--vx-white:#fff;--vx-line:#d9e7ef;}
.ks27-vipx,.ks27-vipx *{box-sizing:border-box}.ks27-vipx{overflow:hidden;background:var(--vx-bg);color:var(--vx-text)}.ks27-vipx__shell{width:min(1240px,calc(100% - 40px));margin-inline:auto}
.ks27-vipx__hero{position:relative;min-height:410px;padding:175px 0 80px;overflow:hidden;color:#fff;background:linear-gradient(90deg,rgba(1,16,34,.96),rgba(4,45,72,.78)),url("../../resimler/tur-anasayfa/hero-bg-referans.webp") center/cover no-repeat}.ks27-vipx__hero:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 85% 15%,rgba(56,216,229,.25),transparent 28%);pointer-events:none}.ks27-vipx__hero .ks27-vipx__shell{position:relative;z-index:1}.ks27-vipx__breadcrumb{display:flex;align-items:center;gap:10px;margin-bottom:28px;color:rgba(255,255,255,.76);font-size:14px}.ks27-vipx__breadcrumb a{color:var(--vx-cyan);text-decoration:none}.ks27-vipx__hero-content{max-width:760px}.ks27-vipx__eyebrow{margin:0 0 9px;color:var(--vx-cyan);font-size:13px;font-weight:850;letter-spacing:.16em;text-transform:uppercase}.ks27-vipx__hero h1{margin:0;font-size:clamp(43px,5vw,72px);line-height:1;letter-spacing:-.045em}.ks27-vipx__lead{max-width:690px;margin:20px 0 0;color:rgba(255,255,255,.88);font-size:18px;line-height:1.65}
.ks27-vipx__fleet{padding:76px 0 86px;background:var(--vx-bg)}.ks27-vipx__section-head{text-align:center;margin-bottom:34px}.ks27-vipx__section-head>span{display:block;margin-bottom:8px;color:#08aab9;font-size:13px;font-weight:900;letter-spacing:.16em}.ks27-vipx__section-head h2{margin:0;font-size:clamp(32px,3.2vw,48px);letter-spacing:-.04em}.ks27-vipx__section-head p{margin:10px 0 0;color:var(--vx-muted);font-size:16px}.ks27-vipx__fleet-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.ks27-vipx__fleet-card{overflow:hidden;border:1px solid #d9e5ec;border-radius:20px;background:#fff;box-shadow:0 18px 42px rgba(13,47,72,.10);transition:.22s ease}.ks27-vipx__fleet-card:hover{transform:translateY(-4px);box-shadow:0 24px 50px rgba(13,47,72,.16)}.ks27-vipx__fleet-click{display:block;width:100%;padding:0;border:0;background:transparent;color:inherit;text-align:left;cursor:pointer}.ks27-vipx__fleet-media{height:250px;display:flex;align-items:center;justify-content:center;overflow:hidden;background:linear-gradient(145deg,#06263b,#031b2e)}.ks27-vipx__fleet-media img{width:100%;height:100%;object-fit:cover;display:block}.ks27-vipx__fleet-placeholder{text-align:center;color:var(--vx-cyan)}.ks27-vipx__fleet-placeholder span{display:block;font-size:42px;font-weight:900;letter-spacing:.08em}.ks27-vipx__fleet-placeholder small{display:block;margin-top:4px;color:#b6d4de;font-size:12px}.ks27-vipx__fleet-body{padding:22px}.ks27-vipx__fleet-body>small{display:inline-block;padding:5px 9px;border-radius:999px;background:#e7fbfc;color:#078d99;font-weight:900;font-size:10px;text-transform:uppercase}.ks27-vipx__fleet-body h3{margin:11px 0 7px;font-size:22px;letter-spacing:-.02em}.ks27-vipx__fleet-body p{min-height:66px;margin:0;color:#6d8194;font-size:15px;line-height:1.55}.ks27-vipx__fleet-meta{display:flex;gap:18px;margin:20px 0 15px;padding-top:16px;border-top:1px solid #e1e9ee;color:#28465c;font-size:12px;font-weight:800}.ks27-vipx__fleet-action{display:flex;align-items:center;justify-content:center;gap:7px;min-height:46px;border:1px solid #22c9dc;border-radius:12px;background:#effcfd;color:#007f8f;font-weight:900}.ks27-vipx__trust{padding:34px 0;background:#04243a;color:#fff}.ks27-vipx__trust-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.ks27-vipx__trust-grid>div{display:grid;grid-template-columns:46px 1fr;grid-template-rows:auto auto;gap:2px 12px;padding:16px 18px;border:1px solid rgba(255,255,255,.10);border-radius:15px;background:rgba(255,255,255,.04)}.ks27-vipx__trust-grid i{grid-row:1/3;display:grid;place-items:center;width:46px;height:46px;border-radius:50%;border:1px solid var(--vx-cyan);color:var(--vx-cyan);font-style:normal}.ks27-vipx__trust-grid strong{align-self:end}.ks27-vipx__trust-grid span{color:#a8c0cf;font-size:12px}
.ks27-vipx-modal{position:fixed;inset:0;z-index:99999;display:none;align-items:center;justify-content:center;padding:20px}.ks27-vipx-modal.is-open{display:flex}.ks27-vipx-modal__backdrop{position:absolute;inset:0;background:rgba(1,13,25,.78);backdrop-filter:blur(6px)}.ks27-vipx-modal__dialog{position:relative;z-index:2;width:min(820px,100%);max-height:calc(100vh - 40px);overflow:auto;padding:30px;border:1px solid rgba(81,207,222,.45);border-radius:24px;background:linear-gradient(145deg,#0a3149,#032238);box-shadow:0 34px 100px rgba(0,0,0,.42);color:#fff}.ks27-vipx-modal__close{position:absolute;top:16px;right:16px;z-index:3;width:40px;height:40px;border:1px solid rgba(255,255,255,.18);border-radius:12px;background:rgba(255,255,255,.08);color:#fff;font-size:27px;line-height:1;cursor:pointer}.ks27-vipx-modal__head{display:flex;gap:14px;align-items:center;padding-right:42px;margin-bottom:22px}.ks27-vipx-modal__icon{display:grid;place-items:center;flex:0 0 52px;width:52px;height:52px;border:2px solid var(--vx-cyan);border-radius:50%;color:var(--vx-cyan);font-size:20px}.ks27-vipx-modal__head small{color:#ffd21c;font-size:11px;font-weight:900}.ks27-vipx-modal__head h2{margin:3px 0 2px;font-size:30px;line-height:1.05}.ks27-vipx-modal__head p{margin:0;color:#c8dce5;font-size:13px}.ks27-vipx__selected-vehicle{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px;padding:13px 15px;border:1px solid rgba(56,216,229,.26);border-radius:13px;background:rgba(0,0,0,.14)}.ks27-vipx__selected-vehicle span{color:#91aeba;font-size:12px}.ks27-vipx__selected-vehicle strong{font-size:14px}.ks27-vipx__form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.ks27-vipx__field{position:relative;min-width:0}.ks27-vipx__field>span{display:block;margin-bottom:7px;color:#dbe9ee;font-size:12px;font-weight:800}.ks27-vipx-select,.ks27-vipx-date{position:relative}.ks27-vipx-select__trigger,.ks27-vipx-date__trigger,.ks27-vipx-input,.ks27-vipx-people{display:flex;align-items:center;width:100%;height:54px;border:1px solid rgba(255,255,255,.15);border-radius:12px;background:#fff;color:#173147}.ks27-vipx-select__trigger,.ks27-vipx-date__trigger{padding:0 14px;gap:10px;cursor:pointer}.ks27-vipx-select__trigger i{display:grid;place-items:center;width:32px;height:32px;border-radius:9px;background:#e9fafc;color:#06aebc;font-style:normal}.ks27-vipx-select__trigger strong,.ks27-vipx-date__trigger strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px}.ks27-vipx-select__trigger em{margin-left:auto;font-style:normal}.ks27-vipx-date__trigger span{margin-left:auto}.ks27-vipx-input{position:relative;padding:0 13px}.ks27-vipx-input input{width:100%;height:100%;border:0;outline:0;background:transparent;color:#173147;font:inherit}.ks27-vipx-input i{font-style:normal}.ks27-vipx-people{overflow:hidden}.ks27-vipx-people button{width:54px;height:100%;border:0;background:#eaf8fb;color:#173147;font-size:23px;cursor:pointer}.ks27-vipx-people input{flex:1;width:40px;height:100%;border:0;text-align:center;font-weight:900;color:#173147;background:#fff}.ks27-vipx-select__panel{position:absolute;z-index:30;top:calc(100% + 8px);left:0;right:0;padding:9px;border:1px solid #cce1ea;border-radius:13px;background:#fff;box-shadow:0 18px 45px rgba(0,0,0,.22)}.ks27-vipx-select__search{display:flex;align-items:center;gap:7px;margin-bottom:7px;padding:7px 9px;border-radius:9px;background:#f3f8fb;color:#5b7180}.ks27-vipx-select__search input{width:100%;border:0;outline:0;background:transparent}.ks27-vipx-select__list{max-height:230px;overflow:auto}.ks27-vipx-select__option{display:block;width:100%;padding:10px;border:0;border-radius:8px;background:#fff;color:#173147;text-align:left;cursor:pointer}.ks27-vipx-select__option:hover,.ks27-vipx-select__option.is-selected{background:#e5f9fb;color:#007f8f}.ks27-vipx-select__empty{margin:8px;color:#718694;font-size:12px}.ks27-vipx-calendar{position:absolute;z-index:35;top:calc(100% + 8px);left:0;width:320px;padding:14px;border:1px solid #2a5c75;border-radius:15px;background:#082a40;box-shadow:0 20px 50px rgba(0,0,0,.35)}.ks27-vipx-calendar__head{display:grid;grid-template-columns:36px 1fr 36px;align-items:center;gap:8px}.ks27-vipx-calendar__head button,.ks27-vipx-calendar__footer button{border:1px solid rgba(255,255,255,.13);border-radius:9px;background:#123d55;color:#fff;cursor:pointer}.ks27-vipx-calendar__head button{height:34px}.ks27-vipx-calendar__head strong{text-align:center}.ks27-vipx-calendar__week,.ks27-vipx-calendar__days{display:grid;grid-template-columns:repeat(7,1fr);gap:5px}.ks27-vipx-calendar__week{margin:12px 0 6px;color:#9db9c6;font-size:10px;text-align:center}.ks27-vipx-calendar__days button{height:35px;border:0;border-radius:9px;background:#12384e;color:#fff;cursor:pointer}.ks27-vipx-calendar__days button.is-muted{opacity:.35}.ks27-vipx-calendar__days button.is-selected{background:linear-gradient(135deg,#3176ff,#7b3ff2)}.ks27-vipx-calendar__days button:disabled{opacity:.24;cursor:not-allowed}.ks27-vipx-calendar__footer{display:flex;justify-content:space-between;margin-top:10px}.ks27-vipx-calendar__footer button{padding:8px 11px}.ks27-vipx__primary,.ks27-vipx__reserve{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;min-height:54px;margin-top:18px;border:0;border-radius:12px;background:linear-gradient(90deg,#0fc4d4,#1e9ee7);color:#fff;font-weight:900;cursor:pointer}.ks27-vipx__privacy{display:block;margin-top:8px;color:#91adba;text-align:center;font-size:10px}.ks27-vipx__error{margin:12px 0 0;padding:10px;border-radius:9px;background:#5e1f29;color:#ffd8dc;font-size:12px}.ks27-vipx__route-box{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;padding:14px;border-radius:13px;background:rgba(0,0,0,.18)}.ks27-vipx__route-box small,.ks27-vipx__facts small{display:block;color:#8eabb9;font-size:9px}.ks27-vipx__route-box strong{font-size:14px}.ks27-vipx__route-box>span{color:var(--vx-cyan);font-size:24px}.ks27-vipx__facts{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:10px 0}.ks27-vipx__facts>div{padding:10px;border:1px solid rgba(255,255,255,.12);border-radius:10px;background:rgba(255,255,255,.05)}.ks27-vipx__facts strong{display:block;margin-top:3px;font-size:12px}.ks27-vipx__result-list{display:grid;gap:9px;margin-top:12px}.ks27-vipx__result-vehicle{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:12px;width:100%;padding:13px;border:1px solid rgba(255,255,255,.15);border-radius:12px;background:rgba(0,0,0,.14);color:#fff;text-align:left;cursor:pointer}.ks27-vipx__result-vehicle.is-selected{border-color:#ffd21c}.ks27-vipx__vehicle-copy small{display:block;color:#ffd21c;font-size:9px;font-weight:900}.ks27-vipx__vehicle-copy strong{display:block;margin:2px 0;font-size:14px}.ks27-vipx__vehicle-copy em{color:#b9cdd6;font-size:11px;font-style:normal}.ks27-vipx__price{white-space:nowrap;color:#fff}.ks27-vipx__edit{display:block;margin-top:10px;color:#bfe9ef;text-align:center;text-decoration:none;font-size:12px}
body.ks27-vipx-modal-open{overflow:hidden}
@media(max-width:900px){.ks27-vipx__hero{min-height:360px;padding:145px 0 64px}.ks27-vipx__fleet-grid{grid-template-columns:1fr 1fr}.ks27-vipx__trust-grid{grid-template-columns:1fr 1fr}.ks27-vipx-modal__dialog{padding:24px}.ks27-vipx__form-grid{grid-template-columns:1fr 1fr}}
@media(max-width:640px){.ks27-vipx__shell{width:min(100% - 28px,1240px)}.ks27-vipx__hero{min-height:340px;padding:128px 0 52px}.ks27-vipx__hero h1{font-size:43px}.ks27-vipx__lead{font-size:16px}.ks27-vipx__fleet{padding:52px 0 60px}.ks27-vipx__fleet-grid{grid-template-columns:1fr}.ks27-vipx__fleet-media{height:220px}.ks27-vipx__trust-grid{grid-template-columns:1fr}.ks27-vipx-modal{padding:10px;align-items:flex-end}.ks27-vipx-modal__dialog{width:100%;max-height:92vh;padding:20px 16px;border-radius:22px 22px 0 0}.ks27-vipx__form-grid{grid-template-columns:1fr}.ks27-vipx-calendar{left:0;right:0;width:100%}.ks27-vipx__facts{grid-template-columns:1fr 1fr}.ks27-vipx__route-box{grid-template-columns:1fr}.ks27-vipx__route-box>span{transform:rotate(90deg);justify-self:center}.ks27-vipx__result-vehicle{grid-template-columns:1fr auto}.ks27-vipx__price{grid-column:1/2}.ks27-vipx-modal__head h2{font-size:24px}}

/* VIP Transfer — Yolcu / rezervasyon adımı */
.ks27-vipx__passenger{margin-top:16px;padding-top:16px;border-top:1px solid rgba(255,255,255,.12)}
.ks27-vipx__step-head{display:flex;align-items:center;gap:12px;margin-bottom:16px;padding:13px 14px;border-radius:13px;background:rgba(4,20,31,.28);border:1px solid rgba(56,216,229,.18)}
.ks27-vipx__step-head>span{display:grid;place-items:center;flex:0 0 38px;width:38px;height:38px;border-radius:50%;background:linear-gradient(135deg,#17c6d5,#278fe7);font-weight:900;color:#fff}
.ks27-vipx__step-head small{display:block;color:#ffd21c;font-size:9px;font-weight:900;letter-spacing:.08em}
.ks27-vipx__step-head h3{margin:2px 0;color:#fff;font-size:20px}.ks27-vipx__step-head p{margin:0;color:#a9c1cc;font-size:11px}
.ks27-vipx__field--full{grid-column:1/-1}.ks27-vipx__field textarea{width:100%;min-height:92px;padding:13px 14px;border:1px solid rgba(255,255,255,.15);border-radius:12px;outline:0;resize:vertical;background:#fff;color:#173147;font:inherit}
.ks27-vipx__field textarea:focus,.ks27-vipx-input:focus-within{border-color:#28c7d5;box-shadow:0 0 0 3px rgba(40,199,213,.12)}
.ks27-vipx__consent{display:flex;align-items:flex-start;gap:10px;margin-top:14px;padding:12px 13px;border-radius:11px;background:rgba(255,255,255,.05);color:#c8dce5;font-size:11px;line-height:1.45}.ks27-vipx__consent input{margin-top:2px;accent-color:#14bdcd}
.ks27-vipx__passenger-actions{display:grid;grid-template-columns:.8fr 1.4fr;gap:10px;margin-top:14px}.ks27-vipx__passenger-actions .ks27-vipx__primary{margin-top:0}.ks27-vipx__secondary{min-height:54px;border:1px solid rgba(255,255,255,.18);border-radius:12px;background:rgba(255,255,255,.06);color:#d9edf2;font-weight:800;cursor:pointer}
.ks27-vipx__success{display:flex;gap:14px;align-items:flex-start;margin-top:16px;padding:18px;border:1px solid rgba(46,215,144,.38);border-radius:14px;background:rgba(14,94,67,.24)}.ks27-vipx__success-icon{display:grid;place-items:center;flex:0 0 44px;width:44px;height:44px;border-radius:50%;background:#1abf79;color:#fff;font-size:22px;font-weight:900}.ks27-vipx__success small{color:#6af0b3;font-size:9px;font-weight:900;letter-spacing:.08em}.ks27-vipx__success h3{margin:3px 0 7px;font-size:20px}.ks27-vipx__success p{margin:4px 0;color:#c8dce5;font-size:12px}
@media(max-width:640px){.ks27-vipx__passenger-actions{grid-template-columns:1fr}.ks27-vipx__field--full{grid-column:auto}.ks27-vipx__success{flex-direction:column}.ks27-vipx__step-head h3{font-size:18px}}


/* VIP TRANSFER — sade 2 adımlı final rezervasyon modalı */
.ks27-vipx-modal__dialog{overflow:visible}
.ks27-vipx-modal__form[hidden],.ks27-vipx__passenger[hidden]{display:none!important}
.ks27-vipx__passenger--wizard{margin:0;padding:0;border-top:0}
.ks27-vipx__step-head--clean{margin:0 0 14px;background:rgba(255,255,255,.035)}
.ks27-vipx__wizard-summary{display:grid;grid-template-columns:1.25fr 1fr 1fr;gap:8px;margin-bottom:14px}
.ks27-vipx__wizard-summary>div{min-width:0;padding:10px 12px;border:1px solid rgba(255,255,255,.11);border-radius:10px;background:rgba(255,255,255,.045)}
.ks27-vipx__wizard-summary small{display:block;margin-bottom:3px;color:#87a7b5;font-size:9px;text-transform:uppercase;letter-spacing:.08em}
.ks27-vipx__wizard-summary strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#fff;font-size:11px}
.ks27-vipx__passenger--wizard .ks27-vipx-input{height:48px}
.ks27-vipx__passenger--wizard .ks27-vipx__field>span{margin-bottom:5px;font-size:11px}
.ks27-vipx__passenger--wizard .ks27-vipx__form-grid{gap:11px}
.ks27-vipx__optional{margin-top:12px;border:1px solid rgba(255,255,255,.1);border-radius:12px;background:rgba(255,255,255,.035)}
.ks27-vipx__optional summary{display:flex;align-items:center;gap:8px;padding:12px 14px;cursor:pointer;color:#eefbff;font-size:12px;font-weight:800;list-style:none}
.ks27-vipx__optional summary::-webkit-details-marker{display:none}
.ks27-vipx__optional summary:after{content:'+';display:grid;place-items:center;width:24px;height:24px;margin-left:auto;border-radius:50%;background:rgba(56,216,229,.11);color:#4edee8}
.ks27-vipx__optional[open] summary:after{content:'−'}
.ks27-vipx__optional summary span{color:#89a8b5;font-size:10px;font-weight:600}
.ks27-vipx__optional-grid{padding:0 12px 12px}
.ks27-vipx__gift{margin-top:12px;border:1px solid rgba(255,210,28,.18);border-radius:12px;background:rgba(255,210,28,.035)}
.ks27-vipx__gift-toggle{display:flex;align-items:center;gap:11px;padding:12px 14px;cursor:pointer}
.ks27-vipx__gift-toggle>input{position:absolute;opacity:0;pointer-events:none}
.ks27-vipx__gift-check{display:grid;place-items:center;flex:0 0 30px;width:30px;height:30px;border:1px solid rgba(255,255,255,.2);border-radius:9px;background:rgba(255,255,255,.06);color:transparent;font-weight:900}
.ks27-vipx__gift-toggle input:checked+.ks27-vipx__gift-check{border-color:#ffd21c;background:#ffd21c;color:#06263a}
.ks27-vipx__gift-toggle strong{display:block;color:#fff;font-size:12px}
.ks27-vipx__gift-toggle small{display:block;margin-top:2px;color:#9db6c1;font-size:10px;line-height:1.35}
.ks27-vipx__gift-field{padding:0 14px 13px}
.ks27-vipx__gift-field>small{display:block;margin-top:6px;color:#93acb7;font-size:9px}
.ks27-vipx__passenger--wizard .ks27-vipx__consent{margin-top:12px;padding:10px 12px}
.ks27-vipx__passenger--wizard .ks27-vipx__passenger-actions{margin-top:12px}
.ks27-vipx__passenger--wizard .ks27-vipx__primary,.ks27-vipx__passenger--wizard .ks27-vipx__secondary{min-height:49px}
.ks27-vipx-calendar.is-floating{position:fixed!important;z-index:999999!important;right:auto!important;margin:0!important;max-height:min(430px,calc(100vh - 24px));overflow:auto;box-shadow:0 24px 80px rgba(0,0,0,.55)}
.ks27-vipx-modal__success-only{padding:4px}
.ks27-vipx-modal__head--success{margin-bottom:18px}
.ks27-vipx__success-card{padding:18px;border:1px solid rgba(46,215,144,.3);border-radius:14px;background:rgba(20,119,83,.14);text-align:center}
.ks27-vipx__success-card span{display:block;color:#73eab7;font-size:10px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}
.ks27-vipx__success-card strong{display:block;margin:7px 0 9px;color:#fff;font-size:24px}
.ks27-vipx__success-card p{max-width:520px;margin:0 auto;color:#bcd1da;font-size:11px;line-height:1.55}
.ks27-vipx__success-actions{display:grid;grid-template-columns:1.4fr .8fr;gap:10px;margin-top:12px}
.ks27-vipx__success-actions .ks27-vipx__reserve{margin:0}
.ks27-vipx__secondary--link{display:flex;align-items:center;justify-content:center;text-decoration:none}

@media(max-width:640px){
  .ks27-vipx-modal__dialog{overflow:auto}
  .ks27-vipx__wizard-summary{grid-template-columns:1fr}
  .ks27-vipx__wizard-summary strong{white-space:normal}
  .ks27-vipx__success-actions{grid-template-columns:1fr}
  .ks27-vipx-calendar.is-floating{left:12px!important;right:12px!important;top:auto!important;bottom:12px!important;width:auto!important;max-height:72vh}
}


/* Gidiş / dönüş seçimi */
.ks27-vipx__return{margin-top:12px;border:1px solid rgba(255,255,255,.10);border-radius:12px;background:rgba(255,255,255,.035)}
.ks27-vipx__return-toggle{display:flex;align-items:center;gap:11px;padding:12px 14px;cursor:pointer}
.ks27-vipx__return-toggle>input{position:absolute;opacity:0;pointer-events:none}
.ks27-vipx__return-check{display:grid;place-items:center;flex:0 0 30px;width:30px;height:30px;border:1px solid rgba(255,255,255,.20);border-radius:9px;background:rgba(255,255,255,.055);color:transparent;font-weight:900}
.ks27-vipx__return-toggle input:checked+.ks27-vipx__return-check{border-color:#30d9e6;background:#30d9e6;color:#06283a}
.ks27-vipx__return-toggle strong{display:block;color:#fff;font-size:12px}
.ks27-vipx__return-toggle small{display:block;margin-top:2px;color:#9eb6c0;font-size:10px;line-height:1.35}
.ks27-vipx__return-fields{display:grid;grid-template-columns:1fr 1fr;gap:11px;padding:0 14px 14px;border-top:1px solid rgba(255,255,255,.07);padding-top:12px}
@media(max-width:640px){.ks27-vipx__return-fields{grid-template-columns:1fr}}

/* =========================================================
   FIX: Hediye / ek alanlar açıldığında aksiyon butonları kaybolmasın
   ========================================================= */
.ks27-vipx-modal__dialog{
  overflow-y:auto!important;
  overflow-x:visible!important;
  scrollbar-gutter:stable;
  overscroll-behavior:contain;
}
.ks27-vipx__passenger--wizard{
  padding-bottom:4px;
}
.ks27-vipx__passenger--wizard .ks27-vipx__passenger-actions{
  position:sticky;
  bottom:-1px;
  z-index:20;
  margin:14px -2px 0;
  padding:12px 2px 2px;
  background:linear-gradient(180deg,rgba(7,45,67,0),#073047 34%,#073047 100%);
}
.ks27-vipx__passenger--wizard .ks27-vipx__privacy{
  padding-bottom:2px;
}
@media(max-width:640px){
  .ks27-vipx-modal__dialog{
    overflow-y:auto!important;
    overflow-x:hidden!important;
  }
  .ks27-vipx__passenger--wizard .ks27-vipx__passenger-actions{
    bottom:0;
    margin-left:0;
    margin-right:0;
    padding-top:10px;
  }
}


/* =========================================================
   ANTALYA TURLARI — VIP TRANSFER HERO GLOBAL STANDARD FINAL
   Turlar / Rotalar / Blog / Video / Galeri / Hakkımızda ile
   aynı yükseklik, container ve tipografi.
   ========================================================= */

.ks27-vipx__hero{
    box-sizing:border-box!important;
    overflow:hidden!important;
}

.ks27-vipx__hero .ks27-vipx__shell{
    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-vipx__hero-content{
    width:100%!important;
    max-width:760px!important;
    margin:0!important;
    transform:none!important;
}

.ks27-vipx__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-vipx__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-vipx__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-vipx__lead{
    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-vipx__hero{
        min-height:390px!important;
        height:390px!important;
        max-height:390px!important;
        padding:0!important;
    }

    .ks27-vipx__hero .ks27-vipx__shell{
        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-vipx__hero{
        min-height:380px!important;
        height:380px!important;
        max-height:380px!important;
        padding:0!important;
    }

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

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

    .ks27-vipx__lead{
        font-size:15px!important;
    }
}

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

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

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

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

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

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

/* =========================================================
   VIP TRANSFER — INDEX MODAL İLE BİREBİR TASARIM EŞLEŞTİRME
   2026-08-12
   ========================================================= */
[data-vipx] .ks27-vipx-modal__dialog{
  width:min(720px,calc(100vw - 44px));
  max-height:min(780px,calc(100dvh - 44px));
  padding:0;
  overflow:hidden;
  border:1px solid rgba(109,218,235,.48);
  border-radius:22px;
  background:radial-gradient(circle at 100% 0%,rgba(28,165,202,.14),transparent 35%),linear-gradient(180deg,#08354c 0%,#062d42 100%);
  box-shadow:0 35px 110px rgba(0,0,0,.55),inset 0 1px 0 rgba(255,255,255,.04);
}
[data-vipx] .ks27-vipx-modal__form,
[data-vipx] .ks27-vipx__passenger,
[data-vipx] .ks27-vipx-modal__success-only{
  max-height:min(780px,calc(100dvh - 44px));
  overflow-y:auto;
  overflow-x:hidden;
  padding:22px 24px 24px;
  scrollbar-width:thin;
  scrollbar-color:rgba(130,193,210,.55) transparent;
}
[data-vipx] .ks27-vipx-modal__form::-webkit-scrollbar,
[data-vipx] .ks27-vipx__passenger::-webkit-scrollbar{width:7px}
[data-vipx] .ks27-vipx-modal__form::-webkit-scrollbar-thumb,
[data-vipx] .ks27-vipx__passenger::-webkit-scrollbar-thumb{border-radius:999px;background:rgba(130,193,210,.55)}
[data-vipx] .ks27-vipx-modal__close{
  top:20px;right:24px;width:40px;height:40px;border:1px solid rgba(255,255,255,.16);border-radius:12px;background:rgba(255,255,255,.07);font-size:27px;
}
[data-vipx] .ks27-vipx-modal__head{
  min-height:74px;display:flex;align-items:center;gap:14px;margin:-22px -24px 22px;padding:20px 68px 20px 24px;border-bottom:1px solid rgba(255,255,255,.11);background:rgba(255,255,255,.015);
}
[data-vipx] .ks27-vipx-modal__icon{
  flex:0 0 46px;width:46px;height:46px;border:0;border-radius:13px;background:rgba(0,0,0,.10);color:#16bde0;font-size:20px;
}
[data-vipx] .ks27-vipx-modal__head small{display:none}
[data-vipx] .ks27-vipx-modal__head h2{margin:0;color:#fff;font-size:21px;line-height:1.05;font-weight:950;letter-spacing:-.02em}
[data-vipx] .ks27-vipx-modal__head p{margin:5px 0 0;color:#b7cad4;font-size:10px;line-height:1.3;font-weight:600}
[data-vipx] .ks27-vipx__form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
[data-vipx] .ks27-vipx__field>span{margin-bottom:7px;color:#e9f5f8;font-size:10px;line-height:1;font-weight:900}
[data-vipx] .ks27-vipx-select__trigger,
[data-vipx] .ks27-vipx-date__trigger,
[data-vipx] .ks27-vipx-input,
[data-vipx] .ks27-vipx-people{
  height:54px;border:1px solid #d9e3e8;border-radius:11px;background:#f7f9fb;color:#233d52;
}
[data-vipx] .ks27-vipx-select__trigger:focus,
[data-vipx] .ks27-vipx-date__trigger:focus{outline:0;border-color:#16bde0;box-shadow:0 0 0 3px rgba(22,189,224,.16)}
[data-vipx] .ks27-vipx-select__trigger i{width:40px;height:40px;border-radius:10px;background:transparent;color:#26485e}
[data-vipx] .ks27-vipx-select__trigger strong,
[data-vipx] .ks27-vipx-date__trigger strong{font-size:12px;font-weight:750;color:#40586c}
[data-vipx] .ks27-vipx-people{display:grid;grid-template-columns:56px 1fr 56px;overflow:hidden}
[data-vipx] .ks27-vipx-people button{width:56px;background:#edf4f7;color:#15384d;font-size:23px;font-weight:800}
[data-vipx] .ks27-vipx-people input{background:#fff;font-size:15px;color:#19394e}
[data-vipx] .ks27-vipx__return{margin-top:16px;border:1px solid rgba(255,255,255,.11);border-radius:14px;background:rgba(255,255,255,.035)}
[data-vipx] .ks27-vipx__return-toggle{min-height:62px;padding:11px 14px;gap:12px}
[data-vipx] .ks27-vipx__return-check{flex:0 0 20px;width:20px;height:20px;border-radius:2px;background:#fff;border:1px solid #d9e3e8;color:transparent}
[data-vipx] .ks27-vipx__return-toggle input:checked+.ks27-vipx__return-check{background:#16bde0;border-color:#16bde0;color:#fff}
[data-vipx] .ks27-vipx__return-toggle strong{font-size:11px;color:#f3fbfd}
[data-vipx] .ks27-vipx__return-toggle small{font-size:9px;color:#9fb6c2}
[data-vipx] .ks27-vipx__return-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;padding:15px;border-top:1px solid rgba(255,255,255,.08)}
[data-vipx] .ks27-vipx__primary{min-height:54px;margin-top:16px;border-radius:11px;background:linear-gradient(90deg,#16bde0,#2d77dc);font-size:12px;font-weight:950}
[data-vipx] .ks27-vipx__privacy{margin-top:8px;color:#91adba;font-size:9px}

/* Indexteki koyu özel dropdown paneli */
[data-vipx] .ks27-vipx-select__panel{
  z-index:120;top:calc(100% + 8px);left:0;right:auto;width:min(370px,calc(100vw - 28px));padding:10px;border:1px solid rgba(65,202,224,.55);border-radius:14px;background:linear-gradient(180deg,#073b55,#063149);box-shadow:0 22px 55px rgba(0,0,0,.45);color:#fff;
}
[data-vipx] .ks27-vipx-select__search{height:46px;margin-bottom:10px;padding:0 12px;border:1px solid #16bde0;border-radius:10px;background:#032c42;color:#16d3e6;box-shadow:0 0 0 3px rgba(22,189,224,.10)}
[data-vipx] .ks27-vipx-select__search input{color:#dff8fb;font-size:12px}
[data-vipx] .ks27-vipx-select__search input::placeholder{color:#8fb2c0}
[data-vipx] .ks27-vipx-select__list{max-height:260px;padding-right:3px;scrollbar-width:thin;scrollbar-color:rgba(143,190,207,.55) transparent}
[data-vipx] .ks27-vipx-select__option{min-height:43px;padding:9px 12px;border:1px solid transparent;border-radius:9px;background:transparent;color:#fff;font-size:12px;font-weight:800}
[data-vipx] .ks27-vipx-select__option:hover{background:rgba(255,255,255,.055)}
[data-vipx] .ks27-vipx-select__option.is-selected{border-color:rgba(22,189,224,.45);background:#11708b;color:#fff}
[data-vipx] .ks27-vipx-select__empty{color:#9db9c6}
[data-vipx] .ks27-vipx-select--time .ks27-vipx-select__panel{width:min(380px,calc(100vw - 28px))}
[data-vipx] .ks27-vipx-select__list--time{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;max-height:285px;padding:6px}
[data-vipx] .ks27-vipx-select__list--time .ks27-vipx-select__option{text-align:center;min-height:39px;padding:8px 4px}

/* Indexteki koyu takvim ölçüleri */
[data-vipx] .ks27-vipx-calendar{width:330px;padding:12px;border:1px solid rgba(75,199,220,.55);border-radius:16px;background:#0a3c55;box-shadow:0 24px 60px rgba(0,0,0,.45)}
[data-vipx] .ks27-vipx-calendar__days button{height:38px;border:1px solid rgba(255,255,255,.08);border-radius:9px;background:rgba(255,255,255,.035);font-size:11px;font-weight:850}
[data-vipx] .ks27-vipx-calendar__days button.is-selected{background:linear-gradient(145deg,#5369ff,#7550ef)}

@media(max-width:760px){
  [data-vipx] .ks27-vipx-modal{padding:8px;align-items:center}
  [data-vipx] .ks27-vipx-modal__dialog{width:calc(100vw - 16px);max-height:calc(100dvh - 16px);border-radius:18px}
  [data-vipx] .ks27-vipx-modal__form,[data-vipx] .ks27-vipx__passenger,[data-vipx] .ks27-vipx-modal__success-only{max-height:calc(100dvh - 16px);padding:18px 14px 18px}
  [data-vipx] .ks27-vipx-modal__head{margin:-18px -14px 18px;padding:16px 56px 16px 14px;min-height:82px}
  [data-vipx] .ks27-vipx-modal__close{top:14px;right:14px}
  [data-vipx] .ks27-vipx__form-grid,[data-vipx] .ks27-vipx__return-fields{grid-template-columns:1fr;gap:12px}
  [data-vipx] .ks27-vipx-select__panel,[data-vipx] .ks27-vipx-select--time .ks27-vipx-select__panel{position:fixed;left:8px!important;right:8px!important;top:auto!important;bottom:calc(8px + env(safe-area-inset-bottom));width:auto!important;max-height:72dvh;overflow:auto;border-radius:18px}
  [data-vipx] .ks27-vipx-calendar{position:fixed!important;left:8px!important;right:8px!important;top:auto!important;bottom:calc(8px + env(safe-area-inset-bottom))!important;width:auto!important;max-height:76dvh;overflow:auto}
}


/* =========================================================
   VIP TRANSFER FINAL SYNC — INDEX DAVRANIŞI
   ========================================================= */
[data-vipx] [data-return-fields][hidden]{
  display:none !important;
}
[data-vipx] .ks27-vipx__return-fields:not([hidden]){
  display:grid;
}

/* Index takvimindeki durum göstergeleriyle aynı mantık */
[data-vipx] .ks27-vipx-calendar__days button{
  position:relative;
}
[data-vipx] .ks27-vipx-calendar__days button.is-open{
  border-color:rgba(51,221,171,.22) !important;
}
[data-vipx] .ks27-vipx-calendar__days button.is-open::after,
[data-vipx] .ks27-vipx-calendar__days button.is-near::after,
[data-vipx] .ks27-vipx-calendar__days button.is-full::after{
  content:"";
  position:absolute;
  width:6px;
  height:6px;
  border-radius:50%;
  top:5px;
  right:5px;
}
[data-vipx] .ks27-vipx-calendar__days button.is-open::after{background:#35dda9;}
[data-vipx] .ks27-vipx-calendar__days button.is-near{
  border-color:rgba(255,174,53,.55) !important;
  background:rgba(255,154,31,.08) !important;
}
[data-vipx] .ks27-vipx-calendar__days button.is-near::after{background:#ffae35;}
[data-vipx] .ks27-vipx-calendar__days button.is-full{
  border-color:rgba(255,80,104,.58) !important;
  background:rgba(255,80,104,.08) !important;
  cursor:not-allowed !important;
}
[data-vipx] .ks27-vipx-calendar__days button.is-full::after{background:#ff5068;}

[data-vipx] .ks27-vipx-calendar__legend{
  display:flex;
  align-items:center;
  justify-content:center;
  flex-wrap:wrap;
  gap:10px 16px;
  margin-top:12px;
  padding-top:11px;
  border-top:1px solid rgba(255,255,255,.10);
  color:#c8dce5;
  font-size:10px;
  font-weight:800;
}
[data-vipx] .ks27-vipx-calendar__legend span{
  display:inline-flex;
  align-items:center;
  gap:6px;
}
[data-vipx] .ks27-vipx-calendar__legend i{
  width:7px;
  height:7px;
  border-radius:50%;
  display:inline-block;
}
[data-vipx] .ks27-vipx-calendar__legend i.is-open{background:#35dda9;}
[data-vipx] .ks27-vipx-calendar__legend i.is-near{background:#ffae35;}
[data-vipx] .ks27-vipx-calendar__legend i.is-full{background:#ff5068;}
[data-vipx] .ks27-vipx-calendar__note{
  margin-top:10px;
  color:#7fa4b5;
  font-size:9px;
}

/* Dönüş seçilmeden alan görünmesin */
[data-vipx] .ks27-vipx__return:not(.is-enabled) [data-return-fields]{
  display:none !important;
}
[data-vipx] .ks27-vipx__return.is-enabled [data-return-fields]{
  display:grid !important;
}

/* 2026-08-12 — VIP select search + wizard state hotfix */
[data-vipx] .ks27-vipx-select__option[hidden],
[data-vipx] .ks27-vipx-select__option.is-filtered-out{
  display:none !important;
}
[data-vipx] [data-vipx-select-empty][hidden]{
  display:none !important;
}


/* =========================================================
   2026-08-12 — VIP TAKVİM = INDEX TAKVİMİ BİREBİR
   ========================================================= */
[data-vipx] .ks27-vipx-calendar[hidden]{display:none!important}

[data-vipx] .ks27-vipx-calendar,
[data-vipx] .ks27-vipx-calendar.is-floating{
  position:fixed !important;
  z-index:2147483500 !important;
  width:344px !important;
  max-width:calc(100vw - 16px) !important;
  max-height:none !important;
  overflow:visible !important;
  padding:13px !important;
  border:1px solid rgba(39,203,219,.48) !important;
  border-radius:18px !important;
  color:#eefcff !important;
  background:linear-gradient(180deg,#0a3c55 0%,#073149 58%,#062a3e 100%) !important;
  box-shadow:0 26px 80px rgba(0,0,0,.52), inset 0 1px 0 rgba(255,255,255,.04) !important;
}

[data-vipx] .ks27-vipx-calendar__head{
  min-height:48px !important;
  display:grid !important;
  grid-template-columns:42px 1fr 42px !important;
  align-items:center !important;
  gap:8px !important;
  padding-bottom:9px !important;
  border-bottom:1px solid rgba(255,255,255,.1) !important;
}
[data-vipx] .ks27-vipx-calendar__head>div{
  text-align:center !important;
  display:grid !important;
  gap:2px !important;
}
[data-vipx] .ks27-vipx-calendar__head strong{
  font-size:14px !important;
  color:#fff !important;
}
[data-vipx] .ks27-vipx-calendar__head small{
  display:block !important;
  color:#95b5c3 !important;
  font-size:9px !important;
  font-weight:500 !important;
}
[data-vipx] .ks27-vipx-calendar__head button{
  width:38px !important;
  height:38px !important;
  display:grid !important;
  place-items:center !important;
  border:1px solid rgba(255,255,255,.13) !important;
  border-radius:10px !important;
  color:#fff !important;
  background:rgba(255,255,255,.055) !important;
  font-size:24px !important;
}

[data-vipx] .ks27-vipx-calendar__week,
[data-vipx] .ks27-vipx-calendar__days{
  display:grid !important;
  grid-template-columns:repeat(7,1fr) !important;
  gap:5px !important;
}
[data-vipx] .ks27-vipx-calendar__week{
  margin:0 !important;
  padding:10px 0 5px !important;
}
[data-vipx] .ks27-vipx-calendar__week span{
  text-align:center !important;
  color:#8faebb !important;
  font-size:9px !important;
  font-weight:900 !important;
}
[data-vipx] .ks27-vipx-calendar__days button{
  position:relative !important;
  min-width:0 !important;
  height:38px !important;
  display:grid !important;
  place-items:center !important;
  border:1px solid rgba(255,255,255,.08) !important;
  border-radius:9px !important;
  color:#eaf9fc !important;
  background:rgba(255,255,255,.035) !important;
  font-size:11px !important;
  font-weight:850 !important;
}
[data-vipx] .ks27-vipx-calendar__days button.is-muted{
  opacity:.18 !important;
  pointer-events:none !important;
}
[data-vipx] .ks27-vipx-calendar__days button:disabled{
  opacity:.18 !important;
  cursor:not-allowed !important;
}
[data-vipx] .ks27-vipx-calendar__days button.is-selected{
  color:#fff !important;
  border-color:#6f56ff !important;
  background:linear-gradient(145deg,#5369ff,#7550ef) !important;
  box-shadow:0 6px 15px rgba(100,78,245,.34) !important;
}

[data-vipx] .ks27-vipx-calendar__legend{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:13px !important;
  flex-wrap:wrap !important;
  margin-top:11px !important;
  padding-top:10px !important;
  border-top:1px solid rgba(255,255,255,.09) !important;
  color:#a9c0ca !important;
  font-size:8.5px !important;
  font-weight:750 !important;
}
[data-vipx] .ks27-vipx-calendar__legend span{
  display:flex !important;
  align-items:center !important;
  gap:5px !important;
}
[data-vipx] .ks27-vipx-calendar__legend i{
  width:7px !important;
  height:7px !important;
}

[data-vipx] .ks27-vipx-calendar__footer{
  min-height:34px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:12px !important;
  margin-top:7px !important;
}
[data-vipx] .ks27-vipx-calendar__footer small{
  color:#7797a5 !important;
  font-size:7.5px !important;
  line-height:1.3 !important;
}
[data-vipx] .ks27-vipx-calendar__footer button{
  border:0 !important;
  padding:0 !important;
  color:#35dce5 !important;
  background:transparent !important;
  font-size:9px !important;
  font-weight:900 !important;
}

/* Desktop/laptop: takvim kendi içinde scroll olmaz */
@media (min-width:768px){
  [data-vipx] .ks27-vipx-calendar.is-floating{
    max-height:none !important;
    overflow:visible !important;
  }
}

/* Tablet + mobil = index ile aynı bottom-sheet davranışı */
@media (max-width:767px){
  [data-vipx] .ks27-vipx-calendar,
  [data-vipx] .ks27-vipx-calendar.is-floating{
    left:8px !important;
    right:8px !important;
    top:auto !important;
    bottom:calc(8px + env(safe-area-inset-bottom)) !important;
    width:auto !important;
    max-width:none !important;
    max-height:76dvh !important;
    overflow-y:auto !important;
    border-radius:20px !important;
    padding:12px !important;
  }
  [data-vipx] .ks27-vipx-calendar__days button{
    height:42px !important;
    font-size:12px !important;
  }
  [data-vipx] .ks27-vipx-calendar__week,
  [data-vipx] .ks27-vipx-calendar__days{
    gap:4px !important;
  }
  [data-vipx] .ks27-vipx-calendar__head{
    position:sticky !important;
    top:-12px !important;
    z-index:3 !important;
    background:#0a3c55 !important;
    padding-top:9px !important;
  }
}
@media (max-width:390px){
  [data-vipx] .ks27-vipx-calendar,
  [data-vipx] .ks27-vipx-calendar.is-floating{
    left:5px !important;
    right:5px !important;
    bottom:calc(5px + env(safe-area-inset-bottom)) !important;
    padding:9px !important;
    border-radius:16px !important;
  }
  [data-vipx] .ks27-vipx-calendar__days button{
    height:37px !important;
    font-size:11px !important;
  }
  [data-vipx] .ks27-vipx-calendar__week,
  [data-vipx] .ks27-vipx-calendar__days{
    gap:3px !important;
  }
  [data-vipx] .ks27-vipx-calendar__legend{
    gap:8px !important;
    font-size:8px !important;
  }
}

/* Ana sayfadaki VIP kartından açılan gömülü rezervasyon modalı. */
body.ks27-vipx-home-embed{margin:0!important;background:transparent!important;overflow:hidden!important;}
.ks27-vipx--homepage-embed{min-height:100vh!important;background:transparent!important;}
.ks27-vipx--homepage-embed > :not(.ks27-vipx-modal){display:none!important;}
.ks27-vipx--homepage-embed .ks27-vipx-modal{display:flex;position:fixed!important;inset:0!important;padding:18px!important;align-items:center!important;justify-content:center!important;background:transparent!important;}
.ks27-vipx--homepage-embed .ks27-vipx-modal__backdrop{display:block!important;}
.ks27-vipx--homepage-embed .ks27-vipx-modal__dialog{width:min(820px,100%)!important;max-height:calc(100vh - 36px)!important;margin:0!important;}
@media(max-width:640px){
  .ks27-vipx--homepage-embed .ks27-vipx-modal{padding:0!important;align-items:flex-end!important;}
  .ks27-vipx--homepage-embed .ks27-vipx-modal__dialog{width:100%!important;max-height:94vh!important;border-radius:22px 22px 0 0!important;}
}

/* 2026-08-16 — VIP CARD SHARED FINAL */
/* =========================================================
   KS27 VIP KART FINAL — INDEX + VIPTRANSFER
   Tek kart standardı. Yeni dosya yok.
========================================================= */

.ks27-vipx .ks27-vipx__fleet-card,
.ks27-home-module [data-slider-type="transfer"] .ks27-vipx__fleet-card{
  display:flex !important;
  flex-direction:column !important;
  width:100% !important;
  height:510px !important;
  min-height:510px !important;
  max-height:510px !important;
  overflow:hidden !important;
  border:1px solid #dbe7ed !important;
  border-radius:18px !important;
  background:#fff !important;
  box-shadow:0 14px 34px rgba(9,47,70,.08) !important;
  transition:transform .2s ease, box-shadow .2s ease, border-color .2s ease !important;
}

.ks27-vipx .ks27-vipx__fleet-card:hover,
.ks27-home-module [data-slider-type="transfer"] .ks27-vipx__fleet-card:hover{
  transform:translateY(-3px) !important;
  border-color:#b9e7ed !important;
  box-shadow:0 20px 42px rgba(9,47,70,.13) !important;
}

.ks27-vipx .ks27-vipx__fleet-click,
.ks27-home-module [data-slider-type="transfer"] .ks27-vipx__fleet-click{
  display:flex !important;
  flex-direction:column !important;
  width:100% !important;
  height:100% !important;
  min-height:0 !important;
  padding:0 !important;
  border:0 !important;
  background:transparent !important;
  color:inherit !important;
  text-align:left !important;
  cursor:pointer !important;
}

.ks27-vipx .ks27-vipx__fleet-media,
.ks27-home-module [data-slider-type="transfer"] .ks27-vipx__fleet-media{
  position:relative !important;
  flex:0 0 230px !important;
  width:100% !important;
  height:230px !important;
  min-height:230px !important;
  max-height:230px !important;
  overflow:hidden !important;
  background:#edf5f7 !important;
}

.ks27-vipx .ks27-vipx__fleet-media img,
.ks27-home-module [data-slider-type="transfer"] .ks27-vipx__fleet-media img{
  display:block !important;
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  object-position:center center !important;
  transform:none !important;
}

.ks27-vipx .ks27-vipx__fleet-body,
.ks27-home-module [data-slider-type="transfer"] .ks27-vipx__fleet-body{
  flex:1 1 auto !important;
  min-height:0 !important;
  display:flex !important;
  flex-direction:column !important;
  padding:12px 16px 14px !important;
}

.ks27-vipx .ks27-vipx__fleet-body>small,
.ks27-home-module [data-slider-type="transfer"] .ks27-vipx__fleet-body>small{
  display:block !important;
  width:100% !important;
  height:18px !important;
  min-height:18px !important;
  margin:0 0 2px !important;
  padding:3px 8px !important;
  overflow:hidden !important;
  border-radius:999px !important;
  background:#e4fafb !important;
  color:#008a98 !important;
  font-size:10px !important;
  line-height:12px !important;
  font-weight:900 !important;
  letter-spacing:.01em !important;
  text-transform:uppercase !important;
  white-space:nowrap !important;
  text-overflow:ellipsis !important;
}

.ks27-vipx .ks27-vipx__fleet-body h3,
.ks27-home-module [data-slider-type="transfer"] .ks27-vipx__fleet-body h3{
  display:-webkit-box !important;
  -webkit-box-orient:vertical !important;
  -webkit-line-clamp:2 !important;
  overflow:hidden !important;
  min-height:47px !important;
  max-height:47px !important;
  margin:0 0 5px !important;
  color:#0b2038 !important;
  font-size:21px !important;
  line-height:1.12 !important;
  letter-spacing:-.025em !important;
  font-weight:900 !important;
}

.ks27-vipx .ks27-vipx__fleet-body p,
.ks27-home-module [data-slider-type="transfer"] .ks27-vipx__fleet-body p{
  display:-webkit-box !important;
  -webkit-box-orient:vertical !important;
  -webkit-line-clamp:2 !important;
  overflow:hidden !important;
  min-height:44px !important;
  max-height:44px !important;
  margin:0 !important;
  color:#6b8195 !important;
  font-size:13px !important;
  line-height:1.55 !important;
}

.ks27-vipx .ks27-vipx__fleet-meta,
.ks27-home-module [data-slider-type="transfer"] .ks27-vipx__fleet-meta{
  display:none !important;
}

/* 5'li final özellik alanı */
.ks27-vipx .ks27-vipx__fleet-features,
.ks27-home-module [data-slider-type="transfer"] .ks27-vipx__fleet-features{
  display:grid !important;
  grid-template-columns:repeat(5,minmax(0,1fr)) !important;
  gap:0 !important;
  width:100% !important;
  min-height:62px !important;
  margin:10px 0 10px !important;
  padding:10px 0 0 !important;
  border-top:1px solid #e5edf1 !important;
}

.ks27-vipx .ks27-vipx__fleet-features>span,
.ks27-home-module [data-slider-type="transfer"] .ks27-vipx__fleet-features>span{
  display:flex !important;
  min-width:0 !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:flex-start !important;
  gap:4px !important;
  padding:0 4px !important;
  border-right:1px solid #edf2f4 !important;
  text-align:center !important;
}

.ks27-vipx .ks27-vipx__fleet-features>span:last-child,
.ks27-home-module [data-slider-type="transfer"] .ks27-vipx__fleet-features>span:last-child{
  border-right:0 !important;
}

.ks27-vipx .ks27-vipx__fleet-features i,
.ks27-home-module [data-slider-type="transfer"] .ks27-vipx__fleet-features i{
  display:grid !important;
  place-items:center !important;
  width:24px !important;
  height:24px !important;
  color:#08a7bd !important;
  font-style:normal !important;
}

.ks27-vipx .ks27-vipx__fleet-features svg,
.ks27-home-module [data-slider-type="transfer"] .ks27-vipx__fleet-features svg{
  display:block !important;
  width:22px !important;
  height:22px !important;
  fill:none !important;
  stroke:currentColor !important;
  stroke-width:1.8 !important;
  stroke-linecap:round !important;
  stroke-linejoin:round !important;
}

.ks27-vipx .ks27-vipx__fleet-features b,
.ks27-home-module [data-slider-type="transfer"] .ks27-vipx__fleet-features b{
  display:block !important;
  width:100% !important;
  overflow:hidden !important;
  color:#29465b !important;
  font-size:10px !important;
  line-height:1.15 !important;
  font-weight:800 !important;
  white-space:nowrap !important;
  text-overflow:ellipsis !important;
}

.ks27-vipx .ks27-vipx__fleet-action,
.ks27-home-module [data-slider-type="transfer"] .ks27-vipx__fleet-action{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:7px !important;
  width:100% !important;
  height:42px !important;
  min-height:42px !important;
  margin-top:auto !important;
  border:1px solid #17bfd2 !important;
  border-radius:11px !important;
  background:#effcfd !important;
  color:#007f8e !important;
  font-size:13px !important;
  font-weight:900 !important;
  transition:.18s ease !important;
}

.ks27-vipx .ks27-vipx__fleet-click:hover .ks27-vipx__fleet-action,
.ks27-home-module [data-slider-type="transfer"] .ks27-vipx__fleet-click:hover .ks27-vipx__fleet-action{
  background:#0aa9bb !important;
  border-color:#0aa9bb !important;
  color:#fff !important;
}

/* VIP sayfası: 3 eşit kart */
.ks27-vipx .ks27-vipx__fleet-grid{
  display:grid !important;
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  align-items:stretch !important;
  gap:20px !important;
}

/* Index slider: eşit kartlar */
body.is-home .ks27-home-module [data-slider-type="transfer"] .ks27-home-slider__track{
  align-items:stretch !important;
}
body.is-home .ks27-home-module [data-slider-type="transfer"] .ks27-home-slider__slide{
  display:flex !important;
  align-items:stretch !important;
  height:auto !important;
}
body.is-home .ks27-home-module [data-slider-type="transfer"] .ks27-vipx__fleet-card{
  width:100% !important;
}

/* Tablet */
@media (min-width:768px) and (max-width:1100px){
  .ks27-vipx .ks27-vipx__fleet-grid{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }

  .ks27-vipx .ks27-vipx__fleet-card,
  .ks27-home-module [data-slider-type="transfer"] .ks27-vipx__fleet-card{
    height:500px !important;
    min-height:500px !important;
    max-height:500px !important;
  }

  .ks27-vipx .ks27-vipx__fleet-media,
  .ks27-home-module [data-slider-type="transfer"] .ks27-vipx__fleet-media{
    flex-basis:220px !important;
    height:220px !important;
    min-height:220px !important;
    max-height:220px !important;
  }
}

/* Mobil */
@media (max-width:767px){
  .ks27-vipx .ks27-vipx__fleet-grid{
    grid-template-columns:1fr !important;
    gap:14px !important;
  }

  .ks27-vipx .ks27-vipx__fleet-card,
  .ks27-home-module [data-slider-type="transfer"] .ks27-vipx__fleet-card{
    width:100% !important;
    height:auto !important;
    min-height:0 !important;
    max-height:none !important;
  }

  .ks27-vipx .ks27-vipx__fleet-media,
  .ks27-home-module [data-slider-type="transfer"] .ks27-vipx__fleet-media{
    flex:0 0 auto !important;
    height:auto !important;
    min-height:0 !important;
    max-height:none !important;
    aspect-ratio:16/10 !important;
  }

  .ks27-vipx .ks27-vipx__fleet-body,
  .ks27-home-module [data-slider-type="transfer"] .ks27-vipx__fleet-body{
    padding:12px 13px 13px !important;
  }

  .ks27-vipx .ks27-vipx__fleet-body h3,
  .ks27-home-module [data-slider-type="transfer"] .ks27-vipx__fleet-body h3{
    min-height:0 !important;
    max-height:none !important;
    font-size:20px !important;
  }

  .ks27-vipx .ks27-vipx__fleet-body p,
  .ks27-home-module [data-slider-type="transfer"] .ks27-vipx__fleet-body p{
    min-height:0 !important;
    max-height:none !important;
    margin-bottom:2px !important;
  }

  .ks27-vipx .ks27-vipx__fleet-features,
  .ks27-home-module [data-slider-type="transfer"] .ks27-vipx__fleet-features{
    grid-template-columns:repeat(5,minmax(54px,1fr)) !important;
    overflow-x:auto !important;
    scrollbar-width:none !important;
  }
  .ks27-vipx .ks27-vipx__fleet-features::-webkit-scrollbar,
  .ks27-home-module [data-slider-type="transfer"] .ks27-vipx__fleet-features::-webkit-scrollbar{
    display:none !important;
  }
}

/* Mobilde gereksiz beyaz boşluk bırakma */
@media (max-width:767px){
  html body.is-home [data-slider-type="transfer"] .ks27-vipx__fleet-card,
  html body.is-home [data-slider-type="transfer"] .ks27-vipx__fleet-click,
  body .ks27-vipx .ks27-vipx__fleet-card,
  body .ks27-vipx .ks27-vipx__fleet-click{
    height:auto !important;
    min-height:0 !important;
    max-height:none !important;
  }

  html body.is-home [data-slider-type="transfer"] .ks27-vipx__fleet-click,
  body .ks27-vipx .ks27-vipx__fleet-click{
    display:block !important;
  }

  html body.is-home [data-slider-type="transfer"] .ks27-vipx__fleet-body,
  body .ks27-vipx .ks27-vipx__fleet-body{
    display:block !important;
    height:auto !important;
    min-height:0 !important;
  }

  html body.is-home [data-slider-type="transfer"] .ks27-vipx__fleet-action,
  body .ks27-vipx .ks27-vipx__fleet-action{
    margin-top:10px !important;
  }
}


/* =========================================================
   VIP TRANSFER MODAL ONLY — FINAL FLOW
   1) Alış / Bırakış / Kişi
   2) Araç sonucu
   3) Tarih + İletişim + Ödeme
   KART TASARIMLARINA DOKUNMAZ.
   ========================================================= */

.hm27-modal--vip .hm27-grid--transfer-first{
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
}
.hm27-modal--vip .hm27-field--transfer-people{
  grid-column:1/-1;
  width:min(320px,100%);
}
.hm27-modal--vip .hm27-form--transfer-search .hm27-note{
  margin-top:14px;
}

[data-vipx] .ks27-vipx__form-grid--first-search{
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
}
[data-vipx] .ks27-vipx__field--people-only{
  grid-column:1/-1;
  width:min(320px,100%);
}

[data-vipx] .ks27-vipx__facts--search-result{
  grid-template-columns:.65fr .8fr 1.55fr!important;
}

[data-vipx] .ks27-vipx__schedule-card,
[data-vipx] .ks27-vipx__payment{
  margin-top:14px;
  padding:15px;
  border:1px solid rgba(56,216,229,.17);
  border-radius:14px;
  background:rgba(255,255,255,.035);
}
[data-vipx] .ks27-vipx__schedule-head,
[data-vipx] .ks27-vipx__payment-head{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:12px;
  margin-bottom:12px;
}
[data-vipx] .ks27-vipx__schedule-head strong,
[data-vipx] .ks27-vipx__payment-head strong{
  color:#fff;
  font-size:13px;
}
[data-vipx] .ks27-vipx__schedule-head small,
[data-vipx] .ks27-vipx__payment-head small{
  color:#91adba;
  font-size:9px;
  text-align:right;
}
[data-vipx] .ks27-vipx__schedule-card input[type="date"],
[data-vipx] .ks27-vipx__schedule-card input[type="time"]{
  color-scheme:light;
}
[data-vipx] .ks27-vipx__return-toggle--booking{
  margin-top:12px;
  border:1px solid rgba(255,255,255,.10);
  border-radius:11px;
  background:rgba(255,255,255,.025);
}
[data-vipx] .ks27-vipx__booking-return-fields{
  margin-top:11px;
}

[data-vipx] .ks27-vipx__payment-options{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:9px;
}
[data-vipx] .ks27-vipx__payment-options button{
  min-width:0;
  min-height:86px;
  display:grid;
  align-content:center;
  gap:4px;
  padding:11px;
  border:1px solid rgba(255,255,255,.13);
  border-radius:12px;
  background:rgba(255,255,255,.045);
  color:#dcecf2;
  text-align:left;
  cursor:pointer;
  transition:.18s ease;
}
[data-vipx] .ks27-vipx__payment-options button:hover,
[data-vipx] .ks27-vipx__payment-options button:focus-visible{
  border-color:rgba(56,216,229,.55);
  outline:0;
}
[data-vipx] .ks27-vipx__payment-options button.is-selected{
  border-color:#32d5e2;
  background:rgba(29,172,193,.16);
  box-shadow:0 0 0 2px rgba(50,213,226,.08) inset;
}
[data-vipx] .ks27-vipx__payment-options button>span{
  color:#32d5e2;
  font-size:18px;
}
[data-vipx] .ks27-vipx__payment-options button strong{
  color:#fff;
  font-size:11px;
  line-height:1.25;
}
[data-vipx] .ks27-vipx__payment-options button small{
  color:#8faab6;
  font-size:9px;
  line-height:1.3;
}

@media(max-width:760px){
  .hm27-modal--vip .hm27-grid--transfer-first{
    grid-template-columns:1fr!important;
  }
  .hm27-modal--vip .hm27-field--transfer-people{
    grid-column:auto;
    width:100%;
  }
  [data-vipx] .ks27-vipx__form-grid--first-search{
    grid-template-columns:1fr!important;
  }
  [data-vipx] .ks27-vipx__field--people-only{
    grid-column:auto;
    width:100%;
  }
  [data-vipx] .ks27-vipx__facts--search-result{
    grid-template-columns:1fr 1fr!important;
  }
  [data-vipx] .ks27-vipx__facts--search-result>div:last-child{
    grid-column:1/-1;
  }
  [data-vipx] .ks27-vipx__schedule-head,
  [data-vipx] .ks27-vipx__payment-head{
    align-items:flex-start;
    flex-direction:column;
  }
  [data-vipx] .ks27-vipx__schedule-head small,
  [data-vipx] .ks27-vipx__payment-head small{
    text-align:left;
  }
  [data-vipx] .ks27-vipx__payment-options{
    grid-template-columns:1fr;
  }
  [data-vipx] .ks27-vipx__payment-options button{
    min-height:66px;
    grid-template-columns:28px 1fr;
    grid-template-rows:auto auto;
    align-items:center;
  }
  [data-vipx] .ks27-vipx__payment-options button>span{
    grid-row:1/3;
  }
}

@media(max-width:390px){
  [data-vipx] .ks27-vipx__facts--search-result{
    grid-template-columns:1fr!important;
  }
  [data-vipx] .ks27-vipx__facts--search-result>div:last-child{
    grid-column:auto;
  }
}


/* =========================================================
   VIP TRANSFER HERO MODAL — DATE ERROR + VIEWPORT BUTTON FIX
   Tarih ilk adımda yoktur. Modal her ekranda butonuyla tam görünür.
   ========================================================= */
.hm27-layer .hm27-modal--vip{
  width:min(680px,calc(100vw - 28px))!important;
  max-height:calc(100dvh - 28px)!important;
  overflow:hidden!important;
  display:flex!important;
  flex-direction:column!important;
}
.hm27-layer .hm27-modal--vip[hidden]{
  display:none!important;
}
.hm27-layer .hm27-modal--vip .hm27-head{
  flex:0 0 auto!important;
}
.hm27-layer .hm27-modal--vip .hm27-body{
  flex:1 1 auto!important;
  min-height:0!important;
  overflow-y:auto!important;
  overscroll-behavior:contain;
  padding-bottom:18px!important;
}
.hm27-layer .hm27-modal--vip .hm27-form--transfer-search{
  display:grid!important;
  gap:12px!important;
}
.hm27-layer .hm27-modal--vip .hm27-feedback[hidden]{
  display:none!important;
}
.hm27-layer .hm27-modal--vip .hm27-submit--vip{
  width:100%!important;
  min-height:50px!important;
  margin:0!important;
  flex:0 0 auto!important;
  position:relative!important;
  z-index:2!important;
}

@media(max-height:720px) and (min-width:761px){
  .hm27-layer .hm27-modal--vip .hm27-head{
    padding-top:15px!important;
    padding-bottom:15px!important;
  }
  .hm27-layer .hm27-modal--vip .hm27-body{
    padding-top:14px!important;
    padding-bottom:14px!important;
  }
  .hm27-layer .hm27-modal--vip .hm27-grid--transfer-first{
    gap:10px!important;
  }
  .hm27-layer .hm27-modal--vip .hm27-note{
    margin-top:2px!important;
    padding:8px 10px!important;
  }
}

@media(max-width:760px){
  .hm27-layer .hm27-modal--vip{
    width:calc(100vw - 16px)!important;
    max-height:calc(100dvh - 16px)!important;
    border-radius:16px!important;
  }
  .hm27-layer .hm27-modal--vip .hm27-body{
    padding-bottom:14px!important;
  }
  .hm27-layer .hm27-modal--vip .hm27-submit--vip{
    min-height:52px!important;
  }
}


/* =========================================================
   VIP TRANSFER — GÖRSELLİ ARAÇ SEÇİMİ FINAL
   Sadece arama sonucu modalındaki araç seçim alanını etkiler.
   ========================================================= */

[data-vipx][data-show-results="1"] .ks27-vipx-modal__dialog{
  width:min(1180px,calc(100vw - 28px))!important;
  max-height:calc(100dvh - 24px)!important;
}

[data-vipx] .ks27-vipx__result-list--visual{
  display:grid!important;
  gap:16px!important;
  margin-top:16px!important;
}

[data-vipx] .ks27-vipx__result-vehicle-card{
  overflow:hidden;
  border:1px solid rgba(60,198,219,.28);
  border-radius:15px;
  background:linear-gradient(145deg,rgba(7,41,65,.98),rgba(4,30,50,.98));
  box-shadow:0 14px 34px rgba(0,0,0,.20);
  transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease;
}
[data-vipx] .ks27-vipx__result-vehicle-card:hover,
[data-vipx] .ks27-vipx__result-vehicle-card.is-selected{
  border-color:rgba(45,215,231,.72);
  box-shadow:0 16px 38px rgba(0,0,0,.28),0 0 0 1px rgba(45,215,231,.08) inset;
}

[data-vipx] .ks27-vipx__result-card-title{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:12px 16px;
  border-bottom:1px solid rgba(255,255,255,.08);
  background:rgba(255,255,255,.035);
}
[data-vipx] .ks27-vipx__result-card-title strong{
  color:#fff;
  font-size:15px;
  line-height:1.2;
  font-weight:950;
}
[data-vipx] .ks27-vipx__result-card-title span{
  color:#9bb8c4;
  font-size:11px;
  font-weight:800;
  white-space:nowrap;
}

[data-vipx] .ks27-vipx__result-card-content{
  display:grid;
  grid-template-columns:minmax(230px,.9fr) minmax(330px,1.35fr) minmax(260px,.85fr);
  min-height:235px;
}

[data-vipx] .ks27-vipx__result-card-media{
  position:relative;
  min-height:235px;
  overflow:hidden;
  background:#091c2a;
}
[data-vipx] .ks27-vipx__result-card-media img{
  width:100%;
  height:100%;
  min-height:235px;
  object-fit:cover;
  display:block;
}
[data-vipx] .ks27-vipx__result-no-image{
  width:100%;
  height:100%;
  min-height:235px;
  display:grid;
  place-items:center;
  color:#29d6e4;
  font-size:36px;
  font-weight:950;
}
[data-vipx] .ks27-vipx__result-badge{
  position:absolute;
  z-index:2;
  left:10px;
  top:10px;
  padding:7px 11px;
  border-radius:8px;
  background:linear-gradient(90deg,#09b8cb,#2488e8);
  color:#fff;
  font-size:9px;
  font-weight:950;
  letter-spacing:.06em;
  box-shadow:0 6px 18px rgba(0,0,0,.25);
}

[data-vipx] .ks27-vipx__result-card-features{
  padding:18px 20px;
  border-left:1px solid rgba(255,255,255,.06);
  border-right:1px solid rgba(255,255,255,.06);
}
[data-vipx] .ks27-vipx__result-card-features>strong{
  display:block;
  margin-bottom:12px;
  color:#6fe5ee;
  font-size:13px;
  font-weight:950;
}
[data-vipx] .ks27-vipx__included-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:9px 18px;
}
[data-vipx] .ks27-vipx__included-grid span{
  color:#eef7fa;
  font-size:11px;
  line-height:1.25;
}
[data-vipx] .ks27-vipx__result-card-features p{
  margin:15px 0 0;
  padding-top:12px;
  border-top:1px solid rgba(255,255,255,.07);
  color:#9db4be;
  font-size:10px;
  line-height:1.45;
}

[data-vipx] .ks27-vipx__result-card-price{
  display:grid;
  align-content:center;
  gap:11px;
  padding:17px;
}
[data-vipx] .ks27-vipx__trip-select{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:8px;
}
[data-vipx] .ks27-vipx__trip-select label{
  min-width:0;
  display:grid;
  gap:4px;
  place-items:center;
  padding:11px 8px;
  border:1px solid rgba(255,255,255,.14);
  border-radius:11px;
  background:rgba(0,0,0,.16);
  color:#dbe8ed;
  cursor:pointer;
}
[data-vipx] .ks27-vipx__trip-select label:has(input:checked){
  border-color:#25d4e2;
  background:rgba(26,174,195,.14);
  box-shadow:0 0 0 1px rgba(37,212,226,.10) inset;
}
[data-vipx] .ks27-vipx__trip-select input{
  width:14px;
  height:14px;
  accent-color:#25d4e2;
}
[data-vipx] .ks27-vipx__trip-select span{
  color:#fff;
  font-size:10px;
  font-weight:900;
  text-align:center;
}
[data-vipx] .ks27-vipx__trip-select strong{
  color:#fff;
  font-size:16px;
  line-height:1;
}
[data-vipx] .ks27-vipx__result-card-price>small{
  display:block;
  padding:7px 9px;
  border-radius:8px;
  background:rgba(255,255,255,.045);
  color:#a9c0c9;
  font-size:9px;
  line-height:1.3;
  text-align:center;
}
[data-vipx] .ks27-vipx__result-card-reserve{
  width:100%;
  min-height:46px;
  border:0;
  border-radius:10px;
  background:linear-gradient(90deg,#16bfd1,#2d85e9);
  color:#fff;
  font:inherit;
  font-size:11px;
  font-weight:950;
  cursor:pointer;
  box-shadow:0 10px 22px rgba(20,164,218,.16);
}

[data-vipx] .ks27-vipx__selected-vehicle-strip{
  display:flex;
  align-items:center;
  gap:10px;
  margin-bottom:14px;
  padding:11px 13px;
  border:1px solid rgba(48,210,226,.25);
  border-radius:11px;
  background:rgba(20,151,173,.09);
}
[data-vipx] .ks27-vipx__selected-vehicle-strip span{
  color:#77e8ef;
  font-size:9px;
  font-weight:950;
  letter-spacing:.06em;
}
[data-vipx] .ks27-vipx__selected-vehicle-strip strong{
  color:#fff;
  font-size:12px;
}
[data-vipx] .ks27-vipx__selected-vehicle-strip em{
  margin-left:auto;
  color:#c2d6de;
  font-size:10px;
  font-style:normal;
  font-weight:800;
}

@media(max-width:980px){
  [data-vipx] .ks27-vipx__result-card-content{
    grid-template-columns:220px 1fr;
  }
  [data-vipx] .ks27-vipx__result-card-price{
    grid-column:1/-1;
    grid-template-columns:minmax(260px,1fr) minmax(160px,.55fr) minmax(190px,.65fr);
    align-items:center;
    border-top:1px solid rgba(255,255,255,.07);
  }
  [data-vipx] .ks27-vipx__result-card-price>small{
    margin:0;
  }
}

@media(max-width:700px){
  [data-vipx][data-show-results="1"] .ks27-vipx-modal__dialog{
    width:calc(100vw - 14px)!important;
    max-height:calc(100dvh - 14px)!important;
  }
  [data-vipx] .ks27-vipx__result-card-title{
    align-items:flex-start;
    flex-direction:column;
    gap:4px;
    padding:11px 12px;
  }
  [data-vipx] .ks27-vipx__result-card-title span{
    white-space:normal;
  }
  [data-vipx] .ks27-vipx__result-card-content{
    grid-template-columns:1fr;
  }
  [data-vipx] .ks27-vipx__result-card-media,
  [data-vipx] .ks27-vipx__result-card-media img,
  [data-vipx] .ks27-vipx__result-no-image{
    min-height:205px;
  }
  [data-vipx] .ks27-vipx__result-card-media img{
    aspect-ratio:16/10;
    object-fit:cover;
  }
  [data-vipx] .ks27-vipx__result-card-features{
    border:0;
    border-top:1px solid rgba(255,255,255,.06);
    padding:15px 13px;
  }
  [data-vipx] .ks27-vipx__included-grid{
    gap:8px 12px;
  }
  [data-vipx] .ks27-vipx__result-card-price{
    grid-column:auto;
    grid-template-columns:1fr;
    padding:13px;
  }
  [data-vipx] .ks27-vipx__trip-select{
    grid-template-columns:1fr 1fr;
  }
  [data-vipx] .ks27-vipx__selected-vehicle-strip{
    align-items:flex-start;
    flex-wrap:wrap;
  }
  [data-vipx] .ks27-vipx__selected-vehicle-strip em{
    width:100%;
    margin-left:0;
  }
}

@media(max-width:390px){
  [data-vipx] .ks27-vipx__included-grid{
    grid-template-columns:1fr;
  }
  [data-vipx] .ks27-vipx__trip-select{
    grid-template-columns:1fr;
  }
}


/* =========================================================
   VIP TRANSFER — ARAÇ SEÇİM MODALI MODERN RESPONSIVE FINAL
   Sadece arama sonucu / araç seçim modalını etkiler.
   ========================================================= */

.ks27-vipx[data-show-results="1"] .ks27-vipx-modal{
  padding:18px!important;
  align-items:center!important;
}

.ks27-vipx[data-show-results="1"] .ks27-vipx-modal__dialog{
  width:min(1120px,calc(100vw - 36px))!important;
  max-width:1120px!important;
  max-height:calc(100dvh - 36px)!important;
  padding:22px!important;
  overflow-x:hidden!important;
  overflow-y:auto!important;
  border:1px solid rgba(76,211,228,.34)!important;
  border-radius:22px!important;
  background:
    radial-gradient(circle at 8% 0%,rgba(30,190,211,.10),transparent 31%),
    linear-gradient(145deg,#0a3048 0%,#06263b 58%,#041e31 100%)!important;
  box-shadow:0 28px 90px rgba(0,0,0,.46)!important;
}

.ks27-vipx[data-show-results="1"] .ks27-vipx-modal__head{
  margin-bottom:16px!important;
  padding:0 52px 15px 0!important;
  border-bottom:1px solid rgba(255,255,255,.08);
}
.ks27-vipx[data-show-results="1"] .ks27-vipx-modal__head h2{
  font-size:25px!important;
  letter-spacing:-.025em;
}
.ks27-vipx[data-show-results="1"] .ks27-vipx-modal__head p{
  margin-top:4px!important;
  color:#9fb7c2!important;
}

.ks27-vipx[data-show-results="1"] .ks27-vipx__route-box{
  padding:12px 15px!important;
  border:1px solid rgba(52,210,225,.12);
  background:rgba(0,0,0,.14)!important;
}
.ks27-vipx[data-show-results="1"] .ks27-vipx__facts{
  grid-template-columns:.65fr .8fr 1.55fr!important;
  gap:8px!important;
  margin:8px 0 15px!important;
}
.ks27-vipx[data-show-results="1"] .ks27-vipx__facts>div{
  min-height:54px;
  padding:9px 11px!important;
  display:flex;
  flex-direction:column;
  justify-content:center;
}

.ks27-vipx[data-show-results="1"] .ks27-vipx__result-list--visual{
  gap:14px!important;
  margin-top:0!important;
}

.ks27-vipx[data-show-results="1"] .ks27-vipx__result-vehicle-card{
  border-radius:18px!important;
  border:1px solid rgba(255,255,255,.10)!important;
  background:
    linear-gradient(145deg,rgba(255,255,255,.055),rgba(255,255,255,.025))!important;
  box-shadow:0 12px 30px rgba(0,0,0,.14)!important;
  transform:none!important;
}
.ks27-vipx[data-show-results="1"] .ks27-vipx__result-vehicle-card:hover{
  border-color:rgba(56,216,229,.34)!important;
  box-shadow:0 16px 36px rgba(0,0,0,.19)!important;
}
.ks27-vipx[data-show-results="1"] .ks27-vipx__result-vehicle-card.is-selected{
  border-color:rgba(56,216,229,.60)!important;
  box-shadow:0 0 0 1px rgba(56,216,229,.08) inset,0 16px 38px rgba(0,0,0,.20)!important;
}

.ks27-vipx[data-show-results="1"] .ks27-vipx__result-card-title{
  min-height:48px;
  padding:10px 14px!important;
  background:rgba(255,255,255,.025)!important;
}
.ks27-vipx[data-show-results="1"] .ks27-vipx__result-card-title strong{
  font-size:15px!important;
  letter-spacing:-.015em;
}
.ks27-vipx[data-show-results="1"] .ks27-vipx__result-card-title span{
  color:#91abb6!important;
  font-size:10px!important;
}

.ks27-vipx[data-show-results="1"] .ks27-vipx__result-card-content{
  grid-template-columns:250px minmax(0,1fr) 292px!important;
  min-height:218px!important;
}

.ks27-vipx[data-show-results="1"] .ks27-vipx__result-card-media{
  min-width:0!important;
  min-height:218px!important;
  border-radius:0!important;
}
.ks27-vipx[data-show-results="1"] .ks27-vipx__result-card-media img{
  min-height:218px!important;
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
}
.ks27-vipx[data-show-results="1"] .ks27-vipx__result-badge{
  top:11px!important;
  left:11px!important;
  padding:6px 9px!important;
  border-radius:999px!important;
  background:rgba(3,168,189,.92)!important;
  box-shadow:0 6px 20px rgba(0,0,0,.22)!important;
}

.ks27-vipx[data-show-results="1"] .ks27-vipx__result-card-features{
  min-width:0!important;
  padding:18px!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  border-left:1px solid rgba(255,255,255,.06)!important;
  border-right:1px solid rgba(255,255,255,.06)!important;
}
.ks27-vipx[data-show-results="1"] .ks27-vipx__result-card-features>strong{
  margin-bottom:11px!important;
  color:#65e1ea!important;
  font-size:12px!important;
}
.ks27-vipx[data-show-results="1"] .ks27-vipx__included-grid{
  gap:8px 14px!important;
}
.ks27-vipx[data-show-results="1"] .ks27-vipx__included-grid span{
  font-size:10px!important;
  color:#e4eff3!important;
}
.ks27-vipx[data-show-results="1"] .ks27-vipx__result-card-features p{
  margin-top:12px!important;
  padding-top:10px!important;
  font-size:9px!important;
  color:#8ea8b3!important;
}

.ks27-vipx[data-show-results="1"] .ks27-vipx__result-card-price{
  min-width:0!important;
  padding:16px!important;
  gap:10px!important;
  background:rgba(0,0,0,.07);
}
.ks27-vipx[data-show-results="1"] .ks27-vipx__trip-select{
  gap:8px!important;
}
.ks27-vipx[data-show-results="1"] .ks27-vipx__trip-select label{
  min-height:74px!important;
  padding:9px 7px!important;
  border-radius:12px!important;
  background:rgba(255,255,255,.025)!important;
}
.ks27-vipx[data-show-results="1"] .ks27-vipx__trip-select label:has(input:checked){
  border-color:#25cedd!important;
  background:rgba(37,206,221,.10)!important;
}
.ks27-vipx[data-show-results="1"] .ks27-vipx__trip-select span{
  font-size:9px!important;
}
.ks27-vipx[data-show-results="1"] .ks27-vipx__trip-select strong{
  font-size:15px!important;
}
.ks27-vipx[data-show-results="1"] .ks27-vipx__result-card-price>small{
  padding:7px 8px!important;
  border-radius:9px!important;
  white-space:normal!important;
}
.ks27-vipx[data-show-results="1"] .ks27-vipx__result-card-reserve{
  min-height:44px!important;
  border-radius:11px!important;
  background:linear-gradient(90deg,#12bfd1,#2d8be8)!important;
  box-shadow:0 8px 20px rgba(20,153,212,.14)!important;
  transition:transform .15s ease,filter .15s ease;
}
.ks27-vipx[data-show-results="1"] .ks27-vipx__result-card-reserve:hover{
  filter:brightness(1.05);
  transform:translateY(-1px);
}

@media(max-width:1040px){
  .ks27-vipx[data-show-results="1"] .ks27-vipx-modal__dialog{
    width:min(920px,calc(100vw - 28px))!important;
  }
  .ks27-vipx[data-show-results="1"] .ks27-vipx__result-card-content{
    grid-template-columns:220px minmax(0,1fr)!important;
  }
  .ks27-vipx[data-show-results="1"] .ks27-vipx__result-card-price{
    grid-column:1/-1!important;
    display:grid!important;
    grid-template-columns:minmax(250px,1fr) minmax(170px,.55fr) minmax(190px,.65fr)!important;
    align-items:center!important;
    border-top:1px solid rgba(255,255,255,.06);
  }
  .ks27-vipx[data-show-results="1"] .ks27-vipx__result-card-price>small{
    margin:0!important;
  }
}

@media(max-width:760px){
  .ks27-vipx[data-show-results="1"] .ks27-vipx-modal{
    padding:8px!important;
    align-items:flex-end!important;
  }
  .ks27-vipx[data-show-results="1"] .ks27-vipx-modal__dialog{
    width:100%!important;
    max-width:none!important;
    max-height:calc(100dvh - 8px)!important;
    padding:14px!important;
    border-radius:20px 20px 0 0!important;
  }
  .ks27-vipx[data-show-results="1"] .ks27-vipx-modal__head{
    position:sticky;
    top:-14px;
    z-index:15;
    margin:0 -14px 12px!important;
    padding:14px 54px 12px 14px!important;
    background:rgba(7,39,59,.96);
    backdrop-filter:blur(14px);
    -webkit-backdrop-filter:blur(14px);
  }
  .ks27-vipx[data-show-results="1"] .ks27-vipx-modal__close{
    position:sticky!important;
    top:10px!important;
  }
  .ks27-vipx[data-show-results="1"] .ks27-vipx__route-box{
    grid-template-columns:1fr auto 1fr!important;
    padding:10px!important;
  }
  .ks27-vipx[data-show-results="1"] .ks27-vipx__route-box>span{
    transform:none!important;
  }
  .ks27-vipx[data-show-results="1"] .ks27-vipx__facts{
    grid-template-columns:1fr 1fr!important;
  }
  .ks27-vipx[data-show-results="1"] .ks27-vipx__facts>div:last-child{
    grid-column:1/-1;
  }
  .ks27-vipx[data-show-results="1"] .ks27-vipx__result-card-title{
    padding:10px 12px!important;
  }
  .ks27-vipx[data-show-results="1"] .ks27-vipx__result-card-content{
    grid-template-columns:1fr!important;
  }
  .ks27-vipx[data-show-results="1"] .ks27-vipx__result-card-media,
  .ks27-vipx[data-show-results="1"] .ks27-vipx__result-card-media img{
    min-height:0!important;
    height:auto!important;
    aspect-ratio:16/9!important;
  }
  .ks27-vipx[data-show-results="1"] .ks27-vipx__result-card-features{
    border:0!important;
    border-top:1px solid rgba(255,255,255,.06)!important;
    padding:14px 12px!important;
  }
  .ks27-vipx[data-show-results="1"] .ks27-vipx__result-card-price{
    grid-column:auto!important;
    grid-template-columns:1fr!important;
    padding:12px!important;
  }
  .ks27-vipx[data-show-results="1"] .ks27-vipx__trip-select{
    grid-template-columns:1fr 1fr!important;
  }
  .ks27-vipx[data-show-results="1"] .ks27-vipx__result-card-reserve{
    min-height:48px!important;
  }
}

@media(max-width:430px){
  .ks27-vipx[data-show-results="1"] .ks27-vipx-modal__dialog{
    padding:10px!important;
  }
  .ks27-vipx[data-show-results="1"] .ks27-vipx-modal__head{
    top:-10px;
    margin:0 -10px 10px!important;
    padding:12px 50px 10px 10px!important;
  }
  .ks27-vipx[data-show-results="1"] .ks27-vipx-modal__head h2{
    font-size:20px!important;
  }
  .ks27-vipx[data-show-results="1"] .ks27-vipx__route-box{
    grid-template-columns:1fr!important;
    gap:6px!important;
  }
  .ks27-vipx[data-show-results="1"] .ks27-vipx__route-box>span{
    display:none!important;
  }
  .ks27-vipx[data-show-results="1"] .ks27-vipx__facts{
    grid-template-columns:1fr!important;
  }
  .ks27-vipx[data-show-results="1"] .ks27-vipx__facts>div:last-child{
    grid-column:auto;
  }
  .ks27-vipx[data-show-results="1"] .ks27-vipx__result-card-title{
    align-items:flex-start!important;
    flex-direction:column!important;
    gap:3px!important;
  }
  .ks27-vipx[data-show-results="1"] .ks27-vipx__included-grid{
    grid-template-columns:1fr 1fr!important;
  }
  .ks27-vipx[data-show-results="1"] .ks27-vipx__trip-select{
    grid-template-columns:1fr!important;
  }
}

/* ===== KS27 VIP FLEET EXISTING-ASSET FINAL START ===== */

/* Araç bölümü / görünüm seçici */
.ks27-vipx__fleet{
  background:linear-gradient(180deg,#061b2e 0%,#08243a 100%) !important;
  padding:72px 0 !important;
  color:#fff !important;
}
.ks27-vipx__fleet .ks27-vipx__section-head,
.ks27-vipx__fleet .ks27-vipx__section-head *{
  color:#fff !important;
}
.ks27-vipx__fleet-toolbar{
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:18px !important;
  margin:22px 0 20px !important;
  padding:14px 16px !important;
  border:1px solid rgba(61,213,231,.25) !important;
  border-radius:15px !important;
  background:rgba(255,255,255,.035) !important;
}
.ks27-vipx__fleet-toolbar>div:first-child{
  display:flex !important;
  flex-direction:column !important;
  gap:3px !important;
}
.ks27-vipx__fleet-toolbar strong{font-size:14px !important}
.ks27-vipx__fleet-toolbar small{color:#9db8c8 !important;font-size:12px !important}
.ks27-vipx__view-switch{
  display:flex !important;
  gap:7px !important;
  padding:5px !important;
  border:1px solid rgba(255,255,255,.12) !important;
  border-radius:12px !important;
  background:#03192a !important;
}
.ks27-vipx__view-switch button{
  height:38px !important;
  padding:0 14px !important;
  border:0 !important;
  border-radius:9px !important;
  background:transparent !important;
  color:#9eb9c9 !important;
  font-weight:800 !important;
  cursor:pointer !important;
}
.ks27-vipx__view-switch button.is-active{
  background:linear-gradient(135deg,#15cbd7,#3376ef) !important;
  color:#fff !important;
}

/* Masaüstü kart görünümü önceki çalışan düzende kalır */
.ks27-vipx .ks27-vipx__fleet-grid.ks27-vipx__fleet-grid--switchable{
  gap:18px !important;
  align-items:stretch !important;
}
.ks27-vipx .ks27-vipx__fleet-grid--switchable .ks27-vipx__fleet-card{
  border-color:rgba(74,205,225,.25) !important;
  border-radius:16px !important;
  background:#fff !important;
  box-shadow:0 16px 38px rgba(0,0,0,.24) !important;
  overflow:hidden !important;
  color:#0b223a !important;
}
.ks27-vipx .ks27-vipx__fleet-grid--switchable .ks27-vipx__fleet-card:hover{
  transform:translateY(-3px) !important;
  border-color:rgba(59,220,237,.6) !important;
}

/* MASAÜSTÜ - YAN YANA */
.ks27-vipx .ks27-vipx__fleet-grid.ks27-vipx__fleet-grid--switchable[data-view="grid"]{
  display:grid !important;
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  max-width:none !important;
  margin-inline:0 !important;
}
.ks27-vipx .ks27-vipx__fleet-grid--switchable[data-view="grid"] .ks27-vipx__fleet-card{
  width:100% !important;
  height:auto !important;
  min-height:0 !important;
  max-height:none !important;
}
.ks27-vipx .ks27-vipx__fleet-grid--switchable[data-view="grid"] .ks27-vipx__fleet-click{
  display:block !important;
  width:100% !important;
  height:100% !important;
}
.ks27-vipx .ks27-vipx__fleet-grid--switchable[data-view="grid"] .ks27-vipx__fleet-media{
  height:225px !important;
  min-height:225px !important;
  max-height:225px !important;
}

/* MASAÜSTÜ - ALT ALTA / YATAY */
.ks27-vipx .ks27-vipx__fleet-grid.ks27-vipx__fleet-grid--switchable[data-view="list"]{
  display:grid !important;
  grid-template-columns:minmax(0,1fr) !important;
  max-width:1180px !important;
  margin-left:auto !important;
  margin-right:auto !important;
  gap:14px !important;
}
.ks27-vipx .ks27-vipx__fleet-grid--switchable[data-view="list"] .ks27-vipx__fleet-card{
  display:block !important;
  width:100% !important;
  height:auto !important;
  min-height:220px !important;
  max-height:none !important;
}
.ks27-vipx .ks27-vipx__fleet-grid--switchable[data-view="list"] .ks27-vipx__fleet-click{
  display:grid !important;
  grid-template-columns:minmax(250px,32%) minmax(0,1fr) !important;
  width:100% !important;
  min-height:220px !important;
  height:auto !important;
  align-items:stretch !important;
}
.ks27-vipx .ks27-vipx__fleet-grid--switchable[data-view="list"] .ks27-vipx__fleet-media{
  grid-column:1 !important;
  height:100% !important;
  min-height:220px !important;
  max-height:none !important;
  flex-basis:auto !important;
}
.ks27-vipx .ks27-vipx__fleet-grid--switchable[data-view="list"] .ks27-vipx__fleet-body{
  grid-column:2 !important;
  display:flex !important;
  flex-direction:column !important;
  justify-content:center !important;
  padding:24px 28px !important;
  min-width:0 !important;
}
.ks27-vipx .ks27-vipx__fleet-grid--switchable[data-view="list"] .ks27-vipx__fleet-body p{
  min-height:0 !important;
  margin-bottom:12px !important;
}
.ks27-vipx .ks27-vipx__fleet-grid--switchable[data-view="list"] .ks27-vipx__fleet-meta{
  margin:12px 0 !important;
}
.ks27-vipx .ks27-vipx__fleet-grid--switchable[data-view="list"] .ks27-vipx__fleet-action{
  max-width:320px !important;
  width:100% !important;
  margin-top:8px !important;
  margin-left:auto !important;
}

.ks27-vipx__fleet-empty{
  padding:32px !important;
  border:1px dashed rgba(49,217,230,.38) !important;
  border-radius:16px !important;
  text-align:center !important;
  background:rgba(255,255,255,.03) !important;
}
.ks27-vipx__fleet-empty strong{display:block !important;font-size:18px !important}
.ks27-vipx__fleet-empty span{display:block !important;margin-top:6px !important;color:#9eb8c8 !important;font-size:13px !important}

/* TABLET */
@media (max-width:1050px){
  .ks27-vipx .ks27-vipx__fleet-grid.ks27-vipx__fleet-grid--switchable[data-view="grid"]{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }
  .ks27-vipx .ks27-vipx__fleet-grid--switchable[data-view="list"] .ks27-vipx__fleet-click{
    grid-template-columns:minmax(220px,36%) minmax(0,1fr) !important;
  }
}

/* =========================================================
   MOBİL:
   Yan Yana = 2 kompakt kart
   Alt Alta = solda görsel + sağda bilgi
   ========================================================= */
@media (max-width:760px){
  .ks27-vipx__fleet{
    padding:46px 0 54px !important;
  }
  .ks27-vipx__fleet-toolbar{
    align-items:stretch !important;
    flex-direction:column !important;
    gap:11px !important;
    padding:12px !important;
    margin:16px 0 16px !important;
  }
  .ks27-vipx__view-switch{
    display:grid !important;
    grid-template-columns:1fr 1fr !important;
    width:100% !important;
  }
  .ks27-vipx__view-switch button{
    width:100% !important;
    height:42px !important;
    padding:0 8px !important;
    font-size:12px !important;
  }

  /* Mobil YAN YANA */
  .ks27-vipx .ks27-vipx__fleet-grid.ks27-vipx__fleet-grid--switchable[data-view="grid"]{
    display:grid !important;
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:9px !important;
    max-width:none !important;
    margin:0 !important;
  }
  .ks27-vipx .ks27-vipx__fleet-grid--switchable[data-view="grid"] .ks27-vipx__fleet-card{
    width:100% !important;
    min-width:0 !important;
    height:auto !important;
    min-height:0 !important;
    border-radius:13px !important;
  }
  .ks27-vipx .ks27-vipx__fleet-grid--switchable[data-view="grid"] .ks27-vipx__fleet-click{
    display:block !important;
    min-width:0 !important;
  }
  .ks27-vipx .ks27-vipx__fleet-grid--switchable[data-view="grid"] .ks27-vipx__fleet-media{
    height:118px !important;
    min-height:118px !important;
    max-height:118px !important;
    aspect-ratio:auto !important;
  }
  .ks27-vipx .ks27-vipx__fleet-grid--switchable[data-view="grid"] .ks27-vipx__fleet-body{
    padding:9px 9px 10px !important;
  }
  .ks27-vipx .ks27-vipx__fleet-grid--switchable[data-view="grid"] .ks27-vipx__fleet-body>small{
    padding:3px 6px !important;
    font-size:7px !important;
  }
  .ks27-vipx .ks27-vipx__fleet-grid--switchable[data-view="grid"] .ks27-vipx__fleet-body h3{
    min-height:32px !important;
    margin:6px 0 4px !important;
    font-size:13px !important;
    line-height:1.18 !important;
    display:-webkit-box !important;
    -webkit-line-clamp:2 !important;
    -webkit-box-orient:vertical !important;
    overflow:hidden !important;
  }
  .ks27-vipx .ks27-vipx__fleet-grid--switchable[data-view="grid"] .ks27-vipx__fleet-body p{
    min-height:29px !important;
    max-height:29px !important;
    margin:0 !important;
    font-size:9px !important;
    line-height:1.4 !important;
    display:-webkit-box !important;
    -webkit-line-clamp:2 !important;
    -webkit-box-orient:vertical !important;
    overflow:hidden !important;
  }
  .ks27-vipx .ks27-vipx__fleet-grid--switchable[data-view="grid"] .ks27-vipx__fleet-features{
    display:grid !important;
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:4px !important;
    margin:8px 0 !important;
    padding-top:8px !important;
  }
  .ks27-vipx .ks27-vipx__fleet-grid--switchable[data-view="grid"] .ks27-vipx__fleet-features span{
    min-width:0 !important;
  }
  .ks27-vipx .ks27-vipx__fleet-grid--switchable[data-view="grid"] .ks27-vipx__fleet-features i{
    width:24px !important;
    height:24px !important;
  }
  .ks27-vipx .ks27-vipx__fleet-grid--switchable[data-view="grid"] .ks27-vipx__fleet-features b{
    font-size:8px !important;
  }
  .ks27-vipx .ks27-vipx__fleet-grid--switchable[data-view="grid"] .ks27-vipx__fleet-action{
    height:34px !important;
    min-height:34px !important;
    font-size:10px !important;
    border-radius:9px !important;
  }

  /* Mobil ALT ALTA / yatay kart */
  .ks27-vipx .ks27-vipx__fleet-grid.ks27-vipx__fleet-grid--switchable[data-view="list"]{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:11px !important;
    max-width:none !important;
    margin:0 !important;
  }
  .ks27-vipx .ks27-vipx__fleet-grid--switchable[data-view="list"] .ks27-vipx__fleet-card{
    width:100% !important;
    min-height:148px !important;
    border-radius:14px !important;
  }
  .ks27-vipx .ks27-vipx__fleet-grid--switchable[data-view="list"] .ks27-vipx__fleet-click{
    display:grid !important;
    grid-template-columns:112px minmax(0,1fr) !important;
    width:100% !important;
    min-height:148px !important;
    height:auto !important;
    align-items:stretch !important;
  }
  .ks27-vipx .ks27-vipx__fleet-grid--switchable[data-view="list"] .ks27-vipx__fleet-media{
    grid-column:1 !important;
    grid-row:1 !important;
    width:100% !important;
    height:100% !important;
    min-height:148px !important;
    max-height:none !important;
    aspect-ratio:auto !important;
  }
  .ks27-vipx .ks27-vipx__fleet-grid--switchable[data-view="list"] .ks27-vipx__fleet-body{
    grid-column:2 !important;
    grid-row:1 !important;
    display:flex !important;
    flex-direction:column !important;
    justify-content:center !important;
    min-width:0 !important;
    padding:10px 11px !important;
  }
  .ks27-vipx .ks27-vipx__fleet-grid--switchable[data-view="list"] .ks27-vipx__fleet-body>small{
    align-self:flex-start !important;
    padding:3px 6px !important;
    font-size:7px !important;
  }
  .ks27-vipx .ks27-vipx__fleet-grid--switchable[data-view="list"] .ks27-vipx__fleet-body h3{
    min-height:0 !important;
    margin:5px 0 3px !important;
    font-size:14px !important;
    line-height:1.15 !important;
    display:-webkit-box !important;
    -webkit-line-clamp:2 !important;
    -webkit-box-orient:vertical !important;
    overflow:hidden !important;
  }
  .ks27-vipx .ks27-vipx__fleet-grid--switchable[data-view="list"] .ks27-vipx__fleet-body p{
    min-height:0 !important;
    max-height:28px !important;
    margin:0 0 5px !important;
    font-size:9px !important;
    line-height:1.35 !important;
    display:-webkit-box !important;
    -webkit-line-clamp:2 !important;
    -webkit-box-orient:vertical !important;
    overflow:hidden !important;
  }
  .ks27-vipx .ks27-vipx__fleet-grid--switchable[data-view="list"] .ks27-vipx__fleet-features{
    display:grid !important;
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:3px 6px !important;
    margin:5px 0 !important;
    padding-top:5px !important;
  }
  .ks27-vipx .ks27-vipx__fleet-grid--switchable[data-view="list"] .ks27-vipx__fleet-features i{
    width:22px !important;
    height:22px !important;
  }
  .ks27-vipx .ks27-vipx__fleet-grid--switchable[data-view="list"] .ks27-vipx__fleet-features b{
    font-size:8px !important;
  }
  .ks27-vipx .ks27-vipx__fleet-grid--switchable[data-view="list"] .ks27-vipx__fleet-action{
    width:100% !important;
    max-width:none !important;
    height:32px !important;
    min-height:32px !important;
    margin:5px 0 0 !important;
    font-size:10px !important;
    border-radius:8px !important;
  }
}

@media (max-width:390px){
  .ks27-vipx .ks27-vipx__fleet-grid--switchable[data-view="grid"] .ks27-vipx__fleet-media{
    height:105px !important;
    min-height:105px !important;
    max-height:105px !important;
  }
  .ks27-vipx .ks27-vipx__fleet-grid--switchable[data-view="list"] .ks27-vipx__fleet-click{
    grid-template-columns:100px minmax(0,1fr) !important;
  }
}

/* ===== KS27 VIP FLEET EXISTING-ASSET FINAL END ===== */

/* ===== KS27 VIP MOBILE CARD FINAL V2 START ===== */
/* Masaüstü ve tablet kuralları aynen korunur.
   Bu blok sadece telefonda iki görünümü final hale getirir. */

@media (max-width:760px){

  /* ---------------------------------------------------------
     MOBİL / YAN YANA
     İstenen final: 2 kart değil, her satırda TEK normal kart.
     --------------------------------------------------------- */
  .ks27-vipx .ks27-vipx__fleet-grid.ks27-vipx__fleet-grid--switchable[data-view="grid"]{
    display:grid !important;
    grid-template-columns:minmax(0,1fr) !important;
    gap:14px !important;
    width:100% !important;
    max-width:none !important;
    margin:0 !important;
  }

  .ks27-vipx .ks27-vipx__fleet-grid--switchable[data-view="grid"] .ks27-vipx__fleet-card{
    width:100% !important;
    min-width:0 !important;
    min-height:0 !important;
    border-radius:16px !important;
  }

  .ks27-vipx .ks27-vipx__fleet-grid--switchable[data-view="grid"] .ks27-vipx__fleet-click{
    display:block !important;
    width:100% !important;
    height:auto !important;
  }

  .ks27-vipx .ks27-vipx__fleet-grid--switchable[data-view="grid"] .ks27-vipx__fleet-media{
    width:100% !important;
    height:210px !important;
    min-height:210px !important;
    max-height:210px !important;
    aspect-ratio:auto !important;
  }

  .ks27-vipx .ks27-vipx__fleet-grid--switchable[data-view="grid"] .ks27-vipx__fleet-body{
    padding:14px 14px 15px !important;
  }

  .ks27-vipx .ks27-vipx__fleet-grid--switchable[data-view="grid"] .ks27-vipx__fleet-body>small{
    display:inline-flex !important;
    width:auto !important;
    padding:3px 7px !important;
    font-size:8px !important;
  }

  .ks27-vipx .ks27-vipx__fleet-grid--switchable[data-view="grid"] .ks27-vipx__fleet-body h3{
    min-height:0 !important;
    margin:6px 0 5px !important;
    font-size:18px !important;
    line-height:1.18 !important;
    display:block !important;
    overflow:visible !important;
  }

  .ks27-vipx .ks27-vipx__fleet-grid--switchable[data-view="grid"] .ks27-vipx__fleet-body p{
    min-height:0 !important;
    max-height:none !important;
    margin:0 0 10px !important;
    font-size:11px !important;
    line-height:1.45 !important;
    display:block !important;
    overflow:visible !important;
  }

  .ks27-vipx .ks27-vipx__fleet-grid--switchable[data-view="grid"] .ks27-vipx__fleet-features{
    display:grid !important;
    grid-template-columns:repeat(5,minmax(0,1fr)) !important;
    gap:0 !important;
    margin:10px 0 12px !important;
    padding-top:10px !important;
  }

  .ks27-vipx .ks27-vipx__fleet-grid--switchable[data-view="grid"] .ks27-vipx__fleet-features span{
    min-width:0 !important;
    padding:0 3px !important;
  }

  .ks27-vipx .ks27-vipx__fleet-grid--switchable[data-view="grid"] .ks27-vipx__fleet-features i{
    width:27px !important;
    height:27px !important;
    margin:0 auto 4px !important;
  }

  .ks27-vipx .ks27-vipx__fleet-grid--switchable[data-view="grid"] .ks27-vipx__fleet-features b{
    font-size:8px !important;
    line-height:1.2 !important;
  }

  .ks27-vipx .ks27-vipx__fleet-grid--switchable[data-view="grid"] .ks27-vipx__fleet-action{
    width:100% !important;
    max-width:none !important;
    height:42px !important;
    min-height:42px !important;
    margin:0 !important;
    font-size:12px !important;
    border-radius:10px !important;
  }


  /* ---------------------------------------------------------
     MOBİL / ALT ALTA
     Final yatay kart:
     yaklaşık %35 görsel / %65 bilgi.
     --------------------------------------------------------- */
  .ks27-vipx .ks27-vipx__fleet-grid.ks27-vipx__fleet-grid--switchable[data-view="list"]{
    display:grid !important;
    grid-template-columns:minmax(0,1fr) !important;
    gap:12px !important;
    width:100% !important;
    max-width:none !important;
    margin:0 !important;
  }

  .ks27-vipx .ks27-vipx__fleet-grid--switchable[data-view="list"] .ks27-vipx__fleet-card{
    display:block !important;
    width:100% !important;
    min-width:0 !important;
    min-height:178px !important;
    border-radius:15px !important;
    overflow:hidden !important;
  }

  .ks27-vipx .ks27-vipx__fleet-grid--switchable[data-view="list"] .ks27-vipx__fleet-click{
    display:grid !important;
    grid-template-columns:minmax(120px,35%) minmax(0,65%) !important;
    width:100% !important;
    min-height:178px !important;
    height:auto !important;
    align-items:stretch !important;
  }

  .ks27-vipx .ks27-vipx__fleet-grid--switchable[data-view="list"] .ks27-vipx__fleet-media{
    grid-column:1 !important;
    grid-row:1 !important;
    width:100% !important;
    height:100% !important;
    min-height:178px !important;
    max-height:none !important;
    aspect-ratio:auto !important;
  }

  .ks27-vipx .ks27-vipx__fleet-grid--switchable[data-view="list"] .ks27-vipx__fleet-body{
    grid-column:2 !important;
    grid-row:1 !important;
    display:flex !important;
    flex-direction:column !important;
    justify-content:center !important;
    min-width:0 !important;
    padding:11px 12px !important;
  }

  .ks27-vipx .ks27-vipx__fleet-grid--switchable[data-view="list"] .ks27-vipx__fleet-body>small{
    display:inline-flex !important;
    align-self:flex-start !important;
    width:auto !important;
    max-width:100% !important;
    padding:3px 6px !important;
    font-size:7px !important;
    line-height:1 !important;
  }

  .ks27-vipx .ks27-vipx__fleet-grid--switchable[data-view="list"] .ks27-vipx__fleet-body h3{
    min-height:0 !important;
    margin:5px 0 3px !important;
    font-size:15px !important;
    line-height:1.15 !important;
    display:-webkit-box !important;
    -webkit-line-clamp:2 !important;
    -webkit-box-orient:vertical !important;
    overflow:hidden !important;
  }

  .ks27-vipx .ks27-vipx__fleet-grid--switchable[data-view="list"] .ks27-vipx__fleet-body p{
    min-height:0 !important;
    max-height:30px !important;
    margin:0 0 6px !important;
    font-size:9px !important;
    line-height:1.35 !important;
    display:-webkit-box !important;
    -webkit-line-clamp:2 !important;
    -webkit-box-orient:vertical !important;
    overflow:hidden !important;
  }

  .ks27-vipx .ks27-vipx__fleet-grid--switchable[data-view="list"] .ks27-vipx__fleet-features{
    display:grid !important;
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
    gap:4px 5px !important;
    margin:5px 0 7px !important;
    padding-top:5px !important;
  }

  .ks27-vipx .ks27-vipx__fleet-grid--switchable[data-view="list"] .ks27-vipx__fleet-features span{
    min-width:0 !important;
    padding:0 !important;
  }

  .ks27-vipx .ks27-vipx__fleet-grid--switchable[data-view="list"] .ks27-vipx__fleet-features i{
    width:22px !important;
    height:22px !important;
    margin:0 auto 2px !important;
  }

  .ks27-vipx .ks27-vipx__fleet-grid--switchable[data-view="list"] .ks27-vipx__fleet-features b{
    font-size:7px !important;
    line-height:1.15 !important;
  }

  .ks27-vipx .ks27-vipx__fleet-grid--switchable[data-view="list"] .ks27-vipx__fleet-action{
    width:100% !important;
    max-width:none !important;
    height:34px !important;
    min-height:34px !important;
    margin:3px 0 0 !important;
    font-size:10px !important;
    border-radius:8px !important;
  }
}

/* Daha dar telefonlar */
@media (max-width:420px){
  .ks27-vipx .ks27-vipx__fleet-grid--switchable[data-view="grid"] .ks27-vipx__fleet-media{
    height:190px !important;
    min-height:190px !important;
    max-height:190px !important;
  }

  .ks27-vipx .ks27-vipx__fleet-grid--switchable[data-view="list"] .ks27-vipx__fleet-click{
    grid-template-columns:minmax(108px,34%) minmax(0,66%) !important;
  }

  .ks27-vipx .ks27-vipx__fleet-grid--switchable[data-view="list"] .ks27-vipx__fleet-body{
    padding:10px !important;
  }
}

@media (max-width:360px){
  .ks27-vipx .ks27-vipx__fleet-grid--switchable[data-view="list"] .ks27-vipx__fleet-click{
    grid-template-columns:102px minmax(0,1fr) !important;
  }

  .ks27-vipx .ks27-vipx__fleet-grid--switchable[data-view="list"] .ks27-vipx__fleet-body h3{
    font-size:13px !important;
  }
}
/* ===== KS27 VIP MOBILE CARD FINAL V2 END ===== */


/* =========================================================
   KS27 VIP TRANSFER — SITE RENK UYUMU FINAL
   SADECE RENK/GÖLGE. ÖLÇÜ, GRID, RESPONSIVE VE JS YOK.
   Referans: ana site header/footer + tur kartları.
   ========================================================= */

.ks27-vipx{
  --ks27-site-navy:#062b43;
  --ks27-site-navy-2:#0a405c;
  --ks27-site-cyan:#08b8c9;
  --ks27-site-blue:#2f86f3;
  --ks27-site-text:#0b2944;
  --ks27-site-muted:#667f94;
  --ks27-site-line:#d8e7ee;
  --ks27-site-soft:#f4fafc;
}

/* Sayfa / araç bölümü ana sitenin açık zeminiyle birleşir */
.ks27-vipx .ks27-vipx__fleet{
  background:
    radial-gradient(circle at 8% 18%,rgba(8,184,201,.08),transparent 25%),
    radial-gradient(circle at 92% 22%,rgba(47,134,243,.07),transparent 27%),
    linear-gradient(180deg,#ffffff 0%,#f5fafc 100%) !important;
  color:var(--ks27-site-text) !important;
}

/* Başlıklar ana sayfadaki tur başlıklarıyla aynı aile */
.ks27-vipx .ks27-vipx__fleet .ks27-vipx__section-head,
.ks27-vipx .ks27-vipx__fleet .ks27-vipx__section-head *{
  color:var(--ks27-site-text) !important;
}
.ks27-vipx .ks27-vipx__fleet .ks27-vipx__section-head>span{
  color:#079caf !important;
}
.ks27-vipx .ks27-vipx__fleet .ks27-vipx__section-head p{
  color:var(--ks27-site-muted) !important;
}

/* Görünüm araç çubuğu: beyaz, hafif cam hissi */
.ks27-vipx .ks27-vipx__fleet-toolbar{
  border-color:#d4e7ee !important;
  background:rgba(255,255,255,.92) !important;
  box-shadow:0 10px 28px rgba(6,43,67,.07) !important;
  color:var(--ks27-site-text) !important;
}
.ks27-vipx .ks27-vipx__fleet-toolbar strong{
  color:var(--ks27-site-text) !important;
}
.ks27-vipx .ks27-vipx__fleet-toolbar small{
  color:var(--ks27-site-muted) !important;
}
.ks27-vipx .ks27-vipx__view-switch{
  border-color:#d9e8ef !important;
  background:#f3f8fb !important;
}
.ks27-vipx .ks27-vipx__view-switch button{
  color:#526f84 !important;
}
.ks27-vipx .ks27-vipx__view-switch button.is-active{
  background:linear-gradient(135deg,#16bfd0 0%,#3488f2 100%) !important;
  color:#fff !important;
  box-shadow:0 7px 18px rgba(31,151,218,.22) !important;
}

/* Kart: tur kartları gibi temiz beyaz */
.ks27-vipx .ks27-vipx__fleet-grid--switchable .ks27-vipx__fleet-card{
  background:#fff !important;
  border-color:#d9e8ee !important;
  color:var(--ks27-site-text) !important;
  box-shadow:0 13px 32px rgba(6,43,67,.09) !important;
}
.ks27-vipx .ks27-vipx__fleet-grid--switchable .ks27-vipx__fleet-card:hover{
  border-color:#9ddce5 !important;
  box-shadow:0 19px 40px rgba(6,43,67,.14) !important;
}

/* Görsel yok alanı: header/footer lacivert tonu */
.ks27-vipx .ks27-vipx__fleet-grid--switchable .ks27-vipx__fleet-media{
  background:linear-gradient(145deg,#0a405c 0%,#062b43 100%) !important;
}
.ks27-vipx .ks27-vipx__fleet-placeholder{
  color:#26ceda !important;
}
.ks27-vipx .ks27-vipx__fleet-placeholder small{
  color:#b7d9e4 !important;
}

/* Kart bilgi bölümü kesin beyaz */
.ks27-vipx .ks27-vipx__fleet-grid--switchable .ks27-vipx__fleet-body{
  background:#fff !important;
  color:var(--ks27-site-text) !important;
}
.ks27-vipx .ks27-vipx__fleet-grid--switchable .ks27-vipx__fleet-body>small{
  background:#e6f8fa !important;
  color:#078b99 !important;
  border-color:#c9edf1 !important;
}
.ks27-vipx .ks27-vipx__fleet-grid--switchable .ks27-vipx__fleet-body h3{
  color:var(--ks27-site-text) !important;
}
.ks27-vipx .ks27-vipx__fleet-grid--switchable .ks27-vipx__fleet-body p{
  color:var(--ks27-site-muted) !important;
}

/* Özellikler: koyu lacivert metin + turkuaz ikon */
.ks27-vipx .ks27-vipx__fleet-grid--switchable .ks27-vipx__fleet-features{
  border-color:#e0ebf0 !important;
}
.ks27-vipx .ks27-vipx__fleet-grid--switchable .ks27-vipx__fleet-features>span{
  border-color:#e8f0f4 !important;
}
.ks27-vipx .ks27-vipx__fleet-grid--switchable .ks27-vipx__fleet-features i{
  color:#00a9bc !important;
  opacity:1 !important;
}
.ks27-vipx .ks27-vipx__fleet-grid--switchable .ks27-vipx__fleet-features b{
  color:#173b55 !important;
  opacity:1 !important;
}

/* CTA ana sitenin turkuaz-mavi aksanı */
.ks27-vipx .ks27-vipx__fleet-grid--switchable .ks27-vipx__fleet-action{
  border-color:#17bfd2 !important;
  background:linear-gradient(135deg,#18bfd0 0%,#3387f2 100%) !important;
  color:#fff !important;
  box-shadow:0 8px 18px rgba(38,148,217,.14) !important;
}
.ks27-vipx .ks27-vipx__fleet-grid--switchable .ks27-vipx__fleet-click:hover .ks27-vipx__fleet-action{
  border-color:#079eaf !important;
  background:linear-gradient(135deg,#08aebf 0%,#2879df 100%) !important;
  color:#fff !important;
}

/* Boş durum da açık tema */
.ks27-vipx .ks27-vipx__fleet-empty{
  border-color:#b8e3e9 !important;
  background:rgba(255,255,255,.84) !important;
  color:var(--ks27-site-text) !important;
}
.ks27-vipx .ks27-vipx__fleet-empty span{
  color:var(--ks27-site-muted) !important;
}

/* Trust alanı header/footer ile bütünleşsin */
.ks27-vipx .ks27-vipx__trust{
  background:linear-gradient(135deg,#062b43 0%,#0b526d 100%) !important;
}

/* Bu blokta boyut, grid veya breakpoint kuralı YOKTUR. */
/* ===== KS27 VIP TRANSFER SITE RENK UYUMU FINAL END ===== */


/* ===== SOURCE: assets/css/home-hero-v12.css ===== */
/* ORIGINAL HOME HERO V12 */
/* =========================================================
   KS27 HOME HERO V12 — FINAL RESPONSIVE COMPONENT
   Yalnızca .ks27x-hero kökü altında çalışır.
   ========================================================= */
.ks27x-hero,
.ks27x-hero * { box-sizing: border-box; }

.ks27x-hero {
    --ks27x-cyan: #11c7d8;
    --ks27x-cyan-dark: #079fb0;
    --ks27x-yellow: #ffbf16;
    --ks27x-navy: #031522;
    --ks27x-text: #ffffff;
    --ks27x-muted: rgba(255,255,255,.76);
    position: relative;
    isolation: isolate;
    width: 100%;
    min-height: 940px;
    margin: 0;
    padding: 118px 0 32px;
    overflow: hidden;
    color: var(--ks27x-text);
    background: var(--ks27x-navy);
    font-family: inherit;
}

.ks27x-hero__media,
.ks27x-hero__shade { position: absolute; inset: 0; }
.ks27x-hero__media { z-index: -3; overflow: hidden; background: #031522; }
.ks27x-hero__image,
.ks27x-hero__video { display: block; width: 100%; height: 100%; object-fit: cover; object-position: center; }
.ks27x-hero__frame { position: absolute; top: 50%; left: 50%; width: max(100vw,177.78vh); height: max(56.25vw,100vh); border: 0; transform: translate(-50%,-50%); pointer-events: none; }
.ks27x-hero__shade {
    z-index: -2;
    background:
        linear-gradient(90deg,rgba(0,13,25,.91) 0%,rgba(0,23,39,.78) 39%,rgba(0,22,38,.34) 69%,rgba(0,9,18,.18) 100%),
        linear-gradient(180deg,rgba(0,7,15,.08) 0%,rgba(0,14,25,.08) 58%,rgba(0,10,20,.78) 100%);
}

.ks27x-hero__shell {
    width: min(1360px,calc(100% - 48px));
    max-width: 1360px;
    margin: 0 auto;
}
.ks27x-hero__grid { display: grid; grid-template-columns: minmax(0,820px) 520px; gap: 64px; align-items: start; justify-content: space-between; }
.ks27x-hero__left { min-width: 0; }
.ks27x-hero__kicker { margin: 0 0 15px; color: var(--ks27x-yellow); font-family: "Segoe Script","Brush Script MT",cursive; font-size: 22px; line-height: 1.2; font-weight: 700; }
.ks27x-hero__title { margin: 0; display: flex; flex-direction: column; align-items: flex-start; font-size: clamp(58px,4.7vw,72px); line-height: .94; letter-spacing: -.055em; font-weight: 950; text-shadow: 0 8px 28px rgba(0,0,0,.32); }
.ks27x-hero__title span,
.ks27x-hero__title strong { display: block; line-height: .96; }
.ks27x-hero__title strong { color: var(--ks27x-cyan); font-family: "Segoe Script","Brush Script MT",cursive; font-size: .91em; font-style: italic; letter-spacing: -.045em; white-space: nowrap; }
.ks27x-hero__description { width: 620px; max-width: 100%; margin: 24px 0 26px; color: rgba(255,255,255,.94); font-size: 17px; line-height: 1.58; font-weight: 500; text-shadow: 0 2px 10px rgba(0,0,0,.36); }

.ks27x-hero__benefits { display: flex; align-items: stretch; width: 700px; max-width: 100%; margin: 0 0 29px; }
.ks27x-hero__benefit { min-width: 0; flex: 1 1 0; display: grid; grid-template-columns: 44px minmax(0,1fr); align-items: center; gap: 12px; padding: 0 22px; border-right: 1px solid rgba(255,255,255,.18); }
.ks27x-hero__benefit:first-child { padding-left: 0; }
.ks27x-hero__benefit:last-child { padding-right: 0; border-right: 0; }
.ks27x-hero__benefit-icon { width: 44px; height: 44px; display: grid; place-items: center; border: 2px solid var(--ks27x-cyan); border-radius: 50%; color: var(--ks27x-cyan); background: rgba(9,199,216,.08); font-size: 19px; font-style: normal; }
.ks27x-hero__benefit b { display: block; font-size: 14px; line-height: 1.2; }
.ks27x-hero__benefit small { display: block; margin-top: 4px; color: var(--ks27x-muted); font-size: 12px; line-height: 1.2; }

.ks27x-hero__tour-heading { width: 810px; max-width: 100%; display: flex; align-items: center; justify-content: space-between; gap: 20px; margin-bottom: 13px; }
.ks27x-hero__tour-heading h2 { margin: 0; font-size: 17px; line-height: 1.2; }
.ks27x-hero__tour-heading h2 i { color: var(--ks27x-yellow); font-style: normal; }
.ks27x-hero__tour-heading a { color: #fff; font-size: 12px; font-weight: 800; text-decoration: none; }
.ks27x-hero__cards { width: 810px; max-width: 100%; display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 15px; }
.ks27x-card { min-width: 0; height: 230px; overflow: hidden; border: 1px solid rgba(255,255,255,.18); border-radius: 14px; color: #13273a; background: #fff; box-shadow: 0 18px 38px rgba(0,0,0,.22); text-decoration: none; transition: transform .22s ease,box-shadow .22s ease; }
.ks27x-card:hover { transform: translateY(-4px); box-shadow: 0 24px 46px rgba(0,0,0,.28); }
.ks27x-card__image { position: relative; height: 122px; overflow: hidden; background: #d8e3e8; }
.ks27x-card__image img { display: block; width: 100%; height: 100%; object-fit: cover; transition: transform .35s ease; }
.ks27x-card:hover .ks27x-card__image img { transform: scale(1.045); }
.ks27x-card__tag { position: absolute; left: 10px; top: 10px; max-width: calc(100% - 50px); padding: 6px 9px; overflow: hidden; border-radius: 999px; color: #fff; background: rgba(4,24,38,.82); font-size: 9px; font-weight: 800; text-overflow: ellipsis; white-space: nowrap; }
.ks27x-card__heart { position: absolute; right: 10px; top: 10px; width: 29px; height: 29px; display: grid; place-items: center; border-radius: 50%; color: #fff; background: rgba(4,24,38,.67); font-size: 17px; }
.ks27x-card__body { padding: 11px 12px 12px; }
.ks27x-card__title { min-height: 34px; margin: 0 0 7px; overflow: hidden; font-size: 13px; line-height: 1.3; font-weight: 900; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.ks27x-card__meta { display: flex; align-items: center; justify-content: space-between; gap: 8px; color: #718093; font-size: 8.5px; white-space: nowrap; }
.ks27x-card__bottom { display: flex; align-items: center; justify-content: space-between; gap: 8px; margin-top: 9px; }
.ks27x-card__rating { color: #25394d; font-size: 10px; font-weight: 800; }
.ks27x-card__rating i { color: var(--ks27x-yellow); font-style: normal; }
.ks27x-card__price { max-width: 58%; color: #08aabc; font-size: 11px; font-weight: 900; text-align: right; }

.ks27x-booking { width: 520px; max-width: 100%; margin-top: 18px; overflow: visible; border: 1px solid rgba(255,255,255,.2); border-radius: 25px; background: rgba(3,23,37,.94); box-shadow: 0 28px 70px rgba(0,0,0,.38); backdrop-filter: blur(18px); }
.ks27x-booking__main { position: relative; overflow: visible; padding: 34px 33px 38px; }
.ks27x-booking__head { display: grid; grid-template-columns: 68px minmax(0,1fr); align-items: center; gap: 17px; margin-bottom: 29px; }
.ks27x-booking__compass { width: 68px; height: 68px; display: grid; place-items: center; border: 2px solid rgba(17,199,216,.74); border-radius: 50%; color: var(--ks27x-cyan); background: rgba(17,199,216,.08); }
.ks27x-booking__compass svg { width: 37px; fill: none; stroke: currentColor; stroke-width: 1.5; }
.ks27x-booking__eyebrow { display: block; margin-bottom: 3px; color: var(--ks27x-yellow); font-size: 12px; font-weight: 800; }
.ks27x-booking__title { margin: 0; color: #fff; font-size: 34px; line-height: 1.05; letter-spacing: -.025em; }
.ks27x-booking__sub { margin: 6px 0 0; color: rgba(255,255,255,.68); font-size: 12px; }
.ks27x-form__grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); align-items: start; gap: 17px 15px; }
.ks27x-field { min-width: 0; }
.ks27x-field > label { display: block; margin: 0 0 7px; color: rgba(255,255,255,.88); font-size: 11px; line-height: 1.2; font-weight: 800; }
.ks27x-control,
.ks27x-select__trigger { position: relative; width: 100%; height: 62px; display: grid; grid-template-columns: 47px minmax(0,1fr) 34px; align-items: center; overflow: visible; padding: 0; border: 1px solid rgba(7,23,39,.13); border-radius: 11px; color: #12263a; background: #fff; box-shadow: 0 8px 22px rgba(0,0,0,.11); font: inherit; text-align: left; }
.ks27x-control { grid-template-columns: 47px minmax(0,1fr); }
.ks27x-control__icon { display: grid; place-items: center; color: #14283c; font-size: 20px; }
.ks27x-date-label,
.ks27x-select__value { min-width: 0; overflow: hidden; color: #526175; font-size: 13px; font-weight: 700; text-overflow: ellipsis; white-space: nowrap; }
.ks27x-control--date { cursor: pointer; user-select: none; }
.ks27x-control--date:focus-visible { outline: 3px solid rgba(17,199,216,.38); outline-offset: 2px; }
.ks27x-control--date.is-selected .ks27x-date-label { color: #12263a; }
.ks27x-date-input { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0 0 0 0); clip-path: inset(50%); border: 0; white-space: nowrap; pointer-events: none; }
.ks27x-control--people { grid-template-columns: 48px minmax(0,1fr) 48px; padding: 7px 9px; }
.ks27x-people-btn { width: 42px; height: 42px; display: grid; place-items: center; padding: 0; border: 0; border-radius: 50%; color: #13293b; background: #edf1f4; font: inherit; font-size: 22px; font-weight: 900; cursor: pointer; }
.ks27x-people-btn:hover { background: #dfe8ec; }
.ks27x-people-value { display: flex; align-items: center; justify-content: center; gap: 5px; color: #12263a; }
.ks27x-people-value strong { font-size: 18px; }
.ks27x-people-value span { font-size: 14px; font-weight: 750; }

.ks27x-select { position: relative; z-index: 3; }
.ks27x-select.is-open { z-index: 20; }
.ks27x-select.is-open .ks27x-select__panel { position: absolute; left: 0; right: 0; top: calc(100% + 8px); margin-top: 0; }
.ks27x-select__trigger { cursor: pointer; }
.ks27x-select__trigger:focus-visible,
.ks27x-people-btn:focus-visible,
.ks27x-submit:focus-visible,
.ks27x-select__option:focus-visible { outline: 3px solid rgba(17,199,216,.38); outline-offset: 2px; }
.ks27x-select__chevron { display: grid; place-items: center; color: #13293b; font-size: 19px; transition: transform .2s ease; }
.ks27x-select.is-open .ks27x-select__chevron { transform: rotate(180deg); }
.ks27x-select__panel { position: absolute; left: 0; right: 0; top: calc(100% + 8px); z-index: 100; padding: 9px; overflow: hidden; border: 1px solid rgba(17,44,63,.14); border-radius: 13px; background: #fff; box-shadow: 0 20px 44px rgba(0,0,0,.24); animation: ks27xSelectIn .18s ease both; }
.ks27x-select__search-wrap { height: 42px; display: grid; grid-template-columns: 32px minmax(0,1fr); align-items: center; margin-bottom: 7px; border: 1px solid #dce5e9; border-radius: 9px; color: #6a7885; background: #f7fafb; }
.ks27x-select__search-wrap > span { display: grid; place-items: center; }
.ks27x-select__search { width: 100%; height: 40px; padding: 0 10px 0 0; border: 0; outline: 0; color: #172c3d; background: transparent; font: inherit; font-size: 13px; }
.ks27x-select__options { max-height: 230px; overflow-y: auto; overscroll-behavior: contain; scrollbar-width: thin; }
.ks27x-select__option { width: 100%; min-height: 39px; display: flex; align-items: center; padding: 8px 10px; border: 0; border-radius: 8px; color: #213548; background: transparent; font: inherit; font-size: 13px; font-weight: 700; text-align: left; cursor: pointer; }
.ks27x-select__option:hover,
.ks27x-select__option.is-active { color: #067f8e; background: #eaf9fb; }
.ks27x-select__option.is-selected { color: #057b89; background: #ddf6f8; }
.ks27x-select__empty { margin: 8px 4px 4px; color: #6f7d89; font-size: 12px; text-align: center; }
@keyframes ks27xSelectIn { from { opacity: 0; transform: translateY(-5px); } to { opacity: 1; transform: translateY(0); } }

.ks27x-submit { width: 100%; height: 64px; margin: 27px 0 0; display: flex; align-items: center; justify-content: center; gap: 18px; padding: 0 24px; border: 0; border-radius: 11px; color: #fff; background: linear-gradient(135deg,#10cbd9,#08aabd); box-shadow: 0 14px 32px rgba(5,183,200,.27); font: inherit; font-size: 15px; font-weight: 950; text-transform: uppercase; cursor: pointer; transition: transform .2s ease,filter .2s ease; }
.ks27x-submit:hover { transform: translateY(-2px); filter: brightness(1.06); }
.ks27x-form__feedback { margin-top: 11px; color: #ffd8d2; font-size: 12px; font-weight: 700; }
.ks27x-booking__trust { min-height: 94px; display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); align-items: center; gap: 8px; padding: 17px 20px; color: #102238; background: #fff; border-radius: 0 0 24px 24px; }
.ks27x-trust { min-width: 0; display: grid; grid-template-columns: 29px minmax(0,1fr); grid-template-rows: auto auto; column-gap: 7px; }
.ks27x-trust i { grid-row: 1/3; width: 28px; height: 28px; display: grid; place-items: center; border: 1px solid #b8dce2; border-radius: 50%; color: #08aebf; font-style: normal; }
.ks27x-trust b { overflow: hidden; font-size: 10px; line-height: 1.25; text-overflow: ellipsis; white-space: nowrap; }
.ks27x-trust small { overflow: hidden; color: #718093; font-size: 8.5px; line-height: 1.25; text-overflow: ellipsis; white-space: nowrap; }

.ks27x-stats { min-height: 96px; margin-top: 31px; display: grid; grid-template-columns: repeat(6,minmax(0,1fr)); align-items: center; overflow: hidden; border: 1px solid rgba(255,255,255,.18); border-radius: 18px; background: rgba(2,25,40,.84); box-shadow: 0 18px 42px rgba(0,0,0,.20); backdrop-filter: blur(14px); }
.ks27x-stat { min-width: 0; height: 60px; display: grid; grid-template-columns: 42px minmax(0,1fr); align-items: center; gap: 10px; padding: 0 18px; border-right: 1px solid rgba(255,255,255,.15); }
.ks27x-stat:last-child { border-right: 0; }
.ks27x-stat i { color: var(--ks27x-cyan); font-size: 29px; font-style: normal; text-align: center; }
.ks27x-stat b { display: block; color: #fff; font-size: 15px; line-height: 1.15; }
.ks27x-stat span { display: block; margin-top: 4px; color: rgba(255,255,255,.72); font-size: 10px; line-height: 1.15; }

@media (max-width: 1500px) {
    .ks27x-hero { min-height: 904px; padding-top: 104px; }
    .ks27x-hero__shell { width: min(1360px,calc(100% - 48px)); max-width: 1360px; }
    .ks27x-hero__grid { grid-template-columns: minmax(0,750px) 480px; gap: 44px; }
    .ks27x-hero__title { font-size: 60px; }
    .ks27x-hero__tour-heading,
    .ks27x-hero__cards { width: 735px; }
    .ks27x-card { height: 214px; }
    .ks27x-card__image { height: 110px; }
    .ks27x-booking { width: 480px; margin-top: 13px; }
    .ks27x-booking__main { padding: 29px 27px 33px; }
    .ks27x-booking__title { font-size: 30px; }
}

@media (max-width: 1220px) {
    .ks27x-hero { min-height: 0; padding: 92px 0 30px; }
    .ks27x-hero__shell { width: min(980px,calc(100% - 40px)); }
    .ks27x-hero__grid { grid-template-columns: 1fr; gap: 34px; }
    .ks27x-hero__left { max-width: 900px; margin: 0 auto; }
    .ks27x-hero__title { font-size: clamp(54px,7vw,68px); }
    .ks27x-hero__tour-heading,
    .ks27x-hero__cards { width: 100%; }
    .ks27x-booking { width: min(760px,100%); margin: 0 auto; }
    .ks27x-form__grid { gap: 15px; }
    .ks27x-stats { grid-template-columns: repeat(3,1fr); }
    .ks27x-stat:nth-child(3n) { border-right: 0; }
    .ks27x-stat:nth-child(-n+3) { border-bottom: 1px solid rgba(255,255,255,.15); }
}


/* Dropdown açıldığında form yüksekliği değişmez; panel kartın üzerinde katman olarak görünür. */
@media (min-width: 761px) {
    .ks27x-form__grid { position: relative; }
    .ks27x-field { position: relative; }
    .ks27x-select.is-open { z-index: 200; }
    .ks27x-select__panel { min-width: 100%; max-height: 330px; }
}

@media (max-width: 760px) {
    .ks27x-hero { padding: 82px 0 20px; }
    .ks27x-hero__shade { background: linear-gradient(180deg,rgba(1,18,30,.83),rgba(1,18,30,.76) 54%,rgba(1,14,24,.9)); }
    .ks27x-hero__shell { width: calc(100% - 24px); }
    .ks27x-hero__grid { gap: 25px; }
    .ks27x-hero__kicker { margin-bottom: 10px; font-size: 16px; }
    .ks27x-hero__title { font-size: clamp(38px,11.4vw,52px); line-height: .98; letter-spacing: -.04em; }
    .ks27x-hero__title strong { font-family: inherit; font-size: 1em; font-style: normal; white-space: normal; }
    .ks27x-hero__description { margin: 17px 0 18px; font-size: 14px; line-height: 1.52; }
    .ks27x-hero__benefits { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); margin-bottom: 22px; }
    .ks27x-hero__benefit { display: flex; flex-direction: column; gap: 6px; padding: 7px 5px; border-right: 1px solid rgba(255,255,255,.18); text-align: center; }
    .ks27x-hero__benefit:first-child { padding-left: 5px; }
    .ks27x-hero__benefit:last-child { padding-right: 5px; }
    .ks27x-hero__benefit-icon { width: 34px; height: 34px; font-size: 15px; }
    .ks27x-hero__benefit b { font-size: 10px; }
    .ks27x-hero__benefit small { font-size: 8px; }
    .ks27x-hero__tour-heading h2 { font-size: 15px; }
    .ks27x-hero__cards { display: flex; gap: 11px; overflow-x: auto; padding-bottom: 5px; scroll-snap-type: x mandatory; scrollbar-width: none; }
    .ks27x-hero__cards::-webkit-scrollbar { display: none; }
    .ks27x-card { flex: 0 0 min(79vw,295px); width: min(79vw,295px); height: 214px; scroll-snap-align: start; }
    .ks27x-card__image { height: 112px; }
    .ks27x-booking { border-radius: 22px; }
    .ks27x-booking__main { padding: 22px 15px 24px; }
    .ks27x-booking__head { grid-template-columns: 57px minmax(0,1fr); gap: 13px; margin-bottom: 21px; }
    .ks27x-booking__compass { width: 57px; height: 57px; }
    .ks27x-booking__title { font-size: 25px; }
    .ks27x-form__grid { grid-template-columns: 1fr; gap: 13px; }
    .ks27x-control,
    .ks27x-select__trigger { height: 58px; }
    .ks27x-select.is-open .ks27x-select__panel { position: fixed; left: 12px; right: 12px; top: auto; bottom: 12px; margin-top: 0; max-height: min(70vh,520px); border-radius: 18px; }
    .ks27x-select__options { max-height: min(48vh,340px); }
    .ks27x-submit { height: 59px; margin-top: 20px; font-size: 13px; }
    .ks27x-booking__trust { min-height: 80px; padding: 13px 7px; border-radius: 0 0 21px 21px; }
    .ks27x-trust { grid-template-columns: 1fr; text-align: center; }
    .ks27x-trust i { grid-row: auto; margin: 0 auto 4px; }
    .ks27x-trust b { font-size: 9px; }
    .ks27x-trust small { display: none; }
    .ks27x-stats { grid-template-columns: repeat(2,1fr); margin-top: 22px; }
    .ks27x-stat { height: 67px; grid-template-columns: 32px minmax(0,1fr); gap: 7px; padding: 0 9px; }
    .ks27x-stat:nth-child(odd) { border-right: 1px solid rgba(255,255,255,.15); }
    .ks27x-stat:nth-child(even) { border-right: 0; }
    .ks27x-stat:nth-child(-n+4) { border-bottom: 1px solid rgba(255,255,255,.15); }
    .ks27x-stat i { font-size: 24px; }
    .ks27x-stat b { font-size: 12px; }
    .ks27x-stat span { font-size: 8px; }
}

@media (max-width: 520px) {
    .ks27x-hero { padding-top: 76px; }
}

@media (max-width: 390px) {
    .ks27x-hero__shell { width: calc(100% - 18px); }
    .ks27x-hero__title { font-size: 37px; }
    .ks27x-booking__main { padding-left: 12px; padding-right: 12px; }
    .ks27x-booking__eyebrow { font-size: 10px; }
    .ks27x-booking__title { font-size: 23px; }
}

@media (prefers-reduced-motion: reduce) {
    .ks27x-hero__video,
    .ks27x-hero__frame { display: none; }
    .ks27x-submit,
    .ks27x-card,
    .ks27x-card__image img,
    .ks27x-select__chevron { transition: none; }
    .ks27x-select__panel { animation: none; }
}


/* =========================================================
   ANTALYA TURLARI — REFERANS HERO FINAL
   Referans görsel: 3 yatay rezervasyon butonu + modal
   ========================================================= */

.ks27x-hero{
    --ks27ref-cyan:#10cce5;
    --ks27ref-blue:#1b63a8;
    --ks27ref-orange:#ff681f;
    --ks27ref-navy:#031f31;
    --ks27ref-line:rgba(207,244,255,.22);
    min-height:calc(100vh - 92px);
}

.ks27x-hero__shade{
    background:
        linear-gradient(90deg,rgba(1,22,36,.94) 0%,rgba(1,25,40,.78) 31%,rgba(1,31,48,.34) 60%,rgba(2,26,39,.23) 100%),
        linear-gradient(180deg,rgba(3,27,42,.20) 0%,rgba(1,17,28,.08) 45%,rgba(1,19,30,.68) 100%)!important;
}

.ks27x-hero__shell{
    width:min(1460px,calc(100% - 42px))!important;
    padding-top:26px!important;
}

.ks27x-hero__grid{
    grid-template-columns:minmax(0,1.06fr) minmax(560px,.94fr)!important;
    gap:34px!important;
    align-items:start!important;
}

.ks27x-hero__left{
    max-width:790px;
}

.ks27x-hero__kicker{
    margin-bottom:7px!important;
    color:#ffc719!important;
    font-size:24px!important;
    line-height:1.1!important;
}

.ks27x-hero__title{
    max-width:760px;
    margin-bottom:17px!important;
    font-size:clamp(54px,4.15vw,79px)!important;
    line-height:.96!important;
    letter-spacing:-.045em!important;
}

.ks27x-hero__title strong{
    color:#13c7e0!important;
}

.ks27x-hero__description{
    max-width:630px!important;
    margin-bottom:18px!important;
    color:rgba(255,255,255,.89)!important;
    font-size:15px!important;
    line-height:1.55!important;
}

.ks27x-hero__benefits{
    max-width:650px!important;
    margin-bottom:17px!important;
}

.ks27x-hero__benefit{
    padding-right:27px!important;
}

.ks27x-hero__benefit-icon{
    width:42px!important;
    height:42px!important;
    color:#12d2e7!important;
    border-color:#12d2e7!important;
    background:rgba(5,50,67,.42)!important;
}

.ks27x-hero__tour-heading{
    max-width:780px!important;
    margin-top:0!important;
    margin-bottom:9px!important;
}

.ks27x-hero__tour-heading h2{
    font-size:15px!important;
}

.ks27x-hero__cards{
    max-width:780px!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:12px!important;
}

.ks27x-card{
    border-radius:13px!important;
}

.ks27x-card__image{
    height:118px!important;
}

.ks27x-card__body{
    padding:9px 11px 10px!important;
}

.ks27x-card__title{
    min-height:33px!important;
    font-size:12px!important;
    line-height:1.25!important;
}

.ks27x-card__meta{
    font-size:8px!important;
}

.ks27x-card__bottom{
    margin-top:7px!important;
}

.ks27x-card__rating,
.ks27x-card__price{
    font-size:10px!important;
}

/* Referanstaki tek cam panel ve 3 büyük buton */
.ks27ref-launcher{
    width:100%;
    margin-top:112px;
    align-self:start;
}

.ks27ref-launcher__glass{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:12px;
    padding:17px;
    border:1px solid rgba(255,255,255,.25);
    border-radius:20px;
    background:
        linear-gradient(145deg,rgba(166,215,232,.18),rgba(3,25,39,.46)),
        rgba(8,35,50,.68);
    box-shadow:
        0 25px 60px rgba(0,0,0,.32),
        inset 0 1px 0 rgba(255,255,255,.16);
    -webkit-backdrop-filter:blur(20px) saturate(135%);
    backdrop-filter:blur(20px) saturate(135%);
}

.ks27ref-launcher__btn{
    min-width:0;
    min-height:92px;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:7px;
    position:relative;
    overflow:hidden;
    padding:13px 9px;
    border:1px solid rgba(255,255,255,.23);
    border-radius:12px;
    color:#fff;
    font:inherit;
    cursor:pointer;
    transition:transform .18s ease,box-shadow .18s ease,filter .18s ease;
}

.ks27ref-launcher__btn::before{
    content:"";
    position:absolute;
    inset:0;
    background:linear-gradient(180deg,rgba(255,255,255,.10),transparent 55%);
    pointer-events:none;
}

.ks27ref-launcher__btn:hover,
.ks27ref-launcher__btn:focus-visible{
    transform:translateY(-3px);
    filter:brightness(1.08);
    outline:none;
}

.ks27ref-launcher__btn--tour{
    border-color:#24e1ed;
    background:linear-gradient(145deg,#12b9d0,#087f9d);
    box-shadow:0 0 0 1px rgba(91,244,255,.13) inset,0 0 24px rgba(9,198,220,.36);
}

.ks27ref-launcher__btn--vip{
    border-color:rgba(80,173,255,.70);
    background:linear-gradient(145deg,#174b76,#0a3457);
    box-shadow:0 0 0 1px rgba(116,191,255,.12) inset,0 0 20px rgba(31,109,184,.24);
}

.ks27ref-launcher__btn--hotel{
    border-color:#ffb03d;
    background:linear-gradient(145deg,#ff7b27,#e95715);
    box-shadow:0 0 0 1px rgba(255,215,133,.15) inset,0 0 25px rgba(255,96,24,.34);
}

.ks27ref-launcher__icon{
    width:34px;
    height:34px;
    display:grid;
    place-items:center;
}

.ks27ref-launcher__icon svg{
    width:31px;
    height:31px;
    fill:none;
    stroke:currentColor;
    stroke-width:2;
    stroke-linecap:round;
    stroke-linejoin:round;
}

.ks27ref-launcher__btn strong{
    color:#fff;
    font-size:13px;
    line-height:1.1;
    font-weight:950;
    letter-spacing:.01em;
}

/* Alt istatistik barı referansa yakın */
.ks27x-stats{
    min-height:74px!important;
    margin-top:22px!important;
    border-radius:15px!important;
    background:rgba(2,27,43,.86)!important;
}

.ks27x-stat{
    height:54px!important;
    padding:0 14px!important;
}

.ks27x-stat i{
    font-size:24px!important;
}

.ks27x-stat b{
    font-size:13px!important;
}

.ks27x-stat span{
    font-size:8px!important;
}

/* ====================== MODAL ====================== */
html.ks27ref-modal-open,
body.ks27ref-modal-open{
    overflow:hidden!important;
}

.ks27ref-modal-layer{
    position:fixed;
    inset:0;
    z-index:999999;
    display:grid;
    place-items:center;
    padding:24px;
}

.ks27ref-modal-layer[hidden]{
    display:none!important;
}

.ks27ref-modal-backdrop{
    position:absolute;
    inset:0;
    width:100%;
    height:100%;
    border:0;
    background:rgba(1,15,26,.76);
    -webkit-backdrop-filter:blur(11px);
    backdrop-filter:blur(11px);
    cursor:default;
}

.ks27ref-modal{
    position:relative;
    z-index:2;
    width:min(600px,calc(100vw - 34px));
    max-height:calc(100vh - 42px);
    overflow:auto;
    border:1px solid rgba(122,220,239,.33);
    border-radius:18px;
    background:
        linear-gradient(145deg,rgba(18,60,80,.96),rgba(5,34,50,.98));
    box-shadow:0 30px 100px rgba(0,0,0,.58);
    scrollbar-width:thin;
    color:#fff;
}

.ks27ref-modal[hidden]{
    display:none!important;
}

.ks27ref-modal--hotel{
    border-color:rgba(255,139,51,.56);
}

.ks27ref-modal__header{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:14px;
    padding:17px 20px 14px;
    border-bottom:1px solid rgba(255,255,255,.11);
}

.ks27ref-modal__heading{
    display:flex;
    align-items:center;
    gap:12px;
}

.ks27ref-modal__symbol{
    flex:0 0 44px;
    width:44px;
    height:44px;
    display:grid;
    place-items:center;
    border-radius:10px;
    background:rgba(8,51,67,.52);
}

.ks27ref-modal__symbol svg{
    width:34px;
    height:34px;
    fill:none;
    stroke:currentColor;
    stroke-width:1.8;
    stroke-linecap:round;
    stroke-linejoin:round;
}

.ks27ref-modal__symbol--tour{color:#15d4e6}
.ks27ref-modal__symbol--vip{color:#2296ff}
.ks27ref-modal__symbol--hotel{color:#ff7b18}

.ks27ref-modal__heading h2{
    margin:0;
    color:#fff;
    font-size:18px;
    line-height:1.1;
    font-weight:950;
}

.ks27ref-modal__heading p{
    margin:3px 0 0;
    color:rgba(225,244,251,.70);
    font-size:9px;
}

.ks27ref-modal__close{
    flex:0 0 34px;
    width:34px;
    height:34px;
    display:grid;
    place-items:center;
    padding:0;
    border:0;
    border-radius:8px;
    color:#fff;
    background:transparent;
    font:inherit;
    font-size:28px;
    line-height:1;
    cursor:pointer;
}

.ks27ref-modal__body{
    padding:17px 20px 20px;
}

.ks27ref-modal-panel{
    display:block!important;
    min-height:0!important;
}

.ks27ref-modal-panel .ks27x-booking__head{
    display:none!important;
}

.ks27ref-modal-panel .ks27x-form__grid{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:10px 12px!important;
}

.ks27ref-modal-panel .ks27x-field{
    min-width:0;
}

.ks27ref-modal-panel .ks27x-field>label{
    margin-bottom:5px!important;
    color:#fff!important;
    font-size:9px!important;
    font-weight:850!important;
}

.ks27ref-modal-panel .ks27x-control,
.ks27ref-modal-panel .ks27x-select__trigger{
    min-height:45px!important;
    height:45px!important;
    border-radius:7px!important;
    background:#f6f8fa!important;
}

.ks27ref-modal-panel .ks27x-submit{
    min-height:50px!important;
    height:50px!important;
    margin-top:14px!important;
    border-radius:7px!important;
    font-size:12px!important;
}

.ks27ref-modal--vip .ks27x-submit{
    background:linear-gradient(90deg,#18539a,#2876d1)!important;
}

.ks27ref-modal--hotel .ks27ref-submit{
    background:linear-gradient(90deg,#f05a10,#ff7c1c);
}

.ks27ref-hotel-grid{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:10px 12px;
}

.ks27ref-field--full{
    grid-column:1 / -1;
}

.ks27ref-native-control{
    height:45px;
    display:flex;
    align-items:center;
    border-radius:7px;
    background:#f6f8fa;
    overflow:hidden;
}

.ks27ref-native-control select,
.ks27ref-native-control input{
    width:100%;
    height:100%;
    padding:0 12px;
    border:0;
    outline:0;
    color:#213447;
    background:transparent;
    font:inherit;
    font-size:11px;
    font-weight:650;
}

.ks27ref-counter{
    height:45px;
    display:grid;
    grid-template-columns:44px minmax(0,1fr) 44px;
    align-items:center;
    overflow:hidden;
    border-radius:7px;
    color:#173247;
    background:#f6f8fa;
}

.ks27ref-counter button{
    height:100%;
    border:0;
    color:#173247;
    background:#edf2f5;
    font:inherit;
    font-size:19px;
    cursor:pointer;
}

.ks27ref-counter span{
    text-align:center;
    font-size:10px;
}

.ks27ref-submit{
    width:100%;
    min-height:50px;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:10px;
    margin-top:14px;
    border:0;
    border-radius:7px;
    color:#fff;
    font:inherit;
    font-size:12px;
    font-weight:950;
    cursor:pointer;
}

.ks27ref-feedback{
    margin-top:10px;
    padding:9px 11px;
    border-radius:7px;
    color:#fff;
    background:rgba(190,40,50,.55);
    font-size:10px;
}

/* ====================== TABLET ====================== */
@media (max-width:1220px){
    .ks27x-hero__grid{
        grid-template-columns:1fr!important;
        gap:18px!important;
    }

    .ks27x-hero__left{
        max-width:none;
    }

    .ks27ref-launcher{
        max-width:900px;
        margin:0 auto!important;
    }

    .ks27ref-launcher__glass{
        width:100%;
    }

    .ks27x-hero__cards{
        max-width:900px!important;
    }
}

/* ====================== MOBILE ====================== */
@media (max-width:760px){
    .ks27x-hero{
        min-height:auto!important;
    }

    .ks27x-hero__shell{
        width:min(100% - 20px,560px)!important;
        padding-top:14px!important;
    }

    .ks27x-hero__title{
        font-size:clamp(41px,12.8vw,60px)!important;
    }

    .ks27x-hero__kicker{
        font-size:17px!important;
    }

    .ks27x-hero__description{
        font-size:12px!important;
    }

    .ks27ref-launcher{
        width:100%;
        max-width:none;
        margin:8px 0 0!important;
    }

    .ks27ref-launcher__glass{
        grid-template-columns:1fr;
        gap:8px;
        padding:10px;
        border-radius:15px;
    }

    .ks27ref-launcher__btn{
        min-height:54px;
        display:grid;
        grid-template-columns:35px minmax(0,1fr);
        justify-items:start;
        align-items:center;
        gap:9px;
        padding:8px 13px;
    }

    .ks27ref-launcher__icon{
        width:32px;
        height:32px;
    }

    .ks27ref-launcher__icon svg{
        width:27px;
        height:27px;
    }

    .ks27ref-launcher__btn strong{
        font-size:11px;
    }

    /* Popüler 3 kart korunur; mobilde yatay kaydırma */
    .ks27x-hero__cards{
        display:grid!important;
        grid-auto-flow:column!important;
        grid-auto-columns:82%!important;
        grid-template-columns:none!important;
        gap:10px!important;
        overflow-x:auto!important;
        scroll-snap-type:x mandatory;
        padding-bottom:4px;
        scrollbar-width:none;
    }

    .ks27x-hero__cards::-webkit-scrollbar{
        display:none;
    }

    .ks27x-card{
        scroll-snap-align:start;
    }

    .ks27x-card__image{
        height:125px!important;
    }

    .ks27x-stats{
        grid-template-columns:repeat(2,1fr)!important;
    }

    .ks27ref-modal-layer{
        align-items:end;
        padding:0;
    }

    .ks27ref-modal{
        width:100%;
        max-height:92vh;
        border-radius:18px 18px 0 0;
        border-left:0;
        border-right:0;
        border-bottom:0;
    }

    .ks27ref-modal__header{
        position:sticky;
        top:0;
        z-index:30;
        padding:14px;
        background:rgba(7,46,65,.97);
    }

    .ks27ref-modal__body{
        padding:13px 12px calc(18px + env(safe-area-inset-bottom));
    }

    .ks27ref-modal-panel .ks27x-form__grid,
    .ks27ref-hotel-grid{
        grid-template-columns:1fr!important;
        gap:9px!important;
    }

    .ks27ref-field--full{
        grid-column:auto;
    }

    .ks27ref-modal-panel .ks27x-control,
    .ks27ref-modal-panel .ks27x-select__trigger,
    .ks27ref-native-control,
    .ks27ref-counter{
        min-height:49px!important;
        height:49px!important;
    }

    .ks27ref-modal-panel .ks27x-submit,
    .ks27ref-submit{
        min-height:51px!important;
        height:51px!important;
    }

    .ks27ref-modal-panel .ks27x-select__panel{
        position:fixed!important;
        left:10px!important;
        right:10px!important;
        top:auto!important;
        bottom:10px!important;
        width:auto!important;
        max-height:62vh!important;
        z-index:100!important;
    }
}


/* =========================================================
   HERO + 3 MODAL — FULL RESPONSIVE FINAL OVERRIDE
   Desktop / Tablet / Mobile
   ========================================================= */

/* ---------- HERO BUTTON PANEL ---------- */
.ks27ref-launcher{
    width:100%!important;
    max-width:680px!important;
    margin:120px 0 0 auto!important;
}

.ks27ref-launcher__glass{
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:12px!important;
    width:100%!important;
    padding:16px!important;
    border-radius:20px!important;
}

.ks27ref-launcher__btn{
    min-width:0!important;
    min-height:98px!important;
    height:98px!important;
    padding:12px 10px!important;
    border-radius:12px!important;
}

.ks27ref-launcher__btn strong{
    font-size:13px!important;
    line-height:1.15!important;
    white-space:nowrap!important;
}

/* ---------- MODAL GLOBAL STANDARD ---------- */
.ks27ref-modal{
    width:min(620px,calc(100vw - 34px))!important;
    max-height:calc(100vh - 40px)!important;
    border-radius:18px!important;
}

.ks27ref-modal__header{
    min-height:82px!important;
    padding:16px 18px!important;
}

.ks27ref-modal__heading{
    min-width:0!important;
}

.ks27ref-modal__heading h2{
    font-size:18px!important;
    line-height:1.1!important;
}

.ks27ref-modal__heading p{
    margin-top:3px!important;
    font-size:9px!important;
    line-height:1.25!important;
}

.ks27ref-modal__symbol{
    width:42px!important;
    height:42px!important;
    flex-basis:42px!important;
}

.ks27ref-modal__close{
    width:34px!important;
    height:34px!important;
    flex-basis:34px!important;
}

.ks27ref-modal__body{
    padding:16px 18px 18px!important;
}

/* ---------- UNIFY ALL FORM GRIDS ---------- */
.ks27ref-modal-panel .ks27x-form__grid,
.ks27ref-hotel-grid{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:10px 12px!important;
}

.ks27ref-modal-panel .ks27x-field,
.ks27ref-hotel-grid .ks27x-field{
    min-width:0!important;
}

.ks27ref-modal-panel .ks27x-field>label,
.ks27ref-hotel-grid .ks27x-field>label{
    display:block!important;
    margin:0 0 5px!important;
    color:#f7fbff!important;
    font-size:9px!important;
    line-height:1.15!important;
    font-weight:850!important;
}

/* ---------- UNIFY ALL INPUT HEIGHTS ---------- */
.ks27ref-modal-panel .ks27x-control,
.ks27ref-modal-panel .ks27x-select__trigger,
.ks27ref-native-control,
.ks27ref-counter{
    min-height:46px!important;
    height:46px!important;
    border-radius:7px!important;
}

.ks27ref-modal-panel .ks27x-control,
.ks27ref-modal-panel .ks27x-select__trigger,
.ks27ref-native-control{
    background:#f6f8fa!important;
    border:1px solid rgba(3,25,40,.08)!important;
}

/* fix native time/date/select appearance */
.ks27ref-modal input[type="time"],
.ks27ref-modal input[type="date"],
.ks27ref-modal select{
    width:100%!important;
    height:100%!important;
    min-height:0!important;
    padding:0 12px!important;
    border:0!important;
    outline:0!important;
    box-shadow:none!important;
    color:#203548!important;
    background:transparent!important;
    font:inherit!important;
    font-size:11px!important;
    font-weight:700!important;
    appearance:auto!important;
}

.ks27ref-modal input[type="time"]::-webkit-calendar-picker-indicator,
.ks27ref-modal input[type="date"]::-webkit-calendar-picker-indicator{
    opacity:.8!important;
    cursor:pointer!important;
}

/* custom select trigger consistency */
.ks27ref-modal-panel .ks27x-select__trigger{
    padding:0 12px!important;
    color:#203548!important;
}

.ks27ref-modal-panel .ks27x-select__value{
    min-width:0!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
}

/* counter consistency */
.ks27ref-counter,
.ks27ref-modal-panel .ks27x-control--people{
    min-height:46px!important;
    height:46px!important;
}

.ks27ref-counter button,
.ks27ref-modal-panel .ks27x-people-btn{
    width:44px!important;
    min-width:44px!important;
    height:100%!important;
}

.ks27ref-counter span,
.ks27ref-modal-panel .ks27x-people-value{
    font-size:10px!important;
}

/* ---------- CTA SAME SIZE ---------- */
.ks27ref-modal-panel .ks27x-submit,
.ks27ref-submit{
    width:100%!important;
    min-height:50px!important;
    height:50px!important;
    margin-top:14px!important;
    border-radius:7px!important;
    font-size:12px!important;
    font-weight:950!important;
    letter-spacing:.01em!important;
}

/* Tour = cyan */
.ks27ref-modal--tour .ks27x-submit{
    background:linear-gradient(90deg,#15bfd3,#12abc1)!important;
}

/* VIP = blue */
.ks27ref-modal--vip .ks27x-submit{
    background:linear-gradient(90deg,#1c5db2,#2a7bd4)!important;
}

/* Hotel = orange */
.ks27ref-modal--hotel .ks27ref-submit{
    background:linear-gradient(90deg,#f65b13,#ff7a1a)!important;
}

/* ---------- SELECT DROPDOWNS ---------- */
.ks27ref-modal-panel .ks27x-select{
    position:relative!important;
}

.ks27ref-modal-panel .ks27x-select__panel{
    width:100%!important;
    max-height:280px!important;
    overflow:auto!important;
    z-index:1000!important;
    border-radius:10px!important;
}

/* ---------- DESKTOP >= 1280 ---------- */
@media (min-width:1280px){
    .ks27x-hero__grid{
        grid-template-columns:minmax(0,1.08fr) minmax(560px,.92fr)!important;
        gap:34px!important;
        align-items:start!important;
    }

    .ks27x-hero__left{
        max-width:790px!important;
    }

    .ks27ref-launcher{
        max-width:690px!important;
        margin-top:118px!important;
    }
}

/* ---------- SMALL DESKTOP / LARGE TABLET ---------- */
@media (min-width:992px) and (max-width:1279px){
    .ks27x-hero__grid{
        grid-template-columns:minmax(0,1fr) minmax(500px,.92fr)!important;
        gap:24px!important;
    }

    .ks27x-hero__title{
        font-size:clamp(50px,5vw,68px)!important;
    }

    .ks27ref-launcher{
        max-width:610px!important;
        margin-top:104px!important;
    }

    .ks27ref-launcher__btn{
        min-height:90px!important;
        height:90px!important;
    }
}

/* ---------- TABLET 768–991 ---------- */
@media (min-width:768px) and (max-width:991px){
    .ks27x-hero__grid{
        grid-template-columns:1fr!important;
        gap:18px!important;
    }

    .ks27ref-launcher{
        max-width:820px!important;
        margin:4px auto 0!important;
    }

    .ks27ref-launcher__glass{
        grid-template-columns:repeat(3,minmax(0,1fr))!important;
    }

    .ks27ref-launcher__btn{
        min-height:82px!important;
        height:82px!important;
    }

    .ks27x-hero__cards{
        max-width:100%!important;
    }

    .ks27ref-modal{
        width:min(640px,calc(100vw - 36px))!important;
    }
}

/* ---------- MOBILE <= 767 ---------- */
@media (max-width:767px){
    .ks27x-hero__grid{
        grid-template-columns:1fr!important;
        gap:12px!important;
    }

    .ks27ref-launcher{
        width:100%!important;
        max-width:none!important;
        margin:6px 0 0!important;
    }

    .ks27ref-launcher__glass{
        grid-template-columns:1fr!important;
        gap:8px!important;
        padding:10px!important;
        border-radius:15px!important;
    }

    .ks27ref-launcher__btn{
        min-height:58px!important;
        height:58px!important;
        display:grid!important;
        grid-template-columns:36px minmax(0,1fr)!important;
        align-items:center!important;
        justify-items:start!important;
        gap:10px!important;
        padding:8px 12px!important;
    }

    .ks27ref-launcher__icon{
        width:34px!important;
        height:34px!important;
    }

    .ks27ref-launcher__icon svg{
        width:27px!important;
        height:27px!important;
    }

    .ks27ref-launcher__btn strong{
        font-size:11px!important;
        white-space:normal!important;
    }

    /* Modal bottom sheet */
    .ks27ref-modal-layer{
        align-items:end!important;
        padding:0!important;
    }

    .ks27ref-modal{
        width:100%!important;
        max-width:none!important;
        max-height:92dvh!important;
        border-radius:18px 18px 0 0!important;
        border-left:0!important;
        border-right:0!important;
        border-bottom:0!important;
    }

    .ks27ref-modal__header{
        position:sticky!important;
        top:0!important;
        z-index:50!important;
        min-height:72px!important;
        padding:13px 14px!important;
        background:rgba(7,46,65,.98)!important;
    }

    .ks27ref-modal__heading h2{
        font-size:16px!important;
    }

    .ks27ref-modal__heading p{
        font-size:8.5px!important;
    }

    .ks27ref-modal__symbol{
        width:38px!important;
        height:38px!important;
        flex-basis:38px!important;
    }

    .ks27ref-modal__close{
        width:32px!important;
        height:32px!important;
        flex-basis:32px!important;
    }

    .ks27ref-modal__body{
        padding:12px 12px calc(16px + env(safe-area-inset-bottom))!important;
    }

    .ks27ref-modal-panel .ks27x-form__grid,
    .ks27ref-hotel-grid{
        grid-template-columns:1fr!important;
        gap:9px!important;
    }

    .ks27ref-field--full{
        grid-column:auto!important;
    }

    .ks27ref-modal-panel .ks27x-control,
    .ks27ref-modal-panel .ks27x-select__trigger,
    .ks27ref-native-control,
    .ks27ref-counter,
    .ks27ref-modal-panel .ks27x-control--people{
        min-height:50px!important;
        height:50px!important;
    }

    .ks27ref-modal-panel .ks27x-submit,
    .ks27ref-submit{
        min-height:52px!important;
        height:52px!important;
        margin-top:12px!important;
    }

    .ks27ref-modal-panel .ks27x-select__panel{
        position:fixed!important;
        left:10px!important;
        right:10px!important;
        top:auto!important;
        bottom:10px!important;
        width:auto!important;
        max-height:62dvh!important;
        z-index:9999999!important;
    }
}

/* ---------- SMALL MOBILE <= 430 ---------- */
@media (max-width:430px){
    .ks27ref-modal__heading{
        gap:9px!important;
    }

    .ks27ref-modal__heading h2{
        font-size:15px!important;
    }

    .ks27ref-modal__heading p{
        display:none!important;
    }

    .ks27ref-modal__body{
        padding-left:10px!important;
        padding-right:10px!important;
    }

    .ks27ref-launcher__btn{
        min-height:56px!important;
        height:56px!important;
    }
}


/* =========================================================
   HERO 3 BUTTONS — CENTERED / NO TITLE OVERLAP FINAL
   Only button panel positioning & sizing
   ========================================================= */

/* Desktop hero columns */
@media (min-width:1280px){
    .ks27x-hero__grid{
        grid-template-columns:minmax(0,1.16fr) minmax(500px,.84fr)!important;
        gap:46px!important;
        align-items:start!important;
    }

    .ks27x-hero__left{
        position:relative!important;
        z-index:2!important;
        max-width:820px!important;
        min-width:0!important;
    }

    .ks27ref-launcher{
        position:relative!important;
        z-index:3!important;
        width:100%!important;
        max-width:640px!important;
        margin:138px auto 0!important;
        align-self:start!important;
        justify-self:center!important;
        transform:none!important;
    }

    .ks27ref-launcher__glass{
        width:100%!important;
        grid-template-columns:repeat(3,minmax(0,1fr))!important;
        gap:12px!important;
        padding:15px!important;
    }

    .ks27ref-launcher__btn{
        min-height:94px!important;
        height:94px!important;
        padding:12px 8px!important;
    }
}

/* Smaller desktop */
@media (min-width:1100px) and (max-width:1279px){
    .ks27x-hero__grid{
        grid-template-columns:minmax(0,1.12fr) minmax(470px,.88fr)!important;
        gap:34px!important;
    }

    .ks27x-hero__left{
        max-width:760px!important;
    }

    .ks27ref-launcher{
        width:100%!important;
        max-width:590px!important;
        margin:126px auto 0!important;
        justify-self:center!important;
    }

    .ks27ref-launcher__btn{
        min-height:88px!important;
        height:88px!important;
    }

    .ks27ref-launcher__btn strong{
        font-size:12px!important;
    }
}

/* Tablet landscape */
@media (min-width:992px) and (max-width:1099px){
    .ks27x-hero__grid{
        grid-template-columns:minmax(0,1.08fr) minmax(440px,.92fr)!important;
        gap:26px!important;
    }

    .ks27x-hero__left{
        max-width:700px!important;
    }

    .ks27ref-launcher{
        width:100%!important;
        max-width:540px!important;
        margin:118px auto 0!important;
        justify-self:center!important;
    }

    .ks27ref-launcher__glass{
        gap:9px!important;
        padding:12px!important;
    }

    .ks27ref-launcher__btn{
        min-height:82px!important;
        height:82px!important;
    }

    .ks27ref-launcher__btn strong{
        font-size:11px!important;
    }
}

/* Tablet portrait: button group moves under left content, centered */
@media (min-width:768px) and (max-width:991px){
    .ks27x-hero__grid{
        grid-template-columns:1fr!important;
        gap:18px!important;
    }

    .ks27ref-launcher{
        width:min(100%,760px)!important;
        max-width:760px!important;
        margin:4px auto 0!important;
        justify-self:center!important;
    }

    .ks27ref-launcher__glass{
        grid-template-columns:repeat(3,minmax(0,1fr))!important;
        gap:10px!important;
        padding:12px!important;
    }

    .ks27ref-launcher__btn{
        min-height:78px!important;
        height:78px!important;
    }
}

/* Mobile: centered, full width, stacked */
@media (max-width:767px){
    .ks27ref-launcher{
        width:100%!important;
        max-width:100%!important;
        margin:10px auto 0!important;
        justify-self:center!important;
    }

    .ks27ref-launcher__glass{
        width:100%!important;
        grid-template-columns:1fr!important;
        gap:8px!important;
        padding:9px!important;
    }

    .ks27ref-launcher__btn{
        width:100%!important;
        min-height:56px!important;
        height:56px!important;
        grid-template-columns:34px minmax(0,1fr)!important;
        justify-content:start!important;
        text-align:left!important;
        padding:8px 13px!important;
    }

    .ks27ref-launcher__btn strong{
        font-size:11px!important;
        white-space:normal!important;
    }
}


/* =========================================================
   HERO BUTTON PANEL — LOWER POSITION FINAL
   Onaylanan görsele göre sadece buton konumu/ölçüsü
   ========================================================= */

/* Büyük desktop */
@media (min-width:1280px){
    .ks27x-hero__grid{
        grid-template-columns:minmax(0,1.18fr) minmax(520px,.82fr)!important;
        gap:42px!important;
        align-items:start!important;
    }

    .ks27x-hero__left{
        max-width:830px!important;
    }

    .ks27ref-launcher{
        width:100%!important;
        max-width:680px!important;
        margin:330px auto 0!important;
        align-self:start!important;
        justify-self:center!important;
    }

    .ks27ref-launcher__glass{
        width:100%!important;
        grid-template-columns:repeat(3,minmax(0,1fr))!important;
        gap:12px!important;
        padding:16px!important;
    }

    .ks27ref-launcher__btn{
        min-height:98px!important;
        height:98px!important;
        padding:12px 10px!important;
    }

    .ks27ref-launcher__btn strong{
        font-size:13px!important;
        white-space:nowrap!important;
    }
}

/* 1100 - 1279 */
@media (min-width:1100px) and (max-width:1279px){
    .ks27x-hero__grid{
        grid-template-columns:minmax(0,1.14fr) minmax(480px,.86fr)!important;
        gap:32px!important;
    }

    .ks27ref-launcher{
        width:100%!important;
        max-width:610px!important;
        margin:300px auto 0!important;
        justify-self:center!important;
    }

    .ks27ref-launcher__glass{
        gap:10px!important;
        padding:14px!important;
    }

    .ks27ref-launcher__btn{
        min-height:90px!important;
        height:90px!important;
    }
}

/* 992 - 1099 */
@media (min-width:992px) and (max-width:1099px){
    .ks27x-hero__grid{
        grid-template-columns:minmax(0,1.10fr) minmax(450px,.90fr)!important;
        gap:24px!important;
    }

    .ks27ref-launcher{
        width:100%!important;
        max-width:560px!important;
        margin:270px auto 0!important;
        justify-self:center!important;
    }

    .ks27ref-launcher__glass{
        gap:9px!important;
        padding:12px!important;
    }

    .ks27ref-launcher__btn{
        min-height:84px!important;
        height:84px!important;
    }

    .ks27ref-launcher__btn strong{
        font-size:11px!important;
    }
}

/* Tablet portrait */
@media (min-width:768px) and (max-width:991px){
    .ks27x-hero__grid{
        grid-template-columns:1fr!important;
        gap:18px!important;
    }

    .ks27ref-launcher{
        width:min(100%,780px)!important;
        max-width:780px!important;
        margin:18px auto 0!important;
        justify-self:center!important;
    }

    .ks27ref-launcher__glass{
        grid-template-columns:repeat(3,minmax(0,1fr))!important;
        gap:10px!important;
        padding:12px!important;
    }

    .ks27ref-launcher__btn{
        min-height:80px!important;
        height:80px!important;
    }
}

/* Mobil */
@media (max-width:767px){
    .ks27ref-launcher{
        width:100%!important;
        max-width:100%!important;
        margin:14px auto 0!important;
    }

    .ks27ref-launcher__glass{
        width:100%!important;
        grid-template-columns:1fr!important;
        gap:8px!important;
        padding:9px!important;
    }

    .ks27ref-launcher__btn{
        width:100%!important;
        min-height:58px!important;
        height:58px!important;
        display:grid!important;
        grid-template-columns:36px minmax(0,1fr)!important;
        align-items:center!important;
        justify-items:start!important;
        text-align:left!important;
        gap:10px!important;
        padding:8px 13px!important;
    }

    .ks27ref-launcher__btn strong{
        font-size:11px!important;
        white-space:normal!important;
    }
}

/* =========================================================
 * MODÜL BUTONLARI — ADMİNDE AKTİF OLAN KADARINI GÖSTER
 * Hero'daki Tur / VIP Transfer / Otel butonları index.php'deki
 * merkezi modül durumlarıyla kontrol edilir.
 * ========================================================= */
@media (min-width: 768px){
    .ks27ref-launcher__glass{
        grid-template-columns: 1fr !important;
    }

    .ks27ref-launcher__glass:has(> .ks27ref-launcher__btn:nth-child(2)){
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }

    .ks27ref-launcher__glass:has(> .ks27ref-launcher__btn:nth-child(3)){
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    }
}

@media (max-width: 767px){
    .ks27ref-launcher__glass{
        grid-template-columns: 1fr !important;
    }
}

/* =========================================================
   HERO ICONS +15 FINAL — MOVED FROM INDEX
   Sadece hero canlı SVG ikonlarını etkiler.
========================================================= */
/* Üstteki 3 avantaj ikonu: 20px -> 23px */
body.is-home .ks27x-hero__benefit-icon .ks27-live-benefit-svg{
    width:23px !important;
    height:23px !important;
}

/* Tur / VIP Transfer / Otel rezervasyon ikonları: 31px -> 35.65px */
body.is-home .ks27ref-launcher__icon svg{
    width:35.65px !important;
    height:35.65px !important;
}

/* Alttaki 6 istatistik ikonu: 19px -> 21.85px */
body.is-home .ks27x-stat > i .ks27-live-stat-svg{
    width:21.85px !important;
    height:21.85px !important;
}

/* FINAL görünürlük rötuşu: ölçü/yerleşim değişmez, çizgiler daha net görünür */
body.is-home .ks27x-hero__benefit-icon svg,
body.is-home .ks27ref-launcher__icon svg,
body.is-home .ks27x-stat > i svg{
    overflow:visible !important;
    filter:drop-shadow(0 0 3px rgba(38,220,239,.42)) !important;
}
body.is-home .ks27x-hero__benefit-icon svg [stroke],
body.is-home .ks27ref-launcher__icon svg [stroke],
body.is-home .ks27x-stat > i svg [stroke]{
    stroke-width:2.15 !important;
    vector-effect:non-scaling-stroke;
}
body.is-home .ks27ref-launcher__icon svg [stroke]{
    stroke:#fff !important;
}
body.is-home .ks27x-hero__benefit-icon svg [stroke],
body.is-home .ks27x-stat > i svg [stroke]{
    stroke:#22dff2 !important;
}

/* Mobilde de mevcut ikon ölçülerine tam +%15 */
@media (max-width:640px){
    body.is-home .ks27x-hero__benefit-icon .ks27-live-benefit-svg{
        width:19.55px !important;
        height:19.55px !important;
    }
    body.is-home .ks27x-stat > i .ks27-live-stat-svg{
        width:18.4px !important;
        height:18.4px !important;
    }
}

/* 2026-08-16 — HERO ICON VISIBILITY FINAL */
body.is-home .ks27x-hero__benefit-icon .ks27-live-benefit-svg,
body.is-home .ks27x-stat > i .ks27-live-stat-svg,
body.is-home .ks27ref-launcher__icon svg{
    display:block !important;
    opacity:1 !important;
    visibility:visible !important;
    fill:none !important;
    stroke-linecap:round !important;
    stroke-linejoin:round !important;
}

body.is-home .ks27x-hero__benefit-icon .ks27-live-benefit-svg,
body.is-home .ks27x-stat > i .ks27-live-stat-svg{
    color:#22dff2 !important;
    stroke:#22dff2 !important;
}

body.is-home .ks27ref-launcher__icon svg{
    color:#fff !important;
    stroke:#fff !important;
}

body.is-home .ks27x-hero__benefit-icon{
    color:#22dff2 !important;
    border-color:rgba(34,223,242,.95) !important;
}

body.is-home .ks27x-stat > i{
    color:#22dff2 !important;
}


/* ORIGINAL HERO RESERVATION */
.ks27-home-hero__form-grid--reservation {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.ks27-home-hero__control select {
    width: 100%;
    min-width: 0;
    height: 100%;
    border: 0;
    outline: 0;
    appearance: none;
    background: transparent;
    color: inherit;
    font: inherit;
    font-weight: 800;
    cursor: pointer;
    padding: 0 36px 0 0;
}

.ks27-home-hero__control select:disabled {
    cursor: not-allowed;
    opacity: .62;
}

.ks27-home-hero__control select option {
    color: #0f172a;
    background: #fff;
}

.ks27-home-hero__availability {
    margin-top: 14px;
    padding: 12px 14px;
    border: 1px solid rgba(74, 222, 128, .34);
    border-radius: 14px;
    background: rgba(20, 83, 45, .22);
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 6px 14px;
}

.ks27-home-hero__availability strong {
    color: #bbf7d0;
    font-size: 13px;
    font-weight: 900;
}

.ks27-home-hero__availability span {
    color: #ecfdf5;
    font-size: 12px;
    font-weight: 750;
}

.ks27-home-hero__availability.is-low {
    border-color: rgba(251, 146, 60, .42);
    background: rgba(124, 45, 18, .25);
}

.ks27-home-hero__availability.is-low strong {
    color: #fed7aa;
}

.ks27-home-hero__submit:disabled {
    cursor: not-allowed;
    opacity: .55;
    filter: grayscale(.25);
}

.tour-search-feedback:not([hidden]) {
    margin-top: 10px;
    padding: 10px 12px;
    border-radius: 12px;
    background: rgba(127, 29, 29, .28);
    border: 1px solid rgba(248, 113, 113, .35);
    color: #fee2e2;
    font-size: 12px;
    font-weight: 800;
}

@media (max-width: 900px) {
    .ks27-home-hero__form-grid--reservation {
        grid-template-columns: 1fr;
    }
}


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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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


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

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


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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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


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

@media (max-width: 760px) {

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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


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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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


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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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



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

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

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

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

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

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


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


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


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


/* JUBILEE PREMIUM BOOKING */
/* =========================================================
   JUBILEE HERO — DESKTOP QUICK BOOKING / MOBILE BUTTON
   ========================================================= */
.ks27-premium-booking{
    width:min(390px,100%);
    align-self:center;
    position:relative;
    z-index:4;
}
.ks27-premium-booking__desktop{
    background:linear-gradient(180deg,rgba(4,28,45,.96),rgba(3,20,34,.95));
    border:1px solid rgba(214,158,53,.58);
    box-shadow:0 24px 60px rgba(0,0,0,.38),inset 0 1px 0 rgba(255,255,255,.08);
    border-radius:24px;
    padding:28px 24px 20px;
    backdrop-filter:blur(14px);
    -webkit-backdrop-filter:blur(14px);
    color:#fff;
}
.ks27-premium-booking__icon{
    width:58px;height:58px;
    display:grid;place-items:center;
    margin:-58px auto 12px;
    border-radius:50%;
    background:#071f32;
    border:1px solid #d9a237;
    color:#e4ad42;
    font-size:24px;
    box-shadow:0 10px 30px rgba(0,0,0,.3);
}
.ks27-premium-booking__head{text-align:center;margin-bottom:18px}
.ks27-premium-booking__head h2{
    margin:0 0 6px;
    font-size:28px;
    line-height:1.05;
    color:#fff;
    font-weight:800;
}
.ks27-premium-booking__head p{
    margin:0;
    font-size:13px;
    line-height:1.5;
    color:rgba(255,255,255,.72);
}
.ks27-premium-booking__dates{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:10px;
}
.ks27-premium-booking__field{
    display:flex;
    flex-direction:column;
    gap:6px;
    margin-bottom:10px;
}
.ks27-premium-booking__field>span{
    font-size:11px;
    font-weight:800;
    letter-spacing:.02em;
    color:#d7aa55;
}
.ks27-premium-booking__field input,
.ks27-premium-booking__field select{
    width:100%;
    min-height:52px;
    box-sizing:border-box;
    border:1px solid rgba(255,255,255,.13);
    border-radius:12px;
    background:rgba(255,255,255,.055);
    color:#fff;
    padding:0 13px;
    outline:none;
    font:inherit;
}
.ks27-premium-booking__field select option{color:#101820;background:#fff}
.ks27-premium-booking__field input:focus,
.ks27-premium-booking__field select:focus{
    border-color:#d9a237;
    box-shadow:0 0 0 3px rgba(217,162,55,.12);
}
.ks27-premium-booking__field input[type=date]{color-scheme:dark}
.ks27-premium-booking__submit{
    width:100%;
    min-height:56px;
    border:0;
    border-radius:12px;
    margin-top:4px;
    padding:0 20px;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:14px;
    background:linear-gradient(135deg,#d79b2d,#f0be58);
    color:#091a28;
    font-weight:900;
    font-size:13px;
    cursor:pointer;
    box-shadow:0 14px 28px rgba(208,145,32,.22);
}
.ks27-premium-booking__submit:hover{filter:brightness(1.05);transform:translateY(-1px)}
.ks27-premium-booking__secure{
    display:block;
    text-align:center;
    margin-top:13px;
    color:rgba(255,255,255,.62);
    font-size:11px;
}
.ks27-premium-booking__mobile{display:none}

@media (min-width: 1025px){
    .ks27x-hero__grid{
        grid-template-columns:minmax(0,1.45fr) minmax(330px,390px)!important;
        column-gap:44px!important;
        align-items:center!important;
    }
    .ks27ref-launcher{display:none!important}
}
@media (max-width: 1024px){
    .ks27-premium-booking__desktop{display:none!important}
    .ks27-premium-booking{
        width:100%;
        margin-top:14px;
    }
    .ks27-premium-booking__mobile{
        display:flex;
        width:100%;
        min-height:66px;
        align-items:center;
        justify-content:center;
        gap:10px;
        border:1px solid rgba(255,255,255,.35);
        border-radius:16px;
        background:linear-gradient(135deg,#ff7628,#f14e13);
        color:#fff;
        font-size:13px;
        font-weight:900;
        box-shadow:0 14px 32px rgba(0,0,0,.22);
    }
}
@media (max-width: 767px){
    .ks27-premium-booking{margin-top:10px}
    .ks27-premium-booking__mobile{min-height:58px;border-radius:14px}
}


/* =========================================================
   JUBILEE LUXURY HERO — DESKTOP REFERENCE MATCH + RESPONSIVE
   ========================================================= */
.ks27x-hero{
    min-height:calc(100vh - 86px);
    background:#041827;
    color:#fff;
    overflow:hidden;
}
.ks27x-hero__media:after{
    content:"";
    position:absolute;
    inset:0;
    background:
      linear-gradient(90deg,rgba(2,18,31,.96) 0%,rgba(2,18,31,.76) 34%,rgba(2,18,31,.22) 63%,rgba(2,18,31,.34) 100%),
      linear-gradient(180deg,rgba(2,17,30,.18) 0%,rgba(2,17,30,.12) 56%,rgba(2,17,30,.72) 100%);
    z-index:1;
}
.ks27x-hero__shell{
    position:relative;
    z-index:3;
    width:min(1460px,calc(100% - 80px));
    margin:0 auto;
    padding:92px 0 34px;
}
.ks27x-hero__grid{
    display:grid;
    grid-template-columns:minmax(0,1.35fr) minmax(340px,390px)!important;
    gap:64px!important;
    align-items:start!important;
}
.ks27x-hero__left{max-width:none}
.ks27x-hero__kicker{
    margin:0 0 20px;
    color:#e0a43d!important;
    font-size:15px!important;
    line-height:1.2;
    font-weight:800!important;
    letter-spacing:.035em!important;
}
.ks27x-hero__title--luxury{
    margin:0;
    max-width:770px;
    display:flex;
    flex-direction:column;
    align-items:flex-start;
    gap:0;
    font-family:Georgia,"Times New Roman",serif!important;
    font-weight:400!important;
    letter-spacing:-.045em!important;
    line-height:.98!important;
    text-shadow:0 6px 26px rgba(0,0,0,.22);
}
.ks27x-hero__title--luxury span,
.ks27x-hero__title--luxury strong{
    display:block!important;
    font:inherit!important;
    font-size:clamp(56px,4.7vw,84px)!important;
    line-height:.98!important;
}
.ks27x-hero__title--luxury span{color:#fff!important}
.ks27x-hero__title--luxury strong{
    color:#dfa13b!important;
    font-weight:400!important;
    margin-top:8px;
}
.ks27x-hero__ornament{
    width:290px;
    display:flex;
    align-items:center;
    gap:12px;
    margin:28px 0 22px;
}
.ks27x-hero__ornament span{height:1px;background:#d69b36;flex:1}
.ks27x-hero__ornament i{width:8px;height:8px;transform:rotate(45deg);border:1px solid #d69b36}
.ks27x-hero__description{
    max-width:650px!important;
    margin:0 0 24px!important;
    color:rgba(255,255,255,.88)!important;
    font-size:16px!important;
    line-height:1.65!important;
}
.ks27x-hero__benefits{
    display:flex!important;
    align-items:stretch;
    gap:0!important;
    max-width:680px;
    margin:0 0 24px!important;
}
.ks27x-hero__benefit{
    min-width:0!important;
    flex:1;
    display:flex!important;
    align-items:center!important;
    gap:12px!important;
    padding:0 22px!important;
    border-right:1px solid rgba(255,255,255,.2);
}
.ks27x-hero__benefit:first-child{padding-left:0!important}
.ks27x-hero__benefit:last-child{border-right:0}
.ks27x-hero__benefit-icon{
    width:48px!important;height:48px!important;
    min-width:48px;
    display:grid!important;place-items:center!important;
    border:1px solid #d89f39!important;
    color:#e4aa3e!important;
    background:rgba(6,30,48,.68)!important;
    border-radius:50%!important;
    font-size:19px!important;
}
.ks27x-hero__benefit span{display:flex!important;flex-direction:column!important;gap:3px!important}
.ks27x-hero__benefit b{font-size:13px!important;color:#fff!important}
.ks27x-hero__benefit small{font-size:12px!important;color:rgba(255,255,255,.82)!important}
.ks27x-hero__actions{
    display:flex;
    gap:14px;
    margin:0 0 26px;
}
.ks27x-hero__action{
    min-height:58px;
    padding:0 24px;
    border-radius:10px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:14px;
    text-decoration:none!important;
    font-size:12px;
    letter-spacing:.01em;
    font-weight:900;
    transition:.2s ease;
}
.ks27x-hero__action:hover{transform:translateY(-2px)}
.ks27x-hero__action--primary{
    min-width:250px;
    background:linear-gradient(135deg,#d7942b,#f1bc58);
    color:#fff!important;
    box-shadow:0 14px 34px rgba(207,139,25,.25);
}
.ks27x-hero__action--secondary{
    min-width:230px;
    color:#fff!important;
    background:rgba(3,27,45,.66);
    border:1px solid #b67c26;
}
.ks27x-hero__action--secondary span{color:#e1a23a}
.ks27x-hero__tour-heading{
    max-width:680px!important;
    margin:0 0 10px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
}
.ks27x-hero__tour-heading h2{
    color:#fff!important;
    font-size:15px!important;
    font-weight:800!important;
}
.ks27x-hero__tour-heading h2 i{color:#e4aa3e!important}
.ks27x-hero__tour-heading a{
    color:#dfaa51!important;
    font-size:12px!important;
    font-weight:700!important;
}
.ks27x-hero__cards{
    max-width:100%!important;
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:16px!important;
    overflow:visible!important;
}
.ks27x-card{
    border-radius:14px!important;
    overflow:hidden!important;
    background:rgba(4,27,44,.88)!important;
    border:1px solid rgba(255,255,255,.18)!important;
    box-shadow:0 12px 30px rgba(0,0,0,.18)!important;
    color:#fff!important;
}
.ks27x-card__image{height:150px!important;position:relative!important}
.ks27x-card__image img{width:100%!important;height:100%!important;object-fit:cover!important}
.ks27x-card__tag{
    top:10px!important;left:10px!important;
    border-radius:999px!important;
    background:#e2aa4b!important;
    color:#302006!important;
    font-size:10px!important;
    font-weight:900!important;
    padding:6px 10px!important;
}
.ks27x-card__body{
    padding:13px 14px 14px!important;
    background:linear-gradient(180deg,rgba(4,26,43,.84),rgba(3,21,35,.96))!important;
}
.ks27x-card__title{
    margin:0 0 9px!important;
    color:#fff!important;
    font-size:15px!important;
}
.ks27x-card__meta{
    color:rgba(255,255,255,.72)!important;
    font-size:10px!important;
}
.ks27x-card__bottom{
    margin-top:10px!important;
    color:#e4aa3e!important;
}
.ks27x-card__rating{color:#fff!important;font-size:10px!important}
.ks27x-card__price{color:#e6aa40!important;font-size:13px!important;font-weight:900!important}

/* sağ form */
.ks27-premium-booking{
    width:390px!important;
    max-width:100%;
    margin-top:22px!important;
    align-self:start!important;
}
.ks27-premium-booking__desktop{
    border-radius:22px!important;
    padding:32px 22px 18px!important;
    background:linear-gradient(180deg,rgba(4,29,47,.97),rgba(3,20,34,.98))!important;
    border:1px solid rgba(213,151,47,.74)!important;
    box-shadow:0 24px 60px rgba(0,0,0,.4)!important;
}
.ks27-premium-booking__icon{
    width:56px!important;height:56px!important;
    margin:-60px auto 12px!important;
    border-color:#d9a23d!important;
    color:#e4aa3e!important;
}
.ks27-premium-booking__head h2{
    font-family:Georgia,"Times New Roman",serif!important;
    font-size:29px!important;
    font-weight:700!important;
}
.ks27-premium-booking__head p{
    font-size:12px!important;
    color:rgba(255,255,255,.78)!important;
}
.ks27-premium-booking__field input,
.ks27-premium-booking__field select{
    min-height:54px!important;
    border-radius:10px!important;
    background:rgba(255,255,255,.055)!important;
}
.ks27-premium-booking__submit{
    min-height:58px!important;
    border-radius:10px!important;
    background:linear-gradient(135deg,#d7962b,#f0bb55)!important;
    color:#fff!important;
}
.ks27-premium-booking__secure{font-size:10px!important}

/* eski istatistik şeridi bu yeni hero tasarımında kullanılmıyor */
.ks27x-stats--legacy{display:none!important}

/* Laptop */
@media (max-width:1366px) and (min-width:1025px){
    .ks27x-hero__shell{width:min(1240px,calc(100% - 48px));padding-top:68px}
    .ks27x-hero__grid{grid-template-columns:minmax(0,1.35fr) 350px!important;gap:38px!important}
    .ks27x-hero__title--luxury span,.ks27x-hero__title--luxury strong{font-size:clamp(50px,4.4vw,66px)!important}
    .ks27x-hero__description{font-size:14px!important}
    .ks27x-card__image{height:125px!important}
    .ks27-premium-booking{width:350px!important}
}

/* Tablet: desktop form kalkar, tek rezervasyon butonu görünür */
@media (max-width:1024px){
    .ks27x-hero{min-height:auto}
    .ks27x-hero__shell{width:min(920px,calc(100% - 40px));padding:58px 0 40px}
    .ks27x-hero__grid{display:block!important}
    .ks27x-hero__title--luxury span,.ks27x-hero__title--luxury strong{font-size:clamp(46px,8vw,68px)!important}
    .ks27x-hero__description{max-width:720px!important}
    .ks27x-hero__benefits{max-width:720px}
    .ks27x-hero__actions{max-width:720px}
    .ks27x-premium-booking{width:100%!important}
    .ks27-premium-booking__desktop{display:none!important}
    .ks27-premium-booking__mobile{
        display:flex!important;
        max-width:720px;
        min-height:62px!important;
        margin-top:16px;
        background:linear-gradient(135deg,#d7962b,#f0bb55)!important;
        color:#fff!important;
        border:1px solid rgba(255,255,255,.28)!important;
    }
    .ks27x-hero__cards{grid-template-columns:repeat(3,minmax(220px,1fr))!important;overflow-x:auto!important;padding-bottom:8px}
}

/* Mobile */
@media (max-width:767px){
    .ks27x-hero__shell{width:calc(100% - 28px);padding:42px 0 28px}
    .ks27x-hero__kicker{font-size:12px!important;margin-bottom:13px!important}
    .ks27x-hero__title--luxury span,.ks27x-hero__title--luxury strong{font-size:clamp(39px,12vw,54px)!important;line-height:.98!important}
    .ks27x-hero__title--luxury strong{margin-top:4px}
    .ks27x-hero__ornament{width:190px;margin:18px 0 16px}
    .ks27x-hero__description{font-size:14px!important;line-height:1.55!important;margin-bottom:18px!important}
    .ks27x-hero__benefits{
        display:grid!important;
        grid-template-columns:1fr!important;
        gap:10px!important;
        margin-bottom:18px!important;
    }
    .ks27x-hero__benefit{
        padding:0!important;
        border-right:0!important;
    }
    .ks27x-hero__benefit-icon{width:40px!important;height:40px!important;min-width:40px}
    .ks27x-hero__actions{
        display:grid!important;
        grid-template-columns:1fr!important;
        gap:10px!important;
        margin-bottom:22px!important;
    }
    .ks27x-hero__action{width:100%;min-width:0!important;min-height:54px!important}
    .ks27x-hero__tour-heading{max-width:none!important}
    .ks27x-hero__tour-heading h2{font-size:14px!important}
    .ks27x-hero__tour-heading a{font-size:11px!important}
    .ks27x-hero__cards{
        display:flex!important;
        overflow-x:auto!important;
        scroll-snap-type:x mandatory;
        gap:12px!important;
    }
    .ks27x-card{
        flex:0 0 82%!important;
        scroll-snap-align:start;
    }
    .ks27x-card__image{height:150px!important}
    .ks27-premium-booking__mobile{max-width:none!important;min-height:58px!important;margin-top:14px!important}
}

/* Small mobile */
@media (max-width:420px){
    .ks27x-hero__shell{width:calc(100% - 22px)}
    .ks27x-hero__title--luxury span,.ks27x-hero__title--luxury strong{font-size:38px!important}
    .ks27x-card{flex-basis:88%!important}
}


/* =========================================================
   SITE COLOR + RESPONSIVE FINAL OVERRIDES
   ========================================================= */
.ks27x-hero__kicker,
.ks27x-hero__title--luxury strong,
.ks27x-hero__tour-heading h2 i,
.ks27x-hero__tour-heading a,
.ks27x-card__price,
.ks27x-premium-booking__field>span{
    color:var(--jubilee-hero-primary)!important;
}
.ks27x-hero__ornament span,
.ks27x-hero__ornament i,
.ks27x-hero__benefit-icon,
.ks27x-hero__action--secondary,
.ks27-premium-booking__desktop,
.ks27-premium-booking__icon{
    border-color:var(--jubilee-hero-primary)!important;
}
.ks27x-hero__benefit-icon,
.ks27x-premium-booking__icon{
    color:var(--jubilee-hero-primary)!important;
}
.ks27x-hero__action--primary,
.ks27-premium-booking__submit,
.ks27-premium-booking__mobile{
    background:linear-gradient(135deg,var(--jubilee-hero-primary),var(--jubilee-hero-accent))!important;
}
.ks27x-card__tag{
    background:var(--jubilee-hero-primary)!important;
    color:#fff!important;
}
.ks27x-card,
.ks27-premium-booking__desktop,
.ks27x-hero__action--secondary{
    background:color-mix(in srgb,var(--jubilee-hero-secondary) 88%, #00111d 12%)!important;
}

/* tablet/mobile düzeni */
@media (max-width:1024px){
    .ks27x-hero{
        min-height:auto!important;
        overflow:hidden!important;
    }
    .ks27x-hero__shell{
        width:calc(100% - 28px)!important;
        padding:34px 0 24px!important;
    }
    .ks27x-hero__grid{
        display:block!important;
    }
    .ks27x-hero__left{
        width:100%!important;
        max-width:none!important;
    }
    .ks27x-hero__title--luxury{
        max-width:100%!important;
    }
    .ks27x-hero__title--luxury span,
    .ks27x-hero__title--luxury strong{
        font-size:clamp(36px,9vw,58px)!important;
        line-height:1.02!important;
        word-break:normal!important;
        overflow-wrap:break-word!important;
    }
    .ks27x-hero__description{
        max-width:100%!important;
        font-size:14px!important;
    }
    .ks27x-hero__benefits{
        display:grid!important;
        grid-template-columns:1fr 1fr 1fr!important;
        gap:8px!important;
        max-width:none!important;
    }
    .ks27x-hero__benefit{
        border:0!important;
        padding:10px 8px!important;
        border-radius:12px;
        background:rgba(255,255,255,.05);
    }
    .ks27x-hero__benefit-icon{
        width:38px!important;height:38px!important;min-width:38px!important;
    }
    .ks27x-hero__actions{
        display:grid!important;
        grid-template-columns:1fr 1fr!important;
        gap:10px!important;
        width:100%!important;
    }
    .ks27x-hero__action{
        width:100%!important;
        min-width:0!important;
        padding:0 14px!important;
        min-height:52px!important;
        font-size:11px!important;
    }
    .ks27x-hero__cards{
        display:grid!important;
        grid-template-columns:repeat(3,minmax(0,1fr))!important;
        gap:10px!important;
        overflow:visible!important;
    }
    .ks27x-card{
        width:100%!important;
        min-width:0!important;
    }
    .ks27x-card__image{
        height:130px!important;
    }
    .ks27-premium-booking{
        width:100%!important;
        margin-top:18px!important;
    }
    .ks27-premium-booking__desktop{
        display:none!important;
    }
    .ks27-premium-booking__mobile{
        display:flex!important;
        width:100%!important;
        max-width:none!important;
        min-height:58px!important;
    }
}

@media (max-width:767px){
    .ks27x-hero__media:after{
        background:
          linear-gradient(180deg,rgba(2,17,30,.35) 0%,rgba(2,17,30,.68) 45%,rgba(2,17,30,.92) 100%)!important;
    }
    .ks27x-hero__shell{
        width:calc(100% - 22px)!important;
        padding:28px 0 20px!important;
    }
    .ks27x-hero__kicker{
        font-size:11px!important;
        margin-bottom:12px!important;
    }
    .ks27x-hero__title--luxury span,
    .ks27x-hero__title--luxury strong{
        font-size:clamp(34px,10.5vw,46px)!important;
    }
    .ks27x-hero__ornament{
        width:150px!important;
        margin:14px 0!important;
    }
    .ks27x-hero__description{
        font-size:13px!important;
        line-height:1.55!important;
        margin-bottom:15px!important;
    }
    .ks27x-hero__benefits{
        grid-template-columns:1fr!important;
    }
    .ks27x-hero__benefit{
        display:flex!important;
        align-items:center!important;
        gap:10px!important;
        min-height:54px!important;
    }
    .ks27x-hero__actions{
        grid-template-columns:1fr!important;
    }
    .ks27x-hero__action{
        min-height:50px!important;
    }
    .ks27x-hero__tour-heading{
        margin-top:4px!important;
    }
    .ks27x-hero__tour-heading h2{
        font-size:13px!important;
    }
    .ks27x-hero__tour-heading a{
        font-size:10px!important;
    }
    .ks27x-hero__cards{
        grid-template-columns:1fr!important;
    }
    .ks27x-card{
        display:grid!important;
        grid-template-columns:118px 1fr!important;
        min-height:118px!important;
    }
    .ks27x-card__image{
        height:118px!important;
    }
    .ks27x-card__body{
        padding:10px 12px!important;
    }
    .ks27x-card__title{
        font-size:14px!important;
    }
    .ks27x-card__meta{
        font-size:9px!important;
        gap:5px!important;
    }
    .ks27x-card__bottom{
        margin-top:7px!important;
    }
    .ks27-premium-booking__mobile{
        margin-top:14px!important;
        border-radius:12px!important;
        font-size:12px!important;
    }
}

@media (max-width:390px){
    .ks27x-hero__title--luxury span,
    .ks27x-hero__title--luxury strong{
        font-size:32px!important;
    }
    .ks27x-card{
        grid-template-columns:105px 1fr!important;
    }
}


/* =========================================================
   JUBILEE HERO — FINAL SITE PALETTE + COMPACT RESPONSIVE
   Admin kaynak: Slider Düzenle
   ========================================================= */
.ks27x-hero{
    min-height:0!important;
    height:auto!important;
    background:var(--jubilee-hero-bg,#07111f)!important;
    color:#fff!important;
    overflow:hidden!important;
}
.ks27x-hero__media:after{
    content:""!important;
    position:absolute!important;
    inset:0!important;
    z-index:1!important;
    background:
      linear-gradient(90deg,rgba(3,22,37,.94) 0%,rgba(3,22,37,.72) 38%,rgba(3,22,37,.30) 67%,rgba(3,22,37,.48) 100%),
      linear-gradient(180deg,rgba(3,22,37,.10),rgba(3,22,37,.58))!important;
}
.ks27x-hero__shell{
    width:min(1240px,calc(100% - 48px))!important;
    margin:0 auto!important;
    padding:42px 0 20px!important;
}
.ks27x-hero__grid{
    display:grid!important;
    grid-template-columns:minmax(0,1.45fr) 345px!important;
    gap:42px!important;
    align-items:start!important;
}
.ks27x-hero__left{min-width:0!important}
.ks27x-hero__kicker{
    margin:0 0 12px!important;
    color:var(--jubilee-hero-accent,#18b8e8)!important;
    font-size:12px!important;
    font-weight:900!important;
    letter-spacing:.055em!important;
}
.ks27x-hero__title--luxury{
    max-width:720px!important;
    margin:0!important;
    gap:0!important;
    font-family:Georgia,"Times New Roman",serif!important;
    line-height:.94!important;
}
.ks27x-hero__title--luxury span,
.ks27x-hero__title--luxury strong,
.ks27x-hero__title--luxury em{
    display:block!important;
    margin:0!important;
    font-size:clamp(48px,4vw,66px)!important;
    line-height:.94!important;
    letter-spacing:-.04em!important;
    font-weight:400!important;
    font-style:normal!important;
}
.ks27x-hero__title--luxury span{color:#fff!important}
.ks27x-hero__title--luxury strong,
.ks27x-hero__title--luxury em{
    color:var(--jubilee-hero-accent,#18b8e8)!important;
}
.ks27x-hero__ornament{
    width:210px!important;
    margin:17px 0 14px!important;
}
.ks27x-hero__ornament span{background:var(--jubilee-hero-accent,#18b8e8)!important}
.ks27x-hero__ornament i{border-color:var(--jubilee-hero-accent,#18b8e8)!important}
.ks27x-hero__description{
    max-width:610px!important;
    margin:0 0 15px!important;
    color:rgba(255,255,255,.88)!important;
    font-size:13px!important;
    line-height:1.55!important;
}
.ks27x-hero__benefits{
    display:grid!important;
    grid-template-columns:repeat(3,1fr)!important;
    max-width:620px!important;
    gap:0!important;
    margin:0 0 15px!important;
}
.ks27x-hero__benefit{
    padding:0 16px!important;
    border-right:1px solid rgba(255,255,255,.18)!important;
    background:transparent!important;
    min-height:42px!important;
}
.ks27x-hero__benefit:first-child{padding-left:0!important}
.ks27x-hero__benefit:last-child{border-right:0!important}
.ks27x-hero__benefit-icon{
    width:38px!important;height:38px!important;min-width:38px!important;
    color:var(--jubilee-hero-accent,#18b8e8)!important;
    border-color:var(--jubilee-hero-accent,#18b8e8)!important;
    font-size:14px!important;
}
.ks27x-hero__benefit b{font-size:11px!important}
.ks27x-hero__benefit small{font-size:9px!important}
.ks27x-hero__actions{
    display:flex!important;
    gap:10px!important;
    max-width:620px!important;
    margin:0 0 15px!important;
}
.ks27x-hero__action{
    min-height:46px!important;
    border-radius:9px!important;
    padding:0 18px!important;
    font-size:10px!important;
}
.ks27x-hero__action--primary{
    min-width:205px!important;
    background:linear-gradient(135deg,var(--jubilee-hero-accent,#18b8e8),#0f92c4)!important;
    color:#fff!important;
    box-shadow:0 10px 24px rgba(24,184,232,.20)!important;
}
.ks27x-hero__action--secondary{
    min-width:190px!important;
    color:#fff!important;
    background:rgba(7,17,31,.65)!important;
    border-color:var(--jubilee-hero-accent,#18b8e8)!important;
}
.ks27x-hero__action--secondary span{color:var(--jubilee-hero-accent,#18b8e8)!important}
.ks27x-hero__tour-heading{
    max-width:620px!important;
    margin:0 0 7px!important;
}
.ks27x-hero__tour-heading h2{
    font-size:12px!important;
    color:#fff!important;
}
.ks27x-hero__tour-heading h2 i,
.ks27x-hero__tour-heading a{
    color:var(--jubilee-hero-accent,#18b8e8)!important;
}
.ks27x-hero__tour-heading a{font-size:9px!important}
.ks27x-hero__cards{
    max-width:620px!important;
    display:grid!important;
    grid-template-columns:repeat(3,1fr)!important;
    gap:10px!important;
}
.ks27x-card{
    min-width:0!important;
    border-radius:10px!important;
    background:rgba(7,17,31,.88)!important;
    border-color:rgba(24,184,232,.28)!important;
}
.ks27x-card__image{height:105px!important}
.ks27x-card__tag{
    background:var(--jubilee-hero-accent,#18b8e8)!important;
    color:#fff!important;
    font-size:8px!important;
    padding:5px 8px!important;
}
.ks27x-card__body{padding:9px 10px 10px!important}
.ks27x-card__title{font-size:12px!important;margin-bottom:6px!important}
.ks27x-card__meta{font-size:8px!important}
.ks27x-card__bottom{margin-top:5px!important}
.ks27x-card__rating{font-size:8px!important}
.ks27x-card__price{font-size:10px!important;color:var(--jubilee-hero-accent,#18b8e8)!important}

/* Desktop rezervasyon kutusu: daha kısa */
.ks27-premium-booking{
    width:345px!important;
    margin-top:20px!important;
}
.ks27-premium-booking__desktop{
    padding:26px 18px 14px!important;
    border-radius:18px!important;
    background:rgba(7,17,31,.96)!important;
    border-color:var(--jubilee-hero-accent,#18b8e8)!important;
}
.ks27-premium-booking__icon{
    width:48px!important;height:48px!important;
    margin:-50px auto 8px!important;
    color:var(--jubilee-hero-accent,#18b8e8)!important;
    border-color:var(--jubilee-hero-accent,#18b8e8)!important;
}
.ks27-premium-booking__head{margin-bottom:10px!important}
.ks27-premium-booking__head h2{font-size:24px!important}
.ks27-premium-booking__head p{font-size:10px!important}
.ks27-premium-booking__field{gap:4px!important;margin-bottom:7px!important}
.ks27-premium-booking__field>span{
    color:var(--jubilee-hero-accent,#18b8e8)!important;
    font-size:9px!important;
}
.ks27-premium-booking__field input,
.ks27-premium-booking__field select{
    min-height:44px!important;
    border-radius:8px!important;
    font-size:12px!important;
}
.ks27-premium-booking__submit{
    min-height:48px!important;
    border-radius:8px!important;
    background:linear-gradient(135deg,var(--jubilee-hero-accent,#18b8e8),#0f92c4)!important;
    color:#fff!important;
    font-size:10px!important;
}
.ks27-premium-booking__secure{margin-top:8px!important;font-size:8px!important}
.ks27x-stats--legacy{display:none!important}

/* Tablet */
@media (max-width:1024px){
    .ks27x-hero__shell{width:calc(100% - 36px)!important;padding:30px 0 22px!important}
    .ks27x-hero__grid{display:block!important}
    .ks27-premium-booking__desktop{display:none!important}
    .ks27-premium-booking{width:100%!important;margin-top:14px!important}
    .ks27-premium-booking__mobile{
        display:flex!important;
        width:100%!important;
        max-width:620px!important;
        min-height:52px!important;
        margin:0!important;
        background:linear-gradient(135deg,var(--jubilee-hero-accent,#18b8e8),#0f92c4)!important;
        border-color:rgba(255,255,255,.25)!important;
    }
}

/* Mobile — kompakt, dengeli ve taşmasız */
@media (max-width:767px){
    .ks27x-hero__shell{
        width:calc(100% - 26px)!important;
        padding:24px 0 18px!important;
    }
    .ks27x-hero__media:after{
        background:
          linear-gradient(180deg,rgba(3,22,37,.38) 0%,rgba(3,22,37,.72) 42%,rgba(3,22,37,.96) 100%)!important;
    }
    .ks27x-hero__kicker{
        font-size:10px!important;
        margin-bottom:9px!important;
    }
    .ks27x-hero__title--luxury span,
    .ks27x-hero__title--luxury strong,
    .ks27x-hero__title--luxury em{
        font-size:clamp(31px,9.6vw,42px)!important;
        line-height:.98!important;
    }
    .ks27x-hero__ornament{width:135px!important;margin:12px 0!important}
    .ks27x-hero__description{
        font-size:12px!important;
        line-height:1.5!important;
        margin-bottom:13px!important;
    }
    .ks27x-hero__benefits{
        display:grid!important;
        grid-template-columns:repeat(3,minmax(0,1fr))!important;
        gap:7px!important;
        max-width:none!important;
        margin-bottom:13px!important;
    }
    .ks27x-hero__benefit{
        display:flex!important;
        flex-direction:column!important;
        align-items:center!important;
        justify-content:flex-start!important;
        gap:5px!important;
        min-width:0!important;
        min-height:78px!important;
        padding:8px 4px!important;
        border:1px solid rgba(24,184,232,.16)!important;
        border-radius:10px!important;
        background:rgba(7,17,31,.42)!important;
        text-align:center!important;
    }
    .ks27x-hero__benefit-icon{
        width:32px!important;height:32px!important;min-width:32px!important;
        font-size:12px!important;
    }
    .ks27x-hero__benefit span{align-items:center!important}
    .ks27x-hero__benefit b{font-size:9px!important;line-height:1.1!important}
    .ks27x-hero__benefit small{font-size:7.5px!important;line-height:1.15!important}
    .ks27x-hero__actions{
        display:grid!important;
        grid-template-columns:1fr 1fr!important;
        gap:8px!important;
        max-width:none!important;
        margin-bottom:13px!important;
    }
    .ks27x-hero__action{
        width:100%!important;
        min-width:0!important;
        min-height:46px!important;
        padding:0 8px!important;
        font-size:8.5px!important;
        gap:7px!important;
    }
    .ks27x-hero__tour-heading{max-width:none!important;margin-bottom:6px!important}
    .ks27x-hero__tour-heading h2{font-size:11px!important}
    .ks27x-hero__cards{
        max-width:none!important;
        display:flex!important;
        gap:9px!important;
        overflow-x:auto!important;
        scroll-snap-type:x mandatory!important;
        padding-bottom:4px!important;
    }
    .ks27x-card{
        flex:0 0 72%!important;
        scroll-snap-align:start!important;
    }
    .ks27x-card__image{height:105px!important}
    .ks27-premium-booking__mobile{
        max-width:none!important;
        min-height:48px!important;
        border-radius:10px!important;
        font-size:9px!important;
    }
}
@media (max-width:430px){
    .ks27x-hero__shell{width:calc(100% - 20px)!important}
    .ks27x-hero__title--luxury span,
    .ks27x-hero__title--luxury strong,
    .ks27x-hero__title--luxury em{font-size:30px!important}
    .ks27x-card{flex-basis:82%!important}
}


/* =========================================================
   JUBILEE HERO — TRUE FULL SCREEN RESPONSIVE FINAL
   Desktop + Tablet + Mobile
   ========================================================= */

:root{
    --jubilee-header-safe-desktop: 88px;
    --jubilee-header-safe-mobile: 78px;
}

/* Desktop / genel */
.ks27x-hero{
    min-height: calc(100svh - var(--jubilee-header-safe-desktop)) !important;
    height: calc(100svh - var(--jubilee-header-safe-desktop)) !important;
    max-height: none !important;
    display:flex !important;
    align-items:stretch !important;
    overflow:hidden !important;
    position:relative !important;
}

.ks27x-hero__media,
.ks27x-hero__shade{
    position:absolute !important;
    inset:0 !important;
    width:100% !important;
    height:100% !important;
}

.ks27x-hero__image,
.ks27x-hero__video,
.ks27x-hero__frame{
    width:100% !important;
    height:100% !important;
    object-fit:cover !important;
}

.ks27x-hero__shell{
    width:min(1420px, calc(100% - 56px)) !important;
    height:100% !important;
    min-height:0 !important;
    margin:0 auto !important;
    padding:34px 0 24px !important;
    display:flex !important;
    align-items:center !important;
    box-sizing:border-box !important;
    position:relative !important;
    z-index:3 !important;
}

.ks27x-hero__grid{
    width:100% !important;
    min-height:0 !important;
    display:grid !important;
    grid-template-columns:minmax(0,1fr) minmax(320px,360px) !important;
    gap:52px !important;
    align-items:center !important;
}

.ks27x-hero__left{
    min-width:0 !important;
    max-width:760px !important;
}

.ks27x-hero__kicker{
    margin-bottom:8px !important;
}

.ks27x-hero__title{
    margin-bottom:8px !important;
}

.ks27x-hero__title span,
.ks27x-hero__title strong{
    font-size:clamp(44px,4.35vw,70px) !important;
    line-height:.94 !important;
}

.ks27x-hero__ornament{
    margin:12px 0 12px !important;
}

.ks27x-hero__description{
    margin-bottom:12px !important;
    line-height:1.45 !important;
}

.ks27x-hero__benefits{
    margin-bottom:12px !important;
}

.ks27x-hero__actions{
    margin-bottom:12px !important;
}

.ks27x-hero__tour-heading{
    margin-bottom:7px !important;
}

.ks27x-hero__cards{
    gap:10px !important;
}

.ks27x-card__image{
    height:105px !important;
}

.ks27x-card__body{
    padding:9px 10px 10px !important;
}

.ks27x-card__title{
    font-size:13px !important;
    margin-bottom:5px !important;
}

.ks27x-card__meta{
    font-size:8px !important;
}

.ks27x-card__bottom{
    margin-top:5px !important;
}

.ks27-premium-booking{
    width:360px !important;
    margin:0 !important;
    align-self:center !important;
}

.ks27-premium-booking__desktop{
    padding:28px 18px 14px !important;
}

.ks27-premium-booking__head{
    margin-bottom:11px !important;
}

.ks27-premium-booking__head h2{
    font-size:25px !important;
}

.ks27-premium-booking__field{
    margin-bottom:7px !important;
}

.ks27-premium-booking__field input,
.ks27-premium-booking__field select{
    min-height:44px !important;
}

.ks27-premium-booking__submit{
    min-height:48px !important;
}

.ks27-premium-booking__secure{
    margin-top:7px !important;
}

/* Laptop */
@media (max-width:1366px) and (min-width:1025px){
    .ks27x-hero__shell{
        width:min(1180px, calc(100% - 40px)) !important;
        padding:26px 0 18px !important;
    }
    .ks27x-hero__grid{
        grid-template-columns:minmax(0,1fr) 320px !important;
        gap:34px !important;
    }
    .ks27x-hero__left{
        max-width:650px !important;
    }
    .ks27x-hero__title span,
    .ks27x-hero__title strong{
        font-size:clamp(38px,4vw,56px) !important;
    }
    .ks27x-hero__description{
        font-size:12px !important;
    }
    .ks27x-hero__benefit b{
        font-size:10px !important;
    }
    .ks27x-hero__benefit small{
        font-size:8px !important;
    }
    .ks27x-card__image{
        height:88px !important;
    }
    .ks27-premium-booking{
        width:320px !important;
    }
}

/* Tablet */
@media (max-width:1024px){
    .ks27x-hero{
        min-height: calc(100svh - var(--jubilee-header-safe-mobile)) !important;
        height:auto !important;
    }

    .ks27x-hero__shell{
        width:calc(100% - 28px) !important;
        min-height:calc(100svh - var(--jubilee-header-safe-mobile)) !important;
        height:auto !important;
        padding:28px 0 24px !important;
        align-items:flex-start !important;
    }

    .ks27x-hero__grid{
        display:block !important;
    }

    .ks27x-hero__left{
        max-width:none !important;
        width:100% !important;
    }

    .ks27-premium-booking{
        width:100% !important;
        margin-top:12px !important;
    }

    .ks27-premium-booking__desktop{
        display:none !important;
    }

    .ks27-premium-booking__mobile{
        display:flex !important;
        width:100% !important;
        min-height:54px !important;
        margin:0 !important;
    }
}

/* Mobile — tek ekrana mümkün olduğunca sığan kompakt yapı */
@media (max-width:767px){
    .ks27x-hero{
        min-height: calc(100svh - var(--jubilee-header-safe-mobile)) !important;
        height:auto !important;
        overflow:hidden !important;
    }

    .ks27x-hero__shell{
        width:calc(100% - 20px) !important;
        min-height:calc(100svh - var(--jubilee-header-safe-mobile)) !important;
        height:auto !important;
        padding:18px 0 18px !important;
    }

    .ks27x-hero__kicker{
        font-size:10px !important;
        margin:0 0 7px !important;
    }

    .ks27x-hero__title span,
    .ks27x-hero__title strong{
        font-size:clamp(31px,9.3vw,42px) !important;
        line-height:.96 !important;
    }

    .ks27x-hero__ornament{
        width:125px !important;
        margin:9px 0 !important;
    }

    .ks27x-hero__description{
        font-size:11px !important;
        line-height:1.38 !important;
        margin:0 0 10px !important;
    }

    .ks27x-hero__benefits{
        display:grid !important;
        grid-template-columns:repeat(3,1fr) !important;
        gap:6px !important;
        margin:0 0 10px !important;
    }

    .ks27x-hero__benefit{
        min-height:62px !important;
        padding:7px 5px !important;
        display:flex !important;
        flex-direction:column !important;
        justify-content:center !important;
        text-align:center !important;
        gap:4px !important;
        border-radius:9px !important;
    }

    .ks27x-hero__benefit-icon{
        width:28px !important;
        height:28px !important;
        min-width:28px !important;
        font-size:12px !important;
    }

    .ks27x-hero__benefit b{
        font-size:9px !important;
        line-height:1.1 !important;
    }

    .ks27x-hero__benefit small{
        display:none !important;
    }

    .ks27x-hero__actions{
        display:grid !important;
        grid-template-columns:1fr 1fr !important;
        gap:7px !important;
        margin:0 0 10px !important;
    }

    .ks27x-hero__action{
        min-height:43px !important;
        padding:0 8px !important;
        font-size:9px !important;
        border-radius:9px !important;
    }

    .ks27x-hero__tour-heading{
        margin:0 0 6px !important;
    }

    .ks27x-hero__tour-heading h2{
        font-size:11px !important;
    }

    .ks27x-hero__tour-heading a{
        font-size:9px !important;
    }

    .ks27x-hero__cards{
        display:flex !important;
        gap:8px !important;
        overflow-x:auto !important;
        overflow-y:hidden !important;
        scroll-snap-type:x mandatory !important;
        padding:0 0 4px !important;
        margin:0 !important;
        -webkit-overflow-scrolling:touch;
        scrollbar-width:none;
    }

    .ks27x-hero__cards::-webkit-scrollbar{
        display:none;
    }

    .ks27x-card{
        flex:0 0 76% !important;
        min-width:0 !important;
        scroll-snap-align:start !important;
        display:grid !important;
        grid-template-columns:96px 1fr !important;
        min-height:92px !important;
        border-radius:10px !important;
    }

    .ks27x-card__image{
        height:92px !important;
    }

    .ks27x-card__body{
        padding:8px 9px !important;
    }

    .ks27x-card__title{
        font-size:11px !important;
        margin-bottom:4px !important;
    }

    .ks27x-card__meta{
        font-size:7px !important;
    }

    .ks27x-card__bottom{
        margin-top:4px !important;
        font-size:8px !important;
    }

    .ks27-premium-booking{
        margin-top:9px !important;
    }

    .ks27-premium-booking__mobile{
        min-height:44px !important;
        border-radius:9px !important;
        font-size:10px !important;
    }
}

/* Çok küçük telefon */
@media (max-width:390px){
    .ks27x-hero__shell{
        width:calc(100% - 16px) !important;
        padding-top:14px !important;
    }

    .ks27x-hero__title span,
    .ks27x-hero__title strong{
        font-size:29px !important;
    }

    .ks27x-hero__description{
        font-size:10px !important;
    }

    .ks27x-card{
        flex-basis:82% !important;
        grid-template-columns:88px 1fr !important;
    }

    .ks27x-card__image{
        height:88px !important;
    }
}

/* iPhone landscape / kısa ekran */
@media (max-height:700px) and (min-width:768px){
    .ks27x-hero__shell{
        padding-top:18px !important;
        padding-bottom:14px !important;
    }
    .ks27x-hero__title span,
    .ks27x-hero__title strong{
        font-size:clamp(34px,3.7vw,50px) !important;
    }
    .ks27x-card__image{
        height:78px !important;
    }
}


/* =========================================================
   JUBILEE HERO — PREMIUM FINAL LAYOUT
   Desktop: elegant full viewport composition
   Mobile: clean compact hotel hero
   ========================================================= */

/* ---------- DESKTOP ---------- */
@media (min-width:1025px){
    .ks27x-hero{
        min-height:calc(100svh - 92px)!important;
        height:auto!important;
        overflow:hidden!important;
        display:flex!important;
        align-items:stretch!important;
    }

    .ks27x-hero__shell{
        width:min(1380px,calc(100% - 64px))!important;
        min-height:calc(100svh - 92px)!important;
        height:auto!important;
        margin:0 auto!important;
        padding:42px 0 30px!important;
        display:flex!important;
        align-items:center!important;
        box-sizing:border-box!important;
    }

    .ks27x-hero__grid{
        width:100%!important;
        display:grid!important;
        grid-template-columns:minmax(0,1.48fr) minmax(330px,370px)!important;
        gap:72px!important;
        align-items:center!important;
    }

    .ks27x-hero__left{
        width:100%!important;
        max-width:760px!important;
    }

    .ks27x-hero__kicker{
        margin:0 0 10px!important;
        font-size:13px!important;
        letter-spacing:.04em!important;
    }

    .ks27x-hero__title{
        margin:0!important;
        max-width:720px!important;
    }

    .ks27x-hero__title span,
    .ks27x-hero__title strong{
        font-size:clamp(50px,4.35vw,74px)!important;
        line-height:.94!important;
    }

    .ks27x-hero__ornament{
        width:220px!important;
        margin:14px 0 15px!important;
    }

    .ks27x-hero__description{
        max-width:660px!important;
        margin:0 0 16px!important;
        font-size:14px!important;
        line-height:1.52!important;
    }

    .ks27x-hero__benefits{
        max-width:690px!important;
        margin:0 0 15px!important;
        display:grid!important;
        grid-template-columns:repeat(3,1fr)!important;
        gap:10px!important;
    }

    .ks27x-hero__benefit{
        min-height:62px!important;
        border:1px solid rgba(255,255,255,.10)!important;
        border-radius:12px!important;
        padding:9px 11px!important;
        background:rgba(1,20,35,.30)!important;
        display:flex!important;
        align-items:center!important;
        gap:10px!important;
    }

    .ks27x-hero__benefit-icon{
        width:36px!important;
        height:36px!important;
        min-width:36px!important;
        font-size:13px!important;
    }

    .ks27x-hero__benefit b{
        font-size:11px!important;
        line-height:1.15!important;
    }

    .ks27x-hero__benefit small{
        font-size:9px!important;
        line-height:1.15!important;
    }

    .ks27x-hero__actions{
        display:flex!important;
        gap:10px!important;
        margin:0 0 14px!important;
        max-width:620px!important;
    }

    .ks27x-hero__action{
        min-height:48px!important;
        border-radius:10px!important;
        padding:0 18px!important;
        font-size:10px!important;
    }

    .ks27x-hero__action--primary{
        min-width:205px!important;
    }

    .ks27x-hero__action--secondary{
        min-width:185px!important;
    }

    .ks27x-hero__tour-heading{
        max-width:620px!important;
        margin:0 0 7px!important;
    }

    .ks27x-hero__tour-heading h2{
        font-size:12px!important;
    }

    .ks27x-hero__tour-heading a{
        font-size:9px!important;
    }

    .ks27x-hero__cards{
        max-width:620px!important;
        display:grid!important;
        grid-template-columns:repeat(3,1fr)!important;
        gap:10px!important;
        overflow:visible!important;
    }

    .ks27x-card{
        min-width:0!important;
        border-radius:11px!important;
    }

    .ks27x-card__image{
        height:92px!important;
    }

    .ks27x-card__tag{
        font-size:8px!important;
        padding:4px 7px!important;
    }

    .ks27x-card__body{
        padding:8px 9px 9px!important;
    }

    .ks27x-card__title{
        margin:0 0 4px!important;
        font-size:11px!important;
    }

    .ks27x-card__meta{
        font-size:7px!important;
        gap:4px!important;
    }

    .ks27x-card__bottom{
        margin-top:5px!important;
        font-size:8px!important;
    }

    .ks27x-card__price{
        font-size:9px!important;
    }

    .ks27-premium-booking{
        width:370px!important;
        max-width:100%!important;
        margin:0!important;
        align-self:center!important;
    }

    .ks27-premium-booking__desktop{
        padding:30px 18px 16px!important;
        border-radius:20px!important;
    }

    .ks27-premium-booking__icon{
        width:46px!important;
        height:46px!important;
        margin:-54px auto 9px!important;
        font-size:17px!important;
    }

    .ks27-premium-booking__head{
        margin-bottom:10px!important;
    }

    .ks27-premium-booking__head h2{
        margin-bottom:3px!important;
        font-size:24px!important;
    }

    .ks27-premium-booking__head p{
        font-size:9px!important;
    }

    .ks27-premium-booking__field{
        gap:4px!important;
        margin-bottom:7px!important;
    }

    .ks27-premium-booking__field>span{
        font-size:9px!important;
    }

    .ks27-premium-booking__field input,
    .ks27-premium-booking__field select{
        min-height:43px!important;
        padding:0 11px!important;
        font-size:11px!important;
    }

    .ks27-premium-booking__submit{
        min-height:47px!important;
        font-size:10px!important;
    }

    .ks27-premium-booking__secure{
        margin-top:7px!important;
        font-size:8px!important;
    }
}

/* ---------- TABLET ---------- */
@media (min-width:768px) and (max-width:1024px){
    .ks27x-hero{
        min-height:calc(100svh - 80px)!important;
        height:auto!important;
    }

    .ks27x-hero__shell{
        width:calc(100% - 36px)!important;
        min-height:calc(100svh - 80px)!important;
        padding:34px 0 28px!important;
        display:flex!important;
        align-items:center!important;
    }

    .ks27x-hero__grid{
        display:block!important;
        width:100%!important;
    }

    .ks27x-hero__left{
        max-width:760px!important;
        margin:0 auto!important;
    }

    .ks27x-hero__title span,
    .ks27x-hero__title strong{
        font-size:clamp(44px,7.6vw,66px)!important;
    }

    .ks27x-hero__benefits{
        grid-template-columns:repeat(3,1fr)!important;
    }

    .ks27x-hero__actions{
        grid-template-columns:1fr 1fr!important;
    }

    .ks27x-hero__cards{
        display:grid!important;
        grid-template-columns:repeat(3,1fr)!important;
        gap:10px!important;
        overflow:visible!important;
    }

    .ks27x-card{
        display:block!important;
    }

    .ks27x-card__image{
        height:120px!important;
    }

    .ks27-premium-booking{
        width:100%!important;
        margin-top:14px!important;
    }

    .ks27-premium-booking__desktop{
        display:none!important;
    }

    .ks27-premium-booking__mobile{
        display:flex!important;
        width:100%!important;
        min-height:52px!important;
        border-radius:11px!important;
    }
}

/* ---------- MOBILE ---------- */
@media (max-width:767px){
    .ks27x-hero{
        min-height:calc(100svh - 72px)!important;
        height:auto!important;
        overflow:hidden!important;
    }

    .ks27x-hero__media:after{
        background:
          linear-gradient(180deg,rgba(0,20,34,.18) 0%,rgba(0,20,34,.52) 34%,rgba(0,20,34,.93) 100%)!important;
    }

    .ks27x-hero__shell{
        width:calc(100% - 24px)!important;
        min-height:calc(100svh - 72px)!important;
        height:auto!important;
        padding:24px 0 20px!important;
        display:flex!important;
        align-items:center!important;
        box-sizing:border-box!important;
    }

    .ks27x-hero__grid{
        width:100%!important;
        display:block!important;
    }

    .ks27x-hero__left{
        width:100%!important;
        max-width:none!important;
    }

    .ks27x-hero__kicker{
        margin:0 0 8px!important;
        font-size:10px!important;
        line-height:1.2!important;
    }

    .ks27x-hero__title{
        width:100%!important;
        margin:0!important;
    }

    .ks27x-hero__title span,
    .ks27x-hero__title strong{
        font-size:clamp(36px,10.4vw,46px)!important;
        line-height:.98!important;
        word-break:normal!important;
        overflow-wrap:normal!important;
        hyphens:none!important;
    }

    .ks27x-hero__ornament{
        width:135px!important;
        margin:10px 0 11px!important;
    }

    .ks27x-hero__description{
        margin:0 0 12px!important;
        font-size:11px!important;
        line-height:1.45!important;
        max-width:100%!important;
    }

    .ks27x-hero__benefits{
        display:grid!important;
        grid-template-columns:repeat(3,1fr)!important;
        gap:6px!important;
        margin:0 0 11px!important;
    }

    .ks27x-hero__benefit{
        min-height:66px!important;
        padding:7px 4px!important;
        border:1px solid rgba(255,255,255,.10)!important;
        border-radius:10px!important;
        background:rgba(2,25,41,.55)!important;
        display:flex!important;
        flex-direction:column!important;
        justify-content:center!important;
        align-items:center!important;
        text-align:center!important;
        gap:4px!important;
    }

    .ks27x-hero__benefit-icon{
        width:28px!important;
        height:28px!important;
        min-width:28px!important;
        font-size:11px!important;
    }

    .ks27x-hero__benefit b{
        font-size:8px!important;
        line-height:1.05!important;
        white-space:normal!important;
    }

    .ks27x-hero__benefit small{
        display:none!important;
    }

    .ks27x-hero__actions{
        display:grid!important;
        grid-template-columns:1fr 1fr!important;
        gap:7px!important;
        margin:0!important;
        width:100%!important;
    }

    .ks27x-hero__action{
        min-width:0!important;
        width:100%!important;
        min-height:45px!important;
        padding:0 7px!important;
        border-radius:9px!important;
        font-size:8.5px!important;
        gap:7px!important;
    }

    /* Mobilde oda kartlarını hero içinden çıkarıyoruz.
       Oda listesi zaten hemen aşağıdaki bölümde var; hero böylece temiz ve premium kalır. */
    .ks27x-hero__tour-heading,
    .ks27x-hero__cards{
        display:none!important;
    }

    .ks27-premium-booking{
        width:100%!important;
        margin:9px 0 0!important;
    }

    .ks27-premium-booking__desktop{
        display:none!important;
    }

    .ks27-premium-booking__mobile{
        display:flex!important;
        width:100%!important;
        min-height:47px!important;
        margin:0!important;
        border-radius:9px!important;
        font-size:9px!important;
        letter-spacing:.02em!important;
    }
}

/* ---------- SMALL MOBILE ---------- */
@media (max-width:390px){
    .ks27x-hero__shell{
        width:calc(100% - 18px)!important;
        padding-top:18px!important;
        padding-bottom:16px!important;
    }

    .ks27x-hero__title span,
    .ks27x-hero__title strong{
        font-size:33px!important;
    }

    .ks27x-hero__description{
        font-size:10px!important;
    }

    .ks27x-hero__benefit{
        min-height:61px!important;
    }

    .ks27x-hero__action{
        min-height:43px!important;
        font-size:8px!important;
    }
}


/* =========================================================
   JUBILEE HERO — READABLE DESKTOP + CLEAN MOBILE FINAL
   ========================================================= */

/* DESKTOP: yazılar okunaklı, kartlar net */
@media (min-width:1025px){
    .ks27x-hero__description{
        font-size:15px!important;
        line-height:1.6!important;
        max-width:680px!important;
    }

    .ks27x-hero__benefit{
        min-height:68px!important;
        padding:10px 13px!important;
    }

    .ks27x-hero__benefit-icon{
        width:40px!important;
        height:40px!important;
        min-width:40px!important;
        font-size:15px!important;
    }

    .ks27x-hero__benefit b{
        font-size:12px!important;
        line-height:1.2!important;
    }

    .ks27x-hero__benefit small{
        font-size:10px!important;
        line-height:1.25!important;
    }

    .ks27x-hero__action{
        min-height:50px!important;
        font-size:11px!important;
        padding:0 20px!important;
    }

    .ks27x-hero__tour-heading h2{
        font-size:14px!important;
    }

    .ks27x-hero__tour-heading a{
        font-size:11px!important;
    }

    .ks27x-hero__cards{
        max-width:660px!important;
        gap:12px!important;
    }

    .ks27x-card__image{
        height:112px!important;
    }

    .ks27x-card__tag{
        font-size:9px!important;
        padding:5px 8px!important;
    }

    .ks27x-card__body{
        padding:10px 11px 11px!important;
    }

    .ks27x-card__title{
        font-size:14px!important;
        line-height:1.2!important;
        margin-bottom:7px!important;
    }

    .ks27x-card__meta{
        font-size:9px!important;
        line-height:1.3!important;
    }

    .ks27x-card__bottom{
        margin-top:7px!important;
        font-size:10px!important;
    }

    .ks27x-card__rating{
        font-size:9px!important;
    }

    .ks27x-card__price{
        font-size:10px!important;
    }

    .ks27-premium-booking__head h2{
        font-size:26px!important;
    }

    .ks27-premium-booking__head p{
        font-size:10px!important;
        line-height:1.35!important;
    }

    .ks27-premium-booking__field>span{
        font-size:10px!important;
    }

    .ks27-premium-booking__field input,
    .ks27-premium-booking__field select{
        font-size:12px!important;
        min-height:46px!important;
    }

    .ks27-premium-booking__submit{
        font-size:11px!important;
        min-height:50px!important;
    }

    .ks27-premium-booking__secure{
        font-size:9px!important;
    }
}

/* MOBILE: temiz, dengeli, tamamı görünür */
@media (max-width:767px){
    .ks27x-hero{
        min-height:calc(100svh - 70px)!important;
        height:auto!important;
        overflow:hidden!important;
    }

    .ks27x-hero__media:after{
        background:
            linear-gradient(180deg,rgba(0,21,35,.16) 0%,rgba(0,21,35,.56) 34%,rgba(0,21,35,.92) 100%)!important;
    }

    .ks27x-hero__shell{
        width:calc(100% - 24px)!important;
        min-height:calc(100svh - 70px)!important;
        padding:28px 0 22px!important;
        display:flex!important;
        align-items:center!important;
    }

    .ks27x-hero__left{
        width:100%!important;
    }

    .ks27x-hero__kicker{
        margin:0 0 9px!important;
        font-size:10px!important;
        letter-spacing:.035em!important;
    }

    .ks27x-hero__title{
        margin:0!important;
        max-width:100%!important;
    }

    .ks27x-hero__title span,
    .ks27x-hero__title strong{
        font-size:clamp(34px,9.8vw,43px)!important;
        line-height:.98!important;
        letter-spacing:-.035em!important;
        white-space:normal!important;
    }

    .ks27x-hero__ornament{
        width:132px!important;
        margin:11px 0 12px!important;
    }

    .ks27x-hero__description{
        max-width:100%!important;
        margin:0 0 14px!important;
        font-size:11.5px!important;
        line-height:1.5!important;
    }

    .ks27x-hero__benefits{
        display:grid!important;
        grid-template-columns:repeat(3,minmax(0,1fr))!important;
        gap:6px!important;
        width:100%!important;
        margin:0 0 12px!important;
    }

    .ks27x-hero__benefit{
        min-width:0!important;
        min-height:72px!important;
        padding:8px 4px!important;
        margin:0!important;
        border:1px solid rgba(255,255,255,.12)!important;
        border-radius:11px!important;
        background:rgba(2,26,43,.62)!important;
        display:flex!important;
        flex-direction:column!important;
        align-items:center!important;
        justify-content:center!important;
        text-align:center!important;
        gap:5px!important;
    }

    .ks27x-hero__benefit-icon{
        width:30px!important;
        height:30px!important;
        min-width:30px!important;
        font-size:12px!important;
    }

    .ks27x-hero__benefit span{
        min-width:0!important;
        width:100%!important;
        align-items:center!important;
    }

    .ks27x-hero__benefit b{
        display:block!important;
        width:100%!important;
        font-size:8.5px!important;
        line-height:1.12!important;
        white-space:normal!important;
        overflow-wrap:anywhere!important;
    }

    .ks27x-hero__benefit small{
        display:none!important;
    }

    .ks27x-hero__actions{
        display:grid!important;
        grid-template-columns:1fr!important;
        gap:8px!important;
        width:100%!important;
        margin:0!important;
    }

    .ks27x-hero__action{
        width:100%!important;
        min-width:0!important;
        min-height:48px!important;
        padding:0 12px!important;
        border-radius:10px!important;
        font-size:9.5px!important;
    }

    .ks27x-hero__action--primary,
    .ks27x-hero__action--secondary{
        min-width:0!important;
    }

    /* Mobil hero sade tutulur */
    .ks27x-hero__tour-heading,
    .ks27x-hero__cards{
        display:none!important;
    }

    .ks27-premium-booking{
        width:100%!important;
        margin:9px 0 0!important;
    }

    .ks27-premium-booking__desktop{
        display:none!important;
    }

    .ks27-premium-booking__mobile{
        display:flex!important;
        width:100%!important;
        min-height:48px!important;
        border-radius:10px!important;
        margin:0!important;
        font-size:10px!important;
        font-weight:900!important;
    }
}

@media (max-width:420px){
    .ks27x-hero__shell{
        width:calc(100% - 18px)!important;
        padding-top:22px!important;
        padding-bottom:18px!important;
    }

    .ks27x-hero__title span,
    .ks27x-hero__title strong{
        font-size:32px!important;
    }

    .ks27x-hero__description{
        font-size:10.5px!important;
    }

    .ks27x-hero__benefit{
        min-height:68px!important;
    }

    .ks27x-hero__benefit b{
        font-size:8px!important;
    }

    .ks27x-hero__action,
    .ks27-premium-booking__mobile{
        min-height:46px!important;
    }
}


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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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


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

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


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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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


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

@media (max-width: 760px) {

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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


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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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


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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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



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

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

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

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

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

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


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


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


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


/* ===== SOURCE: assets/css/home-reservation-clean-v1.css ===== */

/* =========================================================
   ANTALYA TURLARI — HERO RESERVATION CLEAN REBUILD V1
   Sadece hm27 namespace. Eski modal/takvim/saat CSS'inden bağımsız.
   ========================================================= */

html.hm27-open,
body.hm27-open{
    overflow:hidden!important;
    overscroll-behavior:none!important;
}

.hm27-layer[hidden],
.hm27-modal[hidden]{
    display:none!important;
}

.hm27-layer{
    position:fixed;
    inset:0;
    z-index:2147482000;
    display:grid;
    place-items:center;
    padding:22px;
    isolation:isolate;
}

.hm27-backdrop{
    position:absolute;
    inset:0;
    width:100%;
    height:100%;
    border:0;
    padding:0;
    background:rgba(0,18,31,.76);
    backdrop-filter:blur(11px);
    -webkit-backdrop-filter:blur(11px);
    cursor:default;
}

.hm27-modal{
    --hm27-accent:#15c5d8;
    --hm27-accent2:#169dd6;

    position:relative;
    z-index:2;
    width:min(720px,calc(100vw - 44px));
    max-height:min(780px,calc(100dvh - 44px));
    display:flex;
    flex-direction:column;
    overflow:hidden;

    border:1px solid rgba(109,218,235,.48);
    border-radius:22px;

    color:#fff;
    background:
        radial-gradient(circle at 100% 0%,rgba(28,165,202,.14),transparent 35%),
        linear-gradient(180deg,#08354c 0%,#062d42 100%);

    box-shadow:
        0 35px 110px rgba(0,0,0,.55),
        inset 0 1px 0 rgba(255,255,255,.04);
}

.hm27-modal--vip{
    --hm27-accent:#16bde0;
    --hm27-accent2:#2d77dc;
}

.hm27-modal--hotel{
    --hm27-accent:#ff9a24;
    --hm27-accent2:#ff641f;
    border-color:rgba(255,145,58,.55);
}

.hm27-head{
    flex:0 0 auto;
    min-height:96px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:20px;
    padding:20px 24px;
    border-bottom:1px solid rgba(255,255,255,.11);
    background:rgba(255,255,255,.015);
}

.hm27-title{
    min-width:0;
    display:flex;
    align-items:center;
    gap:14px;
}

.hm27-icon{
    flex:0 0 46px;
    width:46px;
    height:46px;
    display:grid;
    place-items:center;
    border-radius:13px;
    color:var(--hm27-accent);
    background:rgba(0,0,0,.10);
}

.hm27-icon svg{
    width:29px;
    height:29px;
    fill:none;
    stroke:currentColor;
    stroke-width:2;
    stroke-linecap:round;
    stroke-linejoin:round;
}

.hm27-title h2{
    margin:0;
    color:#fff;
    font-size:21px;
    line-height:1.05;
    font-weight:950;
    letter-spacing:-.02em;
}

.hm27-title p{
    margin:5px 0 0;
    color:#b7cad4;
    font-size:10px;
    line-height:1.3;
    font-weight:600;
}

.hm27-close{
    flex:0 0 40px;
    width:40px;
    height:40px;
    display:grid;
    place-items:center;
    border:1px solid rgba(255,255,255,.16);
    border-radius:12px;
    color:#fff;
    background:rgba(255,255,255,.07);
    font:inherit;
    font-size:27px;
    line-height:1;
    cursor:pointer;
    transition:.18s ease;
}

.hm27-close:hover{
    background:rgba(255,255,255,.13);
    transform:translateY(-1px);
}

.hm27-body{
    min-height:0;
    flex:1 1 auto;
    overflow-y:auto;
    overflow-x:hidden;
    padding:22px 24px 24px;
    overscroll-behavior:contain;
    scrollbar-width:thin;
    scrollbar-color:rgba(130,193,210,.55) transparent;
}

.hm27-body::-webkit-scrollbar{width:7px}
.hm27-body::-webkit-scrollbar-thumb{
    border-radius:999px;
    background:rgba(130,193,210,.55);
}

.hm27-form{
    margin:0;
}

.hm27-grid{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:16px;
}

.hm27-field{
    min-width:0;
    display:grid;
    gap:7px;
}

.hm27-field--wide{
    grid-column:1/-1;
}

.hm27-field > span:first-child{
    color:#e9f5f8;
    font-size:10px;
    line-height:1;
    font-weight:900;
}

.hm27-control{
    min-width:0;
    height:54px;
    display:grid;
    grid-template-columns:40px minmax(0,1fr);
    align-items:center;
    overflow:hidden;

    border:1px solid #d9e3e8;
    border-radius:11px;
    color:#233d52;
    background:#f7f9fb;
    transition:border-color .16s ease,box-shadow .16s ease;
}

.hm27-control:focus-within{
    border-color:var(--hm27-accent);
    box-shadow:0 0 0 3px color-mix(in srgb,var(--hm27-accent) 16%,transparent);
}

.hm27-control i{
    width:40px;
    display:grid;
    place-items:center;
    color:#26485e;
    font-style:normal;
    font-size:16px;
}

.hm27-control input,
.hm27-control select{
    width:100%;
    min-width:0;
    height:52px;
    margin:0;
    padding:0 14px 0 0;
    border:0;
    outline:0;
    color:#40586c;
    background:transparent;
    font:inherit;
    font-size:12px;
    font-weight:750;
}

.hm27-control input[type="date"]{
    appearance:auto;
    -webkit-appearance:auto;
    color-scheme:light;
}

.hm27-control select{
    cursor:pointer;
}

.hm27-counter{
    height:54px;
    display:grid;
    grid-template-columns:56px 1fr 56px;
    overflow:hidden;
    border:1px solid #d9e3e8;
    border-radius:11px;
    background:#f7f9fb;
}

.hm27-counter button{
    border:0;
    color:#15384d;
    background:#edf4f7;
    font:inherit;
    font-size:23px;
    font-weight:800;
    cursor:pointer;
}

.hm27-counter button:hover{
    background:#e2f1f5;
}

.hm27-counter > span{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:5px;
    color:#19394e;
    background:#fff;
    font-size:12px;
    font-weight:700;
}

.hm27-counter strong{
    font-size:15px;
}

.hm27-return{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:16px;
    margin-top:14px;
    padding:15px;
    border:1px solid rgba(255,255,255,.10);
    border-radius:14px;
    background:rgba(255,255,255,.035);
}

.hm27-return[hidden]{
    display:none!important;
}

.hm27-check{
    margin-top:16px;
    min-height:62px;
    display:flex;
    align-items:center;
    gap:12px;
    padding:11px 14px;
    border:1px solid rgba(255,255,255,.11);
    border-radius:14px;
    background:rgba(255,255,255,.035);
    cursor:pointer;
}

.hm27-check input{
    flex:0 0 20px;
    width:20px;
    height:20px;
    accent-color:var(--hm27-accent);
}

.hm27-check span{
    display:grid;
    gap:3px;
}

.hm27-check strong{
    color:#f3fbfd;
    font-size:11px;
}

.hm27-check small{
    color:#9fb6c2;
    font-size:9px;
}

.hm27-note{
    margin-top:16px;
    padding:11px 13px;
    border-radius:10px;
    color:#a9c1cd;
    background:rgba(0,0,0,.12);
    font-size:9px;
    text-align:center;
}

.hm27-feedback{
    margin-top:14px;
    padding:10px 12px;
    border:1px solid rgba(255,92,92,.35);
    border-radius:10px;
    color:#ffd8d8;
    background:rgba(160,23,37,.38);
    font-size:10px;
}

.hm27-feedback[hidden]{display:none!important}

.hm27-submit{
    width:100%;
    min-height:54px;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:10px;
    margin-top:16px;
    padding:0 18px;
    border:0;
    border-radius:11px;
    color:#fff;
    background:linear-gradient(90deg,var(--hm27-accent),var(--hm27-accent2));
    box-shadow:0 10px 25px color-mix(in srgb,var(--hm27-accent) 14%,transparent);
    font:inherit;
    font-size:12px;
    font-weight:950;
    cursor:pointer;
    transition:transform .18s ease,filter .18s ease;
}

.hm27-submit:hover{
    transform:translateY(-1px);
    filter:brightness(1.05);
}

.hm27-submit span{
    font-size:20px;
}

/* Tablet */
@media (max-width:900px) and (min-width:768px){
    .hm27-layer{padding:18px}
    .hm27-modal{
        width:min(680px,calc(100vw - 36px));
        max-height:calc(100dvh - 36px);
    }
}

/* Mobile = real fullscreen */
@media (max-width:767px){
    .hm27-layer{
        display:block;
        padding:0;
    }

    .hm27-backdrop{
        display:none;
    }

    .hm27-modal{
        position:fixed;
        inset:0;
        width:100vw;
        max-width:none;
        height:100dvh;
        max-height:100dvh;
        border:0;
        border-radius:0;
        box-shadow:none;
    }

    .hm27-head{
        position:sticky;
        top:0;
        z-index:5;
        min-height:78px;
        padding:14px 15px;
        background:#08354c;
    }

    .hm27-icon{
        flex-basis:42px;
        width:42px;
        height:42px;
        border-radius:11px;
    }

    .hm27-icon svg{
        width:25px;
        height:25px;
    }

    .hm27-title{
        gap:10px;
    }

    .hm27-title h2{
        font-size:18px;
    }

    .hm27-title p{
        font-size:9px;
    }

    .hm27-close{
        flex-basis:38px;
        width:38px;
        height:38px;
        border-radius:10px;
        font-size:24px;
    }

    .hm27-body{
        height:calc(100dvh - 78px);
        padding:18px 12px calc(24px + env(safe-area-inset-bottom));
    }

    .hm27-grid,
    .hm27-return{
        grid-template-columns:1fr;
        gap:13px;
    }

    .hm27-field--wide{
        grid-column:auto;
    }

    .hm27-control,
    .hm27-counter{
        height:56px;
        border-radius:12px;
    }

    .hm27-control input,
    .hm27-control select{
        height:54px;
        font-size:13px;
    }

    .hm27-field > span:first-child{
        font-size:10.5px;
    }

    .hm27-counter{
        grid-template-columns:58px 1fr 58px;
    }

    .hm27-submit{
        position:sticky;
        bottom:0;
        z-index:4;
        min-height:56px;
        margin-top:18px;
        border-radius:12px;
        box-shadow:0 -10px 25px rgba(4,37,52,.24);
    }

    .hm27-check{
        align-items:flex-start;
    }
}

/* Small mobile */
@media (max-width:390px){
    .hm27-head{
        min-height:72px;
        padding:12px 11px;
    }

    .hm27-body{
        height:calc(100dvh - 72px);
        padding:15px 9px calc(20px + env(safe-area-inset-bottom));
    }

    .hm27-title h2{
        font-size:16px;
    }

    .hm27-title p{
        display:none;
    }

    .hm27-control,
    .hm27-counter{
        height:53px;
    }

    .hm27-control input,
    .hm27-control select{
        height:51px;
        font-size:12px;
    }
}

/* Reduced motion */
@media (prefers-reduced-motion:reduce){
    .hm27-close,
    .hm27-submit{
        transition:none!important;
    }
}


/* =========================================================
   HM27 CUSTOM AVAILABILITY CALENDAR — FINAL
   Admin tarih/kontenjan ile Boş / Dolmak Üzere / Dolu
   ========================================================= */
.hm27-control:has(.hm27-date-button){grid-template-columns:40px minmax(0,1fr)}
.hm27-control:has(.hm27-date-button) > i{display:grid}
.hm27-date-button{
    width:100%;height:52px;min-width:0;display:flex;align-items:center;justify-content:space-between;gap:12px;
    padding:0 13px 0 0;border:0;outline:0;color:#40586c;background:transparent;font:inherit;font-size:12px;font-weight:750;cursor:pointer;text-align:left
}
.hm27-date-button b{font-size:15px;color:#223d51;font-weight:700}
.hm27-date-button.is-filled span{color:#17384d;font-weight:850}

.hm27-calendar[hidden]{display:none!important}
.hm27-calendar{
    position:fixed;z-index:2147483500;width:344px;padding:13px;border:1px solid rgba(39,203,219,.48);border-radius:18px;
    color:#eefcff;background:linear-gradient(180deg,#0a3c55 0%,#073149 58%,#062a3e 100%);
    box-shadow:0 26px 80px rgba(0,0,0,.52),inset 0 1px 0 rgba(255,255,255,.04)
}
.hm27-calendar__top{min-height:48px;display:grid;grid-template-columns:42px 1fr 42px;align-items:center;gap:8px;padding-bottom:9px;border-bottom:1px solid rgba(255,255,255,.1)}
.hm27-calendar__top>div{text-align:center;display:grid;gap:2px}
.hm27-calendar__top strong{font-size:14px;color:#fff}
.hm27-calendar__top small{font-size:9px;color:#95b5c3}
.hm27-calendar__nav{width:38px;height:38px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.13);border-radius:10px;color:#fff;background:rgba(255,255,255,.055);font:inherit;font-size:24px;cursor:pointer}
.hm27-calendar__nav:hover{background:rgba(255,255,255,.11)}
.hm27-calendar__week,.hm27-calendar__grid{display:grid;grid-template-columns:repeat(7,1fr);gap:5px}
.hm27-calendar__week{padding:10px 0 5px}
.hm27-calendar__week span{text-align:center;color:#8faebb;font-size:9px;font-weight:900}
.hm27-calendar__day{position:relative;min-width:0;height:38px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.08);border-radius:9px;color:#eaf9fc;background:rgba(255,255,255,.035);font:inherit;font-size:11px;font-weight:850;cursor:pointer}
.hm27-calendar__day::after{content:"";position:absolute;right:5px;top:5px;width:5px;height:5px;border-radius:50%;background:#31df9b;box-shadow:0 0 0 2px rgba(49,223,155,.11)}
.hm27-calendar__day.is-near{border-color:rgba(255,177,54,.55);background:rgba(255,154,31,.08)}
.hm27-calendar__day.is-near::after{background:#ffae35;box-shadow:0 0 0 2px rgba(255,174,53,.12)}
.hm27-calendar__day.is-full{border-color:rgba(255,82,101,.45);color:#aebbc1;background:rgba(255,74,94,.08);cursor:not-allowed}
.hm27-calendar__day.is-full::after{background:#ff5068;box-shadow:0 0 0 2px rgba(255,80,104,.12)}
.hm27-calendar__day.is-closed{opacity:.28;cursor:not-allowed}
.hm27-calendar__day.is-closed::after{display:none}
.hm27-calendar__day.is-past{opacity:.18;cursor:not-allowed}
.hm27-calendar__day.is-past::after{display:none}
.hm27-calendar__day.is-other{opacity:.18;pointer-events:none}
.hm27-calendar__day:hover:not(.is-full):not(.is-closed):not(.is-past):not(.is-other){transform:translateY(-1px);border-color:var(--hm27-accent,#16c5d8);background:rgba(26,192,213,.12)}
.hm27-calendar__day.is-selected{color:#fff;border-color:#6f56ff!important;background:linear-gradient(145deg,#5369ff,#7550ef)!important;box-shadow:0 6px 15px rgba(100,78,245,.34)}
.hm27-calendar__day.is-selected::after{background:#fff}
.hm27-calendar__legend{display:flex;align-items:center;justify-content:center;gap:13px;flex-wrap:wrap;margin-top:11px;padding-top:10px;border-top:1px solid rgba(255,255,255,.09);color:#a9c0ca;font-size:8.5px;font-weight:750}
.hm27-calendar__legend span{display:flex;align-items:center;gap:5px}
.hm27-calendar__legend i{width:7px;height:7px;border-radius:50%;background:#31df9b}
.hm27-calendar__legend i.is-near{background:#ffae35}.hm27-calendar__legend i.is-full{background:#ff5068}
.hm27-calendar__foot{min-height:34px;display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:7px}
.hm27-calendar__foot small{color:#7797a5;font-size:7.5px;line-height:1.3}.hm27-calendar__foot button{border:0;color:#35dce5;background:transparent;font:inherit;font-size:9px;font-weight:900;cursor:pointer}

@media(max-width:767px){
 .hm27-calendar{left:8px!important;right:8px!important;bottom:calc(8px + env(safe-area-inset-bottom))!important;top:auto!important;width:auto!important;max-height:76dvh;overflow-y:auto;border-radius:20px;padding:12px}
 .hm27-calendar__day{height:42px;font-size:12px}.hm27-calendar__week,.hm27-calendar__grid{gap:4px}.hm27-calendar__top{position:sticky;top:-12px;z-index:3;background:#0a3c55;padding-top:9px}
}
@media(max-width:390px){
 .hm27-calendar{left:5px!important;right:5px!important;bottom:calc(5px + env(safe-area-inset-bottom))!important;padding:9px;border-radius:16px}
 .hm27-calendar__day{height:37px;font-size:11px}.hm27-calendar__week,.hm27-calendar__grid{gap:3px}.hm27-calendar__legend{gap:8px;font-size:8px}
}


/* =========================================================
   HM27 CUSTOM SELECT — FINAL
   Native beyaz dropdown yerine site uyumlu tek sistem.
   ========================================================= */

.hm27-control--select{
    overflow:visible!important;
}

.hm27-control--select > select.hm27-native-select{
    position:absolute!important;
    width:1px!important;
    height:1px!important;
    padding:0!important;
    margin:-1px!important;
    overflow:hidden!important;
    clip:rect(0,0,0,0)!important;
    white-space:nowrap!important;
    border:0!important;
    opacity:0!important;
    pointer-events:none!important;
}

.hm27-select-ui{
    position:relative;
    grid-column:2;
    min-width:0;
    height:100%;
}

.hm27-select-ui__trigger{
    width:100%;
    height:100%;
    min-height:52px;
    display:grid;
    grid-template-columns:minmax(0,1fr) 28px;
    align-items:center;
    gap:8px;
    padding:0 8px 0 0;

    border:0;
    outline:0;
    border-radius:0 10px 10px 0;

    color:#40586c;
    background:transparent;

    font:inherit;
    font-size:12px;
    font-weight:800;
    text-align:left;

    cursor:pointer;
}

.hm27-select-ui__trigger-value{
    min-width:0;
    overflow:hidden;
    white-space:nowrap;
    text-overflow:ellipsis;
}

.hm27-select-ui__chevron{
    width:28px;
    height:28px;
    display:grid;
    place-items:center;
    border-radius:8px;
    color:#29465a;
    font-size:15px;
    transition:transform .18s ease,background .18s ease;
}

.hm27-select-ui.is-open .hm27-select-ui__chevron{
    transform:rotate(180deg);
    background:color-mix(in srgb,var(--hm27-accent) 10%,transparent);
}

.hm27-control--select:has(.hm27-select-ui.is-open){
    border-color:var(--hm27-accent)!important;
    box-shadow:
        0 0 0 3px color-mix(in srgb,var(--hm27-accent) 15%,transparent),
        0 10px 28px rgba(0,0,0,.10)!important;
}

/* popup */
.hm27-select-ui__panel{
    position:absolute;
    z-index:2147483000;
    left:-40px;
    top:calc(100% + 8px);

    width:calc(100% + 40px);
    min-width:280px;
    max-height:390px;

    padding:9px;

    border:1px solid color-mix(in srgb,var(--hm27-accent) 35%,rgba(255,255,255,.16));
    border-radius:14px;

    color:#eaf9fd;
    background:
        radial-gradient(circle at 100% 0%,color-mix(in srgb,var(--hm27-accent) 10%,transparent),transparent 42%),
        linear-gradient(180deg,#08384f 0%,#062d42 100%);

    box-shadow:
        0 25px 65px rgba(0,0,0,.48),
        inset 0 1px 0 rgba(255,255,255,.04);

    overflow:hidden;
}

.hm27-select-ui__panel[hidden]{
    display:none!important;
}

.hm27-select-ui__search-wrap{
    position:relative;
    margin-bottom:8px;
}

.hm27-select-ui__search-wrap::before{
    content:"⌕";
    position:absolute;
    z-index:2;
    left:13px;
    top:50%;
    transform:translateY(-50%);
    color:#6f98a9;
    font-size:17px;
}

.hm27-select-ui__search{
    width:100%;
    height:43px;
    padding:0 12px 0 39px;
    border:1px solid rgba(141,191,207,.25);
    border-radius:9px;
    outline:0;

    color:#eaf8fc;
    background:rgba(1,23,36,.58);

    font:inherit;
    font-size:11px;
    font-weight:700;
}

.hm27-select-ui__search::placeholder{
    color:#7293a1;
}

.hm27-select-ui__search:focus{
    border-color:var(--hm27-accent);
    box-shadow:0 0 0 3px color-mix(in srgb,var(--hm27-accent) 12%,transparent);
}

.hm27-select-ui__caption{
    display:flex;
    align-items:center;
    gap:7px;
    padding:5px 6px 7px;
    color:var(--hm27-accent);
    font-size:9px;
    font-weight:950;
    letter-spacing:.05em;
    text-transform:uppercase;
}

.hm27-select-ui__caption::before{
    content:"✦";
    font-size:13px;
}

.hm27-select-ui__options{
    max-height:292px;
    overflow-y:auto;
    overflow-x:hidden;
    padding-right:3px;
    overscroll-behavior:contain;
    scrollbar-width:thin;
    scrollbar-color:rgba(118,169,186,.55) transparent;
}

.hm27-select-ui__options::-webkit-scrollbar{
    width:6px;
}

.hm27-select-ui__options::-webkit-scrollbar-thumb{
    border-radius:999px;
    background:rgba(118,169,186,.55);
}

.hm27-select-ui__option{
    width:100%;
    min-height:43px;
    display:grid;
    grid-template-columns:30px minmax(0,1fr) 25px;
    align-items:center;
    gap:8px;
    margin:3px 0;
    padding:5px 8px;

    border:1px solid transparent;
    border-radius:9px;

    color:#deedf3;
    background:transparent;

    font:inherit;
    text-align:left;
    cursor:pointer;
    transition:.14s ease;
}

.hm27-select-ui__option:hover,
.hm27-select-ui__option.is-active{
    border-color:rgba(255,255,255,.08);
    background:rgba(255,255,255,.055);
}

.hm27-select-ui__option.is-selected{
    border-color:color-mix(in srgb,var(--hm27-accent) 55%,transparent);
    background:linear-gradient(
        90deg,
        color-mix(in srgb,var(--hm27-accent) 42%,#07334a),
        color-mix(in srgb,var(--hm27-accent) 18%,#07334a)
    );
    box-shadow:0 5px 16px color-mix(in srgb,var(--hm27-accent) 12%,transparent);
}

.hm27-select-ui__option-icon{
    width:28px;
    height:28px;
    display:grid;
    place-items:center;
    border-radius:8px;

    color:#d7f7fc;
    background:rgba(255,255,255,.055);
    font-size:14px;
}

.hm27-select-ui__option-copy{
    min-width:0;
    display:grid;
    gap:2px;
}

.hm27-select-ui__option-copy strong{
    overflow:hidden;
    color:#eef9fc;
    font-size:11px;
    line-height:1.2;
    font-weight:850;
    white-space:nowrap;
    text-overflow:ellipsis;
}

.hm27-select-ui__option-copy small{
    overflow:hidden;
    color:#88a6b4;
    font-size:8.5px;
    line-height:1.2;
    font-weight:600;
    white-space:nowrap;
    text-overflow:ellipsis;
}

.hm27-select-ui__check{
    width:22px;
    height:22px;
    display:grid;
    place-items:center;
    justify-self:end;
    border:1px solid rgba(161,196,207,.35);
    border-radius:50%;
    color:transparent;
    font-size:11px;
    font-weight:950;
}

.hm27-select-ui__option.is-selected .hm27-select-ui__check{
    color:#062d42;
    border-color:var(--hm27-accent);
    background:var(--hm27-accent);
}

.hm27-select-ui__empty{
    padding:18px 10px;
    color:#91aab6;
    font-size:10px;
    text-align:center;
}

/* time list gets compact two-column feel on large lists */
.hm27-select-ui.is-time .hm27-select-ui__options{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:4px;
}

.hm27-select-ui.is-time .hm27-select-ui__option{
    grid-template-columns:1fr;
    min-height:40px;
    margin:0;
    padding:6px;
    text-align:center;
}

.hm27-select-ui.is-time .hm27-select-ui__option-icon,
.hm27-select-ui.is-time .hm27-select-ui__check,
.hm27-select-ui.is-time .hm27-select-ui__option-copy small{
    display:none;
}

.hm27-select-ui.is-time .hm27-select-ui__option-copy strong{
    text-align:center;
}

/* MOBILE: seçim paneli formun içine taşmaz, fullscreen modalın altında sheet olur */
@media (max-width:767px){
    .hm27-select-ui__panel{
        position:fixed;
        left:8px;
        right:8px;
        top:auto;
        bottom:calc(8px + env(safe-area-inset-bottom));

        width:auto;
        min-width:0;
        max-height:72dvh;

        padding:10px;
        border-radius:18px;

        box-shadow:
            0 -12px 45px rgba(0,0,0,.32),
            0 30px 85px rgba(0,0,0,.62);
    }

    .hm27-select-ui__options{
        max-height:calc(72dvh - 105px);
    }

    .hm27-select-ui__option{
        min-height:49px;
    }

    .hm27-select-ui__option-copy strong{
        font-size:12px;
    }

    .hm27-select-ui__option-copy small{
        font-size:9px;
    }

    .hm27-select-ui.is-time .hm27-select-ui__options{
        grid-template-columns:repeat(3,minmax(0,1fr));
        max-height:55dvh;
    }
}

@media (max-width:390px){
    .hm27-select-ui__panel{
        left:5px;
        right:5px;
        bottom:calc(5px + env(safe-area-inset-bottom));
        max-height:78dvh;
        border-radius:15px;
    }

    .hm27-select-ui__options{
        max-height:calc(78dvh - 105px);
    }

    .hm27-select-ui.is-time .hm27-select-ui__options{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }
}


/* =========================================================
   HM27 DROPDOWN — RESPONSIVE FINAL OVERRIDE
   Desktop / Tablet / Mobile
   ========================================================= */

/* Modal itself must not grow when a dropdown opens */
.hm27-modal{
    overflow:hidden!important;
}

.hm27-body{
    position:relative!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
}

/* custom select is overlay only */
.hm27-select-ui{
    position:relative!important;
    z-index:auto!important;
}

.hm27-select-ui.is-open{
    z-index:50!important;
}

.hm27-select-ui__panel{
    position:fixed!important;

    width:min(420px,calc(100vw - 28px))!important;
    min-width:0!important;
    max-width:420px!important;

    max-height:min(460px,calc(100dvh - 40px))!important;

    margin:0!important;

    overflow:hidden!important;

    border-radius:14px!important;

    z-index:2147483200!important;
}

.hm27-select-ui__options{
    max-height:300px!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    overscroll-behavior:contain!important;
}

/* Compact option cards */
.hm27-select-ui__option{
    min-height:42px!important;
    padding:5px 8px!important;
}

.hm27-select-ui__search{
    height:41px!important;
}

/* Time picker: no search needed */
.hm27-select-ui.is-time .hm27-select-ui__search-wrap{
    display:none!important;
}

.hm27-select-ui.is-time .hm27-select-ui__panel{
    width:min(380px,calc(100vw - 28px))!important;
    max-width:380px!important;
}

.hm27-select-ui.is-time .hm27-select-ui__options{
    display:grid!important;
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    gap:5px!important;
    max-height:270px!important;
    padding:4px!important;
}

.hm27-select-ui.is-time .hm27-select-ui__option{
    min-height:39px!important;
    height:39px!important;
    padding:4px!important;
    border-radius:8px!important;
}

.hm27-select-ui.is-time .hm27-select-ui__caption{
    margin-bottom:4px!important;
}

/* Desktop */
@media (min-width:1200px){
    .hm27-modal{
        width:min(720px,calc(100vw - 56px))!important;
        max-height:min(760px,calc(100dvh - 56px))!important;
    }

    .hm27-body{
        padding-bottom:24px!important;
    }
}

/* Tablet / small desktop */
@media (min-width:768px) and (max-width:1199px){
    .hm27-modal{
        width:min(680px,calc(100vw - 32px))!important;
        max-height:calc(100dvh - 32px)!important;
    }

    .hm27-select-ui__panel{
        width:min(390px,calc(100vw - 24px))!important;
        max-width:390px!important;
        max-height:min(420px,calc(100dvh - 30px))!important;
    }

    .hm27-select-ui.is-time .hm27-select-ui__panel{
        width:min(360px,calc(100vw - 24px))!important;
        max-width:360px!important;
    }

    .hm27-select-ui.is-time .hm27-select-ui__options{
        grid-template-columns:repeat(4,minmax(0,1fr))!important;
        max-height:250px!important;
    }
}

/* Mobile */
@media (max-width:767px){
    .hm27-select-ui__panel{
        left:8px!important;
        right:8px!important;
        top:auto!important;
        bottom:calc(8px + env(safe-area-inset-bottom))!important;

        width:auto!important;
        min-width:0!important;
        max-width:none!important;
        max-height:72dvh!important;

        border-radius:18px!important;
    }

    .hm27-select-ui__options{
        max-height:calc(72dvh - 96px)!important;
    }

    .hm27-select-ui.is-time .hm27-select-ui__panel{
        width:auto!important;
        max-width:none!important;
    }

    .hm27-select-ui.is-time .hm27-select-ui__options{
        grid-template-columns:repeat(3,minmax(0,1fr))!important;
        max-height:54dvh!important;
    }

    .hm27-select-ui__option{
        min-height:48px!important;
    }

    .hm27-select-ui.is-time .hm27-select-ui__option{
        min-height:43px!important;
        height:43px!important;
    }
}

@media (max-width:390px){
    .hm27-select-ui__panel{
        left:5px!important;
        right:5px!important;
        bottom:calc(5px + env(safe-area-inset-bottom))!important;
        max-height:78dvh!important;
        border-radius:15px!important;
    }

    .hm27-select-ui__options{
        max-height:calc(78dvh - 94px)!important;
    }

    .hm27-select-ui.is-time .hm27-select-ui__options{
        grid-template-columns:repeat(2,minmax(0,1fr))!important;
        max-height:58dvh!important;
    }
}


/* =========================================================
   HM27 DROPDOWN SEARCH — FINAL
   Yalnızca açılan dropdown içindeki search alanı düzenlenmiştir.
   ========================================================= */

.hm27-select-ui__search-wrap{
    position:sticky!important;
    top:0!important;
    z-index:8!important;

    margin:0 0 10px!important;
    padding:4px!important;

    border:1px solid color-mix(in srgb,var(--hm27-accent) 34%,rgba(255,255,255,.10))!important;
    border-radius:12px!important;

    background:
        linear-gradient(180deg,
            color-mix(in srgb,var(--hm27-accent) 8%,#0a344a),
            #082f44)!important;

    box-shadow:
        0 8px 18px rgba(0,0,0,.15),
        inset 0 1px 0 rgba(255,255,255,.035)!important;
}

.hm27-select-ui__search-wrap::before{
    content:""!important;
    display:none!important;
}

.hm27-select-ui__search{
    width:100%!important;
    height:46px!important;
    min-height:46px!important;

    padding:0 42px 0 42px!important;

    border:1px solid rgba(181,221,232,.28)!important;
    border-radius:9px!important;
    outline:none!important;

    color:#f4fbfd!important;
    caret-color:var(--hm27-accent)!important;

    background:
        linear-gradient(180deg,
            rgba(2,27,41,.94),
            rgba(3,38,55,.96))!important;

    font:inherit!important;
    font-size:12px!important;
    font-weight:750!important;
    letter-spacing:.005em!important;

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.035),
        0 3px 10px rgba(0,0,0,.08)!important;

    transition:
        border-color .16s ease,
        box-shadow .16s ease,
        background .16s ease!important;
}

.hm27-select-ui__search::placeholder{
    color:#8aa8b5!important;
    opacity:1!important;
    font-weight:650!important;
}

.hm27-select-ui__search:hover{
    border-color:color-mix(in srgb,var(--hm27-accent) 48%,rgba(255,255,255,.20))!important;
}

.hm27-select-ui__search:focus{
    border-color:var(--hm27-accent)!important;
    background:#062f45!important;

    box-shadow:
        0 0 0 3px color-mix(in srgb,var(--hm27-accent) 16%,transparent),
        0 7px 18px rgba(0,0,0,.16)!important;
}

/* Search icon */
.hm27-select-ui__search-wrap::after{
    content:"⌕"!important;
    position:absolute!important;
    left:17px!important;
    top:50%!important;
    transform:translateY(-50%)!important;

    width:18px!important;
    height:18px!important;
    display:grid!important;
    place-items:center!important;

    color:var(--hm27-accent)!important;
    font-size:17px!important;
    line-height:1!important;
    font-weight:900!important;

    pointer-events:none!important;
}

/* JS tarafından eklenen temizle butonu */
.hm27-select-ui__search-clear{
    position:absolute!important;
    z-index:5!important;
    right:10px!important;
    top:50%!important;
    transform:translateY(-50%)!important;

    width:28px!important;
    height:28px!important;
    display:grid!important;
    place-items:center!important;

    padding:0!important;
    border:1px solid rgba(255,255,255,.08)!important;
    border-radius:8px!important;

    color:#9db7c2!important;
    background:rgba(255,255,255,.045)!important;

    font:inherit!important;
    font-size:16px!important;
    line-height:1!important;

    cursor:pointer!important;
    transition:.15s ease!important;
}

.hm27-select-ui__search-clear:hover{
    color:#fff!important;
    border-color:color-mix(in srgb,var(--hm27-accent) 35%,rgba(255,255,255,.08))!important;
    background:color-mix(in srgb,var(--hm27-accent) 17%,rgba(255,255,255,.04))!important;
}

.hm27-select-ui__search-clear[hidden]{
    display:none!important;
}

/* Arama sonucunda bulunan metin/satırlar daha net */
.hm27-select-ui__option:not([hidden]){
    opacity:1!important;
}

.hm27-select-ui__empty{
    margin:8px 2px 2px!important;
    padding:17px 12px!important;

    border:1px dashed rgba(150,191,204,.22)!important;
    border-radius:10px!important;

    color:#9db4be!important;
    background:rgba(255,255,255,.025)!important;

    font-size:10px!important;
    font-weight:700!important;
    text-align:center!important;
}

/* Mobilde search üstte sabit ve dokunması kolay */
@media (max-width:767px){
    .hm27-select-ui__search-wrap{
        margin-bottom:9px!important;
        padding:4px!important;
        border-radius:13px!important;
    }

    .hm27-select-ui__search{
        height:50px!important;
        min-height:50px!important;

        padding-left:44px!important;
        padding-right:44px!important;

        border-radius:10px!important;
        font-size:13px!important;
    }

    .hm27-select-ui__search-wrap::after{
        left:17px!important;
        font-size:18px!important;
    }

    .hm27-select-ui__search-clear{
        right:10px!important;
        width:31px!important;
        height:31px!important;
    }
}


/* =========================================================
   HM27 SEARCH FILTER — VISIBILITY FIX
   ========================================================= */
.hm27-select-ui__option[hidden]{
    display:none!important;
}

.hm27-select-ui__option.hm27-filter-hidden{
    display:none!important;
}

.hm27-select-ui__option.hm27-filter-match{
    display:grid!important;
}


/* ===== SOURCE: assets/css/rezervasyon.css ===== */
:root {
    --rez-bg: #f4f7fb;
    --rez-card: #ffffff;
    --rez-text: #10253b;
    --rez-muted: #68788a;
    --rez-line: #dfe7ef;
    --rez-primary: #ff684f;
    --rez-primary-dark: #e94f38;
    --rez-navy: #082f4d;
    --rez-cyan: #16c7d9;
    --rez-success: #16865d;
    --rez-danger: #c23d3d;
    --rez-shadow: 0 18px 45px rgba(8, 47, 77, .10);
    --rez-radius: 22px;
}

.reservation-page,
.reservation-page * {
    box-sizing: border-box;
}

.reservation-page {
    background: var(--rez-bg);
    color: var(--rez-text);
    font-family: inherit;
    line-height: 1.55;
}

.reservation-container {
    width: min(1180px, calc(100% - 40px));
    margin: 0 auto;
}

.reservation-hero {
    position: relative;
    min-height: 330px;
    display: flex;
    align-items: center;
    overflow: hidden;
    background:
        radial-gradient(circle at 85% 20%, rgba(22, 199, 217, .18), transparent 32%),
        linear-gradient(135deg, #06233a 0%, #0b496c 100%);
}

.reservation-hero__image {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.reservation-hero__overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, rgba(3, 25, 42, .94) 0%, rgba(5, 39, 62, .82) 48%, rgba(5, 39, 62, .45) 100%);
}

.reservation-hero__content {
    position: relative;
    z-index: 2;
    padding: 64px 0 58px;
    color: #fff;
}

.reservation-breadcrumb {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
    margin-bottom: 22px;
    font-size: 14px;
}

.reservation-breadcrumb a {
    color: #73e4ef;
    text-decoration: none;
}

.reservation-breadcrumb strong,
.reservation-breadcrumb span {
    color: rgba(255, 255, 255, .76);
}

.reservation-hero__eyebrow,
.reservation-summary__label {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: var(--rez-cyan);
    font-size: 12px;
    font-weight: 800;
    letter-spacing: .12em;
    text-transform: uppercase;
}

.reservation-hero h1 {
    max-width: 820px;
    margin: 8px 0 12px;
    color: #fff;
    font-size: clamp(34px, 5vw, 58px);
    line-height: 1.06;
}

.reservation-hero p {
    max-width: 760px;
    margin: 0;
    color: rgba(255,255,255,.82);
    font-size: 18px;
}

.reservation-hero__trust {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-top: 24px;
}

.reservation-hero__trust span {
    padding: 8px 12px;
    border: 1px solid rgba(255,255,255,.22);
    border-radius: 999px;
    background: rgba(255,255,255,.08);
    font-size: 13px;
    font-weight: 700;
    backdrop-filter: blur(8px);
}

.reservation-section {
    padding: 56px 0 82px;
}

.reservation-layout {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 360px;
    gap: 30px;
    align-items: start;
}

.reservation-main,
.reservation-sidebar {
    min-width: 0;
}

.reservation-form {
    display: grid;
    gap: 22px;
}

.reservation-card,
.reservation-summary,
.reservation-support,
.reservation-alert {
    border: 1px solid var(--rez-line);
    border-radius: var(--rez-radius);
    background: var(--rez-card);
    box-shadow: var(--rez-shadow);
}

.reservation-card {
    padding: 28px;
}

.reservation-card__heading {
    display: flex;
    gap: 16px;
    align-items: flex-start;
    margin-bottom: 24px;
}

.reservation-card__heading > span {
    flex: 0 0 42px;
    height: 42px;
    display: grid;
    place-items: center;
    border-radius: 14px;
    background: linear-gradient(135deg, var(--rez-primary), #ff8a62);
    color: #fff;
    font-weight: 900;
    box-shadow: 0 10px 24px rgba(255,104,79,.28);
}

.reservation-card__heading h2 {
    margin: 0 0 3px;
    font-size: 23px;
    color: var(--rez-text);
}

.reservation-card__heading p {
    margin: 0;
    color: var(--rez-muted);
}

.reservation-fields {
    display: grid;
    gap: 18px;
}

.reservation-fields--two {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.reservation-field {
    display: grid;
    gap: 8px;
    color: var(--rez-text);
    font-size: 14px;
    font-weight: 700;
}

.reservation-field > span em {
    color: var(--rez-primary);
    font-style: normal;
}

.reservation-field--full {
    grid-column: 1 / -1;
}

.reservation-field input,
.reservation-field select,
.reservation-field textarea {
    width: 100%;
    min-height: 50px;
    padding: 13px 14px;
    border: 1px solid #ccd7e2;
    border-radius: 13px;
    outline: 0;
    background: #fff;
    color: var(--rez-text);
    font: inherit;
    font-weight: 500;
    transition: border-color .2s ease, box-shadow .2s ease, background .2s ease;
}

.reservation-field textarea {
    min-height: 132px;
    resize: vertical;
}

.reservation-field input:focus,
.reservation-field select:focus,
.reservation-field textarea:focus {
    border-color: var(--rez-cyan);
    box-shadow: 0 0 0 4px rgba(22,199,217,.12);
}

.reservation-field input::placeholder,
.reservation-field textarea::placeholder {
    color: #9aa8b6;
}

.reservation-guests {
    display: grid;
    gap: 14px;
}

.reservation-counter {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    padding: 18px;
    border: 1px solid var(--rez-line);
    border-radius: 16px;
    background: #f9fbfd;
}

.reservation-counter > div:first-child {
    display: grid;
}

.reservation-counter strong {
    font-size: 17px;
}

.reservation-counter small {
    color: var(--rez-muted);
}

.reservation-counter em {
    margin-top: 4px;
    color: var(--rez-primary-dark);
    font-style: normal;
    font-weight: 800;
}

.reservation-counter__controls {
    display: grid;
    grid-template-columns: 42px 56px 42px;
    align-items: center;
    gap: 7px;
}

.reservation-counter__controls button,
.reservation-counter__controls input {
    width: 100%;
    height: 42px;
    border-radius: 12px;
    font: inherit;
    font-weight: 900;
    text-align: center;
}

.reservation-counter__controls button {
    border: 0;
    background: var(--rez-navy);
    color: #fff;
    cursor: pointer;
    transition: transform .15s ease, background .2s ease;
}

.reservation-counter__controls button:hover {
    background: #0d587c;
    transform: translateY(-1px);
}

.reservation-counter__controls button:disabled {
    opacity: .38;
    cursor: not-allowed;
    transform: none;
}

.reservation-counter__controls input {
    border: 1px solid var(--rez-line);
    background: #fff;
    color: var(--rez-text);
    appearance: textfield;
}

.reservation-counter__controls input::-webkit-outer-spin-button,
.reservation-counter__controls input::-webkit-inner-spin-button {
    margin: 0;
    appearance: none;
}

.reservation-consent {
    display: flex;
    align-items: flex-start;
    gap: 11px;
    margin-top: 20px;
    color: var(--rez-muted);
    font-size: 14px;
    cursor: pointer;
}

.reservation-consent input {
    width: 19px;
    height: 19px;
    margin-top: 2px;
    accent-color: var(--rez-primary);
}

.reservation-submit {
    width: 100%;
    min-height: 58px;
    border: 0;
    border-radius: 16px;
    background: linear-gradient(135deg, var(--rez-primary), #ff8a62);
    color: #fff;
    font: inherit;
    font-size: 16px;
    font-weight: 900;
    cursor: pointer;
    box-shadow: 0 14px 30px rgba(255,104,79,.28);
    transition: transform .2s ease, box-shadow .2s ease, opacity .2s ease;
}

.reservation-submit:hover {
    transform: translateY(-2px);
    box-shadow: 0 18px 36px rgba(255,104,79,.34);
}

.reservation-submit:disabled {
    opacity: .5;
    cursor: not-allowed;
    transform: none;
}

.reservation-sidebar {
    position: sticky;
    top: 24px;
    display: grid;
    gap: 18px;
}

.reservation-summary {
    padding: 26px;
    overflow: hidden;
}

.reservation-summary h2 {
    margin: 7px 0 4px;
    font-size: 25px;
}

.reservation-summary__duration {
    margin: 0 0 20px;
    color: var(--rez-muted);
}

.reservation-summary__rows {
    display: grid;
    gap: 12px;
    padding: 18px 0;
    border-top: 1px solid var(--rez-line);
    border-bottom: 1px solid var(--rez-line);
}

.reservation-summary__rows > div,
.reservation-summary__total {
    display: flex;
    justify-content: space-between;
    gap: 16px;
    align-items: center;
}

.reservation-summary__rows span {
    color: var(--rez-muted);
}

.reservation-summary__rows strong {
    text-align: right;
    font-size: 14px;
}

.reservation-summary__total {
    padding: 20px 0 12px;
}

.reservation-summary__total span {
    font-weight: 800;
}

.reservation-summary__total strong {
    color: var(--rez-primary-dark);
    font-size: 28px;
}

.reservation-summary > small {
    display: block;
    color: var(--rez-muted);
}

.reservation-support {
    padding: 24px;
    background: linear-gradient(135deg, var(--rez-navy), #0b5a80);
    color: #fff;
}

.reservation-support h2 {
    margin: 0 0 6px;
    color: #fff;
    font-size: 21px;
}

.reservation-support p {
    margin: 0 0 18px;
    color: rgba(255,255,255,.75);
}

.reservation-support a,
.reservation-alert__actions a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 44px;
    padding: 10px 16px;
    border-radius: 12px;
    text-decoration: none;
    font-weight: 800;
}

.reservation-support a {
    background: #fff;
    color: var(--rez-navy);
}

.reservation-alert {
    margin-bottom: 22px;
    padding: 20px 22px;
}

.reservation-alert strong {
    display: block;
    margin-bottom: 5px;
}

.reservation-alert p,
.reservation-alert ul {
    margin: 0;
}

.reservation-alert--error {
    border-color: #f0b4b4;
    background: #fff5f5;
    color: var(--rez-danger);
}

.reservation-alert--success {
    border-color: #a9dfc8;
    background: #f0fff8;
    color: var(--rez-success);
}

.reservation-alert__actions {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 16px;
}

.reservation-alert__actions a {
    background: var(--rez-navy);
    color: #fff;
}

.reservation-field.is-invalid input,
.reservation-field.is-invalid select,
.reservation-field.is-invalid textarea {
    border-color: var(--rez-danger);
    box-shadow: 0 0 0 4px rgba(194,61,61,.10);
}

@media (max-width: 980px) {
    .reservation-layout {
        grid-template-columns: 1fr;
    }

    .reservation-sidebar {
        position: static;
        grid-template-columns: 1fr 1fr;
    }
}

@media (max-width: 700px) {
    .reservation-container {
        width: min(100% - 24px, 1180px);
    }

    .reservation-hero {
        min-height: 280px;
    }

    .reservation-hero__content {
        padding: 44px 0;
    }

    .reservation-section {
        padding: 34px 0 56px;
    }

    .reservation-card,
    .reservation-summary,
    .reservation-support {
        border-radius: 18px;
        padding: 20px;
    }

    .reservation-fields--two,
    .reservation-sidebar {
        grid-template-columns: 1fr;
    }

    .reservation-counter {
        align-items: flex-start;
        flex-direction: column;
    }

    .reservation-counter__controls {
        width: 100%;
        grid-template-columns: 48px 1fr 48px;
    }
}

/* =========================================================
   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;
    }
}

/* Rezervasyon takvimi ve aksiyon butonları — final */
.ks27-res-date-picker{position:relative}
.ks27-res-date-trigger{width:100%;min-height:48px;border:1px solid #d8e2ef;border-radius:12px;background:#fff;color:#0f2740;padding:0 14px;display:flex;align-items:center;justify-content:space-between;font-weight:800;cursor:pointer}
.ks27-res-date-pop{position:fixed;z-index:2147483100;width:min(390px,calc(100vw - 24px));padding:15px;border-radius:20px;background:#fff;border:1px solid #d9e3ef;box-shadow:0 26px 70px rgba(15,39,64,.24)}
.ks27-res-date-pop[hidden]{display:none!important}.ks27-res-date-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.ks27-res-date-head button{width:38px;height:38px;border:0;border-radius:12px;background:#edf4ff;color:#0f2740;font-size:22px;cursor:pointer}.ks27-res-date-week,.ks27-res-date-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:6px}.ks27-res-date-week span{text-align:center;font-size:10px;font-weight:900;color:#768aa2}.ks27-res-date-day{aspect-ratio:1;border:1px solid #e0e8f2;border-radius:11px;background:#eef2f7;color:#738397;font-weight:900;cursor:not-allowed}.ks27-res-date-day.is-available{background:#16a34a;color:#fff;cursor:pointer}.ks27-res-date-day.is-near{background:#f59e0b;color:#172033;cursor:pointer}.ks27-res-date-day.is-full{background:#dc2626;color:#fff}.ks27-res-date-day.is-selected{background:#2563eb!important;color:#fff!important;box-shadow:0 0 0 3px rgba(37,99,235,.2)}.ks27-res-date-day.is-out{opacity:.25}.ks27-res-date-day small{display:block;font-size:7px;line-height:1}.ks27-res-date-legend{display:flex;flex-wrap:wrap;gap:8px 12px;margin-top:12px;padding-top:10px;border-top:1px solid #e7edf5}.ks27-res-date-legend span{font-size:10px;font-weight:800;color:#64748b}.ks27-res-date-legend i{display:inline-block;width:9px;height:9px;border-radius:3px;margin-right:5px}.ks27-res-date-legend .a{background:#16a34a}.ks27-res-date-legend .b{background:#f59e0b}.ks27-res-date-legend .c{background:#dc2626}.ks27-res-date-legend .d{background:#eef2f7;border:1px solid #ccd7e4}
.reservation-submit-group{display:grid;grid-template-columns:1.25fr 1fr 1fr;gap:12px;margin-top:20px}.reservation-submit-group .reservation-submit{margin:0;min-height:54px}.reservation-submit--payment{background:linear-gradient(135deg,#2563eb,#7c3aed)!important}.reservation-submit--whatsapp{background:#16a34a!important}.reservation-hero__image{object-fit:cover;object-position:center}
@media(max-width:760px){.reservation-submit-group{grid-template-columns:1fr}.ks27-res-date-pop{width:calc(100vw - 20px)}}

/* =========================================================
   REZERVASYON ÖDEME SEÇENEKLERİ — FINAL
   Üst rezervasyon yapısını değiştirmeden alt ödeme alanı.
   ========================================================= */
.reservation-payment {
    margin-top: 20px;
    padding: 22px;
    border: 1px solid #d9e4f1;
    border-radius: 22px;
    background: #fff;
    box-shadow: 0 18px 45px rgba(15, 45, 76, .08);
}

.reservation-payment__heading {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 18px;
    margin-bottom: 16px;
}

.reservation-payment__eyebrow {
    display: block;
    margin-bottom: 4px;
    color: #0e7490;
    font-size: 12px;
    font-weight: 900;
    letter-spacing: .1em;
    text-transform: uppercase;
}

.reservation-payment__heading h2 {
    margin: 0 0 5px;
    color: #0b2743;
    font-size: clamp(21px, 2vw, 27px);
    line-height: 1.15;
}

.reservation-payment__heading p {
    margin: 0;
    color: #64748b;
    font-size: 14px;
    line-height: 1.55;
}

.reservation-payment__toggle {
    display: grid;
    grid-template-columns: 46px minmax(0, 1fr) 38px;
    align-items: center;
    gap: 13px;
    width: 100%;
    min-height: 76px;
    padding: 13px 15px;
    border: 1px solid #cddcf0;
    border-radius: 15px;
    background: linear-gradient(180deg, #fbfdff, #f5f9ff);
    color: #0b2743;
    text-align: left;
    cursor: pointer;
    transition: border-color .2s ease, box-shadow .2s ease, transform .2s ease;
}

.reservation-payment__toggle:hover,
.reservation-payment__toggle:focus-visible {
    border-color: #60a5fa;
    box-shadow: 0 10px 25px rgba(37, 99, 235, .11);
    outline: none;
}

.reservation-payment__toggle-icon,
.reservation-payment__online-icon {
    display: inline-grid;
    place-items: center;
    width: 44px;
    height: 44px;
    border-radius: 13px;
    background: #eaf2ff;
    color: #2563eb;
}

.reservation-payment__toggle-icon svg,
.reservation-payment__online-icon svg,
.reservation-pay-card__icon svg {
    width: 25px;
    height: 25px;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.8;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.reservation-payment__toggle strong,
.reservation-payment__toggle small {
    display: block;
}

.reservation-payment__toggle strong {
    margin-bottom: 4px;
    font-size: 15px;
}

.reservation-payment__toggle small {
    color: #64748b;
    font-size: 12px;
    line-height: 1.4;
}

.reservation-payment__chevron {
    display: grid;
    place-items: center;
    width: 34px;
    height: 34px;
    border: 1px solid #d9e4f1;
    border-radius: 50%;
    background: #fff;
    color: #2563eb;
    font-size: 25px;
    line-height: 1;
    transition: transform .25s ease;
}

.reservation-payment__toggle[aria-expanded="true"] .reservation-payment__chevron {
    transform: rotate(180deg);
}

.reservation-payment__options {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 12px;
    margin-top: 12px;
}

.reservation-payment__options[hidden] {
    display: none !important;
}

.reservation-pay-card {
    display: flex;
    min-width: 0;
    min-height: 190px;
    padding: 17px 13px;
    border: 1px solid #dbe5ef;
    border-radius: 17px;
    background: #fff;
    align-items: center;
    flex-direction: column;
    justify-content: flex-start;
    color: #0b2743;
    text-align: center;
    cursor: pointer;
    transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease;
}

.reservation-pay-card:hover,
.reservation-pay-card:focus-visible {
    transform: translateY(-3px);
    box-shadow: 0 14px 28px rgba(15, 45, 76, .11);
    outline: none;
}

.reservation-pay-card__icon {
    display: grid;
    place-items: center;
    width: 57px;
    height: 57px;
    margin-bottom: 12px;
    border-radius: 50%;
}

.reservation-pay-card strong {
    display: block;
    margin-bottom: 8px;
    font-size: 14px;
    line-height: 1.25;
}

.reservation-pay-card small {
    display: block;
    color: #64748b;
    font-size: 11px;
    line-height: 1.55;
}

.reservation-pay-card--vehicle,
.reservation-pay-card--whatsapp {
    border-color: #cbeed4;
    background: linear-gradient(180deg, #fbfffc, #f3fbf5);
}

.reservation-pay-card--vehicle .reservation-pay-card__icon,
.reservation-pay-card--whatsapp .reservation-pay-card__icon {
    background: #e8f8ec;
    color: #16a34a;
}

.reservation-pay-card--vehicle strong,
.reservation-pay-card--whatsapp strong {
    color: #15803d;
}

.reservation-pay-card--transfer {
    border-color: #f4dfb6;
    background: linear-gradient(180deg, #fffdfa, #fff8eb);
}

.reservation-pay-card--transfer .reservation-pay-card__icon {
    background: #fff2d8;
    color: #f59e0b;
}

.reservation-pay-card--transfer strong {
    color: #d97706;
}

.reservation-pay-card--iban {
    border-color: #e6d4fa;
    background: linear-gradient(180deg, #fefcff, #faf5ff);
}

.reservation-pay-card--iban .reservation-pay-card__icon {
    background: #f3e8ff;
    color: #9333ea;
}

.reservation-pay-card--iban strong {
    color: #9333ea;
}

.reservation-payment__online {
    display: grid;
    grid-template-columns: 50px minmax(0, 1fr) 42px;
    align-items: center;
    gap: 15px;
    width: 100%;
    min-height: 82px;
    margin-top: 14px;
    padding: 13px 17px;
    border: 0;
    border-radius: 16px;
    background: linear-gradient(135deg, #0ea5e9 0%, #2563eb 52%, #3b32d5 100%);
    box-shadow: 0 16px 34px rgba(37, 99, 235, .28);
    color: #fff;
    text-align: left;
    cursor: pointer;
    transition: transform .2s ease, box-shadow .2s ease;
}

.reservation-payment__online:hover,
.reservation-payment__online:focus-visible {
    transform: translateY(-2px);
    box-shadow: 0 20px 40px rgba(37, 99, 235, .34);
    outline: none;
}

.reservation-payment__online-icon {
    background: rgba(255, 255, 255, .15);
    color: #fff;
}

.reservation-payment__online strong,
.reservation-payment__online small {
    display: block;
}

.reservation-payment__online strong {
    margin-bottom: 3px;
    font-size: 21px;
    line-height: 1.15;
}

.reservation-payment__online small {
    color: rgba(255, 255, 255, .86);
    font-size: 12px;
}

.reservation-payment__online-arrow {
    display: grid;
    place-items: center;
    width: 38px;
    height: 38px;
    border-radius: 50%;
    background: #fff;
    color: #2563eb;
    font-size: 31px;
    line-height: 1;
}

.reservation-payment button:disabled {
    cursor: not-allowed;
    filter: grayscale(.4);
    opacity: .55;
    transform: none;
}

@media (max-width: 980px) {
    .reservation-payment__options {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 620px) {
    .reservation-payment {
        padding: 15px;
        border-radius: 18px;
    }

    .reservation-payment__toggle {
        grid-template-columns: 40px minmax(0, 1fr) 32px;
        padding: 11px;
    }

    .reservation-payment__toggle-icon {
        width: 39px;
        height: 39px;
    }

    .reservation-payment__options {
        grid-template-columns: 1fr;
    }

    .reservation-pay-card {
        min-height: 0;
        align-items: flex-start;
        padding: 14px;
        text-align: left;
    }

    .reservation-pay-card__icon {
        width: 48px;
        height: 48px;
        margin-bottom: 9px;
    }

    .reservation-payment__online {
        grid-template-columns: 44px minmax(0, 1fr) 36px;
        padding-inline: 12px;
    }

    .reservation-payment__online strong {
        font-size: 18px;
    }
}

/* =========================================================
   ÖDEME AKIŞI DETAY PANELLERİ — 2026 FINAL
   ========================================================= */
.reservation-pay-card.is-selected {
    border-color: #2563eb;
    box-shadow: 0 0 0 3px rgba(37, 99, 235, .12), 0 14px 28px rgba(15, 45, 76, .10);
    transform: translateY(-2px);
}

.reservation-payment__detail {
    margin-top: 14px;
    padding: 18px;
    border: 1px solid #dce7f2;
    border-radius: 17px;
    background: linear-gradient(180deg, #ffffff 0%, #f8fbff 100%);
    box-shadow: 0 12px 28px rgba(15, 45, 76, .07);
}

.reservation-payment__detail[hidden] {
    display: none !important;
}

.reservation-payment__detail h3 {
    margin: 0 0 7px;
    color: #102a45;
    font-size: 18px;
    line-height: 1.25;
}

.reservation-payment__detail > p {
    margin: 0 0 15px;
    color: #64748b;
    font-size: 13px;
    line-height: 1.6;
}

.reservation-bank-info {
    display: grid;
    grid-template-columns: 130px minmax(0, 1fr);
    gap: 8px 14px;
    margin-bottom: 16px;
    padding: 14px;
    border: 1px dashed #bed2e7;
    border-radius: 13px;
    background: #f7fbff;
}

.reservation-bank-info span {
    color: #64748b;
    font-size: 12px;
}

.reservation-bank-info strong {
    min-width: 0;
    color: #0f2c49;
    font-size: 13px;
    overflow-wrap: anywhere;
}

.reservation-payment__fields {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
    margin-bottom: 14px;
}

.reservation-payment__fields label {
    display: grid;
    gap: 7px;
    min-width: 0;
}

.reservation-payment__fields label.is-wide {
    grid-column: 1 / -1;
}

.reservation-payment__fields label > span {
    color: #243b55;
    font-size: 12px;
    font-weight: 800;
}

.reservation-payment__fields input {
    width: 100%;
    min-width: 0;
    height: 48px;
    padding: 0 13px;
    border: 1px solid #cfdeec;
    border-radius: 12px;
    outline: none;
    background: #fff;
    color: #102a45;
    font: inherit;
    transition: border-color .2s ease, box-shadow .2s ease;
}

.reservation-payment__fields input:focus {
    border-color: #22b8cf;
    box-shadow: 0 0 0 3px rgba(34, 184, 207, .13);
}

.reservation-payment__radios {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
    margin-bottom: 14px;
}

.reservation-payment__radios label {
    display: flex;
    min-height: 54px;
    padding: 12px 13px;
    border: 1px solid #d7e5ef;
    border-radius: 13px;
    align-items: center;
    gap: 10px;
    background: #fff;
    color: #17334f;
    font-size: 13px;
    font-weight: 700;
    cursor: pointer;
}

.reservation-payment__radios input {
    width: 18px;
    height: 18px;
    accent-color: #16a34a;
}

.reservation-payment__confirm {
    width: 100%;
    min-height: 52px;
    padding: 12px 18px;
    border: 0;
    border-radius: 13px;
    background: linear-gradient(135deg, #0ea5e9, #2563eb);
    box-shadow: 0 12px 25px rgba(37, 99, 235, .22);
    color: #fff;
    font: inherit;
    font-weight: 900;
    cursor: pointer;
}

.reservation-payment__confirm--green {
    background: linear-gradient(135deg, #22c55e, #15803d);
    box-shadow: 0 12px 25px rgba(22, 163, 74, .20);
}

.reservation-payment__confirm--purple {
    background: linear-gradient(135deg, #a855f7, #7e22ce);
    box-shadow: 0 12px 25px rgba(126, 34, 206, .20);
}

.reservation-payment__confirm--blue {
    background: linear-gradient(135deg, #0ea5e9 0%, #2563eb 52%, #3b32d5 100%);
}

.reservation-payment__demo-note {
    display: block;
    margin-top: 10px;
    color: #64748b;
    font-size: 11px;
    line-height: 1.5;
    text-align: center;
}

@media (max-width: 620px) {
    .reservation-bank-info,
    .reservation-payment__fields,
    .reservation-payment__radios {
        grid-template-columns: 1fr;
    }

    .reservation-payment__fields label.is-wide {
        grid-column: auto;
    }

    .reservation-bank-info {
        gap: 3px;
    }

    .reservation-bank-info strong {
        margin-bottom: 8px;
    }
}


/* ===== KS27 SITE GENELI TEK REZERVASYON UI MASTER 2026-08-12 =====
   Yeni dosya yok. Bu mevcut rezervasyon.css; Index + VIP + Tur + Otel
   rezervasyon alanlarinin ortak gorsel / responsive kaynagidir.
   ================================================================= */
:root{
    --ks27-rez-bg:#073b55;
    --ks27-rez-bg-2:#0a4762;
    --ks27-rez-panel:#06344b;
    --ks27-rez-panel-soft:#0b4b67;
    --ks27-rez-border:#1aa9ca;
    --ks27-rez-border-soft:rgba(110,215,235,.28);
    --ks27-rez-accent:#18c6d9;
    --ks27-rez-accent-2:#2e7de0;
    --ks27-rez-input:#f7f9fb;
    --ks27-rez-text:#fff;
    --ks27-rez-input-text:#17344d;
    --ks27-rez-muted:#a9c2d0;
    --ks27-rez-radius:22px;
    --ks27-rez-control-radius:12px;
    --ks27-rez-control-h:54px;
    --ks27-rez-shadow:0 28px 75px rgba(0,18,31,.38);
}

/* Ortak modal kabugu */
.hm27-modal,
.ks27-vipx-modal__dialog{
    width:min(720px,calc(100vw - 32px)) !important;
    max-width:720px !important;
    border:1px solid var(--ks27-rez-border) !important;
    border-radius:var(--ks27-rez-radius) !important;
    background:linear-gradient(145deg,var(--ks27-rez-bg-2),var(--ks27-rez-bg)) !important;
    color:var(--ks27-rez-text) !important;
    box-shadow:var(--ks27-rez-shadow) !important;
    overflow:visible !important;
}
.hm27-head,
.ks27-vipx-modal__head{
    border-bottom:1px solid rgba(255,255,255,.12) !important;
}
.hm27-title h2,.ks27-vipx-modal__head h2{color:#fff !important}
.hm27-title p,.ks27-vipx-modal__head p{color:var(--ks27-rez-muted) !important}
.hm27-close,.ks27-vipx-modal__close{
    width:42px !important;height:42px !important;border-radius:12px !important;
    border:1px solid rgba(255,255,255,.22) !important;background:rgba(255,255,255,.08) !important;
    color:#fff !important;font-size:25px !important;
}

/* Ayni iki kolon / alan ritmi */
.hm27-grid,.ks27-vipx__form-grid,.ks27-vipx__return-fields{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:14px 16px !important;
}
.hm27-field>span,.ks27-vipx__field>span{
    color:#fff !important;font-weight:800 !important;font-size:12px !important;
}

/* Tum rezervasyon kontrolleri */
.hm27-control,.hm27-date-button,.hm27-counter,
.hm27-select-ui__trigger,
.ks27-vipx-select__trigger,.ks27-vipx-date__trigger,.ks27-vipx-input,.ks27-vipx-people,
.reservation-field input,.reservation-field select,.reservation-field textarea,
.odx__booking input,.odx__booking select,.odx__booking textarea{
    min-height:var(--ks27-rez-control-h) !important;
    border:1px solid #d9e1e8 !important;
    border-radius:var(--ks27-rez-control-radius) !important;
    background:var(--ks27-rez-input) !important;
    color:var(--ks27-rez-input-text) !important;
    box-shadow:none !important;
}
.hm27-control:focus-within,.hm27-date-button:focus,.hm27-select-ui__trigger:focus,
.ks27-vipx-select.is-open>.ks27-vipx-select__trigger,.ks27-vipx-date__trigger:focus,
.reservation-field input:focus,.reservation-field select:focus,.reservation-field textarea:focus{
    border-color:var(--ks27-rez-accent) !important;
    box-shadow:0 0 0 2px rgba(24,198,217,.20) !important;
    outline:none !important;
}

/* Index ile ayni koyu secim popup dili */
.hm27-select-ui__panel,
.ks27-vipx-select__panel,
.hm27-calendar,
.ks27-vipx-calendar{
    border:1px solid var(--ks27-rez-border) !important;
    border-radius:14px !important;
    background:linear-gradient(180deg,#07435e,#06374f) !important;
    color:#fff !important;
    box-shadow:0 24px 60px rgba(0,20,32,.42) !important;
    z-index:100020 !important;
}
.ks27-vipx-select__panel{padding:10px !important;min-width:100%}
.ks27-vipx-select__search{
    border:1px solid var(--ks27-rez-border) !important;border-radius:10px !important;
    background:#052f45 !important;
}
.ks27-vipx-select__search input{color:#fff !important;background:transparent !important}
.ks27-vipx-select__search input::placeholder{color:#9db8c6 !important}
.ks27-vipx-select__option{
    min-height:42px !important;border-radius:9px !important;color:#fff !important;background:transparent !important;
}
.ks27-vipx-select__option:hover,.ks27-vipx-select__option.is-selected{
    background:#126985 !important;color:#fff !important;
}

/* Saat secimi: native browser popup yok, ortak 4 kolon panel */
.ks27-vipx-select--time .ks27-vipx-select__panel{width:min(390px,calc(100vw - 28px)) !important}
.ks27-vipx-select__list--time{
    display:grid !important;grid-template-columns:repeat(4,minmax(62px,1fr)) !important;
    gap:7px !important;max-height:330px !important;overflow:auto !important;padding:4px !important;
}
.ks27-vipx-select__list--time .ks27-vipx-select__option{
    justify-content:center !important;text-align:center !important;font-weight:800 !important;
    border:1px solid transparent !important;
}
.ks27-vipx-select__list--time .ks27-vipx-select__option.is-selected{
    border-color:var(--ks27-rez-accent) !important;background:#11718e !important;
}

/* VIP takvimini index takvimiyle ayni gorunum ailesine al */
.ks27-vipx-calendar{width:min(330px,calc(100vw - 28px)) !important;padding:12px !important}
.ks27-vipx-calendar__head button,.ks27-vipx-calendar__footer button{
    border:1px solid rgba(255,255,255,.18) !important;background:rgba(255,255,255,.07) !important;color:#fff !important;
}
.ks27-vipx-calendar__head strong,.ks27-vipx-calendar__week{color:#fff !important}
.ks27-vipx-calendar__days button{background:rgba(255,255,255,.035) !important;color:#fff !important;border:1px solid rgba(255,255,255,.05) !important}
.ks27-vipx-calendar__days button:hover,.ks27-vipx-calendar__days button.is-selected{border-color:var(--ks27-rez-accent) !important;background:#11718e !important}

/* Sayaç / checkbox / alt bloklar */
.hm27-counter button,.ks27-vipx-people button{background:#eaf5f9 !important;color:#063a55 !important;font-weight:900 !important}
.hm27-check,.ks27-vipx__return,.ks27-vipx__extra,.ks27-vipx__gift,
.reservation-card,.reservation-summary,.reservation-support{
    border-color:var(--ks27-rez-border-soft) !important;
}
.ks27-vipx__return,.ks27-vipx__extra,.ks27-vipx__gift{background:rgba(255,255,255,.025) !important}

/* Ortak ana aksiyon butonu */
.hm27-submit,.ks27-vipx__primary,.ks27-vipx__reserve,
.reservation-submit,.reservation-payment__confirm,.odx__booking button[type="submit"]{
    min-height:54px !important;border:0 !important;border-radius:12px !important;
    background:linear-gradient(90deg,var(--ks27-rez-accent),var(--ks27-rez-accent-2)) !important;
    color:#fff !important;font-weight:900 !important;letter-spacing:.01em !important;
    box-shadow:none !important;
}
.hm27-submit:hover,.ks27-vipx__primary:hover,.ks27-vipx__reserve:hover,
.reservation-submit:hover,.reservation-payment__confirm:hover{filter:brightness(1.05)}

/* Yolcu bilgileri / sonuc adimlari ayni modal kabugunda */
.ks27-vipx__passenger,.ks27-vipx-modal__results,.ks27-vipx-modal__success-only{
    color:#fff !important;
}
.ks27-vipx__passenger input,.ks27-vipx__passenger textarea{
    border:1px solid #d9e1e8 !important;border-radius:12px !important;background:#fff !important;color:#17344d !important;
}
.ks27-vipx__passenger input:focus,.ks27-vipx__passenger textarea:focus{border-color:var(--ks27-rez-accent) !important;box-shadow:0 0 0 2px rgba(24,198,217,.2) !important;outline:none !important}

/* Tur rezervasyon sayfasini da ayni urun diline yaklastir */
.reservation-card,.reservation-summary,.reservation-support{
    border-radius:18px !important;
}
.reservation-card__heading>span{background:linear-gradient(135deg,var(--ks27-rez-accent),var(--ks27-rez-accent-2)) !important}

/* Otel/tur detay rezervasyon kutulari: ayni radius ve kontrol ritmi */
.odx__booking,.tour-booking-card{
    border-radius:18px !important;
}

/* FULL RESPONSIVE — desktop/laptop/tablet/mobile */
@media (max-width:900px){
    .hm27-modal,.ks27-vipx-modal__dialog{
        width:min(680px,calc(100vw - 24px)) !important;
        max-height:calc(100dvh - 24px) !important;
    }
    .ks27-vipx-modal__form,.ks27-vipx__passenger,.ks27-vipx-modal__results,.ks27-vipx-modal__success-only{
        max-height:calc(100dvh - 48px) !important;overflow:auto !important;overscroll-behavior:contain !important;
    }
}
@media (max-width:680px){
    :root{--ks27-rez-control-h:52px;--ks27-rez-radius:18px}
    .hm27-layer,.ks27-vipx-modal{padding:8px !important;align-items:center !important}
    .hm27-modal,.ks27-vipx-modal__dialog{
        width:100% !important;max-width:none !important;max-height:calc(100dvh - 16px) !important;border-radius:18px !important;
    }
    .hm27-head,.ks27-vipx-modal__head{padding:16px !important}
    .hm27-body,.ks27-vipx-modal__form,.ks27-vipx__passenger,.ks27-vipx-modal__results,.ks27-vipx-modal__success-only{padding:14px !important}
    .hm27-grid,.ks27-vipx__form-grid,.ks27-vipx__return-fields,.reservation-fields--two{
        grid-template-columns:1fr !important;gap:12px !important;
    }
    .hm27-field--wide{grid-column:auto !important}
    .hm27-select-ui__panel,.ks27-vipx-select__panel,
    .hm27-calendar,.ks27-vipx-calendar{
        position:fixed !important;left:10px !important;right:10px !important;top:50% !important;
        width:auto !important;max-width:none !important;transform:translateY(-50%) !important;
        max-height:min(72dvh,560px) !important;
    }
    .ks27-vipx-select__list{max-height:52dvh !important;overflow:auto !important}
    .ks27-vipx-select__list--time{grid-template-columns:repeat(4,minmax(0,1fr)) !important;max-height:50dvh !important}
    .ks27-vipx-calendar__days{gap:5px !important}
    .ks27-vipx__success-actions,.ks27-vipx__passenger-actions{display:grid !important;grid-template-columns:1fr !important}
    .reservation-container{width:min(100% - 24px,1180px) !important}
    .reservation-card{padding:18px !important}
}
@media (max-width:390px){
    .hm27-title h2,.ks27-vipx-modal__head h2{font-size:20px !important}
    .hm27-title p,.ks27-vipx-modal__head p{font-size:11px !important}
    .ks27-vipx-select__list--time{grid-template-columns:repeat(3,minmax(0,1fr)) !important}
    .hm27-submit,.ks27-vipx__primary,.ks27-vipx__reserve{font-size:13px !important}
}


/* ===== SOURCE: assets/css/home-testimonials.css ===== */
@charset "UTF-8";
.ks27-testimonials,.ks27-testimonials *{box-sizing:border-box}.ks27-testimonials{padding:64px 0 70px;overflow:hidden;background:radial-gradient(circle at 82% 18%,rgba(56,216,229,.08),transparent 28%),linear-gradient(180deg,#f7fbfd 0%,#f2f8fb 100%);color:#07152d}.ks27-testimonials__shell{width:min(1360px,calc(100% - 48px));margin-inline:auto}.ks27-testimonials__header{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:30px}.ks27-testimonials__kicker{display:block;margin-bottom:7px;color:#17859a;font-size:14px;font-weight:850;letter-spacing:.08em;text-transform:uppercase}.ks27-testimonials__header h2{margin:0;font-size:clamp(32px,2.7vw,46px);line-height:1.05;letter-spacing:-.04em}.ks27-testimonials__header p{margin:9px 0 0;color:#52657a;font-size:16px}.ks27-testimonials__controls{display:flex;gap:10px}.ks27-testimonials__controls button{display:grid;width:48px;height:48px;place-items:center;border:1px solid rgba(23,133,154,.34);border-radius:50%;background:#fff;color:#0b7186;cursor:pointer;font-size:30px;line-height:1;box-shadow:0 10px 25px rgba(9,38,61,.08);transition:transform .2s ease,background .2s ease,color .2s ease}.ks27-testimonials__controls button:hover{transform:translateY(-2px);background:#0c8da4;color:#fff}.ks27-testimonials__layout{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(350px,.85fr);gap:24px;align-items:stretch}.ks27-testimonials__slider{min-width:0}.ks27-testimonials__viewport{overflow:hidden;touch-action:pan-y;cursor:grab;outline:0}.ks27-testimonials__viewport.is-dragging{cursor:grabbing}.ks27-testimonials__track{display:flex;gap:16px;will-change:transform;transition:transform .48s cubic-bezier(.22,.61,.36,1)}.ks27-testimonials__viewport.is-dragging .ks27-testimonials__track{transition:none}.ks27-testimonial-card{flex:0 0 calc((100% - 32px)/3);min-width:0;min-height:330px;padding:24px 20px 20px;border:1px solid rgba(26,167,194,.42);border-radius:20px;background:#fff;box-shadow:0 18px 42px rgba(9,38,61,.10);display:flex;flex-direction:column}.ks27-testimonial-card__top{display:flex;align-items:center;gap:14px}.ks27-testimonial-card__avatar{display:grid;flex:0 0 64px;width:64px;height:64px;place-items:center;overflow:hidden;border-radius:50%;background:linear-gradient(135deg,#b5e5e5,#f5d6a8);color:#07314d;font-size:28px;font-weight:900}.ks27-testimonial-card__avatar img{width:100%;height:100%;object-fit:cover}.ks27-testimonial-card__person{min-width:0}.ks27-testimonial-card__person h3{margin:0 0 5px;font-size:18px}.ks27-testimonial-card__person p{margin:0;color:#0799b4;font-size:13px;font-weight:800;line-height:1.35}.ks27-testimonial-card__stars{margin:18px 0 12px;color:#ff634b;font-size:20px;letter-spacing:.08em}.ks27-testimonial-card blockquote{margin:0}.ks27-testimonial-card blockquote p{margin:0;color:#34495e;font-size:14px;line-height:1.68}.ks27-testimonial-card__verified{display:inline-flex;width:fit-content;align-items:center;gap:7px;margin-top:auto;padding-top:18px;color:#0e5369;font-size:12px;font-weight:800}.ks27-testimonial-card__verified span{display:grid;width:20px;height:20px;place-items:center;border-radius:50%;background:#e7fbfd;color:#0a9ab2}.ks27-testimonials__dots{display:flex;justify-content:center;gap:8px;margin-top:18px}.ks27-testimonials__dots button{width:8px;height:8px;padding:0;border:0;border-radius:999px;background:#b5ccd3;cursor:pointer;transition:width .2s ease,background .2s ease}.ks27-testimonials__dots button.is-active{width:28px;background:#0c97ad}.ks27-testimonials__gallery{display:grid;min-height:330px;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:1.35fr .9fr;gap:12px}.ks27-testimonials__gallery figure{position:relative;min-height:0;margin:0;overflow:hidden;border:1px solid rgba(26,167,194,.38);border-radius:18px;background:#08243b}.ks27-testimonials__gallery-featured{grid-column:1/-1}.ks27-testimonials__gallery img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.ks27-testimonials__cta{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:20px;margin-top:26px;padding:25px 28px;border:1px solid rgba(86,222,235,.52);border-radius:20px;background:linear-gradient(115deg,#021b3a 0%,#064b6e 55%,#0c8299 100%);color:#fff;box-shadow:0 20px 42px rgba(6,51,81,.16)}.ks27-testimonials__cta-icon{display:grid;width:66px;height:66px;place-items:center;border:2px solid #53ebef;border-radius:50%;background:rgba(2,27,52,.48);font-size:28px}.ks27-testimonials__cta h3{margin:0;font-size:clamp(23px,2vw,32px)}.ks27-testimonials__cta p{margin:5px 0 0;color:rgba(241,252,255,.9);font-size:14px}.ks27-testimonials__cta-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:10px}.ks27-testimonials__cta-actions a{display:inline-flex;min-width:150px;min-height:48px;align-items:center;justify-content:center;padding:0 18px;border:1px solid rgba(225,250,252,.72);border-radius:11px;background:rgba(3,31,56,.28);color:#fff;font-size:13px;font-weight:850;text-decoration:none}.ks27-testimonials__cta-actions a.is-primary{border-color:#ff6b50;background:linear-gradient(135deg,#ff6d4e,#ff5540)}
@media(max-width:1100px){.ks27-testimonials__layout{grid-template-columns:1fr}.ks27-testimonial-card{flex-basis:calc((100% - 16px)/2)}.ks27-testimonials__gallery{min-height:430px}}
@media(max-width:767px){.ks27-testimonials{padding:46px 0 52px}.ks27-testimonials__shell{width:100%}.ks27-testimonials__header{align-items:center;padding-inline:16px}.ks27-testimonials__header p{font-size:14px}.ks27-testimonials__controls{display:none}.ks27-testimonials__layout{gap:24px}.ks27-testimonials__viewport{width:100%;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-behavior:smooth;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;touch-action:pan-x pan-y;scrollbar-width:none}.ks27-testimonials__viewport::-webkit-scrollbar{display:none}.ks27-testimonials__track{width:max-content;gap:12px;padding-inline:0;transform:none!important;transition:none!important;will-change:auto}.ks27-testimonial-card{flex:0 0 100vw;width:100vw;min-height:315px;border-radius:0;padding:24px 20px;box-shadow:none;scroll-snap-align:start;scroll-snap-stop:always}.ks27-testimonials__dots{margin-top:14px}.ks27-testimonials__gallery{margin-inline:14px;grid-template-columns:1fr;grid-template-rows:repeat(3,220px);min-height:0}.ks27-testimonials__gallery-featured{grid-column:auto}.ks27-testimonials__cta{grid-template-columns:1fr;margin:24px 14px 0;padding:22px 18px;text-align:center}.ks27-testimonials__cta-icon{margin-inline:auto}.ks27-testimonials__cta-actions{display:grid;grid-template-columns:1fr;width:100%}.ks27-testimonials__cta-actions a{width:100%;min-width:0}}
@media(prefers-reduced-motion:reduce){.ks27-testimonials__track,.ks27-testimonials__controls button,.ks27-testimonials__dots button{transition:none}}


/* ===== SOURCE: assets/css/home-bottom-sections.css ===== */
@charset "UTF-8";

/* =========================================================
   ANTALYA TURLARI — SSS MODERN RESPONSIVE V2
   Yalnızca ana sayfadaki #sss alanını sadeleştirir.
   ========================================================= */

body.is-home {
    --faq-shell: 1320px;
    --faq-page-gap: clamp(14px, 2vw, 28px);
    --faq-cyan: #35dce8;
    --faq-cyan-soft: rgba(53, 220, 232, .16);
    --faq-border: rgba(100, 190, 220, .24);
    --faq-text: #f7fbff;
    --faq-muted: #a9bfd0;
}

/* Dış bölüm: daha kısa, daha hafif ve modern */
body.is-home #sss.tour-faq-dark {
    width: min(calc(100% - (var(--faq-page-gap) * 2)), var(--faq-shell));
    max-width: var(--faq-shell);
    margin: clamp(42px, 4.5vw, 68px) auto !important;
    padding: clamp(42px, 4.2vw, 64px) 0 !important;
    border: 1px solid rgba(53, 220, 232, .20);
    border-radius: clamp(22px, 2vw, 30px);
    overflow: hidden;
    background:
        radial-gradient(circle at 0 0, rgba(16, 111, 157, .34), transparent 34%),
        radial-gradient(circle at 100% 100%, rgba(14, 157, 174, .10), transparent 30%),
        linear-gradient(145deg, #07304e 0%, #041d37 46%, #03162b 100%) !important;
    box-shadow:
        0 24px 70px rgba(0, 24, 47, .16),
        inset 0 1px 0 rgba(255, 255, 255, .05);
}

/* İç genişlik */
body.is-home #sss > .faq-wrap {
    width: min(calc(100% - clamp(32px, 5vw, 72px)), 1180px) !important;
    max-width: 1180px !important;
    margin-inline: auto !important;
}

/* Başlık alanı */
body.is-home #sss .faq-head {
    max-width: 760px;
    margin: 0 0 clamp(28px, 3vw, 40px) !important;
}

body.is-home #sss .faq-head .tour-kicker {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    margin-bottom: 10px;
    color: var(--faq-cyan);
    font-size: 12px;
    font-weight: 850;
    letter-spacing: .14em;
    text-transform: uppercase;
}

body.is-home #sss .faq-head .tour-kicker::before {
    content: "";
    width: 22px;
    height: 2px;
    border-radius: 99px;
    background: var(--faq-cyan);
}

body.is-home #sss .faq-head h2 {
    margin: 0;
    color: var(--faq-text);
    font-size: clamp(32px, 3.4vw, 48px) !important;
    line-height: 1.06;
    letter-spacing: -.035em;
}

body.is-home #sss .faq-head p {
    max-width: 670px;
    margin: 13px 0 0;
    color: var(--faq-muted) !important;
    font-size: clamp(14px, 1.2vw, 16px);
    line-height: 1.65;
}

body.is-home #sss .faq-head::after {
    content: "";
    display: block;
    width: 58px;
    height: 3px;
    margin-top: 20px;
    border-radius: 99px;
    background: linear-gradient(90deg, var(--faq-cyan), #ff6847);
}

/* İki sütun: kartı daha dar, FAQ daha baskın */
body.is-home #sss .faq-layout {
    display: grid !important;
    grid-template-columns: minmax(0, 1.55fr) minmax(280px, .72fr) !important;
    gap: clamp(20px, 2.4vw, 32px) !important;
    align-items: start !important;
}

/* Accordion */
body.is-home #sss .faq-accordion {
    display: grid;
    gap: 12px;
}

body.is-home #sss .faq-item {
    margin: 0 !important;
    border: 1px solid var(--faq-border) !important;
    border-radius: 15px !important;
    overflow: hidden;
    background: rgba(2, 24, 46, .56) !important;
    box-shadow: none !important;
    transition:
        border-color .22s ease,
        background-color .22s ease,
        transform .22s ease;
}

body.is-home #sss .faq-item:hover {
    transform: translateY(-1px);
    border-color: rgba(53, 220, 232, .42) !important;
}

body.is-home #sss .faq-item.is-open {
    border-color: rgba(53, 220, 232, .72) !important;
    background: rgba(4, 35, 62, .84) !important;
    box-shadow: 0 12px 30px rgba(0, 13, 30, .14) !important;
}

body.is-home #sss .faq-item h3 {
    margin: 0 !important;
}

body.is-home #sss .faq-question {
    display: grid !important;
    width: 100%;
    min-height: 62px !important;
    grid-template-columns: 34px minmax(0, 1fr) 20px !important;
    align-items: center;
    gap: 12px !important;
    padding: 12px 16px !important;
    border: 0;
    background: transparent !important;
    color: var(--faq-text) !important;
    font: inherit;
    text-align: left;
    cursor: pointer;
}

body.is-home #sss .faq-toggle {
    display: grid;
    width: 32px !important;
    height: 32px !important;
    place-items: center;
    border: 1px solid rgba(53, 220, 232, .72) !important;
    border-radius: 50%;
    color: var(--faq-cyan) !important;
    font-size: 19px !important;
    font-weight: 500;
    line-height: 1;
    box-shadow: none !important;
}

body.is-home #sss .faq-question-text {
    color: #eaf8fb !important;
    font-size: clamp(15px, 1.25vw, 17px) !important;
    font-weight: 750 !important;
    line-height: 1.35;
}

body.is-home #sss .faq-end-icon {
    color: var(--faq-cyan) !important;
    font-size: 19px !important;
    font-weight: 700;
    text-align: right;
}

body.is-home #sss .faq-answer {
    padding: 0 18px 16px 62px !important;
}

body.is-home #sss .faq-answer p {
    margin: 0;
    color: #c9dbe6 !important;
    font-size: 14px !important;
    line-height: 1.68;
}

/* Sağ yardım kartı */
body.is-home #sss .faq-help-card {
    position: sticky;
    top: 110px;
    overflow: hidden;
    border: 1px solid rgba(53, 220, 232, .38) !important;
    border-radius: 18px !important;
    background: rgba(5, 43, 67, .78) !important;
    box-shadow: 0 18px 40px rgba(0, 18, 38, .18) !important;
}

body.is-home #sss .faq-help-media {
    height: clamp(150px, 14vw, 205px) !important;
    overflow: hidden;
}

body.is-home #sss .faq-help-media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform .5s ease;
}

body.is-home #sss .faq-help-card:hover .faq-help-media img {
    transform: scale(1.035);
}

body.is-home #sss .faq-help-body {
    padding: 22px 20px 18px !important;
    text-align: center;
}

body.is-home #sss .faq-help-body h3 {
    margin: 0;
    color: #fff;
    font-size: clamp(20px, 1.8vw, 25px) !important;
    line-height: 1.15;
}

body.is-home #sss .faq-help-body > p {
    margin: 11px auto 17px;
    max-width: 320px;
    color: #bdd0dc !important;
    font-size: 13.5px !important;
    line-height: 1.6;
}

body.is-home #sss .faq-help-btn {
    display: inline-flex !important;
    min-height: 46px !important;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 0 19px !important;
    border-radius: 12px !important;
    background: linear-gradient(135deg, #ff704f, #ff5a41) !important;
    color: #fff !important;
    font-size: 13px !important;
    font-weight: 850;
    text-decoration: none;
    box-shadow: 0 10px 24px rgba(255, 91, 65, .25) !important;
    transition: transform .2s ease, filter .2s ease;
}

body.is-home #sss .faq-help-btn:hover {
    transform: translateY(-2px);
    filter: brightness(1.05);
}

body.is-home #sss .faq-help-meta {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0 !important;
    margin-top: 18px !important;
    padding-top: 15px !important;
    border-top: 1px solid rgba(255, 255, 255, .12);
}

body.is-home #sss .faq-help-meta span {
    padding: 0 8px;
    color: #c4d6df !important;
    font-size: 10.5px !important;
    line-height: 1.35;
}

body.is-home #sss .faq-help-meta span + span {
    border-left: 1px solid rgba(255, 255, 255, .12);
}

/* Tablet */
@media (max-width: 980px) {
    body.is-home #sss.tour-faq-dark {
        width: calc(100% - 28px);
        margin-block: 44px !important;
        padding-block: 48px !important;
        border-radius: 24px;
    }

    body.is-home #sss > .faq-wrap {
        width: calc(100% - 40px) !important;
    }

    body.is-home #sss .faq-layout {
        grid-template-columns: 1fr !important;
        gap: 24px !important;
    }

    body.is-home #sss .faq-help-card {
        position: static;
        display: grid;
        grid-template-columns: minmax(240px, .72fr) minmax(0, 1fr);
    }

    body.is-home #sss .faq-help-media {
        height: 100% !important;
        min-height: 230px;
    }

    body.is-home #sss .faq-help-body {
        display: flex;
        flex-direction: column;
        justify-content: center;
        padding: 28px !important;
    }
}

/* Mobil */
@media (max-width: 640px) {
    body.is-home #sss.tour-faq-dark {
        width: calc(100% - 20px);
        margin: 32px auto !important;
        padding: 34px 0 !important;
        border-radius: 20px;
    }

    body.is-home #sss > .faq-wrap {
        width: calc(100% - 24px) !important;
    }

    body.is-home #sss .faq-head {
        margin-bottom: 24px !important;
    }

    body.is-home #sss .faq-head h2 {
        font-size: clamp(29px, 9vw, 38px) !important;
    }

    body.is-home #sss .faq-head p {
        font-size: 14px;
    }

    body.is-home #sss .faq-head::after {
        margin-top: 16px;
    }

    body.is-home #sss .faq-accordion {
        gap: 9px;
    }

    body.is-home #sss .faq-question {
        min-height: 58px !important;
        grid-template-columns: 30px minmax(0, 1fr) 18px !important;
        gap: 10px !important;
        padding: 10px 12px !important;
    }

    body.is-home #sss .faq-toggle {
        width: 29px !important;
        height: 29px !important;
        font-size: 17px !important;
    }

    body.is-home #sss .faq-question-text {
        font-size: 14.5px !important;
    }

    body.is-home #sss .faq-answer {
        padding: 0 12px 14px 52px !important;
    }

    body.is-home #sss .faq-answer p {
        font-size: 13.5px !important;
    }

    body.is-home #sss .faq-help-card {
        display: block;
        border-radius: 16px !important;
    }

    body.is-home #sss .faq-help-media {
        height: 180px !important;
        min-height: 0;
    }

    body.is-home #sss .faq-help-body {
        padding: 21px 16px 17px !important;
    }

    body.is-home #sss .faq-help-body h3 {
        font-size: 21px !important;
    }

    body.is-home #sss .faq-help-btn {
        width: 100%;
    }
}

@media (max-width: 380px) {
    body.is-home #sss.tour-faq-dark {
        width: calc(100% - 14px);
        border-radius: 17px;
    }

    body.is-home #sss > .faq-wrap {
        width: calc(100% - 18px) !important;
    }

    body.is-home #sss .faq-question {
        grid-template-columns: 28px minmax(0, 1fr) 16px !important;
        padding-inline: 10px !important;
    }

    body.is-home #sss .faq-question-text {
        font-size: 14px !important;
    }

    body.is-home #sss .faq-answer {
        padding-left: 48px !important;
    }
}

@media (prefers-reduced-motion: reduce) {
    body.is-home #sss *,
    body.is-home #sss *::before,
    body.is-home #sss *::after {
        transition: none !important;
    }
}

/* =========================================================
   ANA SAYFA — GERÇEK TUR / VIP / OTEL KART SLIDERLARI
   Kart HTML'i mevcut sayfaların renderer'larından gelir.
========================================================= */
.ks27-home-modules,
.ks27-home-modules *{box-sizing:border-box}
.ks27-home-modules{width:100%;padding:42px 0 20px;background:#fff}
.ks27-home-modules__shell{width:min(1360px,calc(100% - 48px));margin:0 auto}
.ks27-home-module{width:100%;margin:0 0 46px}
.ks27-home-module:last-child{margin-bottom:0}
.ks27-home-module__head{margin:0 0 22px;text-align:left}
.ks27-home-module__head>span{display:block;margin:0 0 6px;color:#08aab9;font-size:12px;line-height:1.2;font-weight:900;letter-spacing:.14em;text-transform:uppercase}
.ks27-home-module__head h2{margin:0;color:#082640;font-size:clamp(26px,3vw,38px);line-height:1.08;font-weight:950;letter-spacing:-.04em}
.ks27-home-module__head p{max-width:760px;margin:8px 0 0;color:#667b8e;font-size:14px;line-height:1.55}

.ks27-home-slider{position:relative;width:100%;min-width:0}
.ks27-home-slider__viewport{width:100%;overflow:hidden;padding:4px 2px 8px}
.ks27-home-slider__track{display:flex;align-items:stretch;gap:24px;width:100%;will-change:transform;transition:transform .55s cubic-bezier(.22,.61,.36,1)}
.ks27-home-slider__slide{flex:0 0 calc((100% - 48px)/3);width:calc((100% - 48px)/3);min-width:0;height:auto;display:flex;align-items:stretch}
.ks27-home-slider__slide>article{width:100%;height:100%;margin:0}
.ks27-home-slider__slide .ks27-tour-card,
.ks27-home-slider__slide .ks27-hotels__hotel-card,
.ks27-home-slider__slide .ks27-vipx__fleet-card{width:100%;height:100%;min-width:0}

/* Gerçek sayfalardaki kartların kendi ölçülerini korurken eşit yükseklik */
.ks27-home-slider__slide .ks27-tour-card{min-height:620px}
.ks27-home-slider__slide .ks27-site-card--hotel{min-height:500px}
.ks27-home-slider__slide .ks27-vipx__fleet-card{min-height:490px}

.ks27-home-slider__arrow{position:absolute;z-index:5;top:50%;display:grid;place-items:center;width:44px;height:44px;margin-top:-22px;border:1px solid #d6e3eb;border-radius:50%;background:rgba(255,255,255,.96);box-shadow:0 10px 26px rgba(8,35,58,.14);color:#082640;font-size:30px;line-height:1;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease,opacity .18s ease}
.ks27-home-slider__arrow:hover{transform:translateY(-2px);box-shadow:0 14px 32px rgba(8,35,58,.18)}
.ks27-home-slider__arrow:disabled{opacity:.35;cursor:default;transform:none}
.ks27-home-slider__arrow--prev{left:-22px}
.ks27-home-slider__arrow--next{right:-22px}

/* VIP kartının kendi sayfa CSS'i içinde kullandığı sınıfları aynen bırak */
.ks27-home-module .ks27-vipx__fleet-click{width:100%;height:100%}

@media (max-width:1100px){
    .ks27-home-modules__shell{width:calc(100% - 32px)}
    .ks27-home-slider__slide{flex-basis:calc((100% - 24px)/2);width:calc((100% - 24px)/2)}
    .ks27-home-slider__arrow--prev{left:-14px}
    .ks27-home-slider__arrow--next{right:-14px}
}

@media (max-width:767px){
    .ks27-home-modules{padding:30px 0 12px}
    .ks27-home-modules__shell{width:calc(100% - 24px)}
    .ks27-home-module{margin-bottom:34px}
    .ks27-home-module__head{margin-bottom:16px}
    .ks27-home-module__head h2{font-size:28px}
    .ks27-home-slider__track{gap:14px}
    .ks27-home-slider__slide{flex-basis:100%;width:100%}
    .ks27-home-slider__arrow{width:38px;height:38px;font-size:26px;margin-top:-19px}
    .ks27-home-slider__arrow--prev{left:4px}
    .ks27-home-slider__arrow--next{right:4px}
    .ks27-home-slider__slide .ks27-tour-card{min-height:0}
    .ks27-home-slider__slide .ks27-site-card--hotel{min-height:0}
    .ks27-home-slider__slide .ks27-vipx__fleet-card{min-height:0}
}

@media (prefers-reduced-motion:reduce){
    .ks27-home-slider__track{transition:none}
}

/* Ana sayfa tur ve otel kartları: kartın boş alanı da detay sayfasına gider. */
.ks27-home-slider__slide--clickable { cursor: pointer; }


/* =========================================================
   OTEL KARTLARI V1 — HOME SLIDER ESIT YUKSEKLIK
========================================================= */
body.is-home .ks27-home-module--hotels .ks27-home-slider__track{
  align-items:stretch !important;
}

body.is-home .ks27-home-module--hotels .ks27-home-slider__slide--hotel{
  display:flex !important;
  align-items:stretch !important;
  height:auto !important;
}

body.is-home .ks27-home-module--hotels .ks27-home-slider__slide--hotel>.ks27-hotel-card-final{
  width:100% !important;
}

/* =========================================================
   INDEX RESPONSIVE + WHY GALLERY FINAL — MOVED FROM INDEX
   Bu bölüm sadece ana sayfa bölüm ID'lerine scope edilmiştir.
========================================================= */
/* ==========================================================
   INDEX RESPONSIVE FINAL — STERİL
   Sadece aşağıdaki 5 index bölümünü hedefler:
   #kolay-rezervasyon
   #neden-bizi-tercih
   #gezi-rehberi
   #final-rezervasyon
   #sss
   Header / tur kartı / VIP / otel / rota alanlarına dokunmaz.
========================================================== */

/* GENEL BAŞLIK RİTMİ */
body.is-home #kolay-rezervasyon .tour-head h2,
body.is-home #neden-bizi-tercih .tour-head h2,
body.is-home #gezi-rehberi .ks27-home-blog__head h2,
body.is-home #sss .faq-head h2{
    margin:6px 0 8px !important;
    max-width:820px;
    font-size:clamp(30px,3.15vw,46px) !important;
    line-height:1.05 !important;
    letter-spacing:-.035em !important;
    text-wrap:balance;
    overflow-wrap:normal;
    word-break:normal;
}

body.is-home #kolay-rezervasyon .tour-head p,
body.is-home #neden-bizi-tercih .tour-head p,
body.is-home #gezi-rehberi .ks27-home-blog__head p,
body.is-home #sss .faq-head p{
    max-width:760px;
    margin-top:0 !important;
    font-size:clamp(13px,1vw,15px) !important;
    line-height:1.65 !important;
}

/* 1 — 3 ADIMDA KOLAY REZERVASYON */
body.is-home #kolay-rezervasyon{
    padding-top:clamp(46px,5.5vw,78px) !important;
    padding-bottom:clamp(46px,5.5vw,78px) !important;
}

body.is-home #kolay-rezervasyon .tour-steps-head{
    margin-bottom:28px !important;
}

body.is-home #kolay-rezervasyon .steps-grid{
    display:grid !important;
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
    gap:18px !important;
    align-items:stretch !important;
}

body.is-home #kolay-rezervasyon .step-card{
    min-width:0 !important;
    height:100% !important;
}

body.is-home #kolay-rezervasyon .step-visual{
    aspect-ratio:16/9 !important;
    height:auto !important;
    overflow:hidden !important;
}

body.is-home #kolay-rezervasyon .step-visual img{
    width:100% !important;
    height:100% !important;
    object-fit:cover !important;
}

body.is-home #kolay-rezervasyon .step-content{
    padding:16px 18px 20px !important;
}

body.is-home #kolay-rezervasyon .step-content h3{
    font-size:clamp(17px,1.45vw,21px) !important;
    line-height:1.18 !important;
    text-wrap:balance;
}

body.is-home #kolay-rezervasyon .step-content p{
    font-size:13px !important;
    line-height:1.55 !important;
}

body.is-home #kolay-rezervasyon .steps-booking-cta{
    margin-top:22px !important;
    padding:18px 22px !important;
    gap:16px !important;
}

/* 2 — NEDEN BİZİ TERCİH ETMELİSİNİZ */
body.is-home #neden-bizi-tercih{
    padding-top:clamp(48px,6vw,82px) !important;
    padding-bottom:clamp(48px,6vw,82px) !important;
}

body.is-home #neden-bizi-tercih .why-layout{
    display:grid !important;
    grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr) !important;
    gap:28px !important;
    align-items:center !important;
}

body.is-home #neden-bizi-tercih .why-head h2{
    max-width:650px !important;
    font-size:clamp(32px,3.5vw,50px) !important;
}

body.is-home #neden-bizi-tercih .why-gallery{
    min-width:0 !important;
}

body.is-home #neden-bizi-tercih .why-gallery img{
    width:100% !important;
    height:100% !important;
    object-fit:cover !important;
}

body.is-home #neden-bizi-tercih .why-features{
    display:grid !important;
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:10px !important;
}

body.is-home #neden-bizi-tercih .why-feature{
    min-width:0 !important;
    padding:14px !important;
}

body.is-home #neden-bizi-tercih .why-feature h3{
    font-size:15px !important;
    line-height:1.2 !important;
}

body.is-home #neden-bizi-tercih .why-feature p{
    font-size:11.5px !important;
    line-height:1.45 !important;
}

body.is-home #neden-bizi-tercih .why-cta{
    margin-top:12px !important;
}

/* 3 — BLOG / GEZİ REHBERİ */
body.is-home #gezi-rehberi{
    padding-top:clamp(48px,5.5vw,76px) !important;
    padding-bottom:clamp(48px,5.5vw,76px) !important;
}

body.is-home #gezi-rehberi .ks27-home-blog__head{
    display:flex !important;
    align-items:flex-end !important;
    justify-content:space-between !important;
    gap:22px !important;
    margin-bottom:28px !important;
}

body.is-home #gezi-rehberi .ks27-home-blog__head > div{
    min-width:0 !important;
}

body.is-home #gezi-rehberi .ks27-home-blog__all{
    flex:0 0 auto !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    min-height:42px !important;
    padding:0 15px !important;
    border:1px solid #d9e6ec !important;
    border-radius:11px !important;
    background:#fff !important;
    color:#087f72 !important;
    font-size:12px !important;
    font-weight:850 !important;
    text-decoration:none !important;
    white-space:nowrap !important;
}

body.is-home #gezi-rehberi .ks27-blog-grid{
    gap:18px !important;
}

/* 4 — FINAL BANNER */
body.is-home #final-rezervasyon{
    min-height:auto !important;
    padding:clamp(48px,5.5vw,74px) 0 !important;
}

body.is-home #final-rezervasyon .tour-final-panel{
    width:min(1040px,calc(100% - 32px)) !important;
    border-radius:24px !important;
    border:1px solid rgba(122,220,232,.65) !important;
    background:linear-gradient(145deg,rgba(3,35,61,.90),rgba(4,42,68,.84)) !important;
    box-shadow:0 22px 55px rgba(0,20,40,.25) !important;
    backdrop-filter:blur(7px) !important;
}

body.is-home #final-rezervasyon .tour-final-panel-top{
    padding:38px 34px 30px !important;
}

body.is-home #final-rezervasyon .tour-final-panel h2{
    max-width:760px !important;
    margin:8px auto 12px !important;
    color:#fff !important;
    font-size:clamp(34px,4vw,56px) !important;
    line-height:1.03 !important;
    letter-spacing:-.04em !important;
    text-shadow:0 3px 16px rgba(0,0,0,.22) !important;
    text-wrap:balance;
}

body.is-home #final-rezervasyon .tour-final-panel h2 span{
    display:inline !important;
    margin:0 !important;
    color:#42d9e5 !important;
    -webkit-text-fill-color:#42d9e5 !important;
    text-shadow:none !important;
}

body.is-home #final-rezervasyon .tour-final-panel-top > p{
    max-width:690px !important;
    margin:0 auto !important;
    color:#edf8fb !important;
    font-size:clamp(13px,1.05vw,15px) !important;
    line-height:1.65 !important;
}

body.is-home #final-rezervasyon .tour-final-divider{
    margin:17px auto !important;
}

body.is-home #final-rezervasyon .tour-final-actions{
    margin-top:22px !important;
    gap:10px !important;
}

body.is-home #final-rezervasyon .tour-final-btn{
    min-height:46px !important;
    padding:0 18px !important;
    font-size:12px !important;
    border-radius:10px !important;
}

body.is-home #final-rezervasyon .tour-final-benefits div{
    padding:16px 18px !important;
}

/* 5 — SIK SORULAN SORULAR */
body.is-home #sss.tour-faq-dark{
    width:min(1160px,calc(100% - 32px)) !important;
    margin:clamp(44px,5vw,72px) auto !important;
    padding:40px 36px !important;
    border-radius:24px !important;
}

body.is-home #sss > .faq-wrap{
    width:100% !important;
    max-width:none !important;
    padding:0 !important;
}

body.is-home #sss .faq-head{
    margin-bottom:26px !important;
}

body.is-home #sss .faq-layout{
    display:grid !important;
    grid-template-columns:minmax(0,1.55fr) minmax(280px,.72fr) !important;
    gap:20px !important;
    align-items:start !important;
}

body.is-home #sss .faq-item{
    border-radius:12px !important;
}

body.is-home #sss .faq-question{
    min-height:54px !important;
    padding:11px 14px !important;
    gap:10px !important;
}

body.is-home #sss .faq-question-text{
    font-size:13px !important;
    line-height:1.35 !important;
}

body.is-home #sss .faq-toggle{
    width:28px !important;
    height:28px !important;
    flex:0 0 28px !important;
    font-size:17px !important;
}

body.is-home #sss .faq-end-icon{
    font-size:17px !important;
}

body.is-home #sss .faq-answer{
    padding:0 16px 14px 52px !important;
}

body.is-home #sss .faq-answer p{
    font-size:12px !important;
    line-height:1.65 !important;
}

body.is-home #sss .faq-help-card{
    border-radius:14px !important;
    overflow:hidden !important;
}

body.is-home #sss .faq-help-media{
    height:190px !important;
}

body.is-home #sss .faq-help-body{
    padding:18px !important;
}

body.is-home #sss .faq-help-body h3{
    font-size:21px !important;
    line-height:1.15 !important;
}

body.is-home #sss .faq-help-body p{
    font-size:12px !important;
    line-height:1.6 !important;
}

/* TABLET */
@media (max-width:980px){
    body.is-home #kolay-rezervasyon .steps-grid{
        grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    }

    body.is-home #kolay-rezervasyon .step-card:last-child{
        grid-column:1 / -1 !important;
        width:min(520px,100%) !important;
        justify-self:center !important;
    }

    body.is-home #neden-bizi-tercih .why-layout{
        grid-template-columns:1fr !important;
    }

    body.is-home #neden-bizi-tercih .why-gallery{
        max-width:760px !important;
        margin:0 auto !important;
    }

    body.is-home #sss .faq-layout{
        grid-template-columns:1fr !important;
    }

    body.is-home #sss .faq-help-card{
        display:grid !important;
        grid-template-columns:minmax(240px,.8fr) minmax(0,1.2fr) !important;
    }

    body.is-home #sss .faq-help-media{
        height:100% !important;
        min-height:220px !important;
    }
}

/* MOBİL */
@media (max-width:640px){
    body.is-home #kolay-rezervasyon,
    body.is-home #neden-bizi-tercih,
    body.is-home #gezi-rehberi{
        padding-top:38px !important;
        padding-bottom:38px !important;
    }

    body.is-home #kolay-rezervasyon .tour-head h2,
    body.is-home #neden-bizi-tercih .tour-head h2,
    body.is-home #gezi-rehberi .ks27-home-blog__head h2,
    body.is-home #sss .faq-head h2{
        max-width:100% !important;
        font-size:clamp(25px,8vw,31px) !important;
        line-height:1.08 !important;
        letter-spacing:-.025em !important;
    }

    body.is-home #kolay-rezervasyon .tour-head p,
    body.is-home #neden-bizi-tercih .tour-head p,
    body.is-home #gezi-rehberi .ks27-home-blog__head p,
    body.is-home #sss .faq-head p{
        font-size:13px !important;
        line-height:1.55 !important;
    }

    body.is-home #kolay-rezervasyon .steps-grid{
        grid-template-columns:1fr !important;
        gap:14px !important;
    }

    body.is-home #kolay-rezervasyon .step-card:last-child{
        grid-column:auto !important;
        width:100% !important;
    }

    body.is-home #kolay-rezervasyon .step-no{
        transform:scale(.82) !important;
        transform-origin:center !important;
    }

    body.is-home #kolay-rezervasyon .steps-booking-cta{
        display:grid !important;
        grid-template-columns:1fr !important;
        padding:18px !important;
        text-align:left !important;
    }

    body.is-home #kolay-rezervasyon .cta-icon{
        display:none !important;
    }

    body.is-home #kolay-rezervasyon .cta-actions{
        display:grid !important;
        grid-template-columns:1fr !important;
        width:100% !important;
        gap:8px !important;
    }

    body.is-home #kolay-rezervasyon .cta-actions a{
        width:100% !important;
        min-width:0 !important;
    }

    body.is-home #neden-bizi-tercih .why-gallery{
        display:grid !important;
        grid-template-columns:1fr !important;
        gap:8px !important;
    }

    body.is-home #neden-bizi-tercih .why-gallery-side{
        display:grid !important;
        grid-template-columns:1fr 1fr !important;
        gap:8px !important;
    }

    body.is-home #neden-bizi-tercih .why-gallery-main{
        aspect-ratio:16/10 !important;
        min-height:0 !important;
    }

    body.is-home #neden-bizi-tercih .why-gallery-side figure{
        aspect-ratio:4/3 !important;
        min-height:0 !important;
    }

    body.is-home #neden-bizi-tercih .why-features{
        grid-template-columns:1fr !important;
        gap:8px !important;
    }

    body.is-home #neden-bizi-tercih .why-cta{
        display:grid !important;
        grid-template-columns:1fr !important;
        gap:12px !important;
        padding:16px !important;
    }

    body.is-home #neden-bizi-tercih .why-cta-btn{
        width:100% !important;
        min-width:0 !important;
    }

    body.is-home #gezi-rehberi .ks27-home-blog__head{
        display:block !important;
        margin-bottom:20px !important;
    }

    body.is-home #gezi-rehberi .ks27-home-blog__all{
        margin-top:14px !important;
        width:max-content !important;
        max-width:100% !important;
    }

    body.is-home #gezi-rehberi .ks27-blog-grid{
        grid-template-columns:1fr !important;
        gap:14px !important;
    }

    body.is-home #final-rezervasyon{
        padding:36px 0 !important;
    }

    body.is-home #final-rezervasyon .tour-final-panel{
        width:calc(100% - 20px) !important;
        border-radius:18px !important;
    }

    body.is-home #final-rezervasyon .tour-final-panel-top{
        padding:28px 17px 24px !important;
    }

    body.is-home #final-rezervasyon .tour-final-panel h2{
        max-width:100% !important;
        font-size:clamp(29px,9vw,38px) !important;
        line-height:1.06 !important;
    }

    body.is-home #final-rezervasyon .tour-final-panel h2 span{
        display:block !important;
        margin-top:3px !important;
    }

    body.is-home #final-rezervasyon .tour-final-actions{
        display:grid !important;
        grid-template-columns:1fr !important;
        gap:8px !important;
    }

    body.is-home #final-rezervasyon .tour-final-btn{
        width:100% !important;
        min-width:0 !important;
        min-height:48px !important;
    }

    body.is-home #final-rezervasyon .tour-final-benefits{
        grid-template-columns:1fr !important;
    }

    body.is-home #final-rezervasyon .tour-final-benefits div{
        border-right:0 !important;
        border-bottom:1px solid rgba(255,255,255,.13) !important;
    }

    body.is-home #final-rezervasyon .tour-final-benefits div:last-child{
        border-bottom:0 !important;
    }

    body.is-home #sss.tour-faq-dark{
        width:calc(100% - 20px) !important;
        margin:36px auto !important;
        padding:28px 14px !important;
        border-radius:18px !important;
    }

    body.is-home #sss .faq-question{
        min-height:52px !important;
        padding:10px !important;
        gap:8px !important;
    }

    body.is-home #sss .faq-question-text{
        font-size:12.5px !important;
    }

    body.is-home #sss .faq-answer{
        padding:0 11px 13px 46px !important;
    }

    body.is-home #sss .faq-help-card{
        display:block !important;
    }

    body.is-home #sss .faq-help-media{
        height:180px !important;
        min-height:0 !important;
    }

    body.is-home #sss .faq-help-body{
        padding:16px !important;
    }

    body.is-home #sss .faq-help-btn{
        width:100% !important;
        justify-content:center !important;
    }

    body.is-home #sss .faq-help-meta{
        display:grid !important;
        grid-template-columns:1fr !important;
        gap:7px !important;
    }
}

/* DAR MOBİL */
@media (max-width:390px){
    body.is-home #kolay-rezervasyon .tour-head h2,
    body.is-home #neden-bizi-tercih .tour-head h2,
    body.is-home #gezi-rehberi .ks27-home-blog__head h2,
    body.is-home #sss .faq-head h2{
        font-size:25px !important;
    }

    body.is-home #final-rezervasyon .tour-final-panel h2{
        font-size:29px !important;
    }
}

/* ==========================================================
   NEDEN BİZİ TERCİH — GÖRSEL ALANI FIX
   Sadece #neden-bizi-tercih görsel kolajını düzeltir.
========================================================== */
body.is-home #neden-bizi-tercih .why-layout{
    align-items:center !important;
}

body.is-home #neden-bizi-tercih .why-gallery{
    display:grid !important;
    grid-template-columns:minmax(0,1.35fr) minmax(190px,.85fr) !important;
    grid-template-rows:520px !important;
    gap:12px !important;
    width:100% !important;
    height:520px !important;
    min-height:520px !important;
    min-width:0 !important;
    overflow:visible !important;
}

body.is-home #neden-bizi-tercih .why-gallery-main{
    position:relative !important;
    display:block !important;
    width:100% !important;
    height:520px !important;
    min-height:520px !important;
    margin:0 !important;
    overflow:hidden !important;
    border-radius:18px !important;
}

body.is-home #neden-bizi-tercih .why-gallery-side{
    display:grid !important;
    grid-template-columns:1fr !important;
    grid-template-rows:repeat(2,minmax(0,1fr)) !important;
    gap:12px !important;
    width:100% !important;
    height:520px !important;
    min-height:520px !important;
}

body.is-home #neden-bizi-tercih .why-gallery-side figure{
    position:relative !important;
    display:block !important;
    width:100% !important;
    height:254px !important;
    min-height:254px !important;
    margin:0 !important;
    overflow:hidden !important;
    border-radius:18px !important;
}

body.is-home #neden-bizi-tercih .why-gallery img{
    position:absolute !important;
    inset:0 !important;
    width:100% !important;
    height:100% !important;
    max-width:none !important;
    display:block !important;
    object-fit:cover !important;
    object-position:center !important;
    transform:none !important;
}

/* Tablet */
@media (max-width:980px){
    body.is-home #neden-bizi-tercih .why-gallery{
        grid-template-columns:minmax(0,1.35fr) minmax(180px,.85fr) !important;
        grid-template-rows:440px !important;
        height:440px !important;
        min-height:440px !important;
        max-width:760px !important;
        margin:0 auto !important;
    }

    body.is-home #neden-bizi-tercih .why-gallery-main{
        height:440px !important;
        min-height:440px !important;
    }

    body.is-home #neden-bizi-tercih .why-gallery-side{
        height:440px !important;
        min-height:440px !important;
    }

    body.is-home #neden-bizi-tercih .why-gallery-side figure{
        height:214px !important;
        min-height:214px !important;
    }
}

/* Mobil */
@media (max-width:640px){
    body.is-home #neden-bizi-tercih .why-gallery{
        display:grid !important;
        grid-template-columns:1fr !important;
        grid-template-rows:auto auto !important;
        height:auto !important;
        min-height:0 !important;
        gap:8px !important;
    }

    body.is-home #neden-bizi-tercih .why-gallery-main{
        width:100% !important;
        height:auto !important;
        min-height:0 !important;
        aspect-ratio:16/10 !important;
    }

    body.is-home #neden-bizi-tercih .why-gallery-side{
        display:grid !important;
        grid-template-columns:repeat(2,minmax(0,1fr)) !important;
        grid-template-rows:1fr !important;
        width:100% !important;
        height:auto !important;
        min-height:0 !important;
        gap:8px !important;
    }

    body.is-home #neden-bizi-tercih .why-gallery-side figure{
        height:auto !important;
        min-height:0 !important;
        aspect-ratio:4/3 !important;
    }
}

@media (max-width:390px){
    body.is-home #neden-bizi-tercih .why-gallery-side{
        grid-template-columns:1fr !important;
    }

    body.is-home #neden-bizi-tercih .why-gallery-side figure{
        aspect-ratio:16/10 !important;
    }
}


/* ===== SOURCE: assets/css/home-final-cta-glass.css ===== */
@charset "UTF-8";

/* =========================================================
   ANTALYA TURLARI — FINAL CTA CAM PANEL V3
   Referans görünüm: arka plan belirgin, panel hafif buzlu,
   metinler yüksek kontrastlı ve okunaklı.
   ========================================================= */

html body.is-home #final-rezervasyon .tour-final-panel {
    position: relative !important;
    isolation: isolate !important;
    overflow: hidden !important;
    border: 1px solid rgba(112, 236, 244, .92) !important;
    /* border-radius: clamp(22px, 2vw, 30px) !important; */
    background: linear-gradient(180deg, rgb(13 44 69 / 0%) 0%, rgb(8 35 59 / 0%) 48%, rgb(4 24 45 / 0%) 100%) !important;
    box-shadow: -1px -20px 20px 0px rgb(0 0 0 / 0%), inset 0 1px 10px 4px rgb(255 255 255) !important;
    backdrop-filter: blur(3px) saturate(112%) !important;
    -webkit-backdrop-filter: blur(3px) saturate(112%) !important;
}

/* Önceki koyu dekor katmanlarını kaldır */
html body.is-home #final-rezervasyon .tour-final-panel::before,
html body.is-home #final-rezervasyon .tour-final-panel::after {
    content: none !important;
    display: none !important;
}

/* Üst bölüm arka planı kapatmasın */
html body.is-home #final-rezervasyon .tour-final-panel-top {
    position: relative !important;
    background:
        radial-gradient(
            circle at 50% 44%,
            rgba(3, 18, 34, .24) 0%,
            rgba(3, 18, 34, .13) 48%,
            transparent 78%
        ) !important;
}

/* Başlıkların kontrastı */
html body.is-home #final-rezervasyon .tour-final-kicker {
    color: #59e6ee !important;
    text-shadow: 0 2px 12px rgba(0, 0, 0, .55) !important;
}

html body.is-home #final-rezervasyon .tour-final-panel h2,
html body.is-home #final-rezervasyon .tour-final-panel h2 span,
html body.is-home #final-rezervasyon .tour-final-panel h2 strong {
    text-shadow:
        0 2px 2px rgba(0, 0, 0, .78),
        0 8px 24px rgba(0, 0, 0, .42) !important;
}

html body.is-home #final-rezervasyon .tour-final-panel h2 {
    color: #ffffff !important;
}

html body.is-home #final-rezervasyon .tour-final-panel h2 strong,
html body.is-home #final-rezervasyon .tour-final-panel h2 span {
    color: #42d6df !important;
    background: linear-gradient(180deg, #64edf2 0%, #22bdcb 100%) !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
}

html body.is-home #final-rezervasyon .tour-final-panel-top > p {
    color: rgba(255, 255, 255, .94) !important;
    text-shadow:
        0 2px 2px rgba(0, 0, 0, .72),
        0 5px 16px rgba(0, 0, 0, .34) !important;
}

/* Butonların netliği */
html body.is-home #final-rezervasyon .tour-final-actions .tour-btn-primary {
    box-shadow:
        0 12px 28px rgba(255, 94, 67, .30),
        inset 0 1px 0 rgba(255, 255, 255, .24) !important;
}

html body.is-home #final-rezervasyon .tour-final-actions .tour-btn-outline {
    background: rgba(3, 23, 43, .42) !important;
    border-color: rgba(255, 255, 255, .82) !important;
    color: #ffffff !important;
    backdrop-filter: blur(2px) !important;
    -webkit-backdrop-filter: blur(2px) !important;
}

/* Alt avantaj bölümü daha şeffaf */
html body.is-home #final-rezervasyon .tour-final-benefits {
    background:
        linear-gradient(
            90deg,
            rgba(2, 22, 41, .26) 0%,
            rgba(2, 22, 41, .34) 50%,
            rgba(2, 22, 41, .26) 100%
        ) !important;
    border-top-color: rgba(112, 236, 244, .54) !important;
    backdrop-filter: blur(1px) !important;
    -webkit-backdrop-filter: blur(1px) !important;
}

html body.is-home #final-rezervasyon .tour-final-benefits > div {
    background: transparent !important;
}

html body.is-home #final-rezervasyon .tour-final-benefits strong,
html body.is-home #final-rezervasyon .tour-final-benefits span {
    color: #ffffff !important;
    text-shadow: 0 2px 8px rgba(0, 0, 0, .62) !important;
}

/* Tablet */
@media (max-width: 980px) {
    html body.is-home #final-rezervasyon .tour-final-panel {
        background:
            linear-gradient(
                180deg,
                rgba(13, 44, 69, .38) 0%,
                rgba(8, 35, 59, .48) 50%,
                rgba(4, 24, 45, .58) 100%
            ) !important;
        backdrop-filter: blur(3px) saturate(108%) !important;
        -webkit-backdrop-filter: blur(3px) saturate(108%) !important;
    }
}

/* Mobil */
@media (max-width: 700px) {
    html body.is-home #final-rezervasyon .tour-final-panel {
        background:
            linear-gradient(
                180deg,
                rgba(10, 39, 63, .52) 0%,
                rgba(6, 31, 54, .60) 54%,
                rgba(3, 22, 42, .66) 100%
            ) !important;
        backdrop-filter: blur(3px) saturate(105%) !important;
        -webkit-backdrop-filter: blur(3px) saturate(105%) !important;
    }

    html body.is-home #final-rezervasyon .tour-final-panel-top {
        background: rgba(2, 19, 36, .08) !important;
    }

    html body.is-home #final-rezervasyon .tour-final-benefits {
        background: rgba(2, 22, 41, .38) !important;
    }
}

@media (prefers-reduced-motion: reduce) {
    html body.is-home #final-rezervasyon *,
    html body.is-home #final-rezervasyon *::before,
    html body.is-home #final-rezervasyon *::after {
        transition: none !important;
    }
}

/* =====================================================================
   2026-08-15 — ANA SAYFA CSS ÇAKIŞMA SONLANDIRICI
   Bu blok dosyanın EN SONUNDA kalmalıdır.
   Header / sidebar / admin stillerine dokunmaz.
   ===================================================================== */
html body.is-home {
    --ks27-home-final-width: 1360px;
    --ks27-home-final-gutter: 24px;
}

html body.is-home .tour-main,
html body.is-home .tour-main *,
html body.is-home .ks27-home-modules,
html body.is-home .ks27-home-modules *,
html body.is-home .ks27-testimonials,
html body.is-home .ks27-testimonials * {
    box-sizing: border-box;
}

/* Desktop: üst Tur / VIP / Otel alanı ile alt içeriklerin ana hattını eşitle. */
@media (min-width: 1025px) {
    html body.is-home .ks27-home-modules__shell,
    html body.is-home .ks27-testimonials__shell,
    html body.is-home #kolay-rezervasyon > .tour-wrap,
    html body.is-home #neden-bizi-tercih > .tour-wrap,
    html body.is-home #antalya-tur-rotalari > .tour-wrap {
        width: min(var(--ks27-home-final-width), calc(100% - (var(--ks27-home-final-gutter) * 2))) !important;
        max-width: var(--ks27-home-final-width) !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }

    html body.is-home .ks27-home-modules__shell > .ks27-home-module,
    html body.is-home .ks27-home-module > .ks27-home-slider,
    html body.is-home .ks27-home-slider__viewport,
    html body.is-home .ks27-home-slider__track {
        max-width: 100% !important;
    }

    html body.is-home .ks27-home-module > .ks27-home-slider {
        width: 100% !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
}

/* Tablet: eski 38/40/48px yan boşluk farklarını tek hatta getir. */
@media (min-width: 641px) and (max-width: 1024px) {
    html body.is-home {
        --ks27-home-final-gutter: 19px;
    }

    html body.is-home .ks27-home-modules__shell,
    html body.is-home .ks27-testimonials__shell,
    html body.is-home #kolay-rezervasyon > .tour-wrap,
    html body.is-home #neden-bizi-tercih > .tour-wrap,
    html body.is-home #antalya-tur-rotalari > .tour-wrap {
        width: calc(100% - (var(--ks27-home-final-gutter) * 2)) !important;
        max-width: 980px !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }
}

/* Mobil: eski 24/26/32px farklarını tek hatta getir. */
@media (max-width: 640px) {
    html body.is-home {
        --ks27-home-final-gutter: 13px;
    }

    html body.is-home .ks27-home-modules__shell,
    html body.is-home .ks27-testimonials__shell,
    html body.is-home #kolay-rezervasyon > .tour-wrap,
    html body.is-home #neden-bizi-tercih > .tour-wrap,
    html body.is-home #antalya-tur-rotalari > .tour-wrap {
        width: calc(100% - (var(--ks27-home-final-gutter) * 2)) !important;
        max-width: 620px !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }
}

/* Kart sliderlarında eski max-width/min-width kalıntılarını nötrleştir. */
html body.is-home .ks27-home-modules__shell,
html body.is-home .ks27-home-module,
html body.is-home .ks27-home-slider,
html body.is-home .ks27-home-slider__viewport,
html body.is-home .ks27-home-slider__slide {
    min-width: 0 !important;
}

/* Gerçek link/buton katmanlarının CSS yüzünden tıklanamaz hale gelmesini engelle. */
html body.is-home .ks27-home-slider a[href],
html body.is-home .ks27-home-slider button,
html body.is-home .ks27-home-slider [data-hm27-open] {
    pointer-events: auto !important;
}
/* ===================================================================== */


/* ===== SOURCE: assets/css/home-typography-standard-final.css ===== */
/* Jubilee Lakeview Boutique Hotel — Ana Sayfa Tipografi Standardı FINAL */

body.is-home .tour-main-unified,
body.is-home .ks27x-hero {
    font-family: Inter, "Segoe UI", Arial, Helvetica, sans-serif !important;
}

/* HERO — serif/italik/karışık kalınlıkları tamamen kaldır */
body.is-home .ks27x-hero__title,
body.is-home .ks27x-hero__title span,
body.is-home .ks27x-hero__title strong {
    font-family: Inter, "Segoe UI", Arial, Helvetica, sans-serif !important;
    font-size: clamp(38px, 4.1vw, 58px) !important;
    line-height: 1.04 !important;
    font-weight: 700 !important;
    font-style: normal !important;
    letter-spacing: -0.035em !important;
    text-transform: none !important;
}

body.is-home .ks27x-hero__kicker,
body.is-home .tour-kicker,
body.is-home .ks27-blog-eyebrow,
body.is-home [class*="kicker"] {
    font-family: Inter, "Segoe UI", Arial, Helvetica, sans-serif !important;
    font-size: 13px !important;
    line-height: 1.25 !important;
    font-weight: 700 !important;
    letter-spacing: .08em !important;
}

/* ANA SAYFADAKİ TÜM BÖLÜM BAŞLIKLARI TEK ÖLÇÜ */
body.is-home .tour-main-unified section h2,
body.is-home #homeHotelCardsTitle,
body.is-home #ks27HomeBlogTitle,
body.is-home #faqTitle,
body.is-home #finalCtaTitle,
body.is-home .tour-head h2,
body.is-home .ks27-blog-section-head h2 {
    font-family: Inter, "Segoe UI", Arial, Helvetica, sans-serif !important;
    font-size: clamp(30px, 2.65vw, 40px) !important;
    line-height: 1.10 !important;
    font-weight: 700 !important;
    font-style: normal !important;
    letter-spacing: -0.025em !important;
    text-transform: none !important;
}

/* Kart başlıkları */
body.is-home .tour-main-unified section h3,
body.is-home .step-content h3,
body.is-home .why-feature h3,
body.is-home .route-card h3,
body.is-home .ks27-blog-card h3 {
    font-family: Inter, "Segoe UI", Arial, Helvetica, sans-serif !important;
    font-size: clamp(18px, 1.45vw, 22px) !important;
    line-height: 1.2 !important;
    font-weight: 700 !important;
    letter-spacing: -0.015em !important;
}

/* Açıklamalar aynı karakter ve daha dengeli */
body.is-home .tour-head p,
body.is-home .ks27-blog-section-head p,
body.is-home .ks27x-hero__description {
    font-family: Inter, "Segoe UI", Arial, Helvetica, sans-serif !important;
    font-size: clamp(15px, 1.05vw, 17px) !important;
    line-height: 1.6 !important;
    font-weight: 400 !important;
}

/* Çok uzun başlıkların kaba görünmesini engelle */
body.is-home .tour-head,
body.is-home .ks27-blog-section-head > div,
body.is-home .why-head {
    max-width: 820px !important;
}

@media (max-width: 760px) {
    body.is-home .ks27x-hero__title,
    body.is-home .ks27x-hero__title span,
    body.is-home .ks27x-hero__title strong {
        font-size: clamp(34px, 10vw, 43px) !important;
        line-height: 1.06 !important;
        letter-spacing: -0.03em !important;
    }

    body.is-home .tour-main-unified section h2,
    body.is-home #homeHotelCardsTitle,
    body.is-home #ks27HomeBlogTitle,
    body.is-home #faqTitle,
    body.is-home #finalCtaTitle,
    body.is-home .tour-head h2,
    body.is-home .ks27-blog-section-head h2 {
        font-size: 29px !important;
        line-height: 1.12 !important;
        letter-spacing: -0.02em !important;
    }

    body.is-home .tour-head p,
    body.is-home .ks27-blog-section-head p,
    body.is-home .ks27x-hero__description {
        font-size: 15px !important;
        line-height: 1.55 !important;
    }
}

/* ==========================================================
   HALFETİ ROTALARI — KOMPAKT KART STANDARDI
   Sadece ana sayfadaki rota kartlarını kısaltır.
   ========================================================== */
body.is-home #halfeti-rotalari .route-grid {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 18px !important;
    align-items: stretch !important;
}

body.is-home #halfeti-rotalari .route-card {
    height: auto !important;
    min-height: 0 !important;
    overflow: hidden !important;
    border-radius: 18px !important;
}

body.is-home #halfeti-rotalari .route-card-link {
    display: flex !important;
    flex-direction: column !important;
    height: 100% !important;
    min-height: 0 !important;
    text-decoration: none !important;
}

body.is-home #halfeti-rotalari .route-card-media {
    position: relative !important;
    width: 100% !important;
    height: 220px !important;
    min-height: 220px !important;
    max-height: 220px !important;
    overflow: hidden !important;
}

body.is-home #halfeti-rotalari .route-card-media img {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: center !important;
}

body.is-home #halfeti-rotalari .route-card-body {
    display: flex !important;
    flex-direction: column !important;
    padding: 18px 20px 17px !important;
    min-height: 152px !important;
    height: auto !important;
}

body.is-home #halfeti-rotalari .route-card-body h3 {
    margin: 0 0 8px !important;
    font-size: 20px !important;
    line-height: 1.2 !important;
}

body.is-home #halfeti-rotalari .route-card-body p {
    margin: 0 0 12px !important;
    font-size: 14px !important;
    line-height: 1.45 !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
}

body.is-home #halfeti-rotalari .route-card-cta {
    margin-top: auto !important;
    font-size: 13px !important;
    line-height: 1.2 !important;
}

@media (max-width: 980px) {
    body.is-home #halfeti-rotalari .route-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }

    body.is-home #halfeti-rotalari .route-card-media {
        height: 205px !important;
        min-height: 205px !important;
        max-height: 205px !important;
    }
}

@media (max-width: 640px) {
    body.is-home #halfeti-rotalari .route-grid {
        grid-template-columns: 1fr !important;
        gap: 14px !important;
    }

    body.is-home #halfeti-rotalari .route-card-media {
        height: 190px !important;
        min-height: 190px !important;
        max-height: 190px !important;
    }

    body.is-home #halfeti-rotalari .route-card-body {
        min-height: 138px !important;
        padding: 15px 16px 14px !important;
    }

    body.is-home #halfeti-rotalari .route-card-body h3 {
        font-size: 18px !important;
    }
}


/* ===== SOURCE: assets/css/pages/index-inline-1.css ===== */
/* INDEX ONLY — Turlar / VIP Transfer / Oteller final spacing + section buttons */
body.is-home .ks27-home-modules .ks27-home-module{
    margin-bottom:44px !important;
}
body.is-home .ks27-home-modules .ks27-home-module:last-child{
    margin-bottom:0 !important;
}
body.is-home .ks27-home-module__head{
    position:relative;
    padding-right:190px;
}
body.is-home .ks27-home-module__all{
    position:absolute;
    right:0;
    bottom:0;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:42px;
    padding:0 18px;
    border:1px solid #d8e5ec;
    border-radius:12px;
    background:#fff;
    color:#082640;
    font-size:13px;
    line-height:1;
    font-weight:850;
    text-decoration:none;
    white-space:nowrap;
    box-shadow:0 8px 22px rgba(8,38,64,.07);
    transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease;
}
body.is-home .ks27-home-module__all::after{
    content:"›";
    margin-left:9px;
    color:#08aab9;
    font-size:20px;
    line-height:1;
}
body.is-home .ks27-home-module__all:hover{
    transform:translateY(-1px);
    border-color:#9fd9df;
    box-shadow:0 10px 26px rgba(8,38,64,.11);
}
@media (max-width:767px){
    body.is-home .ks27-home-modules .ks27-home-module{
        margin-bottom:30px !important;
    }
    body.is-home .ks27-home-module__head{
        padding-right:0;
    }
    body.is-home .ks27-home-module__all{
        position:static;
        margin-top:13px;
        min-height:40px;
        width:max-content;
        max-width:100%;
    }
}



/* ===== JUBILEE HERO LOCAL COMPONENT RULES — CLEAN EXTRACT ===== */
.ks27x-card--button{
    width:100%;
    padding:0;
    border:0;
    background:transparent;
    text-align:left;
    font:inherit;
    color:inherit;
    cursor:pointer;
}
.ks27x-card__vip-placeholder{
    width:100%;
    height:100%;
    min-height:104px;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    background:linear-gradient(180deg,#0b4661 0%,#0b3950 100%);
    color:#27d7e8;
}
.ks27x-card__vip-placeholder strong{
    font-size:34px;
    line-height:1;
    font-weight:900;
    letter-spacing:.04em;
}
.ks27x-card__vip-placeholder span{
    margin-top:6px;
    font-size:11px;
    opacity:.85;
}

/* =========================================================
   JUBILEE HERO — REFERENCE DESKTOP LAYOUT 2026-08-28
   Reference: supplied 1536x1024 composition. Desktop only.
   Keeps all existing PHP/forms/data dynamic.
   ========================================================= */
@media (min-width:1230px){
 body.is-home .ks27x-hero.ks27x-hero--reference{
   min-height:0!important;height:auto!important;padding:0!important;overflow:hidden!important;
   background:#021725!important;
 }
 body.is-home .ks27x-hero--reference .ks27x-hero__media{
   height:540px!important;bottom:auto!important;
 }
 body.is-home .ks27x-hero--reference .ks27x-hero__shade{
   height:540px!important;bottom:auto!important;
   background:linear-gradient(90deg,rgba(0,18,32,.62) 0%,rgba(0,25,43,.35) 54%,rgba(0,12,24,.24) 100%),linear-gradient(180deg,rgba(0,8,18,.04),rgba(0,14,27,.20))!important;
 }
 body.is-home .ks27x-hero--reference .ks27x-hero__shell{
   width:min(1296px,calc(100% - 96px))!important;max-width:1296px!important;margin:0 auto!important;
   padding:72px 0 34px!important;
 }
 body.is-home .ks27x-hero--reference .ks27x-hero__grid.ks27x-hero__top{
   display:grid!important;grid-template-columns:minmax(0,700px) 455px!important;gap:66px!important;
   align-items:start!important;justify-content:space-between!important;
 }
 body.is-home .ks27x-hero--reference .ks27x-hero__left{width:700px!important;max-width:100%!important;min-width:0!important;padding-top:8px!important;}
 body.is-home .ks27x-hero--reference .ks27x-hero__kicker{margin:0 0 16px!important;color:#16c8f4!important;font-family:inherit!important;font-size:17px!important;line-height:1.2!important;font-weight:800!important;}
 body.is-home .ks27x-hero--reference .ks27x-hero__title{display:block!important;margin:0!important;font-size:0!important;line-height:1!important;letter-spacing:0!important;}
 body.is-home .ks27x-hero--reference .ks27x-hero__title>span:first-child{display:block!important;color:#fff!important;font-family:inherit!important;font-size:46px!important;line-height:1.05!important;font-weight:900!important;letter-spacing:-.035em!important;white-space:nowrap!important;}
 body.is-home .ks27x-hero--reference .ks27x-hero__title-second{display:flex!important;align-items:baseline!important;gap:13px!important;margin-top:4px!important;white-space:nowrap!important;}
 body.is-home .ks27x-hero--reference .ks27x-hero__title-second strong{display:inline!important;color:#16bdf0!important;font-family:inherit!important;font-size:43px!important;line-height:1!important;font-style:normal!important;font-weight:900!important;letter-spacing:-.035em!important;white-space:nowrap!important;}
 body.is-home .ks27x-hero--reference .ks27x-hero__title-second em{display:inline!important;color:#18bdf1!important;font-family:"Segoe Script","Brush Script MT",cursive!important;font-size:48px!important;line-height:1!important;font-style:italic!important;font-weight:400!important;letter-spacing:-.04em!important;white-space:nowrap!important;}
 body.is-home .ks27x-hero--reference .ks27x-hero__ornament{width:245px!important;margin:22px 0 25px!important;}
 body.is-home .ks27x-hero--reference .ks27x-hero__description{width:650px!important;max-width:100%!important;margin:0 0 27px!important;color:#fff!important;font-size:15px!important;line-height:1.75!important;font-weight:400!important;}
 body.is-home .ks27x-hero--reference .ks27x-hero__benefits{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:16px!important;width:650px!important;max-width:100%!important;margin:0!important;}
 body.is-home .ks27x-hero--reference .ks27x-hero__benefit{min-height:74px!important;display:grid!important;grid-template-columns:42px 1fr!important;gap:10px!important;padding:12px 13px!important;border:1px solid rgba(23,191,244,.65)!important;border-radius:11px!important;background:rgba(2,27,46,.66)!important;}
 body.is-home .ks27x-hero--reference .ks27x-hero__benefit-icon{width:38px!important;height:38px!important;font-size:16px!important;}
 body.is-home .ks27x-hero--reference .ks27x-hero__benefit b{font-size:12px!important;white-space:nowrap!important;}
 body.is-home .ks27x-hero--reference .ks27x-hero__benefit small{font-size:10px!important;}
 body.is-home .ks27x-hero--reference .ks27x-hero__actions{display:none!important;}

 body.is-home .ks27x-hero--reference .ks27-premium-booking{width:455px!important;max-width:none!important;margin:0!important;padding:0!important;align-self:start!important;}
 body.is-home .ks27x-hero--reference .ks27-premium-booking__desktop{position:relative!important;display:block!important;width:455px!important;min-height:438px!important;padding:42px 28px 22px!important;border:2px solid rgba(255,255,255,.88)!important;border-radius:17px!important;background:rgba(1,23,40,.88)!important;box-shadow:0 0 18px rgba(100,218,255,.45),inset 0 0 28px rgba(0,133,201,.08)!important;backdrop-filter:blur(9px)!important;}
 body.is-home .ks27x-hero--reference .ks27-premium-booking__icon{position:absolute!important;left:50%!important;top:-28px!important;transform:translateX(-50%)!important;width:56px!important;height:56px!important;display:grid!important;place-items:center!important;border:1px solid #10c8f7!important;border-radius:50%!important;background:#03233a!important;color:#14c9f7!important;font-size:23px!important;}
 body.is-home .ks27x-hero--reference .ks27-premium-booking__head{margin:0 0 19px!important;text-align:center!important;}
 body.is-home .ks27x-hero--reference .ks27-premium-booking__head h2{margin:0 0 7px!important;font-size:32px!important;line-height:1.1!important;font-weight:900!important;}
 body.is-home .ks27x-hero--reference .ks27-premium-booking__head p{margin:0!important;font-size:11px!important;}
 body.is-home .ks27x-hero--reference .ks27-premium-booking__dates{display:grid!important;grid-template-columns:1fr 1fr!important;gap:18px!important;margin:0 0 16px!important;}
 body.is-home .ks27x-hero--reference .ks27-premium-booking__field{display:block!important;margin:0!important;}
 body.is-home .ks27x-hero--reference .ks27-premium-booking__field>span{display:block!important;margin:0 0 7px!important;color:#13c9f6!important;font-size:11px!important;font-weight:800!important;}
 body.is-home .ks27x-hero--reference .ks27-premium-booking__field input,
 body.is-home .ks27x-hero--reference .ks27-premium-booking__field select{width:100%!important;height:51px!important;padding:0 13px!important;border:1px solid rgba(255,255,255,.15)!important;border-radius:10px!important;background:rgba(9,32,51,.84)!important;color:#fff!important;font-size:12px!important;}
 body.is-home .ks27x-hero--reference .ks27-premium-booking__submit{width:100%!important;height:55px!important;margin:9px 0 0!important;border:0!important;border-radius:10px!important;background:linear-gradient(100deg,#19bce6,#0b79dc)!important;color:#fff!important;font-size:14px!important;font-weight:900!important;}
 body.is-home .ks27x-hero--reference .ks27-premium-booking__secure{display:block!important;margin:15px 0 0!important;text-align:center!important;color:rgba(255,255,255,.8)!important;font-size:10px!important;}
 body.is-home .ks27x-hero--reference .ks27-premium-booking__mobile{display:none!important;}

 body.is-home .ks27x-hero--reference .ks27x-popular-band{position:relative!important;width:100%!important;min-height:385px!important;margin:0!important;padding:31px 0 48px!important;border-top:1px solid rgba(23,193,244,.45)!important;background:linear-gradient(90deg,#031a2b 0%,#021726 100%)!important;}
 body.is-home .ks27x-hero--reference .ks27x-popular-layout{width:min(1320px,calc(100% - 96px))!important;max-width:1320px!important;margin:0 auto!important;display:grid!important;grid-template-columns:280px minmax(0,1fr)!important;gap:42px!important;align-items:start!important;}
 body.is-home .ks27x-hero--reference .ks27x-hero__tour-heading{width:280px!important;max-width:none!important;min-height:285px!important;margin:0!important;padding:34px 0 0!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:flex-start!important;text-align:center!important;}
 body.is-home .ks27x-hero--reference .ks27x-popular-star{display:block!important;margin:0 0 14px!important;color:#15c8f5!important;font-size:28px!important;font-style:normal!important;}
 body.is-home .ks27x-hero--reference .ks27x-hero__tour-heading h2{margin:0!important;color:#fff!important;font-size:29px!important;line-height:1.15!important;font-weight:900!important;white-space:nowrap!important;}
 body.is-home .ks27x-hero--reference .ks27x-popular-ornament{width:110px!important;margin:18px 0!important;}
 body.is-home .ks27x-hero--reference .ks27x-popular__desc{margin:0 0 22px!important;color:rgba(255,255,255,.84)!important;font-size:11px!important;line-height:1.5!important;}
 body.is-home .ks27x-hero--reference .ks27x-hero__tour-heading>a{display:flex!important;align-items:center!important;justify-content:center!important;width:190px!important;height:49px!important;border:1px solid #14c8f5!important;border-radius:9px!important;color:#14c8f5!important;font-size:11px!important;font-weight:800!important;}
 body.is-home .ks27x-hero--reference .ks27x-hero__cards{width:100%!important;max-width:none!important;display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:25px!important;}
 body.is-home .ks27x-hero--reference .ks27x-card.ks27x-card--room{height:318px!important;border:2px solid rgba(255,255,255,.92)!important;border-radius:16px!important;color:#fff!important;background:#05223a!important;box-shadow:0 0 14px rgba(113,216,255,.55)!important;}
 body.is-home .ks27x-hero--reference .ks27x-card--room .ks27x-card__image{height:168px!important;}
 body.is-home .ks27x-hero--reference .ks27x-card--room .ks27x-card__tag{left:16px!important;top:15px!important;padding:7px 10px!important;background:#16bdf0!important;font-size:10px!important;}
 body.is-home .ks27x-hero--reference .ks27x-card--room .ks27x-card__body{height:148px!important;padding:13px 15px!important;background:#05223a!important;}
 body.is-home .ks27x-hero--reference .ks27x-card--room .ks27x-card__title{min-height:0!important;margin:0 0 12px!important;color:#fff!important;font-size:18px!important;line-height:1.15!important;white-space:nowrap!important;-webkit-line-clamp:1!important;}
 body.is-home .ks27x-hero--reference .ks27x-card__room-meta{display:flex!important;gap:13px!important;color:#fff!important;font-size:10px!important;white-space:nowrap!important;}
 body.is-home .ks27x-hero--reference .ks27x-card--room .ks27x-card__bottom{margin-top:25px!important;color:#fff!important;font-size:10px!important;}
 body.is-home .ks27x-hero--reference .ks27x-card--room .ks27x-card__rating{color:#fff!important;font-size:10px!important;}
 body.is-home .ks27x-hero--reference .ks27x-card--room .ks27x-card__price{color:#14c8f5!important;font-size:18px!important;font-weight:900!important;}
}

@media (min-width:1230px) and (max-width:1450px){
 body.is-home .ks27x-hero--reference .ks27x-hero__shell{width:calc(100% - 64px)!important;}
 body.is-home .ks27x-hero--reference .ks27x-hero__grid.ks27x-hero__top{grid-template-columns:minmax(0,620px) 420px!important;gap:42px!important;}
 body.is-home .ks27x-hero--reference .ks27x-hero__left{width:620px!important;}
 body.is-home .ks27x-hero--reference .ks27-premium-booking,body.is-home .ks27x-hero--reference .ks27-premium-booking__desktop{width:420px!important;}
 body.is-home .ks27x-hero--reference .ks27x-hero__title>span:first-child{font-size:40px!important;}
 body.is-home .ks27x-hero--reference .ks27x-hero__title-second strong{font-size:38px!important;}
 body.is-home .ks27x-hero--reference .ks27x-hero__title-second em{font-size:42px!important;}
 body.is-home .ks27x-hero--reference .ks27x-popular-layout{width:calc(100% - 64px)!important;grid-template-columns:255px minmax(0,1fr)!important;gap:30px!important;}
 body.is-home .ks27x-hero--reference .ks27x-hero__tour-heading{width:255px!important;}
 body.is-home .ks27x-hero--reference .ks27x-hero__cards{gap:18px!important;}
}