/* Bez zbędnych aplikacji. */
.wygoda {
  --wy-tekst: #1f1f1f;
  --wy-opis: #4a463e;
  --wy-akcent: #b8431c;
  --wy-kreska: #1f1f1f;
  --wy-ekran: #fff4e8;
  --wy-przycisk: #dd7151;
  --wy-motto-tlo: #f2d06b;
  --wy-motto-tekst: #1f1f1f;
  font-family: var(--beo-font-sans-serif, 'Raleway', system-ui, sans-serif);
  color: var(--wy-tekst);
}

.wygoda--reboom {
  --wy-tekst: #1f2530;
  --wy-opis: #4a4f5c;
  --wy-akcent: #9a6b1f;
  --wy-kreska: #2f3643;
  --wy-ekran: #f8f2e7;
  --wy-przycisk: #2f3643;
  --wy-motto-tlo: #272c40;
  --wy-motto-tekst: #e2b771;
}

.wygoda__inner {
  max-width: 1200px;
  margin-inline: auto;
  padding: 4.5rem 1.5rem 1rem;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 3rem;
}

.wygoda__rysunek {
  flex: 0 1 320px;
}

.wygoda__rysunek svg {
  width: 100%;
  height: auto;
  display: block;
}

.wygoda__ramka { stroke: var(--wy-kreska); stroke-width: 4; fill: #fff; }
.wygoda__telefon { fill: #fff; }
.wygoda__ekran { fill: var(--wy-ekran); }
.wygoda__pole { stroke: var(--wy-kreska); stroke-width: 2; fill: #fff; }
.wygoda__przycisk { fill: var(--wy-przycisk); }
.wygoda__kod { stroke: var(--wy-kreska); stroke-width: 2.4; }
.wygoda__skan { stroke: #0f9d6e; stroke-width: 3; }
.wygoda__luk { stroke: var(--wy-przycisk); stroke-width: 3; stroke-dasharray: 2 7; }

.wygoda__tekst {
  flex: 1 1 26rem;
  max-width: 36rem;
  display: flex;
  flex-direction: column;
  gap: 0.8rem;
}

.wygoda__eyebrow {
  margin: 0;
  font-size: 0.8rem;
  font-weight: 800;
  letter-spacing: 0.15em;
  text-transform: uppercase;
  color: var(--wy-akcent);
}

.wygoda__h2 {
  margin: 0;
  font-size: clamp(1.6rem, 2vw + 0.9rem, 2.25rem);
  font-weight: 800;
  line-height: 1.15;
  color: inherit;
}

.wygoda__opis {
  margin: 0;
  font-weight: 400;
  font-size: 1.08rem;
  line-height: 1.6;
  color: var(--wy-opis);
}

.wygoda__motto {
  margin: 0.4rem 0 0;
  align-self: flex-start;
  background: var(--wy-motto-tlo);
  color: var(--wy-motto-tekst);
  font-size: 1.15rem;
  font-weight: 800;
  line-height: 1.3;
  padding: 0.85rem 1.2rem;
  border-radius: 12px;
}

@media (max-width: 575.98px) {
  .wygoda__inner {
    padding: 2.5rem 1rem 0.5rem;
    gap: 1.5rem;
  }

  .wygoda__rysunek {
    flex-basis: 240px;
  }

  .wygoda__tekst {
    text-align: center;
    align-items: center;
  }

  .wygoda__motto {
    align-self: center;
  }
}