:root{--gold:#f6b722;--gold2:#d79512;--ink:#0c0e0e;--panel:#161919;--muted:#aeb3b3;--heading:'Barlow Condensed',Impact,sans-serif;--body:'Inter',Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:86px}body{margin:0;font-family:var(--body);background:var(--ink);color:#f5f5f2;font-size:14px}a{text-decoration:none}button,a{transition:all .25s ease}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid var(--gold);outline-offset:3px}::selection{background:var(--gold);color:#000}.container{max-width:1320px}.site-header{position:absolute;z-index:100;top:0;left:0;right:0;background:linear-gradient(#060808e8,#060808b0 70%,transparent)}.site-nav{max-width:1470px;padding:15px 32px}.brand{display:flex;align-items:center;gap:12px;max-width:330px}.brand img{width:90px;height:90px;object-fit:contain;border-radius:50%}.brand-name{font:900 32px/.78 var(--heading);letter-spacing:.1px;display:block;white-space:nowrap}.brand-name b{display:block;color:var(--gold);font-size:43px;line-height:.98}.brand-name small{display:block;margin-top:9px;font:700 10px var(--body);letter-spacing:2.5px;color:#d5d6d4}.nav-link{font:700 16px var(--heading);color:#f5f5f5!important;padding:13px 11px!important;white-space:nowrap}.nav-link:hover,.nav-link.active{color:var(--gold)!important}.btn{font:800 17px var(--heading);letter-spacing:.4px;border-radius:5px;padding:12px 23px;display:inline-flex;align-items:center;justify-content:center;gap:13px}.btn-gold{background:var(--gold);border:1px solid var(--gold);color:#111}.btn-gold:hover{background:#ffcc4a;border-color:#ffcc4a;color:#000;transform:translateY(-2px)}.btn-nav{font-size:16px;padding:11px 16px}.btn-outline-light-custom{color:#fff;border:1px solid #ffffffb8;background:#1115}.btn-outline-light-custom:hover{color:#111;background:#fff}.btn-outline-gold{color:var(--gold);border:1px solid var(--gold)}.btn-outline-gold:hover{color:#111;background:var(--gold)}.btn-dark-outline{color:#101212;border:1px solid #292b2b}.btn-dark-outline:hover{background:#111;color:#fff}.hero{height:min(770px,92svh);min-height:610px;position:relative}.hero-swiper,.hero-slide{height:100%}.hero-slide{background-image:var(--hero-image);background-size:cover;background-position:center 55%;position:relative}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,#030504ed 0%,#030504bd 37%,#03050455 68%,#0305043d 100%),linear-gradient(0deg,#0305049c,transparent 32%)}.hero-inner{position:relative;z-index:1;height:100%;display:flex;align-items:center;padding-top:100px}.hero-copy{max-width:680px}.eyebrow,.section-eyebrow{color:var(--gold);font:800 16px var(--heading);letter-spacing:2px}.eyebrow{display:flex;align-items:center;gap:12px;margin-bottom:18px}.eyebrow span{height:2px;width:36px;background:var(--gold)}.hero h1,.hero h2{font:900 clamp(58px,7vw,106px)/.91 var(--heading);margin:0 0 24px;letter-spacing:-.5px;text-shadow:0 3px 20px #0006}.hero h1 em,.hero h2 em{display:block;font-style:normal;color:var(--gold);margin-top:8px}.hero-copy p{font-size:16px;line-height:1.85;color:#e0e0df;max-width:505px;margin-bottom:26px}.hero-actions{display:flex;gap:14px;flex-wrap:wrap}.hero-pagination{bottom:25px!important}.hero-pagination .swiper-pagination-bullet{background:#fff;opacity:.7;width:9px;height:9px}.hero-pagination .swiper-pagination-bullet-active{background:var(--gold);opacity:1;width:31px;border-radius:5px}.hero-controls{position:absolute;bottom:26px;right:max(30px,calc((100vw - 1290px)/2));z-index:5;display:flex;gap:9px}.hero-controls button{border:1px solid #ffffff70;color:#fff;background:#15151577;width:40px;height:40px;border-radius:50%}.hero-controls button:hover{background:var(--gold);color:#000}.values-strip{background:#111515;border-bottom:1px solid #2c3030;padding:22px 0}.values-grid{display:grid;grid-template-columns:repeat(5,1fr)}.value-item{display:flex;align-items:center;gap:16px;padding:8px 20px;border-right:1px solid #353b3b}.value-item:first-child{padding-left:0}.value-item:last-child{border:0}.value-item>i{font-size:43px;color:var(--gold);line-height:1}.value-item h3{font:800 21px var(--heading);margin:0 0 3px}.value-item p{font-size:11px;line-height:1.6;color:#c6c8c6;margin:0}.about-copy{padding:75px max(35px,calc((100vw - 1320px)/2)) 70px max(35px,calc((100vw - 1320px)/2));padding-right:60px;background:#0a0c0b}.section-heading{font:900 clamp(38px,4.1vw,61px)/1 var(--heading);margin:10px 0 24px}.section-heading span{color:var(--gold)}.about-copy>p{line-height:1.85;color:#c6c9c8;max-width:490px}.check-list{list-style:none;padding:0;margin:25px 0}.check-list li{margin:10px 0;color:#e6e6e4}.check-list i{color:var(--gold);margin-right:9px}.video-panel{position:relative;min-height:470px;display:flex;align-items:center;justify-content:center;overflow:hidden}.video-panel-bg{position:absolute;inset:0;background:linear-gradient(0deg,#0808089a,#0808080a 65%),url('https://images.unsplash.com/photo-1500530855697-b586d89ba3ee?auto=format&fit=crop&w=1400&q=85') center/cover}.video-play{position:relative;width:96px;height:96px;border-radius:50%;border:3px solid #fff;background:#1117;color:#fff;font-size:45px;display:grid;place-items:center;z-index:1;box-shadow:0 0 0 12px #ffffff1a}.video-play:hover{transform:scale(1.08);background:var(--gold);color:#000}.video-caption{position:absolute;bottom:36px;left:50%;transform:translateX(-50%);font:800 19px var(--heading);white-space:nowrap}.video-caption i{color:var(--gold);margin-right:8px}.stats-strip{background:#151919;padding:29px 0;border-bottom:1px solid #343838}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr)}.stats-grid>div{display:flex;justify-content:center;align-items:center;gap:17px;border-right:1px solid #414545}.stats-grid>div:last-child{border:0}.stats-grid i{font-size:42px;color:var(--gold)}.stats-grid strong{font:900 39px/1 var(--heading);color:var(--gold);display:block}.stats-grid small{font:700 13px var(--heading);letter-spacing:1px}.stats-grid sup{font:600 9px var(--body);color:#999}.section-pad{padding:85px 0}.events-section,.gallery-section{background:#f2f3f1;color:#121514}.section-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:30px}.section-head .section-heading{margin-bottom:0}.dark-eyebrow{color:#ac7612}.dark-heading{color:#111}.demo-note,.gallery-count{font:700 11px var(--body);color:#6a6d69;text-transform:uppercase;letter-spacing:1px}.event-card{height:100%;background:#fff;border-radius:9px;overflow:hidden;box-shadow:0 6px 20px #0000000d;border:1px solid #e3e5e2;cursor:pointer;transition:transform .25s,box-shadow .25s}.event-card:hover{transform:translateY(-6px);box-shadow:0 14px 30px #00000020}.event-image{height:190px;position:relative;overflow:hidden}.event-image img{width:100%;height:100%;object-fit:cover;transition:transform .4s}.event-card:hover .event-image img{transform:scale(1.06)}.event-info{display:flex;align-items:center;gap:15px;padding:15px}.event-date{min-width:63px;background:var(--gold);border-radius:4px;text-align:center;color:#0c0c0c;padding:8px 6px}.event-date strong{display:block;font:900 35px/.95 var(--heading)}.event-date small{font:800 16px var(--heading)}.event-info h3{font:800 22px/1.1 var(--heading);margin:0 0 8px}.event-info p{font-size:12px;margin:0;color:#555}.event-info p i{color:#151515;margin-right:4px}.representatives-section{background:#101413}.section-subtitle{color:#abb1ad;max-width:650px;line-height:1.8;margin:12px 0 0}.map-hint{font:700 12px var(--heading);color:var(--gold);white-space:nowrap}.map-frame{height:485px;border:1px solid #454a46;border-radius:14px;position:relative;overflow:hidden;background:#1a2420}.map-frame #turkeyMap{height:100%;width:100%;z-index:1}.map-overlay-label{position:absolute;z-index:450;left:16px;top:16px;background:#101412d9;color:var(--gold);border:1px solid #ffffff25;border-radius:6px;padding:10px 15px;font:800 15px var(--heading);letter-spacing:1px}.leaflet-container{background:#18231e!important;font-family:var(--body)!important}.leaflet-popup-content-wrapper{background:#131918;color:#fff;border:1px solid #dca324;border-radius:9px}.leaflet-popup-tip{background:#131918}.leaflet-popup-content{margin:15px 19px;line-height:1.7}.leaflet-popup-content strong{font:800 23px var(--heading);color:var(--gold)}.leaflet-popup-content span{display:block;font-size:12px}.leaflet-popup-content small{color:#aeb6b0}.leaflet-control-attribution{font-size:9px!important}.rep-list{display:flex;gap:10px;flex-wrap:wrap;margin-top:19px}.rep-pill{background:#1d2420;border:1px solid #384139;border-radius:50px;color:#e6e9e5;padding:9px 15px;font-size:12px}.rep-pill:hover{border-color:var(--gold);color:var(--gold)}.rep-pill i{color:var(--gold);margin-right:6px}.gallery-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.gallery-item{position:relative;border:0;padding:0;overflow:hidden;border-radius:8px;aspect-ratio:1.2;cursor:pointer;background:#ddd}.gallery-item:first-child{grid-column:span 2;grid-row:span 2;aspect-ratio:auto}.gallery-item img{width:100%;height:100%;object-fit:cover;transition:transform .5s}.gallery-item:hover img{transform:scale(1.07)}.gallery-item:after{content:'';position:absolute;inset:45% 0 0;background:linear-gradient(transparent,#000b)}.gallery-item span{position:absolute;z-index:1;bottom:16px;left:18px;color:#fff;font:800 21px var(--heading);text-align:left}.gallery-item i{margin-right:7px;color:var(--gold)}.sponsors-section{background:#151a18;overflow:hidden}.sponsors-section .section-subtitle{max-width:550px}.sponsor-marquee{margin-top:45px;overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}.sponsor-track{display:flex;gap:16px;width:max-content;animation:marquee 38s linear infinite}.sponsor-track:hover{animation-play-state:paused}.sponsor-item{width:205px;height:102px;display:flex;align-items:center;justify-content:center;border:1px solid #343e36;border-radius:8px;background:#202724;color:#e1e5e1;font:900 29px var(--heading);letter-spacing:1px;filter:grayscale(1)}.sponsor-item:hover{filter:none;border-color:var(--gold);color:var(--gold)}@keyframes marquee{to{transform:translateX(-50%)}}.join-section{background:#0b0e0c;padding:50px 0 90px}.join-card{position:relative;border-radius:13px;overflow:hidden;background:linear-gradient(90deg,#070a09f5,#080b09cc 56%,#070a0955),url('https://images.unsplash.com/photo-1519641471654-76ce0107ad1b?auto=format&fit=crop&w=1600&q=85') center/cover;min-height:300px;display:flex;align-items:center;padding:45px 55px;border:1px solid #343936}.join-content{position:relative;z-index:1;max-width:720px}.join-content h2{font:900 clamp(36px,4.3vw,62px)/1 var(--heading);margin:10px 0}.join-content h2 em{color:var(--gold);font-style:normal}.join-content p{color:#d2d5d2;line-height:1.8}.join-icon{margin-left:auto;font-size:125px;color:#f6b72255}.join-form-card{margin-top:30px;background:#171c19;border:1px solid #343c36;border-radius:12px;padding:35px}.join-form-card h3{font:900 36px/1 var(--heading);margin:10px 0}.join-form-card p{color:#b4bbb5;line-height:1.7}.form-label{font-size:12px;font-weight:700;color:#ddd}.form-control{background:#0f1311;color:#fff;border:1px solid #3b453d;border-radius:5px;padding:13px}.form-control:focus{background:#101512;color:#fff;border-color:var(--gold);box-shadow:0 0 0 .2rem #f6b72225}.form-control::placeholder{color:#747c76}.form-help{color:#aab2ac}.footer{background:#070a08;border-top:1px solid #293029}.footer-main{padding:65px 0 45px}.footer-brand{display:flex;gap:15px;align-items:center;color:#fff;font:900 29px/.82 var(--heading)}.footer-brand img{width:95px;height:95px;object-fit:contain;border-radius:50%}.footer-brand b{color:var(--gold);font-size:36px}.footer p{color:#aeb6af;font-size:12px;line-height:1.9;max-width:350px;margin-top:18px}.footer h3{font:800 22px var(--heading);margin-bottom:21px}.footer ul{padding:0;list-style:none}.footer li{margin:11px 0}.footer li a{color:#b7beb7;font-size:13px}.footer li a:hover{color:var(--gold)}.socials{display:flex;gap:9px;flex-wrap:wrap;margin-top:24px}.socials a{display:grid;place-items:center;width:38px;height:38px;border:1px solid #4a504b;border-radius:6px;color:var(--gold);font-size:17px}.socials a:hover{background:var(--gold);color:#000}.footer-contact{display:flex;gap:10px;align-items:start;margin:10px 0!important}.footer-contact i{color:var(--gold);font-size:16px}.footer-bottom{border-top:1px solid #242a25;padding:22px 0;display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;color:#8e978f;font-size:11px}.footer-bottom i{color:var(--gold);margin:0 8px}.back-top{position:fixed;right:22px;bottom:22px;width:44px;height:44px;display:none;place-items:center;z-index:1000;background:var(--gold);border:0;border-radius:7px;color:#000;font-size:21px;box-shadow:0 5px 20px #0007}.back-top.show{display:grid}.video-placeholder{background:#151515;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:30px;color:#ddd}.video-placeholder i{font-size:70px;color:#e12d2d}.video-placeholder h3{font:800 30px var(--heading)}.video-placeholder p{max-width:430px}.event-modal{background:#f7f7f5;color:#111}.event-modal .modal-title{font:800 27px var(--heading)}
@media(max-width:1199px){.site-header{background:#0b0e0df5}.site-nav{padding:12px 20px}.brand img{width:65px;height:65px}.brand-name{font-size:25px}.brand-name b{font-size:32px}.navbar-collapse{background:#121715;border:1px solid #3b403b;padding:12px 18px;border-radius:10px;margin-top:12px}.nav-link{padding:11px 6px!important}.btn-nav{margin:10px 0}.hero-inner{padding-top:110px}.value-item{padding:8px 12px;gap:10px}.value-item>i{font-size:33px}.about-copy{padding:55px 35px}}
@media(max-width:991px){.values-grid{grid-template-columns:repeat(3,1fr);gap:15px}.value-item{border-right:0}.stats-grid{grid-template-columns:repeat(2,1fr);gap:22px}.stats-grid>div:nth-child(2){border:0}.video-panel{min-height:370px}.about-copy{padding:55px max(25px,6vw)}.gallery-grid{grid-template-columns:repeat(3,1fr)}.gallery-item:first-child{grid-column:span 2;grid-row:span 2}.join-icon{display:none}}
@media(max-width:767px){.site-nav{padding:9px 15px}.brand{gap:8px}.brand img{width:55px;height:55px}.brand-name{font-size:22px}.brand-name b{font-size:29px}.brand-name small{font-size:7px;letter-spacing:1.6px;margin-top:6px}.hero{height:680px;min-height:0}.hero-inner{padding-top:95px}.hero h1,.hero h2{font-size:clamp(51px,12vw,72px)}.hero-copy p{font-size:14px}.hero-actions .btn{font-size:15px;padding:12px 16px}.hero-controls{display:none}.values-grid{grid-template-columns:repeat(2,1fr);gap:10px}.value-item{padding:9px 0}.value-item>i{font-size:30px}.value-item h3{font-size:18px}.value-item p{font-size:10px}.section-pad{padding:58px 0}.section-head{align-items:start;flex-direction:column}.section-heading{font-size:43px}.stats-grid i{font-size:31px}.stats-grid strong{font-size:30px}.stats-grid>div{gap:9px}.stats-grid small{font-size:10px}.map-frame{height:410px}.map-hint{white-space:normal}.gallery-grid{grid-template-columns:repeat(2,1fr);gap:9px}.gallery-item:first-child{grid-column:span 2;grid-row:span 1;aspect-ratio:1.65}.gallery-item span{font-size:17px;left:10px;bottom:10px}.sponsor-item{width:150px;height:78px;font-size:23px}.join-card{padding:35px 25px;min-height:330px}.join-form-card{padding:25px 18px}.footer-main{padding-top:45px}.footer-bottom{flex-direction:column}.event-image{height:200px}}
@media(max-width:390px){.brand img{width:46px;height:46px}.brand-name{font-size:19px}.brand-name b{font-size:25px}.hero h1,.hero h2{font-size:49px}.hero-actions{gap:8px}.hero-actions .btn{font-size:14px}.value-item>i{font-size:26px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}

/* V2: Hakkımızda + Blog + güncel iletişim */
.about-intro-title{font:800 24px/1.2 var(--heading);color:var(--gold);margin:18px 0}.about-subheading{font:800 24px/1.2 var(--heading);color:var(--gold);margin:24px 0 10px}.about-values-list{list-style:none;margin:14px 0;padding:0;display:grid;gap:12px}.about-values-list li{display:flex;gap:12px;align-items:start;color:#d1d5d0;font-size:13px;line-height:1.7}.about-values-list li span{font-size:21px}.about-values-list strong{color:#fff}.about-signoff{border-left:3px solid var(--gold);padding-left:15px}.about-signoff strong{color:var(--gold)}.blogs-section{background:#e9ece8;color:#131714}.blog-section-desc{color:#626962;margin:12px 0 0}.blog-card{background:#fff;border:1px solid #dfe2dd;border-radius:10px;overflow:hidden;height:100%;box-shadow:0 7px 20px #0000000b;transition:transform .25s,box-shadow .25s}.blog-card:hover{transform:translateY(-5px);box-shadow:0 15px 28px #00000018}.blog-card>img{width:100%;height:175px;object-fit:cover}.blog-card-content{padding:19px;display:flex;flex-direction:column;min-height:232px}.blog-category{font:800 12px var(--heading);letter-spacing:1px;color:#ad7715;text-transform:uppercase}.blog-card h3{font:800 24px/1.1 var(--heading);margin:11px 0}.blog-card p{font-size:13px;line-height:1.7;color:#5e665f}.blog-read{border:0;background:transparent;padding:0;margin-top:auto;align-self:start;color:#a36e0d;font:800 14px var(--heading);letter-spacing:.4px}.blog-read:hover{color:#161916}.blog-modal{background:#f5f6f3;color:#121512}.blog-modal .modal-title{font:800 28px var(--heading)}.blog-modal .modal-body{line-height:1.85}.blog-modal-img{max-height:340px;object-fit:cover}.footer-contact a{color:#c9d0c9;text-decoration:none}.footer-contact a:hover{color:var(--gold)}.social-pending{display:grid;place-items:center;width:38px;height:38px;border:1px dashed #4a504b;border-radius:6px;color:#727b73;font-size:17px}.footer .social-note{font-size:10px;color:#8d958d;margin-top:9px}@media(max-width:767px){.blog-card>img{height:200px}.blog-card-content{min-height:0}.about-copy{padding-top:45px;padding-bottom:45px}}

/* ============================================================
   TÜRKİYE OFFROAD KULÜBÜ - HEADER / SLIDER DÜZENLEMELERİ
   Bu bölüm eski slider ek CSS kurallarının yerine geçer.
   PHP, Swiper ve diğer sayfaların sınıfları değiştirilmez.
   ============================================================ */

/* 1) Menü normal sayfa akışında kalır; slider menünün altından başlar. */
.site-header {
    position: relative;
    top: auto;
    left: auto;
    right: auto;
    width: 100%;
    z-index: 1000;
    background: #101414;
}

#anasayfa.hero {
    margin-top: 0;
    padding-top: 0;
    overflow: hidden;
}

/* 2) Swiper görseli ve metin alanı. */
#anasayfa .hero-slide {
    background-image: var(--hero-image);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

#anasayfa .hero-inner {
    /* Önceki padding-top:100px menü üstteyken gerekliydi. */
    padding-top: 28px;
    padding-bottom: 55px;
    padding-left: clamp(20px, 4vw, 48px);
    padding-right: clamp(20px, 4vw, 48px);
}

#anasayfa .hero-copy {
    width: 100%;
    max-width: 760px;
    min-width: 0;
}

/* 3) Veritabanından gelen başlık ve açıklamaların responsive boyutları. */
#anasayfa .slider-title {
    font-size: clamp(30px, 4.5vw, 64px);
    line-height: 1.08;
    margin: 0 0 18px;
    overflow-wrap: anywhere;
}

#anasayfa .slider-description {
    font-size: clamp(14px, 1.4vw, 19px);
    line-height: 1.6;
    font-weight: 400;
    max-width: 680px;
    overflow-wrap: anywhere;
    margin-bottom: 25px;
}

