.elementor-872 .elementor-element.elementor-element-157a2b1f{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:stretch;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--padding-top:0%;--padding-bottom:0%;--padding-left:8%;--padding-right:8%;}.elementor-widget-theme-post-title .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-872 .elementor-element.elementor-element-1d112c40{text-align:center;}.elementor-872 .elementor-element.elementor-element-1d112c40 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:65px;font-weight:600;text-transform:none;font-style:normal;text-decoration:none;line-height:1.2em;letter-spacing:0px;word-spacing:0em;color:#1C244B;}.elementor-872 .elementor-element.elementor-element-02cb410{--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;}.elementor-872 .elementor-element.elementor-element-8633ff0{--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;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-widget-theme-post-title .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-872 .elementor-element.elementor-element-1d112c40 .elementor-heading-title{font-size:45px;}}@media(min-width:768px){.elementor-872 .elementor-element.elementor-element-157a2b1f{--content-width:1200px;}.elementor-872 .elementor-element.elementor-element-02cb410{--content-width:1400px;}}@media(max-width:1024px) and (min-width:768px){.elementor-872 .elementor-element.elementor-element-157a2b1f{--content-width:620px;}}@media(max-width:767px){.elementor-872 .elementor-element.elementor-element-157a2b1f{--content-width:100%;}.elementor-widget-theme-post-title .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-872 .elementor-element.elementor-element-1d112c40 .elementor-heading-title{font-size:28px;line-height:1.1em;}}/* Start custom CSS for shortcode, class: .elementor-element-72c0573 *//* =========================================================
   DenBeton Blog Article (db-*) — стиль как на сайте (скрин)
   Вставлять в Custom CSS (Elementor/Theme). Скоп: .db-article
   ========================================================= */

/* --- Tokens --- */
.db-article{
  --db-text:#1a1a1a;
  --db-muted:#6b6b6b;
  --db-soft:#8a8a8a;

  --db-accent:#fcb726;     /* жёлтый */
  --db-accent-2:#c38a3f;   /* тёплый оранж/бронза */
  --db-bg:#ffffff;
  --db-surface:#f9f9f9;    /* светло-серый */
  --db-surface-2:#f6f1e6;  /* светло-бежевый */
  --db-border:#e7e2d7;

  --db-radius:16px;
  --db-radius-sm:12px;
  --db-shadow:0 12px 26px rgba(26,26,26,.08);
  --db-shadow-sm:0 8px 18px rgba(26,26,26,.08);

  color:var(--db-text);
  background:transparent;
  font-family:inherit; /* чтобы подхватывало шрифт сайта */
  line-height:1.7;
  font-size:16px;

  max-width: 980px;
  margin: 0 auto;
}

/* Сброс “лишних” от темы */
.db-article *{ box-sizing:border-box; }
.db-article img{ max-width:100%; height:auto; display:block; }
.db-article a{ text-decoration:none; }
.db-article p{ margin: 0 0 14px; }
.db-article strong{ color:var(--db-text); }

/* --- Breadcrumbs --- */
.db-breadcrumbs{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  align-items:center;
  margin: 0 0 16px;
  padding: 10px 14px;
  border:1px solid var(--db-border);
  border-radius: 999px;
  background: var(--db-bg);
  box-shadow: 0 8px 18px rgba(26,26,26,.05);
  font-size: 13px;
  color: var(--db-muted);
}
.db-bc__sep{ opacity:.6; }
.db-bc__link{
  color: var(--db-text);
  font-weight: 600;
}
.db-bc__link:hover{ color: var(--db-accent-2); }
.db-bc__current{
  color: var(--db-muted);
  font-weight: 600;
}

/* --- Hero / Headings --- */
.db-hero{
  padding: 10px 0 6px;
}
.db-h1{
  font-size: clamp(26px, 3.2vw, 42px);
  line-height:1.18;
  margin: 12px 0 12px;
  letter-spacing: -0.02em;
}
.db-lead{
  font-size: 17px;
  color: var(--db-muted);
  margin-bottom: 14px;
}
.db-hero__links{
  margin: 14px 0 18px;
  padding: 14px 16px;
  border: 1px solid var(--db-border);
  border-radius: var(--db-radius);
  background: linear-gradient(180deg, var(--db-bg), var(--db-surface));
  box-shadow: var(--db-shadow-sm);
  color: var(--db-muted);
  font-size: 14px;
}
.db-hero__links strong{
  display:inline-block;
  margin-right: 8px;
  color: var(--db-text);
}
.db-link,
.db-article a.db-link{
  color: var(--db-text);
  font-weight: 700;
  border-bottom: 2px solid rgba(252,183,38,.45);
  transition: .18s ease;
}
.db-link:hover{
  border-bottom-color: var(--db-accent);
  color: var(--db-accent-2);
}
.db-link:focus-visible{
  outline: 3px solid rgba(252,183,38,.45);
  outline-offset: 2px;
  border-radius: 6px;
}

