.tour-search,.tour-search *{box-sizing:border-box}
.tour-search form,.tour-form-grid,.tour-field,.tour-field-control{width:100%;min-width:0}
.tour-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:end}
.tour-field{display:flex;flex-direction:column}
.tour-field-control{position:relative;display:flex;align-items:center;width:100%;height:58px;min-height:58px;max-height:58px;overflow:hidden}
.tour-field-control>select,.tour-field-control>input:not([type="hidden"]){display:block;width:100%;height:100%;min-width:0;margin:0;padding-block:0;padding-inline:48px 42px;border:0;outline:0;color:inherit;font:inherit;line-height:normal;background:transparent;appearance:none;-webkit-appearance:none}
.tour-field-control>input[type="date"]{padding-inline-end:16px}
.tour-field-control>input[type="date"]::-webkit-calendar-picker-indicator{margin:0;cursor:pointer}
.tour-field-icon{position:absolute;inset-inline-start:17px;top:50%;z-index:2;display:inline-flex;width:20px;height:20px;align-items:center;justify-content:center;pointer-events:none;transform:translateY(-50%)}
.tour-people-control{display:grid;grid-template-columns:40px minmax(0,1fr) 40px;gap:8px;align-items:center;padding:8px;overflow:hidden}
.tour-people-btn{position:static;display:inline-flex;width:40px;min-width:40px;max-width:40px;height:40px;min-height:40px;max-height:40px;margin:0;padding:0;align-items:center;justify-content:center;flex:0 0 40px;border-radius:inherit;font:inherit;line-height:1;cursor:pointer}
.tour-people-btn:disabled{cursor:not-allowed;opacity:.45}
.tour-people-value{display:flex;min-width:0;height:40px;align-items:center;justify-content:center;gap:5px;overflow:hidden;white-space:nowrap;text-align:center}
.tour-people-value strong,.tour-people-value span{margin:0;line-height:1}
.tour-people-control>input[type="hidden"]{display:none!important}
.tour-search-submit{width:100%;min-height:58px}
@media(max-width:767px){.tour-form-grid{grid-template-columns:minmax(0,1fr)}.tour-field-control{height:56px;min-height:56px;max-height:56px}.tour-search-submit{min-height:56px}}
@media(max-width:390px){.tour-people-control{grid-template-columns:38px minmax(0,1fr) 38px;gap:6px}.tour-people-btn{width:38px;min-width:38px;max-width:38px;height:38px;min-height:38px;max-height:38px;flex-basis:38px}}

/* Popüler Turlar: mevcut tasarım dilini koruyan üretim düzeltmeleri */
#populer-turlar .tour-cards{align-items:stretch}
#populer-turlar .tour-card-clean{display:flex;min-width:0;height:100%;flex-direction:column;overflow:hidden;transition:transform .28s ease,box-shadow .28s ease,border-color .28s ease}
#populer-turlar .tour-card-clean:hover{transform:translateY(-5px)}
#populer-turlar .tour-card-media-link{display:block;color:inherit;text-decoration:none}
#populer-turlar .tour-card-image{position:relative;overflow:hidden}
#populer-turlar .tour-card-image img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .42s ease}
#populer-turlar .tour-card-clean:hover .tour-card-image img{transform:scale(1.035)}
#populer-turlar .tour-card-badge{display:inline-flex;align-items:center;gap:7px}
#populer-turlar .tour-card-body{display:flex;min-width:0;flex:1 1 auto;flex-direction:column}
#populer-turlar .tour-card-copy{min-width:0}
#populer-turlar .tour-card-copy h3{margin-bottom:7px}
#populer-turlar .tour-location{display:flex;min-width:0;align-items:center;gap:7px}
#populer-turlar .tour-meta{display:flex;flex-wrap:wrap;gap:10px 14px}
#populer-turlar .tour-meta span{display:inline-flex;align-items:center;gap:5px;white-space:nowrap}
#populer-turlar .tour-meta i{font-style:normal}
#populer-turlar .tour-card-bottom{display:flex;margin-top:auto;flex-direction:column;gap:12px}
#populer-turlar .tour-price{display:flex;align-items:baseline;justify-content:space-between;gap:12px}
#populer-turlar .tour-price span,#populer-turlar .tour-price strong{white-space:nowrap}
#populer-turlar .tour-price strong{line-height:1}
#populer-turlar .tour-card-actions{display:grid;grid-template-columns:minmax(0,1fr) 46px;gap:10px}
#populer-turlar .tour-card-actions .main,#populer-turlar .tour-card-actions .wa{display:inline-flex;min-height:46px;align-items:center;justify-content:center;text-decoration:none}
#populer-turlar .tour-card-actions .main{gap:8px}
#populer-turlar .tour-card-actions .main span:last-child{font-size:1.35em;line-height:1;transition:transform .2s ease}
#populer-turlar .tour-card-actions .main:hover span:last-child{transform:translateX(3px)}
#populer-turlar .tour-card-actions .wa{width:46px;min-width:46px}
#populer-turlar .tour-filter button{transition:transform .2s ease,background-color .2s ease,border-color .2s ease,color .2s ease}
#populer-turlar .tour-filter button:hover{transform:translateY(-1px)}
#populer-turlar .tour-help-cta{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:20px}
#populer-turlar .tour-help-copy{min-width:0}
#populer-turlar .tour-help-cta .cta-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:10px}
#populer-turlar .tour-help-cta .cta-actions .tour-btn{min-width:158px;justify-content:center}
@media(max-width:991px){
#populer-turlar .tour-help-cta{grid-template-columns:auto minmax(0,1fr)}
#populer-turlar .tour-help-cta .cta-actions{grid-column:1/-1;justify-content:flex-start}
}
@media(max-width:640px){
#populer-turlar .tour-filter{display:flex;overflow-x:auto;overscroll-behavior-inline:contain;scrollbar-width:none;-webkit-overflow-scrolling:touch}
#populer-turlar .tour-filter::-webkit-scrollbar{display:none}
#populer-turlar .tour-filter button{flex:0 0 auto}
#populer-turlar .tour-meta{gap:8px 10px}
#populer-turlar .tour-help-cta{grid-template-columns:1fr;text-align:center}
#populer-turlar .tour-help-cta .cta-icon{margin-inline:auto}
#populer-turlar .tour-help-cta .cta-actions{display:grid;grid-template-columns:1fr;width:100%}
#populer-turlar .tour-help-cta .cta-actions .tour-btn{width:100%;min-width:0}
}
@media(prefers-reduced-motion:reduce){
#populer-turlar .tour-card-clean,#populer-turlar .tour-card-image img,#populer-turlar .tour-filter button,#populer-turlar .tour-card-actions .main span:last-child{transition:none}
#populer-turlar .tour-card-clean:hover,#populer-turlar .tour-card-clean:hover .tour-card-image img,#populer-turlar .tour-filter button:hover{transform:none}
}


/* Misafir Yorumları — scoped production düzeni */
#misafir-yorumlari {
    padding: 58px 0 64px;
    background:
        radial-gradient(circle at 82% 18%, rgba(56,216,229,.07), transparent 28%),
        linear-gradient(180deg,#f7fbfd 0%,#f2f8fb 100%);
}

#misafir-yorumlari > .tour-wrap {
    width: min(1340px, calc(100% - 48px));
    margin-inline: auto;
}

#misafir-yorumlari .tour-reviews-head {
    margin-bottom: 28px;
}

#misafir-yorumlari .tour-reviews-head .tour-kicker {
    display: block;
    margin: 0 0 6px;
    color: #17859a;
    font-size: 14px;
    font-weight: 800;
    letter-spacing: .07em;
    text-transform: uppercase;
}

#misafir-yorumlari .tour-reviews-head h2 {
    margin: 0;
    color: #07152d;
    font-size: clamp(30px,2.3vw,42px);
    font-weight: 900;
    letter-spacing: -.035em;
    line-height: 1.08;
}

#misafir-yorumlari .tour-reviews-head p {
    margin: 7px 0 0;
    color: #52657a;
    font-size: 16px;
}

#misafir-yorumlari .reviews-layout {
    display: grid;
    grid-template-columns: minmax(0,1.55fr) minmax(360px,.85fr);
    gap: 24px;
    align-items: stretch;
}

#misafir-yorumlari .review-cards {
    display: grid;
    grid-template-columns: repeat(3,minmax(0,1fr));
    gap: 16px;
}

#misafir-yorumlari .review-card {
    display: flex;
    min-width: 0;
    min-height: 0;
    flex-direction: column;
    padding: 24px 20px 20px;
    border: 1px solid rgba(26,167,194,.42);
    border-radius: 18px;
    background: #fff;
    box-shadow: 0 18px 42px rgba(9,38,61,.10);
}

#misafir-yorumlari .review-card-top {
    display: flex;
    align-items: center;
    gap: 14px;
}

#misafir-yorumlari .review-avatar {
    display: grid;
    flex: 0 0 64px;
    width: 64px;
    height: 64px;
    place-items: center;
    border-radius: 50%;
    background: linear-gradient(135deg,#b5e5e5,#f5d6a8);
    color: #07314d;
    font-size: 28px;
    font-weight: 900;
}

#misafir-yorumlari .review-person {
    min-width: 0;
}

#misafir-yorumlari .review-person h3 {
    margin: 0 0 5px;
    color: #07152d;
    font-size: 18px;
    font-weight: 900;
}

