.ugc{padding:48px 20px;background:#fff;max-width:1300px;margin:0 auto}.ugc__handle{text-align:center;font-size:15px;font-weight:600;color:#7ec800;margin:0 0 24px;letter-spacing:.04em}.ugc__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.ugc__item{position:relative;aspect-ratio:9 / 16;border-radius:16px;overflow:hidden;background:#f3f4f6}.ugc__item-link{display:block;position:absolute;top:0;right:0;bottom:0;left:0;z-index:2}.ugc__video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;display:block}.ugc__item:hover .ugc__video{transform:scale(1.02);transition:transform .4s ease}.ugc__play-btn{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;width:100%;height:100%;background:#00000040;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s}.ugc__play-btn svg{width:56px;height:56px;color:#fff;filter:drop-shadow(0 2px 8px rgba(0,0,0,.4));transition:transform .2s}.ugc__play-btn:hover{background:#00000059}.ugc__play-btn:hover svg{transform:scale(1.1)}.ugc--playing .ugc__play-btn{display:none}.ugc--playing .ugc__video{cursor:pointer}.ugc__placeholder{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#f3f4f6}.ugc__placeholder span{font-size:32px;color:#d1d5db;font-weight:700}.ugc__carousel-wrap{position:relative}.ugc__arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:10;width:36px;height:36px;border-radius:50%;background:#fff;border:none;box-shadow:0 2px 10px #0000002e;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#1a1a1a;transition:transform .18s,box-shadow .18s,opacity .2s}.ugc__arrow:hover{box-shadow:0 4px 16px #00000038;transform:translateY(-50%) scale(1.08)}.ugc__arrow--prev{left:-18px}.ugc__arrow--next{right:-18px}.ugc__arrow--hidden{opacity:0;pointer-events:none}@media(min-width:640px){.ugc__arrow{display:none}}@media(max-width:639px){.ugc{padding:32px 28px}.ugc__grid{display:flex;flex-direction:row;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;gap:12px}.ugc__grid::-webkit-scrollbar{display:none}.ugc__item{scroll-snap-align:start;flex:0 0 calc(88% - 6px);aspect-ratio:9 / 16}.ugc__arrow{display:flex}}
/*# sourceMappingURL=/cdn/shop/t/1/assets/soufit-home-ugc.css.map */