html,
body{
    width:100%;
    overflow-x:hidden;
}

.product-detail{
    overflow:hidden;
}



/*==================================
PAGE BANNER
==================================*/

.page-banner{

    padding:70px 0;

    text-align:center;

    background:linear-gradient(135deg,#1f6d43,#2f7d52);

    position:relative;

    overflow:hidden;

}

.page-banner::before{

    content:"";

    position:absolute;

    inset:0;

    background:url('{{ asset("frontend/images/pattern.png") }}');

    opacity:.08;

}

.page-banner .container{

    position:relative;

    z-index:2;

}

.page-banner h1{

    color:#fff;

    font-size:48px;

    font-weight:700;

    margin-top:12px;

}

.page-breadcrumb{

    display:flex;

    justify-content:center;

    align-items:center;

    gap:10px;

    flex-wrap:wrap;

    font-size:15px;

}

.page-breadcrumb a{

    color:#f4d28a;

    text-decoration:none;

}

.page-breadcrumb a:hover{

    color:#fff;

}

.page-breadcrumb span{

    color:#ddd;

}

.page-breadcrumb strong{

    color:#fff;

}

/*==============================
PRODUCT REVIEWS
==============================*/

.review-summary{

    background:#fff;

    padding:40px;

    border-radius:20px;

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

    text-align:center;

}

.rating-number{

    font-size:65px;

    font-weight:700;

    color:#198754;

}

.review-card{

    background:#fff;

    padding:25px;

    border-radius:18px;

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

    transition:.3s;

}

.review-card:hover{

    transform:translateY(-5px);

}

.review-card h5{

    margin-bottom:4px;

    font-weight:700;

}

.review-card small{

    color:#888;

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

.related-product-card{

    background:#fff;

    border-radius:18px;

    overflow:hidden;

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

    transition:.35s;

    height:100%;

}

.related-product-card:hover{

    transform:translateY(-8px);

}

.related-product-card img{

    width:100%;

    height:250px;

    object-fit:contain;

    padding:20px;

    background:#fafafa;

}

.related-product-card h5{

    font-size:18px;

    font-weight:600;

    min-height:48px;

}

.related-product-card h5 a{

    text-decoration:none;

    color:#222;

}

.related-product-card h5 a:hover{

    color:#198754;

}

.related-product-card .sale-price{

    color:#198754;

    font-size:22px;

    font-weight:700;

}

.related-product-card .regular-price{

    color:#999;

    text-decoration:line-through;

    margin-left:8px;

}
/*==============================
REVIEW MODAL
==============================*/

.modal-content{

    border-radius:25px;

}

.modal-header{

    border-bottom:1px solid #eee;

}

.modal-title{

    font-weight:700;

}

.modal-body label{

    font-weight:600;

    margin-bottom:8px;

}

.modal-body .form-control,
.modal-body .form-select{

    height:55px;

    border-radius:12px;

}

.modal-body textarea{

    height:170px !important;

    resize:none;

}

.modal-body button{

    height:55px;

    border-radius:12px;

    font-size:17px;

}