.cs-classifieds {
    width: 100%;
}

.cs-classifieds-toolbar {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: .8rem;
    align-items: center;
    margin-bottom: 1rem;
}

.cs-classifieds-filters {
    display: grid;
    grid-template-columns: minmax(180px, 1.3fr) minmax(140px, .8fr) minmax(150px, .8fr) auto;
    gap: .65rem;
    flex: 1;
}

.cs-classifieds-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1rem;
}

.cs-classifieds-card,
.cs-classifieds-own-card {
    border: 1px solid var(--cs-border);
    border-radius: var(--cs-radius-md);
    background: var(--cs-surface);
    color: var(--cs-text);
}

.cs-classifieds-card {
    display: flex;
    min-width: 0;
    flex-direction: column;
    padding: 1rem;
}

.cs-classifieds-card__top,
.cs-classifieds-card__footer {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: .6rem;
    align-items: center;
}

.cs-classifieds-card h3 {
    margin: .8rem 0 .4rem;
}

.cs-classifieds-card h3 a,
.cs-classifieds-card__footer > a:first-child,
.cs-classifieds-profile-link {
    color: var(--cs-primary);
    text-decoration: none;
}

.cs-classifieds-card h3 a:hover,
.cs-classifieds-profile-link:hover {
    text-decoration: underline;
}

.cs-classifieds-card__location {
    color: var(--cs-text-muted);
}

.cs-classifieds-card__footer {
    margin-top: auto;
    padding-top: 1rem;
}

.cs-classifieds-account-summary {
    display: flex;
    flex-wrap: wrap;
    gap: .7rem;
    margin-bottom: 1rem;
}

.cs-classifieds-account-summary span,
.cs-classifieds-credit-badge {
    display: inline-flex;
    padding: .45rem .75rem;
    border: 1px solid var(--cs-border);
    border-radius: 999px;
    background: var(--cs-surface-alt);
}

.cs-classifieds-form-card {
    margin-bottom: 1.5rem;
}

.cs-classifieds-two-columns {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .8rem;
}

.cs-classifieds-own {
    display: grid;
    gap: .8rem;
}

.cs-classifieds-own-card {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    align-items: center;
    padding: .85rem 1rem;
}

.cs-classifieds-own-card > div:first-child {
    display: grid;
    gap: .3rem;
}

.cs-classifieds-status {
    display: inline-flex;
    width: fit-content;
    padding: .25rem .55rem;
    border-radius: 999px;
    font-size: .78rem;
    font-weight: 700;
}

.cs-classifieds-status--published {
    background: rgba(45, 187, 104, .15);
    color: #20894d;
}

.cs-classifieds-status--pending {
    background: rgba(226, 165, 40, .15);
    color: #9a6a00;
}

.cs-classifieds-status--expired,
.cs-classifieds-status--deleted,
.cs-classifieds-status--rejected {
    background: var(--cs-surface-alt);
    color: var(--cs-text-muted);
}

.cs-classifieds-detail {
    max-width: 900px;
    margin-inline: auto;
}

.cs-classifieds-meta {
    display: flex;
    flex-wrap: wrap;
    gap: .65rem;
    align-items: center;
    color: var(--cs-text-muted);
}

.cs-classifieds-description {
    margin-block: 1.3rem;
    font-size: 1.04rem;
    line-height: 1.7;
}

.cs-classifieds-loading {
    padding: 2rem;
    color: var(--cs-text-muted);
}

