/* ===========================================================================
   RE/MAX delta ktima — listings/detail extensions
   Breadcrumbs · faceted filters · sort menu · view toggle · pagination · list row
   All values map to design-system tokens (no one-off hex/spacing).
   =========================================================================== */

/* --------------------------------------------------------------- BREADCRUMBS */
.crumbs{display:flex; align-items:center; flex-wrap:wrap; gap:.45em; font-size:var(--text-sm);
  color:var(--text-muted); padding:var(--space-5) 0 0;}
.crumbs a{color:var(--text-secondary);}
.crumbs a:hover{color:var(--accent);}
.crumbs a:focus-visible{outline:none; box-shadow:var(--shadow-focus); border-radius:var(--radius-sm);}
.crumbs__sep{color:var(--border-strong);}
.crumbs [aria-current="page"]{color:var(--text-primary); font-weight:600;}

/* ------------------------------------------------------------- LISTINGS LAYOUT */
.listpage__title{font-family:var(--font-display); font-weight:800; font-size:var(--text-2xl);
  letter-spacing:-.01em; margin:var(--space-3) 0 var(--space-5);}
.listpage{display:grid; grid-template-columns:272px 1fr; gap:var(--space-6); align-items:start; padding-bottom:var(--space-9);}

/* facets ------------------------------------------------------------------- */
.facets{position:sticky; top:90px; display:flex; flex-direction:column; gap:var(--space-5);
  background:var(--surface-card); border:1px solid var(--border-subtle); border-radius:var(--radius-lg);
  box-shadow:var(--shadow-sm); padding:var(--space-5);}
.facets__head{display:flex; align-items:center; justify-content:space-between;}
.facets__head h2{font-size:var(--text-md); font-weight:700;}
.facet{border:none; padding:0; margin:0; display:flex; flex-direction:column; gap:var(--space-3); min-width:0;}
.facet + .facet{border-top:1px solid var(--border-subtle); padding-top:var(--space-5);}
.facet legend{font-size:var(--text-xs); font-weight:700; letter-spacing:var(--tracking-wider);
  text-transform:uppercase; color:var(--text-secondary); padding:0; margin-bottom:var(--space-1);}
.facet__chips{display:flex; flex-wrap:wrap; gap:var(--space-2);}
.facet__range{display:flex; align-items:center; gap:var(--space-2);}
.facet__range .rdk-input{padding:.6em .7em; font-size:var(--text-sm);}
.facet__range span{color:var(--text-muted); flex:none;}
.facet .rdk-chip{padding:.5em .85em; font-size:var(--text-xs);}
.facet .rdk-chip:focus-visible{outline:none; box-shadow:var(--shadow-focus);}

.linkbtn{border:none; background:none; cursor:pointer; font-family:var(--font-sans); font-weight:700;
  font-size:var(--text-xs); color:var(--accent); padding:4px 6px; border-radius:var(--radius-sm);}
.linkbtn:hover{text-decoration:underline;}
.linkbtn:focus-visible{outline:none; box-shadow:var(--shadow-focus);}
.linkbtn[disabled]{opacity:.4; cursor:not-allowed; text-decoration:none;}

/* segmented control (bedrooms) -------------------------------------------- */
.seg{display:inline-flex; background:var(--surface-sunken); border-radius:var(--radius-pill); padding:3px; gap:2px;}
.seg button{border:none; background:none; cursor:pointer; font-family:var(--font-sans); font-weight:600;
  font-size:var(--text-xs); padding:.5em .8em; border-radius:var(--radius-pill); color:var(--text-secondary);
  transition:background .15s,color .15s;}
.seg button[aria-pressed="true"]{background:var(--remax-dark-blue); color:var(--remax-cream);}
.seg button:hover[aria-pressed="false"]{color:var(--text-primary);}
.seg button:focus-visible{outline:none; box-shadow:var(--shadow-focus);}

/* results tools: view toggle + sort --------------------------------------- */
.results__tools{display:flex; align-items:center; gap:var(--space-3);}
.viewtoggle{display:inline-flex; border:1px solid var(--border-default); border-radius:var(--radius-md); overflow:hidden;}
.viewtoggle button{border:none; background:var(--surface-card); cursor:pointer; padding:.5em .6em;
  color:var(--text-muted); display:inline-flex; align-items:center; transition:background .15s,color .15s;}
.viewtoggle button[aria-pressed="true"]{background:var(--surface-sunken); color:var(--accent);}
.viewtoggle button + button{border-left:1px solid var(--border-default);}
.viewtoggle button:focus-visible{outline:none; box-shadow:var(--shadow-focus); z-index:1;}
.viewtoggle svg{width:17px; height:17px;}

.sortmenu{position:relative;}
.sortmenu__btn{display:inline-flex; align-items:center; gap:.5em; font-family:var(--font-sans); font-weight:600;
  font-size:var(--text-sm); color:var(--text-primary); background:var(--surface-card);
  border:1px solid var(--border-default); border-radius:var(--radius-md); padding:.55em .9em; cursor:pointer; white-space:nowrap;}
.sortmenu__btn:hover{border-color:var(--border-strong);}
.sortmenu__btn:focus-visible{outline:none; box-shadow:var(--shadow-focus);}
.sortmenu__btn svg{width:15px; height:15px; transition:transform .18s;}
.sortmenu__btn[aria-expanded="true"] svg{transform:rotate(180deg);}
.sortmenu__list{position:absolute; right:0; top:calc(100% + 6px); min-width:230px; background:var(--surface-card);
  border:1px solid var(--border-subtle); border-radius:var(--radius-md); box-shadow:var(--shadow-lg);
  padding:6px; z-index:30; list-style:none; margin:0;}
.sortmenu__list[hidden]{display:none;}
.sortmenu__list li{font-size:var(--text-sm); padding:.55em .7em; border-radius:var(--radius-sm); cursor:pointer;
  color:var(--text-secondary); display:flex; align-items:center; justify-content:space-between; gap:.5em;}
.sortmenu__list li.active,.sortmenu__list li:hover{background:var(--surface-sunken); color:var(--text-primary);}
.sortmenu__list li[aria-selected="true"]{color:var(--accent); font-weight:600;}
.sortmenu__list li svg{width:16px; height:16px; opacity:0; flex:none;}
.sortmenu__list li[aria-selected="true"] svg{opacity:1;}

/* results / empty ---------------------------------------------------------- */
.results__empty{grid-column:1 / -1; padding:var(--space-8) 0; text-align:center; color:var(--text-muted);}
.results__empty strong{display:block; color:var(--text-primary); font-size:var(--text-md); margin-bottom:var(--space-2);}
.listcol{display:flex; flex-direction:column; gap:var(--space-4);}

/* compact list row --------------------------------------------------------- */
.rdk-prow{display:grid; grid-template-columns:210px 1fr auto; gap:var(--space-5); align-items:stretch;
  background:var(--surface-card); border:1px solid var(--border-subtle); border-radius:var(--radius-card);
  box-shadow:var(--shadow-sm); overflow:hidden; color:inherit;
  transition:box-shadow var(--duration-base) var(--ease-standard),transform var(--duration-base) var(--ease-standard);}
.rdk-prow:hover{box-shadow:var(--shadow-lg); transform:translateY(-2px);}
.rdk-prow__media{position:relative; overflow:hidden; background:var(--surface-sunken); min-height:148px;}
.rdk-prow__media img{width:100%; height:100%; object-fit:cover; display:block;}
.rdk-prow__badge{position:absolute; top:var(--space-3); left:var(--space-3);}
.rdk-prow__body{display:flex; flex-direction:column; gap:var(--space-2); padding:var(--space-4) 0;}
.rdk-prow__title{font-size:var(--text-md); font-weight:var(--weight-semibold); color:var(--text-primary);}
.rdk-prow__side{display:flex; flex-direction:column; align-items:flex-end; justify-content:center; gap:var(--space-3);
  padding:var(--space-4) var(--space-5) var(--space-4) 0;}

/* pagination --------------------------------------------------------------- */
.pager{display:flex; align-items:center; justify-content:center; gap:var(--space-2); padding:var(--space-7) 0 0;}
.pager[hidden]{display:none;}
.pager button{min-width:40px; height:40px; display:inline-flex; align-items:center; justify-content:center;
  border:1px solid var(--border-default); background:var(--surface-card); border-radius:var(--radius-md);
  font-family:var(--font-sans); font-weight:600; font-size:var(--text-sm); color:var(--text-secondary);
  cursor:pointer; transition:border-color .15s,color .15s,background .15s;}
.pager button:hover:not([disabled]):not([aria-current="page"]){border-color:var(--border-strong); color:var(--text-primary);}
.pager button[aria-current="page"]{background:var(--remax-dark-blue); border-color:var(--remax-dark-blue); color:var(--remax-cream); cursor:default;}
.pager button[disabled]{opacity:.4; cursor:not-allowed;}
.pager button:focus-visible{outline:none; box-shadow:var(--shadow-focus);}
.pager svg{width:16px; height:16px;}
.pager__gap{color:var(--text-muted); padding:0 2px;}

/* --------------------------------------------------------------- RESPONSIVE */
@media(max-width:880px){
  .listpage{grid-template-columns:1fr;}
  .facets{position:static;}
  .rdk-prow{grid-template-columns:120px 1fr;}
  .rdk-prow__side{grid-column:1 / -1; flex-direction:row; align-items:center; justify-content:space-between;
    padding:0 var(--space-5) var(--space-4) var(--space-5);}
}

/* ===========================================================================
   AREA PICKER (map + multi-area tokens) · MODAL · RECENT (home)
   =========================================================================== */

/* area token bar (above results) */
.areabar{display:flex; align-items:center; flex-wrap:wrap; gap:var(--space-2); padding:var(--space-2) 0 var(--space-5);}
.areabar__label{font-size:var(--text-xs); font-weight:700; letter-spacing:var(--tracking-wider);
  text-transform:uppercase; color:var(--text-secondary); margin-right:var(--space-1);}
.areabar__empty{font-size:var(--text-sm); color:var(--text-muted);}
.token{display:inline-flex; align-items:center; gap:.45em; font-family:var(--font-sans); font-size:var(--text-sm);
  font-weight:600; color:var(--remax-dark-blue); background:var(--surface-accent-soft);
  border-radius:var(--radius-pill); padding:.38em .4em .38em .85em;}
.token button{border:none; background:rgba(0,14,53,.12); cursor:pointer; width:19px; height:19px; border-radius:50%;
  color:inherit; display:inline-flex; align-items:center; justify-content:center; font-size:14px; line-height:1; padding:0;}
.token button:hover{background:rgba(0,14,53,.26);}
.token button:focus-visible{outline:none; box-shadow:var(--shadow-focus);}
/* Ολόκληρη περιοχή (νομός/πόλη) = ένα έντονο pill αντί για δεκάδες γειτονιές */
.token--region{background:var(--remax-dark-blue); color:var(--remax-cream); font-weight:var(--weight-bold);}
.token--region button{background:rgba(247,245,238,.2); color:var(--remax-cream);}
.token--region button:hover{background:rgba(247,245,238,.38);}
.areabar__add{display:inline-flex; align-items:center; gap:.45em; border:1px dashed var(--border-strong);
  background:none; cursor:pointer; font-family:var(--font-sans); font-weight:700; font-size:var(--text-sm);
  color:var(--accent); border-radius:var(--radius-pill); padding:.42em .9em; transition:border-color .15s,background .15s;}
.areabar__add:hover{border-color:var(--accent); background:var(--surface-accent-soft);}
.areabar__add:focus-visible{outline:none; box-shadow:var(--shadow-focus);}
.areabar__add svg{width:15px; height:15px;}

/* modal */
.modal[hidden]{display:none;}
.modal{position:fixed; inset:0; z-index:100; display:flex; align-items:center; justify-content:center; padding:var(--space-5);}
.modal__backdrop{position:absolute; inset:0; background:var(--overlay-scrim); backdrop-filter:blur(2px);}
.modal__panel{position:relative; width:min(940px,100%); max-height:88vh; display:flex; flex-direction:column;
  background:var(--surface-card); border-radius:var(--radius-lg); box-shadow:var(--shadow-lg); overflow:hidden;}
.modal__head{display:flex; align-items:center; justify-content:space-between; gap:var(--space-4);
  padding:var(--space-5) var(--space-6); border-bottom:1px solid var(--border-subtle);}
.modal__head h2{font-family:var(--font-display); font-weight:800; font-size:var(--text-xl); letter-spacing:-.01em;}
.modal__close{border:none; background:none; cursor:pointer; width:38px; height:38px; border-radius:50%; font-size:24px;
  line-height:1; color:var(--text-secondary); display:inline-flex; align-items:center; justify-content:center; flex:none;}
