.RC-2026-hero {
  background: #222;
  color: #fff;
  overflow: hidden;
}

.RC-2026-hero .owl-slide {
  min-height: 500px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.RC-2026-hero .RC-2026-comparison {
  background-image: url('../img/comparison-700.jpg');
  background-image: image-set(url('../img/comparison-mobile.avif') type('image/avif'), url('../img/comparison-700.jpg') type('image/jpeg'));
}

@media (min-width: 701px) {
  .RC-2026-hero .RC-2026-comparison {
    background-image: url('../img/comparison-1200.jpg');
    background-image: image-set(url('../img/comparison-tablet.avif') type('image/avif'), url('../img/comparison-1200.jpg') type('image/jpeg'));
  }
}

@media (min-width: 1201px) {
  .RC-2026-hero .RC-2026-comparison {
    background-image: url('../img/comparison.jpg');
    background-image: image-set(url('../img/comparison-desktop.avif') type('image/avif'), url('../img/comparison.jpg') type('image/jpeg'));
  }
}

.RC-2026-hero .opacity-mask {
  min-height: 500px;
  display: flex;
  align-items: center;
  background: rgba(0, 0, 0, .5);
}

.RC-2026-hero .static {
  position: static;
}

.RC-2026-hero .slide-text {
  color: #fff;
}

.RC-2026-hero .slide-text.text-end {
  text-align: right;
}

.RC-2026-hero .slide-text h1 {
  margin: 0 0 12px;
  color: #fff;
  font-size: clamp(32px, 5vw, 58px);
  font-weight: 700;
  line-height: 1.05;
  text-transform: uppercase;
}

.RC-2026-hero .slide-text p {
  margin-bottom: 24px;
  color: #fff;
  font-size: clamp(18px, 2.2vw, 28px);
}

/*
 * Stary scrollCue ustawiał elementy data-cue na opacity:0 i odsłaniał je przez JS.
 * Po wycofaniu ciężkiego pakietu animacji treść musi pozostać widoczna bez JavaScriptu.
 */
[data-cue],
[data-cues] > * {
  opacity: 1 !important;
  transform: none !important;
}

/* Kontrast WCAG AA i czytelny fokus klawiatury. */
a {
  color: #477455;
}

a:focus-visible,
[role="button"]:focus-visible {
  outline: 3px solid #1f5f35;
  outline-offset: 3px;
}

.main-menu a,
.btn_1,
.btn_quote {
  min-height: 44px;
}

.cmn-toggle-switch {
  min-width: 44px;
  min-height: 44px;
}

.h3 {
  font-size: 22px;
  font-weight: 500;
  line-height: 1.1;
}

#get_quote .h3 {
  margin: 5px 0 0;
  color: #fff;
  font-family: 'Gochi Hand', cursive;
  font-size: 28px;
}

.box_feat h2.h3 {
  color: #ffc;
}

.box_feat h2.h3::before,
.box_feat h2.h3::after {
  color: #fff;
  content: '/';
}

.box_feat h2.h3::before {
  margin-right: 10px;
}

.box_feat h2.h3::after {
  margin-left: 10px;
}

/* Reserve space while the external quote form is being initialised. */
[data-sd-iframe] {
  min-height: 470px;
}

@media (min-width: 768px) {
  [data-sd-iframe] {
    min-height: 500px;
  }
}

@media (max-width: 767px) {
  .RC-2026-hero .owl-slide,
  .RC-2026-hero .opacity-mask {
    min-height: 390px;
  }

  .RC-2026-hero .slide-text.text-end {
    text-align: center;
  }
}

.RC-2026-photo-400 { width: 400px; }
.RC-2026-photo-360 { width: 360px; }

.bg_content {
  background-image: image-set(url('../img/removals-compare-desktop.avif') type('image/avif'), url('../img/removals-compare.jpg') type('image/jpeg'));
}

.banner:not(.colored) {
  background-image: image-set(url('../images/bg_banner-desktop.avif') type('image/avif'), url('../images/bg_banner.jpg') type('image/jpeg'));
}

@media (min-width: 701px) and (max-width: 1200px) {
  .bg_content {
    background-image: image-set(url('../img/removals-compare-tablet.avif') type('image/avif'), url('../img/removals-compare.jpg') type('image/jpeg'));
  }
}

@media (max-width: 700px) {
  .bg_content {
    background-image: url('../img/removals-compare-700.jpg');
    background-image: image-set(url('../img/removals-compare-mobile.avif') type('image/avif'), url('../img/removals-compare-700.jpg') type('image/jpeg'));
  }

  .banner:not(.colored) {
    background-image: url('../images/bg_banner-500.jpg');
    background-image: image-set(url('../images/bg_banner-mobile.avif') type('image/avif'), url('../images/bg_banner-500.jpg') type('image/jpeg'));
  }
}

/* Preserve all box dimensions; reveal well before entering the viewport. */
.RC-2026-lazy-backgrounds .bg_content:not(.RC-2026-bg-ready),
.RC-2026-lazy-backgrounds .banner:not(.colored):not(.RC-2026-bg-ready) {
  background-image: none !important;
}

@media (prefers-reduced-motion: reduce) {
  html {
    scroll-behavior: auto;
  }

  *,
  *::before,
  *::after {
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: .01ms !important;
  }
}