.instagram-reels-section{width:100%;overflow:hidden}.instagram-reels-heading{font-weight:700;margin:0;padding:0}.instagram-reels-subheading{margin:0;padding:0;line-height:1.5}.instagram-reels-carousel-wrapper{position:relative;width:100%;overflow:hidden;padding:0 20px}.instagram-reels-carousel{display:flex;transition:transform .5s ease;gap:16px}.reel-slide{flex:0 0 calc(25% - 12px);min-width:0}.reel-container{background:#fff;overflow:hidden;box-shadow:0 2px 8px #0000001a;transition:transform .3s ease,box-shadow .3s ease;height:100%;display:flex;flex-direction:column}.reel-container:hover{transform:translateY(-4px);box-shadow:0 4px 16px #00000026}.reel-top-section{flex-shrink:0}.reel-header-content{display:flex;align-items:center;gap:12px}.customer-avatar-top{border-radius:50%;object-fit:cover;flex-shrink:0}.customer-details-top{flex:1;min-width:0}.customer-name-top{margin:0;font-weight:600;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.customer-handle-top,.customer-location{margin:0;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.instagram-link-top{flex-shrink:0;display:flex;align-items:center;justify-content:center;color:#e1306c;transition:opacity .3s ease;text-decoration:none}.instagram-link-top:hover{opacity:.7}.reel-middle-section{position:relative;flex:1;width:100%;overflow:hidden;background:#f5f5f5}.reel-embed-wrapper{position:relative;width:100%;height:100%;background:#f5f5f5;overflow:hidden}.reel-embed-wrapper:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:40px;height:40px;border:3px solid #f3f3f3;border-top:3px solid #7B3F00;border-radius:50%;animation:spin 1s linear infinite;z-index:1}@keyframes spin{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}.reel-embed-wrapper:has(iframe),.reel-embed-wrapper:has(blockquote){background:transparent}.reel-embed-wrapper:has(iframe):before,.reel-embed-wrapper:has(blockquote):before{display:none}.reel-embed-wrapper iframe,.reel-embed-wrapper blockquote{width:100%!important;max-width:100%!important;min-width:100%!important;height:100%!important;position:absolute;top:0;left:0}.reel-video-wrapper{position:relative;width:100%;height:100%;background:#000;overflow:hidden}.reel-video{width:100%;height:100%;object-fit:cover;display:block}.reel-play-button{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:none;border:none;cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center;transition:opacity .3s ease,transform .3s ease;z-index:2}.reel-play-button:hover{opacity:.8;transform:translate(-50%,-50%) scale(1.1)}.reel-play-button svg{filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.reel-bottom-section{flex-shrink:0;display:flex;flex-direction:column;gap:4px}.view-on-instagram-link{text-decoration:none;transition:opacity .3s ease;font-weight:500}.view-on-instagram-link:hover{opacity:.7}.engagement-icons{display:flex;gap:16px;align-items:center}.engagement-icon{background:none;border:none;cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center;color:#262626;transition:opacity .3s ease,color .3s ease}.engagement-icon:hover{opacity:.7}.engagement-icon:active{transform:scale(.95)}.engagement-icon svg{width:24px;height:24px}.likes-count{margin:0;font-weight:600}.carousel-arrow{position:absolute;top:50%;transform:translateY(-50%);width:44px;height:44px;border-radius:50%;border:1px solid rgba(0,0,0,.1);display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:10;transition:all .3s ease;box-shadow:0 2px 8px #0000001a}.carousel-arrow:hover:not(:disabled){box-shadow:0 4px 12px #00000026;transform:translateY(-50%) scale(1.05)}.carousel-arrow:disabled{opacity:.3;cursor:not-allowed}.carousel-arrow-prev{left:-10px}.carousel-arrow-next{right:-10px}.carousel-dots{display:flex;justify-content:center;gap:8px;margin-top:24px}.carousel-dot{width:10px;height:10px;border-radius:50%;background:#d0d0d0;border:none;cursor:pointer;padding:0;transition:all .3s ease}.carousel-dot:hover{background:#a0a0a0;transform:scale(1.2)}.carousel-dot.active{background:#7b3f00;width:24px;border-radius:5px}@media screen and (max-width:989px){.reel-slide{flex:0 0 calc(50% - 8px)}.instagram-reels-carousel{gap:12px}.carousel-arrow{width:36px;height:36px}.carousel-arrow svg{width:20px;height:20px}}@media screen and (max-width:749px){.reel-slide{flex:0 0 100%}.instagram-reels-carousel-wrapper{padding:0 10px}.instagram-reels-carousel{gap:12px}.carousel-arrow-prev{left:-5px}.carousel-arrow-next{right:-5px}.carousel-arrow{width:32px;height:32px}.carousel-arrow svg{width:18px;height:18px}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/section-instagram-reels.css.map */