/*
 * Custom code goes here.
 * A template should always ship with an empty custom.css
 */
body.page-index #wrapper {
    padding-top: 0;
}

body.page-index #wrapper .container 
{
    max-width: 100%;
    width: 100%;
    padding-left: 0;
    padding-right: 0;
}

body.page-index #wrapper .featured-products,
body.page-index #wrapper .banner,
body.page-index #wrapper #custom-text
{
    margin-left: auto;
    margin-right: auto;
    padding-left: 15px;
    padding-right: 15px;
}

body.page-index #wrapper .carousel .carousel-inner {
    height: 450px;
}

body.page-index #wrapper .featured-products .product {
    width: 20%;
}


body.page-index #wrapper .banner img {
    width: 100%;
}

#wrapper
 {
    padding-top: 1.563rem;
    background: linear-gradient(#ffffff, #fbfbf5, #ffffff);
}

.videoWrapper {
  position: relative;
  padding-bottom: 56.25%;
  /* 16:9 */
  padding-top: 25px;
  height: 0;
}

.videoWrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

#search_widget {
  display: flex;
  align-items: center;
}

.search-logo img {
  max-height: 35px; /* ajuste selon la taille voulue */
  margin-right: 10px; /* espace entre l’image et la barre */
}


.product-flags li.product-flag {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    padding:0.5rem 0.5rem;
    margin-top:.625rem;
    font-size:1.2rem;
    font-weight:700;
    color:#ffffff;
    text-transform:uppercase;
    pointer-events:auto;
    background:#C3206B;
}


.block-category .block-category-inner #category-description strong {
    font-weight: 400;
    color: #b52c00;
}

.card {background-color: #fefff3;}
.h1, .h2, .h3 {
    color: #000000;
    text-transform: uppercase;
}



#wrapper .breadcrumb li a {
    color: #1973ca;
}


#header .header-nav .cart-preview.active {
    background: #b52c00;
}


#subcategories {
    display: none !important;
}


@media screen and (max-width: 1024px) {
    body.page-index #wrapper .featured-products .product {
        width: 33%;
    }
}

@media screen and (max-width: 768px) {
    body.page-index #wrapper .featured-products .product {
        width: 50%;
    }
}