/* FoodGloss v14 tightening pass. Loaded last; same brand, clearer jobs for each color.
   RED-ORANGE = the one primary action in each area.  YELLOW = emphasis only (badges, key numbers, the sticker, one
   color block).  DARK GREEN = text, headings, quiet secondary actions.  CREAM = background and breathing room.
   --fg-action is the brand red-orange (#e4472c) one shade deeper, so white button text passes WCAG AA (4.7:1). */
:root{--fg-action:#d33e24}

/* ---- Buttons: primary / secondary / disabled ---- */
.pill-btn.dark,.pill-btn.small{background:var(--fg-action);color:#fff;border:2px solid #20352b;box-shadow:4px 4px 0 #20352b}
.pill-btn.dark:hover:not(:disabled),.pill-btn.small:hover:not(:disabled){background:#20352b;color:#fff;border-color:#20352b;box-shadow:6px 6px 0 #20352b33}
.pill-btn.outline{background:transparent;color:#20352b;border:2px solid #20352b;box-shadow:none}
.pill-btn.outline:hover:not(:disabled){background:#20352b;color:#fff;transform:none}
.pill-btn.dark:disabled,.pill-btn:disabled{background:#efe4cf;color:#5c6a5f;border-color:#cdbd9c;box-shadow:none;opacity:1}
/* On the red band the cream button is the primary action (red on red would disappear). */
.free-band .pill-btn.cream{background:#fff9ed;color:#20352b;border:2px solid #20352b;box-shadow:4px 4px 0 #20352b}

/* ---- Yellow, used less so it means more ---- */
.ticker{background:#20352b;border-color:#20352b}
.ticker-track{color:#f7ebd5}
.ticker-spark{color:#f1ba43}
.stock-card{background:transparent}
.stock-card figcaption{padding:10px 0 0;color:#20352b}
.account-nav{background:#fff9ed;border-bottom:1px solid #d6c6aa}
.chip-set input:checked+span{background:#20352b;color:#fff}
.count-pill{border:0;background:#efe4cf;padding:5px 11px}
.count-pill.ready{background:#f1ba43}
.count-pill.alert{border:0}

/* ---- Less noise ---- */
.editorial-card,.editorial-caption{background:transparent}
.photo-disclaimer{text-align:left;padding-top:34px}
.service-arrow,.how-row>span:last-child{visibility:hidden}
.brand-tags span{border-color:#20352b40}
.sticky-cta{background:#fff9ed}
.brand-card .brand-note{border:0;padding:0;background:none;box-shadow:none;font-weight:500;text-align:left;min-height:0}
.feedback-dialog .chip-set label{margin:0}
.feedback-dialog .chip-set{gap:10px}
.order-seal[data-empty]{display:none}

/* ---- Instructions read as instructions ---- */
.studio-steps{list-style:none;margin:18px 0 0;padding:0;display:grid;gap:8px;counter-reset:step;max-width:440px}
.studio-steps li{counter-increment:step;display:grid;grid-template-columns:28px 1fr;align-items:baseline;font-size:15px;line-height:1.45;color:#20352b}
.studio-steps li::before{content:counter(step);display:inline-grid;place-items:center;width:22px;height:22px;border-radius:50%;background:#20352b;color:#fff9ed;font:700 12px var(--sans)}

/* ---- Phones ---- */
.announcement-short{display:none}
@media(max-width:600px){
 .announcement-long,.announcement-star{display:none}
 .announcement-short{display:inline}
 /* The big "35 PIECES FREE" panel repeats the heading and the calculator above it. */
 .free-band-right{display:none}
}
@media(max-width:560px){
 /* One-column editorial grid: the tall card grows with its caption instead of letting the next card cover it. */
 .editorial-card.card-tall{height:auto}
 .editorial-card.card-tall .photo{height:440px;min-height:0}
}