@import url("https://fonts.googleapis.com/css2?family=Cairo:wght@300;400;700;800&display=swap");
@import url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css");
body *:not(i) {
  font-family: "Cairo", sans-serif;
}
#\37 9d717e0-b822-40ab-b13f-e2118da748a3 {
    background: url(https://i.ibb.co/5XGLTP8F/image.png);
    background-size: cover;
    background-position: center center;
  margin: -1px 0;
}
#\37 9d717e0-b822-40ab-b13f-e2118da748a3 > div > h2 {
    color: white !important;
    background: transparent;
}
:root {
  /* Core palette */
  --color-primary: #e3533e;
  --main-color: #ffffff; 
  --color-text-homepage:#fff;
  --color-text-pages: #000000;
}
body {
  background-color: var(--main-color)!important;
}

.header-theme-bg-primary {
  background-color: #fff;
  border-bottom: 1px solid var(--color-primary);
}

.sticky .header-theme-bg-primary {
  border-radius: 0 0 50px 50px;
}
 
.search-input-input {
  border: 1px solid var(--color-primary);
  border-radius: 15px;
}
nav#sliding-menu {
  background: white;
}
.slide-menu ul {
  background: white;
  color: var(--color-primary);
}
.upper-bar * {
  color: var(--color-primary);
  border-color: var(--color-primary) !important;
}

.header-cart .icon-shopping_cart_black_36dp-1-1 .path1:before {
  opacity: 0;
}

.header-cart .icon-shopping_cart_black_36dp-1-1 .path2:before {
  content: "\f291 ";
  font-family: fontawesome;
  color: var(--color-primary);
}

@media (min-width: 767px) {
  .header-logo,
  .header-cart {
    order: 2 !important;
    width: 33.3%;
    justify-content: space-around !important;
  }

  .header-logo a {
    height: 10rem !important;
  }
}

.dark.d-none.d-lg-block {
  background: var(--color-primary) ;
}

ul.main-nav > li > a {
    color: var(--color-text-homepage) !important;
}

.container.container-slider {
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}
.main-slider {
  box-sizing: content-box;
  width: 100%;
  overflow-y: hidden;
  max-height: 945px !important;
}
.slick-dotted.slick-slider {
  margin-bottom: 0px;
  max-height: 945px;
}
.slick-slide img {
  object-fit: fill !important;
}
.prod-col {
  padding-top: 5px;
  padding-bottom: 5px;
}

.product-item {
box-shadow: 0 1px 3px var(--color-primary);
  background-color: rgb(255, 255, 255);
  border-radius: 15px;
  overflow: hidden !important;
}
.product-item img {
    object-fit: fill !important;
}
.product-item * {
  text-align: center;
}
.product-item .product-title > span {
    color: var(--color-primary);
}
.product-crd-spec {
  min-height: 50px !important;
}
span.add-to-wishlist {
    background: rgb(255, 255, 255);
}
.product-card-add-to-cart {
  padding: 7px 35px;
  background-color: var(--color-primary) !important ;
  color: rgb(255, 255, 255) !important;
  font-size: 14px;
  border: 0;
  display: flex;
  justify-content: center;
  width: 65%;
  margin-right: auto;
  border-radius: 0 15px 0 0;
  position: relative;
}

.product-card-add-to-cart:before {
  position: absolute;
  content: "\f00e ";
  font-family: fontawesome;
  color: var(--color-primary);
  font-size: 17px;
  display: inline-block;
  right: -50px;
  transform: translateX(-50%);
}
a.btn.btn-primary.btn-product-card-select-variant {
  padding: 7px 35px;
  background-color: var(--color-primary) !important;
  color: white !important;
  font-size: 14px;
  border: 0;
  display: flex;
  justify-content: center;
  width: 65%;
  margin-right: auto;
  border-radius: 0 15px 0 0;
  position: relative;
}
a.btn.btn-primary.btn-product-card-select-variant:before {
  position: absolute;
  content: "\f00e ";
  font-family: fontawesome;
  color: var(--color-primary);
  font-size: 17px;
  display: inline-block;
  right: -50px;
  transform: translateX(-50%);
}

