@charset "UTF-8";

/***** Normalize.css *****/
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
html {
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
}

body {
  margin: 0;
}

main {
  display: block;
}

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible;
}

pre {
  font-family: monospace, monospace;
  font-size: 1em;
}

a {
  background-color: transparent;
}

abbr[title] {
  border-bottom: none;
  text-decoration: underline;
  text-decoration: underline dotted;
}

b,
strong {
  font-weight: bolder;
}

code,
kbd,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

small {
  font-size: 80%;
}

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

img {
  border-style: none;
}

button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  font-size: 100%;
  line-height: 1.15;
  margin: 0;
}

button,
input {
  overflow: visible;
}

button,
select {
  text-transform: none;
}

button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
}

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

fieldset {
  padding: 0.35em 0.75em 0.625em;
}

legend {
  box-sizing: border-box;
  color: inherit;
  display: table;
  max-width: 100%;
  padding: 0;
  white-space: normal;
}

progress {
  vertical-align: baseline;
}

textarea {
  overflow: auto;
}

[type="checkbox"],
[type="radio"] {
  box-sizing: border-box;
  padding: 0;
}

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

[type="search"] {
  -webkit-appearance: textfield;
  outline-offset: -2px;
}

[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit;
}

details {
  display: block;
}

summary {
  display: list-item;
}

template {
  display: none;
}

[hidden] {
  display: none;
}

/***** Base *****/
* {
  box-sizing: border-box;
}

body {
  background-color: #FFFFFF;
  color: #2F3941;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif;
  font-size: 15px;
  line-height: 1.5;
  -webkit-font-smoothing: antialiased;
}

@media (min-width: 1024px) {
  body > main {
    min-height: 65vh;
  }
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif;
  margin-top: 0;
}

h1 {
  font-size: 32px;
}

h2 {
  font-size: 22px;
}

h3 {
  font-size: 18px;
  font-weight: 600;
}

h4 {
  font-size: 16px;
}

a {
  color: #1F73B7;
  text-decoration: none;
}

a:visited {
  color: #9358B0;
}

a:hover, a:active, a:focus {
  text-decoration: underline;
}

input,
textarea {
  color: #000;
  font-size: 14px;
}

input {
  max-width: 100%;
  box-sizing: border-box;
  transition: border 0.12s ease-in-out;
}

input:not([type="checkbox"]) {
  outline: none;
}

input:not([type="checkbox"]):focus {
  border: 1px solid #17494D;
}

input[disabled] {
  background-color: #ddd;
}

select {
  -webkit-appearance: none;
  -moz-appearance: none;
  background: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath fill='%23CCC' d='M0 0h10L5 6 0 0z'/%3E%3C/svg%3E%0A") no-repeat #fff;
  background-position: right 10px center;
  border: 1px solid #87929D;
  border-radius: 4px;
  padding: 8px 30px 8px 10px;
  outline: none;
  color: #555;
  width: 100%;
}

select:focus {
  border: 1px solid #17494D;
}

select::-ms-expand {
  display: none;
}

textarea {
  border: 1px solid #87929D;
  border-radius: 2px;
  resize: vertical;
  width: 100%;
  outline: none;
  padding: 10px;
}

textarea:focus {
  border: 1px solid #17494D;
}

.container {
  max-width: 1160px;
  margin: 0 auto;
  padding: 0 5%;
}

@media (min-width: 1160px) {
  .container {
    padding: 0;
    width: 90%;
  }
}

.container-divider {
  border-top: 1px solid #ddd;
  margin-bottom: 20px;
}

ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.error-page {
  max-width: 1160px;
  margin: 0 auto;
  padding: 0 5%;
}

@media (min-width: 1160px) {
  .error-page {
    padding: 0;
    width: 90%;
  }
}

.visibility-hidden {
  border: 0;
  clip: rect(0 0 0 0);
  -webkit-clip-path: inset(50%);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  white-space: nowrap;
}

/***** Header *****/
.header {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  max-width: 1160px;
  margin: 0 auto;
  padding: 0 5%;
  position: relative;
  height: 71px;
  justify-content: space-between;
}

@media (min-width: 1160px) {
  .header {
    padding: 0;
    width: 90%;
  }
}

.logo img {
  max-height: 37px;
  vertical-align: middle;
}

.logo span {
  margin: 0 10px;
  color: #17494D;
}

.logo a {
  display: inline-block;
}

.logo a:hover, .logo a:focus, .logo a:active {
  text-decoration: none;
}

.header > .logo {
  flex: 0 0 auto;
}

.header > .nav-wrapper {
  flex: 0 0 auto;
  margin-left: auto;
}

/***** Breadcrumbs *****/
.breadcrumbs {
  margin: 0 0 15px 0;
  padding: 0;
}

@media (min-width: 768px) {
  .breadcrumbs {
    margin: 0;
  }
}

.breadcrumbs li {
  color: #5a6d7c;
  display: inline;
  font-size: 13px;
  max-width: 450px;
  overflow: hidden;
  text-overflow: ellipsis;
}

.breadcrumbs li + li::before {
  content: ">";
  margin: 0 4px;
}

.breadcrumbs li a:visited {
  color: #1F73B7;
}

/***** Search field *****/
.search-container {
  position: relative;
}

.search {
  border-color: #87929D;
  border-radius: 30px;
  border-style: solid;
  border-width: 1px;
  display: flex;
  position: relative;
  transition: border 0.12s ease-in-out;
}

.search:focus-within {
  border-color: #17494D;
}

.search input[type="search"],
.search .clear-button {
  background-color: #fff;
  border-radius: 30px;
  border: none;
}

.search input[type="search"] {
  appearance: none;
  -webkit-appearance: none;
  box-sizing: border-box;
  color: #666;
  flex: 1 1 auto;
  height: 40px;
  width: 100%;
}

