/* Current design revision fixes. Loaded after the main stylesheets. */

.route-vehicle-bus {
    z-index: 1;
}

.route-vehicle-jeep {
    z-index: 2;
}

.route-vehicle-car {
    z-index: 3;
    transform: translateY(-8px);
}

.review-card:nth-child(3) {
    background: #12251b;
    color: #fff;
}

.review-card:nth-child(3)::before {
    color: rgba(232, 185, 92, 0.18);
}

.blog-page,
.blog-detail-page,
.gallery-v3-page {
    max-width: 100%;
    overflow-x: hidden;
}

.blog-page .container,
.blog-detail-head,
.blog-detail-content {
    min-width: 0;
}

.blog-grid,
.blog-card,
.blog-card-copy,
.gallery-v3-page .school-title-layout,
.gallery-v3-page .school-title-layout > div {
    min-width: 0;
    max-width: 100%;
}

.blog-card h2,
.blog-card p,
.blog-card-copy a,
.blog-feature-slider-head h2,
.blog-feature-slide strong,
.blog-page .school-title-layout h1,
.blog-page .school-title-layout p,
.blog-detail-head h1,
.blog-detail-head p,
.gallery-v3-page .school-title-layout h1,
.gallery-v3-page .school-title-layout h1 b,
.gallery-v3-page .school-title-layout p {
    white-space: normal !important;
    overflow-wrap: anywhere;
    word-break: break-word;
}

.blog-detail-content article {
    max-width: 100%;
    white-space: pre-wrap !important;
    overflow-wrap: anywhere;
    word-break: break-word;
}

@media (max-width: 1199.98px) {
    #navV1 .universal-nav-menu .company-mobile-cta.nav-link {
        min-height: 50px !important;
        width: 100% !important;
        display: flex !important;
        align-items: center !important;
        justify-content: flex-start !important;
        gap: 12px !important;
        padding: 0 14px !important;
        border: 0 !important;
        border-radius: 8px !important;
        color: #132f22 !important;
        background: rgba(19, 47, 34, 0.06) !important;
        box-shadow: none !important;
        text-align: left !important;
        text-shadow: none !important;
    }

    #navV1 .universal-nav-menu .company-mobile-cta.nav-link:hover,
    #navV1 .universal-nav-menu .company-mobile-cta.nav-link:focus {
        color: #0d573b !important;
        background: rgba(19, 47, 34, 0.1) !important;
        transform: none !important;
    }

    #navV1 .universal-nav-menu .company-mobile-cta.nav-link i {
        width: auto !important;
        height: auto !important;
        flex: 0 0 auto !important;
        margin: 0 !important;
        border: 0 !important;
        border-radius: 0 !important;
        color: #27624a !important;
        background: transparent !important;
        box-shadow: none !important;
    }

    #navV1 .universal-nav-actions {
        width: 100% !important;
        align-items: flex-start !important;
        margin-top: 10px !important;
        padding: 0 !important;
    }

    #navV1 .universal-nav-actions .navbar-pulse-btn {
        min-width: 210px !important;
        height: 58px !important;
        min-height: 58px !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 10px !important;
        padding: 0 20px !important;
        border: 1px solid rgba(196, 226, 159, .58) !important;
        border-radius: 18px !important;
        clip-path: none !important;
        color: #f8fff4 !important;
        background-color: rgba(28, 78, 49, .92) !important;
        background-image: linear-gradient(135deg, rgba(255, 255, 255, .22) 0%, rgba(137, 185, 86, .34) 32%, rgba(24, 78, 49, .96) 100%) !important;
        box-shadow: 0 16px 34px rgba(7, 35, 23, .26), inset 0 1px 0 rgba(255, 255, 255, .28) !important;
        font-size: 1.05rem !important;
        font-weight: 800 !important;
        letter-spacing: 0 !important;
        text-shadow: none !important;
    }

    #navV1 .universal-nav-actions .navbar-pulse-btn:hover,
    #navV1 .universal-nav-actions .navbar-pulse-btn:focus {
        color: #f8fff4 !important;
        background-color: rgba(34, 91, 56, .98) !important;
        background-image: linear-gradient(135deg, rgba(255, 255, 255, .26) 0%, rgba(157, 205, 103, .42) 32%, rgba(24, 82, 51, .98) 100%) !important;
        transform: translateY(-2px) !important;
        box-shadow: 0 22px 42px rgba(7, 35, 23, .32), inset 0 1px 0 rgba(255, 255, 255, .32) !important;
    }

    #navV1 .universal-nav-actions .navbar-pulse-btn i {
        color: inherit !important;
        transform: none !important;
    }

    #navV1 .universal-nav-actions .navbar-pulse-btn:hover i,
    #navV1 .universal-nav-actions .navbar-pulse-btn:focus i {
        transform: translateX(3px) !important;
    }
}

