/** Shopify CDN: Minification failed

Line 1318:0 Unexpected "}"

**/
/* THIS IS CUSTOM CSS CODE - DELLAMATTIA.COM */

@font-face {
    font-family: 'BradfordLLWeb-Light';
    src: url('/cdn/shop/files/BradfordLLWeb-Light.woff?v=1724842082') format('woff'),
         url('/cdn/shop/files/BradfordLLWeb-Light.woff2?v=1724842082') format('woff2');
  font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'MuotoCond';
    src: url('/cdn/shop/files/Muoto_-_Condensed_Medium-205TF.woff?v=1724843011') format('woff'),
         url('/cdn/shop/files/Muoto_-_Condensed_Medium-205TF.woff2?v=1724843011') format('woff2');
    font-display: swap;
}


@font-face {
    font-family: 'MuotoCond-Light';
    src: url('/cdn/shop/files/Muoto_-_Condensed_Light-205TF.woff?v=1724843393') format('woff'),
         url('/cdn/shop/files/Muoto_-_Condensed_Light-205TF.woff2?v=1724843393') format('woff2');
    font-display: swap;
}

@font-face {
    font-family: 'Cochin';
    src: url('/cdn/shop/files/cochinfont.woff?v=1727956955') format('woff'),
         url('/cdn/shop/files/cochinfont.woff2?v=1727956955') format('woff2');
    font-display: swap;
}

/* MENU */ 

.drawer__footer .secondary_text,
small.tax-note.secondary_text,
p{
font-family: 'BradfordLLWeb-Light'!important;
}

h2.popup-heading.h3{
  font-family: 'MuotoCond'!important;
    color: #071A43;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  letter-spacing: 0.36px;
  text-transform: uppercase; 
}

.slideshow__tab p.h3,
.header__icons span,
.header__inline-menu .header__menu-item{
  font-family: 'MuotoCond'!important;
  color: #FCF999;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  letter-spacing: 0.36px;
  text-transform: uppercase;
}

.template- .header__inline-menu .header__menu-item,
.template- .header__icons span,
.template-account .header__icons span,
.template-account .header__inline-menu .header__menu-item,
.template-search .header__inline-menu .header__menu-item,
.template-search .header__icons span,
.template-product .header__inline-menu .header__menu-item,
.template-product .header__icons span,
.template-page .header__inline-menu .header__menu-item,
.template-page .header__icons span,
.template-collection .header__inline-menu .header__menu-item,
.template-collection .header__icons span,
.shopify-section-header-sticky
.slideshow__tab p.h3,
.shopify-section-header-sticky .header__icons span,
.shopify-section-header-sticky .header__inline-menu .header__menu-item{
    color: #071A43;
}

.template- .header__heading-link img,
.template-account .header__heading-link img,
.template-account .header__heading img,
.template-search .header__heading img,
.template-search .header__heading-link img,
.template-product .header__heading img,
.template-product .header__heading-link img,
.template-page .header__heading-link img,
.template-page .header__heading img,
.header__heading-link img,
.template-collection .header__heading img,
.header__heading img{
  max-height:44px!important
}

.shopify-section-header,
.shopify-section-header.color-background-1 {
  background-color:transparent;
}

/*
.shopify-section-header.shopify-section-header-sticky:before,
.shopify-section-header.color-background-1.shopify-section-header-sticky:before{
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  content: "";
  display: block;
  top: 0;
  right: 0;
  left: 0;
  inset: 0;
  bottom: -20px;
  -webkit-mask: linear-gradient(180deg, #000 calc(100% - 100px), transparent);
  mask: linear-gradient(180deg, #000 calc(100% - 100px), transparent);  
  pointer-events: none;
  position: absolute;
  transition: opacity .3s ease-out, bottom .3s ease-out;
  z-index: 0;
}*/


.shopify-section-header.shopify-section-header-sticky{
background-color:#FDFCF9!important  
}

input{
  background-color:transparent!important;
}

.search-results__title{
  display:none!important;
}

li.predictive-search__list-item.search__categories-item.popular_search_heading.subtitle{
 font-family: 'MuotoCond'!important;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  letter-spacing: 0.36px;
  text-transform: uppercase;
}

.template- .header__heading-link img,
.template-account .header__heading-link img,
.template-search .header__heading-link img,
.template-product .header__heading-link img,
.template-page .header__heading-link img,
.template-collection .header__heading-link img,
.shopify-section-header-sticky .header__heading img{
  content:url(/cdn/shop/files/logo-bleu-home-SES.svg?v=1727104580)
}


/* HEADER HOME */ 

.container.slideshow__info--wrapper:before{
content: "";
display: block;
  top: 30%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  transition: opacity .3s ease-out, bottom .3s ease-out;
  z-index: 0;
  background-image: url(/cdn/shop/files/logo-jaune-home-SES.svg?v=1727075114); 
  background-size:contain; 
  background-repeat:no-repeat; 
  width:682px; 
  height:203px;
  margin:0 auto;
  z-index:10
}

.multicolumn-section{
  max-width:1200px!important;
  margin:0 auto;
  padding:10% 0%!important; 
}

.subtitle.card__subtitle a{
  text-decoration:none!important;
}

.multicolumn-card__heading{
  margin:0 auto!important;
}

.multicolumn-list--img-bottom .multicolumn-list__wrapper--standard .multicolumn-card__image-wrapper{
  margin-top:10px!important;
}

h1.main-page-title.page-title.title--page.h2{
    color: #071A43;
  font-family: 'MuotoCond'!important;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 22px; /* 110% */
  letter-spacing: 0.8px;
  text-transform: uppercase;
}

h3.multicolumn-card__heading.h2{
  color: #071A43;
  text-align: center;
  font-family: 'MuotoCond'!important;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 22px; /* 110% */
  letter-spacing: 0.8px;
  text-transform: uppercase;
  word-spacing: 5rem;
}

/* MEDIA BANNER */ 

.media-banner__description,
h2.media-banner__heading.h2 {
  display: flex;
  justify-content: space-between!important;
  width: 150px;
  margin-bottom:0px!important; 
  margin:0 auto
}

