/* custom sections */
#cus-secs {
  width: 100%;
  padding-top: 60px;
  padding-bottom: 30px;
}
#cus-secs #secs-wrapper {
  width: 100%;
  padding: 20px;
  display: grid;
  grid-template-columns: repeat(3, minmax(0px, 300px));
  justify-content: center;
  gap: 40px;
}
@media (max-width: 1024px) {
#cus-secs #secs-wrapper {
    grid-template-columns: repeat(3 , minmax(0px, 200px));
    gap: 20px;
  }
}
#cus-secs #secs-wrapper #sec-link {
  transition: .3s;
}
#cus-secs #secs-wrapper #sec-link:hover {
  transform: scale(1.1);
}
@media (max-width: 1024px) {
#cus-secs {
  padding-top: 20px;
    padding-bottom: 10px;
}
}
/* end custom sections */


@media (max-width: 767px) {
.top-header {
  display: none;
}
}

/* fix banners */
/* ---banner exception--- */ 

[src="https://cdn.salla.sa/form-builder/6aUkf1WB7EcT3L7f2N315emC9XupCqbiR4adbToa.png"] {
  margin: auto !important;
  width: 90% !important;
  margin-bottom: 40px !important;
}
/* ------- */
.home-block--fixed-banner {
  padding: 0px !important;
}
.home-block--fixed-banner .container {
  margin: 0px !important;
  background-color: #f5f7f9 !important;
}
.home-block--fixed-banner .container .col-sm-12 {
  padding: 0px !important;
}
.home-block--fixed-banner .container a {
  border-radius: 0px !important;
}

.home-block--fixed-banner.container {
    width: 100%;
    max-width: 20000px !important;
}
@media (min-width: 1200px) {
    .home-block--fixed-banner .container {
        max-width: 20000px;
    }
}



/* footer */

/* logo */
footer {
    position: relative;
}
footer::before {
    content: "";
    z-index: 3;
    width: 175px;
    height: 130px;
    background-image: url(https://i.imgur.com/YskgnRP.png);
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    left: 25px;
    top: 38%;
    transform: translateY(-50%);
}

@media (max-width: 767px) {
footer {
    padding-top: 150px;
}
footer::before {
    content: "";
    z-index: 2;
    width: 175px;
    height: 130px;
    background-image: url(https://i.imgur.com/YskgnRP.png);
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    left: 50%;
    top: 50px;
    transform: translateX(-50%);
}
}


/* fix sections */

@media (min-width: 768px) {
   .footer__top .col-md-4 {
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 26%;
    }
}


/* centering footer content */

.footer__bottom .container {
  justify-content: center;
}

@media (max-width: 767px) {
  footer .title {
    padding: 0px !important;
  }
  footer .title::before {
    display: none !important;
  }
  footer .store-links {
    width: fit-content;
    margin: auto;
    text-align: center;
  }
  footer .store-about {
    width: fit-content;
    margin: auto;
    text-align: center;  
  }
  .footer-list--social-links {
    margin-top: 20px !important;
    justify-content: center !important;
  }
  footer .store-contact-info{
    width: fit-content;
    margin: auto;
    text-align: center;    
  }
}



.header-block {
  background-color: transparent !important;
}
.header-block a{
  background-color: transparent !important;
}
.header-block .sub-menu__inner  .menu-item a{
  color: #000 !important;
}




.btn--add-to-cart button{
  display: block;
  border: 1px solid #000 !important;
  padding-top: 10px !important;
  padding-bottom: 10px !important;
}

#karzoun-widget-send-button {
  bottom: 100px;
}
.product-details__info .less {
  color: #000 !important;
}



.sicon-full-wallet{
  color: #000;
}

.cart-elements-wrapper {
  background-color: transparent !important;
}

.s-quantity-input-button svg{
  fill: #000 !important;
}
.cart .total * {
  color: #000 !important;
}


.page--single .article *{
  color: #000 !important;
}
.comment-content {
  color: #000 !important;
}
.page--single * {
  color: #000 !important;
}
.splide--testimonials *{
  color: #000 !important;
}


@media (min-width: 1024px) {
 .home-block .col-md-4 {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
 }
}





.s-quantity-input-input {
  color: #000 !important;
}

.nav-mobile {
  box-shadow: 0px 0px 1px 1px #ddd;
}

.s-product-options-colors-item * {
  color: #000 !important;
}

.s-product-options-option-label *{
  color: #000 !important;
}

.s-product-options-option-content * {
  color: #000 !important;
}

.purchase-hot {
  background-color: #000 !important;
  padding: 10px;
  border-radius: 10px;
}

.btn--wishlist .s-button-text * {
  color: #666 !important;
}



- - - -- - - - - - 

/* ================================ */
/* ======= البنرات المتجاوبة ======= */
/* ================================ */

.row {
    display: flex;                /* ترتيب البنرات بجانب بعض */
    flex-wrap: wrap;              /* يسمح بالانتقال للسطر التالي إذا ضاق المكان */
    gap: 10px;                    /* المسافة بين البنرات */
    justify-content: flex-start;  /* اضبط حسب التصميم */
}

/* ======= بنرات محددة 250×250 ======= */
.banner.banner--square {
    width: 250px;                  /* العرض */
    height: 250px;                 /* الطول */
    overflow: hidden;              /* يخفي أي جزء زائد */
    display: flex;
    justify-content: center;       /* توسيط الصورة أفقياً */
    align-items: center;           /* توسيط الصورة عمودياً */
    background-color: #fff;        /* يمكن تغييره حسب التصميم */
    position: relative;            /* لضبط مكان الصورة */
}

/* ======= الصورة داخل البنر ======= */
.banner.banner--square figure img {
    width: auto;                   /* يحافظ على نسبة الصورة */
    height: 100%;                  /* يغطي الطول بالكامل */
    object-fit: cover;             /* يملأ العنصر بدون تشويه */
    transition: transform 0.35s ease, opacity 0.35s ease; /* تأثير الهوفر سلس */
}

/* ======= تأثير الهوفر ======= */
.banner.banner--square figure:hover img {
    transform: scale(1.05);        /* تكبير بسيط عند المرور بالماوس */
    opacity: 0.9;                  /* يمكن تعديل الشفافية */
}

/* ======= إزالة أي حواف أو مسافات زائدة ======= */
.banner.banner--square figure {
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
}

/* ======= التابلت ======= */
@media (min-width: 768px) and (max-width: 1024px) {
  .home-block.home-block--square-images .row {
    justify-content: center !important;
  }

  .home-block.home-block--square-images .col-md-4 {
    width: 200px !important;
    max-width: 200px !important;
  }

  .home-block.home-block--square-images .banner.banner--square {
    width: 200px !important;
    height: 200px !important;
  }
}

/* ======= الجوال ======= */
@media (max-width: 767px) {
  html, body {
    margin: 0 !important;
    padding: 0 !important;
    width: 100% !important;
    overflow-x: hidden !important;
  }

  .home-block.home-block--square-images .container {
    width: 100vw !important;
    max-width: 100vw !important;
    padding: 0 !important;
    margin: 0 !important;
  }

  .home-block.home-block--square-images .row {
    justify-content: center !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  .home-block.home-block--square-images .col-sm-12,
  .home-block.home-block--square-images .col-md-4 {
    width: 250px !important;
    max-width: 250px !important;
    margin: 10px auto !important;
    padding: 0 !important;
  }

  .home-block.home-block--square-images .banner.banner--square {
    width: 250px !important;
    height: 250px !important;
    margin: 0 auto !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
  }

  .home-block.home-block--square-images .banner.banner--square figure img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
  }
}