/* Cosmetiques : aperçu de la boutique et fonctionnalités pratiques. */
.cosmetiques-page .mercerie-hero-grid{grid-template-columns:.85fr 1.2fr;gap:60px}.cosmetiques-page .mercerie-intro{max-width:39ch}.cosmetiques-page .mercerie-example>a{display:block;transition:transform .25s}.cosmetiques-page .mercerie-example>a:hover{transform:translateY(-4px)}.cosmetiques-page .mercerie-screen{border-top:0;max-height:510px;object-fit:cover;object-position:top}.cosmetiques-browser{display:flex;align-items:center;gap:6px;background:#e9e6df;padding:12px 14px;border-radius:8px 8px 0 0;color:#526067}.cosmetiques-browser>span{width:7px;height:7px;border-radius:50%;background:#b6bab8}.cosmetiques-browser small{margin-left:12px;font-size:11px}.cosmetiques-demo{padding:58px 0 68px;background:#253e33;scroll-margin-top:80px}.cosmetiques-demo-grid{display:grid;grid-template-columns:1.15fr 1fr;gap:100px;align-items:center}.cosmetiques-demo h2{color:#f7f3e9}.cosmetiques-demo p{color:#c3cdce;max-width:56ch}.cosmetiques-demo .button{margin-top:8px}.cosmetiques-demo .cosmetiques-demo-note{font-size:.77rem;margin-top:16px;color:#aebaba}.cosmetiques-demo-points{margin:0;padding:0;list-style:none}.cosmetiques-demo-points li{padding:22px 0;border-bottom:1px solid #ffffff26}.cosmetiques-demo-points li:first-child{padding-top:0}.cosmetiques-demo-points strong,.cosmetiques-demo-points span{display:block}.cosmetiques-demo-points strong{font-size:1.1rem;color:#e9bfc1;margin-bottom:8px}.cosmetiques-demo-points span{font-size:.93rem;color:#c3cdce}.cosmetiques-page .mercerie-features h2{max-width:24ch;margin-inline:auto}@media(max-width:1000px){.cosmetiques-page .mercerie-hero-grid{gap:32px}.cosmetiques-demo-grid{gap:48px}}@media(max-width:720px){.cosmetiques-page .mercerie-hero-grid,.cosmetiques-demo-grid{grid-template-columns:1fr;gap:28px}.cosmetiques-page .mercerie-screen{max-height:330px}.cosmetiques-demo{padding:42px 0}.cosmetiques-demo-points strong{font-size:1rem}.cosmetiques-demo-points li{padding:18px 0}.cosmetiques-page .mercerie-features h2{margin-inline:0}}

.cosmetiques-page .mercerie-hero h1{font-size:clamp(2.6rem,4.7vw,4.6rem);line-height:1.05}.cosmetiques-page .mercerie-hero-grid{grid-template-columns:.82fr 1.18fr;gap:48px}.cosmetiques-page .mercerie-screen{max-height:none;aspect-ratio:16/9;object-fit:cover;object-position:top}.cosmetiques-page .cosmetiques-demo-note strong{color:#fff2db;font-weight:700}@media(max-width:720px){.cosmetiques-page .mercerie-hero-grid{grid-template-columns:1fr;gap:28px}.cosmetiques-page .mercerie-hero h1{font-size:2.8rem}.cosmetiques-page .mercerie-hero h1 br:last-child{display:none}}

.cosmetiques-page .mercerie-hero h1 em{color:#e9bfc1}.cosmetiques-page .cosmetiques-demo{background:#672e3d}.cosmetiques-page .mercerie-screen{object-position:top}.cosmetiques-page .mercerie-hero-grid{grid-template-columns:.85fr 1.15fr}@media(max-width:720px){.cosmetiques-page .mercerie-hero-grid{grid-template-columns:1fr}}

.cosmetiques-page .mercerie-screen{height:auto;aspect-ratio:auto;object-fit:contain}