/* STYLE CMONSITE EDITOR */ .contenu-editable h1{background-color:transparent;font-family:Georgia;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;font-family:Arial;}.contenu-editable h2{background-color:transparent;color:inherit;font-size:30px;font-weight:normal;margin-top:10px;margin-bottom:10px;font-family:Georgia;}body{font-family:Arial;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:Arial;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:Georgia;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:Georgia;text-transform:uppercase;font-weight:normal;font-size:0px;padding-top:20px;padding-bottom:20px;color:#150606;text-align:center;}.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;font-family:Arial;}.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;font-family:Arial;}.template-panier #header-panier .count-live{background-color:rgba(181,3,3,1);font-family:Arial;}.template-panier .ajout_panier .button{padding-left:20px;padding-right:20px;padding-top:8px;padding-bottom:8px;font-family:Arial;}.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:Arial;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:Georgia;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;font-family:Georgia;}.template-panier #paniercommande .text-total{font-family:Georgia;font-size:16px;}.template-panier #paniercommande .total-price{font-family:Arial;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-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:transparent;margin-top:0px;border-top-width:0px;padding-top:0px;}#nav-principal{background-color:rgba(255,255,255,1);border-style:none;border-top-width:2px;border-bottom-width:2px;border-left-width:2px;border-right-width:2px;box-shadow: 0px 0px 0px 0px ;}#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;}#nav-principal .sous_navigation_button_p ul .sous_navigation_link_p{font-family:Arial;}.contenu-editable{font-family:Arial;}.form-group > label{font-family:Arial;}.template_boutique_4 .produits .nomprod a{font-family:Arial;}.template_boutique_4 .produits .brand{font-family:Arial;}.template_boutique_4 .produits .remise .text-remise{font-family:Arial;}.template_boutique_4 .container-etiquette.with-etiquette ~ .remise .text-remise{font-family:Arial;}.template_boutique_4 .produits .produit_etiquette .titre-etiquette{font-family:Arial;}.template_boutique_5 .produits .nomprod a{font-family:Arial;}.template_boutique_5 .produits .remise .text-remise{font-family:Arial;}.template_boutique_5 .produits .produit_etiquette .titre-etiquette{font-family:Arial;}.produits .nomprod a{font-family:Arial;}.template_boutique_all .produits .remise .text-remise{font-family:Arial;}.template_boutique_all .container-etiquette.with-etiquette ~ .remise .text-remise{font-family:Arial;}.produits .produit_etiquette .titre-etiquette{font-family:Arial;}.content_list_product .swiper-pagination{text-align:center;}#tarteaucitronDisclaimerAlert #tarteaucitronPrivacyUrl{font-family:Arial;}#tarteaucitronAlertBig .tarteaucitronAlertBigBtnWrapper #tarteaucitronCloseAlert{font-family:Arial;}#tarteaucitronAlertBig .tarteaucitronAlertBigBtnWrapper #tarteaucitronAllDenied2{font-family:Arial;}#tarteaucitronAlertBig .tarteaucitronAlertBigBtnWrapper #tarteaucitronPersonalize2{font-family:Arial;}@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:187px;}header .logo{height:auto;width:424.93px;top:0px;left:520px;bottom:auto;right:auto;}.header-conteneur{max-width:1380px;}.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:109px;}.template-panier-2{top:0px;right:0px;left:0%;}}@media (min-width:1081px) and (max-width:1280px){header .logo{top:9px;left:461px;height:auto;width:164px;}header .logo img{height:auto;}.header-conteneur{max-width:1143px;}}@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:29px;height:auto;box-shadow:none;left:251.39%;bottom:auto;right:auto;}header .logo img{height:auto;}.template-panier-2 #header-panier{box-shadow: 0px 0px 0px 0px ;background-color:transparent;font-size:18px;border-style:none;border-top-width:2px;border-bottom-width:2px;border-left-width:2px;border-right-width:2px;}#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:transparent;top:1px;right:5px;bottom:auto;left:auto;margin-top:0px;padding-top:10px;padding-right:10px;}.banner .banner__item{font-size:15px;}#nav-principal{background-color:rgba(255,255,255,1);background-image:none;}header .slogan{width:50px;}.template-panier-2 #header-panier .fa-shopping-cart{display:inline-block;border-bottom-width:0px;border-left-width:0px;border-right-width:0px;border-top-width:0px;font-size:14px;margin-top:0px;}.template-panier-2 #header-panier .panier_text{display:undefined;}.header-conteneur #blocContent{background-image:none;max-width:375px;}#nav-principal .sous_navigation_button_p.actif .dropDown{font-family:Arial;}.template-panier #header-panier{font-family:Arial;}.template-panier #paniercommande .total-price{font-family:Georgia;}#tarteaucitronDisclaimerAlert{font-family:Arial;}#tarteaucitronAlertBig .tarteaucitronAlertBigBtnWrapper #tarteaucitronAllDenied2{font-family:Arial;}#tarteaucitronAlertBig .tarteaucitronAlertBigBtnWrapper #tarteaucitronPersonalize2{font-family:Arial;}}@media (min-width:800px) and (max-width:1080px){header .logo{top:0px;left:0px;height:auto;bottom:auto;right:auto;}header .logo img{height:auto;}}/* ============================================================ INACIO - CSS GLOBAL V22.2 - VERSION LISIBLE ET CORRIGEE 09/10/2026 Version basee sur la V22.2 validee. Modification : retrait de 2 anciennes declarations background-image remplacees plus loin par des URL valides. Code complet et lisible : conserver ce fichier, ne pas ajouter cette version sous un autre CSS global. La vitesse serveur et les scripts natifs CmonSite ne changent pas. ============================================================ */ /* ========================================================= INACIO — CSS GLOBAL V22.2 SAFE CLEANUP Dernière consolidation : 05/10/2026 Base : - rendu public CmonSite conservé - responsive mobile / tablette / desktop stabilisé - mini-panier mobile corrigé - navigation hamburger jusqu’à 1080 px - header desktop sticky à partir de 1200 px - variantes produit V2 + V3.3 conservées - accessibilité et lisibilité renforcées - nettoyage limité aux doublons/règles sans effet certain - sélecteurs « Seconde main » consolidés sans modifier le rendu - symbole recyclage forcé en rendu texte monochrome sur mobile PRINCIPE : Aucun sélecteur métier CmonSite n’est supprimé sur la seule base d’un audit théorique de CSS inutilisé. ========================================================= */ /* ========================================================= REPÈRES 01 — Différences utiles par rapport au socle CmonSite 02 — Socle visuel premium global 03 — Header / navigation / mini-panier 04 — Accueil 05 — Boutique / catégories 06 — Fiches produit / galerie / panier / avis 07 — Guide des tailles / cookies 08 — Checkout natif CmonSite (isolation) 09 — Infos pratiques 10 — Avis clients 11 — Connexion / inscription 12 — Description produit & accordéons automatiques V1.2 ========================================================= */ /* ========================================================= 01 — DIFFÉRENCES UTILES PAR RAPPORT AU SOCLE CMONSITE CmonSite place automatiquement « STYLE CMONSITE EDITOR » avant ce fichier. Ces quelques règles reproduisent uniquement les différences de la V19 afin de conserver le rendu validé. ========================================================= */ .is-fixed #nav-principal .navigation_link_p, .template-panier .produit_panier .panier_description, .template-panier-2 #header-panier, .template_fiche_produit .bloc-quantite input, .template_boutique_1 .produits .produit_etiquette .titre-etiquette, .template_boutique_1 .container-etiquette.with-etiquette ~ .remise .text-remise, #fiche-produit .produit_etiquette .titre-etiquette { font-family: Arial; } .template_fiche_produit .block-fiche-brand h2, .template_fiche_produit .bloc-description-detaille > .h4, .template-panier .produit_panier .panier_nom a, .template-panier #paniercommande .total-price { font-family: Georgia; } @media (min-width: 1081px) { header .logo { width: 211px; top: 6px; left: 518px; } } /* ========================================================= INACIO — SOCLE VISUEL PREMIUM GLOBAL ========================================================= */ html,body { max-width: 100%; overflow-x: hidden; color: #111827 !important; font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif !important; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; scroll-behavior: auto !important; background: radial-gradient(120% 180% at 18% 0%, rgba(56,189,248,.08), transparent 55%), radial-gradient(120% 180% at 82% 0%, rgba(99,102,241,.06), transparent 55%), linear-gradient(180deg,#f7fbfe 0%, #f2f7fc 100%) !important; } body { min-height: 100vh; top: 0 !important; -webkit-overflow-scrolling: touch; } *,*::before,*::after { box-sizing: border-box; } img { max-width: 100%; height: auto; display: block; will-change: auto; } ::selection { background: #0ea5e9; color: #ffffff; } a { color: #0b5cab !important; text-decoration: none !important; } a:hover { color: #0284c7 !important; text-decoration: underline !important; } a.addbasket,a.button,.button a,.inacio-btn2,.inacio-pillbtn,.inacio-btn { text-decoration: none !important; } a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible { outline: 3px solid rgba(14,165,233,.28) !important; outline-offset: 2px !important; box-shadow: none !important; } .wrapper-content,.wrapper-content_p,#main-conteneur,#main-container,#wrapcontent,#wrap,#wrapper,#container,#conteneur,#page,#global,#layout,#main,.wrapper,.container,.page,.global,.layout,.colonne_gauche,.colonne_droite,.sidebar,.side,aside,#colonneG,#colonneD,#content_p,.side-content,.content_p { background: transparent !important; background-image: none !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; } .full-background,.row.row-grid,.widget-col,.widget.widget-code-source,.widget.widget-code-source .widget-content,.widget.widget-code-source .code-source-content,.widget.widget-texte,.widget.widget-texte .widget-content,.text-widget,.text-widget-content,.contenu-editable,.contenu-editable .widget-content { background: transparent !important; background-image: none !important; box-shadow: none !important; border: 0 !important; } .widget-smal-height,.widget-small-height { min-height: auto !important; height: auto !important; } .text-widget,.contenu-editable,.text-livre { margin-left: auto !important; margin-right: auto !important; } .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,.08), transparent 55%), radial-gradient(120% 180% at 82% 0%, rgba(99,102,241,.06), transparent 55%), linear-gradient(180deg,#f8fbfd 0%, #f4f7fb 100%) !important; box-shadow: 0 24px 70px rgba(0,0,0,.07) !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; } } header #blocContent,header.banniere_header_p #blocContent,header.banniere.header_p #blocContent,header .header-conteneur #blocContent,header #headercontent #blocContent { background: transparent !important; border-color: transparent !important; box-shadow: none !important; } #blocContent hr,.wrapper-content hr { border: 0 !important; height: 1px !important; background: rgba(15,23,42,.10) !important; margin: 18px 0 !important; } #header,header,header.banniere_header_p,header.banniere.header_p { width: 100% !important; background: radial-gradient(120% 180% at 18% 0%, rgba(56,189,248,.08) 0%, rgba(0,0,0,0) 58%), radial-gradient(120% 180% at 82% 0%, rgba(99,102,241,.06) 0%, rgba(0,0,0,0) 60%), linear-gradient(180deg, rgba(255,255,255,.96) 0%, rgba(255,255,255,.90) 100%) !important; border-bottom: 1px solid rgba(15,23,42,.08) !important; box-shadow: 0 6px 18px rgba(0,0,0,.045) !important; overflow: visible !important; } 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"] { background-color: transparent !important; background-image: none !important; box-shadow: none !important; } header nav#nav-principal { border: 0 !important; } @media (min-width:901px) { header #nav-principal>ul,header.banniere_header_p nav#nav-principal>ul,header.banniere.header_p nav#nav-principal>ul { display: flex !important; flex-direction: row !important; flex-wrap: nowrap !important; align-items: center !important; justify-content: center !important; gap: 8px !important; white-space: nowrap !important; } header #nav-principal>ul>li,header.banniere_header_p nav#nav-principal>ul>li,header.banniere.header_p nav#nav-principal>ul>li { float: none !important; flex: 0 0 auto !important; position: relative !important; z-index: 1000 !important; } header #nav-principal>ul>li>a.navigation_link_p { display: inline-flex !important; align-items: center !important; justify-content: center !important; padding: 7px 9px !important; font-size: 11px !important; line-height: 1.1 !important; white-space: nowrap !important; border-radius: 999px !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,.09) !important; color: #0b5cab !important; box-shadow: 0 10px 22px rgba(0,0,0,.045), inset 0 1px 0 rgba(255,255,255,.78) !important; transition: transform .16s ease, filter .16s ease, border-color .16s ease, box-shadow .16s ease !important; } header #nav-principal>ul>li>a.navigation_link_p:hover { transform: translateY(-1px) !important; filter: brightness(1.03) !important; border-color: rgba(11,92,171,.16) !important; box-shadow: 0 12px 26px rgba(0,0,0,.06), inset 0 1px 0 rgba(255,255,255,.86) !important; } header #nav-principal li.actif>a.navigation_link_p { border-color: rgba(11,92,171,.20) !important; } #nav-principal li.has_picto.b-search.navigation_button_p a.navigation_link_p,#nav-principal li.has_picto[class*="search"].navigation_button_p a.navigation_link_p { position: relative !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; width: 38px !important; height: 38px !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; color: #0b5cab !important; } #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; line-height: 0 !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,#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 { display: block !important; font-size: 16px !important; line-height: 1 !important; color: #0b5cab !important; opacity: 1 !important; visibility: visible !important; margin: 0 !important; } } #nav-principal ul.menu__dropdown,#nav-principal ul.menu__dropdown.dropdown,#nav-principal ul.dropdown,header #nav-principal li>ul,header .menu_dropdown,header .navigation_menuitem_submenu,header .navigation_submenu,header .menu-principal .sous_menu,header .menu-principal .submenu { position: absolute !important; 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 18px 44px rgba(0,0,0,.14) !important; z-index: 10000 !important; padding: 10px !important; -webkit-backdrop-filter: none !important; backdrop-filter: none !important; } #nav-principal ul.menu__dropdown a,header .menu_dropdown a,header #nav-principal li ul li 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,header #nav-principal li ul li a:hover { background: rgba(15,23,42,.06) !important; transform: none !important; } .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; } .cmonsite-toolbar.cmonsite-toolbar--top-left { background: transparent !important; background-color: transparent !important; border: 0 !important; box-shadow: none !important; left: 20px !important; top: 0 !important; } .cmonsite-toolbar.cmonsite-toolbar--top-left #block-google-trad,.cmonsite-toolbar.cmonsite-toolbar--top-left #google_translate_element,.cmonsite-toolbar.cmonsite-toolbar--top-left .goog-te-gadget-simple { background: transparent !important; border: 0 !important; box-shadow: none !important; padding: 0 !important; } .cmonsite-toolbar.cmonsite-toolbar--top-left .goog-te-gadget { font-size: 0 !important; line-height: 0 !important; color: transparent !important; } .cmonsite-toolbar.cmonsite-toolbar--top-left .goog-te-gadget-simple span { background: transparent !important; display: none !important; } .cmonsite-toolbar.cmonsite-toolbar--top-left .goog-te-gadget-simple img { display: block !important; width: 22px !important; height: 22px !important; border-radius: 999px !important; margin: 0 !important; box-shadow: none !important; border: 0 !important; } .goog-logo-link,.goog-te-banner-frame { display: none !important; } #panier { position: relative !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; border-radius: 999px !important; overflow: visible !important; z-index: 11000 !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; backface-visibility: hidden; -webkit-backface-visibility: hidden; will-change: auto !important; } @media (min-width:901px) { #panier { width: 38px !important; height: 38px !important; margin-left: 6px !important; flex: 0 0 38px !important; align-self: center !important; } } @media (max-width:900px) { #panier { pointer-events: auto !important; } } #panier a.paniertoggle { position: absolute !important; inset: 0 !important; display: block !important; border-radius: 999px !important; background: transparent !important; z-index: 5 !important; pointer-events: auto !important; } #panier #header-panier,#panier #header-panier * { background: transparent !important; box-shadow: none !important; border: 0 !important; } #panier i.fa-shopping-cart,#panier i.fa.fa-shopping-cart { color: #0b5cab !important; font-size: 18px !important; line-height: 1 !important; margin: 0 !important; background: transparent !important; } #panier .panier_text { display: none !important; } #panier .count-live,#panier .count,#panier .panier_count,#panier .panier_nb,#panier span[class*="count"],#panier span[id*="count"],#panier #header-panier .count-live,#panier #header-panier .count { position: absolute !important; top: -3px !important; right: -6px !important; display: flex !important; align-items: center !important; justify-content: center !important; min-width: 18px !important; height: 18px !important; padding: 0 5px !important; border-radius: 999px !important; background: #e11d48 !important; color: #ffffff !important; font-size: 11px !important; font-weight: 900 !important; line-height: 1 !important; border: 2px solid rgba(255,255,255,.92) !important; box-shadow: 0 8px 18px rgba(0,0,0,.16) !important; z-index: 999 !important; pointer-events: none !important; } @media (max-width:900px) { #panier #header-panier,#panier #header-panier a { pointer-events: auto !important; } #panier #header-panier a { display: flex !important; align-items: center !important; justify-content: center !important; width: 100% !important; height: 100% !important; position: relative !important; z-index: 10 !important; } #panier #header-panier a * { pointer-events: none !important; } } #paniercontent,#panierContent { z-index: 11001 !important; pointer-events: auto !important; background: #ffffff !important; border: 1px solid rgba(15,23,42,.08) !important; border-radius: 22px !important; box-shadow: 0 24px 60px rgba(15,23,42,.18) !important; overflow: hidden !important; padding: 12px 12px 14px !important; will-change: auto !important; } #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; } #paniercontent img,#panierContent img,#paniertable img { width: 54px !important; max-width: 54px !important; border-radius: 12px !important; box-shadow: 0 10px 24px rgba(0,0,0,.10) !important; } #paniercontent .panier_quantite,#panierContent .panier_quantite,#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: center !important; gap: 10px !important; } #paniercontent .panier_quantite .text-quantity,#panierContent .panier_quantite .text-quantity { margin: 0 6px 0 0 !important; line-height: 1 !important; } #paniercontent .panier_quantite .downtqte,#paniercontent .panier_quantite .updqte,#panierContent .panier_quantite .downtqte,#panierContent .panier_quantite .updqte,#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="+"],#paniercontent #paniertable a[class*="plus"],#panierContent #paniertable a[class*="plus"],#paniercontent #paniertable a[class*="moins"],#panierContent #paniertable a[class*="moins"] { display: inline-flex !important; align-items: center !important; justify-content: center !important; flex: 0 0 44px !important; width: 44px !important; min-width: 44px !important; height: 44px !important; line-height: 1 !important; padding: 0 !important; margin: 0 !important; border-radius: 999px !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; text-decoration: none !important; color: #0b1220 !important; } #paniercontent .panier_quantite .inputqte input,#panierContent .panier_quantite .inputqte input,#paniercontent #paniertable input[type="text"],#panierContent #paniertable input[type="text"],#paniercontent #paniertable input[type="number"],#panierContent #paniertable input[type="number"] { width: 64px !important; min-width: 64px !important; height: 44px !important; padding: 0 !important; margin: 0 !important; border-radius: 999px !important; border: 1px solid rgba(15,23,42,.14) !important; background: #ffffff !important; box-shadow: 0 10px 22px rgba(0,0,0,.06) !important; font-weight: 950 !important; text-align: center !important; line-height: 44px !important; } #paniercommande { float: none !important; clear: both !important; display: block !important; margin: 12px 0 0 !important; padding: 0 !important; text-align: right !important; } #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: 4px 0 6px auto !important; 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; color: rgba(17,24,39,.62) !important; font-size: 12px !important; font-weight: 850 !important; box-shadow: 0 10px 22px rgba(0,0,0,.06) !important; } #paniercontent #paniercommande .totalpanier,#panierContent #paniercommande .totalpanier { display: block !important; width: 100% !important; text-align: right !important; white-space: nowrap !important; font-weight: 900 !important; margin: 6px 0 10px !important; } #paniercontent #paniercommande .total-live,#panierContent #paniercommande .total-live { display: none !important; } #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; transition: transform .16s ease, box-shadow .16s ease, filter .16s ease !important; } #paniercommande a:hover,#paniercommande .button:hover,#paniercommande input[type="submit"]:hover { transform: translateY(-1px) !important; filter: brightness(1.02) !important; } .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(180deg,#ffffff 0%, #fbfbfd 100%); border: 1px solid #e7ebf0; box-shadow: 0 14px 34px rgba(0,0,0,.06) !important; overflow-x: auto; -webkit-overflow-scrolling: touch; animation: none !important; } .inacio-ft { width: 100%; margin: 18px 0 0; background: transparent; } .inacio-ft__inner { max-width: 1200px; margin: 0 auto; padding: 12px 14px; display: flex; align-items: center; gap: 14px; border-radius: 22px; background: 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%); border: 1px solid rgba(255,255,255,.12); box-shadow: 0 20px 56px rgba(0,0,0,.40), inset 0 1px 0 rgba(255,255,255,.08) !important; overflow-x: auto; -webkit-overflow-scrolling: touch; animation: none !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,#blocContent input[type="text"],#blocContent input[type="email"],#blocContent input[type="tel"],#blocContent input[type="password"],#blocContent input[type="number"],#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; padding: 10px 12px !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; } #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 18px 46px rgba(2,8,23,.07) !important; padding: 16px !important; overflow: hidden !important; margin: 0 0 14px !important; display: flex; flex-direction: column; transition: transform .16s ease, box-shadow .16s ease, filter .16s ease !important; } #blocContent .produit:hover { transform: translateY(-4px); box-shadow: 0 22px 52px rgba(0,0,0,.10) !important; } #blocContent .liste-produits img,#blocContent .liste_produits img,#blocContent .products img,#blocContent .produits img,#blocContent .product-list img,#blocContent .vignette_produit img,.block_unique_product img,.produits img { border-radius: 18px !important; display: block !important; } #blocContent .produit img,#blocContent .vignette_produit img,.produit img { transition: transform .18s ease !important; } .produit:hover img { transform: scale(1.03); } #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; } a.addbasket,button.addbasket,.addbasket a,.block-btn-addbasket a,#btn-addbasket,#addbasket,input#btn-addbasket,input#addbasket,#blocContent a.button,#blocContent .button a,#blocContent button.button,#blocContent input[type="submit"],#blocContent input[type="button"],.wrapper-content a.button,.wrapper-content button.button,#newsletter_valid,.form-newsletter button,button[type="submit"],input[type="submit"] { 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 16px 34px rgba(2,132,199,.20), 0 14px 34px rgba(0,0,0,.08) !important; transition: transform .18s ease, box-shadow .18s ease, filter .18s ease !important; cursor: pointer; user-select: none; } a.addbasket:hover,.addbasket a:hover,.block-btn-addbasket a:hover,#btn-addbasket:hover,#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; } a.addbasket span,a.addbasket i,a.addbasket .fa,.addbasket a span,.addbasket a i,.block-btn-addbasket a span,.block-btn-addbasket a i { color: #ffffff !important; font-weight: 900 !important; } .template_boutique,.template_boutique_all,.template_boutique_1,.border_p.template_boutique_category,.boutique_header,.boutique_header_contenu-editable,.widget.widget-categories-thumbnail,.widget.widget-categories-thumbnail .widget-content,.categories-thumbnail,.categories-thumbnail__item,.categories-thumbnail__item-link,.categories-thumbnail__item-position-text,.categories-thumbnail__item-text { position: relative !important; z-index: 1 !important; } .widget.widget-categories-thumbnail,.widget.widget-categories-thumbnail .widget-content,#grid-972759 + .widget.widget-categories-thumbnail { background: transparent !important; border: 0 !important; box-shadow: none !important; outline: 0 !important; padding: 0 !important; margin: 0 !important; } #grid-972759 { display: none !important; } .widget.widget-categories-thumbnail .categories-thumbnail,#grid-477787 .categories-thumbnail,#grid-972759 + .widget.widget-categories-thumbnail .categories-thumbnail { display: flex !important; flex-wrap: wrap !important; gap: 18px 22px !important; align-items: flex-start !important; margin: 0 !important; padding: 0 !important; background: transparent !important; border: 0 !important; box-shadow: none !important; } .widget.widget-categories-thumbnail .categories-thumbnail__item,#grid-477787 .categories-thumbnail__item,#grid-972759 + .widget.widget-categories-thumbnail .categories-thumbnail__item { background: transparent !important; border: 0 !important; box-shadow: none !important; outline: 0 !important; padding: 0 !important; margin: 0 !important; width: auto !important; flex: 0 0 auto !important; } .widget.widget-categories-thumbnail .categories-thumbnail__item::before,.widget.widget-categories-thumbnail .categories-thumbnail__item::after,.widget.widget-categories-thumbnail .categories-thumbnail::before,.widget.widget-categories-thumbnail .categories-thumbnail::after,.widget.widget-categories-thumbnail .widget-content::before,.widget.widget-categories-thumbnail .widget-content::after,#grid-477787 .categories-thumbnail__item::before,#grid-477787 .categories-thumbnail__item::after,#grid-477787 .categories-thumbnail__item>a.button::before,#grid-477787 .categories-thumbnail__item>a.button::after { content: none !important; display: none !important; } .widget.widget-categories-thumbnail .categories-thumbnail__item-link,#grid-477787 .categories-thumbnail__item>a.button,#grid-972759 + .widget.widget-categories-thumbnail .categories-thumbnail__item-link { position: relative !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; min-height: 54px !important; padding: 0 28px !important; border-radius: 999px !important; text-decoration: none !important; white-space: nowrap !important; overflow: hidden !important; background: linear-gradient(180deg, rgba(255,255,255,.96) 0%, rgba(248,250,252,.92) 100%) !important; border: 1px solid rgba(15,23,42,.07) !important; box-shadow: 0 8px 22px rgba(15,23,42,.05), inset 0 1px 0 rgba(255,255,255,.96), inset 0 -1px 0 rgba(15,23,42,.03) !important; color: #0b5cab !important; font-size: 15px !important; font-weight: 800 !important; letter-spacing: .01em !important; text-transform: none !important; transition: transform .16s ease, box-shadow .16s ease, filter .16s ease !important; } .widget.widget-categories-thumbnail .categories-thumbnail__item-link::before { content: "" !important; position: absolute !important; inset: 1px !important; border-radius: 999px !important; background: linear-gradient(180deg, rgba(255,255,255,.65) 0%, rgba(255,255,255,0) 58%) !important; pointer-events: none !important; } .widget.widget-categories-thumbnail .categories-thumbnail__item-position-text,.widget.widget-categories-thumbnail .categories-thumbnail__item-text,#grid-972759 + .widget.widget-categories-thumbnail .categories-thumbnail__item-position-text,#grid-972759 + .widget.widget-categories-thumbnail .categories-thumbnail__item-text { position: relative !important; z-index: 2 !important; display: flex !important; align-items: center !important; justify-content: center !important; min-height: 54px !important; padding: 0 !important; margin: 0 !important; background: transparent !important; border: 0 !important; box-shadow: none !important; text-align: center !important; } .widget.widget-categories-thumbnail .categories-thumbnail__item-text span,.widget.widget-categories-thumbnail .categories-thumbnail__item-link span,#grid-972759 + .widget.widget-categories-thumbnail .categories-thumbnail__item-text span,#grid-972759 + .widget.widget-categories-thumbnail .categories-thumbnail__item-link span { position: relative !important; z-index: 2 !important; color: #0b5cab !important; font-size: 15px !important; font-weight: 800 !important; letter-spacing: .01em !important; font-style: normal !important; text-transform: none !important; background: transparent !important; } .widget.widget-categories-thumbnail .categories-thumbnail__item-link:hover,#grid-477787 .categories-thumbnail__item>a.button:hover,#grid-972759 + .widget.widget-categories-thumbnail .categories-thumbnail__item-link:hover { transform: translateY(-1px) !important; border-color: rgba(11,92,171,.14) !important; box-shadow: 0 12px 26px rgba(15,23,42,.07), inset 0 1px 0 rgba(255,255,255,.98), inset 0 -1px 0 rgba(15,23,42,.03) !important; } @media (max-width:640px) { .widget.widget-categories-thumbnail .categories-thumbnail,#grid-477787 .categories-thumbnail,#grid-972759 + .widget.widget-categories-thumbnail .categories-thumbnail { gap: 14px 14px !important; } .widget.widget-categories-thumbnail .categories-thumbnail__item-link,.widget.widget-categories-thumbnail .categories-thumbnail__item-position-text,.widget.widget-categories-thumbnail .categories-thumbnail__item-text,#grid-477787 .categories-thumbnail__item>a.button { min-height: 48px !important; } .widget.widget-categories-thumbnail .categories-thumbnail__item-link,#grid-477787 .categories-thumbnail__item>a.button { padding: 0 20px !important; } .widget.widget-categories-thumbnail .categories-thumbnail__item-text span,.widget.widget-categories-thumbnail .categories-thumbnail__item-link span { font-size: 14px !important; } } .container-etiquette { top: 10px !important; left: 10px !important; display: flex !important; flex-direction: column !important; gap: 6px !important; } .container-etiquette .titre-etiquette,.container-etiquette .h3.titre-etiquette,.container-etiquette .etiquette,.container-etiquette .promotion,.container-etiquette [class*="etiquette"] { display: inline-flex !important; align-items: center !important; justify-content: center !important; width: auto !important; max-width: max-content !important; padding: 6px 10px !important; min-height: auto !important; border-radius: 8px !important; font-size: 10px !important; line-height: 1.1 !important; font-weight: 900 !important; letter-spacing: .04em !important; text-transform: uppercase !important; box-shadow: 0 8px 18px rgba(0,0,0,.10) !important; background: #0b1220 !important; color: #ffffff !important; border: 1px solid rgba(255,255,255,.10) !important; } .container-etiquette .promotion,.container-etiquette [class*="promo"] { background: #111111 !important; color: #ffffff !important; } .container-etiquette a,.container-etiquette span,.container-etiquette div { font-size: inherit !important; line-height: inherit !important; color: inherit !important; } .produit_etiquette.produit_galerie_background_p { background: transparent !important; border: 0 !important; box-shadow: none !important; padding: 0 !important; margin: 0 !important; max-width: max-content !important; } .produit_etiquette.produit_galerie_background_p .titre-etiquette,.produit_etiquette.produit_galerie_background_p .h3.titre-etiquette,.produit_galerie_background_p>.titre-etiquette,.produit_galerie_background_p>.h3.titre-etiquette { display: inline-flex !important; align-items: center !important; justify-content: center !important; width: auto !important; max-width: max-content !important; padding: 6px 10px !important; margin: 0 !important; border-radius: 8px !important; background: #0b1220 !important; color: #ffffff !important; border: 1px solid rgba(255,255,255,.10) !important; box-shadow: 0 8px 18px rgba(0,0,0,.10) !important; font-size: 10px !important; line-height: 1.1 !important; font-weight: 900 !important; letter-spacing: .04em !important; text-transform: uppercase !important; } .produit_etiquette.produit_galerie_background_p .titre-etiquette *,.produit_etiquette.produit_galerie_background_p .h3.titre-etiquette * { background: transparent !important; border: 0 !important; box-shadow: none !important; padding: 0 !important; color: inherit !important; } .remise { box-shadow: 0 8px 18px rgba(0,0,0,.10) !important; } .container-etiquette.with-etiquette { top: 10px !important; left: 10px !important; gap: 6px !important; } @media (max-width:768px) { .container-etiquette { top: 8px !important; left: 8px !important; gap: 5px !important; } .container-etiquette .titre-etiquette,.container-etiquette .h3.titre-etiquette,.container-etiquette .etiquette,.container-etiquette .promotion,.container-etiquette [class*="etiquette"] { padding: 5px 8px !important; font-size: 9px !important; border-radius: 7px !important; } } #inacio-home *,#fiche-produit *,.fiche-produit * { box-sizing: border-box; } #fiche-produit::before,#fiche-produit::after,.fiche-produit::before,.fiche-produit::after { content: none !important; display: none !important; } #fiche-produit .inacio-wrap,.fiche-produit .inacio-wrap { max-width: 980px !important; margin: 8px auto 0 !important; padding: 26px 18px !important; border-radius: 28px !important; border: 1px solid rgba(15,23,42,.10) !important; background: 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; } #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(140% 190% at 18% 0%, rgba(56,189,248,.14) 0%, rgba(56,189,248,0) 62%), rgba(255,255,255,.88) !important; -webkit-backdrop-filter: none !important; backdrop-filter: none !important; border: 1px solid rgba(2,132,199,.20) !important; box-shadow: 0 14px 36px rgba(2,8,23,.07), inset 0 1px 0 rgba(255,255,255,.85) !important; font-size: 12px !important; font-weight: 900 !important; letter-spacing: .10em !important; text-transform: uppercase !important; color: #0b5cab !important; } #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; } #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; } #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; } #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; } #fiche-produit .inacio-card,.fiche-produit .inacio-card { position: relative !important; overflow: hidden !important; margin: 14px auto 0 !important; padding: 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,.88) !important; -webkit-backdrop-filter: none !important; backdrop-filter: none !important; box-shadow: 0 18px 48px rgba(0,0,0,.07) !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; } @media (max-width:740px) { #fiche-produit .inacio-wrap,.fiche-produit .inacio-wrap { padding: 20px 14px !important; border-radius: 22px !important; max-width: 92vw !important; } } #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; 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; float: right; } #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; } @media (hover:hover) { #fiche-produit .inacio-qa:hover,.fiche-produit .inacio-qa:hover { transform: translateY(-1px) !important; box-shadow: 0 22px 62px rgba(2,8,23,.09) !important; border-color: rgba(2,132,199,.22) !important; } } .zoomContainer,.zoomWindowContainer,.zoomWindow,.zoomLens,.zoomTint,.zoomPup,#fiche-produit .zoomContainer,#fiche-produit .zoomWindowContainer,#fiche-produit .zoomWindow,.fiche-produit .zoomContainer,.fiche-produit .zoomWindowContainer,.fiche-produit .zoomWindow { display: none !important; opacity: 0 !important; visibility: hidden !important; pointer-events: none !important; } #fiche-produit .wrap-images img,#fiche-produit .wrap-images a img,.fiche-produit .wrap-images img,.fiche-produit .wrap-images a img { transform: none !important; transition: none !important; animation: none !important; } #fiche-produit .grande-image a,#fiche-produit a.image-zoom,#fiche-produit a.productImageWrap,.fiche-produit .grande-image a,.fiche-produit a.image-zoom,.fiche-produit a.productImageWrap { cursor: pointer !important; } #fiche-produit #sliderImagePreviews a,.fiche-produit #sliderImagePreviews a { display: block !important; margin: 0 0 12px !important; text-decoration: none !important; } #fiche-produit #sliderImagePreviews a img,.fiche-produit #sliderImagePreviews a img { border-radius: 18px !important; border: 1px solid rgba(15,23,42,.08) !important; box-shadow: 0 8px 18px rgba(0,0,0,.05) !important; opacity: .96 !important; transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease, opacity .18s ease !important; } #fiche-produit #sliderImagePreviews a:hover img,.fiche-produit #sliderImagePreviews a:hover img { transform: translateY(-1px) !important; border-color: rgba(11,92,171,.18) !important; box-shadow: 0 12px 24px rgba(0,0,0,.07), 0 0 0 3px rgba(14,165,233,.06) !important; opacity: 1 !important; } #fiche-produit .container-etiquette,.fiche-produit .container-etiquette,.template_fiche_produit .container-etiquette { display: flex !important; justify-content: center !important; align-items: center !important; margin: 0 0 22px !important; text-align: center !important; } #fiche-produit .produit_etiquette,.fiche-produit .produit_etiquette,.template_fiche_produit .produit_etiquette { background: transparent !important; border: 0 !important; box-shadow: none !important; padding: 0 !important; max-width: unset !important; } #fiche-produit .produit_etiquette .titre-etiquette,#fiche-produit .produit_etiquette .h3.titre-etiquette,.fiche-produit .produit_etiquette .titre-etiquette,.fiche-produit .produit_etiquette .h3.titre-etiquette,.template_fiche_produit .produit_etiquette .titre-etiquette,.template_fiche_produit .produit_etiquette .h3.titre-etiquette { position: relative !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; gap: 14px !important; min-width: 340px !important; max-width: 100% !important; margin: 0 auto !important; padding: 18px 34px !important; border-radius: 22px !important; border: 1px solid rgba(255,255,255,.10) !important; background: radial-gradient(140% 180% at 18% 0%, rgba(14,165,233,.16) 0%, rgba(14,165,233,0) 60%), linear-gradient(180deg,#101726 0%, #070b14 100%) !important; box-shadow: 0 16px 34px rgba(0,0,0,.16), inset 0 1px 0 rgba(255,255,255,.07), 0 0 0 1px rgba(14,165,233,.06) !important; color: #ffffff !important; font-size: 17px !important; font-weight: 850 !important; line-height: 1.2 !important; text-align: center !important; white-space: nowrap !important; } #fiche-produit .produit_etiquette .titre-etiquette i,#fiche-produit .produit_etiquette .h3.titre-etiquette i,.fiche-produit .produit_etiquette .titre-etiquette i,.fiche-produit .produit_etiquette .h3.titre-etiquette i { display: none !important; } #fiche-produit .produit_etiquette .titre-etiquette::after,#fiche-produit .produit_etiquette .h3.titre-etiquette::after,.fiche-produit .produit_etiquette .titre-etiquette::after,.fiche-produit .produit_etiquette .h3.titre-etiquette::after,.template_fiche_produit .produit_etiquette .titre-etiquette::after,.template_fiche_produit .produit_etiquette .h3.titre-etiquette::after { content: "" !important; display: inline-block !important; width: 18px !important; height: 12px !important; border-radius: 3px !important; box-shadow: 0 1px 4px rgba(0,0,0,.28) !important; background: linear-gradient(90deg,#1f4fbf 0%,#1f4fbf 33.33%,#ffffff 33.33%,#ffffff 66.66%,#d61f2c 66.66%,#d61f2c 100%) !important; transform: translateY(1px) !important; flex: 0 0 auto !important; } #fiche-produit .produit_etiquette[data-title*="Numérique"] .titre-etiquette::after,#fiche-produit .produit_etiquette[data-title*="Numérique"] .h3.titre-etiquette::after,.fiche-produit .produit_etiquette[data-title*="Numérique"] .titre-etiquette::after,.fiche-produit .produit_etiquette[data-title*="Numérique"] .h3.titre-etiquette::after { content: "" !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; width: 18px !important; height: 18px !important; margin-left: 2px !important; border-radius: 999px !important; border: 1px solid rgba(255,255,255,.18) !important; background: linear-gradient(180deg, rgba(255,255,255,.16) 0%, rgba(255,255,255,.08) 100%) !important; color: #ffffff !important; font-size: 12px !important; font-weight: 900 !important; line-height: 1 !important; transform: translateY(-1px) !important; } #fiche-produit .produit_etiquette[data-title*="seconde main" i] .titre-etiquette::after,#fiche-produit .produit_etiquette[data-title*="seconde main" i] .h3.titre-etiquette::after,.fiche-produit .produit_etiquette[data-title*="seconde main" i] .titre-etiquette::after,.fiche-produit .produit_etiquette[data-title*="seconde main" i] .h3.titre-etiquette::after,.template_fiche_produit .produit_etiquette[data-title*="seconde main" i] .titre-etiquette::after,.template_fiche_produit .produit_etiquette[data-title*="seconde main" i] .h3.titre-etiquette::after { content: none !important; display: none !important; } #fiche-produit .block-fiche-titre-brand,.fiche-produit .block-fiche-titre-brand { margin: 0 0 14px !important; text-align: center !important; } #fiche-produit .block-fiche-titre-brand,#fiche-produit .block-fiche-titre-brand a,.fiche-produit .block-fiche-titre-brand,.fiche-produit .block-fiche-titre-brand a { color: #0b5cab !important; font-weight: 900 !important; letter-spacing: .02em !important; line-height: 1.15 !important; text-transform: uppercase !important; text-decoration: none !important; } #fiche-produit .reference,.fiche-produit .reference { display: block !important; margin: 0 0 22px !important; color: #4b5563 !important; font-size: 14px !important; font-weight: 700 !important; } #fiche-produit .wrap-description label,.fiche-produit .wrap-description label { display: block !important; margin: 0 0 10px !important; color: #0b1220 !important; font-weight: 800 !important; } #fiche-produit .wrap-description input[type="text"],#fiche-produit .wrap-description input[type="email"],#fiche-produit .wrap-description input[type="tel"],.fiche-produit .wrap-description input[type="text"],.fiche-produit .wrap-description input[type="email"],.fiche-produit .wrap-description input[type="tel"] { width: 100% !important; min-height: 54px !important; padding: 12px 16px !important; border-radius: 18px !important; border: 1px solid rgba(15,23,42,.10) !important; background: linear-gradient(180deg, rgba(255,255,255,.98) 0%, rgba(248,249,251,.98) 100%) !important; color: #111827 !important; font-size: 15px !important; font-weight: 600 !important; box-shadow: 0 8px 20px rgba(0,0,0,.04), inset 0 1px 0 rgba(255,255,255,.92) !important; } #fiche-produit .wrap-description input[type="text"]:focus,#fiche-produit .wrap-description input[type="email"]:focus,#fiche-produit .wrap-description input[type="tel"]:focus,.fiche-produit .wrap-description input[type="text"]:focus,.fiche-produit .wrap-description input[type="email"]:focus,.fiche-produit .wrap-description input[type="tel"]:focus { border-color: rgba(11,92,171,.28) !important; box-shadow: 0 0 0 3px rgba(14,165,233,.10), 0 12px 24px rgba(0,0,0,.05) !important; background: #ffffff !important; } @media (min-width:901px) { #fiche-produit .wrap-description .row,.fiche-produit .wrap-description .row { display: block !important; } #fiche-produit .wrap-description .col.s6,.fiche-produit .wrap-description .col.s6 { width: 100% !important; max-width: 100% !important; float: none !important; display: block !important; margin: 0 0 18px !important; padding: 0 !important; } #fiche-produit .wrap-description .declinaison-attribute-group,.fiche-produit .wrap-description .declinaison-attribute-group { width: 100% !important; max-width: 420px !important; } } #fiche-produit .bloc-quantite>label,.fiche-produit .bloc-quantite>label,.wrap-description .pro-panier .bloc-quantity label { display: block !important; margin: 0 0 10px !important; font-weight: 900 !important; color: #0b1220 !important; line-height: 1 !important; } #fiche-produit .block-shipping,#fiche-produit .description,.fiche-produit .block-shipping,.fiche-produit .description,.wrap-description .description,.wrap-description .block-shipping { margin: 0 0 12px !important; padding: 14px 16px !important; border-radius: 18px !important; border: 1px solid rgba(15,23,42,.08) !important; background: linear-gradient(180deg, rgba(255,255,255,.96) 0%, rgba(249,250,252,.98) 100%) !important; box-shadow: 0 10px 24px rgba(0,0,0,.04), inset 0 1px 0 rgba(255,255,255,.92) !important; } #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; 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; } #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-flex !important; align-items: center !important; justify-content: center !important; margin: 14px auto 14px !important; padding: 14px 22px !important; max-width: 700px !important; border-radius: 999px !important; border: 1px solid rgba(255,255,255,.10) !important; background: radial-gradient(140% 180% at 18% 0%, rgba(14,165,233,.16) 0%, rgba(14,165,233,0) 60%), linear-gradient(180deg,#101726 0%, #070b14 100%) !important; color: #ffffff !important; font-size: 13px !important; font-weight: 850 !important; line-height: 1.35 !important; text-align: center !important; box-shadow: 0 16px 38px rgba(0,0,0,.18), inset 0 1px 0 rgba(255,255,255,.07), 0 0 0 1px rgba(14,165,233,.06) !important; } #fiche-produit .row.ajouter-panier:not(.has-badges)::after,.fiche-produit .row.ajouter-panier:not(.has-badges)::after,#fiche-produit .row.ajouter-panier:not(.not-badges)::after,#fiche-produit .row.ajouter-panier.row.ajouter-panier:not(.not-badges)::after,.wrap-description .row.ajouter-panier:not(.not-badges)::after { content: none !important; display: none !important; } #fiche-produit p.details-ficheprod:empty, .fiche-produit p.details-ficheprod:empty { display: none !important; } #fiche-produit .wrap-description hr,#fiche-produit .wrap-description .separator,#fiche-produit .wrap-description .line,#fiche-produit .wrap-description .ligne,#fiche-produit .wrap-description [class*="sep"],#fiche-produit .wrap-description [class*="line"],.fiche-produit .wrap-description hr,.fiche-produit .wrap-description .separator,.fiche-produit .wrap-description .line,.fiche-produit .wrap-description .ligne,.fiche-produit .wrap-description [class*="sep"],.fiche-produit .wrap-description [class*="line"],.template_produit hr,.product_right_part hr,.bloc-right hr,.product_sheet hr,.product-detail hr,.produit-detail hr,.wrap-description .block-shipping + hr,.wrap-description .details-ficheprod + hr,.wrap-description hr { display: none !important; border: 0 !important; height: 0 !important; margin: 0 !important; padding: 0 !important; background: transparent !important; box-shadow: none !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; } } @media (max-width:820px) { #fiche-produit .inacio-ft,.fiche-produit .inacio-ft { z-index: 50000 !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; } } body .template_contact .row.blockf { max-width: 980px !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; } body .template_contact .title_section { margin: 0 0 14px !important; font-size: 22px !important; font-weight: 950 !important; color: #0b1220 !important; } body .template_contact label { display: block !important; margin: 0 0 6px !important; font-weight: 900 !important; color: #0b1220 !important; } body .template_contact .form-control { width: 100% !important; background: #ffffff !important; 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; } 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; } body .template_contact textarea.form-control { min-height: 220px !important; resize: vertical !important; } 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; } 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; } .livre_dor.template_livreor,.template_livreor { max-width: 1180px !important; margin: 18px auto 30px !important; padding: 18px 16px 36px !important; border-radius: 28px !important; border: 1px solid #e7ebf0 !important; background: radial-gradient(120% 180% at 18% 0%, rgba(56,189,248,.08), transparent 55%), radial-gradient(120% 180% at 82% 0%, rgba(99,102,241,.06), transparent 55%), linear-gradient(180deg,#f8fbfd 0%, #f4f7fb 100%) !important; box-shadow: 0 24px 70px rgba(0,0,0,.07) !important; } .livre_dor.template_livreor *,.template_livreor * { box-sizing: border-box; } .livre_dor.template_livreor #bloc-fil,.template_livreor #bloc-fil,.livre_dor.template_livreor #bloc-fil-titre,.template_livreor #bloc-fil-titre,.livre_dor.template_livreor .titre_page,.template_livreor .titre_page { background: transparent !important; border: 0 !important; box-shadow: none !important; } .page-livre_or .text-livre .widget.widget-code-source,.page-livre_or .text-livre .widget.widget-code-source .widget-content,.page-livre_or .text-livre .widget.widget-code-source .code-source-content,.page-livre_or .text-livre .widget.widget-code-source.widget-smal-height,.page-livre_or .text-livre .full-background,.page-livre_or .text-livre .row.row-grid,.page-livre_or .text-livre .widget-col { background: transparent !important; background-image: none !important; border: 0 !important; box-shadow: none !important; } .page-livre_or .text-livre .widget.widget-code-source.widget-smal-height { min-height: auto !important; height: auto !important; } .page-livre_or .text-livre { padding: 0 !important; margin: 0 auto !important; } .page-livre_or .text-livre .inacio-home,.page-livre_or .text-livre .inacio-wrap { background: transparent !important; } .list-messages,.livre_dor.template_livreor .list-messages,.template_livreor .list-messages { max-width: 980px !important; margin: 20px auto !important; padding: 0 !important; } .buttonLivre,.livre_dor.template_livreor .buttonLivre,.template_livreor .buttonLivre { text-align: center !important; margin: 20px 0 !important; } .buttonLivre a.addmsglo.button,.buttonLivre a.addmsglo { display: inline-flex !important; align-items: center !important; justify-content: center !important; min-height: 48px !important; padding: 12px 22px !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: 900 !important; text-decoration: none !important; box-shadow: 0 14px 28px rgba(2,132,199,.18), 0 10px 24px rgba(0,0,0,.08) !important; } .message_lo,.livre_dor.template_livreor .message_lo,.template_livreor .message_lo { width: 100% !important; max-width: 980px !important; margin: 18px auto !important; padding: 0 !important; background: transparent !important; border: 0 !important; display: flex !important; align-items: center !important; justify-content: center !important; gap: 22px !important; } .message_lo .IDLO { flex: 0 0 210px !important; width: 210px !important; min-width: 210px !important; max-width: 210px !important; display: flex !important; flex-direction: column !important; justify-content: center !important; align-items: flex-start !important; text-align: left !important; min-height: 108px !important; padding: 16px 18px !important; border-radius: 22px !important; border: 1px solid rgba(15,23,42,.07) !important; background: linear-gradient(180deg,#ffffff 0%, #f8fafc 100%) !important; box-shadow: 0 12px 28px rgba(0,0,0,.05) !important; overflow: hidden !important; } .message_lo .IDLO .infosLO { display: block !important; width: 100% !important; margin: 0 0 8px !important; font-size: 16px !important; line-height: 1.2 !important; font-weight: 900 !important; color: #0b5cab !important; white-space: nowrap !important; writing-mode: horizontal-tb !important; transform: none !important; } .message_lo .IDLO .villePaysLO { display: block !important; width: 100% !important; margin: 0 0 8px !important; font-size: 12px !important; line-height: 1.2 !important; font-weight: 900 !important; color: #0b1220 !important; text-transform: uppercase !important; letter-spacing: .05em !important; white-space: nowrap !important; writing-mode: horizontal-tb !important; transform: none !important; } .message_lo .IDLO time { display: block !important; width: 100% !important; margin: 0 !important; font-size: 13px !important; line-height: 1.35 !important; color: #6b7280 !important; font-weight: 700 !important; white-space: normal !important; writing-mode: horizontal-tb !important; transform: none !important; } .message_lo .contenuMsgLO { position: relative !important; flex: 0 1 620px !important; width: 620px !important; max-width: 620px !important; min-width: 620px !important; min-height: 108px !important; padding: 18px 24px !important; border-radius: 24px !important; border: 1px solid rgba(15,23,42,.07) !important; background: #ffffff !important; box-shadow: 0 12px 28px rgba(0,0,0,.05) !important; display: flex !important; align-items: center !important; } .message_lo .contenuMsgLO .blcfleche { position: absolute !important; left: -10px !important; top: 50% !important; transform: translateY(-50%) !important; width: 0 !important; height: 0 !important; border-top: 10px solid transparent !important; border-bottom: 10px solid transparent !important; border-right: 10px solid #ffffff !important; display: block !important; } .message_lo .contenuMsgLO .blcfleche::before,.message_lo .contenuMsgLO .blcfleche::after { content: none !important; display: none !important; } .message_lo .contenuMsgLO .message,.message_lo .message .message_content,.message_lo .message .message_content p { width: 100% !important; max-width: 100% !important; } .message_lo .contenuMsgLO .message { display: flex !important; flex-direction: column !important; justify-content: center !important; gap: 10px !important; } .message_lo .message .message_content { order: 1 !important; } .message_lo .message .message_content p { margin: 0 !important; font-size: 15px !important; line-height: 1.5 !important; color: #374151 !important; font-weight: 600 !important; } .message_lo .message .note,.message_lo .message .message_lo_note,.message_lo .message .note.message_lo_note { order: 2 !important; display: flex !important; justify-content: flex-end !important; align-items: center !important; gap: 4px !important; width: 100% !important; margin: 4px 0 0 !important; } .message_lo .message .note i,.message_lo .message .message_lo_note i,.message_lo .message .fa.fa-star,.message_lo .message i.fa-star { color: #0b5cab !important; font-size: 16px !important; line-height: 1 !important; text-shadow: none !important; } .message_lo p.web,.message_lo p.web:empty,.message_lo .web:empty,.livre_dor.template_livreor p.web:empty,.template_livreor p.web:empty { display: none !important; } .text-livre,.livre_dor.template_livreor .text-livre,.template_livreor .text-livre { max-width: 1040px !important; margin-left: auto !important; margin-right: auto !important; } .message_lo.border_p>.IDLO,.message_lo.border_p>.contenuMsgLO.sansSite { align-self: center !important; } .message_lo.border_p>.contenuMsgLO.sansSite { position: relative !important; top: 6px !important; } @media (max-width:980px) { .message_lo { max-width: 100% !important; } .message_lo .contenuMsgLO { flex: 1 1 auto !important; width: auto !important; min-width: 0 !important; max-width: none !important; } } @media (max-width:820px) { .livre_dor.template_livreor,.template_livreor { margin: 12px 10px 24px !important; padding: 14px 10px 24px !important; border-radius: 22px !important; } .message_lo { display: block !important; max-width: 100% !important; } .message_lo .IDLO { width: 100% !important; min-width: 0 !important; max-width: none !important; margin: 0 0 10px !important; min-height: auto !important; } .message_lo .contenuMsgLO { width: 100% !important; min-width: 0 !important; max-width: none !important; min-height: auto !important; } } footer,#footer,.footer,.footer_p,.footer-content,.footer_conteneur,#wrapfooter,#footercontent { background: linear-gradient(180deg,#f7fbfe 0%, #f2f7fc 100%) !important; background-image: none !important; box-shadow: none !important; } .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 { 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,.08) 0%, rgba(0,0,0,0) 55%), linear-gradient(180deg,#ffffff 0%, #f8fbfd 100%) !important; box-shadow: 0 16px 44px rgba(0,0,0,.08) !important; color: #6b7280 !important; font-size: 12px !important; font-weight: 650 !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; } #blocContent>*,body[class*="page-index"] #blocContent>*,.inacio-qtrust__inner,.inacio-ft__inner { animation: none !important; } .produit,.inacio-box,.inacio-card,.inacio-tile,#panier,#paniercontent,#panierContent,#fiche-produit .inacio-ft,.fiche-produit .inacio-ft { will-change: auto !important; } @supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) { #header::before,header.banniere_header_p::before,header.banniere.header_p::before { -webkit-backdrop-filter: none !important; backdrop-filter: none !important; background: linear-gradient(180deg, rgba(255,255,255,.96), rgba(255,255,255,.88)) !important; } .inacio-qtrust__inner,.inacio-ft__inner { -webkit-backdrop-filter: none !important; backdrop-filter: none !important; } } @media (max-width:820px) { #fiche-produit .inacio-wrap,.fiche-produit .inacio-wrap,#paniercontent,#panierContent,.widget.widget-categories-thumbnail .categories-thumbnail__item-link { box-shadow: 0 8px 22px rgba(0,0,0,.055) !important; } } @media (max-width:640px) { .widget.widget-categories-thumbnail .categories-thumbnail__item-link::before,#header::before,header.banniere_header_p::before,header.banniere.header_p::before { background-image: none !important; } } @media (hover:none) { #blocContent .produit:hover,.widget.widget-categories-thumbnail .categories-thumbnail__item-link:hover,#paniercommande a:hover,#paniercommande .button:hover,#paniercommande input[type="submit"]:hover { transform: none !important; filter: none !important; } .produit:hover img { transform: none !important; } } @media (prefers-reduced-motion: reduce) { * { animation: none !important; transition: none !important; scroll-behavior: auto !important; } } #fiche-produit .bloc-quantite,.fiche-produit .bloc-quantite,.wrap-description .pro-panier .bloc-quantity,.template_fiche_produit .bloc-quantite { display: flex !important; align-items: center !important; justify-content: center !important; gap: 14px !important; flex-wrap: wrap !important; margin: 18px 0 22px !important; } #fiche-produit .bloc-bt-quantity,.fiche-produit .bloc-bt-quantity,.wrap-description .pro-panier .bloc-bt-quantity,.template_fiche_produit .bloc-bt-quantity { display: inline-flex !important; align-items: center !important; justify-content: center !important; gap: 10px !important; margin: 0 !important; padding: 0 !important; } #fiche-produit .less-quantity.bt-quantity,#fiche-produit .add-quantity.bt-quantity,.fiche-produit .less-quantity.bt-quantity,.fiche-produit .add-quantity.bt-quantity,.wrap-description .less-quantity.bt-quantity,.wrap-description .add-quantity.bt-quantity,.template_fiche_produit .less-quantity.bt-quantity,.template_fiche_produit .add-quantity.bt-quantity { position: relative !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; width: 44px !important; min-width: 44px !important; max-width: 44px !important; height: 44px !important; min-height: 44px !important; max-height: 44px !important; margin: 0 !important; padding: 0 !important; border-radius: 14px !important; border: 1px solid rgba(15,23,42,.08) !important; background: linear-gradient(180deg,#ffffff 0%, #f7f8fa 100%) !important; box-shadow: 0 6px 16px rgba(0,0,0,.04), inset 0 1px 0 rgba(255,255,255,.92) !important; color: #111827 !important; line-height: 1 !important; cursor: pointer !important; overflow: hidden !important; transform: none !important; } #fiche-produit .less-quantity.bt-quantity::before,.fiche-produit .less-quantity.bt-quantity::before,.wrap-description .less-quantity.bt-quantity::before,.template_fiche_produit .less-quantity.bt-quantity::before { content: "−" !important; display: block !important; font-size: 24px !important; font-weight: 500 !important; line-height: 1 !important; color: #111827 !important; transform: translateY(-1px) !important; } #fiche-produit .add-quantity.bt-quantity::before,.fiche-produit .add-quantity.bt-quantity::before,.wrap-description .add-quantity.bt-quantity::before,.template_fiche_produit .add-quantity.bt-quantity::before { content: "+" !important; display: block !important; font-size: 24px !important; font-weight: 500 !important; line-height: 1 !important; color: #111827 !important; transform: translateY(-1px) !important; } #fiche-produit input.quantite.input_quantity,.fiche-produit input.quantite.input_quantity,.wrap-description input.quantite.input_quantity,.template_fiche_produit input.quantite.input_quantity { display: inline-flex !important; align-items: center !important; justify-content: center !important; width: 86px !important; min-width: 86px !important; max-width: 86px !important; height: 48px !important; margin: 0 !important; padding: 0 !important; text-align: center !important; line-height: 48px !important; font-size: 20px !important; font-weight: 850 !important; border-radius: 18px !important; border: 1px solid rgba(15,23,42,.10) !important; background: linear-gradient(180deg,#ffffff 0%, #f8f9fb 100%) !important; box-shadow: 0 8px 20px rgba(0,0,0,.04), inset 0 1px 0 rgba(255,255,255,.94) !important; } #fiche-produit .less-quantity.bt-quantity *,#fiche-produit .add-quantity.bt-quantity *,.fiche-produit .less-quantity.bt-quantity *,.fiche-produit .add-quantity.bt-quantity *,.wrap-description .less-quantity.bt-quantity *,.wrap-description .add-quantity.bt-quantity * { display: none !important; } @media (max-width:820px) { .message_lo,.livre_dor.template_livreor .message_lo,.template_livreor .message_lo { display: flex !important; flex-direction: column !important; align-items: stretch !important; justify-content: flex-start !important; gap: 10px !important; width: 100% !important; max-width: 100% !important; margin: 16px auto !important; padding: 0 !important; overflow: visible !important; } .message_lo .IDLO,.livre_dor.template_livreor .message_lo .IDLO,.template_livreor .message_lo .IDLO { flex: 1 1 auto !important; width: 100% !important; min-width: 0 !important; max-width: 100% !important; margin: 0 !important; padding: 16px 18px !important; text-align: left !important; } .message_lo .contenuMsgLO,.livre_dor.template_livreor .message_lo .contenuMsgLO,.template_livreor .message_lo .contenuMsgLO { flex: 1 1 auto !important; width: 100% !important; min-width: 0 !important; max-width: 100% !important; margin: 0 !important; padding: 18px 20px !important; border-radius: 22px !important; transform: none !important; left: auto !important; right: auto !important; top: auto !important; } .message_lo.border_p>.contenuMsgLO.sansSite { top: auto !important; } .message_lo .contenuMsgLO .blcfleche { display: none !important; } .message_lo .message,.message_lo .message .message_content,.message_lo .message .message_content p { width: 100% !important; max-width: 100% !important; min-width: 0 !important; white-space: normal !important; word-break: normal !important; overflow-wrap: break-word !important; text-align: left !important; } .message_lo .message .message_content p { font-size: 15px !important; line-height: 1.5 !important; } .message_lo .message .note,.message_lo .message .message_lo_note { justify-content: flex-start !important; flex-wrap: wrap !important; } } header ul ul,header .dropdown-menu,header [class*="dropdown"],header [class*="submenu"] { min-width: 235px !important; } header ul ul li,header ul ul li a,header .dropdown-menu li,header .dropdown-menu li a,header [class*="dropdown"] li,header [class*="dropdown"] li a,header [class*="submenu"] li,header [class*="submenu"] li a { position: relative !important; box-sizing: border-box !important; } header ul ul li a,header .dropdown-menu li a,header [class*="dropdown"] li a,header [class*="submenu"] li a { padding-right: 46px !important; } header ul ul li a::after,header ul ul li a::before,header .dropdown-menu li a::after,header .dropdown-menu li a::before,header [class*="dropdown"] li a::after,header [class*="dropdown"] li a::before,header [class*="submenu"] li a::after,header [class*="submenu"] li a::before { margin-left: 14px !important; } header ul ul li a i,header ul ul li a svg,header ul ul li a .fa,header ul ul li a .caret,header ul ul li a .arrow,header .dropdown-menu li a i,header .dropdown-menu li a svg,header .dropdown-menu li a .fa,header .dropdown-menu li a .caret,header .dropdown-menu li a .arrow { position: absolute !important; right: 18px !important; top: 50% !important; transform: translateY(-50%) !important; margin-left: 0 !important; } @media only screen and (min-width: 901px) and (max-width: 1080px) { header .logo { width: 67px; top: 29px; height: auto; box-shadow: none; left: 251.39%; bottom: auto; right: auto; } header .logo img { height: auto; } #nav-principal.nav_ouverte li.navigation_button_p.hasDropdown { display: flex !important; align-items: center !important; justify-content: center !important; flex-wrap: wrap !important; width: 100% !important; position: relative !important; overflow: visible !important; box-sizing: border-box !important; } #nav-principal.nav_ouverte li.navigation_button_p.hasDropdown>a.navigation_link_p { display: inline-flex !important; align-items: center !important; justify-content: center !important; width: auto !important; max-width: calc(100% - 70px) !important; padding-right: 8px !important; white-space: normal !important; text-align: center !important; box-sizing: border-box !important; } #nav-principal.nav_ouverte li.navigation_button_p.hasDropdown>span.dropDown.navigation_link_p { position: static !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; width: 34px !important; height: 34px !important; min-width: 34px !important; min-height: 34px !important; margin-left: 10px !important; padding: 0 !important; right: auto !important; left: auto !important; top: auto !important; transform: none !important; border-radius: 999px !important; box-sizing: border-box !important; } #nav-principal.nav_ouverte li.navigation_button_p.hasDropdown>ul.menu__dropdown { flex-basis: 100% !important; width: 100% !important; max-width: 100% !important; position: static !important; left: auto !important; right: auto !important; top: auto !important; bottom: auto !important; transform: none !important; margin: 8px 0 12px 0 !important; padding: 8px 0 !important; box-sizing: border-box !important; overflow: visible !important; box-shadow: none !important; } #nav-principal.nav_ouverte li.navigation_button_p.hasDropdown>ul.menu__dropdown.dropDown--close { display: none !important; } #nav-principal.nav_ouverte li.navigation_button_p.hasDropdown>ul.menu__dropdown.dropDown--open { display: block !important; } #nav-principal.nav_ouverte ul.menu__dropdown li.navigation_button_p { width: 100% !important; text-align: center !important; box-sizing: border-box !important; } #nav-principal.nav_ouverte ul.menu__dropdown li.navigation_button_p>a.navigation_link_p { display: block !important; width: 100% !important; padding: 8px 18px !important; font-size: 16px !important; line-height: 1.35 !important; text-align: center !important; box-sizing: border-box !important; } } html { -webkit-text-size-adjust: 100% !important; } button,input[type="submit"],input[type="button"],select,a.addbasket,a.button { touch-action: manipulation; } @media (hover:hover) and (pointer:fine) { #blocContent .produit:hover img,#blocContent .vignette_produit:hover img { transform: scale(1.02) !important; } } @media (max-width:768px) { body { font-size: 16px !important; line-height: 1.55 !important; } .banner__item,.banner__item * { font-size: 12px !important; line-height: 1.35 !important; } .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: 8px 6px 20px !important; padding: 15px 10px 30px !important; border-radius: 16px !important; } #blocContent input[type="text"],#blocContent input[type="email"],#blocContent input[type="tel"],#blocContent input[type="password"],#blocContent input[type="number"],#blocContent input[type="search"],#blocContent select,#blocContent textarea { font-size: 16px !important; } } body.inacio-cookies-visible button.inacio-chat-launcher { opacity: 0 !important; visibility: hidden !important; pointer-events: none !important; transform: translateY(15px) !important; } button.inacio-chat-launcher { transition: opacity 0.25s ease, visibility 0.25s ease, transform 0.25s ease !important; } @media (max-width: 600px) { .inacio-chat-label { display: none !important; } button.inacio-chat-launcher { right: 13px !important; bottom: 13px !important; gap: 0 !important; } .inacio-chat-icon-wrap { width: 52px !important; height: 52px !important; min-width: 52px !important; } } @media (max-width:900px) { header .header-conteneur,header.banniere_header_p .header-conteneur,header.banniere.header_p .header-conteneur { position: relative !important; min-height: 72px !important; } header #headercontent,header.banniere_header_p #headercontent,header.banniere.header_p #headercontent { display: block !important; position: absolute !important; left: 50% !important; top: 50% !important; right: auto !important; bottom: auto !important; width: auto !important; min-width: 0 !important; max-width: none !important; height: auto !important; margin: 0 !important; padding: 0 !important; transform: translate(-50%, -50%) !important; overflow: visible !important; z-index: 100 !important; } header #headercontent .container-slogan { display: none !important; } header .logo,header #logo,header #headercontent .logo { display: block !important; position: static !important; width: auto !important; height: auto !important; margin: 0 !important; padding: 0 !important; transform: none !important; } header .logo img,header #logo img,header #headercontent .logo img,header #headercontent img { display: block !important; width: 145px !important; max-width: 38vw !important; height: auto !important; max-height: 54px !important; margin: 0 auto !important; object-fit: contain !important; } #panier { position: absolute !important; right: 18px !important; left: auto !important; bottom: auto !important; width: 46px !important; min-width: 46px !important; max-width: 46px !important; height: 46px !important; min-height: 46px !important; max-height: 46px !important; margin: 0 !important; z-index: 500 !important; } } @media (max-width:900px) { #panier { top: calc(50% + 25px) !important; transform: translateY(-50%) !important; } } @media (min-width:1200px) { header,#header,header.banniere_header_p,header.banniere.header_p { position: sticky !important; top: 0 !important; z-index: 50000 !important; } body.inacio-desktop-compact header,body.inacio-desktop-compact #header,body.inacio-desktop-compact header.banniere_header_p,body.inacio-desktop-compact header.banniere.header_p { min-height: 72px !important; height: 72px !important; display: flex !important; align-items: center !important; justify-content: center !important; padding: 0 !important; margin: 0 !important; background: linear-gradient( 180deg, rgba(255,255,255,.98), rgba(248,251,255,.96) ) !important; border-bottom: 1px solid rgba(15,23,42,.10) !important; box-shadow: 0 8px 26px rgba(15,23,42,.08) !important; overflow: visible !important; } body.inacio-desktop-compact header .header-conteneur { position: absolute !important; left: 18px !important; top: 50% !important; right: auto !important; width: 170px !important; min-width: 170px !important; max-width: 170px !important; height: auto !important; min-height: 0 !important; margin: 0 !important; padding: 0 !important; transform: translateY(-50%) !important; z-index: 20 !important; } body.inacio-desktop-compact header #headercontent { position: static !important; width: 170px !important; min-width: 170px !important; max-width: 170px !important; height: auto !important; margin: 0 !important; padding: 0 !important; transform: none !important; } body.inacio-desktop-compact header #headercontent .container-slogan { display: none !important; } body.inacio-desktop-compact header .logo,body.inacio-desktop-compact header #logo,body.inacio-desktop-compact header #headercontent .logo { width: 165px !important; max-width: 165px !important; margin: 0 !important; padding: 0 !important; transform: none !important; } body.inacio-desktop-compact header .logo img,body.inacio-desktop-compact header #logo img,body.inacio-desktop-compact header #headercontent img { display: block !important; width: 165px !important; max-width: 165px !important; height: auto !important; max-height: 56px !important; object-fit: contain !important; margin: 0 !important; } body.inacio-desktop-compact header>.menu.navigation_p,body.inacio-desktop-compact header.banniere_header_p>.menu.navigation_p,body.inacio-desktop-compact header.banniere.header_p>.menu.navigation_p { position: relative !important; width: 100% !important; max-width: none !important; margin: 0 !important; padding-left: 190px !important; padding-right: 82px !important; display: flex !important; align-items: center !important; justify-content: center !important; transform: none !important; box-sizing: border-box !important; z-index: 10 !important; } body.inacio-desktop-compact header nav#nav-principal { width: 100% !important; max-width: none !important; margin: 0 !important; padding: 0 !important; display: flex !important; align-items: center !important; justify-content: center !important; transform: none !important; } body.inacio-desktop-compact header #nav-principal>ul { width: max-content !important; max-width: 100% !important; margin: 0 auto !important; padding: 0 !important; display: flex !important; flex-direction: row !important; flex-wrap: nowrap !important; align-items: center !important; justify-content: center !important; gap: 6px !important; white-space: nowrap !important; } body.inacio-desktop-compact header #nav-principal>ul>li>a.navigation_link_p { min-height: 34px !important; padding: 6px 8px !important; font-size: 10.5px !important; line-height: 1 !important; } body.inacio-desktop-compact #panier { position: absolute !important; right: 18px !important; left: auto !important; top: 50% !important; bottom: auto !important; width: 40px !important; min-width: 40px !important; max-width: 40px !important; height: 40px !important; min-height: 40px !important; max-height: 40px !important; margin: 0 !important; transform: translateY(-50%) !important; z-index: 30 !important; } } .text-remise { background-color: #4d6b00 !important; color: #ffffff !important; } #tarteaucitronAllDenied2 { background-color: #0056b3 !important; color: #ffffff !important; border-color: #0056b3 !important; } #tarteaucitronPersonalize2 { background-color: #0056b3 !important; color: #ffffff !important; border-color: #0056b3 !important; } header .slogan { font-family: Arial, Helvetica, sans-serif !important; } @media (max-width: 900px) { header, #header, header.banniere_header_p, header.banniere.header_p, .header-conteneur { position: relative !important; z-index: 60000 !important; } .menu, #nav-principal, #nav-principal.nav_ouverte { z-index: 60010 !important; } #nav-principal.nav_ouverte > ul, #nav-principal.nav_ouverte ul.menu__dropdown { position: relative !important; z-index: 60020 !important; } #panier { z-index: 60030 !important; } #paniercontent, #panierContent { z-index: 60040 !important; } } .slogan_p, h1.slogan_p, h2.slogan_p, h3.slogan_p, h4.slogan_p, h5.slogan_p, h6.slogan_p, .slogan h1, .slogan h2, .slogan h3, .slogan h4, .slogan h5, .slogan h6 { font-family: Arial, Helvetica, sans-serif !important; } /* ========================================================= INACIO — COOKIES / TARTEAUCITRON — SAFE ========================================================= */ @media (max-width: 768px) { html body #tarteaucitronRoot #tarteaucitronAlertBig { box-sizing: border-box !important; padding: 6px 0 !important; font-family: Arial, Helvetica, sans-serif !important; box-shadow: 0 -6px 18px rgba(0,0,0,.12) !important; } html body #tarteaucitronRoot #tarteaucitronAlertBig #tarteaucitronDisclaimerAlert { display: block !important; width: auto !important; margin: 0 auto 5px !important; padding: 0 8px !important; font-family: Arial, Helvetica, sans-serif !important; font-size: 14px !important; line-height: 1.25 !important; text-align: center !important; } html body #tarteaucitronRoot #tarteaucitronAlertBig #tarteaucitronDisclaimerAlert strong, html body #tarteaucitronRoot #tarteaucitronAlertBig #tarteaucitronDisclaimerAlert a { font-family: Arial, Helvetica, sans-serif !important; font-size: inherit !important; line-height: inherit !important; } html body #tarteaucitronRoot #tarteaucitronAlertBig .tarteaucitronAlertBigBtnWrapper { display: flex !important; align-items: stretch !important; justify-content: center !important; flex-wrap: wrap !important; gap: 5px !important; width: 100% !important; margin: 4px auto 0 !important; padding: 0 6px !important; box-sizing: border-box !important; } html body #tarteaucitronRoot #tarteaucitronAlertBig #tarteaucitronCloseAlert, html body #tarteaucitronRoot #tarteaucitronAlertBig #tarteaucitronPersonalize, html body #tarteaucitronRoot #tarteaucitronAlertBig #tarteaucitronPersonalize2, html body #tarteaucitronRoot #tarteaucitronAlertBig #tarteaucitronAllDenied, html body #tarteaucitronRoot #tarteaucitronAlertBig #tarteaucitronAllDenied2, html body #tarteaucitronRoot #tarteaucitronAlertBig .tarteaucitronCTAButton { flex: 0 1 auto !important; width: auto !important; min-width: 0 !important; min-height: 44px !important; height: auto !important; margin: 0 !important; padding: 9px 10px !important; border-radius: 8px !important; font-family: Arial, Helvetica, sans-serif !important; font-size: 13px !important; line-height: 1.15 !important; white-space: nowrap !important; } html body #tarteaucitronRoot #tarteaucitronAlertBig #tarteaucitronPrivacyUrl, html body #tarteaucitronRoot #tarteaucitronAlertBig #tarteaucitronPrivacyUrlDialog { font-family: Arial, Helvetica, sans-serif !important; font-size: 12px !important; line-height: 1.2 !important; } } /* ========================================================= INACIO — FICHE PRODUIT — EN-TÊTE ========================================================= */ body.page-fiche_produit #bloc-fil-title { width: 100% !important; max-width: 1220px !important; margin: 18px auto 0 !important; padding: 0 16px !important; box-sizing: border-box !important; background: transparent !important; text-align: center !important; overflow: visible !important; } body.page-fiche_produit #bloc-fil-title .nav-static-breadcrumb { width: fit-content !important; max-width: 100% !important; margin: 0 auto 15px !important; padding: 7px 13px !important; box-sizing: border-box !important; border: 1px solid rgba(15,23,42,.065) !important; border-radius: 16px !important; background: linear-gradient( 180deg, rgba(255,255,255,.88), rgba(248,251,254,.76) ) !important; box-shadow: 0 7px 20px rgba(15,23,42,.035), inset 0 1px 0 rgba(255,255,255,.95) !important; overflow: visible !important; } body.page-fiche_produit #bloc-fil-title .nav-static-breadcrumb li { line-height: 1.35 !important; } body.page-fiche_produit #bloc-fil-title .nav-static-breadcrumb li a { color: #526071 !important; font-size: 12px !important; font-weight: 750 !important; letter-spacing: .01em !important; text-transform: none !important; text-decoration: none !important; } body.page-fiche_produit #bloc-fil-title .nav-static-breadcrumb li a.actif { color: #0b5cab !important; font-weight: 850 !important; } body.page-fiche_produit #bloc-fil-title > h1.title.section_border_p.border_titre_p { position: relative !important; display: block !important; float: none !important; width: 100% !important; max-width: 1050px !important; margin: 0 auto !important; padding: 0 14px 16px !important; box-sizing: border-box !important; color: #0b1220 !important; font-family: Georgia, "Times New Roman", serif !important; font-size: clamp(30px, 2.55vw, 42px) !important; line-height: 1.16 !important; font-weight: 400 !important; letter-spacing: -.015em !important; text-align: center !important; text-transform: none !important; white-space: normal !important; word-break: normal !important; overflow-wrap: break-word !important; text-indent: 0 !important; left: auto !important; right: auto !important; transform: none !important; overflow: visible !important; } body.page-fiche_produit #bloc-fil-title > h1.title.section_border_p.border_titre_p::after { content: "" !important; display: block !important; width: 72px !important; height: 3px !important; margin: 14px auto 0 !important; border-radius: 999px !important; background: linear-gradient( 90deg, rgba(14,165,233,0), rgba(14,165,233,.62), rgba(99,102,241,.36), rgba(14,165,233,0) ) !important; } body.page-fiche_produit #fiche-produit .top_fiche { margin-top: 18px !important; } /* ========================================================= INACIO — HEADER / LOGO / MENU MOBILE FINAL ========================================================= */ @media (max-width: 900px) { header #headercontent, header.banniere_header_p #headercontent, header.banniere.header_p #headercontent { z-index: 60025 !important; } } @media (max-width: 900px) { header .menu.navigation_p > #nav-principal:not(.nav_ouverte) > ul:not(.dropDown--open), #nav-principal.nav_fermee > ul.dropDown--close { display: none !important; visibility: hidden !important; opacity: 0 !important; pointer-events: none !important; } #nav-principal.nav_ouverte { background: transparent !important; border: 0 !important; box-shadow: none !important; } header .menu.navigation_p > #nav-principal.nav_ouverte { display: block !important; position: relative !important; width: 100% !important; min-width: 100% !important; max-width: 100% !important; margin: 0 !important; padding: 0 !important; left: 0 !important; right: auto !important; transform: none !important; box-sizing: border-box !important; } header .menu.navigation_p > #nav-principal > ul.dropDown--open, header .menu.navigation_p > #nav-principal.nav_ouverte > ul { display: block !important; position: relative !important; width: calc(100% - 24px) !important; min-width: 0 !important; max-width: calc(100% - 24px) !important; height: auto !important; min-height: 0 !important; margin: 10px 12px 18px 12px !important; padding: 12px !important; gap: 0 !important; row-gap: 0 !important; left: auto !important; right: auto !important; transform: none !important; box-sizing: border-box !important; background: radial-gradient( 120% 160% at 20% 0%, rgba(56,189,248,.08) 0%, rgba(255,255,255,0) 55% ), linear-gradient( 180deg, rgba(255,255,255,.98) 0%, rgba(248,251,255,.98) 100% ) !important; border: 1px solid rgba(15,23,42,.09) !important; border-radius: 24px !important; box-shadow: 0 24px 60px rgba(15,23,42,.14), inset 0 1px 0 rgba(255,255,255,.95) !important; overflow-x: hidden !important; overflow-y: auto !important; max-height: calc(100vh - 105px) !important; max-height: calc(100dvh - 105px) !important; -webkit-overflow-scrolling: touch !important; } header .menu.navigation_p > #nav-principal > ul.dropDown--open::before, #nav-principal.nav_ouverte > ul::before { content: "MENU"; display: block !important; margin: 2px 6px 10px !important; padding: 0 4px 9px !important; border-bottom: 1px solid rgba(15,23,42,.07) !important; color: #64748b !important; font-size: 11px !important; line-height: 1 !important; font-weight: 900 !important; letter-spacing: .16em !important; text-transform: uppercase !important; text-align: left !important; } header .menu.navigation_p > #nav-principal > ul.dropDown--open > li.navigation_button_p, #nav-principal.nav_ouverte > ul > li.navigation_button_p { display: block !important; position: relative !important; width: 100% !important; min-height: 50px !important; height: auto !important; margin: 6px 0 !important; padding: 0 !important; float: none !important; box-sizing: border-box !important; } header .menu.navigation_p > #nav-principal > ul.dropDown--open > li.navigation_button_p:not(.hasDropdown) > a.navigation_link_p, #nav-principal.nav_ouverte > ul > li.navigation_button_p:not(.hasDropdown) > a.navigation_link_p { display: flex !important; align-items: center !important; justify-content: flex-start !important; width: 100% !important; min-height: 50px !important; margin: 0 !important; padding: 11px 16px !important; box-sizing: border-box !important; border-radius: 16px !important; background: linear-gradient( 180deg, rgba(255,255,255,.90), rgba(248,250,252,.82) ) !important; border: 1px solid rgba(15,23,42,.075) !important; box-shadow: 0 7px 18px rgba(15,23,42,.045), inset 0 1px 0 rgba(255,255,255,.95) !important; color: #0b5cab !important; font-size: 15px !important; line-height: 1.25 !important; font-weight: 800 !important; letter-spacing: .015em !important; text-align: left !important; white-space: normal !important; } header .menu.navigation_p > #nav-principal > ul.dropDown--open > li.navigation_button_p.hasDropdown, #nav-principal.nav_ouverte > ul > li.navigation_button_p.hasDropdown { display: grid !important; grid-template-columns: minmax(0,1fr) 48px !important; grid-template-rows: auto auto !important; align-items: center !important; width: 100% !important; min-height: 50px !important; margin: 6px 0 !important; padding: 0 !important; background: linear-gradient( 180deg, rgba(255,255,255,.90), rgba(248,250,252,.82) ) !important; border: 1px solid rgba(15,23,42,.075) !important; border-radius: 16px !important; box-shadow: 0 7px 18px rgba(15,23,42,.045), inset 0 1px 0 rgba(255,255,255,.95) !important; overflow: hidden !important; } header .menu.navigation_p > #nav-principal > ul.dropDown--open > li.navigation_button_p.hasDropdown > a.navigation_link_p, #nav-principal.nav_ouverte > ul > li.navigation_button_p.hasDropdown > a.navigation_link_p { grid-column: 1 !important; grid-row: 1 !important; display: flex !important; align-items: center !important; justify-content: flex-start !important; width: 100% !important; min-height: 50px !important; margin: 0 !important; padding: 11px 8px 11px 16px !important; background: transparent !important; border: 0 !important; box-shadow: none !important; color: #0b5cab !important; font-size: 15px !important; line-height: 1.22 !important; font-weight: 800 !important; letter-spacing: .015em !important; text-align: left !important; white-space: normal !important; } header .menu.navigation_p > #nav-principal > ul.dropDown--open > li.navigation_button_p.hasDropdown > span.dropDown.navigation_link_p, #nav-principal.nav_ouverte > ul > li.navigation_button_p.hasDropdown > span.dropDown.navigation_link_p { grid-column: 2 !important; grid-row: 1 !important; position: static !important; display: flex !important; align-items: center !important; justify-content: center !important; width: 36px !important; min-width: 36px !important; max-width: 36px !important; height: 36px !important; min-height: 36px !important; max-height: 36px !important; margin: 7px 7px 7px 5px !important; padding: 0 !important; border-radius: 12px !important; background: rgba(11,92,171,.065) !important; border: 1px solid rgba(11,92,171,.10) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.9) !important; color: #0b5cab !important; transform: none !important; } #nav-principal.nav_ouverte > ul > li.navigation_button_p.hasDropdown > span.dropDown.navigation_link_p::before, #nav-principal.nav_ouverte > ul > li.navigation_button_p.hasDropdown > span.dropDown.navigation_link_p::after { color: #0b5cab !important; } #nav-principal.nav_ouverte > ul > li.navigation_button_p.hasDropdown > ul.menu__dropdown { grid-column: 1 / -1 !important; grid-row: 2 !important; position: static !important; left: auto !important; right: auto !important; top: auto !important; bottom: auto !important; width: auto !important; max-width: none !important; margin: 2px 8px 9px !important; padding: 6px !important; box-sizing: border-box !important; background: rgba(244,248,252,.90) !important; border: 1px solid rgba(15,23,42,.065) !important; border-radius: 14px !important; box-shadow: none !important; overflow: hidden !important; } #nav-principal.nav_ouverte li.navigation_button_p.hasDropdown > ul.menu__dropdown.dropDown--close { display: none !important; } #nav-principal.nav_ouverte li.navigation_button_p.hasDropdown > ul.menu__dropdown.dropDown--open { display: block !important; } #nav-principal.nav_ouverte ul.menu__dropdown li.navigation_button_p { width: 100% !important; min-height: 40px !important; height: auto !important; margin: 2px 0 !important; padding: 0 !important; background: transparent !important; border: 0 !important; box-shadow: none !important; } #nav-principal.nav_ouverte ul.menu__dropdown li.navigation_button_p > a { display: flex !important; align-items: center !important; justify-content: flex-start !important; width: 100% !important; min-height: 40px !important; margin: 0 !important; padding: 8px 12px !important; border-radius: 10px !important; background: transparent !important; border: 0 !important; box-shadow: none !important; color: #334155 !important; font-size: 14px !important; line-height: 1.3 !important; font-weight: 700 !important; text-align: left !important; white-space: normal !important; } #nav-principal.nav_ouverte ul.menu__dropdown li.navigation_button_p > a:hover { background: rgba(11,92,171,.06) !important; color: #0b5cab !important; text-decoration: none !important; } header .menu.navigation_p > #nav-principal > ul.dropDown--open > li.has_picto.b-search, #nav-principal.nav_ouverte > ul > li.has_picto.b-search { margin-top: 12px !important; padding-top: 10px !important; border-top: 1px solid rgba(15,23,42,.08) !important; } .menu #nav-principal.nav_ouverte .menu_burger { position: absolute !important; display: flex !important; align-items: center !important; justify-content: center !important; width: 42px !important; min-width: 42px !important; max-width: 42px !important; height: 42px !important; min-height: 42px !important; max-height: 42px !important; top: 7px !important; left: 8px !important; right: auto !important; bottom: auto !important; margin: 0 !important; padding: 0 !important; z-index: 20 !important; font-size: 0 !important; line-height: 0 !important; color: transparent !important; background: rgba(255,255,255,.96) !important; border: 1px solid rgba(15,23,42,.10) !important; border-radius: 14px !important; box-shadow: 0 10px 26px rgba(15,23,42,.11), inset 0 1px 0 rgba(255,255,255,.95) !important; } .menu #nav-principal.nav_ouverte .menu_burger > * { opacity: 0 !important; pointer-events: none !important; } .menu #nav-principal.nav_ouverte .menu_burger::before, .menu #nav-principal.nav_ouverte .menu_burger::after { content: "" !important; position: absolute !important; left: 50% !important; top: 50% !important; width: 23px !important; height: 3px !important; margin: 0 !important; background: #0b5cab !important; border: 0 !important; border-radius: 999px !important; transform-origin: center center !important; pointer-events: none !important; } .menu #nav-principal.nav_ouverte .menu_burger::before { transform: translate(-50%, -50%) rotate(45deg) !important; } .menu #nav-principal.nav_ouverte .menu_burger::after { transform: translate(-50%, -50%) rotate(-45deg) !important; } } /* ========================================================= INACIO — CONTACT ========================================================= */ #file { display: block !important; width: 100% !important; min-height: 58px !important; box-sizing: border-box !important; padding: 7px !important; background: #ffffff !important; color: #475569 !important; border: 1px dashed rgba(2, 132, 199, .30) !important; border-radius: 16px !important; box-shadow: 0 10px 24px rgba(15, 23, 42, .055) !important; font-family: system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif !important; font-size: 13px !important; font-weight: 600 !important; } #file::file-selector-button { -webkit-appearance: none !important; appearance: none !important; min-height: 42px !important; margin: 0 12px 0 0 !important; padding: 10px 17px !important; border: 0 !important; border-radius: 11px !important; background: linear-gradient( 180deg, #0ea5e9 0%, #0284c7 100% ) !important; color: #ffffff !important; font-family: system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif !important; font-size: 13px !important; font-weight: 800 !important; box-shadow: 0 7px 16px rgba(2, 132, 199, .22) !important; cursor: pointer !important; } #file::-webkit-file-upload-button { -webkit-appearance: none !important; min-height: 42px !important; margin: 0 12px 0 0 !important; padding: 10px 17px !important; border: 0 !important; border-radius: 11px !important; background: #0284c7 !important; color: #ffffff !important; font-size: 13px !important; font-weight: 800 !important; cursor: pointer !important; } @media (max-width: 700px) { #file { min-height: 54px !important; padding: 6px !important; font-size: 12px !important; } #file::file-selector-button, #file::-webkit-file-upload-button { min-height: 40px !important; padding: 9px 12px !important; font-size: 12px !important; } } /* ========================================================= INACIO — LIVRE D’OR NATIF CMONSITE / AVIS CLIENT ========================================================= */ body.page-livre_or .contenu-editable-livreor-header { width: calc(100% - 28px) !important; max-width: 980px !important; margin: 8px auto 0 !important; padding: 0 !important; } body.page-livre_or .contenu-editable-livreor-header .widget-grid { width: 100% !important; max-width: 980px !important; margin: 0 auto !important; } body.page-livre_or .contenu-editable-livreor-header section, body.page-livre_or .contenu-editable-livreor-header .inacio-home { min-height: 0 !important; margin-top: 0 !important; margin-bottom: 0 !important; } body.page-livre_or .contenu-editable-livreor-header .inacio-wrap { min-height: 0 !important; margin: -28px auto 0 !important; padding-top: 6px !important; padding-right: 16px !important; padding-bottom: 20px !important; padding-left: 16px !important; } body.page-livre_or .contenu-editable-livreor-header h1 { margin-top: 0 !important; margin-bottom: 18px !important; font-size: clamp(42px, 4vw, 54px) !important; line-height: 1.05 !important; letter-spacing: -.035em !important; } body.page-livre_or .contenu-editable-livreor-header p { max-width: 880px !important; margin-top: 0 !important; margin-bottom: 0 !important; color: #556274 !important; font-size: 14px !important; line-height: 1.5 !important; } body.page-livre_or .contenu-editable-livreor-header p + p { margin-top: 4px !important; } body.page-livre_or .buttonLivre { margin: 14px 0 !important; text-align: center !important; } body.page-livre_or .buttonLivre a.addmsglo, body.page-livre_or .buttonLivre a.addmsglo.button { display: inline-flex !important; align-items: center !important; justify-content: center !important; min-height: 48px !important; padding: 12px 24px !important; border: 1px solid rgba(2, 132, 199, .30) !important; border-radius: 999px !important; background: linear-gradient( 180deg, #0ea5e9 0%, #0284c7 100% ) !important; color: #ffffff !important; font-size: 14px !important; font-weight: 900 !important; letter-spacing: .03em !important; text-decoration: none !important; box-shadow: 0 12px 28px rgba(2, 132, 199, .20), 0 8px 20px rgba(15, 23, 42, .06) !important; } body.page-livre_or .list-messages ~ .buttonLivre { display: none !important; } body.page-livre_or .list-messages { width: 100% !important; max-width: 900px !important; margin: 10px auto 22px !important; padding: 0 !important; } body.page-livre_or .message_lo { display: grid !important; grid-template-columns: 190px minmax(0, 1fr) !important; align-items: stretch !important; gap: 0 !important; width: 100% !important; max-width: 900px !important; margin: 14px auto !important; padding: 0 !important; background: linear-gradient( 135deg, rgba(255, 255, 255, .99) 0%, rgba(248, 251, 255, .98) 100% ) !important; border: 1px solid rgba(15, 23, 42, .08) !important; border-radius: 22px !important; box-shadow: 0 16px 38px rgba(15, 23, 42, .075), inset 0 1px 0 rgba(255, 255, 255, .95) !important; overflow: hidden !important; } body.page-livre_or .message_lo .IDLO { display: flex !important; flex-direction: column !important; align-items: flex-start !important; justify-content: center !important; width: auto !important; min-width: 0 !important; max-width: none !important; min-height: 0 !important; margin: 0 !important; padding: 20px !important; background: linear-gradient( 180deg, rgba(244, 249, 255, .95) 0%, rgba(248, 250, 252, .95) 100% ) !important; border: 0 !important; border-right: 1px solid rgba(15, 23, 42, .07) !important; border-radius: 0 !important; box-shadow: none !important; } body.page-livre_or .message_lo .IDLO .infosLO { margin: 0 0 7px !important; color: #0b5cab !important; font-size: 16px !important; line-height: 1.2 !important; font-weight: 900 !important; } body.page-livre_or .message_lo .IDLO .villePaysLO { margin: 0 0 7px !important; color: #334155 !important; font-size: 11px !important; line-height: 1.2 !important; font-weight: 800 !important; letter-spacing: .08em !important; text-transform: uppercase !important; } body.page-livre_or .message_lo .IDLO time { margin: 0 !important; color: #64748b !important; font-size: 12px !important; line-height: 1.35 !important; font-weight: 600 !important; } body.page-livre_or .message_lo .contenuMsgLO { display: flex !important; align-items: center !important; flex: 1 1 auto !important; width: 100% !important; min-width: 0 !important; max-width: none !important; min-height: 0 !important; margin: 0 !important; padding: 20px 24px !important; box-sizing: border-box !important; background: transparent !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; } body.page-livre_or .list-messages .message_lo .contenuMsgLO .blcFleche, body.page-livre_or .list-messages .message_lo .contenuMsgLO .blcFleche::before, body.page-livre_or .list-messages .message_lo .contenuMsgLO .blcFleche::after { display: none !important; visibility: hidden !important; opacity: 0 !important; width: 0 !important; height: 0 !important; margin: 0 !important; padding: 0 !important; border: 0 !important; position: absolute !important; pointer-events: none !important; content: none !important; } body.page-livre_or .message_lo .contenuMsgLO .message { display: flex !important; flex-direction: column !important; width: 100% !important; min-width: 0 !important; max-width: none !important; gap: 8px !important; box-sizing: border-box !important; } body.page-livre_or .message_lo .message .note, body.page-livre_or .message_lo .message .message_lo_note { order: 1 !important; display: flex !important; align-items: center !important; justify-content: flex-start !important; width: 100% !important; margin: 0 0 3px !important; gap: 4px !important; } body.page-livre_or .message_lo .message .note i, body.page-livre_or .message_lo .message .message_lo_note i, body.page-livre_or .message_lo .message i.fa-star { color: #0b5cab !important; font-size: 17px !important; text-shadow: none !important; } body.page-livre_or .message_lo .message .message_content { order: 2 !important; width: 100% !important; min-width: 0 !important; max-width: none !important; box-sizing: border-box !important; } body.page-livre_or .message_lo .message .message_content p { width: 100% !important; max-width: 680px !important; margin: 0 !important; color: #273449 !important; font-size: 15px !important; line-height: 1.55 !important; font-weight: 600 !important; white-space: normal !important; box-sizing: border-box !important; } @media (max-width: 820px) { body.page-livre_or .contenu-editable-livreor-header { width: calc(100% - 20px) !important; margin: 6px auto 0 !important; } body.page-livre_or .contenu-editable-livreor-header .inacio-wrap { margin: -12px auto 0 !important; padding-top: 6px !important; padding-right: 10px !important; padding-bottom: 18px !important; padding-left: 10px !important; } body.page-livre_or .contenu-editable-livreor-header h1 { margin-bottom: 13px !important; font-size: 36px !important; line-height: 1.08 !important; } body.page-livre_or .contenu-editable-livreor-header p { font-size: 13px !important; line-height: 1.48 !important; } body.page-livre_or .buttonLivre { margin: 12px 0 !important; } body.page-livre_or .buttonLivre a.addmsglo { min-height: 46px !important; padding: 11px 20px !important; font-size: 13px !important; } body.page-livre_or .list-messages { width: calc(100% - 20px) !important; max-width: none !important; margin: 8px auto 22px !important; } body.page-livre_or .message_lo { grid-template-columns:100% !important; width: 100% !important; gap: 0 !important; margin: 12px auto !important; border-radius: 18px !important; } body.page-livre_or .message_lo .IDLO { width: 100% !important; padding: 15px 16px !important; background: linear-gradient( 90deg, rgba(244, 249, 255, .96), rgba(250, 252, 255, .96) ) !important; border-right: 0 !important; border-bottom: 1px solid rgba(15, 23, 42, .07) !important; } body.page-livre_or .message_lo .contenuMsgLO { width: 100% !important; padding: 17px 16px !important; } body.page-livre_or .message_lo .message .message_content p { max-width: none !important; font-size: 14px !important; line-height: 1.5 !important; } } /* ========================================================= INACIO — HEADER DESKTOP ========================================================= */ @media (min-width: 901px) { header .slogan { display: block !important; position: absolute !important; left: 50% !important; right: auto !important; top: auto !important; bottom: 16px !important; width: auto !important; min-width: 0 !important; max-width: calc(100% - 40px) !important; height: auto !important; min-height: 0 !important; margin: 0 !important; padding: 0 !important; transform: translateX(-50%) !important; text-align: center !important; background: transparent !important; border: 0 !important; box-shadow: none !important; overflow: visible !important; pointer-events: none !important; z-index: 20 !important; } header .slogan .inacio-slogan-premium { display: block !important; width: auto !important; margin: 0 !important; padding: 0 !important; text-align: center !important; } header .slogan .inacio-slogan-premium__brand, header .slogan .inacio-slogan-premium__tagline { display: none !important; } header .slogan .inacio-slogan-premium__made { display: block !important; margin: 0 !important; padding: 0 !important; font-size: 13px !important; line-height: 1.2 !important; font-weight: 800 !important; color: #0b5cab !important; white-space: nowrap !important; } } @media (min-width: 1200px) { body.inacio-desktop-compact header .slogan { display: none !important; } } @media (max-width: 900px) { header #headercontent .container-slogan, header.banniere_header_p #headercontent .container-slogan, header.banniere.header_p #headercontent .container-slogan { display: block !important; position: absolute !important; left: 50% !important; top: 100% !important; right: auto !important; bottom: auto !important; width: max-content !important; min-width: 0 !important; max-width: 78vw !important; height: auto !important; margin: 3px 0 0 !important; padding: 0 !important; transform: translateX(-50%) !important; overflow: visible !important; pointer-events: none !important; z-index: 120 !important; } header .slogan { display: block !important; position: static !important; width: auto !important; min-width: 0 !important; max-width: none !important; margin: 0 !important; padding: 0 !important; transform: none !important; text-align: center !important; background: transparent !important; border: 0 !important; box-shadow: none !important; } header .slogan .inacio-slogan-premium { display: block !important; margin: 0 !important; padding: 0 !important; text-align: center !important; } header .slogan .inacio-slogan-premium__brand, header .slogan .inacio-slogan-premium__tagline { display: none !important; } header .slogan .inacio-slogan-premium__made { display: block !important; margin: 0 !important; padding: 0 !important; font-size: 9.5px !important; line-height: 1.15 !important; font-weight: 750 !important; color: #0b5cab !important; white-space: nowrap !important; } } @media (min-width: 1081px) { body:not(.inacio-desktop-compact) header .logo, body:not(.inacio-desktop-compact) header #logo, body:not(.inacio-desktop-compact) header #headercontent .logo { left: 50% !important; right: auto !important; transform: translateX(-50%) !important; margin-left: 0 !important; margin-right: 0 !important; } } @media (min-width: 1400px) { body:not(.inacio-desktop-compact) #panier { position: absolute !important; top: calc(50% - 2px) !important; bottom: auto !important; left: auto !important; right: 0px !important; transform: translate(-95px, -50%) !important; margin: 0 !important; } } /* ========================================================= INACIO — ACCUEIL PREMIUM — FINAL ========================================================= */ .inacio-home-v2 { width: 100% !important; max-width: 1220px !important; margin: 0 auto !important; padding: 18px 16px 12px !important; box-sizing: border-box !important; } .inacio-home-v2 .inacio-hero-v2 { position: relative !important; width: 100% !important; min-height: 360px !important; display: flex !important; align-items: center !important; justify-content: center !important; padding: 54px 44px !important; overflow: hidden !important; border: 1px solid rgba(15, 23, 42, .07) !important; border-radius: 30px !important; background: radial-gradient( 90% 140% at 8% 0%, rgba(56, 189, 248, .11), transparent 58% ), radial-gradient( 90% 140% at 92% 5%, rgba(99, 102, 241, .08), transparent 58% ), linear-gradient( 180deg, rgba(255, 255, 255, .96) 0%, rgba(248, 251, 255, .92) 100% ) !important; box-shadow: 0 22px 60px rgba(15, 23, 42, .07), inset 0 1px 0 rgba(255, 255, 255, .95) !important; } .inacio-home-v2 .inacio-hero-v2::before { content: "" !important; position: absolute !important; width: 340px !important; height: 340px !important; top: -190px !important; right: -90px !important; border-radius: 999px !important; background: rgba(14, 165, 233, .07) !important; pointer-events: none !important; } .inacio-home-v2 .inacio-hero-v2__content { position: relative !important; z-index: 2 !important; width: 100% !important; max-width: 900px !important; margin: 0 auto !important; text-align: center !important; } .inacio-home-v2 .inacio-hero-v2__eyebrow { margin: 0 0 14px !important; color: #0b5cab !important; font-size: 13px !important; line-height: 1.2 !important; font-weight: 900 !important; letter-spacing: .16em !important; text-transform: uppercase !important; } .inacio-home-v2 .inacio-hero-v2__title { margin: 0 !important; padding: 0 !important; background: none !important; border: 0 !important; box-shadow: none !important; color: #0b1220 !important; font-family: Georgia, "Times New Roman", serif !important; font-size: clamp(42px, 5vw, 68px) !important; line-height: 1.02 !important; font-weight: 500 !important; letter-spacing: -.035em !important; text-align: center !important; } .inacio-home-v2 .inacio-hero-v2__actions { display: flex !important; align-items: center !important; justify-content: center !important; flex-wrap: wrap !important; gap: 12px !important; margin: 28px 0 0 !important; } .inacio-home-v2 .inacio-hero-v2__btn { display: inline-flex !important; align-items: center !important; justify-content: center !important; min-height: 50px !important; padding: 13px 24px !important; border-radius: 999px !important; font-size: 13px !important; line-height: 1.1 !important; font-weight: 900 !important; letter-spacing: .045em !important; text-transform: uppercase !important; text-decoration: none !important; transition: transform .16s ease, box-shadow .16s ease, filter .16s ease !important; } .inacio-home-v2 .inacio-hero-v2__btn--primary { color: #ffffff !important; background: linear-gradient( 180deg, #0ea5e9 0%, #0284c7 100% ) !important; border: 1px solid rgba(2, 132, 199, .38) !important; box-shadow: 0 14px 30px rgba(2, 132, 199, .20) !important; } .inacio-home-v2 .inacio-hero-v2__btn--secondary { color: #0b1220 !important; background: rgba(255, 255, 255, .86) !important; border: 1px solid rgba(15, 23, 42, .11) !important; box-shadow: 0 12px 26px rgba(15, 23, 42, .06) !important; } @media (hover: hover) and (pointer: fine) { .inacio-home-v2 .inacio-hero-v2__btn:hover { transform: translateY(-2px) !important; text-decoration: none !important; } .inacio-home-v2 .inacio-hero-v2__btn--primary:hover { color: #ffffff !important; filter: brightness(1.03) !important; box-shadow: 0 17px 34px rgba(2, 132, 199, .24) !important; } .inacio-home-v2 .inacio-hero-v2__btn--secondary:hover { color: #0b1220 !important; box-shadow: 0 15px 30px rgba(15, 23, 42, .09) !important; } } @media (max-width: 900px) { .inacio-home-v2 { padding: 14px 12px 10px !important; } .inacio-home-v2 .inacio-hero-v2 { min-height: 320px !important; padding: 42px 26px !important; border-radius: 24px !important; } .inacio-home-v2 .inacio-hero-v2__title { font-size: clamp(36px, 7vw, 52px) !important; } } @media (max-width: 600px) { .inacio-home-v2 { padding: 10px 8px 8px !important; } .inacio-home-v2 .inacio-hero-v2 { min-height: 0 !important; padding: 34px 18px 30px !important; border-radius: 20px !important; } .inacio-home-v2 .inacio-hero-v2__eyebrow { margin-bottom: 11px !important; font-size: 11px !important; letter-spacing: .13em !important; } .inacio-home-v2 .inacio-hero-v2__title { font-size: 34px !important; line-height: 1.04 !important; } .inacio-home-v2 .inacio-hero-v2__actions { display: grid !important; grid-template-columns:100% !important; gap: 9px !important; width: 100% !important; margin-top: 22px !important; } .inacio-home-v2 .inacio-hero-v2__btn { width: 100% !important; min-height: 48px !important; padding: 12px 16px !important; font-size: 12px !important; } } .inacio-univers-v2 { width: 100%; max-width: 1220px; margin: 0 auto; padding: 34px 16px 18px; box-sizing: border-box; } .inacio-univers-v2__head { margin: 0 0 22px; text-align: center; } .inacio-univers-v2__eyebrow { display: block; margin: 0 0 8px; color: #0b5cab; font-size: 12px; line-height: 1.2; font-weight: 900; letter-spacing: .17em; text-transform: uppercase; } .inacio-univers-v2__title { margin: 0 !important; padding: 0 !important; background: none !important; color: #0b1220 !important; font-family: Georgia, "Times New Roman", serif !important; font-size: 38px !important; line-height: 1.08 !important; font-weight: 500 !important; letter-spacing: -.025em !important; text-align: center !important; } .inacio-univers-v2__grid { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 16px; width: 100%; } .inacio-univers-card--large { grid-column: span 3; min-height: 360px; } .inacio-univers-card:not(.inacio-univers-card--large) { grid-column: span 2; min-height: 270px; } .inacio-univers-card { position: relative; display: block; overflow: hidden; border-radius: 26px; background: #eaf1f8; border: 1px solid rgba(15,23,42,.08); box-shadow: 0 18px 45px rgba(15,23,42,.08); isolation: isolate; color: #ffffff !important; text-decoration: none !important; transform: translateZ(0); transition: transform .24s ease, box-shadow .24s ease; } .inacio-univers-card__media { position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; background: radial-gradient( 90% 120% at 20% 5%, rgba(14,165,233,.17), transparent 58% ), radial-gradient( 90% 130% at 85% 10%, rgba(99,102,241,.12), transparent 58% ), linear-gradient( 145deg, #eaf3fa 0%, #dfe8f2 100% ); transition: transform .45s ease; } .inacio-univers-card--gaming .inacio-univers-card__media { background: radial-gradient( 80% 120% at 20% 0%, rgba(14,165,233,.24), transparent 60% ), radial-gradient( 90% 130% at 100% 30%, rgba(99,102,241,.22), transparent 60% ), linear-gradient( 145deg, #111827 0%, #07111f 100% ); } .inacio-univers-card__overlay { position: absolute; inset: 0; z-index: 1; pointer-events: none; } .inacio-univers-card__content { position: absolute; left: 0; right: 0; bottom: 0; z-index: 2; padding: 24px 26px 25px; color: #ffffff; text-align: left; } .inacio-univers-card__kicker { display: block; margin: 0 0 7px; color: rgba(255,255,255,.78); font-size: 11px; line-height: 1.2; font-weight: 850; letter-spacing: .11em; text-transform: uppercase; } .inacio-univers-card h3 { margin: 0 !important; padding: 0 !important; background: none !important; color: #ffffff !important; font-family: Georgia, "Times New Roman", serif !important; font-size: 32px !important; line-height: 1.04 !important; font-weight: 500 !important; letter-spacing: -.025em !important; text-align: left !important; } .inacio-univers-card:not(.inacio-univers-card--large) h3 { font-size: 25px !important; } .inacio-univers-card__link { display: inline-flex; align-items: center; gap: 8px; margin-top: 13px; color: #ffffff; font-size: 12px; line-height: 1; font-weight: 850; letter-spacing: .06em; text-transform: uppercase; } .inacio-univers-card__link span { font-size: 17px; line-height: 1; transition: transform .18s ease; } @media (hover:hover) and (pointer:fine) { .inacio-univers-card:hover { transform: translateY(-4px); box-shadow: 0 24px 55px rgba(15,23,42,.13); text-decoration: none !important; } .inacio-univers-card:hover .inacio-univers-card__media { transform: scale(1.025); } .inacio-univers-card:hover .inacio-univers-card__link span { transform: translateX(4px); } } @media (max-width: 900px) { .inacio-univers-v2 { padding: 28px 12px 14px; } .inacio-univers-v2__title { font-size: 34px !important; } .inacio-univers-v2__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; } .inacio-univers-card--large, .inacio-univers-card:not(.inacio-univers-card--large) { grid-column: span 1; min-height: 280px; } .inacio-univers-card--gaming { grid-column: 1 / -1 !important; } } @media (max-width: 600px) { .inacio-univers-card--large, .inacio-univers-card:not(.inacio-univers-card--large), .inacio-univers-card--gaming { grid-column: 1 !important; min-height: 225px; } } .inacio-univers-card__placeholder { opacity: 0 !important; } .inacio-univers-card .inacio-univers-card__media { background-repeat: no-repeat !important; background-size: cover !important; } .inacio-univers-card--creations .inacio-univers-card__media { background-image: url("https://www.inacio-commerce-creations.fr/uploaded/159507/vase-design-impression-3d-fleurs-sechees-deco-interieur.webp") !important; background-position: center center !important; } .inacio-univers-card--mode .inacio-univers-card__media { background-position: center 28% !important; } .inacio-univers-card--faitmain .inacio-univers-card__media { background-position: center 24% !important; } .inacio-univers-card--seconde .inacio-univers-card__media { background-image: url("https://www.inacio-commerce-creations.fr/uploaded/159507/polo-nike-gris-clair-homme-porte.webp") !important; background-position: center 22% !important; } .inacio-univers-card--gaming .inacio-univers-card__media { background-image: url(https://www.inacio-commerce-creations.fr/uploaded/159507/chatgpt-image-18-aou-t-2026-20-24-19.webp) !important; background-position: center center !important; } .inacio-univers-card__overlay { background: linear-gradient( 180deg, rgba(5,12,24,.05) 12%, rgba(5,12,24,.18) 42%, rgba(5,12,24,.90) 100% ) !important; } .inacio-univers-card__content { text-shadow: 0 2px 10px rgba(0,0,0,.22) !important; } @media (max-width: 600px) { .inacio-univers-v2 { padding: 24px 8px 12px !important; } .inacio-univers-v2__head { margin-bottom: 16px !important; } .inacio-univers-v2__eyebrow { font-size: 10px !important; } .inacio-univers-v2__title { font-size: 29px !important; } .inacio-univers-v2__grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 9px !important; width: 100% !important; } .inacio-univers-card--large, .inacio-univers-card:not(.inacio-univers-card--large) { grid-column: span 1 !important; min-height: 190px !important; border-radius: 18px !important; } .inacio-univers-card--gaming { grid-column: 1 / -1 !important; min-height: 205px !important; } .inacio-univers-card__content { padding: 15px 14px 16px !important; } .inacio-univers-card__kicker { margin-bottom: 4px !important; font-size: 8.5px !important; line-height: 1.15 !important; letter-spacing: .08em !important; } .inacio-univers-card h3, .inacio-univers-card:not(.inacio-univers-card--large) h3 { font-size: 20px !important; line-height: 1.02 !important; } .inacio-univers-card__link { margin-top: 8px !important; font-size: 9.5px !important; } .inacio-univers-card--creations .inacio-univers-card__media { background-position: center center !important; } .inacio-univers-card--mode .inacio-univers-card__media { background-position: center 18% !important; } .inacio-univers-card--faitmain .inacio-univers-card__media { background-position: center 16% !important; } .inacio-univers-card--seconde .inacio-univers-card__media { background-position: center 18% !important; } .inacio-univers-card--gaming .inacio-univers-card__media { background-position: center center !important; } } @media (max-width: 600px) { .inacio-univers-v2__grid .inacio-univers-card.inacio-univers-card--gaming { grid-column: 1 / -1 !important; width: 100% !important; } } .inacio-news-v2 { width: 100% !important; max-width: 1220px !important; margin: 0 auto !important; padding: 38px 16px 18px !important; box-sizing: border-box !important; } .inacio-news-v2__head { text-align: center !important; } .inacio-news-v2__eyebrow { display: block !important; margin: 0 0 8px !important; color: #0b5cab !important; font-size: 12px !important; line-height: 1.2 !important; font-weight: 900 !important; letter-spacing: .17em !important; text-transform: uppercase !important; } .inacio-news-v2__title { margin: 0 !important; padding: 0 !important; background: none !important; border: 0 !important; box-shadow: none !important; color: #0b1220 !important; font-family: Georgia, "Times New Roman", serif !important; font-size: 40px !important; line-height: 1.08 !important; font-weight: 500 !important; letter-spacing: -.025em !important; text-align: center !important; } @media (max-width: 600px) { .inacio-news-v2 { padding: 30px 8px 14px !important; } .inacio-news-v2__eyebrow { font-size: 10px !important; } .inacio-news-v2__title { font-size: 30px !important; } } .inacio-news-v2__more { width: 100% !important; max-width: 1220px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 4px auto 36px !important; padding: 0 16px !important; box-sizing: border-box !important; } .inacio-news-v2__more-btn { display: inline-flex !important; align-items: center !important; justify-content: center !important; gap: 9px !important; min-height: 48px !important; padding: 12px 23px !important; border-radius: 999px !important; background: rgba(255,255,255,.90) !important; border: 1px solid rgba(15,23,42,.11) !important; box-shadow: 0 12px 28px rgba(15,23,42,.07) !important; color: #0b1220 !important; font-size: 12px !important; line-height: 1 !important; font-weight: 900 !important; letter-spacing: .055em !important; text-transform: uppercase !important; text-decoration: none !important; transition: transform .16s ease, box-shadow .16s ease !important; } .inacio-news-v2__more-btn span { font-size: 17px !important; line-height: 1 !important; transition: transform .16s ease !important; } @media (hover:hover) and (pointer:fine) { .inacio-news-v2__more-btn:hover { transform: translateY(-2px) !important; box-shadow: 0 16px 34px rgba(15,23,42,.10) !important; color: #0b1220 !important; text-decoration: none !important; } .inacio-news-v2__more-btn:hover span { transform: translateX(4px) !important; } } @media (max-width:600px) { .inacio-news-v2__more { margin: 3px auto 28px !important; padding: 0 8px !important; } .inacio-news-v2__more-btn { width: 100% !important; min-height: 48px !important; padding: 12px 16px !important; font-size: 11px !important; } } body[class*="page-index"] div[id^="product-slider-swiper-"] .produits { position: relative !important; display: flex !important; flex-direction: column !important; align-items: stretch !important; height: auto !important; padding: 12px !important; background: rgba(255,255,255,.94) !important; border: 1px solid rgba(15,23,42,.08) !important; border-radius: 20px !important; box-shadow: 0 12px 30px rgba(15,23,42,.07) !important; text-align: left !important; overflow: hidden !important; } body[class*="page-index"] div[id^="product-slider-swiper-"] .productImageWrap { position: relative !important; float: none !important; width: 100% !important; height: auto !important; aspect-ratio: 1 / 1 !important; margin: 0 0 12px !important; border-radius: 16px !important; overflow: hidden !important; background: #f8fafc !important; box-shadow: none !important; } body[class*="page-index"] div[id^="product-slider-swiper-"] .productImageWrap img { width: 100% !important; height: 100% !important; object-fit: cover !important; border-radius: 16px !important; } body[class*="page-index"] div[id^="product-slider-swiper-"] .productContentWrap { float: none !important; width: 100% !important; display: flex !important; flex-direction: column !important; align-items: flex-start !important; text-align: left !important; } body[class*="page-index"] div[id^="product-slider-swiper-"] h3.nomprod { width: 100% !important; margin: 0 0 8px !important; min-height: 0 !important; color: #0b1220 !important; font-size: 13px !important; line-height: 1.3 !important; font-weight: 750 !important; letter-spacing: 0 !important; text-transform: none !important; text-align: left !important; display: -webkit-box !important; -webkit-box-orient: vertical !important; -webkit-line-clamp: 2 !important; overflow: hidden !important; } body[class*="page-index"] div[id^="product-slider-swiper-"] h3.nomprod a { color: #0b1220 !important; text-decoration: none !important; } body[class*="page-index"] div[id^="product-slider-swiper-"] .brand, body[class*="page-index"] div[id^="product-slider-swiper-"] p.desc { display: none !important; } body[class*="page-index"] div[id^="product-slider-swiper-"] p.note-produit { display: none !important; } body[class*="page-index"] div[id^="product-slider-swiper-"] p.prix { margin: auto 0 0 !important; color: #0b1220 !important; font-size: 18px !important; line-height: 1.2 !important; font-weight: 900 !important; text-align: left !important; } body[class*="page-index"] div[id^="product-slider-swiper-"] .block-btn-addbasket, body[class*="page-index"] div[id^="product-slider-swiper-"] a.addbasket, body[class*="page-index"] div[id^="product-slider-swiper-"] select { display: none !important; } body[class*="page-index"] div[id^="product-slider-swiper-"] .container-etiquette { position: absolute !important; top: 18px !important; left: 18px !important; z-index: 5 !important; } body[class*="page-index"] div[id^="product-slider-swiper-"] .swiper-button-prev, body[class*="page-index"] div[id^="product-slider-swiper-"] .swiper-button-next { width: 40px !important; height: 40px !important; border-radius: 999px !important; background: rgba(255,255,255,.96) !important; border: 1px solid rgba(15,23,42,.10) !important; box-shadow: 0 10px 25px rgba(15,23,42,.12) !important; } @media (max-width:600px) { body[class*="page-index"] div[id^="product-slider-swiper-"] .produits { padding: 10px !important; border-radius: 18px !important; } body[class*="page-index"] div[id^="product-slider-swiper-"] .productImageWrap, body[class*="page-index"] div[id^="product-slider-swiper-"] .productImageWrap img { border-radius: 14px !important; } body[class*="page-index"] div[id^="product-slider-swiper-"] h3.nomprod { font-size: 12px !important; } body[class*="page-index"] div[id^="product-slider-swiper-"] p.prix { font-size: 17px !important; } } body[class*="page-index"] div[id^="product-slider-swiper-"] p.prix { width: 100% !important; display: flex !important; align-items: baseline !important; justify-content: flex-start !important; flex-wrap: wrap !important; gap: 4px !important; } body[class*="page-index"] div[id^="product-slider-swiper-"] p.prix > span, body[class*="page-index"] div[id^="product-slider-swiper-"] p.prix .from, body[class*="page-index"] div[id^="product-slider-swiper-"] p.prix .a-partir-de { white-space: nowrap !important; } .inacio-editorial-v2 { width: 100%; max-width: 1220px; margin: 0 auto; padding: 34px 16px 24px; box-sizing: border-box; } .inacio-editorial-v2__card { display: grid; grid-template-columns: minmax(0, 1.12fr) minmax(340px, .88fr); min-height: 420px; overflow: hidden; border: 1px solid rgba(15,23,42,.08); border-radius: 30px; background: #ffffff; box-shadow: 0 22px 55px rgba(15,23,42,.08); } .inacio-editorial-v2__image { min-height: 420px; background-image: url("https://www.inacio-commerce-creations.fr/uploaded/159507/chatgpt-image-18-aou-t-2026-21-51-47.webp"); background-size: cover; background-position: center; background-repeat: no-repeat; } .inacio-editorial-v2__content { display: flex; flex-direction: column; align-items: flex-start; justify-content: center; padding: 48px 44px; background: radial-gradient( 100% 100% at 100% 0%, rgba(99,102,241,.07), transparent 65% ), linear-gradient( 145deg, #ffffff 0%, #f7fbff 100% ); text-align: left; } .inacio-editorial-v2__eyebrow { display: block; margin: 0 0 13px; color: #0b5cab; font-size: 11px; line-height: 1.2; font-weight: 900; letter-spacing: .17em; text-transform: uppercase; } .inacio-editorial-v2__title { margin: 0 !important; padding: 0 !important; background: none !important; color: #0b1220 !important; font-family: Georgia, "Times New Roman", serif !important; font-size: 42px !important; line-height: 1.04 !important; font-weight: 500 !important; letter-spacing: -.03em !important; text-align: left !important; } .inacio-editorial-v2__text { max-width: 420px; margin: 18px 0 0 !important; color: #4b5563 !important; font-size: 15px !important; line-height: 1.55 !important; font-weight: 500 !important; } .inacio-editorial-v2__btn { display: inline-flex; align-items: center; justify-content: center; gap: 9px; min-height: 48px; margin-top: 25px; padding: 12px 21px; border-radius: 999px; color: #ffffff !important; background: linear-gradient( 180deg, #0ea5e9 0%, #0284c7 100% ); border: 1px solid rgba(2,132,199,.35); box-shadow: 0 13px 28px rgba(2,132,199,.20); font-size: 11px; line-height: 1; font-weight: 900; letter-spacing: .055em; text-transform: uppercase; text-decoration: none !important; transition: transform .16s ease, box-shadow .16s ease; } .inacio-editorial-v2__btn span { font-size: 17px; transition: transform .16s ease; } @media (hover:hover) and (pointer:fine) { .inacio-editorial-v2__btn:hover { transform: translateY(-2px); color: #ffffff !important; box-shadow: 0 17px 34px rgba(2,132,199,.24); text-decoration: none !important; } .inacio-editorial-v2__btn:hover span { transform: translateX(4px); } } @media (max-width:900px) { .inacio-editorial-v2 { padding: 28px 12px 20px; } .inacio-editorial-v2__card { grid-template-columns: 1fr 1fr; min-height: 360px; border-radius: 24px; } .inacio-editorial-v2__image { min-height: 360px; } .inacio-editorial-v2__content { padding: 34px 28px; } .inacio-editorial-v2__title { font-size: 34px !important; } } @media (max-width:600px) { .inacio-editorial-v2 { padding: 26px 8px 18px; } .inacio-editorial-v2__card { display: flex; flex-direction: column; min-height: 0; border-radius: 20px; } .inacio-editorial-v2__image { width: 100%; min-height: 250px; background-position: center; } .inacio-editorial-v2__content { padding: 27px 21px 29px; } .inacio-editorial-v2__eyebrow { margin-bottom: 10px; font-size: 9.5px; } .inacio-editorial-v2__title { font-size: 30px !important; } .inacio-editorial-v2__text { margin-top: 13px !important; font-size: 13px !important; line-height: 1.5 !important; } .inacio-editorial-v2__btn { width: 100%; min-height: 47px; margin-top: 20px; padding: 12px 15px; font-size: 10.5px; } } @media (max-width: 600px) { .inacio-editorial-v2__image { width: 100% !important; height: auto !important; min-height: 0 !important; aspect-ratio: 4 / 3 !important; background-size: cover !important; background-position: center center !important; background-repeat: no-repeat !important; } } .inacio-favorites-v2 { width: 100% !important; max-width: 1220px !important; margin: 0 auto !important; padding: 42px 16px 18px !important; box-sizing: border-box !important; } .inacio-favorites-v2__head { text-align: center !important; } .inacio-favorites-v2__eyebrow { display: block !important; margin: 0 0 8px !important; color: #0b5cab !important; font-size: 12px !important; line-height: 1.2 !important; font-weight: 900 !important; letter-spacing: .17em !important; text-transform: uppercase !important; } .inacio-favorites-v2__title { margin: 0 !important; padding: 0 !important; background: none !important; border: 0 !important; box-shadow: none !important; color: #0b1220 !important; font-family: Georgia, "Times New Roman", serif !important; font-size: 40px !important; line-height: 1.08 !important; font-weight: 500 !important; letter-spacing: -.025em !important; text-align: center !important; } @media (max-width:600px) { .inacio-favorites-v2 { padding: 32px 8px 14px !important; } .inacio-favorites-v2__eyebrow { font-size: 10px !important; } .inacio-favorites-v2__title { font-size: 30px !important; } } .inacio-trust-v2 { width: 100%; max-width: 1220px; margin: 0 auto; padding: 34px 16px 30px; box-sizing: border-box; } .inacio-trust-v2__grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; } .inacio-trust-v2__item { display: flex; align-items: center; gap: 14px; min-height: 108px; padding: 18px 17px; box-sizing: border-box; background: linear-gradient( 145deg, rgba(255,255,255,.96), rgba(248,251,255,.92) ); border: 1px solid rgba(15,23,42,.08); border-radius: 20px; box-shadow: 0 12px 32px rgba(15,23,42,.055); } .inacio-trust-v2__icon { flex: 0 0 44px; width: 44px; height: 44px; display: flex; align-items: center; justify-content: center; border-radius: 14px; background: linear-gradient( 145deg, rgba(14,165,233,.12), rgba(59,130,246,.06) ); } .inacio-trust-v2__icon svg { width: 22px; height: 22px; fill: none; stroke: #0b5cab; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; } .inacio-trust-v2__content { min-width: 0; text-align: left; } .inacio-trust-v2__content strong { display: block; margin: 0 0 5px; color: #0b1220; font-size: 14px; line-height: 1.2; font-weight: 900; } .inacio-trust-v2__content span { display: block; color: #667085; font-size: 11.5px; line-height: 1.4; font-weight: 550; } @media (max-width:900px) { .inacio-trust-v2 { padding: 28px 12px 24px; } .inacio-trust-v2__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } } @media (max-width:600px) { .inacio-trust-v2 { padding: 26px 8px 22px; } .inacio-trust-v2__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; } .inacio-trust-v2__item { min-height: 125px; flex-direction: column; align-items: flex-start; gap: 10px; padding: 14px; border-radius: 17px; } .inacio-trust-v2__icon { flex-basis: 38px; width: 38px; height: 38px; border-radius: 12px; } .inacio-trust-v2__icon svg { width: 19px; height: 19px; } .inacio-trust-v2__content strong { font-size: 12.5px; } .inacio-trust-v2__content span { font-size: 10.5px; line-height: 1.35; } } .inacio-season-v2 { width: 100%; max-width: 1220px; margin: 0 auto; padding: 34px 16px 24px; box-sizing: border-box; } .inacio-season-v2__card { display: grid; grid-template-columns: minmax(340px, .88fr) minmax(0, 1.12fr); min-height: 420px; overflow: hidden; border: 1px solid rgba(15,23,42,.08); border-radius: 30px; background: #ffffff; box-shadow: 0 22px 55px rgba(15,23,42,.08); } .inacio-season-v2__content { display: flex; flex-direction: column; align-items: flex-start; justify-content: center; padding: 48px 44px; background: radial-gradient( 100% 100% at 0% 0%, rgba(14,165,233,.08), transparent 65% ), linear-gradient( 145deg, #ffffff 0%, #f7fbff 100% ); text-align: left; } .inacio-season-v2__eyebrow { display: block; margin: 0 0 13px; color: #0b5cab; font-size: 11px; line-height: 1.2; font-weight: 900; letter-spacing: .17em; text-transform: uppercase; } .inacio-season-v2__title { margin: 0 !important; padding: 0 !important; background: none !important; border: 0 !important; box-shadow: none !important; color: #0b1220 !important; font-family: Georgia, "Times New Roman", serif !important; font-size: 46px !important; line-height: 1.04 !important; font-weight: 500 !important; letter-spacing: -.03em !important; text-align: left !important; } .inacio-season-v2__text { max-width: 410px; margin: 18px 0 0 !important; color: #4b5563 !important; font-size: 15px !important; line-height: 1.55 !important; font-weight: 500 !important; } .inacio-season-v2__btn { display: inline-flex; align-items: center; justify-content: center; gap: 9px; min-height: 48px; margin-top: 25px; padding: 12px 21px; border-radius: 999px; color: #ffffff !important; background: linear-gradient( 180deg, #0ea5e9 0%, #0284c7 100% ); border: 1px solid rgba(2,132,199,.35); box-shadow: 0 13px 28px rgba(2,132,199,.20); font-size: 11px; line-height: 1; font-weight: 900; letter-spacing: .055em; text-transform: uppercase; text-decoration: none !important; transition: transform .16s ease, box-shadow .16s ease; } .inacio-season-v2__btn span { font-size: 17px; transition: transform .16s ease; } @media (hover:hover) and (pointer:fine) { .inacio-season-v2__btn:hover { transform: translateY(-2px); color: #ffffff !important; box-shadow: 0 17px 34px rgba(2,132,199,.24); text-decoration: none !important; } .inacio-season-v2__btn:hover span { transform: translateX(4px); } } .inacio-season-v2__image { min-height: 420px; background-image: url("https://www.inacio-commerce-creations.fr/uploaded/159507/top-crochet-blanc-ecru-vue-a-plat.webp"); background-size: cover; background-position: center center; background-repeat: no-repeat; } @media (max-width:900px) { .inacio-season-v2 { padding: 28px 12px 20px; } .inacio-season-v2__card { grid-template-columns: 1fr 1fr; min-height: 360px; border-radius: 24px; } .inacio-season-v2__content { padding: 34px 28px; } .inacio-season-v2__image { min-height: 360px; } .inacio-season-v2__title { font-size: 36px !important; } } @media (max-width:600px) { .inacio-season-v2 { padding: 26px 8px 18px; } .inacio-season-v2__card { display: flex; flex-direction: column; min-height: 0; border-radius: 20px; } .inacio-season-v2__image { order: 1; width: 100%; height: auto; min-height: 0; aspect-ratio: 4 / 3; background-size: cover; background-position: center center; } .inacio-season-v2__content { order: 2; padding: 27px 21px 29px; } .inacio-season-v2__eyebrow { margin-bottom: 10px; font-size: 9.5px; } .inacio-season-v2__title { font-size: 32px !important; } .inacio-season-v2__text { margin-top: 13px !important; font-size: 13px !important; line-height: 1.5 !important; } .inacio-season-v2__btn { width: 100%; min-height: 47px; margin-top: 20px; padding: 12px 15px; font-size: 10.5px; } } .inacio-season-v2--winter .inacio-season-v2__image { background-image: url("https://www.inacio-commerce-creations.fr/uploaded/159507/pull-crop-top-tricot-gris-porte-femme-jean.webp") !important; background-position: center center !important; } .inacio-about-v2 { width: 100%; max-width: 1220px; margin: 0 auto; padding: 38px 16px 10px; box-sizing: border-box; } .inacio-about-v2__card { display: grid; grid-template-columns: minmax(280px, .8fr) minmax(0, 1.2fr); align-items: center; gap: 50px; padding: 42px 46px; overflow: hidden; border: 1px solid rgba(15,23,42,.07); border-radius: 28px; background: radial-gradient( 70% 140% at 0% 0%, rgba(14,165,233,.08), transparent 65% ), linear-gradient( 135deg, #ffffff 0%, #f7faff 100% ); box-shadow: 0 18px 45px rgba(15,23,42,.055); } .inacio-about-v2__eyebrow { display: block; margin: 0 0 10px; color: #0b5cab; font-size: 11px; line-height: 1.2; font-weight: 900; letter-spacing: .17em; text-transform: uppercase; } .inacio-about-v2__title { margin: 0 !important; padding: 0 !important; background: none !important; border: 0 !important; box-shadow: none !important; color: #0b1220 !important; font-family: Georgia, "Times New Roman", serif !important; font-size: 40px !important; line-height: 1.08 !important; font-weight: 500 !important; letter-spacing: -.025em !important; text-align: left !important; } .inacio-about-v2__content p { max-width: 620px; margin: 0 !important; color: #566074 !important; font-size: 15px !important; line-height: 1.7 !important; font-weight: 500 !important; } .inacio-about-v2__content strong { color: #1c2433 !important; font-weight: 750 !important; } @media (max-width: 700px) { .inacio-about-v2 { padding: 28px 8px 8px; } .inacio-about-v2__card { grid-template-columns:100%; gap: 20px; padding: 28px 22px; border-radius: 20px; } .inacio-about-v2__eyebrow { font-size: 9.5px; } .inacio-about-v2__title { font-size: 30px !important; } .inacio-about-v2__content p { font-size: 13px !important; line-height: 1.6 !important; } } .inacio-season-v2--mothers .inacio-season-v2__image { background-image: url("https://www.inacio-commerce-creations.fr/uploaded/159507/tableau-3d-bonne-fe-te-maman-copie.webp") !important; background-position: center center !important; } .inacio-season-v2--fathers .inacio-season-v2__image { background-image: url("https://www.inacio-commerce-creations.fr/uploaded/159507/accessoire-porte-cles-impression-3d-cles-du-boss-esthetique.webp") !important; background-position: center center !important; } .inacio-season-v2--halloween .inacio-season-v2__image { background-image: url("https://www.inacio-commerce-creations.fr/uploaded/159507/chatgpt-image-18-aou-t-2026-23-27-10.webp") !important; background-position: center center !important; } .inacio-season-v2--christmas .inacio-season-v2__image { background-image: url("https://www.inacio-commerce-creations.fr/uploaded/159507/chatgpt-image-18-aou-t-2026-23-29-48.webp") !important; background-position: center center !important; } .inacio-season-v2--blackfriday .inacio-season-v2__image { background-image: url("https://www.inacio-commerce-creations.fr/uploaded/159507/chatgpt-image-18-aou-t-2026-23-33-29.webp") !important; background-position: center center !important; } .inacio-season-v2--valentine .inacio-season-v2__image { background-image: url("https://www.inacio-commerce-creations.fr/uploaded/159507/chatgpt-image-18-aou-t-2026-23-36-24.webp") !important; background-position: center center !important; } .inacio-season-v2--halloween .inacio-season-v2__eyebrow { color: #a855f7 !important; } .inacio-season-v2--halloween .inacio-season-v2__btn { background: linear-gradient(180deg, #7c3aed 0%, #5b21b6 100%) !important; border-color: rgba(91,33,182,.35) !important; box-shadow: 0 13px 28px rgba(91,33,182,.20) !important; } .inacio-season-v2--christmas .inacio-season-v2__eyebrow { color: #b42318 !important; } .inacio-season-v2--christmas .inacio-season-v2__btn { background: linear-gradient(180deg, #c52a22 0%, #991b1b 100%) !important; border-color: rgba(153,27,27,.35) !important; box-shadow: 0 13px 28px rgba(153,27,27,.18) !important; } .inacio-season-v2--blackfriday .inacio-season-v2__eyebrow { color: #111827 !important; } .inacio-season-v2--blackfriday .inacio-season-v2__btn { background: linear-gradient(180deg, #1f2937 0%, #030712 100%) !important; border-color: rgba(3,7,18,.35) !important; box-shadow: 0 13px 28px rgba(3,7,18,.20) !important; } .inacio-season-v2--valentine .inacio-season-v2__eyebrow { color: #db2777 !important; } .inacio-season-v2--valentine .inacio-season-v2__btn { background: linear-gradient(180deg, #ec4899 0%, #be185d 100%) !important; border-color: rgba(190,24,93,.30) !important; box-shadow: 0 13px 28px rgba(190,24,93,.18) !important; } /* ========================================================= INACIO — FICHE PRODUIT PREMIUM — SOCLE FINAL ========================================================= */ #fiche-produit .top_fiche { width: 100% !important; max-width: 1220px !important; margin: 26px auto 42px !important; padding: 0 16px !important; box-sizing: border-box !important; overflow: visible !important; } @media (min-width: 901px) { #fiche-produit .top_fiche { display: grid !important; grid-template-columns: minmax(0, 1.16fr) minmax(360px, .84fr) !important; gap: 30px !important; align-items: start !important; } #fiche-produit .top_fiche::before, #fiche-produit .top_fiche::after { content: none !important; display: none !important; } #fiche-produit .top_fiche > .wrap-images, #fiche-produit .top_fiche > .wrap-description { float: none !important; width: 100% !important; min-width: 0 !important; max-width: none !important; margin: 0 !important; box-sizing: border-box !important; } } #fiche-produit .top_fiche .wrap-images { position: relative !important; padding: 18px !important; border: 1px solid rgba(15,23,42,.075) !important; border-radius: 28px !important; background: radial-gradient(120% 150% at 12% 0%, rgba(56,189,248,.08), transparent 56%), linear-gradient(180deg, rgba(255,255,255,.98) 0%, rgba(248,251,255,.96) 100%) !important; box-shadow: 0 20px 52px rgba(15,23,42,.075), inset 0 1px 0 rgba(255,255,255,.94) !important; overflow: hidden !important; } #fiche-produit .top_fiche .wrap-images .grande-image { position: relative !important; overflow: hidden !important; border-radius: 22px !important; border: 1px solid rgba(15,23,42,.07) !important; background: #f8fafc !important; box-shadow: 0 12px 30px rgba(15,23,42,.055) !important; } #fiche-produit .top_fiche .wrap-images .grande-image img, #fiche-produit .top_fiche .wrap-images .grande-image video { border-radius: 22px !important; } #fiche-produit .top_fiche #sliderImagePreviews { margin-top: 14px !important; } #fiche-produit .top_fiche #sliderImagePreviews a { margin-bottom: 0 !important; } #fiche-produit .top_fiche #sliderImagePreviews a img { border-radius: 16px !important; border: 1px solid rgba(15,23,42,.075) !important; box-shadow: 0 8px 20px rgba(15,23,42,.05) !important; } #fiche-produit .top_fiche .wrap-images .container-etiquette { margin-bottom: 14px !important; } #fiche-produit .top_fiche .wrap-images .produit_etiquette .titre-etiquette, #fiche-produit .top_fiche .wrap-images .produit_etiquette .h3.titre-etiquette { min-width: 0 !important; width: auto !important; max-width: 100% !important; padding: 13px 24px !important; border-radius: 17px !important; font-size: 14px !important; letter-spacing: .055em !important; } #fiche-produit .top_fiche .wrap-description { position: relative !important; padding: 24px !important; border: 1px solid rgba(15,23,42,.075) !important; border-radius: 28px !important; background: radial-gradient(130% 150% at 16% 0%, rgba(56,189,248,.075), transparent 55%), linear-gradient(180deg, rgba(255,255,255,.985) 0%, rgba(249,251,253,.97) 100%) !important; box-shadow: 0 20px 52px rgba(15,23,42,.075), inset 0 1px 0 rgba(255,255,255,.96) !important; overflow: visible !important; } #fiche-produit .top_fiche .block-fiche-titre-brand { margin-bottom: 10px !important; } #fiche-produit .top_fiche .reference { display: inline-flex !important; align-items: center !important; width: auto !important; margin: 0 0 20px !important; padding: 7px 11px !important; border-radius: 999px !important; border: 1px solid rgba(15,23,42,.08) !important; background: rgba(248,250,252,.92) !important; color: #526071 !important; font-size: 12px !important; font-weight: 800 !important; letter-spacing: .02em !important; } #fiche-produit .top_fiche .wrap-description .declinaison-attribute-group { width: 100% !important; max-width: none !important; margin: 0 0 16px !important; } #fiche-produit .top_fiche .wrap-description label { margin-bottom: 8px !important; font-size: 14px !important; line-height: 1.35 !important; font-weight: 850 !important; color: #172033 !important; } #fiche-produit .top_fiche .wrap-description select { display: block !important; width: 100% !important; max-width: 100% !important; min-height: 50px !important; margin: 0 !important; padding: 0 14px !important; border-radius: 15px !important; border: 1px solid rgba(15,23,42,.11) !important; background: #ffffff !important; color: #172033 !important; font-size: 14px !important; font-weight: 650 !important; box-shadow: 0 7px 18px rgba(15,23,42,.035), inset 0 1px 0 rgba(255,255,255,.96) !important; } #fiche-produit .top_fiche .wrap-description select:focus { border-color: rgba(2,132,199,.35) !important; box-shadow: 0 0 0 3px rgba(14,165,233,.10), 0 8px 20px rgba(15,23,42,.045) !important; outline: none !important; } #fiche-produit .top_fiche .wrap-description input[type="text"], #fiche-produit .top_fiche .wrap-description input[type="email"], #fiche-produit .top_fiche .wrap-description input[type="tel"] { min-height: 52px !important; border-radius: 15px !important; background: #ffffff !important; } #fiche-produit .top_fiche .wrap-description .prix { display: flex !important; align-items: baseline !important; justify-content: flex-start !important; flex-wrap: wrap !important; gap: 8px !important; width: 100% !important; margin: 8px 0 10px !important; padding: 18px 0 14px !important; border-top: 1px solid rgba(15,23,42,.07) !important; border-bottom: 1px solid rgba(15,23,42,.07) !important; } #fiche-produit .top_fiche .wrap-description .prix .prixprod { color: #101827 !important; font-size: 30px !important; line-height: 1 !important; font-weight: 900 !important; letter-spacing: -.025em !important; } #fiche-produit .top_fiche .wrap-description .prix .oldprix { color: #b42318 !important; font-size: 13px !important; font-weight: 750 !important; opacity: .92 !important; } #fiche-produit .top_fiche .bloc-quantite { justify-content: flex-start !important; margin: 18px 0 16px !important; } #fiche-produit .top_fiche .row.ajouter-panier { width: 100% !important; margin-top: 8px !important; text-align: center !important; } #fiche-produit .top_fiche .row.ajouter-panier a.addbasket, #fiche-produit .top_fiche .row.ajouter-panier a.addbasket.button, #fiche-produit .top_fiche .row.ajouter-panier a.button.addbasket, #fiche-produit .top_fiche .row.ajouter-panier .addbasket.button, #fiche-produit .top_fiche .row.ajouter-panier button, #fiche-produit .top_fiche .row.ajouter-panier input[type="submit"] { width: 100% !important; min-height: 56px !important; padding: 15px 20px !important; border-radius: 18px !important; background: linear-gradient(180deg,#10a8e8 0%, #0588c9 100%) !important; border: 1px solid rgba(2,132,199,.30) !important; box-shadow: 0 16px 30px rgba(2,132,199,.18), inset 0 1px 0 rgba(255,255,255,.22) !important; font-size: 15px !important; letter-spacing: .035em !important; } #fiche-produit .top_fiche .row.ajouter-panier:not(.has-badges)::before { display: none !important; content: none !important; } #fiche-produit .top_fiche .wrap-description .description, #fiche-produit .top_fiche .wrap-description .block-shipping { margin: 12px 0 0 !important; padding: 14px 15px !important; border-radius: 16px !important; border: 1px solid rgba(15,23,42,.065) !important; background: rgba(255,255,255,.82) !important; box-shadow: none !important; color: #263244 !important; line-height: 1.45 !important; } @media (max-width: 900px) { #fiche-produit .top_fiche { display: block !important; width: 100% !important; max-width: 760px !important; margin: 16px auto 30px !important; padding: 0 10px !important; } #fiche-produit .top_fiche .wrap-images, #fiche-produit .top_fiche .wrap-description { float: none !important; width: 100% !important; max-width: 100% !important; margin: 0 0 16px !important; } #fiche-produit .top_fiche .wrap-images { padding: 12px !important; border-radius: 22px !important; } #fiche-produit .top_fiche .wrap-description { padding: 18px 16px !important; border-radius: 22px !important; } #fiche-produit .top_fiche .wrap-images .grande-image, #fiche-produit .top_fiche .wrap-images .grande-image img, #fiche-produit .top_fiche .wrap-images .grande-image video { border-radius: 17px !important; } #fiche-produit .top_fiche .wrap-images .produit_etiquette .titre-etiquette, #fiche-produit .top_fiche .wrap-images .produit_etiquette .h3.titre-etiquette { padding: 10px 16px !important; border-radius: 14px !important; font-size: 12px !important; } #fiche-produit .top_fiche .wrap-description .prix .prixprod { font-size: 27px !important; } #fiche-produit .top_fiche .bloc-quantite { justify-content: center !important; } } @media (max-width: 520px) { #fiche-produit .top_fiche { padding: 0 8px !important; } #fiche-produit .top_fiche .wrap-images { padding: 9px !important; } #fiche-produit .top_fiche .wrap-description { padding: 16px 13px !important; } #fiche-produit .top_fiche .wrap-description label { font-size: 13px !important; } #fiche-produit .top_fiche .wrap-description select, #fiche-produit .top_fiche .wrap-description input[type="text"], #fiche-produit .top_fiche .wrap-description input[type="email"], #fiche-produit .top_fiche .wrap-description input[type="tel"] { min-height: 48px !important; font-size: 14px !important; } } html body.page-fiche_produit #fiche-produit .top_fiche .row.ajouter-panier.block-addbasket { display: flex !important; flex-direction: column !important; align-items: stretch !important; width: 100% !important; margin: 8px 0 0 !important; padding: 0 !important; } html body.page-fiche_produit #fiche-produit .top_fiche .row.ajouter-panier.block-addbasket > .col.s12 { order: 1 !important; width: 100% !important; max-width: 100% !important; float: none !important; margin: 0 !important; padding: 0 !important; text-align: center !important; } html body.page-fiche_produit #fiche-produit .top_fiche .row.ajouter-panier.block-addbasket > a.addbasket, html body.page-fiche_produit #fiche-produit .top_fiche .row.ajouter-panier.block-addbasket > a.addbasket.button, html body.page-fiche_produit #fiche-produit .top_fiche .row.ajouter-panier.block-addbasket > .col.s12 > a.addbasket, html body.page-fiche_produit #fiche-produit .top_fiche .row.ajouter-panier.block-addbasket > .col.s12 > a.addbasket.button { order: 1 !important; display: flex !important; align-items: center !important; justify-content: center !important; width: 100% !important; max-width: 100% !important; min-height: 56px !important; margin: 0 auto !important; padding: 15px 20px !important; box-sizing: border-box !important; } html body.page-fiche_produit #fiche-produit .top_fiche .row.ajouter-panier.block-addbasket > #icc-premium-zone { order: 2 !important; width: 100% !important; max-width: 100% !important; margin: 14px 0 0 !important; padding: 0 !important; gap: 10px !important; box-sizing: border-box !important; } html body.page-fiche_produit #fiche-produit .top_fiche #icc-premium-payments, html body.page-fiche_produit #fiche-produit .top_fiche #icc-premium-reassurance { width: 100% !important; max-width: 100% !important; margin-left: 0 !important; margin-right: 0 !important; box-sizing: border-box !important; } html body.page-fiche_produit #fiche-produit .top_fiche #icc-premium-payments { border-radius: 20px !important; } html body.page-fiche_produit #fiche-produit .top_fiche #icc-premium-reassurance { border-radius: 18px !important; } html body.page-fiche_produit #fiche-produit .top_fiche #icc-livraison-complement { margin-top: 11px !important; padding-top: 11px !important; border-top: 1px solid rgba(15,23,42,.075) !important; } html body.page-fiche_produit #fiche-produit .top_fiche #icc-livraison-lien { color: #0b5cab !important; font-size: 13px !important; font-weight: 750 !important; } html body.page-fiche_produit #fiche-produit .top_fiche #icc-livraison-offerte { margin-top: 6px !important; color: #25466a !important; font-size: 13px !important; font-weight: 800 !important; } @media (max-width: 900px) { html body.page-fiche_produit #fiche-produit .top_fiche .bloc-quantite { width: 100% !important; display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: center !important; gap: 10px !important; margin: 18px auto 16px !important; padding: 0 !important; text-align: center !important; } html body.page-fiche_produit #fiche-produit .top_fiche .bloc-bt-quantity { display: grid !important; grid-template-columns: 44px 86px 44px !important; align-items: center !important; justify-content: center !important; column-gap: 12px !important; margin: 0 auto !important; padding: 0 !important; } html body.page-fiche_produit #fiche-produit .top_fiche input.quantite.input_quantity { width: 86px !important; min-width: 86px !important; max-width: 86px !important; height: 48px !important; margin: 0 !important; text-align: center !important; } html body.page-fiche_produit #fiche-produit .top_fiche .row.ajouter-panier.block-addbasket > a.addbasket, html body.page-fiche_produit #fiche-produit .top_fiche .row.ajouter-panier.block-addbasket > a.addbasket.button, html body.page-fiche_produit #fiche-produit .top_fiche .row.ajouter-panier.block-addbasket > .col.s12 > a.addbasket, html body.page-fiche_produit #fiche-produit .top_fiche .row.ajouter-panier.block-addbasket > .col.s12 > a.addbasket.button { width: 100% !important; max-width: 100% !important; margin: 0 auto !important; } html body.page-fiche_produit #fiche-produit .top_fiche #icc-premium-zone { width: 100% !important; max-width: 100% !important; margin: 12px 0 0 !important; } } @media (max-width: 600px) { body.page-fiche_produit #fiche-produit .top_fiche .wrap-description { padding: 16px 12px 20px !important; } body.page-fiche_produit #icc-premium-zone { width: 100% !important; margin: 10px auto 12px !important; gap: 8px !important; } body.page-fiche_produit #icc-premium-payments { border-radius: 22px !important; } body.page-fiche_produit #icc-premium-reassurance { border-radius: 18px !important; } body.page-fiche_produit #fiche-produit .top_fiche .wrap-description .description, body.page-fiche_produit #fiche-produit .top_fiche .wrap-description .block-shipping { width: 100% !important; margin: 10px 0 0 !important; padding: 14px 14px !important; border-radius: 17px !important; font-size: 14px !important; line-height: 1.45 !important; box-sizing: border-box !important; } body.page-fiche_produit #fiche-produit .top_fiche .wrap-description .description *, body.page-fiche_produit #fiche-produit .top_fiche .wrap-description .block-shipping * { font-size: inherit !important; line-height: inherit !important; } body.page-fiche_produit #fiche-produit .top_fiche .wrap-description [class*="retract"], body.page-fiche_produit #fiche-produit .top_fiche .wrap-description [class*="retractation"] { font-size: 13px !important; line-height: 1.4 !important; } body.page-fiche_produit #fiche-produit .top_fiche .wrap-description { padding-bottom: 28px !important; } } @media (max-width: 600px) { body.page-fiche_produit #icc-premium-reassurance .icc-reassurance-grid { display: grid !important; grid-template-columns:100% !important; gap: 4px !important; } body.page-fiche_produit #icc-premium-reassurance .icc-reassurance-item { display: grid !important; grid-template-columns: 38px minmax(0, 1fr) !important; align-items: center !important; width: 100% !important; padding: 6px 8px !important; text-align: left !important; box-sizing: border-box !important; } body.page-fiche_produit #icc-premium-reassurance .icc-reassurance-icon { width: 30px !important; height: 30px !important; margin: 0 !important; } body.page-fiche_produit #icc-premium-reassurance .icc-reassurance-copy { min-width: 0 !important; } body.page-fiche_produit #icc-premium-reassurance .icc-reassurance-copy strong { font-size: 13px !important; line-height: 1.25 !important; } body.page-fiche_produit #icc-premium-reassurance .icc-reassurance-copy small { margin-top: 1px !important; font-size: 11px !important; line-height: 1.3 !important; } body.page-fiche_produit #icc-premium-payments .icc-premium-payments-logos { display: grid !important; grid-template-columns: repeat(2, 68px) !important; justify-content: center !important; align-items: center !important; width: 100% !important; margin: 0 auto 8px !important; } body.page-fiche_produit #icc-premium-payments .icc-premium-payment-logo:nth-child(5) { grid-column: 1 / -1 !important; justify-self: center !important; } body.page-fiche_produit #icc-premium-payments .icc-premium-payment-logo { padding: 5px 7px !important; display: flex !important; align-items: center !important; justify-content: center !important; overflow: hidden !important; border-radius: 999px !important; box-sizing: border-box !important; } body.page-fiche_produit #icc-premium-payments .icc-premium-payment-logo img { display: block !important; width: auto !important; height: auto !important; max-width: 48px !important; max-height: 25px !important; margin: 0 auto !important; object-fit: contain !important; border: 0 !important; box-shadow: none !important; } body.page-fiche_produit #icc-premium-payments .icc-premium-payment-logo--visa img, body.page-fiche_produit #icc-premium-payments .icc-premium-payment-logo--paypal img { max-width: 43px !important; max-height: 22px !important; } } @media (max-width: 600px) { body.page-fiche_produit #icc-premium-payments { padding-top: 10px !important; padding-bottom: 10px !important; } body.page-fiche_produit #icc-premium-payments .icc-premium-payments-logos { gap: 5px 10px !important; margin-bottom: 5px !important; } body.page-fiche_produit #icc-premium-payments .icc-premium-payment-logo { width: 58px !important; min-width: 58px !important; max-width: 58px !important; height: 39px !important; min-height: 39px !important; max-height: 39px !important; } body.page-fiche_produit #icc-premium-payments .icc-premium-provider { margin-top: 3px !important; } body.page-fiche_produit #icc-premium-payments .icc-premium-payments-separator { margin-top: 5px !important; margin-bottom: 5px !important; } body.page-fiche_produit #icc-premium-payments .icc-premium-payments-text { margin: 0 !important; } } body.page-fiche_produit .template_fiche_produit .bloc-description-detaille > .h4 { position: relative !important; width: fit-content !important; margin: 34px auto 22px !important; padding: 0 8px 12px !important; font-family: Georgia, "Times New Roman", serif !important; font-size: clamp(25px, 2.4vw, 32px) !important; line-height: 1.15 !important; font-weight: 400 !important; color: #0b1220 !important; text-align: center !important; text-transform: none !important; letter-spacing: -.015em !important; } body.page-fiche_produit .template_fiche_produit .bloc-description-detaille > .h4::after { content: "" !important; display: block !important; width: 68px !important; height: 3px !important; margin: 11px auto 0 !important; border-radius: 999px !important; background: linear-gradient( 90deg, rgba(14,165,233,0), rgba(14,165,233,.75), rgba(59,130,246,.55), rgba(14,165,233,0) ) !important; } body.page-fiche_produit #fiche-produit .inacio-wrap { position: relative !important; width: calc(100% - 32px) !important; max-width: 1080px !important; margin: 0 auto 42px !important; padding: 42px 50px 48px !important; overflow: hidden !important; border: 1px solid rgba(15,23,42,.075) !important; border-radius: 30px !important; background: radial-gradient( 100% 120% at 0% 0%, rgba(56,189,248,.085) 0%, rgba(56,189,248,0) 58% ), radial-gradient( 90% 120% at 100% 0%, rgba(99,102,241,.055) 0%, rgba(99,102,241,0) 58% ), linear-gradient( 180deg, rgba(255,255,255,.985) 0%, rgba(249,251,254,.97) 100% ) !important; box-shadow: 0 22px 56px rgba(15,23,42,.065), inset 0 1px 0 rgba(255,255,255,.96) !important; color: #263244 !important; text-align: left !important; } body.page-fiche_produit #fiche-produit .inacio-wrap::before { content: "" !important; position: absolute !important; top: 0 !important; left: 8% !important; right: 8% !important; height: 1px !important; background: linear-gradient( 90deg, transparent, rgba(14,165,233,.26), rgba(255,255,255,.9), rgba(14,165,233,.18), transparent ) !important; pointer-events: none !important; } body.page-fiche_produit #fiche-produit .inacio-badges { display: flex !important; flex-wrap: wrap !important; justify-content: center !important; gap: 9px !important; margin: 0 auto 30px !important; } body.page-fiche_produit #fiche-produit .inacio-badge { min-height: 38px !important; padding: 8px 14px !important; border: 1px solid rgba(2,132,199,.14) !important; border-radius: 999px !important; background: linear-gradient( 180deg, rgba(255,255,255,.97), rgba(246,250,254,.94) ) !important; box-shadow: 0 7px 18px rgba(15,23,42,.04), inset 0 1px 0 rgba(255,255,255,.98) !important; color: #0b5cab !important; font-size: 11px !important; line-height: 1.15 !important; font-weight: 850 !important; letter-spacing: .105em !important; } body.page-fiche_produit #fiche-produit .inacio-title { max-width: 800px !important; margin: 0 auto 14px !important; padding: 0 !important; color: #172033 !important; font-family: Georgia, "Times New Roman", serif !important; font-size: clamp(20px, 2vw, 25px) !important; line-height: 1.35 !important; font-weight: 400 !important; letter-spacing: -.01em !important; text-align: center !important; } body.page-fiche_produit #fiche-produit .inacio-title::after { width: 48px !important; height: 2px !important; margin-top: 14px !important; opacity: .75 !important; } body.page-fiche_produit #fiche-produit .inacio-soft { max-width: 760px !important; margin: 0 auto 32px !important; color: #526071 !important; font-size: 15px !important; line-height: 1.72 !important; font-weight: 550 !important; text-align: center !important; } body.page-fiche_produit #fiche-produit .inacio-section-title { position: relative !important; max-width: 820px !important; margin: 34px auto 16px !important; padding: 25px 0 0 !important; border-top: 1px solid rgba(15,23,42,.075) !important; color: #0b5cab !important; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif !important; font-size: 12px !important; line-height: 1.35 !important; font-weight: 900 !important; letter-spacing: .13em !important; text-transform: uppercase !important; text-align: center !important; } body.page-fiche_produit #fiche-produit .inacio-section-title::before { content: none !important; display: none !important; } body.page-fiche_produit #fiche-produit .inacio-wrap ul, body.page-fiche_produit #fiche-produit .inacio-wrap ol { width: 100% !important; max-width: 760px !important; margin: 8px auto 0 !important; padding: 0 !important; text-align: left !important; } body.page-fiche_produit #fiche-produit .inacio-wrap ul { list-style: none !important; } body.page-fiche_produit #fiche-produit .inacio-wrap li { position: relative !important; margin: 0 !important; padding: 9px 10px 9px 24px !important; color: #445064 !important; font-size: 15px !important; line-height: 1.55 !important; font-weight: 580 !important; border-radius: 10px !important; } body.page-fiche_produit #fiche-produit .inacio-wrap li:nth-child(even) { background: rgba(248,250,252,.72) !important; } body.page-fiche_produit #fiche-produit .inacio-wrap ul > li::before { left: 8px !important; top: 1.05em !important; width: 6px !important; height: 6px !important; background: #3182ce !important; box-shadow: 0 0 0 3px rgba(49,130,206,.08) !important; } body.page-fiche_produit #fiche-produit .inacio-wrap ol { list-style-position: outside !important; padding-left: 26px !important; } body.page-fiche_produit #fiche-produit .inacio-wrap ol li { padding-left: 8px !important; } body.page-fiche_produit #fiche-produit .inacio-card { max-width: 820px !important; margin: 18px auto 0 !important; padding: 18px 20px !important; border: 1px solid rgba(15,23,42,.07) !important; border-radius: 18px !important; background: rgba(255,255,255,.82) !important; box-shadow: 0 10px 26px rgba(15,23,42,.045) !important; } body.page-fiche_produit #fiche-produit .inacio-card::before { opacity: .28 !important; } @media (max-width: 600px) { body.page-fiche_produit .template_fiche_produit .bloc-description-detaille > .h4 { margin-top: 26px !important; margin-bottom: 18px !important; font-size: 25px !important; } body.page-fiche_produit #fiche-produit .inacio-wrap { width: calc(100% - 20px) !important; max-width: none !important; margin: 0 auto 30px !important; padding: 24px 16px 30px !important; border-radius: 23px !important; } body.page-fiche_produit #fiche-produit .inacio-badges { display: grid !important; grid-template-columns: repeat(2, minmax(0,1fr)) !important; gap: 7px !important; width: 100% !important; margin-bottom: 24px !important; } body.page-fiche_produit #fiche-produit .inacio-badge { display: flex !important; align-items: center !important; justify-content: center !important; width: 100% !important; min-height: 38px !important; padding: 7px 8px !important; font-size: 10px !important; text-align: center !important; } body.page-fiche_produit #fiche-produit .inacio-title { font-size: 20px !important; line-height: 1.4 !important; } body.page-fiche_produit #fiche-produit .inacio-soft { margin-bottom: 25px !important; font-size: 14px !important; line-height: 1.62 !important; } body.page-fiche_produit #fiche-produit .inacio-section-title { margin-top: 28px !important; margin-bottom: 12px !important; padding-top: 21px !important; font-size: 11px !important; } body.page-fiche_produit #fiche-produit .inacio-wrap li { padding-top: 8px !important; padding-bottom: 8px !important; font-size: 13.5px !important; line-height: 1.5 !important; } body.page-fiche_produit #fiche-produit .inacio-card { padding: 15px 14px !important; border-radius: 16px !important; } } body.page-fiche_produit #fiche-produit .inacio-badges { margin-bottom: 20px !important; } body.page-fiche_produit #fiche-produit .inacio-title { margin-top: 0 !important; margin-bottom: 10px !important; } body.page-fiche_produit #fiche-produit .inacio-soft { margin-top: 0 !important; margin-bottom: 26px !important; } body.page-fiche_produit #fiche-produit .inacio-wrap .inacio-badges + p, body.page-fiche_produit #fiche-produit .inacio-wrap .inacio-badges + div { margin-top: 18px !important; } body.page-fiche_produit .wrap-details.bloc-suggestions { width: calc(100% - 32px) !important; max-width: 1180px !important; margin: 48px auto 56px !important; padding: 0 !important; box-sizing: border-box !important; background: transparent !important; border: 0 !important; box-shadow: none !important; } body.page-fiche_produit .wrap-details.bloc-suggestions > .h4, body.page-fiche_produit .wrap-details.bloc-suggestions > h4 { position: relative !important; width: fit-content !important; margin: 0 auto 26px !important; padding: 0 8px 13px !important; background: transparent !important; border: 0 !important; box-shadow: none !important; color: #0b1220 !important; font-family: Georgia, "Times New Roman", serif !important; font-size: 30px !important; line-height: 1.12 !important; font-weight: 400 !important; letter-spacing: -.018em !important; text-transform: none !important; text-align: center !important; } body.page-fiche_produit .wrap-details.bloc-suggestions > .h4::after, body.page-fiche_produit .wrap-details.bloc-suggestions > h4::after { content: "" !important; display: block !important; width: 68px !important; height: 3px !important; margin: 11px auto 0 !important; border-radius: 999px !important; background: linear-gradient( 90deg, rgba(14,165,233,0), rgba(14,165,233,.72), rgba(59,130,246,.48), rgba(14,165,233,0) ) !important; } body.page-fiche_produit .wrap-details.bloc-suggestions .content-products.mode-boutique { width: 100% !important; margin: 0 !important; padding: 0 !important; background: transparent !important; border: 0 !important; box-shadow: none !important; } body.page-fiche_produit .wrap-details.bloc-suggestions .content-products.mode-boutique > .produits { position: relative !important; display: flex !important; flex-direction: column !important; height: 100% !important; min-height: 0 !important; margin-top: 0 !important; margin-bottom: 0 !important; padding: 12px 12px 16px !important; box-sizing: border-box !important; background: radial-gradient( 120% 140% at 15% 0%, rgba(56,189,248,.055), transparent 55% ), linear-gradient( 180deg, rgba(255,255,255,.985), rgba(249,251,254,.97) ) !important; border: 1px solid rgba(15,23,42,.075) !important; border-radius: 22px !important; box-shadow: 0 14px 34px rgba(15,23,42,.065), inset 0 1px 0 rgba(255,255,255,.96) !important; overflow: hidden !important; transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease !important; } @media (hover: hover) and (pointer: fine) { body.page-fiche_produit .wrap-details.bloc-suggestions .content-products.mode-boutique > .produits:hover { transform: translateY(-3px) !important; border-color: rgba(11,92,171,.13) !important; box-shadow: 0 20px 44px rgba(15,23,42,.095), inset 0 1px 0 rgba(255,255,255,.98) !important; } } body.page-fiche_produit .wrap-details.bloc-suggestions .content-products.mode-boutique > .produits > .productImageWrap { order: 1 !important; position: relative !important; display: block !important; width: 100% !important; height: auto !important; aspect-ratio: 1 / 1 !important; margin: 0 0 10px !important; overflow: hidden !important; background: #f8fafc !important; border: 1px solid rgba(15,23,42,.055) !important; border-radius: 18px !important; box-shadow: none !important; } body.page-fiche_produit .wrap-details.bloc-suggestions .content-products.mode-boutique > .produits > .productImageWrap img { display: block !important; width: 100% !important; height: 100% !important; object-fit: cover !important; object-position: center !important; margin: 0 !important; border-radius: 18px !important; transform: none !important; } body.page-fiche_produit .wrap-details.bloc-suggestions .content-products.mode-boutique > .produits > .container-etiquette { min-width: 0 !important; max-width: 100% !important; } body.page-fiche_produit .wrap-details.bloc-suggestions .content-products.mode-boutique .produit_etiquette { width: auto !important; min-width: 0 !important; max-width: max-content !important; margin: 0 auto !important; padding: 0 !important; background: transparent !important; border: 0 !important; box-shadow: none !important; } body.page-fiche_produit .wrap-details.bloc-suggestions .content-products.mode-boutique .produit_etiquette .titre-etiquette, body.page-fiche_produit .wrap-details.bloc-suggestions .content-products.mode-boutique .produit_etiquette .h3.titre-etiquette { display: inline-flex !important; align-items: center !important; justify-content: center !important; width: auto !important; min-width: 0 !important; max-width: max-content !important; margin: 0 auto !important; padding: 6px 10px !important; border-radius: 8px !important; background: #0b1220 !important; color: #ffffff !important; font-size: 10px !important; line-height: 1.1 !important; font-weight: 900 !important; letter-spacing: .035em !important; white-space: nowrap !important; box-shadow: 0 7px 16px rgba(15,23,42,.10) !important; } body.page-fiche_produit .wrap-details.bloc-suggestions .content-products.mode-boutique .nomprod { order: 3 !important; width: 100% !important; min-height: 44px !important; margin: 0 auto 8px !important; padding: 0 6px !important; color: #172033 !important; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif !important; font-size: 14px !important; line-height: 1.35 !important; font-weight: 750 !important; letter-spacing: 0 !important; text-transform: none !important; text-align: center !important; display: -webkit-box !important; -webkit-box-orient: vertical !important; -webkit-line-clamp: 2 !important; overflow: hidden !important; } body.page-fiche_produit .wrap-details.bloc-suggestions .content-products.mode-boutique .nomprod a { color: #172033 !important; text-decoration: none !important; } body.page-fiche_produit .wrap-details.bloc-suggestions .content-products.mode-boutique .brand, body.page-fiche_produit .wrap-details.bloc-suggestions .content-products.mode-boutique p.desc { display: none !important; } body.page-fiche_produit .wrap-details.bloc-suggestions .content-products.mode-boutique .prix { order: 4 !important; display: flex !important; align-items: baseline !important; justify-content: center !important; flex-wrap: wrap !important; gap: 5px !important; width: 100% !important; margin: 2px auto 8px !important; padding: 0 !important; color: #0b1220 !important; text-align: center !important; } body.page-fiche_produit .wrap-details.bloc-suggestions .content-products.mode-boutique .prix .prixprod { color: #0b1220 !important; font-size: 18px !important; line-height: 1.15 !important; font-weight: 900 !important; } body.page-fiche_produit .wrap-details.bloc-suggestions .content-products.mode-boutique .prix .oldprix { color: #6b7280 !important; font-size: 12px !important; font-weight: 650 !important; opacity: .82 !important; } body.page-fiche_produit .wrap-details.bloc-suggestions .content-products.mode-boutique .note-produit { order: 5 !important; width: 100% !important; margin: 3px auto 4px !important; color: #526071 !important; font-size: 12px !important; line-height: 1.25 !important; text-align: center !important; } body.page-fiche_produit .wrap-details.bloc-suggestions .content-products.mode-boutique .note-produit i, body.page-fiche_produit .wrap-details.bloc-suggestions .content-products.mode-boutique .note-produit .fa-star { color: #0b5cab !important; } body.page-fiche_produit .wrap-details.bloc-suggestions .content-products.mode-boutique .block-btn-addbasket { order: 10 !important; width: 100% !important; margin-top: auto !important; padding-top: 13px !important; text-align: center !important; } body.page-fiche_produit .wrap-details.bloc-suggestions .content-products.mode-boutique a.addbasket, body.page-fiche_produit .wrap-details.bloc-suggestions .content-products.mode-boutique button.addbasket { display: inline-flex !important; align-items: center !important; justify-content: center !important; width: 100% !important; max-width: 190px !important; min-height: 48px !important; margin: 0 auto !important; padding: 11px 16px !important; border-radius: 15px !important; border: 1px solid rgba(2,132,199,.30) !important; background: linear-gradient( 180deg, #0ea5e9 0%, #0284c7 100% ) !important; color: #ffffff !important; font-size: 13px !important; line-height: 1.15 !important; font-weight: 900 !important; letter-spacing: .025em !important; text-align: center !important; text-decoration: none !important; box-shadow: 0 11px 24px rgba(2,132,199,.16), inset 0 1px 0 rgba(255,255,255,.20) !important; } @media (max-width: 600px) { body.page-fiche_produit .wrap-details.bloc-suggestions { width: calc(100% - 20px) !important; margin-top: 34px !important; margin-bottom: 38px !important; } body.page-fiche_produit .wrap-details.bloc-suggestions > .h4, body.page-fiche_produit .wrap-details.bloc-suggestions > h4 { margin-bottom: 20px !important; font-size: 26px !important; } body.page-fiche_produit .wrap-details.bloc-suggestions .content-products.mode-boutique > .produits { padding: 9px 9px 13px !important; border-radius: 18px !important; } body.page-fiche_produit .wrap-details.bloc-suggestions .content-products.mode-boutique > .produits > .productImageWrap, body.page-fiche_produit .wrap-details.bloc-suggestions .content-products.mode-boutique > .produits > .productImageWrap img { border-radius: 14px !important; } body.page-fiche_produit .wrap-details.bloc-suggestions .content-products.mode-boutique .nomprod { min-height: 0 !important; padding-left: 2px !important; padding-right: 2px !important; font-size: 13px !important; } body.page-fiche_produit .wrap-details.bloc-suggestions .content-products.mode-boutique .prix .prixprod { font-size: 17px !important; } body.page-fiche_produit .wrap-details.bloc-suggestions .content-products.mode-boutique a.addbasket, body.page-fiche_produit .wrap-details.bloc-suggestions .content-products.mode-boutique button.addbasket { max-width: 100% !important; min-height: 46px !important; padding: 10px 13px !important; border-radius: 14px !important; font-size: 12px !important; } } body.page-fiche_produit .wrap-details.bloc-suggestions .content-products.mode-boutique > .produits > .remise { position: absolute !important; top: 24px !important; left: 24px !important; right: auto !important; bottom: auto !important; z-index: 12 !important; display: flex !important; align-items: center !important; justify-content: center !important; width: auto !important; min-width: 0 !important; max-width: none !important; height: auto !important; min-height: 0 !important; margin: 0 !important; padding: 0 !important; background: transparent !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; transform: none !important; } body.page-fiche_produit .wrap-details.bloc-suggestions .content-products.mode-boutique > .produits > .remise .text-remise { display: inline-flex !important; align-items: center !important; justify-content: center !important; width: auto !important; min-width: 58px !important; max-width: none !important; min-height: 34px !important; margin: 0 !important; padding: 7px 11px !important; box-sizing: border-box !important; border-radius: 10px !important; border: 1px solid rgba(255,255,255,.14) !important; background: radial-gradient( 120% 160% at 18% 0%, rgba(14,165,233,.18), transparent 55% ), linear-gradient( 180deg, #172238 0%, #0b1220 100% ) !important; color: #ffffff !important; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif !important; font-size: 14px !important; line-height: 1 !important; font-weight: 900 !important; letter-spacing: -.01em !important; white-space: nowrap !important; text-shadow: none !important; box-shadow: 0 8px 20px rgba(15,23,42,.22), inset 0 1px 0 rgba(255,255,255,.10) !important; } body.page-fiche_produit .wrap-details.bloc-suggestions .content-products.mode-boutique > .produits > .remise::before, body.page-fiche_produit .wrap-details.bloc-suggestions .content-products.mode-boutique > .produits > .remise::after, body.page-fiche_produit .wrap-details.bloc-suggestions .content-products.mode-boutique > .produits > .remise .text-remise::before, body.page-fiche_produit .wrap-details.bloc-suggestions .content-products.mode-boutique > .produits > .remise .text-remise::after { content: none !important; display: none !important; } @media (max-width: 600px) { body.page-fiche_produit .wrap-details.bloc-suggestions .content-products.mode-boutique > .produits > .remise { top: 17px !important; left: 17px !important; } body.page-fiche_produit .wrap-details.bloc-suggestions .content-products.mode-boutique > .produits > .remise .text-remise { min-width: 52px !important; min-height: 31px !important; padding: 6px 9px !important; border-radius: 9px !important; font-size: 12px !important; } } body.page-fiche_produit #produit-comment { width: calc(100% - 32px) !important; max-width: 1080px !important; margin: 46px auto 48px !important; padding: 0 !important; box-sizing: border-box !important; background: transparent !important; border: 0 !important; box-shadow: none !important; color: #263244 !important; } body.page-fiche_produit #produit-comment > .h4 { position: relative !important; display: block !important; float: none !important; width: fit-content !important; max-width: 100% !important; margin: 0 auto 24px !important; padding: 0 8px 13px !important; background: transparent !important; border: 0 !important; box-shadow: none !important; color: #0b1220 !important; font-family: Georgia, "Times New Roman", serif !important; font-size: 30px !important; line-height: 1.12 !important; font-weight: 400 !important; letter-spacing: -0.018em !important; text-transform: none !important; text-align: center !important; } body.page-fiche_produit #produit-comment > .h4::after { content: "" !important; display: block !important; width: 68px !important; height: 3px !important; margin: 11px auto 0 !important; border-radius: 999px !important; background: linear-gradient( 90deg, rgba(14, 165, 233, 0), rgba(14, 165, 233, 0.72), rgba(59, 130, 246, 0.48), rgba(14, 165, 233, 0) ) !important; } body.page-fiche_produit #produit-comment .details-avis { width: 100% !important; margin: 0 !important; padding: 0 !important; background: transparent !important; border: 0 !important; box-shadow: none !important; } body.page-fiche_produit #produit-comment .details-avis > .clearfix { align-items: center !important; display: flex !important; flex-direction: column !important; justify-content: center !important; gap: 17px !important; width: 100% !important; max-width: 820px !important; min-height: 0 !important; margin: 0 auto 26px !important; padding: 24px 22px !important; box-sizing: border-box !important; border: 1px solid rgba(15, 23, 42, 0.07) !important; border-radius: 20px !important; background: radial-gradient( 120% 150% at 15% 0%, rgba(56, 189, 248, 0.06), transparent 55% ), linear-gradient( 180deg, rgba(255, 255, 255, 0.97), rgba(249, 251, 254, 0.95) ) !important; box-shadow: 0 12px 32px rgba(15, 23, 42, 0.05), inset 0 1px 0 rgba(255, 255, 255, 0.96) !important; text-align: center !important; } body.page-fiche_produit #produit-comment .details-avis > .clearfix p { margin: 0 !important; } body.page-fiche_produit #produit-comment .details-avis .center { float: none !important; position: static !important; display: flex !important; align-items: center !important; justify-content: center !important; width: 100% !important; min-width: 0 !important; max-width: 100% !important; margin: 0 !important; padding: 0 !important; color: #526071 !important; font-size: 14px !important; line-height: 1.45 !important; font-weight: 700 !important; text-align: center !important; } body.page-fiche_produit #produit-comment .details-avis .pull-right { float: none !important; position: static !important; display: flex !important; align-items: center !important; justify-content: center !important; width: 100% !important; max-width: 100% !important; margin: 0 !important; padding: 0 !important; } body.page-fiche_produit #produit-comment .details-avis > div[style*="margin-top:35px"] { display: none !important; } body.page-fiche_produit #produit-comment a[href="#addcomment"] { display: inline-flex !important; align-items: center !important; justify-content: center !important; gap: 9px !important; min-height: 48px !important; min-width: 240px !important; max-width: 100% !important; margin: 0 auto !important; padding: 12px 20px !important; box-sizing: border-box !important; border: 1px solid rgba(2, 132, 199, 0.3) !important; border-radius: 15px !important; background: linear-gradient( 180deg, #0ea5e9 0%, #0284c7 100% ) !important; color: #ffffff !important; font-size: 13px !important; line-height: 1.1 !important; font-weight: 900 !important; letter-spacing: 0.035em !important; text-transform: uppercase !important; text-decoration: none !important; box-shadow: 0 11px 25px rgba(2, 132, 199, 0.17), inset 0 1px 0 rgba(255, 255, 255, 0.22) !important; } body.page-fiche_produit #produit-comment a[href="#addcomment"] i, body.page-fiche_produit #produit-comment a[href="#addcomment"] .fa { color: #ffffff !important; font-size: 14px !important; } body.page-fiche_produit #produit-comment #addcomment { position: relative !important; float: none !important; width: 100% !important; max-width: 100% !important; margin: 0 auto 10px !important; padding: 0 !important; background: transparent !important; border: 0 !important; box-shadow: none !important; scroll-margin-top: 120px !important; } body.page-fiche_produit #produit-comment #addcomment > div { position: relative !important; width: 100% !important; margin: 0 !important; padding: 30px 30px 24px !important; box-sizing: border-box !important; overflow: hidden !important; border: 1px solid rgba(15, 23, 42, 0.075) !important; border-radius: 24px !important; background: radial-gradient( 110% 150% at 10% 0%, rgba(56, 189, 248, 0.06), transparent 58% ), radial-gradient( 100% 150% at 90% 0%, rgba(99, 102, 241, 0.04), transparent 58% ), linear-gradient( 180deg, rgba(255, 255, 255, 0.985), rgba(249, 251, 254, 0.97) ) !important; box-shadow: 0 18px 46px rgba(15, 23, 42, 0.065), inset 0 1px 0 rgba(255, 255, 255, 0.97) !important; } body.page-fiche_produit #produit-comment #addcomment > div::before { content: "" !important; position: absolute !important; top: 0 !important; left: 8% !important; right: 8% !important; height: 1px !important; background: linear-gradient( 90deg, transparent, rgba(14, 165, 233, 0.22), rgba(255, 255, 255, 0.95), rgba(14, 165, 233, 0.16), transparent ) !important; pointer-events: none !important; } body.page-fiche_produit #produit-comment #addcomment #entete { margin-bottom: 18px !important; } body.page-fiche_produit #produit-comment #addcomment #entete .h4 { width: 100% !important; margin: 0 auto 12px !important; padding: 0 !important; background: transparent !important; border: 0 !important; box-shadow: none !important; color: #172033 !important; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif !important; font-size: 17px !important; line-height: 1.25 !important; font-weight: 900 !important; letter-spacing: 0.035em !important; text-transform: uppercase !important; text-align: center !important; } body.page-fiche_produit #produit-comment #addcomment #entete > div[style] { margin: 0 auto !important; color: #64748b !important; font-size: 13px !important; line-height: 1.45 !important; text-align: center !important; } body.page-fiche_produit #produit-comment #addcomment form { margin: 0 !important; } body.page-fiche_produit #produit-comment #formulaire { margin-left: -7px !important; margin-right: -7px !important; } body.page-fiche_produit #produit-comment #formulaire::before, body.page-fiche_produit #produit-comment #formulaire::after { content: none !important; } body.page-fiche_produit #produit-comment #formulaire > .form-group, body.page-fiche_produit #produit-comment #formulaire > .center.col { padding-left: 7px !important; padding-right: 7px !important; box-sizing: border-box !important; } body.page-fiche_produit #produit-comment #formulaire label { display: block !important; margin: 0 0 7px !important; color: #172033 !important; font-size: 13px !important; line-height: 1.3 !important; font-weight: 850 !important; } body.page-fiche_produit #produit-comment #formulaire input.form-control, body.page-fiche_produit #produit-comment #formulaire select.form-control, body.page-fiche_produit #produit-comment #formulaire textarea.form-control { width: 100% !important; min-height: 48px !important; margin: 0 !important; padding: 11px 14px !important; box-sizing: border-box !important; border: 1px solid rgba(15, 23, 42, 0.11) !important; border-radius: 13px !important; background: #ffffff !important; color: #172033 !important; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif !important; font-size: 14px !important; line-height: 1.4 !important; box-shadow: 0 6px 16px rgba(15, 23, 42, 0.035), inset 0 1px 0 rgba(255, 255, 255, 0.98) !important; outline: none !important; } body.page-fiche_produit #produit-comment #formulaire select.form-control { width: 100% !important; min-width: 76px !important; } body.page-fiche_produit #produit-comment #formulaire textarea.form-control { min-height: 105px !important; resize: vertical !important; } body.page-fiche_produit #produit-comment #formulaire input.form-control:focus, body.page-fiche_produit #produit-comment #formulaire select.form-control:focus, body.page-fiche_produit #produit-comment #formulaire textarea.form-control:focus { border-color: rgba(2, 132, 199, 0.42) !important; box-shadow: 0 0 0 3px rgba(14, 165, 233, 0.1), 0 7px 18px rgba(15, 23, 42, 0.045) !important; } body.page-fiche_produit #produit-comment #formulaire .form-group { margin-bottom: 16px !important; } body.page-fiche_produit #produit-comment #formulaire > .center.col { display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: center !important; margin-top: 4px !important; } body.page-fiche_produit #produit-comment button[name="add_commentaire"] { display: inline-flex !important; align-items: center !important; justify-content: center !important; gap: 9px !important; min-width: 170px !important; min-height: 48px !important; margin: 0 auto !important; padding: 12px 22px !important; border: 1px solid rgba(2, 132, 199, 0.3) !important; border-radius: 15px !important; background: linear-gradient( 180deg, #0ea5e9, #0284c7 ) !important; color: #ffffff !important; font-size: 13px !important; line-height: 1 !important; font-weight: 900 !important; letter-spacing: 0.045em !important; text-transform: uppercase !important; text-decoration: none !important; box-shadow: 0 11px 25px rgba(2, 132, 199, 0.17), inset 0 1px 0 rgba(255, 255, 255, 0.2) !important; } body.page-fiche_produit #produit-comment button[name="add_commentaire"] i, body.page-fiche_produit #produit-comment button[name="add_commentaire"] .fa { color: #ffffff !important; } body.page-fiche_produit #produit-comment .law-computer-and-freedoms, body.page-fiche_produit #produit-comment [class*="law"], body.page-fiche_produit #produit-comment [class*="freedom"] { margin-top: 12px !important; color: #7a8493 !important; font-size: 11px !important; line-height: 1.4 !important; font-style: italic !important; } body.page-fiche_produit #produit-comment .law-computer-and-freedoms *, body.page-fiche_produit #produit-comment [class*="law"] *, body.page-fiche_produit #produit-comment [class*="freedom"] * { font-size: inherit !important; line-height: inherit !important; } @media (max-width: 760px) { body.page-fiche_produit #produit-comment { width: calc(100% - 20px) !important; margin-top: 34px !important; margin-bottom: 36px !important; } body.page-fiche_produit #produit-comment > .h4 { margin-bottom: 19px !important; font-size: 26px !important; } body.page-fiche_produit #produit-comment .details-avis > .clearfix { gap: 13px !important; padding: 16px !important; border-radius: 18px !important; text-align: center !important; } body.page-fiche_produit #produit-comment .details-avis .center { justify-content: center !important; width: 100% !important; text-align: center !important; font-size: 13px !important; } body.page-fiche_produit #produit-comment .details-avis .pull-right { justify-content: center !important; width: 100% !important; } body.page-fiche_produit #produit-comment a[href="#addcomment"] { width: 100% !important; max-width: 310px !important; min-height: 46px !important; padding: 11px 15px !important; font-size: 12px !important; } body.page-fiche_produit #produit-comment #addcomment > div { padding: 22px 15px 20px !important; border-radius: 20px !important; } body.page-fiche_produit #produit-comment #addcomment #entete .h4 { margin-bottom: 17px !important; font-size: 15px !important; } body.page-fiche_produit #produit-comment #formulaire > .col { float: none !important; width: 100% !important; max-width: 100% !important; margin-left: 0 !important; margin-right: 0 !important; padding-left: 7px !important; padding-right: 7px !important; } body.page-fiche_produit #produit-comment #formulaire input.form-control, body.page-fiche_produit #produit-comment #formulaire select.form-control, body.page-fiche_produit #produit-comment #formulaire textarea.form-control { font-size: 16px !important; } body.page-fiche_produit #produit-comment button[name="add_commentaire"] { width: 100% !important; max-width: 300px !important; min-height: 46px !important; } } body.page-fiche_produit .wrap-details.bloc-suggestions .content-products.mode-boutique > .produits > .productContentWrap { order: 3 !important; float: none !important; display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: flex-start !important; flex: 1 1 auto !important; width: 100% !important; min-width: 0 !important; min-height: 0 !important; margin: 0 !important; padding: 9px 0 0 !important; box-sizing: border-box !important; text-align: center !important; } body.page-fiche_produit .wrap-details.bloc-suggestions .content-products.mode-boutique > .produits > .container-etiquette { order: 2 !important; position: relative !important; top: auto !important; right: auto !important; bottom: auto !important; left: auto !important; z-index: 3 !important; display: flex !important; align-items: center !important; justify-content: center !important; width: 100% !important; height: auto !important; margin: 0 auto !important; padding: 0 !important; transform: none !important; } body.page-fiche_produit .wrap-details.bloc-suggestions .content-products.mode-boutique .productContentWrap select.boutique_product_attribute_select, body.page-fiche_produit .wrap-details.bloc-suggestions .content-products.mode-boutique .productContentWrap select { position: static !important; float: none !important; display: block !important; order: 1 !important; width: calc(100% - 28px) !important; max-width: 220px !important; min-width: 0 !important; height: 40px !important; min-height: 40px !important; margin: 0 auto 16px !important; padding: 0 34px 0 12px !important; box-sizing: border-box !important; border: 1px solid rgba(15, 23, 42, 0.14) !important; border-radius: 11px !important; background-color: #ffffff !important; color: #172033 !important; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif !important; font-size: 12px !important; line-height: normal !important; font-weight: 650 !important; text-align: left !important; box-shadow: 0 6px 16px rgba(15, 23, 42, 0.04) !important; transform: none !important; } body.page-fiche_produit .wrap-details.bloc-suggestions .content-products.mode-boutique .productContentWrap .nomprod { order: 3 !important; width: 100% !important; min-height: 0 !important; margin: 0 auto 9px !important; padding: 0 5px !important; box-sizing: border-box !important; } body.page-fiche_produit .wrap-details.bloc-suggestions .content-products.mode-boutique .productContentWrap .prix { order: 4 !important; width: 100% !important; margin: 0 auto 8px !important; } body.page-fiche_produit .wrap-details.bloc-suggestions .content-products.mode-boutique .productContentWrap .note-produit { order: 5 !important; width: 100% !important; margin: 0 auto 6px !important; } body.page-fiche_produit .wrap-details.bloc-suggestions .content-products.mode-boutique .productContentWrap .block-btn-addbasket { order: 10 !important; width: 100% !important; margin-top: auto !important; padding-top: 12px !important; text-align: center !important; } @media (max-width: 600px) { body.page-fiche_produit .wrap-details.bloc-suggestions .content-products.mode-boutique > .produits > .productContentWrap { width: 100% !important; min-width: 0 !important; max-width: 100% !important; align-items: stretch !important; padding-top: 11px !important; } body.page-fiche_produit .wrap-details.bloc-suggestions .content-products.mode-boutique .productContentWrap .attr { position: static !important; float: none !important; display: flex !important; align-items: center !important; justify-content: center !important; flex: 0 0 auto !important; width: 100% !important; min-width: 0 !important; max-width: 100% !important; height: auto !important; margin: 0 auto 16px !important; padding: 0 !important; transform: none !important; } body.page-fiche_produit .wrap-details.bloc-suggestions .content-products.mode-boutique .productContentWrap .attr:empty { display: none !important; margin: 0 !important; } body.page-fiche_produit .wrap-details.bloc-suggestions .content-products.mode-boutique .productContentWrap select.boutique_product_attribute_select, body.page-fiche_produit .wrap-details.bloc-suggestions .content-products.mode-boutique .productContentWrap select { width: calc(100% - 34px) !important; min-width: 220px !important; max-width: 300px !important; height: 46px !important; min-height: 46px !important; margin: 0 auto !important; padding: 0 42px 0 14px !important; border-radius: 12px !important; font-size: 14px !important; line-height: 46px !important; white-space: nowrap !important; box-shadow: 0 6px 16px rgba(15, 23, 42, 0.045) !important; transform: none !important; -webkit-appearance: none !important; appearance: none !important; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%23172033' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") !important; background-repeat: no-repeat !important; background-position: right 13px center !important; background-size: 18px 18px !important; } body.page-fiche_produit .wrap-details.bloc-suggestions .content-products.mode-boutique .productContentWrap .nomprod { margin-top: 0 !important; font-size: 14px !important; line-height: 1.3 !important; } body.page-fiche_produit .wrap-details.bloc-suggestions .content-products.mode-boutique .productContentWrap .block-btn-addbasket { padding-top: 10px !important; } } @media (max-width: 760px) { body.page-fiche_produit #produit-comment #formulaire select.form-control { display: block !important; width: 100% !important; height: 50px !important; min-height: 50px !important; max-height: 50px !important; margin: 0 !important; padding-top: 0 !important; padding-bottom: 0 !important; padding-left: 14px !important; padding-right: 42px !important; line-height: normal !important; text-indent: 0 !important; vertical-align: middle !important; -webkit-appearance: menulist !important; appearance: auto !important; } } #icc-panier-bas-global { width: calc(100% - 32px) !important; max-width: 680px !important; margin: 18px auto 26px !important; padding: 14px 18px 12px !important; box-sizing: border-box !important; background: linear-gradient( 180deg, rgba(255,255,255,.98), rgba(248,250,252,.96) ) !important; border: 1px solid rgba(15,23,42,.08) !important; border-radius: 22px !important; box-shadow: 0 12px 35px rgba(15,23,42,.06), inset 0 1px 0 rgba(255,255,255,.9) !important; } #icc-panier-bas-bouton { min-height: 58px !important; width: 100% !important; padding: 15px 24px !important; border-radius: 999px !important; background: linear-gradient( 180deg, #0b1220 0%, #16263a 100% ) !important; color: #ffffff !important; font-size: 16px !important; font-weight: 900 !important; letter-spacing: .04em !important; box-shadow: 0 12px 24px rgba(11,18,32,.22), inset 0 1px 0 rgba(255,255,255,.15) !important; } .icc-panier-bas-icone { width: 22px !important; height: 22px !important; } .icc-panier-bas-information { margin-top: 8px !important; color: #64748b !important; font-size: 12px !important; line-height: 1.4 !important; } #icc-panier-bas-bouton:hover { transform: translateY(-1px); box-shadow: 0 16px 30px rgba(11,18,32,.28), inset 0 1px 0 rgba(255,255,255,.18) !important; } @media (max-width:700px) { #icc-panier-bas-global { width: calc(100% - 20px) !important; margin: 22px auto 26px !important; padding: 14px !important; border-radius: 20px !important; } #icc-panier-bas-bouton { min-height: 54px !important; padding: 14px 16px !important; font-size: 15px !important; } .icc-panier-bas-information { margin-top: 8px !important; font-size: 12px !important; } } body.page-fiche_produit #fiche-produit .top_fiche .wrap-description { border-color: rgba(15,23,42,.085) !important; background: radial-gradient( 130% 150% at 10% 0%, rgba(56,189,248,.09), transparent 52% ), radial-gradient( 110% 150% at 95% 0%, rgba(99,102,241,.045), transparent 55% ), linear-gradient( 180deg, rgba(255,255,255,.99), rgba(248,251,254,.97) ) !important; box-shadow: 0 24px 58px rgba(15,23,42,.085), inset 0 1px 0 rgba(255,255,255,.98) !important; } body.page-fiche_produit #fiche-produit .top_fiche .wrap-description .declinaison-attribute-group { position: relative !important; width: 100% !important; max-width: none !important; margin: 0 0 12px !important; padding: 12px 13px 13px !important; box-sizing: border-box !important; border: 1px solid rgba(15,23,42,.065) !important; border-radius: 17px !important; background: linear-gradient( 180deg, rgba(255,255,255,.94), rgba(248,250,253,.88) ) !important; box-shadow: 0 8px 20px rgba(15,23,42,.035), inset 0 1px 0 rgba(255,255,255,.98) !important; } body.page-fiche_produit #fiche-produit .top_fiche .wrap-description .declinaison-attribute-group label { display: block !important; margin: 0 0 7px !important; color: #263244 !important; font-size: 12.5px !important; line-height: 1.3 !important; font-weight: 850 !important; letter-spacing: .015em !important; } body.page-fiche_produit #fiche-produit .top_fiche .wrap-description .declinaison-attribute-group select { width: 100% !important; min-height: 52px !important; margin: 0 !important; padding-left: 15px !important; padding-right: 38px !important; border: 1px solid rgba(15,23,42,.105) !important; border-radius: 14px !important; background-color: #ffffff !important; color: #172033 !important; font-size: 14px !important; font-weight: 700 !important; box-shadow: 0 5px 14px rgba(15,23,42,.035), inset 0 1px 0 rgba(255,255,255,.98) !important; } body.page-fiche_produit #fiche-produit .top_fiche .wrap-description .declinaison-attribute-group select:focus { border-color: rgba(14,165,233,.45) !important; box-shadow: 0 0 0 3px rgba(14,165,233,.10), 0 7px 18px rgba(15,23,42,.045) !important; outline: none !important; } body.page-fiche_produit #fiche-produit .top_fiche .wrap-description input[type="text"] { width: 100% !important; min-height: 52px !important; border: 1px solid rgba(15,23,42,.105) !important; border-radius: 14px !important; background: #ffffff !important; color: #172033 !important; font-size: 14px !important; font-weight: 650 !important; box-shadow: 0 5px 14px rgba(15,23,42,.035), inset 0 1px 0 rgba(255,255,255,.98) !important; } body.page-fiche_produit #fiche-produit .top_fiche .wrap-description input[type="text"]:focus { border-color: rgba(14,165,233,.45) !important; box-shadow: 0 0 0 3px rgba(14,165,233,.10), 0 7px 18px rgba(15,23,42,.045) !important; outline: none !important; } body.page-fiche_produit #fiche-produit .top_fiche .wrap-description .prix { position: relative !important; display: flex !important; align-items: baseline !important; justify-content: flex-start !important; flex-wrap: wrap !important; gap: 8px !important; width: 100% !important; margin: 17px 0 13px !important; padding: 15px 16px !important; border: 1px solid rgba(15,23,42,.07) !important; border-radius: 17px !important; background: radial-gradient( 120% 160% at 12% 0%, rgba(56,189,248,.07), transparent 55% ), rgba(255,255,255,.86) !important; box-shadow: 0 8px 20px rgba(15,23,42,.035) !important; } body.page-fiche_produit #fiche-produit .top_fiche .wrap-description .prix .prixprod { color: #0b1220 !important; font-size: 31px !important; line-height: 1 !important; font-weight: 900 !important; letter-spacing: -.03em !important; } body.page-fiche_produit #fiche-produit .top_fiche .wrap-description .prix .oldprix { font-size: 13px !important; font-weight: 750 !important; } body.page-fiche_produit #fiche-produit .top_fiche .bloc-quantite { width: 100% !important; margin: 14px 0 14px !important; padding: 12px 14px !important; border: 1px solid rgba(15,23,42,.065) !important; border-radius: 16px !important; background: rgba(255,255,255,.72) !important; box-shadow: 0 7px 18px rgba(15,23,42,.03) !important; } body.page-fiche_produit #fiche-produit .top_fiche .row.ajouter-panier a.addbasket, body.page-fiche_produit #fiche-produit .top_fiche .row.ajouter-panier a.addbasket.button { min-height: 58px !important; border-radius: 17px !important; background: radial-gradient( 120% 170% at 20% 0%, rgba(255,255,255,.16), transparent 52% ), linear-gradient( 180deg, #10a8e8 0%, #057fbd 100% ) !important; border: 1px solid rgba(2,132,199,.32) !important; color: #ffffff !important; font-size: 15px !important; font-weight: 900 !important; letter-spacing: .045em !important; box-shadow: 0 15px 30px rgba(2,132,199,.20), inset 0 1px 0 rgba(255,255,255,.25) !important; transition: transform .18s ease, box-shadow .18s ease, filter .18s ease !important; } @media (hover:hover) and (pointer:fine) { body.page-fiche_produit #fiche-produit .top_fiche .row.ajouter-panier a.addbasket:hover, body.page-fiche_produit #fiche-produit .top_fiche .row.ajouter-panier a.addbasket.button:hover { transform: translateY(-1px) !important; filter: brightness(1.02) !important; box-shadow: 0 18px 34px rgba(2,132,199,.24), inset 0 1px 0 rgba(255,255,255,.28) !important; text-decoration: none !important; } } @media (max-width: 600px) { body.page-fiche_produit #fiche-produit .top_fiche .wrap-description .declinaison-attribute-group { margin-bottom: 10px !important; padding: 10px 10px 11px !important; border-radius: 15px !important; } body.page-fiche_produit #fiche-produit .top_fiche .wrap-description .declinaison-attribute-group select, body.page-fiche_produit #fiche-produit .top_fiche .wrap-description input[type="text"] { min-height: 49px !important; font-size: 14px !important; border-radius: 13px !important; } body.page-fiche_produit #fiche-produit .top_fiche .wrap-description .prix { margin-top: 14px !important; padding: 13px 14px !important; border-radius: 15px !important; } body.page-fiche_produit #fiche-produit .top_fiche .wrap-description .prix .prixprod { font-size: 27px !important; } body.page-fiche_produit #fiche-produit .top_fiche .bloc-quantite { border-radius: 15px !important; } } @media (max-width: 600px) { body.page-fiche_produit #fiche-produit .top_fiche .bloc-quantite { height: auto !important; min-height: 116px !important; display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: center !important; gap: 10px !important; margin: 16px 0 14px !important; padding: 13px 14px 16px !important; box-sizing: border-box !important; overflow: visible !important; } body.page-fiche_produit #fiche-produit .top_fiche .bloc-quantite > label { width: 100% !important; margin: 0 !important; text-align: center !important; } body.page-fiche_produit #fiche-produit .top_fiche .bloc-bt-quantity { position: static !important; margin: 0 auto !important; padding: 0 !important; transform: none !important; } } body.page-fiche_produit #fiche-produit .top_fiche .wrap-images .grande-image { position: relative !important; border: 1px solid rgba(15,23,42,.075) !important; border-radius: 24px !important; background: radial-gradient( 120% 150% at 18% 0%, rgba(56,189,248,.055), transparent 55% ), linear-gradient( 180deg, #ffffff 0%, #f8fafc 100% ) !important; box-shadow: 0 16px 38px rgba(15,23,42,.07), inset 0 1px 0 rgba(255,255,255,.98) !important; overflow: hidden !important; } body.page-fiche_produit #fiche-produit .top_fiche .wrap-images .grande-image img, body.page-fiche_produit #fiche-produit .top_fiche .wrap-images .grande-image video { display: block !important; width: 100% !important; border-radius: 23px !important; transform: none !important; box-shadow: none !important; } body.page-fiche_produit #fiche-produit .top_fiche #sliderImagePreviews { margin-top: 16px !important; padding: 2px !important; box-sizing: border-box !important; } body.page-fiche_produit #fiche-produit .top_fiche #sliderImagePreviews a { position: relative !important; overflow: hidden !important; border-radius: 17px !important; text-decoration: none !important; } body.page-fiche_produit #fiche-produit .top_fiche #sliderImagePreviews a img { display: block !important; width: 100% !important; border: 1px solid rgba(15,23,42,.08) !important; border-radius: 17px !important; background: #ffffff !important; box-shadow: 0 7px 18px rgba(15,23,42,.045) !important; opacity: .97 !important; transition: border-color .18s ease, box-shadow .18s ease, opacity .18s ease, transform .18s ease !important; } @media (hover:hover) and (pointer:fine) { body.page-fiche_produit #fiche-produit .top_fiche #sliderImagePreviews a:hover img { transform: translateY(-2px) !important; opacity: 1 !important; border-color: rgba(14,165,233,.24) !important; box-shadow: 0 11px 24px rgba(15,23,42,.07), 0 0 0 3px rgba(14,165,233,.055) !important; } } @media (max-width: 600px) { body.page-fiche_produit #fiche-produit .top_fiche .wrap-images .grande-image { border-radius: 19px !important; box-shadow: 0 10px 26px rgba(15,23,42,.06), inset 0 1px 0 rgba(255,255,255,.98) !important; } body.page-fiche_produit #fiche-produit .top_fiche .wrap-images .grande-image img, body.page-fiche_produit #fiche-produit .top_fiche .wrap-images .grande-image video { border-radius: 18px !important; } body.page-fiche_produit #fiche-produit .top_fiche #sliderImagePreviews { margin-top: 12px !important; } body.page-fiche_produit #fiche-produit .top_fiche #sliderImagePreviews a, body.page-fiche_produit #fiche-produit .top_fiche #sliderImagePreviews a img { border-radius: 14px !important; } } body.page-fiche_produit #fiche-produit .inacio-description-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 20px !important; width: 100% !important; max-width: 900px !important; margin: 30px auto 0 !important; padding: 0 !important; box-sizing: border-box !important; text-align: left !important; } body.page-fiche_produit #fiche-produit .inacio-description-section-card { position: relative !important; min-width: 0 !important; margin: 0 !important; padding: 22px 22px 20px !important; box-sizing: border-box !important; border: 1px solid rgba(15,23,42,.075) !important; border-radius: 22px !important; background: radial-gradient( 130% 160% at 15% 0%, rgba(56,189,248,.075), transparent 55% ), linear-gradient( 180deg, rgba(255,255,255,.98), rgba(248,251,254,.94) ) !important; box-shadow: 0 14px 34px rgba(15,23,42,.055), inset 0 1px 0 rgba(255,255,255,.98) !important; } body.page-fiche_produit #fiche-produit .inacio-description-card-wide { grid-column: 1 / -1 !important; } body.page-fiche_produit #fiche-produit .inacio-description-section-card .inacio-section-title { width: 100% !important; max-width: none !important; margin: 0 0 15px !important; padding: 0 0 13px !important; border: 0 !important; border-bottom: 1px solid rgba(15,23,42,.075) !important; background: transparent !important; box-shadow: none !important; color: #0b5cab !important; font-size: 11px !important; line-height: 1.35 !important; font-weight: 900 !important; letter-spacing: .12em !important; text-align: center !important; text-transform: uppercase !important; } body.page-fiche_produit #fiche-produit .inacio-description-section-card ul, body.page-fiche_produit #fiche-produit .inacio-description-section-card ol { width: 100% !important; max-width: none !important; margin: 0 !important; box-sizing: border-box !important; } body.page-fiche_produit #fiche-produit .inacio-description-section-card li { margin: 0 !important; padding-top: 7px !important; padding-bottom: 7px !important; font-size: 14px !important; line-height: 1.5 !important; } body.page-fiche_produit #fiche-produit .inacio-description-section-card p { margin: 10px 0 0 !important; color: #526071 !important; font-size: 14px !important; line-height: 1.6 !important; } @media (max-width: 700px) { body.page-fiche_produit #fiche-produit .inacio-description-grid { width: 100% !important; margin-top: 22px !important; } body.page-fiche_produit #fiche-produit .inacio-description-section-card { padding: 18px 15px 17px !important; border-radius: 18px !important; } body.page-fiche_produit #fiche-produit .inacio-description-section-card .inacio-section-title { margin-bottom: 11px !important; padding-bottom: 11px !important; font-size: 10.5px !important; } body.page-fiche_produit #fiche-produit .inacio-description-section-card li, body.page-fiche_produit #fiche-produit .inacio-description-section-card p { font-size: 13.5px !important; } } @media (min-width: 701px) { body.page-fiche_produit #fiche-produit .inacio-description-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; grid-auto-rows: 8px !important; column-gap: 20px !important; row-gap: 12px !important; align-items: start !important; } body.page-fiche_produit #fiche-produit .inacio-description-section-card { height: auto !important; min-height: 0 !important; align-self: start !important; } body.page-fiche_produit #fiche-produit .inacio-description-card-wide { grid-column: 1 / -1 !important; } } @media (max-width: 700px) { body.page-fiche_produit #fiche-produit .inacio-description-grid { display: grid !important; grid-template-columns:100% !important; grid-auto-rows: auto !important; gap: 14px !important; } body.page-fiche_produit #fiche-produit .inacio-description-section-card { grid-row: auto !important; grid-column: auto !important; height: auto !important; } } /* ========================================================= INACIO — GUIDE DES TAILLES ========================================================= */ body.page-fiche_produit #fiche-produit .inacio-description-section-card a.inacio-size-guide-btn { display: inline-flex !important; align-items: center !important; justify-content: center !important; gap: 7px !important; width: auto !important; max-width: 100% !important; min-height: 42px !important; margin: 14px auto 10px !important; padding: 10px 17px !important; box-sizing: border-box !important; border-radius: 999px !important; border: 1px solid rgba(2,132,199,.18) !important; background: linear-gradient( 180deg, #129fdf 0%, #087fbd 100% ) !important; color: #ffffff !important; font-size: 13px !important; line-height: 1.2 !important; font-weight: 850 !important; letter-spacing: .015em !important; text-decoration: none !important; box-shadow: 0 9px 20px rgba(2,132,199,.17), inset 0 1px 0 rgba(255,255,255,.22) !important; transition: transform .18s ease, box-shadow .18s ease !important; } body.page-fiche_produit #fiche-produit .inacio-description-section-card a.inacio-size-guide-btn::before { content: "" !important; font-size: 14px !important; line-height: 1 !important; } @media (hover:hover) and (pointer:fine) { body.page-fiche_produit #fiche-produit .inacio-description-section-card a.inacio-size-guide-btn:hover { transform: translateY(-1px) !important; box-shadow: 0 12px 24px rgba(2,132,199,.22), inset 0 1px 0 rgba(255,255,255,.25) !important; text-decoration: none !important; } } @media (max-width:700px) { body.page-fiche_produit #fiche-produit .inacio-description-section-card a.inacio-size-guide-btn { min-height: 40px !important; padding: 9px 15px !important; font-size: 12.5px !important; } } /* ========================================================= INACIO — BOUTIQUE / CATÉGORIES PREMIUM — FINAL ========================================================= */ body.page-boutique .order_product.pull-right { float: none !important; display: flex !important; justify-content: flex-end !important; width: 100% !important; margin: 22px 0 16px !important; padding: 0 22px !important; box-sizing: border-box !important; } body.page-boutique .order_product.pull-right > .row { display: flex !important; align-items: center !important; justify-content: flex-end !important; gap: 10px !important; width: auto !important; margin: 0 !important; box-sizing: border-box !important; } body.page-boutique .order_product.pull-right select { width: 220px !important; min-width: 220px !important; height: 44px !important; min-height: 44px !important; margin: 0 !important; padding: 0 42px 0 14px !important; box-sizing: border-box !important; border: 1px solid rgba(15,23,42,.09) !important; border-radius: 13px !important; background-color: #ffffff !important; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%23172033' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") !important; background-repeat: no-repeat !important; background-position: right 13px center !important; background-size: 17px 17px !important; color: #172033 !important; font-size: 14px !important; line-height: normal !important; font-weight: 700 !important; -webkit-appearance: none !important; appearance: none !important; box-shadow: none !important; cursor: pointer !important; } body.page-boutique .faceting { display: flex !important; align-items: flex-start !important; justify-content: flex-start !important; flex-wrap: wrap !important; gap: 12px !important; width: calc(100% - 44px) !important; max-width: 760px !important; margin: 0 22px 22px !important; padding: 0 !important; box-sizing: border-box !important; } body.page-boutique .faceting__title { display: none !important; } body.page-boutique .faceting .faceting__item { position: relative !important; flex: 1 1 280px !important; width: auto !important; min-width: 220px !important; max-width: 360px !important; margin: 0 !important; padding: 0 !important; box-sizing: border-box !important; background: transparent !important; } body.page-boutique .faceting .faceting__label { position: relative !important; display: flex !important; align-items: center !important; justify-content: space-between !important; width: 100% !important; min-height: 50px !important; margin: 0 !important; padding: 0 48px 0 17px !important; box-sizing: border-box !important; border: 1px solid rgba(15,23,42,.10) !important; border-radius: 16px !important; background: linear-gradient( 180deg, rgba(255,255,255,.99), rgba(248,251,254,.96) ) !important; color: #172033 !important; font-size: 14px !important; line-height: 1.25 !important; font-weight: 650 !important; box-shadow: 0 7px 18px rgba(15,23,42,.045), inset 0 1px 0 rgba(255,255,255,.98) !important; cursor: pointer !important; transition: border-color .18s ease, box-shadow .18s ease, transform .18s ease !important; } body.page-boutique .faceting .faceting__label::after { content: "" !important; position: absolute !important; top: 50% !important; right: 18px !important; width: 8px !important; height: 8px !important; margin-top: -6px !important; border-right: 2px solid #172033 !important; border-bottom: 2px solid #172033 !important; transform: rotate(45deg) !important; transition: transform .18s ease !important; background: transparent !important; } body.page-boutique .faceting .faceting__item--open > .faceting__label::after { margin-top: -2px !important; transform: rotate(225deg) !important; } body.page-boutique .faceting .faceting__item--open > .faceting__label { border-color: rgba(14,165,233,.34) !important; box-shadow: 0 0 0 3px rgba(14,165,233,.07), 0 9px 22px rgba(15,23,42,.06) !important; } body.page-boutique .faceting .faceting__list { border: 1px solid rgba(15,23,42,.09) !important; border-radius: 16px !important; background: rgba(255,255,255,.99) !important; box-shadow: 0 18px 40px rgba(15,23,42,.13) !important; padding: 8px !important; box-sizing: border-box !important; overflow-x: hidden !important; } body.page-boutique .faceting .faceting__list li { border-radius: 10px !important; } body.page-boutique .faceting .faceting__list li:hover { background: rgba(14,165,233,.055) !important; } @media (hover:hover) and (pointer:fine) { body.page-boutique .faceting .faceting__label:hover { transform: translateY(-1px) !important; border-color: rgba(14,165,233,.20) !important; box-shadow: 0 10px 24px rgba(15,23,42,.065), inset 0 1px 0 rgba(255,255,255,.98) !important; } } @media (max-width:700px) { body.page-boutique .order_product.pull-right { float: none !important; display: block !important; width: calc(100% - 20px) !important; max-width: 500px !important; margin: 22px auto 16px !important; padding: 0 !important; } body.page-boutique .order_product.pull-right > .row { display: flex !important; align-items: center !important; justify-content: center !important; gap: 10px !important; width: 100% !important; border-radius: 18px !important; font-size: 15px !important; white-space: nowrap !important; } body.page-boutique .order_product.pull-right select { flex: 1 1 auto !important; width: auto !important; min-width: 0 !important; max-width: none !important; height: 48px !important; min-height: 48px !important; font-size: 16px !important; } body.page-boutique .faceting { display: grid !important; grid-template-columns: repeat(2, minmax(0,1fr)) !important; gap: 10px !important; width: calc(100% - 20px) !important; max-width: 500px !important; margin: 0 auto 22px !important; } body.page-boutique .faceting .faceting__item { width: 100% !important; min-width: 0 !important; max-width: none !important; } body.page-boutique .faceting .faceting__label { min-height: 52px !important; padding: 0 38px 0 14px !important; border-radius: 15px !important; font-size: 15px !important; } body.page-boutique .faceting .faceting__label::after { right: 15px !important; } } body.page-boutique .template_boutique_category .produits { position: relative !important; display: flex !important; flex-direction: column !important; height: 100% !important; min-height: 0 !important; margin-top: 0 !important; margin-bottom: 28px !important; padding: 14px 14px 16px !important; box-sizing: border-box !important; border: 1px solid rgba(15,23,42,.075) !important; border-radius: 24px !important; background: radial-gradient( 130% 150% at 15% 0%, rgba(56,189,248,.055), transparent 52% ), linear-gradient( 180deg, rgba(255,255,255,.99), rgba(248,251,254,.96) ) !important; box-shadow: 0 14px 34px rgba(15,23,42,.055), inset 0 1px 0 rgba(255,255,255,.98) !important; overflow: visible !important; transition: transform .20s ease, border-color .20s ease, box-shadow .20s ease !important; } body.page-boutique .template_boutique_category .produits .productImageWrap { position: relative !important; display: block !important; width: 100% !important; height: auto !important; aspect-ratio: 1 / 1 !important; margin: 0 0 14px !important; border-radius: 19px !important; background: #f8fafc !important; overflow: hidden !important; box-shadow: inset 0 0 0 1px rgba(15,23,42,.04) !important; } body.page-boutique .template_boutique_category .produits .productImageWrap img { display: block !important; width: 100% !important; height: 100% !important; margin: 0 !important; object-fit: cover !important; object-position: center !important; border-radius: 19px !important; transition: transform .35s ease !important; } body.page-boutique .template_boutique_category .produits .productContentWrap { float: none !important; display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: flex-start !important; flex: 1 1 auto !important; width: 100% !important; min-width: 0 !important; margin: 0 !important; padding: 2px 7px 0 !important; box-sizing: border-box !important; text-align: center !important; } body.page-boutique .template_boutique_category .produits .nomprod { width: 100% !important; min-height: 52px !important; margin: 0 auto 9px !important; padding: 0 4px !important; box-sizing: border-box !important; color: #0b1220 !important; font-family: Georgia, "Times New Roman", serif !important; font-size: 18px !important; line-height: 1.22 !important; font-weight: 600 !important; text-align: center !important; } body.page-boutique .template_boutique_category .produits .nomprod a { color: #0b1220 !important; font-family: inherit !important; font-size: inherit !important; line-height: inherit !important; font-weight: inherit !important; text-decoration: none !important; } body.page-boutique .template_boutique_category .produits .prix { width: 100% !important; margin: 0 auto 9px !important; color: #172033 !important; font-size: 14px !important; line-height: 1.35 !important; text-align: center !important; } body.page-boutique .template_boutique_category .produits .prix .prixprod { color: #0b1220 !important; font-size: 21px !important; line-height: 1.15 !important; font-weight: 850 !important; } body.page-boutique .template_boutique_category .produits .note-produit { width: 100% !important; margin: 0 auto 9px !important; text-align: center !important; } body.page-boutique .template_boutique_category .produits .note-produit .fa, body.page-boutique .template_boutique_category .produits .note-produit [class*="star"] { color: #2457a6 !important; } body.page-boutique .template_boutique_category .produits select.boutique_product_attribute_select { display: block !important; width: calc(100% - 24px) !important; max-width: 270px !important; height: 44px !important; min-height: 44px !important; margin: 2px auto 8px !important; padding: 0 40px 0 14px !important; box-sizing: border-box !important; border: 1px solid rgba(15,23,42,.10) !important; border-radius: 14px !important; background-color: #ffffff !important; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%23172033' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") !important; background-repeat: no-repeat !important; background-position: right 12px center !important; background-size: 16px 16px !important; color: #172033 !important; font-size: 13px !important; font-weight: 650 !important; -webkit-appearance: none !important; appearance: none !important; box-shadow: 0 5px 14px rgba(15,23,42,.035) !important; } body.page-boutique .template_boutique_category .produits .block-btn-addbasket { width: 100% !important; margin-top: auto !important; padding-top: 13px !important; text-align: center !important; } body.page-boutique .template_boutique_category .produits .block-btn-addbasket a.addbasket { display: inline-flex !important; align-items: center !important; justify-content: center !important; gap: 9px !important; width: calc(100% - 24px) !important; max-width: 245px !important; min-height: 50px !important; margin: 0 auto !important; padding: 12px 18px !important; box-sizing: border-box !important; border: 1px solid rgba(255,255,255,.08) !important; border-radius: 999px !important; background: linear-gradient( 180deg, #0b1220 0%, #16263a 100% ) !important; color: #ffffff !important; font-size: 14px !important; line-height: 1.15 !important; font-weight: 850 !important; letter-spacing: .02em !important; text-decoration: none !important; box-shadow: 0 11px 23px rgba(11,18,32,.20), inset 0 1px 0 rgba(255,255,255,.15) !important; transition: transform .18s ease, box-shadow .18s ease !important; } body.page-boutique .template_boutique_category .produits .block-btn-addbasket a.addbasket * { color: #ffffff !important; } @media (hover:hover) and (pointer:fine) { body.page-boutique .template_boutique_category .produits:hover { transform: translateY(-3px) !important; border-color: rgba(11,92,171,.13) !important; box-shadow: 0 20px 44px rgba(15,23,42,.09), inset 0 1px 0 rgba(255,255,255,.98) !important; } body.page-boutique .template_boutique_category .produits:hover .productImageWrap img { transform: scale(1.015) !important; } body.page-boutique .template_boutique_category .produits .block-btn-addbasket a.addbasket:hover { transform: translateY(-1px) !important; box-shadow: 0 15px 28px rgba(11,18,32,.27), inset 0 1px 0 rgba(255,255,255,.18) !important; } } @media (max-width:700px) { body.page-boutique .template_boutique_category .produits { margin-bottom: 20px !important; padding: 12px 12px 15px !important; border-radius: 21px !important; } body.page-boutique .template_boutique_category .produits .productImageWrap, body.page-boutique .template_boutique_category .produits .productImageWrap img { border-radius: 17px !important; } body.page-boutique .template_boutique_category .produits .nomprod { min-height: 0 !important; margin-bottom: 8px !important; font-size: 18px !important; } body.page-boutique .template_boutique_category .produits select.boutique_product_attribute_select { width: 100% !important; max-width: none !important; height: 48px !important; min-height: 48px !important; font-size: 15px !important; } body.page-boutique .template_boutique_category .produits .block-btn-addbasket a.addbasket { width: 100% !important; max-width: none !important; min-height: 52px !important; font-size: 15px !important; } } body.page-boutique .template_boutique_category .produits .productImageWrap { order: 1 !important; } body.page-boutique .template_boutique_category .produits .container-etiquette { order: 2 !important; } body.page-boutique .template_boutique_category .produits .productContentWrap { order: 3 !important; } body.page-boutique .template_boutique_category .produits .container-etiquette { position: relative !important; top: auto !important; right: auto !important; bottom: auto !important; left: auto !important; display: flex !important; align-items: center !important; justify-content: center !important; width: 100% !important; height: auto !important; min-width: 0 !important; padding: 0 !important; box-sizing: border-box !important; background: transparent !important; border: 0 !important; transform: none !important; z-index: 6 !important; } body.page-boutique .template_boutique_category .produits .container-etiquette .produit_etiquette { max-width: 100% !important; background: transparent !important; border: 0 !important; box-shadow: none !important; } body.page-boutique .template_boutique_category .produits .container-etiquette .titre-etiquette { display: inline-flex !important; align-items: center !important; justify-content: center !important; gap: 6px !important; width: auto !important; min-width: 0 !important; max-width: calc(100% - 20px) !important; min-height: 30px !important; margin: 0 auto !important; padding: 6px 12px !important; box-sizing: border-box !important; border: 1px solid rgba(255,255,255,.08) !important; border-radius: 9px !important; background: linear-gradient( 180deg, #0b1220 0%, #16263a 100% ) !important; color: #ffffff !important; font-size: 10px !important; line-height: 1.1 !important; font-weight: 900 !important; letter-spacing: .055em !important; text-transform: uppercase !important; white-space: nowrap !important; box-shadow: 0 7px 16px rgba(11,18,32,.15), inset 0 1px 0 rgba(255,255,255,.12) !important; } body.page-boutique .template_boutique_category .produits .container-etiquette .titre-etiquette * { color: #ffffff !important; font-size: inherit !important; line-height: inherit !important; font-weight: inherit !important; background: transparent !important; } body.page-boutique .template_boutique_category .produits .remise { position: absolute !important; top: 25px !important; left: 25px !important; right: auto !important; bottom: auto !important; z-index: 12 !important; width: auto !important; height: auto !important; margin: 0 !important; transform: none !important; } body.page-boutique .template_boutique_category .produits .remise .text-remise { display: inline-flex !important; align-items: center !important; justify-content: center !important; width: auto !important; min-width: 50px !important; min-height: 34px !important; margin: 0 !important; padding: 6px 10px !important; box-sizing: border-box !important; border-radius: 10px !important; font-size: 12px !important; line-height: 1 !important; font-weight: 900 !important; letter-spacing: .01em !important; } body.page-boutique .template_boutique_category .produits .remise .text-remise * { color: #ffffff !important; } @media (max-width:700px) { body.page-boutique .template_boutique_category .produits .container-etiquette .titre-etiquette { min-height: 29px !important; padding: 6px 10px !important; font-size: 10px !important; } body.page-boutique .template_boutique_category .produits .remise { top: 22px !important; left: 22px !important; } body.page-boutique .template_boutique_category .produits .remise .text-remise { min-width: 48px !important; min-height: 32px !important; padding: 5px 9px !important; font-size: 11.5px !important; } } body.page-boutique .template_boutique_category .produits .container-etiquette .produit_etiquette { position: relative !important; top: auto !important; right: auto !important; bottom: auto !important; left: auto !important; transform: none !important; display: flex !important; align-items: center !important; justify-content: center !important; width: 100% !important; height: auto !important; min-height: 30px !important; margin: 0 !important; padding: 0 !important; } body.page-boutique .template_boutique_category .produits .container-etiquette { min-height: 30px !important; margin: -5px auto 11px !important; overflow: visible !important; } body.page-boutique .template_boutique_category .produits .container-etiquette .titre-etiquette { position: relative !important; top: auto !important; right: auto !important; bottom: auto !important; left: auto !important; transform: none !important; } body.page-boutique .template_boutique_category .produits .container-etiquette + .productContentWrap { padding-top: 2px !important; } @media (max-width:700px) { body.page-boutique .template_boutique_category .produits .container-etiquette { min-height: 29px !important; margin: -3px auto 10px !important; } } body.page-boutique .template_boutique_category .produits .remise { background: transparent !important; background-color: transparent !important; background-image: none !important; border: 0 !important; outline: 0 !important; box-shadow: none !important; padding: 0 !important; overflow: visible !important; } body.page-boutique .template_boutique_category .produits .remise::before, body.page-boutique .template_boutique_category .produits .remise::after { content: none !important; display: none !important; background: transparent !important; border: 0 !important; box-shadow: none !important; } body.page-boutique .template_boutique_category .produits .remise .text-remise { background: linear-gradient( 180deg, #172033 0%, #0b1220 100% ) !important; border: 1px solid rgba(255,255,255,.10) !important; color: #ffffff !important; box-shadow: 0 8px 20px rgba(11,18,32,.22), inset 0 1px 0 rgba(255,255,255,.12) !important; } body.page-boutique .order_product.pull-right > .row { background: transparent !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; padding: 0 !important; } body.page-boutique .order_product.pull-right { margin-top: 22px !important; margin-bottom: 18px !important; } @media (max-width:700px) { body.page-boutique .order_product.pull-right > .row { padding: 0 !important; background: transparent !important; border: 0 !important; box-shadow: none !important; } body.page-boutique .order_product.pull-right { margin-top: 22px !important; margin-bottom: 18px !important; } } body.page-boutique .template_boutique_category .widget-texte > .widget-texte-content { width: calc(100% - 60px) !important; max-width: 1180px !important; margin: 38px auto 34px !important; padding: 34px 42px 38px !important; box-sizing: border-box !important; border: 1px solid rgba(15,23,42,.075) !important; border-radius: 26px !important; background: radial-gradient( 130% 140% at 12% 0%, rgba(56,189,248,.05), transparent 48% ), linear-gradient( 180deg, rgba(255,255,255,.99), rgba(248,251,254,.96) ) !important; box-shadow: 0 16px 38px rgba(15,23,42,.055), inset 0 1px 0 rgba(255,255,255,.98) !important; color: #475569 !important; } body.page-boutique .template_boutique_category .widget-texte > .widget-texte-content h2 { position: relative !important; width: 100% !important; margin: 0 auto 24px !important; padding: 0 0 15px !important; color: #0b1220 !important; font-family: Georgia, "Times New Roman", serif !important; font-size: clamp(25px, 2.3vw, 32px) !important; line-height: 1.2 !important; font-weight: 400 !important; text-align: center !important; } body.page-boutique .template_boutique_category .widget-texte > .widget-texte-content h2::after { content: "" !important; position: absolute !important; left: 50% !important; bottom: 0 !important; width: 70px !important; height: 2px !important; border-radius: 999px !important; background: linear-gradient( 90deg, transparent, #38bdf8, #2563eb, transparent ) !important; transform: translateX(-50%) !important; } body.page-boutique .template_boutique_category .widget-texte > .widget-texte-content h2:not(:first-child) { margin-top: 34px !important; padding-top: 30px !important; border-top: 1px solid rgba(15,23,42,.075) !important; } body.page-boutique .template_boutique_category .widget-texte > .widget-texte-content p { width: 100% !important; max-width: 1080px !important; margin: 0 auto 13px !important; padding: 0 !important; color: #475569 !important; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif !important; font-size: 15.5px !important; line-height: 1.65 !important; font-weight: 500 !important; text-align: left !important; } body.page-boutique .template_boutique_category .widget-texte > .widget-texte-content p:last-child { margin-bottom: 0 !important; } @media (max-width:700px) { body.page-boutique .template_boutique_category .widget-texte > .widget-texte-content { width: calc(100% - 20px) !important; margin: 28px auto 26px !important; padding: 24px 18px 27px !important; border-radius: 21px !important; } body.page-boutique .template_boutique_category .widget-texte > .widget-texte-content h2 { margin-bottom: 20px !important; padding-bottom: 13px !important; font-size: 25px !important; line-height: 1.22 !important; } body.page-boutique .template_boutique_category .widget-texte > .widget-texte-content h2:not(:first-child) { margin-top: 28px !important; padding-top: 25px !important; } body.page-boutique .template_boutique_category .widget-texte > .widget-texte-content p { margin-bottom: 12px !important; font-size: 15px !important; line-height: 1.62 !important; } } /* ========================================================= INACIO — MODULES SOCIAUX NATIFS CMONSITE Aucun CSS personnalisé n'est appliqué aux éléments suivants : - partage Facebook des fiches produit (.sociaux / .fb-* / iframe Facebook) ; - Facebook Login du tunnel (.facebook-row / .fb-login-button) ; - autres connexions sociales natives. Objectif : laisser CmonSite et les SDK sociaux gérer eux-mêmes display, position, largeur, hauteur, iframe et événements de clic. ========================================================= */ @media (max-width: 700px) { body.page-fiche_produit #bloc-fil-title { width: 100% !important; max-width: none !important; margin: 0 auto !important; padding: 0 14px !important; overflow: visible !important; box-sizing: border-box !important; } body.page-fiche_produit #bloc-fil-title .nav-static-breadcrumb { width: 100% !important; max-width: 100% !important; margin: 0 auto 14px !important; padding: 0 8px !important; overflow: visible !important; box-sizing: border-box !important; } body.page-fiche_produit #bloc-fil-title h1.title_section { display: block !important; width: 100% !important; max-width: 100% !important; margin: 8px auto 18px !important; padding: 0 18px !important; overflow: visible !important; box-sizing: border-box !important; font-family: Georgia, "Times New Roman", serif !important; font-size: clamp(22px, 6.8vw, 27px) !important; line-height: 1.28 !important; font-weight: 400 !important; color: #0b1220 !important; text-align: center !important; text-transform: none !important; letter-spacing: 0 !important; text-indent: 0 !important; white-space: normal !important; word-break: normal !important; overflow-wrap: break-word !important; text-wrap: normal !important; position: relative !important; left: auto !important; right: auto !important; transform: none !important; } } /* ========================================================= INACIO — CHECKOUT NATIF CMONSITE — ISOLATION FINALE Neutralise les surcouches premium dans le tunnel de commande sans modifier le site public ni le mini-panier du header. ========================================================= */ /* Bloc connexion / inscription du tunnel */ .template_flux_panier_1 .connexion-inscription-header, .template_flux_panier_1 .connexion-inscription-container { background: initial !important; box-shadow: none !important; border: none !important; } /* Titre du bloc "Créer un compte" */ .template_flux_panier_1 .connexion-inscription-header h4 { background: transparent !important; color: inherit !important; box-shadow: none !important; padding: initial !important; margin: initial !important; } /* Bouton changer connexion / inscription */ .template_flux_panier_1 .flux-auth-switch { background: transparent !important; color: inherit !important; border: none !important; box-shadow: none !important; text-transform: none !important; } /* Champs formulaire tunnel */ .template_flux_panier_1 .connexion-inscription-container input, .template_flux_panier_1 .connexion-inscription-container select, .template_flux_panier_1 .connexion-inscription-container textarea { border-radius: initial !important; box-shadow: none !important; background: initial !important; } /* Boutons validation tunnel */ .template_flux_panier_1 .connexion-inscription-container button[type="submit"], .template_flux_panier_1 .connexion-inscription-container input[type="submit"] { background: initial !important; color: initial !important; border-radius: initial !important; box-shadow: none !important; text-transform: none !important; } /* Protection mini-panier header */ #panier, #paniercontent, #panierContent { box-sizing: border-box; } /* ========================================================= INACIO — MINI-PANIER PREMIUM — FINAL Amélioration visuelle uniquement ; checkout non modifié. ========================================================= */ /* Carte principale mini panier */ #panier_p, .panier_p{ border-radius:28px !important; background:#ffffff !important; box-shadow:0 20px 50px rgba(0,0,0,0.12) !important; border:1px solid rgba(0,0,0,0.06) !important; overflow:hidden !important; } /* Zone contenu */ #paniercontent{ padding:18px !important; } /* Image produit */ #paniercontent img{ width:90px !important; max-width:90px !important; height:90px !important; object-fit:cover !important; border-radius:16px !important; } /* Titre produit */ #paniercontent .product-title, #paniercontent h3, #paniercontent h4, #paniercontent a{ font-family:Georgia, "Times New Roman", serif !important; } /* Titre principal */ #paniercontent a{ color:#075aaa !important; font-size:20px !important; line-height:1.15 !important; font-weight:700 !important; } /* Limitation du texte produit */ #paniercontent p{ display:-webkit-box !important; -webkit-line-clamp:3 !important; -webkit-box-orient:vertical !important; overflow:hidden !important; line-height:1.3 !important; } /* Prix */ #paniercontent .prix, #paniercontent .price, #paniercontent .montant{ font-size:22px !important; font-weight:700 !important; color:#111827 !important; } /* Quantité */ #paniercontent input{ border-radius:30px !important; border:1px solid #e5e7eb !important; text-align:center !important; } /* Bouton supprimer */ #paniercontent .fa-trash, #paniercontent .fa-trash-can{ color:#999 !important; font-size:20px !important; } #paniercontent .fa-trash:hover, #paniercontent .fa-trash-can:hover{ color:#d33 !important; } /* Séparateur */ #paniercontent hr{ border:none !important; border-top:1px solid #eeeeee !important; } /* Bloc total */ #paniercommande{ background:#ffffff !important; padding:18px !important; } /* Bouton commande */ #paniercommande .button{ width:100% !important; border-radius:50px !important; padding:16px 20px !important; background:#ffffff !important; color:#111827 !important; border:2px solid #dbe5ef !important; font-size:16px !important; font-weight:800 !important; letter-spacing:1px !important; transition:all .25s ease !important; } #paniercommande .button:hover{ background:#0798df !important; color:white !important; border-color:#0798df !important; } /* Réduction des textes secondaires */ #paniercontent small, #paniercontent .description{ font-size:13px !important; line-height:1.3 !important; } /* ========================================================= INACIO — INFOS PRATIQUES — FINAL Bloc consolidé intégré au CSS V19. ========================================================= */ /* ========================================================= 1) GRILLE INFOS PRATIQUES Desktop : 3 cartes puis 2 cartes centrées ========================================================= */ .inacio-infoGrid { display:flex; flex-wrap:wrap; justify-content:center; gap:18px; margin-top:24px; align-items:stretch; } .inacio-infoGrid .inacio-infoCard { flex:0 0 calc(33.333% - 12px); width:calc(33.333% - 12px); max-width:calc(33.333% - 12px); min-height:240px; margin-left:0; background:#ffffff; border:1px solid #e7ebf0; border-radius:24px; padding:22px; box-shadow:0 18px 46px rgba(2,8,23,.07); display:flex; flex-direction:column; transition:transform .18s ease,box-shadow .18s ease; } .inacio-infoGrid .inacio-infoCard:hover { transform:translateY(-4px); box-shadow:0 24px 55px rgba(2,8,23,.12); } .inacio-infoIcon { font-size:28px; margin-bottom:12px; } .inacio-infoCard h3 { color:#0b1220; font-size:19px; font-weight:850; margin:0 0 12px; } .inacio-infoCard p { color:#475569; line-height:1.6; font-size:15px; margin-bottom:18px; } .inacio-infoCard .inacio-catPill { margin-top:auto; align-self:flex-start; } /* ========================================================= 2) BLOC "BIEN PRÉPARER VOTRE COMMANDE" Desktop : 4 cartes ========================================================= */ .inacio-trustGrid { display:flex; flex-wrap:wrap; gap:16px; margin-top:24px; margin-bottom:30px; align-items:stretch; } .inacio-trustGrid .inacio-trustCard { flex:0 0 calc(25% - 12px); width:calc(25% - 12px); max-width:calc(25% - 12px); min-height:160px; background:linear-gradient(180deg,#ffffff 0%,#f8fafc 100%); border:1px solid #e7ebf0; border-radius:22px; padding:20px; display:flex; flex-direction:column; justify-content:flex-start; } .inacio-trustCard strong { display:block; color:#0b1220; font-size:16px; margin-bottom:10px; } .inacio-trustCard p { color:#475569; line-height:1.6; font-size:15px; margin-bottom:18px; } /* ========================================================= 3) BOUTONS / LIENS PREMIUM ========================================================= */ .inacio-section .inacio-catsRow { display:flex; gap:12px; flex-wrap:wrap; align-items:center; margin-top:24px; } .inacio-section .inacio-catPill { display:inline-flex; align-items:center; justify-content:center; padding:11px 18px; border-radius:999px; border:1px solid rgba(11,92,171,.18); background:linear-gradient(180deg,#ffffff 0%,#f4f8fc 100%); color:#0b5cab; font-weight:700; box-shadow:0 10px 24px rgba(0,0,0,.06); transition:transform .18s ease,box-shadow .18s ease; } .inacio-section .inacio-catPill:hover { transform:translateY(-2px); box-shadow:0 16px 32px rgba(0,0,0,.10); } /* ========================================================= 4) RESPIRATION AVANT LES BLOCS DE RASSURANCE / FOOTER ========================================================= */ .inacio-qtrust, .inacio-ft { margin-top:35px; } /* ========================================================= 5) TABLETTE ========================================================= */ @media(max-width:1100px) and (min-width:701px) { .inacio-infoGrid .inacio-infoCard { flex:0 0 calc(50% - 9px); width:calc(50% - 9px); max-width:calc(50% - 9px); min-height:230px; } .inacio-trustGrid .inacio-trustCard { flex:0 0 calc(50% - 8px); width:calc(50% - 8px); max-width:calc(50% - 8px); min-height:150px; } } /* ========================================================= 6) MOBILE ========================================================= */ @media(max-width:700px) { .inacio-infoGrid, .inacio-trustGrid { display:block; } .inacio-infoGrid .inacio-infoCard, .inacio-trustGrid .inacio-trustCard { width:100%; max-width:100%; min-height:auto; margin-bottom:16px; } .inacio-infoCard, .inacio-trustCard { border-radius:20px; } .inacio-section .inacio-catsRow { gap:10px; } .inacio-section .inacio-catPill { width:100%; } } /* ========================================================= INACIO — PAGE AVIS CLIENTS — FINAL Introduction premium + sélection éditoriale d’avis. Les styles du livre d’or natif sont conservés plus haut. ========================================================= */ /* ========================================================= 1) BLOC INTRODUCTION ========================================================= */ .inacio-reviewsIntro { width:100%; max-width:1160px; margin:0 auto 34px; padding:0 16px; box-sizing:border-box; } .inacio-reviewsIntro__inner { position:relative; overflow:hidden; padding:42px 46px 38px; border:1px solid rgba(15,23,42,.08); border-radius:28px; background: radial-gradient(110% 170% at 10% 0%,rgba(56,189,248,.10) 0%,rgba(0,0,0,0) 58%), radial-gradient(100% 150% at 90% 0%,rgba(99,102,241,.07) 0%,rgba(0,0,0,0) 62%), rgba(255,255,255,.78); box-shadow:0 20px 55px rgba(15,23,42,.065); } .inacio-reviewsIntro__eyebrow { margin:0 0 10px; color:#0b5cab; font-size:11px; line-height:1.2; font-weight:900; letter-spacing:.16em; text-transform:uppercase; } .inacio-reviewsIntro__title { margin:0 !important; padding:0 !important; color:#0b1220 !important; font-family:Georgia,"Times New Roman",serif !important; font-size:46px !important; line-height:1.06 !important; font-weight:500 !important; letter-spacing:-.02em !important; background:none !important; border:0 !important; box-shadow:none !important; } .inacio-reviewsIntro__lead { max-width:820px; margin:18px 0 0; color:#253247; font-size:17px; line-height:1.7; font-weight:650; } .inacio-reviewsIntro__text { max-width:860px; margin:8px 0 0; color:#58667a; font-size:15px; line-height:1.7; } .inacio-reviewsIntro__chips { display:flex; flex-wrap:wrap; gap:10px; margin-top:22px; } .inacio-reviewsIntro__chip { display:inline-flex; align-items:center; min-height:38px; padding:8px 14px; border:1px solid rgba(11,92,171,.13); border-radius:999px; background:rgba(255,255,255,.72); color:#0b5cab; font-size:12px; line-height:1.2; font-weight:800; box-shadow:0 8px 20px rgba(15,23,42,.045); } .inacio-reviewsIntro__ctaText { margin:22px 0 0; padding-top:18px; border-top:1px solid rgba(15,23,42,.075); color:#46556a; font-size:14px; line-height:1.65; font-weight:600; } /* ========================================================= 2) BLOC SÉLECTION D'AVIS ========================================================= */ .inacio-page-avis { width:100%; margin:34px 0 12px; padding:0 16px; box-sizing:border-box; } .inacio-page-avis-wrap { width:100%; max-width:1160px; margin:0 auto; padding:38px 34px 24px; box-sizing:border-box; border:1px solid rgba(15,23,42,.075); border-radius:28px; background:rgba(255,255,255,.62); box-shadow:0 20px 55px rgba(15,23,42,.055); } /* ========================================================= 3) EN-TÊTE DU BLOC AVIS Neutralisation des héritages CmonSite ========================================================= */ .inacio-page-avis .inacio-page-avis-head { display:block !important; width:100% !important; max-width:820px !important; min-height:0 !important; height:auto !important; margin:0 auto 30px !important; padding:0 !important; position:relative !important; inset:auto !important; float:none !important; transform:none !important; text-align:center !important; background:transparent !important; border:0 !important; box-shadow:none !important; } .inacio-page-avis .inacio-page-avis-head > * { display:block !important; width:100% !important; max-width:none !important; float:none !important; position:static !important; margin-left:auto !important; margin-right:auto !important; transform:none !important; } .inacio-page-avis-label { margin:0 0 10px !important; color:#0b5cab; font-size:11px; line-height:1.2; font-weight:900; letter-spacing:.16em; text-transform:uppercase; } .inacio-page-avis-title { max-width:760px !important; margin:0 auto !important; padding:0 !important; color:#0b1220 !important; font-family:Georgia,"Times New Roman",serif !important; font-size:38px !important; line-height:1.12 !important; font-weight:500 !important; letter-spacing:-.02em !important; text-align:center !important; background:none !important; border:0 !important; box-shadow:none !important; } .inacio-page-avis-intro { max-width:720px !important; margin:14px auto 0 !important; color:#58667a; font-size:15px; line-height:1.7; text-align:center !important; } /* ========================================================= 4) CARTES AVIS ========================================================= */ .inacio-page-avis-grid { display:flex; flex-wrap:wrap; justify-content:center; align-items:stretch; gap:18px; width:100%; margin-top:0 !important; } .inacio-page-avis-item { position:relative; flex:0 0 calc(33.333% - 12px); width:calc(33.333% - 12px); max-width:calc(33.333% - 12px); min-height:0 !important; height:auto !important; padding:22px 22px 20px; box-sizing:border-box; display:flex; flex-direction:column; border:1px solid rgba(15,23,42,.085); border-radius:22px; background: radial-gradient(120% 170% at 10% 0%,rgba(56,189,248,.07) 0%,rgba(0,0,0,0) 55%), linear-gradient(180deg,#ffffff 0%,#fbfcfe 100%); box-shadow:0 14px 36px rgba(15,23,42,.06); transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease; } .inacio-page-avis-item:hover { transform:translateY(-3px); border-color:rgba(11,92,171,.15); box-shadow:0 20px 46px rgba(15,23,42,.09); } /* Dernier avis seul : compact et centré */ .inacio-page-avis-item:last-child { min-height:165px !important; } .inacio-page-stars { margin:0 0 13px; color:#0b5cab; font-size:18px; line-height:1; letter-spacing:2px; font-weight:900; } .inacio-page-avis-quote { margin:0; color:#253247; font-size:15px; line-height:1.65; font-weight:600; } .inacio-page-avis-source { display:inline-flex; align-items:center; align-self:flex-start; margin-top:auto !important; padding-top:18px; color:#6a7688; font-size:11.5px; line-height:1.45; font-weight:750; } .inacio-page-avis-source::before { content:""; flex:0 0 6px; width:6px; height:6px; margin-right:8px; border-radius:999px; background:#0ea5e9; box-shadow:0 0 0 3px rgba(14,165,233,.10); } /* ========================================================= 5) NOTE DE TRANSPARENCE ========================================================= */ .inacio-page-avis-note { display:flex; align-items:flex-start; gap:11px; max-width:860px; margin:26px auto 0; padding:14px 16px; box-sizing:border-box; border:1px solid rgba(15,23,42,.075); border-radius:16px; background:rgba(248,250,252,.78); } .inacio-page-avis-note__icon { flex:0 0 24px; width:24px; height:24px; display:inline-flex; align-items:center; justify-content:center; border-radius:999px; background:#eef6ff; color:#0b5cab; font-size:12px; line-height:1; font-weight:900; } .inacio-page-avis-note p { margin:1px 0 0; color:#697588; font-size:12px; line-height:1.6; } /* ========================================================= 6) TABLETTE ========================================================= */ @media(max-width:1000px) and (min-width:701px) { .inacio-reviewsIntro__inner { padding:36px 32px 32px; } .inacio-page-avis-item { flex:0 0 calc(50% - 9px); width:calc(50% - 9px); max-width:calc(50% - 9px); } } /* ========================================================= 7) MOBILE ========================================================= */ @media(max-width:700px) { .inacio-reviewsIntro { margin-bottom:24px; padding:0 8px; } .inacio-reviewsIntro__inner { padding:28px 20px 25px; border-radius:22px; } .inacio-reviewsIntro__title { font-size:34px !important; } .inacio-reviewsIntro__lead { margin-top:14px; font-size:15px; line-height:1.65; } .inacio-reviewsIntro__text { font-size:13.5px; line-height:1.65; } .inacio-reviewsIntro__chips { display:block; margin-top:18px; } .inacio-reviewsIntro__chip { width:100%; box-sizing:border-box; justify-content:center; margin-bottom:8px; } .inacio-page-avis { margin-top:24px; margin-bottom:8px !important; padding:0 8px; } .inacio-page-avis-wrap { padding:28px 14px 22px; border-radius:22px; } .inacio-page-avis .inacio-page-avis-head { margin-bottom:22px !important; } .inacio-page-avis .inacio-page-avis-title { max-width:100% !important; font-size:30px !important; line-height:1.12 !important; } .inacio-page-avis .inacio-page-avis-intro { max-width:100% !important; font-size:13.5px; line-height:1.65; } .inacio-page-avis-grid { display:block; } .inacio-page-avis-item, .inacio-page-avis-item:last-child { width:100%; max-width:100%; min-height:auto !important; height:auto !important; margin-bottom:14px; padding:20px 18px 18px; border-radius:19px; } .inacio-page-avis-item:hover { transform:none; } .inacio-page-avis-quote { font-size:14px; } .inacio-page-avis-note { margin-top:20px; padding:13px 14px; } } /* ========================================================= INACIO — CONNEXION / INSCRIPTION — FINAL Page native CmonSite : /profile/login.php Facebook Login reste natif CmonSite / Meta. ========================================================= */ /* ========================================================= 1) CONTENEUR GÉNÉRAL ========================================================= */ #connexion-inscription { width:100% !important; max-width:1080px !important; margin:28px auto 38px !important; padding:0 16px !important; box-sizing:border-box !important; display:flex !important; flex-wrap:wrap !important; align-items:flex-start !important; justify-content:center !important; gap:18px !important; } /* ========================================================= 2) ORDRE DES ÉLÉMENTS Facebook inscription connexion ========================================================= */ #connexion-inscription > .block-fb-login { order:1 !important; } #connexion-inscription > .inscription { order:2 !important; } #connexion-inscription > .connexion { order:3 !important; } /* ========================================================= 3) FACEBOOK LOGIN Conteneur uniquement — SDK / bouton interne non modifiés ========================================================= */ #connexion-inscription > .block-fb-login { position:relative !important; float:none !important; flex:0 0 100% !important; width:100% !important; max-width:780px !important; margin:0 auto 8px !important; padding:12px 14px !important; box-sizing:border-box !important; border:1px solid rgba(15,23,42,.08) !important; border-radius:16px !important; background: radial-gradient( 120% 160% at 50% 0%, rgba(59,130,246,.055) 0%, rgba(59,130,246,0) 62% ), linear-gradient( 180deg, rgba(255,255,255,.99) 0%, rgba(250,252,255,.98) 100% ) !important; box-shadow: 0 10px 26px rgba(15,23,42,.045), inset 0 1px 0 rgba(255,255,255,.98) !important; } /* Fine touche bleue */ #connexion-inscription > .block-fb-login::before { content:""; display:block !important; width:54px !important; height:2px !important; margin:-12px auto 10px !important; border-radius:999px !important; background: linear-gradient( 90deg, rgba(14,165,233,0), rgba(14,165,233,.9), rgba(37,99,235,.85), rgba(14,165,233,0) ) !important; } /* Séparateur premium */ #connexion-inscription > .block-fb-login::after { content:"OU" !important; display:flex !important; align-items:center !important; justify-content:center !important; width:150px !important; max-width:150px !important; margin:14px auto -28px !important; padding:0 !important; position:relative !important; z-index:2 !important; background: linear-gradient( 90deg, rgba(15,23,42,.10) 0%, rgba(15,23,42,.10) 36%, transparent 36%, transparent 64%, rgba(15,23,42,.10) 64%, rgba(15,23,42,.10) 100% ) center/100% 1px no-repeat !important; color:#7e8998 !important; font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif !important; font-size:9px !important; line-height:1.4 !important; font-weight:850 !important; letter-spacing:.14em !important; text-align:center !important; } /* ========================================================= 4) CARTES INSCRIPTION / CONNEXION ========================================================= */ #connexion-inscription > .inscription, #connexion-inscription > .connexion { float:none !important; width:auto !important; max-width:none !important; flex:1 1 450px !important; margin:0 !important; padding:24px 24px 26px !important; box-sizing:border-box !important; border:1px solid rgba(15,23,42,.085) !important; border-radius:22px !important; background: radial-gradient( 120% 170% at 12% 0%, rgba(56,189,248,.075) 0%, rgba(56,189,248,0) 58% ), radial-gradient( 110% 160% at 90% 0%, rgba(99,102,241,.045) 0%, rgba(99,102,241,0) 58% ), linear-gradient( 180deg, rgba(255,255,255,.985) 0%, rgba(250,252,255,.97) 100% ) !important; box-shadow: 0 16px 40px rgba(15,23,42,.06), inset 0 1px 0 rgba(255,255,255,.97) !important; } /* Carte connexion volontairement compacte */ #connexion-inscription > .connexion { min-height:0 !important; align-self:flex-start !important; padding-bottom:22px !important; } /* ========================================================= 5) TITRES ========================================================= */ #connexion-inscription h2 { display:flex !important; align-items:center !important; gap:10px !important; margin:0 0 19px !important; padding:0 0 15px !important; border-bottom:1px solid rgba(15,23,42,.075) !important; color:#172033 !important; font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif !important; font-size:21px !important; line-height:1.25 !important; font-weight:820 !important; letter-spacing:-.015em !important; text-transform:none !important; } /* Icônes natives CmonSite conservées */ #connexion-inscription h2 i, #connexion-inscription h2 [class*="icon"], #connexion-inscription h2 [class*="fa-"] { flex:0 0 auto !important; } /* ========================================================= 6) LABELS ========================================================= */ #connexion-inscription label { display:block !important; margin:0 0 7px !important; color:#536174 !important; font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif !important; font-size:11px !important; line-height:1.3 !important; font-weight:850 !important; letter-spacing:.10em !important; text-transform:uppercase !important; } /* ========================================================= 7) CHAMPS ========================================================= */ #connexion-inscription input[type="text"], #connexion-inscription input[type="email"], #connexion-inscription input[type="password"], #connexion-inscription input[type="tel"], #connexion-inscription select, #connexion-inscription textarea { width:100% !important; max-width:100% !important; min-height:48px !important; margin:0 !important; padding:11px 14px !important; box-sizing:border-box !important; border:1px solid rgba(15,23,42,.12) !important; border-radius:13px !important; background:#ffffff !important; color:#172033 !important; font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif !important; font-size:14px !important; line-height:1.4 !important; box-shadow: 0 5px 14px rgba(15,23,42,.035), inset 0 1px 0 rgba(255,255,255,.98) !important; outline:none !important; } #connexion-inscription input[type="text"]:focus, #connexion-inscription input[type="email"]:focus, #connexion-inscription input[type="password"]:focus, #connexion-inscription input[type="tel"]:focus, #connexion-inscription select:focus, #connexion-inscription textarea:focus { border-color:rgba(2,132,199,.44) !important; box-shadow: 0 0 0 3px rgba(14,165,233,.10), 0 8px 20px rgba(15,23,42,.045) !important; } /* ========================================================= 8) GROUPES DE FORMULAIRE ========================================================= */ #connexion-inscription .form-group { margin-bottom:16px !important; } #connexion-inscription > .connexion .form-group { margin-bottom:14px !important; } #connexion-inscription form .row { margin-top:0 !important; } /* ========================================================= 9) CASES À COCHER ========================================================= */ #connexion-inscription input[type="checkbox"] { width:15px !important; height:15px !important; min-width:15px !important; margin-right:10px !important; accent-color:#0b5cab !important; } /* Texte naturel pour les options */ #connexion-inscription .checkbox, #connexion-inscription [class*="checkbox"], #connexion-inscription .checkbox label, #connexion-inscription [class*="checkbox"] label { color:#566174 !important; font-size:12.5px !important; line-height:1.55 !important; font-weight:600 !important; letter-spacing:0 !important; text-transform:none !important; } /* ========================================================= 10) LIENS ========================================================= */ #connexion-inscription a { color:#0b5cab !important; font-weight:700 !important; text-decoration:none !important; } #connexion-inscription a:hover { color:#07509a !important; text-decoration:underline !important; } /* ========================================================= 11) BOUTONS ========================================================= */ #connexion-inscription form input[type="submit"], #connexion-inscription form button[type="submit"], #connexion-inscription form .button { display:flex !important; align-items:center !important; justify-content:center !important; width:100% !important; max-width:100% !important; min-height:46px !important; margin:18px auto 0 !important; padding:11px 20px !important; box-sizing:border-box !important; border:1px solid rgba(2,132,199,.28) !important; border-radius:999px !important; background: linear-gradient( 180deg, #11a9ea 0%, #0284c7 100% ) !important; color:#ffffff !important; font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif !important; font-size:13.5px !important; line-height:1.2 !important; font-weight:850 !important; letter-spacing:0 !important; text-transform:none !important; box-shadow: 0 10px 24px rgba(2,132,199,.16), inset 0 1px 0 rgba(255,255,255,.17) !important; cursor:pointer !important; } #connexion-inscription > .connexion form input[type="submit"], #connexion-inscription > .connexion form button[type="submit"], #connexion-inscription > .connexion form .button { margin-top:16px !important; } #connexion-inscription form input[type="submit"]:hover, #connexion-inscription form button[type="submit"]:hover, #connexion-inscription form .button:hover { background:#0369a1 !important; color:#ffffff !important; text-decoration:none !important; } /* ========================================================= 12) TEXTES RGPD / INFORMATIONS ========================================================= */ #connexion-inscription form > p, #connexion-inscription form .legal, #connexion-inscription form [class*="legal"], #connexion-inscription form [class*="privacy"] { color:#707b8b !important; font-size:11px !important; line-height:1.55 !important; } /* ========================================================= 13) TABLETTE ========================================================= */ @media(max-width:980px) and (min-width:701px) { #connexion-inscription { gap:18px !important; } #connexion-inscription > .inscription, #connexion-inscription > .connexion { flex:1 1 420px !important; padding:24px 22px 26px !important; } } /* ========================================================= 14) MOBILE ========================================================= */ @media(max-width:700px) { #connexion-inscription { display:block !important; width:100% !important; margin:20px auto 28px !important; padding-left:8px !important; padding-right:8px !important; } #connexion-inscription > .block-fb-login { width:100% !important; max-width:100% !important; margin:0 0 20px !important; padding:11px 10px !important; border-radius:15px !important; } #connexion-inscription > .block-fb-login::before { margin-top:-11px !important; } #connexion-inscription > .block-fb-login::after { width:130px !important; max-width:130px !important; margin:14px auto -26px !important; } #connexion-inscription > .inscription, #connexion-inscription > .connexion { display:block !important; width:100% !important; max-width:100% !important; margin:0 0 16px !important; padding:20px 14px 22px !important; border-radius:19px !important; } #connexion-inscription h2 { margin-bottom:18px !important; padding-bottom:15px !important; font-size:19px !important; } #connexion-inscription input[type="text"], #connexion-inscription input[type="email"], #connexion-inscription input[type="password"], #connexion-inscription input[type="tel"], #connexion-inscription select, #connexion-inscription textarea { min-height:50px !important; padding:12px 13px !important; font-size:16px !important; } #connexion-inscription .checkbox, #connexion-inscription [class*="checkbox"], #connexion-inscription .checkbox label, #connexion-inscription [class*="checkbox"] label { font-size:12px !important; } #connexion-inscription form input[type="submit"], #connexion-inscription form button[type="submit"], #connexion-inscription form .button { min-height:46px !important; } } /* ========================================================= INACIO — FICHES PRODUITS — DESCRIPTION & ACCORDÉONS FINAL Conversion premium + accordéons automatiques V1.2 ========================================================= */ /* ========================================================= INACIO — FICHES PRODUITS — DESCRIPTION PREMIUM Base finale validée : desktop + tablette + mobile - conteneur description ; - badges et introduction ; - bloc bénéfices ; - listes / caractéristiques ; - accordéons natifs CmonSite (si utilisés). ========================================================= */ /* ========================================================= A — ZONE DESCRIPTION DÉTAILLÉE Sélecteurs confirmés dans l'inspecteur CmonSite ========================================================= */ body.page-fiche_produit #fiche-produit .wrap-details.bloc-description-detaille { width:100% !important; max-width:100% !important; margin-top:32px !important; box-sizing:border-box !important; } body.page-fiche_produit #fiche-produit .wrap-details.bloc-description-detaille > .h4 { margin:0 auto 26px !important; padding:0 16px 14px !important; color:#172033 !important; font-family:Georgia,"Times New Roman",serif !important; font-size:clamp(27px,2.4vw,33px) !important; line-height:1.15 !important; font-weight:400 !important; letter-spacing:-.02em !important; text-align:center !important; text-transform:none !important; } body.page-fiche_produit #fiche-produit .wrap-details.bloc-description-detaille > .h4::after { content:"" !important; display:block !important; width:54px !important; height:2px !important; margin:12px auto 0 !important; border-radius:999px !important; background: linear-gradient( 90deg, rgba(14,165,233,0), rgba(14,165,233,.78), rgba(37,99,235,.55), rgba(14,165,233,0) ) !important; } /* ========================================================= B — CONTENEUR ÉDITABLE / GABARIT INACIO ========================================================= */ body.page-fiche_produit #fiche-produit .wrap-details.bloc-description-detaille .details .contenu-editable .inacio-wrap { position:relative !important; width:calc(100% - 30px) !important; max-width:1080px !important; margin:0 auto 38px !important; padding:30px 32px 34px !important; overflow:hidden !important; box-sizing:border-box !important; border:1px solid rgba(15,23,42,.065) !important; border-radius:24px !important; background: radial-gradient( 100% 120% at 0% 0%, rgba(56,189,248,.050) 0%, rgba(56,189,248,0) 58% ), radial-gradient( 95% 120% at 100% 0%, rgba(99,102,241,.030) 0%, rgba(99,102,241,0) 58% ), linear-gradient( 180deg, rgba(255,255,255,.99) 0%, rgba(251,252,254,.98) 100% ) !important; box-shadow: 0 14px 36px rgba(15,23,42,.04), inset 0 1px 0 rgba(255,255,255,.98) !important; color:#334155 !important; text-align:left !important; } body.page-fiche_produit #fiche-produit .wrap-details.bloc-description-detaille .details .contenu-editable .inacio-wrap::before { content:"" !important; position:absolute !important; top:0 !important; left:14% !important; right:14% !important; height:1px !important; background: linear-gradient( 90deg, transparent, rgba(14,165,233,.18), rgba(255,255,255,.95), rgba(14,165,233,.12), transparent ) !important; pointer-events:none !important; } /* ========================================================= C — BADGES : INFOS CLÉS IMMÉDIATES ========================================================= */ body.page-fiche_produit #fiche-produit .wrap-details.bloc-description-detaille .details .contenu-editable .inacio-badges { display:flex !important; flex-wrap:wrap !important; align-items:center !important; justify-content:center !important; gap:8px !important; width:100% !important; margin:0 auto 24px !important; } body.page-fiche_produit #fiche-produit .wrap-details.bloc-description-detaille .details .contenu-editable .inacio-badge { display:inline-flex !important; align-items:center !important; justify-content:center !important; min-height:34px !important; padding:7px 12px !important; border:1px solid rgba(2,132,199,.12) !important; border-radius:999px !important; background:rgba(255,255,255,.90) !important; color:#0b5cab !important; font-size:10.5px !important; line-height:1.15 !important; font-weight:850 !important; letter-spacing:.085em !important; text-transform:uppercase !important; box-shadow: 0 4px 12px rgba(15,23,42,.025), inset 0 1px 0 rgba(255,255,255,.98) !important; } /* ========================================================= D — INTRO : ACCROCHE + TEXTE ========================================================= */ body.page-fiche_produit #fiche-produit .wrap-details.bloc-description-detaille .details .contenu-editable .inacio-title { max-width:820px !important; margin:0 auto 11px !important; padding:0 !important; color:#172033 !important; font-family:Georgia,"Times New Roman",serif !important; font-size:clamp(21px,2vw,26px) !important; line-height:1.34 !important; font-weight:400 !important; letter-spacing:-.012em !important; text-align:center !important; } body.page-fiche_produit #fiche-produit .wrap-details.bloc-description-detaille .details .contenu-editable .inacio-title::after { width:42px !important; height:2px !important; margin-top:12px !important; opacity:.55 !important; } body.page-fiche_produit #fiche-produit .wrap-details.bloc-description-detaille .details .contenu-editable .inacio-soft { max-width:820px !important; margin:0 auto 28px !important; color:#586577 !important; font-size:14.5px !important; line-height:1.7 !important; font-weight:500 !important; text-align:center !important; } /* Paragraphes directement dans le gabarit */ body.page-fiche_produit #fiche-produit .wrap-details.bloc-description-detaille .details .contenu-editable .inacio-wrap > p { max-width:840px !important; margin-left:auto !important; margin-right:auto !important; color:#586577 !important; font-size:14.5px !important; line-height:1.7 !important; font-weight:500 !important; } /* ========================================================= E — GRILLE DES BLOCS ========================================================= */ body.page-fiche_produit #fiche-produit .wrap-details.bloc-description-detaille .details .contenu-editable .inacio-description-grid { display:grid !important; /* Pleine largeur : rendu final validé avec accordéons automatiques. */ grid-template-columns:100% !important; grid-auto-rows:auto !important; gap:12px !important; width:100% !important; max-width:960px !important; margin:24px auto 0 !important; padding:0 !important; box-sizing:border-box !important; text-align:left !important; } body.page-fiche_produit #fiche-produit .wrap-details.bloc-description-detaille .details .contenu-editable .inacio-description-card-wide { grid-column:1 / -1 !important; } /* ========================================================= F — BLOCS DE CONTENU : PLUS SOBRES / PLUS PREMIUM ========================================================= */ body.page-fiche_produit #fiche-produit .wrap-details.bloc-description-detaille .details .contenu-editable .inacio-description-section-card { position:relative !important; min-width:0 !important; height:auto !important; margin:0 !important; padding:20px 21px 18px !important; box-sizing:border-box !important; border:1px solid rgba(15,23,42,.07) !important; border-radius:17px !important; background: linear-gradient( 180deg, rgba(255,255,255,.995) 0%, rgba(251,252,254,.985) 100% ) !important; box-shadow: 0 7px 20px rgba(15,23,42,.03), inset 0 1px 0 rgba(255,255,255,.99) !important; } /* ========================================================= G — TITRES DES BLOCS ========================================================= */ body.page-fiche_produit #fiche-produit .wrap-details.bloc-description-detaille .details .contenu-editable .inacio-description-section-card .inacio-section-title { width:100% !important; max-width:none !important; margin:0 0 12px !important; padding:0 0 10px !important; border:0 !important; border-bottom:1px solid rgba(15,23,42,.065) !important; background:transparent !important; box-shadow:none !important; color:#0b5cab !important; font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif !important; font-size:10.5px !important; line-height:1.35 !important; font-weight:850 !important; letter-spacing:.085em !important; text-align:left !important; text-transform:uppercase !important; } /* ========================================================= H — LISTES À PUCES : LIGNES SCANNABLES ========================================================= */ body.page-fiche_produit #fiche-produit .wrap-details.bloc-description-detaille .details .contenu-editable .inacio-description-section-card ul { width:100% !important; max-width:none !important; margin:0 !important; padding:0 !important; list-style:none !important; box-sizing:border-box !important; } body.page-fiche_produit #fiche-produit .wrap-details.bloc-description-detaille .details .contenu-editable .inacio-description-section-card ul > li { position:relative !important; margin:0 !important; padding:9px 0 9px 19px !important; border:0 !important; border-bottom:1px solid rgba(15,23,42,.052) !important; border-radius:0 !important; background:transparent !important; color:#465368 !important; font-size:13.8px !important; line-height:1.52 !important; font-weight:560 !important; } body.page-fiche_produit #fiche-produit .wrap-details.bloc-description-detaille .details .contenu-editable .inacio-description-section-card ul > li:last-child { border-bottom:0 !important; } body.page-fiche_produit #fiche-produit .wrap-details.bloc-description-detaille .details .contenu-editable .inacio-description-section-card ul > li:nth-child(even) { background:transparent !important; } body.page-fiche_produit #fiche-produit .wrap-details.bloc-description-detaille .details .contenu-editable .inacio-description-section-card ul > li::before { left:1px !important; top:1.05em !important; width:5px !important; height:5px !important; background:#168bd0 !important; box-shadow: 0 0 0 3px rgba(14,165,233,.07) !important; } /* ========================================================= I — LISTES NUMÉROTÉES : PERSONNALISATION EN ÉTAPES ========================================================= */ body.page-fiche_produit #fiche-produit .wrap-details.bloc-description-detaille .details .contenu-editable .inacio-description-section-card ol { width:100% !important; max-width:none !important; margin:0 !important; padding:0 !important; list-style:none !important; counter-reset:inacio-step !important; box-sizing:border-box !important; } body.page-fiche_produit #fiche-produit .wrap-details.bloc-description-detaille .details .contenu-editable .inacio-description-section-card ol > li { position:relative !important; counter-increment:inacio-step !important; margin:0 !important; padding:9px 0 9px 38px !important; border:0 !important; border-bottom:1px solid rgba(15,23,42,.052) !important; border-radius:0 !important; background:transparent !important; color:#465368 !important; font-size:13.8px !important; line-height:1.52 !important; font-weight:560 !important; } body.page-fiche_produit #fiche-produit .wrap-details.bloc-description-detaille .details .contenu-editable .inacio-description-section-card ol > li:last-child { border-bottom:0 !important; } body.page-fiche_produit #fiche-produit .wrap-details.bloc-description-detaille .details .contenu-editable .inacio-description-section-card ol > li::before { content:counter(inacio-step) !important; position:absolute !important; left:0 !important; top:8px !important; display:flex !important; align-items:center !important; justify-content:center !important; width:25px !important; height:25px !important; border:1px solid rgba(2,132,199,.12) !important; border-radius:999px !important; background:#eef7fd !important; color:#0b5cab !important; font-size:11px !important; line-height:1 !important; font-weight:850 !important; box-shadow:none !important; } /* ========================================================= J — PARAGRAPHES DANS LES BLOCS ========================================================= */ body.page-fiche_produit #fiche-produit .wrap-details.bloc-description-detaille .details .contenu-editable .inacio-description-section-card p { margin:11px 0 0 !important; color:#5b6778 !important; font-size:13.5px !important; line-height:1.62 !important; font-weight:500 !important; } body.page-fiche_produit #fiche-produit .wrap-details.bloc-description-detaille .details .contenu-editable .inacio-description-section-card strong, body.page-fiche_produit #fiche-produit .wrap-details.bloc-description-detaille .details .contenu-editable .inacio-description-section-card b { color:#344054 !important; font-weight:750 !important; } /* ========================================================= K — CALLOUTS EXISTANTS ========================================================= */ body.page-fiche_produit #fiche-produit .wrap-details.bloc-description-detaille .details .contenu-editable .inacio-card { max-width:860px !important; margin:16px auto 0 !important; padding:15px 17px !important; border:1px solid rgba(14,165,233,.10) !important; border-left:3px solid rgba(14,165,233,.50) !important; border-radius:13px !important; background:rgba(247,251,255,.80) !important; box-shadow:none !important; } /* ========================================================= L — GUIDE DES TAILLES ========================================================= */ body.page-fiche_produit #fiche-produit .wrap-details.bloc-description-detaille .details .contenu-editable a.inacio-size-guide-btn { display:inline-flex !important; align-items:center !important; justify-content:center !important; min-height:40px !important; margin:13px auto 8px !important; padding:9px 15px !important; border:1px solid rgba(2,132,199,.16) !important; border-radius:999px !important; background: linear-gradient( 180deg, #11a0df 0%, #087fbd 100% ) !important; color:#ffffff !important; font-size:12.5px !important; line-height:1.2 !important; font-weight:800 !important; text-decoration:none !important; box-shadow: 0 8px 18px rgba(2,132,199,.13), inset 0 1px 0 rgba(255,255,255,.18) !important; } /* ========================================================= M — ACCORDÉONS CMONSITE Classes confirmées dans l'inspecteur : .accordeon .accordeon__wrapper .accordeon__item .accordeon__header .accordeon__title .accordeon__toggle .accordeon__content ========================================================= */ body.page-fiche_produit #fiche-produit .wrap-details.bloc-description-detaille .details .contenu-editable .widget-accordion { width:100% !important; max-width:960px !important; margin:18px auto !important; padding:0 !important; } body.page-fiche_produit #fiche-produit .wrap-details.bloc-description-detaille .details .contenu-editable .accordeon { display:block !important; width:100% !important; margin:0 !important; padding:0 !important; background:transparent !important; } body.page-fiche_produit #fiche-produit .wrap-details.bloc-description-detaille .details .contenu-editable .accordeon__wrapper { display:block !important; width:100% !important; margin:0 !important; padding:0 !important; } body.page-fiche_produit #fiche-produit .wrap-details.bloc-description-detaille .details .contenu-editable .accordeon__item { width:100% !important; margin:0 0 10px !important; overflow:hidden !important; border:1px solid rgba(15,23,42,.075) !important; border-radius:15px !important; background: linear-gradient( 180deg, rgba(255,255,255,.995) 0%, rgba(251,252,254,.985) 100% ) !important; box-shadow: 0 6px 18px rgba(15,23,42,.028) !important; } body.page-fiche_produit #fiche-produit .wrap-details.bloc-description-detaille .details .contenu-editable .accordeon__header { display:flex !important; align-items:center !important; justify-content:space-between !important; width:100% !important; min-height:54px !important; margin:0 !important; padding:14px 17px !important; box-sizing:border-box !important; border:0 !important; border-radius:0 !important; background:transparent !important; color:#172033 !important; font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif !important; font-size:14px !important; line-height:1.35 !important; font-weight:750 !important; text-align:left !important; box-shadow:none !important; cursor:pointer !important; } body.page-fiche_produit #fiche-produit .wrap-details.bloc-description-detaille .details .contenu-editable .accordeon__title { flex:1 1 auto !important; min-width:0 !important; color:#172033 !important; font-size:14px !important; line-height:1.35 !important; font-weight:750 !important; letter-spacing:0 !important; text-transform:none !important; } body.page-fiche_produit #fiche-produit .wrap-details.bloc-description-detaille .details .contenu-editable .accordeon__toggle { flex:0 0 auto !important; margin-left:14px !important; color:#0b5cab !important; transition:transform .20s ease !important; } body.page-fiche_produit #fiche-produit .wrap-details.bloc-description-detaille .details .contenu-editable .accordeon__header[aria-expanded="true"] { background: linear-gradient( 180deg, rgba(239,248,255,.74) 0%, rgba(248,252,255,.74) 100% ) !important; color:#0b5cab !important; } body.page-fiche_produit #fiche-produit .wrap-details.bloc-description-detaille .details .contenu-editable .accordeon__header[aria-expanded="true"] .accordeon__title { color:#0b5cab !important; } body.page-fiche_produit #fiche-produit .wrap-details.bloc-description-detaille .details .contenu-editable .accordeon__header[aria-expanded="true"] .accordeon__toggle { transform:rotate(180deg) !important; } body.page-fiche_produit #fiche-produit .wrap-details.bloc-description-detaille .details .contenu-editable .accordeon__content { width:100% !important; padding:15px 17px 17px !important; box-sizing:border-box !important; border-top:1px solid rgba(15,23,42,.06) !important; background:rgba(250,252,255,.78) !important; color:#566174 !important; font-size:13.5px !important; line-height:1.65 !important; font-weight:500 !important; } body.page-fiche_produit #fiche-produit .wrap-details.bloc-description-detaille .details .contenu-editable .accordeon__content p:first-child { margin-top:0 !important; } body.page-fiche_produit #fiche-produit .wrap-details.bloc-description-detaille .details .contenu-editable .accordeon__content p:last-child { margin-bottom:0 !important; } /* ========================================================= N — HOVER DESKTOP SÛR ========================================================= */ @media (hover:hover) and (pointer:fine) { body.page-fiche_produit #fiche-produit .wrap-details.bloc-description-detaille .details .contenu-editable .accordeon__header:hover { background:rgba(247,251,255,.92) !important; } } /* ========================================================= O — MOBILE ========================================================= */ @media(max-width:700px) { body.page-fiche_produit #fiche-produit .wrap-details.bloc-description-detaille { margin-top:26px !important; } body.page-fiche_produit #fiche-produit .wrap-details.bloc-description-detaille > .h4 { margin-bottom:20px !important; font-size:25px !important; } body.page-fiche_produit #fiche-produit .wrap-details.bloc-description-detaille .details .contenu-editable .inacio-wrap { width:calc(100% - 18px) !important; margin:0 auto 28px !important; padding:22px 14px 25px !important; border-radius:20px !important; } body.page-fiche_produit #fiche-produit .wrap-details.bloc-description-detaille .details .contenu-editable .inacio-badges { display:grid !important; grid-template-columns:repeat(2,minmax(0,1fr)) !important; gap:7px !important; margin-bottom:21px !important; } body.page-fiche_produit #fiche-produit .wrap-details.bloc-description-detaille .details .contenu-editable .inacio-badge { width:100% !important; min-height:36px !important; padding:7px 7px !important; box-sizing:border-box !important; font-size:9.7px !important; letter-spacing:.06em !important; } body.page-fiche_produit #fiche-produit .wrap-details.bloc-description-detaille .details .contenu-editable .inacio-title { font-size:20px !important; line-height:1.42 !important; } body.page-fiche_produit #fiche-produit .wrap-details.bloc-description-detaille .details .contenu-editable .inacio-soft, body.page-fiche_produit #fiche-produit .wrap-details.bloc-description-detaille .details .contenu-editable .inacio-wrap > p { font-size:13.8px !important; line-height:1.63 !important; } body.page-fiche_produit #fiche-produit .wrap-details.bloc-description-detaille .details .contenu-editable .inacio-description-grid { grid-template-columns:100% !important; grid-auto-rows:auto !important; gap:10px !important; margin-top:20px !important; } body.page-fiche_produit #fiche-produit .wrap-details.bloc-description-detaille .details .contenu-editable .inacio-description-section-card, body.page-fiche_produit #fiche-produit .wrap-details.bloc-description-detaille .details .contenu-editable .inacio-description-card-wide { grid-column:auto !important; grid-row:auto !important; padding:17px 14px 15px !important; border-radius:15px !important; } body.page-fiche_produit #fiche-produit .wrap-details.bloc-description-detaille .details .contenu-editable .inacio-description-section-card .inacio-section-title { margin-bottom:9px !important; padding-bottom:9px !important; font-size:9.8px !important; } body.page-fiche_produit #fiche-produit .wrap-details.bloc-description-detaille .details .contenu-editable .inacio-description-section-card ul > li, body.page-fiche_produit #fiche-produit .wrap-details.bloc-description-detaille .details .contenu-editable .inacio-description-section-card ol > li { font-size:13.2px !important; line-height:1.5 !important; } body.page-fiche_produit #fiche-produit .wrap-details.bloc-description-detaille .details .contenu-editable .widget-accordion { margin:14px auto !important; } body.page-fiche_produit #fiche-produit .wrap-details.bloc-description-detaille .details .contenu-editable .accordeon__item { margin-bottom:8px !important; border-radius:14px !important; } body.page-fiche_produit #fiche-produit .wrap-details.bloc-description-detaille .details .contenu-editable .accordeon__header { min-height:50px !important; padding:13px 14px !important; font-size:13.5px !important; } body.page-fiche_produit #fiche-produit .wrap-details.bloc-description-detaille .details .contenu-editable .accordeon__title { font-size:13.5px !important; } body.page-fiche_produit #fiche-produit .wrap-details.bloc-description-detaille .details .contenu-editable .accordeon__content { padding:14px !important; font-size:13px !important; line-height:1.6 !important; } } /* ========================================================= INACIO — ACCORDÉONS AUTOMATIQUES — STYLE FINAL V1.2 Le JavaScript global ajoute les classes .inacio-auto-accordion et .inacio-benefit-card. Un seul accordéon reste ouvert à la fois. ========================================================= */ /* ========================================================= 1) CARTE TECHNIQUE TRANSFORMÉE EN ACCORDÉON ========================================================= */ body.page-fiche_produit #fiche-produit .wrap-details.bloc-description-detaille .details .contenu-editable .inacio-description-section-card.inacio-auto-accordion { width:100% !important; max-width:100% !important; grid-column:1 !important; grid-row:auto !important; margin:0 !important; padding:0 !important; overflow:hidden !important; border:1px solid rgba(15,23,42,.075) !important; border-radius:15px !important; background: linear-gradient( 180deg, rgba(255,255,255,.995) 0%, rgba(251,252,254,.985) 100% ) !important; box-shadow: 0 7px 20px rgba(15,23,42,.03), inset 0 1px 0 rgba(255,255,255,.99) !important; } /* ========================================================= 2) EN-TÊTE CLIQUABLE ========================================================= */ body.page-fiche_produit #fiche-produit .wrap-details.bloc-description-detaille .details .contenu-editable .inacio-auto-accordion__header { display:flex !important; align-items:center !important; justify-content:space-between !important; width:100% !important; min-height:52px !important; margin:0 !important; padding:12px 15px !important; box-sizing:border-box !important; border:0 !important; border-radius:0 !important; background:transparent !important; color:#172033 !important; font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif !important; text-align:left !important; box-shadow:none !important; cursor:pointer !important; } /* ========================================================= 3) TITRE ========================================================= */ body.page-fiche_produit #fiche-produit .wrap-details.bloc-description-detaille .details .contenu-editable .inacio-auto-accordion__title { flex:1 1 auto !important; min-width:0 !important; color:#0b5cab !important; font-size:10.5px !important; line-height:1.35 !important; font-weight:850 !important; letter-spacing:.08em !important; text-transform:uppercase !important; } /* ========================================================= 4) PLUS / MOINS ========================================================= */ body.page-fiche_produit #fiche-produit .wrap-details.bloc-description-detaille .details .contenu-editable .inacio-auto-accordion__toggle { position:relative !important; flex:0 0 28px !important; width:28px !important; height:28px !important; margin-left:12px !important; border:1px solid rgba(2,132,199,.11) !important; border-radius:999px !important; background:#f1f8fd !important; color:#0b5cab !important; } body.page-fiche_produit #fiche-produit .wrap-details.bloc-description-detaille .details .contenu-editable .inacio-auto-accordion__toggle::before, body.page-fiche_produit #fiche-produit .wrap-details.bloc-description-detaille .details .contenu-editable .inacio-auto-accordion__toggle::after { content:"" !important; position:absolute !important; top:50% !important; left:50% !important; width:12px !important; height:2px !important; border-radius:999px !important; background:#0b5cab !important; transform:translate(-50%,-50%) !important; transition:transform .18s ease, opacity .18s ease !important; } body.page-fiche_produit #fiche-produit .wrap-details.bloc-description-detaille .details .contenu-editable .inacio-auto-accordion__toggle::after { transform:translate(-50%,-50%) rotate(90deg) !important; } body.page-fiche_produit #fiche-produit .wrap-details.bloc-description-detaille .details .contenu-editable .inacio-auto-accordion__header[aria-expanded="true"] .inacio-auto-accordion__toggle::after { opacity:0 !important; transform:translate(-50%,-50%) rotate(0deg) !important; } /* ========================================================= 5) ÉTAT OUVERT ========================================================= */ body.page-fiche_produit #fiche-produit .wrap-details.bloc-description-detaille .details .contenu-editable .inacio-auto-accordion__header[aria-expanded="true"] { background: linear-gradient( 180deg, rgba(239,248,255,.72) 0%, rgba(249,252,255,.74) 100% ) !important; } /* ========================================================= 6) CONTENU DÉROULÉ ========================================================= */ body.page-fiche_produit #fiche-produit .wrap-details.bloc-description-detaille .details .contenu-editable .inacio-auto-accordion__content { width:100% !important; padding:5px 16px 16px !important; box-sizing:border-box !important; border-top:1px solid rgba(15,23,42,.055) !important; background: linear-gradient( 180deg, rgba(250,253,255,.90) 0%, rgba(255,255,255,.98) 100% ) !important; } body.page-fiche_produit #fiche-produit .wrap-details.bloc-description-detaille .details .contenu-editable .inacio-auto-accordion__content[hidden] { display:none !important; } /* ========================================================= 7) LISTES DANS L'ACCORDÉON ========================================================= */ body.page-fiche_produit #fiche-produit .wrap-details.bloc-description-detaille .details .contenu-editable .inacio-auto-accordion__content ul, body.page-fiche_produit #fiche-produit .wrap-details.bloc-description-detaille .details .contenu-editable .inacio-auto-accordion__content ol { margin-top:4px !important; } /* ========================================================= 8) BLOC BÉNÉFICES : RESTE VISIBLE ========================================================= */ body.page-fiche_produit #fiche-produit .wrap-details.bloc-description-detaille .details .contenu-editable .inacio-description-section-card.inacio-benefit-card { display:block !important; width:100% !important; max-width:100% !important; grid-column:1 !important; grid-row:auto !important; margin:0 0 4px !important; padding:20px 22px 18px !important; border-radius:17px !important; } /* ========================================================= 9) ÉTAT OUVERT ========================================================= */ body.page-fiche_produit #fiche-produit .wrap-details.bloc-description-detaille .details .contenu-editable .inacio-description-section-card.inacio-auto-accordion.is-open { border-color:rgba(14,165,233,.14) !important; box-shadow: 0 10px 24px rgba(15,23,42,.035), 0 0 0 1px rgba(14,165,233,.025) !important; } /* ========================================================= 10) HOVER DESKTOP ========================================================= */ @media (hover:hover) and (pointer:fine) { body.page-fiche_produit #fiche-produit .wrap-details.bloc-description-detaille .details .contenu-editable .inacio-auto-accordion__header:hover { background:rgba(247,251,255,.94) !important; } } /* ========================================================= 11) MOBILE ========================================================= */ @media(max-width:700px) { body.page-fiche_produit #fiche-produit .wrap-details.bloc-description-detaille .details .contenu-editable .inacio-description-section-card.inacio-benefit-card { padding:17px 14px 15px !important; border-radius:15px !important; } body.page-fiche_produit #fiche-produit .wrap-details.bloc-description-detaille .details .contenu-editable .inacio-description-section-card.inacio-auto-accordion { border-radius:14px !important; } body.page-fiche_produit #fiche-produit .wrap-details.bloc-description-detaille .details .contenu-editable .inacio-auto-accordion__header { min-height:50px !important; padding:11px 13px !important; } body.page-fiche_produit #fiche-produit .wrap-details.bloc-description-detaille .details .contenu-editable .inacio-auto-accordion__title { font-size:9.8px !important; letter-spacing:.06em !important; } body.page-fiche_produit #fiche-produit .wrap-details.bloc-description-detaille .details .contenu-editable .inacio-auto-accordion__toggle { flex-basis:28px !important; width:28px !important; height:28px !important; margin-left:10px !important; } body.page-fiche_produit #fiche-produit .wrap-details.bloc-description-detaille .details .contenu-editable .inacio-auto-accordion__content { padding:4px 13px 14px !important; } } /* ========================================================= ACCESSIBILITÉ — CIBLES TACTILES DES PUCES SWIPER La zone cliquable passe à 24 × 24 px. La bordure transparente conserve visuellement la puce centrale de 8 × 8 px. ========================================================= */ .content_list_product .swiper-pagination-bullet { width: 24px !important; height: 24px !important; margin: 0 1px !important; box-sizing: border-box !important; border: 8px solid transparent !important; background-clip: content-box !important; } .content_list_product .swiper-pagination-bullet:focus-visible { outline: 2px solid rgba(14,165,233,.42) !important; outline-offset: 1px !important; } /* INACIO — correction des deux images d'univers en erreur 404 */ .inacio-univers-card--mode .inacio-univers-card__media { background-image: url("https://www.inacio-commerce-creations.fr/uploaded/159507/t-shirt-blanc-femme-design-panthere_1.webp") !important; } .inacio-univers-card--faitmain .inacio-univers-card__media { background-image: url("https://www.inacio-commerce-creations.fr/uploaded/159507/top-crochet-rose-blanc-mode-femme_1.webp") !important; } /* ========================================================= INACIO — PAGE RÉTRACTATION PREMIUM V4 CmonSite + formulaire natif Desktop / tablette / mobile / impression VERSION : 21 AOÛT 2026 IMPORTANT — CONTRÔLE FONCTIONNEL HORS CSS : Depuis le 19 juin 2026, la fonctionnalité de rétractation en ligne doit notamment rester facilement, directement et en permanence accessible pendant le délai légal. Le parcours CmonSite doit aussi être vérifié jusqu’au bout : - identification du client et du contrat ; - moyen électronique pour recevoir l’accusé ; - commande finale « Confirmer la rétractation » ou formule analogue dépourvue d’ambiguïté ; - accusé sur support durable mentionnant le contenu de la déclaration ainsi que sa date et son heure d’envoi. Ce CSS ne modifie ni les champs, ni les libellés, ni l’envoi. La classe HTML existante .inacio-retractation-v3 est conservée pour permettre un remplacement direct du CSS actuel. ========================================================= */ /* ========================================================= 1 — BASE ET VARIABLES ========================================================= */ body.page-retractation .inacio-retractation-v3 { --iret-navy: #071729; --iret-navy-soft: #102a43; --iret-blue: #0796d2; --iret-blue-dark: #075da8; --iret-ink: #172033; --iret-copy: #455369; --iret-muted: #6c7788; --iret-line: rgba(12, 35, 58, 0.11); --iret-soft: #f3f8fc; --iret-soft-blue: #eaf6fc; --iret-white: #ffffff; --iret-warning: #fff8e8; --iret-warning-line: #e8c776; --iret-error: #a82f36; width: calc(100% - 28px) !important; max-width: 1060px !important; margin: 0 auto !important; padding: 30px 0 24px !important; box-sizing: border-box !important; color: var(--iret-ink) !important; font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif !important; font-size: 15px !important; line-height: 1.7 !important; } body.page-retractation .inacio-retractation-v3 *, body.page-retractation .inacio-retractation-v3 *::before, body.page-retractation .inacio-retractation-v3 *::after, body.page-retractation .retractation-form-zone, body.page-retractation .retractation-form-zone *, body.page-retractation .retractation-form-zone *::before, body.page-retractation .retractation-form-zone *::after { box-sizing: border-box !important; } body.page-retractation .inacio-retractation-v3 a { color: var(--iret-blue-dark) !important; font-weight: 720 !important; text-decoration: underline !important; text-decoration-thickness: 1px !important; text-underline-offset: 3px !important; overflow-wrap: anywhere !important; } body.page-retractation .inacio-retractation-v3 a:focus-visible, body.page-retractation .retractation-form-zone a:focus-visible { outline: 3px solid rgba(7, 150, 210, 0.28) !important; outline-offset: 4px !important; border-radius: 4px !important; } /* ========================================================= 2 — HERO PREMIUM Pas de balise
pour éviter les conflits CmonSite ========================================================= */ body.page-retractation .inacio-retractation-v3__hero { position: relative !important; isolation: isolate !important; overflow: hidden !important; display: block !important; width: 100% !important; min-height: 0 !important; margin: 0 0 16px !important; padding: 42px 42px 38px !important; background-color: #071729 !important; background-image: radial-gradient( 100% 150% at 8% -20%, rgba(52, 170, 225, 0.34), transparent 58% ), linear-gradient( 145deg, #15324c 0%, #071729 56%, #040c16 100% ) !important; background-repeat: no-repeat !important; border: 1px solid rgba(255, 255, 255, 0.10) !important; border-radius: 30px !important; color: #ffffff !important; opacity: 1 !important; filter: none !important; mix-blend-mode: normal !important; box-shadow: 0 24px 54px rgba(7, 23, 41, 0.18), inset 0 1px 0 rgba(255, 255, 255, 0.13) !important; text-align: left !important; } body.page-retractation .inacio-retractation-v3__hero::after { content: "" !important; position: absolute !important; z-index: -1 !important; right: -94px !important; bottom: -142px !important; width: 340px !important; height: 340px !important; border: 54px solid rgba(255, 255, 255, 0.04) !important; border-radius: 50% !important; } body.page-retractation .inacio-retractation-v3__eyebrow { display: block !important; margin: 0 0 12px !important; color: #8edcff !important; -webkit-text-fill-color: #8edcff !important; font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif !important; font-size: 11px !important; font-weight: 850 !important; line-height: 1.35 !important; letter-spacing: 1.35px !important; text-transform: uppercase !important; text-align: left !important; opacity: 1 !important; } body.page-retractation .inacio-retractation-v3__title { display: block !important; width: 100% !important; max-width: 790px !important; margin: 0 !important; padding: 0 !important; background: none !important; border: 0 !important; color: #ffffff !important; -webkit-text-fill-color: #ffffff !important; font-family: Georgia, "Times New Roman", serif !important; font-size: clamp(34px, 5vw, 54px) !important; font-weight: 760 !important; line-height: 1.05 !important; letter-spacing: -1.3px !important; text-align: left !important; text-transform: none !important; opacity: 1 !important; text-shadow: 0 2px 18px rgba(0, 0, 0, 0.25) !important; } body.page-retractation .inacio-retractation-v3__lead { display: block !important; width: 100% !important; max-width: 790px !important; margin: 18px 0 0 !important; color: #edf7fd !important; -webkit-text-fill-color: #edf7fd !important; font-size: 15px !important; line-height: 1.7 !important; font-weight: 500 !important; text-align: left !important; opacity: 1 !important; } /* ========================================================= 3 — BANDEAU 14 JOURS ========================================================= */ body.page-retractation .inacio-retractation-v3__notice { display: flex !important; align-items: flex-start !important; gap: 14px !important; width: 100% !important; margin: 0 0 16px !important; padding: 19px 20px !important; border: 1px solid rgba(7, 150, 210, 0.17) !important; border-radius: 19px !important; background: linear-gradient(145deg, #edf8fd 0%, #ffffff 100%) !important; box-shadow: 0 12px 30px rgba(12, 35, 58, 0.045) !important; color: #36506a !important; } body.page-retractation .inacio-retractation-v3__notice-icon { display: inline-flex !important; align-items: center !important; justify-content: center !important; flex: 0 0 40px !important; width: 40px !important; height: 40px !important; border: 1px solid rgba(7, 150, 210, 0.14) !important; border-radius: 13px !important; background: var(--iret-soft-blue) !important; color: var(--iret-blue-dark) !important; font-size: 19px !important; font-weight: 900 !important; line-height: 1 !important; } body.page-retractation .inacio-retractation-v3__notice strong { color: var(--iret-navy-soft) !important; } body.page-retractation .inacio-retractation-v3__notice p { margin: 6px 0 0 !important; color: #455d74 !important; font-size: 14px !important; line-height: 1.68 !important; } /* ========================================================= 4 — CARTES D’INFORMATION ========================================================= */ body.page-retractation .inacio-retractation-v3__grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 14px !important; width: 100% !important; margin: 0 !important; } body.page-retractation .inacio-retractation-v3__card { min-width: 0 !important; margin: 0 !important; padding: 24px 22px !important; border: 1px solid var(--iret-line) !important; border-radius: 22px !important; background: rgba(255, 255, 255, 0.97) !important; box-shadow: 0 14px 38px rgba(12, 35, 58, 0.055), inset 0 1px 0 rgba(255, 255, 255, 0.98) !important; color: var(--iret-copy) !important; text-align: left !important; } body.page-retractation .inacio-retractation-v3__card-head { display: flex !important; align-items: center !important; gap: 10px !important; width: 100% !important; margin: 0 0 14px !important; padding: 0 0 12px !important; border-bottom: 1px solid var(--iret-line) !important; } body.page-retractation .inacio-retractation-v3__card-head > span { display: inline-flex !important; align-items: center !important; justify-content: center !important; flex: 0 0 36px !important; width: 36px !important; height: 36px !important; border: 1px solid rgba(7, 150, 210, 0.15) !important; border-radius: 12px !important; background: var(--iret-soft-blue) !important; font-size: 16px !important; line-height: 1 !important; } body.page-retractation .inacio-retractation-v3__card h2 { margin: 0 !important; padding: 0 !important; background: transparent !important; border: 0 !important; color: var(--iret-ink) !important; font-family: Georgia, "Times New Roman", serif !important; font-size: 19px !important; line-height: 1.3 !important; font-weight: 700 !important; letter-spacing: -0.2px !important; text-align: left !important; text-transform: none !important; } body.page-retractation .inacio-retractation-v3__card p { margin: 0 0 11px !important; color: var(--iret-copy) !important; font-size: 14px !important; line-height: 1.68 !important; text-align: left !important; } body.page-retractation .inacio-retractation-v3__card p:last-child { margin-bottom: 0 !important; } body.page-retractation .inacio-retractation-v3__card ul { margin: 9px 0 12px !important; padding: 0 !important; list-style: none !important; } body.page-retractation .inacio-retractation-v3__card li { position: relative !important; margin: 0 !important; padding: 7px 0 7px 20px !important; color: var(--iret-copy) !important; font-size: 14px !important; line-height: 1.58 !important; } body.page-retractation .inacio-retractation-v3__card li::before { content: "" !important; position: absolute !important; top: 1.02em !important; left: 2px !important; width: 6px !important; height: 6px !important; border-radius: 999px !important; background: var(--iret-blue) !important; box-shadow: 0 0 0 5px rgba(7, 150, 210, 0.08) !important; } body.page-retractation .inacio-retractation-v3__soft { margin-top: 15px !important; padding: 14px 15px !important; border: 1px solid rgba(7, 150, 210, 0.10) !important; border-radius: 15px !important; background: var(--iret-soft) !important; color: #526071 !important; } /* ========================================================= 5 — INTRODUCTION AU FORMULAIRE CMONSITE ========================================================= */ body.page-retractation .inacio-retractation-v3__online { position: relative !important; overflow: hidden !important; width: 100% !important; margin: 18px 0 0 !important; padding: 28px 24px !important; border: 1px solid rgba(7, 150, 210, 0.17) !important; border-radius: 22px !important; background: linear-gradient(145deg, #edf8fd 0%, #ffffff 100%) !important; box-shadow: 0 14px 36px rgba(12, 35, 58, 0.05), inset 0 1px 0 rgba(255, 255, 255, 0.98) !important; text-align: center !important; } body.page-retractation .inacio-retractation-v3__online-eyebrow { display: block !important; margin: 0 0 7px !important; color: var(--iret-blue-dark) !important; font-size: 10.5px !important; line-height: 1.35 !important; font-weight: 850 !important; letter-spacing: 1.2px !important; text-transform: uppercase !important; } body.page-retractation .inacio-retractation-v3__online h2 { margin: 0 !important; padding: 0 !important; background: transparent !important; border: 0 !important; color: var(--iret-ink) !important; font-family: Georgia, "Times New Roman", serif !important; font-size: 24px !important; line-height: 1.3 !important; font-weight: 700 !important; letter-spacing: -0.25px !important; text-align: center !important; text-transform: none !important; } body.page-retractation .inacio-retractation-v3__online p { max-width: 720px !important; margin: 10px auto 0 !important; color: var(--iret-muted) !important; font-size: 14px !important; line-height: 1.68 !important; text-align: center !important; } /* ========================================================= 6 — FORMULAIRE NATIF CMONSITE Présentation uniquement : aucun fonctionnement modifié ========================================================= */ body.page-retractation .retractation-form-zone { display: block !important; width: calc(100% - 28px) !important; max-width: 1060px !important; margin: 14px auto 36px !important; padding: 30px 26px !important; border: 1px solid rgba(12, 35, 58, 0.11) !important; border-radius: 24px !important; background: rgba(255, 255, 255, 0.98) !important; box-shadow: 0 16px 46px rgba(12, 35, 58, 0.06), inset 0 1px 0 rgba(255, 255, 255, 0.99) !important; color: var(--iret-ink, #172033) !important; } body.page-retractation .retractation-form-zone form.retractation-form { display: block !important; width: 100% !important; max-width: 740px !important; margin: 0 auto !important; padding: 0 !important; background: transparent !important; border: 0 !important; box-shadow: none !important; } body.page-retractation .retractation-form-zone .retractation-form .form-group { display: block !important; width: 100% !important; margin: 0 0 18px !important; padding: 0 !important; } body.page-retractation .retractation-form-zone .retractation-form label { display: block !important; width: 100% !important; margin: 0 0 7px !important; color: #273244 !important; font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif !important; font-size: 14px !important; line-height: 1.4 !important; font-weight: 750 !important; text-align: left !important; } /* Champs textuels uniquement — ne déforme pas cases, radios ou fichiers */ body.page-retractation .retractation-form-zone .retractation-form input:not([type]), body.page-retractation .retractation-form-zone .retractation-form input[type="text"], body.page-retractation .retractation-form-zone .retractation-form input[type="email"], body.page-retractation .retractation-form-zone .retractation-form input[type="tel"], body.page-retractation .retractation-form-zone .retractation-form input[type="number"], body.page-retractation .retractation-form-zone .retractation-form input[type="search"], body.page-retractation .retractation-form-zone .retractation-form input[type="url"], body.page-retractation .retractation-form-zone .retractation-form input[type="date"], body.page-retractation .retractation-form-zone .retractation-form textarea, body.page-retractation .retractation-form-zone .retractation-form select { display: block !important; width: 100% !important; min-height: 50px !important; margin: 0 !important; padding: 12px 14px !important; border: 1px solid rgba(12, 35, 58, 0.17) !important; border-radius: 13px !important; outline: none !important; background: #ffffff !important; color: #172033 !important; font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif !important; font-size: 15px !important; line-height: 1.4 !important; box-shadow: inset 0 1px 2px rgba(12, 35, 58, 0.03) !important; transition: border-color 0.18s ease, box-shadow 0.18s ease, background-color 0.18s ease !important; } body.page-retractation .retractation-form-zone .retractation-form textarea { min-height: 120px !important; resize: vertical !important; } body.page-retractation .retractation-form-zone .retractation-form input::placeholder, body.page-retractation .retractation-form-zone .retractation-form textarea::placeholder { color: #8290a3 !important; opacity: 1 !important; } body.page-retractation .retractation-form-zone .retractation-form input:not([type]):focus, body.page-retractation .retractation-form-zone .retractation-form input[type="text"]:focus, body.page-retractation .retractation-form-zone .retractation-form input[type="email"]:focus, body.page-retractation .retractation-form-zone .retractation-form input[type="tel"]:focus, body.page-retractation .retractation-form-zone .retractation-form input[type="number"]:focus, body.page-retractation .retractation-form-zone .retractation-form input[type="search"]:focus, body.page-retractation .retractation-form-zone .retractation-form input[type="url"]:focus, body.page-retractation .retractation-form-zone .retractation-form input[type="date"]:focus, body.page-retractation .retractation-form-zone .retractation-form textarea:focus, body.page-retractation .retractation-form-zone .retractation-form select:focus { border-color: rgba(7, 150, 210, 0.75) !important; box-shadow: 0 0 0 4px rgba(7, 150, 210, 0.13) !important; } body.page-retractation .retractation-form-zone .retractation-form input:disabled, body.page-retractation .retractation-form-zone .retractation-form textarea:disabled, body.page-retractation .retractation-form-zone .retractation-form select:disabled { background: #eef2f6 !important; color: #768294 !important; cursor: not-allowed !important; opacity: 1 !important; } /* Messages d’aide et d’erreur natifs éventuels */ body.page-retractation .retractation-form-zone .retractation-form .help-block, body.page-retractation .retractation-form-zone .retractation-form .form-text { display: block !important; margin: 6px 0 0 !important; color: #6c7788 !important; font-size: 12.5px !important; line-height: 1.5 !important; } body.page-retractation .retractation-form-zone .retractation-form .has-error .help-block, body.page-retractation .retractation-form-zone .retractation-form .text-danger, body.page-retractation .retractation-form-zone .retractation-form .error { color: #a82f36 !important; } body.page-retractation .retractation-form-zone .retractation-form .has-error input, body.page-retractation .retractation-form-zone .retractation-form .has-error textarea, body.page-retractation .retractation-form-zone .retractation-form .has-error select { border-color: rgba(168, 47, 54, 0.68) !important; } /* ========================================================= 7 — BOUTON CMONSITE ========================================================= */ body.page-retractation .retractation-form-zone .retractation-form button.button.center-block, body.page-retractation .retractation-form-zone .retractation-form button[type="submit"], body.page-retractation .retractation-form-zone .retractation-form input[type="submit"] { display: flex !important; align-items: center !important; justify-content: center !important; width: fit-content !important; min-width: 170px !important; min-height: 48px !important; margin: 9px auto 0 !important; padding: 12px 24px !important; border: 1px solid rgba(7, 93, 168, 0.30) !important; border-radius: 999px !important; outline: none !important; background: linear-gradient(180deg, #0876bd 0%, #075da8 100%) !important; color: #ffffff !important; -webkit-text-fill-color: #ffffff !important; font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif !important; font-size: 13px !important; line-height: 1.2 !important; font-weight: 850 !important; letter-spacing: 0.03em !important; text-align: center !important; text-transform: uppercase !important; text-decoration: none !important; box-shadow: 0 11px 24px rgba(7, 93, 168, 0.22), inset 0 1px 0 rgba(255, 255, 255, 0.24) !important; cursor: pointer !important; transition: transform 0.18s ease, box-shadow 0.18s ease, background-color 0.18s ease !important; } body.page-retractation .retractation-form-zone .retractation-form button.button.center-block:focus-visible, body.page-retractation .retractation-form-zone .retractation-form button[type="submit"]:focus-visible, body.page-retractation .retractation-form-zone .retractation-form input[type="submit"]:focus-visible { outline: 3px solid rgba(7, 150, 210, 0.34) !important; outline-offset: 4px !important; box-shadow: 0 11px 24px rgba(7, 93, 168, 0.22), inset 0 1px 0 rgba(255, 255, 255, 0.24) !important; } body.page-retractation .retractation-form-zone .retractation-form button:disabled, body.page-retractation .retractation-form-zone .retractation-form input[type="submit"]:disabled { transform: none !important; box-shadow: none !important; cursor: not-allowed !important; opacity: 0.58 !important; } @media (hover: hover) and (pointer: fine) { body.page-retractation .retractation-form-zone .retractation-form button.button.center-block:not(:disabled):hover, body.page-retractation .retractation-form-zone .retractation-form button[type="submit"]:not(:disabled):hover, body.page-retractation .retractation-form-zone .retractation-form input[type="submit"]:not(:disabled):hover { transform: translateY(-1px) !important; background: linear-gradient(180deg, #076bad 0%, #064f90 100%) !important; box-shadow: 0 14px 28px rgba(7, 93, 168, 0.27), inset 0 1px 0 rgba(255, 255, 255, 0.24) !important; } } /* ========================================================= 8 — NOTE / MODÈLE À TÉLÉCHARGER NATIF CMONSITE ========================================================= */ body.page-retractation .retractation-form-zone .retractation-note { width: 100% !important; max-width: 740px !important; margin: 22px auto 0 !important; padding: 15px 16px !important; border: 1px solid rgba(12, 35, 58, 0.08) !important; border-radius: 14px !important; background: #f3f8fc !important; color: #637083 !important; font-size: 12.5px !important; line-height: 1.6 !important; text-align: center !important; } body.page-retractation .retractation-form-zone .retractation-note a { color: #075da8 !important; font-weight: 750 !important; text-decoration: underline !important; text-decoration-thickness: 1px !important; text-underline-offset: 3px !important; } /* ========================================================= 9 — TABLETTE ET MOBILE ========================================================= */ @media (max-width: 760px) { body.page-retractation .inacio-retractation-v3 { width: calc(100% - 18px) !important; padding-top: 18px !important; font-size: 14.5px !important; } body.page-retractation .inacio-retractation-v3__hero { padding: 30px 22px 28px !important; border-radius: 23px !important; } body.page-retractation .inacio-retractation-v3__title { font-size: clamp(31px, 10vw, 42px) !important; letter-spacing: -0.8px !important; } body.page-retractation .inacio-retractation-v3__lead { max-width: 100% !important; font-size: 14px !important; } body.page-retractation .inacio-retractation-v3__notice { gap: 11px !important; padding: 16px 15px !important; border-radius: 17px !important; } body.page-retractation .inacio-retractation-v3__notice-icon { flex-basis: 36px !important; width: 36px !important; height: 36px !important; font-size: 17px !important; } body.page-retractation .inacio-retractation-v3__grid { grid-template-columns: 1fr !important; gap: 11px !important; } body.page-retractation .inacio-retractation-v3__card { padding: 20px 17px !important; border-radius: 19px !important; } body.page-retractation .inacio-retractation-v3__card h2 { font-size: 18px !important; } body.page-retractation .inacio-retractation-v3__card p, body.page-retractation .inacio-retractation-v3__card li { font-size: 13.5px !important; } body.page-retractation .inacio-retractation-v3__online { padding: 22px 17px !important; border-radius: 19px !important; } body.page-retractation .inacio-retractation-v3__online h2 { font-size: 21px !important; } body.page-retractation .retractation-form-zone { width: calc(100% - 18px) !important; margin-top: 11px !important; padding: 22px 15px !important; border-radius: 20px !important; } body.page-retractation .retractation-form-zone .retractation-form input:not([type]), body.page-retractation .retractation-form-zone .retractation-form input[type="text"], body.page-retractation .retractation-form-zone .retractation-form input[type="email"], body.page-retractation .retractation-form-zone .retractation-form input[type="tel"], body.page-retractation .retractation-form-zone .retractation-form input[type="number"], body.page-retractation .retractation-form-zone .retractation-form input[type="search"], body.page-retractation .retractation-form-zone .retractation-form input[type="url"], body.page-retractation .retractation-form-zone .retractation-form input[type="date"], body.page-retractation .retractation-form-zone .retractation-form textarea, body.page-retractation .retractation-form-zone .retractation-form select { min-height: 48px !important; font-size: 16px !important; } body.page-retractation .retractation-form-zone .retractation-form button.button.center-block, body.page-retractation .retractation-form-zone .retractation-form button[type="submit"], body.page-retractation .retractation-form-zone .retractation-form input[type="submit"] { width: 100% !important; min-height: 49px !important; } } @media (max-width: 430px) { body.page-retractation .inacio-retractation-v3__hero { padding: 27px 19px 25px !important; } body.page-retractation .inacio-retractation-v3__notice { display: block !important; } body.page-retractation .inacio-retractation-v3__notice-icon { margin-bottom: 10px !important; } body.page-retractation .inacio-retractation-v3__card-head { align-items: flex-start !important; } } /* ========================================================= 10 — RÉDUCTION DES ANIMATIONS ========================================================= */ @media (prefers-reduced-motion: reduce) { body.page-retractation .inacio-retractation-v3 *, body.page-retractation .retractation-form-zone * { scroll-behavior: auto !important; transition-duration: 0.01ms !important; animation-duration: 0.01ms !important; animation-iteration-count: 1 !important; } } /* ========================================================= 11 — IMPRESSION ========================================================= */ @media print { body.page-retractation .inacio-retractation-v3, body.page-retractation .retractation-form-zone { width: 100% !important; max-width: none !important; margin-left: 0 !important; margin-right: 0 !important; box-shadow: none !important; } body.page-retractation .inacio-retractation-v3__hero { padding: 22px !important; background: #ffffff !important; border: 1px solid #cbd5df !important; color: #111827 !important; box-shadow: none !important; } body.page-retractation .inacio-retractation-v3__hero::after { display: none !important; } body.page-retractation .inacio-retractation-v3__eyebrow, body.page-retractation .inacio-retractation-v3__title, body.page-retractation .inacio-retractation-v3__lead { color: #111827 !important; -webkit-text-fill-color: #111827 !important; text-shadow: none !important; } body.page-retractation .inacio-retractation-v3__notice, body.page-retractation .inacio-retractation-v3__card, body.page-retractation .inacio-retractation-v3__online { break-inside: avoid !important; background: #ffffff !important; box-shadow: none !important; } body.page-retractation .retractation-form-zone .retractation-form button.button.center-block, body.page-retractation .retractation-form-zone .retractation-form button[type="submit"], body.page-retractation .retractation-form-zone .retractation-form input[type="submit"] { background: #ffffff !important; color: #111827 !important; -webkit-text-fill-color: #111827 !important; border: 1px solid #111827 !important; box-shadow: none !important; } } /* ========================================================= INACIO — PATCH GÉNÉRAL CARROUSELS PRODUITS Flèches premium + badges de remise bleu nuit À coller TOUT EN BAS du CSS personnalisé CmonSite. Ciblage automatique : tous les widgets CmonSite possédant la classe .widget-product-slider, actuels ou ajoutés ensuite. Ce fichier REMPLACE l'ancien patch limité à #product-slider-778577. ========================================================= */ /* ========================================================= 1 — BADGES DE REMISE Le pourcentage reste visible. Seule la présentation verte native est remplacée par une pastille bleu nuit compacte. Les badges « Fait main », « Personnalisation », etc. ne sont pas ciblés et restent donc inchangés. ========================================================= */ .widget-product-slider .produits > .remise { position: absolute !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; width: auto !important; min-width: 58px !important; height: auto !important; min-height: 36px !important; margin: 0 !important; padding: 8px 11px !important; border: 1px solid rgba(148, 163, 184, 0.30) !important; border-radius: 13px !important; color: #ffffff !important; -webkit-text-fill-color: #ffffff !important; background: linear-gradient( 180deg, #18243a 0%, #101827 100% ) !important; box-shadow: 0 9px 22px rgba(15, 23, 42, 0.24), inset 0 1px 0 rgba(255, 255, 255, 0.09) !important; overflow: hidden !important; z-index: 12 !important; } .widget-product-slider .produits > .remise .inside-remise, .widget-product-slider .produits > .remise .sub-remise, .widget-product-slider .produits > .remise .text-remise { display: inline-flex !important; align-items: center !important; justify-content: center !important; width: auto !important; height: auto !important; min-width: 0 !important; min-height: 0 !important; margin: 0 !important; padding: 0 !important; border: 0 !important; border-radius: 0 !important; color: #ffffff !important; -webkit-text-fill-color: #ffffff !important; background: transparent !important; box-shadow: none !important; } .widget-product-slider .produits > .remise .text-remise { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif !important; font-size: 15px !important; line-height: 1 !important; font-weight: 900 !important; letter-spacing: -0.01em !important; white-space: nowrap !important; } .widget-product-slider .produits > .remise::before, .widget-product-slider .produits > .remise::after, .widget-product-slider .produits > .remise .inside-remise::before, .widget-product-slider .produits > .remise .inside-remise::after, .widget-product-slider .produits > .remise .sub-remise::before, .widget-product-slider .produits > .remise .sub-remise::after { display: none !important; content: none !important; } /* ========================================================= 2 — FLÈCHES DE TOUS LES CARROUSELS PRODUITS ========================================================= */ .widget-product-slider .swiper-button-prev, .widget-product-slider .swiper-button-next { width: 44px !important; height: 44px !important; top: 35% !important; margin-top: 0 !important; display: flex !important; align-items: center !important; justify-content: center !important; border: 1px solid rgba(15, 23, 42, 0.12) !important; border-radius: 999px !important; color: #075da8 !important; -webkit-text-fill-color: #075da8 !important; background: rgba(255, 255, 255, 0.96) !important; box-shadow: 0 10px 24px rgba(15, 23, 42, 0.14), inset 0 1px 0 rgba(255, 255, 255, 0.96) !important; transform: translateY(-50%) !important; -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); opacity: 1 !important; z-index: 20 !important; transition: transform 0.16s ease, box-shadow 0.16s ease, border-color 0.16s ease, background 0.16s ease !important; } .widget-product-slider .swiper-button-prev { left: 9px !important; right: auto !important; } .widget-product-slider .swiper-button-next { right: 9px !important; left: auto !important; } .widget-product-slider .swiper-button-prev::after, .widget-product-slider .swiper-button-next::after { color: #075da8 !important; -webkit-text-fill-color: #075da8 !important; font-size: 16px !important; line-height: 1 !important; font-weight: 900 !important; } @media (hover: hover) and (pointer: fine) { .widget-product-slider .swiper-button-prev:hover, .widget-product-slider .swiper-button-next:hover { border-color: rgba(14, 165, 233, 0.30) !important; background: #ffffff !important; box-shadow: 0 14px 30px rgba(15, 23, 42, 0.18), inset 0 1px 0 rgba(255, 255, 255, 1) !important; transform: translateY(-50%) scale(1.05) !important; } } .widget-product-slider .swiper-button-prev:focus-visible, .widget-product-slider .swiper-button-next:focus-visible { outline: 3px solid rgba(14, 165, 233, 0.35) !important; outline-offset: 3px !important; } .widget-product-slider .swiper-button-disabled { opacity: 0.38 !important; pointer-events: none !important; } /* ========================================================= 3 — GRAND ÉCRAN ========================================================= */ @media (min-width: 1600px) { .widget-product-slider .swiper-button-prev, .widget-product-slider .swiper-button-next { top: 36% !important; } } /* ========================================================= 4 — MOBILE ET PETITE TABLETTE ========================================================= */ @media (max-width: 700px) { .widget-product-slider .produits > .remise { min-width: 54px !important; min-height: 34px !important; padding: 7px 10px !important; border-radius: 12px !important; } .widget-product-slider .produits > .remise .text-remise { font-size: 14px !important; } .widget-product-slider .swiper-button-prev, .widget-product-slider .swiper-button-next { width: 38px !important; height: 38px !important; top: 36% !important; } .widget-product-slider .swiper-button-prev { left: 6px !important; } .widget-product-slider .swiper-button-next { right: 6px !important; } .widget-product-slider .swiper-button-prev::after, .widget-product-slider .swiper-button-next::after { font-size: 14px !important; } } /* ========================================================= 5 — ACCESSIBILITÉ / MOUVEMENTS RÉDUITS ========================================================= */ @media (prefers-reduced-motion: reduce) { .widget-product-slider .swiper-button-prev, .widget-product-slider .swiper-button-next { transition: none !important; } } /* ========================================================= INACIO — CHAT BREVO PREMIUM V3 À COLLER TOUT EN BAS DU CSS GLOBAL CMONSITE Bulle d'accueil repliable + bouton seul après fermeture ========================================================= */ html body .inacio-chat-shell, html body .inacio-chat-shell *, html body .inacio-chat-shell *::before, html body .inacio-chat-shell *::after { box-sizing: border-box !important; } html body .inacio-chat-shell { position: fixed !important; right: 18px !important; bottom: 18px !important; z-index: 10000 !important; display: flex !important; align-items: center !important; justify-content: flex-end !important; gap: 10px !important; width: auto !important; max-width: calc(100vw - 36px) !important; margin: 0 !important; padding: 0 !important; color: #0b1220 !important; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif !important; opacity: 0 !important; visibility: hidden !important; pointer-events: none !important; transform: translateY(12px) !important; transition: opacity 0.24s ease, visibility 0.24s ease, transform 0.24s ease, gap 0.22s ease !important; } /* Affichage après vérification de l'interface cookies. */ html.inacio-chat-ready:not(.inacio-cookies-visible) body .inacio-chat-shell { opacity: 1 !important; visibility: visible !important; pointer-events: auto !important; transform: translateY(0) !important; } /* Masquage pendant l'affichage du gestionnaire de cookies. */ html.inacio-cookies-visible body .inacio-chat-shell, body.inacio-cookies-visible .inacio-chat-shell { opacity: 0 !important; visibility: hidden !important; pointer-events: none !important; transform: translateY(12px) !important; } /* Bouton de fermeture de la bulle d'accueil. */ html body .inacio-chat-shell .inacio-chat-dismiss { position: relative !important; inset: auto !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; flex: 0 0 42px !important; width: 42px !important; min-width: 42px !important; max-width: 42px !important; height: 42px !important; min-height: 42px !important; margin: 0 !important; padding: 0 !important; appearance: none !important; border: 1px solid rgba(255, 255, 255, 0.08) !important; border-radius: 999px !important; background: #070a0f !important; color: #ffffff !important; box-shadow: 0 12px 28px rgba(2, 6, 23, 0.24), inset 0 1px 0 rgba(255, 255, 255, 0.10) !important; cursor: pointer !important; touch-action: manipulation !important; opacity: 1 !important; overflow: hidden !important; transform: scale(1) !important; transition: width 0.22s ease, min-width 0.22s ease, height 0.22s ease, min-height 0.22s ease, opacity 0.16s ease, transform 0.22s ease, border-width 0.22s ease !important; } html body .inacio-chat-shell .inacio-chat-dismiss svg { display: block !important; width: 18px !important; height: 18px !important; fill: none !important; stroke: currentColor !important; stroke-width: 2 !important; stroke-linecap: round !important; } /* Bouton principal : sa position est gérée par le conteneur. */ html body .inacio-chat-shell > button.inacio-chat-launcher { position: relative !important; inset: auto !important; right: auto !important; bottom: auto !important; z-index: auto !important; display: inline-flex !important; align-items: center !important; justify-content: flex-end !important; gap: 9px !important; width: auto !important; min-width: 0 !important; max-width: 100% !important; height: auto !important; min-height: 0 !important; margin: 0 !important; padding: 0 !important; appearance: none !important; border: 0 !important; border-radius: 999px !important; outline: 0 !important; background: transparent !important; color: #0b1220 !important; box-shadow: none !important; cursor: pointer !important; touch-action: manipulation !important; opacity: 1 !important; visibility: visible !important; pointer-events: auto !important; transform: none !important; transition: gap 0.22s ease !important; } html body .inacio-chat-shell > button.inacio-chat-launcher:focus-visible, html body .inacio-chat-shell .inacio-chat-dismiss:focus-visible { outline: 3px solid rgba(18, 201, 158, 0.42) !important; outline-offset: 4px !important; } html body .inacio-chat-shell > button.inacio-chat-launcher[aria-busy="true"] { cursor: progress !important; } /* Message d'accueil. La forte spécificité corrige l'ancienne règle mobile « .inacio-chat-label { display:none!important; } ». */ html body .inacio-chat-shell .inacio-chat-label { display: inline-flex !important; align-items: center !important; justify-content: center !important; flex: 0 1 auto !important; width: auto !important; min-width: 0 !important; max-width: 310px !important; min-height: 52px !important; margin: 0 !important; padding: 0 20px !important; overflow: hidden !important; border: 1px solid rgba(15, 23, 42, 0.09) !important; border-radius: 999px !important; background: rgba(255, 255, 255, 0.98) !important; color: #111827 !important; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif !important; font-size: 15px !important; font-weight: 780 !important; line-height: 1.25 !important; letter-spacing: -0.01em !important; text-align: center !important; text-transform: none !important; white-space: nowrap !important; box-shadow: 0 16px 38px rgba(2, 6, 23, 0.16), inset 0 1px 0 rgba(255, 255, 255, 0.98) !important; opacity: 1 !important; transform: translateX(0) scale(1) !important; transition: max-width 0.24s ease, min-height 0.24s ease, padding 0.24s ease, border-width 0.24s ease, opacity 0.16s ease, transform 0.24s ease, box-shadow 0.20s ease !important; } /* Bouton rond vert, comme sur les visuels de référence. */ html body .inacio-chat-shell .inacio-chat-icon-wrap { display: inline-flex !important; align-items: center !important; justify-content: center !important; flex: 0 0 58px !important; width: 58px !important; min-width: 58px !important; max-width: 58px !important; height: 58px !important; min-height: 58px !important; margin: 0 !important; padding: 0 !important; border: 1px solid rgba(255, 255, 255, 0.18) !important; border-radius: 999px !important; background: linear-gradient(145deg, #28dfb5 0%, #12c99e 100%) !important; color: #071713 !important; box-shadow: 0 16px 34px rgba(8, 122, 96, 0.28), inset 0 1px 0 rgba(255, 255, 255, 0.34) !important; transform: translateY(0) !important; transition: transform 0.18s ease, box-shadow 0.18s ease, filter 0.18s ease !important; } html body .inacio-chat-shell .inacio-chat-icon { display: block !important; width: 27px !important; height: 27px !important; color: #071713 !important; } /* État replié : seul le bouton rond reste affiché. */ html body .inacio-chat-shell.is-collapsed { gap: 0 !important; } html body .inacio-chat-shell.is-collapsed .inacio-chat-dismiss { flex-basis: 0 !important; width: 0 !important; min-width: 0 !important; max-width: 0 !important; height: 0 !important; min-height: 0 !important; padding: 0 !important; border-width: 0 !important; opacity: 0 !important; pointer-events: none !important; transform: scale(0.72) !important; } html body .inacio-chat-shell.is-collapsed > button.inacio-chat-launcher { gap: 0 !important; } html body .inacio-chat-shell.is-collapsed .inacio-chat-label { width: 0 !important; max-width: 0 !important; min-height: 0 !important; padding-left: 0 !important; padding-right: 0 !important; border-width: 0 !important; opacity: 0 !important; pointer-events: none !important; transform: translateX(12px) scale(0.96) !important; box-shadow: none !important; } @media (hover: hover) and (pointer: fine) { html body .inacio-chat-shell .inacio-chat-dismiss:hover { transform: translateY(-1px) scale(1) !important; background: #111827 !important; box-shadow: 0 15px 32px rgba(2, 6, 23, 0.29), inset 0 1px 0 rgba(255, 255, 255, 0.12) !important; } html body .inacio-chat-shell > button.inacio-chat-launcher:hover .inacio-chat-label { transform: translateY(-1px) scale(1) !important; box-shadow: 0 19px 42px rgba(2, 6, 23, 0.19), inset 0 1px 0 rgba(255, 255, 255, 0.98) !important; } html body .inacio-chat-shell > button.inacio-chat-launcher:hover .inacio-chat-icon-wrap { transform: translateY(-2px) !important; filter: saturate(1.04) brightness(1.02) !important; box-shadow: 0 19px 40px rgba(8, 122, 96, 0.34), inset 0 1px 0 rgba(255, 255, 255, 0.38) !important; } html body .inacio-chat-shell.is-collapsed > button.inacio-chat-launcher:hover .inacio-chat-label { transform: translateX(12px) scale(0.96) !important; } } @media (max-width: 700px) { html body .inacio-chat-shell { right: 11px !important; bottom: 11px !important; gap: 8px !important; max-width: calc(100vw - 22px) !important; } html body .inacio-chat-shell .inacio-chat-dismiss { flex-basis: 36px !important; width: 36px !important; min-width: 36px !important; max-width: 36px !important; height: 36px !important; min-height: 36px !important; } html body .inacio-chat-shell .inacio-chat-dismiss svg { width: 16px !important; height: 16px !important; } html body .inacio-chat-shell > button.inacio-chat-launcher { gap: 8px !important; } html body .inacio-chat-shell .inacio-chat-label { display: inline-flex !important; width: auto !important; max-width: min(245px, calc(100vw - 128px)) !important; min-height: 48px !important; padding: 7px 14px !important; font-size: 13.5px !important; line-height: 1.25 !important; white-space: normal !important; } html body .inacio-chat-shell .inacio-chat-icon-wrap { flex-basis: 54px !important; width: 54px !important; min-width: 54px !important; max-width: 54px !important; height: 54px !important; min-height: 54px !important; } html body .inacio-chat-shell .inacio-chat-icon { width: 25px !important; height: 25px !important; } html body .inacio-chat-shell.is-collapsed { gap: 0 !important; } html body .inacio-chat-shell.is-collapsed .inacio-chat-dismiss { flex-basis: 0 !important; width: 0 !important; min-width: 0 !important; max-width: 0 !important; height: 0 !important; min-height: 0 !important; } html body .inacio-chat-shell.is-collapsed > button.inacio-chat-launcher { gap: 0 !important; } html body .inacio-chat-shell.is-collapsed .inacio-chat-label { display: inline-flex !important; width: 0 !important; max-width: 0 !important; min-height: 0 !important; padding-left: 0 !important; padding-right: 0 !important; } } @media (max-width: 360px) { html body .inacio-chat-shell { right: 9px !important; bottom: 9px !important; max-width: calc(100vw - 18px) !important; } html body .inacio-chat-shell .inacio-chat-label { max-width: calc(100vw - 122px) !important; padding-left: 11px !important; padding-right: 11px !important; font-size: 13px !important; } } @media (prefers-reduced-motion: reduce) { html body .inacio-chat-shell, html body .inacio-chat-shell *, html body .inacio-chat-shell *::before, html body .inacio-chat-shell *::after { scroll-behavior: auto !important; transition: none !important; } } @media print { html body .inacio-chat-shell { display: none !important; } } /* ========================================================= INACIO — INFOS PRODUIT SOUS LES PHOTOS Desktop uniquement ========================================================= */ @media (min-width: 901px) { body.page-fiche_produit #fiche-produit .inacio-gallery-extra { display: flex !important; flex-direction: column !important; gap: 12px !important; width: 100% !important; margin: 20px 0 0 !important; padding: 0 !important; box-sizing: border-box !important; } /* DESCRIPTION COURTE */ body.page-fiche_produit #fiche-produit .inacio-gallery-extra > .description { width: 100% !important; margin: 0 !important; padding: 18px 20px !important; border: 1px solid rgba(15,23,42,.075) !important; border-radius: 18px !important; background: rgba(255,255,255,.88) !important; color: #263244 !important; font-size: 15px !important; line-height: 1.6 !important; font-weight: 500 !important; box-shadow: 0 8px 20px rgba(15,23,42,.035), inset 0 1px 0 rgba(255,255,255,.98) !important; box-sizing: border-box !important; } /* RÉTRACTATION PRODUIT PERSONNALISÉ */ body.page-fiche_produit #fiche-produit .inacio-gallery-extra > .retractation-no-right { width: 100% !important; margin: 0 !important; padding: 11px 14px !important; border: 1px solid rgba(15,23,42,.08) !important; border-radius: 12px !important; background: rgba(15,23,42,.035) !important; color: #555 !important; font-size: 12.5px !important; line-height: 1.4 !important; box-sizing: border-box !important; } /* PRÉPARATION / EXPÉDITION */ body.page-fiche_produit #fiche-produit .inacio-gallery-extra > .block-shipping { width: 100% !important; margin: 0 !important; padding: 17px 18px !important; border: 1px solid rgba(15,23,42,.07) !important; border-radius: 18px !important; background: rgba(255,255,255,.86) !important; color: #263244 !important; font-size: 14px !important; line-height: 1.45 !important; box-shadow: 0 7px 18px rgba(15,23,42,.03), inset 0 1px 0 rgba(255,255,255,.98) !important; box-sizing: border-box !important; } /* RÉSEAUX SOCIAUX / FACEBOOK */ body.page-fiche_produit #fiche-produit .inacio-gallery-extra > .sociaux { display: flex !important; align-items: center !important; justify-content: space-between !important; flex-wrap: wrap !important; gap: 12px !important; width: 100% !important; min-height: 58px !important; margin: 0 !important; padding: 13px 16px !important; border: 1px solid rgba(15,23,42,.07) !important; border-radius: 18px !important; background: linear-gradient( 180deg, rgba(255,255,255,.96), rgba(248,251,254,.92) ) !important; box-shadow: 0 7px 18px rgba(15,23,42,.03), inset 0 1px 0 rgba(255,255,255,.98) !important; box-sizing: border-box !important; text-align: left !important; overflow: visible !important; } body.page-fiche_produit #fiche-produit .inacio-gallery-extra > .sociaux::before { content: " Cette création vous plaît ?" !important; display: block !important; color: #263244 !important; font-size: 13px !important; line-height: 1.3 !important; font-weight: 750 !important; } /* REND LE MODULE FACEBOOK VISIBLE */ body.page-fiche_produit #fiche-produit .inacio-gallery-extra .sociaux .fb-like, body.page-fiche_produit #fiche-produit .inacio-gallery-extra .sociaux .fb_iframe_widget { display: inline-block !important; visibility: visible !important; opacity: 1 !important; min-height: 28px !important; overflow: visible !important; } body.page-fiche_produit #fiche-produit .inacio-gallery-extra .sociaux iframe { visibility: visible !important; opacity: 1 !important; } /* DESCRIPTION DÉTAILLÉE PLUS PROCHE DU HAUT */ body.page-fiche_produit #fiche-produit .top_fiche { margin-bottom: 12px !important; } body.page-fiche_produit #fiche-produit .wrap-details.bloc-description-detaille { margin-top: 0 !important; } } /* ========================================================= INACIO — RÉSEAUX SOCIAUX SOUS GALERIE — VERSION PREMIUM ========================================================= */ @media (min-width: 901px) { body.page-fiche_produit #fiche-produit .inacio-product-socials { width: 100% !important; margin: 0 !important; padding: 16px 18px !important; display: flex !important; align-items: center !important; justify-content: space-between !important; flex-wrap: wrap !important; gap: 14px !important; border: 1px solid rgba(15,23,42,.07) !important; border-radius: 18px !important; background: linear-gradient( 180deg, rgba(255,255,255,.97), rgba(248,251,254,.93) ) !important; box-shadow: 0 7px 18px rgba(15,23,42,.03), inset 0 1px 0 rgba(255,255,255,.98) !important; box-sizing: border-box !important; } body.page-fiche_produit #fiche-produit .inacio-product-socials__title { color: #263244 !important; font-size: 13px !important; line-height: 1.3 !important; font-weight: 800 !important; white-space: nowrap !important; } body.page-fiche_produit #fiche-produit .inacio-product-socials__links { display: flex !important; align-items: center !important; justify-content: center !important; flex-wrap: wrap !important; gap: 8px !important; flex: 1 1 auto !important; min-width: 0 !important; } body.page-fiche_produit #fiche-produit .inacio-product-socials__link { display: inline-flex !important; align-items: center !important; justify-content: center !important; gap: 8px !important; min-height: 38px !important; padding: 8px 12px !important; border-radius: 999px !important; border: 1px solid rgba(15,23,42,.08) !important; background: #ffffff !important; color: #0b5cab !important; font-size: 11.5px !important; line-height: 1 !important; font-weight: 800 !important; text-decoration: none !important; text-align: center !important; white-space: nowrap !important; box-shadow: 0 5px 14px rgba(15,23,42,.035) !important; transition: transform .16s ease, border-color .16s ease, box-shadow .16s ease, background .16s ease !important; } body.page-fiche_produit #fiche-produit .inacio-product-socials__link:hover { transform: translateY(-1px) !important; border-color: rgba(11,92,171,.20) !important; box-shadow: 0 8px 18px rgba(15,23,42,.055) !important; text-decoration: none !important; } body.page-fiche_produit #fiche-produit .inacio-product-socials__icon { display: inline-flex !important; align-items: center !important; justify-content: center !important; width: 16px !important; height: 16px !important; flex: 0 0 16px !important; } body.page-fiche_produit #fiche-produit .inacio-product-socials__icon svg { display: block !important; width: 16px !important; height: 16px !important; fill: currentColor !important; } body.page-fiche_produit #fiche-produit .inacio-product-socials__label { display: inline-block !important; line-height: 1 !important; } /* Couleurs par réseau */ body.page-fiche_produit #fiche-produit .inacio-product-socials__link--facebook { color: #1877f2 !important; } body.page-fiche_produit #fiche-produit .inacio-product-socials__link--instagram { color: #c13584 !important; } body.page-fiche_produit #fiche-produit .inacio-product-socials__link--tiktok { color: #111111 !important; } body.page-fiche_produit #fiche-produit .inacio-product-socials__link--youtube { color: #ff0000 !important; } } /* ========================================================= INACIO — CHECKOUT CMONSITE — PATCH LIVRAISON V1.2 SAFE 16/09/2026 Corrige uniquement l'affichage du tunnel : - radios de livraison visibles - logos transporteurs correctement contenus dans leur carré - chiffre "1" visible dans l'étape Panier terminée - aucune modification des tarifs, transporteurs ou calculs - compatible avec le validateur CSS CmonSite ========================================================= */ /* 1) Radios de livraison */ .template_flux_panier_1 input[type="radio"] { -webkit-appearance: none !important; appearance: none !important; width: 22px !important; min-width: 22px !important; max-width: 22px !important; height: 22px !important; min-height: 22px !important; max-height: 22px !important; margin: 0 12px 0 0 !important; padding: 0 !important; border: 2px solid #d8dde5 !important; border-radius: 999px !important; background: #ffffff !important; box-shadow: none !important; vertical-align: middle !important; cursor: pointer !important; flex: 0 0 22px !important; } .template_flux_panier_1 input[type="radio"]:checked { border-color: #111111 !important; background: #111111 !important; box-shadow: inset 0 0 0 5px #ffffff !important; } .template_flux_panier_1 input[type="radio"]:focus { outline: 2px solid rgba(14,165,233,.22) !important; outline-offset: 2px !important; } /* 2) VRAI élément utilisé par CmonSite pour les logos transporteurs. Le logo est une image de fond dans .logo-carrier, pas une balise . */ .template_flux_panier_1 .logo-carrier { width: 44px !important; min-width: 44px !important; max-width: 44px !important; height: 44px !important; min-height: 44px !important; max-height: 44px !important; flex: 0 0 44px !important; background-size: 32px auto !important; background-position: center center !important; background-repeat: no-repeat !important; background-color: #ffffff !important; border-radius: 9px !important; overflow: hidden !important; transform: none !important; } /* 3) Étape terminée : le chiffre doit rester blanc sur fond noir */ .template_flux_panier_1 .stepper-tabs .stepper-item.step-done .step-counter, .template_flux_panier_1 .stepper-item.step-done .step-counter { color: #ffffff !important; } /* Mobile */ @media (max-width: 640px) { .template_flux_panier_1 .logo-carrier { background-size: 30px auto !important; } } /* ========================================================= INACIO — ÉTIQUETTE SECONDE MAIN PREMIUM — CONSOLIDÉE Sélecteur insensible à la casse : "Seconde main" / "seconde main" / "Seconde Main" ========================================================= */ #fiche-produit .produit_etiquette[data-title*="seconde main" i] .titre-etiquette, #fiche-produit .produit_etiquette[data-title*="seconde main" i] .h3.titre-etiquette { display: inline-flex !important; align-items: center !important; justify-content: center !important; gap: 8px !important; width: auto !important; min-width: 0 !important; max-width: max-content !important; min-height: 38px !important; padding: 9px 18px !important; border-radius: 999px !important; border: 1px solid rgba(148,163,184,.24) !important; background: radial-gradient( 120% 180% at 20% 0%, rgba(56,189,248,.14) 0%, rgba(56,189,248,0) 56% ), linear-gradient( 180deg, #17243a 0%, #0b1220 100% ) !important; color: #ffffff !important; -webkit-text-fill-color: #ffffff !important; font-size: 12px !important; line-height: 1 !important; font-weight: 900 !important; letter-spacing: .11em !important; text-transform: uppercase !important; box-shadow: 0 10px 24px rgba(15,23,42,.16), inset 0 1px 0 rgba(255,255,255,.10) !important; } /* Icône */ #fiche-produit .produit_etiquette[data-title*="seconde main" i] .titre-etiquette::before, #fiche-produit .produit_etiquette[data-title*="seconde main" i] .h3.titre-etiquette::before { content: "" !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; width: auto !important; height: auto !important; margin: 0 !important; padding: 0 !important; background: none !important; border: 0 !important; box-shadow: none !important; color: #ffffff !important; -webkit-text-fill-color: #ffffff !important; font-family: Arial, "Helvetica Neue", Helvetica, sans-serif !important; font-variant-emoji: text; font-size: 14px !important; line-height: 1 !important; transform: none !important; } /* Suppression du drapeau français */ #fiche-produit .produit_etiquette[data-title*="seconde main" i] .titre-etiquette::after, #fiche-produit .produit_etiquette[data-title*="seconde main" i] .h3.titre-etiquette::after { content: none !important; display: none !important; } /* Mobile */ @media (max-width:700px) { #fiche-produit .produit_etiquette[data-title*="seconde main" i] .titre-etiquette, #fiche-produit .produit_etiquette[data-title*="seconde main" i] .h3.titre-etiquette { min-height: 34px !important; padding: 8px 15px !important; font-size: 10.5px !important; letter-spacing: .09em !important; } } /* ========================================================= INACIO — VARIANTES PRODUIT EN BOUTONS V2 SAFE CMONSITE 03/10/2026 ========================================================= */ /* Grille automatique */ body.page-fiche_produit #fiche-produit .top_fiche .wrap-description .declinaison-attribute-group-radio .declinaison-attribute-group__item { display: grid !important; grid-template-columns: repeat(auto-fit, minmax(115px, 1fr)) !important; gap: 8px !important; width: 100% !important; margin: 0 !important; padding: 0 !important; } /* Boutons */ body.page-fiche_produit #fiche-produit .top_fiche .wrap-description .declinaison-attribute-group-radio .declinaison-attribute-group__item label.radio_unique { position: relative !important; display: flex !important; align-items: center !important; justify-content: center !important; min-width: 0 !important; min-height: 44px !important; margin: 0 !important; padding: 9px 12px !important; box-sizing: border-box !important; border: 1px solid rgba(15,23,42,.12) !important; border-radius: 12px !important; background: linear-gradient( 180deg, #ffffff 0%, #f8fafc 100% ) !important; color: #263244 !important; font-size: 13px !important; line-height: 1.2 !important; font-weight: 750 !important; letter-spacing: .01em !important; text-align: center !important; box-shadow: 0 4px 10px rgba(15,23,42,.035), inset 0 1px 0 rgba(255,255,255,.98) !important; cursor: pointer !important; transition: border-color .16s ease, background .16s ease, box-shadow .16s ease, transform .16s ease !important; user-select: none !important; } /* On masque le vrai radio CmonSite */ body.page-fiche_produit #fiche-produit .top_fiche .wrap-description .declinaison-attribute-group-radio label.radio_unique input.boutique_product_attribute_radio { position: absolute !important; width: 1px !important; height: 1px !important; margin: 0 !important; padding: 0 !important; opacity: 0 !important; overflow: hidden !important; } /* Variante sélectionnée Classe ajoutée par notre petit JS */ body.page-fiche_produit #fiche-produit .top_fiche .wrap-description .declinaison-attribute-group-radio label.radio_unique.inacio-variant-selected { border-color: rgba(2,132,199,.48) !important; background: radial-gradient( 120% 160% at 20% 0%, rgba(56,189,248,.12), transparent 58% ), linear-gradient( 180deg, #ffffff 0%, #f0f9ff 100% ) !important; color: #075da8 !important; font-weight: 850 !important; box-shadow: 0 0 0 2px rgba(14,165,233,.10), 0 7px 16px rgba(2,132,199,.08), inset 0 1px 0 rgba(255,255,255,.98) !important; } /* Coche */ body.page-fiche_produit #fiche-produit .top_fiche .wrap-description .declinaison-attribute-group-radio label.radio_unique.inacio-variant-selected::after { content: "" !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; width: 17px !important; height: 17px !important; margin-left: 7px !important; flex: 0 0 17px !important; border-radius: 999px !important; background: #0b8ec7 !important; color: #ffffff !important; font-size: 10px !important; line-height: 1 !important; font-weight: 900 !important; } /* Indisponible */ body.page-fiche_produit #fiche-produit .top_fiche .wrap-description .declinaison-attribute-group-radio label.radio_unique.inacio-variant-disabled { opacity: .42 !important; cursor: not-allowed !important; background: #f3f4f6 !important; box-shadow: none !important; text-decoration: line-through !important; } /* Survol desktop */ @media (hover:hover) and (pointer:fine) { body.page-fiche_produit #fiche-produit .top_fiche .wrap-description .declinaison-attribute-group-radio label.radio_unique:hover { transform: translateY(-1px) !important; border-color: rgba(2,132,199,.27) !important; box-shadow: 0 7px 16px rgba(15,23,42,.065), inset 0 1px 0 rgba(255,255,255,.98) !important; } } /* Mobile */ @media (max-width: 600px) { body.page-fiche_produit #fiche-produit .top_fiche .wrap-description .declinaison-attribute-group-radio .declinaison-attribute-group__item { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 7px !important; } body.page-fiche_produit #fiche-produit .top_fiche .wrap-description .declinaison-attribute-group-radio label.radio_unique { min-height: 42px !important; padding: 8px 9px !important; border-radius: 11px !important; font-size: 12.5px !important; } } /* ========================================================= INACIO — PASTILLES COULEUR AUTOMATIQUES ========================================================= */ body.page-fiche_produit #fiche-produit .top_fiche .wrap-description .declinaison-attribute-group-radio label.radio_unique .inacio-color-dot { display: inline-block !important; width: 14px !important; height: 14px !important; min-width: 14px !important; min-height: 14px !important; flex: 0 0 14px !important; margin-right: 7px !important; border-radius: 999px !important; border: 1px solid rgba(15,23,42,.14) !important; box-shadow: inset 0 1px 1px rgba(255,255,255,.35), 0 1px 2px rgba(15,23,42,.10) !important; vertical-align: middle !important; } /* Couleurs très claires */ body.page-fiche_produit #fiche-produit .top_fiche .wrap-description .declinaison-attribute-group-radio label.radio_unique .inacio-color-dot.inacio-color-dot-light { border: 1px solid rgba(15,23,42,.28) !important; } /* ========================================================= INACIO — VARIANTES IMAGE CMONSITE V2 SAFE — 03/10/2026 ========================================================= */ /* ========================================================= 1 — CONTENEUR DES MINIATURES ========================================================= */ body.page-fiche_produit #fiche-produit .top_fiche .wrap-description .declinaison-attribute-group-image .declinaison-attribute-group__item { display: flex !important; flex-wrap: wrap !important; align-items: center !important; justify-content: flex-start !important; gap: 10px !important; width: 100% !important; margin: 0 !important; padding: 0 !important; } /* ========================================================= 2 — BOUTON IMAGE ========================================================= */ body.page-fiche_produit #fiche-produit .top_fiche .wrap-description .declinaison-attribute-group-image label.radio_image { position: relative !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; width: 68px !important; min-width: 68px !important; max-width: 68px !important; height: 68px !important; min-height: 68px !important; max-height: 68px !important; margin: 0 !important; padding: 4px !important; box-sizing: border-box !important; border: 1px solid rgba(15,23,42,.14) !important; border-radius: 13px !important; background: #ffffff !important; box-shadow: 0 5px 12px rgba(15,23,42,.05), inset 0 1px 0 rgba(255,255,255,.98) !important; cursor: pointer !important; overflow: hidden !important; transition: border-color .16s ease, box-shadow .16s ease, transform .16s ease !important; } /* ========================================================= 3 — VRAIE MINIATURE Chez CmonSite l'image est en background-image du span ========================================================= */ body.page-fiche_produit #fiche-produit .top_fiche .wrap-description .declinaison-attribute-group-image label.radio_image span { display: block !important; width: 100% !important; min-width: 100% !important; height: 100% !important; min-height: 100% !important; margin: 0 !important; padding: 0 !important; border: 0 !important; border-radius: 9px !important; background-size: contain !important; background-position: center center !important; background-repeat: no-repeat !important; background-color: #f8fafc !important; box-shadow: none !important; font-size: 0 !important; line-height: 0 !important; } /* ========================================================= 4 — INPUT RADIO NATIF ========================================================= */ body.page-fiche_produit #fiche-produit .top_fiche .wrap-description .declinaison-attribute-group-image label.radio_image input[type="radio"] { position: absolute !important; width: 1px !important; height: 1px !important; margin: 0 !important; padding: 0 !important; opacity: 0 !important; overflow: hidden !important; pointer-events: none !important; } /* ========================================================= 5 — IMAGE SÉLECTIONNÉE CmonSite ajoute déjà radio-color-checked ========================================================= */ body.page-fiche_produit #fiche-produit .top_fiche .wrap-description .declinaison-attribute-group-image label.radio_image.radio-color-checked { border-color: rgba(2,132,199,.55) !important; background: #f0f9ff !important; box-shadow: 0 0 0 2px rgba(14,165,233,.12), 0 8px 18px rgba(2,132,199,.10), inset 0 1px 0 rgba(255,255,255,.98) !important; } /* Petit indicateur sélection */ body.page-fiche_produit #fiche-produit .top_fiche .wrap-description .declinaison-attribute-group-image label.radio_image.radio-color-checked::after { content: "" !important; position: absolute !important; top: 4px !important; right: 4px !important; display: flex !important; align-items: center !important; justify-content: center !important; width: 18px !important; height: 18px !important; border-radius: 999px !important; background: #0b8ec7 !important; color: #ffffff !important; border: 2px solid #ffffff !important; font-size: 10px !important; line-height: 1 !important; font-weight: 900 !important; box-shadow: 0 2px 6px rgba(15,23,42,.18) !important; pointer-events: none !important; } /* ========================================================= 6 — OPTION INDISPONIBLE CmonSite utilise unavailable-option ========================================================= */ body.page-fiche_produit #fiche-produit .top_fiche .wrap-description .declinaison-attribute-group-image label.radio_image.unavailable-option { opacity: .42 !important; filter: grayscale(75%) !important; cursor: not-allowed !important; box-shadow: none !important; } /* ========================================================= 7 — SURVOL DESKTOP ========================================================= */ @media (hover:hover) and (pointer:fine) { body.page-fiche_produit #fiche-produit .top_fiche .wrap-description .declinaison-attribute-group-image label.radio_image:not(.unavailable-option):hover { transform: translateY(-1px) !important; border-color: rgba(2,132,199,.32) !important; box-shadow: 0 8px 18px rgba(15,23,42,.08), inset 0 1px 0 rgba(255,255,255,.98) !important; } } /* ========================================================= 8 — MOBILE ========================================================= */ @media (max-width: 600px) { body.page-fiche_produit #fiche-produit .top_fiche .wrap-description .declinaison-attribute-group-image label.radio_image { width: 60px !important; min-width: 60px !important; max-width: 60px !important; height: 60px !important; min-height: 60px !important; max-height: 60px !important; padding: 3px !important; border-radius: 12px !important; } body.page-fiche_produit #fiche-produit .top_fiche .wrap-description .declinaison-attribute-group-image label.radio_image span { border-radius: 8px !important; } } /* ========================================================= INACIO — OPTIONS PRODUIT PERSONNALISABLES EN GRILLE V2 SAFE — 03/10/2026 Structure CmonSite confirmée : .product_options .product_options-group .product_options-group__item label.radio_unique ========================================================= */ /* ========================================================= 1 — GRILLE ========================================================= */ body.page-fiche_produit #fiche-produit .top_fiche .wrap-description .product_options .product_options-group .product_options-group__item { display: grid !important; grid-template-columns: repeat(auto-fit, minmax(140px, 1fr)) !important; gap: 8px !important; width: 100% !important; margin: 0 !important; padding: 0 !important; float: none !important; clear: both !important; } /* ========================================================= 2 — BOUTONS TEXTE ========================================================= */ body.page-fiche_produit #fiche-produit .top_fiche .wrap-description .product_options .product_options-group .product_options-group__item label.radio_unique.product_options-group__item__label { position: relative !important; display: flex !important; align-items: center !important; justify-content: center !important; float: none !important; width: 100% !important; min-width: 0 !important; max-width: none !important; min-height: 46px !important; margin: 0 !important; padding: 9px 10px !important; box-sizing: border-box !important; border: 1px solid rgba(15,23,42,.12) !important; border-radius: 12px !important; background: linear-gradient( 180deg, #ffffff 0%, #f8fafc 100% ) !important; color: #263244 !important; font-size: 12.5px !important; line-height: 1.25 !important; font-weight: 750 !important; text-align: center !important; box-shadow: 0 4px 10px rgba(15,23,42,.035), inset 0 1px 0 rgba(255,255,255,.98) !important; cursor: pointer !important; transition: border-color .16s ease, background .16s ease, box-shadow .16s ease, transform .16s ease !important; } /* ========================================================= 3 — INPUT RADIO NATIF ========================================================= */ body.page-fiche_produit #fiche-produit .top_fiche .wrap-description .product_options .product_options-group .product_options-group__item label.radio_unique input.boutique_product_option_radio { position: absolute !important; width: 1px !important; height: 1px !important; margin: 0 !important; padding: 0 !important; opacity: 0 !important; overflow: hidden !important; pointer-events: none !important; } /* ========================================================= 4 — OPTION SÉLECTIONNÉE CmonSite peut utiliser radio-color-checked. Notre JS peut aussi utiliser inacio-variant-selected. ========================================================= */ body.page-fiche_produit #fiche-produit .top_fiche .wrap-description .product_options .product_options-group label.radio_unique.radio-color-checked, body.page-fiche_produit #fiche-produit .top_fiche .wrap-description .product_options .product_options-group label.radio_unique.inacio-variant-selected { border-color: rgba(2,132,199,.48) !important; background: radial-gradient( 120% 160% at 20% 0%, rgba(56,189,248,.12), transparent 58% ), linear-gradient( 180deg, #ffffff 0%, #f0f9ff 100% ) !important; color: #075da8 !important; font-weight: 850 !important; box-shadow: 0 0 0 2px rgba(14,165,233,.10), 0 7px 16px rgba(2,132,199,.08), inset 0 1px 0 rgba(255,255,255,.98) !important; } /* ========================================================= 5 — COCHE SÉLECTION ========================================================= */ body.page-fiche_produit #fiche-produit .top_fiche .wrap-description .product_options .product_options-group label.radio_unique.radio-color-checked::after, body.page-fiche_produit #fiche-produit .top_fiche .wrap-description .product_options .product_options-group label.radio_unique.inacio-variant-selected::after { content: "" !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; width: 17px !important; height: 17px !important; flex: 0 0 17px !important; margin-left: 7px !important; border-radius: 999px !important; background: #0b8ec7 !important; color: #ffffff !important; font-size: 10px !important; line-height: 1 !important; font-weight: 900 !important; } /* ========================================================= 6 — OPTION INDISPONIBLE ========================================================= */ body.page-fiche_produit #fiche-produit .top_fiche .wrap-description .product_options .product_options-group label.radio_unique.unavailable-option { opacity: .42 !important; cursor: not-allowed !important; background: #f3f4f6 !important; box-shadow: none !important; text-decoration: line-through !important; } /* ========================================================= 7 — SURVOL DESKTOP ========================================================= */ @media (hover:hover) and (pointer:fine) { body.page-fiche_produit #fiche-produit .top_fiche .wrap-description .product_options .product_options-group label.radio_unique:not(.unavailable-option):hover { transform: translateY(-1px) !important; border-color: rgba(2,132,199,.27) !important; box-shadow: 0 7px 16px rgba(15,23,42,.065), inset 0 1px 0 rgba(255,255,255,.98) !important; } } /* ========================================================= 8 — MOBILE ========================================================= */ @media (max-width: 600px) { body.page-fiche_produit #fiche-produit .top_fiche .wrap-description .product_options .product_options-group .product_options-group__item { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 7px !important; } body.page-fiche_produit #fiche-produit .top_fiche .wrap-description .product_options .product_options-group .product_options-group__item label.radio_unique { min-height: 43px !important; padding: 8px 7px !important; font-size: 12px !important; border-radius: 11px !important; } } /* ========================================================= INACIO — VARIANTES PRODUIT V3.3 COMPATIBILITÉ DOUBLE STRUCTURE CMONSITE 03/10/2026 Compatible : 1 — .declinaison-attribute-group 2 — .product_options.declinaison ========================================================= */ /* ========================================================= 1 — CARTE DE CHAQUE GROUPE ========================================================= */ body.page-fiche_produit #fiche-produit .top_fiche .wrap-description .declinaison-attribute-group, body.page-fiche_produit #fiche-produit .top_fiche .wrap-description .product_options.declinaison .product_options-group { position: relative !important; width: 100% !important; max-width: none !important; margin: 0 0 12px !important; padding: 12px 13px 13px !important; box-sizing: border-box !important; border: 1px solid rgba(15,23,42,.065) !important; border-radius: 17px !important; background: linear-gradient( 180deg, rgba(255,255,255,.94), rgba(248,250,253,.88) ) !important; box-shadow: 0 8px 20px rgba(15,23,42,.035), inset 0 1px 0 rgba(255,255,255,.98) !important; } /* ========================================================= 2 — TITRE DU GROUPE ========================================================= */ body.page-fiche_produit #fiche-produit .top_fiche .wrap-description .declinaison-attribute-group > label, body.page-fiche_produit #fiche-produit .top_fiche .wrap-description .product_options.declinaison .product_options-group > label { display: block !important; margin: 0 0 7px !important; color: #263244 !important; font-size: 12.5px !important; line-height: 1.3 !important; font-weight: 850 !important; letter-spacing: .015em !important; } /* ========================================================= 3 — GRILLE DES BOUTONS ========================================================= */ body.page-fiche_produit #fiche-produit .top_fiche .wrap-description .declinaison-attribute-group-radio .declinaison-attribute-group__item, body.page-fiche_produit #fiche-produit .top_fiche .wrap-description .product_options.declinaison .product_options-group-radio .product_options-group__item { display: grid !important; grid-template-columns: repeat(auto-fit, minmax(115px, 1fr)) !important; gap: 8px !important; width: 100% !important; margin: 0 !important; padding: 0 !important; float: none !important; clear: both !important; } /* ========================================================= 4 — BOUTONS VARIANTES ========================================================= */ body.page-fiche_produit #fiche-produit .top_fiche .wrap-description .declinaison-attribute-group-radio .declinaison-attribute-group__item label.radio_unique, body.page-fiche_produit #fiche-produit .top_fiche .wrap-description .product_options.declinaison .product_options-group-radio .product_options-group__item label.radio_unique { position: relative !important; display: flex !important; align-items: center !important; justify-content: center !important; width: 100% !important; min-width: 0 !important; max-width: none !important; min-height: 44px !important; margin: 0 !important; padding: 9px 12px !important; box-sizing: border-box !important; border: 1px solid rgba(15,23,42,.12) !important; border-radius: 12px !important; background: linear-gradient( 180deg, #ffffff 0%, #f8fafc 100% ) !important; color: #263244 !important; font-size: 13px !important; line-height: 1.2 !important; font-weight: 750 !important; letter-spacing: .01em !important; text-align: center !important; box-shadow: 0 4px 10px rgba(15,23,42,.035), inset 0 1px 0 rgba(255,255,255,.98) !important; cursor: pointer !important; transition: border-color .16s ease, background .16s ease, box-shadow .16s ease, transform .16s ease !important; user-select: none !important; } /* ========================================================= 5 — MASQUAGE DES RADIOS CMONSITE ========================================================= */ body.page-fiche_produit #fiche-produit .top_fiche .wrap-description label.radio_unique input.boutique_product_attribute_radio, body.page-fiche_produit #fiche-produit .top_fiche .wrap-description label.radio_unique input.boutique_product_option_radio { position: absolute !important; width: 1px !important; height: 1px !important; margin: 0 !important; padding: 0 !important; opacity: 0 !important; overflow: hidden !important; pointer-events: none !important; } /* ========================================================= 6 — VARIANTE SÉLECTIONNÉE ========================================================= */ body.page-fiche_produit #fiche-produit .top_fiche .wrap-description label.radio_unique.inacio-variant-selected { border-color: rgba(2,132,199,.48) !important; background: radial-gradient( 120% 160% at 20% 0%, rgba(56,189,248,.12), transparent 58% ), linear-gradient( 180deg, #ffffff 0%, #f0f9ff 100% ) !important; color: #075da8 !important; font-weight: 850 !important; box-shadow: 0 0 0 2px rgba(14,165,233,.10), 0 7px 16px rgba(2,132,199,.08), inset 0 1px 0 rgba(255,255,255,.98) !important; } /* ========================================================= 7 — COCHE ========================================================= */ body.page-fiche_produit #fiche-produit .top_fiche .wrap-description label.radio_unique.inacio-variant-selected::after { content: "" !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; width: 17px !important; height: 17px !important; flex: 0 0 17px !important; margin-left: 7px !important; border-radius: 999px !important; background: #0b8ec7 !important; color: #ffffff !important; font-size: 10px !important; line-height: 1 !important; font-weight: 900 !important; } /* ========================================================= 8 — VARIANTE INDISPONIBLE ========================================================= */ body.page-fiche_produit #fiche-produit .top_fiche .wrap-description label.radio_unique.inacio-variant-disabled { opacity: .42 !important; cursor: not-allowed !important; background: #f3f4f6 !important; box-shadow: none !important; text-decoration: line-through !important; } /* ========================================================= 9 — PASTILLE COULEUR ========================================================= */ body.page-fiche_produit #fiche-produit .top_fiche .wrap-description label.radio_unique .inacio-color-dot { display: inline-block !important; width: 14px !important; height: 14px !important; min-width: 14px !important; min-height: 14px !important; flex: 0 0 14px !important; margin-right: 7px !important; border-radius: 999px !important; border: 1px solid rgba(15,23,42,.14) !important; box-shadow: inset 0 1px 1px rgba(255,255,255,.35), 0 1px 2px rgba(15,23,42,.10) !important; vertical-align: middle !important; pointer-events: none !important; } body.page-fiche_produit #fiche-produit .top_fiche .wrap-description label.radio_unique .inacio-color-dot.inacio-color-dot-light { border: 1px solid rgba(15,23,42,.28) !important; } /* ========================================================= 10 — SURVOL DESKTOP ========================================================= */ @media (hover:hover) and (pointer:fine) { body.page-fiche_produit #fiche-produit .top_fiche .wrap-description label.radio_unique:not(.inacio-variant-disabled):hover { transform: translateY(-1px) !important; border-color: rgba(2,132,199,.27) !important; box-shadow: 0 7px 16px rgba(15,23,42,.065), inset 0 1px 0 rgba(255,255,255,.98) !important; } } /* ========================================================= 11 — MOBILE ========================================================= */ @media (max-width:600px) { body.page-fiche_produit #fiche-produit .top_fiche .wrap-description .declinaison-attribute-group, body.page-fiche_produit #fiche-produit .top_fiche .wrap-description .product_options.declinaison .product_options-group { margin-bottom: 10px !important; padding: 10px 10px 11px !important; border-radius: 15px !important; } body.page-fiche_produit #fiche-produit .top_fiche .wrap-description .declinaison-attribute-group-radio .declinaison-attribute-group__item, body.page-fiche_produit #fiche-produit .top_fiche .wrap-description .product_options.declinaison .product_options-group-radio .product_options-group__item { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 7px !important; } body.page-fiche_produit #fiche-produit .top_fiche .wrap-description label.radio_unique { min-height: 42px !important; padding: 8px 9px !important; border-radius: 11px !important; font-size: 12.5px !important; } } /* ========================================================= 12 — UNE SEULE VALEUR Sur une occasion : une seule taille / une seule couleur. On garde un bouton propre mais pas inutilement gigantesque. ========================================================= */ body.page-fiche_produit #fiche-produit .top_fiche .wrap-description .product_options.declinaison .product_options-group__item:has(> label.radio_unique:only-child) { grid-template-columns: minmax(140px, 1fr) !important; } /* ========================================================= INACIO — V22 — CORRECTIFS VALIDÉS 05/10/2026 Mini-panier / tablette / accessibilité ========================================================= */ /* ========================================================= V22 — MINI-PANIER MOBILE — FINAL VALIDÉ ========================================================= */ @media (max-width:600px) { #paniercontent .panier_nom a, #panierContent .panier_nom a { font-size:16px !important; line-height:1.18 !important; font-weight:700 !important; font-family:Georgia, "Times New Roman", serif !important; display:-webkit-box !important; -webkit-box-orient:vertical !important; -webkit-line-clamp:3 !important; overflow:hidden !important; } #paniercontent .panier_description, #panierContent .panier_description { font-size:13px !important; line-height:1.35 !important; display:-webkit-box !important; -webkit-box-orient:vertical !important; -webkit-line-clamp:4 !important; overflow:hidden !important; } /* Réglage visuel validé : espace entre photo et texte */ #paniercontent .panier_nom, #panierContent .panier_nom, #paniercontent .panier_description, #panierContent .panier_description { margin-left:40px !important; } } /* ========================================================= V22 — LIVRE D'OR — COMPATIBILITÉ FLÈCHE ========================================================= */ @media (max-width:820px) { .message_lo .contenuMsgLO .blcfleche, .message_lo .contenuMsgLO .blcFleche { display:none !important; } } /* ========================================================= V22 — HEADER TABLETTE 901–1080 — LOGO ========================================================= */ @media only screen and (min-width:901px) and (max-width:1080px) { header .header-conteneur, header.banniere_header_p .header-conteneur, header.banniere.header_p .header-conteneur { position:relative !important; min-height:72px !important; } header #headercontent, header.banniere_header_p #headercontent, header.banniere.header_p #headercontent { position:absolute !important; left:50% !important; top:50% !important; right:auto !important; bottom:auto !important; width:auto !important; min-width:0 !important; max-width:none !important; margin:0 !important; padding:0 !important; transform:translate(-50%,-50%) !important; overflow:visible !important; z-index:100 !important; } header .logo, header #logo, header #headercontent .logo { display:block !important; position:static !important; width:auto !important; height:auto !important; left:auto !important; right:auto !important; top:auto !important; bottom:auto !important; margin:0 !important; padding:0 !important; transform:none !important; } header .logo img, header #logo img, header #headercontent .logo img { display:block !important; width:180px !important; max-width:32vw !important; height:auto !important; max-height:58px !important; margin:0 auto !important; object-fit:contain !important; } header #headercontent .container-slogan { display:none !important; } } /* ========================================================= V22 — MENU TABLETTE 901–1080 — MODE HAMBURGER ========================================================= */ @media only screen and (min-width:901px) and (max-width:1080px) { /* Menu fermé */ header .menu.navigation_p > #nav-principal:not(.nav_ouverte) > ul, #nav-principal.nav_fermee > ul { display:none !important; visibility:hidden !important; opacity:0 !important; pointer-events:none !important; } /* Conteneur du menu ouvert */ header .menu.navigation_p > #nav-principal.nav_ouverte { display:block !important; position:relative !important; width:100% !important; min-width:100% !important; max-width:100% !important; margin:0 !important; padding:0 !important; left:0 !important; right:auto !important; transform:none !important; background:transparent !important; border:0 !important; box-shadow:none !important; z-index:60010 !important; } /* Liste principale */ header .menu.navigation_p > #nav-principal.nav_ouverte > ul, header .menu.navigation_p > #nav-principal > ul.dropDown--open { display:block !important; position:relative !important; width:calc(100% - 24px) !important; min-width:0 !important; max-width:calc(100% - 24px) !important; height:auto !important; margin:10px 12px 18px !important; padding:12px !important; left:auto !important; right:auto !important; box-sizing:border-box !important; background: linear-gradient( 180deg, rgba(255,255,255,.98), rgba(248,251,255,.98) ) !important; border:1px solid rgba(15,23,42,.09) !important; border-radius:24px !important; box-shadow: 0 24px 60px rgba(15,23,42,.14) !important; overflow-x:hidden !important; overflow-y:auto !important; max-height:calc(100dvh - 105px) !important; z-index:60020 !important; } /* Titre du menu */ #nav-principal.nav_ouverte > ul::before { content:"MENU" !important; display:block !important; margin:2px 6px 10px !important; padding:0 4px 9px !important; border-bottom: 1px solid rgba(15,23,42,.07) !important; color:#64748b !important; font-size:11px !important; line-height:1 !important; font-weight:900 !important; letter-spacing:.16em !important; text-transform:uppercase !important; text-align:left !important; } /* Éléments principaux */ #nav-principal.nav_ouverte > ul > li.navigation_button_p { display:block !important; position:relative !important; width:100% !important; min-height:50px !important; margin:6px 0 !important; padding:0 !important; float:none !important; box-sizing:border-box !important; } /* Liens simples */ #nav-principal.nav_ouverte > ul > li.navigation_button_p:not(.hasDropdown) > a.navigation_link_p { display:flex !important; align-items:center !important; justify-content:flex-start !important; width:100% !important; min-height:50px !important; margin:0 !important; padding:11px 16px !important; box-sizing:border-box !important; border-radius:16px !important; border:1px solid rgba(15,23,42,.075) !important; background: linear-gradient( 180deg, rgba(255,255,255,.90), rgba(248,250,252,.82) ) !important; color:#0b5cab !important; font-size:15px !important; line-height:1.25 !important; font-weight:800 !important; text-align:left !important; white-space:normal !important; } /* Éléments avec sous-menu */ #nav-principal.nav_ouverte > ul > li.navigation_button_p.hasDropdown { display:grid !important; grid-template-columns:minmax(0,1fr) 48px !important; grid-template-rows:auto auto !important; align-items:center !important; width:100% !important; min-height:50px !important; margin:6px 0 !important; padding:0 !important; border-radius:16px !important; border:1px solid rgba(15,23,42,.075) !important; background: linear-gradient( 180deg, rgba(255,255,255,.90), rgba(248,250,252,.82) ) !important; overflow:hidden !important; } #nav-principal.nav_ouverte > ul > li.navigation_button_p.hasDropdown > a.navigation_link_p { grid-column:1 !important; grid-row:1 !important; display:flex !important; align-items:center !important; justify-content:flex-start !important; width:100% !important; min-height:50px !important; margin:0 !important; padding:11px 8px 11px 16px !important; background:transparent !important; border:0 !important; color:#0b5cab !important; font-size:15px !important; line-height:1.22 !important; font-weight:800 !important; text-align:left !important; } /* Bouton d'ouverture du sous-menu */ #nav-principal.nav_ouverte > ul > li.navigation_button_p.hasDropdown > span.dropDown.navigation_link_p { grid-column:2 !important; grid-row:1 !important; position:static !important; display:flex !important; align-items:center !important; justify-content:center !important; width:36px !important; min-width:36px !important; height:36px !important; margin:7px !important; padding:0 !important; border-radius:12px !important; background:rgba(11,92,171,.065) !important; border:1px solid rgba(11,92,171,.10) !important; transform:none !important; } /* Sous-menu */ #nav-principal.nav_ouverte li.navigation_button_p.hasDropdown > ul.menu__dropdown { grid-column:1 / -1 !important; grid-row:2 !important; position:static !important; width:auto !important; max-width:none !important; margin:2px 8px 9px !important; padding:6px !important; border-radius:14px !important; border:1px solid rgba(15,23,42,.065) !important; background:rgba(244,248,252,.90) !important; box-shadow:none !important; } #nav-principal.nav_ouverte li.navigation_button_p.hasDropdown > ul.menu__dropdown.dropDown--close { display:none !important; } #nav-principal.nav_ouverte li.navigation_button_p.hasDropdown > ul.menu__dropdown.dropDown--open { display:block !important; } #nav-principal.nav_ouverte ul.menu__dropdown li.navigation_button_p { display:block !important; width:100% !important; min-height:40px !important; margin:2px 0 !important; padding:0 !important; } #nav-principal.nav_ouverte ul.menu__dropdown li.navigation_button_p > a { display:flex !important; align-items:center !important; justify-content:flex-start !important; width:100% !important; min-height:40px !important; padding:8px 12px !important; border-radius:10px !important; color:#334155 !important; font-size:14px !important; line-height:1.3 !important; font-weight:700 !important; text-align:left !important; } } /* ========================================================= V22 — ACCESSIBILITÉ / LISIBILITÉ — PETITS TEXTES ========================================================= */ @media (max-width:600px) { .inacio-univers-card__kicker { font-size:11px !important; line-height:1.25 !important; letter-spacing:.07em !important; } .inacio-univers-card__link { font-size:11.5px !important; line-height:1.25 !important; } .inacio-editorial-v2__eyebrow, .inacio-season-v2__eyebrow, .inacio-about-v2__eyebrow { font-size:11px !important; line-height:1.3 !important; } .inacio-trust-v2__content span { font-size:11.5px !important; line-height:1.4 !important; } } @media (max-width:700px) { .inacio-badge { font-size:11px !important; line-height:1.2 !important; letter-spacing:.045em !important; } body.page-fiche_produit #fiche-produit .inacio-description-section-card .inacio-section-title { font-size:12px !important; line-height:1.3 !important; } } @media (max-width:768px) { .container-etiquette .titre-etiquette, .container-etiquette .h3.titre-etiquette, .container-etiquette .etiquette, .container-etiquette .promotion, .container-etiquette [class*="etiquette"] { font-size:10.5px !important; line-height:1.2 !important; } } #connexion-inscription > .block-fb-login::after { font-size:11px !important; line-height:1.4 !important; color:#64748b !important; } /* ========================================================= V22 — ACCESSIBILITÉ — LIENS DANS LES TEXTES ========================================================= */ #blocContent p a:not(.button):not(.addbasket):not(.inacio-btn):not(.inacio-btn2):not(.inacio-pillbtn):not([class*="btn"]):not([class*="button"]), #blocContent li a:not(.button):not(.addbasket):not(.inacio-btn):not(.inacio-btn2):not(.inacio-pillbtn):not([class*="btn"]):not([class*="button"]), .contenu-editable p a:not(.button):not(.addbasket):not(.inacio-btn):not(.inacio-btn2):not(.inacio-pillbtn):not([class*="btn"]):not([class*="button"]), .contenu-editable li a:not(.button):not(.addbasket):not(.inacio-btn):not(.inacio-btn2):not(.inacio-pillbtn):not([class*="btn"]):not([class*="button"]), .inacio-infoCard p a { color:#075da8 !important; text-decoration:underline !important; text-decoration-thickness:1px !important; text-underline-offset:3px !important; overflow-wrap:anywhere !important; } #blocContent p a:not(.button):not(.addbasket):not(.inacio-btn):not(.inacio-btn2):not(.inacio-pillbtn):not([class*="btn"]):not([class*="button"]):hover, #blocContent li a:not(.button):not(.addbasket):not(.inacio-btn):not(.inacio-btn2):not(.inacio-pillbtn):not([class*="btn"]):not([class*="button"]):hover, .contenu-editable p a:hover, .contenu-editable li a:hover, .inacio-infoCard p a:hover { color:#0284c7 !important; text-decoration-thickness:2px !important; } /* INACIO - COEURS V2 / TEST VISUEL Ajouter A LA FIN du CSS V22.2 existant, sans remplacer le reste. Pas de SVG, pas de balise