:root{font-family:Arial,Helvetica,sans-serif;font-size:16px;color:#263b42;background:#f6f8f9;--teal:#00a9a1;--ink:#123c3a;--orange:#ff9b51}*{box-sizing:border-box}body{margin:0;line-height:1.5}button,input{font:inherit}a{color:inherit;text-decoration:none}header{background:white;display:flex;align-items:center;gap:50px;padding:12px 5%;border-bottom:1px solid #e1e8e8}.brand{display:block;flex-shrink:0}.wordmark{position:relative;display:block;width:225px;aspect-ratio:1140/410;overflow:hidden;background:white}.wordmark img{position:absolute;width:179.649%;height:auto;max-width:none;left:-40.351%;top:-31.707%}nav{display:flex;gap:35px;font-size:20px;font-weight:800;color:var(--teal)}nav a{min-height:44px;display:flex;align-items:center}nav [aria-current]{border-bottom:3px solid var(--teal)}.phone{margin-left:auto;font-size:15px;color:#00746f;white-space:nowrap}main{max-width:1160px;margin:auto;padding:35px 30px 70px}.intro{text-align:center;margin-bottom:28px}.preview{font-size:11px;letter-spacing:1.6px;font-weight:700;background:#e9eef0;padding:5px 9px;border-radius:3px;color:#566975}h1{font-size:36px;letter-spacing:-1px;line-height:1.15;margin:16px 0 10px}p{margin:0}.intro p{color:#596b73}.search-panel{position:relative;margin-top:48px;background:white;box-shadow:0 6px 25px #19333713;padding:32px;border-radius:14px;border:1px solid #e0e7e8}.tab{display:flex;align-items:center;justify-content:center;gap:10px;background:white;border-radius:12px 12px 0 0;color:#007a75;border-bottom:3px solid var(--teal);width:155px;position:absolute;top:-34px;left:calc(50% - 77px);height:47px;font-weight:700;box-shadow:0 -2px 8px #19333708}.tab svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8}.destination{position:relative}.destination>label{display:block;font-size:14px;font-weight:700;margin-bottom:7px;color:#52646e}.city-input{display:flex;align-items:center;border:1px solid #aebec3;border-radius:7px;background:white;padding:0 18px;gap:15px;min-height:69px}.city-input:focus-within{outline:2px solid var(--teal);border-color:var(--teal)}.city-input>svg{width:29px;height:29px;fill:none;stroke:#52646e;stroke-width:1.5;flex-shrink:0}#city{border:0;outline:none;min-width:0;width:100%;height:64px;font-size:19px;color:#263b42;background:transparent}.suggestions{position:absolute;top:calc(100% + 9px);left:0;right:0;background:white;border:1px solid #d7e0e4;box-shadow:0 10px 24px #122f382b;border-radius:9px;z-index:5;overflow:hidden}#ubon-option{display:flex;align-items:center;gap:18px;padding:20px;cursor:pointer;font-size:16px}#ubon-option:hover,#ubon-option[aria-selected=true]{background:#edf9f8}#ubon-option svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:2;flex-shrink:0}small{display:block;color:#647682;font-size:14px;margin-top:3px}#no-cities{padding:20px;color:#647682}.search-fields{display:grid;grid-template-columns:1fr 1fr 1.15fr;gap:14px;margin-top:18px}.field,#guests{min-width:0;border:1px solid #b6c4c8;border-radius:7px;background:white}.field{display:flex;flex-direction:column;padding:12px 16px;gap:5px}.field>span,summary>span{font-size:13px;color:#61727d;font-weight:700}.field input{border:0;background:white;min-width:0;width:100%;font-size:17px;min-height:30px;color:#263b42}#guests{position:relative}summary{cursor:pointer;min-height:85px;list-style:none;padding:13px 16px}summary::-webkit-details-marker{display:none}summary>span{display:block}summary>strong{display:block;font-size:16px;font-weight:600;margin-top:6px;padding-right:18px}summary::after{content:'⌄';position:absolute;right:12px;top:38px}.guest-panel{position:absolute;right:0;top:calc(100% + 8px);width:280px;background:white;box-shadow:0 8px 20px #16333b22;border:1px solid #d0dee1;border-radius:7px;padding:20px;z-index:4}.guest-panel label{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px;gap:18px}.guest-panel input{width:80px;min-height:44px;padding:7px;border:1px solid #9dafb5;border-radius:4px}button{cursor:pointer;min-height:48px;border:0;border-radius:6px;background:var(--orange);color:var(--ink);font-weight:800;padding:12px 22px}.guest-panel button{width:100%}.search-button{display:flex;align-items:center;justify-content:center;gap:35px;min-height:58px;min-width:300px;font-size:19px;margin:21px auto -57px;box-shadow:0 4px 9px #a75e1c22}.search-button:hover,button:hover{background:#ffad72}.search-button span{font-size:24px}.preview-note{margin:52px 0 25px;text-align:center;color:#63747c;font-size:13px}#search-error{color:#ac2839;font-size:14px;margin-top:12px}#search-error:empty{display:none}.before-search{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:40px;padding-top:15px}.before-search img{width:100%;height:240px;object-fit:cover;border-radius:10px}.eyebrow{font-size:12px;letter-spacing:1.4px;font-weight:700;color:#00766f}h2{font-size:29px;line-height:1.2;margin:10px 0 12px;letter-spacing:-.6px}.before-search p:last-child{color:#617079;max-width:370px}.results-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:36px 0 20px}.result-count,#search-summary{font-size:14px;color:#657780}.property{display:grid;grid-template-columns:30% 1fr 24%;background:white;border:1px solid #d7e2e5;border-radius:10px;overflow:hidden;min-height:240px}.property-photo{width:100%;height:100%;object-fit:cover}.property-description{padding:25px}.property-description h3{font-size:25px;margin:8px 0 10px;line-height:1.2}.property-description p{font-size:14px;color:#60717a;margin-top:12px}.property-action{padding:25px 20px;display:flex;flex-direction:column;justify-content:center;gap:24px;border-left:1px solid #e0e7ea}.property-action p{font-size:14px;color:#61717c}.property-action button{width:100%}dialog{width:min(640px,calc(100% - 30px));padding:0;border:0;border-radius:12px;color:#263b42;max-height:90svh;overflow:auto}dialog::backdrop{background:#142930a8}dialog>img{width:100%;display:block}.close{position:absolute;top:12px;right:12px;background:white;border:1px solid #64757a;font-size:25px;padding:4px 14px}.room-copy{padding:25px}.room-copy p{margin-bottom:20px}.room-copy a{color:#00746f;text-decoration:underline}a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible{outline:3px solid var(--teal);outline-offset:4px}#city:focus-visible{outline:none}[hidden]{display:none!important}@media(max-width:900px){header{gap:25px;padding:10px 4%;flex-wrap:wrap}.wordmark{width:185px}nav{font-size:17px;gap:24px}.phone{font-size:14px}.property{grid-template-columns:35% 1fr}.property-action{grid-column:1 / -1;flex-direction:row;align-items:center;justify-content:space-between;border-left:0;border-top:1px solid #e0e7ea;padding:16px 22px}.property-action button{width:auto}.search-panel{padding:28px 22px}.search-fields{gap:10px}.field,summary{padding:12px}summary>strong{font-size:14px}.before-search{gap:25px}}@media(max-width:600px){header{display:grid;grid-template-columns:1fr auto;gap:3px 16px}.wordmark{width:165px}nav{font-size:14px;gap:18px}.phone{grid-column:1 / -1;justify-self:center;margin:0;min-height:40px;display:flex;align-items:center}main{padding:22px 16px 40px}h1{font-size:29px}.intro p{font-size:15px}.search-panel{margin-top:43px;padding:27px 16px 24px;border-radius:10px}#city{font-size:17px;min-height:59px}.city-input{min-height:61px;padding:0 12px;gap:11px}.search-fields{grid-template-columns:1fr 1fr;gap:12px}.field input{font-size:16px}#guests{grid-column:1 / -1}summary{min-height:76px}.guest-panel{width:100%}.search-button{width:100%;min-width:0;margin:18px auto -49px}.preview-note{margin-top:43px;font-size:12px}.before-search{grid-template-columns:1fr;gap:22px;padding-top:12px}.before-search img{height:210px}.results-heading{display:block;margin-top:25px}.result-count{display:block;margin-top:10px}.property{grid-template-columns:1fr}.property-photo{height:210px}.property-description{padding:21px}.property-action{gap:15px;padding:16px 21px}.property-action p{font-size:13px}.property-action button{font-size:14px;padding:12px 16px}h2{font-size:26px}#ubon-option{padding:17px 13px;gap:12px;font-size:15px}.room-copy{padding:20px}}@media(max-width:360px){.wordmark{width:144px}nav{gap:12px;font-size:13px}.field{padding:11px 8px}}
.empty-results{background:white;border:1px solid #d7e2e5;border-radius:10px;padding:30px;margin-top:35px}.empty-results p{margin:12px 0;color:#61717c;overflow-wrap:anywhere}#empty-results,#results{scroll-margin-top:20px}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

html.device-preview{scrollbar-width:none}html.device-preview::-webkit-scrollbar{width:0;height:0}

/* Room-type comparison preview */
#room-preview{width:min(1000px,calc(100% - 30px))}.room-copy{padding:35px}.room-copy>h2{padding-right:32px}.room-notice{padding:12px 15px;background:#fff3df;border-left:3px solid #ff9b51;font-size:14px;margin-top:20px}.room-type-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:24px 0}.room-type{border:1px solid #cfdddf;border-radius:8px;padding:20px;display:flex;flex-direction:column}.room-type h3{font-size:23px;margin:0 0 10px}.room-type p{font-size:14px;color:#61717c;margin:0}.room-type dl{font-size:14px;margin:22px 0}.room-type dt{font-weight:700}.room-type dd{margin:0 0 12px;color:#61717c}.choose-room{width:100%;margin-top:auto}.choose-room[aria-pressed=true]{background:#124e4a;color:white;outline:3px solid #00a9a1;outline-offset:2px}.room-selection{padding:20px;background:#edf9f8;border:1px solid #9fd8d3;margin-bottom:22px}.room-selection h3{margin:0 0 12px}.room-selection p{margin:10px 0}.room-photo-detail{border-top:1px solid #cfdddf;margin:20px 0}.room-photo-detail summary{min-height:48px;padding:12px 0;font-weight:700}.room-photo-detail summary::after{content:none}.room-photo-detail img{display:block;width:100%;max-width:650px;height:auto}.room-photo-detail p{font-size:13px;margin-top:10px}@media(max-width:700px){.room-copy{padding:30px 20px 20px}.room-type-grid{grid-template-columns:1fr}.room-type{padding:18px}.room-type dl{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:20px 0}.room-type dd{margin:0}.room-type h3{font-size:22px}}