/* MIEUX. editorial product pages — native product data, native buying flow. */
.woocommerce div.mieux-editorial-product{gap:32px 52px}
.mieux-editorial-product>.mieux-editorial-content,.mieux-editorial-product>.mieux-real-reviews{grid-column:1/-1;min-width:0;width:100%}
.mieux-editorial-product .woocommerce-product-details__short-description{margin:20px 0;color:#35352f;font-size:1.025rem;line-height:1.75}
.mieux-editorial-product .mieux-pdp-hook{font-size:.79rem;line-height:1.5;letter-spacing:.07em;text-transform:uppercase;font-weight:750;color:#151515;margin-bottom:13px;max-width:42ch}
.mieux-editorial-product .woocommerce-product-gallery{background:#efeee7;border-radius:8px;overflow:hidden}
.mieux-editorial-product .woocommerce-product-gallery__image img{object-fit:contain!important;background:#efeee7!important;border:0!important}
.mieux-pdp-story{color:#151515;line-height:1.75}
.mieux-pdp-story h2{font-size:clamp(2.25rem,4.5vw,4.2rem);line-height:1.1;letter-spacing:-.02em;margin:12px 0 24px;max-width:18ch}
.mieux-pdp-story h3{font-family:var(--body);font-size:1.1rem;font-weight:750;line-height:1.35;letter-spacing:0;margin:0 0 12px}
.mieux-pdp-story p{margin:0 0 18px}.mieux-pdp-story p:last-child{margin-bottom:0}
.mieux-pdp-story .eyebrow{font-size:.74rem;letter-spacing:.13em;font-weight:750;line-height:1.5;margin:0 0 15px}
.mieux-pdp-story section{scroll-margin-top:140px}
.mieux-pdp-nav{display:flex;gap:10px 30px;align-items:center;flex-wrap:wrap;padding:20px 0;border-top:1px solid #cac9bf;border-bottom:1px solid #cac9bf;margin-bottom:0;font-size:.84rem;font-weight:650}
.mieux-pdp-nav a{text-decoration:none;min-height:32px;display:flex;align-items:center;border-bottom:2px solid transparent}
.mieux-pdp-nav a:hover,.mieux-pdp-nav a:focus-visible{border-bottom-color:#151515}
.mieux-pdp-story a:focus-visible,.mieux-pdp-story summary:focus-visible{outline:3px solid #254bff;outline-offset:5px}
.mieux-story-lead{display:grid;grid-template-columns:1fr 1fr;gap:clamp(25px,5vw,75px);padding:clamp(36px,6vw,80px) 0;align-items:center}
.mieux-story-copy{font-size:1.08rem;max-width:55ch}.mieux-story-copy .text-link{display:inline-block;margin-top:12px;font-size:.9rem}
.mieux-detail-ingredients{background:#151515;color:#f5f3eb;padding:clamp(24px,4vw,48px);border-radius:8px}
.mieux-detail-ingredients .eyebrow,.mieux-detail-ingredients>.text-link{color:#e9ff45}
.mieux-detail-ingredients>.text-link{display:inline-block;margin-top:28px;font-size:.88rem}
.mieux-detail-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,210px),1fr));gap:14px;margin-top:32px}
.mieux-detail-card{position:relative;padding:26px 22px;background:#f5f3eb;color:#151515;border-radius:5px;min-width:0}
.mieux-detail-card:nth-child(2){background:#e9ff45}.mieux-detail-card:nth-child(3){background:#dfe5ff}.mieux-detail-card:nth-child(4){background:#ffd8c2}
.mieux-card-index{position:absolute;right:20px;top:20px;font-size:.73rem;font-weight:700;opacity:.65}
.mieux-detail-card .mieux-actif-icon{margin-bottom:24px;width:56px;height:56px}
.mieux-detail-card p{font-size:.88rem;line-height:1.7;overflow-wrap:break-word}
.mieux-detail-card h3{font-size:1.2rem;overflow-wrap:break-word}
.mieux-ritual{display:grid;grid-template-columns:1fr 1.15fr;gap:clamp(28px,5vw,70px);padding:clamp(36px,6vw,72px) 0;border-bottom:1px solid #cac9bf}
.mieux-ritual-steps{display:grid;gap:0}
.mieux-ritual-steps article{display:flex;gap:20px;padding:22px 0;border-top:1px solid #cac9bf}
.mieux-ritual-steps article:first-child{border:0;padding-top:0}
.mieux-ritual-steps article>span{display:grid;place-items:center;flex:0 0 42px;width:42px;height:42px;border-radius:50%;background:#e9ff45;font-size:.8rem;font-weight:750}
.mieux-ritual-steps p{font-size:.94rem}
.mieux-composition{padding:clamp(36px,6vw,72px) 0;display:grid;grid-template-columns:1fr 1.4fr;gap:40px}
.mieux-composition-content{min-width:0;overflow-x:auto;font-size:.9rem;background:#fff;padding:clamp(18px,3vw,32px);border:1px solid #ddddd3;border-radius:6px}
.mieux-composition-content table{width:100%;border-collapse:collapse;font-size:.86rem;line-height:1.6;margin:16px 0 24px}
.mieux-composition-content caption{text-align:left;font-size:.75rem;color:#606057;padding:0 0 10px}
.mieux-composition-content td,.mieux-composition-content th{padding:12px 10px;border-bottom:1px solid #e2e2d9;text-align:left;vertical-align:top}
.mieux-composition-content tr:nth-child(odd){background:#f5f5ef}
.mieux-composition-content th{font-weight:700;background:#e9ff45}
.mieux-composition-content>p:first-child{font-weight:700}
.mieux-questions{display:grid;grid-template-columns:1fr 1.4fr;gap:40px;padding:clamp(28px,4vw,52px);background:#e9ff45;border-radius:8px;margin:0 0 20px}
.mieux-questions details{border-bottom:1px solid #b9c54f;padding:0}
.mieux-questions details:last-child{border-bottom:0}
.mieux-questions summary{font-weight:650;font-size:.95rem;line-height:1.5;padding:20px 34px 20px 0;cursor:pointer;position:relative;list-style:none}
.mieux-questions summary::-webkit-details-marker{display:none}
.mieux-questions summary::after{content:'+';position:absolute;right:0;top:18px;font-size:1.3rem;font-weight:400}
.mieux-questions details[open] summary::after{content:'−'}
.mieux-questions details p,.mieux-questions details ul{font-size:.9rem;line-height:1.75;padding-bottom:20px}
.mieux-questions details p+p{padding-top:0}
@media(min-width:1000px){.mieux-editorial-product .woocommerce-product-gallery{position:sticky!important;top:125px}}
@media(max-width:800px){.woocommerce div.mieux-editorial-product{gap:28px}.mieux-story-lead,.mieux-ritual,.mieux-composition,.mieux-questions{grid-template-columns:1fr;gap:22px}.mieux-pdp-story h2{max-width:22ch}.mieux-detail-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.mieux-pdp-nav{gap:7px 20px}.mieux-story-copy{max-width:none}}
@media(max-width:480px){.mieux-detail-grid{grid-template-columns:1fr}.mieux-detail-card{padding:24px}.mieux-detail-card .mieux-actif-icon{margin-bottom:18px}.mieux-questions{padding:26px 20px}.mieux-pdp-story h2{font-size:2.25rem}.mieux-composition-content{padding:16px 12px}.mieux-pdp-nav{font-size:.78rem}.mieux-detail-ingredients{padding:26px 20px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
