.top-navbar { 
  display: none;
}
#main-content > section.s-block.s-block--photos-slider {
    margin-top : 0;
  }
  #photos-0-slider > div.swiper.s-slider-container.swiper-initialized.swiper-horizontal.swiper-rtl.swiper-backface-hidden {
    padding-left : 0;
  }
 salla-slider.photos-slider .swiper-slide {
   margin : 0;
   padding : 0;
   border-radius: 0 !important;
 }
  
  #swiper-wrapper-e97abd1fd104c62dc {
    transform: translate3d(0px, 0px, 0px) !important;
  }
  salla-slider.photos-slider .swiper-slide {
    width : 100%;
    border-radius : 0rem !important;
  }


  #photos-0-slider > div.swiper.s-slider-container.swiper-initialized.swiper-horizontal.swiper-rtl.swiper-ios.swiper-backface-hidden {
    padding : 0;
  }

.s-slider-wrapper .swiper-pagination-bullet-active {
  background-color : white;
  border : none;
}

.photos-slider .swiper-slide a {
    position: relative; /* ضروري ليتم حصر النص بداخل الصورة */
    display: flex;
    justify-content: center;
    align-items: center;
}

  
/* استهداف الصورة الأولى */
.photos-slider .swiper-slide:nth-child(1) a::after {
    content: "واف العود"; /* ضع هنا محتواك الخاص */
    position : absolute;
  top : 100px;
  color : white;
  font-size : 36px;
  font-weight: 600;
  
}
.photos-slider .swiper-slide:nth-child(1) a::before {
    content: "طيب يوافي فخامتك"; /* ضع هنا محتواك الخاص */
    position : absolute;
  top : 135px;
  color : white;
  font-size : 18px;
}

/* استهداف الصورة الثانية */
.photos-slider .swiper-slide:nth-child(2) a::after {
    content: "ميست الشعر والجسم";
    position : absolute;
  top : 450px;
  color : white;
  font-size : 30px;
  font-weight: 600;
}
.photos-slider .swiper-slide:nth-child(2) a::before {
    content: "لمسة راقية تدوم طوال اليوم";
    position : absolute;
  top : 480px;
  color : white;
  font-size : 18px;
}

  
/* استهداف الصورة الثالثة */
.photos-slider .swiper-slide:nth-child(3) a::after {
    content: "بكج الـ 3 أوقيات";
    position : absolute;
  top : 100px;
  color : white;
  font-size : 36px;
  font-weight: 600;
}
  .photos-slider .swiper-slide:nth-child(3) a::before {
    content: "اشتر أوقيتين واحصل على الثالثة مجاناً";
    position : absolute;
  top : 140px;
  color : white;
  font-size : 18px;
  }





 #main-content > section:nth-child(6) {
    margin-top : 0;
   border-radius: 15px 15px 0px 0px;
  }
.mainheader {
    position: relative; /* ضروري ليتم حصر النص بداخل الصورة */
    display: flex;
    justify-content: center;
    align-items: center;
}
.mainheader::after {
    content: "واف العود"; /* ضع هنا محتواك الخاص */
    position : absolute;
  top : 70px;
  color : white;
  font-size : 36px;
  font-weight: 600;
  font-feature-settings: "swsh" 1, "cswh" 1, "salt" 1, "ss01" 1, "ss02" 1, "ss03" 1, "liga" 1, "dlig" 1 !important;
}
.mainheader::before {
      content: "طيب يوافي فخامتك"; /* ضع هنا محتواك الخاص */
    position : absolute;
  top : 107px;
  color : white;
  font-size : 18px;
  z-index: 2;
}







/* 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,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: #000000;
}





#main-content > section.s-block.s-block--animated-ads.all.\!mt-0:after {
  content: "";
  background: white;
  outline: solid 10px #163565;
  padding: 15px;
  display : flex;
  border-radius: 15px 15px 0px 0px;
  /* z-index: 0; */
  /* box-shadow: rgb(0 0 0) 2px 2px 12px 8px; */
}









