/* ==========================================================================
   WATERCOLOR-SOFT THEME
   Warm white, soft blush, sage green, muted lavender, charcoal text.
   Caveat (handwritten headings) + Nunito Sans (body).
   Watercolor wash backgrounds, organic rounded corners, pastel accents.
   Mobile-first, WCAG AA contrast.
   ========================================================================== */

*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}

:root{
  --wc-bg:#fdf8f3;
  --wc-surface:#f7f0e8;
  --wc-text:#3a3535;
  --wc-muted:#6b6060;
  --wc-blush:#e8b4b8;
  --wc-sage:#95a88e;
  --wc-lavender:#b8a9c9;
  --wc-rose:#c97b84;
  --wc-rose-hover:#b5616b;
  --wc-border:rgba(58,53,53,.12);
  --wc-border-strong:rgba(58,53,53,.22);
  --wc-font-heading:'Caveat',cursive;
  --wc-font-body:'Nunito Sans',sans-serif;
  --wc-radius:20px;
  --wc-radius-sm:12px;
  --wc-max-w:1200px;
  --wc-gap:1.25rem;
  --wc-shadow:0 4px 24px rgba(58,53,53,.07);
  --wc-shadow-hover:0 8px 32px rgba(58,53,53,.12);
}

html{font-size:16px;-webkit-text-size-adjust:100%}

body{
  font-family:var(--wc-font-body);
  color:var(--wc-text);
  background:var(--wc-bg);
  line-height:1.7;
  background-image:
    radial-gradient(ellipse at 10% 0%,rgba(232,180,184,.15) 0%,transparent 50%),
    radial-gradient(ellipse at 90% 20%,rgba(184,169,201,.12) 0%,transparent 45%),
    radial-gradient(ellipse at 50% 80%,rgba(149,168,142,.10) 0%,transparent 50%);
  background-attachment:fixed;
}

a{color:var(--wc-rose);text-decoration:none;transition:color .3s ease}
a:hover{color:var(--wc-rose-hover)}
img{max-width:100%;height:auto;display:block}

h1,h2,h3,h4{
  font-family:var(--wc-font-heading);
  font-weight:700;
  line-height:1.3;
  color:var(--wc-text);
}
h1{font-size:clamp(2rem,5vw,3rem);margin-bottom:1rem}
h2{font-size:clamp(1.5rem,3.5vw,2.2rem);margin-bottom:.75rem}
h3{font-size:1.4rem;margin-bottom:.5rem}
p{margin-bottom:.75rem}

.mred7{max-width:var(--wc-max-w);margin:0 auto;padding:0 1.25rem}

/* --- HEADER --- */
.hzot5{
  background:rgba(253,248,243,.92);
  backdrop-filter:blur(12px);
  -webkit-backdrop-filter:blur(12px);
  border-bottom:1px solid var(--wc-border);
  padding:.75rem 0;
  position:sticky;
  top:0;
  z-index:100;
}
.xbud4{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:1rem;
  max-width:var(--wc-max-w);
  margin:0 auto;
  padding:0 1.25rem;
}
.pcuh8{
  font-family:var(--wc-font-heading);
  color:var(--wc-rose);
  text-decoration:none;
  font-weight:700;
  font-size:1.8rem;
  white-space:nowrap;
  transition:color .3s;
}
.pcuh8:hover{color:var(--wc-rose-hover)}
.fdud4{display:flex;gap:.5rem;flex-wrap:wrap}
.fdud4 a{
  color:var(--wc-text);
  text-decoration:none;
  font-size:.9rem;
  font-weight:600;
  padding:.4rem .75rem;
  border-radius:var(--wc-radius-sm);
  transition:background .3s,color .3s;
}
.fdud4 a:hover{
  background:rgba(232,180,184,.2);
  color:var(--wc-rose);
}

