/* ==========================================================================
   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}

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

/* --- HEADER --- */
.czoy2{
  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;
}
.ebuf7{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:1rem;
  max-width:var(--wc-max-w);
  margin:0 auto;
  padding:0 1.25rem;
}
.ecud5{
  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;
}
.ecud5:hover{color:var(--wc-rose-hover)}
.odub6{display:flex;gap:.5rem;flex-wrap:wrap}
.odub6 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;
}
.odub6 a:hover{
  background:rgba(232,180,184,.2);
  color:var(--wc-rose);
}

.kful1{
  display:flex;
  margin-left:auto;
  position:relative;
}
.kful1 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;
}
.kful1 input:focus{
  outline:none;
  border-color:var(--wc-blush);
  box-shadow:0 0 0 3px rgba(232,180,184,.25);
}
.kful1 input::placeholder{color:var(--wc-muted)}
.kful1 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;
}
.kful1 button:hover{background:var(--wc-rose-hover)}

/* --- SEARCH DROPDOWN --- */
.mfic0{
  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);
}
.mfic0 a{
  display:block;
  padding:.6rem .9rem;
  text-decoration:none;
  color:var(--wc-text);
  border-bottom:1px solid var(--wc-border);
  transition:background .2s;
}
.mfic0 a:hover{background:rgba(232,180,184,.1)}
.mfic0 a:last-child{border-bottom:none}

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

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

/* --- HERO / INDEX --- */
.bguc0{
  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);
}
.bguc0 h1{margin-bottom:.5rem;border:none;padding:0}
.hlug3{color:var(--wc-muted);font-size:1.05rem;margin-bottom:1.5rem;max-width:600px;margin-left:auto;margin-right:auto}
.kkuk7{display:flex;flex-wrap:wrap;justify-content:center;gap:1rem;margin-bottom:1.5rem}
.qjue9{
  background:rgba(255,255,255,.7);
  border-radius:var(--wc-radius-sm);
  padding:.75rem 1.25rem;
  box-shadow:var(--wc-shadow);
}
.qjue9 strong{
  color:var(--wc-rose);
  font-size:1.4rem;
  display:block;
  font-family:var(--wc-font-heading);
}
.nhuj0{
  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);
}
.nhuj0:hover{
  background:var(--wc-rose-hover);
  color:#fff;
  box-shadow:0 6px 24px rgba(201,123,132,.4);
  transform:translateY(-2px);
}

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

/* --- SECTION --- */
.sgiy9{margin-bottom:2.5rem}
.sgiy9 h2{
  position:relative;
  padding-bottom:.4rem;
}
.sgiy9 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) --- */
.fqus0{display:flex;flex-direction:column}
.svui5{
  order:99;
  padding-top:1.5rem;
  margin-top:2rem;
  color:var(--wc-muted);
  font-size:.95rem;
  border-top:1px solid var(--wc-border);
}
.svui5 h2{color:var(--wc-text);font-size:1.3rem}
.vsuq5{order:1}
.broi5{order:0}

/* --- CARDS GRID (from render_annonces_grid) --- */
.gget0{
  display:grid;
  grid-template-columns:repeat(auto-fill,minmax(240px,1fr));
  gap:1.25rem;
}
.csc7{
  border-radius:var(--wc-radius);
  background:rgba(255,255,255,.7);
  box-shadow:var(--wc-shadow);
  overflow:hidden;
  transition:box-shadow .3s,transform .3s;
}
.csc7:hover{
  box-shadow:var(--wc-shadow-hover);
  transform:translateY(-4px);
}
.nzf6{display:block;background:var(--wc-surface)}
.oxi0{
  width:100%;
  max-height:320px;
  object-fit:contain;
  background:var(--wc-surface);
}
.ctd5{padding:1rem}
.ydem7{font-size:1rem;margin-bottom:.3rem;font-family:var(--wc-font-body);font-weight:700}
.ydem7 a{color:var(--wc-text);text-decoration:none}
.ydem7 a:hover{color:var(--wc-rose)}
.ebem6{font-size:.85rem;color:var(--wc-muted);margin-bottom:.2rem}
.mfek9{
  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;
}
.rvi4{font-size:.8rem;margin-bottom:0}
.oceb5{color:var(--wc-rose);letter-spacing:1px}
.pwc2{color:var(--wc-muted);margin-left:.3rem}

