.elementor-931 .elementor-element.elementor-element-3890cc1{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}/* Start custom CSS for shortcode, class: .elementor-element-d733e9a *//* =========================================================
   DenBeton Blog Article (Elementor Pro) — CSS в стиле сайта
   Scope: .db-article
   ========================================================= */

.db-article{
  /* Palette */
  --db-text:#1b1f24;
  --db-muted:#6b7280;
  --db-bg:#ffffff;

  --db-soft:#faf7f0;            /* теплый светлый фон блоков */
  --db-surface:#ffffff;         /* карточки */
  --db-border:#efe6d7;          /* теплый бордер */

  --db-accent:#f3a61b;          /* желто-оранжевый акцент */
  --db-accent-2:#e59a12;

  --db-radius:18px;
  --db-radius-sm:14px;
  --db-shadow:0 10px 30px rgba(16,24,40,.08);
  --db-shadow-sm:0 8px 20px rgba(16,24,40,.06);

  font-family: Inter, system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  color:var(--db-text);
  background:var(--db-bg);

  max-width: 1100px;
  margin: 0 auto;
  padding: 22px 16px 40px;
}

.db-article *{ box-sizing:border-box; }
.db-article img{ max-width:100%; height:auto; display:block; }

/* Links */
.db-link{
  color:inherit;
  text-decoration:underline;
  text-decoration-color: rgba(243,166,27,.65);
  text-decoration-thickness: 2px;
  text-underline-offset: 3px;
  transition: .18s ease;
}
.db-link:hover{
  text-decoration-color: rgba(243,166,27,1);
}

/* Breadcrumbs */
.db-breadcrumbs{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  align-items:center;
  font-size:13px;
  color:var(--db-muted);
  margin: 4px 0 18px;
}
.db-bc__link{ color:var(--db-muted); text-decoration:none; }
.db-bc__link:hover{ color:var(--db-text); text-decoration:underline; }
.db-bc__sep{ opacity:.55; }
.db-bc__current{ color:var(--db-text); opacity:.85; }

/* Headings */
.db-h1{
  font-size: clamp(28px, 3.2vw, 44px);
  line-height:1.12;
  margin: 0 0 12px;
  letter-spacing: -.02em;
}
.db-h2{
  font-size: clamp(20px, 2.2vw, 28px);
  line-height:1.2;
  margin: 0 0 12px;
  letter-spacing: -.01em;
}
.db-h3{
  font-size: 18px;
  line-height:1.25;
  margin: 0 0 8px;
}

/* Hero */
.db-hero{ margin-bottom: 22px; }
.db-lead{
  font-size: 16px;
  line-height:1.65;
  color: rgba(27,31,36,.92);
  margin: 0 0 14px;
}
.db-hero__links{
  font-size: 14px;
  line-height:1.6;
  color: var(--db-muted);
  margin: 0 0 16px;
}
.db-hero__links strong{ color: var(--db-text); }
.db-hero__links .db-link{ color: var(--db-text); }

.db-figure{
  margin: 16px 0 0;
  border-radius: var(--db-radius);
  overflow:hidden;
  border: 1px solid var(--db-border);
  background: var(--db-surface);
  box-shadow: var(--db-shadow-sm);
}
.db-figure img{ width:100%; }
.db-caption{
  padding: 12px 14px;
  font-size: 13px;
  line-height:1.45;
  color: var(--db-muted);
  background: linear-gradient(180deg, rgba(250,247,240,.55), rgba(250,247,240,.85));
  border-top: 1px solid var(--db-border);
}

/* Badges */
.db-badges{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin: 14px 0 0;
}
.db-badge{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding: 8px 12px;
  border-radius: 999px;
  background: rgba(243,166,27,.14);
  border: 1px solid rgba(243,166,27,.35);
  font-size: 13px;
  line-height:1;
  color: rgba(27,31,36,.92);
}

/* TOC */
.db-toc{
  margin: 18px 0 26px;
  padding: 16px 16px 12px;
  border-radius: var(--db-radius);
  background: var(--db-soft);
  border: 1px solid var(--db-border);
}
.db-toc .db-h2{
  margin-bottom: 10px;
}
.db-list{
  margin: 0;
  padding-left: 18px;
}
.db-list li{
  margin: 8px 0;
  color: rgba(27,31,36,.9);
}
.db-list li::marker{ color: rgba(243,166,27,.95); }

/* Sections */
.db-section{
  margin-top: 34px;
  padding-top: 6px;
}
.db-subsection{
  margin: 18px 0 0;
  padding: 16px;
  border-radius: var(--db-radius);
  background: var(--db-surface);
  border: 1px solid var(--db-border);
  box-shadow: var(--db-shadow-sm);
}
.db-note{
  margin: 14px 0 0;
  padding: 14px 14px;
  border-radius: var(--db-radius);
  background: rgba(243,166,27,.10);
  border: 1px solid rgba(243,166,27,.28);
  color: rgba(27,31,36,.92);
}

/* Text blocks */
.db-article p{
  margin: 10px 0;
  line-height: 1.72;
}
.db-muted{ color: var(--db-muted); }
.db-muted, .db-card .db-muted{ font-size: 13px; line-height:1.55; }

