/* ================================
   RTL (Right-to-Left) Stylesheet
   For Arabic Language Support
   ================================ */

/* Arabic Font */
@import url('https://fonts.googleapis.com/css2?family=Tajawal:wght@300;400;500;700;800;900&display=swap');

/* RTL Styles - Only apply when Odoo sets o_rtl class on #wrapwrap */
#wrapwrap.o_rtl {
	direction: rtl;
}

/* Step Indicator RTL Support - Custom Build Progress Bar */
#wrapwrap.o_rtl .step-indicator::before {
	inset: 0 0 0 auto !important; /* Position from right instead of left */
	background: linear-gradient(270deg, #1748ff 0%, #5a33ff 35%, #a8217b 70%, #ff0000 100%) !important; /* Reverse gradient direction */
}

#wrapwrap.o_rtl .step-indicator.blue::before {
	background: var(--color-primary) !important;
}

/* Critical RTL Navigation Styles - Load Immediately */
/* Ensure navigation is RTL from the start to prevent flash */
#wrapwrap.o_rtl .nav {
	direction: rtl !important;
	text-align: right !important;
	position: fixed !important;
	top: calc(var(--header-height) + 15px) !important; /* Desktop default */
	left: 0 !important;
	right: 0 !important;
	width: 100% !important;
	z-index: 999 !important;
	background: var(--color-white) !important;
	height: var(--nav-height) !important;
	border-bottom: 1px solid var(--color-black) !important;
}

#wrapwrap.o_rtl .nav-container {
	direction: rtl !important;
	text-align: right !important;
	justify-content: flex-end !important;
	overflow: hidden !important;
	position: relative !important;
}

/* Reserve space for nav-more-toggle button in mobile (left side for RTL) */
@media (max-width: 768px) {
	/* Match English mobile nav top positioning - must override base rule */
	#wrapwrap.o_rtl .nav {
		top: calc(var(--header-height) - 0px) !important;
		position: fixed !important;
	}


	#wrapwrap.o_rtl .nav-item {
		flex-shrink: 1 !important;
		min-width: 0 !important;
	}

	#wrapwrap.o_rtl .nav-link {
		max-width: 100% !important;
		overflow: hidden !important;
		text-overflow: ellipsis !important;
		white-space: nowrap !important;
	}
}


/* Fix: The selector #wrapwrap.o_rtl body is invalid (body is parent, not child) */
/* Ensure body/html overflow is handled in RTL mode on mobile Android */
@media (max-width: 768px) {
	/* Use :has() selector for modern browsers to target body when it contains RTL wrapwrap */
	body:has(#wrapwrap.o_rtl),
	html:has(#wrapwrap.o_rtl) {
		overflow-x: hidden !important;
	}

	/* Ensure wrapwrap itself doesn't cause overflow */
	#wrapwrap.o_rtl {
		overflow-x: hidden !important;
		max-width: 100vw !important;
		width: 100% !important;
	}
}

/* Note: #wrapwrap.o_rtl body selector below is invalid but kept for reference */
/* Body styles should be applied via :has() selector above or body.o_rtl class */
body.o_rtl {
	text-align: right;
	font-family: 'Tajawal', sans-serif !important;
}

/* Header */
#wrapwrap.o_rtl .header-container {
	flex-direction: row-reverse;
	gap: 14px;
}
@media (max-width: 768px){
	#wrapwrap.o_rtl .header-container {
		gap: 2px;
	}
}

#wrapwrap.o_rtl .logo {
	order: 3;
	margin-right: 0;
	margin-left: 0;
}

#wrapwrap.o_rtl .search-bar {
	order: 2;
	direction: rtl;
}

#wrapwrap.o_rtl .search-icon {
	right: auto;
	left: 16px;
}

#wrapwrap.o_rtl .clear-search {
	left: auto;
	right: 16px;
}

#wrapwrap.o_rtl .result-card__media,
#wrapwrap.o_rtl .result-card__media img {
	margin-right: 0;
}

#wrapwrap.o_rtl .header-container {
	overflow: visible !important;
	padding-left: 20px !important;
	padding-right: 20px !important;
}

#wrapwrap.o_rtl .header-actions {
	order: 1;
	/*flex-direction: row-reverse;*/
	overflow: visible !important;
	flex-wrap: nowrap !important;
	flex-shrink: 0 !important;
	min-width: 0 !important;
}

/* Header Language Selector RTL */
#wrapwrap.o_rtl .header-language-selector .js_language_selector .dropdown-menu {
	right: auto !important;
	left: 0 !important;
	text-align: right !important;
}

#wrapwrap.o_rtl .header-language-selector .js_language_selector .dropdown-item {
	text-align: right !important;
	justify-content: flex-end !important;
}

/* Language toggle link RTL alignment */
#wrapwrap.o_rtl .header-language-selector {
	flex-shrink: 0 !important;
	min-width: 0 !important;
	overflow: visible !important;
}

#wrapwrap.o_rtl .header-language-selector .js_language_selector {
	flex-shrink: 0 !important;
	min-width: 0 !important;
	overflow: visible !important;
}

#wrapwrap.o_rtl .header-language-selector .js_language_selector .language-toggle-link {
	direction: ltr !important; /* Keep LTR for flag display */
	text-align: center !important;
	justify-content: center !important;
	margin: 0 !important;
	padding: 0 !important;
	flex-shrink: 0 !important;
	min-width: 0 !important;
	overflow: visible !important;
	display: flex !important;
	visibility: visible !important;
	opacity: 1 !important;
	width: auto !important;
	height: auto !important;
}

#wrapwrap.o_rtl .header-language-selector .js_language_selector .language-toggle-link .language-flag,
#wrapwrap.o_rtl .header-language-selector .js_language_selector .language-toggle-link .language-text {
	direction: ltr !important; /* Keep text in LTR direction for proper display */
	display: inline-block !important;
	flex-shrink: 0 !important;
	font-size: inherit !important;
	line-height: 1.2 !important;
	font-weight: inherit !important;
	white-space: nowrap !important;
	overflow: visible !important;
	visibility: visible !important;
	opacity: 1 !important;
	width: auto !important;
	height: auto !important;
	font-size: 13px !important;
	line-height: 2 !important;
}

#wrapwrap.o_rtl .mobile-back {
	order: 1;
}

#wrapwrap.o_rtl .mobile-close {
	order: 4;
}

/* Navigation */
/* Navigation - Main Element */
#wrapwrap.o_rtl .nav {
	direction: rtl !important;
	text-align: right !important;
}

/* Navigation Container */
#wrapwrap.o_rtl .nav-container {
	flex-direction: row-reverses !important;
	justify-content: flex-end !important;
	direction: ltr !important;
	text-align: right !important;
}

#wrapwrap.o_rtl .nav-item {
	text-align: right !important;
	direction: rtl !important;
}

#wrapwrap.o_rtl .nav-link {
	text-align: right !important;
	direction: rtl !important;
	display: flex !important;
	align-items: center !important;
	flex-direction: row-reverse !important;
	justify-content: flex-end !important;
}

/* Hide nav-more-toggle on desktop in RTL (same as main CSS) */
@media (min-width: 769px) {
	#wrapwrap.o_rtl .nav-more-toggle {
		display: none !important;
	}
}

/* RTL Navigation Order - Desktop - Reverse the menu items */
#wrapwrap.o_rtl .nav-item:nth-child(1) {
	order: 7 !important;
}
#wrapwrap.o_rtl .nav-item:nth-child(2) {
	order: 6 !important;
}
#wrapwrap.o_rtl .nav-item:nth-child(3) {
	order: 5 !important;
}
#wrapwrap.o_rtl .nav-item:nth-child(4) {
	order: 4 !important;
}
#wrapwrap.o_rtl .nav-item:nth-child(5) {
	order: 3 !important;
}
#wrapwrap.o_rtl .nav-item:nth-child(6) {
	order: 2 !important;
}
#wrapwrap.o_rtl .nav-item:nth-child(7) {
	order: 1 !important;
}

#wrapwrap.o_rtl .nav-link .dropdown-arrow {
	margin-left: 8px !important;
	margin-right: 0 !important;
	order: -1;
}

#wrapwrap.o_rtl .dropdown-arrow {
	margin-left: 8px !important;
	margin-right: 0 !important;
}

#wrapwrap.o_rtl .dropdown-arrow svg {
	transform: scaleX(-1);
}

/* Mega Menu */
#wrapwrap.o_rtl .mega-menu {
	left: 0 !important;
	right: 0 !important;
	overflow-x: hidden !important;
	direction: rtl !important;
	text-align: right !important;
}

#wrapwrap.o_rtl .mega-menu-container {
	direction: rtl !important;
	text-align: right !important;
}

#wrapwrap.o_rtl .mega-menu-grid {
	direction: rtl !important;
	text-align: right !important;
}

#wrapwrap.o_rtl .mega-menu-sidebar {
	text-align: right !important;
	direction: rtl !important;
	margin-right: 0 !important;
	margin-left: auto !important;
}

#wrapwrap.o_rtl .mega-menu-sidebar p {
	text-align: right !important;
	direction: rtl !important;
}

#wrapwrap.o_rtl .mega-menu-sidebar .link-arrow {
	flex-direction: row-reverse !important;
	justify-content: flex-end !important;
	text-align: right !important;
	direction: rtl !important;
}

#wrapwrap.o_rtl .mega-menu-sidebar .link-arrow svg {
	margin-right: 8px !important;
	margin-left: 0 !important;
	order: -1 !important;
}

#wrapwrap.o_rtl .mega-menu-item {
	text-align: right !important;
	direction: rtl !important;
}

#wrapwrap.o_rtl .mega-menu-item img {
	margin-right: 0 !important;
	margin-left: 0 !important;
}

#wrapwrap.o_rtl .mega-menu-item p {
	text-align: right !important;
	direction: rtl !important;
}

/* Arrows */
#wrapwrap.o_rtl .arrow-long,
#wrapwrap.o_rtl .products-see-all svg {
	transform: scaleX(-1);
}

#wrapwrap.o_rtl .link-arrow:hover .arrow-long {
	transform: scaleX(-1) translateX(-3px) !important;
}

/* Carousel */
#wrapwrap.o_rtl .carousel-controls {
	flex-direction: row-reverse;
}

#wrapwrap.o_rtl .ctrl-prev .ctrl-icon {
	transform: scaleX(-1);
}

#wrapwrap.o_rtl .ctrl-next .ctrl-icon {
	transform: scaleX(-1);
}

#wrapwrap.o_rtl .carousel-dots {
	direction: ltr;
	flex-direction: row-reverse;
}

/* Category Carousel Controls - RTL Support */
@media (max-width: 768px) {
	#wrapwrap.o_rtl .ctrl-box-prev-category {
		position: absolute !important;
		right: 85% !important;
		bottom: 0px !important;
	}

	#wrapwrap.o_rtl .ctrl-box-next-category {
		position: absolute !important;
		right: -50px !important;
		bottom: 0px !important;
	}
}

/* Quick Links */
#wrapwrap.o_rtl .quick-links-container {
	direction: rtl;
}

