/* MA18 tours + invest pages — extends site/pages/city/ps.css. Staging only. */
.phero.tours .wrap{grid-template-columns:1.15fr .85fr}
.phero .facts{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}
.tpick{display:grid;gap:10px}
.tpick a{display:flex;align-items:center;gap:14px;background:var(--s1);border:1px solid var(--bd);border-radius:18px;padding:10px;min-height:76px;transition:.2s}
.tpick a:hover{border-color:var(--y)}
.tpick img{width:84px;height:60px;border-radius:12px;object-fit:cover;flex:none}
.tpick b{display:block;font-size:16.5px;line-height:1.35}.tpick small{color:var(--mu);font-size:14px}
.howrow{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.hw{display:flex;gap:14px;align-items:flex-start;background:var(--s1);border:1px solid var(--bd);border-radius:20px;padding:20px}
.hw b{font-size:17.5px;display:flex;gap:8px;align-items:center}.hw b i{font-style:normal;color:var(--y);font-size:14px;border:1px solid rgba(255,209,0,.5);border-radius:8px;width:24px;height:24px;display:grid;place-items:center}
.hw p{color:var(--mu);font-size:15px;margin-top:4px}
.trks{display:grid;gap:28px;margin-top:40px}
.trk{background:var(--s1);border:1px solid var(--bd);border-radius:28px;overflow:hidden}
.th-head{display:grid;grid-template-columns:1fr 1.1fr}
.th-head .ph{position:relative;min-height:340px}
.th-head .ph img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.th-head .ph .bdg{position:absolute;top:16px;inset-inline-start:16px;font-size:14px;font-weight:800;border-radius:99px;padding:5px 14px;background:rgba(8,8,12,.9);border:1px solid rgba(255,209,0,.55);color:var(--y)}
.th-head .ph .idx{position:absolute;bottom:14px;inset-inline-start:18px;font-size:56px;font-weight:800;color:#fff;line-height:1;text-shadow:0 4px 24px rgba(0,0,0,.6);font-style:normal}
.th-head .info{padding:32px 36px;display:flex;flex-direction:column;gap:14px}
.th-head .th{font-size:14px;font-weight:800;color:var(--y)}
.th-head h3{font-size:32px;line-height:1.25}
.kpi{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.kpi div{background:var(--s2);border:1px solid var(--bd);border-radius:16px;padding:12px 14px}
.kpi small{display:block;color:var(--mu);font-size:13px}
.kpi b{font-size:26px;font-weight:800;line-height:1.3}.kpi b i{font-style:normal;font-size:14px;color:var(--mu);margin-inline-start:4px;font-weight:600}
.kpi .x{background:var(--gs);border-color:rgba(43,212,125,.35)}.kpi .x b{color:var(--g)}
.tmeta{display:flex;flex-wrap:wrap;gap:8px}
.tmeta span{display:inline-flex;align-items:center;gap:7px;font-size:14.5px;color:#D6D6E0;background:rgba(255,255,255,.04);border:1px solid var(--bd);border-radius:12px;padding:6px 12px}
.tmeta .ico,.tg .ico,.rest .ico{width:18px;height:18px;color:var(--y)}
.est{font-size:13.5px;color:var(--fa)}
.th-body{display:grid;grid-template-columns:1.25fr .75fr;gap:0;border-top:1px solid var(--bd)}
.stops{list-style:none;padding:24px 28px;display:grid;gap:4px;counter-reset:s}
.stops li{display:grid;grid-template-columns:96px 1fr;gap:16px;align-items:start;padding:12px 0;position:relative}
.stops li+li{border-top:1px dashed var(--bd2)}
.stops .sp{position:relative;width:96px;height:72px;border-radius:14px;overflow:hidden;background:var(--s2);border:1px solid var(--bd)}
.stops .sp img{width:100%;height:100%;object-fit:cover}
.stops .sp .noimg{display:grid;place-items:center;height:100%;color:var(--fa)}
.stops .sp i{position:absolute;top:6px;inset-inline-start:6px;width:24px;height:24px;border-radius:8px;background:var(--y);color:#08080C;font-style:normal;font-weight:800;font-size:13px;display:grid;place-items:center}
.stops b{font-size:17px;display:block;line-height:1.4}
.stops p{font-size:15px;color:var(--mu);line-height:1.6;margin-top:2px}
.tg{display:flex;gap:8px;margin-top:8px;flex-wrap:wrap}
.tg span{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:700;border-radius:9px;padding:3px 10px;background:rgba(255,255,255,.06)}
.tg span.g{background:var(--gs);color:var(--g)}.tg span.g .ico{color:var(--g)}
.rmap{border-inline-start:1px solid var(--bd);padding:24px;display:flex;flex-direction:column;gap:12px;background:linear-gradient(180deg,#0c0c11,#0a0a0e)}
.rm-h b{display:block;font-size:16px}.rm-h small{color:var(--fa);font-size:13px}
.rmap svg{width:100%;height:auto;border-radius:16px;border:1px solid var(--bd);background:#0B0B10}
.rest{font-size:14px;color:var(--mu);display:flex;gap:6px;align-items:center}
.ocs{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:36px}
.oc{display:flex;gap:14px;align-items:center;background:var(--s1);border:1px solid var(--bd);border-radius:20px;padding:12px}
.oc img{width:96px;height:96px;border-radius:14px;object-fit:cover;flex:none;filter:saturate(.75)}
.oc b{display:block;font-size:18px;margin:6px 0 2px}.oc small{color:var(--mu);font-size:14px;line-height:1.5;display:block}
.pill{display:inline-block;white-space:nowrap;border-radius:99px;padding:2px 10px;font-size:13px;font-weight:700;background:rgba(255,209,0,.12);color:var(--y)}
.pill.q{background:var(--s2);color:var(--mu);border:1px solid var(--bd2)}
/* invest */
.simbar{background:repeating-linear-gradient(45deg,rgba(255,209,0,.10) 0 14px,rgba(255,209,0,.03) 14px 28px);border-bottom:1px solid rgba(255,209,0,.35)}
.simbar .wrap{display:flex;align-items:center;gap:12px;min-height:52px;flex-wrap:wrap;padding-top:8px;padding-bottom:8px}
.simbar .ico{color:var(--y);width:22px;height:22px}.simbar b{color:var(--y);font-size:16px}.simbar span{color:#D6D6E0;font-size:14.5px}
.roles{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:36px}
.rc{background:var(--s1);border:1px solid var(--bd);border-radius:22px;padding:24px;display:flex;flex-direction:column;gap:10px;position:relative}
.rc b{font-size:20px}.rc p{color:var(--mu);font-size:15.5px}
.split2{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center}
.split2 .ticks{margin-top:24px;display:grid;gap:14px;list-style:none}
.plcard{background:var(--s1);border:1px solid var(--bd2);border-radius:26px;padding:26px;display:grid;gap:12px;position:relative;overflow:hidden}
.plcard:before{content:"";position:absolute;inset:0 0 auto 0;height:6px;background:var(--haz)}
.pl-h{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:6px}.pl-h b{font-size:17px}
.pl{display:grid;grid-template-columns:150px 1fr 56px;gap:12px;align-items:center;font-size:15px}
.pl span{color:#D6D6E0}.pl b{text-align:end;font-size:17px}
.pl .bar{height:12px;border-radius:99px;background:var(--s2);overflow:hidden}
.pl .bar i{display:block;height:100%;border-radius:99px;background:#F0525B;opacity:.85}
.pl.g .bar i{background:var(--g);opacity:1}.pl.g b{color:var(--g)}
.pl.net{border-top:1px solid var(--bd2);padding-top:12px}.pl.net span{font-weight:800;color:var(--tx)}.pl.net .bar i{background:var(--y)}.pl.net b{color:var(--y);font-size:22px}
.pl-n{font-size:13.5px;color:var(--fa)}
.lvrow{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin-top:36px}
.lvc{background:var(--s1);border:1px solid var(--bd);border-radius:20px;padding:20px;display:flex;flex-direction:column;gap:6px;position:relative}
.lvc i{font-style:normal;font-weight:800;width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:var(--s2);border:1px solid var(--bd2);color:var(--y);font-size:18px}
.lvc:nth-child(n+3) i{background:var(--y);color:#08080C;border-color:var(--y)}
.lvc b{font-size:18px;margin-top:4px}.lvc small{color:var(--mu);font-size:14px}
.paths{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:36px}
.pth{background:var(--s1);border:1px solid var(--bd);border-radius:22px;padding:22px;display:flex;flex-direction:column;gap:10px}
.pth.now{border-color:rgba(43,212,125,.4)}
.pth.later{opacity:.88}
.pt-h{display:flex;justify-content:space-between;align-items:center}
.pth.now .pill{background:var(--gs);color:var(--g)}
.pth b{font-size:18px;line-height:1.4}.pth p{color:var(--mu);font-size:15px}
.note{margin-top:24px;font-size:15px;color:var(--mu);display:flex;gap:10px;align-items:flex-start;flex-wrap:wrap}
@media (max-width:1100px){.paths{grid-template-columns:1fr 1fr}.lvrow{grid-template-columns:repeat(3,1fr)}}
@media (max-width:820px){
 .phero.tours .wrap{grid-template-columns:1fr}
 .tpick a{min-height:64px}.tpick img{width:72px;height:52px}
 .howrow,.roles,.ocs,.split2{grid-template-columns:1fr;gap:12px}
 .th-head,.th-body{grid-template-columns:1fr}
 .th-head .ph{min-height:220px}
 .th-head .info{padding:22px 20px}
 .th-head h3{font-size:25px}
 .kpi{grid-template-columns:repeat(4,1fr);gap:6px}.kpi div{padding:10px 8px;border-radius:12px}.kpi b{font-size:20px}.kpi b i{font-size:12px}.kpi small{font-size:12px}
 .stops{padding:16px 18px}.stops li{grid-template-columns:76px 1fr;gap:12px}.stops .sp{width:76px;height:60px}
 .rmap{border-inline-start:0;border-top:1px solid var(--bd);padding:18px}
 .pl{grid-template-columns:118px 1fr 44px;font-size:14px}
 .lvrow{grid-template-columns:1fr 1fr;gap:10px}.lvc:last-child{grid-column:1/-1}.lvc{padding:16px}
 .paths{grid-template-columns:1fr}
 .simbar span{font-size:13.5px}
}

.trk .th-head .ph:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(8,8,12,.55),rgba(8,8,12,0) 45%)}
.trk .th-head .ph .bdg,.trk .th-head .ph .idx{z-index:2}
.rm-h small{font-size:13.5px;color:var(--mu)}
.rmap .one{position:relative;border-radius:16px;overflow:hidden;border:1px solid var(--bd);flex:1;min-height:240px}
.rmap .one img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.rmap .one span{position:absolute;inset:auto 12px 12px 12px;display:flex;gap:8px;align-items:center;background:rgba(8,8,12,.88);border:1px solid var(--bd2);border-radius:12px;padding:10px 12px;font-size:14.5px;font-weight:700}
.rmap .one .ico{width:18px;height:18px;color:var(--y)}
.hows{padding-top:40px!important}
.hw{align-items:center}
.pl-n,.est{color:var(--mu)}
@media (max-width:820px){.phero.inv .wrap>div:first-child{order:1}.phero.inv .art{order:2;height:260px}.kpi b{font-size:19px}}

.ilist{list-style:none;display:grid;gap:14px;margin-top:24px}
.ilist li{display:flex;gap:14px;align-items:flex-start;font-size:16.5px;font-weight:700}
.ilist li:before{content:"";flex:none;width:26px;height:26px;margin-top:2px;border-radius:8px;background:var(--gs);border:1px solid rgba(43,212,125,.45)}
.ilist li small{display:block;color:var(--mu);font-size:15px;font-weight:500}
.mosaic{display:grid;grid-template-columns:1.2fr 1fr;grid-template-rows:230px 170px;gap:12px}
.mosaic a{position:relative;border-radius:22px;overflow:hidden;border:1px solid var(--bd);display:block}
.mosaic a.m0{grid-row:span 2}
.mosaic img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .5s}
.mosaic a:hover img{transform:scale(1.04)}
.mosaic a:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(8,8,12,.92),rgba(8,8,12,0) 58%)}
.mosaic span{position:absolute;z-index:2;inset:auto 14px 12px 14px}
.mosaic b{display:block;font-size:16px;line-height:1.35}.mosaic a.m0 b{font-size:21px}
.mosaic small{color:#D6D6E0;font-size:13px}
.mosaic a.m3{display:none}
.phero h1{line-height:1.3;padding-top:4px}
.th-head h3{line-height:1.45;padding-top:2px}
.tcta{display:flex;gap:14px;align-items:center;flex-wrap:wrap;margin-top:4px}
.tcta .btn{height:56px}.tcta .est{flex:1;min-width:200px}
.sdet summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:12px;padding:18px 28px;min-height:64px}
.sdet summary::-webkit-details-marker{display:none}
.sdet summary .ico{color:var(--y);width:22px;height:22px;flex:none}
.sdet summary b{font-size:16.5px}
.sdet summary:after{content:"";width:10px;height:10px;border-inline-end:2px solid var(--mu);border-bottom:2px solid var(--mu);transform:rotate(45deg);margin-inline-start:8px;transition:.2s;flex:none}
.sdet[open] summary:after{transform:rotate(225deg)}
.strip{display:flex;margin-inline-start:auto}
.strip img{width:44px;height:44px;border-radius:50%;object-fit:cover;border:2px solid var(--s1);margin-inline-start:-10px}
.sdet .stops{padding-top:0}

.rmap{align-self:stretch}
@media (max-width:820px){
 .mosaic{grid-template-columns:1fr 1fr;grid-template-rows:200px 130px;gap:8px}
 .mosaic a.m0{grid-row:auto;grid-column:span 2}.mosaic a.m3{display:none}
 .mosaic a.m0 b{font-size:18px}.mosaic b{font-size:14.5px}.mosaic small{font-size:12px}
 .phero.tours .wrap>div:first-child{order:1}.phero.tours .mosaic{order:2}
 .sdet summary{padding:14px 18px}.strip img{width:34px;height:34px}
 .tcta .btn{width:100%}
}

.sdet{border-top:1px solid var(--bd)}
.sdet .th-body{border-top:1px solid var(--bd)}
.ilist li:before{display:none}
.ilist .ic-sq{width:44px;height:44px;border-radius:13px}.ilist .ic-sq .ico{width:21px;height:21px}
.ilist li{align-items:center}
.phero.inv+.sec{padding-top:72px}
.phero.inv .art>img{object-position:50% 30%}
@media (max-width:820px){
 .th-body{grid-template-columns:1fr!important}
 .phero.tours .mosaic{order:0}.phero.tours .wrap>div:first-child{order:1}
 .phero.tours{padding-top:16px}
 .rmap .one{min-height:200px}
}