@import url('https://fonts.googleapis.com/css2?family=Vazirmatn:wght@300;400;500;600;700;800;900&family=Noto+Sans+Arabic:wght@300;400;500;600;700;800;900&family=Open+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,400;1,700&display=swap');

/* ========================================================
   UNIVERSAL 100% KURDISH & ARABIC FONT: VAZIRMATN (فۆنتی فەرمیی ڤەزیرمەتن)
   Flawless Sorani cursive joining (zero letter-breaking / بێ پچڕان)
   Native Variable Weights: 300 Light, 400 Regular, 500 Medium, 600 SemiBold, 700 Bold, 800 ExtraBold, 900 Black
   Full Unicode support for: ڵ, ڕ, ێ, ۆ, ڤ, ژ, پ, چ, گ, ە, ھ, وو
   ======================================================== */

@font-face {
  font-family: 'Vazirmatn';
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url('vazirmatn-arabic.woff2') format('woff2'),
       url('../vazirmatn-arabic.woff2') format('woff2'),
       url('https://fonts.gstatic.com/s/vazirmatn/v16/Dxxo8j6PP2D_kU2muijlGMWWMmk.woff2') format('woff2');
  unicode-range: U+0600-06FF, U+0750-077F, U+0870-0891, U+0897-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC;
}