.cjes5{
  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) --- */
.pkes4{margin-bottom:1.5rem}
.vles4{display:flex;flex-wrap:wrap;gap:.5rem;padding:.75rem 0}
.mmeo2{position:relative}
.iwek0{
  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;
}
.iwek0:hover{border-color:var(--wc-blush)}
.zvew1{
  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;
}
.zvew1[hidden]{display:none!important}
.zvew1:not([hidden]){display:flex;flex-wrap:wrap;gap:.4rem}
.lkiy0{
  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;
}
.lkiy0:hover{
  border-color:var(--wc-blush);
  background:rgba(232,180,184,.15);
  color:var(--wc-rose);
}
.bliv1{
  background:var(--wc-rose);
  color:#fff;
  border-color:var(--wc-rose);
}
.bliv1:hover{
  background:var(--wc-rose-hover);
  border-color:var(--wc-rose-hover);
  color:#fff;
}

/* --- PAGINATION (from render_pagination) --- */
.rzeh6{
  display:flex;
  flex-wrap:wrap;
  gap:.4rem;
  justify-content:center;
  margin-top:2rem;
}
.pcih1{
  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;
}
.pcih1:hover{
  background:rgba(232,180,184,.2);
  border-color:var(--wc-blush);
  color:var(--wc-rose);
}
.mdiy8{
  background:var(--wc-rose);
  color:#fff;
  border-color:var(--wc-rose);
}
.vbih4{
  display:inline-flex;
  align-items:center;
  padding:0 .5rem;
  color:var(--wc-muted);
}

/* --- ANNONCE DETAIL --- */
.umil1{margin-bottom:2rem}
.jpiq8{margin-bottom:1.5rem}
.eqim5{color:var(--wc-muted);font-size:.95rem}
.msim8{margin-top:.5rem}
.owiw5{color:var(--wc-rose);font-size:1.1rem;letter-spacing:2px}
.bvid8{font-weight:700;margin-left:.5rem}
.ftij9{margin-left:.5rem;color:var(--wc-muted);font-size:.9rem}

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

.elob1{margin-bottom:2rem}
.pru0{
  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;
}
.pru0:hover{
  background:var(--wc-rose-hover);
  color:#fff;
  box-shadow:0 6px 24px rgba(201,123,132,.4);
  transform:translateY(-2px);
}

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

.xwuz9{
  background:rgba(255,255,255,.6);
  border-radius:var(--wc-radius);
  padding:1.25rem;
  box-shadow:var(--wc-shadow);
}
.obacp0{
  display:flex;
  justify-content:space-between;
  padding:.6rem 0;
  border-bottom:1px solid var(--wc-border);
  font-size:.9rem;
}
.obacp0:last-child{border-bottom:none}
.jzui0{font-weight:700;color:var(--wc-muted);font-size:.8rem}
.xrui7{
  margin-top:1rem;
  padding-top:1rem;
  border-top:1px solid var(--wc-border);
}
.xrui7 h3{margin-bottom:.75rem}
.xrui7 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 --- */
.zhoe1{
  border-top:1px solid var(--wc-border);
  padding-top:1.5rem;
  margin-top:2rem;
}
.qkok5{display:flex;align-items:center;gap:.5rem}
.kjol8{
  background:var(--wc-rose);
  color:#fff;
  padding:.15rem .6rem;
  font-size:.8rem;
  border-radius:999px;
}
.iziv5{
  background:rgba(255,255,255,.5);
  border-radius:var(--wc-radius);
  padding:1.25rem;
  margin-bottom:1rem;
  box-shadow:var(--wc-shadow);
}
.zdos1{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:.75rem;
  margin-bottom:.5rem;
  font-size:.85rem;
}
.jbof0{font-weight:700;color:var(--wc-text)}
.vfoi1{color:var(--wc-rose);letter-spacing:1px}
.wcow5{color:var(--wc-muted)}
.kgom3{font-size:.9rem;line-height:1.6}

