@media (max-width: 768px) {
    .lamp-items {
        grid-template-columns: repeat(auto-fill, minmax(80px, 1fr));
        gap: 10px;
    }
    
    .lamp-item img {
        max-width: 60px;
    }
    
    .lamp-code {
        font-size: 12px;
    }
    
    .nav-tabs li a {
        padding: 8px 12px;
        font-size: 14px;
    }
}

@media (max-width: 480px) {
    .lamp-items {
        grid-template-columns: repeat(auto-fill, minmax(70px, 1fr));
    }
    
    .lamp-item img {
        max-width: 50px;
    }
    
    .nav-tabs {
        overflow-x: auto;
        white-space: nowrap;
        display: block;
    }
}