/* Giữ nguyên CSS modal cũ - nền transparent */
    #imagePreviewModal,
    #imagePreviewModal .modal-dialog,
    #imagePreviewModal .modal-content {
        margin: 0;
        padding: 0;
        overflow: hidden;
    }

    #imagePreviewModal .modal-dialog {
        width: 100vw;
        height: 100vh;
        max-width: 100vw;
        margin: 0;
    }

    #imagePreviewModal .modal-content {
        width: 100%;
        height: 100%;
        background: transparent;
        border: none;
        box-shadow: none;
        position: relative;
        overflow: hidden;
    }

    /* Ảnh preview - lớn nhưng cách viền màn hình một khoảng */
    #previewCurrent,
    #previewNext {
        position: absolute;
        inset: 0;
        /* chiếm toàn bộ vùng cha */
        width: 100%;
        height: 100%;
        margin: auto;
        /* giúp căn giữa khi dùng object-fit */
        object-fit: contain;
        /* giữ tỷ lệ, không bị méo */
        user-select: none;
        transition: transform 0.5s ease-in-out;
    }

    /* Nút đóng - giữ nguyên kiểu cũ */
    .image-preview-close {
        position: absolute;
        top: 40px;
        right: 45px;
        width: 38px;
        height: 38px;
        border-radius: 50%;
        border: none;
        background: rgba(0, 0, 0, .25);
        color: #fff;
        font-size: 26px;
        cursor: pointer;
        z-index: 10;
    }

    .product-detail-content {
        line-height: 1.8;
        word-wrap: break-word;
    }

    .product-detail-content img {
        max-width: 100% !important;
        height: auto !important;
        border-radius: 8px;
        box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
        margin: 1.5em 0;
        display: block;
    }

    .product-detail-content table {
        width: 100%;
        border-collapse: collapse;
        margin: 1.5em 0;
    }

    .product-detail-content table th,
    .product-detail-content table td {
        border: 1px solid #e5e7eb;
        padding: 0.75rem;
        text-align: left;
    }

    .product-detail-content iframe,
    .product-detail-content video {
        max-width: 100%;
        height: auto;
    }

    .product-detail-content pre {
        background: #f3f4f6;
        padding: 1rem;
        border-radius: 8px;
        overflow-x: auto;
    }

    #productGallery {
        position: relative;
        overflow: hidden;
        background: black;
        user-select: none;
    }

    #productGallery:active {
        cursor: grabbing;
    }

    /* Ẩn scrollbar hoàn toàn */
    .thumbnail-wrapper {
        overflow-x: auto;
        overflow-y: hidden;
        -ms-overflow-style: none;
        scrollbar-width: none;
        cursor: grab;
    }

    .thumbnail-wrapper::-webkit-scrollbar {
        display: none;
    }

    .thumbnail-wrapper.dragging {
        cursor: grabbing;
    }

    .thumbnail-container {
        display: flex;
        user-select: none;
        scroll-behavior: smooth;
    }

    .thumbnail-container img {
        -webkit-user-drag: none;
    }

    #price-range.noUi-target {
        height: 5px !important;
        background: #f9fafb !important;
        border: 1px solid #e5e7eb !important;
        border-radius: 6px !important;
        box-shadow: none !important;
        padding: 0 6px !important;
        margin: 20px 0 !important;
        position: relative !important;
    }

    #price-range .noUi-base {
        height: 5px !important;
        top: 0 !important;
        margin: 0 !important;
    }

    #price-range .noUi-connect {
        height: 5px !important;
        background: #000 !important;
        border-radius: 6px !important;
    }

    #price-range .noUi-handle {
        width: 14px !important;
        height: 14px !important;
        top: -5px !important;
        right: -7px !important;
        border: 2px solid #000 !important;
        background: #fff !important;
        border-radius: 50% !important;
        box-shadow: 0 1px 3px rgba(0, 0, 0, .3);
    }

    #price-range .noUi-handle::before,
    #price-range .noUi-handle::after {
        display: none !important;
    }

    #price-range .noUi-tooltip {
        display: none !important;
    }