body { font-family: 'Sarabun', sans-serif; overflow-x: hidden; }
.hero-section { background-size: cover; background-position: center; height: 60vh; min-height: 400px; display: flex; align-items: center; justify-content: center; position: relative; color: white; text-align: center; }
.hero-section::after { content: ''; position: absolute; top:0; left:0; width:100%; height:100%; background: rgba(0,0,0,0.5); z-index: 1;}
.hero-content { position: relative; z-index: 2; width: 100%; padding: 0 15px; }

/* Desktop Hover Menu */
@media all and (min-width: 992px) {
    .navbar .dropdown:hover .dropdown-menu { display: block; margin-top: 0; }
}
.navbar-nav .nav-link { font-weight: 500; color: #444; transition: all 0.3s ease; }
.navbar-nav .nav-link:hover, .navbar-nav .nav-link.text-danger { color: #d9534f !important; }

/* Image Hover Zoom Animation */
.img-hover-zoom { transition: transform 0.5s ease; cursor: pointer; display: block; overflow: hidden; }
.img-hover-zoom:hover { transform: scale(1.08); }

/* Text Hover Scale */
.hover-scale { transition: transform 0.3s ease; display: inline-block; }
.hover-scale:hover { transform: scale(1.1); }
.hover-text-warning:hover { color: #ffc107 !important; }
.cursor-pointer { cursor: pointer; }

/* Card Customization */
.product-card { transition: all 0.3s ease; border-radius: 10px; overflow: hidden; border: none; }
.product-card:hover { transform: translateY(-10px); box-shadow: 0 15px 30px rgba(0,0,0,0.1) !important; }

/* Mobile Optimization for Hero */
@media (max-width: 768px) {
    .hero-section { height: 40vh; min-height: 300px; }
    .hero-content h1 { font-size: 2rem; }
}