/**
 * QR Menü Sistemi Mobil CSS Dosyası
 */

/* Mobil Cihazlar İçin */
@media (max-width: 767px) {
    /* Header */
    .header-content {
        padding: 10px 0;
    }
    
    .logo img {
        max-height: 35px;
    }
    
    .logo h1 {
        font-size: 1.3rem;
    }

    /* Arama Kutusu */
    .search-box input {
        padding: 10px 45px 10px 15px;
        font-size: 0.95rem;
    }

    /* Kategoriler */
    .categories-grid {
        grid-template-columns: repeat(auto-fill, minmax(80px, 1fr));
        gap: 10px;
    }
    
    .category-card {
        padding: 10px 5px;
    }
    
    .category-icon {
        width: 40px;
        height: 40px;
        font-size: 1.2rem;
    }
    
    .category-name {
        font-size: 0.8rem;
    }

    /* Ürünler - Grid */
    .products-grid {
        grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));
        gap: 15px;
    }
    
    .product-card .product-image {
        height: 120px;
    }
    
    .product-card .product-name {
        font-size: 0.95rem;
    }
    
    .product-card .product-price {
        font-size: 1rem;
    }

    /* Ürünler - Liste */
    .product-item .product-image {
        width: 100px;
        height: 100px;
    }
    
    .product-item .product-details {
        padding: 10px;
    }
    
    .product-item .product-name {
        font-size: 1rem;
    }
    
    .product-item .product-description {
        font-size: 0.85rem;
    }

    /* Ürün Detayı */
    .product-detail {
        gap: 20px;
    }
    
    .product-title {
        font-size: 1.5rem;
    }
    
    .product-features {
        gap: 10px;
    }
    
    .feature {
        padding: 6px 12px;
        font-size: 0.8rem;
    }
    
    .product-price-container .price {
        font-size: 1.4rem;
    }
    
    .product-price-container .original-price {
        font-size: 1rem;
    }
    
    .product-price-container .discounted-price,
    .product-price-container .current-price {
        font-size: 1.4rem;
    }

    /* Footer */
    .footer-content {
        flex-direction: column;
        gap: 15px;
        text-align: center;
    }
    
    .scroll-to-top {
        margin: 0 auto;
    }
}

/* Çok Küçük Mobil Cihazlar İçin */
@media (max-width: 480px) {
    .categories-grid {
        grid-template-columns: repeat(3, 1fr);
    }
    
    .products-grid {
        grid-template-columns: repeat(2, 1fr);
    }
    
    .section-title {
        font-size: 1.3rem;
    }
    
    .category-title,
    .search-title {
        font-size: 1.5rem;
    }
    
    .back-button {
        width: 35px;
        height: 35px;
    }
}
/* iPhone Swipe Navigation Engelleme */
body {
    overscroll-behavior: none;
    -webkit-overflow-scrolling: touch;
}

/* Touch hareketlerini sınırla */
html, body {
    touch-action: pan-y;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    user-select: none;
}

/* Öne çıkan ürünler slider için touch izin ver */
.featured-slider {
    touch-action: pan-x;
    -webkit-overflow-scrolling: touch;
}

/* Kategori listesi için sadece dikey scroll */
.categories-container,
.products-list {
    touch-action: pan-y;
}

/* Viewport ayarları */
@viewport {
    width: device-width;
    zoom: 1.0;
}