/* STYLE CMONSITE EDITOR */
.contenu-editable h1{background-color:transparent;font-family:Spectral;font-size:60px;font-weight:normal;color:rgba(0,0,0,1);}.footer_p{background-color:rgba(255,255,255,1);color:rgba(0,0,0,1);padding-left:0px;padding-right:0px;padding-bottom:0px;border-style:none;border-top-width:1px;border-bottom-width:0px;border-left-width:0px;border-right-width:0px;}.button, input[type="submit"]{background-color:rgba(46,46,46,1);border-top-right-radius:32px;border-bottom-left-radius:32px;border-bottom-right-radius:32px;border-top-left-radius:32px;padding-left:25px;padding-right:25px;padding-top:9px;padding-bottom:9px;text-transform:uppercase;letter-spacing:0.05em;border-style:none;border-top-width:2px;border-bottom-width:2px;border-left-width:2px;border-right-width:2px;}.contenu-editable h2{background-color:transparent;color:inherit;font-size:40px;font-family:Spectral;font-weight:normal;margin-top:10px;margin-bottom:10px;}body{font-family:Open Sans;color:#000000;background-color:transparent;}.button:hover, input[type="submit"]:hover{background-color:rgba(10,0,0,1);color:rgba(255,255,255,1);border-style:none;}.button:focus, input[type="submit"]:focus{background-color:rgba(10,0,0,1);color:rgba(255,255,255,1);border-style:none;}.is-fixed #nav-principal .navigation_link_p{font-family:Open Sans;color:rgba(0,0,0,1);text-transform:uppercase;letter-spacing:0.05em;}header.is-fixed .logo{height:auto;}header.is-fixed .logo img{height:auto;}header .logo img{height:auto;}#nav-principal .navigation_link_p.actif{color:#010618;font-size:16px;box-shadow:inset 0px 0px 0px 0px ;background-color:rgba(255,255,255,1);font-weight:normal;}#nav-principal .navigation_button_p.actif .navigation_link_p{color:#010618;font-size:16px;box-shadow:inset 0px 0px 0px 0px ;background-color:rgba(255,255,255,1);font-weight:normal;}#nav-principal .navigation_link_p{color:#010618;font-family:Open Sans;text-transform:uppercase;letter-spacing:0.05em;background-color:rgba(255,255,255,1);}#nav-principal .navigation_link_p:hover{box-shadow:none;color:#010618;background-color:transparent;}#nav-principal .navigation_link_p:focus{box-shadow:none;color:#010618;background-color:transparent;}#nav-principal .navigation_button_p:hover .navigation_link_p{box-shadow:none;color:#010618;background-color:transparent;}#nav-principal .navigation_button_p:focus .navigation_link_p{box-shadow:none;color:#010618;background-color:transparent;}#nav-principal>ul{justify-content:flex-end;}header .logo{height:auto;}.wrapper{padding-left:0px;padding-right:0px;padding-bottom:0px;background-image:none;}.contenu-editable h3{font-family:Open Sans;font-weight:normal;background-color:transparent;color:rgba(0,0,0,1);font-size:18px;margin-top:0px;margin-bottom:0px;letter-spacing:0.05em;}.footer__links{padding-top:10px;padding-bottom:10px;border-style:solid;border-top-width:1px;border-bottom-width:0px;border-left-width:0px;border-right-width:0px;}.footer__links a{font-size:14px;text-transform:uppercase;letter-spacing:0.1em;color:rgba(0,0,0,1);}.footer__links a:hover{color:rgba(0,0,0,1);}.footer__links a:focus{color:rgba(0,0,0,1);}#bloc-fil-title{background-color:transparent;background-image:none;}#bloc-fil-title::before{background-color:transparent;box-shadow:none;background-image:none;}.title_section{font-family:Spectral;text-transform:uppercase;font-weight:normal;font-size:0px;padding-top:20px;padding-bottom:20px;color:transparent;}.nav-static-breadcrumb li a:hover{color:rgba(0,0,0,1);}.nav-static-breadcrumb li a:focus{color:rgba(0,0,0,1);}.nav-static-breadcrumb li a.actif{color:rgba(0,0,0,1);}.nav-static-breadcrumb li::before{color:rgba(46,46,46,1);}.nav-static-breadcrumb li a{color:rgba(46,46,46,1);font-size:13px;}.alert-info{background-color:rgba(255,255,255,1);color:rgba(0,0,0,1);border-color:rgba(0,0,0,1);border-style:none;}.template-panier .connexion a span{display:undefined;}.template-panier .connexion a{color:rgba(0,0,0,1);font-weight:normal;}.template-panier #header-panier{color:rgba(0,0,0,1);font-weight:normal;}.template-panier #header-panier .count-live{background-color:rgba(181,3,3,1);}.template-panier .ajout_panier .button{padding-left:20px;padding-right:20px;padding-top:8px;padding-bottom:8px;}.template-panier-2 #header-panier .panier_text{display:none;}.template-panier-2 #header-panier{text-transform:uppercase;font-family:Open Sans;letter-spacing:0.05em;border-bottom-width:2px;border-left-width:2px;border-right-width:2px;border-top-width:2px;border-style:none;background-color:rgba(255,255,255,1);}#nav-principal .sous_navigation_link_p{color:rgba(0,0,0,1);font-family:Open Sans;text-transform:uppercase;letter-spacing:0.05em;}#nav-principal .sous_navigation_link_p.actif{color:rgba(0,0,0,1);}#nav-principal .sous_navigation_button_p.actif .sous_navigation_link_p{color:rgba(0,0,0,1);}#nav-principal .sous_navigation_link_p:hover{color:rgba(0,0,0,1);}#nav-principal .sous_navigation_link_p:focus{color:rgba(0,0,0,1);}#nav-principal .navigation_button_p > ul{border-style:none;}.template_boutique_2 .produits .productImageWrap img{object-fit:cover;}.produits .zoom-inner{display:block;color:rgba(255,255,255,1);padding-top:7px;background-color:rgba(0,0,0,1);}.template_boutique_1 .produits .addbasket{display:inline-block;}.template_boutique_1 .produits .productImageWrap img{object-fit:cover;}.produits .zoom-inner:hover{color:rgba(255,255,255,1);background-color:rgba(0,0,0,1);}.produits .zoom-inner:focus{color:rgba(255,255,255,1);background-color:rgba(0,0,0,1);}.template_boutique_1 .produits .nomprod a:hover{color:rgba(0,0,0,1);}.template_boutique_1 .produits .nomprod a:focus{color:rgba(0,0,0,1);}.template_boutique_1 .produits .nomprod a{font-family:Spectral;font-size:18px;}.template_boutique_1 .produits .prix .prixprod{font-size:16px;font-weight:normal;}.template_boutique_1 .hors-stock{color:rgba(166,0,0,1);border-color:rgba(166,0,0,1);background-color:rgba(0,0,0,1);}.template_fiche_produit .hors-stock{color:rgba(0,0,0,1);text-align:left;}#fiche-produit .wrap-description .prix{justify-content:flex-start;}.template_fiche_produit .block-fiche-brand h2{color:rgba(0,0,0,1);font-family:Spectral;text-transform:uppercase;letter-spacing:0.05em;}.template_fiche_produit .block-fiche-brand a{color:rgba(0,0,0,1);}.template_fiche_produit .block-fiche-brand p{color:rgba(0,0,0,1);}.template_fiche_produit .bloc-description-detaille > .h4{font-family:Spectral;font-size:20px;text-align:center;}.template_fiche_produit_1 .wrap-images .grande-image img{object-fit:contain;object-position:center center;}.template_fiche_produit .bloc-quantite input{border-style:none;font-size:16px;font-family:Open Sans;}#fiche-produit .wrap-description .bloc-bt-quantity .bt-quantity{border-style:none;}.template_fiche_produit .bloc-quantite label{font-weight:normal;}#fiche-produit .top_fiche .button.addbasket{font-size:16px;}#fiche-produit .wrap-description .prix .prixprod{font-weight:700;}.template-panier .produit_panier .panier_nom a{text-decoration:none;font-family:Spectral;font-size:18px;}.template-panier .produit_panier .panier_description{font-family:Open Sans;font-size:12px;}.template-panier-2 #header-panier .fa-shopping-cart{border-style:none;font-size:20px;}.template-panier #paniercontent .produit_panier{border-top-right-radius:25px;border-bottom-left-radius:0px;border-bottom-right-radius:0px;border-top-left-radius:25px;}.template-panier #paniercommande{border-bottom-left-radius:25px;border-bottom-right-radius:25px;}.template-panier #paniercontent{border-color:rgba(0,0,0,1);border-top-right-radius:25px;border-bottom-left-radius:25px;border-bottom-right-radius:25px;border-top-left-radius:25px;}.template-panier #paniercommande .text-total{font-family:Spectral;font-size:16px;}.template-panier #paniercommande .total-price{font-family:Spectral;font-size:20px;font-weight:700;}.template-panier #paniertable .suppr .picto-panier{color:#000000;}.template_flux_panier a:not(.button){font-weight:700;text-decoration:none;font-family:Open Sans;font-size:18px;}.template_flux_panier_1 .block-resume-cart .resume-cart-legend{background-color:rgba(0,0,0,1);color:rgba(255,255,255,1);}.stepper-tabs .stepper-item .step-counter{background-color:rgba(235,235,235,1);color:rgba(0,0,0,1);}.stepper-tabs .stepper-item.active .step-counter{background-color:rgba(0,0,0,1);--stepper-item-done-bg:rgba(0,0,0,1);}.stepper-tabs .stepper-item.step-done .step-counter{background-color:rgba(0,0,0,1);--stepper-item-done-bg:rgba(0,0,0,1);}.template_flux_panier_1 .resume-cart-products .down-quantity,.template_flux_panier_1 .resume-cart-products .up-quantity{background-color:transparent;color:rgba(0,0,0,1);}#flux-panier input[type="password"],#flux-panier input[type="text"],#flux-panier select,#flux-panier textarea{border-style:solid;font-size:20px;font-family:Open Sans;border-top-width:2px;border-bottom-width:2px;border-left-width:2px;border-right-width:2px;}.stepper-tabs .stepper-item::before{border-color:rgba(235,235,235,1);--stepper-item-done-color:rgba(235,235,235,1);}.stepper-tabs .stepper-item::after{border-color:rgba(235,235,235,1);--stepper-item-done-color:rgba(235,235,235,1);}.stepper-tabs .stepper-item.active::before{border-color:rgba(0,0,0,1);--stepper-item-done-color:rgba(0,0,0,1);}.template_flux_panier_1 .button.button-secondary{background-color:rgba(46,46,46,1);}.template_flux_panier_1 .button.button-secondary:hover{background-color:rgba(0,0,0,1);}.template_flux_panier_1 .button.button-secondary:focus{background-color:rgba(0,0,0,1);}.template_flux_panier_1 .connexion-inscription-header h4{color:rgba(255,255,255,1);}.template_flux_panier_1 .connexion-inscription-header{background-color:rgba(0,0,0,1);}#connexion-inscription .form-group input[type="password"], #connexion-inscription .form-group input[type="text"], #connexion-inscription .form-group select, #connexion-inscription .form-group textarea{border-style:solid;border-top-width:2px;border-bottom-width:2px;border-left-width:2px;border-right-width:2px;}.template_flux_panier_1 .infoscommande-header h4{color:rgba(255,255,255,1);font-family:Open Sans;text-align:center;}.template_flux_panier_1 .infoscommande-header{background-color:rgba(0,0,0,1);}.template_flux_panier_1 #finish h5{background-color:rgba(0,0,0,1);color:rgba(255,255,255,1);font-family:Open Sans;text-align:center;}.template_flux_panier_1 .content-carriers-none{background-color:rgba(255,255,255,1);box-shadow: 0px 0px 0px 0px ;border-style:none;color:rgba(46,46,46,1);font-size:18px;}.alert-danger{background-color:rgba(255,255,255,1);border-style:none;font-weight:700;color:rgba(166,0,0,1);font-size:18px;text-transform:uppercase;text-align:center;}.template_boutique_1 .produits .produit_etiquette{background-color:rgba(0,0,0,1);margin-top:0px;padding-bottom:13px;padding-left:15px;padding-right:15px;padding-top:13px;}.template_boutique_1 .produits .produit_etiquette .titre-etiquette{font-family:Open Sans;font-weight:normal;}.template_boutique_1 .container-etiquette.with-etiquette ~ .remise{background-color:rgba(0,0,0,1);}.template_boutique_1 .container-etiquette.with-etiquette ~ .remise .text-remise{font-family:Open Sans;font-size:15px;}#fiche-produit .produit_etiquette{background-color:rgba(0,0,0,1);}#fiche-produit .produit_etiquette .titre-etiquette{font-family:Open Sans;font-size:20px;font-weight:normal;}#fiche-produit .wrap-description .prix .oldprix{color:rgba(166,0,0,1);}.produits .addbasket{display:undefined;background-color:rgba(0,0,0,1);font-size:15px;border-style:none;}.produits .addbasket:hover{color:rgba(255,255,255,1);}.produits .addbasket:focus{color:rgba(255,255,255,1);}header .slogan{color:#010618;text-align:center;font-size:15px;font-family:Material Symbols Outlined;}.header-conteneur #blocContent{background-image:;background-color:transparent;}a:where(.widget-texte-content a){font-size:25px;}.banner{background-color:#FFFFFF;}#nav-principal > ul > li.hasDropdown > a span::after{color:#010618;}.template-panier-2{background-color:rgba(198,198,198,1);}#nav-principal{background-color:rgba(255,255,255,1);}#nav-principal .dropDown{background-color:rgba(255,255,255,1);}.header-conteneur{background-image:url('');}header{background-color:rgba(255,255,255,1);background-image:none;}@media (min-width:1081px){header.is-fixed{min-height:100px;}header.is-fixed .logo{bottom:auto;right:auto;height:auto;top:15px;left:0px;}header.is-fixed .logo img{height:auto;}header .logo img{height:auto;}header{min-height:100px;}header .logo{height:auto;width:56px;top:20px;left:-38px;bottom:auto;right:auto;}.header-conteneur{max-width:1118px;}.template_fiche_produit .wrap-images{width:60%;}.template_fiche_produit_2 .grande-image .sliderImageFicheProd img,.template_fiche_produit_2 .grande-image .sliderImageFicheProd video{height:596px;}.template-panier #paniercontent .produit_panier .panier_image{width:18%;}header .slogan{width:50px;top:46px;left:38px;}.header-conteneur #blocContent{max-width:902px;}}@media (min-width:0) and (max-width:1080px){.contenu-editable h1{font-size:35px;}.contenu-editable h2{font-size:30px;}header .logo{width:67px;top:6px;height:auto;box-shadow:none;left:46.93%;}header .logo img{height:auto;}.template-panier-2 #header-panier{box-shadow: 0px 0px 0px 0px ;background-color:rgba(255,255,255,1);}#nav-principal>ul{background-color:rgba(255,255,255,1);border-style:solid;border-top-width:2px;border-bottom-width:2px;border-left-width:0px;border-right-width:0px;}#nav-principal .sous_navigation_link_p{background-color:rgba(255,255,255,1);}.menu #nav-principal .menu_burger{box-shadow: 0px 0px 0px 0px ;bottom:auto;right:auto;top:3px;left:3px;color:rgba(17,24,39,1);background-color:transparent;}.template-panier-2{background-color:rgba(255,255,255,1);top:6px;right:4px;bottom:auto;left:auto;}.banner .banner__item{font-size:15px;}#nav-principal{background-color:rgba(255,255,255,1);background-image:none;}header .slogan{width:50px;}}/* =========================================================
   INACIO — CSS GLOBAL FINAL PREMIUM SAFE (CmonSite)
   v2026-02-12 — PROPRE + CORRECTIONS HEADER/NEWSLETTER
   - Pas de :where() / :has() / :is()
========================================================= */

/* =========================
   0) BASE SAFE (site entier)
========================= */
html, body{ max-width:100%; overflow-x:hidden; background:#f5f5f7 !important; }

body{
  background:#f5f5f7 !important;
  color:#111827;
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  min-height:100vh;
}

/* Liens : bleu premium unique (hors boutons) */
body a{ color:#0b5cab !important; text-decoration:none !important; }
body a:hover{ text-decoration:underline !important; }

body a.inacio-btn2,
body a.inacio-pillbtn,
body a.addbasket,
body a.button,
body .button a{
  text-decoration:none !important;
}

/* Box sizing SAFE (scopé zones clés) */
#inacio-home *,
#fiche-produit *,
.fiche-produit *{ box-sizing:border-box; }

/* =========================================================
   1) STOP pseudo-elements parasites (fiche produit)
========================================================= */
#fiche-produit::before,
#fiche-produit::after,
.fiche-produit::before,
.fiche-produit::after{
  content:none !important;
  display:none !important;
}

/* =========================================================
   2) KILLS THEME (wrappers / seams) — SAFE
========================================================= */
.wrapper-content,
#wrapper-content,
#main-conteneur,
#main-container,
#wrapcontent{
  background:transparent !important;
  margin-top:0 !important;
  padding-top:0 !important;
  border-top:0 !important;
  box-shadow:none !important;
}
.wrapper-content::before,
.wrapper-content::after,
#main-conteneur::before,
#main-conteneur::after{
  content:none !important;
  display:none !important;
}

/* Le thème laisse parfois un fond sur des wrappers/colonnes */
#wrap, #wrapper, #container, #conteneur, #page, #global, #layout,
#main, #main-container, #main-conteneur, #wrapcontent,
.wrapper, .container, .page, .global, .layout,
.colonne_gauche, .colonne_droite, .sidebar, .side, aside,
#colonneG, #colonneD{
  background:transparent !important;
  background-image:none !important;
}

/* =========================================================
   3) MASTER LAYOUT SAFE — CmonSite
   BUT: #blocContent existe parfois dans le header.
   => On neutralise #blocContent dans le header
   => On applique la carte uniquement au contenu page (.wrapper-content)
========================================================= */
/* 3A) Neutralise #blocContent DANS LE HEADER */
header #blocContent,
header.banniere_header_p #blocContent,
header.banniere.header_p #blocContent,
header .header-conteneur #blocContent,
header #headercontent #blocContent{
  max-width:none !important;
  margin:0 !important;
  padding:0 !important;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  border-radius:0 !important;
}

