.section-ugc-grid{position:relative;width:100%;margin-bottom:50px;overflow:hidden}.section-ugc-grid *,.section-ugc-grid *:before,.section-ugc-grid *:after{box-sizing:border-box}.section-ugc-grid .container{justify-content:center}.section-ugc-grid .feature-divider{width:100%;max-width:1180px;height:1px;margin:0 auto 20px;background:#ccc}.section-ugc-grid .ugc-carousel{position:relative;width:calc(100% - 20px);min-height:1px;margin:0 10px;visibility:visible}.section-ugc-grid .ugc-carousel:not(.flickity-enabled){display:flex;align-items:stretch;gap:10px;overflow:hidden}.section-ugc-grid .ugc-carousel.flickity-enabled{display:block;visibility:visible}.section-ugc-grid .flickity-viewport{width:100%;min-height:1px}.section-ugc-grid .flickity-slider{width:100%}.section-ugc-grid .ugc-carousel .carousel-cell.video-item{position:relative;flex:0 0 auto;width:20%;min-width:0;margin-right:10px;box-sizing:border-box}.section-ugc-grid .ugc-carousel:not(.flickity-enabled) .carousel-cell.video-item{margin-right:0}.section-ugc-grid .video-wrapper{position:relative;display:block;width:100%;aspect-ratio:4 / 5;overflow:hidden;background:#f2f2f2}.section-ugc-grid .video-wrapper video,.section-ugc-grid .video-wrapper .ugc-video{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;max-width:none;margin:0;object-fit:cover;object-position:center;cursor:pointer;background:#f2f2f2}.section-ugc-grid .mute-controls{position:absolute;z-index:10;right:20px;bottom:20px;display:flex;align-items:center;justify-content:center}.section-ugc-grid .mute-toggle{display:inline-flex;align-items:center;justify-content:center;width:52px;height:52px;margin:0;padding:0;border:none;border-radius:50%;color:#fff;background:#0000004d;cursor:pointer;transition:background .2s ease,opacity .2s ease;appearance:none;-webkit-appearance:none}.section-ugc-grid .mute-toggle:hover{background:#000000de}.section-ugc-grid .mute-toggle:focus-visible{outline:2px solid #fff;outline-offset:2px}.section-ugc-grid .mute-toggle svg{display:block;width:30px;height:30px;pointer-events:none}.section-ugc-grid .mute-toggle[hidden]{display:none!important}.section-ugc-grid .product-card{position:relative;width:100%;min-width:0;margin-top:10px;text-align:left;border:1px solid #edebe5;background:#fff}.section-ugc-grid .product-link{display:flex;align-items:center;width:100%;min-width:0;min-height:122px;padding:10px 56px 10px 10px;gap:10px;color:inherit;text-decoration:none}.section-ugc-grid .product-link:has(.recom-add-to-cart){padding-right:10px}.section-ugc-grid .product-image-container{position:relative;flex:0 0 100px;width:100px;height:100px;aspect-ratio:1 / 1;overflow:hidden;background:#f2f2f2}.section-ugc-grid .product-image{display:block;width:100%;height:100%;max-width:none;object-fit:cover;object-position:center}.section-ugc-grid .product-details-container{flex:1 1 auto;min-width:0}.section-ugc-grid .h3.product-title{display:block;margin:0 0 4px;overflow:hidden;font-family:futura-pt,Helvetica,sans-serif;font-size:12px;font-weight:600;line-height:1.2;letter-spacing:1px;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}.section-ugc-grid .product-price{display:flex;flex-wrap:wrap;align-items:center;gap:5px;margin:0;color:#333;font-size:10px;line-height:1.3}.section-ugc-grid .sale-price{color:#d00}.section-ugc-grid .compare-price{margin-left:0;color:#999;text-decoration:line-through}.section-ugc-grid .product-card>.recom-add-to-cart{position:absolute;z-index:2;top:50%;right:10px;display:inline-flex;align-items:center;justify-content:center;width:38px;min-width:38px;height:38px;min-height:38px;margin:0;padding:5px;transform:translateY(-50%);cursor:pointer}.section-ugc-grid .product-link .recom-add-to-cart{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;width:38px;min-width:38px;height:38px;min-height:38px;margin-left:auto;padding:5px}.section-ugc-grid .recom-add-to-cart svg{display:block;pointer-events:none}.section-ugc-grid .recom-add-to-cart.is-loading{opacity:.6;cursor:wait}.section-ugc-grid .recom-add-to-cart:disabled{opacity:.45;cursor:not-allowed}.section-ugc-grid .flickity-prev-next-button{top:0;width:48px;height:100%;margin:0;transform:none;border-radius:0;background:#ffffffb8}.section-ugc-grid .flickity-prev-next-button:hover{background:#ffffffeb}.section-ugc-grid .flickity-prev-next-button.previous{left:0}.section-ugc-grid .flickity-prev-next-button.next{right:0}.section-ugc-grid .flickity-prev-next-button:disabled{opacity:0;pointer-events:none}@media screen and (max-width:1599px){.section-ugc-grid .ugc-carousel .carousel-cell.video-item{width:25%}}@media screen and (max-width:899px){.section-ugc-grid{margin-bottom:35px}.section-ugc-grid .ugc-carousel{width:calc(100% - 10px);margin-right:0;margin-left:10px}.section-ugc-grid .ugc-carousel .carousel-cell.video-item{width:80%;margin-right:10px}.section-ugc-grid .video-wrapper{aspect-ratio:4 / 5}.section-ugc-grid .mute-controls{right:11px;bottom:11px}.section-ugc-grid .mute-toggle{width:38px;height:38px}.section-ugc-grid .mute-toggle svg{width:18px;height:18px}.section-ugc-grid .product-link{min-height:92px;padding:10px 50px 10px 10px}.section-ugc-grid .product-link:has(.recom-add-to-cart){padding-right:10px}.section-ugc-grid .product-image-container{flex-basis:70px;width:70px;height:70px}.section-ugc-grid .h3.product-title{font-size:12px;white-space:normal}.section-ugc-grid .ellipsis{display:-webkit-box;height:auto;max-height:44px;overflow:hidden;font-size:12px!important;text-overflow:ellipsis;white-space:normal;-webkit-box-orient:vertical;-webkit-line-clamp:3}.section-ugc-grid .sale-price,.section-ugc-grid .compare-price{font-size:11px!important}.section-ugc-grid .product-card>.recom-add-to-cart,.section-ugc-grid .product-link .recom-add-to-cart{width:34px;min-width:34px;height:34px;min-height:34px}.section-ugc-grid .flickity-prev-next-button{width:38px}}@media screen and (max-width:480px){.section-ugc-grid .ugc-carousel .carousel-cell.video-item{width:84%}.section-ugc-grid .product-image-container{flex-basis:62px;width:62px;height:62px}.section-ugc-grid .product-link{min-height:82px}}@media(prefers-reduced-motion:reduce){.section-ugc-grid .mute-toggle{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/127/assets/snippet-ugc-card-carousel.css.map */