.home-mega-menu__panel {
    display: none;
}

.home-slider {
    height: 380px;
}

.home-slider__slide,
.home-slider__frame {
    height: 100%;
}

.home-slider__frame {
    min-height: 100%;
}

.home-slider__frame > img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.product-sidebar-card {
    min-height: 132px;
}

.product-price-card {
    display: flex;
    align-items: center;
}

@media (min-width: 1024px) {
    .home-slider {
        height: 438px;
    }

    .home-mega-menu {
        grid-template-columns: 350px minmax(0, 1fr);
        column-gap: 28px;
        align-items: stretch;
    }

    .home-mega-menu__sidebar {
        height: 100%;
    }

    .home-mega-menu__item {
        min-height: 42px;
        padding: 4px 26px;
        font-size: 15px;
    }

    .home-mega-menu__item svg:first-child {
        width: 21px;
        height: 21px;
    }

    .home-mega-menu__panel {
        inset: 0 0 0 378px;
        min-height: 100%;
        padding: 46px 48px;
        overflow-y: auto;
        border-radius: 14px;
    }

    .home-mega-menu__panel:not(.hidden) {
        display: block;
    }

    .home-mega-menu__columns {
        display: grid;
        grid-template-columns: repeat(var(--mega-menu-columns, 1), minmax(0, 1fr));
        column-gap: 48px;
        align-items: start;
    }

    .home-mega-menu__column {
        display: grid;
        gap: 14px;
        align-content: start;
    }

    .home-mega-menu__heading {
        display: inline-block;
        margin: 0;
        color: var(--foreground);
        font-size: 16px;
        font-weight: 400;
        line-height: 1.3;
        transition: color 150ms ease;
    }

    .home-mega-menu__heading:hover,
    .home-mega-menu__heading:focus-visible {
        color: var(--primary);
    }

    .home-mega-menu__empty {
        color: var(--muted-foreground);
        font-size: 15px;
    }
}
