.wp-site-blocks{padding:0!important}.wp-site-blocks>*{margin-block-start:0!important}body{margin:0}main{margin:0}.up-home h1,.up-home h2{margin:0}

:root{--ink:#1A1A1A;--grey:#1A1A1A;--soft:#1A1A1A;--line:#E6E6E6;--pink:#FFD3E6;--rasp:#FF3D96;--rasp-text:#D4136B;--blue:#4D7CFE;--orange:#FF8A3D;--green:#2ED39A;--violet:#A66BFF;--yellow:#FFE14D;--bg:#F7F7F7}
*{box-sizing:border-box}
body{margin:0;font-family:'Poppins',system-ui,sans-serif;color:var(--ink);background:#fff}
a{color:inherit}
img{display:block;max-width:100%}
.wrap{max-width:1360px;margin:0 auto;padding-left:24px;padding-right:24px}
.h-display{font-family:'Montserrat',sans-serif;font-weight:900;letter-spacing:-.04em;line-height:1;margin:0}
.h-display em{font-style:italic;color:var(--rasp-text)}
.sub{margin:6px 0 0;color:var(--grey);font-size:16px}
.btn{display:inline-block;border-radius:999px;font-weight:700;text-decoration:none;padding:15px 26px}
.btn-dark{background:var(--ink);color:#fff}
.btn-out{border:2px solid var(--ink);padding:10px 20px}
.btn-white{background:#fff;color:var(--ink)}
.topbar{background:var(--ink);color:#fff;text-align:center;font-size:13px;padding:9px 16px}
header.site{display:flex;align-items:center;gap:28px;padding-top:18px;padding-bottom:18px}
.logo{text-decoration:none;display:flex;flex-direction:column;line-height:1}
.logo b{font-family:'Mont Heavy','Montserrat',sans-serif;font-weight:900;font-size:32px;letter-spacing:-.055em;color:var(--rasp)}
.logo small{font-size:11px;font-weight:600;color:var(--grey);margin-top:3px}
.search{flex:1;display:flex;align-items:center;gap:10px;background:#F4F4F4;border-radius:999px;padding:0 18px;height:46px}
.search input{border:0;outline:0;flex:1;font:inherit;font-size:14px;background:transparent}
.icon-btn{height:46px;min-width:46px;border-radius:999px;border:0;background:var(--ink);color:#fff;display:flex;align-items:center;justify-content:center;gap:8px;padding:0 16px;font:inherit;font-weight:700;cursor:pointer}
.menu-btn{display:none;background:#F4F4F4;color:var(--ink);padding:0}
.sr{position:absolute;left:-9999px}
nav.cats{border-top:1px solid #EDEDED;border-bottom:1px solid #EDEDED}
nav.cats .wrap{display:flex;gap:30px;overflow-x:auto;white-space:nowrap;font-size:15px;font-weight:500}
nav.cats a{padding:15px 0;text-decoration:none}
nav.cats a.on{color:var(--rasp-text);font-weight:700}
section{padding-top:64px}
.hero{display:flex;flex-wrap:wrap;background:var(--pink);border-radius:24px;overflow:hidden;min-height:440px;margin-top:24px}
.hero-txt{flex:1 1 480px;padding:56px;display:flex;flex-direction:column;justify-content:center;gap:22px}
.hero-txt h1{font-size:clamp(40px,5.4vw,72px)}
.hero-txt p{margin:0;font-size:17px;line-height:1.5;max-width:440px}
.hero-img{flex:1 1 480px;position:relative;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.5);min-height:360px}
.hero-img img{width:min(78%,420px);mix-blend-mode:multiply}
.sticker{position:absolute;background:var(--yellow);border-radius:18px;padding:12px 20px;transform:rotate(-6deg);box-shadow:7px 7px 0 var(--rasp);display:flex;flex-direction:column}
.sticker small{font-size:13px;font-weight:700}
.sticker span.tiny{font-size:12px}
.price{display:flex;align-items:flex-start;font-family:'Montserrat',sans-serif;font-weight:900;line-height:.85;letter-spacing:-.04em}
.price-todo{font-family:'Montserrat',sans-serif;font-weight:800;font-size:20px;color:var(--rasp-text)}
.price .eur{font-size:60px}
.price .cts{font-size:26px;letter-spacing:-.02em;margin-top:3px}
.price.xl .eur{font-size:84px}
.price.xl .cts{font-size:34px;margin-top:5px}
.rayons{display:flex;justify-content:space-between;gap:12px;overflow-x:auto;padding-top:40px}
.rayon{flex:none;width:136px;text-decoration:none;display:flex;flex-direction:column;align-items:center;gap:12px;font-weight:600;font-size:15px;text-align:center}
.rond{width:128px;height:128px;border-radius:50%;background:var(--pink);overflow:hidden;display:flex;align-items:center;justify-content:center;transition:transform .2s}
.rond img{width:74%;height:74%;object-fit:contain;mix-blend-mode:multiply}
.rayon:hover .rond{transform:scale(1.05)}
.arrivage{background:var(--rasp);border-radius:28px;padding:36px 40px 40px}
.arrivage-head{display:flex;align-items:center;gap:18px;flex-wrap:wrap;margin-bottom:26px}
.arrivage-head h2{color:var(--ink);text-transform:uppercase;font-size:clamp(26px,3vw,40px)}
.dates{background:var(--yellow);font-weight:700;padding:8px 14px;border-radius:999px}
.arrivage-head .btn{margin-left:auto}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px}
.card{text-decoration:none;background:#fff;border:1px solid var(--line);border-radius:20px;padding:14px;display:flex;flex-direction:column;gap:8px;transition:box-shadow .2s}
.card:hover{box-shadow:0 10px 30px rgba(0,0,0,.08)}
.arrivage .card{border:0}
.ph{position:relative;background:var(--bg);border-radius:14px;aspect-ratio:1/1;display:flex;align-items:center;justify-content:center;color:var(--soft);font-size:12px;overflow:hidden}
.ph img{width:88%;height:88%;object-fit:contain;mix-blend-mode:multiply}
.badge{position:absolute;top:10px;right:10px;background:var(--rasp);color:var(--ink);font-family:'Montserrat',sans-serif;font-weight:900;font-size:14px;padding:5px 10px;border-radius:999px;z-index:1}
.brand{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--grey)}
.name{font-size:14px;line-height:1.35;flex:1}
.note{font-size:12px;color:var(--soft)}
.btn-add{margin-top:4px;border:2px solid var(--ink);border-radius:999px;text-align:center;padding:10px;font-weight:700;font-size:14px}
.card:hover .btn-add{background:var(--ink);color:#fff}
.feature{display:flex;flex-wrap:wrap;gap:40px;align-items:flex-start}
.feature-visual{flex:1.25 1 560px;position:relative;min-height:520px;background:var(--pink);border-radius:24px;display:flex;align-items:center;justify-content:center;overflow:hidden}
.feature-visual img{width:min(70%,460px);mix-blend-mode:multiply;transform:rotate(-4deg)}
.feature-visual .sticker{top:56px;right:56px}
.feature-txt{flex:1 1 380px;display:flex;flex-direction:column;gap:16px;padding-top:40px}
.feature-txt h2{font-size:42px}
.feature-txt p{margin:0;color:var(--grey);line-height:1.5}
.overlap{display:flex;justify-content:flex-end;margin-top:-190px;position:relative}
.overlap .grid{width:min(100%,860px);grid-template-columns:repeat(3,minmax(0,1fr))}
.sec-head{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;flex-wrap:wrap;margin-bottom:24px}
.sec-head h2{font-size:clamp(30px,3vw,42px)}
.split{display:flex;flex-wrap:wrap-reverse;gap:20px}
.split .grid{flex:1 1 560px;grid-template-columns:repeat(3,minmax(0,1fr))}
.split-visual{position:relative;overflow:hidden;flex:1 1 480px;min-height:460px;background:#F1EDF7;border-radius:24px;display:flex;align-items:center;justify-content:center;color:var(--soft);font-size:14px}
.marques{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px}
.marque{text-decoration:none;border:1px solid var(--line);border-radius:20px;overflow:hidden;display:flex;flex-direction:column;text-align:center}
.marque-img{aspect-ratio:16/10;display:flex;align-items:center;justify-content:center;color:var(--soft);font-size:12px;overflow:hidden}
.split-visual img{height:84%;max-height:420px;width:auto;mix-blend-mode:multiply;transform:rotate(5deg)}
.marque-img img{height:90%;width:auto;mix-blend-mode:multiply}
.marque strong{font-size:17px;padding:16px 16px 2px}
.marque span:last-child{font-size:13px;color:var(--grey);padding-bottom:16px}
.reassure{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px;text-align:center;padding-bottom:72px}
.reassure div{padding:24px;border-top:2px solid var(--ink)}
.reassure strong{display:block;font-size:17px;margin-bottom:6px}
.reassure span{font-size:14px;color:var(--grey)}
footer{background:var(--rasp);color:var(--ink)}
footer .news{background:var(--yellow);color:var(--ink)}
footer .news .wrap{display:flex;flex-wrap:wrap;gap:24px;align-items:center;justify-content:space-between;padding-top:40px;padding-bottom:40px}
footer .news h2{font-size:clamp(26px,3vw,38px)}
footer .news p{margin:6px 0 0}
footer form{display:flex;flex-wrap:wrap;gap:10px;flex:1 1 300px;max-width:520px;min-width:0}
footer form button{flex:none}
footer form input{flex:1 1 200px;min-width:0;height:54px;border-radius:999px;border:2px solid var(--ink);padding:0 20px;font:inherit;background:#fff}
footer .foot-cols{display:flex;flex-wrap:wrap;gap:48px;justify-content:space-between;padding-top:48px;padding-bottom:40px;font-size:14px}
footer .brandcol{flex:1 1 300px;max-width:360px}
footer .brandcol p{margin:0;line-height:1.6}
footer .logo small{color:var(--ink)}
footer .social{display:flex;gap:10px;flex-wrap:wrap}
footer .social a{border:1.5px solid var(--ink);border-radius:999px;padding:7px 14px;font-weight:600}
footer .foot-bottom{display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;border-top:1px solid rgba(0,0,0,.2);padding-top:18px;padding-bottom:22px;font-size:12px}
footer .col{display:flex;flex-direction:column;gap:10px}
footer .logo b{color:#fff;font-size:30px}
footer a{text-decoration:none}
footer a:hover{text-decoration:underline}
/* ---- POP ---- */
.ticker{background:var(--yellow);border-bottom:2px solid var(--ink);overflow:hidden;white-space:nowrap}
.ticker-track{display:inline-flex;align-items:center;gap:22px;padding:11px 0;animation:tick 28s linear infinite;font-family:'Montserrat',sans-serif;font-weight:900;font-size:17px;text-transform:uppercase;letter-spacing:.02em}
.ticker-track i{width:12px;height:12px;background:var(--rasp);transform:rotate(45deg);display:inline-block;border:2px solid var(--ink)}
@keyframes tick{to{transform:translateX(-50%)}}
@media (prefers-reduced-motion:reduce){.ticker-track{animation:none}}
.hero{background:var(--rasp);border:3px solid var(--ink);box-shadow:8px 8px 0 var(--ink)}
.hero-txt h1{color:var(--ink)}
.hero-txt h1 em{color:var(--ink);background:var(--yellow);padding:0 .12em;border-radius:6px;box-decoration-break:clone;-webkit-box-decoration-break:clone;font-style:italic}
.hero-txt p{font-weight:500}
.hero-img{background:var(--yellow);border-left:3px solid var(--ink)}
.hero-img img{transform:rotate(-6deg);mix-blend-mode:multiply}
.hero-img .sticker{background:#fff;box-shadow:6px 6px 0 var(--ink);border:3px solid var(--ink);transform:rotate(-10deg)}
.sticker{border:3px solid var(--ink);box-shadow:6px 6px 0 var(--ink)}
.rond{border:3px solid var(--ink);box-shadow:4px 4px 0 var(--ink)}
.rond img{mix-blend-mode:multiply}
.rayon:hover .rond{transform:rotate(-6deg) scale(1.06)}
.arrivage{background:var(--rasp);border:3px solid var(--ink);box-shadow:8px 8px 0 var(--ink)}
.arrivage-head h2{color:var(--ink)}
.dates{border:2px solid var(--ink);transform:rotate(-3deg)}
.card{border:2px solid var(--ink);box-shadow:4px 4px 0 var(--ink);transition:transform .15s,box-shadow .15s}
.arrivage .card{border:2px solid var(--ink)}
.card:hover{transform:translate(-3px,-3px);box-shadow:7px 7px 0 var(--ink)}
.card .price .eur,.card .price .cts{background:none}
.card .price{align-self:flex-start;background:var(--yellow);padding:6px 8px 4px;border-radius:8px;transform:rotate(-2deg)}
.badge{border:2px solid var(--ink);transform:rotate(6deg);font-size:15px}
.btn-dark{box-shadow:4px 4px 0 var(--rasp)}
.btn-out,.btn-white{border:2px solid var(--ink);box-shadow:4px 4px 0 var(--ink);background:#fff}
.feature-visual{background:var(--yellow);border:3px solid var(--ink);box-shadow:8px 8px 0 var(--ink)}
.feature-visual .sticker{background:var(--rasp);color:var(--ink)}
.split-visual{background:var(--blue);border:3px solid var(--ink);box-shadow:8px 8px 0 var(--ink)}
.marque{border:2px solid var(--ink);box-shadow:4px 4px 0 var(--ink)}
.marque-img{border-bottom:2px solid var(--ink)}
.reassure div{border:2px solid var(--ink);border-radius:20px;box-shadow:4px 4px 0 var(--ink)}
.reassure div:nth-child(1){background:var(--green)}
.reassure div:nth-child(2){background:var(--orange)}
.reassure div:nth-child(3){background:var(--yellow)}
.reassure span{color:var(--ink)}
footer .news{border-top:3px solid var(--ink);border-bottom:3px solid var(--ink)}
footer .news input{box-shadow:4px 4px 0 var(--ink)}
/* photos sur fonds colorés : cadre blanc, couleurs fidèles */
.hero-img img,.feature-visual img,.split-visual img{mix-blend-mode:normal;background:#fff;border:3px solid var(--ink);border-radius:22px;box-shadow:6px 6px 0 var(--ink);padding:18px;object-fit:contain}
.hero-img img{width:min(62%,340px);aspect-ratio:1/1;transform:rotate(-5deg)}
.feature-visual img{width:min(56%,380px);aspect-ratio:1/1;transform:rotate(-4deg)}
.split-visual img{width:min(58%,340px);height:auto;max-height:none;aspect-ratio:1/1;transform:rotate(5deg)}
.rond img{mix-blend-mode:normal;width:80%;height:80%;background:#fff;border-radius:50%;padding:10%;object-fit:contain;border:2px solid var(--ink)}
.marque-img img{mix-blend-mode:normal;height:78%;aspect-ratio:1/1;width:auto;background:#fff;border-radius:50%;padding:12px;object-fit:contain;border:2px solid var(--ink)}
.ph{background:#fff;border:2px solid var(--ink)}
.ph img{mix-blend-mode:normal}
.note{font-weight:500}
.sub{font-weight:500}
/* ---- CALME : 2 couleurs, contours fins ---- */
.hero,.arrivage,.feature-visual,.split-visual{border-width:2px;box-shadow:6px 6px 0 var(--ink)}
.split-visual{background:var(--rasp)}
.split-visual .sticker{background:var(--yellow)}
.rond{border-width:2px;box-shadow:none}
.rond img{border:0}
.card,.arrivage .card{border:1.5px solid var(--ink);box-shadow:none}
.card:hover{transform:translateY(-3px);box-shadow:5px 5px 0 var(--ink)}
.ph{border:0;background:#F5F5F5}
.card .price{transform:none}
.badge{transform:none;border-width:1.5px}
.dates{transform:none;border-width:1.5px}
.btn-out,.btn-white{border-width:2px;box-shadow:none}
.btn-dark{box-shadow:none}
.marque{border:1.5px solid var(--ink);box-shadow:none}
.marque-img{border-bottom:1.5px solid var(--ink)}
.marque:hover{box-shadow:5px 5px 0 var(--ink)}
.marque-img img{border:0;background:none;padding:0;border-radius:0;height:80%}
.reassure div{background:#fff !important;border:1.5px solid var(--ink);box-shadow:none}
.reassure strong{color:var(--rasp-text)}
footer .news input{box-shadow:none}
.ticker{border-bottom-width:1.5px}
.ticker-track i{border-width:1.5px;width:10px;height:10px}
/* ---- MOINS DE RECTANGLES ---- */
.card,.arrivage .card{border:0;box-shadow:none;background:transparent;padding:0}
.arrivage .card{background:#fff;padding:12px;border-radius:24px}
.card:hover{transform:translateY(-4px);box-shadow:none}
.ph{border-radius:50% 50% 24px 24px / 38% 38% 24px 24px;background:#F5F5F5}
.arrivage .ph{border-radius:18px}
.plus{position:absolute;right:10px;bottom:10px;width:44px;height:44px;border-radius:50%;background:var(--ink);color:#fff;display:flex;align-items:center;justify-content:center;font-size:26px;font-weight:600;line-height:1;transition:transform .15s,background .15s}
.card:hover .plus{background:var(--rasp);color:var(--ink);transform:rotate(90deg)}
.marques{display:flex;flex-wrap:wrap;justify-content:space-between;gap:24px}
.marque{border:0 !important;box-shadow:none !important;overflow:visible;align-items:center;gap:4px;width:180px;background:transparent}
.marque-img{width:160px;height:160px;aspect-ratio:auto;border-radius:50%;border:2px solid var(--ink) !important;background:#fff;margin-bottom:10px;transition:transform .2s}
.marque:nth-child(odd) .marque-img{background:var(--pink)}
.marque-img img{height:76%}
.marque:hover .marque-img{transform:rotate(-5deg) scale(1.04)}
.marque strong{padding:0}
.marque span:last-child{padding:0}
.reassure.strip{display:flex;flex-wrap:wrap;justify-content:center;gap:12px 48px;text-align:left;padding:28px 0 72px;border-top:1.5px solid var(--ink);margin-top:8px}
.reassure.strip div{border:0 !important;padding:0;background:none !important;display:flex;flex-direction:column;gap:2px;position:relative;padding-left:26px}
.reassure.strip div::before{content:"";position:absolute;left:0;top:5px;width:14px;height:14px;border-radius:50%;background:var(--rasp)}
.reassure.strip strong{margin:0;font-size:16px}
.reassure.strip span{font-size:14px}
.feature-visual img,.split-visual img,.hero-img img{border-radius:50%;padding:12%}
.hero-img img{width:min(66%,360px)}
/* ajustements */
.ph,.arrivage .ph{background:#fff}
.card .ph{border:1.5px solid #EDEDED}
.marque:nth-child(odd) .marque-img{background:#fff}
.feature-visual img,.split-visual img,.hero-img img{padding:5%}
.hero-img img{width:min(62%,380px)}
.feature-visual img{width:min(60%,400px)}
.split-visual img{width:min(62%,360px)}
.reassure.strip{flex-wrap:nowrap;justify-content:space-between}
/* ---- détourés, sans contours ---- */
.ph,.arrivage .ph,.card .ph{border:0 !important;background:#F6F6F6}
.arrivage .ph{background:#FFF3F8}
.ph img{width:84%;height:84%;object-fit:contain;filter:drop-shadow(0 8px 10px rgba(0,0,0,.12))}
.rond{border:0 !important;box-shadow:none !important;overflow:visible}
.rond img{background:none !important;border:0 !important;border-radius:0 !important;padding:0 !important;width:88% !important;height:88% !important;object-fit:contain;filter:drop-shadow(0 6px 6px rgba(0,0,0,.18));transform:translateY(-6px)}
.rond em{font-style:normal;font-size:11px;font-weight:600}
.hero-img img,.feature-visual img,.split-visual img{background:none !important;border:0 !important;box-shadow:none !important;border-radius:0 !important;padding:0 !important;filter:drop-shadow(0 18px 22px rgba(0,0,0,.22))}
.hero-img img{width:min(70%,420px)}
.feature-visual img{width:min(64%,440px)}
.split-visual img{width:min(60%,380px)}
.marque-img{border:0 !important;background:#FFF3F8 !important}
.marque-img img{background:none !important;padding:0 !important;border-radius:0 !important;height:86% !important;filter:drop-shadow(0 6px 8px rgba(0,0,0,.15))}
/* ---- catégories sur toute la largeur ---- */
nav.cats .wrap{justify-content:space-between;gap:18px}
.rayons{justify-content:space-between;gap:8px}
.rayon{flex:1 1 0;min-width:96px;width:auto}
.rond{width:min(112px,9vw);height:min(112px,9vw);min-width:84px;min-height:84px}
/* ---- arrivage qui défile ---- */
.carousel{overflow:hidden;margin:0 -40px;padding:6px 0 10px;-webkit-mask-image:linear-gradient(90deg,transparent,#000 40px,#000 calc(100% - 40px),transparent);mask-image:linear-gradient(90deg,transparent,#000 40px,#000 calc(100% - 40px),transparent)}
.track{display:flex;gap:16px;width:max-content;animation:defile 40s linear infinite;padding-left:40px}
.track .card{width:236px;flex:none}
.carousel:hover .track{animation-play-state:paused}
@keyframes defile{to{transform:translateX(calc(-50% - 8px))}}
@media (prefers-reduced-motion:reduce){.track{animation:none}.carousel{overflow-x:auto}}
/* ---- maquillage teint / yeux / lèvres ---- */
.makeup-trio{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.mk{position:relative;text-decoration:none;border-radius:32px;padding:30px 30px 0;min-height:380px;display:flex;flex-direction:column;overflow:hidden;transition:transform .2s}
.mk:hover{transform:translateY(-6px) rotate(-1deg)}
.mk-name{max-width:calc(100% - 150px);font-family:'Montserrat',sans-serif;font-weight:900;font-size:clamp(40px,4.4vw,64px);letter-spacing:-.04em;line-height:1}
.mk-sub{font-size:14px;font-weight:500;margin-top:6px;max-width:240px}
.mk-visual{flex:1;display:flex;align-items:flex-end;justify-content:center;padding-top:16px}
.mk-visual img{width:72%;max-width:260px;filter:drop-shadow(0 16px 18px rgba(0,0,0,.22));transform:rotate(-6deg) translateY(16px)}
.mk-visual em{font-style:normal;font-size:13px;font-weight:600;align-self:center;opacity:.8}
.mk-price{position:absolute;top:26px;right:22px;transform:rotate(8deg);background:#fff;padding:8px 14px;box-shadow:4px 4px 0 var(--ink)}
.mk .price.xl .eur{font-size:56px}.mk .price.xl .cts{font-size:24px}
/* ronds catégories sobres */
.rond{transition:background .2s,transform .2s}
.rayon:hover .rond{background:var(--yellow) !important}
.rayon .rond img{filter:drop-shadow(0 4px 5px rgba(0,0,0,.12))}
/* photos bien centrées dans les ronds */
.rond{display:flex;align-items:center;justify-content:center;overflow:hidden !important}
.rond img{width:70% !important;height:70% !important;object-fit:contain;object-position:center;transform:none !important;margin:0}
.rayon:hover .rond img{transform:scale(1.06) !important}
/* bouton + toujours au-dessus de la photo */
.ph img{position:relative;z-index:0;width:76%;height:76%}
.plus,.badge{z-index:3}
/* contour blanc façon sticker sur l'huile */
.split-visual img{filter:drop-shadow(5px 0 0 #fff) drop-shadow(-5px 0 0 #fff) drop-shadow(0 5px 0 #fff) drop-shadow(0 -5px 0 #fff) drop-shadow(3px 3px 0 #fff) drop-shadow(-3px -3px 0 #fff) drop-shadow(0 18px 20px rgba(0,0,0,.25)) !important;transform:rotate(6deg)}
/* collages de produits avec contour blanc */
.collage{position:absolute;inset:6% 6% 6% 6%}
.collage .stk{position:absolute;height:auto;max-width:none;background:none !important;border:0 !important;box-shadow:none !important;padding:0 !important;border-radius:0 !important;mix-blend-mode:normal !important;filter:drop-shadow(4px 0 0 #fff) drop-shadow(-4px 0 0 #fff) drop-shadow(0 4px 0 #fff) drop-shadow(0 -4px 0 #fff) drop-shadow(0 14px 16px rgba(0,0,0,.22)) !important;transition:transform .25s}
.hero-img:hover .stk,.split-visual:hover .stk{transform:rotate(0deg) scale(1.03) !important}
.hero-img{min-height:440px}
.split-visual{min-height:520px}
.hero-img .sticker{z-index:5;top:28px;left:28px;bottom:auto !important}
.split-visual .sticker{z-index:5}
/* ---- carrousel manuel + auto ---- */
.track{animation:none !important}
.carousel{overflow-x:auto;scrollbar-width:none;cursor:grab;scroll-behavior:auto}
.carousel::-webkit-scrollbar{display:none}
.carousel.dragging{cursor:grabbing}
.carousel.dragging .card{pointer-events:none}
.carousel-wrap{position:relative}
.car-btn{position:absolute;top:38%;z-index:6;width:52px;height:52px;border-radius:50%;border:2px solid var(--ink);background:#fff;font-size:34px;line-height:1;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:3px 3px 0 var(--ink);padding:0 0 4px}
.car-btn:hover{background:var(--yellow)}
.car-btn.prev{left:-14px}.car-btn.next{right:-14px}
.arrivage .carousel{-webkit-mask-image:none;mask-image:none}
/* footer : textes en blanc */
footer .foot-cols,footer .foot-cols a,footer .foot-cols strong,footer .foot-cols p,footer .foot-cols span,footer .foot-bottom,footer .foot-bottom span{color:#fff !important}
footer .foot-cols .logo small{color:#fff !important}
footer .social a{border-color:#fff !important;color:#fff !important}
footer .foot-bottom{border-top-color:rgba(255,255,255,.35) !important}
/* ---- best-sellers & must-have ---- */
.ranking{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:18px}
.rank{position:relative;padding-left:34px}
.rank-n{position:absolute;left:-4px;top:-14px;z-index:4;font-family:'Montserrat',sans-serif;font-weight:900;font-size:110px;line-height:1;color:#fff;-webkit-text-stroke:3px var(--rasp);letter-spacing:-.06em;pointer-events:none}
.musthave{background:#FFF8E0;border-radius:32px;padding:34px 34px 38px}
.mh-grid{grid-template-columns:repeat(5,minmax(0,1fr))}
.mh-grid .ph{background:#fff !important}
.mh-grid .badge{background:var(--ink);color:#fff;font-size:12px;letter-spacing:.04em}
.mh-grid .badge{left:12px;right:auto;top:auto;bottom:16px;font-family:"Poppins",sans-serif;font-weight:600;font-size:11px}
/* tuiles maquillage plus compactes */
.mk{min-height:270px;padding:22px 22px 0}
.mk-name{font-size:clamp(30px,3vw,44px);max-width:calc(100% - 120px)}
.mk-sub{font-size:13px}
.mk-price{top:20px;right:18px;padding:6px 12px}
.mk .price.xl .eur{font-size:42px}.mk .price.xl .cts{font-size:19px}
.mk-visual img{width:52%;max-width:190px}
.makeup-trio{gap:16px}
.name .size{display:block;font-size:12px;font-weight:500;margin-top:2px;opacity:.75}
/* ---- header : logo plus gros, compte, favoris ---- */
.logo b{font-size:46px !important}
.logo small{font-size:13px !important;margin-top:4px}
footer .logo b{font-size:34px !important}
.head-actions{display:flex;align-items:center;gap:6px}
.head-link{position:relative;display:flex;align-items:center;gap:8px;height:46px;padding:0 12px;border-radius:999px;text-decoration:none;font-weight:600;font-size:14px;color:var(--ink)}
.head-link:hover{background:#F4F4F4}
.head-link.fav:hover svg{color:var(--rasp);fill:var(--rasp)}
.head-link .count{position:absolute;top:5px;right:4px;min-width:17px;height:17px;border-radius:999px;background:var(--rasp);color:#fff;font-size:10px;font-weight:700;display:flex;align-items:center;justify-content:center;padding:0 4px}
.br-mob{display:none}
.uu{font-family:'Mont Heavy','Montserrat',sans-serif;font-weight:900;letter-spacing:-.04em;font-size:1.15em}
/* ---- VARIANTE MOINS POP ---- */
.hero,.arrivage,.feature-visual,.split-visual{border:0 !important;box-shadow:0 20px 50px rgba(0,0,0,.08) !important;border-radius:32px}
.hero-img{border-left:0 !important}
.sticker,.hero-img .sticker,.feature-visual .sticker,.split-visual .sticker,.mk-price{border:0 !important;box-shadow:0 10px 24px rgba(0,0,0,.15) !important;transform:rotate(-3deg) !important}
.ticker{border-bottom:0 !important}
.ticker-track{font-size:14px;letter-spacing:.06em;padding:9px 0;animation-duration:45s}
.ticker-track i{border:0 !important;width:7px;height:7px;border-radius:50%;transform:none}
.btn-out,.btn-white{border-width:1.5px !important}
.car-btn{border:0 !important;box-shadow:0 6px 16px rgba(0,0,0,.18) !important}
.dates{border:0 !important}
.badge{border:0 !important;transform:none !important}
.card .price{border-radius:10px}
.collage .stk{filter:drop-shadow(3px 0 0 #fff) drop-shadow(-3px 0 0 #fff) drop-shadow(0 3px 0 #fff) drop-shadow(0 -3px 0 #fff) drop-shadow(0 10px 14px rgba(0,0,0,.14)) !important}
.mk{border-radius:32px}
.mk:hover{transform:translateY(-4px) !important}
footer .news{border:0 !important}
footer .social a{border-width:1px !important}
.h-display{letter-spacing:-.03em}

/* ---- encore plus sobre ---- */
.ticker{display:none}
.hero{background:#FFF1F7 !important}
.hero-img{background:#FFF8E0 !important}
.hero-txt h1 em{background:none !important;color:var(--rasp-text) !important;padding:0 !important}
.arrivage{background:#FFF1F7 !important}
.arrivage .card{box-shadow:0 6px 18px rgba(0,0,0,.06)}
.arrivage .ph{background:#fff !important}
.dates{background:#fff !important;color:var(--rasp-text)}
.arrivage-head .btn{background:var(--ink) !important;color:#fff !important;border:0 !important}
.mk{background:#F7F5F2 !important}
.mk:nth-child(even){background:#FFF1F7 !important}
.mk-name{color:var(--ink)}
.mk-price{background:var(--yellow) !important}
.split-visual{background:#FFF1F7 !important}
.feature-visual{background:#FFF8E0 !important}
.split-visual .sticker,.hero-img .sticker{background:var(--yellow) !important}
.rayon:hover .rond{background:#FFF1F7 !important}
footer .news{background:#FFF8E0 !important}
footer{background:var(--ink) !important;color:#fff !important}
footer .logo b{color:var(--rasp) !important}
footer .logo small,footer a,footer strong,footer span,footer p{color:#fff}
footer .social a{border-color:#fff !important}
footer .foot-bottom{border-top-color:rgba(255,255,255,.25) !important}
footer .news h2,footer .news p,footer .news input{color:var(--ink)}
footer .news button{color:#fff !important}
@media (max-width:760px){
 .br-mob{display:inline} .hero-txt h1 em{white-space:nowrap}
 header.site{flex-wrap:wrap;gap:8px 4px !important}
 header.site .logo{flex:1;margin:0 !important;align-items:center}
 header.site .logo b{font-size:30px !important}
 .head-actions{flex:none}
 .head-link{height:40px;padding:0 8px}
 .head-actions .icon-btn{height:40px;min-width:40px;padding:0 10px;gap:4px}
 .menu-btn{height:40px !important;min-width:40px !important}
 .search{order:3;flex-basis:100%;height:42px}
 .logo b{font-size:34px !important}
 .logo small{font-size:11px !important}
 .head-link .lbl{display:none}
 .head-link{padding:0 9px}
 .head-actions{gap:0}
 .menu-btn{order:0}
 .rond{width:88px !important;height:88px !important}
 .rond img{width:84% !important;height:84% !important}
 .rayon{width:92px !important}
 .ph{border-radius:18px !important;aspect-ratio:1/1}
 .ph img{width:90% !important;height:90% !important}
 .plus{width:34px;height:34px;font-size:20px;right:8px;bottom:8px}
 .track .card,.mh-grid .card{width:168px !important}
 .rank{width:176px !important;padding-left:0 !important;padding-top:4px}
 .rank-n{font-size:48px !important;left:6px !important;top:2px !important;-webkit-text-stroke:2px var(--rasp) !important}
 .mh-grid .badge{font-size:9px !important;padding:3px 7px !important;left:8px !important;bottom:auto !important;top:8px !important}
 .card{gap:5px}
 .brand{font-size:10px}
 .hero-img{min-height:230px !important}
 .collage{inset:4% 4% 2% 4%}
 .split .grid .ph img{width:88% !important;height:88% !important}
 .mk-visual em{display:none}
 .ranking{display:flex !important;overflow-x:auto;gap:10px}
 .rank{flex:none;width:170px;padding-left:24px}
 .rank-n{font-size:70px;-webkit-text-stroke:2px var(--rasp)}
 .musthave{padding:18px 12px 20px;border-radius:22px}
 .mh-grid{display:flex !important;overflow-x:auto;gap:10px}
 .mh-grid .card{flex:none;width:150px}
 footer .foot-cols{gap:22px 16px;padding-top:28px;padding-bottom:20px}
 footer .foot-cols .col{flex:1 1 40%;gap:6px;font-size:13px}
 footer .foot-cols .brandcol{flex-basis:100%}
 footer .news .wrap{padding-top:22px;padding-bottom:22px}
 .price-todo{font-size:13px}
 .makeup-trio{grid-template-columns:repeat(2,minmax(0,1fr)) !important;gap:10px}
 .mk{min-height:170px !important;padding:16px 14px 0 !important;border-radius:22px !important}
 .mk-name{font-size:26px !important;max-width:100% !important}
 .mk-sub{font-size:11px;line-height:1.35;margin-top:4px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
 .mk-price{top:auto !important;bottom:12px;right:10px !important;transform:rotate(-4deg) scale(.62) !important;transform-origin:bottom right}
 .mk-visual{padding-top:6px}
 .mk-visual img{width:46% !important;transform:rotate(-6deg) translateY(8px) !important}
 .mk-visual em{font-size:10px;align-self:flex-start;margin-top:10px}
 .sec-head{margin-bottom:14px}
 .sec-head h2{font-size:26px !important}
 .sub{font-size:13px}
 .btn-out{padding:8px 14px;font-size:13px}
 section{padding-top:34px !important}
 .hero{min-height:0;margin-top:12px}
 .hero-txt{gap:14px;padding:22px 18px !important}
 .hero-txt h1{font-size:34px !important}
 .hero-txt p{font-size:14px}
 .hero-img{min-height:250px !important}
 .rayons{padding-top:18px;gap:4px}
 .arrivage{padding:18px 12px !important;border-radius:22px !important}
 .arrivage-head{gap:8px;margin-bottom:14px}
 .arrivage-head h2{font-size:22px !important}
 .arrivage-head .btn{padding:8px 14px;font-size:13px}
 .track .card{width:150px !important}
 .price .eur{font-size:34px !important} .price .cts{font-size:15px !important}
 .name{font-size:12px}
 .split-visual{min-height:280px !important;flex-basis:100%}
 .split .grid{grid-template-columns:repeat(3,minmax(0,1fr)) !important;gap:8px}
 .split .grid .note{display:none}
 .marques{gap:8px;flex-wrap:nowrap;overflow-x:auto;justify-content:flex-start !important}
 .marque{width:96px !important;flex:none} .marque-img{width:84px !important;height:84px !important}
 .marque strong{font-size:13px}
 .reassure.strip{padding:18px 0 36px;gap:12px}
 .car-btn{display:none}

 .car-btn{width:42px;height:42px;font-size:28px} .car-btn.prev{left:-6px} .car-btn.next{right:-6px}
 .hero-img .sticker{transform:rotate(-10deg) scale(.68);transform-origin:top left;top:12px;left:12px !important} .split-visual .sticker{transform:rotate(-6deg) scale(.75);transform-origin:top left}
 .hero-img{min-height:320px} .split-visual{min-height:360px}
 .makeup-trio{grid-template-columns:1fr} .mk{min-height:320px}
 .rayons{justify-content:flex-start;overflow-x:auto} .rayon{flex:none;width:84px;min-width:0} .rond{width:76px;height:76px;min-width:0;min-height:0} .carousel{margin:0 -16px} .track{padding-left:16px} .track .card{width:180px}
 .reassure.strip{flex-wrap:wrap}
 .wrap{padding-left:16px;padding-right:16px}
 header.site{gap:12px;flex-wrap:wrap}
 .menu-btn{display:flex}
 .logo{margin:0 auto;align-items:center}
 .logo b{font-size:26px}
 .search{order:3;flex-basis:100%}
 .hero-txt{padding:28px 22px}
 .hero-img{min-height:240px}
 section{padding-top:40px}
 .rayons{justify-content:flex-start;padding-top:24px}
 .rayon{width:80px;font-size:12px}
 .rond{width:74px;height:74px}
 .arrivage{padding:22px 16px}
 .arrivage-head .btn{margin-left:0}
 .grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
 .price-todo{font-family:'Montserrat',sans-serif;font-weight:800;font-size:20px;color:var(--rasp-text)}
.price .eur{font-size:42px} .price .cts{font-size:18px}
 .feature-visual{min-height:300px;flex-basis:100%}
 .feature-visual .sticker{top:18px;right:18px}
 .price.xl .eur{font-size:52px} .price.xl .cts{font-size:22px}
 .feature-txt{padding-top:0}
 .overlap{margin-top:20px}
 .overlap .grid,.split .grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .split-visual{min-height:240px}
 .marques{justify-content:center} .marque{width:150px} .marque-img{width:120px;height:120px}
}
.wmb svg{height:.96em;width:auto;display:block}.uu svg{height:.78em;width:auto;display:inline-block;vertical-align:-.05em}.up-home header.site{display:flex!important;visibility:visible!important}@media (max-width:760px){.up-home header.site{flex-wrap:wrap!important}}/*FOOT*/.up-home footer{background:#C2185B!important;color:#fff!important}.up-home footer .foot-cols,.up-home footer .foot-cols *,.up-home footer .foot-bottom,.up-home footer .foot-bottom *{color:#fff!important}.up-home footer .logo b{color:#fff!important}.up-home footer .social a{border-color:#fff!important}.up-home footer .foot-bottom{border-top-color:rgba(255,255,255,.35)!important}/*/FOOT*/