/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/

@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/


} /* ===== THANH GỌI + ZALO ===== */ .vip-bar { position: fixed; bottom: 0; width: 100%; display: flex; z-index: 9999; } .vip-bar a { flex: 1; text-align: center; padding: 14px; color: #fff; font-weight: bold; text-decoration: none; font-size: 16px; } .vip-call { background: #e53935; } .vip-zalo { background: #0084ff; } /* ===== NÚT TRÒN FLOAT ===== */ .vip-float { position: fixed; left: 15px; bottom: 100px; z-index: 9999; } .vip-float a { display: block; margin-bottom: 10px; width: 55px; height: 55px; border-radius: 50%; text-align: center; line-height: 55px; color: #fff; font-size: 22px; } /* Nút gọi rung */ .vip-phone { background: red; animation: rung 0.8s infinite; } /* Nút Zalo */ .vip-zalo-btn { background: #0084ff; } /* Animation rung */ @keyframes rung { 0% { transform: rotate(0); } 25% { transform: rotate(15deg); } 50% { transform: rotate(-15deg); } 75% { transform: rotate(15deg); } 100% { transform: rotate(0); } } /* CARD dịch vụ */ .service-box { border-radius: 12px; padding: 20px; background: #fff; box-shadow: 0 5px 20px rgba(0,0,0,0.1); transition: 0.3s; } .service-box:hover { transform: translateY(-5px); } /* Nút đẹp */ .btn-vip { background: linear-gradient(45deg, #ff0000, #ff6600); color: #fff; padding: 12px 25px; border-radius: 30px; font-weight: bold; text-decoration: none; } .btn-vip:hover { opacity: 0.9; } /* Tiêu đề */ .section-title { font-size: 26px; font-weight: bold; margin-bottom: 20px; }