.cards-header { text-align: center; font-weight: 700; font-size: 40px; margin: 70px 0; margin-bottom: 150px; }
.cards { margin-bottom: 100px; gap: 0; flex-wrap: wrap; align-items: baseline;}
.card {background-color: var(--zero); flex: 1; max-width: 500px; box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1); display: flex; flex-direction: column; justify-content: space-between; padding: 20px; align-items: center; z-index: 1; position: relative; border-radius: 2px;}
.card-header { font-weight: 700; font-size: 20px; text-align: center; position: relative; }
.card-price { font-weight: lighter; width: fit-content; position: relative; font-size: 66px; margin-top: 45px; margin-bottom: 80px;}
.card-price::before { content: 'od'; position: absolute; left: -26px; top: -18px; font-size: 19px; color: var(--two); font-weight: 600;}
.card-price::after { content: '/zł'; position: absolute; right: -21px; bottom: -14px; font-size: 19px; color: var(--two); font-weight: 600;}
.card-description { text-align: center; }
.card-button { text-align: center; }

.cards > .container { align-items: baseline;}
.cards > .container > .card:nth-child(2) { transform: translateY(-80px); z-index: 10;}
.card ul {display: flex; flex-direction: column; gap: 13px; list-style: none; padding: 0; margin: 0; justify-content: center; align-items: center;}
.card ul li {display: flex; align-items: center; justify-content: center; gap: 10px; font-size: 14px; opacity: 0.7; width: 70%;}
.card ul {margin-bottom: 65px;}

.card-button a {display: flex; padding: 15px 40px; background-color: var(--two); color: var(--one);  border: solid 1px var(--two); border-radius: 8px;}
.card-button a:hover {background-color: var(--two-dark); border: solid 1px var(--two-dark); opacity: 1;}

@media (max-width: 1000px) {
    .cards-header { font-size: 30px; }
    .card-price { font-size: 60px; }
    .card-button a {font-size: 14px;}
}

@media (max-width: 768px) {
    .cards > .container { flex-direction: column; align-items: center; gap: 50px;}
    .card {width: 100%;}
    .card-price { font-size: 70px; }
    .cards > .container > .card:nth-child(2) { transform: translateY(0); }
    .cards-header { margin: 40px 0; margin-bottom: 60px; }
}