@import url('../style.css'); @import url('https://fonts.googleapis.com/css2?family=Tajawal:wght@300;400;500;600;700;800&display=swap'); /* ========================================================================== RTL OVERRIDES — Arabic (Gulf) version of the Anon store Only physical left/right pins, margin-left/padding-left spacers and directional gradients are flipped here. Flex/grid layouts mirror automatically once dir="rtl" is set on . ========================================================================== */ /* Arabic typeface */ body{font-family:'Tajawal',sans-serif} /* Top-bar link spacing (was margin-left:16px) */ .topbar a{margin-left:0;margin-right:16px} /* Header count badge (was pushed with margin-left:auto / margin-right:-4px) */ .badge{margin-left:-4px;margin-right:auto} /* Hero secondary button gap (was margin-left:12px) */ .btn-outline{margin-left:0;margin-right:12px} /* Hero floating card — pin to the bottom-inside corner (was left:20px) */ .hero-floater{left:auto;right:20px} /* Product image badge — top-inside corner (was left:10px) */ .prod-badge{left:auto;right:10px} /* Product wishlist heart — top-outside corner (was right:10px) */ .prod-wishlist{right:auto;left:10px} /* Directional background gradients — flip the angle to mirror the light source */ .hero{background:linear-gradient(225deg,#fff5f7 0%,#fff 100%)} .deal-banner{background:linear-gradient(240deg,#212121 0%,#333 100%)}