/* Tokens only: every size, gap, corner and colour is a global.css token (WEBMAKER > GLOBAL_FORMULAS). Generated by tokenize_css.py from the hand-written file; do not edit by hand. */
@layer page{
.pc-off{margin:var(--g-px-4) var(--g-px-2) 0;font-size:var(--ds-small);color:var(--g-col-555555)}
.pc-bar[data-off] .pb[data-act=cart],.pc-bar[data-off] .pb[data-act=amazon],.pc-bar[data-off] .pre{opacity:.4;pointer-events:none}
.pinpanel:empty{display:none}
.pinpanel{margin:var(--g-px-10) 0 var(--g-px-4);font-size:var(--ds-small)}
.ux-pin-r{margin-top:var(--g-px-6);padding-top:var(--g-px-10);border-top:var(--g-px-1) solid var(--g-col-E6A4BC)}
.ux-pin-r h3{font:500 var(--ds-card)/1.2 var(--f-head,"Cormorant Garamond",serif);margin:0 0 var(--g-px-6)}
.ux-pin-r h3 em{color:var(--xd-edge)}
.ux-pin-r p{margin:0 0 var(--g-px-8)}
.ux-pin-acts{display:flex;gap:var(--g-px-8);flex-wrap:wrap;margin:var(--g-px-6) 0 var(--g-px-10)}
.ux-pin-acts .btn{font-size:var(--ds-small);padding:var(--g-px-6) var(--g-px-12)}
.ux-pin-s a{color:var(--g-col-B31258)}
.co-mode.off{opacity:.6;cursor:not-allowed}
.ph91{display:flex;gap:var(--g-px-8);align-items:stretch}
.ph91>span{display:flex;align-items:center;padding:0 var(--g-px-12);border:var(--g-px-1) solid var(--g-col-D5D6D6);border-radius:var(--g-px-6);background:var(--g-col-F2F2F2);font-size:var(--ds-body)}
.ph91>input{flex:1;min-width:0}
.co-note:empty{display:none}
.co-note{max-width:var(--g-px-1200);margin:0 auto var(--g-px-24);padding:0 var(--g-px-24);color:var(--g-col-B31258)}
.co-done h2>span{background:var(--g-col-43B02A)}
.cx-print-receipt{display:none}
@media print{.cx-print-receipt{padding:var(--g-px-16);color:var(--g-col-111111);font:var(--ds-body)/1.5 "DM Sans",sans-serif}.cx-print-receipt table{width:100%;border-collapse:collapse}.cx-print-receipt td,.cx-print-receipt th{padding:var(--g-px-8);border-bottom:var(--g-px-1) solid var(--g-col-DDDDDD);text-align:left}}
.rec h2.rc-h em{font-size:inherit}
}
.ux-pin-s{font-size:var(--ds-small);color:var(--g-col-555555)}
@media print{body{background:var(--g-col-FFFFFF)}#im-header,#im-footer,.im-conn,#main .wrap,#paymsg{display:none}.cx-print-receipt{display:block}}
