/*===== Hero =====*/
.lt-hero{padding:clamp(44px,6vw,80px) 0 clamp(20px,3vw,32px)}

/*===== Sekce =====*/
.lt-sekce{
  padding:clamp(40px,5vw,72px) 0;
  border-top:1px solid rgba(36,26,28,.07);
  scroll-margin-top:96px;
}

/*===== Odkazy pod letákem =====*/
.lt-odkazy{
  display:flex;flex-wrap:wrap;gap:12px;
  margin-top:clamp(18px,2.5vw,26px);
}

/*===== Prohlížeč =====*/
.lt-prohlizec{
  padding:clamp(40px,5vw,72px) 0;
  background:var(--ls-plocha);
  border-top:1px solid rgba(36,26,28,.07);
  scroll-margin-top:96px;
  overflow-x:clip;
}
.lt-hlava{
  display:flex;flex-wrap:wrap;
  align-items:flex-end;justify-content:space-between;
  gap:16px;
}
.lt-hlava .ls-h2{margin-top:10px}

/*===== Scéna =====*/
.lt-scena{
  display:flex;align-items:center;justify-content:center;
  margin-top:clamp(24px,3vw,36px);
  perspective:2600px;
  touch-action:pan-y pinch-zoom;
}

/*===== Rozevřený arch =====*/
.lt-kniha{
  position:relative;
  width:100%;max-width:996px;
  aspect-ratio:297/210;
  margin:0 auto;
  transform-style:preserve-3d;
  transition:transform .78s cubic-bezier(.42,.02,.2,1);
}

/*===== Zavřený leták se posune tak, aby obsazená půlka byla na střed =====*/
.lt-kniha-dve{transform:none}
.lt-kniha-vpravo{transform:translateX(-25%)}
.lt-kniha-vlevo{transform:translateX(25%)}

/*===== Sloty pro levou a pravou stranu =====*/
.lt-slot{position:absolute;top:0;width:50%;height:100%}
.lt-slot-vlevo{left:0}
.lt-slot-vpravo{left:50%}

/*===== Jedna strana A5 =====*/
.lt-strana{
  position:absolute;inset:0;
  overflow:hidden;
  background:var(--ls-karta);
  box-shadow:0 26px 52px -40px rgba(36,26,28,.8);
}
.lt-strana img{
  position:absolute;top:0;
  height:100%;width:auto;max-width:none;
  display:block;
}
.lt-strana-vpravo img{right:0}
.lt-strana-vlevo img{left:0}

/*===== Překlápěcí list =====*/
.lt-list{
  position:absolute;top:0;left:50%;
  width:50%;height:100%;
  transform-origin:left center;
  transform-style:preserve-3d;
  will-change:transform;
  z-index:3;
}
.lt-list-anim{transition:transform .78s cubic-bezier(.42,.02,.2,1)}
.lt-list-predek,
.lt-list-zadek{
  position:absolute;inset:0;
  overflow:hidden;
  backface-visibility:hidden;
  -webkit-backface-visibility:hidden;
}
.lt-list-zadek{transform:rotateY(180deg)}

/*===== Stín, který po listu přejede během otáčení =====*/
.lt-zastin{
  position:absolute;inset:0;
  pointer-events:none;
  background:linear-gradient(90deg,rgba(36,26,28,.34),rgba(36,26,28,0) 55%);
  opacity:0;
  transition:opacity .78s ease;
}
.lt-list-zvednuty .lt-zastin{opacity:1}

/*===== Stín na straně, která se zpod listu odkrývá =====*/
.lt-stin-pod{
  position:absolute;inset:0;
  pointer-events:none;
  background:linear-gradient(90deg,rgba(28,15,20,.45),rgba(28,15,20,.12));
  opacity:0;
  transition:opacity .55s ease;
}
.lt-stin-pod-viditelny{opacity:1}

