:root{--sf-id:"coastal";--sf-rev:"cf3b01d6641544cf8c93cc8bda9e4bb66e2e2c149ffb7c89c4cc5eaa44d16897"}
/* Coastal Editorial - Imfarmind storefront template. Appearance only; page content is untouched. */
:root {
  --c-ink: #123f49;
  --c-teal: #0c535d;
  --c-deep: #093e49;
  --c-mist: #e9f5f3;
  --c-foam: #cfe8e4;
  --c-cream: #fbfcf8;
  --c-coral: #f27d57;
  --c-coral-dark: #d86242;
  --c-muted: #42636a;
  --wave-h: clamp(52px, 8vw, 118px);
}html,
body {
  background: var(--c-cream) !important;
  color: var(--c-ink) !important;
}:root:root .main-container {
  background: var(--c-cream) !important;
  overflow-x: clip !important;
}:root:root .bg-white {
  background-color: var(--c-cream) !important;
}:root:root a {
  text-decoration-color: currentColor !important;
}:root:root .header-area .header-bottom-wrap {
  background: var(--c-cream) !important;
  box-shadow: 0 1px 0 #dce8e4 !important;
}:root:root .header-area .header-inner-desktop {
  min-height: 94px !important;
}:root:root .header-area .header-container-desktop {
  max-width: 1440px !important;
  margin: auto !important;
  padding-inline: 5% !important;
}:root:root .header-area .header-center-nav {
  position: static !important;
  transform: none !important;
  margin-left: auto !important;
  margin-right: 40px !important;
}:root:root .header-area .header-center-nav .navigation-menu ul > li > a,
:root:root .header-area .header-center-nav .navigation-menu ul > li > a span {
  color: var(--c-ink) !important;
  font-weight: 600 !important;
  letter-spacing: 1px !important;
  font-size: 12px !important;
}:root:root .header-area .header-center-nav .navigation-menu ul > li.active > a,
:root:root .header-area .header-center-nav .navigation-menu ul > li.active > a span,
:root:root .header-area .header-center-nav .navigation-menu ul > li > a:hover {
  color: #c65436 !important;
}:root:root .header-area .header-center-nav .navigation-menu ul > li > a::after {
  background: var(--c-coral) !important;
}:root:root .header-area .btn-contact-us,
:root:root .header-area .btn-contact-us-mobile {
  background: var(--c-coral) !important;
  border-color: var(--c-coral) !important;
  color: #fff !important;
  border-radius: 40px !important;
  padding: 13px 23px !important;
  box-shadow: none !important;
}:root:root .header-area .btn-contact-us:hover,
:root:root .header-area .btn-contact-us-mobile:hover {
  background: var(--c-coral-dark) !important;
  border-color: var(--c-coral-dark) !important;
  color: #fff !important;
}:root:root .mobile-navigation-icon i,
:root:root .mobile-navigation-icon i::before,
:root:root .mobile-navigation-icon i::after {
  background-color: var(--c-ink) !important;
}
@media (min-width: 992px) {:root:root .header-area .header-bottom-wrap {
  height: 94px !important;
} }
@media (max-width: 991px) {:root:root .header-area .header-bottom-wrap {
  min-height: 78px !important;
} }:root:root .home-hero,
:root:root .about-hero {
  position: relative !important;
  isolation: isolate !important;
  overflow: hidden !important;
}:root:root .home-hero::before,
:root:root .about-hero::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: -1 !important;
  pointer-events: none !important;
  -webkit-backdrop-filter: hue-rotate(192deg) saturate(.85) !important;
  backdrop-filter: hue-rotate(192deg) saturate(.85) !important;
}:root:root .home-hero::before {
  background: linear-gradient(90deg, #093e49 0%, #093e49f5 24%, #093e49dc 40%, #093e4955 65%, #093e4910 100%) !important;
}:root:root .about-hero::before {
  background: linear-gradient(180deg, #e9f5f3b0, #e9f5f340 60%, #e9f5f300) !important;
}:root:root .home-hero::after,
:root:root .about-hero::after {
  content: "" !important;
  position: absolute !important;
  left: 0 !important;
  right: 0 !important;
  bottom: -1px !important;
  height: var(--wave-h) !important;
  z-index: 1 !important;
  pointer-events: none !important;
  background: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%201440%20120%22%20preserveAspectRatio%3D%22none%22%3E%3Cg%20transform%3D%22translate%280%200%29%20scale%281%201%29%22%3E%3Cpath%20d%3D%22M0%2046C160%2010%20340%206%20520%2036S880%2092%201060%2066%201330%206%201440%2024V120H0Z%22%20fill%3D%22%23cfe8e4%22%2F%3E%3Cpath%20d%3D%22M0%2076C220%2036%20400%2040%20580%2070S940%20108%201130%2086%201350%2052%201440%2060V120H0Z%22%20fill%3D%22%23fbfcf8%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") center bottom / 100% 100% no-repeat !important;
}:root:root .home-hero {
  margin-top: 94px !important;
  min-height: 650px !important;
  height: auto !important;
  aspect-ratio: auto !important;
  display: flex !important;
  align-items: center !important;
  background-position: center right !important;
  padding: 70px 0 calc(var(--wave-h) + 24px) !important;
}:root:root .home-hero > .container {
  justify-content: flex-start !important;
  max-width: 1240px !important;
  position: relative !important;
  z-index: 2 !important;
}:root:root .home-hero .hero-center-wrapper {
  align-items: flex-start !important;
  margin: 0 !important;
  max-width: 510px !important;
  width: 48% !important;
  padding: 12px 24px !important;
}:root:root .home-hero .hero-logo-box {
  text-align: left !important;
  margin-bottom: 32px !important;
}:root:root .home-hero .hero-brand-logo {
  background: var(--c-cream) !important;
  padding: 12px 17px !important;
  border-radius: 10px !important;
  max-width: 150px !important;
}:root:root .home-hero .hero-text-block {
  width: 100% !important;
  max-width: 420px !important;
  margin: 0 !important;
}:root:root .home-hero .hero-motto-wrapper {
  width: 100% !important;
}:root:root .home-hero .hero-motto-img {
  max-width: 350px !important;
  width: 100% !important;
  filter: brightness(0) invert(1) !important;
}:root:root .home-hero .hero-line-wrapper {
  margin: 10px 0 20px !important;
  max-width: 350px !important;
}:root:root .home-hero .hero-accent-line path {
  stroke: var(--c-coral) !important;
}:root:root .home-hero .hero-accent-line circle {
  fill: var(--c-coral) !important;
}:root:root .home-hero .hero-desc {
  color: #f0faf7 !important;
  font-size: 17px !important;
  line-height: 1.75 !important;
  max-width: 340px !important;
}:root:root .home-hero .hero-features-row {
  margin: 28px 0 0 !important;
  width: 100% !important;
  max-width: 370px !important;
  justify-content: space-between !important;
  gap: 16px !important;
}:root:root .home-hero .hero-feature-label {
  color: #fff !important;
  font-size: 12px !important;
  line-height: 1.5 !important;
  font-weight: 400 !important;
}:root:root .home-hero .hero-hexagon-badge {
  background: #ffffff14 !important;
  border: 1px solid #9fd2cf !important;
  border-radius: 50% !important;
  clip-path: none !important;
  width: 56px !important;
  height: 56px !important;
  margin-bottom: 10px !important;
}:root:root .home-hero .hero-feature-icon {
  filter: grayscale(1) brightness(0) invert(1) !important;
}:root:root .about-hero {
  margin-top: 94px !important;
  min-height: 280px !important;
  background-position: center !important;
}:root:root .about-hero .container {
  position: relative !important;
  z-index: 2 !important;
}:root:root .about-hero .hero-title,
:root:root .about-hero .hero-title-desktop,
:root:root .about-hero .hero-title-mobile {
  color: var(--c-teal) !important;
  font-family: Georgia, "Times New Roman", serif !important;
  font-weight: 400 !important;
  letter-spacing: -.5px !important;
  text-shadow: 0 2px 18px #fbfcf8c0 !important;
}:root:root .about-hero .hero-title-desktop {
  font-size: 54px !important;
  line-height: 1.1 !important;
}:root:root .about-hero .hero-title {
  font-size: 46px !important;
  line-height: 1.1 !important;
}:root:root .about-hero .hero-underline,
:root:root .about-hero .hero-underline-desktop,
:root:root .about-hero .hero-underline-mobile {
  background-color: var(--c-coral) !important;
  border-radius: 4px !important;
}
@media (max-width: 991px) {:root:root .home-hero {
  margin-top: 78px !important;
  min-height: 640px !important;
  padding: 44px 0 calc(var(--wave-h) + 20px) !important;
  background-position: 65% center !important;
}:root:root .home-hero::before {
  background: linear-gradient(90deg, #093e49f5, #093e49db 48%, #093e4970) !important;
}:root:root .home-hero .hero-mobile-img-wrapper {
  position: absolute !important;
  right: 0 !important;
  top: 0 !important;
  width: 100% !important;
  height: 100% !important;
  z-index: -2 !important;
  opacity: .45 !important;
}:root:root .home-hero .hero-mobile-img {
  height: 100% !important;
  object-fit: cover !important;
}:root:root .home-hero .hero-center-wrapper {
  width: 100% !important;
  max-width: 510px !important;
}:root:root .about-hero {
  margin-top: 78px !important;
}:root:root .about-hero .hero-title-mobile {
  font-size: 30px !important;
}:root:root .about-hero .hero-title {
  font-size: 32px !important;
}
}
@media (min-width: 992px) {:root:root .home-hero .hero-mobile-img-wrapper {
  display: none !important;
} }:root:root .trusted-partner-section {
  background: var(--c-cream) !important;
  padding: 65px 0 75px !important;
}:root:root .trusted-partner-section .container {
  max-width: 1200px !important;
}:root:root .trusted-partner-line {
  background: var(--c-coral) !important;
  width: 4px !important;
  border-radius: 4px !important;
}:root:root .trusted-partner-content {
  display: grid !important;
  grid-template-columns: 1fr 1.6fr !important;
  align-items: center !important;
  gap: 60px !important;
  max-width: 100% !important;
  color: var(--c-ink) !important;
}:root:root .trusted-partner-title {
  color: var(--c-ink) !important;
  font-family: Georgia, serif !important;
  font-weight: 400 !important;
  font-size: 46px !important;
  line-height: 1.08 !important;
}:root:root .trusted-partner-desc {
  color: var(--c-muted) !important;
  font-size: 15px !important;
  line-height: 1.9 !important;
}:root:root .reveal-expand {
  transform: none !important;
  width: 100% !important;
  max-width: none !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  clip-path: none !important;
}:root:root .distributor-section,
:root:root .vision-mission-desktop,
:root:root .vision-mission-mobile {
  position: relative !important;
  background: var(--c-mist) !important;
  border-radius: 0 !important;
  padding-top: calc(var(--wave-h) + 36px) !important;
  padding-bottom: calc(var(--wave-h) + 36px) !important;
}:root:root .distributor-section::before,
:root:root .vision-mission-desktop::before,
:root:root .vision-mission-mobile::before,
:root:root .build-value-section::before {
  content: "" !important;
  position: absolute !important;
  left: 0 !important;
  right: 0 !important;
  top: -1px !important;
  height: var(--wave-h) !important;
  pointer-events: none !important;
  z-index: 0 !important;
  background: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%201440%20120%22%20preserveAspectRatio%3D%22none%22%3E%3Cg%20transform%3D%22translate%281440%20120%29%20scale%28-1%20-1%29%22%3E%3Cpath%20d%3D%22M0%2046C160%2010%20340%206%20520%2036S880%2092%201060%2066%201330%206%201440%2024V120H0Z%22%20fill%3D%22%23cfe8e4%22%2F%3E%3Cpath%20d%3D%22M0%2076C220%2036%20400%2040%20580%2070S940%20108%201130%2086%201350%2052%201440%2060V120H0Z%22%20fill%3D%22%23fbfcf8%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") center top / 100% 100% no-repeat !important;
}:root:root .distributor-section::after,
:root:root .vision-mission-desktop::after,
:root:root .vision-mission-mobile::after,
:root:root .build-value-section::after {
  content: "" !important;
  position: absolute !important;
  left: 0 !important;
  right: 0 !important;
  bottom: -1px !important;
  height: var(--wave-h) !important;
  pointer-events: none !important;
  z-index: 0 !important;
  background: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%201440%20120%22%20preserveAspectRatio%3D%22none%22%3E%3Cg%20transform%3D%22translate%280%200%29%20scale%281%201%29%22%3E%3Cpath%20d%3D%22M0%2046C160%2010%20340%206%20520%2036S880%2092%201060%2066%201330%206%201440%2024V120H0Z%22%20fill%3D%22%23cfe8e4%22%2F%3E%3Cpath%20d%3D%22M0%2076C220%2036%20400%2040%20580%2070S940%20108%201130%2086%201350%2052%201440%2060V120H0Z%22%20fill%3D%22%23fbfcf8%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") center bottom / 100% 100% no-repeat !important;
}:root:root .distributor-section > .container,
:root:root .vision-mission-desktop > .container,
:root:root .vision-mission-mobile > .container,
:root:root .build-value-section > .container {
  position: relative !important;
  z-index: 1 !important;
}:root:root .distributor-title,
:root:root .core-values-title {
  color: var(--c-ink) !important;
  font-family: Georgia, serif !important;
  font-weight: 400 !important;
  font-size: 44px !important;
  letter-spacing: -1.4px !important;
  line-height: 1.15 !important;
}:root:root .distributor-desc {
  color: var(--c-muted) !important;
  font-size: 15px !important;
  line-height: 1.85 !important;
  max-width: 850px !important;
}:root:root .distributor-map-wrapper {
  background: #fff !important;
  border-radius: 28px !important;
  overflow: hidden !important;
  max-width: 1050px !important;
  margin: 26px auto 0 !important;
  padding: 24px !important;
  box-shadow: 0 18px 40px #194e5414 !important;
}:root:root .core-values-section {
  background: var(--c-cream) !important;
  padding: 40px 0 90px !important;
}:root:root .core-values-container {
  background: transparent !important;
  padding: 0 24px !important;
}:root:root .core-values-box {
  background: var(--c-mist) !important;
  border-radius: 50% !important;
  opacity: .75 !important;
}:root:root .core-values-img-wrapper {
  max-width: 1050px !important;
  border: 1px solid #d7e6e2 !important;
  padding: 20px !important;
  border-radius: 28px !important;
  background: #fff !important;
  box-shadow: 0 10px 30px #194e5414 !important;
}:root:root .core-values-img {
  border-radius: 14px !important;
}:root:root .build-value-section {
  position: relative !important;
  background: var(--c-teal) !important;
  padding: calc(var(--wave-h) + 40px) 0 calc(var(--wave-h) + 40px) !important;
  border-radius: 0 !important;
  overflow: hidden !important;
}:root:root .build-value-content {
  text-align: left !important;
  padding: 25px 45px !important;
}:root:root .build-value-title {
  font-family: Georgia, serif !important;
  font-size: 45px !important;
  line-height: 1.12 !important;
  font-weight: 400 !important;
  color: #fff !important;
}:root:root .build-value-desc {
  color: #dceeea !important;
  font-size: 16px !important;
  line-height: 1.8 !important;
}:root:root .build-value-btn-wrapper {
  justify-content: flex-start !important;
}:root:root .build-value-section .btn-about-us {
  background: var(--c-coral) !important;
  border-color: var(--c-coral) !important;
  border-radius: 30px !important;
  padding: 13px 28px !important;
}:root:root .build-value-section .btn-about-us:hover {
  background: var(--c-coral-dark) !important;
  border-color: var(--c-coral-dark) !important;
}:root:root .build-value-img-wrapper {
  border-radius: 28px !important;
  overflow: hidden !important;
}
@media (max-width: 991px) {:root:root .trusted-partner-content {
  grid-template-columns: 1fr !important;
  gap: 12px !important;
}:root:root .trusted-partner-title,
:root:root .distributor-title,
:root:root .core-values-title {
  font-size: 36px !important;
}:root:root .trusted-partner-section,
:root:root .core-values-section {
  padding-left: 12px !important;
  padding-right: 12px !important;
}:root:root .build-value-content {
  padding: 20px 24px 32px !important;
}:root:root .build-value-title {
  font-size: 36px !important;
}:root:root .distributor-map-wrapper,
:root:root .core-values-img-wrapper {
  padding: 10px !important;
}
}:root:root .company-intro-section,
:root:root .company-intro-mobile {
  background: var(--c-cream) !important;
}:root:root .intro-heading,
:root:root .intro-heading-mobile {
  color: var(--c-ink) !important;
  font-family: Georgia, serif !important;
  font-weight: 400 !important;
}:root:root .intro-paragraph,
:root:root .intro-paragraph-mobile {
  color: var(--c-muted) !important;
  line-height: 1.85 !important;
}:root:root .vm-subtitle,
:root:root .vm-subtitle-mobile {
  color: #c65436 !important;
}:root:root .vm-title,
:root:root .vm-title-mobile {
  color: var(--c-ink) !important;
  font-family: Georgia, serif !important;
  font-weight: 400 !important;
}:root:root .mission-card,
:root:root .mission-card-mobile {
  background: #fff !important;
  border: 1px solid #d7e6e2 !important;
  border-radius: 22px !important;
  box-shadow: 0 10px 28px #194e5410 !important;
}:root:root .card-top-line,
:root:root .card-top-line-mobile {
  background: linear-gradient(180deg, #f6a07f, var(--c-coral)) !important;
}:root:root .card-title,
:root:root .card-title-mobile {
  color: var(--c-ink) !important;
}:root:root .card-desc,
:root:root .card-desc-mobile {
  color: var(--c-muted) !important;
}:root:root .intro-logo-img:hover,
:root:root .intro-logo-mobile:hover {
  filter: drop-shadow(0 12px 24px #0c535d2e) !important;
}:root:root .product-section {
  background: var(--c-cream) !important;
  padding-top: 28px !important;
}:root:root .filter-sidebar {
  background: #fff !important;
  border: 1px solid #d7e6e2 !important;
  border-radius: 22px !important;
  box-shadow: 0 10px 28px #194e5410 !important;
}:root:root .filter-section-title,
:root:root .product-main-title {
  color: var(--c-ink) !important;
}:root:root .category-filter-btn,
:root:root .category-chip-btn {
  border-radius: 14px !important;
}:root:root .category-chip-btn.active,
:root:root .category-filter-btn.active {
  background-color: var(--c-teal) !important;
  border-color: var(--c-teal) !important;
  box-shadow: 0 4px 14px #0c535d40 !important;
  color: #fff !important;
}:root:root .category-accent-bar {
  background-color: var(--c-coral) !important;
}:root:root .tag-branded {
  background-color: #fdeee8 !important;
  border: 1px solid #f27d5740 !important;
  color: #c65436 !important;
}:root:root .tag-generic {
  background-color: var(--c-mist) !important;
  border: 1px solid #0c535d26 !important;
  color: var(--c-teal) !important;
}:root:root .zoom-icon-badge {
  color: var(--c-teal) !important;
}:root:root .btn-load-more,
:root:root .upload-btn {
  background-color: var(--c-coral) !important;
  border-color: var(--c-coral) !important;
  box-shadow: 0 4px 14px #f27d5740 !important;
  color: #fff !important;
}:root:root .btn-load-more:hover,
:root:root .upload-btn:hover {
  background-color: var(--c-coral-dark) !important;
  border-color: var(--c-coral-dark) !important;
}:root:root .product-modal-close-btn {
  background-color: var(--c-coral) !important;
}:root:root .product-modal-close-btn:hover {
  background-color: var(--c-coral-dark) !important;
}:root:root .products-count-badge {
  color: var(--c-muted) !important;
}:root:root .join-section,
:root:root .connect-section {
  background: var(--c-cream) !important;
  padding-top: 70px !important;
  padding-bottom: 70px !important;
}:root:root .join-title,
:root:root .connect-title {
  color: var(--c-ink) !important;
  font-family: Georgia, serif !important;
  font-weight: 400 !important;
}:root:root .typewriter-cursor {
  color: var(--c-coral) !important;
}:root:root .join-desc,
:root:root .connect-desc {
  color: var(--c-muted) !important;
}:root:root .join-select,
:root:root .join-field,
:root:root .connect-field,
:root:root .connect-textarea {
  border: 2px solid #cfe0dc !important;
  border-radius: 14px !important;
  background-color: #fff !important;
}:root:root .join-field:focus,
:root:root .join-select:focus,
:root:root .connect-field:focus,
:root:root .connect-textarea:focus {
  border-color: var(--c-teal) !important;
  box-shadow: 0 0 0 4px #0c535d1a !important;
}:root:root .upload-box {
  background-color: var(--c-mist) !important;
  border: 2px dashed #9fd2cf !important;
  border-radius: 18px !important;
}:root:root .upload-box.dragging,
:root:root .upload-box:hover {
  background-color: #dff0ed !important;
  border-color: var(--c-teal) !important;
}:root:root .join-submit-btn,
:root:root .connect-submit-btn {
  background-color: var(--c-teal) !important;
  border: none !important;
  border-radius: 30px !important;
  color: #fff !important;
  box-shadow: 0 8px 20px #0c535d33 !important;
}:root:root .join-submit-btn:hover,
:root:root .connect-submit-btn:hover {
  background-color: var(--c-deep) !important;
}:root:root .footer-area-wrapper {
  position: relative !important;
  background: var(--c-cream) !important;
  border-top: 0 !important;
  color: var(--c-ink) !important;
}:root:root .footer-area-wrapper::before {
  content: "" !important;
  display: block !important;
  height: calc(var(--wave-h) * .6) !important;
  pointer-events: none !important;
  background: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%201440%20120%22%20preserveAspectRatio%3D%22none%22%3E%3Cg%20transform%3D%22translate%280%20120%29%20scale%281%20-1%29%22%3E%3Cpath%20d%3D%22M0%2046C160%2010%20340%206%20520%2036S880%2092%201060%2066%201330%206%201440%2024V120H0Z%22%20fill%3D%22%23cfe8e4%22%2F%3E%3Cpath%20d%3D%22M0%2076C220%2036%20400%2040%20580%2070S940%20108%201130%2086%201350%2052%201440%2060V120H0Z%22%20fill%3D%22%23e9f5f3%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") center top / 100% 100% no-repeat !important;
}:root:root .footer-area {
  background: var(--c-cream) !important;
  padding-top: 40px !important;
}:root:root .footer-area a,
:root:root .footer-area p,
:root:root .footer-area li {
  color: var(--c-muted) !important;
}:root:root .footer-area a:hover {
  color: #c65436 !important;
}:root:root .footer-widget__title,
:root:root .company-title {
  color: var(--c-ink) !important;
}:root:root .footer-copyright-area {
  background: var(--c-mist) !important;
  border-top: 1px solid #dbe9e3 !important;
  color: var(--c-muted) !important;
}:root:root .copyright-text {
  color: var(--c-muted) !important;
}

@media (prefers-reduced-motion: reduce) {:root:root .main-container * {
  animation: none !important;
  transition: none !important;
} }