:root{--green:#183d35;--cream:#f6f4ed;--gold:#b29768}*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:#223a32;background:var(--cream);margin:0;font-family:Arial,sans-serif}button,input,select{font:inherit}button,a{touch-action:manipulation}a{color:inherit;text-decoration:none}button{cursor:pointer}.wrap{max-width:1240px;margin:auto;padding:0 32px}header{background:var(--cream);border-bottom:1px solid #dedfd5}nav{justify-content:space-between;align-items:center;gap:24px;height:96px;display:flex}.logo{letter-spacing:2px;font-family:Georgia,serif;font-size:26px}.logo small{letter-spacing:5px;margin-top:7px;font:9px Arial;display:block}.links{align-items:center;gap:30px;font-size:13px;display:flex}.btn{background:var(--green);color:#fff;border:0;border-radius:2px;padding:16px 24px;display:inline-block}.outline{color:var(--green);background:0 0;border:1px solid #bcc6bc}.hero{color:#fff;background:linear-gradient(90deg,#0a241cdb,#0a241c15),url(/assets/villa-0.jpg) 50% 55%/cover;align-items:center;min-height:600px;display:flex;position:relative}.hero .wrap{width:100%}.eyebrow{letter-spacing:3px;text-transform:uppercase;color:var(--gold);font-size:11px;font-weight:700}.hero .eyebrow{color:#e2cc9f}h1,h2,h3{font-family:Georgia,serif;font-weight:400}h1{max-width:670px;margin:24px 0;font-size:clamp(42px,5.4vw,72px);line-height:1.08}p{line-height:1.75}.hero p{color:#eff0e8;max-width:470px;font-size:16px}.hero .btn{background:var(--cream);color:var(--green);margin-top:18px}.hero-foot{letter-spacing:2px;font-size:11px;position:absolute;bottom:30px;right:40px}.search{background:#fff;border:1px solid #e5e6dd;grid-template-columns:1.3fr 1fr 1fr 1fr auto;gap:16px;margin:-36px auto 0;padding:26px;display:grid;position:relative;box-shadow:0 10px 40px #183d3510}.field label{letter-spacing:1.3px;color:#68796f;margin-bottom:11px;font-size:10px;display:block}.field select,.field input{width:100%;color:var(--green);background:#fff;border:0;border-bottom:1px solid #e1e5de;padding:8px 0 12px}.search .btn{align-self:center}section{padding:80px 0}.sectionhead{justify-content:space-between;align-items:end;gap:24px;margin-bottom:35px;display:flex}h2{margin:14px 0;font-size:42px}.sectionhead p{color:#68796f;margin:0}.tabs{gap:8px;display:flex}.tabs button{color:var(--green);background:0 0;border:1px solid #cdd5cb;padding:10px 17px}.tabs button.active{background:var(--green);color:#fff;border-color:var(--green)}.grid{grid-template-columns:repeat(3,1fr);gap:28px;display:grid}.card{text-align:left;color:inherit;background:#fff;border:1px solid #e3e6dc;padding:0;transition:transform .2s}.card:hover{transform:translateY(-5px)}.photo{height:250px;position:relative;overflow:hidden}.photo img{object-fit:cover;width:100%;height:100%}.badge{background:var(--cream);letter-spacing:1px;padding:8px 12px;font-size:10px;position:absolute;top:16px;left:16px}.cardbody{padding:24px}.location{letter-spacing:1.5px;color:#7b877d;font-size:10px}.card h3{margin:12px 0 20px;font-size:23px}.facts{color:#637367;border-bottom:1px solid #e5e8df;gap:15px;padding-bottom:20px;font-size:12px;display:flex}.price{justify-content:space-between;align-items:center;margin-top:20px;font-size:14px;display:flex}.price span{color:#6a796c;font-size:12px}.notice{color:#6a796c;margin-top:22px;font-size:12px}.region{background:#e9ede3}.regiongrid{grid-template-columns:1fr 1fr;align-items:center;gap:70px;display:grid}.region img{object-fit:cover;width:100%;height:420px}.region p{color:#607163}.steps{grid-template-columns:repeat(3,1fr);gap:35px;margin-top:40px;display:grid}.step{border-top:1px solid #cbd3c7;padding-top:22px}.step .number{color:var(--gold);font-family:Georgia;font-size:28px}.step h3{font-size:24px}.step p{color:#607163;font-size:14px}.contact{background:var(--green);color:#fff}.contact .wrap{grid-template-columns:1fr 1fr;gap:65px;display:grid}.contact p{color:#cbd7cd}.contactbox{border:1px solid #fff3;padding:30px}.contactbox h3{margin-top:0;font-size:26px}.contactbox .btn{background:var(--cream);color:var(--green)}footer{color:#6a796c;padding:35px 0;font-size:12px}footer .wrap{justify-content:space-between;gap:20px;display:flex}dialog{background:var(--cream);width:min(760px,94vw);max-height:90vh;color:var(--green);border:0;padding:0}dialog::backdrop{background:#0b211cc7}dialog img{object-fit:cover;width:100%;height:300px}.modalbody{padding:28px}.close{float:right;background:#fff;border:1px solid #b4c1b5;padding:8px 13px}.empty{background:#fff;grid-column:1/-1;padding:40px}.contactedit{background:#ffffff0d;margin-top:18px;padding:18px}.contactedit label{margin:10px 0;font-size:12px;display:block}.contactedit input{color:#fff;background:0 0;border:1px solid #ffffff40;width:100%;padding:12px}.contactedit button{margin-top:12px}.hidden{display:none}.editbtn{color:#d5dfd5;background:0 0;border:0;margin-top:20px;font-size:12px;text-decoration:underline}.toast{margin-top:12px;font-size:12px}.skip{position:absolute;left:-9999px}.skip:focus{z-index:5;background:#fff;padding:15px;top:10px;left:10px}:focus-visible{outline-offset:4px;outline:3px solid #b29768}@media (max-width:900px){.links{gap:15px}.grid,.search{grid-template-columns:repeat(2,1fr)}.search .btn{grid-column:1/-1}.regiongrid,.contact .wrap{gap:30px}}@media (max-width:600px){.wrap{padding:0 20px}nav{height:80px}.logo{font-size:20px}.links a:not(.btn){display:none}.links .btn{padding:12px;font-size:11px}.hero{min-height:560px}.hero-foot{font-size:9px;bottom:70px;right:20px}.search{gap:15px;margin:-35px 20px 0;padding:20px}.grid,.regiongrid,.steps,.contact .wrap{grid-template-columns:1fr}.sectionhead{display:block}.tabs{margin-top:20px}section{padding:55px 0}h2{font-size:34px}.photo{height:260px}.region img{height:300px}footer .wrap{flex-direction:column}.contactbox{padding:22px}dialog img{height:230px}}.newbadge{color:#fff;letter-spacing:1px;background:#b29768;padding:9px 12px;font-size:10px;position:absolute;top:16px;right:16px}.admin{max-width:1150px;margin:auto;padding:32px 20px}.adminheader{justify-content:space-between;align-items:center;gap:20px;margin-bottom:30px;display:flex}.admin h1{margin:12px 0;font-size:40px}.adminnav{flex-wrap:wrap;gap:12px;display:flex}.admincolumns{grid-template-columns:1fr 1.1fr;gap:25px;display:grid}.panelbox{background:#fff;border:1px solid #dce3d8;align-self:start;padding:25px}.adminlabel{margin:15px 0 8px;font-size:13px;display:block}.admin input:not([type=checkbox]),.admin textarea,.admin select{width:100%;color:var(--green);background:#fff;border:1px solid #c5d0c3;padding:12px}.admin textarea{resize:vertical;min-height:120px}.adminrow{grid-template-columns:1fr 1fr;gap:15px;display:grid}.adminlist{border-bottom:1px solid #e1e6dd;justify-content:space-between;gap:12px;padding:15px 0;display:flex}.adminlist h3{margin:0 0 10px;font-size:20px}.smallbtn{color:var(--green);background:#fff;border:1px solid #c5d0c3;margin:5px 5px 0 0;padding:8px 12px}.danger{color:#ad3333}.message{background:#e7eee1;margin:16px 0;padding:14px;font-size:14px}.message.error{color:#8b3124;background:#f9e5df}.thumbs{flex-wrap:wrap;gap:10px;margin-top:15px;display:flex}.thumb{width:95px}.thumb img{object-fit:cover;width:95px;height:75px}.thumb button{width:100%;font-size:10px}.admin form .btn{margin-top:20px}.adminhint{color:#68796f;font-size:12px}.admin button:disabled{opacity:.5;cursor:wait}.status{letter-spacing:.5px;font-size:11px}.photoorder{color:#637367;font-size:10px}.detailgallery{gap:8px;padding:12px 0;display:flex;overflow:auto}.detailgallery button{border:1px solid #b29768;min-width:100px;padding:0}.detailgallery img{object-fit:cover;width:100px!important;height:70px!important}@media (max-width:750px){.admincolumns{grid-template-columns:1fr}.adminheader{flex-direction:column;align-items:start}.adminrow{grid-template-columns:1fr 1fr}}.search{grid-template-columns:1fr 1fr 1.4fr auto}.tabs{flex-wrap:wrap}.links{gap:22px}@media (max-width:900px){.search{grid-template-columns:1fr 1fr}.search .btn{grid-column:auto}}@media (max-width:600px){.search{grid-template-columns:1fr 1fr}.search .field:last-of-type,.search .btn{grid-column:1/-1}}.passwordbox{max-width:480px;margin:60px auto}.passwordbox h1{font-size:32px}.panel-lockbar{background:#e7eee1;justify-content:space-between;gap:20px;padding:12px 24px;font-size:12px;display:flex}.panel-lockbar button{color:var(--green);background:#fff;border:1px solid #b8c5b4;padding:6px 12px}.admin .uploadprogress{align-items:center;gap:12px;margin:15px 0;font-size:12px;display:flex}.admin .thumb{cursor:grab;background:#f5f6ef;border:1px solid #dce3d8;width:120px;padding:8px}.admin .thumb img{width:102px;height:85px}.admin .photomove{gap:4px;display:flex}.admin .photomove button{flex:1;width:auto;margin-right:0}.admin .thumb input{padding:5px;font-size:12px}.admin .thumb .smallbtn{margin-right:0}.panel-lockbar span{align-self:center}
