@media (min-width: 1081px) {
    .header-inner {
        position: relative;
    }

    .nav-catalog--mega {
        position: static;
    }

    .nav-catalog[open] > summary {
        color: var(--accent-deep);
    }

    .nav-catalog[open] > summary::after {
        opacity: 1;
        transform: scaleX(1);
    }

    .nav-catalog--mega > .mega-menu {
        display: block;
        z-index: 120;
        top: calc(100% + 12px);
        right: 0;
        left: 0;
        width: 100%;
        padding: 34px 38px 38px;
        border: 1px solid rgba(23, 25, 28, .07);
        border-radius: 8px;
        box-shadow: 0 24px 60px rgba(23, 25, 28, .14);
        transform: none;
    }

    .nav-catalog--dropdown > .mega-menu {
        width: min(420px, calc(100vw - 48px));
        grid-template-columns: 1fr;
    }
}

.mega-menu-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    gap: 34px 42px;
}

.mega-menu-group {
    min-width: 0;
}

.mega-menu-heading {
    display: flex;
    align-items: center;
    gap: 12px;
    color: var(--ink);
    font-size: 15px;
    font-weight: 800;
    line-height: 1.25;
}

.mega-menu-heading:hover,
.mega-menu-heading:focus-visible,
.mega-menu-links a:hover,
.mega-menu-links a:focus-visible {
    color: var(--accent-deep);
}

.mega-menu-icon {
    display: grid;
    width: 24px;
    height: 24px;
    flex: 0 0 24px;
    place-items: center;
    color: var(--accent-deep);
}

.mega-menu-icon img,
.mega-menu-icon svg {
    width: 24px;
    height: 24px;
    object-fit: contain;
}

.mega-menu-links {
    display: grid;
    gap: 8px;
    margin-top: 18px;
}

.mega-menu-links a {
    width: fit-content;
    color: var(--ink);
    font-size: 14px;
    line-height: 1.35;
}

.mega-menu-group > p {
    margin: 14px 0 0;
    color: var(--muted);
    font-size: 12px;
    line-height: 1.5;
}

@media (max-width: 1240px) and (min-width: 1081px) {
    .mega-menu-grid {
        gap: 28px;
    }
}

@media (max-width: 1080px) {
    .mobile-nav-subgroup {
        border-bottom: 1px solid #eeeeec;
    }

    .mobile-nav-subgroup > summary {
        min-height: 48px;
        display: grid;
        grid-template-columns: 24px minmax(0, 1fr) 18px;
        align-items: center;
        gap: 10px;
        padding: 10px 0;
        font-size: 14px;
        font-weight: 750;
        list-style: none;
        cursor: pointer;
    }

    .mobile-nav-subgroup > summary::-webkit-details-marker {
        display: none;
    }

    .mobile-nav-subgroup > summary img {
        width: 24px;
        height: 24px;
        object-fit: contain;
    }

    .mobile-nav-subgroup > summary svg {
        width: 18px;
        height: 18px;
        transition: transform 160ms ease;
    }

    .mobile-nav-subgroup[open] > summary svg {
        transform: rotate(180deg);
    }

    .mobile-nav-subgroup-links {
        display: grid;
        padding: 0 0 10px 34px;
    }

    .mobile-nav-subgroup-links a {
        padding: 8px 0;
        border: 0;
        color: var(--ink-soft);
        font-size: 13px;
    }

    .mobile-nav-subgroup-links .mobile-nav-group-all {
        color: var(--accent-deep);
        font-weight: 750;
    }

    .mobile-nav-children > a {
        grid-template-columns: 24px minmax(0, 1fr);
        align-items: center;
        gap: 10px;
    }

    .mobile-nav-children > a > img {
        width: 24px;
        height: 24px;
        object-fit: contain;
    }
}