/* LOVESILK – sjednocení mobilní osy stránky.
   Rozšiřuje hlavní mobilní obal na skutečnou šířku viewportu,
   aby na pravé straně nevznikal prázdný svislý pruh. */
@media (max-width: 767px) {
  html,
  html body {
    width: 100vw !important;
    max-width: 100vw !important;
    overflow-x: hidden !important;
  }

  html body .overall-wrapper,
  html body #header,
  html body footer.footer {
    width: 100vw !important;
    max-width: 100vw !important;
  }

  #content-wrapper {
    width: 100vw !important;
    max-width: 100vw !important;
  }

  #content-wrapper .content-wrapper-in,
  #content-wrapper #content {
    width: auto !important;
    max-width: none !important;
  }

  /* Veškerý hlavní obsah se drží stejné osy 10 px od okraje. */
  html body #content .lovesilk-silk-education,
  html body #content .lovesilk-media-strip {
    width: 100% !important;
    max-width: none !important;
    box-sizing: border-box !important;
  }

  /* Benefity: stejný levý i pravý okraj a bez skrytého vnitřního odsazení. */
  html body #content .benefitBanner.position--benefitHomepage {
    width: calc(100% - 44px) !important;
    max-width: calc(100% - 44px) !important;
    margin: 22px auto 0 !important;
    padding: 0 !important;
  }

  /* Recenze posuneme blíž k benefitům, aniž bychom zasahovali do jejich obsahu. */
  html body #content .container-narrow:has(.homepage-blog-wrapper) {
    margin-top: 8px !important;
  }
}