#misafir-yorumlari .review-tour {
    color: #0799b4;
    font-size: 13px;
    font-weight: 800;
    line-height: 1.35;
}

#misafir-yorumlari .stars {
    margin: 18px 0 12px;
    color: #ff634b;
    font-size: 20px;
    letter-spacing: .08em;
}

#misafir-yorumlari blockquote {
    margin: 0;
}

#misafir-yorumlari blockquote p {
    margin: 0;
    color: #34495e;
    font-size: 14px;
    line-height: 1.65;
}

#misafir-yorumlari .review-verified {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    width: fit-content;
    margin-top: auto;
    padding-top: 18px;
    color: #0e5369;
    font-size: 12px;
    font-weight: 750;
}

#misafir-yorumlari .review-verified span {
    display: grid;
    width: 20px;
    height: 20px;
    place-items: center;
    border-radius: 50%;
    background: #e7fbfd;
    color: #0a9ab2;
}

#misafir-yorumlari .review-gallery {
    display: grid;
    grid-template-columns: repeat(2,minmax(0,1fr));
    grid-template-rows: 1.35fr .9fr;
    gap: 12px;
    min-width: 0;
}

#misafir-yorumlari .review-gallery figure {
    position: relative;
    min-height: 0;
    margin: 0;
    overflow: hidden;
    border: 1px solid rgba(26,167,194,.38);
    border-radius: 16px;
    background: #08243b;
}

#misafir-yorumlari .review-gallery-featured {
    grid-column: 1 / -1;
}

#misafir-yorumlari .review-gallery img {
    position: absolute;
    inset: -1px;
    display: block;
    width: calc(100% + 2px);
    height: calc(100% + 2px);
    max-width: none;
    object-fit: cover;
    object-position: center center;
    transform: scale(1.02);
}

#misafir-yorumlari .review-share-cta {
    display: grid;
    grid-template-columns: auto minmax(0,1fr) auto;
    align-items: center;
    gap: 20px;
    margin-top: 24px;
    padding: 24px 28px;
    border: 1px solid rgba(86,222,235,.52);
    border-radius: 18px;
    background: linear-gradient(115deg,#021b3a 0%,#064b6e 55%,#0c8299 100%);
    color: #fff;
    box-shadow: 0 20px 42px rgba(6,51,81,.16);
}

#misafir-yorumlari .review-share-cta .cta-icon {
    display: grid;
    width: 66px;
    height: 66px;
    place-items: center;
    border: 2px solid #53ebef;
    border-radius: 50%;
    background: rgba(2,27,52,.48);
    font-size: 28px;
}

#misafir-yorumlari .review-share-copy h3 {
    margin: 0;
    color: #fff;
    font-size: clamp(23px,2vw,32px);
    font-weight: 900;
}

#misafir-yorumlari .review-share-copy p {
    margin: 5px 0 0;
    color: rgba(241,252,255,.9);
    font-size: 14px;
}

#misafir-yorumlari .review-share-cta .cta-actions {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 10px;
}

#misafir-yorumlari .review-share-cta .tour-btn {
    display: inline-flex;
    min-width: 150px;
    min-height: 48px;
    align-items: center;
    justify-content: center;
    padding: 0 18px;
    border-radius: 10px;
    font-size: 13px;
    font-weight: 850;
    text-decoration: none;
}

#misafir-yorumlari .review-share-cta .tour-btn-light {
    border: 1px solid rgba(225,250,252,.72);
    background: rgba(3,31,56,.28);
    color: #fff;
}

#misafir-yorumlari .review-share-cta .tour-btn-primary {
    border: 1px solid #ff6b50;
    background: linear-gradient(135deg,#ff6d4e,#ff5540);
    color: #fff;
}

@media (max-width: 1100px) {
    #misafir-yorumlari > .tour-wrap {
        width: min(100% - 38px, 980px);
    }

    #misafir-yorumlari .reviews-layout {
        grid-template-columns: 1fr;
    }

    #misafir-yorumlari .review-gallery {
        min-height: 430px;
    }
}

@media (max-width: 760px) {
    #misafir-yorumlari {
        padding: 42px 0 48px;
    }

    #misafir-yorumlari > .tour-wrap {
        width: min(100% - 26px, 620px);
    }

    #misafir-yorumlari .review-cards {
        grid-template-columns: 1fr;
    }

    #misafir-yorumlari .review-card {
        padding: 20px 18px;
    }

    #misafir-yorumlari .review-gallery {
        grid-template-columns: 1fr;
        grid-template-rows: repeat(3,220px);
        min-height: 0;
    }

    #misafir-yorumlari .review-gallery-featured {
        grid-column: auto;
    }

    #misafir-yorumlari .review-share-cta {
        grid-template-columns: 1fr;
        text-align: center;
        padding: 22px 18px;
    }

    #misafir-yorumlari .review-share-cta .cta-icon {
        margin-inline: auto;
    }

    #misafir-yorumlari .review-share-cta .cta-actions {
        display: grid;
        grid-template-columns: 1fr;
        width: 100%;
    }

    #misafir-yorumlari .review-share-cta .tour-btn {
        width: 100%;
        min-width: 0;
    }
}


/* 3 Adımda Kolay Rezervasyon — scoped production düzeni */
#kolay-rezervasyon {
    position: relative;
    padding: 58px 0 66px;
    background:
        radial-gradient(circle at 18% 16%, rgba(56,216,229,.07), transparent 28%),
        linear-gradient(180deg,#f6fbfd 0%,#f1f7fa 100%);
}

#kolay-rezervasyon > .tour-wrap {
    width: min(1340px, calc(100% - 48px));
    margin-inline: auto;
}

#kolay-rezervasyon .tour-steps-head {
    margin-bottom: 30px;
}

#kolay-rezervasyon .tour-steps-head .tour-kicker {
    display: block;
    margin: 0 0 6px;
    color: #17859a;
    font-size: 14px;
    font-weight: 800;
    letter-spacing: .07em;
    text-transform: uppercase;
}

#kolay-rezervasyon .tour-steps-head h2 {
    margin: 0;
    color: #07152d;
    font-size: clamp(30px,2.3vw,42px);
    font-weight: 900;
    letter-spacing: -.035em;
    line-height: 1.08;
}

#kolay-rezervasyon .tour-steps-head p {
    max-width: 720px;
    margin: 7px 0 0;
    color: #52657a;
    font-size: 16px;
    line-height: 1.55;
}

#kolay-rezervasyon .steps-grid {
    display: grid;
    grid-template-columns: repeat(3,minmax(0,1fr));
    gap: 22px;
    align-items: stretch;
}

#kolay-rezervasyon .step-card {
    position: relative;
    display: flex;
    min-width: 0;
    height: 100%;
    flex-direction: column;
    overflow: visible;
    border: 1px solid rgba(26,167,194,.42);
    border-radius: 18px;
    background: #fff;
    box-shadow: 0 18px 42px rgba(9,38,61,.11);
    transition: transform .28s ease, box-shadow .28s ease, border-color .28s ease;
}

#kolay-rezervasyon .step-card:hover {
    transform: translateY(-5px);
    border-color: rgba(37,194,215,.9);
    box-shadow: 0 26px 56px rgba(9,38,61,.16);
}

#kolay-rezervasyon .step-no {
    position: absolute;
    top: -28px;
    left: -12px;
    z-index: 4;
    display: grid;
    width: 70px;
    height: 70px;
    place-items: center;
    border: 8px solid #eef9fb;
    border-radius: 50%;
    background: #fff;
    color: #ff654b;
    font-size: 28px;
    font-weight: 900;
    box-shadow: 0 10px 28px rgba(8,49,77,.16);
}

#kolay-rezervasyon .step-visual {
    position: relative;
    width: 100%;
    height: 218px;
    margin: 0;
    overflow: hidden;
    border-radius: 17px 17px 0 0;
    background: #08243b;
}

#kolay-rezervasyon .step-visual::after {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    background: linear-gradient(180deg,rgba(2,18,32,0) 72%,rgba(2,18,32,.16) 100%);
}

#kolay-rezervasyon .step-visual img {
    position: absolute;
    inset: -2px;
    display: block;
    width: calc(100% + 4px);
    height: calc(100% + 4px);
    max-width: none;
    object-fit: cover;
    object-position: center center;
    transform: scale(1.025);
    transition: transform .45s ease;
}

#kolay-rezervasyon .step-card:hover .step-visual img {
    transform: scale(1.055);
}

#kolay-rezervasyon .step-content {
    display: flex;
    min-height: 132px;
    flex: 1 1 auto;
    flex-direction: column;
    padding: 19px 20px 21px;
}

#kolay-rezervasyon .step-content h3 {
    margin: 0 0 8px;
    color: #07152d;
    font-size: 22px;
    font-weight: 900;
    letter-spacing: -.025em;
    line-height: 1.18;
}

#kolay-rezervasyon .step-content p {
    margin: 0;
    color: #52657a;
    font-size: 14px;
    line-height: 1.55;
}

#kolay-rezervasyon .steps-booking-cta {
    display: grid;
    grid-template-columns: auto minmax(0,1fr) auto;
    align-items: center;
    gap: 22px;
    margin-top: 28px;
    padding: 25px 28px;
    border: 1px solid rgba(86,222,235,.52);
    border-radius: 18px;
    background:
        radial-gradient(circle at 8% 50%,rgba(56,216,229,.12),transparent 20%),
        linear-gradient(115deg,#021b3a 0%,#064b6e 55%,#0c8299 100%);
    color: #fff;
    box-shadow: 0 20px 42px rgba(6,51,81,.16);
}

