/** Shopify CDN: Minification failed

Line 890:0 Unexpected "}"

**/
slider-component {
  --desktop-margin-left-first-item: max(
    5rem,
    calc((100vw - var(--page-width) + 10rem - var(--grid-desktop-horizontal-spacing)) / 2)
  );
  position: relative;
  display: block;
}

slider-component.slider-component-full-width {
  --desktop-margin-left-first-item: 1.5rem;
}

@media screen and (max-width: 749px) {
  slider-component.page-width {
    padding: 0 1.5rem;
  }
}

@media screen and (min-width: 749px) and (max-width: 990px) {
  slider-component.page-width {
    padding: 0 5rem;
  }
}

.slider__slide {
  --focus-outline-padding: 0.5rem;
  --shadow-padding-top: calc((var(--shadow-vertical-offset) * -1 + var(--shadow-blur-radius)) * var(--shadow-visible));
  --shadow-padding-bottom: calc((var(--shadow-vertical-offset) + var(--shadow-blur-radius)) * var(--shadow-visible));
  scroll-snap-align: start;
  flex-shrink: 0;
  padding-bottom: 0;
}

@media screen and (max-width: 749px) {
  .slider.slider--mobile {
    position: relative;
    flex-wrap: inherit;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    scroll-behavior: smooth;
    scroll-padding-left: 1.5rem;
    -webkit-overflow-scrolling: touch;
    margin-bottom: 1rem;
  }

  /* Fix to show some space at the end of our sliders in all browsers */
  .slider--mobile:after {
    content: '';
    width: 0;
    padding-left: 1.5rem;
  }

  .slider.slider--mobile .slider__slide {
    margin-bottom: 0;
    padding-top: max(var(--focus-outline-padding), var(--shadow-padding-top));
    padding-bottom: max(var(--focus-outline-padding), var(--shadow-padding-bottom));
  }

  .slider.slider--mobile.contains-card--standard .slider__slide:not(.collection-list__item--no-media) {
    padding-bottom: var(--focus-outline-padding);
  }

  .slider.slider--mobile.contains-content-container .slider__slide {
    --focus-outline-padding: 0rem;
  }
}

@media screen and (min-width: 750px) {
  .slider.slider--tablet-up {
    position: relative;
    flex-wrap: inherit;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    scroll-behavior: smooth;
    scroll-padding-left: 1rem;
    -webkit-overflow-scrolling: touch;
  }

  .slider.slider--tablet-up .slider__slide {
    margin-bottom: 0;
  }
}

@media screen and (max-width: 989px) {
  .slider.slider--tablet {
    position: relative;
    flex-wrap: inherit;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    scroll-behavior: smooth;
    scroll-padding-left: 1.5rem;
    -webkit-overflow-scrolling: touch;
    margin-bottom: 1rem;
  }

  /* Fix to show some space at the end of our sliders in all browsers */
  .slider--tablet:after {
    content: '';
    width: 0;
    padding-left: 1.5rem;
    margin-left: calc(-1 * var(--grid-desktop-horizontal-spacing));
  }

  .slider.slider--tablet .slider__slide {
    margin-bottom: 0;
    padding-top: max(var(--focus-outline-padding), var(--shadow-padding-top));
    padding-bottom: max(var(--focus-outline-padding), var(--shadow-padding-bottom));
  }

  .slider.slider--tablet.contains-card--standard .slider__slide:not(.collection-list__item--no-media) {
    padding-bottom: var(--focus-outline-padding);
  }

  .slider.slider--tablet.contains-content-container .slider__slide {
    --focus-outline-padding: 0rem;
  }
}

.slider--everywhere {
  position: relative;
  flex-wrap: inherit;
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  scroll-behavior: smooth;
  -webkit-overflow-scrolling: touch;
  margin-bottom: 1rem;
}

.slider.slider--everywhere .slider__slide {
  margin-bottom: 0;
  scroll-snap-align: center;
}

