/* client_shell.css
   r63r canonical client CSS structure.
   This file replaces active legacy client guard/reference links.
   Source files are still present in project for rollback, but index.php now loads this canonical module.
*/

/* ===== merged from client_shell_guard_r63j.css ===== */
/* r63j — client shell guard.
   Scope: only client routes from bottom navigation.
   Goal: one stable width/safe-area baseline for #services, #myorders, #messages, #cabinet, #parts, #masters.
   No API/DB/JS logic changes. */

:root{
  --k-client-shell-phone: 430px;
  --k-client-shell-tablet: 760px;
  --k-client-shell-desktop: 1120px;
  --k-client-bottom-safe: calc(var(--bottom-nav-h,72px) + env(safe-area-inset-bottom,0px) + 14px);
}

/* Normalize app root overflow for SPA pages. */
html,
body{
  overflow-x:hidden !important;
}

body #app{
  width:100% !important;
  min-width:0 !important;
  overflow-x:hidden !important;
}

/* Common client pages. */
body #app .services-app-page--reference-r62u,
body #app .myorders-ref-r62z,
body #app .orders-page-r62z,
body #app [data-page="myorders"],
body #app #myorders-page,
body #app .messages-reference-r58,
body #app .messages-ref-page-r63f,
body #app .cabinet-profile-page-r62u,
body #app .cabinet-level-page-r62v,
body #app .parts-page,
body #app .parts-reference-r61,
body #app .masters-page,
body #app .masters-reference-r59{
  width:100% !important;
  min-width:0 !important;
  max-width:var(--k-client-shell-phone) !important;
  margin-left:auto !important;
  margin-right:auto !important;
  padding-left:12px !important;
  padding-right:12px !important;
  padding-bottom:var(--k-client-bottom-safe) !important;
  box-sizing:border-box !important;
  overflow-x:hidden !important;
  transform:none !important;
  zoom:1 !important;
}

body #app .services-app-page--reference-r62u *,
body #app .myorders-ref-r62z *,
body #app .orders-page-r62z *,
body #app [data-page="myorders"] *,
body #app #myorders-page *,
body #app .messages-reference-r58 *,
body #app .messages-ref-page-r63f *,
body #app .cabinet-profile-page-r62u *,
body #app .cabinet-level-page-r62v *,
body #app .parts-page *,
body #app .parts-reference-r61 *,
body #app .masters-page *,
body #app .masters-reference-r59 *{
  box-sizing:border-box !important;
}

/* Bottom nav stable size and safe area. */
body #bottom-nav,
body .bottom-nav,
body .bnav{
  left:50% !important;
  right:auto !important;
  width:100% !important;
  max-width:var(--k-client-shell-phone) !important;
  transform:translateX(-50%) !important;
  min-height:70px !important;
  padding-bottom:max(6px, env(safe-area-inset-bottom,0px)) !important;
  box-sizing:border-box !important;
  z-index:900 !important;
}

body #bottom-nav *,
body .bottom-nav *,
body .bnav *{
  box-sizing:border-box !important;
}

/* Any fixed/floating client action must not exceed shell. */
body .floating-action,
body .client-floating-action,
body .mobile-tools-icon-row,
body .catalog-tools,
body .masters-sticky-tools,
body .msng-sticky-tools{
  max-width:var(--k-client-shell-phone) !important;
}

/* Phone: one column, compact, no side panels. */
@media (max-width:767px){
  body #app .services-app-page--reference-r62u,
  body #app .myorders-ref-r62z,
  body #app .orders-page-r62z,
  body #app [data-page="myorders"],
  body #app #myorders-page,
  body #app .messages-reference-r58,
  body #app .messages-ref-page-r63f,
  body #app .cabinet-profile-page-r62u,
  body #app .cabinet-level-page-r62v,
  body #app .parts-page,
  body #app .parts-reference-r61,
  body #app .masters-page,
  body #app .masters-reference-r59{
    max-width:var(--k-client-shell-phone) !important;
    padding-left:12px !important;
    padding-right:12px !important;
    padding-top:12px !important;
  }

  body #app .orders-detail-r62z,
  body #app .orders-side-r62z,
  body #app .desktop-only,
  body #app .tablet-desktop-only{
    display:none !important;
  }

  body #bottom-nav,
  body .bottom-nav,
  body .bnav{
    max-width:100% !important;
    border-radius:0 !important;
  }

  body .bottom-nav__item,
  body .bnav-item{
    min-width:0 !important;
  }
}

