.home-promo { }
.home-promo .outer { padding: 1rem 0rem; }
.home-promo .inner { position: relative; left: var(--nav-categories-width); width: calc(100% - var(--nav-categories-width) - 1rem); background-repeat: no-repeat; background-size: contain; background-color: #cfeaf3;  margin-left: 1rem; border-radius: 0.5rem; padding: 9.5rem 6rem; }
.home-promo .title { max-width: 32.5rem; margin-bottom: 1rem; }
.home-promo p { font-size: var(--fs-500); margin: 0; }
.home-promo a { margin-top: 3rem; text-align: center; }

.categorie-banner a.btn-link:hover { color: #FFF; } 
.categorie-banner .dark a.btn-link:hover { color: var(--clr-neutral-400); } 
.categorie-banner .dark a.btn-link:hover::before { border-color: var(--clr-neutral-400); } 

.home-lower-section { display: flex; }
.home-lower-section .home-topseller { width: calc(60% - 0.5rem); }
.home-lower-section .home-themes { width: calc(40% - 0.5rem); margin-left: auto; }

.product-card .card-body > * { width: 100%; }

.home-themes .card-header { background-color: var(--clr-primary-200); }
.home-themes .card-body { display: flex; flex-wrap: wrap; padding: 1rem 2rem; background-color: var(--clr-primary-100); }
.home-themes .card-body a { display: block; min-width: 6rem; flex-basis: calc(25% - 0.5rem); background-color: #FFF; border-radius: 2rem; font-size: var(--fs-500); text-align: center; padding: 0.75rem 0.5rem; margin: auto; margin-bottom: 1rem; border: 0.1rem solid var(--clr-neutral-20); color: var(--clr-neutral-400); }
.home-themes .card-body a:hover { transform: scale(1.1); color: var(--clr-primary-400); }

@media(max-width: 1400px){
    .home-lower-section .home-topseller { width: calc(50% - 0.5rem); }
    .home-lower-section .home-themes { width: calc(50% - 0.5rem); }
}
@media(max-width: 1300px){
    .home-promo .inner { width: 100%; left: 0; margin-left: 0; }
}
@media(max-width: 1150px){
    .home-lower-section { flex-wrap: wrap; }
    .home-lower-section .home-topseller { width: 100%; }
    .home-lower-section .home-themes { width: 100%; }
    .home-themes .card-body a { flex-basis: calc(16.6666% - 0.5rem);}
}
@media(max-width: 1000px){
    .categorie-banner.banner-big .split { flex-wrap: wrap; }
    .categorie-banner.banner-big .split > * { flex-basis: 100%; margin-bottom: 2rem; }
    .categorie-banner.banner-big .split > *:last-of-type { margin-bottom: 0rem; }
}
@media(max-width: 900px){
    .home-promo .inner { padding: 6rem 4rem; }
    .home-promo .title { max-width: 27.5rem; }
    .home-themes .card-body a { flex-basis: calc(20% - 0.5rem); }
}

@media(max-width: 720px){
    .home-promo .inner { background-size: cover; background-position: 70%; background-image: none !important; }
    .home-themes .card-body a { flex-basis: calc(25% - 0.5rem); }

}
@media(max-width: 650px){
    .home-promo .inner { padding: 10rem 2rem; }
}
@media(max-width: 550px){
    .home-themes .card-body a { flex-basis: calc(33.3333% - 0.5rem); }

}
@media(max-width: 360px){
    .home-themes .card-body a { flex-basis: calc(50% - 0.5rem); }
    .home-themes .card-body { padding: 2rem; }
}
@media(max-width: 300px){
    .home-themes .card-body a { flex-basis: calc(100% - 0.5rem); }
}