/*
 * =========================================================
 * HC_ECO_UNIFIED_SERVICE_MARKET_GRID_V1
 * =========================================================
 *
 * Company / Designer / Construction Manager /
 * Supervisor / Worker
 *
 * Desktop  : 6 columns
 * Tablet   : 3 columns
 * Mobile   : 2 columns
 *
 * =========================================================
 */

.hc-market-page{
    overflow-x:hidden;
}


/* =========================================================
 * COMMON PROMOTION BADGE
 * ========================================================= */

.hc-market-page .is-promoted{
    position:relative !important;
}


.hc-market-page .is-promoted::before{
    content:"推广";
    position:absolute;
    z-index:4;
    top:10px;
    right:10px;
    padding:4px 9px;
    border-radius:999px;
    background:#fff4e8;
    border:1px solid #ffd4a8;
    color:#d66b00;
    font-size:12px;
    font-weight:800;
    line-height:1.2;
}


/* =========================================================
 * COMPANY DIRECTORY
 * ========================================================= */

.hc-market-store .container{
    width:100% !important;
    max-width:none !important;
    margin:0 auto !important;
    padding:
        24px
        clamp(16px,2.2vw,40px)
        48px !important;
}


.hc-market-store .header{
    margin-bottom:20px;
}


.hc-market-store #list{
    width:100%;
    display:grid !important;
    grid-template-columns:
        repeat(
            6,
            minmax(0,1fr)
        ) !important;
    gap:18px !important;
    align-items:stretch;
}


.hc-market-store .store{
    min-width:0;
    width:100%;
    margin-top:0 !important;
    padding:20px !important;
    border:1px solid #e8edf3;
    border-radius:16px !important;
    background:#fff;
    min-height:175px;
    box-shadow:
        0 3px 14px
        rgba(23,32,51,.045);
    transition:
        transform .18s ease,
        box-shadow .18s ease,
        border-color .18s ease;
}


.hc-market-store .store:hover{
    transform:translateY(-2px);
    border-color:#d7dfe9;
    box-shadow:
        0 10px 24px
        rgba(23,32,51,.08);
}


.hc-market-store .store .name{
    padding-right:48px;
    font-size:17px !important;
    line-height:1.45;
    font-weight:800;
    word-break:break-word;
}


.hc-market-store .store .info{
    margin-top:12px !important;
    color:#667085 !important;
    font-size:13px;
    line-height:1.75 !important;
    word-break:break-word;
}


/* =========================================================
 * DESIGNER / CONSTRUCTION MANAGER / SUPERVISOR
 * ========================================================= */

.hc-market-provider .hc-sp-page{
    width:100% !important;
    max-width:none !important;
    margin:0 auto !important;
    padding-left:
        clamp(16px,2.2vw,40px) !important;
    padding-right:
        clamp(16px,2.2vw,40px) !important;
}


.hc-market-provider .hc-sp-list{
    width:100% !important;
    display:grid !important;
    grid-template-columns:
        repeat(
            6,
            minmax(0,1fr)
        ) !important;
    gap:18px !important;
    align-items:stretch;
}


.hc-market-provider .hc-sp-person{
    min-width:0;
    width:100%;
    height:100%;
    position:relative;
    border-radius:16px;
}


.hc-market-provider .hc-sp-person h3{
    padding-right:44px;
    line-height:1.4;
}


/* =========================================================
 * WORKER DIRECTORY
 *
 * JS adds:
 *
 * .hc-market-worker-grid
 * .hc-market-worker-card
 * ========================================================= */

.hc-market-worker .page{
    width:100% !important;
    max-width:none !important;
    margin-left:auto !important;
    margin-right:auto !important;
    padding-left:
        clamp(16px,2.2vw,40px) !important;
    padding-right:
        clamp(16px,2.2vw,40px) !important;
}


.hc-market-worker .hc-market-worker-grid{
    width:100% !important;
    display:grid !important;
    grid-template-columns:
        repeat(
            6,
            minmax(0,1fr)
        ) !important;
    gap:18px !important;
    align-items:stretch;
}


.hc-market-worker .hc-market-worker-card{
    position:relative !important;
    min-width:0 !important;
    width:100% !important;
    height:100%;
    margin:0 !important;
}


/*
 * Compatibility with likely existing worker grid names.
 */
.hc-market-worker .worker-grid,
.hc-market-worker .workers-grid,
.hc-market-worker .worker-list{
    grid-template-columns:
        repeat(
            6,
            minmax(0,1fr)
        ) !important;
}


/* =========================================================
 * TABLET
 * ========================================================= */

@media(max-width:1099px){

    .hc-market-store #list,
    .hc-market-provider .hc-sp-list,
    .hc-market-worker .hc-market-worker-grid,
    .hc-market-worker .worker-grid,
    .hc-market-worker .workers-grid,
    .hc-market-worker .worker-list{
        grid-template-columns:
            repeat(
                3,
                minmax(0,1fr)
            ) !important;
    }
}


/* =========================================================
 * MOBILE
 * ========================================================= */

@media(max-width:640px){

    .hc-market-store .container,
    .hc-market-provider .hc-sp-page,
    .hc-market-worker .page{
        padding-left:10px !important;
        padding-right:10px !important;
    }


    .hc-market-store #list,
    .hc-market-provider .hc-sp-list,
    .hc-market-worker .hc-market-worker-grid,
    .hc-market-worker .worker-grid,
    .hc-market-worker .workers-grid,
    .hc-market-worker .worker-list{
        grid-template-columns:
            repeat(
                2,
                minmax(0,1fr)
            ) !important;
        gap:10px !important;
    }


    .hc-market-store .store{
        padding:14px !important;
        min-height:150px;
    }


    .hc-market-store .store .name{
        font-size:15px !important;
        padding-right:0;
        padding-top:24px;
    }


    .hc-market-store .store .info{
        font-size:12px;
        line-height:1.65 !important;
    }


    .hc-market-page .is-promoted::before{
        top:7px;
        right:7px;
        font-size:11px;
        padding:3px 7px;
    }
}