/* 3B) Carte centrale UNIQUEMENT sur le contenu page */
.wrapper-content #blocContent,
.wrapper-content_p #blocContent,
#main-conteneur .wrapper-content #blocContent,
#main-conteneur .wrapper-content_p #blocContent,
#main-container .wrapper-content #blocContent,
#main-container .wrapper-content_p #blocContent{
  max-width:1198px !important;
  margin:18px auto 36px !important;
  padding:22px 16px 46px !important;

  border-radius:26px !important;
  border:1px solid #e7ebf0 !important;

  background:
    radial-gradient(120% 180% at 18% 0%, rgba(56,189,248,.10), transparent 55%),
    radial-gradient(120% 180% at 82% 0%, rgba(99,102,241,.07), transparent 55%),
    linear-gradient(180deg,#ffffff,#fbfbfd) !important;

  box-shadow:0 30px 90px rgba(0,0,0,.11) !important;
}
@media (max-width:740px){
  .wrapper-content #blocContent,
  .wrapper-content_p #blocContent,
  #main-conteneur .wrapper-content #blocContent,
  #main-conteneur .wrapper-content_p #blocContent,
  #main-container .wrapper-content #blocContent,
  #main-container .wrapper-content_p #blocContent{
    margin:12px 10px 24px !important;
    padding:18px 12px 34px !important;
    border-radius:20px !important;
  }
}

/* =========================================================
   4) PATCH HEADER — FIX COLONNE GRISE + ALIGN MENU/LOUPE/PANIER
   (Corrige exactement vos captures)
========================================================= */

/* Header: base “glass” pleine largeur */
#header,
header,
header.banniere_header_p,
header.banniere.header_p{
  position:relative !important;
  width:100% !important;
  margin:0 !important;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  overflow:visible !important;
}

/* Le glass en arrière-plan */
#header::before,
header.banniere_header_p::before,
header.banniere.header_p::before{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(110deg, rgba(255,255,255,0) 0%, rgba(255,255,255,.62) 18%, rgba(255,255,255,0) 36%),
    radial-gradient(120% 180% at 18% 0%, rgba(56,189,248,.16) 0%, rgba(0,0,0,0) 58%),
    radial-gradient(120% 180% at 82% 0%, rgba(99,102,241,.11) 0%, rgba(0,0,0,0) 60%),
    linear-gradient(180deg, rgba(255,255,255,.88) 0%, rgba(255,255,255,.74) 100%);
  background-size:220% 100%, auto, auto, auto;
  border-bottom:1px solid rgba(15,23,42,.10);
  box-shadow:0 14px 40px rgba(0,0,0,.08);
  -webkit-backdrop-filter:saturate(180%) blur(14px);
  backdrop-filter:saturate(180%) blur(14px);
  pointer-events:none;
  z-index:0;
}
/* Contenu au-dessus du glass */
#header > *,
header.banniere_header_p > *,
header.banniere.header_p > *{
  position:relative !important;
  z-index:2 !important;
}

/* IMPORTANT : supprime les fonds internes qui créent la “colonne grise” */
header .header-conteneur,
header #headercontent,
header nav#nav-principal,
header .menu.navigation_p,
header [class*="colonne_droite"],
header [class*="colonne_gauche"],
header [id*="colonneD"],
header [id*="colonneG"],
header [class*="panier"],
header [id*="panier"]:not(#paniercontent):not(#panierContent){
  background:transparent !important;
  background-image:none !important;
  box-shadow:none !important;
  border:0 !important;
}

/* Desktop : layout propre (ne casse pas burger mobile) */
@media (min-width:901px){
  header.banniere_header_p .header-conteneur,
  header.banniere.header_p .header-conteneur{
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    gap:18px !important;
    flex-wrap:wrap !important; /* permet 2 lignes propres si besoin */
  }

  /* Logo : pas de largeur “thème” qui pousse le menu */
  header.banniere_header_p #headercontent,
  header.banniere.header_p #headercontent{
    flex:0 0 auto !important;
    width:auto !important;
    max-width:320px !important;
    min-width:0 !important;
    margin:0 !important;
    padding:0 !important;
    float:none !important;
    display:flex !important;
    align-items:center !important;
  }

  /* NAV prend l’espace restant */
  header.banniere_header_p nav#nav-principal,
  header.banniere.header_p nav#nav-principal,
  header.banniere_header_p .menu.navigation_p,
  header.banniere.header_p .menu.navigation_p{
    flex:1 1 auto !important;
    min-width:0 !important;
    width:auto !important;
    margin:0 !important;
    float:none !important;
  }

  /* UL menu */
  header.banniere_header_p nav#nav-principal > ul,
  header.banniere.header_p nav#nav-principal > ul{
    display:flex !important;
    justify-content:flex-end !important;
    align-items:center !important;
    flex-wrap:wrap !important;
    gap:14px !important;
    margin:0 !important;
    padding:0 !important;
  }
  header.banniere_header_p nav#nav-principal > ul > li,
  header.banniere.header_p nav#nav-principal > ul > li{
    float:none !important;
    display:block !important;
  }
}

/* Mobile : on ne touche pas au burger */
@media (max-width:900px){
  header.banniere_header_p .header-conteneur,
  header.banniere.header_p .header-conteneur{
    display:block !important;
  }
}

/* Items menu : pills premium (repos = hover cohérent) */
@media (min-width:901px){
  header #nav-principal,
  header #nav-principal ul,
  header #nav-principal li,
  header #nav-principal li *{
    background:transparent !important;
    background-image:none !important;
    box-shadow:none !important;
  }

  header #nav-principal > ul > li > a.navigation_link_p{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    padding:10px 14px !important;
    border-radius:14px !important;

    position:relative !important;
    overflow:hidden !important;

    background:linear-gradient(180deg, rgba(255,255,255,.58) 0%, rgba(255,255,255,.26) 100%) !important;
    border:1px solid rgba(15,23,42,.10) !important;

    box-shadow:
      0 12px 28px rgba(0,0,0,.08),
      inset 0 1px 0 rgba(255,255,255,.85) !important;

    color:#0b5cab !important;
    text-decoration:none !important;
    transition:transform .16s ease, box-shadow .16s ease, border-color .16s ease, filter .16s ease !important;
  }

  header #nav-principal > ul > li > a.navigation_link_p::before{
    content:"" !important;
    position:absolute !important;
    inset:-2px !important;
    background:linear-gradient(110deg, rgba(255,255,255,0) 0%, rgba(255,255,255,.52) 18%, rgba(255,255,255,0) 36%) !important;
    transform:translateX(-120%) !important;
    transition:transform .65s ease !important;
    pointer-events:none !important;
  }
  header #nav-principal > ul > li > a.navigation_link_p:hover{
    transform:translateY(-1px) !important;
    filter:brightness(1.02) !important;
    border-color:rgba(11,92,171,.22) !important;
    box-shadow:0 16px 34px rgba(0,0,0,.10), inset 0 1px 0 rgba(255,255,255,.90) !important;
  }
  header #nav-principal > ul > li > a.navigation_link_p:hover::before{
    transform:translateX(120%) !important;
  }

  header #nav-principal li.actif > a.navigation_link_p{
    border-color:rgba(11,92,171,.26) !important;
    box-shadow:0 16px 34px rgba(0,0,0,.10), inset 0 1px 0 rgba(255,255,255,.92) !important;
  }

  /* Dropdown : lisible + niveau 2 OK */
  #nav-principal ul.menu__dropdown,
  #nav-principal ul.menu__dropdown.dropdown,
  #nav-principal ul.dropdown,
  header .menu_dropdown{
    overflow:visible !important;
    background:#ffffff !important;
    background-image:none !important;
    border:1px solid rgba(15,23,42,.12) !important;
    border-radius:18px !important;
    box-shadow:0 28px 70px rgba(0,0,0,.22) !important;
    z-index:999999 !important;
    padding:10px !important;
  }
  #nav-principal ul.menu__dropdown a,
  header .menu_dropdown a{
    color:#0b1220 !important;
    font-weight:750 !important;
    padding:10px 12px !important;
    border-radius:12px !important;
    display:block !important;
    text-decoration:none !important;
  }
  #nav-principal ul.menu__dropdown a:hover,
  header .menu_dropdown a:hover{
    background:rgba(15,23,42,.06) !important;
  }

  /* Chevron dropdown : ne recouvre pas le texte */
  #nav-principal ul.menu__dropdown > li,
  #nav-principal ul.dropdown > li{ position:relative !important; }

  #nav-principal ul.menu__dropdown > li > a,
  #nav-principal ul.dropdown > li > a{ padding-right:52px !important; }

  #nav-principal ul.menu__dropdown > li > span.dropDown,
  #nav-principal ul.dropdown > li > span.dropDown{
    position:absolute !important;
    right:12px !important;
    top:50% !important;
    transform:translateY(-50%) !important;
    background:transparent !important;
    border:0 !important;
    box-shadow:none !important;
    cursor:pointer !important;
  }

  #nav-principal ul.menu__dropdown ul,
  #nav-principal ul.dropdown ul{
    overflow:visible !important;
    z-index:1000000 !important;
    background:#ffffff !important;
    border:1px solid rgba(15,23,42,.12) !important;
    border-radius:16px !important;
    box-shadow:0 28px 70px rgba(0,0,0,.22) !important;
    padding:10px !important;
  }
}

/* Bandeau */
.banner{
  position:relative !important;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
}
.banner::before{
  content:"";
  position:absolute;
  inset:0;
  background:rgba(255,255,255,.35);
  border-bottom:1px solid rgba(15,23,42,.06);
  pointer-events:none;
}
.banner__item, .banner__item *{
  color:#0b1220 !important;
  font-weight:800 !important;
  font-size:14px !important;
}

/* =========================================================
   5) PANIER — PILL PREMIUM + mini-panier fiable (SAFE)
========================================================= */
#panier{
  position:relative !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  border-radius:999px !important;
  overflow:visible !important; /* badge non coupé */
  z-index:2147483647 !important;

  background:linear-gradient(180deg, rgba(255,255,255,.60) 0%, rgba(255,255,255,.22) 100%) !important;
  border:1px solid rgba(15,23,42,.10) !important;
  box-shadow:0 12px 28px rgba(0,0,0,.10), inset 0 1px 0 rgba(255,255,255,.90) !important;
}
@media (min-width:901px){ #panier{ width:42px !important; height:42px !important; margin-left:12px !important; } }
@media (max-width:900px){ #panier{ width:46px !important; height:46px !important; } }

/* Le lien toggle couvre la pastille */
#panier a.paniertoggle{
  position:absolute !important;
  inset:0 !important;
  display:block !important;
  border-radius:999px !important;
  background:transparent !important;
  z-index:5 !important;
}

/* Le visuel interne ne gêne pas le clic */
#panier #header-panier,
#panier #header-panier *{
  pointer-events:none !important;
  background:transparent !important;
  box-shadow:none !important;
  border:0 !important;
}

/* Icône */
#panier i.fa-shopping-cart,
#panier i.fa.fa-shopping-cart{
  color:#0b1220 !important;
  font-size:18px !important;
  line-height:1 !important;
  margin:0 !important;
  background:transparent !important;
}
#panier .panier_text{ display:none !important; }

/* Badge quantité : rouge + chiffre blanc (lisible) */
#panier .count-live{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  position:absolute !important;
  top:-8px !important;
  right:-8px !important;
  min-width:20px !important;
  height:20px !important;
  padding:0 6px !important;
  border-radius:999px !important;
  background:#e11d48 !important;
  color:#ffffff !important;
  font-size:12px !important;
  font-weight:950 !important;
  line-height:1 !important;
  border:2px solid rgba(255,255,255,.85) !important;
  box-shadow:0 10px 22px rgba(0,0,0,.18) !important;
  z-index:50 !important;
}

/* Dropdown mini-panier */
#paniercontent,
#panierContent{
  z-index:2147483647 !important;
  pointer-events:auto !important;
  background:#ffffff !important;
  border:1px solid rgba(15,23,42,.12) !important;
  border-radius:22px !important;
  box-shadow:0 28px 70px rgba(0,0,0,.22) !important;
  overflow:hidden !important;
  padding:12px 12px 14px !important;
}

/* IMPORTANT : on annule tout absolute/inset DANS le dropdown */
#paniercontent a,
#panierContent a,
#paniercontent button,
#panierContent button,
#paniercontent input,
#panierContent input{
  position:static !important;
  inset:auto !important;
  width:auto !important;
  height:auto !important;
  transform:none !important;
  pointer-events:auto !important;
}

/* Photos mini-panier visibles */
#paniercontent img,
#panierContent img,
#paniertable img{
  display:block !important;
  visibility:visible !important;
  opacity:1 !important;
  width:54px !important;
  max-width:54px !important;
  height:auto !important;
  border-radius:12px !important;
  box-shadow:0 10px 24px rgba(0,0,0,.10) !important;
}

/* Zone commande */
#paniercommande{
  float:none !important;
  clear:both !important;
  margin:12px 0 0 !important;
  padding:0 !important;
  text-align:right !important;
}

/* Bouton commande — blanc luxe + liseré bleu */
#paniercommande a,
#paniercommande .button,
#paniercommande input[type="submit"]{
  display:block !important;
  width:100% !important;
  box-sizing:border-box !important;
  margin:0 !important;

  border-radius:999px !important;
  padding:16px 18px !important;
  font-weight:950 !important;
  letter-spacing:.10em !important;
  text-transform:uppercase !important;

  background:
    radial-gradient(120% 160% at 20% 0%, rgba(56,189,248,.10) 0%, rgba(0,0,0,0) 55%),
    linear-gradient(180deg,#ffffff 0%, #f3f4f6 100%) !important;

  color:#0b1220 !important;
  border:1px solid rgba(15,23,42,.14) !important;
  box-shadow:
    0 18px 55px rgba(0,0,0,.10),
    inset 0 1px 0 rgba(255,255,255,.90),
    0 0 0 1px rgba(14,165,233,.18) !important;

  text-decoration:none !important;
}
#paniercommande a:hover,
#paniercommande .button:hover,
#paniercommande input[type="submit"]:hover{
  transform:translateY(-1px) !important;
  filter:brightness(1.02) !important;
  box-shadow:
    0 22px 70px rgba(0,0,0,.12),
    inset 0 1px 0 rgba(255,255,255,.92),
    0 0 0 1px rgba(14,165,233,.26) !important;
}

/* Frais de port : pill sur sa ligne */
#paniercommande .fdp,
#paniercommande [class*="fdp"],
#paniercommande [id*="fdp"],
#paniercommande .livraison,
#paniercommande [class*="livraison"],
#paniercommande [id*="livraison"],
#paniercommande .port,
#paniercommande [class*="port"],
#paniercommande [id*="port"]{
  display:none !important;
}
#paniercommande::before{
  content:"Frais de port : calculés à l’étape suivante" !important;
  display:block !important;
  width:fit-content !important;
  margin:6px 0 10px auto !important;
  padding:8px 10px !important;
  border-radius:999px !important;
  border:1px solid rgba(15,23,42,.10) !important;
  background:
    radial-gradient(120% 160% at 20% 0%, rgba(14,165,233,.10) 0%, rgba(0,0,0,0) 55%),
    rgba(255,255,255,.70) !important;
  color:rgba(17,24,39,.62) !important;
  font-size:12px !important;
  font-weight:850 !important;
  letter-spacing:.02em !important;
  box-shadow:0 12px 28px rgba(0,0,0,.06) !important;
}

/* 1 seul total : on garde .total-live */
#paniercontent #paniercommande .totalpanier,
#panierContent  #paniercommande .totalpanier{
  display:none !important;
}
#paniercontent #paniercommande .total-live,
#panierContent  #paniercommande .total-live{
  display:block !important;
  width:100% !important;
  text-align:right !important;
  white-space:nowrap !important;
  font-weight:900 !important;
  margin:6px 0 10px !important;
}

/* =========================================================
   FIN DU FICHIER (Réparé)
========================================================= */

/* Newsletter */
.inacio-home .inacio-newsletter .roundedgraymsg,
.inacio-home .inacio-newsletter .roundedgraymsg *{
  background:transparent !important;
  box-shadow:none !important;
}

.inacio-home .inacio-newsletter form.form-newsletter{
  max-width:860px !important;
  margin:0 auto !important;
  padding:18px 16px !important;
  border-radius:18px !important;
  border:1px solid #e7ebf0 !important;
  background:
    radial-gradient(120% 160% at 20% 0%, rgba(14,165,233,.10) 0%, rgba(0,0,0,0) 55%),
    linear-gradient(180deg,#ffffff 0%, #fbfbfd 100%) !important;
  box-shadow:0 18px 55px rgba(0,0,0,.08) !important;
  text-align:left !important;
}

.inacio-home .inacio-newsletter input#newsletter_email{
  width:100% !important;
  border-radius:14px !important;
  border:1px solid #e5e7eb !important;
  padding:12px 14px !important;
  background:#fff !important;
  color:#111827 !important;
  font-size:14px !important;
  box-shadow:inset 0 2px 4px rgba(0,0,0,.03) !important;
  transition:border-color .2s ease, box-shadow .2s ease !important;
}

.inacio-home .inacio-newsletter input#newsletter_email:focus{
  border-color:#0ea5e9 !important;
  box-shadow:0 0 0 3px rgba(14,165,233,.15) !important;
  outline:none !important;
}

/* Le bouton qui était coupé */
.inacio-home .inacio-newsletter #newsletter_valid{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  margin:12px auto 0 !important;
  
  /* Correction & Style Premium */
  border-radius:999px !important;
  padding:12px 24px !important;
  min-width:140px !important;
  
  background:#0b1220 !important; /* Sombre luxe */
  color:#ffffff !important;
  font-weight:800 !important;
  font-size:13px !important;
  text-transform:uppercase !important;
  letter-spacing:.5px !important;
  border:1px solid rgba(255,255,255,.12) !important;
  
  box-shadow:0 10px 24px rgba(0,0,0,.12) !important;
  cursor:pointer !important;
  transition:transform .18s ease, box-shadow .18s ease, background .18s ease !important;
  -webkit-appearance:none !important;
}

