/*==================================================
GANGA SWEETS
PRODUCT DETAILS PAGE
assets/css/product-details.css
==================================================*/

/*=========================================
ROOT VARIABLES
=========================================*/

:root{

    --primary1:#8B1E1E;
    --primary1-dark:#6F1515;

    --gold:#D4A017;
    --gold-dark:#B7860B;

    --cream:#FFF8F1;
    --light:#FFFFFF;

    --title:#2F2F2F;
    --text:#666666;

    --border:#ECECEC;

    --shadow:0 15px 40px rgba(0,0,0,.08);

    --radius:18px;

    --transition:.35s ease;

}




section{

    position:relative;

}

/*=========================================
PAGE HERO
=========================================*/

.product-hero{

    padding:40px 0;

    background:
        linear-gradient(
            rgba(25,10,10,.65),
            rgba(25,10,10,.65)
        ),
        url("../images/contactbg.jpg")
        center center
        no-repeat;

    background-size:cover;

    text-align:center;

}

.product-hero h1{

    font-size:52px;

    font-weight:700;

    margin-bottom:15px;

}

.product-hero p{

    color:rgba(255,255,255,.92);

    font-size:18px;

}

.breadcrumb{

    margin-bottom:20px;

}

.breadcrumb-item{

    font-size:15px;

}

.breadcrumb-item a{

    color:#FFD978;

}

.breadcrumb-item.active{

    color:#fff;

}

.breadcrumb-item + .breadcrumb-item::before{

    color:#fff;

}

/*=========================================
PRODUCT DETAILS
=========================================*/

.product-details{

    padding:80px 0;

    background:#fff;

}

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

.product-gallery{

    position:sticky;

    top:100px;

}

.main-image{

    background:#FFFDF9;

    border-radius:22px;

    overflow:hidden;

    box-shadow:var(--shadow);

}

.main-image img{

    width:100%;

    height:560px;

    object-fit:cover;

    transition:.45s;

    cursor:zoom-in;

}

.main-image:hover img{

    transform:scale(1.08);

}

.thumb-image{

    border-radius:12px;

    cursor:pointer;

    border:2px solid transparent;

    transition:var(--transition);

    height:110px;

    object-fit:cover;

}

.thumb-image:hover{

    border-color:var(--gold);

    transform:translateY(-3px);

}

.thumb-image.active{

    border-color:var(--primary1);

}

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

.product-details h2{

    color:var(--title);

    font-size:40px;

    font-weight:700;

}

.product-details .lead{

    font-size:16px;

    color:#666;

}

.badge{

    border-radius:50px;

    padding:8px 18px;

    font-size:13px;

    letter-spacing:.4px;

}

/*=========================================
RATING
=========================================*/

.text-warning i{

    font-size:18px;

}

.rating-count{

    color:#888;

    margin-left:10px;

}

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

.product-details .text-danger{

    color:var(--primary1)!important;

}

.product-details del{

    color:#999;

    font-size:22px;

}

.discount-badge{

    background:#28A745;

    color:#fff;

    padding:6px 14px;

    border-radius:50px;

    font-size:14px;

}

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

.btn-check:checked + .btn-outline-danger{

    background:var(--primary1);

    border-color:var(--primary1);

    color:#fff;

}

.btn-outline-danger{

    min-width:95px;

    height:46px;

    border-radius:10px;

    font-weight:600;

    transition:var(--transition);

}

.btn-outline-danger:hover{

    background:var(--primary1);

    color:#fff;

}

/*=========================================
QUANTITY
=========================================*/

.quantity-box{

    display:flex;

    align-items:center;

}

/*.quantity-box .btn{

    width:48px;

    height:48px;

    border-radius:10px;

}*/

.quantity-box input{

    height:48px;

    font-size:18px;

    font-weight:600;

    border-radius:10px;

}

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

.btn-danger{

    background:var(--primary1);

    border-color:var(--primary1);

    border-radius:12px;

    font-weight:600;

    transition:var(--transition);

}

.btn-danger:hover{

    background:var(--primary1-dark);

    border-color:var(--primary1-dark);

    transform:translateY(-2px);

}

.btn-warning{

    background:var(--gold);

    border-color:var(--gold);

    font-weight:600;

    border-radius:12px;

}

