/*=================================== SECTION HERO ==================================*/

#hero {
    background-image: url('../img/stay_BG.webp');
    background-size: cover;
    background-position: center;
}

.hero__container {
    flex-direction: column;
    gap: var(--size-xl);
    width: 100%;
    color: var(--color-white);
    padding: var(--size-7xl) var(--size-5xl);
}

@media (max-width: 768px) {
    .hero__container {
        padding: var(--size-7xl) var(--size-lg);
    }
}

/*=================================== SECTION ESSENTIAL ==================================*/

.essential__container {
    flex-direction: column;
    gap: var(--size-xl);
}

/*=================================== SECTION STEP ==================================*/

#step {
    background-color: var(--color-beige);
}

.step__container {
    flex-direction: column;
    gap: var(--size-xl);
}

.step__content {
    display: flex;
    flex-direction: column;
    gap: var(--size-xl);
}

.step__category {
    display: flex;
    padding: 0 var(--size-2xl);
}

.step__category-container {
    display: flex;
    flex-direction: column;
    gap: var(--size-sm);
    padding: var(--size-xl) var(--size-2xl);
    border-left: 1px solid var(--color-black);
}

.step__category-header {
    display: flex;
    align-items: center;
    gap: var(--size-sm);
    /* Header de chaque catégorie */
}

.step__header-icon {
    width: var(--size-2xl);
}

.step__list {
    padding-left: var(--size-2xl);
}

@media (max-width: 768px) {
    .step__category {
        padding: 0;
    }

    .step__category-container {
        padding: var(--size-lg) var(--size-md);
    }
}

/*=================================== SECTION AMENITIES ==================================*/

.amenities__container {
    flex-direction: column;
    gap: var(--size-xl);
}

.amenites__content {
    display: flex;
    flex-direction: column;
    gap: var(--size-sm);
}

.amenities__list {
    padding-left: var(--size-2xl);
}