.ttm-microsite-nav {
  --ttm-bar-bg: #ffffff;
  --ttm-btn-bg: #000000;
  --ttm-btn-bg-hover: #D60302;
  --ttm-btn-bg-active: #D60302;
  --ttm-btn-text: #ffffff;
  --ttm-btn-text-hover: #ffffff;
  --ttm-btn-text-active: #ffffff;
  --ttm-font: inherit;
  --ttm-font-size: 14px;
  --ttm-mobile-font: inherit;
  --ttm-mobile-font-size: 14px;
  --ttm-logo-width: 150px;
  --ttm-logo-height: 75px;
  --ttm-logo-width-mobile: 150px;
  --ttm-logo-height-mobile: 75px;
  --ttm-offset-extra: 0px;
  --ttm-btn-width: auto;
  --ttm-btn-height: 34px;
  --ttm-mobile-btn-width: auto;
  --ttm-mobile-btn-height: 34px;
  --ttm-btn-gap: 8px;
  --ttm-mobile-btn-gap: 8px;
  --ttm-logo-ml: 0px;
  --ttm-logo-mr: 0px;
  --ttm-nav-ml: 0px;
  --ttm-nav-mr: 0px;
  --ttm-mobile-logo-ml: 0px;
  --ttm-mobile-logo-mr: 0px;
  --ttm-mobile-nav-ml: 0px;
  --ttm-mobile-nav-mr: 0px;
  --ttm-btn-radius-tl: 12px;
  --ttm-btn-radius-tr: 12px;
  --ttm-btn-radius-br: 12px;
  --ttm-btn-radius-bl: 12px;
  --ttm-mobile-btn-radius-tl: 12px;
  --ttm-mobile-btn-radius-tr: 12px;
  --ttm-mobile-btn-radius-br: 12px;
  --ttm-mobile-btn-radius-bl: 12px;
  position: relative;
  z-index: 20;
  width: 100%;
  margin: 0 0 20px;
}

.ttm-microsite-nav.is-sticky {
  position: sticky;
  top: calc(var(--ttm-computed-offset, 0px) + var(--ttm-offset-extra));
}

.ttm-microsite-nav .ttm-inner {
  position: relative;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: 14px;
  padding: 10px 14px;
  background: var(--ttm-bar-bg);
  border-radius: 18px;
  box-shadow: 0 8px 24px rgba(15, 23, 42, 0.08);
}

.ttm-microsite-nav.logo-right .ttm-inner {
  grid-template-columns: auto minmax(0, 1fr) auto;
}

.ttm-microsite-nav .ttm-logo-slot,
.ttm-microsite-nav .ttm-balance-slot {
  display: flex;
  align-items: center;
  min-width: 0;
}

.ttm-microsite-nav .ttm-logo-slot.desktop-only {
  margin-left: var(--ttm-logo-ml);
  margin-right: var(--ttm-logo-mr);
}

.ttm-microsite-nav.logo-left .ttm-logo-slot.desktop-only {
  grid-column: 1;
  justify-content: flex-start;
}

.ttm-microsite-nav.logo-left .ttm-balance-slot.desktop-only {
  grid-column: 3;
}

.ttm-microsite-nav.logo-right .ttm-logo-slot.desktop-only {
  grid-column: 3;
  justify-content: flex-end;
}

.ttm-microsite-nav.logo-right .ttm-balance-slot.desktop-only {
  grid-column: 1;
}

.ttm-microsite-nav .ttm-logo-link {
  display: inline-flex;
  align-items: center;
  text-decoration: none;
}

.ttm-microsite-nav .ttm-logo {
  display: block;
  width: var(--ttm-logo-width);
  max-width: 100%;
  max-height: var(--ttm-logo-height);
  object-fit: contain;
}

.ttm-microsite-nav .ttm-nav-slot {
  grid-column: 2;
  min-width: 0;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  justify-content: center;
}

.ttm-microsite-nav .ttm-nav {
  display: flex;
  flex-wrap: wrap;
  gap: var(--ttm-btn-gap);
  margin-left: var(--ttm-nav-ml);
  margin-right: var(--ttm-nav-mr);
}

.ttm-microsite-nav.nav-align-left .ttm-nav {
  justify-content: flex-start;
}

.ttm-microsite-nav.nav-align-center .ttm-nav {
  justify-content: center;
}

.ttm-microsite-nav.nav-align-right .ttm-nav {
  justify-content: flex-end;
}