.btn-warning:hover{

    background:var(--gold-dark);

    border-color:var(--gold-dark);

}

.btn-outline-secondary,
.btn-outline-danger{

    border-radius:10px;

}

/*=========================================
FEATURE BOXES
=========================================*/

.product-details .border{

    border:1px solid var(--border)!important;

    border-radius:16px!important;

    transition:var(--transition);

    background:#fff;

}

.product-details .border:hover{

    transform:translateY(-5px);

    box-shadow:var(--shadow);

}

.product-details .border i{

    color:var(--primary1);

}

.product-details .border h6{

    font-weight:700;

    color:var(--title);

}

/*=========================================
DIVIDERS
=========================================*/

.product-details hr{

    border-color:#EEE;

    margin:30px 0;

}


/*==================================================
PRODUCT TABS
==================================================*/

.product-tabs{

    background:#faf8f5;

}

.product-tabs .nav{

    gap:12px;

}

.product-tabs .nav-pills .nav-link{

    border:2px solid #ececec;

    background:#fff;

    color:var(--title);

    font-weight:600;

    padding:14px 28px;

    border-radius:50px;

    transition:var(--transition);

}

.product-tabs .nav-pills .nav-link:hover{

    border-color:var(--primary);

    color:var(--primary);

}

.product-tabs .nav-pills .nav-link.active{

    background:var(--primary);

    color:#fff;

    border-color:var(--primary);

}

.tab-content{

    margin-top:40px;

}

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

.tab-content .card{

    border:none;

    border-radius:22px;

    overflow:hidden;

    box-shadow:var(--shadow);

}

.tab-content .card-body{

    padding:45px;

}

.tab-content h3{

    color:var(--title);

    font-weight:700;

    margin-bottom:25px;

}

.tab-content p{

    color:#666;

    line-height:1.9;

}

/*==================================================
DESCRIPTION LIST
==================================================*/

.tab-content ul{

    padding-left:0;

}

.tab-content ul li{

    list-style:none;

    margin-bottom:14px;

    font-size:15px;

    color:#555;

}

.tab-content ul li i{

    color:var(--primary);

    margin-right:10px;

}

/*==================================================
INGREDIENTS
==================================================*/

.list-group-item{

    border:none;

    border-bottom:1px solid #f1f1f1;

    padding:16px 0;

    font-size:15px;

    color:#555;

    background:transparent;

}

.list-group-item:last-child{

    border-bottom:none;

}

/*==================================================
NUTRITION TABLE
==================================================*/

.table{

    margin-bottom:0;

}

.table thead th{

    background:var(--primary);

    color:#fff;

    border:none;

    font-weight:600;

    padding:18px;

}

.table tbody td{

    padding:18px;

    border-color:#efefef;

    vertical-align:middle;

}

.table tbody tr:nth-child(even){

    background:#fcfcfc;

}

.table tbody tr:hover{

    background:#fff8f1;

}

/*==================================================
REVIEW SUMMARY
==================================================*/

.review-summary{

    text-align:center;

}

.review-summary h1{

    font-size:72px;

    font-weight:700;

    color:var(--primary);

    line-height:1;

}

.review-summary p{

    margin-top:12px;

    color:#777;

}

.review-summary .text-warning i{

    font-size:20px;

}

/*==================================================
REVIEW ITEM
==================================================*/

.review-item{

    padding-bottom:28px;

    margin-bottom:28px;

    border-bottom:1px solid #efefef;

}

.review-item:last-child{

    margin-bottom:0;

    padding-bottom:0;

    border-bottom:none;

}

.review-item h5{

    font-size:18px;

    font-weight:600;

    color:var(--title);

    margin-bottom:4px;

}

.review-item small{

    color:#999;

}

.review-item p{

    margin-top:15px;

    margin-bottom:0;

    color:#666;

}

/*==================================================
REVIEW AVATAR
==================================================*/

.review-avatar{

    width:56px;

    height:56px;

    border-radius:50%;

    overflow:hidden;

    margin-right:16px;

}

.review-avatar img{

    width:100%;

    height:100%;

    object-fit:cover;

}

/*==================================================
STAR RATING
==================================================*/

