/* =========================================================
   Cenník page — pricing card + contact card
   ========================================================= */

.cennik {
    padding-top: 118px;
}

.cennik-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 24px;
}

.cennik-grid>* {
    min-width: 0;
}

.price-card {
    background: var(--brown);
    color: var(--cream);
    border-radius: 4px;
    padding: 46px 44px;
    display: flex;
    flex-direction: column;
}

.price-card-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    flex-wrap: wrap;
}

.price-seasons {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
    margin-top: 26px;
}

.price-season {
    padding: 18px 20px;
    border-radius: 4px;
    background: rgba(247, 242, 234, .07);
    border: 1px solid rgba(247, 242, 234, .16);
}

.price-season-label {
    display: block;
    font: 500 13px/1.4 var(--font-sans);
    color: rgba(247, 242, 234, .65);
}

.price-season-amount {
    display: flex;
    align-items: baseline;
    gap: 8px;
    margin-top: 12px;
}

.price-season-amount .value {
    font: 300 clamp(28px, 7vw, 40px)/1 var(--font-serif);
    color: var(--cream);
}

.price-season-amount .unit {
    font: 400 13px/1.3 var(--font-sans);
    color: rgba(247, 242, 234, .6);
}

.price-details {
    margin-top: 30px;
    padding-top: 26px;
    border-top: 1px solid rgba(247, 242, 234, .2);
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.price-details div {
    display: flex;
    justify-content: space-between;
    font: 400 16px/1.5 var(--font-sans);
}

.price-details span:first-child {
    color: rgba(247, 242, 234, .7);
}

.contact-card {
    background: var(--panel);
    border: 1px solid var(--border);
    border-radius: 4px;
    padding: 46px 44px;
}

.contact-card h2 {
    margin: 18px 0 30px;
    font-size: clamp(1.75rem, 3.4vw, 2.5rem);
}

.contact-list {
    display: flex;
    flex-direction: column;
    border-top: 1px solid var(--border);
}

.contact-list a,
.contact-list .row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding: 18px 0;
    border-bottom: 1px solid var(--border);
    color: var(--ink);
    transition: color .2s ease;
}

.contact-list a:hover {
    color: var(--gold);
}

.contact-list .row {
    align-items: flex-start;
}

.contact-list .label {
    font: 500 12px/1 var(--font-sans);
    letter-spacing: .18em;
    text-transform: uppercase;
    color: var(--ink-faint);
}

.contact-list .row .label {
    padding-top: 3px;
}

.contact-list .value-lg {
    font: 600 19px/1 var(--font-sans);
}

.contact-list .value {
    font: 500 15px/1 var(--font-sans);
}

.contact-list .value-right {
    font: 400 15px/1.5 var(--font-sans);
    text-align: right;
}

@media (max-width: 900px) {
    .cennik-grid {
        grid-template-columns: 1fr;
    }

    .price-card,
    .contact-card {
        padding: 36px 28px;
    }
}

@media (max-width: 480px) {
    .price-seasons {
        grid-template-columns: 1fr;
    }
}