/* Header & Hero */
    .results-hero { text-align: center; margin: 40px 0 30px; }
    .section-title { font-family: 'Oswald', sans-serif; font-size: 2.8rem; font-weight: 700; color: #1e293b; text-transform: uppercase; }
    .section-title span { color: var(--aloha-red); }
    .back-link { display: inline-flex; align-items: center; gap: 8px; color: #64748b; text-decoration: none; font-weight: 600; font-size: 0.9rem; transition: 0.2s; }
    .back-link:hover { color: var(--aloha-red); }

    /* Filter Card */
    .filter-card-premium { background: #fff; padding: 25px; border-radius: 20px; box-shadow: 0 10px 30px rgba(0,0,0,0.05); margin-bottom: 40px; border: 1px solid rgba(0,0,0,0.03); }
    .filter-flex { display: flex; gap: 20px; flex-wrap: wrap; align-items: center; justify-content: center; }
    .year-nav { display: flex; gap: 8px; flex-wrap: wrap; justify-content: center; }
    .year-pill { padding: 8px 18px; border-radius: 50px; background: #f1f5f9; color: #64748b; text-decoration: none; font-weight: 700; font-size: 0.85rem; transition: all 0.2s; border: 1px solid transparent; }
    .year-pill:hover { background: #e2e8f0; color: #1e293b; }
    .year-pill.active { background: #1e293b; color: #fff; box-shadow: 0 4px 10px rgba(0,0,0,0.15); }

    /* Galerie Grid */
    .gallery-grid {
        display: grid;
        grid-template-columns: repeat(auto-fill, minmax(350px, 1fr));
        gap: 25px;
        margin-top: 30px;
    }

    .gallery-item {
        background: #fff;
        border-radius: 15px;
        overflow: hidden;
        box-shadow: 0 10px 20px rgba(0,0,0,0.05);
        transition: transform 0.3s ease;
        border: 1px solid rgba(0,0,0,0.03);
    }

    .gallery-item:hover { transform: translateY(-5px); }

    .media-container {
        position: relative;
        width: 100%;
        padding-top: 56.25%; /* 16:9 Format */
        background: #000;
        overflow: hidden;
    }

    .media-container img, .media-container iframe {
        position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover;
    }

    .luminous-img { cursor: zoom-in; }

    .item-info { padding: 15px; }
    .item-comment { font-size: 0.95rem; color: var(--dark-blue); margin-bottom: 8px; font-weight: 500; }
    .item-meta { font-size: 0.75rem; color: var(--slate-400); display: flex; justify-content: space-between; align-items: center; text-transform: uppercase; letter-spacing: 0.5px; }
    .tag-year { background: var(--slate-50); padding: 2px 8px; border-radius: 4px; color: var(--aloha-red); font-weight: 700; }

    @media (max-width: 480px) {
        .gallery-grid { grid-template-columns: 1fr; }
    }