html[dir=rtl] .home-page .cmp__countdown-banner .countdown-banner-container.left {
  text-align: right
}

html[dir=rtl] .home-page .tip-container.auto-subscribe-tip {
  right: unset;
  left: 20px
}

html[dir=rtl] .aem-GridColumn {
  padding: 0
}

html[dir=rtl] .btn_text.icon-more:after {
  right: unset;
  left: 0;
  top: 12%;
  transform: rotate(223deg) translateY(-50%);
  transition: left .3s ease-in .1ms !important
}

html[dir=rtl] .btn_text:hover.icon-more:after {
  left: -5px
}

html[dir=rtl] .home-promo .btn_text.icon-more,
html[dir=rtl] .media-comment .btn_text.icon-more {
  padding-right: 0;
  padding-left: 15px
}

html[dir=rtl] #consent-banner .trustarc-banner-close {
  right: unset !important;
  left: -20px !important
}

html[dir=rtl] .bottom-download-dialog {
  right: unset;
  left: 20px;
  padding-left: 0;
  padding-right: 38px
}

html[dir=rtl] .bottom-download-dialog .download-dialog-left {
  margin-right: 0;
  margin-left: 10px
}

html[dir=rtl] .bottom-download-dialog .download-dialog-right {
  text-align: right
}

html[dir=rtl] .bottom-download-dialog .download-dialog-button {
  left: 10px;
  right: unset
}

html[dir=rtl] .bottom-download-dialog .dialog-close-icon {
  left: unset;
  right: 0
}

@media (max-width:767.98px) {
  html[dir=rtl] #consent-banner .trustarc-banner-close {
      right: unset !important;
      left: -10px !important
  }

  html[dir=rtl] #consent-banner .trustarc-banner-details {
      text-align: right
  }

  html[dir=rtl] .bottom-download-dialog {
      left: 0
  }
}

html[dir=rtl] .notice-ribbon .container-bg img {
  width: 100%
}

html[dir=rtl] .misc-dialog .cover .hint-card .card-header .close-hint {
  right: unset;
  left: 0
}

html[dir=rtl] #bar-store-confirm .container-text .store-select .country-icon {
  margin-right: 0;
  margin-left: 20px
}

html[dir=rtl] #bar-store-confirm .container-text .btn-close {
  left: 0;
  right: unset
}

@media (max-width:767.98px) {
  html[dir=rtl] .misc-dialog .cover .hint-card .card-header .close-hint {
      right: unset;
      left: 0
  }
}

html[dir=rtl] #op-nav-container .local-nav .title-container .title-item:nth-child(2) {
  margin-left: 0;
  padding-left: 0;
  padding-right: 10px;
  margin-right: 10px;
  border: none;
  border-right: 1px solid #ccc
}

html[dir=rtl] .cmp__kv-banner .cmp__kv-inner,
html[dir=rtl] .cmp__kv-banner.homepage-left .cmp__kv-inner {
  text-align: right
}

html[dir=rtl] .cmp__kv-banner .cmp__kv-inner a.btn {
  margin-left: 10px;
  margin-right: 0
}

html[dir=rtl] .cmp__kv-banner .cmp__kv-inner .btn_text {
  padding-right: 0;
  padding-left: 15px
}

html[dir=rtl] .carousel-container .swiper-container:hover .swiper-button-next,
html[dir=rtl] .carousel-container .swiper-container:hover .swiper-button-prev {
  background-image: none
}

html[dir=rtl] .carousel-container .swiper-container:hover .swiper-button-next {
  left: 40px;
  right: unset;
  transform: rotate(180deg)
}

html[dir=rtl] .carousel-container .swiper-container:hover .swiper-button-prev {
  left: unset;
  right: 40px;
  transform: rotate(180deg)
}

html[dir=rtl] #footer .footer-nav,
html[dir=rtl] #oneplus-footer .footer-nav {
  text-align: right
}


html[dir=rtl] #footer .footer-nav dl, html[dir=rtl] #oneplus-footer .footer-nav dl {
  float: right;
}

html[dir=rtl] #footer .self-help .link li,
html[dir=rtl] #oneplus-footer .self-help .link li {
  border-left: 1px solid rgba(0, 0, 0, .2);
  border-right: none
}