.modal__close:hover{background:var(--surface-sunken); color:var(--text-primary);}
.modal__close:focus-visible{outline:none; box-shadow:var(--shadow-focus);}
.modal__body{padding:var(--space-6); overflow:auto;}
.modal__foot{display:flex; align-items:center; justify-content:space-between; gap:var(--space-4);
  padding:var(--space-4) var(--space-6); border-top:1px solid var(--border-subtle);}

/* area picker: map + neighbourhood list */
.areapick{display:grid; grid-template-columns:1.45fr 1fr; gap:var(--space-5);}
.areapick__map{height:400px; border-radius:var(--radius-md); overflow:hidden;
  background:var(--surface-sunken); border:1px solid var(--border-subtle);}
.areapick__fallback{display:flex; align-items:center; justify-content:center; height:100%;
  color:var(--text-muted); font-size:var(--text-sm); text-align:center; padding:var(--space-6);}
.areapick__list{display:flex; flex-direction:column; gap:var(--space-2); max-height:400px; overflow:auto; padding-right:2px;}
.areachip{display:flex; align-items:center; justify-content:space-between; gap:var(--space-3); width:100%; cursor:pointer;
  font-family:var(--font-sans); font-size:var(--text-sm); font-weight:600; color:var(--text-secondary);
  background:var(--surface-card); border:1px solid var(--border-default); border-radius:var(--radius-md);
  padding:.65em .9em; transition:border-color .15s,color .15s,background .15s;}
.areachip:hover{border-color:var(--border-strong); color:var(--text-primary);}
.areachip[aria-pressed="true"]{background:var(--remax-dark-blue); border-color:var(--remax-dark-blue); color:var(--remax-cream);}
.areachip[aria-pressed="true"] .areachip__n{color:var(--remax-sky-blue);}
.areachip__n{font-size:var(--text-xs); font-weight:700; color:var(--text-muted);}
.areachip:focus-visible{outline:none; box-shadow:var(--shadow-focus);}
.areagroup{font-size:var(--text-xs); font-weight:700; letter-spacing:var(--tracking-wider);
  text-transform:uppercase; color:var(--text-muted); margin:var(--space-3) 0 var(--space-1); padding-left:2px;}
.areapick__list .areagroup:first-child{margin-top:0;}

/* leaflet pins (RE/MAX themed) */
.leaflet-tooltip.mappin-tip{background:var(--surface-card); border:1.5px solid var(--remax-blue); color:var(--text-primary);
  font-family:var(--font-sans); font-weight:700; font-size:12px; border-radius:var(--radius-pill);
  box-shadow:var(--shadow-sm); padding:3px 10px; white-space:nowrap;}
