/* ========================================
   PAGE-SPECIFIC STYLES
   Bà Nà Hills Landing Page
======================================== */

/* ========== CUSTOMIZE: Hero Background Image ========== */
.hero {
    background-image: linear-gradient(135deg, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0.45) 100%), 
                      url('../img/ba-na-hills.jpg');
}

/* ========== OPTIONAL: Custom Color Scheme ========== */
/* Uncomment and modify if you want different colors for this page */

/*
.hero {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
}

.urgency-banner {
    background: linear-gradient(135deg, #ff6b6b 0%, #ff8e53 100%);
}

.btn-cta {
    background: linear-gradient(135deg, #ff6f00 0%, #ff8f00 100%);
}

.feature-title {
    color: #ff6f00;
}
*/

/* ========== PAGE-SPECIFIC: Make Low-Profit Card Less Attractive ========== */
/* Target the second product card (800.000đ - lowest price, least profit) */
.product-card:nth-of-type(2) {
    opacity: 0.85;
    filter: grayscale(10%);
}

.product-card:nth-of-type(2):hover {
    opacity: 0.92;
    filter: grayscale(5%);
}

.product-card:nth-of-type(2) .btn-cta {
    background: linear-gradient(135deg, #9e9e9e 0%, #757575 100%);
}

.product-card:nth-of-type(2) .btn-cta:hover {
    background: linear-gradient(135deg, #bdbdbd 0%, #9e9e9e 100%);
}

/* ========== OPTIONAL: Page-Specific Overrides ========== */
/* Add any custom styles specific to this landing page here */