/*==================================================
PRODUCT OVERVIEW
==================================================*/

.product-overview{

    padding:30px 0 80px;

}

.product-overview-grid{

    display:grid;

    grid-template-columns:2fr 1fr;

    gap:50px;

    align-items:start;

}


/*==================================================
PRODUCT GALLERY
==================================================*/

.product-gallery{

    display:flex;

    flex-direction:column;

    gap:18px;

}

.main-image{

    background:#F7F7F7;

    border-radius:20px;

    overflow:hidden;

}

.main-image img{

    width:100%;

    display:block;

}

.thumbnail-list{

    display:flex;

    gap:15px;

}

.thumbnail-list img{

    width:90px;

    height:90px;

    object-fit:cover;

    border-radius:12px;

    border:2px solid #ECECEC;

    cursor:pointer;

    transition:.3s;

}

.thumbnail-list img:hover{

    border-color:var(--primary);

}


/*==================================================
PRODUCT INFO CARD
==================================================*/

.product-info-card{

    background:#FFFFFF;

    border:1px solid #ECECEC;

    border-radius:20px;

    padding:35px;

    box-shadow:0 10px 30px rgba(0,0,0,.05);

    position:sticky;

    top:120px;

}

.price-box{

    margin-bottom:30px;

}

.price-box small{

    display:block;

    color:#888;

    font-size:14px;

    margin-bottom:8px;

}

.price-box h2{

    font-size:52px;

    font-weight:800;

    color:var(--primary);

    margin:0;

}

.product-feature{

    display:flex;

    justify-content:space-between;

    align-items:center;

    padding:16px 0;

    border-bottom:1px solid #F2F2F2;

}

.product-feature:last-of-type{

    margin-bottom:30px;

}

.product-feature div{

    display:flex;

    align-items:center;

    gap:10px;

}

.product-feature i{

    color:#25D366;

}

.product-feature strong{

    font-weight:700;

}