
#section-availability{position:relative}
#section-availability .flex-nowrap{overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;scrollbar-width:none;-ms-overflow-style:none;scroll-padding-left:0}
#section-availability .flex-nowrap::-webkit-scrollbar{display:none}
#section-availability .calendar-month{flex:none;scroll-snap-align:start}
#section-availability .thb-cal-next{display:none;position:absolute;right:0;width:38px;height:38px;padding:0;box-sizing:border-box;
  border:1px solid var(--line);border-radius:999px;background:#fff;box-shadow:0 4px 14px rgba(10,10,10,.12);color:var(--ink);
  cursor:pointer;align-items:center;justify-content:center;z-index:2;transition:opacity .2s ease,border-color .16s ease,transform .16s ease}
#section-availability .thb-cal-next svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
#section-availability .thb-cal-next:active{border-color:#0a0a0a;transform:scale(.94)}
#section-availability .thb-cal-next.is-hint svg{animation:thbCalNudge 1.5s ease-in-out 3}
@keyframes thbCalNudge{0%,100%{transform:translateX(0)}50%{transform:translateX(3px)}}
@media(prefers-reduced-motion:reduce){#section-availability .thb-cal-next.is-hint svg{animation:none}}
@media(max-width:1023px){
#section-availability .flex-nowrap{gap:16px;padding-bottom:2px;margin-right:46px}
#section-availability .calendar-month{width:100%;min-width:0}
#section-availability .calendar-month .month-title{font-size:16px}
#section-availability .thb-cal-next{display:inline-flex}
}