#kolay-rezervasyon .steps-booking-cta .cta-icon {
    display: grid;
    width: 70px;
    height: 70px;
    place-items: center;
    border: 2px solid #53ebef;
    border-radius: 50%;
    background: rgba(2,27,52,.48);
    font-size: 31px;
}

#kolay-rezervasyon .steps-booking-copy .tour-kicker {
    display: block;
    margin: 0 0 3px;
    color: #d7fbff;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 0;
    text-transform: none;
}

#kolay-rezervasyon .steps-booking-copy h3 {
    margin: 0;
    color: #fff;
    font-size: clamp(24px,2vw,34px);
    font-weight: 900;
    letter-spacing: -.03em;
    line-height: 1.12;
}

#kolay-rezervasyon .steps-booking-copy p {
    margin: 5px 0 0;
    color: rgba(241,252,255,.9);
    font-size: 14px;
}

#kolay-rezervasyon .steps-booking-cta .cta-actions {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 10px;
}

#kolay-rezervasyon .steps-booking-cta .tour-btn {
    display: inline-flex;
    min-width: 166px;
    min-height: 48px;
    align-items: center;
    justify-content: center;
    padding: 0 18px;
    border: 1px solid transparent;
    border-radius: 10px;
    font-size: 13px;
    font-weight: 850;
    line-height: 1;
    text-decoration: none;
    transition: transform .2s ease, box-shadow .2s ease, background .2s ease;
}

#kolay-rezervasyon .steps-booking-cta .tour-btn-primary {
    border-color: #ff6b50;
    background: linear-gradient(135deg,#ff6d4e,#ff5540);
    color: #fff;
    box-shadow: 0 10px 22px rgba(255,87,65,.22);
}

#kolay-rezervasyon .steps-booking-cta .tour-btn-light {
    border-color: rgba(225,250,252,.72);
    background: rgba(3,31,56,.28);
    color: #fff;
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
}

#kolay-rezervasyon .steps-booking-cta .tour-btn:hover {
    transform: translateY(-2px);
}

@media (max-width: 1100px) {
    #kolay-rezervasyon > .tour-wrap {
        width: min(100% - 38px,980px);
    }

    #kolay-rezervasyon .steps-grid {
        grid-template-columns: repeat(2,minmax(0,1fr));
    }

    #kolay-rezervasyon .step-card:last-child {
        grid-column: 1 / -1;
        width: min(100%,480px);
        justify-self: center;
    }

    #kolay-rezervasyon .steps-booking-cta {
        grid-template-columns: auto minmax(0,1fr);
    }

    #kolay-rezervasyon .steps-booking-cta .cta-actions {
        grid-column: 1 / -1;
        justify-content: flex-start;
    }
}

@media (max-width: 700px) {
    #kolay-rezervasyon {
        padding: 42px 0 50px;
    }

    #kolay-rezervasyon > .tour-wrap {
        width: min(100% - 26px,620px);
    }

    #kolay-rezervasyon .steps-grid {
        grid-template-columns: 1fr;
        gap: 38px;
    }

    #kolay-rezervasyon .step-card:last-child {
        grid-column: auto;
        width: 100%;
    }

    #kolay-rezervasyon .step-no {
        top: -25px;
        left: 14px;
        width: 62px;
        height: 62px;
        border-width: 7px;
        font-size: 24px;
    }

    #kolay-rezervasyon .step-visual {
        height: 205px;
    }

    #kolay-rezervasyon .steps-booking-cta {
        grid-template-columns: 1fr;
        padding: 22px 18px;
        text-align: center;
    }

    #kolay-rezervasyon .steps-booking-cta .cta-icon {
        width: 62px;
        height: 62px;
        margin-inline: auto;
        font-size: 27px;
    }

    #kolay-rezervasyon .steps-booking-cta .cta-actions {
        display: grid;
        grid-template-columns: 1fr;
        width: 100%;
    }

    #kolay-rezervasyon .steps-booking-cta .tour-btn {
        width: 100%;
        min-width: 0;
    }
}

@media (prefers-reduced-motion: reduce) {
    #kolay-rezervasyon .step-card,
    #kolay-rezervasyon .step-visual img,
    #kolay-rezervasyon .steps-booking-cta .tour-btn {
        transition: none;
    }

    #kolay-rezervasyon .step-card:hover,
    #kolay-rezervasyon .step-card:hover .step-visual img,
    #kolay-rezervasyon .steps-booking-cta .tour-btn:hover {
        transform: none;
    }
}


/* Neden Bizi Tercih Etmelisiniz — scoped production düzeni */
#neden-bizi-tercih {
    position: relative;
    padding: 64px 0 72px;
    background:
        radial-gradient(circle at 16% 22%, rgba(56,216,229,.06), transparent 26%),
        linear-gradient(180deg,#f7fbfd 0%,#f2f8fb 100%);
}

#neden-bizi-tercih > .tour-wrap {
    width: min(1340px, calc(100% - 48px));
    margin-inline: auto;
}

#neden-bizi-tercih .why-layout {
    display: grid;
    grid-template-columns: minmax(0,1.05fr) minmax(0,1fr);
    gap: 34px;
    align-items: stretch;
}

#neden-bizi-tercih .why-gallery {
    display: grid;
    grid-template-columns: minmax(0,1.35fr) minmax(190px,.85fr);
    gap: 12px;
    min-width: 0;
}

#neden-bizi-tercih .why-gallery figure {
    position: relative;
    min-height: 0;
    margin: 0;
    overflow: hidden;
    border: 1px solid rgba(26,167,194,.42);
    border-radius: 18px;
    background: #08243b;
    box-shadow: 0 18px 42px rgba(9,38,61,.12);
}

#neden-bizi-tercih .why-gallery-main {
    min-height: 470px;
}

#neden-bizi-tercih .why-gallery-side {
    display: grid;
    grid-template-rows: repeat(2,minmax(0,1fr));
    gap: 12px;
    min-width: 0;
}

#neden-bizi-tercih .why-gallery img {
    position: absolute;
    inset: -2px;
    display: block;
    width: calc(100% + 4px);
    height: calc(100% + 4px);
    max-width: none;
    object-fit: cover;
    object-position: center center;
    transform: scale(1.02);
    transition: transform .45s ease;
}

#neden-bizi-tercih .why-gallery figure:hover img {
    transform: scale(1.055);
}

#neden-bizi-tercih .why-content {
    display: flex;
    min-width: 0;
    flex-direction: column;
}

#neden-bizi-tercih .why-head {
    margin: 0 0 24px;
}

#neden-bizi-tercih .why-head .tour-kicker {
    display: block;
    margin: 0 0 7px;
    color: #17859a;
    font-size: 14px;
    font-weight: 800;
    letter-spacing: .07em;
    text-transform: uppercase;
}

#neden-bizi-tercih .why-head h2 {
    max-width: 620px;
    margin: 0;
    color: #07152d;
    font-size: clamp(36px,3.15vw,56px);
    font-weight: 900;
    letter-spacing: -.045em;
    line-height: 1.02;
}

#neden-bizi-tercih .why-head p {
    max-width: 680px;
    margin: 16px 0 0;
    color: #52657a;
    font-size: 16px;
    line-height: 1.6;
}

#neden-bizi-tercih .why-features {
    display: grid;
    grid-template-columns: repeat(2,minmax(0,1fr));
    gap: 12px;
}

#neden-bizi-tercih .why-feature {
    display: flex;
    min-width: 0;
    min-height: 92px;
    align-items: center;
    gap: 14px;
    padding: 16px 18px;
    border: 1px solid rgba(26,167,194,.40);
    border-radius: 14px;
    background: rgba(255,255,255,.93);
    box-shadow: 0 12px 28px rgba(9,38,61,.07);
    transition: transform .22s ease, border-color .22s ease, box-shadow .22s ease;
}

#neden-bizi-tercih .why-feature:hover {
    transform: translateY(-3px);
    border-color: rgba(37,194,215,.9);
    box-shadow: 0 18px 34px rgba(9,38,61,.11);
}

#neden-bizi-tercih .why-feature-icon {
    display: grid;
    flex: 0 0 44px;
    width: 44px;
    height: 44px;
    place-items: center;
    border-radius: 12px;
    background: linear-gradient(135deg,#e7fbfd,#eff8ff);
    color: #0799b4;
    font-size: 23px;
    font-weight: 900;
}

#neden-bizi-tercih .why-feature > div {
    min-width: 0;
}

#neden-bizi-tercih .why-feature h3 {
    margin: 0 0 4px;
    color: #07152d;
    font-size: 17px;
    font-weight: 900;
    line-height: 1.18;
}

#neden-bizi-tercih .why-feature p {
    margin: 0;
    color: #64758a;
    font-size: 12px;
    line-height: 1.45;
}

#neden-bizi-tercih .why-cta {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    margin-top: 14px;
    padding: 20px 22px;
    border: 1px solid rgba(86,222,235,.46);
    border-radius: 16px;
    background: linear-gradient(115deg,#021b3a 0%,#064b6e 55%,#0c8299 100%);
    color: #fff;
    box-shadow: 0 16px 34px rgba(6,51,81,.14);
}