#anasayfa .slider-description p {
    font-size: inherit;
    line-height: inherit;
    margin: 0 0 12px;
}

#anasayfa .slider-description h1,
#anasayfa .slider-description h2,
#anasayfa .slider-description h3,
#anasayfa .slider-description h4 {
    font-size: inherit;
    line-height: inherit;
    font-weight: inherit;
    margin: 0 0 12px;
}

#anasayfa .slider-description * {
    max-width: 100%;
}

#anasayfa .slider-description img {
    height: auto;
}

/* 4) Masaüstünde menü çıkarıldıktan sonra slider yüksekliği. */
@media (min-width: 992px) {
    #anasayfa.hero,
    #anasayfa .hero-swiper {
        height: min(770px, calc(100svh - 120px));
        min-height: 500px;
    }
}

/* 5) Tabletlerde metinleri dengeli tut. */
@media (min-width: 768px) and (max-width: 991px) {
    #anasayfa.hero,
    #anasayfa .hero-swiper {
        height: 620px;
        min-height: 0;
    }

    #anasayfa .hero-copy {
        max-width: 600px;
    }

    #anasayfa .slider-title {
        font-size: clamp(30px, 5vw, 46px);
    }

    #anasayfa .slider-description {
        font-size: 16px;
        line-height: 1.55;
    }
}

