/* ФЛАГМАН СТРОЙ · Brandbook 2.0 «Тёплая морская архитектура» · стили новых страниц сайта
   (объекты, города, решения, услуги, застройщикам, о компании, контакты, каталог, политика).
   Главная и страницы групп каталога живут со своими стилями из прототипов — этот файл к ним не подключается. */
:root{
  --tide:#2F7774; --deep:#12373D; --sea:#3D8C99; --foam:#F4F2EC; --paper:#FCFBF8;
  --ink:#17282B; --ink-soft:#4C6467; --line:#E1DCD0; --line-soft:#EBE6DA;
  --gold:#D3AD63; --gold-text:#8A6314; --sand:#E8DDC8; --ok:#2E6B4F; --ok-soft:#E3EEE6; --warn:#9A4B2F; --warn-soft:#F6E7DF;
  --r-media:24px; --r-card:18px; --r-btn:14px;
  --mono:"JetBrains Mono",ui-monospace,Menlo,Consolas,monospace;
}
*{box-sizing:border-box}
[hidden]{display:none!important}
html{scroll-behavior:smooth}
body{margin:0;background:var(--tide);color:var(--ink);font-family:"Golos Text","Helvetica Neue",Arial,sans-serif;font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased}
h1,h2,h3,h4{font-family:"Manrope","Golos Text",sans-serif;color:var(--deep);margin:0}
h1{font-size:clamp(38px,4.6vw,64px);line-height:1.06;font-weight:800;letter-spacing:-.03em;text-wrap:balance}
h2{font-size:clamp(28px,3vw,40px);line-height:1.14;font-weight:700;letter-spacing:-.025em;text-wrap:balance;margin-bottom:12px}
h3{font-size:18px;line-height:1.3;font-weight:700;letter-spacing:-.01em;margin-bottom:6px}
p{margin:0 0 12px}
a{color:var(--tide)}
img{display:block;max-width:100%}
button{font:inherit;color:inherit;cursor:pointer}
:focus-visible{outline:2px solid var(--sea);outline-offset:2px}
@media (prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}

.pg-wrap{max-width:1180px;margin:0 auto;padding:0 40px}
.pg-sec{padding:56px 0}
.pg-sec.tight{padding:36px 0}
.pg-tinted{background:var(--paper)}
.pg-sanded{background:var(--sand)}
.pg-eyebrow{font-size:12px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--sea);margin:0 0 12px}
.pg-lead{font-size:18px;color:var(--ink-soft);max-width:66ch;margin:14px 0 0}
.pg-head{max-width:72ch;margin-bottom:26px}
.pg-head .pg-lead{margin-top:6px}
.pg-muted{color:var(--ink-soft)}
.pg-small{font-size:14px;color:var(--ink-soft)}

/* первый экран внутренних страниц */
.pg-hero{padding:30px 0 34px}
.pg-crumbs{font-size:14px;color:var(--ink-soft);display:flex;flex-wrap:wrap;gap:8px;margin-bottom:18px}
.pg-crumbs a{color:var(--ink-soft);text-decoration:none}
.pg-crumbs a:hover{color:var(--sea)}
.pg-hero-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:48px;align-items:end}
.pg-facts{margin:0;display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line)}
.pg-facts div{padding:13px 0 12px;border-bottom:1px solid var(--line)}
.pg-facts div:nth-child(odd){padding-right:18px}
.pg-facts dt{font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-soft)}
.pg-facts dd{margin:3px 0 0;font-family:"Manrope",sans-serif;font-weight:700;font-size:18px;color:var(--deep);line-height:1.3}
.pg-hero-media{border-radius:var(--r-media);overflow:hidden;aspect-ratio:4/3;background:var(--sand)}
.pg-hero-media img{width:100%;height:100%;object-fit:cover}

/* кнопки (те же, что в шапке) */
.pg-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font:600 16px/1 "Golos Text",sans-serif;padding:15px 24px;
  border-radius:var(--r-btn);border:1px solid transparent;text-decoration:none;cursor:pointer;background:var(--deep);color:var(--foam);transition:background .15s,border-color .15s}
