.aplus-v2 .apm-brand-story-carousel-container { position: relative; } .aplus-v2 .apm-brand-story-carousel-hero-container, .aplus-v2 .apm-brand-story-carousel-hero-container > div { position: absolute; width: 100%; } /* Карусель должна занимать ровно столько места, сколько ей нужно. Размеры необходимо снова установить на абсолютно расположенных элементах, чтобы они могли занимать место. */ .aplus-v2 .apm-brand-story-carousel-container, .aplus-v2 .apm-brand-story-carousel-hero-container { height: 625px; width: 100%; max-width: 1464px; margin-left: auto; margin-right: auto; overflow: hidden; } /* Карусель центрируется вертикально поверх контейнера главного изображения и после области логотипа (125 пикселей).Левое поле предназначено для того, чтобы оставить пробел между каждой картой. */ .aplus-v2 .apm-brand-story-carousel .a-carousel-card { width: 362px; margin-left: 30px !important; } /* стилизуем кнопки навигации так, чтобы они были выше, заподлицо с боковыми сторонами и имели чистый белый фон */ .aplus-v2 .apm-brand-story-carousel .a-carousel-col.a-carousel-left, .aplus-v2 .apm-brand-story-carousel .a-carousel-col.a-carousel-right { padding: 0px; } .aplus-v2 .apm-brand-story-carousel .a-carousel-col. a-carousel-leftmargin-top = (heroHeight - cardHeight - logoAreaHeight) / 2 + logoAreaHeight */ .aplus-v2 .apm-brand-story-carousel .a-carousel-row-inner{ margin-top: 149px; } /* Для карточек должна быть установлена ширина, в противном случае они по умолчанию равны 50 пикселей или около того. Все карты должны иметь одинаковую ширину. Размер карусели изменится таким образом, чтобы все карточки занимали ширину самой большой карточки.
