/* =============================================
   DAMAK - MOBİL UYUM CSS
   Tüm ekran boyutları için responsive tasarım
   ============================================= */

/* ===== GENEL - YATAY TAŞMAYI ENGELLE ===== */
html, body {
    overflow-x: hidden !important;
    max-width: 100vw !important;
}

*, *::before, *::after {
    box-sizing: border-box;
}

img {
    max-width: 100%;
    height: auto;
}

/* ===== TABLET (max 1024px) ===== */
@media (max-width: 1024px) {
    
    /* Header */
    .site-header {
        padding: 0 20px;
    }
    
    .social-icons {
        display: none;
    }
    
    .divider:first-of-type {
        display: none;
    }
    
    /* Slider text */
    .slider-text h2 {
        font-size: 36px !important;
    }
    
    .slider-text p {
        font-size: 15px !important;
    }
    
    /* Brands */
    .brands-container {
        gap: 20px;
    }
    
    /* About */
    .about-section .section-container {
        flex-direction: column;
        gap: 30px;
    }
    
    /* Product slider */
    .product-slider-container {
        flex-direction: column;
    }
    
    .product-info-container {
        width: 100% !important;
    }
    
    /* Blog */
    .blog-wrapper {
        flex-direction: column;
        gap: 30px;
    }
    
    /* Certificates */
    .certificates-main-content {
        flex-direction: column;
    }
    
    /* Media */
    .media-wrapper {
        flex-direction: column;
        gap: 30px;
    }
    
    /* Facts */
    .facts-slider {
        grid-template-columns: repeat(2, 1fr) !important;
    }
}