/* Products */
#wrapwrap.o_rtl .featured-products-grid {
  direction: rtl;
}

#wrapwrap.o_rtl .collection-grid {
	direction: rtl;
}

@media (min-width: 1025px) {
	#wrapwrap.o_rtl .collection-grid-upgrades {
		justify-self: end;
	}
}

#wrapwrap.o_rtl .collection-media .Ibadge-wrap {
	right: auto;
	left: 0px;
}

#wrapwrap.o_rtl .collection-upgrade-badge {
	direction: rtl;
}

#wrapwrap.o_rtl .collection-content {
	text-align: right;
}

#wrapwrap.o_rtl .collection-header {
	text-align: right;
}

#wrapwrap.o_rtl .featured-products-grid {
	direction: rtl;
}

#wrapwrap.o_rtl .product-card-body {
	text-align: right;
}

#wrapwrap.o_rtl .product-content {
	text-align: right;
}

#wrapwrap.o_rtl .product__body {
	text-align: right;
}

#wrapwrap.o_rtl .product__meta {
	left: auto;
	right: 16px;
}

#wrapwrap.o_rtl .wish {
	right: auto;
	left: 16px;
}

#wrapwrap.o_rtl .product__actions {
	gap: 8px !important;
}

#wrapwrap.o_rtl .product__actions button {
	margin-left: 0 !important;
	margin-right: 0 !important;
}

/* RTL-specific clip-path for 'See Details' button (arrow on left side) */
#wrapwrap.o_rtl .product__actions .btn-see-details,
[dir="rtl"] .product__actions .btn-see-details {
	clip-path: polygon(15% 0, 100% 0, 100% 100%, 0 100%, 0 50%);
}

/* Featured Panels */
#wrapwrap.o_rtl .featured-panels__grid {
	direction: rtl;
}

#wrapwrap.o_rtl .featured-panels__bar {
	text-align: right;
}

#wrapwrap.o_rtl .featured-panels__title {
	text-align: right;
}

#wrapwrap.o_rtl .featured-see-all {
	right: auto;
	left: 0px;
}

#wrapwrap.o_rtl .featured-panels .badge-wrap {
	left: auto;
	right: 0px;
}

#wrapwrap.o_rtl .featured-panels .badge {
	clip-path: polygon(0 0, 100% 0, 100% 100%, 10px 100%, 0 calc(100% - 10px));
}

#wrapwrap.o_rtl .featured-panels .badge span {
	padding: 0 4px 0 20px;
}

/* Benefits */
#wrapwrap.o_rtl .benefit__inner {
	text-align: right;
}

#wrapwrap.o_rtl .benefit__icon {
	margin-right: 0;
	margin-left: auto;
}

/* Gaming Community */
#wrapwrap.o_rtl .gc-head {
	text-align: right;
}

#wrapwrap.o_rtl .gc-grid {
	direction: rtl;
}

#wrapwrap.o_rtl .news-body {
	text-align: right;
}

#wrapwrap.o_rtl .thread-body {
	text-align: right;
}

#wrapwrap.o_rtl .forum-foot {
	text-align: right;
}

/* Footer */
#wrapwrap.o_rtl .footer-content {
	direction: rtl;
}

#wrapwrap.o_rtl .footer-links {
	flex-direction: row-reverse;
}

#wrapwrap.o_rtl .footer-column {
	text-align: right;
}

#wrapwrap.o_rtl .footer-column ul {
	text-align: right;
}

#wrapwrap.o_rtl .company-info {
	text-align: right;
}

#wrapwrap.o_rtl .contact-info {
	text-align: left;
}

#wrapwrap.o_rtl .contact-info p {
	text-align: left;
}

#wrapwrap.o_rtl .social-links {
	flex-direction: row-reverse;
}

#wrapwrap.o_rtl .social-links a:nth-child(1) {
	order: 7;
}
#wrapwrap.o_rtl .social-links a:nth-child(2) {
	order: 6;
}
#wrapwrap.o_rtl .social-links a:nth-child(3) {
	order: 5;
}
#wrapwrap.o_rtl .social-links a:nth-child(4) {
	order: 4;
}
#wrapwrap.o_rtl .social-links a:nth-child(5) {
	order: 3;
}
#wrapwrap.o_rtl .social-links a:nth-child(6) {
	order: 2;
}
#wrapwrap.o_rtl .social-links a:nth-child(7) {
	order: 1;
}

#wrapwrap.o_rtl .footer-bottom {
	flex-direction: row-reverse;
}

#wrapwrap.o_rtl .footer-bottom-links {
	flex-direction: row-reverse;
}

#wrapwrap.o_rtl .footer-bottom-links a {
	margin-left: 0;
	margin-right: 24px;
}

#wrapwrap.o_rtl .footer-bottom-links a:last-child {
	margin-right: 0;
}

/* Search Panel */
#wrapwrap.o_rtl .search-panel {
	direction: rtl;
	text-align: right;
}

#wrapwrap.o_rtl .search-suggest {
	text-align: right;
}

#wrapwrap.o_rtl .search-panel__all {
	text-align: right;
}

/* Mobile Menu */
#wrapwrap.o_rtl .mobile-back {
	right: auto;
	left: 16px;
}

#wrapwrap.o_rtl .mobile-close {
	left: auto;
	right: 16px;
}

/* CTA Section */
#wrapwrap.o_rtl .cta-title,
#wrapwrap.o_rtl .cta-subtitle {
	text-align: center;
}
/*
#wrapwrap.o_rtl .cta-buttons {
	flex-direction: row-reverse;
}*/

#wrapwrap.o_rtl .cta-buttons .btn {
	margin-left: 0;
	margin-right: 16px;
}

#wrapwrap.o_rtl .cta-buttons .btn:last-child {
	margin-right: 0;
}

/* Quiz Hero */
#wrapwrap.o_rtl .quiz-hero {
	background-position: left center !important;
	transform: scaleX(-1);
}

#wrapwrap.o_rtl .quiz-hero__inner {
	transform: scaleX(-1);
}

#wrapwrap.o_rtl .quiz-hero__title {
	text-align: right;
}

#wrapwrap.o_rtl .quiz-hero__lead {
	text-align: right;
}

#wrapwrap.o_rtl .quiz-hero__actions {
	direction: ltr;
	justify-content: flex-end;
}

#wrapwrap.o_rtl .deals__head h3 {
	text-align: right;
}

/* News Meta */
#wrapwrap.o_rtl .news-meta {
	flex-direction: row-reverse;
	justify-content: flex-end;
}

#wrapwrap.o_rtl .meta {
	margin-left: 0;
	margin-right: 24px;
}

#wrapwrap.o_rtl .meta:last-child {
	margin-right: 0;
}

/* Badge */
#wrapwrap.o_rtl .badge-wrap {
	left: auto;
	right: 16px;
}

/* Link Cards */
#wrapwrap.o_rtl .link-card {
	text-align: center;
	direction: rtl;
}

/* Link Card Image RTL */
#wrapwrap.o_rtl .link-card img {
	margin-right: 0;
	margin-left: 10px;
}

/* Link Card Button RTL - Flip clip-path for RTL (slanted edge on left) */
#wrapwrap.o_rtl .link-card .btn-shape {
	direction: rtl;
	text-align: right;
	clip-path: polygon(100% 0, 100% 100%, 0 100%, 0 50%, 15% 0) !important;
	padding: 18px 24px 18px 32px !important;
}

/* Shape Border RTL - Flip clip-path for RTL (slanted edge on left) */
#wrapwrap.o_rtl .link-card .shape-border {
	clip-path: polygon(100% 0, 100% 100%, 0 100%, 0 calc(50% - 1px), calc(15% - 1px) 0) !important;
	padding-right: 0 !important;
	padding-left: 1px !important;
}

/* Forms */
#wrapwrap.o_rtl input[type='text'],
#wrapwrap.o_rtl input[type='email'],
#wrapwrap.o_rtl input[type='password'],
#wrapwrap.o_rtl textarea {
	direction: rtl;
	text-align: right;
}

/* Buttons */
#wrapwrap.o_rtl button img,
#wrapwrap.o_rtl a img {
	margin-left: 0;
	margin-right: 0;
}

/* Reverse clip-path for btn-primary in RTL */
#wrapwrap.o_rtl .btn-primary {
	clip-path: polygon(100% 0, 15% 0, 0 50%, 0 100%, 100% 100%) !important;
	padding: 12px 24px 12px 32px !important;
}

#wrapwrap.o_rtl .btn--icon img {
	margin-left: 0 !important;
	margin-right: 0 !important;
}

/* Auth Page Buttons - Center icons properly */
#wrapwrap.o_rtl .btn-other {
	padding: 0 16px !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
}

#wrapwrap.o_rtl .btn-other img {
	margin: 0 !important;
}

/* Arabic Logo */
#wrapwrap.o_rtl .logo {
	display: flex !important;
	align-items: center !important;
}

#wrapwrap.o_rtl .logo-desktop {
	content: url('/theme_infiniarc/static/src/logo-arabic.png');
	height: auto !important;
	max-height: 32px !important;
	width: auto !important;
	vertical-align: middle !important;
}

#wrapwrap.o_rtl .footer-logo-top img,
#wrapwrap.o_rtl .footer-logo img {
	content: url('/theme_infiniarc/static/src/logo-arabic.png');
	height: auto !important;
	max-height: 40px !important;
	width: auto !important;
}

/* Auth Pages Logo */
#wrapwrap.o_rtl .brand-logo {
	content: url('/theme_infiniarc/static/src/logo-arabic-black.svg');
	height: auto !important;
	max-height: 32px !important;
	width: auto !important;
}

#wrapwrap.o_rtl .featured-panels .Ibadge-wrap {
	position: absolute;
	top: 30px;
	/*left: 0px;*/
	right: 0px !important;
	display: flex;
	gap: 8px;
	align-items: center;
	z-index: 100;
}

#wrapwrap.o_rtl .featured-panels .Ibadge {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: #FF5F00;
  color: #fff;
  letter-spacing: .1em;
  text-transform: uppercase;
  font-weight: 300;
  clip-path: polygon(
	  0 0,
	  100% 0,
	  100% 100%,
	  10px 100%,
	  0 calc(100% - 10px)
	);
}