html[dir=rtl] #footer .self-help .link li:last-child,
html[dir=rtl] #oneplus-footer .self-help .link li:last-child {
  border-left: none
}

@media (max-width:1280px) {

  html[dir=rtl] #footer .footer-nav dt .icon-fold,
  html[dir=rtl] #oneplus-footer .footer-nav dt .icon-fold {
      left: 20px;
      right: unset
  }

  html[dir=rtl] #footer .copy-right,
  html[dir=rtl] #footer .self-help .current-store,
  html[dir=rtl] #footer .self-help .link ul,
  html[dir=rtl] #oneplus-footer .copy-right,
  html[dir=rtl] #oneplus-footer .self-help .current-store,
  html[dir=rtl] #oneplus-footer .self-help .link ul {
      text-align: right
  }
}

html[dir=rtl] .choose-store {
  text-align: right
}

html[dir=rtl] .choose-store dl dd ul {
  display: flex;
  flex-wrap: wrap
}

html[dir=rtl] .choose-store .store-item,
html[dir=rtl] .choose-store .store-item .store-link {
  display: flex
}

html[dir=rtl] .choose-store .store-item .store-link i {
  margin-left: 15px;
  margin-right: 0
}

html[dir=rtl] .choose-store .store-item .store-currency,
html[dir=rtl] .choose-store .store-item .store-lang {
  text-align: right
}

html[dir=rtl] .env-inner .env_describe {
  text-align: left !important
}

html[dir=rtl] .env-inner .env_describe span {
  margin-left: 0;
  margin-right: 40px
}

html[dir=rtl] #specs-color .content_left {
  left: unset;
  right: 50%;
  transform: translateX(50%)
}

html[dir=rtl] #specs-color .content_right {
  left: unset;
  right: 50%
}

html[dir=rtl] #specs-color .content .color-btn i {
  margin-right: 0;
  margin-left: 5px
}

@media (max-width:767.98px) {

  html[dir=rtl] #specs-color.compare .content_left,
  html[dir=rtl] #specs-color .content_left {
      margin-right: 0;
      margin-left: 5%
  }

  html[dir=rtl] .env-inner .env_describe {
      text-align: center !important
  }

  html[dir=rtl] .env-inner .env_describe span {
      margin-right: 0
  }
}

html[dir=rtl] .explore-kv-video .mask .media-icon {
  margin-right: 0;
  margin-left: 10px
}

html[dir=rtl] .swiper-button-next,
html[dir=rtl] .swiper-container-rtl .swiper-button-prev {
  background-image: none;
  left: 10px;
  right: unset;
  transform: rotate(1turn)
}

html[dir=rtl] .swiper-button-prev,
html[dir=rtl] .swiper-container-rtl .swiper-button-next {
  background-image: none;
  left: unset;
  right: 10px;
  transform: rotate(1turn)
}

html[dir=rtl] .explore-brand-story .brand-story-item:before {
  left: unset;
  right: 0
}

html[dir=rtl] .explore-blog .blog-list .content-wrap {
  padding: 0 44px 0 0
}

html[dir=rtl] .explore-blog .blog-top-list .blog-top-content-wrap {
  padding: 23px 44px 0 0
}

html[dir=rtl] .explore-article .article-list .content-wrap {
  padding: 40px 44px 0 0
}

html[dir=rtl] .explore-extra-entry .entry-item .more-link .link {
  padding-left: 0;
  padding-right: 20px
}

html[dir=rtl] .explore-extra-entry .entry-item .more-link .link:before {
  left: unset;
  right: 0;
  transform: translateY(-50%) rotate(180deg)
}

html[dir=rtl] .explore-co-brandings .control-wrap .arrow-control {
  margin-left: 0;
  margin-right: 24%
}

html[dir=rtl] .explore-co-brandings .control-wrap .page-control {
  margin-right: 0;
  margin-left: 23px
}

html[dir=rtl] .explore-brand-story {
  direction: ltr
}

html[dir=rtl] .explore-brand-story .brand-story-item .inner-content-wrap .inner-content .content-detail {
  direction: rtl
}

html[dir=rtl] .explore-brand-story .brand-story-item .inner-content-wrap .inner-content .content-detail .normal-content.normal-content-video .content-wrap {
  margin-left: 14%;
  margin-right: 0
}

