/* Strazar image centering 1.6.20 */
.single-product .product-gallery-slider .woocommerce-product-gallery__image > a {
    display: flex;
    align-items: center;
    justify-content: center;
}

.strazar-card-gallery-image,
.product-small .box-image img,
.single-product .product-gallery-slider .woocommerce-product-gallery__image img,
.single-product .product-thumbnails img {
    object-position: 50% 50% !important;
}

.strazar-shop-shell-active .product-small .box-image .strazar-card-gallery-image[src*="garment-pulover-front-v1"],
.single-product .product-gallery-slider .woocommerce-product-gallery__image img[src*="garment-pulover-front-v1"] {
    transform: translateX(-6%) scale(1.05) !important;
}

.strazar-shop-shell-active .product-small .box-image .strazar-card-gallery-image[src*="garment-pulover-back-v1"],
.single-product .product-gallery-slider .woocommerce-product-gallery__image img[src*="garment-pulover-back-v1"] {
    transform: translateX(1.75%) scale(1.05) !important;
}

.single-product .product-thumbnails img[src*="garment-pulover-front-v1"] {
    transform: translateX(-6%) !important;
}

.single-product .product-thumbnails img[src*="garment-pulover-back-v1"] {
    transform: translateX(1.75%) !important;
}

/* Keep the Flickity cell geometry stable and let object-fit center the image. */
.strazar-shop-shell-active .strazar-card-gallery-slide {
    display: block !important;
    width: 100% !important;
    min-width: 100% !important;
    height: 100% !important;
    flex: 0 0 100%;
}

/* One neutral canvas without coloring controls placed above the image. */
.strazar-shop-shell-active .product-small .box-image,
.strazar-shop-shell-active .product-small .box-image > .image-fade_in_back,
.strazar-shop-shell-active .product-small .box-image > .image-fade_in_back > a,
.strazar-shop-shell-active .strazar-card-gallery,
.strazar-shop-shell-active .strazar-card-gallery .flickity-viewport,
.strazar-shop-shell-active .strazar-card-gallery-slide,
.single-product .product-gallery-slider,
.single-product .product-gallery-slider .woocommerce-product-gallery__image,
.single-product .product-gallery-slider .woocommerce-product-gallery__image > a,
.single-product .product-thumbnails .col,
.single-product .product-thumbnails a {
    background: #fff !important;
}

.strazar-shop-shell-active .product-small .box-image img,
.single-product .product-gallery-slider .woocommerce-product-gallery__image img,
.single-product .product-thumbnails img {
    background: transparent !important;
}

/* Extend each product photograph to the edges of its square canvas. */
.strazar-shop-shell-active .strazar-card-gallery-slide:has(img.strazar-media-bg-figovi),
.strazar-shop-shell-active .product-small .box-image:has(img.strazar-media-bg-figovi),
.single-product .product-gallery-slider .woocommerce-product-gallery__image > a:has(img.strazar-media-bg-figovi),
.single-product .product-thumbnails .col:has(img.strazar-media-bg-figovi),
.single-product .product-thumbnails a:has(img.strazar-media-bg-figovi) {
    background: #c5c6c8 !important;
}

.strazar-shop-shell-active .strazar-card-gallery-slide:has(img.strazar-media-bg-patriarhat-one),
.strazar-shop-shell-active .product-small .box-image:has(img.strazar-media-bg-patriarhat-one),
.single-product .product-gallery-slider .woocommerce-product-gallery__image > a:has(img.strazar-media-bg-patriarhat-one),
.single-product .product-thumbnails .col:has(img.strazar-media-bg-patriarhat-one),
.single-product .product-thumbnails a:has(img.strazar-media-bg-patriarhat-one) {
    background: #d9d9d9 !important;
}