/* Mobile Responsive */
@media (max-width: 768px) {
	#wrapwrap.o_rtl .nav-link {
		padding: 2px 6px !important;
		font-size: 14px !important;
	}

	#wrapwrap.o_rtl .nav-more-toggle .nav-more-text {
		margin-top: -7px; !important;
	}

	#wrapwrap.o_rtl .nav-more-toggle .nav-more-text {
		font-size: 12px;
	}

	#wrapwrap.o_rtl .header-container {
		flex-direction: row !important;
		flex-wrap: wrap !important;
	}

	#wrapwrap.o_rtl .header-actions {
		order: 2 !important;
		margin-left: 0 !important;
		margin-right: auto !important;
	}

	/* Hide text in header action links, show only icons in Arabic mobile */
	#wrapwrap.o_rtl .header-actions a span,
	#wrapwrap.o_rtl .header-action-link span,
	#wrapwrap.o_rtl .o_product_panel_header_compare span {
		display: none !important;
		visibility: hidden !important;
		width: 0 !important;
		height: 0 !important;
		overflow: hidden !important;
	}

	/* Standardize all header action links in mobile RTL - cart, account, language, wishlist */
	#wrapwrap.o_rtl .header-action-link[href*="/shop/cart"],
	[dir="rtl"] .header-action-link[href*="/shop/cart"],
	#wrapwrap.o_rtl .header-action-link#accountDropdownTrigger,
	#wrapwrap.o_rtl .header-action-link.dropdown-trigger,
	[dir="rtl"] .header-action-link#accountDropdownTrigger,
	[dir="rtl"] .header-action-link.dropdown-trigger,
	#wrapwrap.o_rtl .header-action-link.language-toggle-link,
	[dir="rtl"] .header-action-link.language-toggle-link,
	#wrapwrap.o_rtl .header-action-link.o_wsale_my_wish,
	[dir="rtl"] .header-action-link.o_wsale_my_wish {
		flex-direction: column !important;
		align-items: center !important;
		justify-content: center !important;
		gap: 2px !important;
		display: flex !important;
	}

	/* Standardize icon sizes for all header action links in RTL */
	#wrapwrap.o_rtl .header-action-link[href*="/shop/cart"] img,
	[dir="rtl"] .header-action-link[href*="/shop/cart"] img,
	#wrapwrap.o_rtl .header-action-link#accountDropdownTrigger img,
	#wrapwrap.o_rtl .header-action-link.dropdown-trigger img,
	[dir="rtl"] .header-action-link#accountDropdownTrigger img,
	[dir="rtl"] .header-action-link.dropdown-trigger img,
	#wrapwrap.o_rtl .header-action-link.language-toggle-link .language-globe-icon,
	[dir="rtl"] .header-action-link.language-toggle-link .language-globe-icon,
	#wrapwrap.o_rtl .header-action-link.o_wsale_my_wish i.fa-heart,
	[dir="rtl"] .header-action-link.o_wsale_my_wish i.fa-heart {
		width: 20px !important;
		height: 20px !important;
		display: block !important;
		flex-shrink: 0 !important;
	}

	/* Standardize text styling for all header action links in RTL */
	#wrapwrap.o_rtl .header-action-link[href*="/shop/cart"] span,
	[dir="rtl"] .header-action-link[href*="/shop/cart"] span,
	#wrapwrap.o_rtl .header-action-link#accountDropdownTrigger span,
	#wrapwrap.o_rtl .header-action-link.dropdown-trigger span,
	[dir="rtl"] .header-action-link#accountDropdownTrigger span,
	[dir="rtl"] .header-action-link.dropdown-trigger span,
	#wrapwrap.o_rtl .header-action-link.language-toggle-link .language-text,
	[dir="rtl"] .header-action-link.language-toggle-link .language-text,
	#wrapwrap.o_rtl .header-action-link.o_wsale_my_wish span,
	[dir="rtl"] .header-action-link.o_wsale_my_wish span {
		display: block !important;
		visibility: visible !important;
		width: auto !important;
		height: auto !important;
		overflow: visible !important;
		font-size: 9px !important;
		font-weight: 600 !important;
		font-family: inherit !important;
		text-transform: uppercase !important;
		letter-spacing: 0.05em !important;
		color: var(--text-secondary) !important;
		line-height: 1 !important;
		margin-top: 0 !important;
		margin-bottom: 0 !important;
		padding: 0 !important;
		cursor: pointer !important;
	}

	/* Hover states for all header action links in RTL */
	#wrapwrap.o_rtl .header-action-link[href*="/shop/cart"]:hover span,
	[dir="rtl"] .header-action-link[href*="/shop/cart"]:hover span,
	#wrapwrap.o_rtl .header-action-link#accountDropdownTrigger:hover span,
	#wrapwrap.o_rtl .header-action-link.dropdown-trigger:hover span,
	[dir="rtl"] .header-action-link#accountDropdownTrigger:hover span,
	[dir="rtl"] .header-action-link.dropdown-trigger:hover span,
	#wrapwrap.o_rtl .header-action-link.language-toggle-link:hover .language-text,
	[dir="rtl"] .header-action-link.language-toggle-link:hover .language-text,
	#wrapwrap.o_rtl .header-action-link.o_wsale_my_wish:hover span,
	[dir="rtl"] .header-action-link.o_wsale_my_wish:hover span {
		color: var(--text-primary) !important;
	}

	#wrapwrap.o_rtl .header-action-link.language-toggle-link:hover .language-globe-icon,
	[dir="rtl"] .header-action-link.language-toggle-link:hover .language-globe-icon {
		color: var(--text-primary) !important;
	}

	#wrapwrap.o_rtl .header-action-link.language-toggle-link,
	[dir="rtl"] .header-action-link.language-toggle-link {
		cursor: pointer !important; /* Ensure the entire link is clickable */
	}

	/* Desktop view - same layout as mobile for RTL */
	@media (min-width: 769px) {
		/* Standardize all header action links in desktop RTL - cart, account, language */
		#wrapwrap.o_rtl .header-action-link[href*="/shop/cart"],
		[dir="rtl"] .header-action-link[href*="/shop/cart"],
		#wrapwrap.o_rtl .header-action-link#accountDropdownTrigger,
		#wrapwrap.o_rtl .header-action-link.dropdown-trigger,
		[dir="rtl"] .header-action-link#accountDropdownTrigger,
		[dir="rtl"] .header-action-link.dropdown-trigger,
		#wrapwrap.o_rtl .header-action-link.language-toggle-link,
		[dir="rtl"] .header-action-link.language-toggle-link {
			flex-direction: column !important;
			align-items: center !important;
			justify-content: center !important;
			gap: 2px !important;
			display: flex !important;
		}

		/* Standardize icon sizes for all header action links in desktop RTL */
		#wrapwrap.o_rtl .header-action-link[href*="/shop/cart"] img,
		[dir="rtl"] .header-action-link[href*="/shop/cart"] img,
		#wrapwrap.o_rtl .header-action-link#accountDropdownTrigger img,
		#wrapwrap.o_rtl .header-action-link.dropdown-trigger img,
		[dir="rtl"] .header-action-link#accountDropdownTrigger img,
		[dir="rtl"] .header-action-link.dropdown-trigger img,
		#wrapwrap.o_rtl .header-action-link.language-toggle-link .language-globe-icon,
		[dir="rtl"] .header-action-link.language-toggle-link .language-globe-icon,
		#wrapwrap.o_rtl .header-action-link.o_wsale_my_wish i.fa-heart,
		[dir="rtl"] .header-action-link.o_wsale_my_wish i.fa-heart {
			width: 20px !important;
			height: 20px !important;
			display: block !important;
			flex-shrink: 0 !important;
		}

		/* Standardize text styling for all header action links in desktop RTL (12px - match English mode) */
		#wrapwrap.o_rtl .header-action-link[href*="/shop/cart"] span,
		[dir="rtl"] .header-action-link[href*="/shop/cart"] span,
		#wrapwrap.o_rtl .header-action-link#accountDropdownTrigger span,
		#wrapwrap.o_rtl .header-action-link.dropdown-trigger span,
		[dir="rtl"] .header-action-link#accountDropdownTrigger span,
		[dir="rtl"] .header-action-link.dropdown-trigger span,
		#wrapwrap.o_rtl .header-action-link.language-toggle-link .language-text,
		[dir="rtl"] .header-action-link.language-toggle-link .language-text,
		#wrapwrap.o_rtl .header-action-link.o_wsale_my_wish span,
		[dir="rtl"] .header-action-link.o_wsale_my_wish span {
			display: block !important;
			visibility: visible !important;
			width: auto !important;
			height: auto !important;
			overflow: visible !important;
			font-size: 12px !important;
			font-weight: 600 !important;
			font-family: inherit !important;
			text-transform: uppercase !important;
			letter-spacing: 0.05em !important;
			color: var(--text-secondary) !important;
			line-height: 1 !important;
			margin-top: 0 !important;
			margin-bottom: 0 !important;
			padding: 0 !important;
			cursor: pointer !important;
		}

		/* Hover states for all header action links in desktop RTL */
		#wrapwrap.o_rtl .header-action-link[href*="/shop/cart"]:hover span,
		[dir="rtl"] .header-action-link[href*="/shop/cart"]:hover span,
		#wrapwrap.o_rtl .header-action-link#accountDropdownTrigger:hover span,
		#wrapwrap.o_rtl .header-action-link.dropdown-trigger:hover span,
		[dir="rtl"] .header-action-link#accountDropdownTrigger:hover span,
		[dir="rtl"] .header-action-link.dropdown-trigger:hover span,
		#wrapwrap.o_rtl .header-action-link.language-toggle-link:hover .language-text,
		[dir="rtl"] .header-action-link.language-toggle-link:hover .language-text,
		#wrapwrap.o_rtl .header-action-link.o_wsale_my_wish:hover span,
		[dir="rtl"] .header-action-link.o_wsale_my_wish:hover span {
			color: var(--text-primary) !important;
		}

		#wrapwrap.o_rtl .header-action-link.language-toggle-link:hover .language-globe-icon,
		[dir="rtl"] .header-action-link.language-toggle-link:hover .language-globe-icon {
			color: var(--text-primary) !important;
		}
	}

	/* Exception: Keep account dropdown text visible in RTL mobile */
	#wrapwrap.o_rtl .account-dropdown .dropdown-item span {
		display: inline !important;
		visibility: visible !important;
		width: auto !important;
		height: auto !important;
		overflow: visible !important;
		color: #6b7280 !important;
		font-size: 16px !important;
	}

	#wrapwrap.o_rtl .account-dropdown .dropdown-item:hover span,
	#wrapwrap.o_rtl .account-dropdown .dropdown-item:focus span {
		color: #111827 !important;
	}

	/* Exception: Keep language text visible */
	#wrapwrap.o_rtl .header-action-link.language-toggle-link .language-flag,
	#wrapwrap.o_rtl .header-action-link.language-toggle-link .language-text,
	#wrapwrap.o_rtl .header-language-selector .language-toggle-link .language-flag,
	#wrapwrap.o_rtl .header-language-selector .language-toggle-link .language-text {
		display: inline-block !important;
		visibility: visible !important;
		width: auto !important;
		height: auto !important;
		overflow: visible !important;
		font-size: 14px !important;
		line-height: 1.2 !important;
	}

	/* Ensure language toggle link and flag are visible in RTL mobile */
	#wrapwrap.o_rtl .header-language-selector .js_language_selector .language-toggle-link {
		display: flex !important;
		visibility: visible !important;
		opacity: 1 !important;
		width: auto !important;
		height: auto !important;
	}

	#wrapwrap.o_rtl .header-language-selector .js_language_selector .language-toggle-link .language-flag,
	#wrapwrap.o_rtl .header-language-selector .js_language_selector .language-toggle-link .language-text {
		display: inline-block !important;
		visibility: visible !important;
		opacity: 1 !important;
		width: auto !important;
		height: auto !important;
		font-size: 14px !important;
		padding: 0 !important;
		max-width: none;
		overflow: visible;
		text-overflow: clip;
		line-height: 1.2 !important;
	}

	/* Language selector text should be visible in RTL mobile */
	#wrapwrap.o_rtl .header-language-selector .js_language_selector .dropdown-toggle span {
		display: inline !important;
		visibility: visible !important;
		width: auto !important;
		height: auto !important;
	}

	/* Language toggle link RTL mobile alignment */
	#wrapwrap.o_rtl .header-language-selector {
		flex-shrink: 0 !important;
		min-width: 0 !important;
		overflow: visible !important;
		margin: 0 !important;
		padding: 0 !important;
	}

	#wrapwrap.o_rtl .header-language-selector .js_language_selector {
		flex-shrink: 0 !important;
		min-width: 0 !important;
		overflow: visible !important;
		margin: 0 !important;
		padding: 0 !important;
	}

	#wrapwrap.o_rtl .header-language-selector .js_language_selector .language-toggle-link {
		direction: ltr !important; /* Keep LTR for flag display */
		text-align: center !important;
		justify-content: center !important;
		margin: 0 !important;
		padding: 0 !important;
		flex-shrink: 0 !important;
		min-width: 0 !important;
		overflow: visible !important;
		width: auto !important;
		max-width: 100% !important;
		display: flex !important;
		visibility: visible !important;
		opacity: 1 !important;
		height: auto !important;
	}

	#wrapwrap.o_rtl .header-language-selector .js_language_selector .language-toggle-link .language-flag,
	#wrapwrap.o_rtl .header-language-selector .js_language_selector .language-toggle-link .language-text {
		direction: ltr !important; /* Keep text in LTR direction for proper display */
		font-size: 11px !important; /* Mobile font size */
		padding: 2px 4px !important;
		max-width: 60px;
		overflow: hidden;
		text-overflow: ellipsis;
		display: inline-block !important;
		flex-shrink: 0 !important;
		overflow: visible !important;
		width: auto !important;
		max-width: 100% !important;
		visibility: visible !important;
		opacity: 1 !important;
		height: auto !important;
		line-height: 1 !important;
	}

	/* Desktop: Arabic font size (12px) */
	@media (min-width: 769px) {
		#wrapwrap.o_rtl .header-language-selector .js_language_selector .language-toggle-link .language-flag,
		#wrapwrap.o_rtl .header-language-selector .js_language_selector .language-toggle-link .language-text {
			font-size: 12px !important;
		}
	}

	/* Ensure icons are visible */
	#wrapwrap.o_rtl .header-actions a img,
	#wrapwrap.o_rtl .header-action-link img,
	#wrapwrap.o_rtl .o_product_panel_header_compare img {
		display: block !important;
		width: 26px !important;
		height: 26px !important;
	}

	/* Hide dropdown arrow for account button in RTL */
	#wrapwrap.o_rtl .header-action-link#accountDropdownTrigger .dropdown-arrow,
	#wrapwrap.o_rtl .header-action-link.dropdown-trigger .dropdown-arrow,
	[dir="rtl"] .header-action-link#accountDropdownTrigger .dropdown-arrow,
	[dir="rtl"] .header-action-link.dropdown-trigger .dropdown-arrow {
		display: none !important;
	}

	/* Account dropdown RTL mobile positioning and visibility */
	#wrapwrap.o_rtl .account-dropdown {
		right: auto !important;
		left: 20px !important;
		direction: rtl !important;
		text-align: right !important;
		top: 45px;
	}

	#wrapwrap.o_rtl .account-dropdown .dropdown-item {
		direction: rtl !important;
		text-align: right !important;
		justify-content: flex-start !important;
		flex-direction: row-reverse !important;
	}

	#wrapwrap.o_rtl .account-dropdown .dropdown-item span {
		display: inline !important;
		visibility: visible !important;
		width: auto !important;
		height: auto !important;
		overflow: visible !important;
		color: #6b7280 !important;
		font-size: 16px !important;
		margin-right: 8px !important;
		margin-left: 0 !important;
	}

	#wrapwrap.o_rtl .account-dropdown .dropdown-item:hover span,
	#wrapwrap.o_rtl .account-dropdown .dropdown-item:focus span {
		color: #111827 !important;
	}

	#wrapwrap.o_rtl .logo {
		order: 1 !important;
		margin-left: auto !important;
		margin-right: 0 !important;
	}

	#wrapwrap.o_rtl .mobile-back {
		right: 0 !important;
		left: auto !important;
	}

	#wrapwrap.o_rtl .mobile-close {
		margin-left: 0 !important;
		margin-right: auto !important;
	}

	#wrapwrap.o_rtl .search-bar {
		order: 3 !important;
		width: 100% !important;
	}

	#wrapwrap.o_rtl .nav {
		direction: rtl !important;
		text-align: right !important;
		position: fixed !important;
		top: calc(var(--header-height) - 25px) !important; /* Mobile: match English positioning */
		left: 0 !important;
		right: 0 !important;
		width: 100% !important;
		z-index: 999 !important;
		background: var(--color-white) !important;
		height: var(--nav-height) !important;
		border-bottom: 1px solid var(--color-black) !important;
		/*padding-bottom: 30px;*/
	}

	#wrapwrap.o_rtl .nav-container {
		text-align: right !important;
		/*justify-content: flex-start !important;*/
		direction: ltr !important;
		overflow: hidden !important;
		position: relative !important;
		margin-top: 0px !important;
	}

	#wrapwrap.o_rtl .nav-item {
		direction: rtl !important;
		text-align: right !important;
		flex-shrink: 1 !important;
		min-width: 0 !important;
	}

	#wrapwrap.o_rtl .nav-link {
		direction: rtl !important;
		text-align: right !important;
		flex-direction: row-reverse !important;
		max-width: 100% !important;
		overflow: hidden !important;
		text-overflow: ellipsis !important;
		white-space: nowrap !important;
	}


	#wrapwrap.o_rtl .mega-menu {
		left: 0 !important;
		right: 0 !important;
		overflow-x: hidden !important;
		direction: rtl !important;
		text-align: right !important;
	}

	#wrapwrap.o_rtl .mega-menu-container {
		direction: rtl !important;
		text-align: right !important;
	}

	#wrapwrap.o_rtl .mega-menu-grid {
		direction: rtl !important;
		width: 100% !important;
		text-align: right !important;
	}

	#wrapwrap.o_rtl .mega-menu-sidebar {
		text-align: right !important;
		direction: rtl !important;
	}

	#wrapwrap.o_rtl .mega-menu-item {
		text-align: right !important;
		direction: rtl !important;
	}

	#wrapwrap.o_rtl .mega-menu-item p {
		text-align: right !important;
	}

	/* Mega Menu Mobile - RTL specific top positioning */
	@media (max-width: 768px) {
		#wrapwrap.o_rtl .mega-menu,
		[dir="rtl"] .mega-menu {
			top: calc(var(--header-height) + var(--nav-height) - 22px) !important;
		}
	}

	/* Main content margin-top for RTL - Mobile and Desktop */
	/* Higher specificity to override English rule */
	body #wrapwrap.o_rtl > main,
	body[dir="rtl"] #wrapwrap > main,
	html #wrapwrap.o_rtl > main,
	html[dir="rtl"] #wrapwrap > main {
		margin-top: calc(var(--header-height) + var(--nav-height) - 30px) !important;
	}

	/* Desktop RTL - Ensure main content margin-top */
	@media (min-width: 769px) {
		body #wrapwrap.o_rtl > main,
		body[dir="rtl"] #wrapwrap > main,
		html #wrapwrap.o_rtl > main,
		html[dir="rtl"] #wrapwrap > main {
			margin-top: calc(var(--header-height) + var(--nav-height)) !important;
		}
	}

	#wrapwrap.o_rtl .link-arrow {
		flex-direction: row-reverse !important;
		justify-content: flex-end !important;
		text-align: right !important;
	}

	#wrapwrap.o_rtl .link-arrow svg {
		margin-right: 8px !important;
		margin-left: 0 !important;
		order: -1 !important;
	}

	#wrapwrap.o_rtl .footer-links {
		flex-direction: column;
	}

	#wrapwrap.o_rtl .footer-column {
		text-align: right;
	}

	#wrapwrap.o_rtl .contact-info {
		text-align: right !important;
	}

	#wrapwrap.o_rtl .contact-info p {
		text-align: right !important;
	}

	#wrapwrap.o_rtl .footer-bottom-links {
		flex-direction: column !important;
		gap: 8px !important;
	}

	#wrapwrap.o_rtl .footer-bottom-links a {
		margin: 0 !important;
	}

	#wrapwrap.o_rtl .deals__head {
		flex-direction: row !important;
		gap: 12px !important;
		flex-wrap: wrap;
	}

	#wrapwrap.o_rtl .deals__head h3 {
		text-align: right !important;
		margin: 0 !important;
	}
}

