/* =========================================================
   KOMIKSAN STEP 15
   Mobile homepage hero banner: 1080x840 PNG, celý bez ořezu a bez pruhů
   Soubor: komiksan-step15-mobile-hero-banner-1080x840.css
   FTP: /upload/komiksan-step15-mobile-hero-banner-1080x840.css
   WEB: /user/documents/upload/komiksan-step15-mobile-hero-banner-1080x840.css

   Pozn.:
   - Platí pouze pro mobil do 767px.
   - Desktop banner ze step14 nechává beze změny.
   - Používá přesný poměr obrázku 1080 / 840.
   - Banner se přizpůsobí šířce telefonu a nebude se ořezávat.
   ========================================================= */

@media (max-width: 767px) {
  body.in-index .content-wrapper::before,
  .in-index .content-wrapper::before {
    content: "" !important;
    display: block !important;

    width: 100vw !important;
    max-width: 100vw !important;

    margin-left: calc(50% - 50vw) !important;
    margin-right: calc(50% - 50vw) !important;

    aspect-ratio: 1080 / 840 !important;
    min-height: 0 !important;
    height: auto !important;

    background-image: url("/user/documents/upload/mobile_1080x840.png") !important;
    background-size: 100% 100% !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
    background-color: transparent !important;
  }
}