/* Add custom CSS styles below */ 
#\31 091510480 > div.s-product-card-content > div.s-product-card-content-pie {
  display: none !important;
}
salla-slider .swiper-pagination-bullets.swiper-pagination-horizontal {
    bottom: 0.25rem;
}
salla-slider .swiper-pagination-bullet {
  width: 8px;
}
.s-social-list {
    justify-content: center;
}
/*Hamza Abido Edits*/

/* 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;
}
@font-face {
    font-family: 'zain';
    src : url('https://github.com/hamzaabido/linkin/raw/refs/heads/main/Zain-Light.ttf') format('opentype');
    font-weight: 400;
    font-style: normal;
}





/*Navbar*/



#mainnav > div > div.top-navbar.sand-top-navbar.w-full > div > div > div.w-1\/3.flex.justify-center > a > img {
    content : url('https://i.ibb.co/x8fybZ4j/Asset-100.png');
}
.sicon-search:before {
    color: white;
}
.sicon-menu:before {
    color : white;
}
.sicon-user:before {
    color : white;
}
.sicon-shopping-bag2:before {
    color : white;
}




/* 1. في البداية (أعلى الصفحة): إجبار الهيدر على ألا يحجز أي مساحة تذكر وبخلفية شفافة */
#mainnav.store-header {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 0px !important; /* إجبار الارتفاع أن يكون صفر ليصعد السلايدر خلفه */
    background-color: transparent !important;
    background: transparent !important;
    box-shadow: none !important;
    border: none !important;
}

/* تصفير خلفيات العناصر الداخلية في البداية */
#mainnav.store-header .inner,
#mainnav.store-header .top-navbar {
    background: transparent !important;
    background-color: transparent !important;
}


/* 2. عند السكرول (التمرير لأسفل): إعادة الارتفاع والخلفية الأساسية للناف بار */
/* التعديل أدناه يضمن التقاط كلاسات السكرول الشهيرة في منصة سلة */
#mainnav.store-header.fixed-header,
#mainnav.store-header.scrolled,
#mainnav.store-header.is-sticky,
.animated-sticky #mainnav.store-header {
    position: fixed !important;
    height: 87px !important; /* يعود الارتفاع الطبيعي هنا ليعوض المساحة */
    background-color: var(--header-main-color) !important; /* يعود اللون الأساسي الخاص بك */
}

/* إعادة خلفية العناصر الداخلية لطبيعتها عند السكرول إذا لزم الأمر */
#mainnav.store-header.fixed-header .inner,
#mainnav.store-header.scrolled .inner {
    background: inherit !important;
}
*/






















*,
body,
html,
h1, h2, h3, 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,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);
    
}
h2 {
  text-align : center;
  /* color: #cbab8b; */
  /* background-image: linear-gradient(45deg, #cbab8b, transparent); */
  /* background-clip: text; */
}




/*Header*/








.container {
    padding : 0px 25px 0px 25px;

}

#mainnav > div > div.top-navbar.sand-top-navbar.w-full > div > div > div.flex.items-center.gap-4.w-1\/3 {
    width: 23.333333%;
    
}
#mainnav.store-header {
    /* display: contents; */
    position: sticky !important;
    position: -webkit-sticky !important; /* لدعم متصفحات سفاري على الآيفون */
    top: 0 !important; /* يضمن التصاق الهيدر في أعلى الشاشة تماماً */
    z-index: 999 !important; /* يضمن ظهور الهيدر فوق الصور والمنتجات أثناء النزول */
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1) !important; /* اختياري: ظل خفيف أسفل الهيدر ليفصله عن محتوى المتجر */
    background-color: transparent;
    backdrop-filter: blur(8px);
    border-radius: 0px 0px 15px 15px;
}











