/* =========================================================
   WAFRA PERFORMANCE — product-card.css
   Static CSS extracted from Blade.
   ========================================================= */

/* ============================================================
   WAFRA — GLOBAL UNIFIED PRODUCT CARD
   Inspired by the approved offer card.
   ============================================================ */


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

html body.tpl-zakas
.zk-featured-card.zk-unified-card{

    display:flex !important;

    flex-direction:column !important;

    width:100% !important;

    height:100% !important;

    min-width:0 !important;

    overflow:hidden !important;

    border:
        1px solid #dce6d9 !important;

    border-radius:
        14px !important;

    background:
        #ffffff !important;

    box-shadow:
        none !important;

    transform:
        none !important;

    transition:
        border-color .2s ease !important;
}


html body.tpl-zakas
.zk-featured-card.zk-unified-card:hover{

    border-color:
        #bdd0b8 !important;

    box-shadow:
        none !important;

    transform:
        none !important;
}


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

html body.tpl-zakas
.zk-unified-card
.zk-featured-card__media{

    position:relative !important;

    display:flex !important;

    align-items:center !important;

    justify-content:center !important;

    width:100% !important;

    aspect-ratio:
        1 / .90 !important;

    min-height:0 !important;

    padding:
        18px !important;

    overflow:hidden !important;

    border-bottom:
        1px solid #edf1eb !important;

    background:
        #fbfcfa !important;
}


html body.tpl-zakas
.zk-unified-card
.zk-featured-card__media img{

    display:block !important;

    width:100% !important;

    height:100% !important;

    max-width:100% !important;

    max-height:100% !important;

    object-fit:
        contain !important;

    object-position:
        center !important;

    transform:
        none !important;
}


html body.tpl-zakas
.zk-unified-card:hover
.zk-featured-card__media img{

    transform:
        scale(1.02) !important;
}


/* ============================================================
   BODY
   ============================================================ */

html body.tpl-zakas
.zk-unified-card
.zk-featured-card__body{

    display:flex !important;

    flex:
        1 1 auto !important;

    flex-direction:
        column !important;

    padding:
        14px 14px 13px !important;

    background:
        #fff !important;
}


/* CATEGORY / SMALL LABEL */

html body.tpl-zakas
.zk-unified-card
.zk-featured-card__category{

    margin:
        0 0 6px !important;

    color:
        #7c897f !important;

    font-size:
        9.5px !important;

    font-weight:
        600 !important;

    line-height:
        1.4 !important;
}


/* ============================================================
   PRODUCT NAME
   ============================================================ */

html body.tpl-zakas
.zk-unified-card h3{

    min-height:
        43px !important;

    margin:
        0 0 10px !important;

    font-size:
        13.5px !important;

    font-weight:
        800 !important;

    line-height:
        1.55 !important;
}


html body.tpl-zakas
.zk-unified-card h3 a{

    color:
        #203c2b !important;

    font-weight:
        800 !important;

    text-decoration:
        none !important;
}


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

html body.tpl-zakas
.zk-unified-card
.zk-featured-card__price{

    display:flex !important;

    align-items:
        baseline !important;

    flex-wrap:
        wrap !important;

    gap:
        6px !important;

    min-height:
        24px !important;

    margin:
        0 0 11px !important;
}


html body.tpl-zakas
.zk-unified-card
.zk-featured-card__price strong{

    color:
        #17613c !important;

    font-size:
        15px !important;

    font-weight:
        900 !important;
}


html body.tpl-zakas
.zk-unified-card
.zk-featured-card__price del{

    color:
        #9aa49c !important;

    font-size:
        10px !important;
}


/* ============================================================
   ACTION AREA
   Keep existing cart/wishlist logic; visual only.
   ============================================================ */

html body.tpl-zakas
.zk-unified-card
.zk-featured-card__action{

    display:flex !important;

    align-items:
        stretch !important;

    gap:
        7px !important;

    width:100% !important;

    margin-top:
        auto !important;

    padding-top:
        2px !important;
}


html body.tpl-zakas
.zk-unified-card
.zk-featured-card__cart{

    display:flex !important;

    flex:
        1 1 auto !important;

    align-items:center !important;

    justify-content:center !important;

    gap:
        7px !important;

    min-height:
        38px !important;

    padding:
        0 11px !important;

    border:
        1px solid #d7e4d3 !important;

    border-radius:
        9px !important;

    background:
        #f0f6ed !important;

    color:
        #17613c !important;

    font-size:
        11px !important;

    font-weight:
        800 !important;

    box-shadow:
        none !important;

    transition:
        .2s ease !important;
}


html body.tpl-zakas
.zk-unified-card
.zk-featured-card__cart:hover:not(.is-disabled){

    border-color:
        #17613c !important;

    background:
        #17613c !important;

    color:
        #ffffff !important;
}


