*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}
:root{
--bg:#F4F1EE;--surf:#fff;--surf2:#FAF8F6;--line:#E9E4E0;--line2:#D9D2CD;
--ink:#17151A;--ink2:#5E585C;--ink3:#918A8D;
--accent:#7A2231;--accent2:#96303F;--accent-rgb:122,34,49;--accent-s:rgba(122,34,49,.07);
--dark:#1B1013;--sand:#F0E9E7;--barh:72px;--wa:#25A366;--tg:#2AABEE;--gold:#A8842C;
--f:'Golos Text',system-ui,-apple-system,sans-serif;--ease:cubic-bezier(.2,.8,.2,1);
--media-h:400px;
--hero-img:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1600 700'%3E%3Cdefs%3E%3Cfilter id='b'%3E%3CfeGaussianBlur stdDeviation='90'/%3E%3C/filter%3E%3C/defs%3E%3Crect width='1600' height='700' fill='%233a2228'/%3E%3Cg filter='url(%23b)'%3E%3Cellipse cx='1180' cy='210' rx='330' ry='300' fill='%23b07f7a'/%3E%3Cellipse cx='1420' cy='520' rx='300' ry='260' fill='%23c9a184'/%3E%3Cellipse cx='980' cy='620' rx='320' ry='220' fill='%236b3a40'/%3E%3Cellipse cx='300' cy='140' rx='300' ry='240' fill='%23472a31'/%3E%3C/g%3E%3C/svg%3E");
--hero-pos:center 32%;
--hero-dim:.26
}
html{overflow-x:clip;scroll-behavior:smooth}
body.locked{overflow:hidden!important}
body{font-family:var(--f);color:var(--ink);font-size:15px;line-height:1.45;-webkit-font-smoothing:antialiased;overflow-x:clip;
background:
 radial-gradient(1100px 520px at 82% -80px,rgba(122,34,49,.07),transparent 62%),
 radial-gradient(900px 460px at 6% 120px,rgba(168,132,44,.07),transparent 60%),
 linear-gradient(180deg,#F7F4F1,#F1EDE9 780px);
background-attachment:fixed;background-color:var(--bg)}
a{color:inherit;text-decoration:none}
button{font:inherit;border:none;background:none;cursor:pointer;color:inherit;user-select:none}
.seg .s,.segmini .s,.md,.qc,.tag,.chip,.pop button,.bdg{user-select:none}
svg{display:block;flex:none}
.in{max-width:1320px;margin:0 auto;padding:0 30px}

/* ═══ HERO ═══ */
.hero{position:relative;z-index:65;background:var(--dark);color:#fff}
.hero-media{position:absolute;inset:0;overflow:hidden}
.hero-bg{position:absolute;inset:0;background-image:var(--hero-img);background-size:cover;background-position:var(--hero-pos);background-repeat:no-repeat;transform:scale(1.02)}
.hero-sh{position:absolute;inset:0;background:
 linear-gradient(90deg,rgba(20,11,14,calc(var(--hero-dim) + .3)) 0%,rgba(20,11,14,calc(var(--hero-dim) + .12)) 42%,rgba(20,11,14,calc(var(--hero-dim) - .18)) 100%),
 linear-gradient(180deg,rgba(20,11,14,.5) 0%,rgba(20,11,14,.08) 40%,rgba(20,11,14,.22) 78%,rgba(20,11,14,.6) 100%)}
.hero-gr{position:absolute;left:0;right:0;bottom:0;height:74px;background:linear-gradient(180deg,transparent,rgba(20,11,14,.55))}
.hero-in{position:relative;z-index:2}
.nav{border-bottom:1px solid rgba(255,255,255,.12);background:rgba(20,11,14,.28);backdrop-filter:blur(6px)}
.nav .in{height:66px;display:flex;align-items:center;gap:30px}
.logo img{height:26px;width:auto;display:block}
.bar .lg img{height:24px;width:auto;display:block}
body.promode .bar .lg img{content:url('/static/assets/logo-light-96.webp')}
.ft-lg img{height:30px;width:auto;display:block}
.logo{font-size:22px;font-weight:600;letter-spacing:-.03em;cursor:pointer}
.logo span{color:#E0919F}
.navrow{display:none}
.nav a{position:relative;font-size:14.5px;color:rgba(255,255,255,.62);font-weight:500;transition:color .2s;cursor:pointer;user-select:none;padding:6px 0}
.nav a.on{color:#fff;font-weight:600}
.nav a.on::after{content:'';position:absolute;left:0;right:0;bottom:0;height:2px;border-radius:2px;background:#E0919F}
.nav a:hover{color:#fff}
.nav-r{margin-left:auto;display:flex;align-items:center;gap:14px}
.city{display:flex;align-items:center;gap:7px;font-size:14.5px;font-weight:500;color:rgba(255,255,255,.8);padding:8px 12px;border-radius:10px;transition:background .2s}
.city:hover{background:rgba(255,255,255,.07)}
.btn-l{height:42px;padding:0 19px;border-radius:12px;border:1px solid rgba(255,255,255,.2);color:#fff;font-size:14px;font-weight:500;transition:.2s}
.btn-l:hover{background:rgba(255,255,255,.1)}
.btn-w{height:42px;padding:0 21px;border-radius:12px;background:#fff;color:var(--dark);font-size:14px;font-weight:600;transition:.2s}
.btn-w:hover{background:#F0E9E7}
.hero-b{padding:56px 0 42px}
.hero-b h1{font-size:48px;font-weight:600;letter-spacing:-.04em;line-height:1.05;text-shadow:0 2px 24px rgba(0,0,0,.35)}
.hero-b p{font-size:16px;color:rgba(255,255,255,.72);text-shadow:0 1px 14px rgba(0,0,0,.4);margin-top:12px;max-width:520px;line-height:1.55}

.seg{position:relative;z-index:10;display:flex;align-items:center;height:76px;margin-top:30px;background:rgba(28,18,22,.42);border:1px solid rgba(255,255,255,.18);box-shadow:0 12px 40px rgba(0,0,0,.28);border-radius:999px;padding:5px;backdrop-filter:blur(14px)}
.seg .s{flex:1;padding:0 24px;min-width:0;text-align:left;height:100%;display:flex;flex-direction:column;justify-content:center;border-radius:8px;transition:background .2s,box-shadow .2s;position:relative}
.seg .s:first-child{border-radius:999px 8px 8px 999px;padding-left:28px}
.seg .s:nth-child(5){border-radius:8px 999px 999px 8px;margin-right:6px}
.seg .go{position:relative;z-index:2}
.seg .s:hover{background:rgba(255,255,255,.09)}
.seg .s.act{background:rgba(255,255,255,.16);box-shadow:0 4px 18px rgba(0,0,0,.22)}
.seg .s span{display:block;font-size:11.5px;font-weight:600;color:rgba(255,255,255,.45);letter-spacing:.06em;text-transform:uppercase;line-height:1.5}
.seg .s b{display:block;font-size:16.5px;font-weight:500;line-height:1.4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.seg .s.mut b{color:rgba(255,255,255,.42);font-weight:400}
.seg .dv{width:1px;height:34px;background:rgba(255,255,255,.14);flex:none}
.seg .go{width:66px;height:66px;border-radius:50%;background:var(--accent2);color:#fff;display:flex;align-items:center;justify-content:center;flex:none;transition:.2s}
.seg .go:hover{background:#AB3B4C;transform:scale(1.04)}

.pop{position:fixed;z-index:2200;max-height:min(460px,calc(100vh - 130px));overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable;background:var(--surf);border:1px solid var(--line);border-radius:18px;box-shadow:0 24px 60px rgba(0,0,0,.28);padding:10px;min-width:260px;opacity:0;visibility:hidden;transform:translateY(-8px);transition:.2s var(--ease);color:var(--ink)}
.pop.open{opacity:1;visibility:visible;transform:none}
.pop.wide{width:440px}
.mfield{display:flex;align-items:center;gap:9px;margin:2px 4px 8px;padding:0 13px;height:44px;background:var(--surf2);border:1px solid var(--line);border-radius:12px;color:var(--ink3);cursor:text}
.mfield:focus-within{border-color:var(--accent);background:var(--surf)}
.mfield input{flex:1;min-width:0;border:none;outline:none;background:none;font:inherit;font-size:14.5px;color:var(--ink);cursor:text}
.mfield input::placeholder{color:var(--ink3)}
.mchosen{display:flex;flex-wrap:wrap;gap:6px;padding:0 4px 8px}
.mchosen:empty{display:none}
.mnear:empty{display:none}
.mnear{padding:0 4px 8px}
.mnear button{display:flex;align-items:center;gap:8px;width:100%;height:38px;padding:0 12px;border-radius:11px;border:1px dashed var(--line2);font-size:13.5px;color:var(--ink2);background:var(--surf2)}
.mnear button:hover{border-color:var(--accent);color:var(--accent)}
.mchosen button{width:auto;display:inline-flex;align-items:center;gap:7px;height:30px;padding:0 11px;border-radius:9px;background:var(--accent-s);color:var(--accent);font-size:13px;font-weight:500}
.mchosen button:hover{background:rgba(var(--accent-rgb),.14)}
.pop .none{padding:14px 12px;font-size:14px;color:var(--ink3)}

.srch{position:fixed;inset:0;z-index:2400;display:flex;justify-content:center;padding-top:12vh;opacity:0;visibility:hidden;transition:.24s}
.srch.open{opacity:1;visibility:visible}
.srch-bd{position:fixed;inset:0;background:rgba(23,21,26,.5);backdrop-filter:blur(4px)}
.srch-w{position:relative;z-index:2;width:100%;max-width:620px;background:var(--surf);border-radius:20px;overflow:hidden;box-shadow:0 30px 80px rgba(0,0,0,.3);transform:translateY(-10px);transition:transform .26s var(--ease);max-height:70vh;display:flex;flex-direction:column}
.srch.open .srch-w{transform:none}
.srch-f{display:flex;align-items:center;gap:12px;padding:0 20px;height:64px;border-bottom:1px solid var(--line);color:var(--ink3);flex:none}
.srch-f input{flex:1;border:none;outline:none;background:none;font:inherit;font-size:16.5px;color:var(--ink)}
.srch-f .esc{width:34px;height:34px;flex:none;border-radius:11px;border:1px solid var(--line2);color:var(--ink3);display:flex;align-items:center;justify-content:center;transition:.18s}
.esc:hover{background:var(--sand);color:var(--ink);border-color:var(--ink3)}
.srch-r{overflow-y:auto;padding:8px}
.srch-g{padding:10px 12px 4px;font-size:11.5px;font-weight:600;color:var(--ink3);text-transform:uppercase;letter-spacing:.05em}
.srch-i{display:flex;align-items:center;gap:12px;width:100%;padding:10px 12px;border-radius:12px;text-align:left;transition:background .15s}
.srch-i:hover{background:var(--surf2)}
.srch-i .ava{width:38px;height:38px;border-radius:10px;background:linear-gradient(150deg,#EFE7E6,#DDD2D0);display:flex;align-items:center;justify-content:center;font-weight:600;color:var(--ink3);flex:none}
.srch-i .tx b{display:block;font-size:15px;font-weight:600}
.srch-i .tx span{font-size:13px;color:var(--ink3)}
.srch-i .rr{margin-left:auto;font-size:14px;font-weight:600;white-space:nowrap}
.srch-i .dotm{width:9px;height:9px;border-radius:50%;flex:none;margin:0 15px}
.pop .ttl{padding:8px 12px 6px;font-size:11.5px;font-weight:600;color:var(--ink3);text-transform:uppercase;letter-spacing:.05em}
.pop button{display:flex;align-items:center;gap:10px;width:100%;padding:11px 12px;border-radius:11px;font-size:14.5px;color:var(--ink2);text-align:left;transition:background .15s}
.pop button:hover{background:var(--surf2)}
.pop button.on{background:var(--accent-s);color:var(--accent);font-weight:500}
.pop-cols{display:grid;grid-template-columns:1fr 1fr;gap:2px;overflow:visible}
.mdot{width:8px;height:8px;border-radius:50%;flex:none}

.quick{position:relative;z-index:2;display:flex;align-items:center;gap:10px;margin-top:22px;flex-wrap:wrap}
.qc{display:flex;align-items:center;height:42px;padding:0 19px;border-radius:12px;background:rgba(255,255,255,.1);font-size:14px;font-weight:600;color:rgba(255,255,255,.8);box-shadow:0 3px 0 rgba(0,0,0,.35);transition:transform .12s,box-shadow .12s,background .2s}
.qc:hover{background:rgba(255,255,255,.16);color:#fff}
.qc:active{transform:translateY(3px);box-shadow:0 0 0 rgba(0,0,0,.35)}
.qc.on{background:var(--accent2);color:#fff;box-shadow:0 3px 0 #5C1622}
.qc.on:active{transform:translateY(3px);box-shadow:0 0 0 #5C1622}

/* ═══ STICKY BAR ═══ */
.bar{position:fixed;top:0;left:0;right:0;z-index:70;background:rgba(247,244,241,.97);backdrop-filter:blur(20px);border-bottom:1px solid var(--line);transform:translateY(-100%);transition:transform .32s var(--ease)}
.bar.on{transform:none}
.bar .in{height:72px;display:flex;align-items:center;gap:16px}
.bar .lg{font-size:19px;font-weight:600;letter-spacing:-.025em;cursor:pointer}
.bar .lg span{color:var(--accent)}
.bar .rgt{margin-left:auto;display:flex;align-items:center;gap:12px}
.barnav{display:flex;gap:22px;margin-left:26px}
.barnav a{font-size:14.5px;font-weight:500;color:var(--ink2);cursor:pointer;user-select:none;transition:color .2s;position:relative;padding:6px 0}
.barnav a:hover{color:var(--ink)}
.barnav a.on{color:var(--ink);font-weight:600}
.barnav a.on::after{content:'';position:absolute;left:0;right:0;bottom:0;height:2px;border-radius:2px;background:var(--accent)}
@media(max-width:1080px){.barnav{display:none}}
.bar .btn{height:42px;padding:0 18px;border-radius:12px;background:var(--accent);color:#fff;font-size:14px;font-weight:500}
.favbtn{position:relative;display:flex;align-items:center;justify-content:center;width:44px;height:42px;border-radius:12px;border:1px solid rgba(255,255,255,.2);color:#fff;transition:.2s}
.favbtn:hover{background:rgba(255,255,255,.1)}
.favbtn.on{background:#fff;color:var(--accent);border-color:#fff}
.favbtn.on svg{fill:var(--accent)}
.favbtn.dark{border-color:var(--line2);color:var(--ink2)}
.favbtn.dark:hover{background:var(--surf);color:var(--ink)}
.favbtn.dark.on{background:var(--accent);border-color:var(--accent);color:#fff}
.favbtn.dark.on svg{fill:#fff}
.favbtn .fc{position:absolute;top:-6px;right:-6px;min-width:19px;height:19px;padding:0 5px;border-radius:7px;background:var(--accent);color:#fff;font-size:11.5px;font-weight:700;display:flex;align-items:center;justify-content:center;border:2px solid var(--dark)}
.favbtn.dark .fc{border-color:var(--bg)}
.favbtn .fc[hidden]{display:none}

.modes[hidden]{display:none}
.modes{display:flex;gap:3px;padding:4px;background:var(--sand);border-radius:13px;flex:none}
.md{display:flex;align-items:center;gap:7px;height:40px;padding:0 15px;border-radius:10px;font-size:14px;font-weight:500;color:var(--ink2);transition:.2s}
.md:hover{color:var(--ink)}
.md.on{background:var(--surf);color:var(--ink);font-weight:600;box-shadow:0 1px 3px rgba(23,21,26,.1)}

.mapwrap{display:grid;grid-template-columns:396px 1fr;height:calc(100vh - 154px);border-top:1px solid var(--line)}
body.mapmode{overflow:hidden}
body.mapmode .hero{display:none}
body.mapmode .bar{transform:none}
body.mapmode .tools{position:static;margin-top:var(--barh,72px)}
body.promode{padding-top:73px}
body.cabmode{padding-top:73px}
body.promode .bar{transform:none}
.mapwrap[hidden]{display:none}
.maplist{overflow-y:auto;padding:16px;background:var(--bg);border-right:1px solid var(--line)}
.mapbox{position:relative;background:#E8E4DF}
#map{position:absolute;inset:0;z-index:1}
.leaflet-pane,.leaflet-control{z-index:auto!important}
.mapnote{position:absolute;left:50%;transform:translateX(-50%);top:14px;z-index:500;background:rgba(23,21,26,.82);color:#fff;padding:9px 15px;border-radius:11px;font-size:13px;backdrop-filter:blur(6px)}
.mapnote[hidden]{display:none}
.mc{display:flex;gap:12px;padding:11px;border-radius:14px;background:var(--surf);border:1px solid var(--line);cursor:pointer;transition:.2s;margin-bottom:10px}
.mc:hover,.mc.hi{border-color:var(--accent);box-shadow:0 8px 22px rgba(var(--accent-rgb),.12)}
.mc .ph2{width:78px;height:96px;border-radius:11px;background-color:#EFE7E6;background-image:linear-gradient(150deg,#EFE7E6,#DDD2D0);background-size:cover;background-position:center;flex:none;display:flex;align-items:center;justify-content:center;font-size:30px;font-weight:600;color:rgba(23,21,26,.1)}
.mc .bd{flex:1;min-width:0;display:flex;flex-direction:column}
.mc .nm{display:flex;align-items:baseline;gap:7px}
.mc .nm b{font-size:16.5px;font-weight:600;letter-spacing:-.02em}
.mc .nm i{font-style:normal;font-size:13.5px;color:var(--ink3)}
.mc .mt2{display:flex;align-items:center;gap:6px;margin-top:4px;font-size:13px;color:var(--ink2)}
.mc .sp2{display:flex;gap:8px;margin-top:6px;font-size:12.5px;color:var(--ink3)}
.mc .pr2{margin-top:auto;font-size:15.5px;font-weight:600}
.mc .pr2 span{font-size:12px;color:var(--ink3);font-weight:400}
.pin{background:var(--surf);border:1.5px solid var(--ink);border-radius:999px;padding:5px 11px;font-size:13px;font-weight:600;white-space:nowrap;box-shadow:0 3px 10px rgba(0,0,0,.18);transition:.15s}
.pin.hi{background:var(--accent);border-color:var(--accent);color:#fff;transform:scale(1.08)}
.fbmap{position:absolute;inset:0;overflow:hidden;background:
 linear-gradient(#DFDAD3 1px,transparent 1px) 0 0/48px 48px,
 linear-gradient(90deg,#DFDAD3 1px,transparent 1px) 0 0/48px 48px,#E8E4DF}
.fbdot{position:absolute;transform:translate(-50%,-50%);text-align:center}
.fblb{margin-top:5px;font-size:11.5px;color:var(--ink3);white-space:nowrap}
.favhead[hidden]{display:none}
.favhead{display:flex;align-items:center;gap:16px;margin-bottom:22px}
.favhead h2{font-size:27px;font-weight:600;letter-spacing:-.03em}
.favhead .back{display:flex;align-items:center;gap:7px;height:40px;padding:0 15px 0 11px;border-radius:12px;border:1px solid var(--line2);font-size:14.5px;font-weight:500;color:var(--ink2);transition:.2s}
.favhead .back:hover{border-color:var(--ink);color:var(--ink)}
.favhead .fn{font-size:14.5px;color:var(--ink3)}
.favhead .clrfav{margin-left:auto;font-size:14px;color:var(--ink3);text-decoration:underline;text-underline-offset:3px}
.favhead .clrfav:hover{color:var(--accent)}
.citybtn{display:flex;align-items:center;gap:7px;height:42px;padding:0 14px;border-radius:12px;border:1px solid var(--line2);font-size:14.5px;color:var(--ink2);transition:.2s}
.citybtn b{font-weight:500;color:var(--ink)}
.citybtn:hover{border-color:var(--ink3);background:var(--surf)}
.citybtn svg:last-child{opacity:.5}

.segmini{display:flex;align-items:center;height:48px;background:var(--surf);border:1px solid var(--line2);border-radius:999px;padding:4px 4px 4px 6px;flex:none;width:408px}
.segmini .s{flex:1;padding:0 15px;height:40px;border-radius:8px;display:flex;align-items:center;min-width:0;transition:background .2s}
.segmini .s:first-child{border-radius:999px 8px 8px 999px;padding-left:18px}
.segmini .s:nth-child(5){border-radius:8px 999px 999px 8px;margin-right:5px}
.segmini .go{position:relative;z-index:2}
.segmini .s:hover{background:var(--sand)}
.segmini .s.act{background:var(--sand)}
.segmini .s b{font-size:14px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.segmini .s.mut b{color:var(--ink3);font-weight:400}
.segmini .dv{width:1px;height:20px;background:var(--line);flex:none}
.segmini .go{margin-left:4px;width:40px;height:40px;border-radius:50%;background:var(--accent);color:#fff;display:flex;align-items:center;justify-content:center;flex:none;transition:background .2s}
.segmini .go:hover{background:var(--accent2)}

/* ═══ TOOLBAR ═══ */
.tools{position:sticky;top:0;z-index:60;background:rgba(247,244,241,.94);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}
.tools.shift{top:var(--barh,72px)}
.tools .in{display:flex;align-items:center;gap:11px;padding:16px 0}
.fbtn{display:flex;align-items:center;gap:9px;height:44px;padding:0 17px;border-radius:12px;background:var(--surf);border:1px solid var(--line2);color:var(--ink);font-size:14.5px;font-weight:500;transition:.2s}
.fbtn:hover{border-color:var(--ink);box-shadow:0 4px 14px rgba(23,21,26,.07)}
.fbtn.act{border-color:var(--accent);color:var(--accent)}
.fbtn.act svg{color:var(--accent)}
.fbtn .b{min-width:20px;height:20px;padding:0 6px;border-radius:7px;background:var(--accent);color:#fff;font-size:12px;font-weight:700;display:flex;align-items:center;justify-content:center}
.fbtn .b[hidden]{display:none}
.tags{display:flex;gap:8px;flex:1;min-width:0;overflow:hidden;flex-wrap:nowrap}
.tag{display:flex;align-items:center;gap:8px;height:34px;padding:0 12px;border-radius:10px;background:var(--accent-s);color:var(--accent);font-size:13.5px;font-weight:500;white-space:nowrap;flex:none;transition:background .18s}
.tag:hover{background:rgba(var(--accent-rgb),.14)}
.tag svg{opacity:.55}
.tag.more{background:var(--sand);color:var(--ink2)}
.tag.more:hover{background:var(--line)}
.clr{font-size:13.5px;color:var(--ink3);text-decoration:underline;text-underline-offset:3px;white-space:nowrap;flex:none}
.clr:hover{color:var(--ink)}
.cnt{font-size:14px;color:var(--ink3);white-space:nowrap}
@media(max-width:1420px){.tags .clr{display:none}}
@media(max-width:1300px){.segmini{width:340px}}
.sortw{position:relative}
.sort{display:flex;align-items:center;gap:8px;height:38px;padding:0 15px;background:var(--surf);border:1px solid var(--line);border-radius:11px;font-size:14px;font-weight:500;color:var(--ink2);white-space:nowrap}
.sort:hover{border-color:var(--line2)}
.sortw .pop{min-width:215px;box-shadow:0 18px 44px rgba(23,21,26,.14)}
.rgt{margin-left:auto;display:flex;align-items:center;gap:12px}



/* ═══ AUTH ═══ */
.auth{position:fixed;inset:0;z-index:2500;display:flex;align-items:flex-start;justify-content:center;padding:24px 16px;opacity:0;visibility:hidden;transition:.24s;overflow-y:auto}
.auth.open{opacity:1;visibility:visible}
.auth-bd{position:fixed;inset:0;background:rgba(23,21,26,.55);backdrop-filter:blur(4px)}
.auth-w{position:relative;z-index:2;width:100%;max-width:420px;margin:auto;background:var(--surf);border-radius:22px;box-shadow:0 30px 80px rgba(0,0,0,.3);transform:translateY(-8px);transition:transform .26s var(--ease);display:flex;flex-direction:column;max-height:calc(100vh - 48px)}
.auth.open .auth-w{transform:none}
.auth-head{display:flex;align-items:center;gap:10px;padding:14px 14px 0;flex:none}
.auth-tabs{display:flex;flex:1;padding:5px;background:var(--surf2);border-radius:14px;gap:4px}
.auth-tabs button{flex:1;height:40px;border-radius:11px;font-size:14.5px;font-weight:500;color:var(--ink2);transition:.2s}
.auth-tabs button.on{background:var(--surf);color:var(--ink);font-weight:600;box-shadow:0 1px 4px rgba(23,21,26,.1)}
.auth-b{padding:18px;overflow-y:auto;flex:1}
.auth-b h3{font-size:20px;font-weight:600;letter-spacing:-.02em;margin-bottom:6px}
.auth-b .sub{font-size:13.5px;color:var(--ink3);margin-bottom:16px;line-height:1.5}
.af{margin-bottom:11px}
.af label{display:block;font-size:12.5px;color:var(--ink3);margin-bottom:5px}
.af input,.af select{width:100%;height:46px;padding:0 14px;border:1px solid var(--line2);border-radius:12px;background:var(--surf);font:inherit;font-size:15px;color:var(--ink);outline:none;transition:border-color .2s}
.af input:focus,.af select:focus{border-color:var(--accent)}
.af.code input{text-align:center;font-size:26px;font-weight:700;letter-spacing:10px;height:60px}
.agree{display:flex;gap:10px;align-items:flex-start;font-size:13px;color:var(--ink2);line-height:1.5;margin:4px 0 14px;cursor:pointer}
.agree input{width:18px;height:18px;margin-top:1px;flex:none;accent-color:var(--accent)}
.auth-go{width:100%;height:50px;border-radius:14px;background:var(--accent);color:#fff;font-size:15.5px;font-weight:600;transition:background .2s}
.auth-go:hover{background:var(--accent2)}
.auth-go:disabled{opacity:.55}
.auth-err{min-height:20px;font-size:13px;color:var(--accent);margin-top:9px;text-align:center}
.auth-note{margin-top:12px;font-size:12.5px;color:var(--ink3);text-align:center;line-height:1.5}
.auth-note a{color:var(--accent);cursor:pointer}
.auth-x{width:40px;height:40px;flex:none;border-radius:12px;display:flex;align-items:center;justify-content:center;color:var(--ink3);border:1px solid var(--line)}
.auth-x:hover{background:var(--surf2);color:var(--ink)}
.devcode{margin-top:10px;padding:10px 12px;border-radius:11px;background:var(--accent-s);color:var(--accent);font-size:13px;text-align:center}
.userbtn{display:flex;align-items:center;gap:9px;height:42px;padding:0 8px 0 14px;border-radius:12px;border:1px solid var(--line2);font-size:14px;font-weight:500;color:var(--ink)}
.userbtn .av{width:28px;height:28px;border-radius:50%;background:var(--accent);color:#fff;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700}
.nav-r .userbtn{border-color:rgba(255,255,255,.22);color:#fff}


.fhint{float:right;font-size:11.5px;color:var(--accent);font-weight:600;letter-spacing:.02em}
.auth-or{display:flex;align-items:center;gap:12px;margin:16px 0 12px;color:var(--ink3);font-size:12.5px}
.auth-or::before,.auth-or::after{content:'';flex:1;height:1px;background:var(--line)}
.tg-btn{display:flex;align-items:center;justify-content:center;gap:9px;width:100%;height:48px;border-radius:14px;background:#2AABEE;color:#fff;font-size:15px;font-weight:600;transition:.2s}
.tg-btn:hover{background:#1E97D6}
.waitbig{font-size:52px;font-weight:700;text-align:center;color:var(--accent);letter-spacing:-.03em;margin:18px 0 4px}


.pl{display:flex;gap:8px}
.pl-cc{position:relative;flex:none}
.pl-btn{display:flex;align-items:center;gap:7px;height:46px;padding:0 12px;border:1px solid var(--line2);border-radius:12px;background:var(--surf);font-size:15px;white-space:nowrap}
.pl-btn:hover{border-color:var(--ink3)}
.pl-btn .fl{font-size:19px;line-height:1}
.pl-btn .dl{font-weight:500}
.pl-btn svg{opacity:.5}
.pl-list{position:absolute;top:52px;left:0;z-index:10;width:290px;max-height:280px;overflow-y:auto;background:var(--surf);border:1px solid var(--line);border-radius:14px;box-shadow:0 18px 44px rgba(23,21,26,.16);padding:6px;display:none}
.pl-list.on{display:block}
.pl-list input{width:100%;height:38px;border:1px solid var(--line);border-radius:10px;padding:0 11px;margin-bottom:6px;font:inherit;font-size:14px;outline:none}
.pl-list button{display:flex;align-items:center;gap:10px;width:100%;padding:9px 10px;border-radius:10px;font-size:14.5px;text-align:left}
.pl-list button:hover{background:var(--surf2)}
.pl-list .cd{margin-left:auto;color:var(--ink3);font-size:13.5px}
.cab{padding:26px 0 70px;margin-top:8px}
.cab[hidden]{display:none}
.cab-h{display:flex;align-items:center;gap:16px;margin-bottom:20px}
.cab-av{width:74px;height:74px;border-radius:50%;background:var(--sand) center/cover;display:flex;align-items:center;justify-content:center;font-size:27px;font-weight:600;color:var(--ink3);flex:none;position:relative;overflow:hidden;cursor:pointer}
.cab-av input{display:none}
.cab-av .ov{position:absolute;inset:0;background:rgba(23,21,26,.55);color:#fff;font-size:11.5px;display:flex;align-items:center;justify-content:center;opacity:0;transition:.2s;text-align:center;padding:4px}
.cab-av:hover .ov{opacity:1}
.cab-h h1{font-size:29px;font-weight:600;letter-spacing:-.03em}
.cab-h .rl{font-size:14px;color:var(--ink2);margin-top:3px;display:flex;align-items:center;gap:8px}
.cab-tabs{display:flex;gap:4px;padding:5px;background:var(--sand);border-radius:14px;margin-bottom:20px;flex-wrap:wrap}
.cab-tabs button{height:42px;padding:0 18px;border-radius:11px;font-size:14.5px;font-weight:500;color:var(--ink2)}
.cab-tabs button.on{background:var(--surf);color:var(--ink);font-weight:600;box-shadow:0 1px 4px rgba(23,21,26,.1)}
.cbox{background:var(--surf);border:1px solid var(--line);border-radius:18px;padding:22px;margin-bottom:16px}
.cbox h3{font-size:17.5px;font-weight:600;letter-spacing:-.02em;margin-bottom:4px}
.cbox .cd2{font-size:13.5px;color:var(--ink3);margin-bottom:16px}
.cg2{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.cg3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px}
.cf label{display:block;font-size:12.5px;color:var(--ink3);margin-bottom:5px}
.cf input,.cf select,.cf textarea{width:100%;height:46px;padding:0 14px;border:1px solid var(--line2);border-radius:12px;font:inherit;font-size:15px;background:var(--surf);outline:none}
.cf textarea{height:auto;padding:11px 14px;resize:vertical}
.cf input:focus,.cf textarea:focus,.cf select:focus{border-color:var(--accent)}
.cf{margin-bottom:12px}
.cbtn{height:48px;padding:0 22px;border-radius:13px;background:var(--accent);color:#fff;font-size:15px;font-weight:600}
.cbtn:hover{background:var(--accent2)}
.cbtn.gh{background:none;border:1px solid var(--line2);color:var(--ink)}
.cbtn.gh:hover{border-color:var(--ink)}
.chips{display:flex;flex-wrap:wrap;gap:8px}
.mlist{display:none;position:relative;margin-top:6px;max-height:230px;overflow-y:auto;border:1px solid var(--line);border-radius:12px;background:var(--surf);padding:6px}
.mlist.on{display:block}
.mlist button{display:flex;align-items:center;gap:9px;width:100%;padding:9px 11px;border-radius:9px;font-size:14.5px;text-align:left;color:var(--ink2)}
.mlist button:hover{background:var(--surf2);color:var(--ink)}
.mlist i{width:8px;height:8px;border-radius:50%;flex:none}
.mnone{padding:12px;color:var(--ink3);font-size:14px}
.chips button{height:38px;padding:0 15px;border-radius:11px;border:1px solid var(--line2);font-size:14px;color:var(--ink2);background:var(--surf)}
.chips button.on{background:var(--accent);border-color:var(--accent);color:#fff;font-weight:500}
.status{display:inline-flex;align-items:center;gap:8px;height:32px;padding:0 14px;border-radius:10px;font-size:13px;font-weight:600}
.status.draft{background:var(--sand);color:var(--ink2)}
.status.pending{background:rgba(217,119,6,.12);color:#B45309}
.status.approved{background:rgba(37,163,102,.12);color:#1F7A4C}
.status.rejected{background:var(--accent-s);color:var(--accent)}
.steps2{display:flex;gap:8px;margin-bottom:18px;flex-wrap:wrap}
.steps2 div{display:flex;align-items:center;gap:8px;height:36px;padding:0 14px;border-radius:10px;background:var(--surf2);border:1px solid var(--line);font-size:13.5px;color:var(--ink3)}
.steps2 div.on{background:var(--accent-s);border-color:rgba(var(--accent-rgb),.25);color:var(--accent);font-weight:600}
.steps2 div.done{color:#1F7A4C;border-color:rgba(37,163,102,.25);background:rgba(37,163,102,.07)}
.phgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:10px;margin-top:12px}
.phit{position:relative;aspect-ratio:3/4;border-radius:12px;background:var(--sand) center/cover;border:2px solid transparent}
.phit.main{border-color:var(--accent)}
.phit .x{position:absolute;top:6px;right:6px;width:26px;height:26px;border-radius:8px;background:rgba(23,21,26,.65);color:#fff;display:flex;align-items:center;justify-content:center;font-size:15px}
.phit .mk{position:absolute;left:6px;bottom:6px;height:24px;padding:0 9px;border-radius:7px;background:rgba(255,255,255,.92);font-size:11.5px;font-weight:600}
.drop2{border:2px dashed var(--line2);border-radius:14px;padding:22px;text-align:center;color:var(--ink3);cursor:pointer;font-size:14px;transition:.2s}
.drop2:hover,.drop2.hot{border-color:var(--accent);color:var(--accent);background:var(--accent-s)}
.stat3{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:16px}
.stat3 div{background:var(--surf);border:1px solid var(--line);border-radius:14px;padding:14px 16px}
.stat3 b{display:block;font-size:24px;font-weight:600;letter-spacing:-.02em}
.stat3 span{font-size:12.5px;color:var(--ink3)}
@media(max-width:760px){.cg2,.cg3,.stat3{grid-template-columns:1fr}}


.wz{max-width:720px;margin:0 auto}
.wz-top{display:flex;align-items:center;gap:12px;margin-bottom:18px}
.wz-top .bk{width:42px;height:42px;border-radius:12px;border:1px solid var(--line2);display:flex;align-items:center;justify-content:center;color:var(--ink2);flex:none}
.wz-top .bk:hover{border-color:var(--ink);color:var(--ink)}
.wz-top h2{font-size:23px;font-weight:600;letter-spacing:-.02em}
.wz-top .cnt2{margin-left:auto;font-size:13.5px;color:var(--ink3);white-space:nowrap}
.wz-bar{height:6px;border-radius:4px;background:var(--sand);overflow:hidden;margin-bottom:22px}
.wz-bar i{display:block;height:100%;background:var(--accent);border-radius:4px;transition:width .35s var(--ease)}
.wz-card{background:var(--surf);border:1px solid var(--line);border-radius:20px;padding:26px}
.wz-card h3{font-size:21px;font-weight:600;letter-spacing:-.025em;margin-bottom:6px}
.wz-card .hint2{font-size:14px;color:var(--ink3);line-height:1.5;margin-bottom:20px}
.wz-nav{display:flex;gap:10px;margin-top:22px}
.wz-nav button{height:52px;border-radius:14px;font-size:15.5px;font-weight:600;flex:1}
.wz-nav .prev{background:none;border:1px solid var(--line2);color:var(--ink);flex:0 0 auto;padding:0 24px}
.wz-nav .next{background:var(--accent);color:#fff}
.wz-nav .next:hover{background:var(--accent2)}
.wz-nav .next:disabled{opacity:.5}
.big-add{background:var(--surf);border:1px solid var(--line);border-radius:22px;padding:34px;text-align:center}
.big-add .ic{width:64px;height:64px;border-radius:20px;background:var(--accent-s);color:var(--accent);display:flex;align-items:center;justify-content:center;margin:0 auto 16px}
.big-add h3{font-size:22px;font-weight:600;letter-spacing:-.025em;margin-bottom:8px}
.big-add p{font-size:15px;color:var(--ink2);max-width:420px;margin:0 auto 20px;line-height:1.6}
.big-add .cbtn{padding:0 30px}
.mycard{display:flex;gap:18px;background:var(--surf);border:1px solid var(--line);border-radius:20px;padding:18px;align-items:flex-start;flex-wrap:wrap}
.mycard .cover{width:120px;height:150px;border-radius:14px;background:var(--sand) center/cover;flex:none}
.mycard .info{flex:1;min-width:220px}
.mycard .info h3{font-size:19px;font-weight:600;margin-bottom:6px}
.mycard .row2{display:flex;gap:10px;flex-wrap:wrap;margin:10px 0;font-size:13.5px;color:var(--ink2)}
.mycard .row2 span{background:var(--surf2);border:1px solid var(--line);border-radius:9px;padding:6px 11px}
.mycard .acts{display:flex;gap:9px;flex-wrap:wrap;margin-top:14px}
.wz-fields{display:grid;gap:14px}
.wz-fields.two{grid-template-columns:1fr 1fr}
.wz-fields.three{grid-template-columns:1fr 1fr 1fr}
@media(max-width:720px){.wz-fields.two,.wz-fields.three{grid-template-columns:1fr}.wz-card{padding:18px;border-radius:16px}.cab-tabs{overflow-x:auto;flex-wrap:nowrap}.cab-tabs button{flex:none}}


/* ═══ МОБИЛЬНЫЙ ТАБ-БАР ═══ */
.tabbar{position:fixed;left:0;right:0;bottom:0;z-index:2000;display:none;overflow:visible;
  background:rgba(255,255,255,.94);backdrop-filter:blur(18px);
  border-top:1px solid var(--line);
  padding:6px 6px calc(6px + env(safe-area-inset-bottom,0px));
  box-shadow:0 -6px 24px rgba(23,21,26,.07)}
.tabbar .row{display:flex;align-items:flex-end;max-width:560px;margin:0 auto;gap:2px}
.tabbar button[data-tab="search"]{flex:0 0 auto;position:relative;top:-32px;margin:0 6px;width:58px;height:58px;align-self:flex-end;border-radius:20px;
  background:linear-gradient(150deg,var(--accent2),var(--accent));color:#fff;gap:0;padding:0;
  box-shadow:0 8px 22px rgba(var(--accent-rgb),.4),0 0 0 5px var(--bg)}
.tabbar button[data-tab="search"] svg{width:25px;height:25px;stroke-width:2.2}
.tabbar button[data-tab="search"] span{display:none}
.tabbar button[data-tab="search"].on::before{display:none}
.tabbar button[data-tab="search"]:active{transform:scale(.94)}
body.promode .tabbar button[data-tab="search"]{box-shadow:0 8px 22px rgba(var(--accent-rgb),.5),0 0 0 5px var(--dark);color:#fff}
.tabbar button{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;
  padding:7px 1px 5px;border-radius:13px;color:var(--ink3);font-size:10.5px;font-weight:600;letter-spacing:-.01em;
  transition:color .18s,background .18s;position:relative;min-width:0}
.tabbar button svg{width:20px;height:20px;stroke-width:1.9}
.tabbar button span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
@media(max-width:440px){.tabbar button{font-size:9.5px;letter-spacing:-.03em;padding:6px 0 4px}.tabbar button svg{width:19px;height:19px}.tabbar .cnt{right:calc(50% - 15px)}
  .tabbar button[data-tab="search"]{width:52px;height:52px;top:-28px;margin:0 4px;border-radius:18px}
  .tabbar button[data-tab="search"] svg{width:23px;height:23px}}
@media(max-width:340px){.tabbar button{font-size:8.5px}.tabbar .row{gap:0}}




.tabbar button.on{color:var(--accent)}
.tabbar button.on::before{content:'';position:absolute;top:0;left:50%;transform:translateX(-50%);width:22px;height:3px;border-radius:2px;background:var(--accent)}
.tabbar button:active{background:var(--sand)}
.tabbar .cnt{position:absolute;top:3px;right:calc(50% - 20px);min-width:16px;height:16px;padding:0 4px;
  border-radius:8px;background:var(--accent);color:#fff;font-size:10px;font-weight:700;
  display:none;align-items:center;justify-content:center}
.tabbar .cnt.on{display:flex}
body.promode .tabbar{background:rgba(27,16,19,.94);border-top-color:rgba(255,255,255,.1)}
body.promode .tabbar button{color:rgba(255,255,255,.5)}
body.promode .tabbar button.on{color:#E0919F}
body.promode .tabbar button.on::before{background:#E0919F}
@media(max-width:760px){
  .tabbar{display:block}
  body{padding-bottom:calc(84px + env(safe-area-inset-bottom,0px))}
  .ft-disc{padding-bottom:8px}
  .pm-w{padding-bottom:calc(84px + env(safe-area-inset-bottom,0px))}
  .dw-f{padding-bottom:calc(80px + env(safe-area-inset-bottom,0px))}
  .srch-w{padding-bottom:calc(74px + env(safe-area-inset-bottom,0px))}
  .auth-w{margin-bottom:calc(74px + env(safe-area-inset-bottom,0px))}
  .cab{padding-bottom:90px}
  .pro{padding-bottom:90px}
  .wz-nav{position:sticky;bottom:calc(74px + env(safe-area-inset-bottom,0px));background:var(--surf);padding-top:10px}
}


/* ФОТО: заполняет карточку целиком, без подложек и просветов */
.ph[style*="background-image"],
.pm-main[style*="background-image"],
.mc .ph2[style*="background-image"]{
  background-size:cover!important;
  background-repeat:no-repeat!important;
  background-position:center 22%!important;
  background-color:#EFE7E6;
}
@media(max-width:760px){
  .pm-main{aspect-ratio:3/4;max-height:none}
}

/* ═══ FOOTER ═══ */
.ft{background:var(--dark);color:#fff;padding:52px 0 0;margin-top:20px}
.ft-top{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:30px;padding-bottom:40px}
.ft-lg{font-size:23px;font-weight:600;letter-spacing:-.03em}
.ft-lg span{color:#E0919F}
.ft-ab{margin-top:14px;font-size:14.5px;color:rgba(255,255,255,.55);line-height:1.6;max-width:330px}
.ft-soc{display:flex;gap:9px;margin-top:20px}
.ft-soc a{width:40px;height:40px;border-radius:12px;background:rgba(255,255,255,.07);display:flex;align-items:center;justify-content:center;color:rgba(255,255,255,.75);transition:.2s}
.ft-soc a:hover{background:#fff;color:var(--dark)}
.ft h4{font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:rgba(255,255,255,.42);margin-bottom:15px}
.ft ul{list-style:none;display:flex;flex-direction:column;gap:11px}
.ft ul a{font-size:14.5px;color:rgba(255,255,255,.72);transition:color .2s;cursor:pointer}
.ft ul a:hover{color:#fff}
.ft-bot{border-top:1px solid rgba(255,255,255,.1);padding:22px 0 26px;display:flex;align-items:center;gap:20px;flex-wrap:wrap;row-gap:14px}
.ft-cp{font-size:13.5px;color:rgba(255,255,255,.4)}
.ft-lks{display:flex;gap:18px;font-size:13.5px;color:rgba(255,255,255,.55);flex-wrap:wrap}
.ft-lks a:hover{color:#fff}
.age18{margin-left:auto;display:inline-flex;align-items:center;gap:12px;padding:9px 16px;border:2px solid rgba(255,255,255,.85);border-radius:7px;transform:rotate(-1.2deg);transition:.25s var(--ease);max-width:100%}
.age18:hover{border-color:#fff;transform:rotate(-1.2deg) scale(1.02)}
.age18 b{font-size:21px;font-weight:800;letter-spacing:-.03em;color:#fff;line-height:1;flex:none}
.age18 .t1{font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:rgba(255,255,255,.78);line-height:1.4;max-width:170px;white-space:normal;overflow-wrap:normal;word-break:keep-all;hyphens:none}

.ft-disc{padding:0 0 34px;font-size:12.5px;color:rgba(255,255,255,.32);line-height:1.65;max-width:920px}
@media(max-width:1100px){.ft-bot{gap:14px}.age18{margin-left:0}}
@media(max-width:900px){.ft-top{grid-template-columns:1fr 1fr;gap:26px}.age18{margin-left:0}
  .ft{padding-top:36px}.ft-lks{gap:12px;font-size:13px}}
@media(max-width:560px){.ft-top{grid-template-columns:1fr}}

/* ═══ PRO PAGE ═══ */
.pro{padding:34px 0 70px}
body.promode{background:var(--dark)!important;color:#fff}
body.promode .bar{background:rgba(27,16,19,.97);border-bottom:1px solid rgba(255,255,255,.1)}
body.promode .bar .lg{color:#fff}
body.promode .bar .lg span{color:#E0919F}
body.promode .barnav a{color:rgba(255,255,255,.6)}
body.promode .barnav a:hover,body.promode .barnav a.on{color:#fff}
body.promode .citybtn{border-color:rgba(255,255,255,.2);color:rgba(255,255,255,.75)}
body.promode .citybtn:hover{background:rgba(255,255,255,.1)}
body.promode .favbtn.dark:hover{background:rgba(255,255,255,.1);color:#fff}
body.promode .btn.gh{border-color:rgba(255,255,255,.25);color:#fff}
body.promode .btn.gh:hover{background:rgba(255,255,255,.1)}
body.promode .citybtn b{color:#fff}
body.promode .favbtn.dark{border-color:rgba(255,255,255,.2);color:rgba(255,255,255,.75)}
body.promode .pro-h h1{color:#fff}
body.promode .pro-h p{color:rgba(255,255,255,.6)}
body.promode .sech{color:#fff}
body.promode .step,body.promode .rule{background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.1)}
body.promode .step h4,body.promode .rule h4{color:#fff}
body.promode .step p,body.promode .rule li{color:rgba(255,255,255,.6)}
body.promode .step b{background:rgba(var(--accent-rgb),.35);color:#F0B9C2}
body.promode .rule.ok h4{color:#6EE7A8}
body.promode .rule.no h4{color:#F0919F}
body.promode .pro-cta .b2{border-color:rgba(255,255,255,.25);color:#fff}
body.promode .pro-free{background:rgba(110,231,168,.1);border:1px solid rgba(110,231,168,.25);color:#8EEBB8}
.pro-free{margin-top:22px;padding:14px 18px;border-radius:14px;font-size:14.5px;font-weight:500;background:rgba(37,163,102,.08);border:1px solid rgba(37,163,102,.2);color:#1F7A4C}
.step b{display:flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:13px;background:var(--accent-s);color:var(--accent);margin-bottom:14px}
.rule h4{display:flex;align-items:center;gap:9px}
.pro[hidden]{display:none}
.pro-h{max-width:760px}
.pro-h h1{font-size:38px;font-weight:600;letter-spacing:-.035em;line-height:1.1}
.pro-h p{margin-top:14px;font-size:16px;color:var(--ink2);line-height:1.6}
.pro-cta{display:flex;gap:11px;margin-top:24px}
.pro-cta .b1{height:52px;padding:0 24px;border-radius:14px;background:var(--accent);color:#fff;font-size:15.5px;font-weight:600;display:flex;align-items:center;transition:background .2s}
.pro-cta .b1:hover{background:var(--accent2)}
.pro-cta .b2{height:52px;padding:0 22px;border-radius:14px;border:1px solid var(--line2);font-size:15.5px;font-weight:500;display:flex;align-items:center;transition:.2s}
.pro-cta .b2:hover{border-color:var(--ink)}
.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:44px}
.step{background:var(--surf);border:1px solid var(--line);border-radius:18px;padding:22px}

.step h4{font-size:16.5px;font-weight:600;letter-spacing:-.02em;margin-bottom:7px}
.step p{font-size:14px;color:var(--ink2);line-height:1.55}
.rules{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:22px}
.rule{background:var(--surf);border:1px solid var(--line);border-radius:18px;padding:24px}
.rule h4{font-size:17px;font-weight:600;margin-bottom:14px;display:flex;align-items:center;gap:9px}
.rule.ok h4{color:#1F7A4C}
.rule.no h4{color:var(--accent)}
.rule ul{list-style:none;display:flex;flex-direction:column;gap:10px}
.rule li{font-size:14.5px;color:var(--ink2);padding-left:20px;position:relative;line-height:1.5}
.rule li::before{content:'';position:absolute;left:0;top:8px;width:7px;height:7px;border-radius:50%;background:var(--line2)}
.rule.ok li::before{background:#4CB782}
.rule.no li::before{background:var(--accent2)}
.tarifs{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:22px}
.tar{background:var(--surf);border:1px solid var(--line);border-radius:18px;padding:24px;display:flex;flex-direction:column}
.tar.hl{border-color:var(--accent);box-shadow:0 12px 34px rgba(var(--accent-rgb),.1)}
.tar h4{font-size:18px;font-weight:600;letter-spacing:-.02em}
.tar .pr{font-size:26px;font-weight:600;letter-spacing:-.03em;margin:10px 0 4px}
.tar .pr span{font-size:14px;color:var(--ink3);font-weight:400}
.tar p{font-size:14px;color:var(--ink2);line-height:1.55;margin-top:8px}
.tar .go2{margin-top:auto;padding-top:18px;font-size:14.5px;font-weight:600;color:var(--accent)}
.sech{font-size:24px;font-weight:600;letter-spacing:-.025em;margin:44px 0 4px}
.secp{font-size:15px;color:var(--ink2);margin-bottom:18px}
@media(max-width:1080px){.steps{grid-template-columns:1fr 1fr}.tarifs{grid-template-columns:1fr}}
@media(max-width:760px){.pro-h h1{font-size:27px}.steps,.rules{grid-template-columns:1fr}.pro-cta{flex-direction:column}.pro-cta .b1,.pro-cta .b2{justify-content:center}}

/* ═══ GRID ═══ */
.wrap{padding:26px 0 90px}
.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.empty{grid-column:1/-1;padding:70px 0;text-align:center;color:var(--ink2)}
.empty b{display:block;font-size:20px;font-weight:600;color:var(--ink);margin-bottom:8px}

/* ═══ CARD ═══ */
.card{background:var(--surf);border:1px solid var(--line);border-radius:18px;padding:16px;display:grid;
 grid-template-rows:34px 22px 26px var(--media-h) 40px auto 14px 48px 40px;cursor:pointer;
 transition:box-shadow .3s var(--ease),transform .3s var(--ease),border-color .3s}
.card:hover{transform:translateY(-3px);box-shadow:0 16px 40px rgba(23,21,26,.09);border-color:var(--line2)}
.c-top{display:flex;align-items:flex-start;gap:8px}
.c-top h3{font-size:21px;font-weight:600;letter-spacing:-.025em;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.c-fav{margin-left:auto;width:32px;height:32px;display:flex;align-items:center;justify-content:center;color:var(--ink3);flex:none;border-radius:9px;transition:.2s}
.c-fav:hover{color:var(--accent);background:var(--accent-s)}
.c-fav.on{color:var(--accent)}
.c-fav.on svg{fill:var(--accent)}
.c-metro{display:flex;align-items:center;gap:7px;font-size:13.5px;color:var(--ink2)}
.c-metro i{width:7px;height:7px;border-radius:50%;flex:none}
.c-badges{display:flex;align-items:center;gap:6px;height:26px;overflow:hidden}
.bdg{display:flex;align-items:center;gap:5px;height:23px;padding:0 9px;border-radius:8px;font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;white-space:nowrap}
.bdg.elite{background:rgba(168,132,44,.11);color:var(--gold)}
.bdg.new{background:var(--accent-s);color:var(--accent)}
.bdg.free{background:rgba(37,163,102,.1);color:#1F7A4C}
.bdg.sal{background:rgba(23,21,26,.07);color:var(--ink2)}

.ph{position:relative;border-radius:15px;overflow:hidden;background:linear-gradient(150deg,#EFE7E6,#DDD2D0);margin-top:8px;height:calc(var(--media-h) - 8px)}
.ph[style*="background-image"]::after{display:none}
.ph::after{content:attr(data-l);position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:96px;font-weight:600;color:rgba(23,21,26,.07)}
.ph-tools{position:absolute;top:10px;left:10px;display:flex;flex-direction:column;gap:7px;z-index:3}
.ph-tools button{width:32px;height:32px;border-radius:10px;background:rgba(255,255,255,.9);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;color:var(--ink);transition:.2s}
.ph-tools button:hover{background:#fff;transform:scale(1.05)}
.ph-n{position:absolute;top:10px;right:10px;height:24px;padding:0 9px;border-radius:8px;background:rgba(23,21,26,.45);color:#fff;font-size:12px;display:flex;align-items:center;backdrop-filter:blur(6px);z-index:3}
.ph-vf{position:absolute;left:50%;transform:translateX(-50%);bottom:10px;display:flex;align-items:center;gap:6px;height:34px;padding:0 14px;border-radius:11px;background:rgba(255,255,255,.86);backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.6);font-size:12.5px;font-weight:600;color:var(--accent);z-index:3;white-space:nowrap}

.spec{display:flex;align-items:center;height:40px;border-bottom:1px solid var(--line)}
.spec div{flex:1;text-align:center;position:relative;min-width:0}
.spec div+div::before{content:'';position:absolute;left:0;top:50%;transform:translateY(-50%);width:1px;height:18px;background:var(--line)}
.spec b{font-size:14.5px;font-weight:600;letter-spacing:-.01em}
.spec span{font-size:11.5px;color:var(--ink3);margin-left:2px}

.c-rates{margin-top:12px;border:1px solid var(--line);border-radius:13px;overflow:hidden;display:grid;grid-template-columns:1fr 1fr}
.rt{display:flex;align-items:center;gap:8px;padding:11px 12px;min-width:0}
.rt:nth-child(odd){border-right:1px solid var(--line)}
.rt:nth-child(-n+2){border-bottom:1px solid var(--line)}
.rt .ic{color:var(--ink3)}
.rt .lb{font-size:13px;color:var(--ink2);white-space:nowrap}
.rt .pr{margin-left:auto;font-size:15.5px;font-weight:600;letter-spacing:-.01em;white-space:nowrap}
.rt .pr em{font-style:normal;font-size:11.5px;font-weight:500;color:var(--ink3);margin-left:2px}
.rt.off .pr{font-size:13px;font-weight:500;color:var(--ink3)}

.c-cta{display:flex;gap:8px;align-items:center;height:48px}
.c-cta .main{flex:1;height:100%;border-radius:13px;background:var(--accent);color:#fff;font-size:14.5px;font-weight:600;display:flex;align-items:center;justify-content:center;gap:9px;transition:background .2s;min-width:0;white-space:nowrap}
.c-cta .main:hover{background:var(--accent2)}
.c-cta .main.shown{background:var(--ink)}
.c-cta .main.tgm{background:var(--tg)}
.c-cta .main.tgm:hover{background:#1E97D6}
.c-cta .main.wam{background:var(--wa)}
.c-cta .main.wam:hover{background:#1E8C57}
.c-cta .main .ls{display:none}
.c-cta .msg{width:48px;height:48px;border-radius:13px;display:flex;align-items:center;justify-content:center;transition:.2s;flex:none}
.c-cta .msg.wa{background:rgba(37,163,102,.1);color:var(--wa)}
.c-cta .msg.wa:hover{background:var(--wa);color:#fff}
.c-cta .msg.tg{background:rgba(42,171,238,.1);color:var(--tg)}
.c-cta .msg.tg:hover{background:var(--tg);color:#fff}
.c-cta .msg.empty{visibility:hidden}
.c-all .ls{display:none}
.c-all{display:flex;align-items:center;justify-content:center;gap:6px;height:40px;font-size:14px;font-weight:500;color:var(--ink2);transition:color .2s}
.c-all:hover{color:var(--accent)}
.c-price{display:none;align-items:baseline;gap:5px;font-size:12px;color:var(--ink3)}
.c-price b{font-size:16px;font-weight:600;color:var(--ink)}

/* ═══ DRAWER ═══ */
.ov{position:fixed;inset:0;background:rgba(23,21,26,.42);opacity:0;visibility:hidden;transition:.3s;z-index:2050;backdrop-filter:blur(2px)}
.ov.open{opacity:1;visibility:visible}
.dw{position:fixed;top:0;right:0;bottom:0;width:430px;max-width:100vw;background:var(--bg);z-index:2100;transform:translateX(100%);transition:transform .38s var(--ease);display:flex;flex-direction:column}
.dw.open{transform:none}
.dw-h{display:flex;align-items:center;padding:22px 26px;border-bottom:1px solid var(--line)}
.dw-h b{font-size:20px;font-weight:600;letter-spacing:-.02em}
.dw-h .x{margin-left:auto;width:38px;height:38px;border-radius:11px;display:flex;align-items:center;justify-content:center;color:var(--ink2)}
.dw-h .x:hover{background:var(--surf);color:var(--ink)}
.dw-b{flex:1;overflow-y:auto;padding:6px 26px 30px}
.grp{padding:22px 0;border-bottom:1px solid var(--line)}
.grp:last-child{border-bottom:none}
.grp h5{font-size:15px;font-weight:600;margin-bottom:14px}
.row{display:flex;align-items:center;gap:11px;font-size:14.5px;color:var(--ink2);padding:8px 0;cursor:pointer}
.row:hover{color:var(--ink)}
.bx{width:19px;height:19px;border:1.5px solid var(--line2);border-radius:6px;flex:none;display:flex;align-items:center;justify-content:center;background:var(--surf);transition:.15s}
.bx svg{opacity:0;transition:opacity .15s}
.row.on .bx{background:var(--accent);border-color:var(--accent)}
.row.on .bx svg{opacity:1}
.row.on{color:var(--ink);font-weight:500}
.row .num{margin-left:auto;font-size:13px;color:var(--ink3);font-weight:400}
.rng{position:relative;height:34px;margin:4px 0 2px}
.rng .tr{position:absolute;top:15px;left:0;right:0;height:4px;background:var(--line2);border-radius:2px}
.rng .fl{position:absolute;top:15px;height:4px;background:var(--accent);border-radius:2px}
.rng input{position:absolute;top:11px;left:0;width:100%;height:12px;margin:0;background:none;pointer-events:none;-webkit-appearance:none;appearance:none}
.rng input::-webkit-slider-thumb{-webkit-appearance:none;width:20px;height:20px;border-radius:50%;background:var(--surf);border:2px solid var(--accent);box-shadow:0 2px 6px rgba(23,21,26,.16);pointer-events:all;cursor:grab}
.rng-v{display:flex;justify-content:space-between;font-size:14px;color:var(--ink2);font-weight:500}
.dw-f{padding:18px 26px;border-top:1px solid var(--line);display:flex;gap:12px;background:var(--surf)}
.dw-f .rs{height:50px;padding:0 20px;border-radius:13px;border:1px solid var(--line2);font-size:15px;font-weight:500;color:var(--ink2)}
.dw-f .ap{flex:1;height:50px;border-radius:13px;background:var(--accent);color:#fff;font-size:15px;font-weight:600}
.dw-f .ap:hover{background:var(--accent2)}

/* ═══ PROFILE MODAL ═══ */
.pm{position:fixed;inset:0;z-index:2300;display:flex;align-items:flex-start;justify-content:center;padding:40px 20px;overflow-y:auto;opacity:0;visibility:hidden;transition:.28s}
.pm.open{opacity:1;visibility:visible}
.pm-bd{position:fixed;inset:0;background:rgba(23,21,26,.5);backdrop-filter:blur(4px)}
.pm-w{position:relative;width:100%;max-width:1080px;background:var(--surf);border-radius:24px;overflow:hidden;transform:translateY(18px) scale(.985);transition:transform .32s var(--ease);z-index:2}
.pm.open .pm-w{transform:none}
.pm-x{position:absolute;top:16px;left:16px;width:42px;height:42px;border-radius:13px;background:rgba(255,255,255,.9);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;z-index:9;border:1px solid var(--line)}
.pm-x:hover{background:#fff}
.pm-top{display:grid;grid-template-columns:1fr 400px}
.pm-gal{padding:22px;padding-top:22px}
.pm-main{position:relative;aspect-ratio:4/5;max-height:640px;border-radius:18px;overflow:hidden;background:linear-gradient(150deg,#EFE7E6,#DDD2D0)}
.pm-main[style*="background-image"]::after{display:none}
.pm-main::after{content:attr(data-l);position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:170px;font-weight:600;color:rgba(23,21,26,.07)}
.pm-arr{position:absolute;top:50%;transform:translateY(-50%);width:42px;height:42px;border-radius:50%;background:rgba(255,255,255,.9);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;z-index:4;transition:.2s}
.pm-arr:hover{background:#fff;transform:translateY(-50%) scale(1.06)}
.pm-arr.l{left:14px}.pm-arr.r{right:14px}
.pm-n{position:absolute;top:14px;right:14px;height:28px;padding:0 11px;border-radius:9px;background:rgba(23,21,26,.5);color:#fff;font-size:12.5px;display:flex;align-items:center;z-index:4}
.pm-vf{position:absolute;left:14px;right:64px;transform:none;bottom:14px;justify-content:center;display:flex;align-items:center;gap:8px;height:42px;padding:0 20px;border-radius:14px;background:rgba(255,255,255,.88);backdrop-filter:blur(18px);border:1px solid rgba(255,255,255,.6);font-size:13px;font-weight:600;color:var(--accent);z-index:4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.vwrap{display:flex;gap:12px;align-items:stretch;margin-top:12px}
.vcard{position:relative;width:120px;aspect-ratio:1/1;flex:none;border-radius:16px;background:var(--sand) center/cover;cursor:pointer;overflow:hidden;border:1px solid var(--line);display:flex;align-items:center;justify-content:center}
.vmeta{flex:1;min-width:0;display:flex;flex-direction:column;justify-content:center;gap:4px}
.vmeta b{font-size:15.5px;font-weight:600;letter-spacing:-.02em}
.vmeta span{font-size:13px;color:var(--ink3);line-height:1.45}
.vcard::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(23,21,26,.18),rgba(23,21,26,.55))}
.vcard .pl{position:relative;z-index:2;width:46px;height:46px;border-radius:50%;background:rgba(255,255,255,.94);color:var(--accent);display:flex;align-items:center;justify-content:center;flex:none;box-shadow:0 6px 18px rgba(23,21,26,.28);transition:transform .18s}
.vcard .vt{position:absolute;z-index:2;left:0;right:0;bottom:8px;text-align:center;color:#fff;font-size:11px;font-weight:600;letter-spacing:.02em;text-transform:uppercase}
.vcard:hover .pl{transform:scale(1.06)}
.pm-play{position:absolute;left:14px;bottom:14px;display:flex;align-items:center;gap:7px;height:40px;padding:0 15px;border-radius:12px;background:rgba(23,21,26,.75);color:#fff;font-size:13.5px;font-weight:600;backdrop-filter:blur(10px);z-index:5}
.pm-play:hover{background:rgba(23,21,26,.9)}
.vw{position:fixed;inset:0;z-index:2650;background:rgba(12,8,10,.94);display:none;align-items:center;justify-content:center;padding:24px}
.vw.on{display:flex}
.vw video{max-width:92vw;max-height:86vh;border-radius:16px;background:#000}
.vw .x3{position:absolute;top:22px;right:22px;width:46px;height:46px;border-radius:14px;background:rgba(255,255,255,.14);color:#fff;display:flex;align-items:center;justify-content:center}
.pm-zoom{position:absolute;right:14px;bottom:14px;width:40px;height:40px;border-radius:12px;background:rgba(255,255,255,.9);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;color:var(--ink);z-index:5;border:1px solid var(--line)}
.pm-zoom:hover{background:#fff}
.pm-main{cursor:zoom-in}
.lbx{position:fixed;inset:0;z-index:2600;background:rgba(12,8,10,.94);display:none;align-items:center;justify-content:center}
.lbx.on{display:flex}
.lbx img,.lbx .stub{max-width:92vw;max-height:88vh;border-radius:14px;object-fit:contain}
.lbx .stub{width:min(70vw,560px);aspect-ratio:4/5;background:linear-gradient(150deg,#EFE7E6,#DDD2D0);display:flex;align-items:center;justify-content:center;font-size:120px;font-weight:600;color:rgba(23,21,26,.12)}
.lbx .x2,.lbx .nav2{position:absolute;background:rgba(255,255,255,.14);color:#fff;border-radius:14px;display:flex;align-items:center;justify-content:center;backdrop-filter:blur(8px)}
.lbx .x2{top:22px;right:22px;width:46px;height:46px}
.lbx .nav2{top:50%;transform:translateY(-50%);width:52px;height:52px}
.lbx .nav2.l{left:22px}
.lbx .nav2.r{right:22px}
.lbx .x2:hover,.lbx .nav2:hover{background:rgba(255,255,255,.26)}
.lbx .cnt3{position:absolute;bottom:26px;left:50%;transform:translateX(-50%);color:#fff;font-size:14px;background:rgba(255,255,255,.14);padding:8px 16px;border-radius:11px;backdrop-filter:blur(8px)}
.pm-th{display:none}
.pm-th div{flex:1;aspect-ratio:1;border-radius:12px;background:linear-gradient(150deg,#EFE7E6,#DDD2D0);border:2px solid transparent;cursor:pointer;transition:.2s}
.pm-th div.on{border-color:var(--accent)}
.pm-side{padding:26px 26px 26px 4px;display:flex;flex-direction:column}
.pm-nm{display:flex;align-items:flex-start;gap:10px}
.pm-nm h2{font-size:32px;font-weight:600;letter-spacing:-.03em;line-height:1.1}
.pm-nm .fv{margin-left:auto;width:42px;height:42px;border-radius:13px;border:1px solid var(--line);display:flex;align-items:center;justify-content:center;color:var(--ink2)}
.pm-nm .fv.on{color:var(--accent);border-color:var(--accent)}
.pm-nm .fv.on svg{fill:var(--accent)}
.pm-mt{display:flex;align-items:center;gap:8px;margin-top:8px;font-size:14.5px;color:var(--ink2)}
.pm-bdg{display:flex;gap:6px;margin-top:14px;flex-wrap:wrap}
.pm-spec{display:grid;grid-template-columns:repeat(4,1fr);margin-top:20px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.pm-spec div{padding:14px 0;text-align:center;position:relative}
.pm-spec div+div::before{content:'';position:absolute;left:0;top:22%;height:56%;width:1px;background:var(--line)}
.pm-spec span{display:block;font-size:11.5px;color:var(--ink3);margin-bottom:3px}
.pm-spec b{font-size:18px;font-weight:600;letter-spacing:-.02em}
.pm-spec b em{font-style:normal;font-size:12px;color:var(--ink3);font-weight:500;margin-left:2px}
.pm-pr{margin-top:20px;border:1px solid var(--line);border-radius:16px;overflow:hidden}
.pm-pr .h{display:flex;padding:11px 16px;background:var(--surf2);font-size:12px;font-weight:600;color:var(--ink3);text-transform:uppercase;letter-spacing:.04em}
.pm-pr .h span:last-child{margin-left:auto}
.pm-pr .r{display:flex;align-items:center;gap:10px;padding:13px 16px;border-top:1px solid var(--line)}
.pm-pr .r .lb{font-size:14.5px;color:var(--ink2)}
.pm-pr .r .v{margin-left:auto;font-size:18px;font-weight:600;letter-spacing:-.01em}
.pm-pr .r .v em{font-style:normal;font-size:12.5px;color:var(--ink3);font-weight:500;margin-left:3px}
.pm-pr .r.off .v{font-size:14.5px;font-weight:500;color:var(--ink3)}
.pm-cta{margin-top:22px;display:flex;gap:11px}
.pm-cta .main{flex:1;height:56px;border-radius:15px;background:var(--accent);color:#fff;font-size:15.5px;font-weight:600;display:flex;align-items:center;justify-content:center;gap:10px}
.pm-cta .main:hover{background:var(--accent2)}
.pm-cta .main.shown{background:var(--ink)}
.pm-cta .main.tgm{background:var(--tg)}
.pm-cta .main.wam{background:var(--wa)}
.pm-cta .m{width:56px;height:56px;border-radius:15px;display:flex;align-items:center;justify-content:center;flex:none}
.pm-cta .m.wa{background:rgba(37,163,102,.1);color:var(--wa)}
.pm-cta .m.wa:hover{background:var(--wa);color:#fff}
.pm-cta .m.tg{background:rgba(42,171,238,.1);color:var(--tg)}
.pm-cta .m.tg:hover{background:var(--tg);color:#fff}
.pm-rep{width:100%;margin-top:12px;height:40px;border-radius:12px;border:1px solid var(--line);color:var(--ink3);font-size:13.5px}
.pm-rep:hover{border-color:var(--accent);color:var(--accent)}
.rep{position:fixed;inset:0;z-index:2650;background:rgba(23,21,26,.55);backdrop-filter:blur(4px);display:none;align-items:center;justify-content:center;padding:20px}
.rep.on{display:flex}
.rep-w{background:var(--surf);border-radius:20px;max-width:420px;width:100%;padding:22px}
.rep-w h3{font-size:19px;font-weight:600;margin-bottom:5px}
.rep-w .sub3{font-size:13.5px;color:var(--ink3);margin-bottom:16px}
.rep-w .rs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:14px}
.rep-w .rs button{height:38px;padding:0 14px;border-radius:11px;border:1px solid var(--line2);font-size:13.5px;color:var(--ink2)}
.rep-w .rs button.on{background:var(--accent);border-color:var(--accent);color:#fff}
.pm-note{margin-top:11px;font-size:12.5px;color:var(--ink3);text-align:center}
.pm-b{padding:0 26px 30px;display:grid;grid-template-columns:1fr 1fr;gap:24px}
.pm-blk h4{font-size:17px;font-weight:600;letter-spacing:-.02em;margin-bottom:12px}
.pm-blk p{font-size:14.5px;color:var(--ink2);line-height:1.62}
.srv{display:flex;flex-wrap:wrap;gap:7px;margin-top:14px}
.srv i{font-style:normal;padding:8px 13px;background:var(--surf2);border:1px solid var(--line);border-radius:10px;font-size:13.5px;font-weight:500;color:var(--ink2)}
.sch{display:grid;grid-template-columns:repeat(7,1fr);gap:6px}
.sch div{text-align:center;padding:9px 2px;border:1px solid var(--line);border-radius:10px;background:var(--surf2)}
.sch span{display:block;font-size:11.5px;color:var(--ink3);margin-bottom:3px}
.sch b{font-size:12.5px;font-weight:600}
.sch .on{background:var(--accent-s);border-color:rgba(var(--accent-rgb),.18)}
.sch .on b{color:var(--accent)}
.sch .no b{color:var(--ink3);font-weight:500}
.rev{display:flex;gap:12px;padding:14px 0;border-top:1px solid var(--line)}
.rev:first-of-type{border-top:none;padding-top:2px}
.av{width:40px;height:40px;border-radius:50%;background:var(--sand);display:flex;align-items:center;justify-content:center;font-weight:600;color:var(--ink2);flex:none}
.rev-h{display:flex;align-items:center;gap:9px}
.rev-h b{font-size:14.5px;font-weight:600}
.rev-h span{font-size:12.5px;color:var(--ink3)}
.rev-h .st{margin-left:auto;color:#C9A227;font-size:13px}
.rev p{margin-top:5px;font-size:14px;color:var(--ink2);line-height:1.55}

.toast{position:fixed;z-index:2700;left:50%;bottom:30px;transform:translate(-50%,20px);background:var(--ink);color:#fff;padding:13px 22px;border-radius:13px;font-size:14.5px;font-weight:500;z-index:200;opacity:0;visibility:hidden;transition:.28s var(--ease)}
.toast.on{opacity:1;visibility:visible;transform:translate(-50%,0)}

@media(max-width:1180px){
  .grid{grid-template-columns:repeat(2,1fr);gap:18px}
  .hero-b h1{font-size:40px}
  .pm-top{grid-template-columns:1fr}
  .pm-side{padding:0 22px 22px}
  .pm-b{grid-template-columns:1fr}
}
@media(max-width:1140px){
  .btn-l{display:none}
  .nav .in{gap:14px}
  .nav a{font-size:14px}
}
@media(max-width:900px){
  .tools .in{flex-wrap:wrap;row-gap:8px;overflow:visible}
  .tools .rgt{flex:1 1 100%;order:3;display:flex;align-items:center;gap:8px}
  .tools .rgt .cnt{margin-left:auto;order:3;white-space:nowrap}
  .tools .rgt .fbtn{order:1}
  .tools .rgt .sortw{order:2;flex:1 1 auto;min-width:0}
  .tools .rgt .sort{width:100%;justify-content:space-between}
  .tools .tags{flex:1 1 100%;order:4}
  .nav a[data-nav="pro"]{display:none}
  .nav .in{gap:11px}
  .nav a{font-size:13.5px}
  .citybtn b{display:none}
  .citybtn{padding:0 9px}
}
@media(max-width:760px){
  .in{padding:0 14px}
  .btn-l{display:none}
  .nav .in{height:54px;gap:9px;flex-wrap:nowrap;align-items:center}
  .nav-r{margin-left:auto;min-width:0;flex-shrink:0;gap:6px}
  .logo{flex:none}
  .nav .in>a{display:inline-block;font-size:12.5px;color:rgba(255,255,255,.75);white-space:nowrap;flex:none}
  .nav .in>a[data-nav="pro"]{display:none}
  .navrow{display:none}

  .nav .favbtn{width:34px;height:34px}
  .nav .favbtn svg{width:16px;height:16px}
  .logo{margin-right:2px}
  .logo img{height:19px}
  .nav-r{gap:7px}
  .citybtn{height:34px;padding:0 8px;border-radius:11px;font-size:13px;gap:5px}
  .citybtn svg:first-child{width:15px;height:15px}
  .favbtn{width:36px;height:36px;border-radius:11px}
  .favbtn svg{width:17px;height:17px}
  .btn-w{height:34px;padding:0 12px;border-radius:11px;font-size:13px}
  .bar .lg img{height:20px}
  .bar .in{height:56px;gap:8px}
  .bar .btn{height:34px;padding:0 13px;font-size:13.5px;border-radius:11px}
  .bar .citybtn{height:34px;padding:0 9px;font-size:13px}
  .bar .favbtn{width:34px;height:34px}
  .hero-b{padding:30px 0 26px}
  :root{--hero-pos:center 28%;--hero-dim:.42}
  .hero-b h1{font-size:30px}
  .hero-b p{font-size:14.5px}
  .seg{height:58px;flex-direction:row;align-items:center;border-radius:999px;padding:4px;gap:0;margin-top:20px}
  .seg .s{padding:0 10px;height:100%;border-radius:6px;flex:1}
  .seg .s:nth-child(3){flex:1.5}
  .seg .s:nth-child(5){flex:.85}
  .seg .s:first-child{padding-left:16px;border-radius:999px 6px 6px 999px}
  .seg .s:nth-child(5){border-radius:6px 999px 999px 6px;margin-right:4px}
  .seg .s span{font-size:8.5px;letter-spacing:.09em;margin-bottom:1px}
  .seg .s b{font-size:12.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}
  .seg .dv{width:1px;height:26px}
  .seg .go{width:46px;height:46px;border-radius:50%;flex:none;margin-top:0}
  .seg .go svg{width:18px;height:18px}
  .pop{left:0!important;right:0!important;min-width:0!important;width:100%}
  .quick{gap:7px;overflow-x:auto;flex-wrap:nowrap;scrollbar-width:none}
  .quick::-webkit-scrollbar{display:none}
  .qc{flex:none;height:38px;font-size:13.5px;padding:0 16px}
  .bar .lg{display:block;flex:none}
  .bar .lg img{height:18px}
  .bar .in{height:58px;gap:8px}
  :root{--barh:58px}
  .bar .barnav{display:none}
  .bar .r{margin-left:auto;gap:6px}
  .bar .citybtn{height:32px;padding:0 8px;font-size:12.5px;border-radius:10px}
  .bar .citybtn b{display:none}
  .bar .favbtn{display:none}
  .bar .btn{height:32px;padding:0 11px;font-size:12.5px;border-radius:10px}
  .tools .in{padding:10px 0;gap:8px;overflow:visible;flex-wrap:wrap;row-gap:8px}
  .tools .modes{flex:1 1 auto;min-width:0}
  .tools .rgt{flex:1 1 100%;display:flex;align-items:center;gap:8px;order:3}
  .tools .rgt .cnt{order:3;margin-left:auto;font-size:12.5px;white-space:nowrap}
  .tools .rgt .fbtn{order:1;flex:0 0 auto}
  .tools .rgt .sortw{order:2;flex:1 1 auto;min-width:0}
  .tools .rgt .sort{width:100%;height:38px;padding:0 12px;font-size:13.5px;border-radius:11px;justify-content:space-between}
  .tools .tags{flex:1 1 100%;order:4}
  .fbtn{height:38px;padding:0 13px;font-size:13.5px;border-radius:11px}
  .modes .md{height:38px}
  .tools .rgt{flex-wrap:wrap;row-gap:6px}
  .segmini{display:none}
  .modes .md span,.md{font-size:13px;padding:0 11px}
  .mapwrap{grid-template-columns:1fr;grid-template-rows:1fr 300px;height:calc(100vh - 135px)}

  .maplist{order:2;border-right:none;border-top:1px solid var(--line)}
  .pop{min-width:0;max-width:calc(100vw - 20px)}
  .pop.wide{width:calc(100vw - 20px)}
  .pop-cols{grid-template-columns:1fr}
  .citybtn b{display:none}
  .citybtn{padding:0 8px}
  .srch{padding-top:0}
  .srch-w{max-width:100%;border-radius:0;max-height:100vh;height:100vh}

  .fbtn{height:38px;padding:0 13px;font-size:13.5px}
  .clr{display:none}

  .grid{grid-template-columns:1fr;gap:14px}
  .card{padding:0 0 10px;border-radius:16px;overflow:hidden;
    grid-template-rows:auto auto auto auto auto auto auto auto auto}
  .card>*{margin-left:12px;margin-right:12px}
  .card>.ph{margin:8px 0 0;width:auto;border-radius:0;height:auto;aspect-ratio:5/4}
  .c-top{margin-top:10px}
  .c-top h3{font-size:16.5px}
  .c-fav{width:24px;height:24px}
  .c-fav svg{width:16px;height:16px}
  .c-metro{font-size:12px;gap:5px}
  .c-badges{height:24px;gap:4px}
  .bdg{height:21px;padding:0 7px;font-size:9.5px;letter-spacing:.02em}
  .ph::after{font-size:60px}
  .ph-tools{top:7px;left:7px;gap:5px}
  .ph-tools button{width:26px;height:26px;border-radius:8px}
  .ph-tools svg{width:13px;height:13px}
  .ph-n{top:7px;right:7px;height:20px;padding:0 7px;font-size:11px}
  .ph-vf{bottom:7px;height:26px;padding:0 9px;font-size:10.5px;gap:4px;border-radius:9px}
  .ph-vf svg{width:11px;height:11px}
  .spec{height:36px}
  .spec b{font-size:12.5px}
  .spec span{font-size:9.5px;margin-left:1px}
  .spec div:nth-child(4){display:none}
  .spec div:nth-child(3)::before{content:''}
  .c-rates{display:none}
  .c-price{display:flex;align-items:center;height:26px;margin-top:2px}
  .c-cta{height:44px;gap:6px}
  .c-cta .main{font-size:13.5px;gap:7px;border-radius:11px}
  .c-cta .main .lf{display:none}
  .c-cta .main .ls{display:inline}
  .c-cta .main svg{width:14px;height:14px}
  .c-cta .msg{width:44px;height:44px;border-radius:11px}
  .c-cta .msg svg{width:18px;height:18px}
  .c-cta .msg.tg{display:none}
  .c-all{height:34px;font-size:12.5px;white-space:nowrap}
  .c-all .lf{display:none}
  .c-all .ls{display:inline}
  .pm{padding:0}
  .pm-w{border-radius:0;min-height:100%}
  .pm-gal{padding:14px}
  .pm-side{padding:0 16px 20px}
  .pm-nm h2{font-size:26px}
  .pm-b{padding:0 16px 26px;gap:18px}
  .sch{grid-template-columns:repeat(4,1fr)}
}
@media(max-width:580px){
  .nav .in{gap:5px}
  .nav-r{gap:5px}
  .nav-r .favbtn{display:none}
  .nav-r .city b{display:none}
  .nav-r .city{padding:0 7px;gap:3px;height:31px}
  .nav .in>a{font-size:11.5px;letter-spacing:-.01em}
  .logo img{height:15px}
  .btn-w{height:31px;padding:0 10px;font-size:12px}
  .nav-r .city{height:32px;padding:0 8px;gap:5px;font-size:12.5px;border-radius:10px}
  .nav-r .city svg{width:13px;height:13px}
  .nav-r .favbtn{width:32px;height:32px;border-radius:10px}
  .nav-r .favbtn svg{width:15px;height:15px}
  .btn-w{height:32px;padding:0 11px;font-size:12.5px;border-radius:10px}
  .nav .in>a{font-size:12px}
}
@media(max-width:413px){
  .logo img{height:14px}
  .nav .in{gap:5px}
  .nav .in>a{font-size:11.5px}
  .nav-r .city b{display:none}
  .nav-r .city{padding:0 7px}
  .nav-r .city{font-size:11.5px;padding:0 7px;gap:4px;height:30px}
  .nav-r .city svg:last-of-type{display:none}
  .btn-w{font-size:11.5px;padding:0 9px;height:30px}
  .nav-r .favbtn{width:30px;height:30px}
  .nav .in{gap:5px}
  .nav-r{gap:5px}
}
@media(max-width:344px){
  .tools .rgt .cnt{display:none}
  .modes .md span{font-size:12.5px}
  .nav .in>a[data-nav="map"]{display:none}
  .logo img{height:11px}
}
@media(max-width:359px){
  .nav .in{padding-left:8px;padding-right:8px;gap:3px}
  .nav-r{gap:3px}
  .logo img{height:12px}
  .nav .in>a{font-size:10.5px;letter-spacing:-.02em}
  .nav-r .city{padding:0 5px;height:28px}
  .nav-r .city svg{width:11px;height:11px}
  .btn-w{height:28px;padding:0 7px;font-size:10.5px}
  .nav-r .city b{max-width:52px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .btn-w{padding:0 7px}
}
@media(max-width:379px){
  .nav .in{padding-left:10px;padding-right:10px;gap:4px}
  .nav-r{gap:4px}
  .logo img{height:14px}
  .nav-r .city{font-size:11px;padding:0 6px;height:28px;gap:3px}
  .nav-r .city svg{width:12px;height:12px}
  .btn-w{font-size:11px;padding:0 8px;height:28px}
  .nav-r .favbtn{width:28px;height:28px}
  .nav-r .favbtn svg{width:14px;height:14px}
}

:root{--fire:#F0722A;--fire2:#FFB648;--fire3:#FFD37A;--fire-d:#C25A18;--fire-rgb:240,114,42}
.nav a.fire,.navrow a.fire,.barnav a.fire{display:inline-flex;align-items:center;justify-content:center;gap:10px;
white-space:nowrap;cursor:pointer;font-size:16.5px;font-weight:600;letter-spacing:-.01em;line-height:1;position:relative;
height:46px;padding:0 22px;border-radius:999px;color:#fff;
background:linear-gradient(118deg,#8E2118,#E8501A 46%,#FF9E33);background-size:190% 100%;
box-shadow:0 6px 20px rgba(var(--fire-rgb),.4),inset 0 1px 0 rgba(255,255,255,.26);
transition:background-position .46s var(--ease),transform .28s var(--ease),box-shadow .28s}
.nav a.fire svg,.navrow a.fire svg,.barnav a.fire svg{width:20px;height:20px}
.nav a.fire:hover,.navrow a.fire:hover,.barnav a.fire:hover{background-position:100% 0;transform:translateY(-1px);color:#fff;
box-shadow:0 9px 26px rgba(var(--fire-rgb),.5),inset 0 1px 0 rgba(255,255,255,.3)}
.nav a.fire::after,.navrow a.fire::after,.barnav a.fire::after{content:none}
.nav a.fire[hidden],.navrow a.fire[hidden],.barnav a.fire[hidden]{display:none}
.fire .fl{display:flex}
.fire .ln{display:inline-block;line-height:1.15}
.fire .sn{display:none;line-height:1.15}
.fire.back .ln{display:none}
.fire.back .sn{display:inline-block}
.nav a.fire.back,.navrow a.fire.back,.barnav a.fire.back{background:rgba(255,255,255,.1);box-shadow:inset 0 0 0 1px rgba(255,255,255,.22);color:#fff}
.barnav a.fire.back{background:rgba(23,21,26,.05);box-shadow:inset 0 0 0 1px var(--line);color:var(--ink)}
.nav a.fire.back:hover,.navrow a.fire.back:hover{background:rgba(255,255,255,.18);box-shadow:inset 0 0 0 1px rgba(255,255,255,.32)}
.barnav a.fire.back:hover{background:rgba(23,21,26,.09);box-shadow:inset 0 0 0 1px var(--line2)}
.fire.back{max-width:170px}
@media(max-width:1280px){.nav a.fire.back,.navrow a.fire.back,.barnav a.fire.back{padding:0 12px;gap:6px;font-size:15px}}
@media(max-width:820px){.nav a.fire.back,.navrow a.fire.back,.barnav a.fire.back{padding:0 10px}}
.nav .in>a,.barnav a{white-space:nowrap}
.nav .nav-r,.bar .rgt{flex:none}
.nav .nav-r .btn-l,.nav .nav-r .btn-w,.bar .rgt .btn{white-space:nowrap}
@media(min-width:1281px) and (max-width:1460px){.nav .in{gap:24px}.barnav{gap:18px}}
@media(min-width:901px) and (max-width:1280px){.nav .in{gap:19px}.barnav{gap:15px}}
@media(min-width:901px) and (max-width:1050px){.nav .in{gap:14px}
 .nav a.fire,.navrow a.fire{padding:0 14px;gap:7px;font-size:15px}}
@media(max-width:1340px){.fire .ln{display:none}.fire .sn{display:inline-block}
 .nav a.fire,.navrow a.fire,.barnav a.fire{padding:0 20px}}
@media(max-width:1000px){.nav .in>a[data-nav="map"]{display:none}}
@media(max-width:900px){
 .nav a.fire,.navrow a.fire,.barnav a.fire{height:40px;padding:0 18px;gap:9px;font-size:15px}
 .nav a.fire svg,.navrow a.fire svg,.barnav a.fire svg{width:18px;height:18px}}
@media(max-width:815px){.nav a.fire,.navrow a.fire,.barnav a.fire{height:36px;padding:0 15px;font-size:14px}}
@media(max-width:700px){.nav .in>a[data-nav="pro"],.nav .in>a[data-nav="salons"]{display:none}}
@media(max-width:470px){.fire .sn{display:none}
 .nav a.fire,.navrow a.fire,.barnav a.fire{width:38px;height:38px;padding:0;gap:0}}
@media(max-width:359px){.nav a.fire,.navrow a.fire,.barnav a.fire{width:34px;height:34px}}
.pm-main.vid{background:#000}
.pm-main.vid::after{display:none}
.pm-main video{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background:#000}
@media(prefers-reduced-motion:reduce){.fire,.fire *{transition:none!important;animation:none!important}}