.product-item small {
  display: none;
}
.product-item .product-price,
.slick-next.slick-arrow > span,
.slick-prev.slick-arrow > span {
  color: var(--color-primary) !important;
}
.col-product-info img {
    display: none;
}
h2.section-title {
  margin-bottom: 2rem;
  position: relative;
  display: table;
  color: var(--color-primary)!important;
  background-color: var(--main-color);
  margin-left: auto;
  margin-right: auto;
  padding-left: 15px;
  padding-right: 15px;
}

h2.section-title:before {
  content: "";
  width: 350px;
  height: 2px;
  background-color: var(--color-primary);
  display: inline-block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: -1;
}

a.more-button {
  background: var(--color-primary);
  color: #fff;
  border: 0;
  box-shadow: 0 1px 3px #ddd;
  border-radius: 50px;
}
#\31 88c6635-fe6d-4710-9cd8-a89608f3a8e3 > div > div:nth-child(2) {
    border-inline: 2px solid #9d6216;
    padding: 0 25px;
}
.features-section {
    background: transparent;
    justify-content: space-between !important;
    display: flex;
    max-width: 1174px !important;
    margin: auto;
}

.features-section-img {
    max-height: 110px !important;
    max-width: 344px !important;
    padding: 0 11px;
}

.features-section p {
  color: var(--color-primary);
  font-size: 16px;
  font-weight: bold;
}

.footer-store-section {
  background:var(--color-primary);
  color: var(--color-text-homepage);
}

@media (max-width: 767px) {
  .header-theme-bg-primary * {
    color: var(--color-primary);
  }

 .features-section-img {
    max-height: 38px !important;
    max-width: 344px !important;
    padding: 0 11px;
}
  #\31 88c6635-fe6d-4710-9cd8-a89608f3a8e3 > div > div:nth-child(2) {
    border-inline: 2px solid #9d6216;
    padding: 0 1px;
    height: 60px;
}

  .product-item {
    width: 180px !important;
  }

  .footer-store-section * {
    text-align: center;
    justify-content: center;
  }
}

h3.cart-header-total {
  color: var(--color-primary);
}

.header-cart {
  justify-content: center !important;
}


.partners-slider-wrapper .slick-slide img {
  display: block;
  background: var(--color-primary);
  border-radius: 20px;
  padding: 19px;
  max-width: 139px !important;
  max-height: 150px !important;
}
@media (max-width: 768px) {
  .partners-slider .partners-item {
    vertical-align: middle;
    background: var(--color-primary);
    padding: 7px;
    border-radius: 15px;
  }
}

.slick-list .prod-col.slick-slide {
  transition: 0.3s;
}
.slick-list .prod-col.slick-slide:hover {
  transform: scale(1.03);
}
.store-section a {
  color: var(--color-text-homepage) !important;
}

.store-section .social-icons span {
  color: var(--color-text-homepage)!important;
  border: 2px solid var(--color-text-homepage) !important;
}
.gallery.row {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    align-items: baseline;
}

.gallery-item.col-6 {
    max-width: 100% !important;
}

