/** Shopify CDN: Minification failed

Line 40:34 Expected identifier but found "/"
Line 1268:0 Unexpected "="

**/
span.icon.icon-new.icon-close {
    height: 10px;
}

/* ===== CARD-MINI-LIQUID (quick add to cart) ===== */

.quick-view-addtocart {
    float: right;
    text-align: right;
    justify-content: right;
    align-items: right;
    position: relative;
}

.product-card-mini {
  padding: 4px!important;
}

.product-card-mini__text.ff-body {
  margin-left: 30px;
}

.product-card-mini__meta fs-body-75 {
  margin-top: 5px!important;
}

.btn.btn--secondary:hover {
  color: #fff!important;
  background-color: #000!important;
}

.complete-the-look__inner-items {
  display: flex!important;
  align-items: stretch!important; /
}

.complete-the-look__image-container,
.complete-the-look__secondary-content {
  flex: 1 1 50%;
}

.complete-the-look__secondary-content {
  display: flex;
  justify-content: center;
  align-items: center!important; 
}

.template-collection [id*=__rich_text_fond] {
    background: #f9f9f7;
    margin: 4px 0;
}


/* ===== FLECHES ===== */

@media (maxn-width: 769px) {
.multi-column__grid-item-inner {padding: 50px;}}

/* ===== NOTIFY ME ===== */

.PRODUCT_PAGE-notify-button {
  background-color: #000!important;
  color: #fff!important;
  padding-top: 20px;
  padding-bottom: 20px;
  font-size: 16px;
}

.PRODUCT_PAGE-notify-button:hover {
  background-color: #fff!important;
  color: #000!important;
  border: #000 solid 1px;
}

/* ===== MENU DESKTOP ===== */


.gm-menu-installed header.header--transparent:not(.is-sticky):not(:hover) .gm-menu:not(.gm-menu-mobile) .gm-item.gm-level-0:not(.has-custom-color) > .gm-target,
.gm-menu-installed header.header--transparent:not(.is-sticky):not(:hover) .gm-menu:not(.gm-menu-mobile) .gm-item.gm-level-0:not(.has-custom-color) > .gm-target > .gm-icon,
.gm-menu-installed header.header--transparent:not(.is-sticky):not(:hover) .gm-menu:not(.gm-menu-mobile) .gm-item.gm-level-0:not(.has-custom-color) > .gm-target > .gm-text,
.gm-menu-installed header.header--transparent:not(.is-sticky):not(:hover) .gm-menu:not(.gm-menu-mobile) .gm-item.gm-level-0:not(.has-custom-color) > .gm-target > .gm-retractor {
  color: #ffffff !important;
}

.gm-menu-installed header.header--transparent:not(.is-sticky):not(:hover) 
.gm-menu:not(.gm-menu-mobile) 
.gm-item.gm-level-0.has-custom-color > .gm-target,
.gm-menu-installed header.header--transparent:not(.is-sticky):not(:hover) 
.gm-menu:not(.gm-menu-mobile) 
.gm-item.gm-level-0.has-custom-color > .gm-target > .gm-icon,
.gm-menu-installed header.header--transparent:not(.is-sticky):not(:hover) 
.gm-menu:not(.gm-menu-mobile) 
.gm-item.gm-level-0.has-custom-color > .gm-target > .gm-text,
.gm-menu-installed header.header--transparent:not(.is-sticky):not(:hover) 
.gm-menu:not(.gm-menu-mobile) 
.gm-item.gm-level-0.has-custom-color > .gm-target > .gm-retractor {
  color: #ffffff !important;
}

.gm-submenu {
  z-index: 9999 !important;
  position: relative !important;
}
.header {
  z-index: 10000 !important;
  position: relative !important;
}

.a.gm-target.js-no-transition {
    font-weight: 300!important;
}

/* ===== MENU MOBILE ===== */

.drawer-menu__contents {
  height: 100% !important;
}

.drawer-menu__panel {
  overflow: visible !important;
}

.drawer-menu__main {
  overflow-y: scroll !important;
  background-color: #fff!important;
}

.drawer-menu__item {
  text-transform: inherit;
  border-bottom: none;
}
.drawer-menu__item--heading {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start;
  gap: 10px;
  background-color: #fff!important;
  width: 100%;
  margin: 0px !important;
  padding-left: 20px;
}

/* Flèche */
.drawer-menu__item--heading-back-link {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 18px;
  font-size: 14px;
  height: 18px;
  max-width: 18px!important;
  margin: 0!important;
  flex-shrink: 0;
}


.drawer-menu__item.drawer-menu__item--heading {
    flex-direction: inherit!important;
}

.drawer-menu__item.drawer-menu__item--heading .drawer-menu__link {
    flex-direction: inherit!important;
}

.drawer-menu__item--account-item {
  text-align: center;
}

.drawer-menu__item--account-item a.drawer-menu__link {
  text-transform: uppercase;
  display: inline-block; 
  width: 100%;
}

.drawer-menu__item--account-item .icon-header-account {
  display: none;
}

.drawer-menu__item--social-icons .social-icons--left {
  justify-content: center;
  display: flex;
  gap: 12px; 
  width: 100%;
}

ul.drawer-menu__secondary-links .drawer-menu__item {
    margin: 0px!important;
    padding-top: 10px;
}

li.drawer-menu__item.drawer-menu__item--account-item, 
li.drawer-menu__item.drawer-menu__item--localization {
    font-size: 12px;
}



.drawer-menu__secondary-links {
  display: flex;
  flex-direction: column;
  align-items: center;
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  text-align: center;
  margin-bottom: 0px!important;
  background-color: #fff;
  padding: 0px!important;
}

.localization-pill[aria-current="true"]{
  text-decoration: none!important;
}
.drawer-menu__secondary-links { display: flex; flex-direction: column; }

/* Langues / currency avant les réseaux sociaux */
.drawer-menu__item--localization { order: 998 !important; }
.drawer-menu__item--social-icons { order: 999 !important; }

.drawer-menu__item--account-item {
  order: 1;
  z-index: 2;
  padding-top: 0px;
  margin: 0!important;
}

.drawer-menu__item.localization-item-trigger {
    order: 2;
    margin-bottom: 50px!important;
    padding-bottom: 15px;
    z-index: 1;
    box-shadow: none!important;
}

.drawer-menu__item--social-icons {
  order: 3;
}

.drawer-menu__item--account-item,
.drawer-menu__item--social-icons {
  position: relative;
  bottom: 0;
  left: 0;
  width: 100%;
  text-align: center;
}

.drawer-menu__item--social-icons {
  padding-bottom: 20px;;
}

ul.drawer-menu__footer {
    background-color: #fff;
}

.drawer-menu__form {
    border: none!important;
    box-shadow: none!important;
}

.drawer-menu__link--label {
    text-transform: uppercase;
}