/* Ordered list */
.db-ol{
  margin: 10px 0 0;
  padding-left: 18px;
}
.db-ol li{
  margin: 10px 0;
  line-height: 1.7;
}
.db-ol li::marker{
  color: rgba(243,166,27,.95);
  font-weight: 800;
}

/* Cards (fast pick / options) */
.db-cards{
  display:grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
  margin-top: 12px;
}
.db-card{
  padding: 16px;
  border-radius: var(--db-radius);
  background: var(--db-surface);
  border: 1px solid var(--db-border);
  box-shadow: var(--db-shadow-sm);
}
.db-card p{ margin: 8px 0 0; }

/* Table */
.db-table-wrap{
  margin-top: 14px;
  border-radius: var(--db-radius);
  overflow:auto;
  border: 1px solid var(--db-border);
  background: var(--db-surface);
  box-shadow: var(--db-shadow-sm);
}
.db-table{
  width:100%;
  min-width: 820px;
  border-collapse: separate;
  border-spacing: 0;
}
.db-table thead th{
  text-align:left;
  font-size: 13px;
  padding: 14px 14px;
  background: linear-gradient(180deg, rgba(250,247,240,.65), rgba(250,247,240,.95));
  border-bottom: 1px solid var(--db-border);
  color: rgba(27,31,36,.92);
}
.db-table tbody td{
  padding: 14px 14px;
  vertical-align: top;
  border-bottom: 1px solid var(--db-border);
  font-size: 14px;
  line-height: 1.6;
}
.db-table tbody tr:last-child td{ border-bottom:0; }
.db-table tbody tr:nth-child(odd) td{ background: rgba(250,247,240,.35); }

/* Steps */
.db-steps{
  display:grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
  margin-top: 12px;
}
.db-step{
  padding: 16px;
  border-radius: var(--db-radius);
  background: var(--db-surface);
  border: 1px solid var(--db-border);
  box-shadow: var(--db-shadow-sm);
}
.db-step p{ margin: 8px 0 0; }

/* CTA block */
.db-cta{
  margin-top: 36px;
  padding: 18px 16px;
  border-radius: var(--db-radius);
  background:
    radial-gradient(1200px 300px at 20% 0%, rgba(243,166,27,.18), transparent 55%),
    radial-gradient(900px 260px at 90% 30%, rgba(243,166,27,.12), transparent 60%),
    var(--db-soft);
  border: 1px solid rgba(243,166,27,.35);
  box-shadow: var(--db-shadow-sm);
}
.db-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  margin-top: 10px;
  padding: 12px 16px;
  border-radius: 999px;
  background: var(--db-accent);
  color:#1b1f24;
  text-decoration:none;
  font-weight: 800;
  box-shadow: 0 12px 22px rgba(243,166,27,.22);
  transition: .18s ease;
}
.db-btn:hover{
  transform: translateY(-1px);
  background: var(--db-accent-2);
}

/* FAQ (как на скрине: большие карточки + кружок с +/-) */
.db-faq{
  margin-top: 12px;
  border-radius: var(--db-radius);
  background: var(--db-surface);
  border: 1px solid var(--db-border);
  box-shadow: var(--db-shadow-sm);
  overflow:hidden;
}
.db-faq summary{
  list-style:none;
  cursor:pointer;
  padding: 16px 62px 16px 16px; /* место под иконку справа */
  font-weight: 800;
  line-height: 1.25;
  position: relative;
  outline: none;
}
.db-faq summary::-webkit-details-marker{ display:none; }

.db-faq summary::after{
  content:"+";
  position:absolute;
  right:16px;
  top:50%;
  transform: translateY(-50%);
  width:30px;
  height:30px;
  border-radius:999px;
  display:grid;
  place-items:center;

  background: rgba(243,166,27,.18);
  border: 1px solid rgba(243,166,27,.55);
  color: var(--db-accent-2);

  font-weight: 900;
  font-size: 18px;
  line-height: 1;
}
.db-faq[open] summary::after{ content:"–"; }

.db-faq p{
  margin: 0;
  padding: 0 16px 16px;
  color: rgba(27,31,36,.9);
}

/* Charts (SVG) */
.db-chart{
  width:100%;
  display:block;
  margin-top: 10px;
  color: rgba(27,31,36,.86);
}

/* Footer */
.db-footer{
  margin-top: 34px;
  padding-top: 16px;
  border-top: 1px solid var(--db-border);
  color: var(--db-muted);
  font-size: 14px;
  line-height: 1.6;
}
.db-footer strong{ color: var(--db-text); }

/* Responsive */
@media (max-width: 900px){
  .db-cards{ grid-template-columns: 1fr; }
  .db-steps{ grid-template-columns: 1fr; }
  .db-article{ padding: 18px 14px 34px; }
}

@media (max-width: 520px){
  .db-badges{ gap:8px; }
  .db-badge{ padding: 7px 10px; font-size: 12px; }
  .db-faq summary{ padding-right: 58px; }
  .db-faq summary::after{ right: 14px; }
}/* End custom CSS */