/* Лендинг «Лечение кисты почки» (ресурс 98). Только для этой страницы, общий lend.css не трогаем. */

/* киста почки: на мобилке в 1-м блоке оставляем картинку НМИЦ, а не фото врача */
@media (max-width: 640px) {
.wrap.bl_1 .cir_1 {background:none; height:auto; margin:-106px -20px 10px -20px; left:38px;}
.wrap.bl_1 .cir_1 img {display:block; width:135%; max-width:none; margin:0 0 0 -17.5%;}
}
/* киста почки: подзаголовок про отделение во 2-м блоке */
.wrap.bl_2 .bl_right h3 {text-align:left; font-size:22px; line-height:1.4;}
@media (max-width: 1000px) { .wrap.bl_2 .bl_right h3 {font-size:19px;} }
@media (max-width: 640px) { .wrap.bl_2 .bl_right h3 {font-size:18px; line-height:1.35;} }
/* киста почки: крупный кроп иллюстраций, белая растушёвка под текстом */
.bl_oper h2, .bl_oper .kista_1 h3, .bl_oper .kista_2 h3, .bl_oper .kista_3 h3 {text-align:left;}
.bl_oper h2 {display:block; max-width:none;}
.kista_1 {background:linear-gradient(to right, rgba(255,255,255,0) 340px, #fff 385px), #fff url(/img/lend/lend-kista-1.jpg) no-repeat;}
.kista_2 {background:linear-gradient(to left, rgba(255,255,255,0) 340px, #fff 385px), #fff url(/img/lend/lend-kista-2.jpg) no-repeat;}
.kista_3 {background:linear-gradient(to right, rgba(255,255,255,0) 340px, #fff 385px), #fff url(/img/lend/lend-kista-3.jpg) no-repeat;}
.kista_1,.kista_3 {background-size:auto, 560px; background-position:0 0, left -190px top -40px;}
.kista_2 {background-size:auto, 560px; background-position:0 0, right -24px top -30px;}
@media (max-width: 1000px) {
.kista_1 {background-image:linear-gradient(to right, rgba(255,255,255,0) 205px, #fff 245px), url(/img/lend/lend-kista-1.jpg);}
.kista_2 {background-image:linear-gradient(to left, rgba(255,255,255,0) 205px, #fff 245px), url(/img/lend/lend-kista-2.jpg);}
.kista_3 {background-image:linear-gradient(to right, rgba(255,255,255,0) 205px, #fff 245px), url(/img/lend/lend-kista-3.jpg);}
.kista_1,.kista_3 {background-size:auto, 370px; background-position:0 0, left -125px top -20px;}
.kista_2 {background-size:auto, 370px; background-position:0 0, right -16px top -20px;}
}
@media (max-width: 640px) {
.kista_1 {background-image:linear-gradient(to bottom, rgba(255,255,255,0) 195px, #fff 232px), url(/img/lend/lend-kista-1.jpg);}
.kista_2 {background-image:linear-gradient(to bottom, rgba(255,255,255,0) 195px, #fff 232px), url(/img/lend/lend-kista-2.jpg);}
.kista_3 {background-image:linear-gradient(to bottom, rgba(255,255,255,0) 195px, #fff 232px), url(/img/lend/lend-kista-3.jpg);}
.kista_1,.kista_2,.kista_3 {background-size:auto, 420px; background-position:0 0, right -18px top -10px;}
.bl_oper .kista_1, .bl_oper .kista_2, .bl_oper .kista_3 {padding-top:250px;}
.bl_oper .op_right.kista_2 h3 {font-size:20px;} .bl_oper .op_right.kista_2 p {font-size:19px;}
}

/* ===== Блок «Как получить консультацию: 3 шага» — фон с сотами, отзеркален (соты справа) ===== */
.lend-block.kista-steps {position:relative; background:none; overflow:hidden;}
.lend-block.kista-steps:before {content:''; position:absolute; top:0; left:0; right:0; bottom:0; background:url(/img/lend/bg_2.jpg) no-repeat 100% -20px; transform:scaleX(-1); z-index:0;}
.lend-block.kista-steps > * {position:relative; z-index:1;}
.kista-steps .lend-block-item {padding:35px 30px 30px; text-align:center; box-sizing:border-box;}
.kista-steps .step_num {width:64px; height:64px; line-height:64px; margin:0 auto 18px; border-radius:50%; background:#4F7DFF; color:#fff; font-family:'Open Sans', sans-serif; font-size:30px; font-weight:800;}
.kista-steps .lend-block-item h4 {font-family:'Open Sans', sans-serif; font-size:21px; color:#00258A; text-transform:uppercase; margin:0 0 12px;}
.kista-steps .lend-block-item p {margin:0;}
.kista-steps .steps_mail {text-align:center; font-family:'PT Serif', serif; font-size:19px; margin:20px 0 0;}
.kista-steps .steps_mail a {color:#00258A; font-weight:700; text-decoration:none; white-space:nowrap;}
@media (max-width: 640px) {
.kista-steps .lend-block-item {padding:28px 20px 24px;}
.kista-steps .step_num {width:54px; height:54px; line-height:54px; font-size:26px;}
.kista-steps .lend-block-item h4 {font-size:18px;}
.kista-steps .steps_mail {font-size:17px;}
}

/* 3 шага: карточки в ряд вместо полос */
.kista-steps .lend-block-wrapper-full {display:grid; grid-template-columns:repeat(3, 1fr); gap:24px;}
.kista-steps .lend-block-wrapper-full .lend-block-item {display:block; width:auto; border-radius:40px;}
.kista-steps .lend-block-wrapper-full .lend-block-item p {width:auto; padding:0; font-size:19px; font-weight:400; line-height:1.45;}
@media (max-width: 1000px) {
.kista-steps .lend-block-wrapper-full {grid-template-columns:1fr; gap:18px;}
}
@media (max-width: 640px) {
.kista-steps .lend-block-wrapper-full .lend-block-item {border-radius:30px;}
.kista-steps .lend-block-wrapper-full .lend-block-item p {font-size:17px;}
}

/* 3 шага: подзаголовок без белой плашки */
.kista-steps .lend-block-title p {background:none; padding:0; border-radius:0; color:#000;}

/* 3 шага: иконки в синих кружках, как в land-list-1 */
.kista-steps .step_icon {display:block; margin:0 auto 18px; width:60px; height:60px;}
.kista-steps .step_icon i {display:flex; align-items:center; justify-content:center; width:60px; height:60px; border-radius:50%; background:#4F7DFF; color:#fff; font-size:30px;}

/* 3 шага: текст про технологии и врача между карточками и кнопкой */
.kista-steps .steps_note {max-width:900px; margin:22px auto 0; text-align:center; font-family:'PT Serif', serif; font-size:20px; line-height:1.45; color:#000;}
@media (max-width: 640px) { .kista-steps .steps_note {font-size:17px; margin-top:25px;} }

/* 3 шага: меньше отступ до кнопки */
.kista-steps .knop_center {margin-top:22px; padding-top:0;}
.kista-steps .knop_center .knopka {margin-top:0;}

/* 3 шага: у контейнера flex gap 50px — убираем его, отступы задаём вручную */
.kista-steps .lend-block-container {gap:0;}
.kista-steps .lend-block-wrapper-full {margin-top:40px;}
.kista-steps .steps_note {margin-top:25px;}
.kista-steps .knop_center {margin-top:40px;}

/* ===== FAQ: светло-голубой фон, вопросы раскрываются (details/summary) ===== */
.lend-block.kista-faq {background:#eef2fe;}
.kista-faq .lend-block-container {gap:0;}
.kista-faq .faq_list {display:flex; flex-direction:column; gap:14px; width:100%; max-width:960px; margin:40px auto 0;}
.kista-faq details {background:#fff; border-radius:20px; padding:0 28px;}
.kista-faq summary {list-style:none; cursor:pointer; position:relative; padding:22px 56px 22px 0; font-family:'Open Sans', sans-serif; font-weight:700; font-size:20px; line-height:1.35; color:#00258A;}
.kista-faq summary::-webkit-details-marker {display:none;}
.kista-faq summary:after {content:''; position:absolute; right:0; top:50%; width:36px; height:36px; margin-top:-18px; border-radius:50%; background:#4F7DFF url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14'%3E%3Cpath d='M7 1v12M1 7h12' stroke='%23fff' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E") center/14px no-repeat; transition:transform .2s;}
.kista-faq details[open] summary:after {transform:rotate(45deg);}
.kista-faq details p {margin:0; padding:0 0 24px; font-family:'PT Serif', serif; font-size:19px; line-height:1.5; color:#000;}
.kista-faq .knop_center {margin-top:40px;}
@media (max-width: 640px) {
.kista-faq details {padding:0 18px; border-radius:16px;}
.kista-faq summary {font-size:17px; padding:18px 48px 18px 0;}
.kista-faq summary:after {width:32px; height:32px; margin-top:-16px;}
.kista-faq details p {font-size:17px; padding-bottom:20px;}
}

/* ===== Мобильные правки отступов ===== */
.lend-block.kista-steps {background-color:#dfe8fd;}
@media (max-width: 640px) {
/* «Когда оперировать»: плашки шире */
#block_pokazaniya .lend-block-item {padding:25px 12px;}
/* кнопка ближе к тексту «Нужна ли операция именно вам?» */
#block_pokazaniya .knop_center .knopka {margin-top:0;}
/* FAQ: кнопка ближе к вопросам */
.kista-faq .knop_center {margin-top:24px;}
.kista-faq .knop_center .knopka {margin-top:0;}
/* «Как начать лечение»: фон с сотами на всю высоту блока */
.lend-block.kista-steps:before {background-size:cover; background-position:center top;}
}