/* Базовые исправления для iOS */
    * {
        -webkit-tap-highlight-color: transparent;
    }

    .doverie_section {
        padding: 60px 0;
        background-color: #e6effe;
    }
    
    .doverie_container {
        max-width: 1200px;
        margin: 0 auto;
        padding: 0 20px;
        background: #e6effe;
    }
    
    .doverie_title {
		font-size: 40px;
		font-weight: bold;
		text-align: center;
		margin-bottom: 15px;
		color: #1a232a;
		-webkit-font-smoothing: antialiased;
		text-transform: uppercase;
    }
    
    .doverie_description {
            font-size: 18px;
			text-align: center;
			margin-bottom: 50px;
			color: #878788;
			max-width: 800px;
			margin-left: auto;
			margin-right: auto;
			line-height: 1.5;
			padding: 0 15px;
			font-weight: 500;
        -webkit-font-smoothing: antialiased;
    }
    
    .doverie_divider {
        height: 0px;
        background-color: #e0e0e0;
        margin: 0 auto 50px;
        max-width: 200px;
    }
    
    /* СКРОЛЛ и его цвета, смена вне */
    
    .doverie_scroll_container {
        width: 100%;
        overflow-x: auto;
        padding-bottom: 25px; /* Увеличили отступ для скроллбара */
        cursor: grab;
        user-select: none;
        scroll-behavior: smooth;
        -webkit-overflow-scrolling: touch;
        overscroll-behavior-x: contain;
        
        /* Принудительно показываем скроллбар всегда */
        scrollbar-width: thin; /* Для Firefox */
        scrollbar-color: #174c9a #d6dfff; /* Для Firefox: ползунок и дорожка */
    }
    
    .doverie_scroll_container:active {
        cursor: grabbing;
    }
    
    /* Для WebKit браузеров (Chrome, Safari, Edge) */
    .doverie_scroll_container::-webkit-scrollbar {
        height: 12px; /* Увеличиваем высоту */
        background-color: #d6dfff;
        border-radius: 6px;
    }
    
    .doverie_scroll_container::-webkit-scrollbar-track {
        background-color: #d6dfff;
        border-radius: 6px;
        box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.1);
    }
    
    .doverie_scroll_container::-webkit-scrollbar-thumb {
        background-color: #174c9a;
        border-radius: 6px;
        border: 2px solid #d6dfff; /* Добавляем отступ вокруг ползунка */
    }
    
    .doverie_scroll_container::-webkit-scrollbar-thumb:hover {
        background-color: #1a5bc5;
    }
    
    /* Убираем стандартный полупрозрачный скроллбар iOS */
    .doverie_scroll_container {
        -ms-overflow-style: -ms-autohiding-scrollbar; /* Для IE/Edge */
    }
    
    .doverie_flex_row {
        display: flex;
        gap: 1px;
        min-width: max-content;
        padding: 0 10px;
    }
    
    .doverie_card {
        background-color: #e6effe;
        padding: 25px 15px;
        text-align: center;
        transition: transform 0.3s ease, box-shadow 0.3s ease;
        height: 200px;
        width: 280px;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-shrink: 0;
        -webkit-touch-callout: none;
    }
    
    .doverie_card:hover,
    .doverie_card:active {
        transform: translateY(-5px);
        box-shadow: 0 8px 20px rgba(0, 0, 0, 0.12);
    }
    
    .doverie_img {
        max-width: 100%;
        max-height: 100%;
        object-fit: contain;
        -webkit-touch-callout: none;
    }
    
    /* Планшетная версия */
    @media (max-width: 992px) {
        .doverie_section {
            padding: 40px 0;
        }
        
        .doverie_title {
            font-size: 32px;
        }
        
        .doverie_description {
            font-size: 16px;
            margin-bottom: 30px;
        }
        
        .doverie_card {
            padding: 20px 10px;
            height: 130px;
            width: 200px;
        }
        
        .doverie_scroll_container {
            padding-bottom: 22px;
        }
    }
    
    /* Мобильная версия */
    @media (max-width: 780px) {
        .doverie_section {
            padding: 30px 0;
        }
        
        .doverie_container {
            padding: 0 15px;
        }
        
        .doverie_title {
            font-size: 28px;
        }
        
        .doverie_description {
            font-size: 15px;
            margin-bottom: 25px;
        }
        
        .doverie_divider {
            margin-bottom: 35px;
        }
        
        .doverie_card {
            padding: 10px 5px;
            height: 130px;
            width: 200px;
        }
        
        .doverie_img {
            max-height: 100%;
        }
        
        /* Делаем скроллбар более заметным на мобильных */
        .doverie_scroll_container {
            padding-bottom: 30px;
            margin-bottom: 10px;
            scrollbar-width: auto; /* Для Firefox - нормальная толщина */
        }
        
        .doverie_scroll_container::-webkit-scrollbar {
            height: 10px; /* Немного тоньше на мобильных */
        }
        
        .doverie_scroll_container::-webkit-scrollbar-thumb {
            background-color: #174c9a;
            min-width: 80px; /* Минимальная ширина ползунка */
            border: 2px solid #d6dfff;
        }
    }
    
    /* Маленькие мобильные устройства */
    @media (max-width: 480px) {
        .doverie_section {
            padding: 25px 0;
        }
        
        .doverie_title {
            font-size: 24px;
            padding: 0 10px;
        }
        
        .doverie_description {
            font-size: 14px;
            padding: 0 10px;
        }
        
        .doverie_card {
            padding: 8px 2px;
            height: 130px;
            width: 200px;
        }
        
        .doverie_scroll_container {
            padding-bottom: 28px;
        }
    }
    
    /* Очень маленькие устройства */
    @media (max-width: 360px) {
        .doverie_card {
            height: 92px;
            width: 115px;
        }
        
        .doverie_scroll_container::-webkit-scrollbar {
            height: 8px;
        }
    }

    /* Исправление для touch на iOS */
    @media (hover: none) and (pointer: coarse) {
        .doverie_card:active {
            transform: translateY(-5px);
            box-shadow: 0 8px 20px rgba(0, 0, 0, 0.12);
        }
    }