.main-slide-title {
    font-size: 90px;
    letter-spacing: -2.4px;
    line-height: 1;
}

/* ========================================
   MOBİL SCROLL OPTİMİZASYONU
   Mobil cihazlarda smooth scroll sorunlarını çöz
   ======================================== */

/* Mobil cihazlarda smooth scroll'u devre dışı bırak */
@media (max-width: 768px) {
    html {
        scroll-behavior: auto !important;
    }
    
    body {
        scroll-behavior: auto !important;
        -webkit-overflow-scrolling: touch;
        overflow-x: hidden;
    }
    
    /* Video container'ları için mobil scroll optimizasyonu */
    .vimeo-bg {
        touch-action: manipulation;
        -webkit-overflow-scrolling: touch;
    }
    
    /* Video oynarken bile mobil scroll'u engelleme */
    .vimeo-bg.playing {
        touch-action: pan-y;
    }
}

/* Desktop'ta smooth scroll'u koru */
@media (min-width: 769px) {
    html {
        scroll-behavior: smooth;
    }
}

/* ========================================
   GENEL MOBİL SCROLL OPTİMİZASYONU
   Tüm sayfalarda mobil scroll sorunlarını çöz
   ======================================== */

/* Mobil cihazlarda genel scroll optimizasyonu */
@media (max-width: 768px) {
    * {
        -webkit-overflow-scrolling: touch;
    }
    
    /* Scroll container'ları için optimizasyon */
    .scrollable-div,
    .mobile-menu-list,
    .mobil-category-content {
        -webkit-overflow-scrolling: touch;
        touch-action: pan-y;
    }
    
    /* Header ve navigation için scroll optimizasyonu */
    .header-field {
        touch-action: manipulation;
    }
    
    /* Form alanları için scroll optimizasyonu */
    .career-form-section,
    .contact-form-section {
        scroll-behavior: auto !important;
        -webkit-overflow-scrolling: touch;
    }
}

/* Vimeo video alanlarında scroll çakışmasını önle */
.vimeo-bg {
    /* Scroll olaylarını video alanında engelle */
    pointer-events: none;
}

.vimeo-bg iframe {
    /* iframe scroll olaylarını tamamen engelle */
    pointer-events: none !important;
}

.vimeo-bg .video-poster {
    /* Poster için scroll'u etkinleştir */
    pointer-events: auto;
}

/* Video oynarken scroll'u tamamen engelle */
.vimeo-bg.playing {
    pointer-events: none;
}

.vimeo-bg.playing iframe {
    pointer-events: none !important;
}

/* Video container'ları için smooth scroll'u kapat - sadece desktop'ta */
@media (min-width: 769px) {
    .image-content .vimeo-bg,
    .image-content .vimeo-bg * {
        scroll-behavior: auto !important;
    }
}

/* Mobil için video container scroll optimizasyonu */
@media (max-width: 768px) {
    .image-content .vimeo-bg,
    .image-content .vimeo-bg * {
        scroll-behavior: auto !important;
        touch-action: manipulation;
        -webkit-overflow-scrolling: touch;
    }
}

/* ========================================
   VIMEO VIDEO CONTAINER OPTIMIZATION
   Scale yerine profesyonel boyutlandırma
   ======================================== */

   #home-banner-field .vimeo-bg{
scale: 1.3;
   }

/* Video container'ını optimize et */
#home-about-field .image-field {
    /* Container'ı video için optimize et */
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

/* Video boyutlarını responsive yap */
#home-about-field  .vimeo-bg {
    /* Container'ın tam alanını kullan */
    width: 100%;
    height: 100%;
    max-width: 100%;
    max-height: 100%;
    transform-origin: left;
    scale: 1.1;
}

#about-field .vimeo-bg {
    transform-origin: left;
    scale: 1.3;
}

#about-field .video-wrapper {
 overflow: hidden;
 border-radius: 20px;
}

/* Desktop video boyutu - Siyah boşlukları önle */
@media (min-width: 1024px) {
    #home-about-field .image-field {
        max-width: 1000px;
        max-height: 500px;
        /* Vimeo için optimize aspect ratio */
        aspect-ratio: 16/9;
    }
    
    #home-about-field .vimeo-bg {
        /* Container'ı Vimeo'ya uygun yap */
        width: 100%;
        height: 100%;
        /* Siyah boşlukları kapat */
        overflow: hidden;
    }
}