.gallery-item .content {
    width: 100% !important;
}
.gallery img {
    object-fit: contain !important;
    transition: 0.4s;
    border-radius: 35px !important;
}
div#\38 37007bb-8e50-4bf6-adbd-4e07da6e0dae {
    max-width: 1510px !important;
}
.gallery img:hover {
    transform: translateY(-15px);
}
@media (max-width:767px){
    .gallery.row {
   display: flex !important;
        align-items: center;
        justify-content: center;
    
}
.col-product-info-single-image {
    
    color: #000000 !important;
}

.product-title {
    color: #fff !important;
}
#product-custom-user-dropdown-fields select, .select-quantity-div select {
    background-color: #f5e9e9 !important;
}
h2.product-formatted-price.theme-text-primary {
    color: white !important;
}
.gallery .gallery-item.bottom-row {
    margin-top: 0px !important;
}
.col-product-info-single-image {
    
    color: #00000 !important;
}
}
button.loyalty_footer_btn {
    display: none !important;
}
.description-paragrah.text-justify.description-text-clear a {
    display: none !important;
}
p.text-short-description {
    display: none !important;
}
.rtl.loyalty-points-products-section {
    display: none !important;
}
.loyalty-points__actions_section {
    display: none !important;
}
.description-paragrah.text-justify.description-text-clear img {
    display: none !important;
    border: none !important;
}
.testimonials-customer-card.bg-transparent.slick-slide.slick-active {
    border: 1px solid #672f65;
}
.blog-text p {
    color: var(--color-text-pages) !important;
}

.blog-title h1 {
    color: var(--color-text-pages) !important;
}
section.products-details {
    color: var(--color-text-pages) !important;
}

section.products-details h2.product-formatted-price.theme-text-primary {
    color: var(--color-text-pages) !important;
}

section.products-details .product-title {
    color: var(--color-text-pages) !important;
}

select#product-quantity {
    background: white;
}

button.btn.btn-buy-now {
    background: white;
}

.product-social i {
    color: var(--color-text-pages) !important;
}
button.btn.btn-add-to-cart {
    background: var(--color-primary);
}

body::before {
    content: "";
    position: fixed;
    top: 0; left: 0;
    width: 100%; height: 100%;
    z-index: 999999 !important;
    pointer-events: none;

    /* Apple Frosted Glass بدل الأسود */
    background-color: rgba(255, 255, 255, 0.5);
    backdrop-filter: blur(40px) saturate(200%) brightness(1.1);
    -webkit-backdrop-filter: blur(40px) saturate(200%) brightness(1.1);
    border: 1px solid rgba(255, 255, 255, 0.6);

    /* اللوجو */
    background-image: url(https://i.ibb.co/vvdBmT8h/Chat-GPT-Image-May-11-2026-02-28-36-PM.png);
    background-size: 180px;
    background-repeat: no-repeat;
    background-position: center;

    animation: introExit 2.5s cubic-bezier(0.77, 0, 0.175, 1) forwards;
}

/* طبقة الضوء shimmer */
body::after {
    content: "";
    position: fixed;
    top: 0; left: 0;
    width: 100%; height: 100%;
    background: linear-gradient(
        120deg,
        transparent 20%,
        rgba(255, 255, 255, 0.18) 50%,
        transparent 80%
    );
    background-size: 250% 100%;
    z-index: 9999999 !important;
    pointer-events: none;
    animation: introShimmer 2.5s ease forwards;
}

/* ── تأثير الخروج السينمائي ── */
@keyframes introExit {
    0% {
        opacity: 1;
        transform: scale(1);
        filter: blur(0px);
        clip-path: inset(0% 0% 0% 0% round 0px);
    }
    72% {
        opacity: 1;
        transform: scale(1);
        filter: blur(0px);
        clip-path: inset(0% 0% 0% 0% round 0px);
    }
    /* flash وهج لمحة */
    82% {
        opacity: 1;
        transform: scale(1.02);
        filter: blur(0px) brightness(1.4);
        clip-path: inset(0% 0% 0% 0% round 0px);
    }
    /* ينكمش للمنتصف ويختفي */
    100% {
        opacity: 0;
        transform: scale(0.85);
        filter: blur(20px) brightness(1.8);
        clip-path: inset(8% 8% 8% 8% round 20px);
    }
}

/* ── Shimmer يمشي على الشاشة ── */
@keyframes introShimmer {
    0%   { opacity: 0; background-position: 180% center; }
    15%  { opacity: 1; }
    72%  { opacity: 1; background-position: -80% center; }
    100% { opacity: 0; background-position: -80% center; }
}