/** Shopify CDN: Minification failed

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

**/
/* ================================
   PRICE STACK (OLD ABOVE, NEW BELOW)

   Like pinkshopeg style

   Shella: .price.price--sale

   ================================ */

/* 1) تحكم سريع */
:root{
  --old-price-color:  #9CA3AF;/* لون قبل الخصم */
  --new-price-color: #FF2E63
;   /* لون بعد الخصم (ممكن تخليه #111111 لو عايز) */
  --new-price-lift: -2px;       /* قرب الجديد لفوق (سالب=لفوق) */
  --between-gap: 2px;           /* المسافة بين القديم والجديد */
}
/* 2) خلي بلوك السعر نفسه عمودي دايمًا */
.price.price--sale{
  display: flex !important;
  flex-direction: column !important;  /* تحت بعض */
  align-items: flex-start !important; /* نفس نقطة البداية */
  gap: var(--between-gap) !important; /* مسافة بسيطة */
}
/* 3) كل سطر سعر (span) يبدأ من نفس المكان ومايعملش مسافات */

.price.price--sale > span{
  display: inline-flex !important;
  align-items: baseline !important;
  white-space: nowrap !important;   /* LE ما تطلعش سطر لوحدها */
  margin: 0 !important;
  padding: 0 !important;
  gap: 4px !important;              /* مسافة صغيرة بين LE والرقم */
}

/* 4) السعر قبل الخصم (غالبًا أول span) */
.price.price--sale > span:first-child{
  color: var(--old-price-color) !important;
  opacity: 1 !important;
  text-decoration: line-through !important;
}
/* 5) السعر بعد الخصم (غالبًا آخر span) */

.price.price--sale > span:last-child{
  color: var(--new-price-color) !important;
  font-weight: 700 !important;
  /* يقرب لفوق سنة بسيطة */
  position: relative !important;
  top: var(--new-price-lift) !important;
}
/* 6) لو في ستايلات بتضيف "مسطرة/مسافة" بسبب gap عام أو justify */
.price.price--sale,
.price.price--sale *{
  justify-content: flex-start !important;

}
البار الهيدر

/* إجبار تغيير لون الـ Announcement Bar بالكامل */
.header__tape, 
[data-js-header-tape], 
.header__tape--style-1 {
    background-color: #F6457C !important; /* اللون الوردي المطلوب */
    background: #F6457C !important;
    padding: 8px 0 !important;
    border: none !important;
}

/* توحيد شكل النصوص في سطر واحد ومنع اللون الأسود */
[data-js-header-tape] .container > div,
.header__tape .container > div {
    display: flex !important;
    flex-wrap: nowrap !important;
    justify-content: center !important;
    align-items: center !important;
}

/* استهداف النصوص والروابط داخل الشريط */
[data-js-header-tape] p, 
[data-js-header-tape] a,
.header__tape p,
.header__tape a,
.header__tape span {
    color: #FFFFFF !important; /* لون النص أبيض صريح */
    fill: #FFFFFF !important; /* للأيقونات إذا وجدت */
    font-size: 13px !important;
    font-weight: 500 !important;
    margin: 0 10px !important;
    white-space: nowrap !important;
    text-decoration: none !important;
}

/* إخفاء زر الإغلاق لضمان استقامة السطر */
[data-js-header-tape] [data-js-action="close"],
.header__tape [data-js-action="close"] {
    display: none !important;
}
الزرار بوتون مقاسات

/* توحيد الطول بناءً على مقاس مربع الكمية 35px */
.product-page-info__button-add-to-cart {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
}

/* ضبط زرار أضف للسلة ليكون بطول 35px */
.product-page-info__button-add-to-cart .btn {
  flex: 1 !important;
  height: 35px !important; /* نفس طول مربع الكمية بالظبط */
  min-height: 35px !important; /* كسر قيود الثيم الـ 60px */
  padding: 0 !important;
  margin: 0 !important;
  font-size: 12px !important; /* تصغير الخط ليناسب الطول الجديد */
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

/* ضبط مربع الكمية لضمان الثبات */
.product-form__item--quantity {
  flex: 0 0 102px !important; /* العرض الذي ظهر في الـ Inspect */
  height: 35px !important;
}

.product-form__item--quantity input {
  height: 35px !important;
  min-height: 35px !important;
  line-height: 35px !important;
  padding: 0 !important;
}
/* =========================================
   FIX: Remove Shella separator/space before new price
   ========================================= */

/* 1) شيل الفاصل الوهمي اللي بيعمل مسافة */
.price--sale > span:not(:first-child)::before{
  content: "" !important;
  display: none !important;
}

/* 2) لو الثيم عامل مسافة للسطر التاني نفسه */
.price--sale > span:not(:first-child){
  margin-left: 0 !important;
  padding-left: 0 !important;
  margin-inline-start: 0 !important;
  padding-inline-start: 0 !important;
}

/* 3) (اختياري) تأكيد إن كل سطر يبدأ من نفس المكان */
.price.price--sale{
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
}
.price.price--sale > span{
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;