@charset "UTF-8";

/* =========================================================
   ANTALYA TURLARI — TUR HEADER
   Referans görsele göre sıfırdan hazırlanmış final sürüm
========================================================= */

:root {
    --at-navy: #03152b;
    --at-navy-rgb: 3, 21, 43;
    --at-navy-2: #0b496e;
    --at-navy-2-rgb: 11, 73, 110;
    --at-cyan: #39d9e8;
    --at-cyan-rgb: 57, 217, 232;
    --at-coral: #ff6548;
    --at-coral-rgb: 255, 101, 72;
    --at-text: #f7fbff;
    --at-button-text: #ffffff;
    --at-header-height: 98px;
    --at-header-gap: 20px;
}

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

html,
body {
    width: 100%;
    max-width: 100%;
    margin: 0;
    overflow-x: hidden;
}

html {
    scroll-padding-top: calc(var(--at-header-height) + 24px);
}

body.is-home {
    padding-top: 0 !important;
}

body.is-inner {
    padding-top: 126px !important;
}

html.at-menu-open,
body.at-menu-open{
    overflow-y:scroll !important;
    overflow-x:hidden !important;
}

/* =========================================================
   HEADER CONTAINER
========================================================= */

.at-header,
.at-header * {
    box-sizing: border-box;
}

.at-header {
    position: fixed !important;
    top: 12px !important;
    right: 20px !important;
    left: 20px !important;
    z-index: 99990 !important;
    height: var(--at-header-height) !important;
    min-height: var(--at-header-height) !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    pointer-events: none;
}

.at-header::after {
    display: none !important;
}

.at-header__bar {
    display: grid;
    grid-template-columns: minmax(300px, 350px) minmax(0, 1fr) auto;
    width: 100%;
    height: 100%;
    min-width: 0;
    align-items: center;
    gap: 28px;
    padding: 0 28px;
    border: 1px solid rgba(215, 240, 250, .35);
    border-radius: 20px;
    background:
        radial-gradient(circle at 95% 45%, rgba(var(--at-coral-rgb), .22), transparent 18%),
        linear-gradient(
            96deg,
            rgba(var(--at-navy-rgb), .98) 0%,
            rgba(var(--at-navy-2-rgb), .90) 58%,
            rgba(var(--at-navy-2-rgb), .68) 100%
        );
    color: var(--at-text);
    box-shadow:
        0 16px 42px rgba(0, 8, 22, .24),
        inset 0 1px rgba(255, 255, 255, .08);
    backdrop-filter: blur(18px) saturate(125%);
    -webkit-backdrop-filter: blur(18px) saturate(125%);
    pointer-events: auto;
    transition:
        min-height .22s ease,
        background .22s ease,
        border-color .22s ease,
        box-shadow .22s ease;
}

.at-header.is-scrolled {
    top: 7px !important;
}

.at-header.is-scrolled .at-header__bar {
    min-height: 84px;
    border-color: rgba(215, 240, 250, .28);
    background:
        linear-gradient(
            96deg,
            rgba(var(--at-navy-rgb), .995),
            rgba(var(--at-navy-2-rgb), .96)
        );
    box-shadow:
        0 18px 46px rgba(0, 8, 22, .32),
        inset 0 1px rgba(255, 255, 255, .07);
}

/* =========================================================
   LOGO
========================================================= */

.at-header__logo {
    display: inline-flex;
    min-width: 0;
    align-items: center;
    color: var(--at-text);
    text-decoration: none !important;
}

.at-header__logo img {
    display: block !important;
    width: 286px !important;
    height: 80px !important;
    max-width: 100% !important;
    max-height: 80px !important;
    object-fit: contain !important;
    object-position: left center !important;
}

/* =========================================================
   DESKTOP NAVIGATION
========================================================= */

.at-header__nav {
    display: flex;
    width: 100%;
    min-width: 0;
    align-items: center;
    justify-content: center;
    gap: clamp(28px, 2vw, 42px);
}

.at-header__nav-item {
    position: relative;
    display: flex;
    height: 100%;
    align-items: center;
}

.at-header__nav-link {
    position: relative;
    display: inline-flex;
    min-height: 50px;
    align-items: center;
    justify-content: center;
    padding: 0;
    color: var(--at-text) !important;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 15px;
    font-weight: 700;
    line-height: 1;
    text-decoration: none !important;
    text-shadow: 0 2px 10px rgba(0, 0, 0, .24);
    white-space: nowrap;
    transition: color .18s ease, transform .18s ease;
}

.at-header__nav-link::after {
    position: absolute;
    right: 10%;
    bottom: 2px;
    left: 10%;
    height: 2px;
    border-radius: 999px;
    background: var(--at-cyan);
    box-shadow: 0 0 12px rgba(var(--at-cyan-rgb), .48);
    content: "";
    opacity: 0;
    transform: scaleX(.35);
    transition: opacity .18s ease, transform .18s ease;
}

.at-header__nav-link:hover,
.at-header__nav-link:focus-visible,
.at-header__nav-link.is-active {
    color: #fff !important;
    transform: translateY(-1px);
}

.at-header__nav-link:hover::after,
.at-header__nav-link:focus-visible::after,
.at-header__nav-link.is-active::after {
    opacity: 1;
    transform: scaleX(1);
}

/* Dropdown */
.at-header__dropdown {
    position: absolute;
    top: calc(100% - 3px);
    left: 50%;
    z-index: 20;
    display: grid;
    width: 250px;
    padding: 10px;
    border: 1px solid rgba(200, 231, 250, .24);
    border-radius: 15px;
    background:
        linear-gradient(
            145deg,
            rgba(var(--at-navy-rgb), .99),
            rgba(var(--at-navy-2-rgb), .97)
        );
    box-shadow: 0 22px 50px rgba(0, 8, 22, .34);
    opacity: 0;
    visibility: hidden;
    transform: translate(-50%, 10px);
    transition: opacity .18s ease, visibility .18s ease, transform .18s ease;
    backdrop-filter: blur(18px);
    -webkit-backdrop-filter: blur(18px);
}

.at-header__nav-item:hover .at-header__dropdown,
.at-header__nav-item:focus-within .at-header__dropdown {
    opacity: 1;
    visibility: visible;
    transform: translate(-50%, 0);
}

.at-header__dropdown > a {
    display: flex;
    min-height: 44px;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    padding: 0 12px;
    border-radius: 9px;
    color: rgba(255, 255, 255, .84) !important;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none !important;
    transition: color .16s ease, background .16s ease, padding .16s ease;
}

.at-header__dropdown > a:hover,
.at-header__dropdown > a:focus-visible,
.at-header__dropdown > a.is-active {
    padding-left: 15px;
    color: #fff !important;
    background: rgba(var(--at-cyan-rgb), .10);
}

.at-header__dropdown svg {
    width: 16px;
    height: 16px;
    fill: none;
    stroke: var(--at-cyan);
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
}

/* =========================================================
   RIGHT ACTIONS
========================================================= */

.at-header__actions {
    display: flex;
    min-width: 0;
    align-items: center;
    justify-content: flex-end;
    gap: 14px;
    margin-left: 0;
}

.at-header__languages {
    display: flex;
    align-items: center;
    gap: 10px;
}

.at-header__language {
    display: inline-flex;
    min-height: 38px;
    align-items: center;
    gap: 6px;
    color: rgba(247, 252, 255, .86) !important;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: 700;
    text-decoration: none !important;
    white-space: nowrap;
    transition: color .18s ease, opacity .18s ease;
}

.at-header__language:hover,
.at-header__language.is-active {
    color: #fff !important;
}

.at-header__language:not(.is-active) {
    opacity: .9;
}

.at-header__flag {
    display: grid;
    width: 31px;
    height: 31px;
    overflow: hidden;
    place-items: center;
    border: 1px solid rgba(255, 255, 255, .55);
    border-radius: 50%;
    background: rgba(255, 255, 255, .10);
    box-shadow: 0 2px 8px rgba(0, 0, 0, .20);
    font-size: 23px;
    line-height: 1;
}

.at-header__divider {
    display: block;
    width: 1px;
    height: 32px;
    background: rgba(215, 239, 252, .34);
}

.at-header__whatsapp {
    display: inline-flex;
    min-height: 44px;
    align-items: center;
    gap: 8px;
    color: var(--at-text) !important;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none !important;
    white-space: nowrap;
}

.at-header__whatsapp svg,
.at-mobile-menu__whatsapp svg {
    width: 27px;
    height: 27px;
    fill: none;
    stroke: #93edf2;
    stroke-width: 1.8;
    stroke-linecap: round;
    stroke-linejoin: round;
    filter: drop-shadow(0 0 7px rgba(var(--at-cyan-rgb), .28));
}

.at-header__search-cta {
    display: inline-flex;
    min-width: 122px;
    height: 54px;
    align-items: center;
    justify-content: center;
    padding: 0 20px;
    border: 1px solid rgba(255, 238, 227, .82) !important;
    border-radius: 12px;
    background: var(--at-coral) !important;
    color: var(--at-button-text) !important;
    box-shadow:
        0 10px 28px rgba(var(--at-coral-rgb), .42),
        0 0 24px rgba(var(--at-coral-rgb), .20),
        inset 0 1px rgba(255, 255, 255, .24);
    font-family: Arial, Helvetica, sans-serif;
    font-size: 15px;
    font-weight: 900;
    letter-spacing: .02em;
    text-decoration: none !important;
    white-space: nowrap;
    transition: transform .18s ease, box-shadow .18s ease, filter .18s ease;
}

.at-header__search-cta:hover,
.at-header__search-cta:focus-visible {
    transform: translateY(-2px);
    filter: brightness(1.04);
    box-shadow:
        0 14px 34px rgba(var(--at-coral-rgb), .52),
        0 0 30px rgba(var(--at-coral-rgb), .24);
}

/* =========================================================
   HAMBURGER
========================================================= */

.at-header__menu-button {
    display: none;
    width: 48px;
    height: 48px;
    padding: 0;
    border: 1px solid rgba(255, 255, 255, .24);
    border-radius: 13px;
    background: rgba(255, 255, 255, .07);
    cursor: pointer;
}

.at-header__menu-button span {
    display: block;
    width: 21px;
    height: 2px;
    margin: 4px auto;
    border-radius: 99px;
    background: #fff;
}

/* =========================================================
   INNER PAGE BANNER
========================================================= */

.at-page-banner {
    position: relative;
    min-height: 220px;
    margin-top: -126px;
    padding: 160px 24px 40px;
    overflow: hidden;
    color: #fff;
    background:
        radial-gradient(circle at 82% 20%, rgba(var(--at-cyan-rgb), .16), transparent 30%),
        linear-gradient(135deg, var(--at-navy), var(--at-navy-2));
}

.at-page-banner__inner {
    width: min(100%, 1320px);
    margin: 0 auto;
}

.at-page-banner nav {
    display: flex;
    align-items: center;
    gap: 9px;
    color: rgba(255, 255, 255, .64);
    font-size: 12px;
}

.at-page-banner nav a {
    color: var(--at-cyan) !important;
    text-decoration: none !important;
}

.at-page-banner h1 {
    margin: 11px 0 0;
    color: #fff;
    font-size: clamp(30px, 4vw, 48px);
    font-weight: 900;
    letter-spacing: -.035em;
}

/* =========================================================
   MOBILE DRAWER
========================================================= */

.at-mobile-menu,
.at-mobile-menu *,
.at-mobile-overlay {
    box-sizing: border-box;
}

.at-mobile-menu {
    position: fixed;
    top: 0;
    right: 0;
    z-index: 100010;
    display: flex;
    width: min(430px, 92vw);
    height: 100dvh;
    flex-direction: column;
    overflow: hidden;
    border-left: 1px solid rgba(179, 227, 247, .20);
    background:
        radial-gradient(circle at 100% 0, rgba(var(--at-cyan-rgb), .18), transparent 35%),
        linear-gradient(160deg, var(--at-navy), var(--at-navy-2) 65%, var(--at-navy));
    color: #fff;
    box-shadow: -28px 0 65px rgba(0, 8, 22, .46);
    opacity: 0;
    visibility: hidden;
    transform: translateX(105%);
    transition: transform .28s ease, opacity .24s ease, visibility .28s ease;
}

.at-mobile-menu.is-open {
    opacity: 1;
    visibility: visible;
    transform: translateX(0);
}

.at-mobile-menu__head {
    display: flex;
    min-height: 90px;
    flex: 0 0 auto;
    align-items: center;
    justify-content: space-between;
    padding: 10px 20px;
    border-bottom: 1px solid rgba(255, 255, 255, .10);
}

.at-mobile-menu__head img {
    display: block;
    width: 230px;
    max-width: 68vw;
    height: 66px;
    object-fit: contain;
    object-position: left center;
}

.at-mobile-menu__head button {
    position: relative;
    flex: 0 0 auto;
    width: 44px;
    height: 44px;
    padding: 0;
    border: 1px solid rgba(255, 255, 255, .20);
    border-radius: 12px;
    background: rgba(255, 255, 255, .07);
    cursor: pointer;
}

.at-mobile-menu__head button span {
    position: absolute;
    top: 21px;
    left: 11px;
    width: 21px;
    height: 2px;
    border-radius: 99px;
    background: #fff;
}

.at-mobile-menu__head button span:first-child {
    transform: rotate(45deg);
}

.at-mobile-menu__head button span:last-child {
    transform: rotate(-45deg);
}

.at-mobile-menu__nav {
    min-height: 0;
    flex: 1 1 auto;
    overflow-y: auto;
    padding: 18px 20px;
}

.at-mobile-menu__item {
    border-bottom: 1px solid rgba(255, 255, 255, .09);
}

.at-mobile-menu__row {
    display: flex;
    min-height: 53px;
    align-items: center;
    justify-content: space-between;
}

.at-mobile-menu__row > a {
    display: flex;
    min-width: 0;
    min-height: 53px;
    flex: 1 1 auto;
    align-items: center;
    justify-content: space-between;
    padding: 0 4px;
    color: rgba(255, 255, 255, .90) !important;
    font-size: 16px;
    font-weight: 800;
    text-decoration: none !important;
}

.at-mobile-menu__row > a.is-active,
.at-mobile-menu__sub > a.is-active {
    color: var(--at-cyan) !important;
}

