/* Start:/bitrix/templates/krio25/components/bitrix/news.detail/service_page/style.css?17718769793425*/
.top .container-block{
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: auto auto 1fr;
    column-gap: 70px;
    align-items: flex-start;
    grid-template-areas: 'title img' 'txt img' 'btn img';
}
.top_title{
    grid-area: title;
    margin: 0 0 30px 0;
}
.top_txt{
    grid-area: txt;

}
.top_order-service{
    grid-area: btn;
    width: fit-content;
    margin: 50px 0 0 0;

}
.top_img{
    grid-area: img;
	cursor:pointer;
    max-height: 350px;
    max-width: 350px;
    object-fit: cover;
    border-radius: 5px;
}

@media(max-width: 1024px) {
    .top .container-block{
        grid-template-columns: 100%;
        grid-template-rows: auto;
        grid-template-areas: 'title' 'img' 'txt' 'btn';
    }
    .top_img{
        height: 220px;
    }
    .top_txt{
        margin: 40px 0 0 0;
    }
}

@media(max-width: 480px) {
    .top_order-service {
        width: 100%;
    }
}

.top_img-link { display:block; }

.zoomable{
  position:relative;
  display:block;
}

.zoomable::after{
  content:"";
  position:absolute;
  right:10px;
  bottom:10px;
  width:34px;
  height:34px;
  border-radius:999px;
  background-color:rgba(0,0,0,.45);
  background-repeat:no-repeat;
  background-position:center;
  background-size:18px 18px;
  pointer-events:none; /* чтобы клик всегда проходил в Fancybox */

  /* лупа с плюсом (SVG) */
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='6'/%3E%3Cline x1='21' y1='21' x2='16.65' y2='16.65'/%3E%3Cline x1='11' y1='8.5' x2='11' y2='13.5'/%3E%3Cline x1='8.5' y1='11' x2='13.5' y2='11'/%3E%3C/svg%3E");
}

@media (hover:hover){
  .zoomable::after{
    opacity:.85;
    transform:scale(1);
    transition:opacity .15s ease, transform .15s ease;
  }
  .zoomable:hover::after{
    opacity:1;
    transform:scale(1.05);
  }
}
/* внешняя обёртка: отвечает за позиционирование как раньше */
.top_img-wrap{
  /* ничего не ломаем: блок остаётся на всю доступную ширину */
  display: block;
}

/* внутренняя: shrink-wrap по картинке, лупа считается от неё */
.top_img-wrap > .top_img-link{
  display: inline-block;
  position: relative;
  line-height: 0;
}

/* сама картинка */
.top_img{
  display: block;
  /* оставь то, что у тебя было раньше для top_img (например width:100% если так задумано) */
}

/* якорь ведёт себя как прежний .top_img (в раскладке) */
a.top_img.zoomable{
  display:block;       /* как было у img */
  position:relative;   /* для лупы */
  line-height:0;       /* убрать baseline-отступ */
}

/* картинка заполняет якорь */
a.top_img > .top_img__img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  border-radius:inherit;
}


.advantages-rovno {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
  gap: 20px;
  align-items: stretch; /* по умолчанию stretch, но пусть будет явно */
}

.advantages-rovno .advantage {
  height: 100%;
}

.advantage_title {
	white-space: nowrap;
}
/* End */
/* /bitrix/templates/krio25/components/bitrix/news.detail/service_page/style.css?17718769793425 */