@media (max-width:767.98px) {
  html[dir=rtl] .explore-brand-story .brand-story-item .cover-content-wrap .more-text .triangle-icon {
      margin-right: 0;
      margin-left: 5px;
      transform: rotate(180deg)
  }

  html[dir=rtl] .explore-blog .blog-list .content-wrap,
  html[dir=rtl] .explore-blog .blog-top-list .blog-top-item:nth-child(2) .blog-top-content-wrap {
      padding: 0 15px 0 0
  }

  html[dir=rtl] .explore-article .article-list .content-wrap {
      padding: 0
  }

  html[dir=rtl] .explore-extra-entry .entry-item {
      text-align: right
  }

  html[dir=rtl] .explore-co-brandings .control-wrap .arrow-control {
      margin-left: 0;
      margin-right: 12%
  }
}

html[dir=rtl] .secm-pers {
  direction: ltr
}

html[dir=rtl] .personalized-setting .text-pers {
  margin-left: 0;
  margin-right: 5pc;
  text-align: right
}

html[dir=rtl] .sec.theme-shop .secm-thes {
  direction: ltr
}

html[dir=rtl] .sec.theme-shop .text-thes {
  text-align: right
}

html[dir=rtl] .secm-game {
  direction: ltr
}

html[dir=rtl] .text-game {
  text-align: right
}

@media (max-width:767.98px) {
  html[dir=rtl] .text-kv {
      text-align: right
  }

  html[dir=rtl] .insight .text-insight {
      width: auto;
      margin-left: 0
  }
}

html[dir=rtl] #section-ksp .sticky .btn-groups {
  left: unset;
  right: 0
}

html[dir=rtl] #section-ksp .sticky .btn-groups .flex {
  margin-right: unset;
  margin-left: 41px
}

html[dir=rtl] .zn--wrapper .btn img {
  margin-right: 10px;
  margin-left: 0;
  transform: rotate(180deg)
}

html[dir=rtl] #section-camera .shot-module .sticky-container .scroll {
  direction: ltr
}

html[dir=rtl] #section-camera .shot-module .sticky-container .scroll .content-box {
  text-align: right
}

html[dir=rtl] #section-camera .shot-module .sticky-container .btn {
  direction: rtl
}

html[dir=rtl] #section-camera .gallery-module .group .text {
  text-align: right
}

html[dir=rtl] #section-camera .gallery-module .group-2,
html[dir=rtl] #section-camera .gallery-module .group-4 {
  margin-left: 0;
  margin-right: 50pc
}

html[dir=rtl] #section-os .os-sticky-container .os-container .os-text .flex .right {
  transform: rotate(180deg)
}

html[dir=rtl] #section-caption .caption-container {
  text-align: right
}

html[dir=rtl] #section-caption li {
  margin-left: 0;
  margin-right: 1em
}

html[dir=rtl] .g--pop-page-container {
  direction: ltr
}

html[dir=rtl] .g--banner-mode-1 .pagination {
  justify-content: flex-end
}

html[dir=rtl] .g--banner-mode-1 .progress {
  left: 5pc;
  right: unset
}

html[dir=rtl] .g--pop-page-container .close {
  left: 40px;
  right: unset
}

html[dir=rtl] .g--pop-page.ambassador-page .header .header-text,
html[dir=rtl] .g--pop-page.ambassador-page .middle .author-box.show {
  direction: rtl
}

html[dir=rtl] .g--pop-page.ambassador-page .middle .author-box .description,
html[dir=rtl] .g--pop-page.ambassador-page .middle .author-box .title {
  text-align: right
}

html[dir=rtl] .g--pop-page.ambassador-page .middle .author-box .flex img {
  margin-left: 0;
  margin-right: 15px;
  transform: rotate(180deg)
}

html[dir=rtl] .g--pop-page-container .inner-page .text-box .text-con {
  direction: rtl
}