.search-icon {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 15px;
  z-index: 1;
  width: 18px;
  height: 18px;
  color: #777;
  pointer-events: none;
}

.sub-nav {
  align-items: baseline;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  gap: 15px 30px;
  justify-content: space-between;
  margin-bottom: 30px;
}

@media (min-width: 768px) {
  .sub-nav {
    flex-direction: row;
  }
}

.sub-nav .breadcrumbs {
  margin: 0;
}

.sub-nav .search-container {
  max-width: 300px;
  width: 100%;
}

@media (min-width: 768px) {
  .sub-nav .search-container {
    flex: 0 1 300px;
  }
}

/* ==========================================================================
   AIRPORTR CUSTOM ERROR PAGE STYLES
   ========================================================================== */

.airportr-error-container {
  width: 100% !important;
  max-width: 100% !important;
  padding: 60px 24px 80px 24px !important;
  box-sizing: border-box !important;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important;
  background: transparent !important;
}

.airportr-error-container .error-max-restrict {
  max-width: 960px !important;
  margin: 0 auto !important;
}

/* HERO HEADER */
.airportr-error-container .error-hero-block {
  text-align: center !important;
  max-width: 680px !important;
  margin: 0 auto 48px auto !important;
}

.airportr-error-container .error-status-badge {
  display: inline-block !important;
  background: #f0ebfe !important;
  color: #7850FA !important;
  font-weight: 700 !important;
  font-size: 13px !important;
  padding: 6px 16px !important;
  border-radius: 20px !important;
  letter-spacing: 0.5px !important;
  margin-bottom: 16px !important;
  text-transform: uppercase !important;
}

.airportr-error-container .error-main-title {
  color: #00005A !important;
  font-size: 34px !important;
  font-weight: 800 !important;
  margin: 0 0 16px 0 !important;
  letter-spacing: -0.6px !important;
  line-height: 1.25 !important;
}

.airportr-error-container .error-lead-text {
  color: #4e5d78 !important;
  font-size: 16px !important;
  line-height: 1.6 !important;
  margin: 0 !important;
  font-weight: 500 !important;
}

/* 2-COLUMN GRID */
.airportr-error-container .error-action-grid {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 28px !important;
  margin-bottom: 32px !important;
  width: 100% !important;
}

.airportr-error-container .error-card {
  background: #ffffff !important;
  border: 1px solid #eef2f6 !important;
  border-radius: 16px !important;
  padding: 36px 32px !important;
  box-shadow: 0 10px 30px rgba(0, 4, 68, 0.03) !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  transition: transform 0.25s ease, box-shadow 0.25s ease !important;
  box-sizing: border-box !important;
}

.airportr-error-container .error-card:hover {
  transform: translateY(-3px) !important;
  box-shadow: 0 15px 35px rgba(0, 4, 68, 0.06) !important;
}

.airportr-error-container .error-card-icon-wrap {
  width: 52px !important;
  height: 52px !important;
  background: #f8fafc !important;
  border: 1px solid #eef2f6 !important;
  border-radius: 12px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin-bottom: 20px !important;
}

.airportr-error-container .error-card h3 {
  color: #00005A !important;
  font-size: 20px !important;
  font-weight: 800 !important;
  margin: 0 0 10px 0 !important;
  letter-spacing: -0.3px !important;
}

.airportr-error-container .error-card p {
  color: #4e5d78 !important;
  font-size: 14.5px !important;
  line-height: 1.55 !important;
  margin: 0 0 24px 0 !important;
  font-weight: 500 !important;
  flex-grow: 1 !important;
}

/* BUTTONS */
.airportr-error-container .error-btn-primary,
.error-btn-primary {
  background: #7850FA !important;
  color: #ffffff !important;
  text-decoration: none !important;
  padding: 12px 24px !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  border-radius: 24px !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  box-shadow: 0 4px 14px rgba(120, 80, 250, 0.25) !important;
  transition: all 0.2s ease !important;
}

.airportr-error-container .error-btn-primary:hover,
.error-btn-primary:hover {
  background: #00005A !important;
  color: #ffffff !important;
  transform: translateY(-1px) !important;
}

.airportr-error-container .error-btn-secondary {
  background: #f8fafc !important;
  color: #00005A !important;
  border: 1.5px solid #eef2f6 !important;
  text-decoration: none !important;
  padding: 11px 22px !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  border-radius: 24px !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  transition: all 0.2s ease !important;
}

.airportr-error-container .error-btn-secondary:hover {
  border-color: #7850FA !important;
  color: #7850FA !important;
  background: #ffffff !important;
}

/* CONTACT BANNER */
.airportr-error-container .error-contact-banner {
  background: #f8fafc !important;
  border: 1px solid #eef2f6 !important;
  border-radius: 16px !important;
  padding: 28px 36px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 24px !important;
  box-sizing: border-box !important;
}

.airportr-error-container .contact-banner-content h4 {
  color: #00005A !important;
  font-size: 17px !important;
  font-weight: 800 !important;
  margin: 0 0 4px 0 !important;
}

.airportr-error-container .contact-banner-content p {
  color: #4e5d78 !important;
  font-size: 14px !important;
  margin: 0 !important;
  font-weight: 500 !important;
}

.airportr-error-container .error-btn-outline {
  background: transparent !important;
  color: #00005A !important;
  border: 2px solid #00005A !important;
  text-decoration: none !important;
  padding: 10px 24px !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  border-radius: 24px !important;
  white-space: nowrap !important;
  transition: all 0.2s ease !important;
}

.airportr-error-container .error-btn-outline:hover {
  background: #00005A !important;
  color: #ffffff !important;
}

/* ==========================================================================
   AIRPORTR SEARCH RESULTS BRAND OVERHAUL
   ========================================================================== */

.search-results-page-container {
  max-width: 960px !important;
  margin: 20px auto 80px auto !important;
  padding: 0 24px !important;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important;
  box-sizing: border-box !important;
}

