/* The Nutra product page is a reading and shopping surface of its own. */
html:has(#product-page) {
  --pdp-header-height: var(--site-header-height, 94px);
  --pdp-nav-height: 66px;
  scroll-padding-top: calc(var(--pdp-header-height) + var(--pdp-nav-height) + var(--sp-4));
}

#product-page { padding-block: var(--sp-5) var(--sp-8); }
#product-page .wrap { min-inline-size: 0; }
#product-page :is(.pdp-top, .pdp-gallery, .pdp-copy, .pdp-content-grid, .pdp-reading, .pdp-nutrition-column, .pdp-section, .nutrition-card, .variant-overview) { min-inline-size: 0; }
#product-page :is(h1, h2, h3, p, li, legend, summary) { overflow-wrap: anywhere;letter-spacing:0px;}
#product-page :is(#description, #nutrition, #ingredients, #related) { scroll-margin-top: var(--sp-4); }

#product-page .breadcrumbs {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: var(--sp-2);
  color: var(--muted);
  font-size: var(--fs-xs);
  margin-block-end: var(--sp-3);
}
#product-page .breadcrumbs svg { inline-size: 14px; block-size: 14px; flex: 0 0 auto; }
#product-page .breadcrumbs a:hover { color: var(--green); text-decoration: underline; text-underline-offset: var(--sp-1); }
#product-page .breadcrumbs > span { color: var(--ink); }
#product-page .back-to-results {
  display: inline-flex;
  align-items: center;
  gap: var(--sp-2);
  font-size: var(--fs-xs);
  color: var(--muted);
  padding-block: var(--sp-2);
  margin-block-end: var(--sp-5);
}
#product-page .back-to-results svg { inline-size: 17px; block-size: 17px; transform: rotate(180deg); }
#product-page .back-to-results:hover { color: var(--green); }

.pdp-top {
  display: grid;
  grid-template-columns: minmax(0, .94fr) minmax(0, 1.06fr);
  align-items: start;
  gap: var(--sp-7);
}
.pdp-gallery { position: sticky; top: calc(var(--pdp-header-height) + var(--sp-5)); }
#product-page .pdp-main-photo {
  position: relative;
  display: grid;
  place-items: center;
  isolation: isolate;
  block-size: clamp(360px, 35vw, 480px);
  padding: var(--sp-7) var(--sp-5);
  border: 1px solid var(--line);
  border-radius: var(--radius);
  background: var(--mint);
  overflow: hidden;
}
#product-page .pdp-main-photo.sand { background: var(--sand); }
#product-page .pdp-main-photo.rose { background: var(--rose); }
#product-page .pdp-main-photo.butter { background: var(--butter); }
#product-page .pdp-main-photo img {
  inline-size: 100%;
  block-size: 100%;
  min-block-size: 0;
  max-block-size: 100%;
  object-fit: contain;
  object-position: center;
  transform: none;
  mix-blend-mode: multiply;
  filter: none;
}
#product-page .pdp-main-photo.bar-cut img { mix-blend-mode: normal; }
.pdp-image-caption {
  position: absolute;
  inset-block-start: var(--sp-4);
  inset-inline-start: var(--sp-4);
  z-index: 1;
  padding: var(--sp-1) var(--sp-3);
  border-radius: 100px;
  background: #ffffffd9;
  color: #243d31;
  font-size: var(--fs-xs);
  font-weight: 550;
  max-inline-size: calc(100% - var(--sp-6));
  overflow-wrap: anywhere;
}
.pdp-photo-foot {
  position: absolute;
  inset-block-end: var(--sp-4);
  inset-inline: var(--sp-4);
  color: #3f5749;
  font-size: var(--fs-xs);
  text-align: center;
  line-height: 1.65;
}
.photo-thumbnails {
  display: flex;
  flex-wrap: wrap;
  gap: var(--sp-2);
  margin-block-start: var(--sp-3);
}
.photo-thumbnails button {
  display: grid;
  place-items: center;
  inline-size: 76px;
  block-size: 76px;
  padding: var(--sp-2);
  border: 1px solid var(--line);
  border-radius: 14px;
  background: #fff;
  transition: border-color .18s, box-shadow .18s;
}
.photo-thumbnails button[aria-pressed=true] { border-color: var(--green); box-shadow: 0 0 0 1px var(--green); }
.photo-thumbnails button:hover { border-color: var(--focus); }
.photo-thumbnails img { inline-size: 100%; block-size: 100%; object-fit: contain; }
.gallery-note { margin-block-start: var(--sp-3); color: var(--muted); font-size: var(--fs-xs); line-height: 1.9; }