.rating-stars{

    display:flex;

    gap:6px;

}

.rating-stars i{

    color:#d7d7d7;

    cursor:pointer;

    transition:.25s;

    font-size:22px;

}

.rating-stars i:hover,

.rating-stars i.active{

    color:#ffc107;

}

/*==================================================
REVIEW FORM
==================================================*/

.review-form{

    margin-top:40px;

}

.review-form .form-control,

.review-form .form-select{

    border:1px solid #e8e8e8;

    border-radius:12px;

    min-height:52px;

    box-shadow:none;

    transition:var(--transition);

}

.review-form textarea{

    min-height:150px;

    resize:vertical;

}

.review-form .form-control:focus,

.review-form .form-select:focus{

    border-color:var(--primary);

    box-shadow:0 0 0 .2rem rgba(139,30,30,.12);

}

.review-form button{

    min-width:180px;

    border-radius:12px;

    padding:14px 28px;

}

/*==================================================
HELPFUL TAGS
==================================================*/

.review-tag{

    display:inline-block;

    padding:5px 14px;

    border-radius:30px;

    background:#fff3e6;

    color:var(--primary);

    font-size:13px;

    font-weight:600;

    margin:6px 6px 0 0;

}

/*==================================================
EMPTY STATE
==================================================*/

.no-review{

    text-align:center;

    padding:50px 20px;

    color:#888;

}

.no-review i{

    font-size:60px;

    color:#ddd;

    margin-bottom:20px;

    display:block;

}


/*==================================================
RELATED PRODUCTS
==================================================*/

.related-products{

    background:#fff;

}

.related-products .section-title h2{

    font-size:38px;

    font-weight:700;

    color:var(--title);

}

.related-products .section-title p{

    color:#777;

    margin-top:10px;

}

.product-card{

    background:#fff;

    border-radius:20px;

    overflow:hidden;

    border:1px solid #efefef;

    transition:var(--transition);

    height:100%;

    position:relative;

}

.product-card:hover{

    transform:translateY(-8px);

    box-shadow:var(--shadow);

}

.product-thumb{

    position:relative;

    overflow:hidden;

    background:#fafafa;

}

.product-thumb img{

    width:100%;

    height:260px;

    object-fit:cover;

    transition:.45s;

}

.product-card:hover .product-thumb img{

    transform:scale(1.08);

}

.product-badge{

    position:absolute;

    top:15px;

    left:15px;

    padding:7px 16px;

    border-radius:30px;

    color:#fff;

    font-size:13px;

    font-weight:600;

    z-index:2;

}

.product-actions{

    position:absolute;

    right:15px;

    top:15px;

    display:flex;

    flex-direction:column;

    gap:10px;

    opacity:0;

    transform:translateX(10px);

    transition:var(--transition);

}

.product-card:hover .product-actions{

    opacity:1;

    transform:translateX(0);

}

.action-btn{

    width:42px;

    height:42px;

    border:none;

    border-radius:50%;

    background:#fff;

    color:var(--primary);

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

    transition:var(--transition);

}

.action-btn:hover{

    background:var(--primary);

    color:#fff;

}

.product-content{

    padding:22px;

}

.product-content h5{

    font-size:20px;

    font-weight:600;

    color:var(--title);

    margin-bottom:10px;

}

.price{

    display:flex;

    align-items:center;

    gap:12px;

    margin-bottom:20px;

}

.new-price{

    color:var(--primary);

    font-size:22px;

    font-weight:700;

}

.old-price{

    color:#999;

    text-decoration:line-through;

}

.btn-cart{

    width:100%;

    border:none;

    background:var(--primary);

    color:#fff;

    border-radius:12px;

    padding:13px;

    font-weight:600;

    transition:var(--transition);

}

.btn-cart:hover{

    background:var(--primary-dark);

}

/*==================================================
NEWSLETTER
==================================================*/

