/* ===========================
PRODUCT PAGE STYLING
=========================== */

.product-wrapper{
background:#e6e600;
border-radius:30px;
padding:20px;
margin:20px;
}

.product-heading{
font-size:16px;
font-weight:bold;
color:#006600;
margin-bottom:10px;
}

.product-content{
background:#dcdcdc;
border:1px solid #000080;
padding:10px;
display:flex;
align-items:flex-start;
}

/* LEFT MENU */

.product-left{
width:190px;
flex:0 0 190px;
margin-right:15px;
}

.left-title{
background:#1a7c1a;
color:#fff;
padding:8px;
font-weight:bold;
border-radius:5px 5px 0 0;
}

.product-left ul{
list-style:none;
margin:0;
padding:0;
}

.product-left li{
background:#efe7a0;
padding:6px 8px;
border-bottom:1px dotted #999;
font-size:13px;
cursor:pointer;
}

.product-left li::before{
content:"▶";
color:#ff6600;
font-size:9px;
margin-right:6px;
}

.product-left li:hover{
background:#ffff66;
}

/* RIGHT AREA */

.product-right{
flex:1;
}

.breadcrumb{
font-size:13px;
font-weight:bold;
color:#000080;
display:flex;
justify-content:space-between;
align-items:center;
margin-bottom:10px;
}

.back-btn{
cursor:pointer;
color:#000080;
text-decoration:underline;
font-size:12px;
}

/* PRODUCT GRID */

.product-grid{
display:grid;
grid-template-columns:repeat(3,160px);
gap:40px;
padding:10px 0;
justify-content:flex-start;
}

.product-item{
text-align:center;
cursor:pointer;
}

.product-item img{
width:150px;
border:1px solid #000080;
background:#fff;
padding:4px;
display:block;
margin:0 auto;
}

.product-item p{
font-size:12px;
margin-top:6px;
}

/* PRODUCT DETAIL */

#productDetail{
background:#fff;
border:1px solid #000080;
padding:10px;
margin-top:5px;
max-height:520px;
overflow:auto;
}

#productDetail img{
width:160px;
display:block;
margin:5px auto 10px auto;
}

.detail-box{
font-size:12px;
line-height:16px;
}

.product-table{
border-collapse:collapse;
width:100%;
margin-top:5px;
font-size:11px;
}

.product-table th{
background:#e6e6e6;
}

.product-table td,
.product-table th{
border:1px solid #999;
padding:3px;
text-align:center;
}

/* HIDE SIDEBAR WHEN VIEWING PRODUCT */

.hide-sidebar .product-left{
display:none;
}

.hide-sidebar .product-right{
width:100%;
}
/* ===========================
DETAILS SECTION (LIKE SCREENSHOT)
=========================== */

.details-title{
font-size:16px;
font-weight:bold;
color:#000080;
margin-top:10px;
margin-bottom:5px;
}

/* Grey description box */

.details-box{
border:1px solid #999;
background:#eeeeee;
padding:10px;
font-size:12px;
line-height:18px;
margin-bottom:10px;
}

/* PDF DOWNLOAD SECTION */

.pdf-section{
font-size:16px;
color:#000080;
margin-top:8px;
}

.pdf-section a{
color:#4b0082;
text-decoration:underline;
font-weight:normal;
}

.pdf-section a:hover{
color:#000080;
}
/* MAIN IMAGE SECTION */
.pvc-layout{
display:flex;
align-items:flex-start;
gap:30px;
flex-wrap:nowrap;
}

/* BIG IMAGE */
.pvc-big-image img{
width:320px;
height:auto;
}

/* SECOND IMAGE */
.pvc-middle-image img{
width:220px;
border-radius:8px;
}

/* SMALL GALLERY */
.pvc-gallery{
display:flex;
flex-direction:column;
gap:10px;
}

/* SMALL IMAGES */
.pvc-gallery img{
width:90px;
height:90px;
object-fit:contain;
border:1px solid #ccc;
padding:4px;
background:#fff;
}