/* Enhanced storefront: loaded after the base theme. */
.reading-progress {
    position: fixed;
    inset: 0 auto auto 0;
    height: 3px;
    width: 0;
    background: linear-gradient(90deg,var(--gold),#eddfb2);
    z-index: 200;
    pointer-events: none
}

.tours-section {
    background: radial-gradient(circle at 95% 2%,#e5eeec 0,transparent 32%),#f8f9f6
}

    .tours-section .section-heading p {
        margin: 4px 0 0;
        color: var(--muted)
    }

.tour-filters {
    display: flex;
    gap: 9px;
    flex-wrap: wrap;
    margin: -5px 0 30px
}

    .tour-filters button {
        border: 1px solid #dce7e5;
        background: #fff;
        color: #516568;
        border-radius: 40px;
        padding: 9px 20px;
        cursor: pointer;
        font-size: 13px;
        font-weight: 700;
        transition: background .2s,color .2s,transform .2s
    }

        .tour-filters button:hover {
            transform: translateY(-2px);
            border-color: var(--teal)
        }

        .tour-filters button.active {
            background: var(--teal-deep);
            border-color: var(--teal-deep);
            color: #fff
        }

.tour-grid {
    align-items: stretch
}

.tour-card {
    display: flex;
    flex-direction: column;
    border: 1px solid #e8eeeb;
    border-radius: 22px;
    box-shadow: 0 14px 40px rgba(6,58,67,.07)
}

    .tour-card[hidden], .tour-filter-empty[hidden] {
        display: none !important
    }

    .tour-card:hover {
        box-shadow: 0 25px 55px rgba(6,58,67,.16);
        transform: translateY(-7px)
    }

.tour-image {
    height: 260px;
    flex: none;
    border-radius: 20px 20px 0 0
}

.tour-image-link {
    display: block;
    width: 100%;
    height: 100%
}

    .tour-image-link img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        transition: transform .7s
    }

.tour-image-shade {
    position: absolute;
    inset: 0;
    pointer-events: none;
    background: linear-gradient(180deg,rgba(1,25,31,.42),transparent 45%,rgba(1,25,31,.8))
}

.tour-topline {
    position: absolute;
    left: 17px;
    right: 17px;
    top: 17px;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 10px;
    pointer-events: none
}

.tour-type, .tour-badge {
    position: static;
    display: inline-flex;
    gap: 7px;
    align-items: center;
    border-radius: 30px;
    box-shadow: 0 8px 25px #0002
}

.tour-type {
    background: #fffffff0;
    color: var(--teal-deep);
    font-size: 11px
}

.tour-badge {
    background: #e8c77d;
    color: #283436;
    font-size: 11px
}

.tour-image-bottom {
    position: absolute;
    left: 18px;
    right: 18px;
    bottom: 17px;
    color: #fff;
    display: flex;
    justify-content: space-between;
    gap: 10px;
    font-size: 12px;
    font-weight: 700;
    pointer-events: none
}

    .tour-image-bottom i {
        color: #e9c774;
        margin-right: 3px
    }

.tour-body {
    flex: 1;
    display: flex;
    flex-direction: column;
    padding: 22px 22px 20px
}

.tour-kicker {
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: .06em;
    font-weight: 800;
    color: var(--teal);
    display: flex;
    align-items: center;
    gap: 7px
}

.tour-body h3 {
    font-size: 21px;
    margin: 10px 0 7px;
    min-height: 55px
}

    .tour-body h3 a:hover {
        color: var(--teal)
    }

.tour-description {
    font-size: 13px;
    line-height: 1.6;
    min-height: 42px;
    margin: 0 0 16px
}

.tour-facts {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 9px;
    padding: 15px 0;
    border-block: 1px solid #e6eeeb;
    margin-top: auto
}

    .tour-facts span {
        display: flex;
        align-items: center;
        gap: 7px;
        font-size: 11px;
        line-height: 1.4;
        color: #536a6e;
        min-width: 0
    }

    .tour-facts i {
        color: var(--teal);
        font-size: 15px;
        flex: none
    }

.tour-facts-wide {
    grid-column: 1/-1
}

.tour-room-prices {
    display: flex;
    gap: 6px;
    overflow-x: auto;
    scrollbar-width: thin;
    padding: 14px 0 2px
}

    .tour-room-prices span {
        white-space: nowrap;
        background: #f1f6f4;
        border: 1px solid #e4eeeb;
        border-radius: 9px;
        padding: 5px 8px;
        display: grid;
        font-size: 10px;
        color: #677b7c
    }

    .tour-room-prices b {
        font-size: 11px;
        color: var(--teal-deep)
    }

.tour-footer {
    align-items: center;
    gap: 12px;
    margin-top: auto
}

    .tour-footer .price {
        line-height: 1.2
    }

        .tour-footer .price b {
            font-size: 23px;
            white-space: nowrap
        }

        .tour-footer .price del {
            font-size: 11px;
            color: #9aacab
        }

.tour-detail-btn {
    background: var(--teal);
    color: #fff;
    border-radius: 12px;
    padding: 11px 13px;
    white-space: nowrap;
    font-size: 11px;
    font-weight: 800;
    display: flex;
    align-items: center;
    gap: 6px;
    transition: background .2s,transform .2s
}

    .tour-detail-btn:hover {
        background: var(--teal-deep);
        transform: translateX(2px)
    }

.tour-empty, .tour-filter-empty {
    text-align: center;
    padding: 45px;
    border: 1px dashed #c9dcd8;
    border-radius: 20px;
    color: var(--muted)
}

    .tour-empty i {
        font-size: 42px;
        color: var(--teal)
    }

    .tour-empty h3 {
        color: var(--ink)
    }

.main-nav a, .nav-dropdown button {
    position: relative
}

.main-nav > a:not(.nav-cta):after {
    content: "";
    position: absolute;
    left: 0;
    right: 100%;
    bottom: -8px;
    height: 2px;
    background: var(--gold);
    transition: right .25s
}

.main-nav > a:not(.nav-cta):hover:after {
    right: 0
}

@media(max-width:720px) {
    .tour-image {
        height: 245px
    }

    .tour-image-bottom {
        font-size: 11px
    }

    .tour-body h3 {
        min-height: 0
    }

    .tour-filters {
        flex-wrap: nowrap;
        overflow-x: auto;
        padding-bottom: 4px;
        scrollbar-width: none
    }

        .tour-filters button {
            flex: none
        }

    .tour-card {
        border-radius: 18px
    }

    .tour-facts {
        gap: 8px
    }

    .tour-detail-btn {
        font-size: 10px;
        padding: 10px
    }

    .tour-footer .price b {
        font-size: 20px
    }

    .main-nav > a:not(.nav-cta):after {
        display: none
    }
}

@media(prefers-reduced-motion:reduce) {
    .tour-card, .tour-image-link img, .tour-filters button {
        transition: none !important
    }
}
/* Menü bağlantısı bölüm başlığını örtmesin */
html {
    scroll-padding-top: 105px;
}

#turlar,
#ozel-umre,
#geri-aran,
#iletisim {
    scroll-margin-top: 105px;
}

/* Tur bölümü */
.sidre-tours {
    padding: 76px 0 86px;
    background: radial-gradient(circle at 95% 5%, rgba(8, 103, 122, .07), transparent 34%), #f7f9f8;
}

    .sidre-tours .container {
        width: min(1180px, calc(100% - 32px));
        max-width: 1180px;
        margin-inline: auto;
    }

.sidre-tours-heading {
    display: flex;
    justify-content: space-between;
    align-items: end;
    gap: 24px;
    margin-bottom: 24px;
}

.sidre-section-label {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    color: #087185;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: .15em;
}

    .sidre-section-label i {
        color: #c7a35a;
        font-size: 15px;
    }

.sidre-tours-heading h2 {
    margin: 9px 0 5px;
    color: #102d35;
    font-size: clamp(27px, 3.2vw, 39px);
    line-height: 1.2;
    letter-spacing: -.035em;
}

.sidre-tours-heading p {
    margin: 0;
    color: #718187;
    font-size: 14px;
}

.sidre-all-tours {
    flex: none;
    color: #07677a;
    font-size: 13px;
    font-weight: 800;
}

    .sidre-all-tours i {
        margin-left: 5px;
    }