/*Products*/
.s-product-card-fit-height .s-product-card-image {
  height: 13rem;
}
.s-block__title {
    justify-content: center;
}
.s-block--special-products .tabs__item {
    gap : 1.75rem;
}
#\31 091510480 > div.s-product-card-image > a > img {
    /* padding: 35px 35px 0px 35px; */
}
.s-product-card-entry .s-product-card-image {
    background: transparent;
}
div.s-product-card-image > salla-button > button {
    display: none;
}
.s-product-card-entry .s-product-card-promotion-title {
    background-color: #6B1f2a !important;
}
.s-product-card-entry .s-button-btn {
    color: #ffffff !important;
    border: transparent;
    border-radius: 0px !important;
background: linear-gradient(273deg, #a02537 0%, #a02537 75%) !important;
        padding: .5rem 1.125rem !important;
}
.s-product-card-entry .s-button-btn:hover {
    color: #6b1f2a !important;
    border : solid 0.5px #6b1f2a;
}
div.s-product-card-content > div.s-product-card-content-footer.gap-2.md\:absolute.top-0.left-0.right-0.py-2.md\:py-5.md\:opacity-0.md\:invisible.md\:z-0.group-hover\:opacity-100.group-hover\:visible.group-hover\:z-20.duration-100 > salla-add-product-button > div > salla-button > button > span > i {
    display: none;
}
.s-product-card-entry {
    border: solid 0.5px #6b1f2a00;
    border-radius: 0px !important;
    justify-content: space-between;
    box-shadow: rgb(93 50 50 / 35%) 0px 12px 18px -5px, rgb(0 0 0 / 0%) 0px 8px 16px -8px;
}
div.s-product-card-content > div.s-product-card-content-main.s-product-card-content-extra-padding {
    padding-left: 0px;
}
div.s-product-card-content > div.s-product-card-content-sub.s-product-card-content-extra-padding {
    padding-left : 0px;
}
div.s-product-card-content > div.s-product-card-content-main.s-product-card-content-extra-padding > h3 > a,
div.s-product-card-content > div.s-product-card-content-main > h3 > a,
div.s-product-card-content > div.s-product-card-content-main > p {
    text-align : center;
}
div.s-product-card-content > div.s-product-card-content-sub.s-product-card-content-extra-padding,
div.s-product-card-content > div.s-product-card-content-sub {
    display: flex;
    flex-direction: column;
}
div.s-product-card-content > div.s-product-card-content-sub.s-product-card-content-extra-padding > div,
div.s-product-card-content > div.s-product-card-content-sub > div {
    display: flex;
    flex-direction: column;
    align-items: center;
}
div.s-product-card-content > div.s-product-card-content-sub.s-product-card-content-extra-padding > div > h4,
div.s-product-card-content > div.s-product-card-content-sub > div > h4 {
    color: #c3001c !important;
}
div.s-product-card-content > div.s-product-card-content-main > p {
    width: fit-content;
    border-radius: 25px;
    padding: 0px 15px;
    color: #ac2437;
}
div.s-product-card-content > div.s-product-card-content-main {
    display: flex;
    flex-direction: column;
    align-items: center;
}
.s-product-card-entry .s-product-card-content-subtitle {
    font-size: 14px !important;
}
.s-product-card-entry .s-product-card-content-title a {
    font-size: 18px !important;
    font-weight : 500 !important;
}
.s-product-card-entry .s-product-card-content {
    padding: 0 !important;
}
div.s-product-card-content > div.s-product-card-content-footer.gap-2.md\:absolute.top-0.left-0.right-0.py-2.md\:py-5.md\:opacity-0.md\:invisible.md\:z-0.group-hover\:opacity-100.group-hover\:visible.group-hover\:z-20.duration-100 {
    padding-bottom : 0;
}
#featured-products-style1-2 > div.grid.grid-cols-1.lg\:grid-cols-2.gap-8 > div {
    padding-bottom: 2rem;
}
div.s-product-card-content > div.s-product-card-content-main {
    padding: 10px 10px 10px 10px;
}
div.s-product-card-content > div.s-product-card-content-sub {
    margin-bottom: 0;
}
.s-block__title .right-side:where([dir=rtl],[dir=rtl] *) {
    padding-left : 0px;
}
#featured-products-style1-3 > div.s-block__title > div > h2 {
    display: none;
}




/*Products*/


/*Countdown*/
#main-content > section.sand-countdown.relative.py-16.overflow-hidden > div > div > div.flex-1.w-full.lg\:w-auto.text-center.lg\:text-right > salla-count-down > ul > li > div.s-count-down-item-value {
    background-color : transparent !important;
}
section.sand-countdown.relative.py-16.overflow-hidden > div > div > div.flex-1.w-full.lg\:w-auto.relative {
    display: none;
}
section.sand-countdown.relative.py-16.overflow-hidden > div > div > div.flex-1.w-full.lg\:w-auto.text-center.lg\:text-right > div {
    display: none;
}
.sand-countdown salla-count-down .s-count-down-list .s-count-down-item .s-count-down-item-value {
    border-radius: 0px;
}
.sand-countdown salla-count-down .s-count-down-list .s-count-down-item .s-count-down-item-value {
    border : solid 0.5px;
}
#main-content > section.sand-countdown.relative.py-16.overflow-hidden > div > div > div.flex-1.w-full.lg\:w-auto.text-center.lg\:text-right > p {
    opacity: 50%;
}
#main-content > section.sand-countdown.relative.py-16.overflow-hidden > div > div > div.flex-1.w-full.lg\:w-auto.text-center.lg\:text-right > salla-count-down {
    direction : rtl !important;
}
.sand-countdown salla-count-down .s-count-down-list {
    gap: 0px !important;
}
#main-content > section.sand-countdown.relative.py-16.overflow-hidden {
    padding-bottom: 0px;
}
/*Countdown*/