html body.tpl-zakas
.zk-unified-card
.zk-featured-card__cart.is-disabled{

    opacity:
        .5 !important;

    cursor:
        not-allowed !important;
}


/* ============================================================
   HOME — LATEST + POPULAR
   EXACTLY FIVE CARDS ON DESKTOP
   ============================================================ */

html body.tpl-zakas
.wf-home-product-section{

    padding:
        54px 36px 58px !important;

    background:
        #ffffff !important;
}


html body.tpl-zakas
.wf-home-product-section
.zk-featured__head{

    width:
        min(1380px,100%) !important;

    max-width:
        1380px !important;

    margin:
        0 auto 25px !important;

    padding:
        0 !important;
}


/* SMALLER SECTION EYEBROW */

html body.tpl-zakas
.wf-home-product-section
.zk-featured__head span{

    margin-bottom:
        5px !important;

    color:
        #76906f !important;

    font-size:
        10px !important;

    font-weight:
        700 !important;

    letter-spacing:
        .04em !important;
}


/* SMALLER TITLE */

html body.tpl-zakas
.wf-home-product-section
.zk-featured__head h2{

    margin:
        0 !important;

    color:
        #175333 !important;

    font-family:
        inherit !important;

    font-size:
        30px !important;

    font-weight:
        900 !important;

    line-height:
        1.3 !important;

    letter-spacing:
        0 !important;
}


/* VIEW MORE */

html body.tpl-zakas
.wf-home-product-section
.zk-featured__more{

    min-height:
        40px !important;

    padding:
        0 14px !important;

    border:
        1px solid #d8e3d4 !important;

    border-radius:
        9px !important;

    background:
        #ffffff !important;

    color:
        #175333 !important;

    font-size:
        11px !important;

    font-weight:
        800 !important;
}


html body.tpl-zakas
.wf-home-product-section
.zk-featured__more:hover{

    border-color:
        #175333 !important;

    background:
        #175333 !important;

    color:
        #fff !important;
}


/* VIEWPORT */

html body.tpl-zakas
.wf-home-product-section
.zk-featured__viewport{

    width:
        min(1380px,100%) !important;

    max-width:
        1380px !important;

    margin:
        0 auto !important;

    overflow:
        visible !important;
}


/* EXACT 5-COLUMN GRID */

html body.tpl-zakas
.wf-home-product-section
.zk-featured__track{

    display:grid !important;

    grid-template-columns:
        repeat(
            5,
            minmax(0,1fr)
        ) !important;

    gap:
        18px !important;

    width:100% !important;

    max-width:none !important;

    overflow:
        visible !important;

    transform:
        none !important;
}


/* CARD SIZE CONTROL */

html body.tpl-zakas
.wf-home-product-section
.zk-featured-card{

    width:
        100% !important;

    min-width:
        0 !important;

    max-width:
        none !important;

    flex:
        none !important;
}


/* 5 ITEMS = NO NEED FOR OLD HOME SLIDER ARROWS */

html body.tpl-zakas
.wf-home-product-section
.zk-featured__arrow{

    display:
        none !important;
}


/* ============================================================
   TABLET
   ============================================================ */

@media(max-width:1100px){

    html body.tpl-zakas
    .wf-home-product-section
    .zk-featured__track{

        grid-template-columns:
            repeat(
                3,
                minmax(0,1fr)
            ) !important;
    }

}


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

@media(max-width:767px){

    html body.tpl-zakas
    .wf-home-product-section{

        padding:
            40px 15px 44px !important;
    }


    html body.tpl-zakas
    .wf-home-product-section
    .zk-featured__head{

        margin-bottom:
            19px !important;
    }


    html body.tpl-zakas
    .wf-home-product-section
    .zk-featured__head h2{

        font-size:
            23px !important;
    }


    html body.tpl-zakas
    .wf-home-product-section
    .zk-featured__track{

        grid-template-columns:
            repeat(
                2,
                minmax(0,1fr)
            ) !important;

        gap:
            10px !important;
    }


    html body.tpl-zakas
    .zk-unified-card
    .zk-featured-card__media{

        aspect-ratio:
            1 / 1 !important;

        padding:
            10px !important;
    }


    html body.tpl-zakas
    .zk-unified-card
    .zk-featured-card__body{

        padding:
            10px !important;
    }


    html body.tpl-zakas
    .zk-unified-card h3{

        min-height:
            36px !important;

        font-size:
            11.5px !important;
    }


    html body.tpl-zakas
    .zk-unified-card
    .zk-featured-card__price strong{

        font-size:
            12.5px !important;
    }


    html body.tpl-zakas
    .zk-unified-card
    .zk-featured-card__cart{

        min-height:
            34px !important;

        font-size:
            9.5px !important;
    }

}