.display-page { min-height:100dvh; display:flex; flex-direction:column; background:radial-gradient(ellipse at 15% 40%,#30124855,transparent 55%),#08070d; }
.display-page::before,.display-page::after { display:none; }
.display-header { height:86px; padding:0 4vw; display:flex; align-items:center; justify-content:space-between; gap:20px; border-bottom:1px solid #ffffff12; flex-shrink:0; }
.display-header-status { font-size:10px; text-transform:uppercase; letter-spacing:.13em; color:#b09bbd; }
.display-header-actions { display:flex; gap:9px; }
.display-main { flex:1; min-height:0; display:grid; grid-template-columns:1fr 1fr; gap:5vw; align-items:center; width:min(1430px,92vw); margin:0 auto; padding:28px 0; }
.display-artwork { min-width:0; height:calc(100dvh - 240px); display:flex; align-items:center; justify-content:center; }
#displayPoster { width:min(100%,calc((100dvh - 240px)*.75)); }
#displayPoster .poster-frame { border:1px solid #ffffff25; border-radius:9px; box-shadow:0 15px 70px #000a; }
.display-kicker { display:flex; gap:15px; flex-wrap:wrap; color:#d593f2; font-size:10px; text-transform:uppercase; letter-spacing:.12em; font-weight:650; margin-bottom:23px; }
.display-kicker span+span { color:#9b85a8; border-left:1px solid #ffffff30; padding-left:15px; }
.display-product h1 { font-size:clamp(37px,4.5vw,73px); line-height:1; letter-spacing:-.05em; margin:0 0 17px; max-width:610px; }
.display-summary { font-size:14px; color:#c0b0cb; line-height:1.7; max-width:520px; margin:0 0 25px; }
.display-specs { display:grid; grid-template-columns:1fr 1fr; gap:14px 25px; margin:0 0 25px; padding:19px 0; border-top:1px solid #ffffff1f; border-bottom:1px solid #ffffff1f; }
.display-specs dt { color:#9b83ac; font-size:9px; text-transform:uppercase; letter-spacing:.13em; margin-bottom:5px; }
.display-specs dd { margin:0; color:#e1d6e9; font-size:12px; line-height:1.5; }
.display-price-label { color:#c7a8d6; font-size:9px; letter-spacing:.15em; margin:0 0 5px; }
.display-price { font-size:clamp(36px,4.3vw,67px); font-weight:800; line-height:1.2; letter-spacing:-.04em; background:linear-gradient(100deg,#f7e7ff,#f27bcb); color:transparent; background-clip:text; }
.display-price-note { color:#ac96b9; font-size:10px; margin:9px 0 23px; }
.display-current-contacts { margin-top:27px; display:flex; flex-direction:column; gap:7px; }
.display-current-contacts span { color:#9b83ac; font-size:8px; letter-spacing:.18em; }
.display-current-contacts strong { font-size:clamp(13px,1.45vw,21px); letter-spacing:.025em; }
.display-current-contacts i { font-style:normal; color:#b95ae0; margin:0 8px; }
.display-product .button-primary { background:linear-gradient(110deg,#9144f1,#d732b7 60%,#ee3c67); color:white; }
.display-footer { background:#100b17; border-top:1px solid #ffffff15; }
.display-progress-track { height:2px; background:#ffffff13; }
#displayProgress { display:block; height:100%; width:0; background:linear-gradient(90deg,#9d4ef1,#ee569b); }
.display-footer-inner { min-height:81px; padding:14px 4vw; display:flex; align-items:center; gap:18px; }
.display-transport { display:flex; gap:8px; align-items:center; }
.display-position { color:#b49fc2; font-size:11px; min-width:70px; margin-left:9px; }
.display-select select { max-width:235px; color:#d5c5e0; background:#171020; border:1px solid #ffffff25; padding:10px 32px 10px 12px; border-radius:8px; font-size:11px; }
.display-feed { color:#927da1; font-size:9px; margin-left:auto; }
.display-empty { margin:auto; padding:40px; color:#d6b9e5; }
.display-page [hidden] { display:none; }
@media(min-width:1600px) { .display-main { gap:8vw; } .display-summary { font-size:18px; } .display-specs dd { font-size:15px; } }
@media(max-height:760px) and (min-width:761px) { .display-header { height:65px; } .display-artwork { height:calc(100dvh - 175px); } #displayPoster { width:min(100%,calc((100dvh - 175px)*.75)); } .display-main { padding:14px 0; } .display-product h1 { font-size:43px; } .display-kicker { margin-bottom:15px; } .display-summary { margin-bottom:15px; font-size:12px; } .display-specs { margin-bottom:15px; gap:10px 20px; padding:14px 0; } .display-price { font-size:43px; } .display-current-contacts { margin-top:18px; } .display-price-note { margin-bottom:15px; } .display-footer-inner { min-height:72px; } }
@media(max-width:900px) { .display-main { gap:4vw; } .display-header-status { display:none; } .display-product h1 { font-size:40px; } .display-feed { display:none; } .display-specs { grid-template-columns:1fr; gap:10px; } .display-specs div:nth-child(n+3) { display:none; } .display-price { font-size:43px; } }
@media(max-width:760px) { .display-header { padding:0 5vw; height:75px; gap:10px; } .display-header-actions .button:first-child { display:none; } .display-main { grid-template-columns:1fr; width:90vw; gap:32px; padding:25px 0 35px; } .display-artwork { height:auto; } #displayPoster { width:min(100%,355px); } .display-product { max-width:480px; width:100%; margin:auto; } .display-product h1 { font-size:39px; } .display-specs { grid-template-columns:1fr 1fr; } .display-specs div:nth-child(n+3) { display:block; } .display-footer-inner { flex-wrap:wrap; gap:12px; justify-content:space-between; padding:16px 5vw; } .display-select select { max-width:170px; } .display-position { min-width:45px; } .display-speed { margin-left:auto; } }