.commercial-blog-section{background:#fff}
.commercial-blog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.commercial-blog-card{min-width:0;border:1px solid var(--commercial-line);border-radius:22px;background:var(--commercial-surface);overflow:hidden;display:flex;flex-direction:column}
.commercial-blog-card__media{display:block;aspect-ratio:16/9;background:#101828;overflow:hidden;text-decoration:none}
.commercial-blog-card__media img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .25s ease}
.commercial-blog-card:hover .commercial-blog-card__media img{transform:scale(1.025)}
.commercial-blog-card__placeholder{height:100%;display:grid;place-items:center;color:#98a2b3;font:700 34px/1 monospace}
.commercial-blog-card__body{padding:24px;display:flex;flex:1;flex-direction:column}
.commercial-blog-card__meta{display:flex;gap:9px;flex-wrap:wrap;margin-bottom:30px;color:var(--commercial-muted);font:11px/1.2 monospace;text-transform:uppercase;letter-spacing:.04em}
.commercial-blog-card__meta span:before{content:"·";margin-right:9px}
.commercial-blog-card h3{margin:0 0 12px;font-size:23px;line-height:1.18;letter-spacing:-.035em}
.commercial-blog-card h3 a{color:inherit;text-decoration:none}
.commercial-blog-card p{margin:0 0 24px;color:var(--commercial-muted);font-size:14px;line-height:1.62}
.commercial-blog-card .commercial-text-link{margin-top:auto}
.commercial-blog-empty{color:var(--commercial-muted)}

.commercial-blog-page{background:var(--commercial-bg)}
.commercial-blog-hero{padding:88px 0 58px}
.commercial-blog-hero__grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,.42fr);gap:70px;align-items:end}
.commercial-blog-hero h1{margin:0;font-size:clamp(48px,6vw,82px);line-height:.98;letter-spacing:-.065em}
.commercial-blog-hero__desc{max-width:720px;margin:25px 0 0;color:var(--commercial-muted);font-size:20px;line-height:1.6}.commercial-blog-hero__desc p{margin:0}
.commercial-blog-hero__note{padding:24px;border:1px solid var(--commercial-line);border-radius:20px;background:#fff;color:var(--commercial-muted);font-size:14px;line-height:1.6}
.commercial-blog-hero__note strong{display:block;margin-bottom:8px;color:var(--commercial-text);font-size:15px}
.commercial-blog-archive{padding-top:34px}
.commercial-blog-pagination{display:flex;justify-content:center;padding:8px 0 0}
.commercial-blog-pagination .nav-links{display:flex;gap:8px;align-items:center}
.commercial-blog-pagination a,.commercial-blog-pagination span{display:grid;place-items:center;min-width:42px;height:42px;padding:0 12px;border:1px solid var(--commercial-line);border-radius:10px;background:#fff;color:var(--commercial-text);text-decoration:none}
.commercial-blog-pagination .current{background:var(--commercial-dark);border-color:var(--commercial-dark);color:#fff}
.commercial-blog-cta{background:var(--commercial-dark);color:#fff}
.commercial-blog-cta__grid{display:grid;grid-template-columns:1fr auto;gap:40px;align-items:center}
.commercial-blog-cta h2{margin:0;font-size:clamp(34px,4vw,52px);line-height:1.03;letter-spacing:-.05em}
.commercial-blog-cta p{max-width:700px;margin:17px 0 0;color:#cbd5e1;line-height:1.65}

.commercial-article{background:var(--commercial-bg);overflow:visible}
.commercial-article-hero{padding:78px 0 54px;border-bottom:1px solid var(--commercial-line)}
.commercial-article-hero__meta{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-bottom:24px;color:var(--commercial-muted);font:11px/1.2 monospace;text-transform:uppercase;letter-spacing:.05em}
.commercial-article-hero__service{display:inline-flex;padding:7px 10px;border:1px solid #bfd4ff;border-radius:999px;background:#eef4ff;color:#245ec9;text-decoration:none}
.commercial-article-hero h1{max-width:980px;margin:0;font-size:clamp(44px,5.4vw,74px);line-height:1;letter-spacing:-.06em}
.commercial-article-hero__excerpt{max-width:800px;margin:25px 0 0;color:var(--commercial-muted);font-size:19px;line-height:1.65}
.commercial-article-layout{display:grid;grid-template-columns:minmax(0,760px) minmax(260px,330px);gap:78px;align-items:start;padding-top:64px;padding-bottom:72px}
.commercial-article__cover{margin:0 0 42px;border-radius:22px;overflow:hidden;border:1px solid var(--commercial-line);background:#fff}
.commercial-article__cover img{width:100%;height:auto;display:block}
.commercial-article-content{font-size:17px;line-height:1.78;color:#344054}
.commercial-article-content>*:first-child{margin-top:0}
.commercial-article-content p{margin:0 0 24px}
.commercial-article-content h2{scroll-margin-top:110px;margin:58px 0 20px;color:var(--commercial-text);font-size:34px;line-height:1.15;letter-spacing:-.04em}
.commercial-article-content h3{margin:40px 0 16px;color:var(--commercial-text);font-size:25px;line-height:1.2;letter-spacing:-.03em}
.commercial-article-content ul,.commercial-article-content ol{margin:0 0 28px;padding-left:24px}
.commercial-article-content li{margin:8px 0}
.commercial-article-content a{color:var(--commercial-accent);text-underline-offset:3px}
.commercial-article-content blockquote{margin:34px 0;padding:22px 26px;border-left:4px solid var(--commercial-accent);background:#fff;border-radius:0 16px 16px 0;color:#344054}
.commercial-article-content img{max-width:100%;height:auto;border-radius:14px}
.commercial-article-aside{min-width:0;align-self:stretch}
.commercial-article-aside__sticky{position:sticky;top:92px;display:grid;gap:16px;max-height:calc(100vh - 116px);overflow-y:auto;overscroll-behavior:contain;padding-right:4px;scrollbar-width:thin;scrollbar-color:#c9d2df transparent}
.commercial-article-sidecard{padding:22px;border:1px solid var(--commercial-line);border-radius:18px;background:#fff}
.commercial-article-sidecard__title{display:block;margin-bottom:15px;font-size:13px;font-weight:750;text-transform:uppercase;letter-spacing:.045em}
.commercial-article-toc{margin:0;padding:0;list-style:none;display:grid;gap:10px}
.commercial-article-toc a{color:#475467;text-decoration:none;font-size:13px;line-height:1.45}
.commercial-article-toc a:hover{color:var(--commercial-accent)}
.commercial-article-service p{margin:0 0 16px;color:var(--commercial-muted);font-size:13px;line-height:1.55}
.commercial-article-service .commercial-text-link{font-size:13px}
.commercial-article-conversion{padding:0 0 72px}
.commercial-article-conversion__box{display:grid;grid-template-columns:1fr auto;gap:42px;align-items:center;padding:34px;border-radius:22px;background:var(--commercial-dark);color:#fff}
.commercial-article-conversion h2{margin:0;font-size:32px;letter-spacing:-.04em}
.commercial-article-conversion p{max-width:680px;margin:10px 0 0;color:#cbd5e1;line-height:1.6}
.commercial-article-related{background:#fff}

@media(max-width:980px){
  .commercial-blog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .commercial-blog-hero__grid,.commercial-blog-cta__grid,.commercial-article-layout,.commercial-article-conversion__box{grid-template-columns:1fr;gap:34px}
  .commercial-article-aside{grid-row:1}
  .commercial-article-aside__sticky{position:static;max-height:none;overflow:visible;padding-right:0}
}
@media(max-width:640px){
  .commercial-blog-grid{grid-template-columns:1fr}
  .commercial-blog-hero{padding:54px 0 36px}
  .commercial-blog-hero h1{font-size:43px}
  .commercial-article-hero{padding:52px 0 38px}
  .commercial-article-hero h1{font-size:40px}
  .commercial-article-layout{padding-top:38px;gap:34px}
  .commercial-article-content{font-size:16px}
  .commercial-article-content h2{font-size:29px}
}
/* =========================================================
   TABLES — BLOG ARTICLES
   ========================================================= */

.single-blog table {
	width: 100%;
	margin: 28px 0;
	border: 1px solid #e1e5ee;
	border-spacing: 0;
	border-collapse: separate;
	border-radius: 14px;
	overflow: hidden;
	background: #fff;
	font-size: 15px;
	line-height: 1.55;
}

.single-blog table th,
.single-blog table td {
	padding: 16px 18px;
	text-align: left;
	vertical-align: top;
	border: 0;
	border-bottom: 1px solid #e7eaf0;
}

.single-blog table th {
	background: #f5f7fb;
	color: #182544;
	font-weight: 700;
}

.single-blog table td {
	color: #263553;
}

/* Последняя строка без нижней границы */
.single-blog table tbody tr:last-child td {
	border-bottom: 0;
}

/* Выделение итоговой строки */
.single-blog table tbody tr:last-child th {
	border-bottom: 0;
}

/* Лёгкий hover на десктопе */
@media (hover: hover) {
	.single-blog table tbody tr:hover td {
		background: #fafbfe;
	}
}

/* Цены и короткие числовые значения стараемся не переносить */
.single-blog table td:nth-child(2) {
	white-space: nowrap;
}

/* Ссылки внутри таблиц */
.single-blog table a {
	text-decoration-thickness: 1px;
	text-underline-offset: 3px;
}