.hoa-ugc{background:#fafafa;padding:80px 0}@media(max-width:767px){.hoa-ugc{padding:48px 0}}.hoa-ugc__wrap{max-width:1280px;margin:0 auto;padding:0 24px}.hoa-ugc__header{text-align:center;margin-bottom:48px}.hoa-ugc__kicker{display:block;font-family:Inter,system-ui,sans-serif;font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#ff6b6b;margin-bottom:12px}.hoa-ugc__title{font-family:Bebas Neue,Anton,Impact,sans-serif;font-size:40px;letter-spacing:.04em;color:#1a1a1a;margin:0 0 14px;line-height:1.05}@media(max-width:767px){.hoa-ugc__title{font-size:28px}}.hoa-ugc__sub{font-family:Inter,system-ui,sans-serif;font-size:16px;color:#6b7280;margin:0;line-height:1.5}.hoa-ugc__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}@media(min-width:768px)and (max-width:1023px){.hoa-ugc__grid{grid-template-columns:repeat(2,1fr)}.hoa-ugc__item:nth-child(3){grid-column:1 / -1;max-width:calc(50% - 12px);margin:0 auto}.hoa-ugc__item:nth-child(n+4){display:none}}@media(max-width:767px){.hoa-ugc__wrap{padding:0}.hoa-ugc__header{padding:0 24px}.hoa-ugc__grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;gap:12px;padding:0 24px 16px;scrollbar-width:none}.hoa-ugc__grid::-webkit-scrollbar{display:none}.hoa-ugc__item{flex:0 0 90vw;scroll-snap-align:start;max-width:340px}}.hoa-ugc__item{position:relative;aspect-ratio:9 / 16;border-radius:12px;overflow:hidden;background:#1a1a1a;box-shadow:0 4px 16px #0000001a;cursor:pointer}@media(hover:hover){.hoa-ugc__item{transition:transform .3s cubic-bezier(.4,0,.2,1),box-shadow .3s cubic-bezier(.4,0,.2,1)}.hoa-ugc__item:hover{transform:translateY(-4px);box-shadow:0 12px 32px #0003}}.hoa-ugc__video{width:100%;height:100%;object-fit:cover;display:block}.hoa-ugc__poster{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;display:block;z-index:1;transition:opacity .3s ease}.hoa-ugc__item.hoa-ugc--playing .hoa-ugc__poster{opacity:0;pointer-events:none}.hoa-ugc__badge-user{position:absolute;top:12px;left:12px;z-index:3;background:#0009;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);padding:6px 10px;border-radius:999px;font-family:Inter,system-ui,sans-serif;font-size:12px;font-weight:600;color:#fff;pointer-events:none}.hoa-ugc__badge-platform{position:absolute;top:12px;right:12px;z-index:3;width:28px;height:28px;background:#0009;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);border-radius:50%;display:flex;align-items:center;justify-content:center;pointer-events:none}.hoa-ugc__badge-platform svg{width:16px;height:16px;fill:#fff}.hoa-ugc__sound{position:absolute;bottom:48px;left:50%;transform:translate(-50%);z-index:3;width:36px;height:36px;background:#0009;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);border-radius:50%;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:16px;line-height:1;color:#fff;transition:background .2s ease,transform .15s ease}.hoa-ugc__sound:hover{background:#000000d9;transform:translate(-50%) scale(1.1)}.hoa-ugc__sound:focus-visible{outline:2px solid #FF6B6B;outline-offset:2px}.hoa-ugc__cta{position:absolute;bottom:12px;left:12px;right:12px;z-index:3;display:block;background:#fff;color:#1a1a1a;font-family:Inter,system-ui,sans-serif;font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;text-align:center;text-decoration:none;padding:8px 12px;border-radius:8px;transition:background .2s ease,color .2s ease}.hoa-ugc__cta:hover{background:#ff6b6b;color:#fff}.hoa-ugc__cta:focus-visible{outline:2px solid #FF6B6B;outline-offset:2px}.hoa-ugc__dots{display:none}@media(max-width:767px){.hoa-ugc__dots{display:flex;justify-content:center;gap:6px;margin-top:16px;padding:0 24px}.hoa-ugc__dot{width:6px;height:6px;border-radius:50%;background:#d1d5db;border:none;padding:0;cursor:pointer;transition:background .2s ease,transform .2s ease}.hoa-ugc__dot--active{background:#ff6b6b;transform:scale(1.3)}}@media(prefers-reduced-motion:reduce){.hoa-ugc__item,.hoa-ugc__sound,.hoa-ugc__poster,.hoa-ugc__cta{transition:none}}@media(prefers-reduced-data:reduce){.hoa-ugc__video{display:none}.hoa-ugc__poster{opacity:1!important;pointer-events:auto!important}}
/*# sourceMappingURL=/cdn/shop/t/12/assets/hoa-ugc-videos.css.map */