/* Homepage concept v1. Isolated from property and host screens. */
.home-page #root > main.page-width{padding-top:28px}
.home-page .search-section{position:relative;z-index:2;isolation:isolate;padding:66px 44px 38px;border-radius:24px;background:#122c50;min-height:440px;box-shadow:0 18px 45px #122c5010}
.home-page .search-section:before{content:"";position:absolute;inset:0;z-index:-1;border-radius:inherit;background:linear-gradient(90deg,#0c254bef 0%,#0c254bb8 48%,#0c254b24 100%),url('/assets/ohrid.png') center 55%/cover no-repeat}
.home-eyebrow{color:#c6dcff;font-size:10px;letter-spacing:.18em;font-weight:750;margin:0 0 21px}
.home-page .search-section h1{color:#fff;font-size:clamp(36px,4vw,55px);letter-spacing:-1.8px;max-width:740px;line-height:1.13;text-wrap:balance}
.home-page .search-section .subtitle{color:#d9e5f5;font-size:16px;max-width:590px;line-height:1.8;margin-top:18px;letter-spacing:0}
.home-page .search-form{margin-top:36px;min-height:86px;box-shadow:0 12px 35px #061c372b;border:0;border-radius:13px;grid-template-columns:1.35fr 1fr 1fr .95fr 160px}
.home-page .search-form .field-trigger{padding-inline:13px;gap:10px}
.home-page .search-form .field-trigger>svg{width:22px;color:#3b6095}
.home-page .search-button{margin-left:8px;background:#1959f5;font-size:15px}
.home-page .search-section .form-error{color:#fff;background:#8a2736;border-radius:7px;padding:12px;margin-top:12px}
.home-page .destinations-section{margin-top:60px}
.home-section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:25px}
.home-section-kicker{font-size:10px;font-weight:750;letter-spacing:.15em;color:#537097;margin-bottom:12px}
.home-page .destinations-section h2,.home-how h2{font-size:clamp(25px,2.6vw,34px);letter-spacing:-1px;line-height:1.25}
.home-section-intro{color:#718198;font-size:14px;line-height:1.8;margin-top:12px}
.home-browse{display:inline-flex;align-items:center;gap:10px;color:#1853bd;font-size:13px;font-weight:700;white-space:nowrap;padding:8px 0}
.home-browse:hover{text-decoration:underline}
.home-page .destination-grid{height:340px;grid-template-columns:repeat(5,minmax(0,1fr));grid-template-rows:1fr;gap:16px;margin-top:25px}
.home-page .destination-tile{grid-column:auto;grid-row:auto;border-radius:15px}
.home-page .destination-tile:after{height:65%;opacity:1;background:linear-gradient(transparent,#09233abf)}
.home-page .destination-tile .destination-name{font-size:25px;left:18px;bottom:22px;letter-spacing:-.5px}
.home-how{margin-top:60px;padding:34px;border:1px solid #e0e7f0;border-radius:20px;background:#fff}
.home-how-heading{max-width:580px}
.home-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:38px;list-style:none;margin:32px 0 0;padding:0}
.home-steps li{border-top:1px solid #dfe7f1;padding-top:21px}
.home-step-number{display:inline-flex;align-items:center;justify-content:center;width:37px;height:37px;border-radius:11px;background:#edf3ff;color:#245bc3;font-size:12px;font-weight:750}
.home-steps h3{font-size:17px;margin:17px 0 10px;line-height:1.5}
.home-steps p{font-size:13px;line-height:1.85;color:#718198;max-width:340px}
.home-page a:focus-visible,.home-page button:focus-visible{outline:3px solid #79a6ff;outline-offset:4px}
@media(max-width:1100px){.home-page .search-section{padding:44px 25px 28px}.home-page .search-form{grid-template-columns:1.25fr 1fr 1fr .9fr 130px}.home-page .destination-grid{height:285px;gap:12px}.home-page .destination-tile .destination-name{font-size:21px;left:13px}}
@media(max-width:800px){.home-page .search-section{min-height:0;padding:35px 24px 24px}.home-page .search-section:before{background-image:linear-gradient(110deg,#0c254bef,#0c254b88),url('/assets/ohrid.png')}.home-page .search-form{grid-template-columns:1fr 1fr;margin-top:27px}.home-page .search-button{margin-left:0}.home-page .destination-grid{grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:200px 180px;height:auto}.home-page .destination-ohrid{grid-column:span 2}.home-page .destination-dojran{grid-column:span 2}.home-how{padding:26px}.home-steps{gap:22px}.home-section-heading{align-items:flex-start}}
@media(max-width:540px){.home-page #root>main.page-width{width:calc(100% - 28px);padding-top:16px}.home-page .search-section{border-radius:18px;padding:30px 17px 17px}.home-eyebrow{font-size:9px;line-height:1.6;margin-bottom:16px;letter-spacing:.11em}.home-page .search-section h1{font-size:34px;letter-spacing:-1.2px}.home-page .search-section .subtitle{font-size:13px;line-height:1.8;margin-top:15px}.home-page .search-form{padding:9px;gap:4px}.home-page .search-form .field-trigger{padding-inline:6px;gap:7px}.home-page .field-label{font-size:11px}.home-page .field-value,.home-page .only-label .field-label{font-size:12px}.home-page .search-form .field-trigger>svg{width:19px}.home-page .search-button{font-size:13px;padding-inline:10px;gap:7px}.home-page .popover{width:min(300px,calc(100vw - 76px))}.home-page .destinations-section{margin-top:36px}.home-section-heading{display:block}.home-browse{margin-top:12px}.home-section-intro{font-size:13px;margin-top:4px}.home-page .destination-grid{grid-template-columns:1fr 1fr;grid-template-rows:190px 155px 155px;gap:10px;margin-top:20px}.home-page .destination-ohrid{grid-column:span 2}.home-page .destination-dojran{grid-column:auto}.home-page .destination-tile .destination-name{font-size:22px;bottom:17px}.home-how{margin-top:35px;border-radius:16px;padding:23px 20px}.home-steps{grid-template-columns:1fr;margin-top:23px;gap:22px}.home-steps li{padding-top:18px}.home-steps h3{margin-top:12px}.home-steps p{max-width:none}}
