/** Shopify CDN: Minification failed

Line 485:0 Expected "}" to go with "{"

**/
html[lang="ar"] body {
  direction: rtl;
  text-align: right;
  font-family: "Tajawal", "Cairo", sans-serif;
}

html[lang="ar"] .site-header,
html[lang="ar"] .site-footer,
html[lang="ar"] .main-content,
html[lang="ar"] .cart,
html[lang="ar"] .product-single,
html[lang="ar"] .announcement-bar,
html[lang="ar"] .slideshow__text-content,
html[lang="ar"] .footer-block,
html[lang="ar"] .collection-grid,
html[lang="ar"] .product-single__description,
html[lang="ar"] .site-nav {
  direction: rtl;
  text-align: right;
}

html[lang="ar"] .site-header__icons {
  display: flex;
  flex-direction: row-reverse;
}
/* Center headings in Arabic version */
html[lang="ar"] h1,
html[lang="ar"] h2,
html[lang="ar"] h3,
html[lang="ar"] h4,
html[lang="ar"] h5,
html[lang="ar"] h6,
html[lang="ar"] .section-header,
html[lang="ar"] .title,
html[lang="ar"] .page-title,
html[lang="ar"] .collection-hero__title {
  text-align: center !important;
}
/* === Center ALL headings in Arabic site === */
html[lang="ar"] h1,
html[lang="ar"] h2,
html[lang="ar"] h3,
html[lang="ar"] h4,
html[lang="ar"] h5,
html[lang="ar"] h6,
html[lang="ar"] .title,
html[lang="ar"] .page-title,
html[lang="ar"] .section-title,
html[lang="ar"] .section-header,
html[lang="ar"] .heading,
html[lang="ar"] .heading-title,
html[lang="ar"] .collection-hero__title,
html[lang="ar"] .product__title,
html[lang="ar"] .card__heading,
html[lang="ar"] .footer-block__heading,
html[lang="ar"] .newsletter__heading,
html[lang="ar"] .cart__title,
html[lang="ar"] .blog__title,
html[lang="ar"] .article__title {
  text-align: center !important;
}

/* Hero / Slideshow */
html[lang="ar"] .slideshow__text,
html[lang="ar"] .slideshow__text-content,
html[lang="ar"] .hero__text,
html[lang="ar"] .banner__content {
  text-align: center !important;
  align-items: center !important;
  justify-content: center !important;
}

/* Collection / product section headers in Kalles */
html[lang="ar"] .nt_se_404 .section-title,
html[lang="ar"] .nt_se_product .section-title,
html[lang="ar"] .nt_se_collection .section-title,
html[lang="ar"] .nt_se_blog .section-title,
html[lang="ar"] .nt_se_testimonial .section-title {
  text-align: center !important;
}

/* بطاقات المنتجات – العنوان فقط (بدون الوصف) */
html[lang="ar"] .card__information .card__heading {
  text-align: center !important;
}

/* عناوين أقسام الفوتر */
html[lang="ar"] .site-footer .footer-block__heading {
  text-align: center !important;
}

/* تأكيد أن الفقرات ما تتأثر */
html[lang="ar"] p,
html[lang="ar"] .rte p {
  text-align: inherit !important; /* ما نغيّر فقرات النصوص */
}
/* Center product titles & prices (grid + slider) */
html[lang="ar"] .card__information,
html[lang="ar"] .card__heading,
html[lang="ar"] .card__information .price,
html[lang="ar"] .product-item .product-title,
html[lang="ar"] .product-item .product-title a,
html[lang="ar"] .product-item .price,
html[lang="ar"] .product-grid .product-title,
html[lang="ar"] .product-grid .price,
html[lang="ar"] .products .product-title,
html[lang="ar"] .products .price,
html[lang="ar"] .product-list .product-title,
html[lang="ar"] .product-list .price,
html[lang="ar"] .nt_products .pr .pr_title,
html[lang="ar"] .nt_products .pr .price,
html[lang="ar"] .nt_products .pr .product-info {
  text-align: center !important;
}