#main-content > section.sand-countdown.relative.py-16.overflow-hidden {
    padding-top: 0px;
    /* z-index: 34; */
}

#main-content > section.sand-countdown.relative.py-16.overflow-hidden:before {
    content: '';
    background: #fef7f7;
    padding: 25px;
    display: flex;
    border-radius: 25px 25px 0px 0px;
    box-shadow: 0px -20px 0px 8px #a12537;
    border: none;
}
#main-content > section.sand-countdown.relative.py-16.overflow-hidden {
    background: linear-gradient(180deg, #fef5f5, #ffffff);
}
#featured-products-style1-3 {
    padding-bottom: 2rem;
}



/*Statistics*/
#main-content > section.sand-statistics.py-16 {
    background: linear-gradient(
180deg, #fef5f5c2, #ffffff) !important;
    /* background: linear-gradient(180deg, #fef5f5c2, #ffffff); */
}


#featured-products-style1-3 > div.grid.grid-cols-1.lg\:grid-cols-2.gap-8 > div:nth-child(1) {
    min-height :450px;
}
/*#main-content > section.sand-statistics.py-16:before {
    content : 'الاحصائيات';
    font-size: 20px;
    margin-bottom: 2rem;
    color: black;
    display : flex;
    flex-direction: column;
    align-items: center;
}*/

#main-content > section.sand-statistics.py-16 {
  padding-bottom:  8px;
}







/* Review */
#main-content > section.sand-reviews.py-16 > div > div.grid.md\:grid-cols-2.lg\:grid-cols-3.gap-4.md\:gap-6.lg\:gap-8.max-w-6xl.mx-auto {
    display : flex;
    scrollbar-width: none;
    overflow: scroll;
    -webkit-mask-image: linear-gradient(to right, #0000002e, #000000 15%, #000000 85%, #0000002e);
}
#main-content > section.sand-reviews.py-16 > div > div.grid.md\:grid-cols-2.lg\:grid-cols-3.gap-4.md\:gap-6.lg\:gap-8.max-w-6xl.mx-auto > div {
    min-width : 260px;
    margin-bottom: 60px;
    display: flex;
    align-items: center;
    gap: 0.75rem;
    flex-direction: column-reverse;
    flex-wrap: wrap;
      border: solid 0.25px #a22438 !important;
}
#main-content > section.sand-reviews.py-16 > div > div.grid.md\:grid-cols-2.lg\:grid-cols-3.gap-4.md\:gap-6.lg\:gap-8.max-w-6xl.mx-auto > div > div.flex.items-center.gap-3 {
    display : flex;
    flex-direction: column;
    align-items: center;
}
#main-content > section.sand-reviews.py-16 > div > div.grid.md\:grid-cols-2.lg\:grid-cols-3.gap-4.md\:gap-6.lg\:gap-8.max-w-6xl.mx-auto > div > div.flex.items-center.gap-3 > div > p.text-sm {
    text-align : center;
}

#main-content > section.sand-reviews.py-16 > div > div.grid.md\:grid-cols-2.lg\:grid-cols-3.gap-4.md\:gap-6.lg\:gap-8.max-w-6xl.mx-auto > div > div.flex.gap-1.mb-4.text-2xl {
    font-size : medium;
    margin-bottom : 0px;
}
#main-content > section.sand-reviews.py-16 > div > div.grid.md\:grid-cols-2.lg\:grid-cols-3.gap-4.md\:gap-6.lg\:gap-8.max-w-6xl.mx-auto > div > p {
    text-align: center;
}

#main-content > section.sand-reviews.py-16 {
    background: white;
}
#main-content > section.sand-reviews.py-16 {
    padding-bottom: 0;
}







/*Footer*/
#app > div.app-inner.flex.flex-col.min-h-full > footer {
    border-radius: 25px 25px 0px 0px;