.ref{
color: #FCF999;
font-family: 'MuotoCond'!important;
font-size: 13px;
font-style: normal;
font-weight: 500;
line-height: normal;
letter-spacing: 0.36px;
text-transform: uppercase;
}

.p-title{
color: #FCF999;
font-family: 'MuotoCond-Light';
font-size: 13px;
font-style: normal;
font-weight: 300;
line-height: normal;
letter-spacing: 0.36px;
text-transform: uppercase;
}

a.button.button--simple{
color: #FCF999;
font-family: 'BradfordLLWeb-Light';
font-size: 16px;
font-style: normal;
font-weight: 300;
line-height: 18px; /* 120% */
letter-spacing: -0.075px;
text-transform:inherit!important
}

.color-background-2 a.button.button--simple:hover{
 color: #FCF999!important; 
}

.account__main a.button.button--simple{
  color:inherit!important;
  font-family: 'MuotoCond' !important;
    text-transform: uppercase!important;
    font-size: 12px;
    letter-spacing: 0.36px;
}

.color-scheme-cb0544d7-89b3-4768-b8bd-d68b06dfd5a8 .ref, 
.color-scheme-cb0544d7-89b3-4768-b8bd-d68b06dfd5a8 .p-title, 
.color-scheme-cb0544d7-89b3-4768-b8bd-d68b06dfd5a8 a.button.button--simple.focus-inset{
  color:#071A43!important;
}

*,
*:focus {
  outline: none !important;
  box-shadow: none !important;
}

/* PRODUCT SLIDER */ 

.product-slider-product .price{
  display:none;
}

.product-carousel .nav-tools__arrows{
  display:none!important;
}

.product-carousel .nav-tools__scroll-cell {
  width: 100%!important;
}

.product-carousel__product[aria-label="4 / 4"]{
  filter:blur(4px)
}

.product-carousel .swiper-scrollbar-drag{
  background-color:#071A43!important
}

.product-carousel__wrapper{
  overflow:visible!important;
}

.swiper-pagination .swiper-pagination-bullet-active{
  background:#071A43;
}

.color-scheme-cb0544d7-89b3-4768-b8bd-d68b06dfd5a8 a.button.button--simple{
  color: #FCF999!important;
}

.card-information {
  /*max-width: 50% !important;*/
  margin: 0 auto;
  text-align: center;
}
.card__subtitles {
  position: absolute;
  right: 0;
}
.card__subtitle {
  color: #071a43;
  text-align: right;
  font-family: "MuotoCond-Light";
  font-size: 12px;
  font-style: normal;
  font-weight: 300;
  line-height: normal;
  letter-spacing: 0.36px;
  text-transform: uppercase;
}
.card__title {
  color: #071a43;
  font-family: "MuotoCond" !important;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  letter-spacing: 0.36px;
  text-transform: uppercase;
}

/* FOOTER */ 

.footer-menu-left li, 
.footer-menu-right li{
    list-style: none!important; /* Supprime les bullet points */
    padding: 0; /* Retire le padding par défaut de la liste */
    margin: 0; /* Retire le margin par défaut de la liste */
}

.footer-left, 
.footer-right{
  position:relative;
  z-index:10
}

.footer-menu-left{
 padding-left:0px!important; 
}

.footer-container{
  align-items:flex-end!important;
}

ul.footer-menu-right{
  margin-bottom:0px!important
}

.footer-link {
    text-decoration: none; /* Supprime le soulignement des liens */
    color: #071a43; /* Garde la couleur du texte */
    display: block; /* Rend le lien plus accessible */
    transition: color 0.3s; /* Animation pour l'effet au survol */
  color: #071A43;
font-family: 'MuotoCond-Light';
font-size: 12px;
font-style: normal;
font-weight: 300;
line-height: 18px; /* 150% */
letter-spacing: 0.36px;
text-transform: uppercase;
}

.newsletter-signup h4{
  color: #071A43;
  font-family: "MuotoCond" !important;
font-size: 12px;
font-style: normal;
font-weight: 500;
line-height: normal;
letter-spacing: 0.12px;
text-transform: uppercase;
  padding-bottom:0px!important; 
}

input[type="email"]{
border: 1px solid #071A43!important;
max-width:273px!important; 
height:26px!important;
border-radius:0px}


input[type="email"],
::placeholder{
  color: #071A43;
font-family: 'MuotoCond-Light';
font-size: 12px;
font-style: normal;
font-weight: 300;
line-height: normal;
letter-spacing: 0.12px;
text-transform: uppercase;  
  background-color:#FDFCF9!important;
}

#newsletter-messages{
      max-width: 32%;
    font-size: 11px;
    line-height: 1;
}

input[type="email"] {
  background-color: transparent !important; /* Supprime la couleur de fond */
  outline: none !important; /* Supprime le contour bleu par défaut */
  box-shadow: none !important; /* Supprime les ombres générées par le navigateur */
  border-color: inherit; /* Conserve les couleurs du bord actuel */
}

input[type="email"]:focus {
  background-color: transparent !important; /* Supprime le fond bleu au focus */
  outline: none !important; /* Supprime le contour bleu au focus */
  box-shadow: none !important; /* Supprime les ombres au focus */
}

form#contact_form {
    display: flex;
    align-items: center;
}

.submit-btn{
  height:26px;
  border: 1px solid #071A43!important;
    border-radius:0px; 
  background-color:white;
  margin-left:-10px; 
  border-left:0px!important; 
  display:flex; 
  align-items:center; 
    justify-content:center;
background-color:#FDFCF9!important;
  width:25px;
}

a.back-to-top {
  opacity: 1 !important;
  visibility: visible !important;
}

/*COLLECTION GRID*/ 

.card__info-top .product-details{
  display: flex;
  justify-content: space-between;
  width: 100%;
  padding: 0px;
  padding-bottom:7px
}

.price-on-request{
 transform:translatey(-12px)!important
}

.price-on-request,
.card__info-top .product-price div,
.card__info-top .product-name{
color: #071A43;
text-align: center;
  font-family: "MuotoCond" !important;
font-size: 12px!important;
font-style: normal;
font-weight: 500;
line-height: normal;
letter-spacing: 0.36px;
  text-transform:uppercase; 
}

