@import url('https://fonts.googleapis.com/css2?family=Racing+Sans+One&display=swap');

h1, h2, h3 {
    font-family: "Racing Sans One", sans-serif !important;
}

/* STARTER */
@media (min-width: 1024px) {
    .nav-perso-off .nav__label .nav__a {
        font-size: 1rem;
    }
}

#e4ef9632-0cc2-490e-8045-d435f75a6bdd .form {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px;
}

#e4ef9632-0cc2-490e-8045-d435f75a6bdd .form__fieldset {
  width: 100%;
}

#e4ef9632-0cc2-490e-8045-d435f75a6bdd 
.form__field--long-answer {
  grid-column: 1 / -1;
}

#e4ef9632-0cc2-490e-8045-d435f75a6bdd 
.form__field--btnArea {
  grid-column: 1 / -1;
}

@media (max-width: 768px) {
  #e4ef9632-0cc2-490e-8045-d435f75a6bdd .form {
    grid-template-columns: 1fr;
  }
}

.prod-infos p:not(:empty):not(:last-child) {
    margin-bottom: 16px;
}
/* END STARTER */ 

.header__relative {
    background: #0D0A0E;
}

.header.new-menu {
    background-color: black;
}

@media (min-width: 1024px) {
    .header__relative {
        padding: 0px 40px;
    }
}

@media (min-width: 1024px) {
    .nav__maxWidth {
        justify-content: center !important;
    }
}

@media (min-width: 1024px) {
    .nav {
        background: #5E5B5E;
        padding: 10px !important;
    }
}

@media (min-width: 1024px) {
    .nav__itemlvl1 {
        color: white;
    }
}

@media (min-width: 769px) {
  div#\32 f8b4545-5c01-4fc4-9c41-de965d0b78a2 .wizi-txt.wizi-txt--large {
    padding-right: 36vw;
  }
}

.header__account__span {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath data-name='Tracé 14' d='M16.718 12.782a9.463 9.463 0 00-3.61-2.264 5.492 5.492 0 10-6.215 0A9.515 9.515 0 00.5 19.5h1.484a8.016 8.016 0 0116.031 0H19.5a9.438 9.438 0 00-2.782-6.718zM10 10a4.008 4.008 0 114.008-4.008A4.012 4.012 0 0110 10z' fill='%23ffffff' stroke='%23ffffff'/%3E%3C/svg%3E") !important;
}

.header__account__span:hover {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath data-name='Tracé 14' d='M16.718 12.782a9.463 9.463 0 00-3.61-2.264 5.492 5.492 0 10-6.215 0A9.515 9.515 0 00.5 19.5h1.484a8.016 8.016 0 0116.031 0H19.5a9.438 9.438 0 00-2.782-6.718zM10 10a4.008 4.008 0 114.008-4.008A4.012 4.012 0 0110 10z' fill='%23eb5e00' stroke='%23eb5e00'/%3E%3C/svg%3E") !important;
}

.header__cart__a {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15.075' height='20'%3E%3Cpath data-name='Rectangle 30' fill='%23ffffff' d='M2.001 13h12v2h-12z'/%3E%3Cg data-name='Icon_Cart' fill='none' fill-rule='evenodd'%3E%3Cpath d='M15.075 19.201l-.7-13.768a.7.7 0 00-.7-.683h-2.05v-.673a4.081 4.081 0 10-8.161 0v.673H1.401a.715.715 0 00-.7.683L.008 19.241a.758.758 0 00.191.533.7.7 0 00.512.221h13.668a.71.71 0 00.7-.724zM9.527 4.75H5.548v-.673a1.99 1.99 0 113.979 0z'/%3E%3Cpath d='M13.011 18l-.574-11.245H2.631L2.066 18h10.945M.704 20a.704.704 0 01-.512-.22.758.758 0 01-.191-.534L.694 5.438a.715.715 0 01.703-.683h2.061V4.08a4.081 4.081 0 018.16 0v.674h2.05c.382 0 .693.302.704.683l.703 13.768v.07a.707.707 0 01-.703.724H.704zM7.538 2.028a1.99 1.99 0 00-1.99 2.053v.674h3.98V4.08a1.99 1.99 0 00-1.99-2.053z' fill='%23ffffff'/%3E%3C/g%3E%3C/svg%3E") !important;
}

