/* Two catalogue invitations, restricted to the existing phone breakpoint. */
@font-face { font-family: AsemCatalogueCaveat; src: url('../fonts/catalogue-caveat-500.woff2') format('woff2'); font-style: normal; font-weight: 500; font-display: swap; }
.asem-catalogue[data-catalogue-main] .asem-catalogue-mobile-app { display: none; }

@media (max-width: 767.98px) {
  .asem-catalogue[data-catalogue-main] .asem-catalogue__container > .asem-catalogue__complete,
  .asem-catalogue[data-catalogue-main] .asem-catalogue__container > .asem-catalogue__cta { display: none; }

  .asem-catalogue[data-catalogue-main] .asem-catalogue-mobile-app {
    position: relative;
    display: block;
    min-height: 230px;
    margin: 14px 0 24px;
    padding: 14px 12px 12px;
    overflow: hidden;
    isolation: isolate;
    border: 1px solid #d8eaf6;
    border-radius: 13px;
    background: #eef8ff url('../images/catalogue-mobile-app/pale-glacier-waves.webp') center / cover no-repeat;
    box-shadow: 0 6px 20px rgb(30 93 147 / 5%);
    color: #06265f;
  }
  .asem-catalogue[data-catalogue-main] .asem-catalogue-mobile-app--bottom { min-height: 230px; margin: 22px 0 18px; padding: 15px; }
  .asem-catalogue-mobile-app__content { position: relative; z-index: 2; width: 64%; }
  .asem-catalogue-mobile-app__eyebrow { margin: 0 0 5px; color: #009e99; font-size: 9px; font-weight: 800; line-height: 1.35; letter-spacing: .1em; }
  .asem-catalogue-mobile-app h2 { margin: 0 0 6px; color: #06265f; font-size: 16.5px; font-weight: 750; line-height: 1.1; letter-spacing: -.04em; }
  .asem-catalogue-mobile-app__description { max-width: 100%; margin: 0; color: #415b7c; font-size: 10.5px; font-weight: 400; line-height: 1.35; }
  .asem-catalogue-mobile-app__benefits { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; max-width: 88%; margin: 9px 0 10px; padding: 0; list-style: none; }
  .asem-catalogue-mobile-app__benefits li { display: flex; min-width: 0; flex-direction: column; gap: 4px; align-items: flex-start; color: #06265f; font-size: 9px; font-weight: 500; line-height: 1.35; }
  .asem-catalogue-mobile-app__benefit-icon { display: grid; width: 28px; height: 28px; place-items: center; border-radius: 50%; background: #dbf5f6; color: #00a4a0; font-size: 16px; }
  .asem-catalogue-mobile-app__benefits li:nth-child(2) .asem-catalogue-mobile-app__benefit-icon { background: #def0ff; color: #0081da; }
  .asem-catalogue-mobile-app__primary { display: inline-flex; min-height: 40px; width: 88%; padding: 8px 9px; gap: 7px; align-items: center; justify-content: center; border: 1px solid #00857f; border-radius: 8px; background: #00857f; color: #fff; font-size: 11px; font-weight: 650; line-height: 1.3; text-align: center; }
  .asem-catalogue-mobile-app__primary:hover { color: #fff; background: #007a75; }
  .asem-catalogue-mobile-app__primary i { flex: 0 0 auto; font-size: 11px; }
  .asem-catalogue-mobile-app__secondary { display: inline-flex; min-height: 24px; margin-top: 6px; gap: 5px; align-items: center; color: #0055c4; font-size: 10px; font-weight: 600; line-height: 1.4; text-decoration: underline; text-underline-offset: 2px; }
  .asem-catalogue-mobile-app__illustration { position: absolute; z-index: 1; inset: 0; pointer-events: none; }
  .asem-catalogue-mobile-app__phone { position: absolute; top: 50%; right: 12%; width: 29%; max-width: 116px; aspect-ratio: 420 / 860; background: url('../images/catalogue-mobile-app/phone-frame.webp') center / contain no-repeat; transform: translateY(-50%) rotate(8deg); filter: drop-shadow(5px 9px 5px rgb(31 67 101 / 18%)); }
  .asem-catalogue-mobile-app__screen { position: absolute; top: 7.1309%; left: 11.0731%; width: 77.7397%; height: 85.7939%; padding: 13% 6% 5%; overflow: hidden; border-radius: 6%; background: #f8fbff; color: #082b69; font-family: Roboto, Arial, sans-serif; }
  .asem-catalogue-mobile-app__logo { display: block; width: 56%; height: auto; margin: 0 auto 9%; }
  .asem-catalogue-mobile-app__search { display: flex; gap: 4px; align-items: center; padding: 6% 5%; border: 1px solid #e2e9f3; border-radius: 5px; background: #fff; font-size: 4px; line-height: 1.35; }
  .asem-catalogue-mobile-app__tabs { display: flex; justify-content: space-between; gap: 2px; margin: 8% 0; font-size: 4px; line-height: 1.35; }
  .asem-catalogue-mobile-app__tabs span { padding: 4% 5%; border-radius: 6px; background: #edf3fc; }
  .asem-catalogue-mobile-app__tabs span:first-child { background: #07337e; color: #fff; }
  .asem-catalogue-mobile-app__preview-product { position: relative; margin-top: 5%; padding: 5%; border: 1px solid #e3eaf4; border-radius: 5px; background: #fff; }
  .asem-catalogue-mobile-app__preview-product > img { display: block; width: 70%; height: 32px; margin: 0 auto; object-fit: contain; }
  .asem-catalogue-mobile-app__preview-product strong { display: block; font-size: 5px; line-height: 1.5; }
  .asem-catalogue-mobile-app__preview-product small { display: block; color: #74869e; font-size: 4px; line-height: 1.4; }
  .asem-catalogue-mobile-app__preview-product > i { position: absolute; right: 6%; bottom: 10%; font-size: 5px; }
  .asem-catalogue-mobile-app__preview-menu { margin: 12% 0 0; padding: 0; list-style: none; }
  .asem-catalogue-mobile-app__preview-menu li { display: grid; grid-template-columns: 8px minmax(0, 1fr) 4px; gap: 5px; align-items: center; min-height: 23px; padding: 5% 1%; border-bottom: 1px solid #e1eaf7; font-size: 5px; line-height: 1.4; }
  .asem-catalogue-mobile-app__preview-menu li > i:first-child { font-size: 8px; }
  .asem-catalogue-mobile-app__preview-menu li > i:last-child { font-size: 4px; }
  .asem-catalogue-mobile-app__annotation { position: absolute; top: 40%; right: 6px; max-width: 11%; margin: 0; color: #24528e; font-family: inherit; font-size: 8.5px; line-height: 1.4; overflow-wrap: anywhere; }
  html:is([lang='en'],[lang='fr'],[lang='de'],[lang='es'],[lang='ru']) .asem-catalogue-mobile-app--top .asem-catalogue-mobile-app__annotation { font-family: AsemCatalogueCaveat, cursive; font-weight: 500; font-size: 10px; line-height: 1.1; }
  .asem-catalogue-mobile-app__store-badge { position: absolute; z-index: 3; right: 7px; bottom: 12px; display: inline-flex; min-height: 26px; padding: 4px 6px; align-items: center; gap: 4px; border: 1px solid #dce7f0; border-radius: 5px; background: #03132d; color: #fff; font-family: Roboto, Arial, sans-serif; font-size: 9px; line-height: 1.2; }
  .asem-catalogue-mobile-app__store-badge:hover { color: #fff; }
  .asem-catalogue-mobile-app__store-badge > i { font-size: 18px; }
  .asem-catalogue-mobile-app--bottom .asem-catalogue-mobile-app__content { width: 58%; }
  .asem-catalogue-mobile-app--bottom h2 { margin-bottom: 9px; font-size: 22px; }
  .asem-catalogue-mobile-app--bottom .asem-catalogue-mobile-app__description { font-size: 11px; }
  .asem-catalogue-mobile-app--bottom .asem-catalogue-mobile-app__primary { margin-top: 12px; width: 100%; }
  .asem-catalogue-mobile-app--bottom .asem-catalogue-mobile-app__phone { right: 14%; }
  .asem-catalogue-mobile-app--bottom .asem-catalogue-mobile-app__annotation { top: 53%; right: 3px; max-width: 14%; font-family: inherit; font-size: 9px; font-weight: 500; line-height: 1.35; }
  .asem-catalogue[dir='rtl'] .asem-catalogue-mobile-app__content,
  html[dir='rtl'] .asem-catalogue-mobile-app__content { margin-left: auto; }
  html[dir='rtl'] .asem-catalogue-mobile-app__phone { right: auto; left: 12%; transform: translateY(-50%) rotate(-8deg); }
  html[dir='rtl'] .asem-catalogue-mobile-app--bottom .asem-catalogue-mobile-app__phone { left: 14%; }
  html[dir='rtl'] .asem-catalogue-mobile-app__annotation { right: auto; left: 6px; }
  html[dir='rtl'] .asem-catalogue-mobile-app__store-badge { right: auto; left: 7px; }
  html[dir='rtl'] .asem-catalogue-mobile-app__benefits li { align-items: flex-start; }
}