.sidre-tour-tabs {
    display: flex;
    gap: 8px;
    margin-bottom: 22px;
}

    .sidre-tour-tabs button {
        display: inline-flex;
        align-items: center;
        gap: 7px;
        padding: 9px 16px;
        border: 1px solid #dce6e5;
        border-radius: 11px;
        background: #fff;
        color: #526a71;
        font-size: 12px;
        font-weight: 700;
        cursor: pointer;
        transition: .2s ease;
    }

        .sidre-tour-tabs button:hover {
            border-color: #087185;
            color: #087185;
        }

        .sidre-tour-tabs button.active {
            background: #075d70;
            border-color: #075d70;
            color: #fff;
            box-shadow: 0 6px 15px rgba(7, 93, 112, .16);
        }

/* Tek tur olduğunda bile üç sütunluk ölçü korunur */
.sidre-tour-grid {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 19px !important;
    align-items: stretch;
}

.sidre-tour-card {
    min-width: 0;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    border: 1px solid #e5ecea;
    border-radius: 17px;
    background: #fff;
    box-shadow: 0 9px 26px rgba(18, 60, 68, .055);
    transition: transform .25s ease, box-shadow .25s ease;
}

    .sidre-tour-card[hidden] {
        display: none !important;
    }

    .sidre-tour-card:hover {
        transform: translateY(-4px);
        box-shadow: 0 18px 40px rgba(18, 60, 68, .12);
    }

.sidre-tour-photo {
    height: 190px;
    min-height: 190px;
    position: relative;
    display: block;
    overflow: hidden;
    background: #d9e5e4;
}

    .sidre-tour-photo::after {
        content: "";
        position: absolute;
        inset: 45% 0 0;
        background: linear-gradient(transparent, rgba(0, 29, 35, .35));
        pointer-events: none;
    }

    .sidre-tour-photo img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        transition: transform .4s ease;
    }

.sidre-tour-card:hover .sidre-tour-photo img {
    transform: scale(1.045);
}

.sidre-tour-category,
.sidre-tour-badge {
    position: absolute;
    top: 13px;
    z-index: 2;
    padding: 6px 10px;
    border-radius: 7px;
    font-size: 10px;
    font-weight: 800;
    line-height: 1.3;
}

.sidre-tour-category {
    left: 13px;
    color: #075d70;
    background: #fff;
}

.sidre-tour-badge {
    right: 13px;
    color: #21373a;
    background: #eacb84;
}

.sidre-tour-content {
    flex: 1;
    display: flex;
    flex-direction: column;
    padding: 17px 18px 16px;
}

.sidre-tour-date {
    display: flex;
    flex-wrap: wrap;
    gap: 7px 15px;
    color: #647b80;
    font-size: 11px;
    font-weight: 700;
}

    .sidre-tour-date i {
        margin-right: 4px;
        color: #087185;
    }

.sidre-tour-content h3 {
    margin: 11px 0 5px;
    color: #12343d;
    font-size: 18px;
    line-height: 1.35;
    font-weight: 800;
}

    .sidre-tour-content h3 a:hover {
        color: #087185;
    }

