/* Performance only: retain every original foreground and brand color. */
.pm-home-products-placeholder { min-height: 614px; }
.pm-home-products-placeholder [hidden] { display: none !important; }
@media (max-width: 767px) {
    .pm-home-products-placeholder { min-height: 600px; }
}
/* The closed fixed drawer keeps its viewport dimensions, while its large
   category tree stays out of layout until opening. Preserve the slide-out. */
@supports (content-visibility: hidden) {
    .front_page .local-catalog-menu {
        content-visibility: hidden;
    }
    .front_page .header-menu__link--only-catalog.opened ~ .local-catalog-menu {
        content-visibility: visible;
    }
    @supports (transition-behavior: allow-discrete) {
        .front_page .local-catalog-menu {
            transition: opacity .18s ease, visibility .18s ease, transform .18s ease, content-visibility .18s allow-discrete !important;
        }
    }
    #mobilemenu {
        content-visibility: hidden;
    }
    #mobilemenu.show {
        content-visibility: visible;
    }
    @supports (transition-behavior: allow-discrete) {
        #mobilemenu {
            transition: left .4s ease, opacity .4s ease, content-visibility .4s allow-discrete;
        }
    }
}
/* Every gallery frame uses the same crop, including frames shown on hover. */
.pm-rm-products-module .section-gallery-wrapper__item > img.img-responsive,
.ui-card__image > .ui-card__img {
    object-fit: cover;
}
/* Native loading=lazy skips display:none frames; reveal on hover/swipe as before. */
.catalog-block__item .section-gallery-wrapper__item:not(.active) > img {
    display: none;
}
@media (max-width: 767px) {
    .pmads-hero-slider .main-slider__item {
        background-image: none !important;
    }
    /* Mobile cards have no expanding desktop hover panels. Keep offscreen
       product modules out of the initial layout/paint work. */
    .front_page .pm-rm-products-module {
        content-visibility: auto;
        contain-intrinsic-size: auto 600px;
    }
}
/* These home sections have regular card/link content, without fixed modals or
   expanding product overlays. Render them near the viewport, retaining sizing. */
.front_page .drag-block[data-class="landings_drag"],
.front_page .drag-block[data-class="stories_drag"],
.front_page .drag-block[data-class="sale_drag"],
.front_page .drag-block[data-class="blog_drag"],
.front_page .drag-block[data-class="company_text_drag"],
.front_page .drag-block[data-class="services_drag"],
.front_page .drag-block[data-class="maps_drag"] {
    content-visibility: auto;
    contain-intrinsic-size: auto 650px;
}