/* === MAIN FOOTER ROOT === */
.main-global-footer-root { position: relative; overflow-x: hidden; z-index: 1; }
.main-global-footer-root h5 { font-size: 16px; font-weight: 600; }
.main-global-footer-root li { font-size: 16px; margin-bottom: 0.5rem; }
.main-global-footer-root a:hover { text-decoration: underline; }

/* === FOOTER CONTENT (main wrapper, light gray bg) === */
.main-global-footer-root .footer-content { background-color: #e8e8e8; padding-bottom: 64px; }

/* === GENERIC CONTAINER (responsive max-width) === */
.generic-container { width: 100%; margin-left: auto; margin-right: auto; padding-left: 1rem; padding-right: 1rem; }
@media (min-width: 640px)  { .generic-container { max-width: 640px; } }
@media (min-width: 768px)  { .generic-container { max-width: 768px; } }
@media (min-width: 1024px) { .generic-container { max-width: 1024px; } }
@media (min-width: 1280px) { .generic-container { max-width: 1280px; } }

/* === BTT BUTTON === */
.main-global-footer-root .btn-btt-container { width: 100%; z-index: 10; padding: 24px 0; }
.main-global-footer-root .footer-btt-inner { display: flex; justify-content: flex-end; position: relative; }
.main-global-footer-root .btn-btt { width: 36px; height: 36px; border-radius: 6px; box-shadow: 0 3px 6px rgba(43,43,43,0.2); cursor: pointer; background-color: #ff7b00; color: white; border: none; display: inline-flex; align-items: center; justify-content: center; }
.main-global-footer-root .btn-btt:hover { background-color: #ff9c40; }

/* === COLUMNS WRAPPER (flex layout) === */
.footer-columns-wrapper { display: flex; flex-wrap: wrap; }
.footer-text-columns { width: 75%; display: flex; flex-wrap: wrap; font-size: 14px; line-height: 1.29; }
.footer-app-social-column { width: 25%; }
.footer-text-col { width: 33.333%; padding-right: 16px; }

/* === ACCORDION (desktop: always visible; mobile: collapsible) === */
.main-global-footer-root .accordion-title { cursor: default; }
.main-global-footer-root .accordion-title h5 { display: flex; align-items: center; }
.main-global-footer-root .accordion-content { overflow: hidden; margin-top: 8px; }

/* Mobile: collapsible */
@media (max-width: 767px) {
  .footer-text-columns, .footer-app-social-column, .footer-text-col { width: 100%; margin-top: 16px; padding-right: 0; }
  .main-global-footer-root .accordion-title { cursor: pointer; border-bottom: 1px solid #ccc; padding-bottom: 12px; }
  .main-global-footer-root .accordion-title h5::after { content: ''; display: inline-block; width: 10px; height: 10px; border-right: 2px solid #191919; border-bottom: 2px solid #191919; transform: rotate(45deg); margin-left: auto; transition: transform 0.3s; }
  .main-global-footer-root [data-component="accordion"].is-open .accordion-title h5::after { transform: rotate(-135deg); }
  .main-global-footer-root .accordion-content { max-height: 0; transition: max-height 0.3s ease; }
  .main-global-footer-root [data-component="accordion"].is-open .accordion-content { max-height: 500px; }
}

/* === COLUMN CONTENT === */
.main-global-footer-root .column-title { font-size: 16px; font-weight: 600; }
.main-global-footer-root .column-list { list-style: none; padding: 0; margin: 8px 0 0 0; }
.main-global-footer-root .column-list-item { margin-bottom: 8px; }
.main-global-footer-root .column-list-item a { text-decoration: none; color: #191919; font-size: 16px; }

/* === APP & SOCIAL ICONS === */
.main-global-footer-root .footer-icon-row {
  /* Mirror widget sample: grid of icons */
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  gap: 8px;
  margin-top: 16px;
  margin-bottom: 0;
  max-width: 280px;
}

.main-global-footer-root .footer-social-title { margin-top: 40px; }
.main-global-footer-root .footer-icon { width: 24px; height: 24px; object-fit: contain; }
.main-global-footer-root .footer-icon-row a:hover { opacity: 0.5; text-decoration: none; }

/* === BOTTOM BAR === */
.main-global-footer-root .footer-bottom-bar { background-color: #555; color: white; padding: 12px 0; font-size: 12px; line-height: 1.25; }
.main-global-footer-root .footer-bottom-bar a { color: white; text-decoration: underline; }
.main-global-footer-root .footer-bottom-bar-inner { display: flex; flex-wrap: wrap; width: 100%; }
.main-global-footer-root .footer-bottom-bar-left { flex: 1 1 auto; }
.main-global-footer-root .footer-bottom-bar-right { margin-left: auto; }
@media (max-width: 767px) {
  .main-global-footer-root .footer-bottom-bar { padding: 24px 0; text-align: center; }
  .main-global-footer-root .footer-bottom-bar-left,
  .main-global-footer-root .footer-bottom-bar-right { width: 100%; margin-left: 0; margin-bottom: 8px; }
}

/* === BOTTOM IMAGE (optional) === */
.main-global-footer-root .footer-bottom-image {
  padding: 16px 0 0;
}

.main-global-footer-root .footer-bottom-image__link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
}

.main-global-footer-root .footer-bottom-image__img {
  max-width: 100%;
  height: auto;
  display: block;
  object-fit: contain;
}

/* In UI mock, bottom image sits in the right (app/social) column */
.main-global-footer-root .footer-app-social-column .footer-bottom-image--side,
.main-global-footer-root .footer-col .footer-bottom-image--side {
  display: flex;
  /* Align with App/Social icon rows (start edge) */
  justify-content: flex-start;
  margin-top: 16px;
  /* Mirror widget sample `.pic-footer` */
  padding-right: 40px;
  max-width: 100%;
}

.main-global-footer-root .footer-app-social-column .footer-bottom-image--side .footer-bottom-image__img,
.main-global-footer-root .footer-col .footer-bottom-image--side .footer-bottom-image__img {
  /* Prevent stretching to full container */
  width: auto;
  height: auto;
  /* Match widget sample visual size (~230x61) but keep aspect ratio */
  max-width: 460px;
  max-height: 160px;
  object-fit: contain;
  /* Never overflow the column */
  max-inline-size: 100%;
}

@media (max-width: 640px) {
  .main-global-footer-root .footer-app-social-column .footer-bottom-image--side,
  .main-global-footer-root .footer-col .footer-bottom-image--side {
    /* Widget keeps it left-aligned on mobile */
    justify-content: flex-start;
    padding-right: 40px;
  }

  .main-global-footer-root .footer-app-social-column .footer-bottom-image--side .footer-bottom-image__img,
  .main-global-footer-root .footer-col .footer-bottom-image--side .footer-bottom-image__img {
    max-width: min(460px, 100%);
    max-height: 200px;
  }
}

.max-height-pading-unset {
    max-height: unset !important;
    padding: unset !important;
}