background: linear-gradient(180deg, #a02537 0%, #6b1f2a 75%) !important;
    box-shadow: rgb(0 0 0 / 37%) 0px -2px 20px;
}
#app > div.app-inner.flex.flex-col.min-h-full > footer > div.store-footer__inner.sand-store-footer__inner > div > div.lg\:col-span-2.rtl\:lg\:pl-20.ltr\:lg\:pr-20 > div.flex.items-center.m-0 {
    flex-direction : column;
}
#app > div.app-inner.flex.flex-col.min-h-full > footer > div.store-footer__inner.sand-store-footer__inner > div > div.lg\:col-span-2.rtl\:lg\:pl-20.ltr\:lg\:pr-20 > div.flex.items-center.m-0 > h3 {
    margin-bottom : 0px !important;
}
#app > div.app-inner.flex.flex-col.min-h-full > footer > div.store-footer__inner.sand-store-footer__inner > div > div.lg\:col-span-2.rtl\:lg\:pl-20.ltr\:lg\:pr-20 > div.max-w-sm.leading-6.mb-6.mt-4.text-\[var\(--color-footer-text\)\] > p {
    text-align : center;
}
.sand-store-footer .sand-store-footer__inner h3 {
    text-align : center;
}
.sand-store-footer .sand-store-footer__inner salla-contacts .s-contacts-item,
.sand-store-footer .sand-store-footer__inner salla-payments .s-payments-list {
    justify-content : center !important;
}
#app > div.app-inner.flex.flex-col.min-h-full > footer > div.store-footer__inner.sand-store-footer__inner > div > div.lg\:col-span-2.rtl\:lg\:pl-20.ltr\:lg\:pr-20 {
    color : white;
}
#app > div.app-inner.flex.flex-col.min-h-full > footer > div.store-footer__inner.sand-store-footer__inner > div > div:nth-child(2) {
    color : white;
}
#app > div.app-inner.flex.flex-col.min-h-full > footer > div.store-footer__inner.sand-store-footer__inner > div > div:nth-child(3) {
    color : white;
}
#app > div.app-inner.flex.flex-col.min-h-full > footer > div.store-footer__inner.sand-store-footer__inner > div > div.flex.flex-col.gap-6.lg\:col-span-2.rtl\:lg\:pr-20.ltr\:lg\:pl-20 > div {
    color: white;
}
#app > div.app-inner.flex.flex-col.min-h-full > footer > div.sand-copyright > div > span > p {
    color : white !important;
}
#app > div.app-inner.flex.flex-col.min-h-full > footer > div.sand-copyright > div > a > img {
    content : url('https://i.ibb.co/x8fybZ4j/Asset-100.png');
}












/*Features*/
#main-content > section.sand-feature.py-16.block.block {
  padding-bottom: 1rem;
  padding-top: 1rem;
}
#main-content > section.sand-feature.py-16.block.block > div > div > div > div {
  margin-bottom:  0px;
}
#main-content > section.sand-feature.py-16.block.block > div > div {
  gap:  0.5rem !important;
}
#main-content > section.sand-feature.py-16.block.block > div > h2 {
  display: none;
}






/* تحويل الحاوية الأب (البطاقة) إلى Flex عمودي لتوسيط كل شيء بداخلها */
.sand-feature .grid > div {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    text-align: center !important;
}

/* إصلاح أبعاد حاوية الصورة لمنع التمدد الزائد */
.sand-feature .aspect-square {
    height: 40px !important; /* يمكنك تغيير هذا الرقم للتحكم بحجم الأيقونة */
    width: 40px !important;
    max-width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
    margin-bottom: 1rem !important; /* بديل لـ mb-4 */
}

/* التوسيط النهائي للصورة نفسها */
.sand-feature .aspect-square img {
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
    margin: 0 !important;
}




/* توحيد ارتفاع الصور الأساسية داخل السلايدر */
.sand-sidebar .details-slider .swiper-slide.magnify-wrapper img {
    height: 450px !important; /* يمكنك تغيير هذا الرقم للارتفاع الذي يناسب تصميمك */
    width: 100% !important;
    object-fit: contain !important; 
    margin: 0 auto !important;
}




#mainnav.store-header.fixed-header {
background: linear-gradient(273deg, #a02537 0%, #6b1f2a 75%) !important;
}

#mainnav.store-header.fixed-header .inner {
      border-radius: 0px 0px 20px 20px;
}





/* Wide Banners */ 
#main-content > section.s-block.s-block--fixed-banner.wide-placeholder > div {
    padding : 0;
    
}
#main-content > section.s-block.s-block--fixed-banner.wide-placeholder > div > a > img {
    background : transparent;
  border-radius: 0;
}
/* Wide Banners */