.aplus-v2 .apm-brand-story-carousel-container { позиция: относительная; } .aplus-v2 .apm-brand-story-carousel-hero-container, .aplus-v2 .apm-brand-story-carousel-hero-container > div { позиция: абсолютная; ширина: 100%; } /* Обеспечение того, чтобы карусель занимала только необходимое пространство.Размеры необходимо снова установить для абсолютно расположенных элементов, чтобы они могли занимать место. */ .aplus-v2 .apm-brand-story-carousel-container, .aplus-v2 .apm-brand-story-carousel-hero-container { высота: 625 пикселей; ширина: 100%; максимальная ширина: 1464 пикселей; поле слева: авто; поле справа: авто; переполнение: скрыто; } / * При этом карусель центрируется вертикально поверх контейнера с изображением героя и после области логотипа (125 пикселей). Margin-top = (высота героя - cardHeight - logoAreaHeight) / 2 + logoAreaHeight * / .aplus-v2 .apm-brand-story-carousel .a-carousel-row-inner{ margin-top: 149px; } / * Ширина карточек должна быть задана, в противном случае по умолчанию она равна 50px или около того.Все карточки должны быть одинаковой ширины.Карусель изменит размер так, чтобы все карточки имели ширину самой большой карточки.Левое поле предназначено для того, чтобы оставить пробел между каждой карточкой. */ .aplus-v2 .apm-brand-story-carousel .a-carousel-card { ширина: 362px; поле слева: 30px!важно; } /* оформите кнопки навигации так, чтобы они были выше, располагались на одном уровне с боковинами и имели чистый белый фон */ .aplus-v2 .apm-brand-story-carousel .a-carousel-col.a-carousel-left, .aplus-v2 .apm-brand -story-carousel .a-carousel-col.a-carousel-right { отступ: 0px; } .aplus-v2 .apm-brand-story-carousel .a-carousel-col.a-carousel-left .a-button-image, .aplus-v2 .apm-brand-story-carousel .a-carousel-col.a-carousel-right .a-button-image { граница: отсутствует; поле: 0px; } .aplus -v2 .apm-brand-story-carousel .a-carousel-col.a-carousel-слева .a-button-изображение .a-button-внутренняя, .aplus-v2 .apm-brand-story-carousel .a-carousel-col .a-carousel-справа .a-button-изображение .a-button-внутренняя { фон: #fff; отступ: 20x6 пикселей; } .aplus-v2 .apm-brand-story-carousel .a- carousel-col.a-carousel-слева .a-кнопка-изображение .a-кнопка-внутренняя { радиус границы: 0px 4px 4px 0px; } .aplus-v2 .apm-история бренда-carousel .a-карусель-col.a-карусель-справа .a-кнопка-изображение .a-кнопка-внутренняя { радиус границы: 4px 0px 0px 4px; }