/* Shared 1080 mobile shell for the Figma page family. */
@media (max-width: 1080px) {
  html[data-mobile] body:is(.tech-page, .products-page, .news-page, .contact-page, .investor-page) {
    --mobile-shell-u: calc(100vw / 1080);
  }

  html[data-mobile] body:is(.tech-page, .products-page, .news-page, .contact-page, .investor-page) #header.header {
    width: 100% !important;
    height: calc(120 * var(--mobile-shell-u)) !important;
    min-height: 0 !important;
    padding: 0 !important;
  }

  html[data-mobile] body:is(.tech-page, .products-page, .news-page, .contact-page, .investor-page) #header.header .header-inner {
    box-sizing: border-box !important;
    width: 100% !important;
    height: calc(120 * var(--mobile-shell-u)) !important;
    min-height: 0 !important;
    padding: 0 calc(72 * var(--mobile-shell-u)) !important;
  }

  html[data-mobile] body:is(.tech-page, .products-page, .news-page, .contact-page, .investor-page) #header.header .logo,
  html[data-mobile] body:is(.tech-page, .products-page, .news-page, .contact-page, .investor-page) #header.header .logo-img {
    width: calc(191 * var(--mobile-shell-u)) !important;
    height: calc(54 * var(--mobile-shell-u)) !important;
    max-width: none !important;
  }

  html[data-mobile] body:is(.tech-page, .products-page, .news-page, .contact-page, .investor-page) #header.header .header-actions {
    display: flex !important;
    order: 2 !important;
    flex: 0 0 calc(36 * var(--mobile-shell-u)) !important;
    width: calc(36 * var(--mobile-shell-u)) !important;
    height: calc(36 * var(--mobile-shell-u)) !important;
    min-width: 0 !important;
    min-height: 0 !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 0 !important;
    margin: 0 0 0 calc(36 * var(--mobile-shell-u)) !important;
    padding: 0 !important;
  }

  html[data-mobile] body:is(.tech-page, .products-page, .news-page, .contact-page, .investor-page) #header.header .search-btn,
  html[data-mobile] body:is(.tech-page, .products-page, .news-page, .contact-page, .investor-page) #header.header .m-hamburger {
    flex: 0 0 calc(36 * var(--mobile-shell-u)) !important;
    width: calc(36 * var(--mobile-shell-u)) !important;
    height: calc(36 * var(--mobile-shell-u)) !important;
    min-width: 0 !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  html[data-mobile] body:is(.tech-page, .products-page, .news-page, .contact-page, .investor-page) #header.header .m-hamburger {
    order: 1 !important;
    gap: calc(6 * var(--mobile-shell-u)) !important;
    margin-left: auto !important;
  }

  html[data-mobile] body:is(.tech-page, .products-page, .news-page, .contact-page, .investor-page) #header.header .search-btn {
    order: 2 !important;
  }

  html[data-mobile] body:is(.tech-page, .products-page, .news-page, .contact-page, .investor-page) #header.header .search-icon,
  html[data-mobile] body:is(.tech-page, .products-page, .news-page, .contact-page, .investor-page) #header.header .m-hamburger__bar {
    width: calc(36 * var(--mobile-shell-u)) !important;
    max-width: none !important;
  }

  html[data-mobile] body:is(.tech-page, .products-page, .news-page, .contact-page, .investor-page) #header.header .search-icon {
    height: calc(36 * var(--mobile-shell-u)) !important;
  }

  html[data-mobile] body:is(.tech-page, .products-page, .news-page, .contact-page, .investor-page) #header.header .m-hamburger__bar {
    height: calc(3 * var(--mobile-shell-u)) !important;
  }

  html[data-mobile] body:is(.tech-page, .news-page, .contact-page, .investor-page) .site-footer-shell {
    height: auto !important;
    min-height: 0 !important;
    overflow: visible !important;
  }

  html[data-mobile] body:is(.tech-page, .news-page, .contact-page, .investor-page) .site-footer-shell > .ct-foot {
    display: block !important;
  }

  html[data-mobile].products-page-html body.products-page .prod-canvas > .sec.s-cta,
  html[data-mobile].products-page-html body.products-page .s-cta .s-cta-inner,
  html[data-mobile].products-page-html body.products-page .s-cta .site-footer-shell {
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    overflow: visible !important;
  }

  html[data-mobile].products-page-html body.products-page .s-cta .site-footer-shell > .ct-foot {
    display: block !important;
  }

  html[data-mobile] body.contact-page.contact-page .ct-canvas > .sec.s-recruit .rc-types,
  html[data-mobile] body.contact-page.contact-page .ct-canvas > .sec.s-recruit .rc-types .type-tab {
    min-height: 0 !important;
    height: calc(88 * var(--mobile-shell-u)) !important;
    max-height: calc(88 * var(--mobile-shell-u)) !important;
  }
}

