/* ================= PRODUCT DETAIL PAGE ================= */

/* Container spacing refinement */
.container.pt-5{
  padding-top:120px !important;
  padding-bottom:80px;
}

/* Product Title */
#product-name{
  font-weight:600;
  font-size:2rem;
  margin-bottom:10px;
  letter-spacing:-0.5px;
}

/* Product Price */
#product-price{
  font-size:1.2rem;
  color:var(--primary);
  font-weight:500;
}

/* Divider */
.container hr{
  margin:40px auto 60px auto;
  width:80px;
  border-top:3px solid var(--primary);
  border-radius:10px;
}

/* Product Layout Card Effect */
.container .row{
  background:#ffffff;
  border-radius:24px;
  box-shadow:0 20px 40px rgba(0,0,0,0.06);
  align-items:center;
}

/* Product Image */
.product-image{
  width:100%;
  border-radius:20px;
  box-shadow:0 15px 30px rgba(0,0,0,0.08);
  transition:0.3s ease;
}

.product-image:hover{
  transform:scale(1.03);
}

/* Product Details */
#product-details{
  font-size:1rem;
  line-height:1.8;
  color:var(--text-muted);
  margin-bottom:30px;
}

/* WhatsApp Button Styling */
#shop-shopee{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  width:100%;
  background:linear-gradient(135deg,#25D366,#1ebe5d);
  border:none;
  border-radius:50px;
  padding:14px 24px;
  font-weight:500;
  font-size:1rem;
  box-shadow:0 10px 25px rgba(37,211,102,0.25);
  transition:0.3s ease;
}

#shop-shopee:hover{
  transform:translateY(-4px);
  box-shadow:0 18px 35px rgba(37,211,102,0.35);
}

#shop-shopee img{
  width:22px;
  height:auto;
}

/* Navbar refinement */
.navbar{
  backdrop-filter:blur(10px);
}

/* Footer refinement */
footer{
  margin-top:80px;
  background:#111827 !important;
}

footer a{
  transition:0.3s ease;
}

footer a:hover{
  opacity:0.8;
}

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

@media (max-width:768px){

.container.pt-5{
  padding-top:90px !important;
}

.container .row{
  padding:25px !important;
  border-radius:20px;
}

#product-name{
  font-size:1.5rem;
}

#product-price{
  font-size:1rem;
}

.product-image{
  margin-bottom:30px;
}

}