/* Narrow phone guard. */
@media (max-width:360px){
  body #app .services-app-page--reference-r62u,
  body #app .myorders-ref-r62z,
  body #app .orders-page-r62z,
  body #app [data-page="myorders"],
  body #app #myorders-page,
  body #app .messages-reference-r58,
  body #app .messages-ref-page-r63f,
  body #app .cabinet-profile-page-r62u,
  body #app .cabinet-level-page-r62v,
  body #app .parts-page,
  body #app .parts-reference-r61,
  body #app .masters-page,
  body #app .masters-reference-r59{
    padding-left:10px !important;
    padding-right:10px !important;
  }
}

/* Tablet: controlled centered layout; never full-bleed huge pages. */
@media (min-width:768px) and (max-width:1023px){
  body #app .services-app-page--reference-r62u,
  body #app .myorders-ref-r62z,
  body #app .orders-page-r62z,
  body #app [data-page="myorders"],
  body #app #myorders-page,
  body #app .messages-reference-r58,
  body #app .messages-ref-page-r63f,
  body #app .cabinet-profile-page-r62u,
  body #app .cabinet-level-page-r62v,
  body #app .parts-page,
  body #app .parts-reference-r61,
  body #app .masters-page,
  body #app .masters-reference-r59{
    max-width:var(--k-client-shell-tablet) !important;
    padding-left:14px !important;
    padding-right:14px !important;
    padding-top:14px !important;
    padding-bottom:calc(var(--bottom-nav-h,78px) + 16px) !important;
  }

  body #bottom-nav,
  body .bottom-nav,
  body .bnav{
    max-width:var(--k-client-shell-phone) !important;
  }

  body .floating-action,
  body .client-floating-action,
  body .mobile-tools-icon-row,
  body .catalog-tools,
  body .masters-sticky-tools,
  body .msng-sticky-tools{
    max-width:var(--k-client-shell-tablet) !important;
  }
}

/* Desktop: centered app canvas. Services can be wider through its own r63i rules;
   other bottom menu routes stay readable and do not stretch. */
@media (min-width:1024px){
  body #app .myorders-ref-r62z,
  body #app .orders-page-r62z,
  body #app [data-page="myorders"],
  body #app #myorders-page,
  body #app .messages-reference-r58,
  body #app .messages-ref-page-r63f,
  body #app .cabinet-profile-page-r62u,
  body #app .cabinet-level-page-r62v,
  body #app .parts-page,
  body #app .parts-reference-r61,
  body #app .masters-page,
  body #app .masters-reference-r59{
    max-width:var(--k-client-shell-desktop) !important;
    padding-left:18px !important;
    padding-right:18px !important;
    padding-top:18px !important;
    padding-bottom:28px !important;
  }

  body #app .services-app-page--reference-r62u{
    max-width:none !important;
    padding-left:12px !important;
    padding-right:12px !important;
  }

  body #bottom-nav,
  body .bottom-nav,
  body .bnav{
    max-width:var(--k-client-shell-phone) !important;
    border-radius:22px 22px 0 0 !important;
    box-shadow:0 -14px 32px rgba(15,23,42,.11) !important;
  }

  body .floating-action,
  body .client-floating-action,
  body .mobile-tools-icon-row,
  body .catalog-tools,
  body .masters-sticky-tools,
  body .msng-sticky-tools{
    max-width:var(--k-client-shell-desktop) !important;
  }
}

