.vo2-ads-page .vo2-ad-category-filter {
    margin-top: 1rem;
    padding-top: 0.9rem;
    border-top: 1px solid rgba(104, 118, 142, 0.14);
}

.vo2-ads-page .vo2-ad-category-filter__heading {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    margin-bottom: 0.65rem;
    color: var(--fg-2, #3e485b);
    font-size: 0.75rem;
    font-weight: 700;
}

.vo2-ads-page .vo2-ad-category-filter__heading > span {
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
}

.vo2-ads-page .vo2-ad-category-filter__heading i {
    color: #e71068;
}

.vo2-ads-page .vo2-ad-category-filter__heading small {
    color: var(--fg-3, #7b8495);
    font-size: 0.68rem;
    font-weight: 500;
}

.vo2-ads-page .vo2-ad-category-filter__chips {
    display: flex;
    gap: 0.55rem;
    overflow-x: auto;
    padding: 0.2rem 0.1rem 0.45rem;
    scrollbar-width: none;
    -webkit-overflow-scrolling: touch;
}

.vo2-ads-page .vo2-ad-category-filter__chips::-webkit-scrollbar {
    display: none;
}

.vo2-ads-page .vo2-ad-category-chip {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.42rem;
    min-height: 40px;
    padding: 0.48rem 0.72rem;
    flex: 0 0 auto;
    color: var(--fg-2, #475166);
    border: 1px solid rgba(136, 149, 171, 0.2);
    border-radius: 12px;
    outline: 0;
    background: rgba(255, 255, 255, 0.54);
    box-shadow: 3px 3px 8px rgba(166, 178, 197, 0.18), -3px -3px 8px rgba(255, 255, 255, 0.55);
    font: inherit;
    font-size: 0.74rem;
    font-weight: 700;
    white-space: nowrap;
    cursor: pointer;
    transition: color 0.18s ease, border-color 0.18s ease, background 0.18s ease, box-shadow 0.18s ease, transform 0.18s ease;
}

.vo2-ads-page .vo2-ad-category-chip:hover,
.vo2-ads-page .vo2-ad-category-chip:focus-visible {
    color: #d30e5f;
    border-color: rgba(231, 16, 104, 0.28);
    transform: translateY(-1px);
}

.vo2-ads-page .vo2-ad-category-chip:focus-visible {
    box-shadow: 0 0 0 3px rgba(231, 16, 104, 0.12);
}

.vo2-ads-page .vo2-ad-category-chip.is-active {
    color: #fff;
    border-color: transparent;
    background: linear-gradient(135deg, #ef176f, #c90d57);
    box-shadow: 0 7px 16px rgba(210, 13, 91, 0.2);
}

.vo2-ads-page .vo2-ad-category-chip b {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 22px;
    height: 22px;
    padding-inline: 0.35rem;
    color: var(--fg-3, #758096);
    border-radius: 999px;
    background: rgba(125, 137, 159, 0.1);
    font-size: 0.65rem;
    font-weight: 800;
}

.vo2-ads-page .vo2-ad-category-chip.is-active b {
    color: #fff;
    background: rgba(255, 255, 255, 0.2);
}

.vo2-ads-page [data-ad-filter-grid] {
    position: relative;
}

.vo2-ads-page [data-ad-filter-item] {
    margin-bottom: 1rem;
}

@media (max-width: 575.98px) {
    .vo2-ads-page .vo2-ad-category-filter__heading {
        align-items: flex-start;
    }

    .vo2-ads-page .vo2-ad-category-chip {
        min-height: 38px;
        padding: 0.44rem 0.64rem;
        border-radius: 11px;
        font-size: 0.7rem;
    }
}

@media (prefers-reduced-motion: reduce) {
    .vo2-ads-page .vo2-ad-category-chip {
        transition: none;
    }
}
/* Native grid keeps two equal columns even before images load. */
.vo2-ads-page .vo2-ads-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;align-items:start}
.vo2-ads-page .vo2-ads-grid-item{min-width:0;margin:0}
.vo2-ads-page .vo2-ads-grid-item[hidden]{display:none!important}
.vo2-ads-page .vo2-ads-search-form{display:flex;flex-wrap:nowrap;gap:10px;margin:0}
.vo2-ads-page .vo2-ads-search-form>div{padding:0;margin:0}
.vo2-ads-page .vo2-ads-search-field{flex:1;min-width:0;width:auto}
.vo2-ads-page .vo2-ads-search-action{flex:0 0 auto;width:auto}
.vo2-ads-page .vo2-ads-search-form .form-label{display:none}
.vo2-ads-page .vo2-ads-search-form input,.vo2-ads-page .vo2-ads-search-form button{min-height:42px}
.vo2-ads-page .vo2-ads-grid .vo2-ad-card__price{overflow-wrap:anywhere}
@media(min-width:768px){.vo2-ads-page .vo2-ads-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}}
@media(min-width:992px){.vo2-ads-page .vo2-ads-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
/* Quiet marketplace surfaces; pink is reserved for the main action and selection. */
.vo2-ads-page .main-layout{padding-top:24px!important}
.vo2-ads-page h1.h2{font-size:22px;line-height:1.5}
.vo2-ads-page .btn{box-shadow:none!important;border-radius:10px}
.vo2-ads-page .btn-primary{background:#d71968!important;border-color:#d71968!important}
.vo2-ads-page .btn-outline-primary,.vo2-ads-page .btn-outline-secondary{color:#596576!important;background:transparent!important;border-color:#d8dee7!important}
.vo2-ads-page .vo2-ads-filter{background:#f8fafc;border:1px solid #dce2ea;box-shadow:none;padding:16px;border-radius:16px;margin-bottom:22px}
.vo2-ads-page .vo2-ads-search-form input{background:#fff!important;border:1px solid #dce2ea!important;box-shadow:none!important;border-radius:10px;font-size:12px}
.vo2-ads-page .vo2-ads-search-action button{background:#fff!important;color:#465264!important;border:1px solid #dce2ea!important;padding-inline:14px}
.vo2-ads-page .vo2-ad-category-filter{margin-top:14px;padding-top:12px}
.vo2-ads-page .vo2-ad-category-filter__heading{font-weight:500;color:#64748b}
.vo2-ads-page .vo2-ad-category-chip{background:transparent;box-shadow:none;border-color:#dce2ea;border-radius:9px;font-weight:500;gap:6px}
.vo2-ads-page .vo2-ad-category-chip.is-active{background:#fce8f0;color:#aa174e;border-color:#f1bfd3;box-shadow:none}
.vo2-ads-page .vo2-ad-category-chip b,.vo2-ads-page .vo2-ad-category-chip.is-active b{background:transparent;color:inherit;font-weight:500;min-width:0;padding:0}
.vo2-ads-page .vo2-ad-category-chip i{display:none}
.vo2-ads-page .vo2-ads-grid{align-items:stretch;gap:14px}
.vo2-ads-page .vo2-ad-card{background:#fafbfd;border:1px solid #dde3ea;box-shadow:none;padding:7px;border-radius:13px}
.vo2-ads-page .vo2-ad-card:hover{transform:none;box-shadow:0 3px 12px #26354a0a;border-color:#bac5d3}
.vo2-ads-page .vo2-ad-card__media{border-radius:8px;box-shadow:none;background:#edf1f5}
.vo2-ads-page .vo2-ad-card__badge{background:#ffffffed;color:#526071;border:1px solid #e1e6ed;box-shadow:none;font-size:10px;font-weight:500;padding:3px 6px;top:6px;inset-inline-start:6px}
.vo2-ads-page .vo2-ad-card__city{background:#ffffffed;color:#526071;border-radius:5px;font-size:10px;padding:3px 6px;bottom:6px;inset-inline-end:6px}
.vo2-ads-page .vo2-ad-card__body{padding:10px 3px 4px;gap:8px}
.vo2-ads-page .vo2-ad-card__title{font-size:12px;line-height:1.7;min-height:3.4em;font-weight:600}
.vo2-ads-page .vo2-ad-card__price{color:#253246;font-size:12px;line-height:1.7;font-weight:700}
.vo2-ads-page .vo2-ad-card__meta{font-size:10px;color:#778292;line-height:1.6;gap:4px}
.vo2-ads-page .vo2-ad-card__seller{padding-top:8px;margin-top:auto;border-color:#e7ebf0}
.vo2-ads-page .vo2-ad-card__seller-name{font-size:10px;color:#778292}
.vo2-ads-page .vo2-ad-card__avatar{width:20px;height:20px}