/* 6) Mobil: resim tam genişlikte, metin ve butonlar içten boşluklu. */
@media (max-width: 767px) {
    #anasayfa.hero,
    #anasayfa .hero-swiper,
    #anasayfa .swiper-wrapper {
        height: auto;
        min-height: 0;
    }

    #anasayfa .hero-slide {
        height: auto;
        min-height: 460px;
        /* 3:2 görsellerin tamamını enine gösterir; dikeyde boşluk kalabilir. */
        background-size: 100% auto;
        background-position: center top;
        background-repeat: no-repeat;
        background-color: #101414;
    }

    #anasayfa .hero-inner {
        height: auto;
        min-height: 460px;
        padding: 32px 22px 70px;
        display: flex;
        align-items: center;
    }

    #anasayfa .hero-copy {
        width: 100%;
        max-width: 100%;
    }

    #anasayfa .eyebrow {
        font-size: 13px;
        letter-spacing: 1.3px;
        gap: 9px;
    }

    #anasayfa .slider-title {
        font-size: clamp(26px, 7vw, 36px);
        line-height: 1.12;
        margin-bottom: 12px;
    }

    #anasayfa .slider-description {
        font-size: 14px;
        line-height: 1.5;
        margin-bottom: 20px;
    }

    #anasayfa .hero-actions {
        display: flex;
        flex-wrap: wrap;
        gap: 10px;
    }

    #anasayfa .hero-actions .btn {
        max-width: 100%;
        font-size: 14px;
        padding: 11px 15px;
    }

    #anasayfa .hero-pagination {
        bottom: 18px !important;
    }
}

