.product-gallery {
    width: 100%;
    text-align: center;
    margin-bottom: 100px;
    padding: 20px;
    /* background-color: aqua; */
}

.product-main img {
    width: 100%;
    border-radius: 2px;
    margin-bottom: 20px;
}

.product-thumbs {
    display: flex;
    justify-content: center;
    margin-top: 10px;
    gap: 20px;
}

.product-thumbs img {
    width: 60px;
    height: 30px;
    cursor: pointer;
    border-radius: 2px;
    border: 1px solid #ccc;
    opacity: 0.7;
    transition: 0.2s ease-out;
}

.product-thumbs img.bladeonly {
    width: 60px;
    height: 60px;
    cursor: pointer;
    border-radius: 2px;
    border: 1px solid #ccc;
    opacity: 0.7;
    transition: 0.2s ease-out;
}

.product-thumbs img:hover {
    opacity: 1;
    border: 2px solid #3172C2;
}

/* Fancybox customizations */

#fancybox-content {
    background: #fff !important;
}

/* Make left/right arrows bigger */
#fancybox-right-ico {
    width: 50px !important;
    height: 50px !important;
    background-image: url("/icon/Arrow_r.svg") !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    right: 5px !important;
}

#fancybox-left-ico{
    width: 50px !important;
    height: 50px !important;
    background-image: url("/icon/Arrow_l.svg") !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
}

/* Optional: move them slightly for better alignment */
#fancybox-left {
    left: 5px !important;
}
#fancybox-right {
    right: 5px !important;
}

/* Make close button bigger */
#fancybox-close {
    width: 50px !important;
    height: 50px !important;
    background-image: url("/icon/close-3.svg") !important;
    background-repeat: no-repeat !important;
    background-position: center !important;


}
#fancybox-close span {
    width: 50px !important;
    height: 50px !important;
}