/* --- Sections --- */
.db-section{
  margin: 22px 0;
  padding: 20px 20px;
  border: 1px solid var(--db-border);
  border-radius: var(--db-radius);
  background: var(--db-bg);
  box-shadow: 0 12px 26px rgba(26,26,26,.06);
}
.db-h2{
  font-size: clamp(20px, 2.3vw, 28px);
  line-height:1.25;
  margin: 0 0 12px;
  letter-spacing: -0.01em;
  position: relative;
  padding-bottom: 10px;
}
.db-h2::after{
  content:"";
  display:block;
  width: 84px;
  height: 3px;
  border-radius: 99px;
  background: var(--db-accent);
  margin-top: 10px;
}
.db-h3{
  font-size: 18px;
  line-height:1.35;
  margin: 18px 0 8px;
  letter-spacing: -0.01em;
}

/* --- Figure / Images --- */
.db-figure{
  margin: 16px 0 0;
  border-radius: var(--db-radius);
  overflow:hidden;
  background: var(--db-surface);
  border:1px solid var(--db-border);
  box-shadow: var(--db-shadow-sm);
}
.db-figure img{
  width:100%;
  object-fit:cover;
}
.db-caption{
  padding: 10px 14px;
  font-size: 13px;
  color: var(--db-muted);
  background: linear-gradient(180deg, rgba(255,255,255,.9), var(--db-surface));
  border-top: 1px solid var(--db-border);
}

/* --- Note block --- */
.db-note{
  margin: 14px 0 0;
  padding: 14px 16px;
  border-radius: var(--db-radius);
  border:1px solid rgba(252,183,38,.55);
  background: linear-gradient(180deg, rgba(252,183,38,.14), rgba(252,183,38,.06));
  color: var(--db-text);
}

/* --- Table --- */
.db-table-wrap{
  margin: 14px 0 10px;
  border-radius: var(--db-radius);
  overflow:auto;
  border: 1px solid var(--db-border);
  box-shadow: 0 10px 20px rgba(26,26,26,.06);
  background: var(--db-bg);
}
.db-table{
  width:100%;
  min-width: 720px; /* чтобы на мобиле был скролл */
  border-collapse: collapse;
  font-size: 14px;
}
.db-table thead th{
  text-align:left;
  padding: 14px 14px;
  background: linear-gradient(180deg, var(--db-surface-2), var(--db-surface));
  color: var(--db-text);
  border-bottom: 1px solid var(--db-border);
  font-weight: 800;
}
.db-table tbody td{
  padding: 14px 14px;
  vertical-align: top;
  border-bottom: 1px solid var(--db-border);
  color: var(--db-muted);
}
.db-table tbody tr:hover td{
  background: rgba(252,183,38,.06);
  color: var(--db-text);
}
.db-table tbody td strong{ color: var(--db-text); }

/* --- Lists --- */
.db-list{
  margin: 12px 0 0;
  padding: 0;
  list-style: none;
}
.db-list li{
  position: relative;
  padding-left: 34px;
  margin: 10px 0;
  color: var(--db-muted);
}
.db-list li::before{
  content:"";
  position:absolute;
  left: 0;
  top: 6px;
  width: 22px;
  height: 22px;
  border-radius: 7px;
  background: rgba(252,183,38,.22);
  border: 1px solid rgba(252,183,38,.55);
  box-shadow: 0 6px 12px rgba(26,26,26,.06);
}
.db-list li::after{
  content:"✓";
  position:absolute;
  left: 6px;
  top: 4px;
  font-size: 14px;
  font-weight: 900;
  color: var(--db-accent-2);
}

