/* Mobile Styles - Минимальная мобильная версия */

/* Основные медиа-запросы для мобильных устройств */
@media (max-width: 768px) {
    /* Product Gallery Mobile Styles */
    .product-gallery-thumbs {
        padding: 0 20px;
    }
    
    .product-gallery__nav--next,
    .product-gallery__nav--prev {
        width: 35px;
        height: 35px;
    }
    
    .product-gallery__nav--next:after,
    .product-gallery__nav--prev:after {
        font-size: 14px;
    }
}

/* Дополнительные стили для очень маленьких экранов */
@media (max-width: 480px) {
   
}

/* Стили для планшетов */
@media (min-width: 769px) and (max-width: 1024px) {
    
   
}

/* Убираем hover эффекты на мобильных */
@media (max-width: 768px) {
    
}

/* Исправляем проблемы с overflow */
@media (max-width: 768px) {
   
}