/* Final shared H5 header: Figma 3217:3436. */
@media (max-width: 1080px) {
  html[data-mobile] body.news-page {
    background: #03102d !important;
  }

  html[data-mobile] body.contact-page {
    background: #040d20 !important;
  }

  html[data-mobile] body.contact-page .ct-canvas {
    background: #040d20 !important;
  }

  html[data-mobile] body.investor-page {
    background: #082f61 !important;
  }

  html[data-mobile] body #header#header.header {
    position: fixed !important;
    inset: 0 0 auto !important;
    width: 100% !important;
    height: calc(120 / 1080 * 100vw) !important;
    min-height: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: #010101 !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
  }

  html[data-mobile] body #header#header.header .header-inner {
    position: relative !important;
    display: flex !important;
    width: 100% !important;
    max-width: none !important;
    height: calc(120 / 1080 * 100vw) !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 calc(72 / 1080 * 100vw) !important;
    align-items: center !important;
    box-sizing: border-box !important;
  }

  html[data-mobile] body #header#header.header .logo,
  html[data-mobile] body #header#header.header .logo-img {
    position: static !important;
    inset: auto !important;
    display: block !important;
    width: calc(191 / 1080 * 100vw) !important;
    max-width: none !important;
    height: calc(54 / 1080 * 100vw) !important;
    margin: 0 !important;
    object-fit: contain !important;
  }

  html[data-mobile] body #header#header.header .nav {
    display: none !important;
  }

  html[data-mobile] body #header#header.header .header-actions {
    position: static !important;
    inset: auto !important;
    display: flex !important;
    order: 2 !important;
    flex: 0 0 calc(36 / 1080 * 100vw) !important;
    width: calc(36 / 1080 * 100vw) !important;
    height: calc(36 / 1080 * 100vw) !important;
    min-width: 0 !important;
    min-height: 0 !important;
    margin: 0 0 0 calc(36 / 1080 * 100vw) !important;
    padding: 0 !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 0 !important;
  }

  html[data-mobile] body #header#header.header .search-btn,
  html[data-mobile] body #header#header.header .m-hamburger {
    position: relative !important;
    inset: auto !important;
    flex: 0 0 calc(36 / 1080 * 100vw) !important;
    width: calc(36 / 1080 * 100vw) !important;
    height: calc(36 / 1080 * 100vw) !important;
    min-width: 0 !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    visibility: visible !important;
    pointer-events: auto !important;
  }

  html[data-mobile] body #header#header.header .m-hamburger {
    display: inline-flex !important;
    order: 1 !important;
    margin-left: auto !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: calc(8 / 1080 * 100vw) !important;
  }

  html[data-mobile] body #header#header.header .m-hamburger__bar {
    width: calc(32 / 1080 * 100vw) !important;
    max-width: none !important;
    height: calc(4 / 1080 * 100vw) !important;
    border-radius: 0 !important;
    background: #fff !important;
  }

  html[data-mobile] body #header#header.header .search-icon {
    display: block !important;
    width: calc(36 / 1080 * 100vw) !important;
    max-width: none !important;
    height: calc(36 / 1080 * 100vw) !important;
    content: url('../../images/icons/mobile-nav-search.svg') !important;
  }

  html[data-mobile] body .m-nav-drawer.is-open {
    visibility: visible !important;
    pointer-events: auto !important;
  }
}

