:root {
    --primary-color: #e84e0f;
    --dark-color: #333;
    --white-color: #fff;
}



/* Hero Slider Styles */
.hero-slider {
    position: relative;
    height: 100vh;
    width: 100vw;
    overflow: hidden;
    background-color: #000;
    z-index: 1;
    margin: 0;
    padding: 0;
    left: 50%;
    right: 50%;
    margin-left: -50vw;
    margin-right: -50vw;
    max-width: 100vw;
}

.slide-content, .slide-overlay {
    display: none;
}


.slide {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    opacity: 0;
    transition: opacity 0.5s ease;
    pointer-events: none;
    padding-top: 0;
    overflow: hidden;
}

.slide.active {
    opacity: 1;
    pointer-events: auto;
    z-index: 2;
}

/* Ken Burns Effect */
@keyframes kenBurnsZoomIn {
    0% {
        transform: scale(1);
    }
    100% {
        transform: scale(1.2);
    }
}

@keyframes kenBurnsZoomOut {
    0% {
        transform: scale(1.2);
    }
    100% {
        transform: scale(1);
    }
}

@keyframes kenBurnsZoomInRight {
    0% {
        transform: scale(1) translate(0, 0);
    }
    100% {
        transform: scale(1.2) translate(-3%, 0);
    }
}

@keyframes kenBurnsZoomInLeft {
    0% {
        transform: scale(1) translate(0, 0);
    }
    100% {
        transform: scale(1.2) translate(3%, 0);
    }
}

.slide-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center 35%;
    background-repeat: no-repeat;
    transform-origin: center center;
    transition: opacity 1s ease;
}

.slide.active .slide-bg {
    animation-duration: 20s;
    animation-timing-function: ease-in-out;
    animation-fill-mode: forwards;
}

.slide:nth-child(1) .slide-bg {
    animation-name: kenBurnsZoomIn;
}

.slide:nth-child(2) .slide-bg {
    animation-name: kenBurnsZoomOut;
}

.slide:nth-child(3) .slide-bg {
    animation-name: kenBurnsZoomInRight;
}

.slide:nth-child(4) .slide-bg {
    animation-name: kenBurnsZoomInLeft;
}

/* Handle Windows Scaling With Ken Burns */
.windows-scaled .slide.active .slide-bg {
    animation-duration: 20s;
    animation-timing-function: ease-in-out;
    animation-fill-mode: forwards;
}

.windows-scale-125 .slide-bg {
    transform: scale(1.05);
}

.windows-scale-125 .slide.active:nth-child(1) .slide-bg {
    animation-name: kenBurnsZoomIn;
}

.windows-scale-150 .slide-bg {
    transform: scale(1.25);
}

/* Fallback animasyonları durdurmak için */
@media (prefers-reduced-motion: reduce) {
    .slide.active .slide-bg {
        animation: none !important;
    }
}

/* Navigation Controls */
.slider-nav {
    position: absolute;
    bottom: 30px;
    right: 30px;
    z-index: 20;
    display: flex;
    gap: 15px;
}

.slider-nav-btn {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background-color: rgba(255, 255, 255, 0.2);
    border: none;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all 0.3s ease;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 100;
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
}

.slider-nav-btn svg {
    width: 20px;
    height: 20px;
}

.slider-nav-btn.prev {
    left: 20px;
}

.slider-nav-btn.next {
    right: 20px;
}

.slider-nav-btn:hover {
    background-color: rgba(255, 255, 255, 0.4);
    transform: translateY(-50%) scale(1.1);
}

.slider-nav-btn:active {
    transform: translateY(-50%) scale(0.95);
}

/* Slider Indicators */
.slider-indicators {
    position: absolute;
    bottom: 30px;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    gap: 12px;
    z-index: 10;
    padding: 10px 20px;
    border-radius: 30px;
}

.indicator {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background-color: rgba(255, 255, 255, 0.7);
    cursor: pointer;
    transition: all 0.3s ease;
}

.indicator.active {
    background-color: var(--primary-color);
    transform: scale(1.2);
}

