.hh-ugc{--a: var(--hh-calm);--a-deep: var(--hh-calm-deep);--hh-ugc-bg-1: #211b32;--hh-ugc-bg-2: #1b1611;--hh-ugc-bg-3: #14100c;--hh-ugc-glow-1: #8c65a8;--hh-ugc-glow-2: #bf6048;--hh-ugc-fg: #ece3d4;--hh-ugc-fg-soft: #c6bba9;--hh-ugc-fg-dim: #9a8f7e;--hh-ugc-card-w: 296px;position:relative;overflow:hidden;color:var(--hh-ugc-fg);padding-block:clamp(3.4rem,6.8vw,6.25rem);background:radial-gradient(115% 80% at 12% -5%,var(--hh-ugc-bg-1) 0%,transparent 52%),radial-gradient(120% 85% at 92% 105%,#2e1e22 0%,transparent 55%),linear-gradient(178deg,var(--hh-ugc-bg-3) 0%,var(--hh-ugc-bg-2) 55%,var(--hh-ugc-bg-3) 100%)}.hh-ugc *,.hh-ugc *:before,.hh-ugc *:after{box-sizing:border-box}.hh-ugc :focus-visible{outline:2.5px solid #fff;outline-offset:3px;border-radius:6px}.hh-ugc .eyebrow{color:var(--hh-ugc-fg-soft)}.hh-ugc .eyebrow svg{width:1.1em;height:1.1em;color:#d9c7ec}.hh-ugc .h2{color:#fff}.hh-ugc .lead{color:var(--hh-ugc-fg-soft)}.hh-ugc .slash{color:#cba5ec}.hh-ugc>.container,.hh-ugc>.hh-ugc-reel-wrap{position:relative;z-index:2}.hh-ugc--light{color:var(--hh-ink);background:var(--hh-cream-2)}.hh-ugc--light .h2{color:var(--hh-ink)}.hh-ugc--light .eyebrow,.hh-ugc--light .lead{color:var(--hh-ink-soft)}.hh-ugc--light .hh-ugc-glow{opacity:.22}.hh-ugc--light .hh-ugc-score{color:var(--hh-ink-soft)}.hh-ugc--light .hh-ugc-score b{color:var(--hh-ink)}.hh-ugc--light .hh-ugc-arrow{background:#fff;border-color:var(--hh-line);color:var(--hh-ink);box-shadow:var(--hh-sh-xs)}.hh-ugc--light .hh-ugc-arrow:hover{background:var(--hh-cream-2)}.hh-ugc--light .hh-ugc-foot-note{color:var(--hh-ink-soft)}.hh-ugc--light .hh-ugc-foot-note b{color:var(--hh-ink)}.hh-ugc--light .hh-ugc-skeleton{background:linear-gradient(100deg,var(--hh-cream-2) 30%,var(--hh-cream-3) 50%,var(--hh-cream-2) 70%)}.hh-ugc-glow{position:absolute;z-index:0;border-radius:50%;filter:blur(60px);opacity:.5;pointer-events:none}.hh-ugc-glow.g1{width:460px;height:460px;top:-160px;left:-120px;background:radial-gradient(circle,color-mix(in srgb,var(--hh-ugc-glow-1) 78%,transparent),transparent 70%);animation:hh-ugc-drift 15s var(--hh-ease) infinite alternate}.hh-ugc-glow.g2{width:520px;height:520px;bottom:-220px;right:-140px;background:radial-gradient(circle,color-mix(in srgb,var(--hh-ugc-glow-2) 58%,transparent),transparent 70%);animation:hh-ugc-drift 19s var(--hh-ease) infinite alternate-reverse}@keyframes hh-ugc-drift{to{transform:translate3d(40px,26px,0) scale(1.12)}}.hh-ugc-head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:1.4rem 2rem}.hh-ugc-head-copy{max-width:640px;min-width:0}.hh-ugc-head-copy .h2{margin-top:.55rem}.hh-ugc-head-copy .lead{margin-top:.9rem}.hh-ugc-head-side{display:flex;flex-direction:column;align-items:flex-start;gap:1rem}.hh-ugc-score{display:inline-flex;align-items:center;gap:.6rem;font-size:.95rem;color:var(--hh-ugc-fg-soft)}.hh-ugc-score .rating{font-size:1rem}.hh-ugc-score b{color:#fff;font-weight:700}.hh-ugc-nav{display:flex;gap:.6rem}.hh-ugc-arrow{width:46px;height:46px;border-radius:50%;display:grid;place-items:center;flex:0 0 auto;background:#ffffff12;border:1px solid rgba(255,255,255,.16);color:#fff;transition:background .25s var(--hh-ease),transform .25s var(--hh-ease-out),opacity .25s,border-color .25s}.hh-ugc-arrow svg{width:20px;height:20px}.hh-ugc-arrow[data-reel-prev] svg{transform:rotate(90deg)}.hh-ugc-arrow[data-reel-next] svg{transform:rotate(-90deg)}.hh-ugc-arrow:hover{background:#ffffff26;transform:translateY(-2px);border-color:#ffffff52}.hh-ugc-arrow:disabled{opacity:.32;pointer-events:none}.hh-ugc-reel-wrap{margin-top:clamp(.2rem,1vw,.6rem)}.hh-ugc .hh-ugc-reel{--reel-inset: max(var(--hh-pad-x), calc((100% - var(--hh-container-wide)) / 2 + var(--hh-pad-x)));position:relative;overflow:hidden;padding-block:clamp(3rem,3.6vw,3.6rem);margin:0}.hh-ugc .hh-ugc-reel.is-standard{--reel-inset: max(var(--hh-pad-x), calc((100% - var(--hh-container)) / 2 + var(--hh-pad-x)))}.hh-ugc-reel::-webkit-scrollbar{display:none}.hh-ugc .hh-ugc-track{display:flex;gap:clamp(.85rem,1.5vw,1.25rem);list-style:none;margin:0;padding:0;will-change:transform}.hh-ugc .hh-ugc-track>.hh-ugc-card{flex:0 0 auto}.hh-ugc .hh-ugc-reel:not(.is-native) .hh-ugc-track{touch-action:pan-y}.hh-ugc .hh-ugc-reel.is-native{overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;padding-inline:var(--reel-inset);scroll-padding-left:var(--reel-inset)}.hh-ugc .hh-ugc-reel.is-native .hh-ugc-card{scroll-snap-align:start}.hh-ugc-card{--a: var(--hh-calm);--a-deep: var(--hh-calm-deep);flex:0 0 auto;width:clamp(228px,74vw,var(--hh-ugc-card-w));scroll-snap-align:start;cursor:pointer;border-radius:var(--hh-r-lg);position:relative;transition:transform .5s var(--hh-ease-out)}.hh-ugc-card.calm{--a: var(--hh-calm);--a-deep: var(--hh-calm-deep)}.hh-ugc-card.hip{--a: var(--hh-hip);--a-deep: var(--hh-hip-deep)}.hh-ugc-card.skin{--a: var(--hh-skin);--a-deep: var(--hh-skin-deep)}.hh-ugc-media{position:relative;aspect-ratio:9 / 16;overflow:hidden;border-radius:var(--hh-r-lg);background:#0d0b09;box-shadow:0 22px 46px -22px #000000bf,inset 0 0 0 1px #ffffff0f;transition:box-shadow .5s var(--hh-ease-out)}.hh-ugc-vid,.hh-ugc-poster{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;display:block}.hh-ugc-vid{opacity:0;transition:opacity .45s var(--hh-ease)}.hh-ugc-card.is-playing .hh-ugc-vid{opacity:1}.hh-ugc-poster{z-index:1}.hh-ugc-grad{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;pointer-events:none;background:linear-gradient(178deg,rgba(10,8,6,.28) 0%,transparent 26% 44%,rgba(10,8,6,.62) 78%,rgba(8,6,4,.9) 100%)}@media(hover:hover){.hh-ugc-card:hover{transform:translateY(-8px)}.hh-ugc-card:hover .hh-ugc-media{box-shadow:0 22px 46px -24px #000000bf,0 0 0 1px color-mix(in srgb,var(--a) 55%,transparent),0 0 40px -10px color-mix(in srgb,var(--a) 48%,transparent)}}.hh-ugc-skeleton{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;border-radius:var(--hh-r-lg);background:linear-gradient(100deg,#1c1814 30%,#2a231c,#1c1814 70%);background-size:220% 100%;animation:hh-ugc-shimmer 1.25s linear infinite;transition:opacity .5s var(--hh-ease)}.hh-ugc-skeleton:after{content:"";position:absolute;inset:auto 0 0 0;height:40%;background:linear-gradient(180deg,transparent,rgba(0,0,0,.35))}.hh-ugc-card.is-loaded .hh-ugc-skeleton{opacity:0;pointer-events:none}@keyframes hh-ugc-shimmer{to{background-position:-220% 0}}.hh-ugc-plat{position:absolute;z-index:4;top:.7rem;left:.7rem;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:#14100c80;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.22);color:#fff}.hh-ugc-plat svg{width:15px;height:15px}.hh-ugc-dur{position:absolute;z-index:4;top:.78rem;left:3.25rem;font-size:.68rem;font-weight:700;letter-spacing:.02em;color:#fff;padding:.3em .6em;border-radius:var(--hh-pill);background:#14100c80;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.16)}.hh-ugc-mute{position:absolute;z-index:5;top:.7rem;right:.7rem;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#14100c80;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.22);color:#fff;transition:background .2s,transform .2s var(--hh-ease-out)}.hh-ugc-mute svg{width:16px;height:16px;grid-area:1 / 1}.hh-ugc-mute .ic-vol{display:none}.hh-ugc-card.is-unmuted .hh-ugc-mute .ic-vol{display:block}.hh-ugc-card.is-unmuted .hh-ugc-mute .ic-mute{display:none}.hh-ugc-card.is-unmuted .hh-ugc-mute{background:var(--a);color:#1a1510;border-color:transparent}.hh-ugc-mute:hover{transform:scale(1.08)}.hh-ugc-play{position:absolute;z-index:4;top:0;right:0;bottom:0;left:0;margin:auto;width:62px;height:62px;display:grid;place-items:center;border-radius:50%;background:#ffffff29;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:1px solid rgba(255,255,255,.35);color:#fff;cursor:pointer;transition:opacity .4s var(--hh-ease),transform .4s var(--hh-ease-out)}.hh-ugc-play svg{width:24px;height:24px;margin-left:3px}.hh-ugc-card.is-playing .hh-ugc-play{opacity:0;transform:scale(.7)}.hh-ugc-play:focus-visible{opacity:1;transform:scale(1.05)}@media(hover:hover){.hh-ugc-card:hover .hh-ugc-play{transform:scale(1.08)}}.hh-ugc-card:not(.is-playing) .hh-ugc-play{animation:hh-ugc-pulse 2.4s var(--hh-ease) infinite}@keyframes hh-ugc-pulse{0%,to{box-shadow:0 0 #ffffff3d}55%{box-shadow:0 0 0 14px #fff0}}.hh-ugc-overlay{position:absolute;z-index:4;inset:auto 0 0 0;padding:.8rem .8rem .85rem;display:flex;flex-direction:column;gap:.55rem}.hh-ugc-cred{display:flex;align-items:center;gap:.5rem}.hh-ugc-handle{font-weight:700;font-size:.9rem;color:#fff;letter-spacing:-.01em;text-shadow:0 1px 8px rgba(0,0,0,.5)}.hh-ugc-verified{display:inline-flex;align-items:center;gap:.28em;font-size:.68rem;font-weight:600;color:#dfe9cf;opacity:.92;white-space:nowrap}.hh-ugc-verified svg{width:13px;height:13px;color:#a9c77e}.hh-ugc-avatar{width:30px;height:30px;border-radius:50%;overflow:hidden;flex-shrink:0;background:#ffffff24;box-shadow:inset 0 0 0 2px #ffffffeb,0 2px 6px #00000059}.hh-ugc-avatar img{width:100%;height:100%;object-fit:cover;display:block}.hh-ugc-cred.has-avatar{align-self:flex-start}.hh-ugc-cred.has-avatar,.hh-ugc-lb-cred.has-avatar{padding:.26rem .72rem .26rem .28rem;background:#14100c57;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);border:1px solid rgba(255,255,255,.16);border-radius:var(--hh-pill)}.hh-ugc-lb-cred .hh-ugc-avatar{width:34px;height:34px;display:none}.hh-ugc-lb-cred.has-avatar .hh-ugc-avatar{display:block}.hh-ugc-caption{font-size:.92rem;line-height:1.4;color:#f4ede0;font-weight:500;text-shadow:0 1px 10px rgba(0,0,0,.55);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.hh-ugc-shop{display:flex;align-items:center;gap:.45rem;padding:.4rem .45rem .4rem .5rem;border-radius:15px;background:#18130f80;-webkit-backdrop-filter:blur(14px) saturate(1.35);backdrop-filter:blur(14px) saturate(1.35);border:1px solid rgba(255,255,255,.16);box-shadow:0 10px 26px -14px #000000b3;transition:background .25s,border-color .25s}.hh-ugc-shop:hover{background:#221b159e;border-color:#ffffff42}.hh-ugc-shop-link{display:flex;align-items:center;gap:.55rem;flex:1;min-width:0;color:inherit}.hh-ugc-shop-thumb{width:40px;height:40px;flex:0 0 auto;border-radius:10px;background:#fff;display:grid;place-items:center;box-shadow:var(--hh-sh-xs);overflow:hidden}.hh-ugc-shop-thumb img{width:34px;height:34px;object-fit:contain}.hh-ugc-shop-meta{display:flex;flex-direction:column;min-width:0;line-height:1.14}.hh-ugc-shop-meta b{font-size:.84rem;font-weight:700;color:#fff;letter-spacing:-.01em;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.hh-ugc-shop-meta small{font-size:.67rem;color:#bcb1a0;margin-top:.14rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hh-ugc-shop-rate{display:flex;align-items:center;gap:.26rem;margin-top:.16rem;min-width:0;flex-wrap:nowrap}.hh-ugc-shop-rate .rating{font-size:.62rem;flex:0 0 auto}.hh-ugc-shop-rate small{font-size:.62rem;color:#c3b8a6;margin:0!important;white-space:nowrap;overflow:visible!important;text-overflow:clip!important;flex:0 0 auto}.hh-ugc-shop [class*=appio],.hh-ugc-shop [class*=loox],.hh-ugc-shop [class*=jdgm],.hh-ugc-shop [class*=stamped],.hh-ugc-shop [class*=yotpo],.hh-ugc-shop [data-rating],.hh-ugc-shop-meta>:not(b):not(small):not(.hh-ugc-shop-rate),.hh-ugc-shop-link>:not(.hh-ugc-shop-thumb):not(.hh-ugc-shop-meta):not(.hh-ugc-shop-price){display:none!important}.hh-ugc-shop-price{font-size:.9rem;font-weight:700;color:#fff;margin-left:auto;padding-left:.25rem;white-space:nowrap;align-self:center}.hh-ugc-shopform{margin:0;flex:0 0 auto}.hh-ugc-shop-add{flex:0 0 auto;width:38px;height:38px;border-radius:11px;display:grid;place-items:center;position:relative;overflow:hidden;background:var(--a);color:#1a1510;box-shadow:0 6px 16px -6px color-mix(in srgb,var(--a) 70%,transparent);font-weight:700;font-size:.8rem;white-space:nowrap;transition:transform .25s var(--hh-ease-out),filter .2s,width .3s var(--hh-ease-out)}.hh-ugc-shop-add svg{width:18px;height:18px}.hh-ugc-shop-add:hover{transform:translateY(-2px) scale(1.05);filter:brightness(1.06)}.hh-ugc-shop-add:active{transform:scale(.94)}.hh-ugc-shop-add[disabled]{opacity:.55;pointer-events:none}.hh-ugc-shop-add.is-loading{color:transparent}.hh-ugc-shop-add.is-loading:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;width:16px;height:16px;border-radius:50%;border:2px solid rgba(255,255,255,.45);border-top-color:#fff;animation:hh-ugc-spin .7s linear infinite}.hh-ugc-shop-add.is-added{background:#7fa855;color:#fff;font-size:0}.hh-ugc-shop-add.is-added svg{position:absolute;top:0;right:0;bottom:0;left:0;margin:auto}@keyframes hh-ugc-spin{to{transform:rotate(360deg)}}.hh-ugc-shop [class*=appio],.hh-ugc-shop [class*=loox],.hh-ugc-shop [class*=jdgm],.hh-ugc-shop [class*=ryviu],.hh-ugc-shop [class*=rating],.hh-ugc-shop [class*=review],.hh-ugc-shop [class*=stars]{margin:2px 0 0!important;padding:0!important;text-indent:0!important;justify-content:flex-start!important;text-align:left!important;max-width:100%!important}.hh-ugc-shop [class*=appio]>*,.hh-ugc-shop [class*=loox]>*,.hh-ugc-shop [class*=jdgm]>*{margin-left:0!important}.hh-ugc-foot{margin-top:clamp(.4rem,1.2vw,1rem);display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:1rem 1.5rem}.hh-ugc .btn-white:hover,.hh-ugc .btn-white:focus-visible{background:#fff;color:var(--hh-ink);box-shadow:0 14px 34px -12px #0000008c}.hh-ugc .btn-white:active{background:#f4efe7}.hh-ugc-foot-note{display:inline-flex;align-items:center;gap:.5em;font-size:.92rem;color:var(--hh-ugc-fg-soft)}.hh-ugc-foot-note svg{width:1.15em;height:1.15em;color:#d9c7ec}.hh-ugc-foot-note b{color:#fff;font-weight:700}.hh-ugc-lb{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1090;display:grid;place-items:center;padding:clamp(.8rem,3vw,2rem)}.hh-ugc-lb[hidden]{display:none}.hh-ugc-lb-scrim{position:absolute;top:0;right:0;bottom:0;left:0;background:#090705b8;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);opacity:0;transition:opacity .35s var(--hh-ease)}.hh-ugc-lb.is-open .hh-ugc-lb-scrim{opacity:1}.hh-ugc-lb-card{position:relative;z-index:2;display:flex;gap:clamp(1rem,2vw,1.6rem);align-items:stretch;max-width:min(880px,100%);max-height:92vh;opacity:0;transform:translateY(18px) scale(.97);transition:opacity .4s var(--hh-ease-out),transform .45s var(--hh-ease-out)}.hh-ugc-lb.is-open .hh-ugc-lb-card{opacity:1;transform:none}.hh-ugc-lb-stage{position:relative;flex:0 0 auto;aspect-ratio:9 / 16;height:min(78vh,620px);max-width:100%;border-radius:var(--hh-r-lg);overflow:hidden;background:#000;box-shadow:var(--hh-sh-lg)}.hh-ugc-lb-vid{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;background:#000}.hh-ugc-lb-grad{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(180deg,rgba(0,0,0,.34) 0%,transparent 22% 72%,rgba(0,0,0,.6) 100%)}.hh-ugc-lb-cred{position:absolute;left:.9rem;bottom:.9rem;display:flex;align-items:center;gap:.5rem;z-index:3}.hh-ugc-lb-cred .hh-ugc-handle{font-size:.95rem}.hh-ugc-lb-mute,.hh-ugc-lb-toggle{position:absolute;z-index:3;width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:#14100c8c;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.24);color:#fff;transition:transform .2s var(--hh-ease-out),background .2s}.hh-ugc-lb-mute{top:.8rem;right:.8rem}.hh-ugc-lb-toggle{top:.8rem;left:.8rem}.hh-ugc-lb-mute svg,.hh-ugc-lb-toggle svg{width:17px;height:17px;grid-area:1 / 1}.hh-ugc-lb-mute:hover,.hh-ugc-lb-toggle:hover{transform:scale(1.08);background:#1e1812b3}.hh-ugc-lb-mute .ic-vol{display:none}.hh-ugc-lb.is-unmuted .hh-ugc-lb-mute .ic-vol{display:block}.hh-ugc-lb.is-unmuted .hh-ugc-lb-mute .ic-mute,.hh-ugc-lb-toggle .ic-play{display:none}.hh-ugc-lb.is-paused .hh-ugc-lb-toggle .ic-play{display:block}.hh-ugc-lb.is-paused .hh-ugc-lb-toggle .ic-pause{display:none}.hh-ugc-lb-toggle{transition:transform .2s var(--hh-ease-out),background .2s,opacity .28s var(--hh-ease-out)}@media(hover:hover){.hh-ugc-lb-toggle{opacity:0}.hh-ugc-lb-stage:hover .hh-ugc-lb-toggle,.hh-ugc-lb.is-paused .hh-ugc-lb-toggle,.hh-ugc-lb-toggle:focus-visible{opacity:1}}.hh-ugc-lb-panel{flex:1 1 300px;align-self:center;max-width:340px;background:#fff;color:var(--hh-ink);border-radius:var(--hh-r-lg);padding:clamp(1.2rem,2vw,1.7rem);box-shadow:var(--hh-sh-lg);display:flex;flex-direction:column;gap:.9rem}.hh-ugc-lb-eyebrow{display:inline-flex;align-items:center;gap:.45em;font-size:.74rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--hh-muted)}.hh-ugc-lb-eyebrow svg{width:1em;height:1em;color:var(--hh-calm-deep)}.hh-ugc-lb-prod{display:flex;align-items:center;gap:.8rem}.hh-ugc-lb-thumb{width:58px;height:58px;flex:0 0 auto;border-radius:14px;background:var(--hh-cream-2);display:grid;place-items:center;box-shadow:var(--hh-sh-xs);overflow:hidden}.hh-ugc-lb-thumb img{width:48px;height:48px;object-fit:contain}.hh-ugc-lb-prodmeta{display:flex;flex-direction:column;gap:.28rem;min-width:0}.hh-ugc-lb-name{font-size:1.15rem;font-weight:600;letter-spacing:-.02em;color:var(--hh-ink)}.hh-ugc-lb-rate{display:inline-flex;align-items:center;gap:.4rem}.hh-ugc-lb-rate .rating{font-size:.82rem}.hh-ugc-lb-rate small{font-size:.78rem;color:var(--hh-muted);font-weight:600}.hh-ugc-lb-price{margin-left:auto;font-size:1.3rem;font-weight:700;letter-spacing:-.02em}.hh-ugc-lb-caption{font-family:var(--hh-hand);font-size:1.3rem;line-height:1.25;color:var(--hh-ink-soft)}.hh-ugc-lb-benefits{display:flex;flex-direction:column;gap:.5rem;margin:0;padding:0;list-style:none}.hh-ugc-lb-benefits li{display:flex;align-items:flex-start;gap:.55rem;font-size:.92rem;color:var(--hh-ink-soft)}.hh-ugc-lb-benefits li svg{width:18px;height:18px;flex:0 0 auto;margin-top:.12rem;color:var(--hh-sage-deep)}.hh-ugc-lb-actions{display:flex;flex-direction:column;gap:.7rem;margin-top:.1rem}.hh-ugc-lb-form{margin:0}.hh-ugc-lb-add{width:100%}.hh-ugc-lb-view{align-self:center;font-size:.92rem}.hh-ugc-lb-trust{display:flex;align-items:center;gap:.5em;font-size:.78rem;color:var(--hh-muted);border-top:1px solid var(--hh-line);padding-top:.85rem}.hh-ugc-lb-trust svg{width:1.15em;height:1.15em;color:var(--hh-sage-deep);flex:0 0 auto}.hh-ugc-lb[data-has-product=false] .hh-ugc-lb-panel{display:none}.hh-ugc-lb-close{position:absolute;z-index:4;top:clamp(.8rem,2vw,1.4rem);right:clamp(.8rem,2vw,1.4rem);width:46px;height:46px;border-radius:50%;display:grid;place-items:center;background:#ffffff1f;border:1px solid rgba(255,255,255,.24);color:#fff;transition:background .2s,transform .2s var(--hh-ease-out)}.hh-ugc-lb-close svg{width:22px;height:22px}.hh-ugc-lb-close:hover{background:#ffffff3d;transform:rotate(90deg)}.hh-ugc-lb-arrow{position:absolute;z-index:4;top:50%;transform:translateY(-50%);width:52px;height:52px;border-radius:50%;display:grid;place-items:center;background:#ffffff1a;border:1px solid rgba(255,255,255,.22);color:#fff;transition:background .2s,transform .2s var(--hh-ease-out)}.hh-ugc-lb-arrow svg{width:24px;height:24px}.hh-ugc-lb-arrow.prev{left:clamp(.5rem,2vw,1.6rem)}.hh-ugc-lb-arrow.next{right:clamp(.5rem,2vw,1.6rem)}.hh-ugc-lb-arrow.prev svg{transform:rotate(90deg)}.hh-ugc-lb-arrow.next svg{transform:rotate(-90deg)}.hh-ugc-lb-arrow:hover{background:#ffffff38}@media(max-width:860px){.hh-ugc-lb-card{flex-direction:column;align-items:center;overflow-y:auto;max-height:90vh;-webkit-overflow-scrolling:touch}.hh-ugc-lb-stage{height:min(56vh,460px)}.hh-ugc-lb-panel{max-width:min(420px,100%);width:100%}.hh-ugc-lb-arrow{top:auto;bottom:1rem;transform:none;width:46px;height:46px}}@media(max-width:680px){.hh-ugc-head-side{width:100%;flex-direction:row;align-items:center;justify-content:space-between}.hh-ugc-card{scroll-snap-align:center}.hh-ugc-lb{padding:0;place-items:stretch}.hh-ugc-lb-card{flex-direction:column;width:100vw;height:100vh;height:100dvh;max-width:none;max-height:none;overflow:hidden;gap:0;align-items:stretch}.hh-ugc-lb-stage{flex:1 1 auto;width:100%;height:auto;min-height:0;aspect-ratio:auto;border-radius:0;box-shadow:none}.hh-ugc-lb-vid{object-fit:cover;object-position:center 42%}.hh-ugc-lb-grad{background:linear-gradient(180deg,rgba(0,0,0,.34) 0%,transparent 18% 58%,rgba(0,0,0,.55) 100%)}.hh-ugc-lb-cred{bottom:2rem;left:1.1rem}.hh-ugc-lb-cred .hh-ugc-handle{font-size:1rem}.hh-ugc-lb-toggle{top:calc(.85rem + env(safe-area-inset-top));left:.9rem}.hh-ugc-lb-mute{top:calc(.85rem + env(safe-area-inset-top));left:3.5rem;right:auto}.hh-ugc-lb-close{top:calc(.85rem + env(safe-area-inset-top));right:.9rem;width:42px;height:42px;background:#14100c8c;border-color:#ffffff4d}.hh-ugc-lb-close:hover{transform:none}.hh-ugc-lb-panel{flex:0 0 auto;width:100%;max-width:none;align-self:stretch;border-radius:24px 24px 0 0;margin-top:-22px;position:relative;z-index:3;padding:1.05rem 1.15rem calc(1.1rem + env(safe-area-inset-bottom));gap:.55rem;box-shadow:0 -16px 44px -18px #0009}.hh-ugc-lb-caption{order:-1;font-size:1.08rem;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-bottom:.1rem}.hh-ugc-lb-eyebrow{font-size:.66rem}.hh-ugc-lb-prod{gap:.7rem}.hh-ugc-lb-thumb{width:50px;height:50px}.hh-ugc-lb-thumb img{width:40px;height:40px}.hh-ugc-lb-name{font-size:1.05rem}.hh-ugc-lb-price{font-size:1.2rem}.hh-ugc-lb-benefits,.hh-ugc-lb-trust{display:none}.hh-ugc-lb-view{display:inline-flex;margin-top:-.1rem}.hh-ugc-lb-actions{margin-top:.15rem}.hh-ugc-lb-add{padding-block:.95rem;font-size:1.02rem}.hh-ugc-lb-arrow{display:none}}@media(min-width:681px)and (max-width:1024px){.hh-ugc-card{width:clamp(250px,42vw,280px)}}@media(prefers-reduced-motion:reduce){.hh-ugc-glow,.hh-ugc-skeleton{animation:none}.hh-ugc-card:not(.is-playing) .hh-ugc-play{animation:none}.hh-ugc-reel{scroll-behavior:auto}.hh-ugc-vid{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/29/assets/hh-ugc.css.map */