#neden-bizi-tercih .why-cta strong,
#neden-bizi-tercih .why-cta span {
    display: block;
}

#neden-bizi-tercih .why-cta strong {
    font-size: 17px;
    font-weight: 900;
}

#neden-bizi-tercih .why-cta span {
    margin-top: 3px;
    color: rgba(241,252,255,.9);
    font-size: 13px;
}

#neden-bizi-tercih .why-cta-btn {
    display: inline-flex;
    min-width: 150px;
    min-height: 46px;
    align-items: center;
    justify-content: center;
    padding: 0 18px;
    border: 1px solid #ff6b50;
    border-radius: 10px;
    background: linear-gradient(135deg,#ff6d4e,#ff5540);
    color: #fff;
    font-size: 13px;
    font-weight: 850;
    line-height: 1;
    text-decoration: none;
    box-shadow: 0 10px 22px rgba(255,87,65,.22);
    transition: transform .2s ease, box-shadow .2s ease;
}

#neden-bizi-tercih .why-cta-btn:hover {
    transform: translateY(-2px);
    box-shadow: 0 14px 26px rgba(255,87,65,.28);
}

@media (max-width: 1100px) {
    #neden-bizi-tercih > .tour-wrap {
        width: min(100% - 38px,980px);
    }

    #neden-bizi-tercih .why-layout {
        grid-template-columns: 1fr;
    }

    #neden-bizi-tercih .why-gallery {
        min-height: 500px;
    }

    #neden-bizi-tercih .why-gallery-main {
        min-height: 500px;
    }
}

@media (max-width: 760px) {
    #neden-bizi-tercih {
        padding: 46px 0 54px;
    }

    #neden-bizi-tercih > .tour-wrap {
        width: min(100% - 26px,620px);
    }

    #neden-bizi-tercih .why-gallery {
        grid-template-columns: 1fr;
        min-height: 0;
    }

    #neden-bizi-tercih .why-gallery-main {
        min-height: 280px;
    }

    #neden-bizi-tercih .why-gallery-side {
        grid-template-columns: repeat(2,minmax(0,1fr));
        grid-template-rows: 190px;
    }

    #neden-bizi-tercih .why-head h2 {
        font-size: clamp(34px,10vw,46px);
    }

    #neden-bizi-tercih .why-features {
        grid-template-columns: 1fr;
    }

    #neden-bizi-tercih .why-cta {
        flex-direction: column;
        align-items: stretch;
        text-align: center;
    }

    #neden-bizi-tercih .why-cta-btn {
        width: 100%;
    }
}

@media (max-width: 420px) {
    #neden-bizi-tercih .why-gallery-side {
        grid-template-columns: 1fr;
        grid-template-rows: repeat(2,180px);
    }
}

@media (prefers-reduced-motion: reduce) {
    #neden-bizi-tercih .why-gallery img,
    #neden-bizi-tercih .why-feature,
    #neden-bizi-tercih .why-cta-btn {
        transition: none;
    }

    #neden-bizi-tercih .why-gallery figure:hover img,
    #neden-bizi-tercih .why-feature:hover,
    #neden-bizi-tercih .why-cta-btn:hover {
        transform: none;
    }
}


/* Antalya Tur Rotaları — scoped production düzeni */
#antalya-tur-rotalari{position:relative;padding:62px 0 70px;background:radial-gradient(circle at 84% 18%,rgba(56,216,229,.06),transparent 28%),linear-gradient(180deg,#f7fbfd 0%,#f2f8fb 100%)}
#antalya-tur-rotalari>.tour-wrap{width:min(1340px,calc(100% - 48px));margin-inline:auto}
#antalya-tur-rotalari .tour-routes-head{margin-bottom:28px}
#antalya-tur-rotalari .tour-routes-head .tour-kicker{display:block;margin:0 0 6px;color:#17859a;font-size:14px;font-weight:800;letter-spacing:.07em;text-transform:uppercase}
#antalya-tur-rotalari .tour-routes-head h2{margin:0;color:#07152d;font-size:clamp(30px,2.3vw,42px);font-weight:900;letter-spacing:-.035em;line-height:1.08}
#antalya-tur-rotalari .tour-routes-head p{max-width:760px;margin:7px 0 0;color:#52657a;font-size:16px;line-height:1.55}
#antalya-tur-rotalari .route-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;align-items:stretch}
#antalya-tur-rotalari .route-card{min-width:0;overflow:hidden;border:1px solid rgba(26,167,194,.42);border-radius:18px;background:#fff;box-shadow:0 18px 42px rgba(9,38,61,.10);transition:transform .26s ease,border-color .26s ease,box-shadow .26s ease}
#antalya-tur-rotalari .route-card:hover{transform:translateY(-5px);border-color:rgba(37,194,215,.9);box-shadow:0 26px 56px rgba(9,38,61,.15)}
#antalya-tur-rotalari .route-card-link{display:flex;height:100%;flex-direction:column;color:inherit;text-decoration:none}
#antalya-tur-rotalari .route-card-media{position:relative;width:100%;height:210px;overflow:hidden;background:linear-gradient(135deg,#0d6f86,#74d5df)}
#antalya-tur-rotalari .route-card-media::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(2,18,32,0) 70%,rgba(2,18,32,.16) 100%)}
#antalya-tur-rotalari .route-card-media img{position:absolute;inset:-2px;display:block;width:calc(100% + 4px);height:calc(100% + 4px);max-width:none;object-fit:cover;object-position:center center;transform:scale(1.025);transition:transform .45s ease}
#antalya-tur-rotalari .route-card:hover .route-card-media img{transform:scale(1.055)}
#antalya-tur-rotalari .route-card-placeholder{position:absolute;inset:0;display:block;background:radial-gradient(circle at 70% 30%,rgba(255,255,255,.18),transparent 30%),linear-gradient(135deg,#0a738b,#7cdce3)}
#antalya-tur-rotalari .route-card-body{display:flex;min-height:164px;flex:1 1 auto;flex-direction:column;padding:18px 18px 16px}
#antalya-tur-rotalari .route-card-body h3{margin:0 0 8px;color:#07152d;font-size:21px;font-weight:900;letter-spacing:-.025em;line-height:1.18}
#antalya-tur-rotalari .route-card-body p{margin:0;color:#5c6d82;font-size:14px;line-height:1.55}
#antalya-tur-rotalari .route-card-cta{display:inline-flex;align-items:center;gap:7px;width:fit-content;margin-top:auto;padding-top:16px;color:#0799b4;font-size:13px;font-weight:850}
#antalya-tur-rotalari .route-card-cta span{font-size:20px;line-height:1;transition:transform .2s ease}
#antalya-tur-rotalari .route-card:hover .route-card-cta span{transform:translateX(3px)}
#antalya-tur-rotalari .route-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin-top:28px;overflow:hidden;border:1px solid rgba(26,167,194,.38);border-radius:18px;background:#fff;box-shadow:0 18px 42px rgba(9,38,61,.09)}
#antalya-tur-rotalari .route-stat{display:flex;min-height:112px;align-items:center;justify-content:center;flex-direction:column;gap:7px;padding:18px 14px;border-right:1px solid rgba(26,167,194,.32);text-align:center}
#antalya-tur-rotalari .route-stat:last-child{border-right:0}
#antalya-tur-rotalari .route-stat strong{color:#0799b4;font-size:clamp(28px,2.3vw,38px);font-weight:900;letter-spacing:-.03em;line-height:1}
#antalya-tur-rotalari .route-stat span{color:#34495e;font-size:13px;font-weight:700}
@media(max-width:1100px){#antalya-tur-rotalari>.tour-wrap{width:min(100% - 38px,980px)}#antalya-tur-rotalari .route-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){#antalya-tur-rotalari{padding:44px 0 52px}#antalya-tur-rotalari>.tour-wrap{width:min(100% - 26px,620px)}#antalya-tur-rotalari .route-grid{grid-template-columns:1fr;gap:16px}#antalya-tur-rotalari .route-card-media{height:205px}#antalya-tur-rotalari .route-stats{grid-template-columns:repeat(2,minmax(0,1fr))}#antalya-tur-rotalari .route-stat{min-height:98px;border-bottom:1px solid rgba(26,167,194,.28)}#antalya-tur-rotalari .route-stat:nth-child(2n){border-right:0}#antalya-tur-rotalari .route-stat:nth-child(3),#antalya-tur-rotalari .route-stat:nth-child(4){border-bottom:0}}
@media(max-width:390px){#antalya-tur-rotalari>.tour-wrap{width:calc(100% - 20px)}#antalya-tur-rotalari .route-card-media{height:190px}}


/* Final CTA Banner — scoped production düzeni */
#final-rezervasyon {
    position: relative;
    isolation: isolate;
    min-height: 650px;
    padding: 92px 0;
    overflow: hidden;
    background: #061a2d;
}

#final-rezervasyon::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -3;
    background-image: var(--final-cta-image);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center 34%;
    filter: saturate(1.05) contrast(1.03) brightness(.82);
    transform: scale(1.035);
}

#final-rezervasyon::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -2;
    background:
        linear-gradient(180deg,rgba(2,15,29,.48) 0%,rgba(2,18,34,.28) 42%,rgba(2,16,30,.72) 100%),
        linear-gradient(90deg,rgba(1,14,28,.38),rgba(1,14,28,.12),rgba(1,14,28,.38));
}