/* Very wide monitor guard. */
@media (min-width:1360px){
  body #app .myorders-ref-r62z,
  body #app .orders-page-r62z,
  body #app [data-page="myorders"],
  body #app #myorders-page,
  body #app .messages-reference-r58,
  body #app .messages-ref-page-r63f,
  body #app .cabinet-profile-page-r62u,
  body #app .cabinet-level-page-r62v,
  body #app .parts-page,
  body #app .parts-reference-r61,
  body #app .masters-page,
  body #app .masters-reference-r59{
    max-width:1120px !important;
  }
}


/* ===== merged from client_orders_messages_scale_r63g.css ===== */
/* r63g — scale regression hotfix for #myorders and #messages.
   Scope: only orders/messages client pages.
   Goal: restore stable mobile scale, prevent desktop/tablet zoom loss and oversized cards.
   No API/DB/JS logic changes. */

:root{
  --k-client-page-max-mobile: 430px;
  --k-client-page-max-tablet: 760px;
  --k-client-page-max-desktop: 1040px;
}

/* Generic route guards. They intentionally target only known order/message wrappers. */
body #app .myorders-ref-r62z,
body #app .orders-page-r62z,
body #app [data-page="myorders"],
body #app #myorders-page,
body #app .messages-reference-r58,
body #app .messages-ref-page-r63f{
  width:100% !important;
  min-width:0 !important;
  max-width:var(--k-client-page-max-mobile) !important;
  margin-left:auto !important;
  margin-right:auto !important;
  padding-left:12px !important;
  padding-right:12px !important;
  box-sizing:border-box !important;
  overflow-x:hidden !important;
  transform:none !important;
  zoom:1 !important;
}

body #app .myorders-ref-r62z *,
body #app .orders-page-r62z *,
body #app [data-page="myorders"] *,
body #app #myorders-page *,
body #app .messages-reference-r58 *,
body #app .messages-ref-page-r63f *{
  max-width:100% !important;
  box-sizing:border-box !important;
}

