/* The shop read from right to left: Arabic. Loaded after the theme, only for
   a visitor who chose a right-to-left language. The words that were set in
   capitals with wide spacing are left in their own shape, since Arabic has
   neither capitals nor spacing between letters. */
[dir=rtl]{text-align:right}
[dir=rtl] body,[dir=rtl] button,[dir=rtl] input,[dir=rtl] select,[dir=rtl] textarea{letter-spacing:0!important;text-transform:none!important}
[dir=rtl] .nav__link,[dir=rtl] .btn,[dir=rtl] .eyebrow,[dir=rtl] .topbar,[dir=rtl] .mega__title,[dir=rtl] .footer h5,[dir=rtl] .badge,
[dir=rtl] .breadcrumb,[dir=rtl] .filter-block__head,[dir=rtl] .summary__cat,[dir=rtl] .cat__pill,[dir=rtl] .tabs__btn,[dir=rtl] .brand__name,[dir=rtl] .drawer h4{letter-spacing:0!important;text-transform:none!important}
[dir=rtl] .breadcrumb{direction:rtl}
[dir=rtl] .breadcrumb i{transform:scaleX(-1)}
[dir=rtl] .dropdown,[dir=rtl] .mega{left:auto;right:50%;transform:translate(50%,10px)}
[dir=rtl] .nav__item:hover .dropdown,[dir=rtl] .nav__item:focus-within .dropdown,[dir=rtl] .nav__item:hover .mega{transform:translate(50%,0)}
[dir=rtl] .mega__list a:hover{padding-left:0;padding-right:5px}
[dir=rtl] .drawer--left{left:auto;right:0;transform:translateX(100%)}
[dir=rtl] .drawer--left.is-open{transform:none}
[dir=rtl] .drawer:not(.drawer--left){right:auto;left:0;transform:translateX(-100%)}
[dir=rtl] .drawer:not(.drawer--left).is-open{transform:none}
[dir=rtl] .mini-item,[dir=rtl] .assure li,[dir=rtl] .topbar__msg,[dir=rtl] .agree{flex-direction:row-reverse}
[dir=rtl] .mini-item__body,[dir=rtl] .assure li span{text-align:right}
[dir=rtl] .filter-list label{flex-direction:row-reverse;justify-content:flex-end}
[dir=rtl] .filter-list .n{margin-left:0;margin-right:auto}
[dir=rtl] .shop-toolbar__right{margin-left:0;margin-right:auto}
[dir=rtl] .gallery{grid-template-columns:1fr}
[dir=rtl] .gallery__thumbs{order:2}
[dir=rtl] .specs th,[dir=rtl] .specs td{text-align:right}
[dir=rtl] .tabs__panel.rich ul,[dir=rtl] .tabs__panel.rich ol{padding-left:0;padding-right:22px}
[dir=rtl] .form-row label,[dir=rtl] .panel,[dir=rtl] .pay-opt{text-align:right}
[dir=rtl] .wa-float{right:auto;left:22px}
[dir=rtl] .langs{margin-left:0;margin-right:16px}
[dir=rtl] .price-range__vals{flex-direction:row-reverse}
[dir=rtl] .footer-policies,[dir=rtl] .footer-bottom,[dir=rtl] .topbar__links{flex-direction:row-reverse}

/* Arabic letters sit lower and read smaller than Latin at the same size: a little bigger, a little heavier,
   and more air between the lines. The fonts themselves are the look's Arabic headings and text fonts. */
[dir=rtl] body{font-size:16px;font-weight:400;line-height:1.85}
[dir=rtl] h1,[dir=rtl] h2,[dir=rtl] h3,[dir=rtl] h4,[dir=rtl] h5,[dir=rtl] .card__title,[dir=rtl] .cat__body h4,[dir=rtl] .slide__title{font-weight:600;line-height:1.3;letter-spacing:0}
[dir=rtl] .eyebrow,[dir=rtl] .topbar,[dir=rtl] .nav__link,[dir=rtl] .mega__title,[dir=rtl] .breadcrumb,[dir=rtl] .footer h5,[dir=rtl] .filter-block__head,
[dir=rtl] .tabs__btn,[dir=rtl] .summary__cat,[dir=rtl] .card__cat{font-size:13.5px;font-weight:500}
[dir=rtl] .badge{font-size:11px;font-weight:500}
[dir=rtl] .btn{font-size:14.5px;font-weight:500}
[dir=rtl] .mega__list a,[dir=rtl] .filter-list label,[dir=rtl] .footer-links a{font-size:15px}
[dir=rtl] .slide__text{font-size:18px}
[dir=rtl] .card__price{font-size:16px}

/* The arrows over the pictures point the way the page reads. */
[dir=rtl] .gallery__nav svg,[dir=rtl] .lightbox__nav svg{transform:scaleX(-1)}
[dir=rtl] .card__title[dir=auto],[dir=rtl] .summary h1[dir=auto],[dir=rtl] .summary__desc[dir=auto],[dir=rtl] .set__name[dir=auto],
[dir=rtl] .mini-item__title[dir=auto],[dir=rtl] .cart-prod__name[dir=auto],[dir=rtl] .order-item__name[dir=auto]{text-align:right}