/* Public demo framing only; the opening and players use the delivered gift CSS. */
.cd--demo{padding-top:64px}
.cd-demo-nota{position:fixed;inset:0 0 auto;z-index:110;display:flex;justify-content:center;align-items:center;gap:12px 28px;flex-wrap:wrap;padding:12px 18px;background:var(--ink);color:#fff;font:400 14px/1.4 var(--fb);text-align:center}
.cd-demo-nota a{color:#fff;text-decoration:underline;text-underline-offset:3px;min-height:30px;display:inline-flex;align-items:center}
.cd-demo-nota a:focus-visible{outline:3px solid var(--aur);outline-offset:4px}
.cd--demo .cd-open{padding-top:100px}
.cd-demo-mesaj{margin-top:14px;color:var(--ink-3);font-size:13px}
.cd-demo-explicatie{max-width:54ch;margin:0 auto 24px;text-align:center;color:var(--ink-3);font-size:16px;line-height:1.6}
.cd--demo .cd-cv__lista{grid-template-columns:minmax(0,1fr);max-width:620px;margin-inline:auto}
@media(max-width:480px){.cd--demo{padding-top:100px}.cd-demo-nota{gap:2px;padding:8px 14px}.cd-demo-nota span{flex-basis:100%}.cd--demo .cd-open{padding-top:110px}.cd--demo .cd-open__obiect{width:min(240px,52vw)}}

/* The product dialog supplies its own title, demo label and close control. */
body.cd--demo-embed{padding-top:0;overscroll-behavior-y:contain}
.cd--demo-embed .cd-demo-nota,.cd--demo-embed .cd-cap{display:none}
.cd--demo-embed .cd-open{padding:22px 16px calc(22px + env(safe-area-inset-bottom));align-items:safe center}
.cd--demo-embed .cd-main{max-width:780px}
.cd--demo-embed .cd-erou{padding-top:30px}
.cd--demo-embed .cd-final{margin-top:32px;padding-inline:20px}
.cd--demo-embed .cd-varianta__video summary{min-height:44px}
@media(max-width:480px){
	.cd--demo-embed .cd-main{padding-inline:14px}
	.cd--demo-embed .cd-open__in{gap:10px}
	.cd--demo-embed .cd-open__obiect{width:min(210px,54vw)}
	.cd--demo-embed .cd-open__logo{width:62px;margin-bottom:0}
	.cd--demo-embed .cd-ded__foaie{padding-inline:22px}
	.cd--demo-embed .cd-varianta{padding:18px 12px}
	.cd--demo-embed .cd-varianta__player{gap:4px;padding-inline:4px}
	.cd--demo-embed .cd-varianta__versuri li{padding-inline:6px}
}