/* Do not allow old desktop/table/grid rules to inflate cards on phone. */
@media (max-width:767px){
  body #app .myorders-ref-r62z,
  body #app .orders-page-r62z,
  body #app [data-page="myorders"],
  body #app #myorders-page,
  body #app .messages-reference-r58,
  body #app .messages-ref-page-r63f{
    max-width:430px !important;
    padding-top:12px !important;
    padding-bottom:calc(var(--bottom-nav-h,72px) + 14px) !important;
  }

  body #app .myorders-ref-r62z .orders-layout-r62z,
  body #app .orders-page-r62z .orders-layout-r62z{
    display:block !important;
  }

  body #app .myorders-ref-r62z .orders-detail-r62z,
  body #app .orders-page-r62z .orders-detail-r62z,
  body #app .myorders-ref-r62z .orders-side-r62z,
  body #app .orders-page-r62z .orders-side-r62z{
    display:none !important;
  }

  body #app .myorders-ref-r62z .orders-list-r62z,
  body #app .orders-page-r62z .orders-list-r62z,
  body #app .messages-reference-r58 .msng-list--page,
  body #app .messages-ref-page-r63f .messages-ref-list-r63f{
    display:flex !important;
    flex-direction:column !important;
    gap:10px !important;
  }

  body #app .myorders-ref-r62z .order-card-r62z,
  body #app .orders-page-r62z .order-card-r62z{
    grid-template-columns:88px minmax(0,1fr) !important;
    gap:10px !important;
    padding:9px !important;
    border-radius:18px !important;
    min-height:0 !important;
  }

  body #app .myorders-ref-r62z .order-card-photo-r62z,
  body #app .orders-page-r62z .order-card-photo-r62z{
    width:88px !important;
    height:88px !important;
    border-radius:14px !important;
  }

  body #app .myorders-ref-r62z .order-card-body-r62z strong,
  body #app .orders-page-r62z .order-card-body-r62z strong{
    font-size:15px !important;
    line-height:1.12 !important;
  }

  body #app .myorders-ref-r62z .order-card-body-r62z em,
  body #app .orders-page-r62z .order-card-body-r62z em,
  body #app .myorders-ref-r62z .order-card-body-r62z small,
  body #app .orders-page-r62z .order-card-body-r62z small{
    font-size:11.5px !important;
    line-height:1.22 !important;
  }

  body #app .myorders-ref-r62z .order-card-actions-r62z,
  body #app .orders-page-r62z .order-card-actions-r62z{
    grid-template-columns:1fr 1fr !important;
    gap:7px !important;
  }

  body #app .myorders-ref-r62z .order-card-actions-r62z button,
  body #app .orders-page-r62z .order-card-actions-r62z button{
    min-height:40px !important;
    font-size:12.5px !important;
    border-radius:12px !important;
  }

  body #app .messages-reference-r58 .spa-page-hero,
  body #app .messages-reference-r58 .spa-page-hero--messages,
  body #app .messages-reference-r58 .msng-hero,
  body #app .messages-ref-page-r63f .messages-ref-hero-r63f{
    margin-left:0 !important;
    margin-right:0 !important;
    border-radius:20px !important;
  }

  body #app .messages-reference-r58 .spa-hero-inner,
  body #app .messages-reference-r58 .msng-hero-inner{
    min-height:102px !important;
    padding:16px 14px !important;
  }

  body #app .messages-reference-r58 .spa-hero-title,
  body #app .messages-reference-r58 .msng-hero-title,
  body #app .messages-ref-page-r63f .messages-ref-hero-r63f h1{
    font-size:27px !important;
    line-height:1 !important;
  }

  body #app .messages-reference-r58 .spa-hero-stats,
  body #app .messages-reference-r58 .msng-hero-stats{
    display:none !important;
  }

  body #app .messages-reference-r58 .catalog-tools,
  body #app .messages-reference-r58 .msng-sticky-tools,
  body #app .messages-reference-r58 #msng-sticky-tools,
  body #app .messages-reference-r58 .messages-reference-r58-listmount,
  body #app .messages-reference-r58 .msng-empty-cta{
    margin-left:0 !important;
    margin-right:0 !important;
  }

  body #app .messages-reference-r58 .msng-item,
  body #app .messages-reference-r58 .msng-item--v2,
  body #app .messages-ref-page-r63f .messages-ref-card-r63f{
    grid-template-columns:48px minmax(0,1fr) !important;
    gap:9px !important;
    min-height:82px !important;
    padding:9px !important;
    border-radius:18px !important;
  }

  body #app .messages-reference-r58 .msng-item-av-wrap,
  body #app .messages-reference-r58 .msng-av2,
  body #app .messages-ref-page-r63f .messages-ref-avatar-r63f{
    width:48px !important;
    height:48px !important;
    border-radius:16px !important;
  }

  body #app .messages-reference-r58 .msng-item-name2,
  body #app .messages-ref-page-r63f .messages-ref-top-r63f strong{
    font-size:14px !important;
  }

  body #app .messages-reference-r58 .msng-item-svc,
  body #app .messages-reference-r58 .msng-item-car2,
  body #app .messages-reference-r58 .msng-item-preview2,
  body #app .messages-ref-page-r63f .messages-ref-snippet-r63f{
    font-size:11.5px !important;
  }
}