/* Tablet video boyutu - Siyah boşlukları önle */
@media (min-width: 768px) and (max-width: 1023px) {
    #home-about-field .image-field {
        max-width: 800px;
        max-height: 400px;
        /* Vimeo için optimize aspect ratio */
        aspect-ratio: 16/9;
    }
    
    #home-about-field .vimeo-bg {
        /* Container'ı Vimeo'ya uygun yap */
        width: 100%;
        height: 100%;
        /* Siyah boşlukları kapat */
        overflow: hidden;
        scale: 1.1;
        transform-origin: center;
    }

    #about-field .vimeo-bg {
        transform-origin: left;
        scale: 1.3;
    }
    

    #home-banner-field .vimeo-bg {
        scale: 2.4;
    }
}

/* Mobile video boyutu - Siyah boşlukları önle */
@media (max-width: 767px) {
    #home-about-field .image-field {
        max-width: 100%;
        max-height: 300px;
        margin: 0 20px;
        /* Vimeo için optimize aspect ratio */
        aspect-ratio: 16/9;
    }
    
    #home-about-field .vimeo-bg {
        /* Container'ı Vimeo'ya uygun yap */
        width: 100%;
        height: 100%;
        /* Siyah boşlukları kapat */
        overflow: hidden;
        scale: 1.1;
        transform-origin: left;
    }

    #home-banner-field .vimeo-bg {
        scale: 3;
    }

    #about-field .vimeo-bg {
        transform-origin: left;
        scale: 1.4;
    }
    
}

/* Video alanında wheel olaylarını engelle - sadece desktop'ta */
@media (min-width: 769px) {
    .vimeo-bg {
        /* Wheel olaylarını yakalayıp durdur */
        overflow: hidden;
    }
}

/* Mobil için video container optimizasyonu */
@media (max-width: 768px) {
    .vimeo-bg {
        overflow: hidden;
        touch-action: manipulation;
        -webkit-overflow-scrolling: touch;
    }
}

/* Video oynarken tüm pointer events'i kapat */
.vimeo-bg.playing::before {
    display: none;
    pointer-events: none;
}

.faaliyet-title {
    font-size: 90px;
}

.blog-line-h {
    min-height: 73px;
}

.blog-line-clamp {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}



/* Solution Field - Basit İki Bölümlü Layout */
.solution-wrapper {
    display: flex;
    width: 100%;
    min-height: 810px;
}

.solution-wrapper-overlay {
    display: flex;
    width: 100%;
    min-height: 810px;
}

