.elementor-1527 .elementor-element.elementor-element-e3a9030{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1527 .elementor-element.elementor-element-205b2e5{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:48px 32px;--row-gap:48px;--column-gap:32px;--padding-top:110px;--padding-bottom:110px;--padding-left:40px;--padding-right:40px;}.elementor-1527 .elementor-element.elementor-element-2ad371f{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-1527 .elementor-element.elementor-element-fdc4d99{text-align:center;}.elementor-1527 .elementor-element.elementor-element-fdc4d99 .elementor-heading-title{font-size:clamp(34px, 4.8vw, 52px);font-weight:800;color:#054841;}.elementor-1527 .elementor-element.elementor-element-28babca{--swiper-slides-to-display:3;--swiper-slides-gap:25px;}.elementor-1527 .elementor-element.elementor-element-28babca .swiper-slide > .elementor-element{height:100%;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-1527 .elementor-element.elementor-element-805f5a5 .elementor-button{background-color:#FFFFFF;fill:#054841;color:#054841;border-style:solid;border-width:2px 2px 2px 2px;border-color:#054841;border-radius:4px 4px 4px 4px;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-1527 .elementor-element.elementor-element-205b2e5{--padding-top:72px;--padding-bottom:72px;--padding-left:24px;--padding-right:24px;}.elementor-1527 .elementor-element.elementor-element-28babca{--swiper-slides-to-display:2;}}@media(min-width:641px){.elementor-1527 .elementor-element.elementor-element-205b2e5{--content-width:1320px;}}@media(max-width:640px){.elementor-1527 .elementor-element.elementor-element-205b2e5{--gap:32px 32px;--row-gap:32px;--column-gap:32px;--padding-top:56px;--padding-bottom:56px;--padding-left:18px;--padding-right:18px;}.elementor-1527 .elementor-element.elementor-element-fdc4d99 .elementor-heading-title{font-size:clamp(35px, 5.5vw, 72px);}.elementor-1527 .elementor-element.elementor-element-28babca{--swiper-slides-to-display:1;}}/* Start custom CSS for html, class: .elementor-element-693787a *//* ============================================================
   AUTO RECYCLING — O NÁS / PODSTRÁNKA NAŠE POSLANIE
   Kompletné CSS (crumb + mission header + manifest + banner)
   ============================================================ */


/* ===================== CRUMB "Späť na O nás" ===================== */
.onas-crumb {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 36px;
  font-family: var(--font-body);
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 1.2px;
  text-transform: uppercase;
  color: var(--muted);
  text-decoration: none !important;
  transition: color 0.2s ease;
}
.onas-crumb:hover {
  color: var(--lime-dark);
}
.onas-crumb__arrow {
  width: 12px;
  height: 12px;
  transform: rotate(180deg);
}
/* Tmavá verzia — na tmavej ar-gradient sekcii */
.onas-crumb--dark {
  color: rgba(255, 255, 255, 0.6);
}
.onas-crumb--dark:hover {
  color: var(--lime);
}


/* ===================== MISSION SEKCIA ===================== */
.about-mission {
  padding: 110px 0;
}

/* Zmenšený horný padding keď sekcia nesie crumb */
.about-mission--has-crumb {
  padding-top: 44px;
}

.about-mission__inner {
  display: grid;
  grid-template-columns: 1fr 1.1fr;
  gap: 80px;
  align-items: center;
}
  /* Skry zvyšné dot indikátory zo starých carouselov */
.mission-manifest-dots,
.mission-manifest-dot,
.about-docs__laws-dots,
.about-docs__laws-dot {
  display: none !important;
}

/* ===== ĽAVÁ STRANA: Header ===== */
.about-mission__header .label {
  display: inline-block;
  margin-bottom: 18px;
}

.about-mission__title {
  font-size: clamp(34px, 4.6vw, 52px);
  font-weight: 800;
  color: var(--white);
  letter-spacing: -1.2px;
  line-height: 1.08;
  margin-bottom: 22px;
}
.about-mission__title span {
  color: var(--lime);
}

.about-mission__lead {
  font-size: 17px;
  color: rgba(255, 255, 255, 0.78);
  line-height: 1.75;
  max-width: 480px;
}


/* ===== PRAVÁ STRANA: Manifest list ===== */
.mission-manifest {
  display: flex;
  flex-direction: column;
  list-style: none;
  padding: 0;
  margin: 0;
}

.mission-item {
  display: grid;
  grid-template-columns: 52px 1fr;
  gap: 20px;
  align-items: flex-start;
  padding: 22px 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  position: relative;
  transition: padding 0.3s ease;
}
.mission-item:first-child {
  padding-top: 4px;
}
.mission-item:last-child {
  border-bottom: none;
  padding-bottom: 0;
}

/* Lime "progress line" — accent vľavo od ikony */
.mission-item::before {
  content: '';
  position: absolute;
  left: 0;
  top: 50%;
  width: 0;
  height: 2px;
  background: var(--lime);
  transform: translateY(-50%);
  transition: width 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}
.mission-item:hover::before {
  width: 8px;
}
.mission-item:hover {
  padding-left: 16px;
}

.mission-item__icon {
  width: 52px;
  height: 52px;
  background: rgba(148, 214, 43, 0.1);
  border: 1.5px solid rgba(148, 214, 43, 0.22);
  color: var(--lime);
  border-radius: var(--radius-md);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  transition: var(--transition);
}
.mission-item__icon .ico {
  width: 24px;
  height: 24px;
}
.mission-item:hover .mission-item__icon {
  background: var(--lime);
  color: var(--lime-dark);
  border-color: var(--lime);
}

.mission-item__body {
  padding-top: 4px;
}

.mission-item__title {
  font-family: var(--font-head);
  font-size: 19px;
  font-weight: 700;
  color: var(--white);
  letter-spacing: -0.3px;
  line-height: 1.3;
  margin-bottom: 8px;
}

.mission-item__text {
  font-size: 14.5px;
  color: rgba(255, 255, 255, 0.72);
  line-height: 1.65;
}


/* ===================== OBRÁZKOVÝ BANNER ===================== */
.mission-banner {
  position: relative;
  margin: 72px 0 0;
  border-radius: var(--radius-xl);
  overflow: hidden;
  aspect-ratio: 21 / 8;
  border: 1px solid rgba(255, 255, 255, 0.1);
  box-shadow: 0 24px 48px -16px rgba(0, 0, 0, 0.4);
}
.mission-banner img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.mission-banner__caption {
  position: absolute;
  inset: 0;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  padding: 44px 48px;
  background: linear-gradient(
    to top,
    rgba(10, 61, 61, 0.88) 0%,
    rgba(10, 61, 61, 0.3) 55%,
    transparent 100%
  );
}

.mission-banner__label {
  display: inline-block;
  font-family: var(--font-body);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 1.8px;
  text-transform: uppercase;
  color: var(--lime);
  margin-bottom: 12px;
}

.mission-banner__text {
  font-family: var(--font-head);
  font-size: clamp(20px, 2.4vw, 28px);
  font-weight: 700;
  color: var(--white);
  letter-spacing: -0.4px;
  line-height: 1.35;
  max-width: 640px;
  margin: 0;
}


/* ===================== TABLET (≤1024px) ===================== */
@media (max-width: 1024px) {
  .about-mission {
    padding: 72px 0;
  }
  .about-mission--has-crumb {
    padding-top: 44px;
  }
  .about-mission__inner {
    grid-template-columns: 1fr;
    gap: 40px;
    align-items: start;
  }
  .about-mission__title {
    font-size: 34px;
  }
  .about-mission__lead {
    font-size: 16px;
    max-width: 580px;
  }

  .mission-banner {
    margin-top: 56px;
    aspect-ratio: 16 / 8;
  }
  .mission-banner__caption {
    padding: 36px 36px;
  }
}


/* ===================== MOBILE (≤640px) ===================== */
@media (max-width: 640px) {
  .about-mission {
    padding: 56px 0;
  }
  .about-mission--has-crumb {
    padding-top: 28px;
  }
  .about-mission__inner {
    gap: 32px;
  }
  .onas-crumb {
    margin-bottom: 24px;
  }

  /* Header centrovaný */
  .about-mission__header {
    text-align: center;
  }
  .about-mission__title {
    font-size: 30px;
    letter-spacing: -0.8px;
  }
  .about-mission__lead {
    font-size: 15px;
    line-height: 1.7;
    margin: 0 auto;
  }

  /* Manifest — jednoduchý zoznam pod sebou (bez carouselu/JS) */
  .mission-item {
    padding: 20px 0;
  }
  .mission-item:hover {
    padding-left: 0;
  }
  .mission-item::before {
    display: none;
  }
  .mission-item__icon {
    width: 46px;
    height: 46px;
  }
  .mission-item__icon .ico {
    width: 22px;
    height: 22px;
  }
  .mission-item__title {
    font-size: 17px;
  }
  .mission-item__text {
    font-size: 14px;
  }

  /* Banner */
  .mission-banner {
    margin-top: 40px;
    aspect-ratio: 4 / 3;
  }
  .mission-banner__caption {
    padding: 26px 24px;
    background: linear-gradient(
      to top,
      rgba(10, 61, 61, 0.92) 0%,
      rgba(10, 61, 61, 0.4) 60%,
      transparent 100%
    );
  }
  .mission-banner__text {
    font-size: 18px;
  }
}/* End custom CSS */