/* A fixed landscape ticket at every size, with live text and a tilted coupon count. */
#my-coupons .coupon-list { grid-template-columns:repeat(2,minmax(0,1fr)); gap:26px; }
#my-coupons .entry-coupon.order-coupon { container-type:inline-size; position:relative; display:block; min-width:0; aspect-ratio:2.2; padding:0; border:0; border-radius:0; overflow:visible; isolation:isolate; background:none; box-shadow:none; filter:drop-shadow(0 5px 9px #70511b20); color:#20190d; }
#my-coupons .order-coupon::before { content:''; position:absolute; inset:0; z-index:-2; width:auto; height:auto; border:0; border-radius:0; background:radial-gradient(ellipse at 35% 20%,#fff6c866,transparent 55%),linear-gradient(112deg,#b98b2a 0%,#e4bd56 17%,#f3d67e 36%,#d8ad43 53%,#f8de8a 73%,#be902d 100%); clip-path:polygon(1.5% 0, 98.5% 0, 100% 3.333%, 98.5% 6.667%, 100% 10.000%, 98.5% 13.333%, 100% 16.667%, 98.5% 20.000%, 100% 23.333%, 98.5% 26.667%, 100% 30.000%, 98.5% 33.333%, 100% 36.667%, 98.5% 40.000%, 100% 43.333%, 98.5% 46.667%, 100% 50.000%, 98.5% 53.333%, 100% 56.667%, 98.5% 60.000%, 100% 63.333%, 98.5% 66.667%, 100% 70.000%, 98.5% 73.333%, 100% 76.667%, 98.5% 80.000%, 100% 83.333%, 98.5% 86.667%, 100% 90.000%, 98.5% 93.333%, 100% 96.667%, 98.5% 100.000%, 1.5% 100%, 0% 96.667%, 1.5% 93.333%, 0% 90.000%, 1.5% 86.667%, 0% 83.333%, 1.5% 80.000%, 0% 76.667%, 1.5% 73.333%, 0% 70.000%, 1.5% 66.667%, 0% 63.333%, 1.5% 60.000%, 0% 56.667%, 1.5% 53.333%, 0% 50.000%, 1.5% 46.667%, 0% 43.333%, 1.5% 40.000%, 0% 36.667%, 1.5% 33.333%, 0% 30.000%, 1.5% 26.667%, 0% 23.333%, 1.5% 20.000%, 0% 16.667%, 1.5% 13.333%, 0% 10.000%, 1.5% 6.667%, 0% 3.333%, 1.5% 0.000%); }
#my-coupons .order-coupon::after { content:''; position:absolute; inset:0; z-index:-1; width:auto; height:auto; border:0; border-radius:0; pointer-events:none; opacity:.16; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.7' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23835b16' filter='url(%23n)' opacity='.8' d='M0 0h180v180H0z'/%3E%3C/svg%3E"); clip-path:polygon(1.5% 0, 98.5% 0, 100% 3.333%, 98.5% 6.667%, 100% 10.000%, 98.5% 13.333%, 100% 16.667%, 98.5% 20.000%, 100% 23.333%, 98.5% 26.667%, 100% 30.000%, 98.5% 33.333%, 100% 36.667%, 98.5% 40.000%, 100% 43.333%, 98.5% 46.667%, 100% 50.000%, 98.5% 53.333%, 100% 56.667%, 98.5% 60.000%, 100% 63.333%, 98.5% 66.667%, 100% 70.000%, 98.5% 73.333%, 100% 76.667%, 98.5% 80.000%, 100% 83.333%, 98.5% 86.667%, 100% 90.000%, 98.5% 93.333%, 100% 96.667%, 98.5% 100.000%, 1.5% 100%, 0% 96.667%, 1.5% 93.333%, 0% 90.000%, 1.5% 86.667%, 0% 83.333%, 1.5% 80.000%, 0% 76.667%, 1.5% 73.333%, 0% 70.000%, 1.5% 66.667%, 0% 63.333%, 1.5% 60.000%, 0% 56.667%, 1.5% 53.333%, 0% 50.000%, 1.5% 46.667%, 0% 43.333%, 1.5% 40.000%, 0% 36.667%, 1.5% 33.333%, 0% 30.000%, 1.5% 26.667%, 0% 23.333%, 1.5% 20.000%, 0% 16.667%, 1.5% 13.333%, 0% 10.000%, 1.5% 6.667%, 0% 3.333%, 1.5% 0.000%); mix-blend-mode:multiply; }
#my-coupons .lucky-ticket-brand { position:absolute; top:5%; left:5%; right:5%; display:flex; align-items:center; gap:2%; }
#my-coupons .lucky-ticket-brand > span { flex:1; border-top:1px solid #594419; border-bottom:1px solid #59441955; height:3px; }
#my-coupons .lucky-ticket-brand img { width:34%; height:auto; display:block; mix-blend-mode:multiply; }
#my-coupons .lucky-ticket-title { position:absolute; top:25%; left:-10%; width:120%; margin:0; text-align:center; white-space:nowrap; color:#8b641e!important; background:none; -webkit-text-fill-color:currentColor; -webkit-text-stroke:0; text-shadow:none; filter:none; font:800 12.1cqw/1.05 Impact,'Arial Narrow',var(--heading); letter-spacing:-.38cqw; text-transform:uppercase; transform:scaleX(.78); transform-origin:center; }
@media(forced-colors:active) {
  #my-coupons .lucky-ticket-title { background:none; color:CanvasText!important; -webkit-text-fill-color:CanvasText; -webkit-text-stroke:0; text-shadow:none; filter:none; }
}
#my-coupons .lucky-coupon-count { position:absolute; top:-2%; left:70.2%; width:25%; height:auto; color:#79531a; opacity:.64; transform:rotate(-18deg); pointer-events:none; }
#my-coupons .lucky-count-number { fill:currentColor; font:700 58px Georgia,serif; }
#my-coupons .lucky-ticket-details { position:absolute; top:60%; bottom:16%; left:5%; right:5%; display:grid; grid-template-columns:.9fr 1.65fr 1fr; align-items:center; margin:0; padding:1% 0; border-top:1px solid #594419; border-bottom:1px solid #594419; text-align:center; }
#my-coupons .lucky-ticket-details > div { min-width:0; padding:0 3%; }
#my-coupons .lucky-ticket-details > div + div { border-left:1px solid #59441944; }
#my-coupons .lucky-ticket-details dt { color:#5a431c; font:600 max(8px,1.65cqw)/1.4 var(--sans); letter-spacing:.12cqw; text-transform:uppercase; white-space:nowrap; }
#my-coupons .lucky-ticket-details dd { margin:2% 0 0; color:#21180c; font:700 2.8cqw/1.4 var(--heading); white-space:nowrap; }
#my-coupons .order-coupon .lucky-ticket-total { position:absolute; bottom:4.3%; right:5%; margin:0; font:600 max(8px,1.65cqw)/1.5 var(--sans); letter-spacing:.08cqw; color:#503916; text-transform:uppercase; }
#my-coupons .lucky-ticket-total strong { font-weight:800; }
#my-coupons .order-coupon .order-view-more { position:absolute; inset:0; width:100%; height:100%; min-height:44px; margin:0; padding:0; background:none; border:0; border-radius:0; text-align:left; text-decoration:none; color:#2c210e; }
#my-coupons .order-view-more > span { position:absolute; left:5%; bottom:4%; font:600 max(10px,1.9cqw)/1.5 var(--sans); text-decoration:underline; text-underline-offset:3px; }
#my-coupons .order-view-more > span > span { margin-left:7px; display:inline-block; text-decoration:none; }
#my-coupons .order-view-more:focus-visible { outline:2px solid #74122b; outline-offset:-8px; }
#my-coupons .order-view-more:hover > span { color:#74122b; }
.coupon-count-badge { display:inline-flex; align-items:center; justify-content:center; min-width:44px; min-height:40px; padding:4px 12px; border:1px solid #b6102a; border-radius:8px; background:#b6102a; color:#fff; font:700 24px/1.2 var(--heading); font-variant-numeric:tabular-nums; }
dialog.order-coupons-dialog { box-sizing:border-box; width:min(520px,calc(100% - 32px)); max-width:520px; max-height:calc(100dvh - 32px); padding:34px 30px 28px; border:1px solid #d9bd85; border-radius:14px; background:#fffaf4; overflow-y:auto; overscroll-behavior:contain; }
.order-coupons-dialog .eyebrow { font-size:10px; padding-right:28px; }
.order-coupons-dialog #order-coupons-title { font-size:clamp(20px,4.5vw,27px); line-height:1.5; margin:12px 0; overflow-wrap:anywhere; }
.order-coupons-dialog .order-dialog-summary { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:16px; margin:0 0 24px; padding:0 0 20px; border-bottom:1px solid #e8d9ba; }
.order-coupons-dialog .order-dialog-summary > div { display:flex; align-items:center; gap:10px; }
.order-coupons-dialog .order-dialog-summary dt { color:#694e3a; font-size:12px; }
.order-coupons-dialog .order-dialog-summary dd { margin:0; font-size:14px; font-weight:700; }
.order-coupons-dialog .coupon-count-badge { min-width:34px; min-height:32px; font-size:20px; padding:3px 9px; }
.order-coupons-dialog .issued-coupon-list { list-style:none; padding:0; margin:0; display:grid; gap:8px; }
.order-coupons-dialog .issued-coupon-list li { position:relative; display:flex; align-items:center; gap:14px; min-width:0; min-height:52px; padding:10px 16px; background:#fffdf7; border:1px solid #e8d8ac; border-radius:12px; }
.order-coupons-dialog .issued-coupon-list li::before { content:''; position:absolute; left:-1px; top:10px; bottom:10px; width:3px; border-radius:3px; background:#dfc58b; }
.order-coupons-dialog .issued-coupon-icon { display:inline-flex; align-items:center; color:#b6102a; flex-shrink:0; padding-right:12px; border-right:1px dashed #e0c990; }
.order-coupons-dialog .issued-coupon-icon svg { width:20px; height:20px; stroke-width:1.8; }
.order-coupons-dialog .issued-coupon-list strong { min-width:0; font-size:15px; line-height:1.6; color:#30271f; overflow-wrap:anywhere; }
.order-coupons-dialog .order-coupon-disclaimer { margin:20px 0 0; font-size:10px; }
@media(max-width:600px) {
  #my-coupons .coupon-list { grid-template-columns:minmax(0,1fr); gap:20px; }
  dialog.order-coupons-dialog { padding:30px 22px 24px; }
  .order-coupons-dialog .issued-coupon-list li { padding:10px 13px; gap:12px; }
}