/* couleur surlignage texte*/
/* pour Firefox */
::-moz-selection {
 background-color:#920000;
 color: #fff;
}
/* pour Safari et Chrome */
::selection {
 background-color:#920000;
 color: #fff;
}

.block-category h1,
.cmscustom h2,
.cmscustom h3 {
    font-family: Oswald, sans-serif;
}

#language-selector-label {
    color: #000;
}

#_desktop_logo {
    background-image: radial-gradient(circle at center center, transparent, rgb(255, 255, 255)), linear-gradient(309deg, rgba(90, 90, 90, 0.05) 0%, rgba(90, 90, 90, 0.05) 50%, rgba(206, 206, 206, 0.05) 50%, rgba(206, 206, 206, 0.05) 100%), linear-gradient(39deg, rgba(13, 13, 13, 0.05) 0%, rgba(13, 13, 13, 0.05) 50%, rgba(189, 189, 189, 0.05) 50%, rgba(189, 189, 189, 0.05) 100%), linear-gradient(144deg, rgba(249, 249, 249, 0.05) 0%, rgba(249, 249, 249, 0.05) 50%, rgba(111, 111, 111, 0.05) 50%, rgba(111, 111, 111, 0.05) 100%), linear-gradient(166deg, rgba(231, 231, 231, 0.05) 0%, rgba(231, 231, 231, 0.05) 50%, rgba(220, 220, 220, 0.05) 50%, rgba(220, 220, 220, 0.05) 100%), linear-gradient(212deg, rgba(80, 80, 80, 0.05) 0%, rgba(80, 80, 80, 0.05) 50%, rgba(243, 243, 243, 0.05) 50%, rgba(243, 243, 243, 0.05) 100%), radial-gradient(circle at center center, hsl(107, 19%, 100%), hsl(107, 19%, 100%));
}

#header .header-nav {
    background: #c50000;
    border-bottom: 2px solid #000;
    margin-bottom: 0px;
}

#header a {
    color: #ffffff;
    text-transform: uppercase;
    font-family: Oswald, sans-serif;    
}


#header a:hover {
    color: #5ffff9;  
}

#header .header-nav .language-selector {
    margin-top: 0.65rem;
}

#contact-link{
    color: #ffffff;
    text-transform: uppercase;
    font-family: Oswald, sans-serif;    
}

#header .header-nav .blockcart {
    color: #ffffff;
    background: #c50000;
    font-family: Oswald, sans-serif;
    text-transform: uppercase;
    margin-right: 5px;            
}

#header .header-nav .cart-preview .shopping-cart {
    color: #fff;
}

#_desktop_logo {
    text-align: center
}

#_desktop_language_selector {
    margin-left: 10px
}

.dropdown .expand-more:hover {
    color: #d2d2d2
}

#cookieNoticeContent a {
    color: #191919;
    font-weight: 700
}

.cmscustom h2 {
    font-size: 25px;
    background: #920000;
    color: #fff;
    padding: 5px;
    text-transform: uppercase
}

.cmscustom h3 {
    font-size: 18px;
    color: #920000
}

.cmscustom h4 {
    font-size: 15px;
    color: #fff;
    background: #005492
}

.cmscustom img{
    max-width: 100%;
}

#custom-text {
    text-align: justify;
}

#custom-text img{
    float: left;
    margin-right: 10px;
}

#custom-text h2{
    font-size: 1rem;
}

.subcategory-heading {
    font-weight: 700;
    text-align: center;
    padding-top: 10px
}

#subcategories {
    background-color: #fff
}

#subcategories h5 {
    margin-bottom: 25px
}

#subcategories ul li {
    float: left;
    width: 16.666%;
    text-align: center;
    min-height: 160px
}

#subcategories ul li img {
    margin-bottom: 10px;
    width: 66%
}

#subcategories ul li img:hover {
    opacity: .5
}

