Informazioni su questo articolo
.aplus-v2 .apm-brand-story-carousel-container {
posizione: relativa;
}
.aplus-v2 .apm-brand-story-carousel-hero-container,
.aplus-v2 .apm-brand-story-carousel-hero-container > div {
posizione: assoluta;
larghezza: 100%;
}/*
Garantire che il carosello occupi solo lo spazio di cui ha bisogno.
È necessario reimpostare le dimensioni sugli elementi posizionati in modo assoluto in modo che possano occupare spazio.
*/
.aplus-v2 .apm-brand-story-carousel-container,
.aplus-v2 .apm-brand-story-carousel-hero-container {
altezza: 625px;
larghezza: 100%;
larghezza massima: 1464px;
margine sinistro: automatico;
margine destro: automatico;
overflow: nascosto;
}
/*
Ciò centra il carosello verticalmente sopra il contenitore dell'immagine hero e dopo l'area del logo (125px).
Margine superiore = (heroHeight - cardHeight - logoAreaHeight) / 2 + logoAreaHeight
*/
.aplus-v2 .apm-brand-story-carousel .a-carousel-row-inner{
margine superiore: 149px;
}
/*
Le carte devono avere una larghezza impostata, altrimenti il valore predefinito è 50px circa.
Tutte le carte devono avere la stessa larghezza. Il carosello si ridimensionerà in modo che tutte le carte abbiano la larghezza della carta più grande.
Il margine sinistro serve per lasciare uno spazio tra ogni carta.
*/
.aplus-v2 .apm-brand-story-carousel .a-carousel-card {
larghezza: 362px;
margine sinistro: 30px !importante;
}
/* modellando i pulsanti di navigazione in modo che siano più alti, a filo con i lati e abbiano uno sfondo bianco pulito */
.aplus-v2 .apm-brand-story-carousel .a-carousel-col.a-carousel-left,
.aplus-v2 .apm-brand-story-carousel .a-carousel-col.a-carousel-right {
imbottitura: 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 {
bordo: nessuno;
margine: 0px;
}
.aplus-v2 .apm-brand-story-carousel .a-carousel-col.a-carousel-left .a-button-image .a-button-inner,
.aplus-v2 .apm-brand-story-carousel .a-carousel-col.a-carousel-right .a-button-image .a-button-inner {
sfondo: #fff;
imbottitura: 20px 6px;
}
.aplus-v2 .apm-brand-story-carousel .a-carousel-col.a-carousel-left .a-button-image .a-button-inner {
raggio del bordo: 0px 4px 4px 0px;
}
.aplus-v2 .apm-brand-story-carousel .a-carousel-col.a-carousel-right .a-button-image .a-button-inner {
raggio del bordo: 4px 0px 0px 4px;
}