/* Start:/portfolio/seo-stroitelstvo-new/style.css?178213081211201*/
/* ===== Кейс «Дом-строй — SEO» — палитра агентства «Приоритет» ===== */
.domstroy-case {
	--tnf-indigo: #071325;   /* тёмный навигационный (как hero сайта) */
	--tnf-indigo-2: #101d37;
	--tnf-violet: #1f60d1;    /* основной акцент сайта (--color-primary) */
	--tnf-violet-2: #0d3d96;  /* тёмно-синий для градиентов */
	--tnf-ink: #0b1f3a;       /* навигационный для заголовков */
	--tnf-muted: #6b7180;
	--tnf-bg-soft: #f4f6fb;
	--tnf-border: #dce3f1;
}
/* Шапка (hero) использует штатные классы темы (.landing.bitrix → .landing-main):
   тёмный градиент, ширина .container--small и шрифт VelaSans берутся как на
   странице /services/development/. */

/* ---------- HERO: контент слева + скриншот проекта справа ---------- */
.domstroy-case .landing-main__row { align-items: center; gap: 48px; }
.domstroy-case .landing-main__body { flex: 1 1 54%; min-width: 0; }
.domstroy-case .tnf-hero__preview { flex: 1 1 46%; min-width: 0; max-width: 600px; }
.domstroy-case .tnf-browser {
	border-radius: 14px; overflow: hidden; background: #08152b;
	box-shadow: 0 40px 80px rgba(3,10,24,.5); border: 1px solid rgba(255,255,255,.14);
}
.domstroy-case .tnf-browser__bar { display: flex; align-items: center; gap: 8px; padding: 12px 16px; background: #0e2545; }
.domstroy-case .tnf-browser__bar > span { width: 11px; height: 11px; border-radius: 50%; background: #3a5275; }
.domstroy-case .tnf-browser__bar > span:first-child { background: #ff5f57; }
.domstroy-case .tnf-browser__bar > span:nth-child(2) { background: #febc2e; }
.domstroy-case .tnf-browser__bar > span:nth-child(3) { background: #28c840; }
.domstroy-case .tnf-browser__url {
	margin-left: 14px; flex: 1; background: #061528; color: #8fb2e6; font-size: 13px;
	padding: 6px 14px; border-radius: 7px; text-align: left;
}
.domstroy-case .tnf-browser__img { display: block; width: 100%; height: auto; }
@media (max-width: 900px) {
	.domstroy-case .landing-main__row { flex-direction: column; align-items: stretch; }
	.domstroy-case .tnf-hero__preview { max-width: 100%; width: 100%; margin-top: 10px; }
}

/* ---------- Общие секции ---------- */
.domstroy-case .page-wrapper { background: #fff; }
.domstroy-case .tnf-section { padding: 80px 0; }
.domstroy-case .tnf-section--alt { background: var(--tnf-bg-soft); }
.domstroy-case .portfolio-stage__number { color: var(--tnf-violet); }
.domstroy-case .portfolio-stage__title-text { color: var(--tnf-ink); }
.domstroy-case .portfolio-stage-1__right-bg { background: var(--tnf-violet) !important; }

/* Двухколоночный блок текст+медиа */
.domstroy-case .tnf-split { display: flex; align-items: center; gap: 56px; }
.domstroy-case .tnf-split--reverse { flex-direction: row-reverse; }
.domstroy-case .tnf-split__text { flex: 1 1 50%; min-width: 0; }
.domstroy-case .tnf-split__media { flex: 1 1 50%; min-width: 0; }
.domstroy-case .tnf-split__text p { font-size: 17px; line-height: 1.6; color: #3a3b4c; margin: 0 0 16px; }
.domstroy-case .tnf-split__sub { font-weight: 700; color: var(--tnf-ink) !important; margin-top: 8px !important; }

/* Скриншоты */
.domstroy-case .tnf-shots { display: grid; gap: 18px; }
.domstroy-case .tnf-shot { display: block; border-radius: 12px; overflow: hidden; border: 1px solid var(--tnf-border); box-shadow: 0 18px 40px rgba(24,24,72,.12); transition: transform .25s, box-shadow .25s; }
.domstroy-case .tnf-shot img { display: block; width: 100%; height: auto; }
.domstroy-case .tnf-shot:hover { transform: translateY(-4px); box-shadow: 0 26px 54px rgba(24,24,72,.2); }

/* Теги-фичи */
.domstroy-case .tnf-tags { display: flex; flex-wrap: wrap; gap: 10px; margin: 22px 0; }
.domstroy-case .tnf-tags span {
	font-size: 14px; font-weight: 600; color: var(--tnf-violet);
	background: rgba(79,70,229,.08); border: 1px solid rgba(79,70,229,.22);
	border-radius: 100px; padding: 8px 16px;
}
.domstroy-case .tnf-section--alt .tnf-tags span { background: #fff; }

/* Списки */
.domstroy-case .tnf-list { list-style: none; margin: 14px 0 0; padding: 0; }
.domstroy-case .tnf-list li { position: relative; padding-left: 28px; margin-bottom: 12px; font-size: 16px; line-height: 1.5; color: #3a3b4c; }
.domstroy-case .tnf-list li:before {
	content: ""; position: absolute; left: 0; top: 7px; width: 16px; height: 16px; border-radius: 50%;
	background: var(--tnf-violet); box-shadow: 0 0 0 4px rgba(79,70,229,.16);
}

/* ---------- 02. Статблок ---------- */
.domstroy-case .tnf-stats { padding: 80px 0; background: var(--tnf-bg-soft); }
.domstroy-case .tnf-stats__lead { font-size: 18px; line-height: 1.55; color: #44465a; max-width: 760px; margin: 0 0 36px; }
.domstroy-case .tnf-stats__grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 18px; }
.domstroy-case .tnf-stat {
	background: #fff; border: 1px solid var(--tnf-border); border-radius: 16px; padding: 30px 26px;
	transition: transform .2s, box-shadow .2s;
}
.domstroy-case .tnf-stat:hover { transform: translateY(-4px); box-shadow: 0 20px 44px rgba(24,24,72,.12); }
.domstroy-case .tnf-stat__num {
	font-size: 40px; font-weight: 600; line-height: 1;
	background: linear-gradient(120deg, var(--tnf-violet), var(--tnf-violet-2));
	-webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent;
	margin-bottom: 10px;
}
.domstroy-case .tnf-stat__label { font-size: 15px; color: var(--tnf-muted); line-height: 1.4; }

/* ---------- 09. Карточки ---------- */
.domstroy-case .tnf-cards { display: grid; gap: 20px; }
.domstroy-case .tnf-cards--2 { grid-template-columns: repeat(2, 1fr); }
.domstroy-case .tnf-cards--3 { grid-template-columns: repeat(3, 1fr); }
.domstroy-case .tnf-card { background: #fff; border: 1px solid var(--tnf-border); border-radius: 16px; padding: 30px; }
.domstroy-case .tnf-section--alt .tnf-card { box-shadow: 0 14px 34px rgba(24,24,72,.07); }
.domstroy-case .tnf-card__title { font-size: 20px; font-weight: 700; color: var(--tnf-ink); margin-bottom: 12px; }
.domstroy-case .tnf-card__text { font-size: 16px; line-height: 1.6; color: #44465a; }
.domstroy-case .tnf-card__text b { color: var(--tnf-violet); }

/* ---------- 10. Интеграции ---------- */
.domstroy-case .tnf-integrations { display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px; }
.domstroy-case .tnf-int {
	background: #fff; border: 1px solid var(--tnf-border); border-radius: 14px; padding: 24px;
	transition: transform .2s, border-color .2s;
}
.domstroy-case .tnf-int:hover { transform: translateY(-3px); border-color: var(--tnf-violet); }
.domstroy-case .tnf-int__name { font-size: 18px; font-weight: 800; color: var(--tnf-indigo); margin-bottom: 8px; }
.domstroy-case .tnf-int__desc { font-size: 14px; line-height: 1.45; color: var(--tnf-muted); }

/* ---------- 11. Стек ---------- */
.domstroy-case .tnf-stack { display: flex; flex-wrap: wrap; gap: 12px; }
.domstroy-case .tnf-stack span {
	font-size: 15px; font-weight: 700; color: #fff;
	background: linear-gradient(120deg, var(--tnf-indigo), var(--tnf-violet));
	border-radius: 10px; padding: 12px 18px;
}

/* ---------- Результаты ---------- */
.domstroy-case .tnf-results { padding: 90px 0; background: linear-gradient(135deg, #071325 0%, #0d3d96 55%, #1f60d1 100%); color: #fff; }
.domstroy-case .tnf-results__title { font-size: 38px; font-weight: 800; margin-bottom: 40px; }
.domstroy-case .tnf-results__grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 24px; }
.domstroy-case .tnf-result span {
	display: inline-block; font-size: 16px; font-weight: 800; color: var(--tnf-indigo);
	background: #fff; width: 44px; height: 44px; line-height: 44px; text-align: center; border-radius: 12px; margin-bottom: 16px;
}
.domstroy-case .tnf-result p { font-size: 16px; line-height: 1.55; color: #e3e3ff; margin: 0; }

/* ---------- Галерея сервисов ---------- */
.domstroy-case .tnf-gallery .portfolio-stage-5__img { border-radius: 12px; overflow: hidden; }

/* ---------- Адаптив ---------- */
@media (max-width: 1024px) {
	.domstroy-case .tnf-stats__grid { grid-template-columns: repeat(2, 1fr); }
	.domstroy-case .tnf-integrations { grid-template-columns: repeat(2, 1fr); }
	.domstroy-case .tnf-results__grid { grid-template-columns: repeat(2, 1fr); }
	.domstroy-case .tnf-hero__title { font-size: 52px; }
}
@media (max-width: 768px) {
	.domstroy-case .tnf-hero__row { flex-direction: column; gap: 40px; padding: 110px 0 70px; text-align: center; }
	.domstroy-case .tnf-hero__body { max-width: 100%; }
	.domstroy-case .tnf-hero__title { font-size: 40px; }
	.domstroy-case .tnf-hero__text { font-size: 17px; }
	.domstroy-case .tnf-split, .domstroy-case .tnf-split--reverse { flex-direction: column; gap: 32px; }
	.domstroy-case .tnf-cards--2, .domstroy-case .tnf-cards--3 { grid-template-columns: 1fr; }
	.domstroy-case .tnf-section { padding: 56px 0; }
	.domstroy-case .tnf-results__title { font-size: 30px; }
}
@media (max-width: 520px) {
	.domstroy-case .tnf-stats__grid { grid-template-columns: 1fr 1fr; }
	.domstroy-case .tnf-integrations { grid-template-columns: 1fr; }
	.domstroy-case .tnf-results__grid { grid-template-columns: 1fr; }
	.domstroy-case .tnf-stat__num { font-size: 32px; }
}

/* ---------- Таблица позиций (SEO) ---------- */
.domstroy-case .bc-postable { width: 100%; border-collapse: collapse; margin: 18px 0 4px; font-size: 15px; }
.domstroy-case .bc-postable th, .domstroy-case .bc-postable td { padding: 11px 16px; text-align: left; border-bottom: 1px solid var(--tnf-border); }
.domstroy-case .bc-postable thead th { font-weight: 700; color: var(--tnf-ink); background: #fff; }
.domstroy-case .tnf-section--alt .bc-postable thead th { background: var(--tnf-bg-soft); }
.domstroy-case .bc-postable td.bc-col { text-align: center; font-weight: 700; width: 90px; }
.domstroy-case .bc-postable .bc-was { color: #c0392b; }
.domstroy-case .bc-postable .bc-now { color: #1f9d55; }
.domstroy-case .bc-postable tbody tr:hover { background: rgba(31,96,209,.04); }
.domstroy-case .bc-table-cap { font-size: 14px; color: var(--tnf-muted); margin-top: 6px; }

/* ---------- HERO: ноутбук с авто-прокруткой длинного скриншота (как на TDSK) ---------- */
.domstroy-case .ds-laptop { position: relative; width: 100%; }
.domstroy-case .ds-laptop__frame { display: block; width: 100%; position: relative; z-index: 3; pointer-events: none; }
.domstroy-case .ds-laptop__screen { position: absolute; overflow: hidden; top: 4.7%; left: 10.5%; width: 79%; height: 81%; z-index: 1; background: #fff; }
.domstroy-case .ds-laptop__screen img { position: absolute; top: 0; left: 0; width: 100%; display: block; animation: dsScroll 26s ease-in-out infinite alternate; }
@keyframes dsScroll { 0%, 8% { transform: translateY(0); } 92%, 100% { transform: translateY(-57%); } }
@media (prefers-reduced-motion: reduce) { .domstroy-case .ds-laptop__screen img { animation: none; } }

/* End */


/* Start:/local/templates/prsite/components/bitrix/form.result.new/call_order/style.css?1715439345270*/
/* .btn-fos{
    border-radius: 33px;
    font-family: "Roboto_Regular",Helvetica,Arial,sans-serif;
    text-align: center;
    text-decoration: none;
    min-width: 214px;

} */

.btn-fos p{
	white-space: nowrap;
    position: relative;
    z-index: 2;
}

/* End */


/* Start:/local/templates/prsite/components/bitrix/form.result.new/.default/style.css?1715439345940*/
table.form-table
{
	width:100%;
	background-color:white;
	border-collapse:collapse;
	font-size:100%;
	font-weight:normal;
	line-height:160%;
}

table.form-table th, table.form-table td
{
	border:1px solid #ADC3D5;
	padding: 5px 5px;
	vertical-align:top;
}

table.form-table th
{
	background-image:url(/local/templates/prsite/components/bitrix/form.result.new/.default/images/table_head.gif);
	background-repeat:repeat-x;
	text-align: left;
	color:#25639A;
}


table.form-table td
{
	padding: 15px 5px;
}

.form-required 
{
	color: red;
}

.error-fld {
	display: block;
	float: left;
	height: 13px;
	width: 15px;
	background-repeat: no-repeat;
	background-image: url(/local/templates/prsite/components/bitrix/form.result.new/.default/images/icon_warn.gif);
}
/* 
.btn-fos{
    border-radius: 33px;
    font-family: "Roboto_Regular",Helvetica,Arial,sans-serif;
    text-align: center;
    text-decoration: none;
    min-width: 214px;

}

.btn-fos p{
	white-space: nowrap;
    position: relative;
    z-index: 2;
} */

/* End */
/* /portfolio/seo-stroitelstvo-new/style.css?178213081211201 */
/* /local/templates/prsite/components/bitrix/form.result.new/call_order/style.css?1715439345270 */
/* /local/templates/prsite/components/bitrix/form.result.new/.default/style.css?1715439345940 */