/*Headers*/
div.swiper-slide.relative.swiper-slide-visible.swiper-slide-fully-visible.swiper-slide-active > div.floating-wrapper.floatings-between.top-custom.absolute.text-center > div > p {
  font-size : 18px;
}





















.s-block--tabs-produtcs .tabs {
   justify-content: center;
   display: none;
}
#app.btns-gradient .tab-trigger.is-active, #app.btns-gradient .tab-trigger.is-active>button {
  background : transparent !important;
}
.s-block--tabs-produtcs .tab-trigger.is-active button {
   background-color: transparent;
   border: none;
   /* font-size: 20px; */
}
div.tabs.hide-scroll > salla-button > button > span > span {
   color: #111111 !important;
   font-size: 20px;
   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);
}
custom-salla-product-card.product-block {
  box-shadow: rgb(50 50 93 / 15%) 0px 9px 12px -2px;
}












.header-is-dark #mainnav {
   background-color : transparent;
}
.main-nav-container.fixed-header .inner {
   backdrop-filter: blur(10px);
}

div.relative.wide.product-block-outer.donating-wrap > div {
  padding-bottom: 0px;
}
.product-block__thumb:not(.s-product-card-image) .badge {
   border-radius: 0px;
   /* box-shadow: rgb(0 0 0 / 8%) -6px 6px 12px; */
}
div.relative.wide.product-block-outer.donating-wrap > div > div.price-wrapper.mb-2\.5.px-2 {
   display : flex;
   flex-direction: column;
   align-items: center;
   align-content: center;
   justify-content: center;
}
div.relative.wide.product-block-outer.donating-wrap > div > div.price-wrapper.mb-2\.5.px-2 {
  margin-top : 10px;
}
div.relative.wide.product-block-outer.donating-wrap > div > div.price-wrapper.mb-2\.5.px-2 > small,
#product_1198909647_1 > div.relative.wide.s-product-card-content.donating-wrap > div > div.price-wrapper.mb-2\.5.px-2 > small {
   margin-right : 0px;
   opacity : 75%;
}
.s-block__display-all {
  width: -webkit-fill-available;
  border-color: #e5efff;
  background-color: #e5efff;
}
.s-block__display-all .s-button-text {
  color: var(--atc-text-color, #eeeeee);
}
custom-salla-product-card.product-block {
  border: solid 0.5px #e5efff;
  /* box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px; */
}
body.p-sub-last custom-salla-product-card .product-title p.product-subtitle,
#product_1198909647_1 > div.relative.wide.s-product-card-content.donating-wrap > div > a > p {
  border: solid 0.5px #e5efff;
  width:fit-content;
  padding: 5px;
  border-radius: 15px;
  color: #265bab;
  background : transparent;
}
.section-is-slider .pagination-is-under .swiper-wrapper {
  padding-bottom : 30px;
}
div.relative.wide.product-block-outer.donating-wrap > div > a {
  display: flex;
    align-items: center;
}
#swiper-wrapper-ee9e142af2628ced {
  padding: 0px;
}
#main-content > section.s-block.all.is-merged.relative.z-10.auto-size.home-sec-2.section-is-slider.s-block--banners.sq-awesome-banners.container.shine-effect.hide-arrows.\!mob-block.\!desk-block {
  z-index: 999;
  -webkit-mask-image : linear-gradient(to right, #0000002e, #000000 25%, #000000 75%, #0000002e);
}




/*Hero Product*/
@media only screen and (max-width: 767px) {
    body .s-block-count-down.type-count_down .s-count-down-item {
        min-width: 85px;
    }
}
.s-block-count-down .s-count-down-list .s-count-down-item {
  font-size: 1rem;
  border-radius : 0px;
  border: solid 0.5px #cee1ff;
}
#main-content > section.s-block.s-block-count-down.all.type-count_down.custom-s.s-block-count-down-3.veritcal-mobile.container > div > salla-count-down > ul > li > div.s-count-down-item-value {
  color : #163565;
  font-size : 18px;
}
#main-content > section.s-block.s-block-count-down.all.type-count_down.custom-s.s-block-count-down-3.veritcal-mobile.container > div > salla-count-down > ul > li > div.s-count-down-item-label {
  margin : 0;
}
div.relative.wide.s-product-card-content.donating-wrap > div > div.count-down_wrapper.inside_product > salla-count-down > ul > li > div.s-count-down-item-label,
section.s-block.s-block-count-down.all.type-count_down.custom-s.s-block-count-down-4.veritcal-mobile.container > div > salla-count-down > ul > li > div.s-count-down-item-label {
  margin: 0;
}
.s-count-down-md .s-count-down-item::after {
  display: none;
}
div.relative.wide.s-product-card-content.donating-wrap > div > div.count-down_wrapper.inside_product {
  display: none;
}
/* استهداف الرابط <a> الذي يحمل كلاس thumb-wrapper */


