fix: restore vertical filter layout on mobile and enhance dropdown shadows

Fixed CSS specificity issue where filter-panel classes were preventing vertical stacking on small screens. Also added drop-shadow to all filter dropdowns for improved visual depth.

src/lib/components/CategoryFilter.svelte

@@ -142,6 +142,7 @@
 		background: var(--nord0);
 		border-radius: 6px;
 		box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
+		filter: drop-shadow(0 8px 16px rgba(0, 0, 0, 0.3));
 		max-height: 200px;
 		overflow-y: auto;
 		z-index: 100;

src/lib/components/FilterPanel.svelte

@@ -96,7 +96,8 @@
 			display: flex;
 		}
 
-		.filter-panel {
+		.filter-panel.with-favorites,
+		.filter-panel.without-favorites {
 			grid-template-columns: 1fr;
 			gap: 1rem;
 			max-width: 600px;

src/lib/components/IconFilter.svelte

@@ -134,6 +134,7 @@
 		background: var(--nord0);
 		border-radius: 6px;
 		box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
+		filter: drop-shadow(0 8px 16px rgba(0, 0, 0, 0.3));
 		max-height: 200px;
 		overflow-y: auto;
 		z-index: 100;

src/lib/components/SeasonFilter.svelte

@@ -154,6 +154,7 @@
 		background: var(--nord0);
 		border-radius: 6px;
 		box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
+		filter: drop-shadow(0 8px 16px rgba(0, 0, 0, 0.3));
 		max-height: 200px;
 		overflow-y: auto;
 		z-index: 100;

src/lib/components/TagFilter.svelte

@@ -151,6 +151,7 @@
 		background: var(--nord0);
 		border-radius: 6px;
 		box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
+		filter: drop-shadow(0 8px 16px rgba(0, 0, 0, 0.3));
 		max-height: 200px;
 		overflow-y: auto;
 		z-index: 100;