/* =====================================================
BESKIDINFO – OTWARCIE OFERTY REKLAMOWEJ
===================================================== */
.bi-oferta-hero {
--bi-zielony: #0cab78;
--bi-zielony-jasny: #2ed69d;
--bi-czarny: #111412;
position: relative;
display: grid;
grid-template-columns: minmax(0, 1.15fr) minmax(360px, 0.85fr);
gap: 54px;
align-items: center;
width: 100%;
min-height: 520px;
margin: 0 0 54px;
padding: 68px;
overflow: hidden;
box-sizing: border-box;
color: #ffffff;
background:
radial-gradient(
circle at 88% 8%,
rgba(24, 203, 139, 0.18) 0,
rgba(24, 203, 139, 0) 34%
),
linear-gradient(
135deg,
#0c0f0d 0%,
#151a17 55%,
#0e1713 100%
);
border: 1px solid rgba(46, 214, 157, 0.18);
border-radius: 18px;
box-shadow:
0 24px 55px rgba(0, 0, 0, 0.16);
}
/* Delikatne linie w tle */
.bi-oferta-hero::before {
position: absolute;
inset: 0;
content: "";
pointer-events: none;
opacity: 0.3;
background-image:
linear-gradient(
rgba(255, 255, 255, 0.025) 1px,
transparent 1px
),
linear-gradient(
90deg,
rgba(255, 255, 255, 0.025) 1px,
transparent 1px
);
background-size: 42px 42px;
}
/* Zielona poświata */
.bi-oferta-hero__dekoracja {
position: absolute;
right: -130px;
bottom: -170px;
width: 430px;
height: 430px;
pointer-events: none;
background: rgba(12, 171, 120, 0.16);
border-radius: 50%;
filter: blur(90px);
}
.bi-oferta-hero__tresc,
.bi-oferta-hero__statystyki {
position: relative;
z-index: 2;
}
/* Etykieta */
.bi-oferta-hero__etykieta {
display: inline-flex;
align-items: center;
margin-bottom: 22px;
padding: 9px 14px;
color: var(--bi-zielony-jasny);
background: rgba(12, 171, 120, 0.11);
border: 1px solid rgba(46, 214, 157, 0.25);
border-radius: 999px;
font-size: 11px;
font-weight: 800;
line-height: 1;
letter-spacing: 1.3px;
text-transform: uppercase;
}
.bi-oferta-hero__etykieta::before {
width: 7px;
height: 7px;
margin-right: 9px;
content: "";
background: var(--bi-zielony-jasny);
border-radius: 50%;
box-shadow: 0 0 0 5px rgba(46, 214, 157, 0.1);
}
/* Nagłówek */
.bi-oferta-hero__tytul {
max-width: 650px;
margin: 0 0 22px !important;
color: #ffffff !important;
font-size: clamp(40px, 4.2vw, 64px) !important;
font-weight: 800 !important;
line-height: 1.03 !important;
letter-spacing: -2.2px !important;
text-transform: none !important;
}
/* Opis */
.bi-oferta-hero__opis {
max-width: 610px;
margin: 0 0 31px !important;
color: rgba(255, 255, 255, 0.72) !important;
font-size: 17px !important;
font-weight: 400;
line-height: 1.65 !important;
}
/* Przyciski */
.bi-oferta-hero__przyciski {
display: flex;
flex-wrap: wrap;
gap: 12px;
}
.bi-oferta-przycisk {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 16px;
min-height: 48px;
padding: 0 20px;
border-radius: 8px;
font-size: 13px;
font-weight: 800;
line-height: 1;
text-decoration: none !important;
transition:
background-color 0.2s ease,
border-color 0.2s ease,
color 0.2s ease;
}
.bi-oferta-przycisk span {
font-size: 17px;
line-height: 1;
}
.bi-oferta-przycisk--zielony {
color: #ffffff !important;
background: var(--bi-zielony);
border: 1px solid var(--bi-zielony);
}
.bi-oferta-przycisk--zielony:hover {
color: #ffffff !important;
background: #07986a;
border-color: #07986a;
}
.bi-oferta-przycisk--jasny {
color: #ffffff !important;
background: rgba(255, 255, 255, 0.05);
border: 1px solid rgba(255, 255, 255, 0.22);
}
.bi-oferta-przycisk--jasny:hover {
color: #ffffff !important;
background: rgba(255, 255, 255, 0.11);
border-color: rgba(255, 255, 255, 0.35);
}
/* =====================================================
STATYSTYKI
===================================================== */
.bi-oferta-hero__statystyki {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 12px;
}
.bi-oferta-statystyka {
display: flex;
flex-direction: column;
justify-content: center;
min-height: 128px;
padding: 21px;
box-sizing: border-box;
background: rgba(255, 255, 255, 0.055);
border: 1px solid rgba(255, 255, 255, 0.11);
border-radius: 12px;
backdrop-filter: blur(7px);
-webkit-backdrop-filter: blur(7px);
}
.bi-oferta-statystyka strong {
display: block;
margin-bottom: 8px;
color: #ffffff;
font-size: 28px;
font-weight: 800;
line-height: 1;
letter-spacing: -0.8px;
}
.bi-oferta-statystyka > span,
.bi-oferta-statystyka__social-liczby span {
color: rgba(255, 255, 255, 0.61);
font-size: 12px;
font-weight: 600;
line-height: 1.4;
}
/* Większa karta Facebooka */
.bi-oferta-statystyka--social {
grid-column: 1 / -1;
min-height: 150px;
background:
linear-gradient(
130deg,
rgba(12, 171, 120, 0.17),
rgba(255, 255, 255, 0.055)
);
border-color: rgba(46, 214, 157, 0.21);
}
.bi-oferta-statystyka__naglowek {
margin-bottom: 17px;
color: var(--bi-zielony-jasny);
font-size: 10px;
font-weight: 800;
line-height: 1;
letter-spacing: 0.9px;
text-transform: uppercase;
}
.bi-oferta-statystyka__social-liczby {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 20px;
}
.bi-oferta-statystyka__social-liczby > div + div {
padding-left: 20px;
border-left: 1px solid rgba(255, 255, 255, 0.13);
}
.bi-oferta-statystyka__social-liczby strong {
margin-bottom: 7px;
font-size: 29px;
}
/* =====================================================
TABLET
===================================================== */
@media (max-width: 1018px) {
.bi-oferta-hero {
grid-template-columns: 1fr;
gap: 38px;
min-height: 0;
padding: 52px;
}
.bi-oferta-hero__tresc {
max-width: 720px;
}
.bi-oferta-hero__statystyki {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
.bi-oferta-statystyka--social {
grid-column: 1 / -1;
}
}
/* =====================================================
TELEFON
===================================================== */
@media (max-width: 767px) {
.bi-oferta-hero {
display: block;
margin-bottom: 36px;
padding: 38px 20px 22px;
border-radius: 0;
border-right: 0;
border-left: 0;
}
.bi-oferta-hero__etykieta {
margin-bottom: 18px;
padding: 8px 12px;
font-size: 9px;
}
.bi-oferta-hero__tytul {
margin-bottom: 18px !important;
font-size: 36px !important;
line-height: 1.06 !important;
letter-spacing: -1.3px !important;
}
.bi-oferta-hero__opis {
margin-bottom: 25px !important;
font-size: 14px !important;
line-height: 1.6 !important;
}
.bi-oferta-hero__przyciski {
display: grid;
grid-template-columns: 1fr;
margin-bottom: 34px;
}
.bi-oferta-przycisk {
width: 100%;
min-height: 47px;
box-sizing: border-box;
}
.bi-oferta-hero__statystyki {
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 8px;
}
.bi-oferta-statystyka {
min-height: 110px;
padding: 16px;
border-radius: 9px;
}
.bi-oferta-statystyka strong {
font-size: 22px;
letter-spacing: -0.5px;
}
.bi-oferta-statystyka > span,
.bi-oferta-statystyka__social-liczby span {
font-size: 10px;
}
.bi-oferta-statystyka:nth-child(3) {
grid-column: 1 / -1;
min-height: 92px;
}
.bi-oferta-statystyka--social {
min-height: 135px;
}
.bi-oferta-statystyka__social-liczby {
gap: 12px;
}
.bi-oferta-statystyka__social-liczby > div + div {
padding-left: 12px;
}
.bi-oferta-statystyka__social-liczby strong {
font-size: 23px;
}
}
/* Pełna szerokość pierwszego bloku na telefonie */
@media (max-width: 767px) {
.bi-oferta-hero {
width: 100vw;
max-width: none;
margin-right: calc(50% - 50vw);
margin-left: calc(50% - 50vw);
margin-bottom: 38px;
border-radius: 0;
border-right: 0;
border-left: 0;
box-shadow: none;
}
}
/* =====================================================
BESKIDINFO – WYBÓR RODZAJU REKLAMY
===================================================== */
.bi-oferta-wybor {
--bi-zielony: #0cab78;
--bi-zielony-ciemny: #078c63;
--bi-czarny: #151816;
width: 100%;
margin: 0 0 70px;
padding: 22px 0 0;
box-sizing: border-box;
scroll-margin-top: 90px;
}
/* Nagłówek sekcji */
.bi-oferta-wybor__naglowek {
max-width: 720px;
margin: 0 auto 38px;
text-align: center;
}
.bi-oferta-sekcja-etykieta {
margin-bottom: 12px;
color: var(--bi-zielony);
font-size: 11px;
font-weight: 800;
line-height: 1;
letter-spacing: 1.2px;
text-transform: uppercase;
}
.bi-oferta-wybor__naglowek h2 {
margin: 0 0 14px !important;
color: var(--bi-czarny) !important;
font-size: 38px !important;
font-weight: 800 !important;
line-height: 1.1 !important;
letter-spacing: -1.2px !important;
text-transform: none !important;
}
.bi-oferta-wybor__naglowek p {
max-width: 650px;
margin: 0 auto !important;
color: #69716d !important;
font-size: 15px !important;
line-height: 1.65 !important;
}
/* Układ kart */
.bi-oferta-wybor__karty {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 22px;
}
/* Karta */
.bi-oferta-karta {
position: relative;
display: flex;
flex-direction: column;
min-height: 405px;
padding: 32px;
overflow: hidden;
box-sizing: border-box;
background: #ffffff;
border: 1px solid #e3e8e5;
border-radius: 14px;
box-shadow:
0 10px 30px rgba(23, 39, 31, 0.055);
transition:
border-color 0.2s ease,
box-shadow 0.2s ease;
}
.bi-oferta-karta:hover {
border-color: rgba(12, 171, 120, 0.35);
box-shadow:
0 14px 38px rgba(23, 39, 31, 0.09);
}
/* Delikatna dekoracja karty */
.bi-oferta-karta::before {
position: absolute;
top: -90px;
right: -90px;
width: 210px;
height: 210px;
content: "";
pointer-events: none;
background: rgba(12, 171, 120, 0.055);
border-radius: 50%;
}
/* Górna część */
.bi-oferta-karta__gora {
position: relative;
z-index: 2;
display: flex;
align-items: flex-start;
justify-content: space-between;
margin-bottom: 34px;
}
.bi-oferta-karta__numer {
color: #cbd2ce;
font-size: 12px;
font-weight: 800;
line-height: 1;
letter-spacing: 1px;
}
.bi-oferta-karta__ikona {
display: flex;
align-items: center;
justify-content: center;
width: 54px;
height: 54px;
color: var(--bi-zielony);
background: #eef9f5;
border-radius: 12px;
}
.bi-oferta-karta__ikona svg {
width: 25px;
height: 25px;
fill: none;
stroke: currentColor;
stroke-width: 1.8;
stroke-linecap: round;
stroke-linejoin: round;
}
/* Treść karty */
.bi-oferta-karta__tresc {
position: relative;
z-index: 2;
flex: 1 1 auto;
}
.bi-oferta-karta__tresc h3 {
margin: 0 0 14px !important;
color: var(--bi-czarny) !important;
font-size: 25px !important;
font-weight: 800 !important;
line-height: 1.15 !important;
letter-spacing: -0.5px !important;
text-transform: none !important;
}
.bi-oferta-karta__tresc p {
margin: 0 0 21px !important;
color: #66706b !important;
font-size: 14px !important;
line-height: 1.65 !important;
}
.bi-oferta-karta__tresc ul {
margin: 0 !important;
padding: 0 !important;
list-style: none !important;
}
.bi-oferta-karta__tresc li {
position: relative;
margin: 0 0 10px !important;
padding-left: 22px;
color: #303633;
font-size: 13px;
font-weight: 600;
line-height: 1.4;
}
.bi-oferta-karta__tresc li::before {
position: absolute;
top: 6px;
left: 0;
width: 7px;
height: 7px;
content: "";
background: var(--bi-zielony);
border-radius: 50%;
box-shadow:
0 0 0 4px rgba(12, 171, 120, 0.09);
}
/* Link na dole */
.bi-oferta-karta__link {
position: relative;
z-index: 2;
display: flex;
align-items: center;
justify-content: space-between;
margin-top: 27px;
padding-top: 20px;
color: var(--bi-czarny) !important;
border-top: 1px solid #e7ebe9;
font-size: 13px;
font-weight: 800;
line-height: 1;
text-decoration: none !important;
}
.bi-oferta-karta__link span {
color: var(--bi-zielony);
font-size: 20px;
}
.bi-oferta-karta__link:hover {
color: var(--bi-zielony-ciemny) !important;
}
/* =====================================================
TELEFON
===================================================== */
@media (max-width: 767px) {
.bi-oferta-wybor {
margin-bottom: 48px;
padding-top: 4px;
}
.bi-oferta-wybor__naglowek {
margin-bottom: 26px;
padding: 0 4px;
text-align: left;
}
.bi-oferta-wybor__naglowek h2 {
font-size: 29px !important;
letter-spacing: -0.7px !important;
}
.bi-oferta-wybor__naglowek p {
font-size: 13px !important;
}
.bi-oferta-wybor__karty {
grid-template-columns: 1fr;
gap: 14px;
}
.bi-oferta-karta {
min-height: 0;
padding: 24px 20px;
border-radius: 10px;
}
.bi-oferta-karta__gora {
margin-bottom: 24px;
}
.bi-oferta-karta__ikona {
width: 46px;
height: 46px;
border-radius: 10px;
}
.bi-oferta-karta__ikona svg {
width: 22px;
height: 22px;
}
.bi-oferta-karta__tresc h3 {
font-size: 22px !important;
}
.bi-oferta-karta__tresc p {
font-size: 13px !important;
}
.bi-oferta-karta__link {
margin-top: 23px;
}
}
.bi-oferta-artykuly,
.bi-oferta-artykuly * {
box-sizing: border-box;
}
.bi-oferta-artykuly {
--bi-zielony: #0bae7a;
--bi-zielony-ciemny: #087956;
--bi-czarny: #141816;
--bi-tekst: #171b19;
--bi-szary: #727a76;
--bi-linia: #dde3df;
--bi-tlo: #f4f7f5;
width: 100%;
margin: 0 auto 45px;
color: var(--bi-tekst);
}
/* NAGŁÓWEK SEKCJI */
.bi-oferta-artykuly__naglowek {
display: block;
max-width: 780px;
margin: 0 0 34px;
}
.bi-oferta-artykuly__etykieta {
display: block;
margin-bottom: 10px;
color: var(--bi-zielony);
font-size: 12px;
font-weight: 800;
line-height: 1.2;
letter-spacing: .09em;
text-transform: uppercase;
}
.bi-oferta-artykuly__naglowek h2 {
margin: 0 0 12px;
color: var(--bi-tekst);
font-size: clamp(28px, 3vw, 42px);
font-weight: 800;
line-height: 1.08;
letter-spacing: -.035em;
}
.bi-oferta-artykuly__naglowek p {
max-width: 700px;
margin: 0;
color: var(--bi-szary);
font-size: 17px;
line-height: 1.65;
}
/* GŁÓWNA SIATKA */
.bi-pakiety {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 26px;
}
.bi-pakiet {
position: relative;
display: flex;
min-width: 0;
flex-direction: column;
padding: 38px;
overflow: visible;
color: var(--bi-tekst);
background: #fff;
border: 1px solid var(--bi-linia);
border-radius: 20px;
box-shadow: 0 16px 42px rgba(13, 35, 26, .06);
}
.bi-pakiet--premium {
border-color: rgba(11, 174, 122, .55);
box-shadow: 0 20px 52px rgba(11, 174, 122, .12);
}
.bi-pakiet__znacznik {
position: absolute;
top: -15px;
right: 26px;
display: inline-flex;
align-items: center;
min-height: 30px;
padding: 7px 13px;
color: #fff;
background: var(--bi-zielony);
border-radius: 999px;
font-size: 11px;
font-weight: 800;
line-height: 1;
letter-spacing: .04em;
text-transform: uppercase;
}
.bi-pakiet__gora {
display: flex;
align-items: center;
justify-content: space-between;
gap: 16px;
margin-bottom: 30px;
}
.bi-pakiet__numer {
color: var(--bi-zielony);
font-size: 12px;
font-weight: 900;
letter-spacing: .06em;
}
.bi-pakiet__typ {
color: #8a918e;
font-size: 11px;
font-weight: 750;
letter-spacing: .055em;
text-align: right;
text-transform: uppercase;
}
.bi-pakiet h3 {
margin: 0 0 14px;
color: var(--bi-tekst);
font-size: clamp(23px, 2.1vw, 31px);
font-weight: 800;
line-height: 1.12;
letter-spacing: -.025em;
}
.bi-pakiet__opis {
margin: 0 0 25px;
color: var(--bi-szary);
font-size: 15px;
line-height: 1.65;
}
.bi-pakiet__lista {
display: grid;
gap: 12px;
margin: 0 0 34px;
padding: 0;
list-style: none;
}
.bi-pakiet__lista li {
position: relative;
margin: 0;
padding-left: 23px;
color: var(--bi-tekst);
font-size: 14px;
font-weight: 650;
line-height: 1.45;
}
.bi-pakiet__lista li::before {
position: absolute;
top: .48em;
left: 0;
width: 8px;
height: 8px;
content: "";
background: var(--bi-zielony);
border-radius: 50%;
box-shadow: 0 0 0 4px rgba(11, 174, 122, .12);
}
/* CENA I PRZYCISKI */
.bi-pakiet__dol {
display: flex;
align-items: flex-end;
justify-content: space-between;
gap: 20px;
margin-top: auto;
padding-top: 25px;
border-top: 1px solid var(--bi-linia);
}
.bi-pakiet__cena {
display: flex;
flex-direction: column;
gap: 5px;
}
.bi-pakiet__cena span {
color: #8a918e;
font-size: 11px;
font-weight: 700;
text-transform: uppercase;
}
.bi-pakiet__cena strong {
color: var(--bi-tekst);
font-size: 29px;
font-weight: 850;
line-height: 1;
letter-spacing: -.035em;
}
.bi-pakiet__przycisk {
display: inline-flex;
align-items: center;
justify-content: space-between;
gap: 24px;
min-height: 48px;
padding: 13px 17px;
border: 1px solid var(--bi-linia);
border-radius: 10px;
font-size: 13px;
font-weight: 800;
line-height: 1.2;
text-decoration: none !important;
transition:
background-color .2s ease,
color .2s ease,
border-color .2s ease;
}
.bi-pakiet__przycisk--jasny {
color: var(--bi-tekst) !important;
background: #fff;
}
.bi-pakiet__przycisk--jasny:hover {
color: #fff !important;
background: var(--bi-czarny);
border-color: var(--bi-czarny);
}
.bi-pakiet__przycisk--zielony {
color: #fff !important;
background: var(--bi-zielony);
border-color: var(--bi-zielony);
}
.bi-pakiet__przycisk--zielony:hover {
color: #fff !important;
background: var(--bi-zielony-ciemny);
border-color: var(--bi-zielony-ciemny);
}
.bi-pakiet__przycisk--bialy {
color: var(--bi-czarny) !important;
background: #fff;
border-color: #fff;
}
.bi-pakiet__przycisk--bialy:hover {
color: #fff !important;
background: transparent;
border-color: rgba(255, 255, 255, .5);
}
/* SZEROKIE PAKIETY */
.bi-pakiet--turystyka,
.bi-pakiet--wydarzenie {
grid-column: 1 / -1;
display: grid;
grid-template-columns: minmax(0, 1.6fr) minmax(250px, .7fr);
gap: 48px;
align-items: stretch;
overflow: hidden;
}
/* ARTYKUŁ TURYSTYCZNY */
.bi-pakiet--turystyka {
color: #fff !important;
background:
radial-gradient(
circle at 85% 15%,
rgba(23, 198, 139, .20),
transparent 30%
),
linear-gradient(135deg, #101714 0%, #10261e 100%);
border-color: #142b22;
}
.bi-oferta-artykuly .bi-pakiet--turystyka h3 {
color: #fff !important;
}
.bi-oferta-artykuly .bi-pakiet--turystyka .bi-pakiet__typ,
.bi-oferta-artykuly .bi-pakiet--turystyka .bi-pakiet__opis,
.bi-oferta-artykuly .bi-pakiet--turystyka .bi-pakiet__cena span {
color: rgba(255, 255, 255, .68) !important;
}
.bi-oferta-artykuly .bi-pakiet--turystyka .bi-pakiet__lista li {
color: rgba(255, 255, 255, .94) !important;
}
.bi-oferta-artykuly .bi-pakiet--turystyka .bi-pakiet__cena strong {
color: #fff !important;
}
/* WYDARZENIE */
.bi-pakiet--wydarzenie {
color: var(--bi-tekst);
background:
radial-gradient(
circle at 92% 10%,
rgba(11, 174, 122, .10),
transparent 32%
),
#fff;
border-color: rgba(11, 174, 122, .32);
}
.bi-pakiet__tresc {
min-width: 0;
}
.bi-pakiet__bok {
display: flex;
min-width: 0;
flex-direction: column;
justify-content: center;
gap: 25px;
padding-left: 38px;
border-left: 1px solid rgba(125, 145, 136, .22);
}
.bi-pakiet--turystyka .bi-pakiet__bok {
border-left-color: rgba(255, 255, 255, .14);
}
.bi-pakiet__bok-etykieta {
color: var(--bi-zielony);
font-size: 11px;
font-weight: 850;
letter-spacing: .08em;
text-transform: uppercase;
}
.bi-pakiet--turystyka .bi-pakiet__bok-etykieta {
color: #43dbab;
}
/* WARUNKI MATERIAŁU */
.bi-material {
display: grid;
grid-template-columns: 56px minmax(0, 1.7fr) minmax(240px, .7fr);
gap: 28px;
align-items: center;
margin-top: 28px;
padding: 40px 36px;
color: #fff;
background: linear-gradient(135deg, #121714, #10231c);
border-radius: 20px;
}
.bi-material__ikona {
display: grid;
width: 56px;
height: 56px;
place-items: center;
color: #fff;
background: var(--bi-zielony);
border-radius: 50%;
font-size: 30px;
font-weight: 400;
}
.bi-material__tresc > span,
.bi-material__redakcja > span {
display: block;
margin-bottom: 10px;
color: #42dbaa;
font-size: 11px;
font-weight: 850;
letter-spacing: .07em;
text-transform: uppercase;
}
.bi-oferta-artykuly .bi-material h3 {
margin: 0 0 10px;
color: #fff !important;
font-size: 24px;
font-weight: 800;
line-height: 1.2;
}
.bi-material p {
margin: 0;
color: rgba(255, 255, 255, .67);
font-size: 14px;
line-height: 1.65;
}
.bi-material p strong {
color: #fff;
}
.bi-material__redakcja {
padding-left: 27px;
border-left: 1px solid rgba(255, 255, 255, .14);
}
.bi-material__redakcja strong {
color: #fff;
font-size: 14px;
line-height: 1.55;
}
/* DODATKOWE MOŻLIWOŚCI */
.bi-dodatki {
margin-top: 28px;
padding: 42px 40px;
background: var(--bi-tlo);
border: 1px solid var(--bi-linia);
border-radius: 20px;
}
.bi-dodatki__naglowek {
margin-bottom: 30px;
}
.bi-dodatki__naglowek > span {
display: block;
margin-bottom: 10px;
color: var(--bi-zielony);
font-size: 12px;
font-weight: 800;
line-height: 1.2;
letter-spacing: .09em;
text-transform: uppercase;
}
.bi-dodatki__naglowek h2 {
margin: 0;
color: var(--bi-tekst);
font-size: clamp(25px, 2.6vw, 36px);
font-weight: 800;
line-height: 1.08;
letter-spacing: -.035em;
}
.bi-dodatki__siatka {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 14px;
}
.bi-dodatek {
display: flex;
min-height: 255px;
flex-direction: column;
padding: 26px 24px;
background: #fff;
border: 1px solid var(--bi-linia);
border-radius: 14px;
}
.bi-dodatek__numer {
margin-bottom: 30px;
color: var(--bi-zielony);
font-size: 11px;
font-weight: 850;
}
.bi-oferta-artykuly .bi-dodatek h3 {
margin: 0 0 12px;
color: var(--bi-tekst);
font-size: 19px;
font-weight: 800;
line-height: 1.25;
}
.bi-dodatek p {
margin: 0 0 25px;
color: #7d8581;
font-size: 14px;
line-height: 1.55;
}
.bi-dodatek strong {
margin-top: auto;
color: var(--bi-tekst);
font-size: 22px;
font-weight: 850;
}
.bi-oferta-artykuly__vat {
margin: 17px 8px 0;
color: #8b928f;
font-size: 12px;
line-height: 1.5;
text-align: right;
}
/* TABLET */
@media (max-width: 1024px) {
.bi-pakiet {
padding: 31px;
}
.bi-pakiet__dol {
align-items: stretch;
flex-direction: column;
}
.bi-pakiet--turystyka,
.bi-pakiet--wydarzenie {
grid-template-columns: minmax(0, 1.35fr) minmax(220px, .65fr);
gap: 30px;
}
.bi-pakiet__bok {
padding-left: 28px;
}
.bi-material {
grid-template-columns: 52px 1fr;
}
.bi-material__redakcja {
grid-column: 2;
padding: 22px 0 0;
border-top: 1px solid rgba(255, 255, 255, .14);
border-left: 0;
}
}
/* TELEFON */
@media (max-width: 767px) {
.bi-oferta-artykuly {
width: 100vw;
max-width: none;
margin-right: calc(50% - 50vw);
margin-left: calc(50% - 50vw);
overflow: hidden;
}
.bi-oferta-artykuly__naglowek {
padding: 0 18px;
}
.bi-oferta-artykuly__naglowek h2 {
font-size: 29px;
}
.bi-oferta-artykuly__naglowek p {
font-size: 15px;
}
.bi-pakiety {
display: block;
}
.bi-pakiet {
margin: 0 0 14px;
padding: 27px 20px;
border-right: 0;
border-left: 0;
border-radius: 0;
box-shadow: none;
}
.bi-pakiet__znacznik {
position: static;
display: inline-flex;
align-self: flex-start;
width: auto;
margin: -3px 0 22px;
padding: 8px 11px;
border-radius: 999px;
}
.bi-pakiet__gora {
margin-bottom: 22px;
}
.bi-pakiet h3 {
font-size: 25px;
}
.bi-pakiet__opis {
font-size: 14px;
}
.bi-pakiet--turystyka,
.bi-pakiet--wydarzenie {
display: block;
}
.bi-pakiet__bok {
margin-top: 28px;
padding: 25px 0 0;
border-top: 1px solid rgba(125, 145, 136, .22);
border-left: 0;
}
.bi-pakiet--turystyka .bi-pakiet__bok {
border-top-color: rgba(255, 255, 255, .14);
}
.bi-pakiet__przycisk {
width: 100%;
}
.bi-material {
display: block;
margin-top: 14px;
padding: 30px 20px;
border-radius: 0;
}
.bi-material__ikona {
width: 48px;
height: 48px;
margin-bottom: 22px;
font-size: 26px;
}
.bi-oferta-artykuly .bi-material h3 {
font-size: 21px;
}
.bi-material__redakcja {
margin-top: 24px;
padding-top: 24px;
}
.bi-dodatki {
margin-top: 14px;
padding: 32px 18px;
border-right: 0;
border-left: 0;
border-radius: 0;
}
.bi-dodatki__naglowek h2 {
font-size: 29px;
}
.bi-dodatki__siatka {
grid-template-columns: 1fr;
}
.bi-dodatek {
min-height: 0;
padding: 23px 20px;
}
.bi-dodatek__numer {
margin-bottom: 18px;
}
.bi-oferta-artykuly__vat {
padding: 0 18px;
text-align: left;
}
}
@media (max-width: 767px) {
html body .bi-oferta-artykuly {
width: calc(100vw - 40px) !important;
max-width: calc(100vw - 40px) !important;
margin-right: calc(50% - 50vw + 20px) !important;
margin-left: calc(50% - 50vw + 20px) !important;
padding-right: 0 !important;
padding-left: 0 !important;
overflow: visible !important;
}
html body .bi-oferta-artykuly__naglowek {
width: 100% !important;
padding-right: 0 !important;
padding-left: 0 !important;
}
html body .bi-pakiet {
width: 100% !important;
max-width: 100% !important;
margin-right: 0 !important;
margin-bottom: 14px !important;
margin-left: 0 !important;
border: 1px solid var(--bi-linia) !important;
border-radius: 14px !important;
box-shadow: 0 8px 24px rgba(13, 35, 26, .05) !important;
}
html body .bi-pakiet--premium {
border-color: rgba(11, 174, 122, .55) !important;
}
html body .bi-pakiet--turystyka {
border-color: #142b22 !important;
}
html body .bi-pakiet--wydarzenie {
border-color: rgba(11, 174, 122, .32) !important;
}
html body .bi-material {
width: 100% !important;
max-width: 100% !important;
margin-right: 0 !important;
margin-left: 0 !important;
border-radius: 14px !important;
}
html body .bi-dodatki {
width: 100% !important;
max-width: 100% !important;
margin-right: 0 !important;
margin-left: 0 !important;
border: 1px solid var(--bi-linia) !important;
border-radius: 14px !important;
}
html body .bi-oferta-artykuly__vat {
padding-right: 0 !important;
padding-left: 0 !important;
}
}
.bi-banery,
.bi-banery * {
box-sizing: border-box;
}
.bi-banery {
--bi-zielen: #0bae7a;
--bi-zielen-ciemna: #087956;
--bi-ciemny: #0d2119;
--bi-tekst: #171b19;
--bi-szary: #7d8581;
--bi-linia: #dfe5e1;
--bi-tlo: #f4f7f5;
width: 100%;
max-width: 1490px;
margin: 0 auto;
color: var(--bi-tekst);
font-family: inherit;
}
#banery,
#pakiety-billboard,
#pakiety-sidebar,
#pakiety-strona-glowna {
scroll-margin-top: 90px;
}
.bi-banery h2,
.bi-banery h3,
.bi-banery h4,
.bi-banery p {
margin-top: 0;
}
.bi-banery__kicker {
display: block;
margin-bottom: 14px;
color: var(--bi-zielen);
font-size: 13px;
font-weight: 800;
letter-spacing: .11em;
line-height: 1.3;
}
/* NAGŁÓWEK */
.bi-banery__hero {
padding: 72px 42px 58px;
text-align: center;
}
.bi-banery__hero h2 {
max-width: 900px;
margin: 0 auto 18px;
font-size: clamp(36px, 5vw, 68px);
font-weight: 800;
letter-spacing: -.045em;
line-height: 1.02;
}
.bi-banery__hero > p {
max-width: 810px;
margin: 0 auto;
color: var(--bi-szary);
font-size: 20px;
line-height: 1.65;
}
.bi-banery__zasady {
display: flex;
justify-content: center;
gap: 12px;
margin-top: 34px;
flex-wrap: wrap;
}
.bi-banery__zasady span {
padding: 13px 18px;
border: 1px solid var(--bi-linia);
border-radius: 999px;
background: #fff;
color: #68716c;
font-size: 14px;
}
.bi-banery__zasady strong {
margin-right: 5px;
color: var(--bi-tekst);
}
/* MAPA MIEJSC */
.bi-miejsca {
margin-bottom: 32px;
padding: 52px 40px;
border: 1px solid var(--bi-linia);
border-radius: 24px;
background: var(--bi-tlo);
}
.bi-miejsca__head,
.bi-banery__sekcja-head {
display: grid;
grid-template-columns:
minmax(0, 1fr)
minmax(300px, 520px);
align-items: end;
gap: 40px;
margin-bottom: 32px;
}
.bi-miejsca__head h3,
.bi-banery__sekcja-head h3,
.bi-banery__info h3,
.bi-kreacja h3,
.bi-faq h3,
.bi-banery__final h3 {
margin: 0;
color: var(--bi-tekst);
font-size: clamp(30px, 3.3vw, 46px);
font-weight: 800;
letter-spacing: -.035em;
line-height: 1.08;
}
.bi-miejsca__head > p,
.bi-banery__sekcja-head > p {
margin: 0 0 2px;
color: var(--bi-szary);
font-size: 17px;
line-height: 1.6;
}
.bi-miejsca__grid {
display: grid;
grid-template-columns: repeat(4, minmax(0, 1fr));
gap: 15px;
}
.bi-miejsce {
display: block;
min-width: 0;
overflow: hidden;
border: 1px solid var(--bi-linia);
border-radius: 16px;
background: #fff;
color: var(--bi-tekst) !important;
text-decoration: none !important;
transition: .2s ease;
}
.bi-miejsce:hover {
border-color: rgba(11, 174, 122, .65);
box-shadow: 0 15px 35px rgba(13, 35, 26, .08);
transform: translateY(-3px);
}
.bi-miejsce__visual {
position: relative;
height: 190px;
overflow: hidden;
border-bottom: 1px solid var(--bi-linia);
background: #e9eeeb;
}
.bi-mock {
position: absolute;
display: block;
border-radius: 3px;
background: #cdd5d1;
}
.bi-mock--header {
top: 12px;
right: 12px;
left: 12px;
height: 19px;
background: #fff;
}
.bi-mock--nav {
top: 38px;
right: 12px;
left: 12px;
height: 14px;
background: #17211c;
}
.bi-mock--ad {
display: grid;
border-radius: 4px;
background: linear-gradient(135deg, var(--bi-zielen), #087956);
color: #fff;
font-size: 8px;
font-weight: 800;
letter-spacing: .08em;
place-items: center;
}
.bi-miejsce__visual--billboard .bi-mock--ad {
top: 61px;
right: 12px;
left: 12px;
height: 38px;
}
.bi-miejsce__visual--billboard .bi-mock--content {
top: 110px;
bottom: 13px;
left: 12px;
width: 65%;
background: #fff;
}
.bi-miejsce__visual--billboard .bi-mock--side {
top: 110px;
right: 12px;
bottom: 13px;
width: 25%;
}
.bi-miejsce__visual--sidebar .bi-mock--article {
top: 62px;
bottom: 13px;
left: 12px;
width: 57%;
background: #fff;
}
.bi-miejsce__visual--sidebar .bi-mock--ad {
top: 62px;
right: 12px;
width: 31%;
height: 65px;
}
.bi-miejsce__visual--large .bi-mock--tiles {
top: 42px;
right: 12px;
left: 12px;
height: 62px;
background:
linear-gradient(
90deg,
#fff 32%,
transparent 32% 34%,
#fff 34% 66%,
transparent 66% 68%,
#fff 68%
);
}
.bi-miejsce__visual--large .bi-mock--ad {
top: 115px;
right: 12px;
left: 12px;
height: 36px;
}
.bi-miejsce__visual--large .bi-mock--lines {
right: 12px;
bottom: 13px;
left: 12px;
height: 17px;
background: #fff;
}
.bi-miejsce__visual--small .bi-mock--main {
top: 42px;
bottom: 13px;
left: 12px;
width: 57%;
background: #fff;
}
.bi-miejsce__visual--small .bi-mock--ad {
top: 42px;
right: 12px;
width: 31%;
height: 66px;
}
.bi-miejsce__visual--small .bi-mock--lines {
right: 12px;
bottom: 13px;
width: 31%;
height: 55px;
}
.bi-miejsce__copy {
padding: 23px 21px 22px;
}
.bi-miejsce__nr {
display: block;
margin-bottom: 16px;
color: var(--bi-zielen);
font-size: 11px;
font-weight: 800;
}
.bi-miejsce h4 {
margin: 0 0 10px;
color: var(--bi-tekst) !important;
font-size: 21px;
font-weight: 800;
line-height: 1.17;
}
.bi-miejsce p {
min-height: 66px;
margin: 0 0 18px;
color: var(--bi-szary);
font-size: 13px;
line-height: 1.55;
}
.bi-miejsce__copy > strong {
display: flex;
align-items: center;
justify-content: space-between;
padding-top: 15px;
border-top: 1px solid var(--bi-linia);
color: var(--bi-tekst);
font-size: 13px;
}
.bi-miejsce__copy > strong span {
color: var(--bi-zielen);
font-size: 19px;
}
.bi-miejsca__mobile-note {
display: flex;
align-items: center;
gap: 16px;
margin-top: 18px;
padding: 17px 20px;
border-radius: 12px;
background: var(--bi-ciemny);
color: #fff;
}
.bi-miejsca__mobile-note > span {
display: grid;
width: 38px;
height: 38px;
border-radius: 9px;
background: rgba(11, 174, 122, .18);
color: var(--bi-zielen);
flex: 0 0 auto;
place-items: center;
}
.bi-miejsca__mobile-note p {
margin: 0;
color: rgba(255, 255, 255, .68);
font-size: 13px;
line-height: 1.5;
}
.bi-miejsca__mobile-note strong {
color: #fff;
}
/* SEKCJE CENNIKA */
.bi-banery__sekcja {
margin-bottom: 32px;
padding: 52px 40px;
border: 1px solid var(--bi-linia);
border-radius: 24px;
background: #fff;
}
.bi-banery__grid {
display: grid;
gap: 18px;
}
.bi-banery__grid--3 {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
.bi-banery__grid--2 {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.bi-baner-card {
position: relative;
display: flex;
min-width: 0;
padding: 32px;
border: 1px solid var(--bi-linia);
border-radius: 18px;
background: #fff;
flex-direction: column;
box-shadow: 0 12px 36px rgba(13, 35, 26, .045);
}
.bi-baner-card--polecany {
border-color: rgba(11, 174, 122, .62);
background: linear-gradient(145deg, #fff 52%, #effbf6 100%);
box-shadow: 0 18px 46px rgba(11, 174, 122, .12);
}
.bi-baner-card__badge {
position: absolute;
top: -15px;
right: 20px;
padding: 9px 14px;
border-radius: 999px;
background: var(--bi-zielen);
color: #fff;
font-size: 11px;
font-weight: 800;
}
.bi-baner-card__top {
display: flex;
align-items: center;
justify-content: space-between;
gap: 14px;
margin-bottom: 30px;
}
.bi-baner-card__nr,
.bi-baner-card__typ {
font-size: 12px;
font-weight: 800;
letter-spacing: .05em;
}
.bi-baner-card__nr {
color: var(--bi-zielen);
}
.bi-baner-card__typ {
color: #929a96;
}
.bi-baner-card h4 {
margin-bottom: 14px;
color: var(--bi-tekst);
font-size: 27px;
font-weight: 800;
letter-spacing: -.025em;
line-height: 1.15;
}
.bi-baner-card__opis {
margin-bottom: 22px;
color: var(--bi-szary);
font-size: 16px;
line-height: 1.55;
}
.bi-baner-card ul {
margin: 0 0 26px;
padding: 0;
list-style: none;
}
.bi-baner-card li {
position: relative;
margin-bottom: 10px;
padding-left: 27px;
font-size: 15px;
font-weight: 650;
line-height: 1.4;
}
.bi-baner-card li::before {
position: absolute;
top: .45em;
left: 2px;
width: 9px;
height: 9px;
border-radius: 50%;
background: var(--bi-zielen);
box-shadow: 0 0 0 6px rgba(11, 174, 122, .11);
content: "";
}
.bi-baner-card__cena {
display: flex;
align-items: baseline;
gap: 7px;
margin-top: auto;
}
.bi-baner-card__cena strong {
font-size: 37px;
font-weight: 850;
letter-spacing: -.035em;
line-height: 1;
}
.bi-baner-card__cena span {
color: var(--bi-szary);
font-size: 14px;
font-weight: 700;
}
.bi-baner-card__minimum {
margin-top: 11px;
color: #666f6a;
font-size: 14px;
}
.bi-baner-card__exclusive {
margin-top: 18px;
padding: 12px 14px;
border-radius: 9px;
background: var(--bi-tlo);
font-size: 13px;
}
.bi-banery__cta,
.bi-banery__wide-cta,
.bi-banery__final-btn {
display: flex;
align-items: center;
justify-content: space-between;
gap: 20px;
text-decoration: none !important;
}
.bi-banery__cta {
margin-top: 22px;
padding: 16px 18px;
border: 1px solid var(--bi-linia);
border-radius: 10px;
color: var(--bi-tekst) !important;
font-size: 14px;
font-weight: 800;
}
.bi-banery__cta--green {
border-color: var(--bi-zielen);
background: var(--bi-zielen);
color: #fff !important;
}
.bi-banery__format {
display: flex;
align-items: center;
gap: 18px;
margin-top: 22px;
padding: 19px 22px;
border: 1px solid var(--bi-linia);
border-radius: 14px;
background: var(--bi-tlo);
}
.bi-banery__format-icon {
display: grid;
width: 42px;
height: 42px;
border-radius: 10px;
background: rgba(11, 174, 122, .11);
color: var(--bi-zielen);
font-size: 22px;
font-weight: 800;
flex: 0 0 auto;
place-items: center;
}
.bi-banery__format p {
margin: 3px 0 0;
color: #68716c;
font-size: 14px;
}
.bi-banery__format > span {
margin-left: auto;
color: var(--bi-zielen-ciemna);
font-size: 12px;
font-weight: 800;
}
/* CIEMNA SEKCJA */
.bi-banery__sekcja--ciemna {
border-color: var(--bi-ciemny);
background: var(--bi-ciemny);
color: #fff;
}
.bi-banery__sekcja--ciemna h3,
.bi-banery__sekcja--ciemna h4,
.bi-banery__final h3 {
color: #fff !important;
}
.bi-banery__sekcja--ciemna .bi-banery__sekcja-head > p,
.bi-baner-card--dark .bi-baner-card__opis,
.bi-baner-card--dark .bi-baner-card__cena span,
.bi-baner-card--dark .bi-baner-card__minimum {
color: rgba(255, 255, 255, .62);
}
.bi-baner-card--dark {
border-color: rgba(255, 255, 255, .12);
background: rgba(255, 255, 255, .045);
color: #fff;
box-shadow: none;
}
.bi-baner-card--dark-featured {
border-color: rgba(11, 174, 122, .7);
background:
linear-gradient(
145deg,
rgba(11, 174, 122, .17),
rgba(255, 255, 255, .04)
);
}
.bi-baner-card--dark .bi-baner-card__exclusive {
background: rgba(255, 255, 255, .08);
}
.bi-banery__format--dark {
border-color: rgba(255, 255, 255, .12);
background: rgba(255, 255, 255, .045);
}
.bi-banery__format--dark p {
color: rgba(255, 255, 255, .65);
}
.bi-banery__wide-cta {
margin-top: 20px;
padding: 19px 22px;
border-radius: 12px;
background: #fff;
color: var(--bi-tekst) !important;
font-size: 15px;
font-weight: 800;
}
/* BANERY NA STRONIE GŁÓWNEJ */
.bi-baner-card--horizontal {
display: grid;
grid-template-columns: minmax(0, 1fr) 210px;
gap: 30px;
}
.bi-baner-card__pricebox {
display: flex;
padding-left: 26px;
border-left: 1px solid var(--bi-linia);
flex-direction: column;
justify-content: center;
}
.bi-banery__formats-grid {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 18px;
}
/* ZASADY */
.bi-banery__info {
display: grid;
grid-template-columns: .85fr 1.15fr;
gap: 60px;
margin-bottom: 32px;
padding: 44px 42px;
border-radius: 22px;
background: var(--bi-tlo);
}
.bi-banery__info ul {
margin: 0;
padding: 0;
list-style: none;
}
.bi-banery__info li {
position: relative;
padding: 13px 0 13px 30px;
border-bottom: 1px solid var(--bi-linia);
font-size: 15px;
font-weight: 650;
}
.bi-banery__info li::before {
position: absolute;
top: 17px;
left: 2px;
color: var(--bi-zielen);
font-weight: 900;
content: "?";
}
/* PRZYGOTOWANIE GRAFIKI */
.bi-kreacja {
display: grid;
grid-template-columns: minmax(0, 1fr) minmax(520px, .95fr);
gap: 48px;
margin-bottom: 32px;
padding: 44px 42px;
border: 1px solid var(--bi-linia);
border-radius: 22px;
background: #fff;
}
.bi-kreacja__intro > p {
margin: 16px 0 22px;
color: var(--bi-szary);
font-size: 16px;
line-height: 1.6;
}
.bi-kreacja__intro ul {
margin: 0;
padding: 0;
list-style: none;
}
.bi-kreacja__intro li {
position: relative;
margin-bottom: 11px;
padding-left: 27px;
font-size: 14px;
font-weight: 700;
}
.bi-kreacja__intro li::before {
position: absolute;
left: 0;
color: var(--bi-zielen);
font-weight: 900;
content: "?";
}
.bi-kreacja__pakiety {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 14px;
}
.bi-kreacja__pakiet {
display: flex;
padding: 26px 23px;
border: 1px solid var(--bi-linia);
border-radius: 15px;
background: var(--bi-tlo);
flex-direction: column;
}
.bi-kreacja__pakiet > span {
margin-bottom: 28px;
color: var(--bi-zielen);
font-size: 10px;
font-weight: 850;
}
.bi-kreacja__pakiet h4 {
margin: 0 0 10px;
color: var(--bi-tekst) !important;
font-size: 21px;
font-weight: 800;
}
.bi-kreacja__pakiet p {
margin: 0 0 28px;
color: var(--bi-szary);
font-size: 13px;
}
.bi-kreacja__pakiet > strong {
margin-top: auto;
font-size: 32px;
font-weight: 850;
}
.bi-kreacja__pakiet--green {
border-color: var(--bi-zielen);
background: linear-gradient(145deg, #effbf6, #fff);
}
.bi-kreacja__warunek {
grid-column: 1 / -1;
margin: -15px 0 0;
padding-top: 18px;
border-top: 1px solid var(--bi-linia);
color: var(--bi-szary);
font-size: 12px;
}
/* FAQ */
.bi-faq {
display: grid;
grid-template-columns: .8fr 1.2fr;
gap: 56px;
margin-bottom: 32px;
padding: 44px 42px;
border-radius: 22px;
background: var(--bi-tlo);
}
.bi-faq__lista details {
border-bottom: 1px solid var(--bi-linia);
}
.bi-faq__lista details:first-child {
border-top: 1px solid var(--bi-linia);
}
.bi-faq__lista summary {
position: relative;
padding: 18px 42px 18px 0;
color: var(--bi-tekst);
font-size: 15px;
font-weight: 800;
cursor: pointer;
list-style: none;
}
.bi-faq__lista summary::-webkit-details-marker {
display: none;
}
.bi-faq__lista summary::after {
position: absolute;
top: 50%;
right: 4px;
display: grid;
width: 28px;
height: 28px;
border-radius: 50%;
background: #fff;
color: var(--bi-zielen);
font-size: 18px;
content: "+";
transform: translateY(-50%);
place-items: center;
}
.bi-faq__lista details[open] summary::after {
content: "?";
}
.bi-faq__lista details p {
margin: -4px 40px 18px 0;
color: var(--bi-szary);
font-size: 14px;
line-height: 1.6;
}
/* KONTAKT */
.bi-banery__final {
display: grid;
grid-template-columns: minmax(0, 1fr) auto;
align-items: center;
gap: 46px;
padding: 46px 42px;
border-radius: 22px;
background: linear-gradient(135deg, #0b1712, #103f2e);
color: #fff;
}
.bi-banery__final p {
max-width: 730px;
margin: 15px 0 0;
color: rgba(255, 255, 255, .66);
font-size: 16px;
}
.bi-banery__final-btn {
min-width: 250px;
padding: 18px 20px;
border-radius: 11px;
background: var(--bi-zielen);
color: #fff !important;
font-size: 15px;
font-weight: 800;
}
/* TABLET */
@media (max-width: 1100px) {
.bi-miejsca__grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.bi-miejsca__head,
.bi-banery__sekcja-head,
.bi-kreacja,
.bi-faq {
grid-template-columns: 1fr;
gap: 28px;
}
.bi-banery__grid--3,
.bi-banery__grid--2,
.bi-banery__formats-grid {
grid-template-columns: 1fr;
}
}
/* TELEFON */
@media (max-width: 767px) {
.bi-banery {
width: 100% !important;
max-width: 100% !important;
margin: 0 !important;
padding: 0 !important;
}
.bi-banery__hero {
padding: 38px 2px 32px;
text-align: left;
}
.bi-banery__hero h2 {
font-size: 34px;
}
.bi-banery__hero > p {
font-size: 16px;
}
.bi-banery__zasady {
justify-content: flex-start;
gap: 7px;
margin-top: 22px;
}
.bi-banery__zasady span {
padding: 9px 12px;
font-size: 11px;
}
.bi-miejsca,
.bi-banery__sekcja {
margin-bottom: 18px;
padding: 28px 0 0;
border: 0;
border-radius: 0;
background: transparent;
}
.bi-miejsca__head,
.bi-banery__sekcja-head {
display: block;
margin-bottom: 20px;
padding: 0 2px;
}
.bi-miejsca__head h3,
.bi-banery__sekcja-head h3,
.bi-banery__info h3,
.bi-kreacja h3,
.bi-faq h3,
.bi-banery__final h3 {
font-size: 28px;
}
.bi-miejsca__head > p,
.bi-banery__sekcja-head > p {
margin-top: 10px;
font-size: 14px;
}
.bi-miejsca__grid {
grid-template-columns: 1fr;
gap: 12px;
}
.bi-miejsce {
display: grid;
grid-template-columns: 42% minmax(0, 1fr);
min-height: 190px;
border-radius: 12px;
transform: none !important;
}
.bi-miejsce__visual {
height: 100%;
min-height: 190px;
border-right: 1px solid var(--bi-linia);
border-bottom: 0;
}
.bi-miejsce__copy {
display: flex;
min-width: 0;
padding: 18px 15px;
flex-direction: column;
}
.bi-miejsce h4 {
font-size: 18px;
}
.bi-miejsce p {
min-height: 0;
margin-bottom: 13px;
font-size: 11px;
}
.bi-miejsce__copy > strong {
margin-top: auto;
font-size: 10px;
}
.bi-miejsca__mobile-note {
align-items: flex-start;
padding: 15px;
}
.bi-miejsca__mobile-note p {
font-size: 11px;
}
.bi-banery__grid,
.bi-banery__formats-grid {
grid-template-columns: 1fr;
gap: 12px;
}
.bi-baner-card,
.bi-baner-card--horizontal {
display: flex;
width: 100%;
padding: 22px 18px;
border-radius: 12px;
flex-direction: column;
}
.bi-baner-card__badge {
top: 12px;
right: 12px;
max-width: 140px;
padding: 7px 9px;
font-size: 8px;
}
.bi-baner-card--polecany .bi-baner-card__top {
padding-right: 140px;
}
.bi-baner-card h4 {
font-size: 23px;
}
.bi-baner-card__opis {
font-size: 14px;
}
.bi-baner-card li {
font-size: 13px;
}
.bi-baner-card__cena strong {
font-size: 32px;
}
.bi-baner-card__pricebox {
margin-top: 19px;
padding-top: 18px;
padding-left: 0;
border-top: 1px solid var(--bi-linia);
border-left: 0;
}
.bi-banery__format {
align-items: flex-start;
width: 100%;
gap: 12px;
margin: 12px 0 0;
padding: 14px;
flex-wrap: wrap;
}
.bi-banery__format > span {
width: 100%;
margin-left: 46px;
font-size: 10px;
}
.bi-banery__sekcja--ciemna {
margin-top: 26px;
padding: 28px 12px 12px;
border-radius: 14px;
background: var(--bi-ciemny);
}
.bi-banery__wide-cta {
width: 100%;
margin-top: 12px;
padding: 15px;
font-size: 13px;
}
.bi-banery__info,
.bi-kreacja,
.bi-faq,
.bi-banery__final {
grid-template-columns: 1fr;
width: 100%;
gap: 24px;
margin-bottom: 16px;
padding: 27px 18px;
border-radius: 13px;
}
.bi-banery__info li,
.bi-kreacja__intro li {
font-size: 13px;
}
.bi-kreacja__intro > p {
font-size: 14px;
}
.bi-kreacja__pakiety {
grid-template-columns: 1fr;
gap: 10px;
}
.bi-kreacja__pakiet {
padding: 21px 18px;
}
.bi-kreacja__pakiet > span {
margin-bottom: 18px;
}
.bi-kreacja__pakiet p {
margin-bottom: 20px;
}
.bi-kreacja__warunek {
margin-top: -6px;
font-size: 11px;
}
.bi-faq__lista summary {
padding: 16px 38px 16px 0;
font-size: 13px;
}
.bi-faq__lista details p {
margin-right: 25px;
font-size: 12px;
}
.bi-banery__final p {
font-size: 14px;
}
.bi-banery__final-btn {
width: 100%;
min-width: 0;
padding: 15px;
font-size: 14px;
}
}