/* Kategorie katalogu: velké, čitelné dlaždice ve stylu aplikace. */
.cloud-catalog .category-hint{align-self:flex-end;margin-bottom:4px;color:#aebbb3;font-size:12px;font-weight:600;letter-spacing:.04em}
.cloud-catalog .genre-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}
.cloud-catalog .genre-card{min-height:154px;padding:22px 21px;border:1px solid #ffffff2b;border-radius:23px;background:linear-gradient(135deg,color-mix(in srgb,var(--ga) 86%,#07120d),color-mix(in srgb,var(--gb) 72%,#07120d));box-shadow:inset 0 1px #ffffff38,0 14px 32px #0005;isolation:isolate;transition:transform .24s ease,box-shadow .24s ease,filter .24s ease}
.cloud-catalog .genre-card:before{width:190px;right:-58px;top:-94px;background:radial-gradient(circle,#fff3,transparent 68%);filter:blur(1px)}
.cloud-catalog .genre-card:after{content:"";position:absolute;z-index:-1;inset:0;border-radius:inherit;background:linear-gradient(118deg,#fff2,transparent 33%,transparent 72%,#ffffff0c);pointer-events:none}
.cloud-catalog .genre-card span.genre-card__glow{position:absolute;width:140px;height:140px;right:-45px;bottom:-82px;border-radius:50%;background:var(--gb);filter:blur(34px);opacity:.44;pointer-events:none}
.cloud-catalog .genre-card span.genre-card__icon{display:grid;width:48px;height:48px;place-items:center;margin:0 0 26px;border:1px solid #ffffff59;border-radius:15px;background:#ffffff19;color:#fff;font-size:25px;line-height:1;box-shadow:inset 0 1px #fff5,0 9px 21px #0003;backdrop-filter:blur(9px)}
.cloud-catalog .genre-card span.genre-card__copy{display:block;height:auto;padding-right:45px}
.cloud-catalog .genre-card__copy strong{display:block;color:#fff;font-family:"Space Grotesk",sans-serif;font-size:19px;line-height:1.16;letter-spacing:-.02em}
.cloud-catalog .genre-card__copy small{display:block;margin-top:5px;color:#ffffffbd;font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase}
.cloud-catalog .genre-card span.genre-card__arrow{position:absolute;right:18px;bottom:18px;display:grid;width:35px;height:35px;place-items:center;border:1px solid #ffffff3b;border-radius:50%;background:#ffffff13;font-size:19px;line-height:1;transition:transform .24s ease,background .24s ease}
.cloud-catalog .genre-card:hover,.cloud-catalog .genre-card:focus-visible{transform:translateY(-5px);filter:brightness(1.08);border-color:#ffffff5c;box-shadow:inset 0 1px #ffffff66,0 23px 43px #0008}
.cloud-catalog .genre-card:hover .genre-card__arrow,.cloud-catalog .genre-card:focus-visible .genre-card__arrow{transform:translateX(3px);background:#ffffff29}
.cloud-catalog .genre-card:focus-visible{outline:3px solid #9bffc0;outline-offset:3px}

/* Pozvánka k instalaci PWA. Všechny prvky jsou HTML/CSS, takže zůstávají ostré i na Retina displeji. */
.cloud-catalog .app-install-section{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);align-items:center;min-height:390px;padding:39px clamp(28px,5vw,70px);overflow:hidden;border-color:#72f4a74a;background:radial-gradient(circle at 82% 48%,#56e99524,transparent 35%),linear-gradient(122deg,#0d2418ed,#103d25c7);box-shadow:inset 0 1px #ffffff24,0 25px 65px #0005}
.cloud-catalog .app-install-section:before{right:-55px;top:-145px;width:370px;background:#66f2a12d;filter:blur(38px)}
.app-install-copy{position:relative;z-index:2;max-width:690px}
.app-install-copy h2{max-width:620px;margin:5px 0 14px;font:700 clamp(34px,4.4vw,61px)/.98 "Space Grotesk",sans-serif;letter-spacing:-.055em}
.app-install-description{max-width:610px;margin:0;color:#c5d3ca;font-size:15px;line-height:1.65}
.app-install-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:11px;margin:25px 0 0;padding:0;list-style:none;counter-reset:none}
.app-install-steps li{min-height:103px;padding:14px 13px;border:1px solid #ffffff17;border-radius:15px;background:#ffffff09;box-shadow:inset 0 1px #ffffff0f}
.app-install-steps li>span{display:grid;width:25px;height:25px;place-items:center;margin-bottom:10px;border-radius:50%;background:#7cf2a6;color:#092116;font:700 12px "Space Grotesk",sans-serif;box-shadow:0 0 18px #64e89a42}
.app-install-steps p{margin:0;color:#eef7f1;font-size:12px;line-height:1.42}
.app-install-actions{margin-top:20px}.cloud-catalog .app-install-button{color:#092116;background:linear-gradient(135deg,#c8ffda,#50dc83);border-color:#d7ffe5;cursor:pointer}
.app-installed-message{display:flex;align-items:center;gap:10px;margin:24px 0 0;color:#d7ffe5;font-weight:600}.app-installed-message>span{display:grid;width:31px;height:31px;place-items:center;border-radius:50%;background:#65e994;color:#082015}
.app-install-section.is-installed{min-height:310px}.app-install-section.is-installed .app-install-visual{filter:saturate(1.15)}
.app-install-visual{position:relative;display:grid;min-height:330px;place-items:center;perspective:900px}
.app-phone{position:relative;width:174px;height:337px;padding:8px;border:1px solid #ffffff57;border-radius:37px;background:linear-gradient(150deg,#52675b,#15291d 40%,#07140d);box-shadow:inset 0 0 0 2px #07140d,0 34px 65px #0008,0 0 70px #64e89a21;transform:rotate(6deg)}
.app-phone-island{position:absolute;z-index:2;top:16px;left:50%;width:64px;height:17px;transform:translateX(-50%);border-radius:100px;background:#07100b}
.app-phone-screen{display:flex;height:100%;align-items:center;justify-content:center;flex-direction:column;border-radius:29px;background:radial-gradient(circle at 75% 10%,#56d98e31,transparent 32%),linear-gradient(155deg,#11261a,#06110b);overflow:hidden}
.app-phone-screen:after{content:"";position:absolute;width:130px;height:130px;right:-35px;bottom:54px;border-radius:50%;background:#64e89a16;filter:blur(12px)}
.app-phone-screen>strong{margin-top:13px;font:700 14px "Space Grotesk",sans-serif;letter-spacing:-.03em}.app-phone-screen>strong span{color:#72eba0}.app-phone-screen>small{margin-top:4px;color:#8feab0;font-size:7px;font-weight:700;letter-spacing:.12em}
.app-icon{display:grid;width:70px;height:70px;place-items:center;border:1px solid #ffffff5e;border-radius:19px;background:linear-gradient(145deg,#143924,#07120d);box-shadow:inset 0 1px #fff3,0 18px 35px #0007,0 0 35px #5ce9952e}
.app-icon .brand-mark{width:34px;height:31px}.app-icon .brand-mark i{background:#6eea9d}
.app-mini-shelf{display:flex;gap:7px;margin-top:42px}.app-mini-shelf i{display:block;width:37px;height:56px;border:1px solid #ffffff15;border-radius:6px;background:linear-gradient(145deg,#24583a,#0b2115)}.app-mini-shelf i:nth-child(2){background:linear-gradient(145deg,#784d30,#1e1c11)}.app-mini-shelf i:nth-child(3){background:linear-gradient(145deg,#345b6e,#10202a)}
.app-dock-pill{position:absolute;z-index:3;right:2%;bottom:12%;display:flex;align-items:center;gap:10px;width:max-content;padding:9px 14px 9px 9px;border:1px solid #ffffff36;border-radius:19px;background:#dff8e9e8;color:#0a2416;box-shadow:0 18px 40px #0006;backdrop-filter:blur(15px);transform:rotate(-4deg)}
.app-dock-pill .app-icon--small{width:43px;height:43px;border-radius:11px}.app-dock-pill .brand-mark{width:23px;height:20px}.app-dock-pill p{margin:0}.app-dock-pill strong,.app-dock-pill small{display:block}.app-dock-pill strong{font-size:12px}.app-dock-pill small{margin-top:2px;color:#3e5e4a;font-size:8px}

.install-nudge{position:fixed;z-index:35;right:max(18px,env(safe-area-inset-right));bottom:max(18px,env(safe-area-inset-bottom));display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:11px;width:min(510px,calc(100% - 36px));padding:10px 11px;border:1px solid #caffdc5c;border-radius:21px;background:linear-gradient(125deg,#e8fff1f2,#bdeecff0);color:#092116;box-shadow:0 22px 55px #0008,0 0 0 1px #ffffff80 inset;backdrop-filter:blur(22px);animation:install-nudge-in .45s cubic-bezier(.2,.85,.25,1) both}
.install-nudge[hidden]{display:none}.install-nudge-icon{display:grid;width:47px;height:47px;place-items:center;border-radius:14px;background:linear-gradient(145deg,#164529,#07140d);box-shadow:0 8px 17px #163f2752}.install-nudge-icon .brand-mark{width:24px;height:22px}.install-nudge-icon .brand-mark i{background:#72eba0}.install-nudge div{min-width:0}.install-nudge strong,.install-nudge p{display:block;margin:0}.install-nudge strong{font:700 13px/1.2 "Space Grotesk",sans-serif}.install-nudge p{margin-top:3px;color:#395846;font-size:10px;line-height:1.3}.install-nudge-action{padding:9px 13px;border:0;border-radius:100px;background:#0d3821;color:#e8fff1;font-size:11px;font-weight:700;white-space:nowrap;cursor:pointer}.install-nudge-close{display:grid;width:27px;height:27px;place-items:center;border:0;border-radius:50%;background:#0d38210d;color:#294c37;font-size:20px;line-height:1;cursor:pointer}
@keyframes install-nudge-in{from{opacity:0;transform:translateY(18px) scale(.97)}to{opacity:1;transform:none}}

@media(display-mode:standalone){body.cloud-catalog{min-height:100dvh}.cloud-catalog .site-header{margin-top:env(safe-area-inset-top)}}
@supports(padding:max(0px)){.cloud-catalog .site-header{padding-left:max(16px,env(safe-area-inset-left));padding-right:max(16px,env(safe-area-inset-right))}.cloud-catalog .site-footer{padding-bottom:max(28px,env(safe-area-inset-bottom))}}
@media(max-width:1000px){.cloud-catalog .genre-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.cloud-catalog .app-install-section{grid-template-columns:minmax(0,1fr) 300px}.app-install-steps{grid-template-columns:1fr}.app-install-steps li{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:11px;min-height:auto}.app-install-steps li>span{margin:0}}
@media(max-width:700px){.cloud-catalog .category-hint{display:none}.cloud-catalog .genre-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.cloud-catalog .genre-card{min-height:132px;padding:17px 15px;border-radius:18px}.cloud-catalog .genre-card span.genre-card__icon{width:41px;height:41px;margin-bottom:21px;border-radius:13px;font-size:21px}.cloud-catalog .genre-card__copy strong{font-size:16px}.cloud-catalog .genre-card span.genre-card__arrow{right:13px;bottom:13px;width:31px;height:31px}.cloud-catalog .app-install-section{display:block;min-height:0;padding:28px 20px 0}.app-install-copy h2{font-size:39px}.app-install-description{font-size:14px}.app-install-visual{min-height:290px;margin-top:8px;transform:scale(.84);transform-origin:center bottom}.app-install-steps{gap:8px}.app-dock-pill{right:calc(50% - 175px)}.install-nudge{right:12px;bottom:max(12px,env(safe-area-inset-bottom));grid-template-columns:auto minmax(0,1fr) auto;width:calc(100% - 24px);border-radius:18px}.install-nudge-action{grid-column:2;padding:8px 11px;justify-self:start}.install-nudge-close{grid-column:3;grid-row:1;align-self:start}.install-nudge-icon{grid-row:1/3}}
@media(max-width:390px){.cloud-catalog .genre-grid{grid-template-columns:1fr}.cloud-catalog .genre-card{min-height:125px}.app-install-copy h2{font-size:34px}}
@media(prefers-reduced-motion:reduce){.cloud-catalog .genre-card,.cloud-catalog .genre-card__arrow,.install-nudge{transition:none;animation:none}}