.p8v{background:var(--p8-bg, #0a0a0a);color:#fff;padding:72px 20px}.p8v__inner{max-width:1080px;margin:0 auto;text-align:center}.p8v__heading{font-size:clamp(1.5rem,3.5vw,2.4rem);font-weight:700;letter-spacing:.04em;line-height:1.15;margin:0 0 12px;text-transform:uppercase}.p8v__subheading{font-size:clamp(.95rem,1.6vw,1.05rem);color:#fff9;margin:0 auto 40px;max-width:520px;line-height:1.6}.p8v__stage{position:relative;width:100%;max-width:420px;margin:0 auto;aspect-ratio:4 / 5;display:flex;align-items:center;justify-content:center;cursor:grab;touch-action:pan-y;user-select:none;-webkit-user-select:none;border-radius:18px;background:radial-gradient(circle at 50% 55%,rgba(255,255,255,.04),transparent 60%);overflow:hidden}.p8v__stage:active{cursor:grabbing}.p8v__frame{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:contain;object-position:center center;opacity:0;visibility:hidden;pointer-events:none;-webkit-user-drag:none}.p8v__frame.is-active{opacity:1;visibility:visible}.p8v__badge{position:absolute;top:16px;right:16px;z-index:3;font-size:.72rem;font-weight:600;letter-spacing:.08em;padding:6px 12px;border-radius:999px;color:var(--p8-accent, #f5c518);border:1px solid rgba(255,255,255,.14);background:#00000059;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.p8v__hint{position:absolute;bottom:14px;left:50%;transform:translate(-50%);z-index:3;display:inline-flex;align-items:center;gap:8px;font-size:.74rem;letter-spacing:.05em;color:#ffffff8c;pointer-events:none;transition:opacity .4s ease}.p8v__hint.is-hidden{opacity:0}.p8v__hint-arrow{color:var(--p8-accent, #f5c518);font-size:.9rem}.p8v__thumbs{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin-top:32px}.p8v__thumb{width:72px;height:72px;padding:6px;border-radius:12px;border:1px solid rgba(255,255,255,.1);background:#ffffff05;cursor:pointer;transition:border-color .25s ease,transform .25s ease,background .25s ease}.p8v__thumb img{width:100%;height:100%;object-fit:contain;display:block}.p8v__thumb:hover{border-color:#ffffff59;transform:translateY(-2px)}.p8v__thumb.is-active{border-color:var(--p8-accent, #f5c518);background:#ffffff0d}.p8v__cta{margin-top:40px}.p8v__button{display:inline-block;padding:14px 32px;border-radius:999px;background:var(--p8-accent, #f5c518);color:#0a0a0a;font-weight:600;font-size:.95rem;letter-spacing:.03em;text-decoration:none;transition:transform .2s ease,filter .2s ease}.p8v__button:hover{transform:translateY(-2px);filter:brightness(1.05)}.p8v__placeholder{border:1px dashed rgba(255,255,255,.25);border-radius:12px;padding:40px 20px;color:#ffffff80;max-width:480px;margin:0 auto;font-size:.9rem}@media(max-width:749px){.p8v{padding:48px 16px}.p8v__stage{max-width:280px;aspect-ratio:4 / 5}.p8v__thumb{width:56px;height:56px}}@media(prefers-reduced-motion:reduce){.p8v__thumb,.p8v__button{transition:none}}.p8v__thumbs{display:none!important}
/*# sourceMappingURL=/cdn/shop/t/7/assets/p8-angle-viewer.css.map */