.sidre-tour-summary {
    min-height: 0;
    margin: 0 0 13px;
    color: #718187;
    font-size: 12px;
    line-height: 1.5;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.sidre-tour-details {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    gap: 10px 12px;
    margin-top: auto;
    padding: 13px 0;
    border-top: 1px solid #edf1f0;
    border-bottom: 1px solid #edf1f0;
}

    .sidre-tour-details > div {
        min-width: 0;
        display: flex;
        align-items: flex-start;
        gap: 7px;
    }

        .sidre-tour-details > div > i {
            flex: none;
            color: #087185;
            font-size: 14px;
            line-height: 1.4;
        }

    .sidre-tour-details span {
        min-width: 0;
        color: #334e55;
        font-size: 11px;
        line-height: 1.35;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .sidre-tour-details small {
        display: block;
        margin-bottom: 2px;
        color: #91a1a3;
        font-size: 9px;
        font-weight: 800;
        letter-spacing: .07em;
    }

    .sidre-tour-details .bi-arrow-right-short {
        font-size: 13px;
    }

.sidre-room-line {
    display: flex;
    gap: 7px;
    align-items: center;
    min-width: 0;
    margin-top: 11px;
    color: #647b80;
    font-size: 10px;
}

    .sidre-room-line > i {
        flex: none;
        color: #087185;
        font-size: 14px;
    }

    .sidre-room-line > span {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

.sidre-tour-bottom {
    display: flex;
    justify-content: space-between;
    align-items: end;
    gap: 10px;
    margin-top: 14px;
}

.sidre-tour-price small {
    display: block;
    color: #8c9b9d;
    font-size: 9px;
    font-weight: 800;
    letter-spacing: .065em;
}

.sidre-tour-price strong {
    display: block;
    color: #075d70;
    font-size: 22px;
    line-height: 1.15;
    white-space: nowrap;
}

    .sidre-tour-price strong span {
        font-size: 11px;
    }

.sidre-tour-button {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 9px 11px;
    border-radius: 9px;
    background: #075d70;
    color: #fff;
    font-size: 11px;
    font-weight: 800;
    white-space: nowrap;
}

    .sidre-tour-button:hover {
        background: #043f4d;
        color: #fff;
    }

.sidre-tours-empty,
.sidre-filter-empty {
    padding: 35px;
    border: 1px dashed #cbdcda;
    border-radius: 16px;
    text-align: center;
    color: #6e8286;
}

    .sidre-tours-empty i {
        color: #087185;
        font-size: 30px;
    }

    .sidre-filter-empty[hidden] {
        display: none !important;
    }

@media (max-width: 1050px) {
    .sidre-tour-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
}

@media (max-width: 680px) {
    .sidre-tours {
        padding: 56px 0;
    }

    .sidre-tours-heading {
        display: block;
    }

    .sidre-all-tours {
        display: inline-block;
        margin-top: 13px;
    }

    .sidre-tour-tabs {
        overflow-x: auto;
        padding-bottom: 5px;
    }

        .sidre-tour-tabs button {
            flex: none;
        }

    .sidre-tour-grid {
        grid-template-columns: minmax(0, 1fr) !important;
    }

    .sidre-tour-photo {
        height: 200px;
    }
}
/* TUR KARTI — OKUNABİLİRLİK DÜZELTMESİ */
.sidre-tour-card {
    color: #142735;
    font-family: "Manrope", "DM Sans", Arial, sans-serif;
}

.sidre-tour-content {
    padding: 19px 20px 18px;
}

.sidre-tour-category {
    color: #143d4a;
    font-size: 12px;
    font-weight: 800;
}

.sidre-tour-date {
    color: #314e5a;
    font-size: 12px;
    font-weight: 700;
}

    .sidre-tour-date i {
        color: #087185;
        font-size: 14px;
    }

.sidre-tour-content h3 {
    margin: 12px 0 7px;
    color: #102637;
    font-family: "Manrope", Arial, sans-serif;
    font-size: 21px;
    font-weight: 800;
    line-height: 1.32;
    letter-spacing: -.025em;
}

    .sidre-tour-content h3 a {
        color: inherit;
    }

.sidre-tour-summary {
    color: #465b64;
    font-size: 13px;
    font-weight: 500;
    line-height: 1.55;
}

.sidre-tour-details {
    gap: 14px 12px;
    padding: 15px 0;
}

    .sidre-tour-details > div > i {
        color: #086d80;
        font-size: 17px;
    }

    .sidre-tour-details small {
        margin-bottom: 4px;
        color: #627781;
        font-size: 10px;
        font-weight: 800;
        letter-spacing: .045em;
    }

    .sidre-tour-details span {
        color: #142d3a;
        font-size: 12px;
        font-weight: 800;
        line-height: 1.4;
    }

        .sidre-tour-details span .bi-arrow-right-short {
            color: #b88b35;
            font-size: 15px;
        }

.sidre-room-line {
    margin-top: 13px;
    color: #263f4b;
    font-size: 11px;
    font-weight: 700;
}

    .sidre-room-line > i {
        color: #087185;
        font-size: 16px;
    }

.sidre-tour-price small {
    margin-bottom: 4px;
    color: #536a74;
    font-size: 10px;
    font-weight: 800;
}

.sidre-tour-price strong {
    color: #0b3445;
    font-family: "Manrope", Arial, sans-serif;
    font-size: 25px;
    font-weight: 800;
}

    .sidre-tour-price strong span {
        font-size: 13px;
        font-weight: 800;
    }

.sidre-tour-button {
    padding: 11px 15px;
    background: #075d70;
    font-size: 12px;
    font-weight: 800;
}

.sidre-tour-actions {
    display: flex;
    align-items: center;
    gap: 7px;
}

    .sidre-tour-actions .sidre-tour-button,
    .sidre-tour-whatsapp {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        gap: 6px;
        min-height: 38px;
        padding: 8px 10px;
        border-radius: 9px;
        font-size: 11px;
        font-weight: 800;
        white-space: nowrap;
    }

.sidre-tour-whatsapp {
    background: #e8f7ee;
    color: #137c42;
}

    .sidre-tour-whatsapp:hover {
        background: #d3f0df;
        color: #0d6032;
    }
/* Tur kartının altı: fiyat üstte, butonlar altta */
.sidre-tour-card .sidre-tour-bottom {
    display: grid;
    grid-template-columns: 1fr;
    gap: 14px;
    margin-top: 16px;
    align-items: stretch;
}

.sidre-tour-card .sidre-tour-price {
    min-width: 0;
}

    .sidre-tour-card .sidre-tour-price small {
        white-space: normal;
        font-size: 10px;
        line-height: 1.4;
    }

.sidre-tour-card .sidre-tour-actions {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 9px;
    width: 100%;
}

    .sidre-tour-card .sidre-tour-actions .sidre-tour-button,
    .sidre-tour-card .sidre-tour-actions .sidre-tour-whatsapp {
        width: 100%;
        min-width: 0;
        min-height: 42px;
        padding: 9px 6px;
        justify-content: center;
        text-align: center;
        font-size: 11px;
    }
/* Otel adını kesmeden, en fazla iki satır göster */
.sidre-tour-details .sidre-hotel-detail {
    align-items: flex-start;
}

    .sidre-tour-details .sidre-hotel-detail span {
        min-width: 0;
        overflow: visible;
        white-space: normal;
    }

    .sidre-tour-details .sidre-hotel-detail strong {
        display: -webkit-box;
        overflow: hidden;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        color: #142d3a;
        font-size: 12px;
        font-weight: 800;
        line-height: 1.4;
        white-space: normal;
    }

.sidre-about-strip {
    padding: 28px 0;
    background: #f1f7f7;
}

.sidre-about-strip-inner {
    display: flex;
    align-items: center;
    gap: 22px;
}

    .sidre-about-strip-inner > img {
        width: 88px;
        height: 88px;
        flex: none;
        border-radius: 15px;
        object-fit: cover;
    }

.sidre-about-strip-content {
    min-width: 0;
    flex: 1;
}

    .sidre-about-strip-content > span {
        color: #0b667a;
        font-size: 10px;
        font-weight: 800;
        letter-spacing: .12em;
    }

    .sidre-about-strip-content h2 {
        margin: 4px 0 5px;
        color: #173642;
        font-size: clamp(20px, 2vw, 27px);
        line-height: 1.2;
    }

    .sidre-about-strip-content p {
        max-width: 700px;
        margin: 0;
        color: #5d737c;
        font-size: 13px;
        line-height: 1.55;
    }

.sidre-about-strip-inner > a {
    display: inline-flex;
    flex: none;
    align-items: center;
    gap: 8px;
    padding: 10px 14px;
    border: 1px solid #c9dfe3;
    border-radius: 9px;
    color: #0a5d71;
    font-size: 12px;
    font-weight: 800;
    text-decoration: none;
}

    .sidre-about-strip-inner > a:hover {
        background: #e4f0f2;
        color: #084c5e;
    }

@media (max-width: 650px) {
    .sidre-about-strip {
        padding: 23px 0;
    }

    .sidre-about-strip-inner {
        flex-wrap: wrap;
        gap: 12px;
    }

        .sidre-about-strip-inner > img {
            width: 62px;
            height: 62px;
        }

    .sidre-about-strip-content {
        flex-basis: calc(100% - 74px);
    }

        .sidre-about-strip-content h2 {
            font-size: 18px;
        }

        .sidre-about-strip-content p {
            font-size: 12px;
        }

    .sidre-about-strip-inner > a {
        margin-left: 74px;
    }
}

.sidre-discovery {
    padding: 34px 0 48px;
    background: #f8fbfa;
}

.sidre-discovery-search {
    padding: 23px 26px;
    border: 1px solid #e0eaed;
    border-radius: 20px;
    background: #fff;
    box-shadow: 0 15px 35px rgba(22, 54, 65, .045);
}

.sidre-discovery-title {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 21px;
}

.sidre-discovery-title-icon {
    display: grid;
    width: 36px;
    height: 36px;
    place-items: center;
    border-radius: 11px;
    background: #e9f5f6;
    color: #0b6479;
    font-size: 17px;
}

.sidre-discovery-title div > span {
    color: #638089;
    font-size: 10px;
    font-weight: 800;
    letter-spacing: .1em;
}

.sidre-discovery-title h2 {
    margin: 2px 0 0;
    color: #173744;
    font-size: 19px;
    font-weight: 850;
}

.sidre-discovery-fields {
    display: grid;
    grid-template-columns: minmax(240px, 1fr) minmax(360px, 1.2fr) 160px;
    gap: 24px;
    align-items: end;
}

.sidre-months {
    min-width: 0;
    margin: 0;
    padding: 0;
    border: 0;
}

    .sidre-months legend,
    .sidre-discovery-selects label > span {
        margin-bottom: 10px;
        color: #4c6470;
        font-size: 12px;
        font-weight: 800;
    }

        .sidre-months legend i,
        .sidre-discovery-selects label > span i {
            margin-right: 5px;
            color: #0c6b7e;
        }

.sidre-month-options {
    display: flex;
    gap: 7px;
    overflow-x: auto;
}

    .sidre-month-options label {
        position: relative;
        flex: none;
        cursor: pointer;
    }

    .sidre-month-options input {
        position: absolute;
        opacity: 0;
    }

    .sidre-month-options label > span {
        display: grid;
        min-width: 52px;
        height: 43px;
        place-items: center;
        padding: 0 10px;
        border: 1px solid #e1e9ec;
        border-radius: 10px;
        background: #f6f9fb;
        color: #405b68;
        font-size: 12px;
        font-weight: 800;
        text-transform: capitalize;
    }

    .sidre-month-options input:checked + span {
        border-color: #0d6578;
        background: #0d6578;
        color: #fff;
    }

    .sidre-month-options input:focus-visible + span {
        outline: 3px solid rgba(13, 101, 120, .25);
        outline-offset: 2px;
    }

.sidre-discovery-selects {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
}

    .sidre-discovery-selects label {
        display: grid;
        min-width: 0;
    }

    .sidre-discovery-selects select {
        width: 100%;
        height: 43px;
        padding: 0 11px;
        border: 1px solid #dbe6eb;
        border-radius: 10px;
        background: #fff;
        color: #334e5a;
        font: inherit;
        font-size: 12px;
        font-weight: 700;
    }

.sidre-discovery-fields > button {
    display: flex;
    height: 43px;
    align-items: center;
    justify-content: center;
    gap: 8px;
    border: 0;
    border-radius: 10px;
    background: #0c6075;
    color: #fff;
    font: inherit;
    font-size: 12px;
    font-weight: 800;
    cursor: pointer;
}

    .sidre-discovery-fields > button:hover {
        background: #084d60;
    }

.sidre-discovery-cards {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 15px;
    margin-top: 18px;
}

.sidre-discovery-card {
    display: flex;
    align-items: center;
    gap: 17px;
    min-height: 145px;
    padding: 21px;
    border: 1px solid #dce9eb;
    border-radius: 17px;
    background: #fff;
    text-decoration: none;
    transition: transform .2s, box-shadow .2s;
}

    .sidre-discovery-card:hover {
        transform: translateY(-3px);
        box-shadow: 0 14px 28px rgba(20, 52, 63, .075);
    }

.sidre-discovery-card-icon {
    display: grid;
    width: 57px;
    height: 57px;
    flex: none;
    place-items: center;
    border-radius: 16px;
    background: #e9f7f5;
    color: #08756d;
    font-size: 24px;
}

.sidre-discovery-card > div {
    min-width: 0;
}

.sidre-discovery-card small {
    color: #0d7480;
    font-size: 10px;
    font-weight: 800;
}

.sidre-discovery-card h3 {
    margin: 5px 0;
    color: #163541;
    font-size: clamp(17px, 2vw, 21px);
    font-weight: 850;
}

.sidre-discovery-card p {
    overflow: hidden;
    margin: 0 0 9px;
    color: #647b84;
    font-size: 12px;
    line-height: 1.5;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.sidre-discovery-card strong {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: #0b6476;
    font-size: 12px;
}

.sidre-discovery-card-culture .sidre-discovery-card-icon {
    background: #edf2ff;
    color: #3a5c9d;
}

.sidre-discovery-card-economy .sidre-discovery-card-icon {
    background: #eaf8f6;
}

.sidre-discovery-card-custom {
    border-color: #dce5df;
    background: #f8fbf8;
}

    .sidre-discovery-card-custom .sidre-discovery-card-icon {
        background: #e8f2e9;
        color: #307151;
    }

@media (max-width: 950px) {
    .sidre-discovery-fields {
        grid-template-columns: 1fr 1fr;
    }

        .sidre-discovery-fields > button {
            grid-column: 1 / -1;
        }
}

@media (max-width: 650px) {
    .sidre-discovery-search {
        padding: 17px;
    }

    .sidre-discovery-fields,
    .sidre-discovery-selects,
    .sidre-discovery-cards {
        grid-template-columns: 1fr;
    }

    .sidre-discovery-fields {
        gap: 16px;
    }

        .sidre-discovery-fields > button {
            grid-column: auto;
        }

    .sidre-discovery-card {
        min-height: 120px;
        padding: 16px;
    }

        .sidre-discovery-card p {
            white-space: normal;
        }
}

.sidre-explore {
    padding: 26px 0 47px;
    background: #f8fbfa;
}

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

.sidre-explore-filter {
    display: flex;
    min-height: 70px;
    align-items: center;
    gap: 15px;
    padding: 12px 15px;
    border: 1px solid #dce8eb;
    border-radius: 15px;
    background: #fff;
    box-shadow: 0 9px 28px rgba(21, 56, 68, .045);
}

.sidre-explore-filter-heading {
    display: flex;
    flex: none;
    align-items: center;
    gap: 9px;
    padding-right: 4px;
    color: #143e4d;
    font-size: 13px;
    font-weight: 850;
    white-space: nowrap;
}

    .sidre-explore-filter-heading i {
        display: grid;
        width: 33px;
        height: 33px;
        place-items: center;
        border-radius: 9px;
        background: #e9f5f6;
        color: #0b6a7b;
        font-size: 16px;
    }

.sidre-explore-months {
    display: flex;
    min-width: 0;
    flex: 1;
    gap: 5px;
    overflow-x: auto;
    scrollbar-width: thin;
}

    .sidre-explore-months button {
        flex: none;
        min-height: 36px;
        padding: 0 11px;
        border: 1px solid transparent;
        border-radius: 8px;
        background: transparent;
        color: #627984;
        font: inherit;
        font-size: 11px;
        font-weight: 800;
        cursor: pointer;
        text-transform: capitalize;
        white-space: nowrap;
    }

        .sidre-explore-months button:hover {
            background: #edf5f6;
            color: #0b6175;
        }

        .sidre-explore-months button.active {
            border-color: #cde4e8;
            background: #eaf5f7;
            color: #0b5f72;
        }

        .sidre-explore-months button:focus-visible,
        .sidre-explore-submit:focus-visible,
        .sidre-explore-tile:focus-visible {
            outline: 3px solid rgba(12, 96, 117, .3);
            outline-offset: 3px;
        }

.sidre-explore-separator {
    width: 1px;
    height: 32px;
    flex: none;
    background: #e3ebed;
}

.sidre-explore-select {
    display: flex;
    flex: none;
    align-items: center;
    gap: 7px;
    color: #627984;
    font-size: 11px;
    font-weight: 800;
}

    .sidre-explore-select select {
        width: 121px;
        height: 38px;
        padding: 0 8px;
        border: 1px solid #dce7e9;
        border-radius: 8px;
        background: #fff;
        color: #284b58;
        font: inherit;
        font-size: 11px;
        font-weight: 750;
    }

.sidre-explore-submit {
    display: inline-flex;
    height: 39px;
    flex: none;
    align-items: center;
    justify-content: center;
    gap: 7px;
    padding: 0 14px;
    border: 0;
    border-radius: 9px;
    background: #0c6075;
    color: #fff;
    font: inherit;
    font-size: 11px;
    font-weight: 800;
    cursor: pointer;
    white-space: nowrap;
}

    .sidre-explore-submit:hover {
        background: #094c5f;
    }

.sidre-explore-heading {
    display: flex;
    align-items: end;
    justify-content: space-between;
    gap: 16px;
    margin: 28px 0 15px;
}

    .sidre-explore-heading span {
        color: #0c7180;
        font-size: 10px;
        font-weight: 850;
        letter-spacing: .12em;
    }

    .sidre-explore-heading h2 {
        margin: 4px 0 0;
        color: #173642;
        font-size: clamp(22px, 2.6vw, 32px);
        font-weight: 850;
        letter-spacing: -.035em;
    }

    .sidre-explore-heading > a {
        flex: none;
        color: #0b6075;
        font-size: 12px;
        font-weight: 800;
        text-decoration: none;
    }

.sidre-explore-grid {
    display: grid;
    grid-template-columns: 1.25fr 1fr 1fr;
    grid-template-rows: repeat(2, 158px);
    gap: 13px;
}

.sidre-explore-tile {
    position: relative;
    display: flex;
    overflow: hidden;
    align-items: end;
    min-width: 0;
    padding: 19px;
    border: 1px solid transparent;
    border-radius: 15px;
    color: #fff;
    text-decoration: none;
    isolation: isolate;
    transition: transform .2s ease, box-shadow .2s ease;
}

    .sidre-explore-tile:hover {
        transform: translateY(-3px);
        box-shadow: 0 14px 27px rgba(14, 49, 59, .13);
        color: #fff;
    }

    .sidre-explore-tile > img {
        position: absolute;
        z-index: -2;
        inset: 0;
        width: 100%;
        height: 100%;
        object-fit: cover;
        transition: transform .35s ease;
    }

    .sidre-explore-tile:hover > img {
        transform: scale(1.04);
    }

    .sidre-explore-tile::before {
        position: absolute;
        z-index: -1;
        inset: 0;
        background: linear-gradient( 0deg, rgba(5, 31, 41, .91), rgba(5, 31, 41, .44) 67%, rgba(5, 31, 41, .25) );
        content: "";
    }

.sidre-explore-tile-content {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    width: 100%;
}

    .sidre-explore-tile-content > small {
        display: inline-flex;
        align-items: center;
        gap: 6px;
        margin-bottom: 7px;
        color: #c5edf0;
        font-size: 10px;
        font-weight: 850;
        letter-spacing: .06em;
    }

    .sidre-explore-tile-content > strong {
        color: #fff;
        font-size: clamp(18px, 2vw, 25px);
        font-weight: 850;
        line-height: 1.13;
    }

    .sidre-explore-tile-content > span {
        display: inline-flex;
        align-items: center;
        gap: 7px;
        margin-top: 13px;
        color: #fff;
        font-size: 11px;
        font-weight: 800;
    }

.sidre-explore-tile-premium {
    grid-row: 1 / 3;
    background: #0c4351;
}

    .sidre-explore-tile-premium .sidre-explore-tile-content > strong {
        font-size: clamp(25px, 2.8vw, 37px);
    }

.sidre-explore-tile-culture {
    grid-column: 2 / 4;
    background: #27496b;
}

.sidre-explore-tile-economy {
    background: #106f73;
}

.sidre-explore-tile-custom {
    background: #123e50;
}

.sidre-explore-decoration {
    position: absolute;
    right: -14px;
    bottom: -48px;
    color: rgba(255, 255, 255, .1);
    font-size: 165px;
    line-height: 1;
    pointer-events: none;
}

@media (max-width: 1100px) {
    .sidre-explore-filter {
        flex-wrap: wrap;
    }

    .sidre-explore-months {
        min-width: 240px;
    }

    .sidre-explore-separator {
        display: none;
    }
}

@media (max-width: 700px) {
    .sidre-explore {
        padding: 17px 0 34px;
    }

    .sidre-explore-filter {
        gap: 9px;
        padding: 11px;
    }

    .sidre-explore-filter-heading {
        width: 100%;
    }

    .sidre-explore-months {
        flex-basis: 100%;
    }

    .sidre-explore-select {
        flex: 1;
    }

        .sidre-explore-select select {
            width: 100%;
        }

    .sidre-explore-submit {
        width: 100%;
    }

    .sidre-explore-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        grid-template-rows: 195px 158px;
        gap: 9px;
    }

    .sidre-explore-tile {
        padding: 14px;
    }

    .sidre-explore-tile-premium {
        grid-column: 1;
        grid-row: 1;
    }

    .sidre-explore-tile-culture {
        grid-column: 2;
        grid-row: 1;
    }

    .sidre-explore-tile-economy,
    .sidre-explore-tile-custom {
        grid-row: 2;
    }

    .sidre-explore-tile-premium .sidre-explore-tile-content > strong,
    .sidre-explore-tile-content > strong {
        font-size: 17px;
    }

    .sidre-explore-tile-content > small {
        font-size: 8px;
    }

    .sidre-explore-tile-content > span {
        margin-top: 9px;
        font-size: 10px;
    }
}

@media (max-width: 390px) {
    .sidre-explore-grid {
        grid-template-columns: 1fr;
        grid-template-rows: repeat(4, 155px);
    }

    .sidre-explore-tile-premium,
    .sidre-explore-tile-culture,
    .sidre-explore-tile-economy,
    .sidre-explore-tile-custom {
        grid-column: 1;
        grid-row: auto;
    }
}

@media (prefers-reduced-motion: reduce) {
    .sidre-explore-tile,
    .sidre-explore-tile > img {
        transition: none;
    }
}

.topbar {
    background: #0c303a;
    color: #fff;
    font-size: 12px;
}

.topbar-main,
.topbar-contact,
.topbar-right,
.topbar-socials,
.topbar-company-inner {
    display: flex;
    align-items: center;
}

.topbar-main {
    justify-content: space-between;
    gap: 20px;
    min-height: 38px;
}

.topbar-contact,
.topbar-right {
    gap: 22px;
}

    .topbar-contact a,
    .topbar-socials a {
        color: inherit;
        text-decoration: none;
    }

    .topbar-contact a,
    .topbar-hours {
        display: inline-flex;
        align-items: center;
        gap: 7px;
        white-space: nowrap;
    }

.topbar i {
    font-size: 14px;
}

.topbar-socials {
    gap: 4px;
}

    .topbar-socials a {
        display: grid;
        place-items: center;
        width: 28px;
        height: 28px;
        border-radius: 7px;
        transition: background .2s ease;
    }

        .topbar-contact a:hover,
        .topbar-socials a:hover {
            color: #a9e1e8;
        }

        .topbar-socials a:hover {
            background: rgba(255, 255, 255, .1);
        }

.topbar-company {
    border-top: 1px solid rgba(255, 255, 255, .1);
    background: #102f38;
}

.topbar-company-inner {
    justify-content: space-between;
    gap: 16px;
    min-height: 27px;
    color: #c4d6da;
    font-size: 10px;
    letter-spacing: .01em;
}

@media (max-width: 1100px) {
    .topbar-main {
        flex-wrap: wrap;
        justify-content: center;
        padding-top: 7px;
        padding-bottom: 7px;
    }

    .topbar-contact,
    .topbar-right {
        flex-wrap: wrap;
        justify-content: center;
        gap: 8px 18px;
    }
}

@media (max-width: 600px) {
    .topbar-contact a[href^="mailto:"],
    .topbar-hours {
        display: none;
    }

    .topbar-main {
        gap: 5px;
    }

    .topbar-contact {
        gap: 6px 13px;
        font-size: 11px;
    }

    .topbar-company-inner {
        justify-content: center;
        flex-wrap: wrap;
        gap: 2px 10px;
        padding: 6px 0;
        text-align: center;
    }
}

.topbar-company {
    border-top: 1px solid rgba(255, 255, 255, .14);
    background: #123640;
}

.topbar-company-inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    min-height: 38px;
    padding-top: 7px;
    padding-bottom: 7px;
    color: #fff;
    font-size: 13px;
    font-weight: 600;
    line-height: 1.4;
    letter-spacing: 0;
}

@media (max-width: 600px) {
    .topbar-company-inner {
        flex-direction: column;
        gap: 4px;
        padding-top: 9px;
        padding-bottom: 9px;
        font-size: 12px;
        text-align: center;
    }
}

.sidre-numbers {
    padding: 38px 0;
    background: #edf5f5;
}

.sidre-numbers-inner {
    display: grid;
    grid-template-columns: 1.45fr repeat(4, 1fr);
    align-items: center;
    gap: 20px;
}

.sidre-numbers-heading small {
    display: block;
    margin-bottom: 7px;
    color: #087185;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: .14em;
}

.sidre-numbers-heading strong {
    color: #17323d;
    font-size: 19px;
    line-height: 1.35;
}

.sidre-number {
    display: flex;
    align-items: center;
    gap: 12px;
    min-width: 0;
    padding-left: 20px;
    border-left: 1px solid #cfdddd;
}

    .sidre-number > i {
        flex: none;
        display: grid;
        place-items: center;
        width: 38px;
        height: 38px;
        border-radius: 11px;
        background: #fff;
        color: #087185;
        font-size: 18px;
    }

    .sidre-number b,
    .sidre-number span {
        display: block;
    }

    .sidre-number b {
        color: #123e4b;
        font-family: Manrope, sans-serif;
        font-size: 24px;
        font-weight: 800;
        line-height: 1.15;
    }

    .sidre-number span {
        margin-top: 3px;
        color: #63777d;
        font-size: 12px;
        white-space: nowrap;
    }

@media (max-width: 1100px) {
    .sidre-numbers-inner {
        grid-template-columns: repeat(4, 1fr);
    }

    .sidre-numbers-heading {
        grid-column: 1 / -1;
    }

        .sidre-numbers-heading strong br {
            display: none;
        }

    .sidre-number:first-of-type {
        padding-left: 0;
        border-left: 0;
    }
}

@media (max-width: 650px) {
    .sidre-numbers {
        padding: 28px 0;
    }

    .sidre-numbers-inner {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 20px 12px;
    }

    .sidre-number {
        padding-left: 0;
        border-left: 0;
    }

        .sidre-number > i {
            width: 34px;
            height: 34px;
        }

        .sidre-number b {
            font-size: 21px;
        }

        .sidre-number span {
            font-size: 11px;
            white-space: normal;
        }
}

.special-cta-content {
    display: grid;
    gap: 18px;
    margin: 28px 0;
}

.special-cta-item {
    display: flex;
    align-items: flex-start;
    gap: 14px;
}

    .special-cta-item > i {
        width: 42px;
        height: 42px;
        flex: 0 0 42px;
        display: grid;
        place-items: center;
        border-radius: 12px;
        background: rgba(8, 103, 122, .08);
        color: #08677a;
        font-size: 18px;
    }

    .special-cta-item span {
        display: flex;
        flex-direction: column;
        gap: 3px;
    }

    .special-cta-item strong {
        font-size: 15px;
        line-height: 1.35;
    }

    .special-cta-item small {
        color: #68747a;
        line-height: 1.5;
    }
/* =========================================================
   SERVICES MEGA MENU
   ========================================================= */

.nav-services {
    position: relative;
}

    .nav-services .services-menu {
        width: 680px;
        padding: 14px;
        display: grid;
        grid-template-columns: 1.35fr .85fr;
        gap: 14px;
        left: 50%;
        transform: translateX(-50%) translateY(10px);
        border: 1px solid rgba(16, 37, 42, .10);
        border-radius: 18px;
        background: rgba(255, 255, 255, .98);
        box-shadow: 0 30px 80px rgba(16, 37, 42, .16);
        backdrop-filter: blur(18px);
    }

    .nav-services:hover .services-menu,
    .nav-services.open .services-menu {
        transform: translateX(-50%) translateY(0);
    }


/* SOL TARAF */

.services-menu-main {
    padding: 4px;
}

.services-menu-featured {
    display: grid !important;
    grid-template-columns: 48px 1fr auto;
    gap: 13px;
    align-items: center;
    padding: 16px !important;
    border-radius: 14px;
    background: linear-gradient( 135deg, #08677a, #075262 );
    color: #fff !important;
}

    .services-menu-featured:hover {
        background: linear-gradient( 135deg, #075c6d, #043f4b ) !important;
    }

.services-menu-icon {
    width: 46px;
    height: 46px;
    display: grid;
    place-items: center;
    border-radius: 13px;
    background: rgba(255, 255, 255, .12);
    font-size: 20px;
}

.services-menu-featured strong,
.services-menu-featured small {
    display: block;
}

.services-menu-featured strong {
    font-family: "Manrope", sans-serif;
    font-size: 15px;
}

.services-menu-featured small {
    margin-top: 3px;
    color: rgba(255, 255, 255, .66);
    font-size: 10px;
    line-height: 1.5;
}


/* VİZE LİNKLERİ */

.services-visa-links {
    display: grid;
    gap: 3px;
    margin-top: 8px;
}

    .services-visa-links > a {
        min-height: 44px;
        display: flex !important;
        align-items: center;
        justify-content: space-between;
        padding: 8px 10px !important;
        border-radius: 9px;
        color: #34494e !important;
    }

        .services-visa-links > a:hover {
            background: #f4f1e9 !important;
        }

        .services-visa-links > a > span {
            display: flex;
            align-items: center;
            gap: 9px;
        }

        .services-visa-links > a i {
            width: 28px;
            height: 28px;
            display: grid;
            place-items: center;
            border-radius: 8px;
            color: #08677a;
            background: rgba(8, 103, 122, .08);
        }

    .services-visa-links small {
        color: #8a9698;
        font-size: 9px;
    }

    .services-visa-links em {
        padding: 4px 7px;
        border-radius: 999px;
        color: #08677a;
        background: rgba(8, 103, 122, .09);
        font-size: 8px;
        font-weight: 800;
        font-style: normal;
        white-space: nowrap;
    }


/* SAĞ TARAF */

.services-menu-side {
    display: grid;
    align-content: start;
    gap: 8px;
    padding: 4px;
    border-left: 1px solid rgba(16, 37, 42, .08);
}

.services-side-card {
    display: grid !important;
    grid-template-columns: 36px 1fr auto;
    gap: 10px;
    align-items: center;
    padding: 13px !important;
    border-radius: 12px;
    color: #203a40 !important;
    background: #f7f5ef;
}

    .services-side-card:hover {
        background: #eeebe2 !important;
    }

    .services-side-card > i:first-child {
        width: 36px;
        height: 36px;
        display: grid;
        place-items: center;
        border-radius: 10px;
        color: #fff;
        background: #08677a;
    }

    .services-side-card strong,
    .services-side-card small {
        display: block;
    }

    .services-side-card strong {
        font-size: 12px;
    }

    .services-side-card small {
        margin-top: 2px;
        color: #7e8a8d;
        font-size: 9px;
        line-height: 1.4;
    }

    .services-side-card > i:last-child {
        color: #8b9799;
        font-size: 12px;
    }


/* BİZE ULAŞIN */

.services-side-help {
    display: grid !important;
    grid-template-columns: 32px 1fr;
    gap: 10px;
    align-items: center;
    margin-top: 4px;
    padding: 13px !important;
    border-radius: 12px;
    color: #fff !important;
    background: #172f34;
}

    .services-side-help i {
        width: 32px;
        height: 32px;
        display: grid;
        place-items: center;
        border-radius: 50%;
        color: #172f34;
        background: #d4b574;
    }

    .services-side-help small,
    .services-side-help strong {
        display: block;
    }

    .services-side-help small {
        color: rgba(255,255,255,.55);
        font-size: 8px;
    }

    .services-side-help strong {
        margin-top: 2px;
        color: #fff;
        font-size: 11px;
    }


/* MOBILE */

@media (max-width: 991px) {

    .nav-services .services-menu {
        width: 100%;
        grid-template-columns: 1fr;
        left: auto;
        transform: none !important;
        border: 0;
        border-radius: 0;
        box-shadow: none;
    }

    .services-menu-side {
        border-left: 0;
        border-top: 1px solid rgba(16, 37, 42, .08);
        padding-top: 10px;
    }
}
/* =========================================================
   SERVICES MEGA MENU - FIX
   ========================================================= */

.nav-services {
    position: relative;
}

    /* NORMALDE KAPALI */
    .nav-services > .services-menu {
        position: absolute;
        top: 100%;
        left: 50%;
        width: 680px;
        padding: 14px;
        grid-template-columns: 1.35fr .85fr;
        gap: 14px;
        /* EN ÖNEMLİ KISIM */
        display: none;
        transform: translateX(-50%);
        border: 1px solid rgba(16, 37, 42, .10);
        border-radius: 18px;
        background: rgba(255, 255, 255, .98);
        box-shadow: 0 30px 80px rgba(16, 37, 42, .16);
        backdrop-filter: blur(18px);
        z-index: 9999;
    }


/* =========================================================
   DESKTOP
   Sadece üzerine gelince aç
   ========================================================= */

@media (min-width: 992px) {

    .nav-services:hover > .services-menu,
    .nav-services:focus-within > .services-menu {
        display: grid;
    }
}


/* =========================================================
   MOBILE
   Burada .open kullanılabilir
   ========================================================= */

@media (max-width: 991.98px) {

    .nav-services > .services-menu {
        position: static;
        width: 100%;
        left: auto;
        top: auto;
        transform: none;
        grid-template-columns: 1fr;
        padding: 10px 0 0;
        border: 0;
        border-radius: 0;
        background: transparent;
        box-shadow: none;
        backdrop-filter: none;
    }

    .nav-services.open > .services-menu {
        display: grid;
    }

    .services-menu-side {
        border-left: 0 !important;
        border-top: 1px solid rgba(16, 37, 42, .08);
        padding-top: 10px;
    }
}

/* =========================================================
   MOBILE NAV - TEK VE TEMİZ SÜRÜM
   ========================================================= */

@media (max-width: 991.98px) {

    .site-header {
        position: relative !important;
        z-index: 2000 !important;
        overflow: visible !important;
        background: #fff;
    }

        .site-header .nav-wrap {
            position: relative !important;
            width: 100%;
            min-height: 72px;
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 12px;
            padding: 0 16px !important;
            overflow: visible !important;
        }

        .site-header .brand {
            min-width: 0;
            max-width: calc(100% - 62px);
            display: flex;
            align-items: center;
            gap: 7px;
        }

        .site-header .brand-mark {
            width: auto !important;
            height: 40px !important;
            max-width: 56px !important;
            object-fit: contain;
        }

        .site-header .brand-name-image {
            width: auto !important;
            height: 28px !important;
            max-width: 160px !important;
            object-fit: contain;
        }

        /* HAMBURGER */
        .site-header .nav-toggle {
            position: absolute !important;
            top: 50% !important;
            right: 16px !important;
            z-index: 3002 !important;
            width: 42px !important;
            height: 42px !important;
            margin: 0 !important;
            padding: 0 !important;
            display: inline-flex !important;
            visibility: visible !important;
            opacity: 1 !important;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            gap: 5px;
            border: 1px solid #dce7e5 !important;
            border-radius: 10px !important;
            background: #fff !important;
            box-shadow: none !important;
            transform: translateY(-50%) !important;
            cursor: pointer;
        }

            .site-header .nav-toggle span {
                width: 21px !important;
                height: 2px !important;
                display: block !important;
                flex: none;
                margin: 0 !important;
                border: 0 !important;
                border-radius: 99px;
                background: #123d46 !important;
                opacity: 1;
                transform: none;
                transition: transform .22s ease, opacity .18s ease;
            }

            .site-header .nav-toggle[aria-expanded="true"] span:nth-child(1) {
                transform: translateY(7px) rotate(45deg);
            }

            .site-header .nav-toggle[aria-expanded="true"] span:nth-child(2) {
                opacity: 0;
            }

            .site-header .nav-toggle[aria-expanded="true"] span:nth-child(3) {
                transform: translateY(-7px) rotate(-45deg);
            }

        /* MENÜ - eski opacity/visibility/max-height değerlerini sıfırla */
        .site-header .main-nav {
            position: absolute !important;
            top: calc(100% + 1px) !important;
            left: 12px !important;
            right: 12px !important;
            z-index: 3001 !important;
            width: auto !important;
            height: auto !important;
            max-height: calc(100dvh - 190px) !important;
            margin: 0 !important;
            padding: 10px !important;
            display: none !important;
            flex-direction: column !important;
            align-items: stretch !important;
            justify-content: flex-start !important;
            gap: 2px !important;
            overflow-x: hidden !important;
            overflow-y: auto !important;
            border: 1px solid #dfe8e7 !important;
            border-radius: 0 0 16px 16px !important;
            background: #fff !important;
            box-shadow: 0 22px 50px rgba(11, 53, 62, .18) !important;
            opacity: 1 !important;
            visibility: visible !important;
            pointer-events: auto !important;
            transform: none !important;
            transition: none !important;
        }

            .site-header .main-nav.open,
            .site-header .nav-toggle[aria-expanded="true"] + .main-nav {
                display: flex !important;
            }

            .site-header .main-nav > a:not(.nav-cta) {
                width: 100%;
                min-height: 48px !important;
                display: flex !important;
                align-items: center;
                justify-content: flex-start !important;
                padding: 0 12px !important;
                border-bottom: 1px solid #edf2f1;
                border-radius: 8px;
                color: #173d45 !important;
                background: transparent !important;
                font-size: 13px !important;
                font-weight: 700 !important;
                text-decoration: none;
            }

        .site-header .nav-dropdown {
            width: 100%;
            display: block !important;
            border-bottom: 1px solid #edf2f1;
        }

            .site-header .nav-dropdown > button {
                width: 100%;
                min-height: 48px !important;
                display: flex !important;
                align-items: center;
                justify-content: space-between !important;
                padding: 0 12px !important;
                border: 0 !important;
                border-radius: 8px !important;
                background: transparent !important;
                color: #173d45 !important;
                font-family: inherit;
                font-size: 13px !important;
                font-weight: 700 !important;
                text-align: left;
                cursor: pointer;
            }

                .site-header .nav-dropdown > button i {
                    transition: transform .2s ease;
                }

            .site-header .nav-dropdown.open > button i {
                transform: rotate(180deg);
            }

            .site-header .nav-dropdown > .dropdown-menu {
                position: static !important;
                inset: auto !important;
                width: 100% !important;
                min-width: 0 !important;
                max-width: none !important;
                display: none !important;
                margin: 0 0 7px !important;
                padding: 3px 6px 7px 16px !important;
                border: 0 !important;
                border-radius: 0 !important;
                background: transparent !important;
                box-shadow: none !important;
                opacity: 1 !important;
                visibility: visible !important;
                pointer-events: auto !important;
                transform: none !important;
            }

            .site-header .nav-dropdown.open > .dropdown-menu {
                display: block !important;
            }

            .site-header .nav-dropdown > .dropdown-menu a {
                width: 100%;
                min-height: 39px;
                display: flex;
                align-items: center;
                gap: 8px;
                padding: 0 10px !important;
                border-radius: 7px;
                color: #61767b !important;
                font-size: 11px !important;
                font-weight: 600 !important;
            }

        .site-header .main-nav .nav-cta {
            width: 100% !important;
            min-height: 46px !important;
            display: flex !important;
            align-items: center;
            justify-content: center;
            margin: 10px 0 0 !important;
            padding: 0 16px !important;
            border-radius: 10px !important;
            background: #087184 !important;
            color: #fff !important;
            font-size: 12px !important;
            font-weight: 800 !important;
        }

    body.nav-open {
        overflow: hidden;
    }

        body.nav-open .sidre-contact-float {
            opacity: 0 !important;
            visibility: hidden !important;
            pointer-events: none !important;
        }
}
/* =========================================================
   MOBILE MENU - FINAL HOTFIX
   ========================================================= */

@media (max-width: 991.98px) {

    #siteHeader {
        position: relative !important;
        z-index: 999999 !important;
        overflow: visible !important;
    }

        #siteHeader .nav-wrap {
            position: relative !important;
            overflow: visible !important;
        }


    /* ANA MOBİL MENÜ */
    #mainNav {
        position: absolute !important;
        top: calc(100% + 1px) !important;
        left: 12px !important;
        right: 12px !important;
        width: auto !important;
        height: auto !important;
        min-height: 0 !important;
        max-height: calc(100vh - 170px) !important;
        margin: 0 !important;
        padding: 10px !important;
        display: none !important;
        flex-direction: column !important;
        align-items: stretch !important;
        justify-content: flex-start !important;
        gap: 2px !important;
        overflow-x: hidden !important;
        overflow-y: auto !important;
        opacity: 1 !important;
        visibility: visible !important;
        pointer-events: auto !important;
        transform: none !important;
        translate: none !important;
        clip-path: none !important;
        background: #fff !important;
        border: 1px solid #dfe8e7 !important;
        border-radius: 0 0 16px 16px !important;
        box-shadow: 0 22px 50px rgba(11, 53, 62, .20) !important;
        z-index: 1000000 !important;
    }


        /* MENÜ AÇIK */
        #mainNav.open {
            display: flex !important;
        }


            /* =========================================================
       ESKİ DESKTOP STİLLERİNİ TAMAMEN EZ
       ========================================================= */

            #mainNav.open > a,
            #mainNav.open > .nav-dropdown {
                position: static !important;
                inset: auto !important;
                float: none !important;
                opacity: 1 !important;
                visibility: visible !important;
                pointer-events: auto !important;
                transform: none !important;
                translate: none !important;
                clip-path: none !important;
                margin: 0 !important;
            }


            /* NORMAL MENÜ LİNKLERİ */
            #mainNav.open > a {
                width: 100% !important;
                min-height: 48px !important;
                display: flex !important;
                align-items: center !important;
                justify-content: flex-start !important;
                padding: 0 12px !important;
                color: #173d45 !important;
                background: transparent !important;
                border: 0 !important;
                border-bottom: 1px solid #edf2f1 !important;
                border-radius: 8px !important;
                font-size: 13px !important;
                font-weight: 700 !important;
                text-decoration: none !important;
            }


            /* DROPDOWN ANA SATIRI */
            #mainNav.open > .nav-dropdown {
                display: block !important;
                width: 100% !important;
                height: auto !important;
                min-height: 0 !important;
                max-height: none !important;
                overflow: visible !important;
                border-bottom: 1px solid #edf2f1 !important;
            }


        #mainNav .nav-dropdown > button {
            position: static !important;
            width: 100% !important;
            min-height: 48px !important;
            display: flex !important;
            align-items: center !important;
            justify-content: space-between !important;
            padding: 0 12px !important;
            margin: 0 !important;
            border: 0 !important;
            border-radius: 8px !important;
            background: transparent !important;
            color: #173d45 !important;
            opacity: 1 !important;
            visibility: visible !important;
            font-family: inherit !important;
            font-size: 13px !important;
            font-weight: 700 !important;
            cursor: pointer !important;
        }


        /* ALT MENÜLER NORMALDE KAPALI */
        #mainNav .nav-dropdown > .dropdown-menu {
            position: static !important;
            inset: auto !important;
            width: 100% !important;
            min-width: 0 !important;
            max-width: none !important;
            height: auto !important;
            display: none !important;
            margin: 0 0 7px !important;
            padding: 4px 6px 7px 16px !important;
            border: 0 !important;
            border-radius: 0 !important;
            background: transparent !important;
            box-shadow: none !important;
            opacity: 1 !important;
            visibility: visible !important;
            pointer-events: auto !important;
            transform: none !important;
            translate: none !important;
            clip-path: none !important;
        }


        /* TIKLANDIĞINDA ALT MENÜYÜ AÇ */
        #mainNav .nav-dropdown.open > .dropdown-menu {
            display: block !important;
        }


        #mainNav .dropdown-menu a {
            position: static !important;
            width: 100% !important;
            min-height: 40px !important;
            display: flex !important;
            align-items: center !important;
            gap: 8px !important;
            padding: 0 10px !important;
            opacity: 1 !important;
            visibility: visible !important;
            color: #5f7479 !important;
            font-size: 12px !important;
            font-weight: 600 !important;
            transform: none !important;
        }


        /* SİZİ ARAYALIM */
        #mainNav.open > .nav-cta {
            display: flex !important;
            justify-content: center !important;
            align-items: center !important;
            gap: 7px !important;
            min-height: 46px !important;
            margin-top: 10px !important;
            border: 0 !important;
            background: #087184 !important;
            color: #fff !important;
        }


    /* HAMBURGER ÜSTTE KALSIN */
    .nav-toggle {
        z-index: 1000001 !important;
    }


    body.nav-open {
        overflow: hidden !important;
    }
}
/* =========================================================
   SIDRE MOBILE MENU
   ========================================================= */

