.paymend-method-list {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
    margin: 0;
    padding: 0;
}

.paymend-method-list li {
    list-style: none;
    margin: 0;
}

.paymend-method-list li a {
    display: flex;
    align-items: center;
    justify-content: center;
}

.paymend-method-list li img {
    width: 40px !important;
    height: 25px !important;
    object-fit: contain;
    border-radius: 4px;
    transition: transform 0.3s ease;
}

.paymend-method-list li a:hover img {
    transform: scale(1.1);
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .paymend-method-list li img {
        width: 35px !important;
        height: 22px !important;
    }
}

@media (max-width: 576px) {
    .paymend-method-list li img {
        width: 32px !important;
        height: 20px !important;
    }
}

  /* Mobile Menu Scrolling Fix */
.canvas-mb .mb-canvas-content {
    height: 100%;
    overflow-y: auto;
    overflow-x: hidden;
    display: flex;
    flex-direction: column;
}

.canvas-mb .mb-body {
    flex: 1;
    overflow-y: auto;
    overflow-x: hidden;
    padding-bottom: 20px;
}

.canvas-mb .mb-content-top {
    overflow-y: auto;
    max-height: calc(100vh - 150px);
}

/* Custom scrollbar styling (optional) */
.canvas-mb .mb-canvas-content::-webkit-scrollbar {
    width: 4px;
}

.canvas-mb .mb-canvas-content::-webkit-scrollbar-track {
    background: #f1f1f1;
}

.canvas-mb .mb-canvas-content::-webkit-scrollbar-thumb {
    background: #e7534f;
    border-radius: 4px;
}

.canvas-mb .mb-canvas-content::-webkit-scrollbar-thumb:hover {
    background: #c43e3a;
}

/* Ensure collapse content is scrollable too */
.canvas-mb .collapse {
    overflow-y: visible;
}

.canvas-mb .sub-nav-menu {
    max-height: none;
    overflow-y: visible;
}

.canvas-mb .nav-ul-mb {
    margin-bottom: 20px;
}
/* Mobile Category with Subcategories */
.cat-parent {
    list-style: none;
    margin: 0;
    padding: 0;
}

.cat-toggle-link {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    padding: 10px 15px !important;
    font-weight: 500;
    background: #fff;
    border-bottom: 1px solid #eee;
}

.cat-toggle-link span:first-child {
    flex: 1;
}

.cat-arrow {
    font-size: 12px;
    transition: transform 0.3s ease;
    color: #999;
}

.cat-arrow.rotated {
    transform: rotate(90deg);
    display: inline-block;
}

.subcat-list {
    background: #f8f8f8;
    padding: 0;
    margin: 0;
    list-style: none;
}

.subcat-list li {
    border-bottom: 1px solid #eee;
}

.subcat-list li:last-child {
    border-bottom: none;
}

.subcat-item {
    display: block !important;
    padding: 8px 15px 8px 30px !important;
    font-size: 13px;
    color: #666 !important;
}

.subcat-item:hover {
    color: #e7534f !important;
    padding-left: 35px !important;
}