/* Kayıt butonu animasyonları */
@keyframes pulse-glow {
    0% {
        transform: scale(1);
        box-shadow: 0 4px 8px rgba(232, 78, 15, 0.2);
    }
    50% {
        transform: scale(1.05);
        box-shadow: 0 0 20px rgba(232, 78, 15, 0.6), 0 0 30px rgba(232, 78, 15, 0.4);
    }
    100% {
        transform: scale(1);
        box-shadow: 0 4px 8px rgba(232, 78, 15, 0.2);
    }
}

.register-button {
    display: inline-block;
    padding: 12px 25px;
    background-color: #e84e0f;
    color: #fff;
    text-decoration: none;
    font-weight: bold;
    border-radius: 30px;
    text-transform: uppercase;
    transition: all 0.3s ease;
    font-size: 16px;
    letter-spacing: 1px;
    text-align: center;
    border: 2px solid transparent;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
    animation: pulse-glow 2s infinite ease-in-out;
    position: relative;
    overflow: hidden;
}

.register-button::before {
    content: '';
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: linear-gradient(
        to bottom right, 
        rgba(255, 255, 255, 0) 0%, 
        rgba(255, 255, 255, 0.3) 40%, 
        rgba(255, 255, 255, 0.6) 50%, 
        rgba(255, 255, 255, 0) 60%
    );
    transform: rotate(45deg);
    animation: shimmer 3s infinite;
    z-index: 1;
    pointer-events: none;
}

@keyframes shimmer {
    0% {
        transform: translateX(-100%) rotate(45deg);
    }
    100% {
        transform: translateX(100%) rotate(45deg);
    }
}

.register-button:hover {
    background-color: #fff;
    color: #e84e0f;
    border: 2px solid #e84e0f;
    transform: scale(1.05);
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3);
    animation: none;
}

/* Super Responsive Adjustments for All Screen Sizes */
/* Extra Large Screens */
@media (min-width: 1600px) {
    .hero-slider {
        height: 100vh;
    }
    
    .slide-bg {
        background-position: center 35%;
    }
    
    .slide-content {
        max-width: 800px;
    }

    .slide-content h2 {
        font-size: 5rem;
    }

    .slide-content p {
        font-size: 1.5rem;
    }

    .slide-content .btn {
        padding: 15px 40px;
        font-size: 1.2rem;
    }
}

/* Large Desktops */
@media (max-width: 1599px) and (min-width: 1200px) {
    .slide-content {
        max-width: 700px;
    }

    .slide-content h2 {
        font-size: 4.5rem;
    }
}

/* Medium Desktops */
@media (max-width: 1199px) and (min-width: 992px) {
    .slide-content {
        max-width: 600px;
        left: 8%;
    }

    .slide.active .slide-content {
        left: 12%;
    }

    .slide-content h2 {
        font-size: 4rem;
    }
}

/* iPad Pro ve benzer boyutlu tabletler için (1024 x 1366) */
@media (width: 1024px) and (height: 1366px), 
       (width: 1366px) and (height: 1024px),
       (min-width: 1024px) and (max-width: 1366px) and (min-height: 1024px) and (max-height: 1366px) {
    .hero-slider {
        height: 100vh;
        margin: 0;
        padding: 0;
        width: 100vw;
        left: 50%;
        right: 50%;
        margin-left: -50vw;
        margin-right: -50vw;
        max-width: 100vw;
        overflow: hidden;
    }
    .slide {
        padding: 0;
        width: 100vw;
        height: 100vh;
    }
    .slide-bg {
        background-size: cover;
        background-position: center;
        transform: scale(1.05);
        width: 100%;
        height: 100%;
    }
}

/* Small Desktops and Tablets (Landscape) */
@media (max-width: 991px) and (min-width: 768px) {
    .slide-content {
        max-width: 500px;
        left: 6%;
    }

    .slide.active .slide-content {
        left: 10%;
    }

    .slide-content h2 {
        font-size: 3.5rem;
    }

    .slide-content p {
        font-size: 1.1rem;
    }

    .slider-nav {
        right: 30px;
        bottom: 40px;
    }

    .slider-nav-btn {
        width: 45px;
        height: 45px;
    }
}