.header__cart__a:hover {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15.075' height='20'%3E%3Cpath data-name='Rectangle 30' fill='%23eb5e00' d='M2.001 13h12v2h-12z'/%3E%3Cg data-name='Icon_Cart' fill='none' fill-rule='evenodd'%3E%3Cpath d='M15.075 19.201l-.7-13.768a.7.7 0 00-.7-.683h-2.05v-.673a4.081 4.081 0 10-8.161 0v.673H1.401a.715.715 0 00-.7.683L.008 19.241a.758.758 0 00.191.533.7.7 0 00.512.221h13.668a.71.71 0 00.7-.724zM9.527 4.75H5.548v-.673a1.99 1.99 0 113.979 0z'/%3E%3Cpath d='M13.011 18l-.574-11.245H2.631L2.066 18h10.945M.704 20a.704.704 0 01-.512-.22.758.758 0 01-.191-.534L.694 5.438a.715.715 0 01.703-.683h2.061V4.08a4.081 4.081 0 018.16 0v.674h2.05c.382 0 .693.302.704.683l.703 13.768v.07a.707.707 0 01-.703.724H.704zM7.538 2.028a1.99 1.99 0 00-1.99 2.053v.674h3.98V4.08a1.99 1.99 0 00-1.99-2.053z' fill='%23eb5e00'/%3E%3C/g%3E%3C/svg%3E") !important;
}

@media (min-width: 1024px) {
    .header__account__span {
        color: white;
    }
}

@media (min-width: 1024px) {
    .header__cart__text {
        color: white;
    }
}

div#\33 71ab05f-1708-447a-b070-639cfc5bf81d {
    background-image: url(https://media.cdnws.com/_i/423008/56/74/56/background-dragster.jpeg);
    color: white;
    background-size: cover;
}

.readeux .wizi-rassuranceClassic__item:nth-child(4) {
    display: none;
}

@media (min-width: 769px) {
    div#db7b623b-277e-4e8a-82f4-9a8202b02b64 {
        color: white;
        background-image: url(https://media.cdnws.com/_i/423008/54/2336/54/pieces-chassis-background.jpeg);
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
    }
}

.readeux .wiziblocks__item__maxWidth {
    background-color: #EB5E00;
}

.readeux p {
    color: white !important;
}

div#\37 2bb5bca-9417-42df-bf0c-8c3337012074 .prod-list-cat__tab.selected {
    background-color: #10333f !important;
    color: #fff !important;
}

div#\37 2bb5bca-9417-42df-bf0c-8c3337012074 .prod-list-cat__tabs div {
    background-color: #EB5E00 !important;
    color: white !important;
}

div#\37 2bb5bca-9417-42df-bf0c-8c3337012074 .prod.product-list-classic.product-list-classic--categories {
    justify-content: center;
}

div#a079e920-0e33-4076-a193-546e97bb391d .prod.product-list-classic {
    justify-content: center;
}

.rea {
    background: #EB5E00;
}

.rea__item, .rea__item strong {
    color: white;
}

@media (min-width: 1024px) {
    .rea__item strong {
        color: white;
    }
}

@media (min-width: 1024px) {
    .rea__item:hover, .rea__item:hover strong {
        color: black;
    }
}

/* FAQ */
/* ITEM */
.wz-faq-accordion__wrapper__item {
  position: relative;
  background: #0d0d0d !important;
  border: 1px solid #2a2a2a !important;
  border-radius: 12px;
  margin-bottom: 15px;
  overflow: hidden;
  transition: all 0.25s ease;
}