/*===== Naznačený přehyb uprostřed dvoustrany =====*/
.lt-preh{
  position:absolute;inset:0;
  pointer-events:none;
  z-index:2;
  opacity:0;
  transition:opacity .45s ease;
  background:linear-gradient(90deg,
    transparent 48.6%,
    rgba(36,26,28,.07) 49.7%,
    rgba(36,26,28,.16) 50%,
    rgba(36,26,28,.07) 50.3%,
    transparent 51.4%);
}
.lt-kniha-dve .lt-preh{opacity:1}

/*===== Listování po jedné straně =====*/
.lt-rezim-listy .lt-scena{perspective:2000px}
.lt-rezim-listy .lt-kniha-jedna{
  aspect-ratio:148.5/210;
  max-width:min(498px,max(250px,calc((100vh - 250px) / 1.4141)));
  max-width:min(498px,max(250px,calc((100svh - 250px) / 1.4141)));
}
.lt-rezim-listy .lt-kniha-jedna .lt-slot{width:100%;left:0}
.lt-rezim-listy .lt-list{left:0;width:100%}
.lt-rezim-listy .lt-list-anim{transition:transform .55s cubic-bezier(.4,0,.25,1)}
.lt-rezim-listy .lt-zastin{
  background:linear-gradient(90deg,rgba(36,26,28,.08),rgba(36,26,28,.5));
  transition-duration:.55s;
}

/*===== Ovládání =====*/
.lt-ovladani{
  display:flex;align-items:center;justify-content:center;
  flex-wrap:wrap;
  gap:clamp(12px,3vw,24px);
  margin-top:clamp(22px,3vw,32px);
}
.lt-sip,
.lt-tl-cela{
  display:flex;align-items:center;justify-content:center;
  flex:none;height:52px;
  border:1.5px solid var(--ls-hranice-2);
  border-radius:999px;
  background:var(--ls-karta);
  color:var(--ls-vino);
  font-family:inherit;
  cursor:pointer;
  transition:border-color .2s ease,background .2s ease,color .2s ease;
}
.lt-sip{width:52px}
.lt-tl-cela{gap:8px;padding:0 18px;font-size:14px;font-weight:700}
.lt-sip:hover:not(:disabled),
.lt-tl-cela:hover{border-color:var(--ls-vino);background:var(--ls-na-vine)}
.lt-sip:disabled{opacity:.3;cursor:default}
.lt-krok{
  margin:0;min-width:52px;text-align:center;
  font-size:14px;font-weight:700;
  font-variant-numeric:tabular-nums;
  color:var(--ls-inkoust-60);
}
.lt-napoveda{
  margin:14px 0 0;text-align:center;
  font-size:13px;color:var(--ls-inkoust-45);
}
.lt-cela-zavrit{display:none}

/*===== Nápověda podle ovládání =====*/
.lt-napoveda-dotyk,
.lt-napoveda-otoc{display:none}
@media (hover:none){
  .lt-napoveda-mys{display:none}
  .lt-napoveda-dotyk{display:inline}
  .lt-rezim-listy .lt-napoveda-otoc{display:block;margin-top:4px}
}

/*===== Celá obrazovka =====*/
html.lt-zamceno,
html.lt-zamceno body{overflow:hidden}
html.lt-zamceno .ls-nahoru{display:none}