.block-category h1 {
    font-size: 25px;
    color: #000;
    background: linear-gradient(90deg, rgba(169, 169, 169, 1) 0%, rgba(255, 255, 255, 1) 45%, rgba(255, 255, 255, 1) 100%);
}

    #encaps h1{
    font-size: 1.8rem;
    background: linear-gradient(180deg, #323537 0%, #1a1c1d 100%);
    border: 1px solid #404345;
    color: #e0e0e0;
    padding: 10px;
    border-radius: 4px;
    }

body#checkout #header .header-nav {
    border-bottom: 2px solid #f1f1f1;
    max-height: 50px;
    margin-bottom: 30px;
    padding: inherit;
    box-shadow: inherit
}

#checkout #search_widget {
    display: block
}

body#checkout #footer {
    padding: 2.5rem 0 0;
    color: inherit
}

.m-top-20p {
    margin-top: 20px !important
}

.logos-payment {
    max-width: 100%
}

#category .page-not-found {
    display: none;
}

.vignettecms {
    margin-right: 15px;
    float: left
}

.cmscenter {
    text-align: center
}

#galerie td {
    padding: 1px;
    text-align: center;
    width: 20%
}

#galerie img {
    object-fit: cover;
    max-width: 100%;
    min-width: 100%;
    height: 150px
}

.product-prices .tax-shipping-delivery-label {
    display: inline
}

#product_details_on {
    background: #fff;
    box-shadow: 2px 2px 8px 0 rgba(0, 0, 0, .2)
}

#details h3 {
    border-bottom: 1px solid #2d2d2d;
    margin-top: 10px
}

#details h2 {
    font-size: 16px
}

li.product-flag.on-sale {
    background: #d8f447;
}

#titreproduit {
    box-shadow: 2px 2px 8px 0 rgba(0, 0, 0, .2);
    margin-bottom: 1.25rem;
    background: #e0e0e0
}

#titreproduit h1 {
    font-size: 25px
}

#super_counter {
    text-align: center;
    color: #fff;
    font-weight: 700;
    margin: 0 25px 25px 25px;
    background: url(../img/super_counter_bg.jpg) no-repeat center center fixed;
    background-size: contain;
    padding: 10px 0 10px 0
}

#super_counter .super_counter_lbl {
    font-family: Oswald, sans-serif;
    font-size: 30px;
    line-height: 40px
}

#super_counter .super_counter_lbl_2 {
    font-family: Oswald, sans-serif;
    font-style: italic
}

#super_counter #super_counter_nb {
    font-size: 150px;
    line-height: 150px
}

#manufacturer-banner {
    margin-bottom: 15px;
    text-align: center
}

#manufacturer-name {
    text-align: center;
    box-shadow: 2px 2px 8px 0 rgba(0, 0, 0, .2);
    margin-bottom: 1.25rem;
    background: #e0e0e0;
    text-transform: uppercase;
    font-family: Oswald, sans-serif
}

#manufacturer-name #spotbrand {
    color: #ff0016
}

#manufacturer-banner img {
    max-width: 25%;
    max-height: 25%
}

#manufacturer-short_description {
    background-color: #fff;
    padding: 20px;
    padding-bottom: 10px;
    margin-top: 20px;
    margin-bottom: 20px
}

#manufacturer-short_description h2 {
    font-size: 16px;
    font-weight: 700
}

#manufacturer-short_description a {
    background: #191919;
    font-weight: 700;
    text-transform: uppercase;
    color: #fff;
    padding: 3px;
    border-radius: 10px
}

#manufacturer-description p {
    font-size: 12px
}

