/* === Catalog Glassmorphism — trial on /sale/ === */

.nc-catalog-glass {
}

.nc-catalog-glass .nc-catalog-glass-panel {
    background: rgba(255, 255, 255, 0.55) !important;
    backdrop-filter: blur(14px);
    -webkit-backdrop-filter: blur(14px);
    border: 1px solid rgba(49, 169, 0, 0.20) !important;
    border-radius: 16px;
    box-shadow: 0 4px 20px rgba(49, 169, 0, 0.06), 0 1px 3px rgba(0, 0, 0, 0.03);
}

.nc-catalog-glass .nc-catalog-glass-sidebar {
    background: rgba(255, 255, 255, 0.40);
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
    border: 1px solid rgba(49, 169, 0, 0.14);
    border-radius: 16px;
    box-shadow: 0 2px 12px rgba(49, 169, 0, 0.04), 0 1px 2px rgba(0, 0, 0, 0.02);
}

.nc-catalog-glass .menu-section {
    background: transparent !important;
    border: none !important;
}

.nc-catalog-glass .catalog-section {
    background: rgba(255, 255, 255, 0.48);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    border: 1px solid rgba(49, 169, 0, 0.14);
    border-radius: 16px;
}

.nc-catalog-glass .catalog-section .el {
    background: rgba(255, 255, 255, 0.72);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    border: 1px solid rgba(49, 169, 0, 0.18);
    border-radius: 14px;
    box-shadow: 0 2px 12px rgba(49, 169, 0, 0.05), 0 1px 3px rgba(0, 0, 0, 0.02);
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}
.nc-catalog-glass .catalog-section .el:hover {
    transform: translateY(-2px);
    box-shadow: 0 6px 24px rgba(49, 169, 0, 0.09), 0 2px 6px rgba(0, 0, 0, 0.04);
}

.nc-catalog-glass .content-box-filter {
    background: rgba(255, 255, 255, 0.50);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    border: 1px solid rgba(49, 169, 0, 0.16);
    border-radius: 12px;
    box-shadow: 0 2px 10px rgba(49, 169, 0, 0.04);
}

.nc-catalog-glass .catalog-category__mobile {
    background: rgba(255, 255, 255, 0.50);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    border: 1px solid rgba(49, 169, 0, 0.14);
    border-radius: 12px;
    box-shadow: 0 2px 10px rgba(49, 169, 0, 0.04);
}

.nc-catalog-glass .sort-open__menu {
    background: rgba(255, 255, 255, 0.85);
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
    border: 1px solid rgba(49, 169, 0, 0.20);
    border-radius: 12px;
    box-shadow: 0 4px 20px rgba(49, 169, 0, 0.08), 0 1px 4px rgba(0, 0, 0, 0.04);
}

.nc-catalog-glass .smart-filter-action {
    background: rgba(255, 255, 255, 0.45);
    backdrop-filter: blur(14px);
    -webkit-backdrop-filter: blur(14px);
    border: 1px solid rgba(49, 169, 0, 0.16);
    border-radius: 14px;
}

.nc-catalog-glass .section-banner img {
    border-radius: 12px;
}

@media (max-width: 1200px) {
    .nc-catalog-glass .nc-catalog-glass-panel,
    .nc-catalog-glass .nc-catalog-glass-sidebar,
    .nc-catalog-glass .catalog-section,
    .nc-catalog-glass .catalog-section .el,
    .nc-catalog-glass .content-box-filter,
    .nc-catalog-glass .catalog-category__mobile {
        backdrop-filter: blur(8px);
        -webkit-backdrop-filter: blur(8px);
    }
}