/*
 * Folium Organics - Enfold 8.0 child theme design system.
 * Ported from DESIGN/design-tokens.css + DESIGN/DEVELOPER-HANDOVER.md + DESIGN/pages/proof.css (part 1).
 * Loaded last by functions.php (no dependency) so it wins the cascade over Enfold core, the
 * dynamic colour CSS and the per-post CSS. Selectors are prefixed with #top / #top #wrap_all
 * where Enfold's own rules are specific. !important only where Enfold inlines styles.
 *
 * Order: tokens -> base/typography -> layout -> header/nav/mega/mobile -> title bar ->
 * footer/socket -> buttons -> sections/bands -> grids/split -> components -> product template
 * -> blog -> Forminator -> responsive.
 */

/* ===================================================================== 1. DESIGN TOKENS (verbatim from DESIGN/design-tokens.css) */

/* =====================================================================
   Folium Organics - design tokens
   Source: the approved pages in client-proof-3 (inline values) + the
   "organic" design-system stylesheet the project was started from.
   NOTE: the live design does NOT use the starter system's cream/terracotta
   palette or Caprasimo/Figtree fonts. Everything below is what the
   approved pages actually use. Build the Enfold child theme from these.
   ===================================================================== */
:root {
  /* ---------- Colour: dark greens (do NOT merge - each has a job) ---------- */
  --fo-ink:          #12190F; /* page background, footer, dark text on sage; darkest green */
  --fo-ink-deep:     #0B1109; /* one-off deepest shadow tone (rare) */
  --fo-ink-soft:     #161F13; /* one-off (rare) */
  --fo-forest:       #1A2416; /* alternate section background (tabs section, "why", CTA band base) */
  --fo-panel:        #1F2A1A; /* raised panel / card / dropdown / composition box background; button hover */
  --fo-moss:         #223118; /* image placeholder fill behind photos & tiles */
  --fo-moss-2:       #223321; /* one-off panel tint */
  --fo-moss-3:       #253519; /* one-off panel tint */
  --fo-moss-4:       #26341F; /* one-off panel tint */
  --fo-moss-5:       #26361E; /* one-off panel tint */
  --fo-moss-6:       #29301B; /* one-off panel tint */
  --fo-pine:         #435840; /* PRIMARY BUTTON fill ("Request Specs", "Request Sample & Specs"); list dots */
  --fo-pine-light:   #4F6A4B; /* one-off */
  --fo-thyme:        #5C7256; /* secondary text on light (cream/white) sections */
  --fo-fern:         #5E7A57; /* composition bar fill #2 */
  --fo-olive-dark:   #5E6B44; /* one-off text on light sections */

  /* ---------- Colour: sage accents ---------- */
  --fo-sage:         #A4BFAB; /* PRIMARY ACCENT: links, active tab underline, labels in tables, badge strip bg, CTA-band button, bar fill #1/#4 */
  --fo-mist:         #C9DCC9; /* accent HOVER (links, sage button hover), footer logo gradient */
  --fo-lichen:       #8FA48D; /* italic Latin names, small uppercase eyebrows */
  --fo-olive:        #94A689; /* logo "Organics" wordmark, bar fill #3 (#94A68A in the logo gradient = same colour) */
  --fo-sage-pale:    #C3D3BB; /* bar fill #5 (spare) */
  --fo-sage-paler:   #D3DFCB; /* bar fill #6 (spare) */

  /* ---------- Colour: light neutrals ---------- */
  --fo-cream:        #FBF8F2; /* body text on dark, headings on dark, light section bg (Blog listing) */
  --fo-white:        #FFFFFF; /* light content sections (FAQs, Certifications, Research, Video) */
  --fo-sand:         #F5EFE3; /* light card fill */
  --fo-linen:        #EDE8DC; /* light hairlines on cream */
  --fo-bone:         #EDEAE0; /* light hairlines on white */
  --fo-frost:        #EDF2EC; /* pale green band (Certifications "Every powder is") */

  /* ---------- Colour: roles (use these names in the child theme) ---------- */
  --fo-bg:            var(--fo-ink);
  --fo-bg-alt:        var(--fo-forest);
  --fo-surface:       var(--fo-panel);
  --fo-text:          var(--fo-cream);
  --fo-text-body:     rgba(251,248,242,0.74); /* paragraphs on dark */
  --fo-text-strong:   rgba(251,248,242,0.82); /* table values, bar labels */
  --fo-text-muted:    rgba(251,248,242,0.62); /* captions, footnotes, breadcrumb, inactive tab */
  --fo-heading:       var(--fo-cream);
  --fo-accent:        var(--fo-sage);
  --fo-accent-hover:  var(--fo-mist);
  --fo-btn:           var(--fo-pine);
  --fo-btn-hover:     var(--fo-panel);
  --fo-hairline:      rgba(164,191,171,0.14); /* default row/table hairline */
  --fo-hairline-soft: rgba(164,191,171,0.08); /* analysis table rows */
  --fo-hairline-strong: rgba(164,191,171,0.22); /* analysis table header rule */
  --fo-focus:         var(--fo-sage);

  /* ---------- Typography ---------- */
  /* Google Fonts: Jost (ital,wght 0,200;0,300;0,400;0,500;1,300;1,400;1,500) + Inter (300;400;500;600;700) */
  --fo-font-head: 'Jost', system-ui, sans-serif;   /* H1, H2, large numbers, italic Latin names, mobile menu links */
  --fo-font-body: 'Inter', system-ui, sans-serif;  /* body, labels, buttons, tables, H3 card titles */
  --fo-fs-hero:   clamp(38px, 4.2vw, 60px);  /* home/inner hero H1, Jost 300-400, line-height 1.06, tracking -0.02em */
  --fo-fs-h1:     clamp(34px, 3.8vw, 54px);  /* product H1, Jost 400, lh 1.08, tracking -0.02em, max 17ch */
  --fo-fs-h2:     clamp(28px, 2.8vw, 40px);  /* section/tab H2, Jost 400, lh 1.14, tracking -0.018em */
  --fo-fs-h2-lg:  clamp(30px, 3.2vw, 46px);  /* CTA band H2, Jost 400, lh 1.12 */
  --fo-fs-h2-post:clamp(24px, 2.4vw, 32px);  /* H2 inside blog posts */
  --fo-fs-h3:     17px;    /* card titles, Inter 600, tracking -0.012em */
  --fo-fs-h3-sm:  15.5px;  /* application card / step titles, Inter 600 */
  --fo-fs-lead:   17.5px;  /* hero intro, Inter 300, lh 1.68 */
  --fo-fs-body:   17px;    /* body copy, Inter 300, lh 1.75 */
  --fo-fs-post:   18px;    /* blog body, Inter 300, lh 1.8 */
  --fo-fs-ui:     14.5px;  /* tab labels, table values, buttons-small */
  --fo-fs-label:  13.5px;  /* table labels (600 sage), bar labels, captions */
  --fo-fs-small:  12.5px;  /* breadcrumb, footnotes, analysis units */
  --fo-fs-eyebrow:11.5px;  /* uppercase eyebrow / footer column titles, tracking 0.1em, 500-600 */
  --fo-fs-th:     12px;    /* analysis table header, uppercase, tracking 0.07em, 600 */
  --fo-fs-latin:  19px;    /* product Latin name, Jost italic, --fo-lichen */
  --fo-lh-body: 1.75;
  --fo-track-head: -0.018em;

  /* ---------- Spacing / layout ---------- */
  --fo-max:        1224px;                     /* content max width (proof: 1224 product / 1080 text pages; handover said 1320) */
  --fo-gutter:     clamp(20px, 3.3vw, 48px);   /* side padding */
  --fo-space-1: 4px; --fo-space-2: 8px; --fo-space-3: 12px; --fo-space-4: 16px; --fo-space-5: 22px;
  --fo-space-6: 30px; --fo-space-7: 44px; --fo-space-8: 68px; --fo-space-9: 88px;
  --fo-section-y:        84px;  /* desktop section padding (design uses 82-92px) */
  --fo-section-y-mobile: 44px;  /* <= 820px: 44px top, 36-52px bottom */
  --fo-col-gap:    clamp(32px, 4vw, 72px);
  --fo-card-gap:   16px;
  --fo-header-h:   76px;  /* sticky header (min-height); shrinks on scroll - see handover §9 */

  /* ---------- Radii ---------- */
  --fo-radius:      12px;  /* buttons (square variant), cards, panels, images, dropdowns */
  --fo-radius-img:  14px;  /* description image */
  --fo-radius-pill: 999px; /* pill buttons, bar tracks, toggle */

  /* ---------- Shadows ---------- */
  --fo-shadow-drop: 0 26px 60px rgba(18,25,15,0.18);  /* mega menu */
  --fo-shadow-img:  0 24px 54px rgba(18,25,15,0.12);  /* hero gallery image */
  --fo-shadow-modal:0 30px 70px rgba(0,0,0,0.5);      /* search panel */

  /* ---------- Breakpoints (reference - CSS vars can't be used in @media) ----------
     1100px  burger menu replaces the desktop nav (<=1100)
      900px  2-col splits stack to 1 col; 5-col badge rows stack; 4-col grids -> 2
      820px  mobile section spacing
      600px  header CTA hidden (moves into the mobile menu)
      560px  2-col grids -> 1 col
     Responsive Tester devices: Small mobile 360, Mobile 390, Large mobile 430, Tablet 768,
     Tablet landscape 1024, Small laptop 1152, Laptop 1280, Desktop 1440, Wide 1920. */
}

/* ---------- Opacity tints (rgba of the base colours) - generated from every value used ---------- */
:root {
  --fo-black-a50: rgba(0,0,0,0.5);
  --fo-cream-a10: rgba(251,248,242,0.1);
  --fo-cream-a38: rgba(251,248,242,0.38);
  --fo-cream-a40: rgba(251,248,242,0.4);
  --fo-cream-a50: rgba(251,248,242,0.5);
  --fo-cream-a55: rgba(251,248,242,0.55);
  --fo-cream-a60: rgba(251,248,242,0.6);
  --fo-cream-a62: rgba(251,248,242,0.62);
  --fo-cream-a68: rgba(251,248,242,0.68);
  --fo-cream-a70: rgba(251,248,242,0.7);
  --fo-cream-a72: rgba(251,248,242,0.72);
  --fo-cream-a74: rgba(251,248,242,0.74);
  --fo-cream-a75: rgba(251,248,242,0.75);
  --fo-cream-a78: rgba(251,248,242,0.78);
  --fo-cream-a80: rgba(251,248,242,0.8);
  --fo-cream-a82: rgba(251,248,242,0.82);
  --fo-cream-a84: rgba(251,248,242,0.84);
  --fo-cream-a85: rgba(251,248,242,0.85);
  --fo-cream-a86: rgba(251,248,242,0.86);
  --fo-grey-a70: rgba(140,150,135,0.7);
  --fo-ink-a00: rgba(18,25,15,0);
  --fo-ink-a05: rgba(18,25,15,0.05);
  --fo-ink-a06: rgba(18,25,15,0.06);
  --fo-ink-a10: rgba(18,25,15,0.10);
  --fo-ink-a12: rgba(18,25,15,0.12);
  --fo-ink-a13: rgba(18,25,15,0.13);
  --fo-ink-a14: rgba(18,25,15,0.14);
  --fo-ink-a16: rgba(18,25,15,0.16);
  --fo-ink-a18: rgba(18,25,15,0.18);
  --fo-ink-a25: rgba(18,25,15,0.25);
  --fo-ink-a30: rgba(18,25,15,0.3);
  --fo-ink-a32: rgba(18,25,15,0.32);
  --fo-ink-a45: rgba(18,25,15,0.45);
  --fo-ink-a50: rgba(18,25,15,0.5);
  --fo-ink-a55: rgba(18,25,15,0.55);
  --fo-ink-a60: rgba(18,25,15,0.6);
  --fo-ink-a62: rgba(18,25,15,0.62);
  --fo-ink-a64: rgba(18,25,15,0.64);
  --fo-ink-a66: rgba(18,25,15,0.66);
  --fo-ink-a68: rgba(18,25,15,0.68);
  --fo-ink-a70: rgba(18,25,15,0.7);
  --fo-ink-a72: rgba(18,25,15,0.72);
  --fo-ink-a75: rgba(18,25,15,0.75);
  --fo-ink-a78: rgba(18,25,15,0.78);
  --fo-ink-a84: rgba(18,25,15,0.84);
  --fo-ink-a88: rgba(18,25,15,0.88);
  --fo-ink-a96: rgba(18,25,15,0.96);
  --fo-mist-a78: rgba(201,220,201,0.78);
  --fo-panel-a96: rgba(31,42,26,0.96);
  --fo-pine-a07: rgba(67,88,64,0.07);
  --fo-pine-a28: rgba(67,88,64,0.28);
  --fo-sage-a08: rgba(164,191,171,0.08);
  --fo-sage-a09: rgba(164,191,171,0.09);
  --fo-sage-a10: rgba(164,191,171,0.1);
  --fo-sage-a12: rgba(164,191,171,0.12);
  --fo-sage-a13: rgba(164,191,171,0.13);
  --fo-sage-a14: rgba(164,191,171,0.14);
  --fo-sage-a16: rgba(164,191,171,0.16);
  --fo-sage-a18: rgba(164,191,171,0.18);
  --fo-sage-a20: rgba(164,191,171,0.2);
  --fo-sage-a22: rgba(164,191,171,0.22);
  --fo-sage-a24: rgba(164,191,171,0.24);
  --fo-sage-a25: rgba(164,191,171,0.25);
  --fo-sage-a28: rgba(164,191,171,0.28);
  --fo-sage-a30: rgba(164,191,171,0.3);
  --fo-sage-a34: rgba(164,191,171,0.34);
  --fo-sage-a40: rgba(164,191,171,0.4);
  --fo-sage-a42: rgba(164,191,171,0.42);
  --fo-sage-a45: rgba(164,191,171,0.45);
  --fo-sage-a55: rgba(164,191,171,0.55);
  --fo-sage-a72: rgba(164,191,171,0.72);
  --fo-sage-a92: rgba(164,191,171,0.92);
  --fo-sand-a20: rgba(245,239,227,0.2);
  --fo-sand-a40: rgba(245,239,227,0.4);
  --fo-shadow-a50: rgba(9,13,8,0.5);
  --fo-shadow-a80: rgba(9,13,8,0.8);
  --fo-shadow-a92: rgba(9,13,8,0.92);
}

/* ===================================================================== 2. BASE + TYPOGRAPHY (handover 2.1 / 2.2) */

body, #top #wrap_all {
  font-family: var(--fo-font-body);
  font-weight: 300;
  font-size: var(--fo-fs-body);
  line-height: var(--fo-lh-body);
  color: var(--fo-text-body);
  background: var(--fo-ink);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
/* no Enfold grey anywhere */
#top #wrap_all, #top #main, .html_stretched #wrap_all, #top .html_stretched #wrap_all,
#top .container_wrap_first { background-color: var(--fo-ink); }
#top #wrap_all .container_wrap { border-top: 0; border-bottom: 0; }

::selection { background: var(--fo-sage); color: var(--fo-ink); }
:focus-visible { outline: 2px solid var(--fo-sage); outline-offset: 2px; border-radius: 4px; }
:focus:not(:focus-visible) { outline: none; }

#top a { color: var(--fo-sage); text-decoration: none; transition: color .16s ease; }
#top a:hover { color: var(--fo-mist); }
#top img { max-width: 100%; height: auto; }

/* headings: Jost for H1/H2, Inter for card titles */
#top h1, #top h2, #top .av-special-heading-h1 .av-special-heading-tag, #top .av-special-heading-h2 .av-special-heading-tag {
  font-family: var(--fo-font-head); font-weight: 400; color: var(--fo-heading); letter-spacing: var(--fo-track-head); text-transform: none;
}
#top h1, #top .av-special-heading-h1 .av-special-heading-tag { font-size: var(--fo-fs-h1); line-height: 1.08; letter-spacing: -0.02em; }
#top h2, #top .av-special-heading-h2 .av-special-heading-tag { font-size: var(--fo-fs-h2); line-height: 1.14; }
#top h3, #top h4, #top h5, #top h6,
#top .av-special-heading-h3 .av-special-heading-tag, #top .av-special-heading-h4 .av-special-heading-tag {
  font-family: var(--fo-font-body); font-weight: 600; color: var(--fo-heading); letter-spacing: -0.012em; text-transform: none; line-height: 1.3;
}
#top h3, #top .av-special-heading-h3 .av-special-heading-tag { font-size: var(--fo-fs-h3); }
#top h4 { font-size: 15.5px; }
#top .av-special-heading { margin: 0 0 20px; width: 100%; }
#top .av-special-heading.av-special-heading-h1 { margin-bottom: 20px; }
#top .av-special-heading.av-special-heading-h3 { margin-bottom: 12px; }
#top .av-special-heading .av-special-heading-tag { float: none; display: block; padding: 0; margin: 0; text-wrap: balance; }
#top .av-special-heading .special-heading-border { display: none; }
#top .av_textblock_section + .av-special-heading, #top .avia-icon-list-container + .av-special-heading,
#top .avia-image-container + .av-special-heading { margin-top: 36px; }

/* text blocks */
#top .avia_textblock { font-size: var(--fo-fs-body); line-height: var(--fo-lh-body); font-weight: 300; color: var(--fo-text-body); }
#top .avia_textblock p, #top .avia_textblock ul, #top .avia_textblock ol { margin: 0 0 18px; }
#top .avia_textblock > :first-child { margin-top: 0; }
#top .avia_textblock > :last-child { margin-bottom: 0; }
#top .avia_textblock h3 { margin: 0 0 10px; }
#top .avia_textblock a { color: var(--fo-mist); text-decoration: underline; text-decoration-color: var(--fo-sage-a55); text-underline-offset: 3px; }
#top .avia_textblock a:hover { color: var(--fo-cream); }
#top .avia_textblock strong { color: var(--fo-cream); font-weight: 600; }
#top .avia_textblock small { display: block; }
#top .av_textblock_section + .av_textblock_section { margin-top: 16px; }
#top .av_textblock_section + .avia-button-wrap, #top .av_textblock_section + .avia-buttonrow-wrap,
#top .avia-icon-list-container + .avia-button-wrap, #top .avia-data-table-wrap + .avia-buttonrow-wrap,
#top .avia-data-table-wrap + .avia-button-wrap { margin-top: 28px; }
#top .avia-icon-list-container + .av_textblock_section { margin-top: 22px; }

/* type utilities (element custom classes land on .avia_textblock; in-HTML helpers on <p>) */
#top .fo-eyebrow, #top .avia_textblock.fo-eyebrow, #top .avia_textblock.fo-eyebrow p, #top p.fo-eyebrow {
  font-family: var(--fo-font-body); font-weight: 600; font-size: var(--fo-fs-eyebrow); line-height: 1.4;
  text-transform: uppercase; letter-spacing: .12em; color: var(--fo-lichen); margin: 0 0 14px;
}
#top .avia_textblock.fo-latin, #top .avia_textblock.fo-latin p { font-family: var(--fo-font-head); font-style: italic; font-weight: 400; font-size: var(--fo-fs-latin); line-height: 1.3; color: var(--fo-lichen); margin: 0 0 8px; }
#top span.fo-latin, #top .fo-latin { font-family: var(--fo-font-head); font-style: italic; color: var(--fo-lichen); }
#top .fo-h1 h1 { font-size: var(--fo-fs-h1); max-width: 17ch; }
#top .avia_textblock.fo-intro, #top .avia_textblock.fo-intro p { font-size: var(--fo-fs-lead); line-height: 1.68; font-weight: 300; color: var(--fo-text-body); }
#top .avia_textblock.fo-intro { margin-bottom: 30px; max-width: 54ch; }
#top .avia_textblock.fo-intro-line { margin-bottom: 8px; }
#top .avia_textblock.fo-body, #top .avia_textblock.fo-body p { font-size: var(--fo-fs-body); line-height: var(--fo-lh-body); color: var(--fo-text-body); }
#top .avia_textblock.fo-footnote, #top .avia_textblock.fo-footnote p { font-size: 14px; line-height: 1.7; color: var(--fo-text-muted); margin: 0; }
#top .avia_textblock.fo-footnote { margin-top: 4px; }
#top .avia_textblock.fo-caption, #top .avia_textblock.fo-caption p, #top .fo-caption { font-size: 13px; line-height: 1.5; color: var(--fo-cream-a50); font-weight: 300; }
#top .avia_textblock.fo-caption { margin-top: 10px; }
#top .avia-image-container + .av_textblock_section .fo-caption { margin-top: 10px; }
#top .fo-link-arrow a, #top .avia_textblock.fo-link-arrow a, #top .avia_textblock p.fo-link-arrow a {
  display: inline-flex; align-items: center; gap: 6px; font-weight: 500; font-size: 15px; color: var(--fo-sage); text-decoration: none; white-space: nowrap;
}
#top .fo-link-arrow a:hover, #top .avia_textblock.fo-link-arrow a:hover, #top .avia_textblock p.fo-link-arrow a:hover { color: var(--fo-mist); }
#top .avia_textblock.fo-lead, #top .avia_textblock.fo-lead p { font-family: var(--fo-font-head); font-weight: 300; font-size: 22px; line-height: 1.45; color: var(--fo-cream); }
#top .avia_textblock.fo-cta-p, #top .avia_textblock.fo-cta-p p { font-size: 17.5px; line-height: 1.7; color: var(--fo-cream-a84); }
#top .avia_textblock.fo-cta-p { margin: 0 auto 32px; max-width: 640px; }

/* ===================================================================== 3. LAYOUT CONTAINERS (handover 2.3) */

#top #wrap_all .container, .responsive #top #wrap_all .container {
  width: 100%; max-width: calc(var(--fo-max) + 2 * var(--fo-gutter)); padding-left: var(--fo-gutter); padding-right: var(--fo-gutter); margin: 0 auto; float: none;
}
/* .template-page is the same element as .content: only reset the sides, so the section-padding rules below keep their top/bottom values */
#top #main .avia-section .template-page { width: 100%; padding-left: 0; padding-right: 0; margin: 0; border: 0; }
#top .avia-section .template-page .entry-content-wrapper { padding: 0; }
#top .avia-section .content { border: 0; margin: 0; }

/* section padding: default 84 / small 36 / large 92 (handover 2.3) */
#top .avia-section-default .content, #top .avia-section-default .sidebar { padding-top: var(--fo-section-y); padding-bottom: var(--fo-section-y); }
#top .avia-section-small .content, #top .avia-section-small .sidebar { padding-top: 36px; padding-bottom: 36px; }
#top .avia-section-large .content, #top .avia-section-large .sidebar { padding-top: 92px; padding-bottom: 92px; }
#top .avia-section-huge .content { padding-top: 130px; padding-bottom: 130px; }
#top .avia-section-no-padding .content, #top .avia-section-custom .content { padding-top: 0; padding-bottom: 0; }
#top .avia-section.fo-tight .content { padding-top: 40px; padding-bottom: 40px; }
#top .avia-section { min-height: 0; }
#top .avia-section.av-minimum-height .container { display: table; }

/* columns: Enfold's 50px top margin becomes the grid gap inside fo-grid-* sections (see 9) */
#top .flex_column.column-top-margin { margin-top: 44px; }

/* images (Enfold adds 3px radius + 10px bottom margin) */
#top .avia-image-container, #top .avia-image-container.avia-align-center { margin: 0 0 16px; }
#top .avia-image-container.avia-builder-el-last, #top .avia-image-container.avia-builder-el-no-sibling { margin-bottom: 0; }
#top .avia-image-container-inner, #top .avia_image, #top .av-image-caption-overlay { border-radius: var(--fo-radius); }
#top .avia-image-container.avia-align-center .avia-image-container-inner { display: block; width: 100%; }
#top .avia-image-overlay-wrap { display: block; }
#top .avia_image { display: block; width: 100%; }

/* ===================================================================== 4. HEADER + NAV (handover 9) */

/* sticky 76px bar: rgba ink .96 + blur, bottom hairline sage 13% */
#top #header { position: fixed; background: transparent; }
#top #header .header_bg { background: rgba(18,25,15,.96); opacity: 1; -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); }
#top #header_main { border-bottom: 1px solid var(--fo-sage-a13); background: transparent; }
#top #header_main .container, #top #header_main > .container { min-height: var(--fo-header-h); height: var(--fo-header-h); line-height: var(--fo-header-h); display: flex; align-items: center; justify-content: space-between; }
#top #header_main .container::before, #top #header_main .container::after { content: none; }
.html_header_top.html_header_sticky #top #wrap_all #main { padding-top: var(--fo-header-h); }
/* header stays 76px - neutralise Enfold's shrink-on-scroll (it writes inline heights) */
.html_header_top.html_header_sticky #top #wrap_all #header_main .container,
.html_header_top.html_header_sticky #top #wrap_all #header.header-scrolled #header_main .container { height: var(--fo-header-h) !important; line-height: var(--fo-header-h) !important; }

/* logo: inline svg, height clamp(30px,3.4vw,50px) */
#top #header .logo { float: none; display: flex; align-items: center; height: var(--fo-header-h); padding: 0; margin: 0; }
#top #header .logo a { display: flex; align-items: center; height: auto; }
#top #header .logo svg, #top #header .logo a > svg, #top #header .logo img, #top #header .logo a > img,
#top #header.header-scrolled .logo svg, #top #header.header-scrolled .logo img { height: clamp(30px, 3.4vw, 50px) !important; max-height: none; width: auto !important; }

/* nav */
#top #header .main_menu { float: none; height: var(--fo-header-h); display: flex; align-items: center; }
#top #header .av-main-nav-wrap { float: none; }
#top #header .av-main-nav { display: flex; align-items: center; gap: 2px; }
#top #header .av-main-nav > li { float: none; display: flex; align-items: center; height: var(--fo-header-h); }
#top #header .av-main-nav > li > a {
  font-family: var(--fo-font-body); font-weight: 500; font-size: clamp(13px, 1vw, 14px); letter-spacing: 0; text-transform: none;
  color: var(--fo-cream-a74); height: var(--fo-header-h); line-height: var(--fo-header-h); padding: 0 12px; border: 0; background: transparent; transition: color .16s ease;
}
#top #header .av-main-nav > li > a .avia-menu-text { position: relative; display: inline-block; line-height: 1.4; }
#top #header .av-main-nav > li > a .avia-menu-text::after { content: ''; position: absolute; left: 0; right: 0; bottom: -6px; height: 2px; background: transparent; transition: background .16s ease; }
#top #header .av-main-nav > li > a:hover, #top #header .av-main-nav > li:hover > a, #top #header .av-main-nav > li > a:focus-visible { color: var(--fo-cream); }
#top #header .av-main-nav > li > a:hover .avia-menu-text::after, #top #header .av-main-nav > li:hover > a .avia-menu-text::after { background: var(--fo-sage-a55); }
#top #header .av-main-nav > li.current-menu-item > a, #top #header .av-main-nav > li.current_page_item > a,
#top #header .av-main-nav > li.current-menu-ancestor > a { color: var(--fo-cream); font-weight: 600; }
#top #header .av-main-nav > li.current-menu-item > a .avia-menu-text::after, #top #header .av-main-nav > li.current_page_item > a .avia-menu-text::after,
#top #header .av-main-nav > li.current-menu-ancestor > a .avia-menu-text::after { background: var(--fo-sage); }
#top #header .av-main-nav .avia-menu-fx, #top #header .avia-bullet { display: none; }
/* burger breakpoint (Enfold "tablet" activation = 989px): hide the desktop items, keep the burger / search specials */
@media only screen and (max-width: 989px) {
  #top #wrap_all #header .av-main-nav > li:not(.menu-item-avia-special) { display: none !important; }
  #top #wrap_all #header .av-main-nav > li.menu-item-avia-special { display: flex; }
  /* keep search available on mobile: the icon sits beside the burger (Enfold's own rule hides .noMobile) */
  #top #wrap_all #header .av-main-nav > li.menu-item-search-dropdown.noMobile { display: flex !important; margin-right: 6px; }
  #top #wrap_all #header .av-main-nav > li.menu-item-search-dropdown .avia-search-tooltip { right: 0; left: auto; width: min(92vw, 420px); }
  #top #wrap_all #header .av-main-nav { justify-content: flex-end; }
}

/* Request Specs button (menu item li.fo-menu-cta) */
#top #wrap_all #header .av-main-nav > li.fo-menu-cta > a { padding: 0 0 0 10px; height: auto; line-height: 1; }
#top #wrap_all #header .av-main-nav > li.fo-menu-cta > a .avia-menu-text {
  display: inline-block; background: var(--fo-pine); color: var(--fo-cream); font-size: 13.5px; font-weight: 600; line-height: 1;
  padding: 12px 22px; border-radius: var(--fo-radius); border: 0; white-space: nowrap; transition: background .18s ease;
}
#top #wrap_all #header .av-main-nav > li.fo-menu-cta > a .avia-menu-text::after { content: none; display: none; }
#top #wrap_all #header .av-main-nav > li.fo-menu-cta > a:hover .avia-menu-text { background: var(--fo-panel); color: var(--fo-cream); }
#top #wrap_all #header .av-main-nav > li.fo-menu-cta.current-menu-item > a .avia-menu-text { background: var(--fo-pine); }

/* search icon: 42px square, radius 12, sage 30% border */
#top #header #menu-item-search > a, #top #header .menu-item-search-dropdown > a {
  width: 42px; height: 42px; display: inline-flex; align-items: center; justify-content: center; padding: 0; margin: 0 0 0 10px; line-height: 42px;
  border: 1px solid var(--fo-sage-a30); border-radius: var(--fo-radius); color: var(--fo-cream); background: transparent; transition: background .16s ease, border-color .16s ease;
}
#top #header #menu-item-search > a:hover { background: var(--fo-sage-a14); border-color: var(--fo-sage-a55); }
#top #header #menu-item-search > a svg, #top #header .menu-item-search-dropdown > a svg { fill: var(--fo-cream); stroke: var(--fo-cream); height: 17px; width: 17px; }
#top #header #menu-item-search > a .avia-menu-fx { display: none; }

/* dropdown panels (Resources) */
#top #header .av-main-nav > li:not(.menu-item-mega-parent) > ul.sub-menu {
  width: 250px; margin: 0; padding: 8px; background: var(--fo-panel); border: 1px solid var(--fo-sage-a16); border-radius: var(--fo-radius);
  box-shadow: var(--fo-shadow-drop); overflow: hidden;
}
#top #header .av-main-nav > li:not(.menu-item-mega-parent) > ul.sub-menu li { border: 0; }
#top #header .av-main-nav > li:not(.menu-item-mega-parent) > ul.sub-menu li > a {
  font-family: var(--fo-font-head); font-weight: 400; font-size: 14.5px; line-height: 1.3; color: var(--fo-cream-a85);
  padding: 10px 12px; border: 0; border-radius: 8px; background: transparent; width: auto; height: auto; transition: background .16s ease, color .16s ease;
}
#top #header .av-main-nav > li:not(.menu-item-mega-parent) > ul.sub-menu li > a:hover, #top #header .av-main-nav ul.sub-menu li > a:focus-visible,
#top #header .av-main-nav > li:not(.menu-item-mega-parent) > ul.sub-menu li.current-menu-item > a { background: var(--fo-sage-a08); color: var(--fo-cream); }
#top #header .av-main-nav ul.sub-menu li.fo-sep-above { margin-top: 8px; padding-top: 8px; border-top: 1px solid var(--fo-sage-a16); }

