/* =====================================================
   TECHORZ HOME PRODUCT CARD
===================================================== */

/* =====================================================
   LATEST PHONES
===================================================== */

.te-latest-phones{
    padding-top:0 !important;
    margin-top:0 !important;
}

.te-latest-phone-grid{
    padding-top:0 !important;
}

.te-latest-phone-grid{

    display:flex;
    gap:16px;
    overflow-x:auto;
    overflow-y:hidden;
    scroll-behavior:smooth;

    scrollbar-width:none;
    -ms-overflow-style:none;

    padding:0px 0 6px;

}

.te-latest-phone-grid::-webkit-scrollbar{

    display:none;

}

.te-home-card{
    flex:0 0 calc((100% - 64px)/5);
    background:#fff;
    border:1px solid #E5E7EB;
    border-radius:14px;
    padding:12px 4px 16px 4px !important;
    position:relative;
    transition:.25s ease;

}

.te-home-card:hover{
    transform:translateY(-4px);
    box-shadow:0 10px 25px rgba(0,0,0,.08);
}


/* Image */

.te-home-image{

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

    margin-top:0;
    margin-bottom:14px;

}

.te-home-image img{
    width:150px;
    height:150px;
    min-width:150px;
    min-height:150px;
    max-width:150px;
    max-height:150px;
    object-fit:contain;

}


/* Title */

.te-home-title{

    margin:0 0 8px !important;

    min-height:30px;

    text-align:center;

}

.te-home-title a{

    font-size:15px;

    font-weight:600;

    line-height:1.35;

    color:#2b5776;

    text-decoration:none;

}

/* Remove hover effect from product title */

.te-home-title a:hover{

    text-decoration:none !important;

}


/* Specs */

.te-home-specs{

    display:flex;

    flex-direction:column;

    align-items:center;

    gap:8px;

    margin:0 auto 16px !important;

}

.te-home-spec{

    display:flex;
    align-items:center !important;
    gap:8px;

    width:180px !important;
}

.te-home-icon{

    width:16px;
    min-width:16px;
    height:16px;

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

    color:#2b5776;

    flex-shrink:0;

}

.te-home-icon svg{

    width:13px;
    height:13px;

    display:block;

}

.te-home-value{

    flex:1;

    overflow:hidden;
    white-space:nowrap;
    text-overflow:ellipsis;

    font-size:12px !important;
    font-weight:500 !important;
    line-height:1.3;

    color:#4d4d4d;

}


/* Price */

.te-home-price{

    display:flex;
    align-items:center;
    justify-content:center;
    gap:5px;

    text-decoration:none;

}

.te-home-price-label{

    font-size:12px;
    color:#4d4d4d;
    font-weight:600;

}

.te-home-price-value{

    font-size:15px;
    font-weight:700;
    color:#2B5776;

}

/* ===========================
Desktop
=========================== */

@media(min-width:1025px){

    .te-home-card{

        flex:0 0 calc((100% - 64px)/5);

    }

}

/* ===========================
Tablet
=========================== */

@media(min-width:768px) and (max-width:1024px){

    .te-home-card{

        flex:0 0 calc((100% - 32px)/3.2);

    }

}

/* ===========================
Mobile
=========================== */

@media(max-width:767px){

    .te-home-card{

        flex:0 0 calc((100% - 16px)/1.7);

        padding:14px;

    }

    .te-home-image img{

        width:110px;
        height:110px;

        min-width:110px;
        min-height:110px;

    }

    .te-home-title a{

        font-size:14px;

    }

    .te-home-value{

        font-size:12px;

    }

    .te-home-price-value{

        font-size:14px;

    }

}