.sub-nav .breadcrumbs li,
.sub-nav .breadcrumbs a {
  color: #7850FA !important;
  font-size: 13.5px !important;
  font-weight: 600 !important;
  text-decoration: none !important;
}

.sub-nav .breadcrumbs li + li::before {
  color: #a0aec0 !important;
}

.sub-nav .search-container input[type="search"] {
  border: 1.5px solid #eef2f6 !important;
  border-radius: 24px !important;
  padding: 10px 16px 10px 38px !important;
  font-size: 14px !important;
  color: #00005A !important;
  background: #ffffff !important;
  box-shadow: 0 2px 10px rgba(0, 4, 68, 0.02) !important;
  transition: all 0.2s ease !important;
}

.sub-nav .search-container input[type="search"]:focus {
  border-color: #7850FA !important;
  outline: none !important;
  box-shadow: 0 4px 15px rgba(120, 80, 250, 0.15) !important;
}

/* ==========================================================================
   AI GENERATIVE QUICK ANSWER CHAT BUBBLE
   ========================================================================== */

.airportr-ai-answer-wrapper {
  display: block !important;
  margin: 0 !important;
  padding: 0 !important;
  border: none !important;
  background: transparent !important;
  box-shadow: none !important;
}

.airportr-ai-answer-wrapper.has-ai-content {
  background: linear-gradient(135deg, #f5f2fe 0%, #ffffff 100%) !important;
  border: 1.5px solid #7850FA !important;
  border-radius: 20px 20px 20px 6px !important;
  padding: 28px 32px !important;
  margin-bottom: 40px !important;
  box-shadow: 0 12px 30px rgba(120, 80, 250, 0.12) !important;
  position: relative !important;
  box-sizing: border-box !important;
}

.airportr-ai-answer-wrapper.has-ai-content::before {
  content: '' !important;
  position: absolute !important;
  top: -9px !important;
  left: 28px !important;
  width: 16px !important;
  height: 16px !important;
  background: #f5f2fe !important;
  border-top: 1.5px solid #7850FA !important;
  border-left: 1.5px solid #7850FA !important;
  transform: rotate(45deg) !important;
  border-radius: 3px 0 0 0 !important;
}

.airportr-ai-answer-wrapper * {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important;
}

.airportr-ai-answer-wrapper h2,
.airportr-ai-answer-wrapper [class*="title"],
.airportr-ai-answer-wrapper [class*="header"] {
  color: #00005A !important;
  font-size: 15px !important;
  font-weight: 800 !important;
  letter-spacing: -0.2px !important;
}

.airportr-ai-answer-wrapper p,
.airportr-ai-answer-wrapper [class*="text"],
.airportr-ai-answer-wrapper [class*="body"] {
  color: #00005A !important;
  font-size: 15.5px !important;
  line-height: 1.65 !important;
  font-weight: 500 !important;
}

.airportr-ai-answer-wrapper a {
  color: #7850FA !important;
  font-weight: 700 !important;
  text-decoration: none !important;
}

.airportr-ai-answer-wrapper a:hover {
  text-decoration: underline !important;
}

.search-results-subheading {
  color: #00005A !important;
  font-size: 22px !important;
  font-weight: 800 !important;
  letter-spacing: -0.4px !important;
  margin-bottom: 24px !important;
  padding-bottom: 16px !important;
  border-bottom: 2px solid #f4f6fa !important;
}

/* ==========================================================================
   SEARCH RESULTS ARTICLE PILL CARDS
   ========================================================================== */

.search-results-list {
  list-style: none !important;
  padding: 0 !important;
  margin: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 12px !important;
}

.search-result-list-item {
  background: #ffffff !important;
  border: 1.5px solid #eef2f6 !important;
  border-radius: 16px !important;
  padding: 0 !important;
  transition: transform 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease !important;
  overflow: hidden !important;
}

.search-result-list-item:hover {
  border-color: #7850FA !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 8px 24px rgba(0, 4, 68, 0.05) !important;
}

.search-card-inner-link {
  display: flex !important;
  align-items: center !important;
  padding: 20px 24px !important;
  text-decoration: none !important;
  gap: 16px !important;
  width: 100% !important;
  box-sizing: border-box !important;
}

.search-card-left-icon {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex-shrink: 0 !important;
}

.search-card-content {
  flex-grow: 1 !important;
}

.search-result-title {
  color: #00005A !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  margin: 0 !important;
  line-height: 1.4 !important;
  letter-spacing: -0.2px !important;
  transition: color 0.2s ease !important;
}

.search-result-list-item:hover .search-result-title {
  color: #7850FA !important;
}

.search-result-snippet {
  color: #4e5d78 !important;
  font-size: 13.5px !important;
  line-height: 1.5 !important;
  margin: 4px 0 0 0 !important;
  font-weight: 500 !important;
  display: -webkit-box !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
}

.search-card-right-chevron {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex-shrink: 0 !important;
  transition: transform 0.2s ease !important;
}

.search-result-list-item:hover .search-card-right-chevron {
  transform: translateX(3px) !important;
}

.search-result-list-item:hover .search-card-right-chevron svg {
  stroke: #7850FA !important;
}

/* ==========================================================================
   NO RESULTS EMPTY STATE
   ========================================================================== */

.search-no-results-card {
  background: #ffffff !important;
  border: 1px solid #eef2f6 !important;
  border-radius: 20px !important;
  padding: 48px 40px !important;
  box-shadow: 0 10px 30px rgba(0, 4, 68, 0.03) !important;
  text-align: center !important;
  max-width: 900px !important;
  margin: 0 auto !important;
}

.no-results-header {
  max-width: 600px !important;
  margin: 0 auto 32px auto !important;
}

.no-results-icon-wrap {
  width: 60px !important;
  height: 60px !important;
  background: #f8fafc !important;
  border: 1px solid #eef2f6 !important;
  border-radius: 16px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin: 0 auto 20px auto !important;
}

.no-results-header h2 {
  color: #00005A !important;
  font-size: 26px !important;
  font-weight: 800 !important;
  margin: 0 0 12px 0 !important;
  letter-spacing: -0.5px !important;
}

.no-results-header p {
  color: #4e5d78 !important;
  font-size: 15px !important;
  line-height: 1.6 !important;
  margin: 0 !important;
}

.no-results-divider {
  border: none !important;
  border-top: 1px solid #f0f4f8 !important;
  margin: 0 0 32px 0 !important;
}

.support-categories-block {
  text-align: left !important;
  margin-bottom: 36px !important;
}

.categories-eyebrow {
  display: block !important;
  font-size: 11px !important;
  font-weight: 800 !important;
  color: #a0aec0 !important;
  letter-spacing: 1px !important;
  margin-bottom: 20px !important;
  text-align: center !important;
}

.search-categories-grid {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)) !important;
  gap: 20px !important;
}