.card__info-top .product-name a{
   text-decoration:none;
}

.card__info-top .product-collection{
  color: #071A43;
font-family: 'MuotoCond-Light';
font-size: 12px;
font-style: normal;
font-weight: 300;
line-height: normal;
letter-spacing: 0.36px;
text-transform: uppercase;
}

.products-grid-section__wrapper {
	display: grid;
	grid-template-columns: repeat(4, 1fr); /* 4 colonnes */
	grid-gap: 20px; /* Espace entre les produits */
}

.collection-product-card {
  position: relative;
}

/*.collection-product-card.featured-product .media--first{
  display:none;
}

.collection-product-card.featured-product .media--second{
  display:block;
  opacity:1
}*/




.media--second {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.collection-product-card:hover .media--first {
  display: none;
}

.collection-product-card:hover .media--second {
  display: block;
}

.collection-product-card:hover .media--first {
	display: none;
}

.collection-product-card:hover .media--second {
display: block!important;
  opacity:1;
}

.products-grid-section__wrapper {
  display: grid;
  grid-template-columns: repeat(4, 1fr); /* 4 colonnes égales */
  grid-gap: 20px; /* Espace entre les produits */
  align-items: stretch; /* Assure que toutes les lignes sont alignées */
}

/* Carte produit en vedette */
.collection-product-card.featured-product {
  grid-column: span 2; /* Prend 2 colonnes */
  grid-row: span 2; /* Prend 2 rangées */
  position: relative;
  display: block; /* Assure l'affichage de l'image */
  align-self: end; /* Aligne la carte en bas de la grille */
}



/* Images des produits normaux */
.collection-product-card img {
  width: 100%;
  height: auto; /* Les autres images gardent leur proportion */
}

/* Image du produit vedette */
.collection-product-card.featured-product img {
  width: 100%;
  height: 100%!important; /* Remplit la zone de grille */
  object-fit: cover; /* Adapte sans déformer */
}

.card__information.card__info-top{
  margin-top:5px!important;
}

.card__inner .media {
  position: relative;
  background-color: #f2efe7; /* Fond pour éviter les "flashs" */
  overflow: hidden; /* Assure que rien ne dépasse */
}

.media img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
transition: opacity 1.5s cubic-bezier(0.4, 0, 0.2, 1), transform 1.5s cubic-bezier(0.4, 0, 0.2, 1); /* Animation fluide */
  will-change: opacity, transform; /* Optimisation des transitions */
}

.media--first {
  opacity: 1; /* Visible par défaut */
  z-index: 1;
  pointer-events: auto; /* Interactif par défaut */
}

.media--second {
  opacity: 0; /* Cachée par défaut */
  z-index: 2;
  pointer-events: none; /* Désactive les interactions */
}

.card__inner:hover .media--first {
  opacity: 0; /* Se fond doucement */
  pointer-events: none; /* Désactive les interactions pour l'image de base */
}

.card__inner:hover .media--second {
  opacity: 1; /* Apparaît doucement */
  pointer-events: auto; /* Active les interactions pour l'image hover */
}


/* SLIDER DE MOTS*/ 
.word-slider-container {
  position: relative;
  width: 100%;
  height: 100px; /* Ajuste selon la hauteur désirée */
  overflow: hidden; /* Cache les éléments hors du conteneur */
  display: flex;
  justify-content: center;
}

.word-slider {
  display: flex;
  transition: transform 0.5s ease;
  will-change: transform;
  justify-content: center;
}

.word-slide {
  width: 33.33%; /* Chaque slide occupe un tiers du conteneur */
  flex-shrink: 0;
  text-align: center;
  font-size: 24px;
  font-weight: bold;
  opacity: 0.5; /* Par défaut, les mots qui débordent sont moins visibles */
  transition: opacity 0.5s, transform 0.5s;
  text-decoration: none;
  position: relative;
}

/* Mot actif au centre */
.word-slide.center {
  opacity: 1;
  transform: scale(1.1); /* Amplifie légèrement le mot actif */
}

/* Bullets pour navigation */
.slider-bullets {
  display: flex;
  justify-content: center;
  margin-top: 20px;
}

.bullet {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background-color: #ccc;
  margin: 0 5px;
  cursor: pointer;
  transition: background-color 0.3s ease;
}

.bullet.active {
  background-color: #333;
}


.multicolumn-card.multicolumn-list__item:hover img{
  transform:none!important;
}

.multicolumn-card {
    position: relative;
}

.multicolumn-card__image-wrapper {
    position: relative!important;
  height:100%!important;
    z-index: 1; /* Les images restent en dessous de l'overlay */
}

.multicolumn__link-overlay {
    display: block!important; /* Assure que le lien prend la totalité de l'espace */
    position: absolute!important; /* Permet au lien de couvrir toute la surface de son parent */
    top: 0;
    left: 0;
    width: 100%!important; /* Étend le lien sur toute la largeur */
    height: 100%!important; /* Étend le lien sur toute la hauteur */
    z-index: 3; /* Assure qu’il est cliquable et au-dessus des autres éléments */
    background: transparent; /* Le rend invisible mais toujours cliquable */
    pointer-events: auto; /* Permet les clics */
}

.multicolumn-card__image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.card .media.media--hover-effect>img, .card-wrapper .media.media--hover-effect>img{
  transition:none!important;
}

.multicolumn-card__image--hover {
    opacity: 0;
}

.multicolumn-card__image-wrapper:hover .multicolumn-card__image--hover {
    opacity: 1;
}

.multicolumn-card__image-wrapper:hover .multicolumn-card__image--default {
    opacity: 0;
}

.media-banner:not(.section-simple) .media-banner__slide.hover-effect:hover .media-banner__image, .media-banner:not(.section-simple) .media-banner__slide.hover-effect:hover .placeholder-svg{
  transform:none!important;
  transition:none;
}



.modal-close-button:hover:not(.burger-menu__submenu-back){
  transform:none!important;
}

/* CART */ 


#account-modal h3,
h2.drawer__notification_heading.h3,
p.cart__empty-text.h3,
.drawer__heading.h3 {
font-family: 'MuotoCond'!important;
text-transform:uppercase;
font-size:12px;
  letter-spacing: 0.36px;
}