@font-face {
  font-family: 'Vazirmatn';
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url('vazirmatn-latin.woff2') format('woff2'),
       url('../vazirmatn-latin.woff2') format('woff2'),
       url('https://fonts.gstatic.com/s/vazirmatn/v16/Dxxo8j6PP2D_kU2muijlHcWW.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: 'Noto Sans Arabic';
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url('noto-arabic.woff2') format('woff2'),
       url('../noto-arabic.woff2') format('woff2'),
       url('https://fonts.gstatic.com/s/notosansarabic/v33/nwpCtLGrOAZMl5nJ_wfgRg3DrWFZWsnVBJ_sS6tlqHHFlj4wv4r4xA.woff2') format('woff2');
  unicode-range: U+0600-06FF, U+0750-077F, U+0870-0891, U+0897-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC;
}

/* Compatibility aliases so any legacy reference to Rudaw or Speda uses Vazirmatn */
@font-face {
  font-family: 'Rudaw';
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url('vazirmatn-arabic.woff2') format('woff2'),
       url('https://fonts.gstatic.com/s/vazirmatn/v16/Dxxo8j6PP2D_kU2muijlGMWWMmk.woff2') format('woff2');
}

@font-face {
  font-family: 'RudawBold';
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url('vazirmatn-arabic.woff2') format('woff2'),
       url('https://fonts.gstatic.com/s/vazirmatn/v16/Dxxo8j6PP2D_kU2muijlGMWWMmk.woff2') format('woff2');
}

@font-face {
  font-family: 'Rudawregular2';
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url('vazirmatn-arabic.woff2') format('woff2'),
       url('https://fonts.gstatic.com/s/vazirmatn/v16/Dxxo8j6PP2D_kU2muijlGMWWMmk.woff2') format('woff2');
}

@font-face {
  font-family: 'Speda';
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url('vazirmatn-arabic.woff2') format('woff2'),
       url('https://fonts.gstatic.com/s/vazirmatn/v16/Dxxo8j6PP2D_kU2muijlGMWWMmk.woff2') format('woff2');
}

/* Cairo Native Local Font Faces - Instant 0ms Render & Zero FOUT Swapping */
@font-face {
  font-family: 'Cairo';
  font-style: normal;
  font-weight: 300 900;
  font-display: block;
  src: url('cairo-arabic.woff2') format('woff2'),
       url('../cairo-arabic.woff2') format('woff2'),
       url('cairo-latin.woff2') format('woff2'),
       url('../cairo-latin.woff2') format('woff2');
}
@font-face {
  font-family: 'Cairo';
  font-style: normal;
  font-weight: 300 900;
  font-display: swap;
  src: url('cairo-arabic.woff2') format('woff2'),
       url('../cairo-arabic.woff2') format('woff2');
  unicode-range: U+0600-06FF, U+0750-077F, U+0870-0891, U+0897-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC;
}
@font-face {
  font-family: 'Cairo';
  font-style: normal;
  font-weight: 300 900;
  font-display: swap;
  src: url('cairo-latin.woff2') format('woff2'),
       url('../cairo-latin.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* Instant tap response on mobile & eliminate 300ms click delay storewide */
button, a, input, select, textarea, [role="button"], .product-card, .slider-item, .cat-item, .tab-btn {
  touch-action: manipulation;
}

/* Premium typography for language switcher Arabic label in English store */
header .lang-toggle-btn .lang-toggle-text,
.lang-toggle-btn .lang-toggle-text,
html[lang="en"] .lang-toggle-btn .lang-toggle-text,
html.lang-en .lang-toggle-btn .lang-toggle-text,
body.lang-en .lang-toggle-btn .lang-toggle-text {
  font-family: 'Cairo', 'Tajawal', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif !important;
  font-weight: 700 !important;
  font-size: 14px !important;
  letter-spacing: normal !important;
  line-height: 1 !important;
  display: inline-flex !important;
  align-items: center !important;
  position: relative !important;
  top: -0.5px !important;
}

@media (min-width: 640px) {
  header .lang-toggle-btn .lang-toggle-text,
  .lang-toggle-btn .lang-toggle-text,
  html[lang="en"] .lang-toggle-btn .lang-toggle-text,
  html.lang-en .lang-toggle-btn .lang-toggle-text,
  body.lang-en .lang-toggle-btn .lang-toggle-text {
    font-size: 14.5px !important;
  }
}

@font-face {
  font-family: 'Centrale Sans Regular';
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url('CentraleSansRegular.woff2') format('woff2');
}
@font-face {
  font-family: 'Centrale Sans Bold';
  font-style: normal;
  font-weight: 700;
  font-display: block;
  src: url('CentraleSans-Bold.woff2') format('woff2');
}
@font-face {
  font-family: 'Centrale Sans';
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url('CentraleSansRegular.woff2') format('woff2');
}
@font-face {
  font-family: 'Centrale Sans';
  font-style: normal;
  font-weight: 700;
  font-display: block;
  src: url('CentraleSans-Bold.woff2') format('woff2');
}
@font-face {
  font-family: 'Centrale Sans';
  font-style: normal;
  font-weight: 500;
  font-display: block;
  src: url('CentraleSansRegular.woff2') format('woff2'),
       url('CentraleSansRegular.woff') format('woff'),
       url('CentraleSansRegular.ttf') format('truetype');
}
@font-face {
  font-family: 'Centrale Sans';
  font-style: normal;
  font-weight: 600;
  font-display: block;
  src: url('CentraleSans-Bold.woff2') format('woff2'),
       url('CentraleSans-Bold.woff') format('woff'),
       url('CentraleSans-Bold.ttf') format('truetype');
}
@font-face {
  font-family: 'Centrale Sans';
  font-style: normal;
  font-weight: 800;
  font-display: block;
  src: url('CentraleSans-Bold.woff2') format('woff2'),
       url('CentraleSans-Bold.woff') format('woff'),
       url('CentraleSans-Bold.ttf') format('truetype');
}

/* Footer & Subfooter Scoped Typography */
html[dir="ltr"] .philips-footer,
html[dir="ltr"] .philips-footer *,
html[dir="ltr"] .philips-subfooter,
html[dir="ltr"] .philips-subfooter *,
html.lang-en .philips-footer,
html.lang-en .philips-footer *,
html.lang-en .philips-subfooter,
html.lang-en .philips-subfooter * {
  font-family: 'Centrale Sans Regular', 'Centrale Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important;
}

html[dir="ltr"] .philips-footer .cat-title,
html[dir="ltr"] .philips-footer .cat-title *,
html[dir="ltr"] .philips-footer .cat-title a,
html.lang-en .philips-footer .cat-title,
html.lang-en .philips-footer .cat-title * {
  font-family: 'Centrale Sans Bold', 'Centrale Sans', sans-serif !important;
  font-weight: 700 !important;
}

html[dir="rtl"]:not([lang="ku"]):not(.lang-ku):not(.admin-dashboard) .philips-footer,
html[dir="rtl"]:not([lang="ku"]):not(.lang-ku):not(.admin-dashboard) .philips-footer *,
html[dir="rtl"]:not([lang="ku"]):not(.lang-ku):not(.admin-dashboard) .philips-subfooter,
html[dir="rtl"]:not([lang="ku"]):not(.lang-ku):not(.admin-dashboard) .philips-subfooter *,
html.lang-ar:not(.admin-dashboard) .philips-footer,
html.lang-ar:not(.admin-dashboard) .philips-footer *,
html.lang-ar:not(.admin-dashboard) .philips-subfooter,
html.lang-ar:not(.admin-dashboard) .philips-subfooter * {
  font-family: 'Cairo', 'Tajawal', 'Segoe UI', Tahoma, Arial, sans-serif !important;
}

/* Philips Centrale Sans Global Utility Classes for Prices, Numbers, and SKUs (Storefront only) */
body:not(.admin-dashboard):not(.lang-ku) .font-centrale,
body:not(.admin-dashboard):not(.lang-ku) .font-centrale-bold,
body:not(.admin-dashboard):not(.lang-ku) .price-centrale,
body:not(.admin-dashboard):not(.lang-ku) .price-currency,
body:not(.admin-dashboard):not(.lang-ku) .price-number,
body:not(.admin-dashboard):not(.lang-ku) .product-sku-badge,
body:not(.admin-dashboard):not(.lang-ku) [data-font="centrale"] {
  font-family: 'Centrale Sans Bold', 'Centrale Sans', 'Vazirmatn', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important;
  font-weight: 700 !important;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

body:not(.admin-dashboard):not(.lang-ku) .font-centrale-medium {
  font-family: 'Centrale Sans Regular', 'Centrale Sans', 'Vazirmatn', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important;
  font-weight: 500 !important;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

body:not(.admin-dashboard):not(.lang-ku) .font-centrale-regular {
  font-family: 'Centrale Sans Regular', 'Centrale Sans', 'Vazirmatn', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important;
  font-weight: normal !important;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* Top Announcement Banner - Identical across all pages & desktop/mobile viewports */
#topBanner {
  font-size: clamp(12px, 3.3vw, 14px) !important;
  line-height: 1.35 !important;
  padding: 7px 38px 7px clamp(10px, 3vw, 16px) !important;
  text-align: center !important;
  background-color: #0a588d !important;
  background-image: none !important;
  width: 100% !important;
  box-sizing: border-box !important;
}
#topPromoAnnouncementText {
  font-family: 'Open Sans', system-ui, -apple-system, sans-serif !important;
  font-size: inherit !important;
  font-weight: 500 !important;
  letter-spacing: -0.01em !important;
  display: inline-block !important;
  color: #ffffff !important;
  max-width: 100% !important;
}
@media (min-width: 640px) {
  #topBanner {
    font-size: 14px !important;
    padding: 6px 36px 6px 16px !important;
  }
  #topPromoAnnouncementText {
    font-size: 14px !important;
    font-weight: 500 !important;
  }
}
html[lang="ar"] #topPromoAnnouncementText,
html[dir="rtl"]:not([lang="ku"]) #topPromoAnnouncementText {
  font-family: 'Cairo', 'Segoe UI', Tahoma, Arial, sans-serif !important;
}
html[lang="en"] #topPromoAnnouncementText,
html[dir="ltr"] #topPromoAnnouncementText,
html:not([lang="ar"]):not([dir="rtl"]) #topPromoAnnouncementText {
  font-family: 'Open Sans', 'Segoe UI', Tahoma, -apple-system, sans-serif !important;
}