/* Products mega menu: panel + 2 columns + product thumbnails */
#top #header .fo-menu-products .avia_mega_div {
  width: auto; min-width: 420px; max-width: 480px; margin: 0; padding: 14px; right: 0; left: auto; background: var(--fo-panel);
  border: 1px solid var(--fo-sage-a16); border-radius: var(--fo-radius); box-shadow: var(--fo-shadow-drop); overflow: hidden;
}
#top #header .fo-menu-products .avia_mega_div > .sub-menu { display: grid; grid-template-columns: repeat(2, minmax(190px, 1fr)); gap: 0 4px; padding: 0; border: 0; background: transparent; width: auto; }
#top #header .fo-menu-products .avia_mega_div > .sub-menu > li { display: block; width: auto; padding: 0; margin: 0; border: 0; float: none; }
#top #header .fo-menu-products .avia_mega_div > .sub-menu > li > ul { padding: 0; margin: 0; }
#top #header .fo-menu-products .mega_menu_title { display: none; }
#top #header .fo-menu-products .avia_mega_div .sub-menu li { list-style: none; }
#top #header .fo-menu-products .avia_mega_div .sub-menu li > a,
#top #av-burger-menu-ul .fo-menu-products li[class*="menu-"] > a {
  display: grid; grid-template-columns: 46px minmax(0, 1fr); grid-template-rows: auto auto; column-gap: 12px; row-gap: 0; align-content: center; align-items: center;
  padding: 7px 10px; border: 0; border-radius: var(--fo-radius); line-height: 1.3; height: auto; width: auto; background: transparent; transition: background .16s ease;
}
#top #header .fo-menu-products .avia_mega_div .sub-menu li > a:hover, #top #header .fo-menu-products .avia_mega_div .sub-menu li.current-menu-item > a { background: var(--fo-sage-a08); }
#top #header .fo-menu-products .avia_mega_div .sub-menu li > a::before, #top #av-burger-menu-ul .fo-menu-products li[class*="menu-"] > a::before {
  content: ''; grid-column: 1; grid-row: 1 / span 2; width: 46px; height: 46px; border-radius: var(--fo-radius); background-color: var(--fo-moss); background-size: cover; background-position: center;
}
#top #header .fo-menu-products .avia_mega_div .sub-menu li > a .avia-menu-text, #top #av-burger-menu-ul .fo-menu-products li[class*="menu-"] > a .avia-menu-text {
  grid-column: 2; grid-row: 1; align-self: end; font-family: var(--fo-font-body); font-weight: 600; font-size: 14px; color: var(--fo-cream); line-height: 1.25;
}
#top #header .fo-menu-products .avia_mega_div .sub-menu li > a::after, #top #av-burger-menu-ul .fo-menu-products li[class*="menu-"] > a::after {
  grid-column: 2; grid-row: 2; align-self: start; display: block; font-family: var(--fo-font-head); font-style: italic; font-weight: 400; font-size: 13px; line-height: 1.3; color: var(--fo-lichen); margin-top: 1px;
}
#top .menu-barley > a::after { content: 'Hordeum vulgare'; }
#top .menu-wheat > a::after { content: 'Triticum aestivum'; }
#top .menu-kale > a::after { content: 'Brassica oleracea'; }
#top .menu-pea > a::after { content: 'Pisum sativum'; }
#top .menu-spearmint > a::after { content: 'Mentha spicata'; }
#top .menu-manuka > a::after { content: 'Leptospermum scoparium'; }

/* burger icon: cream lines */
#top #header .av-hamburger-box { width: 26px; }
#top #header .av-hamburger-inner, #top #header .av-hamburger-inner::before, #top #header .av-hamburger-inner::after,
.av-burger-overlay-active #top #header .av-hamburger-inner, .av-burger-overlay-active #top #header .av-hamburger-inner::before, .av-burger-overlay-active #top #header .av-hamburger-inner::after {
  background-color: var(--fo-cream); width: 26px; height: 2px; border-radius: 2px;
}
#top #header .av-hamburger-inner::before { top: -8px; }
#top #header .av-hamburger-inner::after { bottom: -8px; }
#top #header .av-burger-menu-main > a { padding: 0 0 0 10px; }

/* mobile overlay menu (Enfold side overlay, restyled as the design's ink panel) */
#top .av-burger-overlay-bg, .html_av-overlay-side #top .av-burger-overlay-bg { background: var(--fo-shadow-a80); opacity: 1; }
#top #wrap_all .av-burger-overlay-scroll, .html_av-overlay-side #top #wrap_all .av-burger-overlay-scroll { background: var(--fo-ink); width: min(440px, 100%); border-left: 1px solid var(--fo-sage-a16); }
#top #wrap_all #av-burger-menu-ul, .html_av-overlay-side-classic #top #wrap_all #av-burger-menu-ul { padding: 92px 0 48px; vertical-align: top; }
#top #wrap_all #av-burger-menu-ul::before {
  content: 'Menu'; display: block; padding: 0 28px 14px; font-family: var(--fo-font-body); font-weight: 600; font-size: var(--fo-fs-eyebrow); letter-spacing: .12em; text-transform: uppercase; color: var(--fo-lichen);
}
#top #wrap_all #av-burger-menu-ul li { margin: 0; padding: 0; width: 100%; display: block; height: auto; font-size: 1em; }
#top #wrap_all #av-burger-menu-ul > li { left: 0; top: 0; opacity: 1; }
.html_av-overlay-side #top #wrap_all #av-burger-menu-ul li a, .html_av-overlay-side-classic #top #wrap_all #av-burger-menu-ul li a, #top #wrap_all #av-burger-menu-ul li a {
  font-family: var(--fo-font-head); font-weight: 300; font-size: 24px; line-height: 1.25; color: var(--fo-cream); padding: 16px 28px;
  border: 0; border-bottom: 1px solid var(--fo-sage-a16); background: transparent; text-align: left; height: auto; display: block;
}
#top #wrap_all #av-burger-menu-ul li a:hover { color: var(--fo-mist); background: transparent; opacity: 1; }
#top #wrap_all #av-burger-menu-ul li a .avia-menu-text::after, #top #wrap_all #av-burger-menu-ul .avia-menu-fx, #top #wrap_all #av-burger-menu-ul .avia-bullet,
#top #wrap_all #av-burger-menu-ul .av-submenu-indicator { display: none; }
/* products: always expanded, with thumbnails + Latin names (same rules as the mega menu, see above) */
#top #wrap_all #av-burger-menu-ul .fo-menu-products .avia_mega_div, #top #wrap_all #av-burger-menu-ul .fo-menu-products ul,
#top #wrap_all #av-burger-menu-ul .fo-menu-resources ul, #top #wrap_all #av-burger-menu-ul li ul {
  display: block !important; position: static; width: auto; min-width: 0; max-width: none; margin: 0; padding: 0; background: transparent; border: 0; box-shadow: none; height: auto; opacity: 1; overflow: visible;
}
#top #wrap_all #av-burger-menu-ul .fo-menu-products > a::after {
  content: 'Six certified organic powders'; display: block; margin-top: 6px; font-family: var(--fo-font-body); font-weight: 600; font-size: var(--fo-fs-eyebrow); letter-spacing: .12em; text-transform: uppercase; color: var(--fo-lichen);
}
#top #wrap_all #av-burger-menu-ul .fo-menu-products li:not([class*="menu-barley"]):not([class*="menu-wheat"]):not([class*="menu-kale"]):not([class*="menu-pea"]):not([class*="menu-spearmint"]):not([class*="menu-manuka"]) > a:empty { display: none; }
.html_av-overlay-side #top #wrap_all #av-burger-menu-ul .fo-menu-products li li a, #top #wrap_all #av-burger-menu-ul .fo-menu-products li[class*="menu-"] > a {
  padding: 8px 28px; border-bottom: 0; font-size: 15px;
}
#top #wrap_all #av-burger-menu-ul .fo-menu-products li[class*="menu-"] > a::before { width: 48px; height: 48px; }
#top #wrap_all #av-burger-menu-ul .fo-menu-products > ul, #top #wrap_all #av-burger-menu-ul .fo-menu-products > .avia_mega_div { padding: 8px 0 14px; border-bottom: 1px solid var(--fo-sage-a16); }
/* resources: pill links */
#top #wrap_all #av-burger-menu-ul .fo-menu-resources > ul { display: flex !important; flex-wrap: wrap; gap: 8px; padding: 6px 28px 18px; border-bottom: 1px solid var(--fo-sage-a16); }
#top #wrap_all #av-burger-menu-ul .fo-menu-resources > ul > li { width: auto; }
.html_av-overlay-side #top #wrap_all #av-burger-menu-ul .fo-menu-resources li li a, #top #wrap_all #av-burger-menu-ul .fo-menu-resources ul li a {
  font-family: var(--fo-font-body); font-weight: 500; font-size: 13.5px; color: var(--fo-sage); padding: 9px 16px; border: 1px solid var(--fo-sage-a28); border-radius: var(--fo-radius-pill); display: inline-block;
}
#top #wrap_all #av-burger-menu-ul .fo-menu-resources ul li.fo-sep-above { margin: 0; padding: 0; border: 0; }
/* Request Specs: full-width sage button */
#top #wrap_all #av-burger-menu-ul li.fo-menu-cta { padding: 24px 28px 0; }
#top #wrap_all #av-burger-menu-ul li.fo-menu-cta > a { padding: 0; border: 0; }
#top #wrap_all #av-burger-menu-ul li.fo-menu-cta > a .avia-menu-text {
  display: block; text-align: center; background: var(--fo-sage); color: var(--fo-ink); font-family: var(--fo-font-body); font-weight: 600; font-size: 15px; line-height: 1; padding: 17px 20px; border-radius: var(--fo-radius); border: 0;
}
#top #wrap_all #av-burger-menu-ul li.fo-menu-cta > a:hover .avia-menu-text { background: var(--fo-mist); color: var(--fo-ink); }
#top #wrap_all #av-burger-menu-ul li.fo-menu-cta > a .avia-menu-text::after { content: none; }
#top #wrap_all #av-burger-menu-ul #menu-item-search { display: none; }

/* ===================================================================== 5. TITLE BAR (breadcrumbs only) */
#top .title_container { background: var(--fo-ink); border-bottom: 1px solid var(--fo-sage-a13); border-top: 0; }
#top .title_container .container { padding-top: 14px; padding-bottom: 14px; min-height: 0; display: flex; align-items: center; }
#top .title_container .main-title, #top .title_container .breadcrumb-title, #top .title_container .trail-before { display: none; }
#top .title_container .breadcrumb { position: static; margin: 0; top: auto; right: auto; line-height: 1.5; font-family: var(--fo-font-body); font-size: var(--fo-fs-small); font-weight: 400; color: var(--fo-cream-a62); display: block; }
#top .title_container .breadcrumb-trail { display: flex; flex-wrap: wrap; align-items: center; gap: 0; }
#top .title_container .breadcrumb-trail > span, #top .title_container .breadcrumb-trail a, #top .title_container .breadcrumb-trail .sep, #top .title_container .breadcrumb-trail .trail-end { float: none; display: inline; padding: 0; color: var(--fo-cream-a62); }
#top .title_container .breadcrumb-trail a:hover { color: var(--fo-cream); text-decoration: none; }
#top .title_container .breadcrumb-trail .sep { width: auto; padding: 0 8px; color: var(--fo-sage-a55); overflow: visible; }
#top .title_container .breadcrumb-trail .trail-end { color: var(--fo-cream); }
.responsive #top .title_container .breadcrumb { display: block; position: static; margin: 0; }

/* ===================================================================== 6. FOOTER + SOCKET (handover 9) */
#top #footer { background: var(--fo-ink); padding: 72px 0 56px; border-top: 1px solid var(--fo-sage-a16); color: var(--fo-cream-a74); }
#top #footer .container { display: grid; grid-template-columns: 2fr 1fr 1fr 1fr; gap: 40px clamp(32px, 4vw, 72px); align-items: start; }
#top #footer .container::before, #top #footer .container::after { content: none; }
#top #footer .flex_column, .responsive #top #wrap_all #footer .flex_column { width: auto; margin: 0; float: none; min-width: 0; }
#top #footer .widget { margin: 0; padding: 0; overflow: visible; }
#top #footer .widget .seperator { display: none; }
#top #footer .widgettitle { font-family: var(--fo-font-body); font-weight: 600; font-size: var(--fo-fs-eyebrow); letter-spacing: .12em; text-transform: uppercase; color: var(--fo-cream-a62); margin: 0 0 18px; line-height: 1.4; }
#top #footer, #top #footer p, #top #footer li, #top #footer .textwidget { font-family: var(--fo-font-body); font-size: 14.5px; line-height: 1.65; font-weight: 300; color: var(--fo-cream-a74); }
#top #footer a { color: var(--fo-cream-a74); text-decoration: none; }
#top #footer a:hover { color: var(--fo-cream); }
#top #footer .widget ul, #top #footer .widget_nav_menu ul { margin: 0; padding: 0; list-style: none; float: none; width: auto; }
#top #footer .widget_nav_menu li, #top #footer .widget li { clear: none; border: 0; padding: 0 0 9px; margin: 0; background: none; }
#top #footer .widget_nav_menu li a { display: inline; padding: 0; border: 0; line-height: 1.5; }
#top #footer .widget_nav_menu li.current-menu-item > a, #top #footer .widget_nav_menu li.current_page_item > a { color: var(--fo-cream); background: transparent; }
#top #footer .fo-footer-brand { max-width: 420px; }
#top #footer .fo-footer-logo { height: 28px; width: auto; display: block; margin: 0 0 18px; }
#top #footer .fo-footer-tagline { margin: 0 0 14px; font-size: 14.5px; color: var(--fo-cream-a74); }
#top #footer .fo-footer-cert { margin: 0 0 16px; font-weight: 600; font-size: 13px; letter-spacing: .02em; color: var(--fo-cream); }
#top #footer .fo-footer-badges { display: flex; flex-wrap: wrap; gap: 10px; margin: 0 0 16px; }
#top #footer .fo-footer-badges span { width: 112px; height: 76px; display: flex; align-items: center; justify-content: center; background: var(--fo-cream); border-radius: var(--fo-radius); }
#top #footer .fo-footer-badges img { max-width: 56px; max-height: 56px; width: auto; height: auto; }
#top #footer .fo-footer-list { list-style: none; margin: 0; padding: 0; }
#top #footer .fo-footer-list li { font-size: 13.5px; color: var(--fo-cream-a62); padding: 0 0 4px; }
#top #footer .fo-footer-location { margin: 0 0 6px; color: var(--fo-cream-a74); }
#top #footer .fo-footer-email { display: inline-block; margin: 0 0 16px; color: var(--fo-sage); }
#top #footer .fo-footer-email:hover { color: var(--fo-mist); }
#top #footer .fo-footer-social { display: flex; gap: 10px; }
#top #footer .fo-footer-social a { width: 36px; height: 36px; display: inline-flex; align-items: center; justify-content: center; border: 1px solid var(--fo-sage-a30); border-radius: 10px; color: var(--fo-sage); transition: background .16s ease, border-color .16s ease; }
#top #footer .fo-footer-social a:hover { background: var(--fo-sage-a14); border-color: var(--fo-sage-a55); color: var(--fo-cream); }
#top #footer .fo-footer-social svg { width: 16px; height: 16px; fill: currentColor; }
#top #footer .fo-footer-social img { width: 16px; height: 16px; }

#top #socket { background: var(--fo-ink); border-top: 1px solid var(--fo-sage-a16); margin: 0; font-size: 12.5px; }
#top #socket .container { padding-top: 22px; padding-bottom: 26px; display: block; }
#top #socket .container::after { content: none; }
#top #socket .copyright { float: none; display: flex; flex-wrap: wrap; align-items: center; gap: 10px 24px; font-family: var(--fo-font-body); font-size: 12.5px; line-height: 1.5; color: var(--fo-cream-a62); }
#top #socket .fo-copy { color: var(--fo-cream-a62); }
#top #socket .fo-privacy { color: var(--fo-cream-a74); text-decoration: none; }
#top #socket .fo-privacy:hover { color: var(--fo-cream); }
#top #socket .fo-socket-credit { margin-left: auto; display: inline-flex; align-items: center; gap: 10px; color: var(--fo-cream-a62); text-decoration: none; }
#top #socket .fo-socket-credit:hover { color: var(--fo-cream); }
#top #socket .fo-socket-credit img { height: 18px; width: auto; filter: invert(1); opacity: .72; }

/* ===================================================================== 7. BUTTONS (handover 2.4) */
#top #wrap_all .avia-button {
  font-family: var(--fo-font-body); font-weight: 600; font-size: 15px; line-height: 1.2; letter-spacing: 0; text-align: center;
  padding: 16px 30px; margin: 0; border: 0; border-radius: var(--fo-radius-pill); box-shadow: none; text-shadow: none; opacity: 1;
  background: var(--fo-pine); color: var(--fo-cream); display: inline-flex; align-items: center; justify-content: center; gap: 10px; white-space: nowrap; max-width: 100%;
  transition: background .18s ease, color .18s ease, border-color .18s ease;
}
#top #wrap_all .avia-button:hover { opacity: 1; background: var(--fo-panel); color: var(--fo-cream); }
#top #wrap_all .avia-button:active { border: 0; padding: 16px 30px; }
#top #wrap_all .avia-button .avia_button_background { display: none; }
#top #wrap_all .avia-button .avia_iconbox_title { font: inherit; color: inherit; }
#top .avia-button-wrap { display: block; margin: 0; }
#top .avia-button-wrap.avia-button-center { text-align: center; }
#top .avia-button-wrap.avia-button-right { text-align: right; }

/* pine pill */
#top #wrap_all .fo-btn-pine .avia-button { background: var(--fo-pine) !important; color: var(--fo-cream) !important; border: 0; }
#top #wrap_all .fo-btn-pine .avia-button:hover { background: var(--fo-panel) !important; color: var(--fo-cream) !important; }
/* outline / download pill */
#top #wrap_all .fo-btn-outline .avia-button { background: transparent !important; color: var(--fo-sage) !important; border: 1.5px solid var(--fo-sage-a40); font-weight: 500; padding: 15px 28px; }
#top #wrap_all .fo-btn-outline .avia-button:hover { background: var(--fo-sage-a09) !important; color: var(--fo-cream) !important; border-color: var(--fo-sage-a55); }
/* square sage (CTA band) - colours are left to the element's own custom_bg/custom_font so the cream variant (FAQs) survives */
#top #wrap_all .fo-btn-sage .avia-button { border-radius: var(--fo-radius); padding: 17px 32px; font-size: 15.5px; border: 0; }
#top #wrap_all .fo-btn-sage .avia-button:hover { background: var(--fo-mist) !important; color: var(--fo-ink) !important; }
/* small */
#top #wrap_all .fo-btn-sm .avia-button, #top #wrap_all .fo-btn-sm.avia-button { font-size: 13.5px; padding: 12px 22px; }
#top #wrap_all .fo-btn-outline.fo-btn-sm .avia-button { padding: 11px 20px; }
/* download arrow (buttons that link to a PDF, and explicit download buttons) */
#top #wrap_all .fo-btn-download .avia-button::after, #top #wrap_all .fo-btn-outline .avia-button[href$=".pdf"]::after, #top #wrap_all .fo-btn-row .avia-button[href$=".pdf"]::after {
  content: ''; display: inline-block; width: 15px; height: 15px; flex: 0 0 15px; background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23000' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M8 2.5v8M4.5 7.2 8 10.5l3.5-3.3M3 13.5h10'/%3E%3C/svg%3E") center / contain no-repeat;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23000' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M8 2.5v8M4.5 7.2 8 10.5l3.5-3.3M3 13.5h10'/%3E%3C/svg%3E") center / contain no-repeat;
}
/* button rows: Enfold 8 drops custom_class from av_buttonrow_item anchors, so rows are styled by position */
#top .avia-buttonrow-wrap.fo-btn-row { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; }
#top .avia-buttonrow-wrap.fo-btn-row.avia-buttonrow-center { justify-content: center; }
#top .avia-buttonrow-wrap.fo-btn-row.avia-buttonrow-right { justify-content: flex-end; }
#top #wrap_all .fo-btn-row .avia-button { margin: 0 !important; }
#top #wrap_all .fo-btn-row .avia-button:nth-child(1) { background: var(--fo-pine) !important; color: var(--fo-cream) !important; border: 0; }
#top #wrap_all .fo-btn-row .avia-button:nth-child(1):hover { background: var(--fo-panel) !important; color: var(--fo-cream) !important; }
#top #wrap_all .fo-btn-row .avia-button:nth-child(n+2) { background: transparent !important; color: var(--fo-sage) !important; border: 1.5px solid var(--fo-sage-a40); font-weight: 500; padding: 15px 28px; }
#top #wrap_all .fo-btn-row .avia-button:nth-child(n+2):hover { background: var(--fo-sage-a09) !important; color: var(--fo-cream) !important; border-color: var(--fo-sage-a55); }
/* CTA band row: sage square first, outline second */
#top #wrap_all .fo-cta-band .fo-btn-row .avia-button:nth-child(1) { background: var(--fo-sage) !important; color: var(--fo-ink) !important; border-radius: var(--fo-radius); padding: 17px 32px; font-size: 15.5px; }
#top #wrap_all .fo-cta-band .fo-btn-row .avia-button:nth-child(1):hover { background: var(--fo-mist) !important; color: var(--fo-ink) !important; }
#top #wrap_all .fo-cta-band .fo-btn-row .avia-button:nth-child(n+2) { color: var(--fo-cream) !important; border-color: var(--fo-cream-a40); }
#top #wrap_all .fo-cta-band .fo-btn-row .avia-button:nth-child(n+2):hover { background: var(--fo-cream-a10) !important; border-color: var(--fo-cream-a72); }
/* anchor bar (sage band): all outline pills, ink text */
#top #wrap_all .fo-anchor-bar .fo-btn-row .avia-button, #top #wrap_all .fo-anchor-bar .fo-btn-row .avia-button:nth-child(1) {
  background: transparent !important; color: var(--fo-ink) !important; border: 1.5px solid var(--fo-ink-a30); font-weight: 500; font-size: 14.5px; padding: 13px 24px;
}
#top #wrap_all .fo-anchor-bar .fo-btn-row .avia-button:hover, #top #wrap_all .fo-anchor-bar .fo-btn-row .avia-button:nth-child(1):hover { background: var(--fo-ink-a10) !important; color: var(--fo-ink) !important; border-color: var(--fo-ink-a55); }
/* outline pills on light bands */
#top #wrap_all .fo-band-white .fo-btn-outline .avia-button, #top #wrap_all .fo-band-frost .fo-btn-outline .avia-button, #top #wrap_all .fo-band-cream .fo-btn-outline .avia-button,
#top #wrap_all .fo-band-white .fo-btn-row .avia-button:nth-child(n+2), #top #wrap_all .fo-band-frost .fo-btn-row .avia-button:nth-child(n+2), #top #wrap_all .fo-band-cream .fo-btn-row .avia-button:nth-child(n+2) {
  color: var(--fo-pine) !important; border-color: var(--fo-ink-a18);
}
#top #wrap_all .fo-band-white .fo-btn-outline .avia-button:hover, #top #wrap_all .fo-band-frost .fo-btn-outline .avia-button:hover, #top #wrap_all .fo-band-cream .fo-btn-outline .avia-button:hover,
#top #wrap_all .fo-band-white .fo-btn-row .avia-button:nth-child(n+2):hover, #top #wrap_all .fo-band-frost .fo-btn-row .avia-button:nth-child(n+2):hover, #top #wrap_all .fo-band-cream .fo-btn-row .avia-button:nth-child(n+2):hover {
  background: var(--fo-ink-a06) !important; color: var(--fo-ink) !important; border-color: var(--fo-ink-a30);
}

/* ===================================================================== 8. SECTIONS + BANDS (handover 2.1 grounds, 8 overlays) */
#top .avia-section.fo-band-ink { background-color: var(--fo-ink); }
#top .avia-section.fo-band-forest { background-color: var(--fo-forest); }
#top .avia-section.fo-band-panel { background-color: var(--fo-panel); }
#top .avia-section.fo-band-white { background-color: var(--fo-white); }
#top .avia-section.fo-band-frost { background-color: var(--fo-frost); }
#top .avia-section.fo-band-cream { background-color: var(--fo-cream); }
#top .avia-section.fo-band-sage, #top .avia-section.fo-badges, #top .avia-section.fo-anchor-bar { background-color: var(--fo-sage); }

/* light bands flip text to ink / thyme */
#top .fo-band-white, #top .fo-band-frost, #top .fo-band-cream, #top .fo-band-sage, #top .fo-badges, #top .fo-anchor-bar,
#top .fo-band-white .avia_textblock, #top .fo-band-frost .avia_textblock, #top .fo-band-cream .avia_textblock, #top .fo-band-sage .avia_textblock, #top .fo-badges .avia_textblock, #top .fo-anchor-bar .avia_textblock,
#top .fo-band-white .avia_textblock p, #top .fo-band-frost .avia_textblock p, #top .fo-band-cream .avia_textblock p, #top .fo-band-sage .avia_textblock p,
#top .fo-band-white .avia_textblock.fo-body p, #top .fo-band-frost .avia_textblock.fo-body p, #top .fo-band-cream .avia_textblock.fo-body p, #top .fo-band-sage .avia_textblock.fo-body p,
#top .fo-band-white .avia_textblock.fo-intro p, #top .fo-band-frost .avia_textblock.fo-intro p, #top .fo-band-cream .avia_textblock.fo-intro p,
#top .fo-band-white .fo-footnote, #top .fo-band-frost .fo-footnote, #top .fo-band-cream .fo-footnote, #top .fo-band-white .fo-caption, #top .fo-band-frost .fo-caption, #top .fo-band-cream .fo-caption { color: var(--fo-thyme); }
#top .fo-band-white h1, #top .fo-band-white h2, #top .fo-band-white h3, #top .fo-band-white h4, #top .fo-band-white .av-special-heading-tag, #top .fo-band-white .avia_textblock strong,
#top .fo-band-frost h1, #top .fo-band-frost h2, #top .fo-band-frost h3, #top .fo-band-frost h4, #top .fo-band-frost .av-special-heading-tag, #top .fo-band-frost .avia_textblock strong,
#top .fo-band-cream h1, #top .fo-band-cream h2, #top .fo-band-cream h3, #top .fo-band-cream h4, #top .fo-band-cream .av-special-heading-tag, #top .fo-band-cream .avia_textblock strong,
#top .fo-band-sage h1, #top .fo-band-sage h2, #top .fo-band-sage h3, #top .fo-band-sage h4, #top .fo-band-sage .av-special-heading-tag, #top .fo-band-sage .avia_textblock strong,
#top .fo-badges h2, #top .fo-badges h3, #top .fo-badges .av-special-heading-tag, #top .fo-anchor-bar h2, #top .fo-anchor-bar .av-special-heading-tag,
#top .fo-band-white .avia_textblock.fo-lead, #top .fo-band-frost .avia_textblock.fo-lead, #top .fo-band-cream .avia_textblock.fo-lead { color: var(--fo-ink); }
#top .fo-band-white .fo-eyebrow, #top .fo-band-frost .fo-eyebrow, #top .fo-band-cream .fo-eyebrow, #top .fo-band-sage .fo-eyebrow, #top .fo-badges .fo-eyebrow,
#top .fo-band-white .avia_textblock.fo-eyebrow p, #top .fo-band-frost .avia_textblock.fo-eyebrow p, #top .fo-band-cream .avia_textblock.fo-eyebrow p, #top .fo-band-sage .avia_textblock.fo-eyebrow p { color: var(--fo-thyme); }
#top .fo-band-white .avia_textblock a, #top .fo-band-frost .avia_textblock a, #top .fo-band-cream .avia_textblock a, #top .fo-band-sage .avia_textblock a,
#top .fo-band-white .fo-link-arrow a, #top .fo-band-frost .fo-link-arrow a, #top .fo-band-cream .fo-link-arrow a, #top .fo-band-sage .fo-link-arrow a { color: var(--fo-pine); text-decoration-color: var(--fo-pine-a28); }
#top .fo-band-white .avia_textblock a:hover, #top .fo-band-frost .avia_textblock a:hover, #top .fo-band-cream .avia_textblock a:hover, #top .fo-band-sage .avia_textblock a:hover,
#top .fo-band-white .fo-link-arrow a:hover, #top .fo-band-frost .fo-link-arrow a:hover, #top .fo-band-cream .fo-link-arrow a:hover, #top .fo-band-sage .fo-link-arrow a:hover { color: var(--fo-thyme); }
#top .fo-band-white .fo-latin, #top .fo-band-frost .fo-latin, #top .fo-band-cream .fo-latin { color: var(--fo-thyme); }

/* centred / measure helpers */
#top .fo-center, #top .fo-center .avia_textblock, #top .fo-center .av-special-heading-tag { text-align: center; }
#top .fo-center .avia-button-wrap, #top .fo-center .avia-buttonrow-wrap { text-align: center; justify-content: center; }
#top .fo-center .fo-h1 h1, #top .fo-center .avia_textblock.fo-intro, #top .fo-center .avia_textblock.fo-cta-p, #top .fo-center .flex_column.fo-measure { margin-left: auto; margin-right: auto; }
#top .flex_column.fo-measure { max-width: 74ch; }
#top .flex_column.fo-measure-wide { max-width: 60rem; }
#top .avia_textblock.fo-measure { max-width: 74ch; }
#top .fo-cta-band .flex_column.fo-measure, #top .fo-center .flex_column.fo-measure-wide { margin-left: auto; margin-right: auto; }

/* home hero: 92vh, content bottom-left, "vertical, still" overlay */
#top .avia-section.fo-hero-home { background-size: cover !important; background-position: center !important; }
#top .fo-hero-home .av-section-color-overlay { opacity: 1; background: linear-gradient(180deg, rgba(18,25,15,.16) 0%, rgba(18,25,15,0) 60%, rgba(18,25,15,.72) 92%, #12190F 100%); }
#top .fo-hero-home .container, #top .avia-section.fo-hero-home .container { height: auto !important; min-height: 92vh; display: table; }
#top .fo-hero-home .content { display: table-cell; vertical-align: bottom; padding-top: 160px; padding-bottom: 72px; }
#top .fo-hero-home .flex_column { max-width: 720px; }
#top .fo-hero-home h1, #top .fo-hero-home .fo-h1 h1 { font-size: var(--fo-fs-hero); font-weight: 300; line-height: 1.06; letter-spacing: -0.02em; max-width: 16ch; }
#top .fo-hero-home .avia_textblock.fo-intro { max-width: 56ch; }
#top .fo-hero-home .fo-eyebrow { color: var(--fo-mist); }

