/* Add custom CSS styles below */ 

/* 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);
    
}










@media (max-width: 768px) {
    .s-products-list-vertical-cards {
      padding: 0px 15px;
    }






















#mainnav:not(.fixed-header) .logo-normal {
    content: url("https://i.ibb.co/zTT5CZ5z/logo-goldenwhite.png") !important;
  height: auto !important;
  width: 150px !important;
  
}

body#app:not(.index) #mainnav .logo-normal,
#mainnav.fixed-header .logo-normal {
    content: url("https://i.ibb.co/4w4b4R6h/logo-goldenblack.png") !important;
    height: auto !important;
  width: 150px !important;
}









/* Footer */

#app > div.app-inner.flex.flex-col.min-h-full.bg-storeBG > footer > div > div.store-footer__inner > div > div.lg\:-mt-\[45px\].relative.z-\[1\].lg\:col-\[2\] > div.footer-badges.flex.justify-center.items-center > salla-trust-badges > img {
  display : none;
}

#app > div.app-inner.flex.flex-col.min-h-full.bg-storeBG > footer > div > div.footer-bottom > div > salla-payments {
  display : none;
}

#app > div.app-inner.flex.flex-col.min-h-full.bg-storeBG > footer > svg > path {
  display : none;
}

#app > div.app-inner.flex.flex-col.min-h-full.bg-storeBG > footer > div > div.store-footer__inner > div > div.text-center.order-1.lg\:order-\[unset\] > ul > li {
  opacity : 50%;
}
#app > div.app-inner.flex.flex-col.min-h-full.bg-storeBG > footer > div > div.store-footer__inner > div > div.lg\:-mt-\[45px\].relative.z-\[1\].lg\:col-\[2\] > div.footer-badges.flex.justify-center.items-center > salla-trust-badges > div > b,
#app > div.app-inner.flex.flex-col.min-h-full.bg-storeBG > footer > div > div.store-footer__inner > div > div.lg\:-mt-\[45px\].relative.z-\[1\].lg\:col-\[2\] > div.footer-badges.flex.justify-center.items-center > div > div > b {
  opacity : 50%;
}

#app > div.app-inner.flex.flex-col.min-h-full.bg-storeBG > footer > div > div.footer-bottom > div > span > p {
  opacity :50%;
}

#app > div.app-inner.flex.flex-col.min-h-full.bg-storeBG > footer > div > div.store-footer__inner {
  padding-bottom : 0;
}


#app > div.app-inner.flex.flex-col.min-h-full.bg-storeBG > footer > div > div.store-footer__inner > div > div.lg\:-mt-\[45px\].relative.z-\[1\].lg\:col-\[2\] > div.footer-badges.flex.justify-center.items-center > div > div > p {
  text-align : center;
}


#app > div.app-inner.flex.flex-col.min-h-full.bg-storeBG > footer > div > div.footer-bottom > div > span > p {
  font-size: 0; /* إخفاء النص القديم "جميع الحقوق محفوظة" */
}

#app > div.app-inner.flex.flex-col.min-h-full.bg-storeBG > footer > div > div.footer-bottom > div > span > p::after {
  content: "All Copyright Reserved 2026 ©"; /* النص الجديد */
  font-size: 14px; /* أعد تعيين حجم الخط المناسب لظهور النص الجديد */
  display: inline-block;

  color: white; 
}
.store-footer__inner, 
  .store-footer__contacts-row,
  #app > div.app-inner.flex.flex-col.min-h-full.bg-storeBG > footer > div > div.footer-bottom > div {
  background-color: black;
}




#about-5 > div > div {
  padding : 10px;
  margin: 0px 16px;
  outline: solid 0.5px rgb(184 178 178);
  border-radius : 0px;
}
#about-5 > div > div > div.w-full.md\:w-7\/12 > h2 {
  text-align: center;
}
#about-5 > div > div > div.w-full.md\:w-7\/12 > h3 {
  text-align: center;
}
#about-5 > div > div > div.w-full.md\:w-7\/12 > p {
  text-align: center;
}




div.review.swiper-slide.swiper-slide-active > div {
  box-shadow: none;
  border: solid 1px silver;
  border-radius: 0px;
  display: flex;
    flex-direction: column-reverse;
    align-content: center;
    align-items: center;
}
div.review.swiper-slide.swiper-slide-active > div > i {
  display: none;
}






.s-block--enhanced-features__item .feature-icon {
    padding: 16px;
}
  .s-block--enhanced-features.mini-features .s-block--enhanced-features__item {
    border-radius: 0;
  }







  #app > div.app-inner.flex.flex-col.min-h-full.bg-storeBG > main > section.s-block.s-block--advanced-content.s-block--advanced-content-normal > div.relative.overflow-hidden.pt-8 > div > div {
    flex-direction: column-reverse;
  }
  .s-block--advanced-content .advanced-content-text .content-wrapper .button-wrapper .advanced-content-btn, .s-block--advanced-content .advanced-content-text .content-wrapper .button-wrapper a.advanced-content-btn {
    background: black;
    border-radius: 0px;
  }