.page-tutoriels-clients .tutoriels-locked{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:5rem 1.5rem;gap:1.25rem;min-height:60vh}.page-tutoriels-clients .tutoriels-locked__icon{color:rgba(var(--color-foreground),.3);display:block}.page-tutoriels-clients .tutoriels-locked__title{font-size:2rem;margin:0;color:rgb(var(--color-foreground));line-height:1.2}.page-tutoriels-clients .tutoriels-locked__message{font-size:1rem;color:rgba(var(--color-foreground),.6);max-width:440px;margin:0;line-height:1.6}.page-tutoriels-clients .tutoriels-locked__actions{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin-top:.5rem}.page-tutoriels-clients .tutoriels-wrap{max-width:var(--page-width, 1200px);margin:0 auto;padding:0 1.5rem}.page-tutoriels-clients .tutoriels-layout{display:grid;grid-template-columns:280px 1fr;min-height:82vh;border-radius:14px;overflow:hidden;box-shadow:0 8px 40px #32140a2e}.page-tutoriels-clients .tutoriels-sidebar{background:#32140a;display:flex;flex-direction:column;overflow:hidden}.page-tutoriels-clients .tutoriels-sidebar__header{padding:1.125rem 1.375rem;border-bottom:1px solid rgba(255,255,255,.07);flex-shrink:0}.page-tutoriels-clients .tutoriels-sidebar__site{font-size:.6875rem;font-weight:700;text-transform:uppercase;letter-spacing:.12em;color:#fff6}.page-tutoriels-clients .tutoriels-sidebar__title{font-size:.9375rem;font-weight:600;color:#fff;margin-top:.2rem;display:block;line-height:1.3}.page-tutoriels-clients .tutoriels-nav{flex:1;overflow-y:auto;padding:.5rem 0 1rem}.page-tutoriels-clients .tutoriels-nav::-webkit-scrollbar{width:4px}.page-tutoriels-clients .tutoriels-nav::-webkit-scrollbar-track{background:transparent}.page-tutoriels-clients .tutoriels-nav::-webkit-scrollbar-thumb{background:#ffffff1f;border-radius:2px}.page-tutoriels-clients .tutoriels-nav__cat-label{display:block;padding:1rem 1.375rem .375rem;font-size:.6563rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:#ffffff59}.page-tutoriels-clients .tutoriels-nav__item{display:flex;align-items:flex-start;gap:.625rem;width:100%;padding:.5625rem 1.375rem;background:transparent;border:none;border-left:3px solid transparent;color:#ffffffa6;cursor:pointer;text-align:left;transition:background .15s,color .15s,border-color .15s;font-size:.8125rem;line-height:1.45;font-family:inherit}.page-tutoriels-clients .tutoriels-nav__item:hover{background:#ffffff0d;color:#fff}.page-tutoriels-clients .tutoriels-nav__item.is-active{background:#cc66332e;border-left-color:#c63;color:#fff}.page-tutoriels-clients .tutoriels-nav__num{flex-shrink:0;width:18px;height:18px;border-radius:50%;border:1px solid rgba(255,255,255,.2);display:flex;align-items:center;justify-content:center;font-size:.625rem;font-weight:700;margin-top:.1rem;transition:background .15s,border-color .15s}.page-tutoriels-clients .tutoriels-nav__item.is-active .tutoriels-nav__num{background:#c63;border-color:#c63}.page-tutoriels-clients .tutoriels-nav__label{flex:1;display:flex;flex-direction:column;gap:.2rem}.page-tutoriels-clients .tutoriels-nav__duration{font-size:.7rem;color:#ffffff59;font-weight:400}.page-tutoriels-clients .tutoriels-nav__item.is-active .tutoriels-nav__duration{color:#ffffff8c}.page-tutoriels-clients .tutoriels-nav__empty{display:block;padding:.375rem 1.375rem .75rem;font-size:.75rem;color:#ffffff40;font-style:italic}.page-tutoriels-clients .tutoriels-cat-progress{display:flex;align-items:center;gap:.5rem;padding:0 1.375rem .75rem}.page-tutoriels-clients .tutoriels-cat-progress__bar{flex:1;height:3px;background:#ffffff1a;border-radius:2px;overflow:hidden}.page-tutoriels-clients .tutoriels-cat-progress__fill{height:100%;width:0%;background:#c63;border-radius:2px;transition:width .4s ease}.page-tutoriels-clients .tutoriels-cat-progress__text{flex-shrink:0;font-size:.625rem;font-weight:600;color:#ffffff4d;letter-spacing:.05em;min-width:28px;text-align:right;transition:color .3s}.page-tutoriels-clients .tutoriels-cat-progress--complete .tutoriels-cat-progress__text{color:#22c55e}.page-tutoriels-clients .tutoriels-cat-progress--complete .tutoriels-cat-progress__fill{background:#22c55e}.page-tutoriels-clients .tutoriels-nav__item.is-watched .tutoriels-nav__num{background:#22c55e26;border-color:#22c55e8c;color:#22c55e}.page-tutoriels-clients .tutoriels-video-badge.is-watched{background:#22c55e1f;border-color:#22c55e8c;color:#22c55e}.page-tutoriels-clients .tutoriels-main{background:#fdfbf7;display:flex;flex-direction:column;overflow-y:auto;min-width:0}.page-tutoriels-clients .tutoriels-video-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1.375rem 2rem 1rem;border-bottom:1px solid rgba(50,20,10,.07);flex-shrink:0}.page-tutoriels-clients .tutoriels-video-title{font-size:1.125rem;font-weight:700;color:#32140a;margin:0;line-height:1.3}.page-tutoriels-clients .tutoriels-video-badge{flex-shrink:0;width:28px;height:28px;border-radius:50%;border:2px solid rgba(50,20,10,.15);display:flex;align-items:center;justify-content:center;color:#32140a33;font-size:.75rem}.page-tutoriels-clients .tutoriels-panel{display:none;flex-direction:column;flex:1}.page-tutoriels-clients .tutoriels-panel.is-active{display:flex}.page-tutoriels-clients .tutoriels-player{position:relative;padding-bottom:56.25%;height:0;background:#1a0d07;flex-shrink:0}.page-tutoriels-clients .tutoriels-player iframe,.page-tutoriels-clients .tutoriels-player video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border:none;display:block}.page-tutoriels-clients .tutoriels-player__placeholder{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;color:#ffffff4d;font-size:.875rem}.page-tutoriels-clients .tutoriels-body{padding:1.5rem 2rem 2.5rem;flex:1}.page-tutoriels-clients .tutoriels-description{font-size:.9375rem;color:#32140a;line-height:1.7;white-space:pre-line}@media screen and (max-width:749px){.page-tutoriels-clients .tutoriels-layout{grid-template-columns:1fr;min-height:unset;border-radius:10px}.page-tutoriels-clients .tutoriels-sidebar{max-height:260px}.page-tutoriels-clients .tutoriels-video-header{padding:1rem 1.25rem .75rem}.page-tutoriels-clients .tutoriels-body{padding:1rem 1.25rem 2rem}.page-tutoriels-clients .tutoriels-locked__actions{flex-direction:column;width:100%;max-width:300px}.page-tutoriels-clients .tutoriels-locked__actions .button{width:100%;text-align:center}}.payment-icons{width:100%}.payment-icons__list{display:flex;align-items:center;justify-content:var(--alignment);flex-wrap:wrap;gap:var(--icon-gap);margin:0;padding:0}.payment-icons__item{display:flex;align-items:center}.video-block{position:relative;width:100%;margin:0}.video-block__inner{position:relative;width:100%;overflow:hidden;border-radius:8px}.video-block--16-9 .video-block__inner{aspect-ratio:16 / 9}.video-block--4-3 .video-block__inner{aspect-ratio:4 / 3}.video-block--1-1 .video-block__inner{aspect-ratio:1 / 1}.video-block__inner video,.video-block__inner iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:none;display:block;object-fit:cover}.video-block__caption{margin:0}
/*# sourceMappingURL=/cdn/shop/t/29/compiled_assets/styles.css.map */