.pg-btn:hover{background:#0C2A2F}
.pg-btn.gold{background:var(--gold);color:var(--deep)}
.pg-btn.gold:hover{background:#C79E4E}
.pg-btn.ghost{background:transparent;color:var(--deep);border-color:var(--line)}
.pg-btn.ghost:hover{border-color:var(--deep)}
.pg-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}
a.pg-more{display:inline-flex;align-items:center;gap:8px;color:var(--deep);font-weight:600;font-size:16px;text-decoration:none;border-bottom:1px solid var(--gold);padding-bottom:2px}
a.pg-more:hover{border-color:var(--deep)}

/* сетки и карточки */
.pg-g2,.pg-g3,.pg-g4{display:grid;gap:18px}
.pg-g2{grid-template-columns:repeat(2,minmax(0,1fr))}
.pg-g3{grid-template-columns:repeat(3,minmax(0,1fr))}
.pg-g4{grid-template-columns:repeat(4,minmax(0,1fr))}
.pg-card{background:var(--paper);border:1px solid var(--line-soft);border-radius:var(--r-card);padding:22px 22px 20px;display:flex;flex-direction:column;gap:6px}
.pg-card p{margin:0;color:var(--ink-soft);font-size:16px}
.pg-card .pg-more{margin-top:auto;padding-top:6px;align-self:flex-start}
.pg-card .num{font-family:"Manrope",sans-serif;font-weight:800;color:var(--gold-text);font-size:14px;letter-spacing:.04em}
.pg-card.dark{background:var(--deep);border-color:var(--deep)}
.pg-card.dark h3{color:var(--gold)}
.pg-card.dark p{color:#C2D6D6}
.pg-list{margin:10px 0 0;padding-left:20px;color:var(--ink-soft)}
.pg-list li{margin-bottom:7px}
.pg-list li::marker{color:var(--gold)}
.pg-two{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:40px;align-items:start}

/* цифры */
.pg-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;border-top:1px solid var(--line);padding-top:26px}
.pg-stat b{display:block;font-family:"Manrope",sans-serif;font-size:clamp(28px,3vw,40px);font-weight:800;letter-spacing:-.03em;color:var(--deep);line-height:1}
.pg-stat span{display:block;margin-top:8px;font-size:14px;color:var(--ink-soft)}

/* шаги */
.pg-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:24px 32px}
.pg-step{border-top:1px solid var(--line);padding-top:16px}
.pg-step b{display:block;font-family:"Manrope",sans-serif;font-size:14px;font-weight:700;color:var(--gold-text)}
.pg-step h3{font-size:18px;margin:6px 0}
.pg-step p{margin:0;font-size:16px;color:var(--ink-soft)}
.pg-free{display:inline-block;background:var(--gold);color:var(--deep);font-size:12px;font-weight:600;padding:2px 10px;border-radius:99px;margin-left:8px;vertical-align:2px}

/* призыв */
.pg-cta{display:flex;gap:24px;align-items:center;justify-content:space-between;flex-wrap:wrap;background:var(--deep);color:var(--foam);border-radius:var(--r-media);padding:30px 34px}
.pg-cta h2{color:var(--foam);font-size:clamp(28px,3vw,40px);margin-bottom:6px}
.pg-cta p{margin:0;color:#C8DBDB;max-width:58ch}

/* таблицы */
.pg-tbl{overflow-x:auto;border:1px solid var(--line);border-radius:var(--r-card);background:var(--paper)}
.pg-tbl table{border-collapse:collapse;width:100%;min-width:620px;font-size:16px}
.pg-tbl th,.pg-tbl td{text-align:left;padding:12px 16px;border-bottom:1px solid var(--line-soft);vertical-align:top}
.pg-tbl th{font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-soft);background:var(--foam)}
.pg-tbl tr:last-child td{border-bottom:0}
.pg-tbl td:first-child{font-weight:600;color:var(--deep)}

/* пометки */
.pg-note{background:var(--sand);border-radius:16px;padding:14px 18px;font-size:16px;margin-top:20px}
.pg-rules{background:var(--warn-soft);border-radius:var(--r-card);padding:22px 26px}
.pg-rules h3{color:var(--warn)}
.pg-rules ul{margin:8px 0 0;padding-left:20px}
.pg-rules li{margin-bottom:9px}
.pg-clim{background:var(--paper);border:1px solid var(--line-soft);border-radius:var(--r-card);padding:22px 26px}
.pg-clim ul{margin:8px 0 0;padding-left:20px;color:var(--ink-soft)}
.pg-clim li{margin-bottom:9px}
.pg-clim b{color:var(--ink)}