.drawer__inner-empty .cart__empty-dec{
  font-family: 'MuotoCond-Light'!important;
  font-size:12px;
  letter-spacing: 0.36px;
}

.button--tertiary, .customer .button--tertiary{
  min-height:2.6rem!important;
  font-family: 'MuotoCond'!important;
text-transform:uppercase;
  font-size:12px
}

a.header__account__register.link.button.button--simple,
.cart__ctas a.button.button--simple{
  color:#071A43!important;
  font-size:12px!important
}

/* SWIPER SLIDER */ 

.is-outside.swiper-slide-next,
.is-outside.swiper-slide-prev,
.is-outside.swiper-slide-active{
filter:none!important  
}

.swiper-slide.swiper-slide-visible:nth-of-type(2),
.swiper-slide.swiper-slide-visible:nth-of-type(3),
.swiper-slide.swiper-slide-visible:nth-of-type(4),
.swiper-slide.swiper-slide-visible:nth-of-type(5) {
filter:none!important  
}

/* Style pour les produits hors du container */
.swiper-slide.is-outside {
  filter:blur(4px) /* Rendre les produits semi-transparents */
}

/* Assurez-vous que le container ne cache pas les produits partiellement visibles */
.product-carousel__wrapper {
  overflow: visible; /* Afficher les produits partiellement visibles à gauche et à droite */
}

.search__form-inner .button{
  height:3.6rem!important
}

/* PRODUCT PAGE */ 
.product-header + .product-header {
  border-top: none;
}

.product-header {
  display: flex;
  justify-content: space-between; /* Espace entre les colonnes */
  align-items: center; /* Centrer verticalement les éléments */
  border:1px solid;
  height:35px
}
.product-header .col-12 {
  flex: 1; /* Chaque colonne prend 1 part égale de l'espace */
  text-align: center; /* Centrer le texte par défaut */ 
}

.product-header .col-4 {
  flex: 1; /* Chaque colonne prend 1 part égale de l'espace */
  text-align: center; /* Centrer le texte par défaut */  
}


.lv-option-label__selected,
.select-label.secondary_text span,
.additional-info-section .text-right p{
 color: #071A43;
font-family: MuotoCond!important;
font-size: 12px;
font-style: normal;
font-weight: 500;
line-height: normal;
letter-spacing: 0.36px;
  text-transform:uppercase;
}

b,
.rte h1, .rte h2, .rte h3, .rte h4{
  color: #071A43;
font-family: MuotoCond!important;
font-size: 14px;
font-style: normal;
font-weight: 500;
line-height: normal;
letter-spacing: 0.36px;
  text-transform:uppercase;
}

.made-to,
.product-header .col-4 p,
.product-header .col-4 h1,
.product-header .product-title{
color: #071A43;
text-align: center;
font-family: MuotoCond!important;
font-size: 12px;
font-style: normal;
font-weight: 500;
line-height: normal;
letter-spacing: 0.36px;
  text-transform:uppercase;
}

.lead-t{
  border-left:1px solid; 
  border-right:1px solid; 
}

.made-to{
  border-left:1px solid;
}


.select-label.secondary_text,
.additional-info-section .text-left p{
   color: #071A43;
font-family: MuotoCond-Light!important;
font-size: 12px;
font-style: normal;
font-weight: 300;
line-height: normal;
letter-spacing: 0.36px;
text-transform: uppercase;
  text-decoration:none;
}


.lv-option-name,
.lv-option-label__name,
.lead-t,
.product-header .col-4 p a{
  color: #071A43;
text-align: center;
font-family: MuotoCond-Light!important;
font-size: 12px;
font-style: normal;
font-weight: 300;
line-height: normal;
letter-spacing: 0.36px;
text-transform: uppercase;
  text-decoration:none;
}

.product-header .col-4:first-child {
  border-right:1px solid; 
  height:35px; 
  display:flex; 
  align-items:center;   
  justify-content:center;
}

.product-header .col-4:last-child {
  border-left:1px solid; 
  height:35px; 
  display:flex; 
  align-items:center;
  justify-content:center;
}

/* colonnes principales */

.product-columns {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between; /* Assure un espace entre les colonnes */
}

.product-columns .row{
  padding:0px; 
  text-align:center;
}

.product-columns .column {
  width: 50%; /* Chaque colonne occupe 48% de la largeur disponible */
  box-sizing: border-box; /* S'assure que tout calcul de largeur est correct */
  /* Pas de bordure ni de padding */
}

.product-columns .row {
}

/* Style pour le texte de description */
.p-desc {
    flex-grow: 1; /* Assure l'étirement */
    display: flex;
    align-items: top; /* Centre verticalement */
    justify-content: center; /* Centre horizontalement */
    border-top: 1px solid;
    border-left: 1px solid;
    border-bottom: 1px solid;
    padding: 20px 20px !important; /* Assure un espacement cohérent */
    margin: 0; /* Élimine les marges inutiles */
}

.p-desc p{text-align:left;}

/* Style pour l'image */
.img-mesh {
    flex-grow: 1; /* Assure l'étirement */
    display: flex;
    align-items: center; /* Centre verticalement */
    justify-content: center; /* Centre horizontalement */
    border: 1px solid; /* Ajoute une bordure */
    margin: 0; /* Élimine les marges inutiles */
    padding: 0; /* Élimine les paddings inutiles */
  height:100%;
}

/* Conteneur principal */
.product-columns {
    display: flex;
    flex-wrap: wrap; /* Permet de passer à la ligne si l'espace manque */
}

/* Chaque colonne */
.column {
    flex: 1;
    display: flex;
    flex-direction: column;
}

.product-columns .row p{
  padding:10px; 
margin:0px;
}

.product-columns img {
    width: 100%;
    object-fit:cover;
  height:100%;
}

.img-centered{
  width:100%; 
  height:100%;
}

.additional-info-section .row {
  display: flex;
  justify-content: space-between; /* Assure que les éléments sont alignés à gauche et à droite */
  border-left:1px solid; 
  border-bottom: 1px solid; 
  border-right:1px solid;
}

