:root {  
   --main-color: #F2A007;   
   --second-color: #F2A007;
   --third-color: #ffffff; 
}
.s-user-menu-dropdown-list {
   background: #F2ECE4 !important;
}
.s-user-menu-toggler.opened .s-user-menu-dropdown {
   height:封100%;
   background: white !important;
}
.s-search-input {
   background-color: var(--third-color) !important;
}
html, body {
   max-width: 100%;
   overflow-x: hidden;
}
* {
   box-sizing: border-box;
}
.container {
   width: 100vw;
   overflow: hidden;
}
body, html {
   overflow-x: hidden;
   width: 100%;
}
.slide--cat-entry {
   height: auto !important;
}
.slide--cat-entry img {
   width: 200%;
   height: 200px !important;
   border: 0 !important;
}
.slide--cat-entry {
   background: transparent !important;
   border: 0;
}
.slide--cat-entry h2 {
   display: none;
}
.rounded-full {
   border-radius: 0 !important;
}
.s-menu-topnav-list {
   display: none;
}
body {
   background-color: #262626;
   background-image: url('https://i.ibb.co/qYTDsyCQ/pattern.png');
   background-size: cover;
   background-position: center; 
   background-repeat: no-repeat; 
   background-attachment: fixed;
}
.store-footer.show {
   opacity: 1;
   transform: translateY(0);
}
.store-footer {
   opacity: 0;
   transform: translateY(100%); 
   transition: opacity 1s ease-out, transform 1s ease-out;
}
@keyframes Movecrosswise {
   0% {
      background-position-x: 0;
   }
   50% {
      background-position-x: 35000px;
   }
   100% {
      background-position-x: 0;
   }
}
#mainnav {
   width: 100%;
   border-radius: 15px;
   background: #262626;
   min-height: 68px;
}
.store-header::before {
   content: '';
   background: url("https://g.top4top.io/p_3231kvdof1.png");
   background-repeat-y: no-repeat;
   background-position-x: 0;
   animation: Movecrosswise 2000s linear alternate both infinite;
   background-size: contain;
   height: 50px;
   display: block;
   width: 300%;
   background-color: var(--main-color);
   background-position: center;
   bottom: 16px;
   z-index: 9999999999999999;
}
.main-nav-container .items-center {
   justify-content: space-between !important;
   width: 60% !important;
}
.main-nav-container .justify-end {
   justify-content: flex-end !important;
   width: 35% !important;
}
h2 {  
   margin: 20px 0 !important;
   padding: 10px !important; 
   background-color: var(--second-color) !important; 
   color: var(--third-color) !important;
   border: 2px solid var(--second-color) !important; 
   border-radius: 10px !important; 
   box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.1) !important; 
   text-transform: uppercase !important; 
   letter-spacing: 1px !important;
}
.s-slider-block__display-all {
   margin: 20px 0 !important;
   padding: 10px !important; 
   background-color: var(--second-color) !important; 
   color: var(--third-color) !important;
   border: 2px solid !important; 
   border-radius: 10px !important; 
   box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.1) !important; 
   text-transform: uppercase !important; 
   letter-spacing: 1px !important;
}
@media (min-width: 1280px) {
   .container {
      max-width: 100% !important;
   }
}
.bg-inherit {
   background-color: inherit;
   transform: translate3d(0, 0, 0);
   background: linear-gradient(135deg, rgba(255, 255, 255, 0.1), rgba(0, 0, 0, 0));
   backdrop-filter: blur(10px);
   -webkit-backdrop-filter: blur(10px);
   border-radius: 20px;
   border: 1px solid rgba(255, 255, 255, .18);
   box-shadow: 0 8px 32px 0 rgba(0, 0, 0, .37);
}
.text-primary {
   color: var(--second-color);
}
.main-menu a {
   color: var(--second-color);
}
.main-menu li > a:hover {
   color: var(--second-color);
   transform: translateY(-15%);
}
.mm-spn.mm-spn--light {
   color: var(--second-color);
}
#page-main-title {
   color: var(--third-color) !important;
   border-bottom: solid 2px var(--main-color);
   padding: 10px;
   border-radius: 10px;
   background-color: var(--second-color) !important;
}
.s-cart-summary-total {
   color: var(--second-color);
}
.header-btn__icon {
   border: none;
   color: var(--second-color) !important;
}
.header-btn__icon:hover {
   color: var(--second-color) !important;
   background: white !important;
}
product-filter {
   background-color: var(--third-color) !important;
   color: var(--main-color);
}
.s-products-slider-card:hover {
   scale: 1.02;
}
.s-products-slider-card {
   transition-duration: 0.4s;
   transition-property: scale;
}
.banner--fixed img {
   background: var(--body-color); 
   margin: auto;
}
.navbar-brand img {
   max-height: 5rem;
   width: auto;
   animation: pulse 1s infinite;
}
@keyframes pulse {
   0% {
      transform: scale(1);
   }
   50% {
      transform: scale(1.03);
   }
   100% {
      transform: scale(1);
   }
}
@media (min-width: 1024px) {
   .rtl\:lg\:pl-20:where([dir="rtl"], [dir="rtl"] *) {
      padding-left: 0;
   }
}
@keyframes pulse-out {
   0% {
      opacity: 1;
      transform: scale(0.5);
   }
   25% {
      opacity: 1;
      transform: scale(1.1);
   }
   50% {
      opacity: 0.8;
      transform: scale(1);
   }
   75% {
      opacity: 0.5;
      transform: scale(1.2);
   }
   100% {
      opacity: 0;
      transform: scale(1.2);
      visibility: hidden;   /* ✅ يختفي بعد الأنيميشن */
   }
}