/* Tablet: keep readable, but do not use over-wide desktop scale. */
@media (min-width:768px) and (max-width:1023px){
  body #app .myorders-ref-r62z,
  body #app .orders-page-r62z,
  body #app [data-page="myorders"],
  body #app #myorders-page,
  body #app .messages-reference-r58,
  body #app .messages-ref-page-r63f{
    max-width:760px !important;
    padding-left:14px !important;
    padding-right:14px !important;
    padding-top:14px !important;
    padding-bottom:calc(var(--bottom-nav-h,78px) + 14px) !important;
  }

  body #app .myorders-ref-r62z .orders-layout-r62z,
  body #app .orders-page-r62z .orders-layout-r62z{
    display:block !important;
  }

  body #app .myorders-ref-r62z .orders-detail-r62z,
  body #app .orders-page-r62z .orders-detail-r62z,
  body #app .myorders-ref-r62z .orders-side-r62z,
  body #app .orders-page-r62z .orders-side-r62z{
    display:none !important;
  }

  body #app .messages-reference-r58 .msng-list--page,
  body #app .messages-ref-page-r63f .messages-ref-list-r63f{
    display:grid !important;
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:10px !important;
  }

  body #app .messages-reference-r58 .spa-hero-stats,
  body #app .messages-reference-r58 .msng-hero-stats{
    min-width:300px !important;
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }
}

/* Desktop: restore controlled content width instead of huge stretched cards. */
@media (min-width:1024px){
  body #app .myorders-ref-r62z,
  body #app .orders-page-r62z,
  body #app [data-page="myorders"],
  body #app #myorders-page,
  body #app .messages-reference-r58,
  body #app .messages-ref-page-r63f{
    max-width:1040px !important;
    padding-left:18px !important;
    padding-right:18px !important;
    padding-top:18px !important;
    padding-bottom:24px !important;
  }

  body #app .myorders-ref-r62z .orders-layout-r62z,
  body #app .orders-page-r62z .orders-layout-r62z{
    display:grid !important;
    grid-template-columns:minmax(0,1fr) 300px !important;
    gap:14px !important;
  }

  body #app .myorders-ref-r62z .order-card-r62z,
  body #app .orders-page-r62z .order-card-r62z{
    grid-template-columns:112px minmax(0,1fr) !important;
    padding:11px !important;
  }

  body #app .myorders-ref-r62z .order-card-photo-r62z,
  body #app .orders-page-r62z .order-card-photo-r62z{
    width:112px !important;
    height:98px !important;
  }

  body #app .messages-reference-r58 .msng-list--page,
  body #app .messages-ref-page-r63f .messages-ref-list-r63f{
    display:grid !important;
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:12px !important;
  }

  body #app .messages-reference-r58 .spa-hero-stats,
  body #app .messages-reference-r58 .msng-hero-stats{
    min-width:360px !important;
  }
}

/* Very wide monitors must not blow up the app scale. */
@media (min-width:1280px){
  body #app .myorders-ref-r62z,
  body #app .orders-page-r62z,
  body #app [data-page="myorders"],
  body #app #myorders-page,
  body #app .messages-reference-r58,
  body #app .messages-ref-page-r63f{
    max-width:1080px !important;
  }
}


/* ===== merged from client_anti_overlap_r63o.css ===== */
/* r63o — client anti-overlap guard.
   Scope: client visible pages only.
   Pages: #services, #parts, #masters, #myorders, #messages, #cabinet. */

html, body, body #app{
  max-width:100% !important;
  overflow-x:hidden !important;
}

body #app .services-app-page--reference-r62u,
body #app .parts-reference-r61,
body #app .masters-reference-r59,
body #app .masters-page,
body #app .myorders-ref-r62z,
body #app .orders-page-r62z,
body #app [data-page="myorders"],
body #app #myorders-page,
body #app .messages-reference-r58,
body #app .messages-ref-page-r63f,
body #app .cabinet-profile-page-r62u,
body #app .cabinet-level-page-r62v{
  position:relative !important;
  isolation:isolate !important;
  z-index:1 !important;
  overflow-x:hidden !important;
  transform:none !important;
  contain:layout paint !important;
}