.gfur8{
  display:flex;
  margin-left:auto;
  position:relative;
}
.gfur8 input{
  background:var(--wc-surface);
  color:var(--wc-text);
  border:1px solid var(--wc-border-strong);
  padding:.5rem .9rem;
  font-family:var(--wc-font-body);
  font-size:.9rem;
  border-radius:var(--wc-radius) 0 0 var(--wc-radius);
  width:180px;
  transition:border-color .3s,box-shadow .3s;
}
.gfur8 input:focus{
  outline:none;
  border-color:var(--wc-blush);
  box-shadow:0 0 0 3px rgba(232,180,184,.25);
}
.gfur8 input::placeholder{color:var(--wc-muted)}
.gfur8 button{
  background:var(--wc-rose);
  color:#fff;
  border:1px solid var(--wc-rose);
  padding:.5rem .9rem;
  cursor:pointer;
  font-family:var(--wc-font-body);
  font-weight:700;
  font-size:.9rem;
  border-radius:0 var(--wc-radius) var(--wc-radius) 0;
  transition:background .3s;
}
.gfur8 button:hover{background:var(--wc-rose-hover)}

/* --- SEARCH DROPDOWN --- */
.wjou5{
  position:absolute;
  top:100%;
  left:0;
  right:0;
  background:var(--wc-bg);
  border:1px solid var(--wc-border-strong);
  border-radius:0 0 var(--wc-radius-sm) var(--wc-radius-sm);
  max-height:300px;
  overflow-y:auto;
  z-index:500;
  display:none;
  box-shadow:var(--wc-shadow);
}
.wjou5 a{
  display:block;
  padding:.6rem .9rem;
  text-decoration:none;
  color:var(--wc-text);
  border-bottom:1px solid var(--wc-border);
  transition:background .2s;
}
.wjou5 a:hover{background:rgba(232,180,184,.1)}
.wjou5 a:last-child{border-bottom:none}

/* --- MAIN --- */
.wdon4{min-height:60vh;padding:2rem 0 3rem}

/* --- BREADCRUMB --- */
.vxm8{
  font-size:.85rem;
  padding:.75rem 0;
  margin-bottom:1.5rem;
  color:var(--wc-muted);
}
.vxm8 a{color:var(--wc-muted);transition:color .3s}
.vxm8 a:hover{color:var(--wc-rose)}
.vxm8 span{color:var(--wc-text);font-weight:600}

/* --- HERO / INDEX --- */
.bguu0{
  text-align:center;
  padding:3rem 2rem;
  margin-bottom:2.5rem;
  border-radius:var(--wc-radius);
  background:
    radial-gradient(ellipse at 20% 50%,rgba(232,180,184,.2) 0%,transparent 60%),
    radial-gradient(ellipse at 80% 30%,rgba(184,169,201,.18) 0%,transparent 55%),
    radial-gradient(ellipse at 50% 90%,rgba(149,168,142,.15) 0%,transparent 50%),
    var(--wc-surface);
}
.bguu0 h1{margin-bottom:.5rem;border:none;padding:0}
.iluu1{color:var(--wc-muted);font-size:1.05rem;margin-bottom:1.5rem;max-width:600px;margin-left:auto;margin-right:auto}
.zkuc3{display:flex;flex-wrap:wrap;justify-content:center;gap:1rem;margin-bottom:1.5rem}
.pjuj8{
  background:rgba(255,255,255,.7);
  border-radius:var(--wc-radius-sm);
  padding:.75rem 1.25rem;
  box-shadow:var(--wc-shadow);
}
.pjuj8 strong{
  color:var(--wc-rose);
  font-size:1.4rem;
  display:block;
  font-family:var(--wc-font-heading);
}
.thup5{
  display:inline-block;
  background:var(--wc-rose);
  color:#fff;
  padding:.85rem 2.5rem;
  text-decoration:none;
  font-weight:700;
  font-size:1rem;
  border-radius:999px;
  transition:background .3s,box-shadow .3s,transform .3s;
  box-shadow:0 4px 16px rgba(201,123,132,.3);
}
.thup5:hover{
  background:var(--wc-rose-hover);
  color:#fff;
  box-shadow:0 6px 24px rgba(201,123,132,.4);
  transform:translateY(-2px);
}

