/* Novin Product Spec Intro v1.0.0 */

.npsi-section,
.npsi-section *{
    box-sizing:border-box;
}

.npsi-section{
    width:100%;
}

.npsi-card{
    display:flex;
    flex-direction:row;
    width:100%;
    margin-inline:auto;
    overflow:hidden;
    border-style:solid;
}

.npsi-media{
    position:relative;
    min-width:0;
    display:flex;
    align-items:center;
    justify-content:center;
    overflow:hidden;
    background:linear-gradient(150deg,#EDEAE1,#D6D0C1);
}

.npsi-media picture,
.npsi-media img{
    display:block;
    width:100%;
    height:100%;
}

.npsi-media img{
    object-fit:cover;
    object-position:center center;
}

.npsi-placeholder{
    display:block;
    padding:20px;
    font-family:Manrope,Vazirmatn,sans-serif;
    font-size:10.5px;
    line-height:1.8;
    font-weight:700;
    text-align:center;
    direction:rtl;
}

.npsi-content{
    position:relative;
    min-width:0;
    display:flex;
    flex-direction:column;
    justify-content:center;
    background:linear-gradient(155deg,#FAF8F4,#F3EFE5);
}

.npsi-copy{
    position:relative;
    z-index:1;
    width:100%;
}

.npsi-eyebrow{
    font-family:Manrope,Vazirmatn,sans-serif;
    font-size:11.5px;
    line-height:1.5;
    font-weight:800;
    letter-spacing:.12em;
    color:#9C7A45;
}

.npsi-title{
    margin:0 0 16px;
    font-family:Vazirmatn,Manrope,sans-serif;
    font-size:19px;
    line-height:1.6;
    font-weight:800;
    color:#141414;
}

.npsi-description,
.npsi-description p{
    margin-top:0;
    font-family:Vazirmatn,Manrope,sans-serif;
    font-size:15px;
    line-height:2;
    color:#141414;
}

.npsi-description p:last-child{
    margin-bottom:0;
}

.npsi-stats{
    display:flex;
    flex-wrap:wrap;
    align-items:flex-start;
    border-top:1px solid #D2CDC0;
}

.npsi-stat{
    min-width:0;
}

.npsi-stat-value{
    font-family:Manrope,Vazirmatn,sans-serif;
    font-size:15px;
    line-height:1.35;
    font-weight:800;
    color:#141414;
}

.npsi-stat-label{
    margin-top:3px;
    font-family:Vazirmatn,Manrope,sans-serif;
    font-size:11px;
    line-height:1.6;
    color:#9A968D;
}

.npsi-corner{
    position:absolute;
    z-index:2;
    display:block;
    width:16px;
    height:16px;
    border-style:solid;
    border-color:#9C7A45;
    pointer-events:none;
}

.npsi-corner--top{
    top:16px;
    right:16px;
    border-width:2px 2px 0 0;
}

.npsi-corner--bottom{
    bottom:16px;
    left:16px;
    border-width:0 0 2px 2px;
}

/* Image on right (source layout) */
.npsi-image-side-right .npsi-card{
    flex-direction:row;
}

.npsi-image-side-right .npsi-media{
    order:1;
}

.npsi-image-side-right .npsi-content{
    order:2;
}

/* Image on left */
.npsi-image-side-left .npsi-card{
    flex-direction:row-reverse;
}

.npsi-image-side-left .npsi-media{
    order:1;
}

.npsi-image-side-left .npsi-content{
    order:2;
}

@media(max-width:767px){

    .npsi-card,
    .npsi-image-side-right .npsi-card,
    .npsi-image-side-left .npsi-card{
        flex-direction:column !important;
    }

    .npsi-media,
    .npsi-content{
        width:100% !important;
        flex-basis:auto !important;
    }

    .npsi-media{
        order:1 !important;
        min-height:200px;
    }

    .npsi-content{
        order:2 !important;
    }

    .npsi-mobile-stats-3 .npsi-stat{
        flex:1 1 calc(33.333% - 16px);
    }

    .npsi-mobile-stats-2 .npsi-stat{
        flex:1 1 calc(50% - 16px);
    }

    .npsi-mobile-stats-1 .npsi-stat{
        flex:1 1 100%;
    }
}