
:root{--ink:#19352e;--green:#214e40;--lime:#d7ed91;--muted:#7b817c;--line:#e6e8e2}*{box-sizing:border-box}body{margin:0;background:#fafbf7;color:var(--ink);font:14px 'DM Sans',sans-serif}button,input,select,textarea{font:inherit}button,a{cursor:pointer}button{border:0}a{color:inherit;text-decoration:none}header{height:94px;max-width:1360px;margin:auto;display:flex;align-items:center;justify-content:space-between;padding:0 52px;background:#fafbf7}.logo{font:800 31px Manrope;letter-spacing:5px;display:flex;align-items:center;gap:11px}.logomark{font-size:34px;letter-spacing:-7px;margin-right:8px}nav{display:flex;gap:32px;align-items:center;font-size:13px}nav a:first-child{font-weight:700}button{background:var(--green);color:white;border-radius:7px;padding:14px 21px}.outline{background:transparent;color:var(--ink);border:1px solid #ccd2c9}.top-actions{display:flex;gap:12px;align-items:center}.hero{position:relative;max-width:1256px;margin:auto;height:540px;border-radius:15px;background:linear-gradient(90deg,rgba(10,30,24,.8),rgba(15,33,27,.13)),url('/assets/front/images/hero.jpg') center 53%/cover;color:white;padding:62px 58px}.eyebrow{font-size:10px;letter-spacing:2.2px;text-transform:uppercase;display:flex;align-items:center;gap:9px}.dot{width:6px;height:6px;border-radius:50%;background:var(--lime)}h1{font:500 56px/1.13 Manrope;letter-spacing:-2.2px;margin:21px 0 19px;max-width:600px}h1 em{font-style:normal;color:var(--lime)}.hero p{color:#e1e5df;line-height:1.8;font-size:14px;max-width:390px}.hero-note{position:absolute;right:34px;bottom:105px;display:flex;gap:12px;align-items:center;font-size:11px}.hero-note span{background:#ffffff24;border:1px solid #ffffff55;border-radius:50%;padding:12px}.search{position:absolute;bottom:-38px;left:58px;right:58px;color:var(--ink);filter:drop-shadow(0 10px 15px #1d302014)}.tabs{display:flex;width:max-content;background:white;border-radius:8px 8px 0 0;padding:7px 8px 0;gap:5px}.tabs button{background:transparent;color:#777e77;padding:10px 23px;border-radius:5px 5px 0 0;font-size:12px}.tabs button.active{color:var(--green);background:#f0f4e9;font-weight:700}.searchbar{display:grid;grid-template-columns:1.4fr 1fr 1fr 140px;background:white;padding:20px;border-radius:0 8px 8px 8px;align-items:center;gap:20px}.field{border-right:1px solid var(--line);padding-right:18px}.field label{display:block;font-size:10px;font-weight:700;margin-bottom:8px}.field select,.field input{border:0;background:transparent;width:100%;color:#878d86;outline:none;font-size:12px}.searchbar button{background:var(--lime);color:var(--ink);font-weight:700}.wrap{max-width:1140px;margin:auto}.trust{display:flex;align-items:center;justify-content:space-between;margin:82px 0 45px;color:#82877e;font-size:11px}.trust-items{display:flex;gap:30px}.trust-items span{display:flex;gap:8px;align-items:center}.trust strong{color:var(--green)}.section-heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:23px}.kicker{font-size:10px;letter-spacing:1.8px;color:#7d8779;margin-bottom:10px}h2{font:500 31px Manrope;letter-spacing:-1px;margin:0}.sub{font-size:12px;color:#84897f;margin:10px 0 0}.chips{display:flex;gap:8px}.chips button{padding:10px 17px;background:transparent;color:#717a70;border:1px solid var(--line);font-size:11px;border-radius:30px}.chips button.active{background:var(--green);color:white;border-color:var(--green)}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.card{background:white;border:1px solid var(--line);border-radius:11px;overflow:hidden;transition:transform .2s}.card:hover{transform:translateY(-4px)}.photo{height:215px;position:relative;overflow:hidden}.photo img{width:100%;height:100%;object-fit:cover}.badge{position:absolute;top:15px;left:15px;background:#f8f9f1ee;padding:6px 9px;font-size:9px;border-radius:4px;letter-spacing:.4px}.heart{position:absolute;right:13px;top:13px;background:#fffdf2e8;color:var(--ink);border-radius:50%;width:31px;height:31px;padding:0;font-size:20px}.heart.saved{color:#b7493d}.image-count{position:absolute;bottom:13px;right:14px;color:white;background:#18261d70;padding:4px 7px;font-size:10px;border-radius:4px}.card-body{padding:20px}.price{font:800 21px Manrope;letter-spacing:-.6px}.price small{font-size:10px;color:#969b90;font-weight:400;letter-spacing:0}.card h3{font-weight:500;font-size:14px;margin:12px 0 7px}.location{color:#92988d;font-size:11px}.specs{display:flex;gap:17px;font-size:11px;color:#737e72;margin:19px 0 18px;padding-bottom:18px;border-bottom:1px solid var(--line)}.seller{display:flex;align-items:center;justify-content:space-between;font-size:10px;color:#7a8476}.avatar{background:#edf1e7;border-radius:50%;padding:7px;margin-right:7px;color:#425e4c}.viewall{display:block;background:transparent;color:var(--ink);border:1px solid #d5dbcf;margin:28px auto 50px;font-size:11px;padding:13px 28px}.cities{display:grid;grid-template-columns:1.05fr 1fr 1fr 1fr;gap:18px;margin:24px 0 50px}.city{height:195px;position:relative;border-radius:9px;overflow:hidden;color:white;padding:22px;display:flex;flex-direction:column;justify-content:end;background-position:center;background-size:cover}.city:before{content:'';position:absolute;inset:0;background:linear-gradient(transparent,#102a23be)}.city>*{position:relative}.city strong{font:500 23px Manrope}.city small{font-size:10px;margin-top:5px;color:#e7eadf}.cta{background:#eaf0df;border-radius:12px;padding:34px 40px;display:flex;justify-content:space-between;align-items:center;margin-bottom:48px}.cta h2{font-size:25px}.cta p{color:#7b866f;font-size:12px}.cta button{font-size:12px}footer{border-top:1px solid var(--line);padding:30px 0;display:flex;justify-content:space-between;align-items:center;color:#91988a;font-size:10px}footer .logo{color:var(--green);font-size:21px}dialog{border:0;border-radius:16px;padding:32px;width:min(600px,92vw);color:var(--ink);box-shadow:0 25px 100px #0004}dialog::backdrop{background:#132c26a8;backdrop-filter:blur(5px)}dialog h2{font-size:26px}dialog p{color:#7b8778;line-height:1.7}.close{float:right;background:#eef1e7;color:var(--green);padding:7px 11px}.form{display:grid;gap:13px;margin-top:22px}.form input,.form select,.form textarea{width:100%;padding:12px;border:1px solid #d8ded2;border-radius:6px;background:white}.two{display:grid;grid-template-columns:1fr 1fr;gap:12px}.empty{padding:35px;text-align:center;grid-column:1/-1}.detailimg{width:100%;height:250px;object-fit:cover;border-radius:8px;margin-top:20px}.toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:var(--green);color:white;padding:14px 25px;border-radius:8px;z-index:5;display:none}.demo{background:#f0f2e9;color:#7c856f;font-size:10px;text-align:center;padding:8px}.map{height:430px;border-radius:12px;background-color:#e9eddf;background-image:linear-gradient(28deg,transparent 46%,#fff 47%,#fff 50%,transparent 51%),linear-gradient(115deg,transparent 45%,#fff 46%,#fff 49%,transparent 50%);background-size:190px 140px;position:relative;overflow:hidden}.pin{position:absolute;box-shadow:0 4px 10px #0002;font-size:11px;padding:10px;background:var(--green);border:3px solid white;border-radius:20px}.map-caption{position:absolute;bottom:20px;left:20px;background:white;padding:12px;border-radius:7px;font-size:11px}@media(min-width:1450px){header{max-width:1450px}.hero{max-width:1340px}.wrap{max-width:1224px}}@media(max-width:800px){header{height:76px;padding:0 20px}nav{display:none}.logo{font-size:24px}.top-actions button{padding:11px;font-size:11px}.hero{border-radius:0;height:590px;padding:40px 24px}h1{font-size:40px}.hero-note{display:none}.search{left:20px;right:20px;bottom:-75px}.searchbar{grid-template-columns:1fr 1fr;padding:17px;gap:18px}.field:nth-child(2){border:0}.wrap{padding:0 20px}.trust{margin-top:108px;gap:15px}.trust-items{gap:12px;flex-wrap:wrap}.trust>span{display:none}.section-heading{align-items:start;gap:20px;flex-direction:column}.cards{grid-template-columns:1fr}.photo{height:250px}.cities{grid-template-columns:1fr 1fr}.city{height:180px}.cta{padding:25px;gap:20px;align-items:start;flex-direction:column}footer{gap:20px;flex-wrap:wrap}h2{font-size:27px}}
