@media (max-width: 768px) {
.container {
  padding-left : 34px;
  padding-right : 34px;
}
}
@media (min-width: 1024px) {
.container {
  padding-left : 100px;
  padding-right : 100px;
}
}

@media (max-width: 768px) {
.s-products-slider-card {
    max-width: 190px !important;
}
}
/*.s-products-list-vertical-cards {
    gap: 1rem !important;
}*/


.main-nav-container .inner {
    padding-bottom: 18px;
    padding-top: 18px;
}


/* إيقاف تأثير الهوفر (تمرير الماوس) والكليك (الضغط) */
.advanced-slider__caption__inner__content__button:hover,
.advanced-slider__caption__inner__content__button:active,
.advanced-slider__caption__inner__content__button:focus {
    background-color: transparent !important; /* إبقاء الخلفية شفافة */
    border: 1px solid #ffffff !important; /* إبقاء الإطار كما هو */
    color: #ffffff !important; /* إبقاء لون النص أبيض */
    box-shadow: none !important; /* إلغاء أي ظل يظهر عند الضغط */
    transform: none !important; /* إلغاء أي حركة، تصغير، أو تكبير */
    opacity: 1 !important; /* منع بهتان الزر */
    outline: none !important; /* إخفاء الإطار الافتراضي الذي يظهر حول الزر بعد الضغط عليه */
}

/* ضمان عدم تغير لون النص داخل الـ span أيضاً عند الضغط أو الهوفر */
.advanced-slider__caption__inner__content__button:hover span,
.advanced-slider__caption__inner__content__button:active span,
.advanced-slider__caption__inner__content__button:focus span {
    color: #ffffff !important;
}
.advanced-slider__caption__inner__content__heading {
    font-size: 32px;
    line-height: 3rem;
}

/* استهداف الأيقونات والنصوص وتلوينها بالأبيض قبل السكرول (في كل الصفحات ما عدا صفحة المنتج) */
body:not(.product-single,.product-index) #mainnav:not(.fixed-header) .sicon-menu,
body:not(.product-single,.product-index) #mainnav:not(.fixed-header) .header-btn__icon,
body:not(.product-single,.product-index) #mainnav:not(.fixed-header) .sicon-user,
body:not(.product-single,.product-index) #mainnav:not(.fixed-header) .sicon-search,
body:not(.product-single,.product-index) #mainnav:not(.fixed-header) .sicon-cart,
body:not(.product-single,.product-index) #mainnav:not(.fixed-header) .sicon-sar,
body:not(.product-single,.product-index) #mainnav:not(.fixed-header) .menu-label,
body:not(.product-single,.product-index) #mainnav:not(.fixed-header) .s-cart-summary-count,
body:not(.product-single,.product-index) #mainnav:not(.fixed-header) .s-cart-summary-total {
    color: #ffffff !important;
}

/* استهداف أيقونة السلة (المرسومة بصيغة SVG) لتلوينها بالأبيض قبل السكرول (في كل الصفحات ما عدا صفحة المنتج) */
body:not(.product-single,.product-index) #mainnav:not(.fixed-header) svg path {
    fill: #ffffff !important;
}

/* جعل الشعار أبيض بالكامل قبل السكرول (في كل الصفحات ما عدا صفحة المنتج) */
body:not(.product-single,.product-index) #mainnav:not(.fixed-header) .logo-normal {
    /* تحويل الألوان للاسود ثم قلب الأسود لأبيض */
    filter: brightness(0) invert(1) !important;
    /* إضافة تأثير انتقال ناعم عند السكرول */
    transition: filter 0.3s ease;
}

/* إعادة الشعار لألوانه الطبيعية بعد السكرول (في كل الصفحات ما عدا صفحة المنتج) */
body:not(.product-single,.product-index) #mainnav.fixed-header .logo-normal {
    filter: none !important;
}
@media only screen and (min-width: 1024px) {
    .main-menu-row .main-menu li.root-level>a {
        color: white;
    }
}

.product-single .store-header .navbar-brand img.logo-normal, .store-header .navbar-brand img.logo-normal {
        height: 80px !important;
        width: auto !important;
        object-fit: contain;
    }