@media (max-width:767.98px) {

  html[dir=rtl] #section-amplify .amplify-container-1 .amplify-scroll-1,
  html[dir=rtl] #section-amplify .amplify-container-1 .amplify-scroll-1 .text-container .text .title,
  html[dir=rtl] #section-amplify .amplify-container-2 .amplify-sticky-2 .text,
  html[dir=rtl] #section-camera .color-module .scroll,
  html[dir=rtl] #section-camera .connect-module .scroll>.text,
  html[dir=rtl] #section-camera .connect-module .scroll>.title,
  html[dir=rtl] #section-camera .overview-module .g--container,
  html[dir=rtl] #section-design .design-sticky-container .description,
  html[dir=rtl] #section-design .design-sticky-container .design-title,
  html[dir=rtl] #section-display .pt-container .description,
  html[dir=rtl] #section-os .os-sticky-container .os-container .os-text .description,
  html[dir=rtl] #section-os .os-sticky-container .os-container .os-text .title {
      text-align: right
  }

  html[dir=rtl] #section-display .pt-container .flex .right {
      margin-left: 0;
      margin-right: 5px
  }

  html[dir=rtl] .g--pop-page-container .close {
      left: 0
  }

  html[dir=rtl] .g--banner-mode-1 .pagination:after {
      display: none
  }

  html[dir=rtl] .g--banner-mode-1 .pagination:before {
      width: 47px;
      height: 28px;
      content: "";
      flex: 0 0 auto
  }

  html[dir=rtl] .g--banner-mode-1 .pagination .name {
      margin-left: 36px;
      margin-right: 0
  }

  html[dir=rtl] .g--banner-mode-1 .progress {
      left: auto;
      right: unset
  }

  html[dir=rtl] .g--pop-page.ambassador-page .footer1 .footer1-text {
      direction: rtl
  }

  html[dir=rtl] .g--pop-page.ambassador-page .footer1 .footer1-text .text,
  html[dir=rtl] .g--pop-page.ambassador-page .footer1 .footer1-text .title {
      text-align: right
  }
}

html[dir=rtl] .font-container .subline,
html[dir=rtl] .section-performance .performance-chip-8gb,
html[dir=rtl] .section-performance .performance-chip-ufs {
  text-align: right
}

html[dir=rtl] .section-camera .camera-entry .entry-bg .bg-box .bg-text1,
html[dir=rtl] .section-camera .camera-entry .entry-bg .bg-box .bg-text2,
html[dir=rtl] .section-camera .camera-entry .entry-bg .bg-box .bg-text6 {
  text-align: left
}

html[dir=rtl] .footnote-container ol {
  padding-right: 1em;
  padding-left: 0
}

html[dir=rtl] .hotdog-footer-link ul li a>p .link-wrap:after {
  transform: rotate(225deg);
  margin-left: 0;
  margin-right: 5px
}

html[dir=rtl] .section-120hz__container[data-v-04b65c40] {
  width: auto
}

@media (max-width:767.98px) {
  html[dir=rtl] .section-ksp__item {
      text-align: right
  }

  html[dir=rtl] .section-performance .performance-chip-8gb,
  html[dir=rtl] .section-performance .performance-chip-ufs {
      padding-left: 10%;
      padding-right: 0
  }
}

html[dir=rtl] .section-camera .camera-part2 .part2-imgBox1 .imgBox1-text,
html[dir=rtl] .section-camera .camera-part3 .part3-imgBox .part3-text p,
html[dir=rtl] .section-performance .performance-pin .performance-pin-inner .performance-chip-ufs {
  text-align: right
}

html[dir=rtl] .section-os .os-title .link-wrap a {
  transition: padding-left .3s ease-in .1ms
}

html[dir=rtl] .section-os .os-title .link-wrap a:after {
  right: unset;
  left: -9pt;
  transform: rotate(219deg) translateY(50%)
}

html[dir=rtl] .section-os .os-title .link-wrap a:hover {
  padding-right: 0;
  padding-left: 10px
}

html[dir=rtl] .vifnslb-container[data-v-2964abc9] {
  direction: ltr
}

html[dir=rtl] .section-pics__dot:last-child {
  margin-right: 1.6rem;
  margin-left: 0
}

html[dir=rtl] .section-pics__dot:last-child:after {
  left: unset;
  right: -.8rem
}

html[dir=rtl] .section-display .authentication-info {
  direction: ltr
}

html[dir=rtl] .section-display .authentication-info .authority-icon,
html[dir=rtl] .section-display .authentication-info .tip {
  max-width: 500px;
  text-align: right
}

html[dir=rtl] #section-kv .section-kv__link .section-kv__offline {
  display: flex;
  justify-content: center;
  align-items: center
}

