/* Ranch Jestrebice - mobile quick actions. No fixed bottom overlay or JS. */
.ranch-mobile-cta{display:none}
@media (max-width:700px){
  body header.real-site-preview{position:relative!important;z-index:95!important}
  body .ranch-mobile-cta{
    box-sizing:border-box;
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    column-gap:7px;
    align-items:stretch;
    position:sticky;
    top:0;
    z-index:80;
    padding:8px max(10px,env(safe-area-inset-right)) 8px max(10px,env(safe-area-inset-left));
    width:100%;
    background:#faf5ec;
    border-bottom:1px solid #d9c7ae;
    box-shadow:0 3px 9px #2b1e1414;
  }
  body .ranch-mobile-cta a{
    display:flex;
    box-sizing:border-box;
    min-height:50px;
    min-width:0;
    justify-content:center;
    align-items:center;
    text-align:center;
    padding:8px 5px;
    border-radius:7px;
    border:1px solid #cdb79b;
    background:#fffdf8;
    color:#35251b;
    font:700 12px/1.17 Arial,Helvetica,sans-serif;
    letter-spacing:0;
    text-decoration:none;
    overflow-wrap:normal;
    hyphens:none;
  }
  body .ranch-mobile-cta a:first-child{
    background:#a92f41;
    border-color:#a92f41;
    color:#fff;
  }
  body .ranch-mobile-cta a:last-child{
    background:#efe5d7;
    border-color:#d6c3a8;
    color:#3d2b1f;
  }
  body .ranch-mobile-cta a:hover{filter:brightness(.96)}
  body .ranch-mobile-cta a:focus-visible{
    outline:3px solid #213d2f;
    outline-offset:2px;
  }
  html{scroll-padding-top:83px}
  #ranch-main-content,#planner{scroll-margin-top:83px}
}
@media (max-width:345px){
  body .ranch-mobile-cta{column-gap:5px;padding-left:7px;padding-right:7px}
  body .ranch-mobile-cta a{font-size:11px;padding-left:4px;padding-right:4px;min-height:52px}
  /* The existing lodging icon rail is intentionally horizontally scrollable.
     Confine its overflow to that rail at 320px (long German labels). */
  body .lodging-nav.section-pictogram-nav{
    width:100%;max-width:100%;min-width:0;
    overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;
  }
  html,body{overflow-x:clip}
}
@media (min-width:701px){
  body .ranch-mobile-cta{display:none!important}
}
@media (prefers-reduced-motion:reduce){
  body .ranch-mobile-cta a{transition:none!important}
}