@import url("https://fonts.googleapis.com/css2?family=Baloo+Thambi+2:wght@400;500;700&family=Poppins:wght@300;400;500;700&family=Rubik:wght@400;500&display=swap");

/* 2. BIẾN MÀU SẮC (Dùng chung cho cả web) */
:root {
    --primary-color: #c71585;
    --primary-gradient: linear-gradient(135deg, #c71585, #ff69b4);
    --secondary-color: #ffdeeb;
    --text-color: #333;
    --white: #ffffff;
    --shadow-soft: 0 5px 15px rgba(199, 21, 133, 0.15);
}

/* 3. THIẾT LẬP CHUNG (GLOBAL) */
body {
    font-family: 'Poppins', 'Rubik', sans-serif;
    color: var(--text-color);
    background-color: #fffafa; /* Nền web màu hồng phấn cực nhạt */
    padding-bottom: 80px !important; /* Chừa chỗ cho menu mobile */
}

a { text-decoration: none !important; transition: all 0.3s; }
ul { list-style: none; padding: 0; margin: 0; }
button:focus { outline: none; }

/* 4. HEADER & NAVBAR (ĐỒNG BỘ MÀU HỒNG) */
header, .navbar, .header-main, .main-header {
    background: var(--primary-gradient) !important;
    box-shadow: 0 4px 10px rgba(199, 21, 133, 0.2);
}

/* Màu chữ trên header */
header a, .navbar a, .header-main a { color: #fff !important; }

header .search-box input, .navbar input {
    border-radius: 50px; border: none; padding-left: 20px;
}

/* 5. CÁC NÚT BẤM (BUTTONS) - STYLE VIRAL */
.btn, button, .btn-primary, .action-btn {
    border-radius: 50px !important;
    font-weight: 600 !important;
    letter-spacing: 0.5px;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important;
}

.btn-primary, .btn-buy, .add-to-cart {
    background: var(--primary-gradient) !important;
    border: none !important; color: #fff !important;
    box-shadow: 0 4px 15px rgba(199, 21, 133, 0.3);
}

.btn-primary:hover, .btn-buy:hover {
    transform: translateY(-3px);
    box-shadow: 0 8px 20px rgba(199, 21, 133, 0.4);
}

/* 6. CARD SẢN PHẨM */
.product-card, .grid-item, .card {
    border: none !important; border-radius: 15px !important;
    background: #fff; overflow: hidden; transition: all 0.3s ease;
    box-shadow: 0 2px 10px rgba(0,0,0,0.05);
}

.product-card:hover, .grid-item:hover, .card:hover {
    transform: translateY(-5px); box-shadow: var(--shadow-soft);
}

/* Tiêu đề sản phẩm */
.product-title, h4, h5 {
    font-family: 'Baloo Thambi 2', cursive; color: #444;
}
.price { color: #c71585; font-weight: 700; font-size: 1.1rem; }

/* ================= FIX NÚT CHAT BỊ THẤP ================= */
#zalo-chat-widget, 
.zalo-chat-widget, 
.fb_dialog, 
.fb-customerchat,
.call-now-button {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    bottom: 120px !important; /* Đẩy lên cao 120px */
    z-index: 2147483647 !important;
}