/* Kalodren: situation-based decisions, using the existing reveal observer. */
.zs-situations{--situations-blue:#008fdd;--situations-red:#e7021b;--situations-ease:cubic-bezier(.23,1,.32,1);background:linear-gradient(180deg,#f2f7fb,#f8fbfd);border-block:1px solid #e4edf3}
.zs-situations-head{display:grid;grid-template-columns:1.1fr 1fr;gap:clamp(24px,5vw,72px);align-items:end;margin-bottom:32px}
.zs-situations-head .eyebrow{margin-bottom:12px;color:#0074b3}
.zs-situations-head h2{position:relative;padding-left:22px;margin:0;text-wrap:balance}
.zs-situations-head h2:before{content:"";position:absolute;left:0;top:.12em;bottom:.12em;width:5px;border-radius:3px;background:var(--situations-blue)}
.zs-situations-head>p{font-family:Inter,ui-sans-serif,system-ui,sans-serif;font-size:.98rem;line-height:1.7;color:#536d7d;max-width:560px;margin:0}
.zs-situations-grid{display:grid;grid-template-columns:1.05fr 1fr 1fr;gap:18px;list-style:none;margin:0;padding:0}
.zs-situation{display:flex;min-width:0;list-style:none;margin:0;padding:0}
.zs-situation-link{position:relative;isolation:isolate;display:flex;flex-direction:column;width:100%;min-width:0;min-height:238px;padding:28px;border:1px solid #dce7ee;border-radius:14px;background:#fff;color:#0f2433;box-shadow:0 5px 16px rgba(0,60,95,.035);text-decoration:none;overflow:hidden;touch-action:manipulation;transition:transform 180ms var(--situations-ease),box-shadow 180ms ease,border-color 180ms ease}
.zs-situation-icon{display:grid;place-items:center;width:44px;height:44px;flex-shrink:0;color:#0074b3;background:#eff8fd;border:1px solid #dceff9;border-radius:12px}
.zs-situation-icon svg{width:30px;height:30px}
.zs-situation-copy{position:relative;z-index:1;margin:22px 0 24px}
.zs-situation-copy h3{font-family:Saira,Inter,system-ui,sans-serif;font-size:1.4rem;line-height:1.15!important;letter-spacing:-.01em!important;margin:0 0 10px;text-wrap:balance}
.zs-situation-copy p{font-family:Inter,ui-sans-serif,system-ui,sans-serif;font-size:.88rem;line-height:1.6;color:#5b7180;margin:0;max-width:38ch;overflow-wrap:break-word}
.zs-situation-action{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:auto;padding-top:16px;border-top:1px solid #e6eef3;color:#006da8;font-family:Inter,ui-sans-serif,system-ui,sans-serif;font-size:.76rem;font-weight:750;line-height:1.5}
.zs-situation-action svg{width:21px;height:21px;flex-shrink:0;transition:transform 180ms var(--situations-ease)}
.zs-situation--start{grid-row:span 2}
.zs-situation--start .zs-situation-link{padding:34px;background:linear-gradient(145deg,#008fdd,#006ca8 70%,#005a8c);border-color:#0080c6;color:#fff;box-shadow:0 12px 28px rgba(0,90,140,.12)}
.zs-situation--start .zs-situation-link:before,.zs-situation--start .zs-situation-link:after{content:"";position:absolute;z-index:0;right:-105px;bottom:-80px;width:330px;height:330px;border:1px solid rgba(255,255,255,.14);border-radius:50%;pointer-events:none}
.zs-situation--start .zs-situation-link:after{right:-55px;bottom:-30px;width:230px;height:230px;border-width:26px;border-color:rgba(255,255,255,.045)}
.zs-situation--start .zs-situation-icon{width:58px;height:58px;border-radius:16px;border-color:#ffffff40;background:#ffffff14;color:#fff}
.zs-situation--start .zs-situation-icon svg{width:38px;height:38px}
.zs-situation--start .zs-situation-copy{margin-top:42px;margin-bottom:42px}
.zs-situation--start h3{font-size:clamp(1.9rem,2.5vw,2.5rem);max-width:12ch;color:#fff}
.zs-situation--start p{font-size:1rem;max-width:23ch;color:#e6f5ff}
.zs-situation--start .zs-situation-action{color:#fff;border-top-color:#ffffff40;font-size:.83rem;padding-top:22px}
.zs-situation--service .zs-situation-link{background:linear-gradient(145deg,#fff,#fff4f5);border-color:#f1dce0}
.zs-situation--service .zs-situation-icon{color:#c9041a;background:#fff0f2;border-color:#f6dce1}
.zs-situation--service .zs-situation-action{color:#bd0920;border-top-color:#f1dce0}
.zs-situation--wide{grid-column:1/-1}
.zs-situation--wide .zs-situation-link{display:grid;grid-template-columns:52px 1fr auto;align-items:center;gap:26px;min-height:132px;background:linear-gradient(100deg,#eaf5fc,#fff 75%)}
.zs-situation--wide .zs-situation-copy{margin:0}
.zs-situation--wide .zs-situation-copy h3{font-size:1.6rem}
.zs-situation--wide .zs-situation-copy p{max-width:none}
.zs-situation--wide .zs-situation-action{margin:0;padding:0;border:0;gap:24px}
.zs-situation-link:focus-visible{outline:3px solid #00699f;outline-offset:4px}
.zs-situation--start .zs-situation-link:focus-visible{outline-color:#003c5f}
#megoldasok,#gepvalaszto,#termekek,#szerviz,#kapcsolat{scroll-margin-top:112px}
@media(hover:hover) and (pointer:fine){
 .zs-situation-link:hover{transform:translateY(-3px);border-color:#98cde9;box-shadow:0 12px 26px rgba(0,70,110,.09)}
 .zs-situation-link:hover .zs-situation-action svg{transform:translateX(3px)}
 .zs-situation--start .zs-situation-link:hover{border-color:#73cfff;box-shadow:0 14px 32px rgba(0,90,140,.2)}
 .zs-situation--service .zs-situation-link:hover{border-color:#ebaab4;box-shadow:0 12px 26px rgba(155,15,40,.07)}
}
@media(max-width:1024px){
 .zs-situations-head{grid-template-columns:1fr;gap:20px}
 .zs-situations-head>p{max-width:660px}
 .zs-situations-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .zs-situation--wide .zs-situation-link{grid-template-columns:48px 1fr;gap:20px}
 .zs-situation--wide .zs-situation-action{grid-column:2;justify-content:flex-start}
}
@media(max-width:600px){
 .zs-situations-head{margin-bottom:26px;gap:18px}
 .zs-situations-head>p{font-size:.9rem;line-height:1.65}
 .zs-situations-grid{grid-template-columns:1fr;gap:14px}
 .zs-situation--start{grid-row:auto}
 .zs-situation-link{min-height:216px;padding:24px}
 .zs-situation--start .zs-situation-link{padding:28px;min-height:300px}
 .zs-situation--start .zs-situation-copy{margin:26px 0 30px}
 .zs-situation--start h3{font-size:2rem;max-width:15ch}
 .zs-situation--start p{max-width:28ch}
 .zs-situation--wide .zs-situation-link{display:flex;align-items:stretch;gap:0;min-height:240px;padding:24px}
 .zs-situation--wide .zs-situation-copy{margin:22px 0 24px}
 .zs-situation--wide .zs-situation-copy h3{font-size:1.4rem}
 .zs-situation--wide .zs-situation-action{margin-top:auto;padding-top:16px;border-top:1px solid #dce7ee;justify-content:space-between}
}
@media(prefers-reduced-motion:reduce){
 .zs-situations .reveal{opacity:1!important;transform:none!important;transition:none!important}
 .zs-situation-link,.zs-situation-action svg{transition:none!important;transform:none!important}
}