/* Ẩn icon/SVG cũ bị lỗi bên trong nút Zalo */
.adamshop-float a.fz * {
    display: none !important;
}

/* Thay bằng Logo Zalo chính hãng sắc nét */
.adamshop-float a.fz {
    background-color: #0068FF !important;
    background-image: url("https://page.widget.zalo.me/static/images/2.0/Logo.svg") !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: 32px 32px !important;
    border-radius: 50% !important;
    animation: zaloRipple 1.8s infinite !important;
}

/* Hiệu ứng sóng lan tỏa mượt mà xung quanh nút */
@keyframes zaloRipple {
    0% {
        box-shadow: 0 0 0 0 rgba(0, 104, 255, 0.7);
    }
    70% {
        box-shadow: 0 0 0 15px rgba(0, 104, 255, 0);
    }
    100% {
        box-shadow: 0 0 0 0 rgba(0, 104, 255, 0);
    }
}
/* Đổi nền nút điện thoại sang màu đỏ & thêm hiệu ứng sóng tỏa */
.adamshop-float a.fp {
    background: #ff0000 !important;
    background-color: #ff0000 !important;
    border-radius: 50% !important;
    animation: phoneRipple 1.8s infinite !important;
}

/* Hiệu ứng sóng nhấp nháy lan tỏa màu đỏ */
@keyframes phoneRipple {
    0% {
        box-shadow: 0 0 0 0 rgba(255, 0, 0, 0.8);
    }
    70% {
        box-shadow: 0 0 0 15px rgba(255, 0, 0, 0);
    }
    100% {
        box-shadow: 0 0 0 0 rgba(255, 0, 0, 0);
    }
}
@media (max-width: 768px) {
    /* 1. Khung nền hồng chính */
    html body .adamshop-topbar {
        background-color: #FF00A0 !important;
        padding: 8px 5px !important;
        text-align: center !important;
        position: relative !important;
        display: block !important;
        width: 100% !important;
        box-sizing: border-box !important;
    }

    /* 2. ĐẨY TRIỆT ĐỂ toàn bộ nút cũ và khung con ra khỏi màn hình */
    html body .adamshop-topbar *,
    html body .adamshop-topbar div,
    html body .adamshop-topbar a,
    html body .adamshop-topbar span,
    html body .adamshop-topbar p,
    html body .adamshop-topbar .container {
        display: none !important;
        visibility: hidden !important;
        opacity: 0 !important;
        position: absolute !important;
        left: -9999px !important;
        top: -9999px !important;
        width: 0 !important;
        height: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        border: none !important;
        background: none !important;
    }

    /* 3. HIỆN DUY NHẤT 1 DÒNG CHỮ VÀNG CHUẨN */
    html body .adamshop-topbar::after {
        content: "HOTLINE: 0396.25.02.86" !important;
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
        color: #FFFF00 !important;
        font-size: 17px !important;
        font-weight: 900 !important;
        text-align: center !important;
        width: 100% !important;
        margin: 0 auto !important;
        position: static !important;
        /* Hiệu ứng mờ - hiện */
        -webkit-animation: moHienText 4s ease-in-out infinite !important;
        animation: moHienText 4s ease-in-out infinite !important;
    }
}

/* Hiệu ứng mờ - hiện */
@-webkit-keyframes moHienText {
    0%, 100% { opacity: 1; }
    30%, 70% { opacity: 0.2; }
}

@keyframes moHienText {
    0%, 100% { opacity: 1; }
    30%, 70% { opacity: 0.2; }
}
/* =========================================================
   1. KHUNG HOTLINE TOPBAR CHỚP ĐÈN (VỊ TRÍ 1)
   ========================================================= */
@media (max-width: 768px) {
    .adamshop-topbar {
        display: flex !important;
        justify-content: center !important;
        align-items: center !important;
        min-height: 38px !important;
        padding: 4px 0 !important;
        background-color: #ff0080 !important;
    }

    /* Ẩn chữ thừa bên trái */
    .adamshop-topbar .adamshop-container > *:first-child {
        display: none !important;
    }

    /* Khung Hotline màu đỏ viền vàng chớp nháy */
    .adamshop-topbar .adamshop-container > *:last-child {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        font-size: 13px !important;
        color: #ffffff !important;
        visibility: visible !important;
        opacity: 1 !important;
        padding: 4px 12px !important;
        background-color: #ff0000 !important;
        border: 2px solid #ffff00 !important;
        border-radius: 4px !important;
        -webkit-animation: chopDienHotline 0.6s infinite alternate !important;
        animation: chopDienHotline 0.6s infinite alternate !important;
    }

    .adamshop-topbar .adamshop-container > *:last-child * {
        display: inline !important;
        font-size: 13px !important;
        color: #ffffff !important;
        font-weight: bold !important;
        visibility: visible !important;
        opacity: 1 !important;
    }
}

@-webkit-keyframes chopDienHotline {
    0% { border-color: #ffff00; -webkit-box-shadow: 0 0 10px #ffff00; }
    100% { border-color: #ffffff; -webkit-box-shadow: 0 0 3px #ffffff; }
}
@keyframes chopDienHotline {
    0% { border-color: #ffff00; box-shadow: 0 0 10px #ffff00; }
    100% { border-color: #ffffff; box-shadow: 0 0 3px #ffffff; }
}

/* Khung chữ chạy Oval - Chuẩn phối màu hồng phấn theo ảnh */
@media (max-width: 768px) {
    .adamshop-brand-row::after,
    .adamshop-header-inner.adamshop-brand-row::after {
        content: "HÂN HẠNH ĐƯỢC PHỤC VỤ QUÝ KHÁCH -  MONG QUÝ KHÁCH CÓ NHỮNG TRẢI NGHIỆM TUYỆT VỜI NHẤT - VUI LÒNG LIÊN HỆ 0396.25.02.86 - 0906.253.758" !important;
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
        width: 92% !important;
        margin: 8px auto !important;
        padding:  !important;
        /* Tông màu giống hệt hình ảnh */
        background-color: #fff0f6 !important; /* Nền hồng phấn siêu nhạt */
        border: 1px solid #ff69b4 !important; /* Viền hồng mảnh */
        color: #d80075 !important;           /* Chữ hồng tím đậm */
        border-radius: 30px !important;      /* Bo tròn dáng Oval */
        font-size: 12px !important;
        font-weight: bold !important;
        text-align: center !important;
        box-sizing: border-box !important;
        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
text-overflow: clip !important;
color: #FF0CB4 !important;
line-height: 28px !important;
height: 28px !important;
    }
}