/* _content/Dalbazar.Web/Pages/AdDetails.razor.rz.scp.css */
.ad-details-page[b-4v9vmgm1st] {
    max-width: 1240px;
    margin: 0 auto;
}

.ad-meta-line[b-4v9vmgm1st] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.6rem;
    margin-top: 0.2rem;
}

.ad-date-line[b-4v9vmgm1st] {
    color: #758299;
    font-size: 0.88rem;
}

.ad-number[b-4v9vmgm1st] {
    color: #6a768a;
    font-size: 0.84rem;
}

.ad-title[b-4v9vmgm1st] {
    margin: 0.25rem 0 0.72rem;
    color: #1f2835;
    font-size: 2.1rem;
    line-height: 1.14;
    font-weight: 700;
}

.ad-main-grid[b-4v9vmgm1st] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 325px;
    gap: 0.95rem;
    align-items: start;
}

.ad-side-info[b-4v9vmgm1st] {
    display: flex;
    flex-direction: column;
    gap: 0.62rem;
    position: sticky;
    top: 98px;
}

.price-wrap[b-4v9vmgm1st] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.45rem;
    border: 1px solid #d6dde8;
    border-radius: 6px;
    background: #fff;
    padding: 0.55rem 0.62rem;
}

.price[b-4v9vmgm1st] {
    font-size: 2.05rem;
    line-height: 1;
    font-weight: 700;
    color: #1f2835;
}

.vip-mark[b-4v9vmgm1st] {
    border: 1px solid #f1b44b;
    border-radius: 999px;
    background: #fff3df;
    color: #9f5e0a;
    padding: 0.13rem 0.45rem;
    font-size: 0.72rem;
    font-weight: 700;
}

.seller-box[b-4v9vmgm1st] {
    border: 1px solid #d6dde8;
    border-radius: 6px;
    background: #fff;
    padding: 0.62rem;
    color: #4c596f;
    display: flex;
    flex-direction: column;
    gap: 0.16rem;
}

.seller-box a[b-4v9vmgm1st] {
    color: #1f63c2;
    text-decoration: none;
    font-weight: 700;
}

.seller-box a:hover[b-4v9vmgm1st] {
    text-decoration: underline;
}

.contact-actions[b-4v9vmgm1st] {
    display: flex;
    flex-direction: column;
    gap: 0.46rem;
}

.contact-box[b-4v9vmgm1st] {
    border: 1px solid #d8e0eb;
    border-radius: 6px;
    background: #f8fbff;
    padding: 0.6rem;
    display: flex;
    flex-direction: column;
    gap: 0.17rem;
}

.main-image-wrap[b-4v9vmgm1st] {
    width: 100%;
    cursor: zoom-in;
}

.main-image[b-4v9vmgm1st] {
    width: 100%;
    max-height: 620px;
    object-fit: contain;
    border: 1px solid #d6dde8;
    border-radius: 6px;
    background: #fff;
}

.placeholder[b-4v9vmgm1st] {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 280px;
    color: #7e8aa0;
}

.thumbs-row[b-4v9vmgm1st] {
    margin-top: 0.55rem;
    display: flex;
    gap: 0.38rem;
    overflow-x: auto;
    padding-bottom: 0.1rem;
}

.thumb-btn[b-4v9vmgm1st] {
    border: 1px solid #d6dde8;
    background: #fff;
    border-radius: 5px;
    padding: 0.18rem;
    min-width: 88px;
}

.thumb-btn.active[b-4v9vmgm1st] {
    border-color: #2f74d6;
    box-shadow: 0 0 0 2px rgba(47, 116, 214, 0.14);
}

.thumb-image[b-4v9vmgm1st] {
    width: 84px;
    height: 62px;
    object-fit: cover;
    border-radius: 4px;
}

.spec-grid[b-4v9vmgm1st] {
    display: grid;
    grid-template-columns: 220px minmax(0, 1fr);
    gap: 0.3rem 0.75rem;
}

.spec-name[b-4v9vmgm1st] {
    color: #748197;
}

.spec-value[b-4v9vmgm1st] {
    color: #1f2835;
    font-weight: 700;
}

.ad-description-text[b-4v9vmgm1st] {
    white-space: pre-line;
    color: #3f4b60;
}

.actions-row[b-4v9vmgm1st] {
    display: flex;
    gap: 0.48rem;
    flex-wrap: wrap;
}

.mini-cards[b-4v9vmgm1st] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0.58rem;
}

.mini-card[b-4v9vmgm1st] {
    border: 1px solid #d6dde8;
    border-radius: 6px;
    padding: 0.4rem;
    text-decoration: none;
    color: inherit;
    display: flex;
    flex-direction: column;
    gap: 0.3rem;
    background: #fff;
}

.mini-card img[b-4v9vmgm1st] {
    width: 100%;
    height: 110px;
    object-fit: cover;
    border-radius: 4px;
}

.mini-card span[b-4v9vmgm1st] {
    color: #1f63c2;
    font-size: 0.88rem;
    line-height: 1.25;
}

.mini-card strong[b-4v9vmgm1st] {
    color: #1f2835;
    font-weight: 700;
}

.lightbox-overlay[b-4v9vmgm1st] {
    position: fixed;
    inset: 0;
    background: rgba(8, 12, 20, 0.9);
    display: grid;
    grid-template-columns: 56px minmax(0, 1fr) 56px;
    align-items: center;
    z-index: 1200;
}

.lightbox-image[b-4v9vmgm1st] {
    max-width: calc(100vw - 160px);
    max-height: calc(100vh - 80px);
    margin: 0 auto;
    object-fit: contain;
}

