/* Paraland — style du site (plhome 1.0.43, 27/10/2026), issu de la maquette « esprit Apple » validée par Imed :
   police Inter (hébergée, 1 fichier de 48 Ko au lieu des 4 Montserrat), beaucoup de blanc et d'air, en-tête fin et
   translucide, icônes fines, une seule étiquette par produit, pastels Paraland en touches (cartes, cases).
   /themes/paraland9/assets/fonts/ est remplacé par le dossier des polices du thème. */
@font-face{font-family:Inter;font-style:normal;font-weight:400 700;font-display:swap;src:url(/themes/paraland9/assets/fonts/inter-latin-var.woff2) format("woff2")}
:root{--pa-ink:#1d1d1f;--pa-ink2:#6e6e73;--pa-gray:#f5f5f7;--pa-line:rgba(0,0,0,.08);--pa-green:#4a6a2a;--pa-violet:#3b1f55;--pa-font:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;--bs-body-font-family:var(--pa-font);--bs-font-sans-serif:var(--pa-font)}
body,button,input,select,textarea,.btn,h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6{font-family:var(--pa-font)!important}
body{color:var(--pa-ink);letter-spacing:-.011em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
h1,h2,h3,.h1,.h2,.h3{font-weight:600!important;letter-spacing:-.025em;color:var(--pa-ink)}

/* Reprise de modules/ybc_blog/views/css/fix17.css (fichier retiré de la page par plhome 1.0.50, pour la vitesse) */
.blog-category.has-blog-image .ybc_item_img{margin-bottom:20px}
#footer_account_list>li{padding:0;width:100%!important}
#footer_account_list>li .ss_icon_group{display:none}
#footer_account_list li{width:100%;padding:0}

/* Bandeau du haut : lavande très léger (violet du logo), pour se distinguer de la barre de recherche grise.
   Contrastes vérifiés (accessibilité) : textes ≥ 5,3:1 sur ce fond */
.pl-topbar{background:#f1ebf7!important;color:var(--pa-ink)!important;font-size:.75rem}
.pl-topbar a{color:var(--pa-ink)!important}
.pl-topbar .pl-topbar__inner{min-height:2rem;height:2rem}
.pl-topbar .pl-topbar__info{color:#55555a!important}
.pl-topbar .pl-topbar__miles{color:var(--pa-green)!important;font-weight:600}
/* Facebook et Instagram (plhome 1.0.47) : barre du haut et pied de page */
.pl-topbar__right{display:flex;align-items:center;gap:.25rem}
/* Tout au centre de la bande grise (le bloc « Mes Miles » faisait 40 px dans une bande de 32 px) */
.pl-topbar .pl-topbar__right,.pl-topbar .pl-topbar__miles,.pl-topbar .pl-topbar__links{height:2rem!important;min-height:0!important;margin-top:0!important;margin-bottom:0!important;padding-top:0!important;padding-bottom:0!important;align-items:center!important}
.pl-topbar .pl-topbar__social{display:inline-flex;align-items:center;justify-content:center;width:1.75rem;height:1.75rem;border-radius:50%;color:#55555a!important;transition:color .2s,background-color .2s}
.pl-topbar .pl-topbar__social:hover{color:var(--pa-violet)!important;background:#e4d9ef}
.pl-topbar .pl-topbar__social+.pl-topbar__miles,.pl-topbar .pl-topbar__social+a:not(.pl-topbar__social){margin-left:.5rem}
/* Téléphone (28/10, souhait d'Imed) : téléphone + Facebook / Instagram / WhatsApp centrés dans la barre du haut ;
   « Livraison gratuite dès 99 DT » entre le logo et les icônes (thème paraland9, _partials/header.tpl) */
.pl-mfreeship{display:none}
@media (max-width:767.98px){
/* barre du haut en 5 colonnes : téléphone tout à gauche, les 3 réseaux sociaux au centre, « Brand Miles » (visiteur)
   tout à droite ; les icônes restent centrées même sans « Brand Miles » (client connecté) */
.pl-topbar .pl-topbar__inner{display:grid!important;grid-template-columns:1fr auto auto auto 1fr;align-items:center;column-gap:.25rem}
.pl-topbar .pl-topbar__links{grid-column:1;justify-self:start}
/* liens de la barre (« Tél », « Brand Miles ») faciles à toucher : 28 px de haut au lieu de 18 (24 px conseillés, WCAG 2.5.8) */
.pl-topbar .pl-topbar__links a:not(.pl-topbar__hide-sm),.pl-topbar .pl-topbar__miles{display:inline-flex;align-items:center;min-height:1.75rem}
.pl-topbar .pl-topbar__info{display:none!important}
.pl-topbar .pl-topbar__right{display:contents!important}
.pl-topbar .pl-topbar__miles{grid-column:5;justify-self:end;margin-left:0!important}
.header-bottom .header-bottom__row>.header-bottom__logo{flex:0 0 auto!important}
/* une seule ligne quand la place le permet (grands téléphones), sinon « Livraison gratuite » / « dès 99 DT » (choix A d'Imed) */
.header-bottom__row>.pl-mfreeship{order:1;flex:1 1 0;min-width:0;display:flex;flex-direction:row;flex-wrap:wrap;column-gap:.25em;row-gap:0;align-items:center;align-content:center;justify-content:center;text-align:center;font-size:.6875rem;font-weight:600;line-height:1.25;color:var(--pa-green);padding:0 .25rem}
.pl-mfreeship span{white-space:nowrap}
}
.pl-social-footer__title{font-weight:600}
.pl-social-footer__list{display:flex;flex-wrap:wrap;gap:.5rem;margin:.75rem 0 1rem;padding:0;list-style:none}
.pl-social-footer__list a{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem .9rem;border-radius:999px;background:#f3eef8;color:var(--pa-violet)!important;font-size:.875rem;font-weight:500;text-decoration:none}
.pl-social-footer__list a:hover{background:#e8def3}

/* En-tête : fin, blanc translucide flouté, collé en haut */
#header,header#header,body>header,header.header{position:sticky;top:0;z-index:1030;background:rgba(255,255,255,.82)!important;-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px);border-bottom:1px solid var(--pa-line);box-shadow:none!important}
.header-bottom{background:transparent!important;border:0!important}
/* (28/10) Téléphone / tablette : sans flou. Le flou (backdrop-filter) enfermait le menu latéral (position fixe) dans
   la hauteur de l'en-tête : panneau de 140 px, seules « Promos » et « Marques » visibles (remarque d'Imed) */
@media (max-width:1199.98px){#header,header#header,body>header,header.header{-webkit-backdrop-filter:none!important;backdrop-filter:none!important;background:#fff!important}}

/* Icônes fines (dessinées ici) à la place des icônes pleines de la police */
.pls-mobile__open .header-block__icon,.ps-customersignin .header-block__icon,.ps-shoppingcart .header-block__icon,.plm-burger>.material-icons{font-size:0!important;width:1.375rem;height:1.375rem;display:inline-block;background:currentColor;-webkit-mask:var(--pa-ico) center/contain no-repeat;mask:var(--pa-ico) center/contain no-repeat}
.pls-mobile__open .header-block__icon{--pa-ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round'%3E%3Ccircle cx='10.5' cy='10.5' r='6.5'/%3E%3Cpath d='M15.5 15.5 20 20'/%3E%3C/svg%3E")}
.ps-customersignin .header-block__icon{--pa-ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round'%3E%3Ccircle cx='12' cy='8' r='4'/%3E%3Cpath d='M4.5 20.5c1.2-3.7 4-5.7 7.5-5.7s6.3 2 7.5 5.7'/%3E%3C/svg%3E")}
.ps-shoppingcart .header-block__icon{--pa-ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 8h14l-1.2 12.2H6.2L5 8Z'/%3E%3Cpath d='M9 10V7a3 3 0 0 1 6 0v3'/%3E%3C/svg%3E")}
.plm-burger>.material-icons{--pa-ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round'%3E%3Cpath d='M4 9h16M4 15h16'/%3E%3C/svg%3E")}

@media (max-width:767.98px){
.header-bottom__container{padding-top:.25rem!important;padding-bottom:.5rem!important}
.header-bottom__row{flex-wrap:wrap!important;align-items:center;justify-content:flex-end!important;row-gap:.375rem!important;column-gap:.25rem}
.header-bottom__row>.header-bottom__logo{order:0;flex:1 1 auto!important;max-width:none!important;justify-content:flex-start!important}
.header-bottom .header-bottom__logo .logo{max-height:2.6rem!important;max-width:8rem!important}
/* Barre de recherche gardée (souhait d'Imed) : 2e ligne, toute la largeur, fond gris clair */
.header-bottom__row>.pls-mobile{order:5;flex:0 0 100%!important;max-width:100%!important}
.pls-mobile .pls-mobile__open{height:2.5rem;border:0!important;background:#efeff2!important;border-radius:.75rem!important;color:var(--pa-ink2)!important;font-size:.9375rem}
.pls-mobile .pls-mobile__open .header-block__icon{width:1.125rem;height:1.125rem}
.header-bottom__row>#_mobile_ps_customersignin{order:2;flex:0 0 auto!important}
.header-bottom__row>#_mobile_ps_shoppingcart{order:3;flex:0 0 auto!important}
.header-bottom__row>.plm-wrap{order:4;flex:0 0 auto!important}
.plm-burger::after,#_mobile_ps_customersignin .header-block__action-btn::after,#_mobile_ps_shoppingcart .header-block__action-btn::after,#_mobile_ps_customersignin .dropdown-toggle::after{content:none!important}
.plm-burger,#_mobile_ps_customersignin .header-block__action-btn,#_mobile_ps_shoppingcart .header-block__action-btn{width:2.5rem;height:2.5rem;justify-content:center;padding:0!important;color:var(--pa-ink)!important}
#_mobile_ps_customersignin .header-block__title,#_mobile_ps_shoppingcart .header-block__title{display:none!important}
#_mobile_ps_shoppingcart .header-block__badge{left:auto!important;right:.1rem!important;top:.1rem!important;background:var(--pa-green)!important;color:#fff!important;font-size:.625rem;min-width:1rem;height:1rem;line-height:1rem}
/* Les 3 icônes (compte, panier, menu) sur la même ligne, centrées sur le logo (souhait d'Imed) */
.header-bottom__row>#_mobile_ps_customersignin,.header-bottom__row>#_mobile_ps_shoppingcart,.header-bottom__row>.plm-wrap{align-self:center!important;display:flex!important;align-items:center!important;height:2.5rem!important;margin-top:0!important;margin-bottom:0!important;padding-top:0!important;padding-bottom:0!important}
#_mobile_ps_customersignin .ps-customersignin,#_mobile_ps_customersignin .header-block,#_mobile_ps_customersignin .dropdown,#_mobile_ps_shoppingcart .ps-shoppingcart,#_mobile_ps_shoppingcart .header-block{display:flex!important;align-items:center!important;height:2.5rem;margin:0!important;padding:0!important}
}

/* Ordinateur : grande barre de recherche, du logo jusqu'au compte, alignée à gauche sur le menu (souhait d'Imed),
   fond gris clair comme sur téléphone */
@media (min-width:1200px){
.header-bottom .header-bottom__row>#_desktop_ps_searchbar{justify-self:stretch!important;width:100%!important;max-width:none!important;margin-left:0!important;margin-right:0!important}
#_desktop_ps_searchbar .pls{max-width:none!important;width:100%!important}
}
#_desktop_ps_searchbar .pls__input{background:#efeff2!important;border-color:transparent!important;border-radius:.75rem!important;font-size:.9375rem}
#_desktop_ps_searchbar .pls__input:focus{background:#fff!important;border-color:var(--pa-green)!important;box-shadow:0 0 0 4px rgba(74,106,42,.15)!important}
#_desktop_ps_searchbar .pls__icon{color:var(--pa-ink2)}

/* Catégories calées sur la barre de recherche : la première commence au début de la barre, la dernière finit à sa fin,
   écarts réguliers (souhait d'Imed, 27/10 ; avant : centrées et plus larges que la barre). Seulement à partir de 1400 px :
   en dessous, la barre est trop courte pour les 9 catégories, le menu garde sa disposition d'origine. */
/* 28/10 (remarque d'Imed) : la ligne du menu va du début de la barre de recherche jusqu'au bord droit (celui de la
   bannière) ; catégories à intervalles réguliers depuis le début de la barre, « Promos » et « Marques » groupés au bout */
@media (min-width:1200px){
.header-bottom__row>.plm-wrap{grid-column:2 / 4!important;min-width:0!important;width:auto!important;display:flex!important;justify-content:stretch!important;overflow:visible!important;padding-right:0!important}
.plm-wrap .plm{flex:1 1 auto!important;width:100%!important;max-width:none!important}
.plm-wrap .plm__l1{justify-content:flex-start!important;width:100%!important;gap:0!important;flex-wrap:nowrap!important}
.plm-wrap .plm__a1{padding-left:.55rem!important;padding-right:.55rem!important;white-space:nowrap}
.plm-wrap .plm__i1:first-child>.plm__a1{padding-left:0!important}
.plm-wrap .plm__i1--promos{margin-left:auto!important;margin-right:.375rem}
/* boutons centrés sur la ligne : leur texte à la même hauteur que celui des catégories (ils étaient 9 px trop haut) */
.plm-wrap .plm__i1--promos,.plm-wrap .plm__i1--brands{align-self:center!important}
/* ligne du menu centrée entre le trait du haut et le bas de l'en-tête (elle était 4 px plus près du trait) */
.plm-wrap .plm__l1{padding-top:4px!important}
}
@media (min-width:1200px) and (max-width:1399.98px){.plm-wrap .plm__a1{padding-left:.35rem!important;padding-right:.35rem!important}}

/* Ordinateur : menu en petites lettres normales (pas de majuscules) */
@media (min-width:1200px){
.plm__a1,.ps-mainmenu__tree-link{text-transform:none!important;font-weight:500!important;font-size:.8125rem!important;color:var(--pa-ink)!important;letter-spacing:-.01em!important;opacity:.85}
.plm__a1:hover{opacity:1}
}

/* Accueil : titres larges ; cartes catégories gardent leurs pastels (souhait d'Imed) */
.pl-home .pl-h1,.pl-home .pl-h2{font-size:clamp(2rem,5vw,3.5rem);line-height:1.07}
.pl-cat-card{border-radius:1.375rem!important;box-shadow:none!important;transition:transform .3s cubic-bezier(.25,.1,.25,1),box-shadow .3s}
@media (hover:hover){.pl-cat-card:hover{transform:scale(1.015);box-shadow:0 .5rem 2rem rgba(0,0,0,.08)!important}}
.pl-cat-card h2,.pl-cat-card h3,.pl-cat-card__title{font-weight:600!important}
/* Cartes « Trouvez votre soin » sur grand écran (28/10, Imed) : une rangée qui défile (8 cartes), cartes calées pour que
   4 (1200-1399 px) ou 5 (≥ 1400 px) tiennent exactement dans la largeur du site, la 1re alignée sur la bannière */
@media (min-width:1200px){.pl-cats .pl-carousel__slide{width:calc((1140px - 3 * 12px) / 4)!important;flex:0 0 auto!important}}
@media (min-width:1400px){.pl-cats .pl-carousel__slide{width:calc((1320px - 4 * 12px) / 5)!important}}
.pl-cat-card .btn,.pl-home .btn-dark{background:var(--pa-ink)!important;border-color:var(--pa-ink)!important;border-radius:999px!important;font-weight:500!important}

/* Bannières : une bannière seule prend toute la largeur (pas de vide réservé à la suivante) ;
   bouton blanc, lisible sur les bannières sombres comme claires */
.pl-hero .pl-carousel__slide:only-child{width:100%!important}
.pl-hero__cta,.pl-banner__cta{background:#fff!important;color:var(--pa-ink)!important;border:0!important;box-shadow:0 .25rem 1rem rgba(0,0,0,.18)}

/* Recherche par besoin (plhome 1.0.46) : pastilles sur l'accueil et en haut des pages /besoin/… */
.pl-needs{margin-top:1.5rem;margin-bottom:.5rem}
.pl-needs__title{margin:0 0 .625rem;font-size:1rem!important;font-weight:600!important;letter-spacing:-.01em}
.pl-needs__list{display:flex;flex-wrap:wrap;gap:.5rem;margin:0;padding:0;list-style:none}
@media (max-width:767.98px){.pl-needs__list{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;padding-bottom:.25rem;margin-right:-.75rem}.pl-needs__list::-webkit-scrollbar{display:none}.pl-needs__list>li{flex:0 0 auto}}
.pl-need{display:inline-block;padding:.5rem 1rem;border-radius:999px;background:#f3eef8;color:var(--pa-violet)!important;font-size:.875rem;font-weight:500;text-decoration:none;white-space:nowrap;transition:background-color .2s}
.pl-need:hover{background:#e8def3}
.pl-need.is-current{background:var(--pa-violet);color:#fff!important}
.pl-besoin{padding:1.5rem 0 2rem}
.pl-besoin__head{margin-bottom:1.25rem}
.pl-besoin__lead{margin:.375rem 0 0;color:var(--pa-ink2)}
.pl-besoin__needs{margin-bottom:2rem}
.pl-besoin__routines{margin-bottom:2.5rem}
.pl-besoin__h2{font-size:1.375rem!important;margin-bottom:1rem}
.pl-besoin__pages{display:flex;align-items:center;justify-content:center;gap:1rem;margin-top:2rem;color:var(--pa-ink2)}

/* Nos packs (plhome 1.0.45) */
.pl-packs__lead{margin:.375rem 0 0;font-size:.9375rem;color:var(--pa-ink2)}

/* Routines de nos conseillères (plhome 1.0.45) : cartes pastel, étapes numérotées, total et ajout en un clic */
.pl-routines__rail>.pl-routine{width:min(86vw,22rem);display:flex;flex-direction:column;gap:.75rem;padding:1.5rem;border-radius:1.375rem;color:var(--pa-ink)}
.pl-routine.pl-cat-card--1{background:#eef3e6}
.pl-routine__need{margin:0;font-size:.75rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--pa-green)}
.pl-routine__title{margin:0;font-size:1.375rem!important;line-height:1.15}
.pl-routine__intro{margin:0;font-size:.875rem;line-height:1.45;color:#424245}
.pl-routine__steps{list-style:none;margin:.25rem 0 0;padding:0;display:flex;flex-direction:column;gap:.5rem}
.pl-routine__link{display:flex;align-items:center;gap:.75rem;padding:.5rem;border-radius:.875rem;background:rgba(255,255,255,.75);color:var(--pa-ink);text-decoration:none}
.pl-routine__link:hover{background:#fff;color:var(--pa-ink)}
.pl-routine__link img{flex:0 0 3.5rem;width:3.5rem;height:3.5rem;object-fit:contain;border-radius:.625rem;background:#fff}
.pl-routine__text{display:flex;flex-direction:column;min-width:0}
.pl-routine__label{font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.03em;color:var(--pa-ink2)}
.pl-routine__name{font-size:.8125rem;font-weight:500;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.pl-routine__price{font-size:.8125rem;font-weight:600}
.pl-routine__step.is-out .pl-routine__link{opacity:.55}
.pl-routine__step.is-out .pl-routine__price{color:#b42318;font-weight:500}
.pl-routine__foot{margin-top:auto;display:flex;flex-direction:column;gap:.75rem;padding-top:.5rem}
.pl-routine__total{margin:0;display:flex;justify-content:space-between;align-items:baseline;font-size:.875rem;color:#424245}
.pl-routine__total strong{font-size:1.25rem;color:var(--pa-ink)}
.pl-routine__add{width:100%;height:2.875rem}

/* Cartes produits : sans bordure, photo sur fond blanc (souhait d'Imed), titre noir */
.product-miniature .card,.product-miniature__inner{border:0!important;box-shadow:none!important;border-radius:1.125rem!important;background:#fff}
.product-miniature__image-container,.product-miniature .product-miniature__image{background:#fff!important;border-radius:1.125rem!important}
.product-miniature__title,.product-miniature__title a{font-weight:500!important;color:var(--pa-ink)!important;text-decoration:none}
.product-miniature .price,.product-miniature__price{font-weight:600!important;color:var(--pa-ink)!important}

/* Vignettes alignées (souhait d'Imed) : titre sur 3 lignes réservées, bloc prix de hauteur fixe avec la pastille
   Miles en bas, étoiles juste dessous, bouton toujours en bas de la carte */
.product-miniature{display:flex}
.product-miniature__inner{display:flex!important;flex-direction:column;width:100%;height:100%}
.product-miniature__bottom{display:flex!important;flex-direction:column;flex:1 1 auto}
.product-miniature__infos{display:flex!important;flex-direction:column;align-items:flex-start;gap:.375rem;flex:1 1 auto}
.product-miniature__title{display:-webkit-box!important;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;min-height:calc(1.45em * 3);line-height:1.45!important}
/* 27/10 : plus de hauteur fixe pour 2 lignes de prix (32 px vides sur ordinateur) ; le bloc prix s'étire,
   et une carte sans étoiles garde leur place pour que les pastilles restent alignées */
.product-miniature__prices{position:relative;width:100%;min-height:3.25rem;padding-bottom:1.75rem;align-content:flex-start;flex:1 1 auto}
.product-miniature .revws-product-list{justify-content:flex-start!important;margin:0!important;min-height:1.1rem}
/* (27/10) Les étoiles de plreviews sont placées entre la photo et le nom, hors du flux : plus de ligne réservée sous le prix */
/* Sections de l'accueil un peu moins espacées (3rem du thème) */
.pl-section{padding:2.25rem 0}
.pl-carousel__controls{margin-top:.75rem}
.product-miniature__actions{margin-top:auto!important;padding-top:.5rem}

/* Pastille « +X Miles » des vignettes (brandloyaltypoints 1.2.6) : en bas du bloc prix */
.blp-chip--mini{display:inline-flex;align-items:center;gap:.25rem;padding:.2rem .55rem;border-radius:999px;background:#f3eef8;color:#5f3283;font-size:.6875rem;font-weight:600;line-height:1.3;white-space:nowrap}
.product-miniature__prices .blp-chip--mini{position:absolute;left:0;bottom:0;margin:0}
/* (28/10, choix A d'Imed) pastille Miles posée en bas à gauche de la PHOTO : plus de ligne réservée sous le prix (ni de
   blanc quand le produit n'a pas de Miles). Ancrée sur le bas de la vignette (__bottom), juste au-dessus = sur la photo.
   Téléphone : place gardée pour 2 lignes de prix (le prix barré y passe dessous) pour que les boutons restent alignés */
.product-miniature .product-miniature__prices{position:static!important;padding-bottom:0!important;min-height:1.5rem!important}
@media (max-width:767.98px){.product-miniature .product-miniature__prices{min-height:2.75rem!important}}
.product-miniature .product-miniature__bottom{position:relative}
.product-miniature .product-miniature__prices .blp-chip--mini{position:absolute!important;left:.25rem;bottom:calc(100% + .375rem)!important;top:auto!important;z-index:3;margin:0!important;box-shadow:0 1px 3px rgba(0,0,0,.08)}
.blp-chip--mini svg{flex:0 0 auto;color:#c9a227}

/* Accessibilité (contrastes ≥ 4,5:1) : étiquette « Cadeau inclus ! » (module productlabel, bleu clair réglé
   dans son admin) foncée ; lien « écrire le premier avis » (revws) un peu plus foncé */
.plabel_div[style*="198, 236"],.plabel_div[style*="09c6ec"],#plabel_banner_content[style*="09c6ec"],.label-mod-cust .badge[style*="09c6ec"]{background-color:#05708a!important}
.revws-product-buttons-link{color:#5f5f5f!important}
.account-menu__link--signout,.account-menu__link--signout:hover{color:#b42318!important}

/* Étiquettes des vignettes (28/10, souhaits d'Imed) : un produit en rupture n'affiche QUE « Rupture de stock » (photo
   pâlie) ; sinon 2 étiquettes au plus, l'une sous l'autre : « Pack » d'abord, puis « Nouveau », puis la remise
   (« Promo ! » masqué quand la remise est là ; Pack + Nouveau + remise -> Pack + remise) */
.product-flags .badge.online-only,.product-flags:has(.discount) .badge.on-sale,.product-flags:has(.out_of_stock) .badge:not(.out_of_stock),.product-flags:has(.pack):has(.discount,.on-sale) .badge.new{display:none!important}
.product-flags .badge.pack{order:-3!important}
.product-flags .badge.new{order:-2!important}
.product-flags .badge.discount,.product-flags .badge.on-sale{order:-1!important}
.product-flags .badge{border:0!important;border-radius:999px!important;font-weight:600!important;font-size:.75rem!important;letter-spacing:0;padding:.3em .7em!important}
.product-flags .badge.discount,.product-flags .badge.on-sale{background:#fdecea!important;color:#b42318!important}
.product-flags .badge:not(.discount):not(.on-sale){background:#eef3e6!important;color:var(--pa-green)!important}
.product-flags .badge.pack{background:#f3eef8!important;color:#5f3283!important}
.product-miniature .product-flags .badge.out_of_stock,.product-flags li.badge.out_of_stock{background:#ececef!important;color:#48484d!important}
/* (28/10) Le thème parent range ses styles en « couches » (@layer) : son « !important » (fond primaire vert, texte blanc
   sur toute étiquette sans remise) bat le nôtre. On change donc sa variable de fond sur l'étiquette, et la couleur du texte
   par -webkit-text-fill-color (qu'il ne fixe pas) : Rupture gris, Pack lavande, Nouveau vert pâle */
.product-flags .badge.out_of_stock{--bs-primary-rgb:236,236,239;-webkit-text-fill-color:#48484d}
.product-flags .badge.pack{--bs-primary-rgb:243,238,248;-webkit-text-fill-color:#5f3283}
.product-flags .badge.new{--bs-primary-rgb:238,243,230;-webkit-text-fill-color:#3b5a1f}
.product-miniature__top:has(.product-flags .out_of_stock) .product-miniature__image{opacity:.55}
/* rupture : aussi sans les étiquettes du module productlabel (« Coup de cœur »… chevauchait « Rupture de stock ») */
.product-miniature__top:has(.product-flags .out_of_stock) .pl-labels{display:none!important}

/* Bouton d'ajout des vignettes (28/10, choix A d'Imed) : contour violet léger, sans fond plein, texte « Ajouter » */
.product-miniature .product-miniature__add{background:transparent!important;border:1.5px solid #5f3283!important;color:#5f3283!important;box-shadow:none!important;font-weight:600!important}
.product-miniature .product-miniature__add:hover,.product-miniature .product-miniature__add:focus-visible{background:#f3eef8!important;filter:none!important}
.product-miniature .product-miniature__add .material-icons,.product-miniature .product-miniature__add-text{display:none!important}
.product-miniature .product-miniature__add::after{content:"Ajouter"}
/* Quantité « − 1 + » compacte à côté de « Ajouter » (28/10, remarque d'Imed : dans les rangées de l'accueil elle passait
   sur 2 lignes, 120 px pour 93 disponibles) : 90 px, même hauteur que le bouton, centrée */
.product-miniature .product-miniature__form{column-gap:.5rem!important;align-items:center!important;justify-content:center!important;width:100%}
/* quantité + « Ajouter » (ou « Voir le détail ») centrés sous le produit (28/10, Imed) */
.product-miniature .product-miniature__actions{display:flex!important;flex-direction:column;align-items:center!important;width:100%}
.product-miniature .quantity-button__group{flex-wrap:nowrap!important;height:2.375rem!important;align-items:stretch}
.product-miniature .quantity-button__group .btn{width:1.875rem!important;min-width:1.875rem!important;padding:0!important;height:100%!important}
.product-miniature .quantity-button__group .form-control{width:2rem!important;min-width:0!important;max-width:2rem!important;padding:0!important;text-align:center;height:100%!important}

/* Accueil : bloc Brand Miles centré, bouton sous le texte (28/10, remarque d'Imed) */
.pl-miles{flex-direction:column!important;align-items:center!important;justify-content:center!important;text-align:center;gap:1rem}
.pl-miles .pl-miles__text{max-width:46rem;margin:0 auto}
.pl-miles .pl-miles__body{margin-left:auto;margin-right:auto}
.pl-miles .pl-pill{align-self:center!important}
/* (28/10) le texte gardait la largeur de base de l'ancienne disposition côte à côte (352 px), devenue une hauteur :
   grand vide avant le bouton ; « Brand Miles » plus visible ; cadre un peu moins haut */
.pl-miles{padding:2.5rem 1.5rem!important;gap:1.25rem!important}
.pl-miles .pl-miles__text{flex:0 0 auto!important}
.pl-miles .pl-kicker{font-size:1.125rem!important;font-weight:700!important;letter-spacing:.01em}

/* Menu : « Marques » en bouton lavande, poussé tout au bout à droite (28/10, remarque d'Imed) */
.plm__i1--brands .plm__a1,.plm-wrap .plm__i1--brands .plm__a1,.plm__i1--promos .plm__a1,.plm-wrap .plm__i1--promos .plm__a1{border-radius:999px;padding:.3rem .85rem!important;font-weight:600!important;opacity:1}
.plm__i1--brands .plm__a1{background:#f3eef8;color:#5f3283!important}
.plm__i1--brands .plm__a1:hover{background:#e9dff3}
.plm__i1--promos .plm__a1{background:#fdeee8;color:#a3361f!important}
.plm__i1--promos .plm__a1:hover{background:#fae0d6}
/* Téléphone et tablette (menu latéral) : « Promos » et « Marques » en haut de la liste, côte à côte */
@media (max-width:1199.98px){
.plm__l1{display:flex!important;flex-wrap:wrap;flex-direction:row}
.plm__l1>.plm__i1{flex:0 0 100%}
.plm__l1>.plm__i1--promos,.plm__l1>.plm__i1--brands{order:-1;flex:0 0 auto;margin:.25rem .5rem .75rem 0;border:0!important}
.plm__l1>.plm__i1--promos{margin-left:1rem}
}

/* « Mes Miles » : dans le menu du compte pour un client connecté (thème paraland9, ps_customersignin.tpl) */
.ps-customersignin .dropdown-item.pl-account-miles{color:#5f3283;font-weight:600}
.ps-customersignin .dropdown-item.pl-account-miles svg{margin-right:.5rem;vertical-align:-3px;color:#c9a227}
/* … et visible sous le nom sur ordinateur, sans décaler le nom (aligné sur « Panier ») */
.pl-account-miles-line{display:none}
@media (min-width:1200px){
.header-bottom__nav2 .ps-customersignin{position:relative}
.header-bottom__nav2 .pl-account-miles-line{position:absolute;left:2.375rem;top:calc(100% - .35rem);display:inline-flex;align-items:center;gap:.25rem;font-size:.75rem;font-weight:600;line-height:1;color:#5f3283;text-decoration:none;white-space:nowrap}
.header-bottom__nav2 .pl-account-miles-line:hover{text-decoration:underline}
.header-bottom__nav2 .pl-account-miles-line svg{color:#c9a227}
}

/* ---------- Toutes pages ---------- */
.breadcrumb__wrapper{background:transparent!important}
.breadcrumb{font-size:.75rem!important;color:var(--pa-ink2)}
.breadcrumb a{color:var(--pa-ink2)!important;text-decoration:none}
.section-title{font-weight:600!important;letter-spacing:-.025em;font-size:1.5rem!important}
.btn-primary{background:var(--pa-green)!important;border-color:var(--pa-green)!important;border-radius:999px!important;font-weight:500!important}
.btn-primary:hover{filter:brightness(1.08)}
.btn-outline-primary,.btn-outline-secondary{border-radius:999px!important}
.form-control,.form-select{border-radius:.75rem!important;border-color:#d2d2d7!important}
.form-control:focus,.form-select:focus{border-color:var(--pa-green)!important;box-shadow:0 0 0 4px rgba(74,106,42,.15)!important}

/* ---------- Fiche produit ---------- */
.product__carousel,.product__carousel .carousel-inner{background:#fff;border-radius:1.375rem!important;overflow:hidden}
.product__thumbnails img{background:#fff;border:1px solid #e8e8ed!important;outline:0!important;border-radius:.75rem!important}
.product__thumbnails .selected img,.product__thumbnails img.selected,.product__thumbnails .active img{box-shadow:0 0 0 2px var(--pa-ink)!important}
.product__name{font-weight:600!important;font-size:1.75rem!important;line-height:1.15;letter-spacing:-.03em}
.product__price{font-weight:600!important;font-size:1.5rem!important;letter-spacing:-.02em}
.pl-pmeta,.product__description-short{color:var(--pa-ink2)}
.quantity-button__group{background:var(--pa-gray);border-radius:999px;overflow:hidden;width:auto!important;display:inline-flex!important}
.quantity-button__group .btn,.quantity-button__group .form-control{border:0!important;background:transparent!important;border-radius:0!important;box-shadow:none!important}
.quantity-button__group .form-control{text-align:center;font-weight:600;max-width:3rem}
.product__add-to-cart-button{height:3.25rem!important;font-size:1.0625rem!important}
.product__accordion .accordion-item{border:0!important;border-bottom:1px solid #e8e8ed!important}
.product__accordion .accordion-button{font-size:1.125rem!important;font-weight:600!important;color:var(--pa-ink)!important;background:transparent!important;box-shadow:none!important;padding-left:0;padding-right:0}
.product__accordion .accordion-body{padding-left:0;padding-right:0;color:#333336;line-height:1.6}
.blockreassurance--product{background:#eef3e6;border-radius:1.375rem;padding:1rem 1.25rem}
.blockreassurance--product .reassurance{border:0!important}
.pl-buybar{background:rgba(255,255,255,.85)!important;-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px);border-top:1px solid var(--pa-line)!important;box-shadow:none!important}

/* ---------- Catégorie ---------- */
.page-title-section{font-weight:600!important;font-size:clamp(1.75rem,5vw,2.75rem)!important;letter-spacing:-.03em}
.products__sort-dropdown-button{background:var(--pa-gray)!important;border:0!important;border-radius:999px!important;color:var(--pa-ink)!important}
#search_filter_toggler,.js-search-toggler{background:var(--pa-gray)!important;border:0!important;border-radius:999px!important;color:var(--pa-ink)!important;font-weight:500}
/* Sous-catégories : une rangée de pastilles qui défile (les produits restent visibles sur téléphone) */
.subcategory__list{display:flex!important;flex-wrap:nowrap!important;overflow-x:auto;gap:.5rem;padding:0 0 .5rem;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.subcategory__list::-webkit-scrollbar{display:none}
.subcategory__link{flex:0 0 auto;display:inline-flex!important;align-items:center;gap:.5rem;background:var(--pa-gray)!important;border:0!important;border-radius:999px!important;padding:.3rem 1rem .3rem .3rem!important;white-space:nowrap;color:var(--pa-ink)!important;text-decoration:none;font-weight:500;font-size:.875rem}
.subcategory__link:hover{background:#e8e8ed!important}
.subcategory__thumbnail{width:2.25rem!important;height:2.25rem!important;border-radius:50%!important;object-fit:cover}
/* Page introuvable (404) : lien du texte souligné (contraste 2,7:1 sinon, axe « link-in-text-block ») */
body#pagenotfound #content p a{text-decoration:underline}
/* « Facture au nom d'une société » (views/js/societe.js) : case discrète au-dessus de Société / Matricule fiscal,
   lien sous les adresses de la commande */
form .form-group[hidden],form .mb-3[hidden],form .form-field[hidden],.pl-societe [hidden]{display:none!important}
.pl-societe{margin:.75rem 0 .5rem;padding:.75rem 1rem;border-radius:.75rem;background:#f6f3fa}
.pl-societe__case{display:inline-flex;align-items:center;gap:.5rem;margin:0;font-weight:500;color:var(--pa-ink);cursor:pointer}
.pl-societe__case input{width:1.125rem;height:1.125rem;accent-color:#5f3283}
.pl-societe__aide{margin:.375rem 0 0;font-size:.8125rem;color:#55555a}
.pl-societe-lien{margin:.75rem 0 0;font-size:.875rem;color:#55555a}
.pl-societe-lien a{color:#5f3283;font-weight:600;text-decoration:underline;text-underline-offset:2px}
/* Une seule adresse : la facture reprend l'adresse de livraison (souhait d'Imed, 28/10) — ni case « Utiliser aussi cette
   adresse pour la facture », ni bouton « adresse de facturation différente » (societe.js garde la case cochée) */
/* Bannières « milieu de page » (zone middle, 28/10) : image seule, chargée seulement à l'approche (loading=lazy), taille réservée */
.pl-midbanner-wrap{margin-top:2.25rem;margin-bottom:.25rem}
.pl-midbanner{position:relative;display:block;border-radius:1.125rem;overflow:hidden;background:#f6f3fa}
.pl-midbanner img{display:block;width:100%;height:auto}
.pl-midbanner__cta{position:absolute;left:4%;bottom:12%;background:#fff!important;color:var(--pa-ink)!important;border:0!important;box-shadow:0 .25rem 1rem rgba(0,0,0,.18)}
/* Page marque : texte de présentation sous les produits (28/10), séparé par un trait léger */
.pl-brand-about{margin-top:2.5rem;padding-top:2rem;border-top:1px solid #e6e6eb}
/* Bannières en largeur sur téléphone (28/10) : bouton plus petit, collé au coin, pour ne pas cacher le texte de l'image */
@media (max-width:767.98px){.pl-hero__cta,.pl-midbanner__cta{left:.75rem!important;bottom:.75rem!important;padding:.3rem .8rem!important;font-size:.8125rem!important;min-height:0!important;line-height:1.3!important}}
@media (hover:hover){.pl-midbanner img{transition:transform .4s ease}.pl-midbanner:hover img{transform:scale(1.015)}}
@media (prefers-reduced-motion:reduce){.pl-midbanner img{transition:none}}
.form-check:has(#use_same_address),[data-link-action="different-invoice-address"]{display:none!important}
/* Commande : lien « Supprimer » d'une adresse plus foncé (rouge du thème 3,2:1 sur gris clair ; ici ≥ 5:1) */
.address-card__delete{color:#b42318!important;-webkit-text-fill-color:#b42318}
/* Photo sous le nom de la catégorie : masquée partout (28/10, Imed : « pas besoin » ; déjà masquée sur téléphone) */
.category__cover{display:none!important}
/* Catégories en pleine largeur comme la page Promotions (28/10, Imed) : sur ordinateur et tablette, les filtres
   (colonne de gauche) deviennent un panneau qui glisse depuis la gauche, ouvert par « Filtrer » (views/js/filtres.js) */
@media (min-width:768px){
body.layout-left-column:has(#search_filters_wrapper) #center-column{flex:0 0 100%!important;max-width:100%!important;width:100%!important}
body.layout-left-column:has(#search_filters_wrapper) #left-column{position:fixed!important;top:0;left:0;bottom:0;z-index:1065;width:min(22rem,90vw)!important;max-width:none!important;flex:none!important;margin:0!important;background:#fff;overflow-y:auto;padding:1.25rem 1.25rem 2rem!important;box-shadow:0 0 2rem rgba(0,0,0,.18);transform:translateX(-105%);visibility:hidden;transition:transform .25s ease,visibility .25s}
body.pl-filtres-ouverts #left-column{transform:none!important;visibility:visible!important}
body.pl-filtres-ouverts::after{content:"";position:fixed;inset:0;background:rgba(29,29,31,.35);z-index:1064}
.pl-filtres__fermer{position:absolute;top:1.1rem;right:1.1rem}
/* bouton « Filtrer » du thème (masqué sur grand écran par le thème) */
body.layout-left-column:has(#search_filters_wrapper) .products__filter-button{display:inline-flex!important;align-items:center;gap:.35rem;margin-left:.75rem}
/* Pages marque sans filtres (28/10, Imed) : colonne de gauche vide masquée, produits sur toute la largeur */
body#manufacturer.layout-left-column:not(:has(#search_filters_wrapper)) #left-column{display:none!important}
body#manufacturer.layout-left-column:not(:has(#search_filters_wrapper)) #center-column{flex:0 0 100%!important;max-width:100%!important;width:100%!important}
}
/* Toutes les listes (catégories, recherche, promotions, nouveautés, meilleures ventes) : 3 produits par ligne sur
   tablette, 5 sur grand écran ; avec 30 produits par page (3 × 10, 5 × 6, 2 × 15 sur téléphone), plus de rangée incomplète */
@media (min-width:768px){
body.layout-left-column:has(#search_filters_wrapper) #js-product-list .products,body#manufacturer #js-product-list .products,body#search #js-product-list .products,body#prices-drop #js-product-list .products,body#new-products #js-product-list .products,body#best-sales #js-product-list .products{grid-template-columns:repeat(3,minmax(0,1fr))!important}
}
@media (min-width:1200px){
body.layout-left-column:has(#search_filters_wrapper) #js-product-list .products,body#manufacturer #js-product-list .products,body#search #js-product-list .products,body#prices-drop #js-product-list .products,body#new-products #js-product-list .products,body#best-sales #js-product-list .products{grid-template-columns:repeat(5,minmax(0,1fr))!important}

#left-column .left-block__title{padding-right:2rem}
}
#search_filters .facet{border:0!important;border-bottom:1px solid #e8e8ed!important}
.pagination .page-link{border:0!important;border-radius:999px!important;color:var(--pa-ink)!important}
.pagination .active .page-link,.pagination .current .page-link{background:var(--pa-ink)!important;color:#fff!important}

/* ---------- Panier ---------- */
.cart-grid__body .card,.cart-container,.cart-summary,.js-cart-detailed-totals,.cart-overview{border:0!important;box-shadow:none!important}
.cart-summary{background:#f3eef8!important;border-radius:1.375rem!important;padding:1.25rem!important}
.cart-summary__line{border-color:#e3dcec!important}
.product-line__img,.product-line img,.cart__item img{background:#fff;border-radius:.75rem}
.cart__continue-shopping{border:0!important;background:var(--pa-gray)!important;color:var(--pa-ink)!important}
.blockreassurance--cart{background:#eef3e6;border-radius:1.375rem;padding:.5rem 1.25rem;margin-top:1rem}
.brand-miles-cart{background:#fff!important;border-radius:1rem!important}

/* Texte de présentation du bas de l'accueil (plhome 1.0.52, important pour Google) : sobre, une colonne lisible */
.pl-seo__body{max-width:56rem;margin:0 auto;padding-top:1.5rem;border-top:1px solid var(--pa-line);color:#55555a;font-size:.875rem;line-height:1.65}
.pl-seo h1,.pl-seo h2{color:var(--pa-ink)!important;font-family:var(--pa-font);font-size:1.0625rem!important;font-weight:600!important;letter-spacing:-.01em;line-height:1.35;margin:1.5rem 0 .5rem;text-transform:none}
.pl-seo h1{font-size:1.25rem!important;margin-top:0;text-align:center}
/* (28/10, Imed) sur téléphone le bloc n'avait aucune marge : le texte touchait les bords de l'écran */
@media (max-width:767.98px){.pl-seo .pl-seo__body{padding-left:1rem;padding-right:1rem}}
.pl-seo p{margin:0 0 .75rem}
.pl-seo strong,.pl-seo b{font-weight:600;color:#3a3a3e}
.pl-seo a{color:inherit;text-decoration:underline;text-decoration-color:#b8b8bf;text-underline-offset:2px}
.pl-seo a:hover{color:var(--pa-ink);text-decoration-color:currentColor}
.pl-seo__more>summary{display:inline-flex;align-items:center;gap:.35rem;cursor:pointer;list-style:none;color:var(--pa-green);font-weight:600;padding:.25rem 0;margin-bottom:.5rem}
.pl-seo__more>summary::-webkit-details-marker{display:none}
.pl-seo__more>summary::after{content:"\203A";font-size:1.1em;transition:transform .2s}
.pl-seo__more[open]>summary::after{transform:rotate(90deg)}
/* ---------- plhome 1.0.53 : expérience client ---------- */
/* (Bouton WhatsApp flottant retiré en 1.0.56 : il cachait les produits ; WhatsApp reste en haut et dans le pied) */
@media print{.pl-cartbar{display:none!important}}

/* Fiche produit : délai de livraison sous le bouton d'achat */
.pl-delivery{display:flex;align-items:flex-start;gap:.75rem;margin:1rem 0 .5rem;padding:.75rem 1rem;border-radius:1rem;background:#eef3e6;color:var(--pa-ink)}
.pl-delivery svg{flex:0 0 auto;margin-top:.1rem;color:var(--pa-green)}
.pl-delivery p{margin:0;font-size:.875rem;line-height:1.45}
.pl-delivery strong{display:block;font-weight:600}
.pl-delivery span{color:#55555a}

/* Fiche produit : « Complétez votre routine » / « Souvent achetés ensemble » */
.pl-together{padding-top:2.25rem;padding-bottom:1rem}
.pl-together__lead{margin:.25rem 0 0;color:#55555a;font-size:.9375rem}

/* Panier : suggestions pour la livraison gratuite */
.pl-cartsug{margin:2rem 0 1rem}
.pl-cartsug__title{font-size:1.125rem!important;font-weight:600!important;color:var(--pa-ink);margin:0 0 .25rem}
.pl-cartsug__lead{margin:0 0 1rem;color:#55555a;font-size:.875rem}
@media (min-width:992px){
  .pl-cartsug .pl-rail,.pl-together .pl-rail{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));overflow:visible}
  .pl-cartsug .pl-rail .product-miniature,.pl-together .pl-rail .product-miniature{width:auto}
  .pl-cartsug .pl-rail>:nth-child(n+5){display:none}
}
/* Avec nos suggestions, la liste générale « Produits phares » du bas du panier fait doublon */
body#cart:has(.pl-cartsug) .cart-grid__footer .ps-featuredproducts{display:none}

/* Panier : barre « Passer commande » fixe sur téléphone (même principe que la barre d'achat des fiches) */
.pl-cartbar{display:none}
@media (max-width:991.98px){
  .pl-cartbar{position:fixed;z-index:1030;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.625rem 1rem calc(.625rem + env(safe-area-inset-bottom));background:#fff;box-shadow:0 -.25rem 1rem rgba(0,0,0,.12);transform:translateY(110%);transition:transform .25s ease}
  .pl-cartbar.is-visible{transform:none}
  .pl-cartbar__total{font-weight:700;font-size:1.0625rem;color:var(--pa-ink)}
  .pl-cartbar__total small{display:block;font-size:.75rem;font-weight:500;color:#55555a}
  .pl-cartbar__btn{flex:0 0 auto;white-space:nowrap;border-radius:999px;padding:.625rem 1.25rem}
  body.pl-has-cartbar{padding-bottom:4.5rem}
}

/* Accueil, téléphone : « Les plus demandés » en rangée qui défile, comme les autres listes */
@media (max-width:767.98px){
  .pl-best__list .products{display:flex!important;gap:1rem;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;padding-bottom:.5rem}
  .pl-best__list .products::-webkit-scrollbar{display:none}
  .pl-best__list .products>.product-miniature{flex:0 0 auto;width:15rem;scroll-snap-align:start}
}
/* Page « Nos magasins » (thème paraland9, cms/stores.tpl) : boutons bien visibles, horaires affichés */
.page-content--stores .store__name{font-size:1.25rem!important;font-weight:600!important;color:var(--pa-ink);margin:0 0 .5rem}
.pl-store-actions{display:flex;flex-wrap:wrap;gap:.5rem;margin:1rem 0 1.25rem}
.pl-store-actions .btn{border-radius:999px;padding:.55rem 1.25rem}
.pl-store-hours__title{font-size:.9375rem!important;font-weight:600!important;color:var(--pa-ink);margin:0 0 .5rem}
.pl-store-hours{width:100%;max-width:22rem;font-size:.875rem;color:#3a3a3e}
.pl-store-hours th{font-weight:500;padding-right:1rem}
.pl-store-hours tr.is-today th,.pl-store-hours tr.is-today td{font-weight:700;color:var(--pa-ink)}
.pl-store-hours__today{display:inline-block;margin-left:.35rem;padding:.05rem .45rem;border-radius:999px;background:#eef3e6;color:#3b5a1f;font-size:.6875rem;font-weight:600;vertical-align:middle}
/* Filtres des catégories : « Type de soin » (27/10) ; les valeurs personnalisées vides de quelques fiches donnent des lignes
   sans nom « (1 résultat) » : masquées (leur adresse de filtre se termine par « - ») */
#search_filters li:has(input[data-search-url$="-"]){display:none}
/* Catégories sur téléphone (2 colonnes) : un produit en stock a 2 lignes de boutons (quantité + « Ajouter »), un produit en
   rupture un seul (« Voir le détail ») ; même hauteur réservée partout pour que pastilles Miles et étoiles restent alignées */
@media (max-width:575.98px){#js-product-list .product-miniature__actions{min-height:6.5rem;display:flex!important;flex-direction:column;justify-content:flex-end}}
/* Étiquettes du module productlabel (« Top ventes », « Cadeau inclus »…) sur la photo des vignettes, en haut à droite,
   à l'opposé de la remise (souhait d'Imed, plhome 1.0.55 : déplacées par views/js/a11y.js), en petite pastille */
.pl-labels{position:absolute;top:.5rem;right:.5rem;z-index:3;display:flex;flex-direction:column;align-items:flex-end;gap:.25rem;pointer-events:none;max-width:75%}
.pl-labels .plabel_div{position:static!important;top:auto!important;right:auto!important;bottom:auto!important;left:auto!important;margin:0!important;transform:none!important;display:inline-flex!important;align-items:center;gap:.2rem;padding:.15rem .45rem!important;border-radius:999px!important;line-height:1.2!important;white-space:nowrap}
.pl-labels .plabel_span{font-size:.6875rem!important;font-family:inherit!important;font-weight:600}
.pl-labels .plabel_img{max-height:12px!important;max-width:12px!important}
/* Avant que le script ne les déplace : invisibles dans le bloc prix (rien ne recouvre le prix) */
.product-miniature__prices .plabel_div{visibility:hidden}
@media (max-width:575.98px){
  .pl-labels .plabel_img{display:none!important}
  /* « Rupture de stock » est plus large qu'une remise : l'étiquette passe juste dessous */
  .product-miniature__top:has(.product-flags .out_of_stock) .pl-labels{top:2.25rem}
}
/* Rangées de produits de l'accueil (27/10, souhait d'Imed) : le dernier produit visible apparaît à moitié pour inviter
   à faire défiler (1,5 produit sur téléphone, 3,5 sur tablette, 5,5 sur ordinateur) */
.pl-rail .product-miniature{width:calc((100% - 1rem) / 1.5)}
/* (28/10, remarque d'Imed) assez large pour « prix + prix barré » sur une ligne : 2,5 / 3,5 / 4,5 / 5,5 produits */
@media (min-width:768px){.pl-rail .product-miniature{width:calc((100% - 2rem) / 2.5)}}
@media (min-width:992px){.pl-rail .product-miniature{width:calc((100% - 3rem) / 3.5)}}
@media (min-width:1200px){.pl-rail .product-miniature{width:calc((100% - 4rem) / 4.5)}}
@media (min-width:1400px){.pl-rail .product-miniature{width:calc((100% - 5rem) / 5.5)}}
/* prix et prix barré sur la même ligne (le barré passait à la ligne sur les prix longs : 219,000 DT 273,750 DT) */
.product-miniature .product-miniature__prices{column-gap:.375rem!important}
.product-miniature .product-miniature__price{white-space:nowrap}
.product-miniature .product-miniature__regular-price{font-size:.8125rem!important;white-space:nowrap}
@media (max-width:767.98px){.pl-best__list .products>.product-miniature{width:calc((100% - 1rem) / 1.5)}}
/* En-tête ordinateur : « Se connecter » / « Compte » 4 px plus bas que « Panier » (le bloc du compte n'était pas centré
   comme celui du panier) — même alignement pour les deux (27/10, remarque d'Imed) */
.ps-customersignin .header-block{display:flex;align-items:center}
/* Pastilles « Ou par besoin » (10) : plus de « Minceur » seule sur sa ligne (remarque d'Imed, 27/10).
   ≥ 1400 px : une seule ligne sur toute la largeur ; 992–1399 px : 2 rangées de 5, colonnes égales */
@media (min-width:992px) and (max-width:1399.98px){
  .pl-needs__list{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:.5rem}
  .pl-needs__list .pl-need{display:block;text-align:center;white-space:nowrap}
}
@media (min-width:1400px){
  .pl-needs__list{flex-wrap:nowrap!important;justify-content:space-between}
  .pl-needs__list .pl-need{padding-left:.75rem;padding-right:.75rem;white-space:nowrap}
}
/* Cadre léger autour des vignettes produits (27/10, accord d'Imed : aucun poids en plus) : photos sur fond blanc,
   la carte se détache de la page ; légère ombre au survol */
.product-miniature .product-miniature__inner{border:1px solid #e6e6eb!important;border-radius:1.125rem!important;padding:.75rem;background:#fff;transition:box-shadow .2s,border-color .2s}
.product-miniature .product-miniature__inner:hover{border-color:#d6d6dd!important;box-shadow:0 .75rem 1.5rem -1rem rgba(0,0,0,.25)!important}
@media (max-width:575.98px){.product-miniature .product-miniature__inner{padding:.5rem}}
/* Effet « 3D » au survol des vignettes (27/10, souhait d'Imed, comme sur l'ancien site) : la carte se soulève de 4 px avec
   une ombre douce ; seulement avec une souris, et sans mouvement si l'appareil demande moins d'animations */
@media (hover:hover){
  .product-miniature .product-miniature__inner{transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}
  .product-miniature:hover .product-miniature__inner{transform:translateY(-4px);border-color:#d6d6dd!important;box-shadow:0 14px 28px -14px rgba(0,0,0,.28),0 4px 10px -4px rgba(0,0,0,.08)!important}
}
@media (prefers-reduced-motion:reduce){.product-miniature:hover .product-miniature__inner{transform:none}}
/* Rangées qui défilent : un peu de place autour des cartes pour que la carte soulevée et son ombre ne soient pas coupées
   (marges négatives : même largeur qu'avant) */
.pl-rail{padding:.5rem .5rem 1rem!important;margin:-.5rem -.5rem -.5rem!important;scroll-padding-inline:.5rem}/* pl-miles-masque (29/10, Imed) : bloc Brand Miles du bas de l'accueil masqué, doublon de la bannière du milieu */
section:has(> .pl-miles){display:none!important}
/* pl-cats-align (29/10, Imed) : photos des cartes « Trouvez votre soin » à la même hauteur, quel que soit le nombre de lignes du nom */
.pl-cat-card{justify-content:flex-start!important}.pl-cat-card__img{margin-top:auto!important;flex-shrink:0!important}
/* pl-cats-carre (29/10, Imed) : photos des cartes catégories en carré (sur téléphone elles étaient coupées en 245 × 144) */
.pl-cat-card__img{height:auto!important;aspect-ratio:1/1!important}
/* pl-quickview (29/10, Imed) : aperçu rapide — étiquette productlabel du haut masquée (elle recouvrait le titre ; la même reste sous le prix) ; flèche « chevron_right » absente de la police d'icônes allégée → « › » */
.page-product--quickview .label-mod-cust{display:none!important}.quickview__details-link .material-icons{font-size:0!important}.quickview__details-link .material-icons::after{content:"\203A";font:600 1.25rem/1 Inter,system-ui,sans-serif;vertical-align:-1px}
/* pl-credit (30/10, Imed) : bas de page sur téléphone — slogan puis « © 115 Studio » seul sur sa ligne, centrés */
@media (max-width:767.98px){.copyright{text-align:center}.pl-credit{display:block;margin-top:.25rem}.pl-credit__sep{display:none}}
/* pl-since (30/10, Imed) : pastille « Depuis 2016 » posée dans le blanc du logo, au-dessus de « Para » (les feuilles sont à droite) ;
   ne change pas la hauteur de l'en-tête */
.pl-logo-wrap{position:relative;display:inline-block;line-height:0}
.pl-since{position:absolute;left:2%;top:6%;padding:.2em .7em;border-radius:999px;background:#f1ebf7;color:#621f80;font:600 11px/1.3 Inter,system-ui,sans-serif;letter-spacing:.02em;white-space:nowrap;pointer-events:none;box-shadow:0 1px 2px rgba(98,31,128,.12)}
/* téléphone : logo trop petit (la pastille touchait les feuilles) → sous « Livraison gratuite dès 99 DT », au milieu de l'en-tête */
@media (max-width:767.98px){.pl-logo-wrap .pl-since{display:none}.pl-mfreeship .pl-since--m{position:static;display:block;width:max-content;margin:4px auto 0;font-size:10px}}
@media (min-width:768px){.pl-since--m{display:none}}
/* pl-copylink (29/10, Imed) : fiche produit — « Copier le lien » à la place de Partager Facebook / Pinterest (gabarit du thème ps_sharebuttons.tpl) */
.pl-copylink__btn{display:inline-flex;align-items:center;gap:.45rem;padding:.4rem .95rem;border:1px solid #e6e6eb;border-radius:999px;background:#fff;color:#1d212a;font:500 .875rem/1.2 Inter,system-ui,sans-serif;cursor:pointer;transition:border-color .15s,color .15s}
.pl-copylink__btn:hover,.pl-copylink__btn:focus-visible{border-color:#621f80;color:#621f80}
/* 29/10 (Imed) : sur la ligne du prix, poussé à droite ; téléphone : icône seule (texte visible seulement après le clic) */
.product__prices-inline:has(.pl-copylink--prix){display:flex;flex-wrap:wrap;align-items:center}.pl-copylink--prix{margin-left:auto}
.pl-copylink__btn.is-copied{border-color:#4a6a2a;color:#4a6a2a}
@media (max-width:575.98px){.pl-copylink--prix{position:relative}.pl-copylink--prix .pl-copylink__btn{padding:.5rem}.pl-copylink--prix .pl-copylink__btn:not(.is-copied) .pl-copylink__txt{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.pl-copylink--prix .pl-copylink__btn.is-copied .pl-copylink__txt{position:absolute;right:0;bottom:calc(100% + 6px);padding:.25rem .55rem;border-radius:6px;background:#1d212a;color:#fff;font-size:.75rem;white-space:nowrap;z-index:2}}
/* Bouton « Catégories » du menu (30/10, Imed) : toutes les grandes catégories et leurs sous-catégories ; pastille verte avant Promos */
.plm__i1--cats>.plm__a1{font-weight:600!important}
@media (min-width:1200px){
.plm-wrap .plm__i1--cats{margin-left:auto!important;margin-right:.375rem;align-self:center!important}
.plm-wrap .plm__i1--cats~.plm__i1--promos{margin-left:0!important}
.plm-wrap .plm__i1--cats>.plm__a1{border-radius:999px;padding:.3rem .85rem!important;background:#eef5e6;color:#4a6a2a!important}
.plm-wrap .plm__i1--cats>.plm__a1::after{content:"";display:inline-block;width:.42em;height:.42em;margin-left:.4em;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:translateY(-.2em) rotate(45deg)}
.plm-wrap .plm__i1--cats:hover>.plm__a1{background:#e1eed4}
.plm__i1--cats .plm__a2{font-weight:700;color:#3b1f55}
}
/* Téléphone (30/10, Imed) : « Catégories » juste sous Promos / Marques, en haut du menu latéral */
@media (max-width:1199.98px){
.plm__l1>.plm__i1--promos,.plm__l1>.plm__i1--brands{order:-2}
.plm__l1>.plm__i1--cats{order:-1}
.plm__l1>.plm__i1--cats>.plm__a1{color:#4a6a2a!important;font-weight:700!important}
}
/* Contraste (Lighthouse, 30/10) : le menu met ses liens en opacité réduite ; le bouton « Catégories » doit rester net (comme Promos / Marques) */
.plm__i1--cats>.plm__a1,.plm-wrap .plm__i1--cats>.plm__a1{opacity:1!important;color:#3f5c22!important}
/* Fiche produit : blocs pastel de la description (Imed, 31/10 ; préparés par blocsFiche() de a11y.js) */
.pl-sec{border-radius:1.125rem;padding:1.5rem 1.75rem;margin:0 0 1rem}
.pl-sec--intro{padding:.25rem 0 .5rem}
.pl-sec h2{font-size:1.2rem;font-weight:600;line-height:1.3;letter-spacing:-.01em;margin:0 0 .85rem;display:flex;align-items:center;gap:.6rem}
.pl-sec h2::before{content:"";width:1.75rem;height:1.75rem;flex:none;border-radius:50%;background:#fff center/1rem no-repeat}
.pl-sec h3{font-size:1rem;font-weight:600;margin:1rem 0 .25rem}
.pl-sec h2+h3{margin-top:0}
.pl-sec p:last-child,.pl-sec ul:last-child,.pl-sec ol:last-child{margin-bottom:0}
.pl-sec ul,.pl-sec ol{padding-left:1.2rem}
.pl-sec li{margin-bottom:.4rem}
.pl-sec--how,.pl-sec--contenu{background:#f1ebf7}
.pl-sec--how h2,.pl-sec--contenu h2{color:#3b1f55}
.pl-sec--how h2::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%233b1f55' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 18h6M10 21h4M12 3a6 6 0 0 0-4 10.5c.7.7 1 1.5 1 2.5h6c0-1 .3-1.8 1-2.5A6 6 0 0 0 12 3z'/%3E%3C/svg%3E")}
.pl-sec--contenu h2::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%233b1f55' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 6h11M9 12h11M9 18h11M4 6h.01M4 12h.01M4 18h.01'/%3E%3C/svg%3E")}
.pl-sec--use{background:#eef3e6}
.pl-sec--use h2{color:#3f5c22}
.pl-sec--use h2::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%233f5c22' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12l5 5L20 7'/%3E%3C/svg%3E")}
.pl-sec--faq{background:#fbf5e6}
.pl-sec--faq h2{color:#6b4e12}
.pl-sec--faq h2::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%236b4e12' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9.1 9a3 3 0 0 1 5.8 1c0 2-3 2.5-3 4M12 18h.01'/%3E%3C/svg%3E")}
.pl-sec--note{background:#f6f6f8;border-left:3px solid #c9c4d2;border-radius:.5rem 1.125rem 1.125rem .5rem;padding:1.1rem 1.5rem}
.pl-sec--note h2{font-size:1.05rem;color:#3a3a40;margin-bottom:.5rem}
.pl-sec--note h2::before{display:none}
@media (max-width:575.98px){.pl-sec{padding:1.1rem}.pl-sec--intro{padding:.25rem 0 .5rem}.pl-sec--note{padding:1rem 1.1rem}}
/* Animations légères (Imed, 31/10) : apparition au défilement et pastille du panier (a11y.js), zoom des photos au survol */
.pl-reveal{opacity:0;transform:translateY(40px)}
.pl-reveal--on{opacity:1;transform:none;transition:opacity .8s ease,transform .8s cubic-bezier(.22,.8,.3,1)}
/* vignettes et cartes : l'une après l'autre */
.pl-reveal .product-miniature,.pl-reveal .pl-cat-card{opacity:0;transform:translateY(28px)}
.pl-reveal--on .product-miniature,.pl-reveal--on .pl-cat-card{opacity:1;transform:none;transition:opacity .6s ease,transform .6s cubic-bezier(.22,.8,.3,1)}
.pl-reveal--on :nth-child(2).product-miniature,.pl-reveal--on :nth-child(2)>.product-miniature{transition-delay:.1s}
.pl-reveal--on :nth-child(3).product-miniature,.pl-reveal--on :nth-child(3)>.product-miniature{transition-delay:.2s}
.pl-reveal--on :nth-child(4).product-miniature,.pl-reveal--on :nth-child(4)>.product-miniature{transition-delay:.3s}
.pl-reveal--on :nth-child(5).product-miniature,.pl-reveal--on :nth-child(5)>.product-miniature{transition-delay:.4s}
.pl-reveal--on :nth-child(n+6).product-miniature,.pl-reveal--on :nth-child(n+6)>.product-miniature{transition-delay:.5s}
@media print{.pl-reveal,.pl-reveal .product-miniature,.pl-reveal .pl-cat-card{opacity:1;transform:none}}
/* ajout au panier : le panier rebondit, halo vert autour de la pastille ; le bouton réagit dès le clic */
@keyframes pl-pop{0%,100%{transform:none}20%{transform:translateY(-7px) scale(1.15)}40%{transform:none}60%{transform:translateY(-4px) scale(1.08)}80%{transform:none}}
@keyframes pl-halo{0%{box-shadow:0 0 0 0 rgba(74,106,42,.7)}100%{box-shadow:0 0 0 16px rgba(74,106,42,0)}}
.header-block__action-btn.pl-pulse{display:inline-flex;animation:pl-pop 1.1s ease}
.header-block__action-btn.pl-pulse .header-block__badge{animation:pl-halo .55s ease-out 2}
[data-button-action=add-to-cart]{transition:transform .12s ease}
[data-button-action=add-to-cart]:active{transform:scale(.94)}
@media (hover:hover) and (prefers-reduced-motion:no-preference){
  .pl-cat-card__img,.product-miniature__top img{transition:transform .4s ease}
  .pl-cat-card:hover .pl-cat-card__img,.product-miniature:hover .product-miniature__top img{transform:scale(1.08)}
}
@media (prefers-reduced-motion:reduce){.header-block__action-btn.pl-pulse,.header-block__action-btn.pl-pulse .header-block__badge{animation:none}[data-button-action=add-to-cart]:active{transform:none}}
/* Téléphone : la page ne doit jamais glisser de côté (31/10 ; les rangées qui défilent gardent leur propre défilement) */
@media (max-width:767.98px){html,body{overflow-x:clip}}
/* Menu téléphone : catégorie mère en gras, sous-catégories en normal (Imed, 31/10 ; le panneau « Catégories » l'était déjà) */
@media (max-width:1199.98px){.plm__i1.has-sub:not(.plm__i1--cats)>.plm__a1{font-weight:700!important}.plm__i1:not(.plm__i1--cats) .plm__a2{font-weight:400}}
/* Tablette (768-1199 px, Imed 31/10) : barre du haut sur une ligne, puis logo, recherche, compte, panier et menu sur une seule ligne */
@media (min-width:768px) and (max-width:1199.98px){
.pl-topbar .pl-topbar__inner{flex-wrap:nowrap!important;white-space:nowrap}
.header-bottom__row{flex-wrap:nowrap!important;align-items:center!important;justify-content:flex-start!important;column-gap:.75rem;row-gap:0!important}
.header-bottom__row>.header-bottom__logo{order:0;flex:0 0 auto!important;margin:0!important;padding:0!important}
.header-bottom .header-bottom__logo .logo{max-height:4rem!important;max-width:9rem!important;width:auto;height:auto}
.header-bottom .header-bottom__logo .navbar-brand{height:auto!important}
.header-bottom__row>.order-2{order:1!important;flex:1 1 auto!important;min-width:0;width:auto!important;margin:0!important;padding:0!important}
.header-bottom__row>.order-2>*{width:100%}
.header-bottom__row>.header-bottom__nav2{order:2;flex:0 0 auto!important;margin:0!important;padding:0!important}
.header-bottom__row>.plm-wrap{order:3;flex:0 0 auto!important;width:auto!important;padding:0!important;display:flex;align-items:center}
.plm-burger{width:2.5rem;height:2.5rem;justify-content:center;padding:0!important}
.pl-logo-wrap .pl-since{font-size:9px;top:0;left:0}
}
@media (min-width:768px) and (max-width:991.98px){.pl-topbar .pl-topbar__info{display:none!important}.pl-topbar .pl-topbar__right{margin-left:auto}.header-bottom__nav2 .header-block__title{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}}
/* Panier (Imed, 31/10) : un seul prix à la quantité 1, nom entier sur téléphone, total en vert quand la livraison est offerte, barre de progression sur la barre fixe */
.product-line__price.pl-line-1{display:none}
.product-line__price:not(.pl-line-1)::before{content:"Total : ";font-weight:400;color:#55555a}
.product-line__content,.product-line__content-left,.product-line__content-right{min-width:0;max-width:100%}
.product-line__content .product-line__title{white-space:normal;overflow-wrap:anywhere}
.plgift-line,.plgift-line select{max-width:100%;min-width:0}
.cart-summary:has(.plfs--ok) .cart-summary__line--bold .cart-summary__value,.blockcart-modal__summary:has(.plfs--ok) .blockcart-modal__total--bold .value{color:#1e7b34!important}
.pl-cartbar__prog{position:absolute;left:0;right:0;top:0;height:4px;background:#e9e1f0}
.pl-cartbar__prog i{display:block;height:100%;width:0;background:#5f3283;transition:width .35s ease}
.pl-cartbar.is-ok .pl-cartbar__prog i{background:#1e7b34}
.pl-cartbar.is-ok .pl-cartbar__total,.pl-cartbar.is-ok .pl-cartbar__total small{color:#1e7b34}
@media (max-width:991.98px){.blockcart-modal__summary{margin-top:.75rem}.blockcart-modal__summary .blockcart-modal__nb-products{display:none}}

/* Boutons des bannières : appel lumineux toutes les 3 s (pl-appel, 2/11/2026), transform + opacity seulement */
@media (prefers-reduced-motion:no-preference){
.pl-hero__cta,.pl-midbanner__cta{animation:pl-appel 3s ease-in-out infinite}
.pl-hero__cta::after,.pl-midbanner__cta::after{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:0 0 0 2px rgba(255,255,255,.9),0 0 18px 4px rgba(255,255,255,.75);opacity:0;pointer-events:none;animation:pl-appel-halo 3s ease-out infinite}
@keyframes pl-appel{0%,72%,100%{transform:scale(1)}80%{transform:scale(1.06)}88%{transform:scale(1)}}
@keyframes pl-appel-halo{0%,68%{opacity:0;transform:scale(1)}76%{opacity:1}100%{opacity:0;transform:scale(1.35,1.6)}}
}
/* Étiquettes Miles : reflet + étincelle une seule fois (classe posée par a11y.js, 2/11/2026) */
.blp-chip.pl-brille{background-image:linear-gradient(105deg,transparent 35%,rgba(255,255,255,.95) 50%,transparent 65%);background-size:250% 100%;background-repeat:no-repeat;animation:pl-brille 1s ease-out both}
.blp-chip.pl-brille:not(.blp-chip--mini){position:relative}
.blp-chip.pl-brille::after{content:"\2726";position:absolute;top:-.6em;right:-.15em;color:#c9a227;font-size:.875rem;line-height:1;pointer-events:none;animation:pl-etincelle 1s ease-out both}
@keyframes pl-brille{from{background-position:130% 0}to{background-position:-30% 0}}
@keyframes pl-etincelle{0%{opacity:0;transform:scale(.2) rotate(0)}45%{opacity:1;transform:scale(1.25) rotate(50deg)}100%{opacity:0;transform:scale(.4) rotate(100deg)}}
/* Bannière au-dessus de Nos packs : moins d'espace blanc autour (Imed, 2/11/2026) */
.pl-gifts:has(+ .pl-midbanner-wrap){padding-bottom:0}
.pl-gifts + .pl-midbanner-wrap{margin-top:.75rem}
.pl-gifts + .pl-midbanner-wrap + .pl-packs{padding-top:1.25rem}
/* Commande rapide (2/11/2026) */
.pl-rapide-note{margin:.25rem 0 1rem;padding:.625rem .75rem;border-radius:.625rem;background:#eef3e6;color:#3f5c22;font-size:.875rem}
/* Livraison et paiement réunis (2/11/2026) */
.checkout-steps__step[data-step="checkout-delivery-step"]{display:none}
.pl-livraison{margin-bottom:1.25rem;padding:.875rem 1rem;border-radius:.75rem;background:#f1ebf7}
.pl-livraison__ligne{margin-bottom:.625rem}
.pl-livraison .form-label{font-size:.875rem}
.pl-cgv{margin:.75rem 0 0;color:#55555a;font-size:.8125rem}

/* Code par e-mail à la commande (2/11/2026) */
.pl-code{margin-bottom:1.25rem;padding:1rem;border-radius:.75rem;background:#f1ebf7}
.pl-code__titre{margin-bottom:.25rem;font-weight:600}
.pl-code__texte{margin-bottom:.75rem;font-size:.875rem}
.pl-code__message{margin:.5rem 0 0;font-size:.875rem}
/* Facebook refusé par Meta pendant l'examen (2/11/2026) : bouton gardé sur /connexion pour l'examinateur, masqué à la commande. À retirer après l'accord. */
.iqitsociallogin-checkout .btn-facebook{display:none!important}
.pl-code__autre{margin:.5rem 0 0;font-size:.875rem}
/* Espace SVR (3/11/2026, Imed) : bandeau sous la bannière, pages /svr et /svr/{gamme}, bouton du menu ; couleurs des gammes = site SVR (--c), texte en teinte plus foncée (--cd) pour le contraste */
.pl-svr__logo{display:inline-flex;flex-direction:column;align-items:center;font-family:Georgia,"Times New Roman",serif;font-size:2rem;font-weight:400;line-height:1;letter-spacing:.08em;color:#101111!important;text-decoration:none!important}
.pl-svr__logo small{font-family:inherit;font-family:Inter,system-ui,sans-serif;font-size:.5rem;font-weight:500;letter-spacing:.14em;text-transform:uppercase;margin-top:.25rem;color:#55555a}
.pl-svr-strip{margin:1rem 0 .25rem}
.pl-svr-strip__box{display:flex;align-items:center;gap:1rem;background:#fff;border:1px solid #e6e6eb;border-radius:1.125rem;padding:.75rem 1rem}
.pl-svr-strip__brand{display:flex;flex-direction:column;align-items:center;gap:.35rem;flex:0 0 auto;padding-right:1rem;border-right:1px solid #e6e6eb;text-decoration:none!important}
.pl-svr-strip__go{font-size:.8rem;font-weight:600;color:#3b1f55;white-space:nowrap}
.pl-svr-chips{list-style:none;margin:0;padding:0;display:flex;gap:.5rem}
.pl-svr-chips li{flex:0 0 auto;scroll-snap-align:start}
.pl-svr-strip__list{flex:1;min-width:0;overflow-x:auto;scroll-snap-type:x proximity;scrollbar-width:thin;padding:.25rem .1rem .4rem}
.pl-svr-chip{display:flex;flex-direction:column;gap:.15rem;width:10.5rem;height:100%;padding:.55rem .75rem .6rem;border-radius:.75rem;background:#fff;border:1px solid #ececf0;border-top:4px solid var(--c);color:#55555a;text-decoration:none!important;transition:transform .15s,box-shadow .15s}
.pl-svr-chip:hover{transform:translateY(-2px);box-shadow:0 6px 16px rgba(0,0,0,.08)}
.pl-svr-chip__name{font-size:.9rem;font-weight:800;text-transform:uppercase;letter-spacing:.02em;color:var(--cd);white-space:nowrap}
.pl-svr-chip__care{font-size:.75rem;line-height:1.3;color:#55555a}
.pl-svr-chip__count{margin-top:auto;padding-top:.35rem;font-size:.72rem;color:#6e6e73}
.pl-svr-chip.is-current{background:color-mix(in srgb,var(--c) 12%,#fff);border-color:var(--c)}
.pl-svr{padding:1rem 0 2rem}
.pl-svr__head{text-align:center;padding:1.5rem 1rem 1.25rem;margin-bottom:1rem;border-radius:1.125rem;background:#f7f7f8}
.pl-svr--range .pl-svr__head{background:color-mix(in srgb,var(--c) 10%,#fff);border-top:6px solid var(--c)}
.pl-svr__head .pl-svr__logo{font-size:2.25rem;margin-bottom:.85rem}
.pl-svr__title{margin:0 0 .25rem;font-size:1.75rem;font-weight:800;color:#101111}
.pl-svr--range .pl-svr__title{color:var(--cd);text-transform:uppercase;letter-spacing:.02em}
.pl-svr__brand{color:#101111}
.pl-svr__care{margin:0 0 .5rem;font-size:1.05rem;color:#3a3a3e}
.pl-svr__miles{margin:0;font-size:.85rem;color:#55555a}
.pl-svr__nav{margin-bottom:1.5rem}
.pl-svr__nav .pl-svr-chips:not(.pl-svr-chips--grid){overflow-x:auto;scroll-snap-type:x proximity;padding:.25rem .1rem .5rem}
.pl-svr-chips--grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(14rem,1fr));gap:.75rem}
.pl-svr-chips--grid .pl-svr-chip{width:auto;min-height:6.75rem;padding:.9rem 1rem}
.pl-svr-chips--grid .pl-svr-chip__name{font-size:1.05rem}
.pl-svr-chips--grid .pl-svr-chip__care{font-size:.82rem}
.pl-svr__h2{margin:1.75rem 0 1rem;font-size:1.35rem;font-weight:700}
.pl-svr__all{margin-top:1.5rem;text-align:center}
.pl-svr__all a{font-weight:600;color:#3b1f55}
@media (max-width:767.98px){
.pl-svr-strip__box{flex-direction:column;align-items:stretch;gap:.4rem;padding:.6rem .75rem;border-radius:1rem}
.pl-svr-strip__brand{flex-direction:row;justify-content:space-between;align-items:center;padding:0 0 .4rem;border-right:0;border-bottom:1px solid #f0f0f3}
.pl-svr-strip__brand .pl-svr__logo{flex-direction:row;align-items:baseline;gap:.5rem;font-size:1.5rem}
.pl-svr-chip{width:9rem}
}
@media (max-width:575.98px){
.pl-svr-chips--grid{grid-template-columns:1fr 1fr;gap:.5rem}
.pl-svr-chips--grid .pl-svr-chip{min-height:5.75rem;padding:.65rem .7rem}
.pl-svr-chips--grid .pl-svr-chip__name{font-size:.9rem;white-space:normal}
.pl-svr__title{font-size:1.4rem}
}
.plm__i1--svr>.plm__a1,.plm-wrap .plm__i1--svr>.plm__a1{border-radius:999px;padding:.3rem .85rem!important;background:linear-gradient(135deg,#f6dd96,#e3b54a);color:#3b1f55!important;font-weight:600!important;opacity:1!important}
.plm__i1--svr>.plm__a1:hover{background:linear-gradient(135deg,#f0d07a,#d6a537)}
@media (min-width:1200px){
.plm-wrap .plm__i1--svr{margin-left:auto!important;margin-right:.375rem;align-self:center!important}
.plm-wrap .plm__i1--svr~.plm__i1--cats{margin-left:0!important}
}
@media (max-width:1199.98px){
.plm__l1>.plm__i1--svr{order:-3;flex:0 0 auto;margin:.25rem .5rem .75rem 1rem;border:0!important}
.plm__l1>.plm__i1--svr~.plm__i1--promos{margin-left:0}
}
/* Logo SVR fourni par Imed (3/11, fond transparent) */
.pl-svr__logo img{display:block;width:150px;height:auto}
.pl-svr__head .pl-svr__logo img{width:190px}
@media (max-width:767.98px){.pl-svr-strip__brand .pl-svr__logo img{width:92px}.pl-svr__head .pl-svr__logo img{width:150px}}
/* Espace SVR : Brand Miles mis en avant (4/11, Imed) : coupe dorée, couleurs de l'e-mail « Miles gagnés » */
.pl-svr-miles{display:flex;width:fit-content;align-items:center;gap:.9rem;max-width:40rem;margin:.75rem auto 0;padding:.85rem 1.25rem;border-radius:1rem;background:#3b1f55;color:#fff!important;text-align:left;text-decoration:none!important;box-shadow:0 6px 18px rgba(59,31,85,.18)}
.pl-svr-miles:hover{background:#4a2a6b}
.pl-svr-miles__icon{display:flex;align-items:center;justify-content:center;flex:0 0 auto;width:3rem;height:3rem;border-radius:50%;background:rgba(240,201,106,.16);color:#f0c96a}
.pl-svr-miles__txt{display:flex;flex-direction:column;gap:.15rem;font-size:.92rem;line-height:1.4;color:#f3eef8}
.pl-svr-miles__name{font-size:1.1rem;color:#f0c96a}
.pl-svr-miles__txt span strong{color:#f0c96a;font-size:1.08em;font-weight:800;white-space:nowrap}
@media (max-width:575.98px){.pl-svr-miles{gap:.7rem;padding:.75rem .9rem}.pl-svr-miles__icon{width:2.5rem;height:2.5rem}.pl-svr-miles__txt{font-size:.85rem}}
/* Page /svr sur ordinateur (4/11, Imed) : logo et encadré Brand Miles côte à côte, en-tête moins haut */
@media (min-width:992px){.pl-svr:not(.pl-svr--range) .pl-svr__head{display:flex;align-items:center;justify-content:flex-start;gap:2.5rem;padding:1rem 2rem}.pl-svr:not(.pl-svr--range) .pl-svr__head .pl-svr__logo{margin-bottom:0}.pl-svr:not(.pl-svr--range) .pl-svr__head .pl-svr__logo img{width:170px}.pl-svr:not(.pl-svr--range) .pl-svr-miles{margin:0 auto}}
/* Pages SVR (4/11, Imed) : moins de blanc sous le fil d'Ariane, en-tête à égale distance du fil d'Ariane et des gammes */
body.page-pl-svr .breadcrumb__wrapper{margin-bottom:.5rem}
body.page-pl-svr .pl-svr{padding-top:0}
body.page-pl-svr .pl-svr__head{margin-bottom:1.25rem}
/* Panier (4/11, Imed) : Miles gagnés avec ce panier, sous la ligne Livraison (même placement que « Mes Miles ») */
.cart-summary__line:has(.pl-cart-miles){flex-wrap:wrap}.cart-summary__value:has(.pl-cart-miles){display:contents}.cart-summary__value-inner:has(.pl-cart-miles){display:block;flex:0 0 100%;width:100%;text-align:left}
.pl-cart-miles,.pl-cart-miles *{white-space:normal}.pl-cart-miles{display:flex;gap:.65rem;align-items:flex-start;margin-top:.75rem;padding:.7rem .85rem;border-radius:.9rem;background:#3b1f55;color:#f3eef8;font-size:.82rem;line-height:1.4}
.pl-cart-miles__icon{display:flex;align-items:center;justify-content:center;flex:0 0 auto;width:2.1rem;height:2.1rem;border-radius:50%;background:rgba(240,201,106,.16);color:#f0c96a}
.pl-cart-miles__txt{display:flex;flex-direction:column;gap:.15rem;min-width:0}
.pl-cart-miles__title{color:#f3eef8}
.pl-cart-miles__list strong{color:#f0c96a;font-size:.95rem;font-weight:800}
.pl-cart-miles__note{font-size:.75rem;color:#ddd3e8}.pl-cart-miles__note strong{color:#f0c96a}.pl-cart-miles__note a{color:#fff;text-decoration:underline}
/* Commande et confirmation (4/11, Imed) : Miles gagnés, ligne discrète / message de confirmation */
.pl-miles-line{display:flex;align-items:center;gap:.5rem;margin:0 0 .75rem;padding:.5rem .75rem;border-radius:.75rem;background:#f3eef8;color:#3b1f55;font-size:.85rem;line-height:1.35}
.pl-miles-line__icon{display:flex;flex:0 0 auto;color:#b8892b}
.pl-miles-line strong{color:#3b1f55;font-weight:700}
.pl-miles-line--confirmation{margin:0 0 1rem;padding:.85rem 1rem;border-radius:1rem;background:#3b1f55;color:#f3eef8;font-size:.95rem}
.pl-miles-line--confirmation .pl-miles-line__icon{color:#f0c96a}.pl-miles-line--confirmation strong{color:#f0c96a}.pl-miles-line--confirmation a{color:#fff;text-decoration:underline}
/* Logo SVR du bandeau de l'accueil (4/11, Imed) : faisceau de lumière lent sur les lettres (1,6 s, puis pause ; cycle 3 s), sans étincelle ; CSS seul, rien si « réduire les animations » */
@media (prefers-reduced-motion:no-preference){
.pl-svr-strip .pl-svr__logo{position:relative}
.pl-svr-strip .pl-svr__logo::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(105deg,transparent 38%,rgba(255,255,255,.95) 50%,transparent 62%) no-repeat;background-size:250% 100%;background-position:130% 0;-webkit-mask:url(/modules/plhome/views/img/svr/svr-logo2-480.webp) center/contain no-repeat;mask:url(/modules/plhome/views/img/svr/svr-logo2-480.webp) center/contain no-repeat;animation:pl-svr-beam 3s ease-in-out infinite}
}
@keyframes pl-svr-beam{0%{background-position:130% 0}55%,100%{background-position:-30% 0}}
/* Pages de gamme SVR sur ordinateur (4/11, Imed) : logo, nom de la gamme et Brand Miles sur une ligne, comme /svr */
@media (min-width:992px){.pl-svr--range .pl-svr__head{display:grid;grid-template-columns:auto 1fr auto;grid-template-rows:auto auto;column-gap:2rem;align-items:center;text-align:left;padding:1rem 2rem}.pl-svr--range .pl-svr__head .pl-svr__logo{grid-column:1;grid-row:1/3;margin:0}.pl-svr--range .pl-svr__head .pl-svr__logo img{width:170px}.pl-svr--range .pl-svr__title{grid-column:2;grid-row:1;align-self:end;margin:0}.pl-svr--range .pl-svr__care{grid-column:2;grid-row:2;align-self:start;margin:.15rem 0 0}.pl-svr--range .pl-svr-miles{grid-column:3;grid-row:1/3;margin:0;max-width:27rem}}
/* Page de la marque SVR (4/11, Imed, recherche « SVR ») : présentation courte en haut, pastilles des gammes */
.pl-brand-intro{max-width:52rem;margin:-.25rem 0 1rem;color:#3a3a3e;font-size:.95rem;line-height:1.55}
.pl-svr-brandtop{margin:0 0 1.25rem}
.pl-svr-brandtop .pl-svr-chips{overflow-x:auto;scroll-snap-type:x proximity;scrollbar-width:thin;padding:.25rem .1rem .5rem}
.pl-svr-brandtop__all{margin:.35rem 0 0;font-size:.88rem}.pl-svr-brandtop__all a{font-weight:600;color:#3b1f55}

/* Page SVR (4/11, Imed) : présentation sur 2 lignes + « Lire la suite », téléphone puis ordinateur (envoi 642) : les produits se voient tout de suite */
.pl-brand-intro:not(.pl-ouvert){margin-bottom:.25rem}.pl-brand-intro:not(.pl-ouvert) p:not(:first-child){display:none}.pl-brand-intro:not(.pl-ouvert) p:first-child{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin:0}.pl-brand-more{display:inline-block;margin:0 0 .9rem;padding:0;border:0;background:none;color:#3b1f55;font-weight:600;font-size:.9rem;text-decoration:underline;text-underline-offset:2px}

/* Espace Filorga (5/11, Imed) : logo officiel en largeur (plus large que haut), sans toucher à l'espace SVR */
.pl-flg .pl-svr__logo img{width:230px}@media (max-width:767.98px){.pl-flg .pl-svr__logo img{width:180px}}@media (min-width:992px){.pl-flg.pl-svr--range .pl-svr__head .pl-svr__logo img{width:210px}}
.pl-flg .pl-svr-chip__name{white-space:normal;line-height:1.15;overflow-wrap:anywhere}
/* Accueil (5/11, Imed) : bannière Filorga sobre (bouton noir comme le site officiel) + bande des gammes Filorga */
.pl-flg-banner .pl-midbanner{background:#f0eee9}.pl-flg-banner__cta{position:absolute;left:7.8%;bottom:11%;background:#1a1a1a;color:#fff;font-weight:600;font-size:.82rem;letter-spacing:.08em;text-transform:uppercase;padding:.75rem 1.5rem;line-height:1.2}.pl-flg-banner .pl-midbanner:hover .pl-flg-banner__cta{background:#444}@media (max-width:767.98px){.pl-flg-banner__cta{left:5.2%;bottom:5%;font-size:.62rem;padding:.42rem .7rem;letter-spacing:.05em}}
.pl-flg-strip .pl-svr__logo img{width:170px}@media (max-width:767.98px){.pl-flg-strip .pl-svr__logo img{width:118px}}
@media (min-width:768px){.pl-flg-banner__cta{left:62%;top:50%;bottom:auto;transform:translate(-50%,-50%);white-space:nowrap}}
/* Filorga sans mauve (5/11, Imed) : lien de la bande et encadré Brand Miles en noir et beige */
.pl-flg-strip .pl-svr-strip__go{color:#1a1a1a}.pl-flg .pl-svr-miles{background:#f0eee9;color:#1a1a1a!important;border:1px solid #1a1a1a;border-radius:0;box-shadow:none}.pl-flg .pl-svr-miles:hover{background:#e7e4dd}.pl-flg .pl-svr-miles__icon{background:#fff;color:#1a1a1a}.pl-flg .pl-svr-miles__txt{color:#3a3a3a}.pl-flg .pl-svr-miles__name,.pl-flg .pl-svr-miles__txt span strong{color:#1a1a1a}
@media (max-width:767.98px){.pl-flg-banner__cta{left:5.2%;right:auto;bottom:8%}.pl-flg-strip .pl-svr-chip__care{display:none}.pl-flg-strip .pl-svr-chip{width:auto;padding:.45rem .8rem .5rem}.pl-flg-strip .pl-svr-chip__name{white-space:nowrap}}
/* Bannière Filorga (5/11, Imed) : reflet lumineux sur le cadre « 10 % … en Brand Miles » de l'image, toutes les 3 s ; rien si « réduire les animations » */
.pl-flg-banner__miles{position:absolute;left:7.76%;top:71.4%;width:32.45%;height:12.2%;overflow:hidden;pointer-events:none}@media (max-width:767.98px){.pl-flg-banner__miles{left:5.09%;top:56.25%;width:46.1%;height:13.5%}}@media (prefers-reduced-motion:no-preference){.pl-flg-banner__miles::after{content:"";position:absolute;inset:0;background:linear-gradient(105deg,transparent 35%,rgba(255,255,255,.9) 50%,transparent 65%) no-repeat;background-size:250% 100%;background-position:130% 0;animation:pl-flg-reflet 3s ease-in-out infinite}}@keyframes pl-flg-reflet{0%{background-position:130% 0}45%,100%{background-position:-30% 0}}
.pl-flg-strip .pl-svr__logo::after{content:none!important;animation:none!important}
/* Bannière Sensilis sous « Nos packs » (5/11, Imed : moins d'espace blanc, format bas) */
.pl-packs:has(+ .pl-sens-banner){padding-bottom:0}.pl-packs + .pl-sens-banner{margin-top:1rem}.pl-sens-banner + .pl-section{padding-top:1.5rem}@media (min-width:768px){.pl-sens-banner .pl-midbanner__cta{bottom:7%}}
/* Bannière du haut SVR sobre (5/11, Imed) : bouton noir carré dans la partie vide, reflet sur le cadre Brand Miles de l'image */
.pl-hero__link--sobre{position:relative;display:block}.pl-hero__link--sobre .pl-hero__cta{background:#111113!important;color:#fff!important;border-radius:0!important;box-shadow:none!important;font-weight:600;font-size:.82rem;letter-spacing:.08em;text-transform:uppercase;padding:.75rem 1.5rem!important;line-height:1.2!important;left:7.76%!important;top:68%;bottom:auto!important;translate:none;white-space:nowrap}.pl-hero__link--sobre:hover .pl-hero__cta{background:#444!important}.pl-hero__link--sobre .pl-hero__cta::after{border-radius:0}
.pl-hero__miles{position:absolute;left:7.76%;top:49.25%;width:33%;height:11.5%;overflow:hidden;pointer-events:none}@media (prefers-reduced-motion:no-preference){.pl-hero__miles::after{content:"";position:absolute;inset:0;background:linear-gradient(105deg,transparent 35%,rgba(255,255,255,.9) 50%,transparent 65%) no-repeat;background-size:250% 100%;background-position:130% 0;animation:pl-flg-reflet 3s ease-in-out infinite}}
@media (max-width:767.98px){.pl-hero__link--sobre .pl-hero__cta{left:5.2%!important;top:70.9%;translate:none;font-size:.62rem!important;padding:.42rem .7rem!important;letter-spacing:.05em}.pl-hero__miles{left:5.09%;top:41.6%;width:44.35%;height:20%}}
.pl-cta-court{display:none}.pl-hero__link--sobre .pl-cta-long{display:none}.pl-hero__link--sobre .pl-cta-court{display:inline}
.pl-hero__link--sobre .pl-hero__cta{animation:none!important}.pl-hero__link--sobre .pl-hero__cta::after{content:none!important;animation:none!important}
/* Bandes SVR et Filorga sur téléphone (5/11, Imed) : compactes, gammes sans description, logos plus petits */
@media (max-width:767.98px){.pl-svr-strip{margin:.6rem 0 .1rem}.pl-svr-strip__box{gap:.3rem;padding:.45rem .6rem}.pl-svr-strip__brand{padding:0 0 .3rem}.pl-svr-strip__brand .pl-svr__logo img{width:66px}.pl-flg-strip .pl-svr-strip__brand .pl-svr__logo img{width:92px}.pl-svr-strip__go{font-size:.75rem}.pl-svr-strip__list{padding:.15rem .1rem .25rem}.pl-svr-strip .pl-svr-chip__care{display:none}.pl-svr-strip .pl-svr-chip{width:auto;padding:.4rem .7rem .45rem;border-top-width:3px}.pl-svr-strip .pl-svr-chip__name{white-space:nowrap;font-size:.8rem}}
/* « Trouvez votre soin » en ronds (5/11, Imed : les grandes cartes prenaient trop de place) */
.pl-cats--ronds{padding:1.5rem 0 .5rem}.pl-cats--ronds .pl-h1{font-size:1.4rem;margin:0}.pl-ronds{list-style:none;margin:.9rem 0 0;padding:.2rem .1rem .5rem;display:flex;gap:1rem;justify-content:space-between;overflow-x:auto;scroll-snap-type:x proximity;scrollbar-width:none}.pl-ronds::-webkit-scrollbar{display:none}.pl-ronds li{flex:0 0 auto;scroll-snap-align:start}.pl-rond{display:flex;flex-direction:column;align-items:center;gap:.45rem;width:7.5rem;text-decoration:none!important;color:var(--pa-ink)}.pl-rond__img{display:block;width:6.5rem;height:6.5rem;border-radius:50%;overflow:hidden;background:#f6f3fa;box-shadow:0 0 0 2px #fff,0 0 0 3px #e3dfe8;transition:box-shadow .2s,transform .2s}.pl-rond__img picture,.pl-rond__img img{display:block;width:100%;height:100%;object-fit:cover}.pl-rond:hover .pl-rond__img{box-shadow:0 0 0 2px #fff,0 0 0 4px #3b1f55;transform:translateY(-2px)}.pl-rond__name{font-size:.82rem;font-weight:600;line-height:1.2;text-align:center}.pl-cats--ronds + .pl-needs{margin-top:.25rem}@media (max-width:767.98px){.pl-cats--ronds{padding:1rem 0 .25rem}.pl-cats--ronds .pl-h1{font-size:1.15rem}.pl-ronds{justify-content:flex-start;gap:.7rem;margin-top:.6rem}.pl-rond{width:4.9rem;gap:.35rem}.pl-rond__img{width:4.4rem;height:4.4rem}.pl-rond__name{font-size:.72rem}}@media (prefers-reduced-motion:reduce){.pl-rond__img{transition:none}}
/* Ronds qui défilent seuls (5/11, Imed) : bande glissable au doigt ; le script de home.tpl la fait avancer doucement (liste écrite 2 fois, boucle) ; rien si « réduire les animations » */
.pl-ronds-wrap{position:relative;margin-top:.9rem;overflow-x:auto;scrollbar-width:none;-webkit-mask-image:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent);mask-image:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent)}.pl-ronds-wrap::-webkit-scrollbar{display:none}.pl-ronds-wrap .pl-ronds{margin:0;width:max-content;gap:0;justify-content:flex-start;overflow:visible;scroll-snap-type:none}.pl-ronds-wrap .pl-ronds li{margin-right:1.6rem}@media (max-width:767.98px){.pl-ronds-wrap{margin-top:.6rem}.pl-ronds-wrap .pl-ronds li{margin-right:.8rem}}@media (prefers-reduced-motion:reduce){.pl-ronds-wrap{-webkit-mask-image:none;mask-image:none}.pl-ronds__bis{display:none}}
/* Bande Sensilis sous sa bannière (5/11, Imed) : même style que la bande Filorga ; espace réduit avant « Nouveautés » */
.pl-sens-banner + .pl-sns-strip + .pl-section{padding-top:1.5rem}
/* Bannière Sensilis : bouton noir carré sans animation, comme SVR et Filorga (5/11, Imed) */
.pl-sens-banner .pl-midbanner__cta{background:#111113!important;color:#fff!important;border-radius:0!important;box-shadow:none!important;font-weight:600;font-size:.82rem;letter-spacing:.08em;text-transform:uppercase;padding:.75rem 1.5rem!important;line-height:1.2!important;animation:none!important}.pl-sens-banner .pl-midbanner__cta::after{content:none!important;animation:none!important}.pl-sens-banner .pl-midbanner:hover .pl-midbanner__cta{background:#444!important}@media (max-width:767.98px){.pl-sens-banner .pl-midbanner__cta{font-size:.62rem!important;padding:.42rem .7rem!important;letter-spacing:.05em}}
/* Bouton Sensilis aligné sous le cadre « + Miles Sensilis à gagner » (5/11, Imed) */
.pl-sens-banner .pl-midbanner__cta{left:50%!important;top:50%;bottom:auto!important;translate:-50% -50%;white-space:nowrap}@media (max-width:767.98px){.pl-sens-banner .pl-midbanner__cta{left:5.09%!important;top:63.25%;bottom:auto!important;translate:none}}
/* Bannière Sensilis selon la charte (5/11, Imed) : reflet sur le cadre « + Miles Sensilis à gagner » de l'image */
.pl-sens-miles{position:absolute;left:7.76%;top:53.9%;width:16.25%;height:12.8%;overflow:hidden;pointer-events:none}@media (max-width:767.98px){.pl-sens-miles{left:5.09%;top:39.5%;width:33.2%;height:13.5%}}@media (prefers-reduced-motion:no-preference){.pl-sens-miles::after{content:"";position:absolute;inset:0;background:linear-gradient(105deg,transparent 35%,rgba(255,255,255,.9) 50%,transparent 65%) no-repeat;background-size:250% 100%;background-position:130% 0;animation:pl-flg-reflet 3s ease-in-out infinite}}
/* Bannières « Peau sèche » et « Brand Miles » selon la charte (5/11, Imed) : bouton noir carré sous le texte, reflet sur le cadre Miles */
.pl-mid-sobre .pl-midbanner__cta{background:#111113!important;color:#fff!important;border-radius:0!important;box-shadow:none!important;font-weight:600;font-size:.82rem;letter-spacing:.08em;text-transform:uppercase;padding:.75rem 1.5rem!important;line-height:1.2!important;animation:none!important;left:7.81%!important;top:61.7%;bottom:auto!important}.pl-mid-sobre .pl-midbanner__cta::after{content:none!important;animation:none!important}.pl-mid-sobre .pl-midbanner:hover .pl-midbanner__cta{background:#444!important}.pl-mid-miles__reflet{position:absolute;left:7.81%;top:43.9%;width:34.64%;height:12.5%;overflow:hidden;pointer-events:none}@media (prefers-reduced-motion:no-preference){.pl-mid-miles__reflet::after{content:"";position:absolute;inset:0;background:linear-gradient(105deg,transparent 35%,rgba(255,255,255,.9) 50%,transparent 65%) no-repeat;background-size:250% 100%;background-position:130% 0;animation:pl-flg-reflet 3s ease-in-out infinite}}@media (max-width:767.98px){.pl-mid-sobre .pl-midbanner__cta{font-size:.62rem!important;padding:.42rem .7rem!important;letter-spacing:.05em;left:5.19%!important}.pl-mid-hiver .pl-midbanner__cta{top:56.25%}.pl-mid-miles .pl-midbanner__cta{top:59.5%}.pl-mid-miles__reflet{left:5.19%;top:34%;width:23.24%;height:21.75%}}
/* Envoi 718 (Imed) : bouton bien séparé du texte ; Peau sèche ordinateur = bouton au milieu de la partie vide */
.pl-mid-hiver .pl-midbanner__cta{left:64.6%!important;top:50%;translate:-50% -50%}.pl-mid-miles .pl-midbanner__cta{top:65%}.pl-mid-miles__reflet{top:40.56%;height:12.2%}@media (max-width:767.98px){.pl-mid-hiver .pl-midbanner__cta{left:5.19%!important;top:57.5%;translate:none}.pl-mid-miles .pl-midbanner__cta{top:61%}.pl-mid-miles__reflet{top:29.5%;height:21.5%}}
/* Envoi 721 (Imed) : boutons des 5 bannières (SVR, Filorga, Sensilis, Peau sèche, Brand Miles) avec un angle très légèrement arrondi, comme les cartes du site */
.pl-hero__link--sobre .pl-hero__cta,.pl-flg-banner .pl-flg-banner__cta,.pl-flg-banner__cta,.pl-sens-banner .pl-midbanner__cta,.pl-mid-sobre .pl-midbanner__cta{border-radius:4px!important}
/* Envoi 722 (Imed) : plus de faisceau sur le logo SVR de la bande de l'accueil (trop d'animations en haut de page) */
.pl-svr-strip .pl-svr__logo::after{content:none!important;animation:none!important}
/* 2e bannière SVR « Nos meilleurs prix » (5/11, Imed) : 1re diapositive du carrousel du haut, même hauteur que la bannière SVR bleue
   (1920 × 400 ordinateur, 1080 × 440 téléphone), fond vert pistache (gamme Sebiaclear #a7d500 adoucie), produits détourés, prix en direct */
.pl-carousel__slide--prix{min-width:0}.pl-svrprix__box{position:relative;min-width:0;width:100%;contain:inline-size;display:grid;grid-template-columns:minmax(0,38%) minmax(0,1fr);align-items:center;gap:2%;aspect-ratio:1920/400;overflow:hidden;border-radius:1.5rem;background:linear-gradient(100deg,#f1f8d6 0%,#e4f1b4 100%);padding:1.1rem 2.2rem 1.1rem 7.76%}
.pl-svrprix__title{font-family:Inter,system-ui,sans-serif;font-weight:300!important;text-transform:uppercase;font-size:1.65rem!important;line-height:1.08;letter-spacing:.01em;color:#111113;margin:0 0 .55rem}
.pl-svrprix__sub{color:#33401a;font-size:.88rem;line-height:1.35;margin:0 0 1.1rem}
.pl-svrprix__cta{display:inline-block;background:#111113;color:#fff!important;border-radius:4px;font-weight:600;font-size:.82rem;letter-spacing:.08em;text-transform:uppercase;padding:.75rem 1.5rem;line-height:1.2;text-decoration:none!important}.pl-svrprix__cta:hover{background:#444}
.pl-svrprix__list{list-style:none;margin:0;padding:0;height:100%;display:grid;grid-template-columns:repeat(var(--n,4),minmax(0,1fr));gap:1rem;align-items:stretch}.pl-svrprix__list li{min-height:0;display:flex}
.pl-svrprix__p{flex:1;display:flex;flex-direction:column;align-items:center;min-height:0;text-align:center;text-decoration:none!important;color:#111113!important;padding:.2rem .3rem;border-radius:.75rem;transition:transform .2s}
.pl-svrprix__img{position:relative;flex:1 1 0;min-height:0;width:100%;margin-bottom:.3rem}.pl-svrprix__img img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 6px 8px rgba(40,60,0,.18))}
.pl-svrprix__p--rond .pl-svrprix__img::before{content:"";position:absolute;top:0;bottom:0;left:50%;aspect-ratio:1/1;max-width:100%;translate:-50% 0;border-radius:50%;background:#fff}.pl-svrprix__p--rond .pl-svrprix__img img{mix-blend-mode:multiply;filter:none;inset:8%;width:84%;height:84%}.pl-svrprix__gift{position:absolute;left:0;top:0;z-index:1;background:#111113;color:#fff;border-radius:4px;font-size:.6rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;padding:.22rem .5rem;white-space:nowrap;line-height:1.2}
.pl-svrprix__name{font-size:.76rem;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:2.6em;margin-bottom:.2rem;flex:none}
.pl-svrprix__prices{flex:none;font-size:.74rem;white-space:nowrap}.pl-svrprix__prices s{color:#5a6640;margin-right:.25rem}.pl-svrprix__prices b{font-size:1rem;font-weight:700}
@media (hover:hover){.pl-svrprix__p:hover{transform:translateY(-4px)}}
@media (max-width:1399.98px){.pl-svrprix__title{font-size:1.4rem!important}}
@media (max-width:1199.98px){.pl-svrprix__box{padding:.8rem 1.4rem .8rem 6%}.pl-svrprix__name{display:none}.pl-svrprix__title{font-size:1.15rem!important}.pl-svrprix__sub{font-size:.76rem;margin-bottom:.7rem}.pl-svrprix__prices s{display:none}.pl-svrprix__list{gap:.6rem}}
@media (max-width:991.98px){.pl-svrprix__sub{display:none}.pl-svrprix__title{font-size:1rem!important}.pl-svrprix__cta{font-size:.68rem;padding:.5rem .9rem}.pl-svrprix__prices s{display:none}}
@media (max-width:767.98px){.pl-svrprix__gift{font-size:.5rem;padding:.16rem .35rem}.pl-svrprix__box{aspect-ratio:1080/440;grid-template-columns:minmax(0,46%) minmax(0,1fr);gap:1%;padding:.45rem .5rem .4rem 5.2%;border-radius:1.5rem}.pl-svrprix__title{font-size:.86rem!important;line-height:1.18;margin:0 0 .5rem}.pl-svrprix__cta{font-size:.56rem;padding:.42rem .7rem;letter-spacing:.05em}.pl-svrprix__list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:minmax(0,1fr);gap:.3rem}.pl-svrprix__list li:nth-child(odd){grid-area:1/1}.pl-svrprix__list li:nth-child(even){grid-area:1/2}.pl-svrprix__list li{opacity:0;visibility:hidden;transition:opacity .9s ease,visibility 0s .9s}.pl-svrprix__list li.is-on,.pl-svrprix__list:not(.js-fondu) li:nth-child(-n+2){opacity:1;visibility:visible;transition:opacity .9s ease}.pl-svrprix__p{padding:0}.pl-svrprix__img{margin-bottom:.2rem}.pl-svrprix__prices s{display:none}.pl-svrprix__prices b{font-size:.76rem}}
@media (max-width:767.98px) and (prefers-reduced-motion:reduce){.pl-svrprix__list li{transition:none}}
@media (max-width:359.98px){.pl-svrprix__prices s{display:none}.pl-svrprix__title{font-size:.8rem!important}}
/* Imed 5/11 : plus de boutons (points, lecture) sous le carrousel du haut ; il défile seul et au doigt */
.pl-hero .pl-carousel__controls{display:none;visibility:hidden;height:0;margin:0;padding:0;overflow:hidden}
/* Bannière SVR prix : vraies proportions (--h = taille relative, Gel 400 ml = 100 %), produits posés sur la même ligne */
.pl-svrprix__p:not(.pl-svrprix__p--rond) .pl-svrprix__img img{top:auto;bottom:0;height:var(--h,100%);object-position:center bottom}
.pl-svrprix__gift{top:auto;bottom:calc(var(--h,100%) + 6px);left:50%;translate:-50% 0}
@media (max-width:767.98px){.pl-svrprix__gift{font-size:.42rem;padding:.12rem .28rem;letter-spacing:.03em}}
/* Bannière SVR prix = mêmes mesures que la bannière SVR bleue (Imed 5/11), en unités de largeur de bannière (cqw, 1 cqw = 19,2 px d'image 1920) :
   titre Segoe UI Light 58/1920 à gauche 7,8 %, haut 16,5 % ; sous-titre 26/1920 ; bouton à gauche 7,76 %, haut 68 % (téléphone : 44/1080, 5,2 %, 24 %, bouton 70,9 %) */
.pl-carousel__slide--prix .pl-svrprix__box{display:block;container-type:inline-size;padding:0}
.pl-carousel__slide--prix .pl-svrprix__txt{position:static}
.pl-carousel__slide--prix .pl-svrprix__title{position:absolute;left:7.81%;top:16.5%;margin:0;font-family:"Segoe UI Light","Segoe UI",Inter,system-ui,sans-serif!important;font-weight:300!important;font-size:3.02cqw!important;line-height:1.2;letter-spacing:0;color:#111113;white-space:nowrap}
.pl-carousel__slide--prix .pl-svrprix__sub{position:absolute;left:7.81%;top:53%;margin:0;font-family:"Segoe UI",Inter,system-ui,sans-serif;font-size:1.354cqw;line-height:1.2;color:#1e3246;white-space:nowrap}
.pl-carousel__slide--prix .pl-svrprix__cta{position:absolute;left:7.76%;top:68%;margin:0}
.pl-carousel__slide--prix .pl-svrprix__list{position:absolute;left:50%;right:2%;top:5%;bottom:5%;height:auto}
.pl-br-tel{display:none}
@media (max-width:767.98px){.pl-carousel__slide--prix .pl-svrprix__title{left:5.19%;top:24.1%;font-size:4.07cqw!important;line-height:1.2}.pl-carousel__slide--prix .pl-br-tel{display:inline}.pl-carousel__slide--prix .pl-svrprix__sub{display:none}.pl-carousel__slide--prix .pl-svrprix__cta{left:5.2%;top:70.9%;font-size:.62rem;padding:.42rem .7rem;letter-spacing:.05em}.pl-carousel__slide--prix .pl-svrprix__list{left:47%;right:2.5%;top:6%;bottom:5%}}
/* Texte de la bannière SVR prix en image (Segoe UI Light, comme la bannière bleue) : le texte HTML reste pour Google et les lecteurs d'écran */
.pl-svrprix__texte{position:absolute;inset:0;pointer-events:none}.pl-svrprix__texte img{display:block;width:100%;height:100%}.pl-svrprix__box--texte .pl-svrprix__title,.pl-svrprix__box--texte .pl-svrprix__sub{clip-path:inset(50%);width:1px!important;height:1px;overflow:hidden;white-space:nowrap}
/* Nom court des produits : téléphone et tablette seulement (Imed 5/11) */
.pl-svrprix__court{display:none}@media (max-width:1199.98px){.pl-svrprix__court{display:block;flex:none;font-size:.7rem;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;margin-bottom:.1rem}}@media (max-width:767.98px){.pl-svrprix__court{font-size:.52rem;letter-spacing:-.01em}.pl-svrprix__p .pl-svrprix__prices b{font-size:.72rem}}
/* Bannière SVR prix : pastille Miles (coupe +X) en bas à gauche de la photo, comme sur les vignettes (Imed 5/11) */
.pl-svrprix__miles{position:absolute!important;left:0;bottom:0;z-index:1;margin:0!important}@media (max-width:767.98px){.pl-svrprix__miles{font-size:.52rem!important;padding:.1rem .3rem!important}.pl-svrprix__miles svg{width:9px;height:9px}.pl-svrprix__miles-mot{display:none}}
.pl-svrprix__miles{background:linear-gradient(135deg,#f8e3a3 0%,#e3b54a 100%)!important;color:#3a2a05!important;border:0!important;box-shadow:0 1px 3px rgba(120,80,0,.25)!important;font-weight:700!important}.pl-svrprix__miles svg{color:#7a5300}
/* Carrousel du haut : flèches blanches sur les côtés des bannières, ordinateur et tablette (Imed 5/11 : « pas moyen de bouger les bannières ») */
.pl-hero{position:relative}.pl-arrows--hero .pl-arrow{top:calc(50% + .5rem)!important;width:2.75rem!important;height:2.75rem!important}.pl-arrows--hero .pl-arrow--prev{left:max(.75rem,calc((100% - 1320px) / 2 - 1.375rem))!important}.pl-arrows--hero .pl-arrow--next{right:max(.75rem,calc((100% - 1320px) / 2 - 1.375rem))!important}
.pl-svrprix__miles-mot{display:none}
/* Téléphone : 1 produit à la fois, fondu plus rapide (Imed 5/11) */
@media (max-width:767.98px){.pl-svrprix__list{grid-template-columns:minmax(0,1fr)!important}.pl-svrprix__list li:nth-child(n){grid-area:1/1!important;transition:opacity .45s ease,visibility 0s .45s}.pl-svrprix__list li.is-on{transition:opacity .45s ease}.pl-svrprix__list:not(.js-fondu) li:nth-child(2){opacity:0;visibility:hidden}.pl-svrprix__court{font-size:.6rem}.pl-svrprix__prices b{font-size:.82rem}.pl-svrprix__miles{font-size:.56rem!important}}
@media (max-width:767.98px){.pl-svrprix__miles{left:calc(50% + 1.5rem)!important;bottom:2px!important}}
/* Téléphone : un seul produit à la fois, plus de comparaison de taille → tous à pleine hauteur (Imed 5/11) */
@media (max-width:767.98px){.pl-svrprix__img{--h:100%!important}}
/* « Cadeau inclus » : texte noir sur ordinateur, pastille dorée « + icône cadeau » sur téléphone, au-dessus de la pastille Miles (Imed 5/11) */
.pl-svrprix__gift-ico{display:none}@media (max-width:767.98px){.pl-svrprix__gift{top:auto!important;bottom:calc(2px + 1.15rem)!important;left:calc(50% + 1.5rem)!important;translate:none!important;background:linear-gradient(135deg,#f8e3a3 0%,#e3b54a 100%)!important;color:#3a2a05!important;border-radius:999px!important;padding:.1rem .32rem!important;font-size:.56rem!important;font-weight:700!important;letter-spacing:0!important;box-shadow:0 1px 3px rgba(120,80,0,.25)}.pl-svrprix__gift-txt{display:none}.pl-svrprix__gift-ico{display:inline-flex;align-items:center;gap:1px}.pl-svrprix__gift-ico svg{width:9px;height:9px;color:#7a5300}}
/* 5/11/2026 (Imed) : bannière SVR Sun Secure Blur, 2e diapositive du carrousel du haut (fond photo étirée, titre en image, prix et Miles en direct) */
.pl-carousel__slide--blur{min-width:0}.pl-svrblur{position:relative;display:block;container-type:inline-size;aspect-ratio:1920/400;overflow:hidden;border-radius:1.5rem;background:#f3a77c;color:#111113!important;text-decoration:none!important}
.pl-svrblur__fond,.pl-svrblur__texte{position:absolute;inset:0;pointer-events:none}.pl-svrblur__fond img,.pl-svrblur__texte img{display:block;width:100%;height:100%;object-fit:cover}
.pl-svrblur__title{position:absolute;left:7.6%;top:12%;margin:0;font-size:3.02cqw!important;font-weight:300;line-height:1.2;text-transform:uppercase}
.pl-svrblur__prix{position:absolute;left:7.6%;top:51%;display:flex;align-items:center;gap:.9cqw;white-space:nowrap;line-height:1}
.pl-svrblur__prix b{font-size:2.5cqw;font-weight:700}.pl-svrblur__prix s{font-size:1.45cqw;color:rgba(17,17,19,.6)}
.pl-svrblur .pl-svrblur__miles{position:relative!important;left:auto!important;bottom:auto!important;font-size:max(.72rem,1.05cqw)!important;padding:.25em .6em!important}.pl-svrblur .pl-svrblur__miles svg{width:1.1em;height:1.1em}
.pl-svrblur__gift{background:#111113;color:#fff;font-size:max(.6rem,.8cqw);font-weight:600;letter-spacing:.06em;text-transform:uppercase;padding:.35em .7em;border-radius:4px}
.pl-svrblur__cta{position:absolute;left:7.76%;top:68%;margin:0}.pl-svrblur:hover .pl-svrblur__cta{background:#444}
@media (max-width:767.98px){.pl-svrblur{aspect-ratio:1080/440}.pl-svrblur__title{left:5.2%;top:14.5%;font-size:4.07cqw!important}.pl-svrblur__prix{left:5.2%;top:55%;gap:1.6cqw}.pl-svrblur__prix b{font-size:4.4cqw}.pl-svrblur__prix s{font-size:2.8cqw}.pl-svrblur .pl-svrblur__miles{left:auto!important;bottom:auto!important;font-size:.56rem!important}.pl-svrblur__gift{font-size:.5rem}.pl-svrblur__cta{left:5.2%;top:70.9%;font-size:.62rem;padding:.42rem .7rem;letter-spacing:.05em}}
/* Imed 5/11 : sur ordinateur, prix du Blur au milieu de la partie vide (entre le titre et la photo), plus grand */
.pl-svrblur__extra{display:inline-flex;align-items:center;gap:inherit}
@media (min-width:768px){.pl-svrblur__prix{left:62%;top:50%;translate:-50% -50%;flex-direction:column;gap:.7cqw;text-align:center}.pl-svrblur__prix b{font-size:3.06cqw}.pl-svrblur__prix s{font-size:1.36cqw}.pl-svrblur__extra{gap:.6cqw}}
/* Imed 5/11 : sur téléphone aussi, prix du Blur au milieu de la partie vide (entre le titre et le tube), 85 % */
@media (max-width:767.98px){.pl-svrblur__prix{left:53%;top:50%;translate:-50% -50%;flex-direction:column;gap:1cqw;text-align:center}.pl-svrblur__prix b{font-size:3.74cqw}.pl-svrblur__prix s{font-size:2.38cqw}.pl-svrblur__extra{flex-direction:column;gap:1cqw}}
/* Imed 5/11 : boutons des bannières tous à la même hauteur sur ordinateur (44 px comme « Découvrir » de la bannière SVR bleue) */
@media (min-width:768px){.pl-svrprix__cta,.pl-flg-banner__cta{display:inline-flex;align-items:center;justify-content:center;min-height:2.75rem}}
/* Imed 5/11 : sur téléphone, moins d'espace blanc au-dessus d'une bannière du milieu qui suit une rangée de produits */
@media (max-width:767.98px){.pl-section + .pl-midbanner-wrap.pl-mid-sobre{margin-top:.5rem!important}.pl-section:has(+ .pl-midbanner-wrap.pl-mid-sobre){padding-bottom:.75rem!important}}
/* Imed 5/11 : bannière Blur, reflet lumineux qui passe sur le prix toutes les 4 s (CSS seul, rien si « réduire les animations ») */
@keyframes pl-blur-reflet{0%,62%{background-position:120% 0}100%{background-position:-20% 0}}
@media (prefers-reduced-motion:no-preference){.pl-svrblur__prix b{background:linear-gradient(100deg,#111113 0%,#111113 42%,#fff6ec 50%,#111113 58%,#111113 100%);background-size:250% 100%;background-position:120% 0;-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent;animation:pl-blur-reflet 4s ease-in-out 1s infinite}}
/* Bannière SVR Sebiaclear à 5 produits (5/11/2026, Imed : « ils sont collés ») : zone plus large, arrêtée avant la flèche, nom court seul, textes proportionnels à la largeur, prix barré seulement sur grand écran */
@media (min-width:768px){.pl-carousel__slide--prix .pl-svrprix__list--5{left:45.5%;right:4.2%;gap:.35rem}
.pl-svrprix__list--5 .pl-svrprix__p{padding:.2rem .1rem;min-width:0}
.pl-svrprix__list--5 .pl-svrprix__name{display:none!important}
.pl-svrprix__list--5 .pl-svrprix__court{display:block!important;flex:none;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:clamp(.6rem,.92cqw,.95rem)!important;line-height:1.25;margin:.15rem 0 .05rem}
.pl-svrprix__list--5 .pl-svrprix__prices{white-space:nowrap;max-width:100%;overflow:hidden}
.pl-svrprix__list--5 .pl-svrprix__prices b{font-size:clamp(.7rem,1.1cqw,1.15rem)!important}
.pl-svrprix__list--5 .pl-svrprix__prices s{font-size:clamp(.55rem,.75cqw,.8rem)!important}}
@media (min-width:768px) and (max-width:1699.98px){.pl-svrprix__list--5 .pl-svrprix__prices s{display:none!important}}
@media (min-width:1700px){.pl-svrprix__list--5 .pl-svrprix__prices{display:flex;flex-direction:column;justify-content:flex-end;align-items:center;min-height:2.3rem}.pl-svrprix__list--5 .pl-svrprix__prices s{display:block;line-height:1.1}}
/* 6/11/2026 (Imed) : espace compléments alimentaires (/complements) et sa bande d'accueil, sur le modèle de l'espace SVR */
.pl-cpl__logo{font-size:1.6rem!important;letter-spacing:.02em;color:#1f6e62!important}
.pl-cpl__logo small{color:#55555a}
.pl-cpl-strip .pl-cpl__logo{font-size:1.25rem!important;text-align:center}
.pl-cpl-strip .pl-svr-strip__go{color:#1f6e62}
.pl-cpl__info{display:flex;align-items:center;gap:.9rem;max-width:40rem;margin:.75rem auto 0;padding:.8rem 1.15rem;border-radius:1rem;background:#eaf6f3;color:#24403b;text-align:left;font-size:.92rem;line-height:1.45}
.pl-cpl__info strong{color:#1f6e62}
.pl-cpl__info-icon{display:flex;align-items:center;justify-content:center;flex:0 0 auto;width:2.8rem;height:2.8rem;border-radius:50%;background:#fff;color:#1f6e62}
@media (min-width:992px){.pl-cpl:not(.pl-svr--range) .pl-cpl__info{margin:0 auto}}
@media (max-width:767.98px){.pl-cpl__logo{font-size:1.3rem!important}.pl-cpl-strip .pl-cpl__logo{font-size:1.05rem!important}.pl-cpl-strip .pl-svr-chip__care{display:none}.pl-cpl-strip .pl-svr-chip{width:auto;padding:.45rem .8rem .5rem}.pl-cpl-strip .pl-svr-chip__name{white-space:nowrap}.pl-cpl__info{font-size:.84rem;gap:.7rem;padding:.7rem .85rem}.pl-cpl__info-icon{width:2.3rem;height:2.3rem}}/* 6/11/2026 (Imed) : bannière compléments alimentaires du carrousel du haut (mêmes mesures que la bannière Sebiaclear), fond vert d'eau */
.pl-carousel__slide--cpl .pl-svrprix__box{background:linear-gradient(100deg,#eaf7f3 0%,#cdece2 100%)}
.pl-carousel__slide--cpl .pl-svrprix__prices s{color:#3f5f57}
.pl-carousel__slide--cpl .pl-svrprix__img img{filter:drop-shadow(0 6px 8px rgba(0,50,40,.16))}
.pl-cpl .pl-svr-chip__name{white-space:normal;overflow-wrap:anywhere}
/* 6/11 (Imed) : bannière compléments à part, sous « Ou par besoin », bande des rayons collée dessous */
.pl-cpl-banner{margin-top:1.75rem;margin-bottom:.5rem}
/* 6/11 (Imed : « comme sur le téléphone, sur une seule ligne », « on peut garder la description ») : les 12 rayons de compléments
   sur une ligne qui défile seule, sans barre de défilement ; sur ordinateur nom + description (nom sur 2 lignes si besoin),
   sur téléphone noms seuls (règle plus haut) */

.pl-cpl-strip .pl-svr-strip__list li{flex:0 0 auto}
@media (min-width:768px){.pl-cpl-strip .pl-svr-chip{width:12rem;padding:.5rem .75rem .55rem}.pl-cpl-strip .pl-svr-chip__name{white-space:normal;font-size:.82rem;line-height:1.15}.pl-cpl-strip .pl-svr-chip__care{font-size:.74rem;line-height:1.3}}/* 6/11 (Imed) : 2e image de la zone compléments « NOUVEAU Hydra Forté » (fond pêche clair), étiquette Nouveau, points sous la zone */
.pl-carousel__slide--hydra .pl-svrprix__box{background:linear-gradient(100deg,#fff4ea 0%,#ffdcc6 100%)}
.pl-carousel__slide--hydra .pl-svrprix__img img{filter:drop-shadow(0 6px 8px rgba(120,40,0,.16))}
.pl-cpl-badge{position:absolute;left:7.81%;top:5.5%;z-index:2;display:inline-block;background:#111113;color:#fff;border-radius:4px;font:700 .72rem/1 Inter,system-ui,sans-serif;letter-spacing:.12em;text-transform:uppercase;padding:.38rem .6rem}
@media (max-width:767.98px){.pl-cpl-badge{left:5.2%;top:6%;font-size:.5rem;padding:.25rem .4rem}}
.pl-cpl-carousel{position:relative}.pl-cpl-carousel .pl-carousel__controls{display:none;visibility:hidden;height:0;margin:0;padding:0;overflow:hidden}/* 6/11 : zone compléments en carrousel : une image = toute la largeur du bloc, pas de marge sur les côtés */
/* 6/11 (Imed) : mêmes largeurs que le carrousel SVR du haut (début de la 2e bannière visible) */
.pl-cpl-carousel .pl-carousel__slide{flex:0 0 auto;width:88%}@media (min-width:768px){.pl-cpl-carousel .pl-carousel__slide{width:92%}}@media (min-width:1400px){.pl-cpl-carousel .pl-carousel__track{padding:0 calc(50% - 660px);scroll-padding-inline:calc(50% - 660px)}.pl-cpl-carousel .pl-carousel__slide{width:1320px}}/* 6/11 (Imed) : logo Forté Pharma en haut à gauche de la bannière Hydra Forté, étiquette « Nouveau » à côté */
.pl-cpl-top{position:absolute;left:7.81%;top:5%;z-index:2;display:flex;align-items:center;gap:1.1cqw}
.pl-cpl-top .pl-cpl-badge{position:static}
.pl-cpl-logo{display:block;height:2.6cqw;width:auto}
@media (max-width:767.98px){.pl-cpl-top{left:5.2%;top:5%;gap:2cqw}.pl-cpl-logo{height:4.2cqw}}
.pl-arrows--cpl .pl-arrow{top:50%!important;width:2.75rem!important;height:2.75rem!important}.pl-arrows--cpl .pl-arrow--prev{left:max(.75rem,calc((100% - 1320px) / 2 - 1.375rem))!important}.pl-arrows--cpl .pl-arrow--next{right:max(.75rem,calc((100% - 1320px) / 2 - 1.375rem))!important}
/* 6/11 (Imed) : « Nouveau » dans l'angle supérieur droit, logo seul en haut à gauche */
.pl-cpl-top{right:3%;justify-content:space-between}
@media (max-width:767.98px){.pl-cpl-top{right:4%}}/* 6/11 : produits Hydra un peu plus bas, pour laisser la place à « Nouveau » en haut à droite */
.pl-carousel__slide--hydra .pl-svrprix__list{top:15%!important}
@media (max-width:767.98px){.pl-carousel__slide--hydra .pl-svrprix__list{top:20%!important}}
/* 6/11 (Imed) : titre Hydra Forté centré en hauteur entre le logo et le bouton */
.pl-carousel__slide--hydra .pl-svrprix__title{top:42.75%!important;transform:translateY(-50%)}
@media (max-width:767.98px){.pl-carousel__slide--hydra .pl-svrprix__title{top:43.1%!important}}
/* 6/11 (Imed) : le cercle foncé au survol des ronds était coupé en haut (la liste coupe ce qui dépasse) : un peu de marge intérieure */
.pl-ronds{padding:.5rem .4rem .6rem!important;margin-top:.35rem!important}
/* 6/11/2026 (Imed, accueil allégé sur téléphone) : routines plus compactes (sans l'introduction, étapes sur 2 lignes,
   photo 40 px : section 910 → ≈ 680 px) et bandes de gammes Filorga / Sensilis seulement sur ordinateur
   (sur téléphone, leur bannière mène déjà à l'espace de la marque) */
@media (max-width:767.98px){
.pl-routine__intro{display:none}
.pl-routine__steps{gap:.35rem!important}
.pl-routine__step{padding:0!important}
.pl-routine__link{padding:.35rem .5rem!important;gap:.6rem!important;min-height:0!important}
.pl-routine__link img{width:40px!important;height:40px!important;flex:0 0 40px!important}
.pl-routine__title{margin-bottom:.4rem!important}
.pl-routine__text{display:grid!important;grid-template-columns:1fr auto;column-gap:.4rem;align-items:baseline}
.pl-routine__label{grid-column:1;grid-row:1;font-size:.72rem}
.pl-routine__price{grid-column:2;grid-row:1;white-space:nowrap;font-size:.8rem}
.pl-routine__name{grid-column:1/-1;grid-row:2;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;font-size:.82rem}
.pl-svr-strip.pl-flg-strip{display:none!important}
}/* 6/11 (Imed) : la bande des notes Google centrée entre la bannière Peau sèche et « Le conseil Paraland » */
section[aria-label="Avis clients"]{margin-top:1.1rem}
section[aria-label="Avis clients"] + .pl-routines{padding-top:1.1rem!important}