/* ===== RAWAHL FOOTER - PUT THIS AT LINE 1 ===== */

footer.store-footer[data-testid="store-footer"],
footer.store-footer[data-testid="store-footer"] .store-footer__inner,
footer.store-footer[data-testid="store-footer"] .container,
footer.store-footer[data-testid="store-footer"] > div {
    background: #001033 !important;
    background-color: #001033 !important;
}

/* إجبار جميع أجزاء الفوتر الداخلية */
footer.store-footer[data-testid="store-footer"] div {
    background-color: transparent !important;
}

/* كل الكتابة والروابط أبيض */
footer.store-footer[data-testid="store-footer"],
footer.store-footer[data-testid="store-footer"] *,
footer.store-footer[data-testid="store-footer"] a {
    color: #FFFFFF !important;
}

/* الأيقونات */
footer.store-footer[data-testid="store-footer"] svg {
    color: #FFFFFF !important;
    stroke: #FFFFFF !important;
}

/* أي عناصر وهمية */
footer.store-footer[data-testid="store-footer"]::before,
footer.store-footer[data-testid="store-footer"]::after,
footer.store-footer[data-testid="store-footer"] .store-footer__inner::before,
footer.store-footer[data-testid="store-footer"] .store-footer__inner::after {
    background-color: #001033 !important;

}
/* Add custom CSS styles below */ 
/* ==================================================
   RAWAHL CUSTOM DESIGN
   اللون الأساسي: #050F2C
================================================== */

:root {
  --rawahl-navy: #050F2C;
  --rawahl-background: #F7FAFC;
}


/* ==================================================
   1. الهيدر الرئيسي
================================================== */

.store-header #mainnav,
.store-header #mainnav .inner {
  background-color: var(--rawahl-navy) !important;
}

.store-header #mainnav {
  min-height: 145px !important;
  box-shadow: 0 5px 18px rgba(5, 15, 44, 0.12) !important;
}

.store-header #mainnav .container {
  position: relative !important;
  width: 100% !important;
  max-width: 100% !important;
  padding-right: 32px !important;
  padding-left: 32px !important;
}

.store-header #mainnav .container > .flex {
  min-height: 145px !important;
  align-items: center !important;
}


/* ==================================================
   2. وضع الشعار في منتصف الهيدر
================================================== */

.store-header #mainnav .navbar-brand {
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  z-index: 5 !important;

  width: auto !important;
  max-width: 190px !important;
  height: 110px !important;

  margin: 0 !important;
  transform: translate(-50%, -50%) !important;

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

.store-header #mainnav .navbar-brand img {
  width: auto !important;
  max-width: 190px !important;
  height: auto !important;
  max-height: 110px !important;
  object-fit: contain !important;
}


/* ==================================================
   3. تحويل أيقونات الهيدر إلى الأبيض
================================================== */

.store-header #mainnav .s-user-menu-login-btn,
.store-header #mainnav .s-cart-summary-wrapper,
.store-header #mainnav .header-btn__icon,
.store-header #mainnav .sicon-shopping-bag,
.store-header #mainnav .sicon-menu,
.store-header #mainnav .mburger,
.store-header #mainnav button,
.store-header #mainnav a {
  color: #FFFFFF !important;
}

.store-header #mainnav svg,
.store-header #mainnav svg path {
  color: #FFFFFF !important;
  fill: #FFFFFF !important;
}

.store-header #mainnav .s-user-menu-login-btn,
.store-header #mainnav .s-cart-summary-wrapper {
  border-color: rgba(255, 255, 255, 0.75) !important;
}

.store-header #mainnav .s-cart-summary-count {
  color: #FFFFFF !important;
}


/* ==================================================
   4. قسم المنتج الرئيسي
================================================== */

section[data-testid="store-home-fixed-products"] {
  position: relative !important;
  isolation: isolate !important;
  overflow: hidden !important;

  width: 100vw !important;
  max-width: none !important;
  min-height: 720px !important;

  margin-right: calc(50% - 50vw) !important;
  margin-left: calc(50% - 50vw) !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;

  padding: 90px 24px !important;

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

  background-color: var(--rawahl-background) !important;
}


