.product-frame{--occ-text:#f7f4ee;--occ-muted:#f7f4eeb3;--occ-line:#2a3140;--occ-panel:#12161c;--occ-inset:#0b1220;border:1px solid var(--occ-line);width:100%;min-height:220px;color:var(--occ-text);background:linear-gradient(165deg,#12161c 0%,#05070a 52%,#090c14 100%);border-radius:20px;position:relative;overflow:hidden;box-shadow:0 -16px 64px #c4a35a29,0 24px 48px -12px #0000008c}.product-frame__chrome{border-bottom:1px solid var(--occ-line);background:color-mix(in srgb,var(--occ-panel)90%,transparent);justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;display:flex}.product-frame__dots{gap:5px;display:flex}.product-frame__dots i{background:#28c840;border-radius:50%;width:9px;height:9px}.product-frame__dots i:first-child{background:#ff5f57}.product-frame__dots i:nth-child(2){background:#febc2e}.product-frame__title{color:var(--occ-muted);font-size:12px}.product-frame__live{letter-spacing:.08em;text-transform:uppercase;color:#6ee7b7;font-size:11px}.product-frame__grid{grid-template-columns:1.4fr 1fr;gap:12px;padding:16px;display:grid}.product-frame__panel{border:1px solid var(--occ-line);background:color-mix(in srgb,var(--occ-inset)80%,transparent);border-radius:14px;padding:14px 16px}.product-frame__panel--wide{grid-row:span 2}.product-frame__panel header{color:var(--occ-muted);justify-content:space-between;gap:8px;font-size:13px;display:flex}.product-frame__panel p,.product-frame__row{color:var(--occ-muted);margin-top:8px;font-size:13px}.product-frame__panel ul{gap:8px;margin-top:14px;display:grid}.product-frame__panel li{color:var(--occ-text);justify-content:space-between;font-size:13px;display:flex}.is-live{color:#6ee7b7;font-weight:600}.product-frame__bars{gap:8px;margin-top:14px;display:grid}.product-frame__bars span{background:#d0b57b;border-radius:99px;height:6px;display:block}.product-frame__list{gap:10px;padding:16px;display:grid}.product-frame__row{border:1px solid var(--occ-line);background:color-mix(in srgb,var(--occ-inset)80%,transparent);border-radius:12px;padding:12px 14px}@media (max-width:767px){.product-frame__grid{grid-template-columns:1fr}.product-frame__panel--wide{grid-row:auto}}