/* 7) Dar telefonlarda metin ve butonlar taşmasın. */
@media (max-width: 390px) {
    #anasayfa .hero-inner {
        padding-left: 18px;
        padding-right: 18px;
    }

    #anasayfa .slider-title {
        font-size: 25px;
    }

    #anasayfa .slider-description {
        font-size: 13px;
    }

    #anasayfa .hero-actions .btn {
        font-size: 13px;
        padding: 10px 12px;
    }
}



/* ==========================================
   MASAÜSTÜ SLIDER GÖRSEL DÜZELTMESİ

   - Görselin tamamı görünür.
   - Görselin oranı korunur.
   - Menü ve mobil tasarım etkilenmez.
   - Boş kalan alanlar koyu renkle doldurulur.
   ========================================== */

@media (min-width: 992px) {

    /* Slider alanı */
    #anasayfa.hero {
        background-color: #101414;
    }

    /* Swiper yapısı */
    #anasayfa .hero-swiper {
        background-color: #101414;
    }

    /* Görselin tamamını göster */
    #anasayfa .hero-slide {
        background-size: contain !important;
        background-position: center center !important;
        background-repeat: no-repeat !important;
        background-color: #101414;
    }

}





/* ==========================================
   HAKKIMIZDA - VİDEO KAPAK GÖRSELİ
   ========================================== */