/* Tablets (Portrait) */
@media (max-width: 767px) and (min-width: 576px) {
    .slide-content {
        max-width: 90%;
        text-align: center;
        left: 50%;
        transform: translate(-50%, -50%);
        padding: 0 20px;
    }

    .slide.active .slide-content {
        left: 50%;
    }

    .slide-content h2 {
        font-size: 3rem;
    }

    .slide-content p {
        font-size: 1rem;
        margin-bottom: 1.5rem;
    }

    .slider-nav {
        right: 30px;
        bottom: 30px;
        gap: 15px;
    }

    .slider-nav-btn {
        width: 40px;
        height: 40px;
    }

    .slider-indicators {
        bottom: 30px;
    }
}

/* Mobile Landscape */
@media (max-width: 991px) {
    .hero-slider {
        width: 100vw;
        margin-left: -50vw;
        margin-right: -50vw;
        left: 50%;
        right: 50%;
    }
    
    .slide {
        padding-top: 80px;
    }
    
    .slide-bg {
        background-position: center center;
        transform: none;
    }
}

@media (max-width: 767px) {
    .hero-slider {
        width: 100vw;
        margin-left: -50vw;
        margin-right: -50vw;
        left: 50%;
        right: 50%;
    }
    
    .slide {
        padding-top: 60px;
    }
    
    .slide-bg {
        background-position: center center;
    }
}

@media (max-width: 575px) {
    .hero-slider {
        height: 100vh;
        margin: 0;
        padding: 0;
    }
    .slide-bg {
        background-size: cover;
    }
}

/* Mobile Landscape */
@media (max-width: 767px) and (orientation: landscape) {
    .hero-slider {
        height: 100vh;
        margin: 0;
        padding: 0;
    }
}

/* Mobile Portrait */
@media (max-width: 575px) {
    .slide-content {
        max-width: 90%;
        text-align: center;
        left: 50%;
        transform: translate(-50%, -50%);
        padding: 0 15px;
    }

    .slide.active .slide-content {
        left: 50%;
    }

    .slide-content h2 {
        font-size: 2.2rem;
        margin-bottom: 0.7rem;
    }

    .slide-content p {
        font-size: 0.9rem;
        margin-bottom: 1.2rem;
    }

    .slide-content .btn {
        padding: 10px 20px;
        font-size: 0.9rem;
    }

    .slider-nav {
        right: 50%;
        transform: translateX(50%);
        bottom: 20px;
        gap: 15px;
    }

    .slider-nav-btn {
        width: 40px;
        height: 40px;
    }

    .slider-indicators {
        bottom: 80px;
    }

    .indicator {
        width: 12px;
        height: 12px;
    }
}

/* Small Mobile Phones */
@media (max-width: 375px) {
    .slide-content h2 {
        font-size: 1.8rem;
    }

    .slide-content p {
        font-size: 0.85rem;
        margin-bottom: 1rem;
    }

    .slide-content .btn {
        padding: 8px 16px;
        font-size: 0.85rem;
    }

    .slider-nav-btn {
        width: 35px;
        height: 35px;
    }
}

/* Fix for extra small screens and different device pixel ratios */
@media (max-width: 320px) {
    .slide-content h2 {
        font-size: 1.6rem;
    }

    .slide-content {
        top: 45%;
    }
}

/* Fallback for Older Browsers */
@supports not (gap: 20px) {
    .slider-nav {
        display: flex;
    }

    .slider-nav-btn:not(:last-child) {
        margin-right: 20px;
    }

    .slider-indicators .indicator:not(:last-child) {
        margin-right: 10px;
    }
}

/* Touch-friendly targets for mobile */
@media (pointer: coarse) {
    .slider-nav-btn {
        min-width: 44px;
        min-height: 44px;
    }

    .indicator {
        min-width: 18px;
        min-height: 18px;
    }
}

/* Ensure Content Visibility on Different Background Images */
.slide-content {
    position: absolute;
    top: 50%;
    left: 10%;
    transform: translateY(-50%);
    color: var(--white-color);
    z-index: 3;
    max-width: 600px;
    opacity: 0;
    transition: all 0.5s ease;
    display: block;
}

.slide.active .slide-content {
    opacity: 1;
    transform: translateY(-50%);
    transition-delay: 0.3s;
}

.slide-content h2 {
    font-size: 3.5rem;
    font-weight: 700;
    margin-bottom: 1rem;
    line-height: 1.2;
}

.slide-content p {
    font-size: 1.1rem;
    margin-bottom: 2rem;
    line-height: 1.6;
}