/* inner page hero: min 520, left-to-right scrim, vertically centred */
#top .avia-section.fo-hero-page { background-size: cover !important; background-position: center !important; }
#top .fo-hero-page .av-section-color-overlay { opacity: 1; background: linear-gradient(90deg, rgba(18,25,15,.72) 0%, rgba(18,25,15,.3) 44%, rgba(18,25,15,0) 66%); }
#top .fo-hero-page .container, #top .avia-section.fo-hero-page .container { height: auto !important; min-height: 520px; display: table; }
#top .fo-hero-page .content { display: table-cell; vertical-align: middle; padding-top: 112px; padding-bottom: 72px; }
#top .fo-hero-page .flex_column, #top .fo-hero-page .flex_column.fo-col-txt { max-width: 640px; }
#top .fo-hero-page h1, #top .fo-hero-page .fo-h1 h1 { font-size: var(--fo-fs-hero); line-height: 1.06; letter-spacing: -0.02em; max-width: 18ch; }
#top .fo-hero-page .fo-eyebrow { color: var(--fo-mist); }

/* intro band (Certifications, Contact, FAQs, Research, Video, Blog, Privacy) */
#top .avia-section.fo-intro-band { background-color: var(--fo-forest); background-image: linear-gradient(135deg, var(--fo-forest) 0%, var(--fo-ink) 100%); }
#top .fo-intro-band .content { padding-top: 64px; padding-bottom: 48px; }
#top .fo-intro-band .fo-h1 h1 { font-size: var(--fo-fs-hero); line-height: 1.06; letter-spacing: -0.02em; max-width: 18ch; }
#top .fo-intro-band .avia_textblock.fo-intro { margin-bottom: 0; }
#top .fo-intro-band .fo-h1 + .av_textblock_section { margin-top: 4px; }

/* CTA band: radial overlay darkens the section's own background image */
#top .avia-section.fo-cta-band { background-size: cover !important; background-position: center !important; position: relative; }
#top .fo-cta-band .av-section-color-overlay { opacity: 1; background: radial-gradient(120% 100% at 50% 50%, rgba(18,25,15,.62) 0%, rgba(18,25,15,.88) 78%); -webkit-backdrop-filter: saturate(.72) brightness(.58); backdrop-filter: saturate(.72) brightness(.58); }
#top .fo-cta-band .content { padding-top: 88px; padding-bottom: 92px; }
#top .flex_column.fo-cta-inner { max-width: 720px; margin-left: auto; margin-right: auto; float: none; text-align: center; }
#top .fo-cta-band h2, #top .fo-cta-band .av-special-heading-h2 .av-special-heading-tag { font-size: var(--fo-fs-h2-lg); line-height: 1.12; margin: 0 0 14px; }
#top .fo-cta-band .av-special-heading { margin-bottom: 14px; }
#top .fo-cta-band .avia_textblock, #top .fo-cta-band .avia_textblock p { color: var(--fo-cream-a84); }

/* ===================================================================== 9. GRIDS + SPLITS (handover 2.3 / 12) */
/* the column container is .entry-content-wrapper (sections) or .av-layout-tab-inner > .container (tab sub sections) */
#top .avia-section.fo-grid-2 .entry-content-wrapper, #top .av-layout-tab.fo-grid-2 > .av-layout-tab-inner > .container,
#top .avia-section.fo-grid-3 .entry-content-wrapper, #top .av-layout-tab.fo-grid-3 > .av-layout-tab-inner > .container,
#top .avia-section.fo-grid-4 .entry-content-wrapper, #top .av-layout-tab.fo-grid-4 > .av-layout-tab-inner > .container,
#top .avia-section.fo-grid-5 .entry-content-wrapper, #top .av-layout-tab.fo-grid-5 > .av-layout-tab-inner > .container,
#top .avia-section.fo-split .entry-content-wrapper, #top .av-layout-tab.fo-split > .av-layout-tab-inner > .container,
#top .avia-section.fo-badges .entry-content-wrapper, #top .avia-section.fo-others .entry-content-wrapper, #top .avia-section.fo-photo-strip .entry-content-wrapper {
  display: grid; gap: var(--fo-card-gap); align-items: start;
}
/* Enfold's clearfix pseudo-elements would become grid items */
#top .avia-section.fo-grid-2 .entry-content-wrapper::before, #top .avia-section.fo-grid-2 .entry-content-wrapper::after, #top .av-layout-tab.fo-grid-2 > .av-layout-tab-inner > .container::before, #top .av-layout-tab.fo-grid-2 > .av-layout-tab-inner > .container::after,
#top .avia-section.fo-grid-3 .entry-content-wrapper::before, #top .avia-section.fo-grid-3 .entry-content-wrapper::after, #top .av-layout-tab.fo-grid-3 > .av-layout-tab-inner > .container::before, #top .av-layout-tab.fo-grid-3 > .av-layout-tab-inner > .container::after,
#top .avia-section.fo-grid-4 .entry-content-wrapper::before, #top .avia-section.fo-grid-4 .entry-content-wrapper::after, #top .av-layout-tab.fo-grid-4 > .av-layout-tab-inner > .container::before, #top .av-layout-tab.fo-grid-4 > .av-layout-tab-inner > .container::after,
#top .avia-section.fo-grid-5 .entry-content-wrapper::before, #top .avia-section.fo-grid-5 .entry-content-wrapper::after, #top .av-layout-tab.fo-grid-5 > .av-layout-tab-inner > .container::before, #top .av-layout-tab.fo-grid-5 > .av-layout-tab-inner > .container::after,
#top .avia-section.fo-split .entry-content-wrapper::before, #top .avia-section.fo-split .entry-content-wrapper::after, #top .av-layout-tab.fo-split > .av-layout-tab-inner > .container::before, #top .av-layout-tab.fo-split > .av-layout-tab-inner > .container::after,
#top .avia-section.fo-badges .entry-content-wrapper::before, #top .avia-section.fo-badges .entry-content-wrapper::after, #top .avia-section.fo-others .entry-content-wrapper::before, #top .avia-section.fo-others .entry-content-wrapper::after,
#top .avia-section.fo-photo-strip .entry-content-wrapper::before, #top .avia-section.fo-photo-strip .entry-content-wrapper::after { content: none; display: none; }
/* columns lose float / width / margins inside grids */
#top #wrap_all .fo-grid-2 .flex_column, #top #wrap_all .fo-grid-3 .flex_column, #top #wrap_all .fo-grid-4 .flex_column, #top #wrap_all .fo-grid-5 .flex_column,
#top #wrap_all .fo-split .flex_column, #top #wrap_all .fo-badges .flex_column, #top #wrap_all .fo-others .flex_column, #top #wrap_all .fo-photo-strip .flex_column,
.responsive #top #wrap_all .fo-grid-2 .flex_column, .responsive #top #wrap_all .fo-grid-3 .flex_column, .responsive #top #wrap_all .fo-grid-4 .flex_column, .responsive #top #wrap_all .fo-grid-5 .flex_column,
.responsive #top #wrap_all .fo-split .flex_column, .responsive #top #wrap_all .fo-badges .flex_column, .responsive #top #wrap_all .fo-others .flex_column, .responsive #top #wrap_all .fo-photo-strip .flex_column {
  width: auto; margin: 0; float: none; min-width: 0; clear: none;
}
#top .fo-grid-2 .entry-content-wrapper, #top .av-layout-tab.fo-grid-2 > .av-layout-tab-inner > .container { grid-template-columns: repeat(2, minmax(0, 1fr)); }
#top .fo-grid-3 .entry-content-wrapper, #top .av-layout-tab.fo-grid-3 > .av-layout-tab-inner > .container, #top .fo-photo-strip .entry-content-wrapper { grid-template-columns: repeat(3, minmax(0, 1fr)); }
#top .fo-grid-4 .entry-content-wrapper, #top .av-layout-tab.fo-grid-4 > .av-layout-tab-inner > .container, #top .fo-others .entry-content-wrapper { grid-template-columns: repeat(4, minmax(0, 1fr)); }
#top .fo-grid-5 .entry-content-wrapper, #top .av-layout-tab.fo-grid-5 > .av-layout-tab-inner > .container, #top .fo-badges .entry-content-wrapper { grid-template-columns: repeat(5, minmax(0, 1fr)); }
/* full-width row (section heading / intro) above the cards */
#top #wrap_all .flex_column.fo-row-full { grid-column: 1 / -1; margin-bottom: 14px; }
#top #wrap_all .flex_column.fo-row-full.avia-builder-el-last, #top #wrap_all .flex_column.fo-row-full:last-child { margin-bottom: 0; }
#top #wrap_all .flex_column.fo-row-full .av-special-heading.avia-builder-el-no-sibling { margin-bottom: 0; }
/* split: two columns, column gap, vertically centred; text first on mobile */
#top .fo-split .entry-content-wrapper, #top .av-layout-tab.fo-split > .av-layout-tab-inner > .container { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px var(--fo-col-gap); align-items: center; }
#top .fo-split .flex_column.fo-row-full { margin-bottom: 8px; }
#top .fo-split-rev .flex_column.fo-col-img { order: -1; }
#top .fo-split .flex_column.fo-col-img .avia-image-container { margin: 0; }
#top .fo-split .flex_column.fo-col-img .avia_image, #top .fo-split .flex_column.fo-col-img .avia-image-container-inner { border-radius: var(--fo-radius); }

/* ===================================================================== 10. CARDS, TILES + MISC COMPONENTS (handover 2.4, 4, 6) */
/* panel card */
#top #wrap_all .flex_column.fo-card { background: var(--fo-panel); border: 1px solid var(--fo-sage-a14); border-radius: var(--fo-radius); padding: 24px; }
#top .fo-card h3, #top .fo-card .av-special-heading-h3 .av-special-heading-tag { font-size: var(--fo-fs-h3); margin-bottom: 10px; }
#top .fo-card .avia_textblock, #top .fo-card .avia_textblock p { font-size: 15px; line-height: 1.65; }
#top .fo-band-white .flex_column.fo-card, #top .fo-band-frost .flex_column.fo-card, #top .fo-band-cream .flex_column.fo-card { background: var(--fo-sand); border-color: var(--fo-bone); }
/* flush image card (applications, video, farms) */
#top #wrap_all .flex_column.fo-card-flush { background: var(--fo-panel); border: 1px solid var(--fo-sage-a14); border-radius: var(--fo-radius); padding: 0; overflow: hidden; }
#top .fo-card-img, #top .avia-image-container.fo-card-img { margin: 0; width: 100%; }
#top .fo-card-flush .fo-card-img .avia-image-container-inner, #top .fo-card-flush .fo-card-img .avia_image { border-radius: 0; }
#top .fo-card-flush .fo-card-img img, #top .fo-card-flush .fo-card-img .avia_image { display: block; width: 100%; height: auto; aspect-ratio: 16 / 10; object-fit: cover; }
#top .fo-card-flush .av_textblock_section { margin: 0; }
#top .avia_textblock.fo-card-txt { padding: 20px 24px 22px; }
#top .avia_textblock.fo-card-txt h3 { font-size: var(--fo-fs-h3-sm); line-height: 1.3; margin: 0 0 6px; letter-spacing: -0.01em; }
#top .avia_textblock.fo-card-txt p { font-size: 13.5px; line-height: 1.6; color: var(--fo-text-muted); margin: 0; }
#top .avia_textblock.fo-card-txt .fo-eyebrow { margin-bottom: 8px; }
/* product tile (whole column is a link) */
#top #wrap_all .flex_column.fo-tile { background: var(--fo-ink); border: 1px solid var(--fo-sage-a13); border-radius: var(--fo-radius); padding: 18px 16px 22px; text-align: left; transition: border-color .2s ease, transform .2s ease; }
#top #wrap_all .flex_column.fo-tile.av-column-link { cursor: pointer; }
#top #wrap_all .flex_column.fo-tile:hover { border-color: var(--fo-sage-a42); transform: translateY(-3px); }
#top .fo-tile .fo-tile-img, #top .fo-tile .avia-image-container.fo-tile-img { margin: 0; }
#top .fo-tile .fo-tile-img img, #top .fo-tile .fo-tile-img .avia_image { display: block; width: 100%; height: auto; aspect-ratio: 1; object-fit: cover; border-radius: var(--fo-radius); background: var(--fo-moss); }
#top .avia_textblock.fo-tile-txt h3 { font-size: 15px; line-height: 1.25; margin: 14px 0 4px; letter-spacing: -0.01em; }
#top .avia_textblock.fo-tile-txt p { margin: 0; font-size: 13.5px; line-height: 1.3; }
#top .avia_textblock.fo-tile-txt .fo-latin { font-size: 13.5px; line-height: 1.3; }
/* "need a sample" tile */
#top #wrap_all .flex_column.fo-tile.fo-tile-cta { background: var(--fo-panel); display: flex; align-items: center; justify-content: center; padding: 28px 24px; }
#top .fo-tile-cta .av_textblock_section { width: 100%; }
#top .fo-tile-cta .avia_textblock.fo-tile-txt h3 { font-size: var(--fo-fs-h3); margin: 0 0 10px; }
#top .fo-tile-cta .avia_textblock.fo-tile-txt p { font-size: 14px; line-height: 1.6; color: var(--fo-text-muted); margin: 0 0 14px; }
#top .fo-tile-cta .avia_textblock.fo-tile-txt p:last-child { margin-bottom: 0; }
/* certification card (light bands) */
#top #wrap_all .flex_column.fo-cert-card { background: var(--fo-sand); border: 1px solid var(--fo-bone); border-radius: var(--fo-radius); padding: 24px; }
#top .fo-cert-card .avia-image-container.fo-card-img { width: 64px; margin: 0 0 16px; }
#top .fo-cert-card .fo-card-img .avia-image-container-inner { width: 64px; }
#top .fo-cert-card .fo-card-img img { width: 64px; height: 64px; object-fit: contain; aspect-ratio: auto; border-radius: 0; }
#top .fo-cert-card h3, #top .fo-cert-card .av-special-heading-h3 .av-special-heading-tag { font-size: 16px; color: var(--fo-ink); margin: 0 0 8px; }
#top .fo-cert-card .av-special-heading { margin-bottom: 8px; }
#top .fo-cert-card .avia_textblock, #top .fo-cert-card .avia_textblock p { font-size: 14px; line-height: 1.6; color: var(--fo-thyme); }
#top .fo-cert-card .fo-link-arrow a, #top .fo-cert-card .avia_textblock.fo-link-arrow a { color: var(--fo-thyme); font-size: 14px; }
#top .fo-cert-card .fo-link-arrow a:hover, #top .fo-cert-card .avia_textblock.fo-link-arrow a:hover { color: var(--fo-pine); }
#top .fo-cert-card .avia_textblock.fo-link-arrow { margin-top: 14px; padding-top: 12px; border-top: 1px solid var(--fo-ink-a10); }
/* farm card: image + h3 + text */
#top .fo-farm-card .avia-image-container { margin: 0 0 16px; }
#top .fo-farm-card .avia-image-container img { border-radius: var(--fo-radius); width: 100%; aspect-ratio: 16 / 10; object-fit: cover; }
#top .fo-farm-card h3 { font-size: var(--fo-fs-h3); margin-bottom: 8px; }
#top .fo-farm-card .avia_textblock, #top .fo-farm-card .avia_textblock p { font-size: 15px; line-height: 1.65; }
/* step cells (product MOQ strip + home process) */
#top #wrap_all .flex_column.fo-step { background: var(--fo-panel); border: 1px solid var(--fo-sage-a16); border-radius: var(--fo-radius); padding: 24px 24px 26px; }
#top .fo-step .avia-image-container { margin: -24px -24px 18px; width: auto; }
#top .fo-step .avia-image-container .avia-image-container-inner, #top .fo-step .avia-image-container img { border-radius: var(--fo-radius) var(--fo-radius) 0 0; }
#top .fo-step .avia-image-container img { width: 100%; aspect-ratio: 16 / 10; object-fit: cover; }
/* Enfold wraps the img in inline-block containers that keep the file's intrinsic width: force them full width in cards */
#top .fo-step .avia-image-container-inner, #top .fo-step .avia-image-overlay-wrap, #top .fo-step .avia_image,
#top .fo-card-flush .fo-card-img .avia-image-container-inner, #top .fo-card-flush .fo-card-img .avia-image-overlay-wrap, #top .fo-card-flush .fo-card-img .avia_image,
#top .fo-farm-card .avia-image-container-inner, #top .fo-farm-card .avia-image-overlay-wrap, #top .fo-farm-card .avia_image,
#top .fo-tile .avia-image-container-inner, #top .fo-tile .avia-image-overlay-wrap, #top .fo-tile .avia_image { display: block; width: 100%; max-width: none; }
/* equal-height cards: card grids stretch their columns (splits/badges/others keep their own alignment) */
#top .avia-section.fo-grid-2 .entry-content-wrapper, #top .avia-section.fo-grid-3 .entry-content-wrapper, #top .avia-section.fo-grid-4 .entry-content-wrapper,
#top .av-layout-tab.fo-grid-2 > .av-layout-tab-inner > .container, #top .av-layout-tab.fo-grid-3 > .av-layout-tab-inner > .container, #top .av-layout-tab.fo-grid-4 > .av-layout-tab-inner > .container { align-items: stretch; }
#top #wrap_all .flex_column.fo-step, #top #wrap_all .flex_column.fo-card-flush, #top #wrap_all .flex_column.fo-card, #top #wrap_all .flex_column.fo-cert-card, #top #wrap_all .flex_column.fo-tile { height: auto; min-height: 0; }
#top .fo-step-head, #top .avia_textblock p.fo-step-head { display: flex; align-items: center; gap: 10px; margin: 0 0 14px; }
#top .fo-step-n { width: 26px; height: 26px; border-radius: 50%; background: var(--fo-pine); color: var(--fo-cream); font-size: 12px; font-weight: 600; line-height: 1; display: inline-flex; align-items: center; justify-content: center; flex: 0 0 26px; }
#top .fo-step-label { font-family: var(--fo-font-body); font-size: 11px; letter-spacing: .11em; text-transform: uppercase; color: var(--fo-lichen); font-weight: 600; }
#top .fo-step h3, #top .fo-step-txt h3, #top .avia_textblock.fo-step-txt h3 { font-size: var(--fo-fs-h3-sm); line-height: 1.3; margin: 0 0 6px; }
#top .fo-step .avia_textblock p, #top .avia_textblock.fo-step-txt p { font-size: 14px; line-height: 1.6; color: var(--fo-text-muted); margin: 0; }
/* home process: "Step 01" eyebrow line instead of a circle */
#top .fo-process .fo-step-n { width: auto; height: auto; border-radius: 0; background: transparent; color: var(--fo-lichen); font-size: 11px; letter-spacing: .11em; text-transform: uppercase; flex: none; }
#top .fo-process .fo-step-n::before { content: 'Step '; white-space: pre; }
#top .fo-process .fo-step-n::after { content: ''; display: inline-block; width: 1px; height: 10px; background: var(--fo-sage-a40); margin-left: 10px; }
#top .fo-tab-moq .fo-step-n { width: 26px; height: 26px; border-radius: 50%; background: var(--fo-pine); color: var(--fo-cream); font-size: 12px; letter-spacing: 0; text-transform: none; }
#top .fo-tab-moq .fo-step-n::before, #top .fo-tab-moq .fo-step-n::after { content: none; }
/* stats (About Us production) */
#top ul.fo-stats { list-style: none; margin: 24px 0 0; padding: 0; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; }
#top ul.fo-stats li { background: var(--fo-panel); border: 1px solid var(--fo-sage-a14); border-radius: var(--fo-radius); padding: 18px 20px; margin: 0; }
#top ul.fo-stats li strong { display: block; font-family: var(--fo-font-head); font-weight: 400; font-size: 34px; line-height: 1.1; color: var(--fo-cream); letter-spacing: -0.02em; margin: 0 0 6px; }
#top ul.fo-stats li small { display: block; font-family: var(--fo-font-body); font-weight: 500; font-size: 12.5px; letter-spacing: .08em; text-transform: uppercase; color: var(--fo-cream-a62); line-height: 1.4; }
/* documentation panel + list */
#top #wrap_all .flex_column.fo-docs { background: var(--fo-panel); border: 1px solid var(--fo-sage-a14); border-radius: var(--fo-radius); padding: 24px; }
#top .avia_textblock.fo-docs-title, #top .avia_textblock.fo-docs-title p { font-family: var(--fo-font-body); font-weight: 600; font-size: var(--fo-fs-eyebrow); letter-spacing: .12em; text-transform: uppercase; color: var(--fo-lichen); margin: 0 0 6px; }
#top .fo-docs .av_textblock_section + .avia-icon-list-container { margin-top: 0; }
#top .fo-doclist .avia-icon-list, #top .fo-doclist .avia-icon-list li, #top .fo-doclist .avia-icon-list .article-icon-entry { min-height: 0; }
#top .fo-doclist .avia-icon-list .iconlist_icon, #top .fo-doclist .avia-icon-list .iconlist-timeline, #top .fo-doclist .entry-footer { display: none; }
#top .fo-doclist .avia-icon-list li { padding: 12px 0; margin: 0; border-top: 1px solid var(--fo-sage-a10); }
#top .fo-doclist .avia-icon-list li:first-child { border-top: 0; padding-top: 4px; }
#top .fo-doclist .avia-icon-list .iconlist_content_wrap { padding: 0; min-height: 0; overflow: visible; }
#top .fo-doclist .av_iconlist_title, #top .fo-doclist .av_iconlist_title a { font-family: var(--fo-font-body); font-weight: 600; font-size: 14.5px; line-height: 1.4; color: var(--fo-cream); text-decoration: none; }
#top .fo-doclist .av_iconlist_title a:hover { color: var(--fo-sage); }
#top .fo-doclist .iconlist_content, #top .fo-doclist .iconlist_content p { font-size: 13px; line-height: 1.5; color: var(--fo-text-muted); margin: 2px 0 0; }
#top .fo-band-white .flex_column.fo-docs, #top .fo-band-frost .flex_column.fo-docs { background: var(--fo-sand); border-color: var(--fo-bone); }
#top .fo-band-white .fo-docs-title p, #top .fo-band-frost .fo-docs-title p { color: var(--fo-thyme); }
#top .fo-band-white .fo-doclist .avia-icon-list li, #top .fo-band-frost .fo-doclist .avia-icon-list li { border-top-color: var(--fo-ink-a10); }
#top .fo-band-white .fo-doclist .av_iconlist_title, #top .fo-band-white .fo-doclist .av_iconlist_title a, #top .fo-band-frost .fo-doclist .av_iconlist_title, #top .fo-band-frost .fo-doclist .av_iconlist_title a { color: var(--fo-ink); }
#top .fo-band-white .fo-doclist .av_iconlist_title a:hover, #top .fo-band-frost .fo-doclist .av_iconlist_title a:hover { color: var(--fo-pine); }
#top .fo-band-white .fo-doclist .iconlist_content p, #top .fo-band-frost .fo-doclist .iconlist_content p { color: var(--fo-thyme); }
/* plain bullet list (icon list) */
#top .avia-icon-list-container.fo-dots { margin: 0 0 24px; }
#top .fo-dots .avia-icon-list li { padding: 0 0 10px; margin: 0; min-height: 0; }
#top .fo-dots .avia-icon-list li:last-child { padding-bottom: 0; }
#top .fo-dots .avia-icon-list .iconlist_icon { width: 7px; height: 7px; min-height: 0; border-radius: 50%; background: var(--fo-pine); margin: 11px 15px 0 0; line-height: 0; font-size: 0; float: left; }
#top .fo-dots .avia-icon-list .iconlist_icon *, #top .fo-dots .avia-icon-list .iconlist-timeline, #top .fo-dots .entry-footer { display: none; }
#top .fo-dots .avia-icon-list .iconlist_content_wrap { padding: 0; min-height: 0; }
#top .fo-dots .av_iconlist_title { font-family: var(--fo-font-body); font-weight: 300; font-size: var(--fo-fs-body); line-height: 1.7; color: var(--fo-text-body); }
#top .fo-dots .iconlist_content p { font-size: 15px; color: var(--fo-text-muted); margin: 2px 0 0; }
/* tick list (light bands) */
#top .avia-icon-list-container.fo-checklist { margin: 0 0 24px; }
#top .fo-checklist .avia-icon-list li { padding: 0 0 12px; margin: 0; min-height: 0; }
#top .fo-checklist .avia-icon-list .iconlist_icon { width: 20px; height: 20px; min-height: 0; margin: 4px 12px 0 0; float: left; border-radius: 0; background-color: var(--fo-sage);
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 8.5l3.2 3L13 4.5'/%3E%3C/svg%3E") center / 16px no-repeat;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 8.5l3.2 3L13 4.5'/%3E%3C/svg%3E") center / 16px no-repeat; }
#top .fo-band-white .fo-checklist .avia-icon-list .iconlist_icon, #top .fo-band-cream .fo-checklist .avia-icon-list .iconlist_icon { background-color: var(--fo-pine); }
#top .fo-checklist .avia-icon-list .iconlist_icon *, #top .fo-checklist .avia-icon-list .iconlist-timeline, #top .fo-checklist .entry-footer { display: none; }
#top .fo-checklist .avia-icon-list .iconlist_content_wrap { padding: 0; min-height: 0; }
#top .fo-checklist .av_iconlist_title { font-family: var(--fo-font-body); font-weight: 400; font-size: 16px; line-height: 1.6; color: var(--fo-ink); }
#top .fo-checklist .iconlist_content p { font-size: 14.5px; color: var(--fo-thyme); margin: 2px 0 0; }
/* research entries */
#top .fo-research-list .avia-icon-list .iconlist_icon, #top .fo-research-list .avia-icon-list .iconlist-timeline, #top .fo-research-list .entry-footer { display: none; }
#top .fo-research-list .avia-icon-list li { padding: 18px 0; margin: 0; min-height: 0; border-top: 1px solid var(--fo-ink-a10); }
#top .fo-research-list .avia-icon-list li:first-child { border-top: 0; padding-top: 0; }
#top .fo-research-list .avia-icon-list .iconlist_content_wrap { padding: 0; min-height: 0; }
#top .fo-research-list .av_iconlist_title, #top .fo-research-list .av_iconlist_title a { font-family: var(--fo-font-body); font-weight: 600; font-size: 16px; line-height: 1.4; color: var(--fo-ink); }
#top .fo-research-list .iconlist_content, #top .fo-research-list .iconlist_content p { font-size: 15px; line-height: 1.65; color: var(--fo-thyme); margin: 4px 0 0; }
#top .fo-band-ink .fo-research-list .avia-icon-list li, #top .fo-band-forest .fo-research-list .avia-icon-list li { border-top-color: var(--fo-sage-a14); }
#top .fo-band-ink .fo-research-list .av_iconlist_title, #top .fo-band-forest .fo-research-list .av_iconlist_title { color: var(--fo-cream); }
#top .fo-band-ink .fo-research-list .iconlist_content p, #top .fo-band-forest .fo-research-list .iconlist_content p { color: var(--fo-text-body); }
/* figure + caption */
#top .avia-image-container.fo-fig { margin: 0; }
#top .fo-fig .avia-image-container-inner, #top .fo-fig .avia_image { border-radius: var(--fo-radius-img); }
#top .fo-fig img { display: block; width: 100%; height: auto; aspect-ratio: 4 / 3; object-fit: cover; }
#top .fo-fig + .av_textblock_section { margin-top: 10px; }
/* farm list (46px thumbs) */
#top ul.fo-farm-list { list-style: none; margin: 20px 0 0; padding: 0; display: flex; flex-direction: column; gap: 12px; }
#top ul.fo-farm-list li { display: flex; align-items: center; gap: 14px; margin: 0; padding: 0; }
#top ul.fo-farm-list img { width: 46px; height: 46px; flex: 0 0 46px; object-fit: cover; border-radius: var(--fo-radius); background: var(--fo-moss); }
#top ul.fo-farm-list strong { display: block; font-size: 14.5px; font-weight: 600; color: var(--fo-cream); line-height: 1.3; }
#top ul.fo-farm-list small { display: block; font-size: 13px; color: var(--fo-text-muted); line-height: 1.4; margin-top: 2px; }
/* team member */
#top .fo-team.avia-team-member, #top .avia-team-member.fo-team { margin: 0; }
#top .fo-team .team-img-container { border-radius: var(--fo-radius); overflow: hidden; aspect-ratio: 1; background: var(--fo-moss); margin: 0 0 14px; }
#top .fo-team .team-img-container img { width: 100%; height: 100%; object-fit: cover; display: block; }
#top .fo-team .team-member-name { font-family: var(--fo-font-body); font-weight: 600; font-size: 16px; line-height: 1.3; color: var(--fo-cream); margin: 0 0 3px; letter-spacing: -0.01em; }
#top .fo-team .team-member-job-title { font-size: 13.5px; color: var(--fo-text-muted); margin: 0; line-height: 1.4; }
#top .fo-team .team-member-description { font-size: 14.5px; color: var(--fo-text-body); margin-top: 10px; }
#top .fo-team .team-social { display: none; }
#top .fo-team-placeholder .team-img-container { background: var(--fo-moss); }
#top .fo-team-placeholder .team-img-container img { display: none; }
#top .fo-team-placeholder .team-img-container::before, #top .avia-team-member.fo-team-placeholder:not(:has(.team-img-container))::before {
  content: 'L'; display: flex; align-items: center; justify-content: center; width: 100%; aspect-ratio: 1; border-radius: var(--fo-radius); background: var(--fo-moss);
  font-family: var(--fo-font-head); font-weight: 300; font-size: clamp(64px, 8vw, 96px); color: var(--fo-sage); margin: 0 0 14px;
}
#top .fo-team-placeholder .team-img-container::before { position: absolute; inset: 0; margin: 0; }
#top .fo-team-placeholder .team-img-container { position: relative; }
/* icon box (Why Folium differentiators) */
#top .iconbox.fo-iconbox { background: var(--fo-panel); border: 1px solid var(--fo-sage-a14); border-radius: var(--fo-radius); padding: 26px 24px 24px; margin: 0; text-align: left; }
#top .iconbox.fo-iconbox .iconbox_content { padding: 0; box-shadow: none; border-radius: 0; background: transparent; }
#top .iconbox.fo-iconbox .iconbox_icon { position: static; float: none; display: block; width: auto; height: auto; margin: 0 0 18px; padding: 0; background: transparent; border: 0; border-radius: 0; box-sizing: border-box; font-size: 28px; line-height: 1; color: var(--fo-sage); }
#top .iconbox.fo-iconbox .iconbox_icon svg, #top .iconbox.fo-iconbox .iconbox_icon img { width: 28px; height: 28px; fill: var(--fo-sage); stroke: var(--fo-sage); margin: 0; }
#top .iconbox.fo-iconbox .iconbox_content_title { font-family: var(--fo-font-body); font-weight: 600; font-size: var(--fo-fs-h3); line-height: 1.3; letter-spacing: -0.012em; text-transform: none; color: var(--fo-cream); margin: 0 0 10px; padding: 0; }
#top .iconbox.fo-iconbox .iconbox_content_container, #top .iconbox.fo-iconbox .iconbox_content_container p { font-size: 15px; line-height: 1.65; color: var(--fo-text-body); margin: 0; }
/* video + video card */
#top .avia-video.fo-video { border-radius: var(--fo-radius); overflow: hidden; background: var(--fo-moss); margin: 0; }
#top .avia-video.fo-video iframe, #top .avia-video.fo-video video { border-radius: var(--fo-radius); }
#top #wrap_all .flex_column.fo-video-card { background: var(--fo-white); border: 1px solid var(--fo-bone); border-radius: var(--fo-radius); padding: 0; overflow: hidden; }
#top .fo-video-card .avia-video.fo-video { border-radius: 0; }
#top .fo-video-card .avia-video.fo-video iframe { border-radius: 0; }
#top .fo-video-card .avia_textblock.fo-card-txt { padding: 20px 24px 24px; }
#top .fo-video-card .avia_textblock.fo-card-txt h3 { color: var(--fo-ink); font-size: var(--fo-fs-h3); margin: 0 0 6px; }
#top .fo-video-card .avia_textblock.fo-card-txt p { color: var(--fo-thyme); font-size: 14.5px; }
#top .fo-video-card .avia_textblock.fo-card-txt .fo-eyebrow { color: var(--fo-thyme); margin-bottom: 8px; }
/* testimonials */
#top .fo-testimonial .avia-testimonial { border: 0; padding: 0; }
#top .fo-testimonial .avia-testimonial-image, #top .fo-testimonial .avia-testimonial-arrow-wrap, #top .fo-testimonial .avia-testimonial-content::before, #top .fo-testimonial .avia-testimonial-content::after, #top .fo-testimonial .avia-testimonial_inner::before { display: none; content: none; }
#top .fo-testimonial .avia-testimonial-content { font-family: var(--fo-font-head); font-weight: 400; font-size: 20px; line-height: 1.5; color: var(--fo-cream); background: transparent; padding: 0; border: 0; }
#top .fo-testimonial .avia-testimonial-content p { margin: 0 0 18px; }
#top .fo-testimonial .avia-testimonial-meta { margin: 0; padding: 0; }
#top .fo-testimonial .avia-testimonial-meta-mini { padding: 0; line-height: 1.4; }
#top .fo-testimonial .avia-testimonial-name { font-family: var(--fo-font-body); font-weight: 600; font-size: 14px; color: var(--fo-cream); display: block; }
#top .fo-testimonial .avia-testimonial-subtitle { font-family: var(--fo-font-body); font-size: 13px; color: var(--fo-text-muted); display: block; }
#top .fo-testimonial .avia-testimonial-subtitle-sep { display: none; }
#top .fo-testimonial .avia-testimonial-row { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--fo-col-gap); }
#top .fo-testimonial.avia-grid-1-testimonials .avia-testimonial-row { grid-template-columns: 1fr; }
#top .fo-testimonial .avia-testimonial-row::before, #top .fo-testimonial .avia-testimonial-row::after { content: none; }
#top .fo-testimonial .avia-testimonial-row .avia-testimonial.flex_column { width: auto; margin: 0; float: none; }
#top .fo-testimonials .avia-image-container img { aspect-ratio: 1; object-fit: cover; border-radius: var(--fo-radius); }
/* anchor bar (sage band with outline pills) */
#top .fo-anchor-bar .content { padding-top: 22px; padding-bottom: 22px; }
#top .fo-anchor-bar .avia-buttonrow-wrap.fo-btn-row { gap: 10px; }
/* photo strip: 3 images */
#top .fo-photo-strip .avia-image-container { margin: 0; }
#top .fo-photo-strip img { width: 100%; aspect-ratio: 4 / 3; object-fit: cover; border-radius: var(--fo-radius); }
/* FAQ accordion */
#top .togglecontainer.fo-faq { margin: 0; }
#top .fo-faq .single_toggle { margin: 0; padding: 0; overflow: visible; border-bottom: 1px solid var(--fo-ink-a12); }
#top .fo-faq .toggler, .js_active #top .fo-faq .toggler { font-family: var(--fo-font-body); font-weight: 600; font-size: 17px; line-height: 1.4; color: var(--fo-ink); background: transparent; border: 0; border-radius: 0; padding: 20px 44px 20px 0; margin: 0; top: 0; letter-spacing: -0.01em; }
#top .fo-faq .toggler:hover, #top .fo-faq .toggler.activeTitle { color: var(--fo-pine); background: transparent; }
#top .fo-faq .toggle_icon { left: auto; right: 2px; width: 14px; height: 14px; margin-top: -7px; border: 0; background-color: var(--fo-pine); transition: transform .2s ease;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 5.5 8 10.5l5-5'/%3E%3C/svg%3E") center / contain no-repeat;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 5.5 8 10.5l5-5'/%3E%3C/svg%3E") center / contain no-repeat; }
#top .fo-faq .toggle_icon .vert_icon, #top .fo-faq .toggle_icon .hor_icon { display: none; }
#top .fo-faq .activeTitle .toggle_icon { transform: rotate(180deg); }
#top .fo-faq .toggle_wrap { padding: 0; }
#top .fo-faq .toggle_content { background: transparent; border: 0; border-radius: 0; padding: 0 0 26px; margin: 0; color: var(--fo-thyme); font-size: 16px; line-height: 1.7; }
#top .fo-faq .toggle_content p { margin: 0 0 14px; color: var(--fo-thyme); }
#top .fo-faq .toggle_content p:last-child { margin-bottom: 0; }
#top .fo-faq .toggle_content strong { color: var(--fo-ink); }
#top .fo-faq .toggle_content ul { margin: 0 0 14px 20px; }
#top .fo-faq .toggle_content li { margin-bottom: 6px; }
#top .fo-faq .toggle_content a { color: var(--fo-pine); text-decoration: underline; text-underline-offset: 3px; }
#top .fo-faq .toggle_content a:hover { color: var(--fo-thyme); }
#top .fo-faq-band .flex_column.fo-measure { max-width: 60rem; margin: 0 auto; }