body #app .services-app-page--reference-r62u :is(.services-home-head-r62u,.services-home-hero-r62u,.services-fast-grid-r62u,.services-home-block-r62u,.services-home-slider-r62w,.services-home-slider-dots-r62w,.services-home-nearby-r62u,.services-home-trust-r63a),
body #app .parts-reference-r61 :is(.spa-page-hero,.parts-sticky-tools,.catalog-tools,.parts-section-group,.parts-categories-grid,.parts-grid-v2,.parts-summary-card,.svc-active-category--page),
body #app .masters-reference-r59 :is(.spa-page-hero,.masters-sticky-tools,.catalog-tools,.masters-grid,.master-list),
body #app .masters-page :is(.spa-page-hero,.masters-sticky-tools,.catalog-tools,.masters-grid,.master-list),
body #app .myorders-ref-r62z :is(.orders-head-r62z,.orders-search-row-r62z,.orders-tabs-r62z,.orders-layout-r62z,.orders-list-r62z),
body #app .orders-page-r62z :is(.orders-head-r62z,.orders-search-row-r62z,.orders-tabs-r62z,.orders-layout-r62z,.orders-list-r62z),
body #app .messages-reference-r58 :is(.spa-page-hero,.catalog-tools,.msng-sticky-tools,.messages-reference-r58-listmount,.msng-list--page,.msng-empty-cta),
body #app .cabinet-profile-page-r62u :is(section,header,.card,.cabinet-card,.profile-card),
body #app .cabinet-level-page-r62v :is(section,header,.card,.cabinet-card,.profile-card){
  position:relative !important;
  top:auto !important;
  right:auto !important;
  bottom:auto !important;
  left:auto !important;
  transform:none !important;
  z-index:auto !important;
  max-width:100% !important;
}

body #app :is(.parts-reference-r61,.masters-reference-r59,.masters-page,.messages-reference-r58,.myorders-ref-r62z,.orders-page-r62z) :is(.catalog-tools,.masters-sticky-tools,.parts-sticky-tools,.msng-sticky-tools,.mobile-tools-icon-row){
  position:relative !important;
  top:auto !important;
  z-index:2 !important;
  margin-top:0 !important;
}

body #app :is(.services-app-page--reference-r62u,.parts-reference-r61,.masters-reference-r59,.masters-page,.myorders-ref-r62z,.orders-page-r62z,.messages-reference-r58,.messages-ref-page-r63f,.cabinet-profile-page-r62u,.cabinet-level-page-r62v) :is(.services-app-tile,.services-fast-card-r62u,.services-app-shop-card,.part-card-v2,.parts-category-card,.master-card,.master-card-v2,.masters-card,[data-master-card],.order-card-r62z,.msng-item,.msng-item--v2,.messages-ref-card-r63f,.card){
  min-width:0 !important;
  max-width:100% !important;
  overflow:hidden !important;
}

body #app :is(.services-app-page--reference-r62u,.parts-reference-r61,.masters-reference-r59,.masters-page,.myorders-ref-r62z,.orders-page-r62z,.messages-reference-r58,.messages-ref-page-r63f,.cabinet-profile-page-r62u,.cabinet-level-page-r62v) img{
  max-width:100% !important;
  height:auto;
}

body #app :is(.parts-reference-r61,.masters-reference-r59,.masters-page,.myorders-ref-r62z,.orders-page-r62z,.messages-reference-r58,.messages-ref-page-r63f,.cabinet-profile-page-r62u,.cabinet-level-page-r62v) :is(.part-card-v2-foot,.master-actions,.master-card__actions,.order-card-actions-r62z,.messages-ref-support-r63f){
  min-width:0 !important;
  max-width:100% !important;
}

body #app .services-home-r62u .services-home-hero-r62u{ isolation:isolate !important; }
body #app .services-home-r62u .services-home-hero-copy-r62u,
body #app .services-home-r62u .services-home-search-r62u{
  position:relative !important;
  z-index:5 !important;
}
body #app .services-home-r62u .services-home-hero-visual-r63a{
  z-index:1 !important;
  pointer-events:none !important;
}