/* BARRE ORANGE GAUCHE */
.wz-faq-accordion__wrapper__item::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 4px;
  background: #eb5e00;
  opacity: 0;
  transition: 0.3s;
}

/* HOVER */
.wz-faq-accordion__wrapper__item:hover {
  border-color: #eb5e00 !important;
  box-shadow: 0 0 20px rgba(235, 94, 0, 0.15);
}

.wz-faq-accordion__wrapper__item:hover::before {
  opacity: 1;
}

/* HEADER */
.wz-faq-accordion__wrapper__item__head {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 20px 25px;
  cursor: pointer;
}

/* TEXTE QUESTION */
.wz-faq-accordion__wrapper__item__head p {
  color: #ffffff !important;
  font-size: 16px;
  font-weight: 600;
  margin: 0;
  transition: 0.3s;
}

/* HOVER TEXTE */
.wz-faq-accordion__wrapper__item:hover 
.wz-faq-accordion__wrapper__item__head p {
  color: #eb5e00 !important;
}

/* ICON */
.wz-faq-accordion__wrapper__item__head__icon i {
  color: #eb5e00 !important;
  font-size: 14px;
  transition: transform 0.3s ease;
}

/* ROTATION ICON SI OUVERT */
.wz-faq-accordion__wrapper__item:not(.close) 
.wz-faq-accordion__wrapper__item__head__icon i {
  transform: rotate(180deg);
}

/* BODY (ANIMATION PROPRE) */
.wz-faq-accordion__wrapper__item__body {
  background: #1a1a1a !important;
  max-height: 0;
  overflow: hidden;
  padding: 0 25px;
  transition: max-height 0.4s ease, padding 0.3s ease;
}

/* TEXTE REPONSE */
.wz-faq-accordion__wrapper__item__body p {
  color: #d1d1d1 !important;
  font-size: 14px;
  line-height: 1.6;
  margin: 15px 0;
}

/* ITEM OUVERT */
.wz-faq-accordion__wrapper__item:not(.close) {
  border-color: #eb5e00 !important;
  box-shadow: 0 0 25px rgba(235, 94, 0, 0.2);
}

/* BODY OUVERT */
.wz-faq-accordion__wrapper__item:not(.close) 
.wz-faq-accordion__wrapper__item__body {
  max-height: 300px;
  padding: 15px 25px 20px;
}

/* BARRE ACTIVE */
.wz-faq-accordion__wrapper__item:not(.close)::before {
  opacity: 1;
}

/* MOBILE */
@media (max-width: 768px) {
  .wz-faq-accordion__wrapper__item__head {
    padding: 15px 15px;
  }

  .wz-faq-accordion__wrapper__item__body {
    padding: 0 15px;
  }

  .wz-faq-accordion__wrapper__item:not(.close) 
  .wz-faq-accordion__wrapper__item__body {
    padding: 10px 15px 15px;
  }

  .wz-faq-accordion__wrapper__item__head p {
    font-size: 14px;
  }
}

/* Catégories */
#bloc-home-1 .bloc--text {
    max-width: max-content;
    margin: 0 auto;
    background: #ffffff;
    padding: 40px 35px;
    border-radius: 14px;
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.08);
    border-top: 4px solid #eb5e00;
}

/* Paragraphes */
#bloc-home-1 .bloc--text p {
    font-size: 16px;
    line-height: 1.8;
    color: #2d2d2d;
    margin: 0 0 18px;
}

/* Titres */
#bloc-home-1 .bloc--text h2 {
    font-size: 28px;
    line-height: 1.3;
    color: #0f2f3a;
    margin: 38px 0 18px;
    font-weight: 700;
    position: relative;
    padding-left: 18px;
}

#bloc-home-1 .bloc--text h2::before {
    content: "";
    position: absolute;
    left: 0;
    top: 4px;
    width: 6px;
    height: calc(100% - 8px);
    background: #eb5e00;
    border-radius: 4px;
}