/* ==================================================
   5. توسيط بطاقة المنتج
================================================== */

section[data-testid="store-home-fixed-products"]
salla-products-list {
  position: relative !important;
  z-index: 3 !important;

  display: block !important;
  width: min(100%, 470px) !important;
  margin: 0 auto !important;
}

section[data-testid="store-home-fixed-products"]
.s-products-list-wrapper {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;

  width: 100% !important;
  margin: 0 auto !important;
}

section[data-testid="store-home-fixed-products"]
custom-salla-product-card {
  width: 100% !important;
  max-width: 470px !important;
  margin: 0 auto !important;

  background-color: #FFFFFF !important;
}


/* ==================================================
   6. كلمة "متخصصون" خلف المنتج
================================================== */

section[data-testid="store-home-fixed-products"]::before,
section[data-testid="store-home-fixed-products"]::after {
  position: absolute !important;
  top: 50% !important;
  z-index: 1 !important;

  color: var(--rawahl-navy) !important;
  font-family: inherit !important;
  font-size: clamp(75px, 9vw, 175px) !important;
  font-weight: 800 !important;
  line-height: 1 !important;
  white-space: nowrap !important;
  direction: rtl !important;

  transform: translateY(-55%) !important;
  pointer-events: none !important;
}


/* الجزء الموجود يسار المنتج */

section[data-testid="store-home-fixed-products"]::before {
  content: "ــــصون" !important;
  right: calc(50% + 225px) !important;
}


/* الجزء الموجود يمين المنتج */

section[data-testid="store-home-fixed-products"]::after {
  content: "متخصــــ" !important;
  left: calc(50% + 225px) !important;
}


/* ==================================================
   7. ضبط التصميم على الجوال
================================================== */

@media screen and (max-width: 767px) {

  .store-header #mainnav,
  .store-header #mainnav .container > .flex {
    min-height: 90px !important;
  }

  .store-header #mainnav .container {
    padding-right: 14px !important;
    padding-left: 14px !important;
  }

  .store-header #mainnav .navbar-brand {
    width: 120px !important;
    max-width: 120px !important;
    height: 72px !important;
  }

  .store-header #mainnav .navbar-brand img {
    max-width: 120px !important;
    max-height: 72px !important;
  }

  .store-header #mainnav .s-cart-summary-content {
    display: none !important;
  }

  section[data-testid="store-home-fixed-products"] {
    min-height: 610px !important;
    padding: 70px 16px !important;
  }

  section[data-testid="store-home-fixed-products"]
  salla-products-list {
    width: min(92vw, 380px) !important;
  }

  section[data-testid="store-home-fixed-products"]::before,
  section[data-testid="store-home-fixed-products"]::after {
    font-size: 58px !important;
    color: rgba(5, 15, 44, 0.14) !important;
  }

  section[data-testid="store-home-fixed-products"]::before {
    right: calc(50% + 145px) !important;
  }

  section[data-testid="store-home-fixed-products"]::after {
    left: calc(50% + 145px) !important;
  }
}/* جعل أيقونة الريال بجانب السلة باللون الأبيض */

.store-header #mainnav .s-cart-summary-total,
.store-header #mainnav .s-cart-summary-total i,
.store-header #mainnav .s-cart-summary-total .sicon-sar,
.store-header #mainnav .s-cart-summary-total .sicon-sar::before,
.store-header #mainnav salla-cart-summary .sicon-sar,
.store-header #mainnav salla-cart-summary .sicon-sar::before {
  color: #FFFFFF !important;
  -webkit-text-fill-color: #FFFFFF !important;
  opacity: 1 !important;
}/* ==================================================
   إصلاح بطاقة المنتج والكتابة على الجوال
================================================== */

