html[dir=rtl],html[dir=rtl] body{width:100%;max-width:100%;overflow-x:hidden!important;overscroll-behavior-x:none}
html[dir=rtl] body>*{max-width:100vw}
html[dir=rtl] main,html[dir=rtl] .story-booking,html[dir=rtl] .sector-story{overflow-x:clip}
html[dir=rtl] .modal,html[dir=rtl] .success{width:100%;max-width:100%;inset:0;overflow-x:hidden}
html[dir=rtl] .modal>section,html[dir=rtl] .success>section,html[dir=rtl] .modal form,html[dir=rtl] .modal label,html[dir=rtl] .modal input,html[dir=rtl] .modal select,html[dir=rtl] .modal textarea{min-width:0;max-width:100%}
html[dir=rtl] .modal>section{width:min(680px,calc(100vw - 24px));margin-inline:auto;overflow-x:hidden}
@media(max-width:1100px){html[dir=rtl] .modal{padding-inline:12px;place-items:center}html[dir=rtl] .modal>section{width:calc(100vw - 24px);max-width:680px;margin:0;padding-inline:16px}html[dir=rtl] .modal form{display:grid;grid-template-columns:minmax(0,1fr);width:100%}html[dir=rtl] .modal form>.full{grid-column:1}html[dir=rtl] .modal label,html[dir=rtl] .modal input,html[dir=rtl] .modal select,html[dir=rtl] .modal textarea,html[dir=rtl] .modal button.submit{width:100%;min-width:0}}
@media(max-width:820px){html[dir=rtl] .story-booking,html[dir=rtl] .story-property,html[dir=rtl] .story-restaurant{width:100%;margin-inline:0}html[dir=rtl] .modal>section{inset-inline:0;width:100%;max-width:100%;margin:0}html[dir=rtl] .modal form{width:100%;overflow:hidden}}