/* يضمن إن النص داخل اللينك كمان يتوسّط */
html[lang="ar"] .card__heading a,
html[lang="ar"] .product-title a { 
  display: inline-block;
  text-align: center !important;
  width: 100%;
}
/* Center section subtitles / descriptions in Arabic */
html[lang="ar"] .section-header__subheading,
html[lang="ar"] .section-subheading,
html[lang="ar"] .section-desc,
html[lang="ar"] .collection-hero__description,
html[lang="ar"] .rte,
html[lang="ar"] .rte p,
html[lang="ar"] .rte span {
  text-align: center !important;
}
/* === Center ALL section texts in Arabic (Kalles) === */
html[lang="ar"] .section-title,
html[lang="ar"] .section-subtitle,
html[lang="ar"] .section-header,
html[lang="ar"] .section-header .sub-title,
html[lang="ar"] .section-desc,
html[lang="ar"] .nt_se_XXXXX .section-title,
html[lang="ar"] .nt_se_XXXXX .section-subtitle,
html[lang="ar"] .nt_se_XXXXX .section-header,
html[lang="ar"] .nt_se_XXXXX .section-desc,
html[lang="ar"] .collection-hero__title,
html[lang="ar"] .collection-hero__description,
html[lang="ar"] .page-title,
html[lang="ar"] .page-subtitle,
html[lang="ar"] .rte,
html[lang="ar"] .rte p {
  text-align: center !important;
}
/* Center section descriptions/subtitles in Arabic */
html[lang="ar"] .section-subtitle,
html[lang="ar"] .section-desc,
html[lang="ar"] .section-header__subheading,
html[lang="ar"] .collection-hero__description,
html[lang="ar"] .nt_se_collection .section-subtitle,
html[lang="ar"] .nt_se_product .section-subtitle,
html[lang="ar"] .nt_se_blog .section-subtitle {
  text-align: center !important;
  margin-left: auto;
  margin-right: auto;
}
/* ——— توسيط جميع عناوين وأوصاف الأقسام في العربي ——— */

/* 1) أي هيدر قسم */
html[lang="ar"] .section-header{
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;   /* يوسّط العناصر أفقيًا */
}
html[lang="ar"] .section-header,
html[lang="ar"] .section-header *{
  text-align:center !important;    /* يفرض التوسيط على كل ما داخل الهيدر */
  margin-left:auto !important;
  margin-right:auto !important;
  float:none !important;
}

/* 2) تسميات شائعة في Kalles */
html[lang="ar"] .section-title,
html[lang="ar"] .sub-title,
html[lang="ar"] .section-subtitle,
html[lang="ar"] .section-desc,
html[lang="ar"] .section-header__subheading,
html[lang="ar"] .collection-hero__title,
html[lang="ar"] .collection-hero__description{
  text-align:center !important;
  margin-left:auto !important;
  margin-right:auto !important;
}