/* Desktop nav positioning - mobile is handled in media query above */
@media (min-width: 769px) {
	#wrapwrap.o_rtl .nav {
		direction: rtl !important;
		text-align: right !important;
		position: fixed !important;
		top: calc(var(--header-height) + 15px) !important;
		left: 0 !important;
		right: 0 !important;
		width: 100% !important;
		z-index: 999 !important;
		background: var(--color-white) !important;
		height: var(--nav-height) !important;
		border-bottom: 1px solid var(--color-black) !important;
	}
}


/* Laptops menu item in RTL - second nav-item - Now visible */
/* #wrapwrap.o_rtl .nav-container .nav-item:nth-child(2),
[dir="rtl"] .nav-container .nav-item:nth-child(2) {
	display: none !important;
} */

/* RTL Navigation Order - Reverse the menu items */
#wrapwrap.o_rtl .nav-item:nth-child(1) {
	order: 7 !important;
} /* Desktops -> en sağda */
#wrapwrap.o_rtl .nav-item:nth-child(2) {
	order: 6 !important;
	/* display: none !important; */ /* Laptops - Now visible */
}
#wrapwrap.o_rtl .nav-item:nth-child(3) {
	order: 5 !important;
} /* Monitors */
#wrapwrap.o_rtl .nav-item:nth-child(4) {
	order: 4 !important;
} /* Handheld */
#wrapwrap.o_rtl .nav-item:nth-child(5) {
	order: 3 !important;
} /* Parts & Accessories */
#wrapwrap.o_rtl .nav-item:nth-child(6) {
	order: 2 !important;
} /* Community */
#wrapwrap.o_rtl .nav-item:nth-child(7) {
	order: 1 !important;
}

#wrapwrap.o_rtl .search-bar {
	direction: rtl !important;
}

#wrapwrap.o_rtl .search-icon {
	left: auto !important;
	right: 16px !important;
}

#wrapwrap.o_rtl .clear-search {
	right: auto !important;
	left: 16px !important;
}

#wrapwrap.o_rtl .search-bar input {
	padding: 5px 48px 5px 44px !important;
	text-align: right !important;
}