body #bottom-nav,
body .bottom-nav,
body .bnav{
  position:fixed !important;
  z-index:900 !important;
  max-width:min(430px,100vw) !important;
  overflow:visible !important;
}

body :is(.modal,.modal-backdrop,.modal-overlay,.cmodal,.drawer,#drawer,#messenger-panel,#messenger-overlay,.bottom-sheet,.sheet,.toast,.toast-wrap){
  z-index:1000;
}

@media(max-width:767px){
  body #app .services-app-page--reference-r62u,
  body #app .parts-reference-r61,
  body #app .masters-reference-r59,
  body #app .masters-page,
  body #app .myorders-ref-r62z,
  body #app .orders-page-r62z,
  body #app .messages-reference-r58,
  body #app .messages-ref-page-r63f,
  body #app .cabinet-profile-page-r62u,
  body #app .cabinet-level-page-r62v{
    max-width:430px !important;
    margin-left:auto !important;
    margin-right:auto !important;
    padding-left:12px !important;
    padding-right:12px !important;
    padding-bottom:calc(var(--bottom-nav-h,72px) + env(safe-area-inset-bottom,0px) + 14px) !important;
  }

  body #app :is(.parts-reference-r61,.masters-reference-r59,.masters-page,.myorders-ref-r62z,.orders-page-r62z,.messages-reference-r58,.messages-ref-page-r63f,.cabinet-profile-page-r62u,.cabinet-level-page-r62v) :is(.parts-categories-grid,.parts-grid-v2,.masters-grid,.master-list,[data-masters-list],.orders-layout-r62z,.orders-list-r62z,.msng-list--page,.messages-ref-list-r63f){
    display:flex !important;
    flex-direction:column !important;
    gap:10px !important;
  }

  body #app :is(.orders-detail-r62z,.orders-side-r62z,.desktop-only,.tablet-desktop-only){
    display:none !important;
  }
}

@media(min-width:768px) and (max-width:1023px){
  body #app .services-app-page--reference-r62u,
  body #app .parts-reference-r61,
  body #app .masters-reference-r59,
  body #app .masters-page,
  body #app .myorders-ref-r62z,
  body #app .orders-page-r62z,
  body #app .messages-reference-r58,
  body #app .messages-ref-page-r63f,
  body #app .cabinet-profile-page-r62u,
  body #app .cabinet-level-page-r62v{
    max-width:760px !important;
    margin-left:auto !important;
    margin-right:auto !important;
    padding-left:14px !important;
    padding-right:14px !important;
    padding-bottom:calc(var(--bottom-nav-h,78px) + 16px) !important;
  }

  body #app :is(.orders-detail-r62z,.orders-side-r62z){
    display:none !important;
  }

  body #app .services-app-page--reference-r62u .services-app-phone.services-home-r62u{
    display:flex !important;
    flex-direction:column !important;
    gap:12px !important;
  }
}

@media(min-width:1024px){
  body #app .parts-reference-r61,
  body #app .masters-reference-r59,
  body #app .masters-page,
  body #app .myorders-ref-r62z,
  body #app .orders-page-r62z,
  body #app .messages-reference-r58,
  body #app .messages-ref-page-r63f,
  body #app .cabinet-profile-page-r62u,
  body #app .cabinet-level-page-r62v{
    max-width:1120px !important;
    margin-left:auto !important;
    margin-right:auto !important;
    padding-left:18px !important;
    padding-right:18px !important;
    padding-bottom:28px !important;
  }

  body #app .services-app-page--reference-r62u{ max-width:none !important; }
  body #app .services-app-page--reference-r62u .services-app-phone.services-home-r62u{ overflow:visible !important; }

  body #app .parts-reference-r61 :is(.parts-grid-v2,.parts-grid-v2--catalog),
  body #app .masters-reference-r59 :is(.masters-grid,.master-list,[data-masters-list]),
  body #app .masters-page :is(.masters-grid,.master-list,[data-masters-list]){
    align-items:stretch !important;
  }
}