/* слои «пирога» */
.pg-layers{max-width:680px;margin-top:14px}
.pg-layer{display:grid;grid-template-columns:28px 1fr auto;gap:14px;align-items:center;padding:11px 0;border-top:1px solid var(--line)}
.pg-layer:last-child{border-bottom:1px solid var(--line)}
.pg-layer .n{font-family:var(--mono);font-size:12px;color:var(--ink-soft)}
.pg-layer .g{font-size:12px;font-weight:600;padding:2px 10px;border-radius:99px;background:var(--sand);color:var(--deep);white-space:nowrap}

/* плитки каталога */
.pg-tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:18px}
.pg-tile{display:flex;flex-direction:column;background:var(--paper);border:1px solid var(--line-soft);border-radius:var(--r-card);overflow:hidden;text-decoration:none;color:var(--ink);
  transition:border-color .15s,transform .15s,box-shadow .15s}
.pg-tile:hover{border-color:var(--sea);transform:translateY(-2px);box-shadow:0 16px 30px -22px rgba(18,55,61,.45)}
.pg-tile .im{aspect-ratio:4/3;background:var(--sand);overflow:hidden}
.pg-tile .im img{width:100%;height:100%;object-fit:cover}
.pg-tile .bd{padding:14px 16px 16px;display:flex;flex-direction:column;gap:4px;flex:1}
.pg-tile b{font-family:"Manrope",sans-serif;font-size:18px;color:var(--deep);line-height:1.25}
.pg-tile span{font-size:14px;color:var(--ink-soft)}
.pg-tile em{font-style:normal;font-family:var(--mono);font-size:12px;color:var(--gold-text);margin-top:auto;padding-top:6px}
.pg-tile.terr em{color:var(--warn)}

/* объекты */
.pg-filters{position:sticky;top:var(--sx-hh,68px);z-index:20;background:var(--foam);border-bottom:1px solid var(--line-soft);padding:14px 0 12px}
.pg-frow{display:flex;gap:7px;flex-wrap:wrap;align-items:center}
.pg-frow+.pg-frow{margin-top:8px}
.pg-flabel{font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-soft);width:100px;flex:0 0 auto}
.pg-chip{border:1px solid var(--line);background:var(--paper);border-radius:99px;padding:6px 13px;font-size:14px;font-weight:500;color:var(--ink)}
.pg-chip:hover{border-color:var(--sea)}
.pg-chip[aria-pressed="true"]{background:var(--deep);border-color:var(--deep);color:var(--foam)}
.pg-chip .n{font-family:var(--mono);font-size:12px;opacity:.7;margin-left:5px}
.pg-objs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;padding:26px 0 8px}
.pg-ob{text-decoration:none;color:inherit;font:inherit;cursor:pointer}
.pg-ob{display:flex;flex-direction:column;text-align:left;background:var(--paper);border:1px solid var(--line-soft);border-radius:var(--r-card);overflow:hidden;padding:0;
  transition:border-color .15s,transform .15s,box-shadow .15s}
