/* Brand Values Simple Mobile Styles */

/* Sadece mobil ve tablet için */
@media (max-width: 1024px) {
    /* Reset all possible spacing */
    .brand-values-wrapper * {
        box-sizing: border-box;
    }
    /* Wrapper ayarları */
    .brand-values-wrapper {
        background: #f0ebe5;
        padding: 0;
        overflow: hidden;
        width: 100vw;
        margin-left: calc(-50vw + 50%);
        margin-right: calc(-50vw + 50%);
    }
    
    .brand-values-container {
        padding: 0;
        margin: 0;
        width: 100%;
    }
    
    /* Grid container */
    .values-grid {
        position: relative;
        height: 40vh;
        width: 100%;
        overflow: hidden;
    }
    
    /* Desktop elementleri gizle */
    .desktop-left-column,
    .desktop-right-column,
    .center-logo {
        display: none !important;
    }
    
    /* Mobile slides - absolute positioning ile üst üste */
    .mobile-slide-1,
    .mobile-slide-2,
    .mobile-slide-3,
    .mobile-slide-4 {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        display: none; /* JavaScript kontrol edecek */
        flex-direction: column;
        padding: 0;
        margin: 0;
    }
    
    /* Value item */
    .values-grid .value-item {
        width: 100%;
        height: calc(100% - 50px);
        margin: 0;
        position: relative;
    }
    
    .values-grid .value-item img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
    
    /* Başlık */
    .values-grid .value-title {
        background: #ffffff;
        padding: 10px;
        margin: 0;
        font-size: 18px;
        color: #333;
        text-align: center;
        height: 50px;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    
    /* Caption gizle */
    .values-grid .value-caption {
        display: none;
    }
    
    /* Bottom section */
    .mobile-bottom-section {
        background: #ffffff;
        padding: 5px 20px 10px 20px;
    }
    
    /* Navigation */
    .brand-values-wrapper .mobile-nav {
        display: flex !important;
        flex-direction: row !important;
        justify-content: center;
        align-items: center;
        gap: 10px;
        margin: 0 !important;
        padding: 0 !important;
        height: auto !important;
        min-height: auto !important;
    }
    
    .brand-values-wrapper .nav-number {
        width: 35px !important;
        height: 35px !important;
        border-radius: 50%;
        background: #e0e0e0;
        color: #666;
        display: inline-flex !important;
        align-items: center;
        justify-content: center;
        font-size: 14px;
        font-weight: 500;
        cursor: pointer;
        transition: all 0.3s ease;
        border: none;
        margin: 0 !important;
        padding: 0 !important;
        flex-shrink: 0;
        vertical-align: middle;
        line-height: 1;
    }
    
    .nav-number.active {
        background: #333;
        color: #fff;
        transform: scale(1.1);
    }
    
    .bottom-text {
        text-align: center;
        margin: 5px 0 0 0 !important;
        padding: 0 !important;
    }
    
    .bottom-text a {
        color: #333;
        font-size: 16px;
        text-decoration: none;
    }
}

/* Desktop'ta mobile elementleri gizle */
@media (min-width: 1025px) {
    .mobile-nav,
    .mobile-bottom-section {
       
    }
}