.lightbox-close[b-4v9vmgm1st] {
    position: absolute;
    right: 0.95rem;
    top: 0.5rem;
    border: none;
    background: transparent;
    color: #fff;
    font-size: 2rem;
    line-height: 1;
}

.lightbox-nav[b-4v9vmgm1st] {
    border: none;
    background: transparent;
    color: #fff;
    font-size: 2.7rem;
    line-height: 1;
}

@media (max-width: 1180px) {
    .ad-main-grid[b-4v9vmgm1st] {
        grid-template-columns: 1fr;
    }

    .ad-side-info[b-4v9vmgm1st] {
        position: static;
    }

    .mini-cards[b-4v9vmgm1st] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 760px) {
    .ad-title[b-4v9vmgm1st] {
        font-size: 1.55rem;
    }

    .price[b-4v9vmgm1st] {
        font-size: 1.75rem;
    }

    .main-image[b-4v9vmgm1st] {
        max-height: 360px;
    }

    .spec-grid[b-4v9vmgm1st] {
        grid-template-columns: 1fr;
    }

    .mini-cards[b-4v9vmgm1st] {
        grid-template-columns: 1fr;
    }

    .lightbox-overlay[b-4v9vmgm1st] {
        grid-template-columns: 42px minmax(0, 1fr) 42px;
    }

    .lightbox-image[b-4v9vmgm1st] {
        max-width: calc(100vw - 90px);
    }
}
/* _content/Dalbazar.Web/Pages/Catalog.razor.rz.scp.css */
.catalog-page[b-cqump8aou6] {
    max-width: 1240px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    gap: 0.65rem;
}

.fp-breadcrumb[b-cqump8aou6] {
    padding: 0.1rem 0;
}

.fp-header[b-cqump8aou6] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
}

.fp-sections .card-body[b-cqump8aou6] {
    padding: 0.45rem 0.6rem;
}

.fp-sections-list[b-cqump8aou6] {
    display: flex;
    gap: 0.35rem;
    flex-wrap: wrap;
}

.fp-section-link[b-cqump8aou6] {
    display: inline-flex;
    align-items: center;
    border: 1px solid #d7deea;
    border-radius: 4px;
    padding: 0.24rem 0.52rem;
    color: #1f63c2;
    text-decoration: none;
    font-size: 0.86rem;
}

.fp-section-link:hover[b-cqump8aou6] {
    border-color: #c4cfdf;
    background: #f7faff;
    text-decoration: none;
}

.fp-pretitle[b-cqump8aou6] {
    color: #707d91;
    font-size: 0.82rem;
    line-height: 1.2;
}

.fp-title[b-cqump8aou6] {
    margin: 0.1rem 0 0;
    font-size: 2rem;
    line-height: 1.1;
    font-weight: 700;
    color: #1f2835;
}

.fp-add-link[b-cqump8aou6] {
    align-self: center;
    text-decoration: none;
    color: #fff;
    border: 1px solid #f07a1a;
    background: #f07a1a;
    border-radius: 4px;
    padding: 0.42rem 0.75rem;
    font-weight: 700;
    white-space: nowrap;
}

.fp-add-link:hover[b-cqump8aou6] {
    color: #fff;
    background: #d9660b;
    border-color: #d9660b;
    text-decoration: none;
}

.fp-search-panel.card[b-cqump8aou6],
.fp-list-card.card[b-cqump8aou6],
.fp-sidebar.card[b-cqump8aou6],
.catalog-page .card[b-cqump8aou6] {
    border: 1px solid #d6dde8;
    border-radius: 6px;
    background: #fff;
}

.fp-search-panel .card-body[b-cqump8aou6] {
    padding: 0.7rem;
}

.fp-filter-layout[b-cqump8aou6] {
    display: flex;
    flex-direction: column;
    gap: 0.55rem;
}

.fp-filter-tabs[b-cqump8aou6] {
    display: flex;
    align-items: flex-end;
    gap: 0.3rem;
    border-bottom: 1px solid #dce3ef;
    padding-bottom: 0.2rem;
    overflow-x: auto;
}

.fp-filter-tab[b-cqump8aou6] {
    border: 1px solid transparent;
    border-radius: 4px 4px 0 0;
    background: transparent;
    color: #4f5d73;
    padding: 0.3rem 0.56rem;
    font-size: 0.86rem;
    line-height: 1.2;
    font-weight: 600;
    white-space: nowrap;
}

.fp-filter-tab:hover[b-cqump8aou6] {
    color: #1f63c2;
    background: #f6f9ff;
}

.fp-filter-tab.active[b-cqump8aou6] {
    border-color: #d6dde8 #d6dde8 #fff;
    color: #1f63c2;
    background: #fff;
}

.fp-filter-pane[b-cqump8aou6] {
    border: 1px solid #d6dde8;
    border-radius: 0 6px 6px 6px;
    background: #fcfdff;
    padding: 0.55rem;
}

.fp-filter-pane[hidden][b-cqump8aou6] {
    display: none !important;
}

.filters-main-row[b-cqump8aou6] {
    display: grid;
    grid-template-columns: minmax(300px, 1fr) minmax(220px, 240px) 104px;
    gap: 0.45rem;
    align-items: center;
}

.search-actions-row[b-cqump8aou6] {
    margin-top: 0.5rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.45rem;
    flex-wrap: wrap;
}

.page-size-select[b-cqump8aou6] {
    width: 90px;
}

.fp-extra-grid[b-cqump8aou6] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.45rem;
    align-items: center;
}