/* ===================================================================== 11. PRODUCT TEMPLATE (handover 5.2 - 5.4) */
/* hero */
#top .fo-product-hero .content { padding-top: 52px; padding-bottom: 68px; }
#top .fo-product-hero.fo-split .entry-content-wrapper { grid-template-columns: 1fr 1.15fr; gap: clamp(36px, 4.4vw, 68px); align-items: start; }
#top .fo-product-hero .fo-h1 h1 { font-size: var(--fo-fs-h1); max-width: 17ch; }
#top .fo-product-hero .fo-h1 { margin-bottom: 20px; }
#top .fo-product-hero .avia_textblock.fo-intro { margin-bottom: 30px; }
/* gallery: big image 4:3 + 5 square thumbs */
#top .avia-gallery.fo-gallery { margin: 0; }
#top div .avia-gallery.fo-gallery .avia-gallery-big-wrapper { position: relative; }
#top div .avia-gallery.fo-gallery .avia-gallery-big { position: relative; display: block; padding: 0; margin: 0 0 14px; border: 0; border-radius: var(--fo-radius); overflow: hidden; aspect-ratio: 4 / 3; background: var(--fo-moss); box-shadow: var(--fo-shadow-img); }
#top div .avia-gallery.fo-gallery .avia-gallery-big-inner { display: block; height: 100%; }
#top div .avia-gallery.fo-gallery .avia-gallery-big img { display: block; width: 100%; height: 100%; object-fit: cover; padding: 0; border: 0; border-radius: 0; }
#top div .avia-gallery.fo-gallery .avia-gallery-big::after { content: 'Enlarge'; position: absolute; right: 14px; bottom: 14px; z-index: 3; font-family: var(--fo-font-body); font-size: 12px; font-weight: 500; line-height: 1; color: var(--fo-cream); background: var(--fo-ink-a70); padding: 7px 12px; border-radius: var(--fo-radius-pill); pointer-events: none; }
#top .fo-gallery .avia-gallery-thumb { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 10px; }
#top #wrap_all .fo-gallery .avia-gallery-thumb a { display: block; width: auto; aspect-ratio: 1; border-radius: var(--fo-radius); overflow: hidden; border: 1px solid var(--fo-sage-a14); background: var(--fo-moss); opacity: .7; transition: opacity .18s ease, border-color .18s ease; padding: 0; margin: 0; }
#top #wrap_all .fo-gallery .avia-gallery-thumb a:hover, #top #wrap_all .fo-gallery .avia-gallery-thumb a:focus-visible { opacity: 1; border-color: var(--fo-sage-a55); }
#top #wrap_all .fo-gallery .avia-gallery-thumb a.active_slide, #top #wrap_all .fo-gallery .avia-gallery-thumb a.avia-gallery-thumb-active { opacity: 1; border: 2px solid var(--fo-sage); }
#top .fo-gallery .avia-gallery-thumb img, .responsive #top .fo-gallery .avia-gallery-thumb img { display: block; width: 100%; height: 100%; object-fit: cover; padding: 0; border: 0; border-radius: 0; }
#top .fo-gallery .avia-gallery-thumb .big-prev-fake { display: none; }
#top .fo-gallery .avia-slideshow-arrows, #top .fo-gallery .avia-slideshow-dots { display: none; }
/* key facts / spec table (.kv look) */
#top .avia-data-table-wrap { margin: 0; }
#top #wrap_all table.fo-kv, #top #wrap_all table.avia-table.fo-kv { width: 100%; margin: 0 0 30px; border: 0; border-collapse: collapse; table-layout: auto; background: transparent; }
#top table.fo-kv.fo-kv-spec { margin: 0; }
#top table.fo-kv tr, #top table.fo-kv tbody, #top table.fo-kv tr:nth-child(odd), #top table.fo-kv tr:nth-child(even) { background: transparent; border: 0; }
#top table.fo-kv td, #top table.fo-kv th { background: transparent; border: 0; border-bottom: 1px solid var(--fo-hairline); padding: 13px 0; vertical-align: top; text-align: left; font-family: var(--fo-font-body); }
#top table.fo-kv.fo-kv-spec td { padding: 14px 0; }
#top table.fo-kv td:first-child, #top table.fo-kv th:first-child { font-size: 13.5px; font-weight: 600; color: var(--fo-sage); letter-spacing: .01em; white-space: nowrap; padding-right: 24px; width: 1%; }
#top table.fo-kv td:last-child { font-size: 14.5px; font-weight: 300; color: var(--fo-text-strong); text-align: right; }
#top table.fo-kv td::before { content: none; display: none; }
/* keep label beside value on phones (Enfold stacks responsive tables at 767) */
.responsive #top div .avia_responsive_table table.fo-kv { display: table; border: 0; }
.responsive #top div .avia_responsive_table table.fo-kv tbody { display: table-row-group; }
.responsive #top div .avia_responsive_table table.fo-kv tr { display: table-row; }
.responsive #top div .avia_responsive_table table.fo-kv td { display: table-cell; border-top: 0; border-left: 0; border-right: 0; border-bottom: 1px solid var(--fo-hairline); }
.responsive #top div .avia_responsive_table table.fo-kv td:first-child { text-align: left; }
.responsive #top div .avia_responsive_table table.fo-kv td:last-child { text-align: right; }
.responsive #top .avia_responsive_table table.fo-kv td::before { display: none; content: none; }
/* badge row: sage band, 5 cells */
#top .fo-badges .content { padding-top: 36px; padding-bottom: 36px; }
#top .fo-badges .av-special-heading.fo-badges-title { margin-bottom: 12px; }
#top .fo-badges .fo-badges-title h3, #top .fo-badges-title .av-special-heading-tag { font-family: var(--fo-font-head); font-weight: 300; font-size: clamp(22px, 2.4vw, 28px); line-height: 1.2; letter-spacing: -0.018em; color: var(--fo-ink); }
#top #wrap_all .flex_column.fo-badge { display: flex; align-items: center; gap: 12px; background: var(--fo-ink-a06); border-radius: var(--fo-radius); padding: 14px 16px; margin: 0; }
#top .fo-badge .avia-image-container.fo-badge-img { width: 55px; flex: 0 0 55px; margin: 0; }
#top .fo-badge .fo-badge-img .avia-image-container-inner { width: 55px; border-radius: 0; }
#top .fo-badge .fo-badge-img img { width: 55px; height: 55px; object-fit: contain; border-radius: 0; }
#top .fo-badge .av_textblock_section { flex: 1; min-width: 0; margin: 0; }
#top .avia_textblock.fo-badge-txt p { margin: 0; line-height: 1.3; }
#top .avia_textblock.fo-badge-txt strong { display: block; font-size: 13.5px; font-weight: 600; color: var(--fo-ink); letter-spacing: .01em; }
#top .avia_textblock.fo-badge-txt small { display: block; font-size: 11.5px; color: var(--fo-ink-a84); margin-top: 2px; }
/* TAB SECTION (handover 5.3) */
#top .av-tab-section-container.fo-tabs, #top .fo-tabs .av-tab-section-outer-container { background: var(--fo-forest); }
#top .av-tab-section-container.fo-tabs { border-top: 1px solid var(--fo-sage-a12); }
#top .fo-tabs .av-tab-section-tab-title-container {
  display: flex; align-items: flex-end; gap: clamp(20px, 3vw, 42px); width: 100%; max-width: calc(var(--fo-max) + 2 * var(--fo-gutter)); margin: 0 auto 44px;
  padding: 38px var(--fo-gutter) 0; border-bottom: 1px solid var(--fo-sage-a16); text-align: left; overflow-x: auto; overflow-y: hidden; scrollbar-width: none; -ms-overflow-style: none;
  /* Sticky tab bar dropped: it overlapped the tab content after Enfold's scroll-to-tab (handover 5.3: "drop it if it fights"). */
  position: static; background: var(--fo-forest); transition: none;
}
#top .fo-tabs .av-tab-section-tab-title-container::-webkit-scrollbar { display: none; }
#top .fo-tabs .av-section-tab-title {
  display: inline-block; flex: 0 0 auto; font-family: var(--fo-font-body); font-weight: 500; font-size: var(--fo-fs-ui); letter-spacing: -0.005em; line-height: 1; color: var(--fo-cream-a62); text-transform: none;
  padding: 0 2px 14px; margin: 0 0 -1px; border: 0; border-bottom: 2px solid transparent; border-radius: 0; background: transparent; box-shadow: none; white-space: nowrap; transition: color .16s ease, border-color .16s ease;
}
#top .fo-tabs .av-section-tab-title::before, #top .fo-tabs .av-section-tab-title::after, #top .fo-tabs .av-tab-arrow-container, #top .fo-tabs .av-tab-nr, #top .fo-tabs .av-tab-section-image { display: none; content: none; }
#top .fo-tabs .av-section-tab-title .av-outer-tab-title, #top .fo-tabs .av-section-tab-title .av-inner-tab-title { padding: 0; margin: 0; display: inline; font: inherit; color: inherit; }
#top .fo-tabs .av-section-tab-title:hover { color: var(--fo-cream); border-bottom-color: var(--fo-sage-a55); background: transparent; }
#top .fo-tabs .av-section-tab-title.av-active-tab-title { color: var(--fo-cream); font-weight: 600; border-bottom-color: #A4BFAB; background: transparent; }
#top .fo-tabs .av-section-tab-title:focus, #top .fo-tabs .av-section-tab-title:focus .av-outer-tab-title, #top .fo-tabs .av-section-tab-title:focus .av-inner-tab-title { outline: none; box-shadow: none; }
#top .fo-tabs .av-section-tab-title:focus-visible { color: var(--fo-cream); border-bottom-color: var(--fo-sage-a55); outline: none; }
#top .fo-tabs .avia-slideshow-arrows.av-tabsection-arrow { display: none; }
#top .fo-tabs .av-layout-tab, .js_active #top .fo-tabs .av-layout-tab { padding: 0 0 72px; border: 0; background: transparent; }
#top .fo-tabs .av-layout-tab-inner > .container { padding-top: 0; padding-bottom: 0; }
#top .fo-tabs .av-layout-tab .av-special-heading-h2 { margin-bottom: 22px; }
/* description */
#top .fo-tab-description .avia-image-container.fo-fig { margin: 0; }
/* tech specs */
#top .fo-tab-specs .flex_column.fo-col-spec .avia-button-wrap { margin-top: 28px; }
/* nutrition */
#top .flex_column.fo-nutr-text { margin-bottom: 0; }
#top #wrap_all .flex_column.fo-comp { background: var(--fo-panel); border: 1px solid var(--fo-sage-a14); border-radius: var(--fo-radius); padding: 26px 28px 24px; margin-top: 32px; }
#top .fo-comp .av_textblock_section { margin: 0; }
#top .avia_textblock.fo-comp-head p { display: flex; align-items: baseline; justify-content: space-between; gap: 20px; flex-wrap: wrap; margin: 0 0 20px; }
#top .avia_textblock.fo-comp-head strong { font-size: 15.5px; font-weight: 600; color: var(--fo-cream); letter-spacing: -0.01em; }
#top .avia_textblock.fo-comp-head span { font-size: 12.5px; color: var(--fo-text-muted); font-weight: 300; }
#top .avia_textblock.fo-comp-energy p { display: flex; align-items: baseline; justify-content: space-between; gap: 16px; padding: 0 0 16px; margin: 0 0 18px; border-bottom: 1px solid var(--fo-sage-a14); font-size: 13.5px; font-weight: 500; color: var(--fo-text-strong); }
#top .fo-energy-val, #top .avia_textblock span.fo-energy-val { font-family: var(--fo-font-head); font-size: 19px; font-weight: 400; color: var(--fo-cream); }
/* composition bars: label | track | value on one row */
#top .avia-progress-bar-container.fo-bars { margin: 0; }
#top .fo-bars .avia-progress-bar { display: grid; grid-template-columns: 160px minmax(0, 1fr) 80px; gap: 14px; align-items: center; margin: 14px 0; position: static; }
#top .fo-bars .avia-progress-bar:first-child { margin-top: 0; }
#top .fo-bars .progressbar-title-wrap, #top .fo-bars .progressbar-title { display: contents; position: static; background: transparent; padding: 0; border: 0; float: none; }
#top .fo-bars .progressbar-title { font-family: var(--fo-font-body); font-size: 13.5px; font-weight: 500; line-height: 1.3; color: var(--fo-text-strong); }
#top .fo-bars .progressbar-icon, #top .fo-bars .progressbar-percent { display: none; }
#top .fo-bars .fo-bar-val { order: 3; grid-column: 3; text-align: right; font-family: var(--fo-font-body); font-size: 14px; font-weight: 500; color: var(--fo-cream); white-space: nowrap; }
#top .fo-bars .avia-progress-bar .progress, #top .fo-bars .avia-progress-bar div.progress { grid-column: 2; height: 12px; line-height: 12px; border-radius: var(--fo-radius-pill); background: var(--fo-sage-a10); border: 0; box-shadow: none; overflow: hidden; clear: none; margin: 0; }
#top .fo-bars .avia-progress-bar div.progress .bar-outer, #top .fo-bars .avia-progress-bar div.progress .bar { height: 12px; border-radius: var(--fo-radius-pill); background-image: none; background-size: auto; box-shadow: none; }
#top .fo-bars .avia-progress-bar div.progress .bar-outer { background-color: transparent; }
/* show full analysis: accordion toggle as an outline pill */
#top .togglecontainer.fo-fa { margin: 22px 0 0; }
#top .fo-fa .single_toggle, #top .fo-fa .av_toggle_section { border: 0; margin: 0; padding: 0; overflow: visible; }
#top .fo-fa .toggler, .js_active #top .fo-fa .toggler {
  display: inline-block; position: relative; top: 0; font-family: var(--fo-font-body); font-size: 13.5px; font-weight: 500; line-height: 1.2; color: var(--fo-sage);
  background: transparent; border: 1px solid var(--fo-sage-a28); border-radius: var(--fo-radius-pill); padding: 10px 40px 10px 18px; margin: 0; transition: background .16s ease, border-color .16s ease;
}
#top .fo-fa .toggler:hover, #top .fo-fa .toggler.activeTitle { background: var(--fo-sage-a08); color: var(--fo-sage); border-color: var(--fo-sage-a40); }
#top .fo-fa .toggle_icon { left: auto; right: 15px; top: 50%; width: 14px; height: 14px; margin-top: -7px; border: 0; background-color: var(--fo-sage); transition: transform .2s ease;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 5.5 8 10.5l5-5'/%3E%3C/svg%3E") center / contain no-repeat;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 5.5 8 10.5l5-5'/%3E%3C/svg%3E") center / contain no-repeat; }
#top .fo-fa .toggle_icon .vert_icon, #top .fo-fa .toggle_icon .hor_icon { display: none; }
#top .fo-fa .toggler.activeTitle .toggle_icon { transform: rotate(180deg); }
#top .fo-fa .toggle_wrap { padding: 0; }
#top .fo-fa .toggle_content { background: transparent; border: 0; border-top: 1px solid var(--fo-sage-a16); border-radius: 0; padding: 26px 0 0; margin: 26px 0 0; color: var(--fo-text-body); }
#top .fo-analysis-title, #top .toggle_content p.fo-analysis-title { font-family: var(--fo-font-head); font-weight: 400; font-size: clamp(20px, 2vw, 26px); line-height: 1.2; color: var(--fo-cream); margin: 0 0 4px; }
#top .fo-analysis-sub, #top .toggle_content p.fo-analysis-sub { font-size: 13px; color: var(--fo-text-muted); font-weight: 300; margin: 0 0 18px; }
#top .fo-analysis-grid { display: grid; gap: 22px; align-items: start; }
#top .fo-analysis-grid-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
#top .fo-analysis-grid-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
#top .fo-analysis-grid-1 { grid-template-columns: minmax(0, 560px); }
#top ul.fo-analysis-notes { list-style: none; margin: 18px 0 0; padding: 0; display: flex; flex-direction: column; gap: 6px; }
#top ul.fo-analysis-notes li { font-size: 13px; line-height: 1.6; color: var(--fo-text-muted); font-weight: 300; margin: 0; }
/* TablePress analysis tables (.nt look) */
#top table.tablepress.fo-nt, #top .tablepress.fo-nt { --text-color: var(--fo-text-strong); --head-text-color: var(--fo-text-muted); --head-bg-color: transparent; --odd-bg-color: transparent; --even-bg-color: transparent; --hover-bg-color: transparent; --hover-text-color: var(--fo-text-strong); --border-color: var(--fo-hairline-soft); --padding: 7px 0;
  width: 100%; margin: 0; border: 0; border-collapse: collapse; border-spacing: 0; background: transparent; table-layout: auto; }
#top table.fo-nt > thead > tr > th, #top table.fo-nt thead th { font-family: var(--fo-font-body); font-size: var(--fo-fs-th); font-weight: 600; letter-spacing: .07em; text-transform: uppercase; color: var(--fo-text-muted); text-align: left; padding: 0 0 8px; background: transparent; border: 0; border-bottom: 1px solid var(--fo-hairline-strong); vertical-align: bottom; }
#top table.fo-nt thead th:nth-child(2), #top table.fo-nt thead th:nth-child(3) { text-align: right; font-size: 11.5px; letter-spacing: .06em; }
#top table.fo-nt thead th:nth-child(2) { width: 84px; }
#top table.fo-nt thead th:nth-child(3) { width: 66px; }
#top table.fo-nt > tbody > tr > td, #top table.fo-nt tbody td { font-family: var(--fo-font-body); font-size: 13.5px; font-weight: 400; line-height: 1.45; color: var(--fo-text-strong); padding: 7px 0; background: transparent; border: 0; border-bottom: 1px solid var(--fo-hairline-soft); vertical-align: top; }
#top table.fo-nt tbody tr, #top table.fo-nt tbody tr:hover, #top table.fo-nt > tbody > tr:nth-child(odd) > td, #top table.fo-nt > tbody > tr:nth-child(even) > td, #top table.fo-nt > .row-hover > tr:hover > td { background: transparent; color: var(--fo-text-strong); }
#top table.fo-nt tbody td:nth-child(2) { font-size: 12.5px; font-weight: 300; color: var(--fo-text-muted); text-align: right; padding-left: 10px; white-space: nowrap; }
#top table.fo-nt tbody td:nth-child(3) { text-align: right; padding-left: 10px; white-space: nowrap; }
#top table.fo-nt .fo-group, #top table.fo-nt strong.fo-group { color: var(--fo-cream); font-weight: 500; }
#top table.fo-nt .fo-ind, #top table.fo-nt span.fo-ind { display: inline-block; padding-left: 16px; }
/* other products: heading left, link right, 4 tiles */
#top .fo-others .entry-content-wrapper { gap: 28px var(--fo-card-gap); align-items: end; }
#top #wrap_all .fo-others .flex_column.fo-others-head { grid-column: 1 / 3; align-self: end; }
#top #wrap_all .fo-others .flex_column.fo-others-link { grid-column: 3 / 5; align-self: end; text-align: right; padding-bottom: 6px; }
#top .fo-others .fo-others-head .av-special-heading { margin: 0; }
#top .fo-others-link .avia_textblock.fo-link-arrow a { font-size: 14px; font-weight: 600; }
#top #wrap_all .fo-others .flex_column.fo-tile { align-self: stretch; }

/* ===================================================================== 12. BLOG (handover 6) */
/* listing grid on the cream band */
#top .fo-blog .content { padding-top: 56px; }
#top .avia-content-slider.fo-blog-grid { margin: 0; overflow: visible; }
#top .fo-blog-grid .avia-content-slider-inner { overflow: visible; }
#top .fo-blog-grid .slide-entry-wrap { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--fo-card-gap); float: none; width: 100%; margin: 0 0 var(--fo-card-gap); position: relative; }
#top .fo-blog-grid .slide-entry-wrap:last-child { margin-bottom: 0; }
#top #wrap_all .fo-blog-grid .slide-entry, .responsive #top #wrap_all .fo-blog-grid .slide-entry, .responsive #top #wrap_all .fo-blog-grid .slide-entry.first {
  width: auto; margin: 0; float: none; clear: none; min-width: 0; background: var(--fo-white); border: 1px solid var(--fo-linen); border-radius: var(--fo-radius); overflow: hidden; display: flex; flex-direction: column; transition: border-color .2s ease, transform .2s ease;
}
#top #wrap_all .fo-blog-grid .slide-entry:hover { border-color: var(--fo-sage-a55); transform: translateY(-3px); }
#top .fo-blog-grid .slide-image { display: block; margin: 0; border-radius: 0; aspect-ratio: 16 / 10; overflow: hidden; background: var(--fo-linen); }
#top .fo-blog-grid .slide-image img { width: 100%; height: 100%; object-fit: cover; border-radius: 0; display: block; }
#top .fo-blog-grid .slide-content { padding: 20px 22px 24px; display: flex; flex-direction: column; gap: 10px; }
#top .fo-blog-grid .entry-content-header { display: flex; flex-direction: column; gap: 8px; }
#top .fo-blog-grid .blog-categories, #top .fo-blog-grid .blog-categories a { font-family: var(--fo-font-body); font-weight: 600; font-size: var(--fo-fs-eyebrow); letter-spacing: .12em; text-transform: uppercase; color: var(--fo-thyme); text-decoration: none; }
#top .fo-blog-grid .slide-entry-title, #top .fo-blog-grid .slide-entry-title a { font-family: var(--fo-font-body); font-weight: 600; font-size: 17px; line-height: 1.35; letter-spacing: -0.012em; color: var(--fo-ink); margin: 0; text-decoration: none; }
#top .fo-blog-grid .slide-entry-title a:hover { color: var(--fo-pine); }
#top .fo-blog-grid .av-vertical-delimiter, #top .fo-blog-grid .slide-meta-del, #top .fo-blog-grid .slide-meta-comments, #top .fo-blog-grid .slide-meta-author, #top .fo-blog-grid .read-more-link { display: none; }
#top .fo-blog-grid .slide-entry-excerpt, #top .fo-blog-grid .slide-entry-excerpt p { font-family: var(--fo-font-body); font-weight: 300; font-size: 15px; line-height: 1.6; color: var(--fo-thyme); margin: 0; }
#top .fo-blog-grid .slide-meta { order: 3; padding: 0; margin-top: auto; }
#top .fo-blog-grid .slide-meta time, #top .fo-blog-grid .slide-meta div { font-family: var(--fo-font-body); font-size: 12.5px; color: var(--fo-thyme); }
#top .fo-band-cream .pagination { padding: 32px 0 0; line-height: 1; display: flex; flex-wrap: wrap; gap: 8px; align-items: center; justify-content: center; overflow: visible; }
#top .fo-band-cream .pagination a, #top .fo-band-cream .pagination span, #top .fo-band-cream .pagination .current, #top .fo-band-cream .pagination .pagination-meta {
  float: none; display: inline-flex; align-items: center; justify-content: center; min-width: 38px; height: 38px; padding: 0 12px; margin: 0; border: 1px solid var(--fo-ink-a12); border-radius: var(--fo-radius-pill);
  background: transparent; font-family: var(--fo-font-body); font-size: 13.5px; font-weight: 500; color: var(--fo-thyme); text-decoration: none;
}
#top .fo-band-cream .pagination .pagination-meta { border: 0; }
#top .fo-band-cream .pagination a:hover { background: var(--fo-ink-a06); color: var(--fo-ink); border-color: var(--fo-ink-a30); }
#top .fo-band-cream .pagination .current { background: var(--fo-pine); color: var(--fo-cream); border-color: var(--fo-pine); }