.at-mobile-menu__row svg {
    width: 18px;
    height: 18px;
    fill: none;
    stroke: currentColor;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.at-mobile-menu__toggle {
    display: grid;
    flex: 0 0 42px;
    width: 42px;
    height: 42px;
    place-items: center;
    padding: 0;
    border: 1px solid rgba(255, 255, 255, .10);
    border-radius: 10px;
    background: rgba(255, 255, 255, .05);
    color: rgba(255, 255, 255, .78);
    cursor: pointer;
}

.at-mobile-menu__toggle svg {
    transition: transform .2s ease;
}

.at-mobile-menu__toggle.is-open svg,
.at-mobile-menu__toggle[aria-expanded="true"] svg {
    transform: rotate(180deg);
}

.at-mobile-menu__sub {
    max-height: 0;
    overflow: hidden;
    opacity: 0;
    transition: max-height .24s ease, opacity .2s ease, padding .2s ease;
}

.at-mobile-menu__sub.is-open {
    display: block;
    max-height: 600px;
    padding: 1px 0 9px 13px;
    opacity: 1;
}

.at-mobile-menu__sub > a {
    display: flex;
    min-height: 40px;
    align-items: center;
    padding: 0 12px;
    border-left: 1px solid rgba(var(--at-cyan-rgb), .28);
    color: rgba(255, 255, 255, .70) !important;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none !important;
}

.at-mobile-menu__bottom {
    flex: 0 0 auto;
    padding: 18px 20px calc(20px + env(safe-area-inset-bottom));
    border-top: 1px solid rgba(255, 255, 255, .10);
    background: rgba(0, 9, 23, .20);
}

.at-mobile-menu__languages {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 9px;
}

.at-mobile-menu__languages a {
    display: flex;
    min-height: 42px;
    align-items: center;
    justify-content: center;
    gap: 7px;
    border: 1px solid rgba(255, 255, 255, .12);
    border-radius: 11px;
    background: rgba(255, 255, 255, .05);
    color: rgba(255, 255, 255, .82) !important;
    font-size: 12px;
    font-weight: 800;
    text-decoration: none !important;
}

.at-mobile-menu__languages a.is-active {
    border-color: rgba(var(--at-cyan-rgb), .48);
    color: #fff !important;
}

.at-mobile-menu__whatsapp,
.at-mobile-menu__cta {
    display: flex;
    min-height: 48px;
    align-items: center;
    justify-content: center;
    margin-top: 10px;
    border-radius: 12px;
    font-size: 13px;
    font-weight: 900;
    text-decoration: none !important;
}

.at-mobile-menu__whatsapp {
    gap: 9px;
    border: 1px solid rgba(107, 244, 160, .28);
    background: rgba(37, 211, 102, .10);
    color: #fff !important;
}

.at-mobile-menu__cta {
    border: 1px solid rgba(255, 238, 227, .72);
    background: var(--at-coral);
    color: var(--at-button-text) !important;
    box-shadow: 0 10px 24px rgba(var(--at-coral-rgb), .27);
}

.at-mobile-menu__phone {
    display: block;
    margin-top: 11px;
    color: rgba(255, 255, 255, .62) !important;
    font-size: 11px;
    font-weight: 700;
    text-align: center;
    text-decoration: none !important;
}

.at-mobile-overlay {
    position: fixed;
    inset: 0;
    z-index: 100000;
    background: rgba(0, 8, 22, .68);
    opacity: 0;
    visibility: hidden;
    backdrop-filter: blur(4px);
    -webkit-backdrop-filter: blur(4px);
    transition: opacity .24s ease, visibility .24s ease;
}

.at-mobile-overlay.is-open {
    opacity: 1;
    visibility: visible;
}

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

@media (max-width: 1600px) {
    .at-header__bar {
        grid-template-columns: minmax(260px, 290px) minmax(0, 1fr) auto;
        gap: 20px;
        padding-inline: 22px;
    }

    .at-header__logo img {
        width: 252px !important;
        height: 74px !important;
    }

    .at-header__nav {
        gap: 24px;
    }

    .at-header__nav-link {
        font-size: 14px;
    }

    .at-header__actions {
        gap: 10px;
    }

    .at-header__languages {
        gap: 7px;
    }

    .at-header__whatsapp {
        font-size: 12px;
    }

    .at-header__search-cta {
        min-width: 112px;
        padding-inline: 16px;
    }
}

@media (max-width: 1380px) {
    .at-header__bar {
        grid-template-columns: minmax(225px, 245px) minmax(0, 1fr) auto;
        gap: 15px;
        padding-inline: 18px;
    }

    .at-header__logo img {
        width: 220px !important;
        height: 68px !important;
    }

    .at-header__nav {
        gap: 17px;
    }

    .at-header__nav-link {
        font-size: 13px;
    }

    .at-header__language > span:last-child,
    .at-header__whatsapp > span {
        display: none;
    }

    .at-header__search-cta {
        min-width: 104px;
        height: 50px;
        font-size: 14px;
    }
}

@media (max-width: 1120px) {
    :root {
        --at-header-height: 82px;
    }

    body.is-inner {
        padding-top: 108px !important;
    }

    .at-header {
        top: 10px !important;
        right: 14px !important;
        left: 14px !important;
        height: var(--at-header-height) !important;
        min-height: var(--at-header-height) !important;
    }

    .at-header__bar {
        display: grid;
        grid-template-columns: minmax(0, 1fr) auto;
        min-height: 82px;
        gap: 14px;
        padding-inline: 16px;
        border-radius: 18px;
    }

    .at-header__logo img {
        width: 238px !important;
        height: 68px !important;
    }

    .at-header__nav,
    .at-header__selectors,
    .at-header__divider,
    .at-header__whatsapp,
    .at-header__search-cta {
        display: none !important;
    }

    .at-header__actions {
        margin-left: auto;
    }

    .at-header__menu-button {
        display: block;
    }

    .at-page-banner {
        margin-top: -108px;
        padding-top: 140px;
    }
}

@media (max-width: 640px) {
    :root {
        --at-header-height: 72px;
    }

    body.is-inner {
        padding-top: 92px !important;
    }

    .at-header {
        top: 9px !important;
        right: 9px !important;
        left: 9px !important;
        height: var(--at-header-height) !important;
        min-height: var(--at-header-height) !important;
    }

    .at-header.is-scrolled {
        top: 5px !important;
    }

    .at-header__bar {
        min-height: 72px;
        padding-inline: 12px;
        border-radius: 16px;
    }

    .at-header__logo {
        max-width: calc(100% - 60px);
    }

    .at-header__logo img {
        width: min(218px, 68vw) !important;
        height: 61px !important;
    }

    .at-header__menu-button {
        width: 44px;
        height: 44px;
        border-radius: 12px;
    }

    .at-page-banner {
        min-height: 190px;
        margin-top: -92px;
        padding: 124px 16px 32px;
    }

    .at-page-banner h1 {
        font-size: 30px;
    }
}

@media (max-width: 380px) {
    .at-header__logo img {
        width: min(190px, 65vw) !important;
    }

    .at-mobile-menu__head,
    .at-mobile-menu__nav,
    .at-mobile-menu__bottom {
        padding-right: 14px;
        padding-left: 14px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .at-header *,
    .at-mobile-menu,
    .at-mobile-menu *,
    .at-mobile-overlay {
        scroll-behavior: auto !important;
        transition-duration: .01ms !important;
        animation-duration: .01ms !important;
        animation-iteration-count: 1 !important;
    }
}

@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
    .at-header__bar {
        background: rgba(3, 21, 43, .98) !important;
    }
}

/* === ORTAK 1360PX HEADER HİZASI — 2026-07-28 === */
@media (min-width: 641px) {
    html body .at-header {
        right: auto !important;
        left: 50% !important;
        width: min(calc(100% - 48px), 1360px) !important;
        max-width: 1360px !important;
        transform: translateX(-50%) !important;
    }
}

@media (max-width: 640px) {
    html body .at-header {
        right: auto !important;
        left: 50% !important;
        width: calc(100% - 32px) !important;
        transform: translateX(-50%) !important;
    }
}

/* === TAM EKRAN HEADER SON OVERRIDE — 2026-07-28 === */
@media (min-width: 1121px) {
    html body .at-header {
        left: 20px !important;
        right: 20px !important;
        width: auto !important;
        max-width: none !important;
        transform: none !important;
    }

    html body .at-header__bar {
        width: 100% !important;
        max-width: none !important;
        padding-inline: clamp(20px, 2.2vw, 36px) !important;
    }
}
/* =========================================================
   ANTALYA TURLARI — PREMIUM HEADER FINAL
   Masaüstü, tablet ve mobil son rötuşlar
   ========================================================= */

@media (min-width: 1121px) {
    :root {
        --at-header-height: 92px;
    }

    .at-header {
        top: 10px !important;
        height: 92px !important;
        min-height: 92px !important;
    }

    .at-header.is-scrolled {
        top: 6px !important;
        height: 84px !important;
        min-height: 84px !important;
    }

    .at-header__bar {
        grid-template-columns:
            minmax(220px, 270px)
            minmax(0, 1fr)
            auto !important;
        gap: clamp(18px, 1.55vw, 30px) !important;
        min-height: 92px;
        padding-inline: clamp(22px, 2vw, 34px) !important;
        border-color: rgba(220, 244, 255, .30);
        border-radius: 19px;
        background:
            radial-gradient(circle at 96% 50%, rgba(var(--at-coral-rgb), .18), transparent 20%),
            linear-gradient(
                96deg,
                rgba(var(--at-navy-rgb), .97) 0%,
                rgba(5, 48, 76, .91) 58%,
                rgba(var(--at-navy-2-rgb), .74) 100%
            );
        box-shadow:
            0 18px 48px rgba(0, 8, 22, .28),
            inset 0 1px 0 rgba(255, 255, 255, .11),
            inset 0 -1px 0 rgba(255, 255, 255, .03);
        -webkit-backdrop-filter: blur(24px) saturate(155%);
        backdrop-filter: blur(24px) saturate(155%);
    }

    .at-header.is-scrolled .at-header__bar {
        min-height: 84px;
        background:
            radial-gradient(circle at 96% 50%, rgba(var(--at-coral-rgb), .14), transparent 19%),
            linear-gradient(
                96deg,
                rgba(var(--at-navy-rgb), .99),
                rgba(6, 52, 80, .96)
            );
        box-shadow:
            0 20px 52px rgba(0, 8, 22, .34),
            inset 0 1px 0 rgba(255, 255, 255, .09);
    }

    .at-header__logo img {
        width: clamp(210px, 14.5vw, 252px) !important;
        height: 70px !important;
        max-height: 70px !important;
        transition: transform .22s ease, filter .22s ease;
    }

    .at-header__logo:hover img {
        transform: translateY(-1px);
        filter: drop-shadow(0 8px 18px rgba(0, 0, 0, .20));
    }

    .at-header__nav {
        gap: clamp(20px, 1.65vw, 32px);
    }

    .at-header__nav-link {
        min-height: 48px;
        color: rgba(247, 251, 255, .88) !important;
        font-size: clamp(13px, .85vw, 15px);
        font-weight: 700;
        letter-spacing: .012em;
        text-shadow: 0 2px 12px rgba(0, 0, 0, .20);
        transition:
            color .18s ease,
            transform .18s ease,
            text-shadow .18s ease;
    }

    .at-header__nav-link::after {
        right: 6%;
        bottom: 1px;
        left: 6%;
        height: 3px;
        background: linear-gradient(90deg, #29d7e7, #62ecf3);
        box-shadow:
            0 0 13px rgba(var(--at-cyan-rgb), .48),
            0 3px 12px rgba(var(--at-cyan-rgb), .20);
        transform: scaleX(.18);
        transform-origin: center;
    }

    .at-header__nav-link:hover,
    .at-header__nav-link:focus-visible,
    .at-header__nav-link.is-active {
        color: #fff !important;
        transform: translateY(-2px);
        text-shadow: 0 0 15px rgba(var(--at-cyan-rgb), .26);
    }

    .at-header__actions {
        gap: clamp(8px, .75vw, 13px);
    }

    .at-header__languages {
        gap: 7px;
    }

    .at-header__language {
        min-height: 38px;
        gap: 5px;
        color: rgba(255, 255, 255, .78) !important;
        font-size: 11px;
    }

    .at-header__flag {
        width: 30px;
        height: 30px;
        border-color: rgba(255, 255, 255, .38);
        background: rgba(255, 255, 255, .075);
        box-shadow:
            inset 0 1px 0 rgba(255, 255, 255, .10),
            0 4px 12px rgba(0, 0, 0, .18);
        font-size: 20px;
        transition:
            border-color .18s ease,
            background .18s ease,
            transform .18s ease;
    }

    .at-header__language:hover .at-header__flag,
    .at-header__language.is-active .at-header__flag {
        border-color: rgba(var(--at-cyan-rgb), .72);
        background: rgba(var(--at-cyan-rgb), .13);
        transform: translateY(-1px);
    }

    .at-header__whatsapp {
        min-height: 44px;
        padding: 0 4px;
        color: rgba(255, 255, 255, .90) !important;
        font-size: 12px;
        transition: color .18s ease, transform .18s ease;
    }

    .at-header__whatsapp:hover,
    .at-header__whatsapp:focus-visible {
        color: #fff !important;
        transform: translateY(-1px);
    }

    .at-header__whatsapp svg {
        width: 25px;
        height: 25px;
        stroke: #67ebda;
        filter: drop-shadow(0 0 8px rgba(71, 235, 214, .28));
    }

    .at-header__divider {
        height: 30px;
        background: linear-gradient(
            180deg,
            transparent,
            rgba(220, 243, 255, .34),
            transparent
        );
    }

    .at-header__search-cta {
        min-width: 112px;
        height: 52px;
        padding-inline: 19px;
        border-color: rgba(255, 241, 232, .78) !important;
        border-radius: 13px;
        background:
            linear-gradient(135deg, #ff7a58 0%, #ff5c3e 100%) !important;
        box-shadow:
            0 12px 30px rgba(var(--at-coral-rgb), .37),
            0 0 25px rgba(var(--at-coral-rgb), .17),
            inset 0 1px 0 rgba(255, 255, 255, .28);
        font-size: 14px;
        letter-spacing: .025em;
    }

    .at-header__search-cta:hover,
    .at-header__search-cta:focus-visible {
        transform: translateY(-2px) scale(1.015);
        box-shadow:
            0 16px 37px rgba(var(--at-coral-rgb), .48),
            0 0 31px rgba(var(--at-coral-rgb), .22);
    }

    .at-header__dropdown {
        top: calc(100% + 2px);
        width: 260px;
        padding: 10px;
        border-color: rgba(205, 237, 251, .25);
        border-radius: 16px;
        background:
            radial-gradient(circle at 100% 0, rgba(var(--at-cyan-rgb), .10), transparent 35%),
            linear-gradient(
                145deg,
                rgba(var(--at-navy-rgb), .995),
                rgba(var(--at-navy-2-rgb), .975)
            );
        box-shadow:
            0 25px 56px rgba(0, 8, 22, .39),
            inset 0 1px 0 rgba(255, 255, 255, .06);
        -webkit-backdrop-filter: blur(22px) saturate(140%);
        backdrop-filter: blur(22px) saturate(140%);
    }
}

/* Orta masaüstü: taşma olmadan bütün menüyü korur */
@media (min-width: 1121px) and (max-width: 1450px) {
    .at-header__bar {
        grid-template-columns:
            minmax(190px, 220px)
            minmax(0, 1fr)
            auto !important;
        gap: 13px !important;
        padding-inline: 18px !important;
    }

    .at-header__logo img {
        width: 205px !important;
        height: 64px !important;
    }

    .at-header__nav {
        gap: clamp(12px, 1vw, 17px) !important;
    }

    .at-header__nav-link {
        font-size: 12.5px;
    }

    .at-header__actions {
        gap: 8px;
    }

    .at-header__language > span:last-child,
    .at-header__whatsapp > span {
        display: none;
    }

    .at-header__search-cta {
        min-width: 100px;
        height: 49px;
        padding-inline: 14px;
        font-size: 13px;
    }
}

/* Tablet ve mobil header */
@media (max-width: 1120px) {
    .at-header__bar {
        border-color: rgba(220, 244, 255, .31);
        background:
            radial-gradient(circle at 100% 50%, rgba(var(--at-cyan-rgb), .11), transparent 34%),
            linear-gradient(
                100deg,
                rgba(var(--at-navy-rgb), .985),
                rgba(var(--at-navy-2-rgb), .91)
            );
        box-shadow:
            0 14px 38px rgba(0, 8, 22, .28),
            inset 0 1px 0 rgba(255, 255, 255, .09);
        -webkit-backdrop-filter: blur(20px) saturate(145%);
        backdrop-filter: blur(20px) saturate(145%);
    }

    .at-header__menu-button {
        position: relative;
        display: grid;
        place-items: center;
        border-color: rgba(255, 255, 255, .28);
        background: rgba(255, 255, 255, .09);
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, .08);
        transition:
            background .18s ease,
            border-color .18s ease,
            transform .18s ease;
    }

    .at-header__menu-button:hover,
    .at-header__menu-button:focus-visible {
        border-color: rgba(var(--at-cyan-rgb), .58);
        background: rgba(var(--at-cyan-rgb), .12);
        transform: translateY(-1px);
    }

    .at-header__menu-button span {
        width: 22px;
        height: 2px;
        margin: 3px auto;
        transition: transform .2s ease, opacity .2s ease;
    }

    .at-mobile-menu {
        width: min(420px, 92vw);
        border-left-color: rgba(190, 231, 249, .22);
        background:
            radial-gradient(circle at 100% 0, rgba(var(--at-cyan-rgb), .19), transparent 35%),
            linear-gradient(
                160deg,
                rgba(var(--at-navy-rgb), .995),
                rgba(var(--at-navy-2-rgb), .97) 66%,
                rgba(var(--at-navy-rgb), .995)
            );
        box-shadow: -30px 0 72px rgba(0, 8, 22, .52);
        -webkit-backdrop-filter: blur(24px) saturate(145%);
        backdrop-filter: blur(24px) saturate(145%);
    }

    .at-mobile-menu__head {
        min-height: 84px;
        padding: 9px 18px;
        background: rgba(255, 255, 255, .025);
    }

    .at-mobile-menu__head img {
        width: min(220px, 64vw);
        height: 62px;
    }

    .at-mobile-menu__nav {
        padding: 14px 18px 20px;
    }

    .at-mobile-menu__item {
        border-bottom-color: rgba(255, 255, 255, .075);
    }

    .at-mobile-menu__row {
        min-height: 55px;
    }

    .at-mobile-menu__row > a {
        min-height: 55px;
        padding-inline: 7px;
        color: rgba(255, 255, 255, .88) !important;
        font-size: 15px;
        font-weight: 750;
        transition:
            color .18s ease,
            background .18s ease,
            padding .18s ease;
    }

    .at-mobile-menu__row > a:hover,
    .at-mobile-menu__row > a:focus-visible,
    .at-mobile-menu__row > a.is-active {
        padding-left: 12px;
        color: #fff !important;
        background: linear-gradient(
            90deg,
            rgba(var(--at-cyan-rgb), .11),
            transparent 78%
        );
    }

    .at-mobile-menu__toggle {
        width: 40px;
        height: 40px;
        flex-basis: 40px;
        border-color: rgba(255, 255, 255, .12);
    }

    .at-mobile-menu__sub > a {
        min-height: 42px;
        color: rgba(255, 255, 255, .70) !important;
    }

    .at-mobile-menu__bottom {
        background: rgba(0, 9, 23, .28);
    }
}

@media (max-width: 640px) {
    :root {
        --at-header-height: 68px;
    }

    body.is-inner {
        padding-top: 88px !important;
    }

    .at-header {
        top: 7px !important;
        width: calc(100% - 18px) !important;
        height: 68px !important;
        min-height: 68px !important;
    }

    .at-header.is-scrolled {
        top: 4px !important;
    }

    .at-header__bar {
        min-height: 68px;
        gap: 8px;
        padding-inline: 10px;
        border-radius: 15px;
    }

    .at-header__logo {
        max-width: calc(100% - 54px);
    }

    .at-header__logo img {
        width: min(196px, 62vw) !important;
        height: 54px !important;
        max-height: 54px !important;
    }

    .at-header__menu-button {
        width: 42px;
        height: 42px;
        border-radius: 11px;
    }

    .at-mobile-menu {
        width: min(390px, 94vw);
    }

    .at-mobile-menu__head {
        min-height: 76px;
        padding-inline: 14px;
    }

    .at-mobile-menu__head img {
        width: min(200px, 62vw);
        height: 56px;
    }

    .at-mobile-menu__nav {
        padding: 11px 14px 18px;
    }

    .at-mobile-menu__bottom {
        padding:
            14px
            14px
            calc(16px + env(safe-area-inset-bottom));
    }

    .at-page-banner {
        margin-top: -88px;
        padding-top: 116px;
    }
}

@media (max-width: 380px) {
    .at-header {
        width: calc(100% - 14px) !important;
    }

    .at-header__bar {
        padding-inline: 8px;
    }

    .at-header__logo img {
        width: min(178px, 60vw) !important;
        height: 50px !important;
    }

    .at-header__menu-button {
        width: 40px;
        height: 40px;
    }

    .at-mobile-menu__row > a {
        font-size: 14px;
    }
}


/* =========================================================
   HEADER DİL + PARA BİRİMİ SEÇİCİLERİ
   ========================================================= */
.at-header__selectors {
    display: flex;
    align-items: center;
    gap: 7px;
}

.at-header__selector {
    position: relative;
}

.at-header__selector-button {
    display: inline-flex;
    min-height: 42px;
    align-items: center;
    gap: 7px;
    padding: 4px 9px 4px 5px;
    border: 1px solid rgba(218, 239, 252, .28);
    border-radius: 999px;
    color: #fff;
    background: rgba(255, 255, 255, .065);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .08);
    font: inherit;
    cursor: pointer;
    transition: border-color .18s ease, background .18s ease, transform .18s ease;
}

.at-header__selector-button:hover,
.at-header__selector-button:focus-visible,
.at-header__selector.is-open .at-header__selector-button {
    border-color: rgba(var(--at-cyan-rgb), .72);
    background: rgba(var(--at-cyan-rgb), .12);
    transform: translateY(-1px);
}

.at-header__selector-button > svg {
    width: 14px;
    height: 14px;
    fill: none;
    stroke: currentColor;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
    transition: transform .18s ease;
}

.at-header__selector.is-open .at-header__selector-button > svg {
    transform: rotate(180deg);
}

.at-header__selector-icon,
.at-header__currency-symbol {
    width: 30px;
    height: 30px;
    display: grid;
    place-items: center;
    flex: 0 0 30px;
    border: 1px solid rgba(255, 255, 255, .30);
    border-radius: 50%;
    background: rgba(255, 255, 255, .07);
    font-family: Arial, Helvetica, sans-serif;
    font-size: 18px;
    line-height: 1;
}

.at-header__currency-symbol {
    color: var(--at-cyan);
    font-size: 17px;
    font-weight: 900;
}

.at-header__selector-code {
    font-size: 11px;
    font-weight: 800;
    letter-spacing: .025em;
}

.at-header__selector-menu {
    position: absolute;
    top: calc(100% + 12px);
    right: 0;
    z-index: 100;
    width: 260px;
    padding: 10px;
    border: 1px solid rgba(208, 235, 249, .24);
    border-radius: 17px;
    background:
        linear-gradient(145deg, rgba(var(--at-navy-rgb), .99), rgba(var(--at-navy-2-rgb), .98));
    box-shadow: 0 24px 56px rgba(0, 8, 22, .42);
    opacity: 0;
    visibility: hidden;
    transform: translateY(9px) scale(.98);
    transform-origin: top right;
    transition: opacity .18s ease, visibility .18s ease, transform .18s ease;
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
}

.at-header__selector.is-open .at-header__selector-menu {
    opacity: 1;
    visibility: visible;
    transform: translateY(0) scale(1);
}

.at-header__selector-title {
    display: block;
    padding: 8px 10px 9px;
    color: var(--at-cyan);
    font-size: 11px;
    font-weight: 850;
    letter-spacing: .12em;
    text-transform: uppercase;
}

.at-header__selector-option {
    display: grid;
    grid-template-columns: 38px minmax(0, 1fr) 18px;
    min-height: 52px;
    align-items: center;
    gap: 10px;
    padding: 6px 9px;
    border-radius: 11px;
    color: rgba(255, 255, 255, .86) !important;
    text-decoration: none !important;
    transition: color .16s ease, background .16s ease, transform .16s ease;
}

.at-header__selector-option:hover,
.at-header__selector-option:focus-visible,
.at-header__selector-option.is-active {
    color: #fff !important;
    background: rgba(var(--at-cyan-rgb), .11);
    transform: translateX(2px);
}

.at-header__option-icon {
    width: 36px;
    height: 36px;
    display: grid;
    place-items: center;
    border: 1px solid rgba(255, 255, 255, .18);
    border-radius: 11px;
    background: rgba(255, 255, 255, .06);
    font-size: 21px;
}

.at-header__option-icon--currency {
    color: var(--at-cyan);
    font-family: Arial, Helvetica, sans-serif;
    font-size: 18px;
    font-weight: 900;
}

.at-header__selector-option > span:nth-child(2) {
    display: flex;
    min-width: 0;
    flex-direction: column;
    gap: 3px;
}

.at-header__selector-option strong {
    font-size: 13px;
    line-height: 1.15;
}

.at-header__selector-option small {
    color: rgba(255, 255, 255, .52);
    font-size: 10px;
    font-weight: 750;
}

.at-header__option-check {
    width: 17px;
    height: 17px;
    fill: none;
    stroke: var(--at-cyan);
    stroke-width: 2.2;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.at-mobile-menu__preferences {
    display: grid;
    gap: 18px;
    margin-bottom: 18px;
}

.at-mobile-preference {
    padding: 15px;
    border: 1px solid rgba(205, 233, 249, .16);
    border-radius: 16px;
    background: rgba(255, 255, 255, .045);
}

.at-mobile-preference h3 {
    margin: 0 0 11px;
    color: var(--at-cyan);
    font-size: 12px;
    font-weight: 850;
    letter-spacing: .10em;
    text-transform: uppercase;
}

.at-mobile-preference__grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
}

.at-mobile-preference__grid a {
    display: flex;
    min-height: 48px;
    align-items: center;
    gap: 9px;
    padding: 7px 10px;
    border: 1px solid rgba(255, 255, 255, .13);
    border-radius: 11px;
    color: rgba(255, 255, 255, .84);
    background: rgba(255, 255, 255, .035);
    font-size: 12px;
    text-decoration: none;
}

.at-mobile-preference__grid a.is-active {
    border-color: rgba(var(--at-cyan-rgb), .62);
    color: #fff;
    background: rgba(var(--at-cyan-rgb), .12);
}

.at-mobile-preference__grid a > span:first-child {
    font-size: 20px;
}

.at-mobile-preference__grid--currency {
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.at-mobile-preference__grid--currency a {
    min-width: 0;
    flex-direction: column;
    justify-content: center;
    gap: 4px;
    padding-inline: 4px;
}

.at-mobile-preference__currency {
    color: var(--at-cyan);
    font-family: Arial, Helvetica, sans-serif;
    font-size: 20px !important;
    font-weight: 900;
}

@media (max-width: 1480px) and (min-width: 1121px) {
    .at-header__selector-button {
        padding-right: 6px;
    }

    .at-header__selector-code {
        display: none;
    }
}

@media (max-width: 1120px) {
    .at-header__selectors {
        display: none !important;
    }
}

@media (max-width: 420px) {
    .at-mobile-preference__grid {
        grid-template-columns: 1fr;
    }

    .at-mobile-preference__grid--currency {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }
}


/* =========================================================
   HEADER DİL + PARA BİRİMİ — PREMIUM FINAL DÜZELTMELER
   ========================================================= */

/* Tetikleyiciler daha temiz ve eşit */
.at-header__selector-button {
    min-width: 88px;
    min-height: 44px;
    justify-content: center;
    gap: 7px;
    padding: 5px 10px 5px 6px;
}

.at-header__selector-button--currency {
    min-width: 94px;
}

.at-header__selector-icon,
.at-header__currency-symbol {
    width: 30px;
    height: 30px;
    flex-basis: 30px;
}

.at-header__selector-code {
    min-width: 22px;
    text-align: center;
}

.at-header__selector-code--single,
.at-header__selector-code--currency {
    display: inline-block !important;
}

/* İki dropdown aynı genişlikte */
.at-header__selector-menu,
.at-header__selector-menu--currency {
    width: 240px !important;
    padding: 12px !important;
    border-radius: 20px !important;
    box-shadow:
        0 18px 45px rgba(0, 0, 0, .35),
        0 0 0 1px rgba(255, 255, 255, .06) !important;
}

/* Açılış animasyonu */
.at-header__selector.is-open .at-header__selector-menu {
    animation: atHeaderSelectorShow .18s ease both;
}

@keyframes atHeaderSelectorShow {
    from {
        opacity: 0;
        transform: translateY(-8px) scale(.98);
    }
    to {
        opacity: 1;
        transform: translateY(0) scale(1);
    }
}

/* Başlık */
.at-header__selector-title {
    padding: 8px 10px 11px;
    color: #18d5e6;
    font-size: 11px;
    letter-spacing: .14em;
}

/* Seçenekler */
.at-header__selector-option {
    grid-template-columns: 42px minmax(0, 1fr) 18px;
    min-height: 56px;
    gap: 11px;
    padding: 7px 10px;
    border: 1px solid transparent;
    border-radius: 13px;
    transform: none;
}

.at-header__selector-option:hover,
.at-header__selector-option:focus-visible {
    border-color: rgba(var(--at-cyan-rgb), .28);
    color: #fff !important;
    background: rgba(var(--at-cyan-rgb), .12);
    transform: translateX(4px);
}

.at-header__selector-option:hover .at-header__option-icon,
.at-header__selector-option:focus-visible .at-header__option-icon {
    border-color: rgba(var(--at-cyan-rgb), .55);
    color: var(--at-cyan);
    background: rgba(var(--at-cyan-rgb), .10);
}

.at-header__selector-option.is-active {
    border-color: rgba(var(--at-cyan-rgb), .62);
    color: #fff !important;
    background: rgba(17, 53, 85, .96);
    box-shadow: 0 0 18px rgba(34, 211, 238, .18);
    transform: none;
}

.at-header__option-icon {
    width: 42px;
    height: 42px;
    border-radius: 12px;
    transition:
        border-color .18s ease,
        color .18s ease,
        background .18s ease,
        transform .18s ease;
}

.at-header__selector-option strong {
    color: inherit;
    font-size: 13px;
    font-weight: 800;
}

.at-header__selector-option small {
    margin-top: 1px;
    color: rgba(255, 255, 255, .52);
}

.at-header__selector-option.is-active small {
    color: rgba(255, 255, 255, .72);
}

/* Dropdownlar arasındaki header ayırıcı daha hafif */
.at-header__divider {
    opacity: .45;
}

/* Küçük masaüstünde kodları tamamen kaybetme */
@media (max-width: 1480px) and (min-width: 1121px) {
    .at-header__selector-code--single,
    .at-header__selector-code--currency {
        display: inline-block !important;
    }

    .at-header__selector-button {
        min-width: 82px;
        padding-right: 8px;
    }

    .at-header__selector-button--currency {
        min-width: 90px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .at-header__selector.is-open .at-header__selector-menu {
        animation: none;
    }
}


/* =========================================================
   HEADER DİL + PARA BİRİMİ — MOBILE FINAL
   Masaüstü para birimi butonu mavi kalma sorunu giderildi.
   Mobil menü dil/para alanları sadeleştirildi.
   ========================================================= */

/* Masaüstü: dil ve para butonları aynı nötr görünüm */
.at-header__selector-button,
.at-header__selector-button--currency {
    border-color: rgba(255, 255, 255, .20) !important;
    color: rgba(255, 255, 255, .92) !important;
    background: rgba(255, 255, 255, .055) !important;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, .07) !important;
}

.at-header__selector-button--currency .at-header__currency-symbol {
    color: rgba(255, 255, 255, .88) !important;
    border-color: rgba(255, 255, 255, .22) !important;
    background: rgba(255, 255, 255, .055) !important;
}

.at-header__selector-button:hover,
.at-header__selector-button:focus-visible,
.at-header__selector.is-open .at-header__selector-button,
.at-header__selector.is-open .at-header__selector-button--currency {
    border-color: rgba(var(--at-cyan-rgb), .58) !important;
    color: #fff !important;
    background: rgba(var(--at-cyan-rgb), .08) !important;
    box-shadow:
        0 0 0 1px rgba(var(--at-cyan-rgb), .08),
        0 8px 20px rgba(0, 0, 0, .16) !important;
}

.at-header__selector.is-open .at-header__currency-symbol,
.at-header__selector-button--currency:hover .at-header__currency-symbol {
    color: var(--at-cyan) !important;
    border-color: rgba(var(--at-cyan-rgb), .50) !important;
    background: rgba(var(--at-cyan-rgb), .09) !important;
}

/* Mobil menü */
@media (max-width: 1120px) {
    .at-mobile-menu {
        width: min(420px, calc(100vw - 26px)) !important;
    }

    .at-mobile-menu__bottom {
        padding: 16px !important;
    }

    .at-mobile-menu__preferences {
        gap: 12px !important;
        margin-bottom: 14px !important;
    }

    .at-mobile-preference {
        padding: 13px !important;
        border-color: rgba(205, 233, 249, .13) !important;
        border-radius: 15px !important;
        background: rgba(255, 255, 255, .035) !important;
    }

    .at-mobile-preference h3 {
        margin-bottom: 10px !important;
        font-size: 11px !important;
        letter-spacing: .12em !important;
    }

    .at-mobile-preference__grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 7px !important;
    }

    .at-mobile-preference__grid a {
        min-height: 44px !important;
        gap: 8px !important;
        padding: 6px 9px !important;
        border-color: rgba(255, 255, 255, .11) !important;
        border-radius: 10px !important;
        background: rgba(255, 255, 255, .025) !important;
        font-size: 11px !important;
    }

    .at-mobile-preference__grid a > span:first-child {
        min-width: 24px !important;
        color: rgba(255, 255, 255, .72) !important;
        font-size: 13px !important;
        font-weight: 850 !important;
        text-align: center !important;
    }

    .at-mobile-preference__grid a strong {
        overflow: hidden !important;
        font-size: 11px !important;
        line-height: 1.2 !important;
        text-overflow: ellipsis !important;
        white-space: nowrap !important;
    }

    .at-mobile-preference__grid a.is-active {
        border-color: rgba(var(--at-cyan-rgb), .56) !important;
        color: #fff !important;
        background: rgba(var(--at-cyan-rgb), .09) !important;
        box-shadow: inset 0 0 0 1px rgba(var(--at-cyan-rgb), .05) !important;
    }

    /* Para birimi tek sıra ve eşit */
    .at-mobile-preference__grid--currency {
        grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
        gap: 7px !important;
    }

    .at-mobile-preference__grid--currency a {
        min-height: 58px !important;
        justify-content: center !important;
        gap: 3px !important;
        padding: 7px 3px !important;
    }

    .at-mobile-preference__currency {
        min-width: auto !important;
        color: rgba(255, 255, 255, .78) !important;
        font-size: 18px !important;
    }

    .at-mobile-preference__grid--currency a.is-active .at-mobile-preference__currency {
        color: var(--at-cyan) !important;
    }

    .at-mobile-menu__whatsapp,
    .at-mobile-menu__cta {
        min-height: 48px !important;
        border-radius: 11px !important;
        font-size: 13px !important;
    }

    .at-mobile-menu__phone {
        padding-top: 7px !important;
        font-size: 11px !important;
    }
}

@media (max-width: 520px) {
    .at-mobile-menu {
        width: calc(100vw - 18px) !important;
        max-width: 380px !important;
    }

    .at-mobile-menu__head {
        min-height: 82px !important;
        padding: 10px 12px !important;
    }

    .at-mobile-menu__head img {
        width: 164px !important;
        height: auto !important;
        max-height: 56px !important;
    }

    .at-mobile-menu__nav {
        padding-inline: 12px !important;
    }

    .at-mobile-menu__bottom {
        padding: 12px !important;
    }

    .at-mobile-preference {
        padding: 11px !important;
    }

    .at-mobile-preference__grid a {
        min-height: 42px !important;
        padding-inline: 8px !important;
    }

    .at-mobile-preference__grid a strong {
        font-size: 10.5px !important;
    }

    .at-mobile-preference__grid--currency {
        gap: 5px !important;
    }

    .at-mobile-preference__grid--currency a {
        min-height: 55px !important;
        padding-inline: 2px !important;
    }
}

@media (max-width: 370px) {
    .at-mobile-preference__grid {
        grid-template-columns: 1fr !important;
    }

    .at-mobile-preference__grid--currency {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
}


/* =========================================================
   MOBILE DİL / PARA BİRİMİ ACCORDION FINAL
   ========================================================= */

/* Masaüstü para ikonu hover/open durumunda mavi olmaz */
.at-header__selector-button--currency:hover .at-header__currency-symbol,
.at-header__selector.is-open .at-header__selector-button--currency .at-header__currency-symbol,
.at-header__selector-button--currency:focus-visible .at-header__currency-symbol {
    color: rgba(255, 255, 255, .90) !important;
    border-color: rgba(255, 255, 255, .24) !important;
    background: rgba(255, 255, 255, .055) !important;
}

/* Mobil accordion */
@media (max-width: 1120px) {
    .at-mobile-menu__preferences {
        display: grid !important;
        gap: 10px !important;
    }

    .at-mobile-preference {
        padding: 0 !important;
        overflow: hidden !important;
        border: 1px solid rgba(205, 233, 249, .14) !important;
        border-radius: 15px !important;
        background: rgba(255, 255, 255, .035) !important;
    }

    .at-mobile-preference__toggle {
        width: 100% !important;
        min-height: 58px !important;
        display: grid !important;
        grid-template-columns: 38px minmax(0, 1fr) 20px !important;
        align-items: center !important;
        gap: 10px !important;
        padding: 10px 12px !important;
        border: 0 !important;
        color: #fff !important;
        background: transparent !important;
        font: inherit !important;
        text-align: left !important;
        cursor: pointer !important;
    }

    .at-mobile-preference__toggle:hover,
    .at-mobile-preference__toggle:focus-visible,
    .at-mobile-preference.is-open .at-mobile-preference__toggle {
        background: rgba(var(--at-cyan-rgb), .065) !important;
    }

    .at-mobile-preference__toggle-icon {
        width: 36px !important;
        height: 36px !important;
        display: grid !important;
        place-items: center !important;
        border: 1px solid rgba(255, 255, 255, .18) !important;
        border-radius: 11px !important;
        background: rgba(255, 255, 255, .045) !important;
        font-size: 18px !important;
    }

    .at-mobile-preference__toggle-icon--currency {
        color: rgba(255, 255, 255, .90) !important;
        font-family: Arial, Helvetica, sans-serif !important;
        font-size: 18px !important;
        font-weight: 900 !important;
    }

    .at-mobile-preference__toggle-copy {
        min-width: 0 !important;
        display: flex !important;
        flex-direction: column !important;
        gap: 3px !important;
    }

    .at-mobile-preference__toggle-copy strong {
        font-size: 12px !important;
        font-weight: 850 !important;
        letter-spacing: .08em !important;
        text-transform: uppercase !important;
    }

    .at-mobile-preference__toggle-copy small {
        overflow: hidden !important;
        color: rgba(255, 255, 255, .62) !important;
        font-size: 11px !important;
        text-overflow: ellipsis !important;
        white-space: nowrap !important;
    }

    .at-mobile-preference__toggle > svg {
        width: 18px !important;
        height: 18px !important;
        fill: none !important;
        stroke: currentColor !important;
        stroke-width: 2 !important;
        stroke-linecap: round !important;
        stroke-linejoin: round !important;
        transition: transform .18s ease !important;
    }

    .at-mobile-preference.is-open .at-mobile-preference__toggle > svg {
        transform: rotate(180deg) !important;
    }

    .at-mobile-preference__panel {
        display: block !important;
        max-height: 0 !important;
        overflow: hidden !important;
        opacity: 0 !important;
        border-top: 1px solid transparent !important;
        transition:
            max-height .24s ease,
            opacity .18s ease,
            border-color .18s ease !important;
    }

    .at-mobile-preference__panel[hidden] {
        display: block !important;
    }

    .at-mobile-preference.is-open .at-mobile-preference__panel {
        max-height: 420px !important;
        opacity: 1 !important;
        border-top-color: rgba(205, 233, 249, .11) !important;
    }

    .at-mobile-preference__panel .at-mobile-preference__grid {
        padding: 10px !important;
    }

    .at-mobile-preference__grid a {
        min-height: 44px !important;
    }

    .at-mobile-preference__grid--currency a {
        min-height: 58px !important;
    }
}

@media (max-width: 520px) {
    .at-mobile-preference__toggle {
        min-height: 54px !important;
        grid-template-columns: 34px minmax(0, 1fr) 18px !important;
        padding: 9px 10px !important;
    }

    .at-mobile-preference__toggle-icon {
        width: 32px !important;
        height: 32px !important;
        border-radius: 10px !important;
        font-size: 16px !important;
    }

    .at-mobile-preference__panel .at-mobile-preference__grid {
        padding: 8px !important;
    }
}


/* =========================================================
   GOOGLE TRANSLATE + GERCEK BAYRAKLAR - FINAL
   ========================================================= */
.at-google-translate {
    position: fixed !important;
    width: 1px !important;
    height: 1px !important;
    overflow: hidden !important;
    clip: rect(0 0 0 0) !important;
    clip-path: inset(50%) !important;
    opacity: 0 !important;
    pointer-events: none !important;
    left: -9999px !important;
    top: -9999px !important;
}

.goog-te-banner-frame.skiptranslate,
.goog-te-gadget-icon,
.goog-logo-link {
    display: none !important;
}

body {
    top: 0 !important;
}

.at-header__selector-icon {
    overflow: hidden;
    border-radius: 50%;
    background: rgba(255,255,255,.10);
}

.at-header__selector-icon img {
    width: 30px;
    height: 20px;
    display: block;
    object-fit: cover;
    border-radius: 3px;
    box-shadow: 0 0 0 1px rgba(255,255,255,.24);
}

.at-header__option-icon--flag {
    overflow: hidden;
    padding: 0;
    background: rgba(255,255,255,.07);
}

.at-header__option-icon--flag img,
.at-mobile-preference__flag img {
    width: 32px;
    height: 22px;
    display: block;
    object-fit: cover;
    border-radius: 4px;
    box-shadow: 0 0 0 1px rgba(255,255,255,.18);
}

.at-mobile-preference__flag {
    width: 38px;
    height: 30px;
    display: grid !important;
    place-items: center;
    border-radius: 8px;
    background: rgba(255,255,255,.06);
}

@media (min-width: 1121px) {
    .at-header__selector-button .at-header__selector-icon {
        display: grid !important;
        visibility: visible !important;
        opacity: 1 !important;
    }
}

/* =========================================================
   GOOGLE TRANSLATE BAR GIZLEME + OVAL BAYRAKLAR — FINAL FIX
   ========================================================= */
html,
body {
    top: 0 !important;
    margin-top: 0 !important;
}

/* Google Translate'in eski ve yeni ust banner varyasyonlari */
.goog-te-banner-frame,
.goog-te-banner-frame.skiptranslate,
body > .skiptranslate,
iframe.goog-te-banner-frame,
.VIpgJd-ZVi9od-ORHb-OEVmcd,
.VIpgJd-ZVi9od-ORHb,
.VIpgJd-ZVi9od-xl07Ob-OEVmcd,
#goog-gt-tt,
.goog-te-balloon-frame,
.goog-tooltip,
.goog-tooltip:hover {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    height: 0 !important;
    min-height: 0 !important;
    max-height: 0 !important;
    overflow: hidden !important;
    pointer-events: none !important;
}

/* Google ceviri bazen body'ye inline top degeri yazar. */
body[style*="top:"] {
    top: 0 !important;
}

/* Header ana secicide oval bayrak */
.at-header__selector-icon {
    width: 38px !important;
    height: 26px !important;
    min-width: 38px !important;
    border-radius: 999px !important;
    overflow: hidden !important;
    padding: 0 !important;
    background: rgba(255,255,255,.10) !important;
}

.at-header__selector-icon img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    border-radius: 999px !important;
    box-shadow: inset 0 0 0 1px rgba(255,255,255,.26) !important;
}

/* Desktop dropdown bayraklari oval */
.at-header__option-icon--flag {
    width: 42px !important;
    height: 30px !important;
    min-width: 42px !important;
    border-radius: 999px !important;
    overflow: hidden !important;
    padding: 2px !important;
    background: rgba(255,255,255,.08) !important;
    border: 1px solid rgba(255,255,255,.14) !important;
}

.at-header__option-icon--flag img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    border-radius: 999px !important;
    box-shadow: none !important;
}