.footer-container{
background-image: linear-gradient(67.5deg, rgb(215, 215, 215) 0%, rgb(215, 215, 215) 46%,rgb(198, 198, 198) 46%, rgb(198, 198, 198) 49%,rgb(181, 181, 181) 49%, rgb(181, 181, 181) 56%,rgb(164, 164, 164) 56%, rgb(164, 164, 164) 61%,rgb(146, 146, 146) 61%, rgb(146, 146, 146) 75%,rgb(129, 129, 129) 75%, rgb(129, 129, 129) 84%,rgb(112, 112, 112) 84%, rgb(112, 112, 112) 100%),linear-gradient(22.5deg, rgb(215, 215, 215) 0%, rgb(215, 215, 215) 46%,rgb(198, 198, 198) 46%, rgb(198, 198, 198) 49%,rgb(181, 181, 181) 49%, rgb(181, 181, 181) 56%,rgb(164, 164, 164) 56%, rgb(164, 164, 164) 61%,rgb(146, 146, 146) 61%, rgb(146, 146, 146) 75%,rgb(129, 129, 129) 75%, rgb(129, 129, 129) 84%,rgb(112, 112, 112) 84%, rgb(112, 112, 112) 100%),linear-gradient(112.5deg, rgb(215, 215, 215) 0%, rgb(215, 215, 215) 46%,rgb(198, 198, 198) 46%, rgb(198, 198, 198) 49%,rgb(181, 181, 181) 49%, rgb(181, 181, 181) 56%,rgb(164, 164, 164) 56%, rgb(164, 164, 164) 61%,rgb(146, 146, 146) 61%, rgb(146, 146, 146) 75%,rgb(129, 129, 129) 75%, rgb(129, 129, 129) 84%,rgb(112, 112, 112) 84%, rgb(112, 112, 112) 100%),linear-gradient(90deg, rgb(231, 231, 231),rgb(195, 195, 195)); 
background-blend-mode:overlay,overlay,overlay,normal;
}

#titrefooter {
    color: #99bdeb
}

#paiementfooter {
    margin-top: 20px
}

#paiementfooter p {
    font-weight: 700;
    font-size: 11px;
    color: #fff;
    margin: 0
}

#titrebrand {
    box-shadow: 2px 2px 8px 0 rgba(0, 0, 0, .2);
    height: 40px;
    padding: 5px;
    background: #e0e0e0;
    text-transform: uppercase;
    font-family: Oswald, sans-serif;
    margin-bottom: 15px
}

li.brand {
    vertical-align: top;
    width: 150px;
    display: inline-block;
    text-align: center;
    height: 200px;
    border: 1px solid #bbb;
    padding-top: 5px;
    margin-bottom: 5px
}

li.brand img {
    margin-bottom: 10px;
    background: #fff
}

li.brand a {
    color: #000
}

li.brand h3 {
    text-transform: uppercase;
    font-family: Oswald, sans-serif
}

.brand-products {
    font-size: 12px;
    font-style: italic
}

#block-newsletter-label {
    font-size: 18px;
    text-transform: uppercase;
    font-family: Oswald, sans-serif
}

.product-pack-price {
    background: #36a521;
    color: #fff;
    font-weight: 600;
    padding: .3125rem .625rem;
    font-size: 1rem;
    margin-left: .625rem;
    text-transform: uppercase;
    display: inline-block
}

.licms a {
    color: #000;
    text-transform: uppercase;
    font-family: Oswald, sans-serif;
    text-decoration: none;
    background: linear-gradient(to top, #920000 0, #920000 10%, transparent 10.01%) no-repeat left bottom/0 100%;
    transition: background-size .5s
}

.licms a:hover {
    background-size: 100% 100%
}

.logotransport {
    max-width: 100%
}

.carrier-price {
    font-weight: 700
}

#product-details.fade {
    opacity: 1;
    display: initial
}

#hondaspot{
    display: flex;
    align-items: flex-end;
    font-style: italic;
}

#hondaspot h3{
    color: black;
    text-transform: uppercase;
    font-family: Oswald, sans-serif;
    font-size: 22px;
}

#hondaspotimg img{
    max-height: 75px;
}

#toutesmarques h3{
    background: #757575;
    line-height: 30px;
    padding: 0 0 0 5px;
    color: white;
}

.justhonda{
    background: url(../img/fondhonda.jpg) no-repeat center center fixed;
    margin-bottom: 10px;
    padding-top: 10px;
    border: 3px solid #ff0000;
    border-radius: 10px;
    box-shadow: 2px 2px 8px 0 rgba(0,0,0,.2);
}

.quality1{
    border: #d69d4e 2px dashed;
    position: relative;
    margin-top: 22px;
}