.search-cat-card {
  background: #ffffff !important;
  border: 1.5px solid #eef2f6 !important;
  border-radius: 16px !important;
  padding: 24px 20px !important;
  text-decoration: none !important;
  transition: all 0.2s ease !important;
  display: block !important;
}

.search-cat-card:hover {
  border-color: #7850FA !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 8px 20px rgba(0, 4, 68, 0.05) !important;
}

.search-cat-card h4 {
  color: #00005A !important;
  font-size: 17px !important;
  font-weight: 800 !important;
  margin: 0 0 6px 0 !important;
}

.search-cat-card p {
  color: #4e5d78 !important;
  font-size: 13.5px !important;
  line-height: 1.5 !important;
  margin: 0 !important;
}

.no-results-action-row {
  display: flex !important;
  justify-content: center !important;
}

/* ==========================================================================
   TOP COLLAPSIBLE GUIDED TOURS DRAWER & BANNERS
   ========================================================================== */

.guided-tours-top-drawer-wrap {
  width: 100% !important;
  max-width: 1160px !important;
  margin: 16px auto 12px auto !important;
  padding: 0 24px !important;
  box-sizing: border-box !important;
}

.guided-tours-trigger-bar {
  background: #7850FA !important;
  color: #ffffff !important;
  border-radius: 14px !important;
  padding: 10px 20px !important;
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  cursor: pointer !important;
  box-shadow: 0 4px 14px rgba(120, 80, 250, 0.25) !important;
  transition: background 0.2s ease, transform 0.2s ease !important;
}

.guided-tours-trigger-bar:hover {
  background: #683ee8 !important;
  transform: translateY(-1px) !important;
}

.trigger-left {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
}

.trigger-badge {
  background: #ffffff !important;
  color: #7850FA !important;
  font-size: 10px !important;
  font-weight: 800 !important;
  padding: 2px 8px !important;
  border-radius: 10px !important;
  text-transform: uppercase !important;
  letter-spacing: 0.5px !important;
}

.trigger-text {
  font-size: 13.5px !important;
  font-weight: 700 !important;
  color: #ffffff !important;
}

.trigger-toggle-btn {
  background: rgba(255, 255, 255, 0.2) !important;
  border: 1px solid rgba(255, 255, 255, 0.3) !important;
  color: #ffffff !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  padding: 4px 12px !important;
  border-radius: 20px !important;
  display: flex !important;
  align-items: center !important;
  gap: 6px !important;
  cursor: pointer !important;
}

.guided-tours-drawer-body {
  max-height: 0 !important;
  overflow: hidden !important;
  transition: max-height 0.4s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

.guided-tours-drawer-body.is-open {
  max-height: 400px !important;
}

.guided-tours-section {
  background: #00005A !important;
  color: #ffffff !important;
  border-radius: 16px !important;
  padding: 24px !important;
  margin-top: 10px !important;
  box-shadow: 0 10px 30px rgba(0, 0, 90, 0.15) !important;
  box-sizing: border-box !important;
}

.guided-tours-header {
  text-align: center !important;
  margin-bottom: 18px !important;
}

.guided-tours-header h2 {
  color: #ffffff !important;
  font-size: 20px !important;
  font-weight: 800 !important;
  margin: 0 0 4px 0 !important;
}

.guided-tours-header p {
  color: #E2E8F0 !important;
  font-size: 13px !important;
  margin: 0 !important;
}

.guided-tours-grid {
  display: flex !important;
  gap: 16px !important;
}

.tour-pill-card {
  flex: 1 !important;
  background: #F8FAFC !important;
  border-radius: 14px !important;
  padding: 18px !important;
  display: flex !important;
  gap: 14px !important;
  text-decoration: none !important;
  transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease !important;
  border: 2px solid #E2E8F0 !important;
}

.tour-pill-card:hover {
  transform: translateY(-2px) !important;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.15) !important;
  border-color: #7850FA !important;
}

.tour-pill-icon {
  font-size: 22px !important;
}

.tour-pill-content h3 {
  color: #00004C !important;
  font-size: 15px !important;
  font-weight: 800 !important;
  margin: 0 0 4px 0 !important;
}

.tour-pill-content p {
  color: #475569 !important;
  font-size: 12.5px !important;
  margin: 0 0 8px 0 !important;
  line-height: 1.4 !important;
}

.tour-pill-link {
  color: #7850FA !important;
  font-weight: 700 !important;
  font-size: 12.5px !important;
}

/* ==========================================================================
   HOMEPAGE BANNER DESKTOP vs MOBILE TOGGLE ENGINE
   ========================================================================== */

/* 1. DESKTOP VIEW (≥ 1024px) */
.desktop-only-banner {
  display: block !important;
}

.mobile-only-banner {
  display: none !important;
}

