/* ==========================================================================
   NOIR-MINIMAL — Swiss / Brutalist / Ultra-minimal theme
   Font: Space Grotesk | Palette: #fff #fafafa #111 #777 #000 #e00
   ========================================================================== */

/* --- Reset & Base --- */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{font-size:16px;-webkit-text-size-adjust:100%}
body{font-family:'Space Grotesk',sans-serif;background:#fff;color:#111;line-height:1.6;-webkit-font-smoothing:antialiased}
img{max-width:100%;height:auto;display:block}
a{color:#111;text-decoration:none;transition:border-color .15s}
a:hover{border-bottom:2px solid #e00}
ul,ol{list-style:none}
button,input,select,textarea{font:inherit;color:inherit;border:none;background:none}

/* --- Layout --- */
.ohect8{max-width:960px;margin:0 auto;padding:0 24px}

/* --- Header --- */
.bqacj6{border-bottom:1px solid #111;padding:18px 0}
.bqacj6 .ohect8{display:flex;align-items:center;justify-content:space-between}
.sraco8{font-size:1.15rem;font-weight:700;letter-spacing:-.02em}
.sraco8 a{border:none}
.mtacm3{display:flex;gap:24px;align-items:center}
.mtacm3 a{font-size:.85rem;font-weight:500;text-transform:uppercase;letter-spacing:.06em;border-bottom:2px solid transparent}
.mtacm3 a:hover{border-bottom-color:#e00}

/* Search (header) */
.xbacn3{position:relative}
.xbacn3 input{width:160px;padding:5px 8px;font-size:.8rem;border:1px solid #ddd;transition:border-color .15s}
.xbacn3 input:focus{outline:none;border-color:#111}
.qcacy5{position:absolute;top:100%;left:0;right:0;background:#fff;border:1px solid #111;display:none;z-index:100;max-height:280px;overflow-y:auto}
.qcacy5.open{display:block}
.qcacy5 a{display:block;padding:8px 10px;font-size:.8rem;border-bottom:1px solid #eee}
.qcacy5 a:hover{background:#fafafa;border-bottom-color:#eee}

/* --- Main --- */
.vsaci1{min-height:60vh;padding:40px 0}

/* --- Breadcrumb --- */
.fxej6{font-size:.78rem;color:#777;margin-bottom:32px;letter-spacing:.01em}
.fxej6 a{color:#777}
.fxej6 a:hover{color:#111;border-bottom-color:#e00}

/* --- Section --- */
.mhaci3{margin-bottom:48px}
.mhaci3 h2{font-size:1rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;margin-bottom:20px;padding-bottom:8px;border-bottom:1px solid #111}
.zjacw2 p{font-size:.92rem;color:#444;line-height:1.7;max-width:680px}
.zjacw2 a{border-bottom:1px solid #e00}

/* --- Hero (index) --- */
.kgup4{margin-bottom:48px}
.kgup4 h1{font-size:2rem;font-weight:700;letter-spacing:-.03em;line-height:1.15;margin-bottom:8px}
.kgup4 p{font-size:.92rem;color:#777;max-width:520px}

/* --- Annonces List (index: vertical list, no cards) --- */
.kvl8{width:100%}
.vces1{display:flex;align-items:center;gap:16px;padding:14px 0;border-bottom:1px solid #eee;transition:background .1s}
.vces1:hover{background:#fafafa}
.vces1 a{display:flex;align-items:center;gap:16px;width:100%;border:none}
.ldew2{width:56px;height:56px;object-fit:cover;flex-shrink:0;filter:grayscale(30%)}
.lzs5{flex:1;min-width:0}
.mbem3{font-size:.92rem;font-weight:600}
.hxn8{font-size:.78rem;color:#777}
.jwk7{font-size:.78rem;color:#777;flex-shrink:0}

/* --- Grid fallback (render_annonces_grid) --- */
.xtt6{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:2px}
.xtt6 .ygia2{position:relative;overflow:hidden;aspect-ratio:3/4;background:#fafafa}
.xtt6 .ygia2 img{width:100%;height:100%;object-fit:cover;filter:grayscale(20%);transition:filter .2s}
.xtt6 .ygia2:hover img{filter:grayscale(0)}
.xtt6 .fpiz9{position:absolute;bottom:0;left:0;right:0;padding:10px 12px;background:linear-gradient(transparent,rgba(0,0,0,.7));color:#fff}
.xtt6 .fpiz9 .ttup2{font-size:.85rem;font-weight:600}
.xtt6 .fpiz9 .swih2{font-size:.72rem;opacity:.85}
.xtt6 .ygia2 a{border:none}

/* --- Pagination --- */
.mvum5{display:flex;gap:4px;margin-top:32px;font-size:.82rem}
.mvum5 a,.mvum5 span{padding:6px 12px;border:1px solid #ddd}
.mvum5 a:hover{background:#111;color:#fff;border-color:#111}
.mvum5 .dloj2{background:#111;color:#fff;border-color:#111}

/* --- Text list (regions / depts / villes) --- */
.rdecr0{display:flex;flex-direction:column}
.rgecf5{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px solid #eee;font-size:.88rem}
.rgecf5 a{flex:1;border:none}
.rgecf5 a:hover{border-bottom:2px solid #e00}
.vfecn3{color:#777;font-size:.78rem;flex-shrink:0;min-width:36px;text-align:right}

/* --- Annonce detail --- */
.jdo4{margin-bottom:48px}
.jdo4 h1{font-size:1.8rem;font-weight:700;letter-spacing:-.03em;margin-bottom:4px}
.tfc0{font-size:.85rem;color:#777;margin-bottom:28px}

.tgm0{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:4px;margin-bottom:32px}
.tgm0 img{width:100%;aspect-ratio:3/4;object-fit:cover}

.mcz9{margin-bottom:36px}
.ucim3{display:inline-block;padding:14px 36px;background:#111;color:#fff;font-size:.88rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;border:none;transition:background .15s}
.ucim3:hover{background:#e00;border:none}

/* Floating contact CTA */
.gdib3 {
  position: fixed;
  bottom: 24px;
  right: 24px;
  z-index: 900;
  padding: .85rem 2rem;
  font-size: 1rem;
  border-radius: 999px;
  box-shadow: 0 4px 20px rgba(0,0,0,.25);
  opacity: 0;
  transform: translateY(20px);
  pointer-events: none;
  transition: opacity .3s, transform .3s;
}
.gdib3.visible {
  opacity: 1;
  transform: translateY(0);
  pointer-events: auto;
}
@media (max-width: 768px) {
  .gdib3 {
    left: 16px;
    right: 16px;
    bottom: 16px;
    text-align: center;
  }
}
.ubg8{display:grid;grid-template-columns:2fr 1fr;gap:48px}
@media(max-width:700px){.ubg8{grid-template-columns:1fr}}

.lhp4{margin-bottom:28px}
.lhp4 h2{font-size:.88rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;margin-bottom:10px}
.lhp4 p{font-size:.9rem;line-height:1.7;color:#333}
.lhp4 ul{font-size:.88rem;color:#333}
.lhp4 li{padding:4px 0;border-bottom:1px solid #f0f0f0}

.xjt5{background:#fafafa;padding:20px;margin-bottom:20px}
.xjt5 h3{font-size:.82rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;margin-bottom:12px}
.zqum7{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid #eee;font-size:.84rem}
.krum8{color:#777}

.vzuv6{display:flex;flex-wrap:wrap;gap:6px}
.vzuv6 li{font-size:.78rem;padding:4px 10px;border:1px solid #ddd}

/* --- Search page --- */
.udacj3{display:flex;gap:0;margin-bottom:32px;max-width:500px}
.zgacp9{flex:1;padding:10px 14px;border:1px solid #111;font-size:.9rem}
.zgacp9:focus{outline:none}
.wfacc4{padding:10px 20px;background:#111;color:#fff;font-size:.85rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;cursor:pointer}
.wfacc4:hover{background:#e00}
.wvacu4{font-size:.88rem;color:#777;margin-bottom:24px}

/* --- Blog --- */
.umey1{display:flex;gap:16px;margin-bottom:32px;font-size:.82rem;flex-wrap:wrap}
.umey1 a{text-transform:uppercase;letter-spacing:.04em;padding-bottom:2px;border-bottom:2px solid transparent}
.umey1 a:hover,.umey1 a.active{border-bottom-color:#111}

.dweg8{display:flex;flex-direction:column}
.jnel9{display:flex;gap:24px;padding:24px 0;border-bottom:1px solid #eee}
.lsep1{width:180px;height:120px;object-fit:cover;flex-shrink:0;filter:grayscale(30%)}
.qpeg7{flex:1;min-width:0}
.tqed7{font-size:.7rem;text-transform:uppercase;letter-spacing:.08em;color:#777;margin-bottom:4px;display:inline-block}
.qpeg7 h2{font-size:1.05rem;font-weight:600;margin-bottom:6px;line-height:1.3}
.qpeg7 h2 a{border:none}
.qpeg7 h2 a:hover{border-bottom:2px solid #e00}
.urew9{font-size:.72rem;color:#999;margin-bottom:6px;display:block}
.qpeg7 p{font-size:.85rem;color:#555;line-height:1.55}
.ctev7{font-size:.78rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;margin-top:8px;display:inline-block;border-bottom:1px solid #111}
.ctev7:hover{border-bottom-color:#e00}

@media(max-width:600px){
    .jnel9{flex-direction:column;gap:12px}
    .lsep1{width:100%;height:200px}
}

/* --- Article detail --- */
.pgex7{max-width:680px}
.pgex7 header{margin-bottom:32px}
.pgex7 h1{font-size:1.8rem;font-weight:700;letter-spacing:-.02em;line-height:1.2;margin-bottom:8px}
.pjem1{font-size:.78rem;color:#777;display:flex;gap:16px}
.vhef0{width:100%;margin-bottom:32px}
.efea0{font-size:.94rem;line-height:1.8;color:#222}
.efea0 h2{font-size:1.15rem;font-weight:700;margin:32px 0 12px}
.efea0 h3{font-size:1rem;font-weight:600;margin:24px 0 8px}
.efea0 p{margin-bottom:16px}
.efea0 a{border-bottom:1px solid #e00}
.efea0 ul,.efea0 ol{margin:0 0 16px 20px}
.efea0 li{margin-bottom:4px}
.efea0 blockquote{border-left:3px solid #111;padding-left:16px;margin:20px 0;color:#555;font-style:italic}
.efea0 img{margin:20px 0}

/* Blog grid (related articles) */
.wved5{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.wved5 article{border-bottom:none}
.wved5 img{width:100%;aspect-ratio:3/2;object-fit:cover;margin-bottom:10px;filter:grayscale(30%)}
.wved5 h3{font-size:.88rem;font-weight:600;margin-bottom:4px}
.wved5 h3 a{border:none}
.wved5 h3 a:hover{border-bottom:2px solid #e00}
.wved5 time{font-size:.72rem;color:#999}
@media(max-width:600px){.wved5{grid-template-columns:1fr}}

/* --- Footer --- */
.ypacy5{border-top:1px solid #111;padding:18px 0;font-size:.78rem;color:#777;text-align:center}

/* --- Utilities --- */
.nmom1{color:#777;font-size:.88rem;padding:40px 0}
h1{font-size:1.6rem;font-weight:700;letter-spacing:-.02em;margin-bottom:20px}

/* --- Responsive --- */
@media(max-width:600px){
    .ohect8{padding:0 16px}
    .kgup4 h1{font-size:1.4rem}
    .tgm0{grid-template-columns:1fr}
    .xtt6{grid-template-columns:repeat(2,1fr)}
    .mtacm3{gap:14px}
    .xbacn3 input{width:120px}
}

/* SEO text source-order optimization: text appears early in HTML for crawlers,
   but visually stays at the bottom via CSS order */
.xsug2 > .ahov7 { display: flex; flex-direction: column; }
.fxej6 { order: 1; }
h1 { order: 2; }
.zjacw2 { order: 3; }
.zlacu6 { order: 90; }
.mhaci3 { order: 10; }
.lvia6 { order: 80; }
.kgup4 { order: 2; }
.cmaco4 { order: 85; }
/* ── Filter bar ─────────────────────────────────────────────────────────── */
.znoy5 {
    margin: 1.5rem 0 2rem;
    padding: 1rem 1.25rem;
    background: var(--color-surface);
    border: 1px solid var(--color-border);
    border-radius: var(--radius);
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}
.cqoo4 {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    flex-wrap: wrap;
}
.cqoo4 + .cqoo4 {
    padding-top: 0.75rem;
    border-top: 1px solid var(--color-border);
}
.froc4 {
    font-size: 0.72rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    color: var(--color-text-muted);
    white-space: nowrap;
    min-width: 8.5rem;
    flex-shrink: 0;
}
.psob1 {
    display: flex;
    flex-wrap: wrap;
    gap: 0.4rem;
}
.xxacu9 {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 5px 12px;
    background: #fff;
    color: #111;
    border: 1.5px solid #111;
    border-radius: 0;
    font-size: 0.8rem;
    font-weight: 600;
    text-decoration: none;
    transition: background .15s, color .15s;
}
.xxacu9:hover {
    background: #111;
    color: #fff;
}
.ubecg4 {
    font-size: 0.75rem;
    opacity: 0.6;
}
.lzacj9 {
    background: var(--color-accent) !important;
    color: var(--color-white, #fff) !important;
    border-color: var(--color-accent) !important;
    font-weight: 600;
}
.lzacj9 .ubecg4 {
    color: rgba(255,255,255,0.75) !important;
}
@media (max-width: 600px) {
  .znoy5 { padding: .75rem; }
  .cqoo4 { flex-direction: column; align-items: flex-start; gap: 0.4rem; }
  .froc4 { min-width: unset; }
}

/* ── Comments ─────────────────────────────────────────────────────────── */
.fjim6 {
    display: flex;
    align-items: center;
    gap: 4px;
    margin-top: 6px;
    font-size: .8rem;
    color: var(--color-text-muted, #888);
}
.gqic6 { color: var(--color-accent, #e91e8c); letter-spacing: 1px; }
.nkim6 { color: inherit; }

.rrh4 {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    background: var(--color-surface, rgba(255,255,255,.08));
    border-radius: 20px;
    padding: 4px 12px;
    margin-top: 8px;
    font-size: .9rem;
}
.mqj2 { color: var(--color-accent, #e91e8c); letter-spacing: 1px; }
.epq3 { font-weight: 700; }
.xnc9 { color: var(--color-text-muted, #aaa); text-decoration: none; font-size: .85rem; }
.xnc9:hover { text-decoration: underline; }

.gkx6 { margin-top: 32px; }
.jmu2 {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 16px;
}
.blk4 {
    background: var(--color-accent, #e91e8c);
    color: #fff;
    border-radius: 20px;
    padding: 2px 9px;
    font-size: .8rem;
    font-weight: 700;
}
.kgoh4 { display: flex; flex-direction: column; gap: 16px; }
.ycof5 {
    background: var(--color-surface, rgba(255,255,255,.05));
    border-radius: 8px;
    padding: 14px 16px;
}
.sboe3 {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 8px;
    flex-wrap: wrap;
}
.fxih3 { font-weight: 700; font-size: .95rem; }
.ydoo8 { color: var(--color-accent, #e91e8c); letter-spacing: 1px; }
.pzis0 { color: var(--color-text-muted, #888); font-size: .8rem; margin-left: auto; }
.qfoy6 { margin: 0; font-size: .9rem; line-height: 1.6; }