.slide-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.4);
    z-index: 2;
    display: block;
}

/* Preloader Animation for Image Loading */
.hero-slider::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.1);
    z-index: 100;
    opacity: 1;
    transition: opacity 0.5s ease;
}

.hero-slider.loaded::before {
    opacity: 0;
    pointer-events: none;
}

/* Responsive Adjustments for Slider Height */
@media (max-width: 991px) {
    .hero-slider {
        width: 100vw;
        margin-left: -50vw;
        margin-right: -50vw;
        left: 50%;
        right: 50%;
    }
    
    .slide {
        padding-top: 80px;
    }
    
    .slide-bg {
        background-position: center center;
        transform: none;
    }
}

@media (max-width: 767px) {
    .hero-slider {
        width: 100vw;
        margin-left: -50vw;
        margin-right: -50vw;
        left: 50%;
        right: 50%;
    }
    
    .slide {
        padding-top: 60px;
    }
    
    .slide-bg {
        background-position: center center;
    }
}

@media (max-width: 575px) {
    .slide-bg {
        background-position: center center;
    }
}

/* Responsive adjustments for controls */
@media (max-width: 767px) {
    .slider-nav {
        bottom: 20px;
        right: 50%;
        transform: translateX(50%);
        gap: 120px;
    }
    
    .slider-nav-btn {
        width: 40px;
        height: 40px;
        font-size: 16px;
    }
    
    .slider-indicators {
        bottom: 20px;
        padding: 6px 12px;
    }
    
    .indicator {
        width: 10px;
        height: 10px;
    }
}

@media (max-width: 575px) {
    .slider-nav {
        bottom: 15px;
        gap: 100px;
    }
    
    .slider-nav-btn {
        width: 35px;
        height: 35px;
        font-size: 14px;
    }
    
    .slider-indicators {
        bottom: 15px;
        padding: 5px 10px;
    }
    
    .indicator {
        width: 8px;
        height: 8px;
    }
    
    .slide-bg {
        background-size: cover;
    }
}

/* 1920x1080 ve yüksek DPI ekranlar için özel ayarlar */
@media screen and (min-width: 1920px), 
       screen and (-webkit-min-device-pixel-ratio: 1.25),
       screen and (min-resolution: 120dpi) {
    .hero-slider {
        height: 100vh;
        width: 100vw;
        max-width: 100vw;
        overflow: hidden;
    }

    .slide-bg {
        transform: scale(1.02); 
        background-position: center 35%;
    }
}

/* Özel ekran boyutu için düzenleme (1280x800) */
@media screen and (max-width: 1280px) and (max-height: 800px) {
    .slide-content {
        left: 5%;
        max-width: 500px;
    }

    .slide-content h2 {
        font-size: 2.8rem;
        margin-bottom: 0.8rem;
    }

    .slide-content p {
        font-size: 1rem;
        margin-bottom: 1.5rem;
    }
}

/* iPad Mini (2024) */
@media screen and (width: 1488px) and (height: 2266px),
       screen and (width: 2266px) and (height: 1488px),
       screen and (width: 768px) and (height: 1024px),
       screen and (width: 1024px) and (height: 768px) {
    .hero-slider {
        height: 100vh;
    }
    
    .slide {
        height: 100%;
    }
    
    .slide-bg {
        background-size: cover;
        background-position: center;
    }
    
    /* Header fixes for iPad Mini */
    .header-nav .header-nav-cover {
        padding: 10px 0;
    }
    
    .top-panel {
        padding: 10px 0;
    }
    
    .top-panel .container .social-list li {
        margin-right: 10px;
        font-size: 14px;
    }
}

/* iPad Air - Enhanced */
@media screen and (width: 1640px) and (height: 2360px),
       screen and (width: 2360px) and (height: 1640px),
       screen and (width: 820px) and (height: 1180px),
       screen and (width: 1180px) and (height: 820px) {
    .hero-slider {
        height: 100vh;
    }
    
    .slide {
        height: 100%;
    }
    
    .slide-bg {
        background-size: cover;
        background-position: center;
    }
    
    /* Header fixes for iPad Air */
    .header-nav .header-nav-cover {
        padding: 12px 0;
    }
    
    .top-panel {
        padding: 12px 0;
    }
}

