.homepage-video-section{position:relative;width:100%;margin:0;padding:0}.video-container{position:relative;width:100%;overflow:hidden;display:flex;align-items:center;justify-content:center}.video-wrapper{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.homepage-video{width:100%;height:100%;object-fit:cover;object-position:center}.video-controls{position:absolute;bottom:20px;right:20px;display:flex;gap:10px;z-index:10}.video-control-btn{width:50px;height:50px;border-radius:50%;background:#000000b3;color:#fff;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.video-control-btn:hover{background:#000000e6;transform:scale(1.1)}.video-overlay-content{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;color:#fff;z-index:5;max-width:600px;padding:0 20px}.video-overlay-heading{font-size:3rem;font-weight:700;margin-bottom:1rem;text-shadow:2px 2px 4px rgba(0,0,0,.7);font-family:var(--font-gotham-bold),sans-serif}.video-overlay-text{font-size:1.2rem;margin-bottom:2rem;text-shadow:1px 1px 2px rgba(0,0,0,.7);font-family:var(--font-gotham-regular),sans-serif}.video-overlay-button{display:inline-block;padding:15px 30px;background:#40696f;color:#fff;text-decoration:none;border-radius:5px;font-weight:700;transition:all .3s ease;font-family:var(--font-gotham-medium),sans-serif}.video-overlay-button:hover{background:#2d4c51;transform:translateY(-2px)}.video-container.loading{background:#f0f0f0}.video-container.loading:before{content:"";position:absolute;top:50%;left:50%;width:40px;height:40px;margin:-20px 0 0 -20px;border:3px solid #40696F;border-top:3px solid transparent;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media screen and (max-width:768px){.video-controls{bottom:15px;right:15px;gap:8px}.video-control-btn{width:44px;height:44px}.video-overlay-heading{font-size:2rem}.video-overlay-text{font-size:1rem}.video-overlay-button{padding:12px 24px;font-size:14px}}@media screen and (max-width:1024px)and (min-width:769px){.video-overlay-heading{font-size:2.5rem}}@media(-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){.video-control-btn{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px)}}
/*# sourceMappingURL=/cdn/shop/t/136/assets/homepage-video-section.css.map */