/* st-turnkey.css v1 — блок «Наши работы» на главной (.turnkey_repair_block: слайдер + миниатюры слева, текст справа). Только стили.
   Не трогаем: разметку, ширины/инициализацию slick (слайдер и миниатюры), стрелки/точки, fancybox, иконки пунктов (.icon — из шаблона), тексты.
   Подключать после adaptiv.css. */

#content .turnkey_repair_block{--tk-ink:#2D3440;--tk-mut:#4A5260;--tk-soft:#6B7380;--tk-line:#E3E3E3;--tk-or:#FD8900;--tk-cream:#FFF7EC;--tk-cream-line:#F0DEC6}

/* карточка */
#content .turnkey_repair_block{
  box-sizing:border-box;display:grid!important;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:32px;align-items:stretch;
  margin:0!important;padding:24px!important;background:#fff!important;border:1px solid var(--tk-line)!important;border-radius:20px!important;box-shadow:none!important;
  transition:border-color .2s ease,box-shadow .2s ease;
}
@media (hover:hover){#content .turnkey_repair_block:hover{border-color:var(--tk-cream-line)!important;box-shadow:0 14px 34px rgba(45,52,64,.08)!important}}
#content .turnkey_repair_block .turnkey_repair_wrapp{float:none!important;width:auto!important;max-width:none!important;min-width:0;margin:0!important;padding:0!important}
#content .turnkey_repair_block .turnkey_repair_text{float:none!important;width:auto!important;max-width:none!important;min-width:0;margin:0!important;padding:0!important;display:flex!important;flex-direction:column;justify-content:space-between;gap:24px}

/* большое фото: единая пропорция, скругление (ширину слайдов задаёт slick — не трогаем) */
#content .turnkey_repair_block .turnkey_repair_slide img{display:block;width:100%!important;max-width:none!important;height:auto!important;aspect-ratio:3/2;object-fit:cover;border-radius:14px!important}
#content .turnkey_repair_block .turnkey_repair_slide a{display:block;border-radius:14px;overflow:hidden}

/* миниатюры */
#content .turnkey_repair_block .turnkey_nav_item a{display:block;border-radius:10px;overflow:hidden}
#content .turnkey_repair_block .turnkey_nav_item img{display:block;width:100%!important;max-width:none!important;height:auto!important;aspect-ratio:16/9;object-fit:cover;border-radius:10px!important;
  box-shadow:inset 0 0 0 0 transparent;opacity:.72;transition:opacity .2s ease,outline-color .2s ease;outline:2px solid transparent;outline-offset:-2px}
#content .turnkey_repair_block .turnkey_nav_item.active img,
#content .turnkey_repair_block .turnkey_nav_item.slick-current img{opacity:1;outline-color:var(--tk-or)}
@media (hover:hover){#content .turnkey_repair_block .turnkey_nav_item:hover img{opacity:1}}

/* заголовок и параметры */
/* заголовок сверху, параметры по центру свободной высоты, кнопка внизу — без «дыры» между параметрами и кнопкой */
#content .turnkey_repair_block .text_box{flex:1 1 auto;display:flex!important;flex-direction:column;margin:0!important;padding:0!important}
#content .turnkey_repair_block .turnkey_repair_list{margin:auto 0!important;row-gap:22px!important}
#content .turnkey_repair_block .title_text{margin:0 0 22px!important;padding:0!important;color:var(--tk-ink)!important;font-size:28px!important;font-weight:800!important;line-height:1.2!important}
#content .turnkey_repair_block .turnkey_repair_item span{color:var(--tk-soft)!important;font-size:15px!important;font-weight:600!important;line-height:1.3!important}
#content .turnkey_repair_block .turnkey_repair_item div{color:var(--tk-ink)!important;font-size:18px!important;font-weight:700!important;line-height:1.3!important}

/* v3: цена — главный параметр, выделяем цветом бренда */
#content .turnkey_repair_block .turnkey_repair_item.att_price div{color:var(--tk-or)!important;font-size:20px!important;font-weight:800!important;white-space:nowrap}

/* v4: параметры столбиком (иконки .icon — из шаблона; шаблонный вертикальный разделитель между колонками при этом не нужен) */
#content .turnkey_repair_block .turnkey_repair_list{display:grid!important;grid-template-columns:minmax(0,1fr);row-gap:20px}
/* шаблон: .turnkey_repair_item{width:calc(50% - 10px);padding-left:50px} и разделитель у чётных (:nth-child(2n)::after) рассчитаны на 2 колонки */
#content .turnkey_repair_block .turnkey_repair_item{width:auto!important;max-width:none!important;min-height:40px;margin:0!important}
#content .turnkey_repair_block .turnkey_repair_item:nth-child(2n)::after{content:none!important;display:none!important}

/* v3: стрелки слайдера — тень, чтобы белая стрелка не терялась на светлом фото (позицию и поведение slick не трогаем) */
#content .turnkey_repair_block .turnkey_repair_slider .slick-arrow{box-shadow:0 4px 14px rgba(45,52,64,.28)!important;border-radius:50%}
@media (hover:hover){#content .turnkey_repair_block .turnkey_repair_slider .slick-arrow:hover{box-shadow:0 6px 18px rgba(45,52,64,.38)!important}}

/* v3: ровный ритм между карточками «работ» */
#content .content-block:has(>.turnkey_repair_block){margin-top:0!important;margin-bottom:24px!important}

/* кнопка «Подробнее» */
#content .turnkey_repair_block .btn_holder{margin:0!important;padding:0!important}
#content .turnkey_repair_block .btn_holder .btn{
  display:flex!important;align-items:center;justify-content:center;box-sizing:border-box;width:100%!important;max-width:none!important;min-height:56px;margin:0!important;padding:14px 20px!important;
  border:0!important;border-radius:12px!important;background:linear-gradient(90deg,#FE5248,#FD8507)!important;color:#fff!important;
  font-size:18px!important;font-weight:800!important;line-height:1.2!important;text-decoration:none!important;box-shadow:0 8px 20px rgba(253,133,7,.30)!important;transition:filter .2s ease,transform .2s ease;
}
@media (hover:hover){#content .turnkey_repair_block .btn_holder .btn:hover{filter:brightness(1.06);transform:translateY(-1px)}}
#content .turnkey_repair_block .btn_holder .btn:focus-visible{outline:3px solid var(--tk-ink);outline-offset:2px}

@media (max-width:900px){
  #content .turnkey_repair_block{grid-template-columns:minmax(0,1fr);gap:20px;padding:16px!important;border-radius:16px!important}
  #content .turnkey_repair_block .turnkey_repair_text{gap:18px}
  #content .turnkey_repair_block .title_text{font-size:22px!important;margin-bottom:16px!important}
}
@media (max-width:560px){
  #content .turnkey_repair_block .turnkey_repair_item span{font-size:14px!important}
  #content .turnkey_repair_block .turnkey_repair_item div{font-size:16px!important}
}
@media (prefers-reduced-motion:reduce){#content .turnkey_repair_block *{transition:none!important}}