.inacio-home .inacio-newsletter #newsletter_valid:hover{
  transform:translateY(-2px) !important;
  box-shadow:0 16px 36px rgba(0,0,0,.18) !important;
  background:#1f2937 !important; /* Légèrement plus clair au survol */
}
/* =========================================================
   7) HOME — SCOPÉE sous .inacio-home
========================================================= */
.inacio-home{ color:#111827; }

.inacio-home .inacio-wrap{
  max-width:1180px;
  margin:0 auto;
  padding:22px 16px 56px;
}

/* HERO */
.inacio-home .inacio-heroCard{
  border-radius:24px;
  overflow:hidden;
  background:#fff;
  border:1px solid #e9edf2;
  box-shadow:0 30px 80px rgba(0,0,0,.10);
}
.inacio-home .inacio-heroImg{ width:100%; height:auto; display:block; }

/* HEAD */
.inacio-home .inacio-head{ padding:16px 2px 0; }
.inacio-home .inacio-h1{
  margin:10px 0 8px;
  font-size:36px;
  font-weight:900;
  letter-spacing:-.45px;
  color:#0b1220 !important;
}
.inacio-home .inacio-lead{
  margin:0 0 12px;
  font-weight:650;
  line-height:1.55;
  color:#111827 !important;
  opacity:.86;
}

/* TAGS */
.inacio-home .inacio-tags{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-top:12px;
}
.inacio-home .inacio-tag{
  display:inline-flex;
  align-items:center;
  padding:7px 12px;
  border-radius:999px;
  background:#ffffff;
  border:1px solid #e6e9ee;
  color:#111827 !important;
  font-size:12px;
  font-weight:800;
  letter-spacing:.2px;
  box-shadow:0 10px 26px rgba(0,0,0,.06);
}

/* CARD (glass clair) */
.inacio-home .inacio-card{
  border-radius:24px;
  background:
    radial-gradient(120% 160% at 18% 0%, rgba(56,189,248,.10) 0%, rgba(0,0,0,0) 55%),
    linear-gradient(180deg,#ffffff 0%, #fbfbfd 100%);
  border:1px solid #e7ebf0;
  box-shadow:0 28px 80px rgba(0,0,0,.10);
  overflow:hidden;
}
.inacio-home .inacio-section{ margin-top:18px; }
.inacio-home .inacio-head2{ padding:18px 18px 0; }

.inacio-home .inacio-h1small{
  margin:0 0 6px;
  font-size:26px;
  font-weight:900;
  letter-spacing:-.35px;
  color:#0b1220 !important;
}
.inacio-home .inacio-h3{
  margin:0 0 6px;
  font-size:15px;
  font-weight:900;
  color:#0b1220 !important;
}
.inacio-home .inacio-muted{
  margin:0;
  color:#4b5563 !important;
  font-weight:600;
  line-height:1.55;
}

/* GRIDS */
.inacio-home .inacio-grid2{
  display:flex;
  flex-wrap:wrap;
  gap:14px;
  padding:18px;
  justify-content:center;
}
.inacio-home .inacio-grid2 > a{ flex:1; min-width:260px; }

/* GRID3 (enfants = article) */
.inacio-home .inacio-grid3{
  width:100% !important;
  display:flex !important;
  flex-wrap:wrap !important;
  gap:14px !important;
  justify-content:center !important;
  align-items:stretch !important;
  padding:18px !important;
}
.inacio-home .inacio-grid3 > article{
  margin:0 !important;
  height:100% !important;
  display:flex !important;
  flex-direction:column !important;
}
@media (min-width:901px){
  .inacio-home .inacio-grid3{ justify-content:space-between !important; }
  .inacio-home .inacio-grid3 > article{
    width:calc((100% - 28px) / 3) !important;
    max-width:calc((100% - 28px) / 3) !important;
    min-width:260px !important;
  }
}
@media (max-width:900px) and (min-width:701px){
  .inacio-home .inacio-grid3{ justify-content:space-between !important; }
  .inacio-home .inacio-grid3 > article{
    width:calc((100% - 14px) / 2) !important;
    max-width:calc((100% - 14px) / 2) !important;
    min-width:260px !important;
  }
}
@media (max-width:700px){
  .inacio-home .inacio-grid3{ padding:14px !important; justify-content:center !important; }
  .inacio-home .inacio-grid3 > article{ width:100% !important; max-width:100% !important; min-width:0 !important; }
}

/* BOX */
.inacio-home .inacio-box{
  border-radius:18px;
  border:1px solid #e7ebf0;
  background:#ffffff;
  padding:16px;
  box-shadow:0 14px 34px rgba(0,0,0,.08);
  transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}
.inacio-home .inacio-box p{
  margin:8px 0 0;
  color:#4b5563;
  font-weight:600;
  line-height:1.55;
}
.inacio-home .inacio-box:hover{
  transform:translateY(-2px);
  border-color:rgba(56,189,248,.35);
  box-shadow:0 22px 60px rgba(0,0,0,.10);
}

/* TILE */
.inacio-home .inacio-tile{
  display:block;
  border-radius:18px;
  border:1px solid #e7ebf0;
  background:#ffffff;
  padding:16px;
  box-shadow:0 14px 34px rgba(0,0,0,.08);
  transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}
.inacio-home .inacio-tile:hover{
  transform:translateY(-2px);
  border-color:rgba(11,92,171,.18);
  box-shadow:0 22px 60px rgba(0,0,0,.10);
}
.inacio-home .inacio-tileTitle{
  font-weight:900;
  font-size:16px;
  margin:0 0 6px;
  color:#0b1220 !important;
}
.inacio-home .inacio-tileText{
  color:#4b5563 !important;
  font-weight:600;
  line-height:1.55;
}
.inacio-home .inacio-tileLink{
  margin-top:8px;
  font-weight:900;
  color:#0b5cab !important;
}

/* Fix underline / thème sur tuiles */
.inacio-home a.inacio-tile,
.inacio-home a.inacio-tile:hover,
.inacio-home a.inacio-tile:focus,
.inacio-home a.inacio-tile:active,
.inacio-home a.inacio-tile *{
  text-decoration:none !important;
  border-bottom:0 !important;
  background-image:none !important;
}

/* Links home (quiet luxury) */
.inacio-home a.inacio-link{
  display:inline-flex !important;
  align-items:center !important;
  gap:6px !important;
  padding:2px 0 !important;
  border-bottom:0 !important;
  text-decoration:none !important;
  background:transparent !important;
  font-weight:900 !important;
  color:#0b5cab !important;
  transition:transform .14s ease, opacity .14s ease, text-shadow .14s ease !important;
}
.inacio-home a.inacio-link:hover{
  transform:translateY(-1px) !important;
  opacity:.92 !important;
  text-shadow:0 10px 22px rgba(11,92,171,.18) !important;
}

/* Buttons home */
.inacio-home .inacio-ctaRow{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-top:12px;
}
.inacio-home .inacio-ctaBottom{ padding:0 18px 18px; }

.inacio-home .inacio-btn2{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:12px 16px;
  border-radius:999px;
  font-weight:900;
  text-decoration:none;
  background:rgba(17,24,39,.04);
  border:1px solid rgba(17,24,39,.10);
  color:#0b1220 !important;
  box-shadow:0 12px 28px rgba(0,0,0,.08);
  transition: transform .18s ease, box-shadow .18s ease, filter .18s ease;
}
.inacio-home .inacio-btn2.primary{
  background:linear-gradient(180deg,#0ea5e9 0%, #0284c7 100%);
  border:0;
  color:#ffffff !important;
  box-shadow:0 16px 34px rgba(2,132,199,.22), 0 14px 34px rgba(0,0,0,.10);
}
.inacio-home .inacio-btn2:hover{ transform:translateY(-1px); filter:brightness(1.01); }

/* Bullets */
.inacio-home .inacio-downloadBullets{ display:grid; gap:10px; margin:10px 0 12px; }
.inacio-home .inacio-bullet{
  border-radius:14px;
  border:1px solid rgba(17,24,39,.10);
  background:rgba(17,24,39,.03);
  padding:10px 12px;
  color:#0b1220 !important;
  font-weight:750;
  line-height:1.45;
}

/* Focus pro */
.inacio-home a:focus,
.inacio-home button:focus,
#fiche-produit a:focus,
#fiche-produit button:focus{
  outline:none !important;
  box-shadow:0 0 0 3px rgba(14,165,233,.28) !important;
  border-radius:14px !important;
}

@media (max-width:700px){
  .inacio-home .inacio-wrap{ padding:18px 14px 46px; }
  .inacio-home .inacio-h1{ font-size:32px; line-height:1.15 !important; }
}

/* =========================================================
   8) TRUSTBAR HOME — Glossy clair
========================================================= */
.inacio-qtrust{ width:100%; background:transparent; margin:16px 0 0; }
.inacio-qtrust__inner{
  max-width:1180px;
  margin:0 auto;
  padding:14px 16px;
  display:flex;
  align-items:center;
  gap:14px;
  border-radius:22px;
  background:
    linear-gradient(110deg, rgba(255,255,255,0) 0%, rgba(255,255,255,.55) 18%, rgba(255,255,255,0) 36%),
    linear-gradient(180deg,#ffffff 0%, #fbfbfd 100%);
  background-size:220% 100%, auto;
  border:1px solid #e7ebf0;
  box-shadow:0 20px 60px rgba(0,0,0,.08);
  overflow-x:auto;
  -webkit-overflow-scrolling:touch;
  animation:inacioTrustGloss 9s linear infinite;
}
@keyframes inacioTrustGloss{
  0%{ background-position:-160% 0, center; }
  100%{ background-position:160% 0, center; }
}
.inacio-qtrust__item{ display:flex; align-items:center; gap:12px; white-space:nowrap; flex:0 0 auto; }
.inacio-qtrust__sep{ width:1px; height:34px; background:#e7ebf0; flex:0 0 auto; opacity:.95; }
.inacio-qtrust__ico{
  width:34px;height:34px;border-radius:12px;
  display:flex;align-items:center;justify-content:center;
  background:rgba(17,24,39,.03);
  border:1px solid rgba(17,24,39,.08);
  box-shadow:0 10px 22px rgba(0,0,0,.06);
  font-size:16px;
}
.inacio-qtrust__text{ display:flex; flex-direction:column; line-height:1.15; }
.inacio-qtrust__t1{ font-size:13px; font-weight:900; color:#0b1220; }
.inacio-qtrust__t2{ font-size:11px; font-weight:650; color:#6b7280; }
@media (max-width:640px){
  .inacio-qtrust__inner{ border-radius:18px; padding:12px 12px; }
  .inacio-qtrust__t1{ font-size:12.5px; }
  .inacio-qtrust__t2{ font-size:11px; }
}

/* =========================================================
   9) TRUSTBAR PRODUIT — Apple dark glass
========================================================= */
.inacio-ft{
  width:100%;
  margin:18px 0 0;
  background:transparent;
  font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
}
.inacio-ft__inner{
  max-width:1200px;
  margin:0 auto;
  padding:12px 14px;
  display:flex;
  align-items:center;
  gap:14px;
  border-radius:22px;
  background:
    linear-gradient(110deg, rgba(255,255,255,0) 0%, rgba(255,255,255,.14) 18%, rgba(255,255,255,0) 36%),
    radial-gradient(120% 180% at 20% 0%, rgba(99,102,241,.22) 0%, rgba(0,0,0,0) 55%),
    radial-gradient(120% 180% at 80% 0%, rgba(34,211,238,.18) 0%, rgba(0,0,0,0) 55%),
    linear-gradient(180deg,#0a1020 0%, #070a12 100%);
  background-size:220% 100%, auto, auto, auto;
  animation:inacioFtGloss 10s linear infinite;
  border:1px solid rgba(255,255,255,.12);
  box-shadow:0 26px 80px rgba(0,0,0,.48), inset 0 1px 0 rgba(255,255,255,.08);
  overflow-x:auto;
  -webkit-overflow-scrolling:touch;
}
@keyframes inacioFtGloss{
  0%{ background-position:-160% 0, center, center, center; }
  100%{ background-position:160% 0, center, center, center; }
}
.inacio-ft__item{ display:flex; align-items:center; gap:12px; white-space:nowrap; flex:0 0 auto; }
.inacio-ft__sep{ width:1px; height:36px; background:rgba(255,255,255,.12); flex:0 0 auto; }
.inacio-ft__ico{
  width:32px; height:32px; border-radius:12px;
  display:flex; align-items:center; justify-content:center;
  position:relative;
  background:linear-gradient(180deg, rgba(255,255,255,.10) 0%, rgba(255,255,255,.04) 100%);
  border:1px solid rgba(255,255,255,.16);
  box-shadow:0 14px 34px rgba(0,0,0,.50);
}
.inacio-ft__ico::after{
  content:"";
  position:absolute;
  width:24px;height:24px;
  border-radius:999px;
  background:radial-gradient(circle, rgba(255,255,255,.14) 0%, rgba(255,255,255,0) 62%);
  pointer-events:none;
  transform:translateY(-6px);
}
.inacio-ft__ico svg{
  width:18px; height:18px;
  display:block;
  fill:none;
  stroke:rgba(255,255,255,.92);
  stroke-width:2;
  stroke-linecap:round;
  stroke-linejoin:round;
  filter: drop-shadow(0 2px 6px rgba(0,0,0,.35));
}
.inacio-ft__text{ display:flex; flex-direction:column; line-height:1.15; }
.inacio-ft__t1{ font-size:13px; font-weight:950; color:#ffffff; letter-spacing:-.1px; }
.inacio-ft__t2{ font-size:11px; color:rgba(229,231,235,.72); }

.inacio-ft__logos{ display:flex; gap:8px; align-items:center; flex:0 0 auto; }
.inacio-ft__logoPill{
  height:30px;
  min-width:58px;
  padding:0 10px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:12px;
  background:linear-gradient(180deg, rgba(255,255,255,.12) 0%, rgba(255,255,255,.05) 100%);
  border:1px solid rgba(255,255,255,.18);
  box-shadow:0 10px 26px rgba(0,0,0,.55), 0 0 0 1px rgba(34,211,238,.08);
  transition: transform .18s ease, filter .18s ease;
}
.inacio-ft__logoPill:hover{ transform: translateY(-1px); filter: brightness(1.06); }
.inacio-ft__logo{
  height:16px;
  width:auto;
  display:block;
  border-radius:4px;
  filter: drop-shadow(0 2px 6px rgba(0,0,0,.45));
}

/* SumUp blanc */
.inacio-ft__logo--sumup,
.inacio-ft__logo[src*="id3hzpiv01-1770530864107"]{
  filter: invert(1) brightness(1.35) contrast(1.15)
          drop-shadow(0 2px 10px rgba(255,255,255,.22))
          drop-shadow(0 0 18px rgba(59,130,246,.16)) !important;
  opacity:1 !important;
}
@media (max-width:640px){
  .inacio-ft__inner{ border-radius:18px; }
  .inacio-ft__t1{ font-size:12.5px; }
  .inacio-ft__t2{ font-size:11px; }
  .inacio-ft__logoPill{ height:30px; min-width:54px; }
}

/* =========================================================
   10) FICHE PRODUIT — Bouton “Ajouter au panier” premium
========================================================= */
#fiche-produit .row.ajouter-panier a.addbasket,
#fiche-produit .row.ajouter-panier a.addbasket.button,
#fiche-produit .row.ajouter-panier a.button.addbasket,
#fiche-produit .row.ajouter-panier .addbasket.button,
#fiche-produit .row.ajouter-panier button,
#fiche-produit .row.ajouter-panier input[type="submit"],
.fiche-produit .row.ajouter-panier a.addbasket,
.fiche-produit .row.ajouter-panier a.addbasket.button,
.fiche-produit .row.ajouter-panier a.button.addbasket,
.fiche-produit .row.ajouter-panier .addbasket.button,
.fiche-produit .row.ajouter-panier button,
.fiche-produit .row.ajouter-panier input[type="submit"]{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:12px !important;

  width:auto !important;
  padding:16px 30px !important;
  min-height:58px !important;
  border-radius:999px !important;

  font-weight:950 !important;
  letter-spacing:.55px !important;
  text-transform:uppercase !important;

  -webkit-appearance:none !important;
  appearance:none !important;
  text-decoration:none !important;

  color:#ffffff !important;
  background:
    radial-gradient(120% 140% at 20% 0%, rgba(14,165,233,.20) 0%, rgba(0,0,0,0) 52%),
    linear-gradient(180deg,#0b1220 0%, #070b14 100%) !important;

  border:1px solid rgba(255,255,255,.14) !important;
  box-shadow:
    0 18px 55px rgba(0,0,0,.22),
    0 0 0 1px rgba(14,165,233,.08),
    0 0 34px rgba(14,165,233,.12) !important;

  position:relative !important;
  overflow:hidden !important;
  cursor:pointer !important;
  transition:transform .18s ease, box-shadow .18s ease, filter .18s ease !important;
  outline:none !important;
  transform:translateZ(0) !important;
}

/* Shine */
#fiche-produit .row.ajouter-panier a.addbasket::before,
#fiche-produit .row.ajouter-panier .addbasket.button::before,
#fiche-produit .row.ajouter-panier button::before,
#fiche-produit .row.ajouter-panier input[type="submit"]::before,
.fiche-produit .row.ajouter-panier a.addbasket::before,
.fiche-produit .row.ajouter-panier .addbasket.button::before,
.fiche-produit .row.ajouter-panier button::before,
.fiche-produit .row.ajouter-panier input[type="submit"]::before{
  content:"" !important;
  position:absolute !important;
  inset:-2px !important;
  background:linear-gradient(110deg, rgba(255,255,255,0) 0%, rgba(255,255,255,.16) 18%, rgba(255,255,255,0) 36%) !important;
  transform:translateX(-120%) !important;
  transition:transform .65s ease !important;
  pointer-events:none !important;
}
#fiche-produit .row.ajouter-panier a.addbasket:hover,
#fiche-produit .row.ajouter-panier .addbasket.button:hover,
#fiche-produit .row.ajouter-panier button:hover,
#fiche-produit .row.ajouter-panier input[type="submit"]:hover,
.fiche-produit .row.ajouter-panier a.addbasket:hover,
.fiche-produit .row.ajouter-panier .addbasket.button:hover,
.fiche-produit .row.ajouter-panier button:hover,
.fiche-produit .row.ajouter-panier input[type="submit"]:hover{
  transform:translateY(-2px) translateZ(0) !important;
  box-shadow:
    0 28px 80px rgba(0,0,0,.26),
    0 0 0 1px rgba(14,165,233,.12),
    0 0 52px rgba(14,165,233,.16) !important;
  filter:brightness(1.02) !important;
}
#fiche-produit .row.ajouter-panier a.addbasket:hover::before,
#fiche-produit .row.ajouter-panier .addbasket.button:hover::before,
#fiche-produit .row.ajouter-panier button:hover::before,
#fiche-produit .row.ajouter-panier input[type="submit"]:hover::before,
.fiche-produit .row.ajouter-panier a.addbasket:hover::before,
.fiche-produit .row.ajouter-panier .addbasket.button:hover::before,
.fiche-produit .row.ajouter-panier button:hover::before,
.fiche-produit .row.ajouter-panier input[type="submit"]:hover::before{
  transform:translateX(120%) !important;
}

/* Badges confiance sous panier (SAFE) */
#fiche-produit .row.ajouter-panier:not(.has-badges)::before,
.fiche-produit .row.ajouter-panier:not(.has-badges)::before{
  content:" Paiement sécurisé   •    Expédition rapide & soignée   •    Support client réactif" !important;
  display:inline-block !important;
  margin:12px auto 0 !important;
  font-size:13px !important;
  font-weight:750 !important;
  line-height:1.25 !important;
  color:#0b1220 !important;
  background:#ffffff !important;
  border:1px solid #e7ebf0 !important;
  border-radius:999px !important;
  padding:10px 14px !important;
  box-shadow:0 14px 34px rgba(0,0,0,.08) !important;
  -webkit-box-decoration-break:clone !important;
  box-decoration-break:clone !important;
}
#fiche-produit .row.ajouter-panier:not(.has-badges)::after,
.fiche-produit .row.ajouter-panier:not(.has-badges)::after{
  content:" Préparation soignée — emballage attentif." !important;
  display:block !important;
  margin:8px auto 0 !important;
  font-size:12px !important;
  font-weight:650 !important;
  line-height:1.25 !important;
  color:#6b7280 !important;
}
@media (max-width:640px){
  #fiche-produit .row.ajouter-panier:not(.has-badges)::before,
  .fiche-produit .row.ajouter-panier:not(.has-badges)::before{
    content:" Paiement sécurisé   •    Expédition rapide & soignée\A Support client réactif" !important;
    white-space:pre-line !important;
    font-size:12.5px !important;
    padding:10px 12px !important;
    border-radius:16px !important;
  }
}
@media (max-width:700px){
  #fiche-produit .row.ajouter-panier a.addbasket,
  #fiche-produit .row.ajouter-panier .addbasket.button,
  #fiche-produit .row.ajouter-panier button,
  #fiche-produit .row.ajouter-panier input[type="submit"],
  .fiche-produit .row.ajouter-panier a.addbasket,
  .fiche-produit .row.ajouter-panier .addbasket.button,
  .fiche-produit .row.ajouter-panier button,
  .fiche-produit .row.ajouter-panier input[type="submit"]{
    width:100% !important;
    padding:16px 18px !important;
  }
}

/* =========================================================
   11) MOBILE — trustbar produit flottante
========================================================= */
@media (max-width:820px){
  #fiche-produit .inacio-ft,
  .fiche-produit .inacio-ft{
    position:fixed !important;
    left:12px !important;
    right:12px !important;
    bottom:calc(10px + env(safe-area-inset-bottom)) !important;
    z-index:50000 !important;
    margin:0 !important;
    pointer-events:none !important;
  }
  #fiche-produit .inacio-ft__inner,
  .fiche-produit .inacio-ft__inner{
    pointer-events:auto !important;
    padding:10px 12px !important;
    border-radius:18px !important;
    box-shadow:0 26px 80px rgba(0,0,0,.58), inset 0 1px 0 rgba(255,255,255,.08) !important;
    overflow-x:auto !important;
    -webkit-overflow-scrolling:touch !important;
    transform:translateZ(0) !important;
  }
  #fiche-produit,
  .fiche-produit{ padding-bottom:130px !important; }
}

/* =========================================================
   12) FOOTER LEGAL premium centrée (CmonSite)
========================================================= */
.footer-bottom,
.footer_bottom,
.footer-legal,
.footer_legal,
.mentions-legales,
.mentions_legales,
.legal,
.cmse-legal,
.cmse_legal,
#footer-bottom,
#footer_bottom,
#footer-legal,
#footer_legal,
#mentions-legales,
#mentions_legales,
#legal,
#cmse-legal,
#cmse_legal,
.cmse-footer-bottom,
.cmse-footer-legal{
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;

  max-width:1198px !important;
  margin:14px auto 26px !important;
  padding:12px 14px !important;

  border-radius:16px !important;
  border:1px solid rgba(15,23,42,.10) !important;

  background:
    radial-gradient(120% 160% at 18% 0%, rgba(56,189,248,.10) 0%, rgba(0,0,0,0) 55%),
    linear-gradient(180deg,#ffffff 0%, #fbfbfd 100%) !important;

  box-shadow:0 16px 44px rgba(0,0,0,.08) !important;

  color:#6b7280 !important;
  font-size:12px !important;
  font-weight:650 !important;
  letter-spacing:.15px !important;
  text-align:center !important;
  line-height:1.65 !important;
}
.footer-bottom a,
.footer_bottom a,
.footer-legal a,
.footer_legal a,
.mentions-legales a,
.mentions_legales a,
.legal a,
.cmse-legal a,
.cmse_legal a,
#footer-bottom a,
#footer_bottom a,
#footer-legal a,
#footer_legal a,
#mentions-legales a,
#mentions_legales a,
#legal a,
#cmse-legal a,
#cmse_legal a,
.cmse-footer-bottom a,
.cmse-footer-legal a{
  color:#0b5cab !important;
  font-weight:900 !important;
  text-decoration:none !important;
}
.footer-bottom a:hover,
.footer_bottom a:hover,
.footer-legal a:hover,
.footer_legal a:hover,
.mentions-legales a:hover,
.mentions_legales a:hover,
.legal a:hover,
.cmse-legal a:hover,
.cmse_legal a:hover,
#footer-bottom a:hover,
#footer_bottom a:hover,
#footer-legal a:hover,
#footer_legal a:hover,
#mentions-legales a:hover,
#mentions_legales a:hover,
#legal a:hover,
#cmse-legal a:hover,
#cmse_legal a:hover,
.cmse-footer-bottom a:hover,
.cmse-footer-legal a:hover{
  text-decoration:underline !important;
}
@media (max-width:740px){
  .footer-bottom,
  .footer_bottom,
  .footer-legal,
  .footer_legal,
  .mentions-legales,
  .mentions_legales,
  .legal,
  .cmse-legal,
  .cmse_legal,
  #footer-bottom,
  #footer_bottom,
  #footer-legal,
  #footer_legal,
  #mentions-legales,
  #mentions_legales,
  #legal,
  #cmse-legal,
  #cmse_legal,
  .cmse-footer-bottom,
  .cmse-footer-legal{
    margin:12px 10px 22px !important;
    padding:11px 12px !important;
    border-radius:14px !important;
    font-size:11.8px !important;
  }
}

/* =========================================================
   13) HARMONISATION LISTING / CATEGORIES (SAFE)
========================================================= */
#blocContent hr,
.wrapper-content hr{
  border:0 !important;
  height:1px !important;
  background:rgba(15,23,42,.10) !important;
  margin:18px 0 !important;
}

#blocContent .product-title a,
#blocContent .product_name a,
#blocContent .nom_produit a,
#blocContent h2 a,
#blocContent h3 a{
  color:#0b1220 !important;
  font-weight:900 !important;
  letter-spacing:-.15px !important;
  line-height:1.25 !important;
}
#blocContent .price,
#blocContent .prix,
#blocContent .product_price{
  color:#111827 !important;
  font-weight:850 !important;
}

#blocContent select,
#blocContent .tri select,
#blocContent .sort select{
  border-radius:14px !important;
  border:1px solid rgba(15,23,42,.14) !important;
  padding:10px 12px !important;
  background:#fff !important;
  box-shadow:0 10px 22px rgba(0,0,0,.06) !important;
  font-weight:750 !important;
}

#blocContent .liste-produits .produit,
#blocContent .liste_produits .produit,
#blocContent .products .product,
#blocContent .produits .produit,
#blocContent .product-list .product,
#blocContent .vignette_produit{
  background:#ffffff !important;
  border:1px solid #e7ebf0 !important;
  border-radius:22px !important;
  box-shadow:0 24px 70px rgba(0,0,0,.08) !important;
  padding:16px !important;
  overflow:hidden !important;
}
#blocContent .liste-produits img,
#blocContent .liste_produits img,
#blocContent .products img,
#blocContent .produits img,
#blocContent .product-list img,
#blocContent .vignette_produit img{
  border-radius:18px !important;
  display:block !important;
}
#blocContent a.addbasket,
#blocContent .addbasket.button,
#blocContent .row.ajouter-panier a.addbasket{
  border-radius:999px !important;
}

/* =========================================================
   14) FOND GRIS APPLE JUSQU’EN BAS (SAFE)
========================================================= */
footer,
#footer,
.footer,
.footer_p,
.footer-content,
.footer_conteneur,
#wrapfooter,
#footercontent{
  background:#f5f5f7 !important;
  background-image:none !important;
  box-shadow:none !important;
}
.mention.links_p,
.mention_links_p,
.mentions_links_p,
.mentions-links,
.mention-links{
  background:#f5f5f7 !important;
  background-image:none !important;
  border-top:0 !important;
  box-shadow:none !important;
  padding:18px 0 26px !important;
  color:rgba(17,24,39,.55) !important;
  font-weight:800 !important;
  letter-spacing:.12em !important;
}
.music{ background:#f5f5f7 !important; }

/* =========================================================
   15) PERF/ACCESSIBILITÉ
========================================================= */
@media (prefers-reduced-motion: reduce){
  *{ scroll-behavior:auto !important; }
  .inacio-qtrust__inner,
  .inacio-ft__inner{ animation:none !important; }
}
/* =========================================================
   INACIO — PATCH FINAL (BADGE PANIER ROUGE + PANIER PILL + LOUPE SEULE)
   👉 À coller TOUT EN BAS du CSS GLOBAL
========================================================= */

/* -------------------------
   1) PANIER : pastille (badge) ROUGE visible partout
------------------------- */

/* Le panier ne doit pas couper la pastille */
#panier{
  overflow:visible !important;
  position:relative !important;
}

/* Badge : on cible large (CmonSite varie selon les thèmes) */
#panier .count-live,
#panier .count,
#panier .panier_count,
#panier .panier_nb,
#panier span[class*="count"],
#panier span[id*="count"]{
  position:absolute !important;
  top:-8px !important;
  right:-8px !important;

  display:flex !important;
  align-items:center !important;
  justify-content:center !important;

  min-width:20px !important;
  height:20px !important;
  padding:0 6px !important;

  border-radius:999px !important;
  background:#e11d48 !important;      /* ✅ rouge badge */
  color:#ffffff !important;           /* ✅ chiffre blanc */
  font-size:12px !important;
  font-weight:950 !important;
  line-height:1 !important;

  border:2px solid rgba(255,255,255,.90) !important;
  box-shadow:0 10px 22px rgba(0,0,0,.18) !important;

  z-index:999999 !important;
  pointer-events:none !important;     /* ne gêne pas le clic */
}

/* Si un reset “header-panier *” écrase le badge : on le ré-impose */
#panier #header-panier .count-live,
#panier #header-panier .count{
  background:#e11d48 !important;
  color:#ffffff !important;
  border:2px solid rgba(255,255,255,.90) !important;
  box-shadow:0 10px 22px rgba(0,0,0,.18) !important;
}

/* -------------------------
   2) PANIER : rendu “pill” premium (desktop + mobile)
------------------------- */
#panier{
  background:linear-gradient(180deg, rgba(255,255,255,.60) 0%, rgba(255,255,255,.22) 100%) !important;
  border:1px solid rgba(15,23,42,.10) !important;
  border-radius:999px !important;
  box-shadow:0 12px 28px rgba(0,0,0,.10), inset 0 1px 0 rgba(255,255,255,.90) !important;
}