/* استهداف الصورة <img> داخل الرابط */
.s-product-card-image .thumb-wrapper img.my-lazy {
    max-height: 350px !important;
    height: auto !important;
    width: auto;
    object-fit: contain; /* يضمن عدم تمطط الصورة أو تشوهها بعد تغيير الطول */
}
 

.s-products-list-wrapper .product-block .price-wrapper .sale-ratio-wrapper { 
  display : none;
}
.s-products-slider-card .price-wrapper .sale-ratio-wrapper {
  border : solid 0.5px #bcd6b8;
  background: #eff9ef;
  border-radius : 25px;
  margin : 10px;
}
  div.relative.wide.product-block-outer.donating-wrap > div > div.price-wrapper.mb-2\.5.px-2 > div > span {
    color : #3a663d;
    padding : 6px;
  }
  



















div.relative.wide.s-product-card-content.donating-wrap > div > a {
    display: flex;
    align-items: center;
}
.s-block-count-down.type-product .s-product-card-content {
  padding: 0px;
}
div.relative.wide.s-product-card-content.donating-wrap > div {
  padding: 0px;
}
div.relative.wide.s-product-card-content.donating-wrap > div > div.price-wrapper.mb-2\.5.px-2 > span {
      color: var(--red-color, #ef4444);
}
div.relative.wide.s-product-card-content.donating-wrap > div > div.price-wrapper.mb-2\.5.px-2 {
  display: flex;
  flex-direction: column;
}
div.relative.wide.s-product-card-content.donating-wrap > div > div.price-wrapper.mb-2\.5.px-2 {
  margin : 10px 10px 10px 10px;
}

/*Hero Product*/
#featured-products-style2-6 {
  padding-top: 0px;
  /* margin-top: 0px; */
}
#featured-products-style2-6 > div.tabs.hide-scroll {
  display: none;
}

/*Footer*/
#main-content > footer {
  border-radius : 25px 25px 0px 0px;
}






.sq-awesome-banners .banner-outer .banner-texts .banner__title {
  color : #163565; 
}
.sq-awesome-banners .grid.\!flex .banner-outer {
  border: solid 0.5px #bfd9ff;
  /* margin: 0px 0px 0px 55px; */
  padding : 30px;
  background: white;
  margin-left: 10px !important;
}
body:not(.cls-85) .sq-awesome-banners salla-slider[display-all-url] .s-slider-block__title {
  justify-content : center;
}
/* استهداف العناصر داخل السلايدر لزيادة المسافة */
.s-slider-swiper-wrapper .swiper-slide {
    /* margin-left: 18px !important; */ /* يمكنك تغيير الـ 15 لأي مسافة تناسبك */
}

/* في حال أردت إزالة المسافة عن آخر عنصر حتى لا يؤثر على التصميم */
.s-slider-swiper-wrapper .swiper-slide:last-child {
    margin-left: 0 !important;
}





.sq-awesome-banners .grid:not(.s-multiple-bundle-product-options-modal-slider .s-slider-thumbs-container .swiper-slide) {
  -webkit-mask-image: linear-gradient(to right, #0000002e, #000000 15%, #000000 85%, #0000002e);
}





#mobile-nav {
    background: transparent !important;
  backdrop-filter : blur(10px);
  border : solid 0.5px;
}






/* Counter with BG */