/* Keep legacy investor/news-detail footers in the shared H5 flow. */
@media (max-width: 1080px) {
  html[data-mobile] body[class]:is(
    .investor-governance-page,
    .investor-reports-page,
    .investor-notices-page,
    .news-detail-page
  ) .site-footer-shell {
    position: relative !important;
    inset: auto !important;
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 0 !important;
    overflow: visible !important;
    background: #000 !important;
  }

  html[data-mobile] body[class]:is(
    .investor-governance-page,
    .investor-reports-page,
    .investor-notices-page,
    .news-detail-page
  ) .site-footer-shell > .ct-foot__cta-band.mod-cta {
    position: relative !important;
    inset: auto !important;
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
    background: #fff !important;
  }

  html[data-mobile] body[class]:is(
    .investor-governance-page,
    .investor-reports-page,
    .investor-notices-page,
    .news-detail-page
  ) .site-footer-shell .mod-cta-wrap {
    position: relative !important;
    inset: auto !important;
    width: calc(900 / 1080 * 100vw) !important;
    height: calc(360 / 1080 * 100vw) !important;
    min-height: 0 !important;
    margin: 0 auto !important;
    padding: 0 !important;
    overflow: hidden !important;
    border-radius: calc(20 / 1080 * 100vw) !important;
    transform: none !important;
  }

  html[data-mobile] body[class]:is(
    .investor-governance-page,
    .investor-reports-page,
    .investor-notices-page,
    .news-detail-page
  ) .site-footer-shell .ct-foot__cta-card,
  html[data-mobile] body[class]:is(
    .investor-governance-page,
    .investor-reports-page,
    .investor-notices-page,
    .news-detail-page
  ) .site-footer-shell .mod-cta-bg,
  html[data-mobile] body[class]:is(
    .investor-governance-page,
    .investor-reports-page,
    .investor-notices-page,
    .news-detail-page
  ) .site-footer-shell .mod-cta-bg img {
    position: absolute !important;
    inset: 0 !important;
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    min-height: 0 !important;
    padding: 0 !important;
    object-fit: cover !important;
  }

  html[data-mobile] body[class]:is(
    .investor-governance-page,
    .investor-reports-page,
    .investor-notices-page,
    .news-detail-page
  ) .site-footer-shell .mod-cta-text {
    position: absolute !important;
    z-index: 2 !important;
    inset: calc(62 / 1080 * 100vw) auto auto calc(48 / 1080 * 100vw) !important;
    width: calc(620 / 1080 * 100vw) !important;
    height: auto !important;
    margin: 0 !important;
  }

  html[data-mobile] body[class]:is(
    .investor-governance-page,
    .investor-reports-page,
    .investor-notices-page,
    .news-detail-page
  ) .site-footer-shell .ct-foot__cta-title {
    margin: 0 !important;
    font-size: var(--fs-42) !important;
    line-height: calc(54 / 1080 * 100vw) !important;
    white-space: normal !important;
  }

  html[data-mobile] body[class]:is(
    .investor-governance-page,
    .investor-reports-page,
    .investor-notices-page,
    .news-detail-page
  ) .site-footer-shell .ct-foot__cta-sub {
    margin: calc(20 / 1080 * 100vw) 0 0 !important;
    font-size: var(--fs-30) !important;
    line-height: calc(42 / 1080 * 100vw) !important;
    white-space: normal !important;
  }

  html[data-mobile] body[class]:is(
    .investor-governance-page,
    .investor-reports-page,
    .investor-notices-page,
    .news-detail-page
  ) .site-footer-shell .ct-foot__cta-arrow {
    position: static !important;
    display: block !important;
    width: calc(36 / 1080 * 100vw) !important;
    height: calc(36 / 1080 * 100vw) !important;
    margin-top: calc(28 / 1080 * 100vw) !important;
  }

  html[data-mobile] body[class]:is(
    .investor-governance-page,
    .investor-reports-page,
    .investor-notices-page,
    .news-detail-page
  ) .site-footer-shell > .ct-foot {
    position: relative !important;
    inset: auto !important;
    width: 100% !important;
    height: auto !important;
    margin: 0 !important;
    overflow: visible !important;
    background: #000 !important;
  }

  html[data-mobile] body[class]:is(
    .investor-governance-page,
    .investor-reports-page,
    .investor-notices-page,
    .news-detail-page
  ) .ct-foot__main {
    height: auto !important;
    padding: calc(96 / 1080 * 100vw) 0 0 !important;
  }

  html[data-mobile] body[class]:is(
    .investor-governance-page,
    .investor-reports-page,
    .investor-notices-page,
    .news-detail-page
  ) .ct-foot__main-inner {
    display: block !important;
    width: calc(900 / 1080 * 100vw) !important;
    height: auto !important;
    margin: 0 auto !important;
    padding: 0 !important;
  }

  html[data-mobile] body[class]:is(
    .investor-governance-page,
    .investor-reports-page,
    .investor-notices-page,
    .news-detail-page
  ) .ct-foot__logo,
  html[data-mobile] body[class]:is(
    .investor-governance-page,
    .investor-reports-page,
    .investor-notices-page,
    .news-detail-page
  ) .ct-foot__logo img {
    width: calc(240 / 1080 * 100vw) !important;
    max-width: none !important;
    height: auto !important;
  }

  html[data-mobile] body[class]:is(
    .investor-governance-page,
    .investor-reports-page,
    .investor-notices-page,
    .news-detail-page
  ) .ct-foot__logo {
    margin: 0 0 calc(64 / 1080 * 100vw) !important;
  }

  html[data-mobile] body[class]:is(
    .investor-governance-page,
    .investor-reports-page,
    .investor-notices-page,
    .news-detail-page
  ) .ct-foot__cols {
    display: block !important;
    width: 100% !important;
    margin: 0 !important;
    border-top: 1px solid rgba(255, 255, 255, 0.1) !important;
  }

  html[data-mobile] body[class]:is(
    .investor-governance-page,
    .investor-reports-page,
    .investor-notices-page,
    .news-detail-page
  ) .ct-foot__col {
    width: 100% !important;
    min-width: 0 !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important;
  }

  html[data-mobile] body[class]:is(
    .investor-governance-page,
    .investor-reports-page,
    .investor-notices-page,
    .news-detail-page
  ) .ct-foot__col > h4 {
    display: none !important;
  }

  html[data-mobile] body[class]:is(
    .investor-governance-page,
    .investor-reports-page,
    .investor-notices-page,
    .news-detail-page
  ) .m-ct-foot__details > summary {
    display: flex !important;
    min-height: calc(124 / 1080 * 100vw) !important;
    margin: 0 !important;
    padding: 0 calc(20 / 1080 * 100vw) !important;
    align-items: center !important;
    justify-content: space-between !important;
    font-size: var(--fs-36) !important;
    line-height: calc(52 / 1080 * 100vw) !important;
    pointer-events: auto !important;
  }

  html[data-mobile] body[class]:is(
    .investor-governance-page,
    .investor-reports-page,
    .investor-notices-page,
    .news-detail-page
  ) .m-ct-foot__details > summary .m-arrow {
    display: block !important;
  }

  html[data-mobile] body[class]:is(
    .investor-governance-page,
    .investor-reports-page,
    .investor-notices-page,
    .news-detail-page
  ) .m-ct-foot__details:not([open]) > ul {
    display: none !important;
  }

  html[data-mobile] body[class]:is(
    .investor-governance-page,
    .investor-reports-page,
    .investor-notices-page,
    .news-detail-page
  ) .m-ct-foot__details[open] > ul {
    display: block !important;
  }

  html[data-mobile] body[class]:is(
    .investor-governance-page,
    .investor-reports-page,
    .investor-notices-page,
    .news-detail-page
  ) .ct-foot__bottom {
    position: relative !important;
    height: auto !important;
    padding: calc(52 / 1080 * 100vw) 0 !important;
    border-top: 0 !important;
    background: #000 !important;
  }

  html[data-mobile] body[class]:is(
    .investor-governance-page,
    .investor-reports-page,
    .investor-notices-page,
    .news-detail-page
  ) .ct-foot__bottom-inner {
    position: relative !important;
    width: calc(900 / 1080 * 100vw) !important;
    height: auto !important;
    margin: 0 auto !important;
    padding: 0 !important;
  }

  html[data-mobile] body[class]:is(
    .investor-governance-page,
    .investor-reports-page,
    .investor-notices-page,
    .news-detail-page
  ) .ct-foot__bottom-row1,
  html[data-mobile] body[class]:is(
    .investor-governance-page,
    .investor-reports-page,
    .investor-notices-page,
    .news-detail-page
  ) .ct-foot__bottom-row2 {
    position: static !important;
    width: 100% !important;
    height: auto !important;
    white-space: normal !important;
  }

  html[data-mobile] body[class]:is(
    .investor-governance-page,
    .investor-reports-page,
    .investor-notices-page,
    .news-detail-page
  ) .ct-foot__bottom-row1 {
    flex-direction: column !important;
    align-items: center !important;
    gap: calc(28 / 1080 * 100vw) !important;
    margin: 0 0 calc(32 / 1080 * 100vw) !important;
    text-align: center !important;
  }

  html[data-mobile] body[class]:is(
    .investor-governance-page,
    .investor-reports-page,
    .investor-notices-page,
    .news-detail-page
  ) .ct-foot__bottom-row2 {
    flex-direction: column !important;
    align-items: center !important;
    gap: calc(20 / 1080 * 100vw) !important;
    font-size: var(--fs-24) !important;
    line-height: calc(36 / 1080 * 100vw) !important;
    text-align: center !important;
  }

  html[data-mobile] body[class]:is(
    .investor-governance-page,
    .investor-reports-page,
    .investor-notices-page,
    .news-detail-page
  ) .ct-foot__bottom-row2 *,
  html[data-mobile] body[class]:is(
    .investor-governance-page,
    .investor-reports-page,
    .investor-notices-page,
    .news-detail-page
  ) .ct-foot__phone * {
    font-size: inherit !important;
    line-height: inherit !important;
    white-space: normal !important;
    text-align: center !important;
  }
}

