#ha-site #kivitelezes .ha-process{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,1fr);align-items:stretch;background:#202622;border:1px solid #8cff7040;border-radius:18px;overflow:hidden;gap:0;width:100%;max-width:none}
#ha-site #kivitelezes .ha-process .ha-cinema-screen{position:relative;min-height:590px;aspect-ratio:auto;background:#17201b;overflow:hidden}
#ha-site #kivitelezes .ha-process figcaption{padding:32px;min-width:0;display:flex;flex-direction:column;justify-content:flex-start;gap:22px;background:#202622}
#ha-site #kivitelezes .ha-process-visual{position:absolute;inset:0;opacity:0;visibility:hidden;transition:opacity .65s ease,visibility .65s;overflow:hidden;background:#17201b}
#ha-site #kivitelezes .ha-process-visual.is-current{opacity:1;visibility:visible}
#ha-site #kivitelezes .ha-process-visual img{width:100%;height:100%;display:block;object-position:center}
#ha-site #kivitelezes .ha-process-visual.is-current img{animation:ha-process-zoom 18s linear infinite alternate;transform-origin:center;will-change:transform;animation-play-state:running!important}
#ha-site #kivitelezes .ha-process[data-image-motion="paused"] .ha-process-visual img{animation-play-state:paused!important}
@keyframes ha-process-zoom{from{transform:scale(1)}to{transform:scale(1.12)}}
@media(prefers-reduced-motion:reduce){#ha-site #kivitelezes .ha-process-visual.is-current img{animation:none;transform:none}}
#ha-site #kivitelezes .ha-process-visual:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#101813eb,transparent 35%);pointer-events:none}
#ha-site #kivitelezes .ha-process-visual:has(img[style*="contain"]) img{padding:26px 26px 110px}
#ha-site #kivitelezes .ha-process-caption{position:absolute;left:26px;right:75px;bottom:26px;z-index:2;color:#fff;display:grid;gap:8px}
#ha-site #kivitelezes .ha-process-caption>span{color:#8cff70;font-size:12px;letter-spacing:.13em}
#ha-site #kivitelezes .ha-process-caption>strong{font-size:22px;line-height:1.3;font-weight:500}
#ha-site #kivitelezes .ha-process-pause{position:absolute;right:20px;bottom:26px;width:44px;height:44px;padding:0;z-index:3;background:#202622cf;color:#8cff70;border:1px solid #8cff70;border-radius:50%;font-size:20px}
#ha-site #kivitelezes .ha-process-kicker{color:#8cff70;font-size:10px;letter-spacing:.12em;line-height:1.6}
#ha-site #kivitelezes .ha-process-panels{display:grid}
#ha-site #kivitelezes .ha-process-pane{grid-area:1/1;min-width:0}
#ha-site #kivitelezes .ha-process-pane[hidden]{display:block!important;visibility:hidden;pointer-events:none}
#ha-site #kivitelezes .ha-process-pane h3{color:#fff!important;background:none!important;font-size:clamp(25px,2.2vw,34px);font-weight:400;letter-spacing:-.03em;line-height:1.17;margin:0 0 20px;padding:0}
#ha-site #kivitelezes .ha-process-pane p{color:#d4dfd6!important;font-size:15px;line-height:1.7;opacity:1!important;margin:0;padding:0;background:none!important}
#ha-site #kivitelezes .ha-process-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 16px;margin-top:auto}
#ha-site #kivitelezes .ha-process-tabs button{position:relative;display:flex;align-items:center;text-align:left;gap:9px;min-width:0;min-height:64px;color:#bac5bb;background:none;border:0;border-bottom:1px solid #ffffff25;padding:10px 0 13px;font-size:12px;line-height:1.5;overflow:hidden}
#ha-site #kivitelezes .ha-process-tabs button>span:first-child{color:#8cff70;font-size:10px;flex:none}
#ha-site #kivitelezes .ha-process-tabs button[aria-pressed=true]{color:#8cff70}
#ha-site #kivitelezes .ha-process-tabs button i{position:absolute;bottom:0;left:0;height:3px;background:#8cff70;width:0;animation:none!important;transition:none}
#ha-site #kivitelezes .ha-process button:focus-visible{outline:2px solid #8cff70;outline-offset:-2px}
#ha-site #kivitelezes .ha-process-offer{position:absolute;z-index:2;left:9%;right:9%;top:18%;padding:25px;background:#202622ed;border:1px solid #8cff7090;border-radius:12px;color:white;backdrop-filter:blur(10px)}
#ha-site #kivitelezes .ha-process-offer>span{font-size:10px;letter-spacing:.14em;color:#8cff70;display:block;margin-bottom:12px}
#ha-site #kivitelezes .ha-process-offer>strong{font-size:27px;line-height:1.3;font-weight:500}
#ha-site #kivitelezes .ha-process-offer ul{list-style:none;padding:0;margin:20px 0 0;font-size:14px}
#ha-site #kivitelezes .ha-process-offer li{border-top:1px solid #ffffff25;padding:10px 0}
#ha-site #kivitelezes .ha-process-offer li:before{content:'✓';color:#8cff70;margin-right:10px}
@media(max-width:1000px){#ha-site #kivitelezes .ha-process{grid-template-columns:1fr}#ha-site #kivitelezes .ha-process .ha-cinema-screen{min-height:0;aspect-ratio:16/9}#ha-site #kivitelezes .ha-process figcaption{padding:28px;gap:20px}#ha-site #kivitelezes .ha-process-tabs{grid-template-columns:repeat(3,minmax(0,1fr))}#ha-site #kivitelezes .ha-process-tabs button{min-height:62px}}
@media(max-width:600px){#ha-site #kivitelezes .ha-process .ha-cinema-screen{aspect-ratio:4/3}#ha-site #kivitelezes .ha-process figcaption{padding:22px 18px;gap:18px}#ha-site #kivitelezes .ha-process-tabs{grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 14px}#ha-site #kivitelezes .ha-process-pane h3{font-size:27px;margin-bottom:14px}#ha-site #kivitelezes .ha-process-pane p{font-size:14px;line-height:1.65}#ha-site #kivitelezes .ha-process-caption{left:18px;bottom:18px;right:68px}#ha-site #kivitelezes .ha-process-caption>strong{font-size:17px}#ha-site #kivitelezes .ha-process-caption>span{font-size:10px}#ha-site #kivitelezes .ha-process-pause{right:14px;bottom:18px}#ha-site #kivitelezes .ha-process-offer{top:7%;left:7%;right:7%;padding:16px}#ha-site #kivitelezes .ha-process-offer>strong{font-size:21px}#ha-site #kivitelezes .ha-process-offer ul{margin-top:12px;font-size:12px}#ha-site #kivitelezes .ha-process-offer li{padding:5px 0}#ha-site #kivitelezes .ha-process-visual:has(img[style*="contain"]) img{padding:15px 15px 80px}}
@media(prefers-reduced-motion:reduce){#ha-site #kivitelezes .ha-process-visual{transition:none}}
/* Keep the offer card clear of the image caption at tablet and phone sizes. */
@media(max-width:1000px){#ha-site #kivitelezes .ha-process-offer{top:8%;padding:18px}#ha-site #kivitelezes .ha-process-offer>strong{font-size:24px}#ha-site #kivitelezes .ha-process-offer ul{margin-top:12px}#ha-site #kivitelezes .ha-process-offer li{padding:6px 0}#ha-site #kivitelezes .ha-process[data-process-step="3"] .ha-process-caption>strong{display:none}}
@media(max-width:600px){#ha-site #kivitelezes .ha-process-offer{top:6%;padding:14px}#ha-site #kivitelezes .ha-process-offer>strong{font-size:20px}#ha-site #kivitelezes .ha-process-offer>span{margin-bottom:8px;font-size:9px}#ha-site #kivitelezes .ha-process-offer ul{margin-top:8px;font-size:12px}#ha-site #kivitelezes .ha-process-offer li{padding:3px 0}}