#main-content > section.s-block.s-block-count-down.counterbg {
  background: url(https://i.ibb.co/cKYQY5YL/From-Klick-Pin-CFDreamynaildesigninspirationthatfeelf-ezgif-com-video-to-gif-converter.gif);
  background-size: cover;
  background-blend-mode: hard-light;
  background-position: center;
  background-repeat: no-repeat;
  padding: 0px;
  position: relative; /* تضمن ضبط الـ absolute للعنصر الابن */
}

#main-content > section.s-block.s-block-count-down.counterbg:before {
  content : '';
  mix-blend-mode : overlay;
  background: #2070ec;
  display : flex;
  height: 100%; /* أفضل من 199px ليتناسب ديناميكياً */
  width: -webkit-fill-available;
  position : absolute;
  top: 0;
  left: 0;
}

#main-content > section.s-block.s-block-count-down.counterbg > div {
  display: flex;
  justify-content: center;
  padding: 28px;
  position: relative; /* لكي يظهر المحتوى فوق الطبقة الزرقاء */
  z-index: 1;
}

.counterbg .s-count-down-list .s-count-down-item {
  border : solid 0.5px #ffffff;
  background : transparent;
}

#main-content > section.s-block.s-block-count-down.counterbg > div > salla-count-down > ul > li {
  backdrop-filter: blur(5px);
}

#main-content > section.s-block.s-block-count-down.counterbg > div > salla-count-down > ul > li > div.s-count-down-item-value {
  color : white !important;
  font-size : 20px;
}

#main-content > section.s-block.s-block-count-down.counterbg > div > salla-count-down > ul > li > div.s-count-down-item-label {
  color : white;
  font-size : 14px;
  margin-top : 0px;
}










@media only screen and (max-width: 767px) {
    .s-block-count-down.type-product.veritcal-mobile .s-product-card-horizontal .s-product-card-image {
        background: transparent;
    }
}




custom-salla-product-card[id^="product_1455919983"] .thumb-wrapper img {
  padding : 12.5px;
}


custom-salla-product-card[id^="product_783657990"] .thumb-wrapper img {
  padding : 10px;
}







custom-salla-product-card[id^="product_135327441"] .thumb-wrapper img {
  padding : 20px;
}

custom-salla-product-card[id^="product_231407239"] .thumb-wrapper img {
  padding : 20px;
}


custom-salla-product-card[id^="product_2051010629"] .thumb-wrapper img {
padding : 20px;
}


custom-salla-product-card[id^="product_1198909647"] .thumb-wrapper img {

}


custom-salla-product-card[id^="product_1182931920"] .thumb-wrapper img {
padding : 10px;
} 


custom-salla-product-card[id^="product_1205423968"] .thumb-wrapper img {
padding : 10px;
}


custom-salla-product-card[id^="product_1065850498"] .thumb-wrapper img {
    padding : 10px;
}











custom-salla-product-card[id^="product_106766648"] .thumb-wrapper img {
   padding : 20px; 
}

custom-salla-product-card[id^="product_1889945482"] .thumb-wrapper img {
   padding : 20px;
}


custom-salla-product-card[id^="product_1522879404"] .thumb-wrapper img {
   padding : 20px;
}


custom-salla-product-card[id^="product_379754528"] .thumb-wrapper img {
    padding : 20px;
}


custom-salla-product-card[id^="product_867242020"] .thumb-wrapper img {
        padding : 20px;
}







custom-salla-product-card[id^="product_1893871891"] .thumb-wrapper img {
        padding : 20px;
}


custom-salla-product-card[id^="product_2113950124"] .thumb-wrapper img {
       padding : 20px;
}


custom-salla-product-card[id^="product_952902398"] .thumb-wrapper img {
       padding : 20px;
}






/* 1. إعداد الحاوية الرئيسية كعمود مرن */
section.counterbg .count-down_wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 40px;
  position: relative;
  z-index: 1;
}

/* 2. إجبار العداد ليكون العنصر الأول في الأعلى */
section.counterbg .count-down_wrapper > salla-count-down {
  order: 3; /* ترتيب العداد هو الأول */
}

