/* Start:/bitrix/templates/.default/components/bitrix/news.list/slider_gen/style.css?172147069712361*/
.swiper_media_gen
{
--aminm-time: 0.7s;
background-color: #010101;
}
.swiper_gen_fon {
position: absolute;
top: 0;
right: 0;
transform: scale(2);
opacity: 0.07;
z-index: -1;
-webkit-animation-name: fadeswiper_gen_fon;
animation-name: fadeswiper_gen_fon;
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-duration: var(--animate-duration);
animation-duration: var(--animate-duration);
-webkit-animation-fill-mode: both;
animation-fill-mode: both
}
@-webkit-keyframes fadeswiper_gen_fon {
0% {
opacity: 0;
transform: scale(4);
}
to {
opacity: 0.07;
transform: scale(2);
}
}
@keyframes fadeswiper_gen_fon {
0% {
opacity: 0;
transform: scale(4);
}
to {
opacity: 0.07;
transform: scale(2);
}
}
.gen_sw_slde
{
background-repeat: no-repeat;
background-position: center;
overflow: hidden;
}
.gen_sw_slde.gen_sw_left
{
background-image: url('/bitrix/templates/.default/components/bitrix/news.list/slider_gen/img/fl.svg');
}
.gen_sw_slde.gen_sw_right
{
background-image: url('/bitrix/templates/.default/components/bitrix/news.list/slider_gen/img/fr.svg');
}
/*
.swiper-slide.gen_sw_slde.gen_sw_right .gen_sw_slde_img
{
}
*/
.btn.btn-opa {
background-color: rgba(0, 0, 0 , 0.2) !important;
color: #fff !important;
border: 1px solid #4292EE !important;
}
.gen_sw_slde .btn.btn-large {
padding: 15px 29px;
}
.swiper-slide.gen_sw_slde.gen_sw_right .gen_sw_slde_text
{
/*order: 0;*/
}
.swiper-slide.gen_sw_slde.gen_sw_left .gen_sw_slde_text
{
/*order: 1;*/
}
.gen_sw_slde_text_col >div
{
margin-top: 4%;
}
.gen_sw_slde_text_col
{
transform: translateY(-50%);
top: 50%;
position: relative;
}
.gen_sw:before
{
content:'';
position:absolute;
top:0;
left:0;
background: url("data:image/svg+xml,%3Csvg style='height:100%25;width:auto;' width='1493' height='577' viewBox='0 0 1493 577' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg filter='url(%23filter0_f_542_5238)'%3E%3Cellipse cx='911.5' cy='514' rx='381.5' ry='382' fill='url(%23paint0_radial_542_5238)'/%3E%3C/g%3E%3Cg filter='url(%23filter1_f_542_5238)'%3E%3Cellipse cx='807.5' cy='538' rx='201.5' ry='202' fill='url(%23paint1_radial_542_5238)'/%3E%3C/g%3E%3Cg filter='url(%23filter2_f_542_5238)'%3E%3Cellipse cx='302' cy='62' rx='273' ry='274' fill='url(%23paint2_radial_542_5238)'/%3E%3C/g%3E%3Cg filter='url(%23filter3_f_542_5238)'%3E%3Cellipse cx='461.5' cy='212' rx='244.5' ry='245' fill='url(%23paint3_radial_542_5238)'/%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='filter0_f_542_5238' x='330' y='-68' width='1163' height='1164' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='BackgroundImageFix' result='shape'/%3E%3CfeGaussianBlur stdDeviation='100' result='effect1_foregroundBlur_542_5238'/%3E%3C/filter%3E%3Cfilter id='filter1_f_542_5238' x='496' y='226' width='623' height='624' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='BackgroundImageFix' result='shape'/%3E%3CfeGaussianBlur stdDeviation='55' result='effect1_foregroundBlur_542_5238'/%3E%3C/filter%3E%3Cfilter id='filter2_f_542_5238' x='-81' y='-322' width='766' height='768' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='BackgroundImageFix' result='shape'/%3E%3CfeGaussianBlur stdDeviation='55' result='effect1_foregroundBlur_542_5238'/%3E%3C/filter%3E%3Cfilter id='filter3_f_542_5238' x='107' y='-143' width='709' height='710' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='BackgroundImageFix' result='shape'/%3E%3CfeGaussianBlur stdDeviation='55' result='effect1_foregroundBlur_542_5238'/%3E%3C/filter%3E%3CradialGradient id='paint0_radial_542_5238' cx='0' cy='0' r='1' gradientUnits='userSpaceOnUse' gradientTransform='translate(911.5 514) rotate(90) scale(382 381.5)'%3E%3Cstop stop-color='%234292EE'/%3E%3Cstop offset='1' stop-color='%234292EE' stop-opacity='0'/%3E%3C/radialGradient%3E%3CradialGradient id='paint1_radial_542_5238' cx='0' cy='0' r='1' gradientUnits='userSpaceOnUse' gradientTransform='translate(807.5 538) rotate(90) scale(202 201.5)'%3E%3Cstop stop-color='%234292EE'/%3E%3Cstop offset='1' stop-color='%234292EE' stop-opacity='0'/%3E%3C/radialGradient%3E%3CradialGradient id='paint2_radial_542_5238' cx='0' cy='0' r='1' gradientUnits='userSpaceOnUse' gradientTransform='translate(302 62) rotate(90) scale(274 273)'%3E%3Cstop stop-color='%234292EE'/%3E%3Cstop offset='1' stop-color='%234292EE' stop-opacity='0'/%3E%3C/radialGradient%3E%3CradialGradient id='paint3_radial_542_5238' cx='0' cy='0' r='1' gradientUnits='userSpaceOnUse' gradientTransform='translate(461.5 212) rotate(90) scale(245 244.5)'%3E%3Cstop stop-color='%234292EE'/%3E%3Cstop offset='1' stop-color='%234292EE' stop-opacity='0'/%3E%3C/radialGradient%3E%3C/defs%3E%3C/svg%3E") no-repeat center;
background-size: cover;
width: 100%;
height: 100%;
background-position: 23%;
-webkit-animation-name: fadeIn;
animation-name: fadeIn;
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-duration: var(--animate-duration);
animation-duration: var(--animate-duration);
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
.gen_sw_slde_img img {
max-height: 577px;
}
.gen_sw_slde_text
{
color:#EDEDED;
}
.gen_sw_slde_h4
{
font-family: 'SF Pro Display', sans-serif;
font-size: 55.02px;
font-weight: 500;
line-height: 56.66px;
/* letter-spacing: 2px; */
display: flex;
align-items: end;
margin-top: 0 !important;
transition: all 0.3;
}
.gen_sw_lil .gen_sw_slde_h4
{
font-size: 40px;
line-height: 56px;
}
.gen_sw_slde_desc b{
font-size: 16px;
line-height: 25px;
}
.gen_sw_slde_butt
{
}
.gen_sw_slde_title
{
font-family: 'SF Pro Display', sans-serif;
font-size: 24px;
font-weight: 700;
line-height: 28.64px;
transition: all 0.3;
/*text-transform: uppercase;*/
}
.gen_sw_slde_desc
{
font-family: 'SF Pro Display', sans-serif;
font-size: 16px;
font-weight: 100;
/* letter-spacing: 1.1px; */
line-height: 21.09px;
opacity: 0.8;
transition: all 0.3;
}
.gen_sw_slde.swiper-slide-active
{
opacity:1;
}
.gen_sw_slde:not(.swiper-slide-active) .for_anim,
.gen_sw_slde:not(.swiper-slide-active) .gen_sw:before
{
display: none;
}
.swiper_media_gen .swiper-pagination-bullet {
margin: 0 5px !important;
}
.swiper_media_gen .swiper_media_gen-nav {
display: flex;
justify-content: center;
position: absolute;
bottom: 0px;
z-index: 9;
left: 50%;
margin-left: 32%;
z-index:99;
}
.swiper_media_gen .swiper-button-disabled
{
opacity:0.5;
}
.swiper_media_gen .swiper-wrapper {
height: 577px;
align-items: center;
}
.swiper_media_gen .swiper-pagination-bullet-active::before {
width: 8px;
height: 8px;
}
.swiper_media_gen .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
bottom: 27px;
}
.is_coner:before {
content: '';
position: absolute;
bottom: 0;
right: 0px;
background: #4192ee;
box-shadow: 2px 2px 2px 2px #4292ee;
width: 50px;
height: 372px;
z-index: 9;
/* -webkit-animation-name: slideInUp; */
/* animation-name: slideInUp; */
/* -webkit-animation-duration: 1s; */
/* animation-duration: 1s; */
/* -webkit-animation-duration: var(--animate-duration); */
/* animation-duration: var(--animate-duration); */
/* -webkit-animation-fill-mode: both; */
/* animation-fill-mode: both; */
}
.is_coner
{
overflow: hidden;
margin: 0px !important;
padding: 0px !important;
max-width: calc(58.333333% - 42px) !important;
/*max-width: 846px !important;*/
}
@media (max-width: 1600px) {
.is_coner {
max-width: calc(58.333333% - 23px) !important;
}
.is_coner.gen_sw_slde_img img.is_desc {
margin-left: -70px;
}
}
@media (max-width: 1400px) {
}
@media (max-width: 1200px) {
.is_coner .is_desc,
.is_coner:before {
display:none;
}
.is_coner .is_mob {
display:inline !important;
}
.is_coner {
max-width: calc(58.333333% - 10px) !important;
}
.gen_sw_slde_h4 svg
{
height: 46px;
width: 45px;
}
.gen_sw_slde_h4
{
font-size: 38.36px;
font-weight: 600;
line-height: 35.77px;
}
.gen_sw_slde_title
{
font-size: 18px;
font-weight: 700;
line-height: 22.64px;
}
.gen_sw_slde_desc
{
font-size: 14px;
line-height: 16.09px;
opacity: 0.9;
}
.btn-to-go.btn-large {
padding: 13px 26px !important;
font-size: 15px;
line-height: 18px;
}
.swiper_media_gen .swiper-wrapper {
height: 407px;
}
.swiper_media_gen .swiper-slide {
background-size: auto 434px;
}
.swiper_media_gen .swiper_media_gen-nav {
margin-left: 15%;
}
.gen_sw_slde_img img {
max-height: 407px;
}
.gen_sw_lil .gen_sw_slde_h4
{
font-size: 25px;
line-height: 36px;
}
}
@media (max-width: 1024px) {
.is_coner {
max-width: calc(58.333333%) !important;
}
.gen_sw_slde_h4 svg {
height: 37px;
width: 32px;
}
.gen_sw_slde_h4 {
font-size: 29.36px;
font-weight: 600;
line-height: 29.77px;
/* letter-spacing: 1px; */
}
.gen_sw_slde_butt
{
/* letter-spacing: 1.2px; */
}
.gen_sw_slde_title {
font-size: 15px;
font-weight: 700;
line-height: 17.64px;
}
.gen_sw_slde_desc
{
font-size: 13px;
line-height: 16.09px;
opacity: 0.9;
}
.btn-to-go.btn-large {
padding: 12px 18px !important;
font-size: 13px;
line-height: 18px;
}
.swiper_media_gen .swiper-wrapper {
height: 407px;
}
.swiper_media_gen .swiper-slide {
background-size: auto 434px;
}
}
@media (max-width: 767.98px) {
.is_desc
{
display:none !important;
}
.is_coner {
max-width: 738px !important;
}
.gen_sw:before
{
background: radial-gradient(circle, rgba(66,146,238,0.7) 0%, rgba(66,146,238,0) 100%);
}
.swiper_media_gen .swiper-slide {
background-size: cover;
background-image: url(/bitrix/templates/.default/components/bitrix/news.list/slider_gen/img/m.svg);
background-position: center top;
}
.gen_sw_slde_text_col >div {
margin-top: 12px;
width: 300px;
}
.gen_sw_slde_text_col {
transform: translateY(0);
top: 21px;
position: relative;
}
.gen_sw_slde_text {
height: 100% !important;
position: absolute !important;
top: 0;
left: 0;
}
/* .gen_sw_slde_img.h-100 { */
/* height: auto !important; */
/* position: absolute !important; */
/* bottom: 0; */
/* transform: translateX(-50%); */
/* left: 50%; */
/* } */
/*.gen_sw_slde_img img {*/
/* max-width: 70%; */
/* max-height: 383px; */
/* } */
.gen_sw_slde_img.h-100 {
position: absolute !important;
bottom: 0;
transform: none;
left: 0;
padding: 0;
}
.gen_sw_slde_img img {
max-width: 430px;
width: auto;
min-width: 430px;
max-height: 407px;
height: 407px;
margin-left: -215px;
left: 50%;
position: absolute;
}
.swiper_media_gen-nav svg
{
width: 41px;
}
.swiper_media_gen .swiper_media_gen-nav {
bottom: 0;
margin-left: 0;
left: auto;
right: 17px;
}
}
@media (max-width: 576px) {
.gen_sw_slde_desc {
font-size: 13px;
line-height: 16.09px;
opacity: 0.9;
}
.swiper_media_gen .swiper_media_gen-nav {
bottom: -4px;
margin-left: 0;
left: auto;
right: 17px;
}
.swiper_media_gen .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
left: auto;
width: 100% !important;
bottom: 22px;
}
.gen_sw_slde_text_col >div {
margin-top: 8px;
}
/* div.gen_sw_slde_desc br { */
/* display: inline; */
/* display: none; */
/* } */
.btn-to-go.btn-large {
padding: 13px 13px !important;
}
}
/* End */
/* Start:/bitrix/templates/alpha_s1/components/bitrix/news.list/preim_gray122/style.css?1783351979985*/
.gray.preim > div{
margin-bottom:41px;
}
.gray.preim {
max-width: 1324px;
margin: 0 auto;
}
.gray.preim .feature {
background: #F8F8F8;
border-radius: 20px;
padding: 54px;
height: 100%;
max-width: 620px;
}
.gray.preim .feature-icon {
width: auto;
height: 44px;;
}
.gray.preim .preim_text {
font-family: 'SF Pro Display', sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 19.6px;
color: #7A8086;
}
.gray.preim .preim_header {
font-family: 'SF Pro Display', sans-serif;
font-size: 18px;
line-height: 25.2px;
letter-spacing: 0px;
text-align: left;
color: #161A1D;
margin: 8px 0px 16px;
font-weight: 600;
}
@media (max-width: 1600px) {
.gray.preim > div {
margin-bottom: 23px;
}
}
@media (max-width: 1200px) {
.gray.preim .feature {
padding: 42px;
}
}
@media (max-width: 991px) {
.gray.preim .feature {
padding: 35px;
}
.gray.preim > div {
margin-bottom: 16px;
}
.gray.preim .row {
}
}
/* End */
/* Start:/bitrix/templates/.default/components/bitrix/news.list/faq/style.css?17216244126340*/
.accordion {
--bs-accordion-color: #7A8086;
--bs-accordion-bg: #fff;
--bs-accordion-transition: color 0.15s ease-in-out,background-color 0.15s ease-in-out,border-color 0.15s ease-in-out,box-shadow 0.15s ease-in-out,border-radius 0.15s ease;
--bs-accordion-border-color: #D0D1D5;
--bs-accordion-border-width: 1px;
--bs-accordion-border-radius: 0px;
--bs-accordion-inner-border-radius: 0px;
--bs-accordion-btn-padding-x: 1.25rem;
--bs-accordion-btn-padding-y: 2.25rem;
--bs-accordion-btn-color: #161A1D;
--bs-accordion-btn-bg: #fff;
--bs-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23212529' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='M2 5L8 11L14 5'/%3e%3c/svg%3e");
--bs-accordion-btn-icon-width: 1.25rem;
--bs-accordion-btn-icon-transform: rotate(-180deg);
--bs-accordion-btn-icon-transition: transform 0.2s ease-in-out;
--bs-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%234292EE' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='M2 5L8 11L14 5'/%3e%3c/svg%3e");
--bs-accordion-btn-focus-box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
--bs-accordion-body-padding-x: 1.5rem;
--bs-accordion-body-padding-y: 1.25rem;
--bs-accordion-active-color: #4292EE;
--bs-accordion-active-bg: #fff;
--bs-accordion-line-height: inherit;
}
.accordion-button {
font-weight: 600;
position: relative;
display: flex;
align-items: center;
width: 100%;
padding: var(--bs-accordion-btn-padding-y) var(--bs-accordion-btn-padding-x);
padding-right: calc(var(--bs-accordion-btn-padding-x) - 8px);
/* font-size: 18px; */
color: var(--bs-accordion-btn-color);
text-align: left;
background-color: var(--bs-accordion-btn-bg);
border: 0;
border-radius: 0;
overflow-anchor: none;
transition: var(--bs-accordion-transition)
}
@media (prefers-reduced-motion:reduce) {
.accordion-button {
transition: none
}
}
.accordion-button:not(.collapsed) {
color: var(--bs-accordion-active-color);
background-color: var(--bs-accordion-active-bg);
/*box-shadow: inset 0 calc(-1 * var(--bs-accordion-border-width)) 0 var(--bs-accordion-border-color)*/
}
.accordion-button:not(.collapsed):after {
background-image: var(--bs-accordion-btn-active-icon);
transform: var(--bs-accordion-btn-icon-transform)
}
.accordion-button:after {
flex-shrink: 0;
width: var(--bs-accordion-btn-icon-width);
height: var(--bs-accordion-btn-icon-width);
margin-left: auto;
content: "";
background-image: var(--bs-accordion-btn-icon);
background-repeat: no-repeat;
background-size: var(--bs-accordion-btn-icon-width);
transition: var(--bs-accordion-btn-icon-transition);
padding: 0 16px;
background-position: center;
}
@media (prefers-reduced-motion:reduce) {
.accordion-button::after {
transition: none
}
}
.accordion-button:hover {
z-index: 2;
background: #f8f8f8;
}
.accordion-button:focus {
z-index: 3;
outline: 0;
box-shadow: none;
}
.accordion-header {
margin: 0 !important;
}
.accordion-item {
color: var(--bs-accordion-color);
background-color: var(--bs-accordion-bg);
border-top: var(--bs-accordion-border-width) solid var(--bs-accordion-border-color);
border-bottom: var(--bs-accordion-border-width) solid var(--bs-accordion-border-color);
}
.accordion-item:first-of-type {
border-top-left-radius: var(--bs-accordion-border-radius);
border-top-right-radius: var(--bs-accordion-border-radius)
}
.accordion-item:first-of-type>.accordion-header .accordion-button {
border-top-left-radius: var(--bs-accordion-inner-border-radius);
border-top-right-radius: var(--bs-accordion-inner-border-radius)
}
.accordion-item:not(:first-of-type) {
border-top: 0
}
.accordion-item:last-of-type {
border-bottom-right-radius: var(--bs-accordion-border-radius);
border-bottom-left-radius: var(--bs-accordion-border-radius)
}
.accordion-item:last-of-type>.accordion-header .accordion-button.collapsed {
border-bottom-right-radius: var(--bs-accordion-inner-border-radius);
border-bottom-left-radius: var(--bs-accordion-inner-border-radius)
}
.accordion-item:last-of-type>.accordion-collapse {
border-bottom-right-radius: var(--bs-accordion-border-radius);
border-bottom-left-radius: var(--bs-accordion-border-radius)
}
.accordion-body {
padding: var(--bs-accordion-body-padding-y) var(--bs-accordion-body-padding-x);
line-height: var(--bs-accordion-line-height);
}
.accordion-flush>.accordion-item {
border-right: 0;
border-left: 0;
border-radius: 0
}
.accordion-flush>.accordion-item:first-child {
border-top: 0
}
.accordion-flush>.accordion-item:last-child {
border-bottom: 0
}
.accordion-flush>.accordion-item>.accordion-header .accordion-button,.accordion-flush>.accordion-item>.accordion-header .accordion-button.collapsed {
border-radius: 0
}
.accordion-flush>.accordion-item>.accordion-collapse {
border-radius: 0
}
[data-bs-theme=dark] .accordion-button:after {
--bs-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%236ea8fe'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
--bs-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%236ea8fe'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e")
}
@media (max-width: 1024px) {
.accordion h4 {
font-size: 16px !important;
line-height: 20px !important;
}
.accordion
{
--bs-accordion-btn-padding-x: 0.8rem;
--bs-accordion-btn-padding-y: 1.25rem;
--bs-accordion-line-height: 19px;
--bs-accordion-body-padding-x: 1.25rem;
--bs-accordion-body-padding-y: 1rem;
}
}
@media (max-width: 576px) {
.accordion h4 {
font-size: 14px !important;
line-height: 16px !important;
}
}
/* End */
/* Start:/service/yandex/css/style.css?179001654710780*/
/* ==========================================================================
Авторизованный сервис Яндекс.
Страница собрана на блоках сервисных страниц сайта: баннер slider_gen,
серые карточки preim_gray122, карточки с фото preim_blog, серые блоки
.grayson, FAQ, кнопки .bsp и .btn шаблона. Их стили подключены из
шаблонов компонентов в index.php, заявки идут через всплывающую форму
сайта (form.php, формы 6 и 8).
Здесь только то, чего в шаблоне нет: прайс по моделям.
Без обводок и теней у блоков: как на сервисных страницах, серый фон
#F8F8F8 и скругление 20px. Глобальных сбросов (*, body, .container)
больше нет, они ломали шрифты и сетку шаблона.
========================================================================== */
/* Баннер. У slider_gen заголовок — div, у нас h1 страницы: снимаем
отступы и цвет, которые шаблон ставит всем h1. */
.yandex-banner h1.gen_sw_slde_h4 {
display: block !important;
color: inherit !important;
margin: 0 !important;
font-weight: 500 !important;
}
.yandex-banner h1.gen_sw_slde_h4 span { display: block; }
/* В текстовой колонке 482px: чуть компактнее, зато две осмысленные строки
без одинокого «Яндекс» между ними. */
@media (min-width: 768px) {
.yandex-banner h1.gen_sw_slde_h4 { font-size: 30px; line-height: 40px; }
.yandex-banner h1.gen_sw_slde_h4 span { white-space: nowrap; }
}
/* У h1 появились неразрывные строки, поэтому явно оставляем текстовой
колонке пять из двенадцати колонок сетки, а не даём ей уйти вниз. */
@media (min-width: 1201px) {
.yandex-banner .gen_sw_slde_text { flex: 0 0 41.666667%; max-width: 41.666667%; min-width: 0; }
}
/* Текст баннера по левому краю, как выглядит у образца. Шаблон ставит
justify селектором .gen_sw_slde_desc.animate__fadeInUp.animate__animated
.for_anim; у образца строки короткие и это не видно, а наш абзац длиннее
и на телефоне расползается пробелами. Перебиваем тем же селектором. */
.yandex-banner .gen_sw_slde_desc.animate__fadeInUp.animate__animated.for_anim { text-align: left; }
/* Станции в баннере: Лайт 2, Станция 3 и Дуо Макс, официальные рендеры
с alice.yandex.ru. Две картинки: banner-yandex-trio.webp — холст шаблона
2200×792, станции там, где их ждёт .img-slidos, берётся от 1201 px;
banner-yandex-trio-mob.webp — только станции, до 1200 px включительно.
Ширины подобраны так, чтобы станции не заходили под текст и кнопки. */
@media (min-width: 1201px) {
.yandex-banner .gen_sw_slde_img img.is_mob { display: none; }
}
@media (max-width: 1200px) {
.yandex-banner .gen_sw_slde_img img.is_desc { display: none !important; }
.yandex-banner .gen_sw_slde_img img.is_mob { position: absolute; top: auto; bottom: 0; height: auto; min-width: 0; max-height: none; margin-left: 0; }
}
/* Телефон — как у замены аккумулятора (правила .akkum в styles.css
шаблона): станции снизу справа, дуга сверху справа, сетка снизу.
Центральная станция начинается правее кнопок или ниже них. */
@media (max-width: 575px) {
.yandex-banner .gen_sw_slde_img img.is_mob { width: max(245px, calc(139% - 292px)); max-width: 90%; left: auto; right: 0; }
}
@media (max-width: 767.98px) {
.yandex-banner .gen_sw_slde.gen_sw_left {
background-image: url(/service/zamena-matritsy-na-macbook/reca.png), url(/service/zamena-matritsy-na-macbook/klatka.png);
background-size: 40%, 70%;
background-position: top right, bottom right;
}
}
/* 576–767: у шаблона картинка здесь уезжала за левый край (left:-220px из
.img-slidos img) и баннер был пустой. Снизу справа, как на телефоне. */
@media (min-width: 576px) and (max-width: 767.98px) {
.yandex-banner .gen_sw_slde_img img.is_mob { width: calc(48% + 95px); max-width: none; left: auto; right: 0; }
}
/* 768–1200: картинке половина ширины вместо 7/12 (col-md-6 col-xl-7 в
разметке), чтобы текстовой колонке хватило места на кнопки в ряд.
Станции снизу по центру своей колонки, справа отступ, чтобы не
заходить на синюю рамку фона. */
@media (min-width: 768px) and (max-width: 1200px) {
.yandex-banner .gen_sw_slde_img img.is_mob { width: calc(100% - 64px); max-width: 520px; left: 12px; right: 52px; margin: 0 auto; }
}
@media (min-width: 768px) and (max-width: 1199.98px) {
/* Синяя рамка фона стоит на 38–77 px правее середины и попала бы под
начало текста, сдвигаем её левее на ту же величину. */
.yandex-banner .gen_sw_slde.gen_sw_left { background-position: calc(50% - 80px) center; }
}
/* Кнопки баннера в один ряд от 576 px. На телефоне столбиком: в ряд
вторая кнопка ложится на большую станцию. Шаблон на ≤767 даёт детям
текстовой колонки width:300px, ряд в неё не входит — снимаем. */
.yandex-banner .ya-banner-btns { gap: 16px; }
.yandex-banner .ya-banner-btns .btn { white-space: nowrap; }
/* У .btn шаблона margin-bottom 8px, вместе с зазором столбик расползался.
Зазор только через gap, как между соседними элементами баннера. */
.yandex-banner .ya-banner-btns .btn { margin-bottom: 0 !important; }
@media (max-width: 575px) {
.yandex-banner .ya-banner-btns { gap: 12px; }
}
@media (min-width: 576px) {
.yandex-banner .ya-banner-btns { flex-wrap: nowrap; }
}
@media (min-width: 576px) and (max-width: 767.98px) {
.yandex-banner .gen_sw_slde_text_col > .ya-banner-btns { width: auto; }
}
@media (min-width: 768px) and (max-width: 1200px) {
.yandex-banner .gen_sw_slde_text_col { margin-left: 8px !important; }
}
@media (min-width: 768px) and (max-width: 899.98px) {
.yandex-banner .ya-banner-btns { gap: 12px; }
.yandex-banner .ya-banner-btns .btn-to-go.btn-large { padding: 12px 12px !important; font-size: 12px; }
}
@media (min-width: 1025px) and (max-width: 1200px) {
.yandex-banner .ya-banner-btns .btn-to-go.btn-large { padding: 13px 20px !important; }
}
@media (min-width: 1201px) and (max-width: 1279.98px) {
.yandex-banner .ya-banner-btns .btn-to-go.btn-large { padding-left: 22px !important; padding-right: 22px !important; }
}
/* Серые блоки внутри строк */
.grayson ol, .grayson ul { color: #7A8086; font-size: 14px; line-height: 200%; }
.grayson ol { margin: 16px 0 0; padding-left: 20px; }
.grayson strong + p { margin-top: 8px !important; }
.grayson p + p { margin-top: 12px !important; }
/* Баннер «Проверьте статус через Яндекс Плюс» и призыв после FAQ: css/cta.css */
/* В центральной колонке преимуществ показываем партнёрство lab buro × Яндекс,
а не общий логотип сервисного центра. */
.ya-advantages .check_col.bg_logo {
background-image: url("/service/yandex/img/partner-labburo-yandex.webp");
background-size: 125%;
background-position: center;
}
/* Вкладки прайса: ul.nav-tabs.rems как у замены аккумулятора, см. price.css */
.tab-pane { display: none; }
.tab-pane.active { display: block; }
/* Примечание категории под прайсом */
.dev-note {
width: auto;
margin: 24px 0 0;
color: #ccc;
font-size: 14px;
font-weight: 400;
line-height: 20px;
scroll-margin-top: 96px;
}
.dev-note a { color: #4292EE; font-weight: 600; }
/* Умный дом: цен нет, плитка подсвечивается и открывает форму заявки */
.smh-grid { display: grid; grid-template-columns: repeat(6, 1fr); gap: 20px; margin-bottom: 10px; }
.shi {
background: #F8F8F8;
border-radius: 20px;
padding: 24px 16px;
text-align: center;
cursor: pointer;
transition: background .2s;
}
.shi:hover, .shi.is-picked { background: #E5F1FF; }
.shi-name { font-size: 14px; font-weight: 600; color: #161A1D; }
/* Якоря: цель ниже фиксированной шапки */
html { scroll-behavior: smooth; }
#contact, #warranty, #faq, #price_div { scroll-margin-top: 86px; }
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } }
@media (max-width: 1200px) {
.smh-grid { grid-template-columns: repeat(4, 1fr); }
}
@media (max-width: 767px) {
#contact, #warranty, #faq, #price_div { scroll-margin-top: 72px; }
.smh-grid { grid-template-columns: 1fr 1fr; gap: 12px; }
}
.s12 {
background-image: url(/service/yandex/css/../img/s12.svg);
background-size: contain;
background-repeat: no-repeat;
height: 30px;
width: 30px;
min-width: 30px;
}
.s18 {
background-image: url(/service/yandex/css/../img/s12.svg);
background-size: 30px 30px;
background-repeat: no-repeat;
background-position: center;
}
.s19 {
background-image: url(/service/yandex/css/../img/s14.svg);
background-size: 30px 30px;
background-repeat: no-repeat;
background-position: center;
}
.s20 {
background-image: url(/service/yandex/css/../img/s18.svg);
background-size: 30px 30px;
background-repeat: no-repeat;
background-position: center;
}
.s22 {
background-image: url(/service/yandex/css/../img/s22.svg);
background-size: contain;
background-repeat: no-repeat;
height: 30px;
width: 30px;
min-width: 30px;
}
/* End */
/* Start:/bitrix/templates/.default/components/bitrix/news.list/preim_blog/style.css?17333124101331*/
.blog-list.preim_blog .blog-list-item {
background: #F8F8F8;
border-radius: 20px;
min-height: 650px;
overflow: hidden;
height: 100%;
}
.blog-list.preim_blog .image {
padding-bottom: 62.5% !important;
padding-bottom: 100%;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
transition: all .3s;
max-height: 300px;
}
.blog-list.preim_blog .info{
padding: 20px 30px 35px 30px;
}
.blog-list.preim_blog .info h4 {
margin-top: 0px;
}
.blog-list.preim_blog .info h3 {
margin-top: 0px;
margin-bottom: 20px;
font-size: 30px;
line-height: 42px;
}
.tcolorb_rect
{
background-color: #4292ee;
border: 1px solid transparent;
color: #fff;
padding: 4px 11px;
display: inline-flex;
align-items: center;
border-radius: 8px;
font-size: 17px;
line-height: 24px;
text-decoration: none;
font-weight: 500;
text-align: center;
justify-content: center;
letter-spacing: 1px;
top: -4px;
position: relative;
}
@media (max-width: 1200px) {
.blog-list.preim_blog .info h3 {
margin-top: 0px;
margin-bottom: 20px;
font-size: 26px;
line-height: 31px;
}
.blog-list.preim_blog .info h4 {
font-size: 17px;
line-height: 21.2px;
}
.blog-list.preim_blog .blog-list-item {
min-height: 590px;
}
}
/* End */
/* Start:/bitrix/templates/.default/components/bitrix/news.detail/two_blocks_text/style.css?1721734644777*/
.two_divs_text
{
}
.two_divs_text .bsp {
background: #fff;
}
.two_divs_text .left_div
{
background: #F8F8F8;
border-radius: 20px 0px 0px 20px;
overflow: hidden;
background-size: cover;
background-repeat: no-repeat;
min-height: 350px;
background-position: center;
}
.two_divs_text .right_div
{
background-color: #F8F8F8;
border-radius: 0px 20px 20px 0px;
overflow: hidden;
}
.right_div_t
{
color: #7A8086;
padding: 64px 90px 28px 90px;
}
@media (max-width: 1600px) {
.right_div_t
{
padding: 41px 53px 28px 53px;
}
}
@media (max-width: 768px) {
.right_div_t
{
padding: 16px 26px 28px 26px;
}
.two_divs_text .left_div
{
border-radius: 20px 20px 0px 0px;
}
.two_divs_text .right_div
{
border-radius: 0px 0px 20px 20px;
}
}
/* End */
/* Start:/bitrix/templates/.default/components/bitrix/news.list/preim_check/style.css?172287029917086*/
.check.preim .check_col:not(.bg_logo){
width:490px;
}
.check_col.bg_logo
{
width:calc(100% - 980px);
background-repeat: no-repeat;
background-size: 100%;
background-position: center;
background-image: url("data:image/svg+xml,%3Csvg width='440' height='521' viewBox='0 0 440 521' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M130.097 407.701C130.097 384.478 128.321 385.924 140.501 385.924V381.246C137.456 381.246 133.48 380.906 130.858 382.012C128.574 382.947 126.714 384.904 125.868 387.456C124.853 390.688 125.36 403.533 125.36 407.786H130.013L130.097 407.701Z' fill='%234292EE'/%3E%3Cpath d='M92.1179 381.332V386.01H82.3905C81.2909 386.01 80.445 386.18 79.6837 386.605C78.9224 387.031 78.4995 387.541 78.4995 388.307C78.4995 388.732 78.5841 389.157 78.7532 389.498C78.9224 389.838 79.1762 390.093 79.3454 390.348C79.5992 390.603 79.9376 390.774 80.4451 391.029C80.9526 391.284 81.2909 391.454 81.6293 391.539C81.883 391.624 83.0672 392.05 85.0972 392.645C87.1273 393.325 88.6499 393.836 89.665 394.261C90.68 394.686 91.4413 395.282 91.9488 396.047C92.4564 396.813 92.7947 397.579 92.9638 398.259C93.133 398.94 93.2176 399.705 93.2176 400.386C93.2176 405.319 89.8341 407.786 83.1518 407.786H73.6781V403.108H83.1518C86.6198 403.108 88.3116 402.172 88.3116 400.386C88.3116 399.535 87.8041 398.769 86.7891 398.174C85.774 397.579 84.5897 397.068 83.1518 396.643C81.7138 396.217 80.2759 395.792 78.8379 395.197C77.3999 394.686 76.1311 393.836 75.2006 392.645C74.1856 391.454 73.6781 390.008 73.6781 388.222C73.6781 386.01 74.524 384.224 76.2158 383.033C77.9075 381.842 80.0221 381.246 82.4751 381.246H92.2026L92.1179 381.332Z' fill='%234292EE'/%3E%3Cpath d='M204.618 401.661V406.255C204.618 406.255 202.588 407.786 199.373 407.786C195.398 407.786 192.268 406.51 189.9 403.958C187.531 401.406 186.347 398.259 186.347 394.431C186.347 390.603 187.616 387.541 190.069 384.904C192.606 382.352 195.651 380.991 199.373 380.991C202.503 380.991 204.618 382.012 204.618 382.012V387.201C203.18 386.095 201.403 385.499 199.373 385.499C196.92 385.499 194.975 386.35 193.537 387.966C192.099 389.582 191.422 391.709 191.422 394.431C191.422 397.153 192.183 399.28 193.537 400.896C194.975 402.512 196.92 403.363 199.373 403.363C201.403 403.363 203.18 402.767 204.618 401.661Z' fill='%234292EE'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M228.809 403.022C224.834 402.852 216.629 404.128 214.853 401.066C213.922 399.45 214.007 393.495 214.091 389.157C214.091 387.201 215.783 385.67 217.729 385.67H221.281C223.819 385.67 225.595 385.67 226.272 387.796C226.948 390.093 226.018 392.049 224.326 392.645C222.719 393.155 219.251 392.815 217.306 392.985V397.408C222.973 397.493 222.381 397.578 223.565 397.408C229.74 396.983 232.362 390.943 230.501 385.925C229.401 382.862 226.695 380.991 222.635 380.991C221.027 380.991 219.336 380.991 217.644 380.991C213.161 380.991 209.524 384.649 209.524 389.157V392.475C209.524 395.962 209.101 400.13 210.539 403.022C211.723 405.319 214.007 407.191 217.39 407.531C218.828 407.701 227.371 407.616 228.809 407.616V403.022Z' fill='%234292EE'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M116.986 403.278C113.011 403.108 104.806 404.384 103.03 401.321C102.099 399.705 102.184 393.751 102.268 389.413C102.268 387.456 103.875 385.925 105.906 385.925H109.458C111.996 385.925 113.772 385.925 114.449 388.052C115.125 390.348 114.195 392.305 112.503 392.9C110.896 393.411 107.428 393.07 105.483 393.24V397.664C111.15 397.749 110.558 397.834 111.742 397.664C117.917 397.238 120.539 391.199 118.678 386.18C117.578 383.118 114.872 381.246 110.812 381.246C109.204 381.246 107.513 381.246 105.821 381.246C101.338 381.246 97.7006 384.904 97.7006 389.413V392.73C97.7006 396.218 97.2776 400.386 98.7156 403.278C99.8998 405.575 102.184 407.446 105.567 407.786C107.005 407.956 115.548 407.871 116.986 407.871V403.278Z' fill='%234292EE'/%3E%3Cpath d='M157.419 407.701H154.035C152.682 404.384 147.691 390.603 144.392 381.246H149.467L155.811 400.896L162.155 381.246H167.231C164.608 389.412 164.186 389.923 157.503 407.701' fill='%234292EE'/%3E%3Cpath d='M178.396 407.531H173.574V381.076H178.396V407.531Z' fill='%234292EE'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M228.386 148.769V164.506C235.576 160.593 241.92 156.935 252.494 160.337C280.322 169.184 274.994 210.61 245.896 212.056C235.83 212.566 229.063 207.803 224.411 202.614C218.236 195.724 218.321 188.493 218.321 177.35V114.404C215.952 113.553 206.056 113.893 203.856 114.489C203.856 129.46 202.588 186.367 205.463 196.744C210.962 216.224 232.362 232.811 257.569 224.39C291.826 212.906 295.294 164.846 262.221 148.684C250.717 143.07 231.431 143.58 228.386 148.684' fill='%234292EE'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M93.7248 294.992C97.785 293.206 99.8151 291.165 105.144 290.229C117.663 288.017 130.266 295.163 134.496 307.242C144.731 336.333 106.582 355.472 89.3263 332.76C83.4052 325.02 83.5745 318.895 83.5745 307.497C83.5745 298.905 82.9823 249.059 83.9128 244.89H69.1948C69.1948 259.947 67.926 317.109 70.802 327.742C76.1309 347.051 97.785 363.723 123.076 355.132C157.757 343.223 159.787 295.333 127.729 279.511C118.678 275.088 102.86 273.387 93.7248 278.916V295.078V294.992Z' fill='%234292EE'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M132.381 157.446C145.323 159.912 169.853 152.682 176.366 163.655C180.426 170.46 178.48 201.848 178.48 212.056C171.037 212.056 163.593 212.056 156.065 212.056C148.114 212.056 142.447 212.056 140.332 205.336C138.048 198.191 141.093 191.896 146.422 190.11C152.005 188.238 162.324 190.365 168.415 189.174V175.224C165.285 174.543 152.597 174.798 148.875 174.968C129.505 176.244 121.3 195.384 127.052 210.95C130.605 220.562 138.979 226.346 151.836 226.517C165.454 226.687 179.242 226.517 192.86 226.517V190.62C192.86 179.562 194.214 166.377 189.561 157.446C185.755 150.215 178.734 144.431 168.076 143.24C163.424 142.73 135.257 142.389 132.296 143.495V157.275L132.381 157.446Z' fill='%234292EE'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M289.712 321.36C292.419 342.201 310.859 359.724 335.05 357.002C355.859 354.62 373.791 335.736 370.746 311.068C368.124 290.227 349.261 272.704 325.577 275.512C304.768 277.978 286.667 297.203 289.797 321.36M355.943 320.765C353.575 333.524 341.733 345.178 325.746 342.286C312.635 339.989 301.554 327.485 304.515 311.153C306.798 298.564 319.402 287.335 334.627 290.142C347.4 292.439 358.819 304.858 355.859 320.68L355.943 320.765Z' fill='%234292EE'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M161.648 275.426C161.31 287.761 161.648 300.52 161.648 312.939C161.648 325.358 160.548 336.417 166.385 345.093C171.037 352.068 179.157 357.172 191.084 357.257C200.135 357.342 219.674 358.278 227.625 357.002V275.256H213.33V342.626C207.494 342.881 192.353 343.307 187.108 342.371C179.496 341.095 176.281 335.651 176.112 327.4C175.943 320.34 175.689 279.254 176.366 275.171H161.817L161.648 275.426Z' fill='%234292EE'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M69.1948 196.829C69.1948 215.032 80.6985 226.601 98.7154 226.601H115.633L115.802 212.055C82.3057 212.055 83.5745 212.991 83.5745 179.136V114.148H69.1948V196.829Z' fill='%234292EE'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M253.001 357.173C253.086 285.38 247.503 289.803 285.144 289.803L285.313 275.257C275.839 275.257 263.405 274.236 255.369 277.554C248.264 280.446 242.512 286.485 240.059 294.311C237.014 304.179 238.537 344.073 238.537 357.258H252.916L253.001 357.173Z' fill='%234292EE'/%3E%3C/svg%3E");
}
.check.preim {
border: 1px solid #D0D1D5;
border-radius: 20px;
/* background-repeat: no-repeat; */
/* background-size: 30%; */
/* background-position: center; */
/* background-image: url("data:image/svg+xml,%3Csvg width='440' height='521' viewBox='0 0 440 521' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M130.097 407.701C130.097 384.478 128.321 385.924 140.501 385.924V381.246C137.456 381.246 133.48 380.906 130.858 382.012C128.574 382.947 126.714 384.904 125.868 387.456C124.853 390.688 125.36 403.533 125.36 407.786H130.013L130.097 407.701Z' fill='%234292EE'/%3E%3Cpath d='M92.1179 381.332V386.01H82.3905C81.2909 386.01 80.445 386.18 79.6837 386.605C78.9224 387.031 78.4995 387.541 78.4995 388.307C78.4995 388.732 78.5841 389.157 78.7532 389.498C78.9224 389.838 79.1762 390.093 79.3454 390.348C79.5992 390.603 79.9376 390.774 80.4451 391.029C80.9526 391.284 81.2909 391.454 81.6293 391.539C81.883 391.624 83.0672 392.05 85.0972 392.645C87.1273 393.325 88.6499 393.836 89.665 394.261C90.68 394.686 91.4413 395.282 91.9488 396.047C92.4564 396.813 92.7947 397.579 92.9638 398.259C93.133 398.94 93.2176 399.705 93.2176 400.386C93.2176 405.319 89.8341 407.786 83.1518 407.786H73.6781V403.108H83.1518C86.6198 403.108 88.3116 402.172 88.3116 400.386C88.3116 399.535 87.8041 398.769 86.7891 398.174C85.774 397.579 84.5897 397.068 83.1518 396.643C81.7138 396.217 80.2759 395.792 78.8379 395.197C77.3999 394.686 76.1311 393.836 75.2006 392.645C74.1856 391.454 73.6781 390.008 73.6781 388.222C73.6781 386.01 74.524 384.224 76.2158 383.033C77.9075 381.842 80.0221 381.246 82.4751 381.246H92.2026L92.1179 381.332Z' fill='%234292EE'/%3E%3Cpath d='M204.618 401.661V406.255C204.618 406.255 202.588 407.786 199.373 407.786C195.398 407.786 192.268 406.51 189.9 403.958C187.531 401.406 186.347 398.259 186.347 394.431C186.347 390.603 187.616 387.541 190.069 384.904C192.606 382.352 195.651 380.991 199.373 380.991C202.503 380.991 204.618 382.012 204.618 382.012V387.201C203.18 386.095 201.403 385.499 199.373 385.499C196.92 385.499 194.975 386.35 193.537 387.966C192.099 389.582 191.422 391.709 191.422 394.431C191.422 397.153 192.183 399.28 193.537 400.896C194.975 402.512 196.92 403.363 199.373 403.363C201.403 403.363 203.18 402.767 204.618 401.661Z' fill='%234292EE'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M228.809 403.022C224.834 402.852 216.629 404.128 214.853 401.066C213.922 399.45 214.007 393.495 214.091 389.157C214.091 387.201 215.783 385.67 217.729 385.67H221.281C223.819 385.67 225.595 385.67 226.272 387.796C226.948 390.093 226.018 392.049 224.326 392.645C222.719 393.155 219.251 392.815 217.306 392.985V397.408C222.973 397.493 222.381 397.578 223.565 397.408C229.74 396.983 232.362 390.943 230.501 385.925C229.401 382.862 226.695 380.991 222.635 380.991C221.027 380.991 219.336 380.991 217.644 380.991C213.161 380.991 209.524 384.649 209.524 389.157V392.475C209.524 395.962 209.101 400.13 210.539 403.022C211.723 405.319 214.007 407.191 217.39 407.531C218.828 407.701 227.371 407.616 228.809 407.616V403.022Z' fill='%234292EE'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M116.986 403.278C113.011 403.108 104.806 404.384 103.03 401.321C102.099 399.705 102.184 393.751 102.268 389.413C102.268 387.456 103.875 385.925 105.906 385.925H109.458C111.996 385.925 113.772 385.925 114.449 388.052C115.125 390.348 114.195 392.305 112.503 392.9C110.896 393.411 107.428 393.07 105.483 393.24V397.664C111.15 397.749 110.558 397.834 111.742 397.664C117.917 397.238 120.539 391.199 118.678 386.18C117.578 383.118 114.872 381.246 110.812 381.246C109.204 381.246 107.513 381.246 105.821 381.246C101.338 381.246 97.7006 384.904 97.7006 389.413V392.73C97.7006 396.218 97.2776 400.386 98.7156 403.278C99.8998 405.575 102.184 407.446 105.567 407.786C107.005 407.956 115.548 407.871 116.986 407.871V403.278Z' fill='%234292EE'/%3E%3Cpath d='M157.419 407.701H154.035C152.682 404.384 147.691 390.603 144.392 381.246H149.467L155.811 400.896L162.155 381.246H167.231C164.608 389.412 164.186 389.923 157.503 407.701' fill='%234292EE'/%3E%3Cpath d='M178.396 407.531H173.574V381.076H178.396V407.531Z' fill='%234292EE'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M228.386 148.769V164.506C235.576 160.593 241.92 156.935 252.494 160.337C280.322 169.184 274.994 210.61 245.896 212.056C235.83 212.566 229.063 207.803 224.411 202.614C218.236 195.724 218.321 188.493 218.321 177.35V114.404C215.952 113.553 206.056 113.893 203.856 114.489C203.856 129.46 202.588 186.367 205.463 196.744C210.962 216.224 232.362 232.811 257.569 224.39C291.826 212.906 295.294 164.846 262.221 148.684C250.717 143.07 231.431 143.58 228.386 148.684' fill='%234292EE'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M93.7248 294.992C97.785 293.206 99.8151 291.165 105.144 290.229C117.663 288.017 130.266 295.163 134.496 307.242C144.731 336.333 106.582 355.472 89.3263 332.76C83.4052 325.02 83.5745 318.895 83.5745 307.497C83.5745 298.905 82.9823 249.059 83.9128 244.89H69.1948C69.1948 259.947 67.926 317.109 70.802 327.742C76.1309 347.051 97.785 363.723 123.076 355.132C157.757 343.223 159.787 295.333 127.729 279.511C118.678 275.088 102.86 273.387 93.7248 278.916V295.078V294.992Z' fill='%234292EE'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M132.381 157.446C145.323 159.912 169.853 152.682 176.366 163.655C180.426 170.46 178.48 201.848 178.48 212.056C171.037 212.056 163.593 212.056 156.065 212.056C148.114 212.056 142.447 212.056 140.332 205.336C138.048 198.191 141.093 191.896 146.422 190.11C152.005 188.238 162.324 190.365 168.415 189.174V175.224C165.285 174.543 152.597 174.798 148.875 174.968C129.505 176.244 121.3 195.384 127.052 210.95C130.605 220.562 138.979 226.346 151.836 226.517C165.454 226.687 179.242 226.517 192.86 226.517V190.62C192.86 179.562 194.214 166.377 189.561 157.446C185.755 150.215 178.734 144.431 168.076 143.24C163.424 142.73 135.257 142.389 132.296 143.495V157.275L132.381 157.446Z' fill='%234292EE'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M289.712 321.36C292.419 342.201 310.859 359.724 335.05 357.002C355.859 354.62 373.791 335.736 370.746 311.068C368.124 290.227 349.261 272.704 325.577 275.512C304.768 277.978 286.667 297.203 289.797 321.36M355.943 320.765C353.575 333.524 341.733 345.178 325.746 342.286C312.635 339.989 301.554 327.485 304.515 311.153C306.798 298.564 319.402 287.335 334.627 290.142C347.4 292.439 358.819 304.858 355.859 320.68L355.943 320.765Z' fill='%234292EE'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M161.648 275.426C161.31 287.761 161.648 300.52 161.648 312.939C161.648 325.358 160.548 336.417 166.385 345.093C171.037 352.068 179.157 357.172 191.084 357.257C200.135 357.342 219.674 358.278 227.625 357.002V275.256H213.33V342.626C207.494 342.881 192.353 343.307 187.108 342.371C179.496 341.095 176.281 335.651 176.112 327.4C175.943 320.34 175.689 279.254 176.366 275.171H161.817L161.648 275.426Z' fill='%234292EE'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M69.1948 196.829C69.1948 215.032 80.6985 226.601 98.7154 226.601H115.633L115.802 212.055C82.3057 212.055 83.5745 212.991 83.5745 179.136V114.148H69.1948V196.829Z' fill='%234292EE'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M253.001 357.173C253.086 285.38 247.503 289.803 285.144 289.803L285.313 275.257C275.839 275.257 263.405 274.236 255.369 277.554C248.264 280.446 242.512 286.485 240.059 294.311C237.014 304.179 238.537 344.073 238.537 357.258H252.916L253.001 357.173Z' fill='%234292EE'/%3E%3C/svg%3E"); */
}
.check.preim .feature {
background: #fff;
border-radius: 20px;
padding: 54px 54px 0px;
height: 100%;
}
.check.preim .feature-text{
width: 100%;
min-width: 331px;
max-width: 331px;
}
.check.preim .feature-icon {
width: auto;
height: 44px;
padding-top: 9px;
padding-right: 15px;
}
.check.preim .preim_text {
font-family: 'SF Pro Display', sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 19.6px;
color: #7A8086;
}
.check.preim .preim_header {
font-family: 'SF Pro Display', sans-serif;
font-size: 18px;
line-height: 25.2px;
letter-spacing: 0px;
text-align: left;
color: #161A1D;
margin: 8px 0px 16px;
font-weight: 600;
}
@media (max-width: 1600px) {
.check.preim .feature-text{
min-width: 300px;
max-width: 300px;
width: 300px;
}
}
@media (max-width: 1200px) {
.check.preim .feature {
padding: 24px 24px 0px;
}
.check.preim .check_col:not(.bg_logo){
width: 50% !important;
align-items: center;
display: flex;
flex-direction: column;
}
.check_col.bg_logo
{
display:none !important;
}
}
@media (max-width: 991px) {
.check.preim .check_col:not(.bg_logo){
width: 50% !important;
align-items: center;
display: flex;
flex-direction: column;
}
.check_col.bg_logo
{
display:none !important;
}
.check.preim .feature {
}
.check.preim .row {
}
}
@media (max-width: 768px) {
.check.preim .check_col:not(.bg_logo){
width: 100% !important;
align-items: center;
display: flex;
flex-direction: column;
}
.check.preim .feature-text {
width: 250px;
min-width: 250px;
max-width: 250px;
}
.check.preim .feature {
padding: 24px 0px 0px 0px;
}
}
@media (max-width: 576px) {
.check.preim .feature-icon {
padding-top: 21px;
padding-right: 9px;
zoom: 0.7;
}
.check.preim .feature-text {
width: 220px;
min-width: 220px;
max-width: 220px;
padding-right: 14px;
}
}
/* End */
/* Start:/service/yandex/css/price.css?179025311016149*/
/* price */
/* Прайс и вкладки. Всё взято с замены аккумулятора:
вкладки — catalog.section.list/rems_new_block4 (стиль подключён из
index.php), строки — news.list/rems_new (там стили лежат inline в
шаблоне, поэтому скопированы сюда). Кнопки баннера — в style.css. */
/* Вкладки: у образца контейнер без отступов, вкладки идут вплотную, по
левому краю контента. Сверху 20px — у образца это
после заголовка,
отступ до контента даёт обёртка mt-sm-3 pt-sm-1 mt-2 pt-1 в разметке. */
.ya-tabs.tabs-with-goods { padding: 20px 0 0; }
.ya-tabs .rems.nav-tabs { border-bottom: 0; }
.ya-tabs .rems.nav .nav-item .nav-link { cursor: pointer; border-radius: 0; }
.ya-tabs .rems.nav .nav-item:first-child .nav-link { border-radius: 10px 0 0 10px; }
.ya-tabs .rems.nav .nav-item:last-child .nav-link { border-radius: 0 8px 8px 0; }
/* Категории правятся в админке: если активна одна, скругляем с обеих сторон */
.ya-tabs .rems.nav .nav-item:only-child .nav-link { border-radius: 10px 8px 8px 10px; }
/* Как на /service/: наведение и выбранная вкладка синие, переключение
мгновенное. Отдельной переезжающей плашки и задержек нет. */
.ya-tabs .rems.nav .nav-item .nav-link { transition: none; }
.ya-tabs .rems.nav .nav-item .nav-link:hover,
.ya-tabs .rems.nav .nav-item .nav-link.active {
background-color: #4292EE;
border-color: #4292EE;
color: #fff;
}
/* На телефоне вкладки образца (8px 18px, ~33px) слишком тонкие: ~44px.
У шаблона padding с !important, перебиваем тем же. */
@media (max-width: 768px) {
.ya-tabs .rems.nav .nav-item .nav-link { padding: 13px 20px !important; font-size: 16px; line-height: 17px; }
}
/* Услуги: чипы ul.rems_el и панель .rems_tab_pane как у news.list/rems_new
на /service/ (стили чипов из rems_new_block, подключён в index.php).
Строки .rems-row там описаны инлайном в шаблоне, поэтому здесь копия. */
.ya-services .rems-two-cols { display: flex; gap: 20px; margin-top: 10px; }
.ya-services .rems-col-left,
.ya-services .rems-col-right { flex: 1; min-width: 0; }
.ya-services .rems-row {
padding: 8px 0;
border-bottom: 1px solid #eee;
cursor: pointer;
display: flex;
justify-content: space-between;
align-items: center;
gap: 12px;
outline: none;
}
.ya-services .rems-row:hover,
.ya-services .rems-row:focus-visible { background-color: #f8f9fa; }
.ya-services .rems_el_name { flex: 1; text-align: left; font-size: 16px; font-weight: 500; line-height: 19px; color: #161A1D; }
.ya-services .rems_el_price { font-size: 16px; font-weight: 500; line-height: 19px; color: #4292EE; white-space: nowrap; }
/* Мини-картинка устройства в строке модели: файл из свойства ICON
инфоблока yandex_service, правится в админке у модели. */
.ya-services .rmr-ico { flex: 0 0 30px; width: 30px; height: 30px; object-fit: contain; }
/* Подсказки категории (UF_YA_HINTS) серой строкой над чипами услуг */
.ya-hints { font-size: 14px; line-height: 20px; color: #7A8086; margin-bottom: 16px; }
.ya-hints-sep { margin: 0 4px; }
/* Общая строка гарантии (в панели YA_WARRANTY=row или над чипами line):
галочка как в «Наши преимущества», текст как заголовок пункта. */
.ya-warranty-line { display: flex; align-items: center; gap: 10px; margin: 0 0 18px; font-size: 16px; line-height: 22px; font-weight: 600; color: #161A1D; }
.ya-warranty-line svg { flex: 0 0 24px; }
.ya-services .rems_tab_pane > .ya-warranty-line { margin: 10px 0; }
/* Гарантия — единственный акцентный пункт прайса. Остальные услуги остаются
обычными чипами и строками, чтобы не конкурировать между собой. */
.ya-services .rems_tab_pane.ya-warranty-pane { margin-top: 12px; }
/* Вкладка с баннером гарантии не прокручивается внутри. Ограничение высоты
(800px, на телефоне 600px) нужно длинному списку цен, а баннер умного дома
на телефоне вырастает до 657px, и его нижний край с техникой уходил под
внутреннюю прокрутку (24.09). */
.ya-services .rems_tab_pane.ya-warranty-pane.active { max-height: none; overflow-y: visible; }
.ya-warranty-card {
position: relative;
overflow: hidden;
min-height: 385px;
padding: 46px 480px 44px 72px;
border-radius: 20px;
background: radial-gradient(circle at 82% 22%, #DDEEFF 0, #F1F8FF 38%, #F8FBFF 100%);
}
.ya-warranty-copy { position: relative; z-index: 1; max-width: 500px; }
.ya-warranty-kicker {
display: block;
margin-bottom: 14px;
color: #7A8086;
font-size: 13px;
font-weight: 600;
letter-spacing: .12em;
line-height: 16px;
text-transform: uppercase;
}
.ya-warranty-copy > strong { display: block; color: #161A1D; font-size: 42px; font-weight: 650; line-height: 46px; }
.ya-warranty-copy > strong em { display: block; color: #4292EE; font-size: 1.12em; font-style: normal; line-height: 1; text-transform: uppercase; }
/* Длинная вторая строка («устройства на новое») капсом не влезает: оставляем
её синей, но обычного размера и без верхнего регистра. */
.ya-warranty-copy > strong.is-phrase em { font-size: 1em; line-height: 1.08; text-transform: none; }
.ya-warranty-copy > p { max-width: 460px; margin: 16px 0 32px !important; color: #606872; font-size: 17px !important; line-height: 24px !important; }
.ya-warranty-included { display: flex; gap: 34px; margin-bottom: 0; }
.ya-warranty-included > span { display: grid; grid-template-columns: 42px auto; column-gap: 9px; align-items: center; color: #161A1D; font-size: 16px; font-weight: 500; line-height: 20px; }
.ya-warranty-included i { grid-row: 1 / span 2; display: inline-flex; align-items: center; justify-content: center; width: 38px; height: 38px; border: 2px solid #4292EE; border-radius: 50%; color: #4292EE; font-size: 22px; font-style: normal; font-weight: 600; }
.ya-warranty-included b { color: #161A1D; font-size: 21px; line-height: 22px; }
/* Сноска под значением: нужна умному дому, где к «Замене на новое» идёт
оговорка про неремонтопригодность. Оформление пунктов прежнее. */
.ya-warranty-included small { grid-column: 2; margin-top: 3px; color: #7A8086; font-size: 12px; line-height: 15px; }
/* Сноска не должна расширять пункт: иначе колонка со сноской шире соседних
и промежутки между пунктами получаются разными. width:0 + min-width:100%
не даёт ей влиять на ширину колонки, а переносится она по ширине подписи. */
.ya-warranty-included small { width: 0; min-width: 100%; }
/* Вместо галочки может стоять значок: лупа, щит или запрет. Кружок тот же. */
.ya-warranty-included i svg { display: block; width: 21px; height: 21px; color: #4292EE; }
/* Баннер с длинными значениями: три пункта должны стоять в ряд и не наезжать
на технику, поэтому колонка шире, зона устройств уже, стрелка компактнее. */
.ya-warranty-card.is-wide { padding-right: 300px; }
.ya-warranty-card.is-wide .ya-warranty-copy { max-width: 860px; }
.ya-warranty-card.is-wide .ya-warranty-copy > p { max-width: 560px; }
.ya-warranty-card.is-wide .ya-warranty-included { gap: 30px; flex-wrap: nowrap; }
/* Кружок стоит по центру подписи и значения, сноска висит под ними и
центровку не тянет. Значение в одну строку, иначе «Не обслуживается»
ломается пополам. */
.ya-warranty-card.is-wide .ya-warranty-included > span { align-items: start; align-content: start; }
.ya-warranty-card.is-wide .ya-warranty-included > span > i { align-self: center; }
.ya-warranty-card.is-wide .ya-warranty-included b { white-space: nowrap; }
.ya-warranty-card.is-wide .ya-warranty-included b { font-size: 18px; line-height: 23px; }
.ya-warranty-card.is-wide .ya-warranty-note { width: 108px; }
/* Стрелка короче: длинная дуга тянулась через половину баннера и указывала
мимо. Теперь компактный крючок от надписи вниз-влево, прямо в устройства. */
.ya-warranty-card.is-wide .ya-warranty-note svg { width: 96px; height: 48px; margin: 26px 0 0 -54px; }
/* Техника чуть меньше и правее: колонка текста стала шире и иначе они
перекрываются последним пунктом. */
/* Техника целиком внутри карточки: раньше правый край станции срезало
краем блока, а хаб уходил под нижнюю границу. */
.ya-warranty-card.is-wide > img { right: 34px; bottom: -14px; width: min(560px, calc(107.5% - 789px)); }
/* Ширина картинки считается от ширины карточки: текстовый ряд фиксированный,
поэтому на карточке уже 1250 px устройства должны ужиматься, иначе левый
край группы заезжает на последний пункт. Коэффициенты подобраны так, что
левое устройство встаёт вплотную за «Не обслуживается». */
@media (max-width: 767px) {
.ya-warranty-card.is-wide { padding-right: 20px; padding-bottom: 230px; }
.ya-warranty-card.is-wide .ya-warranty-included { flex-wrap: wrap; gap: 12px; }
}
@media (max-width: 767px) {
}
.ya-warranty-cta { display: inline-flex; align-items: center; gap: 16px; padding: 6px 7px 6px 20px; border-radius: 24px; background: #4292EE; color: #fff !important; font-size: 14px; font-weight: 600; line-height: 18px; text-decoration: none; }
.ya-warranty-cta b { display: inline-flex; align-items: center; justify-content: center; width: 32px; height: 32px; border-radius: 50%; background: rgba(255,255,255,.18); color: #fff; font-size: 28px; font-weight: 300; line-height: 26px; }
.ya-warranty-note { position: absolute; z-index: 2; top: 34px; right: 28px; width: 132px; color: #4292EE; font-family: 'Marker Felt', 'Comic Sans MS', cursive; font-size: 20px; font-weight: 600; line-height: 20px; transform: rotate(-7deg); }
.ya-warranty-note span { display: block; }
.ya-warranty-note svg { display: block; width: 205px; height: 98px; margin: 50px 0 0 -131px; overflow: visible; }
.ya-warranty-note path { stroke: currentColor; stroke-width: 2.4; stroke-linecap: round; stroke-linejoin: round; }
.ya-warranty-card > img { position: absolute; z-index: 1; right: 80px; bottom: -44px; width: 690px; height: auto; mix-blend-mode: multiply; }
@media (max-width: 1100px) {
/* На планшете рядом с текстом места нет ни одной картинке: техника уходит
в полосу под текстом, как на телефоне, а надпись — к ней в угол. Раньше
рядом наезжали Дропсы и умный дом, у станций было незаметно. */
.ya-warranty-card, .ya-warranty-card.is-wide { min-height: 0; padding-right: 40px; padding-bottom: 250px; }
.ya-warranty-card .ya-warranty-copy, .ya-warranty-card.is-wide .ya-warranty-copy { max-width: 100%; }
.ya-warranty-card > img, .ya-warranty-card.is-wide > img { right: 0; bottom: -40px; width: 420px; }
.ya-warranty-note, .ya-warranty-card.is-wide .ya-warranty-note { top: auto; right: 24px; bottom: 28px; width: 132px; font-size: 18px; line-height: 18px; }
.ya-warranty-note svg, .ya-warranty-card.is-wide .ya-warranty-note svg { display: none; }
/* Умный дом: надпись над устройствами, а не поверх них. Под надписью
устройства занимают нижние ~170px, отступ снизу у карточки 250px (24.09). */
.ya-warranty-card.is-wide .ya-warranty-note { bottom: 188px; }
}
@media (max-width: 767px) {
/* Под технику своя полоса внизу, под текстом. Раньше картинка лежала поверх
текста: у станций устройства в кадре стоят низко и это не бросалось в
глаза, а Дропсы и умный дом стоят выше и закрывали пункты. */
.ya-warranty-card { min-height: 450px; padding: 28px 20px 230px; }
.ya-warranty-copy { max-width: 100%; }
.ya-warranty-copy > strong { font-size: 28px; line-height: 32px; }
.ya-warranty-copy > p { max-width: 250px; margin-bottom: 22px !important; }
.ya-warranty-included { gap: 12px; }
.ya-warranty-included > span { grid-template-columns: 30px auto; column-gap: 5px; font-size: 12px; }
.ya-warranty-included i { width: 27px; height: 27px; font-size: 16px; }
.ya-warranty-included b { font-size: 16px; }
.ya-warranty-card > img, .ya-warranty-card.is-wide > img { right: -30px; bottom: -40px; width: 380px; }
.ya-warranty-note { top: auto; right: 16px; bottom: 24px; width: 108px; font-size: 16px; line-height: 16px; }
.ya-warranty-note svg { display: none; }
/* Умный дом: устройства крупнее (24.09), камера выше — карточка на 30px
выше, надпись поднята вместе с ней и не ложится на камеру. */
.ya-warranty-card.is-wide { padding-bottom: 260px; }
.ya-warranty-card.is-wide .ya-warranty-note { bottom: 196px; }
}
/* Показывается только внутри открытой вкладки «Диагностика». */
.ya-diagnostic-banner {
display: flex;
align-items: center;
gap: 12px;
margin-top: 16px;
padding: 14px 20px;
border-radius: 16px;
background: linear-gradient(100deg, #EEF6FF, #F8FBFF);
}
.ya-diagnostic-icon {
display: inline-flex;
flex: 0 0 24px;
align-items: center;
justify-content: center;
width: 24px;
height: 24px;
box-sizing: border-box;
border: 2px solid #4292EE;
border-radius: 50%;
color: #4292EE;
font-size: 15px;
font-weight: 700;
font-family: Arial, sans-serif;
}
.ya-diagnostic-banner strong { display: block; color: #161A1D; font-size: 16px; line-height: 20px; }
.ya-diagnostic-banner p { margin: 2px 0 0 !important; color: #7A8086; font-size: 14px !important; line-height: 19px !important; }
/* Между вкладками категорий и чипами услуг тот же воздух, что у /service/ */
.ya-services.tabs-with-goods { padding: 0; }
@media (max-width: 768px) {
.ya-services .rems-two-cols { flex-direction: column; gap: 0; }
}
/* End */
/* Start:/service/yandex/css/blocks.css?17894667692434*/
/* ==========================================================================
Средняя часть страницы: «Пошаговый процесс работы», «Что значит
авторизованный сервис?», «Как работает гарантийный ремонт».
Разметка и стили целиком от замены аккумулятора: серые карточки с
иконками — preim_gray122, карточки с фото — preim_blog («Преимущества
сервиса»). Здесь только поправка шаблона.
========================================================================== */
/* Серые карточки preim_gray122 в одну колонку (до 991px): шаблон снимает
ограничение max-width:620px только с 932px, и в окне 933–991px карточки
стоят узкими у левого края, а кнопка над ними по центру. У образца тот
же сбой. Растягиваем на всю ширину, как на остальных ширинах. */
@media (max-width: 991px) {
.ya-gray .gray.preim .feature { max-width: 100%; }
}
/* «Пошаговый процесс работы» на телефоне компактнее: иконка 36px слева
по центру карточки по высоте, справа заголовок и список, поля карточки 20px, между карточками 12px.
Планшет и десктоп — как у образца. */
@media (max-width: 767px) {
#warranty .gray.preim > div { margin-bottom: 12px; }
#warranty .gray.preim .feature {
display: grid;
grid-template-columns: 36px 1fr;
column-gap: 16px;
align-items: start;
padding: 20px;
}
#warranty .gray.preim .feature-icon { grid-row: 1 / span 2; align-self: center; width: 36px; height: 36px; margin: 0 !important; }
#warranty.process .podhodos .feature-icon img { height: 36px; width: 36px; object-fit: contain; }
#warranty .gray.preim .preim_header { grid-column: 2; margin: 6px 0 8px; }
#warranty .gray.preim .preim_text { grid-column: 2; }
#warranty .gray.preim .preim_text ul { margin: 0 !important; }
#warranty .gray.preim .preim_text li:last-child { margin-bottom: 0 !important; }
}
/* End */
/* Start:/service/yandex/css/cta.css?179017771312540*/
/* ==========================================================================
Нижняя часть страницы: «Как проверить срок гарантии» и баннер-призыв.
Проверка гарантии — одна панель .grayson сервисных страниц с кнопкой .bsp.
Баннер: крупная станция и адаптированные SVG из slider_gen. В фоне
исходная маскированная сетка и одна рамка, без наложенных дуг.
На телефоне станция — фоновый абсолютный элемент, поэтому не создаёт
отдельную пустую область. Текст живой, в div, а не в : у шаблона глобальный
p { font-size:14px !important }.
========================================================================== */
/* Проверка гарантии: инструкция по чеку и серийному номеру, без выдуманного
интерфейса приложения или торгового названия поддержки. */
.ya-check-warranty { padding: 40px; }
.ya-check-warranty h2 { margin: 0 0 16px; }
.ya-check-accent { color: #4292EE; }
.ya-check-warranty > .ya-check-copy > p { max-width: 760px; margin: 0 auto !important; color: #161A1D !important; font-size: 16px !important; font-weight: 400; line-height: 23px !important; }
.ya-check-methods { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; margin-top: 32px; }
.ya-check-method { position: relative; min-height: 312px; padding: 26px 28px 26px 84px; overflow: hidden; border: 1px solid #DCEBFC; border-radius: 16px; background: linear-gradient(120deg, #EEF6FF, #F9FCFF); }
.ya-check-method-num { position: absolute; top: 28px; left: 24px; display: inline-flex; align-items: center; justify-content: center; width: 34px; height: 34px; border: 1.5px solid #4292EE; border-radius: 50%; color: #4292EE; font-size: 12px; font-weight: 600; }
/* ВНИМАНИЕ: font-size и line-height здесь не применяются — их перебивает
более поздний `.page-container h3` темы (30px/37px) с той же специфичностью.
Кружок с номером выравниваем по фактической первой строке заголовка. */
.ya-check-method h3 { margin: 1px 0 0; color: #161A1D; font-size: 18px; font-weight: 600; line-height: 23px; }
.ya-check-steps { display: grid; gap: 8px; margin: 14px 0 0; padding: 0; list-style: none; color: #606872; font-size: 14px; line-height: 20px; }
.ya-check-steps li { display: block; padding: 0; }
.ya-check-step-num { display: inline-block; min-width: 1.45em; color: #4292EE; font-variant-numeric: tabular-nums; font-weight: 600; }
/* В базовой теме есть нумерация списков из другого компонента: отключаем её
только здесь, поскольку номера уже записаны в тексте пунктов. */
.ya-check-warranty .ya-check-steps li::before { display: none !important; content: none !important; }
.ya-check-note { margin: 18px 0 0 !important; color: #7A8086 !important; font-size: 13px !important; line-height: 18px !important; }
/* Кнопка как «Записаться на диагностику» на сервисных страницах: штатная .bsp
со стрелкой в белом кружке, только в фиолетовом цвете страницы поддержки
Яндекса. Стрелка в .bspb залита белым в разметке, поэтому перекрашиваем. */
.ya-check-method .bsp.ya-check-action { margin: 22px 0 0; border: 1px solid #7137FF; background: #7137FF; color: #fff; box-shadow: 0 8px 20px rgba(113, 55, 255, .22); text-decoration: none; }
.ya-check-method .bsp.ya-check-action .bspb { background: #fff; }
.ya-check-method .bsp.ya-check-action .bspb svg path { stroke: #7137FF !important; }
/* Цвет action взят с официальной страницы поддержки умных устройств Яндекса:
background custom-button-features = rgb(113, 55, 255). */
/* Наведение как у штатных кнопок сайта: цвета меняются местами. У .bsp серая
пилюля с синим кружком становится синей с белым кружком, у нас фиолетовая
становится белой, а кружок из белого фиолетовым. */
.ya-check-method .bsp.ya-check-action:hover { border-color: #7137FF; background: #fff; color: #7137FF; box-shadow: 0 8px 20px rgba(113, 55, 255, .18); }
.ya-check-method .bsp.ya-check-action:hover .bspb { background: #7137FF; }
.ya-check-method .bsp.ya-check-action:hover .bspb svg path { stroke: #fff !important; }
.ya-check-method .bsp.ya-check-action:focus-visible { outline: 3px solid rgba(113, 55, 255, .35); outline-offset: 3px; }
@media (max-width: 1100px) {
.ya-check-methods { grid-template-columns: 1fr; }
.ya-check-method { min-height: 0; }
}
@media (max-width: 767px) {
.ya-check-warranty { padding: 24px 12px !important; }
.ya-check-warranty h2 { margin-bottom: 14px; }
.ya-check-warranty > .ya-check-copy > p { font-size: 14px !important; line-height: 20px !important; }
.ya-check-methods { grid-template-columns: 1fr; }
.ya-check-method { padding: 20px 18px 22px 70px; }
.ya-check-method-num { top: 22px; left: 18px; }
.ya-check-method h3 { font-size: 16px; line-height: 21px; }
.ya-check-steps { gap: 6px; margin-top: 10px; font-size: 13px; line-height: 18px; }
.ya-check-method .bsp.ya-check-action { margin-top: 18px; }
}
@media (max-width: 320px) {
.ya-check-warranty { padding: 20px 12px !important; }
.ya-check-method { padding: 18px 12px 20px 52px; }
.ya-check-method-num { top: 20px; left: 12px; }
.ya-check-method .bsp.ya-check-action { max-width: 100%; height: 46px; padding: 0 6px 0 18px; font-size: 12px; line-height: 16px; }
.ya-check-method .bsp.ya-check-action .bspb { height: 32px; width: 32px; margin-left: 8px; }
}
/* Баннер-призыв */
.ya-cta {
position: relative;
display: flex;
align-items: center;
min-height: 500px;
border-radius: 18px;
overflow: hidden;
isolation: isolate;
background: #020507 url("/service/yandex/css/../img/cta/anna-service-banner-background.png") center / cover no-repeat;
}
/* Используем готовый сервисный фон Анны без добавочных нарисованных лент. */
.ya-cta::before {
display: none;
}
.ya-cta-text {
position: relative;
z-index: 3;
width: 58%;
max-width: 760px;
margin-left: 0;
padding: 56px 36px 56px 62px;
}
.ya-cta-h {
font-family: 'SF Pro Display', sans-serif;
font-size: 46px;
line-height: 54px;
font-weight: 700;
color: #fff;
}
/* Две строки по просьбе Ани: «Что-то не так» и «с устройством Яндекс?».
Разбивка задана разметкой, а не шириной колонки, поэтому не поедет. */
.ya-cta-h span { display: block; }
.ya-cta-s {
max-width: 640px;
font-size: 20px;
line-height: 28px;
color: #fff;
margin: 20px 0 40px;
}
/* Кнопка как в баннере образца: по ширине текста, шрифт крупнее и не жирный */
.ya-cta .ya-cta-btn {
display: inline-flex;
align-items: center;
justify-content: center;
width: auto;
height: 56px;
padding: 0 32px;
font-size: 17px;
line-height: 22px;
font-weight: 500;
border-radius: 8px;
border-color: #4292EE;
background-color: #4292EE;
color: #fff;
}
.ya-cta .ya-cta-btn:hover { border-color: #64ACFF; background-color: #64ACFF !important; color: #fff; }
/* Одна общая сцена на исходном фоне Анны: текст слева, техника справа. */
.ya-cta-devices {
position: absolute;
z-index: 2;
bottom: -8px;
right: 10px;
left: auto;
width: 620px;
height: 440px;
pointer-events: none;
}
.ya-cta-devices::before {
position: absolute;
z-index: 0;
top: -60px;
left: -90px;
width: 700px;
height: 540px;
content: '';
background: radial-gradient(ellipse at 53% 54%, rgba(22, 98, 246, .52) 0%, rgba(8, 47, 118, .36) 43%, rgba(2, 5, 7, 0) 74%);
}
.ya-cta-img {
position: absolute;
display: block;
height: auto;
max-width: none;
filter: drop-shadow(0 18px 26px rgba(0, 0, 0, .42));
}
.ya-cta-img--station3 { top: 0; left: 58px; z-index: 1; width: 254px; transform: rotate(-2deg); }
.ya-cta-img--duo { top: 38px; left: 256px; z-index: 2; width: 320px; transform: rotate(1deg); }
.ya-cta-img--mini { bottom: 32px; left: 214px; z-index: 3; width: 184px; transform: rotate(-3deg); }
@media (max-width: 1200px) {
.ya-cta-text { width: 44%; padding: 46px 28px 46px 42px; }
.ya-cta-h { font-size: 42px; line-height: 50px; }
.ya-cta-devices { right: 0; left: auto; width: 550px; height: 410px; }
.ya-cta-devices::before { top: -54px; left: -80px; width: 620px; height: 500px; }
.ya-cta-img--station3 { left: 50px; width: 224px; }
.ya-cta-img--duo { top: 44px; left: 224px; width: 282px; }
.ya-cta-img--mini { left: 188px; width: 162px; }
}
@media (max-width: 991px) {
.ya-cta { min-height: 450px; }
.ya-cta-text { width: 49%; max-width: none; padding: 40px 22px 40px 28px; }
.ya-cta-h { font-size: 34px; line-height: 42px; }
.ya-cta-s { font-size: 17px; line-height: 24px; margin: 14px 0 28px; }
.ya-cta .ya-cta-btn { height: 50px; padding: 0 26px; font-size: 16px; }
.ya-cta-devices { right: -24px; left: auto; width: 466px; height: 375px; }
.ya-cta-devices::before { top: -48px; left: -68px; width: 520px; height: 450px; }
.ya-cta-img--station3 { top: 8px; left: 44px; width: 186px; }
.ya-cta-img--duo { top: 58px; left: 178px; width: 234px; }
.ya-cta-img--mini { left: 154px; width: 134px; }
}
/* At narrower tablet widths the fixed-size product stage needs its own row;
keeping it beside the copy would make the two layers overlap. */
@media (max-width: 920px) {
/* На телефоне группа уходит в отдельную нижнюю зону, без наложения на CTA. */
.ya-cta {
display: block;
min-height: 610px;
border-radius: 14px;
background-image: url("/service/yandex/css/../img/cta/anna-service-banner-background.png");
}
.ya-cta-text { width: auto; max-width: none; margin-left: 0; padding: 36px 24px 310px; }
.ya-cta-h { font-size: 30px; line-height: 36px; }
.ya-cta-s { max-width: 290px; font-size: 17px; line-height: 23px; margin: 12px 0 24px; }
.ya-cta .ya-cta-btn { width: auto !important; height: 48px; padding: 0 24px; font-size: 16px; }
.ya-cta-devices { left: auto; right: -6px; bottom: 8px; width: 330px; height: 292px; }
.ya-cta-devices::before { top: auto; left: auto; right: -50px; bottom: -28px; width: 380px; height: 318px; }
.ya-cta-img { opacity: 1; filter: drop-shadow(0 12px 18px rgba(0, 0, 0, .38)); }
.ya-cta-img--station3 { top: 2px; left: 2px; width: 136px; }
.ya-cta-img--duo { top: 54px; left: 112px; width: 172px; }
.ya-cta-img--mini { bottom: 12px; left: 108px; width: 120px; }
}
@media (max-width: 390px) {
.ya-cta { min-height: 575px; }
.ya-cta-text { padding-bottom: 296px; }
.ya-cta-devices { right: -14px; width: 305px; height: 278px; }
.ya-cta-devices::before { right: -48px; width: 350px; height: 304px; }
.ya-cta-img--station3 { width: 128px; }
.ya-cta-img--duo { top: 50px; left: 105px; width: 160px; }
.ya-cta-img--mini { bottom: 10px; left: 102px; width: 112px; }
}
@media (max-width: 320px) {
.ya-cta { min-height: 550px; }
.ya-cta-text { padding-right: 18px; padding-bottom: 278px; padding-left: 18px; }
.ya-cta-devices { right: -20px; bottom: 8px; width: 280px; height: 258px; }
.ya-cta-devices::before { right: -46px; width: 322px; height: 286px; }
.ya-cta-img--station3 { width: 118px; }
.ya-cta-img--duo { top: 46px; left: 96px; width: 148px; }
.ya-cta-img--mini { bottom: 8px; left: 94px; width: 104px; }
}
/* End */
/* Start:/bitrix/templates/.default/components/bitrix/catalog.section.list/rems_new_block4/style.css?17443168443797*/
.rems.nav .nav-item:not(:last-child) {
margin-right: 0px;
}
.rems.nav .nav-item:first-child .nav-link {
border: 1px solid #D0D1D5;
border-top-left-radius: 10px;
border-bottom-left-radius: 10px;
}
.rems.nav .nav-item .nav-link {
font-size: 18px;
line-height: 21.5px;
font-weight: 500;
padding: 18px 37px 18px 37px !important;
/* border: 1px solid #D0D1D5; */
border: 1px solid #e5e5e5;
color: #161A1D;
transition: color,border .2s;
}
.rems.nav .nav-item .nav-link.active {
color: #fff;
border: 1px solid #4292EE;
background: #4292EE;
}
.rems.nav-tabs {
display: flex;
margin-bottom: 8px;
width: 100%;
flex-wrap: nowrap;
white-space: nowrap;
}
@media (min-width: 992px) {
.rems.nav .nav-item .nav-link:not(.active):hover {
color: #fff;
border: 1px solid #4292EE;
background: #4292EE;
}
}
/* @media (max-width: 1200px) { */
/* .tab-content { */
/* background:none !important; */
/* } */
/* .rems.nav .nav-item:not(:last-child) { */
/* margin-right: 8px; */
/* } */
/* } */
/* @media (max-width: 768px) { */
/* .tabs-with-goods .nav-tabs { */
/* justify-content: flex-start; */
/* } */
/* .tabs-with-goods .nav-tabs { */
/* display: flex; */
/* margin-bottom: 8px; */
/* width: 100%; */
/* flex-wrap: nowrap; */
/* white-space: nowrap */
/* } */
/* } */
@media (max-width: 768px) {
.rems.nav .nav-item .nav-link {
font-size: 16px;
line-height: 17px;
font-weight: 400;
padding: 8px 18px 8px 18px !important;
}
}
.rems_el.nav .nav-item .nav-link:hover {
color: #4292EE !important;
border: none !important;
}
.rems_el.nav .nav-item .nav-link.active {
color: #4292EE !important;
border: none !important;
box-shadow: none !important;
}
.rems_el.nav .nav-item .nav-link {
font-size: 14px;
line-height: 20px;
font-weight: 400;
border-radius: 10px;
padding: 10px 16px 10px 16px !important;
color: #7A8086;
background: #F8F8F8;
border: none !important;
}
.rems_el .nav-item {
margin-right: 9px !important;
margin-bottom: 9px !important;
}
/* .rems-el-bg-img */
/* { */
/* background-image: var(--rems-el-bg-img); */
/* background-repeat: no-repeat; */
/* background-position: center right; */
/* } */
.rems_tab_pane.tab-pane.active
{
max-height: 800px;
overflow-y: auto;
}
.rems_tab_pane .rems_el_table
{
display:inline-table;
}
.rems_tab_pane .rems_el_table:first-child {
margin-right: 8px;
margin-bottom: 0px;
max-width: calc(50% - 8px);
}
.rems_tab_pane .rems_el_table:last-child {
margin-left: 8px;
margin-bottom: 0px;
max-width: calc(50% - 8px);
}
.rems_el_tr:hover
{
background: #F8F8F8;
cursor:pointer;
}
.rems_el_table
{
max-width: 50%;
}
.rems_el_table tr:not(.rems_el_hrtr)
{
border-bottom: 1px solid rgba(125, 132, 149,0.2);
}
.rems_el_price
{
font-size: 16px;
font-weight: 500;
line-height: 19px;
color: #4292EE;
white-space: nowrap;
}
.rems_el_name
{
font-size: 16px;
font-weight: 500;
line-height: 19px;
}
.rems_el_table.table tr.rems_el_hrtr td {
padding-top: 27px;
}
.rems_el_table.table td {
padding: .75rem;
vertical-align: middle;
font-size: 16px;
line-height: 19px;
}
.rems_el_hr
{
font-size: 16px;
font-weight: 500;
line-height: 19.09px;
color: #4292EE;
}
@media (max-width: 768px) {
.rems_el_table
{
max-width: 100% !important;
margin: 0 !important;
}
.rems_el.nav .nav-item .nav-link {
font-size: 13px;
line-height: 16px;
font-weight: 400;
border-radius: 10px;
padding: 7px 12px 6px 12px !important;
}
.rems_el .nav-item {
margin-right: 6px !important;
margin-bottom: 6px !important;
}
.rems_tab_pane.tab-pane.active
{
max-height: 600px;
}
}
/* End */
/* /bitrix/templates/.default/components/bitrix/news.list/slider_gen/style.css?172147069712361 */
/* /bitrix/templates/alpha_s1/components/bitrix/news.list/preim_gray122/style.css?1783351979985 */
/* /bitrix/templates/.default/components/bitrix/news.list/faq/style.css?17216244126340 */
/* /service/yandex/css/style.css?179001654710780 */
/* /bitrix/templates/.default/components/bitrix/news.list/preim_blog/style.css?17333124101331 */
/* /bitrix/templates/.default/components/bitrix/news.detail/two_blocks_text/style.css?1721734644777 */
/* /bitrix/templates/.default/components/bitrix/news.list/preim_check/style.css?172287029917086 */
/* /service/yandex/css/price.css?179025311016149 */
/* /service/yandex/css/blocks.css?17894667692434 */
/* /service/yandex/css/cta.css?179017771312540 */
/* /bitrix/templates/.default/components/bitrix/catalog.section.list/rems_new_block4/style.css?17443168443797 */