/* =========================================================================
   STOREWIDE UNIVERSAL TYPOGRAPHY LOCK - SANS-SERIF GUARANTEE (FRAME 0)
   ========================================================================= */
/* Storefront Arabic: Enforce Cairo on Storefront Arabic elements */
html[dir="rtl"]:not([lang="ku"]):not(.lang-ku):not(.admin-dashboard),
html[lang="ar"]:not(.admin-dashboard),
html.lang-ar:not(.admin-dashboard),
body.lang-ar:not(.admin-dashboard),
html[dir="rtl"]:not([lang="ku"]):not(.lang-ku):not(.admin-dashboard) body:not(.admin-dashboard):not(.lang-ku),
html[dir="rtl"]:not([lang="ku"]):not(.lang-ku):not(.admin-dashboard) *:not(.fa):not(.fas):not(.far):not(.fab):not(.fa-solid):not(.fa-regular):not(.fa-brands),
html[lang="ar"]:not(.admin-dashboard) *:not(.fa):not(.fas):not(.far):not(.fab):not(.fa-solid):not(.fa-regular):not(.fa-brands),
html.lang-ar:not(.admin-dashboard) *:not(.fa):not(.fas):not(.far):not(.fab):not(.fa-solid):not(.fa-regular):not(.fa-brands),
body.lang-ar:not(.admin-dashboard) *:not(.fa):not(.fas):not(.far):not(.fab):not(.fa-solid):not(.fa-regular):not(.fa-brands),
html[dir="rtl"]:not([lang="ku"]):not(.lang-ku):not(.admin-dashboard) button,
html[dir="rtl"]:not([lang="ku"]):not(.lang-ku):not(.admin-dashboard) input,
html[dir="rtl"]:not([lang="ku"]):not(.lang-ku):not(.admin-dashboard) select,
html[dir="rtl"]:not([lang="ku"]):not(.lang-ku):not(.admin-dashboard) textarea,
html[dir="rtl"]:not([lang="ku"]):not(.lang-ku):not(.admin-dashboard) optgroup,
html[dir="rtl"]:not([lang="ku"]):not(.lang-ku):not(.admin-dashboard) option,
html[dir="rtl"]:not([lang="ku"]):not(.lang-ku):not(.admin-dashboard) h1,
html[dir="rtl"]:not([lang="ku"]):not(.lang-ku):not(.admin-dashboard) h2,
html[dir="rtl"]:not([lang="ku"]):not(.lang-ku):not(.admin-dashboard) h3,
html[dir="rtl"]:not([lang="ku"]):not(.lang-ku):not(.admin-dashboard) h4,
html[dir="rtl"]:not([lang="ku"]):not(.lang-ku):not(.admin-dashboard) h5,
html[dir="rtl"]:not([lang="ku"]):not(.lang-ku):not(.admin-dashboard) h6,
html[dir="rtl"]:not([lang="ku"]):not(.lang-ku):not(.admin-dashboard) p,
html[dir="rtl"]:not([lang="ku"]):not(.lang-ku):not(.admin-dashboard) span,
html[dir="rtl"]:not([lang="ku"]):not(.lang-ku):not(.admin-dashboard) a,
html[dir="rtl"]:not([lang="ku"]):not(.lang-ku):not(.admin-dashboard) div,
html[dir="rtl"]:not([lang="ku"]):not(.lang-ku):not(.admin-dashboard) li,
html[dir="rtl"]:not([lang="ku"]):not(.lang-ku):not(.admin-dashboard) td,
html[dir="rtl"]:not([lang="ku"]):not(.lang-ku):not(.admin-dashboard) th,
html[dir="rtl"]:not([lang="ku"]):not(.lang-ku):not(.admin-dashboard) label,
html[dir="rtl"]:not([lang="ku"]):not(.lang-ku):not(.admin-dashboard) aside,
html[dir="rtl"]:not([lang="ku"]):not(.lang-ku):not(.admin-dashboard) nav,
html[dir="rtl"]:not([lang="ku"]):not(.lang-ku):not(.admin-dashboard) section,
html[dir="rtl"]:not([lang="ku"]):not(.lang-ku):not(.admin-dashboard) header,
html[dir="rtl"]:not([lang="ku"]):not(.lang-ku):not(.admin-dashboard) footer,
html[dir="rtl"]:not([lang="ku"]):not(.lang-ku):not(.admin-dashboard) article,
html[dir="rtl"]:not([lang="ku"]):not(.lang-ku):not(.admin-dashboard) #cartDrawerPanel *,
html[dir="rtl"]:not([lang="ku"]):not(.lang-ku):not(.admin-dashboard) #wishlistDrawerPanel * {
  font-family: 'Cairo', 'Tajawal', 'Segoe UI', Tahoma, Arial, sans-serif !important;
}

