/*
CreaLabs Coding
ASEL Turizm V43.6.9
Compact Mega Menu + Premium Stats + Responsive Navigation
*/

/* =========================================================
   HEADER: HER TEMADA OKUNAKLI
   ========================================================= */

.as-v4367-header,
html[data-theme="light"] .as-v4367-header,
body[data-theme="light"] .as-v4367-header,
html.light .as-v4367-header,
body.light .as-v4367-header,
html.light-mode .as-v4367-header,
body.light-mode .as-v4367-header {
    color: #ffffff !important;
    background:
        linear-gradient(
            90deg,
            #021228 0%,
            #031a35 52%,
            #062a50 100%
        ) !important;
    border-bottom:
        1px solid rgba(94, 192, 248, .12) !important;
    box-shadow:
        0 12px 34px rgba(0, 12, 36, .16) !important;
}

.as-v4367-nav {
    width: min(1560px, calc(100% - 46px)) !important;
    max-width: 1560px !important;
    min-height: 78px !important;
    margin-inline: auto !important;
    display: grid !important;
    grid-template-columns:
        minmax(155px, 205px)
        minmax(0, 1fr)
        auto !important;
    align-items: center !important;
    gap: clamp(24px, 3vw, 54px) !important;
}

.as-v4367-nav .as-logo img {
    width: clamp(155px, 12vw, 205px) !important;
    max-height: 58px !important;
    object-fit: contain !important;
}

.as-v4367-desktop-nav {
    min-width: 0 !important;
    justify-content: center !important;
    gap: clamp(18px, 1.7vw, 32px) !important;
}

.as-v4367-desktop-nav > a,
.as-v4367-menu > button {
    min-height: 78px !important;
    color: #ffffff !important;
    white-space: nowrap !important;
    font-size: clamp(11px, .78vw, 13px) !important;
    line-height: 1 !important;
}

.as-v4367-desktop-nav > a:hover,
.as-v4367-menu > button:hover,
.as-v4367-desktop-nav > a.active,
.as-v4367-menu.is-open > button {
    color: #54dcff !important;
}

.as-v4367-header .as-nav-actions {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
}

.as-v4367-header .as-nav-phone {
    min-width: 126px !important;
    min-height: 44px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 8px 14px !important;
    border: 1px solid rgba(138, 201, 241, .22) !important;
    border-radius: 12px !important;
    color: #ffffff !important;
    background: rgba(5, 36, 71, .74) !important;
    font-size: 11px !important;
    line-height: 1.2 !important;
    white-space: nowrap !important;
}

.as-v4367-header .as-theme-toggle {
    width: 44px !important;
    height: 44px !important;
    flex: 0 0 44px !important;
    color: #ffffff !important;
    border-color: rgba(138, 201, 241, .22) !important;
    background: rgba(5, 36, 71, .74) !important;
}

.as-v4367-header .as-btn-primary {
    min-width: 114px !important;
    min-height: 44px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0 18px !important;
    border-radius: 12px !important;
    white-space: nowrap !important;
}

/* =========================================================
   DESKTOP MEGA MENÜ: DAHA KOMPAKT
   ========================================================= */

.as-v4367-mega,
html[data-theme="light"] .as-v4367-mega,
body[data-theme="light"] .as-v4367-mega,
html.light .as-v4367-mega,
body.light .as-v4367-mega {
    top: 100% !important;
    width: min(1180px, calc(100vw - 72px)) !important;
    max-width: 1180px !important;
    max-height: calc(100vh - 112px) !important;
    grid-template-columns:
        minmax(250px, .66fr)
        minmax(0, 2.34fr) !important;
    gap: 12px !important;
    padding: 14px !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    border-radius: 0 0 20px 20px !important;
    color: #ffffff !important;
    background:
        radial-gradient(
            circle at 92% 0%,
            rgba(67, 211, 255, .14),
            transparent 27%
        ),
        linear-gradient(
            135deg,
            rgba(3, 19, 41, .998),
            rgba(6, 48, 92, .998)
        ) !important;
    box-shadow:
        0 30px 76px rgba(0, 8, 27, .42) !important;
}

.as-v4367-mega-feature {
    min-height: 0 !important;
    padding: 23px !important;
    border-radius: 15px !important;
}