/* Premier paragraphe un peu plus mis en avant */
#bloc-home-1 .bloc--text > p:first-of-type {
    font-size: 17px;
    color: #1d1d1d;
    background: linear-gradient(90deg, rgba(235,94,0,0.08) 0%, rgba(235,94,0,0.02) 100%);
    padding: 18px 20px;
    border-left: 4px solid #eb5e00;
    border-radius: 10px;
    margin-bottom: 28px;
}

/* Gras */
#bloc-home-1 .bloc--text strong {
    color: #eb5e00;
    font-weight: 700;
}

/* Liens */
#bloc-home-1 .bloc--text a {
    color: #0f2f3a;
    font-weight: 700;
    text-decoration: none;
    border-bottom: 1px solid rgba(235, 94, 0, 0.35);
    transition: all 0.25s ease;
}

#bloc-home-1 .bloc--text a:hover {
    color: #eb5e00;
    border-bottom-color: #eb5e00;
}

/* Listes */
#bloc-home-1 .bloc--text ul {
    margin: 15px 0 28px;
    padding: 0;
    list-style: none;
    display: grid;
    gap: 10px;
}

#bloc-home-1 .bloc--text ul li {
    position: relative;
    background: #fafafa;
    border: 1px solid #e8e8e8;
    padding: 14px 16px 14px 44px;
    border-radius: 10px;
    color: #2d2d2d;
    line-height: 1.6;
    transition: all 0.25s ease;
}

#bloc-home-1 .bloc--text ul li::before {
    content: "➜";
    position: absolute;
    left: 16px;
    top: 13px;
    color: #eb5e00;
    font-size: 16px;
    font-weight: 700;
}

#bloc-home-1 .bloc--text ul li:hover {
    border-color: rgba(235, 94, 0, 0.35);
    transform: translateX(4px);
    background: #fff;
}

/* Espacement harmonieux entre sections */
#bloc-home-1 .bloc--text h2 + p {
    margin-top: 0;
}

/* Responsive */
@media (max-width: 768px) {
    #bloc-home-1 {
        padding: 30px 15px;
    }

    #bloc-home-1 .bloc--text {
        padding: 25px 20px;
        border-radius: 12px;
    }

    #bloc-home-1 .bloc--text h2 {
        font-size: 22px;
        margin: 28px 0 14px;
        padding-left: 14px;
    }

    #bloc-home-1 .bloc--text p {
        font-size: 15px;
        line-height: 1.7;
    }

    #bloc-home-1 .bloc--text > p:first-of-type {
        font-size: 15px;
        padding: 15px 16px;
    }

    #bloc-home-1 .bloc--text ul li {
        padding: 12px 14px 12px 38px;
        font-size: 14px;
    }

    #bloc-home-1 .bloc--text ul li::before {
        left: 14px;
        top: 11px;
    }
}

.header__nav__icon__span {
    background: white;
}

@media (max-width: 768px) {
  body .search--label,
  body #search-btn {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='19.326' height='20.5'%3E%3Cpath d='M18.715 18.467l-4.622-4.951a8.2 8.2 0 001.84-5.191A7.97 7.97 0 008.091.25 7.97 7.97 0 00.25 8.325 7.97 7.97 0 008.091 16.4a7.6 7.6 0 004.492-1.461l4.657 4.988a1 1 0 001.446.029 1.077 1.077 0 00.029-1.489zM8.091 2.357a5.891 5.891 0 015.8 5.968 5.891 5.891 0 01-5.8 5.968 5.891 5.891 0 01-5.8-5.968 5.891 5.891 0 015.8-5.968z' fill='%23ffffff' stroke='%23ffffff' stroke-width='.5'/%3E%3C/svg%3E") !important;
  }
}

@media (max-width: 768px) {
    div#db7b623b-277e-4e8a-82f4-9a8202b02b64 {
        color: white;
        background-color: black;
    }
}