.bzis0{
  border-radius:var(--wc-radius);
  background:rgba(255,255,255,.6);
  box-shadow:var(--wc-shadow);
  overflow:hidden;
  margin-bottom:2rem;
}
.acoq3{display:flex;flex-direction:column;gap:0}
.xkof0{
  max-height:400px;
  object-fit:contain;
  background:var(--wc-surface);
  width:100%;
}
.obol2{padding:1.5rem}
.obol2 h3 a{color:var(--wc-text);text-decoration:none}
.obol2 h3 a:hover{color:var(--wc-rose)}

/* --- SECTION --- */
.knoq1{margin-bottom:2.5rem}
.knoq1 h2{
  position:relative;
  padding-bottom:.4rem;
}
.knoq1 h2::after{
  content:'';
  position:absolute;
  bottom:0;
  left:0;
  width:60px;
  height:3px;
  background:linear-gradient(90deg,var(--wc-blush),var(--wc-lavender));
  border-radius:3px;
}

/* --- SEO BLOCK (first in source, last visually) --- */
.lquf2{display:flex;flex-direction:column}
.evuo1{
  order:99;
  padding-top:1.5rem;
  margin-top:2rem;
  color:var(--wc-muted);
  font-size:.95rem;
  border-top:1px solid var(--wc-border);
}
.evuo1 h2{color:var(--wc-text);font-size:1.3rem}
.qsud3{order:1}
.wloz6{order:0}

/* --- CARDS GRID (from render_annonces_grid) --- */
.rqez3{
  display:grid;
  grid-template-columns:repeat(auto-fill,minmax(240px,1fr));
  gap:1.25rem;
}
.pdeb1{
  border-radius:var(--wc-radius);
  background:rgba(255,255,255,.7);
  box-shadow:var(--wc-shadow);
  overflow:hidden;
  transition:box-shadow .3s,transform .3s;
}
.pdeb1:hover{
  box-shadow:var(--wc-shadow-hover);
  transform:translateY(-4px);
}
.kkeq7{display:block;background:var(--wc-surface)}
.zjeo7{
  width:100%;
  max-height:320px;
  object-fit:contain;
  background:var(--wc-surface);
}
.lfep2{padding:1rem}
.onev2{font-size:1rem;margin-bottom:.3rem;font-family:var(--wc-font-body);font-weight:700}
.onev2 a{color:var(--wc-text);text-decoration:none}
.onev2 a:hover{color:var(--wc-rose)}
.elea3{font-size:.85rem;color:var(--wc-muted);margin-bottom:.2rem}
.dpes6{
  display:inline-block;
  font-size:.75rem;
  color:var(--wc-sage);
  font-weight:700;
  background:rgba(149,168,142,.12);
  padding:.2rem .6rem;
  border-radius:999px;
  margin-bottom:.3rem;
}
.rget1{font-size:.8rem;margin-bottom:0}
.omeb6{color:var(--wc-rose);letter-spacing:1px}
.ihey6{color:var(--wc-muted);margin-left:.3rem}

.tvec0{
  padding:2.5rem;
  text-align:center;
  border-radius:var(--wc-radius);
  background:rgba(255,255,255,.5);
  border:2px dashed var(--wc-border-strong);
  color:var(--wc-muted);
  font-style:italic;
}

