@media (min-width: 991px) {
.offer__controls {
  display: none;
}

.offer__viewport {
  overflow: visible;
}

.offer--home .offer__viewport {
  container-type: inline-size;
  container-name: offer-home;
  overflow: hidden;
  width: calc(17.056vw * 5 + var(--offer-gap, 2.08vw) * 4);
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 0.728vw;
}

.offer--home [data-offer-grid] {
  --offer-gap: 2.08vw;
  display: flex !important;
  flex-wrap: nowrap !important;
  grid-template-columns: none !important;
  justify-content: flex-start !important;
  gap: var(--offer-gap) !important;
  width: max-content;
  padding: 0 0 0.624vw !important;
  transition: transform 0.35s ease;
}

.offer--home [data-offer-grid] .offer-card {
  flex: 0 0 17.056vw;
  width: 17.056vw;
  height: 22.464vw;
  min-height: 22.464vw;
  margin: 0;
  padding: 0;
  align-items: center;
  background: #fff;
  box-shadow: none;
  border-radius: 0;
  overflow: hidden;
  box-sizing: border-box;
  transition: box-shadow 0.35s ease;
}

.offer--home [data-offer-grid] .offer-card__link {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  height: 100%;
}

.offer--home {
  --offer-card-radius: 1.248vw;
  --offer-card-hover-radius: 0.78vw;
}

.offer--home [data-offer-grid] .offer-card__image-wrap {
  width: 17.056vw;
  height: 16.536vw;
  flex-shrink: 0;
  margin: 0;
  border-radius: var(--offer-card-radius) var(--offer-card-radius) 0 0;
  overflow: hidden;
}

*,
*::before,
*::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

:root {
  --green: #8cb61d;
  --green-dark: #6b9616;
  --text-dark: #3a3a3a;
  --text-muted: #6e6e6e;
  --text-light: #8f8f8f;
  --border: #d8d8d8;
  --white: #ffffff;
  --page-max-width: 99.84vw;
  --header-height: 5.356vw;
  --hero-slider-height: 29.328vw;
  --hero-with-header: 34.684vw;
  --side-padding: 6.24vw;
}

html {
  overflow-x: hidden;
}

body {
  font-family: 'Open Sans', sans-serif;
  font-weight: 400;
  color: var(--text-dark);
  background: var(--white);
  -webkit-font-smoothing: antialiased;
}

a {
  text-decoration: none;
  color: inherit;
}

ul {
  list-style: none;
}

img {
  display: block;
  max-width: 100%;
}

/* ===== Header ===== */
.header {
  position: sticky;
  top: 0;
  z-index: 1000000;
  width: 100%;
  max-width: var(--page-max-width);
  margin: 0 auto;
  height: var(--header-height);
  background: rgba(255, 255, 255, 0.95);
  border-bottom: 0.052vw solid rgba(0, 0, 0, 0.04);
}

.header__inner {
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  align-items: center;
  width: 100%;
  max-width: var(--page-max-width);
  margin: 0 auto;
  padding: 0 var(--side-padding);
  height: 100%;
}

.header__nav {
  justify-self: stretch;
  min-width: 0;
}

.header__menu {
  display: flex;
  align-items: center;
  width: 100%;
}

.header__menu li {
  flex: 1;
  text-align: center;
  padding: 0 0.52vw;
}

.header__menu li:first-child {
  padding-left: 0;
}

.header__menu > li > a,
.header__menu .has-dropdown__box > a {
  color: #323335;
  font-family: Roboto, sans-serif;
  font-size: 0.78vw;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  text-transform: uppercase;
  white-space: nowrap;
  transition: color 0.2s;
}

.header__menu > li > a:hover,
.header__menu > li > a.is-active,
.header__menu .has-dropdown__box > a:hover,
.header__menu .has-dropdown__box > a.is-active {
  color: var(--green);
}

.has-dropdown__box > a {
  display: inline-flex;
  align-items: center;
  gap: 0.26vw;
}

.chevron {
  margin-top: 0.052vw;
  opacity: 0.6;
}

/* Logo */
.header__logo {
  justify-self: center;
  display: flex;
  align-items: center;
  padding: 0 1.456vw;
}

.header__logo img {
  display: block;
  height: 4.68vw;
  width: auto;
}

/* Contact */
.header__contact {
  justify-self: stretch;
  display: flex;
  align-items: center;
  width: 100%;
  min-width: 0;
}

.header__contact > * {
  flex: 1;
  text-align: center;
  padding: 0 0.624vw;
  white-space: nowrap;
}

.header__contact > :first-child {
  padding-left: 0;
}

.header__contact-label {
  color: var(--green);
  font-family: Roboto, sans-serif;
  font-size: 0.78vw;
  font-weight: 700;
}

.header__phone {
  font-family: Roboto, sans-serif;
  font-size: 0.78vw;
  font-weight: 700;
  color: #323335;
}

.header__email {
  font-family: Roboto, sans-serif;
  font-size: 0.78vw;
  font-weight: 400;
  color: #797878;
}

.header__burger {
  display: none;
  flex-direction: column;
  justify-content: center;
  gap: 0.26vw;
  width: 1.664vw;
  height: 1.664vw;
  background: none;
  border: none;
  cursor: pointer;
  padding: 0;
}

.header__burger span {
  display: block;
  width: 100%;
  height: 0.104vw;
  background: var(--text-dark);
  border-radius: 0.052vw;
}

/* ===== Hero ===== */
.hero {
  position: relative;
}

.hero__slider {
  position: relative;
  width: 100%;
  max-width: var(--page-max-width);
  margin: 0 auto;
  height: var(--hero-slider-height);
  overflow: hidden;
}

.hero__slides {
  position: relative;
  width: 100%;
  height: 100%;
}

.hero__slide {
  position: absolute;
  inset: 0;
  opacity: 0;
  transition: opacity 0.8s ease;
  pointer-events: none;
}

.hero__slide--active {
  opacity: 1;
  pointer-events: auto;
}

.hero__banner {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center center;
}

/* Bottom block: title + arrows */
.hero__bottom {
  position: relative;
  background: var(--white);
  margin-top: -0.052vw;
  padding-bottom: 1.664vw;
}

/* Slider arrows */
.hero__controls {
  display: flex;
  justify-content: center;
  gap: 0.52vw;
  margin-top: 1.04vw;
}
.hero__social {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  z-index: 10;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 1.872vw;
  height: 1.872vw;
  background: var(--green);
  color: var(--white);
  border-radius: 50%;
  transition: background 0.2s;
}

.hero__social:hover {
  background: var(--green-dark);
}

/* Slider arrows */
.hero__arrow {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2.08vw;
  height: 2.08vw;
  border: 0.078vw solid #b0b0b0;
  border-radius: 50%;
  background: transparent;
  cursor: pointer;
  transition: border-color 0.2s;
  padding: 0;
}

.hero__arrow:hover {
  border-color: var(--green);
}

.hero__arrow svg {
  display: block;
}

/* Bottom edge: straight line + center dip */
.hero__wave {
  position: absolute;
  bottom: -0.052vw;
  left: 0;
  right: 0;
  z-index: 5;
  line-height: 0;
  pointer-events: none;
}

/* Bottom edge: straight sides + rounded outward bulge */
.hero__wave svg {
  display: block;
  width: 100%;
  height: 2.496vw;
}

/* Title */
.hero__title {
  text-align: center;
  padding: 0.416vw 1.248vw 0;
  font-size: clamp(1.248vw, 3.5vw, 1.976vw);
  font-weight: 300;
  line-height: 1.35;
  letter-spacing: -0.01em;
}

.hero__title-accent {
  font-weight: 700;
  color: var(--green);
}

.hero__title-light {
  color: #5a5a5a;
  font-weight: 300;
}

/* ===== Offer (Section 2) ===== */
.offer {
  width: 100%;
  max-width: var(--page-max-width);
  margin: 0 auto;
  padding: 2.496vw var(--side-padding) 3.328vw;
}

.offer__grid {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 0.52vw;
}

.offer-card {
  position: relative;
  width: 17.056vw;
  height: 22.464vw;
  display: flex;
  flex-direction: column;
  align-items: center;
  background: #fff;
  border-radius: 0;
  overflow: hidden;
  transition: box-shadow 0.35s ease;
}

.offer-card__link {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  height: 100%;
  color: inherit;
}

.offer-card::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 2.842684vw;
  height: 0.156vw;
  background: #80B427;
  opacity: 0;
  transform: translateX(0);
  transition: left 0.5s ease-in-out, transform 0.5s ease-in-out, opacity 0.2s ease 0.3s;
}

.offer-card:hover {
  border-radius: 0 0 0.78vw 0.78vw;
  box-shadow: 0 0.208vw 0.91vw 0 rgba(0, 0, 0, 0.21);
}

.offer-card:hover::after {
  opacity: 1;
  left: 50%;
  transform: translateX(-50%);
  transition: left 0.5s ease-in-out, transform 0.5s ease-in-out, opacity 0.05s ease;
}

.offer-card:hover .offer-card__image {
  transform: scale(1.05);
}

.offer-card__image-wrap {
  position: relative;
  width: 17.056vw;
  height: 16.536vw;
  flex-shrink: 0;
  border-radius: 1.248vw 1.248vw 0 0;
  overflow: hidden;
}

.offer-card__image {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  transition: transform 0.35s ease;
}

.offer-card__wave {
  position: absolute;
  bottom: -0.052vw;
  left: 0;
  right: 0;
  line-height: 0;
  pointer-events: none;
}

.offer-card__wave svg {
  display: block;
  width: 100%;
  height: 1.404vw;
}

.offer-card__title {
  margin-top: 0.936vw;
  text-align: center;
  font-family: Roboto, sans-serif;
  font-size: 1.144vw;
  font-style: normal;
  line-height: normal;
}

.offer-card__title-light {
  color: #4E4E4E;
  font-weight: 300;
}

.offer-card__title-bold {
  color: #4E4E4E;
  font-weight: 900;
}

.offer-card__count {
  margin-top: 0.52vw;
  color: #80B427;
  text-align: center;
  font-family: Roboto, sans-serif;
  font-size: 0.936vw;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  opacity: 1;
  transition: opacity 0.4s ease;
}

.offer-card:hover .offer-card__count {
  opacity: 0;
}

.offer__cta {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.312vw;
  width: min(100%, 21.84vw);
  margin: 2.496vw auto 0;
  padding: 0.936vw 2.08vw;
  border-radius: 51.948vw;
  background: #80B427;
  color: #fff;
  font-family: Roboto, sans-serif;
  font-size: 1.144vw;
  font-style: normal;
  line-height: normal;
  transition: background 0.2s;
}

.offer__cta:hover {
  background: var(--green-dark);
}

.offer__cta-light {
  font-weight: 300;
}

.offer__cta-bold {
  font-weight: 900;
}

/* ===== About (Section 3) ===== */
.about {
  width: 100%;
  max-width: var(--page-max-width);
  margin: 0 auto;
  padding: 2.496vw var(--side-padding) 4.16vw;
}

.about__grid {
  display: grid;
  grid-template-columns: auto auto auto;
  align-items: start;
  justify-content: center;
  column-gap: 2.496vw;
}

.about__gallery {
  display: grid;
  grid-template-columns: 17.056vw 17.056vw;
  column-gap: 0.728vw;
  align-items: start;
}

.about__img {
  width: 17.056vw;
  height: 29.016vw;
  border-radius: 0.78vw;
  object-fit: cover;
  object-position: center;
}

.about__img--2 {
  margin-top: 5.824vw;
}

.about__content {
  display: flex;
  flex-direction: column;
  width: 22.36vw;
  min-height: 29.016vw;
}

.about__text {
  color: #515151;
  font-family: Outfit, sans-serif;
  font-size: 0.988vw;
  font-style: normal;
  font-weight: 300;
  line-height: 1.508vw;
  margin-bottom: 1.144vw;
}

.about__text--bold {
  font-weight: 600;
}

.about__btn {
  display: flex;
  width: 10.296vw;
  height: 2.6vw;
  padding: 0.624vw 1.092vw;
  justify-content: center;
  align-items: center;
  gap: 0.52vw;
  margin-top: auto;
  border-radius: 1.56vw;
  border: 0.052vw solid #D6D6D5;
  background: transparent;
  color: #9F9E9C;
  font-family: Roboto, sans-serif;
  font-size: 0.884vw;
  font-style: normal;
  font-weight: 900;
  line-height: normal;
  letter-spacing: -0.01768vw;
  box-shadow: none;
  transition: background 0.3s ease, color 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease;
}

.about__btn:hover {
  border-color: #80B427;
  background: #80B427;
  color: #fff;
  box-shadow: 0 0.208vw 0.78vw rgba(0, 0, 0, 0.2);
}

.about__aside {
  display: grid;
  grid-template-areas: "stack";
  width: 39.936vw;
}

.about__cards {
  grid-area: stack;
  display: flex;
  flex-direction: column;
  gap: 1.144vw;
  align-items: flex-start;
  z-index: 1;
}

.about__fruit {
  grid-area: stack;
  width: 39.936vw;
  height: 39.936vw;
  margin-top: 6.136vw;
  z-index: 0;
  pointer-events: none;
}

.about__fruit img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: top center;
}

.about-card {
  display: flex;
  align-items: center;
  gap: 1.144vw;
  width: 21.736vw;
  height: 7.592vw;
  padding: 0 1.872vw 0 1.248vw;
  border-radius: 4.16vw;
  border: 0.832vw solid rgba(255, 255, 255, 0.65);
  background: #FFF;
  box-shadow: 0 0.416vw 1.6692vw 0 rgba(0, 0, 0, 0.12);
  box-sizing: border-box;
}

.about-card--shift {
  margin-left: 10.296vw;
}

.about-card__icon {
  flex-shrink: 0;
  width: 4.68vw;
  height: 4.68vw;
  object-fit: contain;
}

.about-card__text {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  font-family: Roboto, sans-serif;
  font-size: 1.196vw;
  font-style: normal;
  line-height: 1.25;
}

.about-card__text-light {
  color: #4E4E4E;
  font-weight: 300;
}

.about-card__text-bold {
  color: #4E4E4E;
  font-weight: 900;
}

/* ===== Page: O nas ===== */
.page-head {
  background: #FBFBFB;
  border-bottom: 0.104vw dashed rgba(0, 0, 0, 0.06);
  position: relative;
  z-index: 10;
}

.page-head__inner {
  width: 100%;
  max-width: var(--page-max-width);
  margin: 0 auto;
  padding: 0.728vw var(--side-padding) 0.936vw;
}

.breadcrumbs {
  font-family: Roboto, sans-serif;
  font-size: 0.728vw;
  font-weight: 300;
  color: var(--text-light);
}

.breadcrumbs a {
  color: var(--text-light);
  transition: color 0.2s;
}

.breadcrumbs a:hover {
  color: var(--green);
}

.breadcrumbs__sep {
  margin: 0 0.416vw;
}

.breadcrumbs__current {
  color: var(--green);
}

.page-head__wave {
  line-height: 0;
  text-align: center;
}

.page-head__wave svg {
  display: block;
  width: 15.496vw;
  height: 1.404vw;
  margin: -0.052vw auto 0;
}

.about.about--page {
  padding-top: 1.664vw;
  padding-bottom: 4.992vw;
  margin-top: 0;
  padding-left: var(--side-padding);
}

.about__gallery-wrap {
  position: relative;
  display: flex;
  align-items: center;
}

.about__social {
  position: absolute;
  left: calc(-1 * var(--side-padding));
  top: 50%;
  transform: translateY(-50%);
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 1.872vw;
  height: 1.872vw;
  background: var(--green);
  color: var(--white);
  border-radius: 50%;
  transition: background 0.2s;
}

.about__social:hover {
  background: var(--green-dark);
}

.about.about--page .about__img--2 {
  margin-top: 0;
}

.about__title {
  margin: 0 0 1.456vw;
  font-family: Outfit, sans-serif;
  font-size: 1.976vw;
  font-weight: 300;
  line-height: 1.2;
}

.about__title-brand {
  color: var(--green);
  font-weight: 600;
}

.about__title-name {
  color: #B5B5B5;
  font-weight: 300;
}

.about.about--page .about__content {
  width: 24.96vw;
  min-height: auto;
  padding-top: 0.416vw;
}

.about.about--page .about__text {
  text-align: justify;
  margin-bottom: 1.248vw;
}

.about.about--page .about__text:last-child {
  margin-bottom: 0;
}

.about__aside--page {
  display: block;
  width: auto;
}

.about.about--page .about__fruit {
  width: 39.936vw;
  height: 39.936vw;
  margin-top: 0;
  margin-left: -6.24vw;
}

/* ===== Services (Section 4) ===== */
.services {
  width: 100%;
  max-width: var(--page-max-width);
  margin: 0 auto;
  padding: 3.328vw var(--side-padding) 4.16vw;
}

.services__inner {
  display: grid;
  grid-template-columns: auto 1fr auto;
  align-items: center;
  column-gap: 1.248vw;
}

.services__leaf {
  display: block;
  width: auto;
  height: auto;
  max-height: 11.44vw;
  object-fit: contain;
  flex-shrink: 0;
}

.services__grid {
  display: grid;
  grid-template-columns: 37.804vw 37.804vw;
  justify-content: center;
  gap: 1.248vw;
}

.services-card {
  display: grid;
  grid-template-areas: "stack";
  place-items: center;
  width: 37.804vw;
  height: 20.696vw;
  border-radius: 0.78vw;
  overflow: visible;
}

.services-card--green {
  background: #CDEDDA;
}

.services-card--peach {
  background: #FFE4BE;
}

.services-card__frame {
  grid-area: stack;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 0;
  width: 31.72vw;
  height: 14.612vw;
  padding: 0 1.664vw;
  border: 0.2158vw solid #FFF;
  box-sizing: border-box;
  z-index: 1;
}

