/*your custom css goes here*/

/* Mobile category toggle */
.category-mobile-header {
    cursor: pointer;
    user-select: none;
}
.category-mobile-header:hover {
    opacity: 0.85;
}
.category-mobile-header[aria-expanded="true"] .las.la-bars {
    transform: rotate(90deg);
    transition: transform 0.2s ease;
}
.category-mobile-header .las.la-bars {
    transition: transform 0.2s ease;
}

/* Ensure category sidebar collapses smoothly on mobile */
@media (max-width: 991.98px) {
    #mobile-category-menu.collapse:not(.show) {
        display: none;
    }
    #mobile-category-menu.collapsing {
        min-height: 0;
        height: 0;
    }
    #mobile-category-menu.show .aiz-category-menu {
        border-top-left-radius: 0;
        border-top-right-radius: 0;
    }
}

/* On desktop override collapse */
@media (min-width: 992px) {
    #mobile-category-menu.collapse {
        display: block !important;
    }
}

/* Mobile sub-category menu */
@media (max-width: 991.98px) {
    .aiz-category-menu .sub-cat-menu {
        display: block !important;
        position: static !important;
        width: 100% !important;
        box-shadow: none !important;
        border: 1px solid #e2e5ec;
        border-radius: 4px;
        margin: 0 10px 10px;
        max-height: 0;
        overflow: hidden;
        transition: max-height 0.3s ease, padding 0.3s ease, margin 0.3s ease;
        padding: 0 15px;
    }
    .aiz-category-menu .sub-cat-menu.show {
        max-height: 2000px;
        padding: 15px;
    }
    .aiz-category-menu .sub-cat-menu .c-preloader {
        display: none;
    }
    .aiz-category-menu .category-nav-element.has-children > a::after {
        content: '\f107';
        font-family: 'Line Awesome Free';
        font-weight: 900;
        float: right;
        transition: transform 0.2s ease;
    }
}

/* Product specifications table */
.product-specs-table {
    border-collapse: collapse;
    width: 100%;
}
.product-specs-table tr:nth-child(even) {
    background-color: #f8f9fa;
}
.product-specs-table td {
    padding: 10px 15px;
    vertical-align: top;
    border: 1px solid #e2e5ec;
    font-size: 14px;
}
.product-specs-table td.spec-name {
    font-weight: 600;
    width: 35%;
    color: #1b1b28;
    white-space: nowrap;
}
.product-specs-table td.spec-value {
    width: 65%;
    color: #555;
}