@import"https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;600;700&family=Lora:wght@400;500&family=Poppins:wght@400;500;600&display=swap";.reels-container{max-width:1200px!important;margin:0 auto!important}.reels-header{text-align:center!important;margin-bottom:50px!important}.reels-grid{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))!important;gap:35px!important;margin-top:40px!important}.reel-card{background:#fff!important;border-radius:18px!important;overflow:hidden!important;box-shadow:0 10px 30px #00000012!important;transition:transform .3s ease,box-shadow .3s ease!important;border:1px solid rgba(179,58,244,.12)!important;display:flex!important;flex-direction:column!important}.reel-card:hover{transform:translateY(-5px)!important;box-shadow:0 15px 40px #b33af42e!important}.reel-thumbnail{position:relative!important;width:100%!important;height:380px!important;overflow:hidden!important;background:#000!important;border-bottom:3px solid #b33af4!important}.reel-thumbnail img,.reel-thumbnail video,.reel-thumbnail iframe{width:100%!important;height:100%!important;object-fit:cover!important;display:block!important;border:none!important}.play-button{position:absolute!important;top:50%!important;left:50%!important;transform:translate(-50%,-50%)!important;width:65px!important;height:65px!important;background:#ffffffeb!important;border-radius:50%!important;display:flex!important;align-items:center!important;justify-content:center!important;cursor:pointer!important;transition:all .3s ease!important;z-index:2!important;box-shadow:0 5px 20px #b33af44d!important;border:none!important}.play-button:hover{background:#fff!important;transform:translate(-50%,-50%) scale(1.1)!important}.play-button svg{width:26px!important;height:26px!important;fill:#b33af4!important;margin-left:4px!important}.reel-info{padding:25px!important;display:flex!important;flex-direction:column!important;flex-grow:1!important}.reel-meta{display:flex!important;align-items:center!important;gap:15px!important;margin-top:auto!important;font-size:13.5px!important;color:#b33af4!important;font-family:Poppins,sans-serif!important;font-weight:500!important}.reel-meta span{display:flex!important;align-items:center!important;gap:6px!important}.reel-meta svg{color:#b33af4!important}@media(max-width:768px){.reels-grid{grid-template-columns:1fr!important;gap:25px!important}.reel-thumbnail{height:320px!important}}
/*# sourceMappingURL=/cdn/shop/t/1/assets/bhs-reels-page.css.map */