/* 购物车按钮和数字徽章全新设计 */

/* 购物车图标容器基础样式 */
.cart-icon {
    position: relative !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 40px !important;
    height: 40px !important;
    border-radius: 50% !important;
    background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%) !important;
    border: 2px solid #e9ecef !important;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
    cursor: pointer !important;
    overflow: visible !important;
}

/* 购物车图标容器悬停效果 */
.cart-icon:hover {
    background: linear-gradient(135deg, #ffffff 0%, #f8f9fa 100%) !important;
    border-color: #e9ecef !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.1) !important;
}

/* 购物车图标容器激活状态 */
.cart-icon:active {
    transform: translateY(0) !important;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08) !important;
    border-color: #e9ecef !important;
}

/* 购物车图标链接样式 */
.cart-icon a {
    width: 100% !important;
    height: 100% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    color: #495057 !important;
    text-decoration: none !important;
    transition: color 0.3s ease !important;
    border-radius: 50% !important;
}

/* 购物车图标链接悬停效果 */
.cart-icon:hover a {
    color: #495057 !important;
}

/* 购物车SVG图标样式 */
.cart-icon svg {
    width: 20px !important;
    height: 20px !important;
    fill: currentColor !important;
    transition: transform 0.3s ease !important;
}

/* 购物车图标悬停时SVG效果 */
.cart-icon:hover svg {
    transform: none !important;
}

