.responsive-menu {
    height: calc(100% + 1px);
    z-index: 99999;
    padding: var(--ati-m-padd);
    overflow: auto;
    flex-direction: column;
    width: 380px;
}
.responsive-menu-close {
    position: absolute;
    left: 0;
    color: red;
}
.responsive-products-menu {
     width: -webkit-fill-available
}
.responsive-menu > * li{
    list-style: none;
}
.responsive-menu-header {
    position: relative;
    display: flex;
    max-height: 60px;
    align-items: center;
    justify-content: space-evenly;
    border-bottom: #e5e5e5 1px solid;
    font-weight: bold;
}
.responsive-menu-header > *{
    text-align: center;
    flex: 1;
    padding: 15px;
}
.responsive-primary-btn {
    border-right: var(--ati-bg) 1px solid;
}
.responsive-products-wrapper,
.responsive-primary-wrapper {
    height: inherit;
    width: inherit;
    margin-top: 80px;
    opacity: 1;
    padding: var(--ati-m-padd);
}
.responsive-products-menu li,
.responsive-primary-menu li{
    list-style: none;
    position: relative;
    padding: 8px;
}
.responsive-products-menu ul.sub-menu,
.responsive-primary-menu ul.sub-menu {
    display: none;
    padding-right: 15px;
}
.menu-toggle-btn {
    position: absolute;
    font-size: 20px;
    -webkit-user-select: none;
    pointer-events: auto;
    width: -webkit-fill-available;
    text-align: left;
    padding-left: 10px;
}

.menu-toggle-btn::after {
    content: "❯";
    transform: rotate(-90deg); 
    display: inline-block;
    transition: transform 0.3s ease;
}

.menu-toggle-btn.opened::after {
    content: "❯";
    transform: rotate(90deg);
}