html[dir="rtl"],
html[dir="rtl"] body {
  max-width: 100%;
  overflow-x: hidden;
}

html[dir="rtl"] .rs-breadcrumb-area,
html[dir="rtl"] .rs-shop-area,
html[dir="rtl"] .product-details-thumb-wrap,
html[dir="rtl"] .product-details-active,
html[dir="rtl"] .product-details-thumb {
  max-width: 100%;
  min-width: 0;
}

html[dir="rtl"] .product-details-thumb img {
  display: block;
  width: auto;
  max-width: 100%;
  height: auto;
  object-fit: contain;
  margin-right: auto;
  margin-left: auto;
}

html[dir="rtl"] .product-details-wrapper,
html[dir="rtl"] .rs-breadcrumb-content-wrapper {
  max-width: 100%;
  min-width: 0;
}

@media (max-width: 767.98px) {
  html[dir="rtl"] .rs-header-area {
    position: relative;
    z-index: 1000;
    overflow: visible !important;
  }

  html[dir="rtl"] .rs-header-inner,
  html[dir="rtl"] .rs-header-right,
  html[dir="rtl"] .rs-header-search-wrapper,
  html[dir="rtl"] .rs-header-lang-wrapper,
  html[dir="rtl"] .rs-header-hamburger {
    position: relative;
    z-index: 1001;
  }

  html[dir="rtl"] .rs-header-lang-dropdown,
  html[dir="rtl"] .rs-header-search-inner {
    z-index: 1002 !important;
  }

  html[dir="rtl"] .hiounce-hero-slider {
    z-index: 1;
  }

  html[dir="rtl"] .rs-header-left {
    display: none !important;
  }

  html[dir="rtl"] .rs-header-area .container-fluid,
  html[dir="rtl"] .rs-breadcrumb-area .container,
  html[dir="rtl"] .rs-shop-area .container {
    max-width: 100%;
    padding-right: 16px;
    padding-left: 16px;
  }

  html[dir="rtl"] .rs-header-logo-wrapper {
    flex: 0 0 128px;
    width: 128px;
    max-width: 128px;
    min-width: 0;
    transform: translateX(-29px);
  }

  html[dir="rtl"] .rs-header-logo {
    width: 100%;
    min-width: 0;
    padding-inline: 14px 12px;
  }

  html[dir="rtl"] .rs-header-logo img {
    width: 72px !important;
    max-width: 72px;
    height: auto;
    margin-right: 0 !important;
    margin-left: 0 !important;
  }

  html[dir="rtl"] .rs-breadcrumb-content-wrapper,
  html[dir="rtl"] .rs-breadcrumb-title-wrapper,
  html[dir="rtl"] .rs-breadcrumb-menu {
    text-align: center;
  }

  html[dir="rtl"] .rs-breadcrumb-title {
    max-width: 100%;
    font-size: clamp(34px, 10vw, 46px);
    line-height: 1.12;
    overflow-wrap: anywhere;
  }

  html[dir="rtl"] .rs-breadcrumb-menu ul {
    justify-content: center;
    flex-wrap: wrap;
  }

  html[dir="rtl"] .rs-shop-area .row {
    margin-right: 0;
    margin-left: 0;
  }

  html[dir="rtl"] .rs-shop-area [class*="col-"] {
    max-width: 100%;
    min-width: 0;
    padding-right: 0;
    padding-left: 0;
  }

  html[dir="rtl"] .product-details-wrapper {
    padding-right: 8px;
    padding-left: 8px;
    text-align: center;
    overflow-wrap: anywhere;
  }

  html[dir="rtl"] .product-details-active,
  html[dir="rtl"] .product-details-active .swiper-wrapper,
  html[dir="rtl"] .product-details-active .swiper-slide,
  html[dir="rtl"] .product-details-thumb {
    direction: ltr;
  }

  html[dir="rtl"] .product-details-thumb {
    display: flex;
    align-items: center;
    justify-content: center;
  }

  html[dir="rtl"] .product-details-thumb img {
    max-height: 460px;
  }

  html[dir="rtl"] .product-details-title {
    direction: ltr;
    unicode-bidi: isolate;
    text-align: center;
  }

  html[dir="rtl"] .product-details-title,
  html[dir="rtl"] .product-details-subtitle {
    display: block !important;
    inline-size: 100% !important;
    max-width: 100%;
    white-space: normal !important;
    word-break: normal;
    overflow-wrap: anywhere !important;
  }

  html[dir="rtl"] .product-details-subtitle,
  html[dir="rtl"] .product-details-categories,
  html[dir="rtl"] .product-details-tags,
  html[dir="rtl"] .product-details-count-wrap {
    justify-content: center;
    text-align: center;
  }

  html[dir="rtl"] .product-details-description {
    text-align: right;
  }
}

@media (max-width: 575.98px) {
  html[dir="rtl"] .hiounce-hero-slider .container {
    max-width: 100%;
    padding-inline: 16px;
  }

  html[dir="rtl"] .hiounce-hero-slider .rs-banner-content,
  html[dir="rtl"] .hiounce-hero-slider .rs-banner-title {
    max-width: 100%;
    margin-inline: auto;
    text-align: center;
  }

  html[dir="rtl"] .hiounce-hero-slider .rs-banner-title {
    width: 100%;
  }

  html[dir="rtl"] .rs-section-title,
  html[dir="rtl"] .rs-section-subtitle,
  html[dir="rtl"] .rs-counter-title {
    max-width: 100%;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
    text-align: center;
  }

  html[dir="rtl"] .rs-counter-number {
    direction: ltr;
    unicode-bidi: isolate;
    justify-content: center;
    text-align: center;
  }
}