/* HIKMA IMMO — pages annonces, catégories, agence (complète site.css) */
body.pg{padding-top:74px}
.skip{position:absolute;left:-9999px;top:8px;z-index:200;background:var(--or);color:#0A0A0A;padding:10px 16px;font-weight:600}
.skip:focus{left:8px}
.pw{max-width:1180px;margin:0 auto;padding:0 var(--g)}
.pg h1{font-size:clamp(2rem,4.2vw,3.2rem);max-width:none;margin:6px 0 10px}
.pg h2{font-size:clamp(1.5rem,2.6vw,2rem);margin:34px 0 14px}
.pg .ic{width:19px;height:19px;flex:0 0 auto;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}

/* fil d'Ariane */
.bc{font-size:14px;color:var(--t3);padding:22px 0 8px}
.bc ol{list-style:none;display:flex;flex-wrap:wrap;gap:6px}
.bc li+li::before{content:"›";margin-right:6px;color:var(--t3)}
.bc a{color:var(--t2);text-decoration:underline;text-underline-offset:3px;text-decoration-color:var(--ln)}
.bc a:hover{color:var(--or)}

/* en-tête de page */
.pHead{padding:8px 0 26px}
.lead{max-width:72ch;color:var(--t2);font-size:17.5px}
.lead p+p{margin-top:10px}
.lead a,.box a:not(.big):not(.cw):not(.ct),.muted a,.cols p a{color:var(--or);text-decoration:underline;text-underline-offset:3px}
.chips{margin-top:22px}
.chips .op{display:inline-flex;align-items:center;gap:8px}
.chips small{font-size:13px;opacity:.7}

/* annonce */
.pwL{display:block}
.pgal{position:relative;background:#0A0A0A;border-radius:var(--r);overflow:hidden;aspect-ratio:16/10;max-height:min(62vh,620px);width:100%}
.pgal .trk{height:100%}
.pgal .sd img{width:100%;height:100%;object-fit:cover;background:var(--bg3)}
.pgal .gC b{font-weight:600}
.pIn{padding:30px 0 20px!important;max-width:860px}
.pIn .tag{position:static;display:inline-block;margin-bottom:12px}
.pIn .mSp{margin-top:6px}
.pIn .fts{list-style:none}
.pIn .fts li{background:var(--bg2);border:1px solid var(--ln2);padding:11px 17px;font-size:15px;border-radius:var(--r)}
.pIn .map{display:flex;flex-direction:column;align-items:center;gap:6px}
.pIn .map .ic{width:26px;height:26px;color:var(--or)}
.ctc button{display:flex;align-items:center;justify-content:center;gap:10px;padding:22px;border-radius:var(--r);
  font-weight:600;font-size:17px;transition:.3s}
.ctc .ic,.stk .ic,.cList .ic,.waBig .ic{width:21px;height:21px}
.ctO{background:transparent!important;border:1.5px solid var(--ln)!important;color:var(--tx)!important}
.ctO:hover{border-color:var(--or)!important;color:var(--or)!important}
.closed{background:var(--bg3);border-left:4px solid var(--or);padding:16px 18px;margin:8px 0 18px;font-size:16px}
.closed a{color:var(--or);text-decoration:underline}
.pSim{padding-top:20px;padding-bottom:40px}
.more2{margin:24px 0 10px;font-weight:600}
.more2 a{color:var(--or)}

/* cartes : lien sur le texte, clic sur la photo géré en JS */
.pg .card{cursor:pointer}
.pg .cB{position:relative}
.cLk::after{content:"";position:absolute;inset:0}
.cLk:hover{color:var(--or)}

/* sections */
.tips,.own,.box{background:var(--bg2);border:1px solid var(--ln2);border-radius:var(--r);padding:clamp(20px,3vw,32px);margin:40px 0}
.tips h2,.own h2,.box h2{margin-top:0}
.tips ul{list-style:none;display:grid;gap:12px;color:var(--t2)}
.tips b{color:var(--tx)}
.own{text-align:center}
.own p{color:var(--t2);margin:0 auto 22px;max-width:52ch}
.emp2{text-align:center;padding:30px 0}
.cols{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:10px 40px}
.cols p{color:var(--t2)}
.lnk{list-style:none;display:grid;gap:10px;color:var(--t2)}
.lnk a{color:var(--tx);text-decoration:underline;text-underline-offset:3px;text-decoration-color:var(--ln)}
.lnk a:hover{color:var(--or)}
.steps{padding-left:22px;display:grid;gap:12px;color:var(--t2)}
.steps b{color:var(--tx)}
.cList{list-style:none;display:grid;gap:12px;max-width:420px}
.cList a{display:flex;align-items:center;justify-content:center;gap:10px;padding:18px;border-radius:var(--r);font-weight:600;font-size:17px}
.muted{color:var(--t3);font-size:15px;margin-top:14px;display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.pgDq{max-width:none;margin:18px 0 20px}
.pgDq select{background:var(--bg)}
.waBig{display:inline-flex;align-items:center;gap:10px}
.fAb{color:var(--t2);font-size:16px;max-width:30ch}
footer li{color:var(--t2)}

/* barre de contact mobile */
.stk{display:none}
@media(max-width:900px){
  body.pg{padding-top:66px}
  .stk{display:grid;grid-template-columns:1fr 1fr;gap:8px;position:fixed;left:0;right:0;bottom:0;z-index:90;
    padding:10px 12px calc(10px + env(safe-area-inset-bottom));background:var(--hd);backdrop-filter:blur(14px);
    -webkit-backdrop-filter:blur(14px);border-top:1px solid var(--ln2)}
  .stk a{display:flex;align-items:center;justify-content:center;gap:8px;padding:15px;border-radius:var(--r);font-weight:700;font-size:16px}
  body.pg:has(.stk) footer{padding-bottom:100px}
  .pgal{aspect-ratio:4/3;margin:0 calc(var(--g) * -1);border-radius:0}
}
.pg h2.cT{font-size:1.4rem;margin:0 0 12px}
.pg footer h2.fh{margin:0 0 15px}