@media screen and (min-width: 990px) {
  .slider-component-desktop.page-width {
    max-width: none;
  }

  .slider--desktop {
    position: relative;
    flex-wrap: inherit;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    scroll-behavior: smooth;
    -webkit-overflow-scrolling: touch;
    margin-bottom: 1rem;
    scroll-padding-left: var(--desktop-margin-left-first-item);
  }

  /* Fix to show some space at the end of our sliders in all browsers */
  .slider--desktop:after {
    content: '';
    width: 0;
    padding-left: 5rem;
    margin-left: calc(-1 * var(--grid-desktop-horizontal-spacing));
  }

  .slider.slider--desktop .slider__slide {
    margin-bottom: 0;
    padding-top: max(var(--focus-outline-padding), var(--shadow-padding-top));
    padding-bottom: max(var(--focus-outline-padding), var(--shadow-padding-bottom));
  }

  .slider--desktop .slider__slide:first-child {
    margin-left: var(--desktop-margin-left-first-item);
    scroll-margin-left: var(--desktop-margin-left-first-item);
  }

  .slider-component-full-width .slider--desktop {
    scroll-padding-left: 1.5rem;
  }

  .slider-component-full-width .slider--desktop .slider__slide:first-child {
    margin-left: 1.5rem;
    scroll-margin-left: 1.5rem;
  }

  /* Fix to show some space at the end of our sliders in all browsers */
  .slider-component-full-width .slider--desktop:after {
    padding-left: 1.5rem;
  }

  .slider--desktop.grid--5-col-desktop .grid__item {
    width: calc((100% - var(--desktop-margin-left-first-item)) / 5 - var(--grid-desktop-horizontal-spacing) * 2);
  }

  .slider--desktop.grid--4-col-desktop .grid__item {
    width: calc((100% - var(--desktop-margin-left-first-item)) / 4 - var(--grid-desktop-horizontal-spacing) * 3);
  }

  .slider--desktop.grid--3-col-desktop .grid__item {
    width: calc((100% - var(--desktop-margin-left-first-item)) / 3 - var(--grid-desktop-horizontal-spacing) * 4);
  }

  .slider--desktop.grid--2-col-desktop .grid__item {
    width: calc((100% - var(--desktop-margin-left-first-item)) / 2 - var(--grid-desktop-horizontal-spacing) * 5);
  }

  .slider--desktop.grid--1-col-desktop .grid__item {
    width: calc((100% - var(--desktop-margin-left-first-item)) - var(--grid-desktop-horizontal-spacing) * 9);
  }

  .slider.slider--desktop.contains-card--standard .slider__slide:not(.collection-list__item--no-media) {
    padding-bottom: var(--focus-outline-padding);
  }

  .slider.slider--desktop.contains-content-container .slider__slide {
    --focus-outline-padding: 0rem;
  }
}

@media (prefers-reduced-motion) {
  .slider {
    scroll-behavior: auto;
  }
}

/* Scrollbar */

.slider {
  scrollbar-color: rgb(var(--color-foreground)) rgba(var(--color-foreground), 0.04);
  -ms-overflow-style: none;
  scrollbar-width: none;
}

.slider::-webkit-scrollbar {
  height: 0.4rem;
  width: 0.4rem;
  display: none;
}

.slider::-webkit-scrollbar-thumb {
  background-color: rgb(var(--color-foreground));
  border-radius: 0.4rem;
  border: 0;
}

.slider::-webkit-scrollbar-track {
  background: rgba(var(--color-foreground), 0.04);
  border-radius: 0.4rem;
}

.slider-counter {
  display: flex;
  justify-content: center;
  min-width: 4.4rem;
}

@media screen and (min-width: 750px) {
  .slider-counter--dots {
    margin: 0 1.2rem;
  }
}

.slider-counter__link {
  padding: 1rem;
}

@media screen and (max-width: 749px) {
  .slider-counter__link {
    padding: 0.7rem;
  }
}

.slider-counter__link--dots .dot {
  width: 1rem;
  height: 1rem;
  border-radius: 50%;
  border: 0.1rem solid rgba(var(--color-foreground), 0.5);
  padding: 0;
  display: block;
}

.slider-counter__link--active.slider-counter__link--dots .dot {
  background-color: rgb(var(--color-foreground));
}

@media screen and (forced-colors: active) {
  .slider-counter__link--active.slider-counter__link--dots .dot {
    background-color: CanvasText;
  }
}