.fp-extra-grid .form-check[b-cqump8aou6] {
    margin: 0;
    min-height: 34px;
    display: inline-flex;
    align-items: center;
}

.preset-row[b-cqump8aou6] {
    margin-top: 0.52rem;
    display: grid;
    grid-template-columns: minmax(180px, 1fr) minmax(180px, 1fr) auto auto auto;
    gap: 0.35rem;
    align-items: center;
}

.preset-select[b-cqump8aou6] {
    min-width: 170px;
}

.search-input-wrap[b-cqump8aou6] {
    position: relative;
}

.autocomplete-list[b-cqump8aou6] {
    position: absolute;
    left: 0;
    right: 0;
    top: calc(100% + 2px);
    z-index: 40;
    border: 1px solid #ccd5e4;
    border-radius: 4px;
    background: #fff;
    box-shadow: 0 8px 18px rgba(18, 40, 72, 0.12);
}

.autocomplete-item[b-cqump8aou6] {
    width: 100%;
    text-align: left;
    border: none;
    border-bottom: 1px solid #edf1f7;
    background: #fff;
    padding: 0.42rem 0.56rem;
}

.autocomplete-item:last-child[b-cqump8aou6] {
    border-bottom: none;
}

.autocomplete-item:hover[b-cqump8aou6] {
    background: #f4f8fd;
}

.fp-toggles[b-cqump8aou6] {
    margin-top: 0.55rem;
    display: flex;
    align-items: center;
    gap: 0.9rem;
    flex-wrap: wrap;
}

.fp-seller-type[b-cqump8aou6] {
    display: inline-flex;
    gap: 0.42rem;
    align-items: center;
    font-size: 0.88rem;
    color: #556378;
}

.fp-seller-type .form-select[b-cqump8aou6] {
    min-width: 168px;
}

.seller-toggle-group[b-cqump8aou6] {
    margin-top: 0.52rem;
    display: inline-flex;
    align-items: center;
    gap: 0.3rem;
    flex-wrap: wrap;
    font-size: 0.88rem;
    color: #556378;
}

.price-range-row[b-cqump8aou6] {
    display: flex;
    align-items: center;
    gap: 0.38rem;
    flex-wrap: wrap;
}

.price-range-input[b-cqump8aou6] {
    width: 150px;
}

.price-range-separator[b-cqump8aou6],
.price-range-unit[b-cqump8aou6] {
    color: #66748a;
    font-size: 0.84rem;
}

.quick-price-row[b-cqump8aou6] {
    margin-top: 0.5rem;
    display: flex;
    gap: 0.35rem;
    flex-wrap: wrap;
    align-items: center;
}

.quick-price-title[b-cqump8aou6] {
    font-size: 0.84rem;
    color: #657286;
}

.view-mode-switch[b-cqump8aou6] {
    display: inline-flex;
    gap: 0.25rem;
}

.result-facets-row[b-cqump8aou6] {
    display: flex;
    gap: 0.35rem;
    flex-wrap: wrap;
    margin-bottom: 0.5rem;
}

.facet-pill[b-cqump8aou6] {
    border: 1px solid #d6dde8;
    background: #f8fbff;
    color: #5f6d82;
    border-radius: 999px;
    padding: 0.14rem 0.5rem;
    font-size: 0.78rem;
}

.common-fields-title[b-cqump8aou6] {
    font-size: 0.84rem;
    color: #516075;
    margin-bottom: 0.25rem;
}

.common-fields-list[b-cqump8aou6] {
    display: flex;
    gap: 0.4rem;
    flex-wrap: wrap;
}

.common-field-item[b-cqump8aou6] {
    min-width: 180px;
    flex: 1 1 200px;
}

.fp-catalog-shell[b-cqump8aou6] {
    display: grid;
    grid-template-columns: 1fr;
    gap: 0.65rem;
}

.fp-catalog-shell.with-sidebar[b-cqump8aou6] {
    grid-template-columns: 270px minmax(0, 1fr);
}

.fp-sidebar .card-header[b-cqump8aou6] {
    font-size: 0.93rem;
}

.fp-side-list[b-cqump8aou6] {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

.fp-side-list li[b-cqump8aou6] {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 0.5rem;
}

.fp-side-list a[b-cqump8aou6] {
    color: #1f63c2;
    text-decoration: none;
}

.fp-side-list a:hover[b-cqump8aou6] {
    text-decoration: underline;
}

.fp-side-list span[b-cqump8aou6] {
    font-size: 0.8rem;
    color: #79859a;
}

.sidebar-breadcrumbs[b-cqump8aou6] {
    border-bottom: 1px solid #edf1f7;
    padding-bottom: 0.35rem;
}

.sidebar-breadcrumbs a[b-cqump8aou6] {
    color: #1f63c2;
    text-decoration: none;
    font-size: 0.86rem;
}

.sidebar-breadcrumbs a:hover[b-cqump8aou6] {
    text-decoration: underline;
}

.categories-grid[b-cqump8aou6] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.45rem 0.7rem;
}

.category-list-item[b-cqump8aou6] {
    border-bottom: 1px solid #eef2f8;
    padding-bottom: 0.42rem;
}

.category-main-row[b-cqump8aou6] {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 0.55rem;
}

.category-main-link[b-cqump8aou6] {
    text-decoration: none;
    font-weight: 700;
    color: #1f63c2;
    font-size: 0.9rem;
    line-height: 1.25;
}

.category-main-link:hover[b-cqump8aou6],
.category-children-list a:hover[b-cqump8aou6] {
    text-decoration: underline;
}

