/* The published Wix markup remains the base. Reference styling is limited to requested areas. */
header{background:#fbf6fb;border-bottom:1px solid #e6d3ea;box-shadow:none}
.head{padding-top:18px;padding-bottom:12px}
header .shopify-nav{display:flex;max-width:1120px;margin:0 auto;padding:8px 16px 24px;gap:14px;overflow-x:auto;scrollbar-width:none;align-items:center}
header .shopify-nav a{flex:none;white-space:nowrap;background:linear-gradient(135deg,#ff3d7f,#c04fd8);color:#fff;border:0;border-radius:99px;padding:clamp(11px,1vw,16px) clamp(16px,2vw,32px);font:800 clamp(14px,1.3vw,20px)/1.55 Manrope,system-ui,sans-serif;box-shadow:0 5px 0 #a82a63,0 12px 22px #ff3d7f47;transition:transform .15s,filter .15s;text-decoration:none}
header .shopify-nav a:hover{background:linear-gradient(135deg,#ff3d7f,#c04fd8);color:#fff;filter:brightness(1.07);transform:translateY(-2px)}
header .shopify-nav a.active{background:#34193f;box-shadow:0 5px 0 #130818,0 12px 22px #34193f4d}
header .shopify-nav a:active{transform:translateY(4px);box-shadow:0 1px 0 #a82a63}
.hero{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:clamp(32px,5vw,110px);padding:20px 0 24px;font-family:Manrope,system-ui,sans-serif;color:#34193f}
.hero h1{font:800 clamp(32px,3.4vw,56px)/1.15 'Bricolage Grotesque',Manrope,sans-serif;margin:0 0 .5em}
.hero p{font-size:clamp(16px,1.2vw,19px)}
.hero .price{font:800 clamp(40px,3.4vw,56px)/1.15 'Bricolage Grotesque',Manrope,sans-serif;margin:20px 0 10px}
.hero .btn{background:#ff3d7f;border-radius:14px;padding:clamp(16px,1.4vw,22px);font:700 clamp(17px,1.3vw,20px)/1.55 Manrope,sans-serif;box-shadow:0 5px 0 #c92c68,0 14px 26px #ff3d7f3d;position:relative;overflow:hidden}
.hero .btn:disabled{opacity:.7;cursor:not-allowed}
.hero .pill{margin-bottom:14px}
.hero .product-info{margin-top:26px;border-top:1px solid #e6d3ea}
.hero .product-info details{padding:16px 0;border-bottom:1px solid #e6d3ea}
.hero .product-info summary{font:700 17px/1.55 Manrope,sans-serif}
.hero .product-info details p{font-size:15px;color:#7a6a84}
.hero .checks{padding-left:18px;margin:12px 0;font-size:16px}
.product-motion{position:relative;border:0;border-radius:24px;overflow:hidden;background:#f1e3f4;transition:transform .18s ease-out;will-change:transform;box-shadow:1px 1px 0 #e6d6f3,2px 2px 0 #dcc8ee,3px 3px 0 #d1bbe8,4px 4px 0 #c6aee2,5px 5px 0 #bba1dc,6px 6px 0 #b094d6,0 40px 60px #34193f52;animation:reference-float 7s ease-in-out infinite}
.product-motion img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:contain;border-radius:0}
.product-motion.tilting{animation:none}
.product-motion .glare{position:absolute;inset:0;pointer-events:none;opacity:0;transition:opacity .2s}
.thumbs,.mask-thumbs{gap:8px;margin-top:12px}
.thumbs button,.mask-thumbs button{aspect-ratio:1;border-radius:12px}
.thumbs img,.mask-thumbs img{height:100%;width:100%;object-fit:cover}
section.panel:not(.feature),.compare-panel,.page{font-family:Manrope,system-ui,sans-serif}
section.panel:not(.feature) h2,section.panel:not(.feature) h3,.compare-panel h2,.page h1{font-family:'Bricolage Grotesque',Manrope,sans-serif}
.reference-video{display:grid;grid-template-columns:1fr 1fr;gap:28px;align-items:center}
.reference-video video{display:block;width:100%;max-height:640px;object-fit:contain;background:#34193f;border-radius:24px}
.reference-video h2{text-align:left}
.photo-slide img{transition:transform .3s ease;transform-origin:center}
@media(hover:hover) and (pointer:fine){.photo-slide:hover img{transform:scale(1.015)}}
@keyframes reference-float{0%,100%{transform:perspective(1100px) rotateX(2deg) rotateY(-5deg) translateY(0)}50%{transform:perspective(1100px) rotateX(-2deg) rotateY(5deg) translateY(-10px)}}
@keyframes reference-float-mobile{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}
@media(min-width:1400px){.head{max-width:1500px}.shopify-nav{justify-content:center}.hero h1{font-size:46px}}
@media(max-width:700px){header .shopify-nav{padding:4px 14px 16px;gap:10px}header .shopify-nav a{padding:8px 15px;font-size:13px;box-shadow:0 3px 0 #a82a63,0 6px 12px #ff3d7f38}header .shopify-nav a.active{box-shadow:0 3px 0 #130818,0 6px 12px #34193f40}.head{padding-top:10px;padding-bottom:9px}.hero{grid-template-columns:1fr;gap:22px;padding:10px 0 20px}.hero h1{font-size:28px}.hero .price{font-size:38px}.hero .checks{font-size:14px}.hero .product-info details{padding:12px 0}.hero .product-info summary{font-size:15px}.hero .product-info{margin-top:14px}.hero .pill{font-size:11px;margin-bottom:10px}.hero p{font-size:14.5px}.product-motion{animation:reference-float-mobile 6s ease-in-out infinite}.reference-video{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.product-motion{animation:none;transition:none;will-change:auto}.photo-slide img,header .shopify-nav a{transition:none}.photo-slide:hover img,header .shopify-nav a:hover{transform:none}}

#mask-thumbs{grid-template-columns:repeat(4,minmax(0,1fr))}.e03-specs dl{margin:0}.e03-specs dl>div{display:grid;grid-template-columns:1fr 1.5fr;gap:18px;padding:13px 0;border-bottom:1px solid #ead6e8}.e03-specs dt{font-weight:700}.e03-specs dd{margin:0}.mask-story>p.muted{grid-column:1/-1;font-size:12px}@media(max-width:500px){.e03-specs dl>div{grid-template-columns:1fr;gap:4px}}

#thumbs{grid-template-columns:repeat(4,minmax(0,1fr))}

/* Encarts LYNOVEA Beauty et galerie fixe pendant le défilement de la fiche. */
.product-benefits{margin:18px 0 24px;padding:clamp(18px,2vw,26px);border:1px solid #e6cce8;border-radius:22px;background:linear-gradient(135deg,#faf0fc,#fff2f6);box-shadow:0 10px 28px #55206f0b}
.product-benefits h2{text-align:left;font:800 clamp(20px,1.65vw,26px)/1.25 'Bricolage Grotesque',Manrope,sans-serif;color:#55206f;margin:0 0 18px}
.product-benefits dl{display:grid;gap:14px;margin:0}
.product-benefits dl>div{padding-left:12px;border-left:3px solid #d7b1e0}
.product-benefits dl>div:nth-child(2){border-color:#ed278c}
.product-benefits dt{font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.09em;color:#8a4d91;margin:0 0 4px}
.product-benefits dd{margin:0;font-size:15px;line-height:1.55;color:#482653}
.hero .product-benefits .benefit-slogan{margin:19px 0 0;padding-top:15px;border-top:1px solid #e9cce6;color:#8b2e7a;font:700 17px/1.45 Georgia,serif;font-style:italic}
@media(min-width:701px){
 .product-gallery-column{position:sticky;top:calc(var(--lunevia-header-height,170px) + 18px);align-self:start;min-width:0}
 .product-gallery-column .product-motion{animation:none}
 .product-gallery-column .product-motion img{height:min(640px,calc(100svh - var(--lunevia-header-height,170px) - 165px));min-height:180px;object-fit:contain}
 .product-gallery-column .thumbs img,.product-gallery-column .mask-thumbs img{height:clamp(48px,7vh,85px)}
 .product-gallery-column>p.muted{font-size:11px;margin:12px 0 0}
}
@media(max-width:700px){.product-benefits{padding:18px;margin:15px 0 20px}.product-benefits dd{font-size:14px}.product-benefits h2{font-size:21px}.product-gallery-column{position:static}}

/* Les images remplissent les cartes et les miniatures, sans bandes. */
.product-gallery-column .product-motion img{object-fit:cover;object-position:center}
.product-gallery-column .thumbs button,.product-gallery-column .mask-thumbs button{aspect-ratio:1;display:block;padding:0;overflow:hidden}
.product-gallery-column .thumbs img,.product-gallery-column .mask-thumbs img{display:block;width:100%;height:100%;aspect-ratio:1;object-fit:cover}
.photo-slide img{object-fit:cover}
.photo-slide figcaption{display:none}

/* Les quatre rangées des cartes du catalogue partagent les mêmes hauteurs. */
.collection>a{display:grid;grid-template-rows:subgrid;grid-row:span 4;row-gap:0;align-content:start}
.collection>a>img{width:100%;aspect-ratio:1;height:auto;object-fit:cover;align-self:start}
.collection>a>h2{margin:18px 0 16px;line-height:1.25;align-self:start}
.collection>a>.price{margin:0 0 14px;line-height:1.2;align-self:start}
.collection>a>.muted{margin:0;align-self:start}
#mask-comparison .compare-label{overflow-wrap:anywhere}

/* Symbole fourni, à gauche du nom LYNOVEA Beauty. */
header .head>.brand{display:inline-flex;align-items:center;gap:12px;min-width:0}
.brand .brand-emblem{display:block;width:72px;height:72px;object-fit:contain;flex:none}
.brand .brand-copy{display:block;white-space:nowrap}
@media(max-width:700px){header .head::before{display:none}header .head>.brand{font-size:clamp(17px,4.6vw,23px);gap:6px}.brand .brand-emblem{width:42px;height:42px}.brand .brand-copy small{font-size:7px;letter-spacing:.13em}}

.carousel-description{max-width:900px;margin:0 auto 25px;color:#654a6e;font:400 clamp(15px,1.15vw,18px)/1.75 Manrope,system-ui,sans-serif;text-align:center}

.brand .brand-beauty{font:600 .48em/1.2 Manrope,system-ui,sans-serif;letter-spacing:.035em;vertical-align:middle}.brand .brand-copy{white-space:nowrap}

/* Bannière réservée à la page Boutique, affichée en entier. */
.boutique-hero{margin:0 0 28px;border-radius:22px;overflow:hidden;box-shadow:0 8px 28px #55206f12}
.boutique-hero img{display:block;width:100%;height:auto}
@media(max-width:700px){.boutique-hero{margin-bottom:22px;border-radius:14px}}