/* rtl.css - Arabic (dir=rtl) overrides ONLY. Most spacing already uses logical properties (margin-inline etc). */
[dir=rtl] body{line-height:1.8}
[dir=rtl] .eyebrow,[dir=rtl] .lab,[dir=rtl] .fbar-k,[dir=rtl] .chip,[dir=rtl] .pc-badge,[dir=rtl] .vp-badge,[dir=rtl] .vp-chips .vp-lab,[dir=rtl] .sel select,
[dir=rtl] .spec-r span,[dir=rtl] .inforows span,[dir=rtl] .sv-c small,[dir=rtl] .num{letter-spacing:0;text-transform:none}
[dir=rtl] .eyebrow{font-size:.85rem}[dir=rtl] .lab{font-size:.85rem}
[dir=rtl] .chip,[dir=rtl] .fbar-k,[dir=rtl] .sel select{font-size:.8rem}
[dir=rtl] .vp-chips .vp-lab{font-size:.78rem}[dir=rtl] .pc-badge{font-size:.72rem}
[dir=rtl] .logo-t small,[dir=rtl] .topbar{letter-spacing:.04em}
[dir=rtl] .hero::before{background-position:left center}
[dir=rtl] .hero::after{background:linear-gradient(270deg,#FBF6EF 0,#FBF6EFcc 38%,#FBF6EF00 70%)}
@media(max-width:700px){[dir=rtl] .hero::before{background-position:left top}[dir=rtl] .hero::after{background:linear-gradient(180deg,#FBF6EF00 0,#FBF6EF00 120px,#FBF6EF 250px)}}
[dir=rtl] .sel select{padding-inline:16px 34px}
[dir=rtl] .shop-h h1{line-height:1.35}
/* home */
[dir=rtl] .btn-offset,[dir=rtl] .tl-facts small,[dir=rtl] .hfaq-k,[dir=rtl] .hbanner-k{letter-spacing:0;text-transform:none}
[dir=rtl] .btn-offset{font-size:.95rem}[dir=rtl] .tl-facts small{font-size:.62rem}[dir=rtl] .hfaq summary,[dir=rtl] .hfaq h2{font-weight:700}[dir=rtl] .hfaq summary{font-size:1rem}
[dir=rtl] .tl-art img{transform:scaleX(-1)}
[dir=rtl] .tl-more{font-size:.78rem}