.category-main-count[b-cqump8aou6] {
    color: #758196;
    font-size: 0.78rem;
    white-space: nowrap;
}

.category-children-list[b-cqump8aou6] {
    margin-top: 0.24rem;
    display: flex;
    flex-direction: column;
    gap: 0.12rem;
}

.category-child-row[b-cqump8aou6] {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 0.5rem;
}

.category-children-list a[b-cqump8aou6] {
    text-decoration: none;
    color: #1f63c2;
    font-size: 0.82rem;
    line-height: 1.25;
}

.category-child-row span[b-cqump8aou6] {
    color: #8390a5;
    font-size: 0.74rem;
    white-space: nowrap;
}

.ads-list[b-cqump8aou6] {
    display: flex;
    flex-direction: column;
    gap: 0.1rem;
}

.ad-row[b-cqump8aou6] {
    display: grid;
    grid-template-columns: 160px minmax(0, 1fr) 148px;
    gap: 0.7rem;
    border-bottom: 1px solid #ecf0f6;
    padding: 0.55rem 0;
}

.ad-row:last-child[b-cqump8aou6] {
    border-bottom: none;
}

.ad-row.vip[b-cqump8aou6] {
    background: linear-gradient(90deg, rgba(255, 242, 221, 0.75) 0%, rgba(255, 255, 255, 0) 100%);
    border-radius: 6px;
    padding: 0.55rem;
    border: 1px solid #ffe0ac;
}

.ad-image-wrap[b-cqump8aou6] {
    width: 160px;
}

.ad-image[b-cqump8aou6] {
    width: 160px;
    height: 118px;
    border-radius: 4px;
    border: 1px solid #d9e0eb;
    object-fit: cover;
    display: block;
}

.ad-image-placeholder[b-cqump8aou6] {
    align-items: center;
    display: flex;
    justify-content: center;
    color: #7f8ba1;
    background: #f3f7fc;
}

.ad-title[b-cqump8aou6] {
    margin: 0;
    display: flex;
    align-items: center;
    gap: 0.38rem;
    flex-wrap: wrap;
}

.ad-title a[b-cqump8aou6] {
    color: #1f63c2;
    text-decoration: none;
    font-weight: 700;
    font-size: 1.06rem;
    line-height: 1.22;
}

.ad-title a:hover[b-cqump8aou6] {
    text-decoration: underline;
}

.ad-badge-vip[b-cqump8aou6] {
    border: 1px solid #f1b44b;
    color: #9d5a07;
    background: #fff2dd;
    border-radius: 999px;
    font-size: 0.7rem;
    font-weight: 700;
    padding: 0.07rem 0.42rem;
}

.ad-description[b-cqump8aou6] {
    margin: 0.26rem 0 0.35rem;
    color: #4b586f;
    font-size: 0.86rem;
    line-height: 1.35;
}

.ad-meta[b-cqump8aou6] {
    color: #758196;
    font-size: 0.82rem;
}

.ad-side[b-cqump8aou6] {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 0.36rem;
}

.ad-price[b-cqump8aou6] {
    font-size: 1.5rem;
    line-height: 1;
    font-weight: 700;
    color: #1f2835;
    margin-top: 0.1rem;
}

.ad-side .btn[b-cqump8aou6] {
    padding: 0.26rem 0.5rem;
    font-size: 0.82rem;
}

.ads-grid[b-cqump8aou6] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0.55rem;
}

.ad-grid-card[b-cqump8aou6] {
    border: 1px solid #d6dde8;
    border-radius: 6px;
    background: #fff;
    overflow: hidden;
    display: flex;
    flex-direction: column;
}

.ad-grid-card.vip[b-cqump8aou6] {
    border-color: #f0c16d;
    box-shadow: 0 0 0 1px rgba(240, 193, 109, 0.2);
}

.ad-grid-image-wrap[b-cqump8aou6] {
    display: block;
    text-decoration: none;
}

.ad-grid-image[b-cqump8aou6] {
    width: 100%;
    height: 150px;
    object-fit: cover;
    display: block;
    border-bottom: 1px solid #e4eaf3;
}

.ad-grid-body[b-cqump8aou6] {
    padding: 0.45rem;
    display: flex;
    flex-direction: column;
    gap: 0.3rem;
}

.ad-grid-title[b-cqump8aou6] {
    color: #1f63c2;
    text-decoration: none;
    font-size: 0.9rem;
    line-height: 1.3;
    min-height: 2.3em;
}

.ad-grid-title:hover[b-cqump8aou6] {
    text-decoration: underline;
}

.ad-grid-price[b-cqump8aou6] {
    color: #1f2835;
    font-size: 1.15rem;
    font-weight: 700;
}

.ad-grid-meta[b-cqump8aou6] {
    display: flex;
    flex-direction: column;
    gap: 0.08rem;
    color: #74839a;
    font-size: 0.78rem;
}

.catalog-map-wrap[b-cqump8aou6] {
    border: 1px solid #d6dde8;
    border-radius: 6px;
    background: #fff;
    overflow: hidden;
}

.catalog-map-head[b-cqump8aou6] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.5rem;
    border-bottom: 1px solid #e4eaf3;
    padding: 0.45rem 0.55rem;
    font-size: 0.88rem;
    color: #435068;
}

.catalog-map-host[b-cqump8aou6] {
    height: 480px;
    width: 100%;
    background: #f3f6fb;
}