@media screen and (max-width: 767px) {

  /* حجم قسم المنتج */
  section[data-testid="store-home-fixed-products"] {
    min-height: 680px !important;
    padding: 65px 15px !important;
    overflow: hidden !important;
  }

  /* تصغير البطاقة وتوسيطها */
  section[data-testid="store-home-fixed-products"]
  salla-products-list {
    position: relative !important;
    z-index: 3 !important;

    display: block !important;
    width: 270px !important;
    max-width: 82vw !important;
    margin: 0 auto !important;
  }

  section[data-testid="store-home-fixed-products"]
  .s-products-list-wrapper {
    display: grid !important;
    grid-template-columns: 1fr !important;
    width: 100% !important;
  }

  /* تحويل بطاقة المنتج من أفقية إلى رأسية */
  section[data-testid="store-home-fixed-products"]
  custom-salla-product-card,
  section[data-testid="store-home-fixed-products"]
  .s-product-card-entry,
  section[data-testid="store-home-fixed-products"]
  .s-product-card-vertical {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;

    width: 100% !important;
    max-width: 270px !important;
    margin: 0 auto !important;

    background-color: #FFFFFF !important;
  }

  /* صورة المنتج بالأعلى */
  section[data-testid="store-home-fixed-products"]
  .s-product-card-image {
    position: relative !important;
    flex: none !important;

    display: block !important;
    width: 100% !important;
    height: 270px !important;
    min-height: 270px !important;
    max-height: 270px !important;

    margin: 0 !important;
  }

  section[data-testid="store-home-fixed-products"]
  .s-product-card-image > a {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
  }

  section[data-testid="store-home-fixed-products"]
  .s-product-card-image img {
    position: static !important;

    display: block !important;
    width: 100% !important;
    height: 100% !important;

    object-fit: cover !important;
  }

  /* معلومات المنتج تحت الصورة */
  section[data-testid="store-home-fixed-products"]
  .s-product-card-content {
    position: relative !important;

    display: flex !important;
    flex-direction: column !important;

    width: 100% !important;
    height: auto !important;
    padding: 16px !important;

    text-align: right !important;
    background-color: #FFFFFF !important;
  }

  section[data-testid="store-home-fixed-products"]
  .s-product-card-content-main,
  section[data-testid="store-home-fixed-products"]
  .s-product-card-content-sub,
  section[data-testid="store-home-fixed-products"]
  .s-product-card-content-footer {
    width: 100% !important;
  }

  section[data-testid="store-home-fixed-products"]
  .s-product-card-content-footer {
    margin-top: 15px !important;
  }

  /* كلمة متخصصون خلف المنتج ككلمة واحدة */
  section[data-testid="store-home-fixed-products"]::before {
    content: "متخصــــــــــــــصون" !important;

    position: absolute !important;
    top: 43% !important;
    right: auto !important;
    left: 50% !important;
    z-index: 1 !important;

    width: max-content !important;

    color: #050F2C !important;
    font-size: 52px !important;
    font-weight: 800 !important;
    line-height: 1 !important;
    white-space: nowrap !important;
    direction: rtl !important;

    opacity: 1 !important;
    transform: translate(-50%, -50%) !important;
    pointer-events: none !important;
  }

  /* إلغاء الجزء الثاني القديم في الجوال */
  section[data-testid="store-home-fixed-products"]::after {
    content: none !important;
    display: none !important;
  }
}/* ==================================================
   تصغير المنتج والكلمة على الجوال
================================================== */

