.classified-title-link
{
    display:block;
    max-width:100%;
    color:inherit;
    text-decoration:none
}
.classified-title-link:hover
{
    color:#c45b2c
}
.classified-title-link:focus-visible
{
    outline:2px solid #f97316;
    outline-offset:3px;
    border-radius:.25rem
}
.cf-public-preview-full-link
{
    display:flex;
    min-width:0;
    align-items:center;
    justify-content:space-between;
    gap:.75rem;
    margin-top:1rem;
    padding:.8rem .9rem;
    border:1px solid #f4c6ad;
    border-radius:1rem;
    background:linear-gradient(135deg,#fff8f3,#fff);
    color:#a94b21;
    text-decoration:none;
    transition:border-color .2s,background .2s,transform .2s
}
.cf-public-preview-full-link>span
{
    display:flex;
    min-width:0;
    align-items:center;
    gap:.7rem
}
.cf-public-preview-full-link>span>i
{
    display:grid;
    width:2.5rem;
    height:2.5rem;
    flex:none;
    place-items:center;
    border-radius:.8rem;
    background:#ffeadf;
    color:#d86634;
    font-size:1.2rem
}
.cf-public-preview-full-link b,.cf-public-preview-full-link small
{
    display:block
}
.cf-public-preview-full-link b
{
    color:#9c431e;
    font-size:.82rem;
    font-weight:950;
    line-height:1.5
}
.cf-public-preview-full-link small
{
    margin-top:.12rem;
    color:#8c766c;
    font-size:.65rem;
    line-height:1.5
}
.cf-public-preview-full-link>i
{
    display:grid;
    width:2rem;
    height:2rem;
    flex:none;
    place-items:center;
    border-radius:50%;
    background:#fff;
    color:#cb6335;
    box-shadow:0 3px 10px #733a1b12;
    transition:transform .2s
}
.cf-public-preview-full-link:hover
{
    transform:translateY(-1px);
    border-color:#e9a47f;
    background:linear-gradient(135deg,#fff3eb,#fff)
}
.cf-public-preview-full-link:hover>i
{
    transform:translateX(-3px)
}
.cf-public-preview-full-link:focus-visible
{
    outline:3px solid #ed74404d;
    outline-offset:2px
}
.dark .cf-public-preview-full-link
{
    border-color:#d9784c38;
    background:linear-gradient(135deg,#d9784c12,#ffffff05)
}
.dark .cf-public-preview-full-link b
{
    color:#ffd2bb
}
.dark .cf-public-preview-full-link small
{
    color:#b9a59a
}
.dark .cf-public-preview-full-link>span>i
{
    background:#d9784c20;
    color:#f0a17c
}
.dark .cf-public-preview-full-link>i
{
    background:#ffffff0a;
    color:#f0a17c
}
@media(max-width:700px)
{
    .cf-public-preview-full-link
    {
        width:100%;
        margin-top:.85rem;
        padding:.7rem .75rem;
        border-radius:.9rem
    }
    .cf-public-preview-full-link b
    {
        font-size:.78rem
    }
    .cf-public-preview-full-link small
    {
        font-size:.61rem
    }
}
@media (min-width: 1024px)
{
    .classified-grid:not(.list-view)
    {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}
.classifieds
{
    --o:#f35b18;
    --b:#0869f7;
    --ink:#10203f;
    min-height:80vh;
    padding-bottom:4rem;
    background:linear-gradient(180deg,#fff4eb,#fff 30rem)
}
.cw
{
    width:min(100% - 2rem,80rem);
    margin:auto
}
.classified-hero
{
    padding:3.6rem 0 2.2rem;
    text-align:center
}
.classified-hero em
{
    display:inline-flex;
    gap:.4rem;
    padding:.45rem .8rem;
    border-radius:9rem;
    background:#ffe6d6;
    color:#d94705;
    font-style:normal;
    font-weight:900
}
.classified-hero h1
{
    margin:.8rem 0 .3rem;
    color:var(--ink);
    font-size:clamp(2rem,4vw,3.5rem);
    font-weight:950
}
.classified-hero h1 span
{
    color:var(--o)
}
.classified-hero p
{
    color:#536177;
    font-weight:700
}
.classified-search
{
    display:grid;
    grid-template-columns:minmax(0,1fr) auto;
    gap:.55rem;
    max-width:79rem;
    margin:1.7rem auto 0;
    padding:.65rem;
    border:1px solid #ffc3a0;
    border-radius:1.35rem;
    background:#fff;
    box-shadow:0 25px 65px -38px #7c3210
}
.cf
{
    display:flex;
    align-items:center;
    gap:.5rem;
    height:3.35rem;
    padding:0 .75rem;
    border:1px solid #d8e0e9;
    border-radius:.9rem;
    background:#f8fafc
}
.cf:focus-within
{
    border-color:#ff9e67;
    box-shadow:0 0 0 3px #ff681812
}
.cf i
{
    color:var(--o);
    font-size:1.15rem
}
.cf input,.cf select
{
    width:100%;
    min-width:0;
    border:0;
    outline:0;
    background:transparent;
    color:#263653;
    font-weight:800
}
.cf select:disabled
{
    opacity:.5
}
.cf-filter-toggle
{
    display:none
}
.classified-search button
{
    height:3.35rem;
    padding:0 1.2rem;
    border:0;
    border-radius:.9rem;
    background:linear-gradient(135deg,#ff701f,#e94c08);
    color:#fff;
    font-weight:950;
    box-shadow:0 10px 20px -12px #b83800
}
.section-strip
{
    display:flex;
    gap:.55rem;
    overflow:auto;
    padding:.25rem 0 1rem
}
.section-strip button
{
    display:flex;
    align-items:center;
    gap:.4rem;
    flex:none;
    padding:.7rem .95rem;
    border:1px solid #dce3eb;
    border-radius:9rem;
    background:#fff;
    color:#4e5d74;
    font-weight:900
}
.section-strip button.active
{
    border-color:#ffab79;
    background:#ffe9dc;
    color:#d94705
}
.classified-toolbar
{
    display:flex;
    align-items:center;
    justify-content:space-between;
    margin:1rem 0
}
.classified-toolbar h2
{
    color:var(--ink);
    font-size:1.35rem;
    font-weight:950
}
.classified-toolbar small
{
    color:#66758b
}
.classified-toolbar select
{
    height:2.8rem;
    padding:0 .8rem;
    border:1px solid #d9e0e8;
    border-radius:.8rem;
    background:#fff;
    font-weight:800
}
.classified-grid
{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:1.1rem;
    transition:.2s
}
.classified-grid.loading
{
    opacity:.42;
    pointer-events:none
}
.classified-card
{
    position:relative;
    display:flex;
    overflow:hidden;
    flex-direction:column;
    border:1px solid #d5dee8;
    border-radius:1.25rem;
    background:#fff;
    box-shadow:0 16px 38px -27px #10203f99;
    transition:.25s
}
.classified-card:before
{
    content:'';
    position:absolute;
    z-index:2;
    inset:0 0 auto;
    height:3px;
    background:linear-gradient(90deg,var(--o),#ffb24b)
}
.classified-card:hover
{
    transform:translateY(-5px);
    border-color:#ffb58d;
    box-shadow:0 24px 46px -27px #87300d99
}
.classified-media
{
    position:relative;
    display:block;
    aspect-ratio:4/3;
    overflow:hidden;
    background:#e9eef4
}
.classified-media:after
{
    content:'';
    position:absolute;
    inset:auto 0 0;
    height:35%;
    background:linear-gradient(transparent,#10203f8c)
}
.classified-media img
{
    width:100%;
    height:100%;
    object-fit:cover;
    transition:.35s
}
.classified-card:hover img
{
    transform:scale(1.045)
}
.classified-media span
{
    position:absolute;
    z-index:2;
    top:.8rem;
    right:.8rem;
    max-width:70%;
    overflow:hidden;
    padding:.38rem .65rem;
    border-radius:.6rem;
    background:#10203fe8;
    color:#fff;
    font-size:.72rem;
    font-weight:900;
    white-space:nowrap;
    text-overflow:ellipsis
}
.classified-body
{
    display:flex;
    flex:1;
    flex-direction:column;
    padding:1rem
}
.classified-body h3
{
    min-height:3rem;
    overflow:hidden;
    color:#12213d;
    font-weight:950;
    line-height:1.5;
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical
}
.classified-location
{
    display:flex;
    align-items:center;
    gap:.3rem;
    margin:.55rem 0;
    color:#58677d;
    font-size:.78rem;
    font-weight:750
}
.classified-location i
{
    color:var(--o)
}
.classified-price
{
    margin-top:auto;
    color:#d94705;
    font-size:1.13rem;
    font-weight:950
}
.classified-price small
{
    color:#718096;
    font-size:.72rem
}
.classified-actions
{
    display:grid;
    grid-auto-flow:column;
    grid-auto-columns:1fr;
    gap:.55rem;
    padding:0 1rem 1rem
}
.classified-actions a
{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:.35rem;
    height:2.8rem;
    border-radius:.8rem;
    color:#fff;
    font-weight:900
}
.whatsapp
{
    background:#079c4d
}
.phone
{
    background:#0764db
}
.classified-empty
{
    grid-column:1/-1;
    padding:5rem;
    text-align:center;
    border:1px dashed #cbd5df;
    border-radius:1rem;
    background:#fff
}
.classified-empty i
{
    font-size:3rem;
    color:var(--o)
}
.dark .classifieds
{
    --ink:#f5f7fb;
    background:#07101f
}
.dark .classified-search,.dark .classified-card,.dark .section-strip button,.dark .classified-toolbar select,.dark .classified-empty
{
    border-color:#ffffff1b;
    background:#101b2d
}
.dark .cf
{
    border-color:#ffffff14;
    background:#0a1424
}
.dark .cf input,.dark .cf select,.dark .classified-toolbar select,.dark .classified-body h3
{
    color:#fff
}
@media(max-width:1100px)
{
    .classified-search
    {
        grid-template-columns:repeat(3,1fr)
    }
    .search-query
    {
        grid-column:span 2
    }
    .classified-grid
    {
        grid-template-columns:repeat(3,1fr)
    }
}
@media(max-width:720px)
{
    .classified-search
    {
        grid-template-columns:1fr 1fr
    }
    .search-query,.classified-search button
    {
        grid-column:1/-1
    }
    .section-select
    {
        display:none
    }
    .classified-grid
    {
        grid-template-columns:repeat(2,1fr);
        gap:.7rem
    }
    .classified-actions a
    {
        font-size:0
    }
}
@media(max-width:430px)
{
    .classified-search,.classified-grid
    {
        grid-template-columns:1fr
    }
    .search-query,.classified-search button
    {
        grid-column:auto
    }
}
/* High-contrast classifieds theme */ .classifieds
{
    background:#f3f6fa
}
.classified-hero
{
    position:relative;
    overflow:hidden;
    padding:4.5rem 0 4.6rem;
    background:radial-gradient(circle at 15% 15%,#1f77d9 0,transparent 27%),radial-gradient(circle at 88% 0,#ff711f 0,transparent 25%),linear-gradient(135deg,#071b3c 0,#0c2d5c 52%,#10284a 100%);
    box-shadow:inset 0 -1px #ffffff1f
}
.classified-hero:before
{
    content:'';
    position:absolute;
    inset:0;
    background-image:linear-gradient(#ffffff08 1px,transparent 1px),linear-gradient(90deg,#ffffff08 1px,transparent 1px);
    background-size:34px 34px;
    mask-image:linear-gradient(to bottom,#000,transparent)
}
.classified-hero .cw
{
    position:relative;
    z-index:1
}
.classified-hero em
{
    border:1px solid #ffb08266;
    background:#ff681826;
    color:#ffd7c2;
    box-shadow:0 8px 24px #00000020
}
.classified-hero h1
{
    color:#fff;
    text-shadow:0 4px 24px #00000032
}
.classified-hero h1 span
{
    color:#ff8b4a
}
.classified-hero p
{
    color:#dbe8f8
}
.classified-search
{
    margin-bottom:-6.5rem;
    border:1px solid #ffffff;
    background:#fff;
    box-shadow:0 24px 60px -25px #06152f99
}
.cf
{
    border-color:#ccd6e3;
    background:#f7f9fc
}
.cf:hover
{
    border-color:#9baec4;
    background:#fff
}
.cf input,.cf select
{
    color:#142641
}
.cf input::placeholder
{
    color:#7b899d
}
.classified-search button
{
    background:linear-gradient(135deg,#ff7a2d,#e84a05);
    box-shadow:0 12px 24px -13px #c43c00
}
.classified-hero+ .cw
{
    padding-top:3.2rem
}
.section-strip button
{
    border-color:#ccd6e1;
    background:#fff;
    color:#34445c;
    box-shadow:0 5px 16px -13px #10203f
}
.section-strip button:hover
{
    border-color:#ff9c65;
    color:#d94705
}
.section-strip button.active
{
    border-color:#f36a20;
    background:#f36a20;
    color:#fff;
    box-shadow:0 9px 20px -13px #b83b00
}
.classified-toolbar h2
{
    color:#132440
}
.classified-toolbar small
{
    color:#52627a
}
.classified-toolbar select
{
    border-color:#becbd9;
    color:#21324a;
    box-shadow:0 5px 15px -13px #10203f
}
.dark .classifieds
{
    background:#07101f
}
.dark .classified-hero
{
    background:radial-gradient(circle at 15% 15%,#145bad 0,transparent 28%),radial-gradient(circle at 88% 0,#b9470a 0,transparent 26%),linear-gradient(135deg,#030b19,#071a34 55%,#0c1c32)
}
.dark .classified-hero p
{
    color:#cbd9ea
}
.dark .section-strip button.active
{
    border-color:#ff762d;
    background:#ff762d;
    color:#fff
}
@media(max-width:720px)
{
    .classified-hero
    {
        padding:3rem 0 4.5rem
    }
    .classified-search
    {
        margin-bottom:-7rem
    }
    .classified-hero+.cw
    {
        padding-top:4rem
    }
}
/* Calm directory layout */ .classifieds
{
    position:relative;
    z-index:1
}
.classifieds
{
    --o:#e97842;
    --b:#3d6e91;
    --ink:#24364a;
    background:#f7f8fa
}
.classified-hero
{
    overflow:visible;
    padding:3.2rem 0 1.25rem;
    background:linear-gradient(180deg,#f1f6f7 0,#f7f8fa 100%);
    box-shadow:none;
    text-align:right
}
.classified-hero:before
{
    display:none
}
.classified-hero .cw
{
    display:grid;
    grid-template-columns:minmax(0,1fr) auto;
    align-items:center;
    gap:2rem
}
.classified-intro
{
    max-width:46rem
}
.classified-hero em
{
    border:0;
    background:#e7f1f1;
    color:#477276;
    box-shadow:none
}
.classified-hero h1
{
    margin:.8rem 0 .45rem;
    color:#263a4f;
    font-size:clamp(2rem,4vw,3.25rem);
    text-shadow:none
}
.classified-hero h1 span
{
    color:#dc7445
}
.classified-hero p
{
    color:#718092;
    font-size:.95rem;
    font-weight:600
}
.classified-summary
{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:.65rem
}
.classified-summary span
{
    min-width:7.2rem;
    padding:1rem;
    border:1px solid #dfe6ea;
    border-radius:1.2rem;
    background:#ffffffb8;
    text-align:center
}
.classified-summary b,.classified-summary small
{
    display:block
}
.classified-summary b
{
    color:#324d62;
    font-size:1.15rem
}
.classified-summary small
{
    margin-top:.2rem;
    color:#84909d;
    font-size:.67rem
}
.classified-search
{
    grid-column:1/-1;
    width:100%;
    max-width:none;
    margin:1.2rem 0 0;
    padding:.7rem;
    border-color:#dce3e8;
    border-radius:1.2rem;
    background:#fff;
    box-shadow:0 15px 40px -34px #20364c
}
.cf
{
    border-color:#e0e6eb;
    background:#fafbfc
}
.cf:hover,.cf:focus-within
{
    border-color:#c6d2da;
    background:#fff;
    box-shadow:none
}
.cf i
{
    color:#d9784c
}
.cf input,.cf select
{
    color:#34475a
}
.classified-search button
{
    background:#d9784c;
    box-shadow:none
}
.classified-search button:hover
{
    background:#c9673b
}
.classified-hero+.cw
{
    padding-top:1.4rem
}
.section-strip
{
    gap:.65rem;
    padding:.65rem .1rem 1.25rem
}
.section-strip button
{
    min-height:2.8rem;
    padding:.68rem 1rem;
    border:1px solid #cbd5de;
    background:#fff;
    color:#33475a;
    box-shadow:0 8px 18px -16px #25384b;
    font-size:.82rem
}
.section-strip button i
{
    color:#d66d3d;
    font-size:1.05rem
}
.section-strip button:hover
{
    transform:translateY(-1px);
    border-color:#e08a60;
    background:#fff8f4;
    color:#a94d25;
    box-shadow:0 12px 22px -17px #b85b31
}
.section-strip button.active
{
    border-color:#d86f3f;
    background:#d86f3f;
    color:#fff;
    box-shadow:0 10px 22px -15px #a4441e
}
.section-strip button.active i
{
    color:#fff
}
.classified-toolbar
{
    padding:1rem 0;
    border-top:1px solid #e5e9ed
}
.classified-toolbar h2
{
    color:#2a3d50;
    font-size:1.25rem
}
.classified-toolbar small
{
    color:#85909b
}
.classified-toolbar select
{
    border-color:#dfe5ea;
    color:#4b5c6d;
    box-shadow:none
}
.classified-grid
{
    gap:1rem
}
.classified-card
{
    border-color:#e0e5e9;
    border-radius:1.1rem;
    box-shadow:0 12px 28px -26px #25384b80
}
.classified-card:before
{
    display:none
}
.classified-card:hover
{
    transform:translateY(-3px);
    border-color:#cfd9df;
    box-shadow:0 18px 34px -27px #25384b73
}
.classified-media
{
    aspect-ratio:4/3
}
.classified-media:after
{
    height:24%;
    opacity:.62
}
.classified-media span
{
    top:.65rem;
    right:.65rem;
    border:0;
    background:#ffffffeb;
    color:#45596b
}
.classified-body h3
{
    color:#2a3b4d;
    font-size:.94rem
}
.classified-location
{
    color:#7a8794
}
.classified-location i
{
    color:#d9784c
}
.classified-price
{
    color:#c9663b;
    font-size:1.02rem
}
.classified-actions a
{
    height:2.55rem
}
.whatsapp
{
    background:#48936a
}
.phone
{
    background:#4b7897
}
.dark .classifieds
{
    background:#0a1420
}
.dark .classified-hero
{
    background:linear-gradient(180deg,#101e2a,#0a1420)
}
.dark .classified-hero h1
{
    color:#edf3f8
}
.dark .classified-hero p
{
    color:#98a8b7
}
.dark .classified-summary span
{
    border-color:#ffffff10;
    background:#ffffff08
}
.dark .classified-search
{
    border-color:#ffffff12;
    background:#101d2a
}
.dark .section-strip button.active
{
    border-color:#4a7377;
    background:#17373a;
    color:#b6dbdc
}
@media(max-width:800px)
{
    .cf-filter-toggle
    {
        display:inline-flex!important;
        align-items:center;
        justify-content:center;
        gap:.4rem;
        background:#eef3f7!important;
        color:#40566a!important
    }
    .classified-hero .cw
    {
        grid-template-columns:1fr
    }
    .classified-summary
    {
        display:none
    }
    .classified-search
    {
        grid-template-columns:1fr 1fr
    }
    .search-query,.classified-search button
    {
        grid-column:1/-1
    }
    .classified-hero
    {
        padding:2.4rem 0 1rem
    }
    .classified-actions a
    {
        font-size:0
    }
    .classified-actions a i
    {
        display:inline-flex!important;
        align-items:center;
        justify-content:center;
        font-size:1.3rem!important;
        line-height:1!important
    }
    .classified-actions
    {
        gap:.45rem;
        padding:0 .75rem .75rem
    }
    .classified-actions a
    {
        min-width:2.8rem;
        height:2.8rem
    }
}
@media(max-width:460px)
{
    .classified-search
    {
        grid-template-columns:1fr
    }
    .search-query,.classified-search button
    {
        grid-column:auto
    }
}
.cf-results-stats
{
    margin:0;
    text-align:center;
    color:#84909d;
    font-size:.72rem;
    font-weight:800
}
.cf-load-more-wrap
{
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:.75rem;
    padding:1.6rem 0 .5rem
}
.cf-load-more
{
    display:inline-flex;
    min-width:190px;
    height:3.2rem;
    align-items:center;
    justify-content:center;
    gap:.55rem;
    border:1px solid #d6e0e7;
    border-radius:1rem;
    background:#fff;
    color:#40566a;
    font-weight:950;
    box-shadow:0 12px 28px -22px #172b3e;
    transition:.2s
}
.cf-load-more:hover
{
    transform:translateY(-2px);
    border-color:#d9784c;
    color:#c45e31
}
.cf-load-more:disabled
{
    cursor:wait;
    opacity:.6;
    transform:none
}
.cf-load-more[hidden]
{
    display:none
}
.dark .cf-load-more
{
    border-color:#ffffff14;
    background:#101d2a;
    color:#dbe5ed
}
.classified-results-bar
{
    margin-top:1rem
}
.cf-view-btn
{
    border:0;
    background:transparent;
    color:#8794a4;
    transition:.2s
}
.cf-view-btn.active
{
    background:linear-gradient(135deg,#3b82f6cc,#22d3eecc);
    color:#fff;
    box-shadow:0 8px 20px #3b82f647
}
.classified-grid.list-view
{
    grid-template-columns:1fr
}
.classified-grid.list-view .classified-card
{
    display:grid;
    grid-template-columns:minmax(220px,30%) 1fr auto
}
.classified-grid.list-view .classified-media
{
    height:100%;
    aspect-ratio:auto
}
.classified-grid.list-view .classified-actions
{
    align-self:center;
    padding:1rem;
    grid-auto-flow:row;
    grid-auto-rows:2.8rem;
    grid-auto-columns:auto
}
.dark .cf-view-btn
{
    color:#94a3b8
}
@media(max-width:720px)
{
    .classified-results-bar
    {
        border-radius:1.25rem
    }
    .classified-grid.list-view .classified-card
    {
        display:flex
    }
    .classified-grid.list-view .classified-media
    {
        height:auto;
        aspect-ratio:4/3
    }
    .classified-grid.list-view .classified-actions
    {
        grid-auto-flow:column;
        grid-auto-columns:1fr;
        padding:0 .75rem .75rem
    }
}
@media(min-width:801px)
{
    .cf-results-filter-btn
    {
        display:none!important
    }
    .cf-results-layout
    {
        display:grid;
        grid-template-columns:300px minmax(0,1fr);
        align-items:start;
        gap:1.25rem
    }
    .cf-results-content
    {
        min-width:0
    }
    .cf-results-layout .cf-filter-panel
    {
        position:sticky;
        z-index:10;
        top:95px;
        right:auto;
        width:100%;
        height:auto;
        min-height:510px;
        padding:1.15rem;
        transform:none;
        border:1px solid #dfe6eb;
        border-radius:1.5rem;
        box-shadow:0 18px 45px -35px #182b3d
    }
    .cf-results-layout .cf-filter-actions
    {
        position:static;
        margin-top:1rem
    }
    .cf-results-layout .cf-filter-close
    {
        display:none
    }
    .classified-results-bar
    {
        margin-top:0
    }
}
@media(max-width:800px)
{
    .cf-results-layout
    {
        display:block
    }
    .cf-results-content
    {
        min-width:0
    }
    .cf-results-layout .cf-filter-panel
    {
        position:fixed
    }
}
.cf-filter-group
{
    display:grid;
    gap:.7rem
}
.cf-filter-group+.cf-filter-group
{
    padding-top:1rem;
    border-top:1px solid #edf1f4
}
.cf-filter-group-head
{
    display:flex;
    align-items:center;
    justify-content:space-between
}
.cf-filter-group-head>span
{
    display:flex;
    align-items:center;
    gap:.45rem;
    color:#263d51;
    font-size:.85rem;
    font-weight:950
}
.cf-filter-group-head>span i
{
    color:#d9784c;
    font-size:1.05rem
}
.cf-filter-group-head>small
{
    color:#93a0ac;
    font-size:.62rem
}
.cf-section-options
{
    display:grid;
    max-height:250px;
    gap:.45rem;
    overflow:auto;
    padding:.15rem .1rem .15rem .3rem;
    scrollbar-width:thin
}
.cf-section-option
{
    display:grid;
    grid-template-columns:2.35rem minmax(0,1fr) 1.7rem;
    align-items:center;
    gap:.65rem;
    width:100%;
    padding:.55rem;
    border:1px solid #e0e7ec;
    border-radius:.9rem;
    background:#fafbfc;
    color:#586b7d;
    text-align:right;
    transition:.2s
}
.cf-section-option>i
{
    display:grid;
    width:2.35rem;
    height:2.35rem;
    place-items:center;
    border-radius:.7rem;
    background:#edf3f6;
    color:#527086;
    font-size:1.05rem
}
.cf-section-option span,.cf-section-option b,.cf-section-option small
{
    display:block;
    min-width:0
}
.cf-section-option b
{
    overflow:hidden;
    color:#334a5e;
    font-size:.76rem;
    text-overflow:ellipsis;
    white-space:nowrap
}
.cf-section-option small
{
    margin-top:.12rem;
    color:#99a4ae;
    font-size:.58rem
}
.cf-section-option em
{
    display:grid;
    width:1.45rem;
    height:1.45rem;
    place-items:center;
    border:1px solid #dce4e9;
    border-radius:50%;
    color:transparent;
    font-size:.8rem;
    font-style:normal
}
.cf-section-option:hover
{
    border-color:#e4a384;
    background:#fff8f4
}
.cf-section-option.active
{
    border-color:#dc7445;
    background:#fff5ef;
    box-shadow:0 8px 20px -17px #bd5529
}
.cf-section-option.active>i
{
    background:#dc7445;
    color:#fff
}
.cf-section-option.active em
{
    border-color:#dc7445;
    background:#dc7445;
    color:#fff
}
.cf-location-group
{
    gap:.6rem
}
.cf-location-select
{
    display:grid;
    grid-template-columns:2.45rem minmax(0,1fr) 1.5rem;
    align-items:center;
    gap:.6rem;
    padding:.55rem .65rem;
    border:1px solid #e0e7ec;
    border-radius:.95rem;
    background:#fafbfc;
    transition:.2s
}
.cf-location-select:focus-within
{
    border-color:#dc7445;
    background:#fff;
    box-shadow:0 0 0 3px #dc744512
}
.cf-location-select>i
{
    display:grid;
    width:2.35rem;
    height:2.35rem;
    place-items:center;
    border-radius:.72rem;
    background:#eef4f7;
    color:#52758b;
    font-size:1.05rem
}
.cf-location-select>span
{
    display:grid;
    min-width:0
}
.cf-location-select small
{
    color:#91a0ac;
    font-size:.58rem;
    font-weight:800
}
.cf-location-select select
{
    width:100%;
    margin-top:.08rem;
    border:0;
    background:transparent;
    color:#30475a;
    font-size:.75rem;
    font-weight:900;
    outline:0;
    appearance:none
}
.cf-location-select>em
{
    color:#94a1ad;
    font-style:normal
}
.cf-location-select:has(select:disabled)
{
    opacity:.5;
    background:#f2f4f6
}
.dark .cf-filter-group+.cf-filter-group
{
    border-color:#ffffff10
}
.dark .cf-filter-group-head>span,.dark .cf-section-option b,.dark .cf-location-select select
{
    color:#e8eff5
}
.dark .cf-section-option,.dark .cf-location-select
{
    border-color:#ffffff10;
    background:#0b1723
}
.dark .cf-section-option>i,.dark .cf-location-select>i
{
    background:#ffffff0b;
    color:#9fc0d3
}
.dark .cf-section-option.active
{
    border-color:#d9784c;
    background:#d9784c18
}
.cf-filter-panel.is-loading .cf-filter-fields,.cf-filter-panel.is-loading .cf-filter-actions
{
    opacity:.5;
    pointer-events:none
}
.cf-filter-panel.is-loading .cf-filter-title i
{
    animation:cf-filter-spin .8s linear infinite
}
@keyframes cf-filter-spin
{
    to
    {
        transform:rotate(360deg)
    }
}
.cf-active-filters
{
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    gap:.5rem;
    margin:-.15rem 0 1rem;
    padding:.75rem;
    border:1px solid #e3e9ee;
    border-radius:1rem;
    background:#ffffffa8
}
.cf-active-filters[hidden]
{
    display:none
}
.cf-active-filters-label
{
    display:inline-flex;
    align-items:center;
    gap:.35rem;
    margin-left:.15rem;
    color:#6d7d8c;
    font-size:.7rem;
    font-weight:900
}
.cf-filter-tag
{
    display:inline-flex;
    align-items:center;
    gap:.4rem;
    min-height:2rem;
    padding:.3rem .65rem;
    border:1px solid #dce5eb;
    border-radius:99px;
    background:#f5f8fa;
    color:#40576b;
    font-size:.68rem;
    font-weight:900;
    transition:.2s
}
.cf-filter-tag>i:first-child
{
    color:#d9784c
}
.cf-filter-tag .ri-close-line
{
    color:#8c9aa6
}
.cf-filter-tag:hover
{
    border-color:#e5a383;
    background:#fff6f1;
    color:#b95429
}
.cf-filter-tags-reset
{
    margin-right:auto;
    border:0;
    background:transparent;
    color:#c45f34;
    font-size:.68rem;
    font-weight:950
}
.dark .cf-active-filters
{
    border-color:#ffffff10;
    background:#101d2aa8
}
.dark .cf-filter-tag
{
    border-color:#ffffff10;
    background:#ffffff08;
    color:#dce6ee
}
@media(max-width:520px)
{
    .cf-active-filters
    {
        padding:.6rem
    }
    .cf-active-filters-label
    {
        width:100%
    }
    .cf-filter-tags-reset
    {
        margin-right:0
    }
}
/* Classified filters drawer / mobile bottom sheet */ .cf-filter-toggle
{
    display:inline-flex!important;
    align-items:center;
    justify-content:center;
    gap:.45rem;
    background:#eef3f7!important;
    color:#40566a!important;
    box-shadow:none!important
}
.cf-filter-toggle:hover
{
    background:#e3eaf0!important
}
.cf-toolbar-filter
{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:.5rem;
    height:2.8rem;
    padding:0 1rem;
    border:1px solid #d8e1e8;
    border-radius:.85rem;
    background:#fff;
    color:#40566a;
    font-weight:900
}
.cf-toolbar-actions
{
    display:flex;
    align-items:center;
    gap:.65rem
}
.cf-filter-backdrop
{
    position:fixed;
    z-index:9998;
    inset:0;
    background:#0f172a80;
    opacity:0;
    visibility:hidden;
    transition:.25s;
    backdrop-filter:blur(4px)
}
.cf-filter-panel
{
    position:fixed;
    z-index:9999;
    top:0;
    right:0;
    width:min(390px,92vw);
    height:100dvh;
    padding:1.2rem;
    transform:translateX(105%);
    transition:transform .32s ease;
    background:#fff;
    box-shadow:-24px 0 70px #0f172a2e
}
.cf-filter-backdrop.open
{
    opacity:1;
    visibility:visible
}
.cf-filter-panel.open
{
    transform:none
}
.cf-filter-head
{
    display:flex;
    align-items:center;
    justify-content:space-between;
    padding:.3rem 0 1rem;
    border-bottom:1px solid #e8edf1
}
.cf-filter-title
{
    display:flex;
    align-items:center;
    gap:.8rem
}
.cf-filter-title i
{
    display:grid;
    width:2.75rem;
    height:2.75rem;
    place-items:center;
    border-radius:.9rem;
    background:#fff0e8;
    color:#d86f3f;
    font-size:1.25rem
}
.cf-filter-title h3,.cf-filter-title p
{
    margin:0
}
.cf-filter-title h3
{
    color:#263a4f;
    font-size:1.1rem;
    font-weight:950
}
.cf-filter-title p
{
    margin-top:.15rem;
    color:#84909d;
    font-size:.72rem
}
.cf-filter-close
{
    display:grid;
    width:2.5rem;
    height:2.5rem;
    place-items:center;
    border:0;
    border-radius:.8rem;
    background:#f1f4f6;
    color:#58697a;
    font-size:1.25rem
}
.cf-filter-fields
{
    display:grid;
    gap:1rem;
    padding:1.25rem 0
}
.cf-filter-field
{
    display:grid;
    gap:.45rem
}
.cf-filter-field span
{
    color:#4e6071;
    font-size:.78rem;
    font-weight:900
}
.cf-filter-field select
{
    width:100%;
    height:3.15rem;
    padding:0 .9rem;
    border:1px solid #dce4ea;
    border-radius:.9rem;
    background:#f8fafb;
    color:#304457;
    font-weight:800;
    outline:0
}
.cf-filter-field select:focus
{
    border-color:#dc7445;
    box-shadow:0 0 0 3px #dc744518
}
.cf-filter-actions
{
    position:absolute;
    right:1.2rem;
    bottom:1.2rem;
    left:1.2rem;
    display:grid;
    grid-template-columns:1fr 1.4fr;
    gap:.65rem;
    padding-top:1rem;
    border-top:1px solid #e8edf1
}
.cf-filter-actions button
{
    height:3.15rem;
    border:0;
    border-radius:.9rem;
    font-weight:950
}
.cf-filter-reset
{
    background:#eef2f5;
    color:#526477
}
.cf-filter-apply
{
    background:#d9784c;
    color:#fff
}
.dark .cf-filter-panel
{
    background:#101d2a
}
.dark .cf-filter-head,.dark .cf-filter-actions
{
    border-color:#ffffff12
}
.dark .cf-filter-title h3
{
    color:#fff
}
.dark .cf-filter-field span
{
    color:#bdc8d2
}
.dark .cf-filter-field select
{
    border-color:#ffffff14;
    background:#0a1420;
    color:#fff
}
.dark .cf-filter-close,.dark .cf-filter-reset
{
    background:#ffffff0d;
    color:#d6e0e8
}
@media(min-width:801px)
{
    .classified-search>.cf-filter-toggle
    {
        display:none!important
    }
}
@media(max-width:800px)
{
    body.cf-sheet-open
    {
        overflow:hidden
    }
    .cf-toolbar-filter
    {
        display:none
    }
    .cf-filter-panel
    {
        top:auto;
        right:0;
        bottom:0;
        width:100%;
        height:auto;
        max-height:88dvh;
        padding:1rem 1rem calc(1rem + env(safe-area-inset-bottom));
        transform:translateY(105%);
        border-radius:1.6rem 1.6rem 0 0
    }
    .cf-filter-panel:before
    {
        content:'';
        display:block;
        width:3.2rem;
        height:.3rem;
        margin:0 auto .8rem;
        border-radius:9rem;
        background:#d6dde3
    }
    .cf-filter-fields
    {
        max-height:55dvh;
        overflow:auto
    }
    .cf-filter-actions
    {
        position:static
    }
    .classified-search
    {
        grid-template-columns:minmax(0,1fr) auto auto!important
    }
    .classified-search .search-query
    {
        grid-column:auto!important
    }
    .classified-search button
    {
        grid-column:auto!important;
        padding:0 .9rem
    }
    .classified-search button span
    {
        display:none
    }
}
.cf-publish-hint
{
    grid-column:1/-1;
    position:relative;
    overflow:hidden;
    margin-top:1rem;
    padding:1rem;
    border:1px solid rgba(86,139,158,.14);
    border-radius:1.25rem;
    background:rgba(255,255,255,.6);
    box-shadow:0 18px 42px -36px #183c52;
    backdrop-filter:blur(12px)
}
.cf-publish-hint:before
{
    content:'';
    position:absolute;
    top:-3.5rem;
    left:-2rem;
    width:9rem;
    height:9rem;
    border-radius:50%;
    background:radial-gradient(circle,rgba(233,120,66,.12),transparent 68%)
}
.cf-publish-hint-head
{
    position:relative;
    display:flex;
    align-items:center;
    gap:.75rem;
    margin-bottom:.85rem
}
.cf-publish-hint-head>i
{
    display:grid;
    width:2.5rem;
    height:2.5rem;
    flex:none;
    place-items:center;
    border-radius:.8rem;
    background:linear-gradient(135deg,#df7445,#ef995e);
    color:#fff;
    font-size:1.2rem;
    box-shadow:0 10px 22px -14px #b94f23
}
.cf-publish-hint-head h2,.cf-publish-hint-head p
{
    margin:0
}
.cf-publish-hint-head h2
{
    color:#284359;
    font-size:.9rem;
    font-weight:950
}
.cf-publish-hint-head p
{
    margin-top:.15rem;
    color:#81919e;
    font-size:.66rem
}
.cf-publish-steps
{
    position:relative;
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:.55rem
}
.cf-publish-step
{
    display:flex;
    align-items:center;
    gap:.55rem;
    min-width:0;
    padding:.65rem;
    border:1px solid rgba(211,224,231,.88);
    border-radius:.9rem;
    background:rgba(255,255,255,.66)
}
.cf-publish-step>span
{
    display:grid;
    width:1.75rem;
    height:1.75rem;
    flex:none;
    place-items:center;
    border-radius:.55rem;
    background:#edf5f7;
    color:#4a7888;
    font-size:.68rem;
    font-weight:950
}
.cf-publish-step b
{
    color:#3c5365;
    font-size:.67rem;
    line-height:1.55
}
.cf-publish-free
{
    position:relative;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:.45rem;
    margin-top:.75rem;
    padding:.55rem;
    border-radius:.75rem;
    background:#eaf7f2;
    color:#27745e;
    font-size:.7rem;
    font-weight:950
}
.cf-publish-free i
{
    font-size:1rem
}
.dark .cf-publish-hint
{
    border-color:#ffffff0d;
    background:rgba(15,31,45,.68)
}
.dark .cf-publish-hint-head h2,.dark .cf-publish-step b
{
    color:#e6eef4
}
.dark .cf-publish-step
{
    border-color:#ffffff0c;
    background:#ffffff06
}
.dark .cf-publish-step>span
{
    background:#ffffff0a;
    color:#9bc5d2
}
.dark .cf-publish-free
{
    background:#1c4c3d55;
    color:#9cdec8
}
@media(max-width:800px)
{
    .cf-publish-steps
    {
        display:flex;
        overflow-x:auto;
        scroll-snap-type:x mandatory;
        padding-bottom:.2rem
    }
    .cf-publish-step
    {
        min-width:78%;
        scroll-snap-align:start
    }
    .cf-publish-hint-head
    {
        align-items:flex-start
    }
    .cf-publish-hint-head p
    {
        line-height:1.6
    }
}
/* Immersive classifieds hero */ .classified-hero
{
    position:relative;
    isolation:isolate;
    overflow:hidden;
    padding:3.4rem 0 2.1rem;
    background:linear-gradient(180deg,#fff 0,#f5fafc 16%,#edf7fa 62%,#f7f8fa 100%);
    box-shadow:none
}
.classified-hero:before
{
    display:block;
    content:'';
    position:absolute;
    z-index:-3;
    inset:0;
    background:radial-gradient(circle at 12% 22%,rgba(40,151,210,.16),transparent 27%),radial-gradient(circle at 86% 8%,rgba(233,120,66,.18),transparent 25%),radial-gradient(circle at 52% 105%,rgba(66,170,153,.12),transparent 34%)
}
.classified-hero:after
{
    content:'';
    position:absolute;
    z-index:-2;
    inset:0;
    background-image:linear-gradient(rgba(65,108,132,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(65,108,132,.045) 1px,transparent 1px);
    background-size:38px 38px;
    mask-image:linear-gradient(to bottom,rgba(0,0,0,.75),transparent 92%);
    pointer-events:none
}
.classified-hero .cw
{
    position:relative;
    z-index:2
}
.classified-intro
{
    position:relative
}
.classified-hero em
{
    border:1px solid rgba(74,131,150,.16);
    background:rgba(255,255,255,.72);
    color:#3f7180;
    box-shadow:0 10px 28px -22px #244b62;
    backdrop-filter:blur(10px)
}
.classified-hero h1
{
    position:relative;
    color:#203b54;
    text-shadow:none
}
.classified-hero h1 span
{
    background:linear-gradient(120deg,#df7040,#f0954d);
    background-clip:text;
    -webkit-background-clip:text;
    color:transparent
}
.classified-hero p
{
    color:#6b7e8e
}
.classified-summary span
{
    border-color:rgba(255,255,255,.82);
    background:rgba(255,255,255,.68);
    box-shadow:0 16px 36px -30px #24465c;
    backdrop-filter:blur(12px)
}
.classified-search
{
    position:relative;
    border-color:rgba(255,255,255,.92);
    background:rgba(255,255,255,.82);
    box-shadow:0 25px 60px -38px #17394f;
    backdrop-filter:blur(16px)
}
.classified-search:before
{
    content:'';
    position:absolute;
    z-index:-1;
    inset:-2px;
    border-radius:inherit;
    background:linear-gradient(110deg,rgba(52,148,199,.3),transparent 35%,rgba(234,126,72,.32));
    filter:blur(7px);
    opacity:.55
}
.cf-hero-effects,.cf-hero-effects span
{
    position:absolute;
    pointer-events:none
}
.cf-hero-effects
{
    z-index:-1;
    inset:0;
    overflow:hidden
}
.cf-hero-orbit
{
    width:21rem;
    height:21rem;
    top:-11rem;
    left:9%;
    border:1px solid rgba(60,139,174,.12);
    border-radius:50%
}
.cf-hero-dots
{
    width:9rem;
    height:7rem;
    right:4%;
    top:1.2rem;
    opacity:.38;
    background-image:radial-gradient(circle,#df7445 1.5px,transparent 1.7px);
    background-size:15px 15px;
    mask-image:linear-gradient(135deg,#000,transparent)
}
.cf-hero-arc
{
    width:13rem;
    height:6rem;
    left:30%;
    bottom:.6rem;
    border-top:2px solid rgba(49,136,174,.13);
    border-radius:50%
}
.cf-hero-glint
{
    width:.48rem;
    height:.48rem;
    border-radius:50%;
    background:#fff;
    box-shadow:0 0 0 4px rgba(255,255,255,.18),0 0 22px 7px rgba(45,158,205,.32);
    animation:cf-glint 3.8s ease-in-out infinite
}
.cf-hero-glint--one
{
    top:24%;
    right:27%
}
.cf-hero-glint--two
{
    bottom:25%;
    left:19%;
    width:.32rem;
    height:.32rem;
    animation-delay:1.3s
}
.cf-hero-glint--three
{
    top:18%;
    left:44%;
    width:.25rem;
    height:.25rem;
    background:#ef9a62;
    animation-delay:2.1s
}
@keyframes cf-glint
{
    0%,100%
    {
        opacity:.25;
        transform:scale(.75)
    }
    45%
    {
        opacity:1;
        transform:scale(1.2)
    }
    55%
    {
        opacity:.8;
        transform:translateY(-4px) scale(1)
    }
}
.dark .classified-hero
{
    background:linear-gradient(180deg,#07111d 0,#0a1826 42%,#0a1420 100%)
}
.dark .classified-hero:before
{
    background:radial-gradient(circle at 12% 22%,rgba(27,133,190,.18),transparent 29%),radial-gradient(circle at 86% 8%,rgba(207,92,40,.16),transparent 26%),radial-gradient(circle at 52% 105%,rgba(40,132,118,.11),transparent 34%)
}
.dark .classified-hero h1
{
    color:#edf5fa
}
.dark .classified-hero p
{
    color:#9eb0bd
}
.dark .classified-hero em,.dark .classified-summary span,.dark .classified-search
{
    border-color:rgba(255,255,255,.09);
    background:rgba(14,29,43,.72)
}
@media(max-width:800px)
{
    .classified-hero
    {
        padding:2.6rem 0 1.4rem
    }
    .cf-hero-orbit
    {
        left:-9rem
    }
    .cf-hero-dots
    {
        right:auto;
        left:2%
    }
    .cf-hero-glint--one
    {
        right:10%
    }
    .cf-hero-arc
    {
        display:none
    }
}
@media(prefers-reduced-motion:reduce)
{
    .cf-hero-glint
    {
        animation:none
    }
}
.cf-hero-trust-tags
{
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    gap:.5rem;
    margin-top:.85rem
}
.cf-hero-trust-tag
{
    position:relative;
    display:inline-flex;
    overflow:hidden;
    align-items:center;
    gap:.4rem;
    min-height:2rem;
    padding:.35rem .68rem;
    border:1px solid rgba(87,139,157,.15);
    border-radius:99px;
    background:rgba(255,255,255,.68);
    color:#486a79;
    font-size:.65rem;
    font-weight:950;
    box-shadow:0 9px 22px -19px #173d52;
    backdrop-filter:blur(10px)
}
.cf-hero-trust-tag:after
{
    content:'';
    position:absolute;
    top:-60%;
    left:-30%;
    width:28%;
    height:220%;
    transform:rotate(20deg);
    background:linear-gradient(90deg,transparent,rgba(255,255,255,.8),transparent);
    animation:cf-tag-shine 5s ease-in-out infinite
}
.cf-hero-trust-tag:nth-child(2):after
{
    animation-delay:1.25s
}
.cf-hero-trust-tag:nth-child(3):after
{
    animation-delay:2.5s
}
.cf-hero-trust-tag>i
{
    display:grid;
    width:1.35rem;
    height:1.35rem;
    place-items:center;
    border-radius:50%;
    font-size:.76rem
}
.cf-hero-trust-tag--free>i
{
    background:#e6f7ef;
    color:#21835f
}
.cf-hero-trust-tag--guest>i
{
    background:#fff0e7;
    color:#d66d3e
}
.cf-hero-trust-tag--safe>i
{
    background:#e8f3fb;
    color:#357da3
}
@keyframes cf-tag-shine
{
    0%,70%,100%
    {
        left:-35%;
        opacity:0
    }
    78%
    {
        opacity:1
    }
    92%
    {
        left:115%;
        opacity:0
    }
}
.dark .cf-hero-trust-tag
{
    border-color:#ffffff0d;
    background:#ffffff08;
    color:#c5d4de
}
@media(prefers-reduced-motion:reduce)
{
    .cf-hero-trust-tag:after
    {
        animation:none
    }
}
/* Premium classified contact actions */ .classified-actions
{
    gap:.5rem;
    padding:.15rem .85rem .85rem
}
.classified-actions .classified-contact
{
    position:relative;
    display:grid;
    grid-template-columns:2rem minmax(0,1fr);
    align-items:center;
    gap:.42rem;
    overflow:hidden;
    height:3.05rem;
    padding:.35rem .42rem;
    border:1px solid rgba(255,255,255,.28);
    border-radius:.9rem;
    color:#fff;
    box-shadow:0 12px 24px -18px currentColor;
    isolation:isolate;
    transition:transform .22s ease,box-shadow .22s ease
}
.classified-actions .classified-contact:before
{
    content:'';
    position:absolute;
    z-index:-1;
    inset:0;
    background:linear-gradient(110deg,transparent 25%,rgba(255,255,255,.16) 48%,transparent 70%);
    transform:translateX(110%);
    transition:transform .55s ease
}
.classified-actions .classified-contact:hover
{
    transform:translateY(-2px);
    box-shadow:0 16px 28px -17px rgba(26,54,75,.55)
}
.classified-actions .classified-contact:hover:before
{
    transform:translateX(-110%)
}
.classified-actions .whatsapp
{
    background:linear-gradient(135deg,#168f5a,#28b873)
}
.classified-actions .phone
{
    background:linear-gradient(135deg,#3d6f98,#5289b3)
}
.classified-contact-icon
{
    display:grid;
    width:2rem;
    height:2rem;
    place-items:center;
    border:1px solid rgba(255,255,255,.2);
    border-radius:.65rem;
    background:rgba(255,255,255,.14);
    font-size:1.05rem;
    box-shadow:inset 0 1px rgba(255,255,255,.16)
}
.classified-contact-copy
{
    display:flex;
    min-width:0;
    flex-direction:column;
    line-height:1.08;
    text-align:right
}
.classified-contact-copy small,.classified-contact-copy b
{
    display:block;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap
}
.classified-contact-copy small
{
    color:rgba(255,255,255,.72);
    font-size:.5rem;
    font-weight:700
}
.classified-contact-copy b
{
    margin-top:.16rem;
    color:#fff;
    font-size:.68rem;
    font-weight:950
}
.classified-contact-arrow
{
    position:absolute;
    top:.35rem;
    left:.35rem;
    color:rgba(255,255,255,.58);
    font-size:.58rem;
    transition:.2s
}
.classified-contact:hover .classified-contact-arrow
{
    color:#fff;
    transform:translate(-1px,-1px)
}
.dark .classified-actions .classified-contact
{
    border-color:rgba(255,255,255,.12)
}
.classified-grid.list-view .classified-actions .classified-contact
{
    min-width:135px
}
@media(max-width:800px)
{
    .classified-actions
    {
        gap:.42rem;
        padding:0 .7rem .7rem
    }
    .classified-actions .classified-contact
    {
        display:flex;
        min-width:0!important;
        height:2.8rem;
        justify-content:center;
        padding:.3rem
    }
    .classified-contact-icon
    {
        width:2rem;
        height:2rem
    }
    .classified-contact-copy,.classified-contact-arrow
    {
        display:none
    }
}
/* Premium quick-ad modal */ .cf-add-ad-trigger
{
    display:inline-flex;
    width:100%;
    align-items:center;
    justify-content:center;
    gap:.5rem;
    margin-top:.65rem;
    padding:.7rem 1rem;
    border:0;
    border-radius:.8rem;
    background:linear-gradient(135deg,#df7445,#ef985d);
    color:#fff;
    font-size:.72rem;
    font-weight:950;
    box-shadow:0 12px 26px -17px #b94f24;
    transition:.2s
}
.cf-add-ad-trigger:hover
{
    transform:translateY(-1px);
    box-shadow:0 16px 30px -18px #a84118
}
.cf-ad-modal-backdrop
{
    position:fixed;
    z-index:10020;
    inset:0;
    background:#07111db8;
    opacity:0;
    visibility:hidden;
    transition:.25s;
    backdrop-filter:blur(7px)
}
.cf-ad-modal
{
    position:fixed;
    z-index:10021;
    top:50%;
    left:50%;
    width:min(920px,calc(100% - 2rem));
    max-height:92dvh;
    overflow:auto;
    transform:translate(-50%,-46%) scale(.97);
    opacity:0;
    visibility:hidden;
    border:1px solid #ffffffa8;
    border-radius:1.8rem;
    background:#fff;
    box-shadow:0 35px 100px #02061755;
    transition:.28s
}
.cf-ad-modal.open
{
    transform:translate(-50%,-50%) scale(1);
    opacity:1;
    visibility:visible
}
.cf-ad-modal-backdrop.open
{
    opacity:1;
    visibility:visible
}
.cf-ad-modal-head
{
    position:sticky;
    z-index:3;
    top:0;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:1rem;
    padding:1rem 1.2rem;
    border-bottom:1px solid #e8edf1;
    background:#ffffffed;
    backdrop-filter:blur(15px)
}
.cf-ad-modal-title
{
    display:flex;
    align-items:center;
    gap:.8rem
}
.cf-ad-modal-title>i
{
    display:grid;
    width:2.8rem;
    height:2.8rem;
    place-items:center;
    border-radius:.9rem;
    background:linear-gradient(135deg,#df7445,#f0a06b);
    color:#fff;
    font-size:1.3rem
}
.cf-ad-modal-title h2,.cf-ad-modal-title p
{
    margin:0
}
.cf-ad-modal-title h2
{
    color:#273e52;
    font-size:1.05rem;
    font-weight:950
}
.cf-ad-modal-title p
{
    margin-top:.15rem;
    color:#82919d;
    font-size:.66rem
}
.cf-ad-modal-close
{
    display:grid;
    width:2.5rem;
    height:2.5rem;
    place-items:center;
    border:0;
    border-radius:.8rem;
    background:#eef2f5;
    color:#657687;
    font-size:1.2rem
}
.cf-quick-ad-form
{
    padding:1.2rem
}
.cf-ad-form-grid
{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:.85rem
}
.cf-ad-field
{
    display:grid;
    gap:.38rem
}
.cf-ad-field--wide
{
    grid-column:1/-1
}
.cf-ad-field>span
{
    display:flex;
    align-items:center;
    gap:.4rem;
    color:#43596c;
    font-size:.7rem;
    font-weight:950
}
.cf-ad-field>span i
{
    color:#d9784c
}
.cf-ad-field input,.cf-ad-field select,.cf-ad-field textarea
{
    width:100%;
    box-sizing:border-box;
    border:1px solid #dce4ea;
    border-radius:.9rem;
    background:#f8fafb;
    color:#2f4659;
    font-size:.76rem;
    font-weight:800;
    outline:0;
    transition:.2s
}
.cf-ad-field input,.cf-ad-field select
{
    height:3.1rem;
    padding:0 .85rem
}
.cf-ad-field textarea
{
    min-height:7rem;
    padding:.85rem;
    resize:vertical;
    line-height:1.7
}
.cf-ad-field input:focus,.cf-ad-field select:focus,.cf-ad-field textarea:focus
{
    border-color:#dc7445;
    background:#fff;
    box-shadow:0 0 0 3px #dc744514
}
.cf-ad-upload
{
    grid-column:1/-1;
    display:grid;
    grid-template-columns:1fr 110px;
    align-items:center;
    gap:1rem;
    padding:.8rem;
    border:1px dashed #cfdae2;
    border-radius:1rem;
    background:#f9fbfc;
    cursor:pointer
}
.cf-ad-upload input
{
    display:none
}
.cf-ad-upload .site-image-upload-status
{
    grid-column:1/-1;
    cursor:default
}
.cf-ad-upload-copy
{
    display:flex;
    align-items:center;
    gap:.7rem
}
.cf-ad-upload-copy>i
{
    display:grid;
    width:2.7rem;
    height:2.7rem;
    place-items:center;
    border-radius:.85rem;
    background:#eaf3f6;
    color:#4b7b8d;
    font-size:1.2rem
}
.cf-ad-upload-copy b,.cf-ad-upload-copy small
{
    display:block
}
.cf-ad-upload-copy b
{
    color:#3b5265;
    font-size:.75rem
}
.cf-ad-upload-copy small
{
    margin-top:.15rem;
    color:#8a99a5;
    font-size:.62rem
}
.cf-ad-preview
{
    width:110px;
    height:76px;
    object-fit:cover;
    border-radius:.75rem;
    background:#edf2f5
}
.cf-ad-submit-row
{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:1rem;
    margin-top:1rem;
    padding-top:1rem;
    border-top:1px solid #e8edf1
}
.cf-ad-submit-row p
{
    margin:0;
    color:#778895;
    font-size:.66rem
}
.cf-ad-submit
{
    display:inline-flex;
    min-width:180px;
    height:3.1rem;
    align-items:center;
    justify-content:center;
    gap:.5rem;
    border:0;
    border-radius:.9rem;
    background:linear-gradient(135deg,#df7445,#ee9358);
    color:#fff;
    font-weight:950
}
.cf-ad-auth-prompt
{
    padding:3rem 1.2rem;
    text-align:center
}
.cf-ad-auth-prompt>i
{
    display:grid;
    width:4rem;
    height:4rem;
    margin:auto;
    place-items:center;
    border-radius:1.25rem;
    background:#fff0e8;
    color:#d66e3f;
    font-size:2rem
}
.cf-ad-auth-prompt h3
{
    margin:1rem 0 .4rem;
    color:#2b4255;
    font-size:1.2rem;
    font-weight:950
}
.cf-ad-auth-prompt p
{
    color:#7c8b98
}
.cf-ad-auth-actions
{
    display:flex;
    justify-content:center;
    gap:.7rem;
    margin-top:1.2rem
}
.cf-ad-auth-actions a
{
    padding:.75rem 1.2rem;
    border-radius:.85rem;
    font-weight:900
}
.cf-ad-auth-actions a:first-child
{
    background:#d9784c;
    color:#fff
}
.cf-ad-auth-actions a:last-child
{
    border:1px solid #dce4ea;
    color:#526678
}
.dark .cf-ad-modal
{
    border-color:#ffffff10;
    background:#0d1b28
}
.dark .cf-ad-modal-head
{
    border-color:#ffffff10;
    background:#0d1b28ed
}
.dark .cf-ad-modal-title h2,.dark .cf-ad-field>span,.dark .cf-ad-upload-copy b,.dark .cf-ad-auth-prompt h3
{
    color:#e8f0f5
}
.dark .cf-ad-field input,.dark .cf-ad-field select,.dark .cf-ad-field textarea,.dark .cf-ad-upload
{
    border-color:#ffffff10;
    background:#081521;
    color:#fff
}
.dark .cf-ad-submit-row
{
    border-color:#ffffff10
}
@media(max-width:640px)
{
    .cf-ad-modal
    {
        top:auto;
        bottom:0;
        left:0;
        width:100%;
        max-height:92dvh;
        transform:translateY(105%);
        border-radius:1.5rem 1.5rem 0 0
    }
    .cf-ad-modal.open
    {
        transform:none
    }
    .cf-ad-form-grid
    {
        grid-template-columns:1fr
    }
    .cf-ad-field--wide,.cf-ad-upload
    {
        grid-column:1
    }
    .cf-ad-upload
    {
        grid-template-columns:1fr 80px
    }
    .cf-ad-preview
    {
        width:80px;
        height:66px
    }
    .cf-ad-submit-row
    {
        align-items:stretch;
        flex-direction:column
    }
    .cf-ad-submit
    {
        width:100%
    }
}
/* Decorative compact publishing guide */ .cf-publish-hint
{
    padding:.9rem!important;
    background:linear-gradient(145deg,rgba(255,255,255,.76),rgba(244,250,251,.62))
}
.cf-publish-hint:after
{
    content:'';
    position:absolute;
    top:0;
    right:0;
    width:4px;
    height:100%;
    background:linear-gradient(#df7445,#f0aa72 45%,#4c91aa)
}
.cf-publish-hint-head
{
    gap:.65rem!important;
    margin-bottom:.65rem!important
}
.cf-publish-hint-head>i
{
    position:relative;
    width:2.7rem;
    height:2.7rem
}
.cf-publish-hint-head>i:after
{
    content:'';
    position:absolute;
    inset:-5px;
    border:1px dashed rgba(217,120,76,.28);
    border-radius:1rem;
    animation:cf-guide-orbit 9s linear infinite
}
.cf-publish-title-copy
{
    min-width:0;
    flex:1
}
.cf-publish-eyebrow
{
    display:block;
    margin-bottom:.14rem;
    color:#d66d3e;
    font-size:.55rem;
    font-weight:950;
    letter-spacing:.06em
}
.cf-publish-title-row
{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:.55rem
}
.cf-publish-title-row h2
{
    position:relative;
    font-size:1rem!important
}
.cf-publish-title-row h2:after
{
    content:'';
    display:block;
    width:2.3rem;
    height:2px;
    margin-top:.28rem;
    border-radius:9rem;
    background:linear-gradient(90deg,#df7445,#f1ac76,transparent)
}
.cf-publish-title-row>b
{
    flex:none;
    padding:.25rem .48rem;
    border:1px solid rgba(72,133,153,.13);
    border-radius:99px;
    background:#eaf3f5;
    color:#477586;
    font-size:.55rem
}
.cf-publish-hint-head p
{
    margin-top:.28rem!important;
    font-size:.6rem!important
}
.cf-publish-steps
{
    gap:.38rem!important
}
.cf-publish-step
{
    position:relative;
    padding:.5rem .58rem!important;
    border-radius:.75rem!important
}
.cf-publish-step>span
{
    width:1.55rem;
    height:1.55rem;
    border-radius:.48rem
}
.cf-publish-step b
{
    font-size:.63rem
}
.cf-publish-free
{
    margin-top:.55rem!important;
    padding:.48rem!important;
    font-size:.64rem!important
}
.dark .cf-publish-hint
{
    background:linear-gradient(145deg,rgba(15,31,45,.82),rgba(10,24,36,.7))
}
.dark .cf-publish-title-row>b
{
    border-color:#ffffff0c;
    background:#ffffff0a;
    color:#9fc7d4
}
@keyframes cf-guide-orbit
{
    to
    {
        transform:rotate(360deg)
    }
}
@media(prefers-reduced-motion:reduce)
{
    .cf-publish-hint-head>i:after
    {
        animation:none
    }
}
/* Split hero: discovery and publishing guide */ @media(min-width:901px)
{
    .classified-hero .cw
    {
        grid-template-columns:minmax(0,1.25fr) minmax(310px,.75fr);
        grid-template-rows:auto auto 1fr;
        align-items:start;
        gap:1rem 1.35rem
    }
    .classified-intro
    {
        grid-column:1;
        grid-row:1
    }
    .classified-summary
    {
        grid-column:1;
        grid-row:2
    }
    .classified-search
    {
        grid-column:1;
        grid-row:3;
        margin-top:0
    }
    .cf-publish-hint
    {
        grid-column:2;
        grid-row:1/4;
        height:100%;
        margin-top:0;
        display:flex;
        flex-direction:column;
        padding:1.15rem
    }
    .cf-publish-steps
    {
        grid-template-columns:1fr;
        flex:1
    }
    .cf-publish-step
    {
        padding:.75rem
    }
    .cf-publish-free
    {
        margin-top:.85rem;
        padding:.75rem;
        line-height:1.6
    }
    .cf-publish-hint-head
    {
        padding-bottom:.75rem;
        border-bottom:1px solid rgba(91,135,151,.12)
    }
}
.cf-search-reset
{
    display:inline-flex!important;
    width:2.35rem!important;
    height:2.35rem!important;
    min-width:2.35rem!important;
    flex:none;
    align-items:center;
    justify-content:center;
    padding:0!important;
    border:0!important;
    border-radius:.7rem!important;
    background:#e9eef2!important;
    color:#748493!important;
    box-shadow:none!important;
    font-size:1.05rem!important
}
.cf-search-reset.visible
{
    display:inline-flex!important
}
.cf-search-reset:disabled
{
    opacity:.45;
    cursor:default
}
.cf-search-reset:not(:disabled):hover
{
    background:#fff0e8!important;
    color:#d56d3f!important
}
.dark .cf-search-reset
{
    background:#ffffff0b!important;
    color:#a9b8c4!important
}
@media(max-width:900px)
{
    .classified-hero .cw
    {
        grid-template-columns:1fr
    }
    .classified-intro,.classified-summary,.classified-search,.cf-publish-hint
    {
        grid-column:1;
        grid-row:auto
    }
    .cf-publish-hint
    {
        height:auto
    }
}
/* Seamless header, hero and content surfaces */ .classifieds
{
    margin-top:-1px;
    background:linear-gradient(180deg,#dff1fb 0,#edf7fa 19rem,#f7f8fa 34rem)
}
.classified-hero
{
    margin-top:0;
    background:radial-gradient(ellipse at 9% -8%,rgba(75,166,216,.22),transparent 31%),radial-gradient(ellipse at 73% -12%,rgba(72,190,171,.14),transparent 30%),radial-gradient(ellipse at 96% 5%,rgba(235,132,82,.17),transparent 27%),linear-gradient(180deg,#dff1fb 0,#e9f6fb 20%,#f2f9fa 66%,#f7f8fa 100%)
}
.classified-hero:after
{
    background-image:linear-gradient(rgba(31,122,255,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(31,122,255,.07) 1px,transparent 1px);
    background-size:24px 24px;
    mask-image:linear-gradient(to bottom,#000 0,rgba(0,0,0,.72) 38%,transparent 94%)
}
.classified-hero+ .cw
{
    position:relative;
    padding-top:1.4rem
}
.classified-hero+ .cw:before
{
    content:'';
    position:absolute;
    z-index:-1;
    top:-5rem;
    right:50%;
    width:100vw;
    height:8rem;
    transform:translateX(50%);
    background:linear-gradient(180deg,transparent,#f7f8fa 82%);
    pointer-events:none
}
.dark .classifieds
{
    background:linear-gradient(180deg,#091b2a,#0a1622 28rem,#0a1420 42rem)
}
.dark .classified-hero
{
    background:radial-gradient(ellipse at 9% -8%,rgba(24,128,183,.18),transparent 32%),radial-gradient(ellipse at 73% -12%,rgba(37,143,126,.12),transparent 31%),radial-gradient(ellipse at 96% 5%,rgba(191,78,35,.14),transparent 28%),linear-gradient(180deg,#0b2131 0,#0a1b29 38%,#0a1420 100%)
}
.dark .classified-hero+ .cw:before
{
    background:linear-gradient(180deg,transparent,#0a1420 82%)
}
@media(max-width:800px)
{
    .classifieds
    {
        margin-top:-1px
    }
    .classified-hero
    {
        background:radial-gradient(ellipse at 14% -5%,rgba(75,166,216,.2),transparent 38%),radial-gradient(ellipse at 92% 5%,rgba(235,132,82,.14),transparent 34%),linear-gradient(180deg,#dff1fb,#eef8fa 58%,#f7f8fa)
    }
}
/* Keep mobile bottom sheets above the page surface and backdrop */ /* Public classified quick preview */ .classified-media
{
    width:100%;
    padding:0;
    border:0;
    text-align:inherit
}
.classified-title-button
{
    max-width:100%;
    padding:0;
    border:0;
    background:transparent;
    text-align:right
}
.cf-public-preview-backdrop
{
    position:fixed;
    z-index:10050;
    inset:0;
    background:rgba(4,15,25,.68);
    opacity:0;
    visibility:hidden;
    transition:.25s;
    backdrop-filter:blur(7px)
}
.cf-public-preview-modal
{
    position:fixed;
    z-index:10051;
    top:50%;
    left:50%;
    width:min(940px,calc(100% - 2rem));
    max-height:90dvh;
    overflow:hidden;
    transform:translate(-50%,-46%) scale(.97);
    opacity:0;
    visibility:hidden;
    border:1px solid rgba(255,255,255,.75);
    border-radius:1.7rem;
    background:#fff;
    box-shadow:0 35px 100px rgba(2,6,23,.4);
    transition:.27s
}
.cf-public-preview-backdrop.open,.cf-public-preview-modal.open
{
    opacity:1;
    visibility:visible
}
.cf-public-preview-modal.open
{
    transform:translate(-50%,-50%) scale(1)
}
.cf-public-preview-head
{
    display:flex;
    align-items:center;
    justify-content:space-between;
    padding:.9rem 1rem;
    border-bottom:1px solid #e6ebef
}
.cf-public-preview-head div
{
    display:flex;
    align-items:center;
    gap:.6rem;
    color:#30495c;
    font-weight:950
}
.cf-public-preview-head div>i
{
    display:grid;
    width:2.3rem;
    height:2.3rem;
    place-items:center;
    border-radius:.75rem;
    background:#fff0e8;
    color:#d86f3f
}
.cf-public-preview-close
{
    display:grid;
    width:2.35rem;
    height:2.35rem;
    place-items:center;
    border:0;
    border-radius:.75rem;
    background:#eef2f5;
    color:#647585
}
.cf-public-preview-body
{
    max-height:calc(90dvh - 65px);
    overflow-y:auto;
    padding:1rem
}
.cf-public-preview
{
    display:grid;
    grid-template-columns:minmax(260px,.8fr) minmax(0,1.2fr);
    gap:1.2rem
}
.cf-public-preview figure
{
    position:relative;
    overflow:hidden;
    min-height:360px;
    margin:0;
    border-radius:1.25rem;
    background:#edf2f5
}
.cf-public-preview figure img
{
    width:100%;
    height:100%;
    object-fit:cover
}
.cf-public-preview figure span
{
    position:absolute;
    top:.8rem;
    right:.8rem;
    display:flex;
    align-items:center;
    gap:.4rem;
    padding:.5rem .7rem;
    border-radius:99px;
    background:rgba(16,32,50,.86);
    color:#fff;
    font-size:.68rem;
    font-weight:900
}
.cf-public-preview-copy
{
    padding:.5rem
}
.cf-public-preview-kicker
{
    display:inline-flex;
    align-items:center;
    gap:.4rem;
    color:#278064;
    font-size:.68rem;
    font-weight:950
}
.cf-public-preview-copy h2
{
    margin:.65rem 0;
    color:#283f53;
    font-size:1.6rem;
    font-weight:950
}
.cf-public-preview-location
{
    display:flex;
    align-items:center;
    gap:.4rem;
    color:#66808f;
    font-size:.75rem
}
.cf-public-preview-description
{
    max-height:190px;
    overflow-y:auto;
    margin-top:1rem;
    color:#687b89;
    font-size:.82rem;
    line-height:1.9;
    white-space:pre-line
}
.cf-public-preview-price
{
    margin-top:1rem;
    padding:.75rem;
    border-radius:.9rem;
    background:#fff5ef
}
.cf-public-preview-price small,.cf-public-preview-price b
{
    display:block
}
.cf-public-preview-price small
{
    color:#98715e;
    font-size:.62rem
}
.cf-public-preview-price b
{
    color:#d86634;
    font-size:1.1rem
}
.cf-public-preview-actions
{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:.65rem;
    margin-top:1rem
}
.cf-public-preview-actions a
{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:.5rem;
    min-height:3rem;
    border-radius:.85rem;
    color:#fff;
    font-size:.75rem;
    font-weight:950
}
.cf-public-preview-actions .whatsapp
{
    background:#179c69
}
.cf-public-preview-actions .phone
{
    background:#3d7190
}
.dark .cf-public-preview-modal
{
    border-color:#ffffff10;
    background:#0c1925
}
.dark .cf-public-preview-head
{
    border-color:#ffffff10
}
.dark .cf-public-preview-copy h2
{
    color:#edf5f8
}
.dark .cf-public-preview-description
{
    color:#a9b8c2
}
@media(max-width:700px)
{
    .cf-public-preview-modal
    {
        top:auto;
        bottom:0;
        left:0;
        width:100%;
        max-height:92dvh;
        transform:translateY(105%);
        border-radius:1.5rem 1.5rem 0 0
    }
    .cf-public-preview-modal.open
    {
        transform:none
    }
    .cf-public-preview-body
    {
        max-height:calc(92dvh - 65px)
    }
    .cf-public-preview
    {
        grid-template-columns:1fr
    }
    .cf-public-preview figure
    {
        min-height:220px;
        height:220px
    }
    .cf-public-preview-copy h2
    {
        font-size:1.25rem
    }
    .cf-public-preview-actions
    {
        position:sticky;
        bottom:0;
        padding-top:.6rem;
        background:inherit
    }
}
/* Premium add-ad modal structure */ .cf-ad-modal
{
    display:flex;
    height:min(760px,92dvh);
    overflow:hidden;
    flex-direction:column
}
.cf-ad-modal-head
{
    position:relative;
    flex:none;
    padding:1.05rem 1.25rem;
    background:linear-gradient(135deg,rgba(255,255,255,.98),rgba(244,249,251,.96))
}
.cf-ad-modal-head:after
{
    content:'';
    position:absolute;
    right:1.2rem;
    bottom:-1px;
    left:1.2rem;
    height:1px;
    background:linear-gradient(90deg,transparent,#dce6eb,transparent)
}
.cf-ad-modal-title>i
{
    box-shadow:0 12px 26px -16px #b94f24
}
.cf-ad-modal-close
{
    transition:.2s
}
.cf-ad-modal-close:hover
{
    transform:rotate(6deg);
    background:#feece3;
    color:#ce6435
}
.cf-quick-ad-form
{
    display:flex;
    min-height:0;
    flex:1;
    flex-direction:column;
    padding:0
}
.cf-ad-modal-body
{
    min-height:0;
    flex:1;
    overflow-y:auto;
    padding:1.15rem 1.25rem;
    overscroll-behavior:contain;
    scrollbar-width:thin;
    scrollbar-color:#bdcbd3 transparent
}
.cf-ad-form-intro
{
    display:flex;
    align-items:center;
    gap:.75rem;
    margin-bottom:1rem;
    padding:.8rem .9rem;
    border:1px solid #dce8ec;
    border-radius:1rem;
    background:linear-gradient(135deg,#f3fafb,#fff8f4)
}
.cf-ad-form-intro-icon
{
    display:grid;
    width:2.7rem;
    height:2.7rem;
    flex:none;
    place-items:center;
    border-radius:.85rem;
    background:#fff;
    color:#d66f40;
    box-shadow:0 10px 22px -18px #27485b;
    font-size:1.2rem
}
.cf-ad-form-intro>div
{
    display:grid;
    min-width:0;
    gap:.15rem
}
.cf-ad-form-intro b
{
    color:#30495c;
    font-size:.76rem
}
.cf-ad-form-intro small
{
    color:#81919d;
    font-size:.63rem
}
.cf-ad-form-badge
{
    display:inline-flex;
    align-items:center;
    gap:.3rem;
    margin-right:auto;
    padding:.38rem .6rem;
    border-radius:99px;
    background:#e6f7ef;
    color:#23805f;
    font-size:.62rem;
    font-weight:950;
    white-space:nowrap
}
.cf-ad-form-grid
{
    gap:.9rem
}
.cf-ad-section-field
{
    position:relative
}
.cf-ad-section-control
{
    display:grid;
    width:100%;
    grid-template-columns:2.55rem minmax(0,1fr) 1.4rem;
    align-items:center;
    gap:.55rem;
    padding:0;
    border:0;
    border-radius:.7rem;
    background:#f6f8fa;
    color:#385064;
    text-align:right
}
.cf-ad-section-control>#cf-ad-section-icon
{
    display:grid;
    width:2.55rem;
    height:2.55rem;
    place-items:center;
    border-radius:.7rem;
    background:linear-gradient(135deg,#fff0e8,#fce4d7);
    color:#d66f3f;
    font-size:1.15rem;
    transition:.2s
}
.cf-ad-section-control>b
{
    overflow:hidden;
    font-size:.76rem;
    text-overflow:ellipsis;
    white-space:nowrap
}
.cf-ad-section-control>.ri-arrow-down-s-line
{
    color:#8c9aa5;
    font-size:1rem;
    transition:.2s
}
.cf-ad-section-control[aria-expanded=true]>.ri-arrow-down-s-line
{
    transform:rotate(180deg)
}
.cf-ad-section-field:focus-within .cf-ad-section-control>#cf-ad-section-icon
{
    background:linear-gradient(135deg,#df7445,#ee965d);
    color:#fff;
    transform:scale(1.04)
}
.cf-ad-section-menu
{
    position:absolute;
    z-index:20;
    top:calc(100% - .25rem);
    right:.7rem;
    left:.7rem;
    display:grid;
    max-height:245px;
    gap:.35rem;
    overflow-y:auto;
    padding:.45rem;
    border:1px solid #dce5ea;
    border-radius:.9rem;
    background:#fff;
    box-shadow:0 22px 50px -26px #183348
}
.cf-ad-section-menu[hidden]
{
    display:none
}
.cf-ad-section-menu button
{
    display:grid;
    grid-template-columns:2.15rem minmax(0,1fr) 1.4rem;
    align-items:center;
    gap:.55rem;
    min-height:2.7rem;
    padding:.3rem .45rem;
    border:0;
    border-radius:.7rem;
    background:transparent;
    color:#40576a;
    text-align:right
}
.cf-ad-section-menu button>i:first-child
{
    display:grid;
    width:2.15rem;
    height:2.15rem;
    place-items:center;
    border-radius:.62rem;
    background:#edf4f6;
    color:#52788b;
    font-size:1rem
}
.cf-ad-section-menu button>i:last-child
{
    color:transparent
}
.cf-ad-section-menu button:hover
{
    background:#fff6f1;
    color:#ad5129
}
.cf-ad-section-menu button.active
{
    background:#fff1e9;
    color:#b6532a;
    font-weight:950
}
.cf-ad-section-menu button.active>i:first-child
{
    background:#dc7445;
    color:#fff
}
.cf-ad-section-menu button.active>i:last-child
{
    color:#dc7445
}
.dark .cf-ad-section-control
{
    background:#07131e;
    color:#e8f1f5
}
.dark .cf-ad-section-menu
{
    border-color:#ffffff12;
    background:#0b1824
}
.dark .cf-ad-section-menu button
{
    color:#d6e2e9
}
.dark .cf-ad-section-menu button:hover,.dark .cf-ad-section-menu button.active
{
    background:#d9784c1c
}
.cf-ad-field
{
    padding:.7rem;
    border:1px solid #e4eaee;
    border-radius:1rem;
    background:#fff;
    transition:.2s
}
.cf-ad-field:hover,.cf-ad-field:focus-within
{
    border-color:#e5a383;
    box-shadow:0 12px 25px -24px #8d3f1e
}
.cf-ad-field input,.cf-ad-field select,.cf-ad-field textarea
{
    border:0!important;
    border-radius:.65rem;
    background:#f6f8fa
}
.cf-ad-field input:focus,.cf-ad-field select:focus,.cf-ad-field textarea:focus
{
    background:#fff9f5;
    box-shadow:0 0 0 2px #dc74451c
}
.cf-ad-contact-rule
{
    grid-column:1/-1;
    display:flex;
    align-items:center;
    gap:.6rem;
    margin-top:-.25rem;
    padding:.65rem .75rem;
    border:1px solid #dce9ee;
    border-radius:.85rem;
    background:#f2f8fa;
    color:#527082
}
.cf-ad-contact-rule>i
{
    display:grid;
    width:2rem;
    height:2rem;
    flex:none;
    place-items:center;
    border-radius:.65rem;
    background:#fff;
    color:#4b8193
}
.cf-ad-contact-rule span,.cf-ad-contact-rule b,.cf-ad-contact-rule small
{
    display:block
}
.cf-ad-contact-rule b
{
    font-size:.68rem
}
.cf-ad-contact-rule small
{
    margin-top:.1rem;
    color:#81919c;
    font-size:.59rem
}
.dark .cf-ad-contact-rule
{
    border-color:#ffffff10;
    background:#0a1d29
}
.cf-ad-upload
{
    border-width:1.5px;
    background:linear-gradient(135deg,#f7fbfc,#fffaf7);
    transition:.2s
}
.cf-ad-upload:hover
{
    border-color:#df8a61;
    transform:translateY(-1px)
}
.cf-ad-preview
{
    border:3px solid #fff;
    box-shadow:0 8px 20px -16px #20384a
}
.cf-ad-submit-row
{
    display:flex;
    flex:none;
    align-items:center;
    justify-content:space-between;
    gap:1rem;
    margin:0;
    padding:.9rem 1.25rem;
    border-top:1px solid #e1e8ec;
    background:rgba(255,255,255,.96);
    box-shadow:0 -16px 35px -32px #142d3e;
    backdrop-filter:blur(14px)
}
.cf-ad-submit-row p
{
    display:flex;
    align-items:center;
    gap:.6rem
}
.cf-ad-submit-row p>i
{
    display:grid;
    width:2.25rem;
    height:2.25rem;
    place-items:center;
    border-radius:.7rem;
    background:#e8f7f0;
    color:#278163;
    font-size:1rem
}
.cf-ad-submit-row p span,.cf-ad-submit-row p b,.cf-ad-submit-row p small
{
    display:block
}
.cf-ad-submit-row p b
{
    color:#3d5668;
    font-size:.68rem
}
.cf-ad-submit-row p small
{
    margin-top:.1rem;
    color:#84939f;
    font-size:.6rem
}
.cf-ad-submit
{
    min-width:205px;
    box-shadow:0 13px 26px -18px #a8441c;
    transition:.2s
}
.cf-ad-submit:hover
{
    transform:translateY(-1px);
    box-shadow:0 16px 30px -17px #943a16
}
.cf-ad-submit i
{
    font-size:1.05rem
}
.dark .cf-ad-modal-head,.dark .cf-ad-submit-row
{
    background:rgba(13,27,40,.96)
}
.dark .cf-ad-form-intro
{
    border-color:#ffffff10;
    background:linear-gradient(135deg,#102837,#221c1a)
}
.dark .cf-ad-form-intro b,.dark .cf-ad-submit-row p b
{
    color:#e8f1f5
}
.dark .cf-ad-field
{
    border-color:#ffffff0d;
    background:#0b1824
}
.dark .cf-ad-field input,.dark .cf-ad-field select,.dark .cf-ad-field textarea
{
    background:#07131e
}
@media(max-width:640px)
{
    .cf-ad-modal
    {
        height:92dvh;
        max-height:92dvh
    }
    .cf-ad-modal-head
    {
        padding:.85rem 1rem
    }
    .cf-ad-modal-body
    {
        padding:.85rem 1rem
    }
    .cf-ad-form-intro
    {
        align-items:flex-start
    }
    .cf-ad-form-badge
    {
        display:none
    }
    .cf-ad-field
    {
        padding:.6rem
    }
    .cf-ad-submit-row
    {
        padding:.75rem 1rem calc(.75rem + env(safe-area-inset-bottom))
    }
    .cf-ad-submit-row p
    {
        display:none
    }
    .cf-ad-submit
    {
        width:100%;
        min-width:0
    }
}
.cf-ad-field.is-invalid,.cf-ad-upload.is-invalid
{
    border-color:#ef4444!important;
    background:#fff7f7;
    box-shadow:0 0 0 3px rgba(239,68,68,.1)
}
.cf-ad-field.is-invalid>span
{
    color:#c93636
}
.cf-ad-submit.is-loading
{
    pointer-events:none;
    opacity:.78
}
.cf-ad-submit.is-loading i
{
    animation:cf-filter-spin .8s linear infinite
}
.cf-ajax-toasts
{
    position:fixed;
    z-index:10060;
    top:1rem;
    left:50%;
    display:grid;
    width:min(92vw,390px);
    gap:.65rem;
    transform:translateX(-50%);
    pointer-events:none
}
.cf-ajax-toast
{
    display:grid;
    grid-template-columns:2.5rem minmax(0,1fr) 2rem;
    align-items:center;
    gap:.65rem;
    padding:.7rem;
    border:1px solid #dce6ea;
    border-radius:1rem;
    background:rgba(255,255,255,.96);
    box-shadow:0 20px 55px -28px #061a29;
    opacity:0;
    transform:translateY(-12px) scale(.97);
    transition:.25s;
    backdrop-filter:blur(15px);
    pointer-events:auto
}
.cf-ajax-toast.show
{
    opacity:1;
    transform:none
}
.cf-ajax-toast>i
{
    display:grid;
    width:2.5rem;
    height:2.5rem;
    place-items:center;
    border-radius:.75rem;
    font-size:1.15rem
}
.cf-ajax-toast div
{
    display:grid;
    gap:.12rem
}
.cf-ajax-toast b
{
    color:#30485b;
    font-size:.74rem
}
.cf-ajax-toast small
{
    color:#7c8d99;
    font-size:.62rem;
    line-height:1.55
}
.cf-ajax-toast button
{
    display:grid;
    width:2rem;
    height:2rem;
    place-items:center;
    border:0;
    border-radius:.6rem;
    background:#eef2f4;
    color:#71818e
}
.cf-ajax-toast--success>i
{
    background:#e4f7ed;
    color:#21835e
}
.cf-ajax-toast--error>i
{
    background:#feeaea;
    color:#d13d3d
}
.dark .cf-ajax-toast
{
    border-color:#ffffff12;
    background:rgba(12,27,40,.96)
}
.dark .cf-ajax-toast b
{
    color:#edf5f8
}
.dark .cf-ad-field.is-invalid,.dark .cf-ad-upload.is-invalid
{
    background:#3a1515
}
@media(max-width:800px)
{
    .classifieds
    {
        z-index:auto!important
    }
    .cf-filter-backdrop
    {
        z-index:10030
    }
    .cf-filter-panel
    {
        z-index:10031!important
    }
    .cf-results-layout,.cf-results-content
    {
        position:static!important;
        isolation:auto!important
    }
    .cf-ad-modal-backdrop
    {
        z-index:10040
    }
    .cf-ad-modal
    {
        z-index:10041
    }
}
/* Left-side scrollbars for the RTL mobile filters sheet */ @media(max-width:800px)
{
    html.classifieds-page .site-header
    {
        position:relative!important;
        top:auto!important;
        z-index:140!important
    }
    .site-header .header-premium
    {
        position:relative;
        z-index:1
    }
    .classified-search
    {
        position:relative!important;
        width:96vw!important;
        max-width:96vw!important;
        margin-right:calc(50% - 48vw)!important;
        margin-left:calc(50% - 48vw)!important
    }
    .classified-search.cf-search-stuck
    {
        position:fixed!important;
        z-index:1000;
        top:0;
        right:0;
        left:0;
        width:100%!important;
        max-width:none!important;
        margin:0!important;
        border-radius:0!important;
        transform:none;
        box-shadow:0 14px 36px -20px rgba(22,48,67,.65)
    }
    .cf-search-placeholder
    {
        display:flow-root;
        order:3;
        flex:none;
        width:100%;
        margin-top:.15rem;
        overflow-anchor:none
    }
    .cf-search-placeholder #cf-form
    {
        margin-top:0!important
    }
}
@media(max-width:800px)
{
    .cf-filter-fields
    {
        direction:rtl;
        margin-left:-1rem;
        padding-left:0
    }
    .cf-filter-fields>*
    {
        direction:rtl;
        margin-left:1rem
    }
    .cf-section-options
    {
        direction:rtl;
        margin-left:-1rem;
        padding-left:0;
        padding-right:.1rem
    }
    .cf-section-option
    {
        direction:rtl;
        margin-left:1rem;
        width:calc(100% - 1rem)
    }
    .cf-filter-fields,.cf-section-options
    {
        scrollbar-color:rgba(82,117,136,.42) transparent;
        scrollbar-width:thin
    }
    .cf-filter-fields::-webkit-scrollbar,.cf-section-options::-webkit-scrollbar
    {
        width:5px
    }
    .cf-filter-fields::-webkit-scrollbar-thumb,.cf-section-options::-webkit-scrollbar-thumb
    {
        border-radius:99px;
        background:rgba(82,117,136,.42)
    }
    .cf-filter-fields::-webkit-scrollbar-track,.cf-section-options::-webkit-scrollbar-track
    {
        background:transparent
    }
}
/* Upgraded in-card section placement */ .classified-media>span
{
    display:none
}
.classified-section-link
{
    position:static;
    z-index:auto;
    display:grid;
    grid-template-columns:2rem minmax(0,1fr) 1.35rem;
    width:100%;
    max-width:none;
    height:auto;
    margin:0 0 .72rem;
    padding:.45rem .5rem;
    align-items:center;
    gap:.55rem;
    border:1px solid #e5ebef;
    border-radius:.85rem;
    background:linear-gradient(135deg,#f8fafb,#fff7f2);
    color:#314b5e;
    font-size:.68rem;
    font-weight:950;
    box-shadow:none;
    transition:border-color .2s ease,background .2s ease,transform .2s ease
}
.classified-section-link>i:first-child
{
    display:grid;
    width:2rem;
    height:2rem;
    flex:none;
    place-items:center;
    border-radius:.65rem;
    background:#fff0e8;
    color:#d86f3f;
    font-size:1rem
}
.classified-section-link span
{
    display:block;
    min-width:0;
    line-height:1.15
}
.classified-section-link small,.classified-section-link b
{
    display:block;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap
}
.classified-section-link small
{
    margin-bottom:.14rem;
    color:#98a5ae;
    font-size:.5rem;
    font-weight:800
}
.classified-section-link b
{
    color:#40586a;
    font-size:.67rem;
    font-weight:950
}
.classified-section-arrow
{
    display:grid;
    width:1.35rem;
    height:1.35rem;
    flex:none;
    place-items:center;
    border-radius:50%;
    background:#fff;
    color:#9aa8b2;
    font-size:.88rem;
    box-shadow:0 3px 10px #1c344512;
    transition:transform .2s ease,color .2s ease
}
.classified-section-link:hover
{
    transform:translateY(-1px);
    border-color:#e5a27f;
    background:linear-gradient(135deg,#fff,#fff3eb)
}
.classified-section-link:hover b
{
    color:#c85f31
}
.classified-section-link:hover .classified-section-arrow
{
    transform:translateX(-2px);
    color:#d86f3f
}
.classified-section-link:focus-visible
{
    outline:3px solid rgba(217,120,76,.2);
    outline-offset:2px
}
.dark .classified-section-link
{
    border-color:#ffffff10;
    background:linear-gradient(135deg,#ffffff08,#d9784c0b)
}
.dark .classified-section-link>i:first-child
{
    background:#d9784c1f
}
.dark .classified-section-link b
{
    color:#e8f0f5
}
.dark .classified-section-arrow
{
    background:#ffffff0a
}
@media(max-width:720px)
{
    .classified-section-link
    {
        grid-template-columns:1.75rem minmax(0,1fr) 1.2rem;
        gap:.45rem;
        margin-bottom:.6rem;
        padding:.4rem
    }
    .classified-section-link>i:first-child
    {
        width:1.75rem;
        height:1.75rem
    }
    .classified-section-link small
    {
        display:none
    }
}
.cf-public-preview-section
{
    display:grid;
    grid-template-columns:2.35rem minmax(0,1fr) 1.5rem;
    align-items:center;
    gap:.65rem;
    width:min(100%,25rem);
    margin:1rem 0 .25rem;
    padding:.55rem .65rem;
    border:1px solid #e5ebef;
    border-radius:.95rem;
    background:linear-gradient(135deg,#f8fafb,#fff7f2);
    transition:.2s
}
.cf-public-preview-section>i:first-child
{
    display:grid;
    width:2.35rem;
    height:2.35rem;
    place-items:center;
    border-radius:.72rem;
    background:#fff0e8;
    color:#d86f3f;
    font-size:1.08rem
}
.cf-public-preview-section span
{
    min-width:0;
    line-height:1.2
}
.cf-public-preview-section small,.cf-public-preview-section b
{
    display:block
}
.cf-public-preview-section small
{
    color:#98a5ae;
    font-size:.55rem;
    font-weight:800
}
.cf-public-preview-section b
{
    margin-top:.15rem;
    overflow:hidden;
    color:#40586a;
    font-size:.76rem;
    font-weight:950;
    text-overflow:ellipsis;
    white-space:nowrap
}
.cf-public-preview-section>i:last-child
{
    display:grid;
    width:1.5rem;
    height:1.5rem;
    place-items:center;
    border-radius:50%;
    background:#fff;
    color:#9aa8b2;
    box-shadow:0 3px 10px #1c344512
}
.cf-public-preview-section:hover
{
    transform:translateY(-1px);
    border-color:#e5a27f;
    background:#fff4ed
}
.cf-public-preview-section:hover b,.cf-public-preview-section:hover>i:last-child
{
    color:#c85f31
}
.dark .cf-public-preview-section
{
    border-color:#ffffff10;
    background:linear-gradient(135deg,#ffffff08,#d9784c0b)
}
.dark .cf-public-preview-section b
{
    color:#e8f0f5
}
.dark .cf-public-preview-section>i:last-child
{
    background:#ffffff0a
}
@media(max-width:700px)
{
    .cf-public-preview-section
    {
        width:100%;
        margin-top:.75rem
    }
}
.classified-actions a[aria-disabled='true'],.cf-public-preview-actions a[aria-disabled='true']
{
    opacity:.6;
    cursor:not-allowed;
    transform:none;
    box-shadow:none
}
.classified-actions a[aria-disabled='true']:before
{
    display:none
}
.cf-ad-section-search
{
    position:sticky;
    z-index:2;
    top:-.45rem;
    display:grid;
    grid-template-columns:1.8rem minmax(0,1fr) auto;
    align-items:center;
    gap:.35rem;
    margin:-.1rem -.05rem .35rem;
    padding:.35rem .45rem;
    border-bottom:1px solid #e8edf1;
    background:#fff
}
.cf-ad-section-search>i
{
    color:#d66f3f;
    font-size:1rem
}
.cf-ad-section-search input
{
    width:100%;
    height:2.35rem!important;
    padding:0 .45rem!important;
    border:1px solid #dce5ea!important;
    border-radius:.65rem!important;
    background:#f7f9fa!important;
    font:800 .68rem Cairo,sans-serif!important;
    outline:0
}
.cf-ad-section-search input:focus
{
    border-color:#dc7445!important;
    background:#fff!important;
    box-shadow:0 0 0 3px #dc744514!important
}
.cf-ad-section-search small
{
    min-width:1.7rem;
    color:#91a0aa;
    font-size:.55rem;
    text-align:center
}
.cf-ad-section-empty
{
    display:grid;
    min-height:4.5rem;
    place-items:center;
    color:#8b99a5;
    font-size:.65rem;
    font-weight:800
}
.cf-ad-section-menu button[hidden],.cf-ad-section-empty[hidden]
{
    display:none!important
}
.dark .cf-ad-section-search
{
    border-color:#ffffff10;
    background:#0b1824
}
.dark .cf-ad-section-search input
{
    border-color:#ffffff12!important;
    background:#07131e!important;
    color:#fff
}
.classified-intro>.cf-publish-hint
{
    position:static;
    display:flex;
    width:100%;
    height:auto;
    align-items:flex-start;
    flex-direction:column;
    gap:.75rem;
    margin:1rem 0 0;
    padding:0!important;
    overflow:visible;
    border:0!important;
    border-radius:0;
    background:transparent!important;
    box-shadow:none!important;
    backdrop-filter:none
}
.classified-intro>.cf-publish-hint:before,.classified-intro>.cf-publish-hint:after,.classified-intro>.cf-publish-hint-head,.classified-intro>.cf-publish-free
{
    display:none!important
}
.classified-intro>.cf-publish-hint .cf-publish-steps
{
    display:flex;
    flex-wrap:wrap;
    gap:.45rem;
    margin:0
}
.classified-intro>.cf-publish-hint .cf-publish-step
{
    display:grid;
    grid-template-columns:1.55rem minmax(0,1fr);
    align-items:center;
    gap:.4rem;
    min-width:0;
    padding:.42rem .62rem!important;
    border:1px solid rgba(74,131,150,.17);
    border-radius:99px!important;
    background:rgba(255,255,255,.7);
    box-shadow:0 8px 20px -17px #244b62;
    backdrop-filter:blur(9px)
}
.classified-intro>.cf-publish-hint .cf-publish-step:nth-child(even)
{
    border-color:rgba(223,116,69,.2);
    background:rgba(255,247,242,.78)
}
.classified-intro>.cf-publish-hint .cf-publish-step>span
{
    width:1.55rem;
    height:1.55rem;
    border-radius:50%;
    background:linear-gradient(135deg,#e9f5f7,#fff);
    color:#477586;
    font-size:.58rem
}
.classified-intro>.cf-publish-hint .cf-publish-step b
{
    color:#40586a;
    font-size:.59rem;
    line-height:1.35;
    white-space:nowrap
}
.classified-intro>.cf-publish-hint .cf-add-ad-trigger
{
    width:auto;
    min-height:2.7rem;
    margin:0;
    padding:.65rem 1rem;
    border-radius:.82rem;
    box-shadow:0 12px 26px -17px #b94f24
}
.dark .classified-intro>.cf-publish-hint .cf-publish-step
{
    border-color:#ffffff12;
    background:rgba(15,31,45,.72)
}
.dark .classified-intro>.cf-publish-hint .cf-publish-step b
{
    color:#dce8ee
}
@media(min-width:901px)
{
    .classified-hero .cw
    {
        grid-template-columns:1fr;
        grid-template-rows:auto auto auto
    }
    .classified-intro,.classified-summary,.classified-search
    {
        grid-column:1!important;
        grid-row:auto!important
    }
    .classified-intro
    {
        max-width:none
    }
}
@media(max-width:640px)
{
    .classified-intro>.cf-publish-hint .cf-publish-steps
    {
        display:grid;
        width:100%;
        grid-template-columns:1fr 1fr
    }
    .classified-intro>.cf-publish-hint .cf-publish-step
    {
        border-radius:.8rem!important
    }
    .classified-intro>.cf-publish-hint .cf-publish-step b
    {
        white-space:normal
    }
    .classified-intro>.cf-publish-hint .cf-add-ad-trigger
    {
        width:100%
    }
}
.classified-intro>h1,.classified-intro>p
{
    display:none!important
}
.classified-hero
{
    padding-top:2.15rem;
    padding-bottom:1.35rem
}
.classified-intro>.cf-hero-trust-tags
{
    margin-top:.7rem
}
.classified-intro>.cf-publish-hint
{
    margin-top:.75rem!important
}
@media(max-width:800px)
{
    .classified-hero
    {
        padding-top:1.35rem;
        padding-bottom:1rem
    }
}
.classified-intro>.cf-publish-hint .cf-publish-hint-head
{
    display:block!important;
    width:100%;
    margin:0!important
}
.classified-intro>.cf-publish-hint .cf-publish-hint-head>i,.classified-intro>.cf-publish-hint .cf-publish-eyebrow,.classified-intro>.cf-publish-hint .cf-publish-title-row
{
    display:none!important
}
.classified-intro>.cf-publish-hint .cf-publish-hint-head p
{
    display:block!important;
    margin:0!important;
    color:#6b7e8e;
    font-size:.68rem!important;
    font-weight:800
}
.classified-intro>.cf-publish-hint .cf-hero-trust-tags
{
    display:flex;
    flex-wrap:wrap;
    gap:.4rem;
    margin-top:.55rem
}
.dark .classified-intro>.cf-publish-hint .cf-publish-hint-head p
{
    color:#9eb0bd
}
@media(max-width:640px)
{
    .classified-intro>.cf-publish-hint .cf-hero-trust-tags
    {
        display:grid;
        grid-template-columns:repeat(3,1fr);
        width:100%
    }
    .classified-intro>.cf-publish-hint .cf-hero-trust-tag
    {
        justify-content:center;
        white-space:nowrap
    }
}
.classified-hero
{
    margin-top:-1rem!important;
    padding:1rem 0 1.15rem!important
}
.classified-hero .cw
{
    display:flex!important;
    align-items:stretch!important;
    flex-direction:column!important;
    gap:.75rem!important
}
.classified-intro
{
    width:100%;
    max-width:none!important
}
.classified-intro>.cf-publish-hint
{
    gap:.55rem!important;
    margin-top:.55rem!important
}
.classified-intro>.cf-publish-hint .cf-publish-hint-head
{
    padding:0!important;
    border:0!important
}
.classified-summary
{
    width:100%;
    order:3
}
.classified-search
{
    width:100%;
    order:2;
    margin:0!important
}
.classified-intro
{
    order:1
}
.classified-hero em
{
    margin-top:0
}
.classified-summary span
{
    padding:.7rem
}
.classified-summary b
{
    font-size:1rem
}
@media(max-width:800px)
{
    .classified-hero
    {
        margin-top:0!important;
        padding:.65rem 0 .85rem!important
    }
    .classified-hero .cw
    {
        gap:.55rem!important
    }
}
.classified-hero
{
    margin-top:0!important;
    padding:1.65rem 0 1.35rem!important
}
.classified-hero .cw
{
    gap:1rem!important
}
.classified-intro
{
    display:grid;
    gap:.65rem
}
.classified-intro>.cf-publish-hint
{
    gap:.7rem!important;
    margin-top:.2rem!important
}
.classified-intro>.cf-publish-hint .cf-publish-steps
{
    margin-top:.15rem
}
.classified-search
{
    margin-top:.15rem!important
}
.classified-summary
{
    margin-top:0
}
.classified-summary span
{
    min-height:62px;
    box-sizing:border-box
}
@media(min-width:901px)
{
    .classified-intro>.cf-publish-hint
    {
        display:grid!important;
        grid-template-columns:minmax(0,1fr) auto;
        align-items:end!important
    }
    .classified-intro>.cf-publish-hint .cf-publish-hint-head,.classified-intro>.cf-publish-hint .cf-publish-steps
    {
        grid-column:1
    }
    .classified-intro>.cf-publish-hint .cf-add-ad-trigger
    {
        grid-column:2;
        grid-row:1/3;
        align-self:end
    }
    .classified-summary
    {
        grid-template-columns:repeat(2,minmax(0,1fr))
    }
}
@media(max-width:800px)
{
    .classified-hero
    {
        padding:1rem 0!important
    }
    .classified-hero .cw
    {
        gap:.75rem!important
    }
}
.site-shell:has(.classifieds)>.site-header
{
    position:relative;
    z-index:9000
}
.classifieds
{
    margin-top:0!important
}
.classified-hero
{
    margin-top:0!important;
    isolation:isolate
}
@media(min-width:1024px)
{
    .classifieds
    {
        margin-top:0!important
    }
    .classified-hero
    {
        padding-top:1.65rem!important
    }
}
@media(min-width:640px) and (max-width:1023px)
{
    .classifieds
    {
        margin-top:0!important
    }
    .classified-hero
    {
        padding-top:1.35rem!important
    }
}
@media(max-width:639px)
{
    .classifieds
    {
        margin-top:0!important
    }
    .classified-hero
    {
        padding-top:1rem!important
    }
}
.classified-hero .cw
{
    display:flex!important;
    align-items:stretch!important;
    flex-direction:column!important
}
.classified-intro
{
    display:flex!important;
    align-items:flex-start;
    flex-direction:column!important
}
.classified-intro>em
{
    order:1
}
.classified-intro>.cf-publish-hint
{
    order:2;
    display:flex!important;
    width:100%;
    align-items:flex-start!important;
    flex-direction:column!important;
    grid-template-columns:none!important
}
.classified-intro>.cf-publish-hint .cf-publish-hint-head,.classified-intro>.cf-publish-hint .cf-publish-steps,.classified-intro>.cf-publish-hint .cf-add-ad-trigger
{
    width:auto;
    grid-column:auto!important;
    grid-row:auto!important;
    align-self:flex-start!important
}
.classified-intro>.cf-publish-hint .cf-publish-hint-head
{
    order:1
}
.classified-intro>.cf-publish-hint .cf-publish-steps
{
    order:2
}
.classified-intro>.cf-publish-hint .cf-add-ad-trigger
{
    order:3
}
.classified-search
{
    order:3;
    width:100%
}
@media(max-width:640px)
{
    .classified-intro>.cf-publish-hint .cf-publish-hint-head,.classified-intro>.cf-publish-hint .cf-publish-steps,.classified-intro>.cf-publish-hint .cf-add-ad-trigger
    {
        width:100%
    }
}
.cf-publish-steps
{
    display:none!important
}
html.classifieds-page .site-shell
{
    background-color:#f8fafc!important
}
html.classifieds-page .site-shell>.pointer-events-none.absolute.inset-0[class~="-z-10"]
{
    display:none!important
}
html.classifieds-page .site-header
{
    background:transparent!important;
    background-color:transparent!important;
    background-image:none!important;
    box-shadow:none!important
}
html.classifieds-page .classifieds,html.classifieds-page .classified-hero,html.classifieds-page .header-premium,html.classifieds-page .site-topbar>div
{
    background:transparent!important;
    background-color:transparent!important;
    background-image:none!important;
    box-shadow:none!important;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important
}
html.classifieds-page .header-premium,html.classifieds-page .site-topbar>div,html.classifieds-page .header-premium nav
{
    border-color:transparent!important;
    --tw-ring-color:transparent!important
}
html.classifieds-page .header-premium nav
{
    background:transparent!important;
    background-image:none!important;
    box-shadow:none!important;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important
}
html.classifieds-page .header-premium::before,html.classifieds-page .header-premium::after,html.classifieds-page .header-line-scene
{
    display:none!important
}
html.dark.classifieds-page .site-shell
{
    background-color:#020617!important;
    background-image:none!important
}
html.dark.classifieds-page .site-header
{
    background:transparent!important;
    background-color:transparent!important;
    background-image:none!important
}
html.classifieds-page .header-premium
{
    border:1px solid rgba(255,255,255,.82)!important;
    border-radius:1.6rem!important;
    background:linear-gradient(115deg,rgba(225,244,255,.86),rgba(255,255,255,.82) 52%,rgba(229,249,246,.82))!important;
    box-shadow:0 16px 38px -30px rgba(20,73,104,.42)!important;
    backdrop-filter:blur(14px)!important;
    -webkit-backdrop-filter:blur(14px)!important;
    --tw-ring-color:rgba(255,255,255,.55)!important
}
html.dark.classifieds-page .header-premium
{
    border-color:rgba(255,255,255,.12)!important;
    background:linear-gradient(115deg,rgba(14,39,58,.9),rgba(9,24,39,.88) 55%,rgba(11,48,47,.82))!important;
    box-shadow:0 18px 42px -28px rgba(0,0,0,.78)!important
}
html.classifieds-page .classified-hero::before,html.classifieds-page .classified-hero::after
{
    display:none!important;
    content:none!important;
    background:none!important
}
.classified-actions a[aria-disabled='true'],.cf-public-preview-actions a[aria-disabled='true']
{
    opacity:.6;
    cursor:not-allowed;
    transform:none;
    box-shadow:none
}
.classified-actions a[aria-disabled='true']:before
{
    display:none
}
@media (max-width: 800px)
{
    .classifieds .classified-search
    {
        width: min(calc(100% - 1rem), 34rem) !important;
        max-width: 34rem !important;
        margin-right: auto !important;
        margin-left: auto !important;
        justify-self: center !important;
    }
}
.classified-actions a[aria-disabled='true'],.cf-public-preview-actions a[aria-disabled='true']
{
    opacity:.6;
    cursor:not-allowed;
    transform:none;
    box-shadow:none
}
.classified-actions a[aria-disabled='true']:before
{
    display:none
}
/* Compact classified cards on phones; desktop styles remain in the page. */ @media (max-width: 640px)
{
    #cf-grid
    {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 10px;
    }
    #cf-grid .classified-card
    {
        min-width: 0;
        border-radius: 14px;
    }
    #cf-grid .classified-media
    {
        flex: none;
        height: auto;
        aspect-ratio: 4 / 3;
    }
    #cf-grid .classified-body
    {
        min-width: 0;
        padding: 9px;
    }
    #cf-grid .classified-body h3
    {
        min-height: 0;
        margin: 0;
        font-size: 13px;
        line-height: 1.5;
        -webkit-line-clamp: 2;
    }
    #cf-grid .classified-title-button
    {
        min-width: 0;
        text-align: right;
    }
    #cf-grid .classified-section-link
    {
        grid-template-columns: 22px minmax(0, 1fr);
        gap: 5px;
        min-height: 36px;
        margin-bottom: 6px;
        padding: 4px;
        border-radius: 8px;
    }
    #cf-grid .classified-section-link > i:first-child
    {
        width: 22px;
        height: 22px;
        font-size: 13px;
        border-radius: 6px;
    }
    #cf-grid .classified-section-link small,     #cf-grid .classified-section-arrow
    {
        display: none;
    }
    #cf-grid .classified-section-link b
    {
        font-size: 10px;
    }
    #cf-grid .classified-location
    {
        display: block;
        overflow: hidden;
        margin: 5px 0;
        font-size: 11px;
        line-height: 1.5;
        white-space: nowrap;
        text-overflow: ellipsis;
    }
    #cf-grid .classified-price
    {
        padding-top: 3px;
        font-size: 14px;
    }
    #cf-grid .classified-price small
    {
        font-size: 10px;
    }
    #cf-grid .classified-actions
    {
        gap: 6px;
        padding: 0 9px 9px;
    }
    #cf-grid .classified-actions .classified-contact
    {
        min-width: 0;
        height: 44px;
        border-radius: 9px;
    }
    #cf-grid.list-view
    {
        grid-template-columns: minmax(0, 1fr);
    }
    #cf-grid.list-view .classified-card
    {
        display: grid;
        grid-template-columns: minmax(100px, 32%) minmax(0, 1fr);
        grid-template-rows: 1fr auto;
    }
    #cf-grid.list-view .classified-media
    {
        grid-column: 1;
        grid-row: 1 / 3;
        height: 100%;
        min-height: 140px;
        aspect-ratio: auto;
    }
    #cf-grid.list-view .classified-media img
    {
        position: absolute;
        inset: 0;
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
    #cf-grid.list-view .classified-body
    {
        grid-column: 2;
        grid-row: 1;
    }
    #cf-grid.list-view .classified-actions
    {
        grid-column: 2;
        grid-row: 2;
        grid-auto-flow: column;
        grid-auto-columns: minmax(0, 1fr);
        grid-auto-rows: auto;
    }
}
@media (max-width: 359px)
{
    #cf-grid
    {
        gap: 7px;
    }
    #cf-grid .classified-body
    {
        padding: 7px;
    }
    #cf-grid .classified-body h3
    {
        font-size: 12px;
    }
    #cf-grid .classified-price
    {
        font-size: 13px;
    }
}
.cf-search-placeholder
{
    display:flow-root;
    order:3;
    flex:none;
    width:100%;
    margin-top:.15rem;
    overflow-anchor:none
}
.cf-search-placeholder #cf-form
{
    margin-top:0!important
}
.classified-actions a[aria-disabled='true'],.cf-public-preview-actions a[aria-disabled='true']
{
    opacity:.6;
    cursor:not-allowed;
    transform:none;
    box-shadow:none
}
.classified-actions a[aria-disabled='true']:before
{
    display:none
}
html.classifieds-page #cf-form,html.classifieds-page #cf-form.cf-search-stuck
{
    box-shadow:none!important;
    filter:none!important
}
.classified-actions a[aria-disabled='true'],.cf-public-preview-actions a[aria-disabled='true']
{
    opacity:.6;
    cursor:not-allowed;
    transform:none;
    box-shadow:none
}
.classified-actions a[aria-disabled='true']:before
{
    display:none
}
html.classifieds-page .classified-hero
{
    padding:2.2rem 1rem 2rem!important;
    border-bottom:0;
    background:linear-gradient(135deg,#f8fafc 0%,#f8fafc 54%,#fff3ea 100%)!important;
}
html.classifieds-page .classified-hero .cw
{
    display:grid!important;
    width:min(100%,80rem);
    grid-template-columns:minmax(0,1.05fr) minmax(340px,.95fr)!important;
    align-items:center;
    gap:1.5rem 2.5rem!important;
}
html.classifieds-page .classified-intro
{
    display:flex!important;
    grid-column:1;
    grid-row:1;
    align-items:flex-start;
    flex-direction:column!important;
    gap:.65rem;
    max-width:none;
}
html.classifieds-page .classified-intro>em
{
    order:0
}
html.classifieds-page .classified-intro>h1
{
    display:block!important;
    margin:.25rem 0 0;
    color:#203b54;
    font-size:clamp(1.7rem,3vw,2.55rem);
    line-height:1.35;
}
html.classifieds-page .classified-intro>p
{
    display:block!important;
    margin:0;
    color:#6b7e8e;
    font-size:.9rem;
    line-height:1.8;
}
html.classifieds-page .cf-publish-hint
{
    display:block!important;
    width:100%;
    margin:.25rem 0 0!important;
}
html.classifieds-page .cf-publish-hint .cf-publish-hint-head
{
    display:block!important;
    margin:0!important;
}
html.classifieds-page .classified-intro>.cf-publish-hint .cf-publish-hint-head>i, html.classifieds-page .classified-intro>.cf-publish-hint .cf-publish-eyebrow, html.classifieds-page .classified-intro>.cf-publish-hint .cf-publish-title-row
{
    display:none!important
}
html.classifieds-page .classified-intro>.cf-publish-hint .cf-publish-hint-head p
{
    margin:0!important;
    color:#738493;
    font-size:.72rem!important;
}
html.classifieds-page .classified-intro>.cf-publish-hint .cf-hero-trust-tags
{
    display:flex;
    flex-wrap:wrap;
    gap:.45rem;
    margin-top:.65rem;
}
html.classifieds-page .classified-intro>.cf-publish-hint .cf-hero-trust-tag
{
    padding:.4rem .65rem;
    border:1px solid #dce7ec;
    border-radius:999px;
    background:#ffffffb8;
    color:#456173;
    font-size:.68rem;
}
html.classifieds-page #cf-form.classified-search
{
    grid-column:2;
    grid-row:1;
    align-self:center;
    margin:0!important;
    border-color:#dce5eb;
    border-radius:1.25rem;
    background:#fff;
    box-shadow:0 20px 45px -35px #1d3a50;
}
html.classifieds-page .classified-results-bar
{
    border-color:#e1e8ed!important;
    border-radius:1.35rem!important;
    box-shadow:0 14px 35px -30px #20364c!important;
}
html.classifieds-page .classified-grid
{
    gap:1rem
}
html.classifieds-page .classified-card
{
    border-color:#dfe7ec;
    border-radius:1.2rem;
    box-shadow:0 13px 32px -27px #20364c8c;
}
html.classifieds-page .classified-card:hover
{
    border-color:#e4a07c;
    box-shadow:0 20px 38px -27px #78412680;
}
html.classifieds-page .classified-media
{
    background:#eaf0f3
}
html.classifieds-page .classified-body
{
    gap:.1rem;
    padding:1rem 1.1rem
}
html.classifieds-page .classified-body h3
{
    font-size:1rem;
    line-height:1.55
}
html.classifieds-page .classified-price
{
    font-size:1.12rem
}
html.classifieds-page .classified-actions
{
    gap:.65rem;
    padding:0 1.1rem 1.1rem
}
html.classifieds-page .classified-actions a
{
    min-height:2.8rem;
    border-radius:.9rem;
    transition:transform .18s,filter .18s;
}
html.classifieds-page .classified-actions a:hover
{
    transform:translateY(-1px);
    filter:brightness(.96)
}
html.classifieds-page .cf-public-preview-modal
{
    width:min(1180px,calc(100% - 2.5rem));
    max-height:92dvh;
    border-color:#e5ebef;
    border-radius:1.8rem;
    box-shadow:0 32px 90px #06152f52;
}
html.classifieds-page .cf-public-preview-head
{
    min-height:4.1rem;
    padding:.8rem 1rem
}
html.classifieds-page .cf-public-preview-body
{
    max-height:calc(92dvh - 4.1rem);
    padding:1.25rem
}
html.classifieds-page .cf-public-preview
{
    grid-template-columns:minmax(0,1fr) minmax(0,1fr);
    align-items:stretch;
    gap:1.6rem
}
html.classifieds-page .cf-public-preview figure
{
    display:grid;
    min-height:410px;
    place-items:center;
    background:#edf2f4;
}
html.classifieds-page .cf-public-preview figure img
{
    object-fit:contain
}
html.classifieds-page .cf-public-preview-copy
{
    display:flex;
    min-width:0;
    flex-direction:column;
    padding:.6rem .35rem
}
html.classifieds-page .cf-public-preview-copy h2
{
    font-size:clamp(1.3rem,2.1vw,1.8rem);
    line-height:1.55
}
html.classifieds-page .cf-public-preview-description
{
    max-height:140px
}
html.classifieds-page .cf-public-preview-price
{
    margin-top:auto
}
html.classifieds-page .cf-public-preview-actions
{
    margin-top:1rem
}
.dark.classifieds-page .classified-hero
{
    background:linear-gradient(135deg,#020617,#020617 54%,#0a1420 100%)!important
}
.dark.classifieds-page .classified-intro>h1
{
    color:#edf3f8
}
.dark.classifieds-page .classified-intro>p,.dark.classifieds-page .cf-publish-hint-head p
{
    color:#a5b5c2
}
.dark.classifieds-page .classified-intro>.cf-publish-hint .cf-hero-trust-tag
{
    border-color:#ffffff18;
    background:#ffffff08;
    color:#c6d4dd
}
.dark.classifieds-page .classified-results-bar,.dark.classifieds-page .classified-card
{
    border-color:#ffffff14!important
}
html.classifieds-page .cf-publish-hint
{
    display:flex!important;
    width:100%;
    flex-direction:column;
    gap:.7rem;
    padding:.9rem!important;
    overflow:hidden;
    border:1px solid #dce7ec!important;
    border-radius:1rem;
    background:linear-gradient(145deg,#ffffffd9,#f2f8fae6)!important;
    box-shadow:0 14px 32px -28px #17395870;
}
html.classifieds-page .cf-publish-hint .cf-publish-hint-head
{
    display:flex!important;
    align-items:flex-start;
    gap:.65rem!important;
    margin:0!important;
}
html.classifieds-page .cf-publish-hint .cf-publish-hint-head>i
{
    display:grid!important;
    flex:none;
    place-items:center;
    border-radius:.8rem;
    background:#fff0e8;
    color:#d66f40;
}
html.classifieds-page .cf-publish-hint .cf-publish-eyebrow
{
    display:block!important
}
html.classifieds-page .cf-publish-hint .cf-publish-title-row
{
    display:flex!important
}
html.classifieds-page .cf-publish-hint .cf-publish-title-row h2
{
    margin:0;
    color:#30495c;
    font-size:.95rem!important;
    font-weight:950
}
html.classifieds-page .cf-publish-hint .cf-publish-title-row>b
{
    display:block!important
}
html.classifieds-page .cf-publish-hint .cf-publish-hint-head p
{
    margin:.25rem 0 0!important
}
html.classifieds-page .cf-publish-hint .cf-publish-steps
{
    display:grid!important;
    width:100%;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:.45rem!important;
    flex:none;
    margin:0;
}
html.classifieds-page .cf-publish-hint .cf-publish-step
{
    display:flex!important;
    min-width:0;
    align-items:flex-start;
    gap:.45rem;
    padding:.5rem .55rem!important;
    border:1px solid #e2eaf0;
    border-radius:.75rem!important;
    background:#ffffffc9;
}
html.classifieds-page .cf-publish-hint .cf-publish-step>span
{
    display:grid;
    width:1.5rem;
    height:1.5rem;
    flex:none;
    place-items:center;
    background:#eaf3f5;
    color:#477586;
    font-size:.62rem;
    font-weight:950;
}
html.classifieds-page .cf-publish-hint .cf-publish-step b
{
    color:#40586a;
    font-size:.64rem;
    line-height:1.5
}
html.classifieds-page .cf-publish-hint .cf-hero-trust-tags
{
    display:none!important
}
.dark.classifieds-page .cf-publish-hint
{
    border-color:#ffffff18!important;
    background:linear-gradient(145deg,#0f1f2dd9,#0a1824e6)!important
}
.dark.classifieds-page .cf-publish-hint .cf-publish-title-row h2,.dark.classifieds-page .cf-publish-hint .cf-publish-step b
{
    color:#e8f1f5
}
.dark.classifieds-page .cf-publish-hint .cf-publish-step
{
    border-color:#ffffff12;
    background:#ffffff08
}
.dark.classifieds-page .cf-publish-hint .cf-publish-step>span
{
    background:#ffffff0d;
    color:#9fc7d4
}
html.classifieds-page .classified-hero .cw
{
    box-sizing:border-box;
    padding:1.35rem;
    border:1px solid #dce7ec;
    border-radius:1.6rem;
    background:linear-gradient(135deg,#ffffffc9,#f7fbfce8 58%,#fff9f5d9);
    box-shadow:0 22px 50px -42px #17395870;
}
html.classifieds-page .classified-hero .cw>.cf-publish-hint
{
    padding:.25rem 0 0!important;
    border:0!important;
    border-radius:0;
    background:transparent!important;
    box-shadow:none;
}
html.classifieds-page .classified-hero .cw>.cf-publish-hint:after
{
    display:none
}
html.classifieds-page .classified-hero .cw>.cf-search-placeholder #cf-form.classified-search
{
    padding:0;
    border:0;
    border-radius:0;
    background:transparent!important;
    box-shadow:none;
}
.dark.classifieds-page .classified-hero .cw
{
    border-color:#ffffff18;
    background:linear-gradient(135deg,#0e2233e8,#0b1928ed 58%,#1c1a1ae0);
    box-shadow:0 22px 50px -42px #000000d9;
}
@media(min-width:901px)
{
    html.classifieds-page .classified-intro
    {
        grid-column:1;
        grid-row:1
    }
    html.classifieds-page .classified-hero .cw>.cf-publish-hint
    {
        grid-column:2;
        grid-row:1;
        align-self:stretch
    }
    html.classifieds-page .classified-hero .cw>.cf-search-placeholder
    {
        grid-column:1/-1;
        grid-row:2
    }
}
@media(max-width:900px)
{
    html.classifieds-page .classified-hero
    {
        padding:1.4rem .75rem 1.2rem!important
    }
    html.classifieds-page .classified-hero .cw
    {
        grid-template-columns:minmax(0,1fr)!important;
        grid-template-rows:auto auto auto;
        gap:.9rem!important;
        padding:1rem
    }
    html.classifieds-page .classified-intro
    {
        grid-column:1;
        grid-row:1
    }
    html.classifieds-page .classified-hero .cw>.cf-publish-hint
    {
        grid-column:1;
        grid-row:2
    }
    html.classifieds-page .classified-hero .cw>.cf-search-placeholder
    {
        grid-column:1;
        grid-row:3
    }
    html.classifieds-page .classified-intro>h1
    {
        font-size:clamp(1.45rem,5vw,2rem)
    }
    html.classifieds-page .classified-intro>p
    {
        font-size:.8rem
    }
    html.classifieds-page #cf-form.classified-search
    {
        width:100%;
        margin:0!important
    }
}
@media(max-width:700px)
{
    html.classifieds-page .cf-public-preview-modal
    {
        width:100%;
        max-height:92dvh;
        border-radius:1.5rem 1.5rem 0 0
    }
    html.classifieds-page .cf-public-preview-body
    {
        max-height:calc(92dvh - 4.1rem);
        padding:.8rem
    }
    html.classifieds-page .cf-public-preview
    {
        grid-template-columns:minmax(0,1fr);
        gap:.85rem
    }
    html.classifieds-page .cf-public-preview figure
    {
        min-height:220px;
        height:220px
    }
    html.classifieds-page .cf-public-preview-copy
    {
        padding:.25rem .15rem
    }
    html.classifieds-page .cf-public-preview-price
    {
        margin-top:.8rem
    }
    html.classifieds-page .classified-results-bar
    {
        padding:1rem!important
    }
    html.classifieds-page .classified-card
    {
        border-radius:1rem
    }
    html.classifieds-page .classified-body
    {
        padding:.8rem
    }
    html.classifieds-page .classified-actions
    {
        gap:.5rem;
        padding:0 .8rem .8rem
    }
}
@media(max-width:380px)
{
    html.classifieds-page .cf-publish-hint .cf-publish-steps
    {
        grid-template-columns:1fr!important
    }
}
@media(prefers-reduced-motion:reduce)
{
    html.classifieds-page .classified-card,html.classifieds-page .classified-actions a
    {
        transition:none
    }
}
html.classifieds-page .classified-hero .cw
{
    padding:0;
    border:0;
    border-radius:0;
    background:transparent;
    box-shadow:none
}
html.classifieds-page .classified-hero .cw>.cf-publish-hint
{
    grid-column:auto;
    grid-row:auto
}
html.classifieds-page .classifieds>.cf-publish-hint
{
    box-sizing:border-box;
    display:flex!important;
    position:static;
    height:auto!important;
    width:min(calc(100% - 3rem),80rem);
    align-items:center;
    grid-column:auto!important;
    grid-row:auto!important;
    margin:0 auto 1.25rem!important;
    padding:.7rem 0!important;
    border-top:1px solid #eee9e3!important
}
html.classifieds-page .classified-hero .cw
{
    width:min(calc(100% - 3rem),80rem)
}
html.classifieds-page .classifieds>.cf-publish-hint .cf-publish-hint-head
{
    flex:none;
    width:15rem
}
html.classifieds-page .classifieds>.cf-publish-hint .cf-publish-steps
{
    grid-template-columns:repeat(4,minmax(0,1fr))!important
}
html.classifieds-page .classifieds>.cf-publish-hint:before,html.classifieds-page .classifieds>.cf-publish-hint:after
{
    display:none
}
@media(max-width:700px)
{
    html.classifieds-page .classified-hero .cw
    {
        padding:0
    }
    html.classifieds-page .classifieds>.cf-publish-hint
    {
        width:min(calc(100% - 2rem),80rem);
        align-items:flex-start;
        flex-direction:column;
        gap:.6rem
    }
    html.classifieds-page .classified-hero .cw
    {
        width:min(calc(100% - 2rem),80rem)
    }
    html.classifieds-page .classifieds>.cf-publish-hint .cf-publish-hint-head
    {
        width:auto
    }
    html.classifieds-page .classifieds>.cf-publish-hint .cf-publish-steps
    {
        width:100%;
        grid-template-columns:repeat(2,minmax(0,1fr))!important
    }
}
/* Compact classified cards on phones; desktop styles remain in the page. */ @media (max-width: 640px)
{
    #cf-grid
    {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 10px;
    }
    #cf-grid .classified-card
    {
        min-width: 0;
        border-radius: 14px;
    }
    #cf-grid .classified-media
    {
        flex: none;
        height: auto;
        aspect-ratio: 4 / 3;
    }
    #cf-grid .classified-body
    {
        min-width: 0;
        padding: 9px;
    }
    #cf-grid .classified-body h3
    {
        min-height: 0;
        margin: 0;
        font-size: 13px;
        line-height: 1.5;
        -webkit-line-clamp: 2;
    }
    #cf-grid .classified-title-button
    {
        min-width: 0;
        text-align: right;
    }
    #cf-grid .classified-section-link
    {
        grid-template-columns: 22px minmax(0, 1fr);
        gap: 5px;
        min-height: 36px;
        margin-bottom: 6px;
        padding: 4px;
        border-radius: 8px;
    }
    #cf-grid .classified-section-link > i:first-child
    {
        width: 22px;
        height: 22px;
        font-size: 13px;
        border-radius: 6px;
    }
    #cf-grid .classified-section-link small,     #cf-grid .classified-section-arrow
    {
        display: none;
    }
    #cf-grid .classified-section-link b
    {
        font-size: 10px;
    }
    #cf-grid .classified-location
    {
        display: block;
        overflow: hidden;
        margin: 5px 0;
        font-size: 11px;
        line-height: 1.5;
        white-space: nowrap;
        text-overflow: ellipsis;
    }
    #cf-grid .classified-price
    {
        padding-top: 3px;
        font-size: 14px;
    }
    #cf-grid .classified-price small
    {
        font-size: 10px;
    }
    #cf-grid .classified-actions
    {
        gap: 6px;
        padding: 0 9px 9px;
    }
    #cf-grid .classified-actions .classified-contact
    {
        min-width: 0;
        height: 44px;
        border-radius: 9px;
    }
    #cf-grid.list-view
    {
        grid-template-columns: minmax(0, 1fr);
    }
    #cf-grid.list-view .classified-card
    {
        display: grid;
        grid-template-columns: minmax(100px, 32%) minmax(0, 1fr);
        grid-template-rows: 1fr auto;
    }
    #cf-grid.list-view .classified-media
    {
        grid-column: 1;
        grid-row: 1 / 3;
        height: 100%;
        min-height: 140px;
        aspect-ratio: auto;
    }
    #cf-grid.list-view .classified-media img
    {
        position: absolute;
        inset: 0;
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
    #cf-grid.list-view .classified-body
    {
        grid-column: 2;
        grid-row: 1;
    }
    #cf-grid.list-view .classified-actions
    {
        grid-column: 2;
        grid-row: 2;
        grid-auto-flow: column;
        grid-auto-columns: minmax(0, 1fr);
        grid-auto-rows: auto;
    }
}
@media (max-width: 359px)
{
    #cf-grid
    {
        gap: 7px;
    }
    #cf-grid .classified-body
    {
        padding: 7px;
    }
    #cf-grid .classified-body h3
    {
        font-size: 12px;
    }
    #cf-grid .classified-price
    {
        font-size: 13px;
    }
}
html.classifieds-page .classifieds
{
    background:#fffaf6!important
}
html.classifieds-page .classified-hero
{
    padding:1.5rem 0 1rem!important;
    background:#fffaf6!important;
    text-align:right
}
html.classifieds-page .classified-hero .cw
{
    box-sizing:border-box;
    display:grid!important;
    width:min(calc(100% - 3rem),92rem);
    grid-template-columns:minmax(0,1fr) auto!important;
    align-items:center;
    gap:1.2rem 3rem!important
}
html.classifieds-page .classified-intro
{
    display:flex!important;
    grid-column:1;
    grid-row:1;
    align-items:flex-start;
    flex-direction:column;
    gap:.45rem;
    max-width:none;
    text-align:right
}
html.classifieds-page .classified-breadcrumb
{
    display:flex;
    align-items:center;
    gap:.35rem;
    margin-bottom:.65rem;
    color:#87909b;
    font-size:.78rem;
    font-weight:700
}
html.classifieds-page .classified-breadcrumb a
{
    color:#758292;
    text-decoration:none
}
html.classifieds-page .classified-breadcrumb a:hover
{
    color:#c2532b
}
html.classifieds-page .classified-breadcrumb i
{
    font-size:1rem
}
html.classifieds-page .classified-intro>em
{
    display:inline-flex;
    align-items:center;
    padding:0;
    background:none;
    color:#c2532b;
    font-size:.8rem;
    font-style:normal;
    font-weight:850
}
html.classifieds-page .classified-intro>h1
{
    margin:.05rem 0;
    color:#252f3b;
    font-size:clamp(2rem,3.2vw,3rem);
    font-weight:950;
    line-height:1.35
}
html.classifieds-page .classified-intro>h1 span
{
    color:#e56b3a
}
html.classifieds-page .classified-intro>p
{
    margin:0;
    color:#737d89;
    font-size:.95rem;
    font-weight:600;
    line-height:1.8
}
html.classifieds-page .classified-hero-stats
{
    display:flex;
    grid-column:2;
    grid-row:1;
    align-items:center;
    gap:2.2rem
}
html.classifieds-page .classified-hero-stats>div
{
    display:grid;
    gap:.25rem;
    min-width:6.5rem;
    text-align:center
}
html.classifieds-page .classified-hero-stats strong
{
    color:#252f3b;
    font-size:1.65rem;
    font-weight:950;
    line-height:1.2
}
html.classifieds-page .classified-hero-stats span
{
    color:#858e98;
    font-size:.75rem;
    font-weight:750
}
html.classifieds-page .cf-search-placeholder
{
    grid-column:1/-1;
    min-width:0
}
html.classifieds-page #cf-form.classified-search
{
    box-sizing:border-box;
    display:grid!important;
    width:100%;
    max-width:none;
    grid-template-columns:minmax(0,1fr) auto auto;
    grid-column:1/-1;
    grid-row:2;
    gap:.6rem;
    margin:0!important;
    padding:.65rem;
    border:1px solid #e5e1dc;
    border-radius:1rem;
    background:#fff;
    box-shadow:0 10px 28px -22px #583f2d55
}
html.classifieds-page #cf-form .search-query
{
    grid-column:1;
    min-width:0;
    height:3.45rem;
    border-color:#eeece9;
    border-radius:.65rem;
    background:#fff
}
html.classifieds-page #cf-form .search-query i
{
    color:#a2a6aa
}
html.classifieds-page #cf-form .search-query input
{
    color:#2e3742;
    font-weight:600
}
html.classifieds-page #cf-form .search-query input::placeholder
{
    color:#a0a5ac;
    font-weight:550
}
html.classifieds-page #cf-form .cf-filter-toggle
{
    display:flex;
    grid-column:2;
    align-items:center;
    justify-content:center;
    gap:.45rem;
    height:3.45rem;
    padding:0 1.15rem;
    border:1px solid #e7e2dc;
    border-radius:.65rem;
    background:#fff;
    color:#555f6b;
    font-size:.9rem;
    font-weight:800;
    box-shadow:none
}
html.classifieds-page #cf-form>button[type=submit]
{
    grid-column:3;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:.45rem;
    height:3.45rem;
    padding:0 1.5rem;
    border-radius:.65rem;
    background:#e96a3a;
    color:#fff;
    font-size:.9rem;
    font-weight:900;
    box-shadow:none
}
html.classifieds-page .cf-category-guide
{
    display:grid;
    grid-column:1/-1;
    grid-row:3;
    grid-template-columns:auto minmax(0,1fr);
    align-items:center;
    gap:1.5rem;
    padding:.45rem 0 .2rem;
    border:0;
    background:transparent
}
html.classifieds-page .cf-category-guide__heading
{
    display:grid;
    gap:.2rem;
    white-space:nowrap
}
html.classifieds-page .cf-category-guide__heading strong
{
    color:#313b46;
    font-size:.88rem;
    font-weight:900
}
html.classifieds-page .cf-category-guide__heading span
{
    color:#9098a1;
    font-size:.7rem;
    font-weight:600
}
html.classifieds-page .cf-category-guide__links
{
    display:flex;
    min-width:0;
    align-items:center;
    gap:.5rem;
    overflow:auto;
    padding:.15rem 0;
    scrollbar-width:none
}
html.classifieds-page .cf-category-guide__links::-webkit-scrollbar
{
    display:none
}
html.classifieds-page .cf-category-guide__links button
{
    display:inline-flex;
    flex:none;
    align-items:center;
    gap:.35rem;
    min-height:2.35rem;
    padding:0 .9rem;
    border:1px solid #ebe7e2;
    border-radius:999px;
    background:#fff;
    color:#616b76;
    font-size:.78rem;
    font-weight:750;
    white-space:nowrap;
    transition:background .15s,border-color .15s,color .15s
}
html.classifieds-page .cf-category-guide__links button:hover,html.classifieds-page .cf-category-guide__links button.is-active
{
    border-color:#f1c5b3;
    background:#fff4ee;
    color:#c75a32
}
html.classifieds-page .cf-category-guide__links .cf-category-guide__filter
{
    margin-inline-start:auto;
    border-color:transparent;
    background:transparent;
    color:#d16036
}
html.classifieds-page .cf-category-guide__filter i
{
    font-size:1rem
}
html.classifieds-page .cf-publish-hint
{
    display:flex!important;
    grid-column:1/-1;
    grid-row:4;
    align-items:center;
    gap:1.5rem;
    margin:0!important;
    padding:.8rem 0!important;
    border:0!important;
    border-top:1px solid #eee9e3!important;
    border-radius:0;
    background:transparent!important;
    box-shadow:none!important
}
html.classifieds-page .cf-publish-hint-head
{
    display:flex!important;
    align-items:flex-start;
    gap:.6rem!important;
    margin:0!important
}
html.classifieds-page .cf-publish-hint-head>i
{
    display:grid!important;
    width:2rem;
    height:2rem;
    flex:none;
    place-items:center;
    border-radius:.65rem;
    background:#fff0e8;
    color:#d66f40
}
html.classifieds-page .cf-publish-eyebrow
{
    display:block!important;
    color:#cf643d;
    font-size:.65rem;
    font-weight:850
}
html.classifieds-page .cf-publish-title-row
{
    display:flex!important;
    align-items:center;
    gap:.5rem
}
html.classifieds-page .cf-publish-title-row h2
{
    margin:0;
    color:#39434e;
    font-size:.85rem!important;
    font-weight:900
}
html.classifieds-page .cf-publish-title-row>b
{
    display:block!important;
    color:#a2a5aa;
    font-size:.65rem
}
html.classifieds-page .cf-publish-hint-head p
{
    margin:.15rem 0 0!important;
    color:#808994;
    font-size:.7rem;
    line-height:1.5
}
html.classifieds-page .cf-publish-steps
{
    display:grid!important;
    width:auto;
    flex:1;
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    gap:.45rem!important;
    margin:0
}
html.classifieds-page .cf-publish-step
{
    display:flex!important;
    min-width:0;
    align-items:center;
    gap:.4rem;
    padding:.4rem .5rem!important;
    border:0!important;
    border-radius:.55rem!important;
    background:#ffffff9c
}
html.classifieds-page .cf-publish-step>span
{
    display:grid;
    width:1.35rem;
    height:1.35rem;
    flex:none;
    place-items:center;
    border-radius:50%;
    background:#f5e9e1;
    color:#ae674a;
    font-size:.62rem;
    font-weight:900
}
html.classifieds-page .cf-publish-step b
{
    color:#59636d;
    font-size:.64rem;
    line-height:1.45
}
html.classifieds-page .classified-results-bar
{
    border-color:#e8e3de!important;
    box-shadow:0 12px 30px -28px #3c2d2255!important
}
html.classifieds-page .classified-card
{
    border-color:#e8e4df;
    box-shadow:0 12px 30px -27px #30271f55
}
html.classifieds-page .classified-card:hover
{
    border-color:#e9aa8d;
    box-shadow:0 20px 38px -27px #78412650
}
html.classifieds-page .cf-public-preview-modal
{
    width:min(1180px,calc(100% - 2.5rem));
    max-height:92dvh;
    border-color:#e5ebef;
    border-radius:1.8rem;
    box-shadow:0 32px 90px #06152f52
}
html.classifieds-page .cf-public-preview-head
{
    min-height:4.1rem;
    padding:.8rem 1rem
}
html.classifieds-page .cf-public-preview-body
{
    max-height:calc(92dvh - 4.1rem);
    padding:1.25rem
}
html.classifieds-page .cf-public-preview
{
    grid-template-columns:minmax(0,1fr) minmax(0,1fr);
    align-items:stretch;
    gap:1.6rem
}
html.classifieds-page .cf-public-preview figure
{
    display:grid;
    min-height:410px;
    place-items:center;
    background:#edf2f4
}
html.classifieds-page .cf-public-preview figure img
{
    object-fit:contain
}
html.classifieds-page .cf-public-preview-copy
{
    display:flex;
    min-width:0;
    flex-direction:column;
    padding:.6rem .35rem
}
html.classifieds-page .cf-public-preview-copy h2
{
    font-size:clamp(1.3rem,2.1vw,1.8rem);
    line-height:1.55
}
html.classifieds-page .cf-public-preview-description
{
    max-height:140px
}
html.classifieds-page .cf-public-preview-price
{
    margin-top:auto
}
html.classifieds-page .cf-public-preview-actions
{
    margin-top:1rem
}
.dark.classifieds-page .classifieds,.dark.classifieds-page .classified-hero
{
    background:#07101f!important
}
.dark.classifieds-page .classified-intro>h1,.dark.classifieds-page .classified-hero-stats strong
{
    color:#edf3f8
}
.dark.classifieds-page .classified-intro>p,.dark.classifieds-page .classified-breadcrumb,.dark.classifieds-page .classified-breadcrumb a,.dark.classifieds-page .classified-hero-stats span
{
    color:#a5b5c2
}
.dark.classifieds-page #cf-form.classified-search,.dark.classifieds-page #cf-form .search-query,.dark.classifieds-page #cf-form .cf-filter-toggle
{
    border-color:#ffffff18;
    background:#101b2d;
    color:#edf3f8
}
.dark.classifieds-page #cf-form .search-query input
{
    color:#fff
}
.dark.classifieds-page .cf-category-guide__heading strong
{
    color:#e5edf3
}
.dark.classifieds-page .cf-category-guide__heading span,.dark.classifieds-page .cf-publish-hint-head p
{
    color:#a5b5c2
}
.dark.classifieds-page .cf-category-guide__links button
{
    border-color:#ffffff18;
    background:#101b2d;
    color:#d4dce4
}
.dark.classifieds-page .cf-category-guide__links button:hover,.dark.classifieds-page .cf-category-guide__links button.is-active
{
    border-color:#d9784c66;
    background:#d9784c18;
    color:#ffb28e
}
.dark.classifieds-page .cf-publish-hint
{
    border-color:#ffffff18!important
}
.dark.classifieds-page .cf-publish-title-row h2,.dark.classifieds-page .cf-publish-step b
{
    color:#e8f1f5
}
.dark.classifieds-page .cf-publish-step
{
    background:#ffffff08
}
.dark.classifieds-page .cf-publish-step>span
{
    background:#ffffff0d;
    color:#9fc7d4
}
@media(max-width:900px)
{
    html.classifieds-page .classified-hero .cw
    {
        width:min(calc(100% - 2rem),92rem);
        gap:1rem 1.5rem!important
    }
    html.classifieds-page .classified-hero-stats
    {
        gap:1.2rem
    }
}
@media(max-width:700px)
{
    html.classifieds-page .classified-hero
    {
        padding:1.25rem 0 .75rem!important
    }
    html.classifieds-page .classified-hero .cw
    {
        grid-template-columns:minmax(0,1fr)!important;
        gap:.9rem!important
    }
    html.classifieds-page .classified-intro
    {
        grid-column:1;
        grid-row:1
    }
    html.classifieds-page .classified-breadcrumb
    {
        margin-bottom:.2rem
    }
    html.classifieds-page .classified-intro>h1
    {
        font-size:clamp(1.7rem,7vw,2.25rem)
    }
    html.classifieds-page .classified-intro>p
    {
        font-size:.82rem
    }
    html.classifieds-page .classified-hero-stats
    {
        grid-column:1;
        grid-row:2;
        justify-content:flex-start;
        gap:1.5rem
    }
    html.classifieds-page .classified-hero-stats>div
    {
        min-width:5.25rem;
        text-align:right
    }
    html.classifieds-page .classified-hero-stats strong
    {
        font-size:1.25rem
    }
    html.classifieds-page #cf-form.classified-search
    {
        grid-template-columns:minmax(0,1fr) auto;
        grid-row:3;
        gap:.45rem;
        padding:.5rem
    }
    html.classifieds-page #cf-form .search-query
    {
        grid-column:1/-1;
        height:3.1rem
    }
    html.classifieds-page #cf-form .cf-filter-toggle,html.classifieds-page #cf-form>button[type=submit]
    {
        grid-row:2;
        height:2.85rem;
        padding:0 .8rem;
        font-size:.8rem
    }
    html.classifieds-page #cf-form .cf-filter-toggle
    {
        grid-column:1
    }
    html.classifieds-page #cf-form>button[type=submit]
    {
        grid-column:2
    }
    html.classifieds-page #cf-form .cf-filter-toggle span,html.classifieds-page #cf-form>button[type=submit] span
    {
        display:inline
    }
    html.classifieds-page .cf-category-guide
    {
        grid-template-columns:minmax(0,1fr);
        grid-row:4;
        gap:.65rem
    }
    html.classifieds-page .cf-category-guide__heading
    {
        display:flex;
        align-items:baseline;
        gap:.55rem
    }
    html.classifieds-page .cf-category-guide__links
    {
        margin-inline:-.15rem;
        padding:.15rem
    }
    html.classifieds-page .cf-category-guide__links button
    {
        min-height:2.1rem;
        padding:0 .75rem;
        font-size:.72rem
    }
    html.classifieds-page .cf-publish-hint
    {
        grid-row:5;
        align-items:flex-start;
        flex-direction:column;
        gap:.5rem;
        padding:.7rem 0!important
    }
    html.classifieds-page .cf-publish-steps
    {
        width:100%;
        grid-template-columns:repeat(2,minmax(0,1fr))!important
    }
    html.classifieds-page .cf-publish-step
    {
        align-items:flex-start
    }
    html.classifieds-page .cf-public-preview-modal
    {
        width:100%;
        max-height:92dvh;
        border-radius:1.5rem 1.5rem 0 0
    }
    html.classifieds-page .cf-public-preview-body
    {
        max-height:calc(92dvh - 4.1rem);
        padding:.8rem
    }
    html.classifieds-page .cf-public-preview
    {
        grid-template-columns:minmax(0,1fr);
        gap:.85rem
    }
    html.classifieds-page .cf-public-preview figure
    {
        min-height:220px;
        height:220px
    }
    html.classifieds-page .cf-public-preview-copy
    {
        padding:.25rem .15rem
    }
    html.classifieds-page .cf-public-preview-price
    {
        margin-top:.8rem
    }
    html.classifieds-page .classified-results-bar
    {
        padding:1rem!important
    }
    html.classifieds-page .classified-card
    {
        border-radius:1rem
    }
    html.classifieds-page .classified-body
    {
        padding:.8rem
    }
    html.classifieds-page .classified-actions
    {
        gap:.5rem;
        padding:0 .8rem .8rem
    }
}
@media(max-width:380px)
{
    html.classifieds-page .cf-publish-steps
    {
        grid-template-columns:1fr!important
    }
}
@media(prefers-reduced-motion:reduce)
{
    html.classifieds-page .classified-card,html.classifieds-page .classified-actions a
    {
        transition:none
    }
}
html.classifieds-page .cf-preview-state
{
    display:grid;
    min-height:260px;
    place-items:center
}
html.classifieds-page .cf-preview-loading
{
    color:#71818d
}
html.classifieds-page .cf-preview-loading i
{
    font-size:2rem;
    animation:cf-filter-spin .8s linear infinite
}
html.classifieds-page .cf-preview-error
{
    padding:3rem;
    color:#b43f3f;
    text-align:center
}
@media(min-width:701px)
{
    html.classifieds-page .classified-hero .cw
    {
        width:min(calc(100% - 3rem),80rem)
    }
}
@media(max-width:700px)
{
    html.classifieds-page .classified-hero .cw
    {
        width:min(calc(100% - 2rem),80rem)
    }
    html.classifieds-page .classifieds>.cf-publish-hint
    {
        width:min(calc(100% - 2rem),80rem)
    }
}
html.classifieds-page #cf-form.classified-search
{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) 3rem;
    grid-template-rows:auto;
    align-items:center;
    gap:.35rem;
    padding:.35rem;
    border:1px solid #e6e5e3;
    border-radius:1rem;
    background:#fff;
    box-shadow:0 10px 28px -22px #583f2d55
}
html.classifieds-page #cf-form .search-query
{
    display:flex;
    grid-column:1;
    grid-row:1;
    height:3rem;
    padding-inline:.65rem;
    border:0;
    border-radius:.7rem;
    background:transparent;
    box-shadow:none
}
html.classifieds-page #cf-form .search-query>i
{
    color:#99a1aa
}
html.classifieds-page #cf-form .search-query input
{
    height:100%;
    color:#2e3742
}
html.classifieds-page #cf-form .cf-search-reset
{
    width:2.4rem!important;
    height:2.4rem!important;
    min-width:2.4rem!important;
    border-radius:.65rem!important
}
html.classifieds-page #cf-form .cf-filter-toggle
{
    display:grid!important;
    grid-column:2;
    grid-row:1;
    width:3rem;
    min-width:3rem;
    height:3rem;
    place-items:center;
    padding:0;
    border:0;
    border-radius:.7rem;
    background:#f2f5f7!important;
    color:#526575!important;
    box-shadow:none
}
html.classifieds-page #cf-form .cf-filter-toggle>i
{
    margin:0;
    color:inherit;
    font-size:1.2rem
}
html.classifieds-page #cf-form .cf-filter-toggle>span,
html.classifieds-page #cf-form>button[type=submit]
{
    display:none!important
}
.dark.classifieds-page #cf-form.classified-search
{
    border-color:#ffffff1c;
    background:#101b2d
}
.dark.classifieds-page #cf-form .search-query input
{
    color:#fff
}
.dark.classifieds-page #cf-form .search-query input::placeholder
{
    color:#9caaba
}
.dark.classifieds-page #cf-form .cf-filter-toggle
{
    background:#ffffff0b!important;
    color:#d5e0e8!important
}
html.classifieds-page .classifieds>.classified-hero .cw>.cf-search-placeholder #cf-form.classified-search
{
    padding:.35rem!important;
    border:1px solid #e6e5e3!important;
    border-radius:1rem!important;
    background:#fff!important;
    box-shadow:0 10px 28px -22px #583f2d55!important
}
.dark.classifieds-page .classifieds>.classified-hero .cw>.cf-search-placeholder #cf-form.classified-search
{
    border-color:#ffffff1c!important;
    background:#101b2d!important
}
html.classifieds-page #cf-grid .classified-card
{
    position:relative;
    min-width:0
}
html.classifieds-page #cf-grid .classified-quick-view
{
    position:absolute;
    z-index:2;
    top:.7rem;
    left:.7rem;
    display:grid;
    width:2.5rem;
    height:2.5rem;
    place-items:center;
    border:1px solid #ffffffc7;
    border-radius:.8rem;
    background:#fff;
    color:#334155;
    box-shadow:0 5px 16px #0f172a26;
    transition:transform .18s,background .18s,color .18s
}
html.classifieds-page #cf-grid .classified-quick-view:hover
{
    transform:translateY(-1px);
    background:#c45e31;
    color:#fff
}
html.classifieds-page #cf-grid .classified-quick-view:focus-visible,
html.classifieds-page #cf-grid .classified-detail-link:focus-visible
{
    outline:3px solid #f59e0b;
    outline-offset:2px
}
html.classifieds-page #cf-grid .classified-detail-link
{
    display:flex;
    min-width:0;
    min-height:2.8rem;
    align-items:center;
    justify-content:center;
    gap:.45rem;
    padding:.55rem .8rem;
    border:1px solid #e8d9cf;
    border-radius:.9rem;
    background:#fffaf6;
    color:#a84e2a;
    font-size:.8rem;
    font-weight:900;
    text-decoration:none;
    white-space:nowrap
}
html.classifieds-page #cf-grid .classified-detail-link:hover
{
    border-color:#d9784c;
    background:#fff1e8
}
html.classifieds-page #cf-grid.list-view
{
    grid-template-columns:minmax(0,1fr)
}
html.classifieds-page #cf-grid.list-view .classified-card
{
    display:grid;
    grid-template-columns:minmax(130px,180px) minmax(0,1fr) minmax(132px,170px);
    grid-template-rows:minmax(0,1fr);
    align-items:stretch;
    min-height:156px;
    max-height:184px;
    overflow:hidden
}
html.classifieds-page #cf-grid.list-view .classified-media
{
    grid-column:1;
    grid-row:1;
    width:100%;
    height:100%;
    min-height:0;
    aspect-ratio:auto;
    overflow:hidden
}
html.classifieds-page #cf-grid.list-view .classified-media img
{
    position:absolute;
    inset:0;
    width:100%;
    height:100%;
    object-fit:cover
}
html.classifieds-page #cf-grid.list-view .classified-body
{
    grid-column:2;
    grid-row:1;
    min-width:0;
    align-content:center;
    gap:.2rem;
    overflow:hidden;
    padding:.8rem 1rem
}
html.classifieds-page #cf-grid.list-view .classified-section-link
{
    min-height:2rem;
    margin-bottom:.2rem;
    padding:.25rem .45rem
}
html.classifieds-page #cf-grid.list-view .classified-body h3
{
    display:-webkit-box;
    overflow:hidden;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2;
    line-height:1.45
}
html.classifieds-page #cf-grid.list-view .classified-location
{
    overflow:hidden;
    margin:.25rem 0;
    text-overflow:ellipsis;
    white-space:nowrap
}
html.classifieds-page #cf-grid.list-view .classified-price
{
    padding-top:.1rem;
    font-size:1rem
}
html.classifieds-page #cf-grid.list-view .classified-actions
{
    grid-column:3;
    grid-row:1;
    display:flex;
    flex-direction:column;
    align-self:center;
    gap:.45rem;
    padding:.65rem
}
html.classifieds-page #cf-grid.list-view .classified-actions>a
{
    min-height:2.35rem;
    height:2.35rem;
    border-radius:.75rem
}
@media(max-width:700px)
{
    html.classifieds-page #cf-grid.list-view .classified-card
    {
        grid-template-columns:minmax(88px,30%) minmax(0,1fr);
        grid-template-rows:minmax(0,1fr) auto;
        min-height:132px;
        max-height:168px
    }
    html.classifieds-page #cf-grid.list-view .classified-media
    {
        grid-column:1;
        grid-row:1/3;
        height:100%;
        min-height:0
    }
    html.classifieds-page #cf-grid.list-view .classified-body
    {
        grid-column:2;
        grid-row:1;
        padding:.6rem .7rem .2rem
    }
    html.classifieds-page #cf-grid.list-view .classified-actions
    {
        grid-column:2;
        grid-row:2;
        display:grid;
        grid-auto-flow:column;
        grid-auto-columns:minmax(0,1fr);
        gap:.35rem;
        padding:.2rem .6rem .6rem
    }
    html.classifieds-page #cf-grid.list-view .classified-actions>a
    {
        min-width:0;
        min-height:2.3rem;
        height:2.3rem;
        padding:.35rem
    }
    html.classifieds-page #cf-grid.list-view .classified-detail-link span
    {
        font-size:.68rem
    }
    html.classifieds-page #cf-grid.list-view .classified-quick-view
    {
        top:.45rem;
        left:.45rem;
        width:2.1rem;
        height:2.1rem;
        border-radius:.65rem
    }
}
@media(max-width:380px)
{
    html.classifieds-page #cf-grid.list-view .classified-card
    {
        grid-template-columns:78px minmax(0,1fr);
        min-height:126px;
        max-height:156px
    }
    html.classifieds-page #cf-grid.list-view .classified-section-link
    {
        display:none
    }
    html.classifieds-page #cf-grid.list-view .classified-actions
    {
        gap:.25rem;
        padding-inline:.45rem
    }
    html.classifieds-page #cf-grid.list-view .classified-actions>a
    {
        font-size:.65rem
    }
}
@media(min-width:1200px)
{
    html.classifieds-page #cf-grid.list-view
    {
        grid-template-columns:repeat(2,minmax(0,1fr));
        gap:.8rem
    }
    html.classifieds-page #cf-grid.list-view .classified-card
    {
        grid-template-columns:minmax(96px,34%) minmax(0,1fr);
        grid-template-rows:minmax(0,1fr) auto;
        min-height:190px;
        max-height:190px
    }
    html.classifieds-page #cf-grid.list-view .classified-media
    {
        grid-column:1;
        grid-row:1/3
    }
    html.classifieds-page #cf-grid.list-view .classified-body
    {
        grid-column:2;
        grid-row:1;
        padding:.65rem .75rem .2rem
    }
    html.classifieds-page #cf-grid.list-view .classified-title-link h3
    {
        display:block;
        overflow:hidden;
        text-overflow:ellipsis;
        white-space:nowrap
    }
    html.classifieds-page #cf-grid.list-view .classified-location
    {
        flex:none;
        min-height:1.2rem
    }
    html.classifieds-page #cf-grid.list-view .classified-actions
    {
        grid-column:2;
        grid-row:2;
        display:grid;
        grid-auto-flow:column;
        grid-auto-columns:minmax(0,1fr);
        gap:.35rem;
        padding:.2rem .65rem .6rem
    }
    html.classifieds-page #cf-grid.list-view .classified-actions>a
    {
        min-width:0;
        min-height:2.2rem;
        height:2.2rem;
        padding:.35rem;
        font-size:.72rem
    }
}