/* 购物车数字徽章全新设计 */
.cart-icon .cartCount {
    position: absolute !important;
    top: -5px !important;
    right: -5px !important;
    background: linear-gradient(135deg, #e51f14 0%, #d41a0f 100%) !important;
    color: #ffffff !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    min-width: 18px !important;
    height: 18px !important;
    border-radius: 9px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0 5px !important;
    line-height: 1 !important;
    z-index: 20 !important;
    box-shadow: 0 3px 10px rgba(229, 31, 20, 0.3) !important;
    border: 2px solid #ffffff !important;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important;
    letter-spacing: 0.5px !important;
}

/* 购物车数字徽章悬停效果 */
.cart-icon:hover .cartCount {
    background: linear-gradient(135deg, #d41a0f 0%, #c4180e 100%) !important;
    transform: scale(1.1) !important;
    box-shadow: 0 5px 15px rgba(229, 31, 20, 0.4) !important;
}

/* 购物车数字徽章激活效果 */
.cart-icon:active .cartCount {
    transform: scale(0.95) !important;
}

/* 当购物车为空时的样式 */
.cart-icon .cartCount:empty,
.cart-icon .cartCount[data-count="0"],
.cart-icon .cartCount[style*="display: none"] {
    display: none !important;
}

/* 购物车数字徽章脉冲动画 */
.cart-icon .cartCount {
    animation: cartBadgePulse 2s ease-in-out infinite !important;
}

@keyframes cartBadgePulse {
    0%, 100% {
        transform: scale(1);
        box-shadow: 0 3px 10px rgba(229, 31, 20, 0.3);
    }
    50% {
        transform: scale(1.05);
        box-shadow: 0 5px 15px rgba(229, 31, 20, 0.4);
    }
}

/* 购物车图标悬停时暂停脉冲动画 */
.cart-icon:hover .cartCount {
    animation-play-state: paused !important;
}

/* 响应式设计 - 平板端 */
@media (max-width: 1024px) {
    .cart-icon,
    .search-icon,
    .icon-search,
    .search-btn,
    .user-avatar,
    .avatar-icon,
    .user-icon,
    .profile-icon,
    .hamburger-icon,
    .menu-icon,
    .nav-toggle,
    .svg-mb,
    .leftbtn {
        width: 36px !important;
        height: 36px !important;
    }
    
    .cart-icon svg,
    .search-icon svg,
    .icon-search svg,
    .search-btn svg,
    .user-avatar svg,
    .avatar-icon svg,
    .user-icon svg,
    .profile-icon svg,
    .hamburger-icon svg,
    .menu-icon svg,
    .nav-toggle svg {
        width: 18px !important;
        height: 18px !important;
    }
    
    .user-avatar img,
    .avatar-icon img,
    .user-icon img,
    .profile-icon img {
        width: 22px !important;
        height: 22px !important;
    }
    
    .cart-icon .cartCount {
        top: -4px !important;
        right: -4px !important;
        min-width: 16px !important;
        height: 16px !important;
        font-size: 10px !important;
        padding: 0 4px !important;
    }
}

/* 响应式设计 - 手机端 */
@media (max-width: 768px) {
    .cart-icon,
    .search-icon,
    .icon-search,
    .search-btn,
    .user-avatar,
    .avatar-icon,
    .user-icon,
    .profile-icon,
    .hamburger-icon,
    .menu-icon,
    .nav-toggle,
    .svg-mb,
    .leftbtn {
        width: 32px !important;
        height: 32px !important;
        border-width: 1.5px !important;
    }
    
    .cart-icon svg,
    .search-icon svg,
    .icon-search svg,
    .search-btn svg,
    .user-avatar svg,
    .avatar-icon svg,
    .user-icon svg,
    .profile-icon svg,
    .hamburger-icon svg,
    .menu-icon svg,
    .nav-toggle svg {
        width: 16px !important;
        height: 16px !important;
    }
    
    .user-avatar img,
    .avatar-icon img,
    .user-icon img,
    .profile-icon img {
        width: 20px !important;
        height: 20px !important;
    }
    
    .cart-icon .cartCount {
        top: -3px !important;
        right: -3px !important;
        min-width: 15px !important;
        height: 15px !important;
        font-size: 9px !important;
        padding: 0 3px !important;
        border-width: 1.5px !important;
    }
    
    /* 手机端悬停效果调整 */
                .cart-icon:hover,
            .search-icon:hover,
            .icon-search:hover,
            .search-btn:hover,
            .user-avatar:hover,
            .avatar-icon:hover,
            .user-icon:hover,
            .profile-icon:hover,
            .hamburger-icon:hover,
            .menu-icon:hover,
            .nav-toggle:hover {
                transform: translateY(-1px) !important;
                box-shadow: 0 6px 20px rgba(0, 0, 0, 0.08) !important;
            }
}

/* 响应式设计 - 超小屏幕 */
@media (max-width: 480px) {
    .cart-icon,
    .search-icon,
    .icon-search,
    .search-btn,
    .user-avatar,
    .avatar-icon,
    .user-icon,
    .profile-icon,
    .hamburger-icon,
    .menu-icon,
    .nav-toggle,
    .svg-mb,
    .leftbtn {
        width: 28px !important;
        height: 28px !important;
        border-width: 1px !important;
    }
    
    .cart-icon svg,
    .search-icon svg,
    .icon-search svg,
    .search-btn svg,
    .user-avatar svg,
    .avatar-icon svg,
    .user-icon svg,
    .profile-icon svg,
    .hamburger-icon svg,
    .menu-icon svg,
    .nav-toggle svg {
        width: 14px !important;
        height: 14px !important;
    }
    
    .user-avatar img,
    .avatar-icon img,
    .user-icon img,
    .profile-icon img {
        width: 18px !important;
        height: 18px !important;
    }
    
    .cart-icon .cartCount {
        top: -2px !important;
        right: -2px !important;
        min-width: 14px !important;
        height: 14px !important;
        font-size: 8px !important;
        padding: 0 2px !important;
        border-width: 1px !important;
    }
}

/* 响应式设计 - 最小屏幕 */
@media (max-width: 375px) {
    .cart-icon,
    .search-icon,
    .icon-search,
    .search-btn,
    .user-avatar,
    .avatar-icon,
    .user-icon,
    .profile-icon,
    .hamburger-icon,
    .menu-icon,
    .nav-toggle,
    .svg-mb,
    .leftbtn {
        width: 24px !important;
        height: 24px !important;
    }
    
    .cart-icon svg,
    .search-icon svg,
    .icon-search svg,
    .search-btn svg,
    .user-avatar svg,
    .avatar-icon svg,
    .user-icon svg,
    .profile-icon svg,
    .hamburger-icon svg,
    .menu-icon svg,
    .nav-toggle svg {
        width: 12px !important;
        height: 12px !important;
    }
    
    .user-avatar img,
    .avatar-icon img,
    .user-icon img,
    .profile-icon img {
        width: 16px !important;
        height: 16px !important;
    }
    
    .cart-icon .cartCount {
        top: -1px !important;
        right: -1px !important;
        min-width: 12px !important;
        height: 12px !important;
        font-size: 7px !important;
        padding: 0 1px !important;
    }
}

/* 触摸设备优化 */
@media (hover: none) {
    .cart-icon,
    .search-icon,
    .icon-search,
    .search-btn,
    .user-avatar,
    .avatar-icon,
    .user-icon,
    .profile-icon,
    .hamburger-icon,
    .menu-icon,
    .nav-toggle {
        /* 触摸设备下减少阴影 */
        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1) !important;
    }
    
    .cart-icon:active,
    .search-icon:active,
    .icon-search:active,
    .search-btn:active,
    .user-avatar:active,
    .avatar-icon:active,
    .user-icon:active,
    .profile-icon:active,
    .hamburger-icon:active,
    .menu-icon:active,
    .nav-toggle:active,
    .svg-mb:active,
    .leftbtn:active {
        transform: none !important;
        background: transparent !important;
        border: none !important;
    }
    
    .cart-icon .cartCount {
        /* 触摸设备下减少动画 */
        animation: none !important;
    }
    
    .cart-icon:active .cartCount {
        transform: none !important;
    }
}

/* 高对比度模式支持 */
@media (prefers-contrast: high) {
    .cart-icon,
    .search-icon,
    .icon-search,
    .search-btn,
    .user-avatar,
    .avatar-icon,
    .user-icon,
    .profile-icon,
    .hamburger-icon,
    .menu-icon,
    .nav-toggle,
    .svg-mb,
    .leftbtn {
        border: none !important;
        background: transparent !important;
    }
    
    .cart-icon .cartCount {
        background: #000000 !important;
        color: #ffffff !important;
        border-color: #ffffff !important;
    }
}

/* 减少动画模式支持 */
@media (prefers-reduced-motion: reduce) {
    .cart-icon,
    .cart-icon .cartCount,
    .search-icon,
    .icon-search,
    .search-btn,
    .user-avatar,
    .avatar-icon,
    .user-icon,
    .profile-icon,
    .hamburger-icon,
    .menu-icon,
    .nav-toggle {
        animation: none !important;
        transition: none !important;
    }
    
    .cart-icon:hover,
    .search-icon:hover,
    .icon-search:hover,
    .search-btn:hover,
    .user-avatar:hover,
    .avatar-icon:hover,
    .user-icon:hover,
    .profile-icon:hover,
    .hamburger-icon:hover,
    .menu-icon:hover,
    .nav-toggle:hover,
    .svg-mb:hover,
    .leftbtn:hover {
        transform: none !important;
    }
    
    .cart-icon:hover .cartCount {
        transform: none !important;
    }
}

/* 确保在所有浏览器中的兼容性 */
.cart-icon,
.search-icon,
.icon-search,
.search-btn,
.user-avatar,
.avatar-icon,
.user-icon,
.profile-icon,
    .hamburger-icon,
    .menu-icon,
    .nav-toggle,
    .svg-mb,
    .leftbtn {
        /* 跨浏览器兼容性 */
        -webkit-user-select: none !important;
        -moz-user-select: none !important;
        -ms-user-select: none !important;
        user-select: none !important;
        
        /* 触摸操作优化 */
        -webkit-touch-callout: none !important;
        -webkit-tap-highlight-color: transparent !important;
    }

/* 购物车图标焦点状态 */
.cart-icon:focus-within {
    outline: none !important;
    outline-offset: 0 !important;
    border-radius: 50% !important;
}

/* 购物车图标焦点状态下的徽章 */
.cart-icon:focus-within .cartCount {
    background: linear-gradient(135deg, #e51f14 0%, #d41a0f 100%) !important;
    box-shadow: 0 3px 10px rgba(229, 31, 20, 0.3) !important;
    transform: none !important;
}

/* 其他按钮焦点状态 */
.search-icon:focus-within,
.icon-search:focus-within,
.search-btn:focus-within,
.user-avatar:focus-within,
.avatar-icon:focus-within,
.user-icon:focus-within,
.profile-icon:focus-within,
.hamburger-icon:focus-within,
.menu-icon:focus-within,
.nav-toggle:focus-within,
.svg-mb:focus-within,
.leftbtn:focus-within {
    outline: none !important;
    outline-offset: 0 !important;
    border-radius: 50% !important;
}

/* 确保在所有主题下都正确显示 */
.cart-icon svg,
.cart-icon i,
.cart-icon .icon {
    position: relative !important;
    z-index: 1 !important;
}

/* 强制去除所有icon-search的边框和选中效果 */
.icon-search,
.icon-search:hover,
.icon-search:active,
.icon-search:focus,
.icon-search:focus-within {
    outline: none !important;
    border: none !important;
    box-shadow: none !important;
    background: transparent !important;
    color: #495057 !important;
}

.icon-search svg,
.icon-search:hover svg,
.icon-search:active svg,
.icon-search:focus svg {
    transform: none !important;
    transition: none !important;
}

.icon-search a,
.icon-search:hover a,
.icon-search:active a,
.icon-search:focus a {
    color: #495057 !important;
    outline: none !important;
    border: none !important;
}

/* 强制去除所有cart-icon和svg-mb的边框和选中效果 */
.cart-icon,
.cart-icon:hover,
.cart-icon:active,
.cart-icon:focus,
.cart-icon:focus-within,
.svg-mb,
.svg-mb:hover,
.svg-mb:active,
.svg-mb:focus,
.svg-mb:focus-within {
    outline: none !important;
    border: none !important;
    box-shadow: none !important;
    background: transparent !important;
}

.cart-icon svg,
.cart-icon:hover svg,
.cart-icon:active svg,
.cart-icon:focus svg,
.svg-mb svg,
.svg-mb:hover svg,
.svg-mb:active svg,
.svg-mb:focus svg {
    transform: none !important;
    transition: none !important;
}

.cart-icon a,
.cart-icon:hover a,
.cart-icon:active a,
.cart-icon:focus a,
.svg-mb a,
.svg-mb:hover a,
.svg-mb:active a,
.svg-mb:focus a {
    outline: none !important;
    border: none !important;
    color: #495057 !important;
}

/* 修复可能的z-index冲突 */
.cart-icon {
    z-index: 5 !important;
}

/* ===== 搜索按钮全新设计 ===== */
.search-icon,
.icon-search,
.search-btn {
    position: relative !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 40px !important;
    height: 40px !important;
    border-radius: 50% !important;
    background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%) !important;
    border: 2px solid #e9ecef !important;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
    cursor: pointer !important;
    overflow: visible !important;
    z-index: 5 !important;
}

/* 搜索按钮悬停效果 */
.search-icon:hover,
.icon-search:hover,
.search-btn:hover {
    background: linear-gradient(135deg, #ffffff 0%, #f8f9fa 100%) !important;
    border-color: #e9ecef !important;
    transform: none !important;
    box-shadow: none !important;
}

/* 搜索按钮激活状态 */
.search-icon:active,
.icon-search:active,
.search-btn:active {
    transform: none !important;
    box-shadow: none !important;
    background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%) !important;
}

/* 搜索按钮链接样式 */
.search-icon a,
.icon-search a,
.search-btn a {
    width: 100% !important;
    height: 100% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    color: #495057 !important;
    text-decoration: none !important;
    transition: color 0.3s ease !important;
    border-radius: 50% !important;
}

/* 搜索按钮链接悬停效果 */
.search-icon:hover a,
.icon-search:hover a,
.search-btn:hover a {
    color: #495057 !important;
}

/* 搜索按钮SVG图标样式 */
.search-icon svg,
.icon-search svg,
.search-btn svg {
    width: 20px !important;
    height: 20px !important;
    fill: currentColor !important;
    transition: transform 0.3s ease !important;
}

/* 搜索按钮悬停时SVG效果 */
.search-icon:hover svg,
.icon-search:hover svg,
.search-btn:hover svg {
    transform: none !important;
}

/* ===== 用户头像全新设计 ===== */
.user-avatar,
.avatar-icon,
.user-icon,
.profile-icon {
    position: relative !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 40px !important;
    height: 40px !important;
    border-radius: 50% !important;
    background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%) !important;
    border: 2px solid #e9ecef !important;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
    cursor: pointer !important;
    overflow: visible !important;
    z-index: 5 !important;
}

