#quickViewModal #slider > .slick-arrow {
    top: 50%;
    bottom: auto;
    width: 44px;
    height: 44px;
    margin: 0;
    padding: 8px;
    transform: translateY(-50%);
    border: 1px solid rgba(78, 118, 97, .14);
    background: rgba(255, 255, 255, .94);
    color: #3f5f4f;
    box-shadow: 0 2px 8px rgba(30, 49, 39, .06);
    z-index: 2;
}
#quickViewModal #slider > .slick-prev { left: 12px; right: auto; }
#quickViewModal #slider > .slick-next { right: 12px; left: auto; }
#quickViewModal #slider > .slick-arrow svg { width: 22px; height: 22px; }
#quickViewModal #slider > .slick-arrow:focus-visible {
    outline: 2px solid #4e7661;
    outline-offset: 2px;
}

@media (min-width: 992px) {
    #quickViewModal .modal-dialog {
        --bs-modal-width: min(960px, calc(100vw - 48px));
    }
}

@media (min-width: 1200px) {
    #quickViewModal .modal-dialog {
        --bs-modal-width: min(1280px, calc(100vw - 48px));
    }
}