@media (max-width:767.98px) {

  html[dir=rtl] .section-camera .camera-part1 .camera-title .headline,
  html[dir=rtl] .section-camera .camera-part5 .part5-l .part5-l-box .boom-text p,
  html[dir=rtl] .section-performance .performance-pin .performance-pin-inner .performance-chip-8gb {
      text-align: right
  }

  html[dir=rtl] .section-os .os-imgBox {
      transform: translateX(17%)
  }
}

html[dir=rtl] .g--image-wrapper>img {
  left: 0
}

html[dir=rtl] #section-kv .fg {
  margin-left: 0
}

html[dir=rtl] #section-performance .part-0 .sticky-item .col--3 {
  order: 2
}

html[dir=rtl] #section-camera .back-camera-phone-wrapper .items {
  direction: ltr
}

html[dir=rtl] #section-camera .back-camera-phone-wrapper .item .text {
  text-align: right
}

html[dir=rtl] #section-camera .portrait-container .sticky-item-portrait {
  direction: ltr
}

html[dir=rtl] #section-camera .portrait-container .portrait-text {
  text-align: right
}

@media (max-width:767.98px) {
  html[dir=rtl] #section-camera .back-camera-phone-wrapper {
      left: unset;
      right: 10px
  }

  html[dir=rtl] #section-camera .back-camera-phone-wrapper .items {
      direction: ltr
  }

  html[dir=rtl] #section-camera .back-camera-phone-wrapper .item .text {
      text-align: left
  }
}

html[dir=rtl] #main-wrapper #section-kv .first-section .text,
html[dir=rtl] #section-kv .part .texts {
  left: 0
}

html[dir=rtl] #section-photo .col--container {
  direction: ltr;
  text-align: right
}

html[dir=rtl] #section-brand .sticky-container,
html[dir=rtl] #section-storage .sticky-container .sticky-item {
  direction: ltr
}

html[dir=rtl] #section-brand .sticky-container .sticky-item .right {
  text-align: right
}

@media (max-width:767.98px) {
  html[dir=rtl] #main-wrapper #section-kv .first-section .text {
      left: unset;
      right: 30px
  }

  html[dir=rtl] #section-kv .part .texts {
      left: 50%
  }

  html[dir=rtl] #section-kv .charge .charge-man-wrapper {
      left: unset;
      right: 10%
  }

  html[dir=rtl] #section-display .video.static-image--animation {
      margin-right: calc(50vw - 230px)
  }

  html[dir=rtl] #section-brand .sticky-container {
      direction: rtl
  }
}

html[dir=rtl] .main-wrapper #phoneBody .part-2 .params-container {
  direction: ltr
}

html[dir=rtl] .main-wrapper #phoneBody .part-2 .text-box {
  position: absolute;
  left: 0;
  width: 700px
}

html[dir=rtl] .main-wrapper #overview .container .script .details.g--pt-hidden .detail {
  left: unset;
  right: 0
}

html[dir=rtl] .main-wrapper #camera-1 .part-1 .bg .tips-c {
  width: 200px
}

html[dir=rtl] .main-wrapper #phoneBody .part-2 .text-box.box2 {
  left: calc(50vw - 50pc)
}

html[dir=rtl] .main-wrapper #camera-2 .part-2 .container {
  margin-left: 0;
  margin-right: 150px
}

html[dir=rtl] .main-wrapper #phoneBody .phone-part .container .content-box .option-box .option.right {
  margin-left: 0;
  margin-right: 30px
}