/* Mobil dil secimindeki bayraklar da ayni oval form */
.at-mobile-preference__flag {
    width: 42px !important;
    height: 30px !important;
    border-radius: 999px !important;
    overflow: hidden !important;
    padding: 2px !important;
}

.at-mobile-preference__flag img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    border-radius: 999px !important;
    box-shadow: none !important;
}


/* =========================================================
   MOBILE LANGUAGE / CURRENCY COMPACT FINAL + ROUND FLAGS
   ========================================================= */
/* Tum dil bayraklari tam yuvarlak */
.at-header__selector-icon,
.at-header__option-icon--flag,
.at-mobile-preference__flag,
.at-mobile-preference__toggle-icon--flag {
    aspect-ratio: 1 / 1 !important;
    border-radius: 50% !important;
    overflow: hidden !important;
    padding: 0 !important;
}

.at-header__selector-icon {
    width: 28px !important;
    height: 28px !important;
    min-width: 28px !important;
}

.at-header__option-icon--flag {
    width: 34px !important;
    height: 34px !important;
    min-width: 34px !important;
}

.at-header__selector-icon img,
.at-header__option-icon--flag img,
.at-mobile-preference__flag img,
.at-mobile-preference__toggle-icon--flag img {
    width: 100% !important;
    height: 100% !important;
    display: block !important;
    object-fit: cover !important;
    border-radius: 50% !important;
    box-shadow: none !important;
}

