/* AUTOGENEROVANO CORALEM, neupravovat.
 * Zdroj pravdy je stejnojmenny .less soubor, tento .css se pri kazde
 * synchronizaci prepisuje. Upravy delej v .less souboru. */
/* Zlatá hodinka, partneři a patička: plovoucí pás log, detail po kliknutí,
   patička s výraznějším Miami pozadím. */
/* Zlatá hodinka 150: záblesky odlesku slunce na moři v patičce, dvě vrstvy
   (sudé a liché řádky). Řádky jsou v perspektivě, u obzoru úzké a tenké,
   k divákovi širší a silnější; viewBox 100 x 100 se roztáhne na moře. */
/* Zlatá hodinka 173: hladký roh, násobek --roh-hladky drží zh-plast. */
.zh-scena.zh-part {
  min-height: auto;
  padding: var(--zh-sekce-okraj) 0;
  background: linear-gradient(180deg, #2A1230 0%, #120818 100%);
}
.zh-part__obsah {
  display: grid;
  grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.6fr);
  gap: 40px;
  align-items: center;
}
.zh-part__text h2 {
  font-size: clamp(28px, 3.4vw, 44px);
}
/* Zlatá hodinka 43: pás log plyne doleva. Myš ho zastaví, ostatní loga
   ztlumí a za logem pod kurzorem se rozsvítí fotka ze spolupráce. Mezera je
   jako odsazení za každou kartou, takže posun o půlku pásu sedí přesně
   a smyčka neposkočí. */
.zh-part__pas {
  --zh-part-mezera: clamp(12px, 1.4vw, 18px);
  min-width: 0;
  overflow: clip;
  margin: -16px 0;
  padding: 16px 0;
  mask-image: linear-gradient(90deg, transparent, #000 10%, #000 90%, transparent);
  -webkit-mask-image: linear-gradient(90deg, transparent, #000 10%, #000 90%, transparent);
}
.zh-part__proud {
  display: flex;
  width: max-content;
  animation: zh-proud 38s linear infinite;
}
/* Zlatá hodinka 266: otevřená firma stojí uprostřed pásu (009-partneri.js)
   a pás stojí, dokud je její detail otevřený. */
.zh-part__pas:has(.zh-part__logo:focus-visible) .zh-part__proud,
.zh-part__pas:has(.zh-part__logo.is-aktivni) .zh-part__proud {
  animation-play-state: paused;
}
@keyframes zh-proud {
  to {
    transform: translateX(-50%);
  }
}
.zh-part__logo {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  display: grid;
  place-items: center;
  flex: none;
  width: clamp(176px, calc(8.4vw + 144px), 252px);
  height: clamp(84px, calc(4.5vw + 67px), 120px);
  margin-right: var(--zh-part-mezera);
  padding: 0 clamp(18px, calc(1.1vw + 14px), 28px);
  border: 0;
  border-radius: calc(18px * var(--roh-hladky, 1));
  corner-shape: squircle;
  outline: none;
  background: linear-gradient(160deg, rgba(136, 83, 137, 0.2), rgba(18, 8, 24, 0.62));
  box-shadow: inset 0 0 0 2px rgba(255, 144, 182, 0.22);
  cursor: pointer;
  transition: transform 0.35s ease, box-shadow 0.35s ease, opacity 0.35s ease, filter 0.35s ease;
}
/* Fotka ze spolupráce za logem, ztmavená, ať logo zůstane čitelné. */
.zh-part__nahled {
  position: absolute;
  inset: 0;
  z-index: -1;
  opacity: 0;
  transition: opacity 0.45s ease;
}
.zh-part__nahled img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transform: scale(1.1);
  transition: transform 0.9s cubic-bezier(0.2, 0.8, 0.2, 1);
}
.zh-part__nahled::after {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(18, 8, 24, 0.52) 0%, rgba(18, 8, 24, 0.86) 100%);
}
/* Logo firmy se obarví do přechodu webu: obrázek slouží jako maska, takže
   každé logo s průhledným pozadím vypadá jako součást stránky. Maska je na
   pseudoprvku, aby záře (filter) na obalu nebyla oříznutá. */
