/* BOX13 v3.2 — adult premium commerce showcase, accessible responsive reel */
.tier-card{isolation:isolate;position:relative}
.tier-card .tier-photo{position:relative;min-height:155px;overflow:hidden}
.tier-card .tier-photo::after{content:"MARKET PREVIEW";position:absolute;bottom:3px;right:13px;color:#e8c18d;letter-spacing:2px;font-size:8px;font-weight:900;opacity:.88}
.box32-tier-art{position:absolute;inset:2px 7px 8px;display:flex;align-items:center;justify-content:center;gap:4px;isolation:isolate;pointer-events:none}
.box32-tier-art img{max-width:31%;width:31%;height:125px;object-fit:contain;filter:drop-shadow(0px 14px 18px #03020abf);transform:rotate(-4deg);transition:transform .25s}
.box32-tier-art img:nth-child(2){transform:scale(1.2);z-index:2}.box32-tier-art img:nth-child(3){transform:rotate(6deg)}
.tier-card:hover .box32-tier-art img:nth-child(2){transform:translateY(-8px) scale(1.25)}
.tier-card .tier-detail h3{letter-spacing:-.5px}
.showcase-explainer{display:grid;grid-template-columns:1fr 1.08fr;min-height:225px;margin-top:28px;border:1px solid #80643f;border-radius:19px;overflow:hidden;background:radial-gradient(ellipse at 81% 30%,#33233f,#100f1a 66%);box-shadow:0 15px 40px #0004}
.showcase-intro{padding:29px 28px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}
.showcase-eyebrow{display:block;color:#e5bb80;letter-spacing:2px;font-size:10px;font-weight:850}
.showcase-intro h3{margin:10px 0;font-size:clamp(20px,2.4vw,31px);letter-spacing:-1px;color:#fff}
.showcase-intro h3 em{font-style:normal;color:#e5bb80}
.showcase-intro p{font-size:12px;max-width:470px;color:#bfb4be;line-height:1.8;margin:0 0 18px}
.showcase-intro .button{min-height:38px;padding:10px 19px;font-size:11px}
.showcase-mini-strip{display:flex;gap:8px;align-items:center;justify-content:center;overflow:hidden;padding:18px}
.showcase-mini{height:163px;flex:0 1 126px;max-width:135px;min-width:0;border:1px solid #685266;border-radius:13px;padding:12px 6px;background:radial-gradient(circle at 50% 28%,#372344,#16121e 78%);text-align:center;display:flex;flex-direction:column;justify-content:space-between}
.showcase-mini img{width:100%;height:108px;object-fit:contain;filter:drop-shadow(0 8px 9px #0009)}
.showcase-mini b{font-size:8px;color:#f1d2a0;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.box32-overlay{z-index:1200}.box32-dialog{width:min(1080px,96vw);max-height:95vh;overflow:auto;background:linear-gradient(155deg,#181421,#0a0c15 55%,#1b1224);border:1px solid #aa7a49;border-radius:18px;box-shadow:0 24px 120px #000d,0 0 40px #b3763b2a}
.box32-header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #9b815030;padding:17px 25px}
.box32-brand{font-size:20px;font-weight:950;color:#fff;letter-spacing:-.7px}.box32-brand span{color:#e6ba71}.box32-brand small{margin-left:12px;font-size:9px;color:#a693b8;letter-spacing:1.5px}
.box32-close{background:#21192b;color:#eac993;font-size:30px;line-height:1;border:1px solid #5c4a49;border-radius:8px;padding:4px 11px}
.box32-switch{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;padding:15px 24px 0}
.box32-switch button{background:#14111d;color:#b3a8b4;border:1px solid #544354;border-radius:10px;font-size:11px;font-weight:850;letter-spacing:.9px;padding:13px 4px;transition:all .15s}
.box32-switch button small{font-size:10px;margin-left:6px;color:#c69e6a}
.box32-switch button.active{border-color:#f3c073;background:linear-gradient(115deg,#4d392a,#241b24);color:#ffdaa5;box-shadow:0 0 17px #c89d5230}
.box32-title{text-align:center;padding:27px 15px 18px}.box32-title h2{font-size:clamp(22px,4vw,42px);letter-spacing:-1.7px;margin:9px 0}.box32-title h2 span{color:#eec27e}.box32-title p:not(.showcase-eyebrow){font-size:11px;color:#bcb1be;margin:5px}
.box32-viewport{height:302px;position:relative;overflow:hidden;background:radial-gradient(ellipse at 50% 65%,#513b54a1,#151121 62%,#070911 100%);border-top:1px solid #67534c;border-bottom:1px solid #67534c;mask-image:linear-gradient(to right,transparent,#000 8%,#000 92%,transparent)}
.box32-viewport::before{content:"";position:absolute;left:calc(50% - 103px);height:100%;width:206px;background:linear-gradient(180deg,#d9b56d28,#e3b06905 40%,#e3b06920);z-index:1;border-left:1px solid #f7ce7945;border-right:1px solid #f7ce7945;pointer-events:none}
.box32-track{display:flex;gap:12px;position:absolute;top:50%;left:0;transform:translate(0,-50%);will-change:transform}
.box32-reel-item{width:188px;flex:0 0 188px;height:240px;border:1px solid #80664e;border-radius:14px;overflow:hidden;background:linear-gradient(160deg,#241c30,#0d101a);display:flex;flex-direction:column;align-items:center;justify-content:space-between;box-shadow:0 10px 20px #0006}
.box32-reel-img{width:100%;height:167px;display:grid;place-items:center;background:radial-gradient(circle,#443455,#13121a 70%)}
.box32-reel-img img{width:100%;height:100%;padding:12px;object-fit:contain;filter:drop-shadow(0 10px 12px #0008)}
.box32-reel-item b{font-size:10px;line-height:1.3;color:#f5ecf2;padding:0 8px;max-width:100%;text-align:center}
.box32-reel-item small{font-size:8px;color:#d9ae6c;letter-spacing:.8px;margin:0 0 10px}
.box32-center{position:absolute;z-index:3;inset:0;pointer-events:none;display:flex;flex-direction:column;align-items:center;justify-content:space-between;color:#ffcf76;text-shadow:0 0 17px #ffb547;font-size:24px;padding:2px}
.box32-result{display:flex;align-items:center;gap:22px;border-top:1px solid #655353;padding:18px 28px;background:radial-gradient(circle at 25% 45%,#302431,#12111d 65%)}
.box32-result[hidden]{display:none}.box32-result-photo{width:180px;height:150px;flex:0 0 180px;border-radius:13px;background:radial-gradient(circle,#514050,#19151e);border:1px solid #7e664f;display:grid;place-items:center}
.box32-result-photo img{width:100%;height:100%;object-fit:contain;padding:10px}.box32-result-data{flex:1;min-width:0}
.box32-result-data h3{font-size:27px;margin:6px 0 5px;line-height:1.1}.box32-result-data p{font-size:12px;color:#beb6c3;margin:0 0 13px}.box32-cta-row{display:flex;gap:10px;flex-wrap:wrap}.box32-cta-row .button{font-size:10px;padding:11px 15px}
.box32-footer{display:flex;justify-content:space-between;gap:15px;align-items:center;padding:18px 25px 22px}.box32-footer>div{flex:1}
.box32-progress{height:5px;max-width:730px;border-radius:8px;background:#302738;overflow:hidden}.box32-progress span{height:100%;width:0;display:block;background:linear-gradient(90deg,#8159f0,#f7c16d);transition:width .2s}
.box32-footer p{font-size:10px;color:#aea1b1;line-height:1.6;margin:9px 0 0}
.box32-footer button{flex:0 0 auto}.box32-viewport.ended{height:0;border:0;visibility:hidden;transition:height .3s}
@media(max-width:780px){.showcase-explainer{grid-template-columns:1fr}.showcase-intro{padding:22px 18px}.showcase-mini-strip{padding:12px}.box32-dialog{width:96vw}.box32-result{padding:12px;gap:12px}.box32-result-photo{width:110px;height:110px;flex-basis:110px}.box32-result-data h3{font-size:21px}.box32-title{padding:20px 10px 12px}}
@media(max-width:520px){.box32-switch{gap:4px;padding:9px 9px 0}.box32-switch button{font-size:8px;padding:10px 1px;letter-spacing:0}.box32-switch button small{font-size:7px;margin-left:2px}.box32-header{padding:12px}.box32-brand small{display:none}.box32-viewport{height:240px}.box32-reel-item{width:142px;flex-basis:142px;height:184px}.box32-reel-img{height:128px}.box32-reel-item b{font-size:9px}.box32-reel-item small{font-size:7px}.box32-viewport::before{width:158px;left:calc(50% - 79px)}.box32-result{flex-direction:column;text-align:center}.box32-result-photo{width:150px;height:130px;flex-basis:auto}.box32-footer{padding:10px 12px 18px;flex-direction:column;align-items:stretch}.box32-footer button{width:100%}.box32-cta-row{justify-content:center}.showcase-mini{height:129px;padding:7px}.showcase-mini img{height:83px}.box32-reel-item b{min-height:26px}.tier-card .tier-photo{min-height:150px}.box32-tier-art img{height:117px}}
@media(prefers-reduced-motion:reduce){.box32-track{transition:none!important}}