:root {
  --size-unit: 16;
  --size-container-ideal: 1440;
  --size-container-min: 1140px;
  --size-container-max: 1920px;
  --size-container: clamp(var(--size-container-min), 100vw, var(--size-container-max));
  --size-font: calc(var(--size-container) / (var(--size-container-ideal) / var(--size-unit)));
}

html {
  font-size: var(--size-font);
}

/* Tablet (Portrait & Landscape) */
@media screen and (max-width: 1140px) and (orientation: portrait) {
  :root {
    --size-container-ideal: 834;
    --size-container-min: 768px;
    --size-container-max: 1140px;
  }
}

/* Mobile Landscape */
@media screen and (max-width: 1140px) and (orientation: landscape) {
  :root {
    --size-container-ideal: 667;
    /* iPhone landscape fallback */
    --size-container-min: 480px;
    --size-container-max: 1140px;
  }
}

/* Mobile Portrait */
@media screen and (max-width: 479px) and (orientation: portrait) {
  :root {
    --size-container-ideal: 390;
    --size-container-min: 320px;
    --size-container-max: 479px;
  }
}



.body.no-scroll {
  overflow: hidden;
}

.navbar.color-nav,
.navigation-content.color-nav {
  background-color: #191919;
}


.btn-a-up:hover .arrow._1 {
  transform: translate(150%, -150%);
}

.btn-a-up:hover .arrow__bg {
  width: 100%;
  height: 100%;

}


.btn-a-d:hover .arrow._1 {
  transform: translate(150%, 150%);
}

.btn-a-d:hover .arrow__bg {
  width: 100%;
  height: 100%;

}


.splide__slide:hover .arrow._1 {
  transform: translate(150%, -150%);
  /* Выберите нужное направление */
}

.splide__slide:hover .arrow__bg {
  width: 100%;
  height: 100%;
}


.splide__slide:hover .wrapper-arrow-btn {
  transform: rotate(45deg);
}







@media (min-width: 1024px) {
  .line-animation::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 0.1em;
    background: var(--blue);
    transform: scaleX(0);
    transition: transform 0.3s;
    transform-origin: right;
  }

  .line-animation:hover::after {
    transform: scaleX(1);
    transform-origin: left;
  }


  .wrapper-arrow-slider-left:hover .arrow.left {
    transform: translate(-150%);
  }

  .wrapper-arrow-slider-left:hover .arrow__bg {
    width: 100%;
    height: 100%;

  }

  .wrapper-arrow-slider:hover .arrow.right {
    transform: translate(150%);
  }

  .wrapper-arrow-slider:hover .arrow__bg {
    width: 100%;
    height: 100%;

  }

}

.navbar {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 999;
}


.splide button:disabled {
  opacity: 0.4;
  pointer-events: none;
}


/* Dark Sections */
.is--dark .splide__arrow {
  filter: invert(100%);
}

.is--dark .splide__pagination__page {
  background-color: #dfdad5;
}


/* Tall slider */
.splide.tall .splide__pagination {
  display: none;
}

.splide__slide.is-active .text-opacity {
  opacity: 1.0;
}

.splide__slide.is-active .slider-tall_img {
  transform: scale(1.05);
}

.splide__slide.is-active .slider-tall_photo {
  transform: scale(1.0);
}


.sliders_text2 {
  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
}

/* === Article content blocks (images, gallery, video) === */

.w-richtext figure {
  /* Break out of the typical text container padding/margin */
  list-style: none;
  max-width: 100%;
  width: 100%;
}

@media screen and (max-width: 767px) {
  .w-richtext figure {
    max-width: 100%;
    width: 100%;
  }
}

.w-richtext figure img {
  width: 100%;
  height: auto;
  border-radius: 12px;
  display: block;
}

.w-richtext figure figcaption {
  font-size: 0.875rem;
  color: #888;
  margin-top: 0.5em;
  text-align: center;
}

.article-gallery {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  gap: 20px !important;
}

.article-gallery-item {
  border-radius: 12px;
  overflow: hidden;
}

.article-gallery-item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 12px;
  transition: transform 0.3s ease;
}

.article-gallery-item img:hover {
  transform: scale(1.03);
}

/* Handle default Kirby gallery <ul><li> structure inside figure */
.w-richtext figure ul {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  gap: 20px;
}

.w-richtext figure ul li {
  list-style: none;
  padding: 0;
  margin: 0;
}

.w-richtext figure ul li::before {
  display: none;
}

.w-richtext figure ul li img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 12px;
  transition: transform 0.3s ease;
}

.w-richtext figure ul li img:hover {
  transform: scale(1.03);
}

.article-video-wrapper {
  position: relative;
  width: 100%;
  border-radius: 8px;
  overflow: hidden;
}

.article-video-wrapper iframe {
  border: none;
  border-radius: 8px;
}

/* Hide reCAPTCHA v3 badge (attribution text is shown on the contact form instead) */
.grecaptcha-badge {
  visibility: hidden !important;
}