/* single post */
#top.single-post #wrap_all { overflow-x: clip; }
#top.single-post .container_wrap_first, #top.single-post .container_wrap_first { background: var(--fo-ink); }
#top.single-post .template-single-blog .av-content-full { padding-top: 48px; padding-bottom: 0; }
#top.single-post .av-content-full .entry-content-wrapper, #top.single-post .av-main-single .entry-content-wrapper { max-width: 760px; margin: 0 auto; padding: 0; }
#top.single-post .post-entry { padding: 0; }
#top.single-post .big-preview.single-big { max-width: 760px; margin: 0 auto 36px; padding: 0; }
#top.single-post .big-preview a { display: block; border-radius: var(--fo-radius); overflow: hidden; }
#top.single-post .big-preview img { display: block; width: 100%; height: auto; aspect-ratio: 16 / 9; object-fit: cover; border-radius: var(--fo-radius); }
#top.single-post .entry-content-header { margin: 0 0 30px; }
#top.single-post .post-title { font-family: var(--fo-font-head); font-weight: 400; font-size: clamp(30px, 3.6vw, 48px); line-height: 1.1; letter-spacing: -0.02em; color: var(--fo-cream); margin: 0 0 16px; }
#top.single-post .post-title .post-format-icon { display: none; }
#top.single-post .post-meta-infos, #top.single-post .blog-categories, #top.single-post .blog-categories a, #top.single-post .date-container {
  font-family: var(--fo-font-body); font-weight: 600; font-size: var(--fo-fs-eyebrow); letter-spacing: .12em; text-transform: uppercase; color: var(--fo-lichen); text-decoration: none; display: inline;
}
#top.single-post .post-meta-infos { display: block; }
#top.single-post .post-meta-infos .text-sep { padding: 0 8px; color: var(--fo-sage-a55); }
#top.single-post .post-meta-infos .blog-author, #top.single-post .post-meta-infos .comment-container { display: none; }
#top.single-post .entry-content, #top.single-post .entry-content p { font-family: var(--fo-font-body); font-weight: 300; font-size: var(--fo-fs-post); line-height: 1.8; color: var(--fo-cream-a86); }
#top.single-post .entry-content p { margin: 0 0 22px; }
#top.single-post .entry-content h2 { font-family: var(--fo-font-head); font-weight: 400; font-size: var(--fo-fs-h2-post); line-height: 1.2; color: var(--fo-cream); margin: 44px 0 18px; }
#top.single-post .entry-content h3 { font-family: var(--fo-font-body); font-weight: 600; font-size: 20px; color: var(--fo-cream); margin: 36px 0 14px; }
#top.single-post .entry-content a { color: var(--fo-mist); text-decoration: underline; text-decoration-color: var(--fo-sage-a55); text-underline-offset: 3px; }
#top.single-post .entry-content a:hover { color: var(--fo-cream); }
#top.single-post .entry-content strong { color: var(--fo-cream); font-weight: 600; }
#top.single-post .entry-content ul, #top.single-post .entry-content ol { margin: 0 0 24px 22px; padding: 0; font-size: var(--fo-fs-post); line-height: 1.7; }
#top.single-post .entry-content li { margin: 0 0 10px; }
#top.single-post .entry-content li::marker { color: var(--fo-sage); }
#top.single-post .entry-content img { border-radius: var(--fo-radius); height: auto; }
#top.single-post .entry-content figure { margin: 32px 0; }
#top.single-post .entry-content figcaption, #top.single-post .entry-content .wp-caption-text { font-size: 13px; line-height: 1.5; color: var(--fo-cream-a50); margin-top: 10px; text-align: left; }
#top.single-post .entry-content blockquote { font-family: var(--fo-font-head); font-weight: 400; font-size: 24px; line-height: 1.4; color: var(--fo-cream); border: 0; border-top: 1px solid var(--fo-sage-a16); border-bottom: 1px solid var(--fo-sage-a16); padding: 28px 0; margin: 36px 0; }
#top.single-post .entry-content blockquote p { font: inherit; color: inherit; margin: 0; }
#top.single-post .av-share-box, #top.single-post .av-social-sharing-box, #top.single-post .related_posts, #top.single-post .comment-entry, #top.single-post #comments, #top.single-post .comment_container, #top.single-post .side-container-comment,
#top.single-post .post_author_timeline, #top.single-post .blog-meta, #top.single-post .post_delimiter, #top.single-post .comment-respond, #top.single-post .post-nav, #top.single-post #comments-title { display: none; }
#top.single-post .entry-footer { margin: 0; padding: 0; border: 0; }
/* end-of-post CTA band (emitted by the child theme; background-image is inline) */
#top .fo-post-cta { position: relative; overflow: hidden; width: 100vw; max-width: 100vw; margin: 72px 0 0 calc(50% - 50vw); padding: 88px var(--fo-gutter) 92px; text-align: center; background-color: var(--fo-forest); background-size: cover; background-position: center; }
#top .fo-post-cta::before { content: ''; position: absolute; inset: 0; z-index: 0; background: radial-gradient(120% 100% at 50% 50%, rgba(18,25,15,.62) 0%, rgba(18,25,15,.88) 78%); -webkit-backdrop-filter: saturate(.72) brightness(.58); backdrop-filter: saturate(.72) brightness(.58); }
#top .fo-post-cta-inner { position: relative; z-index: 1; max-width: 720px; margin: 0 auto; }
#top .fo-post-cta h2 { font-family: var(--fo-font-head); font-weight: 400; font-size: var(--fo-fs-h2-lg); line-height: 1.12; letter-spacing: var(--fo-track-head); color: var(--fo-cream); margin: 0 0 14px; }
#top .fo-post-cta p { font-family: var(--fo-font-body); font-weight: 300; font-size: 17.5px; line-height: 1.7; color: var(--fo-cream-a74); margin: 0 0 32px; }
#top .fo-post-cta-btn, #top a.fo-post-cta-btn { display: inline-flex; align-items: center; gap: 8px; background: var(--fo-sage); color: var(--fo-ink); font-family: var(--fo-font-body); font-weight: 600; font-size: 15.5px; line-height: 1; padding: 17px 32px; border-radius: var(--fo-radius); text-decoration: none; transition: background .18s ease; }
#top .fo-post-cta-btn:hover, #top a.fo-post-cta-btn:hover { background: var(--fo-mist); color: var(--fo-ink); }

/* ===================================================================== 13. FORMINATOR (handover 10) - every rule !important to beat the plugin's design CSS */
#top #wrap_all .flex_column.fo-form-card { background: var(--fo-cream); border-radius: var(--fo-radius); padding: clamp(24px, 3vw, 40px); color: var(--fo-ink); }
#top .fo-form-card .av-special-heading-tag, #top .fo-form-card h2, #top .fo-form-card h3 { color: var(--fo-ink); }
#top .fo-form-card .avia_textblock, #top .fo-form-card .avia_textblock p { color: var(--fo-thyme); }
#top .forminator-ui.forminator-custom-form { font-family: var(--fo-font-body) !important; }
#top .forminator-ui.forminator-custom-form .forminator-row { margin-bottom: 14px !important; }
#top .forminator-ui.forminator-custom-form .forminator-row:last-child, #top .forminator-ui.forminator-custom-form .forminator-row-last { margin-bottom: 0 !important; }
#top .forminator-ui.forminator-custom-form .forminator-label { font-family: var(--fo-font-body) !important; font-size: 13.5px !important; font-weight: 600 !important; line-height: 1.4 !important; color: var(--fo-ink) !important; margin: 0 0 7px !important; }
#top .forminator-ui.forminator-custom-form .forminator-label .forminator-required { color: var(--fo-pine) !important; }
#top .forminator-ui.forminator-custom-form .forminator-input, #top .forminator-ui.forminator-custom-form input.forminator-input, #top .forminator-ui.forminator-custom-form .forminator-textarea, #top .forminator-ui.forminator-custom-form textarea.forminator-textarea,
#top .forminator-ui.forminator-custom-form select.forminator-select--field, #top .forminator-ui.forminator-custom-form .forminator-input-with-phone input, #top .forminator-ui.forminator-custom-form .forminator-input-with-icon input {
  width: 100% !important; display: block !important; box-sizing: border-box !important; background: var(--fo-white) !important; color: var(--fo-ink) !important; border: 1px solid var(--fo-ink-a12) !important; border-radius: var(--fo-radius) !important;
  box-shadow: none !important; font-family: var(--fo-font-body) !important; font-size: 15px !important; font-weight: 400 !important; line-height: 1.4 !important; padding: 13px 15px !important; min-height: 48px !important; height: auto !important; margin: 0 !important; outline: none !important; transition: border-color .16s ease !important;
}
#top .forminator-ui.forminator-custom-form .forminator-textarea, #top .forminator-ui.forminator-custom-form textarea.forminator-textarea { min-height: 150px !important; resize: vertical !important; }
#top .forminator-ui.forminator-custom-form .forminator-input::placeholder, #top .forminator-ui.forminator-custom-form .forminator-textarea::placeholder { color: var(--fo-thyme) !important; opacity: .7 !important; }
#top .forminator-ui.forminator-custom-form .forminator-input:hover, #top .forminator-ui.forminator-custom-form .forminator-textarea:hover { border-color: var(--fo-ink-a30) !important; }
#top .forminator-ui.forminator-custom-form .forminator-input:focus, #top .forminator-ui.forminator-custom-form .forminator-textarea:focus, #top .forminator-ui.forminator-custom-form select.forminator-select--field:focus,
#top .forminator-ui.forminator-custom-form .forminator-select .select2-selection--single:focus, #top .forminator-ui.forminator-custom-form .forminator-select.select2-container--focus .select2-selection--single, #top .forminator-ui.forminator-custom-form .forminator-select.select2-container--open .select2-selection--single {
  border-color: var(--fo-ink-a30) !important; outline: 2px solid var(--fo-sage) !important; outline-offset: 2px !important; box-shadow: none !important;
}
/* select (select2 rendering) */
#top .forminator-ui.forminator-custom-form .forminator-select .select2-selection--single, #top .forminator-ui.forminator-custom-form .forminator-select .selection .select2-selection--single, #top .forminator-ui .forminator-select2 + .forminator-select .select2-selection--single {
  display: flex !important; align-items: center !important; background: var(--fo-white) !important; border: 1px solid var(--fo-ink-a12) !important; border-radius: var(--fo-radius) !important; box-shadow: none !important; min-height: 48px !important; height: auto !important; padding: 0 44px 0 15px !important; font-family: var(--fo-font-body) !important; font-size: 15px !important; color: var(--fo-ink) !important;
}
#top .forminator-ui.forminator-custom-form .forminator-select .select2-selection--single .select2-selection__rendered { padding: 0 !important; line-height: 46px !important; color: var(--fo-ink) !important; font-family: var(--fo-font-body) !important; font-size: 15px !important; }
#top .forminator-ui.forminator-custom-form .forminator-select .select2-selection--single .select2-selection__placeholder { color: var(--fo-thyme) !important; opacity: .8 !important; }
#top .forminator-ui.forminator-custom-form .forminator-select .select2-selection--single .select2-selection__arrow { right: 14px !important; top: 0 !important; height: 100% !important; width: 16px !important; display: flex !important; align-items: center !important; color: var(--fo-thyme) !important; }
#top .forminator-ui.forminator-custom-form .forminator-select .select2-selection--single .select2-selection__arrow [class*="forminator-icon-"]::before, #top .forminator-ui.forminator-custom-form .forminator-select .select2-selection--single .select2-selection__arrow b { color: var(--fo-thyme) !important; border-color: var(--fo-thyme) transparent transparent transparent !important; }
body .select2-container.forminator-dropdown, body .select2-container .forminator-dropdown, body .forminator-dropdown--default, body .select2-container--open .select2-dropdown { background: var(--fo-white) !important; border: 1px solid var(--fo-ink-a12) !important; border-radius: var(--fo-radius) !important; box-shadow: 0 16px 40px rgba(18,25,15,.18) !important; overflow: hidden !important; font-family: var(--fo-font-body) !important; }
body .select2-container .select2-results__option { font-family: var(--fo-font-body) !important; font-size: 15px !important; color: var(--fo-ink) !important; padding: 10px 15px !important; }
body .select2-container .select2-results__option--highlighted, body .select2-container .select2-results__option[aria-selected="true"], body .select2-container .select2-results__option--selected { background: var(--fo-frost) !important; color: var(--fo-ink) !important; }
/* errors */
#top .forminator-ui.forminator-custom-form .forminator-has_error .forminator-input, #top .forminator-ui.forminator-custom-form .forminator-has_error .forminator-textarea, #top .forminator-ui.forminator-custom-form .forminator-has_error .forminator-select .select2-selection--single { border-color: #B4442F !important; }
#top .forminator-ui.forminator-custom-form .forminator-error-message, #top .forminator-ui.forminator-custom-form .forminator-has_error .forminator-error-message { display: block !important; margin: 6px 0 0 !important; padding: 0 !important; background: transparent !important; border: 0 !important; font-family: var(--fo-font-body) !important; font-size: 13px !important; font-weight: 500 !important; color: #B4442F !important; }
/* submit */
#top .forminator-ui.forminator-custom-form .forminator-button-submit, #top .forminator-ui.forminator-custom-form button.forminator-button-submit {
  display: inline-flex !important; align-items: center !important; justify-content: center !important; width: auto !important; min-width: 0 !important; height: auto !important; min-height: 0 !important; margin: 10px 0 0 !important;
  background: var(--fo-pine) !important; color: var(--fo-cream) !important; border: 0 !important; border-radius: var(--fo-radius-pill) !important; box-shadow: none !important; text-shadow: none !important;
  font-family: var(--fo-font-body) !important; font-size: 15px !important; font-weight: 600 !important; line-height: 1.2 !important; letter-spacing: 0 !important; text-transform: none !important; padding: 16px 30px !important; cursor: pointer !important; transition: background .18s ease !important;
}
#top .forminator-ui.forminator-custom-form .forminator-button-submit:hover, #top .forminator-ui.forminator-custom-form .forminator-button-submit:focus { background: var(--fo-panel) !important; color: var(--fo-cream) !important; }
#top .forminator-ui.forminator-custom-form .forminator-button-submit:focus-visible { outline: 2px solid var(--fo-sage) !important; outline-offset: 2px !important; }
#top .forminator-ui.forminator-custom-form .forminator-pagination-footer, #top .forminator-ui.forminator-custom-form .forminator-row-last { text-align: left !important; }
/* messages */
#top .forminator-ui.forminator-custom-form .forminator-response-message, #top .forminator-ui.forminator-custom-form .forminator-response-message p { font-family: var(--fo-font-body) !important; font-size: 14.5px !important; color: var(--fo-ink) !important; }
#top .forminator-ui.forminator-custom-form .forminator-response-message { background: var(--fo-frost) !important; border: 1px solid var(--fo-ink-a12) !important; border-radius: var(--fo-radius) !important; padding: 14px 16px !important; margin: 0 0 18px !important; }
#top .forminator-ui.forminator-custom-form .forminator-response-message.forminator-error { background: rgba(180,68,47,.08) !important; border-color: rgba(180,68,47,.3) !important; }
#top .forminator-ui.forminator-custom-form .forminator-response-message.forminator-error p { color: #B4442F !important; }
#top .forminator-ui.forminator-custom-form .forminator-response-message[aria-hidden="true"], #top .forminator-ui.forminator-custom-form .forminator-response-message:empty { display: none !important; }
/* contact aside */
#top .fo-contact-aside h2, #top .fo-contact-aside h3, #top .fo-contact-aside .av-special-heading-tag { font-family: var(--fo-font-head); font-weight: 400; font-size: 22px; line-height: 1.25; color: var(--fo-cream); }
#top .fo-contact-aside .av-special-heading { margin-bottom: 12px; }
#top .fo-contact-aside .avia_textblock, #top .fo-contact-aside .avia_textblock p { font-size: 15px; line-height: 1.65; color: var(--fo-text-body); }
#top .fo-contact-aside .avia_textblock a { color: var(--fo-sage); text-decoration: none; }
#top .fo-contact-aside .avia_textblock a:hover { color: var(--fo-mist); }
#top .fo-contact-aside .av_textblock_section + .av-special-heading { margin-top: 28px; }
#top .fo-intro-band.fo-split .entry-content-wrapper { align-items: start; }

/* ===================================================================== 14. RESPONSIVE (handover 12) */
/* 990-1100: tighten the desktop nav so it fits before the burger takes over at 989 */
@media only screen and (max-width: 1100px) {
  #top #header .av-main-nav { gap: 0; }
  #top #header .av-main-nav > li > a { padding: 0 8px; font-size: 13px; }
  #top #wrap_all #header .av-main-nav > li.fo-menu-cta > a .avia-menu-text { padding: 11px 16px; font-size: 13px; }
  #top #header #menu-item-search > a { margin-left: 4px; }
}

/* <=900: splits stack text-first, 5 -> 1, 4 -> 2, 3 -> 2, hero padding */
@media only screen and (max-width: 900px) {
  #top .fo-split .entry-content-wrapper, #top .av-layout-tab.fo-split > .av-layout-tab-inner > .container, #top .fo-product-hero.fo-split .entry-content-wrapper { grid-template-columns: minmax(0, 1fr); gap: 34px; }
  #top .fo-split .flex_column.fo-col-img, #top .fo-split-rev .flex_column.fo-col-img { order: 2; }
  #top .fo-split .flex_column.fo-row-full { order: -1; }
  #top .fo-product-hero .flex_column.fo-col-gallery { order: -1; }
  #top .fo-grid-5 .entry-content-wrapper, #top .av-layout-tab.fo-grid-5 > .av-layout-tab-inner > .container { grid-template-columns: minmax(0, 1fr); gap: 12px; }
  /* badge band: 3 across on tablet, 2 across on phones (stacked image over text) */
  #top .fo-badges .entry-content-wrapper { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; }
  #top .fo-grid-4 .entry-content-wrapper, #top .av-layout-tab.fo-grid-4 > .av-layout-tab-inner > .container, #top .fo-others .entry-content-wrapper,
  #top .fo-grid-3 .entry-content-wrapper, #top .av-layout-tab.fo-grid-3 > .av-layout-tab-inner > .container, #top .fo-photo-strip .entry-content-wrapper { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  #top #wrap_all .fo-others .flex_column.fo-others-head { grid-column: 1 / 2; }
  #top #wrap_all .fo-others .flex_column.fo-others-link { grid-column: 2 / 3; }
  #top .fo-analysis-grid-3, #top .fo-analysis-grid-2, #top .fo-analysis-grid-1 { grid-template-columns: minmax(0, 1fr); }
  #top .fo-testimonial .avia-testimonial-row { grid-template-columns: minmax(0, 1fr); gap: 36px; }
  #top .fo-hero-page .content { padding-top: 112px; padding-bottom: 56px; }
  #top .fo-hero-page .container, #top .avia-section.fo-hero-page .container { min-height: 440px; }
  #top .fo-hero-home .content { padding-top: 112px; }
  #top .fo-hero-page .av-section-color-overlay { background: linear-gradient(180deg, rgba(18,25,15,.4) 0%, rgba(18,25,15,.2) 40%, rgba(18,25,15,.82) 100%); }
  #top .fo-blog-grid .slide-entry-wrap { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  #top .fo-tabs .av-tab-section-tab-title-container { padding-top: 28px; margin-bottom: 36px; }
  #top .flex_column.fo-measure, #top .flex_column.fo-measure-wide { max-width: none; }
  #top .fo-product-hero .flex_column.fo-measure { max-width: none; }
  /* footer: brand full width, then Products / Company / Contact */
  #top #footer .container { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 36px 28px; }
  #top #footer .flex_column.first, #top #footer .flex_column:first-child { grid-column: 1 / -1; }
}

/* <=820: mobile section spacing */
@media only screen and (max-width: 820px) {
  #top .avia-section-default .content, #top .avia-section-large .content, #top .avia-section-huge .content { padding-top: var(--fo-section-y-mobile); padding-bottom: 40px; }
  #top .avia-section-small .content { padding-top: 28px; padding-bottom: 28px; }
  #top .fo-product-hero .content { padding-top: 36px; padding-bottom: 36px; }
  #top .fo-badges .content { padding-top: 28px; padding-bottom: 28px; }
  #top .fo-tabs .av-layout-tab, .js_active #top .fo-tabs .av-layout-tab { padding-bottom: 52px; }
  #top .fo-cta-band .content, #top .fo-others .content { padding-top: 44px; padding-bottom: 52px; }
  #top .fo-intro-band .content { padding-top: 44px; padding-bottom: 36px; }
  #top .fo-post-cta { padding-top: 56px; padding-bottom: 60px; margin-top: 48px; }
  #top #footer { padding: 48px 0 40px; }
  #top .av_textblock_section + .av-special-heading, #top .avia-icon-list-container + .av-special-heading { margin-top: 28px; }
  #top .flex_column.column-top-margin { margin-top: 32px; }
}

/* <=600: header CTA lives in the mobile menu */
@media only screen and (max-width: 600px) {
  #top #header .av-main-nav > li.fo-menu-cta { display: none; }
  #top #wrap_all #av-burger-menu-ul li.fo-menu-cta { display: block; }
}

/* <=560: everything one column */
@media only screen and (max-width: 560px) {
  #top .fo-badges .entry-content-wrapper { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
  #top #wrap_all .flex_column.fo-badge { flex-direction: column; align-items: flex-start; gap: 10px; padding: 14px; }
  #top .avia_textblock.fo-badge-txt strong { font-size: 12.5px; }
  #top .fo-grid-2 .entry-content-wrapper, #top .av-layout-tab.fo-grid-2 > .av-layout-tab-inner > .container,
  #top .fo-grid-3 .entry-content-wrapper, #top .av-layout-tab.fo-grid-3 > .av-layout-tab-inner > .container,
  #top .fo-grid-4 .entry-content-wrapper, #top .av-layout-tab.fo-grid-4 > .av-layout-tab-inner > .container,
  #top .fo-others .entry-content-wrapper, #top .fo-photo-strip .entry-content-wrapper, #top .fo-blog-grid .slide-entry-wrap { grid-template-columns: minmax(0, 1fr); }
  #top #wrap_all .fo-others .flex_column.fo-others-head, #top #wrap_all .fo-others .flex_column.fo-others-link { grid-column: 1 / -1; text-align: left; padding-bottom: 0; }
  #top ul.fo-stats { grid-template-columns: minmax(0, 1fr); }
  #top .fo-bars .avia-progress-bar { grid-template-columns: 110px minmax(0, 1fr) 62px; gap: 10px; }
  #top table.fo-kv td:first-child { white-space: normal; padding-right: 16px; width: auto; }
  #top #wrap_all .flex_column.fo-comp { padding: 22px 18px 20px; }
  #top .fo-gallery .avia-gallery-thumb { gap: 6px; }
  #top .fo-hero-home .content { padding-bottom: 48px; }
  #top .fo-hero-home .container, #top .avia-section.fo-hero-home .container { min-height: 80vh; }
  #top .fo-cta-band .content { padding-top: 44px; padding-bottom: 52px; }
  #top #wrap_all .avia-button, #top #wrap_all .fo-btn-row .avia-button:nth-child(n+2) { white-space: normal; }
  #top .avia-buttonrow-wrap.fo-btn-row { gap: 10px; }
  #top .fo-anchor-bar .avia-buttonrow-wrap.fo-btn-row { overflow-x: auto; flex-wrap: nowrap; scrollbar-width: none; }
  #top #wrap_all #footer .fo-footer-brand { max-width: none; }
  /* footer: Products + Company in two columns, Contact below */
  #top #footer .container { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 32px 20px; }
  #top #footer .flex_column:nth-child(4) { grid-column: 1 / -1; }
  #top #socket .copyright { flex-direction: column; align-items: flex-start; gap: 8px; }
  #top #socket .fo-socket-credit { margin-left: 0; margin-top: 6px; }
  #top .fo-tabs .av-tab-section-tab-title-container { gap: 20px; }
  #top .title_container .breadcrumb-trail { white-space: nowrap; overflow-x: auto; scrollbar-width: none; flex-wrap: nowrap; }
}

/* ===================================================================== 15. SECTION HOOKS (home products / farms / people - grounds + spacing only; their grids come from fo-grid-*) */
#top .avia-section.fo-products { scroll-margin-top: var(--fo-header-h); }
#top .avia-section.fo-farms .fo-split .flex_column.fo-col-img .avia-image-container, #top .fo-farms .avia-image-container.fo-fig { margin: 0; }
#top .avia-section.fo-people .flex_column.fo-row-full { margin-bottom: 6px; }
#top .fo-people .avia-team-member { margin: 0; }
#top .fo-products .flex_column.fo-row-full .av-special-heading { margin-bottom: 8px; }

/* ---- review fixes (14 Oct) ---- */
/* tech-specs tab: table and documentation panel start at the same top edge */
#top .av-layout-tab.fo-tab-specs > .av-layout-tab-inner > .container { align-items: start; }
/* nutrition tab: breathing room above the bullet list */
#top .fo-nutr-text .avia-icon-list-container.fo-dots { margin-top: 14px; }
/* gallery: hide Enfold's hover zoom icon - the design has only the "Enlarge" pill */
#top .fo-gallery .image-overlay, #top .fo-gallery .avia-gallery-big .image-overlay-inside { display: none !important; }
/* Why Folium: icon box sits inside a card column - don't draw a second box */
#top .flex_column.fo-card .iconbox.fo-iconbox { background: transparent; border: 0; padding: 0; }
/* About farm cards: text sits flush with the heading */
#top .fo-farm-card .avia_textblock.fo-card-txt { padding: 0; }
/* Home "Why" heading: second line via Enfold's subheading, styled like the H2 */
#top .av-special-heading.fo-why-h2 .av-subheading { font-family: var(--fo-font-head); font-weight: 400; font-size: var(--fo-fs-h2); line-height: 1.14; letter-spacing: -0.018em; color: var(--fo-heading); margin: 0; padding: 0; }
#top .av-special-heading.fo-why-h2 .av-special-heading-tag { margin-bottom: 0; }
/* Home testimonials (proof: quote overlaid on the photo) */
#top #wrap_all .fo-testimonials .flex_column.fo-testimonial-card { position: relative; overflow: hidden; border-radius: var(--fo-radius); min-height: 420px; display: flex; flex-direction: column; justify-content: flex-end; }
#top .fo-testimonials .fo-testimonial-card .avia-image-container { position: absolute; inset: 0; margin: 0; }
#top .fo-testimonials .fo-testimonial-card .avia-image-container-inner, #top .fo-testimonials .fo-testimonial-card .avia-image-overlay-wrap { height: 100%; }
#top .fo-testimonials .fo-testimonial-card .avia-image-container img { width: 100%; height: 100%; object-fit: cover; aspect-ratio: auto; border-radius: 0; }
#top .fo-testimonials .fo-testimonial-card .avia-image-container::after { content: ''; position: absolute; inset: 0; background: linear-gradient(180deg, rgba(18,25,15,0) 30%, rgba(18,25,15,.82) 100%); }
#top .fo-testimonials .fo-testimonial-card .avia-testimonial-wrapper { position: relative; z-index: 1; padding: 28px 26px 26px; margin: 0; }
#top .fo-testimonials .fo-testimonial-card .avia-testimonial-content, #top .fo-testimonials .fo-testimonial-card .avia-testimonial-content p { color: var(--fo-cream); }

