.arb-switch{position:fixed;inset-inline-end:20px;bottom:22px;z-index:80;display:flex;gap:4px;padding:5px;background:#fff;border:1px solid #dce6ed;border-radius:30px;box-shadow:0 8px 28px #091b3320;font:600 13px/1.5 "Segoe UI",Tahoma,Arial,sans-serif}
.arb-switch button{border:0;background:transparent;color:#17334b;border-radius:24px;padding:9px 16px;min-height:40px;cursor:pointer}
.arb-switch button[aria-pressed=true]{background:#0b777e;color:#fff}
.arb-switch button:focus-visible{outline:3px solid #087e8b;outline-offset:3px}
.arb-ar{font-family:Tahoma,"Segoe UI",Arial,sans-serif;line-height:1.85}
.arb-ar h1,.arb-ar h2,.arb-ar h3,.arb-ar .ar-eyebrow{letter-spacing:0;line-height:1.5}
.arb-ar .ar-menu .sub-menu{left:auto;right:0}
.arb-ar .ar-dialog-list .children{padding-left:0;padding-right:22px}
/* Keep the original, unmirrored electronics image. Put text over its clear left area. */
.arb-ar .ar-hero{direction:ltr}
.arb-ar .ar-hero-copy{direction:rtl;text-align:right;width:52%;padding:42px 24px 42px 40px}
.arb-ar .ar-hero h1{font-size:clamp(32px,3.7vw,53px);line-height:1.4}
.arb-ar .ar-hero-description{line-height:1.9}
.arb-ar .ar-hero:after{background:linear-gradient(90deg,var(--hero) 0%,var(--hero) 34%,transparent 70%)}
.arb-ar .ar-hero .ar-eyebrow{font-size:12px}
.arb-ar .ar-hero-note{line-height:1.8}
.arb-ar .ar-section-heading>a{text-align:start}
.arb-ar .ar-admin-note{border-left:0;border-right:3px solid var(--accent)}
.arb-ar .ar-entry th,.arb-ar .ar-entry td,.arb-ar .woocommerce table.shop_table th,.arb-ar .woocommerce table.shop_table td{text-align:right}
.arb-ar input[type=email],.arb-ar input[type=tel],.arb-ar input[type=number],.arb-ar .woocommerce-Price-amount,.arb-ar a[href^="mailto:"],.arb-ar .ar-cart-count{direction:ltr;unicode-bidi:isolate}
.arb-ar .woocommerce form .form-row label{text-align:right}
.arb-ar .woocommerce .woocommerce-error,.arb-ar .woocommerce .woocommerce-info,.arb-ar .woocommerce .woocommerce-message{padding-right:3.5em;padding-left:2em}
.arb-ar .woocommerce-error:before,.arb-ar .woocommerce-info:before,.arb-ar .woocommerce-message:before{left:auto;right:1.5em}
.arb-ar .woocommerce table.shop_table_responsive tr td:before{float:right}
.arb-ar .woocommerce .cart .product-name{text-align:right}
.arb-ar .arsc-intro,.arb-ar .arpc-intro{line-height:1.8}
.arb-ar .arsc-intro strong,.arb-ar .arpc-intro h2{letter-spacing:0}
/* WooCommerce contact icons use negative left margins. Reset both RTL/LTR
   offsets and reserve a fixed icon gutter so contact values stay readable. */
.arb-ar .woocommerce .woocommerce-customer-details .woocommerce-customer-details--phone,
.arb-ar .woocommerce .woocommerce-customer-details .woocommerce-customer-details--email{
  position:relative;direction:ltr;unicode-bidi:isolate;text-align:left;
  padding:0 0 0 28px!important;min-height:24px;line-height:1.7;
  overflow-wrap:anywhere;word-break:normal
}
.arb-ar .woocommerce .woocommerce-customer-details .woocommerce-customer-details--phone::before,
.arb-ar .woocommerce .woocommerce-customer-details .woocommerce-customer-details--email::before{
  position:absolute;left:0!important;right:auto!important;top:0;
  margin:0!important;width:20px;line-height:inherit;text-align:center
}
.arb-ar .woocommerce .woocommerce-customer-details a[href^="tel:"],
.arb-ar .woocommerce .woocommerce-customer-details a[href^="mailto:"]{
  direction:ltr;unicode-bidi:isolate;overflow-wrap:anywhere
}
@media(max-width:800px){.arb-switch{bottom:calc(82px + env(safe-area-inset-bottom));inset-inline-end:12px}.arb-switch button{padding:7px 12px}.arb-ar .ar-hero-copy{width:62%;padding:30px 22px}.arb-ar .ar-hero h1{font-size:36px}}
@media(max-width:480px){.arb-ar .ar-hero,.arb-ar.ar-orange .ar-hero{min-height:650px}.arb-ar .ar-hero-copy,.arb-ar.ar-orange .ar-hero-copy{width:100%;padding:26px 24px 0}.arb-ar .ar-hero h1{font-size:34px}.arb-ar .ar-hero:after{background:linear-gradient(180deg,var(--hero) 0%,var(--hero) 49%,transparent 76%)}.arb-ar .ar-hero-img{height:47%}.arb-ar .ar-category-card h2{font-size:13px}.arb-ar .ar-menu{gap:15px}.arb-ar .ar-section-heading h2{font-size:23px}}

/* Isolate image-slider geometry from the document's English/Arabic direction.
   FlexSlider stays LTR; Arabic product text outside the gallery stays RTL. */
.woocommerce-product-gallery,
.woocommerce-product-gallery .flex-viewport,
.woocommerce-product-gallery .woocommerce-product-gallery__wrapper,
.woocommerce-product-gallery .flex-control-nav{direction:ltr!important}