@media screen and (max-width: 991px) {
    .navbar-area .nav-menu-items .menu-item button,
    .navbar-area .nav-menu-items .menu-link a {
        display: block;
        width: 100%;
        padding: 8px 12px;
        font-size: 18px;
        line-height: 1.35;
        font-weight: 500;
        border-radius: 8px;
    }

    .navbar-area .nav-menu-items .menu-item button {
        display: flex;
        align-items: center;
    }

    .navbar-area .nav-menu-items .slide-vertical .char,
    .navbar-area .nav-menu-items .slide-horizontal .char {
        height: 25px;
    }

    .navbar-area .nav-menu-items .mega-menu-item .menu-title-wrapper {
        gap: 12px;
        padding: 8px 12px;
        border-radius: 8px;
        transition: all 0.3s ease-in-out;
    }

    .navbar-area .nav-menu-items .mega-menu-item .menu-title-wrapper:hover,
    .navbar-area .nav-menu-items .mega-menu-item .menu-title-wrapper:focus-within {
        color: #eb453b;
    }

    .navbar-area .nav-menu-items .mega-menu-item .menu-title-wrapper .menu-icon {
        display: inline-flex !important;
        margin-left: auto;
        transition: transform 0.3s ease-in-out;
    }

    .navbar-area .nav-menu-items .mega-menu-item .mega-sub-menu.active + .menu-icon,
    .navbar-area .nav-menu-items .mega-menu-item:has(.mega-sub-menu.active) .menu-title-wrapper .menu-icon {
        transform: rotate(180deg);
    }

    .navbar-area .nav-menu-items .menu-item button:hover,
    .navbar-area .nav-menu-items .menu-link a:hover,
    .navbar-area .nav-menu-items .menu-item button:focus-visible,
    .navbar-area .nav-menu-items .menu-link a:focus-visible {
        color: #eb453b;
    }

    .navbar-area .nav-menu-items .menu-item button:hover .word .char::after,
    .navbar-area .nav-menu-items .menu-item button:hover .word .char::before,
    .navbar-area .nav-menu-items .menu-link a:hover .word .char::after,
    .navbar-area .nav-menu-items .menu-link a:hover .word .char::before,
    .navbar-area .nav-menu-items .menu-item button:focus-visible .word .char::after,
    .navbar-area .nav-menu-items .menu-item button:focus-visible .word .char::before,
    .navbar-area .nav-menu-items .menu-link a:focus-visible .word .char::after,
    .navbar-area .nav-menu-items .menu-link a:focus-visible .word .char::before {
        color: #eb453b !important;
    }
}

/* Match the ThemeForest demo's Splitting.js output closely. */
.navbar-area .splitting .word,
.navbar-area .splitting .char {
    display: inline-block;
}

.navbar-area .splitting .char {
    position: relative;
    overflow: hidden;
    height: 1.35em;
    line-height: 1.35;
    color: transparent;
    vertical-align: top;
}

.navbar-area .splitting {
    --word-center: calc((var(--word-total) - 1) / 2);
    --char-center: calc((var(--char-total) - 1) / 2);
}

.navbar-area .splitting .word {
    --word-percent: calc(var(--word-index) / var(--word-total));
    --line-percent: calc(var(--line-index, 0) / var(--line-total, 1));
}

.navbar-area .splitting .char {
    --char-percent: calc(var(--char-index) / var(--char-total));
    --char-offset: calc(var(--char-index) - var(--char-center));
    --distance: calc((var(--char-offset) * var(--char-offset)) / var(--char-center));
    --distance-sine: calc(var(--char-offset) / var(--char-center));
    --distance-percent: calc((var(--distance) / var(--char-center)));
}

.navbar-area .splitting .char::before,
.navbar-area .splitting .char::after {
    content: attr(data-char);
    position: absolute;
    top: 0;
    left: 0;
    visibility: visible;
    color: inherit;
    font-weight: inherit;
    transition: transform 0.5s cubic-bezier(0.9, 0, 0.2, 1), color 0.3s ease-in-out;
}

.navbar-area .splitting .char::before {
    transition-delay: calc(0.02s * var(--char-index));
}

.navbar-area .splitting .char::after {
    transition-delay: calc(0.2s + 0.02s * var(--char-index));
}

.navbar-area .slide-vertical .char::before {
    transform: translateY(-100%);
}

.navbar-area .slide-vertical:hover .char::before,
.navbar-area .slide-vertical:focus-visible .char::before {
    transform: translateY(0);
}

.navbar-area .slide-vertical:hover .char::after,
.navbar-area .slide-vertical:focus-visible .char::after {
    transform: translateY(100%);
}

.navbar-area .slide-horizontal .char::before {
    transform: translateX(110%);
}

.navbar-area .slide-horizontal:hover .char::before,
.navbar-area .slide-horizontal:focus-visible .char::before {
    transform: translateX(0);
}

.navbar-area .slide-horizontal:hover .char::after,
.navbar-area .slide-horizontal:focus-visible .char::after {
    transform: translateX(-110%);
}

.navbar-area .slide-vertical:hover .char::before,
.navbar-area .slide-vertical:hover .char::after,
.navbar-area .slide-horizontal:hover .char::before,
.navbar-area .slide-horizontal:hover .char::after,
.navbar-area .slide-vertical:focus-visible .char::before,
.navbar-area .slide-vertical:focus-visible .char::after,
.navbar-area .slide-horizontal:focus-visible .char::before,
.navbar-area .slide-horizontal:focus-visible .char::after {
    color: #eb453b;
}

.catalog-pagination {
    align-items: center;
}

.catalog-pagination__status {
    letter-spacing: 0.01em;
}

.catalog-pagination .page-numbers {
    min-width: 44px;
    min-height: 44px;
    border-radius: 999px;
    text-align: center;
    transition: background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease, transform 0.2s ease;
}

.catalog-pagination a.page-numbers:hover,
.catalog-pagination a.page-numbers:focus-visible {
    border-color: #eb453b !important;
    color: #eb453b !important;
    transform: translateY(-1px);
}

.catalog-pagination .page-numbers.current {
    background: #eb453b;
    border-color: #eb453b !important;
    color: #fff !important;
    font-weight: 700;
    box-shadow: 0 10px 24px rgba(235, 69, 59, 0.24);
    pointer-events: none;
}

.catalog-pagination .page-numbers.dots {
    min-width: 28px;
    border-color: transparent !important;
    color: #7d7d7d !important;
}
@media screen and (min-width: 1921px) {
    body {
        overflow-x: hidden;
    }

    .header-section,
    section,
    footer {
        max-width: none !important;
    }
}