@font-face {
  font-family: 'Amiri';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(fonts/arabic-0.woff2) format('woff2'), url(fonts/arabic-0.ttf) format('truetype');
}
@font-face {
  font-family: 'IBM Plex Sans Arabic';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(fonts/arabic-1.woff2) format('woff2'), url(fonts/arabic-1.ttf) format('truetype');
}
@font-face {
  font-family: 'IBM Plex Sans Arabic';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(fonts/arabic-2.woff2) format('woff2'), url(fonts/arabic-2.ttf) format('truetype');
}
@font-face {
  font-family: 'IBM Plex Sans Arabic';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(fonts/arabic-3.woff2) format('woff2'), url(fonts/arabic-3.ttf) format('truetype');
}

html[lang^=ar] body,.mhkm-ar{--ar-ui:'IBM Plex Sans Arabic',Tahoma,sans-serif;--ar-title:Amiri,serif;font-family:var(--ar-ui);font-synthesis:none}
html[lang^=ar] :is(h1,h2),.mhkm-ar :is(h1,h2){font-family:Amiri,serif;font-weight:400;letter-spacing:0;line-height:1.5}
html[lang^=ar] :is(button,input,select,textarea,.button),.mhkm-ar :is(button,input,select,textarea,.button){font-family:'IBM Plex Sans Arabic',sans-serif;letter-spacing:0}
html[lang^=ar] :is(button,.button){font-weight:600}
html[lang^=ar] :is(input[type=tel],input[type=email],.sku,.woocommerce-Price-amount){direction:ltr;unicode-bidi:isolate}
.hkm-language{display:inline-flex;align-items:center;gap:12px;direction:ltr}.hkm-language a{color:inherit;text-decoration:none}.hkm-language [aria-current]{text-decoration:underline;text-underline-offset:5px}.hkm-language a:focus-visible{outline:2px solid currentColor;outline-offset:4px}
.drawer-languages{display:flex;margin-block:12px}.drawer-languages a{min-height:44px;display:inline-flex;align-items:center}
html[lang^=ar] .hx-copy{text-align:right;direction:rtl}html[lang^=ar] .hx-copy :is(h1,h1 em){font:400 clamp(44px,4.6vw,66px)/1.3 Amiri,serif;letter-spacing:0;font-style:normal}
html[lang^=ar] .hx-copy .hx-lead{font:400 17px/1.9 'IBM Plex Sans Arabic',sans-serif}html[lang^=ar] .hx-signature{font:400 1em/1.7 Amiri,serif;letter-spacing:0}
html[lang^=ar] .hx-actions a{font:600 15px/1.5 'IBM Plex Sans Arabic',sans-serif}
.mhkm-ar{direction:rtl}.mhkm-ar .utility-inner{direction:ltr}.mhkm-ar .utility-inner>span{direction:rtl}.mhkm-ar :is(.desktop-nav,.mobile-drawer){direction:rtl}
@media(max-width:720px){html[lang^=ar] .hx-copy :is(h1,h1 em){font-size:42px;line-height:1.35}html[lang^=ar] .hx-copy .hx-lead{font-size:17px;line-height:1.9}}

.mhkm-ar .main-header{direction:ltr}.mhkm-ar :is(.desktop-nav a,.header-search,.account-actions small,.utility,.mobile-drawer>a){font-family:'IBM Plex Sans Arabic',sans-serif;letter-spacing:0}.mhkm-ar .desktop-nav a{font-weight:500;line-height:1.6}

/* Scoped RTL for classic WooCommerce and fragment/shadow-root rendering. */
.mhkm-ar .header-search{direction:rtl;text-align:start}
.mhkm-ar :is(h1,h2,h3){font-family:Amiri,serif;letter-spacing:0}
.mhkm-ar :is(input[type=tel],input[type=email],.sku,.woocommerce-Price-amount){direction:ltr;unicode-bidi:isolate;text-align:left}
.mhkm-ar :is(.woocommerce-billing-fields,.woocommerce-shipping-fields,.woocommerce-additional-fields,.woocommerce-checkout-review-order,.woocommerce-cart-form,.cart_totals){direction:rtl;text-align:start;min-width:0}
.mhkm-ar :is(input,select,textarea){max-width:100%;box-sizing:border-box}
.mhkm-ar :is(.form-row,.woocommerce-checkout-review-order) label{font-family:'IBM Plex Sans Arabic',sans-serif;letter-spacing:0}
.mhkm-ar :is(.woocommerce-error,.woocommerce-message,.woocommerce-info){text-align:start}
/* Isolate the complete amount, including nested currency symbol, after AJAX too. */
html[lang^=ar] .woocommerce-Price-amount,.mhkm-ar .woocommerce-Price-amount{display:inline-block;direction:ltr;unicode-bidi:isolate;white-space:nowrap;vertical-align:baseline}
html[lang^=ar] .woocommerce-Price-amount bdi,.mhkm-ar .woocommerce-Price-amount bdi{direction:ltr;unicode-bidi:isolate}