.catalog-map-empty[b-cqump8aou6] {
    border-top: 1px solid #e4eaf3;
    padding: 0.45rem 0.55rem;
    color: #6f7d92;
    font-size: 0.86rem;
}

.pager[b-cqump8aou6] {
    display: flex;
    gap: 0.35rem;
    align-items: center;
    flex-wrap: wrap;
}

@media (max-width: 1200px) {
    .filters-main-row[b-cqump8aou6] {
        grid-template-columns: minmax(0, 1fr) minmax(180px, 220px) 104px;
    }

    .fp-extra-grid[b-cqump8aou6] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .fp-catalog-shell.with-sidebar[b-cqump8aou6] {
        grid-template-columns: 238px minmax(0, 1fr);
    }

    .categories-grid[b-cqump8aou6] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .ads-grid[b-cqump8aou6] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .catalog-map-host[b-cqump8aou6] {
        height: 420px;
    }
}

@media (max-width: 920px) {
    .fp-header[b-cqump8aou6] {
        flex-direction: column;
        align-items: flex-start;
    }

    .fp-title[b-cqump8aou6] {
        font-size: 1.65rem;
    }

    .filters-main-row[b-cqump8aou6] {
        grid-template-columns: 1fr;
    }

    .search-actions-row[b-cqump8aou6] {
        align-items: stretch;
    }

    .fp-extra-grid[b-cqump8aou6] {
        grid-template-columns: 1fr;
    }

    .preset-row[b-cqump8aou6] {
        grid-template-columns: 1fr;
    }

    .price-range-row[b-cqump8aou6] {
        align-items: stretch;
    }

    .price-range-input[b-cqump8aou6] {
        width: 100%;
    }

    .fp-catalog-shell.with-sidebar[b-cqump8aou6] {
        grid-template-columns: 1fr;
    }

    .ad-row[b-cqump8aou6] {
        grid-template-columns: 1fr;
    }

    .ad-image-wrap[b-cqump8aou6],
    .ad-image[b-cqump8aou6] {
        width: 100%;
        height: 210px;
    }

    .ad-side[b-cqump8aou6] {
        align-items: flex-start;
    }

    .categories-grid[b-cqump8aou6] {
        grid-template-columns: 1fr;
    }

    .ads-grid[b-cqump8aou6] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .catalog-map-host[b-cqump8aou6] {
        height: 360px;
    }
}

@media (max-width: 620px) {
    .ads-grid[b-cqump8aou6] {
        grid-template-columns: 1fr;
    }

    .catalog-map-head[b-cqump8aou6] {
        flex-direction: column;
        align-items: flex-start;
    }

    .catalog-map-host[b-cqump8aou6] {
        height: 320px;
    }
}
/* _content/Dalbazar.Web/Pages/Favorites.razor.rz.scp.css */
.favorites-list[b-yal5uvmiye] {
    display: flex;
    flex-direction: column;
    gap: 0.45rem;
}

.favorite-item[b-yal5uvmiye] {
    border: 1px solid #d6dde8;
    border-radius: 6px;
    padding: 0.56rem 0.62rem;
    display: flex;
    justify-content: space-between;
    gap: 0.7rem;
    align-items: center;
    background: #fff;
}

.favorite-title[b-yal5uvmiye] {
    font-weight: 700;
}

.favorite-title a[b-yal5uvmiye] {
    color: #1f63c2;
    text-decoration: none;
}

.favorite-title a:hover[b-yal5uvmiye] {
    text-decoration: underline;
}

.favorite-meta[b-yal5uvmiye] {
    color: #667388;
    font-size: 0.85rem;
}

.favorite-actions[b-yal5uvmiye] {
    display: flex;
    gap: 0.55rem;
    align-items: center;
    flex-wrap: wrap;
}

.favorite-price[b-yal5uvmiye] {
    font-weight: 700;
    color: #1f2835;
    white-space: nowrap;
}

@media (max-width: 760px) {
    .favorite-item[b-yal5uvmiye] {
        flex-direction: column;
        align-items: flex-start;
    }
}
/* _content/Dalbazar.Web/Pages/Login.razor.rz.scp.css */
.auth-page[b-qv3ydsdil7] {
    max-width: 760px;
    margin: 0 auto;
}

.providers-row[b-qv3ydsdil7] {
    display: flex;
    gap: 0.42rem;
    flex-wrap: wrap;
}
/* _content/Dalbazar.Web/Pages/MyAdEdit.razor.rz.scp.css */
.form-grid[b-jrcgpqgy2s] {
    display: grid;
    grid-template-columns: 1fr 220px;
    gap: 0.6rem;
}

.form-hint[b-jrcgpqgy2s] {
    font-size: 0.82rem;
    color: #68768b;
}

.custom-fields-grid[b-jrcgpqgy2s] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
    gap: 0.6rem;
}

.images-grid[b-jrcgpqgy2s] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
    gap: 0.55rem;
}

.image-item[b-jrcgpqgy2s] {
    border: 1px solid #d6dde8;
    border-radius: 6px;
    padding: 0.4rem;
    background: #fff;
    display: flex;
    flex-direction: column;
    gap: 0.4rem;
}

.image-item img[b-jrcgpqgy2s] {
    width: 100%;
    height: 120px;
    object-fit: cover;
    border-radius: 5px;
    border: 1px solid #dbe2ed;
}

@media (max-width: 760px) {
    .form-grid[b-jrcgpqgy2s] {
        grid-template-columns: 1fr;
    }
}
/* _content/Dalbazar.Web/Pages/MyAds.razor.rz.scp.css */
.filters-row[b-ifm9wqq3y2] {
    display: grid;
    grid-template-columns: 1fr 220px auto;
    gap: 0.55rem;
}