/* =========================================================================
   KURDISH & ADMIN DASHBOARD UNIFIED TYPOGRAPHY (100% VAZIRMATN)
   Single harmonious font across all sections, buttons, inputs, tables, & modals
   ========================================================================= */
html[lang="ku"],
html.lang-ku,
body.lang-ku,
html.admin-dashboard:not([lang="en"]),
body.admin-dashboard:not(.lang-en),
html[lang="ku"] body,
html[lang="ku"] *:not(.fa):not(.fas):not(.far):not(.fab):not(.fa-solid):not(.fa-regular):not(.fa-brands),
html.lang-ku *:not(.fa):not(.fas):not(.far):not(.fab):not(.fa-solid):not(.fa-regular):not(.fa-brands),
body.lang-ku *:not(.fa):not(.fas):not(.far):not(.fab):not(.fa-solid):not(.fa-regular):not(.fa-brands),
html.admin-dashboard:not([lang="en"]) *:not(.fa):not(.fas):not(.far):not(.fab):not(.fa-solid):not(.fa-regular):not(.fa-brands),
body.admin-dashboard:not(.lang-en) *:not(.fa):not(.fas):not(.far):not(.fab):not(.fa-solid):not(.fa-regular):not(.fa-brands),
html[lang="ku"] button,
html[lang="ku"] input,
html[lang="ku"] select,
html[lang="ku"] textarea,
html[lang="ku"] optgroup,
html[lang="ku"] option,
html[lang="ku"] h1,
html[lang="ku"] h2,
html[lang="ku"] h3,
html[lang="ku"] h4,
html[lang="ku"] h5,
html[lang="ku"] h6,
html[lang="ku"] p,
html[lang="ku"] span,
html[lang="ku"] a,
html[lang="ku"] div,
html[lang="ku"] li,
html[lang="ku"] td,
html[lang="ku"] th,
html[lang="ku"] label,
html[lang="ku"] aside,
html[lang="ku"] nav,
html[lang="ku"] section,
html[lang="ku"] header,
html[lang="ku"] footer,
html[lang="ku"] article,
html[lang="ku"] code,
html[lang="ku"] pre,
html[lang="ku"] .font-sans,
html[lang="ku"] .font-mono,
html[lang="ku"] .font-centrale,
html[lang="ku"] .font-centrale-bold,
html[lang="ku"] .font-bold,
html[lang="ku"] .font-semibold,
html[lang="ku"] .font-medium,
html[lang="ku"] .font-normal,
html[lang="ku"] .font-extrabold,
html[lang="ku"] .font-black,
html.admin-dashboard:not([lang="en"]) button,
html.admin-dashboard:not([lang="en"]) input,
html.admin-dashboard:not([lang="en"]) select,
html.admin-dashboard:not([lang="en"]) textarea,
html.admin-dashboard:not([lang="en"]) optgroup,
html.admin-dashboard:not([lang="en"]) option,
html.admin-dashboard:not([lang="en"]) h1,
html.admin-dashboard:not([lang="en"]) h2,
html.admin-dashboard:not([lang="en"]) h3,
html.admin-dashboard:not([lang="en"]) h4,
html.admin-dashboard:not([lang="en"]) h5,
html.admin-dashboard:not([lang="en"]) h6,
html.admin-dashboard:not([lang="en"]) p,
html.admin-dashboard:not([lang="en"]) span,
html.admin-dashboard:not([lang="en"]) a,
html.admin-dashboard:not([lang="en"]) div,
html.admin-dashboard:not([lang="en"]) li,
html.admin-dashboard:not([lang="en"]) td,
html.admin-dashboard:not([lang="en"]) th,
html.admin-dashboard:not([lang="en"]) label,
html.admin-dashboard:not([lang="en"]) aside,
html.admin-dashboard:not([lang="en"]) nav,
html.admin-dashboard:not([lang="en"]) section,
html.admin-dashboard:not([lang="en"]) header,
html.admin-dashboard:not([lang="en"]) footer,
html.admin-dashboard:not([lang="en"]) article,
html.admin-dashboard:not([lang="en"]) code,
html.admin-dashboard:not([lang="en"]) pre,
html.admin-dashboard:not([lang="en"]) .font-sans,
html.admin-dashboard:not([lang="en"]) .font-mono,
html.admin-dashboard:not([lang="en"]) .font-centrale,
html.admin-dashboard:not([lang="en"]) .font-centrale-bold,
html.admin-dashboard:not([lang="en"]) .font-bold,
html.admin-dashboard:not([lang="en"]) .font-semibold,
html.admin-dashboard:not([lang="en"]) .font-medium,
html.admin-dashboard:not([lang="en"]) .font-normal,
html.admin-dashboard:not([lang="en"]) .font-extrabold,
html.admin-dashboard:not([lang="en"]) .font-black {
  font-family: 'Vazirmatn', 'Noto Sans Arabic', system-ui, -apple-system, sans-serif !important;
  letter-spacing: normal !important;
  font-feature-settings: "liga" 1, "calt" 1, "kern" 1 !important;
  font-synthesis: none !important;
}