/* 用户头像悬停效果 */
.user-avatar:hover,
.avatar-icon:hover,
.user-icon:hover,
.profile-icon:hover {
    background: linear-gradient(135deg, #ffffff 0%, #f8f9fa 100%) !important;
    border-color: #e9ecef !important;
    transform: none !important;
    box-shadow: none !important;
}

/* 用户头像激活状态 */
.user-avatar:active,
.avatar-icon:active,
.user-icon:active,
.profile-icon:active {
    transform: none !important;
    box-shadow: none !important;
    background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%) !important;
}

/* 用户头像链接样式 */
.user-avatar a,
.avatar-icon a,
.user-icon a,
.profile-icon a {
    width: 100% !important;
    height: 100% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    color: #495057 !important;
    text-decoration: none !important;
    transition: color 0.3s ease !important;
    border-radius: 50% !important;
}

/* 用户头像链接悬停效果 */
.user-avatar:hover a,
.avatar-icon:hover a,
.user-icon:hover a,
.profile-icon:hover a {
    color: #495057 !important;
}

/* 用户头像图片样式 */
.user-avatar img,
.avatar-icon img,
.user-icon img,
.profile-icon img {
    width: 24px !important;
    height: 24px !important;
    border-radius: 50% !important;
    object-fit: cover !important;
    transition: transform 0.3s ease !important;
}

