/* CarStile V57 • service-card layout, single canonical override loaded last. */
#services.services-v3 .cs-unified-services>.service-card:not(.cs-category-hidden){
  display:flex!important;flex-direction:column!important;
  height:auto!important;min-height:475px!important;max-height:none!important;
  overflow:hidden!important;
  background:#fff!important;border:1px solid #dedbd5!important;
  color:#151515!important;
  transform:none;
}
#services.services-v3 .cs-unified-services>.service-card.cs-category-hidden{display:none!important;}
#services.services-v3 .cs-unified-services>.service-card .service-media{
  position:relative!important;display:block!important;
  height:222px!important;min-height:222px!important;flex:0 0 222px!important;
  margin:0!important;padding:0!important;overflow:hidden!important;
  background:#141414!important;
}
#services.services-v3 .cs-unified-services>.service-card .service-media>a.service-image-link{
  display:block!important;position:absolute!important;inset:0!important;
  height:100%!important;width:100%!important;overflow:hidden!important;
}
#services.services-v3 .cs-unified-services>.service-card .service-media>a.service-image-link>img{
  display:block!important;position:absolute!important;inset:0!important;
  height:100%!important;width:100%!important;min-height:100%!important;max-height:none!important;
  object-fit:cover!important;
}
#services.services-v3 .cs-unified-services>.service-card .service-text{
  display:flex!important;flex-direction:column!important;flex:1 1 auto!important;
  min-width:0!important;min-height:0!important;height:auto!important;
  overflow:visible!important;
  background:#fff!important;color:#151515!important;
  padding:16px 20px 17px!important;
}
#services.services-v3 .cs-unified-services>.service-card .service-text .service-tag{
  display:block!important;flex:0 0 auto!important;
  font:800 10px/1.3 var(--body)!important;letter-spacing:.08em!important;
  color:#a87827!important;
}
#services.services-v3 .cs-unified-services>.service-card .service-text h4{
  display:block!important;position:relative!important;flex:0 0 auto!important;
  height:auto!important;min-height:0!important;max-height:none!important;
  margin:8px 0 8px!important;padding:0!important;overflow:visible!important;
  font:700 clamp(20px,1.7vw,25px)/1.14 var(--head)!important;
  text-transform:uppercase!important;
}
#services.services-v3 .cs-unified-services>.service-card .service-text h4 .service-title-link{
  position:relative!important;display:block!important;z-index:2!important;
  height:auto!important;line-height:inherit!important;padding:0!important;
  border:0!important;background:transparent!important;
  white-space:normal!important;color:#171717!important;
  text-decoration:none!important;
}
/* Card itself is clickable through app.js; no invisible overlay covering CTAs. */
#services.services-v3 .cs-unified-services>.service-card .service-title-link::after{
  content:none!important;display:none!important;
}
#services.services-v3 .cs-unified-services>.service-card .cs-v38-short{
  display:block!important;position:relative!important;flex:0 0 auto!important;
  height:auto!important;min-height:0!important;max-height:none!important;
  margin:0 0 12px!important;padding:0!important;
  font:450 12px/1.55 var(--body)!important;color:#625d55!important;
  overflow:visible!important;white-space:normal!important;
  -webkit-line-clamp:unset!important;line-clamp:unset!important;
}
#services.services-v3 .cs-unified-services>.service-card .service-text .service-bottom{
  display:grid!important;grid-template-columns:minmax(0,1fr)!important;
  grid-template-rows:auto auto!important;
  flex:0 0 auto!important;align-content:end!important;align-items:stretch!important;
  justify-content:stretch!important;
  height:auto!important;min-height:0!important;max-height:none!important;
  margin:auto 0 0!important;padding:0!important;gap:0!important;
  border:0!important;position:relative!important;z-index:4!important;
}
#services.services-v3 .cs-unified-services>.service-card .service-link-row,
#services.services-v3 .cs-unified-services>.service-card .service-book-row{
  display:flex!important;width:100%!important;min-width:0!important;
  align-items:center!important;justify-content:flex-end!important;
  position:relative!important;z-index:5!important;
}
#services.services-v3 .cs-unified-services>.service-card .service-link-row{
  min-height:29px!important;margin:0!important;padding:0!important;
}
#services.services-v3 .cs-unified-services>.service-card .service-book-row{
  min-height:50px!important;margin:10px 0 0!important;padding:11px 0 0!important;
  border-top:1px solid #e2ded7!important;
}
#services.services-v3 .cs-unified-services>.service-card .service-bottom .cs-card-arrow{
  display:inline-flex!important;align-items:center!important;justify-content:flex-end!important;
  flex:0 1 auto!important;position:relative!important;z-index:6!important;
  max-width:100%!important;width:auto!important;
  margin:0!important;padding:5px 0!important;border:0!important;
  white-space:normal!important;gap:7px!important;
  font:800 10px/1.3 var(--body)!important;color:#946a20!important;
  text-align:right!important;text-decoration:none!important;
}
#services.services-v3 .cs-unified-services>.service-card .service-bottom .cs-card-book{
  display:inline-flex!important;align-items:center!important;justify-content:center!important;
  flex:0 0 auto!important;position:relative!important;z-index:6!important;
  height:36px!important;min-height:36px!important;min-width:0!important;
  margin:0!important;padding:9px 13px!important;
  border:1px solid #d1a950!important;background:#dcb75f!important;color:#161616!important;
  font:800 10px/1.2 var(--body)!important;text-decoration:none!important;
  white-space:nowrap!important;pointer-events:auto!important;visibility:visible!important;
}
#services.services-v3 .cs-unified-services>.service-card .service-bottom .cs-card-book:hover,
#services.services-v3 .cs-unified-services>.service-card .service-bottom .cs-card-book:focus-visible{
  background:#f0c96d!important;
}
/* Camera itself and hands are visible, rather than tightly cropped car body. */
#services.services-v3 .cs-unified-services>.service-card[data-service-name="Установка камеры заднего вида"] .service-media img{
  object-position:70% 51%!important;transform:scale(1.08)!important;transform-origin:70% 51%!important;
}
@media(max-width:760px){
  #services.services-v3 .cs-unified-services>.service-card:not(.cs-category-hidden){
    height:auto!important;min-height:418px!important;max-height:none!important;
  }
  #services.services-v3 .cs-unified-services>.service-card .service-media{
    height:208px!important;min-height:208px!important;flex-basis:208px!important;
  }
  #services.services-v3 .cs-unified-services>.service-card .service-text{
    padding:14px 16px 15px!important;
  }
  #services.services-v3 .cs-unified-services>.service-card .service-text h4{
    font-size:21px!important;line-height:1.13!important;margin:7px 0 7px!important;
  }
  #services.services-v3 .cs-unified-services>.service-card .cs-v38-short{
    font-size:11.5px!important;line-height:1.5!important;margin-bottom:12px!important;
  }
  #services.services-v3 .cs-unified-services>.service-card .service-book-row{
    min-height:46px!important;padding-top:9px!important;margin-top:9px!important;
  }
  #services.services-v3 .cs-unified-services>.service-card .service-bottom .cs-card-arrow{
    font-size:9.5px!important;
  }
}


