/* P050 canonical READY page: only editorial additions to the approved P049 styling. */
.houngues-ready-public-description { margin: 16px auto 30px; max-width: 740px; padding: 0 20px; white-space: pre-line; color: #363532; font-size: clamp(14px, 1.5vw, 17px); line-height: 1.7; }
.houngues-ready-area-note { max-width: 700px; margin: 20px auto; padding: 0 20px; text-align: center; font-size: 12px; opacity: .8; }

/* P051 — READY-only numeric counter: no wrapped dots for 16-photo listings. */
body[data-public-listing] .resale-media-controls .resale-dots {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: center;
    min-width: 74px;
    max-width: none;
    font-size: 14px;
    font-weight: 650;
    letter-spacing: .035em;
    font-variant-numeric: tabular-nums;
    color: #896d3e;
    white-space: nowrap;
}

/* P052: The published standalone Property uses the same visible HOUNGUES header/footer as the site.
   Keep the existing native P049 Property sections, panels, interest flow and photo counter. */
body.resale-property-page[data-public-listing]{padding:0;background:#fff}
.hng-ready-header{background:#050505;display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:72px;padding:0 clamp(24px,4.5vw,80px);border-bottom:1px solid #292929;color:#fff;position:relative;z-index:28}
.hng-ready-wordmark{font:400 clamp(19px,2.05vw,30px)/1.2 'Times New Roman',Times,serif;letter-spacing:.03em;text-decoration:none;color:#fff;white-space:nowrap}
.hng-ready-wordmark .hng-french-flag{display:inline-block;vertical-align:baseline;margin-left:9px}
.hng-ready-navigation{display:flex;gap:clamp(12px,1.9vw,30px);align-items:center}
.hng-ready-navigation a,.hng-ready-portal{font:500 clamp(13px,1.1vw,17px)/1.4 Arial,sans-serif;letter-spacing:0;text-decoration:none;color:#f7f4ef;white-space:nowrap;min-height:36px;display:inline-flex;align-items:center}
.hng-ready-portal{border:1px solid #797979;padding:12px 17px;white-space:nowrap}.hng-ready-header a:hover,.hng-ready-header a:focus-visible{color:#c2a976}
.hng-ready-footer{width:100%;position:relative;z-index:1;margin-top:18px}
@media(min-width:760px){
 .resale-property-page[data-public-listing] .desktop-toolbar{display:none!important}
 .resale-property-page[data-public-listing] .app>.tabs-shell{top:0}
 .resale-property-page[data-public-listing] .app{min-height:65vh}
 .resale-property-page[data-public-listing] .hng-ready-header{min-height:72px}
}
@media(max-width:959px){
 .hng-ready-header,.hng-ready-footer{display:none!important} /* retain original immersive mobile Property navigation and sticky inquiry dock */
}
@media(max-width:430px){.hng-ready-wordmark{font-size:19px;letter-spacing:0}.hng-ready-portal{font-size:9px}}

/* P054 — Match the approved desktop site header. No changes at mobile widths.
 * The original site's nav is aligned right with margin-left:auto;
 * the P052 standalone Property used space-between and centred the navigation. */
@media (min-width:960px) {
  body.resale-property-page[data-public-listing] .hng-ready-header {
    justify-content:flex-start;
    gap:24px;
  }
  body.resale-property-page[data-public-listing] .hng-ready-wordmark {
    font-size:25px;
    line-height:1;
    letter-spacing:0;
  }
  body.resale-property-page[data-public-listing] .hng-ready-navigation {
    margin-left:auto;
    gap:24px;
  }
  body.resale-property-page[data-public-listing] .hng-ready-navigation a {
    font-size:17px;
    font-weight:400;
    line-height:1.3;
    min-height:48px;
  }
  body.resale-property-page[data-public-listing] .hng-ready-portal {
    font-size:14px;
    font-weight:400;
  }
  body.resale-property-page[data-resale-listing="resale"] .hng-ready-navigation a[href="/properties/for-sale/dubai/"],
  body.resale-property-page[data-resale-listing="rental"] .hng-ready-navigation a[href="/properties/for-rent/dubai/"] {
    color:#c2a976;
  }
}
@media (min-width:960px) and (max-width:1150px) {
  body.resale-property-page[data-public-listing] .hng-ready-header {
    gap:18px;
    padding-inline:28px;
  }
  body.resale-property-page[data-public-listing] .hng-ready-wordmark {font-size:23px;}
  body.resale-property-page[data-public-listing] .hng-ready-navigation {gap:16px;}
  body.resale-property-page[data-public-listing] .hng-ready-navigation a {font-size:16px;}
  body.resale-property-page[data-public-listing] .hng-ready-portal {
    font-size:12px;
    padding-inline:12px;
  }
}


/* P056 — public READY detail only: factual extras and the assigned advisor. */
body[data-public-listing] .ready-property-features{display:flex;flex-wrap:wrap;gap:10px 20px;justify-content:center;align-items:center;padding:2px 20px 15px;font:13px/1.6 Arial,sans-serif;color:#48443e}
body[data-public-listing] .ready-property-features:empty{display:none}
body[data-public-listing] .ready-property-features strong{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:#987441;margin-right:5px}
body[data-public-listing] .ready-agent-card{margin:12px auto 28px;padding:17px 19px;max-width:745px;display:flex;align-items:center;gap:17px;border:1px solid #e1dad0;background:#f8f6f2;color:#25221d}
body[data-public-listing] .ready-agent-portrait{width:70px;height:70px;flex:0 0 70px;overflow:hidden;border-radius:100%;background:#e5ddd0;display:grid;place-items:center}
body[data-public-listing] .ready-agent-photo{width:100%;height:100%;object-fit:cover;object-position:50% 35%}
body[data-public-listing] .ready-agent-fallback{font:400 31px/1 Georgia,serif;color:#967844}
body[data-public-listing] .ready-agent-copy{flex:1;min-width:0}
body[data-public-listing] .ready-agent-copy>span{font:600 9px/1.4 Arial,sans-serif;color:#95723e;letter-spacing:.15em}
body[data-public-listing] .ready-agent-copy h2{margin:3px 0 0;font:400 21px/1.2 'Times New Roman',Times,serif;color:#25221d}
body[data-public-listing] .ready-agent-copy p{margin:3px 0 0;font:12px/1.4 Arial,sans-serif;color:#666}
body[data-public-listing] .ready-agent-contact{border:0;background:#0b0b0b;color:#fff;padding:15px 18px;min-height:45px;cursor:pointer;font:600 11px/1.35 Arial,sans-serif;letter-spacing:.035em;white-space:nowrap}
body[data-public-listing] .ready-agent-contact:hover,body[data-public-listing] .ready-agent-contact:focus-visible{background:#92713d;color:white}
@media(max-width:640px){body[data-public-listing] .ready-agent-card{padding:12px;gap:10px;flex-wrap:wrap;margin:12px 15px 22px}body[data-public-listing] .ready-agent-portrait{width:56px;height:56px;flex-basis:56px}body[data-public-listing] .ready-agent-copy h2{font-size:19px}body[data-public-listing] .ready-agent-contact{width:100%}body[data-public-listing] .ready-property-features{justify-content:flex-start}}
/* P056 — small, horizontal HOUNGUES choice buttons; the selected one is gold with white lettering. */
body[data-public-listing] #contact-form .interest-options{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
body[data-public-listing] #contact-form .interest-option span{min-height:53px;padding:9px 6px;border:1px solid #af946a;background:#fff;color:#8b6835;font:600 12px/1.3 Arial,sans-serif}
body[data-public-listing] #contact-form .interest-option input:checked+span{background:#9b793e;color:#fff;border-color:#9b793e}
body[data-public-listing] #contact-form .interest-option input:focus-visible+span{outline:2px solid #9b793e;outline-offset:2px}
body[data-public-listing] #interest-send:disabled{opacity:.55;cursor:wait}
@media(max-width:390px){body[data-public-listing] #contact-form .interest-option span{font-size:11px;padding:8px 3px}}