/* Heading lien */
.drawer-menu__link[data-heading="true"] {
  display: inline-flex !important;
  align-items: center !important;
  white-space: nowrap;
  text-decoration: none;
  margin: 0 !important;
  padding: 0 !important;

}

.drawer-menu__link[data-heading="true"] span {
  font-size: 14px !important;
  line-height: 1.2 !important;
}

.drawer-menu__item--heading-back-link svg {
  width: 18px;
  margin-top: 6px;
}


/* ===== HÉROS PERSONNALISÉ ===== */

.custom-hero__image-wrapper {
  position: relative;
  overflow: hidden;
}

.custom-hero__image-container {
  position: relative;
  z-index: 1;
  height: 100%;
}

.custom-hero__image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

/* Overlay */
.custom-hero__overlay {
  position: absolute;
  inset: 0;
  background: var(--overlay-background, black);
  opacity: var(--overlay-opacity, 0.4);
  z-index: 2;
}

/* Titres superposés */
.custom-hero__content {
  position: absolute;
  z-index: 3;
  inset: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start; 
  padding: 2rem 2rem 0 2rem;    
  text-align: center;
  color: white;
}

.custom-hero__html--top {
  margin-top: 5rem;
  margin-bottom: 2rem;
  text-align: center;
  text-transform: uppercase;
}

/* Styles communs à tous les titres */
.custom-top__text {
  text-transform: uppercase;
  line-height: 28px;
  letter-spacing: 4px;
  font-size: 14px;
  margin: 0.2em 0;
  opacity: 60%;
  transition: all 0.5s ease;
}

.custom-top__text:hover {
  opacity: 1;
}

.custom-top__text--2 {
  font-size: 20px;
  font-weight: 500;
  letter-spacing: 4px;
  opacity: 1;
}

/* Liens dans les titres */

.custom-top__text a {
  color: white;
  text-decoration: none;
  font-weight: 300;
  transition: all 0.5s ease; /* transition au clic */
}

.custom-top__text a:hover {
  opacity: 1;
  transition: none; /* effet instantané au hover */
}


/* Bloc structuré bas - Desktop */
.custom-hero__html--bottom {
  position: absolute;
  top: calc(100px + 10rem); /* 10rem = hauteur estimée des titres */
  left: 50%;
  transform: translateX(-50%);
  background: white;
  color: black;
  padding: 50px;
  width: 800px;
  text-align: justify;
  z-index: 4;
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.05);
}

.custom-form-wrapper {
  position: absolute;
  top: calc(100px + 12rem + 400px); 
  left: 50%;
  transform: translateX(-50%);
  background: white;
  color: black;
  padding: 50px;
  width: 800px;
  text-align: center;
  z-index: 4;
  margin-top: 
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.05);
}
/* Espacement des éléments internes */
.custom-hero__html--bottom > *:not(:last-child) {
  margin-bottom: 1rem;
}

.custom-form-wrapper > *:not(:last-child) {
  margin-bottom: 1rem;
}

/* Élément : Texte avec fond */
.custom-bottom__highlight {
  background-color: #f9f9f9;
  padding: 20px;
  color: #000;
}

/* Élément : Sous-titre */
.custom-bottom__subtitle {
  letter-spacing: 3px;
  color: #000;
  margin-top: 45px;
  text-transform: uppercase;
}

/* Élément : Richtext */
.custom-bottom__richtext {
  color: #000;
  margin-top: 15px;
}

/* Élément : Bouton */
.custom-bottom__button.btn {
  display: inline-block;
  padding-left: 60px;
  padding-right: 60px;
  margin: 20px auto 0 auto;
  border: 1px solid #000;
  text-decoration: none;
  text-transform: uppercase;
  color: #000;
  background: transparent;
  font-weight: bold;
  transition: all 0.5s ease;
}

.custom-bottom__button.btn:hover {
  background-color: #000;
  color: #fff;
}

/* Élément : Formulaire full-width */

.form-all {
  border: none!important;
  border-color: #000!important;
}

div.qq-upload-button::before {
  display: none;
}

.form-group {
  width: 100%;
  margin: 10px;
  padding: 15px;
}

.form-group2 {
  width: 100%;
  display: flex;
  justify-content: space-between;
  gap: 10px;
  margin-left: 10px;
}

/* Élément : Formulaire half-width */
.form-group_half {
  flex: 1 1 48%;
  padding: 15px;
  box-sizing: border-box;
}

.custom-form-wrapper input,
.custom-form-wrapper textarea {
  border: #000 solid 0.5px;
}

.custom-file-upload .file-input {
  display: none;
}

/* Style du bouton label */
.custom-file-upload .file-label {
  display: inline-block;
  background-color: #f9f9f9;
  padding: 15px;
  cursor: pointer;
  margin: 10px;
  width: 100%;
}


/* Message d'information */
.custom-file-upload .form-info {
  color: #666;
  text-align: justify!important;
  margin: 10px;
}

.consent {
  margin: 10px;
  margin-top: 25px;
  text-align: justify!important;
}

.btn-form{
  width: 100%;
  padding: 15px;
  font-size: 14px!important;
  margin: 10px;
  margin-top: 45px;
}

.contact-success {
  color:rgb(21, 160, 53);
  padding: 15px;
  margin: 20px;
  text-align: justify;
}


/* ===== MOBILE ===== */
@media screen and (max-width: 768px) {
  .custom-hero__content {
    position: absolute;
    inset: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
    color: white;
    padding: 1rem;
  }

  .custom-hero__html--top {
    margin-bottom: 1rem;
  }

  .custom-hero__html--bottom {
    position: static;
    width: 100%;
    max-width: 100%;
    padding: 2rem 1rem;
    margin: 0;
    transform: none; 
    left: auto;      
  }

  .custom-form-wrapper {
    position: static;
    width: 100%;
    max-width: 100%;
    padding: 2rem 1rem;
    margin: 0;
    transform: none; 
    left: auto;      
  }

  .custom-bottom__subtitle,
  .custom-bottom__richtext {
    padding-left: 0;
  }

  .custom-bottom__button.btn {
    margin: 20px 0 0 0;
    width: 100%;
    text-align: center;
  }

}


/* ===== CONNEXION PERSONNALISÉE ===== */
.login__success {
  color: #000000!important;
  background-color: #FFFFFF;
  margin-left: 60%;
  margin-top: 60px;
  margin-bottom: 60px;
  padding-bottom: 30px;
  max-width: 50%;
  padding-top: 15px;
}


.social_login_frame {
height: 215px!important;
}

.login__wrapper {
  background-color: #fff;
  margin-left: 60%;
  margin-top: 60px;
  margin-bottom: 60px;
  padding-bottom: 30px;
  max-width: 50%;
  padding-top: 15px;
}

