/* Arabic typography, logical layout and isolated mixed-script values. */
html[dir=rtl]{--font:"Segoe UI",Tahoma,Arial,sans-serif;--heading:"Segoe UI",Tahoma,Arial,sans-serif}
html[dir=rtl] body{font-family:var(--font);font-size:15px;line-height:1.9}
html[dir=rtl] :is(h1,h2,h3,h4,p,span,a,button,summary,label,th,td){letter-spacing:normal}
html[dir=rtl] :is(h1,h2,h3,h4){font-family:var(--heading);line-height:1.55}
html[dir=rtl] :is(p,li,summary,th,td){overflow-wrap:anywhere}
html[dir=rtl] :is(ul,ol){padding-inline-start:22px;padding-inline-end:0}
html[dir=rtl] .article-body li{padding-left:0;padding-right:4px}
html[dir=rtl] .header-actions{margin-left:0;margin-right:auto}
html[dir=rtl] .desktop-nav{font-size:13px;gap:18px}
html[dir=rtl] .desktop-nav>a[aria-current]:after{left:auto;right:0}
html[dir=rtl] .logo{direction:ltr;unicode-bidi:isolate}
html[dir=rtl] .language-switch>nav{right:auto;left:0}
html[dir=rtl] .language-switch a[dir=ltr]{text-align:left}
html[dir=rtl] .language-switch a[dir=rtl]{text-align:right}
html[dir=rtl] .currency-label select{direction:ltr;unicode-bidi:isolate}
html[dir=rtl] .icon-arrow{transform:scaleX(-1)}
html[dir=rtl] .hero.hero{background-image:none;isolation:isolate}
html[dir=rtl] .hero.hero:before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background-image:linear-gradient(90deg,rgba(18,10,36,.18),rgba(18,10,36,.08) 44%,transparent 65%),linear-gradient(0deg,#120d25 0%,transparent 15%,transparent 87%,rgba(18,13,37,.28) 100%),url('/assets/halloween-hero.webp');background-size:cover;background-repeat:no-repeat;background-position:center center;transform:scaleX(-1)}
html[dir=rtl] .hero .hero-inner{position:relative;z-index:1}
html[dir=rtl] .hero.hero h1{font-size:clamp(36px,3.8vw,56px);line-height:1.5;letter-spacing:0}
html[dir=rtl] .hero .hero-kicker{white-space:normal;flex-wrap:wrap;font-size:11px;line-height:1.8}
html[dir=rtl] .hero-kicker>span:last-child{margin-left:0;margin-right:3px;font-size:9px}
html[dir=rtl] .hero .hero-description{font-size:15px;line-height:2}
html[dir=rtl] .hero .hero-steps>div:after{left:0;right:35px}
html[dir=rtl] .hero .hero-steps b{margin-right:0;margin-left:5px;direction:ltr;unicode-bidi:isolate}
html[dir=rtl] .hero .hero-steps>div>span{font-size:12px}
html[dir=rtl] .hero .hero-steps small{font-size:11px}
html[dir=rtl] .stats-inner>div+div{border-left:0;border-right:1px solid #3b2b4c;padding-left:0;padding-right:27px}
html[dir=rtl] .stats-inner>div{font-size:12px}
html[dir=rtl] .category-tile strong{font-size:12px;line-height:1.8}
html[dir=rtl] .category-tile>span:last-child{font-size:11px}
html[dir=rtl] .product-info h3{font-size:13px;line-height:1.9;height:auto;min-height:49px;-webkit-line-clamp:3}
html[dir=rtl] .product-category{font-size:10px;line-height:1.8}
html[dir=rtl] .qc-note{font-size:10px;unicode-bidi:plaintext}
html[dir=rtl] .price{display:inline-block;direction:ltr;unicode-bidi:isolate;letter-spacing:0}
html[dir=rtl] input[type=number]{direction:ltr;text-align:left;unicode-bidi:isolate}
html[dir=rtl] .save-button{right:auto;left:11px}
html[dir=rtl] .image-badge{left:auto;right:10px;font-size:10px;max-width:calc(100% - 20px)}
html[dir=rtl] .story-photo-label{left:auto;right:15px;letter-spacing:0}
html[dir=rtl] .story-photo-open{right:auto;left:15px}
html[dir=rtl] .story-card .story-photo-label{left:auto;right:10px}
html[dir=rtl] .story-card .story-photo-open{right:auto;left:10px}
html[dir=rtl] [data-original-title]{direction:ltr;unicode-bidi:isolate;text-align:left}
html[dir=rtl] .directory-table{direction:rtl;text-align:right}
html[dir=rtl] .directory-table caption{text-align:right}
html[dir=rtl] .directory-table :is(th,td){line-height:1.9}
html[dir=rtl] .directory-table thead th{font-size:12px}
html[dir=rtl] .page-jump-links{right:auto;left:0}
html[dir=rtl] .page-jump{margin-left:0;margin-right:auto}
html[dir=rtl] .article-body :is(p,ul){font-size:15px;line-height:2.1}
html[dir=rtl] .footer-grid>div>h3{font-size:12px}
html[dir=rtl] .footer-grid>div:not(:first-child)>a{font-size:12px}
html[dir=rtl] .footer-grid a .icon{margin-left:0;margin-right:3px}
@media(min-width:1600px){html[dir=rtl] .hero.hero:before{background-position:center 54%}}
@media(max-width:1199px){html[dir=rtl] .hero.hero:before{background-position:54% center}}
@media(max-width:1000px){html[dir=rtl] .hero.hero:before{background-position:56% center;background-image:linear-gradient(90deg,rgba(18,10,36,.42),rgba(18,10,36,.18) 54%,transparent 79%),linear-gradient(0deg,#120d25 0%,transparent 18%),url('/assets/halloween-hero.webp')}html[dir=rtl] .hero .hero-description{font-size:14px}}
@media(max-width:700px){
 html[dir=rtl] .hero.hero:before{background-size:auto 355px;background-position:70% bottom;background-image:linear-gradient(180deg,#140c29 0%,rgba(20,12,41,.96) 35%,rgba(20,12,41,.24) 67%,rgba(18,13,37,.12) 88%,#120d25 100%),url('/assets/halloween-hero-mobile.webp')}
 html[dir=rtl] .hero.hero h1{font-size:34px;line-height:1.55}
 html[dir=rtl] .hero .hero-kicker{font-size:10px}
 html[dir=rtl] .hero .hero-steps>div:after{left:0;right:27px}
 html[dir=rtl] .hero .hero-steps>div>span{font-size:10px}
 html[dir=rtl] .hero .hero-steps small{font-size:10px}
 html[dir=rtl] .hero-kicker>span:last-child{margin-right:auto}
 html[dir=rtl] .stats-inner>div+div{border:0;padding-right:0}
 html[dir=rtl] .stats-inner>div:nth-child(2n){border-right:1px solid #42304f;padding-left:0;padding-right:14px}
 html[dir=rtl] .category-tile strong{font-size:11px}
 html[dir=rtl] .category-tile>span:last-child{font-size:9px}
 html[dir=rtl] .product-info h3{font-size:12px;min-height:46px}
 html[dir=rtl] .image-badge{right:6px;font-size:8px;max-width:calc(100% - 12px)}
 html[dir=rtl] .save-button{left:8px}
}