.wonvr{
    --won-orange:#ff5a00;
    --won-orange-2:#ff6b12;
    --won-ink:#171717;
    --won-muted:#6e6e73;
    --won-border:#e7e7e7;
    width:100%;
    max-width:100%;
    min-width:0;
    font-family:inherit;
    color:var(--won-ink);
    overflow:hidden;
}
.wonvr *{box-sizing:border-box;min-width:0}
.wonvr button{font:inherit}
.wonvr-shell{
    width:100%;
    max-width:100%;
    overflow:hidden;
    border:1px solid #ededed;
    border-radius:var(--won-radius,24px);
    background:linear-gradient(180deg,var(--won-bg-top,#fff) 0%,#fbfbfb 54%,var(--won-bg-bottom,#f4f4f4) 100%);
    box-shadow:0 18px 50px rgba(0,0,0,.055);
}
.wonvr-head{
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:20px;
    padding:24px 26px 12px;
}
.wonvr-title{
    margin:0;
    font-size:clamp(24px,2.3vw,36px);
    line-height:1.03;
    letter-spacing:-.035em;
    font-weight:850;
}
.wonvr-subtitle{
    margin:8px 0 0;
    max-width:760px;
    font-size:14px;
    line-height:1.45;
    color:var(--won-muted);
}
.wonvr-head-actions{display:flex;gap:8px;flex:0 0 auto}
.wonvr-person-toggle,
.wonvr-product-btn,
.wonvr-arrow{
    appearance:none;
    border:1px solid #dedede;
    background:#fff;
    color:#242424;
    cursor:pointer;
    transition:border-color .18s ease,background .18s ease,color .18s ease,transform .18s ease,box-shadow .18s ease;
}
.wonvr-person-toggle{
    display:flex;
    align-items:center;
    gap:8px;
    min-height:38px;
    padding:8px 12px;
    border-radius:999px;
    font-size:13px;
    font-weight:700;
    white-space:nowrap;
}
.wonvr-person-toggle[aria-pressed="true"]{
    border-color:#cfcfcf;
    background:#f5f5f5;
    box-shadow:inset 0 0 0 1px rgba(0,0,0,.02);
}
.wonvr-person-icon{
    position:relative;
    width:11px;
    height:17px;
    border-radius:7px 7px 4px 4px;
    background:#454545;
    display:inline-block;
}
.wonvr-person-icon:before{
    content:"";
    position:absolute;
    width:7px;height:7px;border-radius:50%;
    left:2px;top:-7px;background:#454545;
}
.wonvr-toolbar{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    padding:2px 26px 12px;
    overflow:hidden;
}
.wonvr-product-buttons{
    display:flex;
    flex-wrap:wrap;
    gap:7px;
    min-width:0;
}
.wonvr-product-btn{
    min-height:36px;
    padding:7px 13px;
    border-radius:999px;
    font-size:13px;
    font-weight:800;
    white-space:nowrap;
}
.wonvr-product-btn:hover,
.wonvr-person-toggle:hover{transform:translateY(-1px);border-color:#c7c7c7}
.wonvr-product-btn.is-active{
    background:var(--won-orange);
    color:#fff;
    border-color:var(--won-orange);
    box-shadow:0 6px 14px rgba(255,90,0,.18);
}
.wonvr-pager{display:flex;align-items:center;gap:7px;flex:0 0 auto}
.wonvr-arrow{
    width:38px;height:38px;border-radius:50%;
    display:grid;place-items:center;
    font-size:27px;line-height:1;
    padding:0 0 3px;
    font-family:Arial,sans-serif;
}
.wonvr-arrow:hover{border-color:#bcbcbc;transform:translateY(-1px)}
.wonvr-arrow:disabled{opacity:.32;cursor:default;transform:none}
.wonvr-page{font-size:12px;font-weight:750;color:#777;min-width:42px;text-align:center}

.wonvr-stage{
    position:relative;
    width:100%;
    height:var(--won-stage-d,560px);
    overflow:hidden;
    isolation:isolate;
}
.wonvr-stage-glow{
    position:absolute;
    inset:0;
    background:
        radial-gradient(ellipse at 50% 36%,rgba(255,255,255,.98) 0%,rgba(255,255,255,.82) 34%,rgba(246,246,246,.25) 68%,rgba(238,238,238,.5) 100%),
        linear-gradient(180deg,#fafafa 0%,#f2f2f2 100%);
    z-index:0;
}
.wonvr-floor{
    position:absolute;
    left:4%;right:4%;bottom:82px;
    height:1px;
    background:linear-gradient(90deg,transparent,rgba(0,0,0,.16) 11%,rgba(0,0,0,.16) 89%,transparent);
    z-index:1;
}
.wonvr-floor:after{
    content:"";
    position:absolute;
    left:8%;right:8%;top:-8px;
    height:16px;
    background:radial-gradient(ellipse at center,rgba(0,0,0,.07),rgba(0,0,0,0) 70%);
    filter:blur(5px);
}
.wonvr-products{
    position:absolute;
    inset:10px 18px 0;
    display:flex;
    align-items:flex-end;
    justify-content:center;
    gap:18px;
    overflow:hidden;
    z-index:2;
}
.wonvr-item{
    position:relative;
    flex:0 0 auto;
    height:100%;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:flex-end;
    opacity:1;
    transition:opacity .2s ease,filter .2s ease,transform .2s ease;
}
.wonvr-item[hidden]{display:none!important}
.wonvr-object{
    position:relative;
    display:flex;
    align-items:flex-end;
    justify-content:center;
    border:0;
    background:transparent;
    padding:0;
    margin:0;
    cursor:pointer;
    overflow:visible;
    transform-origin:50% 100%;
}
.wonvr-person-object{cursor:default}
.wonvr-imgbox{
    display:block;
    width:100%;
    height:100%;
    position:relative;
    z-index:2;
}
.wonvr-imgbox img{
    width:100%;
    height:100%;
    display:block;
    object-fit:contain;
    object-position:50% 100%;
    filter:drop-shadow(0 10px 8px rgba(0,0,0,.11));
    user-select:none;
    -webkit-user-drag:none;
}
.wonvr-shadow{
    position:absolute;
    left:8%;right:8%;bottom:-3px;
    height:16px;
    border-radius:50%;
    background:radial-gradient(ellipse at center,rgba(0,0,0,.22) 0%,rgba(0,0,0,.08) 50%,rgba(0,0,0,0) 75%);
    filter:blur(4px);
    z-index:1;
    pointer-events:none;
}
.wonvr-item:not(.wonvr-person) .wonvr-object:hover .wonvr-imgbox,
.wonvr-item.is-active .wonvr-imgbox{
    transform:translateY(-3px);
}
.wonvr-imgbox{transition:transform .18s ease,filter .18s ease}
.wonvr-item.is-active:not(.wonvr-person) .wonvr-imgbox{
    filter:drop-shadow(0 0 0 rgba(0,0,0,0));
}
.wonvr-item.is-active:not(.wonvr-person) .wonvr-object:after{
    content:"";
    position:absolute;
    inset:-8px -10px -6px;
    border-radius:20px;
    background:linear-gradient(180deg,rgba(255,90,0,.03),rgba(255,90,0,.07));
    box-shadow:inset 0 0 0 1px rgba(255,90,0,.12);
    z-index:0;
    pointer-events:none;
}
.wonvr-caption{
    height:74px;
    width:100%;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:flex-start;
    text-align:center;
    padding:10px 2px 0;
    line-height:1.1;
}
.wonvr-caption strong{
    display:block;
    font-size:clamp(14px,1.35vw,19px);
    font-weight:900;
    letter-spacing:-.02em;
    color:#1c1c1c;
    white-space:nowrap;
}
.wonvr-caption span{
    display:block;
    margin-top:4px;
    font-size:11px;
    font-weight:650;
    color:#7b7b80;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
    max-width:100%;
}
.wonvr-item.is-active .wonvr-caption strong{color:var(--won-orange)}
.wonvr-person .wonvr-imgbox img{opacity:.75;filter:drop-shadow(0 8px 7px rgba(0,0,0,.08))}
.wonvr-person .wonvr-caption strong{color:#3a3a3a}
.wonvr-person.is-hidden{display:none!important}

.wonvr-details{
    position:relative;
    border-top:1px solid rgba(0,0,0,.06);
    background:rgba(255,255,255,.86);
    padding:18px 24px 22px;
}
.wonvr-detail-panel{display:none}
.wonvr-detail-panel.is-active{display:block;animation:wonvrFade .2s ease}
@keyframes wonvrFade{from{opacity:.25;transform:translateY(3px)}to{opacity:1;transform:none}}
.wonvr-detail-title{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:16px;
    margin-bottom:13px;
}
.wonvr-detail-title>div{display:flex;align-items:baseline;gap:9px;flex-wrap:wrap}
.wonvr-detail-kicker{
    font-size:10px;
    font-weight:900;
    letter-spacing:.12em;
    color:var(--won-orange);
}
.wonvr-detail-title strong{font-size:18px;line-height:1.2}
.wonvr-detail-capacity{
    font-size:13px;
    line-height:1;
    padding:7px 10px;
    border-radius:999px;
    background:#fff3ec;
    color:var(--won-orange);
    font-weight:900;
    white-space:nowrap;
}
.wonvr-specs{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(145px,1fr));
    gap:8px;
}
.wonvr-spec{
    padding:10px 12px;
    min-height:58px;
    border:1px solid #ececec;
    border-radius:12px;
    background:#fff;
}
.wonvr-spec span{display:block;font-size:10px;color:#848489;margin-bottom:3px}
.wonvr-spec strong{display:block;font-size:13px;line-height:1.25;color:#222;overflow-wrap:anywhere}

@media (max-width:800px){
    .wonvr-shell{border-radius:18px}
    .wonvr-head{padding:18px 16px 10px;gap:12px}
    .wonvr-title{font-size:25px}
    .wonvr-subtitle{font-size:13px;margin-top:6px}
    .wonvr-person-toggle span:last-child{display:none}
    .wonvr-person-toggle{width:36px;min-height:36px;padding:8px;justify-content:center}
    .wonvr-toolbar{padding:0 16px 10px;align-items:flex-start}
    .wonvr-product-buttons{gap:6px}
    .wonvr-product-btn{min-height:34px;padding:6px 10px;font-size:12px}
    .wonvr-stage{height:var(--won-stage-t,440px)}
    .wonvr-products{inset:8px 10px 0;gap:12px}
    .wonvr-floor{bottom:74px}
    .wonvr-caption{height:68px;padding-top:9px}
    .wonvr-caption strong{font-size:15px}
    .wonvr-caption span{font-size:10px}
    .wonvr-details{padding:15px 14px 17px}
    .wonvr-detail-title{margin-bottom:10px}
    .wonvr-detail-title strong{font-size:16px}
    .wonvr-specs{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
    .wonvr-spec{padding:9px 10px}
}
@media (max-width:520px){
    .wonvr-head{align-items:flex-start}
    .wonvr-title{font-size:23px}
    .wonvr-subtitle{font-size:12px;line-height:1.4}
    .wonvr-toolbar{gap:7px}
    .wonvr-product-buttons{flex:1}
    .wonvr-product-btn{padding:6px 9px}
    .wonvr-arrow{width:34px;height:34px;font-size:24px}
    .wonvr-page{display:none}
    .wonvr-stage{height:var(--won-stage-m,410px)}
    .wonvr-products{inset:4px 8px 0;gap:10px}
    .wonvr-floor{bottom:68px}
    .wonvr-caption{height:62px}
    .wonvr-specs{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (prefers-reduced-motion:reduce){
    .wonvr *{animation:none!important;transition:none!important}
}