.contact {
    background: var(--Backgrounds-Bg-grey-25);
}

.contact__grid {
    --layout-bg-right: var(--color-bg);
}

@media screen and (max-width: 719px) {
    .contact__col--left,
    .contact__col--right {
        margin-left: calc(-1 * var(--inner-margin-x));
        margin-right: calc(-1 * var(--inner-margin-x));
    }

    .contact__col--left {
        padding: var(--space-lg) var(--space-md) var(--space-2xl) var(--space-md);
    }

    .contact__col--right {
        padding: var(--space-2xl) var(--space-md) 96px var(--space-md); /* brak tokena na 96px w skali projektu */
        background: var(--color-bg);
    }
}

.contact .form-ctn {
    margin-top: 0;
    align-items: center;
    gap: max(0px, calc(var(--space-md) - var(--form-error-reserve)));
}

.contact .form-ctn > label,
.contact .form-ctn > .form-checkbox {
    align-self: stretch;
}

.contact .form-ctn > label:first-of-type {
    margin-top: calc(var(--space-lg) - var(--space-md));
}

.contact .contact__form__title {
    padding-bottom: 0;
    margin-bottom: 0;
    color: var(--color-text);
    text-align: center;
    font-family: var(--font-sans);
    font-size: 25px;
    font-style: normal;
    font-weight: var(--fw-semibold);
    line-height: 31px;
}

.contact .contact__form__title:after {
    display: none;
}

.contact .form-ctn .standard__button {
    margin-top: calc(var(--space-lg) - var(--space-md));
}

@media screen and (min-width: 720px) {
    .contact .form-ctn {
        margin-top: var(--space-2xl);
    }

    .contact .form-ctn .standard__button {
        width: auto;
        align-self: center;
    }
}

.contact .form-checkbox .terms-desc,
.contact .form-checkbox .terms-desc small {
    color: #222628; /* Figma: Subtext-600 - brak takiego odcienia w skali tokenow (najblizszy --color-text-subtle to #292d30) */
    font-family: var(--font-sans);
    font-size: var(--fs-caption);
    font-weight: var(--fw-medium);
    line-height: var(--lh-caption);
}

body.high-contrast .contact .form-checkbox .terms-desc,
body.high-contrast .contact .form-checkbox .terms-desc small {
    color: var(--kok-white);
}

.contact__col--left {
    display: flex;
    flex-direction: column;
    gap: var(--space-xl);
}

.contact__col--left .breadcrumb {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 10px; /* brak dokladnie pasujacego tokena w skali (--space-sm to 12px) */
    margin: 0;
    padding: var(--margin-sm) 0; /* 12px */
}

.contact__col--left .breadcrumb-item,
.contact__col--left .breadcrumb-current {
    color: var(--color-text); /* Figma: var(--links-buttons-link-on-default, #000) - #000 to dokladnie wartosc --color-text na jasnym tle */
    font-family: var(--font-sans);
    font-size: var(--fs-caption); /* 12px */
    font-weight: var(--fw-medium);
    line-height: 160%; /* 19.2px - brak w skali tokena dajacego dokladnie 160% (--lh-caption to 150%/18px) */
}

.contact-details__title {
    margin: 0;
    color: var(--color-text);
    font-family: var(--font-sans);
    font-size: var(--fs-h1);
    line-height: var(--lh-h1);
    font-weight: var(--fw-semibold);
    text-align: left;
}

.contact-details__intro {
    margin: 0;
    color: var(--color-text-muted);
    font-family: var(--font-sans);
    font-size: var(--fs-base);
    line-height: var(--lh-base);
}

.contact-details__intro a {
    color: var(--color-link);
    font-weight: var(--fw-semibold);
}

.contact-details__ways {
    display: flex;
    flex-direction: column;
    gap: var(--space-lg);
}

.contact-details__way {
    display: flex;
    align-items: center;
    gap: var(--space-md);
    text-decoration: none;
}

.contact-details__way-icon {
    width: 96px;
    height: 96px;
    flex-shrink: 0;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

.contact-details__way-icon--phone {
    background-image: url(images/contact-phone.svg);
}

body.high-contrast .contact-details__way-icon--phone {
    background-image: url(images/contact-phone-dark.svg);
}

.contact-details__way-icon--email {
    background-image: url(images/contact-email.svg);
}

body.high-contrast .contact-details__way-icon--email {
    background-image: url(images/contact-email-dark.svg);
}

.contact-details__way-value {
    display: block;
    font-family: var(--font-sans);
    font-size: var(--fs-lg);
    line-height: var(--lh-lg);
    font-weight: var(--fw-semibold);
    color: var(--color-text);
}

body.high-contrast .contact-details__way-value {
    color: var(--kok-yellow);
}

.contact-details__way-label {
    display: block;
    margin-top: 2px;
    font-family: var(--font-sans);
    font-size: var(--fs-sm);
    line-height: var(--lh-sm);
    font-weight: var(--fw-regular);
    color: var(--color-text-subtle);
}

body.high-contrast .contact-details__way-label {
    color: var(--kok-border-200);
}

.contact-details__address {
    margin-top: var(--space-xl);
    border-radius: var(--radius-md);
    border: 2px solid transparent;
    background:
        linear-gradient(var(--color-bg), var(--color-bg)) padding-box,
        var(--gradient) border-box;
    padding: var(--margin-lg);
}

body.high-contrast .contact-details__address {
    background: none;
    border: 2px solid var(--kok-white);
    color: var(--kok-white);
}

.contact-details__address-label {
    margin: 0 0 var(--space-sm);
    font-family: var(--font-sans);
    font-size: var(--fs-h4);
    line-height: var(--lh-h4);
    font-weight: var(--fw-semibold);
    color: var(--color-text);
}

.contact .contact__info--desc {
    color: var(--kok-border-200);
    font-family: var(--font-sans);
    font-size: var(--fs-base);
    font-weight: var(--fw-regular);
    line-height: var(--lh-base);
}

body.high-contrast .contact .contact__info--desc {
    color: var(--kok-white);
}