@media (max-width: 900px) {
    .cs-classifieds-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .cs-classifieds-filters {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 620px) {
    .cs-classifieds-grid,
    .cs-classifieds-filters,
    .cs-classifieds-two-columns {
        grid-template-columns: 1fr;
    }

    .cs-classifieds-own-card {
        align-items: stretch;
        flex-direction: column;
    }
}


/* v1.1.0 premium classified catalogue */
.cs-classifieds{
 --csc-text:var(--cs-text,#f5f7fa);
 --csc-muted:var(--cs-text-muted,#9da7b6);
 --csc-accent:var(--cs-primary,#ff1744);
 --csc-card-border:var(--cs-border,#29303c);
 --csc-card-hover:var(--csc-accent);
 --csc-card-overlay:rgba(0,0,0,.94);
 --csc-filter-bg:var(--cs-surface,#11151d);
 --csc-filter-text:var(--csc-muted);
 --csc-filter-active:var(--csc-accent);
 --csc-filter-active-text:#fff;
 color:var(--csc-text);
}
.cs-classifieds-toolbar{align-items:flex-start;gap:14px;margin-bottom:18px}
.cs-classifieds-filters{display:flex!important;flex-direction:column;gap:10px;min-width:0}
.cs-classifieds-category-filters{display:flex;gap:7px;flex-wrap:wrap}
.cs-classifieds-filter-pill{
 padding:7px 14px;border:1px solid var(--csc-card-border);border-radius:999px;
 background:var(--csc-filter-bg);color:var(--csc-filter-text);font-size:12px;font-weight:700;cursor:pointer;
 transition:background .16s ease,color .16s ease,border-color .16s ease,transform .16s ease
}
.cs-classifieds-filter-pill:hover{border-color:var(--csc-accent);color:var(--csc-text)}
.cs-classifieds-filter-pill.is-active{background:var(--csc-filter-active);border-color:var(--csc-filter-active);color:var(--csc-filter-active-text)}
.cs-classifieds-search-row{display:grid;grid-template-columns:minmax(180px,1fr) minmax(150px,.65fr) minmax(120px,.42fr) auto;gap:8px}
.cs-classifieds-create-button{flex:0 0 auto}

.cs-classifieds-grid{gap:14px}
.cs-classifieds-card{
 position:relative!important;display:block!important;min-width:0;min-height:390px;padding:0!important;
 overflow:hidden;border:1px solid var(--csc-card-border);border-radius:16px;background:#090b0f;color:#fff;
 cursor:pointer;isolation:isolate;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease
}
.cs-classifieds-card:hover,.cs-classifieds-card:focus{transform:translateY(-3px);border-color:var(--csc-card-hover);box-shadow:0 16px 38px rgba(0,0,0,.32);outline:none}
.cs-classifieds-card__image{position:absolute;z-index:0;inset:0;background:#090b0f var(--csc-card-image,none) center/cover no-repeat;transition:transform .28s ease}
.cs-classifieds-card:hover .cs-classifieds-card__image{transform:scale(1.025)}
.cs-classifieds-card__gradient{position:absolute;z-index:1;inset:0;background:linear-gradient(to bottom,rgba(0,0,0,.06) 0%,rgba(0,0,0,.08) 28%,rgba(0,0,0,.56) 56%,var(--csc-card-overlay) 100%);pointer-events:none}
.cs-classifieds-card__top{position:absolute;z-index:3;top:10px;left:10px;right:10px;display:flex;justify-content:space-between;align-items:center;gap:8px}
.cs-classifieds-card__category{padding:5px 9px;border-radius:999px;background:var(--csc-accent);color:#fff;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.04em;box-shadow:0 5px 16px rgba(0,0,0,.24)}
.cs-classifieds-card__gender{display:inline-flex;align-items:center;gap:5px;padding:4px 7px;border:1px solid rgba(255,255,255,.18);border-radius:999px;background:rgba(0,0,0,.5);color:#fff;backdrop-filter:blur(5px)}
.cs-classifieds-card__gender b{font-size:14px;line-height:1}.cs-classifieds-card__gender small{font-size:9px;font-weight:700}
.cs-classifieds-card__content{position:absolute;z-index:3;left:0;right:0;bottom:0;padding:15px;display:flex;flex-direction:column;gap:7px;max-height:76%;overflow:hidden}
.cs-classifieds-card__content h3{margin:0!important;color:#fff;font-size:19px;line-height:1.08;font-weight:850;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.cs-classifieds-card__user{width:max-content;max-width:100%;color:#fff!important;font-size:12px;font-weight:750;text-decoration:none!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cs-classifieds-card__user:hover{text-decoration:underline!important}
.cs-classifieds-card__stats{display:flex;flex-wrap:wrap;gap:5px}
.cs-classifieds-card__stat{padding:3px 7px;border:1px solid rgba(255,255,255,.14);border-radius:999px;background:rgba(0,0,0,.44);color:rgba(255,255,255,.9);font-size:9px;font-weight:700;backdrop-filter:blur(5px)}
.cs-classifieds-card__location{color:rgba(255,255,255,.72);font-size:10px;font-weight:650}
.cs-classifieds-card__excerpt{display:-webkit-box!important;margin:0!important;overflow:hidden!important;color:rgba(255,255,255,.76)!important;font-size:11px!important;line-height:1.42!important;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow-wrap:anywhere}

.cs-classifieds-image-preview{display:flex;align-items:flex-end;gap:10px;margin-top:8px}.cs-classifieds-image-preview img{width:150px;height:110px;object-fit:cover;border:1px solid var(--cs-border);border-radius:10px}
.cs-classifieds-own-card{transition:border-color .15s ease,background .15s ease}
.cs-classifieds .cs-button{transition:background-color .15s ease,color .15s ease,border-color .15s ease,transform .15s ease}
.cs-classifieds .cs-button:hover{transform:translateY(-1px)}

@media(max-width:900px){
 .cs-classifieds-search-row{grid-template-columns:1fr 1fr auto}
}
@media(max-width:620px){
 .cs-classifieds-toolbar{flex-direction:column}
 .cs-classifieds-category-filters{flex-wrap:nowrap;overflow-x:auto;width:100%;padding-bottom:3px}
 .cs-classifieds-filter-pill{flex:0 0 auto}
 .cs-classifieds-search-row{grid-template-columns:1fr}
 .cs-classifieds-create-button{width:100%;text-align:center}
 .cs-classifieds-card{min-height:330px}
 .cs-classifieds-card__content{padding:11px;gap:5px;max-height:79%}
 .cs-classifieds-card__content h3{font-size:16px}
 .cs-classifieds-card__excerpt{-webkit-line-clamp:3;font-size:10px!important}
 .cs-classifieds-card__gender small{display:none}
}


/* v1.1.1: content lifted upward + own Gallery selector */
.cs-classifieds-card__content{
 top:46% !important;
 bottom:10px !important;
 max-height:none !important;
 justify-content:flex-start;
}
.cs-classifieds-card__excerpt{-webkit-line-clamp:5 !important}
.cs-classifieds-card__gradient{
 background:linear-gradient(to bottom,rgba(0,0,0,.04) 0%,rgba(0,0,0,.10) 24%,rgba(0,0,0,.42) 43%,rgba(0,0,0,.78) 66%,var(--csc-card-overlay) 100%) !important;
}
.cs-classifieds-gallery-choice{
 display:flex;flex-direction:column;gap:10px;padding:12px;
 border:1px solid var(--cs-border,#29303c);border-radius:12px;background:rgba(255,255,255,.02)
}
.cs-classifieds-gallery-choice__selected{display:flex;align-items:center;gap:10px;min-height:54px;color:var(--csc-muted);font-size:12px}
.cs-classifieds-gallery-choice__selected img{width:72px;height:72px;object-fit:cover;border:1px solid var(--cs-border,#29303c);border-radius:10px}
.cs-classifieds-modal-head{display:flex;align-items:center;justify-content:space-between;gap:12px}
.cs-classifieds-modal-head h2{margin:0}
.cs-classifieds-gallery-picker{
 display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;
 max-height:min(62vh,620px);overflow:auto;padding:3px
}
.cs-classifieds-gallery-picker__item{
 position:relative;padding:0!important;overflow:hidden;aspect-ratio:1/1;
 border:2px solid transparent!important;border-radius:12px!important;background:#080a0e!important;cursor:pointer;
 transition:border-color .15s ease,transform .15s ease
}
.cs-classifieds-gallery-picker__item:hover{border-color:var(--csc-accent)!important;transform:translateY(-2px)}
.cs-classifieds-gallery-picker__item img{display:block;width:100%;height:100%;object-fit:cover}
.cs-classifieds-gallery-modal .cs-modal__dialog{width:min(760px,92vw)}
@media(max-width:620px){
 .cs-classifieds-card__content{top:42%!important;bottom:8px!important}
 .cs-classifieds-card__excerpt{-webkit-line-clamp:4!important}
 .cs-classifieds-gallery-picker{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}
}


/* v1.1.2: higher card copy, adjustable typography/teaser, Ultimate border */
.cs-classifieds{
 --csc-content-start:34%;
 --csc-excerpt-lines:6;
 --csc-title-size:19px;
 --csc-user-size:12px;
 --csc-stat-size:10px;
 --csc-location-size:10px;
 --csc-excerpt-size:12px;
 --csc-category-size:10px;
 --csc-gender-size:10px;
 --csc-ultimate-border:#f5a623;
 --csc-ultimate-hover:#ffd166;
}
.cs-classifieds-card__content{
 top:var(--csc-content-start) !important;
 bottom:9px !important;
 max-height:none !important;
}
.cs-classifieds-card__content h3{font-size:var(--csc-title-size) !important}
.cs-classifieds-card__user{font-size:var(--csc-user-size) !important}
.cs-classifieds-card__stat{font-size:var(--csc-stat-size) !important}
.cs-classifieds-card__location{font-size:var(--csc-location-size) !important}
.cs-classifieds-card__excerpt{
 font-size:var(--csc-excerpt-size) !important;
 -webkit-line-clamp:var(--csc-excerpt-lines) !important;
}
.cs-classifieds-card__category{font-size:var(--csc-category-size) !important}
.cs-classifieds-card__gender small{font-size:var(--csc-gender-size) !important}
.cs-classifieds-card.is-ultimate{border-color:var(--csc-ultimate-border)}
.cs-classifieds-card.is-ultimate:hover,
.cs-classifieds-card.is-ultimate:focus{border-color:var(--csc-ultimate-hover)}
@media(max-width:620px){
 .cs-classifieds-card__content{top:var(--csc-content-start) !important}
 .cs-classifieds-card__excerpt{-webkit-line-clamp:var(--csc-excerpt-lines) !important}
}


/* v1.1.3: premium opened-classified view */
.cs-classifieds{
 --csc-detail-bg:#090b10;
 --csc-detail-border:#252b35;
 --csc-detail-ultimate:#f5a623;
 --csc-detail-category-bg:#ff1744;
 --csc-detail-category-text:#fff;
 --csc-membership-free:#8c96a6;
 --csc-membership-pro:#ff1744;
 --csc-membership-ultimate:#f5a623;
 --csc-detail-image-width:42%;
 --csc-detail-title-size:32px;
 --csc-detail-user-size:17px;
 --csc-detail-body-size:15px;
 --csc-detail-meta-size:11px;
}
.cs-classifieds-detail-view{max-width:1120px;margin:0 auto;padding:8px 0 28px}
.cs-classifieds-back{
 display:inline-flex!important;align-items:center;gap:8px;margin:0 0 14px;padding:9px 13px;
 border:1px solid #2a303a;border-radius:999px;background:rgba(255,255,255,.035);color:#c9d0db!important;
 text-decoration:none!important;font-size:12px;font-weight:750;line-height:1;transition:transform .15s ease,border-color .15s ease,background .15s ease,color .15s ease
}
.cs-classifieds-back:hover{transform:translateX(-2px);text-decoration:none!important}.cs-classifieds-back__icon{font-size:15px}
.cs-classifieds-detail{
 display:grid;grid-template-columns:var(--csc-detail-image-width) minmax(0,1fr);min-height:610px;
 overflow:hidden;border:1px solid var(--csc-detail-border);border-radius:22px;background:var(--csc-detail-bg);
 box-shadow:0 26px 90px rgba(0,0,0,.34);isolation:isolate
}
.cs-classifieds-detail.is-ultimate{border-color:var(--csc-detail-ultimate);box-shadow:0 0 0 1px color-mix(in srgb,var(--csc-detail-ultimate) 18%,transparent),0 26px 90px rgba(0,0,0,.38),0 0 32px color-mix(in srgb,var(--csc-detail-ultimate) 11%,transparent)}
.cs-classifieds-detail__media{position:relative;min-height:100%;overflow:hidden;background:#07090c;isolation:isolate}
.cs-classifieds-detail__media-image{position:absolute;z-index:0;inset:0;background:#07090c var(--csc-detail-image,none) center/cover no-repeat;transform:scale(1.01)}
.cs-classifieds-detail__media-gradient{position:absolute;z-index:1;inset:0;background:linear-gradient(to bottom,rgba(0,0,0,.08),rgba(0,0,0,.09) 45%,rgba(0,0,0,.78) 100%)}
.cs-classifieds-detail__category{position:absolute;z-index:3;top:16px;left:16px;padding:6px 10px;border-radius:999px;background:var(--csc-detail-category-bg);color:var(--csc-detail-category-text);font-size:10px;font-weight:850;text-transform:uppercase;letter-spacing:.05em;box-shadow:0 7px 20px rgba(0,0,0,.24)}
.cs-classifieds-detail__gender{position:absolute;z-index:3;top:16px;right:16px;display:inline-flex;align-items:center;gap:6px;padding:6px 9px;border:1px solid rgba(255,255,255,.18);border-radius:999px;background:rgba(0,0,0,.48);color:#fff;backdrop-filter:blur(7px);font-size:10px;font-weight:750}
.cs-classifieds-detail__gender b{font-size:16px;line-height:1}.cs-classifieds-detail__media-caption{position:absolute;z-index:3;left:16px;right:16px;bottom:15px;color:rgba(255,255,255,.82);font-size:11px;font-weight:700}
.cs-classifieds-detail__body{display:flex;flex-direction:column;min-width:0;padding:32px 34px 30px}
.cs-classifieds-detail__identity{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin-bottom:15px}
.cs-classifieds-detail__user{color:#fff!important;font-size:var(--csc-detail-user-size);font-weight:800;text-decoration:none!important}.cs-classifieds-detail__user:hover{text-decoration:underline!important}
.cs-classifieds-membership{display:inline-flex;align-items:center;padding:4px 7px;border:1px solid currentColor;border-radius:999px;font-size:9px;font-weight:900;letter-spacing:.08em;line-height:1;background:rgba(255,255,255,.025)}
.cs-classifieds-membership--free{color:var(--csc-membership-free)}.cs-classifieds-membership--pro{color:var(--csc-membership-pro)}.cs-classifieds-membership--ultimate{color:var(--csc-membership-ultimate)}
.cs-classifieds-detail__title{margin:0 0 18px!important;color:var(--csc-text)!important;font-size:var(--csc-detail-title-size)!important;line-height:1.08!important;font-weight:850!important;letter-spacing:-.025em!important;text-transform:none!important}
.cs-classifieds-detail__stats{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:18px}
.cs-classifieds-detail__stats span{display:inline-flex;align-items:center;min-height:29px;padding:5px 9px;border:1px solid rgba(255,255,255,.11);border-radius:999px;background:rgba(255,255,255,.035);color:rgba(255,255,255,.9);font-size:var(--csc-detail-meta-size);font-weight:750}
.cs-classifieds-detail__stats span.is-wanted{border-color:color-mix(in srgb,var(--csc-accent) 48%,transparent);background:color-mix(in srgb,var(--csc-accent) 10%,transparent);color:#fff}
.cs-classifieds-detail__dates{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-bottom:22px}
.cs-classifieds-detail__dates>div{padding:10px 12px;border:1px solid rgba(255,255,255,.075);border-radius:11px;background:rgba(255,255,255,.022)}
.cs-classifieds-detail__dates small{display:block;margin-bottom:3px;color:var(--csc-muted);font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.045em}.cs-classifieds-detail__dates strong{display:block;color:var(--csc-text);font-size:12px;font-weight:800}
.cs-classifieds-detail .cs-classifieds-description{flex:1;color:rgba(255,255,255,.78);font-size:var(--csc-detail-body-size);line-height:1.62;overflow-wrap:anywhere}.cs-classifieds-detail .cs-classifieds-description p:first-child{margin-top:0}.cs-classifieds-detail .cs-classifieds-description p:last-child{margin-bottom:0}
.cs-classifieds-detail__actions{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin-top:26px;padding-top:20px;border-top:1px solid rgba(255,255,255,.075)}
.cs-classifieds-detail-button{min-height:41px;padding:9px 14px!important}
@media(max-width:850px){
 .cs-classifieds-detail{grid-template-columns:1fr;min-height:0}.cs-classifieds-detail__media{min-height:430px}.cs-classifieds-detail__body{padding:25px}.cs-classifieds-detail__title{font-size:min(var(--csc-detail-title-size),36px)!important}
}
@media(max-width:620px){
 .cs-classifieds-detail-view{padding-top:3px}.cs-classifieds-detail__media{min-height:330px}.cs-classifieds-detail__body{padding:19px 17px 20px}.cs-classifieds-detail__dates{grid-template-columns:1fr}.cs-classifieds-detail__actions{flex-direction:column;align-items:stretch}.cs-classifieds-detail-button{width:100%}.cs-classifieds-detail__gender span{display:none}
}


/* v1.1.4: wider opened ad, combined hearts, wanted genders and image lightbox */
.cs-classifieds{
 --csc-detail-max-width:1180px;
 --csc-detail-hearts:#ff1744;
}
.cs-classifieds-detail-view{max-width:var(--csc-detail-max-width)!important;width:100%}
.cs-classifieds-detail{max-width:none!important;width:100%;margin-inline:0!important}
@media(min-width:851px){.cs-classifieds{--csc-detail-image-width:46%}}

.cs-classifieds-detail__hearts{display:inline-flex;align-items:center;gap:5px;color:var(--csc-detail-hearts);font-size:12px;font-weight:900;line-height:1}
.cs-classifieds-detail__hearts>span{font-size:15px}.cs-classifieds-detail__hearts strong{color:var(--csc-detail-hearts);font:inherit}

.cs-classifieds-wanted-genders{display:flex;flex-wrap:wrap;gap:8px}
.cs-classifieds-wanted-genders label{display:inline-flex;align-items:center;gap:7px;padding:7px 10px;border:1px solid var(--cs-border,#29303c);border-radius:999px;background:rgba(255,255,255,.025);color:var(--csc-text);font-size:12px;font-weight:700;cursor:pointer}
.cs-classifieds-wanted-genders input{accent-color:var(--csc-accent)}

.cs-classifieds-detail__thumb{display:flex;align-items:center;gap:10px;width:max-content;max-width:100%;margin-top:20px;padding:7px 10px 7px 7px!important;border:1px solid rgba(255,255,255,.10)!important;border-radius:11px!important;background:rgba(255,255,255,.025)!important;color:rgba(255,255,255,.78)!important;font-size:10px!important;font-weight:750!important;cursor:pointer;transition:border-color .15s ease,background .15s ease,transform .15s ease}
.cs-classifieds-detail__thumb:hover{border-color:var(--csc-accent)!important;background:rgba(255,255,255,.05)!important;transform:translateY(-1px)}
.cs-classifieds-detail__thumb img{width:54px;height:54px;object-fit:cover;border-radius:8px;display:block}

.cs-classifieds-image-lightbox{position:fixed;z-index:999999;inset:0;display:flex;align-items:center;justify-content:center;padding:28px}
.cs-classifieds-image-lightbox[hidden]{display:none!important}
.cs-classifieds-image-lightbox__backdrop{position:absolute;inset:0;background:rgba(0,0,0,.88);backdrop-filter:blur(8px)}
.cs-classifieds-image-lightbox__dialog{position:relative;z-index:2;display:flex;align-items:center;justify-content:center;width:min(1100px,92vw);height:min(88vh,900px)}
.cs-classifieds-image-lightbox__dialog img{display:block;max-width:100%;max-height:100%;object-fit:contain;border-radius:14px;box-shadow:0 28px 90px rgba(0,0,0,.55)}
.cs-classifieds-image-lightbox__close{position:absolute;z-index:3;top:-18px;right:-18px;display:flex;align-items:center;justify-content:center;width:38px;height:38px;padding:0!important;border:1px solid rgba(255,255,255,.14)!important;border-radius:999px!important;background:#11151b!important;color:#fff!important;font-size:24px!important;line-height:1!important;cursor:pointer}
@media(max-width:850px){.cs-classifieds-detail-view{max-width:100%!important}.cs-classifieds-detail__thumb img{width:48px;height:48px}}


/* v1.1.6: newest / oldest sorting */
.cs-classifieds-sort{
 min-width:0;
 cursor:pointer;
}
@media(max-width:900px){
 .cs-classifieds-search-row{
  grid-template-columns:1fr 1fr minmax(120px,.65fr) auto;
 }
}
@media(max-width:620px){
 .cs-classifieds-search-row{
  grid-template-columns:1fr;
 }
}


/* v1.1.7: unified search controls + pill create button */
.cs-classifieds{
  --csc-search-bg:var(--cs-surface,#11151d);
  --csc-search-text:var(--csc-text,#f5f7fa);
  --csc-search-border:var(--csc-card-border,#29303c);
  --csc-search-focus:var(--csc-accent,#ff1744);
  --csc-search-radius:10px;

  --csc-create-bg:var(--csc-accent,#ff1744);
  --csc-create-text:#fff;
  --csc-create-border:var(--csc-accent,#ff1744);
  --csc-create-hover-bg:#ff315b;
  --csc-create-hover-text:#fff;
  --csc-create-hover-border:#ff315b;
  --csc-create-radius:999px;
}

/* Search text field, city field and sort select now share the exact same shell. */
.cs-classifieds-search-row .cs-input{
  min-height:42px !important;
  height:42px !important;
  padding:0 13px !important;
  border:1px solid var(--csc-search-border) !important;
  border-radius:var(--csc-search-radius) !important;
  background:var(--csc-search-bg) !important;
  color:var(--csc-search-text) !important;
  box-shadow:none !important;
  outline:none;
  font-size:12px;
  line-height:40px;
}
.cs-classifieds-search-row input.cs-input::placeholder{
  color:var(--csc-muted);
  opacity:.88;
}
.cs-classifieds-search-row .cs-input:focus{
  border-color:var(--csc-search-focus) !important;
  box-shadow:0 0 0 1px var(--csc-search-focus) !important;
}
.cs-classifieds-search-row select.cs-input{
  line-height:normal;
  cursor:pointer;
}

/* Search action: same height and radius as the sort selector next to it. */
.cs-classifieds-search-row > .cs-button{
  min-height:42px !important;
  height:42px !important;
  margin:0 !important;
  padding:0 16px !important;
  display:inline-flex !important;
  align-items:center;
  justify-content:center;
  border-radius:var(--csc-search-radius) !important;
  line-height:1 !important;
}

/* "Luo ilmoitus" follows the same pill language as category filters. */
.cs-classifieds-create-button{
  min-height:36px !important;
  padding:7px 16px !important;
  display:inline-flex !important;
  align-items:center;
  justify-content:center;
  border:1px solid var(--csc-create-border) !important;
  border-radius:var(--csc-create-radius) !important;
  background:var(--csc-create-bg) !important;
  color:var(--csc-create-text) !important;
  font-size:12px !important;
  font-weight:800 !important;
  line-height:1 !important;
  text-decoration:none !important;
  box-shadow:none !important;
  transition:background-color .16s ease,color .16s ease,border-color .16s ease,transform .16s ease;
}
.cs-classifieds-create-button:hover,
.cs-classifieds-create-button:focus{
  background:var(--csc-create-hover-bg) !important;
  color:var(--csc-create-hover-text) !important;
  border-color:var(--csc-create-hover-border) !important;
  transform:translateY(-1px);
}

@media(max-width:620px){
  .cs-classifieds-search-row .cs-input,
  .cs-classifieds-search-row > .cs-button{
    width:100%;
  }
  .cs-classifieds-create-button{
    width:100%;
    min-height:42px !important;
  }
}

/* v1.1.10: Ads classifieds_feed placement */
.cs-classifieds-ad-slot{grid-column:1/-1;min-width:0;width:100%}
.cs-classifieds-ad-slot .cs-ad-image,.cs-classifieds-ad-slot .cs-ad-card{width:100%;max-width:none}