/* SOL TARAF - Başlık */
.solution-left {
    width: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.solution-left-overlay {
    width: 50%;
}

/* SAĞ TARAF - 2x3 Grid */
.solution-right {
    width: 50%;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(3, 270px);
}

.solution-right-overlay {
    width: 50%;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(3, 270px);
}

/* Boş Kutu */
.solution-field-simple .blank-box {
    width: 100%;
    height: 270px;
    border: 1px solid #E19940;
    border-right: 0;
    border-top: 0;
    transition: all 0.35s ease;
}

/* Border Overlay Kutuları */
.solution-field-simple .blank-box-cont {
    width: 100%;
    height: 270px;
    border: 1px solid #545454;
    border-right: 0;
    border-top: 0;
    padding: 20px 60px;
    position: relative;
    overflow: hidden;
    transition: all 0.35s ease;
}

@media (min-width: 1024px) {

    .border-none-box {
        border: none !important;
    }

 }


/* Responsive: Tablet (768px - 1024px) */
@media (min-width: 768px) and (max-width: 1024px) {
    .main-slide-title {
        font-size: 43px;
        letter-spacing: -1.2px;
        line-height: 1;
    }
    .faaliyet-title {
        font-size: 43px;
    }
    
    /* Tablet: Dikey hale getir */
    .solution-wrapper,
    .solution-wrapper-overlay {
        flex-direction: column;
        min-height: auto;
    }
    
    .solution-left,
    .solution-left-overlay {
        width: 100%;
        min-height: 270px;
    }
    
    .solution-right,
    .solution-right-overlay {
        width: 100%;
        grid-template-columns: repeat(2, 1fr);
        grid-template-rows: auto;
    }
    
    /* Boş kutuyu gizle */
    .solution-field-simple .blank-box {
        display: none;
    }
    
    /* Tablet: İlk iki kutucuğun üst border'ını ekle */
    .solution-field-simple .solution-right .prod-box:nth-child(1),
    .solution-field-simple .solution-right .prod-box:nth-child(2) {
        border-top-width: 1px;
    }
    
    /* Tablet: 5. kutucuğun (son kutucuk) sağ border'ını ekle */
    .solution-field-simple .solution-right .prod-box:nth-child(6) {
        border-right-width: 1px;
    }
    
    /* Tablet: Border overlay için de aynı düzenlemeler */
    .solution-field-simple .solution-right-overlay .blank-box-cont:nth-child(1),
    .solution-field-simple .solution-right-overlay .blank-box-cont:nth-child(2) {
        border-top-width: 1px;
    }
    
    .solution-field-simple .solution-right-overlay .blank-box-cont:nth-child(6) {
        border-right-width: 1px;
    }
    
    /* Değerlerimiz sayfası tablet düzenleme */
    .image-content {
        display: flex;
        flex-direction: column;
    }
    
    .image-content .text-content {
        position: static !important;
        background: white;
        padding: 40px 30px !important;
        margin-bottom: 0;
        order: 2;
    }
    
    .image-content .text-editor {
        max-width: 100%;
    }
    
    .image-content .text-editor p {
        font-size: 15px !important;
        line-height: 1.6;
        margin-bottom: 18px;
        color: #333 !important;
    }
    
    .image-content .text-editor span[style*="font-size: 18pt"] strong,
    .image-content .text-editor span[style*="font-size: 18pt"] {
        font-size: 17px !important;
        color: #333 !important;
    }
    
    .image-content .text-editor span[style*="font-size: 14pt"] {
        font-size: 14px !important;
        color: #333 !important;
    }
    
    .image-content .image {
        min-height: 350px;
        order: 1;
    }
}

/* Responsive: Mobil (max 768px) */
@media (max-width: 768px) {
    .main-slide-title {
        font-size: 40px;
        letter-spacing: -1.2px;
        line-height: 1;
    }
    
    .faaliyet-title {
        font-size: 40px;
    }
    
    /* Mobil: Tek sütun */
    .solution-wrapper,
    .solution-wrapper-overlay {
        flex-direction: column;
        min-height: auto;
    }
    
    .solution-left,
    .solution-left-overlay {
        width: 100%;
        min-height: 270px;
    }
    
    .solution-right,
    .solution-right-overlay {
        width: 100%;
        grid-template-columns: 1fr;
        grid-template-rows: auto;
    }
    
    /* Boş kutuyu gizle */
    .solution-field-simple .blank-box {
        display: none;
    }
    
    /* Mobil için padding ayarı */
    .solution-field-simple .blank-box-cont {
        padding: 20px 40px;
    }
    
    /* Mobil: Tüm kutucuklar için sadece üst border (turkuaz) */
    .solution-field-simple .solution-right .prod-box {
        border-left: 0 !important;
        border-top: 1px solid #00CED1;
        border-bottom: 0 !important;
        border-right:0 !important;
    }
    
    /* Mobil: Border overlay için sadece üst border */
    .solution-field-simple .solution-right-overlay .blank-box-cont {
        border-left: 0 !important;
        border-top: 1px solid #00CED1;
        border-bottom: 0 !important;
        border-right: 0 !important;
    }
}

/* Blog Header Grid Layout */
.blog-header {
    display: grid;
    grid-template-columns: auto 1fr auto;
    grid-template-areas: "title pagination navigation";
    align-items: center;
    gap: 40px;
    margin-bottom: 50px;
}



.blog-pagination {
    grid-area: pagination;
    width: 100%;
    height: 4px;
}

.blog-pagination .news-pagination {
    width: 100%;
    height: 4px;
    background-color: rgba(0, 0, 0, 0.14);
}

.blog-navigation {
    grid-area: navigation;
    display: flex;
    gap: 15px;
    align-items: center;
}

/* Responsive: Tablet (768px - 1024px) */
@media (min-width: 768px) and (max-width: 1024px) {
    .blog-header {
        gap: 30px;
        margin-bottom: 40px;
    }
    
    .blog-pagination .news-pagination {
        height: 4px;
    }
}

/* Responsive: Mobil (max 768px) */
@media (max-width: 768px) {
    .blog-header {
        grid-template-columns: 1fr;
        grid-template-areas: 
            "title"
            "pagination"
            "navigation";
        gap: 20px;
        margin-bottom: 30px;
    }
    
    .blog-pagination .news-pagination {
        height: 3px;
    }
    
    .blog-navigation {
        justify-content: center;
    }
}

/* Değerlerimiz sayfası mobil düzenleme */
@media (max-width: 768px) {
    .image-content {
        display: flex;
        flex-direction: column;
    }
    
    .image-content .text-content {
        position: static !important;
        background: white;
        padding: 30px 20px !important;
        margin-bottom: 0;
        order: 2;
    }
    
    .image-content .text-editor {
        max-width: 100%;
    }
    
    .image-content .text-editor p {
        font-size: 14px !important;
        line-height: 1.6;
        margin-bottom: 15px;
        color: #333 !important;
    }
    
    .image-content .text-editor span[style*="font-size: 18pt"] strong,
    .image-content .text-editor span[style*="font-size: 18pt"] {
        font-size: 16px !important;
        color: #333 !important;
    }
    
    .image-content .text-editor span[style*="font-size: 14pt"] {
        font-size: 13px !important;
        color: #333 !important;
    }
    
    .image-content .image {
        min-height: 300px;
        order: 1;
    }
}

/* Değerlerimiz sayfası küçük mobil düzenleme */
@media (max-width: 480px) {
    .image-content .text-content {
        padding: 25px 15px !important;
    }
    
    .image-content .text-editor p {
        font-size: 13px !important;
        margin-bottom: 12px;
    }
    
    .image-content .text-editor span[style*="font-size: 18pt"] strong,
    .image-content .text-editor span[style*="font-size: 18pt"] {
        font-size: 15px !important;
    }
    
    .image-content .text-editor span[style*="font-size: 14pt"] {
        font-size: 12px !important;
    }
    
    .image-content .image {
        min-height: 250px;
    }
}

/* Faaliyet Alanları Grid Düzenlemesi */
.faaliyet-categories-grid {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 20px;
    justify-content: center;
    align-items: stretch;
}

.faaliyet-prod-box {
    width: 100%;
    min-width: 0;
    aspect-ratio: 1;
    height: auto;
}

/* Tablet Responsive (768px - 1024px) */
@media (min-width: 768px) and (max-width: 1024px) {
    .faaliyet-categories-grid {
        grid-template-columns: repeat(3, 1fr);
        gap: 15px;
    }
}

/* Mobil Responsive (max 768px) */
@media (max-width: 768px) {
    .faaliyet-categories-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 15px;
    }
    
    .faaliyet-prod-box .prod-box-img {
        height: 60px !important;
    }
    
    .faaliyet-prod-box .prod-box-text {
        font-size: 18px !important;
        font-weight: 500;
    }
}

