/**
 * ТОЧЕЧНОЕ ИСПРАВЛЕНИЕ ДУБЛИРУЮЩЕГОСЯ СКРОЛЛБАРА
 * Убираем лишний скроллбар у body, оставляем только основной у html
 * Не затрагиваем дизайн и остальные элементы
 */

/* Убираем дублирующийся скроллбар только у body */
body {
    overflow-y: hidden !important;
}

/* Оставляем основной скроллбар у html */
html {
    overflow-y: scroll !important;
    overflow-x: hidden !important;
}

/* Убираем height: 100% у body, чтобы не было белой области */
body {
    height: auto !important;
    min-height: 100vh !important;
}

/* ПРОСТОЕ РЕШЕНИЕ белой полосы справа */
body {
    overflow-x: hidden !important;
}

/* Ограничиваем переполнение миниатюр галереи (источник ширины 9000px) */
.a3-dgallery,
.a3dg-nav,
.a3dg-thumbs,
.a3dg-thumbs-static,
.product_gallery {
    max-width: 100% !important;
    overflow-x: hidden !important;
    box-sizing: border-box !important;
}

.a3dg-thumbs .a3dg-thumb-list,
.a3dg-thumbs-static .a3dg-thumb-list,
.a3dg-nav .a3dg-thumb-list {
    width: 100% !important;      /* Переопределяем inline-width:9000px */
    max-width: 100% !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    -webkit-overflow-scrolling: touch !important;
}

/* ИСПРАВЛЕНИЕ ШИРОКИХ ЭЛЕМЕНТОВ ГАЛЕРЕИ */
/* Проблема: .a3dg-preloads и IMG внутри имеют фиксированную ширину 1200px */
.a3dg-preloads,
.a3dg-preloads img {
    max-width: 100vw !important;
    width: 100% !important;
}

/* Контейнер viewOptionsConfig также выходит за границы */
#viewOptionsConfig {
    max-width: 100% !important;
    box-sizing: border-box !important;
}