/* iPad Pro - Enhanced */
@media screen and (width: 1668px) and (height: 2388px),
       screen and (width: 2388px) and (height: 1668px),
       screen and (width: 1024px) and (height: 1366px),
       screen and (width: 1366px) and (height: 1024px),
       screen and (width: 834px) and (height: 1194px),
       screen and (width: 1194px) and (height: 834px) {
    .hero-slider {
        height: 100vh;
    }
    
    .slide {
        height: 100%;
    }
    
    .slide-bg {
        background-size: cover;
        background-position: center;
    }
    
    /* Header fixes for iPad Pro */
    .header-nav .header-nav-cover {
        padding: 15px 0;
    }
    
    .top-panel {
        padding: 15px 0;
    }
    
    .top-panel .container .social-list li {
        margin-right: 15px;
    }
}

/* General Tablet Optimizasyonu */
@media screen and (min-width: 768px) and (max-width: 1366px) and (orientation: landscape) {
    .slide {
        height: 100%;
    }
    
    .slide-bg {
        background-size: cover;
    }
    
    .slider-nav {
        bottom: 30px;
    }
    
    .slider-indicators {
        bottom: 30px;
    }
}

@media screen and (min-width: 768px) and (max-width: 1366px) and (orientation: portrait) {
    .slide {
        height: 100%;
    }
    
    .slide-bg {
        background-size: cover;
    }
    
    .slide-content {
        left: 50%;
        transform: translate(-50%, -50%);
        text-align: center;
    }
}

/* 1920x1080 Ekranlar */
@media screen and (width: 1920px) and (height: 1080px),
       screen and (min-width: 1920px) {
    .hero-slider {
        height: 100vh;
    }

    .slide {
        height: 100vh;
    }

    .slide-bg {
        background-size: cover;
        background-position: center 35%;
    }

    .slide-content {
        bottom: 15%;
        top: auto;
        transform: none;
    }
}

/* 1280x800 Ekranlar */
@media screen and (max-width: 1280px) and (max-height: 800px) {
    .hero-slider {
        height: 100vh;
    }

    .slide {
        height: 100vh;
    }

    .slide-bg {
        background-size: cover;
        background-position: center 40%;
    }

    .slide-content {
        bottom: 20%;
        top: auto;
        transform: none;
        left: 5%;
        max-width: 500px;
    }
}

/* 1024x600 Ekranlar */
@media screen and (max-width: 1024px) and (max-height: 600px) {
    .hero-slider {
        height: 100vh;
    }

    .slide {
        height: 100vh;
    }

    .slide-bg {
        background-size: cover;
        background-position: center 40%;
    }

    .slide-content {
        bottom: 15%;
        top: auto;
        transform: none;
        left: 5%;
        max-width: 450px;
    }
}

/* Genel düşük çözünürlük düzeltmesi */
@media screen and (max-height: 800px) {
    .slide {
        height: 120%;
    }

    .slide-bg {
        background-size: cover;
        background-position: center 40%;
        height: 100%;
    }
}

/* Mobil cihazlar için ek iyileştirmeler */
@media (max-width: 767px) {
    .hero-slider {
        height: 100vh;
        width: 100vw;
    }
    
    .slide {
        height: 100vh;
    }
    
    .slide-bg {
        background-position: center 40%;
        background-size: cover;
    }
}

/* Küçük mobil cihazlar için ek düzeltmeler */
@media (max-width: 480px) {
    .hero-slider {
        height: 100vh;
    }
    
    .slide {
        height: 100vh;
    }
    
    .slide-bg {
        background-position: center 45%;
    }
}

/* Yatay mod için düzeltmeler */
@media (max-height: 500px) and (orientation: landscape) {
    .hero-slider, .slide {
        height: 120vh;
    }
    
    .slide-bg {
        background-position: center 50%;
    }
}

/* iPhone 5/SE gibi küçük ekranlar için */
@media screen and (max-width: 375px) and (max-height: 667px) {
    .hero-slider {
        height: 100vh;
    }
    
    .slide-bg {
        background-position: center 50%;
    }
}

/* iPhone X/XS/11 Pro için */
@media screen and (width: 375px) and (height: 812px) {
    .hero-slider {
        height: 100vh;
    }
    
    .slide-bg {
        background-position: center 45%;
    }
}