.my-ads-list[b-ifm9wqq3y2] {
    display: flex;
    flex-direction: column;
    gap: 0.55rem;
}

.my-ad-item[b-ifm9wqq3y2] {
    border: 1px solid #d6dde8;
    border-radius: 6px;
    background: #fff;
    padding: 0.68rem;
    display: flex;
    justify-content: space-between;
    gap: 0.8rem;
    align-items: center;
}

.my-ad-title a[b-ifm9wqq3y2] {
    color: #1f63c2;
    font-weight: 700;
    text-decoration: none;
}

.my-ad-title a:hover[b-ifm9wqq3y2] {
    text-decoration: underline;
}

.my-ad-meta[b-ifm9wqq3y2] {
    margin-top: 0.22rem;
    display: flex;
    flex-wrap: wrap;
    gap: 0.4rem;
    color: #5d697e;
    font-size: 0.88rem;
    align-items: center;
}

.my-ad-actions[b-ifm9wqq3y2] {
    display: flex;
    gap: 0.42rem;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end;
}

.promo-select[b-ifm9wqq3y2] {
    min-width: 148px;
}

.pager[b-ifm9wqq3y2] {
    display: flex;
    gap: 0.55rem;
    align-items: center;
    flex-wrap: wrap;
}

@media (max-width: 860px) {
    .filters-row[b-ifm9wqq3y2] {
        grid-template-columns: 1fr;
    }

    .my-ad-item[b-ifm9wqq3y2] {
        flex-direction: column;
        align-items: flex-start;
    }
}
/* _content/Dalbazar.Web/Pages/Profile.razor.rz.scp.css */
.profile-meta[b-lfhlb3e1ft] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.38rem;
}
/* _content/Dalbazar.Web/Pages/Register.razor.rz.scp.css */
.register-page[b-g6ulcn1oj6] {
    max-width: 620px;
    margin: 0 auto;
}
/* _content/Dalbazar.Web/Pages/Support.razor.rz.scp.css */
.support-grid[b-pa3l6tks2z] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0.75rem;
}

.thread-list[b-pa3l6tks2z] {
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
}

.thread-item[b-pa3l6tks2z] {
    width: 100%;
    text-align: left;
    border: 1px solid #d6dde8;
    border-radius: 6px;
    background: #fff;
    padding: 0.5rem;
}

.thread-item.active[b-pa3l6tks2z] {
    border-color: #8eb0df;
    background: #f3f8ff;
}

.thread-subject[b-pa3l6tks2z] {
    font-weight: 700;
    color: #1f2835;
}

.thread-meta[b-pa3l6tks2z] {
    font-size: 0.82rem;
    color: #657286;
}

.thread-header[b-pa3l6tks2z] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 0.7rem;
}

.messages[b-pa3l6tks2z] {
    margin-top: 0.72rem;
    display: flex;
    flex-direction: column;
    gap: 0.4rem;
    max-height: 380px;
    overflow: auto;
}

.message-item[b-pa3l6tks2z] {
    border: 1px solid #dce2ed;
    border-radius: 6px;
    padding: 0.45rem 0.58rem;
    background: #fbfdff;
}

.message-top[b-pa3l6tks2z] {
    font-size: 0.78rem;
    color: #67758a;
    margin-bottom: 0.2rem;
}

@media (max-width: 980px) {
    .support-grid[b-pa3l6tks2z] {
        grid-template-columns: 1fr;
    }
}
/* _content/Dalbazar.Web/Pages/VerifyEmail.razor.rz.scp.css */
.verify-card[b-nnogt1y6id] {
    max-width: 640px;
    margin: 0 auto;
}
/* _content/Dalbazar.Web/Pages/Wallet.razor.rz.scp.css */
.wallet-grid[b-h1777ttlrr] {
    display: grid;
    grid-template-columns: 1.1fr 1fr;
    gap: 0.75rem;
}

.balance-box[b-h1777ttlrr] {
    border: 1px solid #d6dde8;
    border-radius: 6px;
    background: #fff;
    padding: 0.68rem;
}

.balance-label[b-h1777ttlrr] {
    color: #627085;
    font-size: 0.88rem;
}

.balance-value[b-h1777ttlrr] {
    font-size: 1.7rem;
    font-weight: 700;
    color: #1f2835;
}

.wallet-info[b-h1777ttlrr] {
    border: 1px solid #eed8a9;
    border-radius: 6px;
    background: #fff8e9;
    color: #6f5426;
    padding: 0.58rem 0.72rem;
}

.wallet-actions[b-h1777ttlrr] {
    display: flex;
    gap: 0.5rem;
    flex-wrap: wrap;
}

.wallet-request-card[b-h1777ttlrr] {
    border: 1px solid #d6dde8;
    border-radius: 6px;
    background: #fff;
    padding: 0.68rem;
}

.wallet-request-grid[b-h1777ttlrr] {
    display: grid;
    gap: 0.46rem;
}

.wallet-request-actions[b-h1777ttlrr] {
    display: flex;
    gap: 0.45rem;
    flex-wrap: wrap;
}

.tx-list[b-h1777ttlrr] {
    display: flex;
    flex-direction: column;
    gap: 0.44rem;
}

.tx-item[b-h1777ttlrr] {
    border: 1px solid #d6dde8;
    border-radius: 6px;
    background: #fff;
    padding: 0.55rem;
    display: flex;
    justify-content: space-between;
    gap: 0.65rem;
    align-items: center;
}

