.public-hero{padding:44px 0 85px}.public-hero h1{max-width:700px}.public-hero-image{position:relative;height:320px;border-radius:26px;overflow:hidden}.public-hero-image>img{width:100%;height:100%;object-fit:cover}.hero-brand{position:absolute;bottom:20px;left:20px;right:20px;border-radius:16px;padding:14px;background:#0B1F3BEF;color:#fff;display:flex;align-items:center;gap:14px}.hero-brand img{width:48px;height:48px;border-radius:12px}.hero-brand b{font-size:14px}.public-search-wrap{margin-top:-42px;position:relative;z-index:3}.public-search{padding:23px;border-radius:20px;background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow)}.public-search .form-label{color:var(--mute)}.public-search .form-control,.public-search .form-select{border:1px solid var(--line);background:var(--surface);color:var(--text)}.public-search p{color:var(--mute)}.search-submit{height:49px}.category-photo{width:100%;object-fit:cover;display:block}.property-placeholder{height:185px;background:var(--surface-2);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px}.property-placeholder img{width:70px;height:70px;border-radius:20px}.property-placeholder span{font-size:11px;color:var(--mute)}.property-name{text-decoration:none;color:var(--ink)}.public-hero .eyebrow{background:#ffffff15;color:white}.public-hero .btn-gold{color:#062F39}.public-search .btn-ink{background:#0066FF;color:white}.public-search input.num{font-weight:700}@media(max-width:760px){.public-hero{padding:32px 0 68px}.public-hero .hero-grid{gap:24px}.public-hero h1{font-size:31px}.public-hero-image{height:220px}.hero-brand{left:12px;right:12px;bottom:12px;padding:10px}.hero-brand b{font-size:12px}.public-search{padding:18px}.public-search-wrap{margin-top:-35px}.tiles{gap:16px}.step{padding:18px}.public-search .form-label{font-size:10px}.bkk-bottom a{font-size:10px}.public-hero .lead{font-size:15px}}
.app-site section.container-xxl{padding-left:24px;padding-right:24px}.app-site .form-control,.app-site .form-select{min-width:0}@media(max-width:760px){.app-site section.container-xxl{padding-left:20px;padding-right:20px}.app-site input[type=date]{max-width:100%}}