.mhtv{padding:72px 0;background:var(--color-background, #fff)}.mhtv__container{max-width:var(--page-width, 1600px);margin:0 auto;padding:0 24px}.mhtv__header{text-align:center;margin-bottom:48px}.mhtv__eyebrow{font-size:11px;font-weight:800;letter-spacing:.13em;text-transform:uppercase;color:#00000080;margin:0 0 10px}.mhtv__headline{font-size:clamp(26px,3.5vw,40px);font-weight:900;text-transform:uppercase;line-height:1.05;margin:0}.mhtv__grid{display:grid;gap:40px 28px}.mhtv__grid--cols-2{grid-template-columns:repeat(2,1fr)}.mhtv__grid--cols-3{grid-template-columns:repeat(3,1fr)}.mhtv__grid--cols-4{grid-template-columns:repeat(4,1fr)}.mhtv__item{display:flex;flex-direction:column;gap:14px}.mhtv__video-wrapper{position:relative;width:100%;aspect-ratio:16 / 9;background:#111;border-radius:10px;overflow:hidden}.mhtv__thumbnail-btn{display:block;width:100%;height:100%;padding:0;border:none;background:none;cursor:pointer;position:relative}.mhtv__thumbnail{display:block;width:100%;height:100%;object-fit:cover;transition:transform .3s ease,opacity .3s ease}.mhtv__thumbnail-btn:hover .mhtv__thumbnail{transform:scale(1.03);opacity:.88}.mhtv__play-btn{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;pointer-events:none}.mhtv__play-btn svg{width:52px;height:52px;color:#fff;background:#0000008c;border-radius:50%;padding:12px 10px 12px 14px;box-sizing:border-box;transition:background .2s,transform .2s;filter:drop-shadow(0 2px 8px rgba(0,0,0,.3))}.mhtv__thumbnail-btn:hover .mhtv__play-btn svg{background:#000000bf;transform:scale(1.08)}.mhtv__thumbnail-placeholder{width:100%;height:100%;background:#e0e0de;border:2px dashed #c0c0bc;border-radius:10px;display:flex;align-items:center;justify-content:center}@keyframes mhtv-pulse{0%,to{opacity:1}50%{opacity:.5}}.mhtv__thumbnail-loading{border:none;background:#e0e0de;animation:mhtv-pulse 1.4s ease-in-out infinite}.mhtv__iframe{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border:none;border-radius:10px}.mhtv__caption{padding:0 4px}.mhtv__title{font-size:15px;font-weight:700;color:#111;margin:0 0 4px;line-height:1.3}.mhtv__subtitle{font-size:13px;color:#0000008c;margin:0;line-height:1.4}.mhtv__empty{text-align:center;color:#0006;font-size:14px;padding:40px 0}@media(max-width:1024px){.mhtv__grid--cols-4{grid-template-columns:repeat(3,1fr)}}@media(max-width:749px){.mhtv{padding:48px 0}.mhtv__container{padding:0 16px}.mhtv__header{margin-bottom:32px}.mhtv__grid--cols-2,.mhtv__grid--cols-3,.mhtv__grid--cols-4{grid-template-columns:1fr}.mhtv__play-btn svg{width:44px;height:44px}}
/*# sourceMappingURL=/cdn/shop/t/21/assets/method-how-to-videos.css.map */