:root{--font-family-body: "Lufga", "Helvetica", "Arial", "sans-serif";--font-family-label: "CyberverseOblique", "Helvetica", "Arial", "sans-serif";--font-family-semi: "CyberverseOblique", "Helvetica", "Arial", "sans-serif";--font-family-title: "CyberverseOblique", "Helvetica", "Arial", "sans-serif";--color-btn: #333333;--color-btn-hover: #333333;--ax-form-bi-width: 1px;--ax-form-btn-width: 1px;}@media (max-width: 767px){#box-product-grid .archive-wrapper-items{margin-left: calc(-30px/2);margin-right: calc(-30px/2);}#box-product-grid .archive-wrapper-items > .item{padding-left: calc(30px/2);padding-right: calc(30px/2);margin-bottom: 30px;}}@media (min-width: 768px) and (max-width: 1024px){#box-product-grid .archive-wrapper-items{margin-left: calc(-30px/2);margin-right: calc(-30px/2);}#box-product-grid .archive-wrapper-items > .item{padding-left: calc(30px/2);padding-right: calc(30px/2);margin-bottom: 30px;}}@media (min-width: 1025px) and (max-width: 1199px){#box-product-grid .archive-wrapper-items{margin-left: calc(-30px/2);margin-right: calc(-30px/2);}#box-product-grid .archive-wrapper-items > .item{padding-left: calc(30px/2);padding-right: calc(30px/2);margin-bottom: 30px;}}@media (min-width: 1200px){#box-product-grid .archive-wrapper-items{margin-left: calc(-30px/2);margin-right: calc(-30px/2);}#box-product-grid .archive-wrapper-items > .item{padding-left: calc(30px/2);padding-right: calc(30px/2);margin-bottom: 30px;}}@media (max-width: 767px){#box-product-grid .archive-wrapper-items > .item{-ms-flex: 0 0 calc(100%/2); flex: 0 0 calc(100%/2); max-width: calc(100%/2);}}@media (min-width: 768px) and (max-width: 1024px){#box-product-grid .archive-wrapper-items > .item{-ms-flex: 0 0 calc(100%/3); flex: 0 0 calc(100%/3); max-width: calc(100%/3);}}@media (min-width: 1025px) and (max-width: 1199px){#box-product-grid .archive-wrapper-items > .item{-ms-flex: 0 0 calc(100%/4); flex: 0 0 calc(100%/4); max-width: calc(100%/4);}}@media (min-width: 1200px){#box-product-grid .archive-wrapper-items > .item{-ms-flex: 0 0 calc(100%/4); flex: 0 0 calc(100%/4); max-width: calc(100%/4);}}@media (max-width: 1024px){html{font-size: 62.5%;}}@media (min-width: 1025px){html{font-size: 62.5%;}}@media (min-width: 1025px){.container{max-width:100%;}}@media (min-width: 1025px){.container{max-width:100%;}}/* * Custom code goes here. * A template should always ship with an empty custom.css */ span.current-price-value{ color: #a0f909 !important; } .active_accordion{ color: #a0f909 !important; } .page-product div.product_meta{ display: none !important; } .page-product .single-product-summary, .page-contact #wrapper, .page-pagenotfound #wrapper, .page-category #wrapper{ padding-top: 40px; } .page-title{ margin-top: 0px !important; } #canvas-mini-cart .card-block-btn .btn{ margin: 5px; } .card-block-btn{ flex-direction: column; } .couleur_titre{ color: #a0f909; } .sniffy_slider_produits div.elementor-row { flex-direction: row; flex-wrap: nowrap !important; overflow-x: scroll; padding-top: 30px; } .sniffy_slider_produits div.elementor-row .elementor-column { flex: 1 0 80%; } #product .label-flags, .countdown-timer-wrapper{ display: none; } #product .qty, #product .product-prices{ display: none; } #canvas-mini-cart .totals-top{ font-size: 15px; } body.product-id-46 .gummies1, body.product-id-46 .gummies2, body.product-id-46 .spray1, body.product-id-46 .spray2{ display: none !important; } body.product-id-48 .supershot1, body.product-id-48 .supershot2, body.product-id-48 .spray1, body.product-id-48 .spray2{ display: none !important; } body.product-id-49 .supershot1, body.product-id-49 .supershot2, body.product-id-49 .gummies1, body.product-id-49 .gummies2{ display: none !important; } body.product-id-51 .supershot1, body.product-id-51 .supershot2, body.product-id-51 .spray1, body.product-id-51 .spray2, body.product-id-51 .gummies1, body.product-id-51 .gummies2{ display: none !important; } /* ============================================================ AJOUT — Upsell Pack Mix 3 saveurs + Cross-sell Super Shot / Energy Pouches ============================================================ */ .sniffy-mix-upsell { display: none; align-items: center; gap: 12px; background: #111; border: 2px solid #8ecb1f; border-radius: 10px; padding: 14px 16px; margin: 14px 0; flex-wrap: wrap; } .sniffy-mix-upsell--visible { display: flex; } .sniffy-mix-upsell__text { color: #fff; margin: 0; flex: 1 1 220px; font-size: 14px; line-height: 1.4; } .sniffy-mix-upsell__text strong { color: #8ecb1f; } .sniffy-mix-upsell__btn { background: #8ecb1f; color: #111; border: none; border-radius: 30px; padding: 10px 18px; font-weight: 800; text-transform: uppercase; font-size: 13px; cursor: pointer; white-space: nowrap; transition: transform .15s ease, background .15s ease; } .sniffy-mix-upsell__btn:hover { background: #7bb519; transform: translateY(-1px); } .sniffy-cross-sell { margin: 14px 0; } .sniffy-cross-sell__inner { display: flex; align-items: center; gap: 12px; background: #111; border: 2px solid #8ecb1f; border-radius: 10px; padding: 14px 16px; flex-wrap: wrap; } .sniffy-cross-sell__icon { font-size: 26px; line-height: 1; } .sniffy-cross-sell__img { width: 56px; height: 56px; flex-shrink: 0; object-fit: cover; border-radius: 8px; background: #fff; border: 1px solid rgba(255,255,255,.15); } .sniffy-cross-sell__text { flex: 1 1 180px; display: flex; flex-direction: column; color: #fff; } .sniffy-cross-sell__text strong { color: #8ecb1f; font-size: 11px; text-transform: uppercase; letter-spacing: .03em; } .sniffy-cross-sell__product { font-size: 15px; font-weight: 800; margin-top: 2px; } .sniffy-cross-sell__tagline { font-size: 12.5px; opacity: .8; margin-top: 3px; line-height: 1.35; } .sniffy-cross-sell__flavor { display: block; width: 100%; max-width: 220px; margin-top: 6px; background: #1c1c1c; color: #fff; border: 1px solid rgba(255,255,255,.25); border-radius: 6px; padding: 6px 8px; font-size: 12.5px; cursor: pointer; } .sniffy-cross-sell__cta { display: flex; flex-direction: column; align-items: flex-end; gap: 6px; flex-shrink: 0; margin-left: auto; } .sniffy-cross-sell__price { color: #8ecb1f; font-weight: 800; font-size: 15px; white-space: nowrap; } .sniffy-cross-sell__btn { background: #8ecb1f; color: #111; border: none; border-radius: 30px; padding: 10px 20px; font-weight: 800; text-transform: uppercase; font-size: 13px; cursor: pointer; white-space: nowrap; box-sizing: border-box; max-width: 100%; transition: transform .15s ease, background .15s ease; } .sniffy-cross-sell__btn:hover { background: #7bb519; transform: translateY(-1px); } .sniffy-cross-sell__btn:disabled { opacity: .7; cursor: default; transform: none; } .sniffy-cross-sell__flavor { box-sizing: border-box; } /* ------------------------------------------------------------ Petit panier (mini-cart) : le panneau est toujours etroit, que ce soit en version bureau (colonne laterale) ou mobile (plein ecran) — on lui applique donc la MEME mise en page compacte dans les deux cas, sans dependre de la largeur de la fenetre. Ca evite aussi tout debordement de bouton. ------------------------------------------------------------ */ .sniffy-cross-sell--mini-cart { margin: 10px 16px; } .sniffy-cross-sell--mini-cart .sniffy-cross-sell__inner { padding: 10px; gap: 8px; } .sniffy-cross-sell--mini-cart .sniffy-cross-sell__img { width: 38px; height: 38px; } .sniffy-cross-sell--mini-cart .sniffy-cross-sell__icon { font-size: 20px; } .sniffy-cross-sell--mini-cart .sniffy-cross-sell__text strong { font-size: 10px; } .sniffy-cross-sell--mini-cart .sniffy-cross-sell__tagline { display: none; } .sniffy-cross-sell--mini-cart .sniffy-cross-sell__product { font-size: 13px; } .sniffy-cross-sell--mini-cart .sniffy-cross-sell__flavor { font-size: 12px; padding: 5px 6px; max-width: 100%; margin-top: 4px; } /* Bouton du cross-sell (a cote du prix) : garde une taille au contenu. */ .sniffy-cross-sell--mini-cart .sniffy-cross-sell__cta { flex-direction: row; align-items: center; justify-content: space-between; width: 100%; margin-left: 0; margin-top: 2px; gap: 8px; } .sniffy-cross-sell--mini-cart .sniffy-cross-sell__price { font-size: 14px; } .sniffy-cross-sell--mini-cart .sniffy-cross-sell__cta .sniffy-cross-sell__btn { padding: 8px 16px; font-size: 12px; } /* Bouton de l'upsell Pack Mix : enfant direct de .inner (pas dans .cta), il occupe toute la largeur pour rester lisible sur sa propre ligne. */ .sniffy-cross-sell--mini-cart .sniffy-cross-sell__inner > .sniffy-cross-sell__btn { width: 100%; padding: 9px 14px; font-size: 11.5px; } /* Le bloc upsell Pack Mix garde son texte de detail complet meme dans le mini-panier (contrairement au cross-sell simple, dont le tagline est masque ci-dessus pour rester compact). */ .sniffy-cross-sell--mini-cart.sniffy-mix-cart-upsell .sniffy-cross-sell__tagline { display: block; font-size: 11.5px; } @media (max-width: 575px) { .sniffy-mix-upsell, .sniffy-cross-sell__inner { padding: 12px; gap: 10px; } .sniffy-mix-upsell__btn, .sniffy-cross-sell__btn { width: 100%; box-sizing: border-box; } .sniffy-cross-sell__cta { flex-direction: column-reverse; align-items: stretch; width: 100%; margin-left: 0; } .sniffy-cross-sell__price { text-align: center; } } /* ============================================================ ENERGY POUCHES — Refonte prix & offres (body.product-id-51 uniquement) ============================================================ */ body.product-id-51 .product-prices { display: block !important; } body.product-id-51 .product-prices .current-price { display:flex; align-items:baseline; gap:10px; flex-wrap:wrap; } body.product-id-51 .product-prices .current-price-value { font-size:2.1rem; font-weight:800; color:#111 !important; } body.product-id-51 .product-prices .regular-price { font-size:1.1rem; color:#999; text-decoration:line-through; font-weight:500; } body.product-id-51 .product-prices .tax-shipping-delivery-label { display:none !important; } body.product-id-51 .productVariant[quantity="1"] { display:none !important; } /* Pack Mix 3 saveurs : reprend la classe native "productVariant" pour heriter exactement du meme gabarit (padding, hauteur, rayon de bordure, typographies) que les 3 autres encadres d'offre. Seule la bordure en pointilles le distingue a l'etat normal, et une bordure pleine verte quand il est selectionne (exactement comme une offre active). */ body.product-id-51 .productVariant.sniffy-packmix-block { border: 2px dashed #8ecb1f !important; cursor: pointer; } body.product-id-51 .productVariant.sniffy-packmix-block:hover, body.product-id-51 .productVariant.sniffy-packmix-block:focus-visible { background: #fafafa; outline: none; } body.product-id-51 .productVariant.sniffy-packmix-block.active { border: 3px solid #8ecb1f !important; background: #f6fff0; } /* Bouton "Ajouter au panier" pleine largeur sur mobile */ @media (max-width: 767px) { body.product-id-51 .product-add-to-cart .add-to-cart.btn.btn-primary { width: 100% !important; justify-content: center; } } /* Patch CSS pour item 1 : bloc prix unitaire en encadre selectionnable, au meme titre que les 4 autres blocs d'offre (2+1, 3+2, 5+4, Pack Mix). */ body.product-id-51 .productVariant.sniffy-ep-price-block { display: flex !important; justify-content: space-between !important; align-items: center !important; flex-wrap: wrap; row-gap: 4px; height: auto !important; min-height: 60px; margin-bottom: 16px; } body.product-id-51 .productVariant.sniffy-ep-price-block .sniffy-price-block-title { font-size: 14px; } body.product-id-51 .productVariant.sniffy-ep-price-block .current-price { margin: 0; } /* ==== Round 10 : alignement du prix unitaire (8,90 €) avec le libelle "PRIX A L'UNITE" ==== Le natif ajoute une marge basse de 20px sur ".product-price" (prevue pour un affichage empile, pas pour notre encadre flex sur une seule ligne) : le flex centre alors la boite AVEC cette marge, ce qui decale visuellement le texte du prix vers le haut par rapport au libelle. On neutralise cette marge pour que les deux textes soient bien alignes verticalement. */ body.product-id-51 .productVariant.sniffy-ep-price-block .product-price { margin: 0 !important; } /* ============================================================ SUPER SHOT — Refonte prix (body.product-id-46 uniquement) Meme traitement visuel que la fiche Energy Pouches (harmonisation demandee) : le bloc prix unitaire natif devient un encadre "carte d'offre" au meme gabarit que les paliers de pack (1/3/10), avec le meme libelle "🏷️ Prix a l'unite" et le meme style noir/gras. La logique JS associee fige aussi ce prix (meme bug natif que sur Energy Pouches : le theme recalcule a tort le prix unitaire des qu'un palier de pack est selectionne plus bas sur la page). ============================================================ */ body.product-id-46 .product-prices { display: block !important; } body.product-id-46 .product-prices .current-price { display:flex; align-items:baseline; gap:10px; flex-wrap:wrap; margin:0; } body.product-id-46 .product-prices .current-price-value { font-size:2.1rem; font-weight:800; color:#111 !important; } body.product-id-46 .product-prices .tax-shipping-delivery-label { display:none !important; } body.product-id-46 .productVariant[quantity="1"] { display:none !important; } @media (max-width: 767px) { body.product-id-46 .product-add-to-cart .add-to-cart.btn.btn-primary { width: 100% !important; justify-content: center; } } body.product-id-46 .productVariant.sniffy-ep-price-block { display: flex !important; justify-content: space-between !important; align-items: center !important; flex-wrap: wrap; row-gap: 4px; height: auto !important; min-height: 60px; margin-bottom: 16px; } body.product-id-46 .productVariant.sniffy-ep-price-block .sniffy-price-block-title { font-size: 14px; } body.product-id-46 .productVariant.sniffy-ep-price-block .current-price { margin: 0; } body.product-id-46 .productVariant.sniffy-ep-price-block .label-small { display: none !important; } body.product-id-46 .productVariant.sniffy-ep-price-block .product-price { margin: 0 !important; } /* ============================================================ CART FLAVOR EDITOR — styles (mini-panier + page panier) ============================================================ */ .sniffy-flavor-editor-wrap { width: 100%; margin-top: 10px; font-family: inherit; } .sniffy-flavor-editor-wrap--mini { padding: 10px 15px; border-top: 1px solid #e5e5e5; } .sniffy-flavor-editor-wrap--full { padding: 14px 0; border-top: 1px dashed #ccc; } .sniffy-flavor-editor-toggle { display: inline-flex; align-items: center; gap: 6px; background: #111; color: #fff; border: none; border-radius: 20px; padding: 7px 14px; font-size: 12px; font-weight: 700; text-transform: uppercase; letter-spacing: .03em; cursor: pointer; } .sniffy-flavor-editor-toggle:hover { background: #333; } .sniffy-flavor-editor-panel { margin-top: 10px; display: flex; flex-direction: column; gap: 8px; } .sniffy-flavor-editor-item { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; } .sniffy-flavor-editor-label { font-size: 13px; font-weight: 600; color: #333; min-width: 64px; } .sniffy-flavor-select { flex: 1 1 auto; min-width: 140px; padding: 6px 10px; border: 1px solid #ccc; border-radius: 8px; font-size: 13px; background: #fff; } .sniffy-flavor-select:disabled { opacity: .5; } .sniffy-flavor-editor-status { font-size: 12px; color: #666; min-height: 16px; } /* ============================================================ ROUND 5 - Item 1 : alignement du bloc prix unitaire Le natif ajoute un 3e enfant flex invisible (.label-small > "TTC", deja masque visuellement par une regle precedente) qui perturbe le justify-content:space-between (le bloc passe alors a la ligne et devient plus haut que les autres encadres d'offre, ce qui decale le contenu). On l'exclut totalement du flux flex. ============================================================ */ body.product-id-51 .productVariant.sniffy-ep-price-block .label-small { display: none !important; } /* ============================================================ ROUND 5 - Item 2 : le selecteur de saveurs est verrouille tant que le Pack Mix est selectionne (les 3 saveurs sont deja incluses). Les encadres d'offre (2+1/3+2/5+4) restent visibles/cliquables : on ne masque plus .product-discounts. ============================================================ */ body.product-id-51.sniffy-mix-flavor-locked .product-variants-item.type_color { opacity: .45; pointer-events: none; position: relative; } body.product-id-51.sniffy-mix-flavor-locked .product-variants-item.type_color::after { content: "Inclus dans le Pack Mix"; display: block; font-size: 11px; font-weight: 700; color: #7a2323; margin-top: 4px; } /* ============================================================ ROUND 5 - Item 3 : bouton "Appliquer" de l'editeur de saveurs du panier (v2 : validation groupee, sans rechargement). ============================================================ */ .sniffy-flavor-editor-apply { align-self: flex-start; margin-top: 4px; background: #e5e5e5; color: #888; border: none; border-radius: 20px; padding: 8px 18px; font-size: 12px; font-weight: 700; text-transform: uppercase; letter-spacing: .03em; cursor: not-allowed; transition: background .15s, color .15s; } .sniffy-flavor-editor-apply.is-dirty { background: #7a2323; color: #fff; cursor: pointer; } .sniffy-flavor-editor-apply.is-dirty:hover { background: #5c1a1a; } /* ==== Affichage permanent du nom de la saveur sous le pictogramme (Round 7 - fix positionnement) ==== */ .product-variants-item.type_color .input-container .color.texture { position: relative !important; overflow: visible !important; } .product-variants-item.type_color .input-container .corlor-tooltip { display: block !important; position: absolute !important; top: 100% !important; bottom: auto !important; left: 50% !important; transform: translateX(-50%) !important; opacity: 1 !important; visibility: visible !important; width: max-content !important; max-width: 70px !important; height: auto !important; margin: 4px 0 0 !important; padding: 0 !important; border: none !important; background: transparent !important; font-size: 10px !important; line-height: 1.15 !important; box-shadow: none !important; pointer-events: none !important; z-index: 5 !important; } .product-variants-item.type_color .input-container .corlor-tooltip::before { display: none !important; } .product-variants-item.type_color .input-container .corlor-tooltip .bg-tooltip { display: none !important; } .product-variants-item.type_color .input-container .corlor-tooltip .name-tooltip { display: block !important; width: max-content !important; max-width: 70px !important; color: #333 !important; white-space: normal !important; text-align: center !important; word-break: break-word !important; } .product-variants-item.type_color .input-container { position: relative !important; display: inline-flex !important; flex-direction: column !important; align-items: center !important; width: 76px !important; padding-bottom: 26px !important; margin: 3px 2px !important; vertical-align: top !important; } .product-variants-item.type_color ul#group_6 { padding-bottom: 4px; display: flex; flex-wrap: wrap; row-gap: 4px; } @media (max-width: 1024px) { .product-variants-item.type_color .input-container .corlor-tooltip { display: block !important; } } /* ==== Bouton "Ajouter au panier" toujours noir (Round 7 - fix bouton bleu persistant) ==== */ .add-to-cart.btn.btn-primary, .btn.btn-primary.js-an_stickyAddToCart-add-to-cart, button.btn.btn-primary[name="Submit"] { background-color: #000 !important; border-color: #000 !important; color: #fff !important; } .add-to-cart.btn.btn-primary:hover, .btn.btn-primary.js-an_stickyAddToCart-add-to-cart:hover { background-color: #222 !important; border-color: #222 !important; } /* ==== Masquage forcé du bouton "Commander maintenant" (Round 7 - filet de sécurité) ==== */ .js-buy-now { display: none !important; } /* ==== Round 9 : correction globale de la couleur bleue (Round 10 : rouge, Round 11 : texte de bouton gris illisible) par defaut du theme ==== */ /* Le theme utilise des variables CSS globales (--color-primary, --bg-color-btn, --color-price, --color-btn, etc.) qui restaient sur leurs valeurs par defaut (#1367ef bleu, #dc3545 rouge, #333333 gris fonce) car les champs correspondants du module sont vides ou sur le preset "dark" (pense pour un bouton a fond clair avec texte fonce, pas pour nos boutons a fond NOIR). On les force pour que TOUS les elements qui s'appuient dessus (bouton Connexion, titres des panneaux "Votre panier"/"MENU"/"Filtrez votre selection", liens survoles, prix affiches dans le panier via la classe native ".price", texte des boutons ".btn-primary" comme "Commander" dans le panier, etc.) soient corriges d'un seul coup — au lieu de rester en texte gris fonce (#333) illisible sur un fond que l'on force par ailleurs au noir. */ :root { --color-primary: #000 !important; --color-secondary: #000 !important; --bg-color-btn: #000 !important; --bg-color-btn-hover: #222 !important; --color-a-hover: #000 !important; --color-price: #000 !important; --color-btn: #fff !important; --color-btn-hover: #fff !important; } /* ==== Round 9 : masquage des blocs "Avis clients" ==== */ /* Fiche produit : compteur "X Avis Verifies / Note ..." */ .sniffy-social-counter { display: none !important; } /* Fiche produit : carrousel "Avis clients" (deja display:none par defaut, on le fige) */ .product-reviews-carousel-wrapper { display: none !important; } /* Page d'accueil : bloc "Excellent - Base sur X avis" + temoignage client */ .elementor-element-800f052 { display: none !important; } /* ==== Round 12 : miniatures photos produit plus petites et presentables (fiche produit, sous la grande photo) — desktop + mobile. Le theme fixe la largeur des vignettes a 25% du conteneur quelle que soit la taille d'ecran (via .item-image { flex-basis: 25% }), ce qui les rend trop grandes et sans espace entre elles. On reduit cette largeur et on ajoute un espacement + un cadre arrondi, avec une variante mobile un peu plus grande car l'ecran est plus etroit. ==== */ .product-images-thumb .item-image { flex-basis: 14% !important; padding: 0 4px !important; box-sizing: border-box; } .product-images-thumb .item-image .wrapper-imgs { border-radius: 8px; overflow: hidden; border: 1px solid #e2e2e2; } .product-images-thumb .item-image.swiper-slide-thumb-active .wrapper-imgs { border-color: #000; border-width: 2px; } @media (max-width: 1024px) { .product-images-thumb .item-image { flex-basis: 22% !important; padding: 0 3px !important; } } /* ==== Round 13 (1) : encadre Klarna "paiement en plusieurs fois". L'encadre rose est une image (klarna seul.png, ratio reel 780x180) inseree dans la description courte avec des dimensions forcees 380x131 qui l'ecrasent verticalement. On retablit le bon ratio et on rend l'image responsive et propre, sur desktop et mobile. */ .product-short-description img[src*="klarna"], .product-description-short img[src*="klarna"], #product-description-short-51 img[src*="klarna"], .product-information img[src*="klarna"] { width: 100% !important; max-width: 420px !important; height: auto !important; aspect-ratio: auto !important; object-fit: contain !important; display: block !important; margin: 14px 0 !important; } /* ==== Round 13 (2) : page categorie "Nos produits" (/2-nos-produits). Mise en page propre et alignee pour les 2 produits, desktop + mobile. Probleme corrige : les titres de longueurs differentes (SUPER SHOT sur 4 lignes vs Energy Pouches sur 2 lignes) desalignaient les prix et les bas de cartes ("des trucs qui ne correspondent pas"). */ /* Barre de filtres/tri inutile pour 2 produits : on l'epure */ .category-nos-produits #js-product-list-top, .category-nos-produits .nav-products-list-top { display: none !important; } /* Titre sur une hauteur fixe et centre -> les prix s'alignent entre les deux cartes, sans tronquer le texte */ .category-nos-produits .js-product-miniature .product_name { min-height: 84px !important; display: flex !important; align-items: center !important; justify-content: center !important; text-align: center !important; margin: 12px 0 6px !important; } .category-nos-produits .js-product-miniature .product_name a { display: block !important; line-height: 1.25 !important; } /* Prix centre et aligne */ .category-nos-produits .js-product-miniature .info-product, .category-nos-produits .js-product-miniature .product-price-and-shipping { text-align: center !important; justify-content: center !important; display: block !important; } /* On masque les pastilles de saveurs (encombrement + source de desalignement entre les deux cartes) pour une page epuree */ .category-nos-produits .js-product-miniature .variant-links-list { display: none !important; } /* Un peu d'air sous l'image */ .category-nos-produits .js-product-miniature .element-bottom { padding-top: 10px !important; } /* ==== Round 14 : page categorie "Nos produits" (/2-nos-produits) — suppression du sidebar de filtres et de la banniere promo "NEW STYLE", contenu en pleine largeur, grille des 2 produits centree et epuree. (La vue est forcee en mode grille par le JS, ce qui retire aussi l'encadre Klarna repete dans le listing.) ==== */ /* Masquer entierement la colonne laterale : filtres (Categories, Disponibilite, Prix), navigation, banniere "NEW STYLE", traducteur */ .category-nos-produits #left-column { display: none !important; } /* Le contenu (liste produits) passe en pleine largeur */ .category-nos-produits #content-wrapper.left-column { flex: 0 0 100% !important; max-width: 100% !important; width: 100% !important; } /* Masquer la section "Featured products" (vide : "No products at this time") */ .category-nos-produits .elementor-element-jtihtem { display: none !important; } /* Grille des 2 produits : centree et de largeur raisonnable. NB : le theme met les cartes en flex-basis:50%, donc pas de "gap" (qui ferait passer 50%+50%+gap au-dessus de 100% et casserait la disposition en 2 colonnes). On se contente de brider et centrer. */ .category-nos-produits .products.product-type-1 .wrapper-items { justify-content: center !important; max-width: 820px !important; margin: 0 auto !important; } /* ==== Round 15 : page categorie "Nos produits" — mise en page V2 en bandeaux pleine largeur alternes (clair / fonce), image d'un cote et contenu de l'autre (surtitre vert citron, titre, description, prix, bouton CTA). Remplace la grille de cartes de la Round 14. Les elements surtitre / description / CTA sont injectes par le JS. ==== */ .category-nos-produits .products.product-type-1 .wrapper-items{display:block !important;max-width:1240px !important;margin:0 auto !important;padding:26px 20px 10px !important;} .category-nos-produits .products.product-type-1 .item{width:100% !important;max-width:100% !important;flex-basis:auto !important;padding:0 !important;margin:0 0 34px !important;} .category-nos-produits .products.product-type-1 .js-product-miniature{display:flex !important;align-items:center !important;gap:56px !important;padding:44px !important;border-radius:26px !important;background:linear-gradient(180deg,#fafafa,#f1f1f1) !important;border:1px solid #ececec !important;height:auto !important;} .category-nos-produits .products.product-type-1 .item:nth-child(even) .js-product-miniature{flex-direction:row-reverse !important;background:linear-gradient(180deg,#0f0f0f,#1c1c1c) !important;border-color:#1c1c1c !important;} .category-nos-produits .js-product-miniature .element-top{flex:0 0 44% !important;max-width:44% !important;margin:0 !important;position:relative !important;} .category-nos-produits .js-product-miniature .element-top a{position:relative !important;display:block !important;} .category-nos-produits .js-product-miniature .element-top img{width:100% !important;height:auto !important;filter:drop-shadow(0 24px 40px rgba(0,0,0,.18)) !important;} .category-nos-produits .js-product-miniature .buttons-action,.category-nos-produits .js-product-miniature .element-top form{display:none !important;} .category-nos-produits .js-product-miniature .label-flags{position:absolute !important;top:8px !important;left:8px !important;z-index:3 !important;} .category-nos-produits .js-product-miniature .element-bottom{flex:1 1 auto !important;display:block !important;text-align:left !important;padding:0 !important;} .category-nos-produits .js-product-miniature .product-description{display:block !important;text-align:left !important;} .category-nos-produits .js-product-miniature .product_name{min-height:0 !important;display:block !important;text-align:left !important;text-transform:uppercase !important;font-size:clamp(22px,2.6vw,34px) !important;line-height:1.12 !important;margin:0 0 16px !important;align-items:initial !important;justify-content:initial !important;} .category-nos-produits .products.product-type-1 .item:nth-child(even) .product_name a{color:#fff !important;} .category-nos-produits .js-product-miniature .info-product,.category-nos-produits .js-product-miniature .product-price-and-shipping{text-align:left !important;justify-content:flex-start !important;margin:0 0 24px !important;font-size:30px !important;} .category-nos-produits .products.product-type-1 .item:nth-child(even) .info-product,.category-nos-produits .products.product-type-1 .item:nth-child(even) .info-product *{color:#fff !important;} .category-nos-produits .sniffy-eyebrow{display:inline-block !important;font-weight:800 !important;font-style:italic !important;letter-spacing:3px !important;text-transform:uppercase !important;font-size:13px !important;color:#8fbf16 !important;margin:0 0 14px !important;} .category-nos-produits .item:nth-child(even) .sniffy-eyebrow{color:#bff23d !important;} .category-nos-produits .sniffy-desc{color:#6d6d6d !important;font-size:15.5px !important;line-height:1.6 !important;margin:0 0 22px !important;max-width:460px !important;} .category-nos-produits .item:nth-child(even) .sniffy-desc{color:#c9c9c9 !important;} .category-nos-produits .sniffy-cta{display:inline-flex !important;align-items:center !important;gap:10px !important;background:#bff23d !important;color:#0c0c0c !important;text-decoration:none !important;font-weight:800 !important;letter-spacing:1.5px !important;text-transform:uppercase !important;font-size:14px !important;padding:16px 30px !important;border-radius:12px !important;transition:transform .15s ease,box-shadow .2s ease !important;} .category-nos-produits .sniffy-cta:hover{transform:translateY(-2px) !important;box-shadow:0 12px 26px rgba(191,242,61,.45) !important;} @media(max-width:820px){ .category-nos-produits .products.product-type-1 .js-product-miniature,.category-nos-produits .products.product-type-1 .item:nth-child(even) .js-product-miniature{flex-direction:column !important;gap:22px !important;padding:24px !important;text-align:center !important;} .category-nos-produits .js-product-miniature .element-top{flex:1 1 auto !important;max-width:78% !important;margin:0 auto !important;} .category-nos-produits .js-product-miniature .element-bottom,.category-nos-produits .js-product-miniature .product-description,.category-nos-produits .js-product-miniature .product_name,.category-nos-produits .js-product-miniature .info-product{text-align:center !important;justify-content:center !important;} .category-nos-produits .sniffy-desc{margin-left:auto !important;margin-right:auto !important;} } /* ==== Round 16 : HOME — nouveau hero "Choisis ton boost" avec les 2 produits + promesses (style energie noir/vert citron). On masque l'ancien hero (LayerSlider) et la section "Nos produits" en doublon juste en dessous. Le hero lui-meme est injecte par le JS. ==== */ .page-index #layerslider_1{display:none !important;} .page-index .elementor-element-1815235{display:none !important;} .page-index .sniffy-hero{position:relative;color:#fff;padding:54px 20px 60px;overflow:hidden;background:radial-gradient(1100px 560px at 12% -12%,rgba(191,242,61,.18),transparent 60%),radial-gradient(1000px 520px at 100% 120%,rgba(191,242,61,.10),transparent 55%),linear-gradient(180deg,#0b0b0b,#171717);} .page-index .sniffy-hero *{box-sizing:border-box;} .page-index .sniffy-hero::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);background-size:46px 46px;pointer-events:none;} .page-index .sniffy-hero-inner{position:relative;max-width:1200px;margin:0 auto;} .page-index .sniffy-hero-head{text-align:center;margin-bottom:40px;} .page-index .sniffy-hero .eyebrow{display:inline-block;font-family:'CyberverseOblique',sans-serif;font-style:italic;letter-spacing:4px;font-size:13px;color:#bff23d;margin-bottom:14px;text-transform:uppercase;} .page-index .sniffy-hero h1{font-family:'CyberverseOblique',sans-serif;font-style:italic;text-transform:uppercase;font-size:clamp(36px,6.5vw,70px);line-height:1;letter-spacing:2px;margin:0 0 14px;color:#fff;} .page-index .sniffy-hero h1 .g{color:#bff23d;} .page-index .sniffy-hero-head p{color:#b9b9b9;font-size:clamp(15px,1.6vw,18px);max-width:640px;margin:0 auto;} .page-index .sniffy-duo{display:grid;grid-template-columns:1fr 1fr;gap:28px;} .page-index .sniffy-pcard{background:linear-gradient(180deg,#141414,#1d1d1d);border:1px solid #2a2a2a;border-radius:22px;padding:26px;display:flex;flex-direction:column;align-items:center;text-align:center;transition:transform .25s,border-color .25s,box-shadow .25s;} .page-index .sniffy-pcard:hover{transform:translateY(-6px);border-color:#bff23d;box-shadow:0 24px 50px rgba(191,242,61,.15);} .page-index .sniffy-pcard img{width:100%;max-width:330px;height:auto;object-fit:contain;filter:drop-shadow(0 18px 30px rgba(0,0,0,.5));margin-bottom:4px;} .page-index .sniffy-pname{font-family:'CyberverseOblique',sans-serif;font-style:italic;text-transform:uppercase;font-size:clamp(18px,2vw,25px);letter-spacing:1px;margin:10px 0 8px;} .page-index .sniffy-promise{color:#ececec;font-size:16.5px;line-height:1.45;font-weight:600;margin:0 0 16px;min-height:2.9em;display:flex;align-items:center;justify-content:center;} .page-index .sniffy-tags{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-bottom:22px;} .page-index .sniffy-tags span{border:1px solid #3a3a3a;color:#cfcfcf;font-size:12px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;padding:6px 12px;border-radius:20px;} .page-index .sniffy-tags span.lime{border-color:#bff23d;color:#bff23d;} .page-index .sniffy-hcta{display:inline-flex;align-items:center;gap:10px;background:#bff23d;color:#0b0b0b !important;text-decoration:none;font-weight:800;letter-spacing:1.5px;text-transform:uppercase;font-size:14px;padding:15px 34px;border-radius:12px;transition:transform .15s,box-shadow .2s;margin-top:auto;} .page-index .sniffy-hcta:hover{transform:translateY(-2px);box-shadow:0 12px 26px rgba(191,242,61,.45);} @media(max-width:820px){.page-index .sniffy-duo{grid-template-columns:1fr;gap:18px;}.page-index .sniffy-promise{min-height:0;}} /* ==== Round 17 : Pack Mix — tuile sur la home + badge "Le plus choisi" sur l'offre Pack Mix de la fiche produit. (Autoplay des avis geree en JS.) */ /* Badge "Le plus choisi" sur le bloc Pack Mix de la fiche */ .sniffy-packmix-block{position:relative !important;overflow:visible !important;} .sniffy-mostchosen{position:absolute;top:-12px;right:16px;z-index:5;background:#bff23d;color:#0b0b0b;font-weight:800;font-size:11px;letter-spacing:.5px;text-transform:uppercase;padding:5px 12px;border-radius:20px;box-shadow:0 4px 12px rgba(0,0,0,.18);white-space:nowrap;} /* Tuile Pack Mix sur la home (juste apres le hero) */ .page-index .sniffy-mix{max-width:1200px;margin:26px auto 0;padding:0 20px;} .page-index .sniffy-mix-inner{position:relative;display:flex;align-items:center;gap:44px;background:linear-gradient(120deg,#0f0f0f 0%,#191919 60%,#20260a 100%);border:1px solid #2c2c2c;border-radius:24px;padding:30px 40px;overflow:hidden;text-decoration:none;} .page-index .sniffy-mix-inner::after{content:"";position:absolute;right:-80px;top:-80px;width:320px;height:320px;background:radial-gradient(circle,rgba(191,242,61,.22),transparent 65%);pointer-events:none;} .page-index .sniffy-mix-img{flex:0 0 300px;max-width:300px;position:relative;z-index:1;} .page-index .sniffy-mix-img img{width:100%;filter:drop-shadow(0 18px 30px rgba(0,0,0,.55));} .page-index .sniffy-mix-badge{position:absolute;top:16px;left:16px;z-index:2;background:#bff23d;color:#0b0b0b;font-weight:800;font-size:12px;letter-spacing:1px;text-transform:uppercase;padding:7px 14px;border-radius:30px;} .page-index .sniffy-mix-body{flex:1 1 auto;color:#fff;position:relative;z-index:1;} .page-index .sniffy-mix-eyebrow{font-family:'CyberverseOblique',sans-serif;font-style:italic;text-transform:uppercase;letter-spacing:3px;font-size:13px;color:#bff23d;margin-bottom:10px;} .page-index .sniffy-mix-title{font-family:'CyberverseOblique',sans-serif;font-style:italic;text-transform:uppercase;font-size:clamp(26px,3.4vw,42px);line-height:1;letter-spacing:1px;margin:0 0 12px;color:#fff;} .page-index .sniffy-mix-desc{color:#dcdcdc;font-size:16px;line-height:1.5;margin:0 0 18px;max-width:520px;} .page-index .sniffy-mix-cta-row{display:flex;align-items:center;gap:22px;flex-wrap:wrap;} .page-index .sniffy-mix-price{font-family:'CyberverseOblique',sans-serif;font-style:italic;font-size:30px;color:#fff;} .page-index .sniffy-mix-price small{display:block;font-family:'Lufga','Inter';font-style:normal;font-size:12px;color:#9a9a9a;letter-spacing:1px;text-transform:uppercase;} .page-index .sniffy-mix-cta{display:inline-flex;align-items:center;gap:10px;background:#bff23d;color:#0b0b0b !important;text-decoration:none;font-weight:800;letter-spacing:1.5px;text-transform:uppercase;font-size:14px;padding:15px 32px;border-radius:12px;transition:transform .15s,box-shadow .2s;} .page-index .sniffy-mix-cta:hover{transform:translateY(-2px);box-shadow:0 12px 26px rgba(191,242,61,.45);} @media(max-width:820px){.page-index .sniffy-mix-inner{flex-direction:column;text-align:center;padding:26px;gap:20px;}.page-index .sniffy-mix-img{flex:1 1 auto;max-width:230px;}.page-index .sniffy-mix-desc{margin-left:auto;margin-right:auto;}.page-index .sniffy-mix-cta-row{justify-content:center;}} /* ==== Round 20 : selecteur de saveurs (fiche produit, bloc "SAVEURS:") — vignettes agrandies + labels plus lisibles (semi-bold), espacement, et conservation de la bordure noire sur la saveur selectionnee. MIX 3 saveurs reste presente via le bloc "Pack Mix" dedie. */ .product-variants-item.type_color ul#group_6, .product-variants-item.type_color ul { display:flex !important; flex-wrap:wrap !important; gap:16px !important; row-gap:16px !important; align-items:flex-start !important; } .product-variants-item.type_color .input-container { width:96px !important; padding-bottom:34px !important; margin:3px 4px !important; } .product-variants-item.type_color .input-container .color.texture { width:72px !important; height:72px !important; background-size:cover !important; background-position:center !important; border-radius:50% !important; border:2px solid #e6e6e6 !important; transition:transform .15s ease, border-color .15s ease, box-shadow .15s ease !important; } .product-variants-item.type_color .input-container .color.texture:hover { transform:scale(1.05) !important; } .product-variants-item.type_color .input-container .input-color:checked + .color.texture { border:3px solid #000 !important; box-shadow:0 0 0 3px #fff inset !important; } .product-variants-item.type_color .input-container .corlor-tooltip { font-size:14px !important; font-weight:600 !important; max-width:96px !important; margin-top:8px !important; color:#222 !important; } .product-variants-item.type_color .input-container .corlor-tooltip .name-tooltip { max-width:96px !important; white-space:nowrap !important; font-weight:600 !important; color:#222 !important; } @media (max-width:768px){ .product-variants-item.type_color .input-container { width:80px !important; padding-bottom:30px !important; margin:3px 2px !important; } .product-variants-item.type_color .input-container .color.texture { width:60px !important; height:60px !important; } .product-variants-item.type_color .input-container .corlor-tooltip { font-size:13px !important; } .product-variants-item.type_color ul { gap:12px !important; row-gap:12px !important; } } /* ==== Round 22 : FAQ Super Shot (footer, page super-shot) — FAQ dediee reconstruite en accordeon custom (contenu specifique Super Shot). La surbrillance verte reste visible au survol ET quand la question est ouverte (correction du bug ou le vert disparaissait au clic). ==== */ .ss-faq{max-width:860px;margin:0 auto;text-align:left;} .ss-faq-item{border-bottom:1px solid rgba(255,255,255,.14);} .ss-faq-q{width:100%;text-align:left;background:transparent;border:0;cursor:pointer;color:#fff;font-family:'Lufga','Inter',sans-serif;font-weight:700;font-size:16px;padding:18px 8px;transition:color .2s ease;display:flex;justify-content:space-between;align-items:center;gap:16px;line-height:1.35;} .ss-faq-q:hover, .ss-faq-item.open > .ss-faq-q{color:#A0F909 !important;} .ss-faq-chev{flex:0 0 auto;font-size:24px;line-height:1;transition:transform .25s ease;color:inherit;font-weight:400;} .ss-faq-item.open .ss-faq-chev{transform:rotate(45deg);} .ss-faq-a{max-height:0;overflow:hidden;transition:max-height .3s ease;} .ss-faq-item.open .ss-faq-a{max-height:700px;} .ss-faq-a-inner{padding:0 8px 20px;color:#cfcfcf;font-size:15px;line-height:1.65;} /* Correction globale du bug de surbrillance sur la FAQ Elementor existante (autres pages) : la question ouverte garde bien le vert, comme au survol. */ .elementor-element-69cad177 .elementor-tab-title.elementor-active, .elementor-element-69cad177 .elementor-tab-title.elementor-active a, .elementor-element-69cad177 .elementor-tab-title.elementor-active:hover, .elementor-element-69cad177 .elementor-tab-title.elementor-active:hover a{ color:#A0F909 !important; } /* ===================== Round 24 : Bouton "Ajouter au panier" agrandi (PC uniquement) ===================== Fiche produit (Super Shot + Energy Pouches, meme template). On garde la MEME structure, MEME couleur (noir/texte blanc), MEME police (CyberverseOblique), majuscules, coins droits. On augmente seulement la taille sur ecran >= 992px. Le bouton "sticky" flottant n'est PAS touche (il est hors de .product-add-to-cart). */ @media (min-width:992px){ .product-add-to-cart button.add-to-cart.btn-primary, .product-add-to-cart button.add-to-cart{ font-size:18px !important; padding:18px 46px !important; min-height:60px !important; line-height:1.15 !important; } .product-add-to-cart button.add-to-cart.btn-primary i, .product-add-to-cart button.add-to-cart i{ font-size:22px !important; } } /* ===================== Round 25 : Fiche Energy Pouches — Pack Mix en tete ===================== L'offre "Pack Mix 3 saveurs" (avec son badge "Le plus choisi") remplace l'ancien encart "Prix a l'unite" en HAUT de la fiche, juste sous le titre. Le prix "A l'unite" (8,90 €) est desormais la 1ere carte de la liste des offres (avant 2+1/3+2/5+4). Cf. logique JS (movePriceBlock / buildPackMixBlock). */ /* Pack Mix en tete de fiche : espacement au-dessus (pour le badge a -12px et la separation avec le titre) et en-dessous (separation avec les saveurs). */ body.product-id-51 .summary-container > .sniffy-packmix-block{ margin: 24px 0 20px 0 !important; width: 100% !important; } /* La 1ere carte de la liste ("A l'unite") s'aligne sur l'espacement interne de la grille des paliers (12px). */ body.product-id-51 .productVariant.sniffy-ep-price-block{ margin-bottom: 12px !important; } /* ===================== Round 26 : Galerie produit — reservation de hauteur ===================== Empeche le "sautillement" au changement de saveur : pendant le rechargement AJAX de la galerie (avant que le carrousel ne soit re-initialise), le visuel principal s'effondrait a 0px, ce qui faisait remonter puis redescendre tout le contenu en dessous. On reserve la hauteur via le ratio natif des images produit (700x869) : la boite garde sa hauteur meme quand elle est momentanement vide. Quand le carrousel est actif, la hauteur reelle (posee en inline par Swiper) prend le dessus, donc aucun effet de bord. Fiches Super Shot (46) et Energy Pouches (51). */ body.product-id-46 .js-images-cover, body.product-id-51 .js-images-cover { aspect-ratio: 700 / 869; } /* ===================== Round 28 : Super Shot — bloc "Pack Best-Sellers" ===================== Meme principe visuel que le Pack Mix d'Energy Pouches, mais classe et scope distincts (product-id-46). Bandeau/encadre selectionnable en tete de fiche, bordure verte, badge "★ Le meilleur combo" (reutilise .sniffy-mostchosen). Ne touche NI au code NI au CSS d'Energy Pouches. */ body.product-id-46 .productVariant.sniffy-packbest-block { border: 2px dashed #8ecb1f !important; cursor: pointer; } body.product-id-46 .productVariant.sniffy-packbest-block:hover, body.product-id-46 .productVariant.sniffy-packbest-block:focus-visible { background: #fafafa; outline: none; } body.product-id-46 .productVariant.sniffy-packbest-block.active { border: 3px solid #8ecb1f !important; background: #f6fff0; } body.product-id-46 .summary-container > .sniffy-packbest-block { margin: 24px 0 20px 0 !important; width: 100% !important; } .sniffy-packbest-block { position: relative !important; overflow: visible !important; } /* ===================== Round 29 : Home — rangee "offres/packs" au-dessus des 2 cartes produits ===================== Reutilise exactement le format des cartes produits (.sniffy-pcard). La rangee des offres est separee de la rangee produits par une marge. Le placeholder d'image (.sniffy-offer-ph) occupe le meme espace que l'image produit et sera remplace par le vrai visuel (remplacer le <div class="sniffy-offer-ph"> par un <img> dans le JS). */ .page-index .sniffy-offers-duo { margin-bottom: 28px; } .page-index .sniffy-pcard .sniffy-offer-ph { width: 100%; max-width: 330px; aspect-ratio: 1 / 1; margin-bottom: 4px; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 10px; border: 2px dashed #3a3a3a; border-radius: 16px; background: linear-gradient(180deg, #101010, #191919); color: #8a8a8a; } .page-index .sniffy-pcard .sniffy-offer-ph-ico { font-size: 54px; line-height: 1; filter: grayscale(.15); } .page-index .sniffy-pcard .sniffy-offer-ph-txt { font-size: 12px; font-weight: 700; letter-spacing: 1px; text-transform: uppercase; color: #9a9a9a; } /* ROUND 34 : conteneur du vrai visuel de la declinaison (charge dynamiquement). Occupe le meme espace que l'image des cartes produits classiques. */ .page-index .sniffy-pcard .sniffy-offer-img { width: 100%; max-width: 330px; margin-bottom: 4px; display: flex; align-items: center; justify-content: center; } .page-index .sniffy-pcard .sniffy-offer-img > .sniffy-offer-ph { width: 100%; margin-bottom: 0; } .page-index .sniffy-pcard .sniffy-offer-img img { width: 100%; max-width: 330px; height: auto; object-fit: contain; filter: drop-shadow(0 18px 30px rgba(0,0,0,.5)); } /* ===================== Round 31 : Super Shot — corrections ===================== (d) Libellés de saveurs : autoriser le retour a la ligne et centrer, pour que "Fruit de la passion" ne deborde plus sur "Fraise Bonbon". On surcharge le white-space:nowrap pose plus haut. Applique aux 2 fiches (46 et 51). */ body.product-id-46 .product-variants-item.type_color .input-container .corlor-tooltip, body.product-id-51 .product-variants-item.type_color .input-container .corlor-tooltip, body.product-id-46 .product-variants-item.type_color .input-container .corlor-tooltip .name-tooltip, body.product-id-51 .product-variants-item.type_color .input-container .corlor-tooltip .name-tooltip { white-space: normal !important; word-break: break-word !important; overflow-wrap: break-word !important; text-align: center !important; width: 96px !important; max-width: 96px !important; line-height: 1.2 !important; } @media (max-width: 1024px) { body.product-id-46 .product-variants-item.type_color .input-container .corlor-tooltip, body.product-id-51 .product-variants-item.type_color .input-container .corlor-tooltip, body.product-id-46 .product-variants-item.type_color .input-container .corlor-tooltip .name-tooltip, body.product-id-51 .product-variants-item.type_color .input-container .corlor-tooltip .name-tooltip { width: 80px !important; max-width: 80px !important; } } /* ROUND 32 : les paliers "3 Packs / 10 Packs" sont TOUJOURS affiches (meme quand le Pack Best-Sellers est selectionne). Leurs prix sont figes cote JS (fixTierPrices) pour rester corrects (12,40 / 9,80). L'ancien masquage (Round 31) est retire. */ /* ===================== Round 33 : Super Shot — nettoyage bloc "A l'unite" ===================== Quand un palier (3/10 Packs) est selectionne, le theme ajoute un prix barre "14,80 €" dans le bloc "A l'unite" (identique au prix courant = redondant et confus). Le prix a l'unite est toujours 14,80 € sans remise, on masque donc ce prix barre dans ce bloc. */ body.product-id-46 .product-prices.sniffy-ep-price-block .regular-price { display: none !important; }