#wrapwrap.o_rtl .carousel-controls {
	flex-direction: row-reverse !important;
	left: auto !important;
	right: 40px !important;
}

#wrapwrap.o_rtl .carousel-nav {
	right: 40px !important;
	left: auto !important;
}

#wrapwrap.o_rtl .slider-wrapper {
	display: flex !important;
	flex-direction: row !important;
	width: 100% !important;
}

#wrapwrap.o_rtl .slider-wrapper .slide {
	min-width: 100% !important;
	width: 100% !important;
	flex-shrink: 0 !important;
}

/* Hero Slider RTL */
#wrapwrap.o_rtl .hero-slider {
	direction: rtl !important;
}

#wrapwrap.o_rtl .hero-slider-wrapper {
	display: flex !important;
	flex-direction: row !important;
	width: 100% !important;
	direction: rtl !important;
}

#wrapwrap.o_rtl .hero-slide {
	min-width: 100% !important;
	width: 100% !important;
	flex-shrink: 0 !important;
}

#wrapwrap.o_rtl .carousel-dots {
	direction: ltr !important;
	flex-direction: row-reverse !important;
}

#wrapwrap.o_rtl .ctrl-prev .ctrl-icon,
#wrapwrap.o_rtl .ctrl-next .ctrl-icon {
	transform: none !important;
}

#wrapwrap.o_rtl .slide {
	text-align: right !important;
	align-items: flex-end !important;
}

#wrapwrap.o_rtl .cta-title {
	text-align: right !important;
}

#wrapwrap.o_rtl .cta-subtitle {
	text-align: right !important;
}

/* CTA Mobile - Match English font sizes exactly in mobile view */
@media (max-width: 768px) {
	#wrapwrap.o_rtl .cta-subtitle {
		font-size: 1.5em !important;
		margin-bottom: 4px !important;
	}

	#wrapwrap.o_rtl .cta-title {
		font-size: 1.8em !important;
		margin-bottom: 2px !important;
	}
}
/*
#wrapwrap.o_rtl .cta-buttons {
	justify-content: flex-end !important;
	flex-direction: row-reverse !important;
}*/

#wrapwrap.o_rtl .cta-buttons .btn {
	margin-left: 0 !important;
	margin-right: 16px !important;
}

#wrapwrap.o_rtl .cta-buttons .btn:last-child {
	margin-right: 0 !important;
}

#wrapwrap.o_rtl .quick-links-container {
	justify-content: flex-start !important;
	direction: rtl !important;
}

/* Mobile: Make quick-links same as English mode */
@media (max-width: 768px) {
	/* Container: Same layout as English (centered, column) */
	#wrapwrap.o_rtl .quick-links-container {
		justify-content: center !important;
		flex-direction: column !important;
		direction: rtl !important;
	}

	/* Link cards: Same width and layout as English, but right-aligned content */
	#wrapwrap.o_rtl .quick-links-container .link-card {
		width: 75% !important;
		max-width: 75% !important;
		flex: 0 0 75% !important;
		box-sizing: border-box !important;
		/* RTL for content inside */
		direction: rtl !important;
	}

	/* RTL button - flip clip-path and right-align text */
	#wrapwrap.o_rtl .quick-links-container .link-card .btn-shape {
		direction: rtl !important;
		text-align: right !important;
		clip-path: polygon(100% 0, 100% 100%, 0 100%, 0 50%, 15% 0) !important;
		padding: 16px 16px 16px 24px !important;
	}

	/* Shape border RTL - flip clip-path (slanted edge on left) */
	#wrapwrap.o_rtl .quick-links-container .link-card .shape-border {
		clip-path: polygon(100% 0, 100% 100%, 0 100%, 0 calc(50% - 1px), calc(15% - 1px) 0) !important;
		padding-right: 0 !important;
		padding-left: 1px !important;
	}

	/* RTL image positioning - no margin on right, margin on left */
	#wrapwrap.o_rtl .quick-links-container .link-card img {
		margin-right: 0 !important;
		margin-left: 10px !important;
	}
}

#wrapwrap.o_rtl .deals__head {
	justify-content: space-between !important;
}

#wrapwrap.o_rtl .deals__head h3 {
	text-align: right !important;
}

#wrapwrap.o_rtl .breadcrumb .separator svg {
	transform: scaleX(-1);
}

/* Breadcrumb Mobile RTL - Add margins for better alignment */
@media (max-width: 768px) {
	#wrapwrap.o_rtl .breadcrumb {
		background: var(--color-white);
		padding: 55px 20px 10px !important;
	}

	#wrapwrap.o_rtl .breadcrumb-display {
		padding: 0 0 !important;
	}

	#wrapwrap.o_rtl .breadcrumb-container {
		padding: 0 20px !important;
	}

	/* Account Page Mobile RTL - Add margins for better alignment */
	#wrapwrap.o_rtl .account-container {
		padding: 0 20px !important;
	}

	#wrapwrap.o_rtl .account-header {
		padding: 0 !important;
	}

	#wrapwrap.o_rtl .orders-section {
		padding: 0 !important;
	}

	#wrapwrap.o_rtl .deals__head {
		padding: 0 20px !important;
	}

	#wrapwrap.o_rtl .info-grid {
		padding: 0 !important;
	}
}

/* Order arrow now uses dedicated SVG path for RTL, no transform needed */

#wrapwrap.o_rtl .dot-thumb {
	margin-left: 0 !important;
	margin-right: -10px !important;
}

#wrapwrap.o_rtl .dot-thumb:first-child {
	margin-right: 0 !important;
}

/* Track Link Arrow RTL */
#wrapwrap.o_rtl .track-link {
	flex-direction: row-reverse;
}

#wrapwrap.o_rtl .track-link svg {
	transform: scaleX(-1);
}

#wrapwrap.o_rtl .page-header {
	text-align: right;
}

#wrapwrap.o_rtl .page-title {
	text-align: right;
}

#wrapwrap.o_rtl .page-subtitle {
	text-align: right;
}

#wrapwrap.o_rtl .steps__list {
	direction: rtl;
}

#wrapwrap.o_rtl .step__label {
	text-align: right;
}

#wrapwrap.o_rtl .note {
	text-align: right;
}

#wrapwrap.o_rtl .your-build-actions {
	flex-direction: row-reverse;
	justify-content: flex-end;
}

#wrapwrap.o_rtl .your-build-actions .btn {
	margin-left: 0;
	margin-right: 16px;
}

#wrapwrap.o_rtl .your-build-actions .btn:last-child {
	margin-right: 0;
}

/* Blog Images - Fix for RTL */
#wrapwrap.o_rtl .blog-card__media img,
#wrapwrap.o_rtl .blog-mini__thumb img {
	transform-origin: center center;
	display: block;
}

#wrapwrap.o_rtl .blog-card__media,
#wrapwrap.o_rtl .blog-mini__thumb {
	display: block;
	position: relative;
}

/* Blog Arrow - Flip for RTL */
#wrapwrap.o_rtl .blog-icon-arrow {
	transform: scaleX(-1);
}

#wrapwrap.o_rtl a:hover .blog-icon-arrow {
	transform: scaleX(-1) translateX(3px);
}

/* Blog Fullbleed - Fix for RTL */
#wrapwrap.o_rtl .blog-fullbleed {
	margin-left: auto;
	margin-right: 50%;
	transform: translateX(50%);
}

/* Blog Thumbs - Keep original LTR direction for animation */
#wrapwrap.o_rtl .blog-thumbs,
#wrapwrap.o_rtl .blog-thumbs__wrapper,
#wrapwrap.o_rtl .blog-thumbs__track,
#wrapwrap.o_rtl .blog-thumbs__rail {
	direction: ltr;
}

/* Blog Detail Page - RTL Alignment */
#wrapwrap.o_rtl .blog-hero__content,
#wrapwrap.o_rtl .blog-hero__title,
#wrapwrap.o_rtl .blog-hero__meta,
#wrapwrap.o_rtl .blog-hero__lead {
	text-align: right;
}

#wrapwrap.o_rtl .blog-hero__actions {
	text-align: right;
	flex-direction: row-reverse;
	justify-content: flex-end;
}

#wrapwrap.o_rtl .blog-slice__body,
#wrapwrap.o_rtl .blog-slice__tag,
#wrapwrap.o_rtl .blog-slice__title,
#wrapwrap.o_rtl .blog-slice__text {
	text-align: right;
}

#wrapwrap.o_rtl .blog-slice__actions {
	text-align: right;
	flex-direction: row-reverse;
	justify-content: flex-end;
}

/* Blog Slice - Flip image positions for RTL */
#wrapwrap.o_rtl .blog-slice--image-left .blog-slice__media {
	order: 2;
}

#wrapwrap.o_rtl .blog-slice--image-left .blog-slice__body {
	order: 1;
}

#wrapwrap.o_rtl .blog-slice--image-right .blog-slice__media {
	order: 1;
}

#wrapwrap.o_rtl .blog-slice--image-right .blog-slice__body {
	order: 2;
}

/* Customize Page - RTL Adjustments */
#wrapwrap.o_rtl .config-header {
	flex-direction: row;
	padding-right: 50px;
	padding-left: 0;
}

/* Customize Page specific - not for find-match */
#wrapwrap.o_rtl .config-header .checkbox-custom,
#wrapwrap.o_rtl .option-card .checkbox-custom {
	position: absolute;
	top: 18px;
	right: 18px;
	left: auto;
	margin: 0;
}

/* Customize Page - Radio Buttons RTL */
#wrapwrap.o_rtl .option-card .option-card-inner::before {
	left: auto;
	right: 14px;
}

#wrapwrap.o_rtl .option-card .option-card-inner::after {
	left: auto;
	right: 21px;
}

#wrapwrap.o_rtl .option-card-inner {
	padding-right: 50px;
	padding-left: 0;
}

#wrapwrap.o_rtl .case-options .option-card-inner {
	padding-right: 0;
	padding-left: 0;
}

#wrapwrap.o_rtl .option-row-inner::before {
	left: auto;
	right: 18px;
}

#wrapwrap.o_rtl .option-row-inner::after {
	left: auto;
	right: 25px;
}

#wrapwrap.o_rtl .option-row-inner {
	padding-right: 60px;
	padding-left: 20px;
}

#wrapwrap.o_rtl .config-label {
	text-align: right;
}

#wrapwrap.o_rtl .option-details {
	text-align: right;
}

#wrapwrap.o_rtl .config-description,
#wrapwrap.o_rtl .config-specs {
	padding-right: 50px;
	padding-left: 0;
	text-align: right;
}

/* Product Detail Section - Layout and Text Alignment */
#wrapwrap.o_rtl .detail-split {
	direction: ltr;
}

#wrapwrap.o_rtl .detail-text h2,
#wrapwrap.o_rtl .detail-text p,
#wrapwrap.o_rtl .section-label,
#wrapwrap.o_rtl .processor-label,
#wrapwrap.o_rtl .gaming-performance-left h2,
#wrapwrap.o_rtl .gaming-performance-right h2 {
	text-align: right;
}