/* 2. MOBILE & TABLET VIEW (< 1024px) */
@media (max-width: 1023px) {
  /* HIDE DESKTOP BANNER ONLY */
  .desktop-only-banner,
  .guided-tours-section {
    display: none !important;
  }

  /* SHOW MOBILE BANNER CLEARLY */
  .mobile-only-banner {
    display: block !important;
    margin: 12px auto !important;
    padding: 0 16px !important;
    width: 100% !important;
    box-sizing: border-box !important;
  }

  .mobile-trigger-bar {
    background: #7850FA !important;
    color: #ffffff !important;
    border-radius: 14px !important;
    padding: 12px 16px !important;
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    box-shadow: 0 4px 14px rgba(120, 80, 250, 0.2) !important;
    cursor: default !important;
  }

  .mobile-badge {
    background: #ffffff !important;
    color: #7850FA !important;
    font-size: 10px !important;
    font-weight: 800 !important;
    padding: 2px 8px !important;
    border-radius: 10px !important;
  }

  .mobile-device-hint {
    background: rgba(255, 255, 255, 0.18) !important;
    border: 1px solid rgba(255, 255, 255, 0.3) !important;
    color: #ffffff !important;
    font-size: 11.5px !important;
    font-weight: 700 !important;
    padding: 4px 10px !important;
    border-radius: 12px !important;
    white-space: nowrap !important;
  }
}

/* ==========================================================================
   STEP CARD DETAILS & SCREENSHOT IMAGE FIT ENGINE
   ========================================================================== */

.step-description-vault ol {
  padding-left: 18px !important;
  margin-bottom: 12px !important;
}

.step-description-vault ol li {
  margin-bottom: 8px !important;
  color: #475569 !important;
  font-size: 13px !important;
  line-height: 1.5 !important;
}

.step-description-vault ol li::marker {
  color: #00005A !important;
  font-weight: 700 !important;
}

.step-instruction-list ol.step-sub-list {
  margin: 8px 0 6px 12px !important;
  padding-left: 20px !important;
  list-style-type: upper-alpha !important;
}

.step-instruction-list ol.step-sub-list li {
  margin-bottom: 6px !important;
  color: #475569 !important;
  font-size: 13px !important;
}

.step-instruction-list ol.step-sub-list li::marker {
  color: #7850FA !important;
  font-weight: 700 !important;
}

.step-note-box {
  background: #F3F0FF !important;
  border-left: 3px solid #7850FA !important;
  padding: 10px 14px !important;
  border-radius: 8px !important;
  font-size: 12.5px !important;
  color: #00005A !important;
  margin: 12px 0 16px 0 !important;
  line-height: 1.4 !important;
}

.expanded-step-card .step-media-vault {
  width: 340px !important;
  min-width: 340px !important;
  height: 240px !important;
  max-height: 280px !important;
  background: #f8fafc !important;
  border: 1px solid #eef2f6 !important;
  border-radius: 12px !important;
  overflow: hidden !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 12px !important;
  box-sizing: border-box !important;
}

.expanded-step-card .step-media-vault .customer-journey-item {
  width: 100% !important;
  height: 100% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

.expanded-step-card .step-media-vault .customer-journey-item img {
  max-width: 100% !important;
  max-height: 100% !important;
  width: auto !important;
  height: auto !important;
  object-fit: contain !important;
  border-radius: 6px !important;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08) !important;
}

/* ==========================================================================
   SIDEBAR SUMMARY GLASSMORPHIC CARD
   ========================================================================== */

.sidebar-summary-box {
  background: rgba(255, 255, 255, 0.08) !important;
  border: 1px solid rgba(255, 255, 255, 0.15) !important;
  border-radius: 12px !important;
  padding: 14px 16px !important;
  margin-bottom: 16px !important;
  box-sizing: border-box !important;
}

.sidebar-summary-list {
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 8px !important;
}

.sidebar-summary-list li {
  font-size: 11.5px !important;
  color: rgba(255, 255, 255, 0.85) !important;
  line-height: 1.45 !important;
  position: relative !important;
  padding-left: 14px !important;
}

.sidebar-summary-list li::before {
  content: "✦" !important;
  position: absolute !important;
  left: 0 !important;
  top: 0 !important;
  color: #7850FA !important;
  font-size: 9px !important;
}

.sidebar-summary-list li strong {
  color: #ffffff !important;
  font-weight: 700 !important;
}

/* ==========================================================================
   DESKTOP-ONLY GUIDED WALKTHROUGH IFRAME ENGINE
   ========================================================================== */

.airportr-embed-frame-container {
  flex: 2 !important;
  background: #ffffff !important;
  border-radius: 16px !important;
  border: 1px solid #e3e8ff !important;
  box-shadow: 0 10px 30px rgba(0, 4, 68, 0.12) !important;
  height: 820px !important;
  max-height: 820px !important;
  overflow: hidden !important;
  display: flex !important;
  flex-direction: column !important;
  box-sizing: border-box !important;
}

.iframe-header-bar {
  background: #f8f9ff !important;
  padding: 10px 18px !important;
  border-bottom: 1px solid #e3e8ff !important;
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  z-index: 10 !important;
  flex-shrink: 0 !important;
}

.iframe-scale-wrapper {
  position: relative !important;
  width: 100% !important;
  height: 100% !important;
  overflow: hidden !important;
  flex-grow: 1 !important;
}

.airportr-iframe {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 1280px !important;
  height: 1300px !important;
  border: none !important;
  margin: 0 !important;
  padding: 0 !important;
  transform: scale(0.55) !important;
  transform-origin: 0 0 !important;
}

/* ==========================================================================
   MOBILE & TABLET HEADER MULTI-LANGUAGE RESPONSIVE ENGINE
   ========================================================================== */

