/* Shared RTL layout; Bootstrap 4 provides the component behaviour. */
html { direction: rtl; }
body { text-align: right; overflow-wrap: break-word; }
#page_holder { width: 100%; max-width: 1500px; margin-inline: auto; }
img, video { max-width: 100%; }
img { height: auto; }
.row > * { min-width: 0; }
.navbar > .container { flex-wrap: wrap; }
.navbar-nav { flex-wrap: wrap; justify-content: center; }
.main-menu { min-width: 0; flex: 0 1 auto; }
.main-menu .nav-link { padding: .75rem; }
.navbar-toggler, .close, .updown_slider { min-height: 44px; min-width: 44px; }
a:focus-visible, button:focus-visible, [tabindex]:focus-visible { outline: 3px solid #2176ae; outline-offset: 3px; }
.modal { text-align: right; }
.modal-header .close { margin: -1rem auto -1rem -1rem; }
.modal-body { overflow-wrap: anywhere; }
.modal-dialog { max-width: min(500px, calc(100% - 1rem)); margin: .5rem auto; }
.modal-content { max-height: calc(100dvh - 1rem); overflow-y: auto; }
.form-control { font-size: 16px; max-width: 100%; }
input[type=tel], input[autocomplete=one-time-code] { direction: ltr; }
.btn { white-space: normal; }
.product_container { align-items: stretch; }
.product_container > div { margin-bottom: 16px; padding: 8px; }
.product_container .innder_item { height: 100%; position: relative; }
.product_container img { object-fit: contain; }
.scrolling-wrapper { max-width: 100%; margin-inline: 0; overscroll-behavior-x: contain; }
.empty-state { flex: 0 0 100%; padding: 2rem 1rem; text-align: center; color: #555; }
.table-responsive { max-width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; }
#basket_detail [onclick] { display: inline-flex; align-items: center; justify-content: center; min-width: 44px; min-height: 44px; }
.news-content { max-width: 100%; overflow-wrap: anywhere; }
.news-content .row { margin-inline: 0; }
.nav-tabs { flex-wrap: wrap; }
.swiper-container { max-width: 100%; }
#vertical_slide { display: none; }
.toastify { max-width: calc(100vw - 32px); white-space: normal; }
@media (max-width: 991.98px) {
    .navbar { border-radius: 12px !important; }
    .navbar > .container, .navbar-collapse { flex-basis: 100%; width: 100%; }
    .navbar-nav { margin: 0 !important; }
    .main-menu { margin: 3px 0; }
    .main-menu .nav-link { text-align: right; }
}
@media (max-width: 575.98px) {
    #page_holder { padding-inline: 8px; }
    .row { padding-inline: 0; }
    .container-fluid { padding-inline: 8px; }
    #logo { margin-bottom: 16px !important; }
    #logo img { width: 100px !important; }
    #horizental_slide { display: none; }
    #vertical_slide { display: block; }
    .item_card { width: 150px; margin: 6px; }
    .product_container > .col-xs-6 { flex: 0 0 50%; max-width: 50%; }
    .modal input.form-control { font-size: 20px !important; }
    h1, .h1 { font-size: 1.8rem; }
    h2, .h2 { font-size: 1.6rem; }
    h3, .h3 { font-size: 1.4rem; }
    #news_feed { margin: 16px 0 !important; }
    #tabs { padding: 20px 0; }
}
@media (prefers-reduced-motion: reduce) {
    *, *::before, *::after { scroll-behavior: auto !important; animation-duration: .01ms !important; transition-duration: .01ms !important; }
}