/* iPhone XR/11 için */
@media screen and (width: 414px) and (height: 896px) {
    .hero-slider {
        height: 100vh;
    }
    
    .slide-bg {
        background-position: center 45%;
    }
}

/* iPhone 12/13/14 Pro için */
@media screen and (width: 390px) and (height: 844px) {
    .hero-slider {
        height: 100vh;
    }
    
    .slide-bg {
        background-position: center 45%;
    }
}

/* Samsung Galaxy S8/S9/S10 için */
@media screen and (width: 360px) and (height: 740px) {
    .hero-slider {
        height: 100vh;
    }
    
    .slide-bg {
        background-position: center 45%;
    }
}

/* Tüm önbellek sorunlarını önlemek için */
@media (max-width: 2000px) {
    .hero-slider:before {
        content: none;
    }
}

/* Windows Scaling Fix - 1920x1080 with different scaling factors */
@media screen and (width: 1920px) and (height: 1080px) {
    .hero-slider {
        height: 100vh;
        max-height: 100vh;
        overflow: hidden;
    }
    
    .slide {
        height: 100vh;
        max-height: 100vh;
    }
    
    .slide-bg {
        background-size: cover;
        background-position: center center;
        height: 100%;
        transform: scale(1.1); /* Slightly larger to ensure full coverage */
    }
}

/* Windows Scaling Fix - 125% scaling factor */
@media screen and (width: 1536px) and (height: 864px) {
    .hero-slider {
        height: 100vh;
        max-height: 100vh;
    }
    
    .slide {
        height: 100vh;
        max-height: 100vh;
    }
    
    .slide-bg {
        background-size: cover;
        background-position: center center;
        height: 100%;
        transform: scale(1.05); /* Reduced from 1.15 to show more image content */
    }
}

/* Additional fallback for Windows scaling issues */
@media screen and (-webkit-min-device-pixel-ratio: 1.25) {
    .hero-slider, .slide {
        height: 100vh;
        max-height: 100vh;
    }
    
    .slide-bg {
        transform: scale(1.05); /* Reduced from 1.15 to show more image content */
        background-position: center center;
        background-size: cover;
    }
}

/* Force hardware acceleration to improve scaling */
.hero-slider, .slide, .slide-bg {
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-perspective: 1000;
    -moz-perspective: 1000;
    -ms-perspective: 1000;
    perspective: 1000;
}

/* Windows Scaling CSS Classes - Applied via JavaScript */
.windows-scaled .hero-slider,
.windows-scaled .slide {
    height: 100vh;
    max-height: 100vh;
    overflow: hidden;
}

.windows-scaled .slide-bg {
    background-size: cover;
    background-position: center center !important;
}

.windows-scale-125 .slide-bg {
    transform: scale(1.05) !important; /* Reduced from 1.15 to show more image content */
}

.windows-scale-150 .slide-bg {
    transform: scale(1.25) !important;
}

/* Fix for weird viewport calculations in Windows scaling */
@supports (-ms-ime-align: auto) {
    .hero-slider {
        height: 100vh;
        min-height: 100vh;
    }
    
    .slide {
        height: 100vh;
        min-height: 100vh;
    }
    
    .slide-bg {
        transform: scale(1.1);
    }
}

/* Improved Tablet Device Fixes */
/* Nest Hub (1024x600) */
@media screen and (width: 1024px) and (height: 600px),
       screen and (width: 600px) and (height: 1024px) {
    .hero-slider {
        height: 100vh;
        max-height: 100vh;
        overflow: hidden;
    }
    
    .slide-bg {
        background-position: center 40%;
        transform: scale(1.02);
    }
    
    /* Header fixes for Nest Hub */
    .header-nav .header-nav-cover {
        padding: 10px 0;
    }
    
    .top-panel {
        padding: 12px 0;
    }
    
    .top-panel .container .social-list li {
        margin-right: 12px;
        font-size: 14px;
    }
}