.services-card__title {
  display: flex;
  flex-direction: column;
  font-family: Roboto, sans-serif;
  font-size: 1.56vw;
  font-style: normal;
  line-height: normal;
  letter-spacing: -0.0312vw;
}

.services-card__title-light {
  color: #3F3F3F;
  font-weight: 200;
}

.services-card__title-bold {
  color: #3F3F3F;
  font-weight: 900;
}

.services-card__btn {
  grid-area: stack;
  align-self: end;
  justify-self: start;
  display: flex;
  width: 10.296vw;
  height: 2.6vw;
  padding: 0.624vw 1.092vw;
  justify-content: center;
  align-items: center;
  gap: 0.52vw;
  border-radius: 1.56vw;
  border: 0.052vw solid #80B427;
  background: #80B427;
  box-shadow: 0 0.416vw 1.6692vw 0 rgba(0, 0, 0, 0.12);
  color: #FFF;
  font-family: Roboto, sans-serif;
  font-size: 0.884vw;
  font-style: normal;
  font-weight: 900;
  line-height: normal;
  letter-spacing: -0.01768vw;
  transition: background 0.3s ease, color 0.3s ease, box-shadow 0.3s ease;
  margin-left: 4.628vw;
  margin-bottom: 3.068vw;
  z-index: 3;
}

.services-card__btn:hover {
  background: #FFF;
  color: #80B427;
}

.services-card__image {
  grid-area: stack;
  justify-self: end;
  align-self: center;
  width: auto;
  height: 100%;
  max-height: 20.696vw;
  margin-right: -1.248vw;
  object-fit: contain;
  z-index: 2;
  pointer-events: none;
}

/* ===== News (Section 5) ===== */
.news {
  width: 100%;
  max-width: var(--page-max-width);
  margin: 0 auto;
  padding: 3.328vw var(--side-padding) 4.16vw;
}

.news__heading {
  text-align: center;
  margin-bottom: 2.496vw;
  font-family: Roboto, sans-serif;
  font-size: 1.872vw;
  font-style: normal;
  line-height: normal;
  letter-spacing: -0.03744vw;
}

.news__heading-light {
  color: #3F3F3F;
  font-weight: 200;
}

.news__heading-accent {
  color: #80B427;
  font-weight: 900;
}

.news__grid {
  display: grid;
  grid-template-columns: repeat(2, auto);
  justify-content: center;
  gap: 2.496vw;
}

.news-card {
  display: grid;
  grid-template-columns: 18.824vw auto;
  gap: 1.664vw;
  align-items: start;
}

.news-card__image {
  width: 18.824vw;
  height: 17.524vw;
  border-radius: 0.78vw;
  object-fit: cover;
  object-position: center;
}

.news-card__body {
  display: flex;
  flex-direction: column;
  min-height: 17.524vw;
  padding-top: 0.416vw;
}

.news-card__title {
  font-family: Roboto, sans-serif;
  font-size: 1.352vw;
  font-style: normal;
  line-height: 1.664vw;
  letter-spacing: -0.02704vw;
}

.news-card__title-light {
  color: #3F3F3F;
  font-weight: 300;
}

.news-card__title-bold {
  color: #3F3F3F;
  font-weight: 900;
}

.news-card__divider {
  width: 100%;
  height: 0.052vw;
  margin: 0.936vw 0 0.832vw;
  background: #E0E0E0;
}

.news-card__desc {
  width: 16.848vw;
  color: #515151;
  font-family: Outfit, sans-serif;
  font-size: 0.988vw;
  font-style: normal;
  font-weight: 300;
  line-height: 1.456vw;
}

.news-card__more {
  display: flex;
  width: 4.16vw;
  margin-top: auto;
  justify-content: flex-end;
  align-items: center;
  gap: 0.364vw;
  color: #9F9E9C;
  font-family: Roboto, sans-serif;
  font-size: 0.884vw;
  font-weight: 900;
  letter-spacing: -0.01768vw;
  transition: color 0.3s ease;
}

.news-card__more svg {
  width: 1.301352vw;
  height: 0.650676vw;
  flex-shrink: 0;
}

.news-card:hover .news-card__more {
  color: #80B427;
}

.news__btn {
  display: flex;
  width: 9.88vw;
  height: 2.6vw;
  padding: 0.624vw 1.092vw;
  justify-content: center;
  align-items: center;
  gap: 0.52vw;
  margin: 2.496vw auto 0;
  border-radius: 1.56vw;
  border: 0.052vw solid #D6D6D5;
  background: transparent;
  color: #9F9E9C;
  font-family: Roboto, sans-serif;
  font-size: 0.884vw;
  font-style: normal;
  font-weight: 900;
  line-height: normal;
  letter-spacing: -0.01768vw;
  aspect-ratio: 19 / 5;
  transition: background 0.3s ease, color 0.3s ease, border-color 0.3s ease;
}

.news__btn:hover {
  border-color: #80B427;
  background: #80B427;
  color: #fff;
}

/* ===== Gallery (Section 6) ===== */
.gallery {
  width: 100%;
  max-width: var(--page-max-width);
  margin: 0 auto;
  padding: 2.496vw 3.12vw 4.16vw 0;
  border-top: 0.104vw dashed rgba(0, 0, 0, 0.06);
  box-sizing: border-box;
  --gallery-item-width: 17.108vw;
  --gallery-gap: 2.028vw;
  --gallery-loop: calc(var(--gallery-item-width) * 4 + var(--gallery-gap) * 4);
}

.gallery__inner {
  display: grid;
  grid-template-columns: auto 1fr;
  align-items: center;
  column-gap: 2.496vw;
  padding-left: var(--side-padding);
}

.gallery__info {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 1.456vw;
  flex-shrink: 0;
}

.gallery__heading {
  font-family: Roboto, sans-serif;
  font-size: 1.872vw;
  font-style: normal;
  line-height: normal;
  letter-spacing: -0.03744vw;
  white-space: nowrap;
}

.gallery__heading-light {
  color: #3F3F3F;
  font-weight: 200;
}

.gallery__heading-accent {
  color: #80B427;
  font-weight: 900;
}

.gallery__btn {
  display: flex;
  width: 9.88vw;
  height: 2.6vw;
  padding: 0.624vw 1.092vw;
  justify-content: center;
  align-items: center;
  gap: 0.52vw;
  border-radius: 1.56vw;
  border: 0.052vw solid #D6D6D5;
  background: transparent;
  color: #9F9E9C;
  font-family: Roboto, sans-serif;
  font-size: 0.884vw;
  font-style: normal;
  font-weight: 900;
  line-height: normal;
  letter-spacing: -0.01768vw;
  aspect-ratio: 19 / 5;
  transition: background 0.3s ease, color 0.3s ease, border-color 0.3s ease;
}

.gallery__btn:hover {
  border-color: #80B427;
  background: #80B427;
  color: #fff;
}

.gallery__marquee {
  position: relative;
  overflow: hidden;
  min-width: 0;
  height: 15.912vw;
  clip-path: inset(0 round 0.78vw);
  -webkit-clip-path: inset(0 round 0.78vw);
}

.gallery__track {
  display: flex;
  gap: var(--gallery-gap);
  width: max-content;
  animation: gallery-scroll 40s linear infinite;
}

.gallery__marquee:hover .gallery__track {
  animation-play-state: paused;
}

.gallery__link {
  display: block;
  flex-shrink: 0;
  cursor: pointer;
  border-radius: 0.78vw;
  overflow: hidden;
  transform: translateZ(0);
}

.gallery__image {
  display: block;
  width: var(--gallery-item-width);
  height: 15.912vw;
  border-radius: 0.78vw;
  object-fit: cover;
  object-position: center;
}

@keyframes gallery-scroll {
  0% {
    transform: translateX(0);
  }

  100% {
    transform: translateX(calc(var(--gallery-loop) * -1));
  }
}

/* ===== Footer ===== */
.footer {
  position: relative;
  background: #F9F9F7;
  margin-top: 2.496vw;
}

.footer__wave {
  position: relative;
  top: -2.444vw;
  margin-bottom: -2.444vw;
  line-height: 0;
  pointer-events: none;
}

.footer__wave svg {
  display: block;
  width: 100%;
  height: 2.496vw;
}

.footer__inner {
  width: 100%;
  max-width: var(--page-max-width);
  margin: 0 auto;
  padding: 1.664vw var(--side-padding) 0;
}

.footer__top {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 2.496vw;
  align-items: start;
  padding-bottom: 2.08vw;
}

.footer__brand img {
  display: block;
  width: auto;
  height: 5.72vw;
}

.footer__contacts {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 1.664vw;
  padding-left: 2.496vw;
  border-left: 0.104vw dashed rgba(0, 0, 0, 0.08);
}

.footer__col-title {
  color: #80B427;
  font-family: Roboto, sans-serif;
  font-size: 0.832vw;
  font-weight: 700;
  line-height: 1.4;
  margin-bottom: 0.624vw;
}

.footer__col-text {
  color: #3F3F3F;
  font-family: Roboto, sans-serif;
  font-size: 0.78vw;
  font-weight: 300;
  line-height: 1.6;
}

.footer__col-text a {
  color: inherit;
  transition: color 0.2s;
}

.footer__col-text a:hover {
  color: #80B427;
}

.footer__nav {
  border-top: 0.104vw dashed rgba(0, 0, 0, 0.08);
  border-bottom: 0.104vw dashed rgba(0, 0, 0, 0.08);
  padding: 1.456vw 0;
}

.footer__menu {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 0.624vw 2.08vw;
}

.footer__menu a {
  color: #9F9E9C;
  font-family: Roboto, sans-serif;
  font-size: 0.78vw;
  font-weight: 700;
  line-height: normal;
  text-transform: uppercase;
  transition: color 0.2s;
}

.footer__menu a:hover,
.footer__menu a.is-active {
  color: #80B427;
}

.footer__bottom {
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  align-items: center;
  gap: 1.248vw;
  margin: 0 calc(var(--side-padding) * -1);
  padding: 0.936vw var(--side-padding);
  background: #fff;
}

.footer__privacy {
  color: #80B427;
  font-family: Roboto, sans-serif;
  font-size: 0.728vw;
  font-weight: 700;
  justify-self: start;
  transition: opacity 0.2s;
}

.footer__privacy:hover {
  opacity: 0.8;
}

.footer__copy,
.footer__credit {
  color: #9F9E9C;
  font-family: Roboto, sans-serif;
  font-size: 0.728vw;
  font-weight: 300;
  line-height: 1.4;
  text-align: center;
}

.footer__credit {
  justify-self: end;
  text-align: right;
}

.footer__accent {
  color: #80B427;
  font-weight: 700;
}

.footer__credit .footer__accent {
  font-weight: 700;
}

/* ===== Responsive ===== */






.header__inner {
    display: grid;
    grid-template-columns: 1fr 20vw 1fr;
    align-items: center;
    width: 100%;
    max-width: 100%;
    margin: 0 auto;
    padding: 0;
    height: 100%;
    padding-left: 4.7vw;
    padding-right: 4.88vw;
}

.header__menu li {
    flex: 1;
    text-align: center;
    padding: 0 0;
}

.header__menu {
    display: grid;
    align-items: center;
    width: 100%;
    grid-template-columns: 5.1vw 7vw 5.2vw 5vw 6vw 7vw;
}
.header__logo {
    justify-self: center;
    display: flex;
    align-items: center;
    padding: 0;
}

.header__logo img {
    display: block;
    height: 5.668vw;
    width: auto;
}

.header__nav {
    justify-self: stretch;
    min-width: 0;
    margin-top: -0.364vw;
}

.header__contact-label {
    color: var(--green);
    font-family: Roboto, sans-serif;
    font-size: 0.832vw;
    font-weight: 700;
    margin-top: -0.156vw;
}

.header__contact {
    justify-self: stretch;
    display: flex;
    align-items: center;
    width: 100%;
    min-width: 0;
    justify-content: flex-start;
    align-content: center;
}
.header__contact {
    justify-self: stretch;
    display: grid;
    align-items: center;
    width: 100%;
    min-width: 0;
    justify-content: start;
    align-content: center;
    grid-template-columns: 10vw 10vw 10vw;
    text-align: left;
}

.header__contact-label {
    color: var(--green);
    font-family: Roboto, sans-serif;
    font-size: 0.832vw;
    font-weight: 700;
    margin-top: -0.156vw;
    text-align: left;
    margin-left: 3vw;
}

.header__contact {
    justify-self: stretch;
    display: grid;
    align-items: center;
    width: 100%;
    min-width: 0;
    justify-content: start;
    align-content: center;
    grid-template-columns: 10vw 10vw 16vw;
    text-align: left;
}

.hero__bottom {
    position: relative;
    background: var(--white);
    margin-top: 0.988vw;
    padding-bottom: 1.664vw;
}

.hero__controls {
    display: flex;
    justify-content: center;
    gap: 0.52vw;
    margin-top: 4vw;
}

.hero__controls {
    display: flex;
    justify-content: center;
    gap: 1.8vw;
    margin-top: 4vw;
}

.hero__title {
    text-align: center;
    padding: 0.416vw 1.248vw 0;
    font-size: clamp(1.248vw, 3.5vw, 1.976vw);
    font-weight: 300;
    line-height: 1.35;
    letter-spacing: -0.01em;
    font-size: 2.33vw;
    margin-top: -0.4vw;
}

.hero__title {
    text-align: center;
    padding: 0.416vw 1.248vw 0;
    font-size: clamp(1.248vw, 3.5vw, 1.976vw);
    font-weight: 300;
    line-height: 1.35;
    letter-spacing: -0.01em;
    font-size: 2.33vw;
    margin-top: -0.4vw;
    height: 5.356vw;
    margin-top: -1.5vw;
    display: flex;
    align-items: center;
    justify-content: center;
    align-content: center;
    background: #FBFBFB;
    backdrop-filter: blur(0.3016vw);
    position: relative;
    z-index: 11;
    margin-bottom: -1.7vw;
    border-bottom: 0.104vw dashed #0000000f;
}

.hero__controls {
    display: flex;
    justify-content: center;
    gap: 1.8vw;
    margin-top: 4vw;
}

.hero__title {
    text-align: center;
    padding: 0.416vw 1.248vw 0;
    font-size: clamp(1.248vw, 3.5vw, 1.976vw);
    font-weight: 300;
    line-height: 1.35;
    letter-spacing: -0.01em;
    font-size: 2.33vw;
    margin-top: -0.4vw;
    height: 5.356vw;
    margin-top: -1.5vw;
    display: flex;
    align-items: center;
    justify-content: center;
    align-content: center;
    background: #FBFBFB;
    backdrop-filter: blur(0.3016vw);
    position: relative;
    z-index: 11;
    margin-bottom: -1.7vw;
    border-bottom: 0.104vw dashed #0000000f;
    padding-bottom: 0.6vw;
}

.hero__wave svg {
    display: block;
    width: 38%;
    height: 3.432vw;
    width: 15.496vw;
    height: 1.404vw;
    margin: auto;
    margin-top: -2vw;
}

.hero__wave svg {
    display: block;
    width: 38%;
    height: 3.432vw;
    width: 15.496vw;
    height: 1.404vw;
    margin: auto;
    margin-top: -1.98vw;
}

.hero__arrow {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2.08vw;
    height: 2.08vw;
    border: 0.078vw solid #b0b0b0;
    border-radius: 50%;
    background: transparent;
    cursor: pointer;
    transition: border-color 0.2s;
    padding: 0;
    display: flex;
    width: 2.34vw;
    height: 2.34vw;
    padding: 0;
    justify-content: center;
    align-items: center;
    gap: 0.52vw;
}

