/** Shopify CDN: Minification failed

Line 160:0 All "@import" rules must come first

**/
/* ---------------------- Google Fonts ---------------------- */
@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@400;600;700&family=Playfair+Display:wght@400;500;600;700&family=Roboto:wght@300;400;500;700&display=swap');


/* ==========================================================
   1) TYPOGRAPHY BASELINE
   ----------------------------------------------------------
   - EN: Headings -> Playfair, Body -> Roboto
   - AR: Headings/Body -> Cairo
   ========================================================== */

/* -------- English: Headings -------- */
html[lang="en"] h1,
html[lang="en"] h2,
html[lang="en"] h3,
html[lang="en"] h4,
html[lang="en"] h5,
html[lang="en"] h6,
html[lang="en"] .page-title,
html[lang="en"] .section-title {
  font-family: 'Playfair Display', serif !important;
  font-weight: 400 !important;
  line-height: 1.25 !important;
  letter-spacing: .3px !important;
  text-transform: none !important;
}

/* -------- English: Body -------- */
html[lang="en"] body,
html[lang="en"] p,
html[lang="en"] li,
html[lang="en"] span,
html[lang="en"] a,
html[lang="en"] label,
html[lang="en"] input,
html[lang="en"] button,
html[lang="en"] textarea,
html[lang="en"] select {
  font-family: 'Roboto', sans-serif !important;
  font-weight: 400 !important;
  line-height: 1.7 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
  font-size: 16px;
}

/* -------- Arabic: Headings -------- */
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"] .page-title,
html[lang="ar"] .section-title {
  font-family: 'Cairo', sans-serif !important;
  font-weight: 700 !important;
  line-height: 1.4 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
}

/* -------- Arabic: Body -------- */
html[lang="ar"] body,
html[lang="ar"] p,
html[lang="ar"] li,
html[lang="ar"] span,
html[lang="ar"] a,
html[lang="ar"] label,
html[lang="ar"] input,
html[lang="ar"] button,
html[lang="ar"] textarea,
html[lang="ar"] select {
  font-family: 'Cairo', sans-serif !important;
  font-weight: 400 !important;
  line-height: 1.9 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
  font-size: 16px;
}


/* ==========================================================
   2) CONSISTENT SIZES (close to parent site)
   - تُطبّق على صفحات المحتوى والقوالب العامة أيضًا
   ========================================================== */

/* العنوان الرئيسي للصفحات */
.page-title,
.section-title,
h1 {
  font-size: 34px !important;
  line-height: 1.25 !important;
  margin: 0 0 24px !important;
}

/* عناوين فرعية */
h2 { font-size: 28px !important; line-height: 1.3 !important;  margin: 24px 0 12px !important; }
h3 { font-size: 22px !important; line-height: 1.35 !important; margin: 20px 0 10px !important; }
h4 { font-size: 18px !important; line-height: 1.4 !important;  margin: 16px 0 8px  !important; }

p  { margin: 0 0 15px !important; }
ul, ol { margin: 0 0 16px 0 !important; }

/* أحجام أصغر قليلاً على الموبايل */
@media (max-width: 767px) {
  .page-title, .section-title, h1 { font-size: 28px !important; }
  h2 { font-size: 22px !important; }
  h3 { font-size: 18px !important; }
}


/* ==========================================================
   3) PAGE CONTENT CLEANUP (remove quote box & marks)
   ========================================================== */
.template-page .rte blockquote,
.template-page blockquote {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  padding: 0 !important;
  margin: 0 0 16px !important;
}

.template-page .rte blockquote::before,
.template-page .rte blockquote::after,
.template-page blockquote::before,
.template-page blockquote::after,
.template-page q::before,
.template-page q::after {
  content: none !important;
  display: none !important;
}


/* ==========================================================
   4) COLLECTIONS SECTION (لو عندك سكشن داكن – أبيّض العنوان)
   ========================================================== */
.se_collection_list .heading,
.kalles-section .collections_list .heading,
.section-title.collection_title {
  color: #ffffff !important;  /* يمكن حذفها لو ما تحتاج أبيض */
}

/* تخفيف العنوان الفرعي على الموبايل */
@media (max-width: 767px) {
  .se_collection_list .subheading,
  .kalles-section .collections_list .subheading {
    font-weight: 400 !important;
    font-size: 14px !important;
    line-height: 1.6 !important;
  }
}
/* تأكد من تحميل الخط */
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;500;600;700&display=swap');

/* عناوين صفحات المحتوى الإنجليزية (مثل Privacy & Cookies) */
html[lang="en"] .template-page .page-title,
html[lang="en"] .template-page .page-title h1,
html[lang="en"] .template-page h1.page-title,
html[lang="en"] .rte h1.page-title {
  font-family: 'Playfair Display', serif !important;
  font-weight: 400 !important;           /* لا تجعلها Bold */
  text-transform: uppercase;              /* أحرف كبيرة */
  letter-spacing: .15em;                  /* تباعد مثل الأم */
  font-size: 30px;                        /* عدّلها لو أردت */
  line-height: 1.25;
  margin: 0 0 24px;
  color: #0f172a;                         /* لون داكن مشابه */
  font-synthesis: none;                   /* لمنع الـ bold المصطنع */
}

