.ecof-video-player-section{background:var(--section-bg, #ffffff);font-family:var(--font-body, "Poppins", sans-serif)}.ecof-video-player__container{max-width:1200px;margin:0 auto;padding:0 20px}.ecof-video-player__heading{font-family:var(--font-heading, "Poppins", sans-serif);font-size:var(--heading-size-mobile);font-weight:700;color:var(--text-primary, #2c2c2c);text-align:center;margin:0 0 12px;line-height:1.2}.ecof-video-player__description{font-size:var(--description-size);color:var(--text-secondary, #666666);text-align:center;max-width:720px;margin:0 auto 40px;line-height:1.5}.ecof-video-player__layout{display:flex;flex-direction:column;gap:20px}.ecof-video-player__main{position:relative;margin-bottom:0;flex:1 1 auto}.ecof-video-player__stage{display:none}.ecof-video-player__stage.is-active{display:block;animation:ecofFadeIn .3s ease}@keyframes ecofFadeIn{0%{opacity:0}to{opacity:1}}.ecof-video-player__media-wrapper{position:relative;width:100%;aspect-ratio:16 / 9;background:#000;border-radius:var(--media-radius, 8px);overflow:hidden}.ecof-video-player-section--portrait .ecof-video-player__media-wrapper{aspect-ratio:9 / 16}.ecof-video-player__media{width:100%;height:100%;object-fit:cover;display:block;border:none}.ecof-video-player__media--iframe{position:absolute;top:0;left:0}.ecof-video-player__play-overlay{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#00000040;border:none;cursor:pointer;opacity:1;transition:opacity .25s ease}.ecof-video-player__play-overlay.is-hidden{opacity:0;pointer-events:none}.ecof-video-player__main-title{font-size:var(--main-title-size-mobile);font-weight:600;color:var(--text-primary, #2c2c2c);text-align:center;margin:16px 0 0;line-height:1.3}.ecof-video-player__thumbs{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:16px}.ecof-video-player-section--portrait .ecof-video-player__thumbs{grid-template-columns:1fr;gap:12px}.ecof-video-player__thumb{display:flex;flex-direction:column;align-items:center;background:transparent;border:none;padding:0;margin:0;cursor:pointer;text-align:center;opacity:.8;transition:opacity .25s ease,transform .2s ease}.ecof-video-player__thumb:hover{opacity:1;transform:translateY(-2px)}.ecof-video-player__thumb.is-active{opacity:1}.ecof-video-player__thumb-frame{position:relative;width:100%;aspect-ratio:16 / 9;border-radius:var(--thumb-radius, 6px);overflow:hidden;background:#f5f5f5;box-shadow:0 0 0 0 var(--active-thumb-color, #98CA3F);transition:box-shadow .25s ease}.ecof-video-player__thumb.is-active .ecof-video-player__thumb-frame{box-shadow:0 0 0 3px var(--active-thumb-color, #98CA3F)}.ecof-video-player__thumb-image{width:100%;height:100%;object-fit:cover;display:block}.ecof-video-player__thumb-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:var(--text-secondary, #666666);background:#f0f0f0}.ecof-video-player__thumb-overlay{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#00000026;transition:background .25s ease}.ecof-video-player__thumb:hover .ecof-video-player__thumb-overlay{background:#0000000d}.ecof-video-player__thumb-title{font-size:var(--thumb-title-size-mobile);font-weight:500;color:var(--text-secondary, #666666);margin-top:8px;line-height:1.3;display:block;width:100%}.ecof-video-player__thumb.is-active .ecof-video-player__thumb-title{color:var(--text-primary, #2c2c2c);font-weight:600}.ecof-video-player-section--portrait .ecof-video-player__thumb{flex-direction:row;align-items:center;text-align:left;gap:12px}.ecof-video-player-section--portrait .ecof-video-player__thumb-frame{width:120px;flex-shrink:0}.ecof-video-player-section--portrait .ecof-video-player__thumb-title{margin-top:0}@media screen and (min-width:750px){.ecof-video-player__container{padding:0 40px}.ecof-video-player__heading{font-size:var(--heading-size)}.ecof-video-player__main-title{font-size:var(--main-title-size)}.ecof-video-player__thumb-title{font-size:var(--thumb-title-size)}.ecof-video-player-section--landscape .ecof-video-player__thumbs{grid-template-columns:repeat(var(--thumb-count, 3),1fr)}.ecof-video-player-section--portrait .ecof-video-player__layout{flex-direction:row;align-items:flex-start;gap:24px}.ecof-video-player-section--portrait .ecof-video-player__main{flex:0 0 55%;max-width:55%}.ecof-video-player-section--portrait .ecof-video-player__thumbs{flex:1 1 auto;grid-template-columns:1fr;gap:14px}.ecof-video-player-section--portrait .ecof-video-player__thumb-frame{width:140px}}@media screen and (max-width:749px){.ecof-video-player__layout{flex-direction:column!important}.ecof-video-player__thumbs,.ecof-video-player-section--portrait .ecof-video-player__thumbs{grid-template-columns:repeat(2,1fr)}.ecof-video-player-section--portrait .ecof-video-player__thumb{flex-direction:column;align-items:center;text-align:center;gap:0}.ecof-video-player-section--portrait .ecof-video-player__thumb-frame{width:100%}.ecof-video-player-section--portrait .ecof-video-player__thumb-title{margin-top:8px}.ecof-video-player__play-overlay svg{width:48px;height:48px}}
/*# sourceMappingURL=/cdn/shop/t/29/assets/EcoF-Video-Player.css.map */