salla-slider.photos-slider .swiper-slide{width:100%;margin:0;padding:0}
salla-slider.photos-slider .swiper{padding:0}
section.s-block.s-block--photos-slider{margin:0}
.s-slider-nav-arrow{display:none}
.banner--fixed img{border-radius:0}
section.s-block.s-block--fixed-banner.wide-placeholder .container{margin:0;padding:0;max-width:100%}

.banner-entry.square-photos .lazy__bg{background-size:contain;background-repeat:no-repeat}
a.banner-entry.square-photos{height:508px;padding:0;border-radius:16px!important;background-color:transparent;transition:all 0.5s ease!important}
@media (max-width:767px){.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}a.banner-entry.square-photos{max-height:250px!important}}
@media (min-width:768px){.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}a.banner-entry.square-photos{max-height:300px!important}}
@media only screen and (min-width:992px){a.banner-entry.square-photos{max-height:507px!important}}
a.banner-entry.square-photos::before{content:'';position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(
      0deg,transparent,transparent 30%,#2563eb
    );transform:rotate(-45deg);transition:all 0.5s ease!important;opacity:0;z-index:99}
a.banner-entry.square-photos:hover{transform:scale(1.05);box-shadow:0 0 20px #2563eb}
a.banner-entry.square-photos:hover::before{opacity:1;transform:rotate(-45deg) translateY(100%)}

******
<div class="product">
    <button class="add-to-cart-btn">إضافة إلى السلة</button>
</div>
<div id="cart-message" style="display:none;">
    <p>تمت إضافة المنتج إلى السلة</p>
</div>
********************************************