.spns-explainer {
    display:flex;
    gap:5px;
    align-items:center;
    text-transform: uppercase;
    margin: 10px 0 -8px 17px;
    font-size: 14px;
    font-weight: 600;
    color: #999;
    line-height:1;
}
.spns-explainer a {
    background:#000;
    color:#fff;
    padding:5px 6px;
    border-radius: 999px;
    text-decoration: none;
    font-size: 10px;
    line-height:1;
    font-weight:700;
}

.sidebar {
    flex: 0 0 450px;
    width: 450px;
    max-width: 100%;
    padding: 10px;
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.biz_list {
    grid-template-columns: repeat(1,1fr);
    display:grid;
    gap:15px;
}

.content {
    flex:1;
    min-width:450px;
}

.biz_list .biz_card {
    position: relative;
    display: flex;
    gap: 25px;
    padding: 15px;
    border: 1px solid #ddd;
    border-radius: 8px;
}

.biz_card_media {
    margin: 0;
    display: flex;
    flex: 0 0 200px;
    height: 200px;
    width: 200px;
    overflow: hidden;
    background: #ddd;
    border-radius: 8px;
}

.biz_list img {
    height: 100%;
    width: 100%;
    margin-bottom: 0;
    border-radius: 8px;
    object-fit:cover;
    display:block;
    object-position: top center;
}
.biz_list img[data-fallback="1"] {
    border:none;
    outline:none;
}

.name-content-wrap {
    line-height:1;
}
.name-content-wrap p,
.name-content-wrap .biz_list_name {
    line-height:1.4;
    margin: 0 0;
}
.name-content-wrap p {
    font-size: 14px;
}
.biz_list_name {
    font-size: 20px;
    font-weight: 700;
}

.biz-cta {
    display: flex;
    align-items:center;
    gap: 10px;
    margin: 10px 0;
    flex-wrap:wrap;
}
.biz-cta .btn {
    width: max-content;
    padding: 7px 9px;
    line-height: 1;
    flex: 0 0 max-content;
    font-weight: 600;
    font-size: 13px;
}

.archive.biz .pagination .pg_prev,
.pagination .pg_next,
.pagination .pg_num,
.pagination .current_page {
    line-height:1;
}

.muted {
    color:#666;
}

.biz_card_link {
    width:100%;
}

.biz-cats {
    margin:6px 0 8px 0;
    padding:0;
    list-style:none;
    display:flex;
    flex-wrap:wrap;
    gap:6px;
    flex-direction: row;
}
.biz-cats li {
    font-size:12px;
    line-height:1;
    padding: 8px 10px;
    border:1px solid #c9c9c9;
    border-radius:999px;
    background:#fafafa;
    width:max-content;
    font-weight: 600;
}

.biz.archive h1 {
    font-size: 24px;
}

.pu-unit.land img {
    height:200px!important;
    max-height:200px!important;
}

/* Long business name handling – merged to break-word */
.name-content-wrap .biz_list_name {
    font-weight: 700;
    overflow: hidden;
    word-break: break-word;
}

/* Extra helpers / components from stylesheet #1 */
.caps-small {
    font-size: 19px!important;
    font-weight: 500!important;
    text-transform:uppercase!important;
}

/* Add Business CTA */
.add-business-cta-wrapper {
    order: -1;
    background: #ebebee;
    padding: 28px 20px;
    border-radius: 34px;
    display: flex;
    flex-direction: column;
    gap: 5px;
    flex: 0 0 max-content;
    max-width: 482px;
}
.countdown {
    opacity:0;
}
.add-business-cta-wrapper h3 {
    color:#000;
    font-size: 22px;
    margin: 0 0;
}
.add-business-cta-wrapper p {
    color:#000;
    margin: 0 0 10px;
    font-weight:600;
}
.add-business-cta-wrapper .btn.alt_cta {
    padding: 11px 18px;
    max-width: max-content;
    background:#fff;
    border:1px solid #000;
    color: #000;
    border-radius:999px;
}
.add-business-cta-wrapper .btn.alt_cta:hover {
    background:#000!important;
    color: #fff;
}

/* Sidebar sponsored / sticky units */
.sidebar .pu-unit.stk:first-child,
.pu-unit.stk,
.sidebar .pu-unit.stk {
    flex-direction:row!important;
}
.pu-unit.stk img {
    width:150px!important;
    height:150px!important;
    aspect-ratio:1/1;
}
.pu-unit a.iw {
    flex:0 0 150px;
}

@media(max-width: 900px){
    /* From stylesheet #1: pagination + awards + pu-unit responsive */
    .pagination .pg_next{
        flex: 0 0 65px;
        margin-left: 0;
    }
    .pagination .pg_prev{
        flex: 0 0 65px;
        margin-right:0;
    }
    .best-business-awards h1 {
        font-size: 24px;
    }
    .best-business-awards .caps-small {
        font-size: 17px!important;
    }
    .pu-unit.stk img {
        width: 110px!important;
        height: 110px!important;
        aspect-ratio:1/1;
    }
    .pu-unit a.iw {
        flex:0 0 110px;
    }

    /* Shared / layout rules (present in both) */
    .biz_card_media {
        flex: 0 0 110px;
        width: 110px;
        height: 110px;
    }
    .name-content-wrap p {
        font-size: 14px;
        width: calc(100% + 130px);
        margin-left: -125px;
    }
    .content {
        min-width: 100%;
    }
    .name-content-wrap .top-section {
        min-height: 113px;
    }
    .biz-cta {
        width: calc(100% + 130px);
        margin-left: -125px;
    }
    .biz-cats li {
        font-size:11px;
    }
    .name-content-wrap .biz_list_name {
        font-weight: 700;
    }
    .biz_list .biz_card {
        gap: 13px;
    }
    .main-archive-wrap {
        padding-top:20px;
    }
    .biz.archive .sidebar .pu-unit.stk:first-child {
        flex-direction:row!important;
    }
}
