/* A-style ticket cards share the same hierarchy in the wallet and checkout.
   Body text wraps within the card; the single action stays at the right at every viewport. */
.customer-coupon-card{--coupon-accent:#b74735;position:relative;display:grid;grid-template-columns:minmax(0,1fr) 86px;gap:0;border:1px solid #e2d6c4;border-radius:14px;margin:12px 0;background:#fffdf8;color:#293b33;overflow-wrap:anywhere;box-shadow:0 3px 12px #6b412008;min-width:0}
.customer-coupon-body{min-width:0;min-height:100px;padding:8px 16px}
.customer-coupon-benefit{display:block;font-size:40px;font-weight:800;line-height:1.08;letter-spacing:-1px;color:var(--coupon-accent);margin:0 0 8px}
.customer-coupon-card[data-shipping=true] .customer-coupon-benefit{font-size:27px;letter-spacing:-.5px}
.customer-coupon-details{min-width:0}
.customer-coupon-card h4,.customer-coupon-card p{margin:4px 0;font-size:11px;line-height:1.5;font-weight:400}
.customer-coupon-card .customer-coupon-minimum{font-size:17px;line-height:1.35;font-weight:700;margin:0 0 6px;color:#293b33}
.customer-coupon-card .customer-coupon-scope{font-size:12px;color:#546451}
.customer-coupon-card .customer-coupon-cap{display:inline-block;padding:2px 8px;border-radius:20px;background:#f5e4c6;color:#74501d;font-size:12px;font-weight:700;margin:2px 0 5px}
.customer-coupon-card h4{color:#647065}
.customer-coupon-title{display:flex;flex-wrap:wrap;align-items:baseline;gap:2px 4px;margin:5px 0}
.customer-coupon-title h4{margin:0;min-width:0}
.customer-coupon-source{max-width:100%;color:#55674f;font-size:10px;font-weight:600}
.customer-coupon-card small{display:block;font-size:10px;line-height:1.5;color:#687166}
/* Referral-only hierarchy; shared coupon, checkout and account-home layouts stay intact. */
#customerRewardsPanel{display:grid;gap:18px}
#customerRewardsPanel h3{margin:0;font-size:16px;line-height:1.4}
#customerRewardsPanel .referral-hero{padding:10px 20px;border:1px solid #d9e3d7;border-radius:18px;background:linear-gradient(135deg,#edf2e8,#f9f6ec);color:#293b33}
#customerRewardsPanel .referral-eyebrow{margin:0 0 16px;font-size:15px;font-weight:700;letter-spacing:1px;text-align:center}
.referral-benefits{display:grid;gap:14px}
.referral-benefits>div+div{border-top:1px solid #d6dfd0;padding-top:14px}
#customerRewardsPanel .referral-benefit-label{font-size:12px;color:#52644f;margin:0 0 3px}
#customerRewardsPanel .referral-benefits>div:first-child>.referral-benefit-label{margin-top:-10px}
#customerRewardsPanel .referral-benefits>div:nth-child(2)>.referral-benefit-label{margin-top:-5px}
.referral-benefits strong{display:block;font-size:23px;line-height:1.4;letter-spacing:-.4px}
#customerRewardsPanel .referral-benefit-note{margin:4px 0 0;color:#596953;font-size:12px;line-height:1.5}
#customerRewardsPanel .referral-benefits>div:first-child>.referral-benefit-note{margin-top:3px;margin-bottom:-5px}
.referral-code-card{display:grid;gap:10px}
.referral-code-row{display:flex;align-items:center;gap:8px;padding:8px 10px 8px 14px;background:#fffefa;border:1px solid #cdd8c9;border-radius:12px;min-width:0}
.referral-code-row code{flex:1;min-width:0;font:700 21px/1.4 Arial, sans-serif;letter-spacing:.7px;color:#263e31;user-select:all;overflow-wrap:anywhere}
#customerAccountDialog #customerRewardsPanel .referral-copy{flex:none;width:64px;padding:8px 5px;font-size:13px;font-weight:700;border-color:#ced9c9;background:#eef3e9;color:#334f3b}
#customerAccountDialog #customerRewardsPanel .referral-share{width:100%;border-radius:12px;background:#293f32;border-color:#293f32;color:#fffefa;font-size:15px;font-weight:700;min-height:46px}
.referral-share-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
#customerAccountDialog #customerRewardsPanel .referral-copy-invitation{width:100%;min-width:0;min-height:46px;padding:8px 4px;border-radius:12px;border-color:#cdd8c9;background:#eef3e9;color:#334f3b;font-size:14px;font-weight:700}
#customerRewardsPanel .referral-action-status{margin:0;font-size:12px;line-height:1.5;color:#52644f;overflow-wrap:anywhere}
.referral-action-status:empty{display:none}
/* A separate top-layer dialog keeps the guide above the scrollable account panel. */
dialog.referral-wechat-guide{position:fixed;inset:0;width:100%;height:100%;max-width:none;max-height:none;margin:0;padding:calc(112px + env(safe-area-inset-top,0px)) max(20px,env(safe-area-inset-right,0px)) 24px max(20px,env(safe-area-inset-left,0px));border:0;border-radius:0;background:transparent;color:#fffdf8;box-shadow:none;overflow:auto}
dialog.referral-wechat-guide::backdrop{background:rgba(15,27,21,.86)}
.referral-guide-arrow{position:absolute;top:calc(8px + env(safe-area-inset-top,0px));right:max(16px,env(safe-area-inset-right,0px));width:90px;height:90px;fill:none;stroke:#f5d59b;stroke-width:5;stroke-linecap:round;stroke-linejoin:round;pointer-events:none}
.referral-guide-content{max-width:340px;margin-left:auto;text-align:right}
.referral-guide-content>p{font-size:20px;line-height:1.7;font-weight:700;margin:0 0 16px}
.referral-guide-content>p>span{display:block}
.referral-guide-content>.referral-guide-note{font-size:13px;font-weight:400;color:#e3e8df}
dialog.referral-wechat-guide button{min-height:44px;padding:10px 22px;border:1px solid #e3e8df;border-radius:10px;background:#fffdf8;color:#293f32;font-size:14px;cursor:pointer}
dialog.referral-wechat-guide button:focus-visible{outline:3px solid #f5d59b;outline-offset:4px}
.referral-section-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}
.referral-section-heading>span{font-size:12px;color:#667561}
.referral-empty{display:grid;justify-items:center;gap:8px;padding:22px 24px;border:1px dashed #d9dfd1;border-radius:14px;background:#faf9f2;text-align:center}
.referral-empty-icon{font-size:29px;line-height:1.2}
.referral-empty strong{font-size:14px}
#customerRewardsPanel .referral-empty p{max-width:240px;font-size:13px;line-height:1.7;color:#687462;margin:0}
.referral-history-list{list-style:none;margin:0;padding:0;border:1px solid #e0e3d7;border-radius:12px;overflow:hidden;background:#fffefa}
.referral-history-list li{display:grid;grid-template-columns:38px minmax(0,1fr) auto;gap:8px;align-items:center;padding:13px 10px;font-size:12px;line-height:1.5}
.referral-history-list li+li{border-top:1px solid #eceee5}
.referral-history-list time{font-size:11px;color:#6e7968}
.referral-history-label{min-width:0;overflow-wrap:anywhere}
.referral-status{font-size:11px;padding:3px 6px;border-radius:6px;background:#f0f0e9;color:#646f60;white-space:nowrap}
[data-status=rewarded]>.referral-status{background:#e4efdf;color:#34572f}
[data-status=pending]>.referral-status{background:#f8eed7;color:#796024}
.referral-earned{border:1px solid #e0e3d7;border-radius:12px;padding:0 12px;background:#fffefa;min-width:0}
.referral-earned>summary{cursor:pointer;font-size:14px;font-weight:700;padding:12px 0;min-height:44px}
.referral-earned>h3{padding-top:8px}
.referral-rules{border-top:1px solid #e1e4d9;padding-top:16px}
.referral-rules>ul{list-style:none;padding:0;margin:10px 0;font-size:12px;line-height:1.8;color:#596953}
.referral-rules>ul li{position:relative;padding-left:20px;margin:4px 0}
.referral-rules>ul li:before{content:'✓';position:absolute;left:0;color:#4a7040;font-weight:700}
.referral-full-rules>summary{cursor:pointer;font-size:12px;color:#52644f;padding:10px 0;min-height:44px;margin-top:-15px}
.referral-full-rules>ul{padding:0 0 0 18px;margin:2px 0 0;font-size:12px;color:#65705e;line-height:1.8}
.referral-full-rules li{margin-bottom:8px}
#customerAccountDialog:has(#customerSignedIn:not([hidden]) #customerRewardsPanel:not([hidden]))>.customer-preview-note{display:none}
@media(max-width:360px){.referral-code-row code{font-size:18px;letter-spacing:0}.referral-benefits strong{font-size:21px}.referral-history-list li{gap:5px;padding:12px 8px}}
.customer-coupon-action{position:relative;display:flex;align-items:center;justify-content:center;padding:10px 8px;border-left:1px dashed #decbbb;min-width:0}
.customer-coupon-action:before,.customer-coupon-action:after{content:"";position:absolute;width:12px;height:6px;background:var(--paper,#f8f4e9);left:-6px;border:1px solid #e2d6c4}
.customer-coupon-action:before{top:-1px;border-top:0;border-radius:0 0 12px 12px}
.customer-coupon-action:after{bottom:-1px;border-bottom:0;border-radius:12px 12px 0 0}
#customerAccountDialog .customer-coupon-card button.customer-coupon-use{width:100%;min-height:44px;padding:9px 3px;border:1px solid #ff1a1a;border-radius:9px;background:#ff1a1a;color:#fff;font:600 12px Arial, sans-serif;white-space:nowrap}
#customerAccountDialog .customer-coupon-card button.is-claimable{background:#be4c38;border-color:#be4c38}
#customerAccountDialog .customer-coupon-card button.is-claimed{background:#ff1a1a;border-color:#ff1a1a;color:#fff}
#customerAccountDialog .customer-coupon-card button:disabled{background:#e8e9e2;color:#697166;border-color:#d9ded3;opacity:1;cursor:default}
.customer-coupon-card.is-selected{border:2px solid #b74735;background:#fff7ef;box-shadow:0 0 0 2px #b7473510}
.customer-coupon-card[data-status=available]:not(.is-unavailable){background:#ffcccc}
.customer-coupon-card.is-unavailable{background:#f4f3ed;border-color:#e0e1d9;box-shadow:none;--coupon-accent:#8c9288}
.customer-coupon-card.is-unavailable .customer-coupon-minimum{color:#737c71}
.customer-coupon-card.is-unavailable .customer-coupon-cap{background:#e8e8df;color:#717766}
.customer-coupon-card .customer-coupon-reason{color:#88513c;font-size:12px;margin-top:7px;font-weight:600}
.customer-coupon-history{margin-top:18px}
.customer-coupon-history>summary{font-size:13px;color:#65705e;cursor:pointer;padding:8px 0}
#customerCouponsPanel.customer-feature-note,#customerRewardsPanel.customer-feature-note{padding:0;border:0;background:transparent}
.customer-coupon-card{container-type:inline-size}
@container (min-width:360px){.customer-coupon-body{display:grid;grid-template-columns:minmax(80px,max-content) minmax(0,1fr);gap:12px;align-items:start}.customer-coupon-benefit{padding:0 14px;margin:20px 0;white-space:nowrap}.customer-coupon-card[data-shipping=true] .customer-coupon-benefit{font-size:24px;white-space:normal;max-width:108px}}
.customer-wallet-checkout{margin:24px 0;min-width:0}
#orderForm #promotionChoice[hidden],#orderForm #customerWalletCheckout[hidden],#customerWalletCheckout [hidden]{display:none!important}
.customer-wallet-checkout fieldset{border:0;padding:0;min-width:0;margin:-30px 0 0}
.customer-wallet-checkout legend{font-size:14px;font-weight:700}
.customer-wallet-checkout .customer-coupon-history>summary{margin-top:-30px;margin-bottom:-10px}
.customer-wallet-checkout .customer-coupon-history{margin-top:30px}
#orderForm .customer-wallet-checkout label{display:flex;gap:8px;align-items:center;margin:10px 0;font-size:13px}
#orderForm .customer-wallet-checkout input:is([type=radio],[type=checkbox]){width:16px;height:16px;flex:0 0 16px;margin:0;padding:0;accent-color:#b74735}
#orderForm .customer-coupon-action .customer-coupon-select{display:flex;flex-direction:column;gap:5px;width:100%;margin:0;padding:8px 2px;border:1px solid #a8b49e;border-radius:9px;min-height:48px;justify-content:center;background:#e6eddf;color:#45573e;font-size:12px;cursor:pointer;white-space:nowrap}
#orderForm .customer-coupon-select:has(:disabled){background:#e7e9e2;color:#747d70;border-color:#d6dbd0;cursor:default}
#orderForm .is-selected .customer-coupon-select{background:#b74735;color:white;border-color:#b74735}
.customer-wallet-rules{margin-left:8px;font-size:11px;font-weight:400;line-height:1.5;color:#687166}
#orderForm .customer-coupon-toggle{display:block;min-height:0;height:35px;padding:0;margin:-10px 0 -15px;border:0;background:transparent;color:#65705e;font:inherit;font-size:13px;text-align:left;cursor:pointer}
#orderForm .customer-coupon-toggle>span{display:list-item;list-style-position:inside;list-style-type:disclosure-closed;counter-increment:list-item 0}
#orderForm .customer-coupon-toggle[aria-expanded=true]>span{list-style-type:disclosure-open}
@media(min-width:781px){
  .customer-wallet-checkout[data-available-collapsed=true]{padding-bottom:12px}
  .customer-wallet-checkout .customer-coupon-history .customer-coupon-body{margin-bottom:-10px}
  #orderForm #customerWalletCheckout:not([hidden])+#promotionChoice>label{margin-top:-25px}
}
@media(max-width:780px){.customer-wallet-checkout{margin-top:12px}.customer-wallet-checkout fieldset{margin-top:-8px}.customer-wallet-checkout .customer-coupon-history{margin-top:18px}.customer-wallet-checkout .customer-coupon-history>summary{margin-top:-8px;margin-bottom:0}}
@media(max-width:388px){.customer-coupon-card{grid-template-columns:minmax(0,1fr) 76px}.customer-coupon-body{padding:8px 12px}.customer-coupon-benefit{font-size:36px}.customer-coupon-card[data-shipping=true] .customer-coupon-benefit{font-size:24px}.customer-coupon-card .customer-coupon-minimum{font-size:15px}.customer-coupon-action{padding:8px 6px}}

/* Shared wallet / checkout ticket presentation. Lifecycle state owns the visual
   treatment; cart eligibility only controls selection and its explanatory message. */
#customerAccountDialog:has(#customerCouponsPanel:not([hidden])){background:#fffcf6;color:#4b291b}
#customerCouponsPanel .customer-coupon-heading{display:flex;align-items:center;gap:4px;min-height:44px;margin:0;color:#4b291b;font-size:15px}
:is(#customerCouponsPanel,#customerWalletCheckout) .customer-coupon-count{color:#c43d29;font-size:13px;white-space:nowrap}
:is(#customerCouponsPanel,#customerWalletCheckout) .customer-wallet-ticket{grid-template-columns:minmax(90px,25%) minmax(0,1fr);align-items:center;gap:0;min-height:112px;margin:0 0 12px;padding:12px 14px 12px 8px;border-color:#ffc3b5;border-radius:11px;background:#ffede8;box-shadow:0 3px 10px #d8442510;color:#4b291b;--coupon-accent:#bc321e}
#customerCouponsPanel>.customer-wallet-ticket{padding-block:0;margin-bottom:0}
#customerCouponsPanel>.customer-wallet-ticket+.customer-wallet-ticket{margin-top:5px}
:is(#customerCouponsPanel,#customerWalletCheckout) .customer-wallet-ticket::before,:is(#customerCouponsPanel,#customerWalletCheckout) .customer-wallet-ticket::after{content:"";position:absolute;top:calc(50% - 9px);width:9px;height:18px;background:#fffcf6;border:1px solid #f2c6b8;pointer-events:none}
:is(#customerCouponsPanel,#customerWalletCheckout) .customer-wallet-ticket::before{left:0;border-left:0;border-radius:0 12px 12px 0}
:is(#customerCouponsPanel,#customerWalletCheckout) .customer-wallet-ticket::after{right:0;border-right:0;border-radius:12px 0 0 12px}
:is(#customerCouponsPanel,#customerWalletCheckout) .customer-coupon-body{display:contents}
:is(#customerCouponsPanel,#customerWalletCheckout) .customer-coupon-benefit{margin:0;padding:0 7px 0 0;font-size:44px;letter-spacing:-1.5px;white-space:normal;text-align:center;overflow-wrap:anywhere}
:is(#customerCouponsPanel,#customerWalletCheckout) .customer-coupon-flourish{display:block;margin-top:8px;color:#d98568;font-size:10px;font-style:italic;font-weight:500;line-height:1.3;letter-spacing:0;white-space:pre-line;transform:rotate(-6deg)}
:is(#customerCouponsPanel,#customerWalletCheckout) [data-shipping=true] .customer-coupon-benefit{font-size:22px;letter-spacing:0}
:is(#customerCouponsPanel,#customerWalletCheckout) .customer-coupon-details{padding-left:14px;border-left:1px dashed #efc7b6}
:is(#customerCouponsPanel,#customerWalletCheckout) .customer-coupon-minimum{margin:0 0 5px;color:#4b291b;font-size:16px;line-height:1.4;padding-right:28px}
:is(#customerCouponsPanel,#customerWalletCheckout) .customer-coupon-minimum b{color:var(--coupon-accent);font-size:20px}
:is(#customerCouponsPanel,#customerWalletCheckout) .customer-wallet-ticket:not(.is-wallet-inactive) .customer-coupon-cap{background:#f5e4c6;color:#74501d}
:is(#customerCouponsPanel,#customerWalletCheckout) .customer-coupon-summary{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px;align-items:center}
:is(#customerCouponsPanel,#customerWalletCheckout) .customer-coupon-summary>div{min-width:0}
:is(#customerCouponsPanel,#customerWalletCheckout) .customer-coupon-title{display:block;margin:0 0 4px;line-height:1.5}
:is(#customerCouponsPanel,#customerWalletCheckout) .customer-coupon-title h4{display:inline;color:#a2442e;font-size:11px}
:is(#customerCouponsPanel,#customerWalletCheckout) .customer-coupon-source{font-size:11px;color:#654536;font-weight:400}
:is(#customerCouponsPanel,#customerWalletCheckout) .customer-coupon-validity{color:#76695f;font-size:10px;margin:3px 0}
:is(#customerCouponsPanel,#customerWalletCheckout) .customer-coupon-scope{color:#805342;font-size:10px}
:is(#customerCouponsPanel,#customerWalletCheckout) .customer-coupon-details small{font-size:9px;color:#94877f;line-height:1.5;margin-top:3px}
:is(#customerCouponsPanel,#customerWalletCheckout) .customer-coupon-action{display:flex;flex-direction:column;gap:6px;padding:0;border:0;align-self:center}
:is(#customerCouponsPanel,#customerWalletCheckout) .customer-coupon-action::before,:is(#customerCouponsPanel,#customerWalletCheckout) .customer-coupon-action::after{display:none}
#customerAccountDialog #customerCouponsPanel .customer-coupon-use{width:auto;min-height:34px;padding:5px 10px;background:#e92235;border-color:#e92235;border-radius:10px;font-size:12px;color:#fff;white-space:nowrap}
:is(#customerCouponsPanel,#customerWalletCheckout) .customer-coupon-use::after{content:' ›';font-size:17px;line-height:1}
:is(#customerCouponsPanel,#customerWalletCheckout) .customer-coupon-action{position:relative}
:is(#customerCouponsPanel,#customerWalletCheckout) .customer-wallet-ticket:not(.is-wallet-inactive) .customer-coupon-action::before{display:block;content:'';position:absolute;top:auto;left:auto;bottom:calc(100% + 8px);right:12px;width:24px;height:20px;border:0;border-radius:0;opacity:.5;pointer-events:none;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 28 24'%3E%3Cpath d='m3 5 7 7 4-10 4 10 7-7-3 16H6Z' fill='none' stroke='%23f59a7d' stroke-width='2' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat}
:is(#customerCouponsPanel,#customerWalletCheckout) .customer-coupon-state{font-size:11px;font-weight:600;color:#694534;text-align:center}
:is(#customerCouponsPanel,#customerWalletCheckout) [data-expiring=true] .customer-coupon-state{color:#ad5d12}
:is(#customerCouponsPanel,#customerWalletCheckout) .customer-coupon-more{margin-top:5px;font-size:10px;color:#8c7b70}
:is(#customerCouponsPanel,#customerWalletCheckout) .customer-coupon-more>summary{cursor:pointer;min-height:24px;padding:4px 0;font-size:10px}
:is(#customerCouponsPanel,#customerWalletCheckout) .customer-coupon-more[open]{margin-top:8px}
#customerCouponsPanel .customer-coupon-history{margin-top:8px;padding-top:6px;border-top:1px solid #efdfcc}
#customerCouponsPanel .customer-coupon-history>.customer-coupon-heading{display:flex;list-style:none;cursor:pointer}
#customerCouponsPanel .customer-coupon-history>summary::-webkit-details-marker{display:none}
#customerCouponsPanel .customer-coupon-history>summary::after{content:'⌄';margin-left:auto;font-size:20px;line-height:1}
#customerCouponsPanel .customer-coupon-history[open]>summary::after{transform:rotate(180deg)}
#customerCouponsPanel .customer-coupon-history .customer-coupon-count{color:#8c837a}
:is(#customerCouponsPanel,#customerWalletCheckout) .customer-wallet-ticket.is-wallet-inactive{min-height:92px;padding-block:10px;background:#f4f2ed;border-color:#e3dfd6;box-shadow:none;--coupon-accent:#92908a}
:is(#customerCouponsPanel,#customerWalletCheckout) .is-wallet-inactive::before,:is(#customerCouponsPanel,#customerWalletCheckout) .is-wallet-inactive::after{border-color:#e3dfd6;width:6px;height:12px;top:calc(50% - 6px)}
:is(#customerCouponsPanel,#customerWalletCheckout) .is-wallet-inactive .customer-coupon-benefit{font-size:36px}
:is(#customerCouponsPanel,#customerWalletCheckout) .is-wallet-inactive[data-shipping=true] .customer-coupon-benefit{font-size:18px}
:is(#customerCouponsPanel,#customerWalletCheckout) .is-wallet-inactive .customer-coupon-details{border-color:#e4dfd5}
:is(#customerCouponsPanel,#customerWalletCheckout) .is-wallet-inactive .customer-coupon-minimum{font-size:14px;color:#817e78}
:is(#customerCouponsPanel,#customerWalletCheckout) .is-wallet-inactive .customer-coupon-title h4,:is(#customerCouponsPanel,#customerWalletCheckout) .is-wallet-inactive .customer-coupon-source{color:#979189}
:is(#customerCouponsPanel,#customerWalletCheckout) .is-wallet-inactive .customer-coupon-action{align-self:start;transform:translateY(-20px)}
:is(#customerCouponsPanel,#customerWalletCheckout) .is-wallet-inactive .customer-coupon-action::after{display:block;content:'';position:absolute;top:calc(100% + 5px);bottom:auto;left:auto;right:0;width:42px;height:28px;border:0;opacity:.22;pointer-events:none;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 32'%3E%3Cpath d='m6 4 20-3 4 27-20 3Z M8 8l18-3' fill='none' stroke='%23b3a794' stroke-width='1.5'/%3E%3Ccircle cx='19' cy='19' r='6' fill='none' stroke='%23b3a794'/%3E%3Cpath d='m16 17 2 1m3 3 2 1m-7 0 1 2m22-17 2 3 4-1-2 4 2 3-4-1-2 3v-4l-3-2 3-1Z' fill='none' stroke='%23b3a794' stroke-width='1.5'/%3E%3C/svg%3E") center/contain no-repeat}
:is(#customerCouponsPanel,#customerWalletCheckout) .is-wallet-inactive .customer-coupon-state{padding:5px 10px;border-radius:10px;background:#e2dfda;color:#848078;font-size:10px;white-space:nowrap}
:is(#customerCouponsPanel,#customerWalletCheckout) [data-status=used] .customer-coupon-state{background:#eeece7;color:#98938b}
#customerCouponsPanel .customer-coupon-more>summary:focus-visible,#customerCouponsPanel .customer-coupon-history>summary:focus-visible{outline:2px solid #c73525;outline-offset:3px;border-radius:4px}
.customer-coupon-footer{min-height:86px;margin:6px -16px -20px;padding:48px 39% 12px 24px;background:url("coupon-wallet-footer-v1.png") right bottom/100% auto no-repeat;color:#a36534;font-size:12px;font-style:italic;line-height:1.7;letter-spacing:.4px}
#customerAccountDialog:has(#customerCouponsPanel:not([hidden])) #customerAccountEmail{font-size:15px;color:#654536;margin-bottom:8px;overflow-wrap:anywhere}
#customerAccountDialog:has(#customerCouponsPanel:not([hidden])) .customer-account-title-row h2{min-height:32px}
#customerCouponsPanel .customer-coupon-heading{font-weight:700;min-height:40px}
@media(min-width:781px){.customer-coupon-footer{margin-inline:-36px}}
#customerCouponsPanel .customer-coupon-heading::before{content:'';width:20px;height:20px;flex:none;margin-right:3px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m3 6 16-3 2 6q-4 2 1 5l-1 4-16 3-1-6q4-2-1-5Z M9 6l2 12m2-7 3-3m-2 6 3-3' fill='none' stroke='%23974021' stroke-width='1.7' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat}
#customerCouponsPanel .customer-coupon-history>summary::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='8.5' fill='none' stroke='%23974021' stroke-width='2'/%3E%3Cpath d='m6 6 12 12' stroke='%23974021' stroke-width='2'/%3E%3C/svg%3E")}
@media(max-width:388px){
:is(#customerCouponsPanel,#customerWalletCheckout) .customer-wallet-ticket{padding-inline:7px;min-height:104px}
  :is(#customerCouponsPanel,#customerWalletCheckout) .customer-coupon-benefit{font-size:38px;padding-right:5px}
  :is(#customerCouponsPanel,#customerWalletCheckout) .customer-coupon-details{padding-left:10px}
  :is(#customerCouponsPanel,#customerWalletCheckout) .customer-coupon-minimum{font-size:14px}
  :is(#customerCouponsPanel,#customerWalletCheckout) .is-wallet-inactive .customer-coupon-benefit{font-size:32px}
  :is(#customerCouponsPanel,#customerWalletCheckout) .customer-coupon-title h4,:is(#customerCouponsPanel,#customerWalletCheckout) .customer-coupon-source{font-size:10px}
  :is(#customerCouponsPanel,#customerWalletCheckout) .customer-coupon-summary{gap:4px}
  #customerAccountDialog #customerCouponsPanel .customer-coupon-use{font-size:11px;padding-inline:7px;min-height:32px}
  :is(#customerCouponsPanel,#customerWalletCheckout) .customer-wallet-ticket.is-wallet-inactive{min-height:84px}
  .customer-coupon-footer{font-size:10px;letter-spacing:0}
}