/* The garage belongs to the vehicle-search form, alongside its current step. */
body.modern-platform #carForm .vehicle-form-heading {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  min-width: 0;
}
body.modern-platform #carForm .vehicle-form-heading .vehicle-step {
  flex: 1;
  min-width: 0;
  margin: 0;
  font-size: 12px;
  line-height: 1.5;
}
body.modern-platform #carForm .vehicle-garage-button {
  flex: 0 0 auto;
  width: auto;
  min-height: 44px;
  margin: 0 0 0 auto;
  padding: 8px 16px !important;
  border-radius: 999px !important;
  font-size: 12px !important;
  white-space: nowrap;
}

/* Plain corner crosses. The invisible 44px target remains easy to tap. */
html body:is(.modern-platform, .modern-crm) button:is(.drawer-close, .modal-close, .quote-product-image-close, .admin-calculator-close, .plain-window-close):not(.drawer-scrim):not(.modal-backdrop) {
  display: inline-grid !important;
  place-items: center !important;
  flex: 0 0 44px !important;
  box-sizing: border-box !important;
  width: 44px !important;
  min-width: 44px !important;
  max-width: 44px !important;
  height: 44px !important;
  min-height: 44px !important;
  max-height: 44px !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
  text-shadow: none !important;
  filter: none !important;
  transform: none !important;
  color: #526f82 !important;
  font: 400 28px/1 'DM Sans', sans-serif !important;
  cursor: pointer;
  transition: color .15s ease !important;
}
html body:is(.modern-platform, .modern-crm) button:is(.drawer-close, .modal-close, .quote-product-image-close, .admin-calculator-close, .plain-window-close):not(.drawer-scrim):not(.modal-backdrop):is(:hover, :focus, :focus-visible, :active) {
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  outline: 0 !important;
  text-shadow: none !important;
  filter: none !important;
  transform: none !important;
  color: #0879be !important;
}
html body:is(.modern-platform, .modern-crm) button:is(.drawer-close, .modal-close, .quote-product-image-close, .admin-calculator-close, .plain-window-close):focus-visible {
  text-decoration: underline !important;
  text-decoration-thickness: 2px !important;
  text-underline-offset: 5px !important;
}
body.modern-crm .news-admin-editor { position: relative; }
body.modern-crm .news-admin-editor > h3 { padding-right: 44px; }
body.modern-crm .news-admin-editor > button[data-cancel].plain-window-close {
  position: absolute;
  top: 8px;
  right: 8px;
  margin: 0 !important;
}

/* Suppress inherited glass-button pseudo-elements and focus frames on corner Xs. */
html body:is(.modern-platform, .modern-crm) button:is(.drawer-close, .modal-close, .quote-product-image-close, .admin-calculator-close, .plain-window-close)::before,
html body:is(.modern-platform, .modern-crm) button:is(.drawer-close, .modal-close, .quote-product-image-close, .admin-calculator-close, .plain-window-close)::after {
  display:none !important; content:none !important; border:0 !important; background:none !important; box-shadow:none !important;
}
html body:is(.modern-platform, .modern-crm) button:is(.drawer-close, .modal-close, .quote-product-image-close, .admin-calculator-close, .plain-window-close) {
  outline:0 !important; -webkit-tap-highlight-color:transparent;
  -webkit-user-select:none !important; user-select:none !important;
  -webkit-backdrop-filter:none !important; backdrop-filter:none !important;
}
/* All body-level overlays sit above the sticky header (110) and search dock (100).
   Blur the complete scene through the scrim, never a modal's parent element. */
html body.modern-platform .modal { z-index:1500 !important; }
html body.modern-platform .cart-drawer.open { z-index:1600 !important; }
html body.modern-platform .modal > .modal-backdrop,
html body.modern-platform .cart-drawer > .drawer-scrim {
  background:rgba(22,45,65,.25) !important;
  -webkit-backdrop-filter:blur(7px) !important; backdrop-filter:blur(7px) !important;
}
html body.modern-platform dialog::backdrop {
  background:rgba(22,45,65,.25) !important;
  -webkit-backdrop-filter:blur(7px) !important; backdrop-filter:blur(7px) !important;
}
body.modern-platform #backToTop {
  position:fixed !important; z-index:105 !important; right:22px; bottom:108px;
  display:grid; place-items:center; width:44px !important; height:44px !important;
  min-width:44px !important; min-height:44px !important; padding:0 !important;
  border:1px solid #b8d9ed !important; border-radius:50% !important;
  background:rgba(242,250,255,.94) !important; color:#126faa !important;
  box-shadow:0 4px 18px rgba(31,89,125,.15) !important;
  -webkit-backdrop-filter:blur(12px); backdrop-filter:blur(12px);
}
body.modern-platform #backToTop[hidden],
body.modern-platform:has(.modal.open, .cart-drawer.open, dialog[open]) #backToTop { display:none !important; }
body.modern-platform #backToTop svg { display:block; }
@media(max-width:650px) { body.modern-platform #backToTop { right:14px; bottom:92px; } }

/* The hover feedback is drawn by the glyph, never by the button's rectangle. */
html body:is(.modern-platform, .modern-crm) button:is(.drawer-close, .modal-close, .quote-product-image-close, .admin-calculator-close, .plain-window-close):not(.drawer-scrim):not(.modal-backdrop):is(:hover, :focus, :focus-visible, :active) {
  background:transparent !important; background-image:none !important;
  border:0 !important; outline:0 !important; box-shadow:none !important;
  -webkit-backdrop-filter:none !important; backdrop-filter:none !important;
  filter:none !important; transform:none !important;
}
@media (hover:hover) and (pointer:fine) {
  html body:is(.modern-platform, .modern-crm) button:is(.drawer-close, .modal-close, .quote-product-image-close, .admin-calculator-close, .plain-window-close):not(.drawer-scrim):not(.modal-backdrop):hover {
    color:#0879be !important;
    text-shadow:0 0 7px rgba(8,121,190,.55) !important;
  }
  html body:is(.modern-platform, .modern-crm) button:is(.drawer-close, .modal-close, .quote-product-image-close, .admin-calculator-close, .plain-window-close):not(.drawer-scrim):not(.modal-backdrop):hover svg {
    filter:drop-shadow(0 0 3px rgba(8,121,190,.45)) !important;
  }
}