.ekg-demo-page .demo-ribbon{
  width:min(100% - 24px,720px);margin:14px auto 0;padding:10px 14px;border:1px solid var(--border);
  border-radius:14px;background:rgba(255,255,255,.86);color:var(--muted);box-shadow:var(--shadow-soft);
  display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap;text-align:center;font-size:12px
}
.ekg-demo-page .demo-ribbon strong{color:var(--accent-dark)}
.ekg-demo-page .demo-paper{padding:22px;border:1px solid var(--border);border-radius:16px;background:#fff;text-align:center}
.ekg-demo-page .demo-paper h3{margin-bottom:18px}
.ekg-demo-page .demo-timeline{display:grid;gap:12px;text-align:left;max-width:460px;margin:0 auto}
.ekg-demo-page .demo-timeline div{display:grid;grid-template-columns:76px 1fr;gap:14px;padding:11px 0;border-bottom:1px solid var(--border)}
.ekg-demo-page .demo-timeline div:last-child{border-bottom:0}
.ekg-demo-page .demo-timeline time{color:var(--accent-dark);font-weight:600}
.ekg-demo-page .demo-menu-list{display:grid;gap:14px;max-width:480px;margin:0 auto}
.ekg-demo-page .demo-menu-list div{padding:12px 0;border-bottom:1px solid var(--border)}
.ekg-demo-page .demo-menu-list div:last-child{border-bottom:0}
.ekg-demo-page .demo-menu-list strong{display:block;font-family:var(--heading-font);font-size:18px;font-weight:400;color:#3a312c}
.ekg-demo-page .demo-menu-list span{color:var(--muted);font-size:12px}
.ekg-demo-page .demo-placeholder-photo{height:220px;border-radius:14px;background:linear-gradient(135deg,#eadfd4,#f9f5f0);display:grid;place-items:center;color:var(--muted);font-size:12px}
.ekg-demo-page .demo-mode-note{margin:0 0 12px;color:var(--muted);font-size:11px;text-align:center}
.ekg-demo-page .logo__img{max-width:150px;height:auto;border-radius:999px}
.ekg-demo-embed{overflow-x:hidden}
.ekg-demo-embed .desktop-note,.ekg-demo-embed footer.footer,.ekg-demo-embed .demo-ribbon{display:none!important}
.ekg-demo-embed main{padding:20px 14px 32px;min-height:100vh}
.ekg-demo-embed .hero{margin-top:2px}
.ekg-demo-embed #notice{bottom:12px;max-width:88vw}
@media(max-width:640px){
  .ekg-demo-page .demo-ribbon{font-size:11px}
  .ekg-demo-page .demo-timeline div{grid-template-columns:64px 1fr;gap:10px}
}

.ekg-demo-page .demo-gallery-photo-wrap{margin:14px 0 0}
.ekg-demo-page .demo-gallery-photo{display:block;width:100%;aspect-ratio:4/3;height:auto;border-radius:16px;object-fit:cover;box-shadow:0 10px 30px rgba(58,49,44,.12)}

/* 1.0.2 — zdjęcie wydarzenia w hero demo */
.ekg-demo-page .hero-photo{
  width:min(100%,620px);
  aspect-ratio:16/10;
  margin:0 auto 18px;
  overflow:hidden;
  border-radius:24px;
  background:#f1e8df;
}
.ekg-demo-page .hero .hero-img{
  width:100%;
  height:100%;
  max-height:none;
  object-fit:cover;
  object-position:center 38%;
}
@media(max-width:640px){
  .ekg-demo-page .hero-photo{
    width:100%;
    aspect-ratio:4/3;
    margin-bottom:16px;
    border-radius:20px;
  }
  .ekg-demo-page .hero .hero-img{
    object-position:center 34%;
  }
}