/* English: Enforce Centrale Sans / Open Sans on ALL elements without exception */
html[dir="ltr"],
html[lang="en"],
html.lang-en,
body.lang-en,
html[dir="ltr"] body,
html[dir="ltr"] *:not(.fa):not(.fas):not(.far):not(.fab):not(.fa-solid):not(.fa-regular):not(.fa-brands),
html[lang="en"] *:not(.fa):not(.fas):not(.far):not(.fab):not(.fa-solid):not(.fa-regular):not(.fa-brands),
html.lang-en *:not(.fa):not(.fas):not(.far):not(.fab):not(.fa-solid):not(.fa-regular):not(.fa-brands),
body.lang-en *:not(.fa):not(.fas):not(.far):not(.fab):not(.fa-solid):not(.fa-regular):not(.fa-brands),
html[dir="ltr"] button,
html[dir="ltr"] input,
html[dir="ltr"] select,
html[dir="ltr"] textarea,
html[dir="ltr"] optgroup,
html[dir="ltr"] option,
html[dir="ltr"] h1,
html[dir="ltr"] h2,
html[dir="ltr"] h3,
html[dir="ltr"] h4,
html[dir="ltr"] h5,
html[dir="ltr"] h6,
html[dir="ltr"] p,
html[dir="ltr"] span,
html[dir="ltr"] a,
html[dir="ltr"] div,
html[dir="ltr"] li,
html[dir="ltr"] td,
html[dir="ltr"] th,
html[dir="ltr"] label,
html[dir="ltr"] aside,
html[dir="ltr"] nav,
html[dir="ltr"] section,
html[dir="ltr"] header,
html[dir="ltr"] footer,
html[dir="ltr"] article {
  font-family: 'Centrale Sans', 'Centrale Sans Regular', 'Open Sans', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif !important;
}