.quality1:before{
    display: block;
    position: absolute;
    top: -22px;
    background: #d69d4e;
    color: #fff;
    left: -2px;
    content: "Premium";
    height: 22px;
    padding: 0 15px;
}

.logolivreur img{
    max-width: 80px;
}

#axeptio_btn_acceptAll{
    color:#00a963 !important;
}

#axeptio_btn_acceptAllAndNext{
    color:#00a963 !important;
}

.gbtota#axeptio_btn_next{
    color:#00a963 !important;
}

.react-switch-bg[aria-checked="true"]{
    background:#00a963 !important;
}

.react-switch-handle[aria-checked="true"] path{
    fill:#00a963 !important;
}

#mega_menu_plus ul li div.sub{
    padding: 0px 5px 0px 5px;
    border-top: 3px solid #920000;
    border-left:none;
    border-right:none;
    border-bottom:none;
}

.promo-code-button{
    color: #425488
}

.card-block{
    font-weight: bold;
}

p.h4.text-uppercase.block-contact-title{
    color: #000;
}

#block_myaccount_infos .myaccount-title a{
    color: #000;
}

.footer-container li a:hover {
    color: #99bdeb;
}

.product-price{
    color: #920000;
}

.price span.product-price, .has-discount p, .has-discount.product-price {
    color: #910100;
}

.has-discount .discount {
    background: #cb0909;
}

.product-discount .regular-price {
    color: #a9a9a9;
}

.product-prices div {
    margin-bottom: 0.4rem;
}

.logo-container img{
    width: 100%;
}

.titrechoix{
    font-size: 22px;
    text-transform: uppercase;
    font-family: Oswald,sans-serif;
    color:#000;
    text-align: center;
    border-bottom: 3px solid #c50000;
    margin: 2px 0px 2px 0px;
    background: #fff;
    font-weight: bold;
    padding: 3px;
}

/* Copie du champs dispo d'origine */

#custom_availability{
    margin-bottom: 0.625rem;
    display: inline-block;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 18px;
    font-family: Oswald,sans-serif;
}

#custom_availability .product-available {
    color: #4cbb6c;
}

#custom_availability .material-icons {
    line-height: inherit;
}

.page-cms h4{
    color: #000;
    background: initial;
}

.page-cms img{
    margin-right: 5px;
}

.page-cms #content ul{
    list-style: disc;
    margin-left: 35px
}

.page-cms li{
    font-size: 14px;
}

.page-cms #content-wrapper li::marker{
    color: #920000;
}

/* Fin copie du champs dispo d'origine */

#difficulte .bulle{
    width: 18px;
    height: 18px;
    border-radius: 90px;
    border :1px solid #930000;
    display:inline-block;
    width: 18px;
    margin-right:2px;
    margin-left:2px;
}

#difficulte .rempli{
background: #930000;
}


#difficulte{
 display: flex;
 justify-content: right;
 align-content: center;
 font-size: 18px;
 font-weight: bold;
 margin-top:30px;
}

.grand {
    margin-top: 50px;
    margin-bottom:30px;
    font-size: 46px;
}

.fondRouge{
  background: #930000;
  padding:5px 0;
  padding-left: 6px;
  padding-right:6Px;
  color: #fff;
}

#reduireTaille{
 max-width :50%;
 padding-top: 1px;
}

#horloge{
    background: url("../img/horloge.svg") no-repeat;
    display:inline-block;
    padding-left: 20px;
    float: right;
    font-size: 16px;
    font-weight: bold;
    margin-top:5px;
}

#header .header-top .search-widget {
    display: none;    
    width: 100%;
}

#reduc{
    padding: 5px 10px 0px 10px;
    text-align: justify;
    box-shadow: 2px 2px 8px 0 rgb(0 0 0 / 20%);
    margin-bottom: 1.25rem;
    background: #e0e0e0;
}

#reduc p{
        font-size: 11px;
}

#assoc .h5{
    box-shadow: 2px 2px 8px 0 rgb(0 0 0 / 20%);
    background: #e0e0e0;
    padding: 5px;
    font-family: Oswald, sans-serif;
    font-size: 18px;
}

