.product-section{
    margin-top:10px;
}

.thumb-gallery img{
    width:80px;
    height:80px;
    object-fit:cover;
    border:1px solid #ddd;
    border-radius:12px;
    margin-bottom:15px;
    cursor:pointer;
    transition:.3s;
}

.thumb-gallery img:hover{
    border:2px solid #198754;
    transform:scale(1.05);
}

.main-product-image{
    background:#fff;
    border-radius:20px;
    padding:25px;
    box-shadow:0 10px 30px rgba(0,0,0,.08);
    text-align:center;
}

.main-product-image img{
    width:100%;
    max-height:520px;
    object-fit:contain;
}

.product-title{
    font-size:38px;
    font-weight:700;
}

.rating{
    color:#f4b400;
    font-size:18px;
    margin:15px 0;
}

.rating span{
    color:#777;
    margin-left:10px;
}

.old-price{
    text-decoration:line-through;
    color:#999;
    font-size:22px;
    margin-right:15px;
}

.sale-price{
    color:#198754;
    font-size:34px;
    font-weight:700;
}

.short-description{
    margin:15px 0;
    line-height:1.4;
    color:#666;
}

.product-points{
    list-style:none;
    padding:0;
}

.product-points li{
    margin-bottom:6px;
    font-size:14px;
}

.weight-btn{
    padding:10px 25px;
    border-radius:30px;
    border:2px solid #198754;
    background:#198754;
    color:#fff;
}

.qty-control{
    display:flex;
    width:150px;
}

.qty-control input{
    text-align:center;
}

.qty-control button{
    width:45px;
}


.product-description{

background:#fff;

}

.section-title{

font-size:32px;

font-weight:700;

margin-bottom:25px;

color:#222;

}

.description-box{

font-size:15px;

line-height:32px;

color:#555;

background:#fff;

padding:15px;

border-radius:18px;

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

}


.benefits-section{

background:#f8faf8;

}

.benefit-card{

background:#fff;

padding:30px;

text-align:center;

border-radius:18px;

transition:.3s;

height:100%;

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

}

.benefit-card:hover{

transform:translateY(-8px);

}

.benefit-icon{

font-size:40px;

margin-bottom:15px;

}

.benefit-card h5{

font-size:18px;

font-weight:600;

}

.nutrition-section table{

background:#fff;

border-radius:15px;

overflow:hidden;

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

}

.nutrition-section th{

background:#1f8f55;

color:#fff;

}

.product-accordion{

margin-top:40px;

}

.accordion-item{

border:1px solid #e6e6e6;

margin-bottom:12px;

border-radius:12px;

overflow:hidden;

background:#fff;

box-shadow:0 4px 15px rgba(0,0,0,.05);

}

.accordion-header{

display:flex;

justify-content:space-between;

align-items:center;

padding:18px 22px;

cursor:pointer;

font-size:15px;

font-weight:600;

background:#faf8f3;

transition:.3s;

}

.accordion-header:hover{

background:#f1eadf;

}

.accordion-body{

display:none;

padding:15px;

font-size:14px;

line-height:30px;

background:#fff;

}

.accordion-item.active .accordion-body{

display:block;

}

.icon{

font-size:22px;

font-weight:bold;

color:#1f8f55;

}



.variant-box{

margin:25px 0;

}

.variant-list{

display:flex;

gap:12px;

flex-wrap:wrap;

}

.variant-card{

width:95px;

padding:15px;

border:2px solid #ddd;

border-radius:12px;

text-align:center;

text-decoration:none;

color:#333;

transition:.3s;

background:#fff;

}

.variant-card:hover{

border-color:#198754;

transform:translateY(-3px);

box-shadow:0 8px 20px rgba(0,0,0,.12);

}

.variant-card.active{

background:#198754;

color:#fff;

border-color:#198754;

}

.variant-card .weight{

font-weight:bold;

font-size:17px;

}

.variant-card .price{

margin-top:8px;

font-size:15px;

}

.review-link{

color:#198754;

font-weight:600;

text-decoration:none;

margin-left:8px;

}

.review-link:hover{

color:#fead42;

}

.customer-reviews{

background:#faf8f3;

}

.review-card{

background:#fff;

padding:25px;

border-radius:15px;

margin-bottom:20px;

box-shadow:0 8px 20px rgba(0,0,0,.08);

}

.review-header{

display:flex;

justify-content:space-between;

align-items:center;

margin-bottom:10px;

}

.review-header h5{

margin:0;

font-weight:700;

}

.stars{

font-size:18px;

color:#fead42;

}

.review-date{

font-size:13px;

color:#888;

margin-top:10px;

}

html{

scroll-behavior:smooth;

}

.product-action-buttons{
    display:flex;
    gap:10px;
    margin-top:20px;
}

.product-action-buttons .btn{
    flex:1;
	
}

@media(max-width:768px){

.product-action-buttons{
    flex-direction:column;
}

.product-action-buttons .btn{
    width:100%;
}

}