@media (max-width: 1080px) {
  html[data-mobile][data-mobile][data-mobile] body[class][class]:is(
    .investor-governance-page,
    .investor-reports-page,
    .investor-notices-page,
    .news-detail-page
  ) .site-footer-shell > .ct-foot__cta-band.mod-cta {
    position: relative !important;
    inset: auto !important;
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    transform: none !important;
  }

  html[data-mobile][data-mobile][data-mobile] body[class][class]:is(
    .investor-governance-page,
    .investor-reports-page,
    .investor-notices-page,
    .news-detail-page
  ) .site-footer-shell .mod-cta-wrap {
    position: relative !important;
    inset: auto !important;
    width: calc(900 / 1080 * 100vw) !important;
    height: calc(360 / 1080 * 100vw) !important;
    margin: 0 auto !important;
    transform: none !important;
  }

  html[data-mobile][data-mobile][data-mobile] body[class][class]:is(
    .investor-governance-page,
    .investor-reports-page,
    .investor-notices-page,
    .news-detail-page
  ) .site-footer-shell .ct-foot__cta-card,
  html[data-mobile][data-mobile][data-mobile] body[class][class]:is(
    .investor-governance-page,
    .investor-reports-page,
    .investor-notices-page,
    .news-detail-page
  ) .site-footer-shell .mod-cta-bg,
  html[data-mobile][data-mobile][data-mobile] body[class][class]:is(
    .investor-governance-page,
    .investor-reports-page,
    .investor-notices-page,
    .news-detail-page
  ) .site-footer-shell .mod-cta-bg img {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
  }

  html[data-mobile][data-mobile][data-mobile] body[class][class]:is(
    .investor-governance-page,
    .investor-reports-page,
    .investor-notices-page,
    .news-detail-page
  ) .site-footer-shell .mod-cta-text {
    position: absolute !important;
    inset: calc(62 / 1080 * 100vw) auto auto calc(48 / 1080 * 100vw) !important;
    width: calc(620 / 1080 * 100vw) !important;
  }

  html[data-mobile][data-mobile][data-mobile] body[class][class]:is(
    .investor-governance-page,
    .investor-reports-page,
    .investor-notices-page,
    .news-detail-page
  ) .site-footer-shell > .ct-foot {
    position: relative !important;
    inset: auto !important;
    width: 100% !important;
    height: auto !important;
    margin: 0 !important;
  }

  html[data-mobile][data-mobile][data-mobile] body[class][class]:is(
    .investor-governance-page,
    .investor-reports-page,
    .investor-notices-page,
    .news-detail-page
  ) .ct-foot__main {
    position: relative !important;
    inset: auto !important;
    height: auto !important;
    padding: calc(96 / 1080 * 100vw) 0 0 !important;
  }

  html[data-mobile][data-mobile][data-mobile] body[class][class]:is(
    .investor-governance-page,
    .investor-reports-page,
    .investor-notices-page,
    .news-detail-page
  ) .ct-foot__main-inner,
  html[data-mobile][data-mobile][data-mobile] body[class][class]:is(
    .investor-governance-page,
    .investor-reports-page,
    .investor-notices-page,
    .news-detail-page
  ) .ct-foot__cols {
    position: static !important;
    inset: auto !important;
  }

  html[data-mobile][data-mobile][data-mobile] body[class][class]:is(
    .investor-governance-page,
    .investor-reports-page,
    .investor-notices-page,
    .news-detail-page
  ) .ct-foot__main-inner {
    display: block !important;
    width: calc(900 / 1080 * 100vw) !important;
    height: auto !important;
    margin: 0 auto !important;
  }

  html[data-mobile][data-mobile][data-mobile] body[class][class]:is(
    .investor-governance-page,
    .investor-reports-page,
    .investor-notices-page,
    .news-detail-page
  ) .ct-foot__cols {
    display: block !important;
    width: 100% !important;
    height: auto !important;
  }

  html[data-mobile][data-mobile][data-mobile] body[class][class]:is(
    .investor-governance-page,
    .investor-reports-page,
    .investor-notices-page,
    .news-detail-page
  ) .m-ct-foot__details:not([open]) > ul {
    display: none !important;
  }

  html[data-mobile][data-mobile][data-mobile] body[class][class]:is(
    .investor-governance-page,
    .investor-reports-page,
    .investor-notices-page,
    .news-detail-page
  ) .ct-foot__bottom,
  html[data-mobile][data-mobile][data-mobile] body[class][class]:is(
    .investor-governance-page,
    .investor-reports-page,
    .investor-notices-page,
    .news-detail-page
  ) .ct-foot__bottom-inner {
    position: relative !important;
    inset: auto !important;
    height: auto !important;
  }
}

