/* ========================================
   PAGE-SPECIFIC STYLES
   NXB Kim Đồng 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/nxb-kim-dong-bg.jpg');
}

/* TODO: Add your background image to ../../img/nxb-kim-dong-bg.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;
}

.price {
    color: #667eea;
}
*/

/* ========== OPTIONAL: Custom Typography ========== */
/*
.hero h1 {
    font-size: 48px;
    letter-spacing: -1px;
}

.product-title {
    font-size: 26px;
}
*/

/* ========== OPTIONAL: Custom Animations ========== */
/*
@keyframes custom-pulse {
    0%, 100% { opacity: 1; }
    50% { opacity: 0.8; }
}

.custom-animation {
    animation: custom-pulse 2s infinite;
}
*/

/* Sử dụng biến từ core-theme.css */
.tech-badge {
    background: rgba(26, 26, 46, 0.8); /* Dùng mã rgba của màu tối */
    color: var(--color-primary); 
    font-family: var(--font-code);
    border: 1px solid var(--color-primary);
    box-shadow: 0 0 10px rgba(0, 230, 118, 0.2);
    /* ... các thuộc tính khác giữ nguyên ... */
}

.tips-section {
    background: #fff;
    border-left: 5px solid var(--color-primary);
}

.btn-cta {
    background: linear-gradient(135deg, var(--color-hot-deal) 0%, #ff6b81 100%) !important;
}