/* Dedicated Price Numbers retain Centrale Sans on Storefront only */
html[dir="rtl"]:not([lang="ku"]):not(.lang-ku):not(.admin-dashboard) .font-centrale,
html[dir="rtl"]:not([lang="ku"]):not(.lang-ku):not(.admin-dashboard) .font-centrale-bold,
html[dir="rtl"]:not([lang="ku"]):not(.lang-ku):not(.admin-dashboard) .price-centrale,
html[dir="rtl"]:not([lang="ku"]):not(.lang-ku):not(.admin-dashboard) .price-currency,
html[dir="rtl"]:not([lang="ku"]):not(.lang-ku):not(.admin-dashboard) .price-number,
html[dir="rtl"]:not([lang="ku"]):not(.lang-ku):not(.admin-dashboard) .product-sku-badge,
html[dir="rtl"]:not([lang="ku"]):not(.lang-ku):not(.admin-dashboard) [data-font="centrale"],
html[dir="ltr"]:not(.admin-dashboard) .font-centrale,
html[dir="ltr"]:not(.admin-dashboard) .font-centrale-bold,
html[dir="ltr"]:not(.admin-dashboard) .price-centrale,
html[dir="ltr"]:not(.admin-dashboard) .price-currency,
html[dir="ltr"]:not(.admin-dashboard) .price-number,
html[dir="ltr"]:not(.admin-dashboard) .product-sku-badge,
html[dir="ltr"]:not(.admin-dashboard) [data-font="centrale"] {
  font-family: 'Centrale Sans Bold', 'Centrale Sans', 'Vazirmatn', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important;
  font-weight: 700 !important;
}