/* --- FILTER BAR (from render_filter_bar) --- */
.awez3{margin-bottom:1.5rem}
.zxez9{display:flex;flex-wrap:wrap;gap:.5rem;padding:.75rem 0}
.wzej9{position:relative}
.dkis4{
  cursor:pointer;
  background:rgba(255,255,255,.7);
  border:1px solid var(--wc-border-strong);
  border-radius:var(--wc-radius-sm);
  padding:.5rem 1rem;
  font-family:var(--wc-font-body);
  font-size:.85rem;
  color:var(--wc-text);
  transition:border-color .3s,box-shadow .3s;
}
.dkis4:hover{border-color:var(--wc-blush)}
.zjiv8{
  position:absolute;
  top:100%;
  left:0;
  z-index:50;
  background:var(--wc-bg);
  border:1px solid var(--wc-border-strong);
  border-radius:var(--wc-radius-sm);
  padding:.75rem;
  min-width:220px;
  box-shadow:var(--wc-shadow);
  margin-top:.25rem;
}
.zjiv8[hidden]{display:none!important}
.zjiv8:not([hidden]){display:flex;flex-wrap:wrap;gap:.4rem}
.vror3{
  display:inline-block;
  background:rgba(255,255,255,.7);
  border:1px solid var(--wc-border-strong);
  color:var(--wc-text);
  padding:.35rem .8rem;
  font-family:var(--wc-font-body);
  font-size:.8rem;
  border-radius:999px;
  cursor:pointer;
  text-decoration:none;
  transition:all .3s;
}
.vror3:hover{
  border-color:var(--wc-blush);
  background:rgba(232,180,184,.15);
  color:var(--wc-rose);
}
.osoh5{
  background:var(--wc-rose);
  color:#fff;
  border-color:var(--wc-rose);
}
.osoh5:hover{
  background:var(--wc-rose-hover);
  border-color:var(--wc-rose-hover);
  color:#fff;
}

/* --- PAGINATION (from render_pagination) --- */
.sfoc2{
  display:flex;
  flex-wrap:wrap;
  gap:.4rem;
  justify-content:center;
  margin-top:2rem;
}
.bhou5{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:2.5rem;
  height:2.5rem;
  border:1px solid var(--wc-border-strong);
  border-radius:var(--wc-radius-sm);
  text-decoration:none;
  color:var(--wc-text);
  font-weight:600;
  font-size:.85rem;
  background:rgba(255,255,255,.6);
  transition:all .3s;
}
.bhou5:hover{
  background:rgba(232,180,184,.2);
  border-color:var(--wc-blush);
  color:var(--wc-rose);
}
.qfo8{
  background:var(--wc-rose);
  color:#fff;
  border-color:var(--wc-rose);
}
.hgoj5{
  display:inline-flex;
  align-items:center;
  padding:0 .5rem;
  color:var(--wc-muted);
}

/* --- ANNONCE DETAIL --- */
.xgv3{margin-bottom:2rem}
.ijm2{margin-bottom:1.5rem}
.tkc4{color:var(--wc-muted);font-size:.95rem}
.ume6{margin-top:.5rem}
.vtem6{color:var(--wc-rose);font-size:1.1rem;letter-spacing:2px}
.aseu9{font-weight:700;margin-left:.5rem}
.oqf2{margin-left:.5rem;color:var(--wc-muted);font-size:.9rem}

.zwoj1{
  display:grid;
  grid-template-columns:1fr;
  gap:1rem;
  margin-bottom:1.5rem;
}
.uxok8{
  width:100%;
  object-fit:contain;
  background:var(--wc-surface);
  border-radius:var(--wc-radius);
  box-shadow:var(--wc-shadow);
}

.yxif7{margin-bottom:2rem}
.ccea2{
  display:inline-block;
  background:var(--wc-rose);
  color:#fff;
  padding:.85rem 2.5rem;
  text-decoration:none;
  font-family:var(--wc-font-body);
  font-weight:700;
  font-size:1rem;
  border-radius:999px;
  transition:background .3s,box-shadow .3s,transform .3s;
  box-shadow:0 4px 16px rgba(201,123,132,.3);
  border:none;
}
.ccea2:hover{
  background:var(--wc-rose-hover);
  color:#fff;
  box-shadow:0 6px 24px rgba(201,123,132,.4);
  transform:translateY(-2px);
}

.ehg8{display:flex;flex-direction:column;gap:2rem}
.flf2{flex:1}
.plih6{
  margin-bottom:1.5rem;
  background:rgba(255,255,255,.5);
  padding:1.25rem;
  border-radius:var(--wc-radius);
}
.plih6 h2{font-size:1.4rem;margin-bottom:.75rem}
.plih6 ul{list-style:none;padding:0}
.plih6 li{padding:.4rem 0;border-bottom:1px solid var(--wc-border)}
.plih6 li::before{
  content:"\2022";
  margin-right:.5rem;
  color:var(--wc-sage);
  font-weight:700;
}