@media (max-width: 1120px) {
    .at-mobile-menu__preferences {
        gap: 8px !important;
    }

    .at-mobile-preference {
        border-radius: 14px !important;
    }

    .at-mobile-preference__toggle {
        min-height: 56px !important;
        grid-template-columns: 38px minmax(0, 1fr) 20px !important;
        gap: 11px !important;
        padding: 8px 12px !important;
    }

    .at-mobile-preference__toggle-icon {
        width: 36px !important;
        height: 36px !important;
        border-radius: 50% !important;
    }

    .at-mobile-preference__toggle-icon--flag {
        border: 2px solid rgba(255,255,255,.20) !important;
        background: rgba(255,255,255,.08) !important;
    }

    .at-mobile-preference__toggle-icon--currency {
        border-radius: 50% !important;
        font-size: 16px !important;
    }

    .at-mobile-preference__toggle-copy {
        flex-direction: row !important;
        align-items: center !important;
        gap: 9px !important;
        line-height: 1 !important;
    }

    .at-mobile-preference__toggle-copy strong {
        flex: 0 0 auto !important;
        font-size: 12px !important;
        letter-spacing: .055em !important;
        white-space: nowrap !important;
    }

    .at-mobile-preference__toggle-copy small {
        min-width: 0 !important;
        color: rgba(255,255,255,.84) !important;
        font-size: 12px !important;
        font-weight: 750 !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
        white-space: nowrap !important;
    }

    .at-mobile-preference__toggle > svg {
        justify-self: end !important;
        margin: 0 !important;
    }

    .at-mobile-preference__panel .at-mobile-preference__grid {
        grid-template-columns: 1fr !important;
        gap: 6px !important;
        padding: 8px !important;
    }

    .at-mobile-preference__grid a {
        min-height: 48px !important;
        display: grid !important;
        grid-template-columns: 36px minmax(0,1fr) auto !important;
        align-items: center !important;
        gap: 10px !important;
        border-radius: 11px !important;
        padding: 6px 10px !important;
    }

    .at-mobile-preference__flag {
        width: 34px !important;
        height: 34px !important;
        border: 1px solid rgba(255,255,255,.18) !important;
        background: rgba(255,255,255,.07) !important;
    }

    .at-mobile-preference__grid a strong {
        font-size: 13px !important;
        line-height: 1.2 !important;
    }

    .at-mobile-preference__grid--currency a {
        min-height: 48px !important;
        grid-template-columns: 36px minmax(0,1fr) !important;
    }

    .at-mobile-preference__currency {
        width: 34px !important;
        height: 34px !important;
        display: grid !important;
        place-items: center !important;
        border-radius: 50% !important;
        font-size: 14px !important;
        font-weight: 900 !important;
    }
}

@media (max-width: 520px) {
    .at-mobile-preference__toggle {
        min-height: 54px !important;
        grid-template-columns: 36px minmax(0,1fr) 18px !important;
        gap: 9px !important;
        padding: 8px 10px !important;
    }

    .at-mobile-preference__toggle-icon {
        width: 34px !important;
        height: 34px !important;
    }

    .at-mobile-preference__toggle-copy {
        gap: 7px !important;
    }

    .at-mobile-preference__toggle-copy strong,
    .at-mobile-preference__toggle-copy small {
        font-size: 11px !important;
    }
}

/* ===== HEADER VISUAL FINAL 20260811 =====
   Yalnız görünüm.
   Scroll / body / html davranışına dokunmaz.
*/

/* DESKTOP */
@media (min-width:1121px){
    html body .at-header,
    html body .at-header.is-scrolled{
        top:8px !important;
        right:18px !important;
        left:18px !important;
        width:auto !important;
        max-width:none !important;
        height:82px !important;
        min-height:82px !important;
        margin:0 !important;
        padding:0 !important;
        transform:none !important;
        opacity:1 !important;
        visibility:visible !important;
    }

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

    html body .at-header__bar{
        width:100% !important;
        max-width:none !important;
        min-width:0 !important;
        height:82px !important;
        min-height:82px !important;
        grid-template-columns:minmax(220px,260px) minmax(0,1fr) auto !important;
        align-items:center !important;
        gap:16px !important;
        padding:0 22px !important;
        border-radius:17px !important;
        border:1px solid rgba(126,221,239,.30) !important;
        background:
            radial-gradient(circle at 95% 50%,rgba(33,205,228,.16),transparent 24%),
            linear-gradient(100deg,#04192b 0%,#07314d 60%,#0d5876 100%) !important;
        box-shadow:0 14px 34px rgba(0,14,31,.26),inset 0 1px rgba(255,255,255,.08) !important;
    }

    html body .at-header__logo img{
        width:220px !important;
        height:58px !important;
        max-height:58px !important;
        object-fit:contain !important;
    }

    html body .at-header__nav{
        justify-content:center !important;
        gap:clamp(15px,1.2vw,25px) !important;
    }

    html body .at-header__nav-link{
        min-height:44px !important;
        font-size:13.5px !important;
        font-weight:800 !important;
    }

    html body .at-header__actions{
        gap:8px !important;
    }

    html body .at-header__selector-button{
        height:42px !important;
        min-height:42px !important;
    }

    html body .at-header__whatsapp{
        height:42px !important;
    }

    html body .at-header__search-cta{
        min-width:104px !important;
        height:46px !important;
        min-height:46px !important;
        padding:0 15px !important;
        border-radius:11px !important;
        font-size:13.5px !important;
    }
}

/* LAPTOP */
@media (min-width:1121px) and (max-width:1450px){
    html body .at-header__bar{
        grid-template-columns:190px minmax(0,1fr) auto !important;
        gap:10px !important;
        padding:0 14px !important;
    }

    html body .at-header__logo img{
        width:184px !important;
        height:54px !important;
    }

    html body .at-header__nav{
        gap:10px !important;
    }

    html body .at-header__nav-link{
        font-size:12.5px !important;
    }

    html body .at-header__whatsapp > span{
        display:none !important;
    }

    html body .at-header__search-cta{
        min-width:90px !important;
        padding:0 12px !important;
        font-size:13px !important;
    }
}

/* TABLET + MOBILE */
@media (max-width:1120px){
    html body .at-header,
    html body .at-header.is-scrolled{
        top:5px !important;
        right:6px !important;
        left:6px !important;
        width:auto !important;
        max-width:none !important;
        height:62px !important;
        min-height:62px !important;
        margin:0 !important;
        padding:0 !important;
        transform:none !important;
        opacity:1 !important;
        visibility:visible !important;
    }

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

    html body .at-header__bar{
        display:grid !important;
        grid-template-columns:minmax(0,1fr) auto !important;
        width:100% !important;
        max-width:none !important;
        min-width:0 !important;
        height:62px !important;
        min-height:62px !important;
        align-items:center !important;
        gap:8px !important;
        padding:0 8px 0 11px !important;
        border-radius:13px !important;
        border:1px solid rgba(63,216,235,.40) !important;
        background:
            radial-gradient(circle at 100% 50%,rgba(27,204,228,.18),transparent 40%),
            linear-gradient(100deg,#04192b 0%,#073550 100%) !important;
        box-shadow:0 10px 24px rgba(0,14,31,.29),inset 0 1px rgba(255,255,255,.07) !important;
    }

    html body .at-header__logo{
        display:flex !important;
        align-items:center !important;
        min-width:0 !important;
        max-width:calc(100% - 50px) !important;
    }

    html body .at-header__logo img{
        width:158px !important;
        height:45px !important;
        max-width:56vw !important;
        max-height:45px !important;
        object-fit:contain !important;
    }

    html body .at-header__nav,
    html body .at-header__selectors,
    html body .at-header__divider,
    html body .at-header__whatsapp,
    html body .at-header__search-cta{
        display:none !important;
    }

    html body .at-header__actions{
        display:flex !important;
        align-items:center !important;
        justify-content:flex-end !important;
        width:auto !important;
        min-width:40px !important;
        flex:0 0 auto !important;
        margin-left:auto !important;
    }

    /* HAMBURGER — index dahil tüm sayfalarda kesin beyaz */
    html body .at-header__menu-button,
    html body button.at-header__menu-button,
    html body button#atMenuButton.at-header__menu-button{
        -webkit-appearance:none !important;
        appearance:none !important;
        display:flex !important;
        width:40px !important;
        min-width:40px !important;
        height:40px !important;
        min-height:40px !important;
        flex:0 0 40px !important;
        flex-direction:column !important;
        align-items:center !important;
        justify-content:center !important;
        gap:5px !important;
        margin:0 !important;
        padding:0 !important;
        border:1px solid rgba(72,220,238,.85) !important;
        border-radius:10px !important;
        background:linear-gradient(145deg,#12627f 0%,#07314b 100%) !important;
        color:#fff !important;
        box-shadow:0 7px 16px rgba(0,10,25,.28),inset 0 1px rgba(255,255,255,.10) !important;
        opacity:1 !important;
        visibility:visible !important;
    }

    html body .at-header__menu-button span,
    html body button.at-header__menu-button > span,
    html body button#atMenuButton.at-header__menu-button > span{
        display:block !important;
        position:static !important;
        width:20px !important;
        min-width:20px !important;
        height:2.5px !important;
        min-height:2.5px !important;
        margin:0 !important;
        padding:0 !important;
        border:0 !important;
        border-radius:999px !important;
        background:#ffffff !important;
        background-color:#ffffff !important;
        color:#ffffff !important;
        opacity:1 !important;
        visibility:visible !important;
        filter:none !important;
        box-shadow:none !important;
        transform:none !important;
    }

    html body .at-header__menu-button::before,
    html body .at-header__menu-button::after{
        content:none !important;
        display:none !important;
    }
}

/* KÜÇÜK MOBİL */
@media (max-width:520px){
    html body .at-header,
    html body .at-header.is-scrolled{
        top:4px !important;
        right:4px !important;
        left:4px !important;
        height:60px !important;
        min-height:60px !important;
    }

    html body .at-header__bar{
        height:60px !important;
        min-height:60px !important;
        padding:0 7px 0 10px !important;
        border-radius:12px !important;
    }

    html body .at-header__logo img{
        width:150px !important;
        height:43px !important;
        max-width:55vw !important;
    }

    html body .at-header__menu-button,
    html body button#atMenuButton.at-header__menu-button{
        width:39px !important;
        min-width:39px !important;
        height:39px !important;
        min-height:39px !important;
        flex-basis:39px !important;
    }
}