.slider-counter__link--dots:not(.slider-counter__link--active):hover .dot {
  border-color: rgb(var(--color-foreground));
}

.slider-counter__link--dots .dot,
.slider-counter__link--numbers {
  transition: transform 0.2s ease-in-out;
}

.slider-counter__link--active.slider-counter__link--numbers,
.slider-counter__link--dots:not(.slider-counter__link--active):hover .dot,
.slider-counter__link--numbers:hover {
  transform: scale(1.1);
}

.slider-counter__link--numbers {
  color: rgba(var(--color-foreground), 0.5);
  text-decoration: none;
}

.slider-counter__link--numbers:hover {
  color: rgb(var(--color-foreground));
}

.slider-counter__link--active.slider-counter__link--numbers {
  text-decoration: underline;
  color: rgb(var(--color-foreground));
}

.slider-buttons {
  display: flex;
  align-items: center;
  justify-content: center;
}

@media screen and (min-width: 990px) {
  .slider:not(.slider--everywhere):not(.slider--desktop) + .slider-buttons {
    display: none;
  }
}

@media screen and (max-width: 989px) {
  .slider--desktop:not(.slider--tablet) + .slider-buttons {
    display: none;
  }
}

@media screen and (min-width: 750px) {
  .slider--mobile + .slider-buttons {
    display: none;
  }
}