.about-section .video-panel-bg {
    background-image:
        linear-gradient(
            rgba(0, 0, 0, 0.15),
            rgba(0, 0, 0, 0.45)
        ),
        url('/assets/img/videobanner.jpeg') !important;

    background-position: center center !important;
    background-size: cover !important;
    background-repeat: no-repeat !important;
}



/* ==========================================
   HAKKIMIZDA - VİDEO BOYUT DÜZELTMESİ
   ========================================== */

/* Masaüstünde video alanı metin kadar uzamasın */
@media (min-width: 992px) {

    .about-section .row {
        align-items: flex-start !important;
    }

    .about-section .video-panel {
        height: 520px !important;
        min-height: 0 !important;
        align-self: flex-start !important;
        position: relative !important;
        overflow: hidden;
    }

    .about-section .video-panel-bg {
        position: absolute;
        inset: 0;
        width: 100%;
        height: 100%;
        background-size: cover !important;
        background-position: center center !important;
    }

}

/* Tablet ve mobilde video oranını koru */
@media (max-width: 991px) {

    .about-section .video-panel {
        height: auto !important;
        min-height: 0 !important;
        aspect-ratio: 16 / 9;
        position: relative !important;
        overflow: hidden;
    }

    .about-section .video-panel-bg {
        position: absolute;
        inset: 0;
        width: 100%;
        height: 100%;
        background-size: cover !important;
        background-position: center center !important;
    }

}




