.elementor-699 .elementor-element.elementor-element-a926ec3{--display:flex;}/* Start custom CSS *//* === MECH (Механізоване розмінування) — двоколонний макет з картками === */
.dm-mech{
  --brand:#6694ba;     /* фірмовий */
  --ink:#0f1c2b;       /* основний текст */
  --muted:#5b667a;     /* вторинний текст */
  --accent-a:#1fcf90;  /* зелений акцент */
  --accent-b:#ff8a3d;  /* помаранчевий акцент */
  background:linear-gradient(180deg,#f1f6fb 0%,#f8fbfe 100%);
  font-family:Inter,system-ui,sans-serif;
  padding:56px 0;
}

/* уніфіковані поля від країв екрана */
.dm-container{
  max-width:1200px;
  margin:0 auto;
  padding:0 20px;
}

/* заголовок розділу */
.dm-mech h2{ margin:0 0 6px; font-weight:800; color:var(--ink) }
.dm-mech .dm-lead{ margin:0 0 28px; color:#425b72; max-width:900px }

/* двоколонка: ліворуч текст (картки), праворуч зображення/галерея */
.dm-mech-wrap{
  display:grid;
  gap:28px;
  align-items:start;
}
@media(min-width:992px){
  .dm-mech-wrap{ grid-template-columns:1fr 460px; }
}

/* картка */
.dm-mech-card{
  position:relative; overflow:hidden;
  border:1px solid #dbe5f0; border-radius:18px; background:#fff;
  box-shadow:0 10px 28px rgba(16,24,40,.06),0 2px 6px rgba(16,24,40,.04);
  padding:24px 26px;
}
.dm-mech-card + .dm-mech-card{ margin-top:18px; }

/* верхня смужка акценту */
.dm-mech-card::before{
  content:""; position:absolute; left:0; right:0; top:0; height:4px;
  border-top-left-radius:inherit; border-top-right-radius:inherit;
  background:linear-gradient(90deg,var(--brand) 0%,#9bbdd9 100%);
}
.dm-mech-card.dm-emph::before{
  background:linear-gradient(90deg,var(--accent-a) 0%,var(--accent-b) 100%);
}

/* шапка картки */
.dm-mech-head{ display:flex; gap:12px; align-items:flex-start; margin-bottom:10px }
.dm-mech-ico{
  width:42px; height:42px; flex:0 0 42px; border-radius:12px;
  display:grid; place-items:center; color:var(--brand);
  background:rgba(102,148,186,.12); border:1px solid rgba(102,148,186,.25);
}
.dm-mech-card.dm-emph .dm-mech-ico{
  color:var(--accent-a); background:rgba(23,147,108,.1); border-color:rgba(23,147,108,.25);
}
.dm-mech-title{ margin:0; font:700 20px/1.25 Inter,system-ui,sans-serif; color:var(--ink) }
.dm-mech-sub{ margin:4px 0 0; color:var(--muted); font-size:15px }

/* списки */
.dm-mech-list{ list-style:none; margin:14px 0 0; padding:0; display:grid; gap:10px }
.dm-mech-list li{ display:flex; gap:10px; align-items:flex-start }
.dm-mech-li-ico{
  width:34px; height:34px; flex:0 0 34px; border-radius:10px;
  display:grid; place-items:center; color:var(--brand);
  background:rgba(102,148,186,.08); border:1px solid rgba(102,148,186,.2);
}
.dm-mech-card.dm-emph .dm-mech-li-ico{
  color:var(--accent-a); background:rgba(23,147,108,.08); border-color:rgba(23,147,108,.2);
}
.dm-mech-list p{ margin:0; color:#2a2f3a }

/* факт/нотатка */
.dm-mech-note{
  margin-top:14px; padding:12px 14px; border-radius:12px;
  background:#f9fafc; border:1px dashed #d6e1ec; color:#2a2f3a;
}

/* права колонка: зображення або міні-галерея */
.dm-mech-media{
  display:grid; gap:16px;
}
.dm-mech-figure{
  border-radius:16px; overflow:hidden;
  border:1px solid #dbe5f0; background:#fff;
  box-shadow:0 10px 28px rgba(16,24,40,.06),0 2px 6px rgba(16,24,40,.04);
}
.dm-mech-figure img{
  display:block; width:100%; height:auto; object-fit:cover;
}
.dm-mech-figure figcaption{
  padding:10px 14px; font-size:14px; color:#5b667a; text-align:center; background:#fff;
}

/* горизонтальна міні-галерея (опціонально) */
.dm-mech-thumbs{
  display:grid; grid-template-columns:repeat(3,1fr); gap:12px;
}
.dm-mech-thumb{
  border-radius:12px; overflow:hidden; border:1px solid #dbe5f0; background:#fff;
}
.dm-mech-thumb img{
  display:block; width:100%; height:100%; object-fit:cover;
}/* End custom CSS */