.additional-info-section .col-6 {
  width: 50%; /* Chaque colonne prend environ la moitié de la largeur */
}

.additional-info-section p{
 padding-left:10px; 
  padding-right:10px;  
  margin:10px;
}



.text-left {
  text-align: left;
}

.text-right {
  text-align: right;
}

.floated-form .product-accordion,
.floated-form .product-header, 
.floated-form .product-columns,
.floated-form .additional-info-section{
  display:none
}


/* accordéons produits */

.accordion-button {
  position: relative;
  padding: 10px 0px;
  font-size: 16px;
  font-weight: bold;
  width: 100%;
  text-align: left;
  cursor: pointer;
  border: none;
  outline: none;
  display: flex; /* Utiliser flexbox pour aligner le texte et l'icône */
  justify-content: space-between; /* Espace entre le texte et l'icône */
  align-items: center;
  background-color:#FDFCF9!important;
    border-top: 1px solid ;
  color: #071A43;
font-family: 'BradfordLLWeb-Light';
font-size: 15px;
font-style: normal;
font-weight: 300;
line-height: 18px; /* 120% */
letter-spacing: -0.075px;
}

.accordion-icon {
  display: inline-block;
  transition: transform 0.3s ease; /* Animation de rotation */
}

.accordion-button.active .accordion-icon {
  transform: rotate(180deg); /* Rotation de la flèche quand l'accordéon est ouvert */
}

.accordion-content {
  display: none;
  padding: 10px 0px;
  background-color: #FDFCF9;
}

.accordion-content p {
  margin: 0;
}

.accordion-button.active + .accordion-content {
  display: block;
}

.product__outer--static-multicolumns-aside .product__info-container .product__info-main, .product__outer--thumbs-aside .product__info-container .product__info-main, .product__outer--static-column-aside .product__info-container .product__info-main, .product__outer--two-column-aside .product__info-container .product__info-main{
  max-width:100%!important; 
  padding:0 20px!important;
}

.product__outer--static-multicolumns-aside .product__info-container{  
  top:0px!important; 
  margin-top:0px!important;
}

.product.row {
    padding-top: 30px;
}

.template-product .multicolumn-card__info{
  display:none!important;
}

.template-product .multicolumn-section{
  max-width:100%!important;
  margin:0 20px
}

.template-product .multicolumn-card.multicolumn-list__item img:hover{
  filter:none!important;
}

.template-product .multicolumn-card__image-wrapper{
  margin:0px!important;
}

.template-product .multicolumn-section{
  padding:24px 2px!important;
}

.product-parameters variant-radios, .product-parameters .variant-selects{
  margin-bottom:0px!important;
  gap:0!important;
}

.product-parameters {
  margin-bottom:0px!important;
}

.product__buy_buttons, .product .pickup-availability{
  margin-top:0px!important;
  height:37px
}

.template-product .button--tertiary{
  height:37px!important; 
  border: 1px solid #071A43;
background: #071A43;
  color:white!important;
}

.predictive-search-rezult .button--tertiary{
  height:auto!important; 
  border: none;
background: inherit;
  color:inherit!important;
}

.product-parameters .dropdown-select .select-label{
  border-bottom:0px!important;
}


.product-recommendations h2.section-heading__heading.h1{
  color: #071A43;
text-align: center;
font-family: MuotoCond;
font-size: 20px;
font-style: normal;
font-weight: 500;
line-height: 22px; /* 110% */
letter-spacing: 0.8px;
text-transform: uppercase;
word-spacing: 3rem!important;
}

.section-heading.section-heading__only_heading{
  justify-content:center;
  max-width:256px; 
margin: 20px auto; 
}  

.shopify-app-block{
 margin-top:30px; 
}

.product-media-modal__item img {
width:50%!important; 
  margin: 30px auto;
}



/* EFFET SURVOL */
.media--first, .media--second {
    visibility: visible; /* Assure que l'image est chargée */
    will-change: opacity; /* Optimise les transitions */
}


/* Conteneur principal des images */
.media--hover-effect {
    position: relative;
    overflow: hidden; /* Empêche les débordements */
    width: 100%;
    height: 100%;
    background-color: #f2efe7!important; /* Couleur de fond */
}

/* Première image (visible par défaut) */
.media--first {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover; /* Adapte l'image sans déformation */
    /*transition: opacity 0.2s ease-in-out !important; /* Transition fluide */
    opacity: 1; /* Visible par défaut */
    z-index: 2; /* Priorité initiale */
    transform: scale(1); /* État initial */
}

/* Seconde image (cachée par défaut) */
.media--second {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover; /* Adapte l'image sans déformation */
    /*transition: opacity 0.2s ease-in-out!important; /* Transition fluide */
    opacity: 0; /* Cachée par défaut */
    z-index: 1; /* En arrière-plan */
}


.card__inner .media.media--hover-effect, .card--search img{
  transition:none!important
}


.totals .subtitle{
  text-transform:uppercase!important;
}

.swiper-pagination-bullets{
  display:none!important;
}

.lv-option-label__separator,
.lv-option-label__name,
.lv-option-label__selected {
  display: none;
}

.lv-option-box:before {
  content: "change variation:";
  color: #071a43;
  font-family: MuotoCond-Light !important;
  font-size: 12px;
  font-style: normal;
  font-weight: 300;
  line-height: normal;
  letter-spacing: 0.36px;
  text-transform: uppercase;
}

.product-video::-webkit-media-controls {
  display: none !important;
}

.product-video::media-controls {
  display: none !important;
}

.is-dragging {
  cursor: grabbing;
  cursor: -webkit-grabbing;
}

.js-swiper-product-carousel {
  cursor: grab;
  cursor: -webkit-grab;
}

.lv-option-text-wrapper{
  width:100%!important 
}

.lv-option-name{
  font-size:10px!important;
}

.product-parameters .dropdown-select ul,
.product-parameters .dropdown-select .select-label{
  background-color:#FDFCF9!important;
}

.product-parameters .dropdown-select ul{
  margin-top:0px!important;
  border-color:#071A43!important;
}

.button--simple:not([disabled]):not([aria-disabled=true]):hover, .customer .button--simple:not([disabled]):not([aria-disabled=true]):hover{
  color:#FCF999!important}
}

