/*
 * SKI FLAKE Header - surcharges CSS
 * Thème enfant de :leo_aprin_elements
 */

/* =========================================================
CSS GENERAL
========================================================= */
::selection{background-color:#03D9FF;color:#191b1c}
body{background-color:#F4F3F0;font-family:'IBM Plex Sans',sans-serif}
a{font-weight:bold}
a:hover{color:#03D9FF;transition:color .25s ease}
h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6{font-family:"Saira Condensed",Sans-serif}
#footer a{font-weight:normal}
.elementor-widget-heading .elementor-heading-title{margin-bottom:20px!important}
.elementor-widget-text-editor h2{font-size:18pt;margin:40px 0 15px}
.elementor-widget-text-editor p{margin-bottom:15px}
.form-select:focus,.form-control:focus{box-shadow:none}
.form-control,.form-select{font-size:14px}
.form-control{background:transparent!important;border:1px solid #ddd}
.form-label.required:after{color:#03d9ff}
.modal p{font-family:'IBM Plex Sans',sans-serif!important}
.mfp-close{right:10px;top:10px}
.mfp-close:active{top:10px}
.swal2-container button:focus{outline:none}

/* =========================================================
SKI FLAKE - CUSTOM HEADER
========================================================= */
.sf-header{font-family:'IBM Plex Mono',monospace;color:#191b1c;position:relative;z-index:10}
.sf-header a{color:#191b1c;font-size:12px;text-decoration:none;font-weight:600}
.sf-header .sf-nav ul > li:nth-child(3) a{text-transform:capitalize} /* Contact / contact (EN) : ID différent selon la langue */
.sf-header a:hover{color:#03D9FF}
.header-top{display:none}

/* Barre utilitaire */
.sf-utility-bar{display:flex;align-items:center;justify-content:space-between;padding:4px 48px 4.5px;border-bottom:0.5px solid #BFBEBB;font-size:10px}
.sf-utility-info{display:flex;gap:28px;list-style:none;margin:0;padding:0}
.sf-utility-info li:first-child{color:#03D9FF;margin-left:20px}

/* Sélecteur de langue (header.tpl) : drapeaux seuls, langue affichée en couleurs vives, autres atténuées */
.sf-utility-lang{display:flex;align-items:center;gap:10px}
.sf-utility-lang a{color:#191b1c;font-size:10px;text-decoration:none}
.sf-utility-lang span{color:#191b1c;font-size:11px}
.sf-utility-lang .sf-lang{position:relative;display:inline-flex;align-items:center;gap:0;padding:2px 0;line-height:1;transition:color .2s ease}
.sf-utility-lang .sf-lang__flag{display:block;flex:0 0 auto;width:18px;height:12px;object-fit:cover;box-shadow:0 0 0 .5px rgba(25,27,28,.35);opacity:.55;filter:saturate(.6);transition:opacity .2s ease,filter .2s ease}
.sf-utility-lang .sf-lang__code{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0} /* code masqué à l'écran, toujours lu par les lecteurs d'écran */
.sf-utility-lang .sf-lang:hover .sf-lang__flag,.sf-utility-lang .sf-lang:focus-visible .sf-lang__flag,.sf-utility-lang .sf-lang.is-current .sf-lang__flag{opacity:1;filter:none}
.sf-utility-lang .sf-lang.is-current{color:#191b1c}
.sf-utility-lang .sf-lang:focus-visible{outline:1px solid #03D9FF;outline-offset:2px}
.sf-utility-lang .sf-lang__sep{display:none} /* barres « / » masquées : drapeaux seuls */

/* Barre principale */
.sf-main-bar{display:flex;align-items:center;justify-content:space-between;gap:clamp(24px,2.5vw,56px);padding:0 32px 0 48px;background:#F4F3F0;border-bottom:0px solid #BFBEBB} /* gap fluide : 56px fixe faisait déborder le menu sous les actions entre 1600 et 1700px */
.sf-logo img{height:32px;width:auto;display:block}
.sf-logo,.sf-actions{flex-shrink:0}

/* Menu displayNav */
.sf-nav{flex:1;min-width:0;margin-left:clamp(32px,3vw,64px)} 
.sf-nav .block-title,.sf-nav .h3{display:none}
.sf-nav .row{margin:0;flex-wrap:nowrap}
.sf-nav .wrapper{flex:1 1 auto;width:100%;max-width:none;padding:0} /* annule le col-md-6 (50%) qui faisait passer les liens sur 2-3 lignes */
.sf-nav ul{display:flex;flex-wrap:nowrap;gap:0;list-style:none;margin:0;padding:0}
.sf-nav ul li{white-space:nowrap;height:70px;line-height:66px;padding:0 clamp(20px,1.6vw,30px);border-right:1px solid #ddd;font-weight: 500;position:relative}
.sf-nav ul li:hover:after,.sf-nav ul li.active:after{content:"";position:absolute;bottom:0;left:0;height:5px;width:100%;background:#03d9ff}

/* Actions (recherche / compte / panier) */
.sf-actions{display:flex;align-items:center;gap:17px;margin-left:auto}
.sf-action-link{font-size:12px;color:#191B1C;text-decoration:none;cursor:pointer;text-transform:capitalize;margin-bottom:0}
.sf-action-link.sf-cart{color:#191B1C}
.sf-cart{border:1px solid #191B1C;padding:6px 16px;color:#03d9ff;transition:color .25s ease}

/* Alignement Recherche / Compte / Panier */
@media (min-width:576px){
  .sf-search{display:flex;align-items:center}
  .sf-header .sf-action-link{display:inline-flex;align-items:center;height:32px;margin:0;line-height:1;white-space:nowrap;vertical-align:middle}
  .sf-header .sf-cart{padding:0 16px;box-sizing:border-box}
}
.sf-cart-count{font-weight:600}
.sf-cart:hover{border-color:#03d9ff;color:#03d9ff}

/* Recherche en accordéon CSS (sans JS) */
.sf-search{position:relative}
.sf-search-toggle-input{position:absolute;opacity:0;pointer-events:none}
.sf-search-form{display:none;position:absolute;top:28px;right:0;background:#F4F3F0;border:1px solid #8A8987;padding:6px;gap:6px;z-index:10}
.sf-search-toggle-input:checked ~ .sf-search-form{display:flex}
.sf-search-form input{border:none;background:transparent;font-family:inherit;font-size:12px;outline:none;width:180px}
.sf-search-form button{border:none;background:transparent;cursor:pointer;font-family:inherit}
.sf-search-form input::placeholder{color:#8A8987;opacity:1}

/* Desktop : le champ s'ouvre SOUS le header */
@media (min-width:1280px){
  .sf-main-bar{position:relative}
  .sf-search{position:static} /* le formulaire se positionne par rapport à toute la barre */
  .sf-search-form{top:100%;right:32px;margin-top:0;box-shadow:0 6px 16px rgba(25,27,28,.08);z-index:20}
}

#layout-error .logo{margin:0 45px 40px}

/* =========================================================
   SKI FLAKE - HEADER RESPONSIVE (mobile / tablette)
   ========================================================= */

   .sf-burger{display:none;align-items:center;justify-content:center;width:32px;height:32px;padding:0;margin:0 -7px 0 0;border:0;background:transparent;cursor:pointer;color:#191B1C;-webkit-tap-highlight-color:transparent}
   .sf-burger:hover,.sf-burger:focus-visible{color:#03D9FF;transition:color .25s ease}
   .sf-burger:focus:not(:focus-visible){outline:0}
   .sf-burger svg{display:block;width:18px;height:18px;pointer-events:none}
   .sf-burger .sf-icon-close{display:none}
   .sf-menu-open .sf-burger .sf-icon-open{display:none}
   .sf-menu-open .sf-burger .sf-icon-close{display:block}

   /* Laptops (1280-1599px) : ajustements header */
   @media (min-width:1280px) and (max-width:1599px){
    .sf-utility-bar{padding:4px 24px 4.5px 32px}
    .sf-main-bar{gap:clamp(16px,1.2vw,24px);padding:0 24px 0 32px}
    .sf-logo img{height:28px}
    .sf-nav ul{gap:0}
    .sf-nav{margin-left:clamp(24px,2vw,32px)}
    .sf-nav ul li{padding:0 clamp(16px,1.25vw,20px)}
    .sf-actions{gap:clamp(12px,1vw,16px)}
    .sf-search-form{right:24px}
 }
 /* Petits laptops (1280-1439px) */
 @media (min-width:1280px) and (max-width:1439px){
    .sf-utility-bar{padding:4px 20px 4.5px 24px}
    .sf-main-bar{gap:16px;padding:0 20px 0 24px}
    .sf-logo img{height:24px}
    .sf-nav{margin-left:24px}
    .sf-nav ul li{padding:0 16px}
    .sf-header .sf-nav a,.sf-header .sf-action-link{font-size:11px}
    .sf-actions{gap:12px}
    .sf-header .sf-cart{padding:0 12px}
    .sf-search-form{right:20px}
 }

 @media (max-width:1199px){
    .sf-utility-bar{padding:4px 32px 4.5px}
 }

 @media (max-width:991px){
    .sf-utility-bar{padding:4px 24px 4.5px}
    .sf-utility-info{gap:16px}
    .sf-utility-info li:first-child{margin-left:0}
 }

 /* bascule en burger */
 @media (max-width:1279px){
    .sf-main-bar{display:grid;grid-template-columns:auto 1fr auto;grid-template-areas:"logo actions burger" "nav nav nav";align-items:center;column-gap:24px;row-gap:0;padding:14px 24px}
    .sf-logo{grid-area:logo}
    .sf-logo img{height:28px}
    .sf-actions{grid-area:actions;justify-self:end;gap:16px}
    .sf-burger{display:inline-flex;grid-area:burger}

    .sf-nav{grid-area:nav;display:none;margin:14px -24px -14px;border-top:0.5px solid #BFBEBB}
    .sf-menu-open .sf-nav{display:block}
    .sf-nav .title{display:none!important}
    .sf-nav .row{margin:0}
    .sf-nav .wrapper{flex:0 0 100%;max-width:100%;padding:0}
    .sf-nav ul,.sf-nav ul.collapse{display:flex!important;flex-direction:column;gap:0}
    .sf-nav ul li{height:auto;line-height:1.4;padding:0;border:0!important} /* annule hauteur 70px / bordures du desktop */
    .sf-nav ul li:hover:after,.sf-nav ul li.active:after{top:0;bottom:0;width:3px;height:auto}
    .sf-nav ul li a{display:block;padding:14px 24px;border-bottom:0.5px solid #BFBEBB}
 }

 @media (max-width:767px){
    .sf-utility-bar{justify-content:flex-end;padding:4px 16px 4.5px}
    .sf-utility-info{display:none}
    .sf-main-bar{column-gap:16px;padding:12px 16px}
    .sf-logo img{height:24px}
    .sf-nav{margin:12px -16px -12px}
    .sf-nav ul li a{padding:14px 16px}
 }

 @media (max-width:575px){
    .sf-main-bar{grid-template-columns:1fr auto auto;grid-template-areas:"logo cart burger" "nav nav nav" "account account account" "search search search"}
    .sf-actions{display:contents}
    .sf-cart{grid-area:cart;padding:6px 12px}

    .sf-menu-open .sf-nav{margin-bottom:0}
    .sf-actions > .sf-action-link:not(.sf-cart){grid-area:account;display:none;margin:0 -16px;padding:14px 16px;border-bottom:0.5px solid #BFBEBB;color:#373A3C}
    .sf-search{grid-area:search;display:none;margin:0 -16px -12px;padding:12px 16px 16px}
    .sf-menu-open .sf-actions > .sf-action-link:not(.sf-cart){display:block}
    .sf-menu-open .sf-search{display:block}
    .sf-search > label{display:none}
    .sf-search-form{display:flex;position:static;width:100%}
    .sf-search-form input{flex:1;width:auto;min-width:0}
 }


    /* =========================================================
    SKI FLAKE - PAGE CMS
    ========================================================= */
    body:not(#index)  .sf-utility-bar{border-bottom:none}
    body:not(#index) .sf-main-bar{border:0.5px solid #BFBEBB}
    body:not(#index) #wrapper{font-size:14px;color:#666666;line-height:normal}
    #cms .page-header h1{text-align:center;font-size:42px;letter-spacing:1px}
    #cms h1{font-family:"Barlow Condensed",Sans-serif;font-size:30px;font-weight: 700;text-transform:uppercase}
    #cms h3{margin-top:32px}
    #cms h2,#cms .h2{font-size:28px;font-weight:600}
    #cms .page a{color:#666}
    #h1Subtitle p{letter-spacing:3px;font-size:9pt}
    .page-content.page-cms{background:none;text-align:initial}
    /* Mobile : le contenu Leo Elements (.container-parent) ajoutait sa marge à celle de la page : texte sur 245px sur 360px. Hors « Qui sommes-nous » (cms-id-6, pleine largeur) */
    @media (max-width:767px){
      body.cms-id-6 #wrapper{margin-top:0!important;}
      #cms:not(.cms-id-6) .page-content.page-cms{padding-left:0;padding-right:0}
      #cms:not(.cms-id-6) .page-content.page-cms > .container-parent{padding-left:0;padding-right:0}
      #cms:not(.cms-id-6) section#main{padding-top:26px} /* breadcrumb masqué en mobile : le H1 collait au header (même retrait que Mon compte / Connexion) */
   }

/* =========================================================
   SKI FLAKE - BREADCRUMB 
   ========================================================= */

/* --sf-gutter : marge gauche du header
   --sf-container : largeur d'origine du .container Bootstrap */
   :root{--sf-gutter:48px;--sf-container:1200px}
   @media (max-width:1599px){:root{--sf-gutter:32px}}
   @media (max-width:1439px){:root{--sf-gutter:24px}}
   @media (max-width:1199px){:root{--sf-container:960px}}
   @media (max-width:991px){:root{--sf-container:100%}}
   @media (max-width:767px){:root{--sf-gutter:16px}}

/* Mise en forme commune (reprend celle des catégories / du blog) */
body:not(#index) #wrapper .breadcrumb{font-size:12px}
body:not(#index) #wrapper .breadcrumb li::after{color:#03D9FF;content:'\2192'}
body:not(#index) #wrapper .breadcrumb li:last-child::after{content:none}

/* Alignement : le conteneur passe en pleine largeur, le breadcrumb prend la marge du header,
   le reste du contenu garde exactement sa largeur et son centrage d'origine */
   body:not(#index):not([id^="module-leoblog"]) #wrapper > .container{width:100%;max-width:none;padding-left:0;padding-right:0}
   body:not(#index):not([id^="module-leoblog"]) #wrapper > .container > .breadcrumb{padding-left:calc(var(--sf-gutter) + 2px);padding-right:var(--sf-gutter)} /* +2px : bordure du header + approche du « S » dans le SVG */
   body:not(#index):not([id^="module-leoblog"]) #wrapper > .container > :not(.breadcrumb){box-sizing:border-box;width:auto;max-width:var(--sf-container);margin-left:auto;margin-right:auto;padding-left:15px;padding-right:15px}
   body:not(#index):not([id^="module-leoblog"]) #wrapper > .container > .row{padding-left:0;padding-right:0} /* la .row garde ses colonnes à 15px */

/* =========================================================
   SKI FLAKE - PAGE CART
   ========================================================= */
   #cart #wrapper{margin-top:20px;} /* 100px laissaient un grand vide sous le header : aligné sur la commande (#checkout) */
   #cart .product-price strong{font-weight:600} 

/* =========================================================
   SKI FLAKE - PANIER, CONNEXION, CRÉATION DE COMPTE, MOT DE PASSE OUBLIÉ
   Même langage que la fiche produit et la commande : cartes blanches à filet gris,
   filet cyan en tête, titres Saira Condensed bleu marine, textes IBM Plex Sans,
   bouton principal cyan qui passe au bleu marine au survol, coins 4px.
   ========================================================= */
   body#cart,body#authentication,body#registration,body#password{--sf-navy:#0F1F38;--sf-cyan:#03D9FF;--sf-cyan-text:#00A3CF;--sf-cyan-soft:#E9FBFF;--sf-text:#4A5561;--sf-muted:#7A8590;--sf-line:#D6DDE4;--sf-radius:4px}

/* ---------- Panier ---------- */
body#cart section#main{padding:50px 0 64px}
body#cart .cart-grid{align-items:flex-start}
body#cart .card{background:#fff;border:1px solid var(--sf-line);border-radius:var(--sf-radius);box-shadow:none}
body#cart .cart-container{margin:0 0 18px}
body#cart .cart-container > .card-block{padding:28px 32px 22px}
body#cart .cart-container h1{margin:0;font-family:"Saira Condensed",sans-serif;font-size:34px;font-weight:700;line-height:1;letter-spacing:.01em;text-transform:uppercase;color:var(--sf-navy)}
body#cart .cart-container h1::after{content:"";display:block;width:56px;height:4px;margin-top:16px;background:var(--sf-cyan)}
body#cart .cart-container .separator{margin:0;border-top:1px solid var(--sf-line)}
body#cart .cart-overview{padding:0 32px}
body#cart .cart-items{margin:0;padding:0;list-style:none}
body#cart .cart-item{padding:24px 0;border-bottom:1px solid #EEF2F6}
body#cart .cart-item:last-child{border-bottom:0}
body#cart .product-line-grid{display:flex;flex-wrap:wrap;align-items:center;margin:0}
body#cart .product-line-grid-left{flex:0 0 120px;max-width:120px;width:120px;padding:0}
body#cart .product-line-grid-left .product-image img{display:block;width:100%;height:auto;aspect-ratio:1/1;object-fit:cover;background:#F4F3F0;border:1px solid var(--sf-line);border-radius:var(--sf-radius)}
body#cart .product-line-grid-body{flex:1 1 0;max-width:none;width:auto;min-width:0;padding:0 24px}
body#cart .product-line-grid-right{flex:0 0 250px;max-width:250px;width:250px;padding:0}
body#cart .product-line-info{margin:0 0 4px;font-family:'IBM Plex Sans',sans-serif;font-size:13px;line-height:1.5;color:var(--sf-text)}
body#cart .product-line-info a.label{display:inline-block;margin:0 0 6px;font-family:"Saira Condensed",sans-serif;font-size:21px;font-weight:700;line-height:1.05;text-transform:uppercase;color:var(--sf-navy);text-decoration:none;transition:color .2s ease}
body#cart .product-line-info a.label:hover{color:var(--sf-cyan-text)}
body#cart .product-line-info.product-price{margin:0 0 10px;font-family:"Saira Condensed",sans-serif;font-size:20px;font-weight:700;color:var(--sf-cyan-text)}
body#cart .product-line-info.product-price .current-price,body#cart .product-line-info.product-price .price{font:inherit;color:var(--sf-cyan)}
body#cart .product-line-info .label:not(a){font-weight:600;color:var(--sf-navy)}
body#cart .product-line-info .value{color:var(--sf-text)}
body#cart .product-line-actions > .row{display:flex;align-items:center;margin:0}
body#cart .product-line-actions > .row > .col-md-10{flex:1 1 auto;max-width:none;width:auto;padding:0}
body#cart .product-line-actions > .row > .col-md-2{flex:0 0 auto;width:auto;padding:0 0 0 14px}
body#cart .product-line-actions > .row > .hidden-md-up:empty{display:none}
body#cart .product-line-actions .col-md-10 > .row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0}
body#cart .product-line-actions .qty,body#cart .product-line-actions .price{flex:0 0 auto;width:auto;max-width:none;padding:0}
body#cart .product-line-actions .price{text-align:right;font-family:"Saira Condensed",sans-serif;font-size:21px;font-weight:700;color:var(--sf-navy)}
body#cart .product-line-actions .price strong{font-weight:700}
/* Quantité : même champ que la fiche produit */
body#cart .bootstrap-touchspin{display:flex;align-items:stretch;width:auto;height:44px;border:1px solid var(--sf-line);border-radius:var(--sf-radius);background:#fff;overflow:hidden}
body#cart .bootstrap-touchspin .js-cart-line-product-quantity{width:46px;height:42px;padding:0;border:0;box-shadow:none;background:transparent;font-family:'IBM Plex Sans',sans-serif;font-size:15px;font-weight:600;text-align:center;color:var(--sf-navy)}
body#cart .bootstrap-touchspin .input-group-btn-vertical{display:flex;flex-direction:column;width:30px;border-left:1px solid var(--sf-line)}
body#cart .bootstrap-touchspin .input-group-btn-vertical .btn{flex:1 1 50%;position:relative;width:100%;height:auto;margin:0;padding:0;background:#fff;border:0;border-radius:0;color:var(--sf-navy)}
body#cart .bootstrap-touchspin .input-group-btn-vertical .btn + .btn{border-top:1px solid var(--sf-line)}
body#cart .bootstrap-touchspin .input-group-btn-vertical .btn:hover{background:var(--sf-cyan-soft)}
body#cart .bootstrap-touchspin .input-group-btn-vertical i{position:static;font-size:16px;line-height:1}
body#cart .remove-from-cart{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border:1px solid var(--sf-line);border-radius:50%;color:var(--sf-muted);transition:color .2s ease,border-color .2s ease,background-color .2s ease}
body#cart .remove-from-cart:hover,body#cart .remove-from-cart:focus-visible{background:#FDEDEE;border-color:#E5484D;color:#E5484D}
body#cart .remove-from-cart .material-icons{float:none!important;margin:0;font-size:19px;line-height:1}
/* Lien « Continuer mes achats » */
body#cart .cart-grid-body > a.label{display:inline-flex;align-items:center;gap:6px;margin:4px 0 0;font-family:'IBM Plex Mono',monospace;font-size:12px;font-weight:500;letter-spacing:.06em;text-transform:uppercase;color:var(--sf-navy);text-decoration:none;transition:color .2s ease}
body#cart .cart-grid-body > a.label:hover{color:var(--sf-cyan-text)}
body#cart .cart-grid-body > a.label .material-icons{font-size:18px}
/* Panier vide */
body#cart .cart-overview .no-items{display:block;padding:28px 0 32px;font-family:'IBM Plex Sans',sans-serif;font-size:15px;color:var(--sf-text)}

/* Récapitulatif : filet cyan en tête, reste visible au défilement sur ordinateur */
body#cart .cart-summary{border-top:4px solid var(--sf-cyan);box-shadow:0 14px 34px rgba(15,31,56,.06)}
body#cart .cart-summary .card-block{padding:22px 28px}
body#cart .cart-detailed-subtotals{padding-bottom:10px!important}
body#cart .cart-summary-line{display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin:0;padding:8px 0;font-family:'IBM Plex Sans',sans-serif;font-size:14px;line-height:1.4;color:var(--sf-text)}
body#cart .cart-summary-line::after{content:none}
body#cart .cart-summary-line .label{float:none;padding:0;font-weight:400;color:inherit}
body#cart .cart-summary-line .value{float:none;font-weight:600;color:var(--sf-navy);white-space:nowrap}
body#cart .cart-summary-line small.value:empty,body#cart .cart-summary-line > div:has(> small:empty){display:none}
body#cart .cart-summary-totals{margin:0 28px;padding:14px 0!important;background:none;border-top:1px solid var(--sf-line)}
body#cart .cart-summary-line.cart-total{padding:0;border-top:none;}
body#cart .cart-summary-line.cart-total .label{font-family:"Saira Condensed",sans-serif;font-size:20px;font-weight:700;text-transform:uppercase;color:var(--sf-navy)}
body#cart .cart-summary-line.cart-total .value{font-family:"Saira Condensed",sans-serif;font-size:28px;font-weight:700;line-height:1;color:var(--sf-cyan)}
body#cart .cart-summary .checkout{padding:6px 28px 28px!important}
body#cart .cart-summary .checkout .btn-primary{display:flex;align-items:center;justify-content:center;width:100%;height:50px;margin:0;padding:0 24px;background:var(--sf-cyan)!important;border:1px solid var(--sf-cyan)!important;border-radius:var(--sf-radius);box-shadow:none;font-family:"Saira Condensed",sans-serif;font-size:19px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--sf-navy)!important;transition:background-color .2s ease,border-color .2s ease,color .2s ease}
body#cart .cart-summary .checkout .btn-primary:hover,body#cart .cart-summary .checkout .btn-primary:focus-visible{background:var(--sf-navy)!important;border-color:var(--sf-navy)!important;color:#fff!important}
body#cart .cart-summary .checkout .btn-primary.disabled,body#cart .cart-summary .checkout .btn-primary:disabled{background:#E6EAEE!important;border-color:#E6EAEE!important;color:#9AA4AF!important;opacity:1;cursor:not-allowed;pointer-events:none} /* panier vide */
body#cart .cart-summary .checkout .alert{margin:0 0 12px;font-size:13px}
/* Code promo (affiché s'il est activé dans le BO) */
body#cart .block-promo .promo-code-button,body#cart .block-promo .collapse-button{font-family:'IBM Plex Sans',sans-serif;font-size:13px;font-weight:500;color:var(--sf-cyan-text)}
body#cart .block-promo .promo-input{height:42px;border:1px solid var(--sf-line);border-radius:var(--sf-radius) 0 0 var(--sf-radius)}
body#cart .block-promo form .btn{height:42px;border-radius:0 var(--sf-radius) var(--sf-radius) 0;background:var(--sf-navy);font-family:"Saira Condensed",sans-serif;letter-spacing:.04em}
@media (min-width:992px){
  body#cart .cart-grid-right{position:sticky;top:24px}
}
@media (min-width:992px) and (max-width:1199px){
  body#cart .product-line-grid-left{flex-basis:96px;max-width:96px;width:96px}
  body#cart .product-line-grid-body{padding:0 18px}
  body#cart .product-line-grid-right{flex:1 1 100%;max-width:none;width:100%;margin-top:14px;padding-left:114px}
}
@media (max-width:767px){
  #cart #wrapper{margin-top:0}
  body#cart section#main{padding:26px 0 40px}
  body#cart .cart-container > .card-block{padding:22px 18px 18px}
  body#cart .cart-container h1{font-size:28px}
  body#cart .cart-overview{padding:0 18px}
  body#cart .cart-item{padding:18px 0}
  body#cart .product-line-grid{align-items:flex-start}
  body#cart .product-line-grid-left{flex-basis:84px;max-width:84px;width:84px}
  body#cart .product-line-grid-body{padding:0 0 0 14px}
  body#cart .product-line-info a.label{font-size:18px}
  body#cart .product-line-info.product-price{font-size:18px;margin-bottom:6px}
  body#cart .product-line-info{font-size:12px}
  /* quantité, total de la ligne et corbeille sur une ligne sous la photo */
  body#cart .product-line-grid-right{flex:1 1 100%;max-width:none;width:100%;margin-top:14px;padding-left:98px}
  body#cart .product-line-actions .price{font-size:19px}
  body#cart .cart-summary .card-block{padding:18px 18px}
  body#cart .cart-summary-totals{margin:0 18px}
  body#cart .cart-summary .checkout{padding:6px 18px 20px!important}
}
@media (max-width:399px){
  body#cart .product-line-grid-right{padding-left:0}
}

/* ---------- Connexion, création de compte, mot de passe oublié ---------- */
body:is(#authentication,#registration,#password) section#main{padding:44px 0 72px}
body:is(#authentication,#registration,#password) .page-header{margin:0 0 30px;text-align:center}
body:is(#authentication,#registration,#password) .page-header h1{margin:0;font-family:"Saira Condensed",sans-serif;font-size:clamp(32px,3.4vw,44px);font-weight:700;line-height:1.02;letter-spacing:0;text-transform:uppercase;color:var(--sf-navy)}
body:is(#authentication,#registration,#password) .page-header h1::after{content:"";display:block;width:72px;height:4px;margin:18px auto 0;background:var(--sf-cyan)}
body:is(#authentication,#registration,#password) #content.page-content{width:100%;max-width:560px;margin:0 auto;padding:36px 40px 32px;background:#fff;border:1px solid var(--sf-line);border-top:4px solid var(--sf-cyan);border-radius:var(--sf-radius);box-shadow:0 14px 34px rgba(15,31,56,.06);font-family:'IBM Plex Sans',sans-serif;font-size:14px;color:var(--sf-text)}
body#registration #content.page-content{max-width:680px}
body:is(#authentication,#registration,#password) .page-footer:empty{display:none}

/* Champs : libellé au-dessus, champ sur toute la largeur */
body:is(#authentication,#registration,#password) #content .form-group.row{display:flex;flex-wrap:wrap;align-items:baseline;margin:0 0 18px}
body:is(#authentication,#registration,#password) #content .form-group.row > .form-control-label{order:1;flex:1 1 auto;width:auto;max-width:none;margin:0 0 7px;padding:0;text-align:left;font-size:13px;font-weight:600;color:var(--sf-navy)}
body:is(#authentication,#registration,#password) #content .form-group.row > .form-control-label:empty{display:none}
body:is(#authentication,#registration,#password) #content .form-group.row > .form-control-comment{order:2;flex:0 0 auto;width:auto;max-width:none;margin:0 0 7px;padding:0;font-size:12px;color:var(--sf-muted)}
body:is(#authentication,#registration,#password) #content .form-group.row > .form-control-comment:empty{display:none}
body:is(#authentication,#registration,#password) #content .form-group.row > .js-input-column{order:3;flex:0 0 100%;width:100%;max-width:100%;padding:0}
body:is(#authentication,#registration,#password) #content .form-control{height:46px;padding:10px 14px;background:#fff;border:1px solid var(--sf-line);border-radius:var(--sf-radius);box-shadow:none;font-family:'IBM Plex Sans',sans-serif;font-size:15px;color:var(--sf-navy);transition:border-color .2s ease,box-shadow .2s ease}
body:is(#authentication,#registration,#password) #content .form-control::placeholder{color:#A3ACB5}
body:is(#authentication,#registration,#password) #content .form-control:focus{border-color:var(--sf-cyan);box-shadow:0 0 0 3px var(--sf-cyan-soft);outline:0}
body:is(#authentication,#registration,#password) #content .js-input-column > .form-control-comment{display:block;margin-top:6px;font-size:12px;line-height:1.45;color:var(--sf-muted)}
body:is(#authentication,#registration,#password) #content .input-group{display:flex;width:100%}
body:is(#authentication,#registration,#password) #content .input-group .form-control{flex:1 1 auto;min-width:0;border-radius:var(--sf-radius) 0 0 var(--sf-radius)}
body:is(#authentication,#registration,#password) #content .input-group-btn{display:flex;width:auto}
body:is(#authentication,#registration,#password) #content .input-group-btn .btn{height:46px;margin:0;padding:0 16px;background:var(--sf-navy);border:1px solid var(--sf-navy);border-radius:0 var(--sf-radius) var(--sf-radius) 0;box-shadow:none;font-family:"Saira Condensed",sans-serif;font-size:14px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#fff;transition:background-color .2s ease}
body:is(#authentication,#registration,#password) #content .input-group-btn .btn:hover{background:#1C3358}
body:is(#authentication,#registration,#password) #content .help-block,body:is(#authentication,#registration,#password) #content .alert{border-radius:var(--sf-radius);font-size:13px}

/* Boutons radio (M. / Mme) et cases à cocher */
body:is(#authentication,#registration,#password) #content .radio-inline{display:inline-flex;align-items:center;gap:8px;margin:0 22px 0 0;padding:0;font-size:14px;line-height:20px;color:var(--sf-navy);cursor:pointer}
body:is(#authentication,#registration,#password) #content .radio-inline .custom-radio{flex:0 0 auto;margin:0!important;top:0}
body:is(#authentication,#registration,#password) #content .custom-checkbox{display:block}
body:is(#authentication,#registration,#password) #content .custom-checkbox > label{position:relative;display:block;margin:0;padding:0 0 0 30px;font-size:13px;font-weight:400;line-height:1.5;color:var(--sf-navy);cursor:pointer}
body:is(#authentication,#registration,#password) #content .custom-checkbox > label em{display:block;margin-top:3px;padding:0;font-size:12px;font-style:normal;line-height:1.5;color:var(--sf-muted)}
body:is(#authentication,#registration,#password) #content .custom-checkbox input[type="checkbox"]{position:absolute;left:0;top:1px;width:18px;height:18px;margin:0;opacity:0;cursor:pointer}
body:is(#authentication,#registration,#password) #content .custom-checkbox input[type="checkbox"] + span{position:absolute;left:0;top:1px;display:flex;align-items:center;justify-content:center;width:18px;height:18px;margin:0;background:#fff;border:1px solid #AEB8C2;border-radius:3px;pointer-events:none;transition:background-color .2s ease,border-color .2s ease}
body:is(#authentication,#registration,#password) #content .custom-checkbox input[type="checkbox"]:checked + span{background:var(--sf-cyan);border-color:var(--sf-cyan)}
body:is(#authentication,#registration,#password) #content .custom-checkbox input[type="checkbox"]:focus-visible + span{box-shadow:0 0 0 3px var(--sf-cyan-soft);border-color:var(--sf-cyan)}
body:is(#authentication,#registration,#password) #content .custom-checkbox .checkbox-checked{margin:0;font-size:15px;line-height:1;color:var(--sf-navy)}
body#registration #content .form-footer{margin-top:26px}
body:is(#authentication,#registration,#password) #content a:not(.btn){color:var(--sf-cyan-text);font-weight:500;text-decoration:none}
body:is(#authentication,#registration,#password) #content a:not(.btn):hover{color:var(--sf-navy);text-decoration:underline;text-underline-offset:3px}

/* Bouton principal = bouton « Ajouter au panier » de la fiche produit */
body:is(#authentication,#registration,#password) #content .form-footer{margin:8px 0 0;text-align:center}
body:is(#authentication,#registration,#password) #content .form-footer .btn-primary,body:is(#authentication,#registration,#password) #content .form-footer button[type="submit"]{display:flex;align-items:center;justify-content:center;width:100%;height:50px;margin:0;padding:0 24px;background:var(--sf-cyan)!important;border:1px solid var(--sf-cyan)!important;border-radius:var(--sf-radius);box-shadow:none;font-family:"Saira Condensed",sans-serif;font-size:19px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--sf-navy)!important;transition:background-color .2s ease,border-color .2s ease,color .2s ease}
body:is(#authentication,#registration,#password) #content .form-footer .btn-primary:hover,body:is(#authentication,#registration,#password) #content .form-footer .btn-primary:focus-visible,body:is(#authentication,#registration,#password) #content .form-footer button[type="submit"]:hover{background:var(--sf-navy)!important;border-color:var(--sf-navy)!important;color:#fff!important}

/* Connexion : « Mot de passe oublié ? » sous le champ, « Pas de compte ? » en pied de carte */
body#authentication #content .forgot-password{margin:-6px 0 22px;text-align:right}
body#authentication #content .forgot-password a{font-size:13px}
body#authentication #content hr{margin:26px 0 20px;border:0;border-top:1px solid var(--sf-line)}
body#authentication #content .no-account{text-align:center}
body#authentication #content .no-account a{font-family:'IBM Plex Sans',sans-serif;font-size:14px;font-weight:400;color:var(--sf-text)}
body#authentication #content .no-account a:hover{color:var(--sf-navy);text-decoration:none}

/* Création de compte : « Vous avez déjà un compte ? » en tête de carte */
body#registration #content .register-form > p{margin:0 0 26px;padding:0 0 18px;border-bottom:1px solid var(--sf-line);text-align:center;font-size:14px;color:var(--sf-text)}
body#registration #content .form-group.row:has(.custom-checkbox){margin-bottom:12px}

/* Mot de passe oublié */
body#password #content form > header p{margin:0 0 22px;text-align:center;font-size:14px;line-height:1.6;color:var(--sf-text)}
body#password #content .center-email-fields{display:flex;flex-direction:column;align-items:stretch;gap:12px;margin:0}
body#password #content .center-email-fields > *{order:0!important;flex:0 0 auto!important;width:100%!important;max-width:none!important;margin:0!important;padding:0}
body#password #content .center-email-fields > .form-control-label{margin-bottom:-4px!important}
body#password #content .center-email-fields .form-control-submit{display:flex;align-items:center;justify-content:center;width:100%;height:50px;background:var(--sf-cyan)!important;border:1px solid var(--sf-cyan)!important;border-radius:var(--sf-radius);font-family:"Saira Condensed",sans-serif;font-size:19px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--sf-navy)!important}
body#password #content .center-email-fields .form-control-submit:hover{background:var(--sf-navy)!important;border-color:var(--sf-navy)!important;color:#fff!important}
body#password .page-footer{max-width:560px;margin:18px auto 0;text-align:center}
body#password .page-footer a{display:inline-flex;align-items:center;gap:4px;font-family:'IBM Plex Mono',monospace;font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--sf-navy)}

@media (max-width:767px){
  body:is(#authentication,#registration,#password) section#main{padding:26px 0 44px}
  body:is(#authentication,#registration,#password) .page-header{margin-bottom:22px}
  body:is(#authentication,#registration,#password) .page-header h1::after{width:56px;margin-top:14px}
  body:is(#authentication,#registration,#password) #content.page-content{padding:26px 20px 24px}
}
@media (prefers-reduced-motion:reduce){
  body#cart *,body:is(#authentication,#registration,#password) #content *{transition:none!important}
}

/* =========================================================
   SKI FLAKE - PAGE CATEGORIES 
   ========================================================= */

/* ---------- Fil d'Ariane ---------- */
:is(#category,#search) .breadcrumb{font-size:12px}
:is(#category,#search) .breadcrumb li::after{color:#03D9FF;content:'\2192'}
:is(#category,#search) .breadcrumb li:last-child::after{content:none}

/* ---------- En-tête de catégorie ---------- */
#category #js-product-list-header .block-category{margin:24px 0 36px;padding:0;background:none;border:0;border-radius:0;box-shadow:none;min-height:0}
#category #js-product-list-header h1{margin:0;font-family:"Saira Condensed",sans-serif;font-size:clamp(32px,3.4vw,48px);font-weight:700;line-height:1.02;letter-spacing:0;text-align:center;text-transform:uppercase;color:#0F1F38}
#category #js-product-list-header h1::after{content:"";display:block;width:72px;height:4px;margin:20px auto 0;background:#03D9FF} /* titre et filet centrés */
#category #js-product-list-header .block-category-inner{display:block}
#category #category-description{max-width:none;margin:40px 0 0;font-family:'IBM Plex Sans',sans-serif;font-size:16px;line-height:1.7;color:#4A5561!important} /* !important : la classe .text-muted du thème impose un gris clair en !important */
#category #category-description p{margin:0 0 12px;font-size:inherit;line-height:inherit;color:inherit!important}
#category #category-description p:last-child{margin-bottom:0}
#category #category-description p:empty{display:none} /* paragraphe vide laissé par l'éditeur du BO */
#category #category-description strong,#category #category-description b{font-weight:600;color:#0F1F38}
#category #category-description a{color:#0F1F38;text-decoration:underline;text-underline-offset:3px}
#category #category-description a:hover{color:#00A3CF}
#category #js-product-list-header .category-cover{margin-top:24px}
@media (max-width:767px){
  #category #js-product-list-header .block-category{margin:26px 0 28px}
  #category #js-product-list-header h1::after{width:56px;margin:16px auto 0}
  #category #category-description{margin-top:24px;font-size:15px;line-height:1.65}
}

/* ---------- En-tête de la page Recherche : titre centré + mot recherché, comme l'en-tête de catégorie
   (la phrase recherchée vient de product-list.tpl, thème enfant) ---------- */
   #search .sf-search-header{margin:24px 0 36px;text-align:center}
   #search .sf-search-header::after{content:"";display:block;width:72px;height:4px;margin:20px auto 0;background:#03D9FF}
   #search #js-product-list-header{margin:0;font-family:"Saira Condensed",sans-serif;font-size:clamp(32px,3.4vw,48px);font-weight:700;line-height:1.02;letter-spacing:0;text-align:center;text-transform:uppercase;color:#0F1F38}
   #search .sf-search-header__query{margin:14px 0 0;font-family:'IBM Plex Mono',monospace;font-size:14px;line-height:1.5;letter-spacing:.04em;color:#8A8987;overflow-wrap:anywhere}
   #search .sf-search-header__query q{font-weight:500;color:#191B1C}
   :lang(fr) #search .sf-search-header__query q{quotes:"«\00a0" "\00a0»"} /* guillemets français avec espaces insécables */
   @media (max-width:767px){
     #search .sf-search-header{margin:26px 0 28px}
     #search .sf-search-header::after{width:56px;margin:16px auto 0}
     #search .sf-search-header__query{margin-top:10px;font-size:13px}
  }

/* ---------- Barre d'outils (nb produits / affichage / tri) ---------- */
:is(#category,#search) .products-selection{margin:0 0 30px;padding:12px 16px;background:#fff;border:1px solid #DDDBD6;font-family:'IBM Plex Mono',monospace;font-size:12px;color:#191B1C}
:is(#category,#search) .products-selection .total-products p,:is(#category,#search) .products-selection .sort-by,:is(#category,#search) .products-selection .showing{margin:0;font-family:'IBM Plex Mono',monospace;font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:#8A8987}
:is(#category,#search) .products-selection .grid-select{opacity:.35;transition:opacity .25s ease}
:is(#category,#search) .products-selection .grid-select:hover,:is(#category,#search) .products-selection .grid-select.active{opacity:1}
:is(#category,#search) .products-sort-order .select-title{background:transparent;border:1px solid #191B1C;border-radius:0;box-shadow:none;font-family:'IBM Plex Mono',monospace;font-size:12px;color:#191B1C}
:is(#category,#search) .products-sort-order .select-title:hover{border-color:#03D9FF}
:is(#category,#search) .products-sort-order .dropdown-menu{background:#F4F3F0;border:1px solid #191B1C;border-radius:0;box-shadow:none}
:is(#category,#search) .products-sort-order .select-list{font-family:'IBM Plex Mono',monospace;font-size:12px;color:#191B1C}
:is(#category,#search) .products-sort-order .select-list:hover,:is(#category,#search) .products-sort-order .select-list.current{background:transparent;color:#03D9FF}

/* ---------- Filtre « Taille » (catalog/_partials/sf-size-filter.tpl + custom.js section 14) ---------- */
.sf-size-filter__src,#category #main:has([data-sf-size-filter]) #js-active-search-filters,#category #main:has([data-sf-size-filter]) .products-selection .filter-button{display:none!important} /* bloc, rappel des filtres actifs et bouton mobile « Filtrer » du module : remplacés par la barre */
#category #products:has(> [data-sf-size-filter]:not([hidden])) .products-selection{margin-bottom:0} /* l'écart vient de la barre */
#category .sf-size-filter{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:12px 24px;min-height:44px;margin:34px 0 50px;font-family:'IBM Plex Mono',monospace;color:#191B1C}
#category .sf-size-filter[hidden]{display:none}
#category .sf-size-filter__label{flex:0 0 auto;font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:#8A8987}
#category .sf-size-filter__list{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin:0;padding:0}
#category .sf-size-filter__chip{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-width:54px;height:44px;margin:0;padding:0 16px;background:#fff;border:1px solid #191B1C;border-radius:0;box-shadow:none;font-family:'IBM Plex Mono',monospace;font-size:15px;font-weight:500;line-height:1;letter-spacing:.02em;color:#191B1C;cursor:pointer;transition:border-color .2s ease,background-color .2s ease,color .2s ease}
#category .sf-size-filter__count{font-size:11px;font-weight:400;color:#8A8987;transition:color .2s ease}
#category .sf-size-filter__chip:hover{border-color:#03D9FF;color:#191B1C}
#category .sf-size-filter__chip:focus-visible,#category .sf-size-filter__clear:focus-visible{outline:2px solid #03D9FF;outline-offset:2px}
#category .sf-size-filter__chip[aria-pressed="true"]{background:#191B1C;border-color:#191B1C;color:#fff}
#category .sf-size-filter__chip[aria-pressed="true"] .sf-size-filter__count{color:#03D9FF}
#category .sf-size-filter__clear{flex:0 0 auto;margin:0;padding:4px 0;background:none;border:0;font-family:'IBM Plex Mono',monospace;font-size:12px;letter-spacing:.08em;text-transform:uppercase;text-decoration:underline;text-underline-offset:3px;color:#8A8987;cursor:pointer}
#category .sf-size-filter__clear:hover{color:#00A3CF}
#category .sf-size-filter__clear[hidden]{display:none}
#category .sf-size-filter.is-loading .sf-size-filter__list{opacity:.45;pointer-events:none;transition:opacity .2s ease}
@media (max-width:991px){
  #category .sf-size-filter{gap:10px 14px;margin:28px 0 36px}
}
@media (min-width:768px) and (max-width:991px){
  /* tablette : pastilles un peu plus compactes pour tenir sur une ligne avec le libellé */
  #category .sf-size-filter__list{gap:6px}
  #category .sf-size-filter__chip{min-width:46px;height:42px;padding:0 11px;font-size:14px;gap:6px}
}
@media (max-width:767px){
  /* mobile : libellé et « Effacer » sur la 1re ligne, pastilles en dessous sur une seule ligne qu'on fait défiler au doigt */
  :is(#category,#search) .products-selection{padding:12px}
  #category .sf-size-filter{display:grid;grid-template-columns:1fr auto;gap:10px 12px;margin:18px 0 24px}
  #category .sf-size-filter[hidden]{display:none}
  #category .sf-size-filter__clear{grid-column:2;grid-row:1;justify-self:end}
  #category .sf-size-filter__list{grid-column:1 / -1;grid-row:2;justify-content:flex-start;min-width:0;flex-wrap:nowrap;margin:0 -15px;padding:0 15px;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch;scroll-snap-type:x proximity;scroll-padding:0 15px}
  #category .sf-size-filter__list::-webkit-scrollbar{display:none}
  #category .sf-size-filter__chip{flex:0 0 auto;min-width:48px;height:44px;padding:0 13px;font-size:14px;scroll-snap-align:start}
}
@media (prefers-reduced-motion:reduce){
  #category .sf-size-filter__chip,#category .sf-size-filter__count{transition:none}
}

/* ---------- Grille : gouttière de 5px comme l'accueil ---------- */
:is(#category,#search) #products .leo-product-ajax{margin-left:-2.5px;margin-right:-2.5px}
:is(#category,#search) #products .ajax_block_product{padding-left:2.5px;padding-right:2.5px}

/* ---------- Carte produit ---------- */
:is(#category,#search) #products .product-miniature .thumbnail-container{margin:0 0 5px;padding:0;background:#fff;box-shadow:0 0 0 1px #191B1C;overflow:hidden} /* fond blanc : la section de l'accueil est blanche */
:is(#category,#search) #products .product-miniature .product-image{background:transparent}
:is(#category,#search) #products .product-miniature .product-meta{position:static;transform:none;padding:20px 15px;background:none;text-align:left}

/* Cartes de même hauteur sur chaque ligne */
:is(#category,#search) #products .ajax_block_product{display:flex;flex-direction:column}
:is(#category,#search) #products .ajax_block_product > .product-miniature{flex:1 1 auto;display:flex;flex-direction:column}
:is(#category,#search) #products .product-miniature .thumbnail-container{flex:1 1 auto;display:flex;flex-direction:column}
:is(#category,#search) #products .product-miniature .product-meta{flex:1 1 auto}

/* Éléments masqués comme sur l'accueil (catégorie « Accueil », avis) */
:is(#category,#search) #products .product-miniature .category-default,
:is(#category,#search) #products .product-miniature .leo-list-product-reviews{display:none}

/* Image : léger zoom au survol */
:is(#category,#search) #products .product-miniature .thumbnail-container{position:relative}
:is(#category,#search) #products .product-miniature .product-image img{transition:transform .5s ease}
:is(#category,#search) #products .product-miniature:hover .product-image img{transform:scale(1.04)}

/* ---------- Boutons rapides (aperçu rapide, favoris, comparer, panier) ---------- */
:is(#category,#search) #products .product-miniature .functional-buttons{position:absolute;top:15px;right:15px;z-index:3;display:flex;flex-direction:column;align-items:flex-end;gap:0;margin:0;padding:0;background:none;border:0;transform:none;opacity:1;visibility:visible}
:is(#category,#search) #products .product-miniature .functional-buttons > *{display:block;margin:0 0 -1px;padding:0;float:none;width:auto;opacity:1;visibility:visible;transform:none} /* -1px : les bordures se superposent comme dans la grille */
:is(#category,#search) #products .product-miniature .functional-buttons form{margin:0}
:is(#category,#search) #products .product-miniature .functional-buttons :is(a,button){position:relative;display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;min-width:0;margin:0;padding:0;background:#fff;border:1px solid #191B1C;border-radius:0;box-shadow:none;color:#191B1C;font-size:0;line-height:0;text-decoration:none;cursor:pointer;transition:background-color .2s ease,color .2s ease}
:is(#category,#search) #products .product-miniature .functional-buttons :is(a,button):hover,
:is(#category,#search) #products .product-miniature .functional-buttons :is(a,button):focus-visible{z-index:1;background:#03D9FF;color:#191B1C;outline:0}
:is(#category,#search) #products .product-miniature .functional-buttons :is(a,button).added{background:#03D9FF}
:is(#category,#search) #products .product-miniature .functional-buttons :is(a,button):disabled,
:is(#category,#search) #products .product-miniature .functional-buttons :is(a,button).disabled{opacity:.4;cursor:not-allowed;background:#fff}

/* Icônes : on masque le contenu d'origine (texte + police d'icônes) et on dessine l'icône en masque */
   :is(#category,#search) #products .product-miniature .functional-buttons :is(a,button) > :not(.cssload-speeding-wheel){display:none!important}
   :is(#category,#search) #products .product-miniature .functional-buttons :is(a,button)::after{content:"";display:block;width:18px;height:18px;background:currentColor;-webkit-mask:var(--sf-ico) center/contain no-repeat;mask:var(--sf-ico) center/contain no-repeat}
   :is(#category,#search) #products .product-miniature .functional-buttons .quick-view{--sf-ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='M21 21l-4.3-4.3M11 8v6M8 11h6'/%3E%3C/svg%3E")}
   :is(#category,#search) #products .product-miniature .functional-buttons .leo-wishlist-button{--sf-ico:url('../img/product/heart-filled.svg')}
   :is(#category,#search) #products .product-miniature .functional-buttons .leo-compare-button{--sf-ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M9.01 14H2v2h7.01v3L13 15l-3.99-4v3zm5.98-1v-3H22V8h-7.01V5L11 9l3.99 4z'/%3E%3C/svg%3E")}
   :is(#category,#search) #products .product-miniature .functional-buttons :is(.add-to-cart,.leo-bt-cart,[data-button-action="add-to-cart"]){--sf-ico:url('../img/product/cart.svg')}
   :is(#category,#search) #products .product-miniature .functional-buttons .cssload-speeding-wheel{position:absolute;inset:0;width:18px;height:18px;margin:auto}

/* Bulle d'info au survol (desktop) */
:is(#category,#search) #products .product-miniature .functional-buttons :is(a,button)[title]:hover::before{content:attr(title);position:absolute;top:50%;right:calc(100% + 6px);transform:translateY(-50%);padding:4px 8px;background:#191B1C;color:#fff;font-family:'IBM Plex Mono',monospace;font-size:10px;font-weight:400;line-height:1.3;letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;pointer-events:none}

/* Desktop : les boutons apparaissent au survol de la carte */
@media (hover:hover) and (min-width:768px){
  :is(#category,#search) #products .product-miniature .functional-buttons > *{opacity:0;transform:translateX(8px);transition:opacity .25s ease,transform .25s ease}
  :is(#category,#search) #products .product-miniature .functional-buttons > :nth-child(2){transition-delay:.04s}
  :is(#category,#search) #products .product-miniature .functional-buttons > :nth-child(3){transition-delay:.08s}
  :is(#category,#search) #products .product-miniature .functional-buttons > :nth-child(4){transition-delay:.12s}
  :is(#category,#search) #products .product-miniature:is(:hover,:focus-within) .functional-buttons > *{opacity:1;transform:none}
}
:is(#category,#search) #products .product-miniature .functional-buttons > .button-container.cart{display:none} /* bouton panier : la fiche produit gère tailles et états */

/* Titre */
:is(#category,#search) #products .product-miniature .product-title{margin:0 0 12px}
:is(#category,#search) #products .product-miniature .product-title a{display:block;font-family:"Barlow Condensed",sans-serif;font-size:22px;font-weight:700;line-height:1.15;text-transform:uppercase;color:#191B1C;-webkit-line-clamp:unset;overflow:visible;transition:color .3s ease}
:is(#category,#search) #products .product-miniature:hover .product-title a{color:#03D9FF}

/* Prix (discret, en mono) */
:is(#category,#search) #products .product-miniature .product-price-and-shipping{font-family:'IBM Plex Mono',monospace;font-size:13px;color:#191B1C}
:is(#category,#search) #products .product-miniature .product-price-and-shipping .price{font-family:inherit;font-size:inherit;font-weight:500;color:inherit}
:is(#category,#search) #products .product-miniature .product-price-and-shipping .regular-price{font-size:12px;color:#8A8987}
:is(#category,#search) #products .product-miniature .product-price-and-shipping .discount-percentage,
:is(#category,#search) #products .product-miniature .product-price-and-shipping .discount-amount{background:#03D9FF;color:#191B1C;font-size:11px;padding:2px 6px}

/* Étiquettes (rupture de stock, nouveau, promo) */
:is(#category,#search) #products .product-miniature .product-flags{position:absolute;top:15px;left:15px;margin:0;padding:0;z-index:2}
:is(#category,#search) #products .product-miniature .product-flag{margin:0 0 6px;padding:3px 8px;background:transparent;border:1px solid #191B1C;border-radius:0;font-family:'IBM Plex Mono',monospace;font-size:10px;font-weight:400;line-height:1.3;text-transform:uppercase;letter-spacing:.06em;color:#191B1C}
:is(#category,#search) #products .product-miniature .product-flag:is(.new,.on-sale,.discount){background:#03D9FF;border-color:#03D9FF}

/* ---------- Dispositions de la grille (boutons de la barre d'outils : liste, 1, 2, 3, 4 colonnes)
   Le bouton actif (.grid-select.view-list / view-1 / view-2…) porte .active : :has() s'en sert pour cibler la disposition choisie.
   La liste reçoit aussi la classe .list sur .product_list. ---------- */

/* Toutes dispositions : photo pleine largeur de la carte (sans marge autour), carrée ; prix calé en bas de carte
   pour que titres et prix restent alignés d'une colonne à l'autre, même quand un titre passe sur 2 lignes */
   :is(#category,#search) #products .product-miniature .product-image{margin:0;padding:0;line-height:0}
   :is(#category,#search) #products .product-miniature .product-image .product-thumbnail{display:block}
   :is(#category,#search) #products .product-miniature .product-image img{display:block;width:100%;height:auto;aspect-ratio:1/1;object-fit:cover}
   :is(#category,#search) #products .product-miniature .product-meta{display:flex;flex-direction:column}
   :is(#category,#search) #products .product-miniature .product-price-and-shipping{margin-top:auto;padding-top:12px}
   :is(#category,#search) #products .product-miniature .product-title{margin-bottom:0}

/* 2 colonnes : plus d'air sur les côtés pour les titres */
:is(#category,#search):has(.grid-select.view-2.active) #products .product-miniature .product-meta{padding:22px 30px 24px}

/* 1 colonne : photo centrée (560px max, sinon elle occuperait tout l'écran), texte centré */
:is(#category,#search):has(.grid-select.view-1.active) #products .product-miniature .product-image img{width:min(100%,560px);margin:24px auto 0}
:is(#category,#search):has(.grid-select.view-1.active) #products .product-miniature .product-meta{align-items:center;padding:22px 30px 28px;text-align:center}
:is(#category,#search):has(.grid-select.view-1.active) #products .product-miniature :is(.product-title,.product-title a,.product-price-and-shipping){text-align:center}

/* En ligne (liste) : photo à gauche sans marge, texte à droite centré verticalement */
:is(#category,#search) #products .product_list.list .thumbnail-container{flex-direction:row;align-items:stretch}
:is(#category,#search) #products .product_list.list .product-image{flex:0 0 36%;max-width:36%;float:none}
:is(#category,#search) #products .product_list.list .product-image img{height:100%;min-height:100%}
:is(#category,#search) #products .product_list.list .product-meta{flex:1 1 auto;justify-content:center;float:none;width:auto;padding:32px 40px}
:is(#category,#search) #products .product_list.list .product-title a{font-size:28px}
:is(#category,#search) #products .product_list.list .product-price-and-shipping{margin-top:0;padding-top:14px;font-size:15px}

@media (max-width:991px){
  :is(#category,#search) #products .product_list.list .product-image{flex-basis:40%;max-width:40%}
  :is(#category,#search) #products .product_list.list .product-meta{padding:24px 28px}
  :is(#category,#search) #products .product_list.list .product-title a{font-size:24px}
}
@media (max-width:767px){
  :is(#category,#search):has(.grid-select.view-1.active) #products .product-miniature .product-image img{margin-top:16px}
  :is(#category,#search):has(.grid-select.view-1.active) #products .product-miniature .product-meta{padding:18px 20px 22px}
  :is(#category,#search) #products .product_list.list .product-image{flex-basis:42%;max-width:42%}
  :is(#category,#search) #products .product_list.list .product-meta{padding:16px 18px}
  :is(#category,#search) #products .product_list.list .product-title a{font-size:18px}
  :is(#category,#search) #products .product_list.list .product-price-and-shipping{padding-top:10px;font-size:13px}
  :is(#category,#search) #products .product_list.list .functional-buttons{top:8px;right:8px}
  :is(#category,#search) #products .product_list.list .functional-buttons :is(a,button){width:30px;height:30px}
  :is(#category,#search) #products .product_list.list .functional-buttons :is(a,button)::after{width:15px;height:15px}
}
@media (max-width:575px){
  /* 2 colonnes sur mobile : cartes étroites, titre et boutons plus compacts */
  :is(#category,#search):has(.grid-select.view-2.active) #products .product-miniature .product-meta{padding:14px 12px 16px}
  :is(#category,#search):has(.grid-select.view-2.active) #products .product-miniature .product-title a{font-size:16px}
  :is(#category,#search):has(.grid-select.view-2.active) #products .product-miniature .functional-buttons{top:6px;right:6px}
  :is(#category,#search):has(.grid-select.view-2.active) #products .product-miniature .functional-buttons :is(a,button){width:30px;height:30px}
  :is(#category,#search):has(.grid-select.view-2.active) #products .product-miniature .functional-buttons :is(a,button)::after{width:15px;height:15px}
}

/* ---------- Texte sous la grille : « Informations complémentaires » de la catégorie (category-footer.tpl)
   Affiché seulement s'il est rempli dans le BO (Catalogue > Catégories), sur la 1re page de la liste. Même style que la description du haut. ---------- */
   #category #js-product-list-footer .card{margin:48px 0 0;padding:0;background:none;border:0;border-radius:0;box-shadow:none}
   #category #js-product-list-footer .category-additional-description{max-width:860px;padding:0;font-family:'IBM Plex Sans',sans-serif;font-size:16px;line-height:1.7;color:#4A5561}
   #category #js-product-list-footer .category-additional-description p{margin:0 0 12px;color:inherit}
   #category #js-product-list-footer .category-additional-description p:last-child{margin-bottom:0}
   #category #js-product-list-footer .category-additional-description p:empty{display:none}
   #category #js-product-list-footer .category-additional-description :is(h2,h3,h4){margin:28px 0 12px;font-family:"Saira Condensed",sans-serif;font-size:24px;font-weight:700;line-height:1.1;text-transform:uppercase;color:#0F1F38}
   #category #js-product-list-footer .category-additional-description :is(strong,b){font-weight:600;color:#0F1F38}
   #category #js-product-list-footer .category-additional-description a{color:#0F1F38;text-decoration:underline;text-underline-offset:3px}
   @media (max-width:767px){
     #category #js-product-list-footer .card{margin-top:32px}
     #category #js-product-list-footer .category-additional-description{font-size:15px;line-height:1.65}
  }

/* Pagination */
:is(#category,#search) #js-product-list-bottom,:is(#category,#search) #products .pagination{font-family:'IBM Plex Mono',monospace;font-size:12px;color:#8A8987;background:none}
:is(#category,#search) #products .pagination a{color:#191B1C}
:is(#category,#search) #products .pagination a:hover,:is(#category,#search) #products .pagination .current a{color:#03D9FF}

/* ---------- Responsive ---------- */
@media (max-width:767px){
  :is(#category,#search) .products-selection{margin-bottom:20px}
  :is(#category,#search) #products .product-miniature .product-meta{padding:28px 16px 18px}
  :is(#category,#search) #products .product-miniature .product-title a{font-size:20px}
  :is(#category,#search) #products .product-miniature .functional-buttons{top:10px;right:10px}
  :is(#category,#search) #products .product-miniature .functional-buttons :is(a,button){width:36px;height:36px}
  :is(#category,#search) #products .product-miniature .functional-buttons :is(a,button)[title]:hover::before{content:none}
}

   /* =========================================================
   SKI FLAKE - PAGE checkout
   ========================================================= */
   #checkout #wrapper{margin-top:20px}
/* ---------- Étapes : cartes blanches à filet gris, comme les onglets de la fiche produit ---------- */
#checkout{--sf-navy:#0F1F38;--sf-cyan:#03D9FF;--sf-cyan-text:#00A3CF;--sf-cyan-soft:#E9FBFF;--sf-text:#4A5561;--sf-muted:#7A8590;--sf-line:#D6DDE4;--sf-radius:4px}
#checkout section#content{padding-top:50px}
@media (max-width:767px){
  #checkout #wrapper{margin-top:0}
  #checkout section#content{padding-top:26px} /* 70px sous le header en mobile : même retrait que les autres pages */
}
#checkout .checkout-step{margin:0 0 16px;padding:0;background:#fff;border:1px solid var(--sf-line);border-radius:var(--sf-radius);box-shadow:none;color:var(--sf-text)}
#checkout .checkout-step.-current{border-top:4px solid var(--sf-cyan);box-shadow:0 14px 34px rgba(15,31,56,.06)}
#checkout .checkout-step > .content{padding:4px 32px 32px}

/* Titre d'étape + numéro dans un rond bleu */
#checkout .checkout-step .step-title{display:flex;align-items:center;gap:14px;margin:0;padding:22px 32px;font-family:"Saira Condensed",sans-serif;font-size:22px;font-weight:700;line-height:1.1;letter-spacing:.02em;text-transform:uppercase;color:var(--sf-navy)}
#checkout .checkout-step .step-number{display:inline-flex;align-items:center;justify-content:center;flex:0 0 36px;width:36px;height:36px;margin:0;padding:0;background:#9AA4AF;border-radius:50%;font-family:"Saira Condensed",sans-serif;font-size:19px;font-weight:700;line-height:1;color:#fff}
#checkout .checkout-step.-current .step-number{background:var(--sf-cyan);color:var(--sf-navy)}
#checkout .checkout-step .step-title .done{display:none} /* coche du thème : le rond numéroté suffit */
#checkout .checkout-step.-complete .step-number{background:var(--sf-navy);color:#fff} /* étape validée : rond bleu marine */
#checkout .checkout-step.-unreachable .step-title{color:#9AA4AF}
/* étapes pas encore accessibles : titre grisé, rond toujours bleu */
#checkout .checkout-step .step-edit{display:inline-flex;align-items:center;gap:4px;margin-left:auto;font-family:'IBM Plex Sans',sans-serif;font-size:13px;font-weight:500;letter-spacing:0;text-transform:none;color:var(--sf-cyan-text)!important;cursor:pointer}
#checkout .checkout-step .step-edit .material-icons{font-size:16px}
#checkout .checkout-step .step-edit:hover{color:var(--sf-navy)!important}

/* Onglets « Commander en tant qu'invité | Connexion » */
#checkout #checkout-personal-information-step .nav{display:flex;align-items:center;gap:10px;margin:0 0 24px;padding:0 0 14px;border-bottom:1px solid var(--sf-line)}
#checkout #checkout-personal-information-step .nav-link{padding:0;font-family:'IBM Plex Sans',sans-serif;font-size:15px;font-weight:500;color:var(--sf-muted)}
#checkout #checkout-personal-information-step .nav-link.active{font-weight:600;color:var(--sf-navy)}
#checkout #checkout-personal-information-step .nav-separator{color:var(--sf-line)}

/* Formulaires */
#checkout .checkout-step .form-control-label,#checkout .checkout-step .form-group > label{font-family:'IBM Plex Sans',sans-serif;font-size:14px;font-weight:600;color:var(--sf-navy)}
#checkout .checkout-step .form-control,#checkout .checkout-step select.form-control{height:44px;padding:10px 14px;background:#fff;border:1px solid var(--sf-line);border-radius:var(--sf-radius);box-shadow:none;font-size:15px;color:var(--sf-navy);transition:border-color .2s ease,box-shadow .2s ease}
#checkout .checkout-step textarea.form-control{height:auto;min-height:96px}
#checkout .checkout-step .form-control:focus{border-color:var(--sf-cyan);box-shadow:0 0 0 3px var(--sf-cyan-soft);outline:0}
#checkout .checkout-step .form-control-comment,#checkout .checkout-step .form-text{font-size:12px;color:var(--sf-muted)}
#checkout .checkout-step .input-group-btn .btn{height:44px;border-radius:0 var(--sf-radius) var(--sf-radius) 0;background:var(--sf-navy);font-family:"Saira Condensed",sans-serif;font-size:14px;letter-spacing:.04em}
#checkout .checkout-step h2,#checkout .checkout-step .h4{font-family:"Saira Condensed",sans-serif;font-size:22px;font-weight:700;color:var(--sf-navy)}
#checkout .checkout-step .custom-checkbox label,#checkout .checkout-step .custom-radio + label{font-size:13px;line-height:1.5;color:var(--sf-text)}

/* Bouton « Continuer » / « Commander » = bouton « Ajouter au panier » de la fiche produit */
#checkout .checkout-step .continue,#checkout #payment-confirmation .btn{display:inline-flex;align-items:center;justify-content:center;min-width:220px;height:46px;padding:0 28px;background:var(--sf-cyan)!important;border:1px solid var(--sf-cyan)!important;border-radius:var(--sf-radius);box-shadow:none;font-family:"Saira Condensed",sans-serif;font-size:18px;font-weight:700;line-height:1;letter-spacing:.04em;text-transform:uppercase;color:var(--sf-navy)!important;transition:background-color .2s ease,border-color .2s ease,color .2s ease}
#checkout .checkout-step .continue:hover,#checkout .checkout-step .continue:focus-visible,#checkout #payment-confirmation .btn:hover{background:var(--sf-navy)!important;border-color:var(--sf-navy)!important;color:#fff!important}
#checkout #payment-confirmation .btn.disabled,#checkout #payment-confirmation .btn:disabled{opacity:.45}

/* Modes de livraison / paiement : lignes encadrées */
#checkout .delivery-option,#checkout .payment-option{margin:0 0 10px;padding:14px 16px;background:#fff;border:1px solid var(--sf-line);border-radius:var(--sf-radius)}
#checkout .delivery-option:has(input:checked),#checkout .payment-option:has(input:checked){border-color:var(--sf-cyan);background:var(--sf-cyan-soft)}
#checkout .carrier-name,#checkout .payment-option label span{font-weight:600;color:var(--sf-navy)}
#checkout .carrier-price{font-family:"Saira Condensed",sans-serif;font-size:18px;font-weight:700;color:var(--sf-cyan-text)}

/* Récapitulatif (colonne de droite) */
body#checkout a:hover{color:#03d9ff}
#checkout #js-checkout-summary{border:1px solid var(--sf-line);border-radius:var(--sf-radius);box-shadow:none;overflow:hidden}
#checkout #js-checkout-summary .card-block{padding:20px 24px}
#checkout #js-checkout-summary .cart-summary-products p:first-child{margin:0 0 6px;font-family:"Saira Condensed",sans-serif;font-size:20px;font-weight:700;text-transform:uppercase;color:var(--sf-navy)}
#checkout #js-checkout-summary .cart-summary-products a{font-size:13px}
#checkout #js-checkout-summary :is(.cart-summary-subtotals-container,.cart-summary-line){padding-left:0;padding-right:0}
#checkout #js-checkout-summary .cart-summary-line{display:flex;justify-content:space-between;gap:12px;width:100%;margin:0 0 8px;font-size:14px;color:var(--sf-text)}
#checkout #js-checkout-summary .cart-summary-line::after{content:none}
#checkout #js-checkout-summary .cart-summary-line .value{margin-left:auto;float:none}
#checkout #js-checkout-summary .cart-summary-line .label{float:none}
#checkout #js-checkout-summary .cart-summary-line .value{font-weight:600;color:var(--sf-navy)}
#checkout #js-checkout-summary .cart-total{margin:0;padding-top:4px}
#checkout #js-checkout-summary .cart-total .label{font-family:"Saira Condensed",sans-serif;font-size:20px;font-weight:700;text-transform:uppercase;color:var(--sf-navy)}
#checkout #js-checkout-summary .cart-total .value{font-family:"Saira Condensed",sans-serif;font-size:26px;font-weight:700;line-height:1;color:#03d9ff}
#checkout #js-checkout-summary hr{margin:14px 0;border-top:1px solid #EEF2F6}
#js-checkout-summary .product-price{color:#03d9ff}

@media (min-width:992px){
  #checkout .cart-grid-right #js-checkout-summary{position:sticky;top:24px}
}
@media (max-width:767px){
  #checkout .checkout-step .step-title{gap:12px;padding:16px 18px;font-size:19px}
  #checkout .checkout-step .step-number{flex-basis:32px;width:32px;height:32px;font-size:17px}
  #checkout .checkout-step > .content{padding:0 18px 22px}
  #checkout .checkout-step .continue{width:100%}
}

/* ---------- Finitions checkout ---------- */
/* Numéro parfaitement centré dans le rond : le thème ajoute 10px de padding (body#checkout section.checkout-step .step-number) */
body#checkout section.checkout-step .step-title .step-number{display:inline-grid;place-items:center;flex:0 0 36px;width:36px;height:36px;margin:0;padding:0!important;line-height:36px;text-align:center;text-indent:0;font-variant-numeric:tabular-nums;font-size:19px}
body#checkout section.checkout-step .step-title{min-height:84px;padding-top:20px;padding-bottom:20px}
body#checkout section.checkout-step.-current .step-title{padding-bottom:16px}

/* Rythme vertical des étapes et du contenu */
body#checkout section.checkout-step{margin-bottom:14px}
body#checkout section.checkout-step > .content{padding:0 32px 32px 82px} /* contenu aligné sous le titre (rond 36px + 14px d'écart + 32px) */
body#checkout #checkout-personal-information-step .nav{margin-bottom:28px}

/* Formulaires : libellés alignés sur les champs, champs plus larges, typographie régulière */
body#checkout .checkout-step .form-group.row{align-items:flex-start;margin-bottom:18px}
body#checkout .checkout-step .form-group.row > .form-control-label{flex:0 0 26%;width:26%;max-width:26%;padding-top:11px;text-align:left}
body#checkout .checkout-step .form-group.row > .js-input-column{flex:0 0 56%;width:56%;max-width:56%}
body#checkout .checkout-step .form-group.row > .form-control-comment{flex:0 0 18%;width:18%;max-width:18%;padding-top:13px;font-size:12px;color:var(--sf-muted)}
body#checkout .checkout-step .form-group.row > .js-input-column:has(.custom-checkbox){flex-basis:74%;width:74%;max-width:74%} /* cases à cocher : texte sur toute la largeur disponible */
body#checkout .checkout-step .form-control-label{font-size:14px;line-height:1.4}
body#checkout .checkout-step .form-control{font-size:15px}
body#checkout .checkout-step .form-control::placeholder{color:#A3ACB6}
body#checkout .checkout-step .form-control-comment,body#checkout .checkout-step small,body#checkout .checkout-step .form-text{line-height:1.45}
body#checkout .checkout-step .js-input-column > .form-control-comment,body#checkout .checkout-step .js-input-column small{display:block;margin-top:6px}
/* Boutons radio (Titre M. / Mme) : rond et libellé centrés sur la même ligne */
body#checkout .checkout-step .radio-inline{display:inline-flex;align-items:center;gap:8px;margin:0 22px 0 0;padding:0;font-size:14px;line-height:20px;color:var(--sf-navy);vertical-align:middle;cursor:pointer}
body#checkout .checkout-step .radio-inline .custom-radio{flex:0 0 auto;margin:0!important;top:0;vertical-align:middle}
body#checkout .checkout-step h2,body#checkout .checkout-step .h4{margin:30px 0 6px;font-size:24px;line-height:1.15}
body#checkout .checkout-step .h4{margin:0 0 6px}
body#checkout .checkout-step h2 + p,body#checkout .checkout-step .h4 + p{margin-bottom:20px;font-size:14px;color:var(--sf-muted)}
body#checkout .checkout-step .custom-checkbox{display:block}
body#checkout .checkout-step .custom-checkbox label{display:block;padding-left:28px;font-size:13.5px;line-height:1.55;color:var(--sf-text)}
body#checkout .checkout-step .custom-checkbox label em,body#checkout .checkout-step .custom-checkbox label i:not(.material-icons){display:block;margin-top:2px;font-size:12.5px;color:var(--sf-muted)}
body#checkout .checkout-step .form-footer{margin-top:26px;padding-top:22px;border-top:1px solid #EEF2F6;text-align:right}

/* Récapitulatif : libellés et montants à la même taille */
body#checkout #js-checkout-summary .card-block{padding:22px 24px}
body#checkout #js-checkout-summary .card-block .card-block{padding-left:0;padding-right:0} /* blocs imbriqués : pas de double retrait */
body#checkout #js-checkout-summary .cart-summary-subtotals .label,body#checkout #js-checkout-summary .cart-summary-subtotals .value{font-size:14px;line-height:1.5}
body#checkout #js-checkout-summary .cart-summary-subtotals .label{color:var(--sf-text)}
body#checkout #js-checkout-summary .cart-summary-products{margin-bottom:0}
body#checkout #js-checkout-summary .cart-total{align-items:baseline}

/* Étapes du panier */
body#checkout section.checkout-step.-reachable.-complete h1 .done{background:var(--sf-cyan);color: var(--sf-navy);margin-right:0;padding:7px 0 0 7px;border-radius:50px;height:36px;width:36px}

@media (max-width:991px){
  body#checkout section.checkout-step > .content{padding-left:32px}
}
@media (max-width:767px){
  body#checkout section.checkout-step .step-title{min-height:0;padding:16px 18px}
  body#checkout section.checkout-step .step-title .step-number{flex-basis:32px;width:32px;height:32px;line-height:32px;font-size:17px}
  body#checkout section.checkout-step > .content{padding:0 18px 22px}
  body#checkout .checkout-step .form-group.row > :is(.form-control-label,.js-input-column,.form-control-comment){flex:0 0 100%;width:100%;max-width:100%}
  body#checkout .checkout-step .form-group.row > .form-control-label{padding-top:0;margin-bottom:6px}
  body#checkout .checkout-step .form-group.row > .form-control-comment{padding-top:4px}
  body#checkout .checkout-step .form-footer{text-align:center}
}

/* Page de paiement */
.bankLogo{margin:0 2px}

/* =========================================================
   SKI FLAKE - ESPACE CLIENT
   Mon compte, informations, adresses, historique et détail des commandes, avoirs, bons de réduction,
   retours, alertes, données personnelles (RGPD), liste d'envies.
   Même langage que le panier et la connexion : titre centré Saira Condensed + filet cyan,
   cartes blanches à filet gris (filet cyan en tête), textes IBM Plex Sans, boutons cyan, coins 4px.
   Les formulaires (informations, adresse) reprennent les règles de la connexion (bloc « PANIER, CONNEXION… »).
   ========================================================= */
   body:is(#my-account,.page-customer-account,#identity,#address,#addresses,#module-ps_emailalerts-account,#module-leofeature-mywishlist){--sf-navy:#0F1F38;--sf-cyan:#03D9FF;--sf-cyan-text:#00A3CF;--sf-cyan-soft:#E9FBFF;--sf-text:#4A5561;--sf-muted:#7A8590;--sf-line:#D6DDE4;--sf-radius:4px}
   body:is(#my-account,.page-customer-account,#identity,#address,#addresses,#module-ps_emailalerts-account,#module-leofeature-mywishlist) section#main{padding:44px 0 72px}

/* ---------- Titre de page : comme les catégories et la connexion ---------- */
body:is(#my-account,.page-customer-account,#identity,#address,#addresses,#module-ps_emailalerts-account) .page-header{margin:0 0 32px;text-align:center}
body:is(#my-account,.page-customer-account,#identity,#address,#addresses,#module-ps_emailalerts-account) .page-header h1{margin:0;font-family:"Saira Condensed",sans-serif;font-size:clamp(32px,3.4vw,44px);font-weight:700;line-height:1.02;letter-spacing:0;text-transform:uppercase;color:var(--sf-navy)}
body:is(#my-account,.page-customer-account,#identity,#address,#addresses,#module-ps_emailalerts-account) .page-header h1::after{content:"";display:block;width:72px;height:4px;margin:18px auto 0;background:var(--sf-cyan)}
/* zone de messages vide du thème : pas d'espace inutile */
body:is(#my-account,.page-customer-account,#identity,#address,#addresses,#module-ps_emailalerts-account) #notifications:not(:has(.alert)){display:none}
#my-account #notifications .container{padding:0 14px}

/* ---------- Contenu : carte blanche centrée ---------- */
body:is(.page-customer-account,#identity,#address,#module-ps_emailalerts-account) #content.page-content,
#module-leofeature-mywishlist #mywishlist{width:100%;max-width:1000px;margin:0 auto;padding:36px 40px;background:#fff;border:1px solid var(--sf-line);border-top:4px solid var(--sf-cyan);border-radius:var(--sf-radius);box-shadow:0 14px 34px rgba(15,31,56,.06);font-family:'IBM Plex Sans',sans-serif;font-size:14px;line-height:1.6;color:var(--sf-text)}
body:is(#identity,#address) #content.page-content{max-width:680px}
/* Connexion, inscription, mot de passe oublié : formulaire à 560px max, centré (la règle « espace client » ci-dessus, qui s'applique aussi à ces pages via .page-customer-account, l'élargissait à 1000px) */
body:is(#authentication,#registration,#password) #content.page-content{max-width:560px}
/* pages à cartes (tableau de bord, adresses) : pas de carte autour */
body:is(#my-account,#addresses) #content.page-content{max-width:1000px;margin:0 auto;padding:0;background:none;border:0;box-shadow:none;font-family:'IBM Plex Sans',sans-serif;font-size:14px;color:var(--sf-text)}

/* Textes, sous-titres, liens */
body:is(#my-account,.page-customer-account,#identity,#address,#addresses,#module-ps_emailalerts-account,#module-leofeature-mywishlist) #main :is(#content,#mywishlist) :is(h2,h3,h4):not(.page-header *){font-family:"Saira Condensed",sans-serif;font-weight:700;line-height:1.1;letter-spacing:.01em;text-transform:uppercase;color:var(--sf-navy)}
body:is(.page-customer-account,#module-ps_emailalerts-account,#module-leofeature-mywishlist) #main :is(#content,#mywishlist) h2{margin:0 0 12px;font-size:24px}
body:is(.page-customer-account,#module-ps_emailalerts-account) #content > h6{margin:0 0 20px;font-family:'IBM Plex Sans',sans-serif;font-size:15px;font-weight:400;line-height:1.6;letter-spacing:0;text-transform:none;color:var(--sf-text)}
body:is(.page-customer-account,#identity,#address,#module-ps_emailalerts-account,#module-leofeature-mywishlist) #main :is(#content,#mywishlist) a:not(.btn){color:var(--sf-cyan-text);font-weight:500;text-decoration:none}
body:is(.page-customer-account,#identity,#address,#module-ps_emailalerts-account,#module-leofeature-mywishlist) #main :is(#content,#mywishlist) a:not(.btn):hover{color:var(--sf-navy);text-decoration:underline;text-underline-offset:3px}

/* Messages (« Vous n'avez passé aucune commande », etc.) : encart cyan clair */
body:is(#my-account,.page-customer-account,#identity,#address,#addresses,#module-ps_emailalerts-account,#module-leofeature-mywishlist) #main .alert{margin:0 0 20px;padding:16px 20px;border:0;border-left:4px solid var(--sf-cyan);border-radius:var(--sf-radius);background:var(--sf-cyan-soft);font-size:14px;line-height:1.55;color:var(--sf-navy)}
body:is(#my-account,.page-customer-account,#identity,#address,#addresses,#module-ps_emailalerts-account,#module-leofeature-mywishlist) #main .alert:last-child{margin-bottom:0}
body:is(#my-account,.page-customer-account,#identity,#address,#addresses,#module-ps_emailalerts-account,#module-leofeature-mywishlist) #main .alert-success{border-left-color:#2BB673;background:#EAF8F1}
body:is(#my-account,.page-customer-account,#identity,#address,#addresses,#module-ps_emailalerts-account,#module-leofeature-mywishlist) #main .alert-danger{border-left-color:#E5484D;background:#FDEDEE}
body:is(#my-account,.page-customer-account,#identity,#address,#addresses,#module-ps_emailalerts-account,#module-leofeature-mywishlist) #main .alert-warning{border-left-color:#F5A524;background:#FFF6E5}

/* Boutons : principal cyan, secondaire bordure bleu marine */
body:is(.page-customer-account,#identity,#address,#addresses,#module-ps_emailalerts-account,#module-leofeature-mywishlist) #main :is(#content,#mywishlist) .btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:46px;margin:0;padding:0 24px;background:var(--sf-cyan)!important;border:1px solid var(--sf-cyan)!important;border-radius:var(--sf-radius);box-shadow:none;font-family:"Saira Condensed",sans-serif;font-size:17px;font-weight:700;line-height:1;letter-spacing:.04em;text-transform:uppercase;color:var(--sf-navy)!important;text-decoration:none!important;white-space:normal;transition:background-color .2s ease,border-color .2s ease,color .2s ease}
body:is(.page-customer-account,#identity,#address,#addresses,#module-ps_emailalerts-account,#module-leofeature-mywishlist) #main :is(#content,#mywishlist) .btn-primary:hover,body:is(.page-customer-account,#identity,#address,#addresses,#module-ps_emailalerts-account,#module-leofeature-mywishlist) #main :is(#content,#mywishlist) .btn-primary:focus-visible{background:var(--sf-navy)!important;border-color:var(--sf-navy)!important;color:#fff!important}
body:is(.page-customer-account,#module-ps_emailalerts-account,#module-leofeature-mywishlist) #main :is(#content,#mywishlist) :is(.btn-secondary,.btn-outline,.btn-default){display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:40px;padding:0 18px;background:#fff;border:1px solid var(--sf-navy);border-radius:var(--sf-radius);box-shadow:none;font-family:"Saira Condensed",sans-serif;font-size:15px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--sf-navy)}
body:is(.page-customer-account,#module-ps_emailalerts-account,#module-leofeature-mywishlist) #main :is(#content,#mywishlist) :is(.btn-secondary,.btn-outline,.btn-default):hover{background:var(--sf-cyan-soft);border-color:var(--sf-cyan)}

/* Tableaux (historique, avoirs, retours, bons de réduction, liste d'envies, détail de commande) */
body:is(.page-customer-account,#module-leofeature-mywishlist) #main .table{width:100%;margin:0 0 8px;border-collapse:collapse;background:#fff;font-size:14px;color:var(--sf-text)}
body:is(.page-customer-account,#module-leofeature-mywishlist) #main .table thead th,body:is(.page-customer-account,#module-leofeature-mywishlist) #main .table .thead-default th{padding:12px 14px;background:#F4F6F8;border:0;border-bottom:1px solid var(--sf-line);font-family:'IBM Plex Mono',monospace;font-size:11px;font-weight:500;letter-spacing:.06em;text-transform:uppercase;color:var(--sf-navy);vertical-align:middle}
body:is(.page-customer-account,#module-leofeature-mywishlist) #main .table td,body:is(.page-customer-account,#module-leofeature-mywishlist) #main .table tbody th{padding:14px;border:0;border-bottom:1px solid #EEF2F6;vertical-align:middle}
body:is(.page-customer-account,#module-leofeature-mywishlist) #main .table-striped tbody tr:nth-of-type(odd){background:none}
body:is(.page-customer-account,#module-leofeature-mywishlist) #main .table tbody tr:hover{background:#FAFBFC}
body:is(.page-customer-account,#module-leofeature-mywishlist) #main .table .label-pill,body:is(.page-customer-account,#module-leofeature-mywishlist) #main .table .badge{display:inline-block;padding:4px 10px;border-radius:999px;font-size:12px;font-weight:600;line-height:1.3;white-space:nowrap}
body.page-customer-account #main .order-actions a,body.page-customer-account #main .orders .order a{display:inline-flex;align-items:center;gap:4px;font-size:13px}

/* ---------- Pied de page : « Retour à votre compte » / « Accueil » / « Déconnexion » ---------- */
body:is(#my-account,.page-customer-account,#identity,#address,#addresses,#module-ps_emailalerts-account) .page-footer{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:12px 28px;max-width:1000px;margin:28px auto 0;padding:0}
body:is(#my-account,.page-customer-account,#identity,#address,#addresses,#module-ps_emailalerts-account) .page-footer > .text-sm-center{width:100%;text-align:center}
body:is(.page-customer-account,#identity,#address,#addresses,#module-ps_emailalerts-account) .page-footer .account-link{display:inline-flex;align-items:center;gap:4px;margin:0;font-family:'IBM Plex Mono',monospace;font-size:12px;font-weight:500;letter-spacing:.06em;text-transform:uppercase;color:var(--sf-navy);text-decoration:none;transition:color .2s ease}
body:is(.page-customer-account,#identity,#address,#addresses,#module-ps_emailalerts-account) .page-footer .account-link:hover{color:var(--sf-cyan-text)}
body:is(.page-customer-account,#identity,#address,#addresses,#module-ps_emailalerts-account) .page-footer .account-link .material-icons{font-size:18px}

/* ---------- Mon compte : tuiles ---------- */
#my-account #content > .row{margin:0}
#my-account #content .links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;width:100%;margin:0;padding:0}
#my-account #content .links > a{display:block;float:none;width:auto;max-width:none;margin:0;padding:0;color:var(--sf-navy);text-decoration:none}
#my-account #content .links .link-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;height:100%;min-height:150px;margin:0;padding:28px 20px;background:#fff;border:1px solid var(--sf-line);border-radius:var(--sf-radius);box-shadow:none;font-family:"Saira Condensed",sans-serif;font-size:18px;font-weight:700;line-height:1.15;letter-spacing:.02em;text-align:center;text-transform:uppercase;color:var(--sf-navy);transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease}
#my-account #content .links .link-item .material-icons{display:inline-flex;align-items:center;justify-content:center;width:58px;height:58px;margin:0;padding:0;background:var(--sf-cyan-soft);border-radius:50%;font-size:28px;line-height:1;color:var(--sf-navy);transition:background-color .2s ease}
#my-account #content .links > a:hover .link-item,#my-account #content .links > a:focus-visible .link-item{border-color:var(--sf-cyan);box-shadow:0 14px 34px rgba(15,31,56,.08);transform:translateY(-2px)}
#my-account #content .links > a:hover .link-item .material-icons{background:var(--sf-cyan)}
#my-account #content .links > a:focus-visible{outline:0}
/* « Déconnexion » : bouton secondaire */
#my-account .page-footer a{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 26px;background:#fff;border:1px solid var(--sf-navy);border-radius:var(--sf-radius);font-family:"Saira Condensed",sans-serif;font-size:16px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--sf-navy);text-decoration:none;transition:background-color .2s ease,color .2s ease}
#my-account .page-footer a:hover,#my-account .page-footer a:focus-visible{background:var(--sf-navy);color:#fff}

/* ---------- Adresses : cartes ---------- */
#addresses #content > .row{display:flex;flex-wrap:wrap;justify-content:center;margin:0 -8px}
#addresses #content > .row > [class*="col-"]{display:flex;flex:0 0 33.3333%;width:33.3333%;max-width:33.3333%;float:none;margin:0 0 16px;padding:0 8px}
#addresses .address{display:flex;flex-direction:column;width:100%;margin:0;padding:0;background:#fff;border:1px solid var(--sf-line);border-top:4px solid var(--sf-cyan);border-radius:var(--sf-radius);box-shadow:none}
#addresses .address .address-body{flex:1 1 auto;padding:22px 24px 18px}
#addresses .address .address-body h4{margin:0 0 12px;font-family:"Saira Condensed",sans-serif;font-size:21px;font-weight:700;line-height:1.1;text-transform:uppercase;color:var(--sf-navy)}
#addresses .address .address-body address{margin:0;font-size:14px;line-height:1.65;color:var(--sf-text)}
#addresses .address .address-footer{display:flex;flex-wrap:wrap;gap:8px 20px;margin:0;padding:14px 24px;border-top:1px solid #EEF2F6;text-align:left}
#addresses .address .address-footer a{display:inline-flex;align-items:center;gap:4px;margin:0;font-size:13px;font-weight:500;color:var(--sf-cyan-text);text-decoration:none}
#addresses .address .address-footer a:hover{color:var(--sf-navy)}
#addresses .address .address-footer a[data-link-action="delete-address"]:hover{color:#E5484D}
#addresses .address .address-footer .material-icons{font-size:17px}
#addresses .addresses-footer{margin:8px 0 0;text-align:center}
#addresses .addresses-footer a{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:46px;padding:0 24px;background:var(--sf-cyan);border:1px solid var(--sf-cyan);border-radius:var(--sf-radius);font-family:"Saira Condensed",sans-serif;font-size:17px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--sf-navy);text-decoration:none;transition:background-color .2s ease,border-color .2s ease,color .2s ease}
#addresses .addresses-footer a:hover,#addresses .addresses-footer a:focus-visible{background:var(--sf-navy);border-color:var(--sf-navy);color:#fff}
#addresses .addresses-footer .material-icons{font-size:20px}
#addresses .addresses-footer a span{margin-top:0;}

/* ---------- Formulaires adresse / informations : champs et boutons de la connexion ---------- */
body:is(#identity,#address) #content .form-group.row{display:flex;flex-wrap:wrap;align-items:baseline;margin:0 0 18px}
body:is(#identity,#address) #content .form-group.row > .form-control-label{order:1;flex:1 1 auto;width:auto;max-width:none;margin:0 0 7px;padding:0;text-align:left;font-size:13px;font-weight:600;color:var(--sf-navy)}
body:is(#identity,#address) #content .form-group.row > .form-control-label:empty{display:none}
body:is(#identity,#address) #content .form-group.row > .form-control-comment{order:2;flex:0 0 auto;width:auto;max-width:none;margin:0 0 7px;padding:0;font-size:12px;color:var(--sf-muted)}
body:is(#identity,#address) #content .form-group.row > .form-control-comment:empty{display:none}
body:is(#identity,#address) #content .form-group.row > .js-input-column{order:3;flex:0 0 100%;width:100%;max-width:100%;padding:0}
body:is(#identity,#address) #content .form-control{height:46px;padding:10px 14px;background:#fff;border:1px solid var(--sf-line);border-radius:var(--sf-radius);box-shadow:none;font-family:'IBM Plex Sans',sans-serif;font-size:15px;color:var(--sf-navy);transition:border-color .2s ease,box-shadow .2s ease}
body:is(#identity,#address) #content textarea.form-control{height:auto;min-height:96px}
body:is(#identity,#address) #content select.form-control{padding-right:36px}
body:is(#identity,#address) #content .form-control::placeholder{color:#A3ACB5}
body:is(#identity,#address) #content .form-control:focus{border-color:var(--sf-cyan);box-shadow:0 0 0 3px var(--sf-cyan-soft);outline:0}
body:is(#identity,#address) #content .js-input-column > .form-control-comment{display:block;margin-top:6px;font-size:12px;line-height:1.45;color:var(--sf-muted)}
body:is(#identity,#address) #content .input-group{display:flex;width:100%}
body:is(#identity,#address) #content .input-group .form-control{flex:1 1 auto;min-width:0;border-radius:var(--sf-radius) 0 0 var(--sf-radius)}
body:is(#identity,#address) #content .input-group-btn{display:flex;width:auto}
body:is(#identity,#address) #content .input-group-btn .btn{height:46px;margin:0;padding:0 16px;background:var(--sf-navy);border:1px solid var(--sf-navy);border-radius:0 var(--sf-radius) var(--sf-radius) 0;box-shadow:none;font-family:"Saira Condensed",sans-serif;font-size:14px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#fff}
body:is(#identity,#address) #content .radio-inline{display:inline-flex;align-items:center;gap:8px;margin:0 22px 0 0;padding:0;font-size:14px;line-height:20px;color:var(--sf-navy);cursor:pointer}
body:is(#identity,#address) #content .radio-inline .custom-radio{flex:0 0 auto;margin:0!important;top:0}
body:is(#identity,#address) #content .custom-checkbox{display:block}
body:is(#identity,#address) #content .custom-checkbox > label{position:relative;display:block;margin:0;padding:0 0 0 30px;font-size:13px;font-weight:400;line-height:1.5;color:var(--sf-navy);cursor:pointer}
body:is(#identity,#address) #content .custom-checkbox > label em{display:block;margin-top:3px;padding:0;font-size:12px;font-style:normal;line-height:1.5;color:var(--sf-muted)}
body:is(#identity,#address) #content .custom-checkbox input[type="checkbox"]{position:absolute;left:0;top:1px;width:18px;height:18px;margin:0;opacity:0;cursor:pointer}
body:is(#identity,#address) #content .custom-checkbox input[type="checkbox"] + span{position:absolute;left:0;top:1px;display:flex;align-items:center;justify-content:center;width:18px;height:18px;margin:0;background:#fff;border:1px solid #AEB8C2;border-radius:3px;pointer-events:none;transition:background-color .2s ease,border-color .2s ease}
body:is(#identity,#address) #content .custom-checkbox input[type="checkbox"]:checked + span{background:var(--sf-cyan);border-color:var(--sf-cyan)}
body:is(#identity,#address) #content .custom-checkbox input[type="checkbox"]:focus-visible + span{box-shadow:0 0 0 3px var(--sf-cyan-soft);border-color:var(--sf-cyan)}
body:is(#identity,#address) #content .custom-checkbox .checkbox-checked{margin:0;font-size:15px;line-height:1;color:var(--sf-navy)}
body:is(#identity,#address) #content .form-group.row:has(.custom-checkbox){margin-bottom:12px}
body:is(#identity,#address) #content .form-footer{margin:26px 0 0;text-align:center}
body:is(#identity,#address) #content .form-footer .btn-primary,body:is(#identity,#address) #content .form-footer button[type="submit"]{width:100%;height:50px;font-size:19px}

/* ---------- Données personnelles (RGPD) ---------- */
#module-psgdpr-gdpr #content > .container{width:auto;max-width:none;padding:0}
#module-psgdpr-gdpr #content .page_content{display:flex;flex-direction:column;gap:28px;margin:0}
#module-psgdpr-gdpr #content .psgdprinfo17{float:none;width:auto;margin:0!important;padding:0!important;background:none!important;border:0} /* fond gris et marges du module */
#module-psgdpr-gdpr #content .psgdprinfo17 + .psgdprinfo17{padding-top:28px!important;border-top:1px solid var(--sf-line)}
#module-psgdpr-gdpr #content .psgdprinfo17:has(.psgdprgetdatabtn17){display:flex;flex-wrap:wrap;gap:10px}
#module-psgdpr-gdpr #content .psgdprinfo17:has(.psgdprgetdatabtn17) > :not(.psgdprgetdatabtn17){flex:0 0 100%}
#module-psgdpr-gdpr #content .psgdprinfo17 h2{font-size:22px}
#module-psgdpr-gdpr #content .psgdprinfo17 p{margin:0 0 6px}
#module-psgdpr-gdpr #content .psgdprgetdatabtn17{float:none;margin:0!important}

/* ---------- Alertes ---------- */
#module-ps_emailalerts-account #content ul{margin:0;padding:0;list-style:none}
#module-ps_emailalerts-account #content li{display:flex;align-items:center;gap:14px;padding:14px 0;border-bottom:1px solid #EEF2F6}

/* ---------- Liste d'envies (module Leo Feature : pas d'en-tête de page) ---------- */
#module-leofeature-mywishlist #mywishlist > h2{margin:0 0 18px;font-size:28px}
#module-leofeature-mywishlist #mywishlist > h2::after{content:"";display:block;width:56px;height:4px;margin-top:14px;background:var(--sf-cyan)}
#module-leofeature-mywishlist .new-wishlist{display:flex;flex-wrap:wrap;align-items:flex-end;gap:12px;margin:0 0 30px}
#module-leofeature-mywishlist .new-wishlist > .form-group:first-child{flex:1 1 260px;margin:0}
#module-leofeature-mywishlist .new-wishlist > .form-group:not(:first-child):not(:has(.form-control-feedback:not(:empty))){display:none}
#module-leofeature-mywishlist .new-wishlist label{display:block;margin:0 0 7px;text-align:left;font-size:13px;font-weight:600;color:var(--sf-navy)}
#module-leofeature-mywishlist .new-wishlist label::first-letter{text-transform:uppercase}
#module-leofeature-mywishlist .new-wishlist .form-control{height:46px;padding:10px 14px;border:1px solid var(--sf-line);border-radius:var(--sf-radius);box-shadow:none;font-size:15px;color:var(--sf-navy)}
#module-leofeature-mywishlist .new-wishlist .form-control:focus{border-color:var(--sf-cyan);box-shadow:0 0 0 3px var(--sf-cyan-soft);outline:0}
#module-leofeature-mywishlist .list-wishlist{margin:0 0 24px;overflow-x:auto;scrollbar-width:thin}
#module-leofeature-mywishlist #mywishlist > section:empty{display:none}
#module-leofeature-mywishlist .list-wishlist th::first-letter{text-transform:uppercase}
/* « Retour à votre compte » / « Accueil » : mêmes liens que les autres pages de l'espace client */
#module-leofeature-mywishlist #mywishlist .footer_links{display:flex;flex-wrap:wrap;justify-content:center;gap:12px 28px;margin:28px 0 0;padding:22px 0 0;border-top:1px solid var(--sf-line);list-style:none}
#module-leofeature-mywishlist #mywishlist .footer_links li{float:none;margin:0}
#module-leofeature-mywishlist #mywishlist .footer_links .btn{display:inline-flex;align-items:center;gap:4px;min-height:0;padding:0;background:none!important;border:0!important;box-shadow:none;font-family:'IBM Plex Mono',monospace!important;font-size:12px!important;font-weight:500!important;letter-spacing:.06em;text-transform:uppercase;color:var(--sf-navy)!important}
#module-leofeature-mywishlist #mywishlist .footer_links .btn:hover{color:var(--sf-cyan-text)!important}
#module-leofeature-mywishlist #mywishlist .footer_links .material-icons{font-size:18px}

/* ---------- Tablette / mobile ---------- */
@media (max-width:991px){
  #my-account #content .links{grid-template-columns:repeat(2,minmax(0,1fr))}
  #addresses #content > .row > [class*="col-"]{flex-basis:50%;width:50%;max-width:50%}
}
@media (max-width:575px){
  #addresses #content > .row > [class*="col-"]{flex-basis:100%;width:100%;max-width:100%}
  /* liste d'envies : colonnes « Vu » et « Créé » masquées pour que le tableau tienne sans défilement */
  #module-leofeature-mywishlist #main .list-wishlist .table :is(th,td):nth-child(3),#module-leofeature-mywishlist #main .list-wishlist .table :is(th,td):nth-child(4){display:none}
  #module-leofeature-mywishlist #main .list-wishlist .table :is(th,td){padding:10px 6px}
  #module-leofeature-mywishlist #main .list-wishlist .table thead th{font-size:10px;letter-spacing:.02em;white-space:normal}
}
@media (max-width:767px){
  body:is(#my-account,.page-customer-account,#identity,#address,#addresses,#module-ps_emailalerts-account,#module-leofeature-mywishlist) section#main{padding:26px 0 44px}
  body:is(#my-account,.page-customer-account,#identity,#address,#addresses,#module-ps_emailalerts-account) .page-header{margin-bottom:22px}
  body:is(#my-account,.page-customer-account,#identity,#address,#addresses,#module-ps_emailalerts-account) .page-header h1::after{width:56px;margin-top:14px}
  body:is(.page-customer-account,#identity,#address,#module-ps_emailalerts-account) #content.page-content,#module-leofeature-mywishlist #mywishlist{padding:24px 18px}
  #my-account #content .links{gap:10px}
  #my-account #content .links .link-item{min-height:124px;gap:10px;padding:20px 10px;font-size:15px}
  #my-account #content .links .link-item .material-icons{width:48px;height:48px;font-size:24px}
  #addresses .address .address-body{padding:18px 18px 14px}
  #addresses .address .address-footer{padding:12px 18px}
  body:is(.page-customer-account,#identity,#address,#addresses,#module-ps_emailalerts-account) .page-footer{flex-direction:column;gap:14px}
  #module-psgdpr-gdpr #content .psgdprgetdatabtn17{flex:1 1 100%}
  #module-leofeature-mywishlist .new-wishlist .btn-primary{width:100%}
}
@media (max-width:359px){
  #my-account #content .links{grid-template-columns:minmax(0,1fr)}
}
@media (prefers-reduced-motion:reduce){
  body:is(#my-account,.page-customer-account,#addresses) #content *{transition:none!important}
  #my-account #content .links > a:hover .link-item{transform:none}
}

/* =========================================================
   SKI FLAKE - PAGE BLOG
   ========================================================= */
   #blog-localengine .form-horizontal{background:#f5f5f5;border:1px solid #ddd;border-radius:3px}
   #blog-localengine .form-horizontal{padding:50px 50px 0}
   #blog-localengine .form-control{background:#fff!important}

   #blog-localengine{border-top:0.5px solid #BFBEBB;margin-top:50px}
   #blog-localengine .col-lg-9.col-lg-offset-3{width:100%;text-align:right}
   #blog-localengine .col-lg-9 button{transform:translateY(-61px);background:#03d9ff;font-family:"Barlow Condensed", sans-serif}
   #module-leoblog-blog section#wrapper{width:74%;display:inline-block;vertical-align:top;height:calc(100vh - 96px);overflow:auto;padding:0 50px;scrollbar-width:none;-ms-overflow-style:none}
   #module-leoblog-blog section#wrapper::-webkit-scrollbar{display:none}
   #module-leoblog-blog section#wrapper .breadcrumb li::after{color:#03d9ff;content:'\2192'}
   #module-leoblog-blog section#wrapper .breadcrumb li:last-child::after{content:none}
   #module-leoblog-blog .breadcrumb{font-size:12px;margin-bottom:0}
   #module-leoblog-blog .footer-container{margin-top:-87px}
   #module-leoblog-blog .social-share{display:none}
   .blog-description h2{font-size:36px;margin:50px 0 40px;position:relative}
   .blog-description h2:after{content:"";position:absolute;bottom:-15px;left:0;display:block;background:#03D9FF;width:50px;height:4px}
   .blog-description h3,#blog-localengine h3{font-size:28px;margin:30px 0 15px}
   .blog-description .container{padding:0}
   .blog-detail .blog-image img{height:500px;width:100%;object-fit:cover}
   .blog-detail .blog-title{font-size:48px}
   .blog-video-code .inner{background:none}
   .blog-video-code{margin-top:25px}

   /* X : logo seul, le libellé reste lisible par les lecteurs d'écran */
   .share_button ul li.twitter a span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
   .share_button ul li.twitter a::before{content:"";display:inline-block;width:11px;height:11px;margin-right:0;vertical-align:-1px;background:#191B1C;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M18.901 1.153h3.68l-8.04 9.19L24 22.846h-7.406l-5.8-7.584-6.638 7.584H.474l8.6-9.83L0 1.154h7.594l5.243 6.932ZM17.61 20.644h2.039L6.486 3.24H4.298Z'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M18.901 1.153h3.68l-8.04 9.19L24 22.846h-7.406l-5.8-7.584-6.638 7.584H.474l8.6-9.83L0 1.154h7.594l5.243 6.932ZM17.61 20.644h2.039L6.486 3.24H4.298Z'/%3E%3C/svg%3E") center/contain no-repeat}
   .share_button ul li.twitter a:hover::before{background:#03D9FF}

   /* =========================================================
   SKI FLAKE - SIDEBAR BLOG (recherche + catégories)
   ========================================================= */
   #wrapper .sf-blog-sidebar{display:none} /* masqué tant que custom.js ne l'a pas déplacé */
   #module-leoblog-blog .sf-blog-sidebar{position:relative;width:25%;display:inline-block;vertical-align:top;height:calc(100vh - 96px);overflow:hidden}
   .sf-blog-sidebar__bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center -200px}
   .sf-blog-sidebar__inner{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:22px;padding:32px 24px}
   .sf-blog-sidebar__inner > :not(.sf-blog-search):not(.sf-blog-cats){display:none}

/* Recherche */
.sf-blog-search{position:relative;width:100%;max-width:240px;margin:0}
.sf-blog-search input{font-family:'IBM Plex Sans',monospace;width:100%;height:38px;padding:0 44px 0 18px;border:1px solid #191B1C;border-radius:30px;background:#fff;font-size:12px;color:#191B1C;outline:none;-webkit-appearance:none;appearance:none}
.sf-blog-search input::placeholder{color:#8A8987;opacity:1}
.sf-blog-search input:focus{border-color:#03D9FF}
.sf-blog-search input::-webkit-search-cancel-button{-webkit-appearance:none}
.sf-blog-search button{position:absolute;top:0;right:4px;width:38px;height:38px;display:flex;align-items:center;justify-content:center;padding:0;border:0;background:transparent;color:#191B1C;cursor:pointer}
.sf-blog-search button:hover,.sf-blog-search button:focus-visible{color:#03D9FF}

/* Catégories */
.sf-blog-cats ul{list-style:none;margin:0;padding:0;text-align:center}
.sf-blog-cats li{margin:0 0 10px}
.sf-blog-cats a{display:inline-block;padding:4px 10px;font-family:'IBM Plex Sans', monospace;font-size:16px;font-weight:500;color:#191B1C;text-decoration:none;transition:color .25s ease}
.sf-blog-cats a:hover,.sf-blog-cats li.selected > a{color:#03D9FF}
.sf-blog-cats i,.sf-blog-cats .navbar-toggler{display:none}

/* Bouton « Découvrir nos combinaisons » (bas de la sidebar) */
.sf-blog-sidebar__cta{position:absolute;left:0;right:0;bottom:32px;z-index:1;display:flex;justify-content:center;padding:0 24px}
.sf-blog-sidebar__btn{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;max-width:280px;padding:13px 18px;text-align:left;background:#03D9FF;border:1px solid #03D9FF;font-family:'IBM Plex Mono',monospace;font-size:12px;line-height:1.3;color:#191B1C;text-decoration:none;transition:background-color .25s ease,border-color .25s ease,color .25s ease}
.sf-blog-sidebar__btn svg{flex:0 0 auto;transition:transform .25s ease}
.sf-blog-sidebar__btn:hover,.sf-blog-sidebar__btn:focus-visible{background:#191B1C;border-color:#191B1C;color:#fff}
.sf-blog-sidebar__btn:hover svg,.sf-blog-sidebar__btn:focus-visible svg{transform:translateX(4px)}

/* Mobile / tablette :la sidebar passe en bandeau au-dessus de l'article */
@media (max-width:991px){
 #module-leoblog-blog .sf-blog-sidebar{display:block;width:100%;height:auto;min-height:220px}
 .sf-blog-sidebar__bg{object-position:center 30%}
 .sf-blog-cats ul{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}
 .sf-blog-cats li{margin:0}
 .sf-blog-sidebar__cta{position:relative;bottom:auto;padding:0 24px 24px} /* bouton sous les catégories */
 #module-leoblog-blog section#wrapper{width:100%;display:block;height:auto;overflow:visible;padding:0 16px}
 #module-leoblog-blog .footer-container{margin-top:0}
}

/* =========================================================
   SKI FLAKE - ARTICLE BLOG : RESPONSIVE (tablette / mobile)
   ========================================================= */
   .blog-video-code iframe{max-width:100%}

   @media (min-width:992px) and (max-width:1199px){
    #module-leoblog-blog section#wrapper{padding:0 32px}
    .blog-detail .blog-title{font-size:40px;line-height:1.1}
    .blog-detail .blog-image img{height:400px}
    #blog-localengine .form-horizontal{padding:40px 40px 0}
 }

 @media (max-width:991px){
    #module-leoblog-blog section#wrapper{padding:0 32px}
    #module-leoblog-blog section#wrapper > .container{width:100%;max-width:none;padding-left:0;padding-right:0}
    #module-leoblog-blog .breadcrumb{padding-top:20px}

    /* Sidebar en bandeau */
    #module-leoblog-blog .sf-blog-sidebar{min-height:0}
    .sf-blog-sidebar__inner{gap:16px;padding:24px 24px 16px}
    .sf-blog-search{max-width:320px}

    /* Article */
    .blog-detail .blog-title{font-size:40px;line-height:1.1;margin-top:16px}
    .blog-detail .blog-image img{height:auto;aspect-ratio:16/9}
    .blog-description h2{font-size:30px;line-height:1.15;margin:40px 0 32px}
    .blog-description h3,#blog-localengine h3{font-size:24px}
    #module-leoblog-blog .blog-video-code iframe{display:block;width:100%;max-width:400px;height:auto;aspect-ratio:9/16;margin:0 auto}

    /* Commentaires */
    #blog-localengine{margin-top:40px}
    #blog-localengine .form-horizontal{padding:32px 32px 0}
 }

 @media (max-width:767px){
    #module-leoblog-blog section#wrapper{padding:24px 16px 0} /* breadcrumb masqué (hidden-sm-down) */

    /* Sidebar */
    .sf-blog-sidebar__inner{gap:14px;padding:20px 16px 12px}
    .sf-blog-search{max-width:none}
    .sf-blog-cats ul{gap:4px}
    .sf-blog-cats a{font-size:14px;padding:4px 8px}
    .sf-blog-sidebar__cta{padding:0 16px 20px}
    .sf-blog-sidebar__btn{max-width:none}

    /* Article */
    .blog-detail .blog-title{font-size:32px;margin:0 0 12px}
    .blog-detail .share_button,.blog-detail .blog-meta{font-size:13px}
    .blog-detail .blog-image img{aspect-ratio:4/3}
    .blog-description h2{font-size:26px;margin:36px 0 28px}
    .blog-description h2:after{bottom:-12px;width:40px;height:3px}
    .blog-description h3,#blog-localengine h3{font-size:22px;margin:24px 0 12px}
    .blog-description img{max-width:100%;height:auto}
    #module-leoblog-blog .blog-video-code iframe{max-width:340px}

    /* Commentaires article blog */
    #blog-localengine{margin-top:32px}
    #blog-localengine .form-horizontal{padding:20px 16px 20px}
    #blog-localengine .form-horizontal .form-group:last-child{margin-bottom:0}
    #blog-localengine .ipts-captcha{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
    #blog-localengine .ipts-captcha img{flex:0 0 auto}
    #blog-localengine .ipts-captcha input{flex:1 1 120px;width:auto;min-width:0}
    #blog-localengine .col-lg-9.col-lg-offset-3{text-align:center}
    #blog-localengine .col-lg-9 button{transform:none;width:100%}
 }

/* =========================================================
   SKI FLAKE - BLOG : HARMONISATION FAÇON WEBTAO
   Accueil du blog, recherche et catégories.
   ========================================================= */

/* ---------- Mise en page sidebar + contenu ---------- */
:is(#module-leoblog-list,#module-leoblog-category) #page{display:flex;flex-wrap:wrap;align-items:flex-start}
:is(#module-leoblog-list,#module-leoblog-category) #page > *{flex:0 0 100%;max-width:100%}
:is(#module-leoblog-list,#module-leoblog-category) #page > .sf-blog-sidebar{flex:0 0 25%;width:25%;position:relative;height:calc(100vh - 96px);overflow:hidden}
:is(#module-leoblog-list,#module-leoblog-category) #page > section#wrapper{flex:0 0 75%;width:75%;height:calc(100vh - 96px);overflow:auto;padding:0 50px;scrollbar-width:none;-ms-overflow-style:none}
:is(#module-leoblog-list,#module-leoblog-category) section#wrapper::-webkit-scrollbar{display:none}
:is(#module-leoblog-list,#module-leoblog-category) section#wrapper > .container{width:100%;max-width:none}
:is(#module-leoblog-list,#module-leoblog-category) #page > .footer-container{margin-top:0}
:is(#module-leoblog-list,#module-leoblog-category) #page > .footer-container .assurance-footer{margin-top:0} /* supprime les 70px Elementor au-dessus du bandeau réassurance */

/* ---------- Breadcrumb (identique à la page article) ---------- */
:is(#module-leoblog-list,#module-leoblog-category) .breadcrumb{font-size:12px;margin-bottom:0}
:is(#module-leoblog-list,#module-leoblog-category) section#wrapper .breadcrumb li::after{color:#03d9ff;content:'\2192'}
:is(#module-leoblog-list,#module-leoblog-category) section#wrapper .breadcrumb li:last-child::after{content:none}

/* ---------- En-tête centré ---------- */
.sf-blog-list .sf-blog-head{max-width:760px;margin:0 auto;padding:30px 0 10px;text-align:center}
.sf-blog-list .sf-blog-head__title{font-size:56px;line-height:1;font-weight:600;color:#191B1C;margin:0 0 14px}
.sf-blog-list .sf-blog-head__title span{background:linear-gradient(transparent 68%,#03D9FF 68%,#03D9FF 88%,transparent 88%);padding:0 2px}
.sf-blog-list .sf-blog-head__subtitle{font-family:'IBM Plex Mono',monospace;font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:#8A8987;margin:0}
.sf-blog-list .sf-blog-head__desc{font-size:14px;line-height:1.6;color:#666}
.sf-blog-list .sf-blog-head__desc p{margin:0 0 10px}
.sf-blog-list .sf-blog-head__image{margin:0 0 16px}

/* ---------- Grille 2 colonnes ---------- */
.sf-blog-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));margin-top:40px}
.sf-blog-list .sf-blog-grid{margin-left:-65px;margin-right:-65px}
.sf-blog-list .sf-card{display:flex;flex-direction:column;margin:0;padding:30px 28px 26px;background:transparent;box-shadow:none;border:0;border-top:1px solid #DDDDDD;border-right:1px solid #DDDDDD;text-align:center} /* bordures identiques à Webtao (.blogItem) */

/* Image */
.sf-blog-list .sf-card__image{display:block;overflow:hidden;margin:0}
.sf-blog-list .sf-card__image img{display:block;width:100%;aspect-ratio:16/9;height:auto;object-fit:cover;transition:transform .4s ease}
.sf-blog-list .sf-card:hover .sf-card__image img{transform:scale(1.04)}

/* Catégorie */
/* Catégorie : identique à Webtao */
.sf-blog-list .sf-card__cat{margin:25px 0;font-size:12px;text-transform:uppercase;letter-spacing:1px;line-height:normal}
.sf-blog-list .sf-card__cat a{display:inline;padding:0;border:0;font-family:inherit;font-size:inherit;letter-spacing:inherit;color:#000;text-decoration:underline 4px #EEEEEE;text-underline-offset:6px}
.sf-blog-list .sf-card__cat a:hover{color:#000;text-decoration-color:#333333}

/* Titre */
.sf-blog-list .sf-card__title{font-size:28px;line-height:1.15;font-weight:600;margin:0 0 12px}
.sf-blog-list .sf-card__title a{display:inline;color:#191B1C;white-space:normal;overflow:visible;text-overflow:clip;-webkit-line-clamp:unset}
.sf-blog-list .sf-card__title a:hover{color:#03D9FF}

/* Date + infos */
.sf-blog-list .sf-card__meta{display:flex;flex-wrap:wrap;justify-content:center;margin:0 0 16px;font-family:'IBM Plex Mono',monospace;font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:#8A8987}
.sf-blog-list .sf-card__meta::before{content:none;display:none}
.sf-blog-list .sf-card__meta > * + *::before{content:"·";margin:0 8px}
.sf-blog-list .sf-card__meta a{color:#8A8987}
.sf-blog-list .sf-card__meta a:hover{color:#03D9FF}

/* Résumé */
.sf-blog-list .sf-card__desc{margin:0 0 18px;font-size:14px;line-height:1.6;color:#666;text-align:left}

/* Lire la suite */
.sf-blog-list .sf-card__more{margin:auto 0 0;text-align:right}
.sf-blog-list .sf-card__more a{display:inline-flex;align-items:center;gap:10px;font-family:'IBM Plex Mono',monospace;font-size:12px;color:#191B1C;text-decoration:none}
.sf-blog-list .sf-card__more svg{color:#03D9FF;transition:transform .25s ease}
.sf-blog-list .sf-card__more a:hover{color:#03D9FF}
.sf-blog-list .sf-card__more a:hover svg{transform:translateX(4px)}

/* Pagination */
.sf-blog-list .top-pagination-content{margin-top:30px;border:0;font-family:'IBM Plex Mono',monospace;font-size:12px;color:#8A8987}
.sf-blog-list .top-pagination-content .pagination{background:transparent;padding:0;margin:0}

/* Recherche : aucun résultat */
.sf-blog-list .blog-search-empty{margin-top:40px;background:#fff;border:0.5px solid #BFBEBB;border-left:3px solid #03D9FF;border-radius:0;color:#191B1C;padding:22px 24px;font-size:14px}
.sf-blog-list .blog-search-empty a{display:inline-block;margin-left:10px;color:#191B1C;font-family:'IBM Plex Mono',monospace;font-size:12px;text-decoration:underline;text-underline-offset:3px}
.sf-blog-list .blog-search-empty a:hover{color:#03D9FF}

/* ---------- Mobile / tablette ---------- */
@media (max-width:991px){
  :is(#module-leoblog-list,#module-leoblog-category) #page > .sf-blog-sidebar{flex-basis:100%;width:100%;height:auto;min-height:220px}
  :is(#module-leoblog-list,#module-leoblog-category) #page > section#wrapper{flex-basis:100%;width:100%;height:auto;overflow:visible;padding:0 16px}
  .sf-blog-list .sf-blog-grid{margin-left:-31px;margin-right:-31px}
  .sf-blog-list .sf-blog-head__title{font-size:42px}
}
@media (max-width:767px){
  .sf-blog-grid{grid-template-columns:1fr}
  .sf-blog-grid > .sf-card{border-right:0}
  .sf-blog-list .sf-card{padding:26px 16px}
  .sf-blog-list .sf-blog-head__title{font-size:34px}
  .sf-blog-list .blog-search-empty a{display:block;margin:10px 0 0}
}
/* ----------  Ajustements responsive (accueil blog / catégorie / recherche) ---------- */
@media (min-width:992px) and (max-width:1199px){
  :is(#module-leoblog-list,#module-leoblog-category) #page > section#wrapper{padding:0 32px}
  .sf-blog-list .sf-blog-grid{margin-left:-47px;margin-right:-47px} /* 32px #wrapper + 15px .container */
  .sf-blog-list .sf-card{padding:26px 22px 22px}
  .sf-blog-list .sf-card__title{font-size:24px}
}
@media (max-width:991px){
  :is(#module-leoblog-list,#module-leoblog-category) #page > .sf-blog-sidebar{min-height:0}
  :is(#module-leoblog-list,#module-leoblog-category) #page > section#wrapper{padding:0 32px}
  :is(#module-leoblog-list,#module-leoblog-category) section#wrapper > .container{padding-left:0;padding-right:0}
  :is(#module-leoblog-list,#module-leoblog-category) .breadcrumb{padding-top:20px}
  .sf-blog-list .sf-blog-grid{margin-top:32px;margin-left:-32px;margin-right:-32px}
  .sf-blog-list .sf-card{padding:26px 22px 22px}
  .sf-blog-list .sf-card__cat{margin:20px 0}
  .sf-blog-list .sf-card__title{font-size:24px}
  .sf-blog-list .sf-card__meta{row-gap:4px}
  .sf-blog-list .top-pagination-content .pagination{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}
  .sf-blog-list .top-pagination-content .pagination > [class*="col-"]{flex:0 0 100%;max-width:100%;padding:0;text-align:center}
  .sf-blog-list .top-pagination-content .pagination ul{justify-content:center}
}
@media (max-width:767px){
  :is(#module-leoblog-list,#module-leoblog-category) #page > section#wrapper{padding:0 16px}
  .sf-blog-list .sf-blog-grid{margin-top:24px;margin-left:-16px;margin-right:-16px}
  .sf-blog-list .sf-blog-head{padding:28px 0 0}
  .sf-blog-list .sf-blog-head__title{font-size:32px;margin-bottom:12px}
  .sf-blog-list .sf-blog-head__desc{font-size:14px;line-height:1.55}
  .sf-blog-list .sf-card{padding:24px 16px 22px}
  .sf-blog-list .sf-card__cat{margin:18px 0}
  .sf-blog-list .sf-card__title{font-size:22px}
  .sf-blog-list .sf-card__meta{font-size:10px}
  .sf-blog-list .sf-card__meta > * + *::before{margin:0 6px}
  .sf-blog-list .top-pagination-content{margin-top:20px}
}

/* ----------  Page recherche : ajustements tablette / mobile ---------- */
.sf-blog-list .sf-card__meta > span{margin-right:0;font-size:inherit;font-weight:inherit;color:inherit}
.sf-blog-list .sf-blog-head__title{overflow-wrap:anywhere}

@media (min-width:768px){
  .sf-blog-list .sf-blog-grid > .sf-card:only-child{grid-column:1/-1;flex-direction:row;align-items:center;gap:32px;padding:32px 32px 30px;text-align:left;border-right:0;border-bottom:1px solid #DDDDDD}
  .sf-blog-list .sf-card:only-child .sf-card__image{flex:0 0 46%;max-width:46%}
  .sf-blog-list .sf-card:only-child .sf-card__body{flex:1 1 auto;min-width:0;display:flex;flex-direction:column}
  .sf-blog-list .sf-card:only-child .sf-card__cat{margin:0 0 16px}
  .sf-blog-list .sf-card:only-child .sf-card__meta{justify-content:flex-start}
}
@media (min-width:768px) and (max-width:991px){
  .sf-blog-list .sf-blog-grid > .sf-card:only-child{gap:24px;padding:26px 32px 24px}
  .sf-blog-list .sf-card:only-child .sf-card__image{flex-basis:44%;max-width:44%}
  .sf-blog-list .sf-card:only-child .sf-card__image img{aspect-ratio:4/3}
  .sf-blog-list .sf-card:only-child .sf-card__title{font-size:22px}
  .sf-blog-list .sf-card:only-child .sf-card__desc{margin-bottom:14px}
}

@media (max-width:767px){
  .sf-blog-list .sf-blog-grid > .sf-card:last-child{border-bottom:1px solid #DDDDDD}
  .sf-blog-list .top-pagination-content{margin-top:16px}
}

@media (max-width:575px){
  .sf-blog-list .sf-card__meta .nbcomment{display:none}
  .sf-blog-list .sf-blog-head__title{font-size:30px}
}

/* Recherche sans résultat */
.sf-blog-list .blog-search-empty{margin-bottom:60px}
@media (max-width:991px){
  .sf-blog-list .blog-search-empty{margin:32px 0 48px}
}
@media (max-width:767px){
  .sf-blog-list .blog-search-empty{margin:24px 0 40px;padding:18px 16px;line-height:1.5}
}


/* =========================================================
   SKI FLAKE - PAGE « QUI SOMMES-NOUS ? » 
   ========================================================= */
   #cms.cms-id-6 .breadcrumb{display:none}
   body#cms.cms-id-6.page-cms #wrapper > .container > .row{max-width:none;margin:0}
   #cms.cms-id-6 #content-wrapper{padding:0}
   #cms.cms-id-6 #main > .page-header{display:none}
   #cms.cms-id-6 .page-content.page-cms{margin:0;padding:0}
   #cms.cms-id-6 .page-content > .container-parent{width:auto;max-width:none;margin:0;padding:0}

/* ---------- Base ---------- */
.sf-about{--sf-navy:#0F1F38;--sf-text:#2C3644;--sf-line:#DCE3EA;--sf-wide:1600px;--sf-pad:max(var(--sf-gutter,48px),calc((100vw - var(--sf-wide)) / 2));font-family:'IBM Plex Sans',sans-serif;color:var(--sf-text);line-height:1.55;background:#fff}
#cms .sf-about h1,#cms .sf-about h2,#cms .sf-about h3{margin:0;font-family:"Saira Condensed",sans-serif;font-weight:800;text-transform:uppercase;letter-spacing:0;color:var(--sf-navy)}
#cms .sf-about p{margin:0}
.sf-about-hero__title::before,.sf-about-h2::before,.sf-about-h3::before{content:"";display:block;width:46px;height:4px;margin:0 0 22px;background:#03D9FF}

/* ---------- 1. Hero ---------- */
.sf-about-hero{position:relative;display:flex;align-items:center;min-height:clamp(520px,44vw,720px);padding:72px var(--sf-pad);background:linear-gradient(90deg,rgba(8,22,45,.88) 0%,rgba(8,22,45,.6) 32%,rgba(8,22,45,0) 58%),url('../img/qui-sommes-nous/about.webp') 75% center/cover no-repeat;background-color:#0F1F38}
.sf-about-hero__inner{max-width:640px}
#cms .sf-about .sf-about-hero__title{font-size:clamp(52px,6vw,100px);line-height:.9;color:#fff;margin-bottom:28px}
.sf-about-hero__title::before{width:80px;height:6px;margin-bottom:28px}
.sf-about-hero__text{font-size:21px;line-height:1.6;color:#fff;max-width:495px;text-align:left}
.sf-about-hero__text strong{color:#fff;font-weight:700}

/* ---------- 2. International / Conseil ---------- */
.sf-about-duo{display:grid;grid-template-columns:1fr 1fr;background:#fff}
.sf-about-duo__col{padding:64px 48px 64px 0}
.sf-about-duo__intl{padding-top:40px;padding-bottom:40px;padding-left:var(--sf-pad);border-right:1px solid var(--sf-line);margin:24px 0} /* marges 24px : filet vertical en retrait comme sur la maquette */
.sf-about-duo__conseil{position:relative;min-height:640px;padding-left:48px;padding-right:var(--sf-pad);background:linear-gradient(90deg,#fff 0%,rgba(255,255,255,.9) 22%,rgba(255,255,255,0) 55%),linear-gradient(180deg,#fff 0%,rgba(255,255,255,.92) 38%,rgba(255,255,255,0) 62%),url('../img/qui-sommes-nous/about-conseil.jpg') 70% bottom/cover no-repeat} /* texte sur le haut fondu, photo en bas à droite */
#cms .sf-about .sf-about-h2{font-size:clamp(36px,3.6vw,60px);line-height:.95;margin-bottom:24px}
.sf-about-duo p{max-width:385px;font-size:18px;line-height:1.6}
.sf-about-duo__conseil p{max-width:400px}
.sf-about-map{display:block;width:100%;max-width:680px;height:auto;margin:32px 0 0}


/* ---------- 3. Expertise / approche / priorités / valeurs ---------- */
.sf-about-values{display:grid;grid-template-columns:1fr 1fr;padding:40px var(--sf-pad) max(140px,18vw);background:linear-gradient(180deg,#F6F9FC 0%,rgba(246,249,252,.85) 35%,rgba(246,249,252,0) 75%) center bottom/100% 33.4vw no-repeat,url('../img/qui-sommes-nous/about-montagnes.jpg') center bottom/100% auto no-repeat;background-color:#F6F9FC}
.sf-about-value{display:flex;align-items:flex-start;gap:40px;padding:40px 48px 44px 0}
.sf-about-value:nth-child(even){padding-left:56px;padding-right:0}
.sf-about-value:nth-child(odd){border-right:1px solid var(--sf-line)}
.sf-about-value:nth-child(-n+2){border-bottom:1px solid var(--sf-line)}
.sf-about-value__icon{flex:0 0 112px;width:112px;height:112px}
.sf-about-value__body{flex:1 1 auto;min-width:0}
#cms .sf-about .sf-about-h3{font-size:clamp(26px,2.3vw,38px);line-height:1;margin-bottom:14px}
.sf-about-value p{max-width:495px}
.sf-about-value p,.sf-about-value li{font-size:16px;line-height:1.6}
.sf-about-value ul{list-style:none;margin:0;padding:0}
.sf-about-value li{position:relative;margin:0 0 4px;padding-left:28px}
.sf-about-value li::before{content:"";position:absolute;left:4px;top:.62em;width:8px;height:8px;border-radius:50%;background:#03D9FF}

/* footer qui sommes-nous */
#cms.cms-id-6 #main .page-footer{margin-bottom:0}
#cms.cms-id-6 .footer-container{margin-top:0}
#cms.cms-id-6 .assurance-footer{margin-top:0!important}

/* ---------- Tablette ---------- */
@media (max-width:1199px){
  .sf-about-value{gap:28px;padding-right:32px}
  .sf-about-value:nth-child(even){padding-left:32px}
  .sf-about-value__icon{flex-basis:88px;width:88px;height:88px}
}
@media (max-width:991px){
  .sf-about-hero{background:linear-gradient(90deg,rgba(8,22,45,.88) 0%,rgba(8,22,45,.65) 50%,rgba(8,22,45,.15) 100%),url('../img/qui-sommes-nous/about-hero.jpg') 70% center/cover no-repeat}
  .sf-about-duo{grid-template-columns:1fr}
  .sf-about-duo__intl{margin:0;padding:56px var(--sf-pad) 48px;border-right:0;border-bottom:1px solid var(--sf-line)}
  .sf-about-duo__conseil{min-height:0;padding:56px var(--sf-pad) 72vw;background:linear-gradient(180deg,#fff 0%,rgba(255,255,255,0) 100%) left 0 bottom 50vw/100% 25vw no-repeat,url('../img/qui-sommes-nous/about-conseil.jpg') center bottom/100% auto no-repeat;background-color:#fff}
  .sf-about-duo p,.sf-about-duo__conseil p{max-width:560px}
  .sf-about-values{grid-template-columns:1fr;padding-top:16px}
  .sf-about-value,.sf-about-value:nth-child(even){padding:36px 0;border-right:0!important;border-bottom:1px solid var(--sf-line)}
  .sf-about-value:last-child{border-bottom:0}
}

/* ---------- Mobile ---------- */
@media (max-width:767px){
  .sf-about-hero{align-items:flex-end;min-height:560px;padding:48px var(--sf-pad) 40px;background:linear-gradient(180deg,rgba(8,22,45,.15) 0%,rgba(8,22,45,.55) 40%,rgba(8,22,45,.92) 100%),url('../img/qui-sommes-nous/about-hero.jpg') 72% center/cover no-repeat}
  .sf-about-hero__title::before{width:56px;height:5px;margin-bottom:20px}
  #cms .sf-about .sf-about-hero__title{margin-bottom:20px}
  .sf-about-hero__title::before,.sf-about-h2::before,.sf-about-h3::before{margin-bottom:16px}
  .sf-about-duo__intl{padding:44px var(--sf-pad) 36px}
  .sf-about-duo__conseil{padding:44px var(--sf-pad) 72vw}
  .sf-about-map{margin-top:24px}
  .sf-about-value,.sf-about-value:nth-child(even){gap:20px;padding:28px 0}
  .sf-about-value__icon{flex-basis:64px;width:64px;height:64px}
}
@media (max-width:420px){
  .sf-about-value,.sf-about-value:nth-child(even){flex-direction:column;gap:16px}
}


/* =========================================================
   SKI FLAKE - PAGE CONTACT
   ========================================================= */
   #contact #main .page-content{background-color:transparent}
   #contact #left-column,#contact #right-column{display:none!important}
   #contact #content-wrapper{width:100%!important;max-width:100%!important;flex:0 0 100%!important}

/* ---------- Base ---------- */
.sf-contact{--sf-cyan:#03d9ff;--sf-cyan-hover:#00c2e6;--sf-ink:#111111;--sf-text:#232323;--sf-muted:#8e96a3;--sf-border:#dde1e6;--sf-field-bg:#fbfbfc;--sf-radius:8px;max-width:1460px;margin:-30px auto 0px;font-family:"IBM Plex Sans",sans-serif;color:var(--sf-text)}
.sf-contact *,.sf-contact *::before,.sf-contact *::after{box-sizing:border-box}

/* ---------- Carte 2 colonnes ---------- */
.sf-contact__card{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);background:#fff;border-radius:var(--sf-radius);box-shadow:0 10px 40px rgba(17,17,17,.08);overflow:hidden}

/* ---------- Visuel ---------- */
.sf-contact__hero{position:relative;min-height:640px;overflow:hidden}
.sf-contact__hero picture,.sf-contact__hero-img{position:absolute;inset:0;width:100%;height:100%}
.sf-contact__hero-img{object-fit:cover;object-position:72% 50%}
.sf-contact__hero::after{content:"";position:absolute;inset:0;background:linear-gradient(160deg,rgba(8,30,60,.55) 0%,rgba(8,30,60,.15) 40%,rgba(8,30,60,0) 60%);pointer-events:none}
.sf-contact__hero-text{position:relative;z-index:1;padding:60px 56px;max-width:400px;color:#fff}
.sf-contact__bar{display:block;width:40px;height:4px;margin-bottom:20px;background:var(--sf-cyan)}
.sf-contact__hero-title{margin:0 0 16px;font-family:"Saira Condensed",sans-serif;font-weight:700;font-size:clamp(44px,5vw,72px);line-height:.92;letter-spacing:.01em;text-transform:uppercase;color:#fff}
.sf-contact__hero-intro{margin:0;font-size:17px;line-height:1.5;color:#fff;text-shadow:0 1px 8px rgba(0,0,0,.35)}

/* ---------- Formulaire ---------- */
.sf-contact__form{padding:40px 50px 24px 54px}
.sf-form__title{margin:0 0 12px;font-family:"Saira Condensed",sans-serif;font-weight:700;font-size:34px;line-height:1;text-transform:uppercase;color:var(--sf-ink)}
.sf-form__intro{max-width:480px;margin:0 0 24px;font-size:15px;line-height:1.55;color:var(--sf-muted)}
.sf-form__alert{margin-bottom:20px;border-radius:var(--sf-radius)}
.sf-form__alert ul{margin:0;padding:0;list-style:none}

.sf-field{margin-bottom:20px}
.sf-field__label{display:block;margin-bottom:8px;font-size:15px;font-weight:600;color:var(--sf-ink);text-align:left}
.sf-field__optional{font-size:15px;font-weight:400;color:var(--sf-muted)}
.sf-field__label .sf-field__optional{margin-left:6px;font-size:13px}

.sf-form .form-control{width:100%;height:46px;padding:0 16px;font-family:inherit;font-size:15px;color:var(--sf-text);background:transparent!important;border:1px solid var(--sf-border);border-radius:4px;box-shadow:none;transition:border-color .2s,box-shadow .2s}
.sf-form .form-control::placeholder{color:var(--sf-muted);opacity:1}
.sf-form .form-control:focus{outline:none;border-color:var(--sf-cyan);box-shadow:0 0 0 3px rgba(3,217,255,.18);background-color:#fff!important} /* background-color seul : garde les icônes au focus */
.sf-form textarea.form-control{height:auto;min-height:90px;padding:14px 16px;resize:vertical}

/* Select avec chevron */
.sf-field__control--select select.form-control{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding-right:44px;background:transparent url("../img/contact/icone_chevron.svg") no-repeat right 14px center/20px 20px!important;cursor:pointer}

/* E-mail avec icône */
.sf-field__control--email .form-control{padding-right:48px;background:transparent url("../img/contact/icone_email.svg") no-repeat right 14px center/22px 22px!important}

/* Document joint */
.sf-file{display:flex;align-items:center;gap:20px}
.sf-file__box{position:relative;display:flex;flex:1;height:46px;background:transparent;border:1px solid var(--sf-border);border-radius:4px;overflow:hidden}
.sf-file__name{flex:1;min-width:0;padding:0 12px 0 46px;line-height:44px;font-size:14px;color:var(--sf-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;background:url("../img/contact/icone_trombone.svg") no-repeat 14px center/20px 20px}
.sf-file__name.is-filled{color:var(--sf-text)}
.sf-file__btn{display:flex;align-items:center;margin:0;padding:0 24px;font-size:13px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:#fff;background:var(--sf-cyan);cursor:pointer;white-space:nowrap;transition:background .2s}
.sf-file__btn:hover{background:var(--sf-cyan-hover)}
.sf-file__input{position:absolute;width:1px;height:1px;opacity:0;overflow:hidden;clip:rect(0 0 0 0)}
.sf-file__input:focus + .sf-file__btn,.sf-file__box:focus-within .sf-file__btn{box-shadow:inset 0 0 0 2px rgba(0,0,0,.15)}
.sf-file .bootstrap-filestyle,.sf-file .group-span-filestyle{display:none!important} /* neutralise un éventuel bootstrap-filestyle injecté par le thème */

/* Consentement RGPD */
.sf-field--gdpr{margin:4px 0 18px}
.sf-field--gdpr .custom-checkbox{display:block}
.sf-field--gdpr label,.sf-field--gdpr .psgdpr_consent_message{position:relative;display:flex;align-items:flex-start;gap:12px;margin:0;font-size:14px;font-weight:400;line-height:1.45;color:var(--sf-text);text-align:left;cursor:pointer}
.sf-field--gdpr input[type="checkbox"]{position:absolute;top:0;left:0;width:20px;height:20px;margin:0;opacity:0;cursor:pointer;z-index:1}
/* case à cocher : carré 20x20 qui ne se fait plus écraser par le texte (avant : 30x18, puis 11px de large sur mobile) */
.sf-field--gdpr input[type="checkbox"] + span{flex:0 0 20px;display:flex;align-items:center;justify-content:center;width:20px;height:20px;margin:0;border:1px solid var(--sf-border);border-radius:4px;background:#fff;transition:background-color .2s,border-color .2s}
.sf-field--gdpr input[type="checkbox"] + span .checkbox-checked{font-size:16px;line-height:1;color:#fff;margin:0}
.sf-field--gdpr label:hover input[type="checkbox"] + span{border-color:var(--sf-cyan)}
.sf-field--gdpr input[type="checkbox"]:checked + span{background:var(--sf-cyan);border-color:var(--sf-cyan)}
.sf-field--gdpr input[type="checkbox"]:focus-visible + span{box-shadow:0 0 0 3px rgba(3,217,255,.25)}

/* Bouton Envoyer */
.sf-form__footer{display:flex;justify-content:flex-end;padding:0;border:0}
.sf-form__submit{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-width:190px;height:46px;padding:0 28px;font-family:inherit;font-size:16px;font-weight:600;color:#fff;background:var(--sf-cyan);border:0;border-radius:4px;cursor:pointer;transition:background .2s,transform .2s}
.sf-form__submit:hover{background:var(--sf-cyan-hover)}
.sf-form__submit img{transition:transform .2s}
.sf-form__submit:hover img{transform:translateX(3px)}
.sf-form__submit:focus-visible{outline:3px solid rgba(3,217,255,.4);outline-offset:2px}

/* ---------- Réassurance ---------- */
.sf-contact__reassurance{display:grid;grid-template-columns:repeat(3,1fr);margin:26px 0 0;padding:0;list-style:none}
.sf-contact__reassurance li{display:flex;align-items:center;justify-content:center;gap:24px;padding:4px 20px}
.sf-contact__reassurance li + li{border-left:1px solid var(--sf-border)}
.sf-contact__reassurance img{flex:0 0 auto;width:40px;height:40px}
.sf-contact__reassurance strong{display:block;font-size:15px;font-weight:600;color:var(--sf-ink)}
.sf-contact__reassurance span{display:block;font-size:14px;color:var(--sf-muted)}

.psgdpr_consent_message p{font-size:14px}

/* ---------- Responsive ---------- */
@media (max-width:1199px){
  .sf-contact__form{padding:36px 36px 20px}
  .sf-contact__hero-text{padding:48px 40px}
  .sf-file{flex-wrap:wrap;gap:6px}
  .sf-file__box{flex-basis:100%}
}
@media (max-width:991px){
  .sf-contact__card{grid-template-columns:minmax(0,1fr)}
  .sf-contact__hero{min-height:360px}
  .sf-contact__hero-img{object-position:60% 35%}
  .sf-contact__hero::after{background:linear-gradient(180deg,rgba(8,30,60,.7) 0%,rgba(8,30,60,.45) 65%,rgba(8,30,60,.2) 100%)} /* accroche plus lisible sur la photo */
  .sf-contact__reassurance{grid-template-columns:1fr;gap:16px}
  .sf-contact__reassurance li{justify-content:flex-start;padding:0 4px}
  .sf-contact__reassurance li + li{border-left:0}
}
@media (max-width:575px){
  #contact #main .page-content{padding-left:0;padding-right:0}
  .sf-contact{margin-top:0}
  .sf-contact__hero{min-height:300px}
  .sf-contact__hero-text{padding:36px 24px}
  .sf-contact__hero-title{font-size:clamp(34px,10vw,44px)}
  .sf-contact__hero-intro{font-size:15px}
  .sf-contact__form{padding:28px 20px 16px}
  .sf-form__title{font-size:28px}
  .sf-file__box{flex-wrap:wrap;height:auto}
  .sf-file__name{flex:1 1 100%}
  .sf-file__btn{flex:1 1 100%;justify-content:center;height:40px;padding:0 14px;font-size:12px}
  .sf-form__submit{width:100%}
}

/* ---------- Notifications ---------- */
#notifications .container{width:100%;margin:0;padding:0 30px}
#notifications .container:has(.alert,article){margin:25px 0 20px}


/* =========================================================
   SKI FLAKE - FICHE PRODUIT
   Profil Leo Elements « Product Image Thumbs Bottom » + surcharges :
   catalog/_partials/product-variants.tpl, catalog/_partials/sf-product-highlights.tpl,
   sub/product_info/tab.tpl. Icônes et visuel : ../img/product/
   ========================================================= */
   #product{--sf-navy:#0F1F38;--sf-cyan:#03D9FF;--sf-cyan-text:#00A3CF;--sf-cyan-soft:#E9FBFF;--sf-text:#4A5561;--sf-muted:#7A8590;--sf-line:#D6DDE4;--sf-radius:4px}

/* ---------- Fond : zone produit blanche pleine largeur, onglets sur le fond du site ---------- */
/* border-image plutôt que box-shadow + clip-path : le clip-path coupait le haut du visuel skieur qui remonte sous le breadcrumb */
#product #main.product-detail{position:relative;background:#fff;border-image:linear-gradient(#fff 0 0) fill 0 / 0 / 0 100vmax;padding-top:22px}
/* Breadcrumb dans la zone blanche : plus de bande beige entre le header et la fiche */
#product #notifications .container{margin:0}
#product #wrapper > .container > .breadcrumb{position:relative;margin-bottom:0;background:#fff;box-shadow:0 0 0 100vmax #fff;clip-path:inset(0 -100vmax)}
#product #wrapper > .container > .breadcrumb ol{margin:0;padding:20px 0 0}
#product #main.product-detail > .row{margin-left:-15px;margin-right:-15px}
#product #main .page-footer{margin:0}
#product .assurance-footer,#product .footer-container{margin-top:0;}

/* ---------- Colonne infos + visuel décoratif (skieur) ---------- */
#product #main .product-detail-name{position:relative}
#product #main.product-detail > .row > :nth-child(2){position:relative;z-index:0;padding-left:34px}
/* Le visuel déborde du conteneur 1200px pour coller au bord droit de la zone blanche (bord de l'écran) */
#product #wrapper{overflow-x:clip}
#product #main.product-detail > .row > :nth-child(2)::before{content:"";position:absolute;top:-58px /* breadcrumb 35px + padding-top #main 22px : colle sous le header */;right:min(0px,calc((1200px - 100vw) / 2));z-index:-1;width:min(420px,70%);height:430px;background:url('../img/product/sf-product-skier.webp') right top/contain no-repeat;pointer-events:none}
/* Skieur de dos portant la combinaison de la fiche (images ChatGPT, 640x656 WebP, fondu blanc a gauche et en bas).
   L'image par defaut ci-dessus reste en secours pour une nouvelle combinaison sans visuel dedie. */
   body#product.product-id-3 #main.product-detail > .row > :nth-child(2)::before{background-image:url('../img/product/sf-product-skier-3.webp')}
   body#product.product-id-4 #main.product-detail > .row > :nth-child(2)::before{background-image:url('../img/product/sf-product-skier-4.webp')}
   body#product.product-id-5 #main.product-detail > .row > :nth-child(2)::before{background-image:url('../img/product/sf-product-skier-5.webp')}
   body#product.product-id-6 #main.product-detail > .row > :nth-child(2)::before{background-image:url('../img/product/sf-product-skier-6.webp')}
   body#product.product-id-7 #main.product-detail > .row > :nth-child(2)::before{background-image:url('../img/product/sf-product-skier-7.webp')}
   body#product.product-id-8 #main.product-detail > .row > :nth-child(2)::before{background-image:url('../img/product/sf-product-skier-8.webp')}
   body#product.product-id-9 #main.product-detail > .row > :nth-child(2)::before{background-image:url('../img/product/sf-product-skier-9.webp')}
   body#product.product-id-10 #main.product-detail > .row > :nth-child(2)::before{background-image:url('../img/product/sf-product-skier-10.webp')}
   body#product.product-id-11 #main.product-detail > .row > :nth-child(2)::before{background-image:url('../img/product/sf-product-skier-11.webp')}
   body#product.product-id-12 #main.product-detail > .row > :nth-child(2)::before{background-image:url('../img/product/sf-product-skier-12.webp')}
   body#product.product-id-14 #main.product-detail > .row > :nth-child(2)::before{background-image:url('../img/product/sf-product-skier-14.webp')}
   body#product.product-id-15 #main.product-detail > .row > :nth-child(2)::before{background-image:url('../img/product/sf-product-skier-15.webp')}
   body#product.product-id-16 #main.product-detail > .row > :nth-child(2)::before{background-image:url('../img/product/sf-product-skier-16.webp')}
   body#product.product-id-22 #main.product-detail > .row > :nth-child(2)::before{background-image:url('../img/product/sf-product-skier-22.webp')}
   body#product.product-id-24 #main.product-detail > .row > :nth-child(2)::before{background-image:url('../img/product/sf-product-skier-24.webp')}
/* Pas de skieur sur les collants (categorie 6) ni sur les shorts (categorie 7) */
body#product.product-id-category-6 #main.product-detail > .row > :nth-child(2)::before,
body#product.product-id-category-7 #main.product-detail > .row > :nth-child(2)::before{content:none}

/* Titre / prix */
#product #main .product-detail-name{max-width:calc(100% - 210px);margin:0 0 12px;font-family:"Saira Condensed",sans-serif;font-size:38px;font-weight:700;line-height:1.02;letter-spacing:0;text-transform:uppercase;color:var(--sf-navy)}
#product #main .product-prices{margin:0 0 18px}
#product #main .product-prices .product-price{margin:0}
#product #main .product-prices .current-price{margin:0}
#product #main .product-prices .current-price-value{font-family:"Saira Condensed",sans-serif;font-size:34px;font-weight:700;line-height:1;color:var(--sf-cyan)}
#product #main .product-prices .regular-price{font-size:18px;color:var(--sf-muted)}
#product #main .product-prices .discount{background:var(--sf-cyan);color:var(--sf-navy)}
#product #main .tax-shipping-delivery-label{margin-top:6px;font-size:12px;color:var(--sf-navy)}

/* Description courte : 1er paragraphe seulement (comme la maquette), la suite est dans l'onglet Description */
#product #main .description-short{max-width:410px;margin:0;font-size:15px;line-height:1.55;color:var(--sf-text)}
#product #main .description-short > *{margin:0}
#product #main .description-short > :not(:first-child){display:none}

/* Lien « Voir la description complète » (en tête de product-variants.tpl) */
#product .sf-desc-link{display:inline-flex;align-items:center;gap:8px;margin:12px 0 30px;font-size:14px;font-weight:400;color:var(--sf-cyan-text);text-decoration:underline;text-underline-offset:3px}
#product .sf-desc-link:hover,#product .sf-desc-link:focus-visible{color:var(--sf-navy)}
#product .sf-desc-link__arrow{width:14px;height:14px;transition:transform .25s ease}
#product .sf-desc-link:hover .sf-desc-link__arrow{transform:translateX(3px)}

/* ---------- Déclinaisons (taille / état) ---------- */
#product .product-variants{margin:0}
#product .product-variants > .product-variants-item{margin:0 0 22px}
#product .sf-variants-item__head{display:flex;align-items:center;gap:24px;margin:0 0 10px}
#product .product-variants .control-label{display:block;width:auto;margin:0;font-family:'IBM Plex Sans',sans-serif;font-size:16px;font-weight:600;color:var(--sf-navy)}
#product .sf-size-guide{display:inline-flex;white-space:nowrap;align-items:center;gap:7px;font-size:13px;font-weight:400;color:var(--sf-cyan-text);text-decoration:underline;text-underline-offset:3px}
#product .sf-size-guide:hover{color:var(--sf-navy)}
#product .sf-size-guide__icon{width:18px;height:18px}

#product .product-variants ul{display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none}
#product .product-variants .input-container{float:none;position:relative;margin:0}
#product .product-variants .input-container label{display:block;margin:0;cursor:pointer}
#product .product-variants .input-radio{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer;z-index:1}
#product .product-variants .radio-label{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:56px;min-height:36px;height:100%;padding:7px 14px;background:#fff;border:1px solid var(--sf-line);border-radius:var(--sf-radius);box-shadow:none;font-family:'IBM Plex Sans',sans-serif;font-size:13px;font-weight:600;line-height:1.3;color:var(--sf-navy);text-align:center;transition:border-color .2s ease,background-color .2s ease,box-shadow .2s ease}
#product .product-variants .input-container:hover .radio-label{border-color:var(--sf-navy)}
#product .product-variants .input-radio:focus-visible + .radio-label{outline:2px solid var(--sf-navy);outline-offset:2px}
#product .product-variants .input-radio:checked + .radio-label{background:var(--sf-cyan-soft);border-color:var(--sf-cyan);box-shadow:inset 0 0 0 1px var(--sf-cyan);color:var(--sf-navy)}

/* Taille : cases pleines cyan */
#product .sf-variants-item--size .radio-label{min-width:56px;padding:7px 12px}
#product .sf-variants-item--size .input-radio:checked + .radio-label{background:var(--sf-cyan);box-shadow:none}

/* État : grille 3 colonnes, les libellés longs passent sur toute la largeur */
#product .sf-variants-item--radio:not(.sf-variants-item--size) ul{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}
#product .sf-variants-item--radio:not(.sf-variants-item--size) .input-container{min-width:0}
#product .sf-variants-item--radio:not(.sf-variants-item--size) .radio-label{min-height:46px;padding:7px 10px}
#product .sf-variant__title{display:block;font-weight:600}
#product .sf-variant__detail{display:block;font-size:12px;font-weight:400;color:var(--sf-text)}
#product .product-variants .sf-variant--wide{grid-column:1/-1}
#product .product-variants .sf-variant--wide .radio-label{display:block;min-height:38px;padding:9px 15px;text-align:left}
#product .product-variants .sf-variant--wide .sf-variant__title,#product .product-variants .sf-variant--wide .sf-variant__detail{display:inline}
#product .product-variants .sf-variant--wide .sf-variant__detail{font-size:13px}

/* ---------- Quantité + ajout au panier + favoris + comparer ---------- */
#product .product-actions .product-add-to-cart{display:flex;flex-wrap:wrap;align-items:center;column-gap:16px;margin-top:6px}
#product .product-add-to-cart > .control-label{width:auto;margin:0;font-size:14px;font-weight:400;color:var(--sf-navy)}
#product .product-add-to-cart .product-quantity{display:flex;flex:1 1 0;flex-wrap:nowrap;align-items:center;gap:14px;min-width:0;margin:0}
#product .product-add-to-cart .product-quantity > *{float:none;margin:0}
#product .product-add-to-cart .product-quantity::after{content:none}

/* Sélecteur de quantité : [-] 1 [+] (bootstrap-touchspin réorganisé, mêmes boutons) */
#product .product-quantity .qty{width:auto;margin:0}
#product .product-quantity .bootstrap-touchspin{display:flex;align-items:stretch;width:120px;height:42px;background:#fff;border:1px solid var(--sf-line);border-radius:var(--sf-radius);box-shadow:none;overflow:hidden}
#product .product-quantity .bootstrap-touchspin .input-group-addon{display:none!important}
#product .product-quantity #quantity_wanted{order:2;flex:1 1 auto;width:40px;height:40px;padding:0;border:0;border-left:1px solid var(--sf-line);border-right:1px solid var(--sf-line);background:#fff!important;font-family:'IBM Plex Sans',sans-serif;font-size:15px;color:var(--sf-navy);text-align:center;-moz-appearance:textfield}
#product .product-quantity #quantity_wanted::-webkit-outer-spin-button,#product .product-quantity #quantity_wanted::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
#product .product-quantity .input-group-btn-vertical{display:contents}
#product .product-quantity .btn-touchspin{position:static;display:flex;align-items:center;justify-content:center;flex:0 0 38px;width:38px;height:40px;margin:0;padding:0;background:#fff;border:0;border-radius:0;color:var(--sf-navy);cursor:pointer}
#product .product-quantity .bootstrap-touchspin-down{order:1}
#product .product-quantity .bootstrap-touchspin-up{order:3}
#product .product-quantity .btn-touchspin i{position:static;display:block;width:12px;height:12px;margin:0;font-size:0;line-height:0}
#product .product-quantity .btn-touchspin i::before{content:"";display:block;width:12px;height:12px;background:currentColor;-webkit-mask:linear-gradient(#000 0 0) center/12px 1.5px no-repeat;mask:linear-gradient(#000 0 0) center/12px 1.5px no-repeat}
#product .product-quantity .bootstrap-touchspin-up i::before{-webkit-mask:linear-gradient(#000 0 0) center/12px 1.5px no-repeat,linear-gradient(#000 0 0) center/1.5px 12px no-repeat;mask:linear-gradient(#000 0 0) center/12px 1.5px no-repeat,linear-gradient(#000 0 0) center/1.5px 12px no-repeat}
#product .product-quantity .btn-touchspin:hover{background:var(--sf-cyan-soft)}

/* Bouton Ajouter au panier */
#product .product-add-to-cart .add{flex:0 1 246px;min-width:150px}
#product .product-add-to-cart .add-to-cart{display:inline-flex;align-items:center;justify-content:center;gap:14px;width:100%;min-width:0;height:42px;padding:0 20px;background:var(--sf-cyan);border:1px solid var(--sf-cyan);border-radius:var(--sf-radius);box-shadow:none;font-family:"Saira Condensed",sans-serif;font-size:19px;font-weight:700;line-height:1;letter-spacing:.04em;text-transform:uppercase;color:var(--sf-navy);transition:background-color .25s ease,border-color .25s ease,color .25s ease}
#product .product-add-to-cart .add-to-cart:hover,#product .product-add-to-cart .add-to-cart:focus-visible{background:var(--sf-navy);border-color:var(--sf-navy);color:#fff}
#product .product-add-to-cart .add-to-cart:disabled{opacity:.45;cursor:not-allowed}
#product .product-add-to-cart .add-to-cart .material-icons{display:block;flex:0 0 22px;width:22px;height:22px;margin:0;font-size:0;line-height:0;background:currentColor;-webkit-mask:url('../img/product/cart.svg') center/contain no-repeat;mask:url('../img/product/cart.svg') center/contain no-repeat}

/* Favoris / comparer : boutons ronds (modules leofeature, markup inchangé) */
#product .product-add-to-cart .wishlist,#product .product-add-to-cart .compare{flex:0 0 auto}
#product .product-add-to-cart :is(.leo-wishlist-button,.leo-compare-button){position:relative;display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;min-width:0;margin:0;padding:0;background:#fff;border:1px solid var(--sf-line);border-radius:50%;box-shadow:none;color:var(--sf-navy);transition:border-color .2s ease,background-color .2s ease}
#product .product-add-to-cart :is(.leo-wishlist-button,.leo-compare-button):hover{background:var(--sf-cyan-soft);border-color:var(--sf-cyan);color:var(--sf-navy)}
#product .product-add-to-cart :is(.leo-wishlist-bt-content,.leo-compare-bt-content){display:flex;align-items:center;justify-content:center;line-height:0}
#product .product-add-to-cart :is(.leo-wishlist-bt-content,.leo-compare-bt-content)::before{content:none}
#product .product-add-to-cart :is(.leo-wishlist-button,.leo-compare-button) .name-btn-product{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
#product .product-add-to-cart :is(.leo-wishlist-button,.leo-compare-button) .icon-btn-product{display:block;width:20px;height:20px;margin:0;font-size:0;line-height:0;background:currentColor}
#product .product-add-to-cart .leo-wishlist-button .icon-btn-product{-webkit-mask:url('../img/product/heart-filled.svg') center/contain no-repeat;mask:url('../img/product/heart-filled.svg') center/contain no-repeat}
#product .product-add-to-cart .leo-compare-button .icon-btn-product{-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M9.01 14H2v2h7.01v3L13 15l-3.99-4v3zm5.98-1v-3H22V8h-7.01V5L11 9l3.99 4z'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M9.01 14H2v2h7.01v3L13 15l-3.99-4v3zm5.98-1v-3H22V8h-7.01V5L11 9l3.99 4z'/%3E%3C/svg%3E") center/contain no-repeat}
#product .product-add-to-cart :is(.leo-wishlist-button,.leo-compare-button).added{background:var(--sf-cyan);border-color:var(--sf-cyan)}
#product .product-add-to-cart :is(.leo-wishlist-button,.leo-compare-button) .cssload-speeding-wheel{position:absolute;inset:0;margin:auto}

/* Disponibilité : message discret sous le bouton */
#product .product-add-to-cart .product-availability{flex:0 0 100%;margin:15px 0}
#product .product-availability .alert{display:inline-flex;margin:0;padding:0;background:none;border:0;font-size:13px;font-weight:400;color:var(--sf-text)}
#product .product-availability .alert-content-wrapper{display:flex;align-items:center;gap:8px}
#product .product-availability .alert .material-icons{display:none}
#product .product-availability .alert-content-wrapper::before{content:"";flex:0 0 8px;width:8px;height:8px;border-radius:50%;background:#2DBE6C}
#product .product-availability .alert-warning .alert-content-wrapper::before{background:#F5A623}
#product .product-availability .alert-danger .alert-content-wrapper::before{background:#E5484D}
#product .product-add-to-cart .product-minimal-quantity{flex:0 0 100%;margin:6px 0 0;font-size:13px}
#product .product-add-to-cart .product-minimal-quantity:empty{display:none}

/* Blocs non prévus par la maquette (masqués, pas supprimés) :
   Catégories / Sku, partage (ps_sharebuttons) et réassurance d'exemple */
   #product #main .line,
   #product #main .product-additional-info .social-sharing,
   #product #main .blockreassurance_product{display:none}

/* ---------- Galerie (Leo Gallery / lightSlider) : miniatures à gauche dès 768px ---------- */
#product .images-container{position:relative;margin:0}
#product .lSSlideWrapper{background:#fff}
#product .lSSlideOuter .lSPager.lSGallery li{border:1px solid var(--sf-line);border-radius:0;opacity:1;overflow:hidden;transition:border-color .2s ease}
#product .lSSlideOuter .lSPager.lSGallery li:hover,#product .lSSlideOuter .lSPager.lSGallery li.active{border-color:var(--sf-cyan);box-shadow:inset 0 0 0 1px var(--sf-cyan)}
#product .lSSlideOuter .lSPager.lSGallery li img{display:block;width:100%;height:auto}
#product .lSAction > a{width:34px;height:52px;margin-top:-26px;background:none;opacity:1;color:#71869A;display:flex;align-items:center;justify-content:center;transition:color .2s ease}
#product .lSAction > a:hover{color:var(--sf-navy)}
#product .lSAction > a svg{width:14px;height:34px}
#product .lSAction > .lSPrev{left:12px}
#product .lSAction > .lSNext{right:12px}
.sf-thumbs-nav{display:none}

@media (min-width:768px){
  #product .lSSlideOuter{display:grid;grid-template-columns:94px minmax(0,1fr);grid-template-rows:auto minmax(0,1fr) auto;column-gap:30px;align-items:start}
  #product .lSSlideOuter > .lSSlideWrapper{grid-column:2;grid-row:1/4}
  #product .lSSlideOuter > .lSPager.lSGallery{grid-column:1;grid-row:2;display:flex;flex-direction:column;gap:12px;width:auto!important;max-height:var(--sf-thumbs-h,420px);margin:0!important;transform:none!important;overflow-y:auto;scrollbar-width:none}
  #product .lSSlideOuter > .lSPager.lSGallery::-webkit-scrollbar{display:none}
  #product .lSSlideOuter > .lSPager.lSGallery li{flex:0 0 auto;width:100%!important;margin:0!important}
  #product .lSSlideOuter > .product-flags{grid-column:2;grid-row:1}
  #product .sf-thumbs-nav{grid-column:1;display:flex;align-items:center;justify-content:center;width:100%;height:28px;margin:0;padding:0;background:none;border:0;color:#71869A;cursor:pointer}
  #product .sf-thumbs-nav:hover{color:var(--sf-navy)}
  #product .sf-thumbs-nav svg{width:18px;height:18px}
  #product .sf-thumbs-nav--up{grid-row:1;margin-bottom:6px}
  #product .sf-thumbs-nav--down{grid-row:3;margin-top:6px}
}

/* ---------- Bandeau des atouts ---------- */
.sf-product-highlights{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin:46px 0 0;padding:4px 0 34px;list-style:none}
.sf-product-highlights--3{grid-template-columns:repeat(3,minmax(0,1fr))}
.sf-product-highlights__item{display:flex;flex-direction:column;align-items:center;gap:12px;padding:6px 20px;text-align:center}
.sf-product-highlights__item + .sf-product-highlights__item{border-left:1px solid var(--sf-line)}
.sf-product-highlights__icon{display:block;width:52px;height:52px}
.sf-product-highlights__label{max-width:190px;font-family:'IBM Plex Sans',sans-serif;font-size:14px;font-weight:500;line-height:1.3;letter-spacing:.06em;text-transform:uppercase;color:var(--sf-navy)}

/* ---------- Onglets (maquette « page produit amélioration ») ----------
   Bande grise pleine largeur, 3 onglets en segments égaux : l'onglet actif est blanc,
   surmonté d'un filet cyan, et se fond dans le panneau de contenu. */
   #product .sf-product-tabs-band{position:relative;padding:48px 0 72px;background:#F4F3F0;box-shadow:0 0 0 100vmax #F4F3F0;clip-path:inset(0 -100vmax)}
   #product .sf-product-tabs-band .product-tabs{margin:0;padding:0;background:none;border-radius:0;box-shadow:none}
   #product .product-tabs .nav-tabs{position:relative;z-index:1;display:flex;align-items:flex-end;gap:0;margin:0;padding:0;border:0}
   #product .product-tabs .nav-tabs .nav-item{float:none;flex:1 1 0;min-width:0;margin:0}
   #product .product-tabs .nav-tabs .nav-link{position:relative;display:flex;align-items:center;justify-content:center;height:68px;margin:0 0 -1px;padding:0 16px;background:#EEF2F6;border:1px solid var(--sf-line);border-left-width:0;border-radius:0;font-family:'Saira Condensed';font-size:18px;font-weight:600;line-height:1.2;letter-spacing:.03em;text-align:center;text-transform:uppercase;color:var(--sf-navy);transition:background-color .2s ease,color .2s ease}
   #product .product-tabs .nav-tabs .nav-item:first-child .nav-link{border-left-width:1px}
   #product .product-tabs .nav-tabs .nav-link::after{content:"";position:absolute;top:-1px;right:-1px;bottom:auto;left:-1px;height:4px;background:var(--sf-cyan);transform:scaleX(0);transform-origin:left center;transition:transform .25s ease}
   #product .product-tabs .nav-tabs .nav-item:first-child .nav-link::after{left:-1px}
   #product .product-tabs .nav-tabs .nav-link:hover{background:#F7F9FB;color:var(--sf-navy)}
   #product .product-tabs .nav-tabs .nav-link.active{height:74px;background:#fff;border-bottom-color:#fff;color:var(--sf-navy)}
   #product .product-tabs .nav-tabs .nav-link.active::after{transform:scaleX(1)}
   #product .product-tabs .nav-tabs .nav-link:focus-visible{outline:2px solid var(--sf-navy);outline-offset:-4px}
   #product .product-tabs .tab-content{margin:0;padding:56px 52px 60px;background:#fff;border:1px solid var(--sf-line);box-shadow:0 14px 34px rgba(15,31,56,.06);font-size:16px;line-height:1.7;color:var(--sf-text)}
   #product .product-tabs .tab-content > .tab-pane{padding:0;border:0;border-radius:0}

/* Description : en-tête (titre « Nom du produit – accroche », filet cyan) + texte en une colonne
   Titres des onglets en Saira Condensed (comme le nom du produit en haut de fiche) */
   #product .sf-desc-head{margin:0 0 34px}
   #product .sf-desc-head__eyebrow{margin:0 0 14px;font-family:'IBM Plex Sans',sans-serif;font-size:13px;font-weight:500;line-height:1.4;letter-spacing:.32em;text-transform:uppercase;color:#5B6B7B}
   #product .product-tabs .sf-desc-head__title{max-width:820px;margin:0;font-family:"Saira Condensed",sans-serif;font-size:clamp(30px,3.4vw,48px);font-weight:700;line-height:1.1;letter-spacing:0;text-transform:none;color:var(--sf-navy)}
   #product .product-tabs .sf-desc-head__title::after{content:"";display:block;width:72px;height:4px;margin-top:26px;background:var(--sf-cyan)}
   #product .product-description{max-width:1240px;font-size:17px;line-height:1.75;color:#55616E}
   #product .product-description p{margin:0 0 22px}
   #product .product-description > :last-child{margin-bottom:0}
   #product .product-description strong{color:var(--sf-navy);font-weight:600}
   #product .product-description a{color:var(--sf-cyan-text);text-decoration:underline;text-underline-offset:3px}
   #product .product-description a:hover{color:var(--sf-navy)}
/* Titre H2 saisi dans le BO en tête de description : même style que l'en-tête automatique */
#product .product-description > h2:first-child,#product .product-description > p:empty:first-child + h2{max-width:820px;margin:0 0 34px;font-family:"Saira Condensed",sans-serif;font-size:clamp(30px,3.4vw,48px);font-weight:700;line-height:1.1;color:var(--sf-navy)}
#product .product-description > h2:first-child::after,#product .product-description > p:empty:first-child + h2::after{content:"";display:block;width:72px;height:4px;margin-top:26px;background:var(--sf-cyan)}
#product .product-description h2{margin:40px 0 16px;font-family:"Saira Condensed",sans-serif;font-size:30px;font-weight:700;line-height:1.2;color:var(--sf-navy)}
#product .product-description h3{margin:36px 0 14px!important;font-family:"Saira Condensed",sans-serif;font-size:23px!important;font-weight:700;line-height:1.25;color:var(--sf-navy)!important}
#product .product-description :is(h2,h3,h4)[style]{font-family:"Saira Condensed",sans-serif!important;line-height:1.25!important;background:none!important}
#product .product-description :is(p,span,strong,li)[style]{font-family:inherit!important;font-size:inherit!important;line-height:inherit!important;background-color:transparent!important}
#product .product-description ul{margin:0 0 22px;padding:0;list-style:none}
#product .product-description ul li{position:relative;margin:0 0 8px;padding-left:22px}
#product .product-description ul li::before{content:"";position:absolute;top:.72em;left:2px;width:7px;height:7px;border-radius:50%;background:var(--sf-cyan)}
#product .product-description ul li p{margin:0}

/* Caractéristiques du produit : tableau (custom.js y déplace la liste « Caractéristiques techniques ») */
#product .sf-specs-panel{margin:0 0 36px}
#product .sf-specs-panel h2,#product .sf-specs-panel h3{margin:0 0 22px!important;font-family:"Saira Condensed",sans-serif;font-size:28px!important;font-weight:700;line-height:1.2;color:var(--sf-navy)!important}
#product .sf-specs-panel h2::after,#product .sf-specs-panel h3::after{content:"";display:block;width:56px;height:4px;margin-top:16px;background:var(--sf-cyan)}
#product .sf-specs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 48px;margin:0;padding:0;list-style:none;font-size:16px;line-height:1.5}
#product .sf-specs__row{display:grid;grid-template-columns:minmax(120px,38%) minmax(0,1fr);gap:16px;padding:14px 0;border-bottom:1px solid #E6EBF0}
#product .sf-specs dt{margin:0;font-weight:600;color:var(--sf-navy)}
#product .sf-specs dd{margin:0;color:#55616E}
#product .sf-specs dd::before{content:none}
#product .sf-features-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 48px;margin:0;padding:0;list-style:none;font-size:16px;line-height:1.5}
#product .sf-features-list li{position:relative;margin:0;padding:14px 0 14px 30px;border-bottom:1px solid #E6EBF0;color:#55616E}
#product .sf-features-list li::before{content:"";position:absolute;top:19px;left:2px;width:14px;height:8px;border-left:2px solid var(--sf-cyan);border-bottom:2px solid var(--sf-cyan);transform:rotate(-45deg)}
#product .sf-features-list li p{margin:0}
#product .sf-features-list li:empty{display:none}
/* Détails PrestaShop (stock, état, références…) sur le même modèle de lignes */
#product #product-details > :not(.sf-specs-panel){font-size:16px}
#product #product-details :is(.product-quantities,.product-condition,.product-reference,.product-manufacturer,.product-availability-date){display:grid;grid-template-columns:minmax(120px,19%) minmax(0,1fr);gap:16px;margin:0;padding:14px 0;border-bottom:1px solid #E6EBF0}
#product #product-details :is(.product-quantities,.product-condition,.product-reference,.product-manufacturer,.product-availability-date) label{margin:0;text-align:left;font-weight:600;color:var(--sf-navy)}
#product #product-details .product-out-of-stock:empty{display:none}
#product #product-details .product-features{margin:32px 0 0}
#product #product-details .product-features .data-sheet{display:grid;grid-template-columns:minmax(120px,19%) minmax(0,1fr);margin:0}
#product #product-details .product-features .data-sheet :is(dt,dd){margin:0;padding:14px 0;background:none;border-bottom:1px solid #E6EBF0;font-weight:400}
#product #product-details .product-features .data-sheet dt{font-weight:600;color:var(--sf-navy)}

/* Avis client */
#product #product_reviews_block_tab{font-size:16px;color:#55616E}
#product #product_reviews_block_tab > .align_center{display:flex;flex-direction:column;align-items:center;gap:14px;margin:0;padding:24px 0;text-align:center}
#product #product_reviews_block_tab > .align_center::before{content:"";width:46px;height:46px;background:var(--sf-cyan);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.4' stroke-linejoin='round'%3E%3Cpath d='M12 2.8l2.8 5.7 6.3.9-4.55 4.4 1.07 6.25L12 17.1l-5.62 2.95 1.07-6.25L2.9 9.4l6.3-.9z'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.4' stroke-linejoin='round'%3E%3Cpath d='M12 2.8l2.8 5.7 6.3.9-4.55 4.4 1.07 6.25L12 17.1l-5.62 2.95 1.07-6.25L2.9 9.4l6.3-.9z'/%3E%3C/svg%3E") center/contain no-repeat}
#product #product_reviews_block_tab .btn{border-radius:var(--sf-radius);box-shadow:none}
#product #product_reviews_block_tab .btn-primary{background:var(--sf-cyan);border-color:var(--sf-cyan);font-family:"Saira Condensed",sans-serif;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--sf-navy)}
#product #product_reviews_block_tab .btn-primary:hover{background:var(--sf-navy);border-color:var(--sf-navy);color:#fff}

@media (min-width:992px) and (max-width:1199px){
  #product .product-tabs .tab-content{padding:48px 40px 52px}
}
@media (max-width:991px){
  #product .sf-product-tabs-band{padding:36px 0 56px}
  #product .product-tabs .nav-tabs .nav-link{height:62px;padding:0 10px;font-size:15px}
  #product .product-tabs .nav-tabs .nav-link.active{height:68px}
  #product .product-tabs .tab-content{padding:40px 32px 44px}
  #product .product-description{font-size:16px}
  #product :is(.sf-specs,.sf-features-list){grid-template-columns:minmax(0,1fr)}
}
@media (max-width:767px){
  #product .sf-product-tabs-band{padding:24px 0 40px}
  #product .sf-product-tabs-band .product-tabs{margin:0 -15px}
  #product .product-tabs .nav-tabs .nav-link{height:56px;padding:0 6px;font-size:12px;letter-spacing:.02em;border-top-width:1px}
  #product .product-tabs .nav-tabs .nav-item:first-child .nav-link{border-left-width:0}
  #product .product-tabs .nav-tabs .nav-link.active{height:60px}
  #product .product-tabs .tab-content{padding:30px 18px 34px;border-left:0;border-right:0;box-shadow:none}
  #product .sf-desc-head{margin-bottom:26px}
  #product .sf-desc-head__eyebrow{font-size:11px;letter-spacing:.24em}
  #product .product-tabs .sf-desc-head__title::after,#product .product-description > h2:first-child::after{margin-top:18px}
  #product .product-description{font-size:15px;line-height:1.7}
  #product .product-description p{margin-bottom:18px}
  #product .product-description h3{font-size:20px!important}
  #product .sf-specs-panel h2,#product .sf-specs-panel h3{font-size:23px!important}
  #product #product-details :is(.product-quantities,.product-condition,.product-reference,.product-manufacturer,.product-availability-date){grid-template-columns:minmax(0,42%) minmax(0,1fr)}
  #product :is(.sf-specs,.sf-features-list){font-size:15px}
}

/* Divers fiche produit */
#product #page{background:#fff;/*padding:25px 0 10px*/;}
#product #notifications article{margin:25px 0}
#products .page-not-found,#pagenotfound .page-not-found{padding:25px 25px 75px}
#products .page-not-found h4,#pagenotfound .page-not-found h4{font-size:24px}
#product .sf-header{background:#F4F3F0}
#search_widget form input{font-size:16px}
.ui-menu .ui-menu-item a{font-size:14px}

/* ---------- Laptop (992-1199px) ---------- */
@media (min-width:992px) and (max-width:1199px){
  #product #main .product-detail-name{font-size:34px;max-width:calc(100% - 150px)}
  #product #main.product-detail > .row > :nth-child(2){padding-left:24px}
  #product #main.product-detail > .row > :nth-child(2)::before{width:min(260px,48%);height:280px}
  #product .product-add-to-cart .add{flex-basis:200px}
  #product .product-add-to-cart .add-to-cart{min-width:0;padding:0 14px;font-size:17px}
}

/* ---------- Tablette (768-991px) : colonnes empilées ---------- */
@media (max-width:991px){
  #product #main.product-detail > .row > [class*="col-"]{flex:0 0 100%;width:100%;max-width:100%}
  #product #main.product-detail > .row > :nth-child(2){margin-top:34px;padding-left:15px}
  #product #main.product-detail > .row > :nth-child(2)::before{top:-10px;width:min(300px,42%);height:310px}
  #product #main .product-detail-name{max-width:calc(100% - 220px)}
  #product #main .description-short{max-width:calc(100% - 300px)}
  #product .images-container{max-width:660px;margin:0 auto}
  .sf-product-highlights{margin-top:36px}
  .sf-product-highlights__item{padding:6px 12px}
  .sf-product-highlights__label{font-size:13px}
}

/* ---------- Mobile (< 768px) ---------- */
@media (max-width:767px){
  #product #main.product-detail{padding-top:8px}
  #product #main.product-detail > .row > :nth-child(2){margin-top:20px}
  #product #main.product-detail > .row > :nth-child(2)::before{top:-6px;width:150px;height:170px;opacity:.9}
  #product #main .product-detail-name{max-width:calc(100% - 110px);font-size:30px}
  #product #main .product-prices .current-price-value{font-size:30px}
  #product #main .description-short{max-width:none}
  #product .lSAction > a{width:28px}
  #product .lSAction > .lSPrev{left:4px}
  #product .lSAction > .lSNext{right:4px}
  #product .lSSlideOuter .lSPager.lSGallery{margin-top:10px!important}

  #product .sf-variants-item--radio:not(.sf-variants-item--size) ul{grid-template-columns:minmax(0,1fr)}
  #product .product-variants .sf-variant--detailed:not(.sf-variant--wide) .radio-label{display:block;min-height:38px;padding:9px 15px;text-align:left}
  #product .product-variants .sf-variant--detailed:not(.sf-variant--wide) :is(.sf-variant__title,.sf-variant__detail){display:inline;font-size:13px}

  #product .product-add-to-cart > .control-label{flex:0 0 100%;margin:0 0 8px}
  #product .product-add-to-cart .product-quantity{flex:1 1 100%;flex-wrap:wrap;gap:10px}
  #product .product-add-to-cart .add{flex:1 1 calc(100% - 140px);min-width:0}
  #product .product-add-to-cart .add-to-cart{min-width:0;padding:0 12px;font-size:17px;white-space:nowrap}
  #product .product-add-to-cart .wishlist,#product .product-add-to-cart .compare{order:5}

  .sf-product-highlights{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:30px;padding-bottom:24px}
  .sf-product-highlights--3{grid-template-columns:repeat(3,minmax(0,1fr))}
  .sf-product-highlights__item{padding:16px 8px;border-left:0!important}
  .sf-product-highlights:not(.sf-product-highlights--3) .sf-product-highlights__item:nth-child(even){border-left:1px solid var(--sf-line)!important}
  .sf-product-highlights:not(.sf-product-highlights--3) .sf-product-highlights__item:nth-child(n+3){border-top:1px solid var(--sf-line)}
  .sf-product-highlights__icon{width:44px;height:44px}
  .sf-product-highlights__label{font-size:12px;letter-spacing:.04em}

}


/* ---------- Finitions : rythme vertical, ligne d'achat (bouton panier plus aéré), cibles tactiles ---------- */
#product #main .product-detail-name{margin-bottom:14px}
#product #main .product-prices{margin-bottom:20px}
#product .sf-desc-link{margin:14px 0 28px}
#product .product-variants > .product-variants-item{margin-bottom:24px}
#product .sf-variants-item__head{margin-bottom:12px}
#product .product-variants ul{gap:10px}
#product .product-variants .sf-variant--wide .radio-label{padding:10px 16px}

#product .product-actions .product-add-to-cart{column-gap:14px;margin-top:4px}
#product .product-add-to-cart .product-quantity{gap:12px}
#product .product-add-to-cart .product-quantity > .wishlist{margin-left:2px}
#product .product-add-to-cart .product-quantity > .compare{margin-left:-4px}
#product .product-quantity .bootstrap-touchspin{width:116px;height:44px}
#product .product-quantity #quantity_wanted{height:42px}
#product .product-quantity .btn-touchspin{flex-basis:38px;width:38px;height:42px}
#product .product-quantity .btn-touchspin:focus-visible{outline:2px solid var(--sf-navy);outline-offset:-2px}
#product .product-add-to-cart .add{flex:0 1 auto;min-width:0;padding:0} /* annule le padding 0 20px du thème */
#product .product-add-to-cart .add-to-cart{gap:12px;height:44px;padding:0 28px;white-space:nowrap}
#product .product-add-to-cart .add-to-cart:focus-visible{outline:2px solid var(--sf-cyan);outline-offset:2px}
#product .product-add-to-cart :is(.leo-wishlist-button,.leo-compare-button){width:44px;height:44px}
#product .product-add-to-cart :is(.leo-wishlist-button,.leo-compare-button):focus-visible{outline:2px solid var(--sf-navy);outline-offset:2px}

@media (min-width:1200px){
  #product #main.product-detail > .row > :nth-child(2){padding-left:30px}
}
@media (min-width:992px){
  .sf-product-highlights{margin-top:40px}
}

@media (min-width:992px) and (max-width:1199px){
  #product .product-add-to-cart > .control-label{flex:0 0 100%;margin:0 0 8px}
  #product .product-add-to-cart .add{flex:1 1 auto}
  #product .product-add-to-cart .add-to-cart{padding:0 16px;font-size:17px}
}
@media (min-width:768px) and (max-width:991px){
  #product #main .product-detail-name{max-width:calc(100% - 260px)}
}
@media (max-width:767px){
  #product .product-add-to-cart .product-quantity{gap:10px}
  #product .product-add-to-cart .product-quantity > .compare{order:3;margin-left:0}
  #product .product-add-to-cart .qty{order:1}
  #product .product-add-to-cart .product-quantity > .wishlist{order:2;margin-left:auto}
  #product .product-add-to-cart .add{order:4;flex:0 0 100%}
  #product .product-add-to-cart .add-to-cart{height:48px;padding:0 20px;font-size:18px}
  #product .sf-variants-item--size .radio-label{min-width:60px;min-height:40px} /* cibles tactiles */
}

/* ---------- Photo principale fixe pendant le défilement (≥ 992px) ----------
   La colonne photo s'étire à la hauteur de la colonne infos (flex) et le bloc photo y reste collé
   (sticky) : il se libère quand on arrive au bout des options / du bouton panier.
   --sf-sticky-top est calculé par custom.js : 24px, ou négatif si la photo est plus haute que l'écran
   (le bas de la photo reste alors visible). */
   @media (min-width:992px){
     #product #page{overflow:clip} /* « hidden » créait un conteneur de défilement qui bloque position:sticky ; clip coupe pareil */
     #product #main.product-detail > .row{display:flex;flex-wrap:wrap}
     #product #main.product-detail > .row::before,#product #main.product-detail > .row::after{display:none}
     #product #main.product-detail > .row > [class*="col-"]{float:none}
     #product #main.product-detail > .row > :first-child > .page-content{position:sticky;top:var(--sf-sticky-top,24px);z-index:1;margin-bottom:0}
  }

/* =========================================================
   SKI FLAKE - FICHE PRODUIT : carrousel « Vous aimerez aussi »
   Sous les onglets (catalog/_partials/sf-cross-sell.tpl). Défilement natif (scroll-snap) :
   au doigt, à la molette, au clavier ; les flèches sont gérées par custom.js.
   Cartes au rendu de la grille de la page catégorie (voir « PAGE CATEGORIES ») :
   gouttière 5px, cadre noir 1px, photo pleine largeur, titre Barlow Condensed, prix en mono.
   Colonnes comme la grille catégorie : 3 dès 992px, 2 dès 576px, 1 en dessous.
   ========================================================= */
   #product .sf-cross-sell{--sf-cs-gap:5px;--sf-cs-cols:3;padding:64px 0 48px}
   #product .sf-cross-sell__head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:32px}
   #product .sf-cross-sell__eyebrow{margin:0 0 12px;font-family:'IBM Plex Sans',sans-serif;font-size:13px;font-weight:500;line-height:1.4;letter-spacing:.32em;text-transform:uppercase;color:#5B6B7B}
   #product .sf-cross-sell__title{margin:0;font-family:'Saira Condensed';font-size: 48px;font-weight:700;line-height:1.1;letter-spacing:-.01em;text-transform:none;color:var(--sf-navy)}
   #product .sf-cross-sell__title::after{content:"";display:block;width:72px;height:4px;margin-top:20px;background:var(--sf-cyan)}

/* Flèches : carrés à bordure noire, comme les boutons rapides de la grille */
#product .sf-cross-sell__nav{display:flex;gap:0;flex:0 0 auto}
#product .sf-cross-sell__arrow{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;margin:0 0 0 -1px;padding:0;background:#fff;border:1px solid #191B1C;border-radius:0;color:#191B1C;cursor:pointer;transition:background-color .2s ease,color .2s ease}
#product .sf-cross-sell__arrow svg{width:20px;height:20px}
#product .sf-cross-sell__arrow:hover:not(:disabled){position:relative;z-index:1;background:#03D9FF;color:#191B1C}
#product .sf-cross-sell__arrow:focus-visible{position:relative;z-index:1;outline:2px solid #03D9FF;outline-offset:2px}
#product .sf-cross-sell__arrow:disabled{opacity:.4;cursor:default}
#product .sf-cross-sell.is-static .sf-cross-sell__nav{display:none} /* tout tient à l'écran : pas de flèches */

/* Piste (1px de marge intérieure : le cadre noir des cartes n'est pas rogné par le défilement) */
#product .sf-cross-sell__track{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - (var(--sf-cs-cols) - 1) * var(--sf-cs-gap)) / var(--sf-cs-cols));gap:var(--sf-cs-gap);margin:0 -1px;padding:1px;list-style:none;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding:0 1px;scroll-behavior:smooth;scrollbar-width:none;-webkit-overflow-scrolling:touch}
#product .sf-cross-sell__track::-webkit-scrollbar{display:none}
#product .sf-cross-sell__item{min-width:0;scroll-snap-align:start}

/* Carte = .thumbnail-container de la grille catégorie */
#product .sf-cross-sell__card{display:flex;flex-direction:column;height:100%;background:#fff;border:0;border-radius:0;box-shadow:0 0 0 1px #191B1C;overflow:hidden;font-weight:400;color:#191B1C;text-decoration:none}
#product .sf-cross-sell__card:hover{color:#191B1C}
#product .sf-cross-sell__card:focus-visible{outline:2px solid #03D9FF;outline-offset:2px}
#product .sf-cross-sell__media{display:block;aspect-ratio:1/1;overflow:hidden;background:transparent;border-radius:0}
#product .sf-cross-sell__media img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .5s ease}
#product .sf-cross-sell__card:hover .sf-cross-sell__media img{transform:scale(1.04)}

/* Texte = .product-meta : padding 20px 15px, 12px entre le titre et le prix */
#product .sf-cross-sell__name{display:block;margin:0;padding:20px 15px 0;font-family:"Barlow Condensed",sans-serif;font-size:22px;font-weight:700;line-height:1.15;letter-spacing:0;text-transform:uppercase;color:#191B1C;transition:color .3s ease}
#product .sf-cross-sell__card:hover .sf-cross-sell__name{color:#03D9FF}
#product .sf-cross-sell__price{display:block;margin:0;padding:12px 15px 20px;font-family:'IBM Plex Mono',monospace;font-size:13px;line-height:1.28;color:#191B1C}
#product .sf-cross-sell__current{margin:0 5px 0 0;font-family:inherit;font-size:inherit;font-weight:500;line-height:inherit;color:inherit}
#product .sf-cross-sell__regular{margin:0 5px 0 0;font-size:12px;color:#8A8987}
#product .sf-cross-sell__cta{display:none} /* pas de lien texte dans la grille catégorie : toute la carte est cliquable */

@media (prefers-reduced-motion:reduce){
  #product .sf-cross-sell__track{scroll-behavior:auto}
  #product :is(.sf-cross-sell__name,.sf-cross-sell__media img){transition:none}
  #product .sf-cross-sell__card:hover .sf-cross-sell__media img{transform:none}
}
@media (max-width:991px){
  #product .sf-cross-sell{--sf-cs-cols:2;padding:52px 0 40px}
}
@media (max-width:767px){
  #product .sf-cross-sell{padding:40px 0 28px}
  #product .sf-cross-sell__head{margin-bottom:24px}
  #product .sf-cross-sell__eyebrow{font-size:11px;letter-spacing:.24em}
  #product .sf-cross-sell__title::after{margin-top:16px}
  #product .sf-cross-sell__arrow{width:36px;height:36px}
  #product .sf-cross-sell__name{padding:28px 16px 0;font-size:20px} /* comme .product-meta en mobile */
  #product .sf-cross-sell__price{padding:12px 16px 18px}
}
@media (max-width:575px){
  #product .sf-cross-sell{--sf-cs-cols:1}
}

/* =========================================================
   SKI FLAKE - APERÇU RAPIDE (quickview) : même design que la fiche produit
   Popup ouverte depuis les listes produits (catégories, accueil, accessoires).
   Markup du thème + product-variants.tpl surchargé ; la galerie est recalée par custom.js.
   ========================================================= */
   .quickview.modal{--sf-navy:#0F1F38;--sf-cyan:#03D9FF;--sf-cyan-text:#00A3CF;--sf-cyan-soft:#E9FBFF;--sf-text:#4A5561;--sf-muted:#7A8590;--sf-line:#D6DDE4;--sf-radius:4px}

/* ---------- Fenêtre ---------- */
.quickview.modal .modal-dialog{width:calc(100% - 40px);max-width:1080px;margin:40px auto}
.quickview.modal .modal-content{border:0;border-radius:14px;box-shadow:0 24px 60px rgba(15,31,56,.22);overflow:clip} /* clip et non hidden : sinon la photo ne peut pas rester fixe */
.quickview.modal .modal-header{position:absolute;top:0;right:0;z-index:5;padding:0;border:0}
.quickview.modal .modal-header .close{display:flex;align-items:center;justify-content:center;width:40px;height:40px;margin:12px 12px 0 0;padding:0;background:#fff;border:1px solid var(--sf-line);border-radius:50%;opacity:1;font-size:24px;font-weight:300;line-height:1;color:var(--sf-navy);text-shadow:none;transition:background-color .2s ease,border-color .2s ease}
.quickview.modal .modal-header .close:hover,.quickview.modal .modal-header .close:focus-visible{background:var(--sf-cyan-soft);border-color:var(--sf-cyan)}
.quickview.modal .modal-body{padding:40px 40px 32px}
.quickview.modal .modal-body > .row{display:flex;flex-wrap:wrap}
.quickview.modal .modal-body > .row::before,.quickview.modal .modal-body > .row::after{display:none}
.quickview.modal .modal-body > .row > [class*="col-"]{float:none}
.quickview.modal .modal-body > .row > :first-child > .images-container{position:sticky;top:24px} /* la photo reste visible quand on fait défiler les options */
.quickview.modal .modal-body > .row > :last-child{padding-left:30px}
.quickview.modal .modal-footer{display:none} /* partage : absent de la fiche produit */

/* ---------- Galerie (Leo Gallery / lightSlider) ---------- */
.quickview.modal .images-container{margin:0}
.quickview.modal .lSSlideWrapper{background:#fff}
.quickview.modal .lSSlideOuter .lSPager.lSGallery{opacity:1} /* le thème masque les miniatures dans la popup */
.quickview.modal .lSSlideOuter .lSPager.lSGallery li{border:1px solid var(--sf-line);border-radius:0;opacity:1;overflow:hidden;transition:border-color .2s ease}
.quickview.modal .lSSlideOuter .lSPager.lSGallery li:hover,.quickview.modal .lSSlideOuter .lSPager.lSGallery li.active{border-color:var(--sf-cyan);box-shadow:inset 0 0 0 1px var(--sf-cyan)}
.quickview.modal .lSSlideOuter .lSPager.lSGallery li img{display:block;width:100%;height:auto}
.quickview.modal .lSAction > a{display:flex;align-items:center;justify-content:center;width:34px;height:52px;margin-top:-26px;background:none;opacity:1;color:#71869A;transition:color .2s ease}
.quickview.modal .lSAction > a:hover{color:var(--sf-navy)}
.quickview.modal .lSAction > a svg{width:14px;height:34px}
.quickview.modal .lSAction > .lSPrev{left:8px}
.quickview.modal .lSAction > .lSNext{right:8px}
@media (min-width:768px){
  .quickview.modal .lSSlideOuter{display:grid;grid-template-columns:76px minmax(0,1fr);column-gap:20px;align-items:start}
  .quickview.modal .lSSlideOuter > .lSSlideWrapper{grid-column:2;grid-row:1}
  .quickview.modal .lSSlideOuter > .lSPager.lSGallery{grid-column:1;grid-row:1;display:flex;flex-direction:column;gap:10px;width:auto!important;max-height:420px;margin:0!important;transform:none!important;overflow-y:auto;scrollbar-width:none}
  .quickview.modal .lSSlideOuter > .lSPager.lSGallery::-webkit-scrollbar{display:none}
  .quickview.modal .lSSlideOuter > .lSPager.lSGallery li{flex:0 0 auto;width:100%!important;margin:0!important}
}

/* ---------- Titre / prix / description ---------- */
.quickview.modal h1{max-width:calc(100% - 40px);margin:0 0 14px;font-family:"Saira Condensed",sans-serif;font-size:32px;font-weight:700;line-height:1.02;letter-spacing:0;text-transform:uppercase;color:var(--sf-navy)}
.quickview.modal .product-prices{margin:0 0 18px}
.quickview.modal .product-prices .product-price,.quickview.modal .product-prices .current-price{margin:0}
.quickview.modal .product-prices .current-price-value{font-family:"Saira Condensed",sans-serif;font-size:30px;font-weight:700;line-height:1;color:var(--sf-cyan)}
.quickview.modal .product-prices .regular-price{font-size:17px;color:var(--sf-muted)}
.quickview.modal .product-prices .discount{background:var(--sf-cyan);color:var(--sf-navy)}
.quickview.modal .tax-shipping-delivery-label{margin-top:6px;font-size:12px;color:var(--sf-navy)}
.quickview.modal #product-description-short{margin:0;font-size:15px;line-height:1.55;color:var(--sf-text)}
.quickview.modal #product-description-short > *{margin:0}
.quickview.modal #product-description-short > :not(:first-child){display:none} /* comme la fiche : 1er paragraphe, la suite sur la fiche */
.quickview.modal .product-actions{margin:0}

/* Lien « Voir la description complète » (mène à la fiche produit) */
.quickview.modal .sf-desc-link{display:inline-flex;align-items:center;gap:8px;margin:14px 0 26px;font-size:14px;font-weight:400;color:var(--sf-cyan-text);text-decoration:underline;text-underline-offset:3px}
.quickview.modal .sf-desc-link:hover,.quickview.modal .sf-desc-link:focus-visible{color:var(--sf-navy)}
.quickview.modal .sf-desc-link__arrow{width:14px;height:14px;transition:transform .25s ease}
.quickview.modal .sf-desc-link:hover .sf-desc-link__arrow{transform:translateX(3px)}

/* ---------- Déclinaisons (taille / état) ---------- */
.quickview.modal .product-variants{margin:0}
.quickview.modal .product-variants > .product-variants-item{margin:0 0 22px}
.quickview.modal .sf-variants-item__head{display:flex;align-items:center;gap:24px;margin:0 0 12px}
.quickview.modal .product-variants .control-label{display:block;width:auto;margin:0;font-family:'IBM Plex Sans',sans-serif;font-size:16px;font-weight:600;color:var(--sf-navy)}
.quickview.modal .sf-size-guide{display:inline-flex;align-items:center;gap:7px;white-space:nowrap;font-size:13px;font-weight:400;color:var(--sf-cyan-text);text-decoration:underline;text-underline-offset:3px}
.quickview.modal .sf-size-guide:hover{color:var(--sf-navy)}
.quickview.modal .sf-size-guide__icon{width:18px;height:18px}
.quickview.modal .product-variants ul{display:flex;flex-wrap:wrap;gap:10px;margin:0;padding:0;list-style:none}
.quickview.modal .product-variants .input-container{float:none;position:relative;margin:0}
.quickview.modal .product-variants .input-container label{display:block;margin:0;cursor:pointer}
.quickview.modal .product-variants .input-radio{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer;z-index:1}
.quickview.modal .product-variants .radio-label{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:56px;min-height:36px;height:100%;padding:7px 12px;background:#fff;border:1px solid var(--sf-line);border-radius:var(--sf-radius);box-shadow:none;font-family:'IBM Plex Sans',sans-serif;font-size:13px;font-weight:600;line-height:1.3;color:var(--sf-navy);text-align:center;transition:border-color .2s ease,background-color .2s ease,box-shadow .2s ease}
.quickview.modal .product-variants .input-container:hover .radio-label{border-color:var(--sf-navy)}
.quickview.modal .product-variants .input-radio:focus-visible + .radio-label{outline:2px solid var(--sf-navy);outline-offset:2px}
.quickview.modal .product-variants .input-radio:checked + .radio-label{background:var(--sf-cyan-soft);border-color:var(--sf-cyan);box-shadow:inset 0 0 0 1px var(--sf-cyan);color:var(--sf-navy)}
.quickview.modal .sf-variants-item--size .input-radio:checked + .radio-label{background:var(--sf-cyan);box-shadow:none}
.quickview.modal .sf-variants-item--radio:not(.sf-variants-item--size) ul{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}
.quickview.modal .sf-variants-item--radio:not(.sf-variants-item--size) .input-container{min-width:0}
.quickview.modal .sf-variants-item--radio:not(.sf-variants-item--size) .radio-label{min-height:46px;padding:7px 10px}
.quickview.modal .sf-variant__title{display:block;font-weight:600}
.quickview.modal .sf-variant__detail{display:block;font-size:12px;font-weight:400;color:var(--sf-text)}
.quickview.modal .product-variants .sf-variant--wide{grid-column:1/-1}
.quickview.modal .product-variants .sf-variant--wide .radio-label{display:block;min-height:38px;padding:10px 16px;text-align:left}
.quickview.modal .product-variants .sf-variant--wide :is(.sf-variant__title,.sf-variant__detail){display:inline}
.quickview.modal .product-variants .sf-variant--wide .sf-variant__detail{font-size:13px}

/* ---------- Quantité + panier + favoris + comparer ---------- */
.quickview.modal .product-add-to-cart{display:flex;flex-wrap:wrap;align-items:center;margin-top:4px}
.quickview.modal .product-add-to-cart > .control-label{flex:0 0 100%;width:auto;margin:0 0 8px;font-size:14px;font-weight:400;color:var(--sf-navy)}
.quickview.modal .product-add-to-cart .product-quantity{display:flex;flex:1 1 100%;flex-wrap:nowrap;align-items:center;gap:12px;min-width:0;margin:0}
.quickview.modal .product-add-to-cart .product-quantity > *{float:none;margin:0}
.quickview.modal .product-add-to-cart .product-quantity::after{content:none}
.quickview.modal .product-quantity .qty{width:auto;margin:0}
.quickview.modal .product-quantity .bootstrap-touchspin{display:flex;align-items:stretch;width:116px;height:44px;background:#fff;border:1px solid var(--sf-line);border-radius:var(--sf-radius);box-shadow:none;overflow:hidden}
.quickview.modal .product-quantity .bootstrap-touchspin .input-group-addon{display:none!important}
.quickview.modal .product-quantity #quantity_wanted{order:2;flex:1 1 auto;width:40px;height:42px;padding:0;border:0;border-left:1px solid var(--sf-line);border-right:1px solid var(--sf-line);background:#fff!important;font-family:'IBM Plex Sans',sans-serif;font-size:15px;color:var(--sf-navy);text-align:center;-moz-appearance:textfield}
.quickview.modal .product-quantity #quantity_wanted::-webkit-outer-spin-button,.quickview.modal .product-quantity #quantity_wanted::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
.quickview.modal .product-quantity .input-group-btn-vertical{display:contents}
.quickview.modal .product-quantity .btn-touchspin{position:static;display:flex;align-items:center;justify-content:center;flex:0 0 38px;width:38px;height:42px;margin:0;padding:0;background:#fff;border:0;border-radius:0;color:var(--sf-navy);cursor:pointer}
.quickview.modal .product-quantity .btn-touchspin:hover{background:var(--sf-cyan-soft)}
.quickview.modal .product-quantity .btn-touchspin:focus-visible{outline:2px solid var(--sf-navy);outline-offset:-2px}
.quickview.modal .product-quantity .bootstrap-touchspin-down{order:1}
.quickview.modal .product-quantity .bootstrap-touchspin-up{order:3}
.quickview.modal .product-quantity .btn-touchspin i{position:static;display:block;width:12px;height:12px;margin:0;font-size:0;line-height:0}
.quickview.modal .product-quantity .btn-touchspin i::before{content:"";display:block;width:12px;height:12px;background:currentColor;-webkit-mask:linear-gradient(#000 0 0) center/12px 1.5px no-repeat;mask:linear-gradient(#000 0 0) center/12px 1.5px no-repeat}
.quickview.modal .product-quantity .bootstrap-touchspin-up i::before{-webkit-mask:linear-gradient(#000 0 0) center/12px 1.5px no-repeat,linear-gradient(#000 0 0) center/1.5px 12px no-repeat;mask:linear-gradient(#000 0 0) center/12px 1.5px no-repeat,linear-gradient(#000 0 0) center/1.5px 12px no-repeat}

.quickview.modal .product-add-to-cart .add{flex:1 1 auto;min-width:0;padding:0}
.quickview.modal .product-add-to-cart .add-to-cart{display:inline-flex;align-items:center;justify-content:center;gap:12px;width:100%;min-width:0;height:44px;padding:0 24px;background:var(--sf-cyan);border:1px solid var(--sf-cyan);border-radius:var(--sf-radius);box-shadow:none;font-family:"Saira Condensed",sans-serif;font-size:18px;font-weight:700;line-height:1;letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;color:var(--sf-navy);transition:background-color .25s ease,border-color .25s ease,color .25s ease}
.quickview.modal .product-add-to-cart .add-to-cart:hover,.quickview.modal .product-add-to-cart .add-to-cart:focus-visible{background:var(--sf-navy);border-color:var(--sf-navy);color:#fff}
.quickview.modal .product-add-to-cart .add-to-cart:focus-visible{outline:2px solid var(--sf-cyan);outline-offset:2px}
.quickview.modal .product-add-to-cart .add-to-cart:disabled{opacity:.45;cursor:not-allowed}
.quickview.modal .product-add-to-cart .add-to-cart .material-icons{display:block;flex:0 0 22px;width:22px;height:22px;margin:0;font-size:0;line-height:0;background:currentColor;-webkit-mask:url('../img/product/cart.svg') center/contain no-repeat;mask:url('../img/product/cart.svg') center/contain no-repeat}

.quickview.modal .product-add-to-cart .wishlist,.quickview.modal .product-add-to-cart .compare{flex:0 0 auto}
.quickview.modal .product-add-to-cart .product-quantity > .compare{margin-left:-4px}
.quickview.modal .product-add-to-cart :is(.leo-wishlist-button,.leo-compare-button){position:relative;display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;min-width:0;margin:0;padding:0;background:#fff;border:1px solid var(--sf-line);border-radius:50%;box-shadow:none;color:var(--sf-navy);transition:border-color .2s ease,background-color .2s ease}
.quickview.modal .product-add-to-cart :is(.leo-wishlist-button,.leo-compare-button):hover{background:var(--sf-cyan-soft);border-color:var(--sf-cyan);color:var(--sf-navy)}
.quickview.modal .product-add-to-cart :is(.leo-wishlist-button,.leo-compare-button):focus-visible{outline:2px solid var(--sf-navy);outline-offset:2px}
.quickview.modal .product-add-to-cart :is(.leo-wishlist-bt-content,.leo-compare-bt-content){display:flex;align-items:center;justify-content:center;line-height:0}
.quickview.modal .product-add-to-cart :is(.leo-wishlist-bt-content,.leo-compare-bt-content)::before{content:none}
.quickview.modal .product-add-to-cart :is(.leo-wishlist-button,.leo-compare-button) .name-btn-product{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.quickview.modal .product-add-to-cart :is(.leo-wishlist-button,.leo-compare-button) .icon-btn-product{display:block;width:20px;height:20px;margin:0;font-size:0;line-height:0;background:currentColor}
.quickview.modal .product-add-to-cart .leo-wishlist-button .icon-btn-product{-webkit-mask:url('../img/product/heart-filled.svg') center/contain no-repeat;mask:url('../img/product/heart-filled.svg') center/contain no-repeat}
.quickview.modal .product-add-to-cart .leo-compare-button .icon-btn-product{-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M9.01 14H2v2h7.01v3L13 15l-3.99-4v3zm5.98-1v-3H22V8h-7.01V5L11 9l3.99 4z'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M9.01 14H2v2h7.01v3L13 15l-3.99-4v3zm5.98-1v-3H22V8h-7.01V5L11 9l3.99 4z'/%3E%3C/svg%3E") center/contain no-repeat}
.quickview.modal .product-add-to-cart :is(.leo-wishlist-button,.leo-compare-button).added{background:var(--sf-cyan);border-color:var(--sf-cyan)}
.quickview.modal .product-add-to-cart :is(.leo-wishlist-button,.leo-compare-button) .cssload-speeding-wheel{position:absolute;inset:0;margin:auto}

/* Disponibilité */
.quickview.modal .product-add-to-cart .product-availability{flex:0 0 100%;margin:14px 0 0}
.quickview.modal .product-availability .alert{display:inline-flex;margin:0;padding:0;background:none;border:0;font-size:13px;font-weight:400;color:var(--sf-text)}
.quickview.modal .product-availability .alert-content-wrapper{display:flex;align-items:center;gap:8px}
.quickview.modal .product-availability .alert .material-icons{display:none}
.quickview.modal .product-availability .alert-content-wrapper::before{content:"";flex:0 0 8px;width:8px;height:8px;border-radius:50%;background:#2DBE6C}
.quickview.modal .product-availability .alert-warning .alert-content-wrapper::before{background:#F5A623}
.quickview.modal .product-availability .alert-danger .alert-content-wrapper::before{background:#E5484D}
.quickview.modal .product-add-to-cart .product-minimal-quantity{flex:0 0 100%;margin:6px 0 0;font-size:13px}
.quickview.modal .product-add-to-cart .product-minimal-quantity:empty{display:none}

/* ---------- Responsive ---------- */
@media (max-width:991px){
  .quickview.modal .modal-body{padding:32px 24px 24px}
  .quickview.modal .modal-body > .row > :last-child{padding-left:15px}
  .quickview.modal h1{font-size:28px}
  /* colonne infos étroite : quantité + favoris/comparer, puis bouton panier en pleine largeur */
  .quickview.modal .product-add-to-cart .product-quantity{flex-wrap:wrap;gap:10px}
  .quickview.modal .product-add-to-cart .product-quantity > .compare{order:3;margin-left:0}
  .quickview.modal .product-add-to-cart .qty{order:1}
  .quickview.modal .product-add-to-cart .product-quantity > .wishlist{order:2;margin-left:auto}
  .quickview.modal .product-add-to-cart .add{order:4;flex:0 0 100%}
  .quickview.modal .product-add-to-cart .add-to-cart{height:48px}
}
@media (max-width:767px){
  .quickview.modal .modal-dialog{width:calc(100% - 24px);margin:12px auto}
  .quickview.modal .modal-body > .row > [class*="col-"]{flex:0 0 100%;width:100%;max-width:100%}
  .quickview.modal .modal-body > .row > :first-child{margin-bottom:24px}
  .quickview.modal .modal-body > .row > :first-child > .images-container{position:static}
  .quickview.modal .sf-variants-item--radio:not(.sf-variants-item--size) ul{grid-template-columns:minmax(0,1fr)}
  .quickview.modal .product-variants .sf-variant--detailed:not(.sf-variant--wide) .radio-label{display:block;min-height:38px;padding:10px 16px;text-align:left}
  .quickview.modal .product-variants .sf-variant--detailed:not(.sf-variant--wide) :is(.sf-variant__title,.sf-variant__detail){display:inline;font-size:13px}
  .quickview.modal .sf-variants-item--size .radio-label{min-width:60px;min-height:40px}
}
@media (max-width:575px){
  .quickview.modal .modal-body{padding:60px 16px 20px} /* place pour le bouton fermer */
  .quickview.modal .modal-body > .row > .hidden-xs-down{display:block!important} /* le thème masquait la photo sur mobile : affichée comme sur la fiche */
  .quickview.modal h1{max-width:none;font-size:26px}
}

/* =========================================================
   SKI FLAKE - GRILLE PRODUITS : photo cliquable
========================================================= */
.product-miniature .functional-buttons{pointer-events:none} 
.product-miniature .functional-buttons > *{pointer-events:auto} 
:is(#category,#search) #products .product-miniature .functional-buttons{left:auto;bottom:auto}

/* =========================================================
SKI FLAKE - PAGES LÉGALES (Mentions légales, CGV, Confidentialité)
========================================================= */
.sf-legal{max-width:860px;margin:0 auto;padding:0 0 50px;text-align:left;color:#333;font-size:15px;line-height:1.65}
.sf-legal .sf-legal-head{text-align:center;margin:-25px 0 45px}
.sf-legal .sf-legal-head p{text-align:center;margin:0 0 4px;font-size:12px;letter-spacing:3px;text-transform:uppercase;color:#555}
.sf-legal h2{display:block!important;font-family:"Saira Condensed",sans-serif;font-size:24px;font-weight:700;line-height:1.3;color:#222;text-align:left;text-transform:none;margin:45px 0 20px;padding:0}
.sf-legal h2::after{content:"";display:block;width:50px;height:2px;margin-top:5px;background:#03D9FF}
.sf-legal h3{display:block!important;font-family:"Saira Condensed",sans-serif;font-size:24px;font-weight:600;color:#222;text-align:left;text-transform:none;margin:35px 0 15px;}
.sf-legal p{text-align:left;color:#333;font-size:15px;line-height:1.65;margin:0 0 15px}
.sf-legal strong{font-weight:600;color:#222}
.sf-legal a{color:#033d50;text-decoration:underline;text-underline-offset:2px}
.sf-legal a:hover{color:#03a9c7}
.sf-legal ul{list-style:circle;margin:0 0 20px;padding-left:35px;text-align:left}
.sf-legal li{margin:8px 0;color:#333;font-size:15px;line-height:1.6}
.sf-legal table{width:100%;border-collapse:collapse;margin:0 0 25px;font-size:14px}
.sf-legal th,.sf-legal td{border:1px solid #e1e1e1;padding:10px 12px;text-align:left;vertical-align:top}
.sf-legal th{background:#F4F3F0;font-weight:600;color:#222}
.sf-legal .sf-legal-note{background:#F4F3F0;border-left:3px solid #03D9FF;padding:14px 18px;margin:0 0 20px}
.sf-legal .sf-legal-note p:last-child{margin-bottom:0}
.sf-legal .sf-todo{background:#fff3b0;padding:0 4px}
@media (max-width:767px){
  .sf-legal{font-size:14px}
  .sf-legal h2{font-size:21px;margin:35px 0 22px}
  .sf-legal .sf-legal-head p{letter-spacing:2px;font-size:11px}
  .sf-legal table,.sf-legal thead,.sf-legal tbody,.sf-legal tr,.sf-legal th,.sf-legal td{display:block}
  .sf-legal thead{display:none}
  .sf-legal td{border-top:0}
  .sf-legal tr{border-top:1px solid #e1e1e1;margin-bottom:12px}
}
/* =========================================================
   SKI FLAKE - BANDEAU / POPUP COOKIES (module hicookielaw)
   ========================================================= */
   .hi-cookie-logo{padding:28px 20px 22px;line-height:0}
   .hi-cookie-logo img{display:none} /* le module affiche le logo de la boutique : remplacé par le SVG ci-dessous */
   .hi-cookie-logo::before{content:"";display:inline-block;width:194px;max-width:100%;aspect-ratio:194/30;background:url(/themes/child_leo_aprin_elements/assets/img/logo-ski-flake.svg) center/contain no-repeat}
   .hi-cookie-btn{font-family:'IBM Plex Sans',sans-serif;font-size:14px}
   .hi-cookie-btn-more-info{font-weight:600}
   .hi-cookie-block:not(.white-popup){max-height:calc(100vh - 60px);overflow-y:auto} /* écrans peu hauts : le bandeau défile au lieu d'être coupé */
   .mfp-wrap .hi-cookie-block{left:auto;bottom:auto;margin:20px auto;max-width:400px} /* popup réglages : annule le décalage du bandeau */
   .mfp-wrap .mfp-close,.mfp-wrap .mfp-close:hover,.mfp-wrap .mfp-close:focus,.mfp-wrap .mfp-close:active{outline:none!important;border:0!important;box-shadow:none!important;background:transparent!important} /* croix de fermeture : pas de cadre au clic */
   @media (max-width:575px){
     .hi-cookie-block:not(.white-popup){left:10px;right:10px;bottom:10px;margin:0;max-width:none;max-height:calc(100vh - 20px)}
     .mfp-wrap .hi-cookie-block{margin:10px auto}
     .hi-cookie-logo{padding:20px 16px 16px}
     .hi-cookie-logo::before{width:150px}
     .hi-cookie-content{padding:0 16px;margin-bottom:16px}
     .hi-cookie-content,.hi-cookie-content p{font-size:12px;line-height:1.5}
     .hi-cookie-selects{margin:0 16px 16px}
     .hi-cookie-btn{font-size:13px;padding:12px 4px;line-height:1.25}
  }
/* =========================================================
   SKI FLAKE - POPUP « PRODUIT AJOUTÉ AU PANIER » 
   ========================================================= */
   #blockcart-modal .sf-cart-reco__list{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;margin:0;padding:1px;list-style:none}
   #blockcart-modal .sf-cart-reco__item{min-width:0;margin:0;padding:0}
   #blockcart-modal .sf-cart-reco__card{display:flex;flex-direction:column;height:100%;background:#fff;box-shadow:0 0 0 1px #191B1C;overflow:hidden;font-weight:400;color:#191B1C;text-decoration:none}
   #blockcart-modal .sf-cart-reco__card:hover{color:#191B1C}
   #blockcart-modal .sf-cart-reco__card a:focus-visible{outline:2px solid #03D9FF;outline-offset:-2px}
   #blockcart-modal .sf-cart-reco__media{display:block;aspect-ratio:1/1;overflow:hidden;background:#F4F3F0}
   #blockcart-modal .sf-cart-reco__media img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .5s ease}
   #blockcart-modal .sf-cart-reco__card:has(> a:hover) .sf-cart-reco__media img{transform:scale(1.04)}
   #blockcart-modal .sf-cart-reco__name{display:block;margin:0;padding:12px 12px 0;font-family:"Barlow Condensed",sans-serif;font-size:16px;font-weight:700;line-height:1.15;text-transform:uppercase;color:#191B1C;transition:color .3s ease}
   #blockcart-modal .sf-cart-reco__card:has(> a:hover) .sf-cart-reco__name{color:#03D9FF}
   #blockcart-modal .sf-cart-reco__price{display:block;margin-top:auto;padding:8px 12px 12px;font-family:'IBM Plex Mono',monospace;font-size:12px;font-weight:500;color:#191B1C}
   #blockcart-modal .sf-cart-reco__price s{margin-right:4px;font-weight:400;color:#8A8987}
   @media (prefers-reduced-motion:reduce){#blockcart-modal .sf-cart-reco__media img{transition:none}#blockcart-modal .sf-cart-reco__card:has(> a:hover) .sf-cart-reco__media img{transform:none}}
   @media (max-width:767px){
     #blockcart-modal .sf-cart-reco__list{grid-template-columns:repeat(2,minmax(0,1fr))}
     #blockcart-modal .sf-cart-reco__name{padding:10px 10px 0;font-size:15px}
     #blockcart-modal .sf-cart-reco__price{padding:6px 10px 10px}
  }

/* =========================================================
   SKI FLAKE - POPUP « PRODUIT AJOUTÉ AU PANIER » 
   ========================================================= */
   #blockcart-modal{--sf-navy:#0F1F38;--sf-cyan:#03D9FF;--sf-cyan-text:#00A3CF;--sf-cyan-soft:#E9FBFF;--sf-text:#4A5561;--sf-muted:#7A8590;--sf-line:#D6DDE4;--sf-radius:4px}
   #blockcart-modal .modal-dialog{max-width:980px;width:calc(100% - 32px);margin:40px auto}
   #blockcart-modal .modal-content{background:#fff;border:0;border-top:4px solid var(--sf-cyan);border-radius:var(--sf-radius);box-shadow:0 24px 60px rgba(15,31,56,.22);overflow:hidden;font-family:'IBM Plex Sans',sans-serif;color:var(--sf-text)}

/* En-tête : coche cyan + titre Saira Condensed, sur fond blanc */
#blockcart-modal .modal-header{position:relative;display:block;margin:0;padding:22px 64px 20px 28px;background:#fff!important;border:0;border-bottom:1px solid var(--sf-line)}
#blockcart-modal .modal-title{display:flex;align-items:center;justify-content:flex-start;gap:12px;margin:0;padding:0;font-family:"Saira Condensed",sans-serif;font-size:22px;font-weight:700;line-height:1.1;letter-spacing:.02em;text-align:left!important;text-transform:uppercase;color:var(--sf-navy)!important}
#blockcart-modal .modal-title .material-icons{display:inline-flex;align-items:center;justify-content:center;flex:0 0 30px;width:30px;height:30px;margin:0!important;padding:0;background:var(--sf-cyan);border-radius:50%;font-size:18px;line-height:1;color:var(--sf-navy)!important}
#blockcart-modal .modal-header .close{position:absolute;top:50%;right:20px;z-index:1;display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;margin:-18px 0 0;padding:0;background:#fff;border:1px solid var(--sf-line);border-radius:50%;opacity:1;text-shadow:none;color:var(--sf-navy);transition:background-color .2s ease,border-color .2s ease}
#blockcart-modal .modal-header .close:hover,#blockcart-modal .modal-header .close:focus-visible{background:var(--sf-cyan-soft);border-color:var(--sf-cyan);outline:0}
#blockcart-modal .modal-header .close .material-icons{font-size:20px;line-height:1;color:var(--sf-navy)!important}

#blockcart-modal .close{line-height:10px}
#blockcart-modal .modal-body{padding:28px}
#blockcart-modal .modal-body > .row{display:flex;flex-wrap:wrap;align-items:stretch}
#blockcart-modal .divide-right{border-right:1px solid var(--sf-line)}

/* Produit ajouté */
#blockcart-modal .product-image{display:block;width:100%;height:auto;aspect-ratio:1/1;object-fit:cover;background:#F4F3F0;border:1px solid var(--sf-line);border-radius:var(--sf-radius)}
#blockcart-modal .product-name{margin:0 0 10px;font-family:"Saira Condensed",sans-serif!important;font-size:22px!important;font-weight:700;line-height:1.05;letter-spacing:0;text-transform:uppercase;color:var(--sf-navy)!important}
#blockcart-modal .product-price{margin:0 0 14px;font-family:"Saira Condensed",sans-serif!important;font-size:26px!important;font-weight:700;line-height:1;color:var(--sf-cyan)!important}
#blockcart-modal .modal-body .col-md-5 span:not(.material-icons){display:block;margin:0 0 6px;font-size:13px;line-height:1.45;color:var(--sf-muted)}
#blockcart-modal .modal-body .col-md-5 span strong{font-weight:600;color:var(--sf-navy)!important}
#blockcart-modal .modal-body .col-md-5 br{display:none}

/* Récapitulatif du panier */
#blockcart-modal .cart-content{padding:0 0 0 12px}
#blockcart-modal .cart-content .cart-products-count{margin:0 0 16px;padding:0;font-family:"Saira Condensed",sans-serif;font-size:22px;font-weight:700;line-height:1.1;text-transform:uppercase;color:var(--sf-navy)!important}
#blockcart-modal .cart-content p:not(.cart-products-count){display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin:0;padding:9px 0;border-bottom:1px solid #EEF2F6;font-size:14px;line-height:1.4;color:var(--sf-text)!important}
#blockcart-modal .cart-content p span{font-weight:400;color:inherit!important}
#blockcart-modal .cart-content p .value{font-weight:600;color:var(--sf-navy)!important;white-space:nowrap}
#blockcart-modal .cart-content .product-total{margin-top:2px;padding:14px 0!important;border-bottom:0!important}
#blockcart-modal .cart-content .product-total .label{font-family:"Saira Condensed",sans-serif;font-size:20px;font-weight:700;text-transform:uppercase;color:var(--sf-navy)!important}
#blockcart-modal .cart-content .product-total .value{font-family:"Saira Condensed",sans-serif;font-size:28px;font-weight:700;line-height:1;color:var(--sf-cyan)!important}

/* Boutons : « Commander » = bouton « Ajouter au panier » de la fiche ; « Continuer » = bouton secondaire à bordure */
#blockcart-modal .cart-content-btn{display:flex!important;flex-direction:column;gap:10px;width:100%;margin-top:10px} /* « Commander » au-dessus, pleine largeur */
#blockcart-modal .cart-content-btn .btn{display:flex;flex:0 0 auto;width:100%;align-items:center;justify-content:center;gap:10px;height:46px;margin:0;padding:0 20px;border-radius:var(--sf-radius);box-shadow:none;font-family:"Saira Condensed",sans-serif;font-size:18px;font-weight:700;line-height:1;letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;transition:background-color .2s ease,border-color .2s ease,color .2s ease}
#blockcart-modal .cart-content-btn .btn-primary{order:-1;background:var(--sf-cyan)!important;border:1px solid var(--sf-cyan)!important;color:var(--sf-navy)!important}
#blockcart-modal .cart-content-btn .btn-primary:hover,#blockcart-modal .cart-content-btn .btn-primary:focus-visible{background:var(--sf-navy)!important;border-color:var(--sf-navy)!important;color:#fff!important}
#blockcart-modal .cart-content-btn .btn-primary .material-icons{margin:0;font-size:20px;line-height:1;color:inherit!important}
#blockcart-modal .cart-content-btn .btn-secondary{background:#fff!important;border:1px solid var(--sf-navy)!important;color:var(--sf-navy)!important}
#blockcart-modal .cart-content-btn .btn-secondary:hover,#blockcart-modal .cart-content-btn .btn-secondary:focus-visible{background:var(--sf-cyan-soft)!important;border-color:var(--sf-cyan)!important}

/* Suggestions : en-tête comme « Vous aimerez aussi » (sur-titre + filet cyan) */
#blockcart-modal .sf-cart-reco{margin:28px -28px -28px;padding:26px 28px 28px;background:#F4F3F0;border-top:1px solid var(--sf-line)}
#blockcart-modal .sf-cart-reco__title{margin:0 0 18px;font-family:"Saira Condensed",sans-serif;font-size:22px;font-weight:700;letter-spacing:.02em;text-transform:uppercase;color:var(--sf-navy)}
#blockcart-modal .sf-cart-reco__title::after{content:"";display:block;width:56px;height:4px;margin-top:12px;background:var(--sf-cyan)}

/* Bouton WhatsApp masqué tant que la popup est ouverte (il passait par-dessus les suggestions sur mobile) */
body.modal-open #whatsapp{visibility:hidden}

/* Tablette : les 2 colonnes (produit / récapitulatif) passent l'une sous l'autre, sinon le nom du produit est trop serré */
@media (min-width:768px) and (max-width:991px){
  #blockcart-modal .modal-body > .row > [class*="col-md-"]{flex:0 0 100%;max-width:100%}
  #blockcart-modal .divide-right{margin-bottom:20px;padding-bottom:20px;border-right:0;border-bottom:1px solid var(--sf-line)}
  #blockcart-modal .modal-body .col-md-5 > .row{display:flex;flex-wrap:nowrap;align-items:flex-start}
  #blockcart-modal .modal-body .col-md-5 > .row > .col-md-6:first-child{flex:0 0 28%;max-width:28%}
  #blockcart-modal .modal-body .col-md-5 > .row > .col-md-6:last-child{flex:1 1 auto;max-width:72%}
  #blockcart-modal .cart-content{padding:0}
  #blockcart-modal .cart-content-btn{flex-direction:row}
  #blockcart-modal .cart-content-btn .btn{flex:1 1 0;width:auto}
}
@media (max-width:767px){
  #blockcart-modal .modal-dialog{width:calc(100% - 20px);margin:10px auto}
  #blockcart-modal .modal-header{padding:16px 56px 14px 16px}
  #blockcart-modal .modal-title{font-size:18px;gap:10px}
  #blockcart-modal .modal-title .material-icons{flex-basis:26px;width:26px;height:26px;font-size:16px}
  #blockcart-modal .modal-header .close{right:12px;width:32px;height:32px;margin-top:-16px}
  #blockcart-modal .modal-body{padding:16px}
  #blockcart-modal .modal-body > .row > [class*="col-md-"]{flex:0 0 100%;max-width:100%}
  #blockcart-modal .divide-right{margin-bottom:16px;padding-bottom:16px;border-right:0;border-bottom:1px solid var(--sf-line)}
  #blockcart-modal .modal-body .col-md-5 > .row{display:flex;flex-wrap:nowrap;align-items:flex-start}
  #blockcart-modal .modal-body .col-md-5 > .row > .col-md-6:first-child{flex:0 0 38%;max-width:38%}
  #blockcart-modal .modal-body .col-md-5 > .row > .col-md-6:last-child{flex:1 1 auto;max-width:62%}
  #blockcart-modal .product-name{font-size:19px!important}
  #blockcart-modal .product-price{font-size:22px!important}
  #blockcart-modal .cart-content{padding:0}
  #blockcart-modal .cart-content .cart-products-count{font-size:19px;margin-bottom:10px}
  #blockcart-modal .cart-content .product-total .value{font-size:24px}
  #blockcart-modal .cart-content-btn .btn{height:44px;font-size:17px}
  #blockcart-modal .sf-cart-reco{margin:20px -16px -16px;padding:18px 16px 16px}
  #blockcart-modal .sf-cart-reco__title{font-size:19px}
}

/* =========================================================================
   GUIDE DES TAILLES (popup SweetAlert2) 
   ========================================================================= */
   .sf-sg [hidden]{display:none!important}
   .sf-sg__field.is-disabled{opacity:.35;pointer-events:none}
   .sf-sg-swal.sf-sg--cta .sf-sg__result{padding-bottom:72px}
/* la popup est ajoutée directement dans <body> : les couleurs du site (#product…) ne s'y appliquent pas, on les redéclare */
.sf-sg-swal{--sf-cyan-text:#00A3CF}
.sf-sg__alt span{color:var(--sf-cyan-text);font-weight:700}
.sf-sg-swal--height .sf-sg__result,.sf-sg-swal--height.sf-sg--cta .sf-sg__result{padding-bottom:72px}
.sf-sg-swal--height .sf-sg__alt{min-height:41px}                                   /* message sur 2 lignes */
.sf-sg-swal--height .sf-sg__alt[hidden]{display:block!important;visibility:hidden} /* pas de message : la place reste */
.sf-sg-swal--height .sf-sg__note{min-height:2.8em}                                 /* « Conseillée pour… » sur 2 lignes */
@media (max-width:640px){
  .sf-sg-swal.sf-sg--cta .sf-sg__result{padding-bottom:84px}
  .sf-sg-swal--height .sf-sg__result,.sf-sg-swal--height.sf-sg--cta .sf-sg__result{padding-bottom:84px}
  .sf-sg-swal--height .sf-sg__alt{min-height:56px} /* colonne plus étroite : jusqu'à 3 lignes */
}

/* =========================================================================
   POPUP PANIER : AJOUT DEPUIS LES SUGGESTIONS 
   ========================================================================= */
   #blockcart-modal .sf-cart-reco__name{text-decoration:none}
   #blockcart-modal .sf-cart-reco__price{margin-top:0;padding-bottom:10px} /* le prix suit le nom… */
   #blockcart-modal .sf-cart-reco__buy{display:flex;flex-direction:column;gap:8px;margin-top:auto;padding:0 12px 12px} /* …et les boutons « Ajouter » restent alignés en bas des cartes */
   #blockcart-modal .sf-cart-reco__options{display:flex;flex-direction:column;gap:6px}
   #blockcart-modal .sf-cart-reco__options:empty,#blockcart-modal .sf-cart-reco__msg:empty{display:none}
   #blockcart-modal .sf-cart-reco__sizes{display:flex;flex-wrap:wrap;gap:4px}
   #blockcart-modal .sf-cart-reco__size{min-width:36px;min-height:30px;margin:0;padding:4px 8px;background:#fff;border:1px solid var(--sf-line);border-radius:var(--sf-radius);box-shadow:none;font-family:'IBM Plex Sans',sans-serif;font-size:12px;font-weight:600;line-height:1.2;color:var(--sf-navy);cursor:pointer;transition:border-color .2s ease,background-color .2s ease}
   #blockcart-modal .sf-cart-reco__size:hover{border-color:var(--sf-navy)}
   #blockcart-modal .sf-cart-reco__size:focus-visible{outline:2px solid var(--sf-navy);outline-offset:2px}
   #blockcart-modal .sf-cart-reco__size[aria-pressed="true"]{background:var(--sf-cyan);border-color:var(--sf-cyan)}
   #blockcart-modal .sf-cart-reco__sizes.is-invalid .sf-cart-reco__size:not([aria-pressed="true"]){border-color:#D93025;animation:sf-reco-shake .3s ease}
   @keyframes sf-reco-shake{25%{transform:translateX(-2px)}75%{transform:translateX(2px)}}
   #blockcart-modal .sf-cart-reco__select{width:100%;height:32px;margin:0;padding:0 26px 0 8px;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230F1F38' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E") no-repeat right 8px center/12px;border:1px solid var(--sf-line);border-radius:var(--sf-radius);-webkit-appearance:none;appearance:none;font-family:'IBM Plex Sans',sans-serif;font-size:12px;font-weight:500;color:var(--sf-navy);cursor:pointer}
   #blockcart-modal .sf-cart-reco__select:focus-visible{outline:2px solid var(--sf-navy);outline-offset:1px}
   #blockcart-modal .sf-cart-reco__add{display:flex;align-items:center;justify-content:center;width:100%;height:38px;margin:0;padding:0 10px;background:var(--sf-navy);border:1px solid var(--sf-navy);border-radius:var(--sf-radius);box-shadow:none;font-family:"Saira Condensed",sans-serif;font-size:16px;font-weight:700;line-height:1;letter-spacing:.04em;text-transform:uppercase;color:#fff;cursor:pointer;transition:background-color .2s ease,border-color .2s ease,color .2s ease}
   #blockcart-modal .sf-cart-reco__add:hover,#blockcart-modal .sf-cart-reco__add:focus-visible{background:var(--sf-cyan);border-color:var(--sf-cyan);color:var(--sf-navy)}
   #blockcart-modal .sf-cart-reco__add.is-added{background:var(--sf-cyan);border-color:var(--sf-cyan);color:var(--sf-navy)}
   #blockcart-modal .sf-cart-reco__add[aria-busy="true"]{opacity:.6;cursor:wait}
   #blockcart-modal .sf-cart-reco__msg{margin:0;font-family:'IBM Plex Sans',sans-serif;font-size:12px;line-height:1.35;color:var(--sf-text)}
   #blockcart-modal .sf-cart-reco__msg.is-error{color:#D93025}
   @media (max-width:767px){
     #blockcart-modal .sf-cart-reco__buy{padding:0 10px 10px}
     #blockcart-modal .sf-cart-reco__size{min-width:40px;min-height:36px} /* cibles tactiles */
     #blockcart-modal .sf-cart-reco__select{height:36px}
     #blockcart-modal .sf-cart-reco__add{height:40px;font-size:15px}
  }
  @media (prefers-reduced-motion:reduce){#blockcart-modal .sf-cart-reco__sizes.is-invalid .sf-cart-reco__size{animation:none}}

/* =========================================================
  SKI FLAKE - ACCUEIL (Leo Elements) : AJUSTEMENTS TABLETTE / MOBILE  (FR/ES, GB, IT, DE).
   ========================================================= */
   @media (max-width:991px){
     #index .elementor-inner-column:has(> .elementor-column-wrap > .elementor-widget-wrap > .elementor-widget-heading.elementor-absolute){min-height:0!important;height:auto!important;padding:8px 16px!important;background:#191B1C}
     #index .elementor-inner-column:has(> .elementor-column-wrap > .elementor-widget-wrap > .elementor-widget-heading.elementor-absolute) > .elementor-column-wrap{height:100%;padding:0!important;border:1px solid #3A3D40}
     #index .elementor-inner-column:has(> .elementor-column-wrap > .elementor-widget-wrap > .elementor-widget-heading.elementor-absolute) > .elementor-column-wrap > .elementor-widget-wrap{display:grid!important;grid-template-columns:auto minmax(0,1fr);grid-template-areas:"label label" "title title" "num desc" "spec desc";column-gap:24px;align-items:center;height:auto!important;min-height:0!important;padding:24px 22px 28px}
     #index .elementor-inner-column:has(> .elementor-column-wrap > .elementor-widget-wrap > .elementor-widget-heading.elementor-absolute) > .elementor-column-wrap > .elementor-widget-wrap > .elementor-element{position:static!important;inset:auto!important;transform:none!important;width:auto!important;max-width:none!important;margin:0!important;--e-transform-rotateZ:0deg}
     #index .elementor-inner-column:has(> .elementor-column-wrap > .elementor-widget-wrap > .elementor-widget-heading.elementor-absolute) > .elementor-column-wrap > .elementor-widget-wrap > :nth-child(1){grid-area:label;justify-self:end;text-align:right}
     #index .elementor-inner-column:has(> .elementor-column-wrap > .elementor-widget-wrap > .elementor-widget-heading.elementor-absolute) > .elementor-column-wrap > .elementor-widget-wrap > :nth-child(2){grid-area:title;margin:18px 0 22px!important}
     #index .elementor-inner-column:has(> .elementor-column-wrap > .elementor-widget-wrap > .elementor-widget-heading.elementor-absolute) > .elementor-column-wrap > .elementor-widget-wrap > :nth-child(2) .elementor-heading-title{display:block;font-size:clamp(38px,calc((100vw - 96px) / 5.8),64px)!important;line-height:.95!important;white-space:normal!important;transform:none!important;writing-mode:horizontal-tb!important}
     #index .elementor-inner-column:has(> .elementor-column-wrap > .elementor-widget-wrap > .elementor-widget-heading.elementor-absolute) > .elementor-column-wrap > .elementor-widget-wrap > :nth-child(3){grid-area:desc;align-self:start}
     #index .elementor-inner-column:has(> .elementor-column-wrap > .elementor-widget-wrap > .elementor-widget-heading.elementor-absolute) > .elementor-column-wrap > .elementor-widget-wrap > :nth-child(3) p{margin:0;font-size:15px;line-height:1.5}
     #index .elementor-inner-column:has(> .elementor-column-wrap > .elementor-widget-wrap > .elementor-widget-heading.elementor-absolute) > .elementor-column-wrap > .elementor-widget-wrap > :nth-child(4){grid-area:num;align-self:start}
     #index .elementor-inner-column:has(> .elementor-column-wrap > .elementor-widget-wrap > .elementor-widget-heading.elementor-absolute) > .elementor-column-wrap > .elementor-widget-wrap > :nth-child(4) .elementor-heading-title{font-size:clamp(80px,27vw,110px)!important;line-height:.9!important}
     #index .elementor-inner-column:has(> .elementor-column-wrap > .elementor-widget-wrap > .elementor-widget-heading.elementor-absolute) > .elementor-column-wrap > .elementor-widget-wrap > :nth-child(5){grid-area:spec;align-self:end;margin-top:18px!important}
     #index .elementor-inner-column:has(> .elementor-column-wrap > .elementor-widget-wrap > .elementor-widget-heading.elementor-absolute) > .elementor-column-wrap > .elementor-widget-wrap > :nth-child(5) p{margin:0}
  }
  @media (min-width:768px) and (max-width:991px){
     #index .elementor-inner-column:has(> .elementor-column-wrap > .elementor-widget-wrap > .elementor-widget-heading.elementor-absolute) > .elementor-column-wrap > .elementor-widget-wrap > :nth-child(2) .elementor-heading-title{font-size:clamp(34px,calc((50vw - 110px) / 5.8),52px)!important}
     #index .elementor-inner-column:has(> .elementor-column-wrap > .elementor-widget-wrap > .elementor-widget-heading.elementor-absolute) > .elementor-column-wrap > .elementor-widget-wrap > :nth-child(4) .elementor-heading-title{font-size:80px!important}
     #index :is([data-id="6317d39"],[data-id="b6e7b0d"],[data-id="45bf9d3"],[data-id="f52b54e"]){background-position:62% 50%!important}
     #index :is([data-id="3f461e9"],[data-id="388f2dd"],[data-id="3322501"],[data-id="24a96cb"]){background-position:72% 0!important}
  }
  @media (max-width:767px){
    #index :is([data-id="6317d39"],[data-id="b6e7b0d"],[data-id="45bf9d3"],[data-id="f52b54e"]){min-height:0;background-color:#F4F3F0!important;background-size:auto 400px!important;background-position:96% 0!important;background-repeat:no-repeat!important}
    #index :is([data-id="6317d39"],[data-id="b6e7b0d"],[data-id="45bf9d3"],[data-id="f52b54e"]) > .elementor-container{min-height:0!important;padding-top:330px}
    #index :is([data-id="6317d39"],[data-id="b6e7b0d"],[data-id="45bf9d3"],[data-id="f52b54e"]) > .elementor-background-overlay{background:linear-gradient(180deg,rgba(244,243,240,0) 0,rgba(244,243,240,0) 260px,#F4F3F0 400px,#F4F3F0 100%)!important;opacity:1!important}
    #index :is([data-id="3f461e9"],[data-id="388f2dd"],[data-id="3322501"],[data-id="24a96cb"]){min-height:0!important;background-color:#F4F3F0!important;background-size:auto 440px!important;background-position:87% 0!important;background-repeat:no-repeat!important}
    #index :is([data-id="3f461e9"],[data-id="388f2dd"],[data-id="3322501"],[data-id="24a96cb"])::after{content:"";position:absolute;left:0;right:0;top:300px;height:140px;background:linear-gradient(180deg,rgba(244,243,240,0),#F4F3F0);pointer-events:none;z-index:0}
    #index :is([data-id="3f461e9"],[data-id="388f2dd"],[data-id="3322501"],[data-id="24a96cb"]) > .elementor-container{position:relative;z-index:1;min-height:0!important;padding-top:370px;padding-bottom:40px}
    #index .product-miniature .product-title{font-size:21px;line-height:1.05}
    #index .elementor-top-section:has(.elementor-LeoProductCarousel.grid) > .elementor-container > .elementor-row > .elementor-column > .elementor-column-wrap > .elementor-widget-wrap > .elementor-inner-section:first-child{margin:0 0 26px!important}
    #index .elementor-top-section:has(.elementor-LeoProductCarousel.grid) .elementor-inner-section:first-child .elementor-widget-heading .elementor-heading-title{font-size:44px!important;line-height:1!important;margin:0 0 10px!important}
    #index .elementor-LeoProductCarousel.grid.products{gap:3px;justify-content:flex-start}
    #index .elementor-LeoProductCarousel.grid.products > .swiper-slide{flex:0 0 calc(50% - 1.5px);width:calc(50% - 1.5px)!important;max-width:none;margin:0!important}
    #index .elementor-LeoProductCarousel.grid.products .thumbnail-container{margin:0!important}
    #index .elementor-LeoProductCarousel.grid .thumbnail-container .product-image img{height:300px;object-fit:cover}
    #index .elementor-LeoProductCarousel.grid .thumbnail-container .product-meta{padding:15px 15px 0}
 }


/* =========================================================
   SKI FLAKE - ACCUEIL : RÉGLAGES RESPONSIVE LEO ELEMENTS DE LA VERSION FR, REPRIS EN GB / IT / DE / ES
   ========================================================= */
   @media (min-width:768px) and (max-width:1024px){
    #index .elementor-element.elementor-element-b9401bb,#index .elementor-element.elementor-element-c030295,#index .elementor-element.elementor-element-9267c13,#index .elementor-element.elementor-element-6e31a4b,#index .elementor-element.elementor-element-36a9aba,#index .elementor-element.elementor-element-27b3707,#index .elementor-element.elementor-element-59cdf73,#index .elementor-element.elementor-element-8d49bd4,#index .elementor-element.elementor-element-5c88f8f,#index .elementor-element.elementor-element-72c7839,#index .elementor-element.elementor-element-1fe61e4,#index .elementor-element.elementor-element-432c4e4,#index .elementor-element.elementor-element-2ae921c,#index .elementor-element.elementor-element-81242c8,#index .elementor-element.elementor-element-741c635,#index .elementor-element.elementor-element-77749d0{width:50%!important}
 }
 @media (max-width:1024px){
    #index .elementor-element.elementor-element-b9401bb > .elementor-element-populated,#index .elementor-element.elementor-element-c030295 > .elementor-element-populated,#index .elementor-element.elementor-element-9267c13 > .elementor-element-populated,#index .elementor-element.elementor-element-6e31a4b > .elementor-element-populated{margin:0 3px 0 0!important;padding:20px!important}
    #index .elementor-element.elementor-element-2ae921c > .elementor-element-populated,#index .elementor-element.elementor-element-81242c8 > .elementor-element-populated,#index .elementor-element.elementor-element-741c635 > .elementor-element-populated,#index .elementor-element.elementor-element-77749d0 > .elementor-element-populated{margin:3px 0 0!important;padding:20px!important}
    #index .elementor-element.elementor-element-613ac79 > .elementor-element-populated,#index .elementor-element.elementor-element-d773549 > .elementor-element-populated,#index .elementor-element.elementor-element-ca359b3 > .elementor-element-populated,#index .elementor-element.elementor-element-51f6bb0 > .elementor-element-populated{margin:0!important}
    #index .elementor-element.elementor-element-96a23be > .elementor-widget-container,#index .elementor-element.elementor-element-a42b2db > .elementor-widget-container,#index .elementor-element.elementor-element-667e55f > .elementor-widget-container,#index .elementor-element.elementor-element-1025061 > .elementor-widget-container{margin:-95px 0 0!important}
    #index .elementor-element.elementor-element-a44fd67,#index .elementor-element.elementor-element-f84216c,#index .elementor-element.elementor-element-9cb391f,#index .elementor-element.elementor-element-76d4d89{margin-top:0!important;margin-bottom:-30px!important}
 }
 @media (min-width:768px) and (max-width:1024px){
   #index .elementor-element.elementor-element-36a9aba > .elementor-element-populated,#index .elementor-element.elementor-element-27b3707 > .elementor-element-populated,#index .elementor-element.elementor-element-59cdf73 > .elementor-element-populated,#index .elementor-element.elementor-element-8d49bd4 > .elementor-element-populated{margin:0!important;padding:20px!important}
   #index .elementor-element.elementor-element-5c88f8f > .elementor-element-populated,#index .elementor-element.elementor-element-72c7839 > .elementor-element-populated,#index .elementor-element.elementor-element-1fe61e4 > .elementor-element-populated,#index .elementor-element.elementor-element-432c4e4 > .elementor-element-populated{margin:3px 3px 0 0!important;padding:20px!important}
}
@media (max-width:767px){
 #index .elementor-element.elementor-element-35799ab,#index .elementor-element.elementor-element-d68cd31,#index .elementor-element.elementor-element-3a193f0,#index .elementor-element.elementor-element-b12e48f{margin-top:120px!important;margin-bottom:60px!important}
 #index .elementor-element.elementor-element-3f307bf > .elementor-widget-container,#index .elementor-element.elementor-element-85296a8 > .elementor-widget-container,#index .elementor-element.elementor-element-81c9be4 > .elementor-widget-container,#index .elementor-element.elementor-element-cabac28 > .elementor-widget-container{margin:-55px 0 0!important}
 #index .elementor-element.elementor-element-3a07a7f,#index .elementor-element.elementor-element-205b26c,#index .elementor-element.elementor-element-282da8f,#index .elementor-element.elementor-element-06d8272{margin-top:15px!important;margin-bottom:0!important}
 #index .elementor-element.elementor-element-96a23be > .elementor-widget-container,#index .elementor-element.elementor-element-a42b2db > .elementor-widget-container,#index .elementor-element.elementor-element-667e55f > .elementor-widget-container,#index .elementor-element.elementor-element-1025061 > .elementor-widget-container{margin:-55px 0 0!important}
 #index .elementor-element.elementor-element-a44fd67,#index .elementor-element.elementor-element-f84216c,#index .elementor-element.elementor-element-9cb391f,#index .elementor-element.elementor-element-76d4d89{margin-top:0!important;margin-bottom:-28px!important}
}

/* =========================================================
   SKI FLAKE - FOOTER (Leo Elements) : AJUSTEMENTS MOBILE
   ========================================================= */
   @media (max-width:767px){
     .footer-container .elementor-row:has(> .elementor-col-14){flex-wrap:wrap;justify-content:center}
     .footer-container .elementor-column.elementor-col-14{width:33.3333%!important} 
     .footer-container .elementor-column.elementor-col-14 .elementor-image{text-align:center}
     .footer-container .elementor-widget-image img[src*="montagne-paysage"]{width:200%!important;max-width:200%}
  }

/* =========================================================
   SKI FLAKE - FICHE PRODUIT : ZONE D'ACHAT 
   ========================================================= */
   #product .product-add-to-cart{display:flex;flex-direction:column;align-items:stretch}
   #product .product-add-to-cart > .control-label{text-align:left}
   #product .product-add-to-cart .product-quantity{display:flex!important;flex-wrap:wrap;align-items:stretch;gap:10px;height:auto!important}
   #product .product-add-to-cart .product-quantity > .clearfix:not(.qty),#product .product-add-to-cart .product-quantity > div:empty{display:none}
   #product .product-add-to-cart .product-quantity > .qty{order:1;flex:0 0 auto;margin:0!important}
   #product .product-add-to-cart .product-quantity > .add{order:2;flex:1 1 180px;width:auto!important;min-width:0;margin:0!important}
   #product .product-add-to-cart .product-quantity > .add .add-to-cart{width:100%!important;height:44px}
   #product .product-add-to-cart .product-quantity > .wishlist{order:3;flex:0 0 auto;margin:0!important}
   #product .product-add-to-cart .product-quantity > .compare{order:4;flex:0 0 auto;margin:0!important}
   #product .product-add-to-cart .product-quantity > div:has(.paypal-buttons):not(:has(.paypal_payment_form)){order:10;flex:0 0 100%;width:100%!important;margin:0!important}
   #product .product-add-to-cart .product-quantity > div:has(.paypal_payment_form){order:11;flex:0 0 100%;width:100%!important;margin:0!important}
   #product .product-add-to-cart .product-quantity > div:has([id^="zoid-paypal-message"]){order:12;flex:0 0 100%;width:100%!important;height:auto!important;margin:0!important}
   #product .product-add-to-cart .product-quantity > div:has(.paypal-buttons) :is(form,div):has(.paypal-buttons){width:100%!important;max-width:none!important} /* conteneur du module fixé à 200px */
   #product .product-add-to-cart .product-quantity > div:has(.paypal-buttons) .paypal-buttons{display:block!important;width:100%!important;min-width:0!important;max-width:none!important}
   #product .product-add-to-cart .paypal-buttons > iframe.component-frame{width:100%!important}
   #ps-revolut-payment-request-container,#ps-revolut-payment-request-container > div,#revolut-payment-request-button-googlepay{width:100%!important;max-width:none!important}
   #revolut-payment-request-button-googlepay{overflow:hidden}
   #revolut-payment-request-button-googlepay iframe{width:100%!important;max-width:100%!important}
   @media (max-width:767px){
    #product .product-add-to-cart .product-quantity > .add{order:5;flex:0 0 100%} /* bouton entier sous la quantité */
    #product .product-add-to-cart .product-quantity > .wishlist{margin-left:auto!important}
 }
 #product .product-add-to-cart{align-items:stretch!important;text-align:left}
 #product .product-add-to-cart > .control-label{display:block;width:100%;margin:0 0 8px!important;padding:0;text-align:left!important;font-size:14px;font-weight:600;color:var(--sf-navy,#0F1F38)}
 #product .product-add-to-cart .product-quantity{flex:0 0 auto!important;width:100%;justify-content:flex-start!important;margin:0!important}
 #product .product-add-to-cart .product-availability{display:flex!important;align-items:center;justify-content:flex-start!important;gap:8px;width:100%;margin:14px 0 0!important;padding:0;text-align:left!important}
 #product .product-add-to-cart .product-availability > *{margin:0!important}
 #product .product-add-to-cart .product-minimal-quantity:empty{display:none}
 #product .product-add-to-cart #ps-revolut-payment-request-container{margin-top:14px}
 #product .product-add-to-cart{max-width:750px}

/* =========================================================
   SKI FLAKE - PANIER : BOUTONS COMMANDER / GOOGLE PAY / PAYPAL HARMONISÉS
   ========================================================= */
   body#cart .cart-detailed-actions .text-sm-center{display:flex;flex-direction:column;align-items:stretch;gap:10px;text-align:left}
   body#cart .cart-detailed-actions .text-sm-center > *{width:100%!important;max-width:none!important;margin:0!important}
   body#cart .cart-detailed-actions .btn-primary{height:52px!important}
   body#cart .cart-detailed-actions .text-sm-center > div:has(.paypal-buttons) :is(form,div):has(.paypal-buttons),body#cart .cart-detailed-actions .paypal-buttons{display:block!important;width:100%!important;min-width:0!important;max-width:none!important;margin:0!important}
   body#cart .cart-detailed-actions .paypal-buttons > iframe.component-frame{width:100%!important}
   body#cart #ps-revolut-payment-request-container,body#cart #ps-revolut-payment-request-container > div,body#cart [id^="revolut-payment-request-button"]{width:100%!important;max-width:none!important;overflow:hidden;border-radius:4px}
   body#cart #ps-revolut-payment-request-container{height:52px} /* le conteneur faisait 60px pour un bouton de 52px */
   body#cart [id^="revolut-payment-request-button"] iframe{width:100%!important;max-width:100%!important}
/* PayPal ne dessine pas ses boutons au-delà de 750px : sur tablette (récapitulatif pleine largeur), tous les boutons sont limités à 750px et centrés pour garder la même largeur */
body#cart .cart-detailed-actions .text-sm-center{max-width:750px;margin-left:auto;margin-right:auto}

/* =========================================================================
   SKI FLAKE - COMMANDE : BOUTONS RADIO HARMONISÉS (adresse, livraison, paiement)
   Radio 18px + libellé à 12px, centrés verticalement, sans grande marge
   ========================================================================= */
/* Adresses : radio | « Mon adresse » + adresse alignée dessous */
body#checkout .address-item .radio-block{display:grid!important;grid-template-columns:18px minmax(0,1fr);column-gap:12px;align-items:center;width:100%}
body#checkout .address-item .radio-block .custom-radio{grid-column:1;grid-row:1;float:none!important;margin:0!important;top:0}
body#checkout .address-item .radio-block .address-alias{grid-column:2;grid-row:1;display:block;margin:0!important}
body#checkout .address-item .radio-block .address{grid-column:2;margin:8px 0 0!important}
/* Livraison */
body#checkout .delivery-option{display:flex!important;flex-wrap:wrap;align-items:center;column-gap:12px;margin-left:0!important;margin-right:0!important;padding:14px 16px!important}
body#checkout .delivery-option::before,body#checkout .delivery-option::after{display:none!important}
body#checkout .delivery-option > div:has(> .custom-radio){flex:0 0 18px;width:18px!important;max-width:18px;padding:0!important}
body#checkout .delivery-option .custom-radio{float:none!important;margin:0!important;top:0;display:block}
body#checkout .delivery-option > label{flex:1 1 0;min-width:0;width:auto!important;max-width:none;padding:0!important;margin:0!important;float:none!important}
body#checkout .delivery-option > :not(label):not(:has(> .custom-radio)){flex:0 0 100%;padding:0}
body#checkout .delivery-option > label .row{margin-left:0!important;margin-right:0!important}
body#checkout .delivery-option > label [class*="col-"]{padding-left:0!important;padding-right:0!important}
/* Paiement */
body#checkout .payment-option{display:flex!important;align-items:center;gap:12px}
body#checkout .payment-option::before,body#checkout .payment-option::after{display:none!important}
body#checkout .payment-option > .custom-radio{flex:0 0 18px;float:none!important;margin:0!important;top:0}
body#checkout .payment-option > label{display:flex!important;flex-wrap:wrap;align-items:center!important;gap:6px 8px;flex:0 1 auto;min-width:0;margin:0!important;line-height:1.4;text-align:left!important}
body#checkout .payment-option > label span{text-align:left!important}
body#checkout .payment-option > label > *{margin:0!important;vertical-align:middle}
body#checkout .payment-option > label > span:first-child{line-height:24px} /* 1re ligne = hauteur des logos : texte centré sur le radio */
body#checkout .payment-option > label iframe{display:block} /* lien « En savoir plus » Revolut sans espace sous la ligne */
body#checkout .payment-option > :is(div,span):not(.custom-radio){display:flex;align-items:center;flex:0 0 auto;padding:0!important;margin:0!important}
body#checkout .payment-option .paypal-marks{display:flex;align-items:center}
body#checkout .payment-option .paypal-mark{margin:0!important}
@media (max-width:575px){
 body#checkout .delivery-option{padding:12px 14px!important}
 body#checkout .payment-option{padding:12px 14px}
 body#checkout .payment-option{flex-wrap:wrap;row-gap:8px;align-items:flex-start}
 body#checkout .payment-option > .custom-radio{margin-top:3px!important} /* centré sur la 1re ligne (24px) */
 body#checkout .payment-option > label{flex:1 1 calc(100% - 40px)}
 body#checkout .payment-option > label + :is(div,span):not(.custom-radio){margin-left:30px!important}
}

/* SKI FLAKE - COMMANDE : CASE « CONDITIONS GÉNÉRALES » (case 18px + texte à 12px, centrés sur la 1re ligne) */
body#checkout #conditions-to-approve li{display:flex;align-items:flex-start;gap:12px}
body#checkout #conditions-to-approve li > .float-xs-left{float:none!important;flex:0 0 18px;width:18px;margin:1px 0 0!important;padding:0!important}
body#checkout #conditions-to-approve .custom-checkbox{position:relative;display:block;width:18px;height:18px;margin:0!important}
body#checkout #conditions-to-approve .custom-checkbox input{top:0;left:0;margin:0!important}
body#checkout #conditions-to-approve .custom-checkbox input + span{margin:0!important}
body#checkout #conditions-to-approve .condition-label{flex:1 1 auto;min-width:0;margin:0!important;padding:0!important}
body#checkout #conditions-to-approve .condition-label label{display:block;margin:0!important;line-height:20px;text-align:left}

/* SKI FLAKE - COMMANDE : TITRES D'ÉTAPES VALIDÉES (coche + « modifier » sur une ligne, icône centrée) */
body#checkout section.checkout-step.-reachable.-complete h1 .done{display:inline-grid!important;place-items:center;flex:0 0 36px;width:36px;height:36px;margin:0!important;padding:0!important;font-size:22px;line-height:1}
body#checkout section.checkout-step.-reachable.-complete h1 .step-edit{display:inline-flex!important;align-items:center;gap:5px;flex:0 0 auto;float:none!important;margin:0 0 0 auto!important;padding:4px 0;white-space:nowrap;font-size:13px;line-height:16px}
body#checkout section.checkout-step .step-edit .material-icons{display:block;flex:0 0 16px;width:16px;height:16px;margin:0!important;font-size:16px;line-height:16px;overflow:hidden}
@media (max-width:767px){
 body#checkout section.checkout-step.-reachable.-complete h1 .done{flex-basis:32px;width:32px;height:32px;font-size:20px}
 body#checkout section.checkout-step .step-title{gap:12px}
}
@media (max-width:374px){
 body#checkout section.checkout-step .step-title{gap:10px;padding-left:14px!important;padding-right:14px!important;font-size:17px}
 body#checkout section.checkout-step.-reachable.-complete h1 .step-edit{font-size:12.5px;gap:4px}
}

/* SKI FLAKE - COMMANDE : CONTENU DES MOYENS DE PAIEMENT */
body#checkout #payment-confirmation[style*="hidden"]{display:none!important}
body#checkout #paypal-buttons{width:100%!important;max-width:750px;margin-top:16px}
body#checkout #paypal-buttons > div,body#checkout #paypal-buttons .paypal-buttons{width:100%!important;min-width:0!important;max-width:100%!important}
body#checkout #paypal-buttons .paypal-buttons > iframe{width:100%!important}
/* Bloc affiché sous l'option choisie : 8px au-dessus, 16px avant l'option suivante, sans marge parasite */
body#checkout .payment-options .js-payment-option-form{margin:4px 0 16px}
body#checkout .payment-options .js-payment-option-form > form{margin:0!important}
body#checkout .payment-options .js-payment-option-form form > :last-child{margin-bottom:0!important}
body#checkout .payment-options .js-payment-option-form .revolut-pay-desc{margin-top:0!important}
body#checkout .payment-options .js-payment-option-form [id^="revolut-checkout-"]{padding:0!important}
body#checkout .payment-options .revolut-pay-desc > .row{margin:0!important}
body#checkout .payment-options .revolut-pay-desc > .row > [class*="col-"]{float:none;width:100%!important;max-width:100%!important;flex:0 0 100%;padding:0!important}
body#checkout .payment-options :is(#revolut_pay,[id^="revolut-checkout-"]){overflow:hidden;border-radius:4px} /* boutons Revolut : 5px de débord coupés */
body#checkout .payment-options .js-additional-information{margin:4px 0 16px 30px}
/* PayPal : blocs vides sous l'option (le bouton s'affiche sous les CGV) */
body#checkout .payment-options .js-additional-information:has(.paypal_payment_form){margin:0!important}
body#checkout .payment-options .js-additional-information:has(.paypal_payment_form) :is([data-container-bnpl],[data-container-express-checkout]){margin:0!important}
body#checkout .payment-options .js-additional-information:has(.paypal_payment_form) + .js-payment-option-form{margin:0}

/* SKI FLAKE - ACCUEIL « NOS COMBINAISONS » : CARTES DE MÊME HAUTEUR */
.elementor-LeoProductCarousel.grid > .item{display:flex!important;flex-direction:column;height:auto!important;align-self:stretch}
.elementor-LeoProductCarousel.grid > .item > .product-miniature{display:flex;flex-direction:column;flex:1 1 auto;width:100%}
.elementor-LeoProductCarousel.grid > .item > .product-miniature > .thumbnail-container{display:flex;flex-direction:column;flex:1 1 auto}
.elementor-LeoProductCarousel.grid > .item .thumbnail-container > .product-meta{flex:1 1 auto;display:flow-root} /* marge du titre comptée dans la carte */

/* =========================================================
   SKI FLAKE - PAGE « COMPARAISON DES PRODUITS » (module leofeature, design uniquement)
   Cartes comme les pages catégorie : photo carrée, filet noir, titre Barlow, prix en mono,
   quantité + bouton panier alignés en bas de chaque carte. Défilement horizontal au doigt en mobile.
   ========================================================= */
   #module-leofeature-productscompare{--sfc-ink:#191B1C;--sfc-navy:#0F1F38;--sfc-cyan:#03D9FF;--sfc-cyan-text:#00A3CF;--sfc-text:#4A5561;--sfc-muted:#8A8987;--sfc-line:#DDDBD6}
/* Titre centré + filet cyan, comme l'en-tête de catégorie */
#module-leofeature-productscompare #main .page-heading{margin:24px 0 36px;font-family:"Saira Condensed",sans-serif;font-size:clamp(32px,3.4vw,48px);font-weight:700;line-height:1.02;letter-spacing:0;text-align:center;text-transform:uppercase;color:var(--sfc-navy)}
#module-leofeature-productscompare #main .page-heading::after{content:"";display:block;width:72px;height:4px;margin:20px auto 0;background:var(--sfc-cyan)}
/* Message « aucun produit » */
#module-leofeature-productscompare #main .alert{max-width:640px;margin:0 auto 24px;padding:18px 22px;background:#fff;border:1px solid var(--sfc-line);border-left:4px solid var(--sfc-cyan);border-radius:0;font-family:'IBM Plex Sans',sans-serif;font-size:15px;color:var(--sfc-text);text-align:center}

/* Tableau : colonnes de même largeur, 5px entre les cartes (gouttière de la grille catégorie) */
#module-leofeature-productscompare .products_block{margin:0 0 8px}
#module-leofeature-productscompare #product_comparison{display:block;width:calc(100% + 10px);max-width:none;margin:0 -5px;padding:1px 0 8px;background:none;border:0;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:var(--sfc-ink) transparent}
#module-leofeature-productscompare #product_comparison > tbody{display:table;width:min(100%,calc(var(--sfc-cols,1) * 505px + 5px));margin:0 auto;table-layout:fixed;border-collapse:separate;border-spacing:5px 0}
#module-leofeature-productscompare #product_comparison td{padding:0;border:0;vertical-align:top;background:none}
/* Nombre de produits comparés : sert à limiter chaque carte à 500px (taille des photos) et, en mobile, à la largeur de défilement */
#module-leofeature-productscompare #product_comparison > tbody:has(> tr:first-child > td.product-miniature:nth-child(3)){--sfc-cols:2}
#module-leofeature-productscompare #product_comparison > tbody:has(> tr:first-child > td.product-miniature:nth-child(4)){--sfc-cols:3}
#module-leofeature-productscompare #product_comparison > tbody:not(:has(> tr:nth-child(2):last-child)){width:min(100%,calc(var(--sfc-cols,1) * 505px + 180px))} /* + colonne des caractéristiques */
/* Colonne « Caractéristiques » : masquée quand aucun produit n'a de caractéristique (ligne unique « aucune caractéristique ») */
#module-leofeature-productscompare #product_comparison > tbody:has(> tr:nth-child(2):last-child) > tr:last-child,
#module-leofeature-productscompare #product_comparison > tbody:has(> tr:nth-child(2):last-child) .td_empty{display:none}
#module-leofeature-productscompare #product_comparison .td_empty{width:170px;padding:0 16px 0 0;font-family:'IBM Plex Mono',monospace;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--sfc-muted)}

/* Carte produit : la cellule fait la hauteur de la ligne (height:1px), la carte la remplit */
#module-leofeature-productscompare #product_comparison td.product-miniature{position:relative;height:1px;background:#fff;box-shadow:0 0 0 1px var(--sfc-ink)}
#module-leofeature-productscompare #product_comparison td.product-miniature .thumbnail-container{display:flex;flex-direction:column;height:100%;margin:0;padding:0;background:none;border:0;box-shadow:none;overflow:hidden}
#module-leofeature-productscompare #product_comparison .product-image{position:relative;flex:0 0 auto;margin:0;padding:0;line-height:0;overflow:hidden}
#module-leofeature-productscompare #product_comparison .product-image .product-thumbnail{display:block}
#module-leofeature-productscompare #product_comparison .product-image img{display:block;width:100%;height:auto;aspect-ratio:1/1;object-fit:cover;transition:transform .5s ease}
#module-leofeature-productscompare #product_comparison td.product-miniature:hover .product-image img{transform:scale(1.04)}
#module-leofeature-productscompare #product_comparison .product-flags{position:absolute;top:15px;left:15px;margin:0;padding:0;z-index:2}

/* Bouton « Retirer » : carré blanc en haut à droite, comme les boutons rapides des cartes catégorie */
#module-leofeature-productscompare #product_comparison .delete-productcompare{position:absolute;top:15px;right:15px;z-index:3;float:none;width:auto;margin:0;padding:0;line-height:0}
#module-leofeature-productscompare #product_comparison .delete-productcompare .delete{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;min-width:0;margin:0;padding:0;background:#fff;border:1px solid var(--sfc-ink);border-radius:0;box-shadow:none;color:var(--sfc-ink);transition:background-color .2s ease,color .2s ease}
#module-leofeature-productscompare #product_comparison .delete-productcompare .delete:hover,
#module-leofeature-productscompare #product_comparison .delete-productcompare .delete:focus-visible{background:var(--sfc-cyan);outline:0}
#module-leofeature-productscompare #product_comparison .delete-productcompare .delete > *{display:none}
#module-leofeature-productscompare #product_comparison .delete-productcompare .delete::after{content:"";display:block;width:16px;height:16px;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.4' stroke-linecap='round'%3E%3Cpath d='M6 6l12 12M18 6L6 18'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.4' stroke-linecap='round'%3E%3Cpath d='M6 6l12 12M18 6L6 18'/%3E%3C/svg%3E") center/contain no-repeat}

/* Texte de la carte : titre, résumé, prix, puis quantité + panier calés en bas */
#module-leofeature-productscompare #product_comparison .product-description{flex:1 1 auto;display:grid;grid-template-columns:auto minmax(0,1fr);grid-template-rows:auto auto 1fr auto auto;grid-template-areas:"title title" "desc desc" "gap gap" "price price" "qty cart";column-gap:8px;width:auto!important;max-width:none;margin:0;padding:22px 20px 20px;text-align:left;background:none} /* !important : le module fixe 290px */
#module-leofeature-productscompare #product_comparison .product-title{grid-area:title;margin:0;padding:0;text-align:left}
#module-leofeature-productscompare #product_comparison .product-title a{display:block;font-family:"Barlow Condensed",sans-serif;font-size:22px;font-weight:700;line-height:1.15;text-transform:uppercase;color:var(--sfc-ink);transition:color .3s ease}
#module-leofeature-productscompare #product_comparison td.product-miniature:hover .product-title a{color:var(--sfc-cyan-text)}
#module-leofeature-productscompare #product_comparison .product_desc{grid-area:desc;margin:10px 0 0;font-family:'IBM Plex Sans',sans-serif;font-size:14px;line-height:1.55;text-align:left;color:var(--sfc-text)}
#module-leofeature-productscompare #product_comparison .product_desc p{margin:0}
#module-leofeature-productscompare #product_comparison .product-price-and-shipping{grid-area:price;margin:18px 0 16px;padding:14px 0 0;border-top:1px solid var(--sfc-line);font-family:'IBM Plex Mono',monospace;font-size:15px;text-align:left;color:var(--sfc-ink)}
#module-leofeature-productscompare #product_comparison .product-price-and-shipping .price{font-family:inherit;font-size:inherit;font-weight:500;color:inherit}
#module-leofeature-productscompare #product_comparison .product-price-and-shipping .regular-price{font-size:12px;color:var(--sfc-muted)}

/* Quantité : champ 46px + flèches empilées, même filet noir */
#module-leofeature-productscompare #product_comparison .leo-touchspin{grid-area:qty;margin:0}
#module-leofeature-productscompare #product_comparison .leo-touchspin .input-group{display:flex;flex-wrap:nowrap;width:auto;height:46px;margin:0}
#module-leofeature-productscompare #product_comparison .leo-touchspin .leo_cart_quantity{flex:0 0 46px;width:46px;height:46px;margin:0;padding:0;background:#fff;border:1px solid var(--sfc-ink);border-right:0;border-radius:0;box-shadow:none;font-family:'IBM Plex Mono',monospace;font-size:14px;text-align:center;color:var(--sfc-ink);-moz-appearance:textfield}
#module-leofeature-productscompare #product_comparison .leo-touchspin .leo_cart_quantity::-webkit-inner-spin-button,
#module-leofeature-productscompare #product_comparison .leo-touchspin .leo_cart_quantity::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}
#module-leofeature-productscompare #product_comparison .leo-touchspin .leo_cart_quantity:focus{outline:2px solid var(--sfc-cyan);outline-offset:-2px}
#module-leofeature-productscompare #product_comparison .leo-touchspin .input-group-btn-vertical{display:flex;flex-direction:column;flex:0 0 28px;width:28px;height:46px;margin:0}
#module-leofeature-productscompare #product_comparison .leo-touchspin .input-group-btn-vertical .btn{display:flex;align-items:center;justify-content:center;flex:1 1 50%;width:28px;height:auto;min-width:0;margin:0;padding:0;background:#fff;border:1px solid var(--sfc-ink);border-radius:0;box-shadow:none;font-family:'IBM Plex Mono',monospace;font-size:14px;line-height:1;color:var(--sfc-ink)}
#module-leofeature-productscompare #product_comparison .leo-touchspin .input-group-btn-vertical .minus{border-top:0}
#module-leofeature-productscompare #product_comparison .leo-touchspin .input-group-btn-vertical .btn:hover{background:var(--sfc-cyan)}

/* Bouton panier : bouton cyan de la fiche produit ; libellé du module (« Chariot ») remplacé par la bonne traduction */
#module-leofeature-productscompare #product_comparison .button-container.cart{grid-area:cart;min-width:0;margin:0;padding:0}
#module-leofeature-productscompare #product_comparison .button-container.cart form{margin:0}
#module-leofeature-productscompare #product_comparison .leo-bt-cart{display:flex;align-items:center;justify-content:center;width:100%;height:46px;min-width:0;margin:0;padding:0 12px;background:var(--sfc-cyan);border:1px solid var(--sfc-cyan);border-radius:0;box-shadow:none;color:var(--sfc-navy);transition:background-color .2s ease,border-color .2s ease,color .2s ease}
#module-leofeature-productscompare #product_comparison .leo-bt-cart:hover,
#module-leofeature-productscompare #product_comparison .leo-bt-cart:focus-visible{background:var(--sfc-navy);border-color:var(--sfc-navy);color:#fff;outline:0}
#module-leofeature-productscompare #product_comparison .leo-bt-cart-content{display:inline-flex;align-items:center;gap:8px;min-width:0}
#module-leofeature-productscompare #product_comparison .leo-bt-cart .icon-btn-product{flex:0 0 auto;margin:0;font-size:18px;line-height:1;color:inherit}
#module-leofeature-productscompare #product_comparison .leo-bt-cart .name-btn-product{font-size:0;line-height:0;white-space:nowrap}
#module-leofeature-productscompare #product_comparison .leo-bt-cart .name-btn-product::after{content:"Ajouter au panier";font-family:"Saira Condensed",sans-serif;font-size:15px;font-weight:700;line-height:1;letter-spacing:.04em;text-transform:uppercase}
#module-leofeature-productscompare:lang(en) #product_comparison .leo-bt-cart .name-btn-product::after{content:"Add to cart"}
#module-leofeature-productscompare:lang(it) #product_comparison .leo-bt-cart .name-btn-product::after{content:"Aggiungi al carrello"}
#module-leofeature-productscompare:lang(de) #product_comparison .leo-bt-cart .name-btn-product::after{content:"In den Warenkorb"}
#module-leofeature-productscompare:lang(es) #product_comparison .leo-bt-cart .name-btn-product::after{content:"Añadir al carrito"}
#module-leofeature-productscompare #product_comparison .leo-bt-cart .cssload-speeding-wheel{margin:0 8px 0 0}

/* Lignes de caractéristiques (quand les produits en ont) : libellé en mono, valeurs sur fond blanc */
#module-leofeature-productscompare #product_comparison > tbody > tr:not(:first-child) > td{padding:14px 18px;background:#fff;border-bottom:1px solid var(--sfc-line);font-family:'IBM Plex Sans',sans-serif;font-size:14px;line-height:1.5;color:var(--sfc-text);text-align:left}
#module-leofeature-productscompare #product_comparison > tbody > tr:nth-child(2) > td{margin-top:5px;border-top:1px solid var(--sfc-line)}
#module-leofeature-productscompare #product_comparison > tbody > tr:not(:first-child) > td:first-child{padding-left:0;background:none;font-family:'IBM Plex Mono',monospace;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--sfc-muted)}

/* « Continuer vos achats » : bouton secondaire à filet noir */
#module-leofeature-productscompare #main .footer_link{display:flex;justify-content:center;margin:32px 0 0;padding:0;list-style:none}
#module-leofeature-productscompare #main .footer_link li{margin:0;padding:0}
#module-leofeature-productscompare #main .footer_link .lnk_view{display:inline-flex;align-items:center;gap:10px;height:46px;margin:0;padding:0 22px;background:transparent;border:1px solid var(--sfc-ink);border-radius:0;box-shadow:none;font-family:'IBM Plex Mono',monospace;font-size:12px;font-weight:500;line-height:1;letter-spacing:.08em;text-transform:uppercase;color:var(--sfc-ink);text-decoration:none;transition:background-color .2s ease}
#module-leofeature-productscompare #main .footer_link .lnk_view:hover,
#module-leofeature-productscompare #main .footer_link .lnk_view:focus-visible{background:var(--sfc-cyan);color:var(--sfc-ink);outline:0}
#module-leofeature-productscompare #main .footer_link .lnk_view .material-icons{font-size:18px;line-height:1}

/* Tablette et mobile : cartes de 250px minimum, on fait défiler la ligne au doigt (arrêt sur chaque carte) */
@media (max-width:991px){
  #module-leofeature-productscompare #product_comparison{scroll-snap-type:x mandatory;scroll-padding:0 5px}
  #module-leofeature-productscompare #product_comparison > tbody{min-width:calc(var(--sfc-cols,1) * 255px)}
  #module-leofeature-productscompare #product_comparison td.product-miniature{scroll-snap-align:start}
  #module-leofeature-productscompare #product_comparison .td_empty{width:120px}
}
@media (max-width:767px){
  #module-leofeature-productscompare #main .page-heading{margin:26px 0 28px}
  #module-leofeature-productscompare #main .page-heading::after{width:56px;margin:16px auto 0}
  #module-leofeature-productscompare #product_comparison > tbody{min-width:calc(var(--sfc-cols,1) * 240px)}
  #module-leofeature-productscompare #product_comparison .product-description{padding:18px 16px 16px}
  #module-leofeature-productscompare #product_comparison .product-title a{font-size:20px}
  #module-leofeature-productscompare #product_comparison .product_desc{font-size:13.5px}
  #module-leofeature-productscompare #product_comparison .delete-productcompare{top:10px;right:10px}
  #module-leofeature-productscompare #product_comparison .delete-productcompare .delete{width:36px;height:36px}
  #module-leofeature-productscompare #product_comparison .leo-bt-cart .name-btn-product::after{font-size:14px}
  /* carte étroite : prix + quantité sur une ligne, bouton panier en pleine largeur dessous */
  #module-leofeature-productscompare #product_comparison .product-description{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"title title" "desc desc" "gap gap" "price qty" "cart cart"}
  #module-leofeature-productscompare #product_comparison .product-price-and-shipping{align-self:center;margin:16px 0 12px;padding:0;border-top:0}
  #module-leofeature-productscompare #product_comparison .leo-touchspin{align-self:center;margin:16px 0 12px}
}

/* SKI FLAKE - FICHE PRODUIT : RETOUCHES PAYPAL / GOOGLE PAY */
#product .product-add-to-cart .product-quantity > div:has(.paypal-buttons):not(:has(.paypal_payment_form)){margin-top:6px!important} /* 16px sous « Ajouter au panier » (10px d'écart de la ligne + 6px) */
#product .product-add-to-cart [id^="revolut-payment-request-button"] iframe{min-width:0!important} /* Revolut élargit son iframe de 5px (min-width en ligne) : coins droits du bouton Google Pay coupés */
body#cart .cart-detailed-actions .text-sm-center > .clearfix:empty{display:none!important}
body#cart [id^="revolut-payment-request-button"] iframe{min-width:0!important} /* Revolut élargit son iframe de 5px : coins droits coupés */

/* =========================================================
   SKI FLAKE - ACCUEIL : ANCRE « DÉCOUVRIR NOS COMBINAISONS »
   ========================================================= */
   html:has(body#index){scroll-behavior:smooth}
   @media (prefers-reduced-motion:reduce){html:has(body#index){scroll-behavior:auto}}
   @media (max-width:767px){
    #index .elementor-section-wrap:has(> .elementor-top-section .elementor-LeoProductCarousel.grid){display:flex;flex-direction:column}
    #index .elementor-section-wrap:has(> .elementor-top-section .elementor-LeoProductCarousel.grid) > *{order:3}
    #index .elementor-section-wrap:has(> .elementor-top-section .elementor-LeoProductCarousel.grid) > :first-child{order:0}
    #index .elementor-section-wrap:has(> .elementor-top-section .elementor-LeoProductCarousel.grid) > :has(img[src*="moutains-white"]){order:1}
    #index .elementor-section-wrap:has(> .elementor-top-section .elementor-LeoProductCarousel.grid) > :has(.elementor-LeoProductCarousel.grid){order:2}
    #index .elementor-top-section:has(img[src*="moutains-white"]){overflow:hidden}
    #index .elementor-top-section img[src*="moutains-white"]{width:200%!important;max-width:200%!important;height:auto;margin-left:0%}
 }

/* =========================================================
   SKI FLAKE - FOOTER MOBILE : 4 ICÔNES DE RÉASSURANCE SUR 2 LIGNES 
   ========================================================= */
   @media (max-width:767px){
    .footer-container .assurance-footer .elementor-inner-section .elementor-row{flex-wrap:wrap}
    .footer-container .assurance-footer .elementor-inner-section .elementor-inner-column.elementor-col-25{width:50%!important;max-width:50%;flex:0 0 50%}
    .footer-container .assurance-footer .elementor-inner-section .elementor-inner-column.elementor-col-25 > .elementor-column-wrap{margin:0 0 32px!important;padding:0 8px!important}
    .footer-container .assurance-footer .elementor-inner-section .elementor-inner-column.elementor-col-25:nth-last-child(-n+2) > .elementor-column-wrap{margin-bottom:0!important}
 }

/* =========================================================
   SKI FLAKE - ACCUEIL MOBILE : ESPACEMENTS ENTRE LES SECTIONS + BOUTON DU VISUEL 
   ========================================================= */
   @media (max-width:767px){
    #index .elementor-section-wrap:has(> .elementor-top-section .elementor-LeoProductCarousel.grid) > :nth-child(2){margin-top:110px!important;margin-bottom:0!important}
    #index .elementor-section-wrap:has(> .elementor-top-section .elementor-LeoProductCarousel.grid) > :nth-child(3){margin-top:47px!important}
    #index .elementor-section-wrap:has(> .elementor-top-section .elementor-LeoProductCarousel.grid) > :nth-child(7){margin-top:62px!important;margin-bottom:70px!important}
    #index .elementor-section-wrap:has(> .elementor-top-section .elementor-LeoProductCarousel.grid) > :nth-child(9){margin-top:15px!important}
    #index .elementor-section-wrap > .elementor-top-section:first-child .elementor-button{max-width:100%;padding-left:22px!important;padding-right:22px!important;white-space:nowrap}
    #index .elementor-section-wrap > .elementor-top-section:first-child .elementor-button .elementor-button-text{white-space:nowrap}
 }

/* SKI FLAKE - ACCUEIL MOBILE : ESPACE BLANC AU-DESSUS DE « DES CLIENTS SATISFAITS » */
@media (max-width:767px){
 #index :is(.elementor-element-5f67cc3,.elementor-element-bf5be7f,.elementor-element-a5ba773,.elementor-element-b45b313) .elementor-spacer-inner{height:50px!important}
}


/* =========================================================
   SKI FLAKE - MOBILE : CARROUSEL « ACTUALITÉS » + LOGOS DES MOYENS DE PAIEMENT DU FOOTER
   ========================================================= */
   @media (max-width:767px){
    /* Carrousel du blog */
    .list-blog-slick-carousel .slick-arrow{display:none!important}
    #index .elementor-widget .list-blog-slick-carousel .blog-image-container{height:auto!important;overflow:hidden}
    #index .elementor-widget .list-blog-slick-carousel .blog-image-container a{height:auto!important}
    #index .elementor-widget .list-blog-slick-carousel .blog-image-container img{width:100%!important;max-width:100%!important;height:auto!important;margin:0!important;object-fit:contain!important}
    .footer-container .elementor-row:has(> .elementor-col-14){row-gap:4px;max-width:330px;margin:0 auto;padding:0}
    .footer-container .elementor-top-section:has(.elementor-col-14){margin-bottom:28px!important}
    .footer-container .elementor-column.elementor-col-14 > .elementor-column-wrap{margin:0!important;padding:0!important}
    .footer-container .elementor-column.elementor-col-14 .elementor-image{display:flex;align-items:center;justify-content:center;height:75px}
    .footer-container .elementor-column.elementor-col-14 .elementor-image img{width:100px!important;max-width:100%!important;height:auto!important}
 }

/* =========================================================
   SKI FLAKE - PAGE CATÉGORIE (ET RECHERCHE) MOBILE : DISPOSITIONS 2 COLONNES, 1 COLONNE, EN LIGNE
   ========================================================= */
   @media (max-width:767px){
    :is(#category,#search):has(.grid-select.view-2.active) #products .product-miniature .product-image img{height:auto!important;aspect-ratio:1/1;object-fit:cover}
    :is(#category,#search):has(.grid-select.view-2.active) #products .product-miniature .product-image{position:relative}
    :is(#category,#search):has(.grid-select.view-1.active) #products .product-miniature .product-image img{width:100%!important;margin:0!important}
    :is(#category,#search) #products .product-miniature .product-image{position:static}
    :is(#category,#search) #products .product-miniature .functional-buttons{top:auto!important;bottom:10px!important;right:10px!important;flex-direction:row!important}
    :is(#category,#search):has(.grid-select.view-2.active) #products .product-miniature .functional-buttons{bottom:6px!important;right:6px!important}
    :is(#category,#search) #products .product-miniature .functional-buttons > *{margin:0 0 0 -1px!important}
    :is(#category,#search) #products .product_list.list .product-miniature .product-image,
    :is(#category,#search) #products .product_list.list .product-miniature .product-image .product-thumbnail{display:flex;align-self:stretch;height:auto}
    :is(#category,#search) #products .product_list.list .product-miniature .product-image .product-thumbnail{flex:1 1 auto}
    :is(#category,#search) #products .product_list.list .product-miniature .product-image img{width:100%!important;height:100%!important;min-height:0;aspect-ratio:auto;object-fit:cover}
    :is(#category,#search) #products .product_list.list .product-miniature .product-meta{padding:14px 14px 14px 16px;justify-content:center}
    :is(#category,#search) #products .product_list.list .product-miniature .product-title a{font-size:17px}
    :is(#category,#search) .products-selection .grid-select:is(.view-3,.view-4){display:none!important}
 }

 @media (max-width:767px){
    :is(#category,#search) #products .product-miniature .product-image{min-width:0}
    :is(#category,#search) #products .product-list-images-mobile{display:block;width:100%;min-width:0;max-width:100%}
    :is(#category,#search) #products .product-list-images-mobile .slick-list{width:100%}
    :is(#category,#search) #products .product-list-images-mobile .slick-slide{padding:0!important}
    :is(#category,#search) #products .product-miniature .product-image .product-list-images-mobile .slick-slide img{display:block;width:100%!important;height:auto!important;margin:0!important;aspect-ratio:1/1;object-fit:cover}
    :is(#category,#search) #products .product-list-images-mobile :is(.slick-arrows,.slick-arrow){display:none!important}
    :is(#category,#search) #products .product-list-images-mobile .slick-dots{position:absolute;left:6px;right:auto;bottom:6px;width:auto;margin:0;padding:0;line-height:0;text-align:left;z-index:2}
    :is(#category,#search):has(.grid-select.view-2.active) #products .product_list:not(.list) .product-miniature .product-image img,
    :is(#category,#search):has(.grid-select.view-2.active) #products .product_list:not(.list) .product-miniature .product-image .product-list-images-mobile .slick-slide img{height:300px!important;aspect-ratio:auto;object-fit:cover;object-position:center}
 }
 @media (max-width:360px){
    :is(#category,#search) #products .product_list.list .product-miniature .product-title a{font-size:16px}
 }

/* =========================================================
   SKI FLAKE - CORRECTIFS DIVERS
   ========================================================= */
/* Pages catégorie et recherche */
:is(#category,#search) #products .product-miniature :is(.button-container.cart,.leo-bt-cart,[data-button-action="add-to-cart"]){display:none!important}

/* Fiche produit (et aperçu rapide) */
.product-variants > .product-variants-item select{width:auto;max-width:100%}

/* Fiche produit : bouton Google Pay */
#product .product-add-to-cart #revolut-payment-request-button-googlepay{border-radius:4px}

/* Commande mobile */
@media (max-width:767px){
 body#checkout section.checkout-step .forgot-password{margin-left:0;text-align:right}
 body#checkout section.checkout-step .forgot-password a{white-space:nowrap}
}

/* =========================================================
   SKI FLAKE - PAGE MAINTENANCE 
   ========================================================= */
   html:has(.page-maintenance),body:has(.page-maintenance){min-height:100%;margin:0;padding:0;background:#08162D}
   body:has(.page-maintenance){position:relative;min-height:100vh;min-height:100dvh}
   body:has(.page-maintenance)::before{content:"";position:fixed;inset:0;z-index:0;pointer-events:none;background:linear-gradient(90deg,rgba(8,22,45,.7) 0%,rgba(8,22,45,.4) 50%,rgba(8,22,45,.1) 100%),url('../img/qui-sommes-nous/about-hero.jpg') 70% 50%/cover no-repeat #08162D}
   body:has(.page-maintenance) :is(#layout-error,#wrapper,#main,.container){background:transparent!important}
   body:has(.page-maintenance) #layout-error{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;width:100%!important;max-width:none!important;min-height:100vh;min-height:100dvh;margin:0!important;padding:40px 24px;box-sizing:border-box;border:0;box-shadow:none}
   body:has(.page-maintenance) #main{width:100%;max-width:520px;margin:0;padding:44px 44px 40px;box-sizing:border-box;background:#F4F3F0!important;border-radius:4px;box-shadow:0 24px 60px rgba(8,22,45,.35);text-align:left}
   body:has(.page-maintenance) #main .page-header{margin:0}
   body:has(.page-maintenance) #main .logo{margin:0 0 28px}
   body:has(.page-maintenance) #main .logo img{display:block;width:auto;max-width:200px;height:auto;margin-left:-16px} /* le logo a sa propre marge : aligné sur le titre */
   body:has(.page-maintenance) #main h1{margin:0 0 16px;padding:0;font-family:"Saira Condensed",sans-serif;font-size:40px;font-weight:700;line-height:1.05;text-transform:uppercase;color:#0F1F38;text-align:left}
   body:has(.page-maintenance) #main h1::after{content:"";display:block;width:56px;height:4px;margin-top:18px;background:#03D9FF}
   body:has(.page-maintenance) .page-maintenance{margin:0;padding:0;background:transparent;border:0;box-shadow:none;font-size:16px;line-height:1.6;color:#4A5561}
   body:has(.page-maintenance) .page-maintenance p{margin:0 0 12px;font:inherit;color:inherit;text-align:left}
   body:has(.page-maintenance) .page-maintenance p:last-child{margin-bottom:0}
   @media (max-width:767px){
    body:has(.page-maintenance)::before{background:linear-gradient(180deg,rgba(8,22,45,.55) 0%,rgba(8,22,45,.25) 100%),url('../img/qui-sommes-nous/about-hero.jpg') 70% 50%/cover no-repeat #08162D}
    body:has(.page-maintenance) #layout-error{padding:24px 16px}
    body:has(.page-maintenance) #main{padding:32px 24px 28px}
    body:has(.page-maintenance) #main .logo{margin-bottom:22px}
    body:has(.page-maintenance) #main .logo img{max-width:160px;margin-left:-13px}
    body:has(.page-maintenance) #main h1{font-size:32px}
    body:has(.page-maintenance) .page-maintenance{font-size:15px}
 }

/* =========================================================
   SKI FLAKE - APERÇU RAPIDE : ZONE D'ACHAT AVEC PAYPAL / GOOGLE PAY
   ========================================================= */
   .quickview.modal .product-add-to-cart .product-quantity{display:flex!important;flex-wrap:wrap;align-items:stretch;gap:10px;height:auto!important}
   .quickview.modal .product-add-to-cart .product-quantity > .clearfix:not(.qty),.quickview.modal .product-add-to-cart .product-quantity > div:empty{display:none}
   .quickview.modal .product-add-to-cart .product-quantity > .qty{order:1;flex:0 0 auto}
   .quickview.modal .product-add-to-cart .product-quantity > .add{order:2;flex:1 1 180px;width:auto!important;min-width:0}
   .quickview.modal .product-add-to-cart .product-quantity > .add .add-to-cart{width:100%!important}
   .quickview.modal .product-add-to-cart .product-quantity > .wishlist{order:3}
   .quickview.modal .product-add-to-cart .product-quantity > .compare{order:4;margin-left:0}
   .quickview.modal .product-add-to-cart .product-quantity > div:has(.paypal-buttons):not(:has(.paypal_payment_form)){order:10;flex:0 0 100%;width:100%!important;margin:6px 0 0!important}
   .quickview.modal .product-add-to-cart .product-quantity > div:has(.paypal_payment_form){order:11;flex:0 0 100%;width:100%!important;margin:0!important}
   .quickview.modal .product-add-to-cart .product-quantity > div:has([id^="zoid-paypal-message"]){order:12;flex:0 0 100%;width:100%!important;height:auto!important;margin:0!important}
   .quickview.modal .product-add-to-cart .product-quantity > div:has([id^="zoid-paypal-message"]) > div{height:auto!important}
   .quickview.modal .product-add-to-cart .product-quantity > div:has(.paypal-buttons) :is(form,div):has(.paypal-buttons){width:100%!important;max-width:none!important} /* conteneur du module fixé à 200px */
   .quickview.modal .product-add-to-cart .paypal-buttons{display:block!important;width:100%!important;min-width:0!important;max-width:none!important}
   .quickview.modal .product-add-to-cart .paypal-buttons > iframe.component-frame{width:100%!important}
   .quickview.modal .product-add-to-cart #ps-revolut-payment-request-container{width:100%;margin-top:14px}
   .quickview.modal .product-add-to-cart [id^="revolut-payment-request-button"] iframe{min-width:0!important}
   @media (max-width:991px){
    .quickview.modal .product-add-to-cart .product-quantity > .add{order:5;flex:0 0 100%}
    .quickview.modal .product-add-to-cart .product-quantity > .wishlist{margin-left:auto}
 }
 
/* =========================================================
   SKI FLAKE - FICHES COLLANTS ANTI-COUPURE (catégorie 6) ET SHORTS (catégorie 7)
   ========================================================= */
body#product:is(.product-id-category-6,.product-id-category-7) #main.product-detail > .row > :nth-child(2){padding-bottom:70px}
@media (min-width:992px){
  body#product:is(.product-id-category-6,.product-id-category-7) #main.product-detail > .row > :nth-child(1){padding-bottom:70px}
}
body#product:is(.product-id-category-6,.product-id-category-7) .product-add-to-cart #ps-revolut-payment-request-container{height:52px;overflow:hidden}
body#product:is(.product-id-category-6,.product-id-category-7) #main .sf-product-tabs-band{padding-top:70px}