.privacy-policy-page {
    background:
        linear-gradient(180deg, #f8f5ee 0%, #eef5ee 48%, #fff 100%);
    color: #123827;
}

.privacy-hero {
    padding: clamp(130px, 13vw, 178px) 0 clamp(54px, 7vw, 88px);
    background:
        radial-gradient(circle at 86% 18%, rgba(232, 185, 92, .2), transparent 26%),
        linear-gradient(135deg, #102d21 0%, #174833 100%);
    color: #fff;
}

.privacy-hero span,
.privacy-summary span {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    color: #e8b95c;
    font-family: 'Montserrat', sans-serif;
    font-size: .76rem;
    font-weight: 900;
    letter-spacing: .14em;
    text-transform: uppercase;
}

.privacy-hero h1 {
    max-width: 860px;
    margin: 18px 0;
    color: #fff;
    font-size: clamp(3rem, 7vw, 6.6rem);
    line-height: .94;
}

.privacy-hero p {
    max-width: 760px;
    margin: 0;
    color: rgba(255, 255, 255, .78);
    font-size: 1.08rem;
    line-height: 1.75;
}

.privacy-document {
    padding: clamp(52px, 7vw, 96px) 0;
}

.privacy-document-grid {
    display: grid;
    grid-template-columns: minmax(240px, .35fr) minmax(0, .65fr);
    gap: clamp(28px, 5vw, 70px);
    align-items: start;
}

.privacy-summary {
    position: sticky;
    top: 118px;
    padding: 28px;
    border: 1px solid rgba(19, 56, 39, .12);
    border-radius: 8px;
    background: rgba(255, 255, 255, .92);
    box-shadow: 0 18px 45px rgba(19, 56, 39, .08);
}

.privacy-summary span {
    color: #bd7044;
}

.privacy-summary h2 {
    margin: 14px 0 12px;
    color: #123827;
    font-size: clamp(1.45rem, 2vw, 2.25rem);
    line-height: 1.05;
}

.privacy-summary p,
.privacy-copy p,
.privacy-copy li {
    color: #5f6f65;
    line-height: 1.75;
}

.privacy-summary a,
.privacy-copy a {
    color: #135b3d;
    font-weight: 900;
    text-decoration: none;
}

.privacy-copy {
    display: grid;
    gap: 18px;
}

.privacy-copy section {
    padding: clamp(24px, 4vw, 38px);
    border: 1px solid rgba(19, 56, 39, .1);
    border-radius: 8px;
    background: #fff;
    box-shadow: 0 16px 38px rgba(19, 56, 39, .06);
}

.privacy-copy h2 {
    margin: 0 0 14px;
    color: #123827;
    font-size: clamp(1.65rem, 3vw, 2.65rem);
    line-height: 1.05;
}

.privacy-copy h3 {
    margin: 24px 0 8px;
    color: #bd7044;
    font-size: 1.02rem;
    letter-spacing: .04em;
    text-transform: uppercase;
}

.privacy-copy ul {
    margin: 14px 0 18px;
    padding-left: 20px;
}

@media (max-width: 575.98px) {
    .route-game-copy {
        gap: 14px;
    }

    .route-game-copy h1 {
        max-width: 9.2em;
        font-size: clamp(2rem, 10vw, 3rem) !important;
        line-height: .94 !important;
    }

    .route-game-copy .route-v2-action {
        width: max-content !important;
        max-width: 100%;
        min-height: 46px;
        justify-content: flex-start !important;
        justify-self: start;
        padding: 0 20px;
    }

    .route-vehicle-bus {
        bottom: 7px !important;
    }
}

/* Ana sayfa Orman Okulu: açık tonlu editoryal fotoğraf + asimetrik not kartları. */
.forest-school-spotlight { position:relative; overflow:hidden; isolation:isolate; padding-top:clamp(44px,5vw,72px) !important; padding-bottom:clamp(44px,5vw,72px) !important; color:#153c2b; background:linear-gradient(132deg,#f8f5eb 0%,#eef3e9 56%,#fbf7ec 100%); }
.forest-school-spotlight::before,.forest-school-spotlight::after { content:""; position:absolute; z-index:-1; border-radius:50%; pointer-events:none; }
.forest-school-spotlight::before { width:640px; height:640px; right:-270px; top:-310px; border:1px solid rgba(20,61,43,.12); box-shadow:0 0 0 72px rgba(20,61,43,.025),0 0 0 144px rgba(20,61,43,.018); }
.forest-school-spotlight::after { width:280px; height:280px; left:-125px; bottom:-150px; background:rgba(233,188,67,.2); filter:blur(9px); }
.forest-school-grid { display:grid; grid-template-columns:minmax(0,1.16fr) minmax(380px,.84fr); gap:clamp(38px,5vw,76px); align-items:center; }
.forest-school-media { position:relative; aspect-ratio:16/10.75; margin:0; }
.forest-school-media::before { display:none; }
.forest-school-media::after { content:""; position:absolute; inset:0; border-radius:10px 28px 10px 28px; background:linear-gradient(180deg,transparent 48%,rgba(5,39,27,.83)); box-shadow:0 30px 68px rgba(18,56,39,.23); pointer-events:none; }
.forest-school-media img { width:100%; height:100%; position:absolute; inset:0; border-radius:10px 28px 10px 28px; object-fit:cover; transition:transform .8s cubic-bezier(.2,.7,.2,1),filter .5s ease; }
.forest-school-media:hover img { transform:scale(1.04); }
.forest-school-media > span { position:absolute; z-index:2; left:24px; right:24px; bottom:22px; display:flex; align-items:center; gap:11px; color:#fff; font-weight:850; letter-spacing:.01em; }
.forest-school-media > span i { width:40px; height:40px; display:grid; place-items:center; border-radius:50%; color:#143c2b; background:#f1c94f; }
.forest-school-copy { position:relative; z-index:1; }
.forest-school-copy .exp-kicker { color:#b56338; }
.forest-school-copy .exp-kicker::before { background:#b56338; }
.forest-school-copy h2 { max-width:650px; margin:10px 0 24px; color:#113b29; font-size:clamp(2.35rem,3.65vw,4rem); font-weight:650; line-height:.98; letter-spacing:-.045em; }
.forest-school-copy > p { max-width:620px; margin-bottom:14px; color:#66776d; font-size:1rem; line-height:1.65; }
.forest-school-card-stack { display:flex; flex-direction:column; gap:15px; margin:0 0 22px; }
.forest-school-card-stack article { position:relative; width:min(88%,520px); min-height:66px; display:grid; grid-template-columns:40px minmax(0,1fr); gap:12px; align-items:center; padding:9px 40px 9px 10px; overflow:hidden; border:1px solid rgba(18,56,39,.11); border-left:3px solid #3c7359; border-radius:8px 18px 8px 18px; background:rgba(255,255,255,.76); box-shadow:0 11px 25px rgba(18,56,39,.07); backdrop-filter:blur(9px); animation:forestCardFloat 4.6s ease-in-out var(--forest-delay) infinite; transition:border-color .25s ease,box-shadow .25s ease,transform .25s ease; }
.forest-school-card-stack article:nth-child(2) { align-self:flex-end; }
.forest-school-card-stack article:hover { border-color:rgba(181,99,56,.38); border-left-color:#b56338; box-shadow:0 17px 36px rgba(18,56,39,.13); }
.forest-school-card-stack article > span { width:40px; height:40px; display:grid; place-items:center; border-radius:50%; color:#fff; background:#153f2d; font-size:.9rem; box-shadow:0 0 0 5px rgba(21,63,45,.07); }
.forest-school-card-stack strong,.forest-school-card-stack small { display:block; }
.forest-school-card-stack strong { color:#153c2b; font-size:.95rem; }
.forest-school-card-stack small { margin-top:3px; color:#66756c; font-size:.75rem; line-height:1.4; }
.forest-school-card-stack em { position:absolute; right:13px; top:11px; color:#b56338; font-size:.62rem; font-style:normal; font-weight:900; letter-spacing:.12em; }
.forest-school-copy .exp-action { color:#fff; background:#143f2d; border-color:#143f2d; box-shadow:0 14px 30px rgba(18,56,39,.18); }
.forest-school-copy .exp-action:hover { color:#143c2b; background:#f0c64e; border-color:#f0c64e; }
@keyframes forestCardFloat { 0%,100% { transform:translateY(0); } 50% { transform:translateY(-5px); } }
@media (prefers-reduced-motion:reduce) { .forest-school-card-stack article { animation:none; } }
@media (max-width:991.98px) { .forest-school-grid { grid-template-columns:1fr; } .forest-school-media { max-height:620px; aspect-ratio:16/10; } .forest-school-copy { max-width:760px; } }
@media (max-width:575.98px) { .forest-school-media { max-height:none; aspect-ratio:4/3; margin:0; } .forest-school-copy h2 { font-size:clamp(2.35rem,12vw,3.8rem); } .forest-school-card-stack article,.forest-school-card-stack article:nth-child(2) { width:100%; align-self:stretch; grid-template-columns:42px minmax(0,1fr); gap:10px; padding:11px 36px 11px 11px; } .forest-school-card-stack article > span { width:42px; height:42px; } }

/* Orman Okulu detayında Hakkımızda yapısı kullanılır; üçlü galeri bilinçli olarak yoktur. */
.forest-school-detail { background:linear-gradient(180deg,#fbfaf5 0%,#fff 58%,#f2f7f2 100%); }
.forest-school-detail-grid aside { border-radius:8px 28px 8px 28px; box-shadow:0 24px 60px rgba(10,55,37,.16); }
.forest-school-detail-editorial { margin-top:clamp(35px,5vw,72px); margin-bottom:clamp(60px,8vw,120px); padding-top:clamp(28px,4vw,54px); border-top:1px solid rgba(15,70,48,.13); }
.forest-school-detail-editorial img { max-width:100%; height:auto; border-radius:18px; }

@media (max-width: 767.98px) {
    html,
    body {
        background:
            linear-gradient(90deg, #d8242f 0 25%, #18a957 25% 50%, #f2b51d 50% 75%, #147dbb 75% 100%) left bottom / 100% env(safe-area-inset-bottom) no-repeat fixed,
            #fff;
    }

    body::after {
        content: "";
        position: fixed;
        left: 0;
        right: 0;
        bottom: 0;
        height: env(safe-area-inset-bottom);
        pointer-events: none;
        z-index: 1099;
        background: linear-gradient(90deg, #d8242f 0 25%, #18a957 25% 50%, #f2b51d 50% 75%, #147dbb 75% 100%);
    }

    .mobile-app-nav {
        background: linear-gradient(90deg, #d8242f 0 25%, #18a957 25% 50%, #f2b51d 50% 75%, #147dbb 75% 100%) !important;
    }

    .mobile-app-nav .mobile-app-nav-item {
        position: relative;
        z-index: 1;
    }

    .hero-button-group .hero-btn-reservation {
        display: none !important;
    }

    .manifest-media {
        min-height: 0 !important;
        margin-bottom: 0 !important;
    }

    .manifest-media::before {
        content: none !important;
        display: none !important;
    }

    .manifest-media img {
        height: auto !important;
        min-height: 0 !important;
        aspect-ratio: 4 / 3;
        object-fit: cover;
    }

    .exp-corporate-command {
        padding-bottom: 48px !important;
    }

    .exp-corporate-command::before {
        content: none !important;
        display: none !important;
    }

    .exp-corporate-command .command-shell {
        gap: 26px !important;
    }

    .exp-corporate-command .command-visual,
    .exp-corporate-command .command-visual picture {
        display: block;
        min-height: 0 !important;
        height: auto !important;
        margin-bottom: 0 !important;
        overflow: hidden !important;
        border: 0 !important;
    }

    .exp-corporate-command .command-visual img {
        display: block;
        height: auto !important;
        max-height: 360px;
        aspect-ratio: 4 / 3;
        object-fit: cover;
    }

    .exp-corporate-command .command-panel {
        display: none !important;
    }

    .exp-corporate-command .command-visual::after {
        bottom: auto !important;
        height: min(100%, 360px);
    }

    .exp-adventure-route {
        padding-top: 44px !important;
    }

    .business-lead-form input:not([type="hidden"]):not([type="checkbox"]):not([type="radio"]),
    .business-lead-form textarea,
    .business-lead-form select,
    .business-lead-form .business-picker-trigger,
    .allocation-v2 input,
    .allocation-v2 textarea,
    #rezervasyonFormu input:not([type="hidden"]):not([type="checkbox"]):not([type="radio"]),
    #rezervasyonFormu textarea,
    #rezervasyonFormu select,
    .payment-fields input {
        font-size: 16px !important;
    }

    .legal-policy-dialog {
        width: calc(100% - 32px);
        max-width: none;
        height: calc(100dvh - 132px - env(safe-area-inset-top) - env(safe-area-inset-bottom));
        margin: calc(116px + env(safe-area-inset-top)) auto calc(16px + env(safe-area-inset-bottom));
    }

    .legal-policy-content {
        border-radius: 8px;
    }

    .legal-policy-body {
        height: calc(100% - 99px - env(safe-area-inset-top));
    }

    .business-sticky-quote {
        display: inline-flex !important;
        grid-template-columns: none !important;
        grid-template-rows: none !important;
        right: 14px !important;
        left: auto !important;
        bottom: calc(80px + env(safe-area-inset-bottom)) !important;
        z-index: 1090;
        min-width: 125px !important;
        width: auto !important;
        min-height: 0 !important;
        height: 46px !important;
        padding: 0 13px !important;
        gap: 9px !important;
        column-gap: 9px !important;
        border: 1px solid rgba(102, 167, 82, .38) !important;
        border-radius: 999px !important;
        color: #123827 !important;
        background:
            linear-gradient(135deg, rgba(255, 255, 255, .98) 0%, rgba(244, 250, 239, .96) 100%) !important;
        box-shadow:
            0 14px 30px rgba(14, 55, 37, .18),
            0 0 0 5px rgba(141, 198, 96, .12) !important;
        backdrop-filter: blur(12px);
        -webkit-backdrop-filter: blur(12px);
        font-size: .82rem !important;
        font-weight: 950 !important;
        letter-spacing: 0;
    }

    .business-sticky-quote::before {
        content: none !important;
        display: none !important;
    }

    .business-sticky-quote i {
        width: 24px !important;
        height: 24px !important;
        font-size: .72rem !important;
        grid-column: auto !important;
        grid-row: auto !important;
        border-radius: 999px !important;
        color: #135b3d !important;
        background:
            linear-gradient(135deg, rgba(210, 235, 198, .95) 0%, rgba(238, 248, 231, .95) 100%) !important;
        box-shadow:
            inset 0 1px 0 rgba(255, 255, 255, .8),
            0 5px 12px rgba(14, 85, 56, .14);
        animation: none !important;
    }

    .business-sticky-quote:hover {
        color: #123827 !important;
        background: #fff !important;
        transform: translateY(-2px);
    }

    body:has(.business-lead-form :focus) .business-sticky-quote,
    .business-page-v2.is-lead-form-visible .business-sticky-quote {
        opacity: 0;
        pointer-events: none;
        transform: translateY(8px);
    }

    .business-choice-modal .modal-dialog,
    .business-calendar-modal .modal-dialog {
        width: calc(100% - 28px) !important;
        max-width: calc(100% - 28px) !important;
        margin-left: auto !important;
        margin-right: auto !important;
        transform: none;
    }

    .business-choice-modal .modal-content,
    .business-calendar-modal .modal-content {
        width: 100%;
    }

    .gallery-v3-page .school-title-hero.school-title-compact {
        min-height: 330px !important;
        padding: 112px 0 42px !important;
        overflow: hidden;
    }

    .gallery-v3-page .school-title-layout {
        display: block !important;
    }

    .gallery-v3-page .school-title-layout h1 {
        max-width: 100% !important;
        font-size: clamp(2.25rem, 11.5vw, 3.15rem) !important;
        line-height: 1.02 !important;
    }

    .gallery-v3-page .school-title-layout p {
        width: 100% !important;
        margin-top: 18px !important;
    }

    .business-page-v2.business-landing .business-gallery-heading {
        display: block !important;
        margin-bottom: 22px !important;
        text-align: center !important;
    }

    .business-page-v2.business-landing .business-gallery-heading > div:first-child,
    .business-page-v2.business-landing .business-gallery-heading h2,
    .business-page-v2.business-landing .business-gallery-heading p {
        max-width: 100% !important;
        min-width: 0 !important;
    }

    .business-page-v2.business-landing .business-gallery-heading h2 {
        white-space: normal !important;
        overflow-wrap: anywhere;
        font-size: clamp(2rem, 11vw, 2.85rem) !important;
        line-height: 1.03 !important;
    }

    .business-gallery-note {
        width: max-content !important;
        max-width: 100% !important;
        min-width: 0 !important;
        margin: 14px auto 0 !important;
    }

    .blog-page {
        max-width: 100%;
        overflow-x: hidden;
    }

    .blog-page .container,
    .blog-grid,
    .blog-card,
    .blog-card-copy {
        min-width: 0;
        max-width: 100%;
    }

    .blog-card h2,
    .blog-card p,
    .blog-card-copy a,
    .blog-feature-slider-head h2,
    .blog-feature-slide strong,
    .blog-page .school-title-layout h1,
    .blog-page .school-title-layout p {
        white-space: normal !important;
        overflow-wrap: anywhere;
        word-break: normal;
    }

    .blog-card h2 {
        font-size: clamp(1.35rem, 7vw, 1.85rem) !important;
        line-height: 1.12 !important;
    }

    .special-refresh-page.special-compact-page .special-compact-hero,
    .special-compact-page .special-compact-hero {
        margin-top: 16px;
    }

    .route-vehicle-car {
        transform: translateY(-2px);
    }
}

@media (max-width: 991.98px) {
    .privacy-document-grid {
        grid-template-columns: 1fr;
    }

    .privacy-summary {
        position: static;
    }
}

@media (max-width: 575.98px) {
    .privacy-hero {
        padding: 116px 0 46px;
    }

    .privacy-hero h1 {
        font-size: clamp(2.35rem, 14vw, 3.6rem);
    }

    .privacy-copy section,
    .privacy-summary {
        padding: 22px;
    }
}

@media (max-width: 767.98px) {
    .hero-video-section > .bg-video.bunny-mobile-contain,
    .business-landing-hero > video.bunny-mobile-contain {
        top: 50% !important;
        left: 50% !important;
        width: 100% !important;
        height: 100% !important;
        min-width: 0 !important;
        min-height: 0 !important;
        transform: translate(-50%, -50%) !important;
        object-fit: cover !important;
        object-position: center center !important;
        background: #000;
    }

    .hero-video-section > .bunny-background.bunny-mobile-contain,
    .business-landing-hero > .bunny-background.bunny-mobile-contain {
        background: #000;
    }

    .bunny-background.bunny-mobile-contain iframe {
        top: 50% !important;
        width: 56.25vh !important;
        height: 100vh !important;
        min-width: 100% !important;
        min-height: 177.78vw !important;
        transform: translate(-50%, -50%) !important;
        background: #000;
    }
}
/* Mekan detay galerisi: 16:9 gorseli kırpmadan gösterir, küçük önizlemeler görselin üstündedir. */
.venue-gallery-frame.venue-gallery-v2 {
    position: relative !important;
    display: block !important;
    height: auto !important;
    aspect-ratio: 16 / 9 !important;
    min-height: 0 !important;
    background: #e8eee9 !important;
}

.venue-gallery-v2 #detailGallery,
.venue-gallery-v2 #detailGallery .carousel-inner,
.venue-gallery-v2 #detailGallery .carousel-item {
    width: 100% !important;
    height: 100% !important;
    min-height: 0 !important;
}

.venue-gallery-v2 #detailGallery .carousel-item img {
    width: 100% !important;
    height: 100% !important;
    min-height: 0 !important;
    object-fit: contain !important;
    object-position: center !important;
    background: #e8eee9 !important;
}

.venue-gallery-v2 .venue-gallery-thumbs {
    position: absolute !important;
    z-index: 5 !important;
    left: 16px !important;
    right: auto !important;
    bottom: 16px !important;
    max-width: calc(100% - 32px) !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 8px !important;
    display: flex !important;
    flex-wrap: nowrap !important;
    overflow-x: auto !important;
    border: 1px solid rgba(255,255,255,.28) !important;
    border-radius: 12px !important;
    background: rgba(8,31,21,.58) !important;
    backdrop-filter: blur(9px);
    box-shadow: 0 10px 30px rgba(0,0,0,.2) !important;
}

.venue-gallery-v2 .venue-gallery-thumbs button {
    flex: 0 0 72px !important;
    width: 72px !important;
    height: 52px !important;
    background: #fff !important;
}

@media (max-width: 575.98px) {
    .venue-gallery-frame.venue-gallery-v2 { height: auto !important; aspect-ratio:16 / 9 !important; }
    .venue-gallery-v2 #detailGallery,
    .venue-gallery-v2 #detailGallery .carousel-inner,
    .venue-gallery-v2 #detailGallery .carousel-item { height: 100% !important; min-height: 0 !important; }
    .venue-gallery-v2 .venue-gallery-thumbs { left: 10px !important; bottom: 10px !important; max-width: calc(100% - 20px) !important; padding: 6px !important; }
    .venue-gallery-v2 .venue-gallery-thumbs button { flex-basis: 58px !important; width: 58px !important; height: 44px !important; }
}

/* Mekanlar liste sayfasındaki tüm sliderlar da kaynak görsel oranını korur. */
.live-places-grid .place-gallery,
.live-places-grid .place-gallery .carousel-inner,
.live-places-grid .place-gallery .carousel-item {
    height: auto !important;
    min-height: 0 !important;
    aspect-ratio: 16 / 9 !important;
    background: #e8eee9 !important;
}

.live-places-grid .place-gallery .carousel-item > img {
    width: 100% !important;
    height: 100% !important;
    min-height: 0 !important;
    object-fit: contain !important;
    object-position: center !important;
    background: #e8eee9 !important;
}

/* Hero videoları: üç sayfada aynı yeşil filtre, ana sayfada kırpmasız 16:9 masaüstü gösterim. */
.hero-video-section .video-overlay-luxury,
.business-landing-hero .business-v4-overlay,
.school-video-hero .school-video-hero-overlay {
    background:
        linear-gradient(90deg, rgba(5,28,21,.9) 0%, rgba(5,42,30,.58) 52%, rgba(5,42,30,.2) 100%),
        linear-gradient(0deg, rgba(5,28,21,.74), transparent 58%) !important;
    pointer-events: none;
}

.hero-video-section > .bg-video {
    z-index: 0 !important;
}

@media (min-width: 768px) {
    .hero-video-section > .bg-video {
        top: 50% !important;
        left: 50% !important;
        width: 100% !important;
        height: 100% !important;
        min-width: 0 !important;
        min-height: 0 !important;
        object-fit: cover !important;
        object-position: center center !important;
        transform: translate(-50%, -50%) !important;
        background: #102f24;
    }

    .hero-video-section > .youtube-background {
        --youtube-frame-center-y: 50%;
    }

    .hero-video-section > .youtube-background iframe {
        top: 50% !important;
        width: 100vw !important;
        height: 56.25vw !important;
        min-width: 177.78vh !important;
        min-height: 100% !important;
        transform: translate(-50%, -50%) !important;
    }
}
