.classifieds-shell, .classified-home, .classified-directory, .classified-detail {
    --classified-gap: 16px;
    --classified-muted: #526174;
    --classified-accent: #087a59;
}
.classifieds-shell .classifieds-hero {
    padding: 0px;
    margin: 16px 0px;
    background: none;
    border: 0px;
    box-shadow: none;
    min-height: 0px;
}
.classifieds-shell .classifieds-hero h1 {
    font-size: 28px;
    line-height: 1.2;
    margin: 4px 0px;
}
.classifieds-shell .classifieds-kicker {
    color: var(--classified-muted);
    text-transform: none;
    letter-spacing: 0px;
}
.classified-browse-search {
    display: flex;
    gap: 8px;
    margin: 16px 0px 24px;
    max-width: 760px;
}
.classified-browse-search input {
    flex: 1 1 0%;
    min-width: 0px;
    min-height: 48px;
    padding: 12px;
    border: 1px solid rgb(174, 185, 197);
    border-radius: 8px;
    font: inherit;
    background: rgb(255, 255, 255);
}
.classified-browse-search button {
    min-height: 48px;
    background: var(--classified-accent);
}
.classified-applied-filters {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin: 0px 0px 16px;
}
.classified-filter-chip, .classified-filter-reset {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    min-height: 44px;
    padding: 8px 12px;
    color: rgb(23, 71, 55);
    font-size: 14px;
}
.classified-filter-chip {
    border: 1px solid rgb(182, 217, 204);
    border-radius: 8px;
    background: rgb(239, 249, 244);
    max-width: 100%;
    overflow-wrap: anywhere;
}
.classified-filter-chip span {
    font-size: 22px;
    line-height: 1;
}
.classified-filter-reset {
    text-decoration: underline;
}
.classified-results-actions {
    flex-wrap: wrap;
}
.classified-view-switch {
    display: flex;
    align-items: center;
    gap: 4px;
}
.classified-view-switch a {
    display: flex;
    align-items: center;
    min-height: 44px;
    padding: 8px 12px;
    border-radius: 8px;
    color: rgb(82, 97, 116);
}
.classified-view-switch a[aria-current] {
    background: rgb(228, 244, 236);
    color: rgb(7, 93, 68);
    font-weight: 700;
}
.classifieds-shell .classified-filter-panel {
    border: 1px solid rgb(220, 227, 232);
    border-radius: 12px;
    padding: 16px;
    min-width: 0px;
}
.classified-filter-panel .classified-filter-footer {
    display: grid;
    gap: 8px;
    margin-top: 16px;
    background: rgb(255, 255, 255);
}
.classified-filter-footer > a {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 44px;
    color: rgb(53, 84, 71);
    text-decoration: underline;
}
.classified-filter-panel .classified-filter-submit {
    background: rgb(8, 122, 89);
    min-height: 48px;
    white-space: normal;
}
.classified-filter-close {
    display: none;
    border: 0px;
    background: rgb(241, 245, 244);
    color: rgb(23, 32, 51);
    width: 44px;
    height: 44px;
    font-size: 28px;
    border-radius: 8px;
    cursor: pointer;
}
.classified-filter-dialog {
    padding: 0px;
    border: 0px;
    border-radius: 12px;
    max-height: 100dvh;
    width: min(480px, 100%);
    max-width: 100%;
    background: rgb(255, 255, 255);
    color: rgb(23, 32, 51);
}
.classified-filter-dialog:not([open]) {
    display: none;
}
.classified-filter-dialog::backdrop {
    background: rgba(15, 23, 42, 0.48);
}
.classified-filter-open {
    overflow: hidden;
}
html:not(.classified-filters-ready) .classified-filter-toggle {
    display: none;
}
.classifieds-shell :focus-visible, .classified-home :focus-visible, .classified-directory :focus-visible {
    outline: rgb(8, 122, 89) solid 3px;
    outline-offset: 3px;
}
.classified-home.classified-home {
    padding-top: 16px;
    padding-bottom: 48px;
}
.classified-home .classified-home-intro {
    display: flex;
    align-items: center;
    gap: 24px;
    justify-content: space-between;
}
.classified-home .classified-home-intro h1 {
    font-size: 26px;
    line-height: 1.2;
    max-width: 360px;
}
.classified-home .classified-home-actions {
    flex: 1 1 0%;
    max-width: 820px;
    margin: 0px;
    gap: 8px;
}
.classified-home .classified-home-search {
    height: 48px;
    box-shadow: none;
    border-radius: 8px;
    gap: 8px;
    padding-left: 12px;
}
.classified-home .classified-home-search input {
    height: 44px;
    font-size: 16px;
}
.classified-home .classified-home-search button {
    background: rgb(8, 122, 89);
}
.classified-home .classified-home-create {
    min-height: 48px;
    border-radius: 8px;
    padding: 0px 12px;
}
.classified-home .classified-home-categories, .classified-home .classified-home-feed {
    margin-top: 16px;
}
.classified-home .classified-home-section-head {
    margin-bottom: 8px;
    align-items: center;
}
.classified-home .classified-home-section-head h2 {
    font-size: 22px;
}
.classified-product-card .classified-product-card-media {
    aspect-ratio: 1 / 1;
    height: auto;
    min-height: 0px;
}
.classified-product-card .classified-product-card-media > img {
    aspect-ratio: 1 / 1;
    object-fit: cover;
    height: 100%;
    width: 100%;
}
.classified-product-card .classified-product-card-body {
    padding: 12px 0px 0px;
    gap: 8px;
}
.classified-product-card .classified-product-card-details {
    margin-top: 0px;
    gap: 4px;
}
.classified-product-card .classified-product-card-category, .classified-product-card .classified-product-card-meta {
    font-size: 12px;
    line-height: 1.4;
    color: rgb(82, 97, 116);
}
.classified-product-card .classified-product-card-meta {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 4px;
}
.classified-product-card .classified-product-card-meta > span {
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.classified-product-card .product-title {
    font-size: 14px;
    line-height: 1.4;
    min-height: 0px;
    color: rgb(39, 59, 49);
}
.classified-product-card .product-price .new {
    font-size: 18px;
    color: rgb(23, 61, 48);
}
.classified-product-grid > .classified-product-card {
    min-width: 0;
    border: 0px;
    box-shadow: none;
    background: transparent;
    overflow: visible;
}
.classified-results > .classified-promo--side {
    display:flex;
    height:220px;
    margin-top:24px;
}
/* Advertising artwork contains text: preserve the whole creative at every placement size. */
.classified-home .classified-home-promo img,
.classifieds-shell .classified-promo img { object-fit:contain; }

.classified-product-grid .classified-product-card-media {
    border-radius: 12px;
    overflow: hidden;
}
.classified-product-card .classified-fav {
    width: 44px;
    height: 44px;
    background: rgba(255, 255, 255, 0.92);
    color: rgb(65, 82, 101);
}
.classified-product-card .classified-fav.active {
    color: rgb(200, 56, 80);
}
.classifieds-shell .classified-product-grid--list {
    grid-template-columns: minmax(0px, 1fr);
}
.classified-product-grid--list > .classified-product-card {
    display: grid;
    grid-template-columns: 240px minmax(0px, 1fr);
    gap: 24px;
    padding: 0px 0px 24px;
    border-bottom: 1px solid rgb(220, 227, 232);
    border-radius: 0px;
}
.classified-product-grid--list .classified-product-card-body {
    padding: 0px;
    display: block;
}
.classified-product-grid--list .product-title {
    font-size: 20px;
    margin: 8px 0px;
}
.classified-product-card-description {
    font-size: 14px;
    line-height: 1.5;
    color: rgb(82, 97, 116);
    margin: 12px 0px;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.classified-product-card-author {
    font-size: 14px;
    font-weight: 700;
    color: rgb(36, 59, 48);
}
.classified-category-shortcuts {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin: 16px 0px 24px;
}
.classified-category-shortcuts > a {
    display: flex;
    align-items: center;
    min-height: 44px;
    padding: 8px 16px;
    border: 1px solid rgb(212, 226, 219);
    border-radius: 8px;
    background: rgb(241, 248, 244);
    color: rgb(36, 81, 61);
}
.classifieds-shell .classified-seller-summary {
    padding: 24px 0px;
    margin: 0px;
    border: 0px;
    border-radius: 0px;
    background: none;
    box-shadow: none;
    gap: 16px;
    flex-wrap: wrap;
}
.classified-seller-summary h1 {
    font-size: 28px;
    line-height: 1.2;
    margin: 4px 0px 8px;
}
.classified-seller-summary p {
    margin: 8px 0px 0px;
    color: rgb(82, 97, 116);
}
@media (min-width: 768px) {
    .classifieds-shell .classified-seller-summary > div {
        flex: 1 0 240px;
        min-width: 240px;
    }
}
.classified-seller-summary .classified-seller-avatar {
    width: 72px;
    height: 72px;
    flex: 0 0 72px;
    border-radius: 16px;
    overflow: hidden;
}
.classified-seller-avatar img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.classified-detail .classified-quick__chip {
    min-height: 44px;
    font-size: 14px;
}
.classified-detail .classified-contact-status {
    margin: 12px 0px 0px;
    font-size: 14px;
    color: rgb(56, 75, 65);
    line-height: 1.4;
}
.classified-contact-status:empty {
    display: none;
}
.classified-detail #classified-contact {
    scroll-margin-top: 100px;
}
.classified-detail .public-media-gallery__nav {
    width: 48px;
    height: 48px;
    border: 1px solid var(--c-n-200, #e2e8f0);
    background: #fff;
    color: var(--c-n-800, #1e293b);
    box-shadow: 0 2px 8px rgb(15 23 42 / 10%);
}
/* Thumbnails select a photo; the counter reports position without a second set of dots. */
.classified-detail .public-media-gallery__dots {
    display: none;
}
.classified-detail .classified-ads-rail__slot {
    height: auto;
    aspect-ratio: auto;
    margin: 0px;
}
.classified-detail .classified-ads-rail__slot picture, .classified-detail .classified-ads-rail__slot img {
    height: auto;
    width: 100%;
    object-fit: contain;
    background: rgb(240, 244, 243);
}
@media (min-width: 1024px) {
    .classified-detail.container {
        max-width: 1440px;
    }
    .classified-detail .classified-detail-layout {
        grid-template-columns: minmax(0px, 1fr) 320px;
        gap: 24px;
    }
    /* The opened listing uses the available content column; preview grids keep their inherited density. */
    .classified-detail .classified-block--gallery {
        flex: 1 1 608px;
        min-width: 0;
        max-width: 100%;
    }
    .classified-detail .public-media-gallery__stage {
        width: 100%;
        max-width: none;
        max-height: 520px;
    }
}
.classified-detail {
    --detail-section-gap: 32px;
    --detail-panel-padding: 20px;
    --detail-panel-radius: 16px;
}
.classified-detail .classified-detail-head {
    align-items: center;
    margin-bottom: 24px;
}
.classified-detail .classified-detail-head h1 {
    font-size: clamp(26px, 2.5vw, 36px);
    line-height: 1.2;
}
.classified-detail .classified-detail-price { flex-wrap: wrap; justify-content: flex-end; }
.classified-detail .classified-detail-price strong { font-size: 32px; }
.classified-detail .classified-detail-price > span { font-size: 14px; }
.classified-detail .classified-fav-btn--head { width: 48px; height: 48px; flex: 0 0 48px; }
.classified-detail .public-media-gallery__stage {
    height: clamp(280px, 50vw, 520px);
    aspect-ratio: auto;
    border: 1px solid var(--c-n-200, #e2e8f0);
    border-radius: var(--detail-panel-radius);
    background: var(--c-n-100, #f1f5f9);
}
/* An absolute photo cannot impose its intrinsic height on the surrounding grid. */
.classified-detail .public-media-gallery__open { position: absolute; inset: 0; height: 100%; }
/* Fill the preview frame; the lightbox keeps the complete, uncropped photograph. */
.classified-detail .public-media-gallery__open img { background: transparent; object-fit: cover; }
.classified-detail .public-media-gallery__counter {
    top: 16px;
    left: 16px;
    right: auto;
    bottom: auto;
    padding: 6px 12px;
    background: #1e293b;
    font-size: 13px;
    line-height: 20px;
}
.classified-gallery-expand {
    position: absolute;
    right: 16px;
    bottom: 16px;
    padding: 8px 12px;
    border: 1px solid var(--c-n-200, #e2e8f0);
    border-radius: var(--radius-sm, 8px);
    background: #fff;
    color: var(--c-n-800, #1e293b);
    font-size: 13px;
    font-weight: 600;
}
.classified-gallery-error:not([hidden]) { position: absolute; inset: 25% 20%; display: grid; place-items: center; font-size: 16px; color: var(--classified-muted); }
.classified-detail .public-media-gallery__thumbs { gap: 12px; padding: 12px 2px 4px; scroll-padding-inline: 2px; }
.classified-detail .public-media-gallery__thumbs button { border-radius: var(--radius-sm, 8px); border-color: var(--c-n-200, #e2e8f0); }
.classified-detail .public-media-gallery__thumbs button.is-active { border-color: var(--classified-accent); box-shadow: 0 0 0 1px var(--classified-accent); }
.classified-detail .public-media-gallery__thumbs button.has-image-error { position: relative; }
.classified-detail .public-media-gallery__thumbs button.has-image-error::after { content: 'Фото'; position: absolute; inset: 0; display: grid; place-items: center; font-size: 13px; color: var(--classified-muted); }
.classified-detail .public-media-gallery__empty { border: 1px solid var(--c-n-200, #e2e8f0); border-radius: var(--detail-panel-radius); color: var(--classified-muted); font-size: 16px; max-height: 520px; }
.classified-detail .classified-contact-card { position: static; padding: var(--detail-panel-padding); border-radius: var(--detail-panel-radius); box-shadow: 0 4px 16px rgb(15 23 42 / 4%); }
.classified-detail .classified-phone-btn, .classified-detail .classified-chat-btn { min-height: 48px; font-size: 15px; border-radius: var(--radius, 12px); }
.classified-detail .classified-phone-btn, .classified-mobile-bar .classified-mobile-contact { background: var(--classified-accent, #087a59); border-color: var(--classified-accent, #087a59); }
.classified-detail .classified-phone-btn.is-revealed { background: #fff; color: var(--classified-accent); }
.classified-mobile-bar .classified-mobile-contact.is-revealed { background: #fff; color: var(--classified-accent, #087a59); border-color: var(--classified-accent, #087a59); }
.classified-detail .classified-phone-btn + .classified-chat-btn { background: #fff; color: var(--classified-accent); border-color: var(--classified-accent); }
.classified-detail .classified-chat-btn { background: var(--classified-accent); border-color: var(--classified-accent); }
.classified-detail .classified-author { margin-top: 16px; padding: 12px; gap: 12px; border-radius: var(--radius, 12px); }
.classified-detail .classified-author-avatar { background: var(--classified-accent); border-radius: var(--radius, 12px); }
.classified-detail .classified-author strong { font-size: 15px; white-space: normal; overflow-wrap: anywhere; line-height: 1.4; }
.classified-detail .classified-author small { font-size: 12px; line-height: 1.5; color: var(--classified-muted); }
.classified-detail .classified-author-listings { min-height: 44px; font-size: 14px; }
.classified-detail .classified-promo-label { font-size: 12px; line-height: 1.4; padding: 4px 8px; }
.classified-detail .classified-quick { margin-top: 12px; padding-top: 16px; }
.classified-detail .classified-quick__title { margin-bottom: 12px; font-size: 14px; }
.classified-detail .classified-quick__chips { gap: 8px; }
.classified-detail .classified-quick__chip { padding: 10px 12px; border-radius: var(--radius-sm, 8px); line-height: 1.5; color: var(--c-n-700, #334155); }
.classified-detail .classified-share { margin-top: 16px; font-size: 14px; }
.classified-detail .classified-detail-section { margin-top: 0; }
.classified-detail .classified-detail-section h2, .classified-detail .classified-similar h2 { font-size: 22px; line-height: 1.3; margin-bottom: 16px; }
.classified-detail .classified-detail-description { max-width: 72ch; font-size: 16px; line-height: 1.65; }
.classified-detail .classified-detail-description.is-collapsed::after { background: linear-gradient(transparent, var(--c-n-50, #f8fafc)); }
.classified-detail .classified-detail-specs { border-radius: var(--detail-panel-radius); }
.classified-detail .classified-detail-specs > div { padding: 12px 16px; font-size: 14px; line-height: 1.5; }
.classified-detail .classified-detail-specs dt { color: var(--classified-muted); }
.classified-detail .classified-location-card { padding: 16px; gap: 12px; border-radius: var(--detail-panel-radius); }
.classified-detail .classified-location-card strong { font-size: 15px; line-height: 1.5; }
.classified-detail .classified-location-card small { font-size: 13px; color: var(--classified-muted); }
.classified-detail .classified-map-toggle { min-height: 44px; padding: 8px 0; font-size: 15px; }
.classified-detail .classified-safety { padding: 16px; border-radius: var(--detail-panel-radius); background: #ecfdf5; border-color: #a7f3d0; color: #065f46; }
.classified-detail .classified-safety strong { font-size: 15px; }
.classified-detail .classified-safety p { font-size: 14px; line-height: 1.5; color: #065f46; }
.classified-detail .classified-detail-foot { margin: 0; padding-top: 16px; border-top: 1px solid var(--c-n-200, #e2e8f0); color: var(--classified-muted); font-size: 13px; line-height: 1.5; }
.classified-detail .classified-report summary { border-radius: var(--radius-sm, 8px); font-size: 13px; color: var(--classified-muted); }
.classified-detail .classified-report textarea { width: 100%; min-height: 96px; font-size: 16px; }
.classified-detail .classified-report textarea::placeholder { color: var(--classified-muted); }
.classified-detail .classified-similar .classified-section-head { align-items: baseline; gap: 16px; }
.classified-detail .classified-similar .classified-section-head > a { min-height: 44px; display: inline-flex; align-items: center; flex-shrink: 0; font-size: 14px; }
.classified-detail :is(button, a, summary, textarea):focus-visible, .classified-mobile-bar button:focus-visible { outline: 3px solid var(--classified-accent, #087a59); outline-offset: 3px; }
.classified-detail :is(button, a, summary, textarea) { scroll-margin-block: 140px; }
.classified-detail .public-media-gallery__open:focus-visible { outline-offset: -4px; }
.classified-detail :is(.public-media-gallery__nav, .classified-share, .classified-quick__chip):hover { background: #ecfdf5; border-color: var(--classified-accent); }
.classified-detail :is(.classified-phone-btn, .classified-chat-btn, .classified-share, .classified-quick__chip):active { transform: scale(.98); }
.classified-detail button:disabled { cursor: wait; opacity: .6; }
.classified-detail svg { flex-shrink: 0; stroke-linecap: round; stroke-linejoin: round; }
.classified-detail .public-media-lightbox { height: 100dvh; }
.classified-detail .public-media-lightbox > img { max-height: calc(100dvh - 144px); }
.classified-lightbox-title { position: fixed; left: 24px; top: 28px; right: 88px; font-size: 16px; }
.classified-detail .public-media-lightbox button:focus-visible { outline-color: #fff; }
.classified-detail .public-media-lightbox button:hover { background: #475569; }
@media (min-width: 1024px) {
    .classified-detail .classified-detail-main { gap: var(--detail-section-gap); }
    .classified-detail .classified-detail-side { align-self: start; }
    .classified-detail .classified-ads-rail { align-self: start; align-content: start; }
    .classified-detail .classified-block--specs { flex-basis: 100%; min-width: 0; }
}
@media (max-width: 1023px) {
    .classified-detail .classified-detail-layout { gap: 24px; }
    .classified-detail .classified-block--contact, .classified-detail .classified-ads-rail__slot { margin-top: 0; }
    .classified-detail .classified-detail-head { display: block; }
    .classified-detail .classified-detail-price { justify-content: flex-start; margin-top: 12px; }
    .classified-mobile-bar { padding: 8px; left: 0; right: 0; bottom: calc(62px + env(safe-area-inset-bottom)); background: #fff; border-top: 1px solid var(--c-n-200, #e2e8f0); box-shadow: 0 -4px 16px rgb(15 23 42 / 5%); }
    .classified-mobile-bar :is(.classified-mobile-contact, .classified-mobile-chat) { display: flex; min-width: 0; min-height: 48px; padding: 8px; font-size: 14px; border-radius: var(--radius, 12px); box-shadow: none; }
    .classified-mobile-bar.is-context-visible { display: none; }
    .classified-mobile-bar .classified-mobile-chat:only-child { background: var(--classified-accent, #087a59); color: #fff; border-color: var(--classified-accent, #087a59); }
}
@media (max-width: 600px) {
    .classified-detail .public-media-gallery__stage { height: auto; aspect-ratio: 1 / 1; }
    .classified-detail .public-media-gallery__nav { width: 44px; height: 44px; }
    .classified-detail .public-media-gallery__nav--prev { left: 8px; }
    .classified-detail .public-media-gallery__nav--next { right: 8px; }
    .classified-detail .classified-detail-price strong { font-size: 28px; }
    .classified-detail .classified-detail-section h2, .classified-detail .classified-similar h2 { font-size: 20px; }
    .classified-detail .classified-similar .classified-section-head { flex-wrap: wrap; gap: 0 16px; }
    .classified-detail .classified-detail-specs > div { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 12px; padding: 12px; }
}
@media (prefers-reduced-motion: reduce) {
    .classified-detail *, .classified-mobile-bar * { scroll-behavior: auto; transition: none; animation: none; }
    .classified-detail :is(.classified-phone-btn, .classified-chat-btn, .classified-share, .classified-quick__chip):active { transform: none; }
}
@media (min-width: 1600px) {
    .classified-detail .classified-detail-layout:has(.classified-ads-rail) {
        grid-template-columns: minmax(0px, 1fr) 300px 260px;
    }
}
/* Fit the frame to the artwork without cropping advertising copy or creating tall mobile ads. */
@media (max-width: 1279px) {
    .classified-detail .classified-ads-rail__slot {
        width: fit-content;
        max-width: 100%;
        justify-self: center;
        align-self: center;
    }
    .classified-detail .classified-ads-rail__slot picture {
        width: auto;
    }
    .classified-detail .classified-ads-rail__slot img {
        width: auto;
        max-width: 100%;
        max-height: 320px;
    }
}
/* On laptop widths place the advertising row below the two content columns. */
@media (min-width: 1024px) and (max-width: 1599px) {
    .classified-detail .classified-ads-rail {
        display: grid;
        grid-column: 1 / -1;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 24px;
        align-items: start;
    }
}
@media (min-width: 1280px) and (max-width: 1599px) {
    .classified-detail.container:has(.classified-ads-rail) { max-width:1440px; }
    .classified-detail .classified-detail-layout:has(.classified-ads-rail) { grid-template-columns:minmax(0,1fr) 280px 220px; }
    .classified-detail .classified-ads-rail { grid-column:auto; grid-template-columns:minmax(0,1fr); gap:16px; }
}
@media (min-width: 1024px) {
    .classifieds-shell--overview .classified-market-layout {
        display: block;
    }
    .classifieds-shell--overview .classified-market-layout > .classified-filter-panel {
        display: none;
    }
    .classifieds-shell--overview .classified-filter-toggle {
        display: none;
    }
}
@media (min-width: 1024px) and (max-width: 1279px) {
    .classifieds-shell .classified-product-grid {
        grid-template-columns: repeat(3, minmax(0px, 1fr));
    }
    .classifieds-shell .classified-product-grid--list {
        grid-template-columns: 1fr;
    }
}
@media (max-width: 1023px) {
    .classified-home .classified-home-intro {
        display: block;
    }
    .classified-home .classified-home-intro h1 {
        font-size: 24px;
        max-width: none;
        margin-bottom: 12px;
    }
    .classified-home .classified-home-actions {
        max-width: none;
        flex-direction: row;
    }
    .classified-home .classified-home-create {
        width: auto;
        order: initial;
        font-size: 14px;
    }
    .classified-home .classified-home-search {
        flex: 1 1 0%;
        order: initial;
    }
    .classifieds-shell .classified-product-grid--list {
        grid-template-columns: 1fr;
    }
}
@media (max-width: 767px) {
    .classified-category-shortcuts {
        flex-wrap: nowrap;
        overflow-x: auto;
        padding-bottom: 4px;
    }
    .classified-category-shortcuts > a {
        flex: 0 0 auto;
        white-space: nowrap;
    }
    .classified-home .classified-home-actions {
        flex-wrap: wrap;
    }
    .classified-home .classified-home-search {
        flex-basis: 100%;
    }
    .classified-home .classified-home-create {
        margin-left: auto;
        min-height: 44px;
    }
    .classifieds-shell .classified-product-grid--list {
        grid-template-columns: 1fr;
    }
    .classified-product-grid--list > .classified-product-card {
        grid-template-columns: 112px minmax(0px, 1fr);
        gap: 12px;
    }
    .classified-product-grid--list .product-title {
        font-size: 16px;
    }
    .classified-product-grid--list .classified-product-card-description {
        display: none;
    }
    .classifieds-shell .classified-seller-summary {
        align-items: flex-start;
        padding: 16px 0px;
    }
    .classified-seller-summary > div {
        flex: 1 1 0%;
        min-width: 160px;
    }
    .classified-seller-summary h1 {
        font-size: 24px;
        overflow-wrap: anywhere;
    }
}
@media (min-width: 1024px) {
    .classifieds-shell .classified-filter-toggle {
        display: none;
    }
    .classifieds-shell .classified-market-layout {
        grid-template-columns: 248px minmax(0px, 1fr);
        gap: 24px;
    }
}
@media (max-width: 1023px) {
    .classifieds-shell .classified-market-layout {
        display: block;
    }
    .classifieds-shell .classified-filter-toggle {
        display: inline-flex;
        min-height: 44px;
    }
    .classifieds-shell .classified-filter-panel {
        display: block;
    }
    .classified-filters-ready .classified-market-layout > .classified-filter-panel {
        display: none;
    }
    .classified-filter-dialog {
        margin: 0px 0px 0px auto;
        height: 100dvh;
        max-height: 100dvh;
        border-radius: 0px;
    }
    .classified-filter-dialog[open] .classified-filter-panel {
        display: block;
        height: 100%;
        padding: 0px;
        border: 0px;
        border-radius: 0px;
        overflow: auto;
        overscroll-behavior: contain;
    }
    .classified-filter-dialog form {
        min-height: 100%;
        padding: 0px 16px;
        display: flex;
        flex-direction: column;
    }
    .classified-filter-dialog .classified-filter-title {
        position: sticky;
        top: 0px;
        z-index: 2;
        background: rgb(255, 255, 255);
        margin: 0px -16px 16px;
        padding: 12px 16px;
        border-bottom: 1px solid rgb(220, 227, 232);
    }
    .classified-filter-dialog .classified-filter-close {
        display: block;
    }
    .classified-filter-dialog .classified-filter-footer {
        position: sticky;
        bottom: 0px;
        margin: auto -16px 0px;
        padding: 12px 16px calc(12px + env(safe-area-inset-bottom));
        border-top: 1px solid rgb(220, 227, 232);
        z-index: 2;
    }
    .classified-filter-dialog .classified-field input, .classified-filter-dialog input:not([type="checkbox"]):not([type="radio"]) {
        font-size: 16px;
    }
    .classified-filter-dialog .classified-check {
        min-height: 44px;
    }
    .classified-filter-dialog .classified-promo {
        display: none;
    }
    .classified-results-actions {
        justify-content: flex-start;
        width: 100%;
        gap: 8px;
    }
    .classified-view-switch {
        margin-left: auto;
        order: 3;
    }
    .classifieds-shell .classified-results-head {
        flex-wrap: wrap;
        gap: 12px;
    }
}

/* Categories share the marketplace canvas; page gutters also match the home page. */
.container.classifieds-shell { padding-inline:16px; }
.classifieds-shell .market-category-grid { --market-category-inline-gutter:16px; }
.classified-directory { padding-block:24px 48px; }
.classified-directory-head { margin-block:16px 24px; }
.classified-directory-head h1 { margin:0; font-size:28px; }
.classified-directory-head p { margin-top:8px; color:var(--classified-muted); }
.classified-directory-groups, .classified-category-collections { display:grid; gap:24px; margin-block:24px; min-width:0; }
.classified-category-group { min-width:0; }
.classified-category-group h2 { margin:0 0 12px; font-size:22px; }
.classified-category-group h2 a { display:inline-flex; align-items:center; gap:8px; min-height:44px; color:inherit; }
.classified-category-group h2 a::after { content:'→'; color:var(--classified-accent); }