/* Best Life Property — стили. Дизайн-система «Айвори, песок и изумруд» (канва Best Life Property — сайт). */
:root{
  --iv:#FBF8F2; --sand:#F3ECE0; --em:#123F33; --em2:#1E5A49; --em-h:#0C2F26;
  --gold:#B08D57; --gold-l:#D9C39C; --gold-t:#7F6237; --gold-n:#98773F;
  --ink:#1D2622; --soft:#626962; --ph:#72726A; --line:#E6DDCD; --mint:#E6EEE9; --beige:#E9DFCE;
  --wa-t:#137A3F; --wa-g:linear-gradient(145deg,#3BD27A 0%,#1A9E4F 100%); --tg:#2AABEE;
  --sh:0 14px 30px -16px rgba(18,63,51,.55); --sh-c:0 30px 60px -40px rgba(29,38,34,.35);
  --f-a:'Cormorant Garamond',Georgia,serif; --f-b:'Manrope',system-ui,sans-serif;
  --wrap:1344px; --pad:48px; --sec:100px; --ease:cubic-bezier(.22,1,.36,1);
}
/* ширина — эталон Azurit Group */
@media (min-width:1600px){:root{--wrap:1440px}}
@media (min-width:1800px){:root{--wrap:1560px}}
@media (min-width:2000px){:root{--wrap:1640px}}
@media (min-width:2200px){html{zoom:1.2}}
@media (min-width:2700px){html{zoom:1.4}}
@media (min-width:3300px){html{zoom:1.75}}
*,*::before,*::after{box-sizing:border-box}
[hidden]{display:none!important}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:24px}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
body{margin:0;background:var(--iv);color:var(--ink);font-family:var(--f-b);font-size:16px;line-height:1.5;font-variant-numeric:lining-nums;-webkit-font-smoothing:antialiased;overflow-x:hidden}
body.lock{overflow:hidden}
img{display:block;max-width:100%}
a{color:inherit;text-decoration:none}
button,input,select,textarea{font:inherit;color:inherit}
button{cursor:pointer;background:none;border:0;padding:0}
fieldset{border:0;margin:0;padding:0;min-width:0}
legend{padding:0}
:focus-visible{outline:3px solid var(--gold);outline-offset:3px;border-radius:6px}
.sr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.skip{position:absolute;left:12px;top:-60px;z-index:100;background:var(--em);color:var(--iv);padding:10px 16px;border-radius:12px;font-weight:600}
.skip:focus{top:12px}
.wrap{width:100%;max-width:calc(var(--wrap) + var(--pad)*2);margin:0 auto;padding:0 var(--pad)}
.m-only{display:none}
.center{display:flex;justify-content:center}
.sand{background:var(--sand)}
.gold{color:var(--gold-t)}
.note{color:var(--soft)}

/* типографика */
.h1{margin:0;font-family:var(--f-a);font-weight:500;font-size:84px;line-height:1;letter-spacing:-.015em;color:var(--ink)}
.h1 em,.h2 em,.h3 em{font-style:italic;font-weight:400;color:var(--em2)}
.h2{margin:0;font-family:var(--f-a);font-weight:500;font-size:64px;line-height:1.04;letter-spacing:-.01em;color:var(--ink)}
.h2-44{font-size:44px}
.h3{margin:0;font-family:var(--f-a);font-weight:500;font-size:34px;line-height:1.1}
.eb{display:inline-flex;align-items:center;gap:12px;font-size:12px;font-weight:600;letter-spacing:.22em;text-transform:uppercase;color:var(--gold-t)}
.eb i{width:28px;height:1px;background:var(--gold);flex:none}
.eb-l{color:var(--gold-l)}
.cap{font-size:12px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--gold-t)}
.lead{margin:0;font-size:19px;line-height:1.65;color:var(--soft);max-width:560px}
.lead-s{font-size:17px;max-width:none}
.txt{margin:0;font-size:18px;line-height:1.65;color:var(--soft)}
.txt-s{font-size:15.5px}
.lnk{display:inline-flex;align-items:center;gap:8px;font-size:15px;font-weight:600;color:var(--em)}
.lnk-s{font-size:14px;margin-top:-6px;align-self:flex-start}
.lnk:hover{text-decoration:underline;text-underline-offset:4px}
.dia{display:flex;align-items:center;gap:10px;width:140px}
.dia i{flex:1;height:1px;background:var(--gold);opacity:.7}
.dia svg{flex:none}

