/* home-sections — focused pass (after d16f08d): the landing page's Commercial and Rentals sections and the
   shared homepage card details they rely on. Loaded on public pages only, after home-flow.css; selectors keep
   .aw-reference-home.aw-hf-home so they outrank reference-layout.css / home-flow.css at the same depth.
   Surface colours (canvas, card fill, footer) live in public-canvas.css. */

/* ===== One card grid for every homepage row: 3 columns, 20–24 px gaps on desktop and tablet. ===== */
@media(min-width:601px){
 html[data-aw-theme] body.pm-public main .aw-reference-home.aw-hf-home .aw-discovery-grid{column-gap:clamp(20px,calc(21 * var(--r)),24px)!important;row-gap:clamp(20px,calc(18 * var(--r)),24px)!important}
}
/* Equal card heights within a row: the information block fills the stretched card. */
html[data-aw-theme] body.pm-public main .aw-reference-home.aw-hf-home .aw-discovery-grid>.aw-listing-card>.aw-listing-information{flex:1 1 auto}

/* ===== Save on homepage cards: the same round control as the listing page's card rows. ===== */
html[data-aw-theme] body.pm-public main .aw-reference-home.aw-hf-home .aw-listing-media .aw-save-wrap{position:absolute!important;inset:calc(7 * var(--r)) calc(8 * var(--r)) auto auto!important;z-index:3;display:block!important}
html[data-aw-theme] body.pm-public main .aw-reference-home.aw-hf-home .aw-listing-media .premium-save{position:static!important;display:grid!important;place-items:center;width:36px!important;height:36px!important;min-width:0;min-height:0!important;margin:0!important;padding:0!important;border:0!important;border-radius:50%!important;background:#fffffff0!important;color:#1d2430!important;box-shadow:0 1px 4px #00000033!important;filter:none!important;cursor:pointer}
html[data-aw-theme] body.pm-public main .aw-reference-home.aw-hf-home .aw-listing-media .premium-save svg{width:20px;height:20px}
html[data-aw-theme] body.pm-public main .aw-reference-home.aw-hf-home .aw-listing-media .premium-save:hover{background:#fff!important;box-shadow:0 2px 8px #00000040!important}
html[data-aw-theme] body.pm-public main .aw-reference-home.aw-hf-home .aw-listing-media .premium-save:focus-visible{outline:2px solid var(--ref-blue)!important;outline-offset:2px}
html[data-aw-theme] body.pm-public main .aw-reference-home.aw-hf-home .aw-listing-media .premium-save:disabled{opacity:.75;cursor:progress}
html[data-aw-theme] body.pm-public main .aw-reference-home.aw-hf-home .aw-listing-media .premium-save::after{content:none!important}
html[data-aw-theme] body.pm-public main .aw-reference-home.aw-hf-home .aw-listing-media .aw-save-problem{position:absolute;top:calc(100% + 6px);right:0;width:max-content;max-width:220px;padding:6px 9px;border-radius:5px;background:var(--ref-badge);color:#fff;font-size:12.5px;line-height:1.35}
/* Coming soon rows hide their photo badges; the Save control stays. */
html[data-aw-theme] body.pm-public main .aw-reference-home.aw-hf-home .aw-coming-grid .aw-listing-media{position:relative}

/* ===== Commercial properties → Rentals, between Direct agent connections and the advertising block. ===== */
/* The same section-heading rhythm as the property rows, with more air against the promotional boxes on either side. */
html[data-aw-theme] body.pm-public main .aw-reference-home.aw-hf-home .aw-hf-expertise+.aw-hf-type-section{padding-top:calc(48 * var(--r))!important}
html[data-aw-theme] body.pm-public main .aw-reference-home.aw-hf-home .aw-hf-type-section+.aw-hf-type-section{padding-top:calc(40 * var(--r))!important}
html[data-aw-theme] body.pm-public main .aw-reference-home.aw-hf-home .aw-hf-type-section+.aw-hf-advertise{margin-top:calc(48 * var(--r))!important}
html[data-aw-theme] body.pm-public main .aw-reference-home.aw-hf-home .aw-hf-type-section .aw-discovery-heading{margin-bottom:calc(14 * var(--r))!important}
/* Card facts (a commercial card's subtype · area · space available · basis can run to two lines) wrap between
   facts, never inside one, and a wrapped line never starts with a separator: every fact carries a fixed-width
   "·" before it and the list is shifted left by that width and clipped, so only mid-line separators show.
   The same rule serves every PropertyCard on public pages (listing-page rows, profiles). */
html[data-aw-theme] body.pm-public main .premium-card.aw-listing-card .aw-listing-specs,html[data-aw-theme] body.pm-public main .aw-reference-property.aw-lp .aw-lp-card-grid .aw-listing-card .aw-listing-specs{margin-left:-1.5em!important;column-gap:0!important;row-gap:1px!important;clip-path:inset(0 0 0 1.5em)}
html[data-aw-theme] body.pm-public main .premium-card.aw-listing-card .aw-listing-specs>span,html[data-aw-theme] body.pm-public main .aw-reference-property.aw-lp .aw-lp-card-grid .aw-listing-card .aw-listing-specs>span{white-space:nowrap}
html[data-aw-theme] body.pm-public main .premium-card.aw-listing-card .aw-listing-specs>span::before,html[data-aw-theme] body.pm-public main .aw-reference-property.aw-lp .aw-lp-card-grid .aw-listing-card .aw-listing-specs>span::before{content:'·'!important;display:inline-block;width:1.5em;margin:0!important;text-align:center;color:var(--ref-muted)!important}
/* These sections show every listing they have: the two-column preview rule that drops a third card does not apply. */
@media(min-width:601px) and (max-width:899px){
 html[data-aw-theme] body.pm-public main .aw-reference-home.aw-hf-home .aw-hf-type-section .aw-discovery-grid[data-items='3']>:nth-child(3){display:flex!important}
}
html[data-aw-theme] body.pm-public main .aw-reference-home.aw-hf-home .aw-hf-type-section .aw-discovery-empty{margin:0!important;padding:18px 20px;border:1px dashed var(--ref-line);border-radius:8px;font-size:max(14px,calc(14 * var(--r)));line-height:1.5;color:var(--ref-text)}
html[data-aw-theme] body.pm-public main .aw-reference-home.aw-hf-home .aw-hf-type-section .aw-discovery-empty a{color:var(--ref-link);font-weight:600}
@media(max-width:600px){
 html[data-aw-theme] body.pm-public main .aw-reference-home.aw-hf-home .aw-hf-expertise+.aw-hf-type-section{padding-top:36px!important}
 html[data-aw-theme] body.pm-public main .aw-reference-home.aw-hf-home .aw-hf-type-section+.aw-hf-type-section{padding-top:32px!important}
 html[data-aw-theme] body.pm-public main .aw-reference-home.aw-hf-home .aw-hf-type-section+.aw-hf-advertise{margin-top:36px!important}
 html[data-aw-theme] body.pm-public main .aw-reference-home.aw-hf-home .aw-hf-type-section .aw-discovery-grid{row-gap:16px!important}
}