/* Dual Language Container Instant Isolation - Zero Bleed & Zero Flash */
html[dir="rtl"] .lang-en-only,
html[lang="ar"] .lang-en-only,
html[lang="ku"] .lang-en-only,
html.lang-ar .lang-en-only,
html.lang-ku .lang-en-only,
body.lang-ar .lang-en-only,
body.lang-ku .lang-en-only {
  display: none !important;
}

html[dir="ltr"] .lang-ar-only,
html[lang="en"] .lang-ar-only,
html.lang-en .lang-ar-only,
body.lang-en .lang-ar-only {
  display: none !important;
}

/* Mobile Drawer Subcategory RTL Arrow & Indentation */
html[dir="rtl"] #mobileNavCollapse [id^="mobileSub"] a svg,
html[dir="rtl"] #mobileNavCollapse div[id^="mobileSub"] a svg,
html[dir="rtl"] #mobileNavCollapse a > svg.shrink-0,
html.lang-ar #mobileNavCollapse [id^="mobileSub"] a svg,
html.lang-ar #mobileNavCollapse a > svg.shrink-0,
html.lang-ku #mobileNavCollapse [id^="mobileSub"] a svg,
html.lang-ku #mobileNavCollapse a > svg.shrink-0 {
  transform: scaleX(-1) !important;
}

html[dir="rtl"] #mobileNavCollapse [id^="mobileSub"],
html.lang-ar #mobileNavCollapse [id^="mobileSub"],
html.lang-ku #mobileNavCollapse [id^="mobileSub"] {
  padding-left: 0 !important;
  padding-right: 1.75rem !important;
}

/* =========================================================================
   Ultra-Smooth Tactile Language Switcher Pill & Button Animation
   ========================================================================= */
@keyframes langPillPop {
  0% {
    transform: scale(0.92);
  }
  50% {
    transform: scale(1.06);
  }
  100% {
    transform: scale(1);
  }
}

.lang-switcher-pill {
  position: relative;
  display: inline-flex !important;
  align-items: center !important;
  background: #f1f5f9 !important;
  border: 1px solid #e2e8f0 !important;
  border-radius: 9999px !important;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05) !important;
  cursor: pointer !important;
  touch-action: manipulation !important;
  user-select: none !important;
  -webkit-tap-highlight-color: transparent !important;
  transition: border-color 0.2s ease, box-shadow 0.2s ease, background-color 0.2s ease !important;
}

.lang-switcher-pill:hover {
  border-color: rgba(10, 88, 141, 0.3) !important;
  box-shadow: 0 2px 8px rgba(10, 88, 141, 0.1) !important;
}

.lang-switcher-pill button {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 9999px !important;
  border: none !important;
  cursor: pointer !important;
  touch-action: manipulation !important;
  user-select: none !important;
  -webkit-tap-highlight-color: transparent !important;
  transition: all 0.22s cubic-bezier(0.4, 0, 0.2, 1) !important;
  will-change: transform, background-color, color, box-shadow !important;
  outline: none !important;
}

.lang-switcher-pill button:active {
  transform: scale(0.92) !important;
}

header > div:first-child .lang-switcher-pill button.active-lang,
#navbarSupportedContent .lang-switcher-pill button.active-lang,
#mobileNavCollapse .lang-switcher-pill button.active-lang,
.mobile-lang-wrap .lang-switcher-pill button.active-lang,
.lang-switcher-pill button.active-lang {
  background: linear-gradient(135deg, #0a588d 0%, #004578 100%) !important;
  color: #ffffff !important;
  box-shadow: 0 2px 6px rgba(10, 88, 141, 0.35) !important;
  animation: langPillPop 0.28s cubic-bezier(0.34, 1.56, 0.64, 1) !important;
  transform: translateZ(0) !important;
}

.lang-switcher-pill button:not(.active-lang):hover {
  color: #0a588d !important;
  background: rgba(10, 88, 141, 0.06) !important;
}

.lang-switcher-pill .lang-sep {
  color: #cbd5e1 !important;
  pointer-events: none !important;
  user-select: none !important;
}