@media screen and (max-width: 767px) {

  section[data-testid="store-home-fixed-products"] {
    min-height: 610px !important;
    padding: 55px 16px !important;
  }

  /* تصغير بطاقة المنتج */
  section[data-testid="store-home-fixed-products"]
  salla-products-list {
    width: 220px !important;
    max-width: 68vw !important;
  }

  section[data-testid="store-home-fixed-products"]
  custom-salla-product-card,
  section[data-testid="store-home-fixed-products"]
  .s-product-card-entry,
  section[data-testid="store-home-fixed-products"]
  .s-product-card-vertical {
    width: 100% !important;
    max-width: 220px !important;
  }

  /* تصغير صورة المنتج */
  section[data-testid="store-home-fixed-products"]
  .s-product-card-image {
    width: 100% !important;
    height: 220px !important;
    min-height: 220px !important;
    max-height: 220px !important;
  }

  /* تقليل المسافات داخل معلومات المنتج */
  section[data-testid="store-home-fixed-products"]
  .s-product-card-content {
    padding: 12px !important;
  }

  section[data-testid="store-home-fixed-products"]
  .s-product-card-content-title {
    font-size: 14px !important;
  }

  section[data-testid="store-home-fixed-products"]
  .s-product-card-content-footer {
    margin-top: 10px !important;
  }

  /* تصغير كلمة متخصصون وإبعادها عن الحواف */
  section[data-testid="store-home-fixed-products"]::before {
    content: "متخصــــــصون" !important;

    top: 42% !important;
    right: auto !important;
    left: 50% !important;

    width: max-content !important;
    max-width: calc(100vw - 40px) !important;

    font-size: 40px !important;
    font-weight: 800 !important;
    white-space: nowrap !important;

    transform: translate(-50%, -50%) !important;
  }

  section[data-testid="store-home-fixed-products"]::after {
    content: none !important;
    display: none !important;
  }
}/* إظهار كلمة متخصصون على جانبي المنتج في الجوال */

@media screen and (max-width: 767px) {

  section[data-testid="store-home-fixed-products"]::before,
  section[data-testid="store-home-fixed-products"]::after {
    display: block !important;
    position: absolute !important;

    top: 42% !important;
    z-index: 1 !important;

    width: auto !important;
    max-width: none !important;

    color: #050F2C !important;
    font-size: 34px !important;
    font-weight: 800 !important;
    line-height: 1 !important;
    white-space: nowrap !important;
    opacity: 1 !important;

    transform: translateY(-50%) !important;
    pointer-events: none !important;
  }

  /* الجزء الموجود يسار المنتج */
  section[data-testid="store-home-fixed-products"]::before {
    content: "ــصون" !important;

    right: calc(50% + 100px) !important;
    left: auto !important;
  }

  /* الجزء الموجود يمين المنتج */
  section[data-testid="store-home-fixed-products"]::after {
    content: "متخصــ" !important;

    right: auto !important;
    left: calc(50% + 100px) !important;
  }
}/* إصلاح كلمة متخصصون على الكمبيوتر */

@media screen and (min-width: 768px) {

  section[data-testid="store-home-fixed-products"]::before,
  section[data-testid="store-home-fixed-products"]::after {
    font-size: clamp(70px, 8vw, 150px) !important;
  }

  /* صون على يسار المنتج */
  section[data-testid="store-home-fixed-products"]::before {
    content: "ــــصون" !important;

    right: calc(50% + 185px) !important;
    left: auto !important;
  }

  /* متخص على يمين المنتج */
  section[data-testid="store-home-fixed-products"]::after {
    content: "متخصــــ" !important;

    right: auto !important;
    left: calc(50% + 185px) !important;
  }
  /* ==================================================
   إخفاء البحث من الواجهة وإظهاره داخل القائمة الجانبية
================================================== */

/* إخفاء شريط البحث العلوي نهائيًا */

body.theme-raed header[data-testid="store-header"] > .top-navbar,
body.theme-raed .store-header > .top-navbar,
body.index.theme-raed header.store-header .top-navbar {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;

  width: 0 !important;
  height: 0 !important;
  min-height: 0 !important;
  max-height: 0 !important;

  padding: 0 !important;
  margin: 0 !important;
  border: 0 !important;

  overflow: hidden !important;
  pointer-events: none !important;
}

body.theme-raed header.store-header .header-search,
body.theme-raed header.store-header salla-search,
body.theme-raed header.store-header [data-testid="store-header-search"],
body.theme-raed header.store-header .s-search-placeholder-wrapper,
body.theme-raed header.store-header .s-search-input-wrapper {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;

  width: 0 !important;
  height: 0 !important;

  padding: 0 !important;
  margin: 0 !important;

  pointer-events: none !important;
}
}/* إخفاء نسخة البحث الخاصة بالجوال بالقوة */