#titrecross h3{
    box-shadow: 2px 2px 8px 0 rgb(0 0 0 / 20%);
    background: #e0e0e0;
    padding: 5px;
    font-family: Oswald, sans-serif;
    font-size: 18px;
    text-transform: uppercase;
}

.irs--flat .irs-bar{
    height: 5px;
    background-color: #555;
}

.irs{
    height: 5px;
}

.irs--flat .irs-line{
    height: 5px;
}

.irs--flat.irs-with-grid{
    height: 52px;
}

.irs--flat .irs-handle.state_hover>i:first-child, .irs--flat .irs-handle:hover>i:first-child{
    background: #fff;
    border: 1px solid #555;
}

.irs--flat .irs-handle>i:first-child{
    background: #fff;
    border: 1px solid #555;
}

.irs--flat .irs-from, .irs--flat .irs-to, .irs--flat .irs-single{
    background-color: #555;
}

.irs--flat .irs-from:before, .irs--flat .irs-to:before, .irs--flat .irs-single:before{
    border-top-color:#555;
}

.irs--flat .irs-handle{
    top: 19px;
    cursor: pointer;
}

.irs--flat .irs-handle>i:first-child{
    width: 7px;
    border-radius: 5px;
    left: 40%;
}

.intro{
    text-align: left!important;
}

.vignette a img {
    filter: grayscale(100%);
    transition: filter 0.3s ease, transform 0.1s;
}

.vignette {
    width: 16%;
    display: inline-block;
    text-align: center;
    overflow: hidden; /* Ajout pour éviter le flou sur le bord de l'image */
}

.vignette img {
    max-width: 100%;
    max-height: 110px;
    transform: scale(0.9);
    transition: transform 0.3s ease; /* Ajout pour une transition plus fluide */
}

.vignette:hover img {
    transform: scale(1);
}

.vignette a:hover img {
    filter: grayscale(0%);
}

#mega_menu_plus{
    display: none;
}

/* Section recommandation (premium) */
#produitsreco {
    background-color: #e6b93e;
    border: 1px solid #000;
    padding: 2px;     
    margin-bottom: 20px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    display: flex
;
}
#produitsreco h3 {
    color: #2d2d2d;
    font-size: 1.2rem;
    font-weight: bold;
    margin-bottom: 10px;
    text-transform: uppercase;
}
#produitsreco p {
    color: #000;
    font-size: 1rem;
    margin: 0;
    font-style: italic;
}

#produitsreco img{
    height: 80px;
    display: inline-flex;
}

#produitsrecotext{
    display: inline-flex;
    flex-direction: column;
    justify-content: center;
    margin-left: 10px;    
}

/* Section origine (bleue/rouge/verte) */
#produitsorigine {
    background-color: #d72c2c;
    border: 1px solid #000;
    padding: 2px;    
    margin-bottom: 20px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    display: flex    
}
#produitsorigine h3 {
    color: #fff;
    font-size: 1.2rem;
    font-weight: bold;
    margin-bottom: 10px;
    text-transform: uppercase;
}
#produitsorigine p {
    color: #fff;
    font-size: 1rem;
    margin: 0;
    font-style: italic;
}

#produitsorigine img{
    height: 80px;
    display: inline-flex;
}

#produitsoriginetext{
    display: inline-flex;
    flex-direction: column;
    justify-content: center;
    margin-left: 10px;
}

/* Section autres produits (grise) */
#toutproduits {
    background-color: #f9f9f9;
    border: 1px solid #c2c2c2;
    padding: 11px;
    margin-bottom: 20px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}
#toutproduits h3 {
    color: #2d2d2d;
    font-size: 1.3rem;
    font-weight: bold;
    margin-bottom: 10px;
    text-transform: uppercase;
}

.noteport{
  margin-top: 5px;
  font-size: 12px;
  font-weight: bold;
}

.carrier-delay{
  font-size: 10px;
  font-style: italic;
}

.carrier-price{
  font-weight: bold;
}

#rechercheM{
  display: none;
}

