/* MVP layer: rules map to HIDDEN-INVENTORY.md rows */
/* #7 product gallery image 3 (Danielle testimonial card): slide + thumbnail */
[data-media-id="42252664504471"] { display: none !important; }
/* gallery image 2 (benefits card), funnel audit 7 Nov: slide + thumbnail */
[data-media-id="42252664438935"] { display: none !important; }
/* #14 header search: the /search page is not in the MVP */
.header__search, details-modal.header__search { display: none !important; }
/* #13 seam: survey wave + 'Built by people' band after the product reviews/polaroids are hidden (audit P-01) */
#MainContent .shopify-section[id$="__frend_survey"]::after { background-color: #ece3f8 !important; }
#MainContent .shopify-section[id$="__frend_notbrand"] { background-color: #ece3f8 !important; }
/* #12 seam: resources grid with 9 tiles (audit H-03), self-cancels at 10 tiles */
@media (min-width: 990px) { [id$="__hm_toolkit"] .gt-tile:nth-child(9):last-child { grid-column: span 2; } }
@media (max-width: 749px) { [id$="__hm_toolkit"] .gt-tile:nth-child(9):last-child { grid-column: span 2; } }
/* #16 seam (round 6, X13): Resources hub with the blog card hidden leaves 8 cards under the binder, so the last desktop row had an
   empty third slot; the last card spans two columns. Self-cancels at 9 cards. */
