.videoModal{z-index:9999;background:#000000e6;justify-content:center;align-items:center;padding:20px;animation:.3s fadeIn;display:flex;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.videoModal__content{width:100%;max-width:1200px;animation:.3s slideUp;position:relative}@keyframes slideUp{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}.videoModal__close{color:#fff;cursor:pointer;z-index:10;background:0 0;border:none;justify-content:center;align-items:center;padding:10px;transition:opacity .3s;display:flex;position:absolute;top:-50px;right:0}.videoModal__close:hover{opacity:.7}.videoModal__close svg{width:32px;height:32px}@media (max-width:768px){.videoModal{padding:10px}.videoModal__close{top:-40px}.videoModal__close svg{width:24px;height:24px}}
.productVideos{margin-top:60px;padding-top:40px}.productVideos__title{color:#000;margin-bottom:30px;font-size:22px;font-weight:600}.productVideos__grid{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.productVideos__card{cursor:pointer;background:#e2e3e4;border:1px solid #0000;transition:all .3s;overflow:hidden}.productVideos__card:hover{background:#f1f1f1;border-color:#7ab52b}.productVideos__card:hover .productVideos__playOverlay{opacity:1;transform:translate(-50%,-50%)scale(1)}.productVideos__card:hover .productVideos__name{color:#7ab52b}.productVideos__thumbnail{aspect-ratio:16/9;background:#000;width:100%;position:relative;overflow:hidden}.productVideos__video{object-fit:cover;width:100%;height:100%;display:block}.productVideos__playOverlay{opacity:.8;pointer-events:none;background:#fffffff2;border-radius:50%;justify-content:center;align-items:center;width:50px;height:50px;transition:all .3s;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(.9)}.productVideos__playOverlay svg{color:#7ab52b;width:24px;height:24px;margin-left:3px}.productVideos__name{color:#000;margin:0;padding:12px 16px;font-size:15px;font-weight:500;transition:color .3s}@media (max-width:768px){.productVideos__grid{grid-template-columns:repeat(2,1fr);gap:15px}.productVideos__name{padding:10px 12px;font-size:14px}}@media (max-width:480px){.productVideos__grid{grid-template-columns:1fr}}