@media (max-width: 991.98px) {

    .site-header {
        position: relative !important;
        z-index: 5000 !important;
        overflow: visible !important;
    }

        .site-header .nav-wrap {
            position: relative !important;
            overflow: visible !important;
        }


    /* HAMBURGER */
    .nav-toggle {
        position: relative !important;
        z-index: 5002 !important;
        width: 42px !important;
        height: 42px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        border: 1px solid #dfe8e8 !important;
        border-radius: 11px !important;
        background: #fff !important;
        box-shadow: 0 3px 10px rgba(7, 72, 84, .05) !important;
    }


    /* =====================================================
       ANA MENÜ
       ===================================================== */

    #mainNav {
        position: absolute !important;
        top: calc(100% + 1px) !important;
        left: 0 !important;
        right: 0 !important;
        width: 100% !important;
        height: auto !important;
        min-height: 0 !important;
        max-height: calc(100vh - 210px) !important;
        margin: 0 !important;
        padding: 10px 16px 16px !important;
        display: none !important;
        flex-direction: column !important;
        align-items: stretch !important;
        gap: 0 !important;
        overflow-y: auto !important;
        overflow-x: hidden !important;
        background: rgba(255, 255, 255, .985) !important;
        border-top: 1px solid #eef2f2 !important;
        border-bottom: 1px solid #dde8e8 !important;
        border-radius: 0 0 18px 18px !important;
        box-shadow: 0 18px 38px rgba(10, 55, 65, .14) !important;
        opacity: 1 !important;
        visibility: visible !important;
        transform: none !important;
        z-index: 5001 !important;
    }


        #mainNav.open {
            display: flex !important;
        }


        /* =====================================================
       ANA LİNKLER
       ===================================================== */

        #mainNav > a,
        #mainNav > .nav-dropdown {
            position: relative !important;
            width: 100% !important;
            opacity: 1 !important;
            visibility: visible !important;
            transform: none !important;
        }


        #mainNav > a {
            min-height: 47px !important;
            display: flex !important;
            align-items: center !important;
            padding: 0 12px !important;
            color: #173b44 !important;
            background: transparent !important;
            border: 0 !important;
            border-bottom: 1px solid #edf2f2 !important;
            border-radius: 8px !important;
            font-size: 13px !important;
            font-weight: 700 !important;
            text-decoration: none !important;
        }


            #mainNav > a:hover {
                background: #f5f9f8 !important;
                color: #087185 !important;
            }


        /* =====================================================
       DROPDOWN
       ===================================================== */

        #mainNav > .nav-dropdown {
            display: block !important;
            height: auto !important;
            border-bottom: 1px solid #edf2f2 !important;
            overflow: visible !important;
        }


            #mainNav > .nav-dropdown > button {
                width: 100% !important;
                min-height: 47px !important;
                display: flex !important;
                align-items: center !important;
                justify-content: space-between !important;
                padding: 0 12px !important;
                border: 0 !important;
                background: transparent !important;
                color: #173b44 !important;
                font-family: inherit !important;
                font-size: 13px !important;
                font-weight: 700 !important;
                cursor: pointer !important;
            }


                #mainNav > .nav-dropdown > button i {
                    font-size: 11px !important;
                    transition: transform .2s ease !important;
                }


            #mainNav > .nav-dropdown.open > button i {
                transform: rotate(180deg) !important;
            }


        /* ALT MENÜ */
        #mainNav .dropdown-menu {
            position: static !important;
            display: none !important;
            width: 100% !important;
            min-width: 0 !important;
            margin: 0 0 8px !important;
            padding: 5px 7px !important;
            border: 0 !important;
            border-radius: 10px !important;
            background: #f5f8f8 !important;
            box-shadow: none !important;
            opacity: 1 !important;
            visibility: visible !important;
            transform: none !important;
        }


        #mainNav .nav-dropdown.open > .dropdown-menu {
            display: block !important;
        }


        #mainNav .dropdown-menu a {
            min-height: 39px !important;
            display: flex !important;
            align-items: center !important;
            gap: 8px !important;
            padding: 0 11px !important;
            border-radius: 7px !important;
            color: #506970 !important;
            font-size: 12px !important;
            font-weight: 600 !important;
        }


            #mainNav .dropdown-menu a:hover {
                background: #fff !important;
                color: #087185 !important;
            }


        /* =====================================================
       CTA
       ===================================================== */

        #mainNav > .nav-cta {
            min-height: 46px !important;
            justify-content: center !important;
            gap: 8px !important;
            margin-top: 12px !important;
            border: 0 !important;
            border-radius: 10px !important;
            background: #087185 !important;
            color: #fff !important;
            box-shadow: 0 7px 18px rgba(8, 113, 133, .16) !important;
        }


            #mainNav > .nav-cta:hover {
                background: #075f70 !important;
                color: #fff !important;
            }


    /* Sayfa kaymasın */
    body.nav-open {
        overflow: hidden !important;
    }
}
/* =========================================================
   SIDRE MOBILE NAV
   ========================================================= */

