Conjunto de piscina ao ar livre com bomba de filtro, pano de chão, cobertura de piscina, escada de cobertura, banheiras de hidromassagem, casa, estrutura de metal, 15 pés x

.aplus-v2 .apm-brand-story-carousel-container {
posição: relativa;
}

.aplus-v2 .apm-brand-story-carousel-hero-container,
.aplus-v2 .apm-brand-story-carousel-hero-container > div {
posição: absoluta;
largura: 100%;
}/*
Garantir que o carrossel ocupe apenas o espaço necessário.
Os tamanhos precisam ser ajustados novamente nos elementos posicionados de forma absoluta para que possam ocupar espaço.
*/
.aplus-v2 .apm-brand-story-carousel-container,
.aplus-v2 .apm-brand-story-carousel-hero-container {
altura: 625px;
largura: 100%;
largura máxima: 1464px;
margem esquerda: automático;
margem direita: automático;
estouro: oculto;
}

/*
Isso centraliza o carrossel verticalmente no topo do contêiner da imagem principal e após a área do logotipo (125px).
Margem superior = (heroHeight - cardHeight - logoAreaHeight) / 2 + logoAreaHeight
*/
.aplus-v2 .apm-brand-story-carousel .a-carousel-row-inner{
margem superior: 149px;
}

/*
Os cartões precisam ter uma largura definida, caso contrário, o padrão é 50px ou mais.
Todos os cartões devem ter a mesma largura. O carrossel será redimensionado para que todos os cartões tenham a largura do cartão maior.
A margem esquerda serve para deixar um espaço entre cada cartão.
*/
.aplus-v2 .apm-brand-story-carousel .a-carousel-card {
largura: 362px;
margem esquerda: 30px !importante;
}

/* estilizando os botões de navegação para que fiquem mais altos, alinhados com as laterais e tenham um fundo branco limpo */
.aplus-v2 .apm-brand-story-carousel .a-carousel-col.a-carousel-left,
.aplus-v2 .apm-brand-story-carousel .a-carousel-col.a-carousel-right {
preenchimento: 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 {
fronteira: nenhuma;
margem: 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 {
plano de fundo: #fff;
preenchimento: 20px 6px;
}

.aplus-v2 .apm-brand-story-carousel .a-carousel-col.a-carousel-left .a-button-image .a-button-inner {
raio da borda: 0px 4px 4px 0px;
}

.aplus-v2 .apm-brand-story-carousel .a-carousel-col.a-carousel-right .a-button-image .a-button-inner {
raio da borda: 4px 0px 0px 4px;
}