.ms-property-demo { --property-ink:var(--awb-color1,#fff); --property-muted:#c4c4ce; color:var(--property-ink); padding:28px; border:1px solid #ffffff24; border-radius:8px; background:linear-gradient(135deg,#141129,#0c081e 70%); font:400 15px/1.5 Archivo,sans-serif; min-width:0; }
.ms-property-demo *, .ms-property-demo *::before, .ms-property-demo *::after { box-sizing:border-box; }
.ms-property-demo [hidden] { display:none !important; }
.ms-property-demo p[class], .ms-property-demo p[data-property-fallback] { margin:0; }
.ms-property-demo button, .ms-property-demo select { font:inherit; }
.ms-property-demo button { cursor:pointer; color:var(--property-ink); background:transparent; border:1px solid #ffffff40; border-radius:4px; padding:10px 14px; min-height:44px; line-height:1.3; }
.ms-property-demo button:disabled { opacity:.45; cursor:default; }
.ms-property-demo button:hover:not(:disabled) { background:#ffffff12; border-color:#ffffff80; }
.ms-property-demo :is(button,select):focus-visible { outline:2px solid #9fe4ff; outline-offset:4px; }
.ms-property-demo__header { display:flex; justify-content:space-between; align-items:baseline; gap:12px; margin-bottom:28px; }
.ms-property-demo__eyebrow { color:#9fe4ff; font-size:12px; font-weight:700; letter-spacing:.09em; text-transform:uppercase; }
.ms-property-demo__edition { color:var(--property-muted); font-size:12px; }
.ms-property-demo__filters { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:16px; }
.ms-property-demo__filters label { display:flex; flex-direction:column; gap:8px; color:var(--property-muted); font-size:13px; min-width:0; }
.ms-property-demo .ms-property-demo__filters select { width:100%; height:48px; padding:0 28px 0 12px; border:1px solid #ffffff45; border-radius:4px; color:#fff; background-color:#19152e; font-size:14px; appearance:auto; }
.ms-property-demo__toolbar { display:flex; justify-content:space-between; align-items:center; gap:16px; padding:20px 0; }
.ms-property-demo__toolbar > div { display:flex; gap:8px; }
.ms-property-demo__count { font-size:14px; }
.ms-property-demo .ms-property-demo__reset { border-color:transparent; font-size:13px; padding:8px 0 8px 12px; }
.ms-property-demo .ms-property-demo__open { display:none; }
.ms-property-demo__grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:24px 16px; }
.ms-property-demo__card { min-width:0; overflow:hidden; background:#ffffff06; border-bottom:1px solid #ffffff28; }
.ms-property-demo__photo { position:relative; aspect-ratio:3/2; overflow:hidden; background:#242137; }
.ms-property-demo__photo img { width:100%; height:100%; object-fit:cover; display:block; }
.ms-property-demo__photo > span { position:absolute; background:#090516e8; color:white; padding:4px 8px; font-size:11px; border-radius:3px; }
.ms-property-demo__type { bottom:8px; left:8px; }
.ms-property-demo__impression { top:8px; right:8px; }
.ms-property-demo__card-copy { padding:14px 12px 16px; }
.ms-property-demo p.ms-property-demo__location { color:var(--property-muted); font-size:12px; margin-bottom:6px; }
.ms-property-demo .ms-property-demo__card h3 { color:#fff; font:600 17px/1.3 Archivo,sans-serif; letter-spacing:0; margin:0 0 12px; min-height:44px; overflow-wrap:anywhere; }
.ms-property-demo .ms-property-demo__price { font-size:20px; font-weight:600; font-variant-numeric:tabular-nums; }
.ms-property-demo__specs { display:flex; flex-wrap:wrap; gap:4px 12px; padding:12px 0 0; margin:0; list-style:none; font-size:11px; color:var(--property-muted); }
.ms-property-demo__specs strong { color:#fff; font-weight:600; }
.ms-property-demo p.ms-property-demo__note { font-size:12px; color:var(--property-muted); margin-top:24px; max-width:740px; }
.ms-property-demo__empty { text-align:center; padding:48px 20px; background:#ffffff05; border:1px dashed #ffffff30; }
.ms-property-demo p.ms-property-demo__empty-copy { margin:8px 0 20px; }
html:has(.ms-property-demo__drawer[open]) { overflow:hidden; }
.ms-property-demo__drawer { background:#100b24; color:#fff; border:0; padding:24px; width:min(440px,100%); max-width:100%; height:100dvh; max-height:100dvh; margin:0 0 0 auto; overflow:auto; overscroll-behavior:contain; }
.ms-property-demo__drawer::backdrop { background:#03000cc4; }
.ms-property-demo__drawer-heading { display:flex; align-items:center; justify-content:space-between; gap:12px; margin-bottom:28px; }
.ms-property-demo .ms-property-demo__drawer h3 { color:#fff; font:600 24px/1.2 Archivo,sans-serif; margin:0; }
.ms-property-demo [data-property-close] { font-size:26px; min-width:44px; padding:4px; }
.ms-property-demo__drawer .ms-property-demo__filters { display:grid; grid-template-columns:1fr; gap:24px; }
.ms-property-demo__drawer-footer { display:flex; flex-wrap:wrap; gap:12px; margin-top:32px; padding-bottom:env(safe-area-inset-bottom); }
.ms-property-demo [data-property-results] { background:#e72f76; border-color:#e72f76; font-weight:600; flex:1; }
@media (max-width:1100px) { .ms-property-demo__grid { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media (max-width:800px) { .ms-property-demo { padding:24px; } .ms-property-demo__filter-home { display:none; } .ms-property-demo .ms-property-demo__open { display:inline-block; } .ms-property-demo__toolbar { padding-top:0; } .ms-property-demo__header { align-items:flex-start; flex-direction:column; gap:8px; margin-bottom:24px; } .ms-property-demo .ms-property-demo__reset { display:none; } }
@media (max-width:640px) { .ms-property-demo { padding:20px 16px; } .ms-property-demo__grid { grid-template-columns:1fr; gap:24px; } .ms-property-demo__card-copy { padding:16px; } .ms-property-demo .ms-property-demo__card h3 { min-height:0; font-size:20px; } .ms-property-demo__specs { font-size:12px; } .ms-property-demo__count { font-size:12px; max-width:112px; } .ms-property-demo__drawer { padding:24px 20px; } }