/* [SECTION] Fold */

.fold {
    width: 100%;

    display: flex;
    flex-direction: column;
    gap: var(--space-xl);

    padding: var(--space-xxxl) var(--space-m) 0 var(--space-m);
}

/* Fold -> Contacts */

.contacts {
    width: 100%;

    display: flex;
    flex-direction: column;
    gap: var(--space-xl);
}

.contacts__main {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: var(--space-xl);
}

.contact {
    display: flex;
    align-items: center;
    gap: var(--space-m);
}

.contact__icon-wrapper {
    width: 64px;
    height: 64px;

    border-radius: var(--radius-xxl);

    background-color: var(--color-01);

    display: flex;
    align-items: center;
    justify-content: center;
}

.contact__icon {
    width: 24px;
}

.contact__body {
    width: calc(100% - var(--space-m) - 64px);

    display: flex;
    flex-direction: column;
    gap: var(--space-xs);
}

/* Fold -> Contacts -> Form */

.contact__form {
    display: flex;
    flex-direction: column;
    gap: var(--space-m);
}

.contact__btn-label._disabled {
    opacity: 0.6;

    cursor: not-allowed;
}

.contact__btn-label._disabled:hover {
    background-color: var(--color-01);
}

.contact__btn-label._disabled:hover > .c-btn__body-wrapper--primary {
    transform: translateY(0%) scale(1);
    -webkit-transform: translateY(0%) scale(1);
}

.contact__btn-label._disabled:hover > .c-btn__body-wrapper--secondary {
    transform: translateY(100%) scale(0.8);
    -webkit-transform: translateY(100%) scale(0.8);
}

@media (max-width: 1280px) {
    /* Fold -> Contacts */

    .contacts__main {
        display: flex;
        flex-direction: column;
    }
}

@media (max-width: 1024px) {

}

@media (max-width: 768px) {
    /* Fold -> Contacts */

    .contact {
        flex-direction: column;
    }

    .contact__body > span {
        text-align: center;
    }
}

@media (max-width: 480px) {
    
}