#final-rezervasyon .tour-final-backdrop {
    position: absolute;
    inset: 0;
    z-index: -1;
    background:
        radial-gradient(circle at 50% 40%,rgba(56,216,229,.10),transparent 32%),
        radial-gradient(circle at 78% 18%,rgba(255,122,76,.07),transparent 24%);
}

#final-rezervasyon .tour-final-wrap {
    display: flex;
    min-height: 466px;
    align-items: center;
    justify-content: center;
}

#final-rezervasyon .tour-final-panel {
    width: min(860px,100%);
    overflow: hidden;
    border: 1px solid rgba(99,232,239,.72);
    border-radius: 28px;
    background:
        linear-gradient(145deg,rgba(3,27,52,.94),rgba(4,35,61,.91));
    color: #fff;
    box-shadow:
        0 34px 80px rgba(0,0,0,.34),
        inset 0 1px rgba(255,255,255,.08);
    backdrop-filter: blur(18px);
    -webkit-backdrop-filter: blur(18px);
}

#final-rezervasyon .tour-final-panel-top {
    padding: 46px 54px 38px;
    text-align: center;
}

#final-rezervasyon .tour-final-kicker {
    display: block;
    margin: 0 0 16px;
    color: #48dce7;
    font-size: 15px;
    font-weight: 850;
    letter-spacing: .24em;
    line-height: 1.3;
    text-transform: uppercase;
}

#final-rezervasyon h2 {
    margin: 0;
    color: #fff;
    font-size: clamp(42px,4.25vw,66px);
    font-weight: 900;
    letter-spacing: -.045em;
    line-height: 1.02;
}

#final-rezervasyon h2 span {
    display: block;
    margin-top: 4px;
    color: transparent;
    background: linear-gradient(180deg,#80f1ee 0%,#31d0df 90%);
    -webkit-background-clip: text;
    background-clip: text;
}

#final-rezervasyon .tour-final-divider {
    width: 138px;
    height: 4px;
    margin: 23px auto 20px;
    border-radius: 999px;
    background:
        linear-gradient(90deg,#3bd8e4 0 48%,transparent 48% 54%,#ff6b50 54% 100%);
}

#final-rezervasyon .tour-final-panel-top p {
    max-width: 590px;
    margin: 0 auto;
    color: rgba(241,250,253,.92);
    font-size: 17px;
    line-height: 1.6;
}

#final-rezervasyon .tour-final-actions {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 14px;
    margin-top: 28px;
}

#final-rezervasyon .tour-final-btn {
    display: inline-flex;
    min-height: 54px;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 0 24px;
    border: 1px solid transparent;
    border-radius: 12px;
    color: #fff;
    font-size: 14px;
    font-weight: 850;
    line-height: 1;
    text-decoration: none;
    transition:
        transform .22s ease,
        border-color .22s ease,
        background .22s ease,
        box-shadow .22s ease;
}

#final-rezervasyon .tour-final-btn:hover {
    transform: translateY(-2px);
}

#final-rezervasyon .tour-final-btn-primary {
    min-width: 190px;
    border-color: #ff7057;
    background: linear-gradient(135deg,#ff6d4e,#ff5540);
    box-shadow: 0 14px 30px rgba(255,87,65,.28);
}

#final-rezervasyon .tour-final-btn-outline {
    min-width: 270px;
    border-color: rgba(219,249,252,.68);
    background: rgba(4,39,65,.48);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
}

#final-rezervasyon .tour-final-btn-outline:hover {
    border-color: #52e1e9;
    background: rgba(7,57,86,.68);
}

#final-rezervasyon .tour-final-benefits {
    display: grid;
    grid-template-columns: repeat(3,minmax(0,1fr));
    border-top: 1px solid rgba(113,225,233,.42);
    background: rgba(2,23,42,.44);
}

#final-rezervasyon .tour-final-benefits > div {
    display: flex;
    min-height: 76px;
    align-items: center;
    justify-content: center;
    gap: 11px;
    padding: 14px;
    border-right: 1px solid rgba(113,225,233,.28);
    text-align: center;
}

#final-rezervasyon .tour-final-benefits > div:last-child {
    border-right: 0;
}

#final-rezervasyon .tour-final-benefits i {
    color: #4de1e9;
    font-size: 25px;
    font-style: normal;
    line-height: 1;
}

#final-rezervasyon .tour-final-benefits strong {
    color: #fff;
    font-size: 14px;
    font-weight: 850;
}

@media (max-width: 1100px) {
    #final-rezervasyon {
        min-height: 600px;
        padding: 76px 0;
    }

    #final-rezervasyon::before {
        background-position: center center;
    }

    #final-rezervasyon .tour-final-panel {
        width: min(760px,100%);
    }
}

@media (max-width: 700px) {
    #final-rezervasyon {
        min-height: auto;
        padding: 58px 0;
    }

    #final-rezervasyon .tour-final-wrap {
        min-height: 0;
    }

    #final-rezervasyon .tour-final-panel {
        border-radius: 22px;
    }

    #final-rezervasyon .tour-final-panel-top {
        padding: 34px 20px 28px;
    }

    #final-rezervasyon .tour-final-kicker {
        font-size: 12px;
        letter-spacing: .16em;
    }

    #final-rezervasyon h2 {
        font-size: clamp(38px,11vw,52px);
    }

    #final-rezervasyon .tour-final-panel-top p {
        font-size: 15px;
    }

    #final-rezervasyon .tour-final-actions {
        display: grid;
        grid-template-columns: 1fr;
    }

    #final-rezervasyon .tour-final-btn {
        width: 100%;
        min-width: 0;
    }

    #final-rezervasyon .tour-final-benefits {
        grid-template-columns: 1fr;
    }

    #final-rezervasyon .tour-final-benefits > div {
        min-height: 62px;
        border-right: 0;
        border-bottom: 1px solid rgba(113,225,233,.24);
    }

    #final-rezervasyon .tour-final-benefits > div:last-child {
        border-bottom: 0;
    }
}

@media (prefers-reduced-motion: reduce) {
    #final-rezervasyon .tour-final-btn {
        transition: none;
    }

    #final-rezervasyon .tour-final-btn:hover {
        transform: none;
    }
}


/* Sık Sorulan Sorular — daha hafif ve modern tipografi */
#sss {
    position: relative;
    padding: 64px 0 70px;
    overflow: hidden;
    background:
        radial-gradient(circle at 78% 18%, rgba(56,216,229,.07), transparent 28%),
        linear-gradient(180deg,#03172b 0%,#021326 100%);
    color: #fff;
}

#sss > .faq-wrap {
    width: min(1340px, calc(100% - 48px));
    margin-inline: auto;
}

#sss .faq-head {
    margin-bottom: 28px;
}

#sss .faq-head .tour-kicker {
    display: block;
    margin: 0 0 7px;
    color: #48dce7;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: .08em;
    text-transform: uppercase;
}

#sss .faq-head h2 {
    margin: 0;
    color: #fff;
    font-size: clamp(30px,2.2vw,40px);
    font-weight: 700;
    letter-spacing: -.03em;
    line-height: 1.14;
}

#sss .faq-head p {
    max-width: 720px;
    margin: 10px 0 0;
    color: rgba(232,246,251,.74);
    font-size: 15px;
    font-weight: 400;
    line-height: 1.7;
}

#sss .faq-layout {
    display: grid;
    grid-template-columns: minmax(0,1.55fr) minmax(330px,.85fr);
    gap: 22px;
    align-items: start;
}

#sss .faq-accordion {
    display: grid;
    gap: 12px;
}

#sss .faq-item {
    overflow: hidden;
    border: 1px solid rgba(119,214,226,.30);
    border-radius: 15px;
    background: rgba(5,37,61,.48);
    box-shadow: inset 0 1px rgba(255,255,255,.025);
    transition: border-color .22s ease, background .22s ease, box-shadow .22s ease;
}

#sss .faq-item.is-open {
    border-color: rgba(52,216,229,.92);
    background: linear-gradient(145deg,rgba(5,47,72,.76),rgba(4,29,52,.86));
    box-shadow:
        0 14px 30px rgba(0,0,0,.14),
        0 0 0 1px rgba(56,216,229,.06);
}

#sss .faq-item h3 {
    margin: 0;
}

#sss .faq-question {
    display: grid;
    grid-template-columns: 38px minmax(0,1fr) 24px;
    gap: 14px;
    width: 100%;
    min-height: 66px;
    align-items: center;
    padding: 13px 16px;
    border: 0;
    background: transparent;
    color: #fff;
    font: inherit;
    cursor: pointer;
    text-align: left;
}

#sss .faq-toggle {
    display: grid;
    width: 34px;
    height: 34px;
    place-items: center;
    border: 1.5px solid #39dbe6;
    border-radius: 50%;
    color: #42e0e8;
    font-size: 20px;
    font-weight: 500;
    line-height: 1;
}

#sss .faq-question-text {
    color: #3fd7e4;
    font-size: clamp(17px,1.35vw,22px);
    font-weight: 600;
    letter-spacing: -.015em;
    line-height: 1.3;
}

#sss .faq-end-icon {
    color: #43dce7;
    font-size: 22px;
    font-weight: 600;
    line-height: 1;
    text-align: center;
}

#sss .faq-answer {
    padding: 0 58px 20px 68px;
}

