/* Shared customer navigation: loaded on every public customer-facing page. */
@media (max-width: 767px) {
  html.c24-mobile-enabled body { padding-bottom: 70px; }
  body > header:not(.c24-mobile-header) { display: none !important; }
  .c24-mobile-header { position: sticky; top: 0; z-index: 120; height: 70px; display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 0 16px; background: #fff; border-bottom: 1px solid #e5eaf0; box-shadow: 0 2px 10px rgba(10, 32, 58, .05); }
  .c24-mobile-header img { display: block; width: 142px; height: 42px; object-fit: contain; object-position: left center; }
  .c24-mobile-header-actions { display: flex; align-items: center; gap: 8px; }
  .c24-mobile-sos, .c24-mobile-menu-toggle { border: 0; font: 800 11px/1 "DM Sans", sans-serif; cursor: pointer; }
  .c24-mobile-sos { min-height: 34px; padding: 0 12px; border-radius: 8px; background: #f25531; color: #fff; }
  .c24-mobile-menu-toggle { width: 36px; height: 36px; border-radius: 8px; background: #f0f3f7; color: #10233f; font-size: 21px; }
  .c24-mobile-menu { position: fixed; z-index: 150; top: 78px; right: 12px; bottom: auto; left: auto; width: min(332px, calc(100vw - 24px)); max-height: calc(100dvh - 94px); padding: 18px 17px 20px; overflow: auto; border: 1px solid #e0e7ee; border-radius: 16px; background: #fff; box-shadow: 0 18px 46px rgba(6, 22, 43, .27); opacity: 0; visibility: hidden; transform: translateY(-12px) scale(.98); transition: opacity .18s ease, transform .18s ease, visibility .18s; }
  .c24-mobile-menu.open { opacity: 1; visibility: visible; transform: translateY(0) scale(1); }
  .c24-mobile-menu-head { display: grid; grid-template-columns: 1fr auto; align-items: center; min-height: 36px; padding: 0 0 14px 4px; border-bottom: 1px solid #e5eaf0; color: #67778b; font: 800 10px/1 "DM Sans", sans-serif; letter-spacing: 1px; }
  .c24-mobile-menu-close { position: static; width: 36px; height: 36px; border: 0; border-radius: 50%; background: #fff0ea; color: #ef5230; font-size: 23px; cursor: pointer; }
  .c24-mobile-menu nav { display: grid; gap: 4px; padding-top: 13px; }
  .c24-mobile-menu a, .c24-mobile-menu button { display: flex; align-items: center; gap: 13px; width: 100%; min-height: 46px; padding: 0 11px; border: 0; border-radius: 9px; background: transparent; color: #10233f; font: 800 14px/1 "DM Sans", sans-serif; text-align: left; text-decoration: none; cursor: pointer; }
  .c24-mobile-menu .c24-menu-sos { background: #fff0ea; color: #eb4e2c; }
  .c24-mobile-bottom-nav { position: fixed; z-index: 130; right: 0; bottom: 0; left: 0; display: flex; height: 70px; align-items: stretch; justify-content: space-around; border-top: 1px solid #e5eaf0; background: #fff; box-shadow: 0 -8px 22px rgba(23, 38, 57, .08); }
  .c24-mobile-bottom-nav a, .c24-mobile-bottom-nav button { display: flex; min-width: 54px; flex: 1; flex-direction: column; align-items: center; justify-content: center; gap: 4px; border: 0; background: transparent; color: #66768c; font: 800 17px/1 "DM Sans", sans-serif; text-decoration: none; cursor: pointer; }
  .c24-mobile-bottom-nav span { font-size: 9px; }
  .c24-mobile-bottom-nav .active, .c24-mobile-bottom-nav .c24-nav-sos { color: #ee5230; }
  .c24-mobile-backdrop { position: fixed; z-index: 140; inset: 0; display: none; border: 0; background: rgba(4, 18, 36, .56); }
  .c24-mobile-backdrop.open { display: block; }
}
@media (min-width: 768px) { .c24-mobile-header, .c24-mobile-menu, .c24-mobile-bottom-nav, .c24-mobile-backdrop { display: none !important; } }
@media (max-width: 767px) { html.c24-transition-pending body { visibility: hidden; } }

.c24-page-transition { position: fixed; z-index: 1000; inset: 0; display: grid; place-items: center; background: #f7f9fc; opacity: 0; pointer-events: none; transition: opacity .16s ease; }
.c24-page-transition::after { width: 26px; height: 26px; border: 3px solid #dce5ef; border-top-color: #f25531; border-radius: 50%; content: ''; animation: c24-page-spin .65s linear infinite; }
.c24-page-transition.is-visible { opacity: 1; pointer-events: auto; }
@keyframes c24-page-spin { to { transform: rotate(360deg); } }