/* استهداف روابط القائمة (الجوال والديسكتوب) والعناوين الفرعية باستخدام خصائص المنصة */
body.product-single #mobile-menu [data-selia="header-menu-item-link"],
body.product-single #mobile-menu [data-selia="header-menu-item-desktop-link"],
body.product-single #mobile-menu [data-selia="header-menu-parent-label"],
body.product-single #mobile-menu [data-selia="header-submenu-view-all"] {
    color: #000000 !important;
}

/* ضمان تطبيق اللون الأسود على النصوص داخل عناصر span التابعة للروابط */
body.product-single #mobile-menu [data-selia="header-menu-item-link"] span,
body.product-single #mobile-menu [data-selia="header-menu-item-desktop-link"] span {
    color: #000000 !important;
}

/* استهداف روابط القائمة (الجوال والديسكتوب) والعناوين الفرعية باستخدام خصائص المنصة */
body.product-index #mobile-menu [data-selia="header-menu-item-link"],
body.product-index #mobile-menu [data-selia="header-menu-item-desktop-link"],
body.product-index #mobile-menu [data-selia="header-menu-parent-label"],
body.product-index #mobile-menu [data-selia="header-submenu-view-all"] {
    color: #000000 !important;
}

/* ضمان تطبيق اللون الأسود على النصوص داخل عناصر span التابعة للروابط */
body.product-index #mobile-menu [data-selia="header-menu-item-link"] span,
body.product-index #mobile-menu [data-selia="header-menu-item-desktop-link"] span {
    color: #000000 !important;
}









/* 1. عزل السلايد لمنع تداخل تأثير blend-mode مع النصوص */
.advanced-slider__slide:first-child {
    position: relative !important;
    isolation: isolate !important;
}

/* 2. طبقة اللون (Overlay) فوق الفيديو */
.advanced-slider__slide:first-child::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #5880d7; /* يمكنك تغيير اللون هنا */
    mix-blend-mode: multiply;
    z-index: 1; 
    pointer-events: auto;
}

/* 3. إعداد الكابشن ليكون فوق الطبقة الملونة وتوسيطه */
.advanced-slider__slide:first-child .advanced-slider__caption {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    z-index: 10 !important; /* رفعنا الطبقة لتتجاوز أي عنصر آخر */
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    pointer-events: auto;
    background: transparent !important; /* ضمان عدم وجود خلفية زرقاء للكابشن نفسه */
}

/* 4. إجبار جميع النصوص داخل الكابشن على اللون الأبيض */
.advanced-slider__slide:first-child .advanced-slider__caption * {
    color: #ffffff !important;
}

/* 5. السماح بالتفاعل مع الحاوية الداخلية */
.advanced-slider__slide:first-child .container {
    width: 100%;
    pointer-events: auto;
}



















.s-block--stats .flex.items-center.justify-center {
    display: none !important;
}
#app > div.app-inner.flex.flex-col.min-h-full.bg-storeBG > main > section.px-4.s-block.s-block--stats.container.sm\:max-w-xl.md\:max-w-full.lg\:max-w-screen-xl.md\:px-24.lg\:px-8.with-animation > div > div > div > p.mb-2.text-2xl.font-bold.text-md.text-store-text-primary {
  font-size: 16px;
}




/* The Year of The Camel - Thin */
@font-face {
  font-family: 'The Year of The Camel';
  src: url('https://github.com/hamzaabido/linkin/raw/refs/heads/main/TheYearofTheCamel-Thin.otf') format('opentype');
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}

/* The Year of The Camel - ExtraLight */
@font-face {
  font-family: 'The Year of The Camel';
  src: url('https://github.com/hamzaabido/linkin/raw/refs/heads/main/TheYearofTheCamel-ExtraLight.otf') format('opentype');
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}

