.video-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem;max-width:100%}.video-thumbnail{text-align:center}.video-thumbnail img{width:100%;max-width:120px;height:100px;object-fit:cover;border-radius:8px}.video-title{margin-top:0rem;font-size:1.5rem;text-align:center}.video-modal{display:none;z-index:1000}.video-modal[open]{display:flex;align-items:center;justify-content:center;position:fixed;top:0;left:0;width:100%;height:100%;background:rgb(0 0 0 / .8);z-index:9999}.video-modal__content{width:90%;max-width:800px;position:relative}.video-modal__wrapper{width:100%}.video-modal__wrapper video{width:100%;display:block}.video-modal__close-button{position:absolute;right:-40px;top:-40px;background:#fff0;border:none;color:#fff;padding:10px;cursor:pointer}.video-modal__ribbon{position:absolute;top:-40px;right:0;background:rgb(255 255 255 / .9);padding:8px 16px;border-radius:4px;display:flex;align-items:center}.video-modal__close{background:none;border:none;cursor:pointer;padding:5px;display:flex;align-items:center}.video-modal__close svg{width:20px;height:20px}.video-modal{outline:none}.video-trigger{cursor:pointer;position:relative;border:none;background:none;padding:0}.video-thumbnail{text-align:center;position:relative;cursor:pointer}.play-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:0;height:0;border-style:solid;border-width:15px 0 15px 25px;border-color:#fff0 #fff0 #fff0 rgb(255 255 255 / .8);transition:transform 0.3s ease;cursor:pointer}.video-thumbnail:hover .play-icon{transform:translate(-50%,-50%) scale(1.1)}.product-videos-section h4{margin-bottom:10px;font-family:Helvetica;font-size:min(1.3em, 15px);font-weight:700;color:#525661}