/* ===== v2.4.5 (Oct 23, 2026): stock badges + "To ship" group, in the v2.4.4 brand look (Fredoka, HQ gold) ===== */
.stk245{display:inline-flex;align-items:center;gap:4px;font-family:var(--fd)!important;font-weight:600;font-size:11.5px;line-height:1;letter-spacing:.2px;padding:5px 9px 5px;border-radius:999px;white-space:nowrap}
.stk245.low{background:var(--b-gold2);color:#1b1b1b;border:1px solid var(--b-gold)}
.stk245.low::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--b-red)}
.stk245.out{background:#1b1b1b;color:#f7efe2;border:1px solid #1b1b1b}
.pimg{position:relative}
.stk245.card{position:absolute;right:10px;bottom:10px;z-index:2;box-shadow:0 1px 3px rgba(27,27,27,.18)}
.stkrow245{margin:8px 0 2px}
.stk245.pd{font-size:13px;padding:6px 11px}
.pcard.so245 .pimg img,.pcard.so245 .pimg picture,.pcard.so245 .pimg svg{opacity:.55;filter:grayscale(.35)}
.pcard.so245 .pprice{opacity:.6}
.padd[disabled]{background:var(--w-tan2)!important;color:var(--w-mut)!important;border-color:var(--w-tan2)!important;box-shadow:none!important;cursor:not-allowed}
.flv2 button.so245{opacity:.62;text-decoration:line-through;text-decoration-thickness:1px}
.flv2 button.so245 small{display:block;text-decoration:none;font-family:var(--fd);font-weight:600;font-size:10.5px;color:var(--b-red);margin-top:2px}
.btn.so245b,.btn.so245b[disabled]{background:#1b1b1b!important;color:#f7efe2!important;opacity:1;cursor:not-allowed;font-family:var(--fd)!important}
html.dk20 .stk245.low{background:var(--b-gold2);color:#1b1b1b;border-color:var(--b-gold)}
html.dk20 .stk245.out{background:#f4ece1;color:#1b1b1b;border-color:#f4ece1}
html.dk20 .flv2 button.so245 small{color:#ef8a7c}
html.dk20 .btn.so245b,html.dk20 .btn.so245b[disabled]{background:#3a2f28!important;color:#f4ece1!important}
html.dk20 .padd[disabled]{background:#3a2f28!important;color:#8f8173!important;border-color:#3a2f28!important}
/* To ship */
.ship245{background:var(--w-card,#fffdf9);border:1px solid var(--w-line,#e6dccd);border-left:4px solid var(--b-gold);border-radius:14px;padding:12px 14px;margin:0 0 12px}
.ship245.in23{margin:0;border-left-width:4px}
.ship245h{display:flex;align-items:center;gap:8px;margin-bottom:6px}
.ship245h b{font-family:var(--fd)!important;font-weight:600;font-size:16px;color:var(--w-ink)}
.ship245n{font-family:var(--fd);font-weight:600;font-size:12px;background:var(--b-gold2);color:#1b1b1b;border-radius:999px;padding:2px 8px}
.ship245 ul{list-style:none;margin:0;padding:0}
.ship245 li{display:flex;align-items:center;gap:10px;padding:9px 0;border-top:1px solid var(--w-line,#e6dccd)}
.ship245 li:first-child{border-top:0}
.ship245t{font-family:var(--fd);font-weight:600;color:var(--b-price)}
/* fix carried from v2.4.4: in light mode the picked flavour / size chip read white on cream (the label vanished). Brand red, like HQ's buttons */
html:not(.dk20) #app :is(.flv,.flv2,.szp) button[aria-pressed="true"],html:not(.dk20) #app :is(.flv,.flv2,.szp) button.on{background:var(--b-red)!important;color:#fff!important;border-color:var(--b-red)!important}
html:not(.dk20) #app .flv2 button.so245[aria-pressed="true"] small{color:var(--b-gold2)}
html.dk20 #app .flv2 button.so245[aria-pressed="true"] small{color:#7f0000}
.ship245.in23 .ship245h b,.ship245.in23 .ship245n{display:none}
.ship245.in23 .ship245h{margin-bottom:2px}