/* Surface Pro 7 - Enhanced */
@media screen and (width: 2736px) and (height: 1824px),
       screen and (width: 1824px) and (height: 2736px),
       screen and (width: 912px) and (height: 1368px),
       screen and (width: 1368px) and (height: 912px) {
    .hero-slider {
        height: 100vh;
    }
    
    .slide {
        height: 100%;
    }
    
    .slide-bg {
        background-size: cover;
        background-position: center;
    }
    
    /* Header fixes for Surface Pro 7 */
    .header-nav .header-nav-cover {
        padding: 12px 0;
    }
    
    .top-panel {
        padding: 12px 0;
    }
    
    .container {
        padding-left: 15px;
        padding-right: 15px;
    }
}

/* Nest Hub Max */
@media screen and (width: 1280px) and (height: 800px),
       screen and (width: 800px) and (height: 1280px) {
    .hero-slider {
        height: 100vh;
    }
    
    .slide-bg {
        background-position: center 40%;
    }
    
    /* Header fixes for Nest Hub Max */
    .header-nav .header-nav-cover {
        padding: 12px 0;
    }
    
    .top-panel {
        padding: 12px 0;
    }
}

/* iPad Mini - Enhanced */
@media screen and (width: 1488px) and (height: 2266px),
       screen and (width: 2266px) and (height: 1488px),
       screen and (width: 768px) and (height: 1024px),
       screen and (width: 1024px) and (height: 768px) {
    .hero-slider {
        height: 100vh;
    }
    
    .slide {
        height: 100%;
    }
    
    .slide-bg {
        background-size: cover;
        background-position: center;
    }
    
    /* Header fixes for iPad Mini */
    .header-nav .header-nav-cover {
        padding: 10px 0;
    }
    
    .top-panel {
        padding: 10px 0;
    }
    
    .top-panel .container .social-list li {
        margin-right: 10px;
        font-size: 14px;
    }
}

/* iPad Air - Enhanced */
@media screen and (width: 1640px) and (height: 2360px),
       screen and (width: 2360px) and (height: 1640px),
       screen and (width: 820px) and (height: 1180px),
       screen and (width: 1180px) and (height: 820px) {
    .hero-slider {
        height: 100vh;
    }
    
    .slide {
        height: 100%;
    }
    
    .slide-bg {
        background-size: cover;
        background-position: center;
    }
    
    /* Header fixes for iPad Air */
    .header-nav .header-nav-cover {
        padding: 12px 0;
    }
    
    .top-panel {
        padding: 12px 0;
    }
}

/* General Tablet Fix */
@media screen and (min-width: 768px) and (max-width: 1366px) {
    /* Container width fix for all tablets */
    .container {
        width: 100%;
        max-width: 95%;
        margin: 0 auto;
        padding-left: 10px;
        padding-right: 10px;
    }
    
    /* Adjust logo size on tablets */
    .logo img {
        max-width: 100%;
        height: auto;
    }
}

/* Specific container fix for common tablet resolutions */
@media screen and (width: 768px),
       screen and (width: 820px),
       screen and (width: 834px),
       screen and (width: 912px),
       screen and (width: 1024px),
       screen and (width: 1280px) {
    .container {
        width: 95%;
        max-width: 95%;
        padding-left: 10px;
        padding-right: 10px;
    }
    
    /* Reduce header padding */
    .header-nav .header-nav-cover {
        padding: 8px 0;
    }
    
    .top-panel {
        padding: 8px 0;
    }
}

/* Tablet Navigation Overflow Fix */
@media screen and (min-width: 768px) and (max-width: 1199px) {
    /* Specific header fixes for tablets */
    header {
        overflow: visible;
    }
    
    /* Force horizontal scrolling for navigation on tablets if needed */
    .header-nav .header-nav-cover {
        overflow-x: visible;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: none; /* Firefox */
        -ms-overflow-style: none; /* IE and Edge */
    }
}

/* Additional Tablet Header Type Fixes */
@media screen and (min-width: 768px) and (max-width: 1024px) {
    /* Fix for all header types */
    .header-nav {
        overflow-x: visible;
    }
    
    .header-nav .header-nav-cover {
        overflow: visible;
    }
}

/* Fix for overflowing dropdown menus on tablets */
@media screen and (min-width: 768px) and (max-width: 1024px) {
}