@media (max-width: 768px) {
    div#\33 71ab05f-1708-447a-b070-639cfc5bf81d {
        margin-top: -30px;
    }
}

div#shopping-area img {
    border-radius: 80px;
}

@media (max-width: 719px) {
    div#\32 f8b4545-5c01-4fc4-9c41-de965d0b78a2 .wizi-txt.wizi-txt--large {
        background-color: #0000007d !important;
    }
}

 @keyframes slide2 {
  from{
  transform: translateX(-100%);
  opacity:0;
  }
  to {
  transform: translateX(0%);
  opacity:1;
  }
}

@media (max-width: 2100px) and (min-width: 1200px) {
    div#\32 8950afd-0a22-46a1-9e09-62364dd9d2e2 {
        animation: slideBottom linear;
        animation-timeline: view();
        animation-range-start: cover 0%;
        animation-range-end: contain 30%;
    }
}

@keyframes slideBottom {
    from {
        transform: translateY(80%);
        opacity: 0;
    }
    to {
        transform: translateY(0%);
        opacity: 1;
    }
}

h1, .prod-list__title, .prod-list__title, .title-page, h1 {  }
h2, h3, h4, h5, h6, .nav__itemlvl1 { }

/*Permet d'appliquer un effet sur le logo lorsqu'il est trop sombre en entête qui scroll*/
.header.new-menu.header--fixed.header--transparent.header--notTranslate img.header__logo__a__img, 
.header.new-menu.header--fixed.header--transparent.header--translate 
.header__content.headroom.headroom--not-bottom.headroom--not-top.headroom--unpinned,
.header.new-menu.header--fixed.header--translate.header--transparent img.header__logo__a__img
{filter: brightness(10);}


/*Fonction qui permet d'afficher une image dans les textes de wiziblock sans qu'elles soient étirées*/
img.resize {
    position: initial !important;
    top: initial !important;
    left: initial !important;
    -webkit-transform: initial !important;
    -ms-transform: initial !important;
    transform: initial !important;
    min-width: initial !important;
    min-height: initial !important;
    max-width: 100% !important;
    width: initial !important;
    height: initial !important;
    -o-object-fit: initial !important;
    object-fit: initial !important;
    opacity: initial !important;
    background-position: initial !important;
    background-size: initial !important;
    background-repeat: initial !important;
}

.prod__slider__wrapper.slick-initialized:after, .prod__slider__wrapper.slick-initialized:before { background: transparent;}
.prod.product-list-classic {    justify-content: center;}


.nav__itemlvl1 {
    display: flex !important;
    align-items: center !important;
    gap: 8px; /* espace icône / texte */
}

/* corrige aussi les liens sans sous-menu */
.nav__itemlvl1--link {
    display: flex !important;
    align-items: center !important;
    gap: 8px;
}

/* évite les décalages chelous de l’image */
.custom-menu-icon img {
    display: block;
}

div#db7b623b-277e-4e8a-82f4-9a8202b02b64 {
        margin-top: -10vw;
        z-index: 9;
    }

div#\37 2bb5bca-9417-42df-bf0c-8c3337012074 p.we-align-center {
    font-family: "Racing Sans One", sans-serif !important;
}

div#a079e920-0e33-4076-a193-546e97bb391d strong.ql-size-large.ql-custom-uppercase {
    font-family: "Racing Sans One", sans-serif !important;
}

.custom-mobile-logo {
    background: linear-gradient(90deg, rgba(0, 0, 0, 0.9) 0%, rgba(80, 80, 80, 0.4) 25%, rgba(180, 180, 180, 0.7) 50%, rgba(80, 80, 80, 0.4) 75%, rgba(0, 0, 0, 0.9) 100%), linear-gradient(180deg, transparent 35%, rgba(255, 255, 255, 0.25) 50%, transparent 65%) !important;
}

span.c2-sc-h2 {
    font-family: "Racing Sans One", sans-serif !important;
}