/* MB-TEH V3.47.12 — »Poiščite pravo rešitev«. */
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.solution-teaser{position:relative;overflow:hidden;padding:76px 0;background:#061b2f;color:#fff}
.solution-teaser::before{content:"";position:absolute;width:520px;height:520px;right:-220px;top:-310px;border:1px solid rgba(81,190,248,.18);border-radius:50%}
.solution-teaser::after{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent 45%,rgba(0,126,204,.14));pointer-events:none}
.solution-teaser__inner{position:relative;z-index:1;display:grid;width:min(calc(100% - 48px),1240px);margin:auto;grid-template-columns:minmax(0,1fr) auto;gap:64px;align-items:center}
.solution-teaser__copy{max-width:760px}
.solution-teaser__kicker{display:block;margin-bottom:11px;color:#69c8ff;font-size:11px;font-weight:800;letter-spacing:.17em;text-transform:uppercase}
.solution-teaser h2{margin:0 0 14px;color:#fff;font-size:clamp(32px,4vw,50px);line-height:1.08;letter-spacing:-.03em}
.solution-teaser h2 span{color:#49bcff}
.solution-teaser p{max-width:700px;margin:0;color:#cbdde9;font-size:15px;line-height:1.75}
.solution-teaser__points{display:flex;flex-wrap:wrap;gap:9px 22px;margin:24px 0 0;padding:0;list-style:none}
.solution-teaser__points li{display:flex;align-items:center;gap:8px;color:#e4eef4;font-size:13px;font-weight:700}
.solution-teaser__points li::before{content:"";width:7px;height:7px;border-radius:50%;background:#49bcff;box-shadow:0 0 0 4px rgba(73,188,255,.12)}
.solution-teaser__action{display:grid;min-width:270px;gap:11px;text-align:center}
.solution-teaser__action .btn{min-height:54px;padding-inline:25px}
.solution-teaser__action small{color:#90aabd;font-size:11px}

.solution-page{background:#f3f8fc}
.solution-page .overview-hero{padding-bottom:78px}
.solution-workspace{position:relative;padding:0 0 92px;background:#f3f8fc}
.solution-workspace__inner{position:relative;width:min(calc(100% - 48px),1160px);margin:-34px auto 0;z-index:3}
.solution-finder{overflow:hidden;border:1px solid #d8e4ec;border-radius:20px;background:#fff;box-shadow:0 24px 70px rgba(5,35,58,.12)}
.solution-progress{padding:24px 38px 22px;border-bottom:1px solid #e2ebf1;background:#f9fbfd}
.solution-progress__top{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:15px}
.solution-progress__top strong{color:#08223a;font-size:14px}
.solution-progress__top span{color:#5c7283;font-size:12px;font-weight:700}
.solution-progress__track{height:4px;overflow:hidden;border-radius:999px;background:#dce9f1}
.solution-progress__bar{display:block;width:33.333%;height:100%;border-radius:inherit;background:linear-gradient(90deg,#0877c9,#48bcff);transition:width .28s ease}
.solution-progress ol{display:grid;margin:17px 0 0;padding:0;grid-template-columns:repeat(3,1fr);list-style:none}
.solution-progress li{position:relative;color:#7890a2;font-size:11px;font-weight:800;letter-spacing:.08em;text-align:center;text-transform:uppercase}
.solution-progress li::before{content:"";display:block;width:10px;height:10px;margin:0 auto 7px;border:2px solid #b8cad7;border-radius:50%;background:#f9fbfd}
.solution-progress li.is-active{color:#0877c9}
.solution-progress li.is-active::before{border-color:#0877c9;background:#0877c9;box-shadow:0 0 0 5px rgba(8,119,201,.12)}
.solution-progress li.is-complete{color:#315d79}
.solution-progress li.is-complete::before{border-color:#159268;background:#159268}
.solution-form,.solution-result{padding:44px 48px 48px}
.solution-step{margin:0;padding:0;border:0}
.solution-step[hidden],.solution-result[hidden],.solution-form[hidden]{display:none!important}
.solution-step__heading{max-width:760px;margin-bottom:30px}
.solution-step__number{display:block;margin-bottom:8px;color:#0877c9;font-size:11px;font-weight:800;letter-spacing:.16em;text-transform:uppercase}
.solution-step h2,.solution-result h2{margin:0 0 10px;color:#071b2e;font-size:clamp(27px,3vw,39px);line-height:1.12;letter-spacing:-.025em;outline:0}
.solution-step__heading p,.solution-result__intro{margin:0;color:#617687;font-size:14px;line-height:1.7}
.solution-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.solution-options--five{grid-template-columns:repeat(3,minmax(0,1fr))}
.solution-options--four{grid-template-columns:repeat(2,minmax(0,1fr))}
.solution-option{position:relative;display:block;cursor:pointer}
.solution-option input{position:absolute;width:1px;height:1px;overflow:hidden;opacity:0;pointer-events:none}
.solution-option__card{display:grid;min-height:138px;padding:20px;border:1px solid #d5e1e9;border-radius:13px;background:#fff;grid-template-columns:auto 1fr;gap:15px;align-content:center;transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease,background .18s ease}
.solution-option__icon{display:grid;width:43px;height:43px;place-items:center;border-radius:11px;background:#edf7fd;color:#0877c9}
.solution-option__icon svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.solution-option__text{align-self:center}
.solution-option__text strong{display:block;margin-bottom:5px;color:#10283d;font-size:15px;line-height:1.3}
.solution-option__text small{display:block;color:#6b8090;font-size:12px;line-height:1.45}
.solution-option:hover .solution-option__card{border-color:#80bee3;transform:translateY(-2px);box-shadow:0 9px 22px rgba(8,65,103,.08)}
.solution-option input:focus-visible+.solution-option__card{outline:3px solid rgba(8,119,201,.25);outline-offset:3px}
.solution-option input:checked+.solution-option__card{border-color:#0877c9;background:#f2f9fd;box-shadow:0 0 0 2px rgba(8,119,201,.14)}
.solution-option input:checked+.solution-option__card .solution-option__icon{background:#0877c9;color:#fff}
.solution-step__actions{display:flex;align-items:center;justify-content:flex-end;gap:10px;margin-top:30px;padding-top:24px;border-top:1px solid #e4ebf0}
.solution-button{display:inline-flex;min-height:47px;padding:11px 21px;align-items:center;justify-content:center;border:1px solid transparent;border-radius:8px;font:inherit;font-size:13px;font-weight:800;cursor:pointer}
.solution-button--primary{background:#0877c9;color:#fff}
.solution-button--primary:hover{background:#0566ad}
.solution-button--primary:disabled{background:#b8c8d3;color:#f7fafc;cursor:not-allowed}
.solution-button--secondary{border-color:#c9d8e2;background:#fff;color:#25455c}
.solution-button--secondary:hover{border-color:#7baac8;color:#0877c9}
.solution-result__badge{display:inline-flex;min-height:31px;margin-bottom:15px;padding:6px 11px;align-items:center;border-radius:999px;background:#e9f7ef;color:#117747;font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.solution-result__layout{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(280px,.7fr);gap:34px;align-items:start}
.solution-summary{display:grid;margin:27px 0 0;border:1px solid #dce6ed;border-radius:12px;background:#f8fbfd;grid-template-columns:repeat(3,1fr)}
.solution-summary>div{padding:17px 18px;border-right:1px solid #dce6ed}
.solution-summary>div:last-child{border-right:0}
.solution-summary dt{margin-bottom:4px;color:#6c8190;font-size:10px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}
.solution-summary dd{margin:0;color:#10283d;font-size:13px;font-weight:800;line-height:1.4}
.solution-result__aside{padding:24px;border-radius:14px;background:#071e32;color:#fff}
.solution-result__aside span{display:block;margin-bottom:7px;color:#69c8ff;font-size:10px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}
.solution-result__aside h3{margin:0 0 9px;color:#fff;font-size:19px}
.solution-result__aside p{margin:0 0 19px;color:#c6d8e4;font-size:13px;line-height:1.65}
.solution-result__aside a{display:inline-flex;color:#63c7ff;font-size:13px;font-weight:800}
.solution-supplier-heading{margin:40px 0 16px;color:#0c263d;font-size:18px}
.solution-suppliers{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.solution-supplier{overflow:hidden;border:1px solid #d9e4ec;border-radius:13px;background:#fff}
.solution-supplier__logo{display:grid;height:105px;padding:20px;place-items:center;border-bottom:1px solid #e7eef3;background:#f8fbfd}
.solution-supplier__logo img{width:auto;max-width:85%;height:auto;max-height:55px}
.solution-supplier>div:last-child{padding:20px}
.solution-supplier h3{margin:0 0 7px;color:#0a243a;font-size:16px}
.solution-supplier p{min-height:58px;margin:0 0 14px;color:#637889;font-size:12px;line-height:1.55}
.solution-supplier a{color:#0877c9;font-size:12px;font-weight:800}
.solution-result__actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px;padding-top:25px;border-top:1px solid #e2eaf0}
.solution-result__actions .btn{min-height:48px}
.solution-result__actions .btn.secondary{border:1px solid #c8d8e2;background:#fff;color:#1e455e}
.solution-result__actions .btn.secondary:hover{border-color:#0877c9;color:#0877c9}
.solution-result__restart{margin-left:auto}
.solution-noscript{display:block;padding:20px;border:1px solid #e0c46a;border-radius:10px;background:#fff9e4;color:#624f13}

@media(max-width:940px){
  .solution-teaser__inner{grid-template-columns:1fr;gap:30px}
  .solution-teaser__action{min-width:0;max-width:380px;text-align:left}
  .solution-options,.solution-options--five{grid-template-columns:repeat(2,minmax(0,1fr))}
  .solution-result__layout{grid-template-columns:1fr}
  .solution-suppliers{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:680px){
  .solution-teaser{padding:60px 0}
  .solution-teaser__inner,.solution-workspace__inner{width:calc(100% - 28px)}
  .solution-teaser__points{display:grid;gap:10px}
  .solution-page .overview-hero{padding-bottom:62px}
  .solution-workspace{padding-bottom:70px}
  .solution-workspace__inner{margin-top:-22px}
  .solution-finder{border-radius:15px}
  .solution-progress{padding:20px 18px}
  .solution-progress ol{gap:5px}
  .solution-progress li{font-size:9px;letter-spacing:.04em}
  .solution-form,.solution-result{padding:30px 18px 26px}
  .solution-options,.solution-options--five,.solution-options--four,.solution-suppliers{grid-template-columns:1fr}
  .solution-option__card{min-height:104px;padding:16px}
  .solution-step__actions{align-items:stretch;flex-direction:column-reverse}
  .solution-step__actions .solution-button{width:100%}
  .solution-summary{grid-template-columns:1fr}
  .solution-summary>div{border-right:0;border-bottom:1px solid #dce6ed}
  .solution-summary>div:last-child{border-bottom:0}
  .solution-supplier p{min-height:0}
  .solution-result__actions{display:grid}
  .solution-result__actions .btn,.solution-result__actions .solution-button{width:100%;margin:0}
}
@media(prefers-reduced-motion:reduce){
  .solution-progress__bar,.solution-option__card{transition:none}
}