/*
  LANMASTER solutions page styles
  Подключать один раз для страниц "Решения".
  Разметка опирается на Bootstrap 5.3: row, col-*, g-*, align-items-start,
  table, table-responsive и штатные классы сайта для видео/товаров.
*/

.lm-solution {
  --lm-accent: #f58220;
  --lm-border: #e3e3e3;
  --lm-text: var(--bs-body-color, #212529);
  --lm-muted: var(--bs-secondary-color, #6c757d);

  background: #fff;
  color: var(--lm-text);
  line-height: 1.55;

}
@media(max-width: 700px) {
  .lm-solution {
  padding: 0 2rem;
  }
}

.lm-solution,
.lm-solution .lpage {
  background: #fff;
}

/* Сбрасываем декоративные эффекты, из-за которых страница стала тяжелее старого вида */
.lm-solution img,
.lm-solution .thumbs-images img,
.lm-solution .product-slaves-list img {
  max-width: 100%;
  height: auto;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  background: transparent !important;
}

.lm-solution p {
  margin-bottom: 1rem;
}

.lm-solution a:not(.product-item__title) {
  color: var(--lm-accent);
  text-decoration-color: color-mix(in srgb, var(--lm-accent) 55%, transparent);
  text-underline-offset: .18em;
}

.lm-solution a:not(.product-item__btn):hover {
  color: var(--lm-accent);
}

.lm-solution a.product-item__btn:hover {
  color: white;
}

.lm-solution .lm-section {
  margin: 3rem 0;
  padding-bottom: 1rem;
}

.lm-solution .lm-section:first-child {
  margin-top: 0;
}

.lm-solution .lm-section + .lm-section {
  margin-top: 0px;
}

.lm-section.section-aksessuary {
  margin-top: 1rem !important;
  padding-top: 10px !important;
}

.lm-section.section-konstruktivnie-osobennosti {
  margin-top: 0px !important;
  padding-top: 30px !important;
}


.lm-solution .lm-section + .lm-video-section {
  margin-top: 0.5rem;
  padding-top: 15px;
}

.lm-section {
  padding-top: 0.5rem;
}

.lm-section + .lm-section {
  padding-top: 30px;
}

.lm-solution .lm-lead {
  /*max-width: 1040px;*/
  margin-bottom: 4rem;
  font-size: 20px;
  font-weight: 400;
  line-height: 1.65;
}

.lm-solution strong {
  font-weight: 400;
}

/* Заголовки без лишней "жирной" декоративности */
.lm-solution h2,
.lm-solution h3,
.lm-solution h4 {
  margin-top: 0;
  color: var(--lm-text);
  letter-spacing: 0;
}

.lm-solution h2 {
  margin-bottom: 1.1rem;
  font-size: clamp(1.45rem, 1.1rem + 1vw, 2rem);
  font-weight: 400;
  line-height: 1.25;
}

.lm-solution h3 {
  margin-bottom: .75rem;
  font-size: clamp(1.2rem, 1.02rem + .45vw, 1.45rem);
  font-weight: 400;
  line-height: 1.3;
}

.lm-solution h4 {
  margin-bottom: .75rem;
  font-size: 22px;
  font-weight: 400;
  line-height: 1.35;
}

.lm-solution .lm-subtitle {
  color: var(--lm-accent);
  font-weight: 400;
}


.lm-solution .lm-feature {
  margin-bottom: 1.65rem;
}

.lm-solution .lm-feature:last-child {
  margin-bottom: 0;
}

.lm-solution .lm-feature .row {
  --bs-gutter-x: 1rem;
}

.lm-solution .lm-feature img {
  display: block;
  width: 100%;
  max-width: 100%;
  object-fit: contain;
  margin: 0 auto;
}

.lm-solution .lm-feature-title {
  margin-bottom: .4rem;
  font-size: 20px;
  font-weight: 400;
  line-height: 1.3;
}

.lm-feature-title + p {
  font-size: 18px;
}

@media (max-width: 767.98px) {
  .lm-solution .lm-features-col {
    max-width: 100%;
  }

  .lm-solution .lm-feature img {
    max-width: 125px;
  }
}

/* Списки с маркировкой, похожей на прежнюю: без декоративных карточек */
.lm-solution ul:not(.product-item-list) {
  padding-left: 3rem;
}

@media(max-width: 700px) {
  .lm-solution ul:not(.product-item-list) {
    padding-left: 1.5rem;
  }
}

.lm-solution .lm-mark-list,
.lm-solution ul.line {
  padding-left: 0;
  list-style: none;
}

.lm-solution .lm-mark-list li,
.lm-solution ul.line li {
  position: relative;
  margin-bottom: .8rem;
  padding-left: 1.45rem;

  border-left: solid 1px #f16800;
  text-align: justify;
}

/*
.lm-solution .lm-mark-list li::before,
.lm-solution ul.line li::before {
  content: "";
  position: absolute;
  top: .58em;
  left: 0;
  width: .48rem;
  height: .48rem;
  border: 2px solid var(--lm-accent);
  border-radius: 50%;
}
*/

/* Видео: сохраняем штатное оформление табов сайта, добавляем только внешние интервалы и адаптивную обертку */
.lm-solution .lm-video-section {
  margin-top: 4rem;
  margin-bottom: 4rem;
}

.lm-solution .video {
  max-width: 100%;
  margin: 0;
}

.lm-solution .video-wrp {
  position: relative;
  height: 0;
  padding-bottom: 56.25%;
  overflow: hidden;
}

.lm-solution .video-wrp iframe {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  border: 0;
}

/* Продуктовые блоки: картинка слева, штатный product-item-list справа, верхние точки выровнены */
.lm-solution .lm-product-row {
  align-items: flex-start;
  margin-bottom: 2.5rem;
  margin-top: 2.5rem;
}

.lm-solution .lm-product-image {
  text-align: center;
  margin-top: 2rem;
}

.lm-solution .lm-product-image img {
  width: auto;
  max-width: min(100%, 160px);
  max-height: 180px;
  object-fit: contain;
  margin: 0 auto;
}

@media (max-width: 575.98px) {
  .lm-solution .lm-product-image {
    text-align: left;
  }
}

/* Единый спокойный стиль таблиц в решениях */
.lm-solution table,
.lm-solution .table,
.lm-solution .product-slaves-list table {
  width: 100%;
  margin-bottom: 0;
  border-collapse: collapse;
  border-color: var(--lm-border);
  background: #fff;
  color: var(--lm-text);
  font-size: .95rem;
}

.lm-solution table th,
.lm-solution table td,
.lm-solution .table th,
.lm-solution .table td,
.lm-solution .product-slaves-list table th,
.lm-solution .product-slaves-list table td {
  border: 1px solid var(--lm-border);
  background: #fff;
  color: var(--lm-text);
  padding: .65rem .75rem;
  vertical-align: middle;
  font-weight: 400;
}

.lm-solution table thead th,
.lm-solution .table thead th,
.lm-solution .product-slaves-list table thead th {
  background: #f7f7f7;
  color: var(--lm-text);
  font-weight: 600;
}

.lm-solution .table-striped > tbody > tr:nth-of-type(odd) > * {
  --bs-table-bg-type: #fff;
}

.lm-solution .table-hover > tbody > tr:hover > * {
  --bs-table-bg-state: #fafafa;
}

/* Заглушки для временно скрытых страниц */
.lm-solution .lm-placeholder {
  display: grid;
  min-height: 320px;
  place-items: center;
  padding: 2rem;
  border: 1px solid var(--lm-border);
  background: #fff;
  text-align: center;
}

.lm-solution .lm-placeholder img {
  width: min(100%, 720px);
}

.article-content img {
  margin: 0 auto;
}

.lm-product-row {
  /*border: 1px solid #e3e3e3;*/
  margin-left: 0.5rem;
  margin-right: 0.5rem;
}

@media(max-width: 700px) {
  .lm-solution .lm-mark-list li {
    font-size: 18px;
  }
  .lm-solution .lanmaster-video-tabs-multi.product-tabs-multi {
    padding: 0px;
  }

  .lm-solution .lm-section + .lm-section {
    margin-top: 0.5rem;
    padding-top: 20px;
  }

  .lm-solution {
    padding: 0 1rem;
  }
}

.lm-solution  .product-item {
  background-color: var(--body-bg, #fff);
}




.lm-solution .product-item__title, .lm-solution .product-item__content { font-size: 16px; }
.main:has(.lm-solution) { background-color:white; }