/* 用户头像悬停时图片效果 */
.user-avatar:hover img,
.avatar-icon:hover img,
.user-icon:hover img,
.profile-icon:hover img {
    transform: none !important;
}

/* 用户头像SVG图标样式 */
.user-avatar svg,
.avatar-icon svg,
.user-icon svg,
.profile-icon svg {
    width: 20px !important;
    height: 20px !important;
    fill: currentColor !important;
    transition: transform 0.3s ease !important;
}

/* 用户头像悬停时SVG效果 */
.user-avatar:hover svg,
.avatar-icon:hover svg,
.user-icon:hover svg,
.profile-icon:hover svg {
    transform: none !important;
}

/* ===== 汉堡菜单按钮全新设计 ===== */
.hamburger-icon,
.menu-icon,
.nav-toggle,
.svg-mb,
.leftbtn {
    position: relative !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 40px !important;
    height: 40px !important;
    border-radius: 0 !important;
    background: transparent !important;
    border: none !important;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
    cursor: pointer !important;
    overflow: visible !important;
    z-index: 5 !important;
}

/* 汉堡菜单按钮悬停效果 */
.hamburger-icon:hover,
.menu-icon:hover,
.nav-toggle:hover,
.svg-mb:hover,
.leftbtn:hover {
    background: transparent !important;
    border: none !important;
    transform: none !important;
    box-shadow: none !important;
}