#sss .faq-answer[hidden] {
    display: none;
}

#sss .faq-answer p {
    margin: 0;
    color: rgba(236,248,252,.78);
    font-size: 15px;
    font-weight: 400;
    line-height: 1.75;
}

#sss .faq-help-card {
    position: sticky;
    top: 118px;
    overflow: hidden;
    border: 1px solid rgba(119,214,226,.36);
    border-radius: 18px;
    background: linear-gradient(160deg,rgba(18,63,79,.90),rgba(13,48,66,.92));
    box-shadow: 0 20px 46px rgba(0,0,0,.22);
}

#sss .faq-help-media {
    position: relative;
    height: 210px;
    overflow: hidden;
    background: #08243b;
}

#sss .faq-help-media::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg,transparent 62%,rgba(2,19,34,.38) 100%);
}

#sss .faq-help-media img {
    position: absolute;
    inset: -2px;
    display: block;
    width: calc(100% + 4px);
    height: calc(100% + 4px);
    max-width: none;
    object-fit: cover;
    object-position: center center;
    transform: scale(1.02);
}

#sss .faq-help-body {
    padding: 22px 20px 18px;
    text-align: center;
}

#sss .faq-help-body h3 {
    margin: 0;
    color: #fff;
    font-size: 22px;
    font-weight: 700;
    letter-spacing: -.02em;
    line-height: 1.25;
}

#sss .faq-help-body p {
    max-width: 360px;
    margin: 9px auto 0;
    color: rgba(236,248,252,.76);
    font-size: 14px;
    font-weight: 400;
    line-height: 1.7;
}

#sss .faq-help-btn {
    display: inline-flex;
    min-width: 200px;
    min-height: 48px;
    align-items: center;
    justify-content: center;
    gap: 9px;
    margin-top: 18px;
    padding: 0 19px;
    border: 1px solid #ff6b50;
    border-radius: 10px;
    background: linear-gradient(135deg,#ff6d4e,#ff5540);
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    text-decoration: none;
    box-shadow: 0 10px 22px rgba(255,87,65,.22);
    transition: transform .2s ease, box-shadow .2s ease;
}

#sss .faq-help-btn:hover {
    transform: translateY(-2px);
    box-shadow: 0 14px 26px rgba(255,87,65,.28);
}

#sss .faq-help-meta {
    display: grid;
    grid-template-columns: repeat(2,minmax(0,1fr));
    margin-top: 18px;
    padding-top: 14px;
    border-top: 1px solid rgba(218,247,250,.20);
}

#sss .faq-help-meta span {
    display: flex;
    min-height: 34px;
    align-items: center;
    justify-content: center;
    padding: 0 9px;
    color: rgba(241,251,253,.78);
    font-size: 11px;
    font-weight: 400;
}

#sss .faq-help-meta span + span {
    border-left: 1px solid rgba(218,247,250,.18);
}

@media (max-width: 1100px) {
    #sss > .faq-wrap {
        width: min(100% - 38px,980px);
    }

    #sss .faq-layout {
        grid-template-columns: 1fr;
    }

    #sss .faq-help-card {
        position: relative;
        top: auto;
        width: min(100%,620px);
        justify-self: center;
    }
}

@media (max-width: 700px) {
    #sss {
        padding: 46px 0 52px;
    }

    #sss > .faq-wrap {
        width: min(100% - 26px,620px);
    }

    #sss .faq-head h2 {
        font-size: clamp(29px,8vw,36px);
    }

    #sss .faq-question {
        grid-template-columns: 34px minmax(0,1fr);
        min-height: 62px;
        gap: 11px;
        padding: 12px 13px;
    }

    #sss .faq-toggle {
        width: 32px;
        height: 32px;
        font-size: 18px;
    }

    #sss .faq-question-text {
        font-size: 17px;
    }

    #sss .faq-end-icon {
        display: none;
    }

    #sss .faq-answer {
        padding: 0 14px 17px 58px;
    }

    #sss .faq-answer p {
        font-size: 14px;
        line-height: 1.7;
    }

    #sss .faq-help-media {
        height: 195px;
    }

    #sss .faq-help-meta {
        grid-template-columns: 1fr;
    }

    #sss .faq-help-meta span + span {
        border-left: 0;
        border-top: 1px solid rgba(218,247,250,.16);
    }
}

@media (max-width: 390px) {
    #sss > .faq-wrap {
        width: calc(100% - 20px);
    }

    #sss .faq-question-text {
        font-size: 16px;
    }

    #sss .faq-help-btn {
        width: 100%;
        min-width: 0;
    }
}

@media (prefers-reduced-motion: reduce) {
    #sss .faq-item,
    #sss .faq-help-btn {
        transition: none;
    }

    #sss .faq-help-btn:hover {
        transform: none;
    }
}


/* =====================================================================
   HERO — FINAL REFERANS UYUMLU DÜZEN
   Sadece .tour-hero alanını etkiler.
===================================================================== */

.tour-hero {
    position: relative;
    isolation: isolate;
    min-height: 820px;
    padding: 28px 0 22px;
    overflow: hidden;
    background-color: #03172b;
    background-image: var(--hero-image);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    color: #fff;
}

.tour-hero::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -3;
    background:
        linear-gradient(
            90deg,
            rgba(1, 17, 35, .95) 0%,
            rgba(2, 27, 49, .83) 34%,
            rgba(2, 29, 50, .42) 64%,
            rgba(1, 18, 32, .24) 100%
        ),
        linear-gradient(
            180deg,
            rgba(1, 17, 31, .12) 0%,
            rgba(1, 17, 31, .04) 58%,
            rgba(1, 17, 31, .70) 100%
        );
}

.tour-hero::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -2;
    pointer-events: none;
    background:
        radial-gradient(circle at 77% 18%, rgba(255, 175, 101, .17), transparent 24%),
        radial-gradient(circle at 46% 60%, rgba(39, 219, 229, .08), transparent 34%);
}

.tour-hero .tour-hero-overlay {
    position: absolute;
    inset: 0;
    z-index: -1;
    pointer-events: none;
    background:
        linear-gradient(180deg, rgba(3, 22, 40, .03), rgba(3, 22, 40, .12)),
        radial-gradient(circle at 8% 82%, rgba(0, 199, 220, .09), transparent 25%);
}

.tour-hero .tour-hero-wrap {
    position: relative;
    display: flex;
    width: min(1540px, calc(100% - 64px));
    min-height: 770px;
    margin-inline: auto;
    flex-direction: column;
}

.tour-hero .tour-hero-route-badge {
    display: inline-flex;
    align-self: flex-end;
    min-height: 48px;
    align-items: center;
    gap: 11px;
    margin: 10px 0 8px;
    padding: 0 18px;
    border: 1px solid rgba(220, 249, 251, .62);
    border-radius: 13px;
    background: rgba(3, 28, 49, .54);
    color: #f4fbfd;
    font-size: 13px;
    font-weight: 850;
    letter-spacing: .04em;
    text-transform: uppercase;
    box-shadow: 0 12px 30px rgba(0, 0, 0, .18);
    backdrop-filter: blur(13px);
    -webkit-backdrop-filter: blur(13px);
}

.tour-hero .tour-hero-route-icon {
    color: #5ce5e9;
    font-size: 24px;
    line-height: 1;
}

.tour-hero .tour-hero-grid {
    display: grid;
    grid-template-columns: minmax(0, 1.48fr) minmax(430px, .82fr);
    gap: clamp(40px, 5vw, 88px);
    align-items: center;
    flex: 1 1 auto;
}

.tour-hero .tour-hero-copy {
    min-width: 0;
    padding-top: 14px;
}

.tour-hero .tour-hero-kicker {
    margin: 0 0 14px;
    color: #3fe1e8;
    font-size: clamp(14px, 1.15vw, 19px);
    font-weight: 850;
    letter-spacing: .13em;
    line-height: 1.3;
    text-transform: uppercase;
}

.tour-hero .tour-hero-title {
    max-width: 820px;
    margin: 0;
    color: #fff;
    font-size: clamp(52px, 5vw, 82px);
    font-weight: 950;
    letter-spacing: -.052em;
    line-height: .98;
    text-wrap: balance;
}

.tour-hero .tour-hero-title span,
.tour-hero .tour-hero-title strong {
    display: block;
}

.tour-hero .tour-hero-title strong {
    position: relative;
    width: fit-content;
    margin: 5px 0 7px;
    color: transparent;
    background: linear-gradient(180deg, #84f3f0 0%, #36d4df 86%);
    -webkit-background-clip: text;
    background-clip: text;
    font-weight: 950;
    text-shadow: 0 12px 34px rgba(20, 214, 224, .12);
}

.tour-hero .tour-hero-title strong::after {
    content: "";
    position: absolute;
    right: 1%;
    bottom: -7px;
    left: 1%;
    height: 7px;
    border-radius: 60% 40% 55% 45%;
    background:
        linear-gradient(
            90deg,
            rgba(39, 224, 232, .18),
            #39dce5 18%,
            #4bdde6 75%,
            rgba(39, 224, 232, .16)
        );
    clip-path: polygon(0 55%, 18% 22%, 45% 42%, 68% 5%, 100% 34%, 100% 70%, 62% 50%, 29% 84%, 0 74%);
}

.tour-hero .tour-hero-desc {
    max-width: 650px;
    margin: 24px 0 0;
    color: rgba(245, 250, 252, .94);
    font-size: clamp(16px, 1.18vw, 20px);
    line-height: 1.55;
    text-shadow: 0 2px 12px rgba(0, 0, 0, .25);
}

.tour-hero .tour-hero-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
    margin-top: 24px;
}

