113
    font-size: 1.2rem;
114
}
115

116
.inspiration__empty {
117
    text-align: center;
118
    padding: 60px 20px;
119
    color: #999;
120
}
121

122
.inspiration__empty-icon {
123
    font-size: 3rem;
124
    margin-bottom: 20px;
125
}
126

127
.inspiration__empty-text {
128
    font-size: 1.2rem;
129
}
130

131
/* Responsive Design */
132
@media (max-width: 768px) {
133
    .inspiration__header h2 {
134
        font-size: 2rem;
135
    }
136
    
137
    .inspiration__grid {
138
        grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
139
        gap: 15px;
140
    }
141
    
142
    .inspiration__thumb {
143
        height: 220px;
144
    }
145
}
146

147
@media (max-width: 480px) {
148
    .inspiration {
149
        padding: 40px 10px;
150
    }
151
    
152
    .inspiration__header h2 {
153
        font-size: 1.5rem;
154
    }
155
    
156
    .inspiration__grid {
157
        grid-template-columns: 1fr;
158
        gap: 15px;
159
    }
160
}
161

162
/* Advanced Search Tabs Styles */
163
.tabs {
164
    background: #000;
165
    color: #fff;
166
    padding: 40px 0;
167
}
168

169
.tabs__header {
170
    max-width: 1200px;
171
    margin: 0 auto;
172
    padding: 0 20px;
173
}
174

175
.tabs__header h2 {
176
    color: #fff;
177
    font-size: 2.5rem;
178
    margin-bottom: 24px;
179
    text-align: center;
180
}
181

182
.tabs__nav {
183
    display: flex;
184
    gap: 12px;
185
    border-bottom: 1px solid #222;
186
    justify-content: center;
187
    flex-wrap: wrap;
188
}
189

190
.tabs__button {
191
    background: #111;
192
    color: #fff;
193
    border: 1px solid #222;
194
    border-bottom: none;
195
    padding: 10px 16px;
196
    border-top-left-radius: 10px;
197
    border-top-right-radius: 10px;
198
    cursor: pointer;
199
    font-size: 1rem;
200
    transition: all 0.3s ease;
201
}
202

203
.tabs__button:hover {
204
    background: #1a1a1a;
205
}
206

207
.tabs__button:focus {
208
    outline: 2px solid #E50914;
209
    outline-offset: 2px;
210
}
211

212
.tabs__button.is-active {
213
    background: #1a1a1a;
214
    outline: 2px solid #E50914;
215
}
216

217
.tabs__searchbar {
218
    max-width: 1200px;
219
    margin: 0 auto;
220
    padding: 0 20px;
221
    display: flex;
222
    gap: 12px;
223
    margin-top: 16px;
224
    margin-bottom: 16px;
225
}
226

227
.tabs__searchbar input[type="search"] {
228
    flex: 1;
229
    padding: 12px;
230
    background: #111;
231
    border: 1px solid #222;
232
    color: #fff;
233
    border-radius: 8px;
234
    font-size: 1rem;
235
}
236

237
.tabs__searchbar input[type="search"]:focus {
238
    outline: 2px solid #E50914;
239
    outline-offset: 0;
240
}
241

242
.tabs__panel {
243
    display: none;
244
    padding-top: 20px;
245
    max-width: 1200px;
246
    margin: 0 auto;
247
    padding: 20px;
248
}
249

250
.tabs__panel.is-active {
251
    display: block;
252
}
253

254
.filters {
255
    display: grid;
256
    gap: 12px;
257
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
258
    margin-bottom: 16px;
259
}
260

261
.filters select,
262
.filters input {
263
    padding: 10px;
264
    background: #111;
265
    border: 1px solid #222;
266
    color: #fff;
267
    border-radius: 6px;
268
    font-size: 0.95rem;
269
}
270

271
.filters select:focus,
272
.filters input:focus {
273
    outline: 2px solid #E50914;
274
    outline-offset: 0;
275
}
276

277
.button--primary {
278
    background: #E50914;
279
    color: #fff;
280
    border: none;
281
    padding: 12px 24px;
282
    border-radius: 6px;
283
    cursor: pointer;
284
    font-size: 1rem;
285
    font-weight: 600;
286
    transition: background 0.3s ease;
287
}
288

289
.button--primary:hover {
290
    background: #b30710;
291
}
292

293
.button--primary:focus {
294
    outline: 2px solid #fff;
295
    outline-offset: 2px;
296
}
297

298
.button--ghost {
299
    background: transparent;
300
    color: #fff;
301
    border: 1px solid #222;
302
    padding: 12px 24px;
303
    border-radius: 6px;
304
    cursor: pointer;
305
    font-size: 1rem;
306
    transition: all 0.3s ease;
307
}
308

309
.button--ghost:hover {
310
    background: #111;
311
    border-color: #333;
312
}
313

314
.button--ghost:focus {
315
    outline: 2px solid #E50914;
316
    outline-offset: 2px;
317
}
318

319
.results-grid {
320
    display: grid;
321
    grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
322
    gap: 16px;
323
    margin-top: 20px;
324
}
325

326
.results-loader,
327
.results-empty {
328
    color: #ccc;
329
    text-align: center;
330
    padding: 12px 0;
331
    font-size: 1rem;
332
}
333

334
.card {
335
    background: #111;
336
    border: 1px solid #222;
337
    border-radius: 10px;
338
    overflow: hidden;
339
    transition: transform 0.3s ease, box-shadow 0.3s ease;
340
    text-decoration: none;
341
    display: block;
342
}
343

344
.card:hover {
345
    transform: translateY(-5px);
346
    box-shadow: 0 10px 30px rgba(229, 9, 20, 0.3);
347
}
348

349
.card:focus {
350
    outline: 2px solid #E50914;
351
    outline-offset: 2px;
352
}
353

354
.card__thumb {
355
    width: 100%;
356
    height: 200px;
357
    object-fit: cover;
358
}
359

360
.card__meta {
361
    padding: 12px;
362
    color: #fff;
363
}
364

365
/* Responsive Design for Tabs */
366
@media (max-width: 768px) {
367
    .tabs__header h2 {
368
        font-size: 2rem;
369
    }
370
    
371
    .tabs__searchbar {
372
        flex-direction: column;
373
    }
374
    
375
    .filters {
376
        grid-template-columns: 1fr;
377
    }
378
    
379
    .results-grid {
380
        grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
381
        gap: 12px;
382
    }
383
}
384

385
@media (max-width: 480px) {
386
    .tabs {
387
        padding: 20px 0;
388
    }
389
    
390
    .tabs__header h2 {
391
        font-size: 1.5rem;
392
    }
393
    
394
    .tabs__nav {
395
        flex-direction: column;
396
        gap: 8px;
397
    }
398
    
399
    .tabs__button {
400
        border-radius: 6px;
401
        border: 1px solid #222;
402
    }
403
    
404
    .results-grid {
405
        grid-template-columns: 1fr;
406
    }
407
}