/* Account pages follow the supplied HitDeck Modao desktop prototype. */
.hd-ac,.hd-ac-modal { color:#171717;font-family:var(--font-ui,"Noto Sans TC","PingFang TC","Microsoft JhengHei","Heiti TC",system-ui,sans-serif);font-size:15px;line-height:1.65 }
.hd-ac *,.hd-ac-modal * { box-sizing:border-box }
.hd-ac { margin:0 auto;padding:55px 0 115px;min-height:calc(var(--visual-vh,100dvh) - 150px) }
.hd-ac--narrow { width:min(500px,calc(100% - 40px)) }
.hd-ac--wide { width:min(1100px,calc(100% - 40px)) }
.hd-ac button,.hd-ac-modal button { font-family:inherit;cursor:pointer;transform:none;box-shadow:none;letter-spacing:0 }
.hd-ac-heading { display:flex;align-items:center;gap:14px;margin:0 0 35px;min-height:32px }
.hd-ac-heading h1 { margin:0;font-size:28px;line-height:1.35;font-weight:700 }
.hd-ac-heading--center { justify-content:center }
.hd-ac-heading--center h1:empty { display:none }
.hd-ac-back { display:grid;place-items:center;padding:0;width:44px;height:44px;margin-left:-14px;margin-right:-14px;flex-shrink:0;border:0;background:none;color:#171717;font-size:19px }
.hd-ac-panel { background:#fff;border-radius:20px;padding:24px 20px;box-shadow:0 5px 12px #23201314;margin-bottom:12px }
.hd-ac h2 { margin:0 0 16px;font-size:20px;font-weight:700;line-height:1.5 }
.hd-ac-muted { color:#92928e;font-size:14px;line-height:1.8;margin:0 0 35px }
.hd-ac-button,.hd-ac-modal .hd-ac-button { width:100%;display:flex;align-items:center;justify-content:center;min-height:50px;border:1px solid #ff2e20;border-radius:7px;background:#ff2e20;color:#fff;padding:11px 18px;font-size:16px;font-weight:700;line-height:1.4;text-decoration:none }
.hd-ac-button:hover,.hd-ac-modal .hd-ac-button:hover { background:#e9271b;border-color:#e9271b;transform:none }
.hd-ac-button--secondary,.hd-ac-modal .hd-ac-button--secondary { color:#171717;background:#fff;border-color:#a9a9a5;font-weight:600 }
.hd-ac-button--secondary:hover,.hd-ac-modal .hd-ac-button--secondary:hover { background:#f8f7f2;border-color:#777 }
.hd-ac-button+.hd-ac-button,.hd-ac-modal .hd-ac-button+.hd-ac-button { margin-top:10px }
.hd-ac-button:disabled,.hd-ac-modal .hd-ac-button:disabled { cursor:wait;opacity:.65 }
.hd-ac :focus-visible,.hd-ac-modal :focus-visible { outline:2px solid #ff2e20;outline-offset:3px }
.hd-ac-demo-note { color:#8c8c87;font-size:13px;line-height:1.75;margin:18px 0 0 }
.hd-ac-field { display:flex;flex-direction:column;gap:7px;min-width:0;margin:0 0 18px }
.hd-ac-field>span { font-size:15px;font-weight:600;line-height:1.5 }
.hd-ac-field input,.hd-ac-field select { width:100%;min-width:0;height:50px;border:1px solid #d7d7d0;border-radius:10px;background:#faf8f1;color:#171717;font:inherit;font-size:16px;line-height:1.5;padding:11px 13px;box-shadow:none }
.hd-ac-form-row { display:grid;grid-template-columns:1fr 1fr;gap:12px }
.hd-ac-form>.hd-ac-button[type=submit] { margin-top:26px }
.hd-ac-form>h2 { margin-bottom:32px }
.hd-ac-avatar-row { display:flex;align-items:center;gap:16px;margin:6px 8px 26px }
.hd-ac-avatar { width:60px;height:60px;border-radius:50%;overflow:hidden;display:flex;align-items:center;justify-content:center;font-size:60px;line-height:1 }
.hd-ac-avatar img { width:100%;height:100%;object-fit:cover }
.hd-ac-icon-button { width:40px;height:40px;background:#fff;border:1px solid #f0f0ed;border-radius:50%;display:grid;place-items:center;font-size:18px;cursor:pointer }
.hd-ac-avatar-edit { position:relative;margin-left:auto;width:44px;height:44px;flex-shrink:0 }
.hd-ac-avatar-edit input { position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer }
.hd-ac-avatar-edit:focus-within { outline:2px solid #ff2e20;outline-offset:3px }
.hd-ac-tabs { display:flex;border-bottom:1px solid #e7e7e4;gap:32px;margin:0 0 35px }
.hd-ac-tabs>button { border:0;border-bottom:3px solid transparent;background:none;color:#171717;min-width:94px;padding:10px 14px;font-size:16px;font-weight:600;margin-bottom:-1px }
.hd-ac-tabs>button.is-active { color:#ff2e20;border-bottom-color:#ff2e20 }
.hd-ac-empty { display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:200px;gap:12px;color:#8c8c87;text-align:center }
.hd-ac-empty>.bi { font-size:35px;color:#b6b6af }
.hd-ac-empty p { margin:0 0 10px }
.hd-ac-empty .hd-ac-button { width:auto;min-width:180px }
.hd-ac-coin { display:inline-block;object-fit:contain;vertical-align:middle;flex-shrink:0 }
.hd-ac-wallet-card { width:460px;max-width:100%;min-height:280px;margin:0 auto;position:relative;display:flex;flex-direction:column;align-items:center;padding:28px 24px;background:#ff2e20;border:6px solid #171717;border-radius:20px;color:#fff;box-shadow:inset 0 0 0 2px #ff8d78 }
.hd-ac-wallet-card>span:first-of-type { font-size:16px;margin-bottom:7px }
.hd-ac-wallet-card>strong { font-size:56px;line-height:1.3;font-weight:700;font-variant-numeric:tabular-nums }
.hd-ac-wallet-card>strong small { font-size:22px }
.hd-ac-wallet-status { font-size:13px;opacity:.7 }
.hd-ac-wallet-card .hd-ac-button { width:250px;max-width:100%;min-height:48px;background:#171717;border-color:#171717;color:#fff;border-radius:22px;margin-top:36px }
.hd-ac-wallet-corner-coin { position:absolute;top:12px;left:12px }
.hd-ac-wallet-brand { font-size:12px;position:absolute;bottom:7px;right:10px;color:#171717 }
.hd-ac-wallet-help { display:flex;align-items:center;justify-content:center;gap:5px;border:0;background:none;color:#898984;font-size:14px;margin:25px auto 35px }
.hd-ac-wallet-help>.bi { color:#ff2e20 }
.hd-ac-ledger { padding:34px 40px }
.hd-ac-ledger h2 { font-size:24px;margin-bottom:22px }
.hd-ac-ledger-list { display:grid;gap:10px }
.hd-ac-ledger-row { display:flex;align-items:center;gap:16px;padding:15px 18px;border:1px solid #f0f0ed;border-radius:12px;min-height:88px }
.hd-ac-ledger-icon { display:grid;place-items:center;flex-shrink:0;width:50px;height:50px;border-radius:50%;background:#f5f4ed;color:#777;font-size:25px }
.hd-ac-ledger-icon.is-earned { background:#fdf0ed }
.hd-ac-ledger-row>div { display:flex;flex-direction:column;gap:4px;min-width:0;overflow-wrap:anywhere }
.hd-ac-ledger-row>div strong { font-size:16px;font-weight:600 }
.hd-ac-ledger-row>div span { font-size:13px;color:#999 }
.hd-ac-ledger-row>b { margin-left:auto;font-size:29px;font-weight:700;color:#6f6f68;white-space:nowrap;font-variant-numeric:tabular-nums }
.hd-ac-ledger-row .is-earned { color:#ff5148 }
.hd-ac-topup-panel { padding:36px 40px 40px }
.hd-ac-topup-intro,.hd-ac-topup-promo { font-size:14px;margin:0 0 3px;font-weight:600;line-height:1.7 }
.hd-ac-topup-promo { color:#ff2e20 }
.hd-ac-packages { display:grid;gap:10px;margin:36px 0 40px }
.hd-ac-package { position:relative;display:flex;align-items:center;gap:14px;width:100%;min-height:90px;padding:14px 18px;border:1px solid #d6d6d0;border-radius:10px;background:#faf8f1;text-align:left;color:#171717 }
.hd-ac-package.is-selected { border-color:#ff2e20 }
.hd-ac-package .hd-ac-coin { width:46px;height:46px }
.hd-ac-package-points { font-size:32px;font-weight:700 }
.hd-ac-package-points small { font-size:16px }
.hd-ac-package-price { margin-left:auto;text-align:right;color:#ff2e20;font-size:26px;font-weight:700;line-height:1.4 }
.hd-ac-package-price small { display:block;color:#999;font-size:13px;font-weight:400 }
.hd-ac-package-check { position:absolute;right:-1px;top:-1px;border-radius:0 8px 0 5px;background:#ff2e20;color:#fff;font-size:17px;width:21px;height:21px;text-align:center }
.hd-ac-custom-package { display:flex;align-items:center;gap:18px;min-height:90px;padding:15px 18px;border:1px solid #d6d6d0;border-radius:10px;background:#faf8f1 }
.hd-ac-custom-package>span { font-size:25px;font-weight:600 }
.hd-ac-custom-package>input { width:100%;min-width:0;border:0;background:none;font-size:18px;padding:10px;color:#171717 }
.hd-ac-custom-package>input::placeholder { color:#999 }
.hd-ac-success { margin:0 auto;max-width:400px;text-align:center;padding-top:0 }
.hd-ac-success>h1 { font-size:32px;font-weight:700;margin:0 0 10px }
.hd-ac-success>p { font-size:15px;color:#888;margin:0 0 36px }
.hd-ac-success .hd-ac-demo-note { margin-top:18px;font-size:13px }
.hd-ac-balance-change { display:flex;align-items:center;justify-content:space-around;gap:20px;background:#fff;border:1px solid #d9d9d3;border-radius:5px;min-height:50px;margin-bottom:10px;color:#777;font-size:16px }
.hd-ac-balance-change span,.hd-ac-balance-change strong { display:flex;align-items:center;gap:5px }
.hd-ac-balance-change strong { color:#ff2e20 }
.hd-ac-balance-change .hd-ac-coin { width:19px;height:19px }
.hd-ac--wallet-success .hd-ac-heading,.hd-ac--shipping-success .hd-ac-heading { margin-bottom:0;min-height:45px }
.hd-ac--wallet-success::after,.hd-ac--shipping-success::after { content:"";display:block;height:1px;background:#d7d7d0;margin-top:100px }
.hd-ac-address-panel { padding:26px 20px }
.hd-ac-addresses { display:grid;gap:10px;margin-bottom:40px }
.hd-ac-address-empty { display:flex;align-items:center;justify-content:center;border:2px dashed #dadad5;border-radius:12px;color:#888;min-height:62px;margin:20px 0 }
.hd-ac-address-card { border:1px solid #d7d7d0;border-radius:11px;padding:16px 18px }
.hd-ac-address-card p { font-size:14px;margin:6px 0;overflow-wrap:anywhere }
.hd-ac-address-card .hd-ac-address-recipient { font-size:17px;font-weight:600;margin-top:14px }
.hd-ac-address-choice { display:flex;align-items:center;gap:8px;font-size:14px;color:#999;cursor:pointer }
.hd-ac-address-choice:has(input:checked) { color:#ff5148;font-weight:600 }
.hd-ac-address-choice input { accent-color:#ff5148;width:19px;height:19px;margin:0 }
.hd-ac-address-card footer { display:flex;justify-content:flex-end;gap:28px;border-top:1px solid #d7d7d0;margin-top:16px;padding-top:12px }
.hd-ac-address-card footer button { border:0;padding:0;background:none;min-height:44px;font-size:14px;font-weight:600;display:flex;align-items:center;gap:7px;color:#222 }
.hd-ac-address-card footer .bi { font-size:16px }
.hd-ac--orders>.hd-ac-tabs { width:500px;max-width:100%;justify-content:center;margin:40px auto }
.hd-ac-order-grid { display:grid;grid-template-columns:1fr 1fr;gap:12px }
.hd-ac-order-card { background:#fff;border:1px solid #dadad4;border-radius:10px;overflow:hidden;min-width:0 }
.hd-ac-order-card>header { display:flex;justify-content:space-between;align-items:center;gap:12px;padding:10px 16px;border-bottom:1px solid #d7d7d0;font-size:13px;color:#999;overflow-wrap:anywhere }
.hd-ac-order-card>header strong { color:#f5554a;font-weight:600;flex-shrink:0 }
.hd-ac-order-card-items { padding:14px 18px 0 }
.hd-ac-order-item { display:flex;gap:24px;align-items:flex-start;min-width:0 }
.hd-ac-order-item>img,.hd-ac-order-image-empty { width:86px;height:122px;object-fit:contain;flex-shrink:0 }
.hd-ac-order-image-empty { display:grid;place-items:center;color:#aaa;font-size:40px }
.hd-ac-order-item>div { min-width:0;padding:0 0 2px }
.hd-ac-order-item h3 { font-size:18px;font-weight:600;line-height:1.5;margin:0 0 9px;overflow-wrap:anywhere }
.hd-ac-order-item p { font-size:14px;color:#a1a19b;margin:4px 0 }
.hd-ac-order-item strong { display:flex;align-items:center;gap:4px;font-size:18px;margin-top:15px }
.hd-ac-order-item .hd-ac-coin { width:20px;height:20px }
.hd-ac-order-thumbnails { display:flex;gap:35px;min-height:122px;overflow:hidden }
.hd-ac-order-thumbnails img { width:86px;height:122px;object-fit:contain }
.hd-ac-order-card-footer { border-top:1px solid #d7d7d0;margin:15px 18px 0;padding:14px 0 18px;position:relative }
.hd-ac-order-card-footer>strong { display:flex;align-items:center;gap:5px;font-size:18px }
.hd-ac-order-card-footer p { font-size:14px;color:#999;margin:16px 0 2px }
.hd-ac-order-card-footer>small { font-size:13px;color:#999 }
.hd-ac-order-card-footer .hd-ac-button { position:absolute;right:0;bottom:18px;width:130px;min-height:44px;font-size:14px;padding:8px 10px }
.hd-ac-order-summary { padding:20px }
.hd-ac-order-status { display:flex;gap:20px;align-items:center;background:#151515;color:#fff;padding:24px 20px;border-radius:10px;min-height:100px }
.hd-ac-order-status>.bi { font-size:40px;line-height:1 }
.hd-ac-order-status>div { display:flex;flex-direction:column;gap:9px }
.hd-ac-order-status strong { font-size:18px;font-weight:700 }
.hd-ac-order-status span { font-size:13px }
.hd-ac-order-address { display:flex;align-items:center;gap:22px;padding:18px 20px }
.hd-ac-order-address>.bi { font-size:28px }
.hd-ac-order-address strong { font-size:16px;font-weight:600 }
.hd-ac-order-address p { font-size:14px;line-height:1.7;margin:5px 0 0 }
.hd-ac-order-item-list { border:1px solid #dadad3;border-radius:10px;background:#faf8f1;padding:18px 20px }
.hd-ac-order-item-list .hd-ac-order-item+.hd-ac-order-item { border-top:1px solid #d6d6d0;padding-top:20px;margin-top:20px }
.hd-ac-order-totals { padding:12px 20px }
.hd-ac-order-totals p,.hd-ac-order-meta p { display:flex;justify-content:space-between;gap:15px;align-items:center;margin:12px 0 22px;color:#999;font-size:14px }
.hd-ac-order-totals b,.hd-ac-order-meta b { color:#171717;font-size:15px;font-weight:600;text-align:right;overflow-wrap:anywhere }
.hd-ac-order-totals .hd-ac-order-total { justify-content:flex-end;border-top:1px solid #eee;margin:36px 0 0;padding:16px 0 2px;color:#ff5148 }
.hd-ac-order-total b { color:#ff5148;font-size:18px;font-weight:700 }
.hd-ac-logistics { padding:26px 20px }
.hd-ac-logistics h2 { font-size:18px;margin-bottom:20px }
.hd-ac-timeline { border-left:1px solid #ff5148;margin-left:5px;padding-left:20px }
.hd-ac-timeline>strong { font-size:15px;font-weight:600 }
.hd-ac-timeline>p,.hd-ac-timeline>span { color:#999;font-size:13px;margin:8px 0 0 }
.hd-ac-order-meta { padding:12px 20px }
.hd-ac-order-meta p:last-child { margin-bottom:12px }
.hd-ac-order-meta+.hd-ac-button { margin-top:28px }
.hd-ac-coupons { min-height:630px;padding:6px 20px 24px }
.hd-ac-coupons>.hd-ac-tabs { margin-bottom:30px }
.hd-ac-coupons>.hd-ac-tabs>button { min-width:95px }
.hd-ac-coupon { background:#f9eeee;border-radius:22px;padding:12px 18px 10px;margin-bottom:10px }
.hd-ac-coupon-top { display:flex;align-items:center;gap:20px;padding:0 0 14px }
.hd-ac-coupon-value { display:flex;flex-direction:column;flex-shrink:0 }
.hd-ac-coupon-value strong { color:#ff2e20;font-size:36px;line-height:1.3;text-align:center }
.hd-ac-coupon-value small { font-size:14px }
.hd-ac-coupon-value span { font-size:13px }
.hd-ac-coupon-copy { flex:1;min-width:0 }
.hd-ac-coupon-copy h2 { font-size:18px;font-weight:700;white-space:normal;overflow-wrap:anywhere;margin:0 0 6px }
.hd-ac-coupon-copy p { color:#999;font-size:13px;margin:0 }
.hd-ac-coupon-top>button { flex-shrink:0;border:0;border-radius:24px;min-height:44px;padding:9px 18px;background:#ff2e20;color:#fff;font-size:14px;font-weight:700 }
.hd-ac-coupon details { border-top:1px solid #ded5d5;padding-top:8px;color:#999;font-size:13px }
.hd-ac-coupon summary { display:flex;justify-content:space-between;align-items:center;list-style:none;cursor:pointer }
.hd-ac-coupon summary::-webkit-details-marker { display:none }
.hd-ac-coupon details[open] summary .bi { transform:rotate(180deg) }
.hd-ac-coupon details p { margin:12px 0 6px;line-height:1.8 }
.hd-ac-coupon.is-expired { background:#eae9e1 }
.hd-ac-coupon.is-expired .hd-ac-coupon-value strong,.hd-ac-coupon.is-expired h2 { color:#74746e }
.hd-ac-coupon-top>.bi { font-size:55px;color:#d6d5ce;line-height:1 }
.hd-ac-help { padding:30px }
.hd-ac-help details { border:1px solid #e8e8e4;border-radius:10px;overflow:hidden;margin-bottom:10px }
.hd-ac-help details:last-child { margin-bottom:10px }
.hd-ac-help summary { display:flex;align-items:center;gap:15px;padding:17px 15px;min-height:59px;list-style:none;cursor:pointer }
.hd-ac-help summary::-webkit-details-marker { display:none }
.hd-ac-help summary>b { color:#ff5148;font-size:18px }
.hd-ac-help summary>strong { font-size:17px }
.hd-ac-help summary>.bi { margin-left:auto;font-size:16px }
.hd-ac-help details[open] summary>.bi { transform:rotate(180deg) }
.hd-ac-help details>div { display:flex;gap:17px;border-top:1px solid #d7d7d0;background:#faf8f1;padding:18px 15px;font-size:15px;line-height:1.8 }
.hd-ac-help details>div>b { font-size:17px;color:#8f8f87 }
.hd-ac-help details>div>p { margin:0 }
.hd-ac-legal { padding:28px 30px;font-size:15px;line-height:2 }
.hd-ac-legal section { margin-bottom:32px }
.hd-ac-legal section:last-child { margin-bottom:8px }
.hd-ac-legal h2 { font-size:18px;margin:0 0 8px }
.hd-ac-legal p { margin:0 }
.hd-ac-messages { padding:0 30px }
.hd-ac-message { display:flex;align-items:flex-start;gap:20px;padding:30px 0;border-bottom:1px solid #ecece8 }
.hd-ac-message:last-child { border-bottom:0 }
.hd-ac-message>img { width:60px;height:60px;object-fit:contain;flex-shrink:0;border-radius:50% }
.hd-ac-message>div { min-width:0 }
.hd-ac-message header { display:flex;align-items:center;gap:20px;margin:6px 0 22px }
.hd-ac-message header strong { font-size:17px;font-weight:600 }
.hd-ac-message header time,.hd-ac-message header span { font-size:13px;color:#aaa }
.hd-ac-message h2 { font-size:17px;font-weight:700;margin:0 0 14px;color:#ff5148 }
.hd-ac-message p { font-size:15px;line-height:1.8;white-space:pre-line;margin:0 0 14px }
.hd-ac-text-link { border:0;background:none;color:#ff2e20;padding:0;font-size:14px;font-weight:600 }
.hd-ac-modal-open { overflow:hidden }
.hd-ac-modal { position:fixed;inset:0;z-index:1300;display:flex;align-items:center;justify-content:center;background:#0008;padding:24px }
.hd-ac-modal-box { width:440px;max-width:100%;max-height:calc(100dvh - 48px);overflow:auto;background:#fff;border-radius:12px }
.hd-ac-modal-box>header { display:flex;align-items:center;justify-content:center;position:relative;border-bottom:1px solid #ecece8;min-height:60px;padding:15px 45px }
.hd-ac-modal-box h2 { font-size:24px;line-height:1.4;margin:0;font-weight:700 }
.hd-ac-modal-close { position:absolute;right:5px;top:8px;display:grid;place-items:center;width:44px;height:44px;border:0;background:none;color:#999;font-size:14px }
.hd-ac-modal-body { padding:20px }
.hd-ac-modal-copy { font-size:15px;color:#888;line-height:1.8;margin:18px 0 20px }
.hd-ac-payment-hero { display:flex;align-items:center;flex-direction:column;gap:10px;margin:8px 0 24px }
.hd-ac-payment-hero .hd-ac-coin { width:100px;height:100px }
.hd-ac-payment-hero strong { font-size:30px;font-weight:700;font-variant-numeric:tabular-nums }
.hd-ac-payment-price { background:#f4f4f4;border-radius:4px;padding:12px 15px }
.hd-ac-payment-price b { display:block;font-size:20px;font-weight:700 }
.hd-ac-payment-price span { color:#999;font-size:13px }
/* Codepoints from the existing Bootstrap Icons font. */
.hd-ac .bi-pencil-square::before { content:"\f4ca" }
.hd-ac .bi-trash::before { content:"\f5de" }
.hd-ac .bi-chevron-down::before { content:"\f282" }
.hd-ac .bi-arrow-up::before { content:"\f148" }
.hd-ac .bi-arrow-down::before { content:"\f128" }
.hd-ac .bi-truck::before { content:"\f5ea" }
.hd-ac .bi-geo-alt::before { content:"\f3e8" }
.hd-ac .bi-check2-circle::before { content:"\f270" }
.hd-ac .bi-info-circle::before { content:"\f431" }
.hd-ac .bi-inbox::before { content:"\f42d" }
.hd-ac .bi-check-lg::before { content:"\f633" }
.hd-ac .bi-slash-circle::before { content:"\f567" }
@media (max-width:759px) {
  .hd-ac { padding-top:28px;padding-bottom:95px;width:calc(100% - 30px) }
  .hd-ac-heading { margin-bottom:24px;gap:10px }
  .hd-ac-heading h1 { font-size:24px }
  .hd-ac-panel { border-radius:16px;padding:20px 16px }
  .hd-ac-form .hd-ac-field { margin-bottom:15px }
  .hd-ac-field input,.hd-ac-field select { font-size:16px }
  .hd-ac-form-row { gap:10px }
  .hd-ac-avatar-row { margin:2px 2px 24px }
  .hd-ac-tabs { gap:10px;margin-bottom:24px }
  .hd-ac-tabs>button { min-width:80px;font-size:16px;padding:9px 12px }
  .hd-ac-wallet-card { min-height:240px;padding:20px }
  .hd-ac-wallet-card>strong { font-size:clamp(32px,8vw,44px) }
  .hd-ac-wallet-card .hd-ac-button { margin-top:24px }
  .hd-ac-ledger-row { gap:9px;padding:12px 10px;min-height:80px }
  .hd-ac-ledger-row>div strong { font-size:15px }
  .hd-ac-ledger-row>b { font-size:24px }
  .hd-ac-ledger-icon { width:35px;height:35px;font-size:21px }
  .hd-ac-ledger-row>div span { font-size:12px }
  .hd-ac-ledger h2 { font-size:21px }
  .hd-ac-packages { margin:28px 0;gap:9px }
  .hd-ac-package { min-height:80px;padding:12px;gap:8px }
  .hd-ac-package .hd-ac-coin { width:35px;height:35px }
  .hd-ac-package-points { font-size:25px }
  .hd-ac-package-points small { font-size:13px }
  .hd-ac-package-price { font-size:21px }
  .hd-ac-custom-package { min-height:80px;padding:12px }
  .hd-ac-custom-package>input { font-size:16px }
  .hd-ac-success { padding-top:25px }
  .hd-ac-success>h1 { font-size:28px }
  .hd-ac-address-card { padding:14px }
  .hd-ac-addresses { margin-bottom:28px }
  .hd-ac-address-card .hd-ac-address-recipient { font-size:16px }
  .hd-ac-order-grid { grid-template-columns:1fr }
  .hd-ac--orders>.hd-ac-tabs { margin:20px auto 25px }
  .hd-ac-order-item { gap:16px }
  .hd-ac-order-item>img,.hd-ac-order-image-empty { width:72px;height:103px }
  .hd-ac-order-item h3 { font-size:17px }
  .hd-ac-order-item p { font-size:14px }
  .hd-ac-order-status { padding:20px 16px;gap:14px }
  .hd-ac-order-status>.bi { font-size:35px }
  .hd-ac-order-address { gap:12px;padding:18px 2px }
  .hd-ac-order-address strong { font-size:15px }
  .hd-ac-order-item-list { padding:16px 12px }
  .hd-ac-order-meta b { font-size:14px }
  .hd-ac-coupons { min-height:520px }
  .hd-ac-coupon { padding:12px }
  .hd-ac-coupon-top { gap:12px }
  .hd-ac-coupon-value strong { font-size:30px }
  .hd-ac-coupon-value span { font-size:12px }
  .hd-ac-coupon-copy h2 { font-size:16px }
  .hd-ac-coupon-copy p { font-size:13px }
  .hd-ac-coupon-top>button { min-height:44px;font-size:14px;padding:8px 12px }
  .hd-ac-coupon-top>.bi { font-size:40px }
  .hd-ac-help summary { gap:10px;padding:14px 12px }
  .hd-ac-help summary>strong { font-size:16px }
  .hd-ac-help details>div { padding:15px 12px;gap:10px }
  .hd-ac-legal { font-size:15px;line-height:1.8 }
  .hd-ac-message { gap:12px;padding:24px 0 }
  .hd-ac-message>img { width:42px;height:42px }
  .hd-ac-message header { gap:8px;flex-wrap:wrap;margin-top:0;margin-bottom:15px }
  .hd-ac-message header strong { font-size:16px }
  .hd-ac-message header time,.hd-ac-message header span { font-size:12px }
  .hd-ac-message p { font-size:15px }
  .hd-ac-modal { padding:20px }
  .hd-ac-modal-box { max-height:calc(100dvh - 40px) }
  .hd-ac-modal-body { padding:18px }
  .hd-ac-modal-box h2 { font-size:22px }
}

@media (max-width:599px) {
  .hd-ac-message { position:relative;display:block }
  .hd-ac-message>img { position:absolute;top:24px;left:0 }
  .hd-ac-message header { min-height:42px;padding-left:54px }
  .hd-ac-coupon-top { display:grid;grid-template-columns:88px minmax(0,1fr);gap:8px 12px }
  .hd-ac-coupon-value { grid-column:1;grid-row:1/3 }
  .hd-ac-coupon-copy { grid-column:2;grid-row:1 }
  .hd-ac-coupon-top>button,.hd-ac-coupon-top>.bi { grid-column:2;grid-row:2;justify-self:start }
}

@media (max-width:359px) {
  .hd-ac-balance-change { gap:8px;padding-inline:10px }
  .hd-ac-order-card-footer .hd-ac-button { position:static;width:100%;margin-top:12px; }
}