/* MASAÜSTÜNDE MOBİL MENÜ KESİNLİKLE GÖRÜNMEZ */
.mobile-nav-toggle,
.sidre-mobile-nav {
    display: none !important;
}


@media (max-width: 991.98px) {

    /* Desktop menü mobilde kapanır */
    #mainNav {
        display: none !important;
    }

    .site-header {
        position: relative !important;
        z-index: 5000 !important;
        overflow: visible !important;
        background: #fff;
    }

        .site-header .nav-wrap {
            position: relative !important;
            min-height: 72px;
            display: flex;
            align-items: center;
            justify-content: space-between;
            overflow: visible !important;
        }


        /* LOGO */
        .site-header .brand {
            min-width: 0;
            max-width: calc(100% - 60px);
        }


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

    .mobile-nav-toggle {
        width: 42px !important;
        height: 42px !important;
        display: flex !important;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: 5px;
        padding: 0;
        border: 1px solid #dce7e5;
        border-radius: 11px;
        background: #fff;
        cursor: pointer;
        position: relative;
        z-index: 5002;
    }

        .mobile-nav-toggle span {
            display: block;
            width: 21px;
            height: 2px;
            margin: 0;
            border-radius: 50px;
            background: #123d46;
            transition: transform .2s ease, opacity .2s ease;
        }

        .mobile-nav-toggle[aria-expanded="true"] span:nth-child(1) {
            transform: translateY(7px) rotate(45deg);
        }

        .mobile-nav-toggle[aria-expanded="true"] span:nth-child(2) {
            opacity: 0;
        }

        .mobile-nav-toggle[aria-expanded="true"] span:nth-child(3) {
            transform: translateY(-7px) rotate(-45deg);
        }


    /* =====================================================
       MOBİL MENÜ
       ===================================================== */

    .sidre-mobile-nav {
        position: absolute !important;
        top: calc(100% + 1px);
        left: 12px;
        right: 12px;
        width: auto;
        display: none !important;
        flex-direction: column;
        max-height: calc(100vh - 190px);
        padding: 9px 12px 14px;
        overflow-y: auto;
        overflow-x: hidden;
        background: #fff;
        border: 1px solid #e2e9e8;
        border-top: 0;
        border-radius: 0 0 15px 15px;
        box-shadow: 0 18px 42px rgba(8, 52, 62, .16);
        z-index: 5001;
    }

        .sidre-mobile-nav.is-open {
            display: flex !important;
        }


        /* Ana menü satırları */

        .sidre-mobile-nav > a,
        .mobile-nav-dropdown > button {
            width: 100%;
            min-height: 47px;
            display: flex;
            align-items: center;
            margin: 0;
            padding: 0 12px;
            border: 0;
            border-bottom: 1px solid #edf2f1;
            background: transparent;
            color: #173d45;
            font-family: inherit;
            font-size: 13px;
            font-weight: 700;
            text-decoration: none;
            text-align: left;
        }


    /* DROPDOWN */

    .mobile-nav-dropdown {
        width: 100%;
    }

        .mobile-nav-dropdown > button {
            justify-content: space-between;
            cursor: pointer;
        }

            .mobile-nav-dropdown > button i {
                font-size: 11px;
                transition: transform .2s ease;
            }

        .mobile-nav-dropdown.is-open > button i {
            transform: rotate(180deg);
        }


    /* Alt menü */

    .mobile-nav-submenu {
        display: none;
        margin: 4px 0 7px;
        padding: 5px;
        border-radius: 9px;
        background: #f4f8f7;
    }

    .mobile-nav-dropdown.is-open > .mobile-nav-submenu {
        display: block;
    }

    .mobile-nav-submenu a {
        width: 100%;
        min-height: 39px;
        display: flex;
        align-items: center;
        gap: 8px;
        padding: 0 11px;
        border-radius: 7px;
        color: #586e74;
        font-size: 12px;
        font-weight: 600;
        text-decoration: none;
    }

        .mobile-nav-submenu a:hover {
            background: #fff;
            color: #087184;
        }


    /* CTA */

    .sidre-mobile-nav > .mobile-nav-cta {
        min-height: 45px;
        justify-content: center;
        gap: 7px;
        margin-top: 10px;
        border: 0;
        border-radius: 9px;
        background: #087184;
        color: #fff;
    }


    body.mobile-menu-open {
        overflow: hidden;
    }

        body.mobile-menu-open .sidre-contact-float {
            opacity: 0 !important;
            visibility: hidden !important;
            pointer-events: none !important;
        }
}