/* WA-10: scoped visual-only kitchen-pass ticket treatment. */
.wa10-pass{position:relative;isolation:isolate;margin:24px 0 12px;min-width:0;max-width:100%}
.wa10-pass .ticket-rail{display:block!important;position:relative;z-index:3;width:100%;height:18px;box-sizing:border-box;border-top:1px solid #fff;border-bottom:1px solid #777;border-radius:3px;background:linear-gradient(180deg,#f2f2f2 0%,#c9c9c9 45%,#9e9e9e 55%,#d8d8d8 100%);box-shadow:0 3px 4px rgba(0,0,0,.35)}
.ticket-rail::before,.ticket-rail::after{content:"";position:absolute;top:-1px;bottom:-1px;width:14px;border-radius:3px;background:#1a1a1a}
.ticket-rail::before{left:0}.ticket-rail::after{right:0}
.wa10-pass .wa10-group{display:flex!important;align-items:stretch!important;justify-content:center;gap:26px!important;position:relative;margin:-10px 0 0!important;padding:0 24px 30px;max-width:none!important;width:100%;box-sizing:border-box;list-style:none}
.wa10-hanger{display:flex;flex-direction:column;min-width:0;flex:1 1 0}
.wa10-pass .wa10-hanger[hidden]{display:none!important}
.wa10-pass .wa10-ticket{--angle:-2deg;--drop:0px;position:relative;z-index:1;min-width:0;flex:1 1 0;background:#FBFAF6!important;box-shadow:0 6px 10px rgba(0,0,0,.25)!important;filter:none!important;border-radius:0;transform:translateY(var(--drop)) rotate(var(--angle))!important;transform-origin:top center;transition:transform 200ms ease;overflow:visible}
.wa10-hanger>.wa10-ticket{height:100%;box-sizing:border-box}
.wa10-hanger:nth-child(5n+2)>.wa10-ticket,.wa10-group>.wa10-ticket:nth-child(5n+2){--angle:1.5deg;--drop:4px}
.wa10-hanger:nth-child(5n+3)>.wa10-ticket,.wa10-group>.wa10-ticket:nth-child(5n+3){--angle:-1deg;--drop:8px}
.wa10-hanger:nth-child(5n+4)>.wa10-ticket,.wa10-group>.wa10-ticket:nth-child(5n+4){--angle:2deg;--drop:2px}
.wa10-hanger:nth-child(5n+5)>.wa10-ticket,.wa10-group>.wa10-ticket:nth-child(5n+5){--angle:-1.5deg;--drop:6px}
.wa10-hanger:nth-child(3n+2),.wa10-group>.wa10-ticket:nth-child(3n+2){margin-left:-6px;margin-right:5px}
.wa10-ticket::after{content:"";position:absolute;z-index:-1;left:7%;right:5%;bottom:-5px;height:14px;border-radius:0 0 50% 50%;box-shadow:0 5px 5px rgba(0,0,0,.16);pointer-events:none}
.wa10-pass .wa10-ticket .cleanup-cta-group{height:calc(100% - 65px);box-sizing:border-box}
.wa10-pass .wa10-actions{display:flex;flex-direction:column;gap:8px;width:100%;padding-top:18px;margin-top:auto!important;margin-bottom:0!important}
.wa10-pass .wa10-cta{display:flex!important;justify-content:center;align-items:center;width:100%;min-height:44px;box-sizing:border-box;padding:10px 8px!important;border:1px solid #141414!important;border-radius:0;background:#141414!important;color:#FBFAF6!important;text-decoration:none;text-transform:none!important;text-align:center!important;font-family:"IBM Plex Mono",monospace!important;font-size:12px!important;line-height:1.35!important;font-weight:500!important;letter-spacing:0!important;cursor:pointer}
.wa10-pass .wa10-secondary{background:transparent!important;color:#141414!important}
.wa10-pass .wa10-cta[hidden]{display:none!important}
.wa10-cta:focus-visible{outline:3px solid #C8102E;outline-offset:3px}
@media(hover:hover) and (pointer:fine){.wa10-pass .wa10-ticket:hover{transform:translateY(calc(var(--drop) + 2px)) rotate(0deg)!important}}
@media(prefers-reduced-motion:reduce){.wa10-pass .wa10-ticket{transition:none!important}.wa10-pass .wa10-ticket:hover{transform:translateY(var(--drop)) rotate(var(--angle))!important}}
@media(max-width:640px){
 .wa10-pass{overflow:hidden;padding-bottom:5px}
 .wa10-pass .ticket-rail{height:14px}
 .wa10-pass .wa10-group{overflow-x:auto;overflow-y:hidden;justify-content:flex-start;scroll-snap-type:x mandatory;scroll-padding:18px;padding:0 18px 32px;gap:24px!important;overscroll-behavior-x:contain}
 .wa10-pass .wa10-hanger,.wa10-pass .wa10-group>.wa10-ticket{flex:0 0 calc(100% - 20px);scroll-snap-align:start;scroll-snap-stop:always}
 .wa10-pass .wa10-cta{font-size:11px!important}
}

/* Preview B: class-independent scoping, consistent flex paper and font override. */
.wa10-pass .wa10-hanger>.wa10-ticket{display:flex;flex-direction:column}
.wa10-pass .wa10-hanger>.wa10-ticket>.cleanup-cta-group{height:auto;flex:1}
.wa10-pass #oto-wl.wa10-cta{font:500 12px/1.35 "IBM Plex Mono",monospace!important;letter-spacing:0!important;min-height:44px!important;height:44px;border-radius:0!important}
.wa10-pass .wa10-ticket{scroll-margin-block:100px 100px}
@media(max-width:640px){.wa10-pass #oto-wl.wa10-cta{font-size:11px!important}.wa10-pass .wa10-group{scroll-padding-block:100px}}

/* Preview B final: defeat inherited centered program rails on mobile. */
@media(max-width:640px){.wa10-pass .wa10-group{justify-content:flex-start!important}}

/* Release v3: exact Gumroad artwork; intrinsic aspect ratio reserves layout space. */
.wa10-pass .v3-product-cover{display:block;width:100%;height:auto;max-width:none;object-fit:contain;background:#FBFAF6;flex:none}
.wa10-pass .pricing-card>.v3-product-cover{width:calc(100% + 3rem);max-width:none;margin:0 -1.5rem 1rem}
.v3-seat-line{font:700 13px/1.4 "IBM Plex Mono",monospace;color:#1E5E3A}
@media(max-width:640px){
 .wa10-pass .v3-product-cover{max-height:120px;object-fit:contain}
 .wa8-home .wa10-pass .wa10-group{align-items:flex-start!important}
 .wa8-home .wa10-pass .wa10-hanger{align-self:flex-start}
 .wa8-home .wa10-pass .wa10-hanger>.wa10-ticket{flex:0 0 auto;height:auto}
 .wa8-home .wa10-pass .wa10-hanger>.wa10-ticket>.cleanup-cta-group{flex:0 0 auto;height:auto;min-height:0}
 .wa8-home .wa10-pass .wa10-actions{margin-top:0!important;min-height:0}
 .wa8-home .wa10-pass .wa10-ticket .barcode{align-self:stretch;width:100%}
 .wa8-home .wa10-pass .wa10-ticket .oto-total{gap:.5em}
}

@media(max-width:640px){.wa10-pass .pricing-card>.v3-product-cover{width:calc(100% + 40px);margin-left:-20px;margin-right:-20px}}