/* Shared shell compatibility only. Never hide page headings or product content. */
.mw-storefront-surface { --mw-mobile-nav-height: 0px; }
.mw-storefront-surface > .page,
.mw-storefront-surface .page-wrap { padding-top: 0; overflow: visible; }
.mw-storefront-surface #mw-content { min-width: 0; }
.mw-storefront-surface .mw-header { z-index: 1000; }
.mw-storefront-surface .mw-repair-status { color: #0065c9; font-size: 12px; line-height: 1.5; }
.mw-repair-status-mobile { display: none; }
.mw-storefront-surface .modal-up { z-index: 1100; }
/* The retired menu drew this separator 2000px outside its container and relied
   on .page clipping. Constrain the decoration instead of clipping sticky UI. */
.mw-storefront-surface .block-hero1.mod1::before { right: 0; }
.mw-storefront-surface .title-style1__right > span { display: none; }
.mw-storefront-surface :is(.title-tab1,.block-information1)::before { left: 0; right: 0; }
.mw-storefront-surface .block-information1__right::before { right: 0; }
.mw-storefront-surface .block-change1__right::before { right: 0; width: 100%; }
.mw-storefront-surface .carousel2:not(.slick-initialized) { overflow: hidden; }
/* Legacy CSS forces 1310/1190px artwork on narrower viewports. Bound only the
   background; keep the form, shadows and sticky shell outside any clip. */
.mw-storefront-surface .block-callback-big1__background { max-width: 100%; }
/* The repair-process frame and folded corner used the retired page clip too. */
.mw-storefront-surface .block-scheme-work1__background::before { left: 0; right: 0; }
.mw-storefront-surface .block-scheme-work1__background i { right: 0; }
/* Tablet benefits frame and repair grid previously extended beyond page gutters. */
.mw-storefront-surface .list-icon2::before { right: 0; }
.mw-storefront-surface .list-mainers1 { margin-inline: 0; }
.mw-storefront-surface .list-product1 { margin-inline: 0; }
.mw-storefront-surface .block-scheme-work1__callback { max-width: 100%; }
/* Legacy hero actions extend below the image. Override ps.css's important 20px reset only here. */
.mw-storefront-surface .mw-hosting-hero + .padding1.mod2 { padding-top: 64px !important; }
@media (max-width: 760px) {
 .mw-storefront-surface .block-add-review1__add-review { max-width: 100%; box-sizing: border-box; }
 /* Legacy hosting gallery deliberately exposed its oversized Slick track.
    Clip that gallery viewport, not .page/.page-wrap (sticky shell must survive). */
 .mw-storefront-surface .carousel4 .slick-list { overflow: hidden !important; }
 .mw-storefront-surface .carousel4 { max-width: 100%; }
 /* A flex item's automatic minimum and NBSP title expanded the office block
    on 320px phones. Keep its real text and let this block wrap in place. */
 .mw-storefront-surface .hr-yamap .hr-section-head > div { min-width: 0; max-width: 100%; }
 .mw-storefront-surface .hr-yamap .hr-section-head h2 { overflow-wrap: anywhere; }
 .mw-storefront-surface .mw-repair-status { display: none; }
 .mw-storefront-surface .mw-repair-status-mobile { display: block; padding-block: 8px; }
 .mw-repair-status-mobile a { display: flex; align-items: center; justify-content: space-between; gap: 12px; min-height: 44px; padding: 10px 14px; border: 1px solid #d7e1e8; border-radius: 8px; color: #0065c9; background: #fff; font-size: 14px; line-height: 1.5; }
 .mw-storefront-surface .product-information1__right { padding-bottom: 32px; }
}