/*
Theme Name: Platiba
Theme URI: https://platiba.lv
Author: REALAT
Description: platiba.lv — komerctelpu katalogs (loģistikas parki, biznesa centri, tirdzniecības centri). Custom theme built from the approved platiba.sites.tab.bot design.
Version: 1.5.6
Requires at least: 6.3
Requires PHP: 7.4
Text Domain: platiba
*/
:root{--g:#16372A;--g2:#1E4032;--g3:#275441;--gd:#0F271D;--mint:#EAF1ED;--mint2:#D4E6DC;--y:#FFDE59;--y2:#F5CD2E;--ycr:#FFFBEB;--bg:#F3F5F4;--bg1:#F7F9F8;--ink:#1C1C1C;--mut:#5E6675;--line:#E2E4E9;--line2:#D7DED8;--f:"Inter",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif}
*,*::before,*::after{box-sizing:border-box;border-radius:0}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;background:#fff;color:var(--ink);font:400 16px/1.6 var(--f);padding-bottom:74px;-webkit-font-smoothing:antialiased}
@media(min-width:900px){body{padding-bottom:0}}
img{max-width:100%;display:block}a{color:var(--g3)}
h1,h2,h3,.h4{font-family:var(--f);line-height:1.08;letter-spacing:-.025em;margin:0 0 .5em;font-weight:800}
h1{font-size:clamp(2.3rem,5.6vw,4.4rem);letter-spacing:-.035em;line-height:1.02}
h2{font-size:clamp(1.8rem,3.4vw,2.8rem);letter-spacing:-.03em}h3{font-size:1.15rem;font-weight:700;letter-spacing:-.015em}.h4{font-size:1.05rem;font-weight:700}
mark{background:none;color:var(--y)}
.wrap{width:min(1280px,100% - 32px);margin-inline:auto}@media(min-width:900px){.wrap{width:min(1280px,100% - 64px)}}
.narrow{width:min(1280px,100% - 32px)}
.sr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.skip{position:absolute;left:-9999px}.skip:focus{left:12px;top:12px;z-index:99;background:#fff;padding:8px 12px}
:focus-visible{outline:3px solid var(--g3);outline-offset:2px}
.site-header :focus-visible,.hero :focus-visible,.page-hero :focus-visible,.lead :focus-visible,.mapsec :focus-visible,.site-footer :focus-visible,.cats :focus-visible,.feat:focus-visible{outline-color:var(--y)}
.eyebrow{display:flex;align-items:center;gap:10px;font:700 .76rem/1 var(--f);letter-spacing:.16em;text-transform:uppercase;color:var(--g3);margin:0 0 1.1em}
.eyebrow::before{content:"";width:10px;height:10px;background:var(--y);flex:0 0 auto}
.eyebrow.light{color:var(--mint2)}
.demo-bar{background:var(--gd);color:#cfe0d6;font-size:.76rem;text-align:center;padding:5px 12px;letter-spacing:.02em}
/* header */
.site-header{position:sticky;top:0;z-index:40;background:var(--g);border-bottom:1px solid rgba(255,255,255,.08)}
.hdr{display:flex;align-items:center;gap:28px;height:72px}.brand img{height:32px;width:auto}
.nav{display:none;gap:30px;margin-left:auto}.nav a{color:#fff;text-decoration:none;font:500 .93rem var(--f);padding:6px 0;border-bottom:2px solid transparent}.nav a:hover{border-bottom-color:var(--y)}
.hdr-phone{display:none;align-items:center;gap:7px;color:#fff;text-decoration:none;font:600 .93rem var(--f)}.hdr-phone svg{width:16px;height:16px;color:var(--y)}
.hdr-cta{margin-left:auto}
@media(min-width:1080px){.nav{display:flex}.hdr-phone{display:flex}.hdr-cta{margin-left:0}}
@media(max-width:520px){.hdr-cta{display:none}.hdr{height:62px}.brand img{height:28px}}
/* buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;border:2px solid transparent;padding:15px 26px;font:700 .92rem/1 var(--f);letter-spacing:.005em;cursor:pointer;text-decoration:none;transition:background .15s,color .15s,border-color .15s;white-space:nowrap}
.btn svg{width:18px;height:18px}
.btn-gold{background:var(--y);color:var(--ink);border-color:var(--y)}.btn-gold:hover{background:var(--y2);border-color:var(--y2)}
.btn-outline{border-color:var(--g);color:var(--g);background:transparent}.btn-outline:hover{background:var(--g);color:#fff}
.btn-ghost{border-color:var(--line2);background:#fff;color:var(--ink)}
.btn-light{background:#fff;color:var(--ink)}
.btn-line-light{border-color:rgba(255,255,255,.75);color:#fff;background:transparent}.btn-line-light:hover{background:#fff;color:var(--ink)}
.btn-sm{padding:10px 16px;font-size:.84rem}.btn-block{width:100%}
.link-arrow{display:inline-flex;align-items:center;gap:8px;font:700 .9rem var(--f);color:var(--g);text-decoration:none}.link-arrow svg{width:18px;height:18px;transition:transform .15s}.link-arrow:hover svg{transform:translateX(4px)}
.linkbtn{background:none;border:0;padding:0;color:var(--g3);font:inherit;text-decoration:underline;cursor:pointer}
/* home hero */
.hero,.page-hero{position:relative;color:#fff;isolation:isolate;overflow:hidden;background:var(--g)}
.hero-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}
.hero::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(95deg,rgba(15,39,29,.94) 0%,rgba(22,55,42,.8) 42%,rgba(22,55,42,.25) 100%)}
.hero-in{padding:64px 0 48px;min-height:min(820px,calc(100svh - 100px));display:flex;flex-direction:column;justify-content:flex-end}
.hero h1{max-width:13ch;color:#fff;margin-bottom:.4em}
.hero-sub{max-width:56ch;font-size:1.1rem;color:#dbe8e0;margin:0 0 34px}
@media(min-width:900px){.hero-in{padding:120px 0 64px}}
.search{display:grid;gap:12px;background:#fff;color:var(--ink);padding:16px;max-width:1120px;box-shadow:0 24px 60px rgba(0,0,0,.28)}
.search label{display:flex;flex-direction:column;font:700 .7rem var(--f);text-transform:uppercase;letter-spacing:.1em;color:var(--mut);gap:6px}
.search select,.search input{font:500 1rem var(--f);color:var(--ink);border:1px solid var(--line2);padding:0 12px;height:50px;background:#fff;width:100%;appearance:none;-webkit-appearance:none}
.search select{background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%2316372A' stroke-width='2'/%3E%3C/svg%3E") no-repeat right 12px center;padding-right:32px}
.search select:focus,.search input:focus{border-color:var(--g);outline:2px solid var(--g);outline-offset:-2px}
@media(max-width:619px){.search{grid-template-columns:1fr 1fr;padding:14px;gap:10px}.search label:first-child,.search .btn{grid-column:1/-1}.search select{font-size:.95rem;padding-left:10px}}
@media(min-width:620px){.search{grid-template-columns:1fr 1fr}.search .btn{grid-column:1/-1}}
@media(min-width:1040px){.search{grid-template-columns:1.3fr .8fr .8fr 1.1fr 1.1fr auto;align-items:end;padding:20px}.search .btn{grid-column:auto;height:50px}}
.hero-stats{display:flex;flex-wrap:wrap;gap:12px 40px;list-style:none;padding:0;margin:30px 0 0;color:#cfe0d6;font-size:.95rem}.hero-stats strong{color:var(--y);font:800 1.5rem var(--f);margin-right:6px;letter-spacing:-.02em}
/* sections */
section{padding:72px 0}@media(min-width:900px){section{padding:104px 0}}
.sec-head,.feat-head{display:flex;justify-content:space-between;align-items:end;gap:16px;flex-wrap:wrap;margin-bottom:28px}.sec-head h2,.feat-head h2{margin:0}
/* featured (officeriga-style mosaic) */
.featured{background:#fff;padding-bottom:0}
.feat-grid{display:grid;gap:6px;padding:0 0 6px}
.feat{position:relative;display:block;overflow:hidden;color:#fff;text-decoration:none;isolation:isolate;aspect-ratio:4/3;background:var(--g2)}
.feat img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;transition:transform .6s}
.feat::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(15,39,29,0) 35%,rgba(15,39,29,.88) 100%)}
.feat:hover img{transform:scale(1.04)}
.feat-tag{position:absolute;left:0;top:0;background:#fff;color:var(--g);font:700 .72rem var(--f);text-transform:uppercase;letter-spacing:.1em;padding:9px 14px}
.feat-price{position:absolute;right:0;top:0;background:var(--y);color:var(--ink);font:800 1rem var(--f);padding:9px 14px}
.feat-in{position:absolute;left:0;right:0;bottom:0;padding:22px;display:flex;flex-direction:column;gap:4px}
.feat-loc{font:600 .76rem var(--f);text-transform:uppercase;letter-spacing:.12em;color:var(--mint2)}
.feat h3{color:#fff;font-size:clamp(1.5rem,2.4vw,2rem);margin:0}.feat-big h3{font-size:clamp(1.8rem,3.6vw,3.2rem)}
.feat-meta{color:#e4eee8;font-size:.95rem}
@media(min-width:900px){.feat-grid{grid-template-columns:1.45fr 1fr;grid-template-rows:repeat(2,minmax(0,340px))}.feat{aspect-ratio:auto}.feat-big{grid-row:1/3}.feat-in{padding:32px 36px}}
/* categories */
.cats{background:var(--g);color:#fff}.cats h2{color:#fff}.cats .eyebrow{color:var(--mint2)}
.cats .wrap>h2{max-width:20ch}
.cat-grid{display:grid;gap:24px;margin-top:36px;counter-reset:c}@media(min-width:760px){.cat-grid{grid-template-columns:repeat(3,1fr)}}
.cat-tile{display:flex;flex-direction:column;background:#fff;color:var(--ink);text-decoration:none;counter-increment:c;transition:background .2s,color .2s}
.cat-tile img{width:100%;height:auto;aspect-ratio:4/3;object-fit:cover}@media(max-width:759px){.cat-tile img{aspect-ratio:16/9}}
.cat-in{position:relative;padding:26px 26px 30px;display:flex;flex-direction:column;gap:6px;flex:1}
.cat-in::before{content:"0" counter(c);position:absolute;right:24px;top:22px;font:800 2.4rem/1 var(--f);color:var(--line2);letter-spacing:-.04em}
.cat-in h3{font-size:1.6rem;font-weight:800;margin:0}
.cat-ico{width:48px;height:48px;background:var(--y);color:var(--g);display:grid;place-items:center;margin:-50px 0 12px;position:relative}.cat-ico svg{width:28px;height:28px}
.cat-n{font:700 .74rem var(--f);letter-spacing:.12em;text-transform:uppercase;color:var(--g3)}.cat-s{color:var(--mut)}.cat-in .link-arrow{margin-top:auto;padding-top:16px}
.cat-tile:hover{background:var(--y)}.cat-tile:hover .cat-ico{background:var(--g);color:var(--y)}.cat-tile:hover .cat-in::before{color:rgba(22,55,42,.18)}
/* map */
.mapsec{background:var(--g);color:#cfe0d6}.mapsec h2{color:#fff}
.map-grid{display:grid;gap:36px;align-items:center}@media(min-width:960px){.map-grid{grid-template-columns:1fr 1.9fr}}
.legend{list-style:none;padding:0;margin:20px 0 28px;display:flex;flex-wrap:wrap;gap:8px 20px;font-size:.9rem}.legend i{display:inline-block;width:12px;height:12px;margin-right:8px;vertical-align:-1px}
.map-box{background:var(--g2);overflow:hidden;border:1px solid rgba(255,255,255,.1)}
.map-svg{display:block;width:100%;height:auto}.map-svg text{font:700 15px var(--f);fill:#fff;paint-order:stroke;stroke:var(--g2);stroke-width:4px}
.map-svg .mlabel{font:800 22px var(--f);fill:rgba(255,255,255,.22);stroke:none;letter-spacing:.25em}.map-svg .mlabel.sm{font-size:14px}
.mpin rect{transition:transform .15s;transform-box:fill-box;transform-origin:center}.mpin:hover rect,.mpin:focus rect{transform:scale(1.3)}
@media(max-width:700px){.map-svg text:not(.mlabel){display:none}}
/* catalogue */
.catalog{background:var(--bg)}
.cat-h2{font-size:clamp(1.5rem,2.6vw,2.1rem);margin:0 0 18px}
.toolbar{display:flex;flex-direction:column;gap:16px;margin:4px 0 30px}
.tabs,.chips{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;padding-bottom:2px;-webkit-overflow-scrolling:touch}.tabs::-webkit-scrollbar,.chips::-webkit-scrollbar{display:none}
.tabs{border-bottom:1px solid var(--line2);gap:2px}
.tabs .chip{border:0;background:none;padding:14px 16px;border-bottom:3px solid transparent;font-size:.95rem;margin-bottom:-1px}
.tabs .chip.is-on{border-bottom-color:var(--g);color:var(--g);background:none}.tabs .chip.is-on span{color:var(--g3)}
.chip{flex:0 0 auto;border:1px solid var(--line2);background:#fff;color:var(--ink);padding:9px 15px;font:600 .86rem var(--f);cursor:pointer;text-decoration:none;white-space:nowrap}
.chip span{color:var(--mut);font-weight:600;margin-left:4px}.chip:hover{border-color:var(--g)}
.chip.is-on{background:var(--g);border-color:var(--g);color:#fff}.chip.is-on span{color:var(--mint2)}
.filters{display:flex;flex-direction:column;gap:10px}
@media(min-width:1000px){.filters{flex-direction:row;align-items:center;flex-wrap:wrap;gap:12px 22px}}
.sort{display:flex;align-items:center;gap:8px;font:600 .86rem var(--f);color:var(--mut)}.sort select{font:600 .9rem var(--f);border:1px solid var(--line2);padding:9px 12px;background:#fff;color:var(--ink)}
@media(min-width:1000px){.sort{margin-left:auto}}
.result-count{margin:0;color:var(--mut);font-size:.92rem}
.grid{display:grid;gap:28px}@media(min-width:760px){.grid{grid-template-columns:repeat(2,1fr)}}
.card{background:#fff;display:flex;flex-direction:column;position:relative}
.card[hidden]{display:none}
.card-top{position:relative;isolation:isolate;overflow:hidden;background:var(--g2)}
.card-media{display:block;aspect-ratio:3/2}.card-media img{width:100%;height:100%;object-fit:cover;transition:transform .6s}.card:hover .card-media img{transform:scale(1.04)}
.card-top::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(15,39,29,0) 45%,rgba(15,39,29,.85) 100%)}
.card-over{position:absolute;left:0;right:0;bottom:0;z-index:2;padding:22px 24px;color:#fff;pointer-events:none}.card-over a{pointer-events:auto}
.card-cat{position:absolute;left:0;top:0;z-index:2;background:#fff;color:var(--g);font:700 .7rem var(--f);text-transform:uppercase;letter-spacing:.1em;padding:9px 13px}
.badge{position:absolute;right:0;top:0;z-index:2;font:700 .72rem var(--f);padding:9px 13px;text-transform:uppercase;letter-spacing:.06em}.badge-build{background:var(--y);color:var(--ink)}.badge-sale{background:var(--g);color:#fff}
.card-loc{display:flex;align-items:center;gap:6px;font:600 .76rem var(--f);text-transform:uppercase;letter-spacing:.1em;margin:0 0 6px}.card-loc svg{width:15px;height:15px;color:var(--y);flex:0 0 auto}
.card-over .card-loc{color:var(--mint2)}
.card-title{font-size:clamp(1.4rem,2.2vw,1.85rem);font-weight:800;margin:0;letter-spacing:-.025em}.card-title a{color:#fff;text-decoration:none}
.card-body{padding:20px 24px 24px;display:flex;flex-direction:column;flex:1}
.card-meta{font-size:.92rem;color:var(--mut);margin:0 0 12px}
.tags{list-style:none;display:flex;flex-wrap:wrap;gap:6px;padding:0;margin:0 0 18px}.tags li{background:var(--mint);color:var(--g);padding:5px 10px;font-size:.78rem;font-weight:600}
.card-foot{margin-top:auto;display:flex;align-items:center;justify-content:space-between;gap:10px;border-top:1px solid var(--line);padding-top:16px}
.price{margin:0;font:800 1.35rem var(--f);color:var(--ink);letter-spacing:-.02em}.price span{font:500 .82rem var(--f);color:var(--mut);letter-spacing:0}
@media(min-width:1000px){
 .grid .card.is-lead{grid-column:1/-1}
 .card.is-lead .card-media{aspect-ratio:21/9}
 .card.is-lead .card-title{font-size:3rem}
 .card.is-lead .card-over{padding:36px 40px}
 .card.is-lead .card-body{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:8px 32px;padding:22px 40px}
 .card.is-lead .card-meta,.card.is-lead .tags{margin:0}
 .card.is-lead .card-foot{margin:0;border:0;padding:0;gap:28px}
 .card.is-lead .price{font-size:1.6rem}
}
.empty{text-align:center;padding:40px 16px;background:#fff;margin-top:12px}
/* why / how */
.why{background:var(--mint)}
.why-grid{display:grid;gap:4px;margin-top:36px}@media(min-width:700px){.why-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1040px){.why-grid{grid-template-columns:repeat(4,1fr)}}
.why-grid>div{background:#fff;padding:30px 28px 34px}.num{display:block;font:800 2.6rem/1 var(--f);color:var(--g);letter-spacing:-.04em;margin-bottom:22px}.num::after{content:"";display:block;width:28px;height:4px;background:var(--y);margin-top:14px}
.why-grid h3{margin:0 0 .4em;font-size:1.2rem}.why-grid p{color:var(--mut);margin:0}
.how{background:#fff}
.steps{list-style:none;padding:0;margin:40px 0 0;display:grid;gap:0;counter-reset:s}@media(min-width:800px){.steps{grid-template-columns:repeat(3,1fr)}}
.steps li{counter-increment:s;padding:28px 28px 30px 0;border-top:2px solid var(--ink);position:relative}
@media(min-width:800px){.steps li+li{padding-left:28px;border-left:1px solid var(--line)}}
.steps li::before{content:"0" counter(s);display:block;font:800 4.4rem/1 var(--f);color:var(--g);letter-spacing:-.05em;margin-bottom:18px}
.steps li:nth-child(2)::before{color:var(--g3)}.steps li:nth-child(3)::before{-webkit-text-stroke:2px var(--g);color:transparent}
.steps h3{font-size:1.3rem}.steps p{margin:0;color:var(--mut)}
/* faq */
.faq{background:var(--bg1)}
@media(min-width:960px){.faq .narrow{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.8fr);column-gap:80px}.faq .eyebrow{grid-column:1;grid-row:1}.faq .narrow>h2{grid-column:1;grid-row:2/span 14;align-self:start;position:sticky;top:110px}.faq details,.faq .more{grid-column:2}}
.faq details{border-top:1px solid var(--line2);padding:2px 0}.faq details:last-of-type{border-bottom:1px solid var(--line2)}
.faq summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:16px;padding:20px 0}
.faq summary::-webkit-details-marker{display:none}.faq summary h3{margin:0;font-size:1.08rem}
.faq summary::after{content:"";flex:0 0 32px;height:32px;background:var(--g) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14'%3E%3Cpath d='M7 0v14M0 7h14' stroke='%23FFDE59' stroke-width='2'/%3E%3C/svg%3E") no-repeat center;transition:transform .2s}
.faq details[open] summary::after{transform:rotate(45deg)}
.faq details p{margin:0 0 22px;color:#3d434e;max-width:70ch}.more{margin-top:28px}
/* lead */
.lead{background:var(--g);color:#d4e6dc}.lead h2{color:#fff}.lead .eyebrow{color:var(--mint2)}
.lead-grid{display:grid;gap:36px}@media(min-width:960px){.lead-grid{grid-template-columns:1fr 1.25fr;gap:72px;align-items:start}}
.agent{display:flex;gap:16px;align-items:center;margin-top:28px;background:rgba(255,255,255,.06);border-left:4px solid var(--y);padding:16px 18px}.agent a{color:#fff}
.agent-ava{width:50px;height:50px;background:var(--y);color:var(--g);display:grid;place-items:center;font:800 1.2rem var(--f);flex:0 0 auto}
.lead-form{background:#fff;color:var(--ink);padding:26px;display:grid;gap:16px}
.lead-form label{display:flex;flex-direction:column;gap:6px;font:600 .8rem var(--f);color:#3d434e}
.lead-form input:not([type=radio]):not([type=checkbox]),.lead-form select,.lead-form textarea{font:400 1rem var(--f);border:1px solid var(--line2);padding:12px;background:var(--bg1);color:var(--ink);width:100%}
.lead-form input:focus,.lead-form select:focus,.lead-form textarea:focus{border-color:var(--g);outline:2px solid var(--g);outline-offset:-2px;background:#fff}
.lead-form .invalid{border-color:#c0392b!important;background:#fff6f5!important}
.grid2{display:grid;gap:14px}@media(min-width:560px){.grid2{grid-template-columns:1fr 1fr}}
.seg{border:0;padding:0;margin:0;display:grid;grid-template-columns:1fr 1fr;gap:0;border:1px solid var(--line2)}
.seg label{position:relative}.seg input{position:absolute;opacity:0}
.seg span{display:block;text-align:center;padding:13px 8px;font:700 .88rem var(--f);cursor:pointer;color:var(--mut);background:#fff}
.seg input:checked+span{background:var(--g);color:#fff}.seg input:focus-visible+span{outline:3px solid var(--y);outline-offset:-3px}
.check{flex-direction:row!important;align-items:flex-start;gap:10px!important;font:400 .85rem var(--f)!important}.check input{margin-top:3px;width:18px;height:18px;accent-color:var(--g);flex:0 0 auto}
.form-err{color:#b03a2e;margin:0;font-size:.9rem}.form-project{margin:0;font-size:.9rem;color:var(--mut)}
.thanks{background:var(--mint);border-left:4px solid var(--g);padding:20px;color:var(--g)}.thanks p{margin:.3em 0 0}
.lead-form.done>*:not(.thanks){display:none}.lead-form.done .thanks{display:block}
/* modal */
.modal{border:0;padding:0;width:min(640px,100% - 20px);max-height:92vh;background:#fff;box-shadow:0 30px 80px rgba(0,0,0,.35);border-top:5px solid var(--y)}
.modal::backdrop{background:rgba(15,39,29,.7)}
.modal-in{padding:28px 24px 24px;position:relative}.modal .lead-form{padding:0}.modal h2{font-size:1.6rem;margin-right:48px}
.modal-x{position:absolute;right:0;top:0;width:48px;height:48px;border:0;background:var(--g);color:#fff;font-size:1.6rem;line-height:1;cursor:pointer}
/* category page */
.page-hero::after{content:none}
.page-hero .hero-bg{position:relative;inset:auto;height:auto;aspect-ratio:16/10;z-index:0}
.page-hero-in{padding:28px 0 52px}
.page-hero h1{color:#fff;font-size:clamp(2rem,4.4vw,3.6rem);max-width:16ch}
.page-hero .hero-sub{font-size:1.08rem;margin-bottom:28px}
.page-hero .crumbs a,.page-hero .crumbs li{color:var(--mint2)}
.ph-stats{list-style:none;padding:0;margin:0 0 30px;display:grid;grid-template-columns:repeat(3,auto);justify-content:start;gap:12px 32px}
.ph-stats li{border-left:3px solid var(--y);padding-left:14px;color:var(--mint2);font-size:.82rem;display:flex;flex-direction:column}
.ph-stats strong{color:#fff;font:800 1.35rem/1.2 var(--f);letter-spacing:-.02em}
.ph-cta{display:flex;flex-wrap:wrap;gap:12px}
@media(max-width:560px){.ph-stats{grid-template-columns:1fr 1fr}.ph-stats li:first-child{grid-column:1/-1}.ph-cta .btn{flex:1 1 100%}}
@media(min-width:960px){
 .page-hero{min-height:620px;display:flex;align-items:center}
 .page-hero .hero-bg{position:absolute;top:0;right:0;bottom:0;left:auto;width:50%;height:100%;aspect-ratio:auto}
 .page-hero-in{padding:64px 0 72px}.page-hero-in>*{max-width:calc(50% - 56px)}
}
.intro{background:#fff}.intro-grid{display:grid;gap:40px}@media(min-width:960px){.intro-grid{grid-template-columns:1.7fr 1fr;gap:80px}}
.prose h2{max-width:22ch}
.prose p{color:#3d434e;max-width:68ch}.prose h2+p{font-size:1.22rem;line-height:1.55;color:var(--ink);font-weight:500}
.side-box{background:var(--mint);border-top:4px solid var(--g);padding:26px;display:flex;flex-direction:column;gap:12px;align-self:start}.side-box p{margin:0;color:var(--mut)}.side-box .chips{flex-wrap:wrap}
.crumbs ol{list-style:none;display:flex;flex-wrap:wrap;gap:6px;padding:0;margin:0 0 20px;font-size:.84rem}.crumbs li{color:var(--mut)}.crumbs li+li::before{content:"/";margin-right:6px;opacity:.6}.crumbs a{color:var(--mut);text-decoration:none}.crumbs a:hover{text-decoration:underline}
/* project */
.proj-top{padding-top:18px}.proj-top .crumbs ol{margin-bottom:14px}.project{padding:0 0 48px}
.proj-gallery{background:var(--bg)}
.gallery{display:grid;gap:6px}
.g-main{position:relative;overflow:hidden;aspect-ratio:4/3;background:var(--g2);min-height:0}.g-main img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.g-thumbs{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}
.g-t{position:relative;padding:0;border:0;overflow:hidden;cursor:pointer;background:var(--g2);aspect-ratio:3/2;min-height:0}.g-t img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:opacity .2s,transform .5s}
.g-t::after{content:"";position:absolute;left:0;right:0;bottom:0;height:5px;background:var(--y);transform:scaleX(0);transform-origin:left;transition:transform .25s}
.g-t.is-on::after{transform:scaleX(1)}.g-t:not(.is-on) img{opacity:.78}.g-t:hover img{opacity:1;transform:scale(1.03)}
@media(min-width:900px){.gallery{grid-template-columns:2.2fr 1fr;grid-template-rows:minmax(0,1fr);height:clamp(460px,64vh,640px)}.g-main{aspect-ratio:auto;height:100%}.g-thumbs{grid-template-columns:1fr;grid-template-rows:repeat(3,minmax(0,1fr));min-height:0}.g-t{aspect-ratio:auto;height:100%}}
.proj-head{display:grid;gap:22px;padding:40px 0 34px;border-bottom:1px solid var(--line);margin-bottom:8px}@media(min-width:900px){.proj-head{grid-template-columns:1fr auto;align-items:end}}
.proj-head .card-loc{color:var(--g3)}.proj-head .card-loc svg{color:var(--g3)}
.proj-head h1{font-size:clamp(2.3rem,5vw,4.2rem);margin:.1em 0 .3em}
.proj-head .tags{margin:0}
.proj-price{background:var(--y);color:var(--ink);padding:22px 28px;display:flex;flex-direction:column;gap:2px;min-width:250px}.proj-price span{font-size:.86rem;color:#3b3a2c}.proj-price strong{font:800 2.3rem/1.1 var(--f);letter-spacing:-.03em}
.proj-grid{display:grid;gap:36px}@media(min-width:1000px){.proj-grid{grid-template-columns:1fr 360px;gap:72px}}
.proj-main>section{padding:44px 0 0}.proj-main h2{font-size:1.75rem}
.proj-main h2::before{content:"";display:block;width:36px;height:4px;background:var(--y);margin-bottom:16px}
.lead-p{font-size:1.3rem;line-height:1.5;color:var(--ink)!important;font-weight:500;max-width:60ch}
.proj-main p{color:#3d434e}
.table-wrap{overflow-x:auto}
table{border-collapse:collapse;width:100%;background:#fff;border:1px solid var(--line)}
th,td{text-align:left;padding:13px 16px;border-bottom:1px solid var(--line);font-size:.94rem}
.units thead th{background:var(--g);color:#fff;font:700 .74rem var(--f);text-transform:uppercase;letter-spacing:.08em}
.units tbody tr:hover{background:var(--bg1)}
.units td:nth-child(2),.units td:nth-child(4){font-weight:700}.units tr:last-child td,.facts tr:last-child th,.facts tr:last-child td{border-bottom:0}
.facts tr:nth-child(odd){background:var(--bg1)}.facts th{width:44%;color:var(--mut);font-weight:500}.facts td{font-weight:600}
.note{font-size:.85rem;color:var(--mut)!important}
@media(max-width:640px){.units thead{display:none}.units,.units tbody,.units tr,.units td{display:block;width:100%}.units tr{padding:14px 16px;border-bottom:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr;gap:6px 12px}.units td{border:0;padding:0;font-size:.92rem}.units td::before{content:attr(data-l);display:block;font:600 .68rem var(--f);text-transform:uppercase;color:var(--mut);letter-spacing:.08em}.units td:last-child{grid-column:1/-1;margin-top:6px}.units td:last-child .btn{width:100%}}
.map-ph{position:relative;background:var(--g);overflow:hidden}.map-ph .map-svg text{stroke:var(--g)}.map-ph .map-svg text:not(.mlabel){display:block}.map-open{position:absolute;right:14px;bottom:14px}
.proj-side .sticky{position:sticky;top:96px;background:#fff;border:1px solid var(--line);border-top:4px solid var(--g);margin-top:44px}.side-phone a{display:inline-flex;gap:6px;align-items:center;font:700 1rem var(--f);text-decoration:none;color:var(--g)}.side-phone svg{width:16px;height:16px}
.related{background:var(--bg);padding-top:72px}@media(min-width:1000px){.related .grid{grid-template-columns:repeat(3,1fr)}.related .card-title{font-size:1.4rem}}
.page-plain{padding:36px 0 72px}
/* footer */
.site-footer{background:var(--gd);color:#a9bfb3;padding:64px 0 26px;font-size:.92rem}
.foot-grid{display:grid;gap:30px}@media(min-width:800px){.foot-grid{grid-template-columns:1.5fr 1fr 1fr 1fr}}
.site-footer img{height:34px;width:auto;margin-bottom:16px}.foot-h{font:700 .74rem var(--f);text-transform:uppercase;letter-spacing:.14em;color:#fff;margin:0 0 14px}
.site-footer ul{list-style:none;padding:0;margin:0;display:grid;gap:9px}.site-footer a{color:var(--mint2);text-decoration:none}.site-footer a:hover{color:var(--y)}
.foot-note{border-top:1px solid rgba(255,255,255,.1);margin-top:40px;padding-top:20px;font-size:.8rem;color:#8ea698;display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px 24px}.foot-note p{margin:0}
/* mobile sticky cta */
.mobile-cta{position:fixed;left:0;right:0;bottom:0;z-index:50;display:grid;grid-template-columns:auto 1fr;gap:8px;padding:10px 12px calc(10px + env(safe-area-inset-bottom));background:#fff;border-top:1px solid var(--line);box-shadow:0 -6px 20px rgba(0,0,0,.08)}
.mobile-cta .btn-ghost svg{color:var(--g)}
@media(min-width:900px){.mobile-cta{display:none}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}
@media(max-width:520px){.hero .eyebrow{display:none}.hero-in{padding-top:44px;min-height:0}.feat-in{padding:18px}}


/* ===== WordPress additions ===== */
.lang-sw{display:flex;gap:2px;margin-left:8px}
.lang-sw a{color:#cfe0d6;text-decoration:none;font:700 .74rem/1 var(--f);letter-spacing:.08em;padding:7px 7px;border:1px solid transparent}
.lang-sw a:hover{color:#fff}.lang-sw a.is-cur{color:var(--ink);background:var(--y)}
@media(max-width:520px){.lang-sw a{padding:6px 5px}}
.hdr .nav{margin-left:auto}
@media(max-width:1079px){.lang-sw{margin-left:auto}}
.admin-bar .site-header{top:32px}@media(max-width:782px){.admin-bar .site-header{top:0}}
.news{padding:72px 0;background:var(--bg1)}
.news-grid{display:grid;gap:24px;grid-template-columns:1fr}@media(min-width:760px){.news-grid{grid-template-columns:repeat(3,1fr)}}
.post-card{background:#fff;border:1px solid var(--line);display:flex;flex-direction:column}
.post-card .pc-media{display:block;aspect-ratio:16/10;overflow:hidden;background:var(--g)}
.post-card .pc-media img{width:100%;height:100%;object-fit:cover;transition:transform .3s}.post-card:hover .pc-media img{transform:scale(1.03)}
.post-card .pc-body{padding:22px 22px 24px;display:flex;flex-direction:column;gap:10px;flex:1}
.pc-cat{font:700 .72rem/1 var(--f);letter-spacing:.14em;text-transform:uppercase;color:var(--g3);text-decoration:none}
.post-card h3{margin:0;font-size:1.2rem}.post-card h3 a{color:var(--ink);text-decoration:none}.post-card h3 a:hover{color:var(--g3)}
.pc-date{color:var(--mut);font-size:.85rem;margin:0}.post-card p{margin:0;color:var(--mut)}
.post-card .link-arrow{margin-top:auto}
.page-head{background:var(--g);color:#fff;padding:56px 0 48px}.page-head h1{color:#fff;margin:0}.page-head .crumbs a,.page-head .crumbs li{color:#cfe0d6}
.page-head p{color:#cfe0d6;max-width:720px;margin:.8em 0 0}
.news-filter{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 28px}
.listing{padding:48px 0 72px}
.single-post .entry{padding:48px 0 72px}
.entry-meta{color:var(--mut);font-size:.9rem;margin:0 0 1.5em}
.entry-hero{margin:0 0 32px}.entry-hero img{width:100%;height:auto}
.prose{max-width:760px}.prose img{height:auto}.prose h2{margin-top:1.4em}.prose blockquote{margin:1.5em 0;padding:4px 0 4px 20px;border-left:4px solid var(--y);font-size:1.1rem}
.prose table{border-collapse:collapse;width:100%;margin:1.2em 0}.prose th,.prose td{border-bottom:1px solid var(--line);padding:10px 8px;text-align:left}
.pagination{display:flex;gap:6px;margin-top:36px;flex-wrap:wrap}.pagination .page-numbers{display:inline-flex;min-width:42px;height:42px;align-items:center;justify-content:center;border:1px solid var(--line2);text-decoration:none;color:var(--ink);font-weight:700}.pagination .current{background:var(--g);color:#fff;border-color:var(--g)}
.contact-grid{display:grid;gap:40px;padding:56px 0 72px}@media(min-width:900px){.contact-grid{grid-template-columns:1fr 1.2fr}}
.contact-list{list-style:none;padding:0;margin:0 0 24px}.contact-list li{padding:12px 0;border-bottom:1px solid var(--line)}.contact-list strong{display:block;font-size:.8rem;letter-spacing:.12em;text-transform:uppercase;color:var(--mut)}
.contact-grid .lead-form{background:var(--bg1);padding:28px;border:1px solid var(--line)}
.map-embed{position:relative;aspect-ratio:16/9;background:var(--g)}.map-embed iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.map-embed .map-open{position:absolute;right:12px;bottom:12px}
.proj-contact{display:flex;gap:14px;align-items:center;margin:14px 0 4px;padding-top:14px;border-top:1px solid var(--line)}
.proj-contact .agent-ava{flex:0 0 auto}
.form-err.is-server{display:block}
.lead-form.sending button[type=submit]{opacity:.6;pointer-events:none}
.hp-field{position:absolute!important;left:-9999px;width:1px;height:1px;overflow:hidden}

.brand{flex:0 0 auto}.brand img{width:auto;max-width:none}
@media(max-width:520px){.hdr .hdr-cta{display:none}.hdr{gap:12px}}

.nav a{white-space:nowrap}
@media(min-width:1080px){.nav{gap:22px}}
@media(max-width:1399px){.hdr-phone{display:none!important}}
.menu-btn{display:none;background:none;border:0;padding:8px;cursor:pointer;color:#fff;margin-left:4px}
.menu-btn svg{width:26px;height:26px;display:block}
@media(max-width:1199px){
 .hdr .nav{display:none;position:absolute;left:0;right:0;top:100%;background:var(--g);flex-direction:column;gap:0;padding:8px 16px 16px;border-top:1px solid rgba(255,255,255,.1);margin:0}
 .hdr .nav a{padding:12px 0;border-bottom:1px solid rgba(255,255,255,.08)}
 .site-header.nav-open .nav{display:flex}
 .menu-btn{display:block}
 .lang-sw{margin-left:auto}
 .hdr-cta{margin-left:0}
}
@media(min-width:1200px){.hdr .nav{display:flex}}
.hdr{position:relative}

.hdr-phone span{white-space:nowrap}

/* v1.1 — imported project parameters (rentful-style key figures) */
.proj-stats{list-style:none;margin:0 0 8px;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));border:1px solid var(--line);border-top:0}
.proj-stats li{padding:16px 20px;border-top:1px solid var(--line);border-right:1px solid var(--line);display:flex;flex-direction:column;gap:2px;background:#fff}
.proj-stats li:last-child{border-right:0}
.proj-stats span{font:600 .7rem var(--f);text-transform:uppercase;letter-spacing:.08em;color:var(--mut)}
.proj-stats strong{font:800 1.45rem/1.15 var(--f);letter-spacing:-.02em;color:var(--g)}
.proj-stats li.is-key{background:var(--ycr)}.proj-stats li.is-key strong{color:var(--ink)}
.units-6 td:nth-child(2),.units-6 td:nth-child(4),.units-6 td:nth-child(5){white-space:nowrap}
.units-6 td:nth-child(6){color:var(--g3);font-weight:600}
.units-empty{background:var(--bg1);border-left:4px solid var(--y);padding:22px 24px;display:flex;flex-wrap:wrap;gap:16px;align-items:center;justify-content:space-between}.units-empty p{margin:0;max-width:560px;color:var(--mut)}
.amen{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:8px}.amen li{background:var(--mint);color:var(--g);padding:7px 12px;font-size:.86rem;font-weight:600}
.side-lbl{font:600 .7rem var(--f)!important;text-transform:uppercase;letter-spacing:.08em;margin:6px 0 -4px!important}
.more-wrap{display:flex;justify-content:center;margin:28px 0 0}
.project .entry p,.proj-main section p{max-width:72ch}
@media(max-width:640px){.proj-stats{grid-template-columns:1fr 1fr}.proj-stats li:nth-child(2n){border-right:0}.proj-stats strong{font-size:1.2rem}}

.proj-head .proj-hook{font:600 clamp(1.1rem,1.7vw,1.38rem)/1.4 var(--f);color:var(--g);margin:0 0 1em;max-width:44em;border-left:4px solid var(--y);padding:2px 0 2px 14px}
.proj-desc p,.proj-desc ul{max-width:68ch}.proj-desc li{color:#3d434e}.proj-desc>p:first-child{font-size:1.16rem;line-height:1.55;color:var(--ink);font-weight:500}
.proj-desc h3{font-size:1.15rem;margin:1.4em 0 .5em}.proj-desc ul{padding-left:1.2em}.proj-desc li{margin:.25em 0}

/* ===== 1.4.0 ===== */
.hdr-fav{position:relative;display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;background:none;border:1px solid rgba(255,255,255,.18);color:#fff;cursor:pointer;padding:0;flex:none}
.hdr-fav svg{width:20px;height:20px}
.hdr-fav:hover{border-color:var(--y);color:var(--y)}
.hdr-fav-n{position:absolute;top:-7px;right:-7px;min-width:19px;height:19px;padding:0 5px;background:var(--y);color:var(--ink);font:800 .68rem/19px var(--f);text-align:center}
.hdr .nav+.hdr-fav,.hdr .hdr-fav{margin-left:auto}
@media(min-width:1080px){.hdr .hdr-fav{margin-left:0}}
.card-acts{position:absolute;top:10px;right:10px;z-index:4;display:flex;gap:6px}
.ico-btn{width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;background:rgba(255,255,255,.94);color:var(--g);border:0;cursor:pointer;padding:0;transition:background .15s,color .15s}
.ico-btn svg{width:18px;height:18px}
.ico-btn[data-fav] svg path{fill:none}
.ico-btn:hover{background:var(--y);color:var(--ink)}
.ico-btn.is-on{background:var(--g);color:var(--y)}
.ico-btn[data-fav].is-on svg path{fill:currentColor}
.card .badge{right:auto;left:0;top:33px}
.cc-btn{position:absolute;top:50%;z-index:3;transform:translateY(-70%);width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.9);color:var(--g);border:0;padding:0;cursor:pointer;opacity:0;transition:opacity .15s}
.cc-btn svg{width:18px;height:18px}
.cc-prev{left:10px}.cc-next{right:10px}
.card-top:hover .cc-btn,.cc-btn:focus-visible{opacity:1}
@media(hover:none){.cc-btn{opacity:.85;width:32px;height:32px}}
.cc-n{position:absolute;top:56px;right:10px;z-index:3;background:rgba(15,39,29,.7);color:#fff;font:600 .7rem/1 var(--f);padding:5px 7px;opacity:0;transition:opacity .15s}
.card-top:hover .cc-n{opacity:1}
.tags .tag-spec{background:var(--ycr);border-color:#F2E3A0}
.avail{margin:0 0 16px}
.avail-t{margin:0 0 6px;font-size:.84rem;color:var(--mut)}
.avail-t strong{color:var(--ink);font-weight:700}
.avail-bar{height:6px;background:var(--mint2);position:relative;overflow:hidden}
.avail-bar span{position:absolute;left:0;top:0;bottom:0;background:var(--g)}
.avail-bar span::after{content:"";position:absolute;right:0;top:0;bottom:0;width:3px;background:var(--y)}
.card.is-lead .avail-card{grid-column:1/-1;margin:0;max-width:520px}
.avail-proj{max-width:560px;margin:22px 0 6px}
.avail-proj .avail-t{font-size:.95rem}
.avail-proj .avail-bar{height:8px}
.proj-acts{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}
.act{display:inline-flex;align-items:center;gap:8px;background:#fff;border:1px solid var(--line2);color:var(--g);font:600 .86rem var(--f);padding:9px 14px;cursor:pointer}
.act svg{width:18px;height:18px}
.act[data-fav] svg path{fill:none}
.act:hover{border-color:var(--g)}
.act.is-on{background:var(--g);border-color:var(--g);color:#fff}
.act.is-on svg{color:var(--y)}
.act[data-fav].is-on svg path{fill:currentColor}
.g-nav{position:absolute;top:50%;transform:translateY(-50%);z-index:2;width:46px;height:46px;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.92);color:var(--g);border:0;padding:0;cursor:pointer}
.g-nav svg{width:22px;height:22px}
.g-nav:hover{background:var(--y);color:var(--ink)}
.g-prev{left:14px}.g-next{right:14px}
.g-count{position:absolute;right:14px;bottom:14px;z-index:2;background:rgba(15,39,29,.78);color:#fff;font:600 .78rem/1 var(--f);padding:7px 10px}
.g-main:focus-visible{outline:3px solid var(--y);outline-offset:-3px}
.g-main img{user-select:none;-webkit-user-drag:none}
.cls-info{margin-top:12px;font-size:.88rem;color:var(--mut);border:1px solid var(--line);background:#fff;padding:0 16px}
.cls-info summary{cursor:pointer;padding:12px 0;font-weight:600;color:var(--g)}
.cls-info p{margin:0 0 10px}
.drawer-bg{position:fixed;inset:0;z-index:90;background:rgba(15,39,29,.45)}
.drawer,.cmp-panel{position:fixed;z-index:91;right:0;background:#fff;box-shadow:-12px 0 40px rgba(15,39,29,.18);display:flex;flex-direction:column;transition:transform .22s ease}
.drawer{top:0;bottom:0;width:min(400px,92vw);transform:translateX(105%);padding:0 22px 22px;overflow:auto}
.drawer.is-open{transform:none}
.cmp-panel{top:96px;width:300px;padding:0 18px 18px;max-height:calc(100vh - 120px);overflow:auto;transform:translateX(110%);border-top:4px solid var(--y)}
.cmp-panel.is-open{transform:none}
.drawer-h{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:16px 0 12px;border-bottom:1px solid var(--line);margin-bottom:12px;position:sticky;top:0;background:#fff}
.drawer-h h2{font:800 1.05rem var(--f);margin:0;color:var(--g)}
.drawer-n{color:var(--mut);font-weight:600}
.drawer-x{background:none;border:0;font-size:1.7rem;line-height:1;cursor:pointer;color:var(--ink);padding:4px 8px}
.mini-list{list-style:none;margin:0 0 12px;padding:0;display:grid;gap:8px}
.mini-list li{display:flex;align-items:center;gap:8px;border:1px solid var(--line)}
.mini-list a{flex:1;display:flex;align-items:center;gap:10px;color:var(--ink);text-decoration:none;font:600 .88rem/1.25 var(--f);min-width:0}
.mini-list a:hover span{color:var(--g);text-decoration:underline}
.mini-list img,.mini-ph{width:72px;height:48px;object-fit:cover;flex:none;background:var(--mint)}
.mini-rm{background:none;border:0;font-size:1.3rem;cursor:pointer;color:var(--mut);padding:6px 10px}
.mini-rm:hover{color:var(--ink)}
.drawer-empty,.drawer-note,.cmp-hint{color:var(--mut);font-size:.86rem;margin:6px 0}
.cmp-clear{background:none;border:0;color:var(--mut);font:500 .82rem var(--f);text-decoration:underline;cursor:pointer;margin-top:10px;align-self:center}
.cmp-tab{position:fixed;right:0;top:45%;z-index:89;display:flex;align-items:center;gap:6px;background:var(--g);color:#fff;border:0;padding:12px 14px;font:700 .82rem var(--f);cursor:pointer;box-shadow:-6px 4px 20px rgba(15,39,29,.25)}
.cmp-tab svg{width:18px;height:18px;color:var(--y)}
.cmp-tab b{background:var(--y);color:var(--ink);padding:1px 7px}
@media(max-width:699px){
 .cmp-panel{top:auto;bottom:0;left:0;right:0;width:auto;max-height:62vh;transform:translateY(110%);box-shadow:0 -10px 30px rgba(15,39,29,.2)}
 .cmp-panel .mini-list img{width:56px;height:38px}
 body.cmp-open .mobile-cta{display:none}
 .cmp-tab{top:auto;bottom:84px}
}
.toast{position:fixed;left:50%;bottom:96px;transform:translateX(-50%);z-index:95;background:var(--ink);color:#fff;font:600 .86rem var(--f);padding:11px 16px;max-width:90vw;text-align:center}
@media(min-width:900px){.toast{bottom:32px}}
.cmp-page{padding:8px 0 64px}
.cmp-page h1{margin:8px 0 6px}
.cmp-lead{color:var(--mut);margin:0 0 20px}
.cmp-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;border:1px solid var(--line);background:#fff}
.cmp-table{border-collapse:collapse;width:100%;min-width:560px;table-layout:fixed}
.cmp-table th,.cmp-table td{border-bottom:1px solid var(--line);padding:12px 14px;text-align:left;vertical-align:top;font-size:.9rem}
.cmp-table tbody th{width:180px;color:var(--mut);font-weight:600;background:var(--bg1);position:sticky;left:0;z-index:1}
.cmp-table thead th{vertical-align:bottom;background:#fff}
.cmp-corner{width:180px;position:sticky;left:0;z-index:2;background:#fff}
.cmp-img{display:block;aspect-ratio:3/2;background:var(--mint);margin-bottom:10px;overflow:hidden}
.cmp-img img{width:100%;height:100%;object-fit:cover;display:block}
.cmp-title{display:block;font:800 1rem/1.25 var(--f);color:var(--g);text-decoration:none;margin-bottom:6px}
.cmp-title:hover{text-decoration:underline}
.cmp-rm{background:none;border:0;padding:0;color:var(--mut);font:500 .8rem var(--f);text-decoration:underline;cursor:pointer}
.cmp-na{color:#B0B6BF}
.cmp-cta td,.cmp-cta th{border-bottom:0}
@media(max-width:699px){.cmp-table tbody th,.cmp-corner{width:112px}.cmp-table{min-width:0}.cmp-n3,.cmp-n4{min-width:620px}.cmp-table th,.cmp-table td{padding:10px;font-size:.84rem}}
.calc{border:1px solid var(--line);background:#fff;padding:24px;margin-top:8px}
.calc h2{margin-top:0}
.calc-sub{color:var(--mut);margin:-4px 0 18px}
.calc-grid{display:grid;gap:22px}
@media(min-width:760px){.calc-grid{grid-template-columns:1.15fr 1fr}}
.calc-ins{display:grid;gap:12px;grid-template-columns:1fr 1fr}
@media(max-width:420px){.calc-ins{grid-template-columns:1fr}}
.calc-f{display:flex;flex-direction:column;gap:5px;font:600 .8rem var(--f);color:var(--ink)}
.calc-in{display:flex;align-items:stretch;border:1px solid var(--line2);background:#fff}
.calc-in:focus-within{border-color:var(--g);box-shadow:0 0 0 2px var(--mint2)}
.calc-in input,.calc-in select{flex:1;min-width:0;border:0;padding:10px 10px;font:600 .95rem var(--f);background:transparent;color:var(--ink);border-radius:0}
.calc-in input:focus,.calc-in select:focus{outline:0}
.calc-in i{font-style:normal;display:flex;align-items:center;padding:0 10px;background:var(--bg1);color:var(--mut);font-size:.78rem;white-space:nowrap}
.calc-f small{font-weight:500;color:var(--mut);font-size:.74rem}
.calc-chk{grid-column:1/-1;display:flex;align-items:center;gap:8px;font:500 .86rem var(--f)}
.calc-out{background:var(--g);color:#fff;padding:22px;display:flex;flex-direction:column;gap:12px;align-self:start}
.calc-big{margin:0;display:flex;flex-direction:column;gap:2px}
.calc-big span{font-size:.82rem;color:#cfe0d6}
.calc-big strong{font:800 2rem/1.1 var(--f);color:var(--y);letter-spacing:-.02em}
.calc-sum{list-style:none;margin:0;padding:0;display:grid;gap:6px}
.calc-sum li{display:flex;justify-content:space-between;gap:10px;border-top:1px solid rgba(255,255,255,.14);padding-top:6px;font-size:.88rem}
.calc-sum b{font-weight:700;white-space:nowrap}
.calc-bar{display:flex;height:8px;background:rgba(255,255,255,.12)}
.calc-bar span{display:block;height:100%}
.calc-leg{list-style:none;margin:0;padding:0;display:grid;gap:3px;font-size:.78rem;color:#dbe7e0}
.calc-leg i{display:inline-block;width:10px;height:10px;margin-right:6px;vertical-align:-1px;outline:1px solid rgba(255,255,255,.35)}
.calc-leg b{float:right;font-weight:600;color:#fff}
.calc-note{font-size:.74rem;color:#b9cfc3;margin:0}
.calc-out .btn{align-self:flex-start}
@media(max-width:1079px){.hdr .hdr-cta{margin-left:0}}

.ppos{border:1px solid var(--line);background:#fff;padding:20px 24px 16px;margin-top:8px}
.ppos h2{margin:0 0 4px}
.ppos-sub{color:var(--mut);font-size:.88rem;margin:0 0 44px}
.ppos-bar{position:relative;height:12px;background:var(--mint)}
.ppos-band{position:absolute;top:0;bottom:0;background:repeating-linear-gradient(135deg,var(--g3) 0 4px,var(--g) 4px 8px)}
.ppos-pin{position:absolute;top:-8px;bottom:-8px;width:3px;margin-left:-1.5px;background:var(--y);box-shadow:0 0 0 1px var(--g)}
.ppos-pin b{position:absolute;bottom:calc(100% + 6px);left:50%;transform:translateX(-50%);white-space:nowrap;background:var(--y);color:var(--ink);font:700 .78rem var(--f);padding:5px 8px}
.ppos-pin.is-r b{left:auto;right:-2px;transform:none}
.ppos-pin.is-l b{left:-2px;transform:none}
.ppos-ends{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-top:10px;font:600 .8rem var(--f);color:var(--mut)}
.ppos-mid{display:inline-flex;align-items:center;gap:6px;text-align:center}
.ppos-mid i{display:inline-block;width:14px;height:10px;background:repeating-linear-gradient(135deg,var(--g3) 0 3px,var(--g) 3px 6px)}
.ppos-src{font-size:.76rem;color:var(--mut);margin:12px 0 0;border-top:1px solid var(--line);padding-top:8px}
.cmp-tab[hidden],.drawer[hidden],.cmp-panel[hidden],.toast[hidden],.drawer-bg[hidden]{display:none!important}
.proj-main>section.ppos,.proj-main>section.calc{padding:22px 24px 18px;margin-top:44px}
.proj-main section .ppos-src,.proj-main section .ppos-sub,.proj-main section .calc-note{max-width:none}
@media(max-width:560px){.proj-main>section.ppos,.proj-main>section.calc{padding:18px 16px 16px}.ppos-mid{font-size:.72rem}}
.proj-main,.proj-grid>*{min-width:0}

.cmp-chev{display:none}
@media(max-width:699px){
 body.cmp-open .toast{bottom:auto;top:86px}
 .cmp-chev{display:inline-block;margin-left:4px;transition:transform .2s;color:var(--mut)}
 .cmp-panel.is-exp .cmp-chev{transform:rotate(180deg)}
 #cmp-h{cursor:pointer}
 .cmp-panel:not(.is-exp){flex-direction:row;align-items:center;gap:10px;padding:10px 12px 10px 16px}
 .cmp-panel:not(.is-exp) .drawer-h{display:contents}
 .cmp-panel:not(.is-exp) #cmp-h{flex:1;font-size:.98rem}
 .cmp-panel:not(.is-exp) [data-cmp-go]{order:1;width:auto;padding:11px 16px}
 .cmp-panel:not(.is-exp) .drawer-x{order:2}
 .cmp-panel:not(.is-exp) .mini-list,.cmp-panel:not(.is-exp) .cmp-clear,.cmp-panel:not(.is-exp) .cmp-hint{display:none}
}
.cmp-img{max-width:280px}
@media(min-width:760px){.calc-grid{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr)}}
.calc-ins{grid-template-columns:repeat(2,minmax(0,1fr))}
@media(max-width:420px){.calc-ins{grid-template-columns:minmax(0,1fr)}}
.calc-in input{width:100%}

/* ===== 1.5.2: off-canvas panels never under the WP admin bar / sticky header =====
   --ab = visible height of #wpadminbar (0 for visitors). CSS fallback below, app.js keeps it live
   (on phones <=600px the admin bar scrolls away, so the value shrinks to 0 while scrolling). */
body{--ab:0px}
body.admin-bar{--ab:32px;--ab0:32px}
@media(max-width:782px){body.admin-bar{--ab:46px;--ab0:46px}}
.admin-bar .site-header{top:var(--ab)}
.drawer{top:var(--ab);bottom:0;height:auto;max-height:none;overscroll-behavior:contain;padding-top:env(safe-area-inset-top,0px)}
.drawer-h{padding:18px 0 14px;z-index:2}
.drawer-h h2{min-width:0;line-height:1.3}
.drawer-x{flex:none;min-width:44px;min-height:44px;margin-right:-10px;display:inline-flex;align-items:center;justify-content:center}
.cmp-panel{top:calc(var(--ab) + 96px);max-height:calc(100vh - 120px - var(--ab));max-height:calc(100dvh - 120px - var(--ab));overscroll-behavior:contain}
@media(max-width:699px){
 .cmp-panel{top:auto;max-height:calc(62vh - var(--ab));max-height:calc(62dvh - var(--ab))}
 body.cmp-open .toast{top:calc(86px + var(--ab))}
}
@media(max-width:1199px){
 .hdr .nav{max-height:calc(100vh - 100px - var(--ab));max-height:calc(100dvh - 100px - var(--ab));overflow-y:auto;overscroll-behavior:contain}
}
.modal{max-height:92vh;max-height:92dvh}
.drawer-bg{z-index:92}
.drawer{z-index:93}
/* 1.5.2: header fits at 1200-1439px in every language (RU CTA overflowed by up to 35px -> horizontal scroll) */
@media(min-width:1200px) and (max-width:1439px){.hdr{gap:18px}.hdr .nav{gap:16px}.nav a{font-size:.88rem}.lang-sw{margin-left:0}.hdr .hdr-cta{padding-left:14px;padding-right:14px}}
@media(min-width:1200px) and (max-width:1299px){.hdr{gap:14px}.hdr .nav{gap:12px}}
/* 1.5.2: home map preview overflowed phones (aspect-ratio + min-height made it 480px wide) */
@media(max-width:767px){.mp-prev{aspect-ratio:auto;height:340px;min-height:0;max-width:100%}}
/* 1.5.2: Leaflet panes/controls (z-index 400-1000) stay inside their map box, never above the sticky header or the drawers */
.mp,.pm-box,.mp-prev,.map-box{isolation:isolate}

/* 1.5.3: [hidden] always wins over .btn display (side-box presentation button) */
.btn[hidden]{display:none!important}

/* 1.5.4 speed: skip rendering off-screen catalog cards */
.grid .card{content-visibility:auto;contain-intrinsic-size:auto 420px}

/* 1.5.5 office-space calculator (Biznesa centri) */
.oc{padding:28px 0 0}
.oc-box{border:1px solid var(--line);background:#fff}
.oc-head{display:flex;align-items:center;gap:14px;width:100%;border:0;background:none;padding:16px;text-align:left;font:inherit;color:var(--ink);cursor:pointer}
.oc-ico{flex:0 0 44px;height:44px;display:flex;align-items:center;justify-content:center;background:var(--y);font:800 .95rem var(--f);color:var(--g)}
.oc-t{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}
.oc-t strong{font:800 1.05rem/1.2 var(--f);color:var(--g)}
.oc-t small{font-size:.82rem;color:var(--mut)}
.oc-peek{font:700 .86rem/1.2 var(--f);color:var(--g3);white-space:nowrap}.oc-peek::before{content:"≈ "}
.oc-chev{width:10px;height:10px;border-right:2px solid var(--g);border-bottom:2px solid var(--g);transform:rotate(45deg);margin:0 4px 4px;flex:0 0 auto;transition:transform .2s}
.oc.is-open .oc-chev,.oc-box.is-open .oc-chev{transform:rotate(-135deg);margin-bottom:-4px}
.oc-box.is-open .oc-peek{display:none}
.oc-body{padding:0 16px 16px}
.oc-ins{display:grid;gap:14px;align-content:start}
.oc-emp-row{display:flex;align-items:center;gap:12px}
.oc-emp-row input[type=range]{flex:1;min-width:0;accent-color:var(--g);height:28px}
.oc-emp-row .calc-in{flex:0 0 92px}
.oc .seg{grid-template-columns:repeat(3,minmax(0,1fr))}
.oc .seg span{padding:11px 4px;font-size:.82rem}
.oc-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.oc-step button{flex:0 0 40px;border:0;background:var(--bg1);font:700 1.1rem var(--f);color:var(--g);cursor:pointer}
.oc-step input{text-align:center;-moz-appearance:textfield}
.oc-step input::-webkit-inner-spin-button,.oc-step input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}
.oc-x{display:flex;flex-wrap:wrap;gap:8px}
.oc-x label{position:relative}
.oc-x input{position:absolute;opacity:0}
.oc-x span{display:inline-flex;align-items:center;gap:7px;border:1px solid var(--line2);padding:9px 12px;font:600 .82rem var(--f);cursor:pointer;background:#fff}
.oc-x span::before{content:"";width:14px;height:14px;border:2px solid var(--line2);background:#fff;flex:0 0 auto}
.oc-x input:checked+span{border-color:var(--g);background:var(--mint)}
.oc-x input:checked+span::before{background:var(--g);border-color:var(--g);box-shadow:inset 0 0 0 2px #fff}
.oc-x input:focus-visible+span{outline:3px solid var(--y);outline-offset:1px}
.oc-out small{font-size:.8rem;color:#cfe0d6}
.oc-rent strong{font-size:1.5rem}
.oc-cta{display:flex;flex-wrap:wrap;align-items:center;gap:10px 16px}
.oc-list{color:#fff;font:600 .84rem var(--f);text-decoration:underline;text-underline-offset:3px}
@media(max-width:899px){.oc-box:not(.is-open) .oc-body{display:none}}
@media(max-width:899px){.oc-t strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}}
@media(max-width:520px){.oc{padding-top:20px}.oc-head{padding:14px}.oc-t strong{font-size:.98rem}.oc-box:not(.is-open) .oc-t small{display:none}.oc-body{padding:0 14px 14px}}
@media(min-width:900px){.oc{padding-top:40px}.oc-head{cursor:default;padding:20px 24px 14px}.oc-chev,.oc-peek{display:none}.oc-body{padding:0 24px 24px}.oc-grid{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr)}}