/* KoduDirect property detail — refined premium editorial layer */
body{background:linear-gradient(180deg,#f7faf8 0,#f2f6f3 52%,#f8faf9 100%);color:#173126}
body:before{content:'';position:fixed;inset:0 0 auto;height:420px;pointer-events:none;background:radial-gradient(circle at 20% 0,rgba(46,120,84,.08),transparent 42%),radial-gradient(circle at 85% 8%,rgba(22,66,52,.05),transparent 38%);z-index:-1}
.nav{height:78px;padding:0 max(24px,calc((100vw - 1360px)/2));background:rgba(255,255,255,.94);border-bottom:1px solid rgba(214,226,219,.86);box-shadow:0 1px 0 rgba(20,51,38,.035);backdrop-filter:blur(18px)}
.nav .logo{display:flex;align-items:center;min-width:190px;background:none!important;background-image:none!important;width:auto!important;height:auto!important;font-size:0!important;line-height:0!important}.nav .logo:before,.nav .logo:after{content:none!important;display:none!important}.nav .logo img{width:184px;height:auto;display:block;max-width:100%;object-fit:contain}.navlinks{gap:13px}.navlinks>a:not(.btn){font-size:14px;font-weight:760;color:#3e564b;padding:9px 7px}.navlinks>a:not(.btn):hover{color:#236044}.navlinks .btn{border-radius:12px}
.wrap{max-width:1360px;margin:0 auto 80px;padding:24px 30px 0}.back{display:inline-flex;align-items:center;gap:7px;min-height:38px;color:#62736a;font-size:13px;font-weight:780}.back:hover{color:#236044}
.topline{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:28px;align-items:end;margin:18px 0 22px}.title{min-width:0;max-width:960px}.title h1{font-size:clamp(36px,4.3vw,58px);line-height:.98;letter-spacing:-2.4px;margin:10px 0 11px;color:#0f3022;text-wrap:balance}.title .pill{display:inline-flex;background:#e7f4ec;color:#1f6747;border:1px solid #cfe7d8;padding:7px 11px;font-size:11px;letter-spacing:.02em;text-transform:uppercase}.location{font-size:15px;color:#687a70}.publishedMeta{font-size:12px;color:#849088;margin-top:7px}.actions{display:flex;gap:9px;align-items:center}.actions .btn{min-height:46px;padding:0 15px;border-radius:13px;background:rgba(255,255,255,.95);border:1px solid #d6e2db;box-shadow:0 5px 16px rgba(19,55,37,.04);font-weight:800}.actions .btn:hover{border-color:#74a68b;box-shadow:0 8px 22px rgba(19,55,37,.08)}
.gallery{display:grid;grid-template-columns:minmax(0,2.15fr) minmax(0,1fr) minmax(0,1fr);grid-template-rows:260px 260px;gap:7px;border-radius:28px;overflow:hidden;background:#dde8e1;box-shadow:0 24px 70px rgba(24,59,42,.14);border:1px solid rgba(206,221,213,.8)}.gallery button{position:relative;background:#dfe9e3}.gallery button:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,transparent 64%,rgba(0,0,0,.13));pointer-events:none}.gallery img{transition:transform .38s ease,filter .38s ease}.gallery button:hover img{transform:scale(1.035);filter:saturate(1.05) contrast(1.01)}.gallery .more{z-index:2;right:14px;bottom:14px;padding:10px 13px;border-radius:12px;background:rgba(9,24,17,.76);border:1px solid rgba(255,255,255,.2);backdrop-filter:blur(10px);font-size:12px}.no-photo{height:520px;border-radius:28px;background:linear-gradient(145deg,#e9f0ec,#dce8e1);border:1px solid #d5e1da}
.photo-note{display:flex;align-items:center;justify-content:flex-end;gap:8px;margin:11px 3px 0;color:#718078}.photo-note .btn{border:0;background:transparent;color:#236044;padding:4px!important;box-shadow:none}
.main{display:grid;grid-template-columns:minmax(0,1.72fr) minmax(350px,.68fr);gap:26px;align-items:start;margin-top:30px}.main>div:first-child{min-width:0}.card{background:rgba(255,255,255,.97);border:1px solid rgba(210,224,216,.82);border-radius:24px;box-shadow:0 10px 35px rgba(25,55,40,.055);overflow:hidden}.card+.card{margin-top:18px}.section{padding:30px 32px}.section h2{font-size:22px;line-height:1.2;letter-spacing:-.55px;color:#173126;margin-bottom:17px}
.pricebar{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:20px;margin-bottom:22px;padding-bottom:22px;border-bottom:1px solid #edf2ef}.price{font-size:48px;line-height:.98;font-weight:920;letter-spacing:-2px;color:#0f3a29}.priceper{font-size:13px;color:#738178;font-weight:650;margin-top:7px}.pricebar .pill{align-self:center}
.summary{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));border:1px solid #e2ece6;border-radius:19px;background:linear-gradient(180deg,#fbfdfc,#f6faf7);overflow:hidden}.fact{padding:18px 16px;background:transparent;border-color:#e5ede8}.fact b{font-size:21px;line-height:1.1;color:#143d2c}.fact span{font-size:10px;text-transform:uppercase;letter-spacing:.07em;font-weight:800;color:#7b8a81;margin-top:6px}.desc{font-size:16px;line-height:1.82;color:#354b40;max-width:840px}.details{grid-template-columns:repeat(2,minmax(0,1fr));border-top:0;margin-top:0;gap:0 24px}.detail{padding:15px 0;border-bottom:1px solid #edf2ef}.detail span{font-size:13px;color:#7b8981}.detail b{font-size:14px;color:#203d30;font-weight:800}.chips{gap:9px}.chip{padding:9px 13px;border-radius:999px;background:#f3f8f5;border:1px solid #dce8e1;color:#315443;font-size:12px;font-weight:750}
.mapframe{height:410px;border:1px solid #d8e4dd;border-radius:19px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.7);background:#eef4f0}.maplink{display:inline-flex;align-items:center;gap:6px;margin-top:13px;font-size:13px;font-weight:850;color:#236044}
.side{position:sticky;top:98px;height:max-content;padding:25px;border-radius:25px;background:linear-gradient(180deg,#fff 0,#fbfdfc 100%);border:1px solid rgba(203,220,211,.9);box-shadow:0 22px 60px rgba(20,54,37,.11)}.side>.price{font-size:38px;margin:8px 0 3px}.side .contact-title{font-size:21px;letter-spacing:-.35px}.muted{color:#75847b}.ownerBadge{margin:13px 0 0;padding:6px 9px}.phoneContact{min-height:50px;margin:14px 0 10px;display:flex;align-items:center;justify-content:center;border:1px solid #cde4d6;background:#ecf7f0;border-radius:14px;color:#1f5a3f;box-shadow:inset 0 1px 0 #fff}.stats{gap:9px;margin:17px 0}.stat{padding:14px;background:#f6faf7;border:1px solid #e7eee9;border-radius:13px}.stat b{font-size:19px;color:#173e2d}.stat span{font-size:11px}
.form{gap:10px;margin-top:19px}.form input,.form textarea,.form select{min-height:50px;padding:13px 14px;border:1px solid #d6e3dc;border-radius:13px;background:#fff;transition:border-color .16s,box-shadow .16s}.form textarea{min-height:128px;resize:vertical}.form input:focus,.form textarea:focus,.form select:focus{outline:0;border-color:#72a88a;box-shadow:0 0 0 4px rgba(35,96,68,.09)}.form .btn.primary{min-height:52px;border-radius:13px;font-size:15px;box-shadow:0 9px 22px rgba(35,96,68,.18)}.notice{border:1px solid #d8e9de;background:#f1f8f4;border-radius:13px}.agencyCard{padding:18px;border-radius:17px;background:linear-gradient(145deg,#f9fcfa,#eef6f1)}.agencyLogo,.agentPhoto{width:62px;height:62px}.agencyName{font-size:18px}.agencyBtns{gap:9px}.agencyBtns .btn{border-radius:11px}
.importantCard,.nearbyCard{margin-top:17px;padding:17px;border:1px solid #e5eee9!important;border-radius:17px!important;background:#f8fbf9!important;box-shadow:none!important}.importantGrid{gap:8px}.importantItem{padding:11px;background:#fff;border-color:#e2ebe6;border-radius:12px}.importantItem b{font-size:14px;color:#234333}.importantItem span{font-size:10px;text-transform:uppercase;letter-spacing:.045em}.nearbyCard h3{font-size:15px!important;margin:0 0 7px!important}.nearbyList{gap:0}.nearbyItem{padding:11px 2px;border-bottom-color:#e7eee9}.nearbyIcon{width:40px;height:40px;border-radius:12px;background:#e7f3eb;color:#236044;font-size:17px}.nearbyText b{font-size:13px;color:#1b3d2e}.nearbyText span{font-size:11px;margin-top:3px}.nearbyState{padding:13px;border-radius:12px;background:#fff;border:1px dashed #d5e3db}.nearbyRetry{color:#236044;font-weight:850}.reportbox{padding:5px 0!important;background:transparent;border:0;box-shadow:none}.reportbox .btn{color:#707c75;border-color:#dfe7e2;font-size:12px}
.lightbox{background:rgba(6,18,12,.95);backdrop-filter:blur(12px)}.lightbox img{border-radius:14px;box-shadow:0 28px 90px rgba(0,0,0,.46)}.lbbtn{width:48px;height:48px;background:rgba(255,255,255,.13);border:1px solid rgba(255,255,255,.18);backdrop-filter:blur(10px)}
@media(max-width:1040px){.main{grid-template-columns:1fr}.side{position:static}.gallery{grid-template-rows:230px 230px}.wrap{padding-left:22px;padding-right:22px}.nav{padding:0 22px}.topline{grid-template-columns:1fr}.actions{justify-content:flex-start}.side{max-width:none}}
@media(max-width:760px){.nav{height:68px;padding:0 14px}.nav .logo{min-width:154px!important}.nav .logo img{width:154px}.navlinks{gap:6px}.navlinks #saleLink,.navlinks #rentLink{display:none}.wrap{padding:14px 14px 0;margin-bottom:96px}.back{font-size:12px}.topline{margin:9px 0 15px;gap:14px}.title h1{font-size:32px;line-height:1.02;letter-spacing:-1.25px;margin-top:8px}.location{font-size:13px}.actions{display:grid;grid-template-columns:1fr 1fr;width:100%}.actions .btn{width:100%;padding:0 10px}.gallery{grid-template-columns:1fr 1fr;grid-template-rows:235px 112px;border-radius:19px;gap:4px}.gallery button:first-child{grid-column:1/-1;grid-row:auto}.gallery button:nth-child(n+4){display:none}.gallery .more{right:9px;bottom:9px}.main{gap:15px;margin-top:18px}.card{border-radius:19px}.section{padding:22px 18px}.pricebar{grid-template-columns:1fr;gap:11px}.price{font-size:38px}.summary{grid-template-columns:repeat(2,1fr);border-radius:15px}.fact{padding:15px 12px}.fact b{font-size:19px}.details{grid-template-columns:1fr;gap:0}.desc{font-size:15px;line-height:1.72}.mapframe{height:300px;border-radius:15px}.side{padding:19px;border-radius:19px}.side>.price{font-size:34px}.importantGrid{grid-template-columns:repeat(2,1fr)}.form input,.form textarea,.form select{font-size:16px}.photo-note{justify-content:flex-start}}
@media(max-width:420px){.wrap{padding-left:10px;padding-right:10px}.title h1{font-size:29px}.actions{grid-template-columns:1fr}.gallery{grid-template-rows:220px 104px}.section{padding:19px 15px}.summary{grid-template-columns:1fr 1fr}.fact{padding:13px 10px}.price{font-size:35px}.importantGrid{grid-template-columns:1fr}.side{padding:16px}.agencyHead{align-items:flex-start}}
@media(prefers-reduced-motion:reduce){.gallery img,.btn{transition:none!important}}