.newsletter-section{

    background:linear-gradient(135deg,var(--primary),#b33232);

    color:#fff;

    overflow:hidden;

}

.newsletter-section h2{

    font-size:38px;

    font-weight:700;

}

.newsletter-section p{

    color:rgba(255,255,255,.85);

    margin-top:12px;

}

.newsletter-form .input-group{

    overflow:hidden;

    border-radius:60px;

    background:#fff;

}

.newsletter-form input{

    border:none;

    min-height:58px;

    padding:0 25px;

    box-shadow:none;

}

.newsletter-form input:focus{

    box-shadow:none;

}

.newsletter-form .btn{

    border-radius:0;

    min-width:170px;

    background:var(--gold);

    border:none;

    color:#222;

    font-weight:600;

}

.newsletter-form .btn:hover{

    background:var(--gold-dark);

}

/*==================================================
MOBILE STICKY CART
==================================================*/

.mobile-cart-bar{

    position:fixed;

    left:0;

    right:0;

    bottom:0;

    background:#fff;

    padding:15px;

    border-top:1px solid #ececec;

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

    z-index:999;

}

.mobile-cart-bar .btn{

    border-radius:10px;

    padding:12px 22px;

    white-space:nowrap;

}

/*==================================================
TOAST
==================================================*/

.gs-toast{

    position:fixed;

    top:25px;

    right:25px;

    background:var(--primary);

    color:#fff;

    padding:15px 22px;

    border-radius:12px;

    display:flex;

    align-items:center;

    gap:12px;

    opacity:0;

    visibility:hidden;

    transform:translateY(-20px);

    transition:.35s;

    z-index:99999;

    box-shadow:0 15px 35px rgba(0,0,0,.2);

}

.gs-toast.show{

    opacity:1;

    visibility:visible;

    transform:translateY(0);

}

.gs-toast i{

    font-size:20px;

}

/*==================================================
IMAGE ZOOM CURSOR
==================================================*/

.main-image{

    cursor:zoom-in;

}

/*==================================================
SCROLL ANIMATION
==================================================*/

.fade-up{

    opacity:0;

    transform:translateY(40px);

    transition:.8s;

}

.fade-up.show{

    opacity:1;

    transform:translateY(0);

}

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

@media (max-width:991px){

.product-gallery{

    position:relative;

    top:0;

    margin-bottom:40px;

}

.product-details h2{

    font-size:32px;

}

.main-image img{

    height:420px;

}

.newsletter-section{

    text-align:center;

}

.newsletter-form{

    margin-top:30px;

}

}

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

@media (max-width:767px){

.product-hero {
        padding: 1px 0;
        padding-top: 20px;
    }

.old-price{
    font-size: 15px;
}

.tab-content{
    margin-top: 10px;
}

    .product-gallery {
        position: relative;
        top: 0;
        margin-bottom: 0px;
    }

.product-hero h1{

    font-size:34px;

}

.product-details{

    padding:50px 0;

}

.product-details h2{

    font-size:28px;

}

.main-image img{

    height:320px;

}

.thumb-image{

    height:75px;

}

.tab-content .card-body{

    padding:25px;

}

.product-tabs .nav{

    flex-wrap:nowrap;

    overflow-x:auto;

    justify-content:flex-start;

    padding-bottom:10px;

}

.product-tabs .nav::-webkit-scrollbar{

    display:none;

}

.product-tabs .nav-link{

    white-space:nowrap;

}

.newsletter-section h2{

    font-size:28px;

}

.newsletter-form .input-group{

    flex-direction:column;

    border-radius:16px;

}

.newsletter-form input{

    width:100%;

}

.newsletter-form .btn{

    width:100%;

    border-radius:0 0 16px 16px;

}

.product-actions{

    opacity:1;

    transform:none;

}

}

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

@media (max-width:576px){

.quantity-box{

    width:100%;

}

.quantity-box input{

    flex:1;

}

.btn-danger,

.btn-warning{

    width:100%;

}

.product-content{

    padding:18px;

}

.new-price{

    font-size:20px;

}

.related-products .section-title h2{

    font-size:30px;

}

.gs-toast{

    left:15px;

    right:15px;

    top:15px;

}

}


.nutrition-list {
    width: 100%;
    max-width: 400px;
}

.nutrition-item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 12px 0;
    border-bottom: 1px solid #e5e5e5;
}

.nutrition-item:last-child {
    border-bottom: none;
}

.nutrition-item span {
    color: #555;
    font-size: 16px;
}

.nutrition-item strong {
    color: #b71c1c;
    font-size: 16px;
    font-weight: 600;
}