@media (min-width:901px){ #panier{ width:42px !important; height:42px !important; } }
@media (max-width:900px){ #panier{ width:46px !important; height:46px !important; } }

/* Le toggle couvre bien la pastille */
#panier a.paniertoggle{
  position:absolute !important;
  inset:0 !important;
  display:block !important;
  border-radius:999px !important;
  background:transparent !important;
  z-index:5 !important;
}

/* Icône toujours visible */
#panier i.fa-shopping-cart,
#panier i.fa.fa-shopping-cart{
  color:#0b1220 !important;
  font-size:18px !important;
  line-height:1 !important;
  margin:0 !important;
  background:transparent !important;
}

/* -------------------------
   3) LOUPE : icône seule (desktop)
------------------------- */
@media (min-width:901px){
  #nav-principal li.has_picto.b-search.navigation_button_p a.navigation_link_p{
    position:relative !important;

    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;

    width:42px !important;
    height:42px !important;
    padding:0 !important;

    border-radius:999px !important;
    background:rgba(15,23,42,.04) !important;
    border:1px solid rgba(15,23,42,.10) !important;
    box-shadow:0 10px 24px rgba(0,0,0,.08) !important;
  }

  /* Cache le texte si présent */
  #nav-principal li.has_picto.b-search.navigation_button_p a.navigation_link_p span{
    display:none !important;
    font-size:0 !important;
    line-height:0 !important;
  }

  /* Garde la loupe */
  #nav-principal li.has_picto.b-search.navigation_button_p i.fa.fa-search{
    font-size:16px !important;
    margin:0 !important;
    line-height:1 !important;
  }
}
/* =========================================================
   INACIO — FIX LOUPE RECHERCHE DISPARUE (desktop)
   👉 À coller TOUT EN BAS
========================================================= */
@media (min-width:901px){

  /* Ne jamais display:none le span : la loupe est souvent dedans */
  #nav-principal li.has_picto.b-search.navigation_button_p a.navigation_link_p span,
  #nav-principal li.has_picto[class*="search"].navigation_button_p a.navigation_link_p span{
    display:inline-block !important;
    font-size:0 !important;      /* texte caché */
    line-height:0 !important;
  }

  /* Si la loupe est injectée en ::before */
  #nav-principal li.has_picto.b-search.navigation_button_p a.navigation_link_p span::before,
  #nav-principal li.has_picto[class*="search"].navigation_button_p a.navigation_link_p span::before{
    font-size:16px !important;
    line-height:1 !important;
    color:#0b1220 !important;
    opacity:1 !important;
    visibility:visible !important;
  }

  /* Si la loupe est un <i> (FontAwesome) */
  #nav-principal li.has_picto.b-search.navigation_button_p a.navigation_link_p i,
  #nav-principal li.has_picto[class*="search"].navigation_button_p a.navigation_link_p i{
    display:block !important;
    font-size:16px !important;
    line-height:1 !important;
    color:#0b1220 !important;
    opacity:1 !important;
    visibility:visible !important;
  }
}
/* =========================================================
   INACIO — HARMONISATION HEADER : LOUPE + PANIER EN BLEU (SAFE)
   👉 À coller TOUT EN BAS
========================================================= */

@media (min-width:901px){

  /* Couleur "brand" utilisée sur le site */
  header #nav-principal > ul > li > a.navigation_link_p{
    color:#0b5cab !important;
  }

  /* Loupe : selon le thème (i) ou (span::before) */
  #nav-principal li.has_picto.b-search.navigation_button_p i.fa.fa-search,
  #nav-principal li.has_picto[class*="search"].navigation_button_p i{
    color:#0b5cab !important;
  }
  #nav-principal li.has_picto.b-search.navigation_button_p a.navigation_link_p span::before,
  #nav-principal li.has_picto[class*="search"].navigation_button_p a.navigation_link_p span::before{
    color:#0b5cab !important;
  }

  /* Panier : icône */
  #panier i.fa-shopping-cart,
  #panier i.fa.fa-shopping-cart{
    color:#0b5cab !important;
  }
}
/* =========================================================
   INACIO — QUIET LUXURY : OMBRES PLUS DOUCES SUR LES PILLS MENU (SAFE)
   👉 À coller TOUT EN BAS
========================================================= */

@media (min-width:901px){

  /* Pills menu : ombre plus fine (moins “carton”) */
  header #nav-principal > ul > li > a.navigation_link_p{
    box-shadow:
      0 10px 22px rgba(0,0,0,.045),
      inset 0 1px 0 rgba(255,255,255,.78) !important;
    border-color:rgba(15,23,42,.09) !important;
  }

  /* Hover : micro lift + ombre très subtile */
  header #nav-principal > ul > li > a.navigation_link_p:hover{
    box-shadow:
      0 12px 26px rgba(0,0,0,.060),
      inset 0 1px 0 rgba(255,255,255,.86) !important;
    border-color:rgba(11,92,171,.16) !important;
  }

  /* Actif : juste un cran au-dessus (sans “gros relief”) */
  header #nav-principal li.actif > a.navigation_link_p{
    box-shadow:
      0 12px 28px rgba(0,0,0,.065),
      inset 0 1px 0 rgba(255,255,255,.90) !important;
    border-color:rgba(11,92,171,.20) !important;
  }
}
/* =========================================================
   INACIO — FIX ALIGN + / - (mini-panier CmonSite)
   👉 À coller TOUT EN BAS
========================================================= */

#paniercontent .quantite,
#panierContent .quantite,
#paniercontent .quantity,
#panierContent .quantity,
#paniercontent [class*="quantit"],
#panierContent [class*="quantit"],
#paniercontent [class*="qte"],
#panierContent [class*="qte"]{
  float:none !important;
  clear:none !important;
  display:flex !important;
  align-items:center !important;
  justify-content:flex-end !important;
  gap:10px !important;
}

/* Neutralise les positions/floats qui “cassent” le + / - */
#paniercontent #paniertable input,
#panierContent  #paniertable input,
#paniercontent #paniertable button,
#panierContent  #paniertable button,
#paniercontent #paniertable a,
#panierContent  #paniertable a{
  float:none !important;
  position:static !important;
  top:auto !important; right:auto !important; bottom:auto !important; left:auto !important;
  transform:none !important;
}

/* Boutons - et + (on cible large) */
#paniercontent #paniertable input[type="button"][value="-"],
#panierContent  #paniertable input[type="button"][value="-"],
#paniercontent #paniertable input[type="button"][value="+"],
#panierContent  #paniertable input[type="button"][value="+"],
#paniercontent #paniertable button[value="-"],
#panierContent  #paniertable button[value="-"],
#paniercontent #paniertable button[value="+"],
#panierContent  #paniertable button[value="+"]{
  width:44px !important;
  min-width:44px !important;
  height:44px !important;
  border-radius:999px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  margin:0 !important;

  border:1px solid rgba(15,23,42,.12) !important;
  background:rgba(15,23,42,.03) !important;
  box-shadow:0 10px 22px rgba(0,0,0,.06) !important;

  font-weight:950 !important;
  font-size:18px !important;
  line-height:1 !important;
}

