/* ═══════════════════════════════════════════════════════════
   Центр скупки золота — вёрстка по макету Figma (1200 px)
   Все координаты и размеры взяты из файла Figma 1:1
   ═══════════════════════════════════════════════════════════ */

:root{
  --navy:#12213F;
  --gold:#F5CA1F;
  --line:#072E69;
  --grey:#A1A4AC;
}

*{margin:0;padding:0;box-sizing:border-box}

html{-webkit-text-size-adjust:100%}

body{
  background:var(--navy);
  font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;
  font-optical-sizing:none;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  font-synthesis-weight:none;
}

img{display:block;border:0}
a{text-decoration:none;color:inherit}
button,input,select,textarea{font:inherit;color:inherit;background:none;border:0;outline:0}
button{cursor:pointer}
ul{list-style:none}

.page{width:1200px;margin:0 auto;position:relative;overflow-x:clip}

/* общий приём: секции — холсты фиксированной высоты, дети позиционируются абсолютно */
.page > section,.page > footer{position:relative;width:1200px}
.page > section > *,.page > footer > *{position:absolute}


/* ═══════════════ SITE 1 — HERO (1200×784) ═══════════════ */
.s1{height:784px;background:#fff;overflow:hidden}

.s1-bg{left:-52px;top:-19px;width:1304px;height:822px;object-fit:cover}

.s1-glass{
  left:49px;top:73px;width:1101px;height:682px;border-radius:20px;
  background:rgba(18,33,63,.5);
  -webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);
}

/* — шапка — */
.s1-head{left:0;top:0;width:1200px;height:73px}
.s1-head > *{position:absolute}
.s1 .s1-head{position:fixed;left:50%;top:0;transform:translateX(-600px);z-index:1000;background:var(--navy)}

@media (min-width:1025px){
  html{scroll-padding-top:73px}
}

