{bo góc nút mua
}
.wsb-button {
    color: #ffffff !important;
    background-color: #1d5ed7 !important;
    border-color: #ffffff !important;
    border-radius: 7px;

}

{bo góc nút thêm vào giỏ hàng
}
.quantity+.button {
    margin-right: 0;
    font-size: 1em;
    border-radius: 6px;
}


{bo góc nút tìm kiếm}

.searchform .button.icon {
    margin: 0;
    border-radius: 4px;
}


pre, blockquote, form, figure, p, dl, ul, ol {
    margin-bottom: 0.5em;
}


{GIAO DIỆN TIÊU ĐỀ}


.section-title-normal span {
    margin-right: 15px;
    padding-bottom: 7.5px;
    border-bottom: 2px solid rgba(0,0,0,.1);
    margin-bottom: -2px;
    background: #0071b8;
    color: #ffffff;
    padding: 6px 20px;
    font-size: 16px;
}

{cHÂN, NỀN KHUNG HỘP TIÊU ĐỀ sản phẩm trang chủ}
.section-title-normal {
    border-bottom: 2px solid #0071b8;
	border-top: px solid #0071b8;
	border-right: px solid #0071b8;
	
	
    background: #F7F7F7;
}


{tim kiếm mobile}

/* 1. Nền toàn bộ trang màu xám nhạt */
body.single-product {
    background-color: #f4f5f7 !important;
}

---------------------------------

/* --- 1. TẠO ĐỘ SÂU & NỔI BẬT CHO HEADER --- */
/* Thêm bóng đổ nhẹ phía dưới thanh Header chính */
#header {
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08) !important;
    position: relative;
    z-index: 99;
}

/* --- 2. TỐI ƯU NÚT YÊU THÍCH VÀ GIỎ HÀNG --- */
/* Bo góc tròn mượt, thêm hiệu ứng nổi khối khi di chuột */
.header-main .button.is-outline,
.header-main .cart-link,
.header-main .button {
    border-radius: 20px !important; /* Bo góc tròn hiện đại */
    transition: all 0.3s ease !important;
    font-weight: bold !important;
}

/* Hiệu ứng nảy nhẹ khi di chuột vào nút Giỏ hàng & Yêu thích */
.header-main .button:hover,
.header-main .cart-link:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15) !important;
}

/* Làm nổi bật số lượng sản phẩm trong Giỏ hàng (badge tròn đỏ) */
.cart-icon strong,
.image-icon .badge {
    background-color: #ff3b30 !important; /* Đỏ cam rực rỡ */
    color: #ffffff !important;
    border-radius: 50% !important;
    font-size: 11px !important;
    padding: 2px 6px !important;
    box-shadow: 0 2px 4px rgba(0,0,0,0.2) !important;
}

/* --- 3. ĐIỂM NHẤN CHO MENU CHÍNH (NAVIGATION) --- */
/* Tối ưu các mục Menu chính */
.nav > li > a {
    font-size: 14px !important;
    font-weight: 600 !important;
    letter-spacing: 0.3px !important;
    transition: color 0.25s ease !important;
    position: relative;
}

/* Hiệu ứng gạch chân chạy từ trái sang phải khi rê chuột vào Menu */
.nav > li > a::after {
    content: '';
    position: absolute;
    width: 0;
    height: 2px;
    bottom: 5px;
    left: 50%;
    background-color: #ffffff;
    transition: all 0.3s ease;
    transform: translateX(-50%);
}

.nav > li:hover > a::after {
    width: 70%;
}

/* Nút Danh mục sản phẩm nổi bật hơn */
.nav-dropdown-toggle,
.header-nav .header-nav-main > li:first-child > a {
    background: rgba(255, 255, 255, 0.15) !important;
    border-radius: 4px !important;
    padding-left: 12px !important;
    padding-right: 12px !important;
}

/* --- 4. TỐI ƯU THANH TOP BAR TRÊN CÙNG --- */
/* Làm thanh thông tin Gmail | Hotline nét hơn */
#top-bar {
    border-bottom: 1px solid rgba(255, 255, 255, 0.12) !important;
    font-size: 13px !important;
}

#top-bar a:hover {
    color: #ffeb3b !important; /* Đổi màu vàng nhạt khi di chuột vào hotline/email */
}