/* 3) لو الثيم مولّد أقسام بأسماء nt_se_* خلّي كل أوصافها تتوسّط */
html[lang="ar"] [class^="nt_se_"] .section-title,
html[lang="ar"] [class^="nt_se_"] .sub-title,
html[lang="ar"] [class^="nt_se_"] .section-subtitle,
html[lang="ar"] [class^="nt_se_"] .section-desc{
  text-align:center !important;
  margin-left:auto !important;
  margin-ri
/* Center subtitles/descriptions like "مقاسات كبيرة ..." */
html[lang="ar"] .ld_subtitle,
html[lang="ar"] .ld-subtitle,
html[lang="ar"] .ld_title,
html[lang="ar"] .ld-title {
  text-align: center !important;
  display: block !important;
  margin-left: auto !important;
  margin-right: auto !important;
}
/* توسيط الوصف تحت العناوين في العربي */
html[lang="ar"] .ld_subtitle,
html[lang="ar"] .ld-subtitle,
html[lang="ar"] .lld_sub_title,
html[lang="ar"] .lld_subtitle {
  text-align: center !important;
  display: block !important;
  margin-left: auto !important;
  margin-right: auto !important;
  float: none !important;
}
/* Center exact subtitle span under section headers */
html[lang="ar"] span.ld-subtitle.lld-sub_title.lld-subtitle {
  text-align: center !important;
  display: block !important;
  margin-left: auto !important;
  margin-right: auto !important;
  width: 100% !important;
}
/* Force center alignment for section subtitles in Arabic */
html[lang="ar"] .section-subtitle,
html[lang="ar"] .section-desc,
html[lang="ar"] .ld-subtitle,
html[lang="ar"] span.ld-subtitle,
html[lang="ar"] .ld_subtitle,
html[lang="ar"] span.ld_subtitle.lld-sub_title.lld-subtitle,
html[lang="ar"] .section-header .ld-subtitle,
html[lang="ar"] .section-header .section-desc {
  text-align: center !important;
  display: block !important;
  width: 100% !important;
  margin: 0 auto !important;
  float: none !important;
}
/* توسيط عناوين وأوصاف الأقسام في العربي */
html[lang="ar"] .t4s-section-title,
html[lang="ar"] .t4s-section-des,
html[lang="ar"] .t4s-subtitle {
  text-align: center !important;
  display: block !important;
  margin-left: auto !important;
  margin-right: auto !important;
  width: 100% !important;
}
/* Force center for section descriptions in Arabic */
html[lang="ar"] .t4s-section-des.t4s-subtitle {
  text-align: center !important;
  display: block !important;
  margin-left: auto !important;
  margin-right: auto !important;
  width: 100% !important;
  float: none !important;
}
/* توسيط وصف الأقسام بالعربي */
html[lang="ar"] .t4s-section-des,
html[lang="ar"] .t4s-subtitle,
html[lang="ar"] .t4s-section-subtitle,
html[lang="ar"] .t4s-section-header .t4s-subtitle {
  text-align: center !important;
  display: block !important;
  margin-left: auto !important;
  margin-right: auto !important;
  width: 100% !important;
}
/* ✅ إصلاح ظهور الأيقونات في العربي */

/* خلي اتجاه الأيقونات LTR عشان ما تختفي */
html[lang="ar"] i,
html[lang="ar"] .icon {
  display: inline-block !important;
  direction: ltr !important;
  text-align: center !important;
}

/* محاذاة النص + الأيقونة */
html[lang="ar"] .t4s-nav > li,
html[lang="ar"] .t4s-nav > li a {
  display: flex !important;
  align-items: center !important;
  gap: 5px !important; /* مسافة صغيرة */
  flex-direction: row !important;
}

/* استثناء الأيقونات من التوسيط الإجباري */
html[lang="ar"] .icon,
html[lang="ar"] i {
  float: none !important;
  margin: 0 4px !important;
}
/* رجّع أيقونات قائمة الهيدر في النسخة العربية */
html[lang="ar"] .t4s-nav > li > a{
  display: inline-flex !important;      /* خلي النص + الأيقونة في صف واحد */
  align-items: center !important;
  gap: .5rem !important;                 /* مسافة بينهم */
  overflow: visible !important;          /* ما يقطع الأيقونة */
}

/* أظهر كل أنواع الأيقونات داخل الرابط (i / svg / span) */
html[lang="ar"] .t4s-nav > li > a i,
html[lang="ar"] .t4s-nav > li > a svg,
html[lang="ar"] .t4s-nav > li > a .t4s-nav-icon,
html[lang="ar"] .t4s-nav > li > a i::before{
  display: inline-block !important;
  width: auto !important;
  height: 1em !important;
  line-height: 1 !important;
  visibility: visible !important;
  opacity: 1 !important;
}

/* لو كان في عكس اتجاه مأثّر على الأيقونة، ثبّت الأيقونة نفسها LTR */
html[lang="ar"] .t4s-nav > li > a i,
html[lang="ar"] .t4s-nav > li > a svg{
  direction: ltr !important;
  text-align: center !important;
}
/* 1) رجّع خطّ الأيقونات بدل ما يرث خط Tajawal */
html[lang="ar"] .t4s-nav > li > a i,
html[lang="ar"] i[class^="t4s-"],
html[lang="ar"] i[class*=" t4s-"],
html[lang="ar"] i[class^="la-"],
html[lang="ar"] i[class*=" la-"],
html[lang="ar"] i[class^="las"],
html[lang="ar"] i[class*=" las"],
html[lang="ar"] .t4s-nav-icon,
html[lang="ar"] .t4s-ic {
  font-family: "t4sicon","Line Awesome Free","Font Awesome 5 Free","Font Awesome 5 Pro","Material Icons","icomoon" !important;
  font-style: normal !important;
  font-weight: 900; /* لبعض مكتبات الأيقونات */
  speak: none;
}

/* 2) تأكد إن رابط القائمة يعرض النص + الأيقونة سوا */
html[lang="ar"] .t4s-nav > li > a{
  display: inline-flex !important;
  align-items: center !important;
  gap: .5rem !important;
}

/* 3) ما تخلي الاتجاه يخبّي الأيقونة */
html[lang="ar"] .t4s-nav > li > a i,
html[lang="ar"] .t4s-nav > li > a svg{
  direction: ltr !important;
  text-align: center !important;
  visibility: visible !important;
  opacity: 1 !important;
}
/* إصلاح مشكلة الأيقونات في القوائم العربية */

/* أعيد تعريف خط الأيقونات */
html[lang="ar"] .t4s-nav i,
html[lang="ar"] .t4s-nav .t4s-nav-icon,
html[lang="ar"] .t4s-nav svg,
html[lang="ar"] .t4s-nav [class*="icon"],
html[lang="ar"] .t4s-nav [class^="la"],
html[lang="ar"] .t4s-nav [class^="t4s-ic"] {
  font-family: "t4sicon","Line Awesome Free","Font Awesome 5 Free","Font Awesome 5 Pro","Material Icons","icomoon" !important;
  font-style: normal !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  display: inline-block !important;
  visibility: visible !important;
  opacity: 1 !important;
}

/* خلي الرابط يعرض الأيقونة + النص بمحاذاة طبيعية */
html[lang="ar"] .t4s-nav > li > a {
  display: inline-flex !important;
  flex-direction: row !important; /* أيقونة ثم نص */
  align-items: center !important;
  gap: 6px !important; /* مسافة بينهم */
}
/* رجّع خط Line Awesome لكل أيقونات المنيو في النسخة العربية */
html[lang="ar"] .t4s-nav i[class^="la"],
html[lang="ar"] .t4s-nav i[class*=" la"],
html[lang="ar"] i.la,
html[lang="ar"] i.las,
html[lang="ar"] i.lar,
html[lang="ar"] i.lab {
  font-family: "Line Awesome Free","Line Awesome","Font Awesome 5 Free","Material Icons","icomoon" !important;
  font-style: normal !important;
  font-weight: 900 !important;   /* solid */
  line-height: 1 !important;
  display: inline-block !important;
  direction: ltr !important;     /* ما يتأثر بالـ RTL */
  text-align: center !important;
  visibility: visible !important;
  opacity: 1 !important;
}

/* خلي الرابط يعرض الأيقونة + النص جنب بعض بدون قص */
html[lang="ar"] .t4s-nav > li > a{
  display: inline-flex !important;
  align-items: center !important;
  gap: .5rem !important;
  overflow: visible !important;
}
/* إصلاح أيقونة "las la-info" في النسخة العربية */
html[lang="ar"] i.las.la-info::before {
  font-family: "Line Awesome Free","Line Awesome","Font Awesome 5 Free","Font Awesome 5 Pro","Material Icons","icomoon" !important;
  font-weight: 900 !important;
  content: "\f129"; /* Unicode الخاص بأيقونة info */
  display: inline-block !important;
  visibility: visible !important;
  opacity: 1 !important;
}
/* لا تجعل عناصر <i> ترث خط Tajawal */
html[lang="ar"] i { font-family: initial !important; }

/* عيّن خط الأيقونات لِـ Line Awesome وكل مشتقاتها */
html[lang="ar"] i[class^="la"],
html[lang="ar"] i[class*=" la"],
html[lang="ar"] .t4s-nav i[class^="la"],
html[lang="ar"] .t4s-nav i[class*=" la"]{
  font-family: "Line Awesome Free","Line Awesome","Font Awesome 5 Free","Material Icons","icomoon" !important;
  font-style: normal !important;
  line-height: 1 !important;
  display: inline-block !important;
  direction: ltr !important;
  text-align: center !important;
  visibility: visible !important;
  opacity: 1 !important;
}

/* أوزان مختلفة حسب البادئة */
html[lang="ar"] i.las { font-weight: 900 !important; }   /* Solid */
html[lang="ar"] i.lar { font-weight: 400 !important; }   /* Regular */
html[lang="ar"] i.lab { font-family: "Line Awesome Brands" !important; font-weight: 400 !important; }

/* الرابط يعرض الأيقونة + النص جنب بعض */
html[lang="ar"] .t4s-nav > li > a{
  display: inline-flex !important;
  align-items: center !important;
  gap: .5rem !important;
  overflow: visible !important;
}
/* لا تورّث خط العربي على الـ pseudo-element */
html[lang="ar"] i::before { font-family: inherit !important; }

/* Line Awesome — كل الأيقونات las / la / lar / lab */
html[lang="ar"] i[class^="la"],
html[lang="ar"] i[class*=" la"],
html[lang="ar"] i[class^="la"]::before,
html[lang="ar"] i[class*=" la"]::before{
  font-family: "Line Awesome Free","Line Awesome","Font Awesome 5 Free","Material Icons","icomoon" !important;
  font-style: normal !important;
  line-height: 1 !important;
  display: inline-block !important;
  direction: ltr !important;
  text-align: center !important;
  visibility: visible !important;
  opacity: 1 !important;
}

/* أوزان الخط حسب نوع Line Awesome */
html[lang="ar"] i.las,
html[lang="ar"] i.las::before { font-weight: 900 !important; }  /* Solid */
html[lang="ar"] i.lar,
html[lang="ar"] i.lar::before { font-weight: 400 !important; }  /* Regular */
html[lang="ar"] i.lab,
html[lang="ar"] i.lab::before { font-family: "Line Awesome Brands" !important; font-weight: 400 !important; }

/* روابط القائمة: أيقونة + نص بجانب بعض */
html[lang="ar"] .t4s-nav > li > a{
  display: inline-flex !important;
  align-items: center !important;
  gap: .5rem !important;
  overflow: visible !important;
}
html[lang="ar"] .t4s-nav > li > a { display:inline-flex; align-items:center; gap:8px; }