.tour-hero .tour-btn {
    display: inline-flex;
    min-height: 58px;
    align-items: center;
    justify-content: center;
    gap: 11px;
    padding: 0 25px;
    border: 1px solid transparent;
    border-radius: 12px;
    color: #fff;
    font-size: 14px;
    font-weight: 900;
    letter-spacing: .01em;
    line-height: 1;
    text-decoration: none;
    text-transform: uppercase;
    transition:
        transform .22s ease,
        border-color .22s ease,
        background .22s ease,
        box-shadow .22s ease;
}

.tour-hero .tour-btn:hover {
    transform: translateY(-2px);
}

.tour-hero .tour-btn-primary {
    min-width: 250px;
    border-color: #ff775d;
    background: linear-gradient(135deg, #ff704f, #ff543f);
    box-shadow:
        0 15px 32px rgba(255, 84, 63, .30),
        0 0 22px rgba(255, 105, 75, .16),
        inset 0 1px rgba(255, 255, 255, .28);
}

.tour-hero .tour-btn-outline {
    min-width: 330px;
    border-color: rgba(225, 249, 252, .72);
    background: rgba(3, 31, 56, .42);
    box-shadow: inset 0 1px rgba(255, 255, 255, .08);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
}

.tour-hero .tour-btn-outline:hover {
    border-color: #5ce4ea;
    background: rgba(5, 49, 78, .62);
}

.tour-hero .tour-btn-arrow {
    font-size: 24px;
    line-height: 1;
}

.tour-hero .tour-btn-icon {
    color: #dffcff;
    font-size: 21px;
    line-height: 1;
}

.tour-hero .tour-benefits {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0;
    margin-top: 18px;
}

.tour-hero .tour-benefit-item {
    display: inline-flex;
    min-height: 42px;
    align-items: center;
    gap: 10px;
    padding: 0 28px;
    border-right: 1px solid rgba(219, 247, 250, .26);
    color: rgba(249, 253, 254, .94);
    font-size: 13px;
    font-weight: 750;
}

.tour-hero .tour-benefit-item:first-child {
    padding-left: 0;
}

.tour-hero .tour-benefit-item:last-child {
    border-right: 0;
}

.tour-hero .tour-benefit-icon {
    color: #58e5e9;
    font-size: 23px;
    line-height: 1;
}

.tour-hero .tour-mini-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 10px;
    max-width: 810px;
    margin-top: 17px;
}

.tour-hero .tour-mini-card {
    position: relative;
    display: block;
    min-width: 0;
    height: 152px;
    overflow: hidden;
    border: 1px solid rgba(179, 240, 244, .58);
    border-radius: 15px;
    color: #fff;
    text-decoration: none;
    box-shadow: 0 13px 30px rgba(0, 0, 0, .20);
    transition: transform .25s ease, border-color .25s ease, box-shadow .25s ease;
}

.tour-hero .tour-mini-card:hover {
    transform: translateY(-4px);
    border-color: #5fe4e9;
    box-shadow: 0 18px 36px rgba(0, 0, 0, .27);
}

.tour-hero .tour-mini-card-media {
    position: absolute;
    inset: 0;
    overflow: hidden;
    background: #092e48;
}

.tour-hero .tour-mini-card-media::after {
    content: "";
    position: absolute;
    inset: 0;
    background:
        linear-gradient(180deg, transparent 38%, rgba(2, 23, 39, .20) 58%, rgba(2, 26, 43, .82) 100%);
}

.tour-hero .tour-mini-card-media img {
    position: absolute;
    inset: -1px;
    display: block;
    width: calc(100% + 2px);
    height: calc(100% + 2px);
    max-width: none;
    object-fit: cover;
    object-position: center center;
    transform: scale(1.01);
    transition: transform .4s ease;
}

.tour-hero .tour-mini-card:hover .tour-mini-card-media img {
    transform: scale(1.045);
}

.tour-hero .tour-mini-card-caption {
    position: absolute;
    right: 7px;
    bottom: 7px;
    left: 7px;
    z-index: 2;
    display: flex;
    min-height: 58px;
    align-items: center;
    gap: 11px;
    padding: 8px 10px;
    border: 1px solid rgba(214, 249, 251, .54);
    border-radius: 12px;
    background: linear-gradient(135deg, rgba(5, 65, 79, .90), rgba(5, 43, 61, .90));
    backdrop-filter: blur(11px);
    -webkit-backdrop-filter: blur(11px);
}

.tour-hero .tour-mini-card-icon {
    display: grid;
    flex: 0 0 42px;
    width: 42px;
    height: 42px;
    place-items: center;
    border: 1px solid rgba(226, 250, 252, .7);
    border-radius: 50%;
    background: rgba(3, 28, 49, .58);
    font-size: 20px;
}

.tour-hero .tour-mini-card-text {
    display: flex;
    min-width: 0;
    flex-direction: column;
    gap: 3px;
}