/* ===== INNER PAGE HEADER GAP FINAL 20260811 =====
   Index hariç tüm iç sayfalarda:
   header üst boşluğu ≈ header altındaki hero boşluğu.
   Eski 126/108/92/88px body.is-inner değerlerini ezer.
*/

/* Desktop:
   header top 8px + yükseklik 82px + alt boşluk 8px = 98px */
@media (min-width:1121px){
    html body.is-inner{
        padding-top:98px !important;
    }
}

/* Tablet:
   header top 5px + yükseklik 62px + alt boşluk 5px = 72px */
@media (min-width:521px) and (max-width:1120px){
    html body.is-inner{
        padding-top:72px !important;
    }
}

/* Mobil:
   header top 4px + yükseklik 60px + alt boşluk 4px = 68px */
@media (max-width:520px){
    html body.is-inner{
        padding-top:68px !important;
    }
}


/* =========================================================
   2026-08-12 — GLOBAL HEADER / SAYFA BOŞLUK OTORİTESİ
   Header fixed olduğu için iç sayfa başlangıcı tam header altına gelir.
   Ekstra üst boşluk yoktur. Ana sayfa etkilenmez.
   ========================================================= */

/* Desktop: top 12px + 98px header = 110px */
body.is-inner{
    padding-top:110px !important;
}

/* Banner kullanan eski sayfalarda body offset'i nötrle */
body.is-inner .at-page-banner{
    margin-top:-110px !important;
    padding-top:144px !important;
}

/* Tablet / küçük laptop: top 10px + 82px = 92px */
@media (max-width:1120px){
    body.is-inner{
        padding-top:92px !important;
    }
    body.is-inner .at-page-banner{
        margin-top:-92px !important;
        padding-top:124px !important;
    }
}

/* Mobil: final header kuralı top 7px + 68px = 75px */
@media (max-width:640px){
    body.is-inner{
        padding-top:75px !important;
    }
    body.is-inner .at-page-banner{
        margin-top:-75px !important;
        padding-top:103px !important;
    }
}

/* Çok küçük ekranlarda da aynı hizalama */
@media (max-width:380px){
    body.is-inner{
        padding-top:75px !important;
    }
}

/* =========================================================
   MOBILE MENU DIL + PARA BIRIMI SAFE FINAL FIX — 20260815
   Sadece public mobil menudeki tercih panellerini kapsar.
   ========================================================= */
@media (max-width:1120px){
  .at-mobile-menu__preferences,
  .at-mobile-preference,
  .at-mobile-preference__panel,
  .at-mobile-preference__grid{
    width:100% !important;
    min-width:0 !important;
    max-width:none !important;
    box-sizing:border-box !important;
  }

  .at-mobile-preference__panel[hidden]{
    display:none !important;
  }

  .at-mobile-preference.is-open .at-mobile-preference__panel:not([hidden]){
    display:block !important;
  }

  .at-mobile-preference__panel .at-mobile-preference__grid,
  .at-mobile-preference__grid,
  .at-mobile-preference__grid--currency{
    display:grid !important;
    grid-template-columns:minmax(0,1fr) !important;
    gap:6px !important;
    padding:8px !important;
    margin:0 !important;
  }

  .at-mobile-preference__grid > a,
  .at-mobile-preference__grid--currency > a{
    width:100% !important;
    min-width:0 !important;
    max-width:none !important;
    min-height:46px !important;
    display:grid !important;
    grid-template-columns:36px minmax(0,1fr) auto !important;
    align-items:center !important;
    justify-content:stretch !important;
    gap:10px !important;
    margin:0 !important;
    padding:7px 10px !important;
    float:none !important;
    position:relative !important;
    box-sizing:border-box !important;
    border:1px solid rgba(255,255,255,.13) !important;
    border-radius:11px !important;
    background:rgba(255,255,255,.035) !important;
    color:rgba(255,255,255,.88) !important;
    text-align:left !important;
    text-decoration:none !important;
    white-space:normal !important;
    line-height:1.2 !important;
  }

  .at-mobile-preference__grid--currency > a{
    grid-template-columns:36px minmax(0,1fr) !important;
  }

  .at-mobile-preference__grid > a.is-active{
    border-color:rgba(var(--at-cyan-rgb),.60) !important;
    background:rgba(var(--at-cyan-rgb),.12) !important;
    color:#fff !important;
  }

  .at-mobile-preference__grid > a strong,
  .at-mobile-preference__grid > a small{
    display:block !important;
    min-width:0 !important;
    max-width:100% !important;
    margin:0 !important;
    color:inherit !important;
    font-size:12px !important;
    line-height:1.2 !important;
    text-decoration:none !important;
    white-space:nowrap !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
  }

  .at-mobile-preference__flag,
  .at-mobile-preference__currency{
    width:34px !important;
    height:34px !important;
    min-width:34px !important;
    max-width:34px !important;
    margin:0 !important;
    display:grid !important;
    place-items:center !important;
    overflow:hidden !important;
    border-radius:50% !important;
    box-sizing:border-box !important;
  }

  .at-mobile-preference__flag img,
  .at-mobile-preference__toggle-icon--flag img{
    width:100% !important;
    height:100% !important;
    display:block !important;
    object-fit:cover !important;
    border-radius:50% !important;
  }

  .at-mobile-preference__toggle{
    width:100% !important;
    display:grid !important;
    grid-template-columns:36px minmax(0,1fr) 20px !important;
    align-items:center !important;
    gap:10px !important;
    box-sizing:border-box !important;
  }

  .at-mobile-preference__toggle-copy{
    min-width:0 !important;
    display:flex !important;
    flex-direction:column !important;
    align-items:flex-start !important;
    justify-content:center !important;
    gap:1px !important;
    text-align:left !important;
  }
}

@media (max-width:520px){
  .at-mobile-preference__panel .at-mobile-preference__grid,
  .at-mobile-preference__grid,
  .at-mobile-preference__grid--currency{
    padding:7px !important;
    gap:5px !important;
  }

  .at-mobile-preference__grid > a,
  .at-mobile-preference__grid--currency > a{
    min-height:44px !important;
    grid-template-columns:32px minmax(0,1fr) auto !important;
    gap:9px !important;
    padding:6px 9px !important;
  }

  .at-mobile-preference__grid--currency > a{
    grid-template-columns:32px minmax(0,1fr) !important;
  }

  .at-mobile-preference__flag,
  .at-mobile-preference__currency{
    width:32px !important;
    height:32px !important;
    min-width:32px !important;
    max-width:32px !important;
  }
}

/* =========================================================
   2026-08-16 — HEADER USER + CART FINAL
   Ekstra CSS dosyası yok. Sadece tur-header.css.
========================================================= */

.at-header__account,
.at-header__cart{
    min-height:46px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:7px;
    padding:0 10px;
    border:0;
    border-radius:12px;
    background:transparent;
    color:var(--at-text) !important;
    font-family:Arial,Helvetica,sans-serif;
    font-size:12px;
    font-weight:800;
    line-height:1;
    text-decoration:none !important;
    cursor:pointer;
    white-space:nowrap;
    transition:background .18s ease,color .18s ease,transform .18s ease;
}

.at-header__account:hover,
.at-header__cart:hover,
.at-header__account:focus-visible,
.at-header__cart:focus-visible{
    background:rgba(255,255,255,.08);
    color:#fff !important;
    transform:translateY(-1px);
}

.at-header__account svg,
.at-header__cart svg{
    width:21px;
    height:21px;
    fill:none;
    stroke:currentColor;
    stroke-width:1.8;
    stroke-linecap:round;
    stroke-linejoin:round;
}

.at-header__cart-wrap{
    position:relative;
}

.at-header__cart-icon,
.at-mobile-menu__cart-icon{
    position:relative;
    display:inline-flex;
}

.at-header__cart-count,
.at-mobile-menu__cart-count{
    position:absolute;
    top:-8px;
    right:-9px;
    min-width:18px;
    height:18px;
    padding:0 5px;
    display:flex;
    align-items:center;
    justify-content:center;
    border:2px solid rgba(var(--at-navy-rgb),.95);
    border-radius:999px;
    background:#ff3d45;
    color:#fff;
    font-size:10px;
    font-weight:900;
    line-height:1;
}

.at-header__cart-count.is-empty,
.at-mobile-menu__cart-count.is-empty{
    display:flex;
}

.at-header__cart-panel{
    position:absolute;
    top:calc(100% + 14px);
    right:0;
    width:min(360px,calc(100vw - 34px));
    padding:14px;
    border:1px solid rgba(180,220,236,.22);
    border-radius:17px;
    background:rgba(3,21,43,.98);
    color:#fff;
    box-shadow:0 24px 60px rgba(0,8,22,.35);
    backdrop-filter:blur(18px);
    z-index:100;
}

.at-header__cart-panel[hidden]{
    display:none !important;
}

.at-header__cart-panel-head,
.at-mobile-menu__cart-panel-head{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    padding-bottom:11px;
    border-bottom:1px solid rgba(255,255,255,.1);
}

.at-header__cart-panel-head strong{
    font-size:15px;
}

.at-header__cart-panel-head span{
    color:#9cc2d4;
    font-size:11px;
    font-weight:800;
}

.at-header__cart-list,
.at-mobile-menu__cart-list{
    max-height:300px;
    overflow:auto;
}

.at-header__cart-item,
.at-mobile-menu__cart-item{
    display:grid;
    grid-template-columns:48px minmax(0,1fr) auto;
    align-items:center;
    gap:10px;
    padding:11px 0;
    border-bottom:1px solid rgba(255,255,255,.08);
}

.at-header__cart-item img,
.at-mobile-menu__cart-item img{
    width:48px;
    height:42px;
    object-fit:cover;
    border-radius:8px;
    background:#0b2a43;
}

.at-header__cart-item-copy,
.at-mobile-menu__cart-item-copy{
    min-width:0;
}

.at-header__cart-item-copy strong,
.at-mobile-menu__cart-item-copy strong{
    display:block;
    overflow:hidden;
    color:#fff;
    font-size:11px;
    font-weight:900;
    white-space:nowrap;
    text-overflow:ellipsis;
}

.at-header__cart-item-copy small,
.at-mobile-menu__cart-item-copy small{
    display:block;
    margin-top:4px;
    color:var(--at-cyan);
    font-size:11px;
    font-weight:900;
}

.at-header__cart-item-remove,
.at-mobile-menu__cart-item-remove{
    width:30px;
    height:30px;
    display:grid;
    place-items:center;
    border:1px solid rgba(255,255,255,.14);
    border-radius:8px;
    background:rgba(255,255,255,.05);
    color:#fff;
    cursor:pointer;
}

.at-header__cart-empty,
.at-mobile-menu__cart-empty{
    padding:22px 4px 8px;
    color:#a9c2cf;
    font-size:12px;
    text-align:center;
}

.at-header__cart-empty[hidden],
.at-mobile-menu__cart-empty[hidden]{
    display:none !important;
}

/* Desktop'ta eski Tur Ara ve hızlı rezervasyon alanı artık kullanılmaz. */
.at-header__search-cta,
.at-header__whatsapp{
    display:none !important;
}

/* Mobil ana header yalnız logo + hamburger */
@media (max-width:980px){
    .at-header__account,
    .at-header__cart-wrap,
    .at-header__selectors,
    .at-header__divider{
        display:none !important;
    }
}

/* Mobil menü alt bölüm */
.at-mobile-menu__account-cart{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:10px;
    margin-top:12px;
}

.at-mobile-menu__account,
.at-mobile-menu__cart{
    min-height:48px;
    display:flex;
    align-items:center;
    justify-content:flex-start;
    gap:10px;
    padding:0 13px;
    border:1px solid rgba(255,255,255,.12);
    border-radius:12px;
    background:rgba(255,255,255,.045);
    color:#fff !important;
    font:inherit;
    font-size:13px;
    font-weight:850;
    text-decoration:none !important;
}

.at-mobile-menu__account svg,
.at-mobile-menu__cart svg{
    width:21px;
    height:21px;
    fill:none;
    stroke:var(--at-cyan);
    stroke-width:1.8;
    stroke-linecap:round;
    stroke-linejoin:round;
}

.at-mobile-menu__cart{
    cursor:pointer;
}

.at-mobile-menu__cart-panel{
    margin-top:10px;
    padding:12px;
    border:1px solid rgba(255,255,255,.1);
    border-radius:14px;
    background:rgba(1,14,29,.68);
}

.at-mobile-menu__cart-panel[hidden]{
    display:none !important;
}

.at-mobile-menu__cart-panel-head strong{
    color:#fff;
    font-size:14px;
}

.at-mobile-menu__cart-panel-head button{
    width:32px;
    height:32px;
    border:1px solid rgba(255,255,255,.12);
    border-radius:8px;
    background:transparent;
    color:#fff;
    font-size:21px;
    cursor:pointer;
}

.at-mobile-menu__whatsapp,
.at-mobile-menu__cta{
    display:none !important;
}

@media (max-width:560px){
    .at-mobile-menu__account-cart{
        grid-template-columns:1fr;
    }
}


/* =========================================================
   JUBILEE HEADER FINAL — PARA SİMGELERİ + SEPET KAPALI
   ========================================================= */
