/* Homepage – dárek v hero, odkaz na dárkové poukazy (gift shop) */
.hp-darek{display:block;text-decoration:none;color:#fff;transition:transform .35s ease}
.hp-darek:hover,.hp-darek:focus{color:#fff}
.hp-darek img{display:block;width:100%;height:auto;filter:drop-shadow(0 8px 14px rgba(0,0,0,.45));transform-origin:50% 90%}
.hp-darek:hover img{animation:hpDarekTres .7s ease}
.hp-darek:active{transform:scale(.96)}
.hp-darek:focus-visible{outline:2px solid #fff;outline-offset:6px}
.hp-darek-desktop{position:absolute;top:98px;right:28px;z-index:2;width:140px}
.hp-darek-text{position:absolute;top:calc(100% + 8px);right:0;white-space:nowrap;color:#fff;font-size:15px;font-weight:500;letter-spacing:.06em;text-shadow:0 1px 8px rgba(0,0,0,.75);opacity:0;transform:translateY(-6px);transition:opacity .25s ease,transform .25s ease;pointer-events:none}
.hp-darek:hover .hp-darek-text,.hp-darek:focus-visible .hp-darek-text{opacity:1;transform:none}
.hp-darek-mobil{display:none;width:96px}
@keyframes hpDarekTres{0%,100%{transform:rotate(0)}15%{transform:rotate(-7deg)}35%{transform:rotate(6deg)}55%{transform:rotate(-4deg)}75%{transform:rotate(2deg)}}
@media (max-width:800px){.hp-darek-desktop{display:none}.hp-darek-mobil{display:block}}
@media (prefers-reduced-motion:reduce){.hp-darek:hover img{animation:none}}