/* v2.4.24 — Holiday pre-orders (Chanukah first). Customer banner + checkout section in the A+B look (Oswald heads, Inter body,
   charcoal / dark red / brand red / cream / gold), real photo, no emoji, no Fredoka. The owner card reuses the staff card classes. */
body:not(.staff) .po24{margin:18px 16px 4px;display:grid;grid-template-columns:1fr;background:#1A1614;color:#F3E9D7;border-radius:16px;overflow:hidden;border:1px solid #2F2824;box-shadow:0 10px 30px rgba(26,22,20,.14)}
body:not(.staff) .po24i{position:relative;aspect-ratio:16/8.5;overflow:hidden;background:#120F0E}
body:not(.staff) .po24i img{width:100%;height:100%;object-fit:cover;display:block}
body:not(.staff) .po24i::after{content:"";position:absolute;inset:auto 0 0 0;height:3px;background:#E8A33D}
body:not(.staff) .po24b{padding:18px 18px 20px}
body:not(.staff) .po24e{margin:0 0 6px;font:600 11.5px/1.2 "Inter",system-ui,sans-serif;letter-spacing:.16em;text-transform:uppercase;color:#E8A33D}
body:not(.staff) .po24h{margin:0 0 8px;font-family:"Oswald",sans-serif!important;font-weight:600;font-size:26px;line-height:1.1;letter-spacing:.01em;text-transform:uppercase;color:#F3E9D7}
body:not(.staff) .po24t{margin:0 0 14px;font:400 14.5px/1.5 "Inter",system-ui,sans-serif;color:rgba(243,233,215,.86)}
body:not(.staff) .po24f{list-style:none;margin:0 0 16px;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:10px}
body:not(.staff) .po24f li{border:1px solid rgba(232,163,61,.35);border-radius:10px;padding:9px 11px;display:flex;flex-direction:column;gap:3px}
body:not(.staff) .po24f b{font:600 10.5px/1.2 "Inter",system-ui,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:#E8A33D}
body:not(.staff) .po24f span{font:600 14px/1.25 "Inter",system-ui,sans-serif;color:#F3E9D7}
body:not(.staff) .po24a{display:flex;gap:10px;flex-wrap:wrap}
body:not(.staff) .po24a .btn{flex:1 1 auto;min-height:46px;background:#7F1503;border-color:#7F1503;color:#fff}
body:not(.staff) .po24a .btn.ghost{background:transparent;border:1px solid rgba(243,233,215,.45);color:#F3E9D7}
body:not(.staff) .po24s{display:flex;align-items:center;gap:12px;margin:12px 0 14px;padding:12px 12px 12px 14px;border-radius:12px;background:#F3E9D7;border:1px solid #E8D9BE;border-left:4px solid #7F1503;color:#1A1614}
body:not(.staff) .po24st{flex:1;display:flex;flex-direction:column;gap:2px;min-width:0}
body:not(.staff) .po24st b{font-family:"Oswald",sans-serif!important;font-weight:600;font-size:16px;letter-spacing:.02em;text-transform:uppercase;color:#7F1503}
body:not(.staff) .po24st span{font:400 13px/1.35 "Inter",system-ui,sans-serif;color:#4A403A}
body:not(.staff) .po24s .btn{flex:none;background:#1A1614;border-color:#1A1614;color:#F3E9D7}
html.dk body:not(.staff) .po24s{background:#211C19;border-color:#3A322C;border-left-color:#E8A33D;color:#F3E9D7}
html.dk body:not(.staff) .po24st b{color:#E8A33D}
html.dk body:not(.staff) .po24st span{color:#CFC2AE}
html.dk body:not(.staff) .po24s .btn{background:#E8A33D;border-color:#E8A33D;color:#1A1614}
html.dk body:not(.staff) .po24{border-color:#3A322C}
body:not(.staff) .po24c{border-left:3px solid #E8A33D}
body:not(.staff) .po24c .ckh em.po24on{font:700 11px/1 "Inter",system-ui,sans-serif;font-style:normal;letter-spacing:.1em;text-transform:uppercase;color:#fff;background:#7F1503;border-radius:999px;padding:5px 9px}
body:not(.staff) .po24k{margin:4px 0 10px;font:400 14px/1.5 "Inter",system-ui,sans-serif}
body:not(.staff) .po24d{display:inline-flex;align-items:center;gap:8px;margin:6px auto 10px;padding:8px 14px;border-radius:999px;background:#F3E9D7;color:#7F1503;font:600 14px/1.2 "Inter",system-ui,sans-serif}
body:not(.staff) .po24d svg{width:16px;height:16px}
html.dk body:not(.staff) .po24d{background:#211C19;color:#E8A33D}
@media (min-width:760px){body:not(.staff) .po24{grid-template-columns:1.05fr 1fr;margin:24px auto 8px;max-width:1120px}body:not(.staff) .po24i{aspect-ratio:auto;min-height:300px}body:not(.staff) .po24i::after{inset:0 0 0 auto;width:3px;height:auto}body:not(.staff) .po24b{padding:30px 32px;display:flex;flex-direction:column;justify-content:center}body:not(.staff) .po24h{font-size:34px}}
/* owner card */
.po24o .po24oh{display:flex;align-items:baseline;justify-content:space-between;gap:8px;margin:6px 0 6px}
.po24o .po24oh span{font-size:12.5px;opacity:.7}
.po24o .po24od{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}
.po24o .po24ob{width:100%;display:grid;grid-template-columns:1fr auto auto 14px;align-items:center;gap:10px;padding:11px 12px;border-radius:12px;border:1px solid rgba(0,0,0,.08);background:rgba(255,255,255,.6);text-align:left;font:inherit;color:inherit;cursor:pointer}
.po24o .po24ow{font-weight:700}
.po24o .po24oc{font-size:13px;opacity:.75}
.po24o .po24ot{font-weight:700;min-width:58px;text-align:right}
.po24o .po24of{margin:10px 0 0}
.po24l{list-style:none;margin:8px 0 0;padding:0;display:flex;flex-direction:column;gap:8px}
.po24l li{border:1px solid rgba(0,0,0,.09);border-radius:12px;padding:10px 12px}
.po24lr{display:flex;justify-content:space-between;gap:8px}
.po24lm{font-size:13px;opacity:.75;margin-top:2px}
.po24li{font-size:13.5px;margin-top:4px}
/* the shop's global heading / ghost-button colours are !important; keep the banner readable on charcoal */
body:not(.staff):not(#k24) .po24 .po24h{color:#F3E9D7!important;font-family:"Oswald",sans-serif!important}
body:not(.staff):not(#k24) .po24 .po24t{color:rgba(243,233,215,.86)!important}
body:not(.staff):not(#k24) .po24 .po24a .btn{background:#7F1503!important;border-color:#7F1503!important;color:#fff!important}
body:not(.staff):not(#k24) .po24 .po24a .btn.ghost{background:transparent!important;border:1px solid rgba(243,233,215,.5)!important;color:#F3E9D7!important}