/* st-specialists.css — блоки «Наши специалисты» (только стили, разметка и тексты не меняются).
   Страница услуги: .specialist > .slider-specialist > .item
   Главная:         .masters_block__wrap (вкладки .masters_category_list__item + карточки .masters_list__item)
   Подключать после adaptiv.css. Slick-размеры (width у .slick-track/.slick-slide) не трогаем. */

/* ===================== СТРАНИЦА УСЛУГИ ===================== */
#content .specialist .title_arrow{align-items:center;margin-bottom:16px}
#content .specialist .title_arrow .title-mb{margin-bottom:0}

#content .specialist .slider-specialist .item{
  box-sizing:border-box!important;display:flex!important;flex-direction:column!important;height:auto!important;min-height:0!important;max-height:none!important;
  overflow:hidden!important;background:#fff!important;border:1px solid #E3E3E3!important;border-radius:14px!important;
  box-shadow:0 2px 8px rgba(45,52,64,.06)!important;
  transition:box-shadow .2s ease,border-color .2s ease;
}
#content .specialist .slider-specialist .item:hover{border-color:#FD8900!important;box-shadow:0 10px 24px rgba(45,52,64,.12)!important}
#content .specialist .slider-specialist .item .img{
  position:relative!important;margin:0!important;padding:0!important;aspect-ratio:4/3!important;overflow:hidden!important;
  background:#F3F4F6;height:auto!important;max-height:none!important;width:100%!important;
}
#content .specialist .slider-specialist .item .img img{
  display:block!important;width:100%!important;height:100%!important;max-width:none!important;object-fit:cover;object-position:50% 25%;
}
#content .specialist .slider-specialist .item .desc{
  flex:1;display:flex!important;flex-direction:column;justify-content:flex-start!important;align-content:flex-start!important;gap:6px;height:auto!important;min-height:0!important;max-height:none!important;
  padding:16px 20px 20px!important;text-align:left;
}
#content .specialist .slider-specialist .item .desc .title{
  flex:none!important;height:auto!important;min-height:0!important;max-height:none!important;
  margin:0!important;padding:0!important;font-size:17px!important;line-height:1.3;font-weight:700!important;color:#2D3440!important;
}
#content .specialist .slider-specialist .item .desc p{flex:none;height:auto!important;min-height:0!important;margin:0!important;padding:0!important;font-size:16px!important;line-height:1.4;font-weight:400;color:#2D3440}
/* вторая строка (имя) акцентнее, «Опыт» приглушён и прижат вниз */
#content .specialist .slider-specialist .item .desc p:nth-of-type(1){font-weight:600!important;color:#FD8900!important}
#content .specialist .slider-specialist .item .desc p:nth-of-type(2){
  margin-top:auto!important;padding-top:10px!important;border-top:1px solid #EEE;font-size:14px!important;font-weight:400!important;color:#6B7380!important;
}
/* slick вешает .slick-slide на сам .item: карточки одной высоты, без короткой высоты, посчитанной до загрузки фото */
#content .specialist .slider-specialist.slick-initialized .slick-track{display:flex}
#content .specialist .slider-specialist.slick-initialized .slick-slide{height:auto!important}
#content .specialist .slider-specialist.slick-initialized .slick-list{padding-bottom:6px;height:auto!important}

/* ===================== ГЛАВНАЯ ===================== */
/* вкладки: «пилюли», одинаково на всех экранах */
#content .masters_block__wrap .masters_category_list{border:0;margin-bottom:20px;box-shadow:none}
#content .masters_block__wrap .masters_category_list:not(.slick-initialized){
  display:flex;gap:8px;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;padding-bottom:2px;
}
#content .masters_block__wrap .masters_category_list:not(.slick-initialized)::-webkit-scrollbar{display:none}
#content .masters_block__wrap .masters_category_list__item{
  position:relative;flex:0 0 auto;box-sizing:border-box;margin:0;padding:10px 18px;cursor:pointer;white-space:nowrap;
  font-size:16px;line-height:1.2;font-weight:600;color:#2D3440;background:#fff;
  border:1px solid #E3E3E3;border-radius:999px;box-shadow:none;
  transition:color .2s ease,background-color .2s ease,border-color .2s ease;
}
#content .masters_block__wrap .masters_category_list__item::before,
#content .masters_block__wrap .masters_category_list__item::after{content:none;display:none}
#content .masters_block__wrap .masters_category_list__item:hover{border-color:#FD8900;color:#FD8900}
#content .masters_block__wrap .masters_category_list__item.slick-current,
#content .masters_block__wrap .masters_category_list__item.active,
#content .masters_block__wrap .masters_category_list__item.is-active,
#content .masters_block__wrap .masters_category_list__item[aria-selected="true"]{
  background:#FD8900;border-color:#FD8900;color:#fff;
}