@media (max-width: 1080px) {
  html[data-mobile][data-mobile][data-mobile] body[class][class][class][class]:is(
    .investor-governance-page,
    .investor-reports-page,
    .investor-notices-page
  ) .site-footer-shell .mod-cta-wrap {
    width: 100% !important;
    margin: 0 !important;
    border-radius: 0 !important;
  }

  html[data-mobile][data-mobile][data-mobile] body[class][class][class][class]:is(
    .investor-governance-page,
    .investor-reports-page,
    .investor-notices-page
  ) .site-footer-shell .ct-foot__cta-band,
  html[data-mobile][data-mobile][data-mobile] body[class][class][class][class]:is(
    .investor-governance-page,
    .investor-reports-page,
    .investor-notices-page
  ) .site-footer-shell .ct-foot__cta-card,
  html[data-mobile][data-mobile][data-mobile] body[class][class][class][class]:is(
    .investor-governance-page,
    .investor-reports-page,
    .investor-notices-page
  ) .site-footer-shell .mod-cta-bg,
  html[data-mobile][data-mobile][data-mobile] body[class][class][class][class]:is(
    .investor-governance-page,
    .investor-reports-page,
    .investor-notices-page
  ) .site-footer-shell .mod-cta-bg img {
    width: 100% !important;
    border-radius: 0 !important;
  }

  html[data-mobile][data-mobile][data-mobile] body[class][class][class][class]:is(
    .investor-governance-page,
    .investor-reports-page,
    .investor-notices-page
  ) .site-footer-shell .ct-foot__cta-card,
  html[data-mobile][data-mobile][data-mobile] body[class][class][class][class]:is(
    .investor-governance-page,
    .investor-reports-page,
    .investor-notices-page
  ) .site-footer-shell .mod-cta-bg,
  html[data-mobile][data-mobile][data-mobile] body[class][class][class][class]:is(
    .investor-governance-page,
    .investor-reports-page,
    .investor-notices-page
  ) .site-footer-shell .mod-cta-bg img {
    height: 100% !important;
  }
}