/* white/frost bands: documentation panel + card text (specificity must beat the #wrap_all column rules) */
#top #wrap_all .fo-band-white .flex_column.fo-docs, #top #wrap_all .fo-band-frost .flex_column.fo-docs { background: var(--fo-sand); border-color: var(--fo-bone); }
#top .fo-band-white .fo-docs .av_iconlist_title, #top .fo-band-frost .fo-docs .av_iconlist_title, #top .fo-band-white .fo-docs-title p { color: var(--fo-ink); }
#top .fo-band-white .fo-docs .iconlist_content, #top .fo-band-white .fo-docs .iconlist_content p { color: var(--fo-thyme); }
#top .fo-cert-card .avia_textblock.fo-card-txt { padding: 0; }
/* the subheading only renders with a quote style - strip that style's decoration on the Why heading */
#top .av-special-heading.fo-why-h2.blockquote, #top .av-special-heading.fo-why-h2.modern-quote { padding: 0; margin: 0 0 18px; border: 0; }
#top .av-special-heading.fo-why-h2 .av-special-heading-tag { font-style: normal; font-size: var(--fo-fs-h2); line-height: 1.14; }
#top .av-special-heading.fo-why-h2 .av-special-heading-tag::before, #top .av-special-heading.fo-why-h2 .av-special-heading-tag::after { content: none; }
/* product tiles: left-aligned text with a little inset and more room under the image (per review) */
#top .fo-tile .avia_textblock.fo-tile-txt { padding: 0 8px; text-align: left; }
#top .avia_textblock.fo-tile-txt h3 { margin-top: 18px; }
#top .avia_textblock.fo-tile-txt .fo-latin { display: block; margin-bottom: 14px; }
#top .fo-tile .fo-tile-txt .fo-link-arrow a { font-size: 14px; }
#top .fo-tile-cta .avia_textblock.fo-tile-txt { text-align: center; padding: 0; }
/* product tiles: image flush to the card top with rounded top corners only (per review) */
#top #wrap_all .flex_column.fo-tile { padding: 0 16px 22px; overflow: hidden; }
#top .fo-tile .avia-image-container.fo-tile-img { margin: 0 -16px 0; width: auto; }
#top .fo-tile .fo-tile-img .avia-image-container-inner, #top .fo-tile .fo-tile-img .avia-image-overlay-wrap, #top .fo-tile .fo-tile-img img { border-radius: 0; }
#top .fo-tile .fo-tile-txt { padding: 0 8px; }
#top .fo-tile .avia-image-container.fo-tile-img { display: block; width: calc(100% + 32px); max-width: none; margin: 0 -16px 0; }
#top .fo-tile .fo-tile-img img, #top .fo-tile .fo-tile-img .avia_image, #top .fo-tile .fo-tile-img .avia-image-container-inner, #top .fo-tile .fo-tile-img .avia-image-overlay-wrap { border-radius: 0; }
#top #wrap_all .flex_column.fo-tile { background: var(--fo-forest); }
/* home CTA tile (per review): pine ground, left-aligned, Jost heading, sage square button */
#top #wrap_all .flex_column.fo-tile.fo-tile-cta { background: var(--fo-pine); border-color: transparent; display: flex; align-items: center; padding: 28px 28px 30px; }
#top .fo-tile-cta .avia_textblock.fo-tile-txt { text-align: left; padding: 0; }
#top .fo-tile-cta .avia_textblock.fo-tile-txt h3 { font-family: var(--fo-font-head); font-weight: 300; font-size: clamp(24px, 2.2vw, 32px); line-height: 1.15; letter-spacing: -0.015em; color: var(--fo-cream); margin: 0 0 14px; }
#top .fo-tile-cta .avia_textblock.fo-tile-txt p { font-size: 15px; line-height: 1.6; color: var(--fo-cream-a84); margin: 0 0 22px; }
#top .fo-tile-cta .avia_textblock.fo-tile-txt p.fo-link-arrow { margin: 0; }
#top .fo-tile-cta .avia_textblock.fo-tile-txt p.fo-link-arrow a { display: inline-block; background: var(--fo-sage); color: var(--fo-ink); font-family: var(--fo-font-body); font-weight: 600; font-size: 14px; padding: 13px 22px; border-radius: var(--fo-radius); text-decoration: none; }
#top .fo-tile-cta .avia_textblock.fo-tile-txt p.fo-link-arrow a:hover { background: var(--fo-mist); color: var(--fo-ink); }
/* home process steps (per review): six plain columns, no card box; eyebrow "STEP 01", Jost label, muted text */
#top .avia-section.fo-process .entry-content-wrapper { grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 18px; align-items: start; }
#top #wrap_all .fo-process .flex_column.fo-step { background: transparent; border: 0; border-radius: 0; padding: 0; }
#top .fo-process .fo-step .avia-image-container { margin: 0 0 18px; width: 100%; }
#top .fo-process .fo-step .avia-image-container-inner, #top .fo-process .fo-step .avia-image-container img { border-radius: var(--fo-radius); }
#top .fo-process .fo-step .avia-image-container img { aspect-ratio: 4 / 3; object-fit: cover; }
#top .fo-process .fo-step-head, #top .fo-process .avia_textblock p.fo-step-head { display: block; margin: 0 0 8px; }
#top .fo-process .fo-step-n { display: block; margin: 0 0 6px; font-size: 11px; letter-spacing: .14em; color: var(--fo-lichen); }
#top .fo-process .fo-step-label { display: block; font-family: var(--fo-font-head); font-weight: 400; font-size: 20px; line-height: 1.2; letter-spacing: -0.01em; text-transform: none; color: var(--fo-cream); }
#top .fo-process .fo-step .avia_textblock p { font-size: 14.5px; line-height: 1.55; color: var(--fo-cream-a62); }
@media only screen and (max-width: 1100px) { #top .avia-section.fo-process .entry-content-wrapper { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px 18px; } }
@media only screen and (max-width: 560px) { #top .avia-section.fo-process .entry-content-wrapper { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
#top .fo-process .fo-step-n::after, #top .fo-process .fo-step-label::before { content: none; display: none; }
/* MOQ step strip: more air between the step label row and the title (per review) */
#top .fo-tab-moq .fo-step .fo-step-head, #top .fo-tab-moq .fo-step .avia_textblock p.fo-step-head { margin-bottom: 18px; }
#top .fo-tab-moq .fo-step h3 { margin: 0 0 8px; }
/* certification cards (per design): sage card, white badge tile left, title + org + licence right, whole card is the link */
#top #wrap_all .fo-band-white .flex_column.fo-cert-card, #top #wrap_all .flex_column.fo-cert-card {
  background: var(--fo-sage); border: 0; border-radius: var(--fo-radius); padding: 22px 20px 22px 28px;
  display: grid; grid-template-columns: 118px minmax(0, 1fr); grid-template-rows: auto auto; column-gap: 22px; row-gap: 4px; align-items: center;
}
#top .fo-cert-card .avia-image-container.fo-card-img { grid-column: 1; grid-row: 1 / 3; width: 118px; height: 88px; margin: 0; background: var(--fo-white); border-radius: var(--fo-radius); display: flex; align-items: center; justify-content: center; }
#top .fo-cert-card .fo-card-img .avia-image-container-inner { width: auto; }
#top .fo-cert-card .fo-card-img img { width: auto; height: 64px; max-width: 96px; object-fit: contain; }
#top .fo-cert-card .av-special-heading { grid-column: 2; grid-row: 1; align-self: end; margin: 0; }
#top .fo-cert-card .av-special-heading h3, #top .fo-cert-card .av-special-heading-tag { font-family: var(--fo-font-body); font-weight: 600; font-size: 17px; line-height: 1.25; color: var(--fo-ink); margin: 0 0 4px; }
#top .fo-cert-card .avia_textblock.fo-card-txt { grid-column: 2; grid-row: 2; align-self: start; padding: 0; }
#top .fo-cert-card .avia_textblock.fo-card-txt p { font-size: 15px; line-height: 1.45; color: var(--fo-ink-a72); margin: 0; }
#top .fo-cert-card .avia_textblock.fo-card-txt small { display: block; font-size: 13px; font-weight: 600; color: var(--fo-ink); margin-top: 4px; }
#top .fo-cert-card .avia_textblock.fo-card-txt p.fo-link-arrow { display: none; }
#top #wrap_all .flex_column.fo-cert-card:hover { background: var(--fo-mist); }
@media only screen and (max-width: 560px) { #top #wrap_all .flex_column.fo-cert-card { grid-template-columns: 96px minmax(0, 1fr); padding: 18px; } #top .fo-cert-card .avia-image-container.fo-card-img { width: 96px; height: 72px; } }
#top .fo-cert-card > .av_textblock_section, #top .fo-cert-card > .avia_textblock { grid-column: 2; grid-row: 2; align-self: start; margin: 0; }
/* certifications: HACCP / FDA rows (per design) - plain hairline rows, title + sub-line inline, link right */
#top #wrap_all .fo-band-white .flex_column.fo-docs { background: transparent; border: 0; border-radius: 0; padding: 0; }
#top .fo-band-white .fo-docs .fo-docs-title { display: none; }
#top .fo-band-white .fo-docs .avia-icon-list li { border-top: 1px solid var(--fo-ink-a10); border-bottom: 0; padding: 0; margin: 0; }
#top .fo-band-white .fo-docs .avia-icon-list li:last-child { border-bottom: 1px solid var(--fo-ink-a10); }
#top .fo-band-white .fo-docs .avia-icon-list .iconlist_icon { display: none; }
#top .fo-band-white .fo-docs .avia-icon-list .article-icon-entry { padding: 0; margin: 0; }
#top .fo-band-white .fo-docs .avia-icon-list .iconlist_content_wrap { display: flex; align-items: center; flex-wrap: wrap; gap: 6px 14px; padding: 18px 0; min-height: 0; }
#top .fo-band-white .fo-docs .avia-icon-list .entry-content-header { margin: 0; }
#top .fo-band-white .fo-docs .av_iconlist_title { font-size: 16px; font-weight: 600; color: var(--fo-ink); margin: 0; }
#top .fo-band-white .fo-docs .iconlist_content { display: contents; }
#top .fo-band-white .fo-docs .iconlist_content p { margin: 0; font-size: 15px; color: var(--fo-thyme); }
#top .fo-band-white .fo-docs .iconlist_content p.fo-link-arrow { margin-left: auto; }
#top .fo-band-white .fo-docs .iconlist_content p.fo-link-arrow a { font-size: 14.5px; font-weight: 600; color: var(--fo-ink); }
#top .fo-band-white .fo-docs .iconlist_content p.fo-link-arrow a:hover { color: var(--fo-thyme); }
/* contact aside (per design): one panel, each heading + text block separated by a hairline */
#top #wrap_all .flex_column.fo-contact-aside { background: var(--fo-panel); border: 1px solid var(--fo-sage-a14); border-radius: var(--fo-radius); padding: 6px 0 4px; }
#top .fo-contact-aside .av-special-heading { padding: 24px 28px 0; margin: 0; border-top: 1px solid var(--fo-sage-a14); }
#top .fo-contact-aside .av-special-heading:first-child, #top .fo-contact-aside .av-special-heading.avia-builder-el-first { border-top: 0; }
#top .fo-contact-aside .av-special-heading h2, #top .fo-contact-aside .av-special-heading h3, #top .fo-contact-aside .av-special-heading-tag { font-family: var(--fo-font-head); font-weight: 400; font-size: 20px; line-height: 1.3; color: var(--fo-cream); margin: 0 0 10px; }
#top .fo-contact-aside .av-special-heading-h2 .av-special-heading-tag { font-size: 24px; }
#top .fo-contact-aside .av_textblock_section { padding: 0 28px 24px; margin: 0; }
#top .fo-contact-aside .avia_textblock p { font-size: 15.5px; line-height: 1.65; color: var(--fo-cream-a74); margin: 0; }
#top .fo-contact-aside .avia_textblock a { color: var(--fo-sage); }
#top .fo-contact-aside .av_textblock_section { padding-bottom: 22px; } #top .fo-contact-aside .avia_textblock, #top .fo-contact-aside .av-special-heading { margin-bottom: 0; }
/* product pages "Other Products" tiles (per design): ink card, inset rounded image, centred text */
#top #wrap_all .fo-others .flex_column.fo-tile { background: var(--fo-ink); padding: 16px 16px 22px; }
#top .fo-others .fo-tile .avia-image-container.fo-tile-img { width: 100%; margin: 0; }
#top .fo-others .fo-tile .fo-tile-img img, #top .fo-others .fo-tile .fo-tile-img .avia_image, #top .fo-others .fo-tile .fo-tile-img .avia-image-container-inner, #top .fo-others .fo-tile .fo-tile-img .avia-image-overlay-wrap { border-radius: var(--fo-radius); }
#top .fo-others .fo-tile .avia_textblock.fo-tile-txt { text-align: center; padding: 0; }
#top .fo-others .fo-tile .avia_textblock.fo-tile-txt .fo-latin { margin-bottom: 0; }
/* breadcrumb bar (Rank Math, injected by functions.php) - handover 2.2: Inter 12.5px, cream 62%, current cream */
#top .fo-breadcrumbs { background: var(--fo-forest); border-bottom: 1px solid var(--fo-sage-a13); }
#top .fo-breadcrumbs .container { padding-top: 12px; padding-bottom: 12px; }
#top .fo-breadcrumbs .rank-math-breadcrumb, #top .fo-breadcrumbs .rank-math-breadcrumb p { font-family: var(--fo-font-body); font-weight: 400; font-size: 12.5px; line-height: 1.4; color: var(--fo-cream-a62); margin: 0; }
#top .fo-breadcrumbs .rank-math-breadcrumb a { color: var(--fo-cream-a62); text-decoration: none; }
#top .fo-breadcrumbs .rank-math-breadcrumb a:hover { color: var(--fo-cream); }
#top .fo-breadcrumbs .rank-math-breadcrumb .separator { margin: 0 10px; color: var(--fo-cream-a40); }
#top .fo-breadcrumbs .rank-math-breadcrumb .last { color: var(--fo-cream); }
#top .title_container, #top .stretch_full.title_container { display: none; }
/* fixed header: push the page content (and the breadcrumb bar) below it on every page */
#top #wrap_all #main, .html_header_top.html_header_sticky #top #wrap_all #main, .html_header_top #top #wrap_all #main { padding-top: var(--fo-header-h) !important; }
/* About "Our People" (per design): circular portraits, centred name + role */
#top .fo-team.avia-team-member, #top .avia-team-member.fo-team { text-align: center; }
#top .fo-team .team-img-container, #top .fo-team-placeholder .team-img-container { border-radius: 50%; width: min(100%, 208px); margin: 0 auto 22px; }
#top .avia-team-member.fo-team-placeholder:not(:has(.team-img-container))::before { border-radius: 50%; width: min(100%, 208px); margin: 0 auto 22px; }
#top .fo-team .team-member-name { font-size: 16px; }
#top .fo-team .team-member-job-title { font-size: 13.5px; }
/* About "Our People" intro runs to about three quarters of the content width (per design) */
#top .fo-people .fo-row-full .avia_textblock, #top .fo-people .fo-row-full .av_textblock_section { max-width: 75%; }
@media only screen and (max-width: 900px) { #top .fo-people .fo-row-full .avia_textblock, #top .fo-people .fo-row-full .av_textblock_section { max-width: none; } }
#top .fo-people .fo-row-full .avia_textblock, #top .fo-people .fo-row-full .avia_textblock p, #top .fo-people .fo-row-full.fo-measure, #top .fo-people .flex_column.fo-measure { max-width: 75%; }
#top .fo-people .fo-row-full .avia_textblock p { max-width: none; }
#top .fo-people .fo-row-full .av_textblock_section { max-width: 75%; }
#top .fo-people .fo-row-full .avia_textblock, #top .fo-people .fo-row-full .avia_textblock p { max-width: none; }
/* FAQ accordion (per design): numbered circle, Jost question, answer indented under the question, chevron right */
#top .togglecontainer.fo-faq { counter-reset: fo-faq; border-top: 1px solid var(--fo-ink-a12); }
#top .fo-faq .single_toggle { padding: 0; }
#top .fo-faq .toggler, .js_active #top .fo-faq .toggler { position: relative; font-family: var(--fo-font-head); font-weight: 400; font-size: clamp(20px, 2vw, 26px); line-height: 1.25; letter-spacing: -0.012em; color: var(--fo-ink); padding: 24px 44px 24px 46px; margin: 0; }
#top .fo-faq .toggler::before { content: counter(fo-faq); counter-increment: fo-faq; position: absolute; left: 0; top: 26px; width: 30px; height: 30px; border: 1px solid var(--fo-ink-a20); border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; font-family: var(--fo-font-body); font-weight: 600; font-size: 12px; color: var(--fo-thyme); background: var(--fo-ink-a04); }
#top .fo-faq .toggler:hover, #top .fo-faq .toggler.activeTitle { color: var(--fo-ink); }
#top .fo-faq .toggle_icon { right: 0; top: 50%; width: 16px; height: 16px; margin-top: -8px; background-color: var(--fo-ink); }
#top .fo-faq .toggle_content { padding: 2px 0 30px 46px; max-width: calc(800px + 46px); font-size: 16.5px; line-height: 1.75; }
#top .fo-faq .toggle_content > p:first-child, #top .fo-faq .toggle_content p strong { font-size: 18px; line-height: 1.6; font-weight: 600; color: var(--fo-ink); }
#top .fo-faq .toggle_content > p:first-child { margin-bottom: 18px; }
#top .fo-faq .toggle_content p { margin: 0 0 16px; }
#top .fo-faq .toggle_content p.fo-link-arrow a, #top .fo-faq .toggle_content p:last-child a { color: var(--fo-pine); font-weight: 600; font-size: 16px; text-decoration: none; }
#top .fo-faq .toggle_content p.fo-link-arrow a:hover { color: var(--fo-thyme); }
#top .fo-faq .toggler::before { border: 1px solid rgba(18,25,15,.2); background: rgba(18,25,15,.04); width: 30px; height: 30px; line-height: 28px; text-align: center; display: block; }
/* FAQs closing panel: centre everything */
#top #faqs-contact .fo-measure, #top #faqs-contact .av-special-heading, #top #faqs-contact .avia_textblock, #top #faqs-contact .av-special-heading-tag { text-align: center; }
#top #faqs-contact .avia-button-wrap { display: block; text-align: center; }
#top #faqs-contact .flex_column.fo-measure, #top #faqs-contact .flex_column { margin-left: auto; margin-right: auto; float: none; }
/* Why Folium testimonials (per design): panel cards with a sage quote mark, italic Jost quote, single cite line */
#top .fo-testimonials .avia-grid-testimonials .avia-testimonial-row { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; }
#top #wrap_all .fo-testimonials .avia-grid-testimonials .avia-testimonial { width: auto; margin: 0; padding: 0; float: none; background: var(--fo-panel); border: 1px solid var(--fo-sage-a14); border-radius: var(--fo-radius); }
#top .fo-testimonials .avia-grid-testimonials .avia-testimonial_inner { padding: 34px 36px 32px; }
#top .fo-testimonials .avia-grid-testimonials .avia-testimonial-content { padding: 0; margin: 0; background: transparent; border: 0; }
#top .fo-testimonials .avia-grid-testimonials .avia-testimonial-content::before { content: '\201D\201D'; display: block; font-family: var(--fo-font-head); font-size: 44px; line-height: .8; letter-spacing: -0.08em; color: var(--fo-sage); margin: 0 0 18px; }
#top .fo-testimonials .avia-grid-testimonials .avia-testimonial-content p { font-family: var(--fo-font-head); font-style: italic; font-weight: 400; font-size: 19px; line-height: 1.55; color: var(--fo-cream); margin: 0; }
#top .fo-testimonials .avia-grid-testimonials .avia-testimonial-meta { padding: 18px 0 0; margin: 0; }
#top .fo-testimonials .avia-grid-testimonials .avia-testimonial-arrow-wrap, #top .fo-testimonials .avia-grid-testimonials .avia-testimonial-image { display: none; }
#top .fo-testimonials .avia-grid-testimonials .avia-testimonial-meta-mini { padding: 0; margin: 0; }
#top .fo-testimonials .avia-grid-testimonials .avia-testimonial-name, #top .fo-testimonials .avia-grid-testimonials .avia-testimonial-subtitle { display: inline; font-family: var(--fo-font-body); font-weight: 400; font-size: 14.5px; line-height: 1.5; color: var(--fo-cream-a74); }
#top .fo-testimonials .avia-grid-testimonials .avia-testimonial-name::after { content: ', '; }
@media only screen and (max-width: 900px) { #top .fo-testimonials .avia-grid-testimonials .avia-testimonial-row { grid-template-columns: minmax(0, 1fr); } }
#top .fo-testimonials .avia-grid-testimonials .avia-testimonial-content::before { content: '\201D'; font-style: normal; font-weight: 400; font-size: 64px; line-height: .55; letter-spacing: 0; margin: 10px 0 22px; }
#top .fo-testimonials .avia-grid-testimonials .avia-testimonial-content::before { font-family: Georgia, 'Times New Roman', serif; font-size: 58px; line-height: .6; }
/* hero pages (per design): hero runs under a translucent gradient header; solid after scrolling */
#top.fo-has-hero #wrap_all #main { padding-top: 0 !important; }
#top.fo-has-hero #header .header_bg, #top.fo-has-hero #header_main { background: linear-gradient(180deg, rgba(18,25,15,.78) 0%, rgba(18,25,15,.42) 100%); -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px); border-bottom-color: var(--fo-sage-a18); }
#top.fo-has-hero #header.header-scrolled .header_bg, #top.fo-has-hero #header.header-scrolled #header_main { background: rgba(18,25,15,.96); border-bottom-color: var(--fo-sage-a30); }
#top.fo-has-hero .fo-hero-home .content { padding-top: calc(var(--fo-header-h) + 120px); }
#top.fo-has-hero .fo-hero-page .content { padding-top: calc(var(--fo-header-h) + 72px); }
/* tablet (601-989px): keep the Request Specs button beside the burger; mobile keeps it in the menu */
@media only screen and (min-width: 601px) and (max-width: 989px) {
  #top #wrap_all #header .av-main-nav > li.fo-menu-cta { display: flex !important; margin-right: 8px; }
}
/* hero pages: breadcrumb bar floats over the top of the hero, under the translucent header */
#top.fo-has-hero #wrap_all #main { position: relative; }
#top.fo-has-hero .fo-breadcrumbs { position: absolute; top: var(--fo-header-h); left: 0; right: 0; z-index: 5; background: transparent; border-bottom: 0; }
#top.fo-has-hero .fo-breadcrumbs .rank-math-breadcrumb, #top.fo-has-hero .fo-breadcrumbs .rank-math-breadcrumb a { color: var(--fo-cream-a74); }
#top.fo-has-hero .fo-breadcrumbs .rank-math-breadcrumb .last { color: var(--fo-cream); }
/* below the burger breakpoint Enfold's header is in normal flow: solid header, breadcrumb at the top of the hero */
@media only screen and (max-width: 989px) {
  #top.fo-has-hero #header .header_bg, #top.fo-has-hero #header_main { background: rgba(18,25,15,.96); -webkit-backdrop-filter: none; backdrop-filter: none; }
  #top.fo-has-hero .fo-breadcrumbs { top: 0; }
  #top.fo-has-hero .fo-hero-home .content { padding-top: 120px; }
  #top.fo-has-hero .fo-hero-page .content { padding-top: 88px; }
  #top #wrap_all #header_main .container { min-height: var(--fo-header-h); height: var(--fo-header-h) !important; }
}
@media only screen and (max-width: 989px) {
  #top #wrap_all #main, .html_header_top.html_header_sticky #top #wrap_all #main, .html_header_top #top #wrap_all #main { padding-top: 0 !important; }
}

/* ===================================================================== AUDIT FIXES – eight site-wide causes (14 Oct) */
/* 1. burger only below the breakpoint (Enfold renders it at all widths) */
@media only screen and (min-width: 990px) { #top #header .av-burger-menu-main { display: none !important; } }
/* 2. narrower text-page container (1080px) – content area only, header/footer keep 1224 */
#top.page-id-106 #main .avia-section .container, #top.page-id-107 #main .avia-section .container, #top.page-id-108 #main .avia-section .container,
#top.page-id-109 #main .avia-section .container, #top.page-id-110 #main .avia-section .container, #top.page-id-111 #main .avia-section .container,
#top.page-id-3 #main .avia-section .container,
#top.page-id-106 .fo-breadcrumbs .container, #top.page-id-107 .fo-breadcrumbs .container, #top.page-id-108 .fo-breadcrumbs .container,
#top.page-id-109 .fo-breadcrumbs .container, #top.page-id-110 .fo-breadcrumbs .container, #top.page-id-111 .fo-breadcrumbs .container, #top.page-id-3 .fo-breadcrumbs .container { max-width: calc(1080px + 2 * var(--fo-gutter)); }
/* 3. button shapes per proof: hero = sage square + translucent outline square; CTA/page buttons = 12px radius; pills stay on product hero/spec download */
#top #wrap_all .fo-hero-home .fo-btn-row .avia-button:nth-child(1), #top #wrap_all .fo-hero-page .fo-btn-row .avia-button:nth-child(1) { background: var(--fo-sage) !important; color: var(--fo-ink) !important; border: 0; border-radius: var(--fo-radius); padding: 17px 30px; font-weight: 600; }
#top #wrap_all .fo-hero-home .fo-btn-row .avia-button:nth-child(1):hover, #top #wrap_all .fo-hero-page .fo-btn-row .avia-button:nth-child(1):hover { background: var(--fo-mist) !important; color: var(--fo-ink) !important; }
#top #wrap_all .fo-hero-home .fo-btn-row .avia-button:nth-child(n+2), #top #wrap_all .fo-hero-page .fo-btn-row .avia-button:nth-child(n+2) { background: var(--fo-sage-a16) !important; color: var(--fo-cream) !important; border: 1px solid var(--fo-sage-a40); border-radius: var(--fo-radius); padding: 16px 28px; font-weight: 500; -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px); }
#top #wrap_all .fo-hero-home .fo-btn-row .avia-button:nth-child(n+2):hover, #top #wrap_all .fo-hero-page .fo-btn-row .avia-button:nth-child(n+2):hover { background: var(--fo-sage-a28) !important; color: var(--fo-cream) !important; }
#top #wrap_all .fo-btn-sage .avia-button, #top #wrap_all .fo-cta-band .avia-button-wrap .avia-button, #top #wrap_all .fo-cta-band .fo-btn-row .avia-button:nth-child(1) { border-radius: var(--fo-radius) !important; }
#top #wrap_all .fo-cta-band .fo-btn-row .avia-button:nth-child(n+2), #top #wrap_all .fo-anchor-bar .fo-btn-row .avia-button, #top #wrap_all .fo-band-ink .fo-btn-pine .avia-button, #top #wrap_all .fo-band-white .avia-button-wrap .avia-button, #top #wrap_all .fo-band-panel .avia-button-wrap .avia-button { border-radius: var(--fo-radius) !important; }
/* 4. header right cluster: search icon before the Request Specs button (burger last) */
#top #header .av-main-nav > li.fo-menu-cta { order: 2; }
#top #header .av-main-nav > li#menu-item-search { order: 1; margin-left: 10px; }
#top #header .av-main-nav > li.av-burger-menu-main { order: 3; }
/* 5. intro paragraphs in section heading rows cap at the proof's measure */
#top .fo-row-full .avia_textblock.fo-intro-line, #top .fo-row-full .av_textblock_section.fo-intro-line, #top .fo-row-full .avia_textblock.fo-body { max-width: 760px; }
#top .fo-row-full .avia_textblock.fo-intro-line p, #top .fo-row-full .avia_textblock.fo-body p { max-width: none; }
/* 6. tighter eyebrow→H1 and H2→paragraph gaps */
#top .fo-intro-band .av_textblock_section.fo-eyebrow, #top .fo-intro-band .avia_textblock.fo-eyebrow { margin-bottom: 0; }
#top .fo-intro-band .avia_textblock.fo-eyebrow p, #top .fo-intro-band .fo-eyebrow { margin-bottom: 6px; }
#top .fo-intro-band .av-special-heading.fo-h1 { margin-bottom: 14px; }
#top .fo-row-full .av-special-heading, #top .fo-intro-band .av-special-heading { padding-bottom: 0; margin-bottom: 12px; }
#top .fo-row-full .av-special-heading + .av_textblock_section { margin-top: 0; }
/* 7. footer: regular cert line, no bold current links, three badge tiles fit at 390 */
#top #footer .fo-footer-cert { font-weight: 300; font-size: 14px; letter-spacing: 0; color: var(--fo-cream-a70); }
#top #footer .widget_nav_menu li.current-menu-item > a, #top #footer .widget_nav_menu li.current_page_item > a, #top #footer .widget_nav_menu li.current-menu-ancestor > a, #top #footer .widget_nav_menu li.current_page_parent > a, #top #footer .widget_nav_menu li.current-menu-parent > a { font-weight: 400; color: var(--fo-cream-a74); }
@media only screen and (max-width: 560px) { #top #footer .fo-footer-badges { gap: 8px; } #top #footer .fo-footer-badges span { width: 92px; height: 62px; } #top #footer .fo-footer-badges img { max-width: 48px; max-height: 44px; } }
/* 8. body text on light bands: ink 72% (proof) instead of thyme; research entries as cards */
#top .fo-band-white .avia_textblock p, #top .fo-band-frost .avia_textblock p, #top .fo-band-cream .avia_textblock p,
#top .fo-band-white .avia_textblock.fo-body p, #top .fo-band-frost .avia_textblock.fo-body p, #top .fo-band-cream .avia_textblock.fo-body p,
#top .fo-band-white .avia_textblock.fo-intro p, #top .fo-band-frost .avia_textblock.fo-intro p, #top .fo-band-cream .avia_textblock.fo-intro p,
#top .fo-band-white .avia_textblock.fo-intro-line p, #top .fo-band-white .fo-doclist .iconlist_content p { color: var(--fo-ink-a72); }
#top .fo-research-list .avia-icon-list li { background: var(--fo-ink-a06); border: 1px solid var(--fo-ink-a13); border-radius: var(--fo-radius); padding: 22px 26px; margin: 0 0 16px; }
#top .fo-research-list .avia-icon-list li:first-child { border-top: 1px solid var(--fo-ink-a13); padding-top: 22px; }
#top .fo-research-list .av_iconlist_title { font-size: 13.5px; letter-spacing: .01em; margin-bottom: 6px; }
#top .fo-research-list .iconlist_content, #top .fo-research-list .iconlist_content p { font-size: 16px; line-height: 1.6; font-weight: 300; color: var(--fo-ink-a78); margin: 0; }

/* ===================================================================== AUDIT FIXES – page-specific High items (14 Oct) */
/* --- Single post: header band + related pills + left-aligned body (proof blog-post-template) --- */
#top .fo-post-head { background: linear-gradient(135deg, var(--fo-forest) 0%, var(--fo-ink) 100%); }
#top .fo-post-head-inner { max-width: calc(900px + 2 * var(--fo-gutter)); margin: 0 auto; padding: 56px var(--fo-gutter) 46px; }
#top .fo-post-eyebrow { font-family: var(--fo-font-body); font-size: 12px; font-weight: 600; letter-spacing: .13em; text-transform: uppercase; color: var(--fo-mist-a78); margin: 0 0 16px; }
#top .fo-post-title { font-family: var(--fo-font-head); font-weight: 300; font-size: clamp(34px, 4vw, 56px); line-height: 1.08; letter-spacing: -0.02em; color: var(--fo-cream); margin: 0 0 18px; max-width: 18ch; }
#top .fo-post-excerpt { font-size: 18px; line-height: 1.68; font-weight: 300; color: var(--fo-cream-a80); margin: 0; max-width: 66ch; }
#top.single-post .big-preview.single-big, #top.single-post .post-entry .big-preview { max-width: 900px; margin: 48px auto 44px; padding: 0 var(--fo-gutter); }
#top.single-post .big-preview img { width: 100%; aspect-ratio: 16 / 9; object-fit: cover; border-radius: var(--fo-radius); display: block; }
#top.single-post .post-title, #top.single-post .post-meta-infos, #top.single-post .entry-content-header { display: none; }
#top.single-post .entry-content-wrapper { max-width: calc(900px + 2 * var(--fo-gutter)); padding: 0 var(--fo-gutter); margin: 0 auto; }
#top.single-post .entry-content { max-width: 70ch; }
#top.single-post .entry-content p, #top.single-post .entry-content li { text-align: left; font-size: 18px; line-height: 1.8; font-weight: 300; color: var(--fo-cream-a86); margin: 0 0 24px; }
#top.single-post .entry-content > p:first-of-type { font-size: 20px; line-height: 1.7; font-weight: 400; color: var(--fo-mist); margin-bottom: 28px; }
#top .fo-post-related { max-width: calc(900px + 2 * var(--fo-gutter)); margin: 0 auto; padding: 32px var(--fo-gutter) 48px; display: flex; flex-wrap: wrap; gap: 10px; }
#top .fo-post-related::before { content: ''; display: block; width: 100%; height: 1px; background: var(--fo-sage-a14); margin: 0 0 22px; }
#top .fo-post-related a { display: inline-flex; align-items: center; background: var(--fo-panel); border: 1px solid var(--fo-sage-a16); color: var(--fo-cream); font-size: 13.5px; font-weight: 500; padding: 10px 18px; border-radius: 999px; text-decoration: none; }
#top .fo-post-related a:hover { border-color: var(--fo-sage-a40); color: var(--fo-mist); }
/* --- Blog listing: category eyebrow on cards --- */
#top .fo-blog-grid .slide-entry .blog-categories { display: block; font-family: var(--fo-font-body); font-weight: 600; font-size: 11px; letter-spacing: .12em; text-transform: uppercase; color: var(--fo-thyme); margin: 0 0 8px; }
#top .fo-blog-grid .slide-entry .blog-categories a { color: var(--fo-thyme); text-decoration: none; }
/* --- Mobile menu: Home only in the burger; Request Specs as a full-width sage button at the bottom; product thumbs --- */
#top #header .av-main-nav > li.fo-mobile-only { display: none !important; }
#top #av-burger-menu-ul > li.fo-mobile-only { display: block !important; }
#top #av-burger-menu-ul > li.fo-menu-cta { margin-top: 18px; padding: 0 28px; border: 0; }
#top #av-burger-menu-ul > li.fo-menu-cta > a { display: block; text-align: center; background: var(--fo-sage); color: var(--fo-ink); border-radius: var(--fo-radius); padding: 15px 20px; font-family: var(--fo-font-body); font-size: 15px; font-weight: 600; }
#top #av-burger-menu-ul > li.fo-menu-cta > a .avia-menu-text { background: transparent; color: inherit; padding: 0; font: inherit; }
#top #av-burger-menu-ul .fo-menu-products .sub-menu li > a::before { display: inline-block; width: 48px; height: 48px; border-radius: var(--fo-radius); background-size: cover; background-position: center; content: ''; margin-right: 12px; vertical-align: middle; }
#top #av-burger-menu-ul .fo-menu-products > a { display: none; }
/* --- Search: full-screen overlay (proof global-chrome) --- */
#top #header .avia-search-tooltip { position: fixed !important; inset: 0 !important; width: auto !important; max-width: none !important; margin: 0 !important; padding: 12vh var(--fo-gutter) 0 !important; background: rgba(9,13,8,.8) !important; -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px); border: 0 !important; border-radius: 0 !important; box-shadow: none !important; z-index: 1001; transform: none !important; }
#top #header .avia-search-tooltip .avia-arrow { display: none; }
#top #header .avia-search-tooltip form, #top #header .avia-search-tooltip .ajax_search_response { max-width: 720px; margin: 0 auto; }
#top #header .avia-search-tooltip form { position: relative; display: flex; align-items: center; background: var(--fo-panel); border: 1px solid var(--fo-sage-a20); border-radius: var(--fo-radius); padding: 6px 6px 6px 20px; }
#top #header .avia-search-tooltip form::before { content: ''; width: 20px; height: 20px; margin-right: 12px; flex: 0 0 20px; background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23A4BFAB' stroke-width='2.75' stroke-linecap='round' stroke-linejoin='round'><circle cx='11' cy='11' r='7'/><path d='m20 20-3.5-3.5'/></svg>") center / contain no-repeat; }
#top #header .avia-search-tooltip input[type="search"], #top #header .avia-search-tooltip input.text, #top #header .avia-search-tooltip #searchform input[type="text"] { flex: 1; background: transparent !important; border: 0 !important; box-shadow: none !important; font-family: var(--fo-font-head) !important; font-size: 21px !important; color: var(--fo-cream) !important; padding: 14px 0 !important; }
#top #header .avia-search-tooltip input[type="search"]::placeholder { color: var(--fo-cream-a40); }
#top #header .avia-search-tooltip input[type="submit"], #top #header .avia-search-tooltip .button { background: var(--fo-sage-a16) !important; border: 1px solid var(--fo-sage-a30) !important; color: var(--fo-cream) !important; border-radius: 8px !important; font-size: 11px !important; font-weight: 600; letter-spacing: .1em; padding: 8px 12px !important; width: auto !important; height: auto !important; text-indent: 0 !important; }
#top #header .avia-search-tooltip .ajax_search_response { margin-top: 14px; background: var(--fo-panel); border: 1px solid var(--fo-sage-a20); border-radius: var(--fo-radius); padding: 10px; }
#top #header .avia-search-tooltip .ajax_search_entry { border: 0; padding: 12px 14px; border-radius: 8px; }
#top #header .avia-search-tooltip .ajax_search_entry:hover { background: var(--fo-sage-a10); }
#top #header .avia-search-tooltip .ajax_search_title { font-size: 16px; font-weight: 600; color: var(--fo-cream); }
#top #header .avia-search-tooltip .ajax_search_excerpt { font-size: 14px; color: var(--fo-cream-a62); }
#top #header .avia-search-tooltip .ajax_search_image { display: none; }
/* --- Home hero: horizontal scrim + eyebrow dot (handover s8 "horizontal, still") --- */
#top .fo-hero-home .av-section-color-overlay { background: linear-gradient(90deg, rgba(18,25,15,.72) 0%, rgba(18,25,15,.3) 44%, rgba(18,25,15,0) 66%), linear-gradient(180deg, rgba(18,25,15,.16) 0%, rgba(18,25,15,0) 60%, rgba(18,25,15,.72) 92%, #12190F 100%); opacity: 1; }
#top .fo-hero-home .avia_textblock.fo-eyebrow p::before { content: ''; display: inline-block; width: 6px; height: 6px; border-radius: 50%; background: var(--fo-sage); margin: 0 10px 2px 0; }
/* --- Home "Why" split: text left, image right (proof) --- */
#top #why .flex_column.fo-col-img { order: 2; }
#top #why .flex_column.fo-col-txt { order: 1; }
/* --- Home map card with pin + label + uppercase caption (proof) --- */
#top #canterbury .flex_column.fo-col-img { position: relative; background: var(--fo-panel); border: 1px solid var(--fo-sage-a13); border-radius: var(--fo-radius); padding: 28px 28px 20px; }
#top #canterbury .fo-col-img .avia-image-container { position: relative; margin: 0 0 16px; }
#top #canterbury .fo-col-img .avia-image-container img { opacity: .9; }
#top.home #canterbury .fo-col-img .avia-image-container::before { content: ''; position: absolute; left: 57%; top: 67.5%; width: 13px; height: 13px; margin: -6.5px 0 0 -6.5px; border-radius: 50%; background: var(--fo-sand); box-shadow: 0 0 0 5px rgba(245,239,227,.2), 0 0 24px 7px rgba(245,239,227,.4); z-index: 2; }
#top #canterbury .fo-col-img .avia-image-container::after { content: 'Canterbury'; position: absolute; left: calc(57% + 20px); top: calc(67.5% - 8px); font-family: var(--fo-font-body); font-size: 12px; font-weight: 600; letter-spacing: .12em; text-transform: uppercase; color: var(--fo-sand); white-space: nowrap; z-index: 2; }
#top #canterbury .fo-col-img .avia_textblock.fo-caption p { font-size: 11.5px; font-weight: 600; letter-spacing: .14em; text-transform: uppercase; color: var(--fo-cream-a62); margin: 0; text-align: left; }
/* --- Home testimonials: cream cards with faint photo wash (proof) --- */
#top .fo-testimonials .fo-row-full .av-special-heading-tag { font-family: var(--fo-font-body); font-size: 11.5px; font-weight: 600; letter-spacing: .14em; text-transform: uppercase; color: var(--fo-ink-a60); }
#top .fo-testimonials .fo-row-full .av-special-heading { margin-bottom: 34px; }
#top #wrap_all .fo-testimonials .flex_column.fo-testimonial-card { background: var(--fo-cream); border: 0; min-height: 0; padding: clamp(30px, 3vw, 44px); justify-content: flex-start; }
#top .fo-testimonials .fo-testimonial-card .avia-image-container img { opacity: .42; filter: saturate(.85); object-position: right top; }
#top .fo-testimonials .fo-testimonial-card .avia-image-container::after { background: linear-gradient(180deg, rgba(251,248,242,.38), rgba(251,248,242,.74)); }
#top .fo-testimonials .fo-testimonial-card .avia-testimonial-wrapper { padding: 0; min-height: 260px; display: flex; flex-direction: column; }
#top .fo-testimonials .fo-testimonial-card .avia-testimonial-content, #top .fo-testimonials .fo-testimonial-card .avia-testimonial-content p { font-family: var(--fo-font-head); font-style: normal; font-weight: 300; font-size: clamp(20px, 1.8vw, 26px); line-height: 1.48; letter-spacing: -0.014em; color: var(--fo-ink); }
#top .fo-testimonials .fo-testimonial-card .avia-testimonial-meta { margin-top: auto; padding-top: 20px; border-top: 1px solid var(--fo-ink-a14); }
#top .fo-testimonials .fo-testimonial-card .avia-testimonial-name, #top .fo-testimonials .fo-testimonial-card .avia-testimonial-subtitle { color: var(--fo-ink-a66); font-size: 14px; font-weight: 500; }
#top .fo-testimonials .fo-testimonial-card .avia-testimonial-content::before { content: none; }
/* --- About: farm cards in a panel container (proof div-36) --- */
#top #wrap_all #farms .flex_column.fo-farm-card { background: var(--fo-panel); border: 1px solid var(--fo-sage-a13); border-radius: var(--fo-radius); overflow: hidden; padding: 0 22px 24px; }
#top #farms .fo-farm-card .avia-image-container { margin: 0 -22px 18px; width: auto; }
#top #farms .fo-farm-card .avia-image-container-inner, #top #farms .fo-farm-card .avia-image-overlay-wrap, #top #farms .fo-farm-card img { width: 100%; max-width: none; display: block; border-radius: 0; }
#top #farms .fo-farm-card .avia-image-container img { aspect-ratio: 16 / 9; object-fit: cover; }
#top #farms .fo-farm-card h3, #top #farms .fo-farm-card .av-special-heading-tag { font-family: var(--fo-font-head); font-weight: 400; font-size: 19px; line-height: 1.25; letter-spacing: -0.01em; color: var(--fo-cream); margin: 0 0 10px; }
#top #farms .fo-farm-card .avia_textblock p { font-size: 14px; line-height: 1.68; color: var(--fo-cream-a74); }
/* --- Certifications: "Every powder is" heading + pill tags on one row --- */
#top #every-powder .flex_column { display: flex; flex-wrap: wrap; align-items: center; gap: 14px 22px; }
#top #every-powder .av-special-heading { width: auto; margin: 0; }
#top #every-powder .avia-icon-list-container { margin: 0; }
#top #every-powder .avia-icon-list { display: flex; flex-wrap: wrap; gap: 10px; margin: 0; }
#top #every-powder .avia-icon-list li { margin: 0; padding: 0; min-height: 0; border: 0; }
#top #every-powder .avia-icon-list .iconlist_icon, #top #every-powder .avia-icon-list .iconlist-timeline, #top #every-powder .avia-icon-list .entry-footer { display: none !important; }
#top #every-powder .avia-icon-list .article-icon-entry { padding: 0; margin: 0; }
#top #every-powder .avia-icon-list .iconlist_content_wrap { padding: 0; }
#top #every-powder .avia-icon-list .av_iconlist_title { display: inline-block; background: var(--fo-white); border: 1px solid var(--fo-ink-a12); border-radius: 999px; padding: 9px 16px; font-size: 13.5px; font-weight: 500; color: var(--fo-ink); margin: 0; line-height: 1.2; }
/* --- Certifications: documentation list (plain hairline rows, name left, availability right) --- */
#top #wrap_all #documentation .flex_column.fo-docs { background: transparent; border: 0; border-radius: 0; padding: 0; }
#top #documentation .fo-docs .fo-docs-title { display: none; }
#top #documentation .fo-doclist .avia-icon-list li { border-top: 1px solid var(--fo-sage-a14); border-bottom: 0; padding: 0; margin: 0; }
#top #documentation .fo-doclist .avia-icon-list li:last-child { border-bottom: 1px solid var(--fo-sage-a14); }
#top #documentation .fo-doclist .avia-icon-list .iconlist_icon { display: none; }
#top #documentation .fo-doclist .avia-icon-list .article-icon-entry { padding: 0; margin: 0; }
#top #documentation .fo-doclist .avia-icon-list .iconlist_content_wrap { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 15px 0; min-height: 0; }
#top #documentation .fo-doclist .avia-icon-list .entry-content-header { margin: 0; }
#top #documentation .fo-doclist .av_iconlist_title { font-size: 15px; font-weight: 500; color: var(--fo-cream); margin: 0; }
#top #documentation .fo-doclist .iconlist_content { display: contents; }
#top #documentation .fo-doclist .iconlist_content p { margin: 0; font-size: 13px; font-style: italic; color: var(--fo-cream-a62); white-space: nowrap; }
/* home testimonial cards: undo the Why Folium panel-card rules inside .fo-testimonial-card */
#top .fo-testimonials .fo-testimonial-card .avia-grid-testimonials .avia-testimonial-row { display: block; }
#top #wrap_all .fo-testimonials .fo-testimonial-card .avia-grid-testimonials .avia-testimonial { background: transparent; border: 0; border-radius: 0; width: 100%; }
#top .fo-testimonials .fo-testimonial-card .avia-grid-testimonials .avia-testimonial_inner { padding: 0; }
#top .fo-testimonials .fo-testimonial-card .avia-testimonial-content::before { content: none; display: none; }
#top .fo-testimonials .fo-testimonial-card .avia-grid-testimonials .avia-testimonial-meta { padding-top: 20px; }
#top .fo-testimonials .fo-testimonial-card .avia-testimonial-name, #top .fo-testimonials .fo-testimonial-card .avia-testimonial-subtitle { color: var(--fo-ink-a66); }
#top .fo-testimonials .fo-testimonial-card .avia-testimonial-name::after { content: ', '; }
/* search overlay: let the form fill the panel */
#top #header .avia-search-tooltip form > div, #top #header .avia-search-tooltip #searchform > div { display: flex; align-items: center; width: 100%; }
#top #header .avia-search-tooltip form { padding: 6px 6px 6px 20px; }
#top #header .avia-search-tooltip .av_searchform_search { display: none; }
#top #header .avia-search-tooltip #searchform > div { display: flex; align-items: center; gap: 12px; width: 100%; }
#top #header .avia-search-tooltip #searchform input#s { order: 1; flex: 1 1 auto; width: auto !important; min-width: 0; }
#top #header .avia-search-tooltip #searchform input#searchsubmit { order: 2; width: 44px !important; height: 44px !important; padding: 0 !important; border-radius: 8px !important; background: var(--fo-sage) !important; border: 0 !important; -webkit-mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.75' stroke-linecap='round' stroke-linejoin='round'><circle cx='11' cy='11' r='7'/><path d='m20 20-3.5-3.5'/></svg>") center / 18px no-repeat, linear-gradient(#000 0 0); -webkit-mask-composite: xor; mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.75' stroke-linecap='round' stroke-linejoin='round'><circle cx='11' cy='11' r='7'/><path d='m20 20-3.5-3.5'/></svg>") center / 18px no-repeat, linear-gradient(#000 0 0); mask-composite: exclude; }
#top #header .avia-search-tooltip .inner_tooltip, #top #header .avia-search-tooltip search, #top #header .avia-search-tooltip #searchform { display: block; width: 100%; max-width: 720px; margin: 0 auto; }
#top #header .avia-search-tooltip { height: 100vh !important; min-height: 100vh !important; overflow: auto; }

/* ===================================================================== AUDIT FIXES – Medium + Low sweep (14 Oct) */
/* Contact */
#top #contact-intro .fo-split .entry-content-wrapper { align-items: center; }
#top #enquiry.fo-split .entry-content-wrapper { grid-template-columns: 1.45fr 1fr; align-items: start; gap: clamp(28px, 4vw, 64px); }
#top .forminator-ui .forminator-label, #top .forminator-ui .forminator-field .forminator-label { font-size: 12.5px !important; font-weight: 600 !important; letter-spacing: .06em !important; text-transform: uppercase !important; color: var(--fo-ink-a62) !important; margin-bottom: 8px !important; }
#top #wrap_all .flex_column.fo-form-card { padding-bottom: 28px; }
#top .forminator-ui .forminator-button-submit { padding: 18px 32px !important; font-size: 15.5px !important; }
@media only screen and (min-width: 601px) and (max-width: 989px) {
  #top #enquiry.fo-split .entry-content-wrapper { grid-template-columns: 1.45fr 1fr; }
  #top #enquiry .flex_column.fo-col-img { order: 0; }
  #top .forminator-ui .forminator-row .forminator-col-6 { width: 50% !important; flex: 0 0 50% !important; max-width: 50% !important; }
}
/* FAQs */
#top #faqs .flex_column.fo-measure, #top .fo-faq-band .flex_column.fo-measure { max-width: 1030px; margin-left: auto; margin-right: auto; }
#top .fo-faq .toggle_content p.fo-link-arrow a, #top .fo-faq .toggle_content p:last-child a { white-space: normal; display: inline; }
@media only screen and (max-width: 560px) { #top .fo-faq .toggle_content { padding-left: 0; } #top .fo-faq .toggler { padding-left: 42px; padding-right: 36px; } }
/* Why Folium: outline icons (proof) + testimonial sizing + 2 columns at tablet */
#top .fo-iconbox .iconbox_icon .av-icon-char, #top .fo-iconbox .iconbox_icon svg { display: none; }
#top .fo-iconbox .iconbox_icon::before { content: ''; display: block; width: 26px; height: 26px; background: var(--fo-lichen); -webkit-mask: var(--fo-icon) center / contain no-repeat; mask: var(--fo-icon) center / contain no-repeat; }
#top #difference .flex_column:nth-of-type(2) .fo-iconbox .iconbox_icon::before { --fo-icon: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.75' stroke-linecap='round' stroke-linejoin='round'><path d='M12 2a9 9 0 0 0-9 9c0 5 4 9 9 11 5-2 9-6 9-11a9 9 0 0 0-9-9Z'/><path d='M12 22V8'/></svg>"); }
#top #difference .flex_column:nth-of-type(3) .fo-iconbox .iconbox_icon::before { --fo-icon: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.75' stroke-linecap='round' stroke-linejoin='round'><path d='M11 3a8 8 0 1 0 0 16 8 8 0 0 0 0-16Z'/><path d='m21 21-4.35-4.35'/></svg>"); }
#top #difference .flex_column:nth-of-type(4) .fo-iconbox .iconbox_icon::before { --fo-icon: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.75' stroke-linecap='round' stroke-linejoin='round'><path d='M12 2a10 10 0 1 0 0 20 10 10 0 0 0 0-20Z'/><path d='M2 12h20'/><path d='M12 2a15 15 0 0 1 0 20a15 15 0 0 1 0-20'/></svg>"); }
#top #partners .avia-grid-testimonials .avia-testimonial-content p { font-size: clamp(19px, 1.5vw, 22px); line-height: 1.5; }
#top #partners .avia-grid-testimonials .avia-testimonial_inner { padding: 34px 36px 36px; }
@media only screen and (min-width: 601px) and (max-width: 900px) { #top #partners .avia-grid-testimonials .avia-testimonial-row { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
/* About: anchor band as plain links in a 56px band; production image + tablet layout; people grid */
#top .fo-anchor-bar .content { padding-top: 0; padding-bottom: 0; }
#top .fo-anchor-bar .avia-buttonrow-wrap.fo-btn-row { display: flex; align-items: center; gap: clamp(22px, 3vw, 42px); min-height: 56px; overflow-x: auto; scrollbar-width: none; flex-wrap: nowrap; }
#top .fo-anchor-bar .avia-buttonrow-wrap.fo-btn-row::-webkit-scrollbar { display: none; }
#top #wrap_all .fo-anchor-bar .fo-btn-row .avia-button, #top #wrap_all .fo-anchor-bar .fo-btn-row .avia-button:nth-child(n) { background: transparent !important; border: 0 !important; border-radius: 0 !important; padding: 0 !important; margin: 0 !important; font-size: 14px; font-weight: 500; letter-spacing: -0.005em; color: var(--fo-ink-a78) !important; white-space: nowrap; }
#top #wrap_all .fo-anchor-bar .fo-btn-row .avia-button:hover { color: var(--fo-ink) !important; background: transparent !important; }
#top #production .fo-col-img .avia-image-container img { aspect-ratio: 580 / 640; object-fit: cover; }
@media only screen and (min-width: 601px) and (max-width: 989px) { #top #production.fo-split .entry-content-wrapper { grid-template-columns: 1.15fr 1fr; } #top #production .flex_column.fo-col-img { order: 0; } #top ul.fo-stats { grid-template-columns: repeat(2, 1fr); } }
@media only screen and (max-width: 989px) { #top .avia-section.fo-people .entry-content-wrapper { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px 16px; } #top .fo-people .flex_column { width: auto; } }
@media only screen and (max-width: 600px) { #top .avia-section.fo-people .entry-content-wrapper { grid-template-columns: repeat(2, minmax(0, 1fr)); } #top .fo-team .team-img-container, #top .fo-team-placeholder .team-img-container { width: min(100%, 150px); } }
/* Home: process 2 / 1 across on tablet / phone (desktop unchanged); map first on small screens */
@media only screen and (max-width: 989px) { #top .avia-section.fo-process .entry-content-wrapper { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media only screen and (max-width: 560px) { #top .avia-section.fo-process .entry-content-wrapper { grid-template-columns: minmax(0, 1fr); } #top .fo-process .fo-step .avia-image-container img { aspect-ratio: 16 / 10; } }
@media only screen and (max-width: 900px) { #top #canterbury .flex_column.fo-col-img { order: -1; } }
/* Products: tab labels sentence case (Enfold uppercases the inner span) */
#top .fo-tabs .av-section-tab-title .av-inner-tab-title, #top .fo-tabs .av-section-tab-title .av-outer-tab-title { text-transform: none; letter-spacing: -0.005em; }
/* Mega menu: 46px thumbs, wider panel; Resources items Jost 14.5 */
#top #header .fo-menu-products .avia_mega_div { min-width: 480px; }
#top #header .fo-menu-products .avia_mega_div .sub-menu li > a::before { width: 46px; height: 46px; }
#top #header .av-main-nav > li.fo-menu-resources > ul.sub-menu li > a { font-family: var(--fo-font-head); font-size: 14.5px; color: var(--fo-cream-a85); }
/* Low sweep: product table / bar / analysis row pitch, in-tab button size, CTA heading measure, Enlarge icon, footer badges, video caption ground, blog card padding */
#top .fo-kv .avia-table td { padding-top: 12px; padding-bottom: 12px; }
#top .fo-bars .avia-progress-bar { margin: 8px 0; }
#top table.fo-nt tbody td { padding-top: 5px; padding-bottom: 5px; }
#top .fo-tabs .fo-btn-pine.fo-btn-sm .avia-button, #top .fo-tabs .avia-button-wrap .avia-button { font-size: 15px; padding: 16px 30px; }
#top .fo-cta-band .av-special-heading-tag { max-width: 18ch; margin-left: auto; margin-right: auto; }
#top .fo-gallery .avia-gallery-big::after { padding-left: 30px; background: var(--fo-ink-a70) url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23FBF8F2' stroke-width='2.75' stroke-linecap='round' stroke-linejoin='round'><circle cx='11' cy='11' r='7'/><path d='m20 20-3.5-3.5'/><path d='M11 8v6'/><path d='M8 11h6'/></svg>") 12px center / 13px no-repeat; }
#top #footer .fo-footer-badges img { max-width: 82%; max-height: 58px; }
#top .fo-band-white .flex_column.fo-video-card .avia_textblock.fo-card-txt { background: #F4F4F4; }
#top .fo-blog-grid .slide-entry .slide-content { padding-bottom: 18px; }
#top .fo-blog-grid .slide-entry .slide-meta { margin-bottom: 0; padding-bottom: 0; }
/* mobile menu (per review): full width, hidden scrollbar, clean close "X" */
#top #wrap_all .av-burger-overlay-scroll, .html_av-overlay-side #top #wrap_all .av-burger-overlay-scroll, .html_av-overlay-full #top #wrap_all .av-burger-overlay-scroll { width: 100%; max-width: none; border-left: 0; overflow-y: auto; scrollbar-width: none; -ms-overflow-style: none; }
#top #wrap_all .av-burger-overlay-scroll::-webkit-scrollbar { display: none; width: 0; height: 0; }
#top #wrap_all .av-burger-overlay { background: var(--fo-ink); }
#top #wrap_all .av-burger-overlay-inner { width: 100%; max-width: none; }
.av-burger-overlay-active #top #header .av-burger-menu-main { z-index: 1002; }
.av-burger-overlay-active #top #header .av-hamburger { width: 42px; height: 42px; display: inline-flex; align-items: center; justify-content: center; border: 1px solid var(--fo-sage-a30); border-radius: var(--fo-radius); background: transparent; margin: 0; padding: 0; }
.av-burger-overlay-active #top #header .av-hamburger-box { width: 20px; height: 20px; margin: 0; display: block; position: relative; }
.av-burger-overlay-active #top #header .av-hamburger-inner, .av-burger-overlay-active #top #header .av-hamburger-inner::before, .av-burger-overlay-active #top #header .av-hamburger-inner::after { width: 20px; height: 2px; border-radius: 2px; background: var(--fo-cream); }
.av-burger-overlay-active #top #header .av-hamburger-inner { top: 50%; margin-top: -1px; transform: rotate(45deg); }
.av-burger-overlay-active #top #header .av-hamburger-inner::before { top: 0; transform: rotate(90deg); }
.av-burger-overlay-active #top #header .av-hamburger-inner::after { display: none; }
.av-burger-overlay-active #top #header .av-hamburger-inner, .av-burger-overlay-active #top #header .av-hamburger-inner::before, .av-burger-overlay-active #top #header .av-hamburger-inner::after { display: none; }
.av-burger-overlay-active #top #header .av-hamburger-box::before, .av-burger-overlay-active #top #header .av-hamburger-box::after { content: ''; position: absolute; left: 0; top: 50%; width: 20px; height: 2px; margin-top: -1px; border-radius: 2px; background: var(--fo-cream); transform: rotate(45deg); }
.av-burger-overlay-active #top #header .av-hamburger-box::after { transform: rotate(-45deg); }
.av-burger-overlay-active #top #header .av-hamburger { position: relative; top: 5px; }
/* contact (phones): details panel first, form below, one column */
@media only screen and (max-width: 600px) {
  #top #enquiry.fo-split .entry-content-wrapper { grid-template-columns: minmax(0, 1fr); gap: 20px; }
  #top #enquiry .flex_column.fo-contact-aside { order: -1; }
  #top #enquiry .flex_column.fo-form-card { order: 1; }
  #top #wrap_all .flex_column.fo-form-card { padding: 22px 18px 24px; }
}

/* ---------- home > Our Location (review 16 Oct): wider column gap, farms as a 2-wide bordered grid ---------- */
#top .avia-section.fo-farms.fo-split .entry-content-wrapper, 
#top #why.avia-section.fo-split .entry-content-wrapper, 
#top .avia-section.fo-split .entry-content-wrapper { column-gap: clamp(40px, 4.5vw, 64px); }
#top ul.fo-farm-list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1px; margin: 30px 0 8px; background: var(--fo-sage-a22); border: 1px solid var(--fo-sage-a22); border-radius: var(--fo-radius); overflow: hidden; }
#top ul.fo-farm-list li { background: var(--fo-forest); padding: 14px 16px; gap: 14px; }
#top ul.fo-farm-list img { width: 60px; height: 60px; flex: 0 0 60px; }
#top ul.fo-farm-list strong { font-size: 15.5px; letter-spacing: -0.01em; margin-bottom: 3px; }
#top ul.fo-farm-list small { color: var(--fo-lichen); font-weight: 300; margin-top: 0; }
@media only screen and (max-width: 600px) { #top ul.fo-farm-list { grid-template-columns: minmax(0, 1fr); } }

/* home: Enfold's scroll-spy re-adds current-menu-item to "Products" (/#products) while scrolling - keep it idle on the front page */
#top.home #header .av-main-nav > li.fo-menu-products.current-menu-item > a { color: var(--fo-cream-a74); font-weight: 500; }
#top.home #header .av-main-nav > li.fo-menu-products.current-menu-item > a .avia-menu-text::after { background: transparent; }
#top.home #header .av-main-nav > li.fo-menu-products.current-menu-item:hover > a { color: var(--fo-cream); }
#top.home #header .av-main-nav > li.fo-menu-products.current-menu-item:hover > a .avia-menu-text::after { background: var(--fo-sage-a55); }

/* home > What our customers say (review 16 Oct): narrow gap between the two cards, equal heights */
#top #testimonials.avia-section .entry-content-wrapper { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 clamp(20px, 2.2vw, 32px); align-items: stretch; }
#top #testimonials.avia-section .entry-content-wrapper::before, #top #testimonials.avia-section .entry-content-wrapper::after { content: none; display: none; }
#top #wrap_all #testimonials .flex_column, .responsive #top #wrap_all #testimonials .flex_column { width: auto; margin: 0; float: none; }
#top #testimonials .flex_column.fo-row-full { grid-column: 1 / -1; }
@media only screen and (max-width: 900px) {
  #top #testimonials.avia-section .entry-content-wrapper { grid-template-columns: minmax(0, 1fr); row-gap: 20px; }
}
#top #wrap_all #testimonials .flex_column.fo-row-full { margin-bottom: 34px; }
/* pin the name line to the card bottom (card = flex column; let the testimonial chain fill it) */
#top .fo-testimonials .fo-testimonial-card > .avia-testimonial-wrapper { flex: 1 1 auto; min-height: 0; }
#top .fo-testimonials .fo-testimonial-card .avia-testimonial-row, #top #wrap_all .fo-testimonials .fo-testimonial-card .avia-testimonial, #top .fo-testimonials .fo-testimonial-card .avia-testimonial_inner { display: flex; flex-direction: column; height: 100%; }
#top .fo-testimonials .fo-testimonial-card .avia-testimonial-content { flex: 1 1 auto; }
#top .fo-testimonials .fo-testimonial-card .avia-testimonial-meta { margin-top: auto; }

/* CTA band heading (review 16 Oct): Enfold floats the heading tag left, so the 18ch cap sat off-centre - make it a centred block */
#top .fo-cta-band .av-special-heading .av-special-heading-tag { float: none; display: block; text-align: center; }
#top .fo-cta-band .av-special-heading-h2 .av-special-heading-tag, #top .fo-cta-band h2.av-special-heading-tag { margin-left: auto; margin-right: auto; }

/* ---------- about-us > Our Farms (review 16 Oct): 28px card gaps, equal card heights, images flush to the card edges ---------- */
#top #farms.avia-section .entry-content-wrapper { display: grid; grid-template-columns: repeat(10, minmax(0, 1fr)); gap: clamp(18px, 2vw, 28px); align-items: stretch; }
#top #farms.avia-section .entry-content-wrapper::before, #top #farms.avia-section .entry-content-wrapper::after { content: none; display: none; }
#top #wrap_all #farms .flex_column, .responsive #top #wrap_all #farms .flex_column { width: auto; margin: 0; float: none; }
#top #farms .flex_column.fo-col-txt { grid-column: span 4; align-self: center; padding-right: clamp(0px, 2.2vw, 32px); }
#top #farms .flex_column.fo-col-img { grid-column: span 6; align-self: center; }
#top #wrap_all #farms .flex_column.fo-farm-card { grid-column: span 5; }
#top #wrap_all #farms .fo-farm-card .avia-image-container { width: calc(100% + 44px); max-width: none; margin: 0 -22px 18px; }
#top #farms .fo-farm-card .avia-image-container img { aspect-ratio: 16 / 10; }
@media only screen and (max-width: 900px) {
  #top #farms .flex_column.fo-col-txt, #top #farms .flex_column.fo-col-img { grid-column: span 10; padding-right: 0; }
}
@media only screen and (max-width: 600px) {
  #top #wrap_all #farms .flex_column.fo-farm-card { grid-column: span 10; }
}

/* about-us > Our Farms map (review 16 Oct): 16:13 frame, map centred at 88% height, Canterbury marker + label (as the proof) */
#top #farms .fo-col-img .avia-image-container.fo-fig { position: relative; aspect-ratio: 16 / 13; overflow: hidden; margin: 0; width: 100%; }
#top #farms .fo-col-img .fo-fig .avia-image-container-inner { position: absolute; left: 0; right: 0; top: 6%; bottom: 6%; width: 100%; display: flex; justify-content: center; border-radius: 0; }
#top #farms .fo-col-img .fo-fig .avia-image-overlay-wrap { height: 100%; width: auto; display: block; }
#top #farms .fo-col-img .fo-fig img { height: 100%; width: auto; max-width: 100%; aspect-ratio: 900 / 1080; object-fit: contain; border-radius: 0; opacity: .9; }
#top #farms .fo-col-img .fo-fig::before { content: ''; position: absolute; left: 50%; top: 67.5%; width: 13px; height: 13px; margin: -6.5px 0 0 -6.5px; border-radius: 50%; background: var(--fo-sand); box-shadow: 0 0 0 5px rgba(245,239,227,.2), 0 0 24px 7px rgba(245,239,227,.4); z-index: 2; }
#top #farms .fo-col-img .fo-fig::after { content: 'Canterbury'; position: absolute; left: calc(50% + 20px); top: calc(67.5% - 8px); font-family: var(--fo-font-body); font-size: 12px; font-weight: 600; letter-spacing: .12em; text-transform: uppercase; color: var(--fo-sand); white-space: nowrap; z-index: 2; }

/* single post (review 16 Oct): the 70ch body sits on the same left edge as the title band and featured image, not centred in the 900px column */
#top.single-post .entry-content { margin-left: 0; margin-right: auto; }
#top.single-post #main .template-single-blog .entry-content-wrapper.standard-content { max-width: calc(900px + 2 * var(--fo-gutter)); margin: 0 auto; padding: 0 var(--fo-gutter); }
#top.single-post #main .entry-content-wrapper .entry-content { max-width: 70ch; margin: 0; }
#top.single-post #main .entry-content-wrapper .entry-footer { max-width: none; margin: 0; }
#top.single-post #main .entry-content-wrapper .fo-post-related { padding-left: 0; padding-right: 0; max-width: none; margin-left: 0; margin-right: 0; }
@media only screen and (max-width: 989px) { #top.single-post #main .template-single-blog .entry-content-wrapper.standard-content { padding-left: 0; padding-right: 0; } }
#top.single-post .big-preview.single-big, #top.single-post .post-entry .big-preview { max-width: calc(900px + 2 * var(--fo-gutter)); padding: 0 var(--fo-gutter); }
@media only screen and (max-width: 989px) { #top.single-post .big-preview.single-big, #top.single-post .post-entry .big-preview { padding-left: 0; padding-right: 0; } }

/* home > Our Location map (review 16 Oct): square panel, map centred at 86% height, pin + label anchored to the map image box (50% / 70%) */
#top.home #canterbury .flex_column.fo-col-img { padding: 28px; }
#top.home #canterbury .fo-col-img .avia-image-container { position: relative; aspect-ratio: 1 / 1; overflow: hidden; margin: 0; width: 100%; }
#top.home #canterbury .fo-col-img .avia-image-container::before, #top #canterbury .fo-col-img .avia-image-container::after { content: none; display: none; }
#top.home #canterbury .fo-col-img .avia-image-container-inner { position: absolute; left: 0; right: 0; top: 7%; bottom: 7%; width: 100%; display: flex; justify-content: center; border-radius: 0; }
#top.home #canterbury .fo-col-img .avia-image-overlay-wrap { position: relative; height: 100%; width: auto; display: block; }
#top.home #canterbury .fo-col-img .avia-image-container img { height: 100%; width: auto; max-width: 100%; aspect-ratio: 900 / 1080; object-fit: contain; border-radius: 0; opacity: .9; }
#top.home #canterbury .fo-col-img .avia-image-overlay-wrap::before { content: ''; position: absolute; left: 50%; top: 70%; width: 13px; height: 13px; margin: -6.5px 0 0 -6.5px; border-radius: 50%; background: var(--fo-sand); box-shadow: 0 0 0 5px rgba(245,239,227,.2), 0 0 24px 7px rgba(245,239,227,.4); z-index: 2; }
#top.home #canterbury .fo-col-img .avia-image-overlay-wrap::after { content: 'Canterbury'; position: absolute; left: calc(50% + 20px); top: calc(70% - 8px); font-family: var(--fo-font-body); font-size: 12px; font-weight: 600; letter-spacing: .12em; text-transform: uppercase; color: var(--fo-sand); white-space: nowrap; z-index: 2; }
#top.home #canterbury .fo-col-img .avia_textblock.fo-caption { position: absolute; left: 26px; bottom: 24px; margin: 0; }

/* ---------- product > Documentation panel (review 16 Oct): PDF/COA/CERT tag tiles, download / arrow glyphs, hover row (as the proof) ---------- */
#top .fo-docs-title, #top .avia_textblock.fo-docs-title p { font-size: 15.5px; font-weight: 600; letter-spacing: 0; text-transform: none; color: var(--fo-cream); margin: 0 0 12px; padding: 0 4px; }
#top .fo-doclist .avia-icon-list li, #top .fo-doclist .avia-icon-list li:first-child { position: relative; display: flex; align-items: center; gap: 14px; padding: 13px 12px; margin: 0; border: 0; border-radius: var(--fo-radius); transition: background .16s ease; }
#top .fo-doclist .avia-icon-list li:hover { background: var(--fo-sage-a08); }
#top .fo-doclist .avia-icon-list li .iconlist_icon { display: flex; position: static; float: none; align-items: flex-end; justify-content: center; width: 36px; height: 44px; flex: 0 0 36px; margin: 0; padding: 0 0 6px; border: 1.5px solid var(--fo-sage-a34); border-radius: 5px; background: var(--fo-ink); font-family: var(--fo-font-body); font-size: 8.5px; font-weight: 700; letter-spacing: .06em; line-height: 1; color: var(--fo-lichen); text-decoration: none; box-shadow: none; }
#top .fo-doclist .avia-icon-list li .iconlist_icon .av-icon-char { display: none; }
#top .fo-doclist .avia-icon-list li .iconlist_icon::after { content: 'PDF'; }
#top .fo-doclist .avia-icon-list li:nth-child(3) .iconlist_icon::after { content: 'COA'; }
#top .fo-doclist .avia-icon-list li:nth-child(4) .iconlist_icon::after { content: 'CERT'; }
#top .fo-doclist .avia-icon-list li .article-icon-entry { flex: 1 1 auto; min-width: 0; margin: 0; padding: 0; }
#top .fo-doclist .iconlist_content, #top .fo-doclist .iconlist_content p { font-size: 12.5px; font-weight: 300; }
#top .fo-doclist .avia-icon-list li::after { content: '\2192'; flex: 0 0 auto; margin-left: auto; font-family: var(--fo-font-body); font-size: 16px; line-height: 1; color: var(--fo-sage); }
#top .fo-doclist .avia-icon-list li:first-child::after { content: ''; width: 15px; height: 15px; background: no-repeat center / 15px 15px url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='15' height='15' viewBox='0 0 24 24' fill='none' stroke='%23A4BFAB' stroke-width='2.75' stroke-linecap='round' stroke-linejoin='round'><path d='M12 3v12'/><path d='m7 12 5 5 5-5'/><path d='M5 21h14'/></svg>"); }
/* light bands */
#top .fo-band-white .fo-doclist .avia-icon-list li .iconlist_icon, #top .fo-band-frost .fo-doclist .avia-icon-list li .iconlist_icon { background: var(--fo-sand); border-color: var(--fo-ink-a14); color: var(--fo-thyme); }
#top .fo-band-white .fo-doclist .avia-icon-list li::after, #top .fo-band-frost .fo-doclist .avia-icon-list li::after { color: var(--fo-pine); }
#top .fo-band-white .fo-doclist .avia-icon-list li:hover, #top .fo-band-frost .fo-doclist .avia-icon-list li:hover { background: var(--fo-ink-a06); }
#top .fo-band-white .fo-docs-title p, #top .fo-band-frost .fo-docs-title p { color: var(--fo-ink); }

/* ===================================================================== Gary's review 21 Oct 2026 */
/* About (hero pages): breadcrumb sits lower under the top nav - desktop only (mobile header is in normal flow) */
@media only screen and (min-width: 990px) {
  #top.fo-has-hero .fo-breadcrumbs .container { padding-top: 36px; }
}
/* About anchor bar: links take their natural width, so the first one lines up with the content edge */
#top #wrap_all .fo-anchor-bar .fo-btn-row .avia-button { min-width: 0 !important; width: auto !important; justify-content: flex-start; text-align: left; }
/* Why Folium "About Canterbury": photo fills the dark green box edge to edge (box keeps its size) */
#top.page-id-98 #canterbury .flex_column.fo-col-img { padding: 0 !important; overflow: hidden; position: relative; aspect-ratio: 580 / 458; }
#top.page-id-98 #canterbury .fo-col-img .avia-image-container { position: absolute; inset: 0; margin: 0 !important; }
#top.page-id-98 #canterbury .fo-col-img .avia-image-container-inner, #top.page-id-98 #canterbury .fo-col-img .avia-image-overlay-wrap { height: 100%; border-radius: 0; }
#top.page-id-98 #canterbury .fo-col-img img { width: 100%; height: 100%; object-fit: cover; border-radius: 0; }
@media only screen and (max-width: 900px) { #top.page-id-98 #canterbury .flex_column.fo-col-img { aspect-ratio: 4 / 3; } }
/* Top nav (desktop): small down-arrow after items that have a dropdown (Products, Resources) - Enfold's own .dropdown_available span */
@media only screen and (min-width: 990px) {
  #top #header .av-main-nav > li.menu-item-has-children > a .dropdown_available {
    display: inline-block !important; position: static !important; width: 11px; height: 11px; margin: 0 0 0 5px; padding: 0; border: 0; vertical-align: -1px;
    background: currentColor; opacity: .75; transform: none;
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' fill='none' stroke='%23000' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 4.5 6 7.5l3-3'/%3E%3C/svg%3E") center / contain no-repeat;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' fill='none' stroke='%23000' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 4.5 6 7.5l3-3'/%3E%3C/svg%3E") center / contain no-repeat;
  }
}
/* Products mega menu (desktop, per design): one panel, items flow in rows (Barley | Wheat, Kale | Pea, Spearmint | Manuka),
   no inner column boxes, 64px thumbnails, lighter rounded tile on hover. The two Enfold column wrappers are flattened. */
@media only screen and (min-width: 990px) {
  #top #header .fo-menu-products .avia_mega_div { min-width: 600px; padding: 16px; }
  #top #header .fo-menu-products .avia_mega_div > .sub-menu { gap: 6px 8px; }
  #top #header .fo-menu-products .avia_mega_div > .sub-menu > li, #top #header .fo-menu-products .avia_mega_div > .sub-menu > li > ul { display: contents; }
  #top #header .fo-menu-products .avia_mega_div .sub-menu li > a { grid-template-columns: 64px minmax(0, 1fr); column-gap: 16px; padding: 10px 14px; border-radius: 12px; }
  #top #header .fo-menu-products .avia_mega_div .sub-menu li > a::before { width: 64px; height: 64px; border-radius: 14px; }
  #top #header .fo-menu-products .avia_mega_div .sub-menu li > a .avia-menu-text { font-size: 16px; }
  #top #header .fo-menu-products .avia_mega_div .sub-menu li > a::after { font-size: 14px; }
}
/* Product pages - Nutritional Benefits tab (desktop): text left, "Typical composition" panel right (like the Description/Specs tabs) */
@media only screen and (min-width: 990px) {
  #top .av-layout-tab.fo-tab-nutrition .av-layout-tab-inner > .container { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 24px 64px; align-items: start; }
  #top .av-layout-tab.fo-tab-nutrition .av-layout-tab-inner > .container > .flex_column { width: auto; max-width: none; margin: 0; float: none; }
  #top .av-layout-tab.fo-tab-nutrition .av-layout-tab-inner > .container > .fo-comp { margin-top: 54px !important; }
}
/* Enfold wraps "&" in headings in its own decorative italic serif (.special_amp) - use the brand font's "&" instead */
#top .special_amp { font-family: inherit; font-style: inherit; font-weight: inherit; font-size: inherit; line-height: inherit; color: inherit; }
/* Eyebrow labels (and product Latin names) sit closer to the heading below them (design ~14px; was 36-50px) - site-wide */
#top .av_textblock_section:is(:has(.fo-eyebrow), :has(.fo-latin)):has(+ .av-special-heading) :is(.fo-eyebrow, .fo-latin) { margin-bottom: 0 !important; }
#top .av_textblock_section:is(:has(.fo-eyebrow), :has(.fo-latin)) + .av-special-heading { margin-top: 14px !important; }
/* Certifications doc list (HACCP / FDA rows): every row the same padding, pulled out 12px so the text lines up with the cards and the hover tile sits just outside */
#top .fo-docs .fo-doclist .avia-icon-list li, #top .fo-docs .fo-doclist .avia-icon-list li:first-child, #top .fo-docs .fo-doclist .avia-icon-list li:last-child { padding: 13px 12px !important; margin: 0 -12px !important; }
/* Home "Harvest to Dispatch" tiles: 3 across on tablet (768-989px) - 6 tiles = 3 x 2; phones keep 2 / 1 across */
@media only screen and (min-width: 768px) and (max-width: 989px) {
  #top .avia-section.fo-process .entry-content-wrapper { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
/* Hero breadcrumb on tablet + mobile: same breathing room under the header as desktop (Gary 21 Oct) */
@media only screen and (max-width: 989px) {
  #top.fo-has-hero .fo-breadcrumbs .container { padding-top: 28px; }
}
/* Header on tablet + mobile (per design): search, menu, then Request Specs; the menu button gets the same 42px outlined box as search */
@media only screen and (max-width: 989px) {
  #top #header .av-main-nav > li.av-burger-menu-main { order: 2; display: flex !important; align-items: center; margin: 0 8px 0 0; }
  #top #header .av-main-nav > li.fo-menu-cta { order: 3; }
  #top #header .av-main-nav > li.av-burger-menu-main > a { height: 42px !important; width: 42px; line-height: 42px !important; padding: 0 !important; display: flex !important; align-items: center; justify-content: center; box-sizing: border-box; border: 0.8px solid rgba(164, 191, 171, .3) !important; border-radius: 12px !important; }
  #top #header .av-main-nav > li.av-burger-menu-main .av-hamburger { transform: scale(.62); transform-origin: center; }
}
/* Certifications "Documentation with every batch" list (per design): tighter rows, regular-weight titles, upright labels, no arrows/icons */
#top #documentation .fo-doclist .avia-icon-list li, #top #documentation .fo-doclist .avia-icon-list li:first-child { padding: 0 !important; margin: 0 !important; border-radius: 0 !important; background: transparent !important; }
#top #documentation .fo-doclist .avia-icon-list li::after { display: none !important; content: none !important; }
#top #documentation .fo-doclist .avia-icon-list .iconlist_content_wrap { padding: 14px 0; }
#top #documentation .fo-doclist .av_iconlist_title, #top #documentation .fo-doclist .av_iconlist_title a { font-weight: 400 !important; }
#top #documentation .fo-doclist .av_iconlist_title a:hover { color: var(--fo-sage); }
#top #documentation .fo-doclist .iconlist_content p { font-style: normal !important; font-weight: 400 !important; font-size: 13.5px; }
/* Tablet + mobile: back-to-back white sections (e.g. Certifications groups) sit closer - ~64px from cards to the next heading, no divider (was 168px) */
@media only screen and (max-width: 989px) {
  #top .avia-section.fo-band-white:has(+ .avia-section.fo-band-white) .content { padding-bottom: 0 !important; }
  #top .avia-section.fo-band-white + .avia-section.fo-band-white .content { padding-top: 64px !important; }
  #top .avia-section.fo-band-white + .avia-section.fo-band-white { border-top: 0 !important; }
}
/* Mobile product tabs: the title bar fits the screen and scrolls fully (was 641px wide, clipped);
   a fade + arrow on the right shows there are more tabs, hidden once scrolled to the end (.fo-tabs-end via functions.php) */
@media only screen and (max-width: 767px) {
  #top .av-tab-section-tab-title-container { width: 100% !important; max-width: 100% !important; min-width: 0 !important; overflow-x: auto; scrollbar-width: none; }
  #top .av-tab-section-tab-title-container::-webkit-scrollbar { display: none; }
  #top .av-tab-section-tab-title-container::after { content: '\203A'; position: sticky; right: -20px; margin-right: -20px; flex: 0 0 auto; align-self: stretch; display: flex; align-items: center; justify-content: flex-end; margin-left: auto; padding: 0 4px 0 36px; font-size: 24px; line-height: 1; color: var(--fo-sage); background: linear-gradient(90deg, rgba(26,36,22,0) 0%, rgb(26,36,22) 60%); pointer-events: none; transition: opacity .2s; }
  #top .av-tab-section-tab-title-container.fo-tabs-end::after { opacity: 0; }
}
/* Product pages on tablet (768-989px): keep the hero in 2 columns - gallery left, details right (per design) */
@media only screen and (min-width: 768px) and (max-width: 989px) {
  #top #product-hero.fo-split .entry-content-wrapper { grid-template-columns: minmax(0, .85fr) minmax(0, 1.15fr) !important; gap: 24px 32px !important; align-items: start; }
}
/* Karen 21 Oct: product names now end in "Powder" - keep each on one line in the mega menu (15px) */
@media only screen and (min-width: 990px) {
  #top #header .fo-menu-products .avia_mega_div .sub-menu li > a .avia-menu-text { font-size: 15px !important; white-space: nowrap; }
}

/* Karen 21 Oct: certification cards open their certificate PDF - the card's own (hidden) "View ... (PDF)" link is stretched over the whole card */
#top #wrap_all .flex_column.fo-cert-card { position: relative; cursor: pointer; }
#top .fo-cert-card .avia_textblock.fo-card-txt p.fo-link-arrow { display: block; margin: 0; }
#top .fo-cert-card .avia_textblock.fo-card-txt p.fo-link-arrow a { position: absolute; inset: 0; z-index: 2; display: block; overflow: hidden; color: transparent; font-size: 1px; white-space: nowrap; border-radius: inherit; }
#top .fo-cert-card .avia_textblock.fo-card-txt p.fo-link-arrow a:focus-visible { outline: 2px solid var(--fo-ink); outline-offset: 3px; }

/* Gary 22 Oct: search overlay - button sits inside the box (Enfold positions it absolute right:0), results listed one per row (current Enfold uses av_ajax_search_* classes) */
#top #header .avia-search-tooltip #searchform input#searchsubmit { position: static !important; flex: 0 0 44px; align-self: center; margin: 0 !important; }
#top #header .avia-search-tooltip .ajax_search_response { display: flex; flex-direction: column; align-items: stretch; gap: 2px; }
#top #header .avia-search-tooltip .ajax_search_response h4 { margin: 6px 14px 8px; padding: 0; font-family: var(--fo-font-body); font-size: 11px; font-weight: 600; letter-spacing: .14em; text-transform: uppercase; color: var(--fo-lichen); }
#top #header .avia-search-tooltip .av_ajax_search_entry { display: block; width: auto; padding: 12px 14px; border: 0 !important; border-radius: 8px; text-decoration: none; }
#top #header .avia-search-tooltip .av_ajax_search_entry:hover { background: var(--fo-sage-a10); }
#top #header .avia-search-tooltip .av_ajax_search_image { display: none !important; }
#top #header .avia-search-tooltip .av_ajax_search_content { display: block; width: auto; margin: 0; padding: 0; border: 0; }
#top #header .avia-search-tooltip .av_ajax_search_title { display: block; font-size: 16px; font-weight: 600; line-height: 1.35; color: var(--fo-cream); }
#top #header .avia-search-tooltip .av_ajax_search_content .ajax_search_excerpt { display: block; margin-top: 2px; font-size: 14px; line-height: 1.5; color: var(--fo-cream-a62); }
#top #header .avia-search-tooltip .av_ajax_search_entry_view_all { margin-top: 4px; border-top: 1px solid var(--fo-sage-a20) !important; border-radius: 0 0 8px 8px; text-align: center; font-size: 14px; font-weight: 600; color: var(--fo-sage); }
#top #header .avia-search-tooltip #searchform { display: flex; align-items: center; }
#top #header .avia-search-tooltip #searchform > div { flex: 1 1 auto; width: auto; min-width: 0; }
#top #header .avia-search-tooltip .av_ajax_search_entry, #top #header .avia-search-tooltip .av_ajax_search_content { text-align: left; }
#top #header .avia-search-tooltip .av_ajax_search_title { text-transform: none; letter-spacing: 0; }
#top #header .avia-search-tooltip .av_ajax_search_content .ajax_search_excerpt { font-style: normal; }
#top #header .avia-search-tooltip .av_ajax_search_entry_view_all { text-align: center; }
#top #header .avia-search-tooltip #searchform { flex-wrap: wrap; }
#top #header .avia-search-tooltip #searchform::before { display: none; }
#top #header .avia-search-tooltip #searchform .ajax_search_response { flex: 0 0 100%; box-sizing: border-box; margin: 12px 0 8px; }
#top #header .avia-search-tooltip .ajax_search_response { align-items: stretch !important; }
#top #header .avia-search-tooltip .ajax_search_response > * { align-self: stretch !important; width: auto !important; max-width: none !important; text-align: left; }
#top #header .avia-search-tooltip .ajax_search_response > .av_ajax_search_entry_view_all { text-align: center; }
/* Gary 22 Oct: mobile menu open - the X sat in a second box 5px low inside the menu button (old open-state box rules + the newer outlined button). Keep only the outer button, centre the X at search-icon size */
@media only screen and (max-width: 989px) {
  .av-burger-overlay-active #top #header .av-main-nav > li.av-burger-menu-main .av-hamburger { border: 0; top: 0; width: 20px; height: 20px; transform: scale(.85); }
}
#top #header .avia-search-tooltip input[type="search"]::-webkit-search-cancel-button { -webkit-appearance: none; appearance: none; width: 16px; height: 16px; margin: 0 4px 0 8px; cursor: pointer; opacity: .7; background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23FBF8F2' stroke-width='2.5' stroke-linecap='round'><path d='M6 6l12 12M18 6L6 18'/></svg>") center / 16px no-repeat; }
#top #header .avia-search-tooltip input[type="search"]::-webkit-search-cancel-button:hover { opacity: 1; }
#top #header .avia-search-tooltip #searchform > div { max-width: none !important; margin: 0 !important; }

/* Gary 22 Oct: mobile menu - Products opens/closes as an accordion (toggle script in functions.php); product links are name + Latin only, no thumbnails */
#top #wrap_all #av-burger-menu-ul .fo-menu-products > a { display: flex; align-items: center; justify-content: space-between; cursor: pointer; }
#top #wrap_all #av-burger-menu-ul .fo-menu-products > a::after { content: ''; display: block; flex: 0 0 9px; width: 9px; height: 9px; margin: -4px 4px 0 16px; border-right: 1.5px solid var(--fo-cream); border-bottom: 1.5px solid var(--fo-cream); transform: rotate(45deg); transition: transform .2s ease, margin .2s ease; }
#top #wrap_all #av-burger-menu-ul .fo-menu-products.fo-open > a::after { transform: rotate(225deg); margin-top: 4px; }
#top #wrap_all #av-burger-menu-ul .fo-menu-products.fo-open > a { border-bottom-color: transparent; }
#top #wrap_all #av-burger-menu-ul .fo-menu-products:not(.fo-open) > ul, #top #wrap_all #av-burger-menu-ul .fo-menu-products:not(.fo-open) > .avia_mega_div { display: none !important; }
#top #wrap_all #av-burger-menu-ul .fo-menu-products > ul { padding: 0 0 12px; }
#top #wrap_all #av-burger-menu-ul .fo-menu-products li[class*="menu-"] > a { display: block; padding: 10px 28px 10px 40px; }
#top #wrap_all #av-burger-menu-ul .fo-menu-products li[class*="menu-"] > a::before { display: none !important; content: none; }
#top #wrap_all #av-burger-menu-ul .fo-menu-products li[class*="menu-"] > a .avia-menu-text { display: block; font-size: 16px; }
#top #wrap_all #av-burger-menu-ul .fo-menu-products li[class*="menu-"] > a::after { font-size: 14px; margin-top: 2px; }

/* ===== Text-block clean-up (29 Oct 2026, Gary) =====
   Text blocks now hold plain HTML only (p / h3 / em / strong / small / ul / a) - no classes typed into the text.
   These rules give the same look, keyed to the element's own Custom CSS Class or to the structure. */

/* Eyebrows: Text Block class fo-eyebrow, plain <p> */
#top .av_textblock_section:has(+ .av-special-heading) .avia_textblock.fo-eyebrow p { margin-bottom: 0 !important; }
/* Card text (video cards): a <p> directly before the <h3> is the eyebrow */
#top .avia_textblock.fo-card-txt p:first-child:has(+ h3) { font-family: var(--fo-font-body); font-weight: 600; text-transform: uppercase; letter-spacing: .12em; margin-bottom: 8px; }

/* Product tiles: <h3> + <p><em>Latin name</em></p> + <p><a>link</a></p> */
#top .avia_textblock.fo-tile-txt em { display: block; margin-bottom: 14px; font-family: var(--fo-font-head); font-style: italic; color: var(--fo-lichen); font-size: 13.5px; line-height: 1.3; }
#top .fo-band-white .avia_textblock.fo-tile-txt em, #top .fo-band-frost .avia_textblock.fo-tile-txt em, #top .fo-band-cream .avia_textblock.fo-tile-txt em { color: var(--fo-thyme); }
#top .fo-others .fo-tile .avia_textblock.fo-tile-txt em { margin-bottom: 0; }
#top .avia_textblock.fo-tile-txt p:last-child a { display: inline-flex; align-items: center; gap: 6px; font-weight: 500; font-size: 14px; color: var(--fo-sage); text-decoration: none; white-space: nowrap; }
#top .avia_textblock.fo-tile-txt p:last-child a:hover { color: var(--fo-mist); }
#top .fo-tile-cta .avia_textblock.fo-tile-txt p:last-child { margin: 0; }
#top .fo-tile-cta .avia_textblock.fo-tile-txt p:last-child a { display: inline-block; background: var(--fo-sage); color: var(--fo-ink); font-family: var(--fo-font-body); font-weight: 600; font-size: 14px; padding: 13px 22px; border-radius: var(--fo-radius); text-decoration: none; }
#top .fo-tile-cta .avia_textblock.fo-tile-txt p:last-child a:hover { background: var(--fo-mist); color: var(--fo-ink); }

/* Home "Harvest to Dispatch" steps: Text Block = <h3>label</h3><p>text</p>; "Step 01" is a CSS counter */
#top .avia-section.fo-process { counter-reset: fo-step; }
#top .fo-process .flex_column.fo-step { counter-increment: fo-step; }
#top .fo-process .avia_textblock.fo-step-txt h3 { display: block; font-family: var(--fo-font-head); font-weight: 400; font-size: 20px; line-height: 1.2; letter-spacing: -0.01em; text-transform: none; color: var(--fo-cream); margin: 0 0 8px; }
#top .fo-process .avia_textblock.fo-step-txt h3::before { content: 'Step ' counter(fo-step, decimal-leading-zero); display: block; margin: 0 0 6px; font-family: var(--fo-font-body); font-size: 11px; font-weight: 600; line-height: 1; letter-spacing: .14em; text-transform: uppercase; color: var(--fo-lichen); }

/* Product "MOQ & Ordering" steps: Text Block = <p>label</p><h3>title</h3><p>text</p>; the number circle is a CSS counter */
#top .av-layout-tab.fo-tab-moq { counter-reset: fo-moq; }
#top .fo-tab-moq .flex_column.fo-step { counter-increment: fo-moq; }
#top .fo-tab-moq .fo-step .avia_textblock p:first-child:has(+ h3) { display: flex; align-items: center; gap: 10px; margin: 0 0 18px; font-family: var(--fo-font-body); font-size: 11px; letter-spacing: .11em; text-transform: uppercase; color: var(--fo-lichen); font-weight: 600; }
#top .fo-tab-moq .fo-step .avia_textblock p:first-child:has(+ h3)::before { content: counter(fo-moq); width: 26px; height: 26px; border-radius: 50%; background: var(--fo-pine); color: var(--fo-cream); font-size: 12px; font-weight: 600; line-height: 1; letter-spacing: 0; text-transform: none; display: inline-flex; align-items: center; justify-content: center; flex: 0 0 26px; }

/* Home "Our Location" farms: Enfold Catalogue element (class fo-farm-cat) instead of a hand-built list with <img> */
#top .av-catalogue-container.fo-farm-cat { margin: 16px 0 16px; }
#top .fo-farm-cat .av-catalogue-list { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1px; background: var(--fo-sage-a22); border: 1px solid var(--fo-sage-a22); border-radius: var(--fo-radius); overflow: hidden; }
#top .fo-farm-cat .av-catalogue-list li { margin: 0; padding: 0; border: 0; background: var(--fo-forest); clear: none; }
#top .fo-farm-cat .av-catalogue-item { display: flex; align-items: center; gap: 14px; padding: 14px 16px; overflow: visible; text-decoration: none; }
#top .fo-farm-cat .av-catalogue-image { width: 60px; height: 60px; flex: 0 0 60px; float: none; margin: 0; object-fit: cover; border-radius: var(--fo-radius); background: var(--fo-moss); }
#top .fo-farm-cat .av-catalogue-item-inner { min-width: 0; }
#top .fo-farm-cat .av-catalogue-title-container { position: static; font-size: inherit; line-height: inherit; }
#top .fo-farm-cat .av-catalogue-title { display: block; padding: 0; text-transform: none; font-family: var(--fo-font-body); font-size: 15.5px; font-weight: 600; color: var(--fo-cream); line-height: 1.3; letter-spacing: -0.01em; margin-bottom: 3px; }
#top .fo-farm-cat .av-catalogue-price { display: none; }
#top .fo-farm-cat .av-catalogue-content { display: block; padding: 0; font-family: var(--fo-font-body); font-size: 13px; color: var(--fo-lichen); font-weight: 300; line-height: 1.4; margin-top: 0; }
@media only screen and (max-width: 600px) { #top .fo-farm-cat .av-catalogue-list { grid-template-columns: minmax(0, 1fr); } }

/* About "Our Production" stats: Text Block class fo-stats holding a plain <ul> */
#top .avia_textblock.fo-stats ul { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; }
#top .avia_textblock.fo-stats ul li { background: var(--fo-panel); border: 1px solid var(--fo-sage-a14); border-radius: var(--fo-radius); padding: 18px 20px; margin: 0; }
#top .avia_textblock.fo-stats ul li strong { display: block; font-family: var(--fo-font-head); font-weight: 400; font-size: 34px; line-height: 1.1; color: var(--fo-cream); letter-spacing: -0.02em; margin: 0 0 6px; }
#top .avia_textblock.fo-stats ul li small { display: block; font-family: var(--fo-font-body); font-weight: 500; font-size: 12.5px; letter-spacing: .08em; text-transform: uppercase; color: var(--fo-cream-a62); line-height: 1.4; }
@media only screen and (max-width: 560px) { #top .avia_textblock.fo-stats ul { grid-template-columns: minmax(0, 1fr); } }
@media only screen and (min-width: 601px) and (max-width: 989px) { #top .avia_textblock.fo-stats ul { grid-template-columns: repeat(2, 1fr); } }

/* Product "Typical composition": <strong> + <small>; energy = text + <strong> */
#top .avia_textblock.fo-comp-head small { font-size: 12.5px; color: var(--fo-text-muted); font-weight: 300; }
#top .avia_textblock.fo-comp-energy strong { font-family: var(--fo-font-head); font-size: 19px; font-weight: 400; color: var(--fo-cream); }

/* Certification cards: the paragraph holding the link is the whole-card link */
#top .fo-cert-card .avia_textblock.fo-card-txt p:last-child:has(> a) { display: block; margin: 0; }
#top .fo-cert-card .avia_textblock.fo-card-txt p:last-child:has(> a) a { position: absolute; inset: 0; z-index: 2; display: block; overflow: hidden; color: transparent; font-size: 1px; white-space: nowrap; border-radius: inherit; font-weight: 500; text-decoration: none; }
#top .fo-cert-card .avia_textblock.fo-card-txt p:last-child:has(> a) a:focus-visible { outline: 2px solid var(--fo-ink); outline-offset: 3px; }
/* Certifications "Documentation" list: the link paragraph inside an item */
#top .fo-band-white .fo-docs .iconlist_content p:has(> a) { margin-left: auto; }
#top .fo-band-white .fo-docs .iconlist_content p:has(> a) a { display: inline-flex; align-items: center; gap: 6px; white-space: nowrap; text-decoration-line: none; font-size: 14.5px; font-weight: 600; color: var(--fo-ink); }
#top .fo-band-white .fo-docs .iconlist_content p:has(> a) a:hover { color: var(--fo-thyme); }
/* FAQ answers (accordion): the last paragraph link, now without a class */
#top .fo-faq .toggle_content p:last-child a:hover { color: var(--fo-thyme); }
/* ===== end text-block clean-up ===== */