.a24-catalog{width:100%;font-family:inherit;color:#111d71;box-sizing:border-box}.a24-catalog *{box-sizing:border-box}.a24-cat-headline{font-size:clamp(17px,1.4vw,23px);font-weight:750;color:#1152dc;margin:0 0 12px!important}.a24-cat-tabs{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:9px;margin-bottom:14px}.a24-cat-tab{appearance:none!important;background:#fff!important;border:2px solid transparent!important;border-radius:12px!important;padding:5px!important;cursor:pointer;min-width:0;box-shadow:0 2px 12px rgba(50,72,110,.06)!important;transition:transform .18s,box-shadow .18s,border-color .18s;height:auto!important;min-height:unset!important;display:grid;place-items:center}.a24-cat-tab img{display:block;width:100%;height:auto;aspect-ratio:1/1;object-fit:contain;border-radius:9px}.a24-cat-tab:hover,.a24-cat-tab:focus-visible{transform:translateY(-3px);box-shadow:0 8px 20px rgba(27,84,177,.15)!important}.a24-cat-tab[aria-selected=true]{border-color:var(--cat-accent,#1269ed)!important;box-shadow:0 0 0 2px color-mix(in srgb,var(--cat-accent) 18%,transparent)!important}.a24-cat-panel{background:linear-gradient(110deg,#f6fbff,#e4f2ff);border-radius:18px;overflow:hidden;min-height:260px;display:grid;grid-template-columns:minmax(0,45%) minmax(0,55%);box-shadow:inset 0 0 0 1px rgba(105,150,227,.12)}.a24-cat-panel[hidden]{display:none!important}.a24-cat-copy{padding:22px 12px 22px 24px;align-self:center;z-index:1}.a24-cat-intro{display:flex;gap:14px;align-items:flex-start}.a24-cat-icon{flex:0 0 62px;width:62px;height:62px;background:#fff;border-radius:50%;display:grid;place-items:center;overflow:hidden}.a24-cat-icon img{width:100%;height:100%;object-fit:contain}.a24-cat-intro h3{color:#101a70;font-size:clamp(18px,1.65vw,28px);font-weight:800;line-height:1.15;margin:0 0 7px}.a24-cat-intro p{color:#42527f;margin:0;line-height:1.45;font-size:clamp(13px,1vw,16px)}.a24-cat-checks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:16px;row-gap:10px;margin:17px 0 18px}.a24-cat-check{display:flex;align-items:start;gap:8px;color:#121f72;font-size:clamp(12px,.95vw,15px);line-height:1.28;font-weight:600}.a24-cat-check span{color:#1165ff;font-size:19px;font-weight:900;line-height:1}.a24-cat-cta{display:inline-flex;align-items:center;justify-content:space-between;gap:22px;background:#111ba2;color:#fff!important;text-decoration:none!important;font-size:14px;font-weight:700;padding:12px 20px;border-radius:6px;min-height:42px;transition:background .2s,transform .2s}.a24-cat-cta:hover{background:#0958ed;transform:translateY(-2px)}.a24-cat-cta-disabled{opacity:.8;cursor:default}.a24-cat-visual{display:flex;align-items:center;justify-content:center;min-height:100%;overflow:hidden}.a24-cat-visual img{display:block;width:100%;height:100%;object-fit:cover;object-position:center;border:0;margin:0}.a24-cat-panel:not([hidden]){animation:a24PanelIn .26s ease both}@keyframes a24PanelIn{from{opacity:.5;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@media(max-width:900px){.a24-cat-tabs{grid-template-columns:repeat(4,minmax(0,1fr))}.a24-cat-panel{grid-template-columns:1fr}.a24-cat-copy{padding:22px}.a24-cat-visual{height:280px}.a24-cat-visual img{height:100%;object-fit:contain}}@media(max-width:520px){.a24-cat-tabs{grid-template-columns:repeat(4,minmax(0,1fr));gap:5px}.a24-cat-tab{padding:3px!important;border-radius:8px!important}.a24-cat-copy{padding:16px}.a24-cat-icon{width:48px;height:48px;flex-basis:48px}.a24-cat-checks{gap:10px}.a24-cat-visual{height:210px}.a24-cat-headline{font-size:17px}}

.a24-cat-question{font-weight:700;color:#111d71!important;margin:0 0 9px!important;font-size:clamp(14px,1.05vw,17px)!important}.a24-cat-process{margin:0 0 12px;color:#17246d}.a24-cat-process strong{font-size:clamp(13px,1.05vw,17px)}.a24-cat-process p{margin:5px 0 0;color:#42527f;font-size:clamp(12px,.9vw,14px);line-height:1.45}.a24-cat-tagline{font-weight:700;color:#111d71;margin:0 0 12px;font-size:14px}.a24-cat-copy{align-self:start}.a24-cat-panel{align-items:stretch}

/* 1.2.2: Show complete illustration without cropping */
.a24-catalog .a24-cat-visual{overflow:visible;min-width:0;min-height:0;align-self:center;padding:12px 14px 12px 0}
.a24-catalog .a24-cat-visual img{display:block!important;width:100%!important;height:auto!important;max-width:100%!important;max-height:none!important;object-fit:contain!important;object-position:center!important;aspect-ratio:auto!important}
@media(max-width:900px){.a24-catalog .a24-cat-visual{height:auto!important;padding:0 14px 16px}.a24-catalog .a24-cat-visual img{height:auto!important}}

/* 1.2.4 – otočné karty: problém vpředu, ikona na rubu */
.a24-catalog .a24-cat-tab{position:relative;display:block!important;aspect-ratio:1/1;perspective:950px;overflow:visible;transform:none!important;padding:5px!important;}
.a24-catalog .a24-flip-inner{position:relative;display:block;width:100%;height:100%;transform-style:preserve-3d;transition:transform .55s cubic-bezier(.2,.7,.2,1);}
.a24-catalog .a24-flip-front,.a24-catalog .a24-flip-back{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;backface-visibility:hidden;-webkit-backface-visibility:hidden;border-radius:9px;overflow:hidden;}
.a24-catalog .a24-flip-front{padding:clamp(6px,1vw,18px);background:#f7faff;color:var(--cat-accent);text-align:center;font-weight:750;font-size:clamp(12px,1.12vw,20px);line-height:1.22;hyphens:auto;overflow-wrap:break-word;}
.a24-catalog .a24-flip-back{transform:rotateY(180deg);background:#fff;}
.a24-catalog .a24-flip-back img{width:100%!important;height:100%!important;object-fit:contain!important;aspect-ratio:auto!important;}
@media(hover:hover){.a24-catalog .a24-cat-tab:hover .a24-flip-inner,.a24-catalog .a24-cat-tab:focus-visible .a24-flip-inner{transform:rotateY(180deg);}}
.a24-catalog .a24-cat-tab.is-flipped .a24-flip-inner{transform:rotateY(180deg);}
@media(max-width:900px){.a24-catalog .a24-flip-front{font-size:clamp(12px,2vw,19px)}}
@media(max-width:520px){.a24-catalog .a24-flip-front{font-size:clamp(10px,2.5vw,13px);padding:3px;line-height:1.15}}
@media(prefers-reduced-motion:reduce){.a24-catalog .a24-flip-inner{transition:none}}

/* 1.2.5: never split words; selected tab stays showing its icon */
.a24-catalog .a24-flip-front,.a24-catalog .a24-flip-front span{hyphens:none!important;-webkit-hyphens:none!important;word-break:normal!important;overflow-wrap:normal!important;white-space:normal!important;}
.a24-catalog .a24-cat-tab.active .a24-flip-inner{transform:rotateY(180deg)!important;}