.as-v4367-mega-feature > span {
    font-size: 8px !important;
}

.as-v4367-mega-feature h3 {
    margin: 12px 0 !important;
    font-size: clamp(27px, 2.1vw, 35px) !important;
    line-height: 1.02 !important;
}

.as-v4367-mega-feature p {
    margin: 0 !important;
    font-size: 10px !important;
    line-height: 1.6 !important;
}

.as-v4367-mega-feature > a {
    margin-top: 18px !important;
    padding: 11px 14px !important;
    font-size: 9px !important;
}

.as-v4367-mega-metrics {
    gap: 7px !important;
    margin-top: 17px !important;
}

.as-v4367-mega-metrics article {
    padding: 10px !important;
    border-radius: 10px !important;
}

.as-v4367-mega-metrics b {
    font-size: 19px !important;
}

.as-v4367-mega-metrics small {
    font-size: 7px !important;
}

.as-v4367-service-grid {
    gap: 7px !important;
}

.as-v4367-service-grid a {
    grid-template-columns:
        24px minmax(0, 1fr) 18px !important;
    gap: 9px !important;
    min-height: 68px !important;
    padding: 11px !important;
    border-radius: 11px !important;
}

.as-v4367-service-grid b {
    font-size: 11px !important;
}

.as-v4367-service-grid small {
    margin-top: 3px !important;
    font-size: 8px !important;
    line-height: 1.35 !important;
}

.as-v4367-corporate-columns {
    grid-template-columns:
        repeat(2, minmax(0, 1fr))
        minmax(190px, .72fr) !important;
    gap: 8px !important;
}

.as-v4367-corporate-columns > section {
    min-width: 0 !important;
    padding: 15px !important;
    border-radius: 13px !important;
}

.as-v4367-corporate-columns h4 {
    font-size: 14px !important;
}

.as-v4367-corporate-columns nav {
    gap: 3px !important;
    margin-top: 8px !important;
}

.as-v4367-corporate-columns nav a {
    min-height: 34px !important;
    padding: 7px 8px !important;
    font-size: 9px !important;
}

.as-v4367-mega-cta h4 {
    margin: 10px 0 4px !important;
    font-size: 15px !important;
    line-height: 1.25 !important;
}

.as-v4367-mega-cta a {
    margin-top: 12px !important;
    font-size: 9px !important;
}

.as-v4367-policy-grid {
    grid-template-columns:
        repeat(3, minmax(0, 1fr)) !important;
    gap: 7px !important;
}

.as-v4367-policy-grid a {
    grid-template-columns:
        22px minmax(0, 1fr) 16px !important;
    min-height: 47px !important;
    padding: 8px !important;
    border-radius: 9px !important;
}

.as-v4367-policy-grid b {
    font-size: 8.5px !important;
    line-height: 1.25 !important;
}

/* =========================================================
   STATS: BANNER ALTINA AL, OKUNAKLI KARTLAR
   ========================================================= */

.as-v4365-stats-section,
.as-stats-section,
[data-section="stats"] {
    position: relative !important;
    z-index: 20 !important;
    width: 100% !important;
    min-height: 0 !important;
    margin-top: 30px !important;
    padding:
        0 clamp(18px, 4.8vw, 82px)
        72px !important;
    overflow: visible !important;
    clip-path: none !important;
    background: transparent !important;
}

.as-v4365-stats-section::before,
.as-v4365-stats-section::after,
.as-v4365-stats-shell::before,
.as-v4365-stats-shell::after,
.as-stats-section::before,
.as-stats-section::after,
[data-section="stats"]::before,
[data-section="stats"]::after {
    content: none !important;
    display: none !important;
}

.as-v4365-stats-shell {
    width: min(1400px, 100%) !important;
    min-height: 0 !important;
    margin-inline: auto !important;
    padding: 11px !important;
    overflow: visible !important;
    border: 1px solid rgba(73, 184, 255, .20) !important;
    border-radius: 20px !important;
    background:
        linear-gradient(
            135deg,
            #061c38,
            #0a345f
        ) !important;
    box-shadow:
        0 24px 64px rgba(0, 20, 52, .18) !important;
    clip-path: none !important;
}

.as-v4365-stats-grid {
    width: 100% !important;
    display: grid !important;
    grid-template-columns:
        repeat(4, minmax(0, 1fr)) !important;
    gap: 9px !important;
}

