/* Poděkování po aktualizaci: jednobarevné pozadí, padající květiny a tmavé okno s videem. Všechny třídy začínají pdk-. */
.pdk-ov{position:fixed;inset:0;z-index:20000;background:#ffd9a0;display:flex;align-items:center;justify-content:center;padding:12px;opacity:0;animation:pdk-ov-in .5s ease-out forwards;transition:opacity 1.3s ease-in-out}
.pdk-ov.pdk-hned{animation:none;opacity:1}
.pdk-ov.pdk-hned:not(.pdk-ready) .pdk-okno{visibility:hidden}
.pdk-ov.pdk-pryc{opacity:0!important;animation:none;pointer-events:none}
@keyframes pdk-ov-in{from{opacity:0}to{opacity:1}}
.pdk-kv{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.pdk-okno{position:relative;isolation:isolate;width:min(92vw,380px);max-height:calc(100vh - 24px);max-height:calc(100dvh - 24px);overflow-y:auto;-webkit-overflow-scrolling:touch;color:#f3e6d6;padding:28px 22px 22px;text-align:center;font-family:inherit;opacity:0}
.pdk-okno:before{content:"";position:absolute;inset:0;background:#2b2018;border:1px solid #d9a441;border-radius:24px;z-index:-1}
.pdk-kbox{width:200px;height:200px;margin:0 auto 16px;position:relative}
.pdk-kolo{position:absolute;inset:0;margin:auto;width:200px;height:200px;border-radius:50%;overflow:hidden;border:3px solid #d9a441;background:#4a3826}
.pdk-kolo video{width:100%;height:100%;object-fit:cover;display:block}
.pdk-h{font-size:20px;line-height:1.25;margin:0 0 10px;font-weight:700;color:#f3e6d6}
.pdk-t{font-size:14px;line-height:1.5;margin:0 0 8px;color:#f3e6d6}
.pdk-prani{font-size:14px;line-height:1.5;margin:0 0 14px;font-weight:600;color:#f3d38a;display:flex;align-items:center;justify-content:center;gap:8px}
.pdk-prani .pdk-ic{width:24px;height:24px;color:#d9a441;flex:none}
.pdk-ul{list-style:none;margin:0 0 18px;padding:0;text-align:left;font-size:14px}
.pdk-ul li{padding:9px 0 9px 36px;position:relative;border-bottom:1px solid #43342a;color:#f3e6d6}
.pdk-ul svg,.pdk-ic svg{width:20px;height:20px;color:#d9a441}
.pdk-ul svg{position:absolute;left:4px;top:50%;margin-top:-10px}
.pdk-ic svg{width:100%;height:100%;display:block}
.pdk-btn{display:block;width:100%;padding:12px;border:1px solid #d9a441;background:#d9a441;color:#2b2018;font-weight:600;border-radius:14px;font-size:15px;font-family:inherit;cursor:pointer;min-height:44px}
.pdk-btn:focus-visible{outline:2px solid #f3d38a;outline-offset:2px}

/* pořadí: okno se rozbalí kolem kolečka, pak naběhne text */
.pdk-okno.pdk-jede{opacity:1}
.pdk-okno.pdk-jede:before{transform-origin:50% 128px;animation:pdk-bg 1.5s cubic-bezier(.45,0,.2,1) .8s both}
.pdk-okno.pdk-jede .pdk-kolo{animation:pdk-kolo 1s cubic-bezier(.25,.9,.3,1) both}
.pdk-okno.pdk-jede .pdk-h,.pdk-okno.pdk-jede .pdk-t,.pdk-okno.pdk-jede .pdk-prani,.pdk-okno.pdk-jede .pdk-ul li,.pdk-okno.pdk-jede .pdk-btn{opacity:0;animation:pdk-vst .8s ease-out forwards}
.pdk-okno.pdk-jede .pdk-h{animation-delay:2.0s}
.pdk-okno.pdk-jede .pdk-t{animation-delay:2.25s}
.pdk-okno.pdk-jede .pdk-prani{animation-delay:2.5s}
.pdk-okno.pdk-jede .pdk-ul li:nth-child(1){animation-delay:2.7s}
.pdk-okno.pdk-jede .pdk-ul li:nth-child(2){animation-delay:2.9s}
.pdk-okno.pdk-jede .pdk-ul li:nth-child(3){animation-delay:3.1s}
.pdk-okno.pdk-jede .pdk-btn{animation-delay:3.3s}
.pdk-okno.pdk-zav{animation:pdk-zav .7s ease-in forwards}
@keyframes pdk-bg{from{opacity:0;transform:scale(.55)}30%{opacity:1}to{opacity:1;transform:none}}
@keyframes pdk-kolo{from{width:60px;height:60px}to{width:200px;height:200px}}
@keyframes pdk-vst{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
@keyframes pdk-zav{from{opacity:1;transform:none}to{opacity:0;transform:scale(.95)}}
@media (prefers-reduced-motion:reduce){
  .pdk-ov,.pdk-okno,.pdk-okno:before,.pdk-okno *{animation:none!important;transition:none!important}
  .pdk-okno{opacity:1}
}