@media (min-width: 990px) { #MainContent .grg-grid > .grg-card:nth-child(9):last-child { grid-column: span 2; } }
/* bug fixes, not hides (audit P-02, P-03, P-04) */
.gnb { overflow-x: clip; }
.gpb-fine { position: relative; z-index: 1; }
.gnb-fit { position: relative; z-index: 1; }
/* Less-is-more cuts: rows map to LESS-IS-MORE-CUTS.md */
/* L1 labels above headings (eyebrows) */
[id$="__hm_hero"] .gh-badge, [id$="__hm_checkin"] .gc-step, .go-eyebrow, .gs-eyebrow, .gr-eyebrow, .gk-eyebrow, .gp-eyebrow,
[id$="__frend_compare"] .comparison-subheading, .gth-eyebrow, .gtq-eyebrow, .gtf-eyebrow, .gu-eyebrow, .grh-eyebrow,
.gbh-eyebrow, .fq-eyebrow, .gfd-eyebrow, .gpd-eyebrow, .gcc-eyebrow, [id$="__st_open"] .gso-mast, .gtl-eyebrow,
.gtc-eyebrow, .gcm-eyebrow, .gb-eyebrow { display: none !important; }
/* L2 red scribble marks above headings */
.gtf-orn, .gf-orn, .gt-orn, .gpr-orn { display: none !important; }
/* L3 repeated "Third-party tested": promise-band tags (Home, product page, Our Story); NSF-GMP note under the Home table.
   The tags go but their empty list stays: it is the line break between the refund-terms link and the button. */
.gp-chips > li, .gpp-chips > li, .gtc-chips > li, [id$="__hm_compare"] .gk-provlist > li:first-child { display: none !important; }
/* L4 product page closing band: price line under a button that already shows the price */
[id$="__frend_promise"] .gpp-under { display: none !important; }
/* L5 lines under headings that repeat the section */
[id$="__hm_faq"] .gf-railtext, [id$="__hm_toolkit"] .gt-hub-sub, [id$="__frend_benefits"] .gpb-land,
.inv-panel-fine:has(> a[href="#inv-terms"]), .inv-stepnum { display: none !important; }
/* L6 Home binder band: links next to and under the button */
[id$="__hm_toolkit"] .gt-more, [id$="__hm_toolkit"] .gt-newcomer { display: none !important; }
/* L7 small tags */
[id$="__frend_buybox"] .rating-satisfaction, [id$="__frend_compare"] th.highlighted .product-subtitle, .gcm-chips,
[id$="__gaca_search"] .gaca-card__kicker, .gb-tile-res .gb-spec { display: none !important; }
/* L8 Home research band: 01/02/03 counters and the badge's repeat line */
[id$="__hm_mech"] .gm-num, [id$="__hm_mech"] .gm-dose em { display: none !important; }
[id$="__hm_mech"] .gm-claims li { display: block !important; }
/* W1-W7 free resource pages, owner 28 Oct: "we might wanna do a sweep of those useless ass subheader small text less is mores -
   similar to what we did with the site - in the resources"; "yes" to the 14 cuts (call 44). Lane 5's rules as made
   (run-state/content-2026-10-28/resources-sweep/pages/cuts.css; original words there and in SWEEP-SHEET.html). Each hides one line. */
/* W1 resources hub: "PDF · 22 pages" above the binder card heading */
.grg-meta { display: none !important; }
/* W2 binder page: "We also offer a spreadsheet version for the reusable charts." under the Excel button */
.gbh-fine { display: none !important; }
/* W3 binder page: "The binder has seven parts:" under "What's inside" */
.gbi-lede { display: none !important; }
/* W4 cheat sheet page: "What to do first when caregiving landed on you this week." under the title */
.gsh-sub { display: none !important; }
/* W5 hospital page: "What to say and ask before you let the hospital discharge them." under the title */
.ghd-sub { display: none !important; }
/* W6 after-caregiving page: "A practical guide to what needs doing after a death, facility move, or recovery." under the title */
.gac2-sub { display: none !important; }
/* W7 family kit page: "Use the list to ask each person which tasks they can take on." under the closing heading */
.gfm-panelnote { display: none !important; }
/* Owner fixes 24 Oct: rows map to OWNER-FIXES-2026-10-24.md */
/* O54 Home cream #fbf6f0 -> white on the saffron, story, FAQ and promise bands and the waves into them; beige shapes -> lilac */
[id$="__hm_mech"] .gm, [id$="__hm_story"] .gs, [id$="__hm_faq"] .gf, [id$="__hm_promise"] .gp { background-color: #fff !important; }
[id$="__hm_mech"] .gm-lobe, [id$="__hm_mech"] .gm-photo, [id$="__hm_faq"] .gf-sign { background-color: #e4d9f5 !important; }
[id$="__hm_checkin"] path[fill="#fbf6f0"], [id$="__hm_offer"] path[fill="#fbf6f0"] { fill: #fff !important; }
[id$="__hm_faq"] path[fill="#f0e6d4"] { fill: #e4d9f5 !important; }
[id$="__hm_faq"] details { border-color: #e3d8f0 !important; }
/* O59 layout 1: the stepped edge under the Home comparison band */
[id$="__hm_compare"] .gw-step { display: none !important; }
/* O59 layout 2: Home offer title balanced over two lines, 14px clear of the tag (the tag rides 9px above its card) */
[id$="__hm_offer"] h2 { text-wrap: balance; margin-bottom: 23px !important; }
/* O59 layout 3: product page letter button 4px -> 20px under the sign-off (measured on phone; desktop had the same 4px) */
[id$="__frend_letter"] .gst-cta { margin-top: 20px !important; }
/* O59 layout 4: Home check-in, white space above the card halved (152 -> 76px) */
@media (min-width: 990px) { [id$="__hm_checkin"] .gc { padding-top: 32px !important; } }
/* O59 layout 5: one line above the footer, not two */
.gp .gp-seam { border-top: 0 !important; }
/* O59 layout 6: product page comparison back on the 1180px page grid */
@media (min-width: 990px) { [id$="__frend_compare"] .comparison-container { max-width: 1180px !important; margin-left: auto !important; margin-right: auto !important; } }
/* O59 layout 7: FAQ blocks line up with the other sections (180 -> 130px) */
@media (min-width: 990px) { .gf .gf-inner, .gpf .gf-inner { max-width: 1180px !important; } }
/* O59 layout 8: one opening quote mark per survey quote */
.gps-q { display: none !important; }
/* O59 layout 9: "Buy 2 · Save 10%" keeps its look, tap area 22 -> 44px */
#foQtyBadge { position: relative; }
#foQtyBadge::after { content: ""; position: absolute; left: -4px; right: -4px; top: -11px; bottom: -11px; }
/* O55 Home offer: "Ships free" hidden while "One bottle, one time" is picked */
[id$="__hm_offer"] .go-copy:has(input[value$="plan=onetime"]:checked) .go-trust > li:first-child { display: none !important; }
/* O56 product page "Still deciding?" check-in block */
#MainContent .shopify-section[id$="__frend_checkin"] { display: none !important; }
/* O57 empty cart: Shopify's log-in line and the "Home page" collection card */
.cart__login-title, .cart__login-paragraph { display: none !important; }
/* doubled id: the drawer skin forces the card on with cart-drawer.is-empty #CartDrawer .cart-drawer__collection */
cart-drawer.is-empty #CartDrawer#CartDrawer .cart-drawer__collection, .cart-drawer__collection { display: none !important; }
/* Round 4, 26 Oct: rows map to COPY-APPLIED-2026-10-26.md */
/* P1 phone: the elephant drawing in the Home and product page FAQ blocks pushed the questions 298px down */
@media (max-width: 749px) { [id$="__hm_faq"] .gf-fredwrap, [id$="__frend_faq"] .gf-fredwrap { display: none !important; } }
/* P2 phone: product page comparison stacked like Home's: feature label, then one line per column (header names, same words) */
@media (max-width: 749px) {
  [id$="__frend_compare"] table { display: block !important; width: 100% !important; }
  [id$="__frend_compare"] thead { display: none !important; }
  [id$="__frend_compare"] tbody { display: block !important; }
  [id$="__frend_compare"] tr.feature-row { display: grid !important; grid-template-columns: minmax(0, 10.5em) minmax(0, 1fr); gap: 6px 14px; align-items: center; padding: 16px 0; border-top: 1px solid #e3d8f0; background: none !important; }
  [id$="__frend_compare"] tr.feature-row td.feature-cell { grid-column: 1 / -1; display: block !important; padding: 0 !important; border: 0 !important; background: none !important; width: auto !important; }
  #MainContent [id$="__frend_compare"] .feature-name { font-size: 13px !important; font-weight: 700 !important; letter-spacing: .06em; text-transform: uppercase; color: #6e5a94 !important; line-height: 1.35 !important; text-align: left !important; }
  [id$="__frend_compare"] tr.feature-row td.value-cell { display: contents !important; }
  /* the theme draws the lilac column highlight with td.highlighted::before (absolute); here ::before is the column name in the flow */
  [id$="__frend_compare"] td.value-cell::before { position: static !important; inset: auto !important; width: auto !important; height: auto !important; background: none !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; transform: none !important; z-index: auto !important; margin: 0 !important; padding: 0 !important; opacity: 1 !important;
    font-size: 15px; font-weight: 600; color: #43325c; line-height: 1.4; text-align: left !important; justify-self: start; }
  [id$="__frend_compare"] td.value-cell::after { display: none !important; }
  [id$="__frend_compare"] td.column-1::before { content: "Frend"; }
  [id$="__frend_compare"] td.column-2::before { content: "Typical saffron pills"; }
  [id$="__frend_compare"] td.column-3::before { content: "10-in-1 stress blends"; }
  [id$="__frend_compare"] td.value-cell .text-value { font-size: 15px !important; line-height: 1.4 !important; text-align: left !important; }
  [id$="__frend_compare"] td.value-cell :is(.check-yes, .check-no) { justify-self: start; display: flex; }
}
/* P3 phone: buy-box small print 11-12.5px -> 13px (the FDA footnote stays 12px) */
@media (max-width: 749px) {
  #MainContent [id$="__frend_buybox"] :is(.fo-qty button small, .fo-badge, .fo-note, .fo-day, .fo-qty-badge, .frend-trust-sub, #foCtaNote) { font-size: 13px !important; }
  #MainContent [id$="__frend_buybox"] :is(span[style*="font-size:11px"], span[style*="font-size:12.5px"]) { font-size: 13px !important; }
}
/* P3 cart drawer: the "1 Bottle" option line rendered at 6px */
cart-drawer .product-option, cart-drawer .product-option dd, #CartDrawer .product-option, #CartDrawer .product-option dd { font-size: 13px !important; line-height: 1.35 !important; }
/* P4 buy-box ticks line up with the first line of a long bullet (they sat beside the middle line) */
#MainContent [id$="__frend_buybox"] .product-bullet-item { align-items: flex-start !important; }
#MainContent [id$="__frend_buybox"] .product-bullet-icon { margin-top: 2px; }
/* S1 the last rectangular green buttons become pills like the rest: footer check-in, reviews buttons */
.gchr-f__cta, #MainContent .jm-button.jm-button--primary { border-radius: 999px !important; }
/* S2 no single word alone on a heading's or paragraph's last line (same words, different line breaks) */
#MainContent :is(h1, h2, h3) { text-wrap: balance; }
#MainContent :is(p, li) { text-wrap: pretty; }
#MainContent :is(h1, h2, h3) p { text-wrap: balance; }
/* Round 5, 26 Oct */
/* V15 Home binder list (owner screenshot): two columns sized to their words from 1280px, so no item wraps and the rows space evenly; one column below.
   The two longest items share the left column (seen order 1,2,4,3,5,6): 288 + 211 + 26px gap fits the 554px column, as typed it needed 567 */
@media (min-width: 1280px) {
  #MainContent [id$="__hm_toolkit"] .gt-list { grid-template-columns: repeat(2, max-content) !important; }
  #MainContent [id$="__hm_toolkit"] .gt-list li:nth-child(n+3) { order: 2; }
  #MainContent [id$="__hm_toolkit"] .gt-list li:nth-child(4) { order: 1; }
}
@media (min-width: 750px) and (max-width: 1279px) { #MainContent [id$="__hm_toolkit"] .gt-list { grid-template-columns: 1fr !important; } }
/* V9 the same curvy underline drawn as a background under words in the lines below product page headings ("any of these yourself",
   "a spare you", "a long caregiving day", "it's your normal", "anonymous"): owner "remove that little curvy underline … everywhere in the site" */
.g-ul, #MainContent .g-ul { background-image: none !important; }
/* V12 community tile: the drawing sits on the same lilac shape as the other tiles */
#MainContent [id$="__hm_toolkit"] .gt-tile.gt-tile--teal .gt-lobe g { fill: #e6dbf8 !important; }
/* V14 the seal in the Home buy section's trust row */
#MainContent [id$="__hm_offer"] .go-trust li.is-guarantee .go-seal { width: 22px; height: 22px; flex: 0 0 22px; }
/* V18 repair of O8 (24 Oct): emptying the comparison's corner header cell let the theme's div:empty rule hide it, so every
   cell slid one column left and the row labels landed in the last column. The empty corner keeps its grid slot. */
#MainContent [id$="__hm_compare"] .gk-h--label:empty { display: block !important; }
@media (max-width: 749px) { #MainContent [id$="__hm_compare"] .gk-h--label:empty { display: none !important; } }
/* Round 6, 26 Oct */
/* W2 the line under the Home buy card's new heading (sizes from the approved mock-up) */
#MainContent [id$="__hm_offer"] .go-copy .go-lead { font-size: 18px; line-height: 1.55; color: #43325c; margin: 10px 0 18px; max-width: 30em; }
/* round 7 (Y4): a tick outside the Frend column takes the crosses' grey, not the theme's red */
[id$="__frend_compare"] td.value-cell:not(.highlighted) .check-yes { color: #a49bb4 !important; }
/* Round 9, 26 Oct */
/* AA1 the check-in boxes' first-order fine print */
.fq-promise .fq-first { display: block; margin-top: 14px; font-family: var(--font-body-family) !important; font-size: 13px; line-height: 1.5; color: var(--lavbody); opacity: .85; }
/* AA5 box copy: "Ours stands by itself." on its own bold line, and the copy shows on phones (approved mock box-f1).
   AA8 phone table, Pick A (Seed pattern): one grid, column names once, Frend column a lilac strip. Overrides round 4 P2 on phones. */
#MainContent [id$="__frend_compare"] .cmp-pay { display: block; margin-top: 10px; font-family: var(--font-heading-family) !important; font-weight: 600; font-size: 1.15em; color: #1f003d; }
@media (max-width: 749px) {
#MainContent [id$="__frend_compare"] .comparison-desktop-description { display: block !important; margin: 14px 0 0 !important; } #MainContent [id$="__frend_compare"] .comparison-desktop-description p { transform: none !important; } }
@media (max-width: 749px) {
#MainContent [id$="__frend_compare"] table.comparison-table { display: grid !important; grid-template-columns: minmax(0, 1.35fr) repeat(3, minmax(0, 1fr)); }
#MainContent [id$="__frend_compare"] table.comparison-table :is(thead, tbody, tr) { display: contents !important; }
#MainContent [id$="__frend_compare"] th.product-header { display: flex !important; flex-direction: column; align-items: center; justify-content: flex-end; padding: 12px 4px 10px !important; text-align: center !important; border: 0 !important; width: auto !important; background: none; }
#MainContent [id$="__frend_compare"] th.product-header .comparison-img-wrapper { display: block !important; margin: 0 0 6px !important; }
#MainContent [id$="__frend_compare"] th.product-header .comparison-img { width: 40px !important; height: auto !important; }
#MainContent [id$="__frend_compare"] th.product-header .product-subtitle { display: none !important; }
#MainContent [id$="__frend_compare"] .comparison-product-title { font-size: 13px !important; line-height: 1.25 !important; font-weight: 600 !important; }
#MainContent [id$="__frend_compare"] td.value-cell { display: flex !important; align-items: center; justify-content: center; text-align: center !important; width: auto !important; }
#MainContent [id$="__frend_compare"] td.value-cell::before { content: none !important; }
#MainContent [id$="__frend_compare"] td.value-cell .text-value { font-size: 12.5px !important; line-height: 1.3 !important; text-align: center !important; }
#MainContent [id$="__frend_compare"] .feature-name { text-transform: none !important; letter-spacing: 0 !important; font-weight: 600 !important; color: #43325c !important; text-align: left !important; }
#MainContent [id$="__frend_compare"] :is(th, td).highlighted { background: #ece3f8 !important; }
#MainContent [id$="__frend_compare"] th.feature-header { display: block !important; border: 0 !important; }
#MainContent [id$="__frend_compare"] td.feature-cell { grid-column: auto !important; display: flex !important; align-items: center; padding: 12px 8px 12px 0 !important; border-top: 1px solid #e3d8f0 !important; }
#MainContent [id$="__frend_compare"] .feature-name { font-size: 13px !important; line-height: 1.35 !important; }
#MainContent [id$="__frend_compare"] td.value-cell { padding: 12px 3px !important; border-top: 1px solid #e3d8f0 !important; }
#MainContent [id$="__frend_compare"] th.highlighted { border-radius: 14px 14px 0 0; }
#MainContent [id$="__frend_compare"] tbody tr:last-child td.highlighted { border-radius: 0 0 14px 14px; } }
/* Round 12, 27 Oct */
/* AC2 the heading's asterisk pushed "Three places you'll feel it." past its 506px cap onto two lines at desktop */
#MainContent [id$="__frend_benefits"] .gpb-headl h2 { max-width: 12em !important; }
/* Round 15, 27 Oct */
/* AF1 owner: "the purple text in headlines is mistakenly the wrong font when it should be the heading font". The theme's blanket span rule (body font, !important) caught the purple accent word in every page headline; inherit takes the headline's font. The product page's underlined emphasis words (.g-ul) keep theirs */
#MainContent :is(h1, h2, h3) span[class*="-accent"] { font-family: inherit !important; }
/* No-gate, 27 Oct */
/* NG7 the Home blog band's bottom wave was still cream (#fbf6f0) into a white band, the one wave O54 missed; the band is hidden on the MVP and shows on the full copy */
[id$="__hm_blog"] path[fill="#fbf6f0"] { fill: #fff !important; }
/* NG8 accessibility: the comparison's Frend-column check marks were #4b9189 on lavender (2.96:1; icons need 3); same #2f6b63 as the column's text */
[class*="__frend_compare"] .value-cell.highlighted .check-yes:not(#_) { color: #2f6b63 !important; }
/* NG9 accessibility: Home toolkit tile label "FACEBOOK GROUP" was #d6ebe7 on teal #457f79 (3.7:1, small text needs 4.5); white is the only tint that passes (4.6:1) */
#gt-template--20844609274007__hm_toolkit .gt-tile.gt-tile--teal > span:last-child:not(#_) { color: #fff !important; }
/* NG10 accessibility: keyboard focus ring on the two offer boxes and on the theme's button classes, whose rules switch the outline off
   (main buy button, sticky-bar button, "Send me updates"); same 2px teal ring the bottle buttons show. Keyboard focus only */
#frend-offer .fo-mode:focus-visible:not(#_), :is(.btn, .button, .theme-button, button[type="submit"], .shop-add-to-cart-wrapper button):focus-visible:not(#_) { outline: 2px solid #457f79 !important; outline-offset: 2px !important; }
/* NG11 the check-in question that receives focus after each step is text, not a control: no ring on it */
.fq-screen :is(h1, h2, .fq-q, .fq-mirror, .fq-fcard p)[tabindex="-1"]:focus:not(#_) { outline: none !important; }
/* NG12 accessibility, blog index (hidden on the MVP): the resources tile's line under its title was white at 80% on green (4.01:1, needs 4.5); 92% passes (4.72:1) */
.gb-tile .gb-dek:not(#_):not(#_) { color: rgba(255,255,255,.92) !important; } /* beats the page's #gblg-…__main .gb-tile .gb-dek */
/* NG13 accessibility, blog articles (hidden on the MVP): the mid-article "read next" link was teal #457f79 on lavender (3.97:1); the July pass's darker teal #2f6b63 for text links */
.ga-midrail-go a:not(#_):not(#_):not(#_):not(#_) { color: #2f6b63 !important; } /* beats the page's #ga-…__main .ga-midrail-go a:not(#_):not(#_) */
/* Owner calls, 27 Oct evening */
/* C4 owner "darken": the ticks and crosses outside the Frend column were #a49bb4, 2.65:1 on the white table (WCAG 1.4.11: marks that carry the meaning need 3:1).
   Same hue, darker: #968ba8 = 3.2:1. Grey since 31 Jul (crosses) and 26 Oct round 7 (ticks); no contrast check for either is recorded in the repo */
[id$="__frend_compare"] td.value-cell:not(.highlighted) :is(.check-yes, .check-no):not(#_):not(#_) { color: #968ba8 !important; }
/* Owner 28 Oct */
/* D1 the certificate picture fills the stacked-sheet frame the section was built for; the link around it takes the frame's full size */
[id$="__q_label"] .gts-platein > a.gts-coa:not(#_) { display: block; width: 100%; height: 100%; }
/* whole page in view: the frame is narrower than a letter page on phones (cover clipped both sides there); the frame is white paper, so the spare space reads as margin */
[id$="__q_label"] .gts-plate img:not(#_):not(#_) { object-fit: contain; background: #ffffff; }
/* Site build pass 2, 28 Oct */
/* P1 the asterisk hangs past the line's end (out of the line's flow, so it takes no width), so the 1280 drawer keeps the promise on one line as before; the span around
   the words takes the text's old place as the heading's one flex item; inherit beats the theme's blanket span rule (body font), as AF1 */
.cart-drawer .mvp-pl:not(#_) { position: relative; font-family: inherit !important; } .cart-drawer .mvp-ast:not(#_) { position: absolute; font-family: inherit !important; }
/* P1 the cart drawer's first-order fine print, the check-in boxes' .fq-first look (own line, body font, muted) in the drawer's ink;
   12px because the promise line above it is 12px (the check-in's 13px sits under 16px text) */
.cart-drawer .mvp-first:not(#_) { display: block; margin: 2px 0 0; font-family: var(--font-body-family) !important; font-size: 12px; line-height: 1.4; color: #1f003d; opacity: .85; text-align: center; }
/* Sale banner, 6 Nov */
.frend-sale { display: block; padding: 7px 16px; background: #e6dcf6; color: #1f003d !important; font-family: var(--font-body-family) !important; font-size: 13.5px; font-weight: 600; line-height: 1.4; text-align: center; text-decoration: none !important; }
.frend-sale:hover { text-decoration: underline !important; text-underline-offset: 2px; }
.frend-sale:focus-visible { outline: 2px solid #1f003d; outline-offset: -3px; }
@media (max-width: 919px) { .frend-sale { font-size: 12.5px; padding: 6px 12px; } }
/* Funnel fixes, 7 Nov: rows map to run-state/funnel-audit-2026-11-07/APPROVED-QUEUE.md */
/* fix 3: no quiz pill in the product page header (the menu drawer keeps its link) */
body[data-mvp-page="pdp"] .header__checkin-cta:not(#_):not(#_) { display: none !important; }
/* call 3: the bottle row is hidden, not removed: the buy box script reads the chosen bottle count from it */
#frend-offer .fo-qty-label, #frend-offer .fo-qty { display: none !important; }
/* the saving line in each plan card */
#frend-offer .fo-save { display: block !important; text-align: right; padding: 0 14px; margin: 0 0 10px; font-size: 13.5px; font-weight: 700; line-height: 1.35; color: #2f6f68; }
/* fix 5: one list left in the fit block */
[id^="gnb-template"] .gnb-fit:not(#_) { grid-template-columns: minmax(0, 1fr); }
/* fix 7: the survey note beside the FDA line, 12px */
.gchr-f__fine-text--note { margin-top: 6px !important; font-size: 12px !important; }
/* fix 12: Supplement Facts in a closed row */
.gnb-facts { position: relative; z-index: 1; background: #fff; border-radius: 12px; }
.gnb-facts > summary { display: flex; align-items: center; justify-content: space-between; gap: 12px; min-height: 52px; padding: 14px 18px; cursor: pointer; list-style: none; font-family: var(--font-heading-family) !important; font-size: 17px; font-weight: 700; color: #1f003d; }
.gnb-facts > summary::-webkit-details-marker { display: none; }
.gnb-facts > summary::after { content: "+"; font-size: 22px; line-height: 1; color: #1f003d; }
.gnb-facts[open] > summary::after { content: "\2212"; }
.gnb-facts > summary:focus-visible { outline: 2px solid #1f003d; outline-offset: 2px; }
.gnb-facts .gnb-panel > h3 { display: none; }
.gnb-facts .gnb-panel:not(#_):not(#_) { box-shadow: none !important; border-radius: 12px; }
.gnb-facts__cert { margin: 0; padding: 12px 18px 16px; font-size: 14px; line-height: 1.4; color: #43325c; }