/* Royal overnight safari on tablets and phones. */
@media(max-width:1024px){
  .ron-page{width:100%!important;max-width:100%!important}
  .ron-highlights-section,.ron-switch-section,.ron-packages-section,.ron-booking-section{box-sizing:border-box;min-width:0}
  .ron-highlights-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:14px!important}
  .ron-highlight-card{min-width:0;min-height:175px;padding:20px!important}
  .ron-highlight-card>div:nth-child(2){font-size:15px!important}
  .ron-highlight-card>div:nth-child(3){font-size:12.5px!important;line-height:1.75!important}
  .ron-switch-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .ron-switch-grid>div{min-width:0;min-height:58px;line-height:1.45;text-align:center;overflow-wrap:anywhere}
  .ron-switch-grid>div>span{flex-shrink:0}
  .ron-packages-section{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:17px!important}
  .ron-package-card{min-width:0;margin-top:0!important}
  .ron-package-card>div:nth-child(2){min-width:0;flex-wrap:wrap;text-align:center}
  .ron-package-card>div:nth-child(2)>span:last-child{min-width:0;line-height:1.5}
  .ron-package-card>div:nth-child(3)>div[style*="align-items:baseline"]{flex-wrap:wrap}
  .ron-package-card a{min-height:44px;text-align:center;line-height:1.5}
  .ron-booking-layout{padding:26px 22px!important}
  .ron-booking-fields{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:16px!important}
  .ron-booking-fields>div,.ron-booking-guests>div{min-width:0}
  .ron-booking-fields input{width:100%;font-size:16px!important}
  .ron-booking-fields>div>div:nth-child(2){min-height:46px}
  .ron-booking-guests{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .ron-booking-guests [role="button"]{width:29px!important;height:29px!important}
  .ron-booking-content :is(input,[role="button"]):focus-visible,.ron-switch-grid [role="button"]:focus-visible{outline:2px solid #d8b565!important;outline-offset:3px}
  #ron-booking-submit{min-height:50px;text-align:center;line-height:1.5}
}
@media(max-width:760px){
  .ron-highlights-section,.ron-switch-section,.ron-packages-section,.ron-booking-section{padding-inline:10px!important}
  .ron-highlights-section>div:first-child{font-size:clamp(18px,5vw,22px)!important;line-height:1.5}
  .ron-highlights-grid,.ron-switch-grid,.ron-packages-section{grid-template-columns:minmax(0,1fr)!important;gap:12px!important}
  .ron-highlight-card{min-height:0;padding:17px 14px!important}
  .ron-switch-grid>div{padding:12px!important}
  .ron-package-card{padding:20px 15px!important}
  .ron-booking-layout{padding:22px 14px!important}
  .ron-booking-fields{grid-template-columns:minmax(0,1fr)!important;gap:14px!important}
  .ron-booking-guests{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}