#wrapwrap.o_rtl .section-label,
#wrapwrap.o_rtl .processor-label,
#wrapwrap.o_rtl .platform-features {
	max-width: 80%;
}

#wrapwrap.o_rtl .detail-text {
	padding-right: 50px;
}

/* Gaming Performance - RTL Adjustments */
#wrapwrap.o_rtl .gaming-performance {
	background-position: left center !important;
	padding-right: 60px !important;
	margin-right: 0 !important;
}

@media (max-width: 1440px) {
	#wrapwrap.o_rtl .detail-text {
		padding-right: 0;
	}
}

#wrapwrap.o_rtl .summary_page .gaming-performance.bleed-right {
	margin-left: calc((var(--max-width) - 100vw) / 2);
	margin-right: 0;
	padding-left: max(60px, calc(60px + (100vw - var(--max-width)) / 2));
}

#wrapwrap.o_rtl .build-performance-offer::before {
	right: 16px;
}

#wrapwrap.o_rtl .gaming-performance .detail-info-container {
	margin-right: 0;
	padding-right: 0;
}

/* Graphics Performance - Keep LTR Layout */
#wrapwrap.o_rtl .graphics-performance .performance-overlay {
	direction: ltr;
}

#wrapwrap.o_rtl .graphics-performance .performance-left,
#wrapwrap.o_rtl .graphics-performance .performance-right {
	text-align: right;
}

/* Category Cards - Keep text on left */
/*#wrapwrap.o_rtl .category-card__link {
	direction: ltr;
}*/
/*
#wrapwrap.o_rtl .category-card__text {
	text-align: left;
}*/

/* Category Cards - Reverse clip-path for RTL */
#wrapwrap.o_rtl .category-card {
	clip-path: polygon(100% 0, 23% 0, 0 40%, 0 100%, 100% 100%) !important;
}

#wrapwrap.o_rtl .category-card__link {
	clip-path: polygon(100% 0, 23% 0, 0 40%, 0 100%, 100% 100%) !important;
}

/* Category Card Image - Move to left in RTL */
#wrapwrap.o_rtl .category-card__image {
	right: auto !important;
	left: 0 !important;
}

#wrapwrap.o_rtl .category-card__image img {
	object-position: bottom left !important;
	transform: scaleX(-1) !important; /* Mirror/flip image horizontally */
}

/* Your Build List - Background on left */
@media (min-width: 1024px) {
	#wrapwrap.o_rtl .build-list {
		background-position: top left !important;
	}
}

/* Product List - List View Icons Centered */
#wrapwrap.o_rtl .product-list-container.is-list .product__actions .btn-compare img,
#wrapwrap.o_rtl .product-list-container.is-list .product__actions .btn-compare svg,
#wrapwrap.o_rtl .product-list-container.is-list .product__actions .btn--black img,
#wrapwrap.o_rtl .product-list-container.is-list .product__actions .btn--black svg {
	margin-left: 0;
	margin-right: 0;
}

#wrapwrap.o_rtl .product-list-container.is-list .product__price {
	text-align: right;
}

#wrapwrap.o_rtl .ct-close {
	margin-right: auto;
	margin-left: 0;
}

/* Config Actions RTL Mobile - Same layout as LTR: first button on own line, other two on second line */
@media (max-width: 768px) {
	#wrapwrap.o_rtl .config-actions {
		display: flex !important;
		flex-direction: row-reverse !important;
		flex-wrap: wrap !important;
		gap: 8px !important;
		align-items: stretch !important;
		justify-content: flex-end !important;
		width: 100% !important;
		max-width: 100% !important;
		box-sizing: border-box !important;
	}

	#wrapwrap.o_rtl .config-actions .btn {
		font-size: 13px !important;
		padding: 10px 14px !important;
		white-space: nowrap !important;
		box-sizing: border-box !important;
	}

	/* First button (View Configuration) - Full width on first line */
	#wrapwrap.o_rtl .config-actions .btn-buy-primary {
		flex: 1 1 100% !important;
		width: 100% !important;
		min-width: 100% !important;
		max-width: 100% !important;
	}

	/* Second button (Compare) - Shares second line with save button */
	#wrapwrap.o_rtl .config-actions .btn-compare {
		flex: 1 1 auto !important;
		min-width: 0 !important;
	}

	/* Third button (Save/Wishlist) - Shares second line with compare button */
	#wrapwrap.o_rtl .config-actions .btn-save,
	#wrapwrap.o_rtl .config-actions .o_add_wishlist {
		flex: 0 0 auto !important;
		width: 44px !important;
		min-width: 44px !important;
		max-width: 44px !important;
		padding: 0 !important;
	}
}

/* Your Build Summary - Edit Button Spacing */
#wrapwrap.o_rtl .selparts__edit {
	margin-right: 0;
	margin-left: 20px;
}

/* Product Gallery - Flip arrow icons */
#wrapwrap.o_rtl .gallery-prev svg,
#wrapwrap.o_rtl .gallery-next svg {
	transform: scaleX(-1);
}

/* Fullscreen Product Gallery - Flip arrow icons and positions */
#wrapwrap.o_rtl .fs-prev svg,
#wrapwrap.o_rtl .fs-next svg {
	transform: scaleX(-1);
}

#wrapwrap.o_rtl .fs-prev {
	margin-left: 0;
	margin-right: 80px;
}

#wrapwrap.o_rtl .fs-next {
	margin-right: 0;
	margin-left: 80px;
}

@media (max-width: 768px) {
	#wrapwrap.o_rtl .fs-prev,
	#wrapwrap.o_rtl .fs-next {
		left: auto;
		right: 5vw;
	}

	#wrapwrap.o_rtl .fs-next {
		left: auto;
		right: calc(5vw + 60px);
	}

	#wrapwrap.o_rtl .fs-dots {
		left: auto;
		right: calc(5vw + 120px);
	}
}

#wrapwrap.o_rtl .option-price {
	text-align: left !important;
	left: 18px !important;
	right: auto !important;
}

#wrapwrap.o_rtl .option-card .option-details .option-price {
	justify-self: start !important;
	text-align: left !important;
}

#wrapwrap.o_rtl .price-summary-inner {
	padding: 12px 620px 12px 0 !important;
}

#wrapwrap.o_rtl .ps-col {
	text-align: right;
}

#wrapwrap.o_rtl .ps-value {
	text-align: right;
}

#wrapwrap.o_rtl .price-total {
	display: block;
}

@media (max-width: 900px) {
	#wrapwrap.o_rtl .price-summary-inner {
		padding: 10px 16px !important;
	}
}

@media (max-width: 1100px) {
	#wrapwrap.o_rtl .price-summary-inner {
		padding: 10px 20px !important;
	}
}

/* My Order Detail - Address Edit Button */
#wrapwrap.o_rtl .address-edit {
	right: auto;
	left: 20px;
}

/* Product List - Sort Dropdown */
#wrapwrap.o_rtl .sort-menu {
	left: auto;
	right: 0;
}

/* Upgrade Build - Steps */
#wrapwrap.o_rtl .upgrade-steps li::before {
	margin-right: 0;
	margin-left: 16px;
}

/* Part Card - Edit Button */
#wrapwrap.o_rtl .part-card .part-edit {
	margin-left: 12px;
	margin-right: auto;
}

#wrapwrap.o_rtl .part-card .pc-thumb {
	border-right: none;
	border-left: 1px solid #e6e6e6;
}

/* Mobile Responsive */
@media (max-width: 768px) {
	#wrapwrap.o_rtl .step::after {
		right: calc(var(--step-box) / 2 - 5px);
	}
}

/* Checkout Back Button - Flip arrow for RTL */
#wrapwrap.o_rtl .back-btn svg {
	transform: scaleX(-1);
}

/* Mobile Back Button - Flip arrow for RTL */
#wrapwrap.o_rtl .mobile-back svg {
	transform: scaleX(-1);
}

/* Find Match Page - RTL Adjustments */
#wrapwrap.o_rtl .price-option {
	text-align: right;
}

#wrapwrap.o_rtl .price-option .checkbox-custom::after {
	left: auto;
	right: 50%;
	border-width: 0 2px 2px 0px;
    transform: translate(50%, -60%) rotate(45deg);
}

#wrapwrap.o_rtl .price-option input:checked + .checkbox-custom::after {
	left: auto;
	right: 50%;
}

#wrapwrap.o_rtl .tab-header {
	direction: rtl;
}

#wrapwrap.o_rtl .game-card {
	direction: ltr;
}

#wrapwrap.o_rtl .device-name {
	text-align: left;
}

/*
#wrapwrap.o_rtl .device-content {
	direction: ltr;
}*/

/* Device card polygon - mirror for RTL */
#wrapwrap.o_rtl .device-card-bg {
	clip-path: polygon(20% 0, 100% 0, 100% 100%, 0 100%, 0 40%) !important;
}

#wrapwrap.o_rtl .device-card {
	clip-path: polygon(20% 0, 100% 0, 100% 100%, 0 100%, 0 40%) !important;
}

/* Device image position for RTL */
#wrapwrap.o_rtl .device-image {
	right: auto;
	left: 0;
}

#wrapwrap.o_rtl .device-image img {
	object-position: bottom left;
}

/* Business page device cards */
#wrapwrap.o_rtl .business-page .device-card-bg {
	clip-path: polygon(0% 0, 100% 0, 100% 100%, 0 100%, 0 40%) !important;
}

#wrapwrap.o_rtl .business-page .device-card {
	clip-path: polygon(0% 0, 100% 0, 100% 100%, 0 100%, 0 40%) !important;
}

#wrapwrap.o_rtl .business-page .device-card::before {
	left: auto;
	right: 20px;
}

#wrapwrap.o_rtl .business-page .device-card::after {
	right: auto;
	left: 27px;
}

/* Footer Language Selector RTL */
#wrapwrap.o_rtl .footer-column.language-column .js_language_selector .dropdown-toggle svg {
	margin-left: 0;
	margin-right: 4px;
}

#wrapwrap.o_rtl .footer-column.language-column .js_language_selector .dropdown-menu {
	right: auto;
	left: 0;
	text-align: right;
}

#wrapwrap.o_rtl .footer-column.language-column .js_language_selector .dropdown-item {
	text-align: right;
	justify-content: flex-end;
}

/* ================================
   Auth Pages RTL Support
   ================================ */

/* Auth Page RTL - Target html/body with dir="rtl" */
html[dir="rtl"] .auth-page,
body[dir="rtl"] .auth-page {
	direction: rtl;
	text-align: right;
	font-family: 'Tajawal', sans-serif !important;
}

/* Auth Header RTL */
html[dir="rtl"] .auth-header,
body[dir="rtl"] .auth-header {
	flex-direction: row-reverse;
	padding: 10px 20px;
}

html[dir="rtl"] .auth-header .brand-link,
body[dir="rtl"] .auth-header .brand-link {
	order: 2;
}

html[dir="rtl"] .auth-header .lang-switch,
body[dir="rtl"] .auth-header .lang-switch {
	order: 1;
}

