/* =========================================================
   Dorra Style — CLEAN CSS (Celia Theme)
   مرتب + بدون تكرار + نفس النتائج الحالية
   ========================================================= */

/* =========================================================
   0) Dorra Colors (Highlight)
   ========================================================= */
:root{
  /* Lavender Gradient (فخم ومناسب للمّوف) */
  --dorra-hl-1: #c49ad9;   /* أغمق شوي */
  --dorra-hl-2: #dcc6ff;   /* اللون الأساسي */
  --dorra-hl-3: #efe8ff;   /* لمعة خفيفة */
}

/* =========================================================
   1) HEADER (بدون تخريب)
   ========================================================= */
/* Mobile */
@media (max-width: 768px){
  .top-navbar{
    padding: 0 !important;
    margin: 0 !important;
    min-height: 0 !important;
    height: auto !important;
  }
  .top-navbar .container{
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  header{
    padding: 0 !important;
    margin: 0 !important;
    min-height: 0 !important;
  }
}

/* Desktop */
@media (min-width: 992px){
  .top-navbar{
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    margin: 0 !important;
    min-height: 0 !important;
    height: auto !important;
  }
  .top-navbar .container{
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  header{
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
}


/* =========================================================
   2) FOOTER — إخفاء شارة التوثيق/CR بالكامل
   ========================================================= */
.store-footer__inner salla-trust-badges,
.store-footer__inner .s-trust-badges-wrapper,
.store-footer__inner .s-trust-badges-content,
.store-footer__inner .s-trust-badges-label,
.store-footer__inner .s-trust-badges-number,
.store-footer__inner .s-trust-badges-icon{
  display: none !important;
}


/* =========================================================
   3) FOOTER — أيقونات التواصل (شكل بارلينا) + مقاس نهائي
   ========================================================= */
.s-social-link a{
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 32px !important;
  height: 32px !important;
  border-radius: 50% !important;
  background: #111 !important;
  color: #fff !important;
  transition: all .25s ease !important;
}

.s-social-link a svg{ width: 16px !important; height: 16px !important; }

.s-social-link a svg path{
  transform: scale(1.05);
  transform-origin: center;
}

.s-social-link a:hover{
  transform: scale(1.08);
  background: #000 !important;
}


/* =========================================================
   4) FOOTER — إخفاء رابط الاتصال (tel) + إخفاء واتساب العلوي
   ========================================================= */
footer a[href^="tel:"],
footer a[href*="tel:"],
footer a[aria-label*="اتصال"],
footer a[title*="اتصال"],
footer a[aria-label*="Call"],
footer a[title*="Call"],
footer button[aria-label*="اتصال"],
footer button[title*="اتصال"]{
  display: none !important;
}

/* اخفاء بلوك واتساب العلوي (الذي بجانب الرقم) */
footer a[aria-label="whatsapp"]{
  display: none !important;
}


/* =========================================================
   5) FOOTER — (لو كان فيه wa.me) ضبط اللون والحجم
   ========================================================= */
a[href*="wa.me"] svg,
a[href*="wa.me"] i{
  color: #fff !important;
  fill: #fff !important;
}

a[href*="wa.me"]{
  width: 48px !important;
  height: 48px !important;
}


/* =========================================================
   6) FOOTER — ضغط المسافات للجوال
   ========================================================= */
@media (max-width: 768px){
  .store-footer__contacts-row{
    padding: 0 !important;
    margin: 0 !important;
  }
  .store-footer__inner .container{
    gap: 2px !important;
  }
  .store-footer__inner ul{
    margin-bottom: 0 !important;
  }
  .store-footer__inner ul li:last-child{
    margin-bottom: 0 !important;
  }
  .store-footer__inner{
    padding-top: 4px !important;
    padding-bottom: 4px !important;
  }
}


/* =========================================================
   7) FOOTER — ترتيب سيليا: شعار فوق + صف تحت (يسار بنر / يمين روابط)
   ========================================================= */
footer img.h-10{
  height: 30px !important;
  width: auto !important;
  max-height: none !important;
}

/* نثبت اتجاه شبكة الفوتر LTR عشان "اليسار" يكون يسار فعلاً */
footer .store-footer__inner .container.grid{
  direction: ltr !important;
}

/* Desktop */
@media (min-width: 992px){
  footer .store-footer__inner .lg\:col-\[2\]{
    grid-column: 1 / -1 !important;
    grid-row: 1 !important;
    margin-top: 0 !important;
    text-align: center !important;
    direction: rtl !important;
  }

  footer .store-footer__inner .lg\:col-\[2\] .footer-logos{
    display: none !important;
  }

  footer .store-footer__inner .text-center.order-1.lg\:order-\[unset\]{
    grid-column: 3 !important;
    grid-row: 2 !important;
    text-align: center !important;
    direction: rtl !important;
  }

  footer .store-footer__inner .container.grid::before{
    content: "" !important;
    grid-column: 1 !important;
    grid-row: 2 !important;
    justify-self: center !important;
    align-self: center !important;
    width: 220px !important;
    height: 80px !important;
    background: url("https://cdn.files.salla.network/homepage/2014997527/1eb2f539-fc75-4b7b-af58-684858037f36.webp") center / contain no-repeat !important;
    margin-top: 8px !important;
  }

  footer .store-footer__inner .container.grid > div:empty{
    display: none !important;
  }
}

/* Mobile/Tablet */
@media (max-width: 991px){
  footer .store-footer__inner .container.grid{
    grid-template-columns: 1fr 1fr !important;
    gap: 14px !important;
    align-items: center !important;
  }

  footer .store-footer__inner .lg\:col-\[2\]{
    grid-column: 1 / -1 !important;
    grid-row: 1 !important;
    margin-top: 0 !important;
    text-align: center !important;
    direction: rtl !important;
  }

  footer .store-footer__inner .lg\:col-\[2\] .footer-logos{
    display: none !important;
  }

  footer .store-footer__inner .text-center.order-1.lg\:order-\[unset\]{
    grid-column: 2 !important;
    grid-row: 2 !important;
    text-align: center !important;
    direction: rtl !important;
  }

  footer .store-footer__inner .container.grid::before{
    content: "" !important;
    grid-column: 1 !important;
    grid-row: 2 !important;
    justify-self: center !important;
    align-self: center !important;
    width: 160px !important;
    height: 64px !important;
    background: url("https://cdn.files.salla.network/homepage/2014997527/1eb2f539-fc75-4b7b-af58-684858037f36.webp") center / contain no-repeat !important;
    margin-top: 6px !important;
  }
}


/* =========================================================
   8) SLIDER Images Quality
   ========================================================= */
.hero-slider img,
.main-slider img{
  width: 100%;
  height: auto !important;
  object-fit: cover;
  image-rendering: auto;
}

.hero-slider .swiper-slide,
.main-slider .swiper-slide{
  background-size: cover !important;
  background-position: center center !important;
}

@media (min-width: 1600px){
  .hero-slider img,
  .main-slider img{
    max-width: 1920px;
    margin: 0 auto;
    display: block;
  }
}


/* =========================================================
   9) BEST OFFERS — محاذاة "عرض الكل" داخل نفس خانة العنوان
   ========================================================= */
section[id^="best-offers-"][id$="-slider"]{
  position: relative !important;
  padding-top: 8px !important;
}

section[id^="best-offers-"][id$="-slider"] .lg\:mx-0.text-center.mb-8{
  text-align: right !important;
  direction: rtl !important;
  margin-bottom: 6px !important;
  position: relative !important;
}

section[id^="best-offers-"][id$="-slider"] .w-28{
  display: none !important;
}

section[id^="best-offers-"][id$="-slider"] h2{
  margin: 0 !important;
  font-weight: 900 !important;
  line-height: 1.2 !important;
  padding-left: 120px !important;
  position: relative !important;
  z-index: 2 !important;
  display: inline-flex !important;
  align-items: center !important;
}

section[id^="best-offers-"][id$="-slider"] h2::before{
  content: "";
  position: absolute;
  right: -8px;
  top: 50%;
  transform: translateY(-50%);
  width: 50px;
  height: 34px;
  background: linear-gradient(135deg, var(--dorra-hl-1), var(--dorra-hl-2), var(--dorra-hl-3));
  box-shadow: 0 10px 22px rgba(76,0,80,.10);
  border-radius: 10px;
  z-index: -1;
}

section[id^="best-offers-"][id$="-slider"] div.flex.items-center.gap-8.mt-5{
  position: absolute !important;
  left: 0 !important;
  top: 0 !important;
  transform: translateY(22px) !important;
  margin: 0 !important;
  z-index: 3 !important;
}

section[id^="best-offers-"][id$="-slider"] div.flex.items-center.gap-8.mt-5 > span{
  display: none !important;
}

section[id^="best-offers-"][id$="-slider"] div.flex.items-center.gap-8.mt-5 a{
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  padding: 0 !important;
  height: auto !important;
  font-weight: 700 !important;
  color: #111 !important;
  text-decoration: none !important;
  opacity: .9 !important;
}

section[id^="best-offers-"][id$="-slider"] div.flex.items-center.gap-8.mt-5 a:hover{
  opacity: 1 !important;
  text-decoration: underline !important;
}

section[id^="best-offers-"][id$="-slider"] salla-products-slider{
  margin-top: -12px !important;
}

@media (max-width:768px){
  section[id^="best-offers-"][id$="-slider"] div.flex.items-center.gap-8.mt-5{
    transform: translateY(18px) !important;
  }
}


/* =========================================================
   10) PRODUCT CARD — إخفاء المفضلة + المعاينة
   ========================================================= */
.product-card .s-product-card-wishlist-button,
.product-card .btn--wishlist,
.product-card [aria-label*="مفض"],
.product-card [aria-label*="wishlist"],
.product-card .s-product-card-quick-view,
.product-card .btn--quick-view,
.product-card [aria-label*="معا"],
.product-card [aria-label*="quick"],
.product-card [class*="quick"],
.product-card [class*="Quick"]{
  display: none !important;
}


/* =========================================================
   11) PRODUCT CARD — تحسين عام (ستايل درة)
   ========================================================= */
.product-card{
  border: none !important;
  box-shadow: none !important;
  transition: all .3s ease !important;
  padding: 6px !important;
}

.product-card:hover{
  transform: translateY(-6px);
  box-shadow: 0 12px 28px rgba(0,0,0,.08) !important;
}

.product-card img{
  border-radius: 14px !important;
}

.product-card .s-product-card-content-title,
.product-card h3{
  font-size: 15px !important;
  font-weight: 600 !important;
  margin-top: 8px !important;
  margin-bottom: 4px !important;
  line-height: 1.4 !important;
}

.product-card .s-product-card-price,
.product-card .price{
  font-size: 18px !important;
  font-weight: 800 !important;
  color: #111 !important;
  margin-bottom: 4px !important;
}

.product-card .s-product-card-content{
  padding: 6px 4px !important;
}


/* =========================================================
   12) PRODUCT CARD — تقليل المسافة بين السعر وزر السلة (سيليا)
   ========================================================= */
salla-product-card .s-product-card-price,
salla-product-card .price{
  margin-bottom: 4px !important;
}

salla-product-card .s-product-card-footer,
salla-product-card .s-product-card-add-btn,
salla-product-card .btn{
  margin-top: 0 !important;
  padding-top: 4px !important;
}

salla-product-card .s-product-card-content{
  padding-bottom: 6px !important;
}

salla-product-card .s-product-card-content > *{
  margin-bottom: 4px !important;
}


/* =========================================================
   13) PRODUCT TITLE — سطر واحد فقط
   ========================================================= */
.product-card__title,
.product-card__title a{
  display: block !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

.product-card__title{
  height: 24px !important;
  line-height: 1.4 !important;
}


/* =========================================================
   14) زر إضافة للسلة شريط كامل (Desktop) — (كما هو عندك)
   ========================================================= */
@media (min-width: 769px){
  salla-product-card .w-full{
    margin-top: -54px !important;
    position: relative !important;
    z-index: 6 !important;
  }

  salla-product-card .w-full .s-button-element{
    width: 100% !important;
    border-radius: 0 !important;
    border: 0 !important;
    background: rgba(45,45,45,.92) !important;
    color: #fff !important;
    padding: 12px 14px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
  }

  salla-product-card .w-full .s-button-text i{ display:none !important; }

  salla-product-card .w-full .s-button-text::before{
    content:"إضافة للسلة" !important;
    font-weight:800 !important;
    font-size:18px !important;
    color:#fff !important;
  }
}


/* =========================================================
   15) Barleena-style — صورة مربعة + زر Overlay داخل الصورة
   ========================================================= */
.product-card__image{
  position: relative !important;
  overflow: hidden !important;
  border-radius: 5px !important;
}

.product-card__image > a{
  display: block !important;
  position: relative !important;
  width: 100% !important;
  aspect-ratio: 1 / 1 !important;
  overflow: hidden !important;
  margin: 0 !important;
  padding: 0 !important;
  padding-bottom: 0 !important;
  border-radius: 5px !important;
}

.product-card__image > a img,
.product-card .product-card__image > a > img,
.product-card .product-card__image img.main-image{
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  display: block !important;
  border-radius: 5px !important;
}

/* اخفِ زر السلة الخارجي */
.product-card__normal-cart{
  display: none !important;
}

/* زر Overlay ملاصق للصورة (جوال + كمبيوتر) */
.product-card__image .product-card__addToCart.mobile{
  display: block !important; /* مهم عشان يظهر على الديسكتوب */
  position: absolute !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  transform: translateY(0) !important;
  z-index: 15 !important;
}

.product-card__image .product-card__addToCart.mobile .s-button-wrap{
  margin: 0 !important;
  padding: 0 !important;
  display: block !important;
}

.product-card__image .product-card__addToCart.mobile button{
  width: 100% !important;
  margin: 0 !important;
  border: 0 !important;
  border-radius: 0 0 5px 5px !important;

  padding: 10px 12px !important;
  height: auto !important;
  min-height: unset !important;

  background: #2b002e !important;
  box-shadow: none !important;
  filter: none !important;
  background-image: none !important;

  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  direction: rtl !important;
  white-space: nowrap !important;
}

/* اخفاء أيقونات سلة القديمة */
.product-card__image .product-card__addToCart.mobile i,
.product-card__image .product-card__addToCart.mobile svg,
.product-card__image .product-card__addToCart.mobile [class*="sicon"],
.product-card__image .product-card__addToCart.mobile .s-button-text i,
.product-card__image .product-card__addToCart.mobile .s-button-text svg{
  display: none !important;
}

/* النص + الأيقونة الجديدة (Tajawal + Alignment نهائي) */
.product-card__image .product-card__addToCart.mobile .s-button-text{
  font-size: 0 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 5px !important; /* قريب ومتوازن */
  line-height: 1 !important;
  font-family: inherit !important;
  font-weight: 700 !important;
}

/* نص الزر */
.product-card__image .product-card__addToCart.mobile .s-button-text::after{
  content: "أضف إلى السلة" !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  color: #fff !important;
  line-height: 1 !important;
  display: inline-block !important;
}

/* أيقونة Bag مودرن */
.product-card__image .product-card__addToCart.mobile .s-button-text::before{
  content: "" !important;
  width: 20px !important;
  height: 20px !important;
  display: inline-block !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: contain !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Crect x='5' y='8' width='14' height='12' rx='2' stroke='%23ffffff' stroke-width='1.6'/%3E%3Cpath d='M9 8a3 3 0 0 1 6 0' stroke='%23ffffff' stroke-width='1.6' stroke-linecap='round'/%3E%3C/svg%3E") !important;

  /* Optical Perfect مع Tajawal */
  position: relative !important;
  top: -4px !important;
}

/* =====================================
   Dorra Highlight (Lavender Gradient)
   - توحيد الهايلايت لعناوين الأقسام
===================================== */

/* 1) إخفاء الخط تحت العنوان */
.home-block-title .home-block-line{
  display: none !important;
}

/* 2) حذف الوصف لتقليل المسافة */
.home-block-title p{
  display: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* 3) تنسيق العنوان + متغيرات الهايلايت */
.home-block-title :is(h1,h2,h3){
  font-weight: 900 !important;
  position: relative !important;
  display: inline-block !important;
  color: #111 !important;
  line-height: 1.2 !important;

  z-index: 0 !important;
  isolation: isolate !important;

  /* 👇 تحكم الهايلايت (تقريباً 4 حروف) */
  --hl-width: 1.45em;
  --hl-height: 1.08em;
  --hl-radius: 16px;

  /* تدرج لافندر */
  --hl-bg: linear-gradient(135deg, var(--dorra-hl-1), var(--dorra-hl-2), var(--dorra-hl-3));
}

/* 4) الهايلايت خلف أول 4 حروف فقط */
.home-block-title :is(h1,h2,h3)::before{
  content: "";
  position: absolute;
  right: 0;              /* يبدأ من أول الكلمة (يمين) */
  top: 0.10em;
  width: var(--hl-width);
  height: var(--hl-height);
  background: var(--hl-bg);
  border-radius: var(--hl-radius);
  z-index: -1;

  /* لمعة خفيفة */
  box-shadow: 0 10px 22px rgba(76,0,80,.10);
}

/* 5) تقليل المسافة بين العنوان والأقسام */
.home-block-title{
  margin-bottom: 8px !important;
}

.home-block-title + .container{
  margin-top: 10px !important;
}

/* 6) تقليل مسافة اسم القسم تحت الصورة */
#circle-links-slider-1 h3{
  margin-top: 12px !important;
  font-weight: 800 !important;
}

/* ================================= */
/* أقسام مستطيلة شبه مربعة          */
/* ================================= */

#circle-links-slider-1 .swiper-slide > a,
#circle-links-slider-1 .swiper-slide img,
#circle-links-slider-1 .swiper-slide .aspect-square {
  border-radius: 8px !important;   /* تقويس خفيف جداً */
  overflow: hidden !important;
}

/* إلغاء التدوير الدائري من الثيم */
#circle-links-slider-1 .rounded-full {
  border-radius: 8px !important;
}

/* =====================================
   الرئيسية – بطاقتين مضبوط بالجوال
===================================== */
@media (max-width: 768px){

  :root{
    --edge: 6px;   /* يمين ويسار الصفحة */
    --gap: 1px;    /* بين البطاقتين */
  }

  /* الحواف الخارجية */
  .container,
  .s-block,
  .s-products-block{
    padding-left: var(--edge) !important;
    padding-right: var(--edge) !important;
  }

  /* السلايدر بدون فراغ إضافي */
  .swiper{
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  /* فراغ بين البطاقتين */
  .swiper-wrapper.s-slider-swiper-wrapper{
    gap: var(--gap) !important;
  }

  /* تثبيت بطاقتين */
  .swiper-wrapper.s-slider-swiper-wrapper
  > .s-products-slider-card.swiper-slide{
    width: calc((100% - var(--gap)) / 2) !important;
    flex: 0 0 calc((100% - var(--gap)) / 2) !important;
    margin: 0 !important;
    padding: 0 !important;
    box-sizing: border-box !important;
  }
}
/* إخفاء مسار التنقل (Breadcrumbs) */
nav.breadcrumbs{
  display: none !important;
  visibility: hidden !important;
  height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}
/* شريط مزايا نحيف + خط فاصل */

.dorra-features-bar{
  background:#000;
  color:#fff;
  width:100%;
  padding:6px 10px !important;
  margin:0 !important;
}

.dorra-features-bar .dorra-row{
  display:flex;
  align-items:center;
  justify-content:center;
}

.dorra-features-bar .dorra-item{
  flex:0 0 auto;
  display:flex;
  align-items:center;
  gap:6px;
  font-size:16px !important;
  white-space:nowrap;
  position:relative;
  padding:0 12px;
}

/* الخط الفاصل */
.dorra-features-bar .dorra-item:not(:last-child)::after{
  content:"";
  position:absolute;
  left:0;
  top:50%;
  transform:translateY(-50%);
  width:1px;
  height:14px;
  background:rgba(255,255,255,0.3);
}

.dorra-features-bar img{
  width:14px !important;
  height:14px !important;
}

@media (max-width:768px){
  .dorra-features-bar .dorra-item{
    font-size:11px !important;
    padding:0 10px;
  }
}
/* اسم المنتج */
.product-card__title,
.product-card__title a{
  font-size: 16px !important;   /* زد/نقص */
  line-height: 1.35 !important;
}

/* السعر */
.product-card__price .total-price,
.product-card__price .before-price{
  font-size: 16px !important;
}

/* (اختياري) أيقونة ريال */
.product-card__price i.sicon-sar{
  font-size: 16px !important;
}

/* أزرار البطاقة (مثل عرض سريع/مفضلة/سلة) */
.product-card__buttons .s-button-text,
.product-card__buttons .s-button-element{
  font-size: 16px !important;
}
/* إزالة الـ Bold من النصوص بعد التكبير */

.product-card__title,
.product-card__title a{
  font-weight: 500 !important;
}

.product-card__price .total-price,
.product-card__price .before-price{
  font-weight: 600 !important;
}
/* توحيد خط زر (إضافة للسلة) داخل بطاقات المنتجات */
.product-card__addToCart,
.product-card__addToCart *,
.product-card__addToCart button.s-button-element,
.product-card__addToCart .s-button-text{
  font-family: inherit !important;
}

/* نفس مقاس النص + وزن طبيعي */
.product-card__addToCart .s-button-text{
  font-size: 16px !important;   /* عدله لو تبي */
  font-weight: 400 !important;  /* 400 إذا تبيه أخف */
  letter-spacing: 0 !important;
}
html { font-size: 18px !important; }

body,
body * {
  font-weight: 300 !important;
}
/* خلي الشريط فل وِدث تحت الهيدر */
.dorra-features-bar{
  width:100% !important;
  max-width:100% !important;
}
/* ===== Dorra: Header Desktop - نفس ستايل بارلينا (هيدر نحيف + بدون هوامش + قائمة سطر واحد) ===== */
@media (min-width: 992px){

  /* خلّي الهيدر بعرض الصفحة وتقليل الفراغات */
  header.store-header,
  header.store-header .container{
    max-width: 100% !important;
  }

  header.store-header .container{
    padding-left: 18px !important;
    padding-right: 18px !important;
  }

  /* تقليل ارتفاع/حشوة مناطق الهيدر */
  header.store-header{
    padding: 0 !important;
    margin: 0 !important;
  }

  /* كثير من ثيمات سلة تستخدم mainnav كحاوية للهيدر */
  #mainnav,
  .mainnav{
    padding-top: 8px !important;
    padding-bottom: 8px !important;
    min-height: unset !important;
    height: auto !important;
  }

  /* تضبيط صف الهيدر (اللوقو + الأيقونات + القائمة) */
  header.store-header .container > .row,
  header.store-header .row{
    align-items: center !important;
  }

  /* ===== القائمة: سطر واحد بدون لف + مسافات أنعم ===== */
  nav ul,
  .main-menu,
  .store-header nav ul{
    display: flex !important;
    flex-wrap: nowrap !important;
    white-space: nowrap !important;
    gap: 14px !important;          /* صغرنا المسافة بين الأقسام */
    margin: 0 !important;
    padding: 0 !important;
    align-items: center !important;
  }

  /* روابط القائمة */
  nav ul li a,
  .main-menu li a,
  .store-header nav a{
    padding: 6px 6px !important;   /* بدل الحشوة الكبيرة */
    line-height: 1.2 !important;
    font-size: 14px !important;    /* يساعد أنها ما تنزل لسطر ثاني */
  }

  /* إذا فيه عناصر تسوي سطر ثاني بالقوة */
  .store-header .nav,
  .store-header .navbar,
  .store-header .navbar-collapse{
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    margin: 0 !important;
  }

  /* ===== الأيقونات/اليسار: تصغير الفراغ ===== */
  .store-header .header-actions,
  .store-header .actions,
  .store-header .icon-wrapper{
    gap: 10px !important;
  }

  /* ===== لو تبغى الهيدر يكون “نظيف” مثل بارلينا: شيل أي خلفية رمادية لو كانت جاية من كلاس ===== */
  header.store-header{
    background: #fff !important;
  }
}
.promotion-banner ul li a{
  font-size: 16px !important;
  font-weight: 300 !important;
}
/* ===== Dorra Footer: SUPER FLAT (Desktop) ===== */
@media (min-width: 992px){

  .store-footer svg.store-footer__curve{ display:none !important; }

  .store-footer .store-footer__inner{
    padding-top: 6px !important;
    padding-bottom: 4px !important;
  }

  .store-footer .store-footer__inner .container{
    gap: 6px !important;
  }

  .store-footer .footer-description{
    margin-top: 2px !important;
    margin-bottom: 2px !important;
    line-height: 1.45 !important;
  }

  .store-footer h3{
    margin-bottom: 4px !important;
  }

  .store-footer .footer-list a{
    margin-bottom: 2px !important;
    line-height: 1.15 !important;
  }

  .store-footer salla-social{
    margin-top: 2px !important;
  }

  .store-footer .footer-bottom{
    padding-top: 2px !important;
    padding-bottom: 2px !important;
  }

  .store-footer .lg\:-mt-\[45px\]{
    margin-top: 0 !important;
    transform: none !important;
  }
}
/* =========================
   Dorra Ads Banner System
   - Desktop: no radius + no crop
   - Mobile: stays nice (contain)
   ========================= */

.dorra-ad-banner{
  display:block !important;
  width:100% !important;

  /* عرض الديسكتوب */
  max-width:1300px !important;

  /* بدون هوامش */
  margin:0 auto !important;

  /* بدون حواف */
  border-radius:0 !important;
  overflow:hidden;

  /* نسبة تلقائية */
  aspect-ratio:2048 / 448;

  /* ديسكتوب: بدون قص */
  background-size:contain !important;
  background-position:center !important;
  background-repeat:no-repeat !important;
  background-color:transparent !important; /* غيّرها لو تبي */
}

/* الجوال: نفس ستايلك الكشخة */
@media (max-width:768px){
  .dorra-ad-banner{
    width:100% !important;
    max-width:100% !important;
    margin:0 auto !important;

    aspect-ratio:16 / 6;

    background-size:contain !important;
    background-position:center center !important;
    background-color:#ffffff;
  }
}

/* روابط البنرات */
.banner1{
  background-image:url("https://i.postimg.cc/15V03FZ9/BNR12.jpg") !important;
}

.banner2{
  background-image:url("https://i.postimg.cc/Z54rxKQq/bnr1.jpg") !important;
}