/* st-tiles.css — стили плиток перелинковки (.services__items), только CSS.
   Работает для обеих разметок: /tseny/ (p>span + p) и страниц услуг (span.services__title + span.services__price). */
#content .services__items{
  display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px;
  margin:28px 0;padding:0;float:none;width:auto;list-style:none;
}
#content .services__items .holder-block{
  float:none;width:auto;max-width:none;margin:0;padding:0;min-width:0;display:flex;
}
#content .services__items .services__item{
  display:flex;flex-direction:column;width:100%;box-sizing:border-box;
  background:#fff;border:1px solid #E3E3E3;border-radius:14px;overflow:hidden;
  color:#2D3440;text-decoration:none;box-shadow:0 2px 8px rgba(45,52,64,.06);
  transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;
}
#content .services__items .services__item:hover,
#content .services__items .services__item:focus-visible{
  transform:translateY(-4px);border-color:#FD8900;box-shadow:0 12px 26px rgba(45,52,64,.14);text-decoration:none;
}
#content .services__items .services__item:focus-visible{outline:2px solid #FD8900;outline-offset:2px}
#content .services__items .services__img{
  position:relative;margin:0;padding:0;aspect-ratio:4/3;overflow:hidden;background:#F3F4F6;height:auto;
}
#content .services__items .services__img img{
  display:block;width:100%;height:100%;max-width:none;object-fit:cover;border-radius:0;
  transition:transform .4s ease;
}
#content .services__items .services__item:hover .services__img img{transform:scale(1.05)}
#content .services__items .services__descr{
  flex:1;display:flex;flex-direction:column;gap:8px;padding:14px 16px 16px;text-align:left;
}
#content .services__items .services__descr p{margin:0;padding:0}
/* название */
#content .services__items .services__title,
#content .services__items .services__descr p:first-child,
#content .services__items .services__descr p:first-child span{
  display:block;margin:0;font-size:16px;line-height:1.3;font-weight:700;color:#2D3440;text-transform:none;
}
#content .services__items .services__title,
#content .services__items .services__descr p:first-child{min-height:2.6em}
#content .services__items .services__item:hover .services__title,
#content .services__items .services__item:hover .services__descr p:first-child span{color:#FD8900}
/* цена: прижата к низу карточки, акцентный цвет */
#content .services__items .services__price,
#content .services__items .services__descr p:nth-child(2){
  display:block;margin:auto 0 0;font-size:15px;line-height:1.3;font-weight:700;color:#FD8900;
}
#content .services__items .services__price sup{font-size:.65em;line-height:0}
/* карточки без цены: добавить воздуха снизу не нужно, высота выравнивается flex */
@media (max-width:1100px){#content .services__items{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}}
@media (max-width:760px){
  #content .services__items{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:20px 0}
  #content .services__items .services__item{border-radius:12px}
  #content .services__items .services__descr{padding:10px 12px 12px;gap:6px}
  #content .services__items .services__title,
  #content .services__items .services__descr p:first-child,
  #content .services__items .services__descr p:first-child span{font-size:15px}
  #content .services__items .services__price,
  #content .services__items .services__descr p:nth-child(2){font-size:14px}
}
@media (max-width:360px){#content .services__items{grid-template-columns:1fr}}
@media (hover:none){
  #content .services__items .services__item:hover{transform:none;box-shadow:0 2px 8px rgba(45,52,64,.06);border-color:#E3E3E3}
  #content .services__items .services__item:hover .services__img img{transform:none}
}
@media (prefers-reduced-motion:reduce){#content .services__items *{transition:none!important}}

/* --- нейтрализация правил шаблона (style.css / adaptiv.css) --- */
/* пропорция фото задаёт aspect-ratio, а не padding-top:81.8% на псевдоэлементе */
#content .services__items .services__img:before,
#content .services__items .services__img:after{content:none!important;display:none!important}
/* обводка и тень фото при наведении из шаблона не нужны: подсвечивается вся карточка */
#content .services__items .services__item:hover .services__img,
#content .services__items .services__item:focus-visible .services__img{
  border:0!important;outline:0!important;box-shadow:none!important;
}
/* ширины calc(33% - 20px) и calc(50% - 20px) из шаблона: ячейку задаёт сетка */
#content .services__items .holder-block,
#content .services__items .services__item{width:100%!important;max-width:none!important;margin:0!important;float:none!important}
#content .services__items .holder-block{width:auto!important}