@media (max-width: 1023px) {
  /* 1. GENERAL MOBILE UI REPAIRS */
  .sub-nav {
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 16px !important;
  }
  .sub-nav .search-container {
    max-width: 100% !important;
  }
  .search-no-results-card {
    padding: 32px 20px !important;
  }
  .airportr-error-container .error-action-grid {
    grid-template-columns: 1fr !important;
  }
  .airportr-error-container .error-contact-banner {
    flex-direction: column !important;
    text-align: center !important;
    padding: 28px 20px !important;
  }
  .airportr-error-container .error-main-title {
    font-size: 26px !important;
  }
  .airportr-error-container .error-btn-outline {
    width: 100% !important;
    text-align: center !important;
    box-sizing: border-box !important;
  }

  /* 2. UN-CAP HEADER HEIGHT AND ALLOW FLEX WRAPPING */
  html body header,
  html body .header,
  header.header {
    height: auto !important;
    max-height: none !important;
    min-height: auto !important;
    padding: 12px 16px !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 10px !important;
    overflow: visible !important;
  }

  /* Separate logo cleanly from text */
  html body .header .logo,
  html body header .logo,
  .logo img {
    margin: 0 auto 4px auto !important;
    display: block !important;
    float: none !important;
  }

  /* 3. FORCE ALL NAV CONTAINERS TO FLEX & WRAP */
  html body .header .nav-wrapper,
  html body header .nav-wrapper,
  html body .nav-wrapper,
  html body .user-nav,
  .nav-wrapper * {
    width: 100% !important;
    max-width: 100% !important;
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 8px 12px !important;
    margin: 0 !important;
    overflow: visible !important;
    float: none !important;
  }

  /* Force links, dropdowns, and button labels to wrap without squishing */
  html body .header a,
  html body .header button,
  html body .header span,
  html body .header select,
  html body .header .language-selector {
    white-space: nowrap !important;
    font-size: 12px !important;
    line-height: 1.3 !important;
  }

  /* CTA Button resizing */
  html body .header a.button,
  html body .header .button,
  html body .header a[class*="btn"] {
    padding: 6px 12px !important;
    font-size: 11.5px !important;
  }
}
/* ==========================================================================
   HIGH-IMPACT DRAMATIC EXPAND / COLLAPSE PULSE + BADGE RESTORATION
   ========================================================================== */

/* 1. Ensure outer wrapper stays clean and borderless */
.guided-tours-top-drawer-wrap {
  background: transparent !important;
  box-shadow: none !important;
  border: none !important;
}

/* 2. Dramatic Breathing & Expanding Keyframes */
@keyframes dramaticSirenExpand {
  0%, 100% {
    transform: scale(0.95);
    box-shadow: 0 4px 14px rgba(120, 80, 250, 0.4) !important;
    border-color: rgba(255, 255, 255, 0.4) !important;
  }
  50% {
    transform: scale(1); /* Visible physical expansion */
    box-shadow: 0 0 35px 12px rgba(120, 80, 250, 0.85), 0 0 15px rgba(255, 255, 255, 0.9) !important;
    border-color: #FFFFFF !important;
  }
}

/* 3. Apply the expansion pulse directly to the pill bar */
.guided-tours-trigger-bar {
  animation: dramaticSirenExpand 2.0s infinite ease-in-out !important;
  background-color: #7850FA !important; /* Keep rich brand purple base */
  border: 2px solid rgba(255, 255, 255, 0.4) !important;
  border-radius: 50px !important;
  transition: transform 1.5s ease !important;
}

/* 4. "New" Badge & Icon Styling */
.guided-tours-trigger-bar .trigger-badge {
  background-color: #FFFFFF !important;
  color: #7850FA !important;
  font-weight: 800 !important;
  padding: 4px 12px !important;
  border-radius: 20px !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 4px !important;
  animation: badgePop 2.0s infinite ease-in-out !important;
}

/* Sync the badge scale with the banner expansion */
@keyframes badgePop {
  0%, 100% { transform: scale(0.8); }
  50% { transform: scale(1.3); }
}

/* Ensure text remains bright white on the purple bar */
.guided-tours-trigger-bar .trigger-text,
.guided-tours-trigger-bar button,
.guided-tours-trigger-bar #tours-btn-label,
.guided-tours-trigger-bar #tours-btn-arrow {
  color: #FFFFFF !important;
}
.launch-live-chat-btn {
  background-color: #7850FA !important;
  color: #FFFFFF !important;
  border: none !important;
  padding: 10px 20px !important;
  border-radius: 24px !important;
  font-weight: 600 !important;
  font-size: 14px !important;
  cursor: pointer !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  transition: background-color 0.2s ease, transform 0.1s ease !important;
}

.launch-live-chat-btn:hover {
  background-color: #6338EE !important;
  transform: translateY(-1px);
}
/* Moves Ada's invisible iframe over the button when clicked in Sandbox */
.chat-pill-wrapper:active #ada-button-frame,
.chat-pill-wrapper:focus-within #ada-button-frame {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;
  opacity: 0 !important;
  z-index: 9999 !important;
}
/* 1. CONTAINER FIX: Clean up the parent Zendesk search wrapper */
.sub-nav .search,
div.search {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  overflow: visible !important;
  position: relative !important;
}

/* 2. INPUT FIX: Style the sub-nav search input neatly */
.sub-nav .search input[type="search"],
.sub-nav input[type="search"] {
  background-color: #ffffff !important;
  border: 1px solid #dcdfe6 !important;
  border-radius: 20px !important;
  padding: 8px 16px 8px 36px !important; /* Extra left padding for magnifying glass icon */
  font-size: 13px !important;
  color: #00005A !important;
  outline: none !important;
  box-sizing: border-box !important;
  width: 100% !important;
  max-width: 240px !important;
  box-shadow: none !important;
}

/* 3. ROGUE "X" REMOVAL: Hide browser default clear buttons when input is empty */
.sub-nav input[type="search"]::-webkit-search-cancel-button,
.sub-nav input[type="search"]::-webkit-search-decoration,
.sub-nav input[type="search"]::-webkit-search-results-button,
.sub-nav input[type="search"]::-webkit-search-results-decoration {
  -webkit-appearance: none !important;
  appearance: none !important;
  display: none !important;
}

