.mt-classes-wrapper{width:100%;background-color:#1d1d1d;color:#fff;padding:60px 0}.mt-classes-container{max-width:1280px;margin:0 auto;padding:0 40px}.mt-classes-content{display:grid;grid-template-columns:500px 1fr;gap:77px;align-items:stretch}.mt-classes-left-column{display:flex;flex-direction:column;border-radius:16px;min-height:600px}.mt-classes-right-column{display:flex;flex-direction:column;height:100%}.mt-classes-title{font-size:24px;font-weight:600;margin:0 0 35px;line-height:34px;color:#fff;font-family:Poppins}.mt-classes-subtitle{font-size:28px;font-weight:300;margin:0 0 24px;line-height:1.2;color:#e0e0e0}.mt-classes-nav-prev,.mt-classes-nav-next{background:transparent;border:none;color:#fff;cursor:pointer;transition:all .3s ease;flex-shrink:0;display:none;align-items:center;justify-content:center}.mt-classes-nav-prev:hover,.mt-classes-nav-next:hover{opacity:1}.mt-classes-nav-prev:disabled,.mt-classes-nav-next:disabled{opacity:.3;cursor:not-allowed}.mt-classes-tabs-wrapper{flex:1;overflow:hidden;position:relative}.mt-classes-tabs-container{display:flex;gap:10px;overflow-x:auto;scroll-behavior:smooth;scrollbar-width:none;-ms-overflow-style:none}.mt-classes-tabs-container::-webkit-scrollbar{display:none}.mt-classes-tab{display:flex;flex-direction:column;align-items:center;gap:0;padding:4px 9px 9px;background:#ffffff1a;border:1px solid transparent;border-radius:8px;cursor:pointer;transition:all .3s ease;flex-shrink:0;min-width:110px;color:#fff}.mt-classes-tab:hover{background:#ffffff26;border-color:#ffffff4d}.mt-classes-tab.active{border-color:#fff}.mt-classes-tab .tab-icon{width:40px;height:40px;object-fit:contain;filter:brightness(0) invert(1)}.mt-classes-tab .tab-icon-placeholder svg{width:40px;height:40px}.mt-classes-tab .tab-name{font-size:12px;font-weight:400;font-family:Poppins;text-align:center;line-height:20px}.mt-classes-content{display:grid;grid-template-columns:710px 413px;gap:77px;align-items:start}.mt-classes-video-section{width:100%;height:100%}@media (max-width: 768px){.mt-classes-video-section{width:100%;height:100%}}.mt-classes-video-wrapper{position:relative;width:100%;height:100%;border-radius:15px;overflow:hidden;background:#000}.mt-classes-video-container{position:relative;width:100%;height:100%;padding-bottom:56.25%}.mt-classes-video-container iframe,.mt-classes-video-container video{position:absolute;top:0;left:0;width:100%;height:100%;border:none;object-fit:cover!important}.mt-classes-video-container video::-webkit-media-controls{z-index:100}.mt-classes-video-container video::-webkit-media-controls-panel{z-index:100}.video-placeholder{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2)}.video-placeholder svg{opacity:.8}.video-play-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);cursor:pointer;z-index:10;transition:all .3s ease}.video-play-overlay:hover{transform:translate(-50%,-50%) scale(1.1)}.video-play-overlay svg{filter:drop-shadow(0 4px 8px rgba(0,0,0,.3))}.mt-classes-video-container.loading:after{content:"";position:absolute;top:50%;left:50%;width:40px;height:40px;margin:-20px 0 0 -20px;border:4px solid rgba(255,255,255,.2);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite;z-index:5}@keyframes spin{to{transform:rotate(360deg)}}.mt-classes-list-section{width:100%;flex:1;display:flex;flex-direction:column;overflow-y:auto;max-width:551px}.mt-classes-list-title{font-size:16px;font-weight:500;margin:0 0 20px;font-family:Poppins;line-height:24px;color:#fff}.mt-classes-list{display:none}.mt-classes-list.active{display:block}.mt-class-item{display:flex;align-items:center;gap:20px;border-radius:4px;margin-bottom:10px;cursor:pointer;transition:all .3s ease;padding-right:15px}.mt-class-item:hover{background:#ffffff1a}.mt-class-item.active{background:#ffffff26}.class-thumbnail{width:72px;height:96px;border-radius:4px;overflow:hidden;flex-shrink:0;background:#ffffff1a}.class-thumbnail img{width:100%;height:100%;object-fit:cover}.thumbnail-placeholder{width:100%;height:100%;background:linear-gradient(135deg,#ffffff1a,#ffffff0d)}.class-info{flex:1;min-width:0}.class-title{font-size:16px;font-weight:500;margin:0 0 6px;line-height:24px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:Poppins;color:#fff;letter-spacing:0}.class-instructor{font-size:14px;font-family:Poppins;color:#c4c4c4;margin:0;line-height:21px;font-weight:400;letter-spacing:0}.class-arrow{flex-shrink:0;display:flex}.mt-class-item:hover .class-arrow{opacity:1}.mt-classes-see-more{display:inline-block;margin-top:3px;color:#fff;text-decoration:none;font-size:14px;font-family:Poppins;line-height:21px;font-weight:400;transition:opacity .3s ease;border-bottom:1px solid #ffffff}.mt-classes-see-more:hover{opacity:.8}.mt-classes-list:not(.active) .mt-classes-see-more{display:none}.mt-classes-tabs{display:flex;align-items:center;margin-bottom:35px;position:relative;gap:12px}@media (max-width: 1280px) and (min-width: 1025px){.mt-classes-content{grid-template-columns:1fr .58fr;gap:60px;max-width:1200px;margin:0 auto}.mt-classes-container{max-width:1280px;padding:0 40px}}@media (min-width:1024px) and (max-width:1280px){.mt-classes-content{gap:10px}}@media (min-width:1024px) and (max-width:1171px){.mt-classes-right-column{width:172%}.mt-classes-container{padding:0 20px}}@media (max-width: 1024px){.mt-classes-content{grid-template-columns:1fr;gap:0;display:flex;flex-direction:column;align-items:center}.mt-classes-left-column{border:none;padding:0;background:transparent;min-height:auto;display:contents}.mt-classes-left-column .mt-classes-header{margin-bottom:15px;order:1}.mt-classes-title{font-size:32px}.mt-classes-subtitle{font-size:32px;margin-bottom:0}.mt-classes-tabs{margin-bottom:32px;order:2}.mt-classes-nav-prev,.mt-classes-nav-next{display:flex;padding:3px}.mt-classes-right-column{order:3;width:100%;height:460px;margin:0 auto 40px}.mt-classes-list-section{max-width:100%;margin:0;overflow-y:visible;order:4}}@media (max-width: 768px){.mt-classes-container{padding:0}.mt-classes-header{margin-bottom:24px}.mt-classes-title{font-size:28px;padding:0 15px}.mt-classes-subtitle{font-size:20px;margin-bottom:50px}.mt-classes-tabs{margin-bottom:24px;gap:0;width:100vw}.mt-classes-tabs-wrapper{overflow-x:auto;-webkit-overflow-scrolling:touch}.mt-classes-tabs-container{gap:10px;padding:0 4px}.mt-classes-tab{min-width:110px;padding:4px 12px 9px;gap:8px;max-height:75px}.mt-classes-tab .tab-icon{width:32px;height:32px}.mt-classes-tab .tab-name{font-size:12px}.mt-classes-video-wrapper{border-radius:12px;padding:0 15px}.mt-classes-video-container video{border-radius:15px}.mt-classes-list-title{margin:0 15px 20px}.mt-classes-list{padding:0 15px}.mt-class-item{gap:18px;margin-bottom:10px;border-radius:4px}.class-thumbnail{width:65px;height:87px}.class-title{font-size:14px;margin:0}.class-instructor{font-size:12px}.class-arrow svg{width:20px;height:20px}}@media (max-width: 480px){.mt-classes-title,.mt-classes-subtitle{font-size:20px;padding:0 15px}.mt-classes-tab{min-width:110px;padding:4px 12px 9px}.mt-classes-tab .tab-name{font-size:11px}}.mt-classes-wrapper.loading{opacity:.6;pointer-events:none}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.mt-classes-list.active{animation:fadeIn .3s ease}@media (min-width: 1025px){.mt-classes-list-section::-webkit-scrollbar{width:6px}.mt-classes-list-section::-webkit-scrollbar-track{background:#ffffff0d;border-radius:3px}.mt-classes-list-section::-webkit-scrollbar-thumb{background:#fff3;border-radius:3px}.mt-classes-list-section::-webkit-scrollbar-thumb:hover{background:#ffffff4d}}
/*# sourceMappingURL=/cdn/shop/t/20/assets/mt-classes.css.map */