/* --- Grid cards --- */
.db-grid{
  display:grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
  margin-top: 12px;
}
.db-card{
  padding: 16px 16px;
  border-radius: var(--db-radius);
  border: 1px solid var(--db-border);
  background: linear-gradient(180deg, var(--db-bg), var(--db-surface));
  box-shadow: var(--db-shadow-sm);
}
.db-card .db-h3{
  margin: 0 0 6px;
  font-size: 16px;
}
.db-card p{
  margin: 0;
  color: var(--db-muted);
  font-size: 14px;
}

/* --- CTA block --- */
.db-cta{
  margin: 22px 0;
  padding: 22px 20px;
  border-radius: var(--db-radius);
  border: 1px solid rgba(252,183,38,.55);
  background: linear-gradient(180deg, rgba(252,183,38,.20), rgba(252,183,38,.08));
  box-shadow: 0 16px 34px rgba(26,26,26,.08);
}
.db-cta .db-h2::after{ width: 110px; }
.db-cta p{ color: var(--db-text); }

.db-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  padding: 12px 18px;
  border-radius: 999px;
  background: var(--db-accent);
  color: var(--db-text);
  font-weight: 900;
  border: 1px solid rgba(26,26,26,.08);
  box-shadow: 0 12px 22px rgba(26,26,26,.12);
  transition: transform .15s ease, box-shadow .15s ease, background .15s ease;
  margin-top: 10px;
}
.db-btn:hover{
  transform: translateY(-1px);
  box-shadow: 0 16px 30px rgba(26,26,26,.16);
  background: #ffd066;
}
.db-btn:active{ transform: translateY(0); }
.db-btn:focus-visible{
  outline: 3px solid rgba(26,26,26,.18);
  outline-offset: 3px;
}

/* --- FAQ (details/summary) --- */
.db-faq{
  border: 1px solid var(--db-border);
  border-radius: var(--db-radius);
  background: var(--db-bg);
  box-shadow: 0 10px 20px rgba(26,26,26,.06);
  padding: 0;
  overflow:hidden;
  margin: 10px 0;
}
.db-faq summary{
  cursor:pointer;
  list-style:none;
  padding: 14px 16px;
  font-weight: 800;
  color: var(--db-text);
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap: 12px;
  background: linear-gradient(180deg, var(--db-surface), var(--db-bg));
}
.db-faq summary::-webkit-details-marker{ display:none; }

.db-faq summary::after{
  content:"";
  width: 28px;
  height: 28px;
  border-radius: 999px;
  background: rgba(252,183,38,.22);
  border: 1px solid rgba(252,183,38,.55);
  box-shadow: 0 6px 12px rgba(26,26,26,.06);
  flex: 0 0 28px;
  position: relative;
}
.db-faq summary::before{
  content:"+";
  position:absolute;
  right: 26px;
  transform: translateX(0);
  font-weight: 900;
  color: var(--db-accent-2);
}
.db-faq[open] summary::before{ content:"–"; }

.db-faq p{
  padding: 0 16px 14px;
  margin: 0;
  color: var(--db-muted);
}

/* --- Footer note --- */
.db-footer{
  margin-top: 18px;
  padding: 16px 18px;
  border-radius: var(--db-radius);
  border: 1px solid var(--db-border);
  background: linear-gradient(180deg, var(--db-bg), var(--db-surface));
  box-shadow: var(--db-shadow-sm);
  color: var(--db-muted);
  font-size: 14px;
}

/* --- SVG chart --- */
.db-chart{
  width:100%;
  height:auto;
  color: var(--db-text);
  margin-top: 10px;
  border-radius: var(--db-radius);
  background: var(--db-bg);
  border: 1px solid var(--db-border);
  box-shadow: var(--db-shadow-sm);
  padding: 10px;
}
.db-chart text{ fill: currentColor; }

/* --- Responsive --- */
@media (max-width: 767px){
  .db-article{ font-size: 15.5px; }
  .db-section{ padding: 16px 14px; }
  .db-hero__links{ padding: 12px 12px; }
  .db-grid{ grid-template-columns: 1fr; }
  .db-breadcrumbs{ border-radius: var(--db-radius); }
}

/* --- Small polish --- */
.db-article code, .db-article pre{
  background: #0f0f10;
  color: #f5f5f5;
  border-radius: 12px;
}/* End custom CSS */