/* Optional: Show clear button ONLY when the user actually types something */
.sub-nav input[type="search"]:not(:placeholder-shown)::-webkit-search-cancel-button {
  display: block !important;
  cursor: pointer !important;
}
/* 1. CONTAINER FIX: Clean up the parent Zendesk search wrapper */
.sub-nav .search,
div.search {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  overflow: visible !important;
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  max-width: 240px !important;
}

/* 2. INPUT FIX: Keep search bar visible and styled */
.sub-nav .search input[type="search"],
.sub-nav input[type="search"] {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  background-color: #ffffff !important;
  border: 1px solid #dcdfe6 !important;
  border-radius: 20px !important;
  padding: 8px 16px 8px 40px !important;
  font-size: 13px !important;
  color: #00005A !important;
  outline: none !important;
  box-sizing: border-box !important;
  width: 100% !important;
  max-width: 240px !important;
  box-shadow: none !important;
}

/* 3. TARGETED "X" REMOVAL: Only hide Zendesk's clear/reset button elements */
.sub-nav .search .clear-button,
.sub-nav .search button,
.sub-nav .search-clear,
.sub-nav [type="reset"] {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  width: 0 !important;
  height: 0 !important;
  pointer-events: none !important;
}

/* Hide webkit search field clear buttons when empty */
.sub-nav input[type="search"]::-webkit-search-cancel-button,
.sub-nav input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none !important;
  appearance: none !important;
  display: none !important;
}
/* ==========================================================================
   GLOBAL SEARCH BAR CLEAR BUTTON ("X") REMOVAL (HOME HERO & SUB-NAV)
   ========================================================================== */

/* 1. HIDE ALL ZENDESK CLEAR/RESET BUTTONS GLOBALLY */
.search .clear-button,
.search button,
.search-clear,
.search-container [type="reset"],
.hero [type="reset"],
.hero .clear-button,
.hero-box .clear-button {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  width: 0 !important;
  height: 0 !important;
  pointer-events: none !important;
}

/* 2. HIDE WEBKIT DEFAULT CANCEL BUTTONS ON EMPTY INPUTS GLOBALLY */
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration {
  -webkit-appearance: none !important;
  appearance: none !important;
  display: none !important;
}

/* 3. KEEP THE HERO SEARCH CONTAINER TIGHT TO PREVENT OVERFLOW */
.hero .search-container,
.hero .search,
.search-box {
  position: relative !important;
  overflow: hidden !important;
}
/* ==========================================================================
   ADA CHAT CONTAINER Z-INDEX & VIEWPORT OVERLAY FIX
   ========================================================================== */

/* 1. Boost Ada's chat window container above all page headers & banners */
#ada-entry,
#ada-chat-frame,
iframe[id*="ada"],
div[class*="ada-embed"] {
  z-index: 999999 !important;
}

/* 2. Cap maximum height and add offset from top to prevent header collision */
#ada-chat-frame {
  max-height: calc(100vh - 90px) !important;
  top: auto !important;
  bottom: 20px !important;
}
/* ==========================================================================
   NATIVE COOKIE CONSENT BANNER (FIXED STYLING & POSITIONING)
   ========================================================================== */
#airportr-cookie-banner {
  position: fixed !important;
  bottom: 24px !important;
  right: 24px !important;
  left: auto !important;
  top: auto !important;
  max-width: 380px !important;
  width: calc(100% - 48px) !important;
  background-color: #ffffff !important;
  border: 1px solid rgba(120, 80, 250, 0.25) !important;
  box-shadow: 0 12px 32px rgba(0, 0, 90, 0.18) !important;
  border-radius: 16px !important;
  padding: 20px !important;
  z-index: 9999999 !important;
  box-sizing: border-box !important;
  display: block !important;
}

#airportr-cookie-banner p {
  font-size: 13px !important;
  line-height: 1.5 !important;
  color: #4A5568 !important;
  margin: 0 0 16px 0 !important;
  padding: 0 !important;
  font-family: inherit !important;
}

.cookie-banner-actions {
  display: flex !important;
  gap: 10px !important;
  justify-content: flex-end !important;
  align-items: center !important;
}

.cookie-btn {
  padding: 8px 16px !important;
  font-size: 12.5px !important;
  font-weight: 600 !important;
  border-radius: 50px !important;
  cursor: pointer !important;
  border: none !important;
  outline: none !important;
  transition: all 0.2s ease !important;
  font-family: inherit !important;
}

.cookie-btn-primary {
  background-color: #7850FA !important;
  color: #ffffff !important;
}

.cookie-btn-primary:hover {
  background-color: #00005A !important;
}

.cookie-btn-secondary {
  background-color: #F0F4F8 !important;
  color: #4A5568 !important;
}

.cookie-btn-secondary:hover {
  background-color: #E2E8F0 !important;
}
/* ==========================================================================
   INTERACTIVE BOOKING GUIDE (2-COLUMN SPLIT & COMING SOON CARD)
   ========================================================================== */

/* TOP NOTICE BANNER */
.interactive-window-top-banner-wrap {
  width: 100% !important;
  max-width: 1160px !important;
  margin: 16px auto 24px auto !important;
  padding: 0 24px !important;
  box-sizing: border-box !important;
}

.interactive-window-banner-inner {
  background: #F3F0FF !important;
  border: 1.5px solid #E3E8FF !important;
  border-radius: 16px !important;
  padding: 14px 24px !important;
  display: flex !important;
  align-items: center !important;
  gap: 14px !important;
  box-shadow: 0 4px 12px rgba(0, 4, 68, 0.03) !important;
}

.interactive-window-banner-inner p {
  color: #00005A !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  margin: 0 !important;
  line-height: 1.4 !important;
}

