/* Visual-only refinements. Content, labels and interaction flow remain unchanged. */
html,body{background:#eef1f4;color:#151516}
body{min-width:320px}
.page{max-width:430px;position:relative;overflow:hidden;box-shadow:0 0 0 1px rgba(0,0,0,.025),0 18px 56px rgba(24,32,45,.08)}
.hero{background:#eceff2}
.hero::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(0,0,0,.13),transparent 16%,transparent 76%,rgba(0,0,0,.08));z-index:1}
.hero-overlay{z-index:2}
.hero-track{transition-duration:.34s;transition-timing-function:cubic-bezier(.22,.61,.36,1)}
.hero-top-bar{padding:12px 14px}
.icon-btn{width:34px;height:34px;background:rgba(20,22,24,.42);border:1px solid rgba(255,255,255,.2);box-shadow:0 3px 12px rgba(0,0,0,.14);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);transition:transform .16s ease,background .16s ease}
.icon-btn:active{transform:scale(.94);background:rgba(20,22,24,.56)}
.hero-top-right{gap:9px}.hero-indicator{right:14px;bottom:14px;padding:3px 9px;border:1px solid rgba(255,255,255,.16);background:rgba(20,22,24,.48);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);font-variant-numeric:tabular-nums}
.price-section{padding:13px 14px 0}.price-row{margin-bottom:10px}.price-left{gap:3px}.coupon-tag{width:18px;height:18px;border-radius:4px;box-shadow:0 2px 5px rgba(224,46,36,.16)}.price-label{font-weight:600}.price-value{font-size:28px;letter-spacing:-.6px}.sold-count{padding-bottom:2px}.pay-later-bar{margin:0 -14px;padding:9px 14px;background:linear-gradient(90deg,#edf9f0,#f4fcf6);border-top:1px solid rgba(0,168,50,.06);border-bottom:1px solid rgba(0,168,50,.06)}
.product-title{padding:14px 14px 9px;font-size:15px;line-height:1.55;letter-spacing:.05px}.refund-tag{margin-left:3px;padding:1px 6px;border-radius:4px;font-weight:500}.group-header{padding:1px 14px 11px}.group-list{padding:0 14px}.group-item{min-height:68px;padding:13px 0}.avatars img{width:38px;height:38px;border:2px solid #fff;box-shadow:0 2px 8px rgba(25,33,45,.1)}.avatars.double{height:38px}.avatars.double img:last-child{left:17px}.group-left{gap:9px}.username{font-size:13px;color:#24262a}.group-timer{margin-right:8px}.group-status-text{font-size:11px}.countdown{font-size:12px;letter-spacing:.15px}.join-wrap{gap:4px}.join-btn{min-width:58px;border-radius:7px;padding:6px 12px;font-weight:600;box-shadow:0 3px 8px rgba(224,46,36,.2);transition:transform .14s ease,filter .14s ease}.join-btn:active{transform:scale(.96);filter:brightness(.95)}.service-section{padding:14px}.service-text{font-size:12px;letter-spacing:.03px}
.bottom-spacer{height:64px}.bottom-bar{max-width:430px;height:62px;border-top-color:#eceff2;box-shadow:0 -7px 24px rgba(24,32,45,.08);background:rgba(255,255,255,.96);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}.bottom-icons{padding:0 5px}.bottom-icon-item{width:48px;color:#5f6670;transition:color .15s ease,transform .15s ease}.bottom-icon-item:active{color:#e02e24;transform:translateY(1px)}.bottom-icon-item svg{width:21px;height:21px;margin-bottom:2px}.bottom-actions{padding:8px 9px 8px 2px;gap:0}.action-btn{min-height:46px;transition:filter .15s ease,transform .15s ease}.action-btn:active{filter:brightness(.96);transform:scale(.985)}.buy-alone{border-radius:8px 0 0 8px;background:#fff0f1}.buy-group{border-radius:0 8px 8px 0;box-shadow:0 4px 10px rgba(224,46,36,.18)}.action-price{font-size:13px}.action-label{font-weight:600}
@media(max-width:430px){.page,.bottom-bar{max-width:100%}.page{box-shadow:none}}
@media(prefers-reduced-motion:reduce){.hero-track,.icon-btn,.join-btn,.bottom-icon-item,.action-btn{transition:none}}