.zh-part__znak {
  position: relative;
  display: block;
  width: 100%;
  height: 56%;
  transition: transform 0.4s cubic-bezier(0.2, 0.8, 0.2, 1), filter 0.4s ease;
}
.zh-part__znak::before {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(96deg, #FDE0B5 0%, #FAB08E 45%, #FA81B9 100%);
  -webkit-mask: var(--zh-znak) center / contain no-repeat;
  mask: var(--zh-znak) center / contain no-repeat;
}
/* Logo bez průhlednosti (třeba JPG s podkladem) se ukáže, jak je. */
.zh-part__obraz {
  display: block;
  max-width: 100%;
  max-height: 56%;
  object-fit: contain;
  border-radius: calc(8px * var(--roh-hladky, 1));
  corner-shape: squircle;
  transition: transform 0.4s cubic-bezier(0.2, 0.8, 0.2, 1);
}
.zh-part__jmeno {
  font-size: clamp(13px, calc(0.3vw + 12px), 16px);
  font-weight: 800;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  white-space: nowrap;
  background: linear-gradient(96deg, #FDE0B5, #FA81B9);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  transition: transform 0.4s cubic-bezier(0.2, 0.8, 0.2, 1);
}
.zh-part__najeti {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 10%;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  white-space: nowrap;
  color: #FDE0B5;
  opacity: 0;
  transform: translateY(8px);
  transition: opacity 0.35s ease, transform 0.35s ease;
}
/* Otevřená firma zůstane v pásu označená (obě kopie pásu). */
.zh-part__logo.is-aktivni {
  box-shadow: inset 0 0 0 2px rgba(250, 129, 185, 0.85), var(--zh-stin-karta-vybrana);
}
.zh-part__logo.is-aktivni .zh-part__nahled {
  opacity: 0.55;
}
.zh-part__logo:focus-visible {
  box-shadow: inset 0 0 0 2px #FA81B9, 0 0 0 3px rgba(250, 129, 185, 0.3);
}
.zh-part__logo:focus-visible .zh-part__nahled {
  opacity: 1;
}
.zh-part__logo:focus-visible .zh-part__najeti {
  opacity: 1;
  transform: none;
}
.zh-part__logo:focus-visible :is(.zh-part__znak, .zh-part__obraz, .zh-part__jmeno) {
  transform: translateY(-9px) scale(0.92);
}
@media (hover: hover) {
  .zh-part__pas:hover .zh-part__proud {
    animation-play-state: paused;
  }
  .zh-part__proud:hover .zh-part__logo:not(:hover) {
    opacity: 0.42;
    filter: saturate(0.6);
  }
  .zh-part__logo:hover {
    transform: translateY(-5px);
    box-shadow: inset 0 0 0 2px rgba(250, 129, 185, 0.75), var(--zh-stin-karta-vybrana);
  }
  .zh-part__logo:hover .zh-part__nahled {
    opacity: 1;
  }
  .zh-part__logo:hover .zh-part__nahled img {
    transform: scale(1);
  }
  .zh-part__logo:hover :is(.zh-part__znak, .zh-part__obraz, .zh-part__jmeno) {
    transform: translateY(-9px) scale(0.92);
  }
  .zh-part__logo:hover .zh-part__znak {
    filter: drop-shadow(0 0 10px rgba(250, 129, 185, 0.75));
  }
  .zh-part__logo:hover .zh-part__najeti {
    opacity: 1;
    transform: none;
  }
}
/* Detail spolupráce: mozaika tří fotek (hlavní velká, dvě menší) a vedle
   logo, název, obor, co spolu dělali, sleva s poukazem a odkaz na web. */
.zh-part__detail {
  position: relative;
  grid-column: 1 / -1;
  padding: clamp(12px, 1.4vw, 20px);
  border-radius: calc(24px * var(--roh-hladky, 1));
  corner-shape: squircle;
  background: linear-gradient(150deg, rgba(136, 83, 137, 0.24), rgba(18, 8, 24, 0.72) 70%);
  box-shadow: inset 0 0 0 2px rgba(250, 129, 185, 0.3), var(--zh-stin-karta);
  animation: zh-detail-prijd 0.45s cubic-bezier(0.2, 0.8, 0.2, 1);
}
@keyframes zh-detail-prijd {
  from {
    opacity: 0;
    transform: translateY(14px);
  }
  to {
    opacity: 1;
    transform: none;
  }
}
.zh-part__karta {
  display: grid;
  grid-template-columns: minmax(0, 1.6fr) minmax(0, 1fr);
  gap: clamp(18px, 2.6vw, 40px);
  align-items: center;
}
.zh-part__karta[hidden] {
  display: none;
}
.zh-part__karta--fotek-0 {
  grid-template-columns: minmax(0, 1fr);
}
.zh-part__fotky {
  display: grid;
  grid-template-columns: minmax(0, 2fr) minmax(0, 1fr);
  grid-template-rows: repeat(2, minmax(0, 1fr));
  gap: clamp(8px, 0.8vw, 12px);
  aspect-ratio: 16 / 9;
}
.zh-part__foto {
  display: block;
  width: 100%;
  height: 100%;
  min-height: 0;
  object-fit: cover;
  border-radius: calc(16px * var(--roh-hladky, 1));
  corner-shape: squircle;
  animation: zh-foto-prijd 0.55s cubic-bezier(0.2, 0.8, 0.2, 1) both;
}
.zh-part__foto:first-child {
  grid-row: 1 / 3;
}
.zh-part__foto:nth-child(2) {
  animation-delay: 0.08s;
}
.zh-part__foto:nth-child(3) {
  animation-delay: 0.16s;
}
@keyframes zh-foto-prijd {
  from {
    opacity: 0;
    transform: translateY(12px) scale(0.98);
  }
  to {
    opacity: 1;
    transform: none;
  }
}
.zh-part__karta--fotek-1 .zh-part__fotky {
  grid-template-columns: minmax(0, 1fr);
  grid-template-rows: minmax(0, 1fr);
}
.zh-part__karta--fotek-2 .zh-part__fotky {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  grid-template-rows: minmax(0, 1fr);
}
.zh-part__karta--fotek-1 .zh-part__foto:first-child,
.zh-part__karta--fotek-2 .zh-part__foto:first-child {
  grid-row: auto;
}
.zh-part__popis {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: clamp(4px, 1vw, 12px) 56px clamp(4px, 1vw, 12px) 0;
}
.zh-part__znak--detail {
  width: min(220px, 70%);
  height: clamp(40px, calc(1.8vw + 33px), 56px);
  margin-bottom: clamp(14px, 1.6vw, 22px);
}
.zh-part__znak--detail::before {
  -webkit-mask-position: left center;
  mask-position: left center;
}
.zh-part__obraz--detail {
  max-width: min(220px, 70%);
  max-height: clamp(40px, calc(1.8vw + 33px), 56px);
  margin-bottom: clamp(14px, 1.6vw, 22px);
}
.zh-part__popis h3 {
  margin-bottom: 0.08em;
  color: #FDE0B5;
}
.zh-part__obor {
  margin-bottom: clamp(12px, 1.4vw, 18px);
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.3em;
  text-transform: uppercase;
  color: #FA81B9;
}
.zh-part__popis p {
  font-size: var(--zh-pismo-text);
}
.zh-part__popis p.zh-part__sleva {
  display: flex;
  align-items: center;
  gap: 10px;
  max-width: none;
  padding: 10px 14px;
  border-radius: calc(14px * var(--roh-hladky, 1));
  corner-shape: squircle;
  background: rgba(250, 129, 185, 0.12);
  box-shadow: inset 0 0 0 2px rgba(250, 129, 185, 0.34);
  color: #F3D9E4;
}
.zh-part__sleva .zh-ikona {
  color: #FA81B9;
}
.zh-part__sleva b {
  font-weight: 800;
  color: #FDE0B5;
}
/* Zlatá hodinka 104: web firmy a její složka v portfoliu jako tiché odkazy
   z jádra. Zlatá hodinka 270: odkazy i s ikonou stojí na středu popisu. */
.zh-part__odkazy {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-self: stretch;
  gap: 0 clamp(14px, 2vw, 26px);
  margin-top: clamp(4px, 0.8vw, 10px);
}
.zh-part__zavrit {
  position: absolute;
  top: clamp(10px, 1.2vw, 16px);
  right: clamp(10px, 1.2vw, 16px);
  z-index: 2;
}
/* ─────────────────────────────  patička  ─────────────────────────── */
/* Zlatá hodinka 85: klidný závěr dne. Nahoře noc, dole zapadá slunce do
   moře. Obsah stojí ve volném středu nad sluncem, pod ním zůstává místo jen
   pro slunce a palmu. */
/* Zlatá hodinka 109: patička je obyčejný konec stránky, roluje se bez čáry
   a bez lepení. Vodorovně ořezává, ať palma ani záře nepřidají posuvník.
   --zh-obzor je výška moře pod obzorem. Zlatá hodinka 150: moře je hladina
   s odleskem slunce, ne tenký pruh u spodní hrany, který vypadal jako čára.
   Zlatá hodinka 217: moře je poloviční a místo pro slunce menší, ať dole
   nezůstává prázdnota; patička je vysoká podle obsahu, ne podle okna. */
.zh-pata {
  --zh-obzor: clamp(40px, 6.5vh, 70px);
  position: relative;
  overflow-x: clip;
  padding: clamp(72px, 13vh, 132px) 0 0;
  background: linear-gradient(180deg, #120818 0%, #2A1233 20%, #50234F 42%, #A44C83 64%, #EE8F98 84%, #FDE0B5 100%);
}
.zh-pata__nebe {
  position: absolute;
  inset: 0;
  overflow: clip;
}
/* Nad obzorem jen horní půlka slunce, spodní zakrývá moře. */
.zh-pata__slunce {
  position: absolute;
  left: 50%;
  bottom: var(--zh-obzor);
  width: var(--zh-slunce-s, clamp(320px, 46vw, 660px));
  aspect-ratio: 1;
  translate: -50% 50%;
  border-radius: 50%;
  background: radial-gradient(circle, #FDE0B5 0%, rgba(253, 224, 181, 0.88) 30%, rgba(250, 176, 142, 0.4) 55%, transparent 71%);
}
/* Moře pod obzorem: tmavší než nebe, aby obzor byl ostrý, pod sluncem se
   v něm odráží světlý pruh a dolů hladina tmavne až do hluboké švestkové,
   ve které stránka končí. */
.zh-pata__more {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: var(--zh-obzor);
  background: radial-gradient(ellipse calc(var(--zh-slunce-s, clamp(320px, 46vw, 660px)) * 0.24) 100% at 50% 0%, rgba(253, 224, 181, 0.92), rgba(253, 224, 181, 0) 82%), linear-gradient(180deg, #E8899A 0%, #C66E8F 18%, #A0507F 46%, #7C3A6E 74%, #5E2A5C 100%);
}
/* Zlatá hodinka 150: odlesk slunce, záblesky na hladině pod sluncem. Pás je
   u obzoru úzký a k divákovi se rozšiřuje, ke krajům a dolů slábne. Dvě
   vrstvy se střídají, takže se hladina jemně třpytí; animuje se jen
   průhlednost. */
.zh-pata__more::before,
.zh-pata__more::after {
  content: '';
  position: absolute;
  left: 50%;
  top: 0;
  bottom: 0;
  width: calc(var(--zh-slunce-s, clamp(320px, 46vw, 660px)) * 0.9);
  translate: -50% 0;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cg fill='%23FDE0B5'%3E%3Crect x='38.7' y='1.3' width='5.5' height='1.0' rx='0.5' fill-opacity='0.94'/%3E%3Crect x='45.2' y='1.3' width='11.1' height='1.0' rx='0.5' fill-opacity='0.94'/%3E%3Crect x='57.1' y='1.3' width='4.2' height='1.0' rx='0.5' fill-opacity='0.94'/%3E%3Crect x='34.2' y='9.7' width='12.3' height='1.3' rx='0.6' fill-opacity='0.90'/%3E%3Crect x='48.5' y='9.7' width='10.6' height='1.3' rx='0.6' fill-opacity='0.90'/%3E%3Crect x='61.2' y='9.7' width='4.7' height='1.3' rx='0.6' fill-opacity='0.90'/%3E%3Crect x='28.4' y='22.5' width='8.0' height='1.7' rx='0.8' fill-opacity='0.84'/%3E%3Crect x='38.6' y='22.5' width='33.1' height='1.7' rx='0.8' fill-opacity='0.84'/%3E%3Crect x='21.6' y='38.9' width='33.3' height='2.3' rx='1.1' fill-opacity='0.77'/%3E%3Crect x='58.1' y='38.9' width='20.3' height='2.3' rx='1.1' fill-opacity='0.77'/%3E%3Crect x='14.1' y='58.4' width='9.3' height='2.9' rx='1.5' fill-opacity='0.68'/%3E%3Crect x='27.2' y='58.4' width='45.8' height='2.9' rx='1.5' fill-opacity='0.68'/%3E%3Crect x='77.2' y='58.4' width='8.6' height='2.9' rx='1.5' fill-opacity='0.68'/%3E%3Crect x='6.0' y='80.7' width='27.4' height='3.7' rx='1.9' fill-opacity='0.58'/%3E%3Crect x='43.8' y='80.7' width='50.2' height='3.7' rx='1.9' fill-opacity='0.58'/%3E%3C/g%3E%3C/svg%3E") center / 100% 100% no-repeat;
  -webkit-mask-image: radial-gradient(50% 140% at 50% 0%, #000 40%, transparent 100%);
  mask-image: radial-gradient(50% 140% at 50% 0%, #000 40%, transparent 100%);
  animation: zh-trpyt 2.6s ease-in-out infinite alternate;
}
.zh-pata__more::after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cg fill='%23FDE0B5'%3E%3Crect x='36.7' y='4.9' width='19.8' height='1.1' rx='0.5' fill-opacity='0.93'/%3E%3Crect x='57.4' y='4.9' width='5.9' height='1.1' rx='0.5' fill-opacity='0.93'/%3E%3Crect x='31.4' y='15.6' width='22.8' height='1.5' rx='0.7' fill-opacity='0.88'/%3E%3Crect x='55.6' y='15.6' width='12.9' height='1.5' rx='0.7' fill-opacity='0.88'/%3E%3Crect x='25.1' y='30.3' width='28.8' height='2.0' rx='1.0' fill-opacity='0.81'/%3E%3Crect x='59.1' y='30.3' width='15.8' height='2.0' rx='1.0' fill-opacity='0.81'/%3E%3Crect x='18.0' y='48.3' width='8.3' height='2.6' rx='1.3' fill-opacity='0.73'/%3E%3Crect x='28.9' y='48.3' width='3.4' height='2.6' rx='1.3' fill-opacity='0.73'/%3E%3Crect x='35.1' y='48.3' width='3.9' height='2.6' rx='1.3' fill-opacity='0.73'/%3E%3Crect x='41.0' y='48.3' width='41.1' height='2.6' rx='1.3' fill-opacity='0.73'/%3E%3Crect x='10.1' y='69.2' width='58.7' height='3.3' rx='1.7' fill-opacity='0.63'/%3E%3Crect x='71.4' y='69.2' width='18.4' height='3.3' rx='1.7' fill-opacity='0.63'/%3E%3Crect x='1.7' y='92.8' width='56.8' height='4.1' rx='2.1' fill-opacity='0.52'/%3E%3Crect x='63.3' y='92.8' width='9.2' height='4.1' rx='2.1' fill-opacity='0.52'/%3E%3Crect x='75.3' y='92.8' width='22.9' height='4.1' rx='2.1' fill-opacity='0.52'/%3E%3C/g%3E%3C/svg%3E");
  animation-delay: -1.3s;
}
@keyframes zh-trpyt {
  from {
    opacity: 1;
  }
  to {
    opacity: 0.35;
  }
}
/* Zlatá hodinka 109: jedna blízká palma, žádná kopie palem z úvodu. Stojí
   vpravo za krajem okna, kmen se naklání ke slunci a koruna visí vedle
   obsahu. Ve větru se houpe jako v úvodu (zh-vitr točí rotate), náklon drží
   transform kolem paty kmene, ta je v obrázku na 68 % šířky. */
.zh-pata .zh-pata__palma {
  position: absolute;
  left: max(103%, calc(50% + 680px));
  bottom: -1%;
  height: 104%;
  aspect-ratio: 946 / 1500;
  width: auto;
  max-width: none;
  translate: -68% 0;
  transform: rotate(-4deg);
  transform-origin: 68% 98.40000000000001%;
  object-fit: contain;
  object-position: 50% 100%;
  animation: zh-vitr 9s ease-in-out infinite;
}
/* Teplý opar stojí na obzoru, moře pod ním zůstane čisté a blízká palma
   je před ním. */
.zh-pata__opar {
  position: absolute;
  left: 0;
  right: 0;
  bottom: var(--zh-obzor);
  height: 12%;
  background: linear-gradient(0deg, rgba(253, 224, 181, 0.55), transparent);
}
.zh-pata__obsah {
  position: relative;
  z-index: 2;
  display: flex;
  flex-direction: column;
  align-items: center;
  /* místo pro slunce nad mořem, roste s výškou moře */
  padding-bottom: calc(var(--zh-obzor) + clamp(130px, 19vh, 210px));
  text-align: center;
}
.zh-pata .zh-obsah.zh-pata__obsah {
  width: min(660px, 92vw);
}
/* Neonové logo (.zh-neon) je v jádře zh-plast.less, tady jen jeho místo. */
.zh-pata__logo {
  width: clamp(240px, 28vw, 390px);
  margin: 0 0 clamp(22px, 3vw, 38px);
}
.zh-pata p.zh-pata__veta {
  max-width: 44ch;
  margin: 0 auto;
  color: #F3D9E4;
  text-wrap: balance;
  text-shadow: 0 0 22px rgba(42, 16, 48, 0.7), 0 1px 2px rgba(42, 16, 48, 0.6);
}
/* Zlatá hodinka 91: odkaz na portfolio, tichý odkaz z jádra (zh-tichy). */
.zh-pata a.zh-pata__portfolio {
  margin-top: clamp(18px, 2.6vw, 30px);
}
/* Místo tlačítka decentní podpis: rozvolněný, tichý, tečky mezi částmi. */
.zh-pata p.zh-pata__podpis {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: 10px clamp(12px, 1.6vw, 20px);
  max-width: none;
  margin: clamp(24px, 3.4vw, 40px) 0 0;
  font-size: clamp(11px, calc(0.15vw + 10.4px), 12.5px);
  font-weight: 600;
  line-height: 1.4;
  letter-spacing: 0.22em;
  text-transform: uppercase;
  color: rgba(243, 217, 228, 0.8);
  /* Zlatá hodinka 217: podpis stojí blíž ke slunci, stín mu drží kontrast */
  text-shadow: 0 0 18px rgba(42, 16, 48, 0.6), 0 1px 2px rgba(42, 16, 48, 0.5);
}
.zh-pata__tecka {
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background: #FA81B9;
  box-shadow: 0 0 8px rgba(250, 129, 185, 0.8);
}
/* Omezený pohyb: pás stojí a dá se posouvat prstem nebo kolečkem, druhá
   kopie log (jen pro plynulou smyčku) zmizí. */
@media (prefers-reduced-motion: reduce) {
  .zh-pata .zh-pata__palma,
  .zh-pata__more::before,
  .zh-pata__more::after {
    animation: none;
  }
  .zh-part__pas {
    overflow-x: auto;
    scrollbar-width: none;
  }
  .zh-part__proud,
  .zh-part__detail,
  .zh-part__foto {
    animation: none;
  }
  .zh-part__logo[aria-hidden="true"] {
    display: none;
  }
}
@media (max-width: 767px) {
  .zh-scena.zh-part {
    padding: var(--zh-sekce-okraj) 0;
  }
  .zh-part__obsah {
    grid-template-columns: minmax(0, 1fr);
    gap: 24px;
  }
  /* Telefon: hlavní fotka přes celou šířku, dvě menší pod ní, text pod
     fotkami. Zavírací kolečko sedí v rohu hlavní fotky. */
  .zh-part__karta {
    grid-template-columns: minmax(0, 1fr);
  }
  .zh-part__fotky {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-template-rows: auto;
    aspect-ratio: auto;
  }
  .zh-part__foto {
    aspect-ratio: 4 / 3;
  }
  .zh-part__foto:first-child {
    grid-column: 1 / -1;
    grid-row: auto;
    aspect-ratio: 3 / 2;
  }
  .zh-part__karta--fotek-2 .zh-part__foto:last-child {
    grid-column: 1 / -1;
    aspect-ratio: 3 / 2;
  }
  .zh-part__popis {
    padding: 0 4px 6px;
  }
  /* Zlatá hodinka 109 a 217: patička končí stránku, pod ni nejde rolovat.
     Obzor stojí nad spodní hranou, ať slunce nezapadne pod lištu ani pod
     pruh pro gesta. */
  .zh-pata {
    --zh-obzor: calc(env(safe-area-inset-bottom, 0px) + clamp(34px, 5.5svh, 52px));
    --zh-slunce-s: 118vw;
    --zh-pata-dole: clamp(190px, 26svh, 250px);
    padding-top: clamp(48px, 9svh, 90px);
  }
  .zh-pata__obsah {
    padding-bottom: var(--zh-pata-dole);
  }
  /* Palma stojí vpravo v místě pod obsahem, koruna přes kraj slunce. Je
     vysoká jako to místo, takže do textu nad sebou nikdy nedosáhne. */
  .zh-pata .zh-pata__palma {
    left: 93%;
    bottom: -4%;
    height: var(--zh-pata-dole);
  }
  .zh-pata__logo {
    width: min(290px, 74vw);
  }
  /* Podpis na dva řádky: jméno, pod ním rok a web. První tečka zalomí řádek. */
  .zh-pata p.zh-pata__podpis > :nth-child(2) {
    flex-basis: 100%;
    height: 0;
    background: none;
    box-shadow: none;
  }
}