.strazar-shop-shell-active .strazar-card-gallery-slide:has(img.strazar-media-bg-patriarhat-two),
.strazar-shop-shell-active .product-small .box-image:has(img.strazar-media-bg-patriarhat-two),
.single-product .product-gallery-slider .woocommerce-product-gallery__image > a:has(img.strazar-media-bg-patriarhat-two),
.single-product .product-thumbnails .col:has(img.strazar-media-bg-patriarhat-two),
.single-product .product-thumbnails a:has(img.strazar-media-bg-patriarhat-two) {
    background: #d8d8d8 !important;
}

.strazar-shop-shell-active .strazar-card-gallery-slide:has(img.strazar-media-bg-patriarhat-cover),
.single-product .product-gallery-slider .woocommerce-product-gallery__image > a:has(img.strazar-media-bg-patriarhat-cover),
.single-product .product-thumbnails .col:has(img.strazar-media-bg-patriarhat-cover),
.single-product .product-thumbnails a:has(img.strazar-media-bg-patriarhat-cover) {
    background: linear-gradient(90deg, #71380f 0%, #71380f 48%, #52321e 72%, #2e251f 100%) !important;
}

.strazar-shop-shell-active .strazar-card-gallery-slide:has(img.strazar-media-bg-prva-one),
.strazar-shop-shell-active .strazar-card-gallery-slide:has(img.strazar-media-bg-prva-two),
.strazar-shop-shell-active .strazar-card-gallery-slide:has(img.strazar-media-bg-white),
.strazar-shop-shell-active .product-small .box-image:has(img.strazar-media-bg-prva-one),
.strazar-shop-shell-active .product-small .box-image:has(img.strazar-media-bg-prva-two),
.strazar-shop-shell-active .product-small .box-image:has(img.strazar-media-bg-white),
.single-product .product-gallery-slider .woocommerce-product-gallery__image > a:has(img.strazar-media-bg-prva-one),
.single-product .product-gallery-slider .woocommerce-product-gallery__image > a:has(img.strazar-media-bg-prva-two),
.single-product .product-gallery-slider .woocommerce-product-gallery__image > a:has(img.strazar-media-bg-white),
.single-product .product-thumbnails .col:has(img.strazar-media-bg-prva-one),
.single-product .product-thumbnails .col:has(img.strazar-media-bg-prva-two),
.single-product .product-thumbnails .col:has(img.strazar-media-bg-white),
.single-product .product-thumbnails a:has(img.strazar-media-bg-prva-one),
.single-product .product-thumbnails a:has(img.strazar-media-bg-prva-two),
.single-product .product-thumbnails a:has(img.strazar-media-bg-white) {
    background: #eceeef !important;
    isolation: isolate;
}

.strazar-shop-shell-active .strazar-card-gallery-slide:has(img.strazar-media-bg-stickers),
.strazar-shop-shell-active .product-small .box-image:has(img.strazar-media-bg-stickers),
.single-product .product-gallery-slider .woocommerce-product-gallery__image > a:has(img.strazar-media-bg-stickers),
.single-product .product-thumbnails .col:has(img.strazar-media-bg-stickers),
.single-product .product-thumbnails a:has(img.strazar-media-bg-stickers) {
    background: #dfe2e4 !important;
    isolation: isolate;
}

img.strazar-media-bg-prva-one,
img.strazar-media-bg-prva-two,
img.strazar-media-bg-white,
img.strazar-media-bg-stickers {
    mix-blend-mode: multiply;
}

/* Fill the square canvas with the wide Prva photos so their source edges do not form bands. */
body.strazar-shop-shell-active .product-small .box-image img.strazar-media-bg-prva-one,
body.strazar-shop-shell-active .product-small .box-image img.strazar-media-bg-prva-two,
body.strazar-shop-shell-active .product-small .box-image img[src*="book-prva-od-suhih-krav-1"],
body.strazar-shop-shell-active .product-small .box-image img[src*="book-prva-od-suhih-krav-2"],
body.strazar-shop-shell-active.single-product .product-gallery-slider img.strazar-media-bg-prva-one,
body.strazar-shop-shell-active.single-product .product-gallery-slider img.strazar-media-bg-prva-two,
body.strazar-shop-shell-active.single-product .product-gallery-slider img[src*="book-prva-od-suhih-krav-1"],
body.strazar-shop-shell-active.single-product .product-gallery-slider img[src*="book-prva-od-suhih-krav-2"],
body.strazar-shop-shell-active.single-product .product-thumbnails img[src*="book-prva-od-suhih-krav-1"],
body.strazar-shop-shell-active.single-product .product-thumbnails img[src*="book-prva-od-suhih-krav-2"] {
    object-fit: cover !important;
    object-position: 50% 50% !important;
}

/* Flatsome renders thumbnail HTML without the attachment attribute filter. */
.single-product .product-thumbnails .col:has(img[src*="book-figovi-listi-"]),
.single-product .product-thumbnails a:has(img[src*="book-figovi-listi-"]) {
    background: #c5c6c8 !important;
}

.single-product .product-thumbnails .col:has(img[src*="book-patriarhat-1-"]),
.single-product .product-thumbnails a:has(img[src*="book-patriarhat-1-"]) {
    background: #d9d9d9 !important;
}

.single-product .product-thumbnails .col:has(img[src*="book-patriarhat-2-"]),
.single-product .product-thumbnails a:has(img[src*="book-patriarhat-2-"]) {
    background: #d8d8d8 !important;
}

.single-product .product-thumbnails .col:has(img[src*="book-patriarhat-3-"]),
.single-product .product-thumbnails a:has(img[src*="book-patriarhat-3-"]) {
    background: linear-gradient(90deg, #71380f 0%, #71380f 48%, #52321e 72%, #2e251f 100%) !important;
}

.single-product .product-thumbnails .col:has(img[src*="book-prva-od-suhih-krav-"]),
.single-product .product-thumbnails a:has(img[src*="book-prva-od-suhih-krav-"]) {
    background: #eceeef !important;
    isolation: isolate;
}

.single-product .product-thumbnails .col:has(img[src*="paket-100-nalepk-"]),
.single-product .product-thumbnails .col:has(img[src*="nalepka1-"]),
.single-product .product-thumbnails .col:has(img[src*="nalepka2-"]),
.single-product .product-thumbnails a:has(img[src*="paket-100-nalepk-"]),
.single-product .product-thumbnails a:has(img[src*="nalepka1-"]),
.single-product .product-thumbnails a:has(img[src*="nalepka2-"]) {
    background: #dfe2e4 !important;
    isolation: isolate;
}

.single-product .product-thumbnails img[src*="book-prva-od-suhih-krav-"],
.single-product .product-thumbnails img[src*="paket-100-nalepk-"],
.single-product .product-thumbnails img[src*="nalepka1-"],
.single-product .product-thumbnails img[src*="nalepka2-"] {
    mix-blend-mode: multiply;
}

/* Center both simple and variable add-to-cart controls inside every card. */
.strazar-shop-shell-active .shop-container .product-small.col > .col-inner > a.add_to_cart_button {
    display: flex;
    align-items: center;
    justify-content: center;
    width: calc(100% - 36px);
    min-height: 44px;
    margin: 14px auto 18px !important;
    padding: 11px 14px;
    text-align: center;
    white-space: normal;
}

.strazar-shop-shell-active .shop-container .product-small.col > .col-inner > .strazar-loop-cart-form {
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    box-sizing: border-box;
}

.strazar-shop-shell-active .shop-container .strazar-loop-cart-form .strazar-loop-cart-button {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    margin-right: auto !important;
    margin-left: auto !important;
    text-align: center;
}

/* Reserve the size-selector space so every desktop/tablet card button shares one baseline. */
@media (min-width: 561px) {
    .strazar-shop-shell-active .shop-container .product-small.product-type-simple.col > .col-inner > a.add_to_cart_button {
        min-height: 42px;
        margin: 50px auto 39px !important;
        padding-top: 10px;
        padding-bottom: 10px;
    }
}