/* --- REGIONS / CITIES LIST --- */
.wmue7{
  display:grid;
  grid-template-columns:repeat(auto-fill,minmax(220px,1fr));
  gap:.75rem;
}
.qpuy6{
  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);
}
.qpuy6:hover{
  box-shadow:var(--wc-shadow-hover);
  transform:translateY(-2px);
}
.qpuy6 a{color:var(--wc-text);text-decoration:none;font-weight:600;font-size:.9rem}
.qpuy6 a:hover{color:var(--wc-rose)}
.anuo8{
  color:var(--wc-muted);
  font-size:.8rem;
  background:rgba(184,169,201,.15);
  padding:.15rem .5rem;
  border-radius:999px;
}

/* --- BLOG --- */
.emx1{display:flex;flex-direction:column;gap:1.25rem}
.bfy1{
  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;
}
.bfy1:hover{
  box-shadow:var(--wc-shadow-hover);
  transform:translateY(-3px);
}
.ikn8{display:block;background:var(--wc-surface)}
.sjx4{width:100%;max-height:250px;object-fit:cover;background:var(--wc-surface)}
.fgp0{padding:1.25rem}
.fgp0 h2{font-size:1.1rem;margin-bottom:.3rem;font-family:var(--wc-font-body);font-weight:700}
.fgp0 h2 a{color:var(--wc-text);text-decoration:none}
.fgp0 h2 a:hover{color:var(--wc-rose)}
.hhm9{
  color:var(--wc-muted);
  font-size:.8rem;
  display:block;
  margin-bottom:.5rem;
}
.klq2{
  color:var(--wc-rose);
  font-weight:700;
  font-size:.85rem;
  transition:color .3s;
}
.klq2:hover{color:var(--wc-rose-hover)}

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

/* --- SEARCH PAGE --- */
.btur8{
  display:flex;
  gap:0;
  margin-bottom:2rem;
  max-width:600px;
}
.btur8 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;
}
.btur8 input:focus{
  outline:none;
  border-color:var(--wc-blush);
  box-shadow:0 0 0 3px rgba(232,180,184,.25);
}
.btur8 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;
}
.btur8 button:hover{background:var(--wc-rose-hover)}

/* --- FOOTER --- */
.msoa9{
  background:var(--wc-text);
  color:rgba(255,255,255,.85);
  padding:2.5rem 0;
  margin-top:3rem;
  font-size:.9rem;
}
.gvop8{
  display:grid;
  grid-template-columns:1fr;
  gap:1.5rem;
  max-width:var(--wc-max-w);
  margin:0 auto;
  padding:0 1.25rem;
}
.msoa9 h4{
  font-family:var(--wc-font-heading);
  color:var(--wc-blush);
  margin-bottom:.75rem;
  font-size:1.3rem;
}
.msoa9 a{color:rgba(255,255,255,.75);text-decoration:none;transition:color .3s}
.msoa9 a:hover{color:var(--wc-blush)}
.msoa9 ul{list-style:none}
.msoa9 li{padding:.2rem 0}
.xtoi9{
  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){
  .awoq0{grid-template-columns:repeat(2,1fr)}
  .bfy1{flex-direction:row}
  .ikn8{width:260px;flex-shrink:0}
  .sjx4{height:100%;max-height:none}
  .gvop8{grid-template-columns:repeat(3,1fr)}
  .vpoo4{flex-direction:row}
  .sqot6{max-width:320px}
  .cnoo3{display:flex;flex-direction:column;justify-content:center}
}

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