/* STYLE CMONSITE EDITOR */ .contenu-editable h1{background-color:transparent;font-family:Spectral;font-size:60px;font-weight:normal;color:rgba(0,0,0,1);}.footer_p{background-color:rgba(255,255,255,1);color:rgba(0,0,0,1);padding-left:0px;padding-right:0px;padding-bottom:0px;border-style:none;border-top-width:1px;border-bottom-width:0px;border-left-width:0px;border-right-width:0px;}.button, input[type="submit"]{background-color:rgba(46,46,46,1);border-top-right-radius:32px;border-bottom-left-radius:32px;border-bottom-right-radius:32px;border-top-left-radius:32px;padding-left:25px;padding-right:25px;padding-top:9px;padding-bottom:9px;text-transform:uppercase;letter-spacing:0.05em;border-style:none;border-top-width:2px;border-bottom-width:2px;border-left-width:2px;border-right-width:2px;}.contenu-editable h2{background-color:transparent;color:inherit;font-size:40px;font-family:Spectral;font-weight:normal;margin-top:10px;margin-bottom:10px;}body{font-family:Open Sans;color:#000000;background-color:transparent;}.button:hover, input[type="submit"]:hover{background-color:rgba(10,0,0,1);color:rgba(255,255,255,1);border-style:none;}.button:focus, input[type="submit"]:focus{background-color:rgba(10,0,0,1);color:rgba(255,255,255,1);border-style:none;}.is-fixed #nav-principal .navigation_link_p{font-family:Open Sans;color:rgba(0,0,0,1);text-transform:uppercase;letter-spacing:0.05em;}header.is-fixed .logo{height:auto;}header.is-fixed .logo img{height:auto;}header .logo img{height:auto;}#nav-principal .navigation_link_p.actif{color:#010618;font-size:16px;box-shadow:inset 0px 0px 0px 0px ;background-color:rgba(255,255,255,1);font-weight:normal;}#nav-principal .navigation_button_p.actif .navigation_link_p{color:#010618;font-size:16px;box-shadow:inset 0px 0px 0px 0px ;background-color:rgba(255,255,255,1);font-weight:normal;}#nav-principal .navigation_link_p{color:#010618;font-family:Open Sans;text-transform:uppercase;letter-spacing:0.05em;background-color:rgba(255,255,255,1);}#nav-principal .navigation_link_p:hover{box-shadow:none;color:#010618;background-color:transparent;}#nav-principal .navigation_link_p:focus{box-shadow:none;color:#010618;background-color:transparent;}#nav-principal .navigation_button_p:hover .navigation_link_p{box-shadow:none;color:#010618;background-color:transparent;}#nav-principal .navigation_button_p:focus .navigation_link_p{box-shadow:none;color:#010618;background-color:transparent;}#nav-principal>ul{justify-content:flex-end;}header .logo{height:auto;}.wrapper{padding-left:0px;padding-right:0px;padding-bottom:0px;background-image:none;}.contenu-editable h3{font-family:Open Sans;font-weight:normal;background-color:transparent;color:rgba(0,0,0,1);font-size:18px;margin-top:0px;margin-bottom:0px;letter-spacing:0.05em;}.footer__links{padding-top:10px;padding-bottom:10px;border-style:solid;border-top-width:1px;border-bottom-width:0px;border-left-width:0px;border-right-width:0px;}.footer__links a{font-size:14px;text-transform:uppercase;letter-spacing:0.1em;color:rgba(0,0,0,1);}.footer__links a:hover{color:rgba(0,0,0,1);}.footer__links a:focus{color:rgba(0,0,0,1);}#bloc-fil-title{background-color:transparent;background-image:none;}#bloc-fil-title::before{background-color:transparent;box-shadow:none;background-image:none;}.title_section{font-family:Spectral;text-transform:uppercase;font-weight:normal;font-size:0px;padding-top:20px;padding-bottom:20px;color:transparent;}.nav-static-breadcrumb li a:hover{color:rgba(0,0,0,1);}.nav-static-breadcrumb li a:focus{color:rgba(0,0,0,1);}.nav-static-breadcrumb li a.actif{color:rgba(0,0,0,1);}.nav-static-breadcrumb li::before{color:rgba(46,46,46,1);}.nav-static-breadcrumb li a{color:rgba(46,46,46,1);font-size:13px;}.alert-info{background-color:rgba(255,255,255,1);color:rgba(0,0,0,1);border-color:rgba(0,0,0,1);border-style:none;}.template-panier .connexion a span{display:undefined;}.template-panier .connexion a{color:rgba(0,0,0,1);font-weight:normal;}.template-panier #header-panier{color:rgba(0,0,0,1);font-weight:normal;}.template-panier #header-panier .count-live{background-color:rgba(181,3,3,1);}.template-panier .ajout_panier .button{padding-left:20px;padding-right:20px;padding-top:8px;padding-bottom:8px;}.template-panier-2 #header-panier .panier_text{display:none;}.template-panier-2 #header-panier{text-transform:uppercase;font-family:Open Sans;letter-spacing:0.05em;border-bottom-width:2px;border-left-width:2px;border-right-width:2px;border-top-width:2px;border-style:none;background-color:rgba(255,255,255,1);}#nav-principal .sous_navigation_link_p{color:rgba(0,0,0,1);font-family:Open Sans;text-transform:uppercase;letter-spacing:0.05em;}#nav-principal .sous_navigation_link_p.actif{color:rgba(0,0,0,1);}#nav-principal .sous_navigation_button_p.actif .sous_navigation_link_p{color:rgba(0,0,0,1);}#nav-principal .sous_navigation_link_p:hover{color:rgba(0,0,0,1);}#nav-principal .sous_navigation_link_p:focus{color:rgba(0,0,0,1);}#nav-principal .navigation_button_p > ul{border-style:none;}.template_boutique_2 .produits .productImageWrap img{object-fit:cover;}.produits .zoom-inner{display:block;color:rgba(255,255,255,1);padding-top:7px;background-color:rgba(0,0,0,1);}.template_boutique_1 .produits .addbasket{display:inline-block;}.template_boutique_1 .produits .productImageWrap img{object-fit:cover;}.produits .zoom-inner:hover{color:rgba(255,255,255,1);background-color:rgba(0,0,0,1);}.produits .zoom-inner:focus{color:rgba(255,255,255,1);background-color:rgba(0,0,0,1);}.template_boutique_1 .produits .nomprod a:hover{color:rgba(0,0,0,1);}.template_boutique_1 .produits .nomprod a:focus{color:rgba(0,0,0,1);}.template_boutique_1 .produits .nomprod a{font-family:Spectral;font-size:18px;}.template_boutique_1 .produits .prix .prixprod{font-size:16px;font-weight:normal;}.template_boutique_1 .hors-stock{color:rgba(166,0,0,1);border-color:rgba(166,0,0,1);background-color:rgba(0,0,0,1);}.template_fiche_produit .hors-stock{color:rgba(0,0,0,1);text-align:left;}#fiche-produit .wrap-description .prix{justify-content:flex-start;}.template_fiche_produit .block-fiche-brand h2{color:rgba(0,0,0,1);font-family:Spectral;text-transform:uppercase;letter-spacing:0.05em;}.template_fiche_produit .block-fiche-brand a{color:rgba(0,0,0,1);}.template_fiche_produit .block-fiche-brand p{color:rgba(0,0,0,1);}.template_fiche_produit .bloc-description-detaille > .h4{font-family:Spectral;font-size:20px;text-align:center;}.template_fiche_produit_1 .wrap-images .grande-image img{object-fit:contain;object-position:center center;}.template_fiche_produit .bloc-quantite input{border-style:none;font-size:16px;font-family:Open Sans;}#fiche-produit .wrap-description .bloc-bt-quantity .bt-quantity{border-style:none;}.template_fiche_produit .bloc-quantite label{font-weight:normal;}#fiche-produit .top_fiche .button.addbasket{font-size:16px;}#fiche-produit .wrap-description .prix .prixprod{font-weight:700;}.template-panier .produit_panier .panier_nom a{text-decoration:none;font-family:Spectral;font-size:18px;}.template-panier .produit_panier .panier_description{font-family:Open Sans;font-size:12px;}.template-panier-2 #header-panier .fa-shopping-cart{border-style:none;font-size:20px;}.template-panier #paniercontent .produit_panier{border-top-right-radius:25px;border-bottom-left-radius:0px;border-bottom-right-radius:0px;border-top-left-radius:25px;}.template-panier #paniercommande{border-bottom-left-radius:25px;border-bottom-right-radius:25px;}.template-panier #paniercontent{border-color:rgba(0,0,0,1);border-top-right-radius:25px;border-bottom-left-radius:25px;border-bottom-right-radius:25px;border-top-left-radius:25px;}.template-panier #paniercommande .text-total{font-family:Spectral;font-size:16px;}.template-panier #paniercommande .total-price{font-family:Spectral;font-size:20px;font-weight:700;}.template-panier #paniertable .suppr .picto-panier{color:#000000;}.template_flux_panier a:not(.button){font-weight:700;text-decoration:none;font-family:Open Sans;font-size:18px;}.template_flux_panier_1 .block-resume-cart .resume-cart-legend{background-color:rgba(0,0,0,1);color:rgba(255,255,255,1);}.stepper-tabs .stepper-item .step-counter{background-color:rgba(235,235,235,1);color:rgba(0,0,0,1);}.stepper-tabs .stepper-item.active .step-counter{background-color:rgba(0,0,0,1);--stepper-item-done-bg:rgba(0,0,0,1);}.stepper-tabs .stepper-item.step-done .step-counter{background-color:rgba(0,0,0,1);--stepper-item-done-bg:rgba(0,0,0,1);}.template_flux_panier_1 .resume-cart-products .down-quantity,.template_flux_panier_1 .resume-cart-products .up-quantity{background-color:transparent;color:rgba(0,0,0,1);}#flux-panier input[type="password"],#flux-panier input[type="text"],#flux-panier select,#flux-panier textarea{border-style:solid;font-size:20px;font-family:Open Sans;border-top-width:2px;border-bottom-width:2px;border-left-width:2px;border-right-width:2px;}.stepper-tabs .stepper-item::before{border-color:rgba(235,235,235,1);--stepper-item-done-color:rgba(235,235,235,1);}.stepper-tabs .stepper-item::after{border-color:rgba(235,235,235,1);--stepper-item-done-color:rgba(235,235,235,1);}.stepper-tabs .stepper-item.active::before{border-color:rgba(0,0,0,1);--stepper-item-done-color:rgba(0,0,0,1);}.template_flux_panier_1 .button.button-secondary{background-color:rgba(46,46,46,1);}.template_flux_panier_1 .button.button-secondary:hover{background-color:rgba(0,0,0,1);}.template_flux_panier_1 .button.button-secondary:focus{background-color:rgba(0,0,0,1);}.template_flux_panier_1 .connexion-inscription-header h4{color:rgba(255,255,255,1);}.template_flux_panier_1 .connexion-inscription-header{background-color:rgba(0,0,0,1);}#connexion-inscription .form-group input[type="password"], #connexion-inscription .form-group input[type="text"], #connexion-inscription .form-group select, #connexion-inscription .form-group textarea{border-style:solid;border-top-width:2px;border-bottom-width:2px;border-left-width:2px;border-right-width:2px;}.template_flux_panier_1 .infoscommande-header h4{color:rgba(255,255,255,1);font-family:Open Sans;text-align:center;}.template_flux_panier_1 .infoscommande-header{background-color:rgba(0,0,0,1);}.template_flux_panier_1 #finish h5{background-color:rgba(0,0,0,1);color:rgba(255,255,255,1);font-family:Open Sans;text-align:center;}.template_flux_panier_1 .content-carriers-none{background-color:rgba(255,255,255,1);box-shadow: 0px 0px 0px 0px ;border-style:none;color:rgba(46,46,46,1);font-size:18px;}.alert-danger{background-color:rgba(255,255,255,1);border-style:none;font-weight:700;color:rgba(166,0,0,1);font-size:18px;text-transform:uppercase;text-align:center;}.template_boutique_1 .produits .produit_etiquette{background-color:rgba(0,0,0,1);margin-top:0px;padding-bottom:13px;padding-left:15px;padding-right:15px;padding-top:13px;}.template_boutique_1 .produits .produit_etiquette .titre-etiquette{font-family:Open Sans;font-weight:normal;}.template_boutique_1 .container-etiquette.with-etiquette ~ .remise{background-color:rgba(0,0,0,1);}.template_boutique_1 .container-etiquette.with-etiquette ~ .remise .text-remise{font-family:Open Sans;font-size:15px;}#fiche-produit .produit_etiquette{background-color:rgba(0,0,0,1);}#fiche-produit .produit_etiquette .titre-etiquette{font-family:Open Sans;font-size:20px;font-weight:normal;}#fiche-produit .wrap-description .prix .oldprix{color:rgba(166,0,0,1);}.produits .addbasket{display:undefined;background-color:rgba(0,0,0,1);font-size:15px;border-style:none;}.produits .addbasket:hover{color:rgba(255,255,255,1);}.produits .addbasket:focus{color:rgba(255,255,255,1);}header .slogan{color:#010618;text-align:center;font-size:15px;font-family:Material Symbols Outlined;}.header-conteneur #blocContent{background-image:;background-color:transparent;}a:where(.widget-texte-content a){font-size:25px;}.banner{background-color:#FFFFFF;}#nav-principal > ul > li.hasDropdown > a span::after{color:#010618;}.template-panier-2{background-color: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;}@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:165px;}header .logo{height:auto;width:65px;top:0px;left:0px;bottom:auto;right:auto;}.header-conteneur{max-width:1326px;}.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:72px;}.template-panier-2{top:0px;right:0px;left:0%;}}@media (min-width:1081px) and (max-width:1280px){header .logo{top:34px;left:0px;height:auto;width:63px;}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:65px;height:auto;box-shadow:none;left:47.73%;}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;}}/* ========================================================= INACIO — CSS GLOBAL FINAL NETTOYÉ & STABLE (CmonSite) Version propre consolidée Objectif : - garder le rendu premium - réduire les conflits - améliorer la stabilité - éviter les doublons Compat : - sans :where() - sans :has() - sans :is() ========================================================= */ /* ========================================================= 00) BASE GLOBALE ========================================================= */ html, body{ max-width:100%; overflow-x:hidden; background:#f5f5f7 !important; color:#111827 !important; font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif !important; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; } body{ min-height:100vh; -webkit-overflow-scrolling:touch; } *, *::before, *::after{ box-sizing:border-box; } img{ max-width:100%; height:auto; display:block; } ::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{ text-decoration:none !important; } /* Focus accessible */ 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; } /* ========================================================= 01) RESET THÈME / WRAPPERS ========================================================= */ .wrapper-content, #wrapper-content, #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{ 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; } /* Carte centrale page */ .wrapper-content #blocContent, .wrapper-content_p #blocContent, #main-conteneur .wrapper-content #blocContent, #main-conteneur .wrapper-content_p #blocContent, #main-container .wrapper-content #blocContent, #main-container .wrapper-content_p #blocContent{ max-width:1198px !important; margin:18px auto 36px !important; padding:22px 16px 46px !important; border-radius:26px !important; border:1px solid #e7ebf0 !important; background: radial-gradient(120% 180% at 18% 0%, rgba(56,189,248,.10), transparent 55%), radial-gradient(120% 180% at 82% 0%, rgba(99,102,241,.07), transparent 55%), linear-gradient(180deg,#ffffff,#fbfbfd) !important; box-shadow:0 24px 70px rgba(0,0,0,.09) !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; } } /* IMPORTANT : neutralise #blocContent dans le header */ header #blocContent, header.banniere_header_p #blocContent, header.banniere.header_p #blocContent, header .header-conteneur #blocContent, header #headercontent #blocContent{ max-width:none !important; margin:0 !important; padding:0 !important; background:transparent !important; border:0 !important; box-shadow:none !important; border-radius:0 !important; } /* ========================================================= 02) HEADER FINAL STABLE ========================================================= */ #header, header, header.banniere_header_p, header.banniere.header_p{ position:relative !important; width:100% !important; margin:0 !important; background:transparent !important; border:0 !important; box-shadow:none !important; overflow:visible !important; } #header::before, header.banniere_header_p::before, header.banniere.header_p::before{ content:""; position:absolute; inset:0; background: linear-gradient(110deg, rgba(255,255,255,0) 0%, rgba(255,255,255,.62) 18%, rgba(255,255,255,0) 36%), radial-gradient(120% 180% at 18% 0%, rgba(56,189,248,.14) 0%, rgba(0,0,0,0) 58%), radial-gradient(120% 180% at 82% 0%, rgba(99,102,241,.10) 0%, rgba(0,0,0,0) 60%), linear-gradient(180deg, rgba(255,255,255,.90) 0%, rgba(255,255,255,.78) 100%); border-bottom:1px solid rgba(15,23,42,.08); box-shadow:0 8px 24px rgba(0,0,0,.05); -webkit-backdrop-filter:saturate(150%) blur(9px); backdrop-filter:saturate(150%) blur(9px); pointer-events:none; z-index:0; } #header > *, header.banniere_header_p > *, header.banniere.header_p > *{ position:relative !important; z-index:2 !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"], header [class*="panier"], header [id*="panier"]:not(#paniercontent):not(#panierContent){ background:transparent !important; background-image:none !important; box-shadow:none !important; border:0 !important; } @media (min-width:901px){ header.banniere_header_p .header-conteneur, header.banniere.header_p .header-conteneur{ display:flex !important; align-items:center !important; justify-content:space-between !important; gap:16px !important; flex-wrap:nowrap !important; } header.banniere_header_p #headercontent, header.banniere.header_p #headercontent{ flex:0 0 auto !important; width:auto !important; max-width:220px !important; min-width:0 !important; margin:0 !important; padding:0 !important; float:none !important; display:flex !important; align-items:center !important; } header.banniere_header_p #headercontent .logo, header.banniere.header_p #headercontent .logo{ position:relative !important; top:auto !important; left:auto !important; right:auto !important; bottom:auto !important; margin:0 !important; transform:none !important; } header.banniere_header_p #headercontent img, header.banniere.header_p #headercontent img{ max-height:72px !important; width:auto !important; } header.banniere_header_p nav#nav-principal, header.banniere.header_p nav#nav-principal, header.banniere_header_p .menu.navigation_p, header.banniere.header_p .menu.navigation_p{ flex:1 1 auto !important; min-width:0 !important; width:auto !important; margin:0 !important; float:none !important; display:flex !important; justify-content:flex-end !important; } header.banniere_header_p nav#nav-principal > ul, header.banniere.header_p nav#nav-principal > ul{ display:flex !important; justify-content:flex-end !important; align-items:center !important; flex-wrap:wrap !important; gap:10px !important; margin:0 !important; padding:0 !important; white-space:normal !important; } header.banniere_header_p nav#nav-principal > ul > li, header.banniere.header_p nav#nav-principal > ul > li{ float:none !important; display:block !important; flex:0 0 auto !important; position:relative !important; } header #nav-principal, header #nav-principal ul, header #nav-principal li, header #nav-principal li *{ background:transparent !important; background-image:none !important; box-shadow:none !important; } header #nav-principal > ul > li > a.navigation_link_p{ display:inline-flex !important; align-items:center !important; justify-content:center !important; padding:9px 12px !important; font-size:13px !important; line-height:1 !important; white-space:nowrap !important; border-radius:14px !important; position:relative !important; overflow:hidden !important; background:linear-gradient(180deg, rgba(255,255,255,.58) 0%, rgba(255,255,255,.26) 100%) !important; border:1px solid rgba(15,23,42,.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, background-color .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; box-shadow: 0 12px 28px rgba(0,0,0,.065), inset 0 1px 0 rgba(255,255,255,.90) !important; } /* Ajustement écrans moyens */ @media (max-width:1350px){ header.banniere_header_p #headercontent img, header.banniere.header_p #headercontent img{ max-height:62px !important; } header.banniere_header_p nav#nav-principal > ul, header.banniere.header_p nav#nav-principal > ul{ gap:6px !important; } header #nav-principal > ul > li > a.navigation_link_p{ padding:7px 9px !important; font-size:11px !important; } } /* Dropdowns */ #nav-principal ul.menu__dropdown, #nav-principal ul.menu__dropdown.dropdown, #nav-principal ul.dropdown, header .menu_dropdown, header #nav-principal li ul{ 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:999999 !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; } } @media (max-width:900px){ header.banniere_header_p .header-conteneur, header.banniere.header_p .header-conteneur{ display:block !important; } } /* ========================================================= 03) BANDEAU ========================================================= */ .banner{ position:relative !important; background:transparent !important; border:0 !important; box-shadow:none !important; } .banner::before{ content:""; position:absolute; inset:0; background:rgba(255,255,255,.35); border-bottom:1px solid rgba(15,23,42,.06); pointer-events:none; } .banner__item, .banner__item *{ color:#0b1220 !important; font-weight:800 !important; font-size:14px !important; } /* ========================================================= 04) PANIER HEADER + MINI PANIER ========================================================= */ #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:99999 !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; } @media (min-width:901px){ #panier{ width:42px !important; height:42px !important; margin-left:12px !important; } } @media (max-width:900px){ #panier{ width:46px !important; height:46px !important; } } #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"]{ position:absolute !important; top:-4px !important; right:-8px !important; display:flex !important; align-items:center !important; justify-content:center !important; min-width:20px !important; height:20px !important; padding:0 6px !important; border-radius:999px !important; background:#e11d48 !important; color:#ffffff !important; font-size:12px !important; font-weight:950 !important; line-height:1 !important; border:2px solid rgba(255,255,255,.90) !important; box-shadow:0 10px 22px rgba(0,0,0,.18) !important; z-index:999999 !important; pointer-events:none !important; } /* Mobile : garde le panier cliquable */ @media (max-width:900px){ #panier{ pointer-events:auto !important; transform:translateZ(0) !important; } #panier #header-panier{ pointer-events:auto !important; } #panier #header-panier a{ pointer-events:auto !important; display:flex !important; align-items:center !important; justify-content:center !important; width:100% !important; height:100% !important; position:relative !important; z-index:10 !important; } #panier #header-panier a *{ pointer-events:none !important; } } /* Mini-panier */ #paniercontent, #panierContent{ z-index:99999 !important; pointer-events:auto !important; background:#ffffff !important; border:1px solid rgba(15,23,42,.12) !important; border-radius:22px !important; box-shadow:0 28px 70px rgba(0,0,0,.22) !important; overflow:hidden !important; padding:12px 12px 14px !important; } #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; } /* Quantité mini-panier */ #paniercontent .quantite, #panierContent .quantite, #paniercontent .quantity, #panierContent .quantity, #paniercontent [class*="quantit"], #panierContent [class*="quantit"], #paniercontent [class*="qte"], #panierContent [class*="qte"]{ float:none !important; clear:none !important; display:flex !important; align-items:center !important; justify-content:flex-end !important; gap:10px !important; } #paniercontent #paniertable input, #panierContent #paniertable input, #paniercontent #paniertable button, #panierContent #paniertable button, #paniercontent #paniertable a, #panierContent #paniertable a{ float:none !important; position:static !important; transform:none !important; } #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"]{ width:44px !important; min-width:44px !important; height:44px !important; border-radius:999px !important; display:inline-flex !important; align-items:center !important; justify-content:center !important; margin:0 !important; border:1px solid rgba(15,23,42,.12) !important; background:rgba(15,23,42,.03) !important; box-shadow:0 10px 22px rgba(0,0,0,.06) !important; font-weight:950 !important; font-size:18px !important; line-height:1 !important; text-decoration:none !important; color:#0b1220 !important; } #paniercontent #paniertable input[type="text"], #panierContent #paniertable input[type="text"], #paniercontent #paniertable input[type="number"], #panierContent #paniertable input[type="number"]{ height:44px !important; width:64px !important; border-radius:999px !important; margin:0 !important; border:1px solid rgba(15,23,42,.14) !important; background:#fff !important; box-shadow:0 10px 22px rgba(0,0,0,.06) !important; font-weight:950 !important; text-align:center !important; padding:0 !important; } /* Bloc commande */ #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; } /* garde le bon total et masque le doublon */ #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; } #paniercommande a:hover, #paniercommande .button:hover, #paniercommande input[type="submit"]:hover{ transform:translateY(-1px) !important; filter:brightness(1.02) !important; } /* ========================================================= 05) TRADUCTEUR ========================================================= */ .cmonsite-toolbar.cmonsite-toolbar--top-left{ background:transparent !important; background-color:transparent !important; border:0 !important; box-shadow:none !important; } /* ========================================================= 06) HOME — STRUCTURE INACIO ========================================================= */ .inacio-home{ color:#111827; background:#f6f8fb !important; } .inacio-home .inacio-wrap{ max-width:1180px; margin:0 auto; padding:22px 16px 56px; } .inacio-home .inacio-card{ border-radius:24px; background:rgba(255,255,255,.78) !important; border:1px solid rgba(15,40,80,.08) !important; box-shadow:0 20px 56px rgba(0,0,0,.08) !important; overflow:hidden; } .inacio-home .inacio-heroCard{ border-radius:24px; overflow:hidden; background:#fff; border:1px solid #e9edf2; box-shadow:0 20px 56px rgba(0,0,0,.08) !important; animation:inacioHeroFadeLite .45s ease both !important; } .inacio-home .inacio-heroImg{ width:100%; height:auto; display:block; } @keyframes inacioHeroFadeLite{ from{ opacity:0; transform:translateY(8px); } to{ opacity:1; transform:translateY(0); } } .inacio-home .inacio-head{ padding:16px 2px 0; display:flex !important; flex-direction:column !important; gap:14px !important; } .inacio-home .inacio-h1{ margin:0 0 6px !important; font-size:36px; font-weight:900; line-height:1.05 !important; letter-spacing:-.45px; color:#0b1220 !important; } .inacio-home .inacio-lead{ margin:0 0 10px !important; font-weight:650; line-height:1.35 !important; color:#111827 !important; opacity:.86; } .inacio-home .inacio-catsRow{ display:flex; flex-wrap:wrap; gap:12px !important; margin-top:6px !important; margin-bottom:14px !important; } .inacio-home .inacio-catPill{ display:inline-flex; align-items:center; justify-content:center; padding:9px 14px !important; border-radius:999px; background:rgba(255,255,255,.92) !important; border:1px solid rgba(15,40,80,.10) !important; text-decoration:none; font-weight:800; white-space:nowrap !important; line-height:1.1 !important; transition: transform .16s ease, box-shadow .16s ease, filter .16s ease, opacity .16s ease, border-color .16s ease !important; } .inacio-home .inacio-catPill:hover{ transform:translateY(-1px); } .inacio-home .inacio-bullets{ display:flex !important; flex-direction:column !important; gap:10px !important; margin-top:14px !important; } .inacio-home .inacio-bullet{ padding:12px 14px !important; border-radius:14px !important; border:1px solid rgba(17,24,39,.10); background:rgba(17,24,39,.03); color:#0b1220 !important; font-weight:750; line-height:1.45; } @media (min-width:901px){ .inacio-home .inacio-bullets{ flex-direction:row !important; flex-wrap:wrap !important; gap:14px !important; } .inacio-home .inacio-bullet{ flex:0 0 49% !important; } } .inacio-home .inacio-box, .inacio-home .inacio-tile{ border-radius:18px; border:1px solid #e7ebf0; background:#ffffff; padding:16px; box-shadow:0 10px 24px rgba(0,0,0,.07) !important; transition: transform .16s ease, box-shadow .16s ease, filter .16s ease, opacity .16s ease, border-color .16s ease !important; } .inacio-home .inacio-box:hover, .inacio-home .inacio-tile:hover{ transform:translateY(-2px); } .inacio-home .inacio-sectionHead, .inacio-home .inacio-titleCard, .inacio-sectionHead{ box-shadow:0 14px 36px rgba(0,0,0,.07) !important; } .inacio-home .inacio-sectionHead{ padding:22px 26px !important; margin:22px 0 14px !important; border-radius:24px !important; border:1px solid #e7ebf0 !important; background: radial-gradient(140% 190% at 18% 0%, rgba(56,189,248,.10) 0%, rgba(56,189,248,0) 62%), linear-gradient(180deg,#ffffff 0%, #fbfbfd 100%) !important; } .inacio-home .inacio-sectionHead .inacio-h2{ margin:0 !important; line-height:1.05 !important; } .inacio-home .inacio-titleCard{ padding:18px 22px !important; } .inacio-home .inacio-titleCard .inacio-muted{ margin:6px 0 0 !important; } .inacio-home .inacio-btn2{ display:inline-flex; align-items:center; justify-content:center; padding:12px 16px; border-radius:999px; font-weight:900; text-decoration:none; background:rgba(17,24,39,.04); border:1px solid rgba(17,24,39,.10); color:#0b1220 !important; box-shadow:0 12px 28px rgba(0,0,0,.08); transition: transform .16s ease, box-shadow .16s ease, filter .16s ease, opacity .16s ease, border-color .16s ease !important; } .inacio-home .inacio-btn2.primary{ background:linear-gradient(180deg,#0ea5e9 0%, #0284c7 100%); border:0; color:#ffffff !important; box-shadow:0 16px 34px rgba(2,132,199,.22), 0 14px 34px rgba(0,0,0,.10); } .inacio-home .inacio-btn2:hover{ transform:translateY(-1px); filter:brightness(1.01); } @media (max-width:700px){ .inacio-home .inacio-wrap{ padding:18px 14px 46px; } .inacio-home .inacio-h1{ font-size:32px; line-height:1.15 !important; } .inacio-home .inacio-card, .inacio-home .inacio-heroCard, .inacio-home .inacio-box, .inacio-home .inacio-tile{ box-shadow:0 12px 28px rgba(0,0,0,.07) !important; } } @media (max-width:520px){ .inacio-home .inacio-catsRow{ gap:10px !important; row-gap:10px !important; justify-content:flex-start !important; } .inacio-home .inacio-catPill{ padding:9px 13px !important; font-size:15px !important; } .inacio-home .inacio-titleCard{ padding:16px 18px !important; } .inacio-home .inacio-sectionHead{ padding:18px 18px !important; } } /* ========================================================= 07) TRUSTBAR HOME / PRODUIT ========================================================= */ .inacio-qtrust{ width:100%; background:transparent; margin:16px 0 0; } .inacio-qtrust__inner{ max-width:1180px; margin:0 auto; padding:14px 16px; display:flex; align-items:center; gap:14px; border-radius:22px; background: linear-gradient(110deg, rgba(255,255,255,0) 0%, rgba(255,255,255,.55) 18%, rgba(255,255,255,0) 36%), linear-gradient(180deg,#ffffff 0%, #fbfbfd 100%); background-size:220% 100%, auto; border:1px solid #e7ebf0; box-shadow:0 14px 34px rgba(0,0,0,.06) !important; overflow-x:auto; -webkit-overflow-scrolling:touch; animation:inacioTrustGloss 9s linear infinite; } @keyframes inacioTrustGloss{ 0%{ background-position:-160% 0, center; } 100%{ background-position:160% 0, center; } } .inacio-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: linear-gradient(110deg, rgba(255,255,255,0) 0%, rgba(255,255,255,.14) 18%, rgba(255,255,255,0) 36%), radial-gradient(120% 180% at 20% 0%, rgba(99,102,241,.22) 0%, rgba(0,0,0,0) 55%), radial-gradient(120% 180% at 80% 0%, rgba(34,211,238,.18) 0%, rgba(0,0,0,0) 55%), linear-gradient(180deg,#0a1020 0%, #070a12 100%); background-size:220% 100%, auto, auto, auto; animation:inacioFtGloss 10s linear infinite; border:1px solid rgba(255,255,255,.12); box-shadow:0 20px 56px rgba(0,0,0,.40), inset 0 1px 0 rgba(255,255,255,.08) !important; overflow-x:auto; -webkit-overflow-scrolling:touch; } @keyframes inacioFtGloss{ 0%{ background-position:-160% 0, center, center, center; } 100%{ background-position:160% 0, center, center, center; } } /* ========================================================= 08) LISTINGS / BOUTONS / CHAMPS ========================================================= */ #blocContent hr, .wrapper-content hr{ border:0 !important; height:1px !important; background:rgba(15,23,42,.10) !important; margin:18px 0 !important; } #blocContent .product-title a, #blocContent .product_name a, #blocContent .nom_produit a, #blocContent h2 a, #blocContent h3 a{ color:#0b1220 !important; font-weight:900 !important; letter-spacing:-.15px !important; line-height:1.25 !important; } #blocContent .price, #blocContent .prix, #blocContent .product_price{ color:#111827 !important; font-weight:850 !important; } #blocContent select, #blocContent .tri select, #blocContent .sort select, #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 22px 60px rgba(2,8,23,.08) !important; padding:16px !important; overflow:hidden !important; margin:0 0 14px !important; display:flex; flex-direction:column; } #blocContent .produit:hover{ transform:translateY(-4px); box-shadow:0 25px 60px rgba(0,0,0,.12); } #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 .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, background-color .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; } /* ========================================================= 09) SLIDER HOME / NOUVEAUTÉS ========================================================= */ body[class*="page-index"] .widget-product-slider{ margin:0 !important; } body[class*="page-index"] .widget-product-slider .swiper{ padding:14px 16px 34px !important; overflow:visible !important; } body[class*="page-index"] .widget-product-slider .swiper-slide{ width:320px !important; margin-right:14px !important; height:auto !important; box-sizing:border-box !important; } @media (max-width:1100px){ body[class*="page-index"] .widget-product-slider .swiper-slide{ width:300px !important; } } @media (max-width:980px){ body[class*="page-index"] .widget-product-slider .swiper-slide{ width:280px !important; } } body[class*="page-index"] .widget-product-slider .produits{ position:relative !important; background:#ffffff !important; border:1px solid rgba(15,23,42,.10) !important; border-radius:22px !important; box-shadow:0 16px 40px rgba(2,8,23,.10) !important; padding:16px !important; display:flex !important; flex-direction:column !important; align-items:center !important; text-align:center !important; } body[class*="page-index"] .widget-product-slider .height-align{ height:auto !important; min-height:0 !important; } body[class*="page-index"] .widget-product-slider .productImageWrap, body[class*="page-index"] .widget-product-slider .productContentWrap{ float:none !important; width:100% !important; } body[class*="page-index"] .widget-product-slider .productImageWrap{ width:170px !important; height:170px !important; margin:8px auto 12px !important; border-radius:22px !important; overflow:hidden !important; background-color:#f8fafc !important; background-size:cover !important; background-position:center !important; background-repeat:no-repeat !important; box-shadow:0 10px 22px rgba(0,0,0,.10) !important; } body[class*="page-index"] .widget-product-slider .productImageWrap img{ width:100% !important; height:100% !important; object-fit:cover !important; border-radius:22px !important; } body[class*="page-index"] .widget-product-slider .container-etiquette{ position:absolute !important; left:14px !important; top:14px !important; z-index:3 !important; } body[class*="page-index"] .widget-product-slider p.desc{ display:none !important; } body[class*="page-index"] .widget-product-slider h3.nomprod{ width:100% !important; margin:6px 0 10px !important; font-size:12px !important; line-height:1.25 !important; font-weight:900 !important; letter-spacing:.06em !important; text-transform:uppercase !important; color:#0b5ea9 !important; white-space:normal !important; word-break:normal !important; overflow-wrap:break-word !important; hyphens:none !important; overflow:hidden !important; display:-webkit-box !important; -webkit-line-clamp:2 !important; -webkit-box-orient:vertical !important; min-height:32px !important; } body[class*="page-index"] .widget-product-slider p.prix{ margin:0 !important; font-size:20px !important; font-weight:900 !important; color:#0b1220 !important; } body[class*="page-index"] .widget-product-slider p.prix del, body[class*="page-index"] .widget-product-slider p.prix s{ font-size:14px !important; opacity:.55 !important; margin-left:6px !important; } body[class*="page-index"] .widget-product-slider .block-btn-addbasket{ width:100% !important; margin-top:12px !important; } body[class*="page-index"] .widget-product-slider a.addbasket{ width:100% !important; max-width:240px !important; box-shadow:0 12px 28px rgba(2,132,199,.18), 0 10px 24px rgba(0,0,0,.08) !important; } body[class*="page-index"] .widget-product-slider .swiper-button-prev, body[class*="page-index"] .widget-product-slider .swiper-button-next{ width:42px !important; height:42px !important; border-radius:999px !important; background:rgba(255,255,255,.95) !important; border:1px solid rgba(15,23,42,.10) !important; box-shadow:0 18px 50px rgba(0,0,0,.18) !important; } body[class*="page-index"] .widget-product-slider .swiper-button-prev:after, body[class*="page-index"] .widget-product-slider .swiper-button-next:after{ font-size:16px !important; font-weight:900 !important; color:#0284c7 !important; } body[class*="page-index"] .widget-product-slider .swiper-pagination-bullet{ width:9px !important; height:9px !important; opacity:.35 !important; background:#0b5ea9 !important; } body[class*="page-index"] .widget-product-slider .swiper-pagination-bullet-active{ opacity:1 !important; } @media (max-width:768px){ body.page-index .widget-product-slider{ overflow:hidden !important; } body.page-index .widget-product-slider .swiper{ padding:10px 10px 28px !important; } body.page-index .widget-product-slider .swiper-slide{ width:86vw !important; margin-right:12px !important; } body.page-index .widget-product-slider .produits{ padding:14px 12px 14px !important; border-radius:20px !important; } body.page-index .widget-product-slider .productImageWrap{ position:relative !important; width:172px !important; height:172px !important; margin:10px auto 10px !important; border-radius:18px !important; overflow:hidden !important; visibility:visible !important; opacity:1 !important; } body.page-index .widget-product-slider .productImageWrap a, body.page-index .widget-product-slider .productImageWrap picture{ position:absolute !important; inset:0 !important; display:block !important; } body.page-index .widget-product-slider .productImageWrap img{ position:absolute !important; inset:0 !important; width:100% !important; height:100% !important; object-fit:cover !important; } body.page-index .widget-product-slider h3.nomprod{ font-size:13px !important; line-height:1.2 !important; } body.page-index .widget-product-slider p.prix{ font-size:20px !important; } body.page-index .widget-product-slider a.addbasket{ width:100% !important; max-width:none !important; padding:13px 16px !important; font-size:16px !important; } body.page-index .widget-product-slider .swiper-button-prev, body.page-index .widget-product-slider .swiper-button-next{ display:none !important; } } @media (max-width:480px){ body.page-index .widget-product-slider .swiper-slide{ width:90vw !important; } body.page-index .widget-product-slider .productImageWrap{ width:180px !important; height:180px !important; } } /* ========================================================= 10) NEWSLETTER ========================================================= */ .inacio-home .inacio-newsletter{ text-align:center !important; padding:18px !important; border-radius:18px !important; } .inacio-home .inacio-newsletter .roundedgraymsg, .inacio-home .inacio-newsletter .roundedgraymsg *{ background:transparent !important; box-shadow:none !important; } .inacio-home .inacio-newsletter form, .inacio-home .inacio-newsletter .form-newsletter{ max-width:820px !important; margin:0 auto !important; background:transparent !important; border:0 !important; box-shadow:none !important; } .inacio-home .inacio-newsletter form div, .inacio-home .inacio-newsletter form fieldset{ background:transparent !important; border:0 !important; box-shadow:none !important; } .inacio-home .inacio-newsletter label{ display:block !important; font-weight:800 !important; margin:10px 0 8px !important; text-align:left !important; } .inacio-home .inacio-newsletter input[type="email"], .inacio-home .inacio-newsletter input[type="text"], .inacio-home .inacio-newsletter #newsletter_email{ width:100% !important; height:52px !important; border-radius:16px !important; border:1px solid rgba(15,23,42,.14) !important; background:#ffffff !important; padding:0 16px !important; outline:none !important; box-shadow:0 10px 26px rgba(0,0,0,.06) !important; text-align:left !important; } .inacio-home .inacio-newsletter form p{ font-size:13px !important; line-height:1.35 !important; margin-top:12px !important; text-align:center !important; } .inacio-home .inacio-newsFinePrint{ font-size:13px !important; opacity:.75 !important; margin-top:12px !important; text-align:center !important; } /* ========================================================= 11) FICHE PRODUIT — STRUCTURE INACIO ========================================================= */ #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: linear-gradient(110deg, rgba(255,255,255,0) 0%, rgba(255,255,255,.55) 18%, rgba(255,255,255,0) 36%), radial-gradient(140% 190% at 18% 0%, rgba(56,189,248,.12) 0%, rgba(56,189,248,0) 62%), radial-gradient(140% 190% at 82% 0%, rgba(99,102,241,.07) 0%, rgba(99,102,241,0) 62%), linear-gradient(180deg,#ffffff 0%, #fbfbfd 100%) !important; box-shadow:0 28px 90px rgba(0,0,0,.10) !important; text-align:center !important; color:#0b1220 !important; line-height:1.7 !important; } @media (max-width:740px){ #fiche-produit .inacio-wrap, .fiche-produit .inacio-wrap{ padding:20px 14px !important; border-radius:22px !important; max-width:92vw !important; } } /* Badges */ #fiche-produit .inacio-badges, .fiche-produit .inacio-badges{ display:flex !important; flex-wrap:wrap !important; justify-content:center !important; gap:10px !important; margin:10px 0 18px !important; } #fiche-produit .inacio-badge, .fiche-produit .inacio-badge{ display:inline-flex !important; align-items:center !important; padding:9px 12px !important; border-radius:999px !important; background: linear-gradient(110deg, rgba(255,255,255,0) 0%, rgba(255,255,255,.55) 18%, rgba(255,255,255,0) 36%), radial-gradient(140% 190% at 18% 0%, rgba(56,189,248,.14) 0%, rgba(56,189,248,0) 62%), rgba(255,255,255,.74) !important; -webkit-backdrop-filter:blur(10px) saturate(160%) !important; backdrop-filter:blur(10px) saturate(160%) !important; border:1px solid rgba(2,132,199,.20) !important; box-shadow: 0 16px 46px rgba(2,8,23,.08), inset 0 1px 0 rgba(255,255,255,.85) !important; font-size:12px !important; font-weight:900 !important; letter-spacing:.10em !important; text-transform:uppercase !important; color:#0b5cab !important; } /* Titre */ #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; } /* Sections */ #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; } /* Listes */ #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; } /* Cartes */ #fiche-produit .inacio-card, .fiche-produit .inacio-card{ position:relative !important; overflow:hidden !important; margin:14px auto 0 !important; padding:14px 14px !important; max-width:860px !important; border-radius:20px !important; border:1px solid rgba(15,23,42,.10) !important; background: radial-gradient(140% 190% at 18% 0%, rgba(56,189,248,.10) 0%, rgba(56,189,248,0) 62%), rgba(255,255,255,.82) !important; -webkit-backdrop-filter:blur(12px) saturate(160%) !important; backdrop-filter:blur(12px) saturate(160%) !important; box-shadow:0 18px 55px rgba(0,0,0,.08) !important; } #fiche-produit .inacio-card::before, .fiche-produit .inacio-card::before{ content:"" !important; position:absolute !important; left:-20% !important; right:-20% !important; top:-28px !important; height:70px !important; background:radial-gradient(circle at 50% 30%, rgba(255,255,255,.70), rgba(255,255,255,0) 60%) !important; pointer-events:none !important; opacity:.55 !important; } /* FAQ */ #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 70px rgba(2,8,23,.10) !important; border-color:rgba(2,132,199,.22) !important; } } /* ========================================================= 12) FICHE PRODUIT — MINIATURES / ZOOM / BADGE / QUANTITÉ ========================================================= */ /* Stop zoom hover */ .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; } /* Miniatures */ #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; } /* Badge personnalisation */ #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 .wrap-images .container-etiquette, #fiche-produit .wrap-images .produit_etiquette, .fiche-produit .wrap-images .container-etiquette, .fiche-produit .wrap-images .produit_etiquette{ display:none !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: linear-gradient(110deg, rgba(255,255,255,0) 0%, rgba(255,255,255,.06) 18%, rgba(255,255,255,0) 36%), 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; } /* Fiches numériques : icône téléchargement */ #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; } /* Marque + référence */ #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; } /* Champs personnalisation */ #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; } } /* Quantité */ #fiche-produit .bloc-quantite, .fiche-produit .bloc-quantite{ display:flex !important; align-items:center !important; gap:12px !important; } #fiche-produit .bloc-quantite > label, .fiche-produit .bloc-quantite > label{ margin:0 !important; font-weight:900 !important; color:#0b1220 !important; line-height:1 !important; } #fiche-produit .bloc-bt-quantity, .fiche-produit .bloc-bt-quantity{ display:flex !important; align-items:center !important; gap:10px !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{ width:42px !important; height:42px !important; min-width:42px !important; border-radius:14px !important; background:linear-gradient(180deg, rgba(255,255,255,.98) 0%, rgba(247,248,250,.98) 100%) !important; border:1px solid rgba(15,23,42,.08) !important; box-shadow:0 6px 16px rgba(0,0,0,.04), inset 0 1px 0 rgba(255,255,255,.92) !important; } #fiche-produit input.quantite.input_quantity, .fiche-produit input.quantite.input_quantity{ width:92px !important; min-width:92px !important; height:48px !important; border-radius:18px !important; border:1px solid rgba(15,23,42,.10) !important; background:linear-gradient(180deg, rgba(255,255,255,.99) 0%, rgba(248,249,251,.99) 100%) !important; box-shadow:0 8px 20px rgba(0,0,0,.04), inset 0 1px 0 rgba(255,255,255,.94) !important; color:#111827 !important; font-size:20px !important; font-weight:850 !important; text-align:center !important; } @media (min-width:901px){ #fiche-produit .bloc-bt-quantity, .fiche-produit .bloc-bt-quantity{ display:grid !important; grid-template-columns:40px 82px 40px !important; align-items:center !important; justify-content:center !important; column-gap:14px !important; width:auto !important; margin:0 auto !important; } #fiche-produit .less-quantity.bt-quantity, .fiche-produit .less-quantity.bt-quantity{ justify-self:end !important; } #fiche-produit input.quantite.input_quantity, .fiche-produit input.quantite.input_quantity{ justify-self:center !important; width:82px !important; min-width:82px !important; margin:0 !important; } #fiche-produit .add-quantity.bt-quantity, .fiche-produit .add-quantity.bt-quantity{ justify-self:start !important; } } /* Shipping / infos */ #fiche-produit .block-shipping, #fiche-produit .description, .fiche-produit .block-shipping, .fiche-produit .description{ margin:0 0 24px !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; } /* CTA produit dark premium */ #fiche-produit .row.ajouter-panier a.addbasket, #fiche-produit .row.ajouter-panier a.addbasket.button, #fiche-produit .row.ajouter-panier a.button.addbasket, #fiche-produit .row.ajouter-panier .addbasket.button, #fiche-produit .row.ajouter-panier button, #fiche-produit .row.ajouter-panier input[type="submit"], .fiche-produit .row.ajouter-panier a.addbasket, .fiche-produit .row.ajouter-panier a.addbasket.button, .fiche-produit .row.ajouter-panier a.button.addbasket, .fiche-produit .row.ajouter-panier .addbasket.button, .fiche-produit .row.ajouter-panier button, .fiche-produit .row.ajouter-panier input[type="submit"]{ display:inline-flex !important; align-items:center !important; justify-content:center !important; gap:12px !important; width:auto !important; padding:16px 30px !important; min-height:58px !important; border-radius:999px !important; font-weight:950 !important; letter-spacing:.55px !important; text-transform:uppercase !important; 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; } @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; } } /* Badge confiance produit */ #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: linear-gradient(110deg, rgba(255,255,255,0) 0%, rgba(255,255,255,.06) 18%, rgba(255,255,255,0) 36%), 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{ content:" Préparation soignée — emballage attentif." !important; display:block !important; margin:8px auto 0 !important; font-size:12px !important; font-weight:650 !important; color:#6b7280 !important; text-align:center !important; } /* Nettoyage bas colonne */ #fiche-produit p.details-ficheprod, .fiche-produit p.details-ficheprod, #fiche-produit .socialux, .fiche-produit .socialux{ 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"]{ display:none !important; border:0 !important; height:0 !important; margin:0 !important; padding:0 !important; background:transparent !important; box-shadow:none !important; } /* Trustbar flottante mobile produit */ @media (max-width:820px){ #fiche-produit .inacio-ft, .fiche-produit .inacio-ft{ position:fixed !important; left:12px !important; right:12px !important; bottom:calc(10px + env(safe-area-inset-bottom)) !important; z-index:50000 !important; margin:0 !important; pointer-events:none !important; } #fiche-produit .inacio-ft__inner, .fiche-produit .inacio-ft__inner{ pointer-events:auto !important; padding:10px 12px !important; border-radius:18px !important; box-shadow:0 26px 80px rgba(0,0,0,.58), inset 0 1px 0 rgba(255,255,255,.08) !important; overflow-x:auto !important; -webkit-overflow-scrolling:touch !important; } #fiche-produit, .fiche-produit{ padding-bottom:130px !important; } } /* ========================================================= 13) CONTACT / CHECKOUT ========================================================= */ 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; } .template_flux_panier_1 .connexion-inscription-header, .template_flux_panier_1 .connexion-inscription-header h4, .template_flux_panier_1 .connexion-header, .template_flux_panier_1 .connexion-header h4, .template_flux_panier_1 .connexion-inscription-header *, .template_flux_panier_1 .connexion-header *, .infoscommande-header, .infoscommande-header h4{ color:#ffffff !important; } .infoscommande-header{ background:#0b1220 !important; border-radius:12px 12px 0 0 !important; padding:14px 18px !important; } .block-info-commande_well, .cart-summary, .block-resume-commande{ background:#ffffff !important; border-radius:18px !important; border:1px solid rgba(0,0,0,0.08) !important; box-shadow:0 20px 60px rgba(0,0,0,0.08) !important; padding:18px !important; } .block-info-commande_well input, .block-info-commande_well select{ border-radius:12px !important; border:1px solid rgba(0,0,0,0.12) !important; padding:12px 14px !important; background:#fafafa !important; } .block-info-commande_well input:focus, .block-info-commande_well select:focus{ border-color:#0b5cab !important; background:#ffffff !important; box-shadow:0 0 0 3px rgba(11,92,171,0.1) !important; } #form-order button, #form-order input[type="submit"], #form-order .button{ background:linear-gradient(180deg,#1e90ff,#0b5cab) !important; color:#ffffff !important; border-radius:999px !important; padding:14px 22px !important; font-weight:700 !important; border:none !important; box-shadow:0 10px 30px rgba(11,92,171,0.3) !important; } /* ========================================================= 14) FOOTER ========================================================= */ footer, #footer, .footer, .footer_p, .footer-content, .footer_conteneur, #wrapfooter, #footercontent{ background:#f5f5f7 !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,.10) 0%, rgba(0,0,0,0) 55%), linear-gradient(180deg,#ffffff 0%, #fbfbfd 100%) !important; box-shadow:0 16px 44px rgba(0,0,0,.08) !important; color:#6b7280 !important; font-size:12px !important; font-weight:650 !important; 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; } /* ========================================================= 15) PERFORMANCE / STABILITÉ ========================================================= */ /* Coupe l’animation globale sur tout le contenu */ #blocContent > *{ animation:none !important; } /* Petite animation seulement sur l’accueil */ body[class*="page-index"] #blocContent > *{ animation:inacioFadeUp .45s ease both !important; } @keyframes inacioFadeUp{ from{ opacity:0; transform:translateY(10px); } to{ opacity:1; transform:translateY(0); } } /* Évite transition globale sur toutes les images */ img{ transition:none !important; transform:translateZ(0); } #blocContent .produit img, #blocContent .vignette_produit img, body[class*="page-index"] .widget-product-slider img, .produit img{ transition:transform .25s ease !important; } .produit:hover img{ transform:scale(1.03); } /* Scroll */ html{ scroll-behavior:auto !important; } /* Allège les “will-change” inutiles */ .produit, .inacio-box, .inacio-card, .inacio-tile, #panier, #paniercontent, #panierContent, #fiche-produit .inacio-ft, .fiche-produit .inacio-ft{ will-change:auto !important; } /* Fallback sans blur */ @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; } } /* Reduced motion */ @media (prefers-reduced-motion: reduce){ *{ animation:none !important; transition:none !important; scroll-behavior:auto !important; } } /* ========================================================= 1) TRADUCTEUR — version discrète sans carré blanc ========================================================= */ .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{ background:transparent !important; border:0 !important; box-shadow:none !important; } .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; } body{ top:0 !important; } /* ========================================================= 2) LOUPE — icône seule en desktop ========================================================= */ @media (min-width:901px){ #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:42px !important; height:42px !important; padding:0 !important; border-radius:999px !important; background:rgba(15,23,42,.04) !important; border:1px solid rgba(15,23,42,.10) !important; box-shadow:0 10px 24px rgba(0,0,0,.08) !important; 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{ font-size:16px !important; line-height:1 !important; color:#0b5cab !important; opacity:1 !important; visibility:visible !important; } #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; } } /* ========================================================= 3) TITRES DE SECTIONS HOME — vraie carte premium ========================================================= */ .page_accueil .inacio-secHead, .page_accueil .inacio-sectionHead, .page-index .inacio-secHead, .page-index .inacio-sectionHead{ max-width:1280px !important; margin:26px auto 18px !important; padding:0 !important; border-radius:24px !important; background:linear-gradient(180deg, rgba(255,255,255,.58) 0%, rgba(255,255,255,.34) 100%) !important; border:1px solid rgba(15,23,42,.06) !important; box-shadow: 0 10px 26px rgba(0,0,0,.03), inset 0 1px 0 rgba(255,255,255,.70) !important; overflow:hidden !important; } .page_accueil .inacio-secHead .inacio-secHeadRow, .page_accueil .inacio-sectionHead .inacio-head2, .page-index .inacio-secHead .inacio-secHeadRow, .page-index .inacio-sectionHead .inacio-head2{ padding:28px 30px !important; margin:0 !important; } .page_accueil .inacio-secHead .inacio-h2, .page_accueil .inacio-sectionHead .inacio-h2, .page-index .inacio-secHead .inacio-h2, .page-index .inacio-sectionHead .inacio-h2, .page_accueil .inacio-secHead .inacio-h1small, .page_accueil .inacio-sectionHead .inacio-h1small, .page-index .inacio-secHead .inacio-h1small, .page-index .inacio-sectionHead .inacio-h1small{ margin:0 !important; color:#0b1220 !important; font-size:40px !important; font-weight:400 !important; line-height:1.08 !important; letter-spacing:0 !important; text-transform:none !important; background:none !important; border:0 !important; box-shadow:none !important; } .page_accueil .inacio-secHead p, .page_accueil .inacio-sectionHead .inacio-muted, .page-index .inacio-secHead p, .page-index .inacio-sectionHead .inacio-muted{ margin:8px 0 0 !important; color:#4b5563 !important; font-size:16px !important; font-weight:400 !important; line-height:1.35 !important; } @media (max-width:640px){ .page_accueil .inacio-secHead, .page_accueil .inacio-sectionHead, .page-index .inacio-secHead, .page-index .inacio-sectionHead{ margin:18px auto 14px !important; border-radius:18px !important; } .page_accueil .inacio-secHead .inacio-secHeadRow, .page_accueil .inacio-sectionHead .inacio-head2, .page-index .inacio-secHead .inacio-secHeadRow, .page-index .inacio-sectionHead .inacio-head2{ padding:20px 18px !important; } .page_accueil .inacio-secHead .inacio-h2, .page_accueil .inacio-sectionHead .inacio-h2, .page-index .inacio-secHead .inacio-h2, .page-index .inacio-sectionHead .inacio-h2, .page_accueil .inacio-secHead .inacio-h1small, .page_accueil .inacio-sectionHead .inacio-h1small, .page-index .inacio-secHead .inacio-h1small, .page-index .inacio-sectionHead .inacio-h1small{ font-size:30px !important; } } /* ========================================================= 4) HEADER 1 LIGNE (desktop/moyen écran) — FORCE ========================================================= */ @media (min-width:901px) and (max-width:1500px){ header .header-conteneur, header.banniere_header_p .header-conteneur, header.banniere.header_p .header-conteneur{ display:flex !important; align-items:center !important; justify-content:space-between !important; flex-wrap:nowrap !important; gap:10px !important; } header #blocContent, header #headercontent, header #headercontent #blocContent{ flex:0 0 auto !important; width:auto !important; max-width:72px !important; min-width:72px !important; margin:0 !important; padding:0 !important; } header .logo, header #logo, header #headercontent .logo{ display:block !important; max-width:58px !important; width:58px !important; height:auto !important; margin:0 auto !important; } header .menu.navigation_p, header nav#nav-principal{ flex:1 1 auto !important; min-width:0 !important; width:auto !important; margin:0 !important; padding:0 !important; display:flex !important; justify-content:flex-end !important; } header #nav-principal > ul{ display:flex !important; flex-wrap:nowrap !important; white-space:nowrap !important; align-items:center !important; justify-content:flex-end !important; gap:6px !important; margin:0 !important; padding:0 !important; } header #nav-principal > ul > li{ flex:0 0 auto !important; margin:0 !important; padding:0 !important; } header #nav-principal > ul > li > a.navigation_link_p{ padding:7px 9px !important; font-size:11px !important; line-height:1.1 !important; border-radius:999px !important; white-space:nowrap !important; } #panier{ width:38px !important; height:38px !important; margin-left:6px !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{ width:38px !important; height:38px !important; padding:0 !important; } #panier .count-live, #panier .count, #panier .panier_count, #panier .panier_nb, #panier span[class*="count"], #panier span[id*="count"]{ top:-3px !important; right:-6px !important; } } Ensuite, testez juste : header desktop, loupe, traducteur, titres de sections home. Quand ça sera validé, on pourra faire le tri final du reste. ok la en haut c est bon il y a encore des chose a voir c est plus aussi premium Parfait, donc le header et les pills sont stabilisés 👍. Maintenant, pour “retrouver l’aspect premium” sur la home (blocs “Livraison / Transporteurs / Paiement / Envoi”) et les sections “Nos favoris du moment” ou “Meilleures ventes”, il reste à corriger ou renforcer quelques points : 1️⃣ Blocs info (Livraison / Paiement / Transporteurs / Envoi) Actuellement, ils sont plats et très “light”. Pour l’effet premium : Ajouter un fond léger translucide ou un dégradé très doux. Ajouter un ombre portée légère (box-shadow) pour faire flotter le bloc. Garder bord arrondi 12–18px. Mettre padding interne suffisant pour respirer. Exemple CSS (à appliquer sur .wrapper-info-blocs ou équivalent) : .wrapper-info-blocs > div{ background: linear-gradient(180deg, rgba(255,255,255,0.6) 0%, rgba(255,255,255,0.4) 100%); border: 1px solid rgba(15,23,42,.08); border-radius: 16px; padding: 14px 20px; box-shadow: 0 10px 20px rgba(0,0,0,0.05); margin-bottom: 12px; display: flex; align-items: center; gap: 8px; } 2️⃣ Section produits / “Nos favoris / Meilleures ventes” Pour effet premium : Fond blanc avec box-shadow léger pour chaque carte. Bords arrondis 18–22px. Padding interne suffisant pour que le texte et image respirent. Les images en object-fit: cover avec bord arrondi. Les titres produits en bleu foncé #0b5ea9, majuscule, police bold. Exemple CSS à ajouter : .content_products.mode-boutique .produits > div, .widget-product-slider .produits > div{ background: #fff; border-radius: 22px; box-shadow: 0 16px 40px rgba(2,8,23,0.08); padding: 18px 16px; display: flex; flex-direction: column; align-items: center; text-align: center; overflow: hidden; } .content_products.mode-boutique .productImageWrap, .widget-product-slider .productImageWrap{ width: 170px; height: 170px; border-radius: 20px; overflow: hidden; box-shadow: 0 10px 22px rgba(0,0,0,0.08); } .content_products.mode-boutique .productImageWrap img, .widget-product-slider .productImageWrap img{ width: 100%; height: 100%; object-fit: cover; border-radius: 20px; } .content_products.mode-boutique .nomprod, .widget-product-slider .nomprod{ color: #0b5ea9; font-weight: 900; font-size: 12px; text-transform: uppercase; min-height: 88px; max-height: 88px; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; line-height: 1.2; } ✅ Étapes Ajouter ces 2 blocs CSS après votre patch header/pills, donc tout en bas du CSS. Tester sur desktop : blocs info et cartes produits. Ajuster padding, border-radius et box-shadow pour retrouver exactement le look premium que vous aviez avant. Si vous voulez, je peux vous préparer le patch complet prêt à coller, qui : conserve le header 1 ligne, la loupe, le traducteur discret, ET rétablit tout l’aspect premium pour les cartes et blocs info, en une seule version propre. Voulez‑vous que je fasse ça ? desoler il a rien change Réflexion durant 15s Oui, la capture montre exactement pourquoi ça n’a rien changé : le patch précédent ne ciblait pas les bons blocs. Là, on voit que votre home utilise bien ces classes : .inacio-home .inacio-wrap .inacio-section.inacio-card.inacio-glass .inacio-head .inacio-catsRow .inacio-bullets .inacio-bullet Donc il faut cibler ça directement. Collez ce patch tout en bas : /* ========================================================= INACIO — PATCH HOME EXACT (ciblage réel vu dans l'inspecteur) À coller TOUT EN BAS ========================================================= */ /* Bloc principal hero */ .inacio-home .inacio-wrap > .inacio-section.inacio-card.inacio-glass{ background: linear-gradient(180deg, rgba(255,255,255,.92) 0%, rgba(251,252,254,.88) 100%) !important; border:1px solid rgba(15,23,42,.07) !important; border-radius:28px !important; box-shadow: 0 18px 50px rgba(0,0,0,.06), inset 0 1px 0 rgba(255,255,255,.75) !important; padding:28px 28px 30px !important; overflow:hidden !important; } /* Zone titre / intro */ .inacio-home .inacio-wrap > .inacio-section.inacio-card.inacio-glass .inacio-head{ display:flex !important; flex-direction:column !important; gap:14px !important; } .inacio-home .inacio-wrap > .inacio-section.inacio-card.inacio-glass .inacio-h1{ margin:0 !important; font-size:36px !important; line-height:1.08 !important; font-weight:900 !important; letter-spacing:-.03em !important; color:#0b1220 !important; } .inacio-home .inacio-wrap > .inacio-section.inacio-card.inacio-glass .inacio-lead{ margin:0 !important; font-size:16px !important; line-height:1.5 !important; color:#374151 !important; font-weight:600 !important; opacity:1 !important; max-width:980px !important; } /* Pills catégories du hero */ .inacio-home .inacio-wrap > .inacio-section.inacio-card.inacio-glass .inacio-catsRow{ display:flex !important; flex-wrap:wrap !important; gap:12px !important; margin:4px 0 2px !important; } .inacio-home .inacio-wrap > .inacio-section.inacio-card.inacio-glass .inacio-catPill{ display:inline-flex !important; align-items:center !important; justify-content:center !important; padding:11px 18px !important; border-radius:999px !important; background:rgba(255,255,255,.86) !important; border:1px solid rgba(15,23,42,.08) !important; box-shadow:0 8px 20px rgba(0,0,0,.04) !important; color:#0b5cab !important; font-weight:850 !important; text-decoration:none !important; line-height:1.1 !important; } .inacio-home .inacio-wrap > .inacio-section.inacio-card.inacio-glass .inacio-catPill:hover{ transform:translateY(-1px) !important; box-shadow:0 12px 24px rgba(0,0,0,.06) !important; } /* Blocs réassurance */ .inacio-home .inacio-wrap > .inacio-section.inacio-card.inacio-glass .inacio-bullets{ display:flex !important; flex-wrap:wrap !important; gap:14px !important; margin-top:10px !important; } .inacio-home .inacio-wrap > .inacio-section.inacio-card.inacio-glass .inacio-bullet{ flex:1 1 calc(50% - 7px) !important; min-width:280px !important; background:linear-gradient(180deg, rgba(255,255,255,.82) 0%, rgba(255,255,255,.68) 100%) !important; border:1px solid rgba(15,23,42,.08) !important; border-radius:18px !important; padding:16px 18px !important; box-shadow:0 10px 24px rgba(0,0,0,.04) !important; color:#111827 !important; line-height:1.45 !important; } /* Mobile */ @media (max-width:700px){ .inacio-home .inacio-wrap > .inacio-section.inacio-card.inacio-glass{ padding:20px 18px 22px !important; border-radius:22px !important; } .inacio-home .inacio-wrap > .inacio-section.inacio-card.inacio-glass .inacio-h1{ font-size:30px !important; } .inacio-home .inacio-wrap > .inacio-section.inacio-card.inacio-glass .inacio-bullets{ gap:10px !important; } .inacio-home .inacio-wrap > .inacio-section.inacio-card.inacio-glass .inacio-bullet{ flex:1 1 100% !important; min-width:0 !important; padding:14px 16px !important; } } /* ========================================================= INACIO — PATCH HOME EXACT (ciblage réel vu dans l'inspecteur) À coller TOUT EN BAS ========================================================= */ /* Bloc principal hero */ .inacio-home .inacio-wrap > .inacio-section.inacio-card.inacio-glass{ background: linear-gradient(180deg, rgba(255,255,255,.92) 0%, rgba(251,252,254,.88) 100%) !important; border:1px solid rgba(15,23,42,.07) !important; border-radius:28px !important; box-shadow: 0 18px 50px rgba(0,0,0,.06), inset 0 1px 0 rgba(255,255,255,.75) !important; padding:28px 28px 30px !important; overflow:hidden !important; } /* Zone titre / intro */ .inacio-home .inacio-wrap > .inacio-section.inacio-card.inacio-glass .inacio-head{ display:flex !important; flex-direction:column !important; gap:14px !important; } .inacio-home .inacio-wrap > .inacio-section.inacio-card.inacio-glass .inacio-h1{ margin:0 !important; font-size:36px !important; line-height:1.08 !important; font-weight:900 !important; letter-spacing:-.03em !important; color:#0b1220 !important; } .inacio-home .inacio-wrap > .inacio-section.inacio-card.inacio-glass .inacio-lead{ margin:0 !important; font-size:16px !important; line-height:1.5 !important; color:#374151 !important; font-weight:600 !important; opacity:1 !important; max-width:980px !important; } /* Pills catégories du hero */ .inacio-home .inacio-wrap > .inacio-section.inacio-card.inacio-glass .inacio-catsRow{ display:flex !important; flex-wrap:wrap !important; gap:12px !important; margin:4px 0 2px !important; } .inacio-home .inacio-wrap > .inacio-section.inacio-card.inacio-glass .inacio-catPill{ display:inline-flex !important; align-items:center !important; justify-content:center !important; padding:11px 18px !important; border-radius:999px !important; background:rgba(255,255,255,.86) !important; border:1px solid rgba(15,23,42,.08) !important; box-shadow:0 8px 20px rgba(0,0,0,.04) !important; color:#0b5cab !important; font-weight:850 !important; text-decoration:none !important; line-height:1.1 !important; } .inacio-home .inacio-wrap > .inacio-section.inacio-card.inacio-glass .inacio-catPill:hover{ transform:translateY(-1px) !important; box-shadow:0 12px 24px rgba(0,0,0,.06) !important; } /* Blocs réassurance */ .inacio-home .inacio-wrap > .inacio-section.inacio-card.inacio-glass .inacio-bullets{ display:flex !important; flex-wrap:wrap !important; gap:14px !important; margin-top:10px !important; } .inacio-home .inacio-wrap > .inacio-section.inacio-card.inacio-glass .inacio-bullet{ flex:1 1 calc(50% - 7px) !important; min-width:280px !important; background:linear-gradient(180deg, rgba(255,255,255,.82) 0%, rgba(255,255,255,.68) 100%) !important; border:1px solid rgba(15,23,42,.08) !important; border-radius:18px !important; padding:16px 18px !important; box-shadow:0 10px 24px rgba(0,0,0,.04) !important; color:#111827 !important; line-height:1.45 !important; } /* Mobile */ @media (max-width:700px){ .inacio-home .inacio-wrap > .inacio-section.inacio-card.inacio-glass{ padding:20px 18px 22px !important; border-radius:22px !important; } .inacio-home .inacio-wrap > .inacio-section.inacio-card.inacio-glass .inacio-h1{ font-size:30px !important; } .inacio-home .inacio-wrap > .inacio-section.inacio-card.inacio-glass .inacio-bullets{ gap:10px !important; } .inacio-home .inacio-wrap > .inacio-section.inacio-card.inacio-glass .inacio-bullet{ flex:1 1 100% !important; min-width:0 !important; padding:14px 16px !important; } } /* ========================================================= INACIO — PANIER : badge rouge restauré À coller TOUT EN BAS ========================================================= */ #panier{ position:relative !important; overflow:visible !important; } #panier .count-live, #panier .count, #panier .panier_count, #panier .panier_nb, #panier span[class*="count"], #panier span[id*="count"]{ position:absolute !important; top:-4px !important; right:-8px !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; } /* si le thème cible le badge à l'intérieur */ #panier #header-panier .count-live, #panier #header-panier .count{ background:#e11d48 !important; color:#ffffff !important; border:2px solid rgba(255,255,255,.92) !important; } /* ========================================================= INACIO — PATCH “POURQUOI ACHETER ICI” Restaurer style premium bloc assurance / bullets ========================================================= */ .inacio-bullets{ display:flex !important; flex-direction:column !important; gap:12px !important; background:linear-gradient(180deg, rgba(255,255,255,.58) 0%, rgba(255,255,255,.34) 100%) !important; border:1px solid rgba(15,23,42,.06) !important; border-radius:24px !important; padding:20px !important; box-shadow: 0 10px 26px rgba(0,0,0,.03), inset 0 1px 0 rgba(255,255,255,.70) !important; max-width:1280px !important; margin:26px auto 18px !important; } .inacio-bullets .inacio-bullet{ background:#fff !important; border-radius:18px !important; padding:12px 16px !important; box-shadow:0 10px 22px rgba(0,0,0,.08) !important; display:flex !important; flex-direction:column !important; gap:4px !important; } .inacio-bullets .inacio-bullet p{ margin:0 !important; font-size:15px !important; font-weight:400 !important; line-height:1.35 !important; color:#4b5563 !important; } .inacio-bullets .inacio-bullet:first-child{ margin-top:0 !important; } .inacio-bullets .btn{ display:inline-flex !important; align-items:center !important; justify-content:center !important; padding:12px 20px !important; border-radius:999px !important; font-weight:900 !important; background:linear-gradient(180deg,#0ea5e9 0%, #0284c7 100%) !important; color:#fff !important; border:none !important; box-shadow:0 12px 28px rgba(2,132,199,.18), 0 10px 24px rgba(0,0,0,.08) !important; cursor:pointer !important; margin-top:12px !important; } /* ========================================================= INACIO — PATCH ULTRA CIBLÉ "Pourquoi acheter ici" uniquement Ne touche PAS le bloc du haut ========================================================= */ .inacio-home .inacio-section.inacio-card.inacio-glassMini{ border-radius:24px !important; border:1px solid #e7ebf0 !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%, #fbfbfd 100%) !important; box-shadow:0 20px 56px rgba(0,0,0,.08) !important; overflow:hidden !important; } .inacio-home .inacio-section.inacio-card.inacio-glassMini .inacio-head2{ padding:22px 22px 10px !important; } .inacio-home .inacio-section.inacio-card.inacio-glassMini .inacio-h1small{ margin:0 0 8px !important; font-size:26px !important; font-weight:900 !important; line-height:1.1 !important; letter-spacing:-.3px !important; color:#0b1220 !important; } .inacio-home .inacio-section.inacio-card.inacio-glassMini .inacio-muted{ margin:0 !important; color:#4b5563 !important; font-weight:600 !important; line-height:1.45 !important; } .inacio-home .inacio-section.inacio-card.inacio-glassMini .inacio-grid3{ display:flex !important; flex-direction:column !important; gap:12px !important; padding:12px 22px 0 !important; margin:0 !important; } .inacio-home .inacio-section.inacio-card.inacio-glassMini .inacio-grid3 > article, .inacio-home .inacio-section.inacio-card.inacio-glassMini .inacio-box{ width:100% !important; max-width:100% !important; } .inacio-home .inacio-section.inacio-card.inacio-glassMini .inacio-box{ border-radius:18px !important; border:1px solid #e7ebf0 !important; background:#ffffff !important; padding:16px 18px !important; box-shadow:0 12px 28px rgba(0,0,0,.06) !important; transform:none !important; } .inacio-home .inacio-section.inacio-card.inacio-glassMini .inacio-box:hover{ transform:none !important; box-shadow:0 12px 28px rgba(0,0,0,.06) !important; } .inacio-home .inacio-section.inacio-card.inacio-glassMini .inacio-box p{ margin:6px 0 0 !important; color:#4b5563 !important; font-weight:600 !important; line-height:1.45 !important; } .inacio-home .inacio-section.inacio-card.inacio-glassMini .inacio-ctaBottom{ display:flex !important; flex-wrap:wrap !important; gap:12px !important; padding:16px 22px 22px !important; margin:0 !important; } .inacio-home .inacio-section.inacio-card.inacio-glassMini .inacio-btn2{ display:inline-flex !important; align-items:center !important; justify-content:center !important; padding:12px 18px !important; border-radius:999px !important; font-weight:900 !important; text-decoration:none !important; } .inacio-home .inacio-section.inacio-card.inacio-glassMini .inacio-btn2.primary{ background:linear-gradient(180deg,#0ea5e9 0%, #0284c7 100%) !important; border:1px solid rgba(2,132,199,.35) !important; color:#ffffff !important; box-shadow:0 12px 28px rgba(2,132,199,.18), 0 10px 24px rgba(0,0,0,.08) !important; } .inacio-home .inacio-section.inacio-card.inacio-glassMini .inacio-btn2:not(.primary){ background:#ffffff !important; border:1px solid rgba(15,23,42,.10) !important; color:#0b1220 !important; box-shadow:0 10px 22px rgba(0,0,0,.05) !important; } @media (max-width:640px){ .inacio-home .inacio-section.inacio-card.inacio-glassMini .inacio-head2{ padding:18px 16px 8px !important; } .inacio-home .inacio-section.inacio-card.inacio-glassMini .inacio-grid3{ padding:10px 16px 0 !important; } .inacio-home .inacio-section.inacio-card.inacio-glassMini .inacio-ctaBottom{ padding:14px 16px 18px !important; } .inacio-home .inacio-section.inacio-card.inacio-glassMini .inacio-btn2{ width:100% !important; } } /* ========================================================= INACIO — POURQUOI ACHETER ICI — FIX FORT À coller TOUT EN BAS ========================================================= */ .inacio-home .inacio-section.inacio-card.inacio-glassMini{ padding:20px 20px 18px !important; border-radius:22px !important; box-shadow:0 14px 34px rgba(0,0,0,.06) !important; } .inacio-home .inacio-section.inacio-card.inacio-glassMini .inacio-head2{ padding:0 0 14px !important; margin:0 !important; } .inacio-home .inacio-section.inacio-card.inacio-glassMini .inacio-h1small{ margin:0 0 6px !important; font-size:22px !important; line-height:1.12 !important; font-weight:800 !important; } .inacio-home .inacio-section.inacio-card.inacio-glassMini .inacio-muted{ margin:0 !important; font-size:14px !important; line-height:1.35 !important; color:#5b6472 !important; } .inacio-home .inacio-section.inacio-card.inacio-glassMini .inacio-grid3{ padding:0 !important; gap:12px !important; } .inacio-home .inacio-section.inacio-card.inacio-glassMini .inacio-grid3 > article{ width:100% !important; max-width:100% !important; } .inacio-home .inacio-section.inacio-card.inacio-glassMini .inacio-box{ padding:12px 14px !important; border-radius:14px !important; box-shadow:0 6px 16px rgba(0,0,0,.04) !important; } .inacio-home .inacio-section.inacio-card.inacio-glassMini .inacio-box .inacio-h3{ margin:0 0 4px !important; font-size:15px !important; line-height:1.25 !important; } .inacio-home .inacio-section.inacio-card.inacio-glassMini .inacio-box p{ margin:0 !important; font-size:14px !important; line-height:1.35 !important; } .inacio-home .inacio-section.inacio-card.inacio-glassMini .inacio-ctaBottom{ padding:12px 0 0 !important; margin:0 !important; } .inacio-home .inacio-section.inacio-card.inacio-glassMini .inacio-ctaRow{ gap:10px !important; margin-top:0 !important; } .inacio-home .inacio-section.inacio-card.inacio-glassMini .inacio-btn2{ min-height:44px !important; padding:10px 16px !important; font-size:14px !important; box-shadow:0 8px 18px rgba(0,0,0,.05) !important; } .inacio-home .inacio-section.inacio-card.inacio-glassMini .inacio-btn2.primary{ box-shadow:0 10px 22px rgba(2,132,199,.16) !important; } /* ========================================================= INACIO — POURQUOI ACHETER ICI : retour en 3 lignes À coller TOUT EN BAS ========================================================= */ @media (min-width:901px){ .inacio-home .inacio-section.inacio-card.inacio-glassMini .inacio-grid3{ display:grid !important; grid-template-columns:repeat(3, minmax(0, 1fr)) !important; gap:14px !important; padding:0 !important; align-items:stretch !important; } .inacio-home .inacio-section.inacio-card.inacio-glassMini .inacio-grid3 > article{ width:auto !important; max-width:none !important; min-width:0 !important; margin:0 !important; } .inacio-home .inacio-section.inacio-card.inacio-glassMini .inacio-box{ height:100% !important; } } @media (max-width:900px){ .inacio-home .inacio-section.inacio-card.inacio-glassMini .inacio-grid3{ display:flex !important; flex-direction:column !important; gap:12px !important; } .inacio-home .inacio-section.inacio-card.inacio-glassMini .inacio-grid3 > article{ width:100% !important; max-width:100% !important; } } /* ========================================================= INACIO — NEWSLETTER : version courte / propre Objectif : raccourcir le bloc sans casser le formulaire ========================================================= */ /* Carte plus compacte */ .inacio-home .inacio-newsletter, .inacio-home .inacio-card.inacio-newsletter, .inacio-home .inacio-section.inacio-newsletter{ padding:28px 22px !important; } /* Largeur plus contenue */ .inacio-home .inacio-newsletter form, .inacio-home .inacio-newsletter .form-newsletter{ max-width:760px !important; margin:0 auto !important; } /* On masque les textes trop longs / redondants du module */ .inacio-home .inacio-newsletter form p:nth-of-type(3), .inacio-home .inacio-newsletter form p:nth-of-type(4), .inacio-home .inacio-newsletter form p:nth-of-type(5), .inacio-home .inacio-newsletter .law-computer-and-freedoms, .inacio-home .inacio-newsletter .footer_newsletter{ display:none !important; } /* On garde les 2 premiers textes, mais plus compacts */ .inacio-home .inacio-newsletter form p:nth-of-type(1), .inacio-home .inacio-newsletter form p:nth-of-type(2){ max-width:680px !important; margin:0 auto 10px !important; text-align:center !important; line-height:1.4 !important; } /* Titre et sous-titre plus resserrés */ .inacio-home .inacio-newsletter .inacio-h2, .inacio-home .inacio-newsletter .inacio-h1small{ margin:0 0 8px !important; } .inacio-home .inacio-newsletter .inacio-muted{ margin:0 0 14px !important; } /* Label email plus propre */ .inacio-home .inacio-newsletter label{ display:block !important; margin:14px 0 8px !important; text-align:left !important; font-weight:850 !important; } /* Champ plus compact */ .inacio-home .inacio-newsletter input[type="email"], .inacio-home .inacio-newsletter input[type="text"], .inacio-home .inacio-newsletter #newsletter_email{ height:56px !important; border-radius:18px !important; } /* Bouton plus proche du champ */ .inacio-home .inacio-newsletter button, .inacio-home .inacio-newsletter input[type="submit"], .inacio-home .inacio-newsletter #newsletter_valid{ margin-top:16px !important; } /* Fine print courte uniquement */ .inacio-home .inacio-newsFinePrint{ margin-top:14px !important; text-align:center !important; font-size:13px !important; line-height:1.35 !important; opacity:.78 !important; } /* Si le module ajoute encore des blocs vides */ .inacio-home .inacio-newsletter br + br{ display:none !important; } /* Mobile */ @media (max-width:640px){ .inacio-home .inacio-newsletter, .inacio-home .inacio-card.inacio-newsletter, .inacio-home .inacio-section.inacio-newsletter{ padding:22px 16px !important; } .inacio-home .inacio-newsletter form p:nth-of-type(1), .inacio-home .inacio-newsletter form p:nth-of-type(2){ margin:0 auto 8px !important; font-size:15px !important; } .inacio-home .inacio-newsletter input[type="email"], .inacio-home .inacio-newsletter input[type="text"], .inacio-home .inacio-newsletter #newsletter_email{ height:52px !important; } } /* ========================================================= INACIO — NEWSLETTER : version courte finale ========================================================= */ /* On garde le grand titre et le sous-titre */ .inacio-home .inacio-newsletter h2, .inacio-home .inacio-newsletter .inacio-h1small, .inacio-home .inacio-newsletter .inacio-h2{ display:block !important; } /* On masque le texte marketing du module */ .inacio-home .inacio-newsletter form p:nth-of-type(1), .inacio-home .inacio-newsletter form p:nth-of-type(2), .inacio-home .inacio-newsletter form p:nth-of-type(3), .inacio-home .inacio-newsletter form p:nth-of-type(4), .inacio-home .inacio-newsletter form h3, .inacio-home .inacio-newsletter form h4, .inacio-home .inacio-newsletter .form-newsletter__title, .inacio-home .inacio-newsletter .header_newsletter, .inacio-home .inacio-newsletter .law-computer-and-freedoms, .inacio-home .inacio-newsletter .footer_newsletter{ display:none !important; } /* On garde seulement la ligne finale discrète */ .inacio-home .inacio-newsFinePrint{ display:block !important; text-align:center !important; margin-top:14px !important; font-size:13px !important; color:#6b7280 !important; } /* ========================================================= INACIO — BOUTIQUE : FIX FINAL pastilles catégories - masque le faux widget rectangle - remet le vrai glossy premium ========================================================= */ /* 1) Le faux widget au-dessus : on le supprime */ #grid-972759{ display:none !important; } /* 2) Le vrai widget juste après */ #grid-972759 + .widget.widget-categories-thumbnail{ background:transparent !important; border:0 !important; box-shadow:none !important; margin:0 !important; padding:0 !important; } /* 3) Ligne des catégories */ #grid-972759 + .widget.widget-categories-thumbnail .categories-thumbnail{ display:flex !important; flex-wrap:wrap !important; gap:14px 18px !important; align-items:center !important; margin:0 !important; padding:0 !important; } /* 4) Item externe : aucun fond parasite */ #grid-972759 + .widget.widget-categories-thumbnail .categories-thumbnail__item{ background:transparent !important; border:0 !important; box-shadow:none !important; margin:0 !important; padding:0 !important; width:auto !important; } /* 5) La vraie pill premium */ #grid-972759 + .widget.widget-categories-thumbnail .categories-thumbnail__item-link{ display:inline-flex !important; align-items:center !important; justify-content:center !important; min-height:44px !important; padding:0 !important; margin:0 !important; border-radius:999px !important; border:1px solid rgba(15,23,42,.08) !important; background: linear-gradient(110deg, rgba(255,255,255,0) 0%, rgba(255,255,255,.55) 18%, rgba(255,255,255,0) 36%), linear-gradient(180deg, rgba(255,255,255,.96) 0%, rgba(248,250,252,.90) 100%) !important; box-shadow: 0 10px 24px rgba(0,0,0,.05), inset 0 1px 0 rgba(255,255,255,.98) !important; text-decoration:none !important; overflow:hidden !important; } /* 6) Bloc texte interne */ #grid-972759 + .widget.widget-categories-thumbnail .categories-thumbnail__item-position-text, #grid-972759 + .widget.widget-categories-thumbnail .categories-thumbnail__item-text{ display:inline-flex !important; align-items:center !important; justify-content:center !important; min-height:44px !important; padding:0 18px !important; margin:0 !important; background:transparent !important; border:0 !important; box-shadow:none !important; } /* 7) Texte */ #grid-972759 + .widget.widget-categories-thumbnail .categories-thumbnail__item-text span, #grid-972759 + .widget.widget-categories-thumbnail .categories-thumbnail__item-link span{ color:#0b5cab !important; font-weight:900 !important; letter-spacing:.02em !important; font-style:normal !important; text-transform:uppercase !important; background:transparent !important; } /* 8) 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 14px 28px rgba(0,0,0,.06), inset 0 1px 0 rgba(255,255,255,.98) !important; } /* 9) Mobile */ @media (max-width:640px){ #grid-972759 + .widget.widget-categories-thumbnail .categories-thumbnail{ gap:12px !important; } #grid-972759 + .widget.widget-categories-thumbnail .categories-thumbnail__item-position-text, #grid-972759 + .widget.widget-categories-thumbnail .categories-thumbnail__item-text{ padding:0 14px !important; min-height:42px !important; } } /* ========================================================= INACIO — CATÉGORIES : style premium global Applique le rendu glossy à toutes les pages catégories ========================================================= */ .widget.widget-categories-thumbnail .widget-content{ background:transparent !important; border:0 !important; box-shadow:none !important; outline:0 !important; padding:0 !important; } .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{ 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{ content:none !important; display:none !important; } .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; } .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{ position:relative !important; display:flex !important; align-items:center !important; justify-content:center !important; min-height:54px !important; padding:0 !important; } .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 2px !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{ position:relative !important; z-index:2 !important; color:#0b5cab !important; font-size:15px !important; font-weight:800 !important; letter-spacing:.01em !important; text-transform:none !important; } .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{ 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{ min-height:48px !important; } .widget.widget-categories-thumbnail .categories-thumbnail__item-link{ 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; } } /* ========================================================= INACIO — VÊTEMENTS 2e MAIN : boutons "Sélection" blancs glossy ========================================================= */ #grid-477787 .categories-thumbnail{ display:flex !important; flex-wrap:wrap !important; gap:18px !important; align-items:flex-start !important; } #grid-477787 .categories-thumbnail__item{ background:transparent !important; border:0 !important; box-shadow:none !important; margin:0 !important; padding:0 !important; width:auto !important; } #grid-477787 .categories-thumbnail__item > a.button{ 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; 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:uppercase !important; } #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; } /* ========================================================= INACIO — FICHE PRODUIT : correctifs quantité + traits À coller TOUT EN BAS ========================================================= */ /* 1) redonner de l’air au bloc quantité */ .bloc-right .bloc_quantity, .bloc-right .quantity, .product_right_part .bloc_quantity, .product_right_part .quantity, .template_produit .bloc_quantity, .template_produit .quantity{ margin-top:18px !important; margin-bottom:18px !important; } .bloc-right .quantity label, .product_right_part .quantity label, .template_produit .quantity label{ display:block !important; margin-bottom:10px !important; } /* espace entre le prix / paypal / quantité */ .bloc-right .product-price, .bloc-right .prix, .product_right_part .product-price, .product_right_part .prix{ margin-bottom:18px !important; } /* 2) supprimer les traits parasites sur la fiche produit */ .template_produit hr, .product_right_part hr, .bloc-right hr, .product_sheet hr, .product-detail hr, .produit-detail hr{ display:none !important; border:0 !important; height:0 !important; margin:0 !important; padding:0 !important; } /* lignes séparatrices générées par certains widgets */ .template_produit .widget-horizontal-rules, .product_right_part .widget-horizontal-rules, .bloc-right .widget-horizontal-rules{ display:none !important; height:0 !important; margin:0 !important; padding:0 !important; border:0 !important; box-shadow:none !important; } /* renforce l'espacement autour de la quantité */ .product_right_part .quantity, .template_produit .quantity{ clear:both !important; position:relative !important; } /* ========================================================= INACIO — FICHE PRODUIT : vrai correctif quantité + traits À coller TOUT EN BAS ========================================================= */ /* 1) bloc quantité : remettre de l'air */ .wrap-description .pro-panier .bloc-quantity{ margin:18px 0 22px !important; } .wrap-description .pro-panier .bloc-quantity label{ display:block !important; margin:0 0 10px !important; } .wrap-description .pro-panier .bloc-bt-quantity{ display:inline-grid !important; grid-template-columns:42px 56px 42px !important; align-items:center !important; column-gap:10px !important; margin-top:8px !important; } .wrap-description .pro-panier .bloc-bt-quantity .less-quantity, .wrap-description .pro-panier .bloc-bt-quantity .add-quantity, .wrap-description .pro-panier .bloc-bt-quantity .input_quantity{ margin:0 !important; vertical-align:middle !important; } /* 2) supprimer le bloc social parasite qui crée les traits / espace */ .wrap-description .sociaux, .wrap-description .fb-like, .wrap-description .fb-share-button, .wrap-description .fb_iframe_widget, .wrap-description iframe[src*="facebook"]{ display:none !important; height:0 !important; min-height:0 !important; max-height:0 !important; margin:0 !important; padding:0 !important; border:0 !important; overflow:hidden !important; } /* 3) supprimer les séparateurs qui restent juste sous les encarts */ .wrap-description .block-shipping + hr, .wrap-description .details-ficheprod + hr, .wrap-description hr{ display:none !important; height:0 !important; margin:0 !important; padding:0 !important; border:0 !important; } /* 4) resserrer proprement la colonne de droite */ .wrap-description .description, .wrap-description .block-shipping, .wrap-description .details-ficheprod{ margin-bottom:12px !important; } .wrap-description .row.ajouter-panier.block-addbasket{ margin-top:16px !important; } /* ========================================================= INACIO — FICHE PRODUIT Masquer la mention sous le bouton panier injectée en CSS ========================================================= */ #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; } /* ========================================================= INACIO — BOUTIQUE : corrige superposition avec menu header Le bloc catégories de la page ne doit jamais passer au-dessus des dropdowns / mini-panier du header ========================================================= */ /* la zone contenu boutique reste derrière le header */ .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; } /* le header et ses menus passent toujours au-dessus */ header, header .header-conteneur, header .menu.navigation_p, header nav#nav-principal, header nav#nav-principal > ul, header nav#nav-principal > ul > li{ position:relative !important; z-index:1000 !important; } /* dropdowns / sous-menus */ header .dropDown, header .dropdown, header .subMenu, header .submenu, header ul.dropDown, header ul.dropdown, header .navigation_menuitem_submenu, header .navigation_submenu, header .menu-principal .sous_menu, header .menu-principal .submenu, header [class*="drop"], header [class*="sub"][class*="menu"]{ position:absolute !important; z-index:10000 !important; background:#fff !important; } /* ========================================================= INACIO — MINI-PANIER SAFE Style léger sans toucher au moteur du panier ========================================================= */ #panier{ position: relative !important; z-index: 11000 !important; } #paniercontent{ z-index: 11001 !important; background: #fff !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; } /* bouton commande uniquement */ #paniercontent #paniercommande a{ border-radius: 999px !important; } /* ========================================================= INACIO — MINI-PANIER : centrage quantité ========================================================= */ #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"]{ 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; } #paniercontent .panier_quantite .inputqte, #panierContent .panier_quantite .inputqte, #paniercontent #paniertable input[type="text"], #panierContent #paniertable input[type="text"], #paniercontent #paniertable input[type="number"], #panierContent #paniertable input[type="number"]{ display:inline-flex !important; align-items:center !important; justify-content:center !important; vertical-align:middle !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; text-align:center !important; line-height:44px !important; } /* ========================================================= INACIO — PATCH PERFORMANCE SAFE Objectif : - garder le rendu premium - alléger un peu les effets coûteux - améliorer la fluidité mobile / pages chargées ========================================================= */ /* 1) transitions plus légères sur les éléments interactifs */ .inacio-home .inacio-catPill, .inacio-home .inacio-btn2, .inacio-home .inacio-box, .inacio-home .inacio-tile, .widget.widget-categories-thumbnail .categories-thumbnail__item-link, #blocContent .produit, #blocContent .vignette_produit, body[class*="page-index"] .widget-product-slider .produits, #paniercommande a, #paniercommande .button, #paniercommande input[type="submit"]{ transition: transform .16s ease, box-shadow .16s ease, filter .16s ease !important; } /* 2) coupe les animations infinies décoratives */ .inacio-qtrust__inner, .inacio-ft__inner{ animation:none !important; } /* 3) ombres un peu allégées sur mobile */ @media (max-width:820px){ .inacio-home .inacio-card, .inacio-home .inacio-heroCard, .inacio-home .inacio-box, .inacio-home .inacio-tile, .inacio-home .inacio-sectionHead, #fiche-produit .inacio-wrap, #paniercontent, #panierContent, .block-info-commande_well, .cart-summary, .block-resume-commande{ box-shadow:0 10px 24px rgba(0,0,0,.06) !important; } } /* 4) blur limité sur mobile pour éviter les lourdeurs */ @media (max-width:820px){ #fiche-produit .inacio-badge, .fiche-produit .inacio-badge, #fiche-produit .inacio-card, .fiche-produit .inacio-card{ -webkit-backdrop-filter:none !important; backdrop-filter:none !important; } } /* 5) évite des petits coûts visuels inutiles sur mobile */ @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; } } /* 6) hover plus doux sur mobile / tactile */ @media (hover:none){ #blocContent .produit:hover, .inacio-home .inacio-box:hover, .inacio-home .inacio-tile: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; } } /* ========================================================= INACIO — HEADER GRAND ÉCRAN 1 LIGNE Objectif : - même rendu que l’écran moyen - pills sur une seule ligne - logo + menu + loupe + panier alignés ========================================================= */ @media (min-width:1400px){ header .header-conteneur, header.banniere_header_p .header-conteneur, header.banniere.header_p .header-conteneur{ max-width:1380px !important; margin:0 auto !important; padding:10px 22px !important; display:flex !important; align-items:center !important; justify-content:space-between !important; flex-wrap:nowrap !important; gap:10px !important; } /* logo compact comme écran moyen */ header #blocContent, header #headercontent, header #headercontent #blocContent{ flex:0 0 auto !important; width:auto !important; max-width:72px !important; min-width:72px !important; margin:0 !important; padding:0 !important; } header .logo, header #logo, header #headercontent .logo{ display:block !important; max-width:58px !important; width:58px !important; height:auto !important; margin:0 auto !important; } /* navigation sur UNE ligne */ header .menu.navigation_p, header nav#nav-principal{ flex:1 1 auto !important; min-width:0 !important; width:auto !important; margin:0 !important; padding:0 !important; display:flex !important; justify-content:flex-end !important; align-items:center !important; } header #nav-principal > ul{ display:flex !important; flex-wrap:nowrap !important; white-space:nowrap !important; align-items:center !important; justify-content:flex-end !important; gap:6px !important; margin:0 !important; padding:0 !important; } header #nav-principal > ul > li{ flex:0 0 auto !important; margin:0 !important; padding:0 !important; } header #nav-principal > ul > li > a.navigation_link_p{ padding:7px 9px !important; font-size:11px !important; line-height:1.1 !important; border-radius:999px !important; white-space:nowrap !important; } /* loupe */ #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{ width:38px !important; height:38px !important; padding:0 !important; flex:0 0 38px !important; } /* panier */ #panier{ width:38px !important; height:38px !important; margin-left:6px !important; flex:0 0 38px !important; align-self:center !important; } #panier .count-live, #panier .count, #panier .panier_count, #panier .panier_nb, #panier span[class*="count"], #panier span[id*="count"]{ top:-3px !important; right:-6px !important; } }