/* Add custom CSS styles below */ 

body {
  font-family: "IBM Plex Sans Arabic", sans-serif !important;
}
.image-abt img.lazy.loaded {
    object-fit: contain !important;
  transform:none !important; 
  
}
.image-abt img.lazy{
  transform:none !important; 
}
.sec-2{
    background-color:#fffbf1;
    padding:50px 0
}
  .sec-2 img.lazy.loaded {
    aspect-ratio: unset !important;
    object-fit: contain !important;
}
.sec-3{
    background-color:#FFFBF1;
    padding:50px 0
}
.sec-1{
    background-color:#FFFBF1;
    padding:50px 0
}
.sec-4 img.lazy.loaded{
    object-fit: contain !important;
  transform:none !important; 
  
}
@media (max-width:767px){
.sec-4 img.lazy.loaded{
    object-fit: contain !important;
}
  .sec-2 .swiper-slide.anime-item.slide--one-sixth {
    width: 85% !important;
}
  /* .sec-2 img.lazy.loaded {
    object-fit: contain !important;
height: 560px;
  } */
  .sec-1 img.lazy.loaded {
    object-fit: contain !important;
}
/* .sec-2 img.lazy.loaded {
        object-fit:contain !important;
    } */
  .top-navbar {
    display: none;
}
  salla-user-menu.header__user-menu {
    position: absolute;
    left: 40px;
}
  span.header-btn__icon.icon.sicon-search {
    position: absolute;
    right: 35px;
    top: 10px;
}
  ul.square-links__grid.container {
    grid-template-columns: repeat(1, minmax(130px, 1fr)) !important;
}
  footer salla-payments.s-payments-list-wrap.hydrated {
    display: none;
}
  salla-slider .slide--one-fourth {
    max-width: 430px !important;
}
}
.container.container--product-details {
    margin: 0;
    padding: 0;
    max-width: 100% !important;
}
section.s-block.s-block--fixed-banner.wide-placeholder.s-block--animate.fixed-banner-- {
    margin: 3rem 0 !important;
}
.product-single.thumbnails.product-single--full-bleed-mobile {
    width: 80% !important;
    margin: 0 auto !important;
}

a.wa-s-n {
    bottom: 90px !important;
}
ul.footer-list.links_with_bullits li {
    text-align: center !important;
    list-style: none !important;
}

.product-single:has(.breadcrumbs [href="https://getroyalkitchen.com/أدوات-خشبية/c1998525244"]) .s-after-related {
    display: none !important;
}
form#product-form section:has([aria-label="Add file"]) {
 display: none !important;
}



section.s-block.s-block--square-links.square-links-.force-center.s-block--animate.image-abt.sec-2 {
    margin: 0;
}
section.s-block.s-block--square-links.square-links-.s-block--animate.image-abt.sec-2{
margin: 0;  
}
salla-rating-stars {
    display:none !important
}




/* ==========================================
   COUPON OVERLAY
========================================== */

#customCouponPopup {
    position: fixed !important;

    inset: 0 !important;

    width: 100% !important;
    height: 100% !important;

    box-sizing: border-box !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    padding: 20px !important;

    background:
        rgba(30, 25, 19, 0.62) !important;

    backdrop-filter: blur(4px);
    -webkit-backdrop-filter: blur(4px);

    direction: rtl !important;

    z-index: 2147483647 !important;

    animation:
        couponOverlayOpen .35s ease;
}


/* ==========================================
   CARD
========================================== */

.custom-coupon-card {
    position: relative !important;

    width: 100% !important;
    max-width: 380px !important;

    box-sizing: border-box !important;

    padding:
        30px
        25px
        27px !important;

    background:
        #fffdfa !important;

    border:
        1.5px solid #d8ad3e !important;

    border-radius:
        25px !important;

    text-align:
        center !important;

    box-shadow:
        0 25px 70px
        rgba(0, 0, 0, 0.32) !important;

    animation:
        couponCardOpen .4s ease;
}


/* ==========================================
   CLOSE BUTTON
========================================== */

