/* Block 03: one shared catalogue, mobile-only descriptions and decoration. */
.services-catalog picture { display: contents; }
.services-catalog picture > source,
.services-catalog__mobile-break,
.services-catalog__mobile-note,
.services-catalog__mobile-detail,
.services-catalog__mobile-footer { display: none; }
@font-face { font-family: "IBM Plex Sans Mobile Catalog"; src: url("../assets/mobile/block-03-services-catalog/fonts/IBMPlexSans-Regular.woff2") format("woff2"); font-weight: 400; font-display: swap; }
@font-face { font-family: "IBM Plex Sans Mobile Catalog"; src: url("../assets/mobile/block-03-services-catalog/fonts/IBMPlexSans-SemiBold.woff2") format("woff2"); font-weight: 600; font-display: swap; }
@font-face { font-family: "IBM Plex Sans Mobile Catalog"; src: url("../assets/mobile/block-03-services-catalog/fonts/IBMPlexSans-Bold.woff2") format("woff2"); font-weight: 700; font-display: swap; }
@media (max-width: 767px) {
  .services-catalog {
    --catalog-unit: clamp(.923px, .2564102564vw, 1.4px);
    max-width: none; height: auto; padding: calc(28 * var(--catalog-unit)) 2% calc(16 * var(--catalog-unit));
    font-family: "IBM Plex Sans Mobile Catalog", sans-serif;
    background-size: 42px 42px; background-position: 0 0;
  }
  .services-catalog__eyebrow { position: static; margin-inline: calc(13 * var(--catalog-unit)); font-size: calc(9 * var(--catalog-unit)); line-height: 1.3; letter-spacing: calc(1 * var(--catalog-unit)); }
  .services-catalog > h2 { position: static; margin: calc(5 * var(--catalog-unit)) calc(78 * var(--catalog-unit)) 0 calc(13 * var(--catalog-unit)); font-size: calc(32 * var(--catalog-unit)); line-height: .99; letter-spacing: calc(-.85 * var(--catalog-unit)); white-space: normal; }
  .services-catalog__mobile-break { display: initial; }
  .services-catalog__mobile-note { display: block; position: absolute; right: calc(9 * var(--catalog-unit)); top: calc(37 * var(--catalog-unit)); width: calc(68 * var(--catalog-unit)); height: auto; }
  .services-catalog__intro { position: static; height: auto; margin: calc(10 * var(--catalog-unit)) calc(13 * var(--catalog-unit)) calc(16 * var(--catalog-unit)); padding: 0; border: 0; font-size: calc(13 * var(--catalog-unit)); line-height: 1.25; letter-spacing: calc(-.2 * var(--catalog-unit)); white-space: normal; }
  .services-catalog__intro br, .services-catalog__description br, .services-catalog__column h3 br { display: none; }
  .services-catalog__columns { position: static; margin: 0; grid-template-columns: minmax(0, 1fr); gap: calc(6 * var(--catalog-unit)); }
  .services-catalog__column { height: auto; padding: calc(10 * var(--catalog-unit)) calc(12 * var(--catalog-unit)); border-radius: calc(8 * var(--catalog-unit)); display: grid; grid-template-columns: calc(47 * var(--catalog-unit)) minmax(0,1fr) calc(29 * var(--catalog-unit)); grid-template-rows: auto auto auto; }
  .services-catalog__number { position: static; grid-column: 1; grid-row: 1 / 3; align-self: start; margin-top: calc(1 * var(--catalog-unit)); border-right: 1px solid #9aafc3; font-size: calc(26 * var(--catalog-unit)); line-height: 1.15; font-weight: 700; }
  .services-catalog__column--promotion .services-catalog__number { border-color: #ffffff70; }
  .services-catalog__column h3 { position: static; grid-column: 2; grid-row: 1; padding-left: calc(13 * var(--catalog-unit)); font-size: calc(18 * var(--catalog-unit)); line-height: 1.1; letter-spacing: calc(-.45 * var(--catalog-unit)); white-space: normal; }
  .services-catalog__column--automation h3 { font-size: calc(16.5 * var(--catalog-unit)); }
  .services-catalog__description { position: static; grid-column: 2; grid-row: 2; padding: calc(2 * var(--catalog-unit)) 0 0 calc(13 * var(--catalog-unit)); font-size: calc(11.5 * var(--catalog-unit)); line-height: 1.18; letter-spacing: calc(-.2 * var(--catalog-unit)); white-space: normal; }
  .services-catalog__icon { position: static; grid-column: 3; grid-row: 1 / 3; align-self: center; width: calc(25 * var(--catalog-unit)); height: calc(25 * var(--catalog-unit)); }
  .services-catalog__column .services-catalog__list { position: static; grid-column: 1 / -1; grid-row: 3; margin: calc(9 * var(--catalog-unit)) 0 0; display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: calc(6 * var(--catalog-unit)); }
  .services-catalog__column .services-catalog__list li { height: auto; min-height: calc(98 * var(--catalog-unit)); padding: calc(8 * var(--catalog-unit)) calc(4 * var(--catalog-unit)); flex-direction: column; justify-content: start; gap: calc(4 * var(--catalog-unit)); border-radius: calc(6 * var(--catalog-unit)); text-align: center; }
  .services-catalog__list img { width: calc(21 * var(--catalog-unit)); height: calc(21 * var(--catalog-unit)); }
  .services-catalog__list span { font-size: calc(11 * var(--catalog-unit)); line-height: 1.15; letter-spacing: calc(-.2 * var(--catalog-unit)); font-weight: 600; white-space: normal; }
  .services-catalog__mobile-detail { display: block; font-size: calc(10 * var(--catalog-unit)); line-height: 1.2; color: #606f89; }
  .services-catalog__column--content .services-catalog__mobile-detail { color: #d0dee8; }
  .services-catalog__column--promotion .services-catalog__mobile-detail { color: #fff; }
  .services-catalog__column .services-catalog__list li:nth-child(4) { grid-column: 1 / -1; min-height: calc(39 * var(--catalog-unit)); flex-direction: row; justify-content: center; gap: calc(10 * var(--catalog-unit)); }
  .services-catalog__hint { display: none; }
  .services-catalog__mobile-footer { display: flex; align-items: center; justify-content: space-between; gap: 8px; margin: calc(10 * var(--catalog-unit)) calc(13 * var(--catalog-unit)) 0; }
  .services-catalog__mobile-footer img { width: calc(66 * var(--catalog-unit)); height: auto; }
  .services-catalog__mobile-footer p { margin: 0; font-size: calc(7 * var(--catalog-unit)); line-height: 1.2; letter-spacing: calc(.15 * var(--catalog-unit)); color: #506780; }
}