/* ===== MOBİL (max 768px) ===== */
@media (max-width: 768px) {

    /* ---- TEMEL TAŞMA ÖNLEME ---- */
    html, body {
        overflow-x: hidden !important;
        width: 100% !important;
        max-width: 100vw !important;
    }

    /* ---- HEADER ---- */
    .site-header {
        width: 100% !important;
        max-width: 100vw !important;
        overflow: hidden !important;
        padding: 0 12px 0 14px !important;
        height: 58px !important;
        min-height: 58px !important;
        max-height: 58px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
        position: fixed !important;
        top: 0 !important;
        left: 0 !important;
        right: 0 !important;
        z-index: 999 !important;
        box-sizing: border-box !important;
    }

    /* Kırmızı blob - ekrana tam sığsın, taşmasın */
    .header-bg {
        width: 200px !important;
        height: 100px !important;
        top: -20px !important;
        right: 0 !important;
        border-radius: 0 0 0 70px !important;
        overflow: hidden !important;
    }

    .logo-container {
        flex-shrink: 0 !important;
        z-index: 2 !important;
        position: relative !important;
    }

    .logo-container img.logo {
        height: 34px !important;
        width: auto !important;
        display: block !important;
    }

    .social-icons { display: none !important; }
    .divider { display: none !important; }

    .header-right {
        display: flex !important;
        align-items: center !important;
        gap: 6px !important;
        flex-shrink: 0 !important;
        position: relative !important;
        z-index: 5 !important;
    }

    /* Dil seçici */
    .lang-selector {
        position: relative !important;
        flex-shrink: 0 !important;
    }

    .lang-btn {
        display: flex !important;
        align-items: center !important;
        gap: 4px !important;
        padding: 5px 7px !important;
        min-height: 34px !important;
        min-width: unset !important;
        border-radius: 6px !important;
        background: rgba(255,255,255,0.12) !important;
        border: 1px solid rgba(255,255,255,0.25) !important;
    }

    .lang-btn span:not(.dropdown-arrow) {
        font-size: 11px !important;
        font-weight: 600 !important;
        color: #fff !important;
    }

    .lang-btn .dropdown-arrow {
        font-size: 8px !important;
        color: #fff !important;
    }

    .current-flag {
        width: 20px !important;
        height: 13px !important;
        flex-shrink: 0 !important;
    }

    .lang-dropdown {
        position: absolute !important;
        top: calc(100% + 6px) !important;
        right: 0 !important;
        left: auto !important;
        min-width: 130px !important;
        z-index: 9999 !important;
    }

    /* Arama butonu */
    .search-btn {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        width: 34px !important;
        height: 34px !important;
        min-width: 34px !important;
        min-height: 34px !important;
        padding: 0 !important;
        color: #fff !important;
        background: transparent !important;
        border: none !important;
        font-size: 15px !important;
        flex-shrink: 0 !important;
    }

    /* Hamburger menü - tam görünsün */
    .menu-btn {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        width: 38px !important;
        height: 34px !important;
        min-width: 38px !important;
        flex-shrink: 0 !important;
        background: rgba(255,255,255,0.15) !important;
        border: 1.5px solid rgba(255,255,255,0.35) !important;
        border-radius: 7px !important;
        padding: 0 !important;
        cursor: pointer !important;
        position: relative !important;
        z-index: 6 !important;
    }

    .menu-btn span {
        display: none !important;
    }

    .menu-btn .hamburger {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 4px !important;
        width: 18px !important;
        height: 100% !important;
    }

    .menu-btn .hamburger span {
        display: block !important;
        width: 18px !important;
        height: 2px !important;
        background: #fff !important;
        border-radius: 2px !important;
        flex-shrink: 0 !important;
    }

    /* ---- SLIDER ---- */
    .header-slider {
        height: 88vh !important;
        min-height: 420px !important;
        max-height: 100vh !important;
        overflow: hidden !important;
    }

    .slider-item img {
        width: 100% !important;
        height: 88vh !important;
        min-height: 420px !important;
        object-fit: cover !important;
        object-position: center !important;
    }

    .slider-text {
        left: 16px !important;
        right: 16px !important;
        bottom: 90px !important;
        max-width: 100% !important;
        padding: 0 !important;
    }

    .slider-text h2 {
        font-size: 28px !important;
        line-height: 1.25 !important;
        margin-bottom: 10px !important;
    }

    .slider-text p {
        font-size: 14px !important;
        line-height: 1.65 !important;
        margin-bottom: 18px !important;
    }

    .slider-buttons {
        display: flex !important;
        flex-direction: row !important;
        gap: 10px !important;
        flex-wrap: wrap !important;
    }

    .slider-btn {
        padding: 11px 20px !important;
        font-size: 13px !important;
        border-radius: 30px !important;
    }

    .slider-controls {
        bottom: 22px !important;
        left: 16px !important;
    }

    .slider-controls button {
        width: 40px !important;
        height: 40px !important;
        min-width: 40px !important;
        min-height: 40px !important;
        max-width: 40px !important;
        max-height: 40px !important;
        border-radius: 50% !important; /* TAM YUVARLAK */
        font-size: 13px !important;
        padding: 0 !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        line-height: 1 !important;
        aspect-ratio: 1 / 1 !important;
    }

    /* Ürün slider ok tuşları da yuvarlak */
    .product-prev,
    .product-next {
        width: 36px !important;
        height: 36px !important;
        min-width: 36px !important;
        min-height: 36px !important;
        max-width: 36px !important;
        max-height: 36px !important;
        border-radius: 50% !important;
        padding: 0 !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        line-height: 1 !important;
        aspect-ratio: 1 / 1 !important;
    }

    .slider-indicator {
        bottom: 30px !important;
        right: 16px !important;
    }

    .slider-controls-bg { display: none !important; }
    .slider-line { display: none !important; }

    /* ---- SECTION GENEL ---- */
    .section-container {
        padding: 0 16px !important;
        max-width: 100% !important;
        width: 100% !important;
    }

    section {
        padding: 50px 0 !important;
        overflow: hidden !important;
    }

    h2 {
        font-size: 26px !important;
    }

    /* ---- MARKALAR ---- */
    .featured-brands {
        padding: 50px 0 !important;
    }

    .featured-brands h2 {
        text-align: center !important;
        font-size: 22px !important;
        margin-bottom: 12px !important;
    }

    .lorem-content {
        text-align: center !important;
        font-size: 13px !important;
        padding: 0 16px !important;
        margin-bottom: 0 !important;
    }

    .brands-container {
        display: flex !important;
        flex-direction: row !important;
        justify-content: center !important;
        gap: 15px !important;
        flex-wrap: wrap !important;
        margin-top: 45px !important;
    }

    .brand-item {
        width: 100px !important;
        height: 100px !important;
    }

    .brand-item img {
        width: 70px !important;
        height: 70px !important;
    }

    /* ---- HAKKIMIZDA ---- */
    .about-section .section-container {
        flex-direction: column !important;
        gap: 25px !important;
        padding: 0 16px !important;
    }

    .about-content {
        text-align: center !important;
        width: 100% !important;
    }

    .about-content h2 {
        font-size: 24px !important;
        margin-bottom: 14px !important;
    }

    .about-content p {
        font-size: 14px !important;
        line-height: 1.7 !important;
        margin-bottom: 12px !important;
    }

    .about-image {
        width: 100% !important;
    }

    .about-image img {
        width: 100% !important;
        max-height: 250px !important;
        object-fit: cover !important;
        border-radius: 12px !important;
    }

    /* ---- ÜRÜNLER ---- */
    .products-section { padding: 50px 0 !important; }

    .section-header {
        text-align: center !important;
        padding: 0 16px !important;
        margin-bottom: 30px !important;
    }

    .section-header h2 { font-size: 22px !important; }

    .product-slider-wrapper { padding: 0 !important; }

    .product-slider-container {
        flex-direction: column !important;
        position: relative !important;
        overflow: hidden !important;
    }

    /* YENİ */
.product-slider {
    width: 100% !important;
    height: 0 !important;
    padding-bottom: 65% !important;  /* Mobilde daha uzun */
    border-radius: 12px !important;
}

.product-slide img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
}

    .overlay-products { display: none !important; }

    .product-info-container {
        width: 100% !important;
        padding: 20px 16px !important;
        position: static !important;
    }

    .product-info { display: none !important; padding: 0 !important; }
    .product-info.active { display: block !important; }
    .product-info-content { padding: 0 !important; }
    .product-brand { font-size: 12px !important; margin-bottom: 8px !important; }

    .product-info-content h3 { font-size: 20px !important; margin-bottom: 10px !important; }
    .product-info-content p { font-size: 13px !important; line-height: 1.6 !important; margin-bottom: 14px !important; }

    .product-slider-controls { bottom: 15px !important; right: 15px !important; }
    .product-prev, .product-next { width: 35px !important; height: 35px !important; font-size: 12px !important; }

    .product-indicators {
        justify-content: center !important;
        padding: 15px 0 0 !important;
        gap: 6px !important;
    }

    /* ---- BLOG ---- */
    .blog-section { padding: 50px 0 !important; overflow: hidden !important; }

    .blog-header {
        text-align: center !important;
        padding: 0 16px !important;
        margin-bottom: 25px !important;
    }

    .blog-header h2 { font-size: 22px !important; }

    .blog-wrapper {
        flex-direction: column !important;
        gap: 25px !important;
        padding: 0 16px !important;
    }

    .blog-intro { width: 100% !important; }
    .blog-intro p { font-size: 13px !important; }
    .blog-cards-container { width: 100% !important; }
    .blog-cards { flex-direction: column !important; gap: 20px !important; }
    .blog-card { width: 100% !important; }
    .blog-card-image { height: 180px !important; }
    .blog-card-image img { height: 180px !important; object-fit: cover !important; }
    .blog-card-content { padding: 15px !important; }
    .blog-card-content h3 { font-size: 15px !important; }
    .blog-bottom-shape, .blog-top-shape { display: none !important; }

    /* ---- SERTİFİKALAR ---- */
    .certificates-section { padding: 50px 0 !important; }

    .certificates-main-content {
        flex-direction: column !important;
        gap: 30px !important;
        padding: 0 16px !important;
    }

    .certificates-slider { width: 100% !important; }
    .certificates-grid { grid-template-columns: repeat(2, 1fr) !important; gap: 12px !important; }
    .certificate-card { padding: 12px !important; }
    .certificate-image img { height: 55px !important; }
    .certificate-content h3 { font-size: 12px !important; }
    .certificate-content p { font-size: 11px !important; }
    .certificates-info { width: 100% !important; text-align: center !important; }
    .cert-title { font-size: 20px !important; margin-bottom: 12px !important; }

    /* ---- MEDYA ---- */
    .media-section { padding: 50px 0 !important; }

    .media-wrapper {
        flex-direction: column !important;
        gap: 25px !important;
        padding: 0 16px !important;
    }

    .media-intro { width: 100% !important; text-align: center !important; }
    .media-title { font-size: 22px !important; margin-bottom: 12px !important; }
    .media-description p { font-size: 13px !important; margin-bottom: 14px !important; }
    .youtube-btn { display: inline-flex !important; font-size: 12px !important; padding: 10px 16px !important; }
    .video-slider-container { width: 100% !important; }
    .video-slide { height: 220px !important; }

    /* ---- BILIYOR MUSUNUZ ---- */
    .facts-showcase { padding: 50px 0 !important; overflow: hidden !important; }
    .facts-container { padding: 0 16px !important; }
    .facts-header { text-align: center !important; margin-bottom: 25px !important; }
    .facts-header h2 { font-size: 22px !important; }

    .facts-slider {
        display: flex !important;
        overflow: hidden !important;
        position: relative !important;
    }

    .fact-card {
        min-width: 100% !important;
        flex-direction: column !important;
        gap: 15px !important;
    }

    .fact-image { width: 100% !important; height: 190px !important; }
    .fact-image img { width: 100% !important; height: 190px !important; object-fit: cover !important; border-radius: 12px !important; }
    .fact-content { padding: 0 !important; }
    .fact-content h3 { font-size: 18px !important; margin-bottom: 8px !important; }
    .fact-content p { font-size: 13px !important; line-height: 1.6 !important; }

    .facts-controls { display: flex !important; justify-content: center !important; gap: 10px !important; margin-top: 18px !important; }
    .facts-dots { justify-content: center !important; margin-top: 14px !important; }

    /* ---- MENÜ OVERLAY ---- */
    .menu-overlay { z-index: 9999 !important; }

    .menu-overlay .menu-container {
        width: 100% !important;
        height: 100vh !important;
        overflow-y: auto !important;
    }

    .menu-categories {
        grid-template-columns: 1fr 1fr !important;
        gap: 25px !important;
        padding: 20px 16px !important;
    }

    .menu-category h3 { font-size: 12px !important; margin-bottom: 12px !important; }
    .menu-category ul li a { font-size: 13px !important; padding: 6px 0 !important; }

    /* ---- FOOTER ---- */
    .footer-container {
        flex-direction: column !important;
        align-items: center !important;
        text-align: center !important;
        gap: 22px !important;
        padding: 0 16px !important;
    }

    .footer-motto h2 { font-size: 15px !important; line-height: 1.5 !important; }
    .footer-links ul { flex-wrap: wrap !important; justify-content: center !important; gap: 8px 16px !important; }
    .footer-links ul li a { font-size: 11px !important; }
    .footer-social { gap: 12px !important; }

    .footer-bottom .footer-container {
        flex-direction: column !important;
        gap: 10px !important;
        padding: 15px 16px !important;
    }

    .footer-logo { justify-content: center !important; }
    .footer-copyright p { font-size: 11px !important; text-align: center !important; }
    .footer-terms a { font-size: 11px !important; }

    /* ---- ARAMA OVERLAY ---- */
    .search-container { padding: 0 16px !important; }
    .search-container input { font-size: 16px !important; }

    /* ---- DİĞER ---- */
    html { scroll-behavior: smooth; -webkit-overflow-scrolling: touch; }
    #fluidCanvas { display: none !important; }
}

