/* Mobile-only refinements. Slick is already used by the homepage slideshow. */
@media (max-width: 699px) {
  .home-page .home-news__inner { grid-template-columns: auto minmax(0, 1fr); gap: 10px; }
  .home-page .home-news__title { padding-right: 10px; font-size: 13px; }
  .home-page .message__lead { font-size: clamp(13px, 4vw, 18px); white-space: nowrap; }
  .home-page .message__text { font-size: 14px; }
  .home-page .message__summary { display: block; font-size: clamp(10px, 3.1vw, 14px); white-space: nowrap; }
  .home-page .feature__title { font-size: clamp(20px, 5.6vw, 24px); }
  .home-page .feature__title-shop { display: block; }
  .home-page .case-gallery { border-radius: 0; }

  .home-page .brands > .brand-slider { height: var(--home-brand-height, 560px) !important; }
  .home-page .brand-slider__slide { height: auto; padding-bottom: max(12px, env(safe-area-inset-bottom)); }
  .home-page .brand-slider__progress { margin-top: 12px; }

  .home-page .case-gallery__grid.home-mobile-carousel {
    display: block;
    margin-inline: -24px;
    width: calc(100% + 48px);
  }
  .home-page .services--unified .services__grid.home-mobile-carousel {
    display: block;
    margin-inline: -20px;
    width: calc(100% + 40px);
  }
  .home-page .home-mobile-carousel .slick-track { display: flex; align-items: stretch; }
  .home-page .home-mobile-carousel .slick-track > .slick-slide {
    display: flex;
    flex-direction: column;
    height: auto;
    margin-inline: 7px;
  }
  .home-page .home-mobile-carousel .slick-list { padding-block: 4px 8px !important; }
  .home-page .home-mobile-carousel .slick-dots {
    display: flex;
    justify-content: center;
    gap: 2px;
    margin: 14px 0 0;
    padding: 0;
    list-style: none;
  }
  .home-page .home-mobile-carousel .slick-dots button {
    display: grid;
    place-items: center;
    width: 28px;
    height: 28px;
    padding: 0;
    border: 0;
    background: transparent;
    font-size: 0;
    cursor: pointer;
  }
  .home-page .home-mobile-carousel .slick-dots button::before {
    content: '';
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #c1cec6;
  }
  .home-page .home-mobile-carousel .slick-active button::before { background: #526d62; }
  .home-page .home-mobile-carousel .slick-dots button:focus-visible { outline: 2px solid #526d62; outline-offset: 1px; border-radius: 50%; }
  .home-page .home-mobile-carousel .case-gallery__card-title { font-size: 16px; }
  .home-page .services--unified .home-mobile-carousel .services__card-body { padding: 16px; }
  .home-page .services--unified .home-mobile-carousel .services__card-title { font-size: 18px; }

  .home-page .promise__image { display: block; width: 100%; height: auto; aspect-ratio: 5 / 2; object-fit: cover; object-position: center; }
  .home-page .promise__card-title { font-size: 17px; line-height: 1.65; }
  .home-page .promise__description { font-size: 13px; line-height: 1.85; }

  .home-page .promise__message { padding-inline: 12px; }
  .home-page .promise__message-title { font-size: clamp(16px, 4.35vw, 18px); line-height: 1.75; }
  .home-page .promise__message-desktop-break { display: none; }
  .home-page .promise__message-claim,
  .home-page .promise__message-closing,
  .home-page .promise__message-mobile-line { display: block; }
  .home-page .promise__message-phrase,
  .home-page .promise__message-mobile-line { white-space: nowrap; }
  .home-page .promise__message-points {
    display: block;
    margin-block: 16px 12px;
    color: #526d62;
    font-size: clamp(14px, 4vw, 16px);
    font-weight: 600;
    white-space: nowrap;
  }
  .home-page .promise__message-signature { font-size: 13px; }

}