/* Champ quantité : au centre, jamais recouvert par le + */
#paniercontent #paniertable input[type="text"],
#panierContent  #paniertable input[type="text"],
#paniercontent #paniertable input[type="number"],
#panierContent  #paniertable input[type="number"]{
  height:44px !important;
  width:64px !important;
  border-radius:999px !important;
  margin:0 !important;

  border:1px solid rgba(15,23,42,.14) !important;
  background:#fff !important;
  box-shadow:0 10px 22px rgba(0,0,0,.06) !important;

  font-weight:950 !important;
  text-align:center !important;
  padding:0 !important;
}

/* Si le thème met le “+” dans un <a> (cas fréquent) */
#paniercontent #paniertable a[class*="plus"],
#panierContent  #paniertable a[class*="plus"],
#paniercontent #paniertable a[class*="moins"],
#panierContent  #paniertable a[class*="moins"]{
  width:44px !important;
  height:44px !important;
  border-radius:999px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  margin:0 !important;

  border:1px solid rgba(15,23,42,.12) !important;
  background:rgba(15,23,42,.03) !important;
  box-shadow:0 10px 22px rgba(0,0,0,.06) !important;

  font-weight:950 !important;
  font-size:18px !important;
  line-height:1 !important;
  text-decoration:none !important;
  color:#0b1220 !important;
}

/* =========================================================
   INACIO — FIX ESPACE "QUANTITÉ :" (évite que ça pousse le +/– à droite)
   👉 À coller TOUT EN BAS
========================================================= */

#paniercontent #paniertable .panier_quantite,
#panierContent  #paniertable .panier_quantite{
  justify-content:center !important; /* groupe centré */
  gap:12px !important;
}

/* ✅ Le point clé : le libellé ne doit JAMAIS prendre toute la largeur */
#paniercontent #paniertable .panier_quantite .text-quantite,
#panierContent  #paniertable .panier_quantite .text-quantite{
  display:inline-flex !important;
  width:auto !important;
  max-width:none !important;
  flex:0 0 auto !important;     /* annule flex:1 */
  margin:0 10px 0 0 !important; /* petit espace après le : */
  padding:0 !important;
  white-space:nowrap !important;
  letter-spacing:.06em !important;
}

/* Les 3 blocs restent compacts (pas d’étirement) */
#paniercontent #paniertable .panier_quantite .downqte,
#panierContent  #paniertable .panier_quantite .downqte,
#paniercontent #paniertable .panier_quantite .inputqte,
#panierContent  #paniertable .panier_quantite .inputqte,
#paniercontent #paniertable .panier_quantite .upqte,
#panierContent  #paniertable .panier_quantite .upqte{
  width:auto !important;
  flex:0 0 auto !important;
}
/* =========================================================
   INACIO — CHECKOUT PREMIUM (mini-panier) : FDP + Total + CTA alignés à droite
   👉 À coller TOUT EN BAS
========================================================= */

/* Zone commande : tout sur un axe à droite */
#paniercontent #paniercommande,
#panierContent  #paniercommande{
  display:flex !important;
  flex-direction:column !important;
  align-items:flex-end !important;      /* ✅ axe droit */
  gap:10px !important;                 /* ✅ respiration propre */
  margin-top:10px !important;
}

/* Badge “Frais de port…” : plus compact + collé au total */
#paniercontent #paniercommande::before,
#panierContent  #paniercommande::before{
  margin:4px 0 6px auto !important;    /* ✅ plus proche */
  padding:8px 12px !important;
  border-radius:999px !important;
  border:1px solid rgba(15,23,42,.10) !important;

  background:
    radial-gradient(120% 160% at 20% 0%, rgba(14,165,233,.10) 0%, rgba(0,0,0,0) 55%),
    rgba(255,255,255,.78) !important;

  box-shadow:0 10px 22px rgba(0,0,0,.06) !important;
}

/* Total : ancré à droite + rendu luxe */
#paniercontent #paniercommande .totalpanier,
#panierContent  #paniercommande .totalpanier{
  width:auto !important;               /* ✅ ne prend pas toute la largeur */
  border-top:0 !important;
  padding-top:0 !important;
  margin:0 !important;

  display:flex !important;
  align-items:baseline !important;
  justify-content:flex-end !important;
  gap:10px !important;
}

#paniercontent #paniercommande .totalpanier .text-total,
#panierContent  #paniercommande .totalpanier .text-total{
  font-weight:950 !important;
  color:#0b1220 !important;
  opacity:.88 !important;
}

#paniercontent #paniercommande .totalpanier .total-price,
#panierContent  #paniercommande .totalpanier .total-price{
  font-size:30px !important;
  font-weight:950 !important;
  letter-spacing:-.25px !important;
  color:#0b1220 !important;
}

/* Conteneur bouton : colle à droite */
#paniercontent #paniercommande .ajout_panier,
#panierContent  #paniercommande .ajout_panier{
  width:100% !important;
  display:flex !important;
  justify-content:flex-end !important;  /* ✅ axe droit */
  margin:0 !important;
}

/* CTA : glass luxe (desktop aligné à droite, mobile full width) */
#paniercontent #paniercommande .ajout_panier a,
#panierContent  #paniercommande .ajout_panier a{
  width:520px !important;              /* ✅ même axe que le total */
  max-width:100% !important;

  border-radius:999px !important;
  padding:18px 20px !important;

  font-weight:950 !important;
  letter-spacing:.12em !important;
  text-transform:uppercase !important;

  color:#0b1220 !important;
  border:1px solid rgba(15,23,42,.14) !important;

  background:
    linear-gradient(110deg, rgba(255,255,255,0) 0%, rgba(255,255,255,.55) 18%, rgba(255,255,255,0) 36%),
    radial-gradient(120% 160% at 18% 0%, rgba(56,189,248,.10) 0%, rgba(0,0,0,0) 55%),
    linear-gradient(180deg,#ffffff 0%, #f3f4f6 100%) !important;

  box-shadow:
    0 20px 60px rgba(0,0,0,.10),
    inset 0 1px 0 rgba(255,255,255,.92),
    0 0 0 1px rgba(14,165,233,.14) !important;

  text-decoration:none !important;
  transition:transform .18s ease, box-shadow .18s ease, filter .18s ease !important;
}

#paniercontent #paniercommande .ajout_panier a:hover,
#panierContent  #paniercommande .ajout_panier a:hover{
  transform:translateY(-1px) !important;
  filter:brightness(1.01) !important;
  box-shadow:
    0 26px 80px rgba(0,0,0,.12),
    inset 0 1px 0 rgba(255,255,255,.95),
    0 0 0 1px rgba(14,165,233,.22) !important;
}

/* Mobile : bouton plein large (plus confortable) */
@media (max-width:700px){
  #paniercontent #paniercommande .ajout_panier a,
  #panierContent  #paniercommande .ajout_panier a{
    width:100% !important;
  }
}
/* =========================================================
   INACIO — NEWSLETTER (version tag {formulaire:newsletter})
   👉 à coller TOUT EN BAS du CSS GLOBAL
========================================================= */

/* Carte newsletter */
.inacio-home .inacio-newsletter{
  padding:18px !important;
  border-radius:18px !important;
}

/* Centrage global du contenu du formulaire injecté */
.inacio-home .inacio-newsletter form,
.inacio-home .inacio-newsletter .form-newsletter{
  max-width:920px !important;
  margin:0 auto !important;
}

/* Titres/paragraphes centrés (selon rendu CmonSite) */
.inacio-home .inacio-newsletter .form-newsletter__title,
.inacio-home .inacio-newsletter .header_newsletter,
.inacio-home .inacio-newsletter .footer_newsletter,
.inacio-home .inacio-newsletter .law-computer-and-freedoms{
  text-align:center !important;
}

/* Champ email (couvre les deux cas : input texte ou email) */
.inacio-home .inacio-newsletter input[type="text"],
.inacio-home .inacio-newsletter input[type="email"],
.inacio-home .inacio-newsletter #newsletter_email{
  width:100% !important;
  height:52px !important;
  border-radius:999px !important;
  border:1px solid rgba(15,23,42,.14) !important;
  background:#ffffff !important;
  padding:0 16px !important;
  outline:none !important;
  box-shadow:0 10px 26px rgba(0,0,0,.06) !important;
}

/* Bouton valider “luxe” */
.inacio-home .inacio-newsletter button,
.inacio-home .inacio-newsletter #newsletter_valid{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:10px !important;
  padding:14px 26px !important;
  border-radius:999px !important;
  border:0 !important;
  background:#0b1220 !important;
  color:#ffffff !important;
  font-weight:900 !important;
  letter-spacing:.6px !important;
  box-shadow:0 16px 40px rgba(0,0,0,.18) !important;
  cursor:pointer !important;
}

.inacio-home .inacio-newsletter button:hover,
.inacio-home .inacio-newsletter #newsletter_valid:hover{
  filter:brightness(1.05) !important;
  transform:translateY(-1px) !important;
}

/* Liens */
.inacio-home .inacio-newsletter a{
  text-decoration:none !important;
  font-weight:800 !important;
}

/* Ligne “Désinscription…” centrée */
.inacio-home .inacio-newsFinePrint{
  text-align:center !important;
  margin-top:10px !important;
  color:#64748b !important;
  font-weight:650 !important;
}
/* =========================================================
   INACIO — HOME : GLASS BLEU UNIFORME (évite l'effet "2 couleurs")
   👉 À coller TOUT EN BAS
========================================================= */

/* 1) Carte principale : halo bleu + base très légère (plus uniforme) */
.inacio-home .inacio-glass{
  background:
    radial-gradient(140% 190% at 18% 0%, rgba(56,189,248,.09) 0%, rgba(56,189,248,0) 62%),
    radial-gradient(140% 190% at 82% 0%, rgba(99,102,241,.04) 0%, rgba(99,102,241,0) 62%),
    linear-gradient(180deg,#ffffff 0%, #fbfbfd 75%, #f7fbff 100%) !important;
  background-clip: padding-box !important;
}

/* 2) Blocs internes : halo plus léger pour ne pas "casser" la couleur */
.inacio-home .inacio-glassMini{
  background:
    radial-gradient(140% 190% at 18% 0%, rgba(56,189,248,.06) 0%, rgba(56,189,248,0) 65%),
    linear-gradient(180deg,#ffffff 0%, #fbfbfd 100%) !important;
  background-clip: padding-box !important;
}

/* 3) NEWSLETTER : neutralise les fonds CmonSite (sinon ça fait une 2e teinte) */
.inacio-home .inacio-newsletter,
.inacio-home .inacio-newsletter .form-newsletter,
.inacio-home .inacio-newsletter .roundedgraymsg{
  background: transparent !important;
  box-shadow: none !important;
}

/* 4) Optionnel : évite les “bandes” aux bords (selon navigateur) */
.inacio-home .inacio-card,
.inacio-home .inacio-newsletter{
  overflow: hidden !important;
}
/* =========================================================
   INACIO — NOUVEAUTÉS (LUXE V6 SAFE)
   Cards premium + photos OK + spacing réduit + bouton bleu
   Compatible CmonSite : body.page-index-XXXX
   👉 À coller TOUT EN BAS du CSS GLOBAL
========================================================= */

/* Scope HOME (CmonSite met souvent page-index-XXXXX) */
body[class*="page-index"] .widget-product-slider{ margin:0 !important; }

/* Swiper : un peu d'air + pas de coupe */
body[class*="page-index"] .widget-product-slider .swiper{
  padding:14px 16px 34px !important;
  overflow:visible !important;
}

/* ✅ Réduit VRAIMENT l’espace entre tuiles (override inline margin-right) */
body[class*="page-index"] .widget-product-slider .swiper-slide{
  width:320px !important;
  margin-right:14px !important;
  height:auto !important;
  box-sizing:border-box !important;
}
@media (max-width:1100px){
  body[class*="page-index"] .widget-product-slider .swiper-slide{ width:300px !important; }
}
@media (max-width:980px){
  body[class*="page-index"] .widget-product-slider .swiper-slide{ width:280px !important; }
}
@media (max-width:640px){
  body[class*="page-index"] .widget-product-slider .swiper-slide{
    width:78vw !important;
    margin-right:12px !important;
  }
}

/* ✅ Carte produit (le slide = .produits sur CmonSite) */
body[class*="page-index"] .widget-product-slider .produits{
  position:relative !important;
  background:#ffffff !important;
  border:1px solid rgba(15,23,42,.10) !important;
  border-radius:22px !important;
  box-shadow:0 22px 60px rgba(2,8,23,.12) !important;

  padding:16px 16px 16px !important;

  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  text-align:center !important;
}

/* ✅ Évite les “vides” / align-height qui créent des bugs */
body[class*="page-index"] .widget-product-slider .height-align{
  height:auto !important;
  min-height:0 !important;
}

/* ✅ IMPORTANT : certains thèmes mettent l’image en float → on neutralise */
body[class*="page-index"] .widget-product-slider .productImageWrap,
body[class*="page-index"] .widget-product-slider .productContentWrap{
  float:none !important;
  width:100% !important;
}

/* ✅ Photo : SAFE (sans position absolute) + arrondis luxe */
body[class*="page-index"] .widget-product-slider .productImageWrap{
  width:170px !important;
  height:170px !important;
  margin:8px auto 12px !important;

  border-radius:22px !important;
  overflow:hidden !important;

  background-color:#f8fafc !important;
  background-size:cover !important;
  background-position:center !important;
  background-repeat:no-repeat !important;

  box-shadow:0 12px 28px rgba(0,0,0,.12) !important;
}
body[class*="page-index"] .widget-product-slider .productImageWrap img{
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  display:block !important;
  border-radius:22px !important;
}

/* Badge promo : reste propre */
body[class*="page-index"] .widget-product-slider .container-etiquette{
  position:absolute !important;
  left:14px !important;
  top:14px !important;
  z-index:3 !important;
}

/* ✅ On masque la desc (c’est elle qui faisait parfois “colonne bleue”) */
body[class*="page-index"] .widget-product-slider p.desc{
  display:none !important;
}

/* Titre : 2 lignes max + pas d’hyphénation bizarre */
body[class*="page-index"] .widget-product-slider h3.nomprod{
  width:100% !important;
  margin:6px 0 10px !important;

  font-size:12px !important;
  line-height:1.25 !important;
  font-weight:900 !important;
  letter-spacing:.06em !important;
  text-transform:uppercase !important;
  color:#0b5ea9 !important;

  white-space:normal !important;
  word-break:normal !important;
  overflow-wrap:break-word !important;
  hyphens:none !important;

  overflow:hidden !important;
  display:-webkit-box !important;
  -webkit-line-clamp:2 !important;
  -webkit-box-orient:vertical !important;
  min-height:32px !important;
}

/* Prix */
body[class*="page-index"] .widget-product-slider p.prix{
  margin:0 !important;
  font-size:20px !important;
  font-weight:900 !important;
  color:#0b1220 !important;
}
body[class*="page-index"] .widget-product-slider p.prix del,
body[class*="page-index"] .widget-product-slider p.prix s{
  font-size:14px !important;
  opacity:.55 !important;
  margin-left:6px !important;
}

/* ✅ Bouton “Ajouter au panier” : bleu premium */
body[class*="page-index"] .widget-product-slider .block-btn-addbasket{
  width:100% !important;
  margin-top:12px !important;
}
body[class*="page-index"] .widget-product-slider a.addbasket{
  width:100% !important;
  max-width:240px !important;

  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;

  padding:12px 16px !important;
  border-radius:999px !important;

  border:1px solid rgba(2,132,199,.35) !important;
  background:linear-gradient(180deg,#0ea5e9 0%, #0284c7 100%) !important;

  color:#ffffff !important;
  text-decoration:none !important;

  box-shadow:0 16px 38px rgba(2,132,199,.22), 0 14px 34px rgba(0,0,0,.10) !important;
}
body[class*="page-index"] .widget-product-slider a.addbasket .inside-addbasket{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:10px !important;
}
body[class*="page-index"] .widget-product-slider a.addbasket span,
body[class*="page-index"] .widget-product-slider a.addbasket i,
body[class*="page-index"] .widget-product-slider a.addbasket .fa{
  color:#ffffff !important;
  font-weight:900 !important;
}
body[class*="page-index"] .widget-product-slider a.addbasket:hover{
  filter:brightness(1.03) !important;
  transform:translateY(-1px) !important;
}

/* Flèches premium */
body[class*="page-index"] .widget-product-slider .swiper-button-prev,
body[class*="page-index"] .widget-product-slider .swiper-button-next{
  width:42px !important;
  height:42px !important;
  border-radius:999px !important;
  background:rgba(255,255,255,.95) !important;
  border:1px solid rgba(15,23,42,.10) !important;
  box-shadow:0 18px 50px rgba(0,0,0,.18) !important;
}
body[class*="page-index"] .widget-product-slider .swiper-button-prev:after,
body[class*="page-index"] .widget-product-slider .swiper-button-next:after{
  font-size:16px !important;
  font-weight:900 !important;
  color:#0284c7 !important;
}

/* Pagination */
body[class*="page-index"] .widget-product-slider .swiper-pagination-bullet{
  width:9px !important;
  height:9px !important;
  opacity:.35 !important;
  background:#0b5ea9 !important;
}
body[class*="page-index"] .widget-product-slider .swiper-pagination-bullet-active{
  opacity:1 !important;
}
/* =========================================================
   INACIO — NOUVEAUTÉS — OPTIM MOBILE V2 (PHOTOS SAFE)
   Fix : photos invisibles sur mobile + rendu premium
   👉 À coller TOUT EN BAS du CSS GLOBAL
========================================================= */

@media (max-width: 768px){

  /* évite micro scroll horizontal */
  body.page-index .widget-product-slider{ overflow:hidden !important; }

  /* slider : padding mobile */
  body.page-index .widget-product-slider .swiper{
    padding:10px 10px 28px !important;
    overflow:visible !important;
  }

  /* 1 carte visible + aperçu de la suivante */
  body.page-index .widget-product-slider .swiper-slide{
    width:86vw !important;
    margin-right:12px !important;
    height:auto !important;
  }

  /* carte un peu plus compacte */
  body.page-index .widget-product-slider .produits{
    padding:14px 12px 14px !important;
    border-radius:20px !important;
    text-align:center !important;
  }

  /* ✅ PHOTO SAFE : compatible IMG + compatible BACKGROUND (CmonSite) */
  body.page-index .widget-product-slider .productImageWrap{
    position:relative !important;

    width:172px !important;
    height:172px !important;
    margin:10px auto 10px !important;

    border-radius:18px !important;
    overflow:hidden !important;

    display:block !important;
    visibility:visible !important;
    opacity:1 !important;

    /* si l’image est en background */
    background-color:#f8fafc !important;
    background-size:cover !important;
    background-position:center !important;
    background-repeat:no-repeat !important;

    box-shadow:0 12px 28px rgba(0,0,0,.10) !important;
  }

  /* si l’image est dans un <a> / <picture> / <img> */
  body.page-index .widget-product-slider .productImageWrap a,
  body.page-index .widget-product-slider .productImageWrap picture{
    position:absolute !important;
    inset:0 !important;
    display:block !important;
  }

  body.page-index .widget-product-slider .productImageWrap img{
    position:absolute !important;
    inset:0 !important;
    width:100% !important;
    height:100% !important;
    object-fit:cover !important;
    display:block !important;
    visibility:visible !important;
    opacity:1 !important;
  }

  /* titre : 2 lignes max, lisible */
  body.page-index .widget-product-slider h3.nomprod{
    font-size:13px !important;
    line-height:1.2 !important;
    margin:6px 0 10px !important;

    overflow:hidden !important;
    display:-webkit-box !important;
    -webkit-box-orient:vertical !important;
    -webkit-line-clamp:2 !important;
  }

  /* prix */
  body.page-index .widget-product-slider p.prix{
    font-size:20px !important;
  }

  /* bouton : full width + tactile */
  body.page-index .widget-product-slider a.addbasket{
    width:100% !important;
    max-width:none !important;
    padding:13px 16px !important;
    font-size:16px !important;
  }

  /* sur mobile, les flèches peuvent gêner : on les masque (swipe + points) */
  body.page-index .widget-product-slider .swiper-button-prev,
  body.page-index .widget-product-slider .swiper-button-next{
    display:none !important;
  }
}

@media (max-width: 480px){
  body.page-index .widget-product-slider .swiper-slide{ width:90vw !important; }
  body.page-index .widget-product-slider .productImageWrap{ width:180px !important; height:180px !important; }
}
/* =========================================================
   INACIO — GLOBAL POLISH (VISIBLE) — v2026-02-12
   👉 À coller TOUT EN BAS du CSS GLOBAL
   But: rendu + premium (boutons bleus, cartes, titres, spacing)
========================================================= */

/* -------------------------
   1) TYPO : harmonisation "premium" (sans-serif partout)
------------------------- */
body,
button, input, select, textarea{
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif !important;
}

#blocContent h1, #blocContent h2, #blocContent h3, #blocContent h4,
.wrapper-content h1, .wrapper-content h2, .wrapper-content h3, .wrapper-content h4{
  color:#0b1220 !important;
  letter-spacing:-.15px !important;
}

#blocContent p, .wrapper-content p{
  color:#111827 !important;
  opacity:.88 !important;
  line-height:1.65 !important;
}

/* -------------------------
   2) BOUTONS : bleu premium partout (SAUF bouton fiche produit qui reste dark)
------------------------- */
#blocContent a.button,
#blocContent .button a,
#blocContent button.button,
#blocContent input[type="submit"],
#blocContent input[type="button"],
#blocContent a.addbasket,
#blocContent .addbasket.button,
.wrapper-content a.button,
.wrapper-content button.button{
  border-radius:999px !important;
  padding:12px 16px !important;
  font-weight:900 !important;
  letter-spacing:.04em !important;
  text-decoration:none !important;

  background:linear-gradient(180deg,#0ea5e9 0%, #0284c7 100%) !important;
  color:#ffffff !important;
  border:1px solid rgba(2,132,199,.35) !important;

  box-shadow:0 16px 34px rgba(2,132,199,.20), 0 14px 34px rgba(0,0,0,.08) !important;
  transition:transform .16s ease, filter .16s ease, box-shadow .16s ease !important;
}
#blocContent a.button:hover,
#blocContent button.button:hover,
#blocContent input[type="submit"]:hover,
#blocContent a.addbasket:hover{
  transform:translateY(-1px) !important;
  filter:brightness(1.03) !important;
  box-shadow:0 18px 40px rgba(2,132,199,.22), 0 18px 44px rgba(0,0,0,.10) !important;
}

/* ✅ Sécurité : on NE touche PAS à votre bouton dark de fiche produit */
#fiche-produit .row.ajouter-panier a.addbasket,
#fiche-produit .row.ajouter-panier .addbasket.button,
#fiche-produit .row.ajouter-panier button,
#fiche-produit .row.ajouter-panier input[type="submit"]{
  background:
    radial-gradient(120% 140% at 20% 0%, rgba(14,165,233,.20) 0%, rgba(0,0,0,0) 52%),
    linear-gradient(180deg,#0b1220 0%, #070b14 100%) !important;
  border:1px solid rgba(255,255,255,.14) !important;
}

/* -------------------------
   3) CARTES / LISTINGS : rendu luxe + espaces plus propres
------------------------- */
#blocContent .liste-produits .produit,
#blocContent .liste_produits .produit,
#blocContent .products .product,
#blocContent .product-list .product,
#blocContent .vignette_produit{
  border-radius:22px !important;
  border:1px solid rgba(15,23,42,.10) !important;
  box-shadow:0 22px 60px rgba(2,8,23,.08) !important;
  overflow:hidden !important;

  margin:0 0 14px !important;  /* ✅ réduit visiblement les gros espaces */
}
@media (max-width:740px){
  #blocContent .liste-produits .produit,
  #blocContent .liste_produits .produit,
  #blocContent .products .product,
  #blocContent .product-list .product,
  #blocContent .vignette_produit{
    margin:0 0 12px !important;
  }
}

