.video-guides{padding:60px 20px}.video-header{background:#1a1a1a;padding:80px 20px;text-align:center}.video-guides-badge-wrap{display:flex;justify-content:center;margin-bottom:16px}.video-guides-badge{display:inline-flex;align-items:center;gap:10px;padding:8px 16px;background:#e2ffed;border-radius:8px;color:#0e5b2b;font-size:14px;font-weight:400}.video-guides-badge-dot{width:10px;height:10px;border-radius:50%;background:#0e5b2b;flex:0 0 auto}.video-guides-intro{text-align:left;margin-bottom:35px}.video-guides-intro-title{font-size:16px;font-weight:600;color:#191919;opacity:60%;text-transform:uppercase;letter-spacing:.08em;margin-bottom:8px}.video-guides-intro-category{font-size:32px;font-weight:600;color:#191919}.video-header h1{color:#fff;margin:0}.video-tabs{display:flex;justify-content:center;gap:26px;margin:40px 0 60px;flex-wrap:wrap}.video-tab{padding:12px 26px;background:#fff;border:1px solid #d9d9d9;cursor:pointer;font-weight:400;font-size:20px;text-transform:uppercase;color:#777;border-radius:5px}.video-tab.active{background:#ffefef;border-color:#c91515;color:#c91515}.video-category{display:none}.video-category.active{display:block}.video-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:30px}.video-card{display:flex;flex-direction:column;gap:10px;justify-content:end}.video-card-title{font-weight:600;font-size:14px;color:#1a1a1a;padding:12px 16px 12px 20px;background:#fafafa;border-radius:0 10px 10px 0;line-height:1.45;position:relative;transition:all .25s ease}.video-card-title:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:#c91515;border-radius:4px 0 0 4px}.video-card:hover .video-card-title{background:#fff;box-shadow:0 4px 20px #c915151f;transform:translate(4px)}.video-item{aspect-ratio:9/12;background:#000;border-radius:10px;overflow:hidden;cursor:pointer;position:relative}.video-item video{width:100%;height:100%;object-fit:cover}.video-item-play{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;pointer-events:none}.video-item-play img{width:24px;height:24px;display:block}.video-item-play-bg{width:60px;height:60px;border-radius:9999px;background:#ffffffe5;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center}.video-modal{position:fixed;top:0;right:0;bottom:0;left:0;display:none;align-items:center;justify-content:center;padding:20px;background:#000000bf;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:1000}.video-modal.active{display:flex}.video-modal-content{position:relative;width:min(960px,92vw);background:#000;border-radius:12px;overflow:hidden;box-shadow:0 20px 60px #00000073}.video-modal video{width:100%;height:auto;max-height:80vh;display:block;background:#000}.video-modal-close{position:absolute;top:10px;right:10px;width:36px;height:36px;border:0;border-radius:50%;background:#0009;color:#fff;font-size:20px;line-height:36px;cursor:pointer;z-index:2}body.video-modal-open{overflow:hidden}@media (max-width:1024px){.video-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.video-tab{font-size:13px}.video-guides-intro-category{font-size:28px}.video-guides-intro-title{font-size:14px}.video-tabs{margin:30px 0;gap:15px}.video-grid{gap:10px}.video-card-title{font-size:12px;padding:10px 12px 10px 14px;border-radius:0 8px 8px 0;display:block;-webkit-line-clamp:unset;-webkit-box-orient:unset;overflow:visible}.video-card-title:before{width:3px}.video-card:hover .video-card-title{transform:none;box-shadow:none}}
/*# sourceMappingURL=/cdn/shop/t/12/assets/video-guides.css.map */