/* ===== KÜÇÜK MOBİL (max 480px) ===== */
@media (max-width: 480px) {

    .slider-text h2 { font-size: 23px !important; }
    .slider-text p { font-size: 13px !important; }

    .slider-btn { padding: 10px 16px !important; font-size: 12px !important; }

    .brands-container { gap: 10px !important; }
    .brand-item { width: 85px !important; height: 85px !important; }
    .brand-item img { width: 60px !important; height: 60px !important; }

    .certificates-grid { grid-template-columns: 1fr !important; }
    .menu-categories { grid-template-columns: 1fr !important; }
    .blog-cards { gap: 15px !important; }
    h2 { font-size: 21px !important; }
    .product-info-content h3 { font-size: 18px !important; }

    /* Header daha da sıkıştır */
    .site-header { padding: 0 10px 0 12px !important; }
    .logo-container img.logo { height: 30px !important; }
    .header-bg { width: 170px !important; height: 85px !important; }
}

/* ===== DİL DROPDOWN ===== */
@media (max-width: 768px) {
    .lang-selector { position: relative !important; }

    .lang-dropdown {
        position: absolute !important;
        top: calc(100% + 6px) !important;
        right: 0 !important;
        left: auto !important;
        z-index: 10000 !important;
        min-width: 130px !important;
    }
}