/* Language Switch RTL */
html[dir="rtl"] .lang-btn,
body[dir="rtl"] .lang-btn {
	flex-direction: row-reverse;
}

html[dir="rtl"] .lang-btn .chev,
body[dir="rtl"] .lang-btn .chev {
	margin-left: 0;
	margin-right: 8px;
}

html[dir="rtl"] .lang-menu,
body[dir="rtl"] .lang-menu {
	right: auto;
	left: 0;
	text-align: right;
}

html[dir="rtl"] .lang-menu li,
body[dir="rtl"] .lang-menu li {
	text-align: right;
}

/* Auth Card RTL */
html[dir="rtl"] .auth-card,
body[dir="rtl"] .auth-card {
	text-align: right;
}

html[dir="rtl"] .auth-title,
body[dir="rtl"] .auth-title {
	text-align: right;
}

/* Auth Form RTL */
html[dir="rtl"] .auth-form,
body[dir="rtl"] .auth-form {
	text-align: right;
}

html[dir="rtl"] .field,
body[dir="rtl"] .field {
	text-align: right;
}

html[dir="rtl"] .label,
body[dir="rtl"] .label {
	text-align: right;
}

html[dir="rtl"] .input,
body[dir="rtl"] .input {
	direction: rtl;
	text-align: right;
}

html[dir="rtl"] .input::placeholder,
body[dir="rtl"] .input::placeholder {
	text-align: right;
}

/* Button Group RTL */
/*html[dir="rtl"] .button-group,
body[dir="rtl"] .button-group {
	flex-direction: row-reverse;
}*/

html[dir="rtl"] .alt-row,
body[dir="rtl"] .alt-row {
	flex-direction: row-reverse;
	justify-content: flex-end;
}

/* Auth Footer RTL */
/*
html[dir="rtl"] .auth-footer,
body[dir="rtl"] .auth-footer {
	text-align: right;
}*/
/*
html[dir="rtl"] .auth-footer p,
body[dir="rtl"] .auth-footer p {
	text-align: right;
}*/


/* Site Footer RTL */
/*
html[dir="rtl"] .site-footer,
body[dir="rtl"] .site-footer {
	text-align: right;
}*/

/* Form Errors RTL */
html[dir="rtl"] .form-errors,
body[dir="rtl"] .form-errors {
	text-align: right;
}

html[dir="rtl"] .form-errors ul,
body[dir="rtl"] .form-errors ul {
	text-align: right;
	padding-right: 20px;
	padding-left: 0;
}

/* Links RTL */
/*
html[dir="rtl"] .auth-shell a,
body[dir="rtl"] .auth-shell a {
	text-align: right;
}*/

/* Mobile Responsive Auth RTL */
@media (max-width: 1200px) {
	html[dir="rtl"] .auth-header,
	body[dir="rtl"] .auth-header {
		padding: 10px 20px;
	}
}

/* Additional Auth Page RTL Styles */
html[dir="rtl"] .auth-page,
body[dir="rtl"] .auth-page {
	direction: rtl;
}

html[dir="rtl"] .auth-shell a,
body[dir="rtl"] .auth-shell a {
	text-align: right;
}

html[dir="rtl"] .mt-4,
html[dir="rtl"] .mt-2,
html[dir="rtl"] .mt-6,
body[dir="rtl"] .mt-4,
body[dir="rtl"] .mt-2,
body[dir="rtl"] .mt-6 {
	text-align: right;
}

html[dir="rtl"] .hint-error,
body[dir="rtl"] .hint-error {
	text-align: right;
}

/* =======================================
   GAMING DESKTOPS LANDING PAGE RTL
   ======================================= */

/* Options Section RTL */
#wrapwrap.o_rtl .gaming-options-section {
    direction: rtl;
    text-align: right;
}

#wrapwrap.o_rtl .gaming-options-section .section-title,
#wrapwrap.o_rtl .gaming-options-section .section-subtitle {
    text-align: center;
    direction: rtl;
}

#wrapwrap.o_rtl .gaming-options-grid {
    direction: rtl;
}

#wrapwrap.o_rtl .gaming-option-card {
    text-align: right;
    direction: rtl;
}

#wrapwrap.o_rtl .gaming-option-card::before {
    direction: ltr; /* Keep gradient border direction */
}

#wrapwrap.o_rtl .gaming-option-card::after {
    direction: ltr; /* Keep radial gradient direction */
}

#wrapwrap.o_rtl .option-card-icon {
    margin-left: auto;
    margin-right: auto;
}

#wrapwrap.o_rtl .option-card-title {
    text-align: right;
    direction: rtl;
}

#wrapwrap.o_rtl .option-card-description {
    text-align: right;
    direction: rtl;
}

#wrapwrap.o_rtl .option-card-link {
    justify-content: flex-end;
    direction: rtl;
    text-align: right;
}

#wrapwrap.o_rtl .option-card-link:hover {
    transform: translateX(-2px); /* Reverse translateX for RTL */
}

#wrapwrap.o_rtl .option-card-link svg {
    transform: scaleX(-1); /* Flip arrow for RTL */
    order: -1; /* Move icon to the left side */
}

#wrapwrap.o_rtl .option-card-link:hover svg {
    transform: scaleX(-1) translateX(-6px); /* Reverse translateX for RTL */
}

/* Featured Section RTL */
#wrapwrap.o_rtl .gaming-featured-section {
    direction: rtl;
    text-align: right;
}

#wrapwrap.o_rtl .gaming-featured-section .section-header {
    text-align: right;
    justify-content: space-between;
}

#wrapwrap.o_rtl .gaming-featured-section .section-title {
    text-align: right;
    direction: rtl;
}

#wrapwrap.o_rtl .see-all-link {
    direction: rtl;
    text-align: left;
    flex-direction: row-reverse; /* Reverse flex direction */
}

#wrapwrap.o_rtl .see-all-link svg {
    transform: scaleX(1); /* Flip arrow for RTL */
}

#wrapwrap.o_rtl .see-all-link:hover svg {
    transform: scaleX(-1) translateX(-4px); /* Reverse translateX for RTL */
}

/* Product List Section RTL */
#wrapwrap.o_rtl .gaming-featured-section .product-list-section {
    direction: rtl;
    text-align: right;
}

#wrapwrap.o_rtl .gaming-featured-section .product-list-container {
    direction: rtl;
}

/* Ensure Arabic product list mobile layout matches English */
@media (max-width: 768px) {
    #wrapwrap.o_rtl .product-list-section {
        padding-left: 20px !important;
        padding-right: 20px !important;
    }

    #wrapwrap.o_rtl .product-list-container:not(.is-list) .product__body {
        padding: 10px 12px;
    }

    #wrapwrap.o_rtl .product-list-container:not(.is-list) .product__media {
        height: 180px;
    }

    #wrapwrap.o_rtl .product-list-container:not(.is-list) .product__meta {
        font-size: 9px;
        margin-bottom: 4px;
    }

    #wrapwrap.o_rtl .product-list-container:not(.is-list) .product__title {
        font-size: 13px;
        margin: 2px 0 6px;
        line-height: 1.3 !important;
        display: block !important;
        overflow: hidden !important;
        max-height: calc(13px * 1.3 * 3) !important;
        height: calc(13px * 1.3 * 3) !important;
    }

    #wrapwrap.o_rtl .product-list-container:not(.is-list) .product__title a {
        display: -webkit-box !important;
        -webkit-line-clamp: 3 !important;
        -webkit-box-orient: vertical !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
    }

    #wrapwrap.o_rtl .product-list-container:not(.is-list) .product__sub {
        font-size: 10px;
        margin: 0 0 6px;
    }

    #wrapwrap.o_rtl .product-list-container:not(.is-list) .product__price {
        font-size: 14px;
        margin-bottom: 8px;
    }

    #wrapwrap.o_rtl .product-list-container:not(.is-list) .product__attributes-mobile {
        margin: 4px 0 6px;
        gap: 4px;
    }

    #wrapwrap.o_rtl .product-list-container:not(.is-list) .product__actions {
        margin-top: 4px;
        gap: 6px;
    }
}

/* Hide filter container on mobile in RTL - use mobile filter sidebar instead */
@media (max-width: 768px) {
    #wrapwrap.o_rtl .filter-container,
    [dir="rtl"] .filter-container {
        display: none !important;
    }

    /* Ensure mobile filter toggle button is visible in RTL */
    #wrapwrap.o_rtl .mobile-filter-toggle,
    [dir="rtl"] .mobile-filter-toggle {
        display: flex !important;
        left: auto !important;
        right: 0 !important;
        border-left: none !important;
        border-right: 1.5px solid var(--color-black) !important;
        border-radius: 18px 0 0 18px !important;
        top: calc(var(--header-height) + var(--nav-height) - 24px);
    }

    #wrapwrap.o_rtl .mobile-filter-toggle.has-active-filters,
    [dir="rtl"] .mobile-filter-toggle.has-active-filters {
        border-right-color: var(--color-primary) !important;
    }

    /* Mobile filter sidebar RTL positioning */
    #wrapwrap.o_rtl .mobile-filter-sidebar,
    [dir="rtl"] .mobile-filter-sidebar {
        left: auto !important;
        right: 0 !important;
        border-left: 1px solid var(--color-black) !important;
        border-right: none !important;
        transform: translateX(100%) !important;
        height: 100vh !important;
        max-height: 100vh !important;
        overflow: hidden !important;
    }

    /* Ensure RTL content area is scrollable */
    #wrapwrap.o_rtl .mobile-filter-content,
    [dir="rtl"] .mobile-filter-content {
        overflow-y: auto !important;
        overflow-x: hidden !important;
        -webkit-overflow-scrolling: touch !important;
        overscroll-behavior: contain !important;
        min-height: 0 !important;
    }

    #wrapwrap.o_rtl .mobile-filter-overlay.is-open .mobile-filter-sidebar,
    [dir="rtl"] .mobile-filter-overlay.is-open .mobile-filter-sidebar {
        transform: translateX(0) !important;
    }

    /* Mobile filter toggle button RTL - hide when sidebar is open */
    #wrapwrap.o_rtl .mobile-filter-toggle.is-open,
    [dir="rtl"] .mobile-filter-toggle.is-open {
        transform: translateX(100%) !important;
    }

    /* Mobile filter overlay RTL */
    #wrapwrap.o_rtl .mobile-filter-overlay,
    [dir="rtl"] .mobile-filter-overlay {
        display: block !important;
    }
}

/* Responsive RTL */
@media (max-width: 1024px) {
    #wrapwrap.o_rtl .gaming-options-grid {
        direction: rtl;
    }

    #wrapwrap.o_rtl .gaming-option-card {
        direction: rtl;
        text-align: right;
    }
}

@media (max-width: 768px) {
    #wrapwrap.o_rtl .gaming-options-section {
        direction: rtl;
        text-align: right;
    }

    #wrapwrap.o_rtl .gaming-options-section .section-title,
    #wrapwrap.o_rtl .gaming-options-section .section-subtitle {
        text-align: center;
        direction: rtl;
    }

    #wrapwrap.o_rtl .gaming-featured-section .section-header {
        flex-direction: column;
        align-items: center; /* Align to right in RTL */
        text-align: right;
    }

    #wrapwrap.o_rtl .see-all-link {
        align-self: center; /* Align to right in RTL */
    }
}

