/* =========================
Search Page
========================= */

.search-page {
    padding-bottom: 80px;
}

/* FV */
.search-hero {
    padding: 80px 20px;
    background: #f7f7f7;
    text-align: center;
}

.search-hero__title {
    font-size: 32px;
    font-weight: 700;
    margin-bottom: 10px;
}

.search-hero__text {
    color: #666;
}

/* レイアウト */
.search-content {
    padding: 60px 20px;
}

.search-inner {
    display: grid;
    grid-template-columns: 1fr 320px;
    gap: 40px;

    max-width: 1280px;
    margin: 0 auto;
}

/* グリッド */
.search-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;
}

/* ページネーション */
.search-pagination {
    margin-top: 60px;
    text-align: center;
}

.search-pagination .page-numbers {
    display: inline-flex;
    width: 44px;
    height: 44px;
    align-items: center;
    justify-content: center;

    margin: 0 4px;

    background: #f3f3f3;
    border-radius: 8px;
    text-decoration: none;
}

.search-pagination .current {
    background: #ff7a00;
    color: #fff;
}

/* empty */
.search-empty {
    text-align: center;
    padding: 80px 20px;
}

.search-empty a {
    display: inline-block;
    margin-top: 20px;
    padding: 10px 20px;
    background: #333;
    color: #fff;
    text-decoration: none;
    border-radius: 6px;
}

/* sidebar */
.search-sidebar {
    position: sticky;
    top: 120px;
}

/* SP */
@media (max-width: 1024px) {

    .search-inner {
        grid-template-columns: 1fr;
    }

    .search-sidebar {
        position: static;
    }
}

@media (max-width: 750px) {

    .search-hero {
        padding: 60px 16px;
    }

    .search-grid {
        grid-template-columns: 1fr;
    }
}