.qwuv5{
  background:rgba(255,255,255,.6);
  border-radius:var(--wc-radius);
  padding:1.25rem;
  box-shadow:var(--wc-shadow);
}
.qbacc0{
  display:flex;
  justify-content:space-between;
  padding:.6rem 0;
  border-bottom:1px solid var(--wc-border);
  font-size:.9rem;
}
.qbacc0:last-child{border-bottom:none}
.nzuz0{font-weight:700;color:var(--wc-muted);font-size:.8rem}
.jruz7{
  margin-top:1rem;
  padding-top:1rem;
  border-top:1px solid var(--wc-border);
}
.jruz7 h3{margin-bottom:.75rem}
.jruz7 li{
  display:inline-block;
  background:rgba(149,168,142,.1);
  border:1px solid rgba(149,168,142,.25);
  color:var(--wc-sage);
  padding:.25rem .7rem;
  margin:0 .3rem .4rem 0;
  font-size:.8rem;
  border-radius:999px;
  font-weight:600;
}

/* --- COMMENTS --- */
.qtii9{
  border-top:1px solid var(--wc-border);
  padding-top:1.5rem;
  margin-top:2rem;
}
.pwif0{display:flex;align-items:center;gap:.5rem}
.vvis0{
  background:var(--wc-rose);
  color:#fff;
  padding:.15rem .6rem;
  font-size:.8rem;
  border-radius:999px;
}
.pmiq4{
  background:rgba(255,255,255,.5);
  border-radius:var(--wc-radius);
  padding:1.25rem;
  margin-bottom:1rem;
  box-shadow:var(--wc-shadow);
}
.fqim7{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:.75rem;
  margin-bottom:.5rem;
  font-size:.85rem;
}
.pnik7{font-weight:700;color:var(--wc-text)}
.yril0{color:var(--wc-rose);letter-spacing:1px}
.bpic7{color:var(--wc-muted)}
.bsid8{font-size:.9rem;line-height:1.6}

/* --- REGIONS / CITIES LIST --- */
.nmum3{
  display:grid;
  grid-template-columns:repeat(auto-fill,minmax(220px,1fr));
  gap:.75rem;
}
.hpuq7{
  background:rgba(255,255,255,.6);
  border-radius:var(--wc-radius-sm);
  padding:.7rem 1rem;
  display:flex;
  justify-content:space-between;
  align-items:center;
  transition:box-shadow .3s,transform .3s;
  box-shadow:var(--wc-shadow);
}
.hpuq7:hover{
  box-shadow:var(--wc-shadow-hover);
  transform:translateY(-2px);
}
.hpuq7 a{color:var(--wc-text);text-decoration:none;font-weight:600;font-size:.9rem}
.hpuq7 a:hover{color:var(--wc-rose)}
.rnuv5{
  color:var(--wc-muted);
  font-size:.8rem;
  background:rgba(184,169,201,.15);
  padding:.15rem .5rem;
  border-radius:999px;
}

/* --- BLOG --- */
.pwd1{display:flex;flex-direction:column;gap:1.25rem}
.vni6{
  border-radius:var(--wc-radius);
  background:rgba(255,255,255,.6);
  box-shadow:var(--wc-shadow);
  overflow:hidden;
  display:flex;
  flex-direction:column;
  transition:box-shadow .3s,transform .3s;
}
.vni6:hover{
  box-shadow:var(--wc-shadow-hover);
  transform:translateY(-3px);
}
.ltk9{display:block;background:var(--wc-surface)}
.ksj3{width:100%;max-height:250px;object-fit:cover;background:var(--wc-surface)}
.jpl7{padding:1.25rem}
.jpl7 h2{font-size:1.1rem;margin-bottom:.3rem;font-family:var(--wc-font-body);font-weight:700}
.jpl7 h2 a{color:var(--wc-text);text-decoration:none}
.jpl7 h2 a:hover{color:var(--wc-rose)}
.jri7{
  color:var(--wc-muted);
  font-size:.8rem;
  display:block;
  margin-bottom:.5rem;
}
.dvd2{
  color:var(--wc-rose);
  font-weight:700;
  font-size:.85rem;
  transition:color .3s;
}
.dvd2:hover{color:var(--wc-rose-hover)}

