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

.s-product-card-image{
    width:100% !important;
    padding:0 !important;
    margin:0 0 15px !important;
}

.s-product-card-image a{
    display:flex !important;
    justify-content:center;
    align-items:center;
    width:100%;
    height:220px !important;
    overflow:hidden;
    background:transparent !important;
}

.s-product-card-image img{
    width:100% !important;
    height:100% !important;
    max-width:none !important;
    max-height:none !important;
    object-fit:contain !important;
    display:block;
}

/* ====================================
   HIDE BRAND
==================================== */

.s-product-card-brand{
    display:none !important;
}

/* ====================================
   TITLE
==================================== */

.s-product-card-content-title{
    text-align:center;
    margin-bottom:10px;
}

.s-product-card-content-title a{
    font-size:20px !important;
    font-weight:600 !important;
    color:#0c4f77 !important;
    line-height:1.5 !important;
}

/* ====================================
   PRICE
==================================== */

.s-product-card-sale-price{
    display:flex !important;
    flex-direction:column;
    align-items:center !important;
    justify-content:center !important;
    gap:6px;
    margin:20px 0 !important;
}

.s-product-card-price{
    font-size:34px !important;
    font-weight:800 !important;
    color:#0c4f77 !important;
    line-height:1;
}

.s-product-card-price-before{
    display:block !important;
    font-size:15px !important;
    color:#94a3b8 !important;
    text-decoration:line-through !important;
}

.s-product-card-price-before::before{
    content:"بدلاً من ";
}

.s-product-card-price i,
.s-product-card-price-before i{
    font-size:inherit !important;
}

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

.s-product-card-content-footer{
    margin-top:auto;
}

.s-button-primary{
    background:#fff !important;
    color:#0c4f77 !important;
    border:2px solid #0c4f77 !important;
    border-radius:999px !important;
    min-height:52px !important;
    font-weight:700 !important;
    box-shadow:none !important;
    transition:.3s;
}

.s-button-primary:hover{
    background:#0c4f77 !important;
    color:#fff !important;
}

/* ====================================
   PROMOTION LABEL
==================================== */

.s-product-card-promotion-title{
    background:#4ade80 !important;
    color:#0f172a !important;
    border-radius:999px !important;
    padding:6px 12px !important;
    font-size:12px !important;
    font-weight:700 !important;
}

/* ====================================
   CONTENT ALIGNMENT
==================================== */

.s-product-card-content{
    display:flex;
    flex-direction:column;
    height:100%;
}

.s-product-card-content-main{
    flex:1;
}

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

@media(max-width:768px){

    custom-salla-product-card{
        padding:1px !important;
        border-radius:18px !important;
    }

    .s-product-card-image a{
        height:140px !important;
    }

    .s-product-card-image img{
        width:100% !important;
        height:100% !important;
        object-fit:contain !important;
    }

    .s-product-card-content-title a{
        font-size:15px !important;
        line-height:1.4 !important;
    }

    .s-product-card-content-subtitle{
        font-size:10px !important;
    }

    .s-product-card-price{
        font-size:22px !important;
    }

    .s-product-card-price-before{
        font-size:12px !important;
    }

    .s-button-primary{
        min-height:42px !important;
        font-size:13px !important;
    }
}

:root{
  --np-primary:#5B0DB1;
  --np-secondary:#2BC5F4;
  --np-dark:#1E293B;
  --np-bg:#F8FAFC;
}

.s-product-card-content{
    padding:4px !important;
}

.s-product-card-content-main{
    margin:0 !important;
    padding:0 !important;
}