@media screen and (max-width: 1024px) {

  body.theme-raed salla-search[inline],
  body.theme-raed salla-search[oval][inline],
  body.theme-raed .store-header salla-search[inline],
  body.theme-raed .store-header .s-search-inline,
  body.theme-raed .store-header .s-search-placeholder-trigger,
  body.theme-raed [data-testid="store-header-search"] {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;

    position: absolute !important;
    width: 0 !important;
    height: 0 !important;

    padding: 0 !important;
    margin: 0 !important;
    overflow: hidden !important;

    pointer-events: none !important;
  }

  /* إخفاء الحاوية والمساحة البيضاء */
  body.theme-raed .store-header .header-search,
  body.theme-raed header[data-testid="store-header"] .header-search,
  body.theme-raed .store-header .top-navbar {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;

    height: 0 !important;
    min-height: 0 !important;
    max-height: 0 !important;

    padding: 0 !important;
    margin: 0 !important;
    border: 0 !important;

    overflow: hidden !important;
  }
}/* زر واتساب احترافي */
a[href*="wa.me"],
a[href*="api.whatsapp.com"],
a[href*="whatsapp.com/send"] {
    position: fixed !important;
    right: 24px !important;
    bottom: 24px !important;
    z-index: 999999 !important;

    width: 62px !important;
    height: 62px !important;
    padding: 0 !important;

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

    background: #25D366 !important;
    border: 3px solid #FFFFFF !important;
    border-radius: 50% !important;
    box-shadow: 0 5px 18px rgba(0, 0, 0, 0.25) !important;

    font-size: 0 !important;
    overflow: visible !important;
    transition: transform 0.25s ease !important;
}

/* إخفاء الأيقونة القديمة */
a[href*="wa.me"] > *,
a[href*="api.whatsapp.com"] > *,
a[href*="whatsapp.com/send"] > * {
    display: none !important;
}

/* شعار واتساب الأبيض */
a[href*="wa.me"]::before,
a[href*="api.whatsapp.com"]::before,
a[href*="whatsapp.com/send"]::before {
    content: "" !important;
    display: block !important;
    width: 34px !important;
    height: 34px !important;

    background-color: #FFFFFF !important;

    -webkit-mask-image:
        url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/icons/whatsapp.svg") !important;
    mask-image:
        url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/icons/whatsapp.svg") !important;

    -webkit-mask-repeat: no-repeat !important;
    mask-repeat: no-repeat !important;
    -webkit-mask-position: center !important;
    mask-position: center !important;
    -webkit-mask-size: contain !important;
    mask-size: contain !important;
}

/* حركة بسيطة عند مرور الماوس */
a[href*="wa.me"]:hover,
a[href*="api.whatsapp.com"]:hover,
a[href*="whatsapp.com/send"]:hover {
    transform: scale(1.08) !important;
}

