/*
 * Końcowe dopracowanie wersji mobilnej — 14.07.2026.
 * Zdjęcie hero bez żółtych dekoracji, dotykowy pasek producentów
 * oraz ukrycie poziomych pasków nawigacyjnych na podstronach.
 */

/* Link do Facebooka pozostaje w stopce i jest nieco wyraźniejszy. */
.mono-footer-compact .compact-footer-bottom a[href*="facebook.com"] {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  color: rgba(255, 255, 255, .78);
  font-weight: 600;
}

.mono-footer-compact .compact-footer-bottom a[href*="facebook.com"]::before {
  content: "";
  width: 6px;
  height: 6px;
  flex: 0 0 6px;
  border-radius: 50%;
  background: #ffdd00;
}

@media (max-width: 760px) {
  /* Na telefonie zostaje samo zdjęcie hero — bez żółtych „daszków” i okręgów. */
  body[data-page="home"] .mono-hero-lines {
    display: none !important;
  }

  /* Producenci: statyczny pasek przewijany palcem, bez strzałek. */
  body[data-page="home"] .partner-marquee-shell {
    display: block !important;
    padding-inline: 0 !important;
  }

  body[data-page="home"] .partner-marquee-arrow {
    display: none !important;
  }

  body[data-page="home"] .partner-marquee-viewport {
    min-width: 0;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    scroll-behavior: smooth;
    scroll-snap-type: x proximity;
    scrollbar-width: none;
    touch-action: pan-x pan-y;
    overscroll-behavior-inline: contain;
    -webkit-overflow-scrolling: touch;
    -webkit-mask-image: none !important;
    mask-image: none !important;
  }

  body[data-page="home"] .partner-marquee-viewport::-webkit-scrollbar {
    display: none;
  }

  body[data-page="home"] .partner-marquee-track {
    width: max-content !important;
    display: flex !important;
    animation: none !important;
    transform: none !important;
    will-change: auto !important;
  }

  body[data-page="home"] .partner-marquee-group:first-child {
    width: max-content !important;
    display: flex !important;
    grid-template-columns: none !important;
    align-items: center;
    gap: 8px !important;
    padding-right: 0 !important;
  }

  body[data-page="home"] .partner-marquee-group[aria-hidden="true"] {
    display: none !important;
  }

  body[data-page="home"] .partner-marquee-group:first-child .partner-marquee-logo,
  body[data-page="home"] .partner-marquee-group:first-child .partner-marquee-logo:nth-child(n+13) {
    width: 128px !important;
    min-width: 128px !important;
    max-width: 128px !important;
    height: 66px !important;
    min-height: 66px !important;
    flex: 0 0 128px !important;
    display: flex !important;
    padding: 8px 10px !important;
    scroll-snap-align: start;
  }

  body[data-page="home"] .partner-marquee-logo img {
    width: 100% !important;
    max-width: 108px !important;
    height: 44px !important;
    max-height: 44px !important;
  }

  /* Poziome, szare paski skrótów nie są potrzebne na telefonie. */
  .materials-jump-section,
  .velux-anchor-nav {
    display: none !important;
  }
}

@media (max-width: 390px) {
  body[data-page="home"] .partner-marquee-group:first-child .partner-marquee-logo,
  body[data-page="home"] .partner-marquee-group:first-child .partner-marquee-logo:nth-child(n+13) {
    width: 120px !important;
    min-width: 120px !important;
    max-width: 120px !important;
    flex-basis: 120px !important;
  }
}