/* The Year of The Camel - Light */
@font-face {
  font-family: 'The Year of The Camel';
  src: url('https://github.com/hamzaabido/linkin/raw/refs/heads/main/TheYearofTheCamel-Light.otf') format('opentype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

/* The Year of The Camel - Regular */
@font-face {
  font-family: 'The Year of The Camel';
  src: url('https://github.com/hamzaabido/linkin/raw/refs/heads/main/TheYearofTheCamel-Regular.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

/* The Year of The Camel - Medium */
@font-face {
  font-family: 'The Year of The Camel';
  src: url('https://github.com/hamzaabido/linkin/raw/refs/heads/main/TheYearofTheCamel-Medium.otf') format('opentype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

/* The Year of The Camel - Bold */
@font-face {
  font-family: 'The Year of The Camel';
  src: url('https://github.com/hamzaabido/linkin/raw/refs/heads/main/TheYearofTheCamel-Bold.otf') format('opentype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

/* The Year of The Camel - ExtraBold */
@font-face {
  font-family: 'The Year of The Camel';
  src: url('https://github.com/hamzaabido/linkin/raw/refs/heads/main/TheYearofTheCamel-ExtraBold.otf') format('opentype');
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}
*,
body,
html,
h1, h2, h3, h4, h5, h6, p, a, span, button, input, div {
  font-family: 'The Year of The Camel', sans-serif !important;
}
:root {
    --font-main: 'The Year of The Camel', sans-serif !important;
    --font-primary: 'The Year of The Camel', sans-serif !important;
}
h1,h2:not(    .s-block--offer-countdown .offer-countdown-title),h3 {
    font-feature-settings: "swsh" 1, "cswh" 1, "salt" 1, "ss01" 1, "ss02" 1, "ss03" 1, "liga" 1, "dlig" 1 !important;
    font-variant-alternates: swash(1);
    
}


/* حل مشكلة تشوه أبعاد الشعار في صفحات المنتجات */
.product-single .navbar-brand .logo-normal {
    width: auto !important;
    height: 80px !important; /* يحافظ على نفس الارتفاع الموجود في الكود الخاص بك */
    max-width: 100% !important;
    object-fit: contain !important;
}



.s-block--offer-countdown salla-count-down .s-count-down-list .s-count-down-item .s-count-down-item-label {
  color : black;
  opacity : 25%;
}
#app > div.app-inner.flex.flex-col.min-h-full.bg-storeBG > main > section.s-block--offer-countdown.s-block > div > div > div > salla-count-down > ul > li > div.s-count-down-item-value {
  font-weight : 200;
}

.s-block--offer-countdown .offer-countdown-subtitle {
  opacity : 50%;
  font-weight : 400;
}
.s-block--offer-countdown .offer-countdown-content {
  gap: 12px !important;
}

.s-block--offer-countdown salla-count-down .s-count-down-list .s-count-down-item {
  background: transparent;
  box-shadow: none;
  border: solid 0.5px #a6a6a6;
}
.s-count-down-item-value {
  color: #0f2c67;
  font-size: 26px;
}
.s-block--offer-countdown salla-count-down .s-count-down-list .s-count-down-item {
  height: 5rem !important;
  width: 6rem;
}
.s-block--offer-countdown .offer-countdown-container {
          padding-bottom: 1rem;
        padding-top: 1rem;
}
@media (max-width: 640px) {
    .s-block--offer-countdown .offer-countdown-title {
        font-size: 21px;
    }
}




/* شاشات الجوال */
@media (max-width: 768px) {
#app > div.app-inner.flex.flex-col.min-h-full.bg-storeBG > main > section.s-block--images-grid > div > div > div.col-span-2.sm\:col-span-1.md\:col-span-2.h-auto.md\:h-full.flex.flex-col > a > div,
#app > div.app-inner.flex.flex-col.min-h-full.bg-storeBG > main > section.s-block--images-grid > div > div > div:nth-child(2) > a > div,
#app > div.app-inner.flex.flex-col.min-h-full.bg-storeBG > main > section.s-block--images-grid > div > div > div:nth-child(2) > div > a:nth-child(1) > div,
#app > div.app-inner.flex.flex-col.min-h-full.bg-storeBG > main > section.s-block--images-grid > div > div > div:nth-child(2) > div > a:nth-child(2) > div,
#app > div.app-inner.flex.flex-col.min-h-full.bg-storeBG > main > section.s-block--images-grid > div > div > div.col-span-2.sm\:col-span-1.md\:col-span-1.h-auto.md\:h-full.flex.flex-col > a > div {
         background: linear-gradient(to bottom, #ffffff00 65%, #0000004d 100%) !important;
}
  #app > div.app-inner.flex.flex-col.min-h-full.bg-storeBG > main > section.s-block--images-grid > div > div > div.col-span-2.sm\:col-span-1.md\:col-span-2.h-auto.md\:h-full.flex.flex-col,
#app > div.app-inner.flex.flex-col.min-h-full.bg-storeBG > main > section.s-block--images-grid > div > div > div:nth-child(2) > a ,
#app > div.app-inner.flex.flex-col.min-h-full.bg-storeBG > main > section.s-block--images-grid > div > div > div.col-span-2.sm\:col-span-1.md\:col-span-1.h-auto.md\:h-full.flex.flex-col {
  max-height : 180px;
}
}


















section.s-block--testimonials {
    background-image: none !important;
    background: none !important;
    --faq-bg: none !important; 
}
section.s-block--testimonials .sicon-quote {
    display: none !important;
}













#about-9 > div > div {
  padding : 10px;
  outline: solid 0.5px #a6a6a6;
  border-radius : 8px;
}
.btn {
  border-radius : 8px !important;
  width : 100%;
  color: #ffffff;
    background-color: #102b66;
}
#about-9 > div > div > div.w-full.md\:w-7\/12 > h2,
#about-9 > div > div > div.w-full.md\:w-7\/12 > h3 {
  text-align: center;
}



























@media (max-width: 768px) {
  /* ضع أي تنسيقات مخصصة للجوال هنا */
}

/* =========================================
   إخفاء العناصر حسب طلبك
========================================= */

/* إخفاء شارات الثقة (مثل صورة السجل التجاري) */
.store-footer .s-trust-badges-image,
.store-footer .footer-badges > a {
  display: none !important;
}

/* إخفاء طرق الدفع */
.store-footer salla-payments {
  display: none !important;
}

/* إخفاء قسم "تواصل معنا" بالكامل (كما في الكود القديم) */
.store-footer selia-contacts {
  display: none !important;
}

/* إخفاء مسارات الـ SVG (إذا كانت هناك أشكال زخرفية) */
.store-footer > svg > path {
  display: none !important;
}

/* =========================================
   تعديل الشفافية (Opacity)
========================================= */

/* تخفيف شفافية روابط القائمة (مثل سياسات المتجر) */
.store-footer .footer-list li {
  opacity: 0.5;
}

/* تخفيف شفافية النصوص العريضة في شارات الثقة */
.store-footer .s-trust-badges-content b {
  opacity: 0.5;
}

/* =========================================
   تعديلات الهيكل والتصميم والصور
========================================= */

/* إزالة الحشوة السفلية (Padding) من الفوتر */
.store-footer__inner {
  padding-bottom: 0 !important;
}

/* تغيير الشعار إلى الصورة المخصصة وتوسيطها */
.store-footer .footer-logo img {
  content: url('https://i.ibb.co/FLp6SLZR/fawaz.png');
  height: auto !important;
  width: 50px !important;
  margin: 0 auto;
}

/* توسيط النصوص داخل شارات الثقة */
.store-footer .s-trust-badges-content p {
  text-align: center;
}

/* =========================================
   توسيط قسم "روابط مهمة"
========================================= */

/* توسيط العنوان والروابط في المنتصف */
.store-footer [data-selia="footer-links-column"] {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}

.store-footer .footer-list {
  align-items: center;
}

/* =========================================
   تعديل حقوق النشر (Copyrights) و "تواصل معنا"
========================================= */

/* إخفاء النص القديم وتخفيف شفافية الحاوية */
.store-footer .footer-rights p {
  font-size: 0;
  opacity: 0.5;
}

.store-footer__inner,
.store-footer {
  background-color: black;
}






























.store-footer .mb-2.5:has(selia-contacts)::before {
  content: 'تواصل معنا';
  display: flex;
  flex-direction: column;
  align-items: center;
}
/* =========================================
   إخفاء قسم "تواصل معنا" مع العمود بالكامل
========================================= */
.store-footer .grid > div:has(selia-contacts) {
  display: none !important;
}

/* =========================================
   توسيط قسم "روابط مهمة" وإصلاح مساحته في الشبكة (Grid)
========================================= */

/* جعل الحاوية الخارجية للروابط تتمدد وتتمركز */
.store-footer .grid > div:has([data-selia="footer-links-column"]) {
  grid-column: 1 / -1 !important; /* لملء العرض بالكامل في الجوال */
  display: flex !important;
  justify-content: center !important;
  width: 100% !important;
}

/* تخصيص المساحة لشاشات الكمبيوتر والآيباد */
@media (min-width: 1024px) {
  .store-footer .grid > div:has([data-selia="footer-links-column"]) {
    grid-column: span 3 / span 3 !important; /* يأخذ باقي المساحة المتاحة (3 أعمدة) */
  }
}

/* توسيط العنوان والروابط داخل الحاوية */
.store-footer [data-selia="footer-links-column"] {
  text-align: center !important;
  width: 100% !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
}

.store-footer [data-selia="footer-links-column"] .footer-title {
  text-align: center !important;
  margin: 0 auto 15px auto !important;
}

.store-footer [data-selia="footer-links-column"] .footer-list {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  padding: 0 !important;
  width: 100% !important;
}













#app > div.app-inner.flex.flex-col.min-h-full.bg-storeBG > main > section.px-4.s-block.s-block--stats.container.sm\:max-w-xl.md\:max-w-full.lg\:max-w-screen-xl.md\:px-24.lg\:px-8.with-animation {
  padding: 0px;
}


#app > div.app-inner.flex.flex-col.min-h-full.bg-storeBG > main > section.px-4.s-block.s-block--stats.container.sm\:max-w-xl.md\:max-w-full.lg\:max-w-screen-xl.md\:px-24.lg\:px-8.with-animation {
  margin-top: 0;
}

#app > div.app-inner.flex.flex-col.min-h-full.bg-storeBG > main > section.px-4.s-block.s-block--stats.container.sm\:max-w-xl.md\:max-w-full.lg\:max-w-screen-xl.md\:px-24.lg\:px-8.with-animation > div > div {
      border: solid 0.5px #a6a6a6;
    border-radius: 15px;
}
#app > div.app-inner.flex.flex-col.min-h-full.bg-storeBG > main > section.px-4.s-block.s-block--stats.container.sm\:max-w-xl.md\:max-w-full.lg\:max-w-screen-xl.md\:px-24.lg\:px-8.with-animation > div > div > div:nth-child(1),
#app > div.app-inner.flex.flex-col.min-h-full.bg-storeBG > main > section.px-4.s-block.s-block--stats.container.sm\:max-w-xl.md\:max-w-full.lg\:max-w-screen-xl.md\:px-24.lg\:px-8.with-animation > div > div > div:nth-child(2){
  margin-top: 32px;
}
#app > div.app-inner.flex.flex-col.min-h-full.bg-storeBG > main > section.px-4.s-block.s-block--stats.container.sm\:max-w-xl.md\:max-w-full.lg\:max-w-screen-xl.md\:px-24.lg\:px-8.with-animation > div > div > div:nth-child(1),
#app > div.app-inner.flex.flex-col.min-h-full.bg-storeBG > main > section.px-4.s-block.s-block--stats.container.sm\:max-w-xl.md\:max-w-full.lg\:max-w-screen-xl.md\:px-24.lg\:px-8.with-animation > div > div > div:nth-child(2){
  margin-top: 32px;
}











#product-176536817 > div.product-card__image > a > img {
  display: none;
}
#product-176536817 > div.product-card__image > a {
  content: url('https://i.ibb.co/4gJxGSFB/package-1.png');
  object-fit: contain;
  width: 90%;
}


#product-1015395201 > div.product-card__image > a > img {
    display: none;
}
#product-1015395201 > div.product-card__image > a {
  content: url('https://i.ibb.co/RGNXYL7L/package-2.png');
  object-fit: contain;
  width: 90%;
}