/* Washer-only compatibility tokens recovered from the retired service assets.
 * The canonical public header/footer remain the owners of shell geometry.
 * This early stylesheet must load before public-shell-core and header-canonical. */
html[data-tmset-washer-page] {
  --tm-washer-font-body: var(--tmset-font-body,"Vazirmatn","Estedad","IRANSansX","IRANSans","Segoe UI",Tahoma,Arial,sans-serif);
  --tm-washer-font-heading: var(--tmset-font-heading,"Estedad","Vazirmatn","IRANSansX","IRANSans","Segoe UI",Tahoma,Arial,sans-serif);
  --tmset-alpha-line-96: rgba(230, 236, 242, .96);
  --tmset-alpha-navy-08: rgba(11, 34, 57, .08);
  --tmset-alpha-navy-10: rgba(11, 34, 57, .1);
  --tmset-alpha-navy-12: rgba(11, 34, 57, .12);
  --tmset-alpha-primary-10: rgba(21, 126, 64, .1);
  --tmset-alpha-primary-12: rgba(21, 126, 64, .12);
  --tmset-alpha-primary-18: rgba(21, 126, 64, .18);
  --tmset-alpha-teal-08: rgba(14, 124, 134, .08);
  --tmset-alpha-white-08: rgba(255, 255, 255, .08);
  --tmset-alpha-white-10: rgba(255, 255, 255, .1);
  --tmset-alpha-white-12: rgba(255, 255, 255, .12);
  --tmset-alpha-white-18: rgba(255, 255, 255, .18);
  --tmset-alpha-white-22: rgba(255, 255, 255, .22);
  --tmset-alpha-white-72: rgba(255, 255, 255, .72);
  --tmset-alpha-white-78: rgba(255, 255, 255, .78);
  --tmset-alpha-white-82: rgba(255, 255, 255, .82);
  --tmset-alpha-white-86: rgba(255, 255, 255, .86);
  --tmset-alpha-white-88: rgba(255, 255, 255, .88);
  --tmset-alpha-white-92: rgba(255, 255, 255, .92);
  --tmset-alpha-white-94: rgba(255, 255, 255, .94);
  --tmset-alpha-white-96: rgba(255, 255, 255, .96);
  --tmset-alpha-white-98: rgba(255, 255, 255, .98);
  --tmset-color-bg: var(--tmset-surface);
  --tmset-color-primary: #157E40;
  --tmset-font-body: "Vazirmatn", "IRANSansX", "IRANSans", "Segoe UI", Tahoma, Arial, sans-serif;
  --tmset-font-heading: "Vazirmatn", "IRANSansX", "IRANSans", "Segoe UI", Tahoma, Arial, sans-serif;
  --tmset-green-border-soft: #c9f6df;
  --tmset-green-mint: #d7fff1;
  --tmset-header-gap: 12px;
  --tmset-header-row-height: 66px;
  --tmset-mega-panel-border: rgba(218,232,235,.94);
  --tmset-mega-panel-radius: 26px;
  --tmset-mega-panel-shadow: 0 28px 78px rgba(7,23,38,.18), 0 8px 24px var(--tmset-alpha-teal-08);
  --tmset-mobile-dock-height: 68px;
  --tmset-mobile-dock-radius: 22px;
  --tmset-mobile-header-bg-scrolled: rgba(255, 255, 255, .965);
  --tmset-mobile-header-bg-top: transparent;
  --tmset-mobile-header-border-scrolled: var(--tmset-alpha-navy-10);
  --tmset-mobile-header-border-top: transparent;
  --tmset-mobile-header-control-bg-scrolled: var(--tmset-color-bg);
  --tmset-mobile-header-control-bg-top: var(--tmset-alpha-white-88);
  --tmset-mobile-header-control-border-scrolled: var(--tmset-alpha-navy-12);
  --tmset-mobile-header-control-border-top: var(--tmset-alpha-navy-08);
  --tmset-mobile-header-fg-scrolled: var(--tmset-navy-900);
  --tmset-mobile-header-fg-top: var(--tmset-navy-900);
  --tmset-mobile-header-height: var(--tmset-header-mobile-main, 64px);
  --tmset-mobile-header-radius: 24px;
  --tmset-mobile-header-top: max(10px, env(safe-area-inset-top, 0px));
  --tmset-mobile-shell-inline: 12px;
  --tmset-navy-900: #0B2239;
  --tmset-p2-bottom-hidden-shift: calc(100% + 32px + env(safe-area-inset-bottom, 0px));
  --tmset-surface: #F6F9FC;
  --tmset-tap-target: 44px;
}

/* A closed translated drawer must not paint its shadow over the content. */
html[data-tmset-shell-css="v1"] body.tmset-page-washer-service #tmsetDrawer[aria-hidden="true"] {
  visibility: hidden !important;
  box-shadow: none !important;
}

/* The fixed nav is a sibling of main, not a descendant of the page design.
 * Reserve its height ONCE at the document end, after the shared footer. */
@media (max-width: 1060px) {
  html[data-tmset-shell-css="v1"] body.tmset-page-washer-service #main-content[data-tmset-main] {
    padding-block-end: 0 !important;
  }
  html[data-tmset-shell-css="v1"] body.tmset-page-washer-service #tmset-footer {
    padding-block-end: max(var(--tmset-service-nav-reserved, 108px), var(--tmset-mobile-ux-fixed-space, 0px)) !important;
  }
}
