/* Checkout sheet styles shared by the mobile live room. */
.product-img img,.detail-visual img{width:100%;height:100%;object-fit:cover}.checkout-head{display:flex;align-items:center;gap:12px;margin-bottom:12px}.checkout-head .detail-visual{width:82px;height:82px;flex:0 0 82px;font-size:32px}.checkout-head h2{margin:0 0 5px;font-size:18px}.detail-desc{margin:0 0 16px;color:#66788a;line-height:1.55}.checkout-section{padding:13px 0;border-top:1px solid #edf0f4}.checkout-section h3{margin:0 0 10px;font-size:14px;color:#24364a}.quantity{display:flex;align-items:center;gap:14px}.quantity button{display:grid;place-items:center;width:44px;height:44px;border:1px solid #dce3ea;border-radius:50%;background:#fff;color:#24364a;font-size:22px}.quantity strong{min-width:28px;text-align:center;font-size:18px}.address-card{padding:14px;border:1px solid #e4ebf2;border-radius:8px;background:#f8fbfe}.address-card h3{display:flex;align-items:center;justify-content:space-between}.address-card h3 button{min-height:40px;padding:7px 10px;border:0;border-radius:5px;background:#eaf4ff;color:#2876c7}.address-card strong{display:block;overflow-wrap:anywhere}.address-card p{margin:6px 0 0;color:#66788a;line-height:1.5;overflow-wrap:anywhere}.address-region{font-size:13px;color:#344b61!important;margin-top:8px!important}.checkout-total{display:flex;justify-content:flex-end;align-items:baseline;gap:5px;padding:16px 0 2px;color:#566d82}.checkout-total strong{color:#f0444e;font-size:22px}.detail-actions{position:sticky;bottom:0;padding:12px 0 12px;padding:12px 0 max(12px,env(safe-area-inset-bottom));background:#fff}.detail-actions button{min-height:46px;font-weight:700}.sku button{min-height:44px;min-width:44px;padding:9px 13px}.address-card{display:grid;gap:8px}.address-card h3{display:flex;align-items:center;justify-content:space-between;margin:0}.address-card h3 button{min-height:40px;padding:7px 12px;border:0;border-radius:6px;background:#eaf4ff;color:#2876c7;font-weight:600}.address-card .address-lines{display:grid;gap:4px}.address-card strong{display:block;font-size:15px;color:#1d2b3a}.address-card p{margin:0;color:#66788a;line-height:1.5;overflow-wrap:anywhere}.address-card .address-region{font-size:13px;color:#344b61}.address-page{position:fixed;top:0;right:0;bottom:0;left:0;inset:0;z-index:80;display:flex;flex-direction:column;background:#f4f6f9}.address-page[hidden]{display:none}.address-page-head{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 12px 10px;padding:max(10px,env(safe-area-inset-top)) 12px 10px;background:#fff;border-bottom:1px solid #e8edf2}.address-page-head strong{font-size:17px;color:#1d2b3a}.address-page-back{width:38px;height:38px;border:0;border-radius:50%;background:#f0f3f7;color:#24364a;font-size:24px;line-height:1}.address-page-import{min-height:38px;padding:0 14px;border:0;border-radius:19px;background:#e9f9ef;color:#12934f;font-size:13px;font-weight:700}.address-page-body{flex:1;overflow-y:auto;padding:14px 14px 28px;-webkit-overflow-scrolling:touch}.saved-address-list{display:grid;gap:8px}.saved-address{display:flex;justify-content:space-between;align-items:center;gap:8px;width:100%;padding:12px;text-align:left;border:1px solid #e1e8ef;border-radius:10px;background:#fff;color:#24364a}.saved-address.selected{border-color:#3b8de3;background:#eef7ff}.saved-address span{min-width:0}.saved-address strong,.saved-address small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.saved-address strong{font-size:14px}.saved-address small{margin-top:5px;color:#6a7b8c;font-size:12px}.saved-address em{font-size:12px;color:#2876c7;font-style:normal;flex:0 0 auto}.address-empty{margin:0;padding:14px;border:1px dashed #d8e0e8;border-radius:10px;color:#8191a0;font-size:13px;text-align:center}.address-page-form{display:grid;gap:14px;margin-top:14px}.address-page-form .field{display:grid;gap:6px}.address-page-form .field>span{font-size:13px;font-weight:600;color:#42586d}.address-page-form input,.address-page-form textarea,.region-display{box-sizing:border-box;width:100%;min-height:48px;padding:12px;border:1px solid #dce5ed;border-radius:10px;background:#fff;color:#24364a;font:inherit;text-align:left}.address-page-form textarea{min-height:76px;resize:none;line-height:1.5}.region-display{color:#24364a}.region-display:not(.filled){color:#9aa8b5}.address-page-form input:focus,.address-page-form textarea:focus,.region-display:focus{outline:2px solid rgba(47,137,222,.22);border-color:#388bdd}.address-page-form .check{display:flex;align-items:center;gap:8px;font-size:14px;color:#42586d}.address-page-form .check input{width:20px;min-height:20px;accent-color:#287ed1}.address-page-foot{display:flex;gap:10px;padding:10px 14px 10px;padding:10px 14px max(10px,env(safe-area-inset-bottom));background:#fff;border-top:1px solid #e8edf2}.address-page-foot button{flex:1;min-height:48px;border:0;border-radius:24px;font-size:16px;font-weight:700}.address-page-foot .primary{background:#ff4d56;color:#fff}.address-page-foot .primary:disabled{opacity:.6}.region-picker{position:fixed;top:0;right:0;bottom:0;left:0;inset:0;z-index:90;display:flex;flex-direction:column;justify-content:flex-end;background:rgba(10,16,24,.45)}.region-picker[hidden]{display:none}.region-picker-head{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;background:#fff;border-bottom:1px solid #eef1f5;border-radius:14px 14px 0 0}.region-picker-head strong{font-size:16px;color:#1d2b3a}.region-picker-head button{min-height:36px;padding:0 10px;border:0;background:transparent;color:#7a8a99;font-size:14px}.region-picker-head button:last-child{color:#ff4d56;font-weight:700}.region-picker-cols{display:grid;grid-template-columns:1fr 1fr 1fr;background:#fff}.region-col{max-height:44vh;max-height:44svh;overflow-y:auto;padding:6px 0 6px;padding:6px 0 calc(6px + env(safe-area-inset-bottom));-webkit-overflow-scrolling:touch}.region-col+.region-col{border-left:1px solid #f2f4f7}.region-option{display:block;width:100%;min-height:44px;padding:0 10px;border:0;background:transparent;color:#24364a;font-size:15px;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.region-option.on{color:#ff4d56;font-weight:700;background:#fff5f5}.address-page-open body,.region-picker-open body{overflow:hidden}.checkout-open .sheet{max-height:92vh;max-height:92svh}.checkout-open .detail{padding-bottom:0}@media(max-width:390px){.checkout-head .detail-visual{width:68px;height:68px;flex-basis:68px;font-size:28px}.detail{padding:13px}.checkout-section{padding:11px 0}.checkout-total strong{font-size:20px}}
.pay-success-toast{position:fixed;top:38%;left:50%;transform:translate(-50%,-50%);z-index:240;display:flex;align-items:center;gap:8px;max-width:72vw;padding:9px 18px;border-radius:999px;background:rgba(17,24,39,.82);color:#fff;font-size:15px;font-weight:600;white-space:nowrap;box-shadow:0 8px 24px rgba(15,23,42,.28);pointer-events:none;animation:paySuccessPop .18s ease-out}
.pay-success-check{display:flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:50%;background:#16b978;color:#fff;font-size:13px;line-height:1}
@keyframes paySuccessPop{from{opacity:0;transform:translate(-50%,-50%) scale(.92)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}

/* The full-screen address editor must sit above the purchase/address sheets. */
.address-page{z-index:280}
.region-picker{z-index:290}