/* ===== СЕРВИСЫ: хиро ===== */
.srv-hero{
  background: #fff;
  padding: 34px 0 16px;
}
.srv-hero--detail{
  background-image: linear-gradient(0deg, rgba(255,255,255,.85), #fff), var(--bg);
  background-size: cover;
  background-position: center;
  padding: 34px 0 16px;
}
.srv-hero h1{ margin: 0 0 8px; }

/* ===== Сетка карточек ===== */
.srv-grid{ padding: 10px 0 28px; }
.srv-cards{
  display: grid;
  grid-template-columns: repeat(3, minmax(220px, 1fr));
  gap: 16px;
}
.srv-card:last-child {
  grid-column: 2
}

@media (max-width: 980px){
  .srv-cards{ grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 620px){
  .srv-cards{ grid-template-columns: 1fr; }
}


.srv-card{
  border: 1px solid #eef2f7;
  border-radius: 14px;
  background: #fff;
  overflow: hidden;
  transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}
.srv-card:hover{
  transform: translateY(-2px);
  border-color: var(--brand-red);
  box-shadow: 0 15px 20px rgba(72,83,139,0.6);
}
.srv-card__link{ color: inherit; text-decoration: none; display: grid; grid-template-rows: 160px 1fr; }
.srv-card__media{
  background-image: var(--bg);
  background-size: cover;
  background-position: center;
  position: relative;
}
.srv-card__icon{
  position: absolute; left: 12px; bottom: 12px;
  width: 40px; height: 40px; border-radius: 10px;
  display: grid; place-items: center;
  font-size: 20px;
}
.srv-card__body{ padding: 12px; display: grid; gap: 6px; }
.srv-card__title{ margin: 0; font-weight: 800; }
.srv-card__desc{ margin: 0; color: #6b7280; height: 90px}
.srv-card__more{ color: var(--brand-red); font-weight: 700; }

/* ===== Детальная ===== */
.srv-detail{ padding: 16px 0 32px; }
.srv-detail__grid{
  display: grid; gap: 18px;
  grid-template-columns: 1fr 300px;
}
@media (max-width: 980px){ .srv-detail__grid{ grid-template-columns: 1fr; } }

.srv-bullets{ margin: 8px 0 18px; padding-left: 1.1em; padding-bottom: 20%}
.srv-bullets li{ margin: 6px 0; }

/* Прайс */
.price{
  width: 100%;
  border-collapse: collapse;
  overflow: hidden;
  border-radius: 12px;
  border: 1px solid #e7efff;
}
.price th, .price td{ padding: 10px 12px; }
.price thead th{
  background: var(--brand-blue);
  color: #fff;
  text-align: left;
}
.price tbody tr:nth-child(odd){ background: #fbfdff; }

/* CTA */
.srv-price__cta{ margin-top: 12px; }
.btn{
  display: inline-block; cursor: pointer; user-select: none;
  padding: 10px 14px; border-radius: 10px; text-decoration: none;
  font-weight: 700;
}
.btn-primary{ background: linear-gradient(90deg, #e53935, #ff6f00, #1e55ff); color: #fff; }
.btn-primary:hover{ filter: brightness(1.05); }
#rentBtn{ border: 1px solid #e7efff; color: #ffffff; background: var(--brand-red); }
#rentBtn:hover{ border-color: #1e55ff33; box-shadow: 0 8px 22px rgba(30,85,255,.10); background: #831a31}

/* Боковая карточка */
.srv-aside-card{
  border: 1px solid #eef2f7; background: #fff;
  border-radius: 14px; padding: 14px; display: grid; gap: 8px;
}
.srv-aside-card__icon{
  width: 42px; height: 42px; border-radius: 12px;
  display: grid; place-items: center;
  font-size: 22px;
}
.srv-aside-card__title{ font-weight: 800; }
.srv-aside-card__desc{ color: #6b7280; }