.cms-section{padding:65px max(6%,24px);background:#f8f7f3;color:#222}.cms-section h2{font-size:clamp(26px,4vw,42px);margin:10px 0}.cms-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(235px,1fr));gap:22px;margin-top:26px}.cms-card{border:1px solid #e1ded5;background:white;border-radius:5px;overflow:hidden}.cms-photo{height:190px;background:#e8e5de;display:flex;align-items:center;justify-content:center;color:#777}.cms-photo img{height:100%;width:100%;object-fit:cover}.cms-card-body{padding:18px}.cms-card-body h3{margin:10px 0 4px}.cms-card-body p{margin:8px 0;color:#646464;font-size:14px}.cms-pill{background:#e7dfcb;color:#51462e;font-size:11px;padding:5px 9px}.cms-link{display:inline-block;margin-top:10px;color:#6c5732}.cms-demo-banner{background:#eadfc9;color:#352e24;padding:10px 6%;text-align:center;font:12px Arial,sans-serif}.cms-admin{max-width:1050px;margin:35px auto;padding:20px;font-family:Arial,sans-serif;color:#252525}.cms-admin h1{font-size:32px}.cms-admin input,.cms-admin select,.cms-admin textarea{width:100%;padding:11px;border:1px solid #bbb;border-radius:4px;box-sizing:border-box}.cms-admin label{font-size:13px;font-weight:bold;display:block;margin-bottom:12px}.cms-form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px}.cms-admin button,.cms-admin .action{background:#222;color:#fff;border:0;padding:10px 15px;cursor:pointer;border-radius:3px;margin:5px 6px 5px 0}.cms-admin .secondary{background:#eee;color:#222}.cms-admin table{width:100%;border-collapse:collapse;margin:20px 0}.cms-admin td,.cms-admin th{padding:12px;border-bottom:1px solid #ddd;text-align:left}.cms-note{background:#fff5dd;padding:14px;border-left:4px solid #a88a50;line-height:1.5}.cms-form{padding:20px;background:#f7f6f2;margin:20px 0}.cms-actions{display:flex;flex-wrap:wrap}.cms-admin a{color:#65502c}@media(max-width:600px){.cms-admin table{font-size:12px}.cms-admin td,.cms-admin th{padding:7px}}
/* Property photo gallery and desktop image proportions */
.property-gallery{position:relative;width:100%;height:clamp(280px,33vw,450px);background:#e8e5de;overflow:hidden;border-radius:3px}
.property-gallery>img{display:block;width:100%;height:100%;object-fit:contain}
.gallery-arrow{position:absolute;top:50%;transform:translateY(-50%);width:42px;height:46px;border:0;border-radius:3px;background:rgba(16,26,26,.78);color:white;font-size:34px;cursor:pointer;line-height:1}
.gallery-prev{left:12px}.gallery-next{right:12px}.gallery-arrow[hidden]{display:none}
.gallery-counter{position:absolute;right:12px;bottom:12px;background:rgba(16,26,26,.8);color:white;padding:7px 12px;border-radius:3px;font-size:13px}
.gallery-thumbnails{display:flex;gap:9px;overflow-x:auto;margin-top:10px}
.gallery-thumbnails button{flex:0 0 86px;height:64px;padding:2px;border:2px solid transparent;background:transparent;cursor:pointer}
.gallery-thumbnails button.selected{border-color:#a88a50}
.gallery-thumbnails img{width:100%;height:100%;object-fit:cover}
.cms-photo{height:auto;aspect-ratio:16/9;max-height:320px}.cms-photo img{object-fit:cover}
@media(max-width:620px){.property-gallery{height:auto;aspect-ratio:4/3}.gallery-thumbnails button{flex-basis:70px;height:55px}}

.property-headline{font-size:1.4rem;line-height:1.35;margin:12px 0;font-weight:650}

/* Listing headline, photo category/status labels and category filters */
.cms-photo{position:relative}.cms-photo-badge{position:absolute;top:12px;z-index:1;background:rgba(17,26,25,.9);color:#fff;padding:7px 10px;border-radius:3px;font-size:11px;font-weight:700;letter-spacing:.03em;max-width:46%;box-sizing:border-box}.cms-photo-category{left:12px}.cms-photo-status{right:12px;background:rgba(169,139,81,.95);color:#151515}.cms-listing-headline{font-size:19px;line-height:1.3;margin:2px 0 10px!important;color:#1e2624}.cms-listing-address{font-size:14px;margin:8px 0 12px!important}.cms-category-filters{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}.cms-category-filter{border:1px solid #b9ae97;border-radius:3px;background:transparent;color:#292929;padding:10px 18px;font:600 13px Arial,sans-serif;cursor:pointer}.cms-category-filter[aria-pressed="true"]{background:#202b29;color:white;border-color:#202b29}.cms-category-filter:focus-visible{outline:3px solid #b18e51;outline-offset:2px}@media(max-width:500px){.cms-photo-badge{top:9px;padding:6px 8px;font-size:10px}.cms-photo-category{left:9px}.cms-photo-status{right:9px}.cms-category-filter{flex:1;padding:10px 7px}}

/* Gold text directly over unmodified property photo: no backdrop or dimming */
.cms-centre-sticker{position:absolute;z-index:2;left:50%;top:50%;transform:translate(-50%,-50%);font-size:clamp(28px,4vw,54px);font-weight:850;letter-spacing:.12em;color:#a98b51;text-shadow:0 1px 2px rgba(0,0,0,.36);pointer-events:none;white-space:nowrap}.cms-pill-complete{background:#9f2929!important;color:white!important}.cms-contact-actions{display:flex;flex-wrap:wrap;gap:12px;margin:18px 0 8px}.cms-contact-actions .btn{min-width:145px;text-align:center}.cms-contact-note{font-size:13px;color:#666}.property-enquiry-context{font-weight:650;margin:12px 0;padding:12px;border-left:3px solid #a98b51;background:#f6f3ec}@media(max-width:600px){.cms-centre-sticker{font-size:clamp(28px,8vw,44px)}.cms-contact-actions .btn{flex:1}}

/* Approved compact angled black-and-muted-gold status stickers */
.cms-centre-sticker{display:inline-block!important;left:50%;top:50%;transform:translate(-50%,-50%) rotate(-6deg)!important;background:#111!important;color:#a98b51!important;border:1px solid #a98b51;border-radius:2px;padding:9px 17px;font:800 clamp(14px,2vw,22px)/1.1 Arial,sans-serif!important;letter-spacing:.075em!important;text-shadow:none!important;box-shadow:3px 5px 11px rgba(0,0,0,.3);max-width:90%;white-space:nowrap}
.cms-result-filters{display:flex;gap:9px;flex-wrap:wrap;margin:18px 0 4px}.cms-result-filter{border:1px solid #b9ae97;border-radius:3px;background:transparent;color:#292929;padding:10px 18px;font:600 13px Arial,sans-serif;cursor:pointer}.cms-result-filter[aria-pressed="true"]{background:#202b29;color:white;border-color:#202b29}.cms-result-filter:focus-visible{outline:3px solid #b18e51;outline-offset:2px}

/* Public assigned-agent cards */
.oa-agent-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(235px,1fr));gap:20px;margin:20px 0 35px}.oa-agent-card{display:flex;gap:16px;align-items:center;padding:20px;border:1px solid #a58b5966;border-radius:8px;background:#151515;color:#f7f4ed}.oa-agent-card h3{margin:0 0 5px;color:#e8d6ac}.oa-agent-card p{margin:0 0 12px}.oa-agent-photo{width:100px;height:115px;object-fit:cover;border-radius:5px;flex-shrink:0}.oa-agent-placeholder{display:grid;place-items:center;background:#29251f;color:#a58b59;font-weight:bold}.oa-agent-links{display:flex;gap:12px;flex-wrap:wrap}.oa-agent-links a{color:#d5b976;text-decoration:underline}#assigned-agents[hidden]{display:none}

/* Compact listing-agent cards: preserve existing photos and contacts */
#assigned-agents .oa-agent-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(min(100%, 290px), 340px));
  gap: 16px;
  margin: 18px 0 32px;
}
#assigned-agents .oa-agent-card {
  width: 100%;
  box-sizing: border-box;
  padding: 13px;
  gap: 12px;
  min-width: 0;
}
#assigned-agents .oa-agent-photo {
  width: 82px;
  height: 104px;
  object-fit: cover;
}
#assigned-agents .oa-agent-card h3 { margin: 0 0 4px; }
#assigned-agents .oa-agent-card p { margin: 0 0 8px; }
#assigned-agents .oa-agent-links { gap: 6px 12px; }
@media (max-width: 380px) {
  #assigned-agents .oa-agent-grid { grid-template-columns: minmax(0, 1fr); }
  #assigned-agents .oa-agent-photo { width: 72px; height: 92px; }
}

/* Enquiry position: dark Oak & Avenue button directly below property features */
.oa-enquiry-above-description{display:flex;justify-content:flex-start;margin:18px 0 22px}
.oa-enquiry-above-description .btn{display:inline-flex;align-items:center;justify-content:center;width:auto;min-width:150px;background:#202525!important;color:#b69a6a!important;border:1px solid #202525!important;text-decoration:none;font-weight:700;letter-spacing:.04em}
.oa-enquiry-above-description .btn:hover,.oa-enquiry-above-description .btn:focus-visible{background:#111!important;color:#d5b976!important}

/* TEST: fixed photo gallery + agents on left; independently scrolling details on right. */
@media (min-width: 901px) {
  .oa-property-detail-grid {
    grid-template-columns: minmax(0, 1.08fr) minmax(0, 1fr);
    align-items: start;
    gap: clamp(20px, 2.5vw, 42px);
  }
  .oa-property-left { min-width: 0; position: sticky; top: 18px; align-self: start; }
  .oa-property-right {
    min-width: 0;
    height: min(780px, calc(100vh - 100px));
    min-height: 420px;
    overflow-y: auto;
    overscroll-behavior: contain;
    padding: 0 12px 20px 0;
    scrollbar-width: thin;
    scrollbar-color: #a58b59 transparent;
  }
  .oa-property-left .property-gallery { height: clamp(230px, 27vw, 410px); }
}
.oa-property-left #assigned-agents { padding: 0; margin: 20px 0 0; background: transparent; color: #222; }
.oa-property-left #assigned-agents h2 { font-size: clamp(20px, 2vw, 27px); margin: 0 0 10px; }
.oa-property-left #assigned-agents .oa-agent-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 205px), 1fr));
  gap: 10px;
  margin: 0;
}
.oa-property-left #assigned-agents .oa-agent-card { padding: 10px; gap: 10px; }
.oa-property-left #assigned-agents .oa-agent-photo { width: 62px; height: 76px; }
.oa-property-left #assigned-agents .oa-agent-card h3 { font-size: 14px; }
.oa-property-left #assigned-agents .oa-agent-card p { font-size: 12px; margin-bottom: 5px; }
.oa-property-left #assigned-agents .oa-agent-links { font-size: 12px; }
@media (max-width: 900px) {
  .oa-property-detail-grid { grid-template-columns: minmax(0, 1fr); }
  .oa-property-left { position: static; }
  .oa-property-right { height: auto; overflow: visible; padding: 0; }
  .oa-property-left #assigned-agents .oa-agent-grid { grid-template-columns: repeat(auto-fit,minmax(min(100%,240px),1fr)); }
}

/* Oak & Avenue design update: cohesive charcoal and compact agent cards */
:root{--oa-charcoal:#202525;--oa-muted-gold:#a98b51;--oa-ivory:#f8f7f3}
.oa-property-left #assigned-agents .oa-agent-card,#assigned-agents .oa-agent-card{background:var(--oa-charcoal);color:#f8f5ed;border:1px solid rgba(169,139,81,.55);border-radius:9px;box-shadow:0 5px 16px rgba(0,0,0,.12)}
#assigned-agents .oa-agent-card h3{color:#f7f2e6}#assigned-agents .oa-agent-card p{color:#c9b589}#assigned-agents .oa-agent-links a{color:#dec48c}
.oa-property-left #assigned-agents .oa-agent-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,190px),1fr));gap:12px}
.cms-card-clickable{display:block;color:inherit;text-decoration:none;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease}
.cms-card-clickable:hover{transform:translateY(-3px);box-shadow:0 10px 24px rgba(15,20,20,.15)}
.cms-card-clickable:focus-visible{outline:3px solid var(--oa-muted-gold);outline-offset:3px}
.cms-card-clickable .cms-link{text-decoration:underline}
.oa-search-section{background:#202525;padding:28px max(5%,20px);color:#f8f7f3}
.oa-search-wrap{max-width:1080px;margin:auto}.oa-search-tabs{display:flex;flex-wrap:wrap;gap:4px;margin-bottom:12px}
.oa-search-tab{border:0;border-bottom:2px solid transparent;background:transparent;color:#d4d0c7;padding:10px 18px;cursor:pointer;font:600 13px Arial,sans-serif}
.oa-search-tab[aria-selected=true]{border-color:#b69a6a;color:white}
.oa-search-main{display:flex;gap:10px;align-items:center;background:#f8f7f3;padding:8px;border-radius:7px}
.oa-search-main input{flex:1;min-width:0;background:transparent;border:0;padding:12px;font:15px Arial,sans-serif;color:#222;outline-offset:3px}
.oa-search-submit{border:0;border-radius:5px;background:#a98b51;color:#171717;font-weight:700;padding:13px 22px;cursor:pointer}
.oa-filter-toggle{border:0;background:transparent;color:#e8d7b3;padding:14px 4px;cursor:pointer}
.oa-filter-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:12px 0}
.oa-filter-fields[hidden]{display:none}.oa-filter-fields label{font:12px Arial,sans-serif;color:#eee;display:grid;gap:6px}
.oa-filter-fields select{width:100%;padding:12px;border:1px solid #bcb5a5;border-radius:4px;background:#fff;color:#222}
.oa-search-note{font:12px Arial,sans-serif;color:#cfc6b6}
@media(max-width:640px){.oa-search-section{padding:22px 16px}.oa-search-tab{flex:1;padding:10px 6px}.oa-search-main{gap:4px}.oa-search-submit{padding:12px}.oa-filter-fields{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(prefers-reduced-motion:reduce){.cms-card-clickable{transition:none}.cms-card-clickable:hover{transform:none}}


/* 14 Nov test refinements: search over video, not a separate full-width band */
.hero{min-height:700px;height:min(850px,92svh);overflow:visible}
.hero-inner{align-self:center;transform:translateY(-76px);padding-bottom:92px}
.hero .oa-search-section{position:absolute;z-index:3;bottom:28px;left:0;right:0;background:transparent;padding:0 clamp(20px,6vw,90px);color:#fff}
.hero .oa-search-wrap{max-width:930px;margin:0 auto}
.hero .oa-search-tabs{margin-bottom:6px;gap:3px}
.hero .oa-search-tab{padding:8px 17px;background:rgba(16,26,26,.65);border-radius:3px 3px 0 0;backdrop-filter:blur(8px)}
.hero .oa-search-main{box-shadow:0 10px 35px rgba(0,0,0,.22);background:rgba(250,249,245,.98)}
.hero .oa-filter-toggle{padding:8px 3px;font-size:12px;color:#fff;text-shadow:0 2px 5px #111}
.hero .oa-filter-fields{background:rgba(16,26,26,.96);border:1px solid rgba(198,167,115,.4);border-radius:6px;padding:14px;box-shadow:0 12px 32px rgba(0,0,0,.25)}
.oa-home-showcase{padding-top:52px;padding-bottom:70px}
.oa-home-showcase .cms-grid:empty{min-height:0}
.oa-enquiry .oa-form-grid>label{min-width:0}
.oa-enquiry .oa-form-grid input,.oa-enquiry .oa-form-grid select{height:48px;min-height:48px;line-height:normal;appearance:none;-webkit-appearance:none;border-radius:2px}
.oa-enquiry .oa-form-grid select{padding-right:30px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='m1 1 5 5 5-5' fill='none' stroke='%23555' stroke-width='1.5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center}
@media(max-width:760px){.hero{height:auto;min-height:690px}.hero-inner{transform:none;align-self:start;margin-top:100px;padding-bottom:220px}.hero .oa-search-section{bottom:22px;padding:0 16px}.hero .oa-search-tab{font-size:11px;padding:9px 7px}.hero .oa-filter-fields{grid-template-columns:repeat(2,minmax(0,1fr));max-height:38vh;overflow-y:auto}.oa-home-showcase{padding-top:45px}}
@media(max-width:390px){.hero-inner{margin-top:65px}.hero h1{font-size:38px}.hero .oa-search-main input{font-size:13px;padding:10px 6px}.hero .oa-search-submit{padding:12px 10px}}

/* 2026-11-14: approved hero-search adjustment */
@media(min-width:768px){.hero .oa-search-section{bottom:60px}.hero .oa-search-wrap{max-width:1020px}}
@media(max-width:767px){.hero .oa-search-section{bottom:34px}}

/* 2026-11-14: approved consistent navigation charcoal and centred homepage showcase. */
:root{--oa-nav-charcoal:#101a1a}
#assigned-agents .oa-agent-card,.oa-property-left #assigned-agents .oa-agent-card{background:var(--oa-nav-charcoal)!important;color:#f8f5ed!important}
.oa-enquiry-above-description .btn{background:var(--oa-nav-charcoal)!important;border-color:var(--oa-nav-charcoal)!important;color:#fff!important}
.oa-enquiry-above-description .btn:hover,.oa-enquiry-above-description .btn:focus-visible{background:var(--oa-nav-charcoal)!important;border-color:#a98b51!important;color:#dec48c!important}
.oa-home-showcase{box-sizing:border-box;padding-left:max(6%,24px);padding-right:max(6%,24px)}
.oa-home-showcase > .eyebrow,.oa-home-showcase > h2,.oa-home-showcase > p,.oa-home-showcase > .cms-grid,.oa-home-showcase > .cms-actions,.oa-home-showcase > .cms-links{max-width:1160px;margin-left:auto;margin-right:auto}
.oa-home-showcase > .cms-grid{width:100%;box-sizing:border-box}
@media(max-width:600px){.oa-home-showcase{padding-left:24px;padding-right:24px}}