.listing-page{
    padding:40px 0 60px;
    background:#f8fafc;
}

.listing-container{
    max-width:1380px;
    margin:0 auto;
    padding:0 20px;
}

.listing-head{
    margin-bottom:28px;
}

.listing-head h1{
    margin:0 0 10px;
    font-size:34px;
    line-height:1.2;
    font-weight:800;
    color:#111827;
    letter-spacing:-0.5px;
}

.listing-head p{
    margin:0;
    font-size:15px;
    line-height:1.7;
    color:#64748b;
}

.listing-grid{
    display:grid;
    grid-template-columns:repeat(4, minmax(0, 1fr));
    gap:22px;
    align-items:stretch;
}

.listing-grid-item{
    min-width:0;
    display:flex;
}

.listing-grid-item .hs-product-card{
    width:100%;
}

.listing-empty{
    background:#ffffff;
    border:1px dashed #cbd5e1;
    border-radius:20px;
    padding:40px 20px;
    text-align:center;
    color:#64748b;
    font-size:15px;
    line-height:1.6;
}

.listing-empty strong{
    color:#111827;
    word-break:break-word;
}

@media (max-width:1100px){
    .listing-grid{
        grid-template-columns:repeat(3, minmax(0, 1fr));
    }
}

@media (max-width:768px){
    .listing-page{
        padding:30px 0 45px;
    }

    .listing-grid{
        grid-template-columns:repeat(2, minmax(0, 1fr));
        gap:16px;
    }

    .listing-head{
        margin-bottom:22px;
    }

    .listing-head h1{
        font-size:28px;
    }

    .listing-head p{
        font-size:14px;
    }
}

@media (max-width:480px){
    .listing-container{
        padding:0 14px;
    }

    .listing-grid{
        grid-template-columns:1fr;
        gap:14px;
    }

    .listing-head h1{
        font-size:24px;
    }
}