/* Luxury House V5.13: ONE mobile header for all six public pages.
   The website has two legacy header systems; these styles normalize BOTH.
   Scoped to phones/tablets only, with a unique URL to prevent stale iOS caching. */
@media only screen and (max-width: 820px) {
  body .topline, html body[data-cms-page] .lh-top {
    box-sizing:border-box!important;
    display:flex!important; align-items:center!important; justify-content:flex-start!important;
    height:30px!important; min-height:30px!important; max-height:30px!important;
    padding:0 20px!important; margin:0!important;
    border-bottom:1px solid rgba(36,38,36,.1)!important;
    background:#e5e0d7!important; color:#242624!important;
    line-height:1!important; text-align:left!important;
  }
  body .topline > span:last-child, html body[data-cms-page] .lh-top > span:last-child {display:none!important;}
  body .topline > span:first-child, html body[data-cms-page] .lh-top > span:first-child {
    display:block!important; font-size:0!important; line-height:1!important;
    white-space:nowrap!important; color:#242624!important;
  }
  body .topline > span:first-child *, html body[data-cms-page] .lh-top > span:first-child * {display:none!important;}
  body .topline > span:first-child::after, html body[data-cms-page] .lh-top > span:first-child::after {
    content:'LUXURY HOUSE  ·  REAL ESTATE';
    display:inline!important; font:500 9px/1.2 'DM Sans',Arial,sans-serif!important;
    letter-spacing:.15em!important; color:#242624!important;
  }
  body .header, html body[data-cms-page] .lh-header {
    box-sizing:border-box!important;
    display:flex!important; flex-wrap:nowrap!important;
    align-items:center!important; justify-content:flex-start!important;
    height:82px!important; min-height:82px!important; max-height:82px!important;
    width:100%!important; max-width:100%!important;
    padding:0 20px!important; margin:0!important; gap:9px!important;
    position:relative!important; z-index:900!important;
    background:#d8d3c9!important; color:#242624!important;
    border:0!important; border-bottom:1px solid rgba(36,38,36,.15)!important;
    box-shadow:none!important;
  }
  body .header .logo-link, html body[data-cms-page] .lh-header .lh-logo {
    box-sizing:border-box!important;
    display:flex!important; flex:1 1 auto!important;
    min-width:0!important; max-width:none!important; width:auto!important;
    height:79px!important; max-height:79px!important;
    align-items:center!important; justify-content:flex-start!important;
    margin:0 auto 0 0!important; padding:0!important;
    overflow:visible!important;
  }
  body .header .brand-logo, html body[data-cms-page] .lh-header .lh-logo img {
    display:block!important; flex:0 0 auto!important;
    width:116px!important; max-width:116px!important;
    height:74px!important; max-height:74px!important;
    object-fit:contain!important; object-position:left center!important;
    margin:0!important; padding:0!important;
    filter:none!important; mix-blend-mode:normal!important;
  }
  body .header > .booking-top, html body[data-cms-page] .lh-header > .lh-header-cta {
    box-sizing:border-box!important; position:static!important;
    display:inline-flex!important; flex:0 0 auto!important; order:2!important;
    justify-content:center!important; align-items:center!important;
    width:114px!important; min-width:114px!important; max-width:114px!important;
    height:43px!important; min-height:43px!important;
    padding:0 13px!important; margin:0!important; gap:8px!important;
    background:#242624!important; border:1px solid #242624!important;
    border-radius:0!important; box-shadow:none!important; transform:none!important;
    color:#fff!important; -webkit-text-fill-color:#fff!important;
    font:0/1 'DM Sans',Arial,sans-serif!important;
    text-decoration:none!important; white-space:nowrap!important; opacity:1!important;
    cursor:pointer!important;
  }
  body .header > .booking-top > *, html body[data-cms-page] .lh-header > .lh-header-cta > * {display:none!important;}
  body .header > .booking-top::before, html body[data-cms-page] .lh-header > .lh-header-cta::before {
    content:'KONTAKT'!important; display:inline-block!important;
    color:#fff!important; -webkit-text-fill-color:#fff!important;
    font:600 10px/1 'DM Sans',Arial,sans-serif!important;
    letter-spacing:.075em!important;
  }
  body .header > .booking-top::after, html body[data-cms-page] .lh-header > .lh-header-cta::after {
    content:''!important; display:block!important; flex:0 0 16px!important;
    width:16px!important; height:16px!important;
    background:transparent no-repeat center / contain url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 18 18 6M8 6h10v10'/%3E%3C/svg%3E")!important;
  }
  body .header > .mobile-menu-btn, html body[data-cms-page] .lh-header > .lh-nav-toggle {
    box-sizing:border-box!important;
    display:flex!important; flex:0 0 34px!important; order:3!important;
    align-items:center!important; justify-content:center!important; flex-direction:column!important;
    width:34px!important; height:43px!important; min-height:43px!important;
    gap:7px!important; margin:0!important; padding:0!important;
    border:0!important; border-radius:0!important; background:transparent!important;
    color:transparent!important; -webkit-text-fill-color:transparent!important;
    font-size:0!important; line-height:0!important; box-shadow:none!important;
    cursor:pointer!important;
  }
  body .header > .mobile-menu-btn > span {
    display:block!important; width:23px!important; height:2px!important;
    padding:0!important; margin:0!important; border:0!important;
    background:#242624!important; border-radius:1px!important;
  }
  body .header > .mobile-menu-btn > span:nth-child(n+3) {display:none!important;}
  html body[data-cms-page] .lh-header > .lh-nav-toggle::before {
    content:''!important; display:block!important;
    width:23px!important; height:2px!important;
    margin:0!important; background:#242624!important;
    border-radius:1px!important; box-shadow:0 -4px 0 transparent, 0 8px 0 #242624!important;
  }
  body .header > .nav, html body[data-cms-page] .lh-header > .lh-nav {
    box-sizing:border-box!important; order:4!important;
    display:none!important; position:absolute!important;
    top:100%!important; right:0!important; left:0!important;
    width:100%!important; max-width:100%!important; margin:0!important;
    padding:12px 20px 22px!important;
    background:#f0ede7!important; border:0!important;
    box-shadow:0 14px 28px rgba(0,0,0,.12)!important;
    flex-direction:column!important; align-items:stretch!important; gap:0!important;
    z-index:950!important;
  }
  body .header > .nav.open, html body[data-cms-page] .lh-header > .lh-nav.open {display:flex!important;}
  body .header > .nav a, html body[data-cms-page] .lh-header > .lh-nav a {
    display:block!important; padding:14px 2px!important; margin:0!important;
    border-bottom:1px solid rgba(36,38,36,.14)!important;
    color:#242624!important; -webkit-text-fill-color:#242624!important;
    font:500 14px/1.4 'DM Sans',Arial,sans-serif!important;
    text-decoration:none!important; letter-spacing:0!important;
  }
  body .header > .nav a::after, html body[data-cms-page] .lh-header > .lh-nav a::after {display:none!important;}
  body .header > .nav a.active, html body[data-cms-page] .lh-header > .lh-nav a.active {color:#8c6134!important;-webkit-text-fill-color:#8c6134!important;}
}
@media only screen and (max-width:359px) {
  body .header, html body[data-cms-page] .lh-header {padding:0 13px!important;gap:6px!important;}
  body .header .brand-logo, html body[data-cms-page] .lh-header .lh-logo img {width:100px!important;max-width:100px!important;}
  body .header > .booking-top, html body[data-cms-page] .lh-header > .lh-header-cta {width:104px!important;min-width:104px!important;max-width:104px!important;padding:0 8px!important;gap:5px!important;}
  body .header > .mobile-menu-btn, html body[data-cms-page] .lh-header > .lh-nav-toggle {flex-basis:30px!important;width:30px!important;}
}