/* ==========================================
   TÜRKİYE OFFROAD KULÜBÜ
   HAKKIMIZDA - %70 YAZI / %30 VİDEO
   ========================================== */

/* MASAÜSTÜ */
@media (min-width: 992px) {

    /* Yazı ve video üstten hizalansın */
    .about-section .row {
        align-items: flex-start !important;
    }

    /* SOL ALAN - %70 */
    .about-section .about-copy-wide {
        flex: 0 0 70% !important;
        width: 70% !important;
        max-width: 70% !important;

        padding: 45px 50px !important;
    }

    /* Yazıların okunabilirliği */
    .about-section .about-copy-wide p {
        line-height: 1.8;
        margin-bottom: 18px;
    }

    .about-section .about-copy-wide .about-subheading {
        margin-top: 30px;
        margin-bottom: 14px;
    }

    /* SAĞ ALAN - %30 */
    .about-section .video-panel-small {
        flex: 0 0 30% !important;
        width: 30% !important;
        max-width: 30% !important;

        height: 300px !important;
        min-height: 0 !important;

        align-self: flex-start !important;
        position: relative !important;
        overflow: hidden;
    }

    /* Kapak fotoğrafı */
    .about-section .video-panel-small .video-panel-bg {
        position: absolute;
        inset: 0;

        width: 100%;
        height: 100%;

        background-image:
            linear-gradient(
                rgba(0, 0, 0, 0.10),
                rgba(0, 0, 0, 0.35)
            ),
            url('/assets/img/videobanner.png') !important;

        background-size: cover !important;
        background-position: center center !important;
        background-repeat: no-repeat !important;
    }
}

/* TABLET VE MOBİL */
@media (max-width: 991px) {

    /* Alanlar alt alta gelsin */
    .about-section .about-copy-wide,
    .about-section .video-panel-small {
        flex: 0 0 100% !important;
        width: 100% !important;
        max-width: 100% !important;
    }

    /* Video kapağı 16:9 oranında kalsın */
    .about-section .video-panel-small {
        height: auto !important;
        min-height: 0 !important;
        aspect-ratio: 16 / 9;

        position: relative !important;
        overflow: hidden;
    }

    .about-section .video-panel-small .video-panel-bg {
        position: absolute;
        inset: 0;

        width: 100%;
        height: 100%;

        background-image:
            linear-gradient(
                rgba(0, 0, 0, 0.10),
                rgba(0, 0, 0, 0.35)
            ),
            url('/assets/img/videobanner.png') !important;

        background-size: cover !important;
        background-position: center center !important;
        background-repeat: no-repeat !important;
    }
}