/* polish.css — vrstva pohybu a světla. Pouze doplňky, nic nepřepisuje obsah. */
:root{--ease:cubic-bezier(.22,.75,.3,1)}
html{overflow-x:clip}

/* --- světlo --- */
.hero{isolation:isolate}
.hero::before{content:"";position:absolute;z-index:-1;inset:-12% 0 0 0;pointer-events:none;
  background:radial-gradient(40% 52% at 78% 36%,#fffaeecc,#fffaee00 72%)}
.lead{position:relative;isolation:isolate}
.lead::before{content:"";position:absolute;z-index:-1;inset:0;pointer-events:none;
  background:radial-gradient(52% 62% at 50% 0%,#fffdf6,#fffdf600 72%)}

/* --- obálky v hero: méně překryvu, víc prostoru pro titul --- */
@media(min-width:900px){
  .hero .covers img.c1{grid-column:1/7}
  .hero .covers img.c2{grid-column:7/13}
}
.hero .covers{position:relative;perspective:1100px}
.hero .covers::after{content:"";position:absolute;inset:0;pointer-events:none;z-index:3;
  background:linear-gradient(104deg,#fff0 38%,#fff6 47%,#ffffffb3 50%,#fff6 53%,#fff0 62%);
  transform:translateX(-130%);animation:sweep 9s ease-in-out 1.6s infinite}
@keyframes sweep{0%{transform:translateX(-130%)}16%{transform:translateX(130%)}100%{transform:translateX(130%)}}
.hero .covers img{transform-origin:50% 85%;
  transition:transform .55s var(--ease),box-shadow .55s var(--ease),filter .55s var(--ease);
  box-shadow:2px 0 0 #e7dcc5,5px 0 0 #dbceb2,8px 0 0 #cbbd9c,0 16px 28px #26201940}
.hero .covers img.c1{animation:coverInL 1s var(--ease) .15s backwards}
.hero .covers img.c2{animation:coverInR 1s var(--ease) .3s backwards}
@keyframes coverInL{from{opacity:0;transform:rotate(-17deg) translate(-6px,34px)}}
@keyframes coverInR{from{opacity:0;transform:rotate(17deg) translate(6px,58px)}}
@media(hover:hover) and (min-width:900px){
  .hero .covers:hover img.c1{transform:perspective(1100px) rotate(-8.5deg) translate(8px,-12px) rotateY(7deg);
    box-shadow:2px 0 0 #e7dcc5,5px 0 0 #dbceb2,8px 0 0 #cbbd9c,0 30px 40px #26201959;filter:brightness(1.04)}
  .hero .covers:hover img.c2{transform:perspective(1100px) rotate(8.5deg) translate(-8px,0) rotateY(-7deg);
    box-shadow:2px 0 0 #e7dcc5,5px 0 0 #dbceb2,8px 0 0 #cbbd9c,0 30px 40px #26201959;filter:brightness(1.04)}
}
.hero-art{overflow:hidden;box-shadow:0 26px 50px -30px #26201966}

/* --- obálky v sekcích --- */
.showcase .cover{perspective:1000px}
.showcase .cover img{transition:transform .6s var(--ease),box-shadow .6s var(--ease);
  box-shadow:3px 0 0 #e7dcc5,7px 0 0 #dbceb2,11px 0 0 #cbbd9c,0 22px 50px #26201936}
.showcase .cover img.rv{transform:perspective(1000px) rotateY(11deg) translateY(14px)}
.showcase .cover img.rv.rv-in{transform:perspective(1000px) rotateY(0) translateY(0)}
@media(hover:hover){.showcase .cover img:hover,.showcase .cover img.rv-in:hover{transform:perspective(1000px) rotateY(-5deg) translateY(-8px) scale(1.02);
  box-shadow:3px 0 0 #e7dcc5,7px 0 0 #dbceb2,11px 0 0 #cbbd9c,0 32px 54px #2620193d}}

/* --- zvýraznění --- */
.hl{background-image:linear-gradient(#e8cd8000,#e8cd8000);background-repeat:no-repeat;
  background-position:0 88%;background-size:0 38%;padding:0 .06em;
  transition:background-size .85s var(--ease) .15s}
.hl.rv-in{background-image:linear-gradient(#e8cd8066,#e8cd8066);background-size:100% 38%}
.book-sub .hl.rv-in,.journey .close .hl.rv-in{background-image:linear-gradient(#c9a9574d,#c9a9574d)}

/* --- cena --- */
.price-off.rv-in{animation:pop .7s var(--ease) .25s both}
@keyframes pop{0%{transform:scale(.7);opacity:0}55%{transform:scale(1.09)}100%{transform:scale(1);opacity:1}}
.launch-bar{position:relative;overflow:hidden}
.launch-bar::after{content:"";position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(104deg,#fff0 40%,#ffffff26 50%,#fff0 60%);
  transform:translateX(-130%);animation:sweep 7s linear 2s infinite}

/* --- karty --- */
.journey .card,.review{transition:transform .4s var(--ease),box-shadow .4s var(--ease),border-color .4s}
@media(hover:hover){.journey .card:hover,.review:hover,.review.rv-in:hover{transform:translateY(-4px);
  box-shadow:0 16px 30px -18px #26201966;border-color:#c2ad89}}
.footer .foffer{transition:box-shadow .5s var(--ease)}
.footer .foffer:hover{box-shadow:0 0 0 1px #785d2e80,0 18px 36px -20px #000}

/* --- nájezd sekcí --- */
.rv{opacity:0;transform:translateY(20px);transition:opacity .75s var(--ease),transform .75s var(--ease)}
.rv.rv-in{opacity:1;transform:none}

/* --- FAQ --- */
.faq summary{transition:color .25s}
.faq summary:hover{color:var(--gold)}
.faq summary::after{transition:transform .25s var(--ease)}
.faq details[open] summary::after{transform:rotate(180deg)}
.faq details[open] p{animation:fadeUp .4s var(--ease) both}
@keyframes fadeUp{from{opacity:0;transform:translateY(-6px)}}

/* --- lišta --- */
.sticky{transition:transform .35s var(--ease),opacity .35s}
.sticky.hide{transform:translateY(115%);opacity:0;visibility:hidden;pointer-events:none}

@media(prefers-reduced-motion:reduce){
  .hero .covers::after,.launch-bar::after,.btn::after{display:none}
  *,*::before,*::after{animation:none!important}
  .rv,.showcase .cover img.rv{opacity:1!important;transform:none!important}
  .hl{background-image:linear-gradient(#e8cd8066,#e8cd8066);background-size:100% 38%}
}

/* Eticheta de machetă pe fiecare card de recenzie — aceeași convenție ca pe nadia. */
.rdraft-tag{float:right;margin-left:10px;font-size:9px;letter-spacing:.12em;text-transform:uppercase;
  color:var(--ink-soft);border:1px solid var(--rule);border-radius:999px;padding:2px 8px}