/* 汉堡菜单按钮激活状态 */
.hamburger-icon:active,
.menu-icon:active,
.nav-toggle:active,
.svg-mb:active,
.leftbtn:active {
    transform: none !important;
    box-shadow: none !important;
    background: transparent !important;
}

/* 汉堡菜单按钮链接样式 */
.hamburger-icon a,
.menu-icon a,
.nav-toggle a,
.svg-mb a,
.leftbtn a {
    width: 100% !important;
    height: 100% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    color: #495057 !important;
    text-decoration: none !important;
    transition: color 0.3s ease !important;
    border-radius: 0 !important;
}

/* 汉堡菜单按钮链接悬停效果 */
.hamburger-icon:hover a,
.menu-icon:hover a,
.nav-toggle:hover a,
.svg-mb:hover a,
.leftbtn:hover a {
    color: #495057 !important;
}

/* 汉堡菜单按钮SVG图标样式 */
.hamburger-icon svg,
.menu-icon svg,
.nav-toggle svg,
.svg-mb svg,
.leftbtn svg {
    width: 20px !important;
    height: 20px !important;
    fill: currentColor !important;
    transition: transform 0.3s ease !important;
}

/* 汉堡菜单按钮悬停时SVG效果 */
.hamburger-icon:hover svg,
.menu-icon:hover svg,
.nav-toggle:hover svg,
.svg-mb:hover svg,
.leftbtn:hover svg {
    transform: none !important;
}