.logo-container img{
    max-width: 100%;
}

#toutproduits p {
    color: #777;
    font-size: 1rem;
    margin: 0;
    font-style: italic;
}

.delivery-options img{
    max-width: 100%;
}

/* Livraison estimée */
.delivery-info-multi {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
  gap: 8px 15px;
  margin-top: 10px;
}

.delivery-line {
  display: flex;
  align-items: center;
  font-size: 0.85rem;
  color: #333;
}

.delivery-flag {
  height: 14px;
  margin-right: 6px;
  object-fit: cover;
  border-radius: 2px;
}

/* Ligne "Reste du monde" */
.delivery-line-world {
  grid-column: 1 / -1;
  font-weight: 600;
  margin-top: 8px;
}

#products .thumbnail-container:hover, .featured-products .thumbnail-container:hover, .product-accessories .thumbnail-container:hover, .product-miniature .thumbnail-container:hover {
    box-shadow: 3px 3px 0 2px #f1f1f1;
    transform: translate3d(-3px, -3px, 0);
}

#products .thumbnail-container, .featured-products .thumbnail-container, .product-accessories .thumbnail-container, .product-miniature .thumbnail-container {
    transition: all 0.3s cubic-bezier(0.4, 0, 1, 1);
}

.featured-products .product-miniature .discount-percentage, #products .product-miniature .discount-percentage, .product-accessories .product-miniature .discount-percentage{
    left: 11.5rem;
    padding: 1.3rem 0.4rem;
    width: 4rem;
    height: 4rem;
    font-size: 1.4rem;
    bottom: 16.5rem;
    border-radius: 60px;
}

.newpay{
    margin-bottom: 2rem;
}


.thumbnail-container img.manufacturer{
    max-width: 125px;
    max-height: 50px;
    position: absolute;
    left: 10px;
    top: 10px;
    z-index: 99;
    background: #fff;
}


.packitems{
    position: absolute;
    top: 160px;
    z-index: 9;
    display: flex;
    flex-direction: row; /* Aligner les enfants horizontalement */
    flex: 0 0 auto;
}

.packitems img{
    max-width: 100%;
    max-height: 100%;
    border: 2px solid #434343;
    border-radius: 5px;
}

.packitems img{
    max-width: 100%;
    max-height: 100%;
    border: 2px solid #434343;
    border-radius: 5px;
    background:#fff;
}

.packitems img:hover{
    max-width: 200%;
    max-height: 200%;
    border: 3px solid #000;
    border-radius: 5px;
}

/* Ajouter un '+' après chaque div sauf le dernier */
/*.pack-item:not(:last-child)::after {
  content: "+";
  font-size: 2em;
  margin-bottom: 0.5em;
  margin-right: 0.5em;
}
*/

/* Div autour de chaque image */
.pack-item {
  position: relative;
  flex-grow: 1;
  display: flex;
  align-items: flex-end;
  justify-content: flex-end;
  height: 50px;
  object-fit: cover; /* Pour garder les proportions de l'image */
  margin-bottom: 0.5rem; /* Espace entre les images */
}

.plus-item {
  font-size: 30px;
  align-self: center; /* Centre le texte verticalement */
  margin-bottom: 0.25rem;
  color: #000;
}

#products .product-miniature .pack, .featured-products .product-miniature .pack{
    display: block;
    position: absolute;
    left: 12rem;
    top: 18rem;
    padding: .3125rem .4375rem;
    color: #000;
    background: #d8f447;
    text-transform: uppercase;
    min-width: 3.125rem;
    min-height: 1.875rem;
    font-size: 1rem;
    font-weight: 600;
    box-shadow: 2px 2px 4px 0 rgba(0, 0, 0, .2);
}

.featured-products .product-miniature .on-sale.on-sale{
    background: #d8f447;
    position: relative;
    width: 50%;
    text-align: center;
    left: 9rem;
    z-index: 100;
    color: #000;
}

.scroll-box-arrows i {
    bottom: 275px;
}