/* ===== TABLET (max 1024px) ===== */
@media (max-width: 1024px) {
    
    /* Header */
    .site-header {
        padding: 0 20px;
    }
    
    .social-icons {
        display: none;
    }
    
    .divider:first-of-type {
        display: none;
    }
    
    /* Slider text */
    .slider-text h2 {
        font-size: 36px !important;
    }
    
    .slider-text p {
        font-size: 15px !important;
    }
    
    /* Brands */
    .brands-container {
        gap: 20px;
    }
    
    /* About */
    .about-section .section-container {
        flex-direction: column;
        gap: 30px;
    }
    
    /* Product slider */
    .product-slider-container {
        flex-direction: column;
    }
    
    .product-info-container {
        width: 100% !important;
    }
    
    /* Blog */
    .blog-wrapper {
        flex-direction: column;
        gap: 30px;
    }
    
    /* Certificates */
    .certificates-main-content {
        flex-direction: column;
    }
    
    /* Media */
    .media-wrapper {
        flex-direction: column;
        gap: 30px;
    }
    
    /* Facts */
    .facts-slider {
        grid-template-columns: repeat(2, 1fr) !important;
    }
}

/* ===== MOBİL (max 768px) ===== */
@media (max-width: 768px) {
    
    /* ---- HEADER ---- */
    .site-header {
        padding: 10px 16px !important;
        height: 60px !important;
        min-height: 60px !important;
        max-height: 60px !important;
        display: flex !important;
        align-items: center !important;
        position: fixed !important;
        top: 0 !important;
        left: 0 !important;
        right: 0 !important;
        z-index: 999 !important;
    }
    
    /* Kırmızı arka plan blob'unu mobilede küçült */
    .header-bg {
        width: 280px !important;
        height: 120px !important;
        top: -40px !important;
        right: -30px !important;
        border-radius: 0 0 0 80px !important;
    }
    
    .logo-container img.logo {
        height: 38px !important;
        width: auto;
    }
    
    .social-icons { display: none !important; }
    .divider { display: none !important; }
    
    .header-right {
        gap: 10px !important;
        position: relative;
        z-index: 2;
    }
    
    .lang-btn {
        padding: 6px 8px !important;
        min-height: 36px !important;
    }
    
    .lang-btn span:not(.dropdown-arrow) {
        font-size: 12px !important;
    }
    
    .lang-btn .dropdown-arrow {
        font-size: 9px !important;
    }
    
    .current-flag {
        width: 22px !important;
        height: 15px !important;
    }
    
    .lang-dropdown {
        right: 0;
        left: auto;
        min-width: 140px;
        top: calc(100% + 8px) !important;
    }
    
    /* Hamburger menü butonu - mutlaka görünsün */
    .menu-btn {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        background: rgba(255,255,255,0.15) !important;
        border: 1px solid rgba(255,255,255,0.3) !important;
        border-radius: 8px !important;
        padding: 8px 10px !important;
        min-width: 44px !important;
        min-height: 36px !important;
        cursor: pointer !important;
        position: relative;
        z-index: 10;
    }
    
    .menu-btn span {
        display: none !important;
    }
    
    .menu-btn .hamburger {
        display: flex !important;
        flex-direction: column !important;
        gap: 4px !important;
        width: 20px !important;
    }
    
    .menu-btn .hamburger span {
        display: block !important;
        width: 100% !important;
        height: 2px !important;
        background: #fff !important;
        border-radius: 2px !important;
    }
    
    .search-btn {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        min-width: 36px !important;
        min-height: 36px !important;
        padding: 8px !important;
        color: #fff !important;
        background: transparent !important;
        border: none !important;
    }
    
    /* Header sabit olunca slider'a üstten boşluk ver */
    .header-slider {
        margin-top: 0 !important;
    }
    
    /* ---- SLIDER ---- */
    .header-slider {
        height: 80vh;
        min-height: 400px;
    }
    
    .slider-item img {
        height: 80vh;
        min-height: 400px;
        object-fit: cover;
        object-position: center;
    }
    
    .slider-text {
        left: 20px !important;
        right: 20px !important;
        bottom: 80px !important;
        max-width: 100% !important;
        padding: 20px !important;
    }
    
    .slider-text h2 {
        font-size: 26px !important;
        line-height: 1.3 !important;
        margin-bottom: 12px !important;
    }
    
    .slider-text p {
        font-size: 13px !important;
        line-height: 1.6 !important;
        margin-bottom: 16px !important;
    }
    
    .slider-buttons {
        flex-direction: row;
        gap: 10px;
        flex-wrap: wrap;
    }
    
    .slider-btn {
        padding: 10px 18px !important;
        font-size: 13px !important;
    }
    
    .slider-controls {
        bottom: 20px !important;
        left: 20px !important;
    }
    
    .slider-controls button {
        width: 36px !important;
        height: 36px !important;
        font-size: 13px !important;
    }
    
    .slider-indicator {
        bottom: 28px !important;
        right: 20px !important;
    }
    
    .slider-controls-bg {
        display: none;
    }
    
    .slider-line {
        display: none;
    }
    
    /* ---- SECTION GENEL ---- */
    .section-container {
        padding: 0 16px !important;
        max-width: 100% !important;
    }
    
    section {
        padding: 50px 0 !important;
    }
    
    h2 {
        font-size: 26px !important;
    }
    
    /* ---- MARKALAR ---- */
    .featured-brands {
        padding: 50px 0 !important;
    }
    
    .featured-brands h2 {
        text-align: center;
        font-size: 24px !important;
        margin-bottom: 15px !important;
    }
    
    .lorem-content {
        text-align: center;
        font-size: 13px;
        padding: 0 10px;
        margin-bottom: 30px !important;
    }
    
    .brands-container {
        display: flex !important;
        flex-direction: row !important;
        justify-content: center;
        gap: 15px !important;
        flex-wrap: wrap;
        margin-top: 45px !important;
    }
    
    .lorem-content {
        margin-bottom: 0 !important;
    }
    
    .brand-item {
        width: 100px !important;
        height: 100px !important;
    }
    
    .brand-item img {
        width: 70px !important;
        height: 70px !important;
    }
    
    /* ---- HAKKIMIZDA ---- */
    .about-section .section-container {
        flex-direction: column !important;
        gap: 25px;
        padding: 0 16px !important;
    }
    
    .about-content {
        text-align: center;
        width: 100% !important;
    }
    
    .about-content h2 {
        font-size: 26px !important;
        margin-bottom: 15px !important;
    }
    
    .about-content p {
        font-size: 14px !important;
        line-height: 1.7 !important;
        margin-bottom: 12px !important;
    }
    
    .about-content .btn {
        display: inline-block;
        margin-top: 10px;
    }
    
    .about-image {
        width: 100% !important;
    }
    
    .about-image img {
        width: 100%;
        max-height: 250px;
        object-fit: cover;
        border-radius: 12px;
    }
    
    /* ---- ÜRÜNLER ---- */
    .products-section {
        padding: 50px 0 !important;
    }
    
    .section-header {
        text-align: center;
        padding: 0 16px;
        margin-bottom: 30px !important;
    }
    
    .section-header h2 {
        font-size: 24px !important;
    }
    
    .product-slider-wrapper {
        padding: 0 !important;
    }
    
    .product-slider-container {
        flex-direction: column !important;
        position: relative;
    }
    
    /* YENİ */
.product-slider {
    width: 100% !important;
    height: 0 !important;
    padding-bottom: 65% !important;  /* Mobilde daha uzun */
    border-radius: 12px !important;
}

.product-slide img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
}
    
    .overlay-products {
        display: none !important;
    }
    
    .product-info-container {
        width: 100% !important;
        padding: 20px 16px !important;
        position: static !important;
    }
    
    .product-info {
        display: none;
        padding: 0 !important;
    }
    
    .product-info.active {
        display: block !important;
    }
    
    .product-info-content {
        padding: 0 !important;
    }
    
    .product-brand {
        font-size: 12px !important;
        margin-bottom: 8px !important;
    }
    
    .product-info-content h3 {
        font-size: 20px !important;
        margin-bottom: 12px !important;
    }
    
    .product-info-content p {
        font-size: 13px !important;
        line-height: 1.6 !important;
        margin-bottom: 15px !important;
    }
    
    .product-slider-controls {
        bottom: 15px !important;
        right: 15px !important;
    }
    
    .product-prev, .product-next {
        width: 35px !important;
        height: 35px !important;
        font-size: 12px !important;
    }
    
    .product-indicators {
        justify-content: center;
        padding: 15px 0 0;
        gap: 6px !important;
    }
    
    /* ---- BLOG ---- */
    .blog-section {
        padding: 50px 0 !important;
    }
    
    .blog-header {
        text-align: center;
        padding: 0 16px;
        margin-bottom: 25px !important;
    }
    
    .blog-header h2 {
        font-size: 24px !important;
    }
    
    .blog-wrapper {
        flex-direction: column !important;
        gap: 25px;
        padding: 0 16px !important;
    }
    
    .blog-intro {
        width: 100% !important;
    }
    
    .blog-intro p {
        font-size: 13px !important;
    }
    
    .blog-cards-container {
        width: 100% !important;
    }
    
    .blog-cards {
        flex-direction: column !important;
        gap: 20px !important;
    }
    
    .blog-card {
        width: 100% !important;
    }
    
    .blog-card-image {
        height: 180px !important;
    }
    
    .blog-card-image img {
        height: 180px;
        object-fit: cover;
    }
    
    .blog-card-content {
        padding: 15px !important;
    }
    
    .blog-card-content h3 {
        font-size: 15px !important;
    }
    
    .blog-bottom-shape,
    .blog-top-shape {
        display: none !important;
    }
    
    /* ---- SERTİFİKALAR ---- */
    .certificates-section {
        padding: 50px 0 !important;
    }
    
    .certificates-main-content {
        flex-direction: column !important;
        gap: 30px;
        padding: 0 16px !important;
    }
    
    .certificates-slider {
        width: 100% !important;
    }
    
    .certificates-grid {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 15px !important;
    }
    
    .certificate-card {
        padding: 15px !important;
    }
    
    .certificate-image img {
        height: 60px !important;
    }
    
    .certificate-content h3 {
        font-size: 13px !important;
    }
    
    .certificate-content p {
        font-size: 11px !important;
    }
    
    .certificates-info {
        width: 100% !important;
        text-align: center;
    }
    
    .cert-title {
        font-size: 22px !important;
        margin-bottom: 15px !important;
    }
    
    /* ---- MEDYA ---- */
    .media-section {
        padding: 50px 0 !important;
    }
    
    .media-wrapper {
        flex-direction: column !important;
        gap: 30px;
        padding: 0 16px !important;
    }
    
    .media-intro {
        width: 100% !important;
        text-align: center;
    }
    
    .media-title {
        font-size: 24px !important;
        margin-bottom: 12px !important;
    }
    
    .media-description p {
        font-size: 13px !important;
        margin-bottom: 15px !important;
    }
    
    .youtube-btn {
        display: inline-flex !important;
        font-size: 12px !important;
        padding: 10px 18px !important;
    }
    
    .video-slider-container {
        width: 100% !important;
    }
    
    .video-slide {
        height: 220px !important;
    }
    
    .video-slide video {
        height: 220px;
        object-fit: cover;
    }
    
    /* ---- BILIYOR MUSUNUZ ---- */
    .facts-showcase {
        padding: 50px 0 !important;
    }
    
    .facts-container {
        padding: 0 16px !important;
    }
    
    .facts-header {
        text-align: center;
        margin-bottom: 30px !important;
    }
    
    .facts-header h2 {
        font-size: 24px !important;
    }
    
    .facts-slider {
        display: flex !important;
        overflow: hidden;
        position: relative;
    }
    
    .fact-card {
        min-width: 100% !important;
        flex-direction: column !important;
        gap: 15px !important;
    }
    
    .fact-image {
        width: 100% !important;
        height: 200px !important;
    }
    
    .fact-image img {
        width: 100%;
        height: 200px;
        object-fit: cover;
        border-radius: 12px;
    }
    
    .fact-content {
        padding: 0 !important;
    }
    
    .fact-content h3 {
        font-size: 18px !important;
        margin-bottom: 10px !important;
    }
    
    .fact-content p {
        font-size: 13px !important;
        line-height: 1.6 !important;
    }
    
    .facts-controls {
        display: flex !important;
        justify-content: center;
        gap: 10px;
        margin-top: 20px !important;
    }
    
    .facts-dots {
        justify-content: center;
        margin-top: 15px !important;
    }
    
    /* ---- MENÜ OVERLAY ---- */
    .menu-overlay .menu-container {
        width: 100% !important;
        height: 100vh;
        overflow-y: auto;
    }
    
    .menu-categories {
        grid-template-columns: 1fr 1fr !important;
        gap: 25px !important;
        padding: 20px 16px !important;
    }
    
    .menu-category h3 {
        font-size: 12px !important;
        margin-bottom: 12px !important;
    }
    
    .menu-category ul li a {
        font-size: 13px !important;
        padding: 6px 0 !important;
    }
    
    /* ---- FOOTER ---- */
    .site-footer {
        padding-top: 0 !important;
    }
    
    .footer-container {
        flex-direction: column !important;
        align-items: center !important;
        text-align: center !important;
        gap: 25px !important;
        padding: 0 16px !important;
    }
    
    .footer-motto h2 {
        font-size: 16px !important;
        line-height: 1.5 !important;
    }
    
    .footer-links ul {
        flex-wrap: wrap !important;
        justify-content: center !important;
        gap: 8px 16px !important;
    }
    
    .footer-links ul li a {
        font-size: 11px !important;
    }
    
    .footer-social {
        gap: 12px !important;
    }
    
    .footer-bottom .footer-container {
        flex-direction: column !important;
        gap: 12px !important;
        padding: 15px 16px !important;
    }
    
    .footer-logo {
        justify-content: center;
    }
    
    .footer-copyright p {
        font-size: 11px !important;
        text-align: center;
    }
    
    .footer-terms a {
        font-size: 11px !important;
    }
    
    /* ---- ARAMA OVERLAY ---- */
    .search-container {
        padding: 0 16px !important;
    }
    
    .search-container input {
        font-size: 16px !important; /* iOS zoom engeli */
    }
}

