/* PC 공통 예약 버튼. 모바일은 기존 하단 예약 메뉴를 사용합니다. */
.booking-float{display:none;}
@media screen and (min-width:768px){
  a.booking-float{
    position:fixed;right:10px;top:112px;z-index:9;
    display:block;width:64px;height:64px;box-sizing:border-box;padding:0;
    border:0;border-radius:17px;background:transparent;text-decoration:none;
    line-height:0;
  }
  .booking-float img{display:block;width:64px;height:64px;border:0;}
  .booking-float span{
    position:absolute;width:1px;height:1px;padding:0;margin:-1px;
    overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;
  }
  a.booking-float::after{
    content:attr(data-booking-label);position:absolute;right:calc(100% + 10px);top:50%;
    transform:translateY(-50%);padding:8px 12px;border-radius:8px;
    background:#222;color:#fff;font:500 13px/1.4 sans-serif;
    white-space:nowrap;pointer-events:none;display:none;visibility:hidden;
  }
  a.booking-float:hover::after,
  a.booking-float:focus-visible::after{display:block;visibility:visible;}
  a.booking-float:hover{filter:brightness(1.04);}
  a.booking-float:focus-visible{outline:3px solid #03c75a;outline-offset:4px;}
}
@media screen and (min-width:768px) and (max-width:1365px){
  a.booking-float{top:80px;}
}
@media screen and (min-width:768px) and (max-width:1100px){
  body[data-booking-gutter]{padding-right:116px;}
}
@media screen and (min-width:768px) and (max-width:1199px){
  .fee-sheet{margin-right:104px;}
}
@media print{.booking-float{display:none !important;}}
