.cart-drawer .button:hover{color:#010101!important;background:#fafafa!important}.cart-drawer .button{background:#CAF760!important;color:#010101!important}.la-section-du-texte p{text-align:center}.comparison-grid-template--20813320552701__ss_comparison_table_12_ay9QEV>.comparison-item-template--20813320552701__ss_comparison_table_12_ay9QEV:first-child{text-align:left!important}.titre-produit{font-weight:400!important}.cart-line-price--compare{text-decoration:line-through;opacity:0.7;margin-right:0.25rem}@media(max-width:768px){.section-top-ant{padding-left:30px!important;padding-right:30px!important;padding-top:60px!important;padding-bottom:60px!important}.ritual-button{padding:10px 24px!important}.hero-glow__button{padding:10px 24px!important}.ritual-carousel__cta a{padding:10px 24px!important}.price-list--product{justify-content:start!important}.cta-bar__btn{padding:10px 24px!important}}@media(min-width:968px){.section-top-ant{padding:100px}}.cart-line-price--final{font-weight:600}.cart-checkout-compare{margin-left:0.35rem;text-decoration:line-through;opacity:0.7;font-weight:400;font-size:0.9em}@media(max-width:768px){.bouton-personnalise{display:none!important}}.conteneur-large{max-width:950px;margin-left:auto;margin-right:auto}/* Sprint9 a11y (26-07-2026) : .link-faded 0.65->0.9 = ratio 5.0:1 sur fond #fafafa (WCAG AA 4.5). Ne pas rebaisser. */.link-faded{color:rgb(var(--text-color)/ .9)}/* Sprint11 a11y (26-07-2026) : cible tactile >=24x24px sur les puces Swiper (audit target-size accueil). Le point visible reste identique (background-clip:content-box) ; seul l'espacement s'elargit legerement. */.swiper-pagination-bullet{padding:8px!important;background-clip:content-box!important;box-sizing:content-box!important;margin:0!important}/* UX 2026-08-08 : cartes produit — meme hierarchie de titre que le H1 PDP (Sprint16b) : ligne 1 gras avant le premier tiret (— / –) ou prefixe Frosteam Harmony / Frosteam ; ligne 2 plus petite non grasse. Voir snippets/product-card.liquid. */.product-card .product-title__main{display:block;font-weight:700}.product-card .product-title__sub{display:block;font-size:.85em;font-weight:400;line-height:1.35;margin-top:1px}.product-card .product-title:has(.product-title__sub){--line-clamp-count:3}
/* ============================================================
   Sprint24 (10 aout 2026) — Socle typo + finitions accueil + mobile
   Complements : templates/index.json (titres -> montserrat_n8,
   sous-titre onglets 20/18px, video-carousel padding 40),
   config/settings_data.json (base 18px desktop / 16px mobile).
   Rollback : retirer ce bloc + restaurer les 2 fichiers ci-dessus.
   ============================================================ */
/* S24-1 : longueur de ligne plafonnee (~65ch) sur les blocs de texte longs de l'accueil */
[id*="__rich_text"] .prose{max-width:65ch;margin-inline:auto}
.ss-text-wrapper .ss-content{max-width:65ch;margin-inline:auto}
[class*="before-after-text-"]{max-width:65ch;margin-inline:auto}
.la-section-du-texte{max-width:65ch;margin-inline:auto}
/* S24-2 : bloc onglets (ss-feature-15) — descriptions en romain gris (contraste 7:1 sur #fafafa) */
[id*="ss_feature_15"] [class*="feature-text-"] em{font-style:normal;color:#5a5a5a}
/* S24-3 : bloc onglets — respiration entre les paires numerotees (la section ecrase les marges via *{margin:0}) */
[id*="ss_feature_15"] [class*="feature-text-"] p+p{margin-top:14px}
/* S24-4 : RETIRE le 10-08 a la demande de Ritchie — preference pour la barre d'onglets « lean »
   (icones seules sur mobile, comme le live) ; le nom de l'onglet actif reste affiche par le
   sous-titre sous la barre. Ne pas reintroduire de libelles sans redemander. */
/* S24-5 : hero — les 6 pastilles de certification tiennent sur une ligne des 360px (gap 24->12, centrees) */
@media(max-width:768px){
[id*="ss_hero_26"] [class*="hero-icons-wrap-"] [class*="hero-icons-"]{gap:12px !important;justify-content:center !important}
}
/* S24-6 : temoignages — cible tactile du bouton "read more" (14px -> >=26px de haut), texte inchange visuellement */
.testimonials-slide-text-btn{padding:6px 10px !important;margin:4px 0 0 -10px !important;min-height:24px}
/* S24-7 : rythme mobile du carrousel video aligne sur les autres sections (60px -> 30px vertical) */
@media(max-width:768px){
section[class*="ss-video-carousel-"]{padding:30px 24px !important}
}
/* S24-8 : footer mobile — le nowrap coupait les liens longs au bord de l'ecran ;
   retour a la ligne autorise + zone tactile elargie (~24px de haut) */
@media(max-width:699px){
.footer__block--links a{white-space:normal !important;overflow-wrap:anywhere;display:inline-block;padding:4px 6px}
}
/* S24-9 : bloc onglets desktop — fleches a -32px chevauchaient le texte ; -56px = juste a l'exterieur du contenu */
@media(min-width:1024px){
[id*="ss_feature_15"] [class*="feature-btn-prev-"]{left:-56px !important}
[id*="ss_feature_15"] [class*="feature-btn-next-"]{right:-56px !important}
}
/* S24-10 : deux voix typographiques — titres restes en 400/700 passes en Montserrat 800
   (les toggles *_custom sont OFF dans ces sections : le font_picker des reglages est inerte,
   d'ou la normalisation CSS ; la famille Montserrat est deja appliquee par les custom_css de section) */
[class*="before-after-title-"],[class*="before-after-title-"] *{font-weight:800}
[id*="ss_before_after"] [class*="before-after-item-title-"]{font-weight:800}
[id*="ss_feature_47"] [class*="feature-title-"]{font-weight:800}
[id*="image_hauteur_ajustable"] h2{font-weight:800}
/* S24-12 : bloc onglets — icone de l'onglet ACTIF passee en blanc (les PNG noirs disparaissaient
   sur le fond noir actif ; le SVG nano restait gris fonce). invert+brightness = blanc uniforme. */
[id*="ss_feature_15"] [class*="feature-thumbs-slide-"].swiper-slide-thumb-active [class*="feature-thumbs-icon-"] img{filter:invert(1) brightness(1.6)}