/* Start:/local/templates/night/components/bitrix/news/uslugi/bitrix/news.detail/usluga/style.css?17871203944556*/
:root{
	--form-field-light:#e8f0f8;   /* Имя, Компания */
	--form-field-medium:#d8ebfb;  /* Эл. почта, Телефон, Регион */
	--form-field-dark:#b1d7f6;    /* Добавьте сообщение */
	--form-blue:#1e6ebd;          /* заголовок, плейсхолдеры, кнопка */
	--form-consent:#d2d2d2;       /* текст согласия на обработку данных */
}
.news-detail-content p{margin:20px 0}
.news-detail-content h4{font-size:1.2em; margin:20px 0}
.news-detail-content h2{font-size: 28px;padding: 0;margin: 30px 0 20px;color: var(--red-dark)}
 section.proizvodstvo{min-height:480px; display:flex; flex-wrap:wrap; align-items:center; justify-content:center;}
.contact-form-section{padding:64px 0 90px}
.contact-form-wrap{max-width:500px; margin:0 auto}
.contact-form-title{font-weight: 400;font-size: 34px;color: var(--form-blue);text-align: center}
.contact-form-consent{font-size:13px;line-height:1.65;color:var(--form-consent);max-width:480px;margin-bottom:30px}
.contact-form-consent a{color:var(--form-consent);text-decoration:underline}
.contact-form-consent a:hover{color:#b8b8b8}
.contact-form-row{display:flex; gap:24px; margin-bottom:24px}
.contact-form-field{flex:1 1 0}
.contact-form-field.field-full,
.contact-form-field.field-half{flex:0 0 auto; width:100%}
.contact-form-field.field-half{max-width:calc(50% - 12px)}
 
.contact-form-field input,
.contact-form-field textarea{display:block; width:100%; border:none; outline:none; appearance:none; border-radius:4px; font-family:var(--font-body); font-size:15px; color:var(--form-blue); padding:0 20px}
.contact-form-field input{height:50px; line-height:50px}
.contact-form-field textarea{height:169px; padding-top:18px; line-height:1.5; resize:vertical}
.contact-form-field input::placeholder,
.contact-form-field textarea::placeholder{color:var(--form-blue); opacity:1}
 
.field-light input,
.field-light textarea{background:var(--form-field-light)}
.field-medium input,
.field-medium textarea{background:var(--form-field-medium)}
.field-dark input,
.field-dark textarea{background:var(--form-field-dark)}
 .contact-form-submit-row{justify-content:flex-end; margin-bottom:0}
.btn-form-submit{display:inline-block; background:var(--form-blue); color:#fff; font-family:var(--font-body); font-weight:700; font-size:16px; border:none; border-radius:30px; padding:18px 46px; cursor:pointer; transition:background .2s, transform .2s}
.btn-form-submit:hover{background:var(--blue-dark); transform:translateY(-2px)}
 
@media (max-width:575.98px){.contact-form-title{font-size:26px}
	.contact-form-row{flex-direction:column; 	gap:16px; 	margin-bottom:16px; }
	.contact-form-field.field-half{max-width:100%; }
	.contact-form-submit-row{justify-content:stretch; }
	.btn-form-submit{width:100%; 	text-align:center; }
}

/* ===== Страница услуги: интро-текст + кнопка обратного звонка ===== */
.service-intro{display:flex; align-items:center; gap:40px; margin-bottom:40px}
.service-intro-text{flex:1 1 auto; min-width:0}
.service-intro-cta{flex:0 0 300px}
.service-cta-btn{display: flex;align-items: center;justify-content: center;text-align: center;
	background: #F73B3C;
	background: linear-gradient(90deg,rgba(247, 59, 60, 1) 0%, rgba(188, 50, 62, 1) 100%);
	color: #fff;font-weight: 700;font-size: 15px;text-transform: uppercase;line-height: 1.35;text-decoration: none;cursor: pointer;transition: background .2s;padding: 20px;border-radius: 5px
}
.service-cta-btn:hover{background:var(--red-dark); background: linear-gradient(90deg,var(--red-dark) 0%, rgba(188, 50, 62, 1) 100%);color:#fff; text-decoration:none}

/* ===== Галерея "Наши работы" (свойство MORE_PHOTO) ===== */
.works-gallery{margin-bottom:40px}
.works-gallery h2{font-size:32px; font-weight:700; color:#1a1a1a; margin:0 0 24px}
.works-grid{display:grid; grid-template-columns:repeat(4,1fr); gap:20px}
.work-item{display:block; overflow:hidden; aspect-ratio:4/3}
.work-item img{width:100%; height:100%; object-fit:cover; display:block; transition:transform .3s ease}
.work-item:hover img{transform:scale(1.05)}

@media (max-width:767.98px){
	.service-intro{flex-direction:column; gap:20px}
	.service-intro-cta{flex:0 0 auto; width:100%}
	.works-grid{grid-template-columns:1fr 1fr}
	.news-detail-content,.news-detail-content p{font-size:13px}
	.works-gallery h2,
	.news-detail-content h2{font-size:18px;line-height:1.2em}
}
/* End */
/* /local/templates/night/components/bitrix/news/uslugi/bitrix/news.detail/usluga/style.css?17871203944556 */