/* Add custom CSS styles below */ 
/*@import url('https://fonts.googleapis.com/css2?family=Tajawal:wght@300;400;700;800&display=swap');
@import url("https://site-assets.fontawesome.com/releases/v6.4.2/css/all.css");
body *:not(i) {
  font-family: 'Tajawal', sans-serif;
}
:root {
    --main-color: #c09154;
    --second-color: #f5f5f5;
    --white-color: #fff;
    --normal-box-shadow: -8px 10px 15px -3px rgba(0,0,0,0.1);
}
        /* headerrrr */    

   /* body {
        background-image: url(https://i.ibb.co/j4LDLgQ/bg.png) !important;
    }
  .top-navbar .s-search-input {
    background-color: rgb(239 242 253);
    border: 1px solid #3a57a826;
}

i.header-btn__icon.sicon-user-circle,
i.header-btn__icon.icon.sicon-shopping-bag {
    color: #f5f5f5;
    background: #c09154;
    transition: all .5s;
      box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);

}
  i.header-btn__icon.sicon-user-circle:hover,
i.header-btn__icon.icon.sicon-shopping-bag:hover {

	animation: shake-bottom 0.8s cubic-bezier(0.455, 0.030, 0.515, 0.955) both;
}
@keyframes shake-bottom {
  0%,
  100% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
    -webkit-transform-origin: 50% 100%;
            transform-origin: 50% 100%;
  }
  10% {
    -webkit-transform: rotate(2deg);
            transform: rotate(2deg);
  }
  20%,
  40%,
  60% {
    -webkit-transform: rotate(-4deg);
            transform: rotate(-4deg);
  }
  30%,
  50%,
  70% {
    -webkit-transform: rotate(4deg);
            transform: rotate(4deg);
  }
  80% {
    -webkit-transform: rotate(-2deg);
            transform: rotate(-2deg);
  }
  90% {
    -webkit-transform: rotate(2deg);
            transform: rotate(2deg);
  }
}

.s-cart-summary-count {
    background-color: red;
}
  .s-cart-summary-total {
    color: #c09154 !important;
  }
header.store-header {
    margin-bottom: 0px;
    background: #f1a84700;
    background-size: cover;
}
.main-nav-container.fixed-header .inner {
    background: white !important;
    border-radius: 46px;
        padding: 4px;
    margin-top: 48px !important;
        box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgb(210 177 97);
}
.top-navbar {
    padding-top: 15px;
    background-color: #c09154 !important;
    color: white !important;
}
div#mainnav,
.inner.bg-inherit {
    background-color: transparent;
}
@media (min-width: 1024px) {
    .navbar-brand img {
        max-height: 5rem !important;
    }
    .main-menu li.root-level>a,
    .main-menu li.root-level>a:after {
        transition: all .5s;
    }

    .main-menu li.root-level>a {
    position:relative;
    z-index: 1;
        color: #c09154 !important;
        padding-bottom: 20px;
        padding-top: 7px;
        font-size: 15px;
    }
        .main-menu li.root-level>a:hover {
        color: white !important;
    }
    .main-menu li.root-level>a:after {
    background: #c09154 !important;
    content: "";
    inset: 0;
    position: absolute;
    transform: scaleX(0);
    transform-origin: right;
    transition: transform 0.5s ease-in-out;
    z-index: -1;
    border-radius: 5px;
    }
    .main-menu li.root-level>a:hover:after {
    transform: scaleX(1);
    transform-origin: left;
    }

    .navbar-brand {
        margin-right: 3rem;
    }

}

section.s-block.s-block--fixed-banner.wide-placeholder {
    margin-top: 0px !important;
}
section.s-block.s-block--fixed-banner.wide-placeholder > .container {
    padding: 0px !important;
    width: 100% !important;
    max-width: unset;
}

.banner--fixed img {
    border-radius: 0px !important;
    background: transparent !important;
}



.s-product-card-entry {
    box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px #d2b161;

}
.swiper .swiper-wrapper>div {
    padding-bottom: 20px !important;
}
.s-product-card-content {
    background: #ffffff;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
}
.s-product-card-content-sub {
    justify-content: center;
}
.s-product-card-price {
    color: black !important;
    font-size: 16px !important;
    font-weight: bold;
}
.s-button-btn  {
    font-size: 1.2rem;
    color: #fff !important;
    text-align: center;
    box-shadow: rgb(50 50 93 / 25%) 0px 50px 100px -20px, rgb(0 0 0 / 30%) 0px 30px 60px -30px;
    background: #d2b161;
    animation: glowing 20s linear infinite;
    background: linear-gradient(45deg, #d2b161, #c09154, #d2b161 , #d2b161);
    background-size: auto;
    background-size: 400%;
    animation: glowing 20s linear infinite;
    opacity: 1;
    transition: opacity .3s ease-in-out;
    border-radius: 10px !important;
}
@keyframes glowing {
    0% {
        background-position: 0 0;
    }

    50% {
        background-position: 400% 0;
    }

    100% {
        background-position: 0 0;
        box-shadow: 0 0 0 2px #000;
    }
}
.s-button-text {
    display: flex;
    justify-content: center;
    align-items: center;
}
.s-button-btn .s-button-text .sicon-shopping-bag:before {
    content: '';
    display: inline-block;
    background-image: url(https://i.ibb.co/bsYgFPs/system-regular-6-shopping.gif) !important;
    background-size: contain;
    background-repeat: no-repeat;
    width: 35px;
    height: 35px;
    margin-left: 9px;
}
.s-product-card-content-title a {
    text-align: center;
    padding-bottom: 0px;
    font-size: 17px;
    font-weight: bold !important;
    color: #c09154 !important;
}
  /* title-hover */
