.core-search.tg-home-search-wrap{display:flex;max-width:980px;border-radius:20px;background:rgba(255,255,255,.16);border:1px solid #ffffff30;padding:12px 16px;gap:0;backdrop-filter:blur(12px)}
.core-search.tg-home-search-wrap>div{min-width:0}
.core-search [data-city-picker]{width:100%}
.core-search.tg-home-search-wrap select{border:0;border-radius:0;background-color:transparent;color:white;font-size:18px;padding-left:18px}
.core-search.tg-home-search-wrap select option{color:#0f172a;background:white}
.core-search .MuiOutlinedInput-root{background:transparent;color:white;border-radius:10px;font-size:18px;min-height:56px}
.core-search .MuiOutlinedInput-notchedOutline{border:0}
.core-search .MuiInputBase-input::placeholder{color:white;opacity:1}
.core-search .MuiIconButton-root{color:white}
.core-search .MuiOutlinedInput-root.Mui-focused{outline:2px solid #fff;outline-offset:-2px}
.core-search select:focus-visible{outline:2px solid #fff;outline-offset:-2px}
@media(max-width:991.98px){.core-search.tg-home-search-wrap{flex-direction:column;gap:12px;padding:16px}.core-search .tg-home-search-field-wrap,.core-search .tg-home-search-action{flex:auto;width:100%;border-right:0}.core-search .tg-home-search-field-wrap{border-bottom:1px solid #ffffff30;padding:0 0 8px}}
.core-hero,.core-hero .d-slider{height:80vh;min-height:620px}
.core-hero h1,.core-hero h4{max-width:none}
.core-search.tg-home-search-wrap{max-width:910px}
.core-search .MuiIconButton-root{background:transparent;border-radius:50%}
.core-search.tg-home-search-wrap select.tg-home-search-select{padding:0 42px 0 18px;height:56px;line-height:56px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M2 2l4 4 4-4' fill='none' stroke='white' stroke-width='1.5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 18px center}
@media(max-width:767px){.core-hero,.core-hero .d-slider{height:auto;min-height:0}}
/* George's Galaxy Z Fold (Sept 19 2026): on short, wide viewports the hero text block, anchored to the bottom of a 620px hero
   (styles.css .section-hero .slider-content bottom:35% / 10%), was taller than the room above it and slid under the logo.
   Same anchoring, but the hero now grows with its content and the block always clears the header (logo ends at 53–62px). */
@media(min-width:768px){
.core-hero{display:flex;flex-direction:column;justify-content:flex-end;height:auto;min-height:max(620px,80vh)}
.core-hero .d-slider{position:absolute;inset:0;height:100%;min-height:0}
.core-hero .slider-content{position:relative!important;top:auto;bottom:auto;width:100%;padding:90px 0 max(62px,8vh)}
}
@media(min-width:993px){.core-hero .slider-content{padding-bottom:max(217px,28vh)}}