.custom-coupon-close {
    position: absolute !important;

    top: 11px !important;
    right: 12px !important;

    width: 37px !important;
    height: 37px !important;

    padding: 0 !important;
    margin: 0 !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    border: 0 !important;

    border-radius:
        50% !important;

    background:
        #f3efe5 !important;

    color:
        #222 !important;

    font-family:
        Arial,
        sans-serif !important;

    font-size:
        27px !important;

    font-weight:
        300 !important;

    line-height:
        1 !important;

    cursor:
        pointer !important;

    z-index:
        10 !important;

    transition:
        .2s ease !important;
}


.custom-coupon-close:hover {
    background:
        #e8dfca !important;

    transform:
        rotate(90deg);
}


/* ==========================================
   IMAGE
========================================== */

.custom-coupon-image-box {
  

    margin:
        0 auto 22px !important;

    display:
        flex !important;

    align-items:
        center !important;

    justify-content:
        center !important;

    overflow:
        hidden !important;

    border-radius:
        20px !important;
}


.custom-coupon-image {
    display:
        block !important;

    width:
        100% !important;

    height:
        100% !important;

    object-fit:
        contain !important;

    border-radius:
        20px !important;
}


/* ==========================================
   COUPON CODE
========================================== */

.custom-coupon-code {
    width:
        100% !important;

    box-sizing:
        border-box !important;

    margin-bottom:
        12px !important;

    padding:
        10px 15px !important;

    background:
        #123d20 !important;

    border:
        2px dashed #d9ae3b !important;

    border-radius:
        14px !important;

    color:
        #fff !important;

    font-family:
        Arial,
        sans-serif !important;

    font-size:
        31px !important;

    font-weight:
        700 !important;

    letter-spacing:
        6px !important;

    direction:
        ltr !important;

    line-height:
        1.4 !important;
}


/* ==========================================
   COPY BUTTON
========================================== */

.custom-coupon-copy {
    width:
        100% !important;

    box-sizing:
        border-box !important;

    padding:
        13px 15px !important;

    margin:
        0 !important;

    border:
        0 !important;

    border-radius:
        13px !important;

    background:
        linear-gradient(
            135deg,
            #efcd66 0%,
            #d3a239 100%
        ) !important;

    color:
        #133d21 !important;

    font-size:
        16px !important;

    font-weight:
        800 !important;

    cursor:
        pointer !important;

    transition:
        transform .2s ease,
        box-shadow .2s ease !important;
}


.custom-coupon-copy:hover {
    transform:
        translateY(-2px);

    box-shadow:
        0 8px 18px
        rgba(199, 151, 48, .25);
}


.custom-coupon-copy:active {
    transform:
        scale(.98);
}


.custom-coupon-copy.copied {
    background:
        #123d20 !important;

    color:
        #fff !important;
}


/* ==========================================
   NOTE
========================================== */

.custom-coupon-note {
    margin-top:
        17px !important;

    color:
        #888 !important;

    font-size:
        12px !important;

    font-weight:
        600 !important;

    line-height:
        1.4 !important;
}


/* ==========================================
   CLOSE ANIMATION
========================================== */

#customCouponPopup.custom-coupon-hide {
    opacity:
        0 !important;

    transition:
        opacity .3s ease !important;
}


#customCouponPopup.custom-coupon-hide
.custom-coupon-card {
    transform:
        translateY(20px)
        scale(.95) !important;

    transition:
        transform .3s ease !important;
}


/* ==========================================
   OPEN ANIMATIONS
========================================== */

@keyframes couponOverlayOpen {

    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }

}


@keyframes couponCardOpen {

    from {

        opacity: 0;

        transform:
            translateY(25px)
            scale(.92);

    }

    to {

        opacity: 1;

        transform:
            translateY(0)
            scale(1);

    }

}


/* ==========================================
   MOBILE
========================================== */

@media (max-width: 480px) {

    #customCouponPopup {
        padding:
            17px !important;
    }


    .custom-coupon-card {
        max-width:
            380px !important;

        padding:
            28px
            24px
            25px !important;

        border-radius:
            24px !important;
    }


    .custom-coupon-image-box {
   

        margin-bottom:
            20px !important;
    }


    .custom-coupon-code {
        font-size:
            29px !important;
    }

}