.lt-prohlizec.lt-na-celou{
  position:fixed;inset:0;z-index:1000;
  padding:0;border:0;
  background:#1C1416;
  overflow:hidden;
}
.lt-na-celou > .wrap{
  max-width:none;width:100%;height:100%;
  margin:0;
  padding:max(8px,env(safe-area-inset-top)) max(10px,env(safe-area-inset-right)) max(8px,env(safe-area-inset-bottom)) max(10px,env(safe-area-inset-left));
  box-sizing:border-box;
  display:flex;flex-direction:column;
}
.lt-na-celou .lt-hlava{flex-wrap:nowrap;align-items:center;padding:2px 4px 8px}
.lt-na-celou .lt-stahnout{display:none}
.lt-na-celou .lt-hlava .ls-h2{margin:0;font-size:17px;color:#FFF6F0}
.lt-na-celou .lt-scena{
  flex:1;min-height:0;
  margin:0;
  container-type:size;
}
.lt-na-celou .lt-kniha{max-width:none;width:min(100cqw,calc(100cqh * 1.4142))}
.lt-na-celou.lt-rezim-listy .lt-kniha-jedna{max-width:none;width:min(100cqw,calc(100cqh * .7071))}
.lt-na-celou .lt-strana{box-shadow:0 18px 40px -22px rgba(0,0,0,.85)}
.lt-na-celou .lt-ovladani{margin-top:8px}
.lt-na-celou .lt-sip,
.lt-na-celou .lt-tl-cela{
  background:rgba(255,246,240,.1);
  border-color:rgba(255,246,240,.28);
  color:#FFF6F0;
}
.lt-na-celou .lt-sip:hover:not(:disabled),
.lt-na-celou .lt-tl-cela:hover{background:rgba(255,246,240,.2);border-color:#FFF6F0}
.lt-na-celou .lt-krok{color:rgba(255,246,240,.8)}
.lt-na-celou .lt-napoveda{margin-top:6px;font-size:12px;color:rgba(255,246,240,.55)}
.lt-na-celou .lt-cela-otevrit{display:none}
.lt-na-celou .lt-cela-zavrit{display:inline}
.lt-na-celou svg.lt-cela-zavrit{display:block}

/*===== Celá obrazovka na nízkém displeji: ovládání přes okraje =====*/
@media (max-height:500px){
  .lt-na-celou .lt-hlava,
  .lt-na-celou .lt-napoveda{display:none}
  .lt-na-celou .lt-ovladani{
    position:absolute;inset:0;
    margin:0;
    padding:0 max(8px,env(safe-area-inset-right)) 0 max(8px,env(safe-area-inset-left));
    justify-content:space-between;
    pointer-events:none;
  }
  .lt-na-celou .lt-ovladani > *{pointer-events:auto}
  .lt-na-celou .lt-sip{width:44px;height:44px}
  .lt-na-celou .lt-krok{
    position:absolute;top:max(8px,env(safe-area-inset-top));left:max(8px,env(safe-area-inset-left));
    min-width:0;height:38px;padding:0 12px;
    display:flex;align-items:center;
    border-radius:999px;background:rgba(255,246,240,.1);
    font-size:13px;
  }
  .lt-na-celou .lt-tl-cela{
    position:absolute;top:max(8px,env(safe-area-inset-top));right:max(8px,env(safe-area-inset-right));
    height:38px;padding:0 12px;font-size:13px;
  }
}

/*===== Archy na jedné hromadě (bez JavaScriptu) =====*/
.lt-archy{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(320px,1fr));
  gap:clamp(18px,2.5vw,28px);
  margin-top:clamp(22px,3vw,32px);
}
.lt-archy figure{margin:0}
.lt-archy img{
  width:100%;height:auto;display:block;
  border:1px solid var(--ls-hranice);
  border-radius:10px;
  box-shadow:var(--ls-stin);
}
.lt-archy figcaption{
  margin-top:10px;
  font-size:13.5px;font-weight:700;
  color:var(--ls-inkoust-60);
}

/*===== Úzké displeje =====*/
@media (max-width:759px){
  .lt-prohlizec{padding:18px 0 26px}
  .lt-hlava{flex-wrap:nowrap;align-items:center;gap:12px}
  .lt-hlava .ls-h2{margin-top:6px;font-size:22px}
  .lt-hlava .ls-btn{flex:none;padding:9px 14px;font-size:13px}
  .lt-scena{margin-top:14px}
  .lt-ovladani{margin-top:14px}
  .lt-sip{width:48px;height:48px}
  .lt-tl-cela{height:48px;padding:0 14px;font-size:13px}
}

/*===== Potlačený pohyb =====*/
@media (prefers-reduced-motion:reduce){
  .lt-kniha{transition:none}
  .lt-list-anim{transition:none}
  .lt-zastin,.lt-stin-pod{transition:none}
}