/* Страница «Маркировка»: ввод и видео как у продуктового шаблона; правки только своих блоков. */

.mk-hero .hero-cta__text + .hero-cta__text {
  margin-top: 0.75rem;
}

.mk-video__frame {
  aspect-ratio: 16 / 9;
  border-radius: 1.25rem;
  overflow: hidden;
  background: #111;
}
.mk-video__frame.ratio::before,
.mk-video__frame.ratio:before {
  display: none;
}
.mk-video video {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
  background: #111;
}

/* F01: на узких экранах кнопка консультации не должна закрывать панель плеера. */
@media (max-width: 768px) {
  .mk-cta .block-cta-button__button {
    width: 7.5rem;
    height: 50px;
    margin-top: calc(var(--header-height, 5.75rem) + 0.5rem);
  }
  .mk-cta .block-cta-button__link {
    width: 100%;
  }
}

.mk-possibilities .card-scroll__text p {
  margin: 0 0 0.5rem;
}
.mk-possibilities .card-scroll__text p:last-child {
  margin-bottom: 0;
}

.mk-possibilities .card-scroll__picture {
  display: block;
  position: relative;
  width: 100%;
  aspect-ratio: 16 / 10;
  border-radius: 1.5rem;
  overflow: hidden;
  background: #f3f1f8;
}
.mk-possibilities .card-scroll__picture > img {
  position: absolute;
  inset: 0;
  display: block;
  width: 100%;
  height: 100%;
  padding: 0.75rem;
  box-sizing: border-box;
  object-fit: contain;
  object-position: center;
  background: transparent;
}

.mk-possibilities .block-scroll__button--desktop {
  display: none !important;
}
.mk-possibilities .block-scroll__button--mobile {
  display: flex !important;
  width: fit-content;
  max-width: 100%;
  margin-top: 1.75rem;
}

@media (max-width: 767.98px) {
  .mk-possibilities .card-scroll__picture {
    aspect-ratio: 4 / 3;
    border-radius: 1.25rem;
  }
  .mk-possibilities .card-scroll__picture > img {
    padding: 0.5rem;
  }
  .mk-possibilities .card-scroll__title,
  .mk-possibilities .card-scroll__text {
    width: 100%;
    max-width: 100%;
    margin-left: 0;
    margin-right: 0;
  }
  .mk-possibilities .card-scroll__title {
    margin-top: 0.85rem;
  }
  .mk-possibilities .block-scroll__item + .block-scroll__item {
    margin-top: 2.25rem;
  }
  .mk-possibilities .block-scroll__text {
    max-width: 100%;
  }
}

@media (min-width: 768px) {
  .mk-possibilities .block-scroll__button--desktop {
    display: flex !important;
    width: auto;
  }
  .mk-possibilities .block-scroll__button--mobile {
    display: none !important;
  }
}

@media (max-width: 767.98px) {
  .mk-features.block-included {
    padding: 1.25rem 1rem 0.75rem;
    border-radius: 1.25rem;
  }
  .mk-features .included-link {
    padding: 0.85rem 0;
  }
  .mk-features .included-link__top-title,
  .mk-features .included-link__text {
    overflow-wrap: break-word;
  }
}

@media (min-width: 768px) and (max-width: 1023.98px) {
  .mk-possibilities .card-scroll__title,
  .mk-possibilities .card-scroll__text {
    width: 100%;
    margin-right: 0;
  }
}