.contacts-hero {
    --contacts-hero-pad-top: 40px;
    --contacts-hero-stack-gap: 24px;
    --contacts-hero-title-size: 32px;
    --contacts-hero-title-line-height: 1.2;
    --contacts-hero-text-size: 16px;
    background: var(--white);
    padding: var(--contacts-hero-pad-top) 0;
    box-sizing: border-box;
}
.contacts-hero__inner {
    padding: 0 var(--akdev-content-inner-pad-x);
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: var(--contacts-hero-stack-gap);
}


.contacts-hero-content-wrapper {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: var(--contacts-hero-stack-gap);
    width: 100%;
}
.contacts-hero__title {
    margin: 0;
    max-width: 900px;
    font-family: 'Manrope', sans-serif;
    font-weight: 600;
    font-size: var(--contacts-hero-title-size);
    line-height: 1.2;
    color: var(--black);
    text-align: left;
}
.contacts-hero-subtitle-wrapper {
    margin: 0;
    max-width: 800px;
    font-family: 'Manrope', sans-serif;
    font-weight: 500;
    font-size: var(--contacts-hero-text-size);
    line-height: 1.3;
    color: var(--dark);
    text-align: left;
}
.contacts-hero-subtitle-wrapper p {
    display: inline;
    margin: 0;
}
.contacts-hero__highlight {
    color: var(--lazure-green, #2ec17b);
}
.contacts-hero-buttons-wrapper {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 16px;
    width: 100%;
}
.contacts-hero-buttons__booking,
.contacts-hero-buttons__send-request {
    display: flex;
}
.contacts-hero-buttons__booking .primary-button,
.contacts-hero-buttons__send-request .secondary-button {
    width: 100%;
    justify-content: center;
    text-decoration: none;
}
.contacts-hero .secondary-button {
    color: var(--dark, #151515);
}
.contacts-hero .secondary-button:hover {
    color: var(--gray-blue, #1b6986);
}
.contacts-hero .secondary-button {
    display: inline-flex;
    align-items: center;
    gap: 8px;
}
.contacts-hero .secondary-button .btn-arrow {
    width: 16px;
    height: 16px;
    transform: rotate(-45deg);
    transition: transform 0.3s ease;
}
/* Tablet 768+ */
@media (min-width: 768px) {
    .contacts-hero {
        --contacts-hero-title-size: 40px;
        --contacts-hero-text-size: 18px;
    }
    .contacts-hero-buttons-wrapper {
        flex-direction: row;
        align-items: center;
        width: auto;
    }
    .contacts-hero-buttons__booking .primary-button,
    .contacts-hero-buttons__send-request .secondary-button {
        width: auto;
    }
}
/* Desktop ≥1200 */
@media (min-width: 1200px) {
    .contacts-hero {
        --contacts-hero-title-size: 48px;
    }
}