.landing-page-main .bg-img-gradient {
  padding: calc(var(--breakpoint_unit) * calc(28 * var(--basic_unit)))
    calc(var(--breakpoint_unit) * calc(10 * var(--basic_unit)))
    calc(var(--breakpoint_unit) * calc(40 * var(--basic_unit)));
  background:
    linear-gradient(90deg, rgb(27, 26, 26) 0%, rgba(27, 26, 26, 0) 10%),
    linear-gradient(0deg, rgba(27, 26, 26, 0.3), rgba(27, 26, 26, 0.3)),
    linear-gradient(0deg, rgb(27, 26, 26) 1%, rgba(27, 26, 26, 0.1) 8%),
    linear-gradient(0deg, rgb(27, 26, 26) 0%, rgba(27, 26, 26, 0.01) 50%),
    url("../images/uvod/Vystoupeni-aerial-hammock-4.jpg") center center
      no-repeat;
  background-size: auto, auto, auto, auto, auto;
  background-size: cover;
}

.landing-hero {
  text-align: center;
  max-width: 730px;
  margin: 0 auto calc(var(--breakpoint_unit) * calc(25 * var(--basic_unit)));
}

.landing-hero p {
  max-width: 900px;
  margin-inline: auto;
}

.landing-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: calc(var(--breakpoint_unit) * calc(12 * var(--basic_unit)));
  margin-bottom: calc(var(--breakpoint_unit) * calc(24 * var(--basic_unit)));
}

.landing-intro-section {
  padding-top: 0;
}

.landing-intro-square {
  height: auto;
  justify-content: flex-start;
  gap: calc(var(--breakpoint_unit) * calc(2 * var(--basic_unit)));
  z-index: 2;
}

.landing-intro-square p {
  margin-bottom: 0 !important;
}

.landing-intro-image img {
  min-height: 100%;
}

.landing-bullets {
  list-style: disc;
  padding-left: calc(var(--breakpoint_unit) * calc(10 * var(--basic_unit)));
  text-align: initial;
  margin-top: 8px;
}

.landing-bullets li {
  margin: 0 0 calc(var(--breakpoint_unit) * calc(4 * var(--basic_unit))) 0;
}

.landing-intro-row + .landing-intro-row {
  margin-top: calc(var(--breakpoint_unit) * calc(16 * var(--basic_unit)));
}

.landing-card {
  border: solid 2px var(--light-color);
  padding: calc(var(--breakpoint_unit) * calc(10 * var(--basic_unit)));
  background: rgba(0, 0, 0, 0.12);
}

.landing-card h2 {
  margin-bottom: calc(var(--breakpoint_unit) * calc(8 * var(--basic_unit)));
}

.landing-list {
  list-style: none;
  padding-left: 0;
}

.landing-list li {
  margin: 0 0 calc(var(--breakpoint_unit) * calc(6 * var(--basic_unit))) 0;
}

.landing-faq {
  max-width: 1100px;
  margin: 0 auto calc(var(--breakpoint_unit) * calc(24 * var(--basic_unit)));
}

.landing-faq details {
  border-bottom: solid 1px rgba(255, 255, 255, 0.3);
  padding: calc(var(--breakpoint_unit) * calc(8 * var(--basic_unit))) 0;
}

.landing-faq summary {
  cursor: pointer;
  font-weight: 700;
  font-size: calc(var(--breakpoint_unit) * calc(9 * var(--basic_unit)));
}

.landing-faq summary + p {
  margin-top: 16px;
}

.landing-links {
  display: flex;
  gap: calc(var(--breakpoint_unit) * calc(8 * var(--basic_unit)));
  justify-content: center;
  flex-wrap: wrap;
}

.landing-links .btn {
  min-width: 220px;
}

.bg-img-gradient {
  background:
    linear-gradient(90deg, rgb(27, 26, 26) 0%, rgba(27, 26, 26, 0) 10%),
    linear-gradient(0deg, rgba(27, 26, 26, 0.3), rgba(27, 26, 26, 0.3)),
    linear-gradient(0deg, rgb(27, 26, 26) 1%, rgba(27, 26, 26, 0.1) 8%);
}

@media (min-width: 950px) {
  .landing-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .landing-intro-section .flexbox-intro-section:hover .section-div-img {
    top: 0;
  }

  .landing-intro-section .flexbox-intro-section:hover .div-square {
    top: 25px;
  }

  .landing-intro-section .section-div-img,
  .landing-intro-section .div-square {
    transition: none;
  }

}