.media,
.product__media-list.media_size-auto .product__media, 
.product__media-list.media_size-auto .deferred-media{
  background-color:#fdfcf8!important;
}

.media{
    background-color:#fdfcf8!important;
}


.button--simple span:before, .customer .button--simple span:before{
  display:none!important
}

header.header.header--center-logo.header--has-menu.container{
  max-width:100%;
}

.product__outer--static-multicolumns-aside .product__info-container, .product__outer--thumbs-aside .product__info-container, .product__outer--static-column-aside .product__info-container, .product__outer--two-column-aside .product__info-container{
  top:6.4rem!important;
}

/* Lorsque le sous-menu est ouvert */
.header--center-logo{
   /*transition: background-color 0.4s ease; */
}

.product__media-list.media_size-auto .product__media, .product__media-list.media_size-auto .deferred-media{
  height:100%!important;
}

button#ProductPopup-variant_picker{
  display:none!important;
}

.button--simple span:after, .customer .button--simple span:after{
  transition:none!important
}

.link-hover-line:after{
  transition:none!important;
color:inherit!important;}

/*
.template-index .header__column .link-hover-line:after{
  color:#fbf999!important;}*/

.template-index .shopify-section-header-sticky .link-hover-line:after{
  color:#071A43!important;}

.drawer__inner-empty .cart__empty-dec,
.drawer__inner-empty a{
  display:none!important;
}

.product-parameters .dropdown-select ul.active{
  max-height:150px!important; 
  height:150px!important;
  overflow-y:scroll!important; 
  padding-top:0px!important; 
  padding-bottom:0px!important;
}

/* Overlay pour le blur */
.content-blur-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.1); /* Optionnel, ajoute un léger fondu */
  pointer-events: none; /* Ignore les clics */
  display: none; /* Masqué par défaut */
  z-index: 9;
}

/* Transition pour le contenu */
/*#MainContent {
  transition: filter 0.4s ease;
}

/* Transition pour la navbar */
.header--center-logo {
 /* transition: background-color 0.4s ease; */
}

/* Conteneur du logo */
.header__heading-link {
  /*transition: background-image 0.4s ease; */
}


/* Conteneur du logo */
.header__heading-link {
  display: block;
  background-repeat: no-repeat;
  background-size: contain;
 /* transition: background-image 0.4s ease; */
}

.cart-drawer__overlay,
.account-modal__overlay{
  backdrop-filter:blur(5px); 
}

/* Logo bleu */
.header__heading-link.logo-blue img {
  content: url("/cdn/shop/files/logo-bleu-home-SES.svg");
}

.button--primary:after, .button--secondary:after, .button--tertiary:after, .customer .button--primary:after, .customer .button--secondary:after, .customer .button--tertiary:after{
  display:none!important;
}

/* Boutons généraux */
.button--primary:hover,
.button--secondary:hover,
.button--tertiary:hover {
  background-color: #071A43; /* Couleur de fond au survol */
  color: #ffffff; /* Couleur du texte au survol */
  transition: background-color 0.3s ease, color 0.3s ease; /* Animation fluide */
}

/* Boutons spécifiques pour les utilisateurs connectés */
.customer .button--primary:hover,
.customer .button--secondary:hover,
.customer .button--tertiary:hover {
  background-color: #071A43; /* Couleur de fond différente pour les clients */
  color: #ffffff; /* Texte légèrement plus clair */
  transition: background-color 0.3s ease, color 0.3s ease; /* Animation fluide */
}

a.anchor.button.button--simple.login__forgot-password.focus-inset:hover{
  color: #071A43!important; /* Couleur de fond au survol */
}

section#shopify-section-template--15926518612034__product_carousel_iKFq6Q {
    overflow: hidden;
}

.multicolumn-card__info{
  width:100%!important;
}

#shopify-section-template--15926518612034__media_banner_gKCVLE .media-banner__content{
padding-top: calc(7 / 5 * 100%);
background: #fdfcf8;
}

.first-line {
  word-spacing: 5rem;
  font-size: 25px;
  font-family: "MuotoCond" !important;
      letter-spacing: 1.6px;
}
.second-line {
  word-spacing: 5rem;
  font-size: 25px;
  font-family: "MuotoCond" !important;
      letter-spacing: 1.6px;
}
.third-line {
  word-spacing: 5rem;
  font-size: 25px;
  font-family: "MuotoCond" !important;
      letter-spacing: 1.6px;
}
.precision {
  color: #071a43;
  text-align: center;
  font-family: "Cochin";
  font-size: 30px;
  font-style: italic;
  font-weight: 400;
  line-height: normal;
}


.product-slider__image-swiper,
.product-slider__product-swiper {
    animation: none !important;
    transition: none !important;
}

.swiper-button-next, .swiper-button-prev{
  border:none!important;
}

.customer:not(.addresses) .field input[type=text]:not([aria-invalid=true]), .customer:not(.addresses) .field input[type=email]:not([aria-invalid=true]), .customer:not(.addresses) .field input[type=tel]:not([aria-invalid=true]), .customer:not(.addresses) .field input[type=password]:not([aria-invalid=true]), .customer:not(.addresses) .field .field__input:not([aria-invalid=true]){
  border-radius:0px!important;
}

.drawer .cart-item .quantity{
      background-color: #FDFCF9!important;
}

dl.product-option__group.secondary_text{
  display:none!important
}

.placeholder-svg{
  display:none!important;
}

.header__menu-item{
  transition:none!important;
}

.credits{line-height:1; 
        font-size:10px;
        margin-top:5px}


.mediatest{
display: block !important;
    width: 300px !important;
    height: 300px !important;
    margin: 0 auto;
}


.button--simple:not([disabled]):not([aria-disabled=true]):hover, .customer .button--simple:not([disabled]):not([aria-disabled=true]):hover{
  color:#071A43!important;
}

.media-video video{
  position:relative!important; 
  width:50%!important; 
  margin:0 auto 30px;
}

.nav-tools__scroll-cell{
  display:none;
}

.product-carousel .nav-tools__arrows {
    justify-content:space-between;
}

.product-carousel .nav-tools__arrow--prev:after{
  display:none!important;
}