.at-header__currency-symbol{
    color:#ffffff!important;
    background:rgba(24,184,232,.22)!important;
    border-color:rgba(79,219,255,.72)!important;
    box-shadow:inset 0 0 0 1px rgba(255,255,255,.08),0 0 14px rgba(24,184,232,.10)!important;
    text-shadow:0 1px 4px rgba(0,0,0,.34)!important;
}
.at-header__option-icon--currency{
    color:#ffffff!important;
    background:linear-gradient(145deg,rgba(20,143,205,.46),rgba(10,76,132,.58))!important;
    border-color:rgba(73,204,255,.52)!important;
    font-weight:900!important;
    text-shadow:0 1px 4px rgba(0,0,0,.42)!important;
}
.at-header__selector-option.is-active .at-header__option-icon--currency,
.at-header__selector-option:hover .at-header__option-icon--currency{
    color:#fff!important;
    background:linear-gradient(145deg,#0e9fd3,#116dc0)!important;
    border-color:rgba(255,255,255,.32)!important;
}
.at-mobile-preference__toggle-icon--currency,
.at-mobile-preference__currency{
    color:#ffffff!important;
    background:linear-gradient(145deg,rgba(20,143,205,.42),rgba(9,73,127,.55))!important;
    border-color:rgba(74,205,255,.46)!important;
    font-weight:900!important;
    text-shadow:0 1px 4px rgba(0,0,0,.35)!important;
}
.at-mobile-menu__account-cart--no-cart{
    display:block!important;
}
.at-mobile-menu__account-cart--no-cart .at-mobile-menu__account{
    width:100%!important;
}
/* Güvenlik: eski sepet HTML'i cache veya başka include'dan kalırsa görünmesin */
.at-mobile-menu__cart,
.at-mobile-menu__cart-panel,
.at-header__cart-wrap{
    display:none!important;
}


/* PUBLIC HEADER FINAL HOTFIX — para birimi simgeleri */
.at-header__currency-item-icon,
.at-mobile-menu__currency-icon{
    display:grid!important;
    place-items:center!important;
    min-width:34px!important;
    width:34px!important;
    height:34px!important;
    border-radius:10px!important;
    border:1px solid rgba(57,217,232,.24)!important;
    background:rgba(255,255,255,.07)!important;
    color:var(--at-cyan,#39d9e8)!important;
    font-size:18px!important;
    font-weight:900!important;
    line-height:1!important;
    text-shadow:0 0 12px rgba(57,217,232,.18)!important;
}
.at-header__currency-item.is-active .at-header__currency-item-icon,
.at-mobile-menu__currency-item.is-active .at-mobile-menu__currency-icon{
    background:rgba(57,217,232,.13)!important;
    border-color:rgba(57,217,232,.42)!important;
}
.at-header__currency-item-code,
.at-header__currency-item-name{
    opacity:1!important;
}
.at-mobile-menu__account-cart--no-cart{
    grid-template-columns:1fr!important;
}



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

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

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

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

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

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

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

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

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


/* ===== DOCUMENT SCROLL AUTHORITY FINAL 20260811 =====
   TEK OTORİTE:
   - Dikey scroll sadece document üzerinde.
   - Sağ scrollbar alanı her zaman korunur.
   - body / header / menü scrollbar genişliğini değiştiremez.
*/
html{
    width:100%;
    max-width:100%;
    min-height:100%;
    overflow-x:hidden !important;
    overflow-y:scroll !important;
    scrollbar-gutter:stable !important;
}

body{
    width:100%;
    max-width:100%;
    min-width:0;
    min-height:100%;
    margin:0 !important;
    overflow-x:hidden !important;
    overflow-y:visible !important;
}

/* Menü açıkken scrollbarı kaldırma; genişlik aynı kalsın. */
html.at-menu-open,
body.at-menu-open{
    overflow-x:hidden !important;
    overflow-y:scroll !important;
}

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


/* Footer extracted from inc/footer.php block 1 */
.atf-footer,
.atf-footer * {
    box-sizing: border-box;
}

.atf-footer {
    --navy: #03152f;
    --navy-2: #061d3a;
    --cyan: #29e6ef;
    --orange: #ff6847;
    position: relative;
    overflow: hidden;
    border-top: 1px solid rgba(41, 230, 239, .5);
    background:
        radial-gradient(circle at 75% 15%, rgba(35, 191, 226, .11), transparent 31%),
        linear-gradient(180deg, #04172f 0%, #021329 100%);
    color: #fff;
    font-family: inherit;
}

.atf-footer::before,
.atf-footer::after {
    content: "";
    position: absolute;
    width: 430px;
    height: 240px;
    pointer-events: none;
    opacity: .12;
    background-image:
        repeating-radial-gradient(
            ellipse at center,
            transparent 0 9px,
            rgba(41, 230, 239, .32) 10px 11px
        );
    transform: rotate(-8deg);
}

.atf-footer::before {
    top: 10px;
    right: -80px;
}

.atf-footer::after {
    bottom: -80px;
    left: -120px;
}

.atf-wrap {
    position: relative;
    z-index: 2;
    width: min(1380px, calc(100% - 48px));
    margin-inline: auto;
}

/* Newsletter */
.atf-news {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(440px, 560px);
    align-items: center;
    gap: 34px;
    margin: 58px 0 48px;
    padding: 30px 34px;
    border: 1px solid var(--cyan);
    border-radius: 24px;
    background:
        linear-gradient(110deg, rgba(27, 163, 189, .34), rgba(3, 21, 47, .92) 47%, rgba(3, 21, 47, .78));
    box-shadow:
        0 22px 60px rgba(0, 0, 0, .26),
        inset 0 1px rgba(255, 255, 255, .12);
}

.atf-news-kicker {
    display: flex;
    align-items: center;
    gap: 11px;
    color: var(--cyan);
    font-size: 14px;
    font-weight: 850;
    letter-spacing: .12em;
    text-transform: uppercase;
}

.atf-news-kicker svg {
    width: 24px;
    height: 24px;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.8;
}

.atf-news h2 {
    margin: 12px 0 0;
    font-size: clamp(27px, 2.6vw, 40px);
    line-height: 1.12;
    letter-spacing: -.03em;
}

.atf-news-form {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 170px;
    gap: 14px;
}

.atf-input {
    display: flex;
    height: 62px;
    align-items: center;
    gap: 13px;
    padding: 0 18px;
    border: 1px solid rgba(255, 255, 255, .5);
    border-radius: 14px;
    background: rgba(2, 18, 42, .64);
}

.atf-input svg {
    width: 24px;
    fill: none;
    stroke: #a7b4c5;
    stroke-width: 1.7;
}

.atf-input input {
    width: 100%;
    border: 0;
    outline: 0;
    background: transparent;
    color: #fff;
    font: inherit;
    font-size: 16px;
}

.atf-input input::placeholder {
    color: #a8b4c5;
}

.atf-subscribe,
.atf-wa {
    border: 1px solid rgba(255, 255, 255, .75);
    border-radius: 14px;
    background: linear-gradient(135deg, #ff704c, #ff5039);
    color: #fff;
    font-weight: 900;
    box-shadow:
        0 0 24px rgba(255, 91, 57, .35),
        inset 0 1px rgba(255, 255, 255, .32);
    cursor: pointer;
    transition: transform .22s ease, filter .22s ease;
}

.atf-subscribe {
    min-height: 62px;
    font-size: 15px;
}

.atf-subscribe:hover,
.atf-wa:hover {
    transform: translateY(-2px);
    filter: brightness(1.06);
}

.atf-news-msg {
    grid-column: 1 / -1;
    min-height: 18px;
    color: #9cf8fb;
    font-size: 13px;
}

/* Main footer grid */
.atf-grid {
    display: grid;
    grid-template-columns: 1.2fr .8fr .9fr 1fr 1.05fr;
    gap: 0;
    padding-bottom: 52px;
}

.atf-col {
    min-width: 0;
    padding: 0 26px;
    border-left: 1px solid rgba(255, 255, 255, .14);
}

.atf-col:first-child {
    padding-left: 0;
    border-left: 0;
}

.atf-col:last-child {
    padding-right: 0;
}

.atf-logo img {
    max-width: 260px;
    max-height: 88px;
    object-fit: contain;
}

.atf-logo-fallback {
    display: flex;
    align-items: center;
    gap: 12px;
    font-size: 30px;
    font-weight: 900;
    letter-spacing: .04em;
}

.atf-logo-fallback span {
    display: block;
    color: var(--cyan);
    font-size: 15px;
    letter-spacing: .36em;
}

.atf-desc {
    max-width: 320px;
    margin: 24px 0;
    color: #d9e2ee;
    font-size: 15px;
    line-height: 1.65;
}

.atf-lang {
    display: flex;
    gap: 12px;
    max-width: 300px;
    padding-bottom: 22px;
    border-bottom: 1px solid rgba(41, 230, 239, .58);
}

.atf-lang a {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 8px 14px;
    border: 1px solid rgba(255, 255, 255, .32);
    border-radius: 11px;
    color: #fff;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
}

.atf-flag {
    font-size: 19px;
}

.atf-social {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-top: 20px;
}

.atf-social a {
    display: grid;
    width: 44px;
    height: 44px;
    place-items: center;
    border: 1px solid rgba(255, 255, 255, .3);
    border-radius: 50%;
    color: #fff;
    transition: transform .2s ease, color .2s ease, border-color .2s ease;
}

.atf-social a:hover {
    transform: translateY(-3px);
    border-color: var(--cyan);
    color: var(--cyan);
}

.atf-social svg {
    width: 21px;
    height: 21px;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.8;
}

/* Accordion headings */
.atf-accordion-trigger {
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    margin: 6px 0 22px;
    padding: 0;
    border: 0;
    background: transparent;
    color: var(--cyan);
    font: inherit;
    font-size: 14px;
    font-weight: 850;
    letter-spacing: .06em;
    text-align: left;
    text-transform: uppercase;
    cursor: default;
}

.atf-accordion-icon {
    display: none;
    width: 30px;
    height: 30px;
    place-items: center;
    border: 1px solid rgba(41, 230, 239, .55);
    border-radius: 50%;
    color: var(--cyan);
    font-size: 20px;
    line-height: 1;
}

.atf-accordion-panel {
    display: block;
}

.atf-links {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.atf-links a {
    display: flex;
    align-items: center;
    gap: 10px;
    color: #f1f5f9;
    font-size: 14px;
    text-decoration: none;
    transition: transform .2s ease, color .2s ease;
}

.atf-links a::before {
    content: "›";
    color: var(--cyan);
    font-size: 22px;
    line-height: 1;
}

.atf-links a:hover {
    transform: translateX(4px);
    color: var(--cyan);
}

/* Contact */
.atf-contact {
    display: flex;
    flex-direction: column;
}

.atf-contact-row {
    display: grid;
    grid-template-columns: 25px minmax(0, 1fr);
    gap: 11px;
    align-items: center;
    min-height: 58px;
    border-bottom: 1px solid rgba(255, 255, 255, .14);
    color: #f3f6fb;
    font-size: 14px;
}

.atf-contact-row:last-child {
    border-bottom: 0;
}

.atf-contact-row svg {
    width: 22px;
    height: 22px;
    fill: none;
    stroke: var(--cyan);
    stroke-width: 1.8;
}

.atf-contact-row a {
    color: inherit;
    text-decoration: none;
    word-break: break-word;
}

/* Trust */
.atf-trust-card {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 16px 17px;
    border: 1px solid var(--cyan);
    border-radius: 13px;
    font-size: 14px;
    letter-spacing: .06em;
    text-transform: uppercase;
}

.atf-trust-card svg {
    width: 46px;
    height: 46px;
    fill: none;
    stroke: var(--cyan);
    stroke-width: 1.6;
}

.atf-ssl {
    display: flex;
    align-items: center;
    gap: 10px;
    margin: 20px 0;
    color: #e8eef5;
    font-size: 13px;
}

.atf-ssl svg {
    width: 20px;
    fill: none;
    stroke: var(--cyan);
    stroke-width: 1.8;
}

.atf-payments {
    display: flex;
    flex-wrap: wrap;
    gap: 9px;
    margin: 14px 0 22px;
}

.atf-pay {
    display: grid;
    min-width: 67px;
    height: 40px;
    place-items: center;
    padding: 0 10px;
    border-radius: 7px;
    background: #fff;
    color: #15337a;
    font-size: 16px;
    font-style: italic;
    font-weight: 1000;
}

.atf-pay.mc {
    color: #111;
}

.atf-pay.troy {
    color: #25425a;
}

.atf-wa {
    display: flex;
    min-height: 58px;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 12px 14px;
    color: #fff;
    font-size: 13px;
    text-align: center;
    text-decoration: none;
}

.atf-wa svg {
    width: 25px;
    height: 25px;
    fill: none;
    stroke: #fff;
    stroke-width: 1.8;
}

/* Bottom */
.atf-bottom {
    display: flex;
    min-height: 92px;
    align-items: center;
    border-top: 1px solid rgba(41, 230, 239, .55);
}

.atf-bottom-inner {
    display: flex;
    width: min(1380px, calc(100% - 48px));
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    margin-inline: auto;
    color: #f0f3f8;
    font-size: 13px;
}

.atf-policy {
    display: flex;
    align-items: center;
}

.atf-policy a {
    padding: 0 22px;
    border-left: 1px solid rgba(255, 255, 255, .24);
    color: #fff;
    text-decoration: none;
}

.atf-policy a:first-child {
    border-left: 0;
}

.atf-policy a:hover {
    color: var(--cyan);
}

@media (max-width: 1200px) {
    .atf-news {
        grid-template-columns: 1fr;
    }

    .atf-news-form {
        max-width: 700px;
    }

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

    .atf-col,
    .atf-col:first-child,
    .atf-col:last-child {
        padding: 30px 24px;
        border-top: 1px solid rgba(255, 255, 255, .12);
        border-left: 0;
    }

    .atf-col:nth-child(-n+2) {
        border-top: 0;
    }
}

@media (max-width: 760px) {
    .atf-wrap,
    .atf-bottom-inner {
        width: min(100% - 24px, 620px);
    }

    .atf-news {
        margin: 28px 0 34px;
        padding: 24px 18px;
        border-radius: 18px;
    }

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

    .atf-news h2 {
        font-size: 28px;
    }

    .atf-grid {
        grid-template-columns: 1fr;
        padding-bottom: 26px;
    }

    .atf-col,
    .atf-col:first-child,
    .atf-col:last-child,
    .atf-col:nth-child(-n+2) {
        padding: 0;
        border-top: 1px solid rgba(255, 255, 255, .14);
    }

    .atf-col:first-child {
        padding: 0 0 26px;
        border-top: 0;
    }

    .atf-accordion-trigger {
        min-height: 62px;
        margin: 0;
        cursor: pointer;
    }

    .atf-accordion-icon {
        display: grid;
    }

    .atf-accordion-panel {
        display: none;
        padding: 0 0 24px;
    }

    .atf-col.is-open .atf-accordion-panel {
        display: block;
    }

    .atf-col.is-open .atf-accordion-icon {
        transform: rotate(45deg);
    }

    .atf-logo img {
        max-width: 240px;
    }

    .atf-desc {
        max-width: none;
    }

    .atf-bottom {
        padding: 24px 0;
    }

    .atf-bottom-inner {
        flex-direction: column;
        align-items: flex-start;
    }

    .atf-policy {
        flex-wrap: wrap;
        gap: 12px 18px;
    }

    .atf-policy a,
    .atf-policy a:first-child {
        padding: 0;
        border: 0;
    }
}

@media (prefers-reduced-motion: reduce) {
    .atf-subscribe,
    .atf-wa,
    .atf-social a,
    .atf-links a {
        transition: none;
    }
}

/* Footer final rötuşları */
.atf-logo img {
    max-width: 290px;
}

.atf-col {
    padding-inline: 32px;
}

.atf-links a {
    font-size: 15px;
    font-weight: 550;
}

.atf-contact-row svg {
    width: 24px;
    height: 24px;
}

.atf-wa {
    min-height: 64px;
    border-radius: 16px;
    font-size: 14px;
}

.atf-subscribe {
    font-size: 16px;
}

.atf-trust-card {
    background: rgba(5, 42, 66, .48);
    box-shadow: inset 0 1px rgba(255, 255, 255, .05);
}

.atf-contact-row a:hover,
.atf-policy a:hover {
    color: var(--cyan);
}

@media (max-width: 1200px) {
    .atf-col {
        padding-inline: 24px;
    }
}

@media (max-width: 760px) {
    .atf-logo img {
        max-width: 255px;
    }

    .atf-col,
    .atf-col:first-child,
    .atf-col:last-child {
        padding-inline: 0;
    }

    .atf-accordion-trigger {
        padding-inline: 0;
    }

    .atf-wa {
        min-height: 58px;
        font-size: 13px;
    }
}

/* =========================================================
   ANTALYA TURLARI — MASTER İÇ SAYFA HERO / FINAL
   Tüm public iç sayfalar tek kaynaktan aynı ölçüde çalışır.
   Hakkımızda / Turlar / VIP / Oteller / Rotalar / Blog /
   İletişim / Video / Galeri
   ========================================================= */

.ks27ph,
.ks27ph *{
    box-sizing:border-box;
}

.ks27ph{
    --ks27ph-accent:#27d4e8;
    --ks27ph-coral:#ff654f;
    --ks27ph-shell:1360px;

    position:relative;
    isolation:isolate;
    width:100%;
    height:355px;
    min-height:355px;
    max-height:355px;
    overflow:hidden;
    background:#052640;
    color:#fff;
    font-family:inherit;
}

.ks27ph__media,
.ks27ph__shade{
    position:absolute;
    inset:0;
}

.ks27ph__media{
    z-index:-3;
}

.ks27ph__media img{
    display:block;
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:center center;
}

.ks27ph__shade{
    z-index:-2;
    background:
        linear-gradient(90deg,
            rgba(2,24,42,.96) 0%,
            rgba(3,31,53,.90) 34%,
            rgba(4,42,65,.58) 66%,
            rgba(2,25,43,.22) 100%
        ),
        linear-gradient(180deg,rgba(1,20,36,.12),rgba(1,22,38,.45));
}

.ks27ph__shell{
    width:min(calc(100% - 48px),var(--ks27ph-shell));
    height:355px;
    min-height:355px;
    margin:0 auto;
    padding:26px 0 24px;

    display:grid;
    grid-template-columns:minmax(0,1fr) 430px;
    grid-template-rows:28px 1fr;
    column-gap:36px;
    align-items:center;
}

.ks27ph__breadcrumb{
    grid-column:1 / -1;
    align-self:start;

    display:flex;
    align-items:center;
    gap:9px;
    min-width:0;
    height:28px;
    margin:0;

    color:rgba(255,255,255,.72);
    font-size:11.5px;
    line-height:28px;
    font-weight:650;
    white-space:nowrap;
}

.ks27ph__breadcrumb a{
    color:var(--ks27ph-accent);
    text-decoration:none;
}

.ks27ph__breadcrumb strong{
    min-width:0;
    overflow:hidden;
    text-overflow:ellipsis;
    color:#fff;
    font-weight:750;
}

.ks27ph__content{
    grid-column:1;
    grid-row:2;
    align-self:center;
    min-width:0;
    max-width:880px;
}

.ks27ph__eyebrow{
    display:flex;
    align-items:center;
    gap:10px;
    height:16px;
    margin:0 0 10px;

    color:var(--ks27ph-accent);
    font-size:11px;
    line-height:16px;
    font-weight:850;
    letter-spacing:.12em;
    text-transform:uppercase;
    white-space:nowrap;
    overflow:hidden;
}

.ks27ph__eyebrow i{
    width:24px;
    height:2px;
    flex:0 0 24px;
    border-radius:99px;
    background:var(--ks27ph-accent);
}

.ks27ph h1{
    display:block;
    width:100%;
    max-width:880px;
    height:50px;
    min-height:50px;
    margin:0;

    color:#fff;
    font-size:clamp(34px,2.35vw,42px);
    line-height:50px;
    font-weight:760;
    letter-spacing:-.03em;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:clip;
    text-shadow:0 3px 18px rgba(0,0,0,.18);
}

.ks27ph__description{
    display:-webkit-box;
    width:100%;
    max-width:760px;
    height:40px;
    min-height:40px;
    margin:8px 0 0;

    color:rgba(255,255,255,.88);
    font-size:14px;
    line-height:20px;
    font-weight:500;
    letter-spacing:-.008em;

    overflow:hidden;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2;
}

.ks27ph__actions{
    display:flex;
    align-items:center;
    gap:11px;
    height:44px;
    margin-top:16px;
}

.ks27ph__button{
    height:44px;
    min-height:44px;
    padding:0 18px;

    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:12px;

    border:1px solid transparent;
    border-radius:12px;
    text-decoration:none;
    font-size:13px;
    line-height:1;
    font-weight:800;
    white-space:nowrap;

    transition:transform .18s ease,border-color .18s ease,background .18s ease,box-shadow .18s ease;
}

.ks27ph__button:hover{
    transform:translateY(-1px);
}

.ks27ph__button b{
    width:24px;
    height:24px;
    display:grid;
    place-items:center;
    border-radius:50%;
    font-size:16px;
    line-height:1;
}

.ks27ph__button--primary{
    min-width:154px;
    background:linear-gradient(135deg,#ff725c,#ff5946);
    color:#fff;
    box-shadow:0 10px 26px rgba(255,92,70,.24);
}

.ks27ph__button--primary b{
    background:rgba(255,255,255,.20);
}

.ks27ph__button--secondary{
    min-width:148px;
    border-color:rgba(255,255,255,.48);
    background:rgba(3,28,48,.32);
    color:#fff;
    backdrop-filter:blur(6px);
}

.ks27ph__button--secondary b{
    border:1px solid rgba(255,255,255,.34);
}

.ks27ph__benefits{
    grid-column:2;
    grid-row:2;
    align-self:center;

    width:430px;
    height:88px;
    min-height:88px;
    padding:13px 15px;

    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    grid-template-rows:repeat(2,1fr);
    gap:8px 14px;

    border:1px solid rgba(255,255,255,.16);
    border-radius:16px;
    background:rgba(1,24,43,.46);
    box-shadow:0 16px 34px rgba(0,0,0,.10);
    backdrop-filter:blur(7px);
}

.ks27ph__benefit{
    min-width:0;
    display:flex;
    align-items:center;
    gap:9px;
}

.ks27ph__benefit-icon{
    width:28px;
    height:28px;
    flex:0 0 28px;
    display:grid;
    place-items:center;

    border:1px solid rgba(39,212,232,.42);
    border-radius:9px;
    color:var(--ks27ph-accent);
    font-size:13px;
    font-weight:900;
}

.ks27ph__benefit strong{
    min-width:0;
    color:#fff;
    font-size:10px;
    line-height:1.2;
    font-weight:750;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}

/* =========================================================
   LAPTOP
   ========================================================= */
@media (max-width:1260px){
    .ks27ph,
    .ks27ph__shell{
        height:345px;
        min-height:345px;
        max-height:345px;
    }

    .ks27ph__shell{
        width:min(calc(100% - 40px),1120px);
        grid-template-columns:minmax(0,1fr) 380px;
        column-gap:28px;
    }

    .ks27ph__content{
        max-width:710px;
    }

    .ks27ph h1{
        max-width:710px;
        height:46px;
        min-height:46px;
        font-size:clamp(31px,2.7vw,38px);
        line-height:46px;
    }

    .ks27ph__description{
        max-width:690px;
        font-size:13.5px;
    }

    .ks27ph__benefits{
        width:380px;
    }
}

/* =========================================================
   TABLET
   ========================================================= */
@media (max-width:900px){
    .ks27ph,
    .ks27ph__shell{
        height:360px;
        min-height:360px;
        max-height:360px;
    }

    .ks27ph__shell{
        width:calc(100% - 40px);
        padding:20px 0 18px;
        display:grid;
        grid-template-columns:1fr;
        grid-template-rows:26px 1fr auto;
        row-gap:0;
    }

    .ks27ph__breadcrumb{
        grid-column:1;
        grid-row:1;
        height:26px;
        line-height:26px;
        font-size:10.5px;
    }

    .ks27ph__content{
        grid-column:1;
        grid-row:2;
        max-width:100%;
        align-self:center;
    }

    .ks27ph__eyebrow{
        margin-bottom:8px;
        font-size:10px;
    }

    .ks27ph h1{
        max-width:100%;
        height:auto;
        min-height:42px;
        font-size:clamp(30px,5.1vw,38px);
        line-height:1.08;
        white-space:normal;
        overflow:visible;
    }

    .ks27ph__description{
        max-width:720px;
        height:38px;
        min-height:38px;
        margin-top:7px;
        font-size:13px;
        line-height:19px;
    }

    .ks27ph__actions{
        height:42px;
        margin-top:13px;
    }

    .ks27ph__button{
        height:42px;
        min-height:42px;
        font-size:12px;
    }

    .ks27ph__benefits{
        grid-column:1;
        grid-row:3;
        width:100%;
        height:58px;
        min-height:58px;
        margin:10px 0 0;
        padding:8px 10px;
        grid-template-columns:repeat(4,minmax(0,1fr));
        grid-template-rows:1fr;
        gap:6px;
    }

    .ks27ph__benefit{
        justify-content:center;
    }

    .ks27ph__benefit-icon{
        width:24px;
        height:24px;
        flex-basis:24px;
        border-radius:7px;
        font-size:11px;
    }

    .ks27ph__benefit strong{
        font-size:8.5px;
    }
}

/* =========================================================
   MOBILE
   ========================================================= */
@media (max-width:600px){
    .ks27ph,
    .ks27ph__shell{
        height:390px;
        min-height:390px;
        max-height:390px;
    }

    .ks27ph__shade{
        background:
            linear-gradient(90deg,rgba(2,25,43,.95),rgba(2,32,52,.70)),
            linear-gradient(180deg,rgba(2,22,38,.18),rgba(2,25,42,.46));
    }

    .ks27ph__shell{
        width:calc(100% - 28px);
        padding:16px 0 14px;
        grid-template-rows:24px 1fr auto;
    }

    .ks27ph__breadcrumb{
        height:24px;
        gap:7px;
        line-height:24px;
        font-size:9.5px;
    }

    .ks27ph__eyebrow{
        height:14px;
        gap:7px;
        margin-bottom:7px;
        font-size:8.5px;
        line-height:14px;
        letter-spacing:.09em;
    }

    .ks27ph__eyebrow i{
        width:18px;
        flex-basis:18px;
    }

    .ks27ph h1{
        min-height:66px;
        font-size:clamp(27px,7.8vw,32px);
        line-height:1.05;
        font-weight:740;
        letter-spacing:-.025em;
        white-space:normal;
        display:-webkit-box;
        overflow:hidden;
        -webkit-box-orient:vertical;
        -webkit-line-clamp:2;
    }

    .ks27ph__description{
        height:42px;
        min-height:42px;
        margin-top:6px;
        font-size:12px;
        line-height:18px;
    }

    .ks27ph__actions{
        height:40px;
        gap:8px;
        margin-top:12px;
    }

    .ks27ph__button{
        min-width:0;
        flex:1 1 0;
        height:40px;
        min-height:40px;
        padding:0 10px;
        gap:7px;
        border-radius:10px;
        font-size:10.5px;
    }

    .ks27ph__button b{
        width:20px;
        height:20px;
        font-size:13px;
    }

    .ks27ph__benefits{
        height:74px;
        min-height:74px;
        margin-top:8px;
        padding:8px;
        grid-template-columns:repeat(2,minmax(0,1fr));
        grid-template-rows:repeat(2,1fr);
        gap:5px 8px;
        border-radius:12px;
    }

    .ks27ph__benefit{
        justify-content:flex-start;
        gap:6px;
    }

    .ks27ph__benefit-icon{
        width:22px;
        height:22px;
        flex-basis:22px;
        font-size:9px;
    }

    .ks27ph__benefit strong{
        font-size:8px;
    }
}

/* Çok küçük telefon */
@media (max-width:380px){
    .ks27ph,
    .ks27ph__shell{
        height:400px;
        min-height:400px;
        max-height:400px;
    }

    .ks27ph__shell{
        width:calc(100% - 22px);
    }

    .ks27ph h1{
        font-size:26px;
    }

    .ks27ph__description{
        font-size:11.5px;
    }

    .ks27ph__button{
        font-size:10px;
    }
}

/* =========================================================
   ANTALYA TURLARI - TEK MERKEZ KART SİSTEMİ
   Bu dosya tüm içerik kartlarının ortak giriş noktasıdır.
   ========================================================= */

@import url("/assets/css/tur-card.css");
@import url("/assets/css/blog-v2.css");

/* Ortak kalite / ölçü standardı */
.ks27-tour-card,
.ks27-blog-card,
.ks27-hotels__hotel-card,
.ks27-hotels__region-card,
.ks27-vipx__fleet-card,
.atg-card{
    box-sizing:border-box;
    font-family:inherit;
}

.ks27-tour-card,
.ks27-blog-card,
.ks27-hotels__hotel-card,
.ks27-vipx__fleet-card{
    height:100%;
}

.ks27-tour-card img,
.ks27-blog-card img,
.ks27-hotels__hotel-card img,
.ks27-hotels__region-card img,
.ks27-vipx__fleet-card img,
.atg-card img{
    display:block;
    max-width:100%;
}

.ks27-hotels__hotel-title h3,
.ks27-vipx__fleet-body h3,
.ks27-tour-card__title,
.ks27-blog-card__title{
    text-wrap:balance;
}

@media (max-width:767px){
    .ks27-tour-card,
    .ks27-blog-card,
    .ks27-hotels__hotel-card,
    .ks27-vipx__fleet-card,
    .atg-card{
        width:100%;
        max-width:none;
    }
}

/* =========================================================
   ORTAK SITE CARD — OTEL VARYANTI
   Sadece /oteller sayfasındaki ks27-site-card--hotel için.
   Eski oteller.css tipografisini bilinçli olarak ezer.
   ========================================================= */

.ks27-hotels .ks27-site-card--hotel{
    display:flex;
    flex-direction:column;
    min-height:100%;
    border:1px solid #e0e9f0;
    border-radius:18px;
    overflow:hidden;
    background:#fff;
    box-shadow:0 14px 34px rgba(8,35,58,.08);
    transition:transform .2s ease, box-shadow .2s ease, border-color .2s ease;
}

.ks27-hotels .ks27-site-card--hotel:hover{
    transform:translateY(-3px);
    border-color:#c9dce8;
    box-shadow:0 18px 42px rgba(8,35,58,.12);
}

.ks27-hotels .ks27-site-card--hotel .ks27-site-card__media{
    position:relative;
    width:100%;
    height:205px;
    overflow:hidden;
    background:#eaf2f7;
}

.ks27-hotels .ks27-site-card--hotel .ks27-site-card__media img{
    width:100%;
    height:100%;
    object-fit:cover;
    transition:transform .35s ease;
}

.ks27-hotels .ks27-site-card--hotel:hover .ks27-site-card__media img{
    transform:scale(1.025);
}

.ks27-hotels .ks27-site-card--hotel .ks27-site-card__body{
    flex:1 1 auto;
    display:flex;
    flex-direction:column;
    padding:18px 18px 16px;
}

.ks27-hotels .ks27-site-card--hotel .ks27-site-card__heading{
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:10px;
    margin:0 0 9px;
}

.ks27-hotels .ks27-site-card--hotel .ks27-site-card__title{
    margin:0;
    color:#0a2945;
    font-size:20px;
    line-height:1.16;
    font-weight:900;
    letter-spacing:-.035em;
}

.ks27-hotels .ks27-site-card--hotel .ks27-site-card__heading > span{
    flex:0 0 auto;
    padding-top:2px;
    color:#ffad00;
    font-size:12px;
    line-height:1;
    font-weight:900;
    letter-spacing:.03em;
    white-space:nowrap;
}

.ks27-hotels .ks27-site-card--hotel .ks27-site-card__meta{
    display:flex;
    align-items:center;
    gap:5px;
    margin:0 0 11px;
    color:#087f98;
    font-size:12px;
    line-height:1.3;
    font-weight:800;
}

.ks27-hotels .ks27-site-card--hotel .ks27-site-card__description{
    min-height:44px;
    margin:0 0 14px;
    color:#5b7185;
    font-size:14px;
    line-height:1.55;
    font-weight:500;
}

.ks27-hotels .ks27-site-card--hotel .ks27-site-card__chips{
    display:flex;
    flex-wrap:wrap;
    gap:7px;
    margin:auto 0 15px;
}

.ks27-hotels .ks27-site-card--hotel .ks27-site-card__chips span{
    display:inline-flex;
    align-items:center;
    min-height:25px;
    padding:0 8px;
    border-radius:8px;
    background:#f2f7fa;
    color:#35536c;
    font-size:10.5px;
    line-height:1;
    font-weight:750;
    white-space:nowrap;
}

.ks27-hotels .ks27-site-card--hotel .ks27-site-card__chips span::before{
    content:"✓";
    margin-right:4px;
    color:#16afc2;
    font-size:10px;
    font-weight:900;
}

.ks27-hotels .ks27-site-card--hotel .ks27-site-card__footer{
    display:flex;
    align-items:flex-end;
    justify-content:space-between;
    gap:12px;
    padding-top:14px;
    border-top:1px solid #e4edf3;
}

.ks27-hotels .ks27-site-card--hotel .ks27-site-card__price-label{
    display:block;
    margin:0 0 4px;
    color:#899aaa;
    font-size:10px;
    line-height:1.2;
    font-weight:650;
}

.ks27-hotels .ks27-site-card--hotel .ks27-site-card__price{
    display:block;
    color:#082640;
    font-size:21px;
    line-height:1;
    font-weight:950;
    letter-spacing:-.035em;
}

.ks27-hotels .ks27-site-card--hotel .ks27-site-card__price em{
    margin-left:3px;
    color:#7c8fa0;
    font-size:9.5px;
    font-style:normal;
    font-weight:650;
    letter-spacing:0;
}

.ks27-hotels .ks27-site-card--hotel .ks27-site-card__button{
    min-height:39px;
    padding:0 13px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:7px;
    border:0;
    border-radius:10px;
    background:#ff654f;
    box-shadow:0 8px 18px rgba(255,101,79,.18);
    color:#fff;
    font-size:11.5px;
    line-height:1;
    font-weight:850;
    text-decoration:none;
    white-space:nowrap;
}

.ks27-hotels .ks27-site-card--hotel .ks27-site-card__button span{
    font-size:17px;
    line-height:1;
}

.ks27-hotels .ks27-site-card--hotel .ks27-site-card__button:hover{
    background:#f25843;
}

/* Eski otel CSS'inin ufak font kurallarını iptal et */
.ks27-hotels .ks27-site-card--hotel .ks27-hotels__hotel-title h3{
    font-size:20px;
    font-weight:900;
}

.ks27-hotels .ks27-site-card--hotel .ks27-hotels__hotel-body > p{
    font-size:14px;
    font-weight:500;
}

.ks27-hotels .ks27-site-card--hotel .ks27-hotels__location{
    font-size:12px;
    font-weight:800;
}

.ks27-hotels .ks27-site-card--hotel .ks27-hotels__amenities span{
    font-size:10.5px;
    font-weight:750;
}

.ks27-hotels .ks27-site-card--hotel .ks27-hotels__hotel-footer > a{
    font-size:11.5px;
    font-weight:850;
}

@media (max-width:1100px){
    .ks27-hotels .ks27-site-card--hotel .ks27-site-card__title,
    .ks27-hotels .ks27-site-card--hotel .ks27-hotels__hotel-title h3{
        font-size:18px;
    }

    .ks27-hotels .ks27-site-card--hotel .ks27-site-card__description,
    .ks27-hotels .ks27-site-card--hotel .ks27-hotels__hotel-body > p{
        font-size:13px;
    }
}

@media (max-width:767px){
    .ks27-hotels .ks27-site-card--hotel .ks27-site-card__media{
        height:210px;
    }

    .ks27-hotels .ks27-site-card--hotel .ks27-site-card__body{
        padding:16px;
    }

    .ks27-hotels .ks27-site-card--hotel .ks27-site-card__title,
    .ks27-hotels .ks27-site-card--hotel .ks27-hotels__hotel-title h3{
        font-size:19px;
    }

    .ks27-hotels .ks27-site-card--hotel .ks27-site-card__description,
    .ks27-hotels .ks27-site-card--hotel .ks27-hotels__hotel-body > p{
        min-height:0;
        font-size:13.5px;
    }

    .ks27-hotels .ks27-site-card--hotel .ks27-site-card__footer{
        gap:10px;
    }
}

/* =========================================================
   OTELLER HARD FINAL — sadece hotel varyantı
   Legacy oteller.css tipografisini kesin olarak ezer.
   ========================================================= */
.ks27-hotels .ks27-site-card--hotel{
    position:relative !important;
    overflow:hidden !important;
    border-radius:18px !important;
    background:#fff !important;
    border:1px solid #dfe8ef !important;
    box-shadow:0 14px 34px rgba(8,35,58,.09) !important;
}

.ks27-hotels .ks27-site-card--hotel .ks27-site-card__media{
    height:205px !important;
}

.ks27-hotels .ks27-site-card--hotel .ks27-site-card__media img{
    width:100% !important;
    height:100% !important;
    object-fit:cover !important;
}

.ks27-hotels .ks27-site-card--hotel .ks27-site-card__body{
    padding:17px 17px 15px !important;
}

.ks27-hotels .ks27-site-card--hotel .ks27-site-card__title,
.ks27-hotels .ks27-site-card--hotel .ks27-hotels__hotel-title h3{
    margin:0 !important;
    color:#092842 !important;
    font-size:18px !important;
    line-height:1.18 !important;
    font-weight:900 !important;
    letter-spacing:-.03em !important;
}

.ks27-hotels .ks27-site-card--hotel .ks27-site-card__heading > span,
.ks27-hotels .ks27-site-card--hotel .ks27-hotels__hotel-title > span{
    color:#ffac00 !important;
    font-size:12px !important;
    font-weight:900 !important;
}

.ks27-hotels .ks27-site-card--hotel .ks27-site-card__meta,
.ks27-hotels .ks27-site-card--hotel .ks27-hotels__location{
    margin:9px 0 0 !important;
    color:#1687a0 !important;
    font-size:11.5px !important;
    line-height:1.3 !important;
    font-weight:800 !important;
}

.ks27-hotels .ks27-site-card--hotel .ks27-site-card__description,
.ks27-hotels .ks27-site-card--hotel .ks27-hotels__hotel-body > p{
    min-height:48px !important;
    margin:11px 0 0 !important;
    color:#536b80 !important;
    font-size:13px !important;
    line-height:1.5 !important;
    font-weight:520 !important;
}

.ks27-hotels .ks27-site-card--hotel .ks27-site-card__chips,
.ks27-hotels .ks27-site-card--hotel .ks27-hotels__amenities{
    min-height:30px !important;
    margin:13px 0 0 !important;
    gap:6px !important;
    font-size:10.5px !important;
}

.ks27-hotels .ks27-site-card--hotel .ks27-site-card__chips span,
.ks27-hotels .ks27-site-card--hotel .ks27-hotels__amenities span{
    font-size:10.5px !important;
    line-height:1.2 !important;
    font-weight:750 !important;
}

.ks27-hotels .ks27-site-card--hotel .ks27-site-card__footer,
.ks27-hotels .ks27-site-card--hotel .ks27-hotels__hotel-footer{
    margin-top:14px !important;
    padding-top:13px !important;
    border-top:1px solid #e4edf3 !important;
}

.ks27-hotels .ks27-site-card--hotel .ks27-site-card__price,
.ks27-hotels .ks27-site-card--hotel .ks27-hotels__hotel-footer strong{
    color:#082640 !important;
    font-size:19px !important;
    line-height:1 !important;
    font-weight:950 !important;
}

.ks27-hotels .ks27-site-card--hotel .ks27-site-card__button,
.ks27-hotels .ks27-site-card--hotel .ks27-hotels__hotel-footer > a{
    position:static !important;
    min-height:38px !important;
    padding:0 13px !important;
    border:0 !important;
    border-radius:10px !important;
    background:#ff654f !important;
    color:#fff !important;
    font-size:11px !important;
    line-height:1 !important;
    font-weight:850 !important;
    box-shadow:0 8px 18px rgba(255,101,79,.18) !important;
}

/* Kartın tamamını detay linkine dönüştüren stretched-link.
   HTML içinde ekstra anchor üretmeden erişilebilirliği korur. */
.ks27-hotels .ks27-site-card--hotel .ks27-site-card__button::after{
    content:"" !important;
    position:absolute !important;
    inset:0 !important;
    z-index:5 !important;
}

.ks27-hotels .ks27-site-card--hotel:hover{
    transform:translateY(-3px) !important;
    box-shadow:0 20px 44px rgba(8,35,58,.13) !important;
}

@media (max-width:767px){
    .ks27-hotels .ks27-site-card--hotel .ks27-site-card__title,
    .ks27-hotels .ks27-site-card--hotel .ks27-hotels__hotel-title h3{
        font-size:18px !important;
    }

    .ks27-hotels .ks27-site-card--hotel .ks27-site-card__description,
    .ks27-hotels .ks27-site-card--hotel .ks27-hotels__hotel-body > p{
        min-height:0 !important;
        font-size:13px !important;
    }
}

/* =========================================================
   ANTALYA TURLARI — GLOBAL INNER PAGE CTA
   Tek merkez / kısa / responsive
   ========================================================= */

.ks27gcta,
.ks27gcta *{
    box-sizing:border-box;
}

.ks27gcta{
    width:100%;
    padding:40px 20px 46px;
    background:#f4f8fb;
    font-family:inherit;
}

.ks27gcta__shell{
    position:relative;
    isolation:isolate;
    width:min(1180px,100%);
    min-height:132px;
    margin:0 auto;
    padding:26px 34px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:32px;
    overflow:hidden;
    border-radius:18px;
    background:
        linear-gradient(90deg,#083a60 0%,#073455 47%,#032645 100%);
    box-shadow:0 14px 32px rgba(7,40,67,.10);
}

.ks27gcta__shell::before,
.ks27gcta__shell::after{
    content:"";
    position:absolute;
    z-index:-1;
    width:210px;
    height:210px;
    border:1px solid rgba(40,211,229,.08);
    border-radius:50%;
    right:62px;
    top:50%;
    transform:translateY(-50%);
}

.ks27gcta__shell::after{
    width:150px;
    height:150px;
    right:92px;
    border-color:rgba(40,211,229,.06);
}

.ks27gcta__content{
    min-width:0;
}

.ks27gcta__eyebrow{
    display:block;
    margin:0 0 8px;
    color:#2bd7e7;
    font-size:10px;
    line-height:1;
    font-weight:900;
    letter-spacing:.13em;
    text-transform:uppercase;
}

.ks27gcta h2{
    margin:0;
    color:#fff;
    font-size:clamp(24px,2vw,31px);
    line-height:1.08;
    font-weight:900;
    letter-spacing:-.035em;
}

.ks27gcta p{
    margin:7px 0 0;
    color:rgba(255,255,255,.76);
    font-size:11px;
    line-height:1.4;
    font-weight:500;
}

.ks27gcta__button{
    position:relative;
    z-index:2;
    flex:0 0 auto;
    min-width:150px;
    min-height:48px;
    padding:0 19px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:8px;
    border-radius:12px;
    background:#ff654f;
    box-shadow:0 10px 22px rgba(255,101,79,.20);
    color:#fff;
    font-size:13px;
    line-height:1;
    font-weight:850;
    text-decoration:none;
    white-space:nowrap;
    transition:transform .18s ease,background .18s ease;
}

.ks27gcta__button:hover{
    transform:translateY(-1px);
    background:#f45a44;
}

.ks27gcta__button b{
    font-size:18px;
    line-height:1;
}

/* Eski dağınık CTA blokları artık kullanılmaz. */
.ks27-tours-common-cta,
.ks27-cp-common-cta,
.contact-common-cta,
.ks27-blog-detail-common-cta,
.ks27-routes-common-cta,
.ks27-blog-common-cta,
.tour-detail-common-cta,
.route-detail-common-cta,
.atg-content-section > .site-common-cta,
.ks27-hotels__cta{
    display:none !important;
}

@media (max-width:767px){
    .ks27gcta{
        padding:24px 14px 28px;
    }

    .ks27gcta__shell{
        min-height:0;
        padding:20px;
        display:grid;
        grid-template-columns:1fr;
        gap:16px;
        border-radius:15px;
    }

    .ks27gcta__shell::before{
        right:-75px;
    }

    .ks27gcta__shell::after{
        right:-42px;
    }

    .ks27gcta__eyebrow{
        margin-bottom:7px;
        font-size:8.5px;
    }

    .ks27gcta h2{
        font-size:21px;
    }

    .ks27gcta p{
        max-width:92%;
        font-size:10.5px;
    }

    .ks27gcta__button{
        width:100%;
        min-height:44px;
        min-width:0;
        font-size:12px;
    }
}

@media (max-width:380px){
    .ks27gcta__shell{
        padding:18px 16px;
    }

    .ks27gcta h2{
        font-size:19px;
    }
}

/*
=========================================================
 KS27 GLOBAL FONT MASTER — FINAL / STERIL
 Referans: Ana sayfadaki final font karakteri.
 Amaç: Header + tüm iç sayfalar + detaylar + kartlar + modallar.
 Bu dosya HEADER tarafından en son yüklenir.

 ÖNEMLİ:
 - Renk, ölçü, boşluk, layout değiştirmez.
 - Font Awesome / Material Icons / SVG ikon fontlarını bozmaz.
 - Admin font değişkeni düzgün gelirse onu kullanır.
 - Admin değişkeni yok/bozuksa Times New Roman yerine güvenli fallback verir.
=========================================================
*/

:root{
    --ks27-font-body: var(--common-font, "Lato", Arial, Helvetica, sans-serif);
    --ks27-font-heading: var(--heading-font, "Catamaran", "Lato", Arial, Helvetica, sans-serif);
}

/* Tüm sitenin normal metin standardı */
html,
body{
    font-family: var(--ks27-font-body) !important;
}

/* Metin elemanları */
body p,
body a,
body span,
body small,
body strong,
body b,
body em,
body label,
body li,
body td,
body th,
body blockquote,
body figcaption,
body button,
body input,
body select,
body textarea,
body option{
    font-family: var(--ks27-font-body) !important;
}

/* Ana sayfadaki başlık karakterini tüm sayfalara taşı */
body h1,
body h2,
body h3,
body h4,
body h5,
body h6{
    font-family: var(--ks27-font-heading) !important;
}

/* Header + masaüstü menü + dropdown */
body .at-header,
body .at-header a,
body .at-header button,
body .at-header span,
body .at-header strong,
body .at-header small,
body .at-header__nav,
body .at-header__nav-link,
body .at-header__dropdown,
body .at-header__dropdown a,
body .at-header__selector,
body .at-header__selector-button,
body .at-header__selector-menu,
body .at-header__selector-option,
body .at-header__whatsapp,
body .at-header__search-cta{
    font-family: var(--ks27-font-body) !important;
}

/* İç sayfa üst banner */
body .at-page-banner,
body .at-page-banner a,
body .at-page-banner span,
body .at-page-banner strong{
    font-family: var(--ks27-font-body) !important;
}
body .at-page-banner h1{
    font-family: var(--ks27-font-heading) !important;
}

/* Mobil menü */
body .at-mobile-menu,
body .at-mobile-menu a,
body .at-mobile-menu button,
body .at-mobile-menu span,
body .at-mobile-menu strong,
body .at-mobile-menu small{
    font-family: var(--ks27-font-body) !important;
}

/* Native form kontrollerinin işletim sistemi serif fontuna düşmesini engelle */
body button,
body input,
body select,
body textarea{
    font-family: var(--ks27-font-body) !important;
}

/*
 İKON KORUMASI
 Aşağıdaki sınıflar kendi ikon fontunu kullanıyorsa global font kuralını geri alır.
 SVG ikonlarda zaten font-family kullanılmaz.
*/
body .fa,
body .fas,
body .far,
body .fal,
body .fab,
body .fa-solid,
body .fa-regular,
body .fa-light,
body .fa-brands,
body [class^="fa-"],
body [class*=" fa-"]{
    font-family: "Font Awesome 6 Free", "Font Awesome 5 Free", FontAwesome !important;
}

body .fab,
body .fa-brands{
    font-family: "Font Awesome 6 Brands", "Font Awesome 5 Brands" !important;
}

body .material-icons,
body .material-symbols-outlined,
body .material-symbols-rounded,
body .material-symbols-sharp{
    font-family: "Material Icons" !important;
}

/* Google Translate'in kendi widget yapısına font zorlaması yapma */
body .goog-te-gadget,
body .goog-te-menu-frame,
body .goog-te-combo{
    font-family: Arial, Helvetica, sans-serif !important;
}


/* =========================================================
   JUBILEE MOBILE DRAWER — VISUAL FINAL 2026-08-28
   Sadece mobil menü görünümünü etkiler.
   ========================================================= */
@media (max-width:1120px){
    .at-mobile-menu{
        top:10px !important;
        right:10px !important;
        bottom:auto !important;
        width:min(390px, calc(100vw - 20px)) !important;
        height:auto !important;
        max-height:calc(100dvh - 20px) !important;
        border:1px solid rgba(111,202,238,.24) !important;
        border-radius:24px !important;
        overflow-y:auto !important;
        overflow-x:hidden !important;
        background:
            radial-gradient(circle at 100% 0, rgba(var(--at-cyan-rgb),.14), transparent 34%),
            linear-gradient(160deg, rgba(var(--at-navy-rgb),.995), rgba(var(--at-navy-2-rgb),.985) 68%, rgba(var(--at-navy-rgb),.995)) !important;
        box-shadow:-18px 18px 55px rgba(0,8,22,.48) !important;
        scrollbar-width:thin;
        scrollbar-color:rgba(255,255,255,.28) transparent;
    }

    .at-mobile-menu__head{
        min-height:84px !important;
        padding:10px 16px !important;
        border-bottom:1px solid rgba(255,255,255,.10) !important;
        background:rgba(255,255,255,.018) !important;
    }

    .at-mobile-menu__head img{
        width:min(205px, 58vw) !important;
        height:60px !important;
        max-height:60px !important;
        object-fit:contain !important;
    }

    .at-mobile-menu__head button{
        width:48px !important;
        height:48px !important;
        border-radius:15px !important;
        border-color:rgba(166,220,243,.24) !important;
        background:rgba(255,255,255,.055) !important;
    }

    .at-mobile-menu__head button span{
        top:23px !important;
        left:12px !important;
        width:23px !important;
    }

    .at-mobile-menu__nav{
        flex:0 0 auto !important;
        min-height:0 !important;
        overflow:visible !important;
        padding:4px 16px 0 !important;
    }

    .at-mobile-menu__item{
        border-bottom:1px solid rgba(255,255,255,.085) !important;
    }

    .at-mobile-menu__row,
    .at-mobile-menu__row > a{
        min-height:49px !important;
    }

    .at-mobile-menu__row > a{
        padding:0 7px !important;
        font-size:14px !important;
        font-weight:800 !important;
        letter-spacing:-.01em !important;
    }

    .at-mobile-menu__row > a:hover,
    .at-mobile-menu__row > a:focus-visible,
    .at-mobile-menu__row > a.is-active{
        padding-left:10px !important;
        color:#fff !important;
        background:linear-gradient(90deg, rgba(var(--at-cyan-rgb),.09), transparent 82%) !important;
    }

    .at-mobile-menu__row svg{
        width:17px !important;
        height:17px !important;
        opacity:.95 !important;
    }

    .at-mobile-menu__bottom{
        flex:0 0 auto !important;
        margin-top:0 !important;
        padding:12px 16px 16px !important;
        border-top:0 !important;
        background:rgba(0,9,23,.18) !important;
    }

    .at-mobile-menu__preferences{
        display:grid !important;
        gap:8px !important;
        margin:0 0 8px !important;
    }

    .at-mobile-preference{
        margin:0 !important;
        padding:0 !important;
        border:0 !important;
        background:transparent !important;
    }

    .at-mobile-preference__toggle{
        width:100% !important;
        min-height:56px !important;
        padding:7px 11px !important;
        border:1px solid rgba(182,223,241,.17) !important;
        border-radius:14px !important;
        background:rgba(255,255,255,.035) !important;
        box-shadow:none !important;
    }

    .at-mobile-preference__toggle-icon{
        width:38px !important;
        height:38px !important;
        flex:0 0 38px !important;
    }

    .at-mobile-preference__toggle-copy strong{
        font-size:12px !important;
        line-height:1.05 !important;
        text-transform:uppercase !important;
        letter-spacing:.02em !important;
    }

    .at-mobile-preference__toggle-copy small{
        margin-top:2px !important;
        font-size:11px !important;
        line-height:1.05 !important;
    }

    .at-mobile-menu__account-cart{
        margin:0 !important;
    }

    .at-mobile-menu__account{
        min-height:48px !important;
        border:1px solid rgba(182,223,241,.17) !important;
        border-radius:14px !important;
        background:rgba(255,255,255,.035) !important;
        font-size:13px !important;
        font-weight:800 !important;
    }

    .at-mobile-menu__phone{
        margin:8px 0 0 !important;
        padding:3px 0 0 !important;
        color:rgba(255,255,255,.82) !important;
        font-size:12px !important;
        font-weight:800 !important;
        line-height:1.2 !important;
    }

    .at-mobile-overlay{
        background:rgba(0,8,22,.72) !important;
        -webkit-backdrop-filter:blur(5px) !important;
        backdrop-filter:blur(5px) !important;
    }
}

@media (max-width:520px){
    .at-mobile-menu{
        top:6px !important;
        right:6px !important;
        width:calc(100vw - 12px) !important;
        max-width:none !important;
        max-height:calc(100dvh - 12px) !important;
        border-radius:20px !important;
    }

    .at-mobile-menu__head{
        min-height:74px !important;
        padding:7px 12px !important;
    }

    .at-mobile-menu__head img{
        width:min(180px, 57vw) !important;
        height:54px !important;
    }

    .at-mobile-menu__head button{
        width:44px !important;
        height:44px !important;
        border-radius:13px !important;
    }

    .at-mobile-menu__head button span{
        top:21px !important;
        left:11px !important;
        width:21px !important;
    }

    .at-mobile-menu__nav{
        padding:3px 12px 0 !important;
    }

    .at-mobile-menu__row,
    .at-mobile-menu__row > a{
        min-height:45px !important;
    }

    .at-mobile-menu__row > a{
        font-size:13.5px !important;
    }

    .at-mobile-menu__bottom{
        padding:10px 12px 13px !important;
    }

    .at-mobile-preference__toggle{
        min-height:52px !important;
    }

    .at-mobile-menu__account{
        min-height:45px !important;
    }
}

@media (max-height:700px) and (max-width:1120px){
    .at-mobile-menu__head{
        min-height:64px !important;
    }
    .at-mobile-menu__head img{
        height:48px !important;
    }
    .at-mobile-menu__row,
    .at-mobile-menu__row > a{
        min-height:40px !important;
    }
    .at-mobile-menu__bottom{
        padding-top:8px !important;
        padding-bottom:10px !important;
    }
    .at-mobile-preference__toggle{
        min-height:46px !important;
    }
    .at-mobile-menu__account{
        min-height:42px !important;
    }
}

/* PAGESPEED / ACCESSIBILITY FINAL */
@media (max-width: 900px){
  .at-header__menu-button,
  .at-mobile-menu__head button,
  .at-mobile-menu__toggle,
  .at-mobile-preference__toggle{
    min-width:48px;
    min-height:48px;
  }
  .at-mobile-menu__sub > a,
  .at-mobile-preference__grid a,
  .at-mobile-menu__account,
  .at-mobile-menu__phone{
    min-height:48px;
  }
  .at-mobile-menu__sub > a{color:rgba(255,255,255,.90)!important}
  .at-mobile-menu__phone{color:#dceaf3!important;font-size:12px}
}