.listing-layout{
    display:grid;
    grid-template-columns:230px 1fr;
    gap:26px;
}
.filter{
    position:sticky;
    top:86px;
    align-self:start;
    background:#fff;
    border:1px solid var(--line);
    padding:18px;
}
.filter h3{margin:0 0 14px;font-size:16px}
.filter-group{
    border-top:1px solid var(--line);
    padding:16px 0;
}
.filter-group:first-of-type{border-top:0}
.filter-group b{display:block;margin-bottom:10px;font-size:13px;text-transform:uppercase}
.check{
    display:flex;
    align-items:center;
    gap:9px;
    margin:10px 0;
    color:#4c4c4c;
    font-size:13px;
}
.toolbar{
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:16px;
    margin-bottom:18px;
}
.toolbar select{
    border:1px solid var(--line);
    background:#fff;
    padding:10px 12px;
}
.collection-hero{
    min-height:320px;
    color:#fff;
    display:flex;
    align-items:flex-end;
    padding:28px;
    margin-bottom:28px;
    position:relative;
    overflow:hidden;
}
.collection-hero:after{
    content:"";
    position:absolute;
    inset:0;
    background:linear-gradient(to top,rgba(23,54,41,.62),transparent 65%);
}
.collection-hero > div{position:relative;z-index:2}
.collection-hero h1{
    font-family:"Playfair Display",serif;
    font-size:40px;
    margin:0 0 8px;
}
.collection-hero p{max-width:560px;line-height:1.6;color:#f3eee8;margin:0}
.pagination{
    display:flex;
    justify-content:center;
    gap:8px;
    margin-top:28px;
}
.pagination a{
    width:38px;
    height:38px;
    display:grid;
    place-items:center;
    border:1px solid var(--line);
    background:#fff;
    font-weight:500;
}
.pagination a.active{background:#173629;color:#fff}
@media(max-width:980px){
    .listing-layout{grid-template-columns:1fr}
    .filter{position:static}
}
@media(max-width:620px){
    .toolbar{display:block}
    .toolbar select{width:100%;margin-top:10px}
    .collection-hero{min-height:260px;padding:22px}
    .collection-hero h1{font-size:32px}
}
.collection-hero img {
    max-width:50%;
}