.multicolumn-list--img-bottom .multicolumn-list__wrapper--standard .multicolumn-card .multicolumn__link-overlay{
  bottom:0px!important;
  padding-top:inherit!important;
}

.multicolumn-card__image-wrapper img, .multicolumn-card__image-wrapper .placeholder-svg{
  max-height:400px!important;
}

/* RESPONSIVE */ 

.product-carousel__block{
  position:relative!important;
}

.product-carousel .nav-tools__arrows {
        position: absolute !important;
        top: 40% !important;
    }



@media screen and (min-width: 1200px) {
    .product-carousel__wrapper {
        width: 100%!important;
    }
}

.media-banner__slide-media_slide_WYBLtw{
  display:none!important;
}

.submit-btn {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 8px;
  background: transparent;
  border: none;
}

.submit-btn svg {
  width: 20px; /* Taille par défaut */
  height: auto;
}

.footer-center img{
  transition:none!important;
}

ul.header__submenu.list-menu.caption-large.motion-reduce.color-background-1{
  padding-top:80px; 
  top:0px; 
  z-index:-1;
}

.collection-product-list .collection-product-card{
  height:auto!important;
}

.featured-product
.media.media--transparent.media--portrait.media--hover-effect{
  padding-bottom:134%!important}

@media (max-width: 768px) {
  .submit-btn svg {
    width: 24px; /* Taille plus grande sur mobile */
    height: auto;
  }
}



@media (max-width: 969px) { /* Ajuste cette largeur en fonction de tes besoins */
   .multicolumn-list__wrapper--4 {
        grid-template-columns: repeat(2, 1fr)!important; /* 2 colonnes sur mobile */
        grid-auto-rows: auto!important; /* Assure des rangées automatiques */
        gap: 1rem; /* Garde l'espace entre les colonnes et les rangées */
    }
    .multicolumn-list__wrapper--4 > * {
        max-width: 100%!important; /* Empêche les débordements */
      grid-column: span 1!important;
    }
 #shopify-section-template--15926518612034__multicolumn .multicolumn-list{
    display:grid!important
  }
  .multicolumn-card__info{
    width:100%!important;
  }
  .multicolumn .container{
    padding-left:50px!important; 
    padding-right:50px!important
  }
  h3.multicolumn-card__heading.h2{
    word-spacing: 2rem!important;
  }
 #shopify-section-template--15926518612034__media_banner_gKCVLE.media-banner-section{
   padding:0px!important;
 }
  /*.product-slider__section{
    display:none!important;
  }*/
  .media-banner__content.media-banner__content--21\/9.media-banner__content--bottom.color-background-2{
    height:70vh!important;
  }
  .product-carousel{
    padding-right:2rem!important;
  }
  .footer-center{
    bottom:63%!important;
  }
  .product__outer--static-multicolumns-aside .product__info-container .product__info-main{
    padding:0px!important;
  }
  .section-product-recommendations{
    padding-top:0px!important;
  }
  .columns-wrapper h2{
    margin-top:20px!important;
  }
  .media-banner__slide {
  height:70vh!important;
  }
  .section-template--15926518612034__slideshow .slideshow__image, .slideshow__overlay{
    content:url(/cdn/shop/files/HERO-HOME-MOBILE.jpg?v=1733078180); 
    object-fit:cover;
  }
  .slideshow {
  min-height:66vh!important;
  }
  .container.slideshow__info--wrapper:before {
    content: url("");
    top: 90%!important;
    left: 50%;
    transition: opacity .3s ease-out, bottom .3s ease-out;
    background-image:url('/cdn/shop/files/logo-mob.svg?v=1733239580');
    background-size: contain;
    background-repeat: no-repeat;
    width: 90%;
    height: 180px;
    margin: 0 auto;
    z-index: 10; 
}
  .menu-drawer__account-register a.button.button--simple,
  .menu-opening .menu-drawer__bottom{
        justify-content:left!important;
    color:#071A43!important;
  }
  .menu-opening .menu-drawer__bottom{
    border-top:0px!important;
        padding-left:0px!important
  }
  .menu-drawer__menu-item,
  .list-menu__item,
  .menu-opening .menu-drawer__bottom .header__icons .header__icon--search span, .menu-opening .menu-drawer__bottom .header__icons .header__icon--search{
    font-size:18px!important;
    text-transform:uppercase;
   font-family: 'MuotoCond';
letter-spacing: 0.36px; 
  }
.no-js details[open]>.menu-drawer, .js details[open].menu-opening>.menu-drawer {
    visibility: visible;
    opacity: 1;
    margin-top: -65px;
    padding-top: 64px;
    background-color: #FDFCF9;
    z-index: -1;
  height:100vh!important;
}
  .row.p-desc {
    padding: 10px 2px !important;
  }
  .additional-info-section p {
    padding-left: 0px;
    padding-right: 0px;
  }
.menu-drawer__menu-item>.icon-caret {
        right: 13%;
        width: 100vw !important;
        z-index: 99999999;
    }
  .menu-drawer__menu-item a[href="#"]{
   pointer-events:none
  }
  #menu-drawer .menu-title {
  word-spacing:1.5rem
  }
   .search__input--icon-clear{
    top:20px!important; 
    right:10px!important;
  }
  .field input[type=text]:hover:not(:focus), .field input[type=email]:hover:not(:focus), .field input[type=tel]:hover:not(:focus), .field input[type=search]:hover:not(:focus), .field input[type=password]:hover:not(:focus), .field select:hover:not(:focus), .field .field__input:hover:not(:focus){
    border:none!important; 
    border-bottom:1px solid!important
  }
  input#Search-In-Template {
    border: none;
    border-bottom: 1px solid;
    border-radius: 0px;
}
 .login--button-home span{
   font-size:15px!important
 } 
  .product-slider__product-slider {
    max-width: 80%!important;
    margin:30px 80px!important;
}
  .template-index .header__icon .icon{
    color:#FCF999!important;
  }
  .shopify-section-header-sticky .header__icon .icon{
    color:#071A43!important;
  }
  .rich-text__heading.title--section.h1{
    font-size:30px!important;
    line-height:1!important;
  }
  #shopify-section-template--15926518612034__rich_text_4AnAhc .rich-text__heading.title--section.h1{
    font-size:20px!important
  }
  .rich-text__text p {
    font-size: 28px!important;
   word-spacing: 1.2em !important;
        margin-top: 15px !important;
    }
  .product-recommendations__wrapper,
  .collection-product-list {
    gap: 1rem!important;
}
  .swiper-pagination{
    bottom:20px!important;
  }
  .menu-drawer__navigation-container{
    overflow-y:scroll;
  }
  .menu-opening .grid-container{
    padding:0px!important; 
    gap:0px!important; 
  }
  .menu-drawer-container .image-container img{
    height:100px!important;
    width:auto!important;
  }
  .menu-drawer__menu-item {
    padding: 0.7rem 2rem!important;
  }
  .header__icon--menu {
    width: 5.4rem;
  }
 .grid-item:hover .menu-image{
   opacity:1!important;
 }