.s1-logo{left:59.2px;top:13px;font-size:15px;line-height:18.2px;font-weight:900;color:#fff;white-space:nowrap;text-align:center}
.s1-logo-gold{display:block;font-size:26px;line-height:29.5px}

.s1-nav a{
  position:absolute;top:33.3px;
  font-size:13.0584px;line-height:15.8px;font-weight:500;color:#FAFAFA;white-space:nowrap;
  transition:color .18s;
}
.s1-nav a:hover{color:var(--gold)}

.s1-cta{
  left:996px;top:20px;width:170px;height:42px;border-radius:20px;
  background:var(--gold);color:var(--navy);
  font-size:13.0584px;line-height:15.8px;font-weight:900;
  display:flex;align-items:center;justify-content:center;
  transition:filter .18s,transform .18s;
}
.s1-cta:hover{filter:brightness(1.07);transform:translateY(-1px)}

/* — левая колонка — */
.s1-title{
  left:81px;top:148px;width:504px;
  font-size:48.7768px;line-height:53.7px;font-weight:900;letter-spacing:0;color:#F5F5F5;
}
.s1-title i{font-style:normal;color:var(--gold)}

.s1-badge{
  left:84px;top:324px;width:400px;height:48px;
  border:3px solid var(--gold);border-radius:20px;
}
.s1-badge img{position:absolute;left:14.6px;top:13.6px}
.s1-badge span{
  position:absolute;left:39.9px;top:10.3px;
  font-size:19.5882px;line-height:23.5px;font-weight:700;color:#fff;white-space:nowrap;
}
.s1-badge i{font-style:italic;font-weight:900}

.s1-lead{
  left:84px;top:391px;width:508px;
  font-size:16.9883px;line-height:20.6px;font-weight:500;color:#fff;
}

.s1-checks li{
  position:absolute;left:126.3px;top:var(--ty);
  font-size:18.172px;line-height:22px;font-weight:700;color:#fff;white-space:nowrap;
}
.s1-checks li::before{
  content:'';position:absolute;left:-42.3px;top:calc(var(--iy) - var(--ty));
  width:32.8px;height:32.8px;
  background:url(assets/icons/ico-check.svg) no-repeat center/contain;
}

/* — калькулятор — */
.page .calc{
  left:632px;top:113px;width:486.1px;height:613.7px;
  background:#fff;border-radius:17.238px;
}
.page .calc > *{position:absolute}

.page .calc-t{left:44.8px;top:29.3px;font-size:21.6242px;line-height:26.2px;font-weight:700;color:var(--navy);white-space:nowrap}
.page .calc-s{left:45.8px;top:59.6px;font-size:14.092px;line-height:17.1px;font-weight:500;color:var(--navy);white-space:nowrap}
.page .calc-l{left:44.8px;font-size:14.092px;line-height:17.1px;font-weight:500;color:var(--navy);white-space:nowrap}
.page .calc-f{left:40.5px;width:405.1px;height:49.1px;background:var(--navy);border-radius:17.238px}

.page .calc-proba{
  left:58.6px;top:138.8px;padding:0;width:380px;height:29.1px;
  font-size:24.0087px;line-height:29.1px;font-weight:700;font-style:italic;color:var(--gold);
  -webkit-appearance:none;appearance:none;cursor:pointer;
}
.page .calc-proba option{color:#fff;background:var(--navy);font-style:normal}

.page .calc-weight{
  left:58.6px;top:236.5px;width:380px;height:26px;
  font-size:22px;line-height:26px;font-weight:700;color:#fff;
}
.page .calc-ph{
  left:58.6px;top:236.5px;pointer-events:none;
  font-size:22px;line-height:26px;font-weight:700;color:rgba(255,255,255,.5);
}
.page .calc-ph i{font-style:italic;font-weight:700}

.page .calc-res{left:40.5px;top:299.9px;width:405.1px;height:177.6px;background:var(--navy);border-radius:17.238px}
.page .calc-res > *{position:absolute}
.page .calc-res-t{left:18.1px;top:25px;font-size:21.6242px;line-height:26.2px;font-weight:700;color:#fff;white-space:nowrap}
.page .calc-sum{
  left:18.1px;top:66px;display:flex;align-items:flex-start;gap:3px;
  max-width:369px;transform-origin:left top;transition:transform .15s ease;
}
.page .calc-sum span{font-size:60px;line-height:73px;font-weight:500;color:var(--gold);-webkit-text-stroke:2.4px var(--gold);white-space:nowrap}
.page .calc-sum b{font-size:56.7px;line-height:69px;font-weight:700;color:var(--gold);margin-top:4.5px}
.page .calc-date{left:19px;top:151.7px;font-size:9.8045px;line-height:11.9px;font-weight:500;color:#fff;white-space:nowrap}

.page .calc-note{left:47px;top:496.5px;width:393px;text-align:center;font-size:9.8045px;line-height:11.9px;font-weight:500;color:var(--navy)}

.page .calc-btn{
  left:41px;top:534px;width:405px;height:53px;border-radius:17.238px;
  background:var(--gold);color:#072E69;
  font-size:21.6242px;line-height:26.2px;font-weight:700;
  display:flex;align-items:center;justify-content:center;
  transition:filter .18s,transform .18s;
}
.page .calc-btn:hover{filter:brightness(1.07);transform:translateY(-1px)}


/* ═══════════════ SITE 3 — ЦЕНЫ (1200×598) ═══════════════ */
.s3{height:598px;background:var(--navy)}

.s3-h{left:50px;top:46px;width:469px;font-size:48.7768px;line-height:53.7px;font-weight:900;color:#F5F5F5}
.s3-h i{font-style:italic;color:var(--gold)}

.s3-upd{left:50px;top:165px;font-size:22.3258px;line-height:27px;font-weight:500;color:#fff;white-space:nowrap}
.s3-sub{left:50px;top:207px;width:463px;font-size:22.3258px;line-height:27.6px;font-weight:700;color:#fff}
.s3-sub i{font-style:italic}

.s3-i1{left:50px;top:294px}
.s3-i2{left:50px;top:376.9px}
.s3-i3{left:50.8px;top:450.5px}
.s3-i4{left:57.9px;top:463.5px}

.s3-ft{left:112px;font-size:17.2982px;line-height:20.9px;font-weight:700;color:#fff;white-space:nowrap}
.s3-fd{left:112px;font-size:17.2982px;line-height:20.9px;font-weight:500;color:#fff}

.s3-card{left:618px;top:50px;width:531.9px;height:498px;background:#fff;border-radius:16.939px}
.s3-card > *{position:absolute}

.s3-hi{left:.3px;top:134.7px;width:531.9px;height:70.3px;background:var(--gold)}
.s3-line{left:30px;width:472px;height:1.694px;background:var(--line)}

.s3-th{font-size:18.9086px;line-height:22.9px;font-weight:700;color:var(--navy);white-space:nowrap}
.s3-p,.s3-v{font-size:40.1853px;line-height:48.6px;font-weight:700;color:var(--navy);white-space:nowrap}
.s3-t{font-size:39.7944px;line-height:48.2px;font-weight:900;color:var(--navy)}
.s3-do{font-size:18.9086px;line-height:22.9px;font-weight:500;color:var(--navy)}
.s3-ot{font-size:21.3258px;line-height:25.8px;font-weight:500;color:var(--navy);white-space:nowrap}
.s3-arr{left:187px;top:383.665px}
.s3-note{left:30px;top:421.3px;width:474px;text-align:center;font-size:18.9086px;line-height:22.9px;font-weight:500;color:var(--navy)}


/* ═══════════════ SITE 4 — ЧТО ПРИНИМАЕМ (1200×738) ═══════════════ */
.s4{height:738px;background:var(--navy)}

.s4-watch{left:715px;top:-84px;width:377px;height:377px}
.s4-ring{left:69.5px;top:234px;width:215.3px;height:271.3px;z-index:2}

.s4-h{left:50px;top:46px;width:652px;font-size:48.78px;line-height:53.7px;font-weight:900;color:#fff}
.s4-h i{font-style:italic;color:var(--gold)}

.s4-card{left:331px;top:303.6px;width:258.4px;height:151.8px;background:#fff;border-radius:16.776px}
.s4-c1{left:51px;top:303.6px;width:258.4px;height:340.6px;background:var(--gold)}

.s4-t7{font-size:18.727px;line-height:22.7px;font-weight:700;color:var(--navy);text-align:center;z-index:3}
.s4-d7{font-size:18.727px;line-height:22.7px;font-weight:500;color:var(--navy);text-align:center;z-index:3}


/* ═══════════════ SITE 5 — ЭТАПЫ СДЕЛКИ (1200×912) ═══════════════ */
.s5{height:912px;background:var(--navy)}

.s5-scales{left:757px;top:-197px;width:494.6px;height:449.1px}

.s5-h{left:50px;top:42px;width:569px;font-size:48.78px;line-height:53.7px;font-weight:900;color:#fff;white-space:nowrap}
.s5-h i{font-style:italic;color:var(--gold)}
.s5-sub{left:50px;top:118px;width:856px;font-size:20px;line-height:22px;font-weight:700;color:#fff}

.s5-card{width:508px;background:#fff;border-radius:16.762px}

.s5-dash{
  width:2.514px;
  background:repeating-linear-gradient(to bottom,var(--navy) 0 5.0287px,transparent 5.0287px 10.0575px);
}

.s5-t{font-size:40.4875px;line-height:44.5px;font-weight:900;color:var(--navy);white-space:nowrap}
.s5-st{font-size:16.7625px;line-height:18.4px;font-weight:700;color:var(--navy);white-space:nowrap}
.s5-sh{font-size:16.7625px;line-height:18.4px;font-weight:700;color:var(--navy);white-space:nowrap}
.s5-sd{font-size:17.45px;line-height:21.1px;font-weight:500;color:var(--navy)}

.s5-n{width:77.1px;height:77.1px;border-radius:50%;background:var(--gold)}
.s5-n-d{background:var(--navy)}
.s5-nt{font-size:40.4875px;line-height:44.5px;font-weight:900;color:#000}
.s5-nt-w{color:#fff}

.s5-btn{
  width:346.1px;height:55.3px;border-radius:16.762px;background:var(--gold);color:#fff;
  font-size:21.0277px;line-height:25.4px;font-weight:700;
  display:flex;align-items:center;justify-content:center;
  transition:filter .18s,transform .18s;
}
.s5-btn:hover{filter:brightness(1.07);transform:translateY(-1px)}
.s5-btn-d{background:var(--navy)}
.s5-b1{left:132px;top:713px}
.s5-b2{left:132px;top:780px}
.s5-b3{left:724px;top:745px}


/* ═══════════════ SITE 6 — ОТЗЫВЫ (1200×912) ═══════════════ */
.s6{height:912px;background:var(--navy)}

.s6-2gis{left:747px;top:-103px;width:365px;height:365px;border-radius:20px}

.s6-h{left:50px;top:50px;width:622px;font-size:48.78px;line-height:53.7px;font-weight:900;color:#fff;white-space:nowrap}
.s6-h i{font-style:italic;color:var(--gold)}

.s6-score{left:51px;top:119px;font-size:64.3631px;line-height:70.8px;font-weight:900;color:var(--gold)}
.s6-stars{left:68px;top:191px;display:flex}
.s6-rt{left:227px;top:121px;width:278px;font-size:20px;line-height:23px;font-weight:700;color:#fff}
.s6-rt i{font-style:italic;font-weight:900;color:var(--gold)}

.s6-fr{left:50px;top:245px;width:471px;height:520px;background:var(--gold);border-radius:20px}
.s6-im{left:58.6px;top:257px;width:453.3px;height:499.6px;border-radius:17.107px}
.s6-w{background:#fff;border-radius:20px}
.s6-is{position:absolute;border-radius:17.107px}

.s6-bar{left:547.2px;top:677px;width:600.8px;height:88px;background:#fff;border-radius:16.923px}
.s6-bt{left:565.8px;top:693px;width:241.2px;font-size:16.9231px;line-height:19.5px;font-weight:700;color:var(--navy)}
.s6-btn{
  left:876px;top:693px;width:253.8px;height:55.8px;border-radius:16.923px;
  background:var(--gold);color:#fff;font-size:21.2292px;line-height:25.7px;font-weight:700;
  display:flex;align-items:center;justify-content:center;
  transition:filter .18s,transform .18s;
}
.s6-btn:hover{filter:brightness(1.07);transform:translateY(-1px)}


/* ═══════════════ SITE 7 — ВОПРОСЫ (1200×655) ═══════════════ */
.s7{min-height:655px;background:var(--navy);transition:min-height .28s ease}

.s7-h{left:48px;top:43px;width:713px;font-size:48.78px;line-height:53.7px;font-weight:900;color:#fff;white-space:nowrap}
.s7-h i{font-style:italic;color:var(--gold)}

.s7-col{width:508.5px}
.s7-col > *{position:static}

.faq{
  --pt:28px;--pb:28px;--pl:24px;--g1:20px;--g2:20px;--iy:25px;--ir:34px;
  position:relative;background:#fff;border-radius:16.837px;
  padding:var(--pt) 0 var(--pb) var(--pl);
  margin-bottom:24px;
}
.s7-col .faq:last-child{margin-bottom:0}
.faq-q{
  display:block;width:100%;text-align:left;padding-right:70px;
  font-size:16.8373px;line-height:19.4px;font-weight:700;color:var(--navy);
}
.faq-q span{display:block;max-width:var(--qw,none)}
.faq-i{
  position:absolute;right:var(--ir);top:var(--iy);
  width:25.3px;height:25.3px;border-radius:50%;background:var(--grey);
  display:flex;align-items:center;justify-content:center;font-style:normal;
  transition:background .2s;
}
.faq-i::before{content:'+';font-size:23.8528px;line-height:1;font-weight:700;color:#fff;margin-top:-1px}
.faq.is-open .faq-i{background:var(--gold)}
.faq.is-open .faq-i::before{content:'−';font-size:33.4738px;font-weight:400;color:var(--navy);margin-top:-4px}

.faq-b{display:grid;grid-template-rows:0fr;transition:grid-template-rows .28s ease}
.faq.is-open .faq-b{grid-template-rows:1fr}
.faq-c{
  overflow:hidden;
  font-size:18.7953px;line-height:22.7px;font-weight:500;color:var(--navy);
}
/* разделитель + отступы вокруг него */
.faq-sep{display:block;height:.8419px;width:459.7px;background:#000;margin-top:var(--g1);margin-bottom:var(--g2)}


/* ═══════════════ SITE 8 — КОНТАКТЫ (1200×1184, 2 отделения) ═══════════════ */
.s8{height:1220px;background:var(--navy)}

.s8-h{left:50px;top:42px;width:762px;font-size:48.78px;line-height:53.7px;font-weight:900;color:#fff;white-space:nowrap}
.s8-h i{font-style:italic;color:var(--gold)}

/* — карточка отделения (адрес + мини-карта + маршрут) — */
.off{width:536px;height:448px;background:#fff;border-radius:20px}
.off > *{position:absolute}

.off-pin{left:28px;top:25.5px}
.off-addr{
  left:60px;top:26px;width:448px;
  font-size:21px;line-height:26px;font-weight:800;color:var(--navy);white-space:nowrap;
}
.off-map{left:28px;top:84px;display:block;border-radius:14px;overflow:hidden}
.off-map img{width:480px;height:268px;object-fit:cover;display:block;transition:transform .3s}
.off-map:hover img{transform:scale(1.03)}

.off-btn{
  left:28px;top:372px;width:480px;height:48px;border-radius:14px;
  background:var(--gold);color:#fff;
  font-size:18px;line-height:22px;font-weight:700;
  display:flex;align-items:center;justify-content:center;
  transition:filter .18s,transform .18s;
}
.off-btn:hover{filter:brightness(1.07);transform:translateY(-1px)}

/* — общие контакты (телефон, часы, WhatsApp, Instagram) для всех отделений — */
.sc{width:1100px;height:176px;background:#fff;border-radius:20px}
.sc > *{position:absolute}

.sc-lab{left:40px;top:26px;font-size:14px;line-height:17px;font-weight:700;color:var(--navy);text-transform:uppercase;letter-spacing:.04em}
.sc-phone{left:40px;top:48px;font-size:32px;line-height:37px;font-weight:800;color:var(--navy);white-space:nowrap}
.sc-hours{left:40px;top:88px;font-size:16px;line-height:20px;font-weight:600;color:var(--navy)}

.sc-wa,.sc-inst{
  top:58px;height:60px;border-radius:14px;color:#fff;
  font-size:18px;line-height:22px;font-weight:700;
  display:flex;align-items:center;justify-content:center;text-align:center;gap:12px;
  transition:filter .18s,transform .18s;
}
.sc-wa:hover,.sc-inst:hover{filter:brightness(1.3);transform:translateY(-1px)}

.sc-wa{left:440px;width:250px;background:var(--navy)}
.sc-inst{left:730px;width:330px;background:var(--navy)}
.sc-inst img{filter:brightness(0) invert(1)}
.sc-inst span{font-size:18px;line-height:22px;font-weight:700;color:#fff;white-space:nowrap}

.s8-form{left:50px;top:830px;width:1099.6px;height:338.6px;background:#fff;border-radius:18.606px}
.s8-form > *{position:absolute}
.s8-fh{left:40.9px;top:82.8px;width:453px;font-size:47.7295px;line-height:54.9px;font-weight:900;color:var(--navy)}
.s8-fh i{font-style:italic;color:var(--gold)}
.s8-fs{left:40.9px;top:200.9px;width:505.2px;font-size:23.6058px;line-height:27.1px;font-weight:700;color:var(--navy)}

.page .s8-in{
  left:609.4px;width:441px;height:69.8px;border-radius:18.606px;background:var(--navy);
  padding:0 24.1px;color:#fff;font-size:19.7740px;font-weight:500;
}
.page .s8-in::placeholder{color:rgba(255,255,255,.5)}
.page .s8-in:nth-of-type(1){top:35.3px}
.page .s8-in-p{top:132.1px;font-size:29.7733px}
.page .s8-in.is-bad{box-shadow:0 0 0 2px #e5484d}

.s8-sub{
  left:609px;top:228.6px;width:441px;height:69.8px;border-radius:18.606px;
  background:var(--gold);color:#fff;font-size:23.3408px;line-height:28.2px;font-weight:700;
  transition:filter .18s,transform .18s;
}
.s8-sub:hover{filter:brightness(1.07);transform:translateY(-1px)}
.page .s8-msg{left:609px;top:305px;width:441px;font-size:14px;line-height:18px;font-weight:500;color:var(--navy)}

.success-modal{
  position:fixed;inset:0;z-index:1000;padding:20px;
  display:flex;align-items:center;justify-content:center;
  background:rgba(18,33,63,.72);
  -webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);
  animation:successFade .2s ease;
}
.success-modal[hidden]{display:none}
.success-modal-card{
  position:relative;background:#fff;border-radius:24px;padding:48px 40px;
  max-width:420px;width:100%;text-align:center;
  box-shadow:0 24px 64px rgba(0,0,0,.35);
  animation:successPop .25s cubic-bezier(.2,.9,.3,1.2);
}
.success-modal-ico{margin:0 auto 20px;display:block}
.success-modal-title{font-size:28px;line-height:32px;font-weight:900;color:var(--navy);margin-bottom:12px}
.success-modal-text{font-size:17px;line-height:23px;font-weight:500;color:var(--navy);opacity:.7;margin-bottom:28px}
.success-modal-close{
  display:inline-flex;align-items:center;justify-content:center;
  background:var(--gold);color:#fff;font-size:17px;font-weight:700;
  border-radius:14px;padding:14px 36px;
  transition:filter .18s,transform .18s;
}
.success-modal-close:hover{filter:brightness(1.07);transform:translateY(-1px)}
@keyframes successFade{from{opacity:0}to{opacity:1}}
@keyframes successPop{from{transform:scale(.92);opacity:0}to{transform:scale(1);opacity:1}}


/* ═══════════════ SITE 9 — ПОДВАЛ (1200×511) ═══════════════ */
.s9{height:511px;background:var(--navy)}

.s9-logo{left:50px;top:50px;width:304px;font-size:23.9843px;line-height:27.6px;font-weight:800;color:#fff}
.s9-about{left:50px;top:91.8px;width:311px;font-size:21.193px;line-height:24.4px;font-weight:500;color:#fff}
.s9-th{font-size:21.193px;line-height:24.4px;font-weight:700;color:#fff;white-space:nowrap}
.s9-nav a,.s9-l{position:absolute;font-size:21.193px;line-height:24.4px;font-weight:500;color:#fff;white-space:nowrap;transition:color .18s}
.s9-l[style*="width"]{white-space:normal}
.s9-nav a:hover,.s9-l:hover{color:var(--gold)}
.s9-x{font-size:21.193px;line-height:24.4px;font-weight:500;color:#fff}
.s9-hr{left:50px;top:360.28px;width:1100px;height:.8352px;background:#fff}
.s9-cp{left:50px;top:398.3px;width:392px;font-size:25.6975px;line-height:29.6px;font-weight:800;color:#fff}
.s9-dis{left:539.7px;top:400px;width:605px;text-align:right;font-size:15px;line-height:18.5px;font-weight:500;color:#fff}

/* ── переносы строк ровно там, где они заданы в макете ────────
   (Google-версия Inter чуть шире фигмовской — без этого
   некоторые строки уезжали бы на лишнюю строку)            */
.s1-title,.s1-lead,.calc-note,
.s3-h,.s3-sub,.s3-fd,.s3-note,
.s4-h,.s4-t7,.s4-d7,
.s5-sub,.s5-sd,
.s6-rt,
.s8-fh,
.s9-about,.s9-x,.s9-cp,.s9-dis,
.faq-c p{white-space:nowrap}

/* эти три блока в макете переносятся автоматически — оставляем как есть */

/* ═══════════════════════════════════════════════════════════
   МОБИЛЬНАЯ ВЕРСИЯ (375px) — по макету Figma, фреймы Frame 18-25.
   Тот же приём, что и в десктопе: каждая секция — холст
   фиксированной высоты на 375px, дети позиционируются абсолютно;
   секции между собой идут обычным потоком (просто друг под другом).
   ═══════════════════════════════════════════════════════════ */

.page-m{width:375px;max-width:100%;margin:0 auto;position:relative;overflow-x:clip;display:none}
.page-m > section,.page-m > footer{position:relative;width:375px}
.page-m > section > *,.page-m > footer > *{position:absolute}

@media (max-width:1024px){
  .page{display:none}
  .page-m{display:block}
  html{scroll-padding-top:56px}
}

/* ── M1 — HERO (375×479) ── */
.m1{height:465px;background:#fff;overflow:hidden}
.m1-bg{left:-30px;top:-30px;width:435px;height:525px;object-fit:cover}
.m1-glass{
  left:13px;top:56px;width:350px;height:398px;border-radius:20px;
  background:rgba(18,33,63,.5);
  -webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);
}

.m1-head{left:0;top:0;width:375px;height:56px}
.m1-head > *{position:absolute}
.m1 .m1-head{position:fixed;left:50%;top:0;transform:translateX(-187.5px);z-index:1000;background:var(--navy)}
.m1-logo{
  left:28px;top:10px;font-size:12px;line-height:14.6px;font-weight:900;color:#fff;white-space:nowrap;
}
.m1-logo-gold{display:block;font-size:19px;line-height:22px;color:var(--gold)}

.m1-burger{right:28px;top:20px;width:19.33px;height:15px}
.m1-burger span{
  position:absolute;left:0;width:19.33px;height:2.2px;background:var(--gold);border-radius:2px;
}
.m1-burger span:nth-child(1){top:0}
.m1-burger span:nth-child(2){top:6.4px}
.m1-burger span:nth-child(3){top:12.8px}

.m1-nav{
  left:13px;top:66px;width:349px;background:var(--navy);border-radius:0 0 16px 16px;
  padding:8px 0 12px;display:flex;flex-direction:column;z-index:5;
}
.m1-nav a{
  padding:10px 28px;font-size:14px;font-weight:600;color:#fff;
}
.m1-nav[hidden]{display:none}

.m1-title{
  left:28px;top:84px;width:320px;white-space:nowrap;
  font-size:32.4px;line-height:35.6px;font-weight:800;letter-spacing:0;color:#F5F5F5;
}
.m1-title i{font-style:italic;font-weight:800;color:var(--gold)}

.m1-badge{
  left:24px;top:205px;width:auto;max-width:328px;height:34px;
  border:2px solid var(--gold);border-radius:17px;padding:0 12px;
  display:flex;align-items:center;gap:8px;
}
.m1-badge img{flex:0 0 auto}
.m1-badge span{font-size:16px;line-height:19.3px;font-weight:700;color:#fff;white-space:nowrap}
.m1-badge i{font-style:italic;font-weight:900}

.m1-lead{
  left:28px;top:254px;width:310px;
  font-size:10.5px;line-height:12.6px;font-weight:400;color:#fff;
}

.m1-checks{left:0;top:0;width:375px;height:1px}
.m1-checks li{
  position:absolute;left:55px;width:270px;
  font-size:11.4px;line-height:13.8px;font-weight:700;color:#fff;
}
.m1-checks li::before{
  content:'';position:absolute;left:-27px;top:-1.5px;
  width:21px;height:21px;
  background:url(assets/icons/ico-check.svg) no-repeat center/contain;
}
.m1-checks li:nth-child(1){top:303px}
.m1-checks li:nth-child(2){top:332px}
.m1-checks li:nth-child(3){top:362px}
.m1-checks li:nth-child(4){top:392px}
.m1-checks li:nth-child(5){top:421px}

/* ── M2 — КАЛЬКУЛЯТОР (375×452) ── */
.m2{height:452px;background:var(--navy)}
.m2-card{left:16px;top:9px;width:344.58px;height:435px;background:#fff;border-radius:12.2px}
.m2-card > *{position:absolute}

.m2-t{left:32px;top:21px;font-size:15.3px;line-height:18.6px;font-weight:700;color:var(--navy);white-space:nowrap}
.m2-s{left:32px;top:42px;font-size:10px;line-height:12.1px;font-weight:500;color:var(--navy);white-space:nowrap}
.m2-l{left:32px;font-size:10px;line-height:12.1px;font-weight:500;color:var(--navy);white-space:nowrap}
.m2-f{left:29px;width:287px;height:34.8px;background:var(--navy);border-radius:12.2px}

.m2-card .calc-proba{
  left:42px;top:98px;padding:0;width:260px;height:21px;
  font-size:17px;line-height:20.6px;font-weight:700;font-style:italic;color:var(--gold);
  -webkit-appearance:none;appearance:none;cursor:pointer;
}
.m2-card .calc-weight{
  left:42px;top:166px;width:260px;height:21px;
  font-size:17px;line-height:20.6px;font-weight:700;color:#fff;
}
.m2-card .calc-ph{
  left:42px;top:171px;pointer-events:none;
  font-size:10px;line-height:9.7px;font-weight:400;font-style:italic;color:rgba(255,255,255,.6);
}

.m2-res{left:29px;top:213px;width:287px;height:126px;background:var(--navy);border-radius:12.2px}
.m2-res > *{position:absolute}
.m2-res-t{left:13px;top:18px;font-size:15.3px;line-height:18.6px;font-weight:700;color:#fff;white-space:nowrap}
.m2-sum{
  left:13px;top:37px;display:flex;align-items:flex-start;gap:2px;
  max-width:260px;transform-origin:left top;transition:transform .15s ease;
}
.m2-sum span{font-size:60.8px;line-height:73.6px;font-weight:500;color:var(--gold);-webkit-text-stroke:2.4px var(--gold);white-space:nowrap}
.m2-sum b{font-size:57.4px;line-height:69.5px;font-weight:700;color:var(--gold);margin-top:4px}
.m2-date{left:13px;top:108px;font-size:7px;line-height:8.4px;font-weight:500;color:#fff;white-space:nowrap}

.m2-note{left:33px;top:352px;width:279px;text-align:center;font-size:7px;line-height:8.4px;font-weight:500;color:var(--navy)}

.m2-btn{
  left:29px;top:379px;width:287px;height:37.6px;border-radius:12.2px;
  background:var(--gold);color:#072E69;
  font-size:15.3px;line-height:18.6px;font-weight:700;
  display:flex;align-items:center;justify-content:center;
  transition:filter .18s,transform .18s;
}
.m2-btn:hover{filter:brightness(1.07);transform:translateY(-1px)}

/* ── M3 — ЦЕНЫ (375×657) ── */
.m3{height:657px;background:var(--navy)}
.m3-h{left:20px;top:35px;width:222px;font-size:23px;line-height:25.3px;font-weight:900;color:#f5f5f5}
.m3-h i{font-style:italic;font-weight:900;color:var(--gold)}
.m3-upd{left:20px;top:92px;font-size:11.6px;line-height:14px;font-weight:500;color:#fff}
.m3-sub{left:20px;top:116px;width:241px;font-size:11.6px;line-height:14.4px;font-weight:700;color:#fff}
.m3-sub i{font-style:italic;font-weight:700;color:#fff}

.m3-card{left:20px;top:161px;width:336.43px;height:315px;background:#fff;border-radius:10.7px}
.m3-card > *{position:absolute}
.m3-hi{left:0;top:85px;width:336.43px;height:44.46px;background:var(--gold)}
.m3-line{left:19px;width:298.55px;height:1.07px;background:var(--line)}

.m3-th{font-size:12px;line-height:14.5px;font-weight:700;color:var(--navy)}
.m3-th-p{left:27px;top:22px}
.m3-th-c{left:210px;top:22px}

.m3-p{left:25px;font-size:25.4px;line-height:30.8px;font-weight:700;color:var(--navy)}
.m3-do{left:182px;font-size:12px;line-height:14.5px;font-weight:500;color:var(--navy)}
.m3-v{left:206px;font-size:25.4px;line-height:30.8px;font-weight:700;color:var(--navy)}
.m3-t{left:297px;font-size:25.2px;line-height:30.5px;font-weight:900;color:var(--navy)}

.m3-th-o{left:26px;top:222px;color:var(--navy)}
.m3-ot{left:26px;top:239px;font-size:13.5px;line-height:16.3px;font-weight:500;color:var(--navy)}
.m3-arr{left:120px;top:243px;width:33px;height:8px}
.m3-calc{left:159px;top:239px;width:160px;font-size:12px;line-height:14.5px;font-weight:700;color:var(--navy)}

.m3-note{left:19px;top:266px;width:300px;text-align:center;font-size:12px;line-height:14.5px;font-weight:500;color:var(--navy)}

.m3-feat{left:0;top:499px;width:375px;height:1px}
.m3-feat > *{position:absolute}
.m3-feat img{left:21px;top:0}
.m3-feat .m3-arrow{left:28.5px;top:6px;width:14px;height:14px}
.m3-feat .m3-ft{left:59px;top:0;font-size:11.5px;line-height:14px;font-weight:700;color:#fff}
.m3-feat .m3-fd{left:59px;top:14.5px;width:290px;font-size:10px;line-height:13px;font-weight:500;color:#B9BFCC}

/* ── M4 — ПРИНИМАЕМ ЛЮБОЕ ЗОЛОТО (375×589) ── */
.m4{height:589px;background:var(--navy);overflow:visible}
.m4-h{left:27px;top:20px;width:308px;font-size:23px;line-height:25.3px;font-weight:900;color:#fff}
.m4-h i{font-style:italic;color:var(--gold)}

.m4-card{background:#fff;border-radius:9px}
.m4-card > *{position:absolute}
.m4-card .m4-ft{left:10px;right:10px;top:14px;text-align:center;font-size:10.4px;line-height:12.6px;font-weight:700;color:var(--navy)}
.m4-card .m4-fd{left:10px;right:10px;top:30px;text-align:center;font-size:10.4px;line-height:12.6px;font-weight:500;color:var(--navy)}

.m4-c1{left:31px;top:154px;width:143px;height:188.5px;background:var(--gold);overflow:visible}
.m4-c1 .m4-ft{top:113px}
.m4-c1 .m4-fd{top:130px}
.m4-img1{position:absolute;left:10px;top:-34px;width:119px;height:150px;object-fit:contain}

.m4-c2{left:195px;top:154.5px;width:143px;height:84px}
.m4-c2 .m4-ft{top:21px}
.m4-c2 .m4-fd{top:38px}

.m4-c3{left:195px;top:258.5px;width:143px;height:84px}
.m4-c3 .m4-ft{top:14px}
.m4-c3 .m4-fd{top:44px}

.m4-c4{left:195px;top:362.5px;width:143px;height:84px}
.m4-c4 .m4-ft{top:14px}
.m4-c4 .m4-fd{top:31px}

.m4-c5{left:31px;top:358.5px;width:142px;height:87px}
.m4-c5 .m4-ft{top:23px}
.m4-c5 .m4-fd{top:40px}

.m4-c6{left:31px;top:460.5px;width:143px;height:88px}
.m4-c6 .m4-ft{top:17px}
.m4-c6 .m4-fd{top:33px}

.m4-c7{left:195px;top:460.5px;width:143px;height:88px;overflow:visible}
.m4-c7 .m4-ft{top:23px}
.m4-c7 .m4-fd{top:40px}
.m4-img2{position:absolute;left:59px;top:72px;width:103px;height:103px;object-fit:contain;z-index:2}

/* ── M5 — ЭТАПЫ СДЕЛКИ (375×977) ── */
.m5{height:977px;background:var(--navy);overflow:visible}
.m5-h{left:32px;top:43px;width:268px;font-size:23px;line-height:25.3px;font-weight:900;color:#fff;white-space:nowrap}
.m5-h i{font-style:italic;color:var(--gold)}
.m5-lead{left:33px;top:76px;width:307px;font-size:8.8px;line-height:9.7px;font-weight:700;color:#fff}
.m5-photo{position:absolute;left:258px;top:470px;width:153.7px;height:139.5px;object-fit:contain;z-index:2}

.m5-card{background:#fff;border-radius:10.2px}
.m5-card > *{position:absolute}
.m5-line{left:46px;width:1.5px;background:var(--navy)}

.m5-t{top:12px;font-size:24.7px;line-height:27.2px;font-weight:900;color:var(--navy);white-space:nowrap}
.m5-s{top:45px;font-size:10.2px;line-height:11.3px;font-weight:700;color:var(--navy);white-space:nowrap}

.m5-c{left:22.5px;width:47px;height:47px;border-radius:50%}
.m5-n{left:29px;width:35px;font-size:24.7px;line-height:27.2px;font-weight:900;color:#000;text-align:center}
.m5-n-white{color:#fff}
.m5-st{left:80px;width:210px;font-size:10.2px;line-height:11.3px;font-weight:700;color:var(--navy);white-space:nowrap}
.m5-sd{left:80px;width:220px;font-size:10.6px;line-height:12.9px;font-weight:500;color:var(--navy)}

.m5-btn{
  left:50px;width:211px;height:33.75px;border-radius:10.2px;
  display:flex;align-items:center;justify-content:center;
  font-size:12.8px;line-height:15.5px;font-weight:700;color:#fff;
  transition:filter .18s,transform .18s;
}
.m5-btn-gold{background:var(--gold)}
.m5-btn-navy{background:var(--navy)}
.m5-btn:hover{filter:brightness(1.07);transform:translateY(-1px)}

.m5-card1{left:33px;top:122px;width:309.8px;height:394px}
.m5-card1 .m5-t{left:56px}
.m5-card1 .m5-s{left:74px}

.m5-card2{left:33px;top:573px;width:310px;height:354.5px}
.m5-card2 .m5-t{left:26px}
.m5-card2 .m5-s{left:63px}

/* ── M6 — ОТЗЫВЫ (375×856) ── */
.m6{height:790px;background:var(--navy);overflow:visible}
.m6-h{left:30px;top:20px;width:294px;font-size:23px;line-height:25.3px;font-weight:900;color:#fff;white-space:nowrap}
.m6-h i{font-style:italic;color:var(--gold)}
.m6-score{left:30px;top:56px;width:86px;font-size:33.5px;line-height:36.8px;font-weight:900;color:var(--gold);white-space:nowrap}
.m6-stars{left:38.85px;top:93.5px;display:flex;gap:0}
.m6-stars img{width:13.53px;height:13.53px}
.m6-rt{left:121.6px;top:57px;width:145px;font-size:10.4px;line-height:12px;font-weight:700;color:#fff}
.m6-rt i{font-style:italic}

.m6-frame{background:#fff;overflow:hidden}
.m6-frame img{width:100%;height:100%;object-fit:cover;display:block}
.m6-frame > *{position:absolute}

.m6-f-main{left:20px;top:119px;width:328.4px;height:360px;background:var(--gold);border-radius:20px}
.m6-f-main img{position:absolute;left:10px;top:10px;width:308.4px;height:340px;border-radius:11.6px}

.m6-f27{left:20px;top:488px;width:186px;height:109.6px;border-radius:20px}
.m6-f27 img{position:absolute;left:5px;top:5px;width:176px;height:99.6px;border-radius:10px}

.m6-f26{left:211px;top:498px;width:137px;height:79px;border-radius:17.1px}
.m6-f26 img{position:absolute;left:4.3px;top:4.3px;width:128.5px;height:70.5px;border-radius:7.5px}

.m6-f29{left:20px;top:618px;width:140.1px;height:91px;border-radius:18.8px}
.m6-f29 img{position:absolute;left:4.7px;top:4.7px;width:130.7px;height:81.6px;border-radius:7.4px}

.m6-f28{left:166px;top:606px;width:184.5px;height:108px;border-radius:20.8px}
.m6-f28 img{position:absolute;left:5.2px;top:5.2px;width:174.1px;height:97.6px;border-radius:10.3px}

.m6-bar{left:20px;top:718px;width:331px;height:48.5px;background:#fff;border-radius:9.3px}
.m6-bt{left:30.3px;top:731.5px;width:150px;white-space:nowrap;font-size:9.3px;line-height:10.7px;font-weight:700;color:var(--navy)}
.m6-btn{
  left:181.1px;top:726.8px;width:139.9px;height:30.8px;border-radius:9.3px;
  background:var(--gold);color:#fff;font-size:11.7px;line-height:14.2px;font-weight:700;
  display:flex;align-items:center;justify-content:center;
  transition:filter .18s,transform .18s;
}
.m6-btn:hover{filter:brightness(1.07);transform:translateY(-1px)}
/* ── M7 — FAQ (375×721+) ── */
.m7{height:721px;background:var(--navy)}
.m7-h{left:20px;top:12px;width:336px;font-size:23px;line-height:25.3px;font-weight:900;color:#fff;white-space:nowrap}
.m7-h i{font-style:italic;color:var(--gold)}
.m7-col{left:20px;top:57px;width:335px}

.page-m .faq{
  --pt:17px;--pb:17px;--pl:16px;--g1:12px;--g2:13px;--iy:15px;--ir:23px;
  border-radius:11.1px;
}
.page-m .faq-q{padding-right:45px;font-size:11.1px;line-height:12.8px}
.page-m .faq-i{width:16.65px;height:16.65px}
.page-m .faq-i::before{font-size:15.75px}
.page-m .faq.is-open .faq-i::before{font-size:22.1px;margin-top:-2px}
.page-m .faq-c{font-size:12.4px;line-height:15px}
.page-m .faq-sep{width:303px;height:.56px}
/* ── M8 — КОНТАКТЫ (375×~2050, зависит от контента) ── */
.m8{height:955px;background:var(--navy);overflow:visible}
.m8-h{left:25px;top:32px;width:233px;font-size:23px;line-height:25.3px;font-weight:900;color:#fff}
.m8-h i{font-style:italic;color:var(--gold)}

/* компактные колонки-отделения */
.m8-off{width:160px}
.m8-off > *{position:absolute}
.m8-off1{left:20px;top:100px}
.m8-off2{left:195px;top:100px}
.m8-off-pin{left:0;top:2px;width:14px;height:19px}
.m8-off-addr{left:20px;top:0;width:140px;font-size:12.5px;line-height:15px;font-weight:700;color:#fff}
.m8-off-photo{left:0;top:44px;width:160px;height:126px;border-radius:12px;background:var(--gold);overflow:hidden}
.m8-off-photo img{width:100%;height:100%;object-fit:cover;display:block}
.m8-off-btn{
  left:0;top:188px;width:160px;height:32px;border-radius:8px;background:var(--gold);
  display:flex;align-items:center;justify-content:center;
  font-size:9.5px;font-weight:700;color:#fff;
  transition:filter .18s,transform .18s;
}
.m8-off-btn:hover{filter:brightness(1.07);transform:translateY(-1px)}

/* общий блок телефон/часы/WhatsApp/Instagram — один на оба отделения */
.m8-card{left:19.4px;width:336.2px;background:#fff;border-radius:11.45px}
.m8-card > *{position:absolute}
.m8-sc{top:344px;height:252px}

.m8-line{left:15.5px;width:305.3px;height:.57px;background:var(--line)}

.m8-lab{left:16.6px;top:16px;font-size:11.5px;line-height:13.2px;font-weight:700;color:var(--navy)}
.m8-phone{left:16.6px;top:45px;width:262px;font-size:29.4px;line-height:33.8px;font-weight:700;color:var(--navy);white-space:nowrap}
.m8-hours{left:16.6px;top:95px;width:300px;font-size:13px;line-height:16px;font-weight:700;color:var(--navy);white-space:nowrap}

.m8-btn{
  left:49.3px;width:237.7px;height:50.4px;border-radius:11.45px;
  display:flex;align-items:center;justify-content:center;
  font-size:14.4px;line-height:17.4px;font-weight:700;color:#fff;
  transition:filter .18s,transform .18s;
}
.m8-btn-navy{top:127px;background:var(--navy)}
.m8-btn:hover{filter:brightness(1.07);transform:translateY(-1px)}

.m8-ig{left:50%;top:209px;transform:translateX(-50%);display:flex;align-items:center;gap:10px}
.m8-ig img{width:22px;height:22px}
.m8-ig span{font-size:17px;line-height:19.5px;font-weight:700;color:var(--navy);white-space:nowrap}

.m8-form{left:19.4px;top:640px;width:336.2px;height:280px;background:#fff;border-radius:11.45px}
.m8-form > *{position:absolute}
.m8-fh{left:53px;top:19px;width:232px;font-size:24.2px;line-height:27.8px;font-weight:700;color:var(--navy);white-space:nowrap}
.m8-fs{left:40.1px;top:81px;width:256px;font-size:12px;line-height:13.8px;font-weight:700;color:var(--navy);text-align:center}
.m8-in{
  left:56px;width:224px;height:35.5px;border-radius:9px;background:var(--navy);
  padding:0 14px;color:#fff;font-size:10px;font-weight:500;
}
.m8-in::placeholder{color:rgba(255,255,255,.5)}
.m8-in-name{top:124px}
.m8-in-phone{top:173px;font-size:15px}
.m8-sub{
  left:56px;top:222px;width:224px;height:35.5px;border-radius:9px;
  background:var(--gold);color:#fff;font-size:12px;font-weight:700;
  display:flex;align-items:center;justify-content:center;
  transition:filter .18s,transform .18s;
}
.m8-sub:hover{filter:brightness(1.07);transform:translateY(-1px)}
.m8-msg{left:56px;top:261px;width:224px;font-size:9.4px;line-height:11.7px;font-weight:500;color:var(--navy)}
.s6-bt,.s8-fs,.faq-q span{white-space:normal}

/* ═══════════════ M9 — ПОДВАЛ ═══════════════ */
.m9{height:569px;background:var(--navy)}

.m9-logo{left:24px;top:40px;width:327px;font-size:18px;line-height:20.7px;font-weight:800;color:#fff}
.m9-about{left:24px;top:72px;width:327px;font-size:13px;line-height:18.5px;font-weight:500;color:#fff}

.m9-th{left:24px;width:155px;font-size:13px;line-height:15px;font-weight:700;color:#fff;text-transform:uppercase;letter-spacing:.02em}

.m9-nav{left:24px;width:155px;display:flex;flex-direction:column;gap:12px}
.m9-nav a{position:static;font-size:14px;line-height:16.1px;font-weight:500;color:#fff;transition:color .18s}
.m9-nav a:hover{color:var(--gold)}

.m9-l{left:24px;width:155px;font-size:13px;line-height:16.5px;font-weight:500;color:#fff;transition:color .18s}
.m9-l:hover{color:var(--gold)}
.m9-x{left:24px;width:155px;font-size:13px;line-height:16.5px;font-weight:500;color:#fff}

.m9-hr{left:24px;width:327px;height:1px;background:#fff}
.m9-cp{left:24px;width:300px;font-size:15px;line-height:19.5px;font-weight:800;color:#fff}
.m9-dis{left:24px;width:327px;font-size:11px;line-height:14.5px;font-weight:500;color:#fff}