/* LOVESILK – výraznější, stále úsporné mobilní benefity.
   Pouze mobil; desktop zůstává beze změny. */
@media (max-width: 767px) {
  /* Odstranění dělicí čáry, kterou šablona přidává před benefitní blok. */
  html body #content .benefitBanner.position--benefitHomepage::before {
    display: none !important;
  }

  /* O něco širší karty při zachování stejné kompaktní výšky. */
  html body #content .benefitBanner.position--benefitHomepage {
    width: calc(100% - 24px) !important;
    max-width: calc(100% - 24px) !important;
    grid-auto-rows: 72px !important;
    gap: 8px !important;
    margin: 30px auto 34px !important;
    padding: 0 !important;
  }

  html body #content .benefitBanner.position--benefitHomepage .benefitBanner__item {
    min-height: 72px !important;
    height: 72px !important;
    padding: 8px 9px !important;
  }

  html body #content .benefitBanner.position--benefitHomepage .benefitBanner__picture {
    flex-basis: 32px !important;
    width: 32px !important;
    min-width: 32px !important;
    height: 32px !important;
    min-height: 32px !important;
    margin-right: 9px !important;
  }

  html body #content .benefitBanner.position--benefitHomepage .benefitBanner__img {
    width: 32px !important;
    height: 32px !important;
    max-width: 32px !important;
    max-height: 32px !important;
  }

  html body #content .benefitBanner.position--benefitHomepage .benefitBanner__title {
    font-size: 14.4px !important;
    line-height: 1.16 !important;
  }
}