.as-v4365-stat-card {
    position: relative !important;
    min-width: 0 !important;
    min-height: 108px !important;
    display: grid !important;
    grid-template-columns:
        48px minmax(0, 1fr) !important;
    align-items: center !important;
    gap: 13px !important;
    padding: 17px !important;
    overflow: hidden !important;
    border: 1px solid rgba(8, 72, 142, .10) !important;
    border-radius: 14px !important;
    color: #071a39 !important;
    background:
        linear-gradient(
            155deg,
            #ffffff,
            #edf6ff
        ) !important;
    box-shadow:
        0 14px 30px rgba(0, 17, 48, .11) !important;
    opacity: 1 !important;
    visibility: visible !important;
    clip-path: none !important;
}

.as-v4365-stat-card:hover {
    transform: translateY(-4px) !important;
    box-shadow:
        0 22px 44px rgba(0, 49, 108, .16) !important;
}

.as-v4365-stat-icon {
    width: 48px !important;
    height: 48px !important;
    min-width: 48px !important;
    min-height: 48px !important;
    max-width: 48px !important;
    max-height: 48px !important;
    display: grid !important;
    place-items: center !important;
    overflow: hidden !important;
    border-radius: 13px !important;
    color: #ffffff !important;
    background:
        linear-gradient(
            145deg,
            #43d3ff,
            #1268ff
        ) !important;
    box-shadow:
        0 12px 24px rgba(18, 104, 255, .20) !important;
}

.as-v4365-stat-icon svg,
.as-v4365-stat-icon img,
.as-v4365-stat-icon picture {
    width: 22px !important;
    height: 22px !important;
    min-width: 22px !important;
    min-height: 22px !important;
    max-width: 22px !important;
    max-height: 22px !important;
    object-fit: contain !important;
    opacity: 1 !important;
    visibility: visible !important;
}

.as-v4365-stat-copy,
.as-v4365-stat-copy > div {
    min-width: 0 !important;
}

.as-v4365-stat-copy > div {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 7px !important;
}

.as-v4365-stat-copy b {
    color: #071a39 !important;
    font-size: clamp(27px, 2.15vw, 37px) !important;
    line-height: .95 !important;
    opacity: 1 !important;
}

.as-v4365-stat-copy > div span {
    padding: 4px 6px !important;
    border-radius: 5px !important;
    color: #0b79e7 !important;
    background: #e5f2ff !important;
    font-size: 7px !important;
    font-weight: 900 !important;
}

.as-v4365-stat-copy strong {
    display: block !important;
    margin-top: 6px !important;
    color: #0c2447 !important;
    font-size: 11px !important;
    line-height: 1.2 !important;
    opacity: 1 !important;
}

.as-v4365-stat-copy small {
    display: block !important;
    margin-top: 4px !important;
    color: #71849a !important;
    font-size: 8.5px !important;
    line-height: 1.35 !important;
    opacity: 1 !important;
}

.as-v4365-stat-accent {
    right: 15px !important;
    bottom: 0 !important;
    left: 15px !important;
    height: 2px !important;
}

/* Büyük/dekoratif stats şekillerini bastır */
.as-v4365-stats-section .section-shape,
.as-v4365-stats-section .shape-divider,
.as-v4365-stats-section .polygon,
[data-section="stats"] .section-shape,
[data-section="stats"] .shape-divider,
[data-section="stats"] .polygon {
    display: none !important;
}

/* Banner trust ikonları */
.as-v4369-trust-icon {
    width: 24px !important;
    height: 24px !important;
    display: inline-grid !important;
    place-items: center !important;
    flex: 0 0 24px !important;
    overflow: hidden !important;
    border: 1px solid rgba(255, 255, 255, .30) !important;
    border-radius: 7px !important;
    color: #ffffff !important;
    background: rgba(8, 55, 104, .72) !important;
}

.as-v4369-trust-icon svg {
    width: 14px !important;
    height: 14px !important;
    fill: none !important;
    stroke: currentColor !important;
    stroke-width: 1.8 !important;
    stroke-linecap: round !important;
    stroke-linejoin: round !important;
}

/* =========================================================
   TABLET / MOBİL
   ========================================================= */