/* V61 — mobile cards use nearly the whole section width; arrows overlay the photo. */
@media screen and (max-width:760px){
  #services > .container{
    width:calc(100% - 24px)!important;
    max-width:none!important;
  }
  #services .cs-services-slider.site-slider-stage{
    padding:0 0 26px!important;
    width:100%!important;
    overflow:visible!important;
  }
  #services .cs-unified-services.site-slider-track{
    width:100%!important;
    max-width:100%!important;
    margin:0!important;
    padding:2px 0 9px!important;
    scroll-padding-left:0!important;
    scroll-padding-right:0!important;
    gap:10px!important;
  }
  #services.services-v3 .cs-unified-services > .service-card{
    flex:0 0 100%!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    scroll-snap-align:start!important;
  }
  #services .cs-services-slider > .site-slider-controls .site-slider-button{
    position:absolute!important;
    z-index:8!important;
    top:112px!important;
    width:35px!important;
    height:44px!important;
    transform:translateY(-50%)!important;
    opacity:1;
    pointer-events:auto!important;
    box-shadow:0 5px 15px rgba(0,0,0,.18)!important;
  }
  #services .cs-services-slider > .site-slider-controls .site-slider-button.prev{
    left:4px!important;
  }
  #services .cs-services-slider > .site-slider-controls .site-slider-button.next{
    right:4px!important;
  }
  #services .price-disclaimer{
    margin-left:4px!important;
    margin-right:4px!important;
  }
}