.ttm-microsite-nav .ttm-nav-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: var(--ttm-btn-height);
  height: var(--ttm-btn-height);
  width: var(--ttm-btn-width);
  padding: 7px 14px;
  border-radius: var(--ttm-btn-radius-tl) var(--ttm-btn-radius-tr) var(--ttm-btn-radius-br) var(--ttm-btn-radius-bl);
  background: var(--ttm-btn-bg);
  color: var(--ttm-btn-text);
  text-decoration: none !important;
  font-family: var(--ttm-font);
  font-size: var(--ttm-font-size);
  font-weight: 600;
  line-height: 1.2;
  transition: background-color .2s ease, color .2s ease, transform .2s ease;
}

.ttm-microsite-nav .ttm-nav-btn:hover,
.ttm-microsite-nav .ttm-nav-btn:focus {
  background: var(--ttm-btn-bg-hover);
  color: var(--ttm-btn-text-hover);
  transform: translateY(-1px);
}

.ttm-microsite-nav .ttm-nav-btn.is-active {
  
  color: var(--ttm-btn-text-active);
}

.ttm-microsite-nav .mobile-only {
  display: none;
}

.ttm-microsite-nav .desktop-only.is-empty,
.ttm-microsite-nav.no-logo .ttm-balance-slot {
  visibility: hidden;
}

.ttm-microsite-source-content {
  display: block;
  width: 100%;
}

/* mobile hamburger styles */
.ttm-hamburger-btn {
  appearance: none;
  border: 0;
  background: transparent;
  width: 42px;
  height: 42px;
  min-width: 42px;
  padding: 0;
  display: none;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: 5px;
  cursor: pointer;
  border-radius: 10px;
}

.ttm-hamburger-btn span {
  display: block;
  width: 22px;
  height: 2px;
  background: #111827;
  border-radius: 999px;
  transition: transform .25s ease, opacity .25s ease;
}

.ttm-microsite-nav.menu-open .ttm-hamburger-btn span:nth-child(1) {
  transform: translateY(7px) rotate(45deg);
}

.ttm-microsite-nav.menu-open .ttm-hamburger-btn span:nth-child(2) {
  opacity: 0;
}

.ttm-microsite-nav.menu-open .ttm-hamburger-btn span:nth-child(3) {
  transform: translateY(-7px) rotate(-45deg);
}

.ttm-mobile-dropdown {
  display: none;
}

.ttm-mobile-dropdown[hidden] {
  display: none !important;
}

.ttm-mobile-nav {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.ttm-mobile-nav .ttm-nav-btn {
  width: 100%;
  justify-content: flex-start;
  font-family: var(--ttm-mobile-font);
  font-size: var(--ttm-mobile-font-size);
  min-height: var(--ttm-mobile-btn-height);
  height: auto;
  padding: 12px 14px;
  border-radius: var(--ttm-mobile-btn-radius-tl) var(--ttm-mobile-btn-radius-tr) var(--ttm-mobile-btn-radius-br) var(--ttm-mobile-btn-radius-bl);
}

@media (max-width: 767px) {
  .ttm-microsite-nav .ttm-inner,
  .ttm-microsite-nav.logo-right .ttm-inner {
    grid-template-columns: minmax(0, 1fr);
    gap: 10px;
    padding: 12px;
  }

  .ttm-microsite-nav .desktop-only {
    display: none !important;
  }

  .ttm-microsite-nav .mobile-only {
    display: flex;
  }

  .ttm-microsite-nav .ttm-nav-slot {
    grid-column: 1;
    gap: 10px;
  }

  .ttm-microsite-nav .ttm-mobile-topbar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    width: 100%;
  }

  .ttm-microsite-nav .ttm-logo-slot.mobile-only {
    margin-left: var(--ttm-mobile-logo-ml);
    margin-right: var(--ttm-mobile-logo-mr);
    flex: 1 1 auto;
    justify-content: flex-start;
  }

  .ttm-microsite-nav .ttm-logo-slot.mobile-only .ttm-logo {
    width: var(--ttm-logo-width-mobile);
    max-width: 100%;
    max-height: var(--ttm-logo-height-mobile);
  }

  .ttm-hamburger-btn.mobile-only {
    display: inline-flex;
  }

  .ttm-mobile-dropdown {
    display: block;
    width: 100%;
    background: var(--ttm-bar-bg);
    border-top: 1px solid rgba(15, 23, 42, 0.08);
    padding-top: 10px;
  }

  .ttm-microsite-nav .ttm-nav.desktop-only {
    display: none !important;
  }
}
/* v1.9.0 fixes: active state + phone display */
.ttm-microsite-nav .ttm-nav-btn.is-active,
.ttm-microsite-nav .ttm-nav-btn.is-active:hover,
.ttm-microsite-nav .ttm-nav-btn.is-active:focus {
  background: var(--ttm-btn-bg-active);
  color: var(--ttm-btn-text-active);
  transform: none;
}

