.summary-note{margin:0 20px 14px;color:#776d66;font-size:9px;line-height:1.6}
.button-row{display:flex;justify-content:center;gap:10px}.button-row .primary-button{margin:0;padding:0 18px}.secondary-button{height:44px;padding:0 18px;display:grid;place-items:center;border:1px solid #e7dfd8;border-radius:5px;background:#fff}
.benefit-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.benefit-grid article{padding:20px;border:1px solid #e7dfd8;border-radius:8px;background:#fff}.benefit-grid span,.benefit-grid small{display:block;color:#776d66;font-size:9px}.benefit-grid strong{margin:8px 0 5px;display:block;font-size:24px}
.checkin-card{margin-top:16px;padding:24px 28px;display:flex;align-items:center;justify-content:space-between;border-radius:8px;background:#302a27;color:#fff}.checkin-card span{color:#e6a793;font-size:8px;letter-spacing:.15em}.checkin-card h2{margin:5px 0}.checkin-card p{margin:0;color:#bdb3ad;font-size:9px}.checkin-card button{padding:12px 18px;border:0;border-radius:5px;background:#e24b30;color:#fff;font-weight:800}.checkin-card button:disabled{background:#615a56;color:#aaa}
.reward-columns{display:grid;grid-template-columns:1.2fr .8fr;gap:16px}.coupon-wallet{padding:16px;display:grid;gap:9px}.coupon-wallet article{padding:13px;display:grid;gap:4px;border:1px dashed #d4aaa0;border-radius:6px;background:#fff8f5}.coupon-wallet strong{color:#e24b30}.coupon-wallet span{font-size:10px}.coupon-wallet small{color:#776d66;font-size:8px}
@media(max-width:720px){.benefit-grid{grid-template-columns:1fr 1fr}.reward-columns{grid-template-columns:1fr}.checkin-card{margin-left:0;margin-right:0}.reward-columns .data-table{min-width:500px}}
.live-grid article>a>div{height:220px;position:relative;overflow:hidden;border-radius:6px}.live-grid article>a>small{margin-top:8px;display:block;color:#d4aaa0;font-size:7px}.live-grid article>a>strong{margin-top:4px;display:block;font-size:12px}.watch-layout{display:grid;grid-template-columns:minmax(0,2fr) minmax(280px,1fr);gap:16px}.live-player,.live-waiting{aspect-ratio:16/9;overflow:hidden;border-radius:8px;background:#211e1c}.live-player iframe{width:100%;height:100%;border:0}.live-waiting{display:grid;place-content:center;color:#fff;text-align:center}.live-waiting span{color:#e6a793}.live-details{padding:26px;border:1px solid #e7dfd8;border-radius:8px;background:#fff}.live-details>span{color:#e24b30;font-weight:800}.live-details h1{font-size:26px}.live-details p{color:#776d66}.live-details a{display:inline-flex;margin-top:20px;padding:12px 16px;border-radius:5px;background:#e24b30;color:#fff;font-weight:800}.order-total-card{width:min(420px,100%);margin:16px 0 0 auto;padding:20px;border:1px solid #e7dfd8;border-radius:8px;background:#fff}.order-total-card p{display:flex;justify-content:space-between;color:#776d66}.order-total-card .total{padding-top:12px;border-top:1px solid #e7dfd8;color:#292421}.order-total-card .total strong{color:#e24b30;font-size:22px}.order-total-card .primary-button{margin:16px 0 0}@media(max-width:720px){.watch-layout{grid-template-columns:1fr}.live-grid article>a>div{height:200px}}