/* ===== KÜÇÜK MOBİL (max 480px) ===== */
@media (max-width: 480px) {
    
    .slider-text h2 {
        font-size: 22px !important;
    }
    
    .slider-text p {
        font-size: 12px !important;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }
    
    .slider-buttons {
        gap: 8px;
    }
    
    .slider-btn {
        padding: 8px 14px !important;
        font-size: 12px !important;
    }
    
    .brands-container {
        gap: 10px !important;
    }
    
    .brand-item {
        width: 80px !important;
        height: 80px !important;
    }
    
    .certificates-grid {
        grid-template-columns: 1fr !important;
    }
    
    .menu-categories {
        grid-template-columns: 1fr !important;
    }
    
    .blog-cards {
        gap: 15px !important;
    }
    
    h2 {
        font-size: 22px !important;
    }
    
    .product-info-content h3 {
        font-size: 18px !important;
    }
}

/* ===== HAMBURGER MENİ DÜZELTMESİ ===== */
@media (max-width: 768px) {
    .menu-overlay {
        z-index: 9999 !important;
    }
    
    .menu-overlay.active {
        display: flex !important;
    }
    
    .menu-header {
        padding: 20px 16px !important;
    }
    
    .menu-header h2 {
        font-size: 18px !important;
    }
}

/* ===== DİL DROPDOWN MOBİL ===== */
@media (max-width: 768px) {
    .lang-selector {
        position: relative;
    }
    
    .lang-dropdown {
        position: absolute;
        top: calc(100% + 8px);
        right: 0;
        left: auto;
        z-index: 1000;
        min-width: 130px;
    }
}

/* ===== GENEL YARDIMCIlar ===== */
@media (max-width: 768px) {
    /* Scroll davranışı */
    html {
        scroll-behavior: smooth;
        -webkit-overflow-scrolling: touch;
    }
    
    /* Touch hedefleri minimum 44px */
    button {
         min-height: 44px;
    }
    
    /* Taşma engeli */
    body {
        overflow-x: hidden;
    }
    
    /* Canvas mobilde gizle (performans) */
    #fluidCanvas {
        display: none !important;
    }
}