.etapes{padding:70px 0 50px;background-color:#f5f5f5;overflow:hidden}.etapes__header{text-align:center;max-width:700px;margin:0 auto 50px;padding:0 20px}.etapes__badge{display:inline-block;font-size:12px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:#c9a0f0;margin-bottom:14px}.etapes__heading{font-size:clamp(26px,4vw,42px);font-weight:800;color:#1a1a1a;margin:0 0 12px;line-height:1.15}.etapes__subheading{font-size:16px;color:#888;margin:0;line-height:1.5}.etapes__slider-wrapper{position:relative;max-width:1100px;margin:0 auto;padding:0 60px}.etapes__arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:10;width:48px;height:48px;border-radius:50%;border:1.5px solid #d8c0f0;background:transparent;color:#c9a0f0;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .25s ease}.etapes__arrow:hover{background:#c9a0f0;color:#fff;border-color:#c9a0f0}.etapes__arrow--prev{left:6px}.etapes__arrow--next{right:6px}.etapes__track{position:relative;width:100%;overflow:hidden}.etapes__slide{display:none;animation:etapesFadeIn .5s ease}.etapes__slide--active{display:block}@keyframes etapesFadeIn{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}.etapes__slide-inner{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center}.etapes__media{position:relative;border-radius:16px;overflow:hidden;aspect-ratio:4/5;background:#e0e0e0}.etapes__video,.etapes__image{width:100%;height:100%;object-fit:cover;display:block}.etapes__media-badge{position:absolute;top:16px;left:16px;z-index:3;background:#c9a0f0;color:#fff;font-size:11px;font-weight:700;letter-spacing:1px;padding:6px 16px;border-radius:6px}.etapes__placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#e5e5e5}.etapes__placeholder svg{width:50%;opacity:.25}.etapes__content{padding:10px 0}.etapes__number{display:block;font-size:clamp(48px,6vw,72px);font-weight:800;color:#e8d5f5;line-height:1;margin-bottom:4px;-webkit-user-select:none;user-select:none}.etapes__title{font-size:clamp(22px,3vw,30px);font-weight:700;color:#1a1a1a;margin:0 0 16px;line-height:1.3}.etapes__description{font-size:15px;color:#666;line-height:1.7;margin:0 0 24px}.etapes__tips{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:12px}.etapes__tip{position:relative;padding-left:22px;font-size:14px;color:#444;line-height:1.5}.etapes__tip:before{content:"";position:absolute;left:0;top:6px;width:8px;height:8px;border-radius:50%;background:#c9a0f0}.etapes__progress{display:flex;justify-content:center;gap:8px;margin-top:36px;padding:0 20px}.etapes__progress-bar{position:relative;width:60px;height:4px;background:#ddd;border:none;border-radius:2px;cursor:pointer;padding:0;overflow:hidden;transition:background .3s}.etapes__progress-fill{position:absolute;left:0;top:0;height:100%;width:0;background:#c9a0f0;border-radius:2px;transition:width .3s ease}.etapes__progress-bar--active .etapes__progress-fill{width:100%;animation:etapesProgressFill 6s linear}@keyframes etapesProgressFill{0%{width:0}to{width:100%}}@media(max-width:768px){.etapes{padding:50px 0 35px}.etapes__slider-wrapper{padding:0 16px}.etapes__slide-inner{grid-template-columns:1fr;gap:24px}.etapes__media{aspect-ratio:16/10;border-radius:12px}.etapes__arrow{width:40px;height:40px}.etapes__arrow--prev{left:4px}.etapes__arrow--next{right:4px}.etapes__number{font-size:48px}.etapes__content{padding:0 4px}.etapes__progress-bar{width:45px}}@media(max-width:480px){.etapes__arrow{display:none}}
/*# sourceMappingURL=/cdn/shop/t/9/assets/section-etapes-utilisation.css.map */