<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">#products-section {
  display: grid;
  grid-gap: var(--main-grid-gap);
  grid-template-columns: repeat(var(--main-grid-columns), 1fr);
  margin: 0px var(--main-grid-margin) 0px var(--main-grid-margin);   
  margin-top: calc(2 * var(--navbarHeight) + var(--main-grid-gap)) !important;
}

.products-title {
  font-family: Poppins;
  font-size: 28px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  text-transform: uppercase;
  grid-column-start: 1;
  grid-column-end: calc(var(--main-grid-columns) + 1);
}
.products-subtitle {
  font-family: Poppins;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  color: var(--grey1);
  opacity: 0.7;
  grid-column-start: 1;
  grid-column-end: calc(var(--main-grid-columns) + 1);
}
.range-controller {
  margin-top: 32px;
  grid-column-start: 1;
  grid-column-end: calc(var(--main-grid-columns) + 1);
}
.range {
  width: 100%;
  appearance: none;
  height: 8px;
  outline: none;
  border-radius: 12px;
  margin: auto;
}

.range::-webkit-slider-thumb {
  -webkit-appearance: none;
  height: 24px;
  width: 24px;
  background-image: url('../assets/slider.svg');
  border-radius: 50%;
  cursor: pointer;
  margin-top: -6px;
  border: none;
}

.range::-moz-range-thumb {
  -moz-appearance: none;
  height: 24px;
  width: 24px;
  background-image: url('../assets/slider.svg');
  border-radius: 50%;
  cursor: pointer;
  margin-top: -6px;
  border: none;
}

.range::-ms-thumb {
  -ms-appearance: none;
  height: 24px;
  width: 24px;
  background-image: url('../assets/slider.svg');
  border-radius: 50%;
  cursor: pointer;
  margin-top: -6px;
  border: none;
}
#hektar {
  color: var(--white, #FFF);
  font-family: Poppins;
  font-style: normal;
  font-size: 14px;
  font-weight: 600;
  line-height: normal;
  width: 112px;
  height: 48px;
  border-radius: 10px;
  background: var(--brand-green-2, #297A1A);
  display: flex;
  align-items: first baseline;
  gap: 3px;
  position: relative;
}

#sliderValue_bubble {
  font-size: 24px;
  margin-top: 4px;
  margin-left: 7.5px;
}

#triangle, #triangle:before, #triangle:after { width: 32px; height: 32px; }
#triangle {
  overflow: hidden;
  position: relative;
  border-radius: 20%;
  transform: translateY(50%) rotate(30deg) skewY(30deg) scaleX(.866);
  rotate: 180deg;
  top: -100px;
} 
#triangle:before, #triangle:after {
  position: absolute;
  background: var(--brand-green-2, #297A1A);
  pointer-events: auto;
  content: '';
}
#triangle:before {
  border-radius: 20% 20% 20% 53%;
  transform: scaleX(1.155) skewY(-30deg) rotate(-30deg) translateY(-42.3%) 
          skewX(30deg) scaleY(.866) translateX(-24%);
}
#triangle:after {
  border-radius: 20% 20% 53% 20%;
  transform: scaleX(1.155) skewY(-30deg) rotate(-30deg) translateY(-42.3%) 
          skewX(-30deg) scaleY(.866) translateX(24%);
}
.cards-container {
  grid-column-start: 1;
  grid-column-end: calc(var(--main-grid-columns) + 1);
  display: grid;
  grid-template-columns: repeat(2, auto);
  grid-gap: 16px;
}

.card-frame {
  display: flex;
  flex-direction: column;
  border-radius: 10px;
  border: 1px solid var(--grey-1, #848484);
  padding: 8px;
  position: relative;
  margin-bottom: 32px;
}

.card-title {
  font-size: 24px;
  font-weight: 600;
  font-family: Poppins;
}

.card-title-start {
  font-size: 16px;
  font-weight: 700;
  font-family: Poppins;
  margin-top: 16px;
}

.card-sub {
  font-size: 14px;
  font-weight: 500;
  font-family: Poppins;
  color: var(--grey1);
}

.big {
  display: none;
}
.big-sub{
  display: none;
}
.large-button-transparent {
  color: var(--brandGreen2);
  border-radius: 8px;
  border: 1px solid var(--brandGreen2);
  height: 44px;
  width: 90%;
  background-color: transparent;
  font-family: 'Roboto', sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  cursor: pointer;
  position: absolute;
  bottom: 8px;
}

.action-container {
  height: 60px;
}

@media screen and (min-width: 960px) {
  .range-controller {
    margin-top: 32px;
    grid-column-start: 2;
    grid-column-end: calc(var(--main-grid-columns) );
  }
  .cards-container {
    grid-column-start: 2;
    grid-column-end: calc(var(--main-grid-columns) );
  }
  .card-title {
    font-size: 36px;
    font-weight: 600;
    font-family: Poppins;
  }
  
  .card-title-start {
    font-size: 24px;
    font-weight: 700;
    font-family: Poppins;
    margin-top: 16px;
  }
  
  .card-sub {
    font-size: 18px;
    font-weight: 500;
    font-family: Poppins;
    color: var(--grey1);
  }
}

@media screen and (min-width: 1440px) {
  .range-controller {
    margin-top: 32px;
    grid-column-start: 2;
    grid-column-end: calc(var(--main-grid-columns) );
  }
  .cards-container {
    grid-column-start: 2;
    grid-column-end: calc(var(--main-grid-columns) );
  }
  .card-title {
    font-size: 56px;
    font-weight: 600;
    font-family: Poppins;
  }
  
  .card-title-start {
    font-size: 32px;
    font-weight: 700;
    font-family: Poppins;
    margin-top: 16px;
  }
  
  .card-sub {
    font-size: 24px;
    font-weight: 500;
    font-family: Poppins;
    color: var(--grey1);
  }
}</pre></body></html>