/* عناوين فرعية داخل الصفحة (اختياري لتطابق الأسلوب) */
html[lang="en"] .template-page h2 {
  font-family: 'Playfair Display', serif !important;
  font-weight: 400 !important;
  text-transform: uppercase;
  letter-spacing: .12em;
  font-size: 18px;
  line-height: 1.3;
  margin: 22px 0 10px;
}
/* اجعل كل أسعار المنتجات باللون الأسود (يغطي Kalles) */
:root {
  /* لو الثيم يستخدم متغيرات للألوان */
  --t4s-price-color: #000 !important;
  --t4s-sale-price-color: #000 !important;
}

/* كلاسّات الأسعار الشائعة في Kalles + Shopify */
.t4s-product .price,
.t4s-product .price *,
.t4s-product-price,
.t4s-product-price *,
.t4s-price, .t4s-price *,
.t4s-money, .t4s-money *,
.price, .price *,
.product-price, .product-price *,
.price__current, .price__regular, .price__sale,
.t4s-product-info__price,
.t4s-product-info__price *,
.tc-price, .tc-price * {
  color: #000 !important;
}

/* لو فيه سعر قديم (مقارن) خلّيه رمادي ومشطوب */
.t4s-product .price del,
.t4s-product .price del *,
.price--compare,
.price--compare * {
  color: #666 !important;
  text-decoration: line-through !important;
}

/* تأكيد أن السعر الحالي (بدون del) يبقى أسود */
.t4s-product .price ins,
.t4s-product .price ins *,
.price__current .money,
.price .current-price {
  color: #000 !important;
}
/* ====== شكل عام لصفحة المنتج ====== */
.template-product .product-single,
.template-product .t4s-product-template,
.template-product .product__wrapper {
  max-width: 1200px;
  margin: 0 auto;
  padding: 40px 16px;
}

/* ====== العنوان (مثل الموقع الأم – Playfair) ====== */
.template-product h1,
.template-product .product__title,
.template-product .t4s-pr__title {
  font-family: 'Playfair Display', serif !important;
  font-weight: 400 !important;
  letter-spacing: .5px;
  text-transform: none;
  line-height: 1.25;
  font-size: 34px;            /* كبر/صغر على ذوقك */
  color: #0f253c;
  margin-bottom: 6px;
}

/* ====== النجوم / التقييم مسافة لطيفة تحته ====== */
.template-product .spr-starrating,
.template-product .t4s-pr__rating {
  margin: 6px 0 10px;
}

/* ====== السعر (أغمق وبحجم مريح) ====== */
.template-product .price,
.template-product .price__regular .price-item,
.template-product .t4s-pr__price,
.template-product .t4s-pr__price * {
  color: #0f253c !important;
  font-size: 20px !important;
  font-weight: 500;
}

/* السعر السابق (إن وُجد) بلون أخف */
.template-product .price__sale .price-item--regular,
.template-product .t4s-pr__price del {
  color: #8a95a6 !important;
}

/* ====== ترتيب صف الكمية + زر الإضافة ====== */
.template-product .product-form,
.template-product .product-form form,
.template-product .t4s-pr__form {
  display: grid;
  grid-template-columns: 180px 1fr;
  gap: 12px;
  align-items: center;
  max-width: 720px;
}

/* صندوق الكمية كإطار */
.template-product .quantity,
.template-product .t4s-qty,
.template-product .t4s-qty input {
  border: 1px solid #0f253c !important;
  border-radius: 4px;
  height: 44px;
}
.template-product .t4s-qty button,
.template-product .quantity__button {
  width: 44px;
  min-width: 44px;
}

/* ====== زر الإضافة للسلة – شريط أزرق عريض ====== */
.template-product .product-form__submit,
.template-product .add-to-cart,
.template-product .t4s-pr__btn-addtocart .t4s-btn,
.template-product form [type="submit"] {
  height: 48px;
  line-height: 48px;
  background: #0f253c !important;   /* الأزرق الداكن */
  color: #fff !important;
  border: none !important;
  border-radius: 0 !important;
  text-transform: none !important;
  letter-spacing: .06em;
  font-weight: 500;
  width: 100%;
}

/* تضمن أن زر الإضافة يأخذ العمود الثاني كامل */
.template-product .product-form__submit,
.template-product .add-to-cart,
.template-product form [type="submit"] {
  grid-column: 2 / 3;
}

/* زر Shop Pay أسفله بمسافة */
.template-product .shopify-payment-button {
  margin-top: 12px;
}

/* ====== مسافات تحت الصور المصغرة إن وجدت ====== */
.template-product .product__media-list,
.template-product .t4s-product__media {
  margin-bottom: 24px;
}

/* ====== مسار الصفحة (Breadcrumbs) أنيق وخفيف ====== */
.breadcrumb,
.breadcrumbs,
.t4s-breadcrumbs {
  font-size: 12px;
  color: #7a8699;
}

/* ====== هوامش على الموبايل ====== */
@media (max-width: 767px) {
  .template-product h1,
  .template-product .product__title,
  .template-product .t4s-pr__title {
    font-size: 28px;
  }
  .template-product .product-form,
  .template-product .t4s-pr__form {
    grid-template-columns: 1fr;
  }
  .template-product .product-form__submit,
  .template-product .add-to-cart,
  .template-product form [type="submit"] {
    grid-column: 1 / -1;
  }
}