/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Mar 13 2026 | 00:06:50 */
/* --- ТОТАЛЕН ФИКС ЗА ПРОДУКТОВА СТРАНИЦА --- */

/* 1. Спираме зуум лупата и нейните остатъци, за да не "маже" */
.zoomImg {
    display: none !important;
}

.woocommerce-product-gallery__image {
    pointer-events: auto !important; /* Позволява само клик за голяма снимка */
}

/* 2. Правим основната рамка квадратна и я центрираме */
.product-images .woocommerce-product-gallery__wrapper,
.product-images .owl-stage-outer,
.product-images .wd-carousel-item {
    aspect-ratio: 1 / 1 !important;
    background-color: #ffffff !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

/* 3. Оправяме самата снимка вътре в слайдъра */
.product-images .woocommerce-product-gallery__image {
    width: 100% !important;
    height: 100% !important;
    padding: 20px !important; /* Твоето бяло пространство */
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.product-images .woocommerce-product-gallery__image a {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    height: 100% !important;
}

.product-images .woocommerce-product-gallery__image img {
    object-fit: contain !important; /* ГАРАНТИРА ЦЯЛА БУТИЛКА */
    max-height: 100% !important;
    width: auto !important;
    height: auto !important;
    margin: 0 auto !important;
}

/* 4. Оправяме малките снимки отдолу (Thumbnails) */
.product-images .thumbnails .product-image-thumbnail {
    aspect-ratio: 1 / 1 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    background-color: #fff !important;
    border: 1px solid #eee;
}

.product-images .thumbnails img {
    object-fit: contain !important;
    max-height: 90% !important;
}