@font-face {
  font-family: "Nunito";
  font-style: normal;
  font-weight: 200 1000;
  font-display: swap;
  src: url("/fonts/nunito-latin.woff2") format("woff2");
}

body,
button,
input,
textarea {
  font-family: "Nunito", Arial, sans-serif;
}

.hero-content h1,
.hero-tagline,
.products-mask-title {
  font-family: "Nunito", Arial, sans-serif;
}

.topbar-contact {
  display: flex;
  align-items: center;
  gap: 28px;
}

.topbar-linkedin {
  width: 25px;
  height: 25px;
  display: grid;
  place-items: center;
  border-radius: 4px;
  background: #0a66c2;
  color: #fff;
  font-size: .78rem;
  font-weight: 950;
  line-height: 1;
  letter-spacing: -.04em;
  transition: transform .2s ease, background .2s ease;
}

.topbar .topbar-linkedin:hover {
  background: #004182;
  color: #fff;
  transform: translateY(-1px);
}

.products-mask-title span {
  background-image: url("/assets/post-3.webp");
}

.growing-regions-section { color: #fff; background: var(--green-dark); }
.growing-regions-heading { display: grid; grid-template-columns: 1.15fr .85fr; align-items: end; gap: 70px; }
.growing-regions-heading h2 { max-width: 760px; margin: 0; }
.growing-regions-heading > p { margin: 0 0 7px; color: #b8c8c2; font-size: 1.05rem; }
.growing-regions-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 18px; }
.growing-regions-grid article { display: grid; grid-template-columns: 74px 1fr; gap: 22px; min-height: 230px; padding: 38px; border: 1px solid rgba(255,255,255,.16); border-radius: 20px; background: rgba(255,255,255,.05); }
.growing-regions-grid article > span { color: #74ddb0; font-size: 1.1rem; font-weight: 950; }
.growing-regions-grid small { color: #9edec0; font-size: .72rem; font-weight: 900; letter-spacing: .14em; text-transform: uppercase; }
.growing-regions-grid h3 { margin: 7px 0 15px; font-size: 2.3rem; }
.growing-regions-grid p { margin: 0; color: #b8c8c2; }
.export-markets { display: grid; grid-template-columns: .85fr 1.15fr; align-items: center; gap: 30px; margin-top: 18px; padding: 30px 36px; border-radius: 18px; background: #0e4e3b; }
.export-markets small, .export-markets strong { display: block; }
.export-markets small { margin-bottom: 4px; color: #87ddba; font-size: .7rem; font-weight: 900; letter-spacing: .14em; text-transform: uppercase; }
.export-markets ul { display: flex; justify-content: flex-end; flex-wrap: wrap; gap: 9px; margin: 0; padding: 0; list-style: none; }
.export-markets li { padding: 8px 14px; border: 1px solid rgba(255,255,255,.2); border-radius: 999px; color: #e1f5eb; font-size: .78rem; font-weight: 800; }
.certification-details > div { display: grid; grid-template-columns: repeat(4, 1fr); align-items: stretch; gap: 14px; }
.certification-details article { min-height: 150px; display: grid; grid-template-columns: 58px 1fr; align-items: center; gap: 15px; padding: 22px 18px; border: 1px solid #d5dfd9; border-radius: 15px; background: rgba(255,255,255,.55); text-align: left; }
.certification-details article > span { width: 54px; height: 54px; display: grid; place-items: center; border: 2px solid var(--green); border-radius: 50%; color: var(--green); font-size: .8rem; font-weight: 950; letter-spacing: -.02em; }
.certification-details article strong, .certification-details article small { display: block; }
.certification-details article strong { color: var(--green-dark); font-size: .92rem; line-height: 1.15; }
.certification-details article small { margin-top: 6px; color: var(--muted); font-size: .69rem; line-height: 1.35; }
.seasonality-section { background: #fff; }
.seasonality-scroll { overflow-x: auto; overscroll-behavior-inline: contain; }
.seasonality-scroll:focus { outline: 3px solid rgba(0,96,72,.2); outline-offset: 6px; }
.seasonality-table { min-width: 1050px; border: 1px solid var(--line); border-radius: 18px; overflow: hidden; }
.seasonality-row { display: grid; grid-template-columns: 140px repeat(12, minmax(42px, 1fr)) 150px; align-items: center; min-height: 58px; border-top: 1px solid var(--line); }
.seasonality-row:first-child { border-top: 0; }
.seasonality-row > * { min-width: 0; }
.seasonality-row > strong:first-child { padding-left: 22px; color: var(--green-dark); }
.seasonality-row > span { height: 58px; display: grid; place-items: center; border-left: 1px solid #edf1ef; }
.seasonality-row > span i { width: 24px; height: 8px; border-radius: 99px; background: #e4ebe7; }
.seasonality-row > span.is-active i { background: var(--green-bright); box-shadow: 0 0 0 4px rgba(0,156,99,.1); }
.seasonality-row > small { padding: 0 18px; color: var(--muted); font-weight: 800; }
.seasonality-head { min-height: 48px; background: var(--green-dark); color: #fff; }
.seasonality-head > strong:first-child { color: #fff; }
.seasonality-head > span { height: 48px; border-color: rgba(255,255,255,.1); font-size: .7rem; font-weight: 900; text-transform: uppercase; }
.seasonality-head > strong:last-child { padding-left: 18px; font-size: .78rem; }

@media (max-width: 1100px) {
  .certification-details > div { grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 900px) {
  .growing-regions-heading, .export-markets { grid-template-columns: 1fr; gap: 24px; }
  .export-markets ul { justify-content: flex-start; }
}

@media (max-width: 620px) {
  .growing-regions-grid, .certification-details > div { grid-template-columns: 1fr; }
  .growing-regions-grid article { grid-template-columns: 48px 1fr; padding: 28px 22px; }
  .export-markets { padding: 26px 22px; }
}