.tx-main[b-h1777ttlrr] {
    font-weight: 700;
    color: #273446;
}

.tx-meta[b-h1777ttlrr] {
    color: #617085;
    font-size: 0.88rem;
}

.tx-amount[b-h1777ttlrr] {
    font-weight: 700;
    white-space: nowrap;
}

.tx-amount.plus[b-h1777ttlrr] {
    color: #206533;
}

.tx-amount.minus[b-h1777ttlrr] {
    color: #af3b37;
}

.pager[b-h1777ttlrr] {
    display: flex;
    gap: 0.5rem;
    align-items: center;
    flex-wrap: wrap;
}

@media (max-width: 992px) {
    .wallet-grid[b-h1777ttlrr] {
        grid-template-columns: 1fr;
    }
}
/* _content/Dalbazar.Web/Shared/BannerStrip.razor.rz.scp.css */
.banner-top[b-imzsbzopo6] {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0.2rem 0.9rem 0.5rem;
}

.banner-top.loading[b-imzsbzopo6] {
    color: #576075;
    font-size: 0.9rem;
}

.banner-top-item[b-imzsbzopo6] {
    border: 1px solid #dce1e8;
    border-radius: 8px;
    overflow: hidden;
    background: #fff;
}

.banner-top-item img[b-imzsbzopo6] {
    width: 100%;
    max-height: 180px;
    min-height: 96px;
    object-fit: contain;
    display: block;
    background: #fff;
}

.banner-title[b-imzsbzopo6] {
    border-top: 1px solid #e8edf4;
    padding: 0.4rem 0.55rem;
    color: #4f5663;
    font-size: 0.85rem;
    background: #fff;
}

.banner-dots[b-imzsbzopo6] {
    display: flex;
    justify-content: center;
    gap: 0.45rem;
    margin-top: 0.5rem;
}

.banner-dot[b-imzsbzopo6] {
    width: 9px;
    height: 9px;
    border: none;
    border-radius: 50%;
    background: #b9c3d3;
    padding: 0;
}

.banner-dot.active[b-imzsbzopo6] {
    background: #2f66cc;
}

@media (max-width: 760px) {
    .banner-top[b-imzsbzopo6] {
        padding: 0.2rem 0.7rem 0.45rem;
    }

    .banner-top-item img[b-imzsbzopo6] {
        max-height: 126px;
    }
}
/* _content/Dalbazar.Web/Shared/CitySelector.razor.rz.scp.css */
.city-current[b-opod6ii12d] {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    border: 1px solid #d6deea;
    background: #f5f8fd;
    color: #2a3b56;
    border-radius: 999px;
    padding: 0.24rem 0.58rem;
    font-size: 0.86rem;
    line-height: 1;
    white-space: nowrap;
}

.city-current:hover[b-opod6ii12d] {
    background: #ecf3fc;
}

.city-current-icon[b-opod6ii12d] {
    color: #d46813;
    font-size: 0.88rem;
}

.city-current-label[b-opod6ii12d] {
    max-width: 160px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.city-current-chevron[b-opod6ii12d] {
    font-size: 0.72rem;
    color: #6a768c;
}

.city-overlay[b-opod6ii12d] {
    position: fixed;
    inset: 0;
    background: rgba(11, 20, 34, 0.4);
    z-index: 5000;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1rem;
}

.city-modal[b-opod6ii12d] {
    position: relative;
    z-index: 5001;
    width: min(94vw, 560px);
    max-height: calc(100vh - 2rem);
    background: #fff;
    border-radius: 12px;
    border: 1px solid #d7dfeb;
    box-shadow: 0 24px 80px rgba(12, 28, 51, 0.2);
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

.city-modal-picker[b-opod6ii12d] {
    width: min(94vw, 740px);
}

.city-modal-header[b-opod6ii12d] {
    padding: 0.72rem 0.9rem;
    border-bottom: 1px solid #e7ecf4;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.5rem;
}

.city-modal-header h2[b-opod6ii12d] {
    margin: 0;
    font-size: 1rem;
    color: #283a55;
}

.city-close[b-opod6ii12d] {
    border: none;
    background: transparent;
    color: #60708a;
    padding: 0.2rem;
}

.city-modal-body[b-opod6ii12d] {
    padding: 0.8rem 0.9rem;
    overflow-y: auto;
}

.city-modal-body p[b-opod6ii12d] {
    margin: 0;
    color: #4a556a;
    font-size: 0.93rem;
}

.city-modal-actions[b-opod6ii12d] {
    padding: 0.7rem 0.9rem 0.9rem;
    border-top: 1px solid #e7ecf4;
    display: flex;
    gap: 0.5rem;
    justify-content: flex-end;
}

.city-search[b-opod6ii12d] {
    margin-bottom: 0.7rem;
}

.city-groups[b-opod6ii12d] {
    display: grid;
    gap: 0.8rem;
}

.city-region-block h3[b-opod6ii12d] {
    margin: 0 0 0.42rem;
    font-size: 0.85rem;
    color: #67758b;
    font-weight: 700;
}

.city-region-cities[b-opod6ii12d] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.38rem;
}

.city-chip[b-opod6ii12d] {
    border: 1px solid #d5ddea;
    background: #fff;
    color: #273a57;
    border-radius: 999px;
    padding: 0.24rem 0.58rem;
    font-size: 0.82rem;
    line-height: 1.2;
}

.city-chip:hover[b-opod6ii12d] {
    border-color: #b9c8de;
    background: #f5f8fd;
}

.city-empty[b-opod6ii12d] {
    color: #71819a;
    font-size: 0.9rem;
    padding: 0.45rem 0;
}

@media (max-width: 940px) {
    .city-current-label[b-opod6ii12d] {
        max-width: 110px;
    }
}
/* _content/Dalbazar.Web/Shared/MainLayout.razor.rz.scp.css */
.app-shell[b-w1tda99v33] {
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    background: #edf1f5;
}

.site-header[b-w1tda99v33] {
    background: #fff;
    border-bottom: 1px solid #d4dbe6;
    position: sticky;
    top: 0;
    z-index: 120;
}

.header-inner[b-w1tda99v33] {
    max-width: 1280px;
    margin: 0 auto;
    padding: 0.6rem 0.85rem;
    display: flex;
    justify-content: space-between;
    gap: 0.8rem;
    align-items: center;
}

.header-left[b-w1tda99v33] {
    display: flex;
    align-items: center;
    gap: 1rem;
    min-width: 0;
}

.brand[b-w1tda99v33] {
    border: none;
    background: transparent;
    cursor: pointer;
    color: #f07a1a;
    font-size: 1.95rem;
    font-weight: 700;
    line-height: 1;
    letter-spacing: 0.02em;
    text-transform: lowercase;
    padding: 0;
}

.header-primary-links[b-w1tda99v33] {
    display: flex;
    align-items: center;
    gap: 0.85rem;
    flex-wrap: wrap;
}

.header-primary-links a[b-w1tda99v33] {
    color: #1f63c2;
    font-size: 0.95rem;
    text-decoration: none;
    white-space: nowrap;
}

.header-primary-links a:hover[b-w1tda99v33] {
    text-decoration: underline;
}

.header-actions[b-w1tda99v33] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    flex-wrap: wrap;
    justify-content: flex-end;
}