/* Images : plus premium */
#blocContent .liste-produits img,
#blocContent .liste_produits img,
#blocContent .products img,
#blocContent .product-list img,
#blocContent .vignette_produit img{
  border-radius:18px !important;
  display:block !important;
}

/* Titres produits : 2 lignes max (évite les hauteurs folles) */
#blocContent .liste-produits h3,
#blocContent .liste_produits h3,
#blocContent .products h3,
#blocContent .product-list h3,
#blocContent .vignette_produit h3{
  overflow:hidden !important;
  display:-webkit-box !important;
  -webkit-box-orient:vertical !important;
  -webkit-line-clamp:2 !important;
  line-height:1.25 !important;
}

/* -------------------------
   4) FORMULAIRES : champs plus premium (visible partout)
------------------------- */
#blocContent input[type="text"],
#blocContent input[type="email"],
#blocContent input[type="tel"],
#blocContent input[type="password"],
#blocContent input[type="number"],
#blocContent select,
#blocContent textarea{
  border-radius:14px !important;
  border:1px solid rgba(15,23,42,.14) !important;
  background:#ffffff !important;
  box-shadow:0 10px 22px rgba(0,0,0,.06) !important;
}
#blocContent input[type="text"]:focus,
#blocContent input[type="email"]:focus,
#blocContent select:focus,
#blocContent textarea:focus{
  outline:none !important;
  border-color:#0ea5e9 !important;
  box-shadow:0 0 0 3px rgba(14,165,233,.16), 0 10px 22px rgba(0,0,0,.06) !important;
}
/* =========================================================
   INACIO — PACK GLOBAL PREMIUM (V1)
   - Tout en sans-serif (moderne)
   - Bleu principal conservé
   - Catégories “pills” premium (override inline)
   - Boutons “Ajouter au panier” uniformisés (plus de noir)
   👉 À coller TOUT EN BAS du CSS GLOBAL
========================================================= */

/* -------------------------
   1) TYPO — SANS-SERIF PARTOUT
------------------------- */
html, body,
button, input, select, textarea,
h1, h2, h3, h4, h5, h6{
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif !important;
}

body{
  color:#0b1220 !important;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
}

/* Liens (bleu Inacio) */
a{
  color:#0b5ea9 !important;
  text-decoration:none;
}
a:hover{ color:#0284c7 !important; }

/* -------------------------
   2) CATÉGORIES (widget categories-thumbnail)
   Fix: styles inline + fond gris + italique + layout
------------------------- */
.widget-categories-thumbnail,
.widget-categories-thumbnail *{
  font-style:normal !important;
}

/* Layout : wrap propre + spacing premium */
.widget-categories-thumbnail .categories-thumbnail{
  display:flex !important;
  flex-wrap:wrap !important;
  gap:16px !important;
  align-items:center !important;
}

/* Item = pas de marges parasites */
.widget-categories-thumbnail .categories-thumbnail__item{
  margin:0 !important;
}

/* Le lien “pill” (écrase aussi les styles inline) */
.widget-categories-thumbnail .categories-thumbnail__item-link{
  background:#ffffff !important;
  border:1px solid rgba(2,132,199,.28) !important;
  border-radius:999px !important;
  padding:16px 22px !important;
  min-height:56px !important;

  display:flex !important;
  align-items:center !important;
  justify-content:center !important;

  box-shadow:0 18px 55px rgba(2,8,23,.10) !important;
}

/* Enlève le petit rectangle gris interne (inline background-color) */
.widget-categories-thumbnail .categories-thumbnail__item-text{
  background:transparent !important;
  padding:0 !important;
  margin:0 !important;
}

/* Texte (écrase aussi les span inline color) */
.widget-categories-thumbnail .categories-thumbnail__item-link,
.widget-categories-thumbnail .categories-thumbnail__item-link span{
  color:#0b5ea9 !important;
  font-weight:850 !important;
  letter-spacing:.2px !important;
}

/* Hover premium */
.widget-categories-thumbnail .categories-thumbnail__item-link:hover{
  background:rgba(14,165,233,.06) !important;
  transform:translateY(-1px) !important;
  filter:brightness(1.01) !important;
}

/* Responsive : pills plus “compact” */
@media (max-width: 820px){
  .widget-categories-thumbnail .categories-thumbnail{
    gap:12px !important;
  }
  .widget-categories-thumbnail .categories-thumbnail__item-link{
    padding:14px 16px !important;
    min-height:52px !important;
  }
}

/* -------------------------
   3) BOUTONS “AJOUTER AU PANIER” — UNIFORME (BLEU)
   (liste + fiche produit + widgets)
------------------------- */
a.addbasket,
button.addbasket,
.addbasket a,
.block-btn-addbasket a,
#btn-addbasket,
#addbasket,
input#btn-addbasket,
input#addbasket{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:10px !important;

  border-radius:999px !important;
  padding:14px 18px !important;

  border:1px solid rgba(2,132,199,.35) !important;
  background:linear-gradient(180deg,#0ea5e9 0%, #0284c7 100%) !important;

  color:#ffffff !important;
  font-weight:900 !important;
  letter-spacing:.2px !important;

  box-shadow:0 18px 55px rgba(2,132,199,.22), 0 14px 34px rgba(0,0,0,.10) !important;
}

/* Icônes/texte internes */
a.addbasket span, a.addbasket i,
.addbasket a span, .addbasket a i,
.block-btn-addbasket a span, .block-btn-addbasket a i{
  color:#ffffff !important;
  font-weight:900 !important;
}

a.addbasket:hover,
.addbasket a:hover,
.block-btn-addbasket a:hover,
#btn-addbasket:hover,
#addbasket:hover{
  filter:brightness(1.03) !important;
  transform:translateY(-1px) !important;
}

/* -------------------------
   4) PETITE FINITION : images produits (sans casser l’affichage)
------------------------- */
.block_unique_product img,
.produits img{
  border-radius:22px !important;
}

/* =========================================================
   INACIO — PASTILLES CATÉGORIES “PLEINES” PARTOUT (SAFE)
   - Toutes les pastilles en bleu (soft)
   - Active = plus profonde + glow
   👉 À coller TOUT EN BAS du CSS GLOBAL
========================================================= */

/* Base : toutes les pastilles = bleu (soft) */
.widget-categories-thumbnail .categories-thumbnail__item-link{
  background: linear-gradient(180deg, rgba(14,165,233,.92) 0%, rgba(2,132,199,.92) 100%) !important;
  border: 1px solid rgba(255,255,255,.28) !important;
  box-shadow: 0 14px 40px rgba(2,132,199,.16), 0 10px 28px rgba(0,0,0,.08) !important;
}

/* Texte blanc partout (override inline) */
.widget-categories-thumbnail .categories-thumbnail__item-link,
.widget-categories-thumbnail .categories-thumbnail__item-link span{
  color:#ffffff !important;
  font-weight:900 !important;
  letter-spacing:.2px !important;
}

/* Petit hover premium */
.widget-categories-thumbnail .categories-thumbnail__item-link:hover{
  filter: brightness(1.05) !important;
  transform: translateY(-1px) !important;
}