.ttm-microsite-nav .ttm-phone-slot {
  grid-column: 3;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  min-width: max-content;
}

.ttm-microsite-nav.logo-right .ttm-phone-slot {
  grid-column: 3;
}

.ttm-microsite-nav .ttm-phone-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  min-height: var(--ttm-btn-height);
  padding: 7px 14px;
  border-radius: var(--ttm-btn-radius-tl) var(--ttm-btn-radius-tr) var(--ttm-btn-radius-br) var(--ttm-btn-radius-bl);
  background: var(--ttm-btn-bg-active);
  color: var(--ttm-btn-text-active);
  text-decoration: none !important;
  font-family: var(--ttm-font);
  font-size: var(--ttm-font-size);
  font-weight: 700;
  line-height: 1.2;
  white-space: nowrap;
}

.ttm-microsite-nav .ttm-phone-link:hover,
.ttm-microsite-nav .ttm-phone-link:focus {
  background: var(--ttm-btn-bg-hover);
  color: var(--ttm-btn-text-hover);
}

.ttm-microsite-nav .ttm-phone-label {
  opacity: .9;
}

@media (max-width: 767px) {
  .ttm-microsite-nav .ttm-mobile-topbar {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto minmax(42px, 1fr);
    align-items: center;
  }

  .ttm-microsite-nav .ttm-logo-slot.mobile-only {
    grid-column: 1;
  }

  .ttm-microsite-nav .ttm-phone-link-mobile {
    grid-column: 2;
    justify-self: center;
    font-family: var(--ttm-mobile-font);
    font-size: var(--ttm-mobile-font-size);
    min-height: var(--ttm-mobile-btn-height);
    padding: 8px 10px;
    max-width: 42vw;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  .ttm-microsite-nav .ttm-phone-link-mobile .ttm-phone-label {
    display: none;
  }

  .ttm-hamburger-btn.mobile-only {
    grid-column: 3;
    justify-self: end;
  }
}

/* v2.2.0 frontend manager/editor UI polish */
.ttm-front-wrap{max-width:1180px;margin:24px auto;padding:0 16px;font-family:inherit;color:#0f172a}.ttm-front-card,.ttm-editor-card,.ttm-frontend-editor{box-sizing:border-box}.ttm-front-card,.ttm-editor-card{background:#fff;border:1px solid #e2e8f0;border-radius:22px;padding:22px;box-shadow:0 12px 32px rgba(15,23,42,.06);margin-bottom:18px}.ttm-front-back{display:inline-flex;align-items:center;gap:6px;min-height:38px;padding:8px 12px;margin:0 0 14px;border-radius:12px;background:#f1f5f9;border:1px solid #e2e8f0;color:#0f172a!important;text-decoration:none!important;font-weight:700;font-size:13px}.ttm-front-back:hover{background:#e2e8f0}.ttm-editor-head{margin-bottom:18px;padding-bottom:16px;border-bottom:1px solid #e2e8f0}.ttm-editor-head h2,.ttm-front-title{margin:0;color:#0f172a;font-family:inherit;font-size:28px;line-height:1.2;font-weight:800;letter-spacing:-.02em}.ttm-editor-head p,.ttm-front-sub,.ttm-frontend-editor .description{margin:6px 0 0;color:#64748b;font-size:14px;line-height:1.55}.ttm-frontend-notice,.ttm-front-notice,.ttm-front-alert{padding:12px 14px;border-radius:12px;margin-bottom:14px;background:#ecfdf5;color:#065f46;border:1px solid #bbf7d0;font-weight:700}.ttm-frontend-editor h3{margin:26px 0 14px;padding:0 0 10px;border-bottom:1px solid #e2e8f0;color:#0f172a;font-family:inherit;font-size:20px;line-height:1.25;font-weight:800;letter-spacing:-.01em}.ttm-frontend-editor h3:first-of-type{margin-top:0}.ttm-frontend-editor .ttm-grid{display:grid;gap:18px;margin-bottom:22px}.ttm-frontend-editor .ttm-grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.ttm-frontend-editor .ttm-grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.ttm-frontend-editor .ttm-field{background:#f8fafc;border:1px solid #e2e8f0;border-radius:16px;padding:14px}.ttm-frontend-editor .ttm-field label{display:block;margin:0 0 8px;color:#0f172a;font-size:13px;font-weight:800}.ttm-frontend-editor input[type=text],.ttm-frontend-editor input[type=number],.ttm-frontend-editor select,.ttm-frontend-editor .widefat{width:100%!important;min-height:42px!important;border:1px solid #cbd5e1!important;border-radius:12px!important;background-color:#fff!important;color:#0f172a!important;padding:9px 12px!important;font-size:14px!important;line-height:1.35!important;box-shadow:none!important;max-width:100%!important}.ttm-frontend-editor input[type=color]{width:52px!important;height:42px!important;min-height:42px!important;padding:3px!important;border:1px solid #cbd5e1!important;border-radius:10px!important;background:#fff!important}.ttm-frontend-editor input:focus,.ttm-frontend-editor select:focus{outline:none!important;border-color:#d60302!important;box-shadow:0 0 0 3px rgba(214,3,2,.10)!important}.ttm-frontend-editor .ttm-items-table{width:100%;border-collapse:separate;border-spacing:0 10px;border:0!important;background:transparent!important;margin-bottom:24px}.ttm-frontend-editor .ttm-items-table thead th{padding:0 12px 4px;border:0!important;background:transparent!important;color:#475569;font-size:12px;text-transform:uppercase;letter-spacing:.04em;font-weight:800}.ttm-frontend-editor .ttm-items-table tbody tr{background:#f8fafc}.ttm-frontend-editor .ttm-items-table tbody td{padding:12px;border-top:1px solid #e2e8f0;border-bottom:1px solid #e2e8f0;background:#f8fafc;vertical-align:middle}.ttm-frontend-editor .ttm-items-table tbody td:first-child{border-left:1px solid #e2e8f0;border-radius:16px 0 0 16px}.ttm-frontend-editor .ttm-items-table tbody td:last-child{border-right:1px solid #e2e8f0;border-radius:0 16px 16px 0}.ttm-front-btn,.ttm-save-btn,.ttm-frontend-editor .button-primary{display:inline-flex!important;align-items:center;justify-content:center;min-height:44px!important;padding:11px 18px!important;border:0!important;border-radius:12px!important;background:#d60302!important;color:#fff!important;text-decoration:none!important;font-weight:800!important;font-size:14px!important;line-height:1.2!important;cursor:pointer;box-shadow:none!important}.ttm-front-btn:hover,.ttm-save-btn:hover,.ttm-frontend-editor .button-primary:hover{background:#bb0202!important;color:#fff!important}.ttm-frontend-editor>p:last-child{position:sticky;bottom:0;margin:24px -22px -22px;padding:16px 22px;background:rgba(255,255,255,.94);border-top:1px solid #e2e8f0;border-radius:0 0 22px 22px;backdrop-filter:blur(8px);text-align:right}@media(max-width:900px){.ttm-frontend-editor .ttm-grid-2,.ttm-frontend-editor .ttm-grid-3{grid-template-columns:1fr}}@media(max-width:767px){.ttm-front-wrap{padding:0 10px;margin:16px auto}.ttm-front-card,.ttm-editor-card{padding:16px;border-radius:18px}.ttm-editor-head h2,.ttm-front-title{font-size:22px}.ttm-frontend-editor .ttm-items-table,.ttm-frontend-editor .ttm-items-table thead,.ttm-frontend-editor .ttm-items-table tbody,.ttm-frontend-editor .ttm-items-table th,.ttm-frontend-editor .ttm-items-table td,.ttm-frontend-editor .ttm-items-table tr{display:block}.ttm-frontend-editor .ttm-items-table thead{display:none}.ttm-frontend-editor .ttm-items-table tbody tr{border:1px solid #e2e8f0;border-radius:16px;padding:12px;margin-bottom:12px}.ttm-frontend-editor .ttm-items-table tbody td,.ttm-frontend-editor .ttm-items-table tbody td:first-child,.ttm-frontend-editor .ttm-items-table tbody td:last-child{border:0!important;border-radius:0;padding:6px 0}.ttm-frontend-editor>p:last-child{margin:18px -16px -16px;padding:14px 16px;text-align:stretch}.ttm-save-btn{width:100%}}

.ttm-front-add-row-wrap{margin:12px 0 22px}.ttm-front-mini-link{border:0;background:transparent;color:#d60302;font-weight:700;cursor:pointer;padding:6px 8px}.ttm-front-mini-link:hover{text-decoration:underline}.ttm-front-items-table th:last-child,.ttm-front-items-table td:last-child{width:90px;text-align:center}
.ttm-frontend-notice-error{background:#fef2f2!important;color:#991b1b!important;border-color:#fecaca!important}.ttm-frontend-editor .ttm-duplicate-base-warning{display:block;margin:10px 0 0!important;padding:8px 10px!important;border-radius:8px;background:#fffbeb!important;color:#92400e!important;border:1px solid #fde68a!important}
