/* Kipróbálható lakásválasztó (2026-10-13): gépen beágyazva, telefonon gombra teljes képernyő */
.demo { padding-top: clamp(112px, 12vw, 168px); }
.demo-frame { height: min(800px, 86vh); border-radius: 20px; overflow: hidden; background: #ECECE8; box-shadow: 0 0 0 1px var(--line), 0 24px 60px -30px rgb(21 25 29 / .25); }
.demo-frame iframe { display: block; width: 100%; height: 100%; border: 0; }
.demo-open { display: none; }
.demo-full { position: fixed; inset: 0; z-index: 100; background: #F6F6F4; }
.demo-full iframe { display: block; width: 100%; height: 100%; border: 0; }
.demo-close { position: absolute; top: max(12px, env(safe-area-inset-top)); right: 12px; z-index: 2; width: 44px; height: 44px; display: grid; place-items: center; border: 0; border-radius: 50%; background: #fff; color: var(--ink); box-shadow: 0 6px 20px rgb(21 25 29 / .18); cursor: pointer; }
.demo-close svg { width: 18px; height: 18px; }
body.demo-on { overflow: hidden; }
@media (max-width: 860px) {
  .demo-frame { display: none; }
  .demo-open { display: block; position: relative; width: 100%; aspect-ratio: 4 / 5; padding: 0; border: 0; border-radius: 20px; overflow: hidden; cursor: pointer; background: #ECECE8; }
  .demo-open img { width: 100%; height: 100%; object-fit: cover; }
  .demo-open .pill { position: absolute; left: 50%; bottom: 20px; transform: translateX(-50%); height: 48px; padding: 0 24px; font-size: 15px; }
}