/* Active (catégorie en cours) : plus “dense” + halo */
.widget-categories-thumbnail .categories-thumbnail__item--active .categories-thumbnail__item-link,
.widget-categories-thumbnail .categories-thumbnail__item.active .categories-thumbnail__item-link,
.widget-categories-thumbnail .categories-thumbnail__item-link[aria-current="page"]{
  background: linear-gradient(180deg, #0ea5e9 0%, #0284c7 100%) !important;
  box-shadow: 0 22px 65px rgba(2,132,199,.28), 0 18px 50px rgba(0,0,0,.14) !important;
}

/* Responsive : un poil plus compact */
@media (max-width: 820px){
  .widget-categories-thumbnail .categories-thumbnail__item-link{
    padding:14px 16px !important;
    min-height:52px !important;
  }
}
/* =========================================================
   INACIO — FIX HOVER pastilles catégories (reste bleu)
   👉 À coller TOUT EN BAS du CSS GLOBAL
========================================================= */

/* Certains templates mettent un fond gris sur le bloc texte */
.widget-categories-thumbnail .categories-thumbnail__item-text,
.widget-categories-thumbnail .categories-thumbnail__item-position-text{
  background: transparent !important;
}

/* Hover/Focus : on empêche le “gris + souligné” */
.widget-categories-thumbnail .categories-thumbnail__item-link:hover,
.widget-categories-thumbnail .categories-thumbnail__item-link:focus,
.widget-categories-thumbnail .categories-thumbnail__item-link:focus-visible,
.widget-categories-thumbnail .categories-thumbnail__item-link:active{
  background: linear-gradient(180deg, rgba(14,165,233,.96) 0%, rgba(2,132,199,.96) 100%) !important;
  border: 1px solid rgba(255,255,255,.28) !important;
  color:#ffffff !important;
  text-decoration: none !important;
  opacity: 1 !important;
  filter: brightness(1.06) !important;
}

/* Texte toujours blanc (même quand CmonSite tente de le changer) */
.widget-categories-thumbnail .categories-thumbnail__item-link:hover span,
.widget-categories-thumbnail .categories-thumbnail__item-link:focus span,
.widget-categories-thumbnail .categories-thumbnail__item-link:focus-visible span{
  color:#ffffff !important;
  text-decoration:none !important;
}
/* =========================================================
   INACIO — PASTILLES CATÉGORIES (V2 FORCE)
   - Réduit taille + spacing
   - Hover reste bleu (plus de gris)
   👉 À coller TOUT EN BAS du CSS GLOBAL
========================================================= */

/* On neutralise le lien (souvent pas lui qui fait la "pastille") */
.widget.widget-categories-thumbnail .categories-thumbnail__item-link{
  padding:0 !important;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
}

/* Centre le bloc texte */
.widget.widget-categories-thumbnail .categories-thumbnail__item-position-text{
  display:flex !important;
  justify-content:center !important;
  align-items:center !important;
}

/* ✅ La VRAIE pastille */
.widget.widget-categories-thumbnail .categories-thumbnail__item-text{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;

  padding:12px 18px !important;     /* ↓ taille */
  border-radius:999px !important;
  font-size:16px !important;        /* ↓ texte */
  line-height:1.15 !important;
  font-weight:900 !important;

  white-space:nowrap !important;    /* desktop : propre */
  text-align:center !important;

  background:linear-gradient(180deg,#0ea5e9 0%, #0284c7 100%) !important;
  border:1px solid rgba(2,132,199,.28) !important;
  color:#ffffff !important;

  box-shadow:0 18px 45px rgba(2,132,199,.14), 0 18px 60px rgba(0,0,0,.10) !important;
  transition:transform .15s ease, filter .15s ease !important;
}

/* Texte interne (souvent en inline style) */
.widget.widget-categories-thumbnail .categories-thumbnail__item-text span{
  color:#ffffff !important;
}

/* ✅ Hover / focus : reste BLEU (plus de gris) */
.widget.widget-categories-thumbnail .categories-thumbnail__item-link:hover .categories-thumbnail__item-text,
.widget.widget-categories-thumbnail .categories-thumbnail__item-link:focus .categories-thumbnail__item-text{
  background:linear-gradient(180deg,#0ea5e9 0%, #0284c7 100%) !important;
  color:#ffffff !important;
  filter:brightness(1.04) !important;
  transform:translateY(-1px) !important;
}
.widget.widget-categories-thumbnail .categories-thumbnail__item-link:hover .categories-thumbnail__item-text span,
.widget.widget-categories-thumbnail .categories-thumbnail__item-link:focus .categories-thumbnail__item-text span{
  color:#ffffff !important;
}

/* Espacements entre pastilles */
.widget.widget-categories-thumbnail .categories-thumbnail{
  gap:14px 18px !important;         /* ↓ spacing */
}

/* Responsive */
@media (max-width: 980px){
  .widget.widget-categories-thumbnail .categories-thumbnail__item-text{
    padding:11px 16px !important;
    font-size:15px !important;
  }
  .widget.widget-categories-thumbnail .categories-thumbnail{
    gap:12px 14px !important;
  }
}

@media (max-width: 640px){
  .widget.widget-categories-thumbnail .categories-thumbnail__item-text{
    padding:10px 14px !important;
    font-size:14px !important;
    white-space:normal !important;  /* mobile : autorise retour à la ligne */
  }
}
/* =========================================================
   INACIO — PACK CONVERSION GLOBAL (SAFE) v1
   Objectif : + premium + cohérence + conversion
   - Typo sans-serif partout
   - CTA (Ajouter au panier / newsletter) cohérents
   - Catégories "pills" : hover/active OK (plus de bouton blanc)
   - Cartes produits plus premium (listes boutique)
   - Mobile : tailles + tap targets
   👉 À coller TOUT EN BAS du CSS GLOBAL
========================================================= */

/* -------------------------
   1) TYPO / LISIBILITÉ (global)
------------------------- */
html, body{
  font-family: system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif !important;
  color:#0b1220 !important;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}
h1,h2,h3,h4,h5,h6{
  font-family: inherit !important;
  letter-spacing: -0.01em;
}
p,li{ line-height:1.65; }
a{ color:#0b5ea9; }
a:hover{ color:#0284c7; }

/* -------------------------
   2) CTA BLEU PREMIUM (global “Ajouter au panier” + formulaires)
   -> On ne touche PAS aux images, uniquement les boutons.
------------------------- */
a.addbasket,
#newsletter_valid,
.form-newsletter button,
button[type="submit"],
input[type="submit"]{
  border-radius:999px !important;
  border:1px solid rgba(2,132,199,.35) !important;
  background:linear-gradient(180deg,#0ea5e9 0%, #0284c7 100%) !important;
  color:#ffffff !important;
  font-weight:900 !important;
  letter-spacing:.2px !important;
  box-shadow:0 16px 38px rgba(2,132,199,.18), 0 14px 34px rgba(0,0,0,.10) !important;
  text-decoration:none !important;
}
a.addbasket:hover,
#newsletter_valid:hover,
.form-newsletter button:hover,
button[type="submit"]:hover,
input[type="submit"]:hover{
  filter:brightness(1.03) !important;
  transform:translateY(-1px) !important;
}

/* Texte/icônes dans addbasket (CmonSite) */
a.addbasket span,
a.addbasket i,
a.addbasket .fa{
  color:#ffffff !important;
  font-weight:900 !important;
}

/* Focus visible (pro + accessible) */
a.addbasket:focus,
button:focus,
input[type="submit"]:focus{
  outline:3px solid rgba(14,165,233,.25) !important;
  outline-offset:2px !important;
}

/* -------------------------
   3) CATÉGORIES “PILLS” (boutique)
   Fix hover/active : plus de blanc/gris illisible
   (compatible templates CmonSite visibles sur vos captures)
------------------------- */
.widget-categories-thumbnail .categories-thumbnail__item-link,
.widget-categories-thumbnail a[class*="categories-thumbnail__item-link"],
.widget-categories-thumbnail a[class*="category-thumbnail__item-link"]{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  padding:18px 26px !important;
  border-radius:999px !important;

  background:rgba(255,255,255,.92) !important;
  border:1px solid rgba(2,132,199,.18) !important;

  box-shadow:0 18px 55px rgba(2,8,23,.10) !important;
  text-decoration:none !important;
}

/* Texte à l’intérieur (span souvent inline) */
.widget-categories-thumbnail .categories-thumbnail__item-link span,
.widget-categories-thumbnail a[class*="categories-thumbnail__item-link"] span,
.widget-categories-thumbnail a[class*="category-thumbnail__item-link"] span{
  color:#0b5ea9 !important;
  font-weight:900 !important;
  letter-spacing:.2px !important;
}

/* ✅ Hover/Active = même style bleu premium partout */
.widget-categories-thumbnail .categories-thumbnail__item-link:hover,
.widget-categories-thumbnail .categories-thumbnail__item-link:focus,
.widget-categories-thumbnail .categories-thumbnail__item-link.active,
.widget-categories-thumbnail a[class*="categories-thumbnail__item-link"]:hover,
.widget-categories-thumbnail a[class*="category-thumbnail__item-link"]:hover{
  background:linear-gradient(180deg,#0ea5e9 0%, #0284c7 100%) !important;
  border-color:rgba(255,255,255,.35) !important;
  box-shadow:0 22px 70px rgba(2,132,199,.20), 0 18px 50px rgba(0,0,0,.14) !important;
}
.widget-categories-thumbnail .categories-thumbnail__item-link:hover span,
.widget-categories-thumbnail .categories-thumbnail__item-link:focus span,
.widget-categories-thumbnail .categories-thumbnail__item-link.active span,
.widget-categories-thumbnail a[class*="categories-thumbnail__item-link"]:hover span,
.widget-categories-thumbnail a[class*="category-thumbnail__item-link"]:hover span{
  color:#ffffff !important;
}

/* -------------------------
   4) CARTES PRODUITS (listes boutique)
   SAFE : on stylise le conteneur produit, sans toucher au rendu image.
------------------------- */
.listeproduits .produits,
.widget-products .produits,
.widget-product-list .produits,
.widget-product-grid .produits{
  background:#ffffff !important;
  border:1px solid rgba(15,23,42,.10) !important;
  border-radius:22px !important;
  box-shadow:0 22px 60px rgba(2,8,23,.10) !important;
  overflow:hidden !important;
}

/* Petit “lift” au survol (desktop) */
@media (hover:hover){
  .listeproduits .produits:hover,
  .widget-products .produits:hover,
  .widget-product-list .produits:hover,
  .widget-product-grid .produits:hover{
    transform:translateY(-2px) !important;
    box-shadow:0 28px 80px rgba(2,8,23,.14) !important;
  }
}

/* -------------------------
   5) MOBILE : tailles + confort
------------------------- */
@media (max-width: 640px){
  /* Catégories : plus compactes */
  .widget-categories-thumbnail .categories-thumbnail__item-link,
  .widget-categories-thumbnail a[class*="categories-thumbnail__item-link"],
  .widget-categories-thumbnail a[class*="category-thumbnail__item-link"]{
    padding:14px 18px !important;
  }

  /* CTA : tap target confortable */
  a.addbasket,
  #newsletter_valid,
  .form-newsletter button,
  button[type="submit"],
  input[type="submit"]{
    min-height:48px !important;
  }
}
/* =========================================================
   INACIO — BADGE CONFIANCE (GLASS BLEU) — OVERRIDE FINAL
   👉 À coller TOUT EN BAS du CSS GLOBAL
========================================================= */

#fiche-produit .row.ajouter-panier:not(.has-badges)::before,
.fiche-produit .row.ajouter-panier:not(.has-badges)::before{
  /* garde ton texte actuel (on ne touche pas au content) */

  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;

  margin:12px auto 0 !important;
  padding:12px 18px !important;
  border-radius:999px !important;

  /* ✅ Effet glace bleu premium */
  background:
    radial-gradient(140% 190% at 18% 0%, rgba(56,189,248,.18) 0%, rgba(56,189,248,0) 62%),
    radial-gradient(140% 190% at 82% 0%, rgba(99,102,241,.10) 0%, rgba(99,102,241,0) 62%),
    rgba(255,255,255,.72) !important;

  -webkit-backdrop-filter: blur(12px) saturate(160%) !important;
  backdrop-filter: blur(12px) saturate(160%) !important;

  border:1px solid rgba(2,132,199,.28) !important;
  box-shadow:0 16px 46px rgba(2,132,199,.16), 0 12px 32px rgba(0,0,0,.10) !important;

  color:#0b1220 !important;
  font-size:13px !important;
  font-weight:850 !important;
  line-height:1.25 !important;
  letter-spacing:.01em !important;

  max-width:560px !important;
  text-align:center !important;

  -webkit-box-decoration-break:clone !important;
  box-decoration-break:clone !important;
}

/* Mobile : plus compact */
@media (max-width:640px){
  #fiche-produit .row.ajouter-panier:not(.has-badges)::before,
  .fiche-produit .row.ajouter-panier:not(.has-badges)::before{
    max-width:92vw !important;
    padding:11px 14px !important;
    font-size:12.5px !important;
    border-radius:18px !important;
  }
}

/* (Option anti-doublon) si un ancien script a injecté un badge HTML */
.inacio-reassurance-pill{ display:none !important; }
/* =========================================================
   INACIO — CONTACT : FORMULAIRE PREMIUM (CmonSite)
   Cible : .template_contact / .template_contact_4 (page contact)
   👉 À coller TOUT EN BAS du CSS GLOBAL
========================================================= */

/* Carte autour du bloc formulaire */
body .template_contact .row.blockf{
  max-width:1100px !important;
  margin:18px auto 26px !important;
  padding:22px 18px 26px !important;

  border-radius:26px !important;
  border:1px solid #e7ebf0 !important;

  background:
    radial-gradient(120% 180% at 18% 0%, rgba(56,189,248,.10), transparent 55%),
    radial-gradient(120% 180% at 82% 0%, rgba(99,102,241,.07), transparent 55%),
    linear-gradient(180deg,#ffffff,#fbfbfd) !important;

  box-shadow:0 30px 90px rgba(0,0,0,.10) !important;
}

/* Titre “Formulaire de contact” */
body .template_contact .title_section{
  margin:0 0 14px !important;
  font-size:22px !important;
  font-weight:950 !important;
  letter-spacing:-.2px !important;
  color:#0b1220 !important;
}

/* Layout du form */
body .template_contact form.form{
  width:100% !important;
  margin:0 !important;
}

/* Espaces propres entre colonnes (ton thème met .row en flex) */
body .template_contact form.form .row{
  gap:14px !important;
}

/* Groupe */
body .template_contact .form-group{
  margin:0 0 14px !important;
}

/* Labels */
body .template_contact label{
  display:block !important;
  margin:0 0 6px !important;
  font-weight:900 !important;
  color:#0b1220 !important;
}

/* Champs */
body .template_contact .form-control{
  width:100% !important;
  background:#ffffff !important;                 /* override gris */
  color:#111827 !important;

  border:1px solid rgba(15,23,42,.14) !important;
  border-radius:14px !important;

  padding:14px 16px !important;
  box-shadow:0 10px 22px rgba(0,0,0,.06) !important;

  outline:none !important;
  -webkit-appearance:none !important;
  appearance:none !important;
}

body .template_contact .form-control::placeholder{
  color:rgba(17,24,39,.45) !important;
}

/* Focus premium */
body .template_contact .form-control:focus{
  border-color:#0ea5e9 !important;
  box-shadow:0 0 0 3px rgba(14,165,233,.16), 0 10px 22px rgba(0,0,0,.06) !important;
}

/* Textarea */
body .template_contact textarea.form-control{
  min-height:220px !important;
  resize:vertical !important;
}

/* Upload fichier */
body .template_contact input[type="file"]{
  width:100% !important;
  background:#ffffff !important;
  border:1px dashed rgba(2,132,199,.35) !important;
  border-radius:14px !important;
  padding:12px 14px !important;
  box-shadow:0 10px 22px rgba(0,0,0,.05) !important;
}

/* Bouton du file (compat modern + webkit) */
body .template_contact input[type="file"]::file-selector-button{
  margin-right:12px !important;
  border-radius:999px !important;
  border:1px solid rgba(15,23,42,.12) !important;
  background:rgba(15,23,42,.03) !important;
  padding:10px 14px !important;
  font-weight:850 !important;
  cursor:pointer !important;
}
body .template_contact input[type="file"]::-webkit-file-upload-button{
  margin-right:12px !important;
  border-radius:999px !important;
  border:1px solid rgba(15,23,42,.12) !important;
  background:rgba(15,23,42,.03) !important;
  padding:10px 14px !important;
  font-weight:850 !important;
  cursor:pointer !important;
}

/* Bouton envoyer */
body .template_contact input[type="submit"],
body .template_contact button[type="submit"]{
  display:block !important;
  width:fit-content !important;
  margin:18px auto 0 !important;

  min-height:52px !important;
  padding:14px 26px !important;
  border-radius:999px !important;

  border:1px solid rgba(2,132,199,.35) !important;
  background:linear-gradient(180deg,#0ea5e9 0%, #0284c7 100%) !important;

  color:#ffffff !important;
  font-weight:950 !important;
  letter-spacing:.12em !important;
  text-transform:uppercase !important;

  box-shadow:0 18px 55px rgba(2,132,199,.20), 0 14px 34px rgba(0,0,0,.10) !important;
  cursor:pointer !important;
}
body .template_contact input[type="submit"]:hover,
body .template_contact button[type="submit"]:hover{
  filter:brightness(1.03) !important;
  transform:translateY(-1px) !important;
}

/* Mobile */
@media (max-width:740px){
  body .template_contact .row.blockf{
    margin:14px 10px 20px !important;
    padding:18px 12px 20px !important;
    border-radius:20px !important;
  }
  body .template_contact .title_section{ font-size:20px !important; }
}
/* INACIO — CONTACT : finition luxe (optionnel) */
body .template_contact .row.blockf{
  max-width:980px !important;
}

body .template_contact input[type="submit"],
body .template_contact button[type="submit"]{
  margin:18px auto 0 !important;
}

body .template_contact input[type="submit"]:hover,
body .template_contact button[type="submit"]:hover{
  box-shadow:0 22px 70px rgba(2,132,199,.24), 0 18px 44px rgba(0,0,0,.12) !important;
}
/* ✅ INACIO — Garde le header normal, supprime le sticky */
header.banniere.header_p.is-fixed{
  display:none !important;
  visibility:hidden !important;
  height:0 !important;
  overflow:hidden !important;
}
/* =========================================================
   INACIO — FICHE PRODUIT ULTRA PREMIUM (PACK FINAL) — SCOPÉ
   IMPORTANT : n'affecte QUE la page produit (évite effet "site mobile")
   👉 À coller TOUT EN BAS (et remplacer l'ancien pack non-scopé)
========================================================= */

/* Scope page produit (CmonSite) */
#fiche-produit .inacio-wrap,
.fiche-produit .inacio-wrap{
  max-width:980px !important; /* un peu plus large pour éviter effet "mobile" */
  margin:8px auto 0 !important;
  padding:26px 18px !important;

  border-radius:28px !important;
  border:1px solid rgba(15,23,42,.10) !important;

  background:
    linear-gradient(110deg, rgba(255,255,255,0) 0%, rgba(255,255,255,.55) 18%, rgba(255,255,255,0) 36%),
    radial-gradient(140% 190% at 18% 0%, rgba(56,189,248,.12) 0%, rgba(56,189,248,0) 62%),
    radial-gradient(140% 190% at 82% 0%, rgba(99,102,241,.07) 0%, rgba(99,102,241,0) 62%),
    linear-gradient(180deg,#ffffff 0%, #fbfbfd 100%) !important;

  box-shadow:0 28px 90px rgba(0,0,0,.10) !important;

  text-align:center !important;
  color:#0b1220 !important;
  line-height:1.7 !important;
  letter-spacing:.12px !important;
}

@media (max-width:740px){
  #fiche-produit .inacio-wrap,
  .fiche-produit .inacio-wrap{
    padding:20px 14px !important;
    border-radius:22px !important;
    max-width:92vw !important;
  }
}

/* BADGES */
#fiche-produit .inacio-badges,
.fiche-produit .inacio-badges{
  display:flex !important;
  flex-wrap:wrap !important;
  justify-content:center !important;
  gap:10px !important;
  margin:10px 0 18px !important;
}

#fiche-produit .inacio-badge,
.fiche-produit .inacio-badge{
  display:inline-flex !important;
  align-items:center !important;
  padding:9px 12px !important;
  border-radius:999px !important;

  background:
    radial-gradient(120% 160% at 20% 0%, rgba(14,165,233,.14) 0%, rgba(0,0,0,0) 55%),
    rgba(255,255,255,.78) !important;

  border:1px solid rgba(2,132,199,.18) !important;
  box-shadow:0 14px 40px rgba(2,8,23,.08) !important;

  font-size:12px !important;
  font-weight:900 !important;
  letter-spacing:.10em !important;
  text-transform:uppercase !important;
  color:#0b5cab !important;
}

/* TITRE + accent line */
#fiche-produit .inacio-title,
.fiche-produit .inacio-title{
  position:relative !important;
  margin:6px 0 12px !important;
  font-size:26px !important;
  font-weight:950 !important;
  letter-spacing:-.35px !important;
  line-height:1.18 !important;
  padding-bottom:14px !important;
}
#fiche-produit .inacio-title::after,
.fiche-produit .inacio-title::after{
  content:"" !important;
  display:block !important;
  width:92px !important;
  height:3px !important;
  margin:12px auto 0 !important;
  border-radius:999px !important;
  background:linear-gradient(90deg, rgba(14,165,233,0), rgba(14,165,233,.55), rgba(99,102,241,.35), rgba(14,165,233,0)) !important;
  box-shadow:0 14px 28px rgba(2,132,199,.12) !important;
}
@media (max-width:740px){
  #fiche-produit .inacio-title,
  .fiche-produit .inacio-title{ font-size:22px !important; }
  #fiche-produit .inacio-title::after,
  .fiche-produit .inacio-title::after{ width:78px !important; margin-top:10px !important; }
}

/* TEXTES */
#fiche-produit .inacio-soft,
.fiche-produit .inacio-soft{
  color:rgba(17,24,39,.76) !important;
  font-weight:650 !important;
  max-width:72ch !important;
  margin-left:auto !important;
  margin-right:auto !important;
  line-height:1.75 !important;
}

/* SECTIONS + séparateur fin */
#fiche-produit .inacio-section-title,
.fiche-produit .inacio-section-title{
  position:relative !important;
  margin:22px 0 10px !important;
  font-size:13px !important;
  font-weight:950 !important;
  letter-spacing:.14em !important;
  text-transform:uppercase !important;
  color:#0b1220 !important;
  padding-top:18px !important;
}
#fiche-produit .inacio-section-title::before,
.fiche-produit .inacio-section-title::before{
  content:"" !important;
  display:block !important;
  width:100% !important;
  max-width:820px !important;
  height:1px !important;
  margin:0 auto 14px !important;
  border-radius:999px !important;
  background:linear-gradient(90deg, rgba(15,23,42,0), rgba(15,23,42,.10), rgba(15,23,42,0)) !important;
  opacity:.95 !important;
}

/* LISTES ULTRA PREMIUM */
#fiche-produit .inacio-wrap ul,
.fiche-produit .inacio-wrap ul{
  max-width:72ch !important;
  margin:10px auto 0 !important;
  padding:0 !important;
  list-style:none !important;
  text-align:left !important;
}

#fiche-produit .inacio-wrap li,
.fiche-produit .inacio-wrap li{
  position:relative !important;
  margin:10px 0 !important;
  padding-left:18px !important;
  font-weight:650 !important;
  color:rgba(17,24,39,.82) !important;
  line-height:1.65 !important;
}
#fiche-produit .inacio-wrap li::before,
.fiche-produit .inacio-wrap li::before{
  content:"" !important;
  position:absolute !important;
  left:0 !important;
  top:.68em !important;
  width:7px !important;
  height:7px !important;
  border-radius:999px !important;
  background:rgba(11,92,171,.85) !important;
  box-shadow:0 0 0 3px rgba(14,165,233,.10), 0 10px 20px rgba(2,8,23,.10) !important;
}

/* CARTES */
#fiche-produit .inacio-card,
.fiche-produit .inacio-card{
  position:relative !important;
  overflow:hidden !important;

  margin:14px auto 0 !important;
  padding:14px 14px !important;
  max-width:860px !important;

  border-radius:20px !important;
  border:1px solid rgba(15,23,42,.10) !important;

  background:
    radial-gradient(140% 190% at 18% 0%, rgba(56,189,248,.10) 0%, rgba(56,189,248,0) 62%),
    rgba(255,255,255,.82) !important;

  -webkit-backdrop-filter: blur(12px) saturate(160%) !important;
  backdrop-filter: blur(12px) saturate(160%) !important;

  box-shadow:0 18px 55px rgba(0,0,0,.08) !important;
}
#fiche-produit .inacio-card::before,
.fiche-produit .inacio-card::before{
  content:"" !important;
  position:absolute !important;
  left:-20% !important;
  right:-20% !important;
  top:-28px !important;
  height:70px !important;
  background:radial-gradient(circle at 50% 30%, rgba(255,255,255,.70), rgba(255,255,255,0) 60%) !important;
  pointer-events:none !important;
  opacity:.55 !important;
}
#fiche-produit .inacio-card ul,
.fiche-produit .inacio-card ul{ max-width:none !important; margin:0 !important; }

/* FAQ — À GAUCHE */
#fiche-produit .inacio-faq,
.fiche-produit .inacio-faq{ margin-top:12px !important; text-align:center !important; }

#fiche-produit .inacio-qa,
.fiche-produit .inacio-qa{
  border-radius:20px !important;
  border:1px solid rgba(15,23,42,.10) !important;
  background:rgba(255,255,255,.86) !important;
  box-shadow:0 16px 44px rgba(0,0,0,.06) !important;
  padding:12px 14px !important;
  margin:10px auto !important;
  max-width:860px !important;
  text-align:left !important;
}
#fiche-produit .inacio-qa summary,
.fiche-produit .inacio-qa summary{
  cursor:pointer !important;
  font-weight:950 !important;
  letter-spacing:.02em !important;
  color:#0b1220 !important;
}
#fiche-produit .inacio-qa summary::-webkit-details-marker,
.fiche-produit .inacio-qa summary::-webkit-details-marker{ display:none !important; }
#fiche-produit .inacio-qa summary:after,
.fiche-produit .inacio-qa summary:after{
  content:"▾" !important;
  color:rgba(11,18,32,.62) !important;
  font-size:14px !important;
  transition:transform .18s ease !important;
}
#fiche-produit .inacio-qa[open] summary:after,
.fiche-produit .inacio-qa[open] summary:after{ transform:rotate(180deg) !important; }

#fiche-produit .inacio-qa p,
.fiche-produit .inacio-qa p{
  margin:10px 0 0 !important;
  color:rgba(17,24,39,.78) !important;
  font-weight:650 !important;
  line-height:1.65 !important;
  text-align:left !important;
}

/* Micro finitions */
#fiche-produit .inacio-wrap strong,
.fiche-produit .inacio-wrap strong{ font-weight:950 !important; }
#fiche-produit .inacio-wrap em,
.fiche-produit .inacio-wrap em{ color:rgba(11,92,171,.92) !important; font-style:normal !important; }
/* =========================================================
   INACIO — FINITION ULTIME (Badges glass + FAQ micro-hover)
   Scope : fiche produit uniquement
   👉 À coller TOUT EN BAS
========================================================= */

/* BADGES : glass + relief plus “quiet luxury” */
#fiche-produit .inacio-badge,
.fiche-produit .inacio-badge{
  background:
    linear-gradient(110deg, rgba(255,255,255,0) 0%, rgba(255,255,255,.55) 18%, rgba(255,255,255,0) 36%),
    radial-gradient(140% 190% at 18% 0%, rgba(56,189,248,.14) 0%, rgba(56,189,248,0) 62%),
    rgba(255,255,255,.74) !important;

  -webkit-backdrop-filter: blur(10px) saturate(160%) !important;
  backdrop-filter: blur(10px) saturate(160%) !important;

  border:1px solid rgba(2,132,199,.20) !important;

  box-shadow:
    0 16px 46px rgba(2,8,23,.08),
    inset 0 1px 0 rgba(255,255,255,.85) !important;
}

/* FAQ : micro-hover (desktop seulement) + focus propre */
@media (hover:hover){
  #fiche-produit .inacio-qa:hover,
  .fiche-produit .inacio-qa:hover{
    transform:translateY(-1px) !important;
    box-shadow:0 22px 70px rgba(2,8,23,.10) !important;
    border-color:rgba(2,132,199,.22) !important;
  }
}

/* Focus accessible + premium */
#fiche-produit .inacio-qa summary:focus,
#fiche-produit .inacio-qa summary:focus-visible,
.fiche-produit .inacio-qa summary:focus,
.fiche-produit .inacio-qa summary:focus-visible{
  outline:none !important;
  box-shadow:0 0 0 3px rgba(14,165,233,.18) !important;
  border-radius:14px !important;
}

/* Accordéon ouvert : léger renfort (sans “gros effet”) */
#fiche-produit .inacio-qa[open],
.fiche-produit .inacio-qa[open]{
  border-color:rgba(2,132,199,.20) !important;
  box-shadow:0 20px 62px rgba(2,8,23,.09) !important;
}
/* ✅ CHECKOUT : texte blanc sur les bandes noires (Création + Connexion) */
.template_flux_panier_1 .connexion-inscription-header,
.template_flux_panier_1 .connexion-inscription-header h4,
.template_flux_panier_1 .connexion-header,
.template_flux_panier_1 .connexion-header h4,
.template_flux_panier_1 .connexion-inscription-header *,
.template_flux_panier_1 .connexion-header *{
  color:#fff !important;
  opacity:1 !important;
}
/* ===============================================
   INACIO — HEADER MODE LUXE 😈
   Menu centré + adaptation auto
=============================================== */

@media (min-width:901px){

  /* Structure header */
  header .header-conteneur{
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    flex-wrap:nowrap !important;
  }

  /* Logo fixe gauche */
  header #headercontent{
    flex:0 0 auto !important;
  }

  /* Zone menu centrée */
  header .menu.navigation_p{
    flex:1 1 auto !important;
    min-width:0 !important;
    display:flex !important;
    justify-content:center !important;
  }

  /* Menu en ligne unique */
  header #nav-principal > ul{
    display:flex !important;
    flex-wrap:nowrap !important;
    align-items:center !important;
    white-space:nowrap !important;
    gap:10px !important;
  }

  /* Items */
  header #nav-principal > ul > li{
    flex:0 0 auto !important;
  }

  /* Pills */
  header #nav-principal > ul > li > a.navigation_link_p{
    padding:8px 12px !important;
    font-size:13px !important;
    letter-spacing:.02em !important;
    white-space:nowrap !important;
    transition:all .2s ease;
  }

}

/* ⭐ Adaptation automatique écran moyen (effet premium Apple-like) */
@media (min-width:901px) and (max-width:1350px){

  header #nav-principal > ul{
    gap:6px !important;
  }

  header #nav-principal > ul > li > a.navigation_link_p{
    padding:6px 8px !important;
    font-size:11px !important;
  }

}
/* ===============================================
   INACIO — PREMIUM UX SAFE PACK 😈
=============================================== */

@media (min-width:901px){

/* ⭐ 1 — Micro animation hover luxe */
header #nav-principal > ul > li > a.navigation_link_p{
  transition:
    transform .18s ease,
    box-shadow .18s ease,
    background-color .18s ease;
}

header #nav-principal > ul > li > a.navigation_link_p:hover{
  transform:translateY(-1px);
}


/* ⭐ 2 — Ombre premium subtile */
header #nav-principal > ul > li > a.navigation_link_p{
  box-shadow:0 1px 2px rgba(0,0,0,0.04);
}

header #nav-principal > ul > li > a.navigation_link_p:hover{
  box-shadow:0 3px 8px rgba(0,0,0,0.08);
}


/* ⭐ 3 — Effet glass premium léger (sans bug dropdown) */
header #nav-principal > ul > li > a.navigation_link_p{
  backdrop-filter:blur(4px);
}


/* ⭐ 4 — Hover couleur fluide (premium doux) */
header #nav-principal > ul > li > a.navigation_link_p:hover{
  background:rgba(255,255,255,0.6);
}

}
/* ===============================================
   INACIO — HEADER SMOOTH 😈
=============================================== */