/* 2-COLUMN CONTAINER */
.guide-split-layout-container {
  max-width: 1160px !important;
  margin: 0 auto !important;
  padding: 0 24px !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 24px !important;
  box-sizing: border-box !important;
}

@media (min-width: 992px) {
  .guide-split-layout-container {
    flex-direction: row !important;
    align-items: stretch !important;
  }
}

/* LEFT SIDEBAR PANEL */
.guide-sidebar-panel {
  width: 100% !important;
  background: #00005A !important;
  border-radius: 20px !important;
  padding: 28px 20px !important;
  box-sizing: border-box !important;
  box-shadow: 0 8px 24px rgba(0, 0, 90, 0.12) !important;
  display: flex !important;
  flex-direction: column !important;
}

@media (min-width: 992px) {
  .guide-sidebar-panel {
    width: 380px !important;
    min-width: 380px !important;
  }
}

.guide-badge-pill {
  display: inline-flex !important;
  align-self: flex-start !important;
  background: #7850FA !important;
  color: #ffffff !important;
  font-size: 11px !important;
  font-weight: 800 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.8px !important;
  padding: 6px 14px !important;
  border-radius: 20px !important;
  margin-bottom: 14px !important;
}

.guide-sidebar-panel h2 {
  font-size: 24px !important;
  font-weight: 800 !important;
  color: #ffffff !important;
  margin: 0 0 6px 0 !important;
  line-height: 1.25 !important;
}

.guide-sidebar-panel p.guide-subtitle {
  font-size: 13px !important;
  color: rgba(255, 255, 255, 0.75) !important;
  margin: 0 0 20px 0 !important;
}

/* ACCORDION CARDS */
.guide-accordion-stack {
  display: flex !important;
  flex-direction: column !important;
  gap: 12px !important;
}

.guide-accordion-card {
  background: #ffffff !important;
  border-radius: 14px !important;
  overflow: hidden !important;
  transition: all 0.3s cubic-bezier(0.25, 1, 0.5, 1) !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08) !important;
}

.card-header-bar {
  padding: 16px 20px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  cursor: pointer !important;
  user-select: none !important;
}

.card-header-bar h3 {
  font-size: 14.5px !important;
  font-weight: 700 !important;
  color: #00005A !important;
  margin: 0 !important;
  line-height: 1.3 !important;
}

.card-arrow {
  color: #7850FA !important;
  font-size: 12px !important;
}

.card-expandable-body {
  max-height: 0px !important;
  opacity: 0 !important;
  overflow: hidden !important;
  transition: max-height 0.4s cubic-bezier(0.25, 1, 0.5, 1), opacity 0.3s ease, padding 0.3s ease !important;
  padding: 0 20px !important;
}

.guide-accordion-card.is-expanded {
  border: 1.5px solid #7850FA !important;
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.18) !important;
}

.guide-accordion-card.is-expanded .card-expandable-body {
  max-height: 500px !important;
  opacity: 1 !important;
  padding: 0 20px 20px 20px !important;
  border-top: 1px solid #f1f4f9 !important;
}

.guide-step-ol {
  margin: 14px 0 0 0 !important;
  padding-left: 20px !important;
  color: #475569 !important;
  font-size: 13px !important;
  line-height: 1.55 !important;
}

.guide-step-ol li {
  margin-bottom: 10px !important;
}

.guide-sidebar-footer {
  margin-top: 24px !important;
  padding-top: 18px !important;
  border-top: 1px solid rgba(255, 255, 255, 0.15) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
}

.guide-sidebar-footer span {
  font-size: 12px !important;
  color: rgba(255, 255, 255, 0.75) !important;
}

.guide-sidebar-footer a {
  color: #ffffff !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  text-decoration: underline !important;
}

/* RIGHT PANEL: BRANDED COMING SOON VAULT */
.guide-iframe-vault {
  flex-grow: 1 !important;
  width: 100% !important;
  min-height: 480px !important;
  border-radius: 20px !important;
  overflow: hidden !important;
  border: 1.5px solid #E3E8FF !important;
  box-shadow: 0 8px 24px rgba(0, 0, 90, 0.05) !important;
  position: relative !important;
  background: linear-gradient(135deg, #000335 0%, #000552 50%, #020b73 100%) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 40px !important;
  box-sizing: border-box !important;
}

@media (min-width: 992px) {
  .guide-iframe-vault {
    width: calc(100% - 404px) !important;
  }
}

.coming-soon-content {
  max-width: 480px !important;
  text-align: center !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  z-index: 2 !important;
}

.coming-soon-badge {
  background: rgba(120, 80, 250, 0.2) !important;
  border: 1px solid rgba(120, 80, 250, 0.4) !important;
  color: #ffffff !important;
  font-size: 11px !important;
  font-weight: 800 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.8px !important;
  padding: 6px 16px !important;
  border-radius: 20px !important;
  margin-bottom: 20px !important;
}

.coming-soon-content h2 {
  font-size: 28px !important;
  font-weight: 800 !important;
  color: #ffffff !important;
  margin: 0 0 14px 0 !important;
  line-height: 1.25 !important;
  letter-spacing: -0.4px !important;
}

.coming-soon-content p {
  font-size: 14.5px !important;
  color: rgba(255, 255, 255, 0.8) !important;
  line-height: 1.6 !important;
  margin: 0 0 28px 0 !important;
}

.coming-soon-btn-primary {
  background: #7850FA !important;
  color: #ffffff !important;
  text-decoration: none !important;
  font-size: 13.5px !important;
  font-weight: 700 !important;
  padding: 12px 28px !important;
  border-radius: 24px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  box-shadow: 0 6px 18px rgba(120, 80, 250, 0.35) !important;
  transition: all 0.2s ease !important;
}

.coming-soon-btn-primary:hover {
  background: #ffffff !important;
  color: #00005A !important;
  transform: translateY(-2px) !important;
}