.pg-ob:hover{border-color:var(--sea);transform:translateY(-2px);box-shadow:0 16px 30px -22px rgba(18,55,61,.45)}
.pg-ob .im{aspect-ratio:4/3;background:var(--sand);position:relative;overflow:hidden}
.pg-ob .im img{width:100%;height:100%;object-fit:cover}
.pg-ob .yr{position:absolute;left:12px;top:12px;background:var(--paper);color:var(--deep);font-family:var(--mono);font-size:12px;font-weight:500;border-radius:8px;padding:3px 9px}
.pg-ob .tech{position:absolute;right:12px;top:12px;background:var(--deep);color:var(--foam);font-size:12px;font-weight:600;border-radius:99px;padding:3px 10px}
.pg-ob .bd{padding:15px 16px 16px;display:flex;flex-direction:column;gap:6px;flex:1}
.pg-ob b.nm{font-family:"Manrope",sans-serif;font-size:18px;color:var(--deep);line-height:1.25}
.pg-ob .pl{font-size:14px;color:var(--ink-soft)}
.pg-ob .mt{display:flex;flex-wrap:wrap;gap:5px}
.pg-ob .mt span{font-family:var(--mono);font-size:12px;border:1px solid var(--line);border-radius:6px;padding:2px 7px;color:var(--ink-soft);background:var(--foam)}
.pg-ob .mt span.dec{font-family:inherit;background:var(--sand);border-color:transparent;color:var(--deep)}
.pg-ob .ft{margin-top:auto;padding-top:9px;border-top:1px solid var(--line-soft);display:flex;justify-content:space-between;gap:10px;font-size:14px;color:var(--ink-soft)}
.pg-ob .ft b{font-family:var(--mono);font-weight:500;color:var(--ink)}
.pg-ov{position:fixed;inset:0;z-index:60;background:rgba(10,30,34,.6);backdrop-filter:blur(3px);display:flex;align-items:flex-start;justify-content:center;padding:28px 16px;overflow:auto}
.pg-sheet{background:var(--paper);border-radius:var(--r-media);max-width:980px;width:100%;overflow:hidden;box-shadow:0 30px 80px -30px rgba(0,0,0,.55)}
.pg-sheet .hd{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;padding:20px 24px 16px;border-bottom:1px solid var(--line-soft)}
.pg-sheet .hd h2{font-size:22px;margin:0}
.pg-sheet .hd .pl{color:var(--ink-soft);font-size:14px;margin-top:4px}
.pg-x{flex:0 0 auto;width:40px;height:40px;border-radius:12px;border:1px solid var(--line);background:var(--foam);font-size:18px;color:var(--deep)}
.pg-gal .main{aspect-ratio:16/10;background:#1c2a2c;display:flex;align-items:center;justify-content:center}
.pg-gal .main img{width:100%;height:100%;object-fit:contain}
.pg-gal .th{display:flex;gap:8px;padding:10px 12px;overflow-x:auto;background:var(--foam)}
.pg-gal .th button{flex:0 0 auto;width:84px;height:60px;border:2px solid transparent;border-radius:9px;overflow:hidden;padding:0;background:none}
.pg-gal .th button[aria-current="true"]{border-color:var(--deep)}
.pg-gal .th img{width:100%;height:100%;object-fit:cover}
.pg-sfacts{display:grid;grid-template-columns:repeat(4,1fr);border-bottom:1px solid var(--line-soft)}
.pg-sfacts div{padding:14px 18px;border-right:1px solid var(--line-soft)}
.pg-sfacts div:last-child{border-right:0}
.pg-sfacts dt{font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-soft)}
.pg-sfacts dd{margin:4px 0 0;font-family:"Manrope",sans-serif;font-weight:700;color:var(--deep);font-size:18px}
.pg-sbody{display:grid;grid-template-columns:1.2fr 1fr;gap:26px;padding:20px 24px}
.pg-sbody h4{font-size:12px;font-family:"Golos Text",sans-serif;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-soft);margin:0 0 8px}
.pg-mat{display:flex;justify-content:space-between;gap:12px;padding:9px 12px;border:1px solid var(--line-soft);border-radius:10px;background:var(--foam);margin-bottom:7px;font-size:14px}
.pg-mat b{font-family:var(--mono);font-weight:500}
.pg-sfoot{padding:0 24px 24px;display:flex;flex-wrap:wrap;gap:10px}

