body{font-family:Mulish;}/* --- SỬA LẦN 9: Tăng Opacity (Độ rõ) lên 40% --- */

/* 1. Kiểu dáng NỀN (container) của nút */
.owl-nav .owl-prev,
.owl-nav .owl-next {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 30px !important;
    height: 50px !important;
    border-radius: 4px !important;

    /* === THAY ĐỔI CHÍNH === */
    border: none !important;
    opacity: 0.4 !important; /* TĂNG ĐỘ RÕ LÊN 40% */
    margin: 0 !important;
    padding: 0 !important;
    display: flex !important;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease;
    z-index: 10; 
}

/* 2. Vị trí */
.owl-nav .owl-prev { left: 5px; }
.owl-nav .owl-next { right: 5px; }

/* 3. Hiệu ứng Hover (Làm rõ lại khi di chuột) */
.owl-nav .owl-prev:hover,
.owl-nav .owl-next:hover {
    opacity: 1 !important; /* HIỆN RÕ LẠI 100% KHI DI CHUỘT */
    background: rgba(255, 255, 255, 0.3) !important; 
}

/* 4. Kiểu dáng MŨI TÊN (bên trong) */
.owl-nav .owl-prev *,
.owl-nav .owl-next * {
    color: rgba(0, 0, 0, 0.7) !important; 
    font-size: 24px !important;
    line-height: 1 !important;
    margin: 0 !important;
    padding: 0 !important;
}
.owl-nav .owl-prev:hover *,
.owl-nav .owl-next:hover * {
    color: #000000 !important; /* Mũi tên đen rõ khi hover */
}

/* Ản text "prev", "next" (nếu có) */
.owl-nav .owl-prev span,
.owl-nav .owl-next span {
    font-size: 0px !important;
}
/* --- Phương án 2 (Sửa đổi - Đóng Khung Gọn) --- */

/* 1. Thiết lập cho khung chứa (.specials-heading) */
.specials-heading {
    background-color: #FFFFFF; /* Nền TRẮNG */
    border-left: 5px solid #ED7D2D; /* Viền cam bên trái */
    border-bottom: 1px solid #f0f0f0; /* Đường kẻ mỏng bên dưới */
    border-top: 1px solid #f0f0f0;    /* Đường kẻ mỏng bên trên */
    
    /* === THAY ĐỔI CHÍNH === */
    border-right: 1px solid #f0f0f0;  /* THÊM VIỀN PHẢI ĐỂ ĐÓNG KHUNG */
    padding: 6px 20px; /* GIẢM PADDING (CHIỀU CAO) XUỐNG 8PX */
    
    margin-top: 25px;
    margin-bottom: 25px;
    display: block;
}
/* Xóa các cài đặt ::before, ::after (nếu còn) */
.specials-heading::before,
.specials-heading::after {
    content: none;
}

/* 2. Kiểu dáng của chữ tiêu đề (h2) */
.specials-heading h2 {
    font-weight: 600;
    color: #000000;
    text-align: left;
    margin: 0;
    padding: 0;
}