/* =========================================================
   Стили страницы "Подуслуга"
   Построены на реальных CSS-переменных и utility-классах
   темы (var(--gray-light), var(--radius-xs), var(--sec-p),
   градиент #08A09C -> #404C7D и т.д.) — не переопределяем
   типографику/цвета/отступы, только добираем недостающее.
   ========================================================= */

/* ===== Hero (на базе .offer-inner) ===== */
.subservice-page .sub-hero-col{
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.subservice-page .sub-usp{
  color: rgba(37,36,36,.6);
  max-width: 480rem;
}
.subservice-page .sub-adv-list{
  margin-bottom: 32rem;
}
.subservice-page .sub-hero-ctas{
  display: flex;
  align-items: center;
  gap: 24rem;
  flex-wrap: wrap;
  margin-bottom: 32rem;
}
.subservice-page .sub-contacts{
  display: flex;
  align-items: center;
  gap: 24rem;
  flex-wrap: wrap;
  font-weight: 500;
  margin-bottom: 12rem;
}
.subservice-page .sub-contacts-item{
  display: flex;
  align-items: center;
  gap: 8rem;
  text-decoration: none;
  color: var(--black);
}
.subservice-page .sub-contacts-item svg{
  width: 16rem;
  height: 16rem;
  color: #08A09C;
}
.subservice-page .sub-contacts-muted{
  opacity: .5;
  font-weight: 400;
}
.subservice-page .sub-back-link{
  display: inline-block;
  margin-top: 4rem;
  opacity: .5;
  text-decoration: none;
  font-size: 14rem;
}
.subservice-page .sub-back-link:hover{ opacity: 1; }

/* ===== Быстрая заявка (CF7 внутри .sub-quick-form) ===== */
.subservice-page .sub-quick-form{
  border: 1px solid var(--gray-light);
  border-radius: var(--radius-xs);
  padding: 32rem 40rem;
  box-sizing: border-box;
  margin: 40rem 0;
}
@media (max-width: 1650px){
  .subservice-page .sub-quick-form{ padding: 24rem 32rem; }
}
@media (max-width: 991px){
  .subservice-page .sub-quick-form{ padding: 16rem; }
}
.subservice-page .sub-quick-form form.wpcf7-form{
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr)) auto;
  gap: 20rem;
  align-items: start;
}
.subservice-page .sub-quick-form form.wpcf7-form > label{
  display: block;
  min-width: 0;
  font-size: 13rem;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: .04em;
  opacity: .5;
  overflow-wrap: break-word;
}
.subservice-page .sub-quick-form .wpcf7-form-control-wrap{
  display: block;
  width: 100%;
  margin-top: 8rem;
}
.subservice-page .sub-quick-form .wpcf7-form-control{
  display: block;
  box-sizing: border-box;
  width: 100%;
  min-width: 0;
  border: 1px solid var(--gray-light);
  border-radius: var(--radius-xs);
  padding: 12rem 14rem;
  font-family: inherit;
  font-size: 15rem;
  color: var(--black);
}
.subservice-page .sub-quick-form .wpcf7-form-control.wpcf7-textarea{
  height: 46rem;
  min-height: 46rem;
  resize: vertical;
}
.subservice-page .sub-quick-form input[type="submit"].wpcf7-submit{
  display: inline-flex; align-items: center; justify-content: center;
  height: 46rem;
  background: linear-gradient(207.57deg, #08A09C 0%, #404C7D 100%);
  color: #fff; border: none; border-radius: var(--radius-xs);
  padding: 0 26rem; font-weight: 500; font-size: 15rem;
  cursor: pointer; white-space: nowrap; transition: opacity .2s ease;
}
.subservice-page .sub-quick-form input[type="submit"].wpcf7-submit:hover{ opacity: .85; }
.subservice-page .sub-quick-form .wpcf7-not-valid-tip{
  display: block; font-size: 12rem; font-weight: 400; color: #c0392b; margin-top: 4rem;
}
.subservice-page .sub-quick-form .wpcf7-response-output{
  grid-column: 1 / -1; margin: 10rem 0 0; font-size: 13rem; border-radius: var(--radius-xs); padding: 10rem 14rem;
}

/* ===== Когда нужен ===== */
.subservice-page .sub-when-grid{ align-items: stretch; }
.subservice-page .sub-when-list{ display: flex; flex-direction: column; gap: 14rem; }
.subservice-page .sub-when-list li{
  display: flex; align-items: flex-start; gap: 14rem;
  font-weight: 500;
  background: var(--white);
  border: 1px solid var(--gray-light);
  border-radius: var(--radius-xs);
  padding: 16rem 20rem;
}
.subservice-page .sub-when-num{
  flex: none;
  width: 26rem; height: 26rem;
  border-radius: 3rem;
  background: linear-gradient(207.57deg, #08A09C 0%, #404C7D 100%);
  color: #fff; font-size: 13rem; font-weight: 600;
  display: flex; align-items: center; justify-content: center;
}
.subservice-page .sub-note{
  height: 100%;
  box-sizing: border-box;
  background: var(--black);
  color: var(--white);
  border-radius: var(--radius-xs);
  padding: 32rem;
}
.subservice-page .sub-note .section-tag{ opacity: .6; }
.subservice-page .sub-note .section-tag:before{ background: #7fd6d6; }
.subservice-page .sub-note p{ margin: 0; opacity: .85; }

/* ===== Методы / Что проверяем / Что получает клиент:
   единая "бордерная" ячейка в стиле .services-item/.service-items-item ===== */
.subservice-page .sub-bordered-row{ --row-gap-y: 0; }
.subservice-page .sub-bordered-cell{
  height: 100%;
  box-sizing: border-box;
  border: 1px solid var(--gray-light);
  margin: -1px 0 0 -1px;
  padding: 32rem;
}
@media (max-width: 1650px){
  .subservice-page .sub-bordered-cell{ padding: 24rem; }
}
.subservice-page .sub-bordered-cell-white{
  display: flex;
  flex-direction: column;
  gap: 14rem;
}
.subservice-page .sub-cell-num{
  display: block;
  font-weight: 600;
  color: #08A09C;
  margin-bottom: 12rem;
}
.subservice-page .sub-bordered-cell h3{ margin-bottom: 8rem; }
.subservice-page .sub-bordered-cell p{ opacity: .6; margin: 0; }
.subservice-page .sub-cell-icon{
  width: 36rem; height: 36rem;
  border-radius: 3rem;
  background: var(--gray-low);
  color: #08A09C;
  display: flex; align-items: center; justify-content: center;
}
.subservice-page .sub-cell-icon svg{ width: 18rem; height: 18rem; }
.subservice-page .sub-cell-label{ font-weight: 500; }

/* ===== Таблица цен: небольшие правки под .accrordeon-table ===== */
.subservice-page .accrordeon-table td:last-child{ font-weight: 600; white-space: nowrap; }
.subservice-page .accrordeon-table td:nth-child(2),
.subservice-page .accrordeon-table td:nth-child(3){ opacity: .6; }

/* ===== Адаптив ===== */
@media (max-width: 991px){
  .subservice-page .sub-quick-form form.wpcf7-form{ grid-template-columns: 1fr 1fr; }
  .subservice-page .sub-quick-form input[type="submit"].wpcf7-submit{ grid-column: 1 / -1; width: 100%; }
  .subservice-page .sub-when-grid > [class*="col-"]{ margin-bottom: 20rem; }
}
@media (max-width: 576px){
  .subservice-page .sub-quick-form form.wpcf7-form{ grid-template-columns: 1fr; }
}

.section-header.steps-header {
text-align: left !important;
}