/* Страница услуги — макета не было; оформление собрано из утверждённых
   макетов: hero-сплит (about), список-строками (principles), карточки
   (cost guide), FAQ-аккордеон (get a quote), связанные блоки (гайды). */

.hero{min-height:700px;position:relative;overflow:hidden;border-bottom:1px solid var(--line)}
/* Фото на всю ширину и градиент как на главной (правка 26.09). */
.hero-photo{position:absolute;inset:0}
.hero-photo:before{
  content:"";position:absolute;inset:0;z-index:2;
  background:
    linear-gradient(90deg,rgba(5,5,5,.94) 0%,rgba(5,5,5,.82) 22%,rgba(5,5,5,.5) 40%,rgba(5,5,5,.12) 58%,rgba(5,5,5,0) 70%),
    linear-gradient(180deg,rgba(5,5,5,.35) 0%,rgba(5,5,5,0) 22%,rgba(5,5,5,0) 78%,rgba(5,5,5,.45) 100%);
}
.hero-photo .bam-ph{position:absolute;inset:0}
.hero-photo .bam-ph:not(.has-img){background:linear-gradient(135deg,#333,#0a0a0a)}
.hero-inner{min-height:700px;display:flex;align-items:center;position:relative;z-index:3}
.hero-copy{width:58%;padding:70px 0}
.hero-copy p{font-size:18px;color:#aaa;max-width:640px}
.hero-num{color:var(--gold);font-size:12px;letter-spacing:.2em}

/* Мета-полоса под hero */
.meta-bar{display:grid;grid-template-columns:repeat(3,1fr);border-bottom:1px solid var(--line);background:#080808}
.meta-bar div{padding:24px 30px;border-right:1px solid var(--line)}
.meta-bar div:last-child{border-right:0}
.meta-bar small{display:block;color:#777;text-transform:uppercase;letter-spacing:.12em;font-size:9px}
.meta-bar strong{display:block;margin-top:8px;font-size:17px;color:var(--gold)}

/* Обзор */
.overview{padding:110px 0}
.overview-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:75px}
.overview h2{font-size:clamp(30px,4.1vw,60px);line-height:1.02;letter-spacing:-.045em;margin:12px 0}
.overview-copy{border-left:1px solid var(--line);padding-left:48px}
.overview-copy p{color:#aaa;font-size:17px;margin-top:0}

/* Что входит */
.included{padding:110px 0;background:var(--panel);border-block:1px solid var(--line)}
.included-head{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px;align-items:end;margin-bottom:45px}
.included-head p{color:#999;max-width:620px;margin:0}
.inc-list{border-top:1px solid var(--line)}
.inc{display:grid;grid-template-columns:80px .8fr 1.2fr;gap:28px;padding:28px 0;border-bottom:1px solid var(--line);align-items:start}
.inc b{color:var(--gold);font-size:12px}
.inc h3{font-size:24px;margin:0}
.inc p{color:#8e8b84;margin:0}

/* Карточки-подсказки */
.notes{padding:105px 0}
.notes-grid{display:grid;grid-template-columns:repeat(3,1fr);margin-top:42px;border-top:1px solid var(--line)}
.note-card{padding:30px 28px 34px 0;border-right:1px solid var(--line);min-height:210px}
.note-card:not(:first-child){padding-left:28px}
.note-card:last-child{border-right:0}
.note-card small{color:var(--gold);font-size:11px;letter-spacing:.12em}
.note-card h3{font-size:21px;margin:48px 0 10px}
.note-card p{color:#85827b;font-size:14px;margin:0}

/* Процесс */
.process{padding:110px 0;background:var(--panel);border-block:1px solid var(--line)}
.steps{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);margin-top:42px}
.step{padding:32px 26px 28px 0;border-right:1px solid var(--line);min-height:260px}
.step:not(:first-child){padding-left:26px}
.step:last-child{border-right:0}
.step b{color:var(--gold);font-size:13px}
.step h3{font-size:23px;margin:70px 0 10px}
.step p{color:#999;margin:0;font-size:14px}

/* FAQ */
.faq{padding:110px 0}
.faq-grid{display:grid;grid-template-columns:.7fr 1.3fr;gap:75px}
.faq h2{font-size:clamp(30px,4.4vw,48px);line-height:1;margin:12px 0}
.questions{border-top:1px solid var(--line)}
.bam-acc{border-bottom:1px solid var(--line);padding:22px 0}
.bam-acc-head{font-size:18px;font-weight:700}
.bam-acc-head i{font-size:24px;line-height:1}
.bam-acc-body p{color:#929089;max-width:750px;margin:14px 0 0}

/* Другие услуги */
.others{padding:105px 0;background:var(--panel);border-block:1px solid var(--line)}
.others-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);margin-top:42px}
.other{background:var(--panel);padding:30px;min-height:180px;display:block;transition:background .25s ease}
.other small{color:var(--gold);letter-spacing:.12em}
.other h3{font-size:21px;margin:42px 0 0;transition:color .25s ease}
.other:hover{background:#0f0e0c}
.other:hover h3{color:var(--gold)}

@media(max-width:1000px){
  .hero-photo{inset:48% 0 0}
  .hero-photo:before{background:linear-gradient(180deg,#050505 0%,rgba(5,5,5,.55) 30%,rgba(5,5,5,.1) 65%,rgba(5,5,5,.3) 100%)}
  .hero-copy{width:100%;align-self:flex-start;padding-top:80px}
  .hero,.hero-inner{min-height:680px}
  .meta-bar{grid-template-columns:1fr}
  .meta-bar div{border-right:0;border-bottom:1px solid var(--line)}
  .overview-grid,.included-head,.faq-grid{grid-template-columns:1fr}
  .overview-copy{border-left:0;padding-left:0;border-top:1px solid var(--line);padding-top:30px}
  .inc{grid-template-columns:55px 1fr}
  .inc p{grid-column:2}
  .notes-grid,.steps,.others-grid{grid-template-columns:1fr 1fr}
  .note-card:nth-child(2n){border-right:0}
  .note-card:nth-child(2n+1){padding-left:0}
}
@media(max-width:650px){
  .display{font-size:44px}
  .overview,.included,.notes,.process,.faq,.others{padding:70px 0}
  .inc{grid-template-columns:40px 1fr;gap:14px}
  .inc h3{font-size:20px}
  .notes-grid,.steps,.others-grid{grid-template-columns:1fr}
  .note-card,.note-card:not(:first-child){padding:26px 0;border-right:0;border-bottom:1px solid var(--line);min-height:0}
  .note-card h3{margin-top:26px}
  .step,.step:not(:first-child){padding:28px 0;border-right:0;border-bottom:1px solid var(--line);min-height:auto}
  .step h3{margin-top:30px}
  .other{min-height:0;padding:24px}
  .other h3{margin-top:26px}
}