@media (max-width: 1279px) {
    .as-v4367-desktop-nav,
    .as-v4367-header .as-nav-phone,
    .as-v4367-header .as-theme-toggle,
    .as-v4367-header .as-btn-primary {
        display: none !important;
    }

    .as-v4367-nav {
        width: calc(100% - 28px) !important;
        min-height: 72px !important;
        grid-template-columns:
            minmax(0, 1fr)
            auto !important;
        gap: 16px !important;
    }

    .as-v4367-nav .as-logo img {
        width: 150px !important;
        max-height: 52px !important;
    }

    .as-v4367-mobile-toggle {
        width: 44px !important;
        height: 44px !important;
        display: inline-grid !important;
        place-items: center !important;
        border: 1px solid rgba(138, 201, 241, .22) !important;
        border-radius: 11px !important;
        color: #ffffff !important;
        background: rgba(5, 36, 71, .74) !important;
        font-size: 21px !important;
    }

    .as-v4367-mobile-nav {
        position: fixed !important;
        z-index: 4999 !important;
        top: 72px !important;
        right: 0 !important;
        bottom: 0 !important;
        left: 0 !important;
        width: 100vw !important;
        max-width: 100vw !important;
        height: calc(100dvh - 72px) !important;
        overflow-x: hidden !important;
        overflow-y: auto !important;
        overscroll-behavior: contain !important;
        padding: 12px 14px 28px !important;
        color: #ffffff !important;
        background:
            linear-gradient(
                180deg,
                #031329,
                #06294f
            ) !important;
    }

    .as-v4367-mobile-nav > a,
    .as-v4367-mobile-group > button {
        min-height: 50px !important;
        padding: 13px 9px !important;
        color: #ffffff !important;
        font-size: 12px !important;
    }

    .as-v4367-mobile-group > div {
        width: 100% !important;
        max-width: 100% !important;
        padding: 6px !important;
        overflow: hidden !important;
        border: 1px solid rgba(111, 186, 234, .13) !important;
        border-radius: 10px !important;
        background: rgba(8, 55, 104, .54) !important;
    }

    .as-v4367-mobile-group > div a {
        min-height: 39px !important;
        display: flex !important;
        align-items: center !important;
        padding: 9px 10px !important;
        border-radius: 7px !important;
        color: #bed1e4 !important;
        font-size: 10px !important;
        line-height: 1.3 !important;
    }

    .as-v4367-mobile-group > div a:hover {
        color: #ffffff !important;
        background: rgba(11, 140, 255, .12) !important;
    }

    .as-v4365-stats-grid {
        grid-template-columns:
            repeat(2, minmax(0, 1fr)) !important;
    }
}

@media (max-width: 760px) {
    html,
    body {
        max-width: 100% !important;
        overflow-x: hidden !important;
    }

    .as-v4365-stats-section,
    [data-section="stats"] {
        margin-top: 20px !important;
        padding:
            0 0
            50px !important;
        overflow: hidden !important;
    }

    .as-v4365-stats-shell {
        width: 100% !important;
        padding: 12px 0 12px 12px !important;
        border-right: 0 !important;
        border-left: 0 !important;
        border-radius: 0 !important;
    }

    .as-v4365-stats-grid {
        display: flex !important;
        gap: 10px !important;
        overflow-x: auto !important;
        overflow-y: hidden !important;
        padding-right: 12px !important;
        scroll-snap-type: x mandatory !important;
        scrollbar-width: none !important;
    }

    .as-v4365-stats-grid::-webkit-scrollbar {
        display: none !important;
    }

    .as-v4365-stat-card {
        min-width: min(82vw, 330px) !important;
        min-height: 102px !important;
        flex: 0 0 min(82vw, 330px) !important;
        grid-template-columns:
            44px minmax(0, 1fr) !important;
        gap: 12px !important;
        padding: 15px !important;
        scroll-snap-align: center !important;
    }

    .as-v4365-stat-icon {
        width: 44px !important;
        height: 44px !important;
        min-width: 44px !important;
        min-height: 44px !important;
        max-width: 44px !important;
        max-height: 44px !important;
    }

    .as-v4365-stat-icon svg,
    .as-v4365-stat-icon img {
        width: 20px !important;
        height: 20px !important;
    }

    .as-v4365-stat-copy b {
        font-size: 29px !important;
    }
}