/*=========================================================
                RK TRENDING PRODUCTS
=========================================================*/

.rk-trend-section{

    padding:70px 0;

    background:#f7f9f7;

}

/*=========================================================
                    HEADING
=========================================================*/

.rk-trend-heading{

    text-align:center;

    margin-bottom:35px;

}

.rk-trend-heading h2{

    font-size:34px;

    font-weight:700;

    color:#0c3f01;

    margin-bottom:8px;

}

.rk-trend-heading h2 i{

    color:#ff6a00;

    margin-right:8px;

}

.rk-trend-heading p{

    color:#777;

    font-size:15px;

    margin:0;

}

/*=========================================================
                    GRID
=========================================================*/

.rk-trend-grid{

    display:grid;

    grid-template-columns:repeat(5,1fr);

    gap:18px;

}

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

.rk-trend-card{

    position:relative;

    background:#fff;

    border:1px solid #e8e8e8;

    border-radius:8px;

    overflow:hidden;

    transition:.3s;

}

.rk-trend-card:hover{

    transform:translateY(-4px);

    box-shadow:0 10px 25px rgba(0,0,0,.08);

    border-color:#0c3f01;

}

/*=========================================================
                    BADGE
=========================================================*/

.rk-trend-badge{

    position:absolute;

    top:10px;

    left:10px;

    background:#146d1d;

    color:#fff;

    font-size:11px;

    font-weight:700;

    padding:5px 10px;

    border-radius:4px;

    z-index:10;

}

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

.rk-trend-image{

    display:flex;

    align-items:center;

    justify-content:center;

    height:170px;

    padding:15px;

    background:#fff;

}

.rk-trend-image img{

    width:100%;

    height:130px;

    object-fit:contain;

    transition:.35s;

}

.rk-trend-card:hover .rk-trend-image img{

    transform:scale(1.05);

}

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

.rk-trend-content{

    padding:14px;

}

.rk-trend-title{

    font-size:18px;

    font-weight:700;

    color:#222;

    line-height:24px;

    margin-bottom:5px;

    min-height:48px;

    display:-webkit-box;

    -webkit-line-clamp:2;

    -webkit-box-orient:vertical;

    overflow:hidden;

}

.rk-trend-model{

    font-size:13px;

    color:#666;

    margin-bottom:10px;

    height:20px;

    overflow:hidden;

}

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

.rk-trend-price-wrap{

    display:flex;

    align-items:center;

    gap:8px;

    margin-bottom:14px;

}

.rk-trend-sale-price{

    font-size:20px;

    font-weight:700;

    color:#0c3f01;

}

.rk-trend-old-price{

    font-size:16px;

    color:#999;

    text-decoration:line-through;

}

/*=========================================================
                    BUTTONS
=========================================================*/

.rk-trend-buttons{

    display:flex;

    flex-direction:column;

    gap:8px;

}

.rk-trend-cart-btn{

    width:100%;

    height:42px;

    border:none;

    background:#0c3f01;

    color:#fff;

    font-size:14px;

    font-weight:600;

    border-radius:6px;

    transition:.3s;

}

.rk-trend-cart-btn:hover{

    background:#176108;

}

.rk-trend-view-btn{

    display:flex;

    align-items:center;

    justify-content:center;

    height:40px;

    border:1px solid #0c3f01;

    border-radius:6px;

    text-decoration:none;

    color:#0c3f01;

    font-weight:600;

    transition:.3s;

}

.rk-trend-view-btn:hover{

    background:#0c3f01;

    color:#fff;

}

/*=========================================================
                    LAPTOP
=========================================================*/

@media(max-width:1400px){

.rk-trend-grid{

    grid-template-columns:repeat(4,1fr);

}

}

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

@media(max-width:992px){

.rk-trend-grid{

    grid-template-columns:repeat(3,1fr);

}

}

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

@media(max-width:767px){

.rk-trend-section{

    padding:45px 0;

}

.rk-trend-heading h2{

    font-size:26px;

}

.rk-trend-grid{

    grid-template-columns:repeat(2,1fr);

    gap:12px;

}

.rk-trend-image{

    height:120px;

}

.rk-trend-image img{

    height:90px;

}

.rk-trend-title{

    font-size:14px;

    line-height:19px;

    min-height:38px;

}

.rk-trend-model{

    font-size:12px;

}

.rk-trend-sale-price{

    font-size:20px;

}

.rk-trend-old-price{

    font-size:12px;

}

.rk-trend-cart-btn,

.rk-trend-view-btn{

    height:36px;

    font-size:12px;

}

}