/* 强制覆盖其他样式 */
.cart-icon .cartCount {
    /* 确保位置正确 */
    position: absolute !important;
    top: -5px !important;
    right: -5px !important;
    
    /* 确保显示正确 */
    display: flex !important;
    visibility: visible !important;
    opacity: 1 !important;
    
    /* 确保尺寸正确 */
    min-width: 18px !important;
    height: 18px !important;
    
    /* 确保字体正确 */
    font-size: 11px !important;
    font-weight: 700 !important;
    color: #ffffff !important;
    
    /* 确保背景正确 */
    background: linear-gradient(135deg, #e51f14 0%, #d41a0f 100%) !important;
    
    /* 确保圆角正确 */
    border-radius: 9px !important;
    
    /* 确保对齐正确 */
    align-items: center !important;
    justify-content: center !important;
    
    /* 确保z-index正确 */
    z-index: 20 !important;
}

/* 特殊情况下隐藏徽章 */
.cart-icon .cartCount[style*="display: none"],
.cart-icon .cartCount[style*="visibility: hidden"] {
    display: flex !important;
    visibility: visible !important;
}

/* 确保徽章在购物车图标上方 */
.cart-icon .cartCount {
    pointer-events: none !important;
}

/* 购物车图标悬停时徽章效果 */
.cart-icon:hover .cartCount {
    transform: none !important;
    transition: none !important;
}

/* 最终强制覆盖 - 确保所有按钮都没有边框选中效果 */
*[class*="cart-icon"],
*[class*="svg-mb"],
*[class*="icon-search"],
*[class*="hamburger-icon"],
*[class*="menu-icon"],
*[class*="nav-toggle"],
*[class*="user-avatar"],
*[class*="avatar-icon"],
*[class*="user-icon"],
*[class*="profile-icon"] {
    outline: none !important;
    border: none !important;
    box-shadow: none !important;
    background: transparent !important;
}

*[class*="cart-icon"]:hover,
*[class*="svg-mb"]:hover,
*[class*="icon-search"]:hover,
*[class*="hamburger-icon"]:hover,
*[class*="menu-icon"]:hover,
*[class*="nav-toggle"]:hover,
*[class*="user-avatar"]:hover,
*[class*="avatar-icon"]:hover,
*[class*="user-icon"]:hover,
*[class*="profile-icon"]:hover {
    outline: none !important;
    border: none !important;
    box-shadow: none !important;
    background: transparent !important;
    transform: none !important;
}

*[class*="cart-icon"]:active,
*[class*="svg-mb"]:active,
*[class*="icon-search"]:active,
*[class*="hamburger-icon"]:active,
*[class*="menu-icon"]:active,
*[class*="nav-toggle"]:active,
*[class*="user-avatar"]:active,
*[class*="avatar-icon"]:active,
*[class*="user-icon"]:active,
*[class*="profile-icon"]:active {
    outline: none !important;
    border: none !important;
    box-shadow: none !important;
    background: transparent !important;
    transform: none !important;
}

*[class*="cart-icon"]:focus,
*[class*="svg-mb"]:focus,
*[class*="icon-search"]:focus,
*[class*="hamburger-icon"]:focus,
*[class*="menu-icon"]:focus,
*[class*="nav-toggle"]:focus,
*[class*="user-avatar"]:focus,
*[class*="avatar-icon"]:focus,
*[class*="user-icon"]:focus,
*[class*="profile-icon"]:focus {
    outline: none !important;
    border: none !important;
    box-shadow: none !important;
    background: transparent !important;
    transform: none !important;
}

*[class*="cart-icon"]:focus-within,
*[class*="svg-mb"]:focus-within,
*[class*="icon-search"]:focus-within,
*[class*="hamburger-icon"]:focus-within,
*[class*="menu-icon"]:focus-within,
*[class*="nav-toggle"]:focus-within,
*[class*="user-avatar"]:focus-within,
*[class*="avatar-icon"]:focus-within,
*[class*="user-icon"]:focus-within,
*[class*="profile-icon"]:focus-within {
    outline: none !important;
    border: none !important;
    box-shadow: none !important;
    background: transparent !important;
    transform: none !important;
}