.instagram-reels-section{padding:5rem 0;position:relative}.instagram-reels__heading{text-align:center;margin-bottom:3rem}.instagram-reels__container{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:2rem;margin-bottom:3rem}.instagram-reels__container.carousel{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:1.5rem;padding-bottom:1rem;-webkit-overflow-scrolling:touch}.instagram-reels__container.carousel .reel-item{flex:0 0 80%;scroll-snap-align:start}.reel-item{position:relative;border-radius:.8rem;overflow:hidden;box-shadow:0 4px 12px #0000001a;transition:transform .3s ease}.reel-item:hover{transform:translateY(-5px)}.reel-video{width:100%;height:auto;aspect-ratio:9/16;object-fit:cover;display:block}.reel-overlay{position:absolute;bottom:0;left:0;right:0;padding:1.5rem;background:linear-gradient(to top,rgba(0,0,0,.7),transparent);color:#fff}.reel-caption{margin-bottom:.5rem;font-size:.9rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.reel-product-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.5rem}.product-tag{background:#fff;color:#000;padding:.3rem .6rem;border-radius:2rem;font-size:.7rem;font-weight:600;cursor:pointer;transition:all .2s ease}.product-tag:hover{background:var(--color-button);color:var(--color-button-text)}.instagram-reels__button{display:block;margin:0 auto;text-align:center;max-width:200px}.instagram-reels__loading,.instagram-reels__placeholder{text-align:center;grid-column:1 / -1;padding:2rem}.reel-modal{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:#000000e6;z-index:9999;align-items:center;justify-content:center}.reel-modal.active{display:flex}.reel-modal-content{position:relative;max-width:90%;max-height:90%}.reel-modal-close{position:absolute;top:-40px;right:0;color:#fff;font-size:2rem;cursor:pointer}.reel-modal-video{max-height:80vh;border-radius:.5rem}@media screen and (max-width: 749px){.instagram-reels__container{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.instagram-reels-section{padding:3rem 0}}
/*# sourceMappingURL=/cdn/shop/t/6/assets/instagram-reels.css.map */