/*
 * Default tokens (--stoei-solid, --stoei-on-solid, --stoei-warn, --stoei-ok, --stoei-icon) are set inside :where(), so they carry no
 * specificity: any site that sets them on :root wins, in light and dark mode.
 *
 * Stoei Market property styles. They lean on the site's design tokens when it has them (each has a fallback):
 * --text --text-muted --heading --panel --surface --bg --border --border-width --line --foam --sea --ink --white
 * --btn-text --focus --link --field-bg --field-border --shadow-m --shadow-l --radius-s/m/l/xl/full --space-s/m
 * --text-s/m --h2..h5 --gutter. Full list and the site classes used: PRODUCT.md, "Design tokens and classes".
 *
 * Solid pills and bars ("For sale", the agent bar, ticked chips) use --stoei-solid / --stoei-on-solid.
 * They follow --ink / --white in light mode; in dark mode they stay dark navy with white text, so a site whose
 * dark theme flips --ink to a light colour still reads well. A site can set --stoei-solid(-dark) to its own colour.
 */
:where(:root){--stoei-solid:var(--ink,#0e1b2a);--stoei-on-solid:var(--white,#fff)}
@media (prefers-color-scheme:dark){:where(:root:not([data-theme="light"]):not([data-brx-theme="light"]):not(.light)){--stoei-solid:var(--stoei-solid-dark,#0e1b2a);--stoei-on-solid:#fff}}
:where(:root[data-theme="dark"],:root.dark,:root[data-brx-theme="dark"]){--stoei-solid:var(--stoei-solid-dark,#0e1b2a);--stoei-on-solid:#fff}

/* Stoei Market: property pages, search and the agent's form. Uses the site's own variables so it looks native. */

/* ── Search: one slim bar (computers), Buy/Rent + Filters button (phones) ── */
.stoei-psearch{display:flex;flex-direction:column;gap:var(--space-s,20px)}
.stoei-psearch-form{display:flex;flex-wrap:wrap;gap:10px 12px;align-items:flex-start;padding:12px;border:var(--border-width,2px) solid var(--border,#0e1b2a);border-radius:var(--radius-l,14px);background:var(--panel,#fff)}
.stoei-psearch-form>*,.stoei-psearch-fields>*{margin:0}
.stoei-psearch-bar{display:flex;gap:10px;align-items:center;justify-content:space-between}
.stoei-psearch-fields{flex:1 1 560px;display:flex;flex-direction:column;gap:8px}
.stoei-psearch-fields[hidden]{display:none}
.stoei-pdeal{display:flex;gap:6px;border:0;padding:0;margin:0}
.stoei-pdeal label{cursor:pointer;margin:0}
.stoei-pdeal input{position:absolute;opacity:0;pointer-events:none}
.stoei-pdeal span{display:inline-flex;align-items:center;min-height:44px;font-weight:700;padding:0 18px;border:var(--border-width,2px) solid var(--border,#0e1b2a);border-radius:var(--radius-full,999px);background:var(--panel,#fff)}
.stoei-pdeal input:checked+span{background:var(--stoei-solid);color:var(--stoei-on-solid)}
.stoei-pdeal input:focus-visible+span{outline:3px solid var(--focus,#c93c00);outline-offset:2px}
.stoei-pfilters-btn{display:none;font:inherit;font-weight:700;min-height:44px;padding:0 18px;border:var(--border-width,2px) solid var(--border,#0e1b2a);border-radius:var(--radius-full,999px);background:var(--panel,#fff);color:inherit;cursor:pointer}
.stoei-psearch-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr)) auto;gap:8px;align-items:center}
.stoei-psearch-row label{margin:0;display:block}
.stoei-psearch-row select,.stoei-psort select{width:100%;min-height:44px}
.stoei-psearch-row .bricks-button{min-height:44px;justify-content:center;padding-inline:22px}
@media (max-width:767px){
  .stoei-psearch-form{padding:10px}
  .stoei-psearch-bar{flex:1 1 100%}
  .stoei-pfilters-btn{display:inline-flex;align-items:center}
  .stoei-psearch-fields{flex-basis:100%}
  .stoei-psearch-row{grid-template-columns:1fr 1fr}
  .stoei-psearch-row .bricks-button{grid-column:1/-1}
}
.stoei-pmore summary{cursor:pointer;font-weight:600;font-size:var(--text-s,.9rem)}
.stoei-pmore-h{font-weight:700;margin:14px 0 6px}
.stoei-pform-checks{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:8px 16px}
.stoei-pform-checks label{display:flex;gap:8px;align-items:center;margin:0;font-weight:400}
.stoei-presults-head{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:end;gap:12px}
.stoei-presults-head>*{margin:0}
.stoei-pcount{font-weight:700}
.stoei-psort label{flex-direction:row;align-items:center;gap:8px}
.stoei-ppages{display:flex;gap:16px;align-items:center;justify-content:center;flex-wrap:wrap}

/* ── Result cards (on top of the site's .card) ── */
.stoei-pcard .card-body>*{margin:0}
.stoei-pcard-price{font-size:var(--h4,1.25rem);font-weight:800;color:var(--heading,inherit)}
.stoei-pcard-line{font-weight:600;color:var(--text,inherit)}
.stoei-pcard-noimg{display:block;background:var(--foam,#e8f4f4)}

/* ── Property page: see the new layout block at the end ── */
.stoei-pbadge{display:inline-block;padding:.25em .75em;border-radius:var(--radius-full,999px);background:var(--stoei-solid);color:var(--stoei-on-solid);font-size:var(--text-s,.9rem);font-weight:700}
.stoei-pbadge.is-under_offer{background:var(--sea,#0b6e8a)}
.stoei-ph{font-size:var(--h4,1.3rem)}
.stoei-pref{font-size:var(--text-s,.9rem);color:var(--text-muted,#555)}

/* Profiles */
.stoei-agency-head{display:flex;gap:20px;align-items:center;flex-wrap:wrap}
.stoei-agency-logo{max-height:96px;width:auto;max-width:260px;object-fit:contain}
.stoei-agency-contact{display:flex;gap:10px;flex-wrap:wrap}
.stoei-agents{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px;list-style:none;padding:0}
.stoei-profile-agent{margin:16px 0}

/* ── The agent's form and lists on /my ── */
.stoei-pform .stoei-box h3{margin-top:0}
.stoei-pform-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:0 16px}
.stoei-choice{border:0;padding:0;display:flex;gap:18px;flex-wrap:wrap}
.stoei-choice legend{font-weight:600;margin-bottom:6px;width:100%}
.stoei-choice label,.stoei-inline{display:flex;gap:8px;align-items:center;font-weight:400}
.stoei-pphotos{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px;list-style:none;padding:0;margin:0 0 16px}
.stoei-pphotos li{position:relative;border:var(--border-width,2px) solid var(--border,#0e1b2a);border-radius:var(--radius-m,10px);overflow:hidden;background:var(--panel,#fff);margin:0}
.stoei-pphotos li:first-child::before{content:"Cover";position:absolute;top:6px;left:6px;padding:2px 8px;border-radius:999px;background:var(--stoei-solid);color:var(--stoei-on-solid);font-size:12px;font-weight:700}
.stoei-pphotos img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover}
.stoei-pphoto-tools{display:flex;justify-content:space-between;gap:4px;padding:6px}
.stoei-pphoto-tools button{font:inherit;font-size:14px;padding:4px 10px;border:1px solid var(--line-dark,#999);border-radius:6px;background:var(--panel,#fff);cursor:pointer}
.stoei-pphotos li.is-new{border-style:dashed}
.stoei-file{position:absolute;width:1px;height:1px;opacity:0}
.stoei-pick{cursor:pointer}
.stoei-file:focus-visible+.stoei-photo-status,.stoei-pick:focus-within{outline:3px solid var(--focus,#c93c00)}
.stoei-photo-status{margin-left:10px;font-weight:600}
.stoei-pform-actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center;position:sticky;bottom:0;background:var(--bg,#fff);padding:12px 0;z-index:5}
.stoei-pform-actions .stoei-msg{margin-left:0!important}
.stoei-pform [data-only][hidden]{display:none!important}
.stoei-restore{padding:12px 16px;border:2px dashed var(--line-dark,#999);border-radius:10px}
.stoei-plist,.stoei-team{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:14px}
.stoei-plist li{display:flex;gap:14px;align-items:flex-start;padding-bottom:14px;border-bottom:1px solid var(--line,#ddd);margin:0}
.stoei-plist-media img{width:96px;height:72px;object-fit:cover;border-radius:8px;display:block}
.stoei-plist-media:empty{width:96px;height:72px;border-radius:8px;background:var(--foam,#e8f4f4)}
.stoei-plist-body{flex:1;min-width:0}
.stoei-plist-actions{display:flex;flex-wrap:wrap;gap:6px 14px;align-items:center;margin-top:6px}
.stoei-inline-form{display:inline;margin:0}
.stoei-linkbtn{font:inherit;background:none;border:0;padding:0;color:var(--link,#0b6e8a);text-decoration:underline;cursor:pointer;font-weight:600}
.stoei-plist-actions a{font-weight:600}
.stoei-pchoose{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px}
.stoei-pchoice{border:var(--border-width,2px) solid var(--border,#0e1b2a);border-radius:var(--radius-l,14px);padding:20px}
.stoei-pchoice>:first-child{margin-top:0}
.stoei-avatar img{width:72px;height:72px;object-fit:cover;border-radius:50%;display:block;margin:6px 0}
.stoei-avatar.is-logo img{width:auto;height:64px;border-radius:0;object-fit:contain}
.stoei-remove summary{display:inline}
.stoei-remove[open]{flex-basis:100%;padding:12px;border:1px solid var(--line,#ddd);border-radius:10px}
.stoei-account select,.stoei-account input[type=text],.stoei-account input[type=email],.stoei-account input[type=tel],.stoei-account textarea{max-width:100%;box-sizing:border-box}
.stoei-psearch .screen-reader-text{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.stoei-psort label{display:flex;align-items:center;gap:8px;margin:0;font-size:var(--text-s,.9rem);font-weight:600}.stoei-psort select{width:auto;min-height:40px}.stoei-presults-head{align-items:center}
.stoei-pagentbar{display:flex;flex-wrap:wrap;gap:10px 16px;align-items:center;justify-content:space-between;padding:10px 14px;border-radius:var(--radius-l,14px);background:var(--stoei-solid);color:var(--stoei-on-solid)}
.stoei-pagentbar p{margin:0}
.stoei-pagentbar span{opacity:.8}
.stoei-pagentbar-btns{display:flex;gap:8px;flex-wrap:wrap}
.stoei-pagentbar .bricks-button{min-height:40px}
.stoei-pagentbar .bricks-button:not(.bricks-background-primary){background:var(--panel,#fff);color:var(--text,#0e1b2a)}

/* ── /my for agents: header card, listing cards, checklist, tidy forms ── */
.stoei-account--agent .stoei-tabs{margin-top:var(--space-s,20px)}
.stoei-agenthead{display:grid;grid-template-columns:1fr auto;gap:16px 24px;align-items:center;padding:var(--space-s,20px);border:var(--border-width,2px) solid var(--border,#0e1b2a);border-radius:var(--radius-xl,20px);background:var(--panel,#fff);box-shadow:var(--shadow-l,6px 6px 0 0 #0e1b2a)}
.stoei-agenthead>*{margin:0}
.stoei-agenthead-who{display:flex;gap:14px;align-items:center;min-width:0}
.stoei-agenthead-who h2{margin:0;font-size:var(--h3,1.6rem);line-height:1.15}
.stoei-agenthead-who p{margin:4px 0 0;color:var(--text-muted,#555);font-size:var(--text-s,.9rem)}
.stoei-agenthead-logo{width:64px;height:64px;flex:none;border-radius:14px;object-fit:contain;background:var(--white,#fff);border:1px solid var(--line,#ddd)}
.stoei-agenthead-logo.is-empty{display:flex;align-items:center;justify-content:center;font-weight:800;font-size:1.6rem;background:var(--foam,#e8f4f4);color:var(--stoei-solid)}
.stoei-agenthead-add .bricks-button{min-height:52px;padding-inline:26px;font-size:1.05em}
.stoei-agenthead-nums{grid-column:1/-1;display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;list-style:none;padding:0}
.stoei-agenthead-nums li{margin:0}
.stoei-agenthead-nums a{display:flex;flex-direction:column;padding:10px 14px;border-radius:12px;background:var(--surface,#f4f1ea);color:inherit;text-decoration:none}
.stoei-agenthead-nums strong{font-size:1.6rem;line-height:1.1}
.stoei-agenthead-nums span{font-size:var(--text-s,.9rem);color:var(--text-muted,#555)}
.stoei-agenthead-msg,.stoei-checklist{grid-column:1/-1}
.stoei-agenthead-msg .stoei-msg{margin-left:0!important}
.stoei-checklist{padding:12px 16px;border:2px dashed var(--line-dark,#999);border-radius:12px}
.stoei-checklist p{margin:0 0 6px}
.stoei-checklist p span{color:var(--text-muted,#555);font-size:var(--text-s,.9rem);margin-left:6px}
.stoei-checklist ol{margin:0;padding-left:1.4em;display:grid;gap:4px}
.stoei-checklist li.is-done span{text-decoration:line-through;color:var(--text-muted,#555)}
.stoei-checklist li.is-done::marker{content:"✓  "}
@media (max-width:767px){
  .stoei-agenthead{grid-template-columns:1fr}
  .stoei-agenthead-add .bricks-button{width:100%;justify-content:center}
  .stoei-agenthead-nums{gap:6px}
  .stoei-agenthead-nums li{padding:8px 10px}
  .stoei-agenthead-nums strong{font-size:1.3rem}
}

.stoei-plist-head{display:flex;flex-wrap:wrap;gap:8px 14px;align-items:center}
.stoei-plist-head h3{margin:0}
.stoei-help{color:var(--text-muted,#555);font-size:var(--text-s,.9rem)}
.stoei-empty{padding:20px;border:2px dashed var(--line-dark,#999);border-radius:14px;text-align:center}
.stoei-pgroup{margin:var(--space-s,20px) 0 10px;font-size:1rem;text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted,#555)}
.stoei-pgroup span{display:inline-block;min-width:1.6em;padding:0 .4em;border-radius:999px;background:var(--surface,#f4f1ea);text-align:center;color:var(--text,#0e1b2a)}
.stoei-pcards2{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(300px,100%),1fr));gap:16px;list-style:none;padding:0;margin:0}
.stoei-pcard2{display:flex;flex-direction:column;margin:0;border:var(--border-width,2px) solid var(--border,#0e1b2a);border-radius:var(--radius-l,14px);background:var(--panel,#fff);overflow:visible}
.stoei-pc-media{position:relative;display:block;aspect-ratio:3/2;background:var(--foam,#e8f4f4);border-radius:calc(var(--radius-l,14px) - 2px) calc(var(--radius-l,14px) - 2px) 0 0;overflow:hidden}
.stoei-pc-media img{width:100%;height:100%;object-fit:cover;display:block}
.stoei-pc-noimg{display:flex;height:100%;align-items:center;justify-content:center;color:var(--text-muted,#555);font-weight:600}
.stoei-chip{position:absolute;top:10px;left:10px;padding:.25em .75em;border-radius:999px;font-size:13px;font-weight:700;color:#fff;background:#4b5563}
.stoei-chip.is-live{background:#1a7f37}.stoei-chip.is-wait{background:#9a5b00}.stoei-chip.is-draft{background:#4b5563}.stoei-chip.is-off{background:#6b7280}
.stoei-chip.is-market{left:auto;right:10px;background:var(--sea,#0b6e8a)}
.stoei-pc-body{display:flex;flex-direction:column;gap:4px;padding:14px}
.stoei-pc-body>p{margin:0}
.stoei-pc-price{font-weight:800;font-size:1.15rem}
.stoei-pc-title{font-weight:700;line-height:1.3}
.stoei-pc-title a{color:inherit}
.stoei-pc-meta,.stoei-pc-line{font-size:var(--text-s,.9rem);color:var(--text-muted,#555)}
.stoei-pc-stats{margin:6px 0 0;font-size:var(--text-s,.9rem);font-weight:700}
.stoei-pc-line.is-soon{color:#9a5b00;font-weight:700}
.stoei-pc-actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:8px}
.stoei-pc-actions .bricks-button{min-height:40px;padding:0 16px;margin:0}
.stoei-pc-actions .stoei-inline-form{display:inline-flex}
.stoei-more{position:relative}
.stoei-more summary{list-style:none;cursor:pointer}
.stoei-more summary::-webkit-details-marker{display:none}
.stoei-more summary::after{content:" ▾"}
.stoei-more-menu{position:absolute;z-index:20;left:0;top:calc(100% + 6px);min-width:220px;display:flex;flex-direction:column;padding:6px;border:var(--border-width,2px) solid var(--border,#0e1b2a);border-radius:12px;background:var(--panel,#fff);box-shadow:var(--shadow-m,4px 4px 0 0 #0e1b2a)}
.stoei-more-menu>a,.stoei-more-menu .stoei-linkbtn{display:block;width:100%;text-align:left;padding:10px 12px;border-radius:8px;color:inherit;text-decoration:none;font-weight:600}
.stoei-more-menu>a:hover,.stoei-more-menu .stoei-linkbtn:hover{background:var(--surface,#f4f1ea)}
.stoei-more-menu .stoei-inline-form{display:block}
.stoei-pc-msg .stoei-msg{margin-left:0!important}

/* Forms on /my: tidy headings, grey help, room between groups */
.stoei-account--agent .stoei-box h3{margin:0 0 6px}
.stoei-account--agent .stoei-box h4{margin:var(--space-m,30px) 0 8px}
.stoei-account--agent .stoei-box small{color:var(--text-muted,#555)}
.stoei-account--agent .form-group{margin-bottom:14px}
.stoei-account--agent .form-group>label{font-weight:600}
.stoei-team li{padding:12px 0;border-bottom:1px solid var(--line,#ddd)}
.stoei-team li:last-child{border-bottom:0}

/* ── Polish (0.17.5): the site's content area adds space above every element, paints links in link colour
   and caps the width at article size. Undo that inside the agent workspace. ── */
.prose:has(> .stoei-account--agent),.brxe-post-content:has(> .stoei-account--agent){max-width:none}
.stoei-account.stoei-account--agent{max-width:1100px}
.stoei-account.stoei-account--agent :is(.stoei-agenthead,.stoei-pcards2,.stoei-checklist,.stoei-fields,.stoei-upload,.stoei-team,.stoei-plist-head) *{margin-block-start:0}
.stoei-account.stoei-account--agent .stoei-agenthead>*,.stoei-account.stoei-account--agent .stoei-pcards2>li{margin:0}
.stoei-account a.bricks-button,.stoei-account summary.bricks-button,.stoei-account label.bricks-button{color:var(--btn-text,#fff);text-decoration:none}
.stoei-account .bricks-button.btn-light{background:var(--panel,#fff);color:var(--text,#0e1b2a)}
.stoei-account.stoei-account--agent .stoei-box>*+*{margin-block-start:14px}
.stoei-account.stoei-account--agent .stoei-box>h3{margin-block-start:0}
.stoei-account.stoei-account--agent .stoei-box>.stoei-help{margin-block-start:4px}

/* Header numbers: plain boxes */
.stoei-agenthead-nums li{display:flex;flex-direction:column;padding:10px 14px;border-radius:12px;background:var(--surface,#f4f1ea)}
.stoei-agenthead-nums li strong{font-size:1.6rem;line-height:1.1;color:var(--heading,inherit)}
.stoei-agenthead-nums li span{font-size:var(--text-s,.9rem);color:var(--text-muted,#555)}
.stoei-agenthead-who>div{display:flex;flex-direction:column;gap:2px}
.stoei-checklist ol{gap:6px}

/* One form system: two columns on computers, one on phones; labels stay on one line */
.stoei-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 18px}
.stoei-fields .is-wide{grid-column:1/-1}
.stoei-fields .form-group{display:flex;flex-direction:column;gap:6px;margin:0 0 10px}
.stoei-fields .form-group>label{margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.stoei-fields :is(input:not([type=checkbox]):not([type=radio]),select,textarea){width:100%;box-sizing:border-box}
.stoei-fields small{color:var(--text-muted,#555);font-size:var(--text-s,.9rem)}
.stoei-form-actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin:6px 0 0}
.stoei-form-actions .stoei-msg{margin-left:0!important}
@media (max-width:767px){.stoei-fields{grid-template-columns:1fr}}
.stoei-prefixed{display:flex;align-items:stretch;border:var(--border-width,2px) solid var(--field-border,#0e1b2a);border-radius:var(--radius-s,8px);overflow:hidden;background:var(--field-bg,#fff)}
.stoei-prefixed span{display:flex;align-items:center;padding:0 10px;background:var(--surface,#f4f1ea);color:var(--text-muted,#555);font-size:var(--text-s,.9rem);white-space:nowrap}
.stoei-account .stoei-prefixed input{border:0!important;border-radius:0!important;min-width:0;flex:1}
.stoei-upload{display:flex;flex-wrap:wrap;gap:10px 14px;align-items:center}
.stoei-upload-now img{width:72px;height:72px;border-radius:50%;object-fit:cover;display:block;border:1px solid var(--line,#ddd)}
.stoei-upload-now.is-logo img{width:auto;max-width:180px;height:72px;border-radius:10px;object-fit:contain;background:#fff;padding:4px}
.stoei-upload-pick{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.stoei-upload-pick label.bricks-button{cursor:pointer;margin:0;min-height:44px;text-transform:none;letter-spacing:0;font-size:var(--text-m,1rem)}
.stoei-upload-name{color:var(--text-muted,#555);font-size:var(--text-s,.9rem)}
.stoei-upload .stoei-file{position:absolute;width:1px;height:1px;opacity:0;overflow:hidden}
.stoei-upload .stoei-file:focus-visible+label{outline:3px solid var(--focus,#c93c00);outline-offset:2px}
.stoei-account .stoei-inline{text-transform:none;letter-spacing:0;font-size:var(--text-m,1rem);font-weight:400}
.stoei-preview-note{padding:10px 14px;border-radius:10px;background:#fff4d6;color:#4a3500;border:1px solid #e6c463}
.stoei-account .stoei-upload-pick{position:relative}
.stoei-account .stoei-upload input.stoei-file{position:absolute!important;left:0;top:0;width:1px!important;height:1px!important;min-height:0!important;padding:0!important;border:0!important;opacity:0;overflow:hidden;clip:rect(0,0,0,0)}
.stoei-account ul.stoei-agenthead-nums,.stoei-account ul.stoei-pcards2,.stoei-account ul.stoei-team{padding-inline-start:0;list-style:none}
.stoei-account .stoei-pcards2>li+li,.stoei-account .stoei-agenthead-nums>li+li,.stoei-account .stoei-team>li+li{margin-top:0}
/* Pressing Enter in a field saves (the first button), never removes the photo */
.stoei-account .stoei-default-submit{position:absolute!important;width:1px;height:1px;min-height:0;padding:0;margin:-1px;border:0;overflow:hidden;clip:rect(0,0,0,0)}
.stoei-upload.has-image{align-items:center}
.stoei-upload-remove{min-height:44px}

/* Account pages lead with their own heading (no page title above them) */
.stoei-account .stoei-title,.stoei-account h1{font-size:var(--h2,2.2rem);line-height:1.1;margin:0 0 var(--space-s,20px)}
.stoei-agenthead .stoei-title,.stoei-agenthead h1{font-size:var(--h3,1.6rem);margin:0}
.stoei-account .stoei-backlink{margin:0 0 6px;font-size:var(--text-s,.9rem)}
.stoei-account .stoei-backlink a{font-weight:600}
.prose:has(> .stoei-account),.brxe-post-content:has(> .stoei-account){max-width:none}
.stoei-account{max-width:1100px}
.stoei-account--property .stoei-box{margin-block:16px}

/* The form's buttons: one clean strip that stays in view while you scroll */
.stoei-pform-actions{position:sticky;bottom:0;z-index:5;display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin:20px 0 0;padding:12px 16px;border:var(--border-width,2px) solid var(--border,#0e1b2a);border-radius:var(--radius-l,14px);background:var(--panel,#fff);box-shadow:0 -6px 18px rgba(14,27,42,.12)}
.stoei-pform-actions .bricks-button{min-height:48px;margin:0}

/* Add/edit property form: same calm spacing as the rest of /my */
.stoei-account--property :is(.stoei-box,.stoei-pform-actions,.stoei-pphotos) *{margin-block-start:0}
.stoei-account--property .stoei-box>*+*{margin-block-start:12px}
.stoei-account--property .form-group{display:flex;flex-direction:column;gap:6px;margin:0 0 14px}
.stoei-account--property .stoei-pform-grid{gap:0 16px}
.stoei-account--property .stoei-pform-grid .form-group>label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.stoei-account :is(.stoei-inline,.stoei-pform-checks label,.stoei-choice label){text-transform:none;letter-spacing:0;font-size:var(--text-m,1rem);font-weight:400;color:var(--text,inherit)}
.stoei-pdeal--form{display:flex;gap:8px;margin:0 0 16px}
.stoei-pdeal--form label{text-transform:none;letter-spacing:0;font-size:var(--text-m,1rem)}
.stoei-pform-actions>*,.stoei-pform-actions>*+*{margin:0!important}
.stoei-pform-actions .bricks-button{min-height:48px;transform:none}
.stoei-account .stoei-backlink+*{margin-top:0}
.stoei-account .stoei-backlink{margin-bottom:4px}
.stoei-account--property .stoei-pdeal--form{flex-direction:row;flex-wrap:wrap;gap:8px;border:0;padding:0}
.stoei-account--property .stoei-pdeal--form label{margin:0!important;font-weight:700}
.stoei-account--property .stoei-pdeal--form span{font-size:var(--text-m,1rem);min-height:44px;padding:0 20px}

/* Feature and type chips: tap to turn on (✓), tap again to turn off */
.stoei-chips{display:flex;flex-wrap:wrap;gap:8px}
.stoei-chipbox{position:relative;margin:0!important;cursor:pointer;text-transform:none!important;letter-spacing:0!important}
.stoei-chipbox input{position:absolute;opacity:0;width:1px;height:1px;pointer-events:none}
.stoei-chipbox span{display:inline-flex;align-items:center;gap:6px;min-height:42px;padding:0 16px;border:var(--border-width,2px) solid var(--border,#0e1b2a);border-radius:999px;background:var(--panel,#fff);color:var(--text,#0e1b2a);font-size:var(--text-m,1rem);font-weight:600;line-height:1.2;user-select:none}
.stoei-chipbox span::before{content:"+";font-weight:700;opacity:.55}
.stoei-chipbox input:checked+span{background:var(--stoei-solid);border-color:var(--stoei-solid);color:var(--stoei-on-solid)}
.stoei-chipbox input:checked+span::before{content:"✓";opacity:1}
.stoei-chipbox input:focus-visible+span{outline:3px solid var(--focus,#c93c00);outline-offset:2px}
.stoei-pmore .stoei-chips{margin-bottom:6px}
.stoei-pref-find{display:flex;flex-direction:column;gap:4px;max-width:360px}
.stoei-pref-find input{min-height:44px}
.stoei-pref-find small{color:var(--text-muted,#555);font-size:var(--text-s,.9rem)}
.stoei-prefno{font-size:var(--text-s,.9rem);color:var(--text-muted,#555);font-weight:600;letter-spacing:.02em}

/* ══ Property page (0.17.15): photos up top, facts down the left, the agent on the right ══ */
.stoei-pp{--pp-gap:clamp(20px,3vw,32px);--pp-r:var(--radius-l,14px);--pp-bd:var(--border-width,2px) solid var(--border,#0e1b2a)}
.stoei-pp-in{container-type:inline-size;display:flex;flex-direction:column;gap:var(--pp-gap)}
.stoei-pp *{margin-block-start:0}
.stoei-pp p,.stoei-pp h1,.stoei-pp h2,.stoei-pp ul,.stoei-pp dl,.stoei-pp dd,.stoei-pp figure{margin:0}
.stoei-pp ul{padding:0;list-style:none}
.stoei-pp li+li{margin:0}
.stoei-ico{flex:none;width:1.15em;height:1.15em}

/* Top bar: back to results, share */
.stoei-pp-bar{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}
.stoei-pp .stoei-pp-back{font-weight:700;text-decoration:none;color:var(--text,inherit)}
.stoei-pp .stoei-pp-back:hover{text-decoration:underline}
.stoei-pp-share{display:inline-flex;align-items:center;gap:10px}
.stoei-pp-sharebtn{display:inline-flex;align-items:center;gap:6px;min-height:40px;padding:0 14px;border:var(--pp-bd);border-radius:var(--radius-full,999px);background:var(--panel,#fff);color:var(--text,#0e1b2a);font:inherit;font-weight:700;cursor:pointer}
.stoei-pp-sharemsg{font-size:var(--text-s,.9rem);font-weight:600;color:var(--text-muted,#555)}

/* Photos */
.stoei-pp .stoei-gallery{position:relative;border:0;border-radius:var(--pp-r);overflow:hidden;background:none}
.stoei-gallery-track{display:grid;gap:8px;height:clamp(280px,42vw,520px);grid-template-columns:2fr 1fr 1fr;grid-template-rows:1fr 1fr}
.stoei-gallery-slide{all:unset;display:block;position:relative;overflow:hidden;cursor:zoom-in;background:var(--foam,#e8f4f4);border-radius:4px}
.stoei-gallery-slide:focus-visible{outline:3px solid var(--focus,#f59e0b);outline-offset:-3px}
.stoei-gallery-slide img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s ease}
.stoei-gallery-slide:hover img{transform:scale(1.03)}
.stoei-gallery-slide:first-child{grid-row:1/3}
.stoei-gallery-slide:nth-child(n+6){display:none}
.stoei-gallery[data-count="1"] .stoei-gallery-track{grid-template-columns:1fr;grid-template-rows:1fr}
.stoei-gallery[data-count="1"] .stoei-gallery-slide:first-child{grid-row:auto}
.stoei-gallery[data-count="2"] .stoei-gallery-track{grid-template-columns:2fr 1fr;grid-template-rows:1fr}
.stoei-gallery[data-count="2"] .stoei-gallery-slide:first-child{grid-row:auto}
.stoei-gallery[data-count="3"] .stoei-gallery-track{grid-template-columns:2fr 1fr}
.stoei-gallery[data-count="4"] .stoei-gallery-track{grid-template-columns:2fr 1fr 1fr}
.stoei-gallery[data-count="4"] .stoei-gallery-slide:nth-child(2){grid-column:2/4}
.stoei-gallery-all{position:absolute;right:14px;bottom:14px;display:inline-flex;align-items:center;gap:8px;min-height:42px;padding:0 16px;border:var(--pp-bd);border-radius:var(--radius-full,999px);background:var(--panel,#fff);color:var(--text,#0e1b2a);font:inherit;font-weight:700;cursor:pointer;box-shadow:0 2px 10px rgba(0,0,0,.2)}
.stoei-gallery-count{display:none}
@media (max-width:767px){
  .stoei-pp .stoei-gallery{margin-inline:calc(-1 * var(--gutter,16px));border-radius:0}
  .stoei-gallery-track{display:flex;height:auto;gap:0;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}
  .stoei-gallery-track::-webkit-scrollbar{display:none}
  .stoei-gallery-slide,.stoei-gallery-slide:nth-child(n+6){display:block;flex:0 0 100%;aspect-ratio:4/3;scroll-snap-align:center;border-radius:0}
  .stoei-gallery-all{display:none}
  .stoei-gallery-count{display:inline-flex;align-items:center;gap:6px;position:absolute;right:12px;bottom:12px;padding:.3em .8em;border-radius:var(--radius-full,999px);background:rgba(0,0,0,.7);color:#fff;font-size:var(--text-s,.9rem);font-weight:700}
}

/* All photos, large */
.stoei-lightbox{width:100%;max-width:none;height:100%;max-height:none;margin:0;padding:0;border:0;background:#0b0f14;color:#fff}
.stoei-lightbox::backdrop{background:rgba(0,0,0,.85)}
.stoei-lightbox-bar{position:sticky;top:0;z-index:1;display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;background:#0b0f14}
.stoei-lightbox-bar p{margin:0;font-weight:700}
.stoei-lightbox-close{min-height:44px;padding:0 18px;border:2px solid #fff;border-radius:var(--radius-full,999px);background:transparent;color:#fff;font:inherit;font-weight:700;cursor:pointer}
.stoei-lightbox-list{display:flex;flex-direction:column;gap:12px;max-width:1100px;margin:0 auto;padding:0 16px 40px}
.stoei-lightbox-list figure{margin:0}
.stoei-lightbox-list img{width:100%;height:auto;display:block;border-radius:6px}

/* Columns */
.stoei-pp .stoei-pcols{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:clamp(24px,4vw,56px);align-items:start}
.stoei-pmain{display:flex;flex-direction:column;gap:var(--pp-gap)}
.stoei-pp .stoei-pside{position:sticky;top:96px}
@container (max-width:860px){.stoei-pp .stoei-pcols{grid-template-columns:1fr}.stoei-pp .stoei-pside{position:static}}

/* Price, title, where */
.stoei-pp .stoei-ptop{display:flex;flex-direction:column;gap:8px}
.stoei-ptags{display:flex;flex-wrap:wrap;gap:6px}
.stoei-ptag{display:inline-block;padding:.25em .75em;border-radius:var(--radius-full,999px);background:var(--stoei-solid);color:var(--stoei-on-solid);font-size:var(--text-s,.9rem);font-weight:700}
.stoei-ptag.is-soft{background:var(--foam,#e8f4f4);color:var(--stoei-solid)}
.stoei-pp .stoei-pprice{font-size:clamp(2rem,4.5vw,2.75rem);font-weight:800;line-height:1.05;letter-spacing:-.01em;color:var(--heading,inherit)}
.stoei-pp .stoei-ptitle{font-size:var(--h3,1.6rem);line-height:1.2}
.stoei-pp .stoei-pplace{display:flex;align-items:center;gap:6px;color:var(--text-muted,#555);font-weight:600}

/* Key facts strip */
.stoei-pp .stoei-pfacts{display:flex;flex-wrap:wrap;gap:0;border-block:1px solid var(--line,#ddd);padding-block:4px}
.stoei-pp .stoei-pfacts li{display:flex;align-items:center;gap:10px;padding:12px 20px 12px 0;margin-right:20px;border:0;background:none;border-right:1px solid var(--line,#ddd)}
.stoei-pp .stoei-pfacts li:last-child{border-right:0;margin-right:0}
.stoei-pp .stoei-pfacts .stoei-ico{width:26px;height:26px;color:var(--sea,currentColor)}
.stoei-pp .stoei-pfact-value{font-size:var(--h4,1.25rem);font-weight:800;color:var(--heading,inherit)}
.stoei-pp .stoei-pfact-label{font-size:var(--text-s,.9rem);color:var(--text-muted,#555)}
@container (max-width:560px){.stoei-pp .stoei-pfacts{display:grid;grid-template-columns:1fr 1fr}.stoei-pp .stoei-pfacts li{border-right:0;margin-right:0;padding-right:0}}

/* Sections */
.stoei-pp-sec{display:flex;flex-direction:column;gap:14px}
.stoei-pp .stoei-pdesc{display:flex;flex-direction:column;gap:1em;max-width:70ch;line-height:1.65}
.stoei-pp .stoei-pfeatures{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:12px 20px;padding:0}
.stoei-pp .stoei-pfeatures li{display:flex;align-items:center;gap:10px;font-weight:600}
.stoei-pp .stoei-pfeatures .stoei-ico{width:22px;height:22px;padding:3px;border-radius:50%;background:var(--foam,#e8f4f4);color:var(--sea,#0b6e8a)}
.stoei-pdl{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:0 32px}
.stoei-pdl>div{display:flex;justify-content:space-between;gap:16px;padding:12px 0;border-bottom:1px solid var(--line,#ddd)}
.stoei-pdl dt{color:var(--text-muted,#555)}
.stoei-pdl dd{font-weight:700;text-align:right}

/* Agent card */
.stoei-pp .stoei-pagent{border:var(--pp-bd);border-radius:var(--pp-r);background:var(--panel,#fff);box-shadow:var(--shadow-m,4px 4px 0 var(--border,#0e1b2a));overflow:hidden}
.stoei-pagent-head{display:flex;align-items:center;gap:12px;padding:14px 20px;border-bottom:1px solid var(--line,#ddd);background:var(--surface,transparent);color:var(--text,inherit);text-decoration:none}
.stoei-pp a.stoei-pagent-head{color:var(--text,inherit);text-decoration:none}
.stoei-pp a.stoei-pagent-head:hover .stoei-pagent-agencyname{text-decoration:underline}
.stoei-pagent-logo{height:44px;width:auto;max-width:140px;object-fit:contain;border-radius:6px}
.stoei-pagent-agencyname{font-weight:800}
.stoei-pagent-body{display:flex;flex-direction:column;gap:16px;padding:20px}
.stoei-pagent-who{display:flex;gap:14px;align-items:center}
.stoei-pagent-photo{width:60px;height:60px;border-radius:50%;object-fit:cover;flex:none}
.stoei-pagent-photo.is-empty{display:flex;align-items:center;justify-content:center;font-weight:800;font-size:1.4rem;background:var(--foam,#e8f4f4);color:var(--stoei-solid)}
.stoei-pagent-role{font-size:var(--text-s,.9rem);color:var(--text-muted,#555)}
.stoei-pagent-name{font-weight:800;font-size:var(--h4,1.2rem);line-height:1.2}
.stoei-pp .stoei-pagent-name a{color:var(--text,inherit);text-decoration:none}
.stoei-pp .stoei-pagent-name a:hover{text-decoration:underline}
.stoei-pagent-note{color:var(--text-muted,#555)}
.stoei-pagent-btns{display:flex;flex-direction:column;gap:10px}
.stoei-pp .stoei-pagent .bricks-button{display:flex;justify-content:center;align-items:center;gap:8px;width:100%;min-height:50px;box-sizing:border-box}
.stoei-pp .stoei-pagent .bricks-button:not(.bricks-background-primary),.stoei-pp-mbar .bricks-button:not(.bricks-background-primary){background:var(--panel,#fff);color:var(--text,#0e1b2a)}
.stoei-pp .stoei-pagent .bricks-background-primary,.stoei-pp-mbar .bricks-background-primary{color:var(--btn-text,#fff)}

/* Enquiry inside the agent card */
.stoei-pp .stoei-enquiry{padding:20px;border-top:1px solid var(--line,#ddd)}
.stoei-enquiry-h{font-size:var(--h5,1.05rem);margin:0 0 12px}
.stoei-enquiry .form-group,.stoei-enquiry .form-group>*{margin-block-start:0}
.stoei-enquiry .form-group{margin-bottom:12px}
.stoei-enquiry input,.stoei-enquiry textarea{width:100%;box-sizing:border-box}
.stoei-enquiry-send{display:flex;flex-direction:column;gap:8px;margin:0}
.stoei-pp .stoei-enquiry-send .bricks-button{width:100%;justify-content:center;min-height:50px}
.stoei-enquiry-note{margin:10px 0 0;font-size:var(--text-s,.85rem);color:var(--text-muted,#555)}

/* Phones: call, WhatsApp and email stay in reach */
.stoei-pp-mbar{display:none}
@media (max-width:991px){
  .stoei-pp-mbar{position:fixed;left:0;right:0;bottom:0;z-index:50;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 16px calc(10px + env(safe-area-inset-bottom));background:var(--panel,#fff);border-top:var(--pp-bd);box-shadow:0 -4px 16px rgba(0,0,0,.12)}
  .stoei-pp-mbar p{margin:0;font-size:1.05rem;white-space:nowrap}
  .stoei-pp-mbar>div{display:flex;gap:8px}
  .stoei-pp-mbar .bricks-button{display:inline-flex;align-items:center;gap:6px;min-height:44px;padding:0 14px}
  .stoei-pp{padding-bottom:76px}
}
@media (max-width:420px){.stoei-pp-mbar p{display:none}.stoei-pp-mbar>div{flex:1}.stoei-pp-mbar .bricks-button{flex:1;justify-content:center}}

/* Spacing pass (0.17.17): one rhythm — 16 small, 24 medium, 40 between blocks */
.stoei-pp-in{gap:0;padding-top:clamp(16px,2.5vw,28px)}
.stoei-pp-bar{margin-bottom:16px}
.stoei-pp .stoei-gallery{margin-bottom:clamp(28px,4vw,44px)}
.stoei-pmain{gap:0}
.stoei-pmain>*+*{margin-top:40px}
.stoei-pp .stoei-ptop{gap:0}
.stoei-pp .stoei-ptags{margin-bottom:14px}
.stoei-pp .stoei-ptitle{margin-top:10px}
.stoei-pp .stoei-pplace{margin-top:8px}
.stoei-pp .stoei-ptop+.stoei-pfacts{margin-top:28px}
.stoei-pp-sec{gap:16px;padding-top:40px;border-top:1px solid var(--line,#ddd)}
.stoei-pp .stoei-pfacts+.stoei-pp-sec{border-top:0;padding-top:0}
.stoei-pp .stoei-ph{font-size:var(--h4,1.35rem);line-height:1.2}
.stoei-pp .stoei-pfeatures{gap:14px 24px}
.stoei-pdl{grid-template-columns:1fr 1fr;gap:0 48px}
.stoei-pdl>div{padding:14px 0}
@container (max-width:560px){.stoei-pdl{grid-template-columns:1fr}}
.stoei-pmain>.stoei-pref{margin-top:24px}

/* ── /my for everyone (0.17.18): same workspace look for business owners; Account tab sections ── */
.stoei-account.stoei-account--agent :is(.stoei-accsec,.stoei-empty,.stoei-steps,.stoei-listings) *{margin-block-start:0}
.stoei-agenthead-logo.is-round{border-radius:50%}
.stoei-accsec{display:flex;flex-direction:column;gap:8px;padding:22px 0;border-top:1px solid var(--line,#ddd)}
.stoei-account.stoei-account--agent .stoei-box>.stoei-accsec{margin-block-start:18px}
.stoei-account.stoei-account--agent .stoei-box>.stoei-accsec+.stoei-accsec{margin-block-start:0}
.stoei-accsec:last-child{padding-bottom:0}
.stoei-accsec h4,.stoei-account--agent .stoei-box .stoei-accsec h4{margin:0;font-size:1.05rem}
.stoei-accsec p,.stoei-accsec form{margin:0}
.stoei-accsec form p{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:0}
.stoei-accsec form p .stoei-msg{margin-left:0!important}
.stoei-accrow{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.stoei-accrow .form-group{flex:1 1 260px;max-width:420px;margin:0!important}
.stoei-check{display:flex;align-items:center;gap:10px;font-weight:600;cursor:pointer;margin-bottom:10px;text-transform:none;font-size:inherit;letter-spacing:0}
.stoei-check input{width:20px;height:20px;flex:none;margin:0}
.stoei-accsec.is-danger h4{color:#b32d2e}
.stoei-account a.stoei-dangerlink{color:#b32d2e;font-weight:700}
.stoei-empty--left{text-align:left}
.stoei-empty--left>p{margin:0}
.stoei-steps{margin:10px 0 0;padding-left:1.4em;display:grid;gap:6px}
.stoei-account .stoei-listings{list-style:none;padding:0;display:grid;gap:10px}
.stoei-account .stoei-listings>li{margin:0;padding:14px 16px;border:var(--border-width,2px) solid var(--border,#0e1b2a);border-radius:var(--radius-l,14px);background:var(--panel,#fff);line-height:1.6}
.stoei-account .stoei-listings>li>a:first-child{font-weight:800;color:var(--text,inherit)}
.stoei-account .stoei-listings--results>li,.stoei-account .stoei-listings--waiting>li{padding:10px 14px;border-width:1px}
.screen-reader-text{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.stoei-account.stoei-account--agent .stoei-box{padding:clamp(18px,3vw,28px)}
.stoei-account a.stoei-dangerlink{font-size:var(--text-s,.95rem)}
/* 0.17.19 touch-ups */
.stoei-account .stoei-pc-media img{height:100%!important;width:100%!important;aspect-ratio:auto!important;border-radius:0!important;object-fit:cover}
.stoei-account .stoei-pc-title a{text-decoration:none!important;color:var(--text,inherit)!important}
.stoei-account .stoei-pc-title a:hover{text-decoration:underline}
.stoei-agenthead-nums{grid-template-columns:repeat(auto-fit,minmax(160px,220px))!important}
.stoei-account .stoei-check,.stoei-account .stoei-check *{color:var(--text,#0e1b2a);opacity:1}
.stoei-accrow>p,.stoei-accrow .form-group input{margin:0!important}
.stoei-accrow{align-items:center}
.stoei-accrow{align-items:flex-start!important}
.stoei-accrow .form-group{line-height:0}
.stoei-accrow .form-group input{line-height:normal}
.stoei-accrow .form-group label{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;margin:0!important;padding:0!important}

/* ── Built-in result cards (Settings → General → Site → "Result cards: Stoei Market's own style"),
   for a site without card classes. Only stoei- classes, so the site's .card / .card-link rules can't reach them;
   the link is still pinned (position, transform, shadow) in case a site styles links broadly.
   jeffreysbay.com uses its own card classes and never gets these. ── */
.stoei-pcards--own{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(280px,100%),1fr));gap:20px;list-style:none;padding:0;margin:0}
.stoei-pcards--own>.stoei-pcard{position:relative;display:flex;flex-direction:column;margin:0;border:var(--border-width,1px) solid var(--line,rgba(127,127,127,.35));border-radius:var(--radius-l,14px);background:var(--panel,Canvas);color:var(--text,CanvasText);overflow:hidden;box-shadow:var(--shadow-m,0 1px 4px rgba(0,0,0,.08));transition:border-color .2s,box-shadow .2s,transform .2s}
.stoei-pcards--own>.stoei-pcard:hover,.stoei-pcards--own>.stoei-pcard:focus-within{border-color:var(--primary,var(--sea,currentColor));transform:translateY(-2px);box-shadow:var(--shadow-l,0 6px 18px rgba(0,0,0,.14))}
.stoei-pcards--own>.stoei-pcard:focus-within{outline:3px solid var(--focus,#f59e0b);outline-offset:2px}
.stoei-pcards--own .stoei-pcard-media{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;margin:0;border-radius:0}
.stoei-pcards--own .stoei-pcard-badge{position:absolute;top:10px;left:10px;z-index:1;padding:.25em .75em;border-radius:var(--radius-full,999px);background:var(--stoei-solid);color:var(--stoei-on-solid);font-size:var(--text-s,.85rem);font-weight:700}
.stoei-pcards--own .stoei-pcard-body{display:flex;flex-direction:column;gap:6px;flex:1;padding:14px 16px 16px}
.stoei-pcards--own .stoei-pcard-body>*{margin:0}
.stoei-pcards--own .stoei-pcard-price{font-size:var(--h4,1.3rem)}
.stoei-pcards--own .stoei-pcard-title{font-size:var(--h5,1.1rem);font-weight:700;line-height:1.3}
.stoei-pcards--own .stoei-pcard-line{font-size:var(--text-s,.95rem)}
.stoei-pcards--own .stoei-pcard-meta{font-size:var(--text-s,.9rem);color:var(--text-muted,GrayText)}
.stoei-pcards--own a.stoei-pcard-link{position:static;transform:none;box-shadow:none;color:inherit;text-decoration:none;background:none}
.stoei-pcards--own a.stoei-pcard-link::after{content:"";position:absolute;inset:0;z-index:2}
.stoei-pcards--own .stoei-pcard:hover a.stoei-pcard-link,.stoei-pcards--own a.stoei-pcard-link:focus-visible{text-decoration:underline}
.stoei-pcards--own a.stoei-pcard-link:focus-visible{outline:none}
@media (prefers-reduced-motion:reduce){.stoei-pcards--own>.stoei-pcard{transition:none}.stoei-pcards--own>.stoei-pcard:hover,.stoei-pcards--own>.stoei-pcard:focus-within{transform:none}}

/* A gentle note next to a field (floor bigger than the plot): amber text, readable in light and dark. */
:where(:root){--stoei-warn:#8a5a00;--stoei-ok:#1a7f37}
@media (prefers-color-scheme:dark){:where(:root:not([data-theme="light"]):not([data-brx-theme="light"]):not(.light)){--stoei-warn:#f5c35b;--stoei-ok:#5cc77a}}
:where(:root[data-theme="dark"],:root.dark,:root[data-brx-theme="dark"]){--stoei-warn:#f5c35b;--stoei-ok:#5cc77a}
.stoei-pwarn{display:block;margin-top:6px;color:var(--stoei-warn);font-weight:600;line-height:1.4}
.stoei-pwarn[hidden]{display:none}

/* Admin review bar on a listing waiting for approval: Approve / Approve and trust / Send back with a reason. */
.stoei-review{display:flex;flex-direction:column;gap:12px;margin:0 0 24px;padding:16px 18px;border:var(--border-width,2px) solid var(--border,#0e1b2a);border-left-width:8px;border-left-color:var(--stoei-warn);border-radius:var(--radius-l,14px);background:var(--panel,Canvas);color:var(--text,CanvasText)}
.stoei-review.is-done{border-left-color:#1a7f37}
.stoei-review *{margin-block-start:0}
.stoei-review p{margin:0}
.stoei-review-btns{display:flex;flex-wrap:wrap;gap:10px}
.stoei-review-btns form{margin:0}
.stoei-review-back summary{cursor:pointer;font-weight:700;min-height:32px;display:flex;align-items:center}
.stoei-review-back form{display:flex;flex-direction:column;gap:8px;margin-top:10px;max-width:640px}
.stoei-review-back label{font-weight:700;text-transform:none;letter-spacing:0;font-size:inherit}
.stoei-review-back textarea{width:100%;box-sizing:border-box;font:inherit;padding:10px;border:1px solid var(--field-border,var(--border,#888));border-radius:8px;background:var(--field-bg,Field);color:var(--text,FieldText)}
.stoei-review-back p{display:flex;flex-wrap:wrap;align-items:center;gap:10px}
.stoei-review-msg{color:var(--stoei-warn);font-weight:600}
.stoei-review-note{font-size:var(--text-s,.9rem);color:var(--text-muted,GrayText)}
.stoei-review-reason{font-style:italic}
.stoei-review-back summary{font-size:inherit}

/* 0.17.27: the review bar keeps clear of the header, and "Send back" is a button like its neighbours. */
.stoei-review{margin:clamp(16px,2.5vw,28px) 0 8px}
.stoei-review-btns{align-items:flex-start}
.stoei-review-btns>form,.stoei-review-btns>details{margin:0}
.stoei-review-btns>details[open]{flex-basis:100%}
.stoei-review-back summary.stoei-review-sendback{display:inline-flex;align-items:center;cursor:pointer;list-style:none;font-size:inherit;margin:0}
.stoei-review-back summary.stoei-review-sendback::-webkit-details-marker{display:none}
.stoei-review-back summary.stoei-review-sendback::marker{content:""}
.stoei-review .bricks-button.stoei-review-alt{background:var(--panel,Canvas);color:var(--text,CanvasText);border:var(--border-width,2px) solid var(--border,#0e1b2a)}
.stoei-review .bricks-button.stoei-review-alt:hover{background:var(--surface,var(--panel,Canvas));text-decoration:underline}
.stoei-review .stoei-review-back form label{color:var(--text,CanvasText);opacity:1}
.stoei-pp .stoei-pp-ownernote{margin:-16px 0 0;padding:10px 14px;border-radius:var(--radius-m,10px);background:var(--surface,var(--panel,Canvas));border:1px dashed var(--line,#ccc);font-size:var(--text-s,.9rem);color:var(--text,CanvasText)}
.stoei-pp .stoei-pp-ownernote{margin:0 0 16px}

/* ── Agent plans (0.18): the Plan tab and the On the plan switch on listing cards ── */
.stoei-account .stoei-plans{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(260px,100%),1fr));gap:16px;list-style:none;padding:0;margin:16px 0 0}
.stoei-account .stoei-plans>li{margin:0}
.stoei-plancard{display:flex;flex-direction:column;gap:10px;padding:20px;border:var(--border-width,2px) solid var(--border,#0e1b2a);border-radius:var(--radius-l,14px);background:var(--panel,Canvas);color:var(--text,CanvasText)}
.stoei-plancard *{margin:0}
.stoei-plancard h4{font-size:var(--h4,1.25rem)}
.stoei-plancard-price strong{font-size:var(--h3,1.6rem);color:var(--heading,inherit)}
.stoei-plancard form{margin-top:auto}
.stoei-plan-now{display:flex;flex-direction:column;gap:6px;padding:16px 18px;border-radius:var(--radius-l,14px);background:var(--surface,var(--panel,Canvas));border:1px solid var(--line,#ddd)}
.stoei-plan-now p{margin:0}
.stoei-plan-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}
.stoei-plan-actions form,.stoei-planform{margin:0}
.stoei-pc-plan{font-size:var(--text-s,.9rem);font-weight:600;color:var(--text-muted,GrayText)}
.stoei-pc-planbtn{display:inline-flex;align-items:center;min-height:36px;padding:0 12px;border:1px solid var(--line,#ccc);border-radius:var(--radius-full,999px);background:var(--panel,Canvas);color:var(--text,CanvasText);font:inherit;font-size:var(--text-s,.9rem);font-weight:600;cursor:pointer}
.stoei-pc-planbtn.is-on{border-color:var(--stoei-ok);color:var(--stoei-ok)}
.stoei-pc-planbtn:hover{text-decoration:underline}
.stoei-pc-planbtn:focus-visible{outline:3px solid var(--focus,#f59e0b);outline-offset:2px}
:root[data-theme="dark"] .stoei-pc-planbtn.is-on,:root.dark .stoei-pc-planbtn.is-on{border-color:#4ac26b;color:#4ac26b}
.stoei-account .stoei-plancard h4,.stoei-account .stoei-plancard p{margin:0}

/* Overlap check: a strong note at the top of the form when it looks like a listing already on the site, and in the review bar. */
.stoei-overlap{margin:0 0 24px;padding:20px 22px;border:3px solid var(--stoei-warn);border-radius:var(--radius-l,14px);background:color-mix(in srgb,var(--stoei-warn) 12%,var(--panel,Canvas));color:var(--text,CanvasText);line-height:1.5;scroll-margin-top:120px}
.stoei-overlap:focus{outline:none}
.stoei-overlap p,.stoei-review-overlap p{margin:0}
.stoei-overlap p+p,.stoei-overlap ul+p{margin-top:10px}
.stoei-overlap .stoei-overlap-head{font-weight:800;font-size:1.25em;line-height:1.3;color:var(--stoei-warn)}
.stoei-overlap .stoei-overlap-head span{margin-right:6px}
.stoei-overlap ul,.stoei-review-overlap ul{margin:8px 0;padding-left:20px}
.stoei-overlap li,.stoei-review-overlap li{margin:4px 0}
.stoei-overlap a:not(.bricks-button),.stoei-review-overlap a{color:inherit;text-decoration:underline;font-weight:600}
.stoei-overlap .stoei-overlap-btns{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:16px}
.stoei-overlap .stoei-overlap-btns .bricks-button{margin:0}
.stoei-review-overlap{padding:10px 12px;border-radius:var(--radius,8px);background:color-mix(in srgb,var(--stoei-warn) 10%,transparent);line-height:1.5}
.stoei-review-overlap ul{margin-bottom:0}

/* ══ Design sweep (0.19): bolder, more polished property pages. Built from the site's own tokens, so each site keeps
   its look (jeffreysbay.com: ink borders and crisp offset shadows). --stoei-display: the site's display font for
   prices and big numbers (jeffreysbay.com sets it to its heading font); without it they use the body font. ══ */
.stoei-pcard-price,.stoei-pp .stoei-pprice,.stoei-pp .stoei-pfact-value,.stoei-agenthead-nums strong{font-family:var(--stoei-display,inherit);letter-spacing:-.02em}

/* Search panel */
.stoei-psearch{gap:clamp(24px,3vw,36px)}
.stoei-psearch-form{padding:clamp(14px,2vw,22px);gap:14px 16px;border-radius:var(--radius-xl,20px);box-shadow:var(--shadow-l,0 6px 18px rgba(0,0,0,.12))}
.stoei-pdeal{padding:5px;gap:4px;border-radius:var(--radius-l,14px);background:var(--surface,rgba(127,127,127,.12))}
.stoei-pdeal span{min-height:46px;padding:0 22px;border:0;border-radius:calc(var(--radius-l,14px) - 4px);background:transparent}
.stoei-psearch-row{gap:12px}
.stoei-psearch-row select,.stoei-psort select{min-height:52px;border-radius:var(--radius-m,12px)}
.stoei-psearch-row .bricks-button{min-height:52px;font-size:1.05em;box-shadow:var(--shadow-m,none)}
.stoei-presults-head{padding-bottom:18px;border-bottom:var(--border-width,2px) solid var(--border,currentColor)}
.stoei-pcount{font-family:var(--stoei-display,inherit);font-size:var(--h3,1.6rem);font-weight:800;line-height:1.15;letter-spacing:-.02em;color:var(--heading,inherit)}

/* Result cards (site card classes or the built-in ones) */
.stoei-pcards{gap:clamp(20px,2.5vw,32px)}
.stoei-pcard{display:flex;flex-direction:column;overflow:hidden;border-radius:var(--radius-xl,20px)}
.stoei-pcard-top{position:relative;margin:0}
.stoei-pcard-top>img,.stoei-pcard-top>.stoei-pcard-noimg{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;margin:0;border-radius:0}
.stoei-pcard-chips{position:absolute;top:12px;left:12px;z-index:3;display:flex;flex-wrap:wrap;gap:6px}
.stoei-pcard-chip{padding:.3em .85em;border:2px solid var(--stoei-solid);border-radius:var(--radius-full,999px);background:#fff;color:#0e1b2a;font-size:.8rem;font-weight:700;line-height:1.2}
.stoei-pcard-chip.is-status{background:var(--stoei-solid);color:var(--stoei-on-solid)}
.stoei-pcard-count{position:absolute;right:12px;bottom:12px;z-index:3;padding:.25em .7em;border-radius:8px;background:rgba(14,27,42,.85);color:#fff;font-size:.8rem;font-weight:600}
.stoei-pcard .card-body,.stoei-pcard .stoei-pcard-body{flex:1;gap:6px;padding:20px 20px 16px}
.stoei-pcard-price{font-size:clamp(1.5rem,2.2vw,1.9rem);line-height:1.1}
.stoei-pcard .card-title,.stoei-pcard .stoei-pcard-title{font-size:1.05rem;font-weight:600;line-height:1.35}
.stoei-pcard-place{display:flex;align-items:center;gap:6px}
.stoei-pcard-place .stoei-ico{width:16px;height:16px}
.stoei-pcard-facts{display:flex;flex-wrap:wrap;gap:8px 18px;margin:8px 0 0;padding:12px 0 0;list-style:none;border-top:1px solid var(--line,rgba(127,127,127,.3));font-size:.95rem;font-weight:600;color:var(--text,inherit)}
.stoei-pcard-facts li{display:flex;align-items:center;gap:6px;margin:0}
.stoei-pcard-facts .stoei-ico{width:18px;height:18px;color:var(--sea,currentColor)}
.stoei-pcard-by{display:flex;align-items:center;gap:10px;margin:0;padding:11px 20px;background:var(--surface,rgba(127,127,127,.1));font-size:.9rem;font-weight:600;color:var(--text-muted,inherit)}
.stoei-pcard-logo{width:30px;height:30px;flex:none;border-radius:8px;object-fit:contain;background:#fff}
.stoei-pcard-logo.is-empty{display:flex;align-items:center;justify-content:center;background:var(--stoei-solid);color:var(--stoei-on-solid);font-weight:800}
.stoei-pcard-agency{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.stoei-pcard-ref{flex:none;font-size:.8rem;font-weight:500}

/* The listing page */
.stoei-pp .stoei-gallery{border:var(--pp-bd);border-radius:var(--radius-xl,22px);box-shadow:var(--shadow-l,none)}
.stoei-gallery-track{gap:10px;height:clamp(300px,40vw,520px);grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:1fr 1fr;background:var(--panel,#fff)}
.stoei-gallery-slide{border-radius:0}
.stoei-gallery-slide:first-child{grid-column:1/3;grid-row:1/3}
.stoei-gallery[data-count="2"] .stoei-gallery-track{grid-template-columns:3fr 2fr}
.stoei-gallery[data-count="2"] .stoei-gallery-slide:first-child{grid-column:auto;grid-row:auto}
.stoei-gallery[data-count="3"] .stoei-gallery-track{grid-template-columns:2fr 1fr}
.stoei-gallery[data-count="3"] .stoei-gallery-slide:first-child{grid-column:1;grid-row:1/3}
.stoei-gallery[data-count="4"] .stoei-gallery-track{grid-template-columns:2fr 1fr 1fr}
.stoei-gallery[data-count="4"] .stoei-gallery-slide:first-child{grid-column:1;grid-row:1/3}
.stoei-gallery-all{min-height:46px;padding:0 18px;border:0;border-radius:var(--radius-m,12px);background:var(--stoei-solid);color:var(--stoei-on-solid);box-shadow:none}
.stoei-pp-sharebtn{min-height:44px;padding:0 18px;border-radius:var(--radius-m,12px)}
.stoei-pp .stoei-pprice{font-size:clamp(2.4rem,5.5vw,3.75rem);line-height:1}
.stoei-pp .stoei-ptitle{font-size:clamp(1.35rem,2.4vw,1.9rem);font-weight:600;line-height:1.2}
.stoei-pp .stoei-pplace{font-size:1.05em;font-weight:500}
.stoei-pp .stoei-pfacts{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:14px;border:0;padding:0}
.stoei-pp .stoei-pfacts li{flex-direction:column;align-items:flex-start;gap:8px;margin:0;padding:16px 18px;border:var(--pp-bd);border-radius:var(--radius-l,18px);background:var(--panel,#fff)}
.stoei-pp .stoei-pfacts li:last-child{border:var(--pp-bd)}
.stoei-pp .stoei-pfacts li>span{display:flex;flex-direction:column}
.stoei-pp .stoei-pfacts .stoei-ico{width:22px;height:22px}
.stoei-pp .stoei-pfact-value{font-size:clamp(1.5rem,2.4vw,2rem);line-height:1.1}
.stoei-pp .stoei-pfact-label{font-size:.8rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase}
@container (max-width:560px){.stoei-pp .stoei-pfacts{grid-template-columns:1fr 1fr}.stoei-pp .stoei-pfacts li{border-right:var(--pp-bd)}}
.stoei-pp .stoei-ph{font-size:var(--h3,1.75rem);letter-spacing:-.01em}
.stoei-pp .stoei-pfeatures{display:flex;flex-wrap:wrap;gap:10px}
.stoei-pp .stoei-pfeatures li{padding:10px 16px;border-radius:var(--radius-full,999px);background:var(--surface,rgba(127,127,127,.12));gap:8px}
.stoei-pp .stoei-pfeatures .stoei-ico{width:18px;height:18px;padding:0;background:none;color:var(--green,#2e7d2c);stroke-width:3}
.stoei-pdl{border-top:var(--border-width,2px) solid var(--border,currentColor)}
.stoei-pp .stoei-pagent{border-radius:var(--radius-xl,22px);box-shadow:var(--shadow-l,0 6px 18px rgba(0,0,0,.12))}
.stoei-pagent-body{padding:22px}
.stoei-pagent-photo{width:64px;height:64px;border:var(--pp-bd)}
.stoei-pp .stoei-pagent .bricks-button{min-height:54px;font-size:1.05em;font-weight:800;border-radius:var(--radius-m,12px)}
.stoei-pp .stoei-pagent .bricks-background-primary{box-shadow:var(--shadow-m,none)}
.stoei-pp .stoei-pagent .bricks-button.stoei-btn-wa,.stoei-pp-mbar .bricks-button.stoei-btn-wa{background:#1f7a3a;color:#fff;border-color:var(--border,#1f7a3a)}
.stoei-pp .stoei-pagent .bricks-button.stoei-btn-wa:hover,.stoei-pp-mbar .bricks-button.stoei-btn-wa:hover{background:#17602d;color:#fff}
.stoei-pp .stoei-enquiry{padding:22px}
.stoei-enquiry-h{font-family:var(--stoei-display,inherit);font-size:1.25rem}
.stoei-pp .stoei-enquiry-send .bricks-button{min-height:54px;font-weight:800;background:var(--stoei-solid);color:var(--stoei-on-solid);border-color:var(--stoei-solid)}
@media (max-width:991px){
  .stoei-pp-mbar{gap:8px;padding:12px 16px calc(12px + env(safe-area-inset-bottom));box-shadow:none}
  .stoei-pp-mbar p{display:none}
  .stoei-pp-mbar>div{flex:1}
  .stoei-pp-mbar .bricks-button{flex:1;justify-content:center;min-height:52px;font-weight:800;border-radius:var(--radius-m,12px)}
  .stoei-pp-mbar .stoei-mbar-mail{flex:0 0 52px;padding:0}
  .stoei-pp-mbar .stoei-mbar-mail span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
  .stoei-pp{padding-bottom:84px}
}
@media (max-width:767px){
  .stoei-pp .stoei-gallery{border-inline:0;border-radius:0;box-shadow:none}
  .stoei-gallery-track{gap:0;background:none}
}

.stoei-pdeal span{color:var(--text,inherit)}
.stoei-pdeal input:checked+span{color:var(--stoei-on-solid)}
.stoei-psort label{color:var(--text,inherit);font-weight:600}
.stoei-psort select{color:var(--text,inherit)}
/* Icons and solid pills stay visible in dark mode */
:where(:root){--stoei-icon:var(--sea,currentColor);--stoei-tile:var(--foam,#e4ecf3);--stoei-on-tile:#0e1b2a;--stoei-banner:var(--sea,#003f7d)}
@media (prefers-color-scheme:dark){:where(:root:not([data-theme="light"]):not([data-brx-theme="light"]):not(.light)){--stoei-icon:#8fb8de;--stoei-tile:#1b2a3b;--stoei-on-tile:#e4ecf3}}
:where(:root[data-theme="dark"],:root.dark,:root[data-brx-theme="dark"]){--stoei-icon:#8fb8de;--stoei-tile:#1b2a3b;--stoei-on-tile:#e4ecf3}
.stoei-pp .stoei-pfacts .stoei-ico,.stoei-pcard-facts .stoei-ico{color:var(--stoei-icon)}
.stoei-ptag{border:1.5px solid transparent}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]):not([data-brx-theme="light"]):not(.light) .stoei-ptag:not(.is-soft),:root:not([data-theme="light"]):not([data-brx-theme="light"]):not(.light) .stoei-pcard-chip.is-status{border-color:rgba(255,255,255,.45)}}
:root[data-theme="dark"] .stoei-ptag:not(.is-soft),:root.dark .stoei-ptag:not(.is-soft),:root[data-brx-theme="dark"] .stoei-ptag:not(.is-soft),html[data-theme="dark"] body .stoei-ptag:not(.is-soft),:root[data-theme="dark"] .stoei-pcard-chip.is-status,html[data-theme="dark"] body .stoei-pcard-chip.is-status{border-color:rgba(255,255,255,.45)}

/* Phone bar with only the enquiry form: the price stays, and one full-width labelled button */
@media (max-width:991px){
  .stoei-pp-mbar.is-single p{display:block;flex:none;font-family:var(--stoei-display,inherit);font-weight:800}
  .stoei-pp-mbar.is-single .stoei-mbar-mail{flex:1;padding:0 16px}
  .stoei-pp-mbar.is-single .stoei-mbar-mail span{position:static;width:auto;height:auto;overflow:visible;clip:auto}
}
@media (max-width:340px){.stoei-pp-mbar.is-single p{display:none}}

/* Buy / Rent: the chosen one is always clearly filled (text colour on the panel colour), in light and dark mode */
.stoei-pdeal input:checked+span{background:var(--text,#0e1b2a);color:var(--panel,#fff)}
/* Signed-in strip on /property/: its buttons line up, and fill the width side by side or stacked on phones */
.stoei-pagentbar-btns .bricks-button{flex:1 1 auto;justify-content:center}
@media (max-width:520px){.stoei-pagentbar-btns{width:100%}.stoei-pagentbar-btns .bricks-button{flex:1 1 100%}}
/* Header number tiles on phones: fill the width, so they line up with the full-width button above */
@media (max-width:600px){.stoei-agenthead-nums{grid-template-columns:repeat(auto-fit,minmax(130px,1fr))!important}}

/* ══ Design sweep step 2 (0.20): the account page (/my) ══ */
/* Header card */
.stoei-agenthead{padding:clamp(18px,2.5vw,28px);gap:20px 24px;border-radius:var(--radius-xl,24px)}
.stoei-agenthead-who h2{font-family:var(--stoei-display,inherit);font-size:clamp(1.6rem,3vw,2.4rem);font-weight:800;letter-spacing:-.02em}
.stoei-agenthead-logo{width:72px;height:72px;border-radius:18px}
.stoei-agenthead-add .bricks-button{min-height:54px;font-weight:800;box-shadow:var(--shadow-m,none)}
.stoei-agenthead-nums{gap:14px}
.stoei-agenthead-nums li{padding:16px 18px;border-radius:16px;gap:2px}
.stoei-agenthead-nums li strong{font-size:clamp(1.6rem,2.6vw,2.1rem)}
.stoei-agenthead-nums li span{font-weight:600}
.stoei-tile-note{font-style:normal;font-size:.85rem;font-weight:700;color:var(--text-muted,inherit)}
.stoei-tile-note.is-up{color:var(--stoei-ok)}
.stoei-tile-note.is-warn{color:var(--stoei-warn)}
.stoei-checklist.is-compact{display:flex;flex-wrap:wrap;align-items:center;gap:10px 16px;padding:14px 18px;border-radius:16px;border-color:var(--line,#c9d5e1)}
.stoei-checklist.is-compact p{margin:0}
.stoei-check-bar{flex:0 0 160px;height:10px;border-radius:999px;background:var(--surface,rgba(127,127,127,.15));overflow:hidden}
.stoei-check-bar span{display:block;height:100%;background:var(--green,#2e7d2c);border-radius:999px}
.stoei-check-next{color:var(--text-muted,inherit)}
.stoei-check-next a{font-weight:700}
@media (max-width:600px){.stoei-check-bar{flex-basis:100%;order:3}.stoei-check-next{order:4}}

/* Tabs: one strip; scrolls sideways on phones instead of wrapping onto two rows */
.stoei-account .stoei-tabs{flex-wrap:nowrap;overflow-x:auto;gap:6px;padding:6px;margin-top:var(--space-m,28px);border:var(--border-width,2px) solid var(--border,currentColor);border-radius:18px;background:var(--panel,Canvas);scrollbar-width:thin}
.stoei-account .stoei-tabs button{display:inline-flex;align-items:center;gap:8px;min-height:46px;padding:0 18px;border:0;border-radius:12px;background:transparent;color:var(--text,inherit);font-weight:700;white-space:nowrap;box-shadow:none}
.stoei-account .stoei-tabs button:hover{background:var(--surface,rgba(127,127,127,.12))}
.stoei-account .stoei-tabs button[aria-selected=true]{background:var(--text,#0e1b2a);color:var(--panel,#fff);box-shadow:none}
.stoei-tab-count{min-width:22px;height:22px;padding:0 6px;box-sizing:border-box;border-radius:999px;background:var(--btn-bg,#c93c00);color:#fff;font-size:12px;font-weight:800;display:inline-flex;align-items:center;justify-content:center}
@media (max-width:767px){.stoei-account .stoei-tabs{margin-right:calc(-1 * var(--gutter,16px));border-right:0;border-radius:16px 0 0 16px}.stoei-account .stoei-tabs button{font-size:.95rem;padding:0 14px}}

/* Listings: wide rows (photo, details, actions), a filter for the groups */
.stoei-pfilter{display:flex;gap:4px;padding:5px;margin-top:14px;border-radius:14px;background:var(--surface,rgba(127,127,127,.12));overflow-x:auto;width:max-content;max-width:100%;box-sizing:border-box}
.stoei-pfilter button{flex:none;min-height:44px;padding:0 16px;border:0;border-radius:10px;background:transparent;color:var(--text,inherit);font:inherit;font-weight:700;cursor:pointer;white-space:nowrap}
.stoei-pfilter button[aria-pressed=true]{background:var(--text,#0e1b2a);color:var(--panel,#fff)}
.stoei-account--agent .stoei-pcards2{grid-template-columns:1fr;gap:16px}
.stoei-account--agent .stoei-pcard2{flex-direction:row;border-radius:20px;overflow:visible}
.stoei-account--agent .stoei-pc-media{flex:0 0 220px;aspect-ratio:auto;min-height:160px;border-radius:18px 0 0 18px}
.stoei-account--agent .stoei-pc-body{flex:1;min-width:0;padding:18px 22px;gap:4px}
.stoei-account--agent .stoei-pc-price{font-family:var(--stoei-display,inherit);font-size:1.6rem;letter-spacing:-.02em;line-height:1.1}
.stoei-account--agent .stoei-pc-actions .bricks-button{min-height:46px;font-weight:800;border-radius:12px}
@media (max-width:600px){
  .stoei-account--agent .stoei-pcard2{display:grid;grid-template-columns:96px minmax(0,1fr);gap:0 12px;padding:12px;border-radius:18px}
  .stoei-account--agent .stoei-pc-media{width:96px;height:96px;min-height:0;border-radius:12px}
  .stoei-account--agent .stoei-pc-media .stoei-chip{top:auto;bottom:6px;left:6px;font-size:11px;padding:2px 8px}
  .stoei-account--agent .stoei-pc-media .stoei-chip.is-market{display:none}
  .stoei-account--agent .stoei-pc-body{padding:0;display:contents}
  .stoei-account--agent .stoei-pc-body>*{grid-column:2}
  .stoei-account--agent .stoei-pc-body>.stoei-pc-stats,.stoei-account--agent .stoei-pc-body>.stoei-pc-line,.stoei-account--agent .stoei-pc-body>.stoei-pc-actions,.stoei-account--agent .stoei-pc-body>.stoei-pc-msg,.stoei-account--agent .stoei-pc-body>.stoei-pc-plan,.stoei-account--agent .stoei-pc-body>div,.stoei-account--agent .stoei-pc-body>form{grid-column:1/-1}
  .stoei-account--agent .stoei-pc-price{font-size:1.3rem}
}

/* Enquiries */
.stoei-enq-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:14px}
.stoei-account .stoei-enq-list>li{margin:0}
.stoei-enq-item{padding:16px 18px;border:var(--border-width,2px) solid var(--line,#c9d5e1);border-radius:16px;display:flex;flex-direction:column;gap:6px}
.stoei-enq-item.is-new{border-color:var(--border,#0e1b2a);box-shadow:var(--shadow-m,none)}
.stoei-enq-item>*,.stoei-enq-item p{margin:0}
.stoei-enq-top{display:flex;flex-wrap:wrap;justify-content:space-between;gap:4px 16px}
.stoei-enq-who span{color:var(--text-muted,inherit);font-size:.9rem;overflow-wrap:anywhere}
.stoei-enq-new{display:inline-block;padding:.1em .6em;border-radius:999px;background:var(--btn-bg,#c93c00);color:#fff;font-size:.75rem;font-weight:800;vertical-align:middle}
.stoei-enq-when,.stoei-enq-about{color:var(--text-muted,inherit);font-size:.9rem}
.stoei-enq-msg{padding:10px 14px;border-radius:12px;background:var(--surface,rgba(127,127,127,.1));line-height:1.5}
.stoei-enq-btns{display:flex;flex-wrap:wrap;gap:8px;margin-top:4px!important}
.stoei-enq-btns .bricks-button{min-height:44px;font-weight:700;border-radius:12px}
.stoei-pcards2[hidden],.stoei-pgroup[hidden]{display:none!important}
/* 0.20.1: header layout (Add property top right on computers; under the name on phones), tiles fill the row,
   tabs wrap on computers (all visible) and scroll sideways only on phones */
.stoei-account .stoei-agenthead-nums{grid-template-columns:repeat(auto-fit,minmax(140px,1fr))!important}
.stoei-agenthead-who{grid-column:1;grid-row:1}
.stoei-agenthead-add{grid-column:2;grid-row:1}
.stoei-agenthead-nums{grid-row:2}
@media (max-width:767px){.stoei-agenthead-add{grid-column:1;grid-row:2}.stoei-agenthead-nums{grid-row:3}}
@media (min-width:768px){.stoei-account .stoei-tabs{flex-wrap:wrap;overflow:visible}}
/* 0.20.2: the photo fills its column at a fixed width; the row's height comes from the details, not the photo */
.stoei-account--agent .stoei-pcard2>.stoei-pc-media{flex:0 0 220px;width:220px;min-height:170px;height:auto;align-self:stretch;position:relative}
.stoei-account--agent .stoei-pcard2>.stoei-pc-media>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
@media (max-width:600px){.stoei-account--agent .stoei-pcard2>.stoei-pc-media{width:96px;height:96px;min-height:0;align-self:start}}
/* 0.20.3: number tiles two per row on phones (an odd last one spans the row) */
@media (max-width:600px){
  .stoei-account .stoei-agenthead-nums{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px}
  .stoei-account .stoei-agenthead-nums li{padding:12px 14px}
  .stoei-account .stoei-agenthead-nums li:last-child:nth-child(odd){grid-column:1/-1}
}
/* 0.20.4: the tab strip keeps its full border on phones (no bleed off the edge); it still scrolls when the tabs don't fit */
@media (max-width:767px){.stoei-account .stoei-tabs{margin-right:0;border-right:var(--border-width,2px) solid var(--border,currentColor);border-radius:16px}}

/* 0.20.5: phones: the photo spans the top rows so price, title and details sit beside it; "New" is always white on red */
@media (max-width:600px){.stoei-account--agent .stoei-pcard2>.stoei-pc-media{grid-row:1 / span 3}}
.stoei-enq-new{color:#fff!important}
/* 0.20.6: enquiries line up with the box (the site's list indent and paragraph spacing kept out); prices never break after the R */
.stoei-account .stoei-enq-list{padding:0!important;margin:16px 0 0!important;list-style:none}
.stoei-account .stoei-enq-list>li{margin:0!important;padding-left:18px}
.stoei-account .stoei-enq-item *{margin-block-start:0}
.stoei-account .stoei-enq-item>*+*{margin-top:0!important}
.stoei-enq-top{align-items:baseline}
.stoei-enq-who{display:flex;flex-wrap:wrap;align-items:center;gap:4px 8px}
.stoei-pc-price,.stoei-pcard-price,.stoei-pp .stoei-pprice{white-space:nowrap}

/* ══ Design sweep step 3 (0.21): agency and agent pages ══ */
.prose:has(> .stoei-profile),.brxe-post-content:has(> .stoei-profile){max-width:none}
.stoei-profile{display:flex;flex-direction:column;gap:clamp(32px,4vw,48px)}
.stoei-profile *{margin-block-start:0}
.stoei-profile h2{margin:0;font-family:var(--stoei-display,inherit);font-size:var(--h2,2rem);letter-spacing:-.02em}
.stoei-profile-sec{display:flex;flex-direction:column;gap:20px}
.stoei-profile-sechead{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:12px 16px;padding-bottom:14px;border-bottom:var(--border-width,2px) solid var(--border,currentColor)}
.stoei-pcard[hidden]{display:none!important}
/* Agency card: banner, logo over it, facts, Call and Website, about */
.stoei-agency-card{border:var(--border-width,2px) solid var(--border,#0e1b2a);border-radius:var(--radius-xl,24px);background:var(--panel,Canvas);box-shadow:var(--shadow-l,0 6px 18px rgba(0,0,0,.12));overflow:hidden}
.stoei-agency-banner{height:clamp(80px,10vw,120px);background:var(--stoei-banner,var(--sea,#003f7d));border-bottom:var(--border-width,2px) solid var(--border,#0e1b2a)}
.stoei-agency-row{display:flex;flex-wrap:wrap;align-items:flex-end;gap:14px 24px;padding:0 clamp(18px,3vw,32px) 20px}
.stoei-profile .stoei-agency-logo{width:clamp(88px,10vw,120px);height:clamp(88px,10vw,120px);margin-top:calc(clamp(88px,10vw,120px) / -2);flex:none;border-radius:22px;border:var(--border-width,2px) solid var(--border,#0e1b2a);background:#fff;object-fit:contain;padding:8px;box-sizing:border-box}
.stoei-agency-logo.is-empty{display:flex;align-items:center;justify-content:center;font-family:var(--stoei-display,inherit);font-weight:800;font-size:2.4rem;color:var(--sea,#003f7d)}
.stoei-agency-facts{flex:1 1 260px;margin:0!important;font-size:1.1rem;font-weight:600;color:var(--text-muted,inherit)}
.stoei-agency-contact,.stoei-person-btns{display:flex;flex-wrap:wrap;gap:10px;margin:0!important}
.stoei-profile .contact-btn{display:inline-flex;align-items:center;gap:8px;min-height:52px;padding:0 22px;font-weight:800;border-radius:var(--radius-m,12px)}
.stoei-profile .bricks-background-primary.contact-btn{box-shadow:var(--shadow-m,none)}
.stoei-profile .btn-light.contact-btn{background:var(--panel,#fff);color:var(--text,#0e1b2a)}
.stoei-profile .bricks-button.stoei-btn-wa{background:#1f7a3a;color:#fff;border-color:var(--border,#1f7a3a)}
.stoei-agency-about{padding:0 clamp(18px,3vw,32px) 24px;max-width:75ch;line-height:1.65}
.stoei-agency-about>*{margin:0 0 .8em}
.stoei-agency-manage{padding:0 clamp(18px,3vw,32px) 22px;margin:0!important;font-weight:600}
/* Agents */
.stoei-profile .stoei-agents{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(min(260px,100%),1fr));gap:18px}
.stoei-profile .stoei-agents>li{margin:0}
.stoei-agent-card{display:flex;align-items:center;gap:16px;padding:16px 18px;border:var(--border-width,2px) solid var(--border,#0e1b2a);border-radius:20px;background:var(--panel,Canvas);color:var(--text,inherit);text-decoration:none}
a.stoei-agent-card:hover{box-shadow:var(--shadow-m,0 4px 12px rgba(0,0,0,.12))}
.stoei-agent-photo{width:64px;height:64px;flex:none;border-radius:50%;object-fit:cover;border:var(--border-width,2px) solid var(--border,#0e1b2a)}
.stoei-agent-photo.is-empty{display:flex;align-items:center;justify-content:center;background:var(--foam,#e4ecf3);color:#0e1b2a;font-weight:800;font-size:1.4rem}
.stoei-agent-text{display:flex;flex-direction:column;min-width:0}
.stoei-agent-name{font-family:var(--stoei-display,inherit);font-weight:800;font-size:1.2rem;line-height:1.2;color:var(--heading,inherit)}
.stoei-agent-count{color:var(--text-muted,inherit);font-size:.95rem}
/* Agent page: one centred card */
.stoei-person-card{display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center;max-width:560px;width:100%;margin:0 auto;padding:clamp(22px,3vw,32px);border:var(--border-width,2px) solid var(--border,#0e1b2a);border-radius:var(--radius-xl,24px);background:var(--panel,Canvas);box-shadow:var(--shadow-l,0 6px 18px rgba(0,0,0,.12));box-sizing:border-box}
.stoei-person-card>*{margin:0!important}
.stoei-person-photo{width:112px;height:112px;border-radius:50%;object-fit:cover;border:3px solid var(--border,#0e1b2a)}
.stoei-person-photo.is-empty{display:flex;align-items:center;justify-content:center;background:var(--foam,#e4ecf3);color:#0e1b2a;font-family:var(--stoei-display,inherit);font-weight:800;font-size:2.6rem}
.stoei-person-role{font-size:1.1rem;color:var(--text-muted,inherit)}
.stoei-person-role a{font-weight:700}
.stoei-person-where{display:flex;align-items:center;justify-content:center;gap:6px;color:var(--text-muted,inherit);font-size:.95rem}
.stoei-person-where .stoei-ico{width:16px;height:16px}
.stoei-person-btns{width:100%;justify-content:center;margin-top:8px!important}
.stoei-person-btns .contact-btn{flex:1 1 140px;justify-content:center;max-width:220px}
.stoei-agency-manage a,.stoei-person-card a:not(.bricks-button){color:var(--link,inherit)}
/* 0.21.1: on profile pages the site's article styles (link colour, paragraph spacing) stay out of the cards */
.stoei-profile .stoei-pcards{margin:0;padding:0;list-style:none}
.stoei-profile .stoei-pcard *,.stoei-profile .stoei-pcard{margin-block:0}
.stoei-profile .stoei-pcard a{color:inherit;text-decoration:none}
.stoei-profile .stoei-pcard a:hover,.stoei-profile .stoei-pcard a:focus-visible{text-decoration:underline}
.stoei-profile .stoei-agent-card,.stoei-profile .stoei-agent-card:hover{color:var(--text,inherit);text-decoration:none}
.stoei-profile .stoei-agent-card:hover .stoei-agent-name{text-decoration:underline}
/* 0.21.2: beat the site's article-link rule (main :is(.prose, …) a:not([class*=button])) inside profile cards */
.stoei-profile .stoei-pcard a[href],.stoei-profile .stoei-agents a.stoei-agent-card[href]{color:inherit;text-decoration:none;font-weight:inherit}
.stoei-profile .stoei-pcard a[href]:hover,.stoei-profile .stoei-pcard a[href]:focus-visible{text-decoration:underline}
/* 0.21.3: tighter profile pages: the site's "space above every element" stays out of cards and sections; the logo sits half over the banner */
.stoei-profile>*{margin-block:0!important}
.stoei-profile .stoei-pcard .card-body>*,.stoei-profile .stoei-pcard .stoei-pcard-body>*,.stoei-profile .stoei-pcard-facts>*{margin-block:0!important}
.stoei-profile .stoei-pcard .card-body,.stoei-profile .stoei-pcard .stoei-pcard-body{gap:6px;padding:18px 20px 16px}
.stoei-profile .stoei-pcard .card-title{margin-top:2px!important}
.stoei-profile-sec>*,.stoei-agency-card>*,.stoei-agency-row>*{margin-block-start:0!important}
.stoei-profile-sec{gap:18px}
.stoei-agency-banner{height:clamp(72px,9vw,110px)}
.stoei-profile .stoei-agency-logo{padding:4px;margin-top:calc(clamp(88px,10vw,120px) * -0.6)}
.stoei-agency-row{padding-bottom:16px}
.stoei-agency-about{padding-bottom:20px}
.stoei-agency-about>:last-child{margin-bottom:0}
/* 0.21.4: the logo sits half over the banner again (the spacing reset above had cancelled it); a little less room between sections */
.stoei-agency-row>.stoei-agency-logo{margin-top:calc(clamp(88px,10vw,120px) * -0.55)!important}
.stoei-profile{gap:clamp(28px,3.5vw,40px)}

/* Done panel (0.22): what a one-shot form becomes once it's sent: big tick, one line, a next step */
.stoei-done{display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center;padding:clamp(24px,4vw,40px) clamp(18px,3vw,32px);margin:0;border:var(--border-width,2px) solid var(--border,#0e1b2a);border-radius:var(--radius-xl,22px);background:var(--panel,Canvas);color:var(--text,CanvasText);box-shadow:var(--shadow-l,0 6px 18px rgba(0,0,0,.12));scroll-margin:120px}
.stoei-done:focus{outline:none}
.stoei-done>*{margin:0!important}
.stoei-done-tick{display:flex;align-items:center;justify-content:center;width:72px;height:72px;border-radius:50%;background:var(--stoei-ok);color:#fff}
.stoei-done-h{font-family:var(--stoei-display,inherit);font-size:clamp(1.5rem,3vw,2rem);font-weight:800;line-height:1.15;letter-spacing:-.02em;color:var(--heading,inherit)}
.stoei-done-text{max-width:46ch;font-size:1.05rem;line-height:1.5;color:var(--text-muted,inherit);overflow-wrap:anywhere}
.stoei-done-links{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:10px 20px;margin-top:8px!important}
.stoei-done-links .bricks-button{min-height:50px;padding:0 24px;font-weight:800;display:inline-flex;align-items:center}
.stoei-done a.stoei-done-alt{font-weight:700;color:var(--link,inherit)}
.stoei-pp .stoei-enquiry .stoei-done{border:0;box-shadow:none;padding:28px 8px}

/* 0.22.1: empty photos, logos and initials use Stoei tokens (readable in dark mode; a site can map them) */
.stoei-agency-banner{background:var(--stoei-banner)}
.stoei-agency-logo.is-empty,.stoei-agent-photo.is-empty,.stoei-person-photo.is-empty,.stoei-pagent-photo.is-empty,.stoei-agenthead-logo.is-empty,.stoei-pcard-logo.is-empty{background:var(--stoei-tile);color:var(--stoei-on-tile)}

/* ── 0.23 Add property form: steps, type tiles, room counters, preview ── */
.stoei-pform-layout{display:grid;gap:24px;align-items:start}
.stoei-pform-main{min-width:0}
.stoei-pform-main>.stoei-box:first-child{margin-top:0}
.stoei-pform .stoei-box{scroll-margin-top:110px}
.stoei-psteps{background:var(--panel,#fff);border:var(--border-width,2px) solid var(--border,#0e1b2a);border-radius:var(--radius-l,16px);padding:14px 16px}
.stoei-psteps-h{display:flex;justify-content:space-between;align-items:baseline;gap:8px;margin:0 0 8px!important;font-weight:800;font-family:var(--stoei-display,inherit)}
.stoei-psteps-count{font-family:inherit;font-weight:600;font-size:14px;opacity:.75}
.stoei-psteps-bar{display:block;height:8px;border-radius:999px;background:color-mix(in srgb,currentColor 14%,transparent);overflow:hidden;margin:0 0 10px}
.stoei-psteps-bar span{display:block;height:100%;width:0;background:var(--stoei-ok);border-radius:inherit;transition:width .3s}
.stoei-psteps ol{list-style:none;margin:0!important;padding:0;display:flex;flex-direction:column;gap:2px}
.stoei-psteps li{margin:0!important}
.stoei-psteps a{display:flex;align-items:center;gap:10px;min-height:44px;padding:0 10px;border-radius:10px;color:inherit!important;text-decoration:none!important;font-weight:600}
.stoei-psteps a:hover{background:color-mix(in srgb,currentColor 8%,transparent)}
.stoei-psteps li.is-current a{background:var(--stoei-tile,color-mix(in srgb,currentColor 10%,transparent));color:var(--stoei-on-tile,inherit)!important}
.stoei-psteps-dot{flex:none;width:22px;height:22px;border-radius:50%;border:2px solid currentColor;display:grid;place-items:center}
.stoei-psteps li.is-done .stoei-psteps-dot{background:var(--stoei-ok);border-color:var(--stoei-ok)}
.stoei-psteps li.is-done .stoei-psteps-dot::after{content:"";width:9px;height:5px;border:solid #fff;border-width:0 0 2.5px 2.5px;transform:translateY(-1px) rotate(-45deg)}
.stoei-ppreview{display:none}
.stoei-ppreview-h{margin:0 0 8px!important;font-weight:700;font-size:14px;opacity:.8}
.stoei-ppreview-card{background:var(--panel,#fff);border:var(--border-width,2px) solid var(--border,#0e1b2a);border-radius:var(--radius-l,16px);overflow:hidden;box-shadow:var(--shadow-m,4px 4px 0 var(--border,#0e1b2a))}
.stoei-ppreview-img{position:relative;aspect-ratio:16/10;background:color-mix(in srgb,currentColor 10%,transparent) center/cover no-repeat}
.stoei-ppreview-deal{position:absolute;top:10px;left:10px;background:#fff;color:#0e1b2a;border:2px solid #0e1b2a;border-radius:999px;font-size:12px;font-weight:700;padding:2px 10px}
.stoei-ppreview-body{padding:12px 14px 14px}
.stoei-ppreview-body p{margin:0!important}
.stoei-ppreview-price{font-family:var(--stoei-display,inherit);font-weight:800;font-size:22px;line-height:1.15;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.stoei-ppreview-title{font-weight:600}
.stoei-ppreview-place,.stoei-ppreview-facts{font-size:14px;opacity:.8}
.stoei-ppreview-facts:empty{display:none}
@media (min-width:1100px){
  .stoei-pform-layout{grid-template-columns:260px minmax(0,1fr)}
  .stoei-pform-side{position:sticky;top:100px;display:flex;flex-direction:column;gap:20px}
  .stoei-ppreview{display:block}
}
@media (max-width:1099px){
  .stoei-pform-layout{gap:0}
  .stoei-pform-side{position:sticky;top:0;z-index:6;margin:0 0 8px}
  .stoei-psteps{padding:10px 12px;border-radius:var(--radius-m,12px)}
  .stoei-psteps ol{flex-direction:row;overflow-x:auto;scrollbar-width:none;gap:6px;scroll-behavior:smooth}
  .stoei-psteps ol::-webkit-scrollbar{display:none}
  .stoei-psteps a{white-space:nowrap;min-height:40px;padding:0 10px 0 6px;font-size:14px;gap:6px}
  .stoei-psteps-dot{width:18px;height:18px}
  .stoei-psteps-bar{margin:0 0 6px}
}

/* Property type as tiles */
.stoei-ptypes{border:0;padding:0;margin:0 0 14px;display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:8px}
.stoei-ptypes legend{font-weight:600;margin:0 0 6px;padding:0}
.stoei-ptypes label{margin:0!important;cursor:pointer;text-transform:none;letter-spacing:0}
.stoei-ptypes input{position:absolute;opacity:0;pointer-events:none}
.stoei-ptypes span{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;min-height:84px;padding:10px 8px;text-align:center;font-weight:700;font-size:15px;line-height:1.2;border:var(--border-width,2px) solid var(--border,#0e1b2a);border-radius:var(--radius-m,12px);background:var(--panel,#fff);color:var(--text,inherit)}
.stoei-ptypes .stoei-ico{color:var(--stoei-icon)}
.stoei-ptypes input:checked+span{background:var(--stoei-solid);color:var(--stoei-on-solid);box-shadow:var(--shadow-s,3px 3px 0 var(--border,#0e1b2a))}
.stoei-ptypes input:checked+span .stoei-ico{color:inherit}
.stoei-ptypes input:focus-visible+span{outline:3px solid var(--focus,#c93c00);outline-offset:2px}
@media (max-width:479px){.stoei-ptypes{grid-template-columns:repeat(2,1fr)}.stoei-ptypes span{min-height:72px}}

/* Symbol and m² inside the box */
.stoei-affix{position:relative;display:block}
.stoei-affix-txt{position:absolute;top:50%;left:14px;transform:translateY(-50%);font-weight:700;opacity:.7;pointer-events:none}
.stoei-affix-txt.is-end{left:auto;right:14px}
.stoei-affix input{width:100%}
.stoei-affix:has(.stoei-affix-txt:not(.is-end)) input{padding-left:38px!important}
.stoei-affix:has(.is-end) input{padding-right:44px!important}

/* − and + for rooms */
.stoei-stepper{display:flex;align-items:stretch;gap:0;max-width:200px}
.stoei-stepper input{text-align:center;min-width:0;flex:1;border-radius:0!important;border-left:0!important;border-right:0!important}
.stoei-stepper button{flex:none;width:48px;min-height:48px;font:inherit;font-size:22px;font-weight:700;line-height:1;cursor:pointer;border:var(--border-width,2px) solid var(--border,#0e1b2a);background:var(--stoei-tile,var(--panel,#fff));color:var(--stoei-on-tile,inherit);padding:0}
.stoei-stepper button:first-child{border-radius:var(--radius-m,12px) 0 0 var(--radius-m,12px)}
.stoei-stepper button:last-child{border-radius:0 var(--radius-m,12px) var(--radius-m,12px) 0}
.stoei-stepper button:hover{background:var(--stoei-solid);color:var(--stoei-on-solid)}
.stoei-stepper button:focus-visible{outline:3px solid var(--focus,#c93c00);outline-offset:2px;position:relative}

/* Photos: Add photos as a dashed tile; bigger arrows */
.stoei-pform .stoei-pick{display:flex!important;align-items:center;justify-content:center;gap:8px;min-height:72px;width:100%;border:2px dashed currentColor!important;background:transparent!important;color:inherit!important;border-radius:var(--radius-m,12px);font-weight:700;box-shadow:none!important}
.stoei-pform .stoei-pick::before{content:"+";font-size:26px;line-height:1}
.stoei-pform .stoei-pick:hover{background:color-mix(in srgb,currentColor 6%,transparent)!important}
.stoei-pphoto-tools button{min-height:36px;min-width:36px;color:inherit}
.stoei-pphotos li:first-child{box-shadow:var(--shadow-s,3px 3px 0 var(--border,#0e1b2a))}

/* The bar at the bottom */
.stoei-pform-kept{flex:1 1 100%;font-size:14px;opacity:.75}
.stoei-pform-kept:empty{display:none}
@media (min-width:768px){.stoei-pform-kept{flex:1 1 auto;order:-1}}
.stoei-psteps li.is-optional:not(.is-done) .stoei-psteps-dot{border-style:dashed;opacity:.6}
.stoei-stepper{width:100%}
.stoei-account .stoei-psteps ol{padding:0!important}
.stoei-account .stoei-psteps :is(li,a,span),.stoei-account .stoei-ppreview :is(div,span,p){margin-block:0!important}
.stoei-account--property fieldset.stoei-ptypes{display:grid;flex-direction:initial}
.stoei-account--property .stoei-ptypes legend{grid-column:1/-1}
.stoei-account .stoei-affix>input,.stoei-account .stoei-stepper>*{margin:0!important}
.stoei-account--property fieldset.stoei-ptypes{grid-template-columns:repeat(auto-fill,minmax(108px,1fr))}
@media (max-width:479px){.stoei-account--property fieldset.stoei-ptypes{grid-template-columns:repeat(2,1fr)}}
@media (max-width:1099px){.stoei-pform-layout{grid-template-columns:minmax(0,1fr)}.stoei-pform-side,.stoei-psteps{min-width:0}}
.stoei-account .stoei-stepper button{display:grid!important;place-items:center;padding:0!important;text-align:center;margin:0!important}
.stoei-account .stoei-affix-txt{margin:0!important;line-height:1}
@media (max-width:767px){
  .stoei-account--property .stoei-pform-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 12px}
  .stoei-stepper button{width:42px;min-height:46px}
}
.stoei-ptypes input:checked+span{background:var(--text,#0e1b2a);color:var(--panel,#fff);border-color:var(--text,#0e1b2a)}

/* 0.23.5 phone tidy: one-line progress header, even tiles, labels that wrap, a bar that stays put */
.stoei-psteps-now{display:none}
.stoei-account--property fieldset.stoei-ptypes{grid-auto-rows:1fr}
.stoei-ptypes label,.stoei-ptypes span{height:100%}
@media (max-width:1099px){
  .stoei-psteps ol{display:none!important}
  .stoei-psteps-now{display:inline;font-family:var(--font-body,inherit);font-weight:600;font-size:14px;opacity:.75}
  .stoei-psteps-now:not(:empty)::before{content:" · "}
  .stoei-psteps-h{margin:0 0 6px!important}
  .stoei-psteps-bar{margin:0!important}
}
@media (max-width:767px){
  .stoei-account--property .stoei-pform-grid{align-items:end}
  .stoei-account--property .stoei-pform-grid .form-group>label{white-space:normal;overflow:visible;text-overflow:clip;line-height:1.25}
  .stoei-stepper{max-width:none}
  .stoei-account .stoei-pform-actions{position:fixed;left:12px;right:12px;bottom:max(12px,env(safe-area-inset-bottom));margin:0!important;padding:10px 12px;z-index:50}
  .stoei-account .stoei-pform-actions .bricks-button{flex:1 1 0;justify-content:center}
  body.stoei-has-pbar{padding-bottom:110px}
}
.stoei-account--property fieldset.stoei-ptypes{margin:0 0 20px!important}
.stoei-ptypes input:checked+span{box-shadow:none}

/* 0.23.7 phones: bar edge to edge, back-to-top above it, one-line progress header, inputs lined up */
@media (max-width:767px){
  .stoei-account .stoei-pform-actions{left:0;right:0;bottom:0;border-radius:0;border-width:2px 0 0;padding:10px 16px max(10px,env(safe-area-inset-bottom));gap:8px}
  .stoei-account .stoei-pform-actions .bricks-button{white-space:nowrap;padding-inline:12px;min-height:46px}
  .stoei-pform-kept{font-size:13px}
  body.stoei-has-pbar{padding-bottom:var(--stoei-pbar-h,80px)}
  body.stoei-has-pbar .x-back-to-top,body.stoei-has-pbar .brxe-xbacktotop{bottom:calc(var(--stoei-pbar-h,80px) + 12px)!important}
  .stoei-account--property .stoei-pform-grid .form-group>label{min-height:2.5em;display:flex;align-items:flex-end}
}
@media (max-width:1099px){
  .stoei-psteps-h{flex-wrap:nowrap;white-space:nowrap}
  .stoei-psteps-h>span:first-child{min-width:0;overflow:hidden;text-overflow:ellipsis}
  .stoei-psteps-h .stoei-psteps-label{display:none}
  .stoei-psteps-now:not(:empty)::before{content:none}
  .stoei-psteps-now{font-family:var(--stoei-display,inherit);font-weight:800;font-size:inherit;opacity:1}
  .stoei-psteps-h>span:first-child:has(.stoei-psteps-now:not(:empty)) .stoei-psteps-label{display:none}
  .stoei-psteps-count{flex:none}
}

/* 0.23.8: header shows the section name (or "Your listing"); sizes and costs full width on phones */
@media (max-width:1099px){
  .stoei-psteps-h .stoei-psteps-label{display:inline}
  .stoei-psteps-h>span:first-child:has(.stoei-psteps-now:not(:empty)) .stoei-psteps-label{display:none}
}
@media (max-width:767px){
  .stoei-account--property .stoei-pform-grid .form-group>label{min-height:0;display:block;align-items:normal}
  .stoei-account--property .stoei-pform-grid>.form-group:not(:has([data-stepper])){grid-column:1/-1}
}

/* 0.23.10 bottom bar on phones: same space on every side, flat buttons */
@media (max-width:767px){
  .stoei-account .stoei-pform-actions{padding:10px 16px!important;gap:10px}
  .stoei-account .stoei-pform-actions .bricks-button{box-shadow:none!important;margin:0!important}
}

/* ── 0.24 design sweep step 5: sign in, Plan, Team ── */
.stoei-account .stoei-ticks{list-style:none!important;padding:0!important;margin:0;display:flex;flex-direction:column;gap:10px}
.stoei-account .stoei-ticks li{position:relative;padding-left:32px;margin:0!important}
.stoei-account .stoei-ticks li::before{content:"";position:absolute;left:2px;top:.3em;width:16px;height:9px;border:solid var(--stoei-ok);border-width:0 0 3px 3px;transform:rotate(-45deg)}

/* Sign in */
.stoei-signin{display:grid;gap:32px;align-items:center;max-width:1100px}
@media (min-width:900px){.stoei-signin{grid-template-columns:minmax(0,1fr) minmax(0,460px);gap:56px}}
.stoei-signin *{margin-block-start:0}
.stoei-signin-kicker{margin:0 0 10px!important;font-weight:800;font-size:14px;letter-spacing:.04em;text-transform:uppercase;color:var(--stoei-icon)}
.stoei-signin-big{margin:0 0 20px!important;font-family:var(--stoei-display,inherit);font-weight:800;font-size:clamp(2.1rem,5vw,3.6rem);line-height:1.04;letter-spacing:-.03em;color:var(--heading,inherit)}
.stoei-signin-intro .stoei-ticks{font-size:1.1rem}
.stoei-account .stoei-signin-card{display:flex;flex-direction:column;gap:16px;padding:28px;border:var(--border-width,2px) solid var(--border,#0e1b2a);border-radius:var(--radius-xl,24px);background:var(--panel,#fff);box-shadow:var(--shadow-l,6px 6px 0 var(--border,#0e1b2a));margin:0}
.stoei-signin-card>*{margin:0!important}
.stoei-signin-card h2{font-family:var(--stoei-display,inherit);font-size:var(--h3,1.8rem)}
.stoei-signin-card .stoei-social{display:flex;flex-direction:column;gap:10px}
.stoei-signin-card .stoei-social .bricks-button{width:100%;justify-content:center;min-height:52px;margin:0}
.stoei-signin-card .stoei-or{display:flex;align-items:center;gap:12px;font-size:15px;opacity:.8}
.stoei-signin-card .stoei-or::before,.stoei-signin-card .stoei-or::after{content:"";flex:1;height:2px;background:var(--line,#c9d5e1)}
.stoei-signin-card form>*{margin:0 0 12px!important}
.stoei-signin-card form .form-group{display:flex;flex-direction:column;gap:6px}
.stoei-signin-card input[type=email]{min-height:52px}
.stoei-signin-go{display:flex;flex-direction:column;gap:8px}
.stoei-signin-go .bricks-button{width:100%;justify-content:center;min-height:52px}
.stoei-signin-small{text-align:center;opacity:.85}
.stoei-account--sign-in:not(.stoei-signin)>.stoei-done{max-width:520px}
@media (max-width:899px){.stoei-signin-intro .stoei-ticks{display:none}.stoei-signin{gap:20px}.stoei-signin-kicker{display:none}.stoei-account .stoei-signin-card{padding:20px}}

/* Plan */
.stoei-plan-note{padding:16px 20px;border:2px dashed var(--border,#0e1b2a);border-radius:var(--radius-l,16px)}
.stoei-account .stoei-plans{gap:24px;margin-top:20px}
.stoei-account .stoei-plancard{position:relative;gap:14px;padding:24px;border-radius:var(--radius-xl,24px);box-shadow:var(--shadow-m,5px 5px 0 var(--border,#0e1b2a))}
.stoei-plancard.is-all{border-width:3px}
.stoei-account .stoei-plancard .stoei-plancard-flag{position:absolute;top:-14px;left:20px;background:var(--stoei-ok);color:#fff;font-weight:800;font-size:13px;padding:3px 12px;border-radius:999px;border:2px solid var(--border,#0e1b2a)}
.stoei-plancard h4{font-family:var(--stoei-display,inherit);font-size:var(--h4,1.5rem)}
.stoei-plancard-price strong{font-family:var(--stoei-display,inherit);font-size:clamp(2.2rem,4vw,3rem);line-height:1;white-space:nowrap}
.stoei-plancard form .bricks-button{width:100%;justify-content:center;min-height:52px}
.stoei-account .stoei-plan-active{gap:8px;padding:24px;border:var(--border-width,2px) solid var(--border,#0e1b2a);border-radius:var(--radius-xl,24px);background:var(--panel,#fff);box-shadow:var(--shadow-m,5px 5px 0 var(--border,#0e1b2a))}
.stoei-plan-name{display:flex;flex-wrap:wrap;align-items:center;gap:12px}
.stoei-plan-name>span:first-child{font-family:var(--stoei-display,inherit);font-weight:800;font-size:var(--h3,1.8rem);color:var(--heading,inherit)}
.stoei-plan-badge{background:var(--stoei-ok);color:#fff;font-weight:800;font-size:13px;padding:3px 10px;border-radius:999px}
.stoei-plan-sub{opacity:.8}
.stoei-plan-bar{max-width:520px;height:12px!important}
.stoei-account .stoei-plan-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}
.stoei-plan-actions form{margin:0}
.stoei-plan-actions .bricks-button{min-height:48px;margin:0}

/* Team */
.stoei-account ul.stoei-people{list-style:none;padding:0!important;margin:0 0 24px;display:flex;flex-direction:column;gap:12px}
.stoei-account .stoei-person{display:grid;grid-template-columns:52px minmax(0,1fr) auto auto;gap:14px;align-items:center;padding:12px 14px;border:2px solid var(--line,#c9d5e1);border-radius:var(--radius-l,16px);margin:0!important;background:var(--panel,#fff)}
.stoei-person *{margin-block-start:0}
.stoei-face{width:52px;height:52px;border-radius:50%;overflow:hidden;display:grid;place-items:center;border:2px solid var(--border,#0e1b2a);background:var(--stoei-tile);color:var(--stoei-on-tile);font-family:var(--stoei-display,inherit);font-weight:800;font-size:18px}
.stoei-face img{width:100%;height:100%;object-fit:cover;display:block}
.stoei-person-who{display:flex;flex-direction:column;min-width:0}
.stoei-person-who strong{font-size:1.05rem}
.stoei-person-who small{opacity:.8;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.stoei-role{font-weight:800;font-size:14px;padding:3px 12px;border-radius:999px;border:2px solid var(--text,#0e1b2a)}
.stoei-role.is-principal{background:var(--text,#0e1b2a);color:var(--panel,#fff)}
.stoei-manage{position:relative}
.stoei-manage>summary{list-style:none;cursor:pointer;min-height:44px;padding:0 14px;display:inline-flex;align-items:center;gap:6px;margin:0}
.stoei-manage>summary::-webkit-details-marker{display:none}
.stoei-manage>summary::after{content:"";width:7px;height:7px;border:solid currentColor;border-width:0 2px 2px 0;transform:rotate(45deg) translateY(-2px)}
.stoei-manage[open]>summary::after{transform:rotate(-135deg) translateY(-2px)}
.stoei-manage-body{position:absolute;right:0;top:calc(100% + 8px);z-index:20;width:min(360px,85vw);box-sizing:border-box;display:flex;flex-direction:column;gap:14px;padding:16px;border:2px solid var(--border,#0e1b2a);border-radius:var(--radius-l,16px);background:var(--panel,#fff);color:var(--text,inherit);box-shadow:var(--shadow-m,5px 5px 0 var(--border,#0e1b2a))}
.stoei-manage-body form+form{padding-top:14px;border-top:2px solid var(--line,#c9d5e1)}
.stoei-manage-body form{margin:0!important;display:flex;flex-wrap:wrap;gap:8px 12px;align-items:center}
.stoei-manage-body form.stoei-manage-remove{display:flex!important;flex-direction:column;align-items:flex-start}
.stoei-manage-body select{min-height:46px;max-width:100%}
.stoei-manage-body .bricks-button{min-height:44px;margin:0}
.stoei-btn-danger{background:transparent!important;color:#b42318!important;border:2px solid #b42318!important}
.stoei-person-msg{grid-column:1/-1}
.stoei-invite-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:12px;align-items:end}
.stoei-invite-row .form-group{margin:0!important;display:flex;flex-direction:column;gap:6px}
.stoei-invite-row input[type=email]{min-height:52px}
.stoei-invite-row .bricks-button{min-height:52px;margin:0}
.stoei-account .stoei-roles{margin:0!important;padding:4px!important;border-radius:14px;background:var(--surface,#e4ecf3);min-height:52px;box-sizing:border-box;align-items:stretch}
.stoei-roles span{min-height:44px!important;border:0!important;border-radius:10px!important;background:transparent!important}
.stoei-roles input:checked+span{background:var(--text,#0e1b2a)!important;color:var(--panel,#fff)!important}
.stoei-invite-help{margin:10px 0 0!important;opacity:.85}
.stoei-account ul.stoei-waiting{list-style:none;padding:0!important;margin:16px 0 0;display:flex;flex-direction:column;gap:8px}
.stoei-waiting li{display:flex;flex-wrap:wrap;align-items:center;gap:6px 16px;padding:10px 14px;border:2px dashed var(--line,#c9d5e1);border-radius:14px;margin:0!important}
.stoei-waiting li>span{flex:1 1 260px}
.stoei-waiting form{margin:0!important}
@media (max-width:640px){
  .stoei-account .stoei-person{grid-template-columns:44px minmax(0,1fr) auto;row-gap:10px}
  .stoei-face{width:44px;height:44px;font-size:16px}
  .stoei-person>.stoei-role{grid-column:3;grid-row:1}
  .stoei-person>.stoei-manage{grid-column:1/-1}
  .stoei-manage>summary{width:100%;justify-content:center}
  .stoei-manage-body{position:static;width:auto;margin-top:10px;box-shadow:none}
  .stoei-invite-row{grid-template-columns:1fr}
  .stoei-invite-row .bricks-button{width:100%;justify-content:center}
  .stoei-roles{display:grid!important;grid-template-columns:1fr 1fr}
  .stoei-roles span{justify-content:center}
}
.stoei-signin-card .stoei-social .bricks-button{width:100%!important;max-width:none!important}
.stoei-manage-none{font-size:14px;opacity:.7;white-space:nowrap}
@media (max-width:640px){.stoei-person>.stoei-manage-none{grid-column:1/-1}}
.stoei-account .stoei-roles label,.stoei-account .stoei-roles span{text-transform:none!important;letter-spacing:0!important;font-size:var(--text-m,1rem)!important;box-shadow:none!important;margin:0!important}
/* The back-to-top button sits above the form's bar at every width (the bar floats on computers too) */
body.stoei-has-pbar .x-back-to-top,body.stoei-has-pbar .brxe-xbacktotop{bottom:calc(var(--stoei-pbar-h,80px) + 12px)!important}
/* (ID-weight so it beats a builder's per-element #id rule) */
body.stoei-has-pbar :is(.x-back-to-top,.brxe-xbacktotop,#stoei-any-backtotop){bottom:calc(var(--stoei-pbar-h,80px) + 12px)!important}

/* Paying agencies' listings, agency page and agents' pages carry no ads (AdFree) */
body.stoei-ad-free :is(.ad-wrap,ins.adsbygoogle,.google-auto-placed,.adsbygoogle){display:none!important}

/* ── 0.25 design sweep step 6: Your details, Agency page, Account ── */
.stoei-formgrid{display:grid;gap:28px;align-items:start}
@media (min-width:1000px){.stoei-formgrid{grid-template-columns:minmax(0,1fr) 340px;gap:40px}}
.stoei-formgrid-main{min-width:0}
.stoei-formgrid-main>h3{margin:0!important}
.stoei-formhead{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:12px}
.stoei-formhead h3{margin:0!important}
.stoei-account .stoei-openpage{display:inline-flex;align-items:center;gap:8px;min-height:44px;margin:0}
.stoei-account .stoei-fields{row-gap:6px;margin-top:20px}
.stoei-account .stoei-fields-h{margin:14px 0 2px!important;font-family:var(--stoei-display,inherit);font-size:var(--h5,1.2rem)}
.stoei-account .stoei-fields-h:first-child{margin-top:0!important}
.stoei-account .stoei-savebar{margin-top:14px!important;padding-top:18px;border-top:2px solid var(--line,#c9d5e1);gap:16px}
.stoei-account .stoei-savebar .bricks-button{min-height:50px;min-width:120px;justify-content:center}
.stoei-count{align-self:flex-end}
/* photo and logo as tiles */
.stoei-account .stoei-upload{gap:14px 20px}
.stoei-upload-now{flex:none;display:grid;place-items:center;overflow:hidden}
.stoei-upload-now:not(.is-logo){width:104px;height:104px;border-radius:50%;border:2px solid var(--border,#0e1b2a)}
.stoei-upload-now.is-logo{width:200px;height:96px;border-radius:var(--radius-l,16px);border:2px solid var(--border,#0e1b2a);background:#fff}
.stoei-upload-now.is-empty{border-style:dashed;background:var(--stoei-tile);color:var(--stoei-on-tile);display:flex;flex-direction:column;gap:4px;font-weight:700;font-size:13px;align-items:center;justify-content:center}
.stoei-account .stoei-upload-now img{width:100%;height:100%;border:0;border-radius:0;padding:0;object-fit:cover}
.stoei-account .stoei-upload-now.is-logo img{object-fit:contain;padding:8px;box-sizing:border-box;max-width:none;background:#fff}
/* live preview cards */
.stoei-livecard{display:flex;flex-direction:column;gap:10px}
@media (min-width:1000px){.stoei-livecard{position:sticky;top:100px}}
@media (max-width:999px){.stoei-livecard{display:none}}
.stoei-livecard *{margin-block:0}
.stoei-livecard-h{font-weight:700;font-size:14px;opacity:.8}
.stoei-livecard-box{border:2px solid var(--border,#0e1b2a);border-radius:var(--radius-l,20px);background:var(--panel,#fff);overflow:hidden}
.stoei-live-agent{display:flex;flex-direction:column;gap:12px;padding:18px}
.stoei-live-who{display:flex;gap:12px;align-items:center}
.stoei-live-who>span:last-child{display:flex;flex-direction:column;min-width:0}
.stoei-live-who small{opacity:.8}
.stoei-live-agent .bricks-button{width:100%;justify-content:center;min-height:48px;margin:0;pointer-events:none}
.stoei-live-agent .stoei-live-wa{background:#1f7a3a!important;color:#fff!important;border-color:var(--border,#0e1b2a)!important}
.stoei-live-agency{display:flex;flex-direction:column;gap:4px;padding:0 18px 18px}
.stoei-live-banner{display:block;height:64px;margin:0 -18px;background:var(--stoei-banner,var(--sea,#003f7d))}
.stoei-live-logo{width:120px;height:60px;margin-top:-30px!important;border-radius:12px;border:2px solid var(--border,#0e1b2a);background:#fff;color:#0e1b2a;display:grid;place-items:center;overflow:hidden;font-family:var(--stoei-display,inherit);font-weight:800;font-size:22px}
.stoei-live-logo img{width:100%;height:100%;object-fit:contain;padding:6px;box-sizing:border-box}
.stoei-live-agency strong{margin-top:8px!important;font-family:var(--stoei-display,inherit);font-size:1.35rem;color:var(--heading,inherit)}
.stoei-live-agency small{opacity:.8}
/* Account: cards */
.stoei-account .stoei-accgrid{display:grid;gap:18px;margin-top:18px}
@media (min-width:800px){.stoei-account .stoei-accgrid{grid-template-columns:1fr 1fr}}
.stoei-account .stoei-accgrid>.stoei-accsec,.stoei-account .stoei-box>.stoei-accsec.is-danger{margin:0!important;padding:22px!important;border:2px solid var(--border,#0e1b2a);border-radius:var(--radius-l,20px);background:var(--panel,#fff);gap:10px}
.stoei-account .stoei-box>.stoei-accsec.is-danger{margin-top:18px!important;border-color:#b42318}
.stoei-accsec.is-danger h4{color:#b42318}
.stoei-accsec h4{font-family:var(--stoei-display,inherit);font-size:var(--h5,1.25rem);margin:0!important}
.stoei-accsec form,.stoei-accsec p{margin:0!important}
.stoei-acc-ways{display:flex;flex-wrap:wrap;gap:8px}
.stoei-acc-ways span{padding:3px 10px;border-radius:999px;border:2px solid var(--text,#0e1b2a);font-weight:700;font-size:14px}
.stoei-accsec .bricks-button{min-height:46px;margin:0}
.stoei-accsec form p{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin-top:10px!important}
/* on/off switch */
.stoei-switch{display:flex;align-items:center;justify-content:space-between;gap:16px;font-weight:600;cursor:pointer;text-transform:none!important;letter-spacing:0!important;font-size:var(--text-m,1rem)!important;margin:0!important}
.stoei-switch input{position:absolute;opacity:0;width:1px;height:1px}
.stoei-switch-ui{flex:none;position:relative;width:52px;height:30px;border-radius:999px;border:2px solid var(--border,#0e1b2a);background:var(--surface,#e4ecf3);transition:background .15s}
.stoei-switch-ui::after{content:"";position:absolute;left:3px;top:3px;width:20px;height:20px;border-radius:50%;background:var(--text,#0e1b2a);transition:transform .15s}
.stoei-switch input:checked+.stoei-switch-ui{background:var(--stoei-ok)}
.stoei-switch input:checked+.stoei-switch-ui::after{transform:translateX(22px);background:#fff}
.stoei-switch input:focus-visible+.stoei-switch-ui{outline:3px solid var(--focus,#c93c00);outline-offset:2px}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]):not([data-brx-theme="light"]):not(.light) :is(.stoei-accsec.is-danger h4,.stoei-btn-danger){color:#ff8a7a!important;border-color:#ff8a7a!important}:root:not([data-theme="light"]):not([data-brx-theme="light"]):not(.light) .stoei-box>.stoei-accsec.is-danger{border-color:#ff8a7a}}
:is(:root[data-theme="dark"],:root.dark,:root[data-brx-theme="dark"]) :is(.stoei-accsec.is-danger h4,.stoei-btn-danger){color:#ff8a7a!important;border-color:#ff8a7a!important}
:is(:root[data-theme="dark"],:root.dark,:root[data-brx-theme="dark"]) .stoei-box>.stoei-accsec.is-danger{border-color:#ff8a7a}
/* Team: a person with no name yet */
.stoei-person-who strong.is-noname{font-style:italic;opacity:.8}
.stoei-upload-now,.stoei-live-logo{position:relative}
.stoei-account .stoei-upload-now img,.stoei-account .stoei-live-logo img,.stoei-account [data-live-photo] img{position:absolute;inset:0;width:100%!important;height:100%!important;max-width:none!important}
.stoei-account [data-live-photo]{position:relative}
.stoei-account .stoei-switch,.stoei-account .stoei-switch>span:first-child{color:var(--text,inherit)!important;opacity:1}
/* Agency preview logo: same square tile as the public agency page */
.stoei-live-logo{width:72px;height:72px;margin-top:-36px!important;border-radius:16px;border:2px solid var(--border,#0e1b2a);background:#fff}
.stoei-live-logo.is-empty{background:var(--stoei-tile);color:var(--stoei-on-tile);font-size:1.5rem}
.stoei-live-logo img{padding:4px!important}
/* "Your name" until one is typed */
.stoei-live-who strong.is-placeholder{font-style:italic;opacity:.65;font-weight:600}
.stoei-autosave-msg{margin:0!important}
.stoei-autosave-msg:empty{display:none}
.stoei-msg--error{color:#b42318;font-weight:600}
/* Anything the plugin hides stays hidden, even when a theme sets display on buttons (.bricks-button) */
:is(.stoei-account,.stoei-form,.stoei-pp,.stoei-profile) [hidden],.stoei-account[hidden],.bricks-button[hidden]{display:none!important}

/* ── 0.26 design sweep step 7: the business directory side ── */
.stoei-pill{display:inline-flex;align-items:center;gap:6px;font-weight:800;font-size:13px;padding:2px 10px;border-radius:999px;border:2px solid currentColor;white-space:nowrap}
.stoei-pill::before{content:"";width:8px;height:8px;border-radius:50%;background:currentColor}
.stoei-pill.is-ok{color:var(--stoei-ok)}
.stoei-pill.is-warn{color:var(--stoei-warn)}
/* listings rows */
.stoei-account ul.stoei-dirrows{list-style:none;padding:0!important;margin:16px 0;display:flex;flex-direction:column;gap:14px}
.stoei-account .stoei-dirrow{display:grid;grid-template-columns:180px minmax(0,1fr) auto;gap:20px;align-items:center;padding:14px;margin:0!important;border:2px solid var(--border,#0e1b2a);border-radius:var(--radius-l,20px);background:var(--panel,#fff)}
.stoei-dirrow *{margin-block-start:0}
.stoei-dirrow-media{display:block;aspect-ratio:4/3;border-radius:14px;overflow:hidden;border:2px solid var(--border,#0e1b2a)}
.stoei-dirrow-media img{width:100%!important;height:100%!important;object-fit:cover;display:block}
.stoei-dirrow-noimg{display:block;width:100%;height:100%;min-height:80px;background:var(--stoei-tile)}
.stoei-dirrow-body{display:flex;flex-direction:column;gap:6px;min-width:0}
.stoei-account .stoei-dirrow-title{font-family:var(--stoei-display,inherit);font-weight:800;font-size:1.35rem;line-height:1.15;color:var(--heading,inherit)!important;text-decoration:none!important}
.stoei-dirrow-title:hover{text-decoration:underline!important}
.stoei-dirrow-where,.stoei-dirrow-views{font-size:14px;opacity:.8}
.stoei-dirrow-pills{display:flex;flex-wrap:wrap;gap:8px}
.stoei-dirrow-actions{display:flex;flex-direction:column;gap:8px;min-width:170px}
.stoei-dirrow-actions .bricks-button{justify-content:center;min-height:46px;margin:0}
.stoei-dirrow-more{text-align:center;font-weight:700;font-size:14px}
.stoei-dirrow .stoei-addon-lines{margin-top:6px!important}
@media (max-width:767px){
  .stoei-account .stoei-dirrow{grid-template-columns:1fr;padding:0;overflow:hidden;gap:0}
  .stoei-dirrow-media{aspect-ratio:16/9;border-radius:0;border-width:0 0 2px}
  .stoei-dirrow-body{padding:14px 16px 4px}
  .stoei-dirrow-actions{display:grid;grid-template-columns:1fr 1fr;padding:12px 16px 16px;min-width:0}
  .stoei-dirrow-more{grid-column:1/-1}
}
.stoei-account ul.stoei-listings--waiting{list-style:none;padding:0!important;margin:0 0 16px;display:flex;flex-direction:column;gap:8px}
.stoei-listings--waiting li{display:flex;flex-wrap:wrap;align-items:center;gap:6px 14px;padding:12px 16px;border:2px dashed var(--line,#c9d5e1);border-radius:16px;margin:0!important}
.stoei-listings--waiting li>span:not(.stoei-pill){flex:1 1 240px}
.stoei-findbox{margin:8px 0 16px;padding:20px;border-radius:var(--radius-l,18px);background:var(--surface,#e4ecf3)}
.stoei-findbox h4{margin:0 0 10px!important;font-family:var(--stoei-display,inherit)}
.stoei-findbox form{margin:0!important}
.stoei-findrow{display:flex;gap:10px;margin:0 0 8px!important}
.stoei-findrow input{flex:1;min-width:0;min-height:50px}
.stoei-findrow .bricks-button{min-height:50px;margin:0;flex:none}
.stoei-findbox .stoei-listings--results{margin-top:12px}
/* stats */
.stoei-statcard{display:grid;gap:24px;margin-top:20px;padding:22px;border:2px solid var(--border,#0e1b2a);border-radius:var(--radius-l,20px);background:var(--panel,#fff)}
@media (min-width:860px){.stoei-statcard{grid-template-columns:1fr 1fr}}
.stoei-statcard *{margin-block-start:0}
.stoei-statcard h4{margin:0 0 6px!important;font-family:var(--stoei-display,inherit);font-size:1.35rem}
.stoei-statbig{display:flex;flex-wrap:wrap;align-items:baseline;gap:10px;margin:0!important;font-weight:700}
.stoei-statbig strong{font-family:var(--stoei-display,inherit);font-size:clamp(2.6rem,6vw,3.5rem);line-height:1;color:var(--heading,inherit)}
.stoei-trend.is-up{color:var(--stoei-ok)!important}
.stoei-trend.is-down{color:#b42318!important}
.stoei-trend.is-pill{padding:2px 10px;border-radius:999px;font-size:14px!important;font-weight:800!important;color:#fff!important}
.stoei-trend.is-pill.is-up{background:var(--stoei-ok)}
.stoei-trend.is-pill.is-down{background:#b42318}
.stoei-statchart{display:block;width:100%;margin-top:14px;color:var(--stoei-icon)}
.stoei-stattaps{display:grid;grid-template-columns:1fr 1fr;gap:10px;align-content:start}
.stoei-stattaps>p{grid-column:1/-1;margin:0!important}
.stoei-stattaps-h{font-weight:800}
.stoei-stattile{display:flex;flex-direction:column;gap:2px;padding:12px 14px;border-radius:14px;background:var(--surface,#e4ecf3)}
.stoei-stattile strong{font-family:var(--stoei-display,inherit);font-size:1.7rem;line-height:1.1;color:var(--heading,inherit)}
.stoei-stattile>span:not(.stoei-trend){font-weight:600}
.stoei-stattile small{opacity:.7}
@media (max-width:420px){.stoei-stattaps{grid-template-columns:1fr 1fr}.stoei-stattile{padding:10px 12px}}
/* web address box */
.stoei-prefixed{display:flex;align-items:stretch;border:2px solid var(--border,#0e1b2a);border-radius:14px;overflow:hidden;min-height:52px;background:var(--field,var(--panel,#fff))}
.stoei-prefixed>span{display:flex;align-items:center;padding:0 12px;background:var(--surface,#e4ecf3);font-weight:600;opacity:.9;border-right:2px solid var(--border,#0e1b2a);white-space:nowrap;font-size:15px}
.stoei-account .stoei-prefixed input{flex:1;min-width:0;border:0!important;border-radius:0!important;margin:0!important;box-shadow:none!important}
@media (max-width:420px){.stoei-prefixed>span{font-size:13px;padding:0 8px}}
.stoei-live-profile{display:flex;flex-direction:column;gap:6px;padding:18px}
.stoei-live-profile .stoei-live-logo{margin-top:0!important}
.stoei-live-profile strong{font-family:var(--stoei-display,inherit);font-size:1.35rem;color:var(--heading,inherit)}
.stoei-live-profile strong.is-placeholder{font-style:italic;opacity:.65}
.stoei-live-profile small{opacity:.8}
/* claim page */
.stoei-backlink{margin:0 0 6px!important;font-weight:700}
.stoei-backlink a{text-decoration:none}
.stoei-claimgrid{display:grid;gap:28px;align-items:start;margin-top:12px}
@media (min-width:860px){.stoei-claimgrid{grid-template-columns:280px minmax(0,1fr);gap:36px}}
.stoei-claimbiz{display:flex;flex-direction:column;gap:8px;padding:16px;border:2px solid var(--border,#0e1b2a);border-radius:var(--radius-l,20px);background:var(--panel,#fff)}
.stoei-claimbiz *{margin:0}
.stoei-claimbiz img,.stoei-claimbiz .stoei-dirrow-noimg{width:100%!important;aspect-ratio:4/3;height:auto!important;object-fit:cover;border-radius:12px;border:2px solid var(--border,#0e1b2a)}
.stoei-claimbiz strong{font-family:var(--stoei-display,inherit);font-size:1.3rem;color:var(--heading,inherit)}
.stoei-claimbiz small{opacity:.8}
.stoei-claimmain>.stoei-box:first-of-type{margin-top:0}
.stoei-account ol.stoei-stepdots{list-style:none;padding:0!important;margin:0 0 16px!important;display:flex;flex-wrap:wrap;gap:10px 22px}
.stoei-stepdots li{display:flex;align-items:center;gap:8px;font-weight:800;opacity:.55;margin:0!important}
.stoei-stepdots li[aria-current],.stoei-stepdots li.is-done{opacity:1}
.stoei-stepdots span{width:30px;height:30px;border-radius:50%;border:2px solid currentColor;display:grid;place-items:center;font-size:14px}
.stoei-stepdots li[aria-current] span{background:var(--text,#0e1b2a);color:var(--panel,#fff);border-color:var(--text,#0e1b2a)}
.stoei-stepdots li.is-done span{background:var(--stoei-ok);color:#fff;border-color:var(--stoei-ok)}
.stoei-account input.stoei-code-input{max-width:260px;min-height:62px;font-family:var(--stoei-display,inherit);font-size:1.9rem!important;font-weight:800;letter-spacing:.35em;text-align:center}
/* edit page */
.stoei-edithead{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:12px;margin-bottom:8px}
.stoei-edithead h2{margin:0!important}
.stoei-edithead-kicker{margin:0!important;font-size:14px;font-weight:700;opacity:.75}
.stoei-edithead .bricks-button{display:inline-flex;align-items:center;gap:8px;min-height:46px;margin:0}
.stoei-account.has-tabs .stoei-jump{display:none}
/* remove page: the two ways side by side */
.stoei-choices{display:grid;gap:20px;margin-top:12px}
@media (min-width:860px){.stoei-choices{grid-template-columns:1fr 1fr}}
.stoei-account .stoei-choices>.stoei-choice{margin:0!important}
.stoei-choice.is-alt{border-style:dashed!important;box-shadow:none!important}
.stoei-choices-intro{margin:20px 0 0!important}
.stoei-account :is(.stoei-stattile,.stoei-statbig,.stoei-dirrow-body,.stoei-claimbiz,.stoei-live-profile)>*{margin-block:0!important}
.stoei-stattile{gap:0!important}
.stoei-stattile>span:not(.stoei-trend){font-size:15px}
/* claim and remove: tidy spacing, one email choice per line with its radio */
.stoei-account :is(.stoei-choice,.stoei-claimmain>.stoei-box)>*{margin:0 0 14px!important}
.stoei-account :is(.stoei-choice,.stoei-claimmain>.stoei-box)>*:last-child{margin-bottom:0!important}
.stoei-account :is(.stoei-choice,.stoei-claimmain>.stoei-box) form>*{margin:0 0 12px!important}
.stoei-account .options-wrapper{display:flex;flex-direction:column;gap:8px}
.stoei-account .options-wrapper li{display:flex;align-items:center;gap:10px;margin:0!important}
.stoei-account .options-wrapper li input{margin:0!important;flex:none;width:20px;height:20px}
.stoei-account .options-wrapper li label{margin:0!important;text-transform:none!important;letter-spacing:0!important;font-weight:600;font-size:1rem!important}
.stoei-account .stoei-choice,.stoei-account .stoei-claimmain>.stoei-box{align-content:start;justify-content:flex-start}