.tour-hero .tour-mini-card-text strong {
    overflow: hidden;
    color: #fff;
    font-size: 14px;
    font-weight: 900;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.tour-hero .tour-mini-card-text small {
    overflow: hidden;
    color: rgba(225, 246, 249, .78);
    font-size: 10px;
    font-weight: 650;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* Search card */
.tour-hero .tour-search {
    width: 100%;
    max-width: 500px;
    justify-self: end;
    border: 1px solid rgba(224, 250, 252, .74);
    border-radius: 22px;
    background:
        linear-gradient(145deg, rgba(89, 191, 208, .48), rgba(7, 42, 61, .56)),
        rgba(6, 41, 62, .42);
    box-shadow:
        0 28px 70px rgba(0, 0, 0, .28),
        inset 0 1px rgba(255, 255, 255, .17);
    backdrop-filter: blur(20px) saturate(1.15);
    -webkit-backdrop-filter: blur(20px) saturate(1.15);
}

.tour-hero .tour-search-inner {
    padding: 25px 24px 19px;
}

.tour-hero .tour-search h2 {
    margin: 0 0 17px;
    color: #fff;
    font-size: clamp(25px, 2vw, 32px);
    font-weight: 900;
    letter-spacing: -.03em;
    line-height: 1.15;
    text-align: center;
}

.tour-hero .tour-search form {
    margin: 0;
}

.tour-hero .tour-form-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 11px;
}

.tour-hero .tour-field {
    min-width: 0;
}

.tour-hero .tour-field > label {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(0 0 0 0);
    white-space: nowrap;
    clip-path: inset(50%);
}

.tour-hero .tour-field-control {
    position: relative;
    display: flex;
    width: 100%;
    height: 58px;
    min-height: 58px;
    align-items: center;
    overflow: hidden;
    border: 1px solid rgba(231, 251, 252, .72);
    border-radius: 12px;
    background:
        linear-gradient(135deg, rgba(69, 172, 194, .50), rgba(255, 255, 255, .11));
    color: #fff;
    box-shadow:
        inset 0 1px rgba(255, 255, 255, .10),
        0 8px 18px rgba(0, 0, 0, .08);
}

.tour-hero .tour-field-control:focus-within {
    border-color: #72eef1;
    box-shadow:
        0 0 0 3px rgba(70, 224, 233, .14),
        inset 0 1px rgba(255, 255, 255, .12);
}

.tour-hero .tour-field-icon {
    position: absolute;
    top: 50%;
    left: 16px;
    z-index: 2;
    display: grid;
    width: 22px;
    height: 22px;
    place-items: center;
    color: #d8fdff;
    font-size: 19px;
    pointer-events: none;
    transform: translateY(-50%);
}

.tour-hero .tour-field-control > select,
.tour-hero .tour-field-control > input:not([type="hidden"]) {
    width: 100%;
    height: 100%;
    min-width: 0;
    margin: 0;
    padding: 0 42px 0 48px;
    border: 0;
    outline: 0;
    background: transparent;
    color: #fff;
    font: inherit;
    font-size: 13px;
    font-weight: 750;
    appearance: none;
    -webkit-appearance: none;
}

.tour-hero .tour-field-control > select {
    cursor: pointer;
    background-image:
        linear-gradient(45deg, transparent 50%, #e7fdff 50%),
        linear-gradient(135deg, #e7fdff 50%, transparent 50%);
    background-position:
        calc(100% - 18px) 26px,
        calc(100% - 13px) 26px;
    background-size: 5px 5px, 5px 5px;
    background-repeat: no-repeat;
}

.tour-hero .tour-field-control option {
    color: #071b31;
    background: #fff;
}

.tour-hero .tour-field-control > input[type="date"] {
    color-scheme: dark;
    padding-right: 14px;
}

.tour-hero .tour-field-control > input[type="date"]::-webkit-calendar-picker-indicator {
    opacity: .95;
    filter: brightness(0) invert(1);
    cursor: pointer;
}

/* Kişi sayacı: aynı satır, taşmasız, minimum 1 */
.tour-hero .tour-people-control {
    display: grid;
    grid-template-columns: 38px minmax(0, 1fr) 38px;
    gap: 6px;
    padding: 7px;
}

.tour-hero .tour-people-btn {
    display: grid;
    width: 38px;
    min-width: 38px;
    height: 42px;
    min-height: 42px;
    place-items: center;
    margin: 0;
    padding: 0;
    border: 1px solid rgba(239, 252, 253, .78);
    border-radius: 9px;
    background: rgba(255, 255, 255, .90);
    color: #071b31;
    font-size: 17px;
    font-weight: 900;
    line-height: 1;
    cursor: pointer;
    box-shadow: 0 7px 15px rgba(0, 0, 0, .13);
}

.tour-hero .tour-people-btn:disabled {
    cursor: not-allowed;
    opacity: .48;
}

.tour-hero .tour-people-value {
    display: flex;
    min-width: 0;
    height: 42px;
    align-items: center;
    justify-content: center;
    gap: 5px;
    color: #fff;
    font-size: 13px;
    font-weight: 850;
    white-space: nowrap;
}

.tour-hero .tour-search-submit {
    width: 100%;
    min-height: 58px;
    margin-top: 13px;
    border-radius: 11px;
    font-size: 16px;
}

.tour-hero .tour-search-note {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    margin: 12px 0 0;
    color: rgba(232, 248, 250, .78);
    font-size: 11px;
    font-weight: 700;
}

/* Trust bar */
.tour-hero .tour-trustbar {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    width: 100%;
    min-height: 66px;
    margin-top: 15px;
    overflow: hidden;
    border: 1px solid rgba(181, 241, 245, .55);
    border-radius: 15px;
    background: rgba(3, 30, 52, .48);
    box-shadow: 0 14px 32px rgba(0, 0, 0, .17);
    backdrop-filter: blur(13px);
    -webkit-backdrop-filter: blur(13px);
}

.tour-hero .tour-trustbar-item {
    display: flex;
    min-width: 0;
    align-items: center;
    justify-content: center;
    gap: 12px;
    padding: 10px 14px;
    border-right: 1px solid rgba(222, 249, 251, .26);
    color: #fff;
    font-size: 13px;
    font-weight: 800;
    text-align: center;
}

.tour-hero .tour-trustbar-item:last-child {
    border-right: 0;
}

.tour-hero .tour-trustbar-icon {
    color: #59e5e9;
    font-size: 24px;
    line-height: 1;
}

/* Tablet */
@media (max-width: 1180px) {
    .tour-hero {
        min-height: auto;
        padding-top: 24px;
    }

    .tour-hero .tour-hero-wrap {
        width: min(100% - 40px, 980px);
        min-height: 0;
    }

    .tour-hero .tour-hero-grid {
        grid-template-columns: minmax(0, 1fr);
        gap: 34px;
    }

    .tour-hero .tour-hero-copy {
        max-width: 880px;
    }

    .tour-hero .tour-search {
        max-width: 620px;
        justify-self: center;
    }

    .tour-hero .tour-mini-grid {
        max-width: 860px;
    }
}

/* Mobile */
@media (max-width: 700px) {
    .tour-hero {
        padding: 14px 0 20px;
        background-position: 58% center;
    }

    .tour-hero::before {
        background:
            linear-gradient(180deg, rgba(1, 17, 35, .87) 0%, rgba(1, 24, 42, .76) 52%, rgba(1, 17, 31, .92) 100%),
            linear-gradient(90deg, rgba(1, 17, 35, .70), rgba(1, 17, 35, .35));
    }

    .tour-hero .tour-hero-wrap {
        width: min(100% - 24px, 620px);
    }

    .tour-hero .tour-hero-route-badge {
        align-self: flex-start;
        min-height: 42px;
        margin-bottom: 18px;
        font-size: 11px;
    }

    .tour-hero .tour-hero-copy {
        padding-top: 0;
        text-align: center;
    }

    .tour-hero .tour-hero-kicker {
        font-size: 12px;
        letter-spacing: .11em;
    }

    .tour-hero .tour-hero-title {
        margin-inline: auto;
        font-size: clamp(42px, 12.7vw, 60px);
        line-height: 1.01;
    }

    .tour-hero .tour-hero-title strong {
        margin-inline: auto;
    }

    .tour-hero .tour-hero-desc {
        margin-inline: auto;
        font-size: 15px;
    }

    .tour-hero .tour-hero-actions {
        display: grid;
        grid-template-columns: 1fr;
    }

    .tour-hero .tour-btn,
    .tour-hero .tour-btn-primary,
    .tour-hero .tour-btn-outline {
        width: 100%;
        min-width: 0;
    }

    .tour-hero .tour-benefits {
        display: grid;
        grid-template-columns: 1fr;
        gap: 0;
        margin-top: 16px;
        text-align: left;
    }

    .tour-hero .tour-benefit-item,
    .tour-hero .tour-benefit-item:first-child {
        min-height: 48px;
        padding: 0 4px;
        border-right: 0;
        border-bottom: 1px solid rgba(219, 247, 250, .18);
    }

    .tour-hero .tour-benefit-item:last-child {
        border-bottom: 0;
    }

    .tour-hero .tour-mini-grid {
        grid-template-columns: 1fr;
        gap: 12px;
    }

    .tour-hero .tour-mini-card {
        height: 180px;
    }

    .tour-hero .tour-search {
        max-width: none;
        border-radius: 19px;
    }

    .tour-hero .tour-search-inner {
        padding: 22px 18px 17px;
    }

    .tour-hero .tour-form-grid {
        grid-template-columns: 1fr;
    }

    .tour-hero .tour-field-control {
        height: 56px;
        min-height: 56px;
    }

    .tour-hero .tour-trustbar {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        margin-top: 18px;
    }

    .tour-hero .tour-trustbar-item {
        min-height: 58px;
        border-bottom: 1px solid rgba(222, 249, 251, .22);
    }

    .tour-hero .tour-trustbar-item:nth-child(2n) {
        border-right: 0;
    }

    .tour-hero .tour-trustbar-item:nth-child(3),
    .tour-hero .tour-trustbar-item:nth-child(4) {
        border-bottom: 0;
    }
}

@media (max-width: 390px) {
    .tour-hero .tour-hero-wrap {
        width: calc(100% - 18px);
    }

    .tour-hero .tour-hero-title {
        font-size: 40px;
    }

    .tour-hero .tour-mini-card {
        height: 165px;
    }

    .tour-hero .tour-people-control {
        grid-template-columns: 36px minmax(0, 1fr) 36px;
    }

    .tour-hero .tour-people-btn {
        width: 36px;
        min-width: 36px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .tour-hero .tour-btn,
    .tour-hero .tour-mini-card,
    .tour-hero .tour-mini-card-media img {
        transition: none;
    }

    .tour-hero .tour-btn:hover,
    .tour-hero .tour-mini-card:hover,
    .tour-hero .tour-mini-card:hover .tour-mini-card-media img {
        transform: none;
    }
}

/* =========================================================
   KS27 ORTAK SAYFA GENISLIGI - 2026-07-28
   Tum ana sayfa ve ic sayfa kabuklarini ayni hatta toplar.
========================================================= */
:root {
    --ks27-site-width: 1360px;
    --ks27-site-gutter: 24px;
}

.site-container,
.tour-wrap,
.tour-layout-container,
.tours-container,
.routes-page .tour-wrap,
.route-page .tour-wrap,
.ks27-blog-shell,
.contact-page .tour-wrap,
.contact-container,
.page-container,
.content-container,
.section-container,
.inner-container,
.at-page-banner__inner {
    width: min(calc(100% - (var(--ks27-site-gutter) * 2)), var(--ks27-site-width)) !important;
    max-width: var(--ks27-site-width) !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

.at-header {
    width: min(calc(100% - (var(--ks27-site-gutter) * 2)), var(--ks27-site-width)) !important;
    right: auto !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
}

@media (max-width: 1024px) {
    :root { --ks27-site-gutter: 20px; }
}

@media (max-width: 767px) {
    :root { --ks27-site-gutter: 12px; }

    .site-container,
    .tour-wrap,
    .tour-layout-container,
    .tours-container,
    .routes-page .tour-wrap,
    .route-page .tour-wrap,
    .ks27-blog-shell,
    .contact-page .tour-wrap,
    .contact-container,
    .page-container,
    .content-container,
    .section-container,
    .inner-container,
    .at-page-banner__inner {
        width: calc(100% - (var(--ks27-site-gutter) * 2)) !important;
    }
}

/* =========================================================
   POPÜLER TURLAR — MOBİL BAŞLIK TEK SATIR FINAL
   ========================================================= */
@media (max-width: 768px) {
    #populer-turlar .tour-popular-header .tour-head h2,
    #populer-turlar .tour-popular-header h2,
    #populer-turlar .tour-head h2,
    #populer-turlar h2 {
        display: block !important;
        width: 100% !important;
        max-width: none !important;
        margin: 0 0 10px !important;
        font-size: clamp(24px, 6.4vw, 31px) !important;
        line-height: 1.05 !important;
        letter-spacing: -0.045em !important;
        white-space: nowrap !important;
        overflow: visible !important;
        word-break: normal !important;
        overflow-wrap: normal !important;
        text-wrap: nowrap !important;
    }
}

@media (max-width: 390px) {
    #populer-turlar .tour-popular-header .tour-head h2,
    #populer-turlar .tour-popular-header h2,
    #populer-turlar .tour-head h2,
    #populer-turlar h2 {
        font-size: 23px !important;
        letter-spacing: -0.05em !important;
    }
}