/*[dir=rtl] .s-slider-block__title h2, .s-block__title h2 {
    text-transform: uppercase;
    background-image: linear-gradient(-225deg,
            #9c9090 0%,
            #d2b161  9%,
            #d2b161 67%,
            #000000a1  100%);
    background-size: auto auto;
    background-clip: border-box;
    background-size: 200% auto;
    color: #fff;
    font-weight: bold;
    background-clip: text;
    text-fill-color: transparent;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    animation: textclip 2s linear infinite;
    display: inline-block;
    font-size: 21px;
}

@keyframes textclip {
    to {
        background-position: 200% center;
    }
}
[dir=rtl] .s-slider-block__title h2::after, .s-block__title h2::after {
    content: "";
    width: 90%;
    height: 3px;
background: linear-gradient(90deg, rgb(229 228 226 / 61%) 0%, rgba(192,145,84,1) 62%, rgb(192 145 84) 100%);

    position: absolute;
    bottom: 0;
    right:0;
    margin-bottom: -5px;
}
.s-slider-block__display-all{
    padding:5px;
    color: #d2b161 ;
    margin: 10px auto;
    border-radius: 0 15px 0 15px;
    animation: signal 1200ms linear infinite;
}

@keyframes signal {
    0% {
        box-shadow: 0 0 0 0 #f1a847  ;
    }

    100% {
        box-shadow: 0 0 0 5px #fff;
    }
}

[dir=rtl] .s-slider-block__title h2:before, h2.mb-4.mr-2.text-lg.font-bold.leading-\[1\.2\]:before, .s-block__title h2:before {
    background: url("https://i.ibb.co/wpLBZJj/wired-lineal-1855-palmtree.gif");
    width: 35px;
    height: 35px;
    display: inline-block;
    content: "";
    background-size: contain;
    margin-left: 5px;
    transform: translateY(20%);
}

.footer-is-light .store-footer .store-footer__inner {
    background-color: #c09154;
    color: white !important;
  position: relative;
      padding: 11rem 0 3rem 0;
  
}

@keyframes gradient {
    0% {
        background-position: 0% 50%;
    }
    50% {
        background-position: 100% 50%;
    }
    100% {
        background-position: 0% 50%;
    }
}
#app > div.app-inner.flex.flex-col.min-h-full > footer > div.store-footer__inner > div > div.lg\:col-span-2.rtl\:lg\:pl-20.ltr\:lg\:pr-20 > a {
  justify-content: center;
}
#app > div.app-inner.flex.flex-col.min-h-full > footer > div.store-footer__inner > div > div.lg\:col-span-2.rtl\:lg\:pl-20.ltr\:lg\:pr-20 > p {
  text-align: center;
}
.store-footer .store-footer__inner:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    transform: translate(50%, 0);
    width: 50%;
    height: 150px;
    background: url(https://cdn.salla.sa/zvxxA/FQL2BOsZydvbjHuNY9vA2Zqw6sDz9QUiviZun8HI.jpg);
    background-position: 50%;
    background-size: contain;
    background-repeat: no-repeat;
    overflow: visible;
    z-index: 1;
}
a.social-link:hover {
    transform: translate(0, -10px);
    color: black;
    background: white;
    border: none;
}
.s-block--features__item {
        margin-top: 2rem;
    margin-bottom: 2rem;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' version='1.1' xmlns:xlink='http://www.w3.org/1999/xlink' xmlns:svgjs='http://svgjs.dev/svgjs' width='1440' height='560' preserveAspectRatio='none' viewBox='0 0 1440 560'%3e%3cg mask='url(%26quot%3b%23SvgjsMask1006%26quot%3b)' fill='none'%3e%3crect width='1440' height='560' x='0' y='0' fill='rgba(192%2c 145%2c 84%2c 1)'%3e%3c/rect%3e%3cpath d='M0 0L587.45 0L0 207.71z' fill='rgba(255%2c 255%2c 255%2c .1)'%3e%3c/path%3e%3cpath d='M0 207.71L587.45 0L896.8000000000001 0L0 318.62z' fill='rgba(255%2c 255%2c 255%2c .075)'%3e%3c/path%3e%3cpath d='M0 318.62L896.8000000000001 0L1176.98 0L0 328.11z' fill='rgba(255%2c 255%2c 255%2c .05)'%3e%3c/path%3e%3cpath d='M0 328.11L1176.98 0L1219.27 0L0 344.55z' fill='rgba(255%2c 255%2c 255%2c .025)'%3e%3c/path%3e%3cpath d='M1440 560L1260.07 560L1440 556.94z' fill='rgba(0%2c 0%2c 0%2c .1)'%3e%3c/path%3e%3cpath d='M1440 556.94L1260.07 560L1245.9099999999999 560L1440 449.49000000000007z' fill='rgba(0%2c 0%2c 0%2c .075)'%3e%3c/path%3e%3cpath d='M1440 449.49L1245.91 560L897.8500000000001 560L1440 378.56z' fill='rgba(0%2c 0%2c 0%2c .05)'%3e%3c/path%3e%3cpath d='M1440 378.56L897.85 560L897.52 560L1440 188.95z' fill='rgba(0%2c 0%2c 0%2c .025)'%3e%3c/path%3e%3c/g%3e%3cdefs%3e%3cmask id='SvgjsMask1006'%3e%3crect width='1440' height='560' fill='white'%3e%3c/rect%3e%3c/mask%3e%3c/defs%3e%3c/svg%3e");
  background-size: cover; 
    border-radius: 10px;
}
.s-block--features__item .feature-icon {
    height: 5rem;
    width: 5rem;
    background: #fdfdfd;
  box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}


.s-block--features__item h2 {
    font-size: 21px !important;
  margin-bottom: 15px;
}
.s-block--features__item p {
  color: white;
}

@media (max-width: 768px) {
    .s-block--features__item {
      margin-top: 0 !important;
        margin-bottom: 0 !important;
    }
        .s-product-card-content {
            padding: 0.5rem;
        }
        .s-button-btn {
            padding: 2px 0px;
            font-size: 17px;
            margin: 0px;
        }

        i.sicon-menu.text-primary.text-2xl {
            color: white;
    background: #c09154;
        box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
        padding: 6px;
        border-radius: 22px;
        }
        .footer-is-light .store-footer .store-footer__inner {
        text-align: center;
    }
    .store-footer .contact-social ul {
        justify-content: center;
    }
    .store-footer a {
        justify-content: center;
    }
    #app > div.app-inner.flex.flex-col.min-h-full > footer > div.store-footer__inner > div > div.lg\:col-span-2.rtl\:lg\:pl-20.ltr\:lg\:pr-20 > div.flex.rtl\:space-x-reverse.space-x-2.items-end {
    justify-content: center;
    align-items: center;
    }
            .mm-ocd__content:has(nav#mobile-menu)::before {
            content: "";
            display: block;
        background-color:#c09154;
            left: 0;
            width: 90%;
            height: 100px;
            margin-left: auto;
            margin-right: 0;
                border-radius: 150px 0px 0px 150px;
            margin-bottom: 40px;
            margin-top: 30px;
            box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px #b5b5b4;
        }
        .mm-ocd__content:has(nav#mobile-menu)::after {
        content: "";
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        transform: translate(50%, 50%);
        width: 50%;
        height: 80px;
        background: url(https://cdn.salla.sa/zvxxA/FQL2BOsZydvbjHuNY9vA2Zqw6sDz9QUiviZun8HI.jpg);
        background-position: 50%;
        background-size: contain;
        background-repeat: no-repeat;
        overflow: visible;
        z-index: 9999;
    }
    
    .mm-spn.mm-spn--navbar.mm-spn--main {
        width: 90%;
        margin-right: 0;
        margin-left: auto;
        background: transparent;
        color: #f5f5f5;
        border-radius: 15px;
    }
        .mm-ocd__content {
            animation: changeBackgroundColor 7s infinite !important;
    }
    .mm-spn.mm-spn--navbar:after {
        text-align: center !important;
        background: linear-gradient(90deg, rgb(229 228 226 / 61%) 0%, rgba(192,145,84,1) 62%, rgb(192 145 84) 100%);
        margin-top: -10px;
    border-radius: 0px 0px 0px 15px;
    }
    .mm-spn.mm-spn--navbar ul:before {
        border: 0px !important;
    }
    .mm-spn ul {
        margin-top: 20px;
        background: #c09154;
        border-radius: 30px 0px;
    }
    .carousel-slider .swiper {
    padding-left: 0px !important;
    }
    .s-products-slider-card.swiper-slide {
        width: 190px !important;
    }
    .testimonials-slider .testimonial {
    padding: 0.5rem;
}
.s-block--features__item {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    padding-top: 1rem;
    padding-bottom: 1rem;
}
}
.testimonials-slider .testimonial {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' version='1.1' xmlns:xlink='http://www.w3.org/1999/xlink' xmlns:svgjs='http://svgjs.dev/svgjs' width='1440' height='560' preserveAspectRatio='none' viewBox='0 0 1440 560'%3e%3cg mask='url(%26quot%3b%23SvgjsMask1001%26quot%3b)' fill='none'%3e%3crect width='1440' height='560' x='0' y='0' fill='rgba(192%2c 145%2c 84%2c 1)'%3e%3c/rect%3e%3cpath d='M0%2c418.063C76.979%2c414.486%2c112.605%2c316.626%2c182.151%2c283.432C267.194%2c242.841%2c403.306%2c287.585%2c447.613%2c204.418C490.901%2c123.165%2c380.234%2c38.114%2c360.784%2c-51.873C343.284%2c-132.835%2c395.323%2c-232.97%2c339.789%2c-294.429C284.088%2c-356.072%2c182.097%2c-327.878%2c99.981%2c-340.502C30.1%2c-351.245%2c-36.396%2c-371.411%2c-106.603%2c-363.055C-187.224%2c-353.46%2c-276.813%2c-347.11%2c-333.431%2c-288.919C-390.678%2c-230.082%2c-406.421%2c-140.039%2c-403.412%2c-58.002C-400.663%2c16.944%2c-355.395%2c80.278%2c-317.513%2c145.003C-283.267%2c203.516%2c-244.77%2c256.676%2c-193.366%2c300.883C-135.043%2c351.041%2c-76.842%2c421.634%2c0%2c418.063' fill='%23a1753b'%3e%3c/path%3e%3cpath d='M1440 1228.739C1562.865 1222.812 1641.817 1101.549 1744.7649999999999 1034.224 1846.683 967.573 1983.1950000000002 941.5509999999999 2042.112 834.975 2101.993 726.656 2067.416 594.68 2055.876 471.45 2043.7440000000001 341.898 2073.064 181.363 1973.105 98.06200000000001 1870.72 12.739000000000033 1713.936 95.11900000000003 1581.964 76.51600000000002 1475.522 61.512 1382.625-9.032000000000039 1275.488-0.27499999999997726 1154.344 9.626999999999953 1019.947 35.22799999999995 942.361 128.793 864.99 222.098 895.606 359.272 877.909 479.18399999999997 860.132 599.639 792.329 722.045 838.159 834.851 884.299 948.419 1013.165 997.4390000000001 1115.734 1064.567 1219.201 1132.284 1316.487 1234.6970000000001 1440 1228.739' fill='%23cfab7c'%3e%3c/path%3e%3c/g%3e%3cdefs%3e%3cmask id='SvgjsMask1001'%3e%3crect width='1440' height='560' fill='white'%3e%3c/rect%3e%3c/mask%3e%3c/defs%3e%3c/svg%3e");
    background-size: cover;
    border-radius: 50px;
    color: white;
    box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
}
.s-product-card-promotion-title {
    background: #c09154;
}
.product-single::before, .product-index::before, .index::before, .cart::before {
    content: "";
    top: 0;
    background: white url(https://i.ibb.co/bX54KFt/Artboard-1-3x.png);
    background-size: 250px !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    width: 100%;
    height: 100vh !important;
    transform: scale(0);
    position: fixed;
    left: 0;
    z-index: 9999999 !important;
    animation: slide-out-right .5s cubic-bezier(.55,.085,.68,.53) 2s both;
}
@keyframes slide-out-right{0%{transform:translateX(0);opacity:1}100%{transform:translateX(3000px);opacity:0}}

section#featured-products-style2-6, section.s-block.s-block--slider-with-bg.s-block--full-bg {
    background: transparent;
}


.s-block.s-block-tabs.s-block--tabs-produtcs {
    margin-top: 0;
}


#home-countdown {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 9999;
  text-align: center;
  padding: 8px 10px;               /* تصغير البادينق */
/*  background-color: #fff3cd;
  color: #856404;
  font-size: 16px;                 /* تصغير الخط */
/*  font-weight: 600;
  border-bottom: 1px dashed #ffeeba;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.05);
}

.timer-display {
  margin-top: 3px;
  font-size: 18px;                /* تصغير حجم الوقت */
}