.menu-is-open .header__heading-logo{  
    content:url(/cdn/shop/files/logo-bleu-home-SES.svg?v=1727104580)!important;
}
  .menu-is-open .header__icons span{
    color:#071A43!important;
  }
 /* img.multicolumn-card__image.multicolumn-card__image--hover{
    display:none!important;
    opacity:0!important;
  }*/
 .multicolumn-card__image-wrapper {
    position: relative!important;
    width: 100%; /* Assure une largeur égale */
    height: 100px!important; /* Fixe une hauteur cohérente */
    overflow: hidden; /* Coupe les débordements des images */
}
/* S'assure que les images remplissent correctement le conteneur */
.multicolumn-card__image {
    width: 100%;
    height: 100%; /* Remplit toute la hauteur du conteneur */
    object-fit: cover; /* Maintient les proportions et remplit l'espace */
    object-position: center; /* Centre l'image dans le conteneur */
}
 .multicolumn-list--img-bottom .multicolumn-list__wrapper--standard .multicolumn-card .multicolumn__link-overlay {
    position: absolute !important;
    top: 0px!important;
    bottom: 1.6rem;
    padding-top:0px!important;
    height: 100% !important;
}
   .multicolumn-list__wrapper--4 .multicolumn-card:last-child {
grid-column: span 1!important;
}
  .multicolumn-card__image-wrapper:hover .multicolumn-card__image--default {
  opacity:1!important}
  .multicolumn-card__image-wrapper img, .multicolumn-card__image-wrapper .placeholder-svg{
    transform:none!important;
  }
.product-slider__image-slider__box {
    height: 70vh!important; /* Par exemple, la moitié de la hauteur de l'écran */
}
  .product-slider__image-slider__box video {
    position: static!important;
    width: 100%;
    height: auto; /* Laisse la hauteur ajustée automatiquement */
    object-fit: cover;
}
  .region-selector{
    margin-bottom:0px!important;
  }
    .footer-left {
    display: flex;
    flex-direction: column-reverse; /* Inverse l'ordre des enfants */
  }
  .footer-menu-left{
    margin-bottom:0px!important
  }
  .newsletter-signup{
    position: relative;
    margin: 0 auto;
    text-align: center;
    left: 0;
    right: 0;
    transform: translatex(50%);
}
 .swiper-button-prev {
        left:-5px!important;
      }
  form#contact_form{
      justify-content:center!important;
  }
  .mobile-only modal-opener.product__modal-opener.product__modal-opener--video.no-js-hidden{
    display:none!important;
  }
  .mobile-only .media>*:not(.zoom,.deferred-media__poster-button,.card__link){
    position:relative!important;
  }
  .mobile-only .swiper-slide .product__media img{
    height:490px!important;
  }
  #shopify-section-template--15926518612034__media_banner_gKCVLE .media-banner__slide{
    max-height:550px!important;
  }
  .media-banner__slide[data-index="3"] .media-banner__content{
    margin-bottom:0px!important;
  }
  .swiper-slide-next.is-outside,
  .swiper-slide-prev.is-outside{
    filter:blur(4px)!important;
      pointer-events:none!important
  }
  .product-carousel .nav-tools{
    display:block!important;
  }
  button.nav-tools__arrow.nav-tools__arrow--next.js-product-carousel-arrow-next.button.button--simple{
    position:absolute;
    right:0px;
  }
  .product-carousel .swiper-horizontal>.product-carousel .swiper-scrollbar, .product-carousel .swiper-scrollbar.swiper-scrollbar-horizontal{
    display:none!important;
  }
  .nav-tools.product-carousel_nav-tools{
    position:relative!important;
    top:-200px;
  }
  .additional-info-section .text-right p{
    padding-left:0px!important; 
    margin-left:0px!important;
  }
  .newsletter-signup h4{
    max-width:90%; 
      margin:30px auto 10px!important;      
  }
  .newsletter-signup{ 
    margin-bottom:60px;
  }
  .credits{
    font-size:6px;
  }
  .multicolumn-card__image-wrapper--portrait {
    padding-top: 66%!important;
}
  .deferred-media.media video{
        height: 490px!important;
    object-fit: cover;
}
  .media-banner__slide-media_slide_4JBa84 img{
    content:url(/cdn/shop/files/STILLS-WR009mob.jpg?v=1734511557)
  }
  .section-template--15926518612034__media-banner img {
    content:url(/cdn/shop/files/WRIST-MOBILE.jpg?v=1734511865)
  }
  .media-banner__slide-media_slide_HbtqaE{
    display:none!important;
  }
  .media-banner__slide-media_slide_WYBLtw{
  display:flex!important;
}
.multicolumn-card__image{
  object-fit:contain!important; 
}
ul.header__submenu.list-menu.caption-large.motion-reduce.color-background-1{
    padding-top:0px; 
    z-index:1; 
    top:10px
  }
  .footer-link{
    font-size:10px;
  }
  #newsletter-messages p{
    max-width:100%; 
    font-size:7px!important
  }
}

@media(min-width:768px) and (max-width:1024px){
      .container.slideshow__info--wrapper:before{
        top:76%!important; 
        width:600px!important
      }
  .footer {
    padding-top:10%!important;
}
  .footer-center{
    bottom:250px!important
  }
}