/* карточка специалиста */
#content .masters_block__wrap .masters_list__item{
  box-sizing:border-box;display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:28px;align-items:stretch;
  padding:20px;background:#fff;border:1px solid #E3E3E3;border-radius:16px;box-shadow:0 2px 10px rgba(45,52,64,.07);
}
#content .masters_block__wrap .master_img__warp{position:relative;margin:0;border-radius:12px;overflow:hidden;background:#F3F4F6;min-height:320px}
#content .masters_block__wrap .master_img{
  width:100%;height:100%;min-height:inherit;background-size:cover;background-position:50% 20%;background-repeat:no-repeat;
}
#content .masters_block__wrap .master_content__warp{
  display:flex;flex-direction:column;min-width:0;height:auto;min-height:0;margin:0;padding:4px 4px 4px 0;
  background:transparent;border:0;border-radius:0;box-shadow:none;
}
#content .masters_block__wrap .master_name{margin:0 0 14px;font-size:28px;line-height:1.15;font-weight:700;color:#2D3440}
#content .masters_block__wrap .master_specifications_list{display:flex;flex-direction:column}
#content .masters_block__wrap .master_specifications_list>div{padding:12px 0;border-top:1px solid #EEE}
#content .masters_block__wrap .master_specifications_list>div:first-child{border-top:0;padding-top:0}
/* линия из :before шаблона заменена нашей border-top */
#content .masters_block__wrap .master_specifications_list>div::before{content:none!important;display:none!important}
/* фиксированные высоты и max-width шаблона (height:840px/600px, фото 470/250px, max-width:400px) */
#content .masters_block__wrap .masters_list__item{height:auto!important;min-height:0!important}
#content .masters_block__wrap .masters_list__item>div{max-width:none!important}
#content .masters_block__wrap .master_img__warp{height:auto!important;max-height:none!important}
#content .masters_block__wrap .master_img{height:100%!important}
/* пустые строки (например, «Опыт» у дизайнеров) не показываем */
#content .masters_block__wrap .master_specifications_list>div:has(>p:empty){display:none}
#content .masters_block__wrap .master_specifications_list span{
  display:block;margin:0 0 4px;font-size:12px;line-height:1.2;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#FD8900;
}
#content .masters_block__wrap .master_specifications_list span::before{font:inherit;letter-spacing:inherit;color:inherit}
#content .masters_block__wrap .master_specifications_list p{margin:0;font-size:16px!important;line-height:1.5;font-weight:400!important;color:#2D3440!important}
#content .masters_block__wrap .master_desc{
  margin-top:auto;padding:12px 0 0 14px;border-left:3px solid #FD8900;font-size:16px!important;line-height:1.5;font-weight:400!important;font-style:italic!important;color:#6B7380!important;
}
#content .masters_block__wrap .master_desc:empty{display:none}

/* стрелки slick внутри блока специалистов */
#content .masters_block__wrap .slick-prev,
#content .masters_block__wrap .slick-next{
  width:44px;height:44px;border-radius:50%;background:#fff;box-shadow:0 4px 14px rgba(45,52,64,.18);z-index:2;transition:box-shadow .2s ease;
}
#content .masters_block__wrap .slick-prev:hover,
#content .masters_block__wrap .slick-next:hover{box-shadow:0 6px 18px rgba(253,137,0,.35)}

/* ===================== АДАПТИВ ===================== */
@media (max-width:900px){
  #content .masters_block__wrap .masters_list__item{grid-template-columns:1fr;gap:16px;padding:14px}
  #content .masters_block__wrap .master_img__warp{min-height:0;aspect-ratio:4/3}
  #content .masters_block__wrap .master_name{font-size:24px;margin-bottom:10px}
}
@media (max-width:900px){
  /* на узком экране у слайдера нет боковых полей: карточка упиралась в края экрана */
  #content .specialist .slider-specialist{box-sizing:border-box;padding-left:14px;padding-right:14px}
}
@media (max-width:560px){
  #content .specialist .slider-specialist .item .desc{padding:14px 16px 16px!important}
  #content .specialist .slider-specialist .item .desc .title{font-size:16px!important}
  #content .masters_block__wrap .masters_category_list__item{padding:9px 14px;font-size:15px}
}
@media (prefers-reduced-motion:reduce){
  #content .specialist .item,#content .masters_block__wrap *{transition:none!important}
}