.pdp-kicker { display: flex; align-items: center; flex-wrap: wrap; gap: var(--sp-3); margin-block-end: var(--sp-3); font-size: var(--fs-xs); color: var(--muted); }
.pdp-kicker a { color: var(--green); font-weight: 600; border-block-end: 1px solid var(--line); }
.pdp-kicker span { padding-inline-start: var(--sp-3); border-inline-start: 1px solid var(--line); }
#product-page .pdp-copy h1 { font-size:32px; letter-spacing:0px; line-height:48px; margin-block-end: var(--sp-4); }
.pdp-intro { color: var(--muted); font-size:16px; line-height:28px; margin-block-end: var(--sp-5); }
.variant-picker { min-inline-size: 0; max-inline-size: 100%; padding: 0; margin: 0 0 var(--sp-4); border: 0; }
.variant-picker legend { inline-size: 100%; padding: 0; font-size: var(--fs-sm); font-weight: 550; margin-block-end: var(--sp-3); }
.variant-picker legend span { display: inline-block; color: var(--muted); font-size: var(--fs-xs); font-weight: 400; margin-inline-start: var(--sp-2); }
.variant-picker > div { display: flex; flex-wrap: wrap; gap: var(--sp-2); }
.variant-picker a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-block-size: 44px;
  max-inline-size: 100%;
  padding: var(--sp-2) var(--sp-3);
  border: 1px solid var(--line);
  border-radius: 12px;
  background: var(--surface);
  font-size: var(--fs-xs);
  line-height: 1.75;
  text-align: center;
  overflow-wrap: anywhere;
  transition: background .18s, border-color .18s;
}
.variant-picker a:hover { border-color: var(--green); }
.variant-picker a[aria-current=true] { background: var(--green); border-color: var(--green); color: var(--paper); }
html[data-theme=dark] .variant-picker a[aria-current=true] { color: #193323; }
.chosen-variant { display: flex; align-items: baseline; flex-wrap: wrap; gap: var(--sp-2); font-size: var(--fs-xs); margin-block: var(--sp-3) var(--sp-4); }
.chosen-variant > span { color: var(--muted); }
.chosen-variant strong { font-size: var(--fs-sm); font-weight: 550; }
.pdp-quick-facts { display: grid; grid-auto-flow: column; grid-auto-columns: minmax(0, 1fr); border-block: 1px solid var(--line); padding-block: var(--sp-4); }
.pdp-quick-facts > div { min-inline-size: 0; border-inline-start: 1px solid var(--line); padding-inline: var(--sp-3); }
.pdp-quick-facts > div:first-child { border-inline-start: 0; padding-inline-start: 0; }
.pdp-quick-facts strong { display: flex; flex-wrap: wrap; align-items: baseline; gap: var(--sp-1); font-size: var(--fs-xl); font-weight: 650; line-height: 1.55; font-variant-numeric: tabular-nums; }
.pdp-quick-facts strong small { color: var(--muted); font-size: var(--fs-xs); font-weight: 400; }
.pdp-quick-facts > div > span { display: block; color: var(--muted); font-size: var(--fs-xs); margin-block-start: var(--sp-1); }
.pdp-basis { display: flex; flex-wrap: wrap; justify-content: space-between; gap: var(--sp-2) var(--sp-3); color: var(--muted); font-size: var(--fs-xs); margin-block: var(--sp-3) var(--sp-5); }
.pdp-basis a { display: inline-flex; align-items: center; gap: var(--sp-1); color: var(--green); }
.pdp-basis a svg { inline-size: 14px; block-size: 14px; }
.pdp-facts-note { background: var(--soft); border-radius: 14px; padding: var(--sp-4); font-size: var(--fs-xs); color: var(--muted); margin-block: var(--sp-4) var(--sp-5); }
.pdp-buy-panel { background: var(--surface); border: 1px solid var(--line); border-radius: var(--radius); padding: var(--sp-5); }
.pdp-price { display: flex; flex-wrap: wrap; align-items: baseline; justify-content: space-between; gap: var(--sp-2) var(--sp-4); margin-block-end: var(--sp-4); }
.pdp-price .price { font-size: var(--fs-2xl); line-height: 1.5; }
.pdp-price > span:last-child { font-size: var(--fs-xs); color: var(--muted); }
.pdp-buy-actions { display: grid; grid-template-columns: max-content minmax(0, 1fr); align-items: stretch; gap: var(--sp-3); }
.pdp-quantity { justify-content: space-between; gap: var(--sp-2); padding: var(--sp-1); align-self: stretch; min-block-size: 52px; }
.pdp-quantity button { display: grid; place-items: center; inline-size:44px; block-size:44px;min-width:44px;min-height:44px;}
.pdp-quantity button svg { inline-size: 17px; block-size: 17px; }
.pdp-quantity output { min-inline-size: 20px; text-align: center; font-weight: 550; font-variant-numeric: tabular-nums; }
.pdp-buy-actions .pdp-add { min-inline-size: 0; padding-inline: var(--sp-4); gap: var(--sp-2); min-block-size: 52px;font-size:16px;line-height:24px;}
.pdp-buy-actions .pdp-add:hover { transform: none; filter: brightness(.97); }
.pdp-secondary-actions { display: flex; align-items: center; flex-wrap: wrap; gap: var(--sp-2) var(--sp-4); border-block-start: 1px solid var(--line); padding-block-start: var(--sp-3); margin-block-start: var(--sp-4); }
.pdp-secondary-actions button { display: inline-flex; align-items: center; justify-content: center; gap: var(--sp-2); min-block-size: 36px; border: 0; padding: var(--sp-1) 0; color: var(--muted); background: none; font-size: var(--fs-xs); }
.pdp-secondary-actions button svg { inline-size: 17px; block-size: 17px; }
.pdp-secondary-actions button:hover, .pdp-secondary-actions button[aria-pressed=true] { color: var(--green); }
.pdp-secondary-actions button[aria-pressed=true] svg { fill: var(--soft); }
.choice-notes { padding: var(--sp-4); margin-block-start: var(--sp-5); background: var(--soft); border-inline-start: 3px solid var(--green); border-radius: 14px; }
#product-page .choice-notes h2 { font-size: var(--fs-sm); letter-spacing:0px; margin-block-end: var(--sp-2); }
.choice-notes ul { display: grid; gap: var(--sp-2); padding: 0; margin: 0; list-style: none; }
.choice-notes li { display: flex; align-items: flex-start; gap: var(--sp-2); font-size: var(--fs-xs); line-height: 2; }
.choice-notes li svg { inline-size: 16px; block-size: 16px; margin-block-start: var(--sp-1); flex: 0 0 auto; color: var(--green); }

.product-section-nav {
  position: sticky;
  top: var(--pdp-header-height);
  z-index: 12;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: var(--sp-6);
  min-block-size: var(--pdp-nav-height);
  margin-block: var(--sp-7) var(--sp-7);
  border-block: 1px solid var(--line);
  background: var(--paper);
}
.product-section-nav a { display: inline-flex; align-items: center; flex: 0 0 auto; min-block-size: 44px; padding-block: var(--sp-3); font-size: var(--fs-sm); }
.product-section-nav a:hover { color: var(--green); text-decoration: underline; text-underline-offset: var(--sp-2); }
.pdp-content-grid { display: grid; grid-template-columns: minmax(0, 1.25fr) minmax(0, .85fr); align-items: start; gap: var(--sp-7); }
.pdp-reading { display: grid; gap: var(--sp-7); }
.pdp-section .eyebrow, .nutrition-card .eyebrow { font-size: var(--fs-xs); margin-block-end: var(--sp-2); }
#product-page :is(.pdp-section, .nutrition-card) h2 { font-size:24px; line-height:36px; letter-spacing:0px; margin-block-end: var(--sp-4); }
.product-prose { color: var(--ink); font-size:16px; line-height:28px; }
.product-prose p + p { margin-block-start: var(--sp-4); }
.variant-specific-note { padding: var(--sp-4); background: var(--soft); border-radius: 14px; margin-block-start: var(--sp-5); font-size: var(--fs-sm); }
.variant-specific-note strong { display: block; margin-block-end: var(--sp-2); font-size: var(--fs-xs); font-weight: 600; }
.variant-specific-note p { color: var(--muted); line-height: 2; }
.variant-overview { margin-block-start: var(--sp-5); border: 1px solid var(--line); border-radius: 16px; background: var(--surface); max-inline-size: 100%; }
.variant-overview summary { padding: var(--sp-4); cursor: pointer; font-size: var(--fs-sm); font-weight: 550; }
.variant-overview summary span { display: inline-block; font-size: var(--fs-xs); font-weight: 400; color: var(--muted); margin-inline-start: var(--sp-2); }
.variant-overview > p { margin-inline: var(--sp-4); margin-block-end: var(--sp-4); color: var(--muted); font-size: var(--fs-xs); line-height: 2; }
.variant-table-scroll { overflow-x: auto; max-inline-size: 100%; overscroll-behavior-inline: contain; border-radius: 0 0 16px 16px; }
.variant-table-scroll table { inline-size: 100%; min-inline-size: 580px; border-collapse: collapse; font-size: var(--fs-xs); font-variant-numeric: tabular-nums; }
.variant-table-scroll th, .variant-table-scroll td { text-align: start; padding: var(--sp-3) var(--sp-4); border-block-start: 1px solid var(--line); vertical-align: top; }
.variant-table-scroll thead { color: var(--muted); background: var(--soft); }
.variant-table-scroll thead th { font-weight: 500; }
.variant-table-scroll tbody th { font-weight: 550; min-inline-size: 150px; }
.variant-table-scroll td:nth-child(2) { min-inline-size: 150px; max-inline-size: 200px; color: var(--muted); }
.variant-table-scroll tr.selected { background: var(--soft); }
.variant-table-scroll a { text-decoration: underline; text-underline-offset: var(--sp-1); }
.unpublished-value { color: var(--muted); font-size: var(--fs-xs); font-weight: 400; }
.ingredient-block + .ingredient-block { margin-block-start: var(--sp-5); }
#product-page .ingredient-block h3, #product-page .product-notes h3 { font-size: var(--fs-sm); margin-block-end: var(--sp-2); letter-spacing:0px; }
.ingredient-block p { color: var(--muted); font-size:16px; line-height:28px; }
.ingredient-block p + p { margin-block-start: var(--sp-3); }
.allergy-block { padding: var(--sp-4); background: var(--soft); border-radius: 14px; }
.allergy-block h3 { display: flex; align-items: center; gap: var(--sp-2);letter-spacing:0px;}
.allergy-block svg { inline-size: 18px; block-size: 18px; }
.product-notes { border-block-start: 1px solid var(--line); padding-block-start: var(--sp-5); margin-block-start: var(--sp-5); }
.product-notes p { color: var(--muted); font-size: var(--fs-xs); line-height: 2.1; }
.product-notes p + p { margin-block-start: var(--sp-4); }

.nutrition-card { background: var(--surface); border: 1px solid var(--line); border-radius: var(--radius); padding: var(--sp-5); }
.nutrition-card-heading { display: flex; justify-content: space-between; align-items: flex-start; gap: var(--sp-3); }
.nutrition-card-heading > svg { inline-size: 27px; block-size: 27px; color: var(--green); margin-block-start: var(--sp-2); flex: 0 0 auto; }
#nutrition-basis { margin-block-end: var(--sp-5); }
#nutrition-basis .basis-switch { inline-size: fit-content; max-inline-size: 100%; flex-wrap: wrap; }
#nutrition-basis .basis-switch button { min-block-size: 36px; padding-inline: var(--sp-4); }
.nutrition-card .nutri-table { table-layout: fixed; }
.nutrition-card .nutri-table caption { line-height: 1.9; padding-block-end: var(--sp-4); }
.nutrition-card .nutri-table th, .nutrition-card .nutri-table td { padding: var(--sp-3); }
.nutrition-card .nutri-table th { inline-size: 53%; overflow-wrap: anywhere; }
.nutrition-card .nutri-table td { white-space: normal; }
.nutrition-card .nutri-table td small { display: inline-block; margin-inline-start: var(--sp-2); margin-inline-end: 0; }
.nutrition-explanation { color: var(--muted); font-size: var(--fs-xs); line-height: 1.95; margin-block-start: var(--sp-4); }
.nutrition-unavailable { display: grid; grid-template-columns: 22px minmax(0, 1fr); gap: var(--sp-3); background: var(--soft); padding: var(--sp-4); border-radius: 14px; }
.nutrition-unavailable > svg { inline-size: 22px; block-size: 22px; margin-block-start: var(--sp-1); }
#product-page .nutrition-unavailable h3 { font-size: var(--fs-sm); line-height: 1.8; margin-block-end: var(--sp-2);letter-spacing:0px;}
.nutrition-unavailable p { color: var(--muted); font-size: var(--fs-xs); line-height: 2; }
.nutrition-source { border-block-start: 1px solid var(--line); padding-block-start: var(--sp-4); margin-block-start: var(--sp-5); }
.nutrition-source summary { cursor: pointer; font-size: var(--fs-sm); font-weight: 550; }
.nutrition-source[open] summary { margin-block-end: var(--sp-4); }
.nutrition-source .source-box { border: 0; border-radius: 0; padding: 0; margin: 0; font-size: var(--fs-xs); line-height: 2; overflow-wrap: anywhere; }
.source-summary { display: flex; flex-wrap: wrap; gap: var(--sp-2) var(--sp-3); margin-block-end: var(--sp-3); align-items: center; }
.source-status { display: inline-flex; align-items: center; gap: var(--sp-1); padding: var(--sp-1) var(--sp-2); border-radius: 8px; background: var(--soft); color: var(--ink); font-size: var(--fs-xs); }
.nutrition-source .source-box p { margin-block-end: var(--sp-3); }
.nutrition-source .source-box a { display: flex; align-items: flex-start; inline-size: fit-content; max-inline-size: 100%; gap: var(--sp-2); margin: var(--sp-2) 0 0; border: 0; color: var(--green); text-decoration: underline; text-underline-offset: var(--sp-1); }
.nutrition-source .source-box a svg { margin-block-start: var(--sp-1); flex: 0 0 auto; }
.source-attribution { border-inline-start: 2px solid var(--line); padding-inline-start: var(--sp-3); }
.pdp-related { padding-block-start: var(--sp-7); margin-block-start: var(--sp-8); border-block-start: 1px solid var(--line); }
#product-page .pdp-related h2 { font-size:32px; letter-spacing:0px;line-height:48px;}
.pdp-related .section-heading { flex-wrap: wrap; gap: var(--sp-4); }
.pdp-related .text-link { max-inline-size: 100%; font-size: var(--fs-xs); }
#product-page .not-found { padding-block: var(--sp-8); min-block-size: 55dvh; }
#product-page .not-found h1 { font-size: var(--fs-3xl); letter-spacing:0px; }
#product-page .not-found > p:not(.eyebrow) { color: var(--muted); margin-block-end: var(--sp-5); }

@media (max-width: 1100px) {
  .pdp-top, .pdp-content-grid { gap: var(--sp-6); }
  #product-page .pdp-main-photo { block-size: 380px; }
  .pdp-buy-panel { padding: var(--sp-4); }
  .pdp-quick-facts > div { padding-inline: var(--sp-2); }
  .pdp-quick-facts strong { font-size: var(--fs-lg); }
  .pdp-price { align-items: flex-start; flex-direction: column; }
  .nutrition-card { padding: var(--sp-4); }
}

@media (max-width: 800px) {
  html:has(#product-page) { --pdp-header-height: var(--site-header-height, 78px); --pdp-nav-height: 60px; }
  #product-page { padding-block-start: var(--sp-4); }
  .pdp-top, .pdp-content-grid { grid-template-columns: minmax(0, 1fr); gap: var(--sp-6); }
  .pdp-gallery { position: static; }
  #product-page .pdp-main-photo { block-size: clamp(300px, 55vw, 390px); padding-inline: var(--sp-6); }
  .photo-thumbnails { justify-content: center; }
  .gallery-note { text-align: center; }
  #product-page .pdp-copy h1 { font-size:24px;line-height:36px;letter-spacing:0px;}
  .pdp-price { flex-direction: row; align-items: baseline; }
  .pdp-quick-facts strong { font-size: var(--fs-xl); }
  .product-section-nav { gap: var(--sp-5); margin-block: var(--sp-6); overflow-x: auto; overscroll-behavior-inline: contain; }
  .product-section-nav a { font-size: var(--fs-xs); white-space: nowrap; }
  .pdp-content-grid { display: flex; flex-direction: column; }
  .pdp-reading, .pdp-nutrition-column { inline-size: 100%; }
  .pdp-reading { gap: var(--sp-6); }
  .pdp-nutrition-column { order: 1; }
  .nutrition-card { padding: var(--sp-5); }
  .pdp-related { margin-block-start: var(--sp-7); }
}

@media (max-width: 540px) {
  #product-page .back-to-results { margin-block-end: var(--sp-4); }
  #product-page .pdp-main-photo { block-size: 300px; padding: var(--sp-7) var(--sp-4); border-radius: 18px; }
  .pdp-image-caption { inset-block-start: var(--sp-3); inset-inline-start: var(--sp-3); }
  .pdp-photo-foot { inset-block-end: var(--sp-3); }
  .photo-thumbnails button { inline-size: 64px; block-size: 64px; border-radius: 12px; }
  .gallery-note { font-size: var(--fs-xs); }
  #product-page .pdp-copy h1 { line-height:36px; letter-spacing:0px; margin-block-end: var(--sp-3);font-size:24px;}
  .pdp-intro { margin-block-end: var(--sp-4);font-size:16px;line-height:28px;}
  .variant-picker legend { font-size: var(--fs-xs); }
  .variant-picker a { padding-inline: var(--sp-3); }
  .pdp-price { flex-direction: column; gap: var(--sp-2); }
  .pdp-price .price { font-size: var(--fs-xl); }
  .pdp-buy-actions .pdp-add { font-size:16px; padding-inline: var(--sp-3);line-height:24px;}
  .pdp-quantity { gap: var(--sp-1); }
  .pdp-quantity button { inline-size:44px;block-size:44px;min-width:44px;min-height:44px;}
  .pdp-secondary-actions { justify-content: space-between; gap: var(--sp-2); }
  .pdp-secondary-actions button { gap: var(--sp-1); }
  .choice-notes { padding: var(--sp-3); }
  .product-section-nav { gap: var(--sp-4); }
  #product-page :is(.pdp-section, .nutrition-card) h2 { font-size:24px; line-height:36px;letter-spacing:0px;}
  .variant-overview summary { padding: var(--sp-3); font-size: var(--fs-xs); }
  .variant-overview > p { margin-inline: var(--sp-3); }
  .variant-table-scroll table { min-inline-size: 540px; }
  .variant-table-scroll th, .variant-table-scroll td { padding: var(--sp-3); }
  .nutrition-card { padding: var(--sp-4); }
  .nutrition-card .nutri-table th, .nutrition-card .nutri-table td { padding-inline: var(--sp-2); }
  .nutrition-card .nutri-table td small { margin-inline-start: var(--sp-1); }
  .pdp-related .section-heading { display: flex; align-items: flex-start; }
  #product-page .pdp-related h2 { font-size:24px;line-height:36px;letter-spacing:0px;}
}

@media (max-width: 380px) {
  .pdp-quick-facts { grid-auto-flow: row; grid-template-columns: repeat(2, minmax(0, 1fr)); row-gap: var(--sp-4); }
  .pdp-quick-facts > div:nth-child(3) { border-inline-start: 0; padding-inline-start: 0; }
  .pdp-quick-facts strong { font-size: var(--fs-lg); }
  .pdp-kicker { gap: var(--sp-2); }
  .pdp-buy-actions { gap: var(--sp-2); }
  .pdp-secondary-actions { align-items: flex-start; flex-direction: column; }
  .product-section-nav { gap: var(--sp-3); }
}

.allergen-tags{display:flex;gap:8px;flex-wrap:wrap;margin-block:12px}.allergen-tags span{border:1px solid var(--line);background:var(--surface);padding:4px 12px;border-radius:100px;font-size:.75rem}

#product-page .breadcrumbs{padding-block:8px}

.nutrition-caution { display: flex; align-items: flex-start; gap: var(--sp-2); padding: var(--sp-3); margin-block: var(--sp-3); border: 1px solid var(--line); border-inline-start: 3px solid var(--green); border-radius: var(--sp-2); background: var(--soft); font-size: var(--fs-sm); line-height: 2; }
.nutrition-caution svg { flex: 0 0 auto; margin-block-start: var(--sp-1); }