.ugc-section-wrapper{padding:40px 20px;max-width:1400px;margin:0 auto;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}.ugc-heading{text-align:center;margin-bottom:30px;font-size:24px;font-weight:700}.ugc-slider-container{display:grid;grid-template-columns:repeat(var(--ugc-columns, 4),1fr);gap:15px;overflow-x:visible;padding-bottom:0}.ugc-card{position:relative;aspect-ratio:9 / 16;border-radius:12px;overflow:hidden;background:#000;box-shadow:0 4px 15px #0000001a;cursor:pointer;width:100%}.ugc-media-wrapper{width:100%;height:100%;position:relative}.ugc-video,.ugc-image,.placeholder{width:100%;height:100%;object-fit:cover;display:block}.ugc-play-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);pointer-events:none;transition:opacity .3s;z-index:2}.ugc-shop-btn{position:absolute;top:10px;right:10px;background:#ffffff40;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border:1px solid rgba(255,255,255,.5);color:#fff;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;z-index:5}.ugc-bubble{position:absolute;bottom:50px;left:50%;transform:translate(-50%);background:#fff;color:#333;padding:6px 10px;border-radius:8px;font-size:11px;text-align:center;width:90%;box-shadow:0 2px 8px #0003;z-index:3;line-height:1.2}.ugc-bubble:after{content:"";position:absolute;bottom:-5px;left:50%;transform:translate(-50%);border-width:5px 5px 0;border-style:solid;border-color:#fff transparent transparent transparent}.ugc-bottom-overlay{position:absolute;bottom:0;left:0;width:100%;padding:10px;background:linear-gradient(to top,rgba(0,0,0,.8),transparent);z-index:3}.ugc-bottom-text{color:#fff;font-weight:700;font-size:12px;display:block}.ugc-card.is-playing .ugc-play-icon{opacity:0}.ugc-pagination{display:none!important}@media (max-width: 768px){.ugc-slider-container{display:grid;grid-template-columns:repeat(2,1fr)!important;gap:10px;overflow-x:visible;scroll-snap-type:none;padding-left:0;padding-right:0}.ugc-section-wrapper{padding:20px 15px}.ugc-heading{text-align:center;padding-left:0;font-size:20px}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/ugc-slider.css.map */