/* مقاس مناسب للجوال */
@media screen and (max-width: 767px) {
    a[href*="wa.me"],
    a[href*="api.whatsapp.com"],
    a[href*="whatsapp.com/send"] {
        right: 16px !important;
        bottom: 18px !important;
        width: 55px !important;
        height: 55px !important;
    }

    a[href*="wa.me"]::before,
    a[href*="api.whatsapp.com"]::before,
    a[href*="whatsapp.com/send"]::before {
        width: 30px !important;
        height: 30px !important;
    }
/* =====================================================
   RAWAHL — STORE INCENSE SMOKE
   CSS ONLY
   ===================================================== */


/* البنر الذي يأتي بعد قسم المنتج */
section:has(button):has(img) + section:has(img) {
    position: relative !important;
    overflow: visible !important;
    z-index: 20 !important;
}

/* السماح للدخان بالخروج من حدود البنر */
section:has(button):has(img) + section:has(img),
section:has(button):has(img) + section:has(img) > *,
section:has(button):has(img) + section:has(img) .container {
    overflow: visible !important;
}


/* =========================
   الدخان الأساسي
   ========================= */

section:has(button):has(img) + section:has(img)::before {
    content: "" !important;

    position: absolute !important;

    /* نقطة خروج الدخان من الفحم */
    left: 53.2% !important;
    top: 51% !important;

    width: 85px !important;
    height: 300px !important;

    z-index: 999 !important;
    pointer-events: none !important;

    transform-origin: 50% 100%;

    background:
        radial-gradient(
            ellipse at 50% 92%,
            rgba(255,255,255,.65) 0%,
            rgba(235,235,235,.32) 15%,
            rgba(225,225,225,.10) 34%,
            transparent 53%
        ),
        radial-gradient(
            ellipse at 62% 69%,
            rgba(255,255,255,.42) 0%,
            rgba(230,230,230,.18) 22%,
            transparent 52%
        ),
        radial-gradient(
            ellipse at 37% 46%,
            rgba(255,255,255,.34) 0%,
            rgba(225,225,225,.13) 25%,
            transparent 55%
        ),
        radial-gradient(
            ellipse at 60% 20%,
            rgba(255,255,255,.25) 0%,
            rgba(220,220,220,.08) 27%,
            transparent 58%
        );

    filter: blur(7px);

    animation: rawahlSmokeOne 5.5s ease-in-out infinite !important;
}


/* طبقة دخان ثانية */
section:has(button):has(img) + section:has(img)::after {
    content: "" !important;

    position: absolute !important;

    left: 53.2% !important;
    top: 51% !important;

    width: 65px !important;
    height: 340px !important;

    z-index: 1000 !important;
    pointer-events: none !important;

    transform-origin: 50% 100%;

    background:
        radial-gradient(
            ellipse at 45% 88%,
            rgba(255,255,255,.48) 0%,
            rgba(235,235,235,.20) 20%,
            transparent 50%
        ),
        radial-gradient(
            ellipse at 60% 60%,
            rgba(255,255,255,.32) 0%,
            rgba(230,230,230,.12) 25%,
            transparent 54%
        ),
        radial-gradient(
            ellipse at 40% 30%,
            rgba(255,255,255,.24) 0%,
            rgba(220,220,220,.08) 27%,
            transparent 58%
        );

    filter: blur(9px);

    animation: rawahlSmokeTwo 6.8s ease-in-out .8s infinite !important;
}


/* =========================
   حركة الدخان
   ========================= */

@keyframes rawahlSmokeOne {

    0% {
        opacity: 0;
        transform:
            translate(-50%, -20%)
            translateX(0)
            scale(.30);
    }

    12% {
        opacity: .75;
    }

    30% {
        opacity: .65;
        transform:
            translate(-50%, -65%)
            translateX(7px)
            scale(.55);
    }

    52% {
        opacity: .50;
        transform:
            translate(-50%, -115%)
            translateX(-10px)
            scale(.80);
    }

    75% {
        opacity: .28;
        transform:
            translate(-50%, -175%)
            translateX(13px)
            scale(1.10);
    }

    100% {
        opacity: 0;
        transform:
            translate(-50%, -250%)
            translateX(-16px)
            scale(1.40);
    }
}


@keyframes rawahlSmokeTwo {

    0% {
        opacity: 0;
        transform:
            translate(-50%, -15%)
            translateX(0)
            scale(.25);
    }

    18% {
        opacity: .52;
    }

    42% {
        opacity: .42;
        transform:
            translate(-50%, -90%)
            translateX(-9px)
            scale(.62);
    }

    68% {
        opacity: .25;
        transform:
            translate(-50%, -160%)
            translateX(12px)
            scale(.95);
    }

    100% {
        opacity: 0;
        transform:
            translate(-50%, -260%)
            translateX(-13px)
            scale(1.35);
    }
}


/* =====================================================
   الجوال
   ===================================================== */

@media screen and (max-width: 767px) {

    section:has(button):has(img) + section:has(img)::before {

        left: 53.2% !important;
        top: 51% !important;

        width: 50px !important;
        height: 210px !important;

        filter: blur(5px);
    }


    section:has(button):has(img) + section:has(img)::after {

        left: 53.2% !important;
        top: 51% !important;

        width: 38px !important;
        height: 235px !important;

        filter: blur(6px);
    }
}/* ==========================================
   RAWAHL — تعديل الدخان ليظهر من منتصف البنر للأعلى فقط
   ========================================== */

/* نقطة بداية الدخان */
section:has(button):has(img) + section:has(img)::before,
section:has(button):has(img) + section:has(img)::after {
    top: 50% !important;
    transform-origin: 50% 100% !important;
}


/* الدخان الرئيسي */
@keyframes rawahlSmokeOne {

    0% {
        opacity: 0;
        transform:
            translate(-50%, -100%)
            translateX(0)
            scale(.35);
    }

    12% {
        opacity: .72;
    }

    32% {
        opacity: .62;
        transform:
            translate(-50%, -125%)
            translateX(8px)
            scale(.58);
    }

    55% {
        opacity: .48;
        transform:
            translate(-50%, -160%)
            translateX(-11px)
            scale(.82);
    }

    78% {
        opacity: .25;
        transform:
            translate(-50%, -205%)
            translateX(14px)
            scale(1.08);
    }

    100% {
        opacity: 0;
        transform:
            translate(-50%, -270%)
            translateX(-15px)
            scale(1.38);
    }
}


/* الدخان الخفيف المتداخل */
@keyframes rawahlSmokeTwo {

    0% {
        opacity: 0;
        transform:
            translate(-50%, -100%)
            translateX(0)
            scale(.30);
    }

    16% {
        opacity: .50;
    }

    40% {
        opacity: .40;
        transform:
            translate(-50%, -135%)
            translateX(-10px)
            scale(.60);
    }

    68% {
        opacity: .25;
        transform:
            translate(-50%, -185%)
            translateX(13px)
            scale(.92);
    }

    100% {
        opacity: 0;
        transform:
            translate(-50%, -280%)
            translateX(-14px)
            scale(1.30);

/* =========================================
   RAWAHL — FOOTER
   نفس لون رأس المتجر + كتابة بيضاء
   ========================================= */

/* الفوتر بالكامل */
html body#app footer[data-testid="store-footer"],
html body#app footer[data-testid="store-footer"] .store-footer__inner,
html body#app footer[data-testid="store-footer"] .container {
    background: #001033 !important;
    background-color: #001033 !important;
}

/* إزالة أي خلفية بيضاء من العناصر الداخلية */
html body#app footer[data-testid="store-footer"] > div {
    background-color: #001033 !important;
}

/* جميع النصوص */
html body#app footer[data-testid="store-footer"],
html body#app footer[data-testid="store-footer"] h1,
html body#app footer[data-testid="store-footer"] h2,
html body#app footer[data-testid="store-footer"] h3,
html body#app footer[data-testid="store-footer"] h4,
html body#app footer[data-testid="store-footer"] p,
html body#app footer[data-testid="store-footer"] span,
html body#app footer[data-testid="store-footer"] strong,
html body#app footer[data-testid="store-footer"] small,
html body#app footer[data-testid="store-footer"] li,
html body#app footer[data-testid="store-footer"] a {
    color: #FFFFFF !important;
}

/* أيقونات الهاتف والإيميل وإنستغرام */
html body#app footer[data-testid="store-footer"] svg {
    color: #FFFFFF !important;
    stroke: currentColor !important;
}

/* حدود دوائر الأيقونات */
html body#app footer[data-testid="store-footer"] a:has(svg) {
    border-color: rgba(255,255,255,.35) !important;
}

/* الخط الفاصل في أسفل الفوتر */
html body#app footer[data-testid="store-footer"] hr {
    border-color: rgba(255,255,255,.20) !important;
}