/* Add custom CSS styles below */ 
@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@200..1000&display=swap');

body{
  font-family: "Cairo";
}

.top-navbar {
    display: none;
}
/*cats*/
.g_cat .mb-\[55px\] {
  margin: 2rem auto !important;
}
.g_cat .grid-cols-3 {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
.g_cat {
  margin-bottom: 1rem;
}
.banner_ad  .text {
    width: 100% !important;
}
/* offers */
.product_deadline {
  box-shadow: none;
}

.product_deadline {
  background-color: white;
  border-radius: 0.5rem;
}

.dead_line {
  margin-top: 2rem;
  margin-bottom: 2rem;
}

.product_deadline salla-add-product-button div {
  height: 100%;
}

.product_deadline .data .s-button-primary {
  color: #fff;
}
.s-product-card-image-cover,
.s-product-card-image-contain {
  -o-object-fit: cover;
  object-fit: cover ;
  height: 300px;
}

.s-block--photos-slider:not(:first-of-type) {
  margin: 2rem 0;
}
.banner_ad .text {
    width: 80;
    background-color: #06060659;
    margin: 0 !important;
    padding-bottom: 20px;
    max-width: 100% !important;}
    .ad-star-btn {
    background: var(--color-primary);

}
.banner_ad .img3 {
    display: none;
}
.banner_ad .img2 {
    grid-row: span 2/ span 2;
}

/* offers */
.product_deadline {
  box-shadow: none;
}

.product_deadline {
  background-color: white;
  border-radius: 0.5rem;
}

.dead_line {
  margin-top: 2rem;
  margin-bottom: 2rem;
}
.s-product-card-image-cover,
.s-product-card-image-contain {
  -o-object-fit: cover;
  object-fit: cover ;
  height: 300px;
}

.s-block--photos-slider:not(:first-of-type) {
  margin: 2rem 0;
}
.image-title .title-heade {
    background-color: #ffffff00;
}
.ads .imgs {
    gap: 20px;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    justify-content: center;
}
.ads .img img {
    object-fit: contain;
}
.ads .img {
    max-height: 520px !important;
    border-radius: 15px;
}
.copyright-text p,
.copyright-text p a:hover {
  color: white!important;
}
.s-payments-list-item {
    background-color: white;
}
/*media*/
@media (min-width: 768px) {
    .g_cat .swiper-wrapper{
justify-content: center;
}
    }
@media (max-width: 768px) {
.ads .imgs {
    gap: 20px;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    justify-content: center;
}
    .g_cat h3 {
        font-size: .8rem;
        line-height: 20px;
    }
  .s-products-slider-card {
    max-width: 215px !important;
  }
  .banner_ad .item-text {
    font-size: clamp(15px, 17px + 1vw, 42px);
    line-height: 2;
    max-width: 100%;
}

}