/* PN 2026-10-26: Reserve the existing banner size before lazy images load.
   The theme's width:auto collapses the unloaded image despite its HTML dimensions. */
body#index .tvcmstwoofferbanners-one .tvofferbanner-two-inner > .tvbanner-hover-wrapper,
body#index .tvcmstwoofferbanners-one .tvofferbanner-two-inner > .tvbanner-hover-wrapper > img {
    width: 100%;
}

/* The active product-1 gallery uses its thumbnails as the main images on mobile.
   Reserve the intrinsic medium image width, capped by the available space.
   The template supplies the actual image-type width; no hard-coded thumbnail size. */
@media (max-width: 768px) {
    body#product .product-1 .tvvertical-slider .tvcmsVerticalSlider img.thumb {
        min-width: min(100%, var(--pn-gallery-image-width));
    }
}

/* On phones the three category links otherwise shrink to the unloaded images.
   Their loaded width already fills the column; reserve the same squares early. */
@media (max-width: 767px) {
    body#index .tvcmsmultibanners .tvbanner-hover-wrapper,
    body#index .tvcmsmultibanners .tvbanner-hover-wrapper > img {
        width: 100%;
    }
}