/**
 * Nutrition Facts panel + allergens block.
 *
 * Rule weights are the load-bearing part: 10px under the serving size, 5px
 * under Calories and above the footnote, 1px hairlines between nutrient rows.
 * They carry the FDA hierarchy, and softening them is what makes a panel stop
 * reading as a label.
 *
 * Scoped under .smash-nutrition so nothing leaks into the surrounding theme.
 */

.smash-nutrition{display:flex;flex-direction:column;gap:14px}
.smash-nutrition__heading{
  font-family:inherit;font-weight:700;font-size:20px;line-height:1.25;margin:0
}
.smash-nutrition__ing{font-size:14px;line-height:1.6}
.smash-nutrition__ing b{font-weight:700}

/* ---- The panel ---- */
.nfp{font-family:Helvetica,"Helvetica Neue",Arial,sans-serif;color:#000;background:#fff;
  border:1px solid #000;padding:6px 8px;font-size:13px;line-height:1.25;-webkit-font-smoothing:antialiased}
.nfp *{margin:0;padding:0;box-sizing:border-box}
.nfp__title{font-size:38px;line-height:.95;font-weight:900;letter-spacing:-.02em;margin:0 0 2px}
.nfp__rule{border-bottom:1px solid #000;margin:2px 0}
.nfp__rule--thick{border-bottom:10px solid #000;margin:3px 0}
.nfp__rule--med{border-bottom:5px solid #000;margin:3px 0}
.nfp__servings{font-size:14px;padding:1px 0}
.nfp__size{display:flex;justify-content:space-between;align-items:baseline;
  font-size:15px;font-weight:700;padding:1px 0;gap:10px}
.nfp__amount{font-size:11px;font-weight:700;padding-top:2px}
.nfp__cals{display:flex;justify-content:space-between;align-items:baseline;
  font-weight:900;line-height:1;padding:1px 0 3px}
.nfp__cals span:first-child{font-size:26px}
.nfp__cals span:last-child{font-size:34px}
.nfp__dv{text-align:right;font-size:12px;font-weight:700;padding:2px 0}
.nfp__row{display:flex;justify-content:space-between;align-items:baseline;
  font-size:13px;padding:2px 0;gap:10px;border-top:1px solid #000}
.nfp__row--nohair{border-top:0}
.nfp__row--in1{padding-left:14px}
.nfp__row--in2{padding-left:28px}
.nfp__row b{font-weight:700}
.nfp__row i{font-style:italic}
.nfp__row span:last-child{font-weight:700;white-space:nowrap}
.nfp__note{font-size:11px;line-height:1.3;padding:3px 0}
.nfp__foot{font-size:11px;line-height:1.3;padding-top:3px;display:flex;gap:4px}
.nfp__foot span:first-child{flex:0 0 auto}

/* ---- Allergens ---- */
.alrg{border-radius:12px;padding:16px 18px;display:flex;flex-direction:column;gap:10px}
.alrg__head h3{margin:0;font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}
.alrg__chips{display:flex;flex-wrap:wrap;gap:7px}
.alrg__chip{font-size:14px;font-weight:700;line-height:1;padding:8px 13px;
  border-radius:999px;background:#0E1F3A;color:#fff}
.alrg__line{font-size:14px;line-height:1.55;margin:0}
.alrg--has{background:#FFF1DB;border:1px solid #EBCB93}
.alrg--has .alrg__head h3{color:#6B4A0F}
.alrg--unknown{background:#F2F4F8;border:1px solid #D7DDE7}
.alrg--unknown .alrg__head h3,.alrg--unknown .alrg__line{color:#44536B}

.alrg--declared{background:#FFF1DB;border:1px solid #EBCB93}
.alrg--declared .alrg__head h3,.alrg--declared .alrg__line{color:#6B4A0F}
.alrg--declared .alrg__head svg{color:#C2410C}
.alrg--declared .alrg__advisory{color:#8A6420}
.alrg--none{background:#ECF6EE;border:1px solid #B9DCC3}
.alrg--none .alrg__head h3,.alrg--none .alrg__line{color:#1B5E32}
.alrg--none .alrg__head svg{color:#2E7D46}
.alrg--none .alrg__advisory{color:#3C7A52}
.alrg--unknown .alrg__head svg{color:#7488A5}
.alrg--unknown .alrg__advisory{color:#5B6B84}
.alrg--unknown a{color:#1E4C8C}
.alrg__head{display:flex;align-items:center;gap:8px}
.alrg__head svg{flex:0 0 auto;width:17px;height:17px}
.alrg__advisory{font-size:13px;line-height:1.55;margin:0;opacity:.9}