/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Sep 20 2025 | 09:31:47 */
/* Square images on mobile - only for wc-ps-gallery */
@media only screen and (max-width: 768px) {
    /* Force square viewport */
    .wc-ps-gallery .woocommerce-product-gallery .flickity-viewport {
        position: relative !important;
    }
    
    .wc-ps-gallery .woocommerce-product-gallery .flickity-viewport::after {
        content: "";
        display: block;
        padding-bottom: 100%;
    }
    
    .wc-ps-gallery .woocommerce-product-gallery .flickity-slider {
        position: absolute !important;
        height: 100% !important;
    }
    
    /* Make each slide a square container */
    .wc-ps-gallery .woocommerce-product-gallery__image.slide {
        height: 100% !important;
    }
    
    .wc-ps-gallery .woocommerce-product-gallery__image a {
        display: block !important;
        height: 100% !important;
        position: relative !important;
        overflow: hidden !important;
        border-radius: 10px !important;
    }
    
    /* Center crop the image with rounded corners */
    .wc-ps-gallery .woocommerce-product-gallery__image img {
        position: absolute !important;
        top: 50% !important;
        left: 50% !important;
        transform: translate(-50%, -50%) !important;
        min-width: 100% !important;
        min-height: 100% !important;
        width: auto !important;
        height: auto !important;
        max-width: none !important;
        border-radius: 10px !important;
    }
}