/* ==========================================================================
   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 --- */
.tjecs8{max-width:960px;margin:0 auto;padding:0 24px}

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

/* Search (header) */
.vcact3{position:relative}
.vcact3 input{width:160px;padding:5px 8px;font-size:.8rem;border:1px solid #ddd;transition:border-color .15s}
.vcact3 input:focus{outline:none;border-color:#111}
.fdack8{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}
.fdack8.open{display:block}
.fdack8 a{display:block;padding:8px 10px;font-size:.8rem;border-bottom:1px solid #eee}
.fdack8 a:hover{background:#fafafa;border-bottom-color:#eee}

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

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

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

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

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

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

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

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

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

.lgb3{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:4px;margin-bottom:32px}
.lgb3 img{width:100%;height:auto;object-fit:contain}

.acv4{margin-bottom:36px}
.gciw5{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}
.gciw5:hover{background:#e00;border:none}

/* Floating contact CTA */
.bdiy7 {
  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;
}
.bdiy7.visible {
  opacity: 1;
  transform: translateY(0);
  pointer-events: auto;
}
@media (max-width: 768px) {
  .bdiy7 {
    left: 16px;
    right: 16px;
    bottom: 16px;
    text-align: center;
  }
}
.ybq2{display:grid;grid-template-columns:2fr 1fr;gap:48px}
@media(max-width:700px){.ybq2{grid-template-columns:1fr}}

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

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

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

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

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

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

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

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

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

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

/* --- Utilities --- */
.mmos4{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){
    .tjecs8{padding:0 16px}
    .kgus6 h1{font-size:1.4rem}
    .lgb3{grid-template-columns:1fr}
    .ytw4{grid-template-columns:repeat(2,1fr)}
    .svacu3{gap:14px}
    .vcact3 input{width:120px}
}

/* SEO text source-order optimization: text appears early in HTML for crawlers,
   but visually stays at the bottom via CSS order */
.qsuw2 > .mhoe0 { display: flex; flex-direction: column; }
.kxel8 { order: 1; }
h1 { order: 2; }
.ckack1 { order: 3; }
.pmacl0 { order: 90; }
.fjacm7 { order: 10; }
.fviv5 { order: 80; }
.kgus6 { order: 2; }
.fnace0 { order: 85; }
/* ── Filter bar ─────────────────────────────────────────────────────────── */
.snoo9 {
    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;
}
.jqob4 {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    flex-wrap: wrap;
}
.jqob4 + .jqob4 {
    padding-top: 0.75rem;
    border-top: 1px solid var(--color-border);
}
.croa0 {
    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;
}
.qsou6 {
    display: flex;
    flex-wrap: wrap;
    gap: 0.4rem;
}
.rzacd3 {
    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;
}
.rzacd3:hover {
    background: #111;
    color: #fff;
}
.ccecl1 {
    font-size: 0.75rem;
    opacity: 0.6;
}
.cbecw0 {
    background: var(--color-accent) !important;
    color: var(--color-white, #fff) !important;
    border-color: var(--color-accent) !important;
    font-weight: 600;
}
.cbecw0 .ccecl1 {
    color: rgba(255,255,255,0.75) !important;
}
@media (max-width: 600px) {
  .snoo9 { padding: .75rem; }
  .jqob4 { flex-direction: column; align-items: flex-start; gap: 0.4rem; }
  .croa0 { min-width: unset; }
}

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

.xra5 {
    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;
}
.mqg1 { color: var(--color-accent, #e91e8c); letter-spacing: 1px; }
.apv1 { font-weight: 700; }
.wny5 { color: var(--color-text-muted, #aaa); text-decoration: none; font-size: .85rem; }
.wny5:hover { text-decoration: underline; }

.fki9 { margin-top: 32px; }
.umy2 {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 16px;
}
.tlj8 {
    background: var(--color-accent, #e91e8c);
    color: #fff;
    border-radius: 20px;
    padding: 2px 9px;
    font-size: .8rem;
    font-weight: 700;
}
.vgos6 { display: flex; flex-direction: column; gap: 16px; }
.wcot0 {
    background: var(--color-surface, rgba(255,255,255,.05));
    border-radius: 8px;
    padding: 14px 16px;
}
.qbok7 {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 8px;
    flex-wrap: wrap;
}
.txil0 { font-weight: 700; font-size: .95rem; }
.fdok4 { color: var(--color-accent, #e91e8c); letter-spacing: 1px; }
.lzir3 { color: var(--color-text-muted, #888); font-size: .8rem; margin-left: auto; }
.mfod1 { margin: 0; font-size: .9rem; line-height: 1.6; }