/* города и контакты */
.pg-office{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:28px;align-items:start}
.pg-ocard{background:var(--paper);border:1px solid var(--line-soft);border-radius:var(--r-card);padding:8px 24px}
.pg-orow{display:grid;grid-template-columns:120px 1fr;gap:14px;padding:13px 0;border-bottom:1px solid var(--line-soft)}
.pg-orow:last-child{border-bottom:0}
.pg-orow .k{font-size:14px;color:var(--ink-soft)}
.pg-orow .v{font-weight:500}
.pg-orow .v a{font-family:"Manrope",sans-serif;font-weight:700;color:var(--deep);text-decoration:none}
.pg-orow .v small{display:block;font-weight:400;font-size:14px;color:var(--ink-soft)}
.pg-avail{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:12px}
.pg-av{display:block;text-decoration:none;color:var(--ink);background:var(--paper);border:1px solid var(--line-soft);border-radius:14px;padding:16px 18px}
.pg-av:hover{border-color:var(--sea)}
.pg-av b{display:block;font-family:"Manrope",sans-serif;color:var(--deep);font-size:16px}
.pg-av span{font-size:14px;color:var(--ink-soft)}
.pg-av.no{opacity:.6}
.pg-av.no b::after{content:" · не продаём здесь";font-family:"Golos Text",sans-serif;font-weight:500;font-size:12px;color:var(--warn)}
.pg-cities{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.pg-city{background:var(--paper);border:1px solid var(--line-soft);border-radius:var(--r-card);padding:22px 24px;display:flex;flex-direction:column;gap:6px}
.pg-city h3{font-size:22px}
.pg-city .tel{font-family:"Manrope",sans-serif;font-weight:800;font-size:18px;color:var(--deep);text-decoration:none}
.pg-city .tag{align-self:flex-start;margin-top:6px;font-size:12px;font-weight:600;border-radius:99px;padding:4px 12px;background:var(--sand);color:var(--deep)}
.pg-city .links{display:flex;gap:18px;flex-wrap:wrap;margin-top:8px}

/* юридический текст */
.pg-prose{max-width:78ch}
.pg-prose h2{font-size:22px;margin:30px 0 10px}
.pg-prose p,.pg-prose li{color:var(--ink);font-size:16px}
.pg-prose ul{padding-left:22px}

@media (max-width:1000px){
  .pg-hero-grid,.pg-two,.pg-office{grid-template-columns:1fr;gap:26px}
  .pg-g3,.pg-g4,.pg-objs{grid-template-columns:repeat(2,minmax(0,1fr))}
  .pg-stats{grid-template-columns:1fr 1fr}
  .pg-steps{grid-template-columns:1fr 1fr}
  .pg-sbody{grid-template-columns:1fr}
}
@media (max-width:640px){
  .pg-wrap{padding:0 18px}
  .pg-sec{padding:40px 0}
  .pg-g2,.pg-g3,.pg-g4,.pg-objs,.pg-steps,.pg-cities{grid-template-columns:1fr}
  .pg-flabel{width:100%}
  .pg-sfacts{grid-template-columns:1fr 1fr}
  .pg-sfacts div:nth-child(2){border-right:0}
  .pg-ov{padding:0}.pg-sheet{border-radius:0;min-height:100%}
  .pg-cta{padding:24px}
  .pg-orow{grid-template-columns:1fr;gap:2px}
}

/* правки 14.09: реквизиты, телефон консультаций, архитекторы у объектов */
.pg-req{margin:10px 0 0}
.pg-req div{display:grid;grid-template-columns:150px 1fr;gap:12px;padding:8px 0;border-top:1px solid var(--line-soft);font-size:14px}
.pg-req dt{color:var(--ink-soft)}
.pg-req dd{margin:0;font-variant-numeric:tabular-nums;color:var(--ink)}
@media (max-width:640px){.pg-req div{grid-template-columns:1fr;gap:0}}
a.pg-tel{font-family:"Manrope",sans-serif;font-weight:800;font-size:clamp(28px,3vw,40px);color:var(--deep);text-decoration:none;letter-spacing:-.02em;white-space:nowrap;display:inline-block}
.pg-ob .cr,.pg-sheet .cr{font-size:12px;font-weight:600;color:var(--gold-text)}
.pg-sheet .hd .cr{margin-top:4px}

/* 14.09: объекты — вертикальные карточки и паспорт с галереей на высоту экрана (почти все наши дома сняты вертикально) */
.pg-ob .im{aspect-ratio:4/5}
.pg-sheet{max-width:1200px}
.pg-sgrid{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);align-items:start}
.pg-gal{background:#1c2a2c}
.pg-gal .main{position:relative;aspect-ratio:auto;height:min(76vh,760px);overflow:hidden;display:flex;align-items:center;justify-content:center;background:#1c2a2c}
.pg-gal .main .bg{position:absolute;inset:-40px;background-size:cover;background-position:center;filter:blur(26px) brightness(.55);transform:scale(1.1)}
.pg-gal .main img{position:relative;width:100%;height:100%;object-fit:contain}
.pg-gal .nav{position:absolute;top:50%;transform:translateY(-50%);z-index:2;width:48px;height:48px;border-radius:50%;border:0;background:rgba(252,251,248,.94);
  color:var(--deep);font-size:clamp(28px,3vw,40px);line-height:1;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 14px rgba(0,0,0,.3);padding:0 0 3px}
.pg-gal .nav:hover{background:#fff}
.pg-gal .nav.prev{left:14px}.pg-gal .nav.next{right:14px}
.pg-gal .cnt{position:absolute;right:14px;bottom:14px;z-index:2;background:rgba(18,55,61,.82);color:#fff;font-family:var(--mono);font-size:12px;border-radius:99px;padding:4px 11px}
.pg-gal .th{background:#1c2a2c}
.pg-gal .th button[aria-current="true"]{border-color:var(--gold)}
.pg-sside{padding:20px 24px 24px;display:flex;flex-direction:column;gap:16px}
.pg-sside .pg-sfacts{grid-template-columns:1fr 1fr;border:1px solid var(--line-soft);border-radius:14px;overflow:hidden}
.pg-sside .pg-sfacts div{border-bottom:1px solid var(--line-soft)}
.pg-sside .pg-sfacts div:nth-child(2n){border-right:0}
.pg-sside h4{font-size:12px;font-family:"Golos Text",sans-serif;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-soft);margin:0 0 8px}
.pg-sside p{margin:0;color:var(--ink)}
.pg-sside .pg-sfoot{padding:0;margin-top:4px}
@media (max-width:900px){.pg-sgrid{grid-template-columns:1fr}.pg-gal .main{height:min(70vh,600px)}}
@media (max-width:640px){.pg-gal .nav{width:40px;height:40px;font-size:clamp(28px,3vw,40px)}.pg-gal .nav.prev{left:8px}.pg-gal .nav.next{right:8px}.pg-sside{padding:16px 16px 22px}}

/* примерка фактур на фото дома — страница «Визуализация фасада» (18.09.2026) */
.pg-viz{display:grid;gap:14px}
.pg-viz-im{position:relative;border-radius:18px;overflow:hidden;background:var(--sx-foam,#F4F2EC);aspect-ratio:3/2}
.pg-viz-im img{width:100%;height:100%;object-fit:cover;display:block}
.pg-viz-im img.off{display:none}
.pg-viz-cap{position:absolute;left:14px;bottom:14px;right:14px;display:flex;gap:8px;flex-wrap:wrap;align-items:center;
  background:rgba(10,38,43,.82);color:#fff;border-radius:12px;padding:9px 13px;font-size:14px;line-height:1.35}
.pg-viz-cap b{font-weight:600}
.pg-viz-cap span{opacity:.78}
.pg-viz-tabs{display:flex;gap:8px;flex-wrap:wrap}
.pg-viz-tabs button{border:1px solid var(--sx-line,#DCD8CE);background:#fff;color:var(--sx-ink,#1B2B2E);border-radius:12px;
  padding:9px 14px;cursor:pointer;font:inherit;font-size:14px;line-height:1.2;transition:.15s}
.pg-viz-tabs button:hover{border-color:var(--sx-deep,#0F3A40)}
.pg-viz-tabs button[aria-pressed=true]{background:var(--sx-deep,#0F3A40);color:#fff;border-color:var(--sx-deep,#0F3A40)}
@media (max-width:640px){.pg-viz-cap{position:static;margin-top:10px;background:var(--sx-foam,#F4F2EC);color:var(--sx-ink,#1B2B2E)}
  .pg-viz-im{border-radius:14px}}

/* полосы фото на страницах услуг и застройщиков (18.09.2026) */
.pg-shots{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.pg-shot{margin:0}
.pg-shot img{width:100%;aspect-ratio:3/4;object-fit:cover;border-radius:var(--r-media);display:block;background:var(--sand)}
.pg-shot figcaption{margin-top:9px;font-size:14px;color:var(--ink-soft);line-height:1.4}
.pg-viz2{display:grid;grid-template-columns:1fr 1fr;gap:16px;align-items:start}
.pg-viz2 figure{margin:0}
.pg-viz2 img{width:100%;aspect-ratio:3/2;object-fit:cover;border-radius:var(--r-media);display:block}
.pg-viz2 figcaption{margin-top:8px;font-size:14px;color:var(--ink-soft)}
@media (max-width:900px){.pg-shots{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:560px){.pg-shots{grid-template-columns:1fr 1fr;gap:12px}.pg-viz2{grid-template-columns:1fr}}