@charset "utf-8";

.crew-shop-board {
    margin-top:18px;
    color:#263750;
    font-size:14px;
}

.crew-shop-guide {
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:24px;
    margin-bottom:16px;
    padding:24px 28px;
    border:1px solid #dce7f2;
    border-top:3px solid #ff5575;
    border-radius:12px;
    background:#fff;
    box-shadow:0 8px 24px rgba(38, 76, 113, 0.06);
}

.crew-shop-eyebrow {
    margin-bottom:5px;
    color:#ff5575;
    font-size:11px;
    font-weight:800;
    letter-spacing:0.16em;
}

.crew-shop-guide h3 {
    margin:0;
    color:#162d4d;
    font-size:21px;
    line-height:1.35;
}

.crew-shop-description {
    margin-top:6px;
    color:#718197;
    line-height:1.6;
    word-break:keep-all;
}

.crew-shop-count {
    flex:0 0 auto;
    padding:9px 14px;
    border-radius:999px;
    background:#f1f6fb;
    color:#4b6684;
    font-size:13px;
    font-weight:700;
    white-space:nowrap;
}

.crew-shop-table-wrap {
    overflow:hidden;
    border:1px solid #dce4ed;
    border-radius:12px;
    background:#fff;
}

.crew-shop-table {
    width:100%;
    border-collapse:collapse;
    table-layout:fixed;
}

.crew-shop-table caption {
    position:absolute;
    width:1px;
    height:1px;
    padding:0;
    margin:-1px;
    overflow:hidden;
    clip:rect(0, 0, 0, 0);
    white-space:nowrap;
    border:0;
}

.crew-shop-col-number {
    width:82px;
}

.crew-shop-col-price {
    width:150px;
}

.crew-shop-col-status {
    width:105px;
}

.crew-shop-table th {
    height:48px;
    padding:0 14px;
    border-bottom:1px solid #dce4ed;
    background:#f6f9fc;
    color:#52667e;
    font-size:13px;
    font-weight:700;
    text-align:center;
}

.crew-shop-table td {
    height:62px;
    padding:10px 14px;
    border-bottom:1px solid #edf1f5;
    color:#65758a;
    text-align:center;
}

.crew-shop-table tbody tr:last-child td {
    border-bottom:0;
}

.crew-shop-table tbody tr:hover {
    background:#fbfdff;
}

.crew-shop-number {
    color:#8795a7 !important;
}

.crew-shop-name {
    overflow:hidden;
    text-align:left !important;
}

.crew-shop-name a {
    display:block;
    overflow:hidden;
    color:#263750;
    font-size:14px;
    font-weight:700;
    line-height:1.5;
    text-overflow:ellipsis;
    white-space:nowrap;
    transition:color 0.18s ease;
}

.crew-shop-name a:hover,
.crew-shop-name a:focus {
    color:#f04769;
    text-decoration:underline;
}

.crew-shop-price {
    color:#273f5d !important;
    font-weight:700;
    white-space:nowrap;
}

.crew-shop-status span {
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-width:58px;
    height:28px;
    padding:0 10px;
    border-radius:999px;
    font-size:12px;
    font-weight:800;
}

.crew-shop-status .is-sale {
    background:#eaf8ef;
    color:#23844d;
}

.crew-shop-status .is-soldout {
    background:#f1f3f6;
    color:#7c8796;
}

.crew-shop-status .is-inquiry {
    background:#fff3e5;
    color:#c36b14;
}

.crew-shop-empty {
    height:auto !important;
    padding:72px 20px !important;
    background:#fff;
}

.crew-shop-empty i {
    display:block;
    margin-bottom:13px;
    color:#c8d5e2;
    font-size:30px;
}

.crew-shop-empty strong,
.crew-shop-empty span {
    display:block;
}

.crew-shop-empty strong {
    margin-bottom:7px;
    color:#40546e;
    font-size:16px;
}

.crew-shop-empty span {
    color:#8a98aa;
    font-size:13px;
}

.crew-shop-pagination {
    margin-top:24px;
    text-align:center;
}

@media (max-width:767px) {
    .crew-shop-board {
        margin:15px;
        font-size:13px;
    }

    .crew-shop-guide {
        align-items:flex-start;
        gap:14px;
        padding:20px;
        border-radius:10px;
    }

    .crew-shop-guide h3 {
        font-size:19px;
    }

    .crew-shop-description {
        font-size:12px;
    }

    .crew-shop-count {
        padding:7px 10px;
        font-size:11px;
    }

    .crew-shop-table-wrap {
        border-radius:10px;
    }

    .crew-shop-col-number {
        width:54px;
    }

    .crew-shop-col-price {
        width:96px;
    }

    .crew-shop-col-status {
        width:72px;
    }

    .crew-shop-table th {
        height:43px;
        padding:0 7px;
        font-size:11px;
    }

    .crew-shop-table td {
        height:58px;
        padding:8px 7px;
        font-size:12px;
    }

    .crew-shop-name a {
        font-size:13px;
    }

    .crew-shop-status span {
        min-width:50px;
        height:25px;
        padding:0 7px;
        font-size:11px;
    }

    .crew-shop-empty {
        padding:58px 15px !important;
    }
}

@media (max-width:420px) {
    .crew-shop-number,
    .crew-shop-table th:first-child,
    .crew-shop-col-number {
        display:none;
    }

    .crew-shop-guide {
        display:block;
    }

    .crew-shop-count {
        display:inline-block;
        margin-top:13px;
    }
}