Collare per recupero gatti impermeabile, collare a cono regolabile per animali domestici, coni protettivi per collo di gatto per smettere di leccare le ferite

/*
* Utilizzato quando dispositivo = desktop
* Configurato in: configurazione/brazil-config/global/brand-story.cfg
*/

/* Poiché il carosello è implementato come un vecchio elenco,
eventuali elenchi nel testo della carta avranno uno stile di elenco secondario (lettere).
Ciò darà un aspetto errato agli spettatori,
quindi impostiamo tutti gli elenchi sullo stile di elenco principale (numeri). */
.aplus-brand-story-card ol li {
stile elenco: decimale;
}

/* Contenitori di livello superiore */
.aplus-modulo .apm-brand-story-hero {
-moz-box-dimensionamento: border-box;
-dimensionamento della casella webkit: border-box;
dimensionamento del box: border-box;
larghezza: 1464px;
altezza: 625px;
colore di sfondo: #fff;
}

.aplus-module .apm-brand-story-card {
-moz-box-dimensionamento: border-box;
-dimensionamento della casella webkit: border-box;
dimensionamento del box: border-box;
larghezza: 362px;
altezza: 453px;
colore di sfondo: #fff;
}

.apm-brand-story-eroe,
.apm-brand-story-card {
-moz-box-dimensionamento: border-box;
-dimensionamento della casella webkit: border-box;
dimensionamento del box: border-box;
posizione: relativa;
larghezza: 100%;
altezza: 100%;
galleggiante: nessuno;
}

.aplus-module.brand-story-card-1-four-asin .apm-brand-story-card {
/* Solo 12px per tenere conto del bordo della cella dell'immagine */
imbottitura: 12px;
}

/* Immagine di sfondo completa (Eroe 1 e Carta 2) */
.aplus-module .apm-brand-story-immagine-di-fondo {
-moz-box-dimensionamento: border-box;
-dimensionamento della casella webkit: border-box;
dimensionamento del box: border-box;
overflow: nascosto;
posizione: assoluta;
larghezza: 100%;
altezza: 100%;
}

/* Immagini piccole della scheda 1 */
.aplus-module .apm-brand-story-immagine-riga {
-moz-box-dimensionamento: border-box;
-dimensionamento della casella webkit: border-box;
dimensionamento del box: border-box;
altezza: 185px;
imbottitura: 0px;
margine: automatico;
display: flessibile;
}

.aplus-module .apm-brand-story-image-row .apm-brand-story-image-cell {
/* Usa content-box per garantire che la dimensione dell'immagine corrisponda allo schema dell'editor */
-moz-box-sizing: casella dei contenuti;
-dimensionamento della casella webkit: casella del contenuto;
dimensionamento della casella: casella del contenuto;
imbottitura: 0px;
margine: 0px;
larghezza: 166px;
bordo: 1px solido #fff;
}

.aplus-module .apm-brand-story-image-row .apm-brand-story-image-cell .apm-brand-story-image-link {
visualizzazione: blocco;
larghezza: 100%;
altezza: 100%;
}

.aplus-module .apm-brand-story-image-row .apm-brand-story-image-cell .apm-brand-story-image-link .apm-brand-story-image-img {
visualizzazione: blocco;
larghezza: 100%;
altezza: 100%;
adattamento all'oggetto: copertura;
}

/* Immagine del logo della carta 3 */
.aplus-module .apm-brand-story-immagine-logo {
-moz-box-sizing: casella dei contenuti;
-dimensionamento della casella webkit: casella del contenuto;
dimensionamento della casella: casella del contenuto;
altezza: 145px;
margine: 0px 4px;
imbottitura: 20px;
fondo imbottito: 0px;
}

/* Sovrapposizioni di testo */
.aplus-module .apm-brand-story-text-bottom {
-moz-box-dimensionamento: border-box;
-dimensionamento della casella webkit: border-box;
dimensionamento del box: border-box;
posizione: assoluta;
in basso: 13px;
sinistra: 13px;
}

.aplus-module .apm-brand-story-hero .apm-brand-story-text-bottom {
colore di sfondo: rgba(0,0,0,0.6);
colore: #fff;
imbottitura: 13px 65px 13px 13px; /* tiene conto della sovrapposizione della prima carta */
larghezza: 437px;
}

.aplus-module.brand-story-card-2-media-asset .apm-brand-story-text-bottom {
colore di sfondo: rgba(255,255,255,0,6);
colore: #000;
imbottitura: 13px;
larghezza: 336px;
}

.aplus-module.brand-story-card-1-four-asin .apm-brand-story-text {
margine superiore: 8px;
}

.aplus-module.brand-story-card-1-four-asin .apm-brand-story-text.apm-brand-story-text-single {
margine superiore: 20px;
}

.aplus-module.brand-story-card-1-four-asin .apm-brand-story-text h3 {
spazi bianchi: nowrap;
overflow: nascosto;
overflow del testo: puntini di sospensione;
}

.aplus-module .apm-brand-story-testo-slogan {
-moz-box-sizing: casella dei contenuti;
-dimensionamento della casella webkit: casella del contenuto;
dimensionamento della casella: casella del contenuto;
margine: 0px 4px;
imbottitura: 20px;
}

.aplus-module .apm-brand-story-faq {
-moz-box-sizing: casella dei contenuti;
-dimensionamento della casella webkit: casella del contenuto;
dimensionamento della casella: casella del contenuto;
imbottitura superiore: 10px;
}

.aplus-module .apm-brand-story-faq-block {
margine: 0px 10px;
imbottitura: 10px;
}.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: calc(100% + 15px);
larghezza massima: 1464px;
margine sinistro: automatico;
margine destro: automatico;
}

/*
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;
}