.oferta {
--gutter: clamp(1.25rem, 3vw, 3.5rem);
--kol: 4;
--odstep: clamp(0.75rem, 1.2vw, 1.15rem);
--kont: min(100vw - 2 * var(--gutter), 120rem);
--karta-w: calc((var(--kont) - (var(--kol) - 1) * var(--odstep)) / var(--kol)); --ciecie: calc(var(--karta-w) * 0.285);
--ciemny: var(--wp--preset--color--deep);
--jasny-tekst: var(--wp--preset--color--base);
--linia-ciemna: color-mix(in srgb, var(--wp--preset--color--base) 12%, transparent);
position: relative;
isolation: isolate; overflow: hidden;
overflow: clip;
color: var(--wp--preset--color--contrast);
}
.oferta__kontener {
width: var(--kont);
margin-inline: auto;
} .oferta__gora { padding-block: var(--wp--preset--spacing--60) clamp(2.5rem, 3.4vw, 3.6rem); }
.oferta__glowa {
display: grid;
grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr);
gap: var(--wp--preset--spacing--40);
padding-inline: clamp(0rem, 1.4vw, 1.5rem);
} .oferta__badge {
width: fit-content;
margin: 0 0 clamp(1.25rem, 2.2vw, 2.25rem);
padding-left: 1rem;
border-left: 2px solid var(--wp--preset--color--accent);
font-size: 0.6875rem;
font-weight: 500;
letter-spacing: 0.32em;
text-transform: uppercase;
} .oferta__wstep { container-type: inline-size; }
.oferta__tytul {
margin: 0;
font-family: var(--wp--preset--font-family--heading);
font-size: min(clamp(4rem, 11.4vw, 13.5rem), 24cqi);
font-weight: 800;
line-height: 0.84;
letter-spacing: -0.035em;
text-transform: uppercase;
color: var(--wp--preset--color--contrast);
white-space: nowrap;
}
.oferta__lead {
margin: clamp(1.25rem, 2vw, 2rem) 0 clamp(1.75rem, 2.6vw, 2.6rem);
max-width: 34ch;
font-size: clamp(1.125rem, 1.55vw, 1.625rem);
line-height: 1.38;
color: color-mix(in srgb, var(--wp--preset--color--contrast) 82%, transparent);
}
.oferta__cta { border-radius: 6px; padding-inline: 3.2rem; } .oferta__notatki {
position: relative;
min-height: clamp(18rem, 24vw, 26rem);
}
.oferta__pion {
position: absolute;
left: 18%;
left: round(18%, 1px);
top: 4%;
top: round(4%, 1px);
width: 1px;
height: 46%;
background: color-mix(in srgb, var(--wp--preset--color--contrast) 55%, transparent);
}
.oferta__notatka {
margin: 0;
font-size: 0.625rem;
font-weight: 500;
line-height: 1.95;
letter-spacing: 0.26em;
text-transform: uppercase;
white-space: nowrap;
}
.oferta__notatka::after {
content: "";
display: block;
width: 2.4rem;
height: 1px;
margin-top: 1.6rem;
background: currentColor;
opacity: 0.55;
}
.oferta__notatka--1 { position: absolute; left: 26%; top: 14%; left: round(26%, 1px); top: round(14%, 1px); }
.oferta__notatka--2 { position: absolute; left: 64%; top: 76%; left: round(64%, 1px); top: round(76%, 1px); }
.oferta__krzyzyk {
position: absolute;
width: 1.75rem;
height: 1.75rem;
}
.oferta__krzyzyk::before,
.oferta__krzyzyk::after {
content: "";
position: absolute;
background: currentColor;
opacity: 0.6;
}
.oferta__krzyzyk::before { left: 50%; top: 0; bottom: 0; width: 1px; }
.oferta__krzyzyk::after  { top: 50%; left: 0; right: 0; height: 1px; }
.oferta__krzyzyk--gora { left: 46%; top: 78%; left: round(46%, 1px); top: round(78%, 1px); }
.oferta__zawias {
position: absolute;
right: -2%;
top: 16%;
width: 50%;
height: auto;
transform: rotate(-4deg);
filter: drop-shadow(0 22px 26px rgba(20, 22, 18, 0.22));
pointer-events: none;
} .oferta__karty-pas {
position: relative;
z-index: 2;
isolation: isolate;
}
.oferta__karty-pas::before {
content: "";
position: absolute;
inset: var(--ciecie) 0 0;
z-index: -1;
background: var(--ciemny);
transform-origin: center top;
}
.oferta__karty {
display: grid;
grid-template-columns: repeat(var(--kol), minmax(0, 1fr));
gap: var(--odstep);
margin-block: 0;
padding: 0 0 clamp(2.5rem, 3.4vw, 3.4rem);
list-style: none;
}
.oferta-karta {
position: relative;
width: 100%;
aspect-ratio: 2 / 3;
overflow: hidden;
border-radius: 4px;
border: 1px solid color-mix(in srgb, var(--wp--preset--color--base) 9%, transparent);
background: #161c15;
color: var(--jasny-tekst);
cursor: pointer;
}
.oferta-karta__foto {
position: absolute;
inset: 0 0 auto;
height: 78%;
display: block;
overflow: hidden;
}
.oferta-karta__foto img {
width: 100%;
height: 100%;
object-fit: cover; filter: brightness(0.84) contrast(1.06) saturate(0.92);
transition: transform 1.2s cubic-bezier(0.16, 1, 0.3, 1);
} .oferta-karta::after {
content: "";
position: absolute;
inset: 0;
z-index: 1;
background: linear-gradient(to bottom, rgba(22, 28, 21, 0) var(--g1, 40%), rgba(22, 28, 21, 0.8) var(--g2, 60%), #161c15 var(--g3, 76%));
pointer-events: none;
}
.oferta-karta__tresc {
position: absolute;
z-index: 2;
inset: auto 0 0;
display: flex;
flex-direction: column;
padding: 0 clamp(1rem, 1.6vw, 1.6rem) clamp(1.1rem, 1.7vw, 1.6rem);
}
.oferta-karta__nr {
margin-bottom: clamp(0.75rem, 1vw, 1.1rem);
font-size: 0.6875rem;
font-weight: 500;
letter-spacing: 0.16em;
opacity: 0.85;
}
.oferta-karta__tytul {
margin: 0;
font-family: var(--wp--preset--font-family--heading);
font-size: clamp(1.5rem, 2.25vw, 2.4rem);
font-weight: 600;
line-height: 1.04;
letter-spacing: -0.02em;
color: var(--jasny-tekst);
text-shadow: 0 2px 18px rgba(10, 14, 9, 0.55);
}
.oferta-karta__opis {
margin: clamp(0.9rem, 1.3vw, 1.35rem) 0 clamp(1.6rem, 2.4vw, 2.5rem);
font-size: clamp(0.8125rem, 0.95vw, 0.9375rem);
line-height: 1.55;
color: color-mix(in srgb, var(--jasny-tekst) 80%, transparent);
text-shadow: 0 1px 12px rgba(10, 14, 9, 0.6);
}
.oferta-karta__cta {
display: inline-flex;
align-items: center;
gap: 1.1rem;
width: fit-content;
min-height: 44px;
padding: 0;
border: 0;
background: none;
color: #fff;
font-size: 0.625rem;
font-weight: 700;
letter-spacing: 0.28em;
text-transform: uppercase;
cursor: pointer;
} .oferta-karta__cta-linia {
position: relative;
display: block;
width: 3.6rem;
height: 1px;
overflow: hidden;
}
.oferta-karta__cta-linia::before {
content: "";
position: absolute;
inset: 0;
background: currentColor;
transform: translateX(-30%);
transition: transform 0.6s cubic-bezier(0.16, 1, 0.3, 1);
}
.oferta-karta__foto img { backface-visibility: hidden; }
@media (hover: hover) {
.oferta-karta:hover .oferta-karta__foto img { transform: scale(1.06); }
.oferta-karta:hover .oferta-karta__cta-linia::before { transform: none; }
} .oferta__dol {
position: relative;
z-index: 2;
background: var(--ciemny);
color: var(--jasny-tekst);
padding-bottom: clamp(3rem, 4.5vw, 4.75rem);
}
.oferta__dol::before {
content: "";
position: absolute;
inset-inline: 0;
top: 0;
height: 1px;
background: var(--linia-ciemna);
transform-origin: left center;
} .oferta__dol::after {
content: "";
position: absolute;
inset-inline: 0;
bottom: clamp(3rem, 4.5vw, 4.75rem);
height: 1px;
background: var(--linia-ciemna);
}
.oferta__cechy-rzad {
display: grid;
grid-template-columns: minmax(0, 1fr) minmax(0, 0.22fr);
}
.oferta__cechy {
display: grid;
grid-template-columns: repeat(4, minmax(0, 1fr));
margin: 0;
padding: clamp(3rem, 4.8vw, 4.5rem) 0 clamp(3rem, 4.2vw, 4rem) clamp(1.5rem, 4.5vw, 4.5rem);
list-style: none;
}
.oferta-cecha {
position: relative;
padding-inline: clamp(1rem, 2.4vw, 2.6rem);
}
.oferta-cecha + .oferta-cecha::before {
content: "";
position: absolute;
left: 0;
top: 0;
bottom: 0;
width: 1px;
background: var(--linia-ciemna);
transform-origin: center top;
}
.oferta-cecha:first-child { padding-left: 0; }
.oferta-cecha__ikona {
width: clamp(2.4rem, 3.1vw, 3.3rem);
height: auto;
color: color-mix(in srgb, var(--jasny-tekst) 92%, transparent);
}
.oferta-cecha__tytul {
margin: clamp(1rem, 1.4vw, 1.4rem) 0 0.75rem;
font-family: var(--wp--preset--font-family--heading);
max-width: 18ch;
font-size: clamp(1rem, 1.2vw, 1.25rem);
font-weight: 500;
line-height: 1.2;
color: var(--jasny-tekst);
}
.oferta-cecha__opis {
margin: 0;
max-width: 32ch;
font-size: clamp(0.8125rem, 0.9vw, 0.875rem);
line-height: 1.55;
color: color-mix(in srgb, var(--jasny-tekst) 72%, transparent);
} .oferta__motto {
position: relative;
padding: clamp(3rem, 4.4vw, 4.2rem) 0 0 clamp(1.5rem, 2.8vw, 2.8rem);
border-left: 1px solid var(--linia-ciemna);
color: var(--jasny-tekst);
}
.oferta__motto::after {
content: "";
position: absolute;
left: -1px;
top: 100%;
width: 1px;
height: clamp(3rem, 4.5vw, 4.75rem);
background: var(--linia-ciemna);
}
.oferta__motto .oferta__notatka { margin-top: 1.4rem; opacity: 0.85; } .oferta__wymiar {
position: relative;
display: block;
width: 3.6rem;
height: 0.75rem;
color: color-mix(in srgb, var(--jasny-tekst) 60%, transparent);
}
.oferta__wymiar::before,
.oferta__wymiar::after {
content: "";
position: absolute;
top: 0;
bottom: 0;
width: 1px;
background: currentColor;
}
.oferta__wymiar::before { left: 0; }
.oferta__wymiar::after  { right: 0; }
.oferta__wymiar {
background: linear-gradient(currentColor, currentColor) center / 100% 1px no-repeat;
background-color: transparent;
} .oferta__rekwizyty {
position: absolute;
inset: 0;
z-index: 3;
pointer-events: none;
}
.oferta__rekwizyt {
position: absolute;
height: auto;
opacity: 0.5;
filter: blur(7px);
}
.oferta__rekwizyt--prowadnica {
width: clamp(300px, 30vw, 560px);
bottom: -6%;
left: -12%;
opacity: 0.38;
filter: blur(9px);
transform: rotate(52deg);
} .oferta { --ease: cubic-bezier(0.16, 1, 0.3, 1); --ease-sprezyna: cubic-bezier(0.34, 1.32, 0.5, 1); } .js .oferta__badge { opacity: 0; filter: blur(8px); transition: opacity 0.9s ease, filter 0.9s ease; }
.oferta__litera { display: inline-block; }
.js .oferta__litera {
opacity: 0;
transform: translate3d(0, 0.42em, 0) rotate(6deg);
filter: blur(18px);
transform-origin: 0 100%;
transition: opacity 0.9s ease, transform 1.2s var(--ease), filter 1.1s ease;
transition-delay: calc(0.12s + var(--l, 0) * 0.065s);
}
.oferta__litera:nth-child(2) { --l: 1; }
.oferta__litera:nth-child(3) { --l: 2; }
.oferta__litera:nth-child(4) { --l: 3; }
.oferta__litera:nth-child(5) { --l: 4; }
.oferta__litera:nth-child(6) { --l: 5; }
.js .oferta__lead,
.js .oferta__cta {
opacity: 0;
transform: translate3d(0, 26px, 0);
filter: blur(10px);
transition: opacity 1s ease, transform 1.1s var(--ease), filter 1s ease;
}
.js .oferta__lead { transition-delay: 0.55s; }
.js .oferta__cta  { transition-delay: 0.7s; }
.js .oferta__pion { transform: scaleY(0); transform-origin: center top; transition: transform 1.4s var(--ease) 0.25s; }
.js .oferta__notatka--1,
.js .oferta__notatka--2 {
opacity: 0;
filter: blur(6px);
clip-path: inset(0 100% 0 0);
transition: opacity 0.6s ease, filter 0.9s ease, clip-path 1.1s var(--ease);
}
.js .oferta__notatka--1 { transition-delay: 0.75s; }
.js .oferta__notatka--2 { transition-delay: 1.15s; }
.js .oferta__notatka::after {
transform: scaleX(0);
transform-origin: left center;
transition: transform 0.9s var(--ease);
transition-delay: inherit;
}
.js .oferta__krzyzyk::before { transform: scaleY(0); transition: transform 0.9s var(--ease) 1s; }
.js .oferta__krzyzyk::after  { transform: scaleX(0); transition: transform 0.9s var(--ease) 1.1s; } .js .oferta__zawias {
opacity: 0;
transform: translate3d(12%, -18%, 0) rotate(-34deg) scale(1.4);
filter: blur(26px) drop-shadow(0 22px 26px rgba(20, 22, 18, 0));
transition: opacity 1s ease 0.35s, transform 1.9s var(--ease-sprezyna) 0.35s, filter 1.5s ease 0.35s;
}
.js .oferta__rekwizyt { opacity: 0; transition: opacity 1.4s ease 0.2s, translate 1.8s var(--ease) 0.2s; }
.js .oferta__rekwizyt--prowadnica { translate: -14% 16%; }
.oferta__gora.is-aktywna .oferta__badge { opacity: 1; filter: none; }
.oferta__gora.is-aktywna .oferta__litera { opacity: 1; transform: none; filter: none; }
.oferta__gora.is-aktywna .oferta__lead,
.oferta__gora.is-aktywna .oferta__cta { opacity: 1; transform: none; filter: none; }
.oferta__gora.is-aktywna .oferta__pion { transform: none; }
.oferta__gora.is-aktywna .oferta__notatka--1,
.oferta__gora.is-aktywna .oferta__notatka--2 { opacity: 1; filter: none; clip-path: inset(0 0 0 0); }
.oferta__gora.is-aktywna .oferta__notatka::after { transform: none; }
.oferta__gora.is-aktywna .oferta__krzyzyk::before,
.oferta__gora.is-aktywna .oferta__krzyzyk::after { transform: none; }
.oferta__gora.is-aktywna .oferta__zawias {
opacity: 1;
transform: rotate(-4deg);
filter: blur(0) drop-shadow(0 22px 26px rgba(20, 22, 18, 0.22));
}
.oferta.is-widoczna .oferta__rekwizyt { opacity: 0.5; translate: 0 0; }
.oferta.is-widoczna .oferta__rekwizyt--prowadnica { opacity: 0.38; } .oferta__zawias { rotate: calc(var(--oferta-p, 0.5) * 14deg - 7deg); }
.oferta__rekwizyt--prowadnica { rotate: calc(var(--oferta-p, 0.5) * 12deg - 6deg); } .js .oferta__karty-pas::before { transform: scaleY(0); transition: transform 1.5s var(--ease); }
.oferta__karty-pas.is-aktywna::before { transform: none; }
.oferta-karta { --k: 0; }
.oferta-karta:nth-child(2) { --k: 1; }
.oferta-karta:nth-child(3) { --k: 2; }
.oferta-karta:nth-child(4) { --k: 3; }
.js .oferta-karta { opacity: 0; transition: opacity 0.8s ease; transition-delay: calc(var(--k) * 0.14s); } .js .oferta-karta__foto {
clip-path: inset(100% 0 0 0);
transition: clip-path 1.3s var(--ease);
transition-delay: calc(0.1s + var(--k) * 0.14s);
}
.js .oferta-karta__foto img {
transform: scale(1.28);
filter: brightness(0.84) contrast(1.06) saturate(0.92) blur(14px);
transition: transform 1.8s var(--ease), filter 1.4s ease;
transition-delay: calc(0.1s + var(--k) * 0.14s);
}
.js .oferta-karta__nr,
.js .oferta-karta__tytul,
.js .oferta-karta__opis {
opacity: 0;
transform: translate3d(0, 22px, 0);
filter: blur(8px);
transition: opacity 0.9s ease, transform 1s var(--ease), filter 0.9s ease;
}
.js .oferta-karta__nr    { transition-delay: calc(0.45s + var(--k) * 0.14s); }
.js .oferta-karta__tytul { transition-delay: calc(0.55s + var(--k) * 0.14s); }
.js .oferta-karta__opis  { transition-delay: calc(0.68s + var(--k) * 0.14s); } .js .oferta-karta__cta {
opacity: 0;
filter: blur(6px);
transition: opacity 0.8s ease, filter 0.8s ease;
transition-delay: calc(0.85s + var(--k) * 0.14s);
}
.js .oferta-karta__cta-linia::before {
transform: translateX(-101%);
transition-delay: calc(0.95s + var(--k) * 0.14s);
}
.oferta__karty-pas.is-aktywna .oferta-karta { opacity: 1; }
.oferta__karty-pas.is-aktywna .oferta-karta__foto { clip-path: inset(0 0 0 0); }
.oferta__karty-pas.is-aktywna .oferta-karta__foto img { transform: none; filter: brightness(0.84) contrast(1.06) saturate(0.92) blur(0); }
.oferta__karty-pas.is-aktywna .oferta-karta__nr,
.oferta__karty-pas.is-aktywna .oferta-karta__tytul,
.oferta__karty-pas.is-aktywna .oferta-karta__opis { opacity: 1; transform: none; filter: none; }
.oferta__karty-pas.is-aktywna .oferta-karta__cta { opacity: 1; filter: none; }
.oferta__karty-pas.is-aktywna .oferta-karta__cta-linia::before { transform: translateX(-30%); } .oferta__karty-pas.is-po-wejsciu .oferta-karta__foto img,
.oferta__karty-pas.is-po-wejsciu .oferta-karta__cta-linia::before { transition-delay: 0s; }
@media (hover: hover) {
.oferta__karty-pas.is-aktywna .oferta-karta:hover .oferta-karta__foto img { transform: scale(1.06); }
.oferta__karty-pas.is-aktywna .oferta-karta:hover .oferta-karta__cta-linia::before { transform: none; }
} .js .oferta__dol::before,
.js .oferta__dol::after { transform: scaleX(0); transform-origin: left center; transition: transform 1.6s var(--ease); }
.js .oferta__dol::after { transition-delay: 0.5s; }
.oferta-cecha { --c: 0; }
.oferta-cecha:nth-child(2) { --c: 1; }
.oferta-cecha:nth-child(3) { --c: 2; }
.oferta-cecha:nth-child(4) { --c: 3; }
.js .oferta-cecha + .oferta-cecha::before {
transform: scaleY(0);
transition: transform 1.1s var(--ease);
transition-delay: calc(0.2s + var(--c) * 0.12s);
} .js .oferta-cecha__ikona path,
.js .oferta-cecha__ikona circle {
stroke-dasharray: 1;
stroke-dashoffset: 1;
transition: stroke-dashoffset 1.4s var(--ease);
transition-delay: calc(0.3s + var(--c) * 0.14s);
}
.js .oferta-cecha__tytul,
.js .oferta-cecha__opis {
opacity: 0;
transform: translate3d(0, 18px, 0);
filter: blur(8px);
transition: opacity 0.9s ease, transform 1s var(--ease), filter 0.9s ease;
}
.js .oferta-cecha__tytul { transition-delay: calc(0.5s + var(--c) * 0.14s); }
.js .oferta-cecha__opis  { transition-delay: calc(0.62s + var(--c) * 0.14s); }
.js .oferta__motto > * { opacity: 0; filter: blur(8px); transition: opacity 1s ease 0.9s, filter 1s ease 0.9s; }
.js .oferta__motto::after { transform: scaleY(0); transform-origin: center top; transition: transform 1.2s var(--ease) 0.7s; }
.oferta__dol.is-aktywna::before,
.oferta__dol.is-aktywna::after { transform: none; }
.oferta__dol.is-aktywna .oferta-cecha + .oferta-cecha::before { transform: none; }
.oferta__dol.is-aktywna .oferta-cecha__ikona path,
.oferta__dol.is-aktywna .oferta-cecha__ikona circle { stroke-dashoffset: 0; }
.oferta__dol.is-aktywna .oferta-cecha__tytul,
.oferta__dol.is-aktywna .oferta-cecha__opis { opacity: 1; transform: none; filter: none; }
.oferta__dol.is-aktywna .oferta__motto > * { opacity: 1; filter: none; }
.oferta__dol.is-aktywna .oferta__motto::after { transform: none; } @media (max-width: 720px) { .js .oferta-karta__foto img {
filter: brightness(0.84) contrast(1.06) saturate(0.92);
transform: scale(1.12);
}
.oferta__karty-pas.is-aktywna .oferta-karta__foto img { filter: brightness(0.84) contrast(1.06) saturate(0.92); }
.js .oferta-karta__nr,
.js .oferta-karta__tytul,
.js .oferta-karta__opis,
.js .oferta-karta__cta { filter: none; }
.js .oferta-cecha + .oferta-cecha::before { transition-delay: calc(0.05s + var(--c) * 0.05s); }
.js .oferta-cecha__ikona path,
.js .oferta-cecha__ikona circle { transition-duration: 0.9s; transition-delay: calc(0.08s + var(--c) * 0.06s); }
.js .oferta-cecha__tytul { transition-delay: calc(0.12s + var(--c) * 0.06s); }
.js .oferta-cecha__opis  { transition-delay: calc(0.2s + var(--c) * 0.06s); }
.js .oferta__motto > * { transition-delay: 0.3s; }
.js .oferta__motto::after { transition-delay: 0.2s; }
}
@media (prefers-reduced-motion: reduce) {
.oferta *,
.oferta *::before,
.oferta *::after { transition-duration: 0.001ms !important; transition-delay: 0s !important; }
.oferta__zawias,
.oferta__rekwizyt { rotate: none; }
} .oferta-cecha__link {
display: inline-flex;
align-items: center;
gap: 0.4em;
min-height: 44px;
margin-top: 0.35rem;
font-size: 0.6875rem;
font-weight: 600;
letter-spacing: 0.14em;
text-transform: uppercase;
color: color-mix(in srgb, var(--jasny-tekst) 88%, transparent);
text-decoration: underline;
text-decoration-color: color-mix(in srgb, var(--jasny-tekst) 35%, transparent);
text-underline-offset: 0.45em;
transition: color 0.3s ease, text-decoration-color 0.3s ease;
}
@media (hover: hover) {
.oferta-cecha__link:hover { color: #fff; text-decoration-color: #fff; }
} .js .oferta-cecha__link {
opacity: 0;
filter: blur(6px);
transition: opacity 0.9s ease, filter 0.9s ease, color 0.3s ease, text-decoration-color 0.3s ease;
transition-delay: calc(0.78s + var(--c) * 0.14s), calc(0.78s + var(--c) * 0.14s), 0s, 0s;
}
.oferta__dol.is-aktywna .oferta-cecha__link { opacity: 1; filter: none; } .oferta__pion,
.oferta__notatka--1,
.oferta__notatka--2,
.oferta__krzyzyk::before,
.oferta__krzyzyk::after,
.oferta__notatka::after,
.oferta__motto > *,
.oferta__motto::after,
.oferta__dol::before,
.oferta__dol::after,
.oferta-cecha + .oferta-cecha::before,
.oferta-cecha__link,
.oferta-karta__cta,
.oferta-karta__cta-linia::before,
.oferta__karty-pas::before {
will-change: transform, opacity;
backface-visibility: hidden;
} @media (max-width: 1100px) {
.oferta { --kol: 2; }
.oferta__glowa { grid-template-columns: minmax(0, 1fr); }
.oferta__notatki { min-height: 15rem; }
.oferta__zawias { width: 40%; right: 0; top: 6%; }
.oferta-karta { aspect-ratio: 3 / 5; } .oferta { --ciecie: calc(var(--karta-w) * 0.32); }
.oferta__cechy-rzad { grid-template-columns: minmax(0, 1fr); }
.oferta__cechy {
grid-template-columns: repeat(2, minmax(0, 1fr));
row-gap: 2.5rem;
padding-left: 0;
}
.oferta-cecha:nth-child(3) { padding-left: 0; }
.oferta-cecha:nth-child(3)::before { display: none; }
.oferta__motto {
border-left: 0;
border-top: 1px solid var(--linia-ciemna);
padding: 2.25rem 0 0;
display: flex;
align-items: center;
gap: 1.5rem;
}
.oferta__motto::after { display: none; }
.oferta__motto .oferta__notatka { margin-top: 0; }
.oferta__motto .oferta__notatka br { display: none; }
.oferta__motto .oferta__notatka::after { display: none; }
}
@media (max-width: 620px) {
.oferta { --kol: 1; --ciecie: calc(var(--karta-w) * 0.24); }
.oferta__glowa { padding-inline: 0; }
.oferta__cta { width: 100%; }
.oferta__notatki { min-height: 13rem; margin-top: 0.5rem; }
.oferta__pion { left: 0; height: 52%; }
.oferta__notatka--1 { left: 1.25rem; top: 6%; }
.oferta__krzyzyk--gora { left: 1.25rem; top: 70%; }
.oferta__notatka--2 { left: 4rem; top: 64%; }
.oferta__zawias { width: 50%; top: 2%; right: -4%; animation: none; }
.oferta-karta { aspect-ratio: 4 / 5; --g1: 36%; --g2: 54%; --g3: 68%; }
.oferta-karta__foto { height: 70%; }
.oferta__cechy { grid-template-columns: minmax(0, 1fr); row-gap: 0; }
.oferta-cecha + .oferta-cecha::before { display: none; }
.oferta-cecha,
.oferta-cecha:nth-child(3) {
display: grid;
grid-template-columns: auto minmax(0, 1fr);
column-gap: 1.1rem;
padding: 1.5rem 0;
border-left: 0;
border-top: 1px solid var(--linia-ciemna);
}
.oferta-cecha:first-child { border-top: 0; padding-top: 0; }
.oferta-cecha__ikona { grid-row: span 3; }
.oferta-cecha__tytul { margin-top: 0; }
.oferta-cecha__tytul br { display: none; }
.oferta-cecha__opis { max-width: none; }
.oferta__rekwizyt--prowadnica { display: none; }
}
.oferta__karty-pas.is-aktywna .oferta-karta__cta:focus-visible .oferta-karta__cta-linia::before { transform: none; }