#productViewModal .modal-content {
    border-radius: 20px;
    overflow: hidden;
}
#productViewModal #modalImageContainer {
    background: linear-gradient(135deg, rgba(13, 110, 58, 0.05) 0%, rgba(21, 139, 75, 0.15) 100%);
    min-height: 350px;
}
#productViewModal #btnZoomModal {
    top: 20px; right: 20px; z-index: 10; width: 45px; height: 45px; border-radius: 0.375rem; border: 2px solid var(--spax-green);
}
#productViewModal #thumb-screw, #productViewModal #thumb-box {
    width: 90px; height: 90px; object-fit: contain; cursor: pointer; border-radius: 0.375rem; background: rgba(255,255,255,0.9); padding: 5px; transition: all 0.3s ease;
}
#productViewModal #thumb-screw {
    border: 2px solid var(--spax-green); opacity: 1;
}
#productViewModal #thumb-box {
    border: 2px solid transparent; opacity: 0.5;
}
#modalProductImage {
    max-height: 260px;
    transition: transform 0.4s ease, opacity 0.4s ease, filter 0.4s ease;
}

#pdfPreviewModal .modal-content-pdf {
    height: 90vh;
   border-radius: 0.375rem;
    overflow: hidden;
    border: none;
}

#videoLocalModal .modal-content {
    background-color: transparent;
    border: none;
}
#videoLocalModal .modal-body {
   border-radius: 0.375rem;
    overflow: hidden;
    border: 1px solid rgba(255,255,255,0.2);
}
#localVideoPlayer {
    max-height: 85vh;
    background: #000;
    border-radius: 16px;
}

#youtubeVideoModal .modal-content {
    background-color: transparent;
    border: none;
}
#youtubeVideoModal iframe {
    border-radius: 0.375rem;
}

[data-bs-theme="dark"] .modal-content,
[data-bs-theme="dark"] .col-md-7.bg-white {
    background-color: #1a1a1a !important;
    color: #e0e0e0;
}
[data-bs-theme="dark"] .modal-header,
[data-bs-theme="dark"] .border-bottom {
    border-color: rgba(255,255,255,0.1) !important;
}