/* Specific Tablet Resolution Fixes for Menu Display */
@media only screen and (width: 853px) and (height: 1280px),
       only screen and (width: 1280px) and (height: 853px),
       only screen and (width: 912px) and (height: 1368px),
       only screen and (width: 1368px) and (height: 912px),
       only screen and (width: 820px) and (height: 1180px),
       only screen and (width: 1180px) and (height: 820px),
       only screen and (width: 768px) and (height: 1024px),
       only screen and (width: 1024px) and (height: 768px) {
    
    /* Header specific styles */
    .header-nav {
        position: relative !important;
        overflow-x: visible !important;
    }
    
    .header-nav .header-nav-cover {
        padding: 8px 0 !important;
        overflow: visible !important;
        border-top: 1px solid rgba(0, 0, 0, 0.1) !important;
    }
    
    /* Add gradient indicator at the edge */
    .header-nav:after {
        content: '' !important;
        position: absolute !important;
        top: 0 !important;
        right: 0 !important;
        height: 100% !important;
        width: 30px !important;
       /* background: linear-gradient(to right, rgba(255,255,255,0), rgba(255,255,255,0.7)) !important;*/
        pointer-events: none !important;
        z-index: 5 !important;
    }
}

/* Marathon Header Specific Fix */
@media only screen and (width: 853px) and (height: 1280px),
       only screen and (width: 1280px) and (height: 853px),
       only screen and (width: 912px) and (height: 1368px),
       only screen and (width: 1368px) and (height: 912px),
       only screen and (width: 820px) and (height: 1180px),
       only screen and (width: 1180px) and (height: 820px),
       only screen and (width: 768px) and (height: 1024px),
       only screen and (width: 1024px) and (height: 768px) {
    
}

/* Responsive düzenlemeler kayıt butonu için */
@media (max-width: 767px) {
    .slider-indicators {
        bottom: 20px;
    }
    
    .register-button {
        padding: 10px 20px;
        font-size: 14px;
    }
}

@media (max-width: 480px) {
    .slider-indicators {
        bottom: 15px;
        padding: 8px 16px;
    }
    
    .register-button {
        padding: 8px 16px;
        font-size: 12px;
    }
}

/* Tüm iPad ve tablet ekranlarında beyaz kenar sorununu çözmek için */
@media only screen and (min-device-width: 768px) and (max-device-width: 1366px) {
    .hero-slider {
        width: 100vw;
        left: 50%;
        right: 50%;
        margin-left: -50vw;
        margin-right: -50vw;
        max-width: 100vw;
        overflow: hidden;
    }
    
    .slide {
        width: 100vw;
    }
    
    .slide-bg {
        width: 100%;
        height: 100%;
        transform: scale(1.1); /* Kenarları doldurması için biraz daha büyük scale */
    }
}

/* iPad dikey modu için ek düzeltmeler */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
    .hero-slider {
        height: 100vh;
    }
    
    .slide-bg {
        background-position: center center;
    }
}

/* iPad yatay modu için ek düzeltmeler */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
    .hero-slider {
        height: 100vh;
    }
    
    .slide-bg {
        background-position: center 35%;
    }
}

/* iPad Pro 11" için ek düzeltmeler */
@media only screen and (min-device-width: 834px) and (max-device-width: 834px) and (min-device-height: 1194px) and (max-device-height: 1194px) {
    .hero-slider {
        width: 100vw;
        left: 50%;
        right: 50%;
        margin-left: -50vw;
        margin-right: -50vw;
        max-width: 100vw;
        overflow: hidden;
    }
    
    .slide-bg {
        transform: scale(1.15);
    }
}

/* iPad Pro 12.9" için ek düzeltmeler */
@media only screen and (min-device-width: 1024px) and (max-device-width: 1024px) and (min-device-height: 1366px) and (max-device-height: 1366px) {
    .hero-slider {
        width: 100vw;
        left: 50%;
        right: 50%;
        margin-left: -50vw;
        margin-right: -50vw;
        max-width: 100vw;
        overflow: hidden;
    }
    
    .slide-bg {
        transform: scale(1.15);
    }
}

/* iOS ve iPadOS için safezone düzeltmeleri */
@supports (-webkit-touch-callout: none) {
    .hero-slider {
        width: 100vw;
        left: 50%;
        right: 50%;
        margin-left: -50vw;
        margin-right: -50vw;
        max-width: 100vw;
        overflow: hidden;
    }
    
    .slide-bg {
        width: 100%;
        height: 100%;
        transform: scale(1.15);
    }
}