/* 3. العنوان الرئيسي (حجم كبير) */
section.counterbg .count-down_wrapper::before {
  content: "عروض عيد الأضحى";
  order: 1; /* ترتيبه الثاني (تحت العداد مباشرة) */
  color: white;
  font-size: 26px !important; /* حجم الخط الكبير */
  font-weight: bold;
  /* margin-top: 25px; */ /* مسافة بين العداد والعنوان */
  text-align: center;
}

/* 4. الفقرة النصية (حجم صغير) */
section.counterbg .count-down_wrapper::after {
  content: "تنتهي العروض خلال";
  order: 1; /* ترتيبه الثالث (تحت العنوان) */
  color: #f1f1f1; /* لون أبيض مائل للرمادي الفاتح */
  font-size: 14px !important; /* حجم الخط الصغير */
  margin-top: 13px; /* مسافة بين العنوان والفقرة */
  line-height: 1.6;
  text-align: center;
  margin-bottom : 13px;
  max-width: 90%; /* لمنع تمدد النص لأطراف الشاشة في الجوال */
}





/* Footer*/
#main-content > footer > div.store-footer__inner > div > div.footer_top.lg\:col-span-2.rtl\:lg\:pl-20.ltr\:lg\:pr-20 > div.footer-bottom__inside-footer-top.items-center.justify-between.py-2 > div {
  display : flex;
  flex-direction: column;
}

#main-content > footer > div.store-footer__inner > div > div.footer_top.lg\:col-span-2.rtl\:lg\:pl-20.ltr\:lg\:pr-20 > div.footer-bottom__inside-footer-top.items-center.justify-between.py-2 > salla-trust-badges {
    display : flex;
  flex-direction: column;
}

#main-content > footer > div.store-footer__inner > div > div.footer_top.lg\:col-span-2.rtl\:lg\:pl-20.ltr\:lg\:pr-20 > div.footer-bottom__inside-footer-top.items-center.justify-between.py-2 {
  display : flex;
  width: -webkit-fill-available;
  justify-content: space-evenly;
  order: 2;
  margin: 16px 0px 16px 0px;
}
#main-content > footer > div.store-footer__inner > div > div.footer-links.mb-4 {
  margin-top : 42px;
  margin-bottom : 0px;
}
@media only screen and (max-width: 1024px) {
    .footer-centered .store-footer .footer-links .footer-list {
      display: flex;
      flex-direction: column;
    }



  #main-content > footer {
    box-shadow: rgb(0 0 0 / 40%) 0px -5px 20px;
  }  
#main-content > footer > div.footer-foot.container.flex.flex-col-reverse.lg\:flex-row.lg\:justify-between.items-center.mb-2.lg\:mb-4 > span {
  margin: 20px 0px 20px 0px;
}
/* Footer*/







  /* Reiew */
.special-testimonial {
    background : #ffffff;
    border : solid 0.5px #0f2a5557;
    
  }
div.swiper-slide.swiper-slide-active > div > div > div.special-testimonial__text.flex-grow-\[0\.5\].w-3\/4.pl-3.text-end.h-full.flex.flex-col.justify-center > p {
  margin-top : 12px;
  margin-bottom : 12px;
  font-size : 14px;
  line-height : 1.25rem;
}

div.special-testimonial_avatar.w-16.h-16 {
  display: none !important;
}
div.swiper-slide.swiper-slide-active > div > div > div.special-testimonial__text.flex-grow-\[0\.5\].w-3\/4.pl-3.text-end.h-full.flex.flex-col.justify-center > p {
  text-align : center;
}
#testimonials-17-slider > div {
      -webkit-mask-image: linear-gradient(to right, #0000002e, #000000 15%, #000000 85%, #0000002e);
}

.s-block-special-testimonials .bigger-80 .special-testimonial__text {
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
  padding : 0;
}
div.swiper-slide.swiper-slide-active > div > div {
  justify-content : center;
}
div.special-testimonial__text.flex-grow-\[0\.5\].w-3\/4.pl-3.text-end.h-full.flex.flex-col.justify-center > div {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap : 6px;
  }