.header-actions a[b-w1tda99v33],
.logout-link[b-w1tda99v33] {
    color: #2f3b4f;
    text-decoration: none;
    font-size: 0.92rem;
    white-space: nowrap;
}

.header-actions a:hover[b-w1tda99v33],
.logout-link:hover[b-w1tda99v33] {
    color: #1f2835;
    text-decoration: underline;
}

.logout-link[b-w1tda99v33] {
    border: none;
    background: transparent;
    padding: 0;
}

.add-link[b-w1tda99v33] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #fff !important;
    background: #f07a1a;
    border: 1px solid #f07a1a;
    border-radius: 4px;
    padding: 0.35rem 0.7rem;
    font-size: 0.9rem;
    font-weight: 700;
    text-decoration: none !important;
}

.add-link:hover[b-w1tda99v33] {
    background: #d9660b;
    border-color: #d9660b;
}

.content-shell[b-w1tda99v33] {
    width: 100%;
    max-width: 1560px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: 170px minmax(0, 1fr) 170px;
    gap: 0.7rem;
    flex: 1;
    min-height: 0;
    align-items: start;
    padding: 0.35rem 0.7rem 0;
}

.content-panel[b-w1tda99v33] {
    min-width: 0;
    padding: 0.45rem 0.1rem 1.2rem;
}

.site-footer[b-w1tda99v33] {
    border-top: 1px solid #d8dfea;
    background: #fff;
}

.footer-inner[b-w1tda99v33] {
    max-width: 1280px;
    margin: 0 auto;
    padding: 0.65rem 0.85rem;
    color: #647084;
    font-size: 0.86rem;
    display: flex;
    justify-content: space-between;
    gap: 1rem;
}

@media (max-width: 1260px) {
    .content-shell[b-w1tda99v33] {
        grid-template-columns: minmax(0, 1fr);
        padding: 0.35rem 0.55rem 0;
    }

    .side-banner-panel[b-w1tda99v33] {
        display: none;
    }
}

@media (max-width: 940px) {
    .header-inner[b-w1tda99v33] {
        flex-direction: column;
        align-items: stretch;
    }

    .header-left[b-w1tda99v33],
    .header-actions[b-w1tda99v33] {
        justify-content: space-between;
    }

    .brand[b-w1tda99v33] {
        font-size: 1.7rem;
    }

    .content-panel[b-w1tda99v33] {
        padding: 0.45rem 0 1rem;
    }

    .footer-inner[b-w1tda99v33] {
        flex-direction: column;
        gap: 0.25rem;
    }
}
/* _content/Dalbazar.Web/Shared/SideBanners.razor.rz.scp.css */
.side-banner-placeholder[b-pectxgh3xt] {
    min-height: 1px;
}

.side-banner-track[b-pectxgh3xt] {
    position: sticky;
    top: 78px;
    max-height: calc(100vh - 92px);
    overflow-y: auto;
    display: flex;
    flex-direction: column;
    gap: 0.65rem;
}

.side-banner-item[b-pectxgh3xt] {
    border: 1px solid #dce1e8;
    border-radius: 8px;
    overflow: hidden;
    background: #fff;
}

.side-banner-item img[b-pectxgh3xt] {
    width: 100%;
    height: min(78vh, 560px);
    min-height: 250px;
    object-fit: contain;
    background: #fff;
    display: block;
}

.side-banner-title[b-pectxgh3xt] {
    border-top: 1px solid #e8edf4;
    padding: 0.4rem 0.5rem;
    font-size: 0.82rem;
    color: #4f5663;
}

@media (max-width: 1260px) {
    .side-banner-track[b-pectxgh3xt] {
        top: 66px;
        max-height: calc(100vh - 82px);
    }

    .side-banner-item img[b-pectxgh3xt] {
        height: min(62vh, 430px);
    }
}