.login__links {
  text-align: right;
  margin-top: 2px!important;
}

.login__links--right {
  display: flex;
  justify-content: flex-end;
}


.new_customer {
  text-transform: uppercase;
  letter-spacing: 2px;
  font-weight: 300;
  font-size: 14px;
  text-align: center;
  margin: 5px;
  margin-bottom: 20px;
  margin-top: 20px;
}


.input-register {
  border-color: #000000!important;
  margin-bottom: 10px;
}

/* Par défaut, l'image mobile est cachée sur desktop */
.login__mobile-banner {
  display: none;
}

/* Section avec image en fond sur desktop */
.customer.login.page.account-section {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

@media screen and (max-width: 749px) {
  .login__mobile-banner {
    display: block;
  }

  .login__mobile-banner img {
    width: 100%;
    height: auto;
    display: block;
  }

  .login__wrapper, .login__success {
    max-width: 100% !important;
    padding: 10px;
    margin: 15px!important;
    margin-top: 30px!important;
  }
}

/* ===== CARTE CADEAU ===== */

  .carte-cadeau-table {border-collapse: collapse; }
  .carte-cadeau-td { text-align: center; }
  .carte-cadeau-var-link { text-decoration: none; }
  .carte-cadeau-var-link:hover { text-decoration: none!important; }
  .carte-cadeau-var-link.is-active {
    text-decoration: underline;
    text-underline-offset: 5px;
    text-decoration-thickness: 1px;
  }

.carte-cadeau-td {
  padding-top: 10px;
  padding-bottom: 10px;
  padding-right: 10px;
}

.carte-cadeau-var-link:hover {
  text-decoration: underline;
}


/* ===== PANIER ===== */
 
.quick-cart__heading {
  letter-spacing: 2px;
}

/* ===== FILTRES ===== */


.mobile-filters.active.mobile-filters--sticky.mobile-filters--has-grid.show.animation--mobile-filters {
        background-color: var(--color-background-semi-transparent-80);
        -webkit-backdrop-filter: blur(10px);
        backdrop-filter: blur(10px);
}


/* ===== NOS MATIERES ===== */

.custom-hero__splitted-wrapper.reverse {
  flex-direction: row-reverse;
}

.custom-hero__splitted-wrapper {
  display: flex;
  width: 100%;
  max-height: 900px;
  flex-direction: row;
}

.custom-hero__left {
  width: 60%;
  position: relative;
}

.custom-hero__right {
  width: 40%;
  position: relative;
}

.custom-hero__image_splitted-container {
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
}

.custom-hero__overlay {
  position: absolute;
  top: 0; left: 0; right: 0; bottom: 0;
  opacity: var(--overlay-opacity, 0.4);
  z-index: 1;
  width: 100%;
  height: 100%;
}

.custom-hero__html--left {
  position: absolute;
  z-index: 2;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
  color: white;
  width: 100%;
}

  .custom-left__text a {
    color: white;
    text-decoration: none;
    text-transform: uppercase;
    font-weight: 300;
    font-size: 14px;
    letter-spacing: 4px;
    opacity: 60%;
    transition: all 0.5s ease;
  }

  a.custom-link-trigger.active {
  font-weight: 500;
  font-size: 20px;
  letter-spacing: 4px;
  opacity: 1;
  transition: all 0.5s ease;
}

.custom-left__text a:hover {
  opacity: 1;
  transition: none;
}

.custom-right__button {
  text-decoration: underline;
  margin-top: 20px;
}

.custom-hero__html--right {
  padding: 50px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  text-align: center;
  height: 100%;
  background-color: #f9f9f7;
}

.custom-hero .custom-right__content {
  display: none;
}

.custom-hero .custom-right__content.active {
  display: block;
}

.custom-right__subtitle {
  letter-spacing: 3px;
  color: #000;
  text-transform: uppercase;
  padding: 10px;
  font-weight: 500;
  font-size: 20px;
}

.custom-right__richtext {
  padding-left: 20%;
  padding-right: 20%;
  font-weight: 300;
  font-size: 14px;
}

@media screen and (max-width: 1024px) {
  .custom-hero__splitted-wrapper {
    flex-direction: column;
    height: auto;
  }

  .custom-hero__left,
  .custom-hero__right {
    width: 100%;
    height: auto;
  }

  .custom-hero__splitted-wrapper.reverse {
    flex-direction: column; /* On force l’ordre normal : image en haut */
  }

  .custom-hero__image_splitted-container {
    height: auto;
    aspect-ratio: 3/2;
  }

  .custom-hero__html--right {
    padding: 2rem;
    text-align: center;
  }

  .custom-right__richtext {
  padding-left: 20px;
  padding-right: 20px;
  }
  .image-hero .image-hero__text-container-wrapper {
    text-align: inherit!important;
  }
}

/* ===== SECTION perso-map + BLOC ===== */
.perso-map-wrapper {
  width: 100vw;
  margin-left: calc(-50vw + 50%);
}

.perso-map-container {
  display: flex;
  flex-direction: row;
  width: 100%;
  flex-wrap: nowrap;
  height: auto;
}

.perso-map-container.reverse {
  flex-direction: row-reverse;
}

.perso-map-left {
  width: 30%;
  background-color: #f9f7f7;
  box-sizing: border-box;
  height: 100%;
  overflow-y: auto;
}

.perso-map-adress-block {
  overflow-y: auto;
  max-height: 800px;
}

.perso-map-right {
  width: 70%;
  box-sizing: border-box;
  height: auto;
}

@media screen and (max-width: 1024px) {
  .perso-map-container {
    flex-direction: column;
    height: auto;
    max-width: 100%;
  }

  .perso-map-left {
    width: 100%!important;
  }

  .perso-map-adress-block {
    overflow-y: auto;
    height: 400px;
  }

  .perso-map-container.reverse {
    flex-direction: column; 
  }

  .perso-map-right {
    height: 500px; 
    width: 100%!important;
  }
}

.perso-map-titre_page {
  font-family: 'Tenor Sans';
  font-weight: 400;
  font-size: 30px;
  text-transform: uppercase;
  margin-bottom: 40px;
  line-height: 32px;
  padding-top: 50px;
  padding-left: 40px;
}

.perso-map-texte-heading {
  font-weight: 300;
  font-size: 14px;
  margin-bottom: 40px!important;
  line-height: 16px;
  padding-left: 40px;
}

.perso-map-text {
  text-transform: uppercase;
  font-weight: 300;
  font-size: 14px;
  padding-bottom: 15px;
  padding-left: 40px; 
}

.perso-map-location {
  font-weight: 300;
  font-size: 14px;
  padding-bottom: 15px;
  padding-left: 40px;
}

.perso-map-phone {
  font-weight: 300;
  font-size: 14px;
  padding-bottom: 5px;
  padding-left: 40px;
}

.perso-map-hours {
  font-weight: 300;
  font-size: 14px;
  padding-bottom: 15px;
  padding-left: 40px;
}

.perso-map-seemore {
  font-weight: 300;
  font-size: 14px;
  padding-left: 40px;
  text-decoration: underline;
}

.perso-map-address {
  border-top: 1px solid #000;
  padding-top: 20px;
  padding-bottom: 20px;
}

.gm-style-iw gm-style-iw-c {
  border-radius: 0%!important;
  overflow: hidden!important;
  padding: 10px!important;
  text-align: justify!important;
}

.perso-map-search {
  padding-left: 40px;
  padding-right: 40px;
  margin-bottom: 50px;
}

.perso-map-search-input {
  background-color: #f9f9f7;
  padding: 15px;
  border: solid #A9A9A9 1px;
  width: 100%;
}

.gm-style-iw,
.gm-style-iw-c {
  border-radius: 0 !important;
  padding-top: 10px !important;
  padding-bottom: 10px !important;
  padding-right: 20px!important;
  padding-left: 20px!important;
  max-width: none !important;
  box-shadow: none !important;
  background-color: #f9f9f7!important;
  overflow: hidden!important;
}

.gm-style-iw-d {
  overflow: hidden!important;
}


.gm-ui-hover-effect {
  width: 14px !important;
  height: 14px !important;
  top: 0px !important;
  right: 0px !important;
}

/* Réduire la taille de l'icône SVG à l'intérieur */
.gm-ui-hover-effect span {
  width: 14px !important;
  height: 14px !important;
  margin: 5px !important;
}



.infobulle-perso-map-title {
  font-weight: 400;
  font-size: 14px;
  margin-bottom: 20px!important;
  line-height: 16px;
}

.infobulle-perso-map-text {
  text-transform: uppercase;
  font-weight: 300;
  font-size: 14px;
  padding-bottom: 15px;
}

.infobulle-perso-map-location {
  font-weight: 300;
  font-size: 14px;
  padding-bottom: 15px;
}

.infobulle-perso-map-phone {
  font-weight: 300;
  font-size: 14px;
  padding-bottom: 5px;
}

.infobulle-perso-map-hours {
  font-weight: 300;
  font-size: 14px;
  padding-bottom: 15px;
}

.infobulle-perso-map-seemore {
  font-weight: 400;
  font-size: 14px;
  text-decoration: underline;
}


/* ===== FRISE ===== */
.timeline-title {
    text-transform: uppercase;
    letter-spacing: 4px;
    text-align: center;
    margin-bottom: 80px;
    font-weight: 400;
    font-size: 18px;
  }


  .timeline {
    position: relative;
    margin: 40px 0;
    height: 1px;
    background: #c9c9C9;
    margin-left: 12%;
    margin-bottom: 50px;
  }

  .timeline .marker {
    position: absolute;
    transform: translateY(-50%);
    top: 2px;
    cursor: pointer;
    text-align: center;
    opacity: 0.5;
    transition: all .3s;
  }
  .timeline .marker.active {
    opacity: 1;
    font-size: 15px;
  }

  .timeline .marker.active img {
    width: 38px;
    height: 38px;
  }

  .timeline .marker.active span.date {
    font-size: 16px!important;
    color: #000;
    font-weight: 400;
    letter-spacing: 4px;
  }

  .timeline .marker:hover {
    opacity: 1;
  }

  .timeline .marker img:hover {
    width: 40px;
    height: 40px;
  }

  .timeline .marker span.date:hover {
    font-size: 16px!important;
    letter-spacing: 4px!important;
  }

  .timeline .marker img {
    width: 32px;
    height: 32px;
    display: block;
    margin: 0 auto 6px;
    transform: translateY(35%);
    transition: all .3s;
  }
  .timeline .marker span.date {
    display: block;
    font-size: 14px;
    color: #000;
    margin-top: 15px;
    transition: all .3s;
  }
  .info {
    margin-top: 30px;
    text-align: center;
    width: 100%;
    padding: 50px;
    margin-bottom: 50px;
  }

  .info .title {
    font-size: 30px;
    font-family: 'Tenor Sans';
    margin-bottom: 6px;
  }

  .info .subtitle {
    font-size: 16px;
    font-weight: 400;
    margin-bottom: 6px;
    text-transform: uppercase;
    letter-spacing: 4px;
  }
  .info .text {
    font-size: 16px;
  }

  @media (max-width: 767px) {
    .timeline {
      margin-left: 8%;
  }    

  .timeline .marker.active {
    opacity: 1;
    font-size: 16px;
    margin-right: 2px;
  }

  .timeline .marker.active img {
    width: 38px;
    height: 38px;
  }

  .timeline .marker.active span.date {
    font-size: 14px!important;
    letter-spacing: 2px;
  }

  .timeline .marker img {
    width: 30px;
    height: 30px;
  }

  .timeline .marker span.date {
    font-size: 14px;
    color: #000;
  }

  .timeline-title {
    font-size: 16px;
  }

  .info .subtitle {
    font-size: 14px;
  }
}


/* ========================= TOTAL LOOK ========================= */

/* Base (mobile-first) */
.total-look__inner{display:flex;flex-direction:column;}
.total-look__inner-items{display:flex;flex-direction:column;}
.total-look__image-container,.total-look__product{width:100%;}

/* ===== Desktop (>=960px) : 4 colonnes égales, gap 4px, hauteurs identiques ===== */
@media (min-width:960px){
  .total-look__inner-items{
    display:flex;flex-direction:row;flex-wrap:nowrap;align-items:stretch;gap:4px;
    --tlk-ar:1; /* width/height par défaut */
  }
  /* mapping ratio via data-aspect */
  .total-look__inner-items[data-aspect="square"]{--tlk-ar:1;}
  .total-look__inner-items[data-aspect="portrait_alt"]{--tlk-ar:.8;}     /* ~4:5 */
  .total-look__inner-items[data-aspect="landscape_alt"]{--tlk-ar:1.3333;}/* ~4:3 */
  .total-look__inner-items[data-aspect="natural"]{--tlk-ar:1;}

  /* 4 colonnes = parts égales, même hauteur via aspect-ratio */
  .total-look__image-container,.total-look__product{
    flex:1 1 0;min-width:0;width:auto;aspect-ratio:var(--tlk-ar);
    display:flex;flex-direction:column;margin:0;
  }

  /* Colonne média */
  .total-look__image-container-inner,.total-look__image-wrapper{flex:1 1 auto;min-height:0;display:flex;}
  .total-look__image-container-inner img,.total-look__image-container-inner video{
    width:100%;height:100%;object-fit:cover;display:block; /* mets contain si tu veux zéro crop */
  }

  /* Le wrapper produits ne casse pas la grille desktop */
  .total-look__products{display:contents;}

  /* Carte produit = image | meta | bouton */
  .product-card-mini{height:100%;min-height:0;display:block;}
  .product-card-mini__inner{display:grid;grid-template-rows:1fr auto auto;height:100%;min-height:0;}
  .product-card-mini__image-link{grid-row:1;display:flex;align-items:center;justify-content:center;min-height:0;overflow:hidden;}
  .product-card-mini__image{width:100%;height:100%;}
  .product-card-mini__image .image__img{width:100%;height:100%;object-fit:contain;display:block;}
  .product-card-mini__meta{grid-row:2;margin-top:0;padding-top:var(--spacing-3,12px);}
  .quick-view-addtocart,.quick-add,[data-quick-shop-trigger="quick-add"],[data-quick-shop-trigger="quick-view"]{grid-row:3;justify-self:center;}
}

=@media (max-width:719px){
  .total-look__inner-items{display:flex;flex-direction:row;flex-wrap:wrap;gap:2px;}
  .total-look__inner-items[data-left-cols="2"] .total-look__image-container{flex:0 0 calc((100% - 4px)/2);width:calc((100% - 4px)/2);}
  .total-look__inner-items[data-left-cols="1"] .total-look__image-container{flex:0 0 100%;width:100%;}
  .total-look__image-container,.total-look__image-container-inner,.total-look__image-wrapper{display:block;}
  .total-look__image-container-inner img,.total-look__image-container-inner video{width:100%;height:auto;object-fit:contain;display:block;}

  .total-look__products{
    flex:0 0 100%;width:100%;display:flex;gap:var(--prod-gap,2px);
    overflow-x:auto;overflow-y:none;-webkit-overflow-scrolling:none;
    scroll-snap-type:x proximity;padding:0 var(--prod-gap,2px);
    --prod-card-w:50%; 
  }
  .total-look__products::-webkit-scrollbar{display:none;}
  .total-look__products{scrollbar-width:none;}
  .total-look__products .total-look__product{flex:0 0 var(--prod-card-w);max-width:var(--prod-card-w);scroll-snap-align:start;}

  /* forcer image au-dessus + légende dessous (override alt-layout) */
  .product-card-mini{height:auto;min-height:0;display:block;}
  .product-card-mini.alt-layout-below-960 .product-card-mini__inner,
  .total-look__products .product-card-mini__inner{
    display:grid!important;grid-template-columns:1fr!important;grid-template-rows:auto auto auto!important;gap:8px;
  }
  .product-card-mini.alt-layout-below-960 .product-card-mini__image-link,
  .total-look__products .product-card-mini__image-link{
    grid-column:1/-1!important;grid-row:1!important;display:block!important;width:100%!important;max-width:none!important;margin:0!important;float:none!important;
  }
  .product-card-mini__image{width:100%!important;height:auto!important;}
  .product-card-mini__image .image__img{width:100%!important;height:auto!important;object-fit:contain!important;display:block!important;}
  .product-card-mini.alt-layout-below-960 .product-card-mini__meta,
  .total-look__products .product-card-mini__meta{grid-row:2!important;width:100%!important;margin-top:var(--spacing-3,2px)!important;}
  .product-card-mini.alt-layout-below-960 .quick-view-addtocart,
  .product-card-mini.alt-layout-below-960 .quick-add,
  .product-card-mini.alt-layout-below-960 [data-quick-shop-trigger],
  .total-look__products .quick-view-addtocart,
  .total-look__products .quick-add,
  .total-look__products [data-quick-shop-trigger]{grid-row:3!important;justify-self:center;}
}

@media (max-width:719px){
  /* gauche : on ne touche pas */
  .total-look__inner-items{
    display:flex;flex-direction:row;flex-wrap:wrap;gap:4px;
  }
  .total-look__inner-items[data-left-cols="2"] .total-look__image-container{
    flex:0 0 calc((100% - 4px)/2);width:calc((100% - 4px)/2);
  }
  .total-look__inner-items[data-left-cols="1"] .total-look__image-container{
    flex:0 0 100%;width:100%;
  }
  .total-look__image-container,
  .total-look__image-container-inner,
  .total-look__image-wrapper{display:block;}
  .total-look__image-container-inner img,
  .total-look__image-container-inner video{
    width:100%;height:auto;object-fit:contain;display:block;
  }

  /* ===== produits : grille (plus de slider) ===== */
  .total-look__products{
    flex:0 0 100%;
    width:100%;
    display:grid;
    gap:4px;
    /* 2 colonnes par défaut ; passe à 3 avec l'attribut data si tu veux */
    --cols:2;
    grid-template-columns:repeat(var(--cols), minmax(0,1fr));
    padding:0;
    overflow:visible; /* plus de scroll horizontal */
  }
  /* activer 3 colonnes si besoin : <div class="total-look__inner-items" data-prod-cols="3"> */
  .total-look__inner-items[data-prod-cols="3"] .total-look__products{ --cols:3; }
  .total-look__inner-items[data-prod-cols="1"] .total-look__products{ --cols:1; }

  .total-look__products .total-look__product{
    width:auto;max-width:unset;flex:none; /* sort du modèle slider */
  }

  /* forcer image au-dessus + légende dessous (on garde tes overrides) */
  .product-card-mini{height:auto;min-height:0;display:block;}
  .product-card-mini.alt-layout-below-960 .product-card-mini__inner,
  .total-look__products .product-card-mini__inner{
    display:grid!important;
    grid-template-columns:1fr!important;
    grid-template-rows:auto auto auto!important;
    gap:8px;
  }
  .product-card-mini.alt-layout-below-960 .product-card-mini__image-link,
  .total-look__products .product-card-mini__image-link{
    grid-column:1/-1!important;
    grid-row:1!important;
    display:block!important;width:100%!important;max-width:none!important;margin:0!important;float:none!important;
  }
  .product-card-mini__image{width:100%!important;height:auto!important;}
  .product-card-mini__image .image__img{width:100%!important;height:auto!important;object-fit:contain!important;display:block!important;}
  .product-card-mini.alt-layout-below-960 .product-card-mini__meta,
  .total-look__products .product-card-mini__meta{
    grid-row:2!important;width:100%!important;margin-top:var(--spacing-3,12px)!important;
  }
  .product-card-mini.alt-layout-below-960 .quick-view-addtocart,
  .product-card-mini.alt-layout-below-960 .quick-add,
  .product-card-mini.alt-layout-below-960 [data-quick-shop-trigger],
  .total-look__products .quick-view-addtocart,
  .total-look__products .quick-add,
  .total-look__products [data-quick-shop-trigger]{
    grid-row:3!important;justify-self:center;
  }
}


/* =============== ACCOUNT =============== */

/* ====== LAYOUT ====== */
.account-layout{
  display:grid;
  grid-template-columns: minmax(260px, 30%) minmax(500px, 70%); 
  gap: 32px;
  margin: 0;      
  width: 100%!important;      
  padding: 0;           
  position: relative;
}


.account-content {
  width: 100%!important;  
  overflow-y: auto;
  overflow-x: hidden;
  max-height: 900px;
  min-height: 800px;
  overflow: scroll;
}

.account__container,
.page__inner{
  overflow: visible;   
}

.commande {
  border-bottom: 1px #CCC solid;
}

/* ====== SIDEBAR ====== */
.account-sidebar{
  position: sticky;       
  top: 24px;              
  align-self: start;
  left: auto;             
  width: 100%;
  z-index: 1;
  background: #f9f9f7;
  padding: 20px 18px;
  height: 100%;
  box-shadow: 1px 0px 5px 0.5px rgba(0,0,0,0.2);
}


.account-sidebar ul{ list-style:none; padding:0; margin:0 0 16px 0; }
.account-sidebar li{ margin: 10px 0; }
.account-sidebar a{
  display:block;
  padding: 10px 12px;
  text-decoration: none;
  transition: all .2s ease;
  text-transform: uppercase;
  font-weight: 300;
  letter-spacing: 1px;
  gap: 150px!important;
}

.account-sidebar a:hover {
    font-weight: 500;
}
.account-sidebar a.active{
  font-weight: 500;
  font-size: 20px;
  letter-spacing: 4px;
}
.account-sidebar .logout{
  display:block;
  margin-top: 52px;
  color: var(--muted);
  text-decoration: underline;
  text-transform: uppercase;
  font-weight: 500;
  letter-spacing: 0px;
}

.account-sidebar .logout:hover{ letter-spacing: 0px; }


/* ====== TITRES ====== */
.account-content h2{
  letter-spacing:.4px;
  margin-top: 30px;
  margin-left: 20px;
  text-transform: uppercase;
  font-weight: 600;
  margin-bottom: 20px;
}

/* ====== ORDER CARD ====== */
.order-card {
  padding: 18px;
  max-height: 700px;
  overflow: auto;
  margin-bottom: 22px;
}

.order-card .order-info{
  display:grid;
  grid-template-columns: minmax(260px, 30%) minmax(500px, 70%); 
  gap: 12px 18px;
  margin-bottom: 14px;
  width: 100%!important;
}

.order-info{
  display: inherit!important;
}
.order-card .order-info p{
  margin:0; color: var(--muted);
}
.order-card .order-info p strong{
  display:block; color: var(--text); font-weight:600; text-transform: none; margin-top: 10px;
}

/* ====== BANDE D’IMAGES PRODUITS ====== */
.order-products{
  display:flex;
  gap: 10px;
  overflow-x:auto;
  margin-bottom: 16px;
  scroll-snap-type: x mandatory;
  width: 100%;
  max-width: 100%;
  padding-left: 20px;
  padding-right: 20px;
  padding-bottom: 20px;
}

.order-products img{
  width: 100%; object-fit: cover; flex: 0 0 auto;
  scroll-snap-align: start;
}

.order-card::after{
  content:"";
  display:block;
  height:0; /* placeholder si tu veux ajouter un vrai contrôleur plus tard */
}

/* ====== ACTIONS ====== */
.order-actions{
  display:inline-grid;
  gap: 5px;
  justify-content:right;
  flex-wrap: wrap;
  text-align: right;
  width: 100%;
  padding-right: 20px;
}

.order-actions .btn{
  display:inline-flex; 
  align-items:center; 
  justify-content:center;
  padding: 18px 19px;
  width: 350px;
  text-decoration:none;
  border: 1px solid transparent;
  transition: all .02s ease;
}

.order-actions .btn:not(.btn-outline){
  background: #000;
  color: #fff;
}

.order-actions .btn.btn-outline{
  background:#fff; color:#000; border-color:#000;
}

.btn.btn--text-link{
  padding:0; border:none; background:transparent;
  text-decoration: underline;
}

/* ====== ÉTATS VIDES ====== */
.account__no-orders{
  background:#fff; 
  padding:24px; 
}

/* Wrapper */
.order-number {
  display: inline-flex;
  align-items: center;
  gap: 0px;
}

/* Bouton copier */
.copy-btn {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 35px;
  height: 35px;
  cursor: pointer;
  transition: all .15s ease;
}
.copy-btn__icon:hover { opacity: 1; }
.copy-btn:active { transform: translateY(0.5px); }
.copy-btn__icon {height: 18px; fill: currentColor; color: #000; opacity: 0.5; }

/* État “copié” + petit feedback */
.copy-btn.is-copied {
  border-color: #16a34a;
}
.copy-feedback {
  margin-left: 6px;
  font-size: 12px;
  color: #16a34a;
}

.account-back {
    display: none;
}

  .icon-account1 {
  transform: rotate(-90deg);
  height: 15px;
  color: #000;
  position: inline-flex;
  display: none;
  right: 0px;
}

/* ====== MOBILE: navigation plein écran puis contenu plein écran ====== */
@media (max-width: 980px){

  .account-layout{
    display:block;
  }

    .icon-account1 {
  display: inline-flex;
}

.account__container,
.page__inner{
  padding-top: 40px;   
}

  .account-back {
    display: inline-flex;
    align-items: left;
    width: 100%;
    background-color: #f9f9f7;
    padding: 25px;
    text-transform: uppercase;
    cursor : pointer;
    gap: 15px;
    letter-spacing: 4px;
    box-shadow: 0px 1px 5px 0.5px rgba(0,0,0,0.2); 
 }

  .icon-account {
  transform: rotate(90deg);
  height: 15px;
  color: #000;
  position: inline-flex;
}

  .account-sidebar{
    position: static;
    display:inline-block;
    width: 100%;
    padding: 24px 18px;
    box-shadow: none;
    min-height: 60vh;
  }

  .account-content{
    display:none;       
    max-height: none;   
    overflow: visible;  
  }

  /* quand on passe en "vue contenu" */
  .account-layout.mobile-view--content .account-sidebar{
    display:none;
  }
  .account-layout.mobile-view--content .account-content{
    display:block;
  }


  .order-actions{
    padding-right: 0;
  }

    .order-actions--mobile{
    width: 100%;
    display: grid;
    gap: 8px;
    padding: 16px 20px 0; /* même marges que la bande images */
    text-align: left;
    justify-content: stretch;
    padding-bottom: 15px;
  }
  .order-actions--mobile .btn{
    width: 100%;
  }

  /* le tableau se lit mieux empilé */
  .order-card table, .order-card tr, .order-card td{
    display:block;
    width:100%;
  }

}

/* Wrapper local au carrousel */
.order-products-wrap{
  position: relative;
  margin: 0 0 16px 0;
  padding-left: 18px;
}

/* La ligne d’images */
.order-products{
  display: flex;
  gap: 4px!important;
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  scroll-behavior: smooth;
  padding: 0 40px 20px 20px; 
  padding-left: 0px;
  scrollbar-width: none;         /* Firefox */
  -ms-overflow-style: none;      /* IE/Edge legacy */
  border: none;
}
.order-products::-webkit-scrollbar{ display: none; } /* Chrome/Safari */

/* Images */
.order-products img{
  width: 100%;
  height: auto;
  object-fit: cover;
  flex: 0 0 auto;
  scroll-snap-align: start;
}

/* Groupe des flèches, en bas à droite du wrapper */
.order-products-nav{
  position: absolute;
  right: 10px;
  bottom: 0px;
  display: inline-flex;
  gap: 8px;
  z-index: 1;
  height: 15px;
}

/* Boutons flèche (look discret, comme la maquette) */
.order-products-nav button{
  width: 28px;
  height: 28px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
  cursor: pointer;
  padding: 0;
}
.order-products-nav button:disabled{
  opacity: .35;
  cursor: default;
}

/* Icône chevron */
.order-products-nav svg{
  width: 16px;
  height: 16px;
}

@media (max-width: 980px){
  .order-products{ padding-left: 0px; } 
  .order-products-nav button{ width: 26px; height: 26px; }
  .order-products-nav svg{ width: 14px; height: 14px; }
  .account-sidebar{
    display: flex;
    flex-direction: column;
    min-height: 70dvh; 
    overflow: hidden;
  }
  .account-sidebar .logout{
    margin-top: auto;   
    display: inline-block;
  }
}

.addresses__item {
  padding: 20px;
}

.btn btn--text-link addresses-link {
  text-transform: uppercase!important;
}

.default-address {
  font-weight: 600;
  text-transform: uppercase;
  text-align: right;
  font-size: 10px;
  margin-bottom: 5px;
}

.secondary-order-info {
  border-top: #ccc solid 1px;
  border-bottom: #ccc solid 1px;
  padding: 18px;
  display: block;
}

.secondary-order-info p {
  margin-top: 20px;
}

.template-customers-account .account__table { display:none !important; }

.template-customers-order .account__table { display:auto !important; }

.account___table {
  padding: 18px!important;
  margin: 18px!important;
}

.account__table td:first-of-type, .account__table th:first-of-type {
    padding: 18px!important;
}

th.fs-body-100 {
    padding: 10px!important;
}

.order__image {
  width: 250px!important;
  height: auto!important;
  margin-right: 0px!important;
}

@media (max-width: 959px) {
    .account__table td {
        padding: 18px!important;
    }
}

.order__product {
  display: block!important;
  margin-top: 35px;

}

.order__product-details{
  padding-top: 5px;
  max-width: 200px;
}

.order-adresses {
  text-align: justify;
  padding-left: 18px;
  margin-top: 35px;
  border-bottom: #ccc solid 1px;
  padding-bottom: 35px;
}

.account__main {
  border-bottom: 1px solid #ccc;
}

.order-buttons {
  display: inline-flex;
  width: 100%;
  margin-top: 35px;
  gap: 8px;
}

.order-btn {
  width: 50%;
}

section.customer.account.page.account-section 
  .wishlist-hero-items-count {
  display: none !important;
}
/* Laisse de la place aux flèches pour éviter un recouvrement */
.order-products-wrap{
  padding-bottom: 36px; /* au lieu de 0/18: on réserve la zone des flèches */
}

/* S'assure que les taps arrivent bien aux flèches en mobile/iOS */
.order-products-nav{
  z-index: 5;               /* au-dessus du reste */
  pointer-events: auto;     /* explicite */
  -webkit-transform: translateZ(0); /* force un nouveau contexte sur iOS */
  transform: translateZ(0);
}
.order-products-nav button{
  pointer-events: auto;
}


/* =========== SIZE GUIDE =========== */

  .size-guide__table {
    --sg-pad: 18px;
    --sg-gap: 8px;
  }
  .size-guide__inner{max-width: 95%;margin:auto; margin-top: 80px;padding:0 16px}
  .size-guide__header{margin-bottom:14px}
  .size-guide__title{margin:0 0 6px;font-weight:600; text-transform: uppercase;}
  .size-guide__subtitle{font-weight: 300; text-transform: uppercase!important; letter-spacing: 4px;}

  .size-guide__tablewrap{overflow:auto;border-radius:var(--sg-radius);border:var(--sg-border)}
  .size-guide__table{width:100%;border-collapse:separate;border-spacing:0;min-width:640px}

  .size-guide__th,
  .size-guide__td{padding:12px 14px; padding-left: 0px;text-align:center;border-bottom: 1px solid #ccc;}

  .size-guide__th{font-weight:600}

  .size-guide__th--rowlabel,
  .size-guide__rowlabel{white-space:nowrap;text-align:left;border-bottom: 1px solid #ccc;}
  .size-guide__rowlabel{font-weight:500;}

  tbody tr:last-child .size-guide__td,
  tbody tr:last-child .size-guide__rowlabel{border-bottom:0}

  .size-guide__note{margin-top:10px;font-size:.9em;opacity:.7}

  @media (max-width: 959px) {
    .size-guide__table {
        width: 100%;
    }
    .size-guide__tablewrap{width: 500px; max-width: 100%;}
}

.size-guide__table {
  --sg-pad: 18px;
  --sg-gap: 8px;
}
.size-guide__inner {
  max-width: 95%;
  margin: auto;
  margin-top: 80px;
  padding: 0 16px;
}
.size-guide__header {
  margin-bottom: 14px;
}
.size-guide__title {
  margin: 0 0 6px;
  font-weight: 600;
  text-transform: uppercase;
}
.size-guide__subtitle {
  font-weight: 300;
  text-transform: uppercase !important;
  letter-spacing: 4px;
}

.size-guide__tablewrap {
  border-radius: var(--sg-radius);
  border: var(--sg-border);
  width: 100%;
  overflow: hidden; /* plus de scroll */
}

.size-guide__table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
  min-width: unset; /* supprime la largeur minimale */
}

.size-guide__th,
.size-guide__td {
  padding: 12px 8px;
  text-align: center;
  border-bottom: 1px solid #ccc;
  word-break: break-word; /* pour éviter débordement */
}

.size-guide__th {
  font-weight: 600;
}

.size-guide__th--rowlabel,
.size-guide__rowlabel {
  white-space: nowrap;
  text-align: left;
  border-bottom: 1px solid #ccc;
}
.size-guide__rowlabel {
  font-weight: 500;
}

tbody tr:last-child .size-guide__td,
tbody tr:last-child .size-guide__rowlabel {
  border-bottom: 0;
}

.size-guide__note {
  margin-top: 10px;
  opacity: .7;
}

/* --- MOBILE --- */
@media (max-width: 959px) {
  .size-guide__tablewrap {
    width: 100%; 
    max-width: 100%;
  }
  .size-guide__table {
    width: 100%;
    table-layout: auto; 
  }
  .size-guide__th,
  .size-guide__td, .size-guide__th--rowlabel, .size-guide__rowlabel {
    padding: 10px 4px;
    font-size: 12px;
  }
}

/* ======== DEVENIR REVENDEUR ======== */

.custom-form-wrapper2 {
  position: absolute;
  top: calc(100px + 12rem); 
  left: 50%;
  transform: translateX(-50%);
  background: none;
  color: black;
  padding: 50px;
  width: 800px;
  text-align: center;
  z-index: 4;
  margin-top: 
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.05);
}
/* Espacement des éléments internes */
.custom-hero__html--bottom > *:not(:last-child) {
  margin-bottom: 1rem;
}

.custom-form-wrapper2 > *:not(:last-child) {
  margin-bottom: 1rem;
}


.custom-form-wrapper2 input,
.custom-form-wrapper2 textarea {
  border: #000 solid 0.5px;
}



/* ===== MOBILE ===== */
@media screen and (max-width: 768px) {

  .custom-form-wrapper2 {
    position: static;
    width: 100%;
    max-width: 100%;
    padding: 2rem 1rem;
    margin: 0;
    transform: none; 
    left: auto;      
  }
}


/* =============== FOOTER =============== */
.footer{
  width:100%;
  background-image: var(--footer-bg-mobile);
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  justify-content: center;
  justify-items: center;
}
@media (min-width: 750px){
  .footer{ background-image: var(--footer-bg-desktop); }
}

.footer__inner{
  width: 100%;
  padding-left: 10%;
  padding-right: 10%;
  padding-top: 50px;
  padding-bottom: 50px;
}
@media (max-width: 768px){
  .footer__inner{ 
  width: inherit;
  padding-left: 12px;
  padding-right: 22px;
  padding-top: inherit;
  padding-bottom: inherit;
   }
}

img.logo-footer{
  width: 350px;
  display: block;
  margin: 24px auto 0;
  max-width: 100%;
  height: auto;
}
@media (max-width: 768px){
  img.logo-footer{ width: 180px; }
}

.footer__newsletter{ width:100%; }

@media (min-width: 960px){
  .footer__groups{
    display: block;
    width: 100%;
  }
}

.footer__group--table .footer__table{
  display: grid;
  grid-template-columns: repeat(4, 25%);
  gap: 0;
  align-items: start;
  justify-content: center;
  justify-items: center;
}
@media (max-width: 768px){
  .footer__group--table .footer__table{ display: none; }
}
@media (min-width: 768px){
  .footer__group--5,
  .footer__group--4,
  .footer__group--3,
  .footer__group--2{ display: none; }
}

.footer__table-col{
  margin: 0;
  padding: 0;
  border: 0;
  min-width: 0;
}
.footer__table-col .footer__header{ margin: 0 0 0.75rem 0; border: 0; }
.footer__heading fs-accent{ margin-bottom: 60px!important; margin-top: 40px!important;}
.footer__table-col .footer__links ul{
  list-style: none;
  margin: 0;
  padding: 0;
  border: 0;
}
.footer__table-col .footer__links li{
  margin: 0 0 0.5rem 0;
  padding: 0;
  border: 0;
}

.footer__group--newsletter{
  --desktop-width: 100%;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}
.footer__group--newsletter .footer__header{
  display: flex;
  width: 100%;
  justify-content: center;
  text-align: center;
  margin: 0 0 0.75rem 0;
}
.footer__group--newsletter .footer__heading{ margin: 0 auto; }
.footer__group--newsletter .footer__newsletter-inner{
  display: flex;
  justify-content: center;
  gap: 12px;
}
.footer__group--newsletter .footer__newsletter-inner .input{ text-align: left; }

.footer__bottom{
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}
.footer__bottom-left,
.footer__bottom-right{
  width: 100%;
  display: flex;
  justify-content: center;
}
.footer__bottom .footer__image,
.footer__bottom .footer__image img{
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.list-social,
.social-icons{
  display: flex;
  justify-content: center;
  gap: 20px;
  width: 100%;
  padding: 0;
  margin: 12px auto 0;
}
.list-social li,
.social-icons li{
  list-style: none;
  margin: 0;
  padding: 0;
}

.footer__group:has(img.logo-footer){
  --desktop-width: 100% !important;
  text-align: center;
}

.footer.section .footer__group--newsletter .social-icons {
    margin-top: 25px!important;
    margin-bottom: 50px;
}

.footer.section .footer__group--newsletter .ff-heading {
  margin-bottom: 40px!important;
}

.footer__newsletter .footer__newsletter-button {
  letter-spacing: 0;
}

.ff-heading.fs-body-150.footer__text {
    font-weight: 300;
    padding-left: 20%;
    padding-right: 20%;
}

.footer__group.footer__group--table.footer__group--6 {
    margin-bottom: 60px;
}

html:not(.no-js) body:not(.user-is-tabbing) :focus {
    color: #000 !important;
    font-size: 14px!important;
}

.footer.section .footer__group--newsletter .input[type=email] {
    font-size: 12px!important;
    color: #000!important;
}

@media (max-width: 769px){
  .footer__group {border-bottom: none!important;}
  .footer.section .footer__group--1{padding-left: 35px;border-bottom:1px solid var(--color-background-input)!important;order:inherit!important}
  .footer.section .footer__group--2{padding-left: 19px;order:inherit!important;margin-bottom: 0px!important;}
  .footer.section .footer__group--3{padding-left: 35px;border-top:1px solid var(--color-background-input)!important;border-bottom:1px solid var(--color-background-input)!important;order:inherit!important}
  .footer.section .footer__group--4{padding-left: 35px;border-bottom:1px solid var(--color-background-input)!important;order:inherit!important}
  .footer.section .footer__group--5{padding-left: 35px;border-bottom:1px solid var(--color-background-input)!important;order:inherit!important}
  .footer.section .footer__group--6{order:inherit!important; display: none;}
  .footer__group--newsletter .footer__newsletter-inner{justify-content: left;}
  .footer.section .footer__group--newsletter .social-icons {margin-bottom: 0px!important;}
  .footer{justify-content: left!important;justify-items: left!important;}
  .footer__group--newsletter{text-align: left!important;}
  .footer__group--newsletter .footer__header{justify-content: left!important;text-align: left!important;}
  .footer__group--newsletter .footer__newsletter-inner{justify-content: left!important;}
  .footer.section .footer__group--newsletter .ff-heading {margin-bottom: 10px !important;}
  .ff-heading.fs-body-150.footer__text {padding-left: 0%; padding-right: 0%;}
  button#Subscribe-footer {font-size: 12px;}
}