p {
   color: #F2A007 !important;
}
body:after {
   content: '';
   width: 100%;
   height: 100%; 
   top: 0;
   position: fixed;
   z-index: 999999;
   background: #F2ECE4 url(https://basic-settings.apps.salla.sa/_next/image?url=https%3A%2F%2Fcdn.salla.sa%2FjZgBpy%2FX5vbueBGPnm3W4cJQAwLKmFzHYtcJB9hINY0ChIU.png&w=256&q=75);
   left: 0;
   background-repeat: no-repeat;
   background-position: center;
   background-size: 360px;
   animation: pulse-out 3s ease-in-out forwards;
   transform: scale(0);
   border: none;
   pointer-events: none;
}
.s-comments {
   display: none !important;
}
.total-price {
   color: var(--third-color) !important;
}
.s-breadcrumb-wrapper {
   color: #F2A007 !important;
}
h4 {
   color: white !important;
}
.square-photos {
   background-color: transparent !important;
}
.has-overlay:after {
   background-color: rgba(52, 29, 29, 0.419) !important;
}
.swiper-pagination {
   display: none;
}
.slide--cat-entry i {
   content: "\ec0b";
   color: var(--main-color);
}
.square-photos {
   width: 100%;
   border-radius: 30px;
   height: 500px;
}
.square-photos:hover {
   scale: 1.07;
   border-radius: 30px;
}
.grid {
   width: 100%;
   display: flex;
   justify-content: center;
}
.banner-entry h3.text-with-border {
   border: none;
}
.s-block--banners container {
   display: flex;
   flex-direction: row;
   justify-content: center;
   align-items: center;
}
.s-product-card-vertical .s-product-card-image {
   flex: 1 1 0%;
   border-top-left-radius: .75rem;
   border-top-right-radius: .75rem;
}
.s-product-card-entry {
   background: linear-gradient(to bottom, #ffffff, #ffffff, #ffffff);
   padding: 2px;
   margin: 10px;
   height: 250px !important;
   transition: box-shadow 0.3s;
   box-shadow: 0 0 10px rgba(2, 2, 2, 0.468);
   position: relative;
   overflow: hidden;
}
.s-product-card-image {
   width: 100%;
   height: 100%;
   object-fit: contain;
   transition: transform 0.3s ease;
}
.s-product-card-entry:hover .s-product-card-content {
   opacity: 1;
   transform: translateY(-20%);
}
.s-button-primary-outline:hover {
   color: var(--third-color);
   background-color: var(--third-color) !important;
}
.sicon-shopping-bag {
   color: var(--third-color);
}
.sicon-shopping-bag:hover {
   color: var(--main-color);
}
.sicon-shipping-fast {
   animation: move 2s infinite linear;
   color: red !important;
}
button.undefined.s-button-element.s-button-btn.s-button-outline.s-button-wide.s-button-primary-outline.s-button-loader-center:hover {
   width: 200px;
   color: white !important;
}
.s-button-element:not(:disabled):not([loading]) {
   pointer-events: auto;
}
button.undefined.s-button-element.s-button-btn.s-button-outline.s-button-wide.s-button-primary-outline.s-button-loader-center {
   width: 65px;
   transition: width 500ms ease 0s;
}
.s-button-wide:hover {
   width: 100%;
   color: var(--third-color);
   border-radius: 15px;
   background: 0 0 !important;
   border: solid 2px;
}
.s-button-btn:hover {
   opacity: 0.8;
}
.s-product-card-content-main {
   text-align: center;
}
.s-product-card-content {
   position: absolute;
   bottom: 0;
   left: 0;
   width: 100%;
   height: 150px;
   background: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)), url(https://i.ibb.co/n3CvDDX/Artboard-118-copy-2.png) !important;
   display: flex;
   justify-content: center;
   align-items: center;
   opacity: 0;
   transition: opacity 0.5s ease, transform 0.5s ease;
   transform: translateY(100%);
}
.sicon-check-circle {
   animation: pulse 1s infinite linear;
   color: red !important;
}
.sicon-headphones {
   animation: pulse 1s infinite;
}
.s-product-card-entry:hover {
   transform: translateY(-5px);
}
.slide--cat-entry h4 {
   color: var(--second-color);
}
.s-slider-block__title {
   color: var(--main-color);
}
.s-block__title {
   color: var(--main-color);
}
.s-products-slider-card {
   padding: 0.625rem;
}
.s-product-card-price {
   font-size: 16px;
   color: white;
}
.s-product-card-vertical .s-product-card-wishlist-btn button {
   background-color: var(--second-color) !important;
   color: var(--third-color);
}
strong {
   color: var(--main-color) !important;
}
small {
   color: var(--main-color) !important;
}
.s-button-primary {
   background-color: var(--third-color) !important;
   color: var(--main-color) !important;
}
.s-button-primary:hover {
   background-color: var(--second-color) !important;
   color: var(--third-color) !important;
}
.product__description {
   color: var(--main-color) !important;
}
.s-product-card-content-title a {
   color: white;
   font-size: 14px !important;
}
.s-product-card-content-title a:hover {
   color: white;
}
.s-product-card-content-sub {
   justify-content: center;
}
.s-product-card-content {
   padding: .75rem .75rem;
   justify-content: center;
   align-items: center;
}
.s-product-card-content-footer {
   background-color: var(--main-color) !important;
   color: var(--main-color);
   border-radius: 20px;
}
.s-button-outline {
   border-color: transparent;
}
@keyframes shake {
   0% { transform: translateX(0); }
   25% { transform: translateX(-10px); }
   50% { transform: translateX(10px); }
   75% { transform: translateX(-10px); }
   100% { transform: translateX(0); }
}
.s-button-outline:before {
   content: "";
   position: absolute;
   top: -2px;
   left: -2px;
   background-size: 400%;
   z-index: -1;
   filter: blur(5px);
   width: calc(100% + 4px);
   height: calc(100% + 4px);
   animation: glowing 20s linear infinite;
   opacity: 0;
   transition: opacity 0.3s ease-in-out;
   border-radius: 10px;
}
.s-button-outline:active {
   color: #000;
}
.s-button-outline:active:after {
   background: transparent;
}
.s-button-outline:hover:before {
   opacity: 1;
}
.s-button-outline:after {
   z-index: -1;
   content: "";
   position: absolute;
   width: 100%;
   height: 100%;
   background: var(--main-color);
   color: red !important;
   left: 0;
   top: 0;
   border-radius: 10px;
}
@keyframes glowing {
   0% { background-position: 0 0; }
   50% { background-position: 400% 0; }
   100% { background-position: 0 0; }
}
.s-button-primary-outline {
   color: var(--third-color);
   background-color: var(--second-color);
   border-radius: 20px;
}
.s-button-primary-outline:hover {
   color: var(--second-color);
   background-color: var(--third-color) !important;
   border-color: var(--second-color);
}
.s-block--features__item .feature-icon i {
   color: #F2A007 !important;
   font-size: 15px !important;
   padding: 5px;
}
p {
   color: #F2A007 !important;
   font-size: 15px !important;
}
.s-block--features__item {
   background-color: transparent !important;
   font-size: 30px !important;
   color: #CF5D8F !important;
   transition-duration: 0.4s;
   transition-property: scale;
   border-radius: 30px;
   width: 80%;
}
#featured-products-style2-11 {
   background-color: transparent !important;
}
.store-footer {
   background: var(--third-color) !important;
   text-align: center;
}
.s-social-list {
   display: flex;
   gap: 0.625rem;
   justify-content: center;
}
.footer-is-light .store-footer .store-footer__inner {
   background-color: transparent;
   font-size: 18px !important;
}
@keyframes shimmer {
   0% {
      box-shadow: 0 3px 6px 0 rgba(102, 15, 86, 0.333), 0 6px 20px 0 rgba(190, 78, 169, 0.262);
   }
   50% {
      box-shadow: 0 3px 6px 0 rgba(255, 165, 0, 0.5), 0 6px 20px 0 rgba(255, 165, 0, 0.3);
   }
   100% {
      box-shadow: 0 3px 6px 0 rgba(102, 15, 86, 0.333), 0 6px 20px 0 rgba(190, 78, 169, 0.262);
   }
}
.store-footer__inner {
   background-color: transparent !important;
   color: #CF5D8F !important;
   border-bottom: solid var(--second-color) 2px !important;
   border-radius: 20px;
   padding: 10px;
   box-shadow: 0 3px 6px 0 rgba(102, 15, 86, 0.333), 0 6px 20px 0 rgba(190, 78, 169, 0.262);
   animation: shimmer 2s infinite;
}
.store-footer__inner .flex {
   justify-content: center;
}
.store-footer__inner .max-w-sm {
   margin: auto;
}
.store-footer h3 {
   color: var(--second-color) !important;
   font-size: 1.3rem;
   width: 150px;
   margin: auto;
   padding: 10px;
   border-radius: 20px;
}
.footer-list {
   color: white !important;
}
.store-footer__inner .max-w-sm {
   color: var(--second-color) !important;
}
.store-footer a {
   color: var(--second-color);
}
.store-footer a:hover {
   color: var(--second-color);
}
.s-contacts-header {
   display: none;
}
.s-contacts-list.s-contacts-list-vertical {
   align-items: center;
}
.store-footer i {
   color: white !important;
   border-color: transparent !important;
}
.store-footer .contact-social {
   border: none;
}
.store-footer__inner h3:hover {
   color: var(--second-color) !important;
}
.s-block--features__item .feature-icon {
   background-color: transparent !important;
   font-size: 30px !important;
}
.s-block--features__item .feature-icon i {
   color: white !important;
   font-size: 30px !important;
}
.s-block--features__item:hover {
   scale: 1.08;
   box-shadow: 0 3px 6px 0 rgba(102, 15, 86, 0.333), 0 6px 20px 0 rgba(190, 78, 169, 0.262);
   border-radius: 30px;
}
@media only screen and (max-width: 600px) {
   .store-footer h3 {
      font-size: 15px !important;
   }
   .main-nav-container .items-center {
      justify-content: flex-end !important;
      width: 30% !important;
   }
   .s-menu-topnav-list {
      padding: 0;
      box-shadow: none;
   }
}
.copyright-text p {
   color: var(--second-color) !important;
}
.s-contacts-icon {
   border-color: 1px solid var(--main-color) !important;
}
@media only screen and (max-width: 600px) {
   .store-footer__inner h3 {
      font-size: 14px !important;
   }
   .store-header::before {
      content: '';
      background: url("https://g.top4top.io/p_3231kvdof1.png");
      background-repeat-y: no-repeat;
      background-position-x: 0;
      animation: Movecrosswise 2000s linear alternate both infinite;
      background-size: contain;
      height: 50px;
      display: block;
      width: 300%;
      background-color: var(--main-color);
      background-position: center;
      bottom: 16px;
      z-index: 9999999999999999;
   }
   .navbar-brand img {
      max-height: 3.5rem;
   }
   .square-photos {
      width: 48%;
      transition-duration: 0.5s;
      transition-property: scale;
      border-radius: 30px;
      height: 220px;
   }
}
.s-contacts-title a:hover {
   color: black !important;
}
.grid-col-1 {
   flex-direction: column;
}
label {
   color: var(--main-color);
}
.store-footer h3:hover {
   opacity: 1;
   color: var(--second-color) !important;
   cursor: pointer;
   box-shadow: 0 3px 6px 0 rgba(119, 89, 27, 0.373), 0 6px 20px 0 rgba(83, 61, 10, 0.411);
}
#wa-widget-send-button {
   display: none !important;
}
.content--single-page {
   color: var(--main-color) !important;
   background-color: transparent !important;
}
@media (min-width: 768px) {
   .two-row .banner-entry:first-child {
      height: auto !important;
   }
}
@media only screen and (max-width: 600px) {
   .lazy__bg {
      position: absolute !important;
      top: 0px !important;
      left: 0px !important;
      width: 100% !important;
      background-size: cover !important;
      background-position: center !important;
      opacity: 1 !important;
      transition-property: opacity !important;
      transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
      transition-duration: 500ms;
   }
   .banner--fixed img {
      margin-top: 20px !important;
   }
   .banner--fixed {
      background: transparent;
   }
   .square-photos {
      background: transparent;
      animation-iteration-count: infinite;
      transition-duration: 1s;
      transition-property: scale;
      border-radius: 30px;
      height: 180px;
   }
   .store-footer__inner .max-w-sm {
      position: relative;
   }
   .s-product-card-vertical {
      flex-direction: column;
   }
   .s-block {
      margin-top: 0rem !important;
   }
}
@media (min-width: 640px) {
   .s-block {
      margin-top: 0rem;
   }
}
@media only screen and (max-width: 600px) {
   .store-footer__inner .max-w-sm::after {
      right: 180px;
   }
}
.main-content h1 {
   color: #F2A007 !important;
}
article#more-content {
   color: #F2A007 !important;
}