@media (min-width:901px){

/* Transition douce globale */
header.banniere_header_p,
header.banniere.header_p{
  transition:
    padding .25s ease,
    box-shadow .25s ease,
    backdrop-filter .25s ease,
    background-color .25s ease;
}

/* Effet smooth quand header sticky (classe déjà utilisée par ton thème) */
header.banniere_header_p.is-fixed,
header.banniere.header_p.is-fixed{

  /* header légèrement plus compact */
  padding-top:4px !important;
  padding-bottom:4px !important;

  /* ombre premium */
  box-shadow:0 6px 20px rgba(0,0,0,0.08);

  /* effet glass subtil */
  backdrop-filter:blur(10px);
  background-color:rgba(255,255,255,0.85);
}

}
/* ===============================================
   INACIO — MEGA MENU PREMIUM 😈
=============================================== */

@media (min-width:901px){

/* Container dropdown */
header #nav-principal li ul{

  opacity:0;
  transform:translateY(10px);
  pointer-events:none;

  transition:
    opacity .25s ease,
    transform .25s ease;

  border-radius:14px;
  box-shadow:0 15px 35px rgba(0,0,0,0.08);

}

/* Ouverture fluide */
header #nav-principal li:hover > ul{

  opacity:1;
  transform:translateY(0);
  pointer-events:auto;

}

/* Effet glass premium */
header #nav-principal li ul{

  backdrop-filter:blur(12px);
  background:rgba(255,255,255,0.95);

}

/* Items dropdown premium */
header #nav-principal li ul li a{

  transition:all .18s ease;
  border-radius:8px;
}

header #nav-principal li ul li a:hover{

  background:rgba(0,0,0,0.04);
  transform:translateX(3px);

}

}
/* ===============================================
   INACIO — HEADER ELITE 😈🔥 SAFE
=============================================== */

@media (min-width:901px){

/* Ligne lumineuse animée sous le menu */
header #nav-principal > ul > li{
  position:relative;
}

header #nav-principal > ul > li::after{

  content:"";
  position:absolute;
  left:50%;
  bottom:-6px;

  width:0%;
  height:2px;

  background:linear-gradient(90deg,#0ea5e9,#0284c7);

  transition:
    width .25s ease,
    left .25s ease,
    opacity .25s ease;

  opacity:0;

}

/* Activation hover */
header #nav-principal > ul > li:hover::after{

  width:70%;
  left:15%;
  opacity:1;

}

/* Menu actif (page actuelle) */
header #nav-principal > ul > li.actif::after{

  width:70%;
  left:15%;
  opacity:1;

}

/* Hover ultra smooth */
header #nav-principal > ul > li > a.navigation_link_p{

  transition:
    transform .18s ease,
    color .18s ease,
    filter .18s ease;

}

header #nav-principal > ul > li > a.navigation_link_p:hover{

  transform:translateY(-1px);
  filter:brightness(1.05);

}

}
/* ===============================================
   INACIO — GOD ELITE 😈🔥 (SAFE)
=============================================== */

@media (min-width:901px){

/* Base premium */
header #nav-principal > ul > li > a.navigation_link_p{

  position:relative;
  transition:
    transform .2s ease,
    box-shadow .2s ease,
    background-color .2s ease,
    filter .2s ease;

  border-radius:14px;
}

/* Glow subtil (invisible au repos) */
header #nav-principal > ul > li > a.navigation_link_p::before{

  content:"";
  position:absolute;
  inset:0;

  border-radius:14px;
  background:radial-gradient(circle at 50% 50%, rgba(0,0,0,0.06), transparent 70%);
  opacity:0;
  transition:opacity .25s ease;

  pointer-events:none;
}

/* Hover premium */
header #nav-principal > ul > li > a.navigation_link_p:hover{

  transform:translateY(-2px);
  box-shadow:0 8px 20px rgba(0,0,0,0.08);
  filter:brightness(1.04);
}

header #nav-principal > ul > li > a.navigation_link_p:hover::before{
  opacity:1;
}

/* Active click léger effet pression */
header #nav-principal > ul > li > a.navigation_link_p:active{
  transform:translateY(0px) scale(.98);
}

}
/* HERO smooth reveal */
.inacio-home .inacio-heroCard{

  animation:inacioHeroFade .8s ease both;

}

@keyframes inacioHeroFade{

  from{
    opacity:0;
    transform:translateY(14px);
  }

  to{
    opacity:1;
    transform:translateY(0);
  }

}
/* CTA premium hover */
a.button,
.inacio-btn2{

  transition:
    transform .18s ease,
    box-shadow .18s ease,
    filter .18s ease;

}

a.button:hover,
.inacio-btn2:hover{

  transform:translateY(-2px);
  box-shadow:0 18px 40px rgba(0,0,0,.12);
  filter:brightness(1.03);

}

a.button:active,
.inacio-btn2:active{

  transform:translateY(0) scale(.97);

}
/* Product card premium hover */
#blocContent .produit{

  transition:
    transform .25s ease,
    box-shadow .25s ease;

}

#blocContent .produit:hover{

  transform:translateY(-4px);
  box-shadow:0 25px 60px rgba(0,0,0,.12);

}
/* Panier smooth */
#paniercontent,
#panierContent{

  transition:
    opacity .25s ease,
    transform .25s ease;

  transform-origin:top right;

}

#panier:hover #paniercontent,
#panier:hover #panierContent{

  transform:translateY(0);

}
/* ===============================================
   INACIO — ULTIMATE MOTION 😈🔥
=============================================== */

/* Transitions globales douces */
a,
button,
.card,
.produit,
.inacio-box,
.inacio-tile{

  transition:
    transform .2s ease,
    box-shadow .2s ease,
    background-color .2s ease,
    color .2s ease,
    filter .2s ease;

}

/* Micro animation apparition (effet premium) */
#blocContent > *{

  animation:inacioFadeUp .5s ease both;

}

@keyframes inacioFadeUp{

  from{
    opacity:0;
    transform:translateY(10px);
  }

  to{
    opacity:1;
    transform:translateY(0);
  }

}

/* Scroll smooth premium */
html{
  scroll-behavior:smooth;
}

/* Hover images léger zoom luxe */
img{

  transition:transform .35s ease;

}

.produit:hover img{

  transform:scale(1.03);

}
/* ===============================================
   INACIO — HYPER ELITE 😈🔥
=============================================== */

@media (min-width:901px){

/* Pills magnet illusion */
header #nav-principal > ul > li > a.navigation_link_p{

  position:relative;
  overflow:hidden;

}

/* halo dynamique */
header #nav-principal > ul > li > a.navigation_link_p::after{

  content:"";
  position:absolute;
  inset:-40%;

  background:
    radial-gradient(circle at center,
      rgba(255,255,255,0.35),
      transparent 60%);

  opacity:0;
  transform:scale(.7);
  transition:
    opacity .3s ease,
    transform .3s ease;

  pointer-events:none;

}

/* activation hover */
header #nav-principal > ul > li > a.navigation_link_p:hover::after{

  opacity:.6;
  transform:scale(1);

}

/* micro mouvement premium */
header #nav-principal > ul > li > a.navigation_link_p:hover{

  transform:translateY(-2px);

}

}
/* =========================================================
   INACIO — FIX PANIER NON CLIQUABLE SUR MOBILE (CmonSite)
   👉 À coller TOUT EN BAS du CSS GLOBAL
========================================================= */
@media (max-width:900px){

  /* Le panier doit recevoir les taps */
  #panier{
    pointer-events:auto !important;
    position:relative !important;
    z-index:2147483647 !important;
    transform:translateZ(0) !important; /* aide iOS parfois */
  }

  /* Réactive le clic si le lien est dans #header-panier (cas mobile fréquent) */
  #panier #header-panier{
    pointer-events:auto !important;
  }

  /* Le lien redevient cliquable + occupe bien la pastille */
  #panier #header-panier a{
    pointer-events:auto !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    width:100% !important;
    height:100% !important;
    position:relative !important;
    z-index:10 !important;
  }

  /* Les éléments décoratifs ne doivent pas “voler” le tap */
  #panier #header-panier a *{
    pointer-events:none !important;
  }

  /* Si le thème utilise le lien overlay .paniertoggle, on le garde cliquable */
  #panier a.paniertoggle{
    pointer-events:auto !important;
  }

  /* Badge quantité : jamais cliquable (évite les taps ratés) */
  #panier .count-live,
  #panier .count,
  #panier .panier_count,
  #panier .panier_nb,
  #panier span[class*="count"],
  #panier span[id*="count"]{
    pointer-events:none !important;
  }
}
/* =========================================================
   INACIO — TITRES SECTIONS HOME (au-dessus des listes produits)
   👉 À coller TOUT EN BAS
========================================================= */

.inacio-home .inacio-wrap.inacio-wrap--tight{
  max-width:1180px !important;
  margin:0 auto !important;
  padding:12px 16px 0 !important; /* compact */
}

.inacio-home .inacio-sectionHead{
  display:flex !important;
  align-items:flex-end !important;
  justify-content:space-between !important;
  gap:14px !important;

  padding:14px 16px !important;
  border-radius:22px !important;
  border:1px solid #e7ebf0 !important;

  background:
    radial-gradient(140% 190% at 18% 0%, rgba(56,189,248,.10) 0%, rgba(56,189,248,0) 62%),
    linear-gradient(180deg,#ffffff 0%, #fbfbfd 100%) !important;

  box-shadow:0 18px 55px rgba(0,0,0,.08) !important;
}

.inacio-home .inacio-sectionHead .inacio-h1small{
  margin:0 !important;
  font-size:22px !important;
}

.inacio-home .inacio-sectionHead .inacio-muted{
  margin:4px 0 0 !important;
}

@media (max-width:640px){
  .inacio-home .inacio-sectionHead{
    align-items:flex-start !important;
    flex-direction:column !important;
  }
  .inacio-home .inacio-sectionHead .inacio-btn2{
    width:100% !important;
  }
}