/* RTL Support for Mobile Sticky Bar */
@media (max-width: 768px) {
    /* Force RTL direction on sticky bar container */
    #wrapwrap.o_rtl .mobile-product-sticky-bar,
    #wrapwrap.o_rtl .mobile-product-sticky-bar.is-visible,
    [dir="rtl"] .mobile-product-sticky-bar,
    [dir="rtl"] .mobile-product-sticky-bar.is-visible {
        left: 0 !important;
        right: 0 !important;
        direction: rtl !important;
    }

    /* Image margins (now on right side after row-reverse) */
    #wrapwrap.o_rtl .mobile-product-sticky-bar .sticky-bar-image,
    #wrapwrap.o_rtl .mobile-product-sticky-bar.is-visible .sticky-bar-image,
    [dir="rtl"] .mobile-product-sticky-bar .sticky-bar-image,
    [dir="rtl"] .mobile-product-sticky-bar.is-visible .sticky-bar-image {
        margin-left: 12px !important;
        margin-right: 0 !important;
    }

    /* Info section right-aligned */
    #wrapwrap.o_rtl .mobile-product-sticky-bar .sticky-bar-info,
    #wrapwrap.o_rtl .mobile-product-sticky-bar.is-visible .sticky-bar-info,
    [dir="rtl"] .mobile-product-sticky-bar .sticky-bar-info,
    [dir="rtl"] .mobile-product-sticky-bar.is-visible .sticky-bar-info {
        text-align: right !important;
        align-items: flex-end !important;
        direction: rtl !important;
    }

    /* Name right-aligned */
    #wrapwrap.o_rtl .mobile-product-sticky-bar .sticky-bar-name,
    #wrapwrap.o_rtl .mobile-product-sticky-bar.is-visible .sticky-bar-name,
    [dir="rtl"] .mobile-product-sticky-bar .sticky-bar-name,
    [dir="rtl"] .mobile-product-sticky-bar.is-visible .sticky-bar-name {
        text-align: right !important;
        direction: rtl !important;
    }

    /* Price right-aligned with reversed icon */
    #wrapwrap.o_rtl .mobile-product-sticky-bar .sticky-bar-price,
    #wrapwrap.o_rtl .mobile-product-sticky-bar.is-visible .sticky-bar-price,
    [dir="rtl"] .mobile-product-sticky-bar .sticky-bar-price,
    [dir="rtl"] .mobile-product-sticky-bar.is-visible .sticky-bar-price {
        justify-content: flex-end !important;
        flex-direction: row-reverse !important;
        direction: rtl !important;
    }

    #wrapwrap.o_rtl .mobile-product-sticky-bar .sticky-bar-price .price-with-icon,
    #wrapwrap.o_rtl .mobile-product-sticky-bar.is-visible .sticky-bar-price .price-with-icon,
    [dir="rtl"] .mobile-product-sticky-bar .sticky-bar-price .price-with-icon,
    [dir="rtl"] .mobile-product-sticky-bar.is-visible .sticky-bar-price .price-with-icon {
        flex-direction: row-reverse !important;
        direction: rtl !important;
    }

    /* Action button margins (now on left side after row-reverse) */
    #wrapwrap.o_rtl .mobile-product-sticky-bar .sticky-bar-action,
    #wrapwrap.o_rtl .mobile-product-sticky-bar.is-visible .sticky-bar-action,
    [dir="rtl"] .mobile-product-sticky-bar .sticky-bar-action,
    [dir="rtl"] .mobile-product-sticky-bar.is-visible .sticky-bar-action {
        margin-right: 12px !important;
        margin-left: 0 !important;
    }

    /* RTL: Set RTL direction on sticky bar content - Must be at the end to override all other rules */
    body #wrapwrap.o_rtl .mobile-product-sticky-bar .sticky-bar-content,
    body #wrapwrap.o_rtl .mobile-product-sticky-bar.is-visible .sticky-bar-content,
    body[dir="rtl"] .mobile-product-sticky-bar .sticky-bar-content,
    body[dir="rtl"] .mobile-product-sticky-bar.is-visible .sticky-bar-content {
        direction: rtl !important;
    }
}

/* =======================================
   ARABIC MOBILE NAVIGATION - SEPARATE & CLEAN
   =======================================
   Completely separate nav structure for Arabic mobile view
   to avoid conflicts with English styles
   ======================================= */

/* =======================================
   ARABIC MOBILE NAVIGATION - CLEAN & SEPARATE
   =======================================
   Simple RTL Mobile Navigation Adjustments
   Uses the same nav structure as English, just mirrors positioning
   ======================================= */

@media (max-width: 768px) {
	/* Show toggle button in RTL mobile */
	#wrapwrap.o_rtl .nav-more-toggle,
	[dir="rtl"] .nav-more-toggle {
		display: inline-flex !important;
		visibility: visible !important;
		opacity: 1 !important;
		pointer-events: auto !important;
		align-items: center;
		gap: 4px;
		border-top: none !important;
		border-bottom: none !important;
		border-left: none !important;
		border-right: none !important;
		margin-right: auto; /* Push button to the left edge in RTL */
		margin-left: 0; /* No margin on the left */
	}
	#wrapwrap.o_rtl .plightbox__close {
		top: 12px;
		left: 12px;
		right: auto;
	}
	/* Hide Business menu (5th nav-item) by default in mobile to prevent flash in RTL */
	/* This applies immediately on page load before JavaScript runs */
	/*#wrapwrap.o_rtl .nav-item:nth-child(5),*/
	/*[dir="rtl"] .nav-item:nth-child(5) {*/
	/*	display: none !important;*/
	/*}*/

	/* Show it when nav--more-open is active in RTL */
	/*#wrapwrap.o_rtl .nav.nav--more-open .nav-item:nth-child(5),*/
	/*[dir="rtl"] .nav.nav--more-open .nav-item:nth-child(5) {*/
	/*	display: flex !important;*/
	/*}*/

	/* Also handle via class when JavaScript applies it in RTL */
	/*#wrapwrap.o_rtl .nav.nav--more-open .nav-item--hidden-mobile,*/
	/*[dir="rtl"] .nav.nav--more-open .nav-item--hidden-mobile {*/
	/*	display: flex !important;*/
	/*}*/

	/* Nav container RTL direction for text alignment */
	#wrapwrap.o_rtl .nav-container {
		direction: rtl;
	}

	/* When menu is open - simplified, match LTR structure */
	#wrapwrap.o_rtl .nav.nav--more-open .nav-container,
	[dir="rtl"] .nav.nav--more-open .nav-container {
		direction: ltr !important;
		text-align: right !important;
		flex-wrap: wrap !important;
		row-gap: 16px;
		max-width: 100% !important;
		margin: 0 auto !important;
		padding: 0 12px !important;
		gap: 8px !important;
		width: 100% !important;
		overflow: visible !important;
		height: 0px !important;
		min-height: auto !important;
		max-height: none !important;
		position: relative;
		justify-content: flex-start !important;
		align-items: flex-start !important;
	}

	/* First 4 items - maintain RTL visual order using base RTL order values */
	/*#wrapwrap.o_rtl .nav.nav--more-open .nav-item:nth-child(1),*/
	/*[dir="rtl"] .nav.nav--more-open .nav-item:nth-child(1) {*/
	/*	order: 7 !important; !* Desktops - rightmost *!*/
	/*}*/
	/*#wrapwrap.o_rtl .nav.nav--more-open .nav-item:nth-child(2),*/
	/*[dir="rtl"] .nav.nav--more-open .nav-item:nth-child(2) {*/
	/*	order: 6 !important; !* Laptops *!*/
	/*}*/
	/*#wrapwrap.o_rtl .nav.nav--more-open .nav-item:nth-child(3),*/
	/*[dir="rtl"] .nav.nav--more-open .nav-item:nth-child(3) {*/
	/*	order: 5 !important; !* Monitors *!*/
	/*}*/
	/*#wrapwrap.o_rtl .nav.nav--more-open .nav-item:nth-child(4),*/
	/*[dir="rtl"] .nav.nav--more-open .nav-item:nth-child(4) {*/
	/*	order: 4 !important; !* PC Parts *!*/
	/*}*/

	/* All button - positioned after first 4, before Business */
	/*#wrapwrap.o_rtl .nav.nav--more-open .nav-more-toggle,*/
	#wrapwrap.o_rtl .nav.nav--more-open .nav-more-toggle {
		order: 3 !important;
		margin-right: auto !important; /* Push to left (mirror of LTR margin-left: auto) */
		margin-left: 0 !important;
		flex-shrink: 0 !important;
	}
	#wrapwrap.o_rtl button.nav-more-toggle.active {
		top: -13px !important;
	}

	/*!* Business menu - appears below on new row *!*/
	/*#wrapwrap.o_rtl .nav.nav--more-open .nav-item:nth-child(5),*/
	/*[dir="rtl"] .nav.nav--more-open .nav-item:nth-child(5),*/
	/*#wrapwrap.o_rtl .nav.nav--more-open .nav-item.nav-item--hidden-mobile,*/
	/*[dir="rtl"] .nav.nav--more-open .nav-item.nav-item--hidden-mobile {*/
	/*	direction: rtl !important;*/
	/*	text-align: right !important;*/
	/*	order: 10 !important; !* Match LTR order *!*/
	/*	width: 100% !important;*/
	/*	flex-basis: 100% !important;*/
	/*	!*margin-top: 16px !important;*!*/
	/*	!*display: flex !important;*!*/
	/*}*/

	/* Nav links RTL alignment */
	#wrapwrap.o_rtl .nav-link {
		text-align: right;
		flex-direction: row-reverse;
	}

	/* Dropdown arrow spacing RTL */
	#wrapwrap.o_rtl .nav-link .dropdown-arrow {
		margin-left: 0;
		margin-right: 4px;
	}
}

/* Main content margin-top for RTL - Higher specificity to override English rule */
/* Placed at end of file to ensure it loads after English CSS */
body #wrapwrap.o_rtl > main,
body[dir="rtl"] #wrapwrap > main,
html #wrapwrap.o_rtl > main,
html[dir="rtl"] #wrapwrap > main,
#wrapwrap.o_rtl > main,
[dir="rtl"] #wrapwrap > main {
	margin-top: calc(var(--header-height) + var(--nav-height) - 30px) !important;
}

/* Desktop RTL - Ensure main content margin-top */
@media (min-width: 769px) {
	body #wrapwrap.o_rtl > main,
	body[dir="rtl"] #wrapwrap > main,
	html #wrapwrap.o_rtl > main,
	html[dir="rtl"] #wrapwrap > main,
	#wrapwrap.o_rtl > main,
	[dir="rtl"] #wrapwrap > main {
		margin-top: calc(var(--header-height) + var(--nav-height) + 15px) !important;
	}
}