@media (max-width:767.98px) {
  html[dir=rtl] .main-wrapper #overview .container[data-selected="2"] .details .detail:first-child {
      margin-right: -100%;
      margin-left: 0
  }

  html[dir=rtl] .main-wrapper #overview .container[data-selected="3"] .details .detail:first-child {
      margin-right: -200%;
      margin-left: 0
  }

  html[dir=rtl] .main-wrapper #overview .container[data-selected="4"] .details .detail:first-child {
      margin-right: -300%;
      margin-left: 0
  }

  html[dir=rtl] .main-wrapper #overview .container[data-selected="5"] .details .detail:first-child {
      margin-right: -400%;
      margin-left: 0
  }

  html[dir=rtl] .main-wrapper #overview .container[data-selected="6"] .details .detail:first-child {
      margin-right: -500%;
      margin-left: 0
  }

  html[dir=rtl] .main-wrapper #overview .container[data-selected="7"] .details .detail:first-child {
      margin-right: -600%;
      margin-left: 0
  }

  html[dir=rtl] .main-wrapper #overview .container[data-selected="8"] .details .detail:first-child {
      margin-right: -700%;
      margin-left: 0
  }

  html[dir=rtl] .main-wrapper #phoneBody .phone-part .container .content-box .option-box .option.right {
      margin-left: 0;
      margin-right: 20px
  }

  html[dir=rtl] .main-wrapper #phoneBody .part-2 .text-box.box2 {
      right: unset
  }

  html[dir=rtl] .main-wrapper #phoneBody .part-2 .text-box {
      position: relative;
      left: unset;
      width: 83.33vw
  }

  html[dir=rtl] .main-wrapper #camera-1 .part-1 .bg .tips-c,
  html[dir=rtl] .main-wrapper #camera-1 .part-1 .bg .title {
      right: 8.333333333333334vw
  }

  html[dir=rtl] .main-wrapper #camera-2 .part-2 .container {
      margin-right: 0;
      margin-right: 8.333333333333334vw
  }
}

html[dir=rtl] .refurbish table td p {
  text-align: right
}

html[dir=rtl] .privacy-legal .privacy-details .details-list td ul {
  margin-left: 0;
  margin-right: 20px
}

html[dir=rtl] .privacy-legal .privacy-details .details-list td li {
  padding-left: 0;
  padding-right: 10px
}

@media (max-width:767.98px) {
  html[dir=rtl] .privacy-legal .privacy-details .details-list td ul {
      margin-left: 0;
      margin-right: 10px
  }

  html[dir=rtl] .privacy-legal .privacy-details .details-list td li {
      padding-left: 0;
      padding-right: 10px
  }
}

html[dir=rtl] .main-wrapper #kv .kv-container h1.name .line {
  direction: ltr;
}














html[dir=rtl] #header.new-nav .nav #nav-pages-slide {
text-align: right;
}

@media screen and (min-width: 1025px) {
html[dir=rtl] #header.new-nav .nav #nav-pages-slide.all-right .nav-pages-left .family-show {
  left: auto;
  right: 50vw;
}
}

@media screen and (min-width: 1025px) {
html[dir=rtl] #header.new-nav .nav .nav-pages-right .right-link::after {
  left: auto;
  right: 0;
}
}

html[dir=rtl] #header.new-nav .nav .page .family-show {
left: auto;
right: -184px;
}

html[dir=rtl] #header.new-nav .nav .page .family-show .right-link .right-link-item,
html[dir=rtl] #header.new-nav .nav .page .family-show .left-link .right-link-item,
html[dir=rtl] #header.new-nav .nav .page .family-show .action-square .right-link-item {
margin-left: 0;
margin-right: 8px;
}

html[dir=rtl] #header.new-nav .nav .page .family-show .right-link .right-link-item:first-child,
html[dir=rtl] #header.new-nav .nav .page .family-show .left-link .right-link-item:first-child,
html[dir=rtl] #header.new-nav .nav .page .family-show .action-square .right-link-item:first-child {
margin-right: 0;
}

html[dir=rtl] #header.new-nav .nav .page .family-show .right-link .left-link-item,
html[dir=rtl] #header.new-nav .nav .page .family-show .left-link .left-link-item,
html[dir=rtl] #header.new-nav .nav .page .family-show .action-square .left-link-item {
margin-left: 0;
margin-right: 16px;
flex-direction: row-reverse;
}

html[dir=rtl] #header.new-nav .nav .page .family-show .right-link .left-link-item:first-child,
html[dir=rtl] #header.new-nav .nav .page .family-show .left-link .left-link-item:first-child,
html[dir=rtl] #header.new-nav .nav .page .family-show .action-square .left-link-item:first-child {
margin-right: 0;
}

@media screen and (max-width: 650px) {
html[dir=rtl] #header.new-nav .nav .page .family-show .right-link .left-link-item,
html[dir=rtl] #header.new-nav .nav .page .family-show .left-link .left-link-item,
html[dir=rtl] #header.new-nav .nav .page .family-show .action-square .left-link-item {
  margin-right: 0;
}
}

@media screen and (min-width: 1025px) {
html[dir=rtl] #header.new-nav .nav .page .family-slide-trigger::after {
  left: auto;
  right: 12px;
}
}