#products .products-section-title, .featured-products .products-section-title, .product-accessories .products-section-title, .product-miniature .products-section-title {
    padding: 5px;
    background: #6f6f6f;
}

#products .products-section-title, .featured-products .products-section-title, .product-accessories .products-section-title, .product-miniature .products-section-title h{
    color: #fff;
}

.site-grid {
  margin-top: 30px;
}

.site-card-inner {
  text-decoration: none;
  display: block;
  margin-bottom: 30px;
  transition: transform 0.2s ease;
  height: 100%;
}

.site-card:hover {
  transform: translateY(-5px);
}

.site-card-inner {
  background: #fff;
  border-radius: 8px;
  padding: 15px;
  text-align: center;
  box-shadow: 0 2px 6px rgba(0,0,0,0.1);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin-top: 30px;
  height: 200px;
}

.site-card-inner img {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
  margin-bottom: 10px;
}

.site-card-inner span {
  font-size: 14px;
  font-weight: 600;
  color: #333;
}


body .block-category #category-description strong{
    font-weight: 800;
}

@media(min-width:1024px){
    #wrapper .container{
    background:#fdfdfd;
    padding-top:1px;
    }
    #wrapper{
        background: url('../img/cssgrad.png') top center no-repeat;
        background-size: cover;
    }
}

@media(max-width : 767px) {

    #header .header-nav .top-logo a img {
        height: 100%;
    }

     #rechercheM{
      display: initial;
    }
    
    .md_banners{
        min-height:150px;
    }

    #header .header-top .search-widget {
    display: initial;
    }

    .mobi .menu-item-link-text{
    color: #fff!important;
    }

    #header, #header a{
    color: #000;
    }

    #header .header-nav .cart-preview .shopping-cart{
    color: #000;
    }

    .footer-container .links .h3 {
    color: #fff;
    }

    #paiementfooter {
    margin-top: 5px;
    }

    #paiementfooter p{
    padding: 0px 10px 10px 10px;
    }

    #hondaspotext p{
    display:none;
    }

    #subcategories ul li {
    width: 33%
    }

    #super_counter .super_counter_lbl {
    font-size: 20px;
    line-height: 20px
    }

    #super_counter #super_counter_nb {
    font-size: 50px;
    line-height: 50px
    }

    .ps_checkout.payment-method-logo-block.left {
    margin-left: 0px;
    }

    #products .product-miniature, .featured-products .product-miniature, .product-accessories .product-miniature, .product-miniature .product-miniature {
    margin: 0 auto;
    }

    #products .products, .featured-products .products, .product-accessories .products, .product-miniature .products {
    justify-content: center;
    }

    /* navigation à facette */

    #search_filters .facet .collapse{
        display: none;
    }

    #search_filters .facet .collapse.in{
        display: initial;
    }

    .facet > .title .remove{
        display: none;
    }

    .facet > .title .add{
        display: initial;
    }

    .facet > .title[aria-expanded="false"] .add{
        display: initial;
    }

    .facet > .title[aria-expanded="false"] .remove{
        display: none;
    }

    .facet > .title[aria-expanded="true"] .add{
        display: none;
    }

    .facet > .title[aria-expanded="true"] .remove{
        display: initial;
    }

    .navbar-toggler{
        padding: 0;
    }

    #mega_menu_plus{
        display: initial;
    }

    #headintro{
        display: none;
    }

}

/* === RÉASSURANCE RESPONSIVE === */

/* Sur DESKTOP : masquer version mobile, afficher version desktop */
@media (min-width: 768px) {
  /* Version sous l'image = visible */
  .page-content .reassurance-wrapper {
    display: block !important;
    margin-top: 20px;
  }
  
  /* Version après prix = cachée */
  #encaps > .reassurance-wrapper {
    display: none !important;
  }
}

/* Sur MOBILE : masquer version desktop, afficher version mobile */
@media (max-width: 767px) {
  /* Version sous l'image = cachée */
  .page-content .reassurance-wrapper {
    display: none !important;
  }
  
  /* Version après prix = visible */
  #encaps > .reassurance-wrapper {
    display: block !important;
    margin: 20px 0;
  }
}