.header__email {
    font-family: Roboto, sans-serif;
    font-size: 0.78vw;
    font-weight: 400;
    color: #797878;
    color: #323335;
    font-family: Roboto;
    font-size: 0.884vw;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.header__phone {
    font-family: Roboto, sans-serif;
    font-size: 0.78vw;
    font-weight: 700;
    color: #323335;
    color: #323335;
    font-family: Roboto;
    font-size: 0.884vw;
    font-style: normal;
    font-weight: 300;
    line-height: normal;
    text-transform: uppercase;
}

.hero__title {
    text-align: center;
    padding: 0.416vw 1.248vw 0;
    font-size: clamp(1.248vw, 3.5vw, 1.976vw);
    font-weight: 300;
    line-height: 1.35;
    letter-spacing: -0.01em;
    font-size: 2.33vw;
    margin-top: -0.4vw;
    height: 5.356vw;
    margin-top: -1.5vw;
    display: flex;
    align-items: center;
    justify-content: center;
    align-content: center;
    background: #FBFBFB;
    backdrop-filter: blur(0.3016vw);
    position: relative;
    z-index: 11;
    margin-bottom: -1.7vw;
    border-bottom: 0.104vw dashed #0000000f;
    padding-bottom: 0.4vw;
}

.hero__controls {
    display: flex;
    justify-content: center;
    gap: 1.6vw;
    margin-top: 4.5vw;
}

.hero__bottom {
    position: relative;
    background: var(--white);
    margin-top: 0.936vw;
    padding-bottom: 1.664vw;
}

.hero__controls {
    display: flex;
    justify-content: center;
    gap: 1.6vw;
    margin-top: 4.2vw;
}

.offer {
    width: 100%;
    max-width: var(--page-max-width);
    margin: 0 auto;
    padding: 2.496vw var(--side-padding) 3.328vw;
    padding-left: 3vw;
    padding-right: 1.6vw;
}

*
{
  box-sizing: border-box;
}

.offer {
    width: 100%;
    max-width: var(--page-max-width);
    margin: 0 auto;
    padding: 2.496vw var(--side-padding) 3.328vw;
    padding-left: 2vw;
    padding-right: 2vw;
}

.offer__grid {
    display: grid;
    flex-wrap: wrap;
    justify-content: center;
    gap: 0.52vw;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
    justify-items: center;
    align-items: center;
    align-content: center;
    padding-left: 0.5vw;
    padding-right: 0.5vw;
}

.offer {
    width: 100%;
    max-width: var(--page-max-width);
    margin: 0 auto;
    padding: 2.496vw var(--side-padding) 3.328vw;
    padding-left: 2vw;
    padding-right: 2vw;
    padding-top: 1vw;
}

.hero__controls {
    display: flex;
    justify-content: center;
    gap: 1.6vw;
    margin-top: 4.5vw;
}

.offer__cta {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.312vw;
    width: min(100%, 21.84vw);
    margin: 2.496vw auto 0;
    padding: 0.936vw 2.08vw;
    border-radius: 51.948vw;
    background: #80B427;
    color: #fff;
    font-family: Roboto, sans-serif;
    font-size: 1.144vw;
    font-style: normal;
    line-height: normal;
    transition: background 0.2s;
    display: flex;
    width: 14.82vw;
    height: 3.12vw;
    padding: 0.8736vw 1.5288vw;
    justify-content: center;
    align-items: center;
    gap: 0.208vw;
}

.about {
    width: 100%;
    max-width: var(--page-max-width);
    margin: 0 auto;
    padding: 0;
    margin-top: -3.8vw;
    padding-left: 9.1vw;
}

.about__img--2 {
    margin-top: 3.484vw;
}

.about__gallery {
    display: grid;
    grid-template-columns: 17.056vw 17.056vw;
    column-gap: 2.028vw;
    align-items: start;
    width: 35vw;
    justify-items: start;
    justify-content: start;
}

.about {
    width: 100%;
    max-width: var(--page-max-width);
    margin: 0 auto;
    padding: 0;
    margin-top: -3.8vw;
    padding-left: 0;
    padding-left: 9.3vw;
}

.about__content {
    display: flex;
    flex-direction: column;
    width: 100%;
    min-height: auto;
    padding-left: 0;
    padding-top: 5.8vw;
    align-items: flex-start;
    align-content: flex-start;
}

.about__aside {
    display: grid;
    grid-template-areas: inherit;
    width: 100%;
}

.about {
    width: 100%;
    max-width: var(--page-max-width);
    margin: 0 auto;
    padding: 0;
    margin-top: -3.8vw;
    padding-left: 0;
    padding-left: 0;
}

.about__grid {
    display: grid;
    grid-template-columns: 37vw 27vw 1fr;
    align-items: start;
    justify-content: center;
    column-gap: 2.496vw;
    padding-left: 16vw;
}

.about__text {
    color: #515151;
    font-family: Outfit, sans-serif;
    font-size: 0.988vw;
    font-style: normal;
    font-weight: 300;
    line-height: 1.508vw;
    margin-bottom: 1.508vw;
}

.about__grid {
    display: grid;
    grid-template-columns: 37vw 27vw 1fr;
    align-items: start;
    justify-content: center;
    column-gap: 2.496vw;
    padding-left: 8vw;
}

.about__fruit {
    grid-area: stack;
    width: 34.1vw;
    height: auto;
    margin-top: -3vw;
    z-index: 0;
    pointer-events: none;
    margin-left: -11vw;
    z-index: -1;
}

.about__fruit {
    grid-area: stack;
    width: 34.1vw;
    height: auto;
    margin-top: -3vw;
    z-index: 0;
    pointer-events: none;
    margin-left: -7vw;
    z-index: -1;
}

.about-card--shift {
    margin-left: 0;
}

.about__grid {
    display: grid;
    grid-template-columns: 37vw 27vw 1fr;
    align-items: start;
    justify-content: center;
    column-gap: 2.496vw;
    padding-left: 3vw;
}

.about__btn {
    display: flex;
    width: 10.296vw;
    height: 2.6vw;
    padding: 0.624vw 1.092vw;
    justify-content: center;
    align-items: center;
    gap: 0.52vw;
    margin-top: auto;
    border-radius: 1.56vw;
    border: 0.052vw solid #D6D6D5;
    background: transparent;
    color: #9F9E9C;
    font-family: Roboto, sans-serif;
    font-size: 0.884vw;
    font-style: normal;
    font-weight: 900;
    line-height: normal;
    letter-spacing: -0.01768vw;
    box-shadow: none;
    transition: background 0.3s ease, color 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease;
    margin-top: 2.77vw;
}

.about__btn:hover {
    border-color: #80B427;
    background: #80B427;
    color: #fff;
    box-shadow: 0 0.208vw 0.78vw rgba(0, 0, 0, 0.2);
}

.about-card {
    display: flex;
    align-items: center;
    gap: 1.144vw;
    width: 21.736vw;
    height: 7.592vw;
    padding: 0 1.872vw 0 1.248vw;
    border-radius: 4.16vw;
    border: 0.832vw solid rgba(255, 255, 255, 0.65);
    background: #FFF;
    box-shadow: 0.052vw 0.052vw 0 1.04vw rgb(255 255 255 / 62%);
    box-sizing: border-box;
}

.about__fruit {
    grid-area: stack;
    width: 34.1vw;
    height: auto;
    margin-top: -3vw;
    z-index: 0;
    pointer-events: none;
    margin-left: -7vw;
    z-index: -1;
    position: absolute;
    right: 0;
}

.about__cards {
    grid-area: stack;
    display: flex;
    flex-direction: column;
    gap: 3.172vw;
    align-items: flex-start;
    z-index: 1;
}

.about-card {
    display: flex;
    align-items: center;
    gap: 0.884vw;
    width: 21.736vw;
    height: 7.592vw;
    padding: 0 1.872vw 0 1.248vw;
    border-radius: 4.16vw;
    border: 0 solid rgba(255, 255, 255, 0.65);
    background: #FFF;
    box-shadow: 0.052vw 0.052vw 0 1.04vw rgb(255 255 255 / 62%);
    box-sizing: border-box;
    width: 21.06vw;
    height: 7.176vw;
    background-color: #ffffff00;
    position: relative;
}

.about-card__icon {
    flex-shrink: 0;
    width: 6.448vw;
    height: 6.448vw;
    object-fit: contain;
    margin-left: -1vw;
    margin-top: 1vw;
}

.about__cards {
    grid-area: stack;
    display: flex;
    flex-direction: column;
    gap: 4.264vw;
    align-items: flex-start;
    z-index: 1;
    margin-top: 1vw;
    z-index: 999999;
    position: relative;
}

.about-card.about-card--shift
{
 margin-bottom: -0.8vw; 
}

.about-card {
    display: flex;
    align-items: center;
    gap: 0.884vw;
    width: 21.736vw;
    height: 7.592vw;
    padding: 0 1.872vw 0 1.248vw;
    border-radius: 4.16vw;
    border: 0 solid rgba(255, 255, 255, 0.65);
    background: #FFF;
    box-shadow: 0.052vw 0.052vw 0 0.936vw rgb(247 247 247 / 62%);
    box-sizing: border-box;
    width: 21.06vw;
    height: 7.176vw;
    background-color: #ffffff;
    position: relative;
}

.about-card__icon {
    flex-shrink: 0;
    width: 6.448vw;
    height: 6.448vw;
    object-fit: contain;
    margin-left: -0.6vw;
    margin-top: 0vw;
}

.about__cards {
    grid-area: stack;
    display: flex;
    flex-direction: column;
    gap: 3.9vw;
    align-items: flex-start;
    z-index: 1;
    margin-top: 1vw;
    z-index: 999999;
    position: relative;
}

.about-card.about-card--shift {
    margin-bottom: -0.8vw;
    margin-top: -1vw;
}

.about-card {
    display: flex;
    align-items: center;
    gap: 0.988vw;
    width: 21.736vw;
    height: 7.592vw;
    padding: 0 1.872vw 0 1.248vw;
    border-radius: 4.16vw;
    border: 0 solid rgba(255, 255, 255, 0.65);
    background: #FFF;
    box-shadow: 0.052vw 0.052vw 0 1.04vw rgb(247 247 247 / 62%);
    box-sizing: border-box;
    width: 21.372vw;
    height: 7.436vw;
    background-color: #ffffff;
    position: relative;
}

.about__cards {
    grid-area: stack;
    display: flex;
    flex-direction: column;
    gap: 4.16vw;
    align-items: flex-start;
    z-index: 1;
    margin-top: 1vw;
    z-index: 999999;
    position: relative;
}

.about-card.about-card--shift {
    margin-bottom: -0.8vw;
    margin-top: 0vw;
}

.about-card.about-card--shift {
    margin-bottom: -0.8vw;
    margin-top: -0.8vw;
}

.about__cards {
    grid-area: stack;
    display: flex;
    flex-direction: column;
    gap: 3.16vw;
    align-items: flex-start;
    z-index: 1;
    margin-top: 1.5vw;
    z-index: 999999;
    position: relative;
}

.about__text--bold 
{
  font-weight: 600;
}

.services {
    width: 100%;
    max-width: var(--page-max-width);
    margin: 0 auto;
    padding: 3.328vw var(--side-padding) 4.16vw;
    padding-left: 0;
    padding-right: 0;
}

.services__leaf {
    display: block;
    width: auto;
    height: auto;
    max-height: 11.44vw;
    object-fit: contain;
    flex-shrink: 0;
    margin-top: 12.3vw;
}

.services__leaf.services__leaf--right
{
  margin-top: -8vw;
}

.services-card__image {
    grid-area: stack;
    justify-self: end;
    align-self: center;
    width: auto;
    height: 100%;
    max-height: 15.288vw;
    margin-right: 2.704vw;
    object-fit: contain;
    z-index: 2;
    pointer-events: none;
}

.services__grid {
    display: grid;
    grid-template-columns: 39.884vw 39.676vw;
    justify-content: center;
    gap: 0;
}

.services-card__image {
    grid-area: stack;
    justify-self: end;
    align-self: center;
    width: auto;
    height: 100%;
    max-height: 15.288vw;
    margin-right: 1.404vw;
    object-fit: contain;
    z-index: 2;
    pointer-events: none;
}

.services-card__image {
    grid-area: stack;
    justify-self: end;
    align-self: center;
    width: auto;
    height: 100%;
    max-height: 20.592vw;
    margin-right: 0.312vw;
    object-fit: contain;
    z-index: 2;
    pointer-events: none;
}

.services-card__frame {
    grid-area: stack;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: 0;
    width: 31.876vw;
    height: 14.612vw;
    padding: 0 1.664vw;
    border: 0.2158vw solid #FFF;
    box-sizing: border-box;
    z-index: 1;
    padding-top: 4vw;
}

.services-card__title {
    flex-direction: column;
    font-family: Roboto, sans-serif;
    font-size: 1.56vw;
    font-style: normal;
    line-height: normal;
    letter-spacing: -0.0312vw;
    width: 14vw;
    justify-content: flex-start;
    display: flow;
    margin-bottom: 0vw;
    height: 5vw;
    margin-top: 1vw;
    gap: 8vw;
}

.services-card__btn {
    grid-area: stack;
    align-self: end;
    justify-self: start;
    display: flex;
    width: 10.296vw;
    height: 2.6vw;
    padding: 0.624vw 1.092vw;
    justify-content: center;
    align-items: center;
    gap: 0.52vw;
    border-radius: 1.56vw;
    border: 0.052vw solid #80B427;
    background: #80B427;
    box-shadow: 0 0.416vw 1.6692vw 0 rgba(0, 0, 0, 0.12);
    color: #FFF;
    font-family: Roboto, sans-serif;
    font-size: 0.884vw;
    font-style: normal;
    font-weight: 900;
    line-height: normal;
    letter-spacing: -0.01768vw;
    transition: background 0.3s ease, color 0.3s ease, box-shadow 0.3s ease;
    margin-left: 4.628vw;
    margin-bottom: 3.068vw;
    z-index: 3;
}

.services-card__frame {
    grid-area: stack;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: 0;
    width: 31.876vw;
    height: 14.612vw;
    padding: 0 1.664vw;
    border: 0.2158vw solid #FFF;
    box-sizing: border-box;
    z-index: 1;
    padding-top: 4vw;
}

.services-card__image {
    grid-area: stack;
    justify-self: end;
    align-self: center;
    width: auto;
    height: 100%;
    max-height: 15.184vw;
    margin-right: 1.56vw;
    object-fit: contain;
    z-index: 2;
    pointer-events: none;
}

.sok_pom {
    grid-area: stack;
    justify-self: end;
    align-self: center;
    width: auto;
    height: 100%;
    max-height: 20.54vw;
    margin-right: 0.26vw;
    object-fit: contain;
    z-index: 2;
    pointer-events: none;
}

.services-card__btn {
    grid-area: stack;
    align-self: end;
    justify-self: start;
    display: flex;
    width: 10.296vw;
    height: 2.6vw;
    padding: 0.624vw 1.092vw;
    justify-content: center;
    align-items: center;
    gap: 0.52vw;
    border-radius: 1.56vw;
    border: 0.052vw solid #80B427;
    background: #80B427;
    box-shadow: 0 0.416vw 1.6692vw 0 rgba(0, 0, 0, 0.12);
    color: #FFF;
    font-family: Roboto, sans-serif;
    font-size: 0.884vw;
    font-style: normal;
    font-weight: 900;
    line-height: normal;
    letter-spacing: -0.01768vw;
    transition: background 0.3s ease, color 0.3s ease, box-shadow 0.3s ease;
    margin-left: 4.628vw;
    margin-bottom: 3.068vw;
    z-index: 3;
}

.services {
    width: 100%;
    max-width: var(--page-max-width);
    margin: 0 auto;
    padding: 3.328vw var(--side-padding) 4.16vw;
    padding-left: 0;
    padding-right: 0;
    margin-top: 0.7vw;
}


.news-card__divider {
    width: 100%;
    height: 0.052vw;
    margin: 0.936vw 0 0.832vw;
    background: #E0E0E0;
    width: 2.184vw;
    height: 0.052vw;
}

.news {
    width: 91%;
    max-width: var(--page-max-width);
    margin: 0 auto;
    padding: 3.328vw var(--side-padding) 4.16vw;
    padding-top: 0;
    margin-top: -1vw;
}

.news-card__divider {
    width: 100%;
    height: 0.052vw;
    margin: 0.936vw 0 0.832vw;
    background: #E0E0E0;
    width: 2.184vw;
    height: 0.052vw;
    margin-top: 1.2vw;
    margin-bottom: 1.5vw;
}

.news-card__more {
    display: flex;
    width: 4.16vw;
    margin-top: auto;
    justify-content: flex-start;
    align-items: center;
    gap: 0.364vw;
    color: #9F9E9C;
    font-family: Roboto, sans-serif;
    font-size: 0.884vw;
    font-weight: 900;
    letter-spacing: -0.01768vw;
    transition: color 0.3s ease;
    padding-top: 0;
    margin-top: 3.3vw;
    align-content: center;
    gap: 0.6vw;
}

.news__heading {
    text-align: center;
    margin-bottom: 3.016vw;
    font-family: Roboto, sans-serif;
    font-size: 1.872vw;
    font-style: normal;
    line-height: normal;
    letter-spacing: -0.03744vw;
}

.footer {
    background: #f7f6f2 !important;
}

.footer__inner {
    width: 100%;
    max-width: var(--page-max-width);
    margin: 0 auto;
    padding: 1.664vw var(--side-padding) 0;
    padding-top: 2.3vw;
}
.footer__top {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 2.496vw;
    align-items: start;
    padding-bottom: 2.08vw;
}

.footer__contacts {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 5.98vw;
    padding-left: 3.016vw;
    border-left: 0.104vw dashed rgba(0, 0, 0, 0.08);
    margin-top: 0.416vw;
}

.footer__col-title {
    color: #80B427;
    font-family: Roboto, sans-serif;
    font-size: 0.832vw;
    font-weight: 700;
    line-height: 1.4;
    margin-bottom: 0.936vw;
}

.footer__col-text {
    color: #3F3F3F;
    font-family: Roboto, sans-serif;
    font-size: 0.78vw;
    font-weight: 300;
    line-height: 1.98;
}

.footer__contacts {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 3.276vw;
    padding-left: 3.016vw;
    border-left: 0.104vw dashed rgba(0, 0, 0, 0.08);
    margin-top: 0.416vw;
}

.footer__col_1a 
{
  margin-left: 3.4vw;
}

.footer__col_2a 
{
      margin-left: 4.1vw;
}

.footer__inner {
    width: 100%;
    max-width: var(--page-max-width);
    margin: 0 auto;
    padding: 1.664vw var(--side-padding) 0;
    padding-top: 2.3vw;
    padding-left: 0;
    padding-right: 0;
}

.footer__top {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 2.496vw;
    align-items: start;
    padding-bottom: 2.08vw;
    padding-left: 6.2vw;
}

.footer__top {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 2.496vw;
    align-items: start;
    padding-bottom: 2.08vw;
    padding-left: 6.2vw;
    padding-right: 6.2vw;
}

.footer__nav {
    border-top: 0.104vw dashed rgba(0, 0, 0, 0.08);
    border-bottom: 0.104vw dashed rgba(0, 0, 0, 0.08);
    padding: 1.456vw 0;
}

.footer__bottom {
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    align-items: center;
    gap: 1.248vw;
    margin: 0 calc(var(--side-padding) * -1);
    padding: 0.936vw var(--side-padding);
    background: #fff;
    padding-right: 10.4vw;
}

.footer__bottom {
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    align-items: center;
    gap: 1.248vw;
    margin: 0 calc(var(--side-padding) * -1);
    padding: 0.936vw var(--side-padding);
    background: #fff;
    padding-right: 4.16vw;
    padding-left: 6.864vw;
    width: 100%;
    margin: auto;
}

.footer__col-title {
    color: #80B427;
    font-family: Roboto, sans-serif;
    font-size: 0.832vw;
    font-weight: 700;
    line-height: 1.4;
    margin-bottom: 0.936vw;
    color: #80B427;
    font-family: Roboto;
    font-size: 0.884vw;
    font-style: normal;
    font-weight: 900;
    line-height: normal;
}

.footer__col-text {
    color: #3F3F3F;
    font-family: Roboto, sans-serif;
    font-size: 0.78vw;
    font-weight: 300;
    line-height: 1.98;
    color: #3B3B3B;
    font-family: Roboto;
    font-size: 0.884vw;
    font-style: normal;
    font-weight: 300;
}

.footer__privacy {
    color: #80B427;
    font-family: Roboto, sans-serif;
    font-size: 0.728vw;
    font-weight: 700;
    justify-self: start;
    transition: opacity 0.2s;
    color: #80B427;
    text-align: center;
    font-family: Roboto;
    font-size: 0.78vw;
    font-style: normal;
    font-weight: 600;
    line-height: 1.248vw;
}

.footer__copy, .footer__credit {
    color: #9F9E9C;
    font-family: Roboto, sans-serif;
    font-size: 0.728vw;
    font-weight: 300;
    line-height: 1.4;
    text-align: center;
    color: #838383;
    text-align: center;
    font-family: Roboto;
    font-size: 0.78vw;
    font-style: normal;
    font-weight: 500;
    line-height: 1.248vw;
}

.footer__top a b 
{
  font-weight: 700;
}

.footer__contacts {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 3.276vw;
    padding-left: 3.016vw;
    border-left: 0.104vw dashed rgba(0, 0, 0, 0.08);
    margin-top: -2.34vw;
    height: 10vw;
    margin-bottom: -9vw;
    padding-top: 2.9vw;
}

.footer__top {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 2.496vw;
    align-items: start;
    padding-bottom: 2.08vw;
    padding-left: 3.8vw;
    padding-right: 6.2vw;
    margin-top: 0.3vw;
}

.footer__nav {
    border-top: 0.104vw dashed rgba(0, 0, 0, 0.08);
    border-bottom: 0.104vw dashed rgba(0, 0, 0, 0.08);
    padding: 1.456vw 0;
    gap: 0vw;
    display: flex;
    align-items: center;
    justify-content: center;
    align-content: center;
}

.footer__menu {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 0.624vw 2.08vw;
    gap: 3vw;
}

.footer__bottom {
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    align-items: center;
    gap: 1.248vw;
    margin: 0 calc(var(--side-padding) * -1);
    padding: 0.936vw var(--side-padding);
    background: #fff;
    padding-right: 4.16vw;
    padding-left: 4.264vw;
    width: 100%;
    margin: auto;
}

.footer__bottom {
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    align-items: center;
    gap: 1.248vw;
    margin: 0 calc(var(--side-padding) * -1);
    padding: 0.936vw var(--side-padding);
    background: #fff;
    padding-right: 4.16vw;
    padding-left: 4.264vw;
    width: 100%;
    margin: auto;
    padding-bottom: 0.9vw;
}

.gallery__info {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 2.6vw;
    flex-shrink: 0;
}

.footer__col-text {
    color: #3F3F3F;
    font-family: Roboto, sans-serif;
    font-size: 0.78vw;
    font-weight: 300;
    line-height: 1.68;
    color: #3B3B3B;
    font-family: Roboto;
    font-size: 0.884vw;
    font-style: normal;
    font-weight: 300;
}

.header__phone b 
{
  font-weight: 700;
}

.header__logo img {
    display: block;
    height: 5.668vw;
    width: auto;
}

.header__contact-label {
    border-right: 0.052vw dashed #0000003b;
}

.header__phone {
    border-right: 0.052vw dashed #0000003b;
}

.header {
    position: sticky;
    width: 100%;
    max-width: var(--page-max-width);
    margin: 0 auto;
    height: var(--header-height);
    background: rgba(255, 255, 255, 0.95);
    border-bottom: 0.052vw solid rgba(0, 0, 0, 0.04);
    top: 0;
    z-index: 1000000;
}
.chevron {
    margin-top: 0.052vw;
    opacity: 0.6;
    font-size: 4vw;
    width: 1vw;
    height: 0.4vw;
    font-weight: 100;
}

.gallery__inner 
{
      column-gap: 6.24vw;
}

.about.about--page {
  margin-top: 0;
  padding-left: var(--side-padding);
}

.about.about--page .about__grid {
  padding-left: 0;
}

.about.about--page .about__img--2 {
  margin-top: 0;
}

.about.about--page .about__fruit {
  margin-top: 0;
  margin-left: -6.24vw;
}

.grid_pages_j 
{
      display: grid;
    grid-template-columns: 24vw 24vw 24vw;
    justify-items: center;
    align-items: center;
    justify-content: center;
    gap: 1vw;
}

.about-card {
    display: flex;
    align-items: center;
    gap: 0.988vw;
    width: 21.736vw;
    height: 7.592vw;
    padding: 0 1.872vw 0 1.248vw;
    border-radius: 4.16vw;
    border: 0 solid rgba(255, 255, 255, 0.65);
    background: #FFF;
    box-shadow: 0.052vw 0.052vw 0 1.04vw rgb(247 247 247 / 62%);
    box-sizing: border-box;
    width: 21.372vw;
    height: 7.436vw;
    background-color: #ffffff;
    position: relative;
    margin-bottom: 2.288vw;
}

.news__heading22 
{
     text-align: center;
    margin-bottom: 3.016vw;
    font-family: Roboto, sans-serif;
    font-size: 1.872vw;
    font-style: normal;
    line-height: normal;
    letter-spacing: -0.03744vw;
    margin-top: 2vw; 
}

.jj77 .about-card__text {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    font-family: Roboto, sans-serif;
    font-size: 1.196vw;
    font-style: normal;
    line-height: 1.25;
    color: #4E4E4E;
    text-align: center;
    font-family: Roboto;
    font-size: 1.092vw;
    font-style: normal;
    font-weight: 300;
    line-height: normal;
    justify-content: flex-start;
}

.jj77 .about-card {
    display: flex;
    align-items: center;
    gap: 0.884vw;
    width: 21.736vw;
    height: 7.592vw;
    padding: 0 1.872vw 0 1.248vw;
    border-radius: 4.16vw;
    border: 0 solid rgba(255, 255, 255, 0.65);
    background: #FFF;
    box-shadow: 0.052vw 0.052vw 0 1.04vw rgb(247 247 247);
    box-sizing: border-box;
    width: 100%;
    height: 8.996vw;
    background-color: #ffffff;
    position: relative;
    margin-bottom: 2.288vw;
    border-radius: 4.16vw;
    border: 0 solid rgba(255, 255, 255, 0.65);
    background: #FFF;
    box-shadow: 0 0.416vw 1.6692vw 0 rgba(0, 0, 0, 0.12);
    padding-left: 1.768vw;
}

.mi1 
{
  position: absolute;
    right: 0;
}

.jj77 .about-card {
    display: flex;
    align-items: center;
    gap: 0.884vw;
    width: 21.736vw;
    height: 7.592vw;
    padding: 0 1.872vw 0 1.248vw;
    border-radius: 4.16vw;
    border: 0 solid rgba(255, 255, 255, 0.65);
    background: #FFF;
    box-shadow: 0.052vw 0.052vw 0 1.04vw rgb(247 247 247);
    box-sizing: border-box;
    width: 100%;
    height: 8.996vw;
    background-color: #ffffff;
    position: relative;
    margin-bottom: 1.092vw;
    border-radius: 4.16vw;
    border: 0 solid rgba(255, 255, 255, 0.65);
    background: #FFF;
    box-shadow: 0 0.416vw 1.6692vw 0 rgba(0, 0, 0, 0.12);
    padding-left: 1.768vw;
}

.grid_pages_j {
    display: grid;
    grid-template-columns: 24vw 24vw 24vw;
    justify-items: center;
    align-items: center;
    justify-content: center;
    gap: 1vw;
    column-gap: 2vw;
}

.page-head {
    background: #FBFBFB;
    border-bottom: 0 dashed rgba(0, 0, 0, 0.06);
    position: relative;
    z-index: 10;
}

.svg_pl 
{
  left: 50%;
    position: absolute;
    top: 7.8vw;
}

.svg_pl {
    left: 50%;
    position: absolute;
    top: 7.8vw;
    transform: translate(-50%);
}

.footer {
    position: relative;
    background: #F9F9F7;
    margin-top: 4.004vw;
}

.footer {
    position: relative;
    background: #F9F9F7;
    margin-top: 4.004vw;
}

.jj77 .about-card__text {
    display: block;
}

.jj77 .about-card__text b {
    display: block;
    font-weight: 700;
    color: #4E4E4E;
}

.news__heading22 {
    text-align: center;
    margin-bottom: 3.016vw;
    font-family: Roboto, sans-serif;
    font-size: 1.872vw;
    font-style: normal;
    line-height: normal;
    letter-spacing: -0.03744vw;
    margin-top: 2.6vw;
}

.hig_s img 
{
 width: 17.108vw; 
}

.grid_hig_s 
{
      display: grid;
    grid-template-columns: 17.108vw 17.108vw 17.108vw 17.108vw 17.108vw;
    margin: auto;
    justify-items: center;
    margin: auto;
    align-items: center;
    justify-content: center;
    gap: 1.7vw;
}

.news__heading22-2 {
    text-align: center;
    margin-bottom: 2.08vw;
    font-family: Roboto, sans-serif;
    font-size: 1.872vw;
    font-style: normal;
    line-height: normal;
    letter-spacing: -0.03744vw;
    margin-top: 2.6vw;
}

.news__grid_8 {
    display: grid;
    grid-template-columns: repeat(2, auto);
    justify-content: center;
    gap: 2.496vw;
    width: 79%;
    margin: auto;
}

.offer__grid_pll {
    display: grid;
    flex-wrap: wrap;
    justify-content: center;
    gap: 0.52vw;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
    justify-items: center;
    align-items: center;
    align-content: center;
    padding-left: 2.5vw;
    padding-right: 2.5vw;
}

.t1 
{
width: 17.08vw;
height: 30.36vw; 
border-radius: 0.78vw;
}

.sekcja_1_png 
{
  color: #3F3F3F;
font-family: Roboto;
font-size: 1.872vw;
font-style: normal;
font-weight: 200;
line-height: normal;
letter-spacing: -0.03744vw;
}

.sekcja_1_png b 
{
color: #80B427;
font-family: Roboto;
font-size: 1.872vw;
font-style: normal;
font-weight: 700;
line-height: normal;
letter-spacing: -0.03744vw;
}

.sekcja_1_png_1 
{
color: #515151;
font-family: Outfit;
font-size: 0.99vw;
font-style: normal;
font-weight: 300;
line-height: 1.41vw;
}

.about.about--page
{
display: grid;
    grid-template-columns: 39vw 1fr 1fr;
    justify-content: space-between;
    width: 100%;
    padding: 0;
    margin-left: 0;
    margin-right: 0;
    padding-top: 2vw;  
}

.t1_ol 
{
 position: absolute;
    right: 0; 
}

.sekcja_1 
{
  display: flex;
    gap: 1.56vw;
}


.sekcja_1ss {
    display: flex;
    gap: 1.56vw;
    flex-direction: column;
}

.sekcja_1 {
    display: flex;
    gap: 2.028vw;
    margin-left: 3vw;
}

.sekcja_1ss {
    display: flex;
    gap: 1.56vw;
    flex-direction: column;
    margin-left: 3.5vw;
    margin-top: 1vw;
}
.about.about--page {
    display: grid;
    grid-template-columns: 39vw 39vw 1fr;
    justify-content: space-between;
    width: 100%;
    padding: 0;
    margin-left: 0;
    margin-right: 0;
    padding-top: 2vw;
}

.sekcja_1_png_1 {
    color: #515151;
    font-family: Outfit;
    font-size: 0.99vw;
    font-style: normal;
    font-weight: 300;
    line-height: 1.41vw;
    color: #515151;
    font-family: Outfit;
    font-size: 0.988vw;
    font-style: normal;
    font-weight: 300;
    line-height: 1.404vw;
}

.sekcja_1ss {
    display: flex;
    gap: 1.248vw;
    flex-direction: column;
    margin-left: 3.5vw;
    margin-top: 1vw;
}
.about.about--page {
    display: grid;
    grid-template-columns: 39vw 38vw 1fr;
    justify-content: space-between;
    width: 100%;
    padding: 0;
    margin-left: 0;
    margin-right: 0;
    padding-top: 2vw;
}

.sekcja_1ss {
    display: flex;
    gap: 1.248vw;
    flex-direction: column;
    margin-left: 3.5vw;
    margin-top: 1vw;
    position: relative;
    z-index: 99999;
}

.sekcja_1_png_1 {
    color: #515151;
    font-family: Outfit;
    font-size: 0.99vw;
    font-style: normal;
    font-weight: 300;
    line-height: 1.41vw;
    color: #515151;
    font-family: Outfit;
    font-size: 0.988vw;
    font-style: normal;
    font-weight: 300;
    line-height: 1.404vw;
    text-align: justify;
}

.about-card {
    margin-bottom: 0;
}


.t1_ol {
    position: absolute;
    right: 0;
    top: 4vw;
}

.class_g1 
{
      display: grid;
    grid-template-columns: 27vw 27vw 27vw;
    margin: auto;
    justify-items: center;
    align-items: center;
    justify-content: center;
    margin-top: 4vw;
}

.class_g1  .about-card {
    display: flex;
    align-items: center;
    gap: 0.988vw;
    width: 21.736vw;
    height: 7.592vw;
    padding: 0 1.872vw 0 1.248vw;
    border-radius: 4.16vw;
    border: 0 solid rgba(255, 255, 255, 0.65);
    background: #FFF;
    box-shadow: 0.052vw 0.052vw 0 1.04vw rgb(247 247 247 / 62%);
    box-sizing: border-box;
    width: 21.372vw;
    height: 7.436vw;
    background-color: #ffffff;
    position: relative;
    margin-bottom: 2.288vw;
    border: 0.832vw solid rgba(255, 255, 255, 0.65);
    background: #FFF;
    box-shadow: 0 0.416vw 1.6692vw 0 rgba(0, 0, 0, 0.12);
    width: 23.556vw;
    height: 8.84vw;
}

.class_g1 {
    display: grid;
    grid-template-columns: 27vw 27vw 27vw;
    margin: auto;
    justify-items: center;
    align-items: center;
    justify-content: center;
    margin-top: 3.5vw;
}

.left_class_ok1 h2 
{
border-radius: 0.78vw;
background: linear-gradient(97deg, #CDEDDA 1.29%, #FFF 121.27%), #CDEDDA;
width: 53.8vw;
height: 29.9vw;
}

.zamowi 
{
width: 37.86vw;
height: 29.9vw;
border-radius: 0.78vw;
}

.left_class_ok1 
{
  background: linear-gradient(97deg, #CDEDDA 1.29%, #FFF 121.27%), #CDEDDA;
}

.left_class_ok1 h2 {
    height: auto;
}

.left_class_ok1 h2 {
    background: none;
}

.left_class_ok1 {
    background: linear-gradient(97deg, #CDEDDA 1.29%, #FFF 121.27%), #CDEDDA;
    width: 100%;
    height: 29.9vw;
}

.class_ok 
{
 display: grid;
    grid-template-columns: 1fr 28vw;
    width: 90%;
    margin: auto; 
}

.class_ok {
    display: grid;
    grid-template-columns: 1fr 28vw;
    width: 95%;
    margin: auto;
    gap: 2vw;
}
.left_class_ok1 {
    background: linear-gradient(97deg, #CDEDDA 1.29%, #FFF 121.27%), #CDEDDA;
    width: 100%;
    height: 29.9vw;
    border-radius: 1vw;
}


.left_class_ok1 h2 {
    background: none;
    color: #3F3F3F;
    font-family: Roboto;
    font-size: 1.56vw;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    letter-spacing: -0.0312vw;
}

.gallery {
    padding: 2.444vw 3.12vw 1.56vw 0;
}

.left_class_ok1 {
    background: linear-gradient(97deg, #CDEDDA 1.29%, #FFF 121.27%), #CDEDDA;
    width: 100%;
    height: 29.9vw;
    border-radius: 1vw;
    padding-left: 4.3vw;
    padding-top: 2.3vw;
}

.kontent_h2 
{
    width: 44vw;
    color: #323335;
    font-family: Roboto;
    font-size: 0.936vw;
    font-style: normal;
    font-weight: 300;
    line-height: 1.404vw;
    margin-top: 1.6vw;  
}

.left_class_ok1 h2 {
    width: auto;
}

.class_ok {
    display: grid;
    grid-template-columns: 1fr 38vw;
    width: 95%;
    margin: auto;
    gap: 2vw;
}

.wzrz_32 
{
  margin-top:1vw;
}

.wzrz_32 {
    margin-top: 1.5vw;
}

.left_class_ok1 h2 {
    font-weight: 300;
}

.wzrz b 
{
  font-weight: 700;
}

.wzrz211 
{
  margin-top:1vw;
}

.wzrz211 {
    margin-top: 1.3vw;
}

.wzrz211 b {
    font-weight: 700;
}

.kontent_h2 b 
{
  font-weight: 700;
}

.sekcja_1_png_1 b 
{
  font-weight: 700;
}

.wzrz3 b 
{
  font-weight: 700;
}

.class_ok {
    display: grid;
    grid-template-columns: 1fr 38vw;
    width: 95%;
    margin: auto;
    gap: 2vw;
    padding-bottom: 4vw;
}

.class_g1 {
    display: grid;
    grid-template-columns: 27vw 27vw 27vw;
    margin: auto;
    justify-items: center;
    align-items: center;
    justify-content: center;
    margin-top: 3.8vw;
    margin-bottom: 1.5vw;
}

/* ===== Page: Kontakt ===== */
.footer-k {
  position: relative;
  background: #F7F6F2;
  margin-top: 4.004vw;
}

.footer-k__wave {
  position: relative;
  top: -2.444vw;
  margin-bottom: -2.444vw;
  line-height: 0;
  pointer-events: none;
}

.footer-k__wave svg {
  display: block;
  width: 100%;
  height: 2.496vw;
}

.footer-k__nav {
  padding: 1.456vw 4.7vw;
}

.footer-k__menu {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 0.624vw 3vw;
}

.footer-k__menu a {
  color: #9F9E9C;
  font-family: Roboto, sans-serif;
  font-size: 0.78vw;
  font-weight: 700;
  line-height: normal;
  text-transform: uppercase;
  transition: color 0.2s;
}

.footer-k__menu a:hover,
.footer-k__menu a.is-active {
  color: #80B427;
}

.footer-k__bottom {
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  align-items: center;
  gap: 1.248vw;
  padding: 0.936vw 4.7vw;
  background: #fff;
}

.footer-k__privacy {
  color: #80B427;
  font-family: Roboto, sans-serif;
  font-size: 0.78vw;
  font-weight: 600;
  line-height: 1.248vw;
  justify-self: start;
  transition: opacity 0.2s;
}

.footer-k__privacy:hover {
  opacity: 0.8;
}

.footer-k__copy,
.footer-k__credit {
  color: #838383;
  font-family: Roboto, sans-serif;
  font-size: 0.78vw;
  font-weight: 500;
  line-height: 1.248vw;
  text-align: center;
}

.footer-k__credit {
  justify-self: end;
  text-align: right;
}

.footer-k__accent {
  color: #80B427;
  font-weight: 700;
}



.contact {
  width: 100%;
  max-width: var(--page-max-width);
  margin: 0 auto;
  padding: 2vw 4.7vw 4vw;
}

.contact__inner {
  display: grid;
  grid-template-columns: 17.08vw 1fr 22vw;
  align-items: start;
  column-gap: 3vw;
}

.contact__photo-wrap {
  position: relative;
  display: flex;
  align-items: center;
}

.contact__photo {
  width: 17.08vw;
  height: 30.36vw;
  border-radius: 0.78vw;
  object-fit: cover;
  object-position: center;
}

.contact__social {
  position: absolute;
  left: -0.936vw;
  top: 50%;
  transform: translateY(-50%);
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 1.872vw;
  height: 1.872vw;
  background: var(--green);
  color: var(--white);
  border-radius: 50%;
  transition: background 0.2s;
}

.contact__social:hover {
  background: var(--green-dark);
}

.contact__title {
  margin: 0 0 2vw;
  font-family: Roboto, sans-serif;
  font-size: 1.872vw;
  font-style: normal;
  font-weight: 200;
  line-height: normal;
  letter-spacing: -0.03744vw;
}

.contact__title-brand {
  color: #80B427;
  font-weight: 700;
}

.contact__title-name {
  color: #B5B5B5;
  font-weight: 300;
}

.contact__details {
  display: grid;
  grid-template-columns: 1fr 1fr;
  column-gap: 3vw;
}

.contact__logos {
  display: flex;
  align-items: center;
  gap: 1.248vw;
  margin-bottom: 1.456vw;
}

.contact__logo {
  width: auto;
  height: 2.912vw;
}

.contact__badge {
  width: auto;
  height: 3.744vw;
  object-fit: contain;
}

.contact__block {
  margin-bottom: 1.144vw;
}

.contact__block:last-child {
  margin-bottom: 0;
}

.contact__label {
  color: #80B427;
  font-family: Roboto, sans-serif;
  font-size: 0.884vw;
  font-style: normal;
  font-weight: 900;
  line-height: normal;
  margin-bottom: 0.416vw;
}

.contact__text {
  color: #3B3B3B;
  font-family: Roboto, sans-serif;
  font-size: 0.884vw;
  font-style: normal;
  font-weight: 300;
  line-height: 1.68;
}

.contact__text a {
  color: inherit;
  transition: color 0.2s;
}

.contact__text a:hover {
  color: #80B427;
}

.contact__text b {
  font-weight: 700;
}

.contact__form-wrap {
  position: relative;
  padding-left: 2.5vw;
  border-left: 0.104vw dashed rgba(0, 0, 0, 0.08);
  min-height: 100%;
  overflow: hidden;
}

.contact__form-bg {
  position: absolute;
  right: -2.08vw;
  bottom: -1.04vw;
  width: 100%;
  max-width: 21.84vw;
  opacity: 0.12;
  pointer-events: none;
  z-index: 0;
}

.contact__form-bg img {
  width: 100%;
  height: auto;
  object-fit: contain;
}

.contact__form-title {
  position: relative;
  z-index: 1;
  margin: 0 0 2.2vw;
  color: #B5B5B5;
  font-family: Roboto, sans-serif;
  font-size: 1.872vw;
  font-style: normal;
  font-weight: 200;
  line-height: normal;
  letter-spacing: -0.03744vw;
}

.contact__form {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  gap: 1.144vw;
}

.contact__field {
  display: flex;
  flex-direction: column;
  gap: 0.312vw;
}

.contact__field label {
  color: #9F9E9C;
  font-family: Roboto, sans-serif;
  font-size: 0.78vw;
  font-style: normal;
  font-weight: 300;
  line-height: normal;
}

.contact__field input,
.contact__field textarea {
  width: 100%;
  border: none;
  border-bottom: 0.052vw solid #D6D6D5;
  background: transparent;
  padding: 0.312vw 0 0.416vw;
  color: #3B3B3B;
  font-family: Roboto, sans-serif;
  font-size: 0.832vw;
  font-weight: 300;
  outline: none;
  resize: none;
  transition: border-color 0.2s;
}

.contact__field input:focus,
.contact__field textarea:focus {
  border-bottom-color: #80B427;
}

.contact__field--message textarea {
  min-height: 1.664vw;
}

.contact__submit {
  align-self: flex-start;
  margin-top: 0.416vw;
  padding: 0.728vw 1.664vw;
  border: none;
  border-radius: 51.948vw;
  background: #80B427;
  color: #fff;
  font-family: Roboto, sans-serif;
  font-size: 0.884vw;
  font-style: normal;
  font-weight: 900;
  line-height: normal;
  letter-spacing: -0.01768vw;
  cursor: pointer;
  transition: background 0.2s;
}

.contact__submit:hover {
  background: var(--green-dark);
}








.contact {
    width: 100%;
    max-width: var(--page-max-width);
    margin: 0 auto;
    padding: 2vw 3.2vw 4vw;
}

.contact__inner {
    display: grid;
    grid-template-columns: 26.08vw 1fr 22.7vw;
    align-items: start;
    column-gap: 3vw;
}

.contact__photo {
    width: 25.7vw;
    height: 30.36vw;
    border-radius: 0.78vw;
    object-fit: cover;
    object-position: center;
}
.contact__title {
    margin: 0 0 2vw;
    font-family: Roboto, sans-serif;
    font-size: 1.872vw;
    font-style: normal;
    font-weight: 200;
    line-height: normal;
    letter-spacing: -0.03744vw;
    margin-top: 1vw;
}

.contact__col 
{
 margin-left: 2vw;
    margin-top: 0.4vw; 
}

.contact__text-mod1 
{
     margin-top: 1vw;
    margin-bottom: 1.4vw; 
}

.contact__label33 
{
  margin-bottom: 0.8vw;
}

.contact__label221 
{
  margin-top: 1.7vw;
}

.contact__text123 
{
    margin-top: 1vw;
    margin-bottom: 2vw;  
}

.contact__text1255 
{
  margin-top: 0.98vw;
}

.contact__logo {
    width: auto;
    height: 4.628vw;
}

.contact__logos {
    display: flex;
    align-items: center;
    gap: 1.248vw;
    margin-bottom: 1.456vw;
    flex-direction: column;
}

.contact__badge {
    width: auto;
    height: 3.068vw;
    object-fit: contain;
    margin-top: 0.5vw;
}

.contact__details {
    display: grid;
    grid-template-columns: 1fr 1fr;
    column-gap: 1vw;
}

.contact__block125 
{
margin-top: 3.6vw;  
}

.contact__text3321 
{
     margin-top: 1vw;
    margin-bottom: 1.9vw; 
}

.maz 
{
  display: flex;
    flex-direction: column;
}

.klk 
{
 display: grid;
    grid-template-columns: 1fr 1fr; 
}

.klk {
    display: grid;
    grid-template-columns: 1fr 1fr;
    margin-top: 1vw;
    gap: 1.7vw;
}

.maz {
    display: flex;
    flex-direction: column;
    gap: 0.5vw;
}
.contact__form-wrap {
    position: relative;
    padding-left: 3.5vw;
    border-left: 0.104vw dashed rgba(0, 0, 0, 0.08);
    min-height: 100%;
    overflow: hidden;
    margin-left: -1vw;
    padding-top: 1vw;
}

.contact__form-title {
    position: relative;
    z-index: 1;
    margin: 0 0 2.2vw;
    color: #B5B5B5;
    font-family: Roboto, sans-serif;
    font-size: 1.872vw;
    font-style: normal;
    font-weight: 200;
    line-height: normal;
    letter-spacing: -0.03744vw;
    color: #3F3F3F;
    font-family: Roboto;
    font-size: 1.56vw;
    font-style: normal;
    font-weight: 200;
    line-height: normal;
    letter-spacing: -0.0312vw;
}

.contact__form {
    position: relative;
    z-index: 1;
    display: flex;
    flex-direction: column;
    gap: 0.728vw;
    margin-top: 3vw;
}


input::placeholder {
color: #000;
font-family: Roboto;
font-size: 0.728vw;
font-style: normal;
font-weight: 500;
line-height: normal;
}

textarea::placeholder {
color: #000;
font-family: Roboto;
font-size: 0.728vw;
font-style: normal;
font-weight: 500;
line-height: normal;
}

.contact__form {
    position: relative;
    z-index: 1;
    display: flex;
    flex-direction: column;
    gap: 0.728vw;
    margin-top: 3.4vw;
}

#contact-phone 
{
  margin-top: 0.3vw;
}

#contact-email 
{
  margin-top: 0.4vw;
}

#contact-subject 
{
  margin-top: 0.3vw;
}

.contact__field--message textarea {
    min-height: 9.048vw;
    padding-top: 0.6vw;
    color: #000;
    font-family: Roboto;
    font-size: 0.728vw;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.sse {
    position: absolute;
    right: -2vw;
    width: 28vw;
    top: 2vw;
    opacity: 1;
}
.contact__block {
    margin-bottom: 1.144vw;
    border-left: 0.052vw dashed #00000030;
    padding-left: 2vw;
    margin-left: -2vw;
}
.contact__block {
    margin-bottom: 1.144vw;
    border-left: 0.052vw dashed #00000030;
    padding-left: 2vw;
    margin-left: -1.9vw;
}
.contact__form-wrap {
    border-left: 0.052vw dashed rgb(0 0 0 / 17%);
}

.contact__logos {
    display: flex;
    align-items: center;
    gap: 1.248vw;
    margin-bottom: 1.456vw;
    flex-direction: column;
    border-left: 0.052vw dashed #00000030;
    padding-left: 2vw;
    margin-left: -1.9vw;
}

.klk {
    display: grid;
    grid-template-columns: 1fr 1fr;
    margin-top: 1vw;
    gap: 1.7vw;
    width: 17vw;
}

/* ===== Page: Oferta katalog ===== */
.page-catalog .catalog {
  position: relative;
  display: grid;
  grid-template-columns: 16.838692vw minmax(0, 1fr);
  column-gap: 3.432vw;
  align-items: stretch;
  width: 100%;
  max-width: var(--page-max-width);
  margin: 0 auto;
  padding: 0 4.7vw 5vw;
  padding-left: calc(4.7vw + 1.56vw);
  min-height: 60vh;
}

.catalog__sidebar-col {
  grid-column: 1;
  position: relative;
  min-height: 100%;
}

.catalog__sidebar {
  position: sticky;
  top: calc(var(--header-height) + 1.04vw);
  width: 16.838692vw;
  z-index: 2;
}

.catalog__nav {
  width: 16.838692vw;
  height: 24.752vw;
  border-radius: 0.78vw;
  background: #F2F2F2;
  padding: 1.456vw 1.248vw;
  margin-bottom: 1.04vw;
  box-sizing: border-box;
  overflow-y: auto;
  display: flex;
  flex-direction: column;
}

.catalog__menu {
  display: flex;
  flex-direction: column;
  gap: 0.728vw;
  flex: 1;
}

.catalog__menu-item {
  position: relative;
}

.catalog__menu-link {
  display: block;
  transition: color 0.2s;
}

.catalog__menu-link:hover .catalog__menu-light,
.catalog__menu-link:hover .catalog__menu-bold {
  color: #80B427;
}

.catalog__menu-arrow {
  position: absolute;
  left: -1.56vw;
  top: 50%;
  transform: translateY(-50%);
  display: flex;
  align-items: center;
  line-height: 0;
}

.catalog__menu-arrow svg {
  display: block;
  width: 0.988vw;
  height: 0.52vw;
}

.catalog__menu-light {
  color: #4E4E4E;
  font-family: Roboto, sans-serif;
  font-size: 0.936vw;
  font-style: normal;
  font-weight: 300;
  line-height: normal;
}

.catalog__menu-bold {
  color: #4E4E4E;
  font-family: Roboto, sans-serif;
  font-size: 0.936vw;
  font-style: normal;
  font-weight: 900;
  line-height: normal;
}

.catalog__menu-count {
  color: #80B427;
  font-family: Roboto, sans-serif;
  font-size: 0.936vw;
  font-weight: 900;
  line-height: normal;
}

.catalog__nav-footer {
  margin-top: auto;
  padding-top: 0.936vw;
  border-top: 0.052vw solid rgba(0, 0, 0, 0.08);
}

.catalog__nav-footer-link {
  display: block;
  position: relative;
  transition: color 0.2s;
}

.catalog__nav-footer-link:hover .catalog__menu-light,
.catalog__nav-footer-link:hover .catalog__menu-bold {
  color: #80B427;
}

.catalog__nav-footer-link--active .catalog__menu-light,
.catalog__nav-footer-link--active .catalog__menu-bold,
.catalog__nav-footer-link--active .catalog__menu-count {
  color: #80B427;
}

.catalog__nav-footer-link .catalog__menu-arrow {
  left: -1.56vw;
}

.catalog__photo {
  width: 16.838692vw;
  height: 15.681484vw;
  border-radius: 0.78vw;
  object-fit: cover;
  object-position: center;
  display: block;
}

.catalog__content {
  position: relative;
  grid-column: 2;
  padding-right: 2vw;
  padding-bottom: 4vw;
}

.catalog__bg {
  position: absolute;
  right: -2vw;
  top: 0;
  width: 28vw;
  max-width: 21.84vw;
  opacity: 0.35;
  pointer-events: none;
  z-index: 0;
}

.catalog__bg img {
  width: 100%;
  height: auto;
  object-fit: contain;
}

.catalog__title {
  position: relative;
  z-index: 1;
  margin: 0 0 1.248vw;
  font-family: Roboto, sans-serif;
  font-size: 1.872vw;
  font-style: normal;
  line-height: normal;
  letter-spacing: -0.03744vw;
}

.catalog__title-light {
  color: #3F3F3F;
  font-weight: 200;
}

.catalog__title-bold {
  color: #3F3F3F;
  font-weight: 900;
}

.catalog__divider {
  position: relative;
  z-index: 1;
  width: 100%;
  height: 0.052vw;
  background: #E0E0E0;
  margin-bottom: 1.664vw;
}

.catalog__list {
  position: relative;
  z-index: 1;
  column-count: 3;
  column-gap: 2.496vw;
  list-style: none;
  padding: 0;
  margin: 0;
}

.catalog__list li {
  position: relative;
  padding: 0 0 0.52vw 0.728vw;
  color: #515151;
  text-align: justify;
  font-family: Outfit, sans-serif;
  font-size: 0.988vw;
  font-style: normal;
  font-weight: 300;
  line-height: 1.456vw;
  break-inside: avoid;
}

.catalog__list li::before {
  content: '';
  position: absolute;
  left: 0;
  top: 0.65em;
  width: 0.208vw;
  height: 0.208vw;
  border-radius: 50%;
  background: #9F9E9C;
}

.catalog-biuro {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: 19.76vw minmax(0, 1fr);
  gap: 2.496vw;
  align-items: start;
}

.catalog-biuro__image {
  width: 19.76vw;
  max-width: 100%;
  height: auto;
  border-radius: 0.78vw;
  object-fit: cover;
  object-position: center;
}

.catalog-biuro__subtitle {
  margin: 0 0 1.248vw;
  color: #515151;
  font-family: Outfit, sans-serif;
  font-size: 0.988vw;
  font-weight: 300;
  line-height: 1.456vw;
}

.catalog-biuro__subtitle-bold {
  font-weight: 600;
}

.catalog-biuro__text {
  margin: 0 0 1.664vw;
  color: #515151;
  text-align: justify;
  font-family: Outfit, sans-serif;
  font-size: 0.988vw;
  font-weight: 300;
  line-height: 1.456vw;
}

.catalog-biuro__heading {
  margin: 0 0 1.04vw;
  color: #515151;
  font-family: Outfit, sans-serif;
  font-size: 0.988vw;
  font-weight: 300;
  line-height: 1.456vw;
}

.catalog-biuro__heading-bold {
  font-weight: 600;
}

.catalog-biuro__list {
  margin: 0;
  padding: 0;
  list-style: none;
}

.catalog-biuro__list li {
  position: relative;
  padding: 0 0 0.52vw 0.728vw;
  color: #515151;
  text-align: justify;
  font-family: Outfit, sans-serif;
  font-size: 0.988vw;
  font-weight: 300;
  line-height: 1.456vw;
}

.catalog-biuro__list li::before {
  content: '';
  position: absolute;
  left: 0;
  top: 0.65em;
  width: 0.208vw;
  height: 0.208vw;
  border-radius: 50%;
  background: #9F9E9C;
}

.fruit-boxes {
  position: relative;
  z-index: 1;
  margin-top: 3.328vw;
}

.fruit-boxes__title {
  margin: 0 0 2.08vw;
  text-align: center;
  font-family: Roboto, sans-serif;
  font-size: 1.872vw;
  font-style: normal;
  line-height: normal;
  letter-spacing: -0.03744vw;
}

.fruit-boxes__title-light {
  color: #3F3F3F;
  font-weight: 200;
}

.fruit-boxes__title-bold {
  color: #3F3F3F;
  font-weight: 900;
}

.fruit-boxes__grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 0.832vw;
}

.fruit-box-card {
  display: flex;
  flex-direction: column;
  background: #F2F2F2;
  border-radius: 0.78vw;
  overflow: hidden;
  min-height: 100%;
}

.fruit-box-card__image-wrap {
  line-height: 0;
  overflow: hidden;
  border-radius: 0.78vw 0.78vw 0 0;
}

.fruit-box-card__image {
  width: 100%;
  height: 12.48vw;
  object-fit: cover;
  object-position: center;
}

.fruit-box-card__body {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  padding: 1.144vw 0.936vw 1.456vw;
  flex: 1;
}

.fruit-box-card__name {
  margin: 0 0 0.416vw;
  font-family: Roboto, sans-serif;
  font-size: 1.144vw;
  line-height: 1.2;
}

.fruit-box-card__name-light {
  color: #4E4E4E;
  font-weight: 300;
}

.fruit-box-card__name-bold {
  color: #4E4E4E;
  font-weight: 900;
}

.fruit-box-card__weight {
  margin: 0 0 0.624vw;
  color: #9F9E9C;
  font-family: Roboto, sans-serif;
  font-size: 0.78vw;
  font-weight: 300;
  line-height: normal;
}

.fruit-box-card__tagline {
  margin: 0 0 0.832vw;
  color: #80B427;
  font-family: Roboto, sans-serif;
  font-size: 0.78vw;
  font-weight: 900;
  line-height: 1.35;
}

.fruit-box-card__list-title {
  margin: 0 0 0.52vw;
  color: #515151;
  font-family: Outfit, sans-serif;
  font-size: 0.78vw;
  font-weight: 300;
  line-height: 1.4;
}

.fruit-box-card__list {
  width: 100%;
  margin: 0 0 0.936vw;
  padding: 0;
  list-style: none;
  text-align: left;
}

.fruit-box-card__list li {
  display: flex;
  align-items: flex-start;
  gap: 0.416vw;
  margin-bottom: 0.416vw;
  color: #515151;
  font-family: Outfit, sans-serif;
  font-size: 0.78vw;
  font-weight: 300;
  line-height: 1.4;
}

.fruit-box-card__check {
  flex-shrink: 0;
  line-height: 0;
  margin-top: 0.104vw;
}

.fruit-box-card__check svg {
  display: block;
}

.fruit-box-card__summary {
  margin: auto 0 0;
  padding-top: 0.416vw;
  color: #80B427;
  font-family: Roboto, sans-serif;
  font-size: 0.78vw;
  font-weight: 900;
  line-height: 1.35;
}

.biuro-info {
  position: relative;
  z-index: 1;
  margin-top: 3.328vw;
}

.biuro-info__grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1.04vw;
  align-items: stretch;
}

.biuro-info-card {
  position: relative;
  min-height: 16.64vw;
  padding: 1.456vw 1.248vw 4.16vw;
  border-radius: 0.78vw;
  overflow: visible;
}

.biuro-info-card--pink {
  background: #F0E3F3;
}

.biuro-info-card--green {
  background: #CDEDDA;
}

.biuro-info-card--peach {
  background: #FFE4BE;
}

.biuro-info-card__title {
  margin: 0 0 1.04vw;
  font-family: Roboto, sans-serif;
  font-size: 1.352vw;
  line-height: 1.2;
  letter-spacing: -0.02704vw;
}

.biuro-info-card__title--center {
  text-align: center;
}

.biuro-info-card__title-light {
  color: #3F3F3F;
  font-weight: 300;
}

.biuro-info-card__title-bold {
  color: #3F3F3F;
  font-weight: 900;
}

.biuro-info-card__list {
  margin: 0;
  padding: 0;
  list-style: none;
}

.biuro-info-card__list li {
  display: flex;
  align-items: flex-start;
  gap: 0.52vw;
  margin-bottom: 0.624vw;
  color: #515151;
  font-family: Outfit, sans-serif;
  font-size: 0.884vw;
  font-weight: 300;
  line-height: 1.45;
}

.biuro-info-card__list li::before {
  content: '';
  flex-shrink: 0;
  width: 0.728vw;
  height: 0.728vw;
  margin-top: 0.208vw;
  border-radius: 50%;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 14 14' fill='none'%3E%3Ccircle cx='7' cy='7' r='7' fill='%2380B427'/%3E%3Cpath d='M4 7.2L6.1 9.3L10 5.2' stroke='%23fff' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
}

.biuro-info-card__list--purple li::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 14 14' fill='none'%3E%3Ccircle cx='7' cy='7' r='7' fill='%23A885C7'/%3E%3Cpath d='M4 7.2L6.1 9.3L10 5.2' stroke='%23fff' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

.biuro-info-card__contact {
  text-align: center;
  color: #515151;
  font-family: Outfit, sans-serif;
  font-size: 0.884vw;
  font-weight: 300;
  line-height: 1.55;
}

.biuro-info-card__contact p {
  margin: 0 0 0.728vw;
}

.biuro-info-card__contact a {
  color: inherit;
  transition: color 0.2s;
}

.biuro-info-card__contact a:hover {
  color: #80B427;
}

.biuro-info-card__contact b {
  font-weight: 700;
}

.biuro-info-card__deco {
  position: absolute;
  pointer-events: none;
  z-index: 1;
}

.biuro-info-card__deco--left {
  left: -0.52vw;
  bottom: -2.08vw;
  width: 9.36vw;
  height: auto;
}

.biuro-info-card__deco--right {
  right: -1.56vw;
  bottom: -2.6vw;
  width: 11.44vw;
  height: auto;
  opacity: 0.9;
}

.biuro-info__back {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 10.296vw;
  height: 2.6vw;
  margin-top: 2.08vw;
  padding: 0.624vw 1.456vw;
  border-radius: 1.56vw;
  border: 0.052vw solid #D6D6D5;
  background: #fff;
  color: #9F9E9C;
  font-family: Roboto, sans-serif;
  font-size: 0.884vw;
  font-weight: 900;
  letter-spacing: -0.01768vw;
  transition: background 0.3s ease, color 0.3s ease, border-color 0.3s ease;
}

.biuro-info__back:hover {
  border-color: #80B427;
  background: #80B427;
  color: #fff;
}





/* ===== Mobile homepage (overrides desktop vw rules) ===== */



  .offer__controls {
    display: none;
  }

  .offer__viewport {
    overflow: visible;
  }

  .header__mobile-menu {
    display: none !important;
  }





/* Mobile: about fruit — final override */


/* Mobile: services — final override */


/* Mobile: inner pages — final override */


.news_home .news {
    width: 91%;
    max-width: var(--page-max-width);
    margin: 0 auto;
    padding: 3.328vw var(--side-padding) 4.16vw;
    padding-top: 0;
    margin-top: -2vw;
}

.news_home .news__heading {
    text-align: center;
    margin-bottom: 3.172vw;
    font-family: Roboto, sans-serif;
    font-size: 1.872vw;
    font-style: normal;
    line-height: normal;
    letter-spacing: -0.03744vw;
}

.news_home .news-card__title {
    font-family: Roboto, sans-serif;
    font-size: 1.352vw;
    font-style: normal;
    line-height: 1.664vw;
    letter-spacing: -0.02704vw;
    margin-top: 1.04vw;
}

.news_home .news-card__body {
    display: flex;
    flex-direction: column;
    min-height: 17.524vw;
    padding-top: 0.416vw;
    margin-left: 0.26vw;
}

.news_home .news-card__more {
    display: flex;
    width: 4.16vw;
    margin-top: auto;
    justify-content: flex-start;
    align-items: center;
    gap: 0.364vw;
    color: #9F9E9C;
    font-family: Roboto, sans-serif;
    font-size: 0.884vw;
    font-weight: 900;
    letter-spacing: -0.01768vw;
    transition: color 0.3s ease;
    padding-top: 0;
    margin-top: 2.6vw;
    align-content: center;
    gap: 0.6vw;
}

.news_home  {
    width: 91%;
    max-width: var(--page-max-width);
    margin: 0 auto;
    padding: 3.328vw var(--side-padding) 4.16vw;
    padding-top: 0;
    margin-top: -2vw;
    padding-bottom: 3vw;
}

.footer {
        margin-top: 3.328vw;
    }

.services {
    margin-top: 0.3vw;
}


.hero__title {
    gap: 0.6vw;
}
.breadcrumbs {
    font-family: Roboto, sans-serif;
    font-size: 0.728vw;
    font-weight: 300;
    color: var(--text-light);
    display: flex;
    justify-content: flex-start;
    align-items: center;
    align-content: center;
}

.page-head__inner {
    padding-left: 3.4vw;
}


.jj77 .about-card__text {
    line-height: 1.248vw;
    font-size:1.04vw;
}

.jj77 .about-card__icon {
    flex-shrink: 0;
    width: 6.448vw;
    height: 6.448vw;
    object-fit: contain;
    margin-left: -0.6vw;
    margin-top: 0vw;
    width: 6.961916vw;
    height: 6.726044vw;
}

.mi1 {
    position: absolute;
    right: 0;
    top: 5vw;
}

.about-card 
{
  position: relative;
}

.jj77 .about-card {
    padding-left: 0.624vw;
}

.jj77 .about-card {
    height: 7.592vw;
}

    .jj77 .about-card {
        height: 8.944vw;
        padding-left: 0.884vw;
    }

    .box_shadows 
    {
      width: 101.5%;
    position: absolute;
    height: 9vw;
    box-shadow: 0 0 0 1.04vw #ffffff80;
    margin-left: -1.1vw;
    border-radius: 4.7vw;
    }

    .box_shadows {
        width: 100%;
        position: absolute;
        height: 9vw;
        box-shadow: 0 0 0 1.04vw #ffffff80;
        margin-left: -1.1vw;
        border-radius: 4.7vw;
    }
        .box_shadows {
        width: 100%;
        position: absolute;
        height: 8.7vw;
        box-shadow: 0 0 0 1.04vw #ffffff80;
        margin-left: -1.1vw;
        border-radius: 4.7vw;
    }

    .jj77 .about-card__icon {
        flex-shrink: 0;
        width: 6.448vw;
        height: 6.448vw;
        object-fit: contain;
        margin-left: 0.3vw;
        margin-top: 0vw;
        width: 6.961916vw;
        height: 6.726044vw;
    }

    .jj77 .about-card {
    margin-bottom: 2.444vw;
    }

    .offer__grid_pll {
    display: grid;
    flex-wrap: wrap;
    justify-content: center;
    gap: 0.52vw;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
    justify-items: center;
    align-items: center;
    align-content: center;
    padding-left: 2.5vw;
    padding-right: 2.5vw;
    row-gap: 2vw;
}

.offer__grid.offer__grid_pll
{
          display: grid;
        flex-wrap: wrap;
        justify-content: center;
        gap: 0.52vw;
        grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
        justify-items: center;
        align-items: center;
        align-content: center;
        padding-left: 2.5vw;
        padding-right: 2.5vw;
        row-gap: 2vw;
        margin-bottom: 5vw;
}

.news__heading22 {
    text-align: center;
    margin-bottom: 2.028vw;
    font-family: Roboto, sans-serif;
    font-size: 1.872vw;
    font-style: normal;
    line-height: normal;
    letter-spacing: -0.03744vw;
    margin-top: 2.6vw;
}

.news__btn {
    margin-bottom: 5vw;
}

.contact {
    width: 100%;
    max-width: var(--page-max-width);
    margin: 0 auto;
    padding: 2vw 3.2vw 1vw;
}

.wrc 
{
border-radius: 1.56vw;
border: 0.05vw solid #D6D6D5; 
display: flex;
width: 13.07vw;
height: 2.6vw;
padding: 0.63vw 1.09vw;
justify-content: center;
align-items: center;
gap: 0.52vw;
aspect-ratio: 251/50;
color: #9F9E9C;
font-family: Roboto;
font-size: 0.89vw;
font-style: normal;
font-weight: 900;
line-height: normal;
letter-spacing: -0.01768vw;
}

.next_single 
{
color: #9F9E9C;
font-family: Roboto;
font-size: 0.89vw;
font-style: normal;
font-weight: 900;
line-height: normal;
letter-spacing: -0.01768vw;
}

.row_g2 
{
  color: #515151;
text-align: justify;
font-family: Outfit;
font-size: 0.99vw;
font-style: normal;
font-weight: 300;
line-height: 1.46vw;
}

.left_grid_f2 {
color: #3F3F3F;
font-family: Roboto;
font-size: 1.88vw;
font-style: normal;
font-weight: 300;
line-height: 1.67vw;
letter-spacing: -0.03744vw;
}

.row_g1 
{
width: 2.19vw;
height: 0.05vw; 
background: #CECECE;
}

.grid_fl 
{
  display: grid;
    grid-template-columns: 38vw 37vw;
    margin: auto;
    justify-items: center;
    justify-content: center;
    align-items: start;
    align-content: start;
    margin-top: 3.5vw;
    gap: 2vw;
}

.left_grid_f1 
{
 position: sticky;
    top: 7vw; 
}

.gelikj 
{
  display: flex;
    justify-content: space-between;
    align-items: center;
    align-content: center;
    margin-top: 2.8vw;
}

    .row_g1 {
        width: 2.19vw;
        height: 0.05vw;
        background: #CECECE;
        margin-top: 1.6vw;
        margin-bottom: 1.6vw;
    }
    .grid_fl {
        display: grid;
        grid-template-columns: 38vw 37vw;
        margin: auto;
        justify-items: center;
        justify-content: center;
        align-items: start;
        align-content: start;
        margin-top: 2.1vw;
        gap: 3vw;
    }

        .left_grid_f2 {
        color: #3F3F3F;
        font-family: Roboto;
        font-size: 1.88vw;
        font-style: normal;
        font-weight: 300;
        line-height: 1.67vw;
        letter-spacing: -0.03744vw;
        margin-top: 2vw;
    }

        .grid_fl {
        display: grid;
        grid-template-columns: 38vw 37vw;
        margin: auto;
        justify-items: center;
        justify-content: center;
        align-items: start;
        align-content: start;
        margin-top: 2.1vw;
        gap: 3vw;
        margin-bottom: 5vw;
    }

.left_sidebar_of 
{
width: 16.838692vw;
height: 24.752vw;
border-radius: 0.78vw;
background: #F2F2F2;
}


.class_as.active_left
{
width: 16.848vw;
height: 1.82vw;
background: #FFF;
color: #F2F2F2;
font-family: Roboto;
font-size: 0.936vw;
font-style: normal;
font-weight: 300;
line-height: normal;
}

.class_as.active_left
{
width: 16.848vw;
height: 1.82vw;
background: #FFF;
color: #4E4E4E;
font-family: Roboto;
font-size: 0.936vw;
font-style: normal;
font-weight: 300;
line-height: normal;
}

.green_s 
{
  width: 0.99vw;
height: 0.493116vw;
}

.left_sidebar_of {
    width: 16.838692vw;
    height: 24.752vw;
    border-radius: 0.78vw;
    background: #F2F2F2;
    padding-top: 1.3vw;
}

.green_s {
    width: 0.99vw;
    height: 0.493116vw;
    position: absolute;
}

.class_as {
width: 16.848vw;
    height: 1.82vw;
    color: #4E4E4E;
    font-family: Roboto;
    font-size: 0.936vw;
    font-style: normal;
    font-weight: 300;
    line-height: normal;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.class_as {
    width: 16.848vw;
    height: 1.82vw;
    color: #4E4E4E;
    font-family: Roboto;
    font-size: 0.936vw;
    font-style: normal;
    font-weight: 300;
    line-height: normal;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding-left: 2.55vw;
}

.left_sidebar_of {
    width: 16.838692vw;
    height: 24.752vw;
    border-radius: 0.78vw;
    background: #F2F2F2;
    padding-top: 1.3vw;
    position: relative;
}

.green_s {
    width: 0.99vw;
    height: 0.493116vw;
    position: absolute;
    left: 1vw;
}

.class_as .green_s 
{
  opacity:0;
}

.class_as.active_left .green_s 
{
  opacity:1;
}

.left_sidebar_of {
    width: 16.838692vw;
    height: 24.752vw;
    border-radius: 0.78vw;
    background: #F2F2F2;
    padding-top: 1.3vw;
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 0.45vw;
}

.class_as:hover 
{
    background: #FFF;
    color: #4E4E4E;
    font-family: Roboto;
    font-size: 0.936vw;
    font-style: normal;
    font-weight: 300;
    line-height: normal;
}

.class_as:hover .green_s 
{
  opacity:1;
}

.left_sidebar_of {
    width: 16.838692vw;
    height: 24.752vw;
    border-radius: 0.78vw;
    background: #F2F2F2;
    padding-top: 1.3vw;
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 0.45vw;
    margin-bottom: 2vw;
}

.class_as b 
{
  font-weight: 900;
}

.licz {
color: #80B427;
font-family: Roboto;
font-size: 0.78vw;
font-style: normal;
font-weight: 700;
line-height: normal;
}

.class_as {
    width: 16.848vw;
    height: 1.82vw;
    color: #4E4E4E;
    font-family: Roboto;
    font-size: 0.936vw;
    font-style: normal;
    font-weight: 300;
    line-height: normal;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding-left: 2.55vw;
    gap: 0.233vw;
}

.page-catalog .catalog {
    position: relative;
    display: grid;
    column-gap: 3.432vw;
    align-items: stretch;
    width: 100%;
    max-width: var(--page-max-width);
    margin: 0 auto;
    padding: 0 4.7vw 5vw;
    padding-left: calc(4.7vw + 1.56vw);
    min-height: 60vh;
    margin-top: 2vw;
}

.catalog__divider {
    position: relative;
    z-index: 1;
    width: 2vw;
    height: 0.052vw;
    background: #E0E0E0;
    margin-bottom: 1.664vw;
}

.catalog__content {
    position: relative;
    grid-column: 2;
    padding-right: 2vw;
    padding-bottom: 4vw;
    margin-top: 1.4vw;
}


.cen_li li {
color: #515151;
font-family: Outfit;
font-size: 0.988vw;
font-style: normal;
font-weight: 300;
line-height: 1.456vw; /* 147.368% */
}


.page-catalog .catalog {
    position: relative;
    display: grid;
    column-gap: 3.224vw;
    align-items: stretch;
    width: 90.3%;
    max-width: var(--page-max-width);
    margin: 0 auto;
    padding: 0 4.7vw 5vw;
    padding-left: calc(4.7vw + 1.56vw);
    min-height: 60vh;
    margin-top: 2vw;
}

.catalog__content {
    position: relative;
    grid-column: 2;
    padding-right: 2vw;
    padding-bottom: 4vw;
    margin-top: 1.9vw;
}

.catalog__divider {
    position: relative;
    z-index: 1;
    width: 2vw;
    height: 0.052vw;
    background: #E0E0E0;
    margin-bottom: 1.664vw;
    margin-top: 1.88vw;
}

.catalog__list {
    position: relative;
    z-index: 1;
    column-count: 3;
    column-gap: 2.496vw;
    list-style: none;
    padding: 0;
    margin: 0;
    display: grid;
    grid-template-columns: 19.4vw 19vw 1fr;
}

.cen_li li {
    color: #515151;
    font-family: Outfit;
    font-size: 0.988vw;
    font-style: normal;
    font-weight: 300;
    line-height: 0.988vw;
}

.catalog__list {
    position: relative;
    z-index: 1;
    column-count: 3;
    column-gap: 2.496vw;
    list-style: none;
    padding: 0;
    margin: 0;
    display: grid;
    grid-template-columns: 18.65vw 19vw 1fr;
    margin-top: 2vw;
    margin-left: 0.76vw;
}

.cen_li li {
    color: #515151;
    font-family: Outfit;
    font-size: 0.988vw;
    font-style: normal;
    font-weight: 300;
    line-height: 0.936vw;
    display: flex;
    align-items: center;
    align-content: center;
    justify-content: flex-start;
    gap: 1vw;
}

.page-catalog .catalog {
    position: relative;
    display: grid;
    column-gap: 3.224vw;
    align-items: stretch;
    width: 90.3%;
    max-width: var(--page-max-width);
    margin: 0 auto;
    padding: 0 4.7vw 0vw;
    padding-left: calc(4.7vw + 1.56vw);
    min-height: 11vh;
    margin-top: 2vw;
    margin-bottom: -2vw;
}

.cen_li li {
    color: #515151;
    font-family: Outfit;
    font-size: 0.988vw;
    font-style: normal;
    font-weight: 300;
    line-height: 0.936vw;
    display: flex;
    align-items: center;
    align-content: center;
    justify-content: flex-start;
    gap: 1vw;
    text-align: left;
    line-height: 1.3;
}

.wrc {
        border-radius: 1.56vw;
        border: 0.05vw solid #D6D6D5;
        display: flex;
        width: 13.07vw;
        height: 2.6vw;
        padding: 0.63vw 1.09vw;
        justify-content: center;
        align-items: center;
        gap: 0.52vw;
        aspect-ratio: 251 / 50;
        color: #9F9E9C;
        font-family: Roboto;
        font-size: 0.89vw;
        font-style: normal;
        font-weight: 900;
        line-height: normal;
        letter-spacing: -0.01768vw;
        margin-top: 2vw;
        margin-bottom: -1.3vw;
    }

    .catalog__list {
    position: relative;
    z-index: 1;
    column-count: 3;
    column-gap: 2.496vw;
    list-style: none;
    padding: 0;
    margin: 0;
    display: grid;
    grid-template-columns: 18.65vw 19vw 18vw;
    margin-top: 2vw;
    margin-left: 0.76vw;
}

.catalog-biuro__body 
{
 margin-top: 2vw; 
}

.page-catalog .catalog {
    position: relative;
    display: grid;
    column-gap: 3.224vw;
    align-items: stretch;
    width: 100%;
    max-width: var(--page-max-width);
    margin: 0 auto;
    padding: 0 1vw 0vw;
    padding-left: calc(4.7vw + 1.56vw);
    min-height: 11vh;
    margin-top: 2vw;
    margin-bottom: -2vw;
}

.fruit-box-card__list {
    width: 100%;
    margin: 0 0 0.936vw;
    padding: 0;
    list-style: none;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    align-content: center;
}

.fruit-boxes__title {
    margin: 0 0 2.08vw;
    text-align: center;
    font-family: Roboto, sans-serif;
    font-size: 1.872vw;
    font-style: normal;
    line-height: normal;
    letter-spacing: -0.03744vw;
    color: #515151;
    text-align: center;
    font-family: Roboto;
    font-size: 1.352vw;
    font-style: normal;
    font-weight: 300;
    line-height: 1.456vw;
}

.fruit-box-card__name {
    margin: 0 0 0.416vw;
    font-family: Roboto, sans-serif;
    font-size: 1.144vw;
    line-height: 1.2;
    color: #515151;
    text-align: center;
    font-family: Roboto;
    font-size: 1.248vw;
    font-style: normal;
    font-weight: 300;
    line-height: 1.456vw;
}

.fruit-box-card__weight {
    margin: 0 0 0.624vw;
    color: #9F9E9C;
    font-family: Roboto, sans-serif;
    font-size: 0.78vw;
    font-weight: 300;
    line-height: normal;
    color: #515151;
    text-align: center;
    font-family: Roboto;
    font-size: 0.936vw;
    font-style: normal;
    font-weight: 400;
    line-height: 1.456vw;
}

.fruit-box-card__tagline {
    margin: 0 0 0.832vw;
    color: #80B427;
    font-family: Roboto, sans-serif;
    font-size: 0.78vw;
    font-weight: 900;
    line-height: 1.35;
    color: #80B427;
    text-align: center;
    font-family: Roboto;
    font-size: 0.884vw;
    font-style: normal;
    font-weight: 700;
    line-height: 1.196vw;
}

.fruit-box-card__list-title {
    margin: 0 0 0.52vw;
    color: #515151;
    font-family: Outfit, sans-serif;
    font-size: 0.78vw;
    font-weight: 300;
    line-height: 1.4;
    color: #515151;
    text-align: center;
    font-family: Roboto;
    font-size: 0.884vw;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.fruit-box-card__list li {
    display: flex;
    align-items: flex-start;
    gap: 0.416vw;
    margin-bottom: 0.416vw;
    color: #515151;
    font-family: Outfit, sans-serif;
    font-size: 0.78vw;
    font-weight: 300;
    line-height: 1.4;
    color: #515151;
    font-family: Roboto;
    font-size: 0.884vw;
    font-style: normal;
    font-weight: 500;
    line-height: 0.988vw;
}

.fruit-box-card__list {
    width: 100%;
    margin: 0 0 0.936vw;
    padding: 0;
    list-style: none;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    align-content: center;
    margin-top: 0.1vw;
}
.fruit-box-card__summary {
    margin: auto 0 0;
    padding-top: 0.416vw;
    color: #80B427;
    font-family: Roboto, sans-serif;
    font-size: 0.78vw;
    font-weight: 900;
    line-height: 1.35;
    color: #80B427;
    text-align: center;
    font-family: Roboto;
    font-size: 0.884vw;
    font-style: normal;
    font-weight: 700;
    line-height: 1.196vw;
    margin-top: -0.8vw;
}

.fruit-boxes__grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 2.08vw;
}

.fruit-boxes__grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 2.08vw;
    margin-bottom: -1.1vw;
}

.biuro-info__grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 2.028vw;
    align-items: stretch;
}


.biuro-info-card {
    position: relative;
    min-height: 16.64vw;
    padding: 1.456vw 1.248vw 4.16vw;
    border-radius: 0.78vw;
    overflow: visible;
    width: 100%;
}

.biuro-info__grid {
    display: grid;
    grid-template-columns: 25vw 25vw 1fr;
    gap: 2.028vw;
    align-items: stretch;
}


.page-catalog .catalog {
    position: relative;
    display: grid;
    column-gap: 3.224vw;
    align-items: stretch;
    width: 100%;
    max-width: var(--page-max-width);
    margin: 0 auto;
    padding: 0 1vw 0vw;
    padding-left: 11vw;
    min-height: 11vh;
    margin-top: 2vw;
    margin-bottom: -2vw;
}

.catalog-biuro {
    position: relative;
    z-index: 1;
    display: grid;
    grid-template-columns: 22.048vw minmax(0, 1fr);
    gap: 2.496vw;
    align-items: start;
}


.catalog-biuro__image {
    width: 22.048vw;
    max-width: 100%;
    height: auto;
    border-radius: 0.832vw;
    object-fit: cover;
    object-position: center;
}

.catalog-biuro__body {
    margin-top: 2vw;
    margin-left: 1vw;
    width: 34.5vw;
}

.catalog-biuro__subtitle {
    margin: 0 0 1.248vw;
    color: #515151;
    font-family: Outfit, sans-serif;
    font-size: 1.3104vw;
    font-weight: 300;
    line-height: 1.456vw;
    margin-top: 0.4vw;
    margin-bottom: 1.612vw;
}

.catalog-biuro__heading {
    margin: 0 0 1.04vw;
    color: #515151;
    font-family: Outfit, sans-serif;
    font-size: 1.3vw;
    font-weight: 300;
    line-height: 1.456vw;
    margin-top: 4.665vw;
    margin-left: 0.2vw;
}

.catalog-biuro__heading {
    margin: 0 0 1.04vw;
    color: #515151;
    font-family: Outfit, sans-serif;
    font-size: 1.3vw;
    font-weight: 300;
    line-height: 1.456vw;
    margin-top: 4.665vw;
    margin-left: 0.2vw;
    margin-bottom: 1.6vw;
}

.catalog-biuro__list {
    margin: 0;
    padding: 0;
    list-style: none;
    margin-left: 0.8vw;
}

.catalog-biuro__list li {
    position: relative;
    padding: 0 0 0.572vw 0.728vw;
    color: #515151;
    text-align: justify;
    font-family: Outfit, sans-serif;
    font-size: 0.988vw;
    font-weight: 300;
    line-height: 0.988vw;
}

.catalog-biuro__list li::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0.5em;
    width: 0.208vw;
    height: 0.208vw;
    border-radius: 50%;
    background: #9F9E9C;
}

.fruit-boxes {
    position: relative;
    z-index: 1;
    margin-top: 3.016vw;
}

.fruit-box-card__image {
    width: 100%;
    height: 14.352vw;
    object-fit: cover;
    object-position: center;
}

.fruit-boxes {
    position: relative;
    z-index: 1;
    margin-top: 3.016vw;
    margin-bottom: 7vw;
}

.biuro-info__grid {
    display: grid;
    grid-template-columns: 23vw 23vw 1fr;
    gap: 2.028vw;
    align-items: stretch;
    margin-top: -5vw;
}

.services-card__btn {
    grid-area: stack;
    align-self: end;
    justify-self: start;
    display: flex;
    width: 10.296vw;
    height: 2.6vw;
    padding: 0.624vw 1.092vw;
    justify-content: center;
    align-items: center;
    gap: 0.52vw;
    border-radius: 1.56vw;
    border: 0.052vw solid #80B427;
    background: #80B427;
    box-shadow: 0 0.416vw 1.6692vw 0 rgba(0, 0, 0, 0.12);
    color: #FFF;
    font-family: Roboto, sans-serif;
    font-size: 0.884vw;
    font-style: normal;
    font-weight: 900;
    line-height: normal;
    letter-spacing: -0.01768vw;
    transition: background 0.3s ease, color 0.3s ease, box-shadow 0.3s ease;
    margin-left: 4.628vw;
    margin-bottom: 1.976vw;
    z-index: 3;
}

.news.news_home .news__btn {
        margin-bottom: 0vw;
    }

  .page-head .breadcrumbs {
        font-size: 0.676vw !important;
        line-height: 1.45 !important;
        word-break: break-word;
        display: flex;
        align-items: center;
        justify-content: flex-start;
        align-content: center;
    }

  .breadcrumbs__sep {
    margin: 0;
    display: grid;
    flex-direction: row;
    grid-template-columns: 1fr 1fr 1fr;
    margin-left: 2.6vw;
}
}

.offer--home {
  --offer-card-radius: 1.248vw;
  --offer-card-hover-radius: 0.78vw;
}

.offer--home .offer-card {
  border-radius: 0;
  width: 17.056vw;
  height: 22.464vw;
  min-height: 22.464vw;
  align-items: center;
  box-sizing: border-box;
}

.offer--home .offer-card__link {
  align-items: center;
}

.offer--home .offer-card__image-wrap {
  width: 17.056vw;
  height: 16.536vw;
  flex-shrink: 0;
  border-radius: var(--offer-card-radius) var(--offer-card-radius) 0 0;
  overflow: hidden;
}

.offer--home .offer-card:hover {
  border-radius: var(--offer-card-hover-radius);
  box-shadow: 1px 1px 10px 0 rgb(0 0 0 / 20%);
  overflow: hidden;
}

.offer--home .offer-card__image {
  transition: transform 0.35s ease;
}

.offer--home .offer-card:hover .offer-card__image {
  transform: scale(1.05);
}

.about .about__aside .about__cards {
  grid-area: stack;
  display: flex;
  flex-direction: column;
  gap: 3.16vw;
  align-items: flex-start;
  margin-top: 1.5vw;
  position: relative;
  z-index: 999999;
}

@keyframes fresh-services-rotate {
  from {
    transform: rotate(0deg);
  }

  to {
    transform: rotate(360deg);
  }
}

@keyframes fresh-services-jitter {
  0% {
    transform: translate(0, 0);
  }

  12.5% {
    transform: translate(5px, -4px);
  }

  25% {
    transform: translate(-3px, 5px);
  }

  37.5% {
    transform: translate(-5px, -2px);
  }

  50% {
    transform: translate(4px, 5px);
  }

  62.5% {
    transform: translate(-5px, 3px);
  }

  75% {
    transform: translate(3px, -5px);
  }

  87.5% {
    transform: translate(-4px, -5px);
  }

  100% {
    transform: translate(0, 0);
  }
}

.services-card--green:hover .services-card__image {
  animation: fresh-services-rotate 14s linear infinite;
  transform-origin: center center;
}

.services-card--peach:hover .services-card__image {
  animation: fresh-services-jitter 2.5s ease-in-out infinite;
}

.news-card > a:has(> .news-card__image) {
  display: block;
  width: 18.85vw;
  height: 17.552vw;
  overflow: hidden;
  border-radius: 0.78vw;
}

.news-card > a:has(> .news-card__image) .news-card__image {
  width: 100%;
  height: 100%;
  transition: transform 0.65s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transform: scale(1);
  transform-origin: center center;
}

.news-card:hover > a:has(> .news-card__image) .news-card__image {
  transform: scale(1.1);
}

.has-dropdown__box {
  position: relative;
  display: inline-block;
  text-align: left;
}

.has-dropdown__box::after {
  content: '';
  position: absolute;
  top: 100%;
  left: 0;
  width: 10.938vw;
  height: 0.625vw;
}

.header__dropdown {
  position: absolute;
  top: calc(100% + 0.625vw);
  left: 0;
  width: 10.938vw;
  height: 14.271vw;
  border-radius: 0.781vw;
  background: #fff;
  box-shadow: 0 0.417vw 1.672vw 0 rgba(0, 0, 0, 0.12);
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: opacity 0.25s ease, visibility 0.25s ease;
  z-index: 1000002;
  text-align: left;
}

.has-dropdown__box:hover .header__dropdown,
.has-dropdown__box:focus-within .header__dropdown {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}

.has-dropdown__box:hover > a,
.has-dropdown__box:focus-within > a {
  color: var(--green);
}

.has-dropdown__box .chevron {
  transition: transform 0.25s ease;
}

.has-dropdown__box:hover .chevron,
.has-dropdown__box:focus-within .chevron {
  transform: rotate(180deg);
}

.header__dropdown-list {
  list-style: none;
  margin: 0;
  padding: 1.25vw;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 0.417vw;
  text-align: left;
}

.header__dropdown-list li {
  width: 100%;
  text-align: left;
}

.header__dropdown-list a {
  display: block;
  width: 100%;
  color: #323335;
  font-family: Roboto, sans-serif;
  font-size: 0.781vw;
  font-style: normal;
  font-weight: 300;
  line-height: normal;
  text-decoration: none;
  text-transform: none;
  letter-spacing: normal;
  white-space: normal;
  text-align: left;
}

.header__dropdown-list a:hover {
  color: #323335;
}

.header__dropdown-bold {
  font-weight: 700;
}

.header__dropdown-light {
  font-weight: 300;
}
}


@media (min-width:991px)
{
  .hig_s img {
        width: 17.108vw;
        height: 15.94vw;
        border-radius: 0.78vw;
        object-fit: cover;
    }
    .fancybox__container {
    z-index: 9999991 !important;
}

.left_grid_f1 img 
{
width: 37.14vw;
height: 34.58vw;
border-radius: 0.78vw;
}

}



@media (min-width:991px)
{
  .hig_s img {
        width: 17.108vw;
        height: 15.94vw;
        border-radius: 0.78vw;
        object-fit: cover;
    }
    .fancybox__container {
    z-index: 9999991 !important;
}

.left_grid_f1 img 
{
width: 37.14vw;
height: 34.58vw;
border-radius: 0.78vw;
}

   .grid_fl .next_single {
        color: #9F9E9C;
        font-family: Roboto;
        font-size: 0.89vw;
        font-style: normal;
        font-weight: 900;
        line-height: normal;
        letter-spacing: -0.01768vw;
        margin-top: 2.6vw;
    }

    .wrc:hover 
    {
      background-color: #94bb2c;
    color: white;
    transition: 0.5s;
    cursor:pointer;
    }

        .breadcrumbs__sep {
        margin: 0;
        display: grid;
        flex-direction: row;
        grid-template-columns: 1fr 1fr 1fr;
        margin-left: 0.6vw;
    }


    .services-card__frame {
        padding-top: 0.4vw;
    }

        .news_home .news__heading {
        margin-top: 0.6vw;
    }

    .hero__social {
        position: fixed;
        left: 1vw;
        top: 34%;
        transform: translateY(-50%);
        z-index: 10;
        display: flex;
        align-items: center;
        justify-content: center;
        width: 1.872vw;
        height: 1.872vw;
        background: var(--green);
        color: var(--white);
        border-radius: 50%;
        transition: background 0.2s;
        align-content: center;
        padding-bottom: 0.2vw;
    }
.hero__social {
        position: fixed;
        left: 1vw;
        top: 34%;
        transform: translateY(-50%);
        z-index: 10;
        display: flex;
        align-items: center;
        justify-content: center;
        width: 1.872vw;
        height: 1.872vw;
        background: var(--green);
        color: var(--white);
        border-radius: 50%;
        transition: background 0.2s;
        align-content: center;
        padding-bottom: 0.2vw;
        z-index: 999;
    }

       .about--page .t1_ol {
        position: absolute;
        right: 0;
        top: -4vw;
    }

        .breadcrumbs__current {
        color: #80b728;
        font-weight: 500;
        color: #80B427;
        font-family: Outfit;
        font-size: 0.78vw;
        font-style: normal;
        font-weight: 500;
        line-height: normal;
        letter-spacing: 0.45px;
    }
    .breadcrumbs a {
        color: var(--text-light);
        transition: color 0.2s;
        color: #A4A4A4;
        font-family: Outfit;
        font-size: 0.78vw;
        font-style: normal;
        font-weight: 500;
        line-height: normal;
        letter-spacing: 0.45px;
    }

        .breadcrumbs__sep {
        margin: 0;
        display: grid;
        flex-direction: row;
        grid-template-columns: 1fr;
        margin-left: 0.6vw;
        align-items: center;
        justify-items: center;
        justify-content: center;
        align-content: center;
        margin-top: 0.14vw;
        margin-right: 0.6vw;
    }

}

/* ===== Scroll reveal ===== */
@media (prefers-reduced-motion: no-preference) {
  .scroll-reveal {
    opacity: 0;
    transform: translate3d(0, 1.875vw, 0);
    transition:
      opacity 0.9s cubic-bezier(0.25, 0.46, 0.45, 0.94),
      transform 0.9s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    will-change: opacity, transform;
  }

  .scroll-reveal.is-visible {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }

  .scroll-reveal-stagger .scroll-reveal-item {
    opacity: 0;
    transform: translate3d(0, 1.458vw, 0);
    transition:
      opacity 0.9s cubic-bezier(0.25, 0.46, 0.45, 0.94),
      transform 0.9s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transition-delay: var(--reveal-delay, 0s);
    will-change: opacity, transform;
  }

  .scroll-reveal-stagger.is-visible .scroll-reveal-item {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}

/* ===== Usługi page: card flip on load ===== */
@media (prefers-reduced-motion: no-preference) {
  body.page-about .grid_pages_j.jj77 {
    perspective: 72.917vw;
  }

  body.page-about .grid_pages_j.jj77 .about-card.uslugi-card-flip {
    opacity: 0;
    transform: rotateY(88deg) scale(0.94);
    transform-origin: center center;
    transform-style: preserve-3d;
    backface-visibility: hidden;
    will-change: transform, opacity;
  }

  body.page-about .grid_pages_j.jj77 .about-card.uslugi-card-flip.is-flipped-in {
    animation: fresh-uslugi-flip-in 0.95s cubic-bezier(0.22, 1.02, 0.36, 1) forwards;
  }
}

@keyframes fresh-uslugi-flip-in {
  from {
    opacity: 0;
    transform: rotateY(88deg) scale(0.94);
  }

  to {
    opacity: 1;
    transform: rotateY(0deg) scale(1);
  }
}

@media (prefers-reduced-motion: no-preference) {
  body.page-about .news__heading22.uslugi-intro-reveal,
  body.page-about .mi1.uslugi-intro-reveal {
    opacity: 0;
    transform: translate3d(0, 1.25vw, 0);
    transition:
      opacity 0.7s ease-out,
      transform 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  }

  body.page-about .news__heading22.uslugi-intro-reveal.is-intro-visible,
  body.page-about .mi1.uslugi-intro-reveal.is-intro-visible {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }

  body.page-about .mi1.uslugi-intro-reveal {
    transition-delay: 0.08s;
  }
}


@media (max-width:991px)
{
      .hero__controls {
        display: flex !important;
        justify-content: center !important;
        gap: 12px !important;
        margin-top: 28px !important;
        margin-bottom: -16px !important;
    }

    .hero__title {
        height: auto;
        min-height: auto;
        margin-top: 0;
        margin-bottom: 0;
        padding: 16px var(--side-padding) 12px;
        font-family: Roboto, sans-serif;
        font-size: 24px;
        font-style: normal;
        font-weight: 200;
        line-height: normal;
        letter-spacing: -0.48px;
        color: #3F3F3F;
        background: #FBFBFB;
        border-bottom: 0px dashed rgba(0, 0, 0, 0.06);
        backdrop-filter: none;
        display: block;
        text-align: center;
        padding-top: 24px;
        padding-bottom: 23px;
    }


        .offer__cta {
        margin-top: 31px !important;
    }

    .about-card {
        margin-bottom: 56px !important;
    }

        .news {
        padding: 16px !important;
        }
.news-card > a:has(> .news-card__image) {
    display: block;
    width: 100%;
    overflow: hidden;
    border-radius: 12px;
    height: 298px;
}

    .news-card {
        grid-template-columns: 1fr;
        gap: 16px;
        padding-bottom: 33px;
        border-bottom: 1px solid #0000000f;
    }

        .gallery.scroll-reveal-ready {
        padding: 32px var(--side-padding) 40px;
        border-top: 0px dashed rgba(0, 0, 0, 0.06);
        --gallery-item-width: 100%;
        --gallery-gap: 10px;
        margin-top: -4px;
    }

.mobile_off 
{
  display:none !important;
}

.gallery__inner {
        grid-template-columns: 1fr;
        row-gap: 42px;
        padding-left: 0;
        column-gap: 0;
    }

    .gallery__btn {
    display: flex;
    width: 190px;
    height: 50px;
    padding: 12px 21px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border-radius: 30px;
    border: 1px solid #D6D6D5;
    background: transparent;
    color: #9F9E9C;
    font-family: Roboto, sans-serif;
    font-size: 17px;
    font-style: normal;
    font-weight: 900;
    line-height: normal;
    letter-spacing: -0.34px;
    aspect-ratio: 19 / 5;
    transition: background 0.3s ease, color 0.3s ease, border-color 0.3s ease;
    margin: auto;
    margin-top: 50px;
    margin-bottom: -15px;
}

    .header__mobile-label {
        margin: 0 0 10px;
        color: #fff;
        font-family: Roboto, sans-serif;
        font-size: 15px;
        font-weight: 700;
        line-height: normal;
        color: #FFF;
        font-family: Roboto;
        font-size: 17px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
    }

        .header__mobile-phone {
        margin-bottom: 4px;
        color: #FFF;
        font-family: Roboto;
        font-size: 17px;
        font-style: normal;
        font-weight: 300;
        line-height: normal;
        text-transform: uppercase;
        margin-bottom: 9px;
    }

    .header__mobile-phone, .header__mobile-email {
        display: block;
        color: #fff;
        font-family: Roboto, sans-serif;
        font-size: 17px;
        font-weight: 400;
        line-height: 1.6;
        text-decoration: none;
        margin-top: 14px;
    }

    .header__mobile-list {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 15px;
        width: 100%;
        margin: 0;
        padding: 0;
        list-style: none;
    }

        .header__mobile-list > li {
        width: 160px;
        text-align: center;
        border-bottom: 1px dashed #80b72847;
        padding-bottom: 15px;
        padding-top: 3px;
    }

        .header__mobile-wave {
        position: absolute;
        top: -19px;
        left: 0;
        right: 0;
        line-height: 0;
        pointer-events: none;
    }

        .header__mobile-list a, .header__mobile-dropdown-toggle {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        gap: 8px;
        padding: 0;
        border: none;
        background: none;
        color: #323335;
        font-family: Roboto, sans-serif;
        font-size: 15px;
        font-weight: 700;
        line-height: normal;
        text-transform: uppercase;
        text-decoration: none;
        cursor: pointer;
        transition: color 0.2s;
    }

        .page-head__inner {
        padding: 12px var(--side-padding) 14px !important;
        padding-bottom: 10px !important;
    }

        .page-head .breadcrumbs {
        font-size: 13px !important;
        line-height: 1.45 !important;
        word-break: break-word;
        display: flex !important;
        align-items: center;
        justify-content: flex-start !important;
        align-content: center !important;
    }

        .t1 {
        width: 100% !important;
        height: auto !important;
        aspect-ratio: 328 / 558;
        border-radius: 12px;
        width: 100% !important;
        height: 237px !important;
    }

        body.page-about .about.about--page > .sekcja_1:first-of-type {
        display: grid !important;
        grid-template-columns: 1fr 1fr !important;
        gap: 20px !important;
        margin: 0 0 20px !important;
    }

        .sekcja_1, .sekcja_1ss {
        flex-direction: column !important;
        margin-left: 0 !important;
        gap: 16px !important;
        padding: 0 !important;
        margin-top: 37px !important;
    }

    .left_class_ok1 h2 {
        font-size: 22px !important;
        height: auto !important;
        width: 100% !important;
        margin: 0 0 8px !important;
        margin-top: 18px !important;
        margin-bottom: 19px !important;
    }

        body.page-about .svg_pl, body.page-catalog .svg_pl, body.page-contact .svg_pl {
        position: relative !important;
        top: auto !important;
        left: auto !important;
        transform: none !important;
        display: block !important;
        width: 100% !important;
        height: 27px !important;
        position: absolute !important;
        margin-top: 38px;
    }

        body.page-about .about.about--page {
        display: block !important;
        padding: 20px var(--side-padding) 32px !important;
        grid-template-columns: 1fr !important;
        margin-top: 24px !important;
    }

.mi1
{
  display:none !important;
}
    .biuro-info-card__deco--left {
        left: 5.48vw;
        bottom: -3.08vw;
        width: 16.36vw;
        height: auto;
    }



}

@media (min-width:991px)
{
  .dektop_off 
  {
    display:none !important;
  }
      .catalog-biuro {
        position: relative;
        z-index: 1;
        display: grid;
        grid-template-columns: 22.048vw minmax(0, 1fr);
        gap: 2.496vw;
        align-items: start;
        margin-top: -2.2vw;
    }

            .biuro-info-card {
        position: relative;
        min-height: 7.64vw;
        padding: 1.456vw 1.248vw 2.16vw;
        border-radius: 0.78vw;
        overflow: visible;
        width: 100%;
    }

        .biuro-info-card__deco--left {
        left: 7.48vw;
        bottom: -2.5vw;
        width: 14.36vw;
        height: auto;
    }

    .biuro-info-card__deco--right {
        right: -1.56vw;
        bottom: -4.6vw;
        width: 14.44vw;
        height: auto;
        opacity: 0.9;
    }

    .biuro-info-card__list li {
        display: flex;
        align-items: flex-start;
        gap: 0.52vw;
        margin-bottom: 0.124vw;
        color: #515151;
        font-family: Outfit, sans-serif;
        font-size: 0.884vw;
        font-weight: 300;
        line-height: 1.45;
        font-size: 17px;
        font-style: normal;
        font-weight: 400;
        line-height: 25px;
    }
        .biuro-info__back {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        min-width: 10.296vw;
        height: 2.6vw;
        margin-top: 2.08vw;
        padding: 0.624vw 1.456vw;
        border-radius: 1.56vw;
        border: 0.052vw solid #D6D6D5;
        background: #fff;
        color: #9F9E9C;
        font-family: Roboto, sans-serif;
        font-size: 0.884vw;
        font-weight: 900;
        letter-spacing: -0.01768vw;
        transition: background 0.3s ease, color 0.3s ease, border-color 0.3s ease;
        margin-top: 5vw;
    }
        .biuro-info-card__list li {
        display: flex;
        align-items: flex-start;
        gap: 0.52vw;
        margin-bottom: 0.124vw;
        color: #515151;
        font-family: Outfit, sans-serif;
        font-size: 0.884vw;
        font-weight: 300;
        line-height: 1.45;
        font-size: 0.89vw;
        font-style: normal;
        font-weight: 400;
        line-height: 1.3vw;
    }
        .biuro-info-card__list {
        margin: 0;
        padding: 0;
        list-style: none;
        margin-top: 2vw;
    }

        .biuro-info-card__contact p {
        margin: 0px 0 0vw;
    }


.header__dropdown {
    width: 11.938vw;
    height: 15.471vw;
}

    .ji {
        display: flex;
        width: 2.2vw;
        height: 2.08vw;
        justify-content: center;
        align-items: center;
        border-radius: 2.08vw;
        background: #80B427;
        position: fixed;
        left: 1vw;
        top: 14vw;
        z-index: 99;
    }

}

@media (max-width:991px)
{
  .ji
  {
    display:none;
  }
      .header__mobile-nav {
        flex: 1;
        display: flex;
        align-items: flex-start;
        justify-content: center;
        overflow-y: auto;
        padding: 24px var(--side-padding);
        align-content: flex-start;
        margin-top: 36px;
    }
}

@media (min-width:991px)
{
      .offer-card {
        border-radius: 1vw !important;
    }



.contact__form-wrap.popuap {
    width: 100%;
    margin: auto;
    position: fixed;
    height: 100%;
    top: 0px;
    z-index: 9999999;
    background-color: #ffffffe3;
    padding-left: 30vw;
    padding-right: 30vw;
    padding-top: 8vw;
    background-image: url(https://beta.rso.pl/fresh/wp-content/uploads/2026/06/858906b8a46b1f626a5c6413e9ad0c3c346cb9e0-892x1024.webp);
    background-size: cover;
    background-position: center;
    background-blend-mode: color;
}

.popuap .contact__form-title {
    color: #80b728;
    font-weight: 600;
    text-align: center;
    margin-bottom: 0vw;
}

.popuap .contact__submit {
        align-self: flex-start;
        margin-top: 0.416vw;
        padding: 0.728vw 1.664vw;
        border: none;
        border-radius: 51.948vw;
        background: #80B427;
        color: #fff;
        font-family: Roboto, sans-serif;
        font-size: 0.884vw;
        font-style: normal;
        font-weight: 900;
        line-height: normal;
        letter-spacing: -0.01768vw;
        cursor: pointer;
        transition: background 0.2s;
        margin: auto;
        margin-top: 1.3vw;
    }

       .popuap .contact__form {
        position: relative;
        z-index: 1;
        display: flex;
        flex-direction: column;
        gap: 0.728vw;
        margin-top: 1vw;
        border: 2px solid #80b728;
        padding: 2vw;
        border-radius: 2vw;
        background-color: white;
    }
    
    .contact__field11 
    {
    height: 2vw;
    display: flex;
    align-items: center;
    justify-content: center;
    align-content: center;
    border: 0px;
    border-bottom: 1px solid #00000030;
    padding: 0px;
    margin: 0px;
    padding-top: 0.3vw;
    color: #000000b8;
    padding-left: 0px;
    font-weight: 600;
    }

.close 
{
     width: 2vw;
    position: absolute;
    right: 28vw;
    color: green;
    fill: #80b728;
    z-index: 999;
    top: 7.1vw;
    cursor: pointer; 
}

.close:hover 
{
      width: 2.3vw;
    position: absolute;
    right: 28vw;
    color: green;
    fill: #80b728;
    z-index: 999;
    top: 7.1vw;
    cursor: pointer;
    transition: 0.5s;
}

.contact__form-wrap.popuap {
    width: 100%;
    margin: auto;
    position: fixed;
    height: 100%;
    top: 0px;
    z-index: 9999999;
    background-color: #ffffff00;
    padding-left: 30vw;
    padding-right: 30vw;
    padding-top: 8vw;
    background-image: url(https://beta.rso.pl/fresh/wp-content/themes/fresh/assets/q1.jpg);
    background-size: cover;
    background-position: center;
    background-blend-mode: overlay;
}

.contact__form-wrap.popuap {
    width: 100%;
    margin: auto;
    position: fixed;
    height: 100%;
    top: 0px;
    z-index: 9999999;
    background-color: #ffffffe8;
    padding-left: 30vw;
    padding-right: 30vw;
    padding-top: 8vw;
    background-image: url(https://beta.rso.pl/fresh/wp-content/themes/fresh/assets/q1.jpg);
    background-size: cover;
    background-position: center;
    background-blend-mode: overlay;
}

.popuap  
{
  display:none;
}

    .header__contact > :first-child {
        padding-left: 0;
        border: 1px solid #8bba20;
        padding: 0px;
        display: flex;
        align-items: center;
        justify-content: center;
        align-content: center;
        height: 2vw;
        border-radius: 1vw;
        cursor: pointer;
    }

    .header__contact-label 
    {
     margin-top: 0.052vw; 
    }


}

@media (max-width:991px)
{
  .popuap 
  {
    display:none;
  }
}