html[dir=rtl] #header.new-nav .nav .page > a.family-slide-trigger .arrow-down {
right: 0;
left: 4px;
}

html[dir=rtl] #header.new-nav .nav .xs-card-warper {
right: auto;
left: 0;
}

@media screen and (min-width: 651px) and (max-width: 1024px) {
html[dir=rtl] #header.new-nav .nav .nav-left .show-menu {
  left: auto;
  right: 24px;
}
}

@media screen and (max-width: 650px) {
html[dir=rtl] #header.new-nav .nav .nav-left .show-menu {
  left: auto;
  right: 16px;
}
}

html[dir=rtl] #header.new-nav .nav .nav-right {
  margin-left: 0;
  margin-right: 8px;
}

@media screen and (min-width: 651px) and (max-width: 1024px) {
html[dir=rtl] #header.new-nav .nav .nav-right {
  right: auto;
  left: 24px;
}
}

@media screen and (max-width: 650px) {
html[dir=rtl] #header.new-nav .nav .nav-right {
  right: auto;
  left: 16px;
}
}

html[dir=rtl] #header.new-nav .nav .nav-right li:last-child .user-info {
right: auto;
left: -64px;
}

@media screen and (max-width: 1024px) {
html[dir=rtl] #header.new-nav .shop-basket .shop-bag__icon::after {
  left: auto;
  right: 0;
}
}

html[dir=rtl] #header.new-nav .cart-warper {
right: auto;
left: 0;
}

@media screen and (max-width: 1024px) {
html[dir=rtl] #header.new-nav .cart-warper {
  left: -16px;
}
}

@media screen and (min-width: 651px) and (max-width: 1024px) {
html[dir=rtl] #header.new-nav .cart-warper {
  left: -24px;
}
}

html[dir=rtl] #header.new-nav .cart-warper .basket-info-nav .basket-main .minicart-container .cart-products .products-link a .cart-item-warper {
padding: 12px 8px 12px 24px;
}

html[dir=rtl] #header.new-nav .cart-warper .basket-info-nav .basket-main .minicart-container .cart-products .products-link a .cart-item-warper .td-image {
margin-right: 0;
margin-left: 12px;
}

html[dir=rtl] #header.new-nav .cart-warper .basket-info-nav .basket-main .minicart-container .cart-products .products-link a .cart-item-warper .cart-item-info .item-price-info {
width: 100%;
}

html[dir=rtl] #header.new-nav .cart-warper .basket-info-nav .basket-main .minicart-container .cart-products .products-link a .cart-item-warper .cart-item-info .cart-item-name {
text-align: right;
}

html[dir=rtl] #header.new-nav .cart-warper .basket-info-nav .basket-main .minicart-container .cart-products .products-link a .cart-item-warper .cart-item-info .cart-item-name > div {
display: flex;
align-items: baseline;
}

html[dir=rtl] #header.new-nav .cart-warper .basket-info-nav .basket-main .minicart-container .cart-products .products-link a .cart-item-warper .cart-item-info .main-item {
align-items: flex-start;
}

html[dir=rtl] #header.new-nav .cart-warper .basket-info-nav .basket-main .minicart-container .cart-products .products-link a .cart-item-warper .cart-item-info .tag-gift-tag {
margin-left: 0;
margin-right: 4px;
}

html[dir=rtl] #header.new-nav .cart-warper .cart-free-limit {
text-align: right;
}

html[dir=rtl] #header.new-nav .user-info-nav .user-info-content .user-info--left {
margin-right: 0;
margin-left: 12px;
}

html[dir=rtl] #header.new-nav .user-info-nav .user-info-content .user-info--right {
align-items: flex-start;
}

html[dir=rtl] #header.new-nav .user-info-nav .user-menu-item .user-menu-icon {
margin-right: 0;
margin-left: 8px;
}

html[dir=rtl] #header.new-nav .ico.ico-arrow-down {
transform: rotate(180deg);
}

html[dir=rtl] #header.new-nav .new-button::before {
left: auto;
right: 0;
}

html[dir=rtl] #header.new-nav .new-button::after {
right: auto;
left: 0;
}

html[dir=rtl] #header.new-nav .show-menu .icon-show-menu {
margin-left: 0;
margin-right: -9px;
}