/* 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: #1e3a8a;
     --second-color: #f5f5f5;
     --white-color: #fff;
     --normal-box-shadow: -8px 10px 15px -3px rgba(0,0,0,0.1);
 }
       /* headerrrr */
   .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: var(--main-color);
     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: var(--main-color) !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: 20px !important;
         box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(30, 58, 138, 0.4);
 }
 .top-navbar {
     padding-top: 15px;
     background-color: var(--main-color) !important;
     color: white !important;
 }
 div#mainnav,
 .inner.bg-inherit {
     background-color: transparent;
 }
 @media (min-width: 1024px) {
     .navbar-brand img {
         max-height: 4rem !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: #1E3A8A !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: var(--main-color) !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 rgba(30, 58, 138, 0.4);
 }
 .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: #28C76F;
     opacity: 1;
     transition: opacity .3s ease-in-out;
     border-radius: 10px !important;
 }
 .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: #1E3A8A !important;
 }
   /* title-hover */
 [dir=rtl] .s-slider-block__title h2, .s-block__title h2 {
     text-transform: uppercase;
     background-image: linear-gradient(-225deg,
               #9c9090 0%,
               #1E3A8A  9%,
               #1E3A8A 67%,
               #000000a1  100%);
     background-size: auto auto;
     background-clip: border-box;
     background-size: 200% auto;
     color: #fff;
     font-weight: bold;
     background-clip: text;
     -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%, #1E3A8A 62%, #1E3A8A 100%);
     position: absolute;
     bottom: 0;
     right:0;
     margin-bottom: -5px;
 }
 .s-slider-block__display-all{
     padding:5px;
     color: #1E3A8A ;
     margin: 10px auto;
     border-radius: 0 15px 0 15px;
     animation: signal 1200ms linear infinite;
 }
 @keyframes signal {
     0% {
         box-shadow: 0 0 0 0 #1E3A8A  ;
     }
     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/CsTkqpK4/P-TV.gif");
     width: 35px;
     height: 35px;
     display: inline-block;
     content: "";
     background-size: contain;
     margin-left: 5px;
     transform: translateY(20%);
 }
 @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;
 }
 a.social-link:hover {
     transform: translate(0, -10px);
     color: black;
     background: white;
     border: none;
 }
 @media (max-width: 768px) {
           .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: #1E3A8A;
               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;
           }
               .mm-ocd__content:has(nav#mobile-menu)::before {
               content: "";
               display: block;
               background-color:#1E3A8A;
               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-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%, #1E3A8A 62%, #1E3A8A 100%);
               margin-top: -10px;
           border-radius: 0px 0px 0px 15px;
           }
           .mm-spn ul:before {
               border: 0px !important;
           }
           .mm-spn ul {
               margin-top: 20px;
               background: #1E3A8A;
               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;
 }
 }
 .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: #1E3A8A;
 }
 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;
 }
 section:nth-of-type(1).s-block {
     padding: 0;
     margin: 0;
     max-width: 100%
 }
 salla-slider.photos-slider .swiper-slide {
     position: relative;
     margin-left: 0rem;
     margin-right: 0rem;
     height: auto;
     width: 100%;
     overflow: hidden;
     border-radius: 0.375rem;
     padding: 0;
     border-radius: 0;
 }
 section:nth-of-type(1).s-block.s-block--photos-slider,section.s-block.s-block--fixed-banner.wide-placeholder {
     margin-top: 0rem;
     background: var(--main-color);
 }
 .s-block--fixed-banner .container img {
     border-radius: 0;
     background: transparent;
 }
 salla-slider.photos-slider .swiper,salla-slider.photos-slider .swiper {
     padding-left: 0 !important;
     padding-right: 0 !important;
     padding: 0 !important;
 }
 img.w-full.object-contain.rounded-md {
     border-radius: 0;
 }
 @media (max-width: 991px) {
     salla-slider.photos-slider .swiper-slide {
         border-radius: 0px !important;
         width: 100%;
         margin: 0;
         padding: 0;
     }
 }
 .navbar-brand {
     background-image: var(--logo);
     background-repeat: no-repeat no-repeat;
     background-position: center center;
     background-repeat: no-repeat no-repeat;
     background-size: contain;
     height: 66px;
     width: 7vw;
     display: block;
 }
 .main-nav.fixed-pinned.animated.fixed-header .navbar-brand {
     filter: invert(1) brightness(97.5);
 }
 footer.store-footer a.navbar-brand {
     filter: brightness(0.5);
 }
 @media only screen and (max-width: 700px) {
     .navbar-brand {
         width: 15vw;
         margin: auto;
     }
 }
 .store-footer .store-footer__inner > div > div > p:before {
     width: 100%;
     height: 70px;
     display: block;
     background-image: var(--logo);
     background-size: contain;
     background-repeat: no-repeat;
     background-position: center;
     margin-bottom: 1rem;
 }
 .s-login-modal-wrapper:before {
     content: '';
     display: block;
     width: 100%;
     height: 70px;
     background-image: var(--logo);
     background-repeat: no-repeat;
     background-size: contain;
     margin: auto;
     background-position: center;
     margin-bottom: 2rem;
 }
 salla-modal.s-login-modal.salla-modal.s-modal.s-modal-container.hydrated .s-modal-header-inner, salla-modal.s-login-modal.salla-modal.s-modal.s-modal-container.hydrated .s-login-modal-sub-title {
     display: none;
 }
 .header-search.flex-1 {
     display: none;
 }
 salla-contacts.s-contacts.s-contacts-header.hydrated {
     order: 1;
 }
 .flex-1.flex.items-center.gap-2 {
     order: 2;
 }
 button.header-btn {
     order: 1;
     margin: 0 4px;
 }
 button.header-btn[aria-label="user-icon"] {
     order: 2;
 }
 salla-cart-summary.ml-4.rtl\:ml-\[unset\].rtl\:mr-4.hydrated {
     order: 3;
     margin-right: 6px
 }
 /* --- جديد--- */
 button.undefined.s-button-element.s-button-btn.s-button-outline.s-button-wide.s-button-primary-outline.s-button-loader-center {
     background-color: #28C76F;
     color: #fff;
 }
 .s-button-btn .s-button-text .sicon-shopping-bag:before {
     content: '';
     display: inline-block;
     background-image: url("https://i.ibb.co/k9J4y9z/3.png");
     background-size: contain;
     background-repeat: no-repeat;
     width: 18px;
     height: 18px;
     margin-left: 9px;
 }
 .s-button-text {
     display: flex;
     justify-content: center;
     align-items: center
 }
 span.s-button-text i.sicon-heart:before,.s-block__display-all,.s-product-card-sale-price h4 {
     color: var(--main-color) !important
 }
 .s-product-card-promotion-title {
     background-color: var(--main-color);
     color: #fff;
     --cam: url("                       ");
     -webkit-mask-image: var(--cam);
     mask-image: var(--cam);
     mask-size: contain;
     width: 55px;
     height: 91px;
     padding: 21px 0px 0 0px;
     text-align: center;
 }
 .s-product-card-image img.loaded,.s-product-card-horizontal .s-product-card-image,.s-product-card-horizontal .s-product-card-image a {
 }
 .s-product-card-content-sub {
     display: flex;
     align-items: flex-start;
     flex-direction: column;
 }
 .s-product-card-sale-price {
     order: 2;
 }
 .s-product-card-rating {
     order: 1;
     color: var(--second-color);
 }
 header .sicon-shopping-bag:before ,.sicon-user-circle:before, button.header-btn[onclick="salla.event.dispatch('search::open')"] i.header-btn__icon svg {
     content: "";
     display: block;
     width: 19px;
     height: 22px;
     background-size: contain;
     background-repeat: no-repeat;
     position: relative;
 }
 /*ايقونة اليوسر*/
 .sicon-user-circle:before {
     background-image: url("https://i.ibb.co/k9J4y9z/3.png");
     right: 0px;
 }
 /*ايقونة اليوسر*/
 /*السلة*/
 header .sicon-shopping-bag:before {
     width: 23px;
     background-image: url("https://i.ibb.co/P6N30mG/2.png");
 }
 /*السلة*/
 .s-cart-summary-count {
     background-color: var(--red);
 }
 /*البحث*/
 button.header-btn[onclick="salla.event.dispatch('search::open')"] i.header-btn__icon svg {
     background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='Layer_1' data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 21.5 21.5'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill: %23292d32; stroke-width: 0px; %7D %3C/style%3E%3C/defs%3E%3Cpath class='cls-1' d='M9.75,1.5c4.56,0,8.25,3.69,8.25,8.25h1.5C19.5,4.37,15.13,0,9.75,0v1.5ZM1.5,9.75C1.5,5.19,5.19,1.5,9.75,1.5V0C4.37,0,0,4.37,0,9.75h1.5ZM9.75,18c-4.56,0-8.25-3.69-8.25-8.25H0c0,5.39,4.37,9.75,9.75,9.75v-1.5ZM18,9.75c0,4.56-3.69,8.25-8.25,8.25v1.5c5.38,0,9.75-4.36,9.75-9.75h-1.5Z'/%3E%3Cpath class='cls-1' d='M19.11,16.72c-.77,0-1.46.3-1.89.88-.42.59-.49,1.34-.25,2.07l1.42-.47c-.12-.36-.05-.6.04-.72.09-.13.29-.26.66-.26v-1.5ZM20.97,20.21c.5-.76.72-1.65.31-2.41-.41-.77-1.27-1.08-2.18-1.08v1.5c.63,0,.82.21.86.29.04.08.11.35-.23.88l1.25.83ZM16.97,19.68c.3.91.89,1.69,1.8,1.81.91.12,1.68-.48,2.21-1.27l-1.25-.83c-.4.6-.7.62-.76.62-.06,0-.34-.11-.57-.8l-1.42.47ZM19.1,17.47v.75s0,0,0,0v-.75ZM20.35,19.8l.62.42h0s-.62-.42-.62-.42ZM17.68,19.44l-.71.24h0s.71-.24.71-.24Z'/%3E%3C/svg%3E");
     right: 1px;
 }
 button.header-btn[onclick="salla.event.dispatch('search::open')"] i.header-btn__icon svg path {
     display: none;
 }
 /*البحث*/
 .store-footer__inner,.store-footer {
     border-bottom-width: 0px;
     border-bottom-color: rgba(255,255,255,.1);
     color: #ffff;
     background-color: #1E3A8A !important;
     padding-top: 2rem;
     padding-bottom: 2rem;
 }
 .copyright-text p {
     color: #ffff;
 }
 @media (min-width: 1024px) {
     .container.grid.grid-col-1.lg\:grid-cols-6.gap-8.lg\:gap-6 {
         grid-template-columns: repeat(4,minmax(0,1fr));
     }
 }
 .store-footer li.s-social-link a[href*="https"] {
     width: 40px;
     height: 47px;
     display: block;
     border: 0;
 }
 .store-footer li.s-social-link a[href*="instagram"] {
     content: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='Layer_1' data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 40.38 40.4'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill: url(%23linear-gradient); %7D .cls-1, .cls-2 %7B stroke-width: 0px; %7D .cls-2 %7B fill: %23fff; %7D %3C/style%3E%3ClinearGradient id='linear-gradient' x1='5.9' y1='7.51' x2='34.49' y2='36.09' gradientTransform='translate(0 42) scale(1 -1)' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0' stop-color='%23faad4f'/%3E%3Cstop offset='.35' stop-color='%23dd2a7b'/%3E%3Cstop offset='.62' stop-color='%239537b0'/%3E%3Cstop offset='1' stop-color='%23515bd4'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath class='cls-1' d='M20.24,0h-.09C9.02,0,0,9.02,0,20.15v.09c0,11.13,9.02,20.15,20.15,20.15h.09c11.13,0,20.15-9.02,20.15-20.15v-.09C40.38,9.02,31.36,0,20.24,0Z'/%3E%3Cpath class='cls-2' d='M26.44,8.22h-12.5c-3.45,0-6.26,2.81-6.26,6.26v11.44c0,3.45,2.81,6.26,6.26,6.26h12.5c3.45,0,6.26-2.81,6.26-6.26v-11.44c0-3.45-2.81-6.26-6.26-6.26ZM9.89,14.48c0-2.23,1.82-4.05,4.05-4.05h12.5c2.23,0,4.05,1.82,4.05,4.05v11.44c0,2.23-1.82,4.05-4.05,4.05h-12.5c-2.23,0-4.05-1.82-4.05-4.05v-11.44Z'/%3E%3Cpath class='cls-2' d='M20.19,26.02c3.21,0,5.82-2.61,5.82-5.83s-2.61-5.83-5.82-5.83-5.82,2.61-5.82,5.83,2.61,5.83,5.82,5.83ZM20.19,16.58c1.99,0,3.61,1.62,3.61,3.62s-1.62,3.62-3.61,3.62-3.61-1.62-3.61-3.62,1.62-3.62,3.61-3.62Z'/%3E%3Cpath class='cls-2' d='M26.55,15.31c.86,0,1.57-.7,1.57-1.57s-.7-1.57-1.57-1.57-1.57.7-1.57,1.57.7,1.57,1.57,1.57Z'/%3E%3C/svg%3E");
 }
 .store-footer li.s-social-link a[href*="twitter"] {
     content: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='Layer_1' data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40.38 40.4'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill: %231c1c1b; stroke: %23fff; stroke-width: .5px; %7D .cls-2 %7B fill: %23fff; stroke-width: 0px; %7D %3C/style%3E%3C/defs%3E%3Cpath class='cls-1' d='M40.13,19.95h0v.25c0,10.07-7.47,18.4-17.16,19.76-.91.13-1.83.19-2.78.19-1.09,0-2.16-.09-3.19-.25h0C7.5,38.36.25,30.13.25,20.2.25,9.18,9.18.25,20.19.25s19.81,8.8,19.94,19.7Z'/%3E%3Cpath class='cls-2' d='M8.19,8.91l9.31,12.45-9.37,10.13h2.11l8.2-8.87,6.63,8.87h7.18l-9.84-13.15,8.72-9.43h-2.11l-7.56,8.16-6.1-8.16h-7.18ZM11.29,10.46h3.3l14.56,19.47h-3.3L11.29,10.46Z'/%3E%3C/svg%3E");
 }
 .store-footer li.s-social-link a[href*="snapchat"] {
     content: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='Layer_1' data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40.38 40.4'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill: %231d1d1b; %7D .cls-1, .cls-2, .cls-3 %7B stroke-width: 0px; %7D .cls-2 %7B fill: %23fffa00; %7D .cls-3 %7B fill: %23fff; %7D %3C/style%3E%3C/defs%3E%3Cpath class='cls-2' d='M20.15,0h.09c11.12,0,20.15,9.03,20.15,20.15v.09c0,11.12-9.03,20.15-20.15,20.15h-.09C9.03,40.4,0,31.37,0,20.24v-.09C0,9.03,9.03,0,20.15,0Z'/%3E%3Cpath class='cls-3' d='M26.51,16.5c0,.27-.03.54-.06.81,0,.09-.01.18-.01.27,0,.15.12.29.27.28.07,0,.15-.02.22-.05.24-.08.47-.17.7-.26.21-.08.43-.16.65-.22.24-.07.48-.11.72-.07.5.08.82.61.64,1.08-.05.13-.13.24-.22.35-.13.14-.27.26-.43.37-.19.13-.37.25-.56.37-.31.21-.63.41-.94.62-.13.09-.26.18-.38.27-.07.05-.13.11-.19.18-.11.12-.17.28-.16.44,0,.17.04.34.09.51.15.52.38,1,.65,1.47.74,1.24,1.79,2.2,3.04,2.99.34.22.71.39,1.07.58.05.03.1.05.15.08.05.03.09.07.13.12.05.07.06.15.01.23-.04.07-.09.12-.15.17-.07.05-.14.1-.21.14-.42.24-.87.42-1.34.54-.23.06-.45.12-.68.19-.14.04-.27.1-.4.17-.22.11-.34.29-.38.53-.03.13-.04.26-.07.39-.06.33-.18.45-.5.51-.11.02-.23.03-.34.04-.29.02-.58.02-.87.04h-.02c-1.15.07-2.27.44-3.26,1.03-.05.03-.1.06-.16.09-.4.24-.81.47-1.25.64-.49.19-.99.3-1.51.35-.44.04-.88.03-1.32-.02-.66-.07-1.28-.26-1.86-.56-.27-.14-.54-.3-.8-.46-.01,0-.03-.02-.04-.03-1.04-.63-2.22-1.02-3.44-1.07h-.03c-.25,0-.51-.02-.76-.04-.15,0-.3-.03-.44-.07-.19-.05-.32-.21-.36-.4-.02-.1-.04-.21-.05-.31,0-.02,0-.05,0-.07-.04-.3-.19-.52-.48-.65-.17-.08-.35-.14-.54-.19-.32-.09-.64-.17-.95-.28-.27-.1-.54-.21-.79-.35-.08-.04-.15-.09-.22-.14-.05-.03-.09-.07-.13-.11-.13-.13-.11-.31.03-.42.08-.07.18-.11.28-.16.66-.32,1.29-.7,1.87-1.15.88-.68,1.63-1.48,2.19-2.45.2-.35.37-.71.51-1.09.09-.25.16-.5.18-.76.01-.19-.05-.38-.18-.52-.09-.1-.21-.18-.32-.26-.17-.12-.34-.24-.51-.35-.36-.24-.73-.48-1.1-.72-.16-.1-.31-.22-.45-.35-.1-.1-.19-.2-.26-.32-.15-.25-.16-.51-.05-.78.07-.16.19-.29.35-.37.22-.1.45-.11.69-.08.25.04.49.12.73.21.24.09.49.18.73.28.11.04.23.08.35.1.03,0,.06.01.08.01.14,0,.26-.05.25-.24,0-.09,0-.18,0-.27-.02-.45-.05-.91-.06-1.36-.03-1.08-.02-2.16.26-3.21.17-.64.47-1.24.87-1.77.84-1.1,1.94-1.8,3.26-2.17.72-.2,1.46-.27,2.21-.25.71.02,1.41.14,2.08.37.79.28,1.51.68,2.13,1.25.7.65,1.23,1.41,1.52,2.32.13.41.22.84.27,1.27.11.89.08,1.79.07,2.68h0Z'/%3E%3Cpath class='cls-1' d='M20.18,32.39c-.27,0-.53-.02-.8-.05-.72-.08-1.41-.29-2.07-.63-.29-.15-.57-.32-.84-.48l-.04-.03c-.98-.6-2.07-.94-3.15-.98h-.03c-.22,0-.5-.02-.77-.04-.21-.01-.39-.04-.56-.09-.39-.11-.7-.45-.78-.86-.02-.08-.03-.16-.04-.23v-.09s-.02-.05-.02-.08c-.02-.13-.06-.17-.14-.2-.14-.07-.3-.12-.45-.16-.07-.02-.15-.04-.22-.06-.25-.07-.51-.14-.77-.23-.31-.11-.6-.24-.87-.39-.09-.05-.18-.1-.27-.17-.08-.06-.16-.12-.23-.19-.18-.19-.27-.42-.25-.67.02-.24.14-.47.34-.63.12-.1.25-.16.35-.21l.03-.02c.65-.32,1.24-.68,1.77-.1.87-.67,1.54-1.42,2.04-2.28.17-.3.33-.63.46-.99.09-.25.14-.43.15-.6,0-.03,0-.06-.02-.08-.06-.06-.14-.12-.23-.19-.18-.13-.34-.24-.49-.34-.22-.15-.45-.29-.67-.44l-.42-.28c-.22-.14-.39-.27-.54-.41-.15-.14-.27-.29-.36-.45-.25-.41-.28-.86-.09-1.31.12-.3.36-.54.64-.67.31-.14.66-.18,1.03-.12.31.05.6.15.84.23.16.06.33.12.49.18.04.02.08.03.12.05v-.11c-.02-.33-.04-.68-.05-1.02-.03-1.08-.03-2.24.28-3.38.19-.71.52-1.37.97-1.97.88-1.16,2.08-1.96,3.57-2.38.74-.21,1.52-.3,2.38-.27.79.02,1.55.16,2.25.41.91.32,1.7.78,2.33,1.37.83.77,1.38,1.61,1.68,2.58.13.42.23.88.29,1.38.1.82.09,1.63.08,2.42v.34c0,.22-.02.43-.04.63.12-.05.25-.09.36-.14.26-.1.49-.17.7-.23.28-.08.61-.15.97-.09.42.07.78.32,1,.69.21.37.25.8.1,1.18-.07.19-.18.36-.33.53s-.33.32-.54.47c-.15.1-.29.2-.44.29l-.44.29c-.21.14-.42.28-.63.41-.11.08-.23.16-.35.25-.04.03-.08.06-.11.1,0,0-.01.02-.01.02,0,.12.03.25.07.38.13.44.32.87.59,1.33.65,1.08,1.58,1.99,2.84,2.79.25.16.51.29.79.43.08.04.16.08.24.12.06.03.12.07.18.1.12.07.23.17.31.29.18.26.2.57.05.85-.09.16-.21.27-.29.34-.11.09-.21.15-.29.2-.45.26-.95.46-1.48.6-.2.05-.41.11-.66.19-.1.03-.21.08-.29.13-.04.02-.06.04-.08.11-.01.06-.02.13-.03.19,0,.07-.02.13-.03.19-.1.57-.41.89-.98.98-.13.02-.27.04-.41.05-.14,0-.29.01-.43.02-.15,0-.29.01-.44.02h-.02c-1.03.06-2.06.39-2.99.95l-.16.09c-.4.24-.84.5-1.34.69-.52.2-1.1.77-1.71,1.09.17.08.34.15.52.22.22.08.44.14.68.2.08.02.15.04.23.06.21.06.42.13.62.23.46.21.75.59.82,1.11,0,.02,0,.04,0,.05h0s.01.09.01.09c0,.06.02.11.03.16h0Z'/%3E%3C/svg%3E");
 }
 .store-footer li.s-social-link a[href*="tiktok"] {
     content: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='Layer_1' data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40.38 40.4'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill: %23000; stroke: %23fff; stroke-width: .5px; %7D .cls-2 %7B fill: %2300f7ef; %7D .cls-2, .cls-3, .cls-4 %7B stroke-width: 0px; %7D .cls-3 %7B fill: %23ff004f; %7D .cls-4 %7B fill: %23fff; %7D %3C/style%3E%3C/defs%3E%3Cpath class='cls-1' d='M20.15.25h.09c10.99,0,19.9,8.91,19.9,19.9v.09c0,10.99-8.91,19.9-19.9,19.9h-.09C9.16,40.15.25,31.24.25,20.24v-.09C.25,9.16,9.16.25,20.15.25Z'/%3E%3Cpath class='cls-3' d='M30.43,16.04v3.81c-.67-.07-1.53-.22-2.49-.57-1.25-.46-2.18-1.09-2.79-1.57v7.71l-.02-.02c0,.15.02.31.02.47,0,3.83-3.11,6.94-6.94,6.94s-6.94-3.12-6.94-6.94,3.11-6.95,6.94-6.95c.37,0,.74.03,1.1.09v3.76c-.35-.12-.72-.19-1.1-.19-1.81,0-3.29,1.47-3.29,3.29s1.48,3.29,3.29,3.29,3.29-1.48,3.29-3.29c0-.07,0-.14,0-.2v-14.98h3.81c.01.32.03.65.04.97.03.64.25,1.25.65,1.74.46.59,1.15,1.27,2.11,1.81.9.51,1.74.73,2.34.83h0Z'/%3E%3Cpath class='cls-2' d='M29.12,12.95v3.81c-.67-.07-1.53-.22-2.49-.57-1.25-.46-2.18-1.09-2.79-1.57v7.71l-.02-.02c0,.15.02.31.02.47,0,3.83-3.11,6.94-6.94,6.94s-6.94-3.12-6.94-6.94,3.11-6.95,6.94-6.95c.38,0,.74.03,1.1.09v3.76c-.35-.12-.72-.19-1.1-.19-1.81,0-3.29,1.47-3.29,3.29s1.48,3.29,3.29,3.29,3.29-1.48,3.29-3.29c0-.07,0-.14,0-.2V7.59h3.81c.01.32.03.65.04.97.03.64.25,1.25.65,1.74.46.59,1.15,1.27,2.11,1.81.9.51,1.74.73,2.34.83Z'/%3E%3Cpath class='cls-4' d='M29.95,14.61v3.81c-.67-.07-1.53-.22-2.49-.57-1.25-.46-2.18-1.09-2.79-1.57v7.71l-.02-.02c0,.15.02.31.02.47,0,3.83-3.11,6.94-6.94,6.94s-6.94-3.12-6.94-6.94,3.11-6.95,6.94-6.95c.37,0,.74.03,1.1.09v3.76c-.35-.12-.72-.19-1.1-.19-1.81,0-3.29,1.47-3.29,3.29s1.48,3.29,3.29,3.29,3.29-1.48,3.29-3.29c0-.07,0-.14,0-.2v-14.98h3.81c.01.32.03.65.04.97.03.64.25,1.25.65,1.74.46.59,1.15,1.27,2.11,1.81.9.51,1.74.73,2.34.83h0Z'/%3E%3C/svg%3E");
 }
 salla-payments.s-payments-list.hydrated {
     border-radius: 1.75rem;
     background-color: #fff;
     padding: 0.3rem;
 }
 @media (min-width: 967px) {
     .dddd {
         display: none;
     }
 }
/* زر الواتساب */
#whatsapp-button {
  position: fixed;
  bottom: 20px;
  right: 20px;
  background-color: #25D366;
  color: white;
  cursor: pointer;
  width: 60px;
  height: 60px;
  border-radius: 50%;
  font-size: 32px;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.3);
  z-index: 999999;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s ease;
  animation: pulse 2s infinite;
  border: 2px solid white;
  text-decoration: none;
}

#whatsapp-button:hover {
  transform: scale(1.1) rotate(5deg);
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.4);
  background-color: #128C7E;
  animation: none;
}

@keyframes pulse {
  0% { box-shadow: 0 0 0 0 rgba(37, 211, 102, 0.7); }
  70% { box-shadow: 0 0 0 15px rgba(37, 211, 102, 0); }
  100% { box-shadow: 0 0 0 0 rgba(37, 211, 102, 0); }
}

/* للشاشات الصغيرة */
@media (max-width: 768px) {
  #whatsapp-button {
    bottom: 15px;
    right: 15px;
    width: 50px;
    height: 50px;
    font-size: 26px;
  }
}

.main-menu>li>a[href*=offer] {
    --tw-text-opacity: 1;
    color: rgba(255, 255, 255, var(--tw-text-opacity, 1));
}