.leaflet-tooltip.mappin-tip.on{background:var(--remax-blue); color:#fff;}
.leaflet-tooltip.mappin-tip::before{display:none;}

/* recent (home) */
.recent__head{display:flex; align-items:flex-end; justify-content:space-between; gap:var(--space-4); margin-bottom:var(--space-4);}
.recent__head h2{font-family:var(--font-display); font-weight:800; font-size:var(--text-2xl); letter-spacing:-.01em;}
.recent__chips{display:flex; flex-wrap:wrap; gap:var(--space-2);}
.recent__chips a.rdk-chip{text-decoration:none;}
.recent__chips a.rdk-chip:focus-visible{outline:none; box-shadow:var(--shadow-focus);}
.recent + .recent{margin-top:var(--space-8);}

@media(max-width:880px){
  .areapick{grid-template-columns:1fr;}
  .areapick__map{height:300px;}
  .areapick__list{max-height:none;}
}

/* ===========================================================================
   AUDIENCE ROUTING (home) · CAREERS (recruiting) · BENEFITS
   Εμπνευσμένο από remax.eu — δικό μας brand/περιεχόμενο, όχι αντιγραφή.
   =========================================================================== */

/* audience routing cards */
.aud{display:grid; grid-template-columns:repeat(3,1fr); gap:var(--space-5);}
.aud__card{display:flex; flex-direction:column; gap:var(--space-3); padding:var(--space-6);
  border-radius:var(--radius-lg); background:var(--surface-card); border:1px solid var(--border-subtle);
  box-shadow:var(--shadow-sm); color:inherit; min-height:210px;
  transition:box-shadow var(--duration-base) var(--ease-standard),transform var(--duration-base) var(--ease-standard);}
.aud__card:hover{box-shadow:var(--shadow-lg); transform:translateY(-3px);}
.aud__ico{width:48px; height:48px; border-radius:50%; display:inline-flex; align-items:center; justify-content:center;
  background:var(--surface-accent-soft); color:var(--remax-dark-blue);}
.aud__ico svg{width:22px; height:22px;}
.aud__t{font-family:var(--font-display); font-weight:800; font-size:var(--text-xl); letter-spacing:-.01em; color:var(--text-primary);}
.aud__d{font-size:var(--text-sm); color:var(--text-secondary); line-height:1.55;}
.aud__arrow{margin-top:auto; display:inline-flex; align-items:center; gap:.4em; font-weight:700; font-size:var(--text-sm); color:var(--accent);}
.aud__arrow svg{width:18px; height:18px; transition:transform var(--duration-base) var(--ease-standard);}
.aud__card:hover .aud__arrow svg{transform:translateX(4px);}
/* recruiting card = inverse accent (όπως το κόκκινο JOIN του remax.eu, αλλά στο brand μας) */
.aud__card--accent{background:var(--remax-dark-blue); border-color:var(--remax-dark-blue);}
.aud__card--accent .aud__t{color:var(--remax-cream);}
.aud__card--accent .aud__d{color:rgba(247,245,238,.78);}
.aud__card--accent .aud__ico{background:rgba(247,245,238,.12); color:var(--remax-cream);}
.aud__card--accent .aud__arrow{color:var(--remax-sky-blue);}

/* careers segmented hero paths */
.jpaths{display:flex; flex-direction:column; margin-top:var(--space-6); max-width:600px;}
.jpath{display:flex; align-items:center; justify-content:space-between; gap:var(--space-4);
  padding:var(--space-5) 0; border-top:1px solid var(--border-inverse); color:var(--remax-cream); text-decoration:none;
  font-family:var(--font-display); font-weight:700; font-size:var(--text-lg); letter-spacing:-.01em;
  transition:color var(--duration-base) var(--ease-standard),padding-left var(--duration-base) var(--ease-standard);}
.jpath:last-child{border-bottom:1px solid var(--border-inverse);}
.jpath:hover{color:#fff; padding-left:var(--space-3);}
.jpath:focus-visible{outline:none; box-shadow:var(--shadow-focus); border-radius:var(--radius-sm);}
.jpath svg{width:22px; height:22px; color:var(--remax-sky-blue); flex:none; transition:transform var(--duration-base) var(--ease-standard);}
.jpath:hover svg{transform:translateX(5px);}

/* benefits grid (Γιατί εμάς) */
.whygrid{display:grid; grid-template-columns:repeat(3,1fr); gap:var(--space-5);}
.grid4{display:grid; grid-template-columns:repeat(4,1fr); gap:var(--space-5);}
@media (max-width:640px){ .grid4{grid-template-columns:1fr;} }
.why{display:flex; flex-direction:column; gap:var(--space-3); padding:var(--space-5);
  background:var(--surface-card); border:1px solid var(--border-subtle); border-radius:var(--radius-lg); box-shadow:var(--shadow-sm);}
.why__ico{width:46px; height:46px; border-radius:var(--radius-md); display:inline-flex; align-items:center; justify-content:center;
  background:var(--surface-accent-soft); color:var(--remax-dark-blue);}
.why__ico svg{width:22px; height:22px;}
.why h3{font-size:var(--text-md); font-weight:700; color:var(--text-primary);}
.why p{font-size:var(--text-sm); color:var(--text-secondary); line-height:1.6;}

@media(max-width:880px){
  .aud{grid-template-columns:1fr;}
  .whygrid{grid-template-columns:1fr;}
  .jpath{font-size:var(--text-md);}
}

/* ===========================================================================
   GHOST SECTION TITLES · NUMBERED TIMELINE (έμπνευση remax.eu — όχι αντιγραφή)
   =========================================================================== */

/* ghost oversized titles πίσω από τα section heads */
.sec{overflow-x:clip;}
.sec__head{position:relative;}
.sec__head > div{position:relative; z-index:1;}
.ghost{position:absolute; left:-4px; top:50%; transform:translateY(-54%); z-index:0; pointer-events:none; user-select:none;
  font-family:var(--font-display); font-weight:800; font-size:clamp(56px,10vw,150px); line-height:.8;
  letter-spacing:-.03em; white-space:nowrap; color:var(--neutral-200);}
.band .ghost, .ghost--dark{color:rgba(247,245,238,.06);}
@media(max-width:760px){ .ghost{font-size:clamp(44px,16vw,86px); transform:translateY(-50%);} }

/* vertical numbered timeline («Πώς πουλάμε»), balloon ως marker */
.tl{position:relative; max-width:960px; margin:0 auto;}
.tl__top{display:flex; justify-content:center; margin-bottom:var(--space-5);}
.tl__top img{display:block; height:46px; width:auto;}
.tl__steps{position:relative;}
.tl__steps::before{content:""; position:absolute; left:50%; top:10px; bottom:10px; width:2px;
  background:var(--border-default); transform:translateX(-50%);}
.tl__step{display:grid; grid-template-columns:1fr 64px 1fr; gap:var(--space-5); align-items:center; margin:var(--space-5) 0;}
.tl__node{grid-column:2; justify-self:center; width:50px; height:50px; border-radius:50%;
  background:var(--remax-dark-blue); color:var(--remax-cream); display:flex; align-items:center; justify-content:center;
  font-family:var(--font-display); font-weight:800; font-size:var(--text-lg); position:relative; z-index:1;
  box-shadow:0 0 0 6px var(--surface-page);}
.tl__body{background:var(--surface-card); border:1px solid var(--border-subtle); border-radius:var(--radius-lg);
  box-shadow:var(--shadow-sm); padding:var(--space-5);}
.tl__body h3{font-size:var(--text-md); font-weight:700; color:var(--text-primary);}
.tl__body p{font-size:var(--text-sm); color:var(--text-secondary); line-height:1.6; margin-top:6px;}
.tl__step:nth-child(odd) .tl__body{grid-column:1; text-align:right;}
.tl__step:nth-child(even) .tl__body{grid-column:3;}
@media(max-width:760px){
  .tl__steps::before{left:25px;}
  .tl__top{justify-content:flex-start; padding-left:2px;}
  .tl__step{grid-template-columns:50px 1fr; gap:var(--space-4); margin:var(--space-4) 0;}
  .tl__node{grid-column:1;}
  .tl__step .tl__body{grid-column:2 !important; text-align:left !important;}
}

/* ===========================================================================
   AGENT PROFILE · PEOPLE GRID (Our People — έμπνευση remax.eu, δικό μας brand)
   =========================================================================== */
.prof{display:grid; grid-template-columns:minmax(0,400px) 1fr; gap:var(--space-7); align-items:start; padding:var(--space-7) 0;}
.prof__photo{position:relative; background:var(--surface-card); border:1px solid var(--border-subtle);
  border-radius:var(--radius-lg); overflow:hidden; box-shadow:var(--shadow-sm);}
.prof__photo img{display:block; width:100%; aspect-ratio:4/5; object-fit:cover; filter:grayscale(1);}
.prof__name{font-family:var(--font-display); font-weight:800; font-size:var(--text-2xl); letter-spacing:-.01em; color:var(--text-primary);}
.prof__meta{color:var(--text-secondary); font-size:var(--text-sm); margin-top:3px;}
.prof__role{color:var(--accent); font-weight:700; font-size:var(--text-xs); letter-spacing:var(--tracking-wider); text-transform:uppercase; margin-top:8px;}
.prof__quote{font-family:var(--font-display); font-weight:800; font-size:clamp(26px,3.4vw,42px); line-height:1.08;
  letter-spacing:-.02em; color:var(--text-primary); margin:var(--space-5) 0;}
.prof__bio{color:var(--text-secondary); line-height:1.7; max-width:60ch;}
.prof__actions{display:flex; gap:var(--space-3); flex-wrap:wrap; margin-top:var(--space-6);}

.people{display:grid; grid-template-columns:repeat(4,1fr); gap:var(--space-5);}
.person{display:block; background:var(--surface-card); border:1px solid var(--border-subtle); border-radius:var(--radius-lg);
  overflow:hidden; box-shadow:var(--shadow-sm); color:inherit; text-decoration:none;
  transition:box-shadow var(--duration-base) var(--ease-standard),transform var(--duration-base) var(--ease-standard);}
.person:hover{box-shadow:var(--shadow-lg); transform:translateY(-3px);}
.person:focus-visible{outline:none; box-shadow:var(--shadow-focus);}
.person img{display:block; width:100%; aspect-ratio:1/1; object-fit:cover; filter:grayscale(1);}
.person__b{padding:var(--space-4);}
.person__n{font-weight:700; font-size:var(--text-md); color:var(--text-primary);}
.person__r{color:var(--accent); font-size:var(--text-2xs); font-weight:700; letter-spacing:var(--tracking-wider); text-transform:uppercase; margin-top:4px;}
.person__o{color:var(--text-secondary); font-size:var(--text-sm); margin-top:2px;}

@media(max-width:880px){ .prof{grid-template-columns:1fr;} .people{grid-template-columns:repeat(2,1fr);} }
@media(max-width:520px){ .people{grid-template-columns:1fr;} }

/* ===========================================================================
   NEWSROOM · ARTICLE (έμπνευση remax.eu — δικά μας άρθρα, όχι αντιγραφή)
   =========================================================================== */
.tabs{display:flex; flex-wrap:wrap; gap:var(--space-3); margin:var(--space-5) 0 var(--space-6);
  border-bottom:1px solid var(--border-subtle);}
.tabs button{border:none; background:none; cursor:pointer; font-family:var(--font-sans); font-weight:600; font-size:var(--text-sm);
  color:var(--text-secondary); padding:.6em .2em; margin-bottom:-1px; border-bottom:2px solid transparent; transition:color .15s,border-color .15s;}
.tabs button:hover{color:var(--text-primary);}
.tabs button[aria-selected="true"]{color:var(--accent); border-bottom-color:var(--accent);}
.tabs button:focus-visible{outline:none; box-shadow:var(--shadow-focus);}

.newsgrid{display:grid; grid-template-columns:repeat(3,1fr); gap:var(--space-5);}
.ncard{display:flex; flex-direction:column; overflow:hidden; background:var(--surface-card); border:1px solid var(--border-subtle);
  border-radius:var(--radius-lg); box-shadow:var(--shadow-sm); color:inherit; text-decoration:none;
  transition:box-shadow var(--duration-base) var(--ease-standard),transform var(--duration-base) var(--ease-standard);}
.ncard:hover{box-shadow:var(--shadow-lg); transform:translateY(-3px);}
.ncard:focus-visible{outline:none; box-shadow:var(--shadow-focus);}
.ncard__media{position:relative; aspect-ratio:16/10; background:var(--surface-sunken); overflow:hidden;}
.ncard__media img{width:100%; height:100%; object-fit:cover; display:block;}
.ncard__tag{position:absolute; top:var(--space-3); left:var(--space-3); background:var(--remax-blue); color:#fff;
  font-size:var(--text-2xs); font-weight:700; letter-spacing:var(--tracking-wider); text-transform:uppercase; padding:.45em .7em; border-radius:var(--radius-sm);}
.ncard__b{display:flex; flex-direction:column; gap:var(--space-2); padding:var(--space-5); flex:1;}
.ncard__t{font-size:var(--text-md); font-weight:var(--weight-semibold); color:var(--text-primary); line-height:var(--leading-snug);}
.ncard__x{font-size:var(--text-sm); color:var(--text-secondary); line-height:1.55;}
.ncard__d{margin-top:auto; font-size:var(--text-xs); color:var(--text-muted);}

.nfeat{display:grid; grid-template-columns:1.4fr 1fr; overflow:hidden; background:var(--surface-card);
  border:1px solid var(--border-subtle); border-radius:var(--radius-lg); box-shadow:var(--shadow-sm); color:inherit; text-decoration:none;
  transition:box-shadow var(--duration-base) var(--ease-standard);}
.nfeat:hover{box-shadow:var(--shadow-lg);}
.nfeat:focus-visible{outline:none; box-shadow:var(--shadow-focus);}
.nfeat__media{position:relative; min-height:320px; background:var(--surface-sunken);}
.nfeat__media img{position:absolute; inset:0; width:100%; height:100%; object-fit:cover;}
.nfeat__b{display:flex; flex-direction:column; justify-content:center; gap:var(--space-3); padding:var(--space-7);}
.nfeat__t{font-family:var(--font-display); font-weight:800; font-size:var(--text-2xl); letter-spacing:-.01em; line-height:1.12; color:var(--text-primary);}

.article{max-width:760px; margin:0 auto; padding:var(--space-6) 0;}
.article h1{font-family:var(--font-display); font-weight:800; font-size:var(--text-3xl); letter-spacing:-.02em; line-height:1.1; margin:var(--space-3) 0;}
.article__meta{display:flex; align-items:center; gap:var(--space-3); color:var(--text-muted); font-size:var(--text-sm);}
.article__hero{aspect-ratio:16/8; border-radius:var(--radius-lg); overflow:hidden; margin:var(--space-5) 0; background:var(--surface-sunken);}
.article__hero img{width:100%; height:100%; object-fit:cover;}
.article__body p{color:var(--text-primary); line-height:1.8; margin:var(--space-4) 0; font-size:var(--text-md);}

@media(max-width:880px){ .newsgrid{grid-template-columns:1fr 1fr;} .nfeat{grid-template-columns:1fr;} .nfeat__media{min-height:220px;} }
@media(max-width:560px){ .newsgrid{grid-template-columns:1fr;} }

/* ===========================================================================
   POLISH — micro-interactions, B&W→colour reveal, focus, rhythm, reduced-motion
   =========================================================================== */

/* agent roster cards are links now → give them life (lift + arrow nudge) */
a.rdk-agent{cursor:pointer;
  transition:box-shadow var(--duration-base) var(--ease-standard),transform var(--duration-base) var(--ease-standard),border-color var(--duration-base) var(--ease-standard);}
a.rdk-agent:hover{box-shadow:var(--shadow-lg); transform:translateY(-3px); border-color:var(--border-default);}
a.rdk-agent:focus-visible{outline:none; box-shadow:var(--shadow-focus);}
a.rdk-agent .rdk-agent__actions{color:var(--accent); transition:transform var(--duration-base) var(--ease-standard);}
a.rdk-agent:hover .rdk-agent__actions{transform:translateX(3px);}

/* brand-approved B&W portraits warm to colour on hover (subtle, premium) */
.person img,.prof__photo img,.rdk-avatar img{
  transition:filter var(--duration-slow) var(--ease-standard),transform var(--duration-slow) var(--ease-standard);}
.person:hover img{filter:grayscale(0); transform:scale(1.04);}
.prof__photo:hover img{filter:grayscale(0);}
.rdk-agent:hover .rdk-avatar img{filter:grayscale(0);}

/* focus-visible on the remaining link cards */
.aud__card:focus-visible,.nfeat:focus-visible,.rdk-pcard:focus-visible,.rdk-prow:focus-visible{outline:none; box-shadow:var(--shadow-focus);}

/* ghost titles — a touch more presence, still never competing with the heading */
.ghost{color:var(--neutral-300); opacity:.5;}
.band .ghost,.hero .ghost,.ghost--dark{color:rgba(247,245,238,.07); opacity:1;}

/* surface-alternation utility for vertical rhythm (cream ↔ sunken) */
.sec--sunken{background:var(--surface-sunken);}

/* respect reduced-motion (a11y) */
@media (prefers-reduced-motion: reduce){
  *,*::before,*::after{ animation-duration:.01ms !important; transition-duration:.01ms !important; scroll-behavior:auto !important; }
  .rdk-pcard--link:hover,a.rdk-agent:hover,.person:hover,.ncard:hover,.aud__card:hover,.rdk-prow:hover{ transform:none; }
  .person:hover img,.prof__photo:hover img{ transform:none; }
}

/* ===========================================================================
   HERO SIGNATURE — oversized cut-off wordmark + arc «property platform» badge
   (έμπνευση remax.eu, δικό μας brand)
   =========================================================================== */
.hero__in{position:relative; z-index:1;}
.hero__mark{color:rgba(247,245,238,.045); -webkit-text-stroke:1.4px rgba(247,245,238,.075); opacity:1; right:-2%;}
.hero__arc{position:absolute; right:5%; top:14%; width:clamp(150px,15vw,224px); height:auto; opacity:.4; pointer-events:none; z-index:0;}
.hero__arc text{font-family:var(--font-sans); font-weight:700; font-size:12px; letter-spacing:.16em; text-transform:uppercase; fill:var(--remax-sky-blue);}
@media(max-width:880px){ .hero__arc{display:none;} }

/* layout-shift: reserve space for JS-filled grids before they render (no jump) */
.grid3:empty,.listcol:empty{min-height:400px;}

/* Γενική content κάρτα πάνω στα tokens (χρήση: valuation «Γιατί επιτόπια» κ.ά.) */
.rdk-card{ background:var(--surface-card); border:1px solid var(--border-subtle);
  border-radius:var(--radius-lg); box-shadow:var(--shadow-sm); padding:var(--space-5); }
.rdk-card h3{ margin:0 0 var(--space-2); }
.rdk-card p{ margin:0; color:var(--text-secondary); }

/* ===== Valuation wizard («Πόσο αξίζει το σπίτι μου;») — multi-step lead form ===== */
.wizard{ max-width:720px; margin:0 auto; background:var(--surface-card); border:1px solid var(--border-subtle);
  border-radius:var(--radius-lg); box-shadow:var(--shadow-md); padding:var(--space-7); }
.wizard__step{ border:0; padding:0; margin:0; min-inline-size:0; } /* fieldset reset */
.wizard__progress{ display:flex; align-items:center; gap:var(--space-2); margin-bottom:var(--space-6); }
.wizard__dot{ display:flex; align-items:center; gap:var(--space-2); font-family:var(--font-display);
  font-size:var(--text-xs); font-weight:800; letter-spacing:.04em; color:var(--text-muted); }
.wizard__dot b{ display:flex; align-items:center; justify-content:center; width:28px; height:28px;
  border-radius:50%; border:2px solid var(--border-strong); background:var(--surface-card);
  font-size:12px; color:var(--text-muted); transition:all var(--duration-base) var(--ease-standard); }
.wizard__dot.on{ color:var(--text-primary); }
.wizard__dot.on b{ border-color:var(--accent); background:var(--accent); color:var(--accent-contrast); }
.wizard__dot.done b{ border-color:var(--remax-dark-blue); background:var(--remax-dark-blue); color:var(--remax-cream); }
.wizard__bar{ flex:1; height:2px; background:var(--border-subtle); border-radius:2px; }
.wizard__step[hidden]{ display:none; }
.wizard__label{ display:block; font-family:var(--font-display); font-weight:800; font-size:var(--text-sm);
  margin:var(--space-5) 0 var(--space-2); }
.wizard__label:first-child{ margin-top:0; }
.wizard__hint{ font-size:var(--text-xs); color:var(--text-muted); font-weight:600; }
.chiprow{ display:flex; flex-wrap:wrap; gap:var(--space-2); }
.wizard__grid{ display:grid; grid-template-columns:repeat(2,1fr); gap:var(--space-4); }
.wizard__actions{ display:flex; justify-content:space-between; align-items:center; gap:var(--space-3);
  margin-top:var(--space-6); }
.wizard__err{ color:var(--danger,#b3261e); font-size:var(--text-sm); font-weight:700; margin-top:var(--space-3); min-height:1.3em; }
.wizard__consent{ display:flex; gap:var(--space-3); align-items:flex-start; margin-top:var(--space-5);
  font-size:var(--text-sm); color:var(--text-secondary); }
.wizard__consent input{ width:18px; height:18px; margin-top:2px; accent-color:var(--accent); flex:none; }
.trustrow{ display:flex; flex-wrap:wrap; justify-content:center; gap:var(--space-5) var(--space-7);
  margin-top:var(--space-5); font-size:var(--text-sm); font-weight:700; color:var(--text-secondary); }
.trustrow span{ display:inline-flex; align-items:center; gap:var(--space-2); }
.trustrow svg{ color:var(--accent); flex:none; }
@media (max-width:640px){ .wizard{ padding:var(--space-5); } .wizard__grid{ grid-template-columns:1fr; }
  /* κρύψε τα ονόματα βημάτων ΟΠΤΙΚΑ μόνο — μένουν στο accessibility tree */
  .wizard__dot span{ position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0 0 0 0); white-space:nowrap; } }

/* ===== Phase 2: status badges / sticky mobile bar / calculator / empty-state ===== */
.rdk-badge--hot{ background:var(--remax-bridge-red); color:var(--remax-white); }
.rdk-badge--excl{ background:var(--remax-dark-blue); color:var(--remax-cream); }

/* €/τ.μ. στο detail */
.det__ppsm{ font-size:var(--text-sm); font-weight:700; color:var(--text-muted); margin:-6px 0 var(--space-3); }

/* Sticky action bar (μόνο κινητά): Κλήση / WhatsApp / Αποθήκευση */
.actbar{ display:none; }
@media (max-width:640px){
  .actbar{ position:fixed; left:0; right:0; bottom:0; z-index:80; display:grid; grid-template-columns:1fr 1fr 1fr;
    gap:1px; background:var(--border-subtle); border-top:1px solid var(--border-subtle);
    padding-bottom:env(safe-area-inset-bottom); }
  .actbar a, .actbar button{ display:flex; align-items:center; justify-content:center; gap:8px;
    padding:14px 6px; background:var(--surface-card); border:0; font-family:var(--font-display);
    font-size:var(--text-sm); font-weight:800; color:var(--remax-dark-blue); text-decoration:none; cursor:pointer; }
  .actbar a:active, .actbar button:active{ background:var(--surface-sunken); }
  .actbar .actbar__call{ background:var(--accent); color:var(--accent-contrast); }
  body.has-actbar{ padding-bottom:64px; }
}

/* Ενδεικτικός υπολογισμός δόσης (detail aside) */
.calc{ border:1px solid var(--border-subtle); border-radius:var(--radius-md); padding:var(--space-4); }
.calc__title{ font-family:var(--font-display); font-weight:800; font-size:var(--text-sm); margin:0 0 var(--space-3); }
.calc__grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:var(--space-2); }
.calc__grid label{ display:block; font-size:10px; font-weight:700; letter-spacing:.05em; text-transform:uppercase;
  color:var(--text-muted); margin-bottom:3px; }
.calc__grid input{ width:100%; padding:.45em .6em; border:1px solid var(--border-strong); border-radius:var(--radius-sm);
  font:inherit; font-size:var(--text-sm); background:var(--surface-card); }
.calc__out{ margin-top:var(--space-3); font-size:var(--text-sm); color:var(--text-secondary); }
.calc__out b{ font-size:var(--text-lg); color:var(--text-primary); }
.calc__note{ font-size:11px; color:var(--text-muted); margin-top:4px; }

/* FAQ accordion (native details/summary) */
.faq details{ border:1px solid var(--border-subtle); border-radius:var(--radius-md); background:var(--surface-card);
  padding:0; margin-bottom:var(--space-3); overflow:hidden; }
.faq summary{ cursor:pointer; list-style:none; display:flex; justify-content:space-between; align-items:center;
  gap:var(--space-4); padding:var(--space-4) var(--space-5); font-family:var(--font-display); font-weight:700; }
.faq summary::-webkit-details-marker{ display:none; }
.faq summary::after{ content:"+"; font-size:22px; font-weight:600; color:var(--accent); flex:none; line-height:1; }
.faq details[open] summary::after{ content:"−"; }
.faq details p{ margin:0; padding:0 var(--space-5) var(--space-4); color:var(--text-secondary); }
.faq details p a{ color:var(--accent); font-weight:700; }

/* Filmstrip (κατά remax.pt): κάθετη scrollable στήλη με ΟΛΑ τα thumbnails —
   κλικ σε thumb αλλάζει την κύρια φωτό. Αν υπάρχει βίντεο, 16:9 player στην κορυφή. */
.det__gal .filmstrip{ display:flex; flex-direction:column; gap:var(--space-3);
  overflow-y:auto; scrollbar-width:thin; padding-right:2px; }
.det__gal .filmstrip img{ width:100%; aspect-ratio:16/9; height:auto; object-fit:cover; object-position:center;
  border-radius:var(--radius-sm); cursor:pointer; flex:none; opacity:.85;
  border:2px solid transparent; transition:opacity .15s, border-color .15s; }
.det__gal .filmstrip img:hover{ opacity:1; }
.det__gal .filmstrip img.on{ opacity:1; border-color:var(--remax-blue); }
.det__gal .filmstrip .vidbox{ flex:none; aspect-ratio:16/9; background:#000;
  border-radius:var(--radius-sm); overflow:hidden; }
.det__gal .filmstrip iframe, .det__gal .filmstrip video{
  width:100%; height:100%; border:0; display:block; background:#000; }

/* ===== Detail gallery: βελάκια+counter στο hero + fullscreen lightbox ===== */
.gal-main{ position:relative; }
.gal-main > img{ cursor:zoom-in; }
.gal-nav{ position:absolute; top:calc(50% - 23px); width:46px; height:46px; border-radius:50%;
  border:1px solid var(--border-subtle); background:rgba(247,245,238,.92); color:var(--remax-dark-blue);
  font-size:24px; line-height:1; cursor:pointer; z-index:5; display:flex; align-items:center; justify-content:center;
  transition:transform .15s ease; }
.gal-nav:hover{ transform:scale(1.06); }
.gal-nav--prev{ left:12px; } .gal-nav--next{ right:12px; }
.gal-count{ position:absolute; top:12px; right:12px; background:rgba(0,14,53,.72); color:var(--remax-cream);
  font-family:var(--font-display); font-weight:700; font-size:var(--text-xs); padding:5px 12px; border-radius:999px; z-index:5; }
.gal-open{ position:absolute; bottom:12px; right:12px; display:inline-flex; align-items:center; gap:7px;
  background:rgba(0,14,53,.72); color:var(--remax-cream); border:0; cursor:pointer;
  font-family:var(--font-display); font-weight:700; font-size:var(--text-xs); padding:8px 14px; border-radius:999px; z-index:5; }
.gal-open:hover{ background:var(--remax-dark-blue); }
.lightbox{ position:fixed; inset:0; z-index:200; background:rgba(0,14,53,.96); display:flex;
  align-items:center; justify-content:center; }
.lightbox[hidden]{ display:none; }
.lb__img{ max-width:88vw; max-height:76vh; object-fit:contain; border-radius:var(--radius-sm); }
.lb__close{ position:absolute; top:18px; right:22px; background:none; border:0; color:var(--remax-cream);
  font-size:38px; line-height:1; cursor:pointer; z-index:5; }
.lb__prev,.lb__next{ position:absolute; top:calc(50% - 27px); width:54px; height:54px; border-radius:50%;
  border:1px solid rgba(247,245,238,.35); background:rgba(247,245,238,.1); color:var(--remax-cream);
  font-size:28px; cursor:pointer; display:flex; align-items:center; justify-content:center; }
.lb__prev:hover,.lb__next:hover{ background:rgba(247,245,238,.22); }
.lb__prev{ left:22px; } .lb__next{ right:22px; }
.lb__count{ position:absolute; top:24px; left:50%; transform:translateX(-50%); color:var(--remax-cream);
  font-family:var(--font-display); font-weight:700; font-size:var(--text-sm); }
.lb__thumbs{ position:absolute; bottom:14px; left:0; right:0; margin:0 auto; display:flex; gap:8px;
  justify-content:safe center; max-width:92vw; width:max-content; overflow-x:auto; padding:4px; }
.lb__thumbs img{ width:64px; height:46px; object-fit:cover; object-position:center; border-radius:4px;
  cursor:pointer; opacity:.55; border:2px solid transparent; flex:none; }
.lb__thumbs img.on{ opacity:1; border-color:var(--remax-sky-blue); }

/* Πραγματική περιγραφή ακινήτου (CRM) — πλήρης, χωρίς clamp */
.det__desc{ white-space:pre-line; color:var(--text-secondary); }
/* Το sticky aside χρειάζεται align-self:start σε grid parent (αλλιώς τεντώνεται
   σε όλο το ύψος της στήλης και δεν έχει χώρο να «κολλήσει» στο scroll). */
.det__main > .aside{ align-self:start; }

/* ===== Detail specs ως χρωματιστά brand panels (κατά το stats band) ===== */
.specband{ display:grid; grid-template-columns:repeat(4,1fr); border-radius:var(--radius-md);
  overflow:hidden; margin-bottom:var(--space-6); }
.speccell{ padding:var(--space-5) var(--space-4); display:flex; flex-direction:column; gap:6px;
  min-height:96px; justify-content:center; }
.speccell__v{ font-family:var(--font-display); font-weight:800; font-size:clamp(20px,2.1vw,32px);
  line-height:1.05; letter-spacing:-.02em; }
.speccell__v em{ font-style:normal; font-size:.55em; font-weight:700; }
.speccell__l{ font-size:10.5px; font-weight:700; letter-spacing:.12em; text-transform:uppercase; opacity:.85; }
.speccell--blue{ background:var(--remax-blue); color:#fff; }
.speccell--dark{ background:var(--remax-dark-blue); color:var(--remax-cream); }
.speccell--sky{ background:var(--remax-sky-blue); color:var(--remax-dark-blue); }
.speccell--red{ background:var(--remax-red); color:#fff; }
@media (max-width:640px){ .specband{ grid-template-columns:repeat(2,1fr); } }

/* Aside: πιο άνετα κουμπιά + δευτερεύοντα δίπλα-δίπλα */
.aside .rdk-btn{ padding-top:.95em; padding-bottom:.95em; }
.aside__row{ display:flex; gap:var(--space-2); }
.aside__row .rdk-btn{ flex:1; }

/* ===== Geo combobox (hero search, Spitogatos-style): type-ahead περιοχές + chips + live count ===== */
.geo{ position:relative; display:flex; align-items:center; gap:.6em;
  border:var(--border-thin) solid var(--border-default); border-radius:var(--radius-md);
  background:var(--surface-input, #fff); padding:0 .9em; min-height:3.1em; cursor:text;
  transition:border-color var(--duration-base) var(--ease-standard), box-shadow var(--duration-base) var(--ease-standard); }
.geo:focus-within{ border-color:var(--accent); box-shadow:var(--shadow-focus); }
.geo__ico{ display:inline-flex; width:1.15em; height:1.15em; color:var(--text-muted); flex:none; }
.geo__ico svg{ width:100%; height:100%; }
.geo__field{ display:flex; flex-wrap:wrap; align-items:center; gap:.4em; flex:1; padding:.45em 0; min-width:0; }
.geo__input{ flex:1; min-width:8ch; border:none; outline:none; background:none;
  font-family:var(--font-sans); font-size:var(--text-sm); color:var(--text-primary); padding:.2em 0; }
.geo__input::placeholder{ color:var(--text-muted); }
.geo__chip{ display:inline-flex; align-items:center; gap:.35em; background:var(--surface-sunken);
  border:1px solid var(--border-subtle); border-radius:var(--radius-pill); padding:.3em .5em .3em .75em;
  font-family:var(--font-sans); font-size:var(--text-xs); font-weight:var(--weight-bold); color:var(--text-primary); white-space:nowrap; }
.geo__chip button{ display:inline-flex; align-items:center; justify-content:center; border:none; cursor:pointer;
  background:none; color:var(--text-muted); padding:2px; border-radius:50%; line-height:0; }
.geo__chip button:hover{ background:var(--remax-red); color:#fff; }
.geo__menu{ position:absolute; top:calc(100% + 8px); left:0; right:0; z-index:40; max-height:340px; overflow-y:auto;
  background:var(--surface-card, #fff); border:1px solid var(--border-subtle); border-radius:var(--radius-md);
  box-shadow:var(--shadow-lg); padding:.4em; scrollbar-width:thin; }
.geo__hint{ font-family:var(--font-sans); font-size:var(--text-xs); font-weight:var(--weight-bold);
  color:var(--text-muted); letter-spacing:var(--tracking-wide); text-transform:uppercase; padding:.5em .7em .3em; }
.geo__opt{ display:flex; align-items:center; gap:.75em; width:100%; text-align:left; cursor:pointer;
  border:none; background:none; border-radius:var(--radius-sm); padding:.6em .7em; font-family:var(--font-sans); }
.geo__opt:hover, .geo__opt.on{ background:var(--surface-accent-soft, var(--surface-sunken)); }
.geo__opt-ico{ display:inline-flex; width:1.2em; height:1.2em; color:var(--remax-blue); flex:none; }
.geo__opt-ico svg{ width:100%; height:100%; }
.geo__opt--region .geo__opt-ico{ color:var(--remax-red); }
.geo__opt-main{ display:flex; flex-direction:column; gap:.1em; flex:1; min-width:0; }
.geo__opt-name{ font-size:var(--text-sm); font-weight:var(--weight-bold); color:var(--text-primary); }
.geo__opt--region .geo__opt-name{ color:var(--remax-dark-blue); }
.geo__opt-sub{ font-size:var(--text-xs); color:var(--text-muted); }
.geo__opt-n{ font-size:var(--text-xs); font-weight:var(--weight-bold); color:var(--text-muted);
  background:var(--surface-sunken); border-radius:var(--radius-pill); padding:.25em .6em; flex:none; }
#search-count{ white-space:nowrap; }

/* ===== Agent panel (detail, Sotheby's layout): μεγάλη portrait φωτό + στοιχεία δίπλα ===== */
.agentpanel{ border:1px solid var(--border-subtle); border-radius:var(--radius-md); padding:var(--space-4); }
.agentpanel__head{ display:flex; align-items:stretch; gap:var(--space-4); }
.agentpanel__photo{ width:106px; height:148px; object-fit:cover; object-position:center top;
  border-radius:var(--radius-sm); flex:none; }
.agentpanel__col{ display:flex; flex-direction:column; min-width:0; }
.agentpanel__name{ font-family:var(--font-display); font-weight:800; font-size:var(--text-md);
  line-height:1.15; color:var(--text-primary); text-decoration:none; }
.agentpanel__name:hover{ color:var(--accent); }
.agentpanel__role{ font-size:10.5px; font-weight:700; letter-spacing:.08em; text-transform:uppercase;
  color:var(--remax-blue); margin-top:3px; }
.agentpanel__lines{ display:flex; flex-direction:column; gap:4px; margin-top:var(--space-3); min-width:0; }
.agentpanel__lines a{ color:var(--text-primary); text-decoration:none; font-weight:600; font-size:var(--text-sm);
  overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.agentpanel__lines a:hover{ color:var(--accent); }
.agentpanel__lines .agentpanel__mail{ font-size:var(--text-xs); font-weight:600; color:var(--text-secondary); }
.agentpanel__profile{ display:inline-flex; align-items:center; gap:6px; margin-top:auto; padding-top:var(--space-2);
  font-size:var(--text-xs); font-weight:800; color:var(--accent); text-decoration:none; }
.agentpanel__office{ margin-top:var(--space-3); padding-top:var(--space-3); border-top:1px solid var(--border-subtle);
  display:flex; flex-direction:column; gap:2px; font-size:var(--text-xs); color:var(--text-muted); }
.agentpanel__office b{ color:var(--text-primary); font-size:var(--text-sm); }
.agentpanel__officelabel{ font-size:10px; font-weight:800; letter-spacing:.08em; text-transform:uppercase; }

/* Compact lead form (detail «Ενδιαφέρομαι» + listings «Ειδοποιήσεις») */
.miniform{ border:1px solid var(--border-subtle); border-radius:var(--radius-md); padding:var(--space-4); }
.miniform__title{ font-family:var(--font-display); font-weight:800; font-size:var(--text-sm); margin:0 0 var(--space-3); }
.miniform .rdk-input{ width:100%; margin-bottom:var(--space-2); }
.miniform__consent{ display:flex; gap:8px; align-items:flex-start; font-size:var(--text-xs); color:var(--text-muted); margin:var(--space-2) 0 var(--space-3); }
.miniform__consent input{ width:15px; height:15px; margin-top:1px; accent-color:var(--accent); flex:none; }
.miniform__err{ color:var(--danger,#b3261e); font-size:var(--text-xs); font-weight:700; min-height:1.2em; margin-bottom:var(--space-2); }
.miniform__done{ display:flex; align-items:center; gap:10px; font-weight:700; color:var(--text-primary); }
.miniform__done svg{ color:var(--accent); flex:none; }
/* Alert panel στη σελίδα αναζήτησης */
.alertbar{ margin:var(--space-4) 0 var(--space-5); }
.alertbar__toggle{ display:inline-flex; align-items:center; gap:8px; }
.alertbar__panel{ margin-top:var(--space-3); max-width:560px; }
.alertbar__row{ display:flex; gap:var(--space-2); }
.alertbar__row .rdk-input{ flex:1; margin-bottom:0; }

/* Empty-state αναζήτησης (0 αποτελέσματα) */
.results-empty{ grid-column:1/-1; text-align:center; padding:var(--space-9) var(--space-5);
  border:1px dashed var(--border-subtle); border-radius:var(--radius-lg); background:var(--surface-sunken); }
.results-empty h3{ margin:0 0 var(--space-2); }
.results-empty p{ color:var(--text-muted); margin:0 0 var(--space-5); }

/* ===== Nav dropdown (restraint pass: 7 items → 5, ομαδοποίηση σε Ακίνητα/Η εταιρία) ===== */
.hd__dd{ position:relative; display:inline-flex; }
.hd__dd-btn{ background:none; border:0; cursor:pointer; font-family:inherit;
  font-size:var(--text-sm); font-weight:600; color:var(--text-secondary);
  display:inline-flex; align-items:center; gap:5px; padding:6px 0;
  border-bottom:2px solid transparent; transition:color .15s,border-color .15s; }
.hd__dd-btn svg{ transition:transform .15s ease; }
.hd__dd:hover .hd__dd-btn, .hd__dd:focus-within .hd__dd-btn, .hd__dd.open .hd__dd-btn{ color:var(--text-primary); }
.hd__dd:hover .hd__dd-btn svg, .hd__dd:focus-within .hd__dd-btn svg, .hd__dd.open .hd__dd-btn svg{ transform:rotate(180deg); }
.hd__dd--on .hd__dd-btn{ color:var(--remax-blue); border-color:var(--remax-blue); }
.hd__dd-menu{ position:absolute; top:calc(100% + 6px); left:50%; transform:translateX(-50%);
  min-width:210px; background:var(--surface-card); border:1px solid var(--border-subtle);
  border-radius:var(--radius-md); box-shadow:var(--shadow-lg); padding:var(--space-2); display:none; z-index:60; }
/* γέφυρα hover ώστε να μη κλείνει το μενού στο κενό μεταξύ κουμπιού-μενού */
.hd__dd-menu::before{ content:""; position:absolute; top:-8px; left:0; right:0; height:8px; }
.hd__dd:hover .hd__dd-menu, .hd__dd:focus-within .hd__dd-menu, .hd__dd.open .hd__dd-menu{ display:block; }
.hd__dd-menu a{ display:block; padding:10px 14px; border-radius:var(--radius-sm);
  font-size:var(--text-sm); font-weight:600; color:var(--text-primary); text-decoration:none; }
.hd__dd-menu a:hover{ background:var(--surface-accent-soft); color:var(--accent); }

/* Header 🔖 (αποθηκευμένα) + μετρητής */
.hd__saved{ position:relative; display:inline-flex; align-items:center; justify-content:center; width:40px; height:40px; border-radius:50%; color:var(--remax-dark-blue,#000e35); text-decoration:none; transition:background .15s ease; }
.hd__saved:hover{ background:rgba(0,20,53,.07); }
.hd__saved-badge{ position:absolute; top:1px; right:1px; min-width:16px; height:16px; padding:0 4px; border-radius:999px; background:var(--remax-red,#ff1200); color:#fff; font-size:10px; font-weight:800; line-height:16px; text-align:center; box-sizing:border-box; }
/* Language toggle (ΕΛ | EN) — στη θέση του bookmark· μεταφράζει μόνο τον σκελετό */
.hd__lang{ display:inline-flex; align-items:center; gap:2px; padding:3px; border:1px solid var(--border-default,#d9d6cd);
  border-radius:var(--radius-pill,999px); background:transparent; cursor:pointer; font-family:var(--font-sans); line-height:1; }
.hd__lang span{ font-size:11px; font-weight:800; letter-spacing:.03em; color:var(--text-muted,#6b6b6b);
  padding:4px 8px; border-radius:999px; transition:background .15s ease, color .15s ease; }
.hd__lang span.on{ background:var(--remax-dark-blue,#000e35); color:var(--remax-cream,#f7f5ee); }
.hd__lang:hover{ border-color:var(--remax-dark-blue,#000e35); }
.hd__lang:focus-visible{ outline:none; box-shadow:var(--shadow-focus); }

/* ===== Carousel (Προτεινόμενα / Δημοφιλή): οριζόντια κύλιση + βελάκια ===== */
.carousel{ position:relative; }
.carousel__track{
  display:grid; grid-auto-flow:column;
  grid-auto-columns:calc((100% - 2*var(--space-5)) / 3); /* 3 ορατά, τα υπόλοιπα με scroll */
  gap:var(--space-5); overflow-x:auto; scroll-snap-type:x mandatory; scroll-behavior:smooth;
  /* room ώστε το hover-lift + shadow των καρτών να μην κόβεται από το overflow */
  padding:8px 2px var(--space-3); margin:-8px -2px 0;
  scrollbar-width:none; -ms-overflow-style:none;
}
.carousel__track::-webkit-scrollbar{ display:none; }
.carousel__track > *{ scroll-snap-align:start; }
.carousel__track:empty{ min-height:380px; }
.carousel__nav{
  position:absolute; top:calc(50% - 26px); z-index:5;
  width:46px; height:46px; border-radius:50%; border:1px solid var(--border-subtle);
  background:var(--surface-card,#fff); color:var(--remax-dark-blue,#000e35);
  display:flex; align-items:center; justify-content:center; cursor:pointer;
  box-shadow:0 6px 20px rgba(0,20,53,.14); font-size:24px; line-height:1;
  transition:transform .15s ease, opacity .15s ease;
}
.carousel__nav:hover{ transform:scale(1.06); }
.carousel__nav:active{ transform:scale(.96); }
.carousel__nav--prev{ left:-16px; }
.carousel__nav--next{ right:-16px; }
.carousel__nav[disabled]{ opacity:0; pointer-events:none; }
@media (max-width:640px){
  .carousel__track{ grid-auto-columns:calc(100% - 44px); } /* 1 κάρτα + peek */
  .carousel__nav--prev{ left:2px; } .carousel__nav--next{ right:2px; }
}

/* ===== Area picker — docked split panel (χάρτης δεξιά, κάρτες αριστερά) =====
   Αντί για popup που μπλοκάρει, το #area-modal κουμπώνει ως drawer στα δεξιά·
   το περιεχόμενο μετακινείται αριστερά ώστε οι κάρτες να μένουν ορατές & να
   φιλτράρονται ζωντανά καθώς διαλέγεις περιοχές στον χάρτη. */
:root{ --dock-w:clamp(360px,44vw,640px); }
body.area-dock{ padding-right:var(--dock-w); }
body.area-dock #results{ grid-template-columns:repeat(2,1fr); }
body.area-dock #area-modal{ inset:0 0 0 auto; width:var(--dock-w); padding:0; display:block; }
body.area-dock #area-modal .modal__backdrop{ display:none; }
body.area-dock #area-modal .modal__panel{
  width:100%; max-width:none; height:100%; max-height:none; margin:0; border-radius:0;
  box-shadow:-18px 0 48px rgba(0,20,53,.16);
  animation:dockIn .28s cubic-bezier(.22,1,.36,1);
}
@keyframes dockIn{ from{transform:translateX(100%);} to{transform:translateX(0);} }
body.area-dock #area-modal .modal__body{ flex:1; min-height:0; padding:var(--space-4); }
body.area-dock #area-modal .areapick{ grid-template-columns:none; grid-template-rows:1fr auto; height:100%; gap:var(--space-4); }
body.area-dock #area-modal .areapick__map{ height:100%; min-height:0; }
body.area-dock #area-modal .areapick__list{ max-height:32vh; }
@media (prefers-reduced-motion:reduce){ body.area-dock #area-modal .modal__panel{ animation:none; } }
/* Κινητά: full-screen χάρτης (toggle πίσω στη λίστα με «Δες N…»/×) */
@media (max-width:640px){
  :root{ --dock-w:100vw; }
  body.area-dock{ padding-right:0; }
  body.area-dock #results{ grid-template-columns:1fr; }
}
.people:empty{min-height:280px;}
.newsgrid:empty{min-height:340px;}
#roster:empty{min-height:240px;}

/* Brand film player (careers) — 16:9, controls, poster */
.filmwrap{position:relative; max-width:1000px; margin:0 auto; aspect-ratio:16/9; border-radius:var(--radius-lg); overflow:hidden; box-shadow:var(--shadow-lg); background:#000;}
.film{width:100%; height:100%; display:block; object-fit:cover;}

/* Angled CTA: video ακινήτων στο φόντο + brand overlay (κείμενο αναγνώσιμο) + λευκό logo δεξιά */
.rdk-angled{position:relative; overflow:hidden;}
.cta__video{position:absolute; inset:0; width:100%; height:100%; object-fit:cover; z-index:0;}
.rdk-angled::after{content:""; position:absolute; inset:0; z-index:1; pointer-events:none;
  background:linear-gradient(calc(90deg - var(--slash-angle)),
    color-mix(in srgb, var(--remax-blue) 92%, transparent) 0 42%,
    color-mix(in srgb, var(--remax-dark-blue) 80%, transparent) 60% 100%);}
.rdk-angled__content{position:relative; z-index:2;}
.cta__logo{position:absolute; left:76%; top:50%; transform:translate(-50%,-50%); height:74px; width:auto; pointer-events:none; z-index:2;}
@media (max-width:820px){ .cta__logo{display:none;} }

/* Κίνηση ghost words (ΑΓΓΕΛΙΕΣ, ΟΜΑΔΑ…): συνεχές scroll προς ΔΕΞΙΑ, χωρίς επιστροφή·
   όταν φύγει εκτός, ξαναρχίζει από αριστερά (σε ΟΛΑ τα .ghost). */
@keyframes ghostScroll{ from{transform:translate(0,-54%);} to{transform:translate(7vw,-54%);} }
.ghost.is-in{ animation:ghostScroll 3s cubic-bezier(.22,1,.36,1) forwards; will-change:transform; } /* παίζει κάθε φορά που η section μπαίνει σε view */
@media (prefers-reduced-motion: reduce){ .ghost.is-in{ animation:none; } }

/* Hero «word» (TEAM/JOIN…): στην ΑΡΙΣΤΕΡΗ πλευρά· slide ΑΡΙΣΤΕΡΑ→ΔΕΞΙΑ (4s) και σταθεροποιείται εκεί */
.hero__mark{ left:-2%; right:auto; }
@keyframes heroMarkSlide{ from{transform:translateX(16vw);} to{transform:translateX(0);} }
.hero__mark.is-in{ animation:heroMarkSlide 4s cubic-bezier(.22,1,.36,1) forwards; will-change:transform; }
/* Κυκλικό badge: συνεχής αργή περιστροφή με το κείμενο */
@keyframes arcSpin{ to{ transform:rotate(360deg); } }
.hero__arc{ animation:arcSpin 30s linear infinite; transform-origin:50% 50%; }
@media (prefers-reduced-motion: reduce){ .hero__mark.is-in{animation:none;} .hero__arc{animation:none;} }

/* Stats band ως 4 full-bleed χρωματιστά panels (έμπνευση remax.eu) */
.band--panels{display:grid; grid-template-columns:repeat(4,1fr); background:none;
  max-width:calc(var(--container-xl) - 2 * var(--space-6)); margin:var(--space-9) auto;
  border-radius:var(--radius-lg); overflow:hidden;}
.bandcell{padding:var(--space-8) var(--space-6); display:flex; flex-direction:column; justify-content:center; gap:var(--space-2); min-height:172px;}
.bandcell .rdk-stat__value{font-family:var(--font-display); font-weight:800; font-size:clamp(40px,4.2vw,62px); line-height:1; letter-spacing:-.02em; color:inherit;}
.bandcell .rdk-stat__value em{font-style:normal; color:inherit;}
.bandcell .rdk-stat__label{font-size:var(--text-xs); font-weight:700; letter-spacing:.14em; text-transform:uppercase; color:inherit; opacity:.85;}
.bandcell--blue{background:var(--remax-blue); color:#fff;}
.bandcell--dark{background:var(--remax-dark-blue); color:var(--remax-cream);}
.bandcell--sky{background:var(--remax-sky-blue); color:var(--remax-dark-blue);}
.bandcell--cream{background:var(--remax-cream); color:var(--remax-dark-blue);}
.bandcell--red{background:var(--remax-red); color:#fff;}
@media(max-width:760px){ .band--panels{grid-template-columns:repeat(2,1fr);} }

/* Timeline (sell «Πώς πουλάμε») — premium scroll-reveal: κάθε βήμα μπαίνει εναλλάξ από τα πλάγια */
.tl__step{opacity:0; transition:opacity .55s ease, transform .55s cubic-bezier(.22,1,.36,1);}
.tl__step:nth-child(odd){transform:translateX(-44px);}
.tl__step:nth-child(even){transform:translateX(44px);}
.tl__step.is-in{opacity:1; transform:none;}
@media (prefers-reduced-motion: reduce){ .tl__step{opacity:1; transform:none; transition:none;} }

/* ====== Redesigned sell timeline: center line + descending balloon, number-in-text, alternating photo ====== */
.tl{position:relative; max-width:1060px; margin:0 auto; padding:var(--space-6) 0;}
.tl__line{position:absolute; left:50%; top:0; bottom:0; width:2px; background:var(--border-default); transform:translateX(-50%); z-index:0;}
.tl__balloon{position:absolute; left:50%; top:0; transform:translate(-50%,-100%); will-change:top; z-index:3;}
.tl__balloon img{display:block; height:52px; width:auto;}
.tl__steps{position:relative; display:flex; flex-direction:column; gap:var(--space-9); z-index:1;}
.tl__step{display:grid; grid-template-columns:1fr 1fr; gap:var(--space-8); align-items:center; position:relative;}
.tl__step::before{content:""; position:absolute; left:50%; top:50%; width:15px; height:15px; border-radius:50%;
  background:var(--remax-blue); border:3px solid var(--surface-card); transform:translate(-50%,-50%); z-index:2; box-shadow:var(--shadow-sm);}
.tl__step:nth-child(even) .tl__body{order:2;}
.tl__body{display:flex; flex-direction:column; gap:var(--space-2);}
.tl__step:nth-child(odd) .tl__body{grid-column:auto; align-items:flex-end; text-align:right;}
.tl__step:nth-child(even) .tl__body{grid-column:auto; align-items:flex-start; text-align:left;}
.tl__num{font-family:var(--font-display); font-weight:800; font-size:clamp(38px,3.8vw,60px); line-height:.85; color:var(--remax-sky-blue); letter-spacing:-.02em;}
.tl__body h3{font-family:var(--font-display); font-weight:800; font-size:var(--text-xl); letter-spacing:-.01em;}
.tl__body p{color:var(--text-secondary); max-width:42ch;}
.tl__photo{border-radius:var(--radius-lg); overflow:hidden; box-shadow:var(--shadow-md);}
.tl__photo img{display:block; width:100%; height:300px; object-fit:cover;}
@media(max-width:760px){
  .tl__line, .tl__balloon{left:20px;}
  .tl__step{grid-template-columns:1fr; gap:var(--space-4); padding-left:var(--space-7);}
  .tl__step::before{left:20px;}
  .tl__step .tl__body, .tl__step:nth-child(odd) .tl__body, .tl__step:nth-child(even) .tl__body{order:1; align-items:flex-start; text-align:left;}
  .tl__photo, .tl__step:nth-child(even) .tl__photo{order:2;}
}

/* fix: το μπαλόνι του timeline να μη στριμώχνεται (explicit πλάτος αντί shrink-to-fit) */
.tl__balloon{width:48px;}
.tl__balloon img{width:48px; height:auto;}

/* Newsletter (home) — dark-blue card, ομοιογενές με την ταυτότητα */
.nl{display:flex; align-items:center; justify-content:space-between; gap:var(--space-7); flex-wrap:wrap;
  background:var(--remax-dark-blue); color:var(--remax-cream); border-radius:var(--radius-lg); padding:var(--space-7) var(--space-8);}
.nl__text{max-width:48ch;}
.nl__text .sec__eyebrow{color:var(--remax-sky-blue);}
.nl__text h2{font-family:var(--font-display); font-weight:800; font-size:var(--text-2xl); letter-spacing:-.01em; color:var(--remax-cream);}
.nl__text p{color:rgba(247,245,238,.8); margin-top:var(--space-2);}
.nl__form{display:flex; gap:var(--space-3); flex-wrap:wrap; align-items:center;}
.nl__input{font-family:var(--font-sans); font-size:var(--text-md); padding:.85em 1.1em; border-radius:var(--radius-pill);
  border:none; min-width:260px; background:#fff; color:var(--text-primary);}
.nl__input:focus-visible{outline:none; box-shadow:var(--shadow-focus);}
.nl__ok{width:100%; color:var(--remax-sky-blue); font-weight:700; margin:0;}
@media(max-width:760px){ .nl{flex-direction:column; align-items:flex-start;} .nl__form{width:100%;} .nl__input{min-width:0; flex:1;} }

/* ===== Hero διακοσμητικά διαγώνια brand lines (RE/MAX slash motif) — στατικά, κολλημένα στις άκρες ===== */
.hero__deco{position:absolute; pointer-events:none; z-index:1;}
.hero__deco--l{top:14%; left:0; width:120px; height:160px; opacity:.6;
  background:repeating-linear-gradient(117.5deg, var(--remax-blue) 0 2px, transparent 2px 14px);}
.hero__deco--br{bottom:0; right:0; width:200px; height:150px; opacity:.5;
  background:repeating-linear-gradient(117.5deg, rgba(255,255,255,.75) 0 2px, transparent 2px 14px);}
@media (max-width:760px){ .hero__deco--l{width:80px; height:110px;} .hero__deco--br{width:120px; height:100px;} }

/* Μπαλόνι αντί για το slash motif στο hero eyebrow */
.hero__eyebrow-balloon{height:24px; width:auto; display:block; flex:none;}

/* Footer social icons (πάτος) */
.ft__social{display:inline-flex; gap:10px; align-items:center; flex-wrap:wrap;}
.ft__social-label{font-size:var(--text-xs); font-weight:700; letter-spacing:.04em; color:var(--remax-cream); margin-right:var(--space-2);}
.ft__social a{display:inline-flex; align-items:center; justify-content:center; width:44px; height:44px;
  border-radius:var(--radius-md); color:var(--remax-cream); background:rgba(247,245,238,.08);
  border:1px solid rgba(247,245,238,.16);
  transition:background .2s var(--ease-standard), border-color .2s, color .2s, transform .15s;}
.ft__social a:hover{background:var(--remax-blue); border-color:var(--remax-blue); color:#fff; transform:translateY(-2px);}
.ft__social a:focus-visible{outline:none; box-shadow:var(--shadow-focus);}
.ft__social svg{width:18px; height:18px;}

/* About / long-form text */
.prose{max-width:68ch; color:var(--text-secondary); font-size:var(--text-md); line-height:1.7;}
.prose p{margin:0 0 var(--space-4);}
.prose p:last-child{margin-bottom:0;}
.prose strong{color:var(--text-primary); font-weight:700;}

/* "Μέλος του ομίλου" — Delta Group block (about) */
.member{display:flex; align-items:center; gap:var(--space-7); margin-top:var(--space-7);
  background:var(--surface-card); border:1px solid var(--border-subtle); border-radius:var(--radius-lg);
  box-shadow:var(--shadow-sm); padding:var(--space-6) var(--space-7); max-width:780px;}
.member__logo{width:120px; height:auto; flex:none;}
.member__eyebrow{display:block; font-size:var(--text-xs); font-weight:700; letter-spacing:.14em;
  text-transform:uppercase; color:var(--accent); margin-bottom:6px;}
.member__txt p{margin:0; color:var(--text-secondary); line-height:1.6;}
@media(max-width:620px){ .member{flex-direction:column; text-align:center; gap:var(--space-5);} }

/* Delta Group links (about member block) */
.member__logo-link{display:inline-flex; flex:none; transition:transform .15s, opacity .15s;}
.member__logo-link:hover{transform:translateY(-2px); opacity:.85;}
.member__logo-link:focus-visible{outline:none; box-shadow:var(--shadow-focus); border-radius:var(--radius-sm);}
.member__link{display:inline-flex; align-items:center; gap:.4em; margin-top:var(--space-3);
  font-family:var(--font-sans); font-weight:700; font-size:var(--text-sm); color:var(--accent);}
.member__link svg{width:15px; height:15px;}
.member__link:hover{text-decoration:underline;}
.member__link:focus-visible{outline:none; box-shadow:var(--shadow-focus); border-radius:var(--radius-sm);}

/* Delta Group logo — footer (white) + about stats panel */
.ft__delta{display:inline-block; margin-top:var(--space-4); line-height:0;}
.ft__delta img{height:56px; width:auto; opacity:.9; transition:opacity .15s;}
.ft__delta:hover img{opacity:1;}
.ft__delta:focus-visible{outline:none; box-shadow:var(--shadow-focus); border-radius:var(--radius-sm);}
.bandcell__logo{height:90px; width:auto; display:block; margin:0 auto;}

/* REMAX logo in the dark stats panel (wide wordmark logo) */
.bandcell__logo--wide{height:auto; width:min(60%,158px); margin:0 auto var(--space-2);}

/* ===== Detail v2 (dp-): fusion του εγκεκριμένου mockup — chips, stats card,
   clamp περιγραφής, feats grid, specs table, χάρτης, pricecard, decorative balloons ===== */
.dp-chips{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:10px}
.dp-chip{font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;padding:6px 12px;border-radius:var(--radius-pill)}
.dp-chip--blue{background:var(--remax-blue);color:#fff}
.dp-chip--sky{background:var(--remax-sky-blue);color:var(--remax-dark-blue)}
.dp-chip--red{background:#e01000;color:#fff}
.dp-stats{margin:16px 0 20px;background:var(--border-subtle);border:1px solid var(--border-subtle);border-radius:16px;
  box-shadow:0 1px 2px rgba(10,16,36,.05),0 10px 26px -14px rgba(10,16,36,.15);
  display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));overflow:hidden;gap:1px}
.dp-stat{padding:16px 18px;display:flex;align-items:center;gap:12px;background:var(--surface-card)}
.dp-stat__ic{width:38px;height:38px;border-radius:11px;background:#eef3ff;color:var(--remax-blue);display:flex;align-items:center;justify-content:center;flex-shrink:0}
.dp-stat__v{font-size:18px;font-weight:800;line-height:1.1;color:var(--remax-dark-blue);font-variant-numeric:tabular-nums}
.dp-stat__v em{font-style:normal;font-size:12px;font-weight:700;color:var(--text-muted)}
.dp-stat__v sup{font-size:.55em;line-height:0;vertical-align:baseline;position:relative;top:-.45em}
.dp-stat__l{font-size:12px;color:var(--text-muted);font-weight:600}
.dp-h{display:flex;align-items:center;gap:10px;font-size:var(--text-lg);font-weight:800;color:var(--remax-dark-blue);margin:26px 0 12px}
.dp-h::before{content:"";width:13px;height:15px;background:var(--remax-red);flex-shrink:0;clip-path:polygon(38% 0,100% 0,62% 100%,0 100%)}
.dp-clampwrap{position:relative;max-height:300px;overflow:hidden;transition:max-height .35s ease}
.dp-clampwrap::after{content:"";position:absolute;left:0;right:0;bottom:0;height:90px;
  background:linear-gradient(180deg,rgba(247,245,238,0),var(--remax-cream));pointer-events:none;transition:opacity .3s}
.dp-open .dp-clampwrap{max-height:none}
.dp-open .dp-clampwrap::after{opacity:0}
.dp-more{display:inline-flex;align-items:center;gap:7px;margin:10px 0 4px;font-size:14px;font-weight:700;color:var(--remax-blue);
  padding:9px 16px;border:1.5px solid var(--border-default);border-radius:var(--radius-pill);background:#fff;cursor:pointer;transition:.15s}
.dp-more:hover{border-color:var(--remax-blue)}
.dp-more svg{transition:transform .25s}
.dp-open .dp-more svg{transform:rotate(180deg)}
.dp-feats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.dp-feat{display:flex;align-items:center;gap:10px;font-size:14px;font-weight:600;padding:11px 13px;
  background:var(--surface-card);border:1px solid var(--border-subtle);border-radius:11px;color:var(--text-primary)}
.dp-feat svg{color:#12805c;flex-shrink:0}
.dp-specs{display:grid;grid-template-columns:1fr 1fr;gap:0 34px;margin:0}
.dp-specrow{display:flex;justify-content:space-between;gap:16px;padding:11px 0;border-bottom:1px dashed var(--border-default);font-size:14px}
.dp-specs .dp-specrow:nth-last-child(-n+2){border-bottom:none}
.dp-specrow dt{color:var(--text-muted);font-weight:400}
.dp-specrow dd{font-weight:700;text-align:right;color:var(--remax-dark-blue);font-variant-numeric:tabular-nums;margin:0}
.dp-map{height:300px;border-radius:14px;overflow:hidden;border:1px solid var(--border-subtle);position:relative;z-index:0}
.dp-map__note{display:flex;align-items:flex-start;gap:9px;margin-top:12px;font-size:13px;color:var(--text-muted);line-height:1.5}
.dp-map__note svg{color:var(--remax-blue);flex-shrink:0;margin-top:2px}
.dp-pricecard{position:relative;overflow:hidden;background:var(--surface-card);border:1px solid var(--border-subtle);
  border-radius:16px;box-shadow:0 1px 2px rgba(10,16,36,.05),0 10px 26px -14px rgba(10,16,36,.15);padding:20px;margin-bottom:14px}
.dp-pricecard::before{content:"";position:absolute;top:-26px;right:-38px;width:150px;height:170px;
  background:url(assets/balloon-outline-blue.png) no-repeat center/contain;opacity:.10;pointer-events:none}
.dp-pricecard>*{position:relative}
.dp-pricecard .det__price{margin-top:0}
.dp-pricecard .rdk-btn{margin-top:10px}
.dp-calc{background:var(--surface-card);border:1px solid var(--border-subtle);border-radius:16px;padding:18px;margin-top:14px;
  box-shadow:0 1px 2px rgba(10,16,36,.05),0 10px 26px -14px rgba(10,16,36,.15)}
.dp-calc__t{font-size:15px;font-weight:800;color:var(--remax-dark-blue);margin-bottom:14px}
.dp-crow{margin-bottom:13px}
.dp-crow label{display:flex;justify-content:space-between;font-size:12px;font-weight:700;color:var(--text-muted);margin-bottom:7px}
.dp-crow output{color:var(--remax-dark-blue);font-weight:800;font-variant-numeric:tabular-nums}
.dp-calc input[type=range]{width:100%;-webkit-appearance:none;appearance:none;height:5px;border-radius:3px;background:#aeb9cf;outline:none}
.dp-calc input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:18px;height:18px;border-radius:50%;background:var(--remax-blue);border:3px solid #fff;box-shadow:0 1px 6px rgba(0,14,53,.35);cursor:pointer}
.dp-calc input[type=range]::-moz-range-thumb{width:14px;height:14px;border-radius:50%;background:var(--remax-blue);border:3px solid #fff;box-shadow:0 1px 6px rgba(0,14,53,.35);cursor:pointer}
.dp-calc input[type=range]:focus-visible{outline:none}
.dp-calc input[type=range]:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 4px rgba(0,67,255,.28)}
.dp-cres{background:#eef3ff;border:1px solid #d6e2ff;border-radius:12px;padding:13px;text-align:center;margin-top:4px}
.dp-cres b{font-size:24px;font-weight:800;color:var(--remax-blue);font-variant-numeric:tabular-nums}
.dp-cres span{display:block;font-size:12px;color:var(--text-muted);font-weight:600}
.dp-cnote{font-size:11px;color:var(--text-muted);margin-top:9px;text-align:center;line-height:1.5}
/* Decorative: λευκό outline balloon στο navy footer (site-wide, διακριτικό) */
.ft{position:relative;overflow:hidden}
.ft::before{content:"";position:absolute;right:-70px;bottom:-90px;width:380px;height:420px;
  background:url(assets/balloon-outline-white.png) no-repeat center/contain;opacity:.07;pointer-events:none}
.ft .wrap{position:relative}
@media (max-width:640px){ .dp-feats,.dp-specs{grid-template-columns:1fr} }
@media (prefers-reduced-motion:reduce){ .dp-clampwrap,.dp-more svg{transition:none} }

/* ===== Detail v2: gallery strip όπως στο mockup — 4 σταθερά tiles, όχι scroll ===== */
.det__gal .dp-strip{display:flex;flex-direction:column;gap:12px;min-height:0;overflow:visible}
.dp-tile{position:relative;flex:1 1 0;min-height:0;border-radius:var(--radius-sm);overflow:hidden;
  background:#dfe3ea;cursor:pointer;padding:0;border:none;width:100%}
.dp-tile img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .4s}
.dp-tile:hover img{transform:scale(1.05)}
.dp-tile.on{outline:2.5px solid var(--remax-blue);outline-offset:-2.5px}
.dp-tile__vid{position:absolute;inset:0;display:flex;align-items:center;justify-content:center}
.dp-tile__vid span{width:40px;height:40px;border-radius:50%;background:rgba(255,18,0,.92);display:flex;
  align-items:center;justify-content:center;color:#fff;box-shadow:0 4px 14px rgba(0,0,0,.3)}
.dp-tile__more{position:absolute;inset:0;background:rgba(0,14,53,.72);color:#fff;display:flex;flex-direction:column;
  align-items:center;justify-content:center;gap:2px;font-weight:800;font-size:17px}
.dp-tile__more small{font-weight:600;font-size:11px;letter-spacing:.02em}
@media (prefers-reduced-motion:reduce){.dp-tile:hover img{transform:none}}
/* Video overlay (mockup): fullscreen με iframe 16:9 */
.dp-ovl{position:fixed;inset:0;z-index:95;background:rgba(10,14,26,.92);display:flex;align-items:center;
  justify-content:center;padding:56px 22px;backdrop-filter:blur(8px)}
.dp-ovl[hidden]{display:none}
.dp-ovl__x{position:absolute;top:18px;right:20px;width:44px;height:44px;border-radius:50%;
  background:rgba(255,255,255,.12);color:#fff;display:flex;align-items:center;justify-content:center;
  border:none;cursor:pointer;font-size:22px;line-height:1;transition:.15s}
.dp-ovl__x:hover{background:rgba(255,255,255,.25)}
.dp-ovl__box{width:min(960px,94vw);aspect-ratio:16/9}
.dp-ovl__box iframe,.dp-ovl__box video{width:100%;height:100%;border:0;border-radius:14px;
  box-shadow:0 30px 80px rgba(0,0,0,.5);display:block;background:#000}

/* Detail v2: η φόρμα «Ενδιαφέρομαι» ως κάρτα, όπως στο mockup */
#plead.miniform{background:var(--surface-card);border:1px solid var(--border-subtle);border-radius:16px;
  box-shadow:0 1px 2px rgba(10,16,36,.05),0 10px 26px -14px rgba(10,16,36,.15);padding:18px;margin-top:14px}
#plead .miniform__title{font-size:15px;font-weight:800;color:var(--remax-dark-blue)}
#plead .rdk-input{border-radius:11px;background:#fbfcfe}
#plead .rdk-input:focus{background:#fff}
#plead .miniform__done{text-align:center;padding:12px 4px;line-height:1.5}
#plead .miniform__done svg{color:#12805c;margin:0 auto 8px;display:block}
#plead .miniform__done span{font-size:13px;color:var(--text-muted)}

/* ===== Detail v2: gallery & toolbar ακριβώς όπως στο mockup ===== */
.dp-bar{display:flex;justify-content:space-between;align-items:center;gap:16px;margin:4px 0 14px;flex-wrap:wrap}
.dp-acts{display:flex;gap:9px}
.dp-chipbtn{display:inline-flex;align-items:center;gap:7px;font-size:13px;font-weight:700;padding:9px 15px;
  border-radius:var(--radius-pill);border:1.5px solid var(--border-default);background:#fff;color:var(--text-primary);
  cursor:pointer;transition:.15s}
.dp-chipbtn:hover{border-color:var(--remax-blue);color:var(--remax-blue)}
.det .det__gal{display:grid;grid-template-columns:1fr 236px;grid-template-rows:520px;gap:12px}
.det__gal .gal-main{position:relative;border-radius:18px;overflow:hidden;background:#dfe3ea;min-width:0;height:auto}
.det__gal .gal-main img{width:100%;height:100%;object-fit:cover;cursor:zoom-in}
.dp-galnav{position:absolute;top:50%;transform:translateY(-50%);width:44px;height:44px;border-radius:50%;
  background:rgba(255,255,255,.94);color:var(--remax-dark-blue);display:flex;align-items:center;justify-content:center;
  border:none;cursor:pointer;box-shadow:0 1px 2px rgba(10,16,36,.08),0 8px 20px -10px rgba(10,16,36,.3);transition:.15s;z-index:2;font-size:0;line-height:0}
.dp-galnav:hover{background:#fff;transform:translateY(-50%) scale(1.06)}
.dp-galnav--prev{left:14px}
.dp-galnav--next{right:14px}
.dp-count{position:absolute;left:16px;bottom:16px;z-index:2;background:rgba(0,14,53,.72);color:#fff;
  font-size:12px;font-weight:700;padding:7px 13px;border-radius:var(--radius-pill);display:flex;align-items:center;gap:7px;
  backdrop-filter:blur(6px);font-variant-numeric:tabular-nums}
@media (max-width:1080px){
  .det .det__gal{grid-template-columns:1fr;grid-template-rows:auto auto}
  .det__gal .gal-main{aspect-ratio:16/9;max-height:60vh}
  .det__gal .dp-strip{flex-direction:row;height:96px}
}
@media (max-width:640px){ .dp-tile__more small{display:none} }
@media (prefers-reduced-motion:reduce){ .dp-galnav:hover{transform:translateY(-50%)} }

/* ===== Detail v2: lightbox όπως στο mockup — μία μεγάλη φωτό, βελάκια, counter pill ===== */
.dp-lb{position:fixed;inset:0;z-index:100;background:rgba(10,14,26,.92);backdrop-filter:blur(8px);display:flex;flex-direction:column}
.dp-lb[hidden]{display:none}
.dp-lb__x{position:absolute;top:18px;right:20px;z-index:3;width:44px;height:44px;border-radius:50%;
  background:rgba(255,255,255,.12);color:#fff;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:.15s;font-size:0;line-height:0}
.dp-lb__x:hover{background:rgba(255,255,255,.25)}
.dp-lb__stage{flex:1;display:flex;align-items:center;justify-content:center;padding:56px 90px;min-height:0}
.dp-lb__img{max-width:100%;max-height:100%;object-fit:contain;border-radius:12px;box-shadow:0 30px 80px rgba(0,0,0,.5)}
.dp-lb__nav{position:absolute;top:50%;transform:translateY(-50%);z-index:3;width:48px;height:48px;border-radius:50%;
  background:rgba(255,255,255,.12);color:#fff;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:.15s;font-size:0;line-height:0}
.dp-lb__nav:hover{background:rgba(255,255,255,.25)}
.dp-lb__nav--prev{left:22px}
.dp-lb__nav--next{right:22px}
.dp-lb__n{position:absolute;left:50%;bottom:22px;transform:translateX(-50%);color:#fff;font-size:13px;font-weight:700;
  background:rgba(255,255,255,.12);padding:7px 16px;border-radius:var(--radius-pill);font-variant-numeric:tabular-nums}
@media (max-width:720px){
  .dp-lb__stage{padding:56px 14px 60px}
  .dp-lb__nav--prev{left:10px}.dp-lb__nav--next{right:10px}
}

/* ===== Detail v3: πλήρης ταύτιση με το mockup ===== */
/* Τυπογραφία mockup: τα ελληνικά πέφτουν σε Manrope (το Montserrat δεν έχει greek) */
:root{
  --font-sans:"Gotham","Montserrat","Manrope","Helvetica Neue",Arial,sans-serif;
  --font-display:"Gotham","Montserrat","Manrope","Helvetica Neue",Arial,sans-serif;
}
/* Layout: 372px sidebar, static (όχι sticky), gap όπως στο mockup */
.det .det__main{grid-template-columns:1fr 372px;gap:32px;margin-top:26px}
.det .aside{position:static;top:auto;gap:18px}
/* Τίτλος + κωδικός δεξιά */
.dp-hrow{display:flex;justify-content:space-between;gap:24px;align-items:flex-start;flex-wrap:wrap}
.dp-hrow > div:first-child{min-width:0}
.det__body .dp-hrow h1{font-size:clamp(25px,3vw,34px);font-weight:800;letter-spacing:-.02em;line-height:1.18;
  color:var(--remax-dark-blue);max-width:720px;text-wrap:balance;margin:0}
.dp-code{flex-shrink:0;text-align:right;font-size:12px;color:var(--text-muted);font-weight:600;margin-top:8px}
.dp-code b{display:block;font-size:15px;color:var(--text-primary);font-weight:800;letter-spacing:.08em;font-variant-numeric:tabular-nums}
.det .det__loc{color:var(--text-muted);font-weight:600;font-size:15px;margin-top:10px}
.det .det__loc svg{color:var(--remax-blue)}
/* Λευκές section-κάρτες όπως στο mockup */
.dp-sec{background:var(--surface-card);border:1px solid var(--border-subtle);border-radius:18px;
  box-shadow:0 1px 2px rgba(10,16,36,.05),0 10px 26px -14px rgba(10,16,36,.18);padding:24px;margin-bottom:20px}
.dp-sec .dp-h{margin:0 0 14px}
.dp-sec .det__desc{color:#39415a;font-size:15px;max-width:65ch}
.dp-sec .dp-clampwrap::after{background:linear-gradient(180deg,rgba(255,255,255,0),var(--surface-card))}
/* Pricecard τυπογραφία mockup */
.dp-pricecard .det__price{font-size:34px;font-weight:800;letter-spacing:-.02em;line-height:1.1;color:var(--remax-dark-blue)}
.dp-pricecard .det__ppsm{font-size:13px;font-weight:600;margin:3px 0 8px}
/* Agent card mockup */
.dp-agent{background:var(--surface-card);border:1px solid var(--border-subtle);border-radius:18px;
  box-shadow:0 1px 2px rgba(10,16,36,.05),0 10px 26px -14px rgba(10,16,36,.18);padding:20px;
  display:flex;flex-direction:column;gap:15px}
.dp-agent__head{display:flex;gap:15px;align-items:center}
.dp-agent__photo{width:76px;height:96px;object-fit:cover;object-position:center top;border-radius:12px;
  flex-shrink:0;background:var(--remax-sky-blue);border:1px solid var(--border-subtle)}
.dp-agent__name{font-size:16px;font-weight:800;color:var(--remax-dark-blue);display:block;line-height:1.2}
.dp-agent__name:hover{color:var(--remax-blue)}
.dp-agent__role{font-size:12px;color:var(--remax-blue);font-weight:700;letter-spacing:.08em;text-transform:uppercase;margin-top:4px;display:block}
.dp-agent__rows{display:flex;flex-direction:column;gap:9px;border-top:1px solid var(--border-subtle);padding-top:14px}
.dp-agent__row{display:flex;align-items:center;gap:11px;font-size:14px;color:#39415a;font-weight:600;min-width:0;font-variant-numeric:tabular-nums}
.dp-agent__row svg{color:var(--text-muted);flex-shrink:0}
.dp-agent__row a{min-width:0;overflow-wrap:anywhere}
.dp-agent__row a:hover{color:var(--remax-blue)}
.dp-agent__office{font-size:12px;color:var(--text-muted);border-top:1px solid var(--border-subtle);padding-top:13px;line-height:1.5}
.dp-agent__office b{color:var(--text-primary);display:block;font-size:13px;margin-bottom:2px}
.dp-agent__link{font-size:13px;font-weight:700;color:var(--remax-blue);display:inline-flex;align-items:center;gap:6px;transition:gap .15s}
.dp-agent__link:hover{gap:10px}
/* Παρόμοια: heading με slash + «Δες όλα» + grid 3, όχι carousel */
.dp-simhead{display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin:34px 0 20px}
.dp-simhead h2{display:flex;align-items:center;gap:11px;font-size:24px;font-weight:800;letter-spacing:-.02em;color:var(--remax-dark-blue);margin:0}
.dp-simhead h2::before{content:"";width:14px;height:16px;background:var(--remax-red);flex-shrink:0;clip-path:polygon(38% 0,100% 0,62% 100%,0 100%)}
.dp-seeall{font-size:14px;font-weight:700;color:var(--remax-blue);display:inline-flex;align-items:center;gap:6px;transition:gap .15s}
.dp-seeall:hover{gap:10px}
.dp-simgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
@media (max-width:1080px){ .det .det__main{grid-template-columns:1fr} }
@media (max-width:900px){ .dp-simgrid{grid-template-columns:repeat(2,1fr)} }
@media (max-width:640px){ .dp-simgrid{grid-template-columns:1fr} .dp-hrow{flex-direction:column} .dp-code{text-align:left;margin-top:0} }
@media (prefers-reduced-motion:reduce){ .dp-agent__link,.dp-seeall{transition:none} }
/* v3 fix: το container ακολουθεί τη γραμμή 520px — τα 4 tiles χωράνε ολόκληρα */
.det .det__gal{height:auto;overflow:visible;border-radius:0}
.det .det__gal .dp-strip{height:100%;min-height:0}
.det .det__gal .dp-tile{flex:1 1 0;min-height:0;height:auto}

/* Hero search: πρόταση «Κωδικός ακινήτου» (πάει κατευθείαν στη σελίδα ακινήτου) */
.geo__opt--code .geo__opt-ico{ color:var(--remax-red); }
.geo__opt--code .geo__opt-name{ font-variant-numeric:tabular-nums; letter-spacing:.02em; }
.geo__opt-n--go{ background:none; color:var(--remax-blue); padding:0; display:inline-flex; align-items:center; }

/* ===========================================================================
   CAREERS v2 — recruiting landing (σύνθεση από τα υπάρχοντα components + λίγα νέα)
   =========================================================================== */

/* hero: trust strip κάτω από τα μονοπάτια */
.hero__trust{display:flex; flex-wrap:wrap; gap:var(--space-3) var(--space-6); margin-top:var(--space-6);
  font-size:var(--text-sm); font-weight:600; color:rgba(247,245,238,.78);}
.hero__trust span{display:inline-flex; align-items:center; gap:.5em;}
.hero__trust svg{width:18px; height:18px; color:var(--remax-sky-blue); flex:none;}
.hero--careers .hero__in{min-height:72vh;}
.hero--careers .hero__mark{top:8%; bottom:auto;}
@media (max-width:760px){ .hero--careers, .hero--careers .hero__in{min-height:0;} .hero--careers .hero__in{padding:var(--space-9) 0 var(--space-8);} }

/* section lead paragraph (δεξιά από τον τίτλο στο sec__head) */
.sec__lead{max-width:44ch; color:var(--text-secondary); font-size:var(--text-md); line-height:1.6; margin:0;}
.sec__head--center{justify-content:center; text-align:center;}
.sec__head--center > div{max-width:60ch;}
.sec__head--center .sec__lead{margin:var(--space-3) auto 0;}
@media (max-width:880px){ .sec__head{flex-direction:column; align-items:flex-start;} .sec__lead{max-width:60ch;} }

/* audience cards: λίστα «τι κερδίζεις» */
.aud__list{list-style:none; margin:var(--space-2) 0 0; padding:0; display:flex; flex-direction:column; gap:.5em;
  font-size:var(--text-sm); color:var(--text-secondary); line-height:1.45;}
.aud__list li{position:relative; padding-left:1.4em;}
.aud__list li::before{content:""; position:absolute; left:0; top:.55em; width:.55em; height:.55em; border-radius:50%;
  background:var(--remax-blue);}
.aud__card--accent .aud__list{color:rgba(247,245,238,.82);}
.aud__card--accent .aud__list li::before{background:var(--remax-sky-blue);}

/* tools & services grid */
.tools{display:grid; grid-template-columns:repeat(4,1fr); gap:var(--space-5);}
.tools__col{background:var(--surface-card); border:1px solid var(--border-subtle); border-radius:var(--radius-lg);
  box-shadow:var(--shadow-sm); padding:var(--space-5); display:flex; flex-direction:column; gap:var(--space-3);}
.tools__ico{width:46px; height:46px; border-radius:var(--radius-md); display:inline-flex; align-items:center; justify-content:center;
  background:var(--surface-accent-soft); color:var(--remax-dark-blue);}
.tools__ico svg{width:22px; height:22px;}
.tools__col h3{font-size:var(--text-md); font-weight:700; color:var(--text-primary);}
.tools__col ul{list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:.6em;}
.tools__col li{display:flex; gap:.6em; align-items:flex-start; font-size:var(--text-sm); color:var(--text-secondary); line-height:1.5;}
.tools__col li svg{width:16px; height:16px; flex:none; color:var(--remax-blue); margin-top:.25em;}
@media (max-width:1100px){ .tools{grid-template-columns:repeat(2,1fr);} }
@media (max-width:640px){ .tools{grid-template-columns:1fr;} }

/* testimonials */
.quotes{display:grid; grid-template-columns:repeat(3,1fr); gap:var(--space-5);}
.quote{margin:0; display:flex; flex-direction:column; gap:var(--space-4); background:var(--surface-card);
  border:1px solid var(--border-subtle); border-radius:var(--radius-lg); box-shadow:var(--shadow-sm); padding:var(--space-6);}
.quote blockquote{margin:0; font-family:var(--font-display); font-weight:600; font-size:var(--text-md); line-height:1.5; color:var(--text-primary);}
.quote figcaption{display:flex; align-items:center; gap:var(--space-3); margin-top:auto;}
.quote figcaption .rdk-avatar{flex:none;}
.quote figcaption span{display:flex; flex-direction:column; line-height:1.25;}
.quote figcaption b{font-size:var(--text-sm); color:var(--text-primary);}
.quote figcaption small{font-size:var(--text-xs); color:var(--text-muted); margin-top:2px;}
.filmnote{text-align:center; font-size:var(--text-sm); color:var(--text-muted); margin:var(--space-4) 0 0;}
@media (max-width:880px){ .quotes{grid-template-columns:1fr;} }

/* FAQ σε δύο στήλες σε desktop */
.faq--2col{display:grid; grid-template-columns:1fr 1fr; gap:0 var(--space-5); align-items:start;}
.faq--2col details{break-inside:avoid;}
@media (max-width:880px){ .faq--2col{grid-template-columns:1fr;} }

/* wizard: μακριά chips τυλίγουν (τα labels εδώ είναι προτάσεις, όχι λέξεις) */
.wizard .chiprow .rdk-chip{white-space:normal; text-align:left; line-height:1.25; padding:.65em 1em;}
.wizard__consent + .wizard__consent{margin-top:var(--space-3);}
.wizard__consent--opt{color:var(--text-muted);}
.done__actions{display:flex; gap:var(--space-3); justify-content:center; flex-wrap:wrap;}

/* CTA με δύο τηλέφωνα */
.cta__btns{display:flex; gap:var(--space-3); flex-wrap:wrap;}

/* sticky bar δύο ενεργειών (careers) */
@media (max-width:640px){ .actbar--2{grid-template-columns:1fr 1fr;} }

/* ---- site-wide fix: header σε κινητό (πριν: το logo συμπιεζόταν σε 0px και το CTA έβγαινε εκτός οθόνης) ---- */
@media (max-width:640px){
  .hd__in{gap:var(--space-3); height:64px;}
  .hd__logo{flex:none;}
  .hd__logo .rdk-logo-img{height:30px !important;}
  .hd__tel{display:none;}
  .hd__sp{gap:var(--space-2); min-width:0;}
  .hd__sp .rdk-btn--sm{padding:.7em .9em; font-size:var(--text-2xs);}
}