/* v10 - price board first / responsive full-image banner / model long detail / managed popups */
.internet-header-banner {margin:12px auto 8px;padding:0 0 6px!important;background:transparent!important}
.internet-header-banner .internet-header-inner{max-width:1440px}
.shop-home .hp-market{padding-bottom:4px}
.model-long-detail{max-width:1050px;margin:48px auto 80px;padding:0 18px}
.model-long-detail-head{text-align:center;margin:0 0 26px}
.model-long-detail-head>span{display:inline-block;font-size:11px;color:#0b56df;letter-spacing:1.5px;font-weight:800}
.model-long-detail-head h2{font-size:clamp(23px,3vw,34px);margin:9px 0 10px;letter-spacing:-1.5px;color:#11294c}
.model-long-detail-head p{font-size:13px;color:#71849d;line-height:1.8;margin:0}
.model-long-detail-gallery{display:flex;flex-direction:column;align-items:center;gap:0;min-width:0;width:100%;background:#fff}
.model-long-detail-gallery img{display:block;width:100%;height:auto;max-width:100%;object-fit:contain;border:0;margin:0}
/* The header ordering now puts price discovery ahead of the internet promotion. */
.uv-welcome-layer[hidden]{display:none!important}
.uv-welcome-layer{position:fixed;inset:0;z-index:2400;display:flex;align-items:center;justify-content:center;padding:18px;isolation:isolate}
.uv-welcome-shade{position:absolute;inset:0;background:rgba(9,24,55,.65);z-index:0}
.uv-welcome-dialog{position:relative;z-index:1;width:min(100%,1050px);max-height:calc(100vh - 36px);display:flex;flex-direction:column;min-width:0;overflow:hidden;border:1px solid #dce6f6;background:#fff;border-radius:17px;color:#152f56;animation:uv-welcome-in .22s ease-out}
.uv-welcome-dialog.uv-popup-one-side{max-width:600px}
.uv-welcome-top{display:flex;gap:12px;align-items:center;justify-content:space-between;padding:17px 20px 13px;border-bottom:1px solid #e9eef7}
.uv-welcome-top span{font-size:10px;color:#1758cf;letter-spacing:1px;font-weight:850}
.uv-welcome-top h2{font-size:21px;font-weight:850;line-height:1.25;margin:4px 0 0;letter-spacing:-.8px}
.uv-welcome-x{border:1px solid #dde7f5;border-radius:10px;background:#f6f9ff;color:#173d75;cursor:pointer;flex:none;width:38px;height:38px;font-size:16px}
.uv-welcome-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;padding:17px 20px;min-width:0;overflow-y:auto;overscroll-behavior:contain}
.uv-popup-one-side .uv-welcome-grid{grid-template-columns:minmax(0,1fr)}
.uv-welcome-column{display:flex;flex-direction:column;gap:12px;min-width:0}
.uv-welcome-card{overflow:hidden;border-radius:12px;border:1px solid #deebfc;background:#f4f9ff}
.uv-welcome-visual{display:block;min-width:0;text-decoration:none}
.uv-welcome-visual img{width:100%;height:auto;max-height:48vh;display:block;object-fit:contain;object-position:center;background:#eff6ff}
.uv-welcome-caption{padding:12px 16px 15px;background:white}
.uv-welcome-caption strong{display:block;font-size:15px;letter-spacing:-.35px;line-height:1.5}
.uv-welcome-caption p{margin:4px 0 12px;font-size:12px;color:#66809f;line-height:1.65}
.uv-welcome-caption a{display:inline-flex;align-items:center;justify-content:center;min-height:36px;background:#0953e1;color:#fff;border-radius:8px;font-size:12px;font-weight:800;text-decoration:none;padding:7px 16px}
.uv-welcome-bottom{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 20px;border-top:1px solid #e9eef7;background:#fbfcff}
.uv-welcome-bottom button{border-radius:9px;min-height:42px;font-size:13px;font-weight:800;cursor:pointer;padding:8px 16px}
.uv-welcome-today{border:1px solid #d8e4f5;background:#fff;color:#325176}
.uv-welcome-done{border:1px solid #0753df;background:#0753df;color:white}
/* A conspicuous but controlled animation for the 100-person cash event. */
.shop-home .hp-event-campaign{position:relative;isolation:isolate;border:2px solid #b5d3ff;animation:uv-event-border 3s ease-in-out infinite}
.shop-home .hp-event-campaign .hp-event-ratio strong{color:#0753e7;animation:uv-amount-heartbeat 3.2s ease-in-out infinite}
.shop-home .hp-event-campaign .hp-event-bar{position:relative;overflow:hidden}
.shop-home .hp-event-campaign .hp-event-bar:after{content:"";position:absolute;inset:0 auto 0 -35%;width:30%;transform:skewX(-24deg);background:linear-gradient(90deg,transparent,rgba(255,255,255,.9),transparent);animation:uv-progress-shine 3s ease-in-out infinite;pointer-events:none}
.shop-home .hp-event-campaign .hp-event-cta>img{animation:uv-astronaut-float 3.4s ease-in-out infinite}
.shop-home .hp-event-campaign .hp-event-more{animation:uv-event-button 2.9s ease-in-out infinite;position:relative}
.uv-event-live{display:inline-flex;align-items:center;gap:6px;color:#0856c8;background:#deeeff;border:1px solid #bad9ff;border-radius:100px;padding:5px 9px;font-weight:850;font-size:10px;letter-spacing:.2px;margin:0 0 6px;width:fit-content}
.uv-event-live:before{content:"";width:7px;height:7px;flex:none;background:#1973ff;border-radius:50%;animation:uv-live-flash 1.6s ease-in-out infinite}
@keyframes uv-welcome-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
@keyframes uv-event-border{0%,100%{border-color:#b5d3ff}50%{border-color:#4389f5}}
@keyframes uv-amount-heartbeat{0%,86%,100%{transform:scale(1)}90%{transform:scale(1.06)}}
@keyframes uv-progress-shine{0%{left:-40%}55%,100%{left:118%}}
@keyframes uv-astronaut-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}
@keyframes uv-event-button{0%,100%{filter:brightness(1)}50%{filter:brightness(1.14)}}
@keyframes uv-live-flash{0%,100%{opacity:1}50%{opacity:.3}}
@media(max-width:700px){
 .uv-welcome-layer{padding:9px}
 .uv-welcome-dialog{max-height:calc(100vh - 18px);border-radius:13px}
 .uv-welcome-top{padding:11px 13px}
 .uv-welcome-top h2{font-size:17px}
 .uv-welcome-grid{grid-template-columns:1fr;gap:10px;padding:10px 12px}
 .uv-welcome-visual img{max-height:43vh}
 .uv-welcome-bottom{padding:10px 12px}
 .uv-welcome-bottom button{font-size:12px;padding:8px 12px}
 .model-long-detail{padding:0 10px;margin:26px auto 48px}
 .model-long-detail-head{margin-bottom:14px}
}
@media(prefers-reduced-motion:reduce){
 .uv-welcome-dialog,.shop-home .hp-event-campaign,.shop-home .hp-event-campaign .hp-event-ratio strong,.shop-home .hp-event-campaign .hp-event-bar:after,.shop-home .hp-event-campaign .hp-event-cta>img,.shop-home .hp-event-campaign .hp-event-more,.uv-event-live:before{animation:none!important}
}