/* Küçük Mobil Responsive (max 480px) */
@media (max-width: 480px) {
    .faaliyet-categories-grid {
        grid-template-columns: 1fr;
        gap: 10px;
    }
    
    .faaliyet-prod-box .prod-box-img {
        height: 70px !important;
    }
    
    .faaliyet-prod-box .prod-box-text {
        font-size: 20px !important;
        font-weight: 500;
    }
}

/* Custom Mask için PNG Desteği - Tersine Çevrilmiş */
.custom-mask {
    -webkit-mask-image: url('../image/asremanimg/logo-mask-2.png');
    mask-image: url('../image/asremanimg/logo-mask-2.png');
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-composite: subtract;
    mask-composite: subtract;
}

/* Alternatif: CSS ile tersine çevirme */
.custom-mask-invert {
    -webkit-mask-image: url('../image/asremanimg/logo-mask-2.png');
    mask-image: url('../image/asremanimg/logo-mask-2.png');
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;

}

/* En etkili çözüm: Clip-path kullanarak */
.custom-mask-clip {
    clip-path: url('../image/asremanimg/logo-mask-2.png');
    -webkit-clip-path: url('../image/asremanimg/logo-mask-2.png');
}

/* 2xl ve üzeri ekranlarda mask boyutunu ayarla */
@media (min-width: 1536px) {
    .custom-mask {
        -webkit-mask-size: cover;
        mask-size: cover;
    }
}

/* Contact Page Background Image Styles */
.bg-section {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    min-height: 865px;
    z-index: 1;
}

.bg-content {
    width: 100%;
    height: 100%;
    margin: 0 auto;
    overflow: hidden;
    isolation: isolate;
}

.bg-image {
    width: 100%;
    height: 100%;
    position: relative;
    background-image: url('../image/asremanimg/asremanmap.png');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.bg-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.80) 0%, rgba(0, 0, 0, 0.60) 0.01%, rgba(0, 0, 0, 0.10) 48%, rgba(0, 0, 0, 0.60) 100%);
    pointer-events: none;
    z-index: 0;
    transition: all 0.45s ease;
}

/* Tablet Responsive (768px - 1024px) */
@media (min-width: 768px) and (max-width: 1024px) {
    .bg-section {
        position: relative;
        display: grid;
        order: 2;
        min-height: 100%;
    }
    
    .bg-image {
        height: 500px;
    }
}

/* Mobil Responsive (max 768px) */
@media (max-width: 768px) {
    .bg-section {
        position: relative;
        display: grid;
        order: 2;
        min-height: 100%;
    }
    
    .bg-image {
        height: 400px;
        background-image: url('../image/asremanimg/asremanmapmobil.png');
    }
}

/* Yandex Button - Sadece mobil görünümde göster */
.yandex-button {
    display: none;
}

/* Desktop ve tablet görünümde Yandex butonunu gizle */
@media (min-width: 769px) {
    .yandex-button {
        display: none !important;
    }
}

/* Mobil görünümde Yandex butonunu göster */
@media (max-width: 768px) {
    .yandex-button {
        display: flex !important;
    }
}