.nav-link { position: relative; }
    .nav-link::after { content: ''; position: absolute; bottom: -4px; left: 0; width: 0; height: 2px; background: #3B82F6; border-radius: 1px; transition: width 0.3s ease; }
    .nav-link:hover::after { width: 100%; }

    .mobile-menu { transform: translateX(100%); transition: transform 0.3s ease; }
    .mobile-menu.active { transform: translateX(0); }

    .glass-card-solid { background: #FFFFFF; border: 1px solid #E2E8F0; box-shadow: 0 1px 3px rgba(0,0,0,0.04), 0 4px 16px rgba(0,0,0,0.04); }
    .product-card { transition: transform 0.4s ease, box-shadow 0.4s ease, border-color 0.4s ease; }
    .product-card:hover { transform: translateY(-6px); box-shadow: 0 12px 40px rgba(59,130,246,0.12), 0 4px 16px rgba(0,0,0,0.06); border-color: #93C5FD; }
    .blue-badge { background: rgba(59, 130, 246, 0.1); color: #2563EB; border: 1px solid rgba(59, 130, 246, 0.2); }
    .brand-badge { background: rgba(255, 255, 255, 0.9); backdrop-filter: blur(4px); -webkit-backdrop-filter: blur(4px); color: #1E40AF; border: 1px solid rgba(226, 232, 240, 0.8); box-shadow: 0 1px 3px rgba(0,0,0,0.05); }
    .blue-icon-box { background: #EFF6FF; border: 1px solid #DBEAFE; }
    .tag-pill { background: #F1F5F9; color: #64748B; }
    .input-field { background: #F8FAFC; border: 1px solid #E2E8F0; transition: border-color 0.2s, box-shadow 0.2s; }
    .input-field:focus { outline: none; border-color: #3B82F6; box-shadow: 0 0 0 3px rgba(59,130,246,0.1); }

    .reveal { opacity: 0; transform: translateY(30px); transition: opacity 0.8s ease, transform 0.8s ease; }
    .reveal.visible { opacity: 1; transform: translateY(0); }

    /* Category sidebar */
    .cat-item { transition: all 0.2s ease; cursor: pointer; border-radius: 8px; }
    .cat-item:hover { background: #F8FAFC; }
    .cat-item.active { background: #EFF6FF; }
    .cat-item.active .cat-label { color: #1D4ED8; font-weight: 600; }
    .cat-item.active .cat-count { background: #2563EB; color: white; }
    .cat-item.active .cat-arrow { color: #2563EB; transform: rotate(90deg); }

    .subcat-item { transition: all 0.15s ease; cursor: pointer; border-radius: 6px; }
    .subcat-item:hover { background: #F1F5F9; }
    .subcat-item.active { background: #DBEAFE; color: #1D4ED8; font-weight: 600; }

    .subcat-list { max-height: 0; overflow: hidden; transition: max-height 0.35s ease; }
    .subcat-list.open { max-height: 400px; }

    .cat-arrow { transition: transform 0.25s ease; }
    .cat-item.active .cat-arrow { transform: rotate(90deg); }

    /* Filter checkboxes */
    .filter-check { display: none; }
    .filter-check + label { cursor: pointer; transition: all 0.15s ease; }
    .filter-check + label .check-box { width: 16px; height: 16px; border: 1.5px solid #CBD5E1; border-radius: 4px; display: flex; align-items: center; justify-content: center; transition: all 0.15s ease; flex-shrink: 0; }
    .filter-check:checked + label .check-box { background: #2563EB; border-color: #2563EB; }
    .filter-check:checked + label .check-box .check-icon { opacity: 1; }
    .filter-check + label .check-box .check-icon { opacity: 0; transition: opacity 0.15s ease; }
    .filter-check:checked + label .filter-label { color: #1D4ED8; }

    /* Product grid item */
    .prod-card { transition: transform 0.4s ease, box-shadow 0.4s ease, border-color 0.4s ease; }
    .prod-card:hover { transform: translateY(-4px); box-shadow: 0 8px 30px rgba(59,130,246,0.1), 0 2px 8px rgba(0,0,0,0.04); border-color: #93C5FD; }
    .prod-card:hover .prod-img { transform: scale(1.05); }
    .prod-img { transition: transform 0.5s ease; }

    /* View toggle */
    .view-btn { transition: all 0.15s ease; }
    .view-btn.active { background: #2563EB; color: white; border-color: #2563EB; }

    /* Mobile filter drawer */
    .filter-drawer { transform: translateX(-100%); transition: transform 0.3s ease; }
    .filter-drawer.active { transform: translateX(0); }

    /* Pagination */
    .page-btn { transition: all 0.15s ease; }
    .page-btn.active { background: #2563EB; color: white; border-color: #2563EB; }
    .page-btn:not(.active):hover { background: #F1F5F9; border-color: #CBD5E1; }

    /* Active filter tag */
    .active-filter-tag { transition: all 0.15s ease; }
    .active-filter-tag:hover { background: #FEE2E2; border-color: #FECACA; color: #DC2626; }