.slider-button {
  color: rgba(var(--color-foreground), 0.75);
  background: transparent;
  border: none;
  cursor: pointer;
  width: 44px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.slider-button:not([disabled]):hover {
  color: rgb(var(--color-foreground));
}

.slider-button .icon {
  height: 0.6rem;
}

.slider-button[disabled] .icon {
  color: rgba(var(--color-foreground), 0.3);
  cursor: not-allowed;
}

.slider-button--next .icon {
  transform: rotate(-90deg);
}

.slider-button--prev .icon {
  transform: rotate(90deg);
}

.slider-button--next:not([disabled]):hover .icon {
  transform: rotate(-90deg) scale(1.1);
}

.slider-button--prev:not([disabled]):hover .icon {
  transform: rotate(90deg) scale(1.1);
}
/* ==========================================
   OUR PHILOSOPHY - CIRCLE
========================================== */

.our-philosophy .multicolumn-card__image-wrapper{

    border:3px solid #D9B35B;

    border-radius:50%;

    padding:8px;

    transition:all .35s ease;

    box-shadow:
        0 12px 28px rgba(0,0,0,.10);

}
.our-philosophy .multicolumn-list__item:hover
.multicolumn-card__image-wrapper{

    transform:translateY(-10px);

    box-shadow:
        0 22px 50px rgba(0,0,0,.16);

    border-color:#D4A73D;

box-shadow:
    0 22px 50px rgba(0,0,0,.16),
    0 0 0 6px rgba(212,167,61,.12);

}
.our-philosophy .multicolumn-card__image{

    box-shadow:none;

    border-radius:50%;

}
/* ==========================================
   OUR PHILOSOPHY - HEADING
========================================== */

.our-philosophy .title-wrapper-with-link{

    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    text-align:center;

    margin-bottom:55px;

}

.our-philosophy .multicolumn__title{

    text-align:center;

    max-width:700px;

    margin:0 auto;

}

.our-philosophy .caption-with-letter-spacing{

    color:#C89A3D;

    text-transform:uppercase;

    letter-spacing:.35em;

    font-size:.82rem;

    font-weight:600;

    margin-bottom:18px;

}
/* ==========================================
   OUR PHILOSOPHY - ICON BALANCING
========================================== */

/* Natural Ingredients */
.our-philosophy .multicolumn-list__item:nth-child(1) .multicolumn-card__image{
    transform:scale(.92);
}

/* Ethical Sourcing */
.our-philosophy .multicolumn-list__item:nth-child(2) .multicolumn-card__image{
    transform:scale(1.10);
}

/* Traditional Craftsmanship */
.our-philosophy .multicolumn-list__item:nth-child(3) .multicolumn-card__image{
    transform:scale(.82);
}

/* Family & Health First */
.our-philosophy .multicolumn-list__item:nth-child(4) .multicolumn-card__image{
    transform:scale(.90);
}
/* ==========================================
   OUR PHILOSOPHY - ICON HOVER
========================================== */

.our-philosophy .multicolumn-list__item:nth-child(1):hover .multicolumn-card__image{
    transform:scale(.97);
}

.our-philosophy .multicolumn-list__item:nth-child(2):hover .multicolumn-card__image{
    transform:scale(1.15);
}

.our-philosophy .multicolumn-list__item:nth-child(3):hover .multicolumn-card__image{
    transform:scale(.87);
}

.our-philosophy .multicolumn-list__item:nth-child(4):hover .multicolumn-card__image{
    transform:scale(.95);
}
/* ==========================================
   OUR PHILOSOPHY - HEADING HOVER
========================================== */

.our-philosophy .multicolumn-card__info h3{

    transition:
        color .35s ease,
        transform .35s ease;

}

.our-philosophy .multicolumn-list__item:hover .multicolumn-card__info h3{

    color:#C89A3D;

    transform:translateY(-2px);

}

/* ==========================================
   OUR PHILOSOPHY - LABEL
========================================== */

.our-philosophy .ag-section-label{

    display:flex;

    align-items:center;

    justify-content:center;

    gap:24px;

    color:#C89A3D;

    font-size:13px;

    letter-spacing:.35em;

    text-transform:uppercase;

    font-weight:600;

    margin-bottom:12px;

}

.our-philosophy .ag-section-label::before,
.our-philosophy .ag-section-label::after{

    content:"";

    width:90px;

    height:1px;

    background:#C89A3D;

    opacity:.8;

}

/* ==========================================
   OUR PHILOSOPHY - CONNECTOR LINE
========================================== */

.our-philosophy .multicolumn-list{

    position:relative;

}

.our-philosophy .multicolumn-list::before{

    content:"";

    position:absolute;

    left:12%;
    right:12%;

    top:53px;   /* we'll fine-tune this */

    height:2px;

    background:#C89A3D;

    opacity:.22;

    z-index:0;

}
/* ==========================================
   OUR PHILOSOPHY - CIRCLES ABOVE LINE
========================================== */

.our-philosophy .multicolumn-card__image-wrapper{

    position:relative;

    z-index:2;

    background:#fff;
}
/* ==========================================
   OUR PHILOSOPHY - BOTTOM DIVIDER
========================================== */

.our-philosophy{

    position:relative;

    padding-bottom:90px;

}
/* ==========================================
   OUR PHILOSOPHY - CONTENT DIVIDER
========================================== */

.our-philosophy .multicolumn-list{

    position:relative;

    padding-bottom:70px;

}

.our-philosophy .multicolumn-list::after{

    content:"";

    position:absolute;

    left:50%;

    bottom:0;

    transform:translateX(-50%);

    width:420px;

    height:2px;

    background:linear-gradient(
        90deg,
        transparent,
        rgba(200,154,61,.18),
        rgba(200,154,61,.85),
        rgba(200,154,61,.18),
        transparent
    );

}
@media screen and (max-width: 749px){

  .our-philosophy .ag-section-label{
      gap:12px;
      letter-spacing:.18em;
      font-size:11px;
  }

  .our-philosophy .ag-section-label::before,
  .our-philosophy .ag-section-label::after{
      width:35px;
  }

}
@media screen and (max-width: 749px){

  .our-philosophy .multicolumn-card__image-wrapper{

      padding:14px;

      border-width:2px;

  }

  .our-philosophy .multicolumn-card__image{

      width:70px;

  }

}
@media screen and (max-width:749px){

    .our-philosophy .multicolumn-list::before{
        display:none;
    }

}

/* ==========================================
   AGRO TRIBE FOCUSED MULTICOLUMN REFINEMENTS
========================================== */

@media screen and (min-width: 990px){
  .our-philosophy .multicolumn-list{
    display:grid !important;
    grid-template-columns:repeat(5, minmax(0, 1fr)) !important;
    align-items:start;
    justify-content:center;
    gap:clamp(2.4rem, 3.2vw, 4.8rem);
    max-width:118rem;
    margin-left:auto !important;
    margin-right:auto !important;
    padding-bottom:5.6rem;
  }

  .our-philosophy .multicolumn-list::before{
    left:10%;
    right:10%;
    top:5.8rem;
    height:2px;
    background:linear-gradient(
      90deg,
      transparent,
      rgba(200,154,61,.32) 8%,
      rgba(200,154,61,.32) 92%,
      transparent
    );
    opacity:1;
  }

  .our-philosophy .multicolumn-list__item{
    width:auto !important;
    max-width:none !important;
  }

  .our-philosophy .multicolumn-card{
    display:flex;
    height:100%;
    flex-direction:column;
    align-items:center;
    background:transparent;
  }

  .our-philosophy .multicolumn-card__image-wrapper{
    width:11.6rem !important;
    height:11.6rem;
    margin:0 auto 2.2rem !important;
    padding:.8rem;
    display:flex;
    align-items:center;
    justify-content:center;
  }

  .our-philosophy .multicolumn-card__image-wrapper .media{
    width:100%;
    height:100%;
  }

  .our-philosophy .multicolumn-card__image{
    width:100% !important;
    height:100% !important;
    object-fit:contain;
  }

  .our-philosophy .multicolumn-card__info{
    padding:0 1rem;
    width:100%;
  }

  .our-philosophy .multicolumn-card__info h3{
    min-height:4.8rem;
    display:flex;
    align-items:flex-start;
    justify-content:center;
    line-height:1.2;
    text-wrap:balance;
  }
}

@media screen and (min-width: 750px) and (max-width: 989px){
  .our-philosophy .multicolumn-list{
    display:grid !important;
    grid-template-columns:repeat(3, minmax(0, 1fr)) !important;
    gap:3.2rem 2.4rem;
    max-width:82rem;
    margin-left:auto !important;
    margin-right:auto !important;
  }

  .our-philosophy .multicolumn-list::before{
    display:none;
  }
}

@media screen and (max-width: 989px){
  .our-philosophy .multicolumn-list::before{
    display:none;
  }
}

@media (hover: hover) and (pointer: fine){
  .why-choose .multicolumn-card{
    transform:none;
    transition:transform .3s ease;
  }

  .why-choose .multicolumn-card__image-wrapper{
    border-radius:50%;
    transition:
      transform .3s ease,
      box-shadow .3s ease,
      outline-color .3s ease;
    outline:1px solid transparent;
    outline-offset:4px;
  }

  .why-choose .multicolumn-list__item:hover .multicolumn-card{
    transform:translateY(-4px);
  }

  .why-choose .multicolumn-list__item:hover .multicolumn-card__image-wrapper{
    transform:translateY(-4px) scale(1.01);
    outline-color:rgba(200,154,61,.72);
    box-shadow:0 18px 38px rgba(70,48,20,.14);
  }

  .why-choose .multicolumn-list__item:hover .multicolumn-card__image{
    transform:none;
    box-shadow:0 14px 30px rgba(70,48,20,.14);
  }
}

@media (prefers-reduced-motion: reduce), (hover: none), (pointer: coarse){
  .why-choose .multicolumn-card,
  .why-choose .multicolumn-card__image-wrapper,
  .why-choose .multicolumn-card__image{
    transition:none;
    transform:none !important;
  }
}
@media screen and (max-width:749px){

    .our-philosophy .multicolumn-list{
        margin-top:30px;
    }

}
@media screen and (max-width:749px){

    /* Hide the desktop divider */
    .our-philosophy .multicolumn-list::after{
        display:none;
    }

    /* Create a fixed divider under the carousel */
    .our-philosophy .slider-mobile-gutter{
        position:relative;
    }

    .our-philosophy .slider-mobile-gutter::after{

        content:"";

        position:absolute;

        left:50%;

        bottom:-10px;

        transform:translateX(-50%);

        width:70%;

        height:2px;

        background:linear-gradient(
            90deg,
            transparent,
            rgba(200,154,61,.18),
            rgba(200,154,61,.85),
            rgba(200,154,61,.18),
            transparent
        );

        pointer-events:none;

    }

}
}