/* кнопки */
.btns{display:flex;gap:12px;flex-wrap:wrap}
.btn{height:56px;padding:0 28px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;gap:10px;font-size:15px;font-weight:600;letter-spacing:.01em;white-space:nowrap;flex:none;border:1px solid transparent;transition:background-color .2s,border-color .2s,color .2s,transform .16s var(--ease),box-shadow .2s}
.btn:active{transform:scale(.98)}
.btn-lg{height:58px;padding:0 29px;font-size:15.5px}
.btn-xl{height:60px;padding:0 30px;font-size:16px}
.btn-em{background:var(--em);color:var(--iv);box-shadow:var(--sh)}
.btn-em:hover{background:var(--em-h)}
.btn-out{background:transparent;color:var(--em);border-color:var(--em)}
.btn-out:hover{background:var(--em);color:var(--iv)}
.btn-iv{background:var(--iv);color:var(--em)}
.btn-iv:hover{background:#fff}
.wa-p{height:46px;padding:0 23px 0 6px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;gap:12px;font-size:14px;font-weight:600;white-space:nowrap;flex:none;background:rgba(31,168,85,.08);border:1px solid rgba(31,168,85,.3);color:var(--wa-t);transition:background-color .2s,border-color .2s,transform .16s var(--ease)}
.wa-p:hover{background:rgba(31,168,85,.14);border-color:rgba(31,168,85,.5)}
.wa-p:active{transform:scale(.98)}
.wa-c{width:34px;height:34px;border-radius:50%;background:var(--wa-g);color:#fff;display:flex;align-items:center;justify-content:center;flex:none}
.wa-p-lg{height:60px;padding:0 30px 0 6px;font-size:16px}
.wa-p-lg .wa-c{width:48px;height:48px}
.wa-p-dk{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.35);color:#fff}
.wa-p-dk:hover{background:rgba(255,255,255,.16);border-color:rgba(255,255,255,.55)}
.wa-p-blk{display:flex;width:100%;height:56px;font-size:15px}
.wa-p-blk .wa-c{width:44px;height:44px}
.c-menu{display:none;width:44px;height:44px;border-radius:50%;background:var(--em);color:var(--iv);align-items:center;justify-content:center;flex:none}
.c-x{width:44px;height:44px;border-radius:50%;background:#fff;border:1px solid var(--line);color:var(--em);display:flex;align-items:center;justify-content:center;flex:none}
.c-o{width:50px;height:50px;border-radius:50%;border:1px solid var(--line);background:#fff;color:var(--em);display:flex;align-items:center;justify-content:center;transition:border-color .2s,background-color .2s}
.c-o:hover{border-color:var(--em)}
.c-o[aria-pressed=true]{background:var(--em);border-color:var(--em);color:var(--iv)}
.c-o[aria-pressed=true] svg{fill:currentColor}
.chips{display:flex;gap:8px;flex-wrap:wrap}
.chip{height:40px;padding:0 16px;border-radius:999px;display:inline-flex;align-items:center;font-size:14px;font-weight:500;white-space:nowrap;flex:none;background:#fff;color:var(--ink);border:1px solid var(--line);transition:background-color .2s,border-color .2s,color .2s}
.chip:hover{border-color:var(--em)}
.chip[aria-pressed=true]{background:var(--em);color:var(--iv);border-color:var(--em)}

/* поля */
.fld{position:relative;height:62px;padding:0 18px;border-radius:16px;background:#fff;border:1px solid var(--line);display:flex;flex-direction:column;justify-content:center;gap:3px;min-width:0;transition:border-color .2s}
.fld:focus-within{border-color:var(--em)}
.fld-l{font-size:11px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--gold-t);line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.fld input,.fld select{width:100%;border:0;background:transparent;padding:0;font-size:15px;font-weight:500;color:var(--ink);outline:none;min-width:0}
.fld input::placeholder{color:var(--soft);opacity:1}
.fld-s select{appearance:none;-webkit-appearance:none;cursor:pointer;padding-right:26px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.fld-s select:focus-visible{outline:none}
.fld-s:focus-within{outline:3px solid var(--gold);outline-offset:2px}
.fld-a{position:absolute;right:18px;top:50%;transform:translateY(-50%);color:var(--soft);pointer-events:none}
.fld.bad{border-color:#B3261E}
.ferr{margin:-6px 0 0;font-size:13px;color:#B3261E}
.fnote{margin:0;font-size:12.5px;line-height:1.5;color:var(--soft)}
.fnote a{text-decoration:underline;text-underline-offset:3px}

/* шапка */
.hdr{position:relative;z-index:20;background:var(--iv);border-bottom:1px solid var(--line)}
.hdr-in{height:92px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:24px}
.brand{display:inline-flex;justify-self:start}
.logo{display:flex;align-items:center;gap:12px}
.logo-m{flex:none}
.logo-t{display:flex;flex-direction:column;gap:3px;line-height:1}
.logo-t b{font-family:var(--f-a);font-weight:600;font-size:23px;letter-spacing:.16em;color:var(--em)}
.logo-t span{font-size:9px;font-weight:600;letter-spacing:.34em;color:var(--gold-t)}
.nav{display:flex;gap:36px}
.nav a{position:relative;font-size:15px;font-weight:500;padding:8px 0;white-space:nowrap}
.nav a::after{content:"";position:absolute;left:0;right:0;bottom:2px;height:1px;background:var(--gold);transform:scaleX(0);transition:transform .25s var(--ease)}
.nav a:hover::after,.nav a[aria-current=page]::after{transform:scaleX(1)}
.hdr-r{display:flex;justify-content:flex-end;align-items:center;gap:12px}
.lsw{height:38px;padding:4px;border-radius:999px;display:inline-flex;gap:2px;border:1px solid var(--line);background:#fff;flex:none}
.lsw-i{height:30px;min-width:38px;padding:0 10px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;font-size:12.5px;font-weight:600;color:var(--soft);transition:background-color .2s,color .2s}
.lsw-i:hover{color:var(--ink)}
.lsw-i[aria-current]{background:var(--em);color:var(--iv);font-weight:700}

/* меню (телефон / планшет) */
.menu{position:fixed;inset:0;z-index:80;background:var(--iv);overflow-y:auto;opacity:0;transform:translateY(-8px);transition:opacity .22s var(--ease),transform .22s var(--ease)}
.menu.in{opacity:1;transform:none}
.menu-h{height:68px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}
.menu-h .logo-t b{font-size:19px}.menu-h .logo-t span{font-size:8px}
.menu-x{display:flex}
.menu-b{display:flex;flex-direction:column;gap:28px;padding-top:20px;padding-bottom:32px}
.menu-nav{display:flex;flex-direction:column}
.menu-nav a{display:flex;justify-content:space-between;align-items:center;padding:16px 0;border-bottom:1px solid var(--line);font-family:var(--f-a);font-size:26px;font-weight:500}
.menu-nav a svg{color:var(--gold)}
.menu-c{display:flex;flex-direction:column;gap:14px}
.menu-l{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:14px;color:var(--soft)}
.menu-wa{width:100%}

/* контакты-строки */
.cl{display:flex;align-items:center;gap:12px;font-size:15px;color:var(--ink);min-width:0}
.cl-i{width:38px;height:38px;border-radius:50%;border:1px solid var(--line);color:var(--em);display:flex;align-items:center;justify-content:center;flex:none;transition:background-color .2s,color .2s,border-color .2s}
a.cl:hover .cl-i{background:var(--em);border-color:var(--em);color:var(--iv)}
.cl-t{display:flex;flex-direction:column;gap:1px;min-width:0}
.cl-l{font-size:11.5px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--gold-t)}
.cl-v{overflow-wrap:anywhere}

/* секции */
.sec{padding:var(--sec) 0}
.sec-t0{padding-top:0}
.sh-row{display:flex;justify-content:space-between;align-items:flex-end;gap:40px;margin-bottom:40px}
.sh-row-c{align-items:flex-end}
.sh-l{display:flex;flex-direction:column;gap:20px;min-width:0}
.sh-p{margin:0;font-size:16px;line-height:1.65;color:var(--soft);max-width:420px}

/* первый экран */
.hero{padding:64px 0 72px}
.hero-g{display:grid;grid-template-columns:minmax(0,1fr) 560px;gap:72px;align-items:center}
.hero-t{display:flex;flex-direction:column;gap:30px;min-width:0}
.hero-t .h1{max-width:648px}  /* ширина заголовка как в макете — те же переносы строк */
.hero .btns{gap:12px}
.stats3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;padding-top:28px;border-top:1px solid var(--line);margin-top:26px}
.st{display:flex;flex-direction:column;gap:6px;min-width:0}
.st b{font-family:var(--f-a);font-weight:500;font-size:48px;line-height:1;color:var(--em)}
.st span{font-size:14px;line-height:1.35;color:var(--soft)}
.stats3 .st+.st{padding-left:28px;border-left:1px solid var(--line)}
.hero-ph{position:relative;height:700px}
.arch{position:absolute;inset:0 0 0 40px;border-radius:300px 300px 28px 28px;overflow:hidden;background:var(--sand)}
.arch img,.about-ph img,.zero-ph img,.br-c img,.tg-c img,.pick-ph img,.br-m img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.arch-line{position:absolute;inset:-18px -18px auto 22px;height:300px;border-radius:320px 320px 0 0;border:1px solid var(--gold-l);border-bottom:0;pointer-events:none}
.hero-badge{position:absolute;left:0;bottom:48px;padding:18px 22px;border-radius:20px;background:rgba(251,248,242,.94);box-shadow:0 24px 48px -28px rgba(29,38,34,.35);display:flex;align-items:center;gap:14px}
.hero-badge>span,.side-z>span:last-child,.modal-p>span:last-child{display:flex;flex-direction:column;gap:3px}
.hero-badge b{font-family:var(--f-a);font-weight:500;font-size:22px;line-height:1}
.hero-badge small{font-size:13px;color:var(--soft)}

/* о Зарине */
.about{padding:var(--sec) 0}
.about-g{display:grid;grid-template-columns:560px minmax(0,1fr);gap:96px;align-items:center}
.about-ph{position:relative;height:680px;border-radius:28px;overflow:hidden}
.about-t{display:flex;flex-direction:column;gap:26px;min-width:0}
.about-t .eb{margin-bottom:-6px}
.sign{font-family:var(--f-a);font-style:italic;font-size:30px;color:var(--gold-t)}
.stats4{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
.stats4 .st{padding:22px 0;border-top:1px solid var(--line);gap:4px}
.stats4 .st:nth-child(2n){padding-left:16px;border-left:1px solid var(--line)}
.stats4 .st b{font-size:40px}

/* быстрый фильтр на главной */
.qf{padding:20px;border-radius:26px;background:var(--sand);display:flex;flex-direction:column;gap:16px;margin-bottom:36px}
.qf-r{display:grid;grid-template-columns:repeat(3,minmax(0,1fr)) auto;gap:12px}
.qf .fld{height:60px}
.qf-go{height:60px}

/* карточки */
.cards{display:grid;gap:24px}
.cards3{grid-template-columns:repeat(3,minmax(0,1fr))}
.cards2{grid-template-columns:repeat(2,minmax(0,1fr))}
.card{position:relative;border-radius:24px;overflow:hidden;background:#fff;border:1px solid var(--line);transition:box-shadow .25s,transform .25s var(--ease)}
@media (hover:hover){.card:hover{box-shadow:0 30px 60px -36px rgba(29,38,34,.4);transform:translateY(-2px)}.card:hover .card-ph img{transform:scale(1.03)}.card:hover .card-go{background:var(--em);color:var(--iv)}}
.card-a{display:flex;flex-direction:column;height:100%}
.card-ph{position:relative;display:block;aspect-ratio:308/195;overflow:hidden;background:var(--sand)}
.card-ph img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .6s var(--ease)}
.cards2 .card-ph{aspect-ratio:443/300}
.bdg{position:absolute;left:12px;top:12px;height:28px;padding:0 12px;border-radius:999px;background:rgba(251,248,242,.94);display:inline-flex;align-items:center;font-size:12px;font-weight:600;color:var(--em)}
.fav{position:absolute;right:12px;top:12px;z-index:2;width:36px;height:36px;border-radius:50%;background:rgba(251,248,242,.94);color:var(--em);display:flex;align-items:center;justify-content:center;transition:background-color .2s,color .2s}
.fav:hover{background:#fff}
.fav[aria-pressed=true]{background:var(--em);color:var(--iv)}
.fav[aria-pressed=true] svg{fill:currentColor}
.card-b{padding:22px;display:flex;flex-direction:column;gap:10px;flex:1}
.loc{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--gold-t)}
.card-t{font-family:var(--f-a);font-weight:500;font-size:26px;line-height:1.15;color:var(--ink);min-height:60px}
.specs{display:flex;gap:18px;flex-wrap:wrap}
.sp{display:flex;align-items:center;gap:6px;font-size:14px;font-weight:500;color:var(--ink);white-space:nowrap}
.sp-i{color:var(--gold);display:flex}
.card-s{display:none;font-size:12px;color:var(--soft)}
.card-f{margin-top:auto;padding-top:16px;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:12px}
.price{font-size:24px;font-weight:500;letter-spacing:-.01em;font-variant-numeric:lining-nums tabular-nums;white-space:nowrap}
.card-go{width:40px;height:40px;border-radius:50%;border:1px solid var(--em);color:var(--em);display:flex;align-items:center;justify-content:center;flex:none;transition:background-color .2s,color .2s}
.cards-home{margin-bottom:36px}
.empty{margin:0 0 36px;padding:24px;border-radius:20px;background:var(--sand);color:var(--soft);text-align:center}
.empty a{color:var(--em);font-weight:600;text-decoration:underline;text-underline-offset:3px}

/* услуги */
.svcs{border-bottom:1px solid var(--line)}
.svc{display:grid;grid-template-columns:56px 64px minmax(0,1fr) minmax(0,1.2fr) 44px;gap:28px;align-items:center;padding:30px 0;border-top:1px solid var(--line);transition:background-color .2s}
.svc-n{font-family:var(--f-a);font-style:italic;font-size:26px;color:var(--gold-t)}
.svc-i{width:60px;height:60px}
.svc-h{font-family:var(--f-a);font-weight:500;font-size:32px;line-height:1.1}
.svc-p{font-size:16px;line-height:1.65;color:var(--soft)}
.svc-go{width:44px;height:44px;border-radius:50%;border:1px solid var(--line);color:var(--em);display:flex;align-items:center;justify-content:center;transition:background-color .2s,color .2s,border-color .2s,transform .25s var(--ease)}
@media (hover:hover){.svc:hover .svc-go{background:var(--em);border-color:var(--em);color:var(--iv);transform:translateX(4px)}}

/* 0 % */
.zero{position:relative;border-radius:34px;overflow:hidden;background:var(--em);display:grid;grid-template-columns:minmax(0,1fr) 520px}
.zero-t{display:flex;flex-direction:column;gap:26px;padding:72px 0 72px 72px;min-width:0}
.zero-h{display:flex;align-items:flex-end;gap:22px;color:var(--iv)}
.zero-h b{font-family:var(--f-a);font-weight:500;font-size:168px;line-height:.8}
.zero-h span{font-family:var(--f-a);font-size:40px;line-height:1.05;padding-bottom:6px}
.zero-h em{font-style:italic;font-weight:400;color:var(--gold-l)}
.zero-t>p{margin:0;font-size:18px;line-height:1.65;color:rgba(251,248,242,.82);max-width:520px}
.ticks{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px}
.ticks li{display:flex;align-items:center;gap:12px;font-size:17px;color:var(--iv)}
.ticks li>span{width:30px;height:30px;border-radius:50%;border:1px solid var(--gold-l);color:var(--gold-l);display:flex;align-items:center;justify-content:center;flex:none}
.zero .btns{margin-top:8px}
.zero-ph{position:relative;margin:20px;border-radius:26px;overflow:hidden}

/* для брендов */
.br-g{display:grid;grid-template-columns:minmax(0,1fr) 640px;gap:80px;align-items:center}
.br-t{display:flex;flex-direction:column;gap:28px;min-width:0}
.br-t .eb{margin-bottom:-8px}
.br-t>.txt{max-width:560px}
.stats-br{margin-top:0;padding:24px 0;border-bottom:1px solid var(--line);gap:24px}
.stats-br .st+.st{padding-left:0;border-left:0}
.stats-br .st b{font-size:44px}
.stats-br .st{gap:4px}
.bcs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.bc{padding:26px;border-radius:22px;background:#fff;border:1px solid var(--line);display:flex;flex-direction:column;gap:12px}
.bc b{font-family:var(--f-a);font-weight:500;font-size:26px;line-height:1.1;margin-top:4px}
.bc p{margin:0;font-size:15px;line-height:1.65;color:var(--soft)}
.br-m{display:none}
.br-c{position:relative;height:820px}
.br-1,.br-2,.br-3{position:absolute;border-radius:24px;overflow:hidden}
.br-1{left:0;top:0;width:330px;height:470px}
.br-2{right:0;top:150px;width:300px;height:420px}
.br-3{left:60px;bottom:0;right:40px;height:200px;display:block}
.br-3s{position:absolute;inset:0;background:linear-gradient(90deg,rgba(18,63,51,.8) 0%,rgba(18,63,51,.12) 75%)}
.br-3t{position:absolute;left:26px;top:50%;transform:translateY(-50%);display:flex;align-items:center;gap:14px;color:var(--iv)}
.br-3t>span:last-child{display:flex;flex-direction:column;gap:3px}
.br-3t b{font-size:17px;font-weight:600}
.br-3t small{font-size:14px;opacity:.9}
.br-ig{width:52px;height:52px;border-radius:50%;background:rgba(251,248,242,.16);border:1px solid rgba(251,248,242,.4);display:flex;align-items:center;justify-content:center;transition:background-color .2s}
.br-3:hover .br-ig{background:rgba(251,248,242,.3)}

/* отзывы, Telegram и заявка */
.rvs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.rv-c{padding:30px;border-radius:24px;background:#fff;border:1px solid var(--line);display:flex;flex-direction:column;gap:14px}
.stars{display:flex;gap:3px}
.rv-c p{margin:0;font-family:var(--f-a);font-style:italic;font-size:23px;line-height:1.4;color:var(--ph)}
.rv-a{margin-top:auto;display:flex;align-items:center;gap:12px;padding-top:14px;border-top:1px solid var(--line)}
.rv-a>span:last-child{display:flex;flex-direction:column;gap:2px}
.rv-av{width:44px;height:44px;border-radius:50%;background:var(--beige);flex:none}
.rv-a b{font-size:14.5px;font-weight:600;color:var(--ph)}
.rv-a small{font-size:13px;color:var(--ph)}
.tl{margin-top:64px;display:grid;grid-template-columns:minmax(0,1fr) 600px;gap:24px;scroll-margin-top:24px}
.tg-c{position:relative;display:block;border-radius:28px;overflow:hidden;min-height:420px}
.tg-c img{transition:transform .8s var(--ease)}
.tg-c:hover img{transform:scale(1.03)}
.tg-s{position:absolute;inset:0;background:linear-gradient(180deg,rgba(18,63,51,.15) 0%,rgba(18,63,51,.9) 100%)}
.tg-t{position:absolute;left:32px;right:32px;bottom:32px;display:flex;flex-direction:column;gap:12px;color:var(--iv)}
.tg-i{width:52px;height:52px;border-radius:50%;background:var(--tg);color:#fff;display:flex;align-items:center;justify-content:center}
.tg-t b{font-family:var(--f-a);font-weight:500;font-size:36px;line-height:1.05}
.tg-t>span:nth-child(3){font-size:15.5px;line-height:1.55;opacity:.9}
.tg-b{margin-top:6px;height:48px;padding:0 22px;border-radius:999px;background:var(--iv);color:var(--em);display:inline-flex;align-self:flex-start;align-items:center;gap:8px;font-size:14.5px;font-weight:600}
.lf{padding:40px;border-radius:28px;background:#fff;border:1px solid var(--line);display:flex;flex-direction:column;gap:18px}
.lf .txt{font-size:16px;margin-top:-6px}
.lf .chip{height:40px;font-size:13.5px}
.lf .btn{width:100%}

/* подвал */
.ftr{background:var(--sand);border-top:1px solid var(--line);padding:80px 0 36px}
.ftr>.wrap{display:flex;flex-direction:column;gap:48px}
.ftr-g{display:grid;grid-template-columns:1.6fr .8fr 1fr;gap:56px}
.ftr-a{display:flex;flex-direction:column;gap:20px}
.ftr-a .logo-t b{font-size:25px}.ftr-a .logo-t span{font-size:10px}
.ftr-a p{margin:0;font-size:15px;line-height:1.65;color:var(--soft);max-width:340px}
.fcol{display:flex;flex-direction:column;gap:14px;min-width:0}
.fcol>a:not(.cl){font-size:15px}
.fcol>a:not(.cl):hover{text-decoration:underline;text-underline-offset:3px}
.ftr-m{display:none}
.ftr-b{display:flex;justify-content:space-between;gap:24px;flex-wrap:wrap;padding-top:24px;border-top:1px solid var(--line);font-size:13.5px;color:var(--soft)}
.ftr-b a:hover{color:var(--ink);text-decoration:underline;text-underline-offset:3px}
.credit{margin:-28px 0 0;font-size:12.5px;color:var(--soft)}
.credit a{color:var(--ink);text-decoration:underline;text-underline-offset:3px}

/* каталог */
.cat-top{padding:48px 0 0}
.cat-top>.wrap{display:flex;flex-direction:column;gap:22px}
.crumbs{display:flex;gap:8px;flex-wrap:wrap;font-size:14px;color:var(--soft)}
.crumbs>span{color:var(--gold)}
.crumbs a:hover{color:var(--ink);text-decoration:underline;text-underline-offset:3px}
.crumbs b{color:var(--ink);font-weight:600}
.cat-h{display:flex;justify-content:space-between;align-items:flex-end;gap:40px}
.h1-cat{font-size:76px;line-height:1;letter-spacing:-.01em}
.seg{display:inline-flex;gap:4px;padding:4px;border-radius:999px;background:var(--sand);align-self:flex-start;flex:none}
.seg button{height:44px;padding:0 24px;border-radius:999px;font-size:15px;font-weight:600;color:var(--soft);transition:background-color .2s,color .2s}
.seg button:hover{color:var(--ink)}
.seg button[aria-pressed=true]{background:var(--em);color:var(--iv)}
.cat{padding:40px 0 0}
.cat-g{display:grid;grid-template-columns:330px minmax(0,1fr);gap:40px;align-items:start}
.m-bar{display:none}
.flt{padding:28px;border-radius:26px;background:var(--sand);display:flex;flex-direction:column;gap:26px;position:sticky;top:24px}
.flt fieldset{display:flex;flex-direction:column;gap:14px}
.flt legend{margin-bottom:14px}
.flt-h{display:flex;justify-content:space-between;align-items:center}
.flt-h b{font-family:var(--f-a);font-weight:500;font-size:28px}
.flt-x{display:none}
.lnk-g{font-size:14px;font-weight:600;color:var(--gold-t)}
.lnk-g:hover{text-decoration:underline;text-underline-offset:3px}
.cb{display:flex;align-items:center;gap:12px;font-size:15px;color:var(--ink);cursor:pointer;position:relative}
.cb input,.tg input,.rm input{position:absolute;opacity:0;width:1px;height:1px;pointer-events:none}
.cb-b{width:20px;height:20px;border-radius:6px;flex:none;display:flex;align-items:center;justify-content:center;border:1.5px solid var(--beige);background:#fff;color:transparent;transition:background-color .15s,border-color .15s}
.cb input:checked+.cb-b{background:var(--em);border-color:var(--em);color:var(--iv)}
.cb input:focus-visible+.cb-b,.tg input:focus-visible+span,.rm input:focus-visible+span{outline:3px solid var(--gold);outline-offset:2px}
.cb input:disabled~*{opacity:.55}
.cb-n{margin-left:auto;font-size:13px;color:var(--soft)}
.tgs{display:flex;gap:6px;flex-wrap:wrap}
.tg span{height:38px;padding:0 16px;border-radius:999px;display:inline-flex;align-items:center;font-size:13.5px;font-weight:500;background:#fff;border:1px solid var(--line);cursor:pointer;transition:background-color .2s,color .2s,border-color .2s}
.tg input:checked+span{background:var(--em);color:var(--iv);border-color:var(--em)}
.rms{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}
.rm span{height:42px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:600;background:#fff;border:1px solid var(--line);cursor:pointer;transition:background-color .2s,color .2s}
.rm input:checked+span{background:var(--em);color:var(--iv);border-color:var(--em)}
.two{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.flt .fld{height:56px}
.flt-go{width:100%}
.res{display:flex;flex-direction:column;gap:26px;min-width:0}
.res-h{display:flex;justify-content:space-between;align-items:center;gap:16px}
.res-c{display:flex;gap:8px;flex-wrap:wrap;align-items:center;min-width:0}
.found{font-size:15px;color:var(--soft);margin-right:6px}
.found b{color:var(--ink);font-weight:600}
.achips{display:contents}
.ach{height:36px;padding:0 10px 0 14px;border-radius:999px;background:var(--mint);color:var(--em);display:inline-flex;align-items:center;gap:8px;font-size:13.5px;font-weight:600;white-space:nowrap}
.ach span{width:20px;height:20px;border-radius:50%;background:rgba(18,63,51,.12);display:flex;align-items:center;justify-content:center;transition:background-color .2s}
.ach:hover span{background:rgba(18,63,51,.25)}
.fld-sort{height:52px;min-width:230px;flex:none}
.empty-b{padding:40px;border-radius:24px;background:var(--sand);display:flex;flex-direction:column;gap:12px;align-items:flex-start}
.empty-b b{font-family:var(--f-a);font-weight:500;font-size:32px}
.empty-b p{margin:0;color:var(--soft);max-width:560px}
.rent-b{padding:40px;border-radius:26px;background:var(--sand);display:flex;gap:28px;align-items:flex-start}
.rent-b>div{display:flex;flex-direction:column;gap:14px}
.rent-b .txt{max-width:680px;font-size:17px}
.pick-s{padding-top:80px}
.pick{border-radius:28px;overflow:hidden;background:var(--em);display:grid;grid-template-columns:240px minmax(0,1fr) auto;gap:48px;min-height:280px}
.pick-ph{position:relative}
.pick-t{padding:44px 0;display:flex;flex-direction:column;justify-content:center;gap:12px;min-width:0}
.pick-who{display:none}
.pick-h{font-family:var(--f-a);font-weight:500;font-size:42px;line-height:1.05;color:var(--iv)}
.pick-h em{font-style:italic;font-weight:400;color:var(--gold-l)}
.pick-t p{margin:0;font-size:16px;line-height:1.65;color:rgba(251,248,242,.82);max-width:560px}
.pick-b{padding:0 48px 0 0;display:flex;flex-direction:column;justify-content:center;gap:10px}
.fav-bar{margin-bottom:24px}

/* объект */
.ob-top{padding:40px 0 0}
.ob-top>.wrap{display:flex;flex-direction:column;gap:20px}
.ob-h{display:flex;justify-content:space-between;align-items:flex-end;gap:32px}
.ob-h>div:first-child{display:flex;flex-direction:column;gap:12px;min-width:0}
.h1-ob{font-size:60px;line-height:1.02;letter-spacing:0}
.loc-l{font-size:15px;font-weight:400;letter-spacing:0;text-transform:none;color:var(--soft);gap:8px}
.loc-l svg{color:var(--gold)}
.ob-act{display:flex;gap:10px}
.gl{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);grid-template-rows:260px 260px;gap:12px}
.gl-big,.gl-s{position:relative;display:block;width:100%;height:100%;overflow:hidden;cursor:zoom-in;text-align:left}
.gl-big{grid-row:span 2;border-radius:26px}
.gl-s{border-radius:22px}
.gl-big img,.gl-s img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .6s var(--ease)}
.gl-big:hover img,.gl-s:hover img{transform:scale(1.02)}
.gl-big .bdg{left:18px;top:18px;height:32px;padding:0 14px;font-size:13px}
.gl-ov{position:absolute;inset:0;background:rgba(18,63,51,.5);display:flex;align-items:center;justify-content:center;gap:10px;color:var(--iv);font-size:16px;font-weight:600}
.gl-cnt{position:absolute;right:12px;bottom:12px;height:28px;padding:0 12px;border-radius:999px;background:rgba(18,63,51,.75);color:var(--iv);align-items:center;font-size:12px;font-weight:600}
.thumbs{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.th{position:relative;height:72px;border-radius:12px;overflow:hidden}
.th img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.th[aria-pressed=true]::after{content:"";position:absolute;inset:0;border:2px solid var(--gold);border-radius:12px}
.ob-body{padding:48px 0 0}
.ob-g{display:grid;grid-template-columns:minmax(0,1fr) 420px;gap:56px;align-items:start}
.ob-main{display:flex;flex-direction:column;gap:56px;min-width:0}
.ob-side{position:sticky;top:24px}
.ob-side-m{display:none}
.facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.fact{padding:22px;border-radius:20px;background:var(--sand);display:flex;flex-direction:column;gap:8px;min-width:0}
.fact-i{color:var(--gold);display:flex}
.fact b{font-family:var(--f-a);font-weight:500;font-size:34px;line-height:1}
.fact>span:last-child{font-size:13px;color:var(--soft)}
.ob-blk{display:flex;flex-direction:column;gap:18px}
.ob-blk .txt{font-size:17px}
.chips-m{display:flex;flex-wrap:wrap;gap:8px}
.mint{height:36px;padding:0 14px;border-radius:999px;background:var(--mint);color:var(--em);display:inline-flex;align-items:center;gap:8px;font-size:13.5px;font-weight:600}
.dmap{position:relative;height:380px;border-radius:24px;overflow:hidden;border:1px solid var(--line);background:#F1EADC}
.dmap>svg{position:absolute;inset:0;width:100%;height:100%}
.dmap-l{position:absolute;left:50%;top:calc(49% - 88px);transform:translateX(-50%);height:36px;padding:0 14px 0 6px;border-radius:999px;background:#fff;box-shadow:0 10px 24px -12px rgba(29,38,34,.45);display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:600;white-space:nowrap}
.dmap-l .logo-m{width:26px;height:26px}
.dmap-g{position:absolute;right:14px;top:14px;height:36px;padding:0 14px;border-radius:999px;background:#fff;box-shadow:0 6px 16px -10px rgba(29,38,34,.4);display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:600;color:var(--em)}
.dmap-g:hover{text-decoration:underline;text-underline-offset:3px}
.nears{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.near{padding:14px 16px;border-radius:16px;background:#fff;border:1px solid var(--line);display:flex;align-items:center;gap:12px;min-width:0}
.near-i{width:34px;height:34px;border-radius:50%;background:var(--sand);color:var(--gold-t);display:flex;align-items:center;justify-content:center;flex:none}
.near>span:last-child{display:flex;flex-direction:column;gap:2px;min-width:0}
.near small{font-size:12px;color:var(--soft)}
.near b{font-size:15px;font-weight:600}
.nocom{padding:32px;border-radius:26px;border:1px solid var(--line);background:#fff;display:flex;flex-direction:column;gap:18px}
.nocom-h{display:flex;align-items:center;gap:14px}
.nocom-h b{font-family:var(--f-a);font-weight:500;font-size:32px;line-height:1.1}
.nocom-h em{font-style:italic;font-weight:400;color:var(--em2)}
.step{display:flex;gap:14px;padding-top:14px;border-top:1px solid var(--line)}
.step-n{font-family:var(--f-a);font-style:italic;font-size:20px;color:var(--gold-t);width:26px;flex:none}
.step>span:last-child{display:flex;flex-direction:column;gap:4px}
.step b{font-size:15.5px;font-weight:600}
.step p{margin:0;font-size:14px;line-height:1.65;color:var(--soft)}
.side{padding:30px;border-radius:26px;background:#fff;border:1px solid var(--line);box-shadow:var(--sh-c);display:flex;flex-direction:column;gap:16px}
.side-h{display:flex;justify-content:space-between;align-items:baseline}
.side-h .note{font-size:12.5px}
.side-p{font-size:40px;font-weight:500;letter-spacing:-.01em;font-variant-numeric:lining-nums tabular-nums;white-space:nowrap}
.ok{align-self:flex-start;height:32px;padding:0 12px;border-radius:999px;background:var(--mint);color:var(--em);display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:600}
.side-z,.modal-p{display:flex;align-items:center;gap:14px;padding:14px;border-radius:18px;background:var(--sand)}
.ava{position:relative;width:56px;height:56px;border-radius:50%;overflow:hidden;flex:none}
.ava img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.side-z b,.modal-p b{font-family:var(--f-a);font-weight:500;font-size:22px;line-height:1}
.side-z small,.modal-p small{font-size:13px;color:var(--soft)}
.side .btn{width:100%}
.side .btn-out{height:52px}
.sim{padding-top:100px}
.sim .sh-row{margin-bottom:32px}

/* окно заявки, лайтбокс, тост */
.modal{position:fixed;inset:0;z-index:90;display:flex;align-items:center;justify-content:center;padding:20px}
.modal-bg{position:absolute;inset:0;background:rgba(18,30,26,.55);opacity:0;transition:opacity .22s}
.modal-c{position:relative;width:100%;max-width:540px;max-height:calc(100vh - 40px);overflow-y:auto;padding:36px;border-radius:28px;background:var(--iv);display:flex;flex-direction:column;gap:16px;opacity:0;transform:translateY(12px) scale(.98);transition:opacity .22s var(--ease),transform .22s var(--ease)}
.modal.in .modal-bg,.modal.in .modal-c{opacity:1}
.modal.in .modal-c{transform:none}
.modal-x{position:absolute;right:18px;top:18px}
.modal-p{margin-right:56px}
.modal-s{margin:-4px 0 0;font-size:15.5px;line-height:1.6;color:var(--soft)}
.lform{display:flex;flex-direction:column;gap:12px}
.lform .btn{width:100%;margin-top:4px}
.lb{position:fixed;inset:0;z-index:95;background:rgba(12,22,19,.94);display:flex;align-items:center;justify-content:center}
.lb-i{max-width:calc(100vw - 160px);max-height:calc(100vh - 120px);border-radius:14px;object-fit:contain}
.lb-x{position:absolute;right:20px;top:20px}
.lb-p,.lb-n{position:absolute;top:50%;transform:translateY(-50%)}
.lb-p{left:20px}.lb-n{right:20px}
.lb-c{position:absolute;left:50%;bottom:22px;transform:translateX(-50%);color:var(--iv);font-size:14px;font-weight:600}
.toast{position:fixed;left:50%;bottom:24px;z-index:99;transform:translate(-50%,20px);max-width:calc(100vw - 32px);padding:14px 20px;border-radius:16px;background:var(--em);color:var(--iv);font-size:14.5px;font-weight:500;display:flex;gap:14px;align-items:center;opacity:0;pointer-events:none;transition:opacity .25s,transform .25s var(--ease)}
.toast.in{opacity:1;transform:translate(-50%,0);pointer-events:auto}
.toast a{color:var(--gold-l);font-weight:600;text-decoration:underline;text-underline-offset:3px}

/* политика */
.legal{padding:48px 0 var(--sec)}
.legal-in{display:flex;flex-direction:column;gap:18px;max-width:calc(860px + var(--pad)*2)}
.legal .h3{margin-top:18px}
.legal .h1{overflow-wrap:break-word;hyphens:auto}
.legal .txt{font-size:17px}

/* появление при прокрутке */
.rv{opacity:0;transform:translateY(18px);transition:opacity .7s var(--ease),transform .7s var(--ease)}
.rv.in{opacity:1;transform:none}

/* ——— до 1400 ——— */
@media (max-width:1400px){
  .hero-g{grid-template-columns:minmax(0,1fr) 500px;gap:56px}
  .h1{font-size:76px}
  .hero-ph{height:640px}
  .about-g{grid-template-columns:480px minmax(0,1fr);gap:72px}
  .br-g{grid-template-columns:minmax(0,1fr) 560px;gap:56px}
  .br-1{width:290px;height:420px}.br-2{width:260px;height:380px}
  .br-c{height:760px}
  .svc{grid-template-columns:48px 60px minmax(0,1fr) minmax(0,1.2fr) 44px;gap:22px}
}
/* ——— до 1180: планшет ——— */
@media (max-width:1180px){
  :root{--pad:40px;--sec:88px}
  .hdr-in{grid-template-columns:1fr auto}
  .nav{display:none}
  .c-menu{display:flex}
  .hero-g{grid-template-columns:minmax(0,1fr) 400px;gap:40px}
  .h1{font-size:64px}
  .hero-ph{height:560px}
  .st b{font-size:40px}
  .about-g{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:48px}
  .about-ph{height:620px}
  .h2{font-size:54px}
  .qf-r{grid-template-columns:repeat(3,minmax(0,1fr))}
  .qf-go{grid-column:1/-1}
  .svc{grid-template-columns:52px minmax(0,1fr) minmax(0,1.3fr) 44px;gap:20px}
  .svc-n{display:none}
  .svc-i{width:52px;height:52px}
  .svc-h{font-size:28px}
  .zero{grid-template-columns:minmax(0,1fr) 340px}
  .zero-t{padding:56px 0 56px 56px}
  .zero-h b{font-size:132px}
  .br-g{grid-template-columns:1fr}
  .br-c{display:none}
  .br-m{display:grid;grid-template-columns:1.1fr .9fr;gap:14px;height:420px}
  .br-m img{position:static;border-radius:22px}
  .tl{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
  .ftr-g{grid-template-columns:1.2fr .8fr 1fr;gap:40px}
  .cat-g{grid-template-columns:290px minmax(0,1fr);gap:28px}
  .h1-cat{font-size:64px}
  .pick{grid-template-columns:200px minmax(0,1fr);gap:36px}
  .pick-b{grid-column:2;padding:0 40px 40px 0;flex-direction:row;flex-wrap:wrap;justify-content:flex-start}
  .pick-t{padding:40px 40px 0 0}
  .ob-g{grid-template-columns:minmax(0,1fr) 360px;gap:36px}
  .facts{grid-template-columns:repeat(2,minmax(0,1fr))}
  .nears{grid-template-columns:repeat(2,minmax(0,1fr))}
  .h1-ob{font-size:52px}
}
/* ——— до 1024 ——— */
@media (max-width:1024px){
  .cards3{grid-template-columns:repeat(2,minmax(0,1fr))}
  .cards-sim .card:nth-child(3){display:none}
  .rvs{grid-template-columns:repeat(2,minmax(0,1fr))}
  .rvs .rv-c:nth-child(3){display:none}
  .cards2{grid-template-columns:1fr}
  .cards2 .card-ph{aspect-ratio:16/9}
  .ftr-g{grid-template-columns:1fr 1fr}
  .ftr-a{grid-column:1/-1}
}
/* ——— до 960 ——— */
@media (max-width:960px){
  .hero-g{grid-template-columns:minmax(0,1fr) minmax(0,.8fr);gap:32px}
  .h1{font-size:54px}
  .hero-ph{height:480px}
  .arch{inset:0 0 0 20px}
  .hero-badge{bottom:24px;padding:14px 16px}
  .stats3{gap:16px}.stats3 .st+.st{padding-left:16px}
  .about-g{grid-template-columns:1fr 1fr;gap:36px}
  .about-ph{height:560px}
  .zero{grid-template-columns:1fr}
  .zero-ph{display:none}
  .zero-t{padding:48px}
  .tl{grid-template-columns:1fr}
  .tg-c{min-height:320px}
  .ob-g{grid-template-columns:1fr}
  .ob-side{display:none}
  .ob-side-m{display:block}
  .ob-side-m .side{box-shadow:none}
  .gl{grid-template-rows:200px 200px}
  .cat-g{grid-template-columns:1fr}
}
/* ——— телефон ——— */
@media (max-width:760px){
  :root{--pad:20px;--sec:44px}
  .d-only{display:none!important}
  .d-only-i{display:none!important}
  .m-only{display:revert}
  span.m-only{display:inline}
  body{font-size:15px}
  .hdr-in{height:68px;gap:12px}
  .hdr-r{gap:8px}
  .hdr-wa{display:none}
  .logo-t b{font-size:19px}.logo-t span{font-size:8px}
  .hdr .logo-m{width:34px;height:34px}
  .h1{font-size:46px}
  .h2{font-size:38px}
  .h2-44{font-size:32px}
  .h3{font-size:28px}
  .lead{font-size:15.5px}
  .txt{font-size:15.5px}
  .sh-row{flex-direction:column;align-items:flex-start;gap:14px;margin-bottom:18px}
  .sh-l{gap:16px}
  .sh-p{font-size:14.5px}
  .btn,.wa-p-lg{height:56px;font-size:15.5px}
  .wa-p-lg .wa-c{width:44px;height:44px}
  /* первый экран */
  .hero{padding:28px 0 44px}
  .hero-g{display:flex;flex-direction:column;align-items:stretch;gap:20px}
  .hero-t{display:contents}
  .hero .eb,.about-t .eb{align-self:flex-start}
  .hero .eb{order:1}.hero .h1{order:2}.hero .lead{order:3}.hero .btns{order:4}.hero-ph{order:5}.hero .stats3{order:6}
  .hero .btns{flex-direction:column;gap:10px}
  .hero .btns>*{width:100%}
  .hero-ph{height:400px;margin-top:6px}
  .arch{inset:0;border-radius:175px 175px 24px 24px}
  .arch-line{display:none}
  .hero-badge{left:12px;right:12px;bottom:12px;padding:14px 16px;border-radius:18px;gap:12px}
  .hero-badge .logo-m{width:38px;height:38px}
  .hero-badge b{font-size:20px}.hero-badge small{font-size:12.5px}
  .stats3{margin-top:0;padding-top:20px;gap:14px}
  .stats3 .st+.st{padding-left:14px}
  .st b{font-size:36px}
  .st span{font-size:12.5px}
  /* о Зарине */
  .about{padding:44px 0}
  .about-g{display:flex;flex-direction:column;align-items:stretch;gap:18px}
  .about-t{display:contents}
  .about-t .eb{order:1;margin:0}.about-t .h2{order:2}.about-ph{order:3}.about-t .txt,.sign,.stats4{order:4}
  .about-ph{height:380px;border-radius:22px}
  .sign{font-size:26px}
  .stats4 .st{padding:16px 0}
  .stats4 .st b{font-size:30px}
  /* каталог на главной */
  .qf{padding:0;background:none;gap:8px;margin-bottom:16px}
  .chips-x{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;margin-right:calc(var(--pad)*-1);padding-right:var(--pad)}
  .chips-x::-webkit-scrollbar{display:none}
  .chips-x .chip{height:38px;font-size:13.5px}
  .qf-r{grid-template-columns:1fr 1fr;gap:8px}
  .qf .fld{height:56px}
  .qf-go{grid-column:1/-1;height:52px}
  .cards{gap:14px}
  .cards3,.cards2{grid-template-columns:1fr}
  .card{border-radius:18px}
  .card-ph,.cards2 .card-ph{aspect-ratio:35/23}
  .card-b{padding:16px;gap:8px}
  .card-t{font-size:22px;min-height:50px}
  .specs{gap:14px}
  .card-f{padding-top:12px}
  .price{font-size:22px}
  .cards-home,.cards-sim{grid-template-columns:1fr 1fr;gap:10px}
  .card-c{border-radius:16px}
  .card-c .card-ph{aspect-ratio:21/16}
  .card-c .bdg{left:8px;top:8px;height:24px;padding:0 9px;font-size:11px}
  .card-c .fav{width:30px;height:30px;right:8px;top:8px}
  .card-c .fav svg{width:14px;height:14px}
  .card-c .card-b{padding:12px;gap:6px}
  .card-c .loc{font-size:10.5px;letter-spacing:.1em}
  .card-c .loc svg{display:none}
  .card-c .card-t{font-family:var(--f-b);font-size:13px;line-height:1.35;min-height:35px}
  .card-c .specs,.card-c .card-go{display:none}
  .card-c .card-s{display:block}
  .card-c .card-f{padding-top:8px}
  .card-c .price{font-size:16px}
  .cards-home{margin-bottom:16px}
  .center .btn{width:100%}
  /* услуги */
  .svcs{margin-top:-4px}
  .svc{grid-template-columns:48px minmax(0,1fr) auto;grid-template-areas:"i h n" "i p p";gap:6px 14px;padding:18px 0;align-items:start}
  .svc-i{grid-area:i;width:48px;height:48px}
  .svc-h{grid-area:h;font-size:24px}
  .svc-n{display:block;grid-area:n;font-size:18px;align-self:baseline}
  .svc-p{grid-area:p;font-size:14px}
  .svc-go{display:none}
  /* 0 % */
  .zero-s{padding-bottom:44px}
  .zero{border-radius:26px}
  .zero-t{padding:32px 22px;gap:18px}
  .zero-h{gap:14px}
  .zero-h b{font-size:104px}
  .zero-h span{font-size:26px}
  .zero-t>p{font-size:15px}
  .ticks{gap:10px}
  .ticks li{font-size:14.5px;gap:10px}
  .ticks li>span{width:26px;height:26px}
  .ticks li svg{width:13px;height:13px}
  .zero .btns>*{width:100%}
  /* бренды */
  .br-t{gap:16px}
  .br-t .eb{margin:0}
  .br-m{height:260px;gap:10px}
  .br-m img{border-radius:18px}
  .stats-br{grid-template-columns:1fr 1fr;padding:16px 0;gap:14px}
  .stats-br .st b{font-size:34px}
  .bcs{gap:10px}
  .bc{padding:16px;border-radius:18px;gap:8px}
  .bc-i{width:40px;height:40px}
  .bc b{font-size:20px;margin:0}
  .bc p{font-size:12.5px;line-height:1.5}
  .br-t .btns>*:first-child{width:100%}
  .br-t .btns .btn-out{display:none}
  /* отзывы, заявка */
  #otzyvy{padding-bottom:44px}
  .rvs{display:flex;gap:10px;overflow-x:auto;scrollbar-width:none;margin-right:calc(var(--pad)*-1);padding-right:var(--pad);scroll-snap-type:x mandatory}
  .rvs::-webkit-scrollbar{display:none}
  .rvs .rv-c,.rvs .rv-c:nth-child(3){display:flex;min-width:290px;padding:20px;border-radius:18px;scroll-snap-align:start}
  .rv-c p{font-size:20px}
  .tl{margin-top:32px;gap:14px}
  .tg-c{min-height:300px;border-radius:22px}
  .tg-t{left:22px;right:22px;bottom:22px}
  .tg-t b{font-size:28px}
  .tg-t>span:nth-child(3){font-size:14px}
  .lf{padding:22px;border-radius:22px;gap:14px}
  .lf .h2{font-size:30px}
  .lf .txt{font-size:14.5px}
  .lf .chip{height:38px}
  .fld{height:58px}
  /* подвал */
  .ftr{padding:40px 0 32px}
  .ftr>.wrap{gap:24px}
  .ftr-g{display:flex;flex-direction:column;gap:24px}
  .ftr-a{gap:14px}
  .ftr-a .logo-m{width:38px;height:38px}
  .ftr-a .logo-t b{font-size:21px}.ftr-a .logo-t span{font-size:8px}
  .ftr-a p{font-size:14px}
  .ftr-a .dia{display:none}
  .fcol .cap{display:none}
  nav.fcol{display:grid;grid-template-columns:1fr 1fr;gap:12px 16px}
  nav.fcol a{font-size:14.5px}
  .fcol:not(nav){padding-top:20px;border-top:1px solid var(--line)}
  .ftr-m{display:flex;justify-content:space-between;align-items:center}
  .ftr-m .dia{width:110px}
  .ftr-b{flex-direction:column;gap:6px;padding-top:0;border-top:0;font-size:12.5px}
  .credit{margin:0}
  /* каталог */
  .cat-top{padding:24px 0 0}
  .cat-top>.wrap{gap:16px}
  .crumbs{font-size:13px}
  .cat-h{flex-direction:column;align-items:flex-start;gap:16px}
  .h1-cat{font-size:44px}
  .seg button{height:40px;padding:0 18px;font-size:14px}
  [data-buyp]{display:none}
  .cat{padding:16px 0 0}
  .cat-g{display:flex;flex-direction:column;gap:14px}
  .m-bar{display:flex;flex-direction:column;gap:16px;width:100%;min-width:0}
  .res,.cat-g>*{width:100%;min-width:0}
  .m-bar-r{display:grid;grid-template-columns:1fr 1fr;gap:8px}
  .m-filters{height:50px;font-size:14.5px}
  .m-cnt{min-width:22px;height:22px;padding:0 6px;border-radius:999px;background:var(--gold-n);color:#fff;font-size:12px;display:inline-flex;align-items:center;justify-content:center}
  .m-sort{position:relative;height:50px;border-radius:999px;background:#fff;border:1px solid var(--line);display:flex;align-items:center}
  .m-sort select{appearance:none;-webkit-appearance:none;width:100%;height:100%;border:0;background:transparent;border-radius:999px;padding:0 36px 0 18px;font-size:14.5px;font-weight:600;text-align:center;cursor:pointer}
  .m-sort svg{position:absolute;right:16px;pointer-events:none;color:var(--soft)}
  .m-sort:focus-within{outline:3px solid var(--gold);outline-offset:2px}
  .flt{position:fixed;inset:auto 0 0 0;z-index:85;max-height:88vh;overflow-y:auto;border-radius:24px 24px 0 0;padding:22px 20px 28px;box-shadow:0 -20px 60px -20px rgba(18,30,26,.45);transform:translateY(105%);visibility:hidden;transition:transform .28s var(--ease),visibility 0s .28s}
  .flt.open{transform:none;visibility:visible;transition:transform .28s var(--ease)}
  .flt-x{display:flex;width:40px;height:40px}
  .flt-h{gap:12px}
  .flt-h .lnk-g{margin-left:auto}
  .flt-go{position:sticky;bottom:0}
  .res{gap:14px}
  .res-h{flex-direction:column;align-items:flex-start}
  .fld-sort{display:none}
  .found{font-size:14px}
  .achips{display:none}
  .empty-b{padding:24px}
  .rent-b{flex-direction:column;padding:24px;gap:16px}
  .rent-b .btns>*{width:100%}
  .pick-s{padding:40px 0 44px}
  .pick{display:grid;grid-template-columns:64px minmax(0,1fr);gap:16px 14px;padding:26px 22px;border-radius:22px;min-height:0;align-items:center}
  .pick-ph{width:64px;height:64px;border-radius:50%;overflow:hidden;box-shadow:0 0 0 2px var(--gold-l)}
  .pick-t{display:contents}
  .pick-who{display:flex;flex-direction:column;gap:3px}
  .pick-who b{font-family:var(--f-a);font-weight:500;font-size:20px;line-height:1;color:var(--iv)}
  .pick-who small{font-size:12.5px;color:var(--gold-l)}
  .pick-h{grid-column:1/-1;font-size:30px}
  .pick-t p{grid-column:1/-1;font-size:14.5px}
  .pick-b{grid-column:1/-1;padding:0;flex-direction:column;margin-top:4px}
  .pick-b>*{width:100%}
  /* объект */
  .ob-top{padding:16px 0 0}
  .ob-top>.wrap{gap:12px}
  .ob-top .gl{order:1}.ob-top .thumbs{order:2;display:grid}.ob-top .crumbs{order:3;margin-top:8px}.ob-top .ob-h{order:4}
  .ob-h{flex-direction:column;align-items:flex-start;gap:12px}
  .ob-act{display:none}
  .h1-ob{font-size:36px;line-height:1.04}
  .loc-l{font-size:14px}
  .gl{display:block;height:300px}
  .gl-big{height:100%;border-radius:22px}
  .gl-big .bdg{left:12px;top:12px;height:28px;padding:0 12px;font-size:12px}
  .gl-cnt{display:inline-flex}
  .gl-s{display:none}
  .ob-body{padding:20px 0 0}
  .ob-main{gap:36px}
  .facts{gap:8px}
  .fact{padding:16px;border-radius:16px}
  .fact b{font-size:28px}
  .ob-side-m{margin-top:-16px}
  .side{padding:22px;border-radius:22px}
  .side-p{font-size:34px}
  .ob-blk{gap:14px}
  .ob-blk .txt{font-size:15.5px}
  .dmap{height:260px;border-radius:18px}
  .nears{gap:8px}
  .near{padding:12px 14px}
  .nocom{padding:22px;border-radius:20px;gap:14px}
  .nocom-h svg{width:48px;height:48px}
  .nocom-h b{font-size:26px}
  .sim{padding:44px 0}
  .sim .sh-row{margin-bottom:14px}
  .cards-sim .card:nth-child(3){display:none}
  .modal{align-items:flex-end;padding:0}
  .modal-c{max-width:none;border-radius:24px 24px 0 0;padding:24px 20px 28px;max-height:92vh}
  .lb-i{max-width:100vw;max-height:calc(100vh - 140px);border-radius:0}
  .lb-p,.lb-n{top:auto;bottom:14px;transform:none}
  .legal{padding:24px 0 44px}
  .legal .txt{font-size:15.5px}
}
@media (max-width:380px){
  .h1{font-size:40px}
  .legal .h1{font-size:34px}
  .h1-cat{font-size:38px}
  .h2{font-size:34px}
  .zero-h b{font-size:84px}
  .st b{font-size:30px}
  .lsw-i{min-width:34px;padding:0 8px}
  .cards-home,.cards-sim{grid-template-columns:1fr}
  .card-c .card-ph{aspect-ratio:35/23}
}