.rbm0{max-width:800px}
.adi6{
  color:var(--wc-muted);
  font-size:.9rem;
  margin-bottom:1.5rem;
  border-bottom:1px solid var(--wc-border);
  padding-bottom:.75rem;
}
.kcw9{line-height:1.8}
.kcw9 img{
  margin:1.5rem 0;
  border-radius:var(--wc-radius);
  box-shadow:var(--wc-shadow);
}

/* --- SEARCH PAGE --- */
.dtuj9{
  display:flex;
  gap:0;
  margin-bottom:2rem;
  max-width:600px;
}
.dtuj9 input{
  flex:1;
  border:1px solid var(--wc-border-strong);
  border-right:none;
  padding:.7rem 1rem;
  font-family:var(--wc-font-body);
  font-size:1rem;
  border-radius:var(--wc-radius) 0 0 var(--wc-radius);
  background:rgba(255,255,255,.7);
  transition:border-color .3s,box-shadow .3s;
}
.dtuj9 input:focus{
  outline:none;
  border-color:var(--wc-blush);
  box-shadow:0 0 0 3px rgba(232,180,184,.25);
}
.dtuj9 button{
  background:var(--wc-rose);
  color:#fff;
  border:1px solid var(--wc-rose);
  padding:.7rem 1.5rem;
  font-family:var(--wc-font-body);
  font-weight:700;
  font-size:1rem;
  cursor:pointer;
  border-radius:0 var(--wc-radius) var(--wc-radius) 0;
  transition:background .3s;
}
.dtuj9 button:hover{background:var(--wc-rose-hover)}

/* --- FOOTER --- */
.smoi9{
  background:var(--wc-text);
  color:rgba(255,255,255,.85);
  padding:2.5rem 0;
  margin-top:3rem;
  font-size:.9rem;
}
.rvod4{
  display:grid;
  grid-template-columns:1fr;
  gap:1.5rem;
  max-width:var(--wc-max-w);
  margin:0 auto;
  padding:0 1.25rem;
}
.smoi9 h4{
  font-family:var(--wc-font-heading);
  color:var(--wc-blush);
  margin-bottom:.75rem;
  font-size:1.3rem;
}
.smoi9 a{color:rgba(255,255,255,.75);text-decoration:none;transition:color .3s}
.smoi9 a:hover{color:var(--wc-blush)}
.smoi9 ul{list-style:none}
.smoi9 li{padding:.2rem 0}
.mtov2{
  border-top:1px solid rgba(255,255,255,.1);
  padding-top:1.25rem;
  margin-top:1.5rem;
  text-align:center;
  font-size:.8rem;
  color:rgba(255,255,255,.45);
  max-width:var(--wc-max-w);
  margin-left:auto;
  margin-right:auto;
  padding-left:1.25rem;
  padding-right:1.25rem;
}

/* --- RESPONSIVE (tablet+) --- */
@media(min-width:600px){
  .zwoj1{grid-template-columns:repeat(2,1fr)}
  .vni6{flex-direction:row}
  .ltk9{width:260px;flex-shrink:0}
  .ksj3{height:100%;max-height:none}
  .rvod4{grid-template-columns:repeat(3,1fr)}
  .acoq3{flex-direction:row}
  .xkof0{max-width:320px}
  .obol2{display:flex;flex-direction:column;justify-content:center}
}

@media(min-width:900px){
  .ehg8{flex-direction:row}
  .qwuv5{width:320px;flex-shrink:0;align-self:flex-start}
  .zwoj1{grid-template-columns:repeat(3,1fr)}
  .rqez3{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}
}