.multi-hero{position:relative;overflow:hidden;padding:46px 0;background:linear-gradient(135deg,#32161d 0%,#722b35 58%,#a54c45 100%);color:#fff;border:0}.multi-hero:after{content:"";position:absolute;right:-7%;bottom:-45%;width:540px;height:540px;border:70px solid rgba(255,255,255,.04);border-radius:50%;pointer-events:none}.multi-hero .container{position:relative;z-index:1}.multi-hero .breadcrumb,.multi-hero .breadcrumb a{color:#f5dad7}.multi-hero-grid{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(340px,.72fr);gap:42px;align-items:center}.multi-maker{display:block;margin-bottom:11px;color:#ffd1c5;font-size:.72rem;font-weight:950;letter-spacing:.16em}.multi-hero .eyebrow{border-color:rgba(255,255,255,.23);background:rgba(255,255,255,.11);color:#ffe7df}.multi-hero h1{max-width:820px;margin:19px 0 16px;color:#fff;font-size:clamp(2.45rem,5vw,4.5rem);line-height:1.02;letter-spacing:-2px}.multi-hero .lead{max-width:800px;margin:0;color:#f9e6e2;font-size:1.08rem}.multi-hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:27px}.multi-hero .btn-secondary{border-color:#fff;background:#fff;color:#76313a}.multi-hero-image{position:relative;margin:0;overflow:hidden;border:1px solid rgba(255,255,255,.24);border-radius:23px;background:#fff;box-shadow:0 24px 55px rgba(35,5,12,.28)}.multi-hero-image img{display:block;width:100%;height:330px;object-fit:cover}.multi-hero-image figcaption{position:absolute;right:10px;bottom:9px;padding:5px 8px;border-radius:8px;background:rgba(255,255,255,.9);color:#765f64;font-size:.58rem}.multi-hero .notice{margin-top:25px;border-color:rgba(255,255,255,.21);background:rgba(255,255,255,.1);color:#fff1ee}
.multi-columns-section,.multi-config-section,.multi-info-section,.multi-docs{padding:70px 0}.multi-columns-section{background:#fff}.multi-section-head>div{max-width:880px}.multi-section-head h2,.multi-compatible-head h2,.multi-docs h2{margin:10px 0 8px;color:#4d2d34;font-size:clamp(1.9rem,3.7vw,3rem)}.multi-section-head p,.multi-compatible-head p{margin:0;color:#76686c;line-height:1.65}.multi-section-head a{color:#9a3541;font-weight:800}.multi-column-picker{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:13px;margin-top:28px}.multi-column-picker button{display:flex;min-width:0;flex-direction:column;align-items:center;padding:17px 12px;border:1px solid #e4d6d8;border-radius:17px;background:linear-gradient(145deg,#fff,#fdf7f5);color:#58353d;cursor:pointer;transition:.18s}.multi-column-picker button:hover,.multi-column-picker button:focus-visible,.multi-column-picker button.selected{border-color:#a84551;box-shadow:0 13px 30px rgba(95,35,47,.12);transform:translateY(-2px)}.multi-column-picker button.selected{background:#fff0ed}.multi-column-picker b{margin-top:10px;font-size:.84rem}.multi-column-picker small{margin-top:3px;color:#89787c;font-size:.64rem}.column-diagram{display:flex;align-items:center;justify-content:center;gap:5px;width:100%;height:68px;padding:8px;border-radius:12px;background:#f5edef}.column-diagram i{display:block;width:15px;height:50px;border:2px solid #643943;border-radius:9px;background:linear-gradient(90deg,#fff 0%,#e7d4d7 50%,#fff 100%);box-shadow:inset 0 0 0 2px rgba(255,255,255,.6)}
.multi-config-section{background:linear-gradient(150deg,#f7f1f1,#f4f7fb)}.multi-config-layout{display:grid;grid-template-columns:minmax(0,1.18fr) minmax(360px,.82fr);gap:24px;align-items:start;margin-top:28px}.multi-form,.multi-result{border:1px solid #e3d6d9;border-radius:22px;background:#fff;box-shadow:0 18px 38px rgba(66,31,39,.07)}.multi-form{padding:24px}.multi-form-block{display:grid;grid-template-columns:38px 1fr;gap:14px;padding:0 0 21px;margin-bottom:21px;border-bottom:1px solid #eee3e5}.multi-form-block:last-of-type{margin-bottom:18px}.multi-step{display:grid;place-items:center;width:36px;height:36px;border-radius:11px;background:#f6dfdb;color:#963844;font-weight:950}.multi-form-block h3{margin:6px 0 16px;color:#5d333d;font-size:1rem}.multi-fields{display:grid;gap:11px}.multi-fields.two-col{grid-template-columns:repeat(2,minmax(0,1fr))}.multi-fields.three-col{grid-template-columns:repeat(3,minmax(0,1fr))}.multi-form .field{margin-bottom:11px}.multi-form .field>span:first-child{font-size:.74rem}.multi-form .field input,.multi-form .field select{min-height:48px;padding:0 11px;font-size:.77rem}.multi-regime{margin:1px 0 0;padding:11px 13px;border:1px solid #ead7da;border-radius:11px;background:#fff8f6;color:#714952;font-size:.69rem;line-height:1.5}.multi-result{position:sticky;top:106px;overflow:hidden}.multi-result>.eyebrow,.multi-result>h3,.multi-result>.multi-result-intro{margin-left:23px;margin-right:23px}.multi-result>.eyebrow{margin-top:23px}.multi-result h3{margin-top:12px;color:#5c333d;font-size:1.55rem}.multi-result-intro{color:#776a6e;font-size:.8rem;line-height:1.55}.multi-power{margin-top:18px;padding:22px;background:linear-gradient(150deg,#421821,#9b3b44);color:#fff}.multi-power small,.multi-power strong,.multi-power span{display:block}.multi-power small{color:#f0ccd0;font-size:.65rem;font-weight:800}.multi-power strong{margin:5px 0;font-size:2.2rem}.multi-power span{color:#f2d9dc;font-size:.68rem;line-height:1.5}.multi-match{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:12px;padding:10px 12px;border:1px solid rgba(255,255,255,.18);border-radius:10px;background:rgba(255,255,255,.09);font-size:.66rem}.multi-match b{color:#fff}.multi-match span{text-align:right}.multi-result-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;margin:0;background:#e7dcdf;border-bottom:1px solid #e7dcdf}.multi-result-grid>div{min-width:0;padding:12px;background:#fff}.multi-result-grid small,.multi-result-grid b{display:block}.multi-result-grid small{color:#928589;font-size:.56rem;font-weight:850;text-transform:uppercase}.multi-result-grid b{margin-top:4px;color:#60424a;font-size:.75rem;overflow-wrap:anywhere}.multi-code-box{padding:17px 22px;border-bottom:1px solid #eadfe1;background:#fff9f7}.multi-code-box small,.multi-code-box b,.multi-code-box span{display:block}.multi-code-box small{color:#927e83;font-size:.57rem;font-weight:850;text-transform:uppercase}.multi-code-box b{margin:4px 0;color:#6f303c;font-size:.92rem;overflow-wrap:anywhere}.multi-code-box span{color:#77686c;font-size:.63rem;line-height:1.5}.multi-code-box.veto{background:#eef8f2}.multi-code-box.veto b{color:#226346}.multi-code-box.missing{background:#fbf7f6}.multi-code-box.missing b{color:#8b767b;font-size:.72rem}.multi-copy{margin-top:8px;padding:5px 8px;border:1px solid #d8bfc4;border-radius:7px;background:#fff;color:#7b3440;font:inherit;font-size:.6rem;font-weight:850;cursor:pointer}.multi-result-note{margin:16px 22px 22px}.multi-result-note p{margin:0;color:#74676b;font-size:.65rem;line-height:1.55}
.multi-form .field-help{display:block;margin:6px 1px 0;color:#807277;font-size:.65rem;line-height:1.5}
.multi-compatible{margin-top:52px}.multi-compatible-head{display:flex;justify-content:space-between;gap:24px}.multi-compatible-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;margin-top:21px}.multi-option{display:flex;flex-direction:column;min-width:0;padding:17px;border:1px solid #e3d7d9;border-radius:16px;background:#fff;box-shadow:0 10px 25px rgba(70,35,43,.05)}.multi-option-top{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.multi-option h3{margin:0;color:#5e3540;font-size:.95rem}.multi-option-top span{padding:5px 7px;border-radius:8px;background:#f7e7e4;color:#8d3a45;font-size:.61rem;font-weight:850}.multi-option-power{margin:13px 0 10px;color:#7a6870;font-size:.69rem;line-height:1.5}.multi-option-power b{color:#7e303d}.multi-option-specs{display:grid;grid-template-columns:repeat(2,1fr);gap:7px;margin-bottom:12px}.multi-option-specs>div{padding:8px;border-radius:9px;background:#f8f5f5}.multi-option-specs small,.multi-option-specs b{display:block}.multi-option-specs small{color:#998b8f;font-size:.53rem}.multi-option-specs b{margin-top:2px;color:#694b52;font-size:.66rem}.multi-option button{margin-top:auto;padding:8px 10px;border:1px solid #d7b9be;border-radius:9px;background:#fff4f1;color:#8d3541;font:inherit;font-size:.67rem;font-weight:850;cursor:pointer}.multi-empty{grid-column:1/-1;padding:22px;border:1px dashed #d9c8cc;border-radius:15px;background:#fff;color:#786a6e;text-align:center}
.multi-info-section{background:#fff}.multi-info-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:27px 0 18px}.multi-info-grid article{padding:21px;border:1px solid #e5dadd;border-radius:17px;background:#fcfafa}.multi-info-grid article>span{display:grid;place-items:center;width:38px;height:38px;border-radius:11px;background:#f7e4df;color:#9b3742;font-size:1.05rem;font-weight:900}.multi-info-grid h3{margin:14px 0 7px;color:#653943;font-size:1rem}.multi-info-grid p{margin:0;color:#786b6f;font-size:.75rem;line-height:1.58}.multi-docs{background:#3a1720;color:#fff}.multi-docs .eyebrow{border-color:rgba(255,255,255,.18);background:rgba(255,255,255,.09);color:#ffd5cb}.multi-docs h2{color:#fff}.multi-doc-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;margin-top:24px}.multi-doc-grid a{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px;border:1px solid rgba(255,255,255,.18);border-radius:14px;background:rgba(255,255,255,.08);color:#fff;font-weight:800}.multi-doc-grid a:hover{background:rgba(255,255,255,.13)}.multi-doc-grid span{color:#ffcfc3;font-size:.72rem;white-space:nowrap}
@media(max-width:1050px){.multi-hero-grid,.multi-config-layout{grid-template-columns:1fr}.multi-hero-image{max-width:720px}.multi-result{position:static}.multi-column-picker{grid-template-columns:repeat(3,1fr)}.multi-compatible-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.multi-info-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:700px){.multi-hero{padding:40px 0}.multi-hero h1{font-size:2.3rem}.multi-hero .lead{font-size:.98rem}.multi-hero-actions{flex-direction:column}.multi-hero-actions .btn{width:100%}.multi-hero-image img{height:245px}.multi-columns-section,.multi-config-section,.multi-info-section,.multi-docs{padding:50px 0}.multi-column-picker,.multi-compatible-grid,.multi-info-grid,.multi-doc-grid,.multi-fields.two-col,.multi-fields.three-col{grid-template-columns:1fr}.multi-column-picker button{display:grid;grid-template-columns:120px 1fr;align-items:center;text-align:left}.multi-column-picker button b,.multi-column-picker button small{grid-column:2;margin-left:12px}.multi-column-picker button b{margin-top:0}.multi-column-picker button small{margin-top:-27px}.column-diagram{grid-row:1/3}.multi-form{padding:18px}.multi-form-block{grid-template-columns:1fr}.multi-step{margin-bottom:-4px}.multi-result-grid{grid-template-columns:1fr}.multi-compatible-head{display:block}}
@media(max-width:420px){.multi-column-picker button{grid-template-columns:96px 1fr}.column-diagram{height:58px;gap:3px}.column-diagram i{width:11px;height:42px}.multi-hero-image img{height:205px}}

/* Dinamični prikaz izbrane višine in števila členov */
.multi-live-visual{display:grid;grid-template-columns:58px minmax(0,1fr);gap:10px;align-items:center;margin:18px 22px 0;padding:18px 14px 14px;border:1px solid #e8dadd;border-radius:17px;background:radial-gradient(circle at 80% 15%,rgba(157,57,69,.08),transparent 37%),linear-gradient(145deg,#fff,#faf5f4)}.multi-height-dimension{position:relative;display:flex;align-items:center;justify-content:center;height:var(--multi-drawing-height);min-height:120px;border-left:2px solid #b47b84}.multi-height-dimension:before,.multi-height-dimension:after{content:"";position:absolute;left:-6px;width:10px;height:2px;background:#b47b84}.multi-height-dimension:before{top:0}.multi-height-dimension:after{bottom:0}.multi-height-dimension span{padding:5px 4px;border-radius:7px;background:#fff;color:#783944;font-size:.61rem;font-weight:900;white-space:nowrap;writing-mode:vertical-rl;transform:rotate(180deg)}.multi-drawing-stage{position:relative;display:flex;min-width:0;flex-direction:column;align-items:center;justify-content:center}.multi-drawing-badge{position:absolute;right:0;top:0;display:flex;align-items:baseline;gap:4px;padding:5px 7px;border-radius:9px;background:#f4dfdc;color:#84333f}.multi-drawing-badge b{font-size:.85rem}.multi-drawing-badge span{font-size:.55rem;font-weight:800}.multi-radiator-drawing{position:relative;display:grid;grid-template-columns:repeat(var(--multi-section-count),minmax(2px,1fr));gap:clamp(1px,.35vw,3px);width:min(var(--multi-drawing-width),100%);height:var(--multi-drawing-height);min-width:90px;min-height:120px;padding:8px 2px;filter:drop-shadow(0 8px 9px rgba(63,35,42,.13))}.multi-radiator-drawing:before,.multi-radiator-drawing:after{content:"";position:absolute;z-index:2;left:-3px;right:-3px;height:7px;border:1px solid #8f747a;border-radius:5px;background:linear-gradient(#fff,#cbbfc2,#fff)}.multi-radiator-drawing:before{top:4px}.multi-radiator-drawing:after{bottom:4px}.multi-drawn-section{position:relative;z-index:1;display:block;min-width:2px;height:100%;border:1px solid #9d858b;border-radius:50% / 2.5%;background:linear-gradient(90deg,#b7a9ad 0%,#fff 25%,#d8ced1 53%,#fff 77%,#aa969c 100%);box-shadow:inset 0 0 0 1px rgba(255,255,255,.6)}.multi-width-dimension{position:relative;display:flex;justify-content:space-between;gap:10px;width:min(var(--multi-drawing-width),100%);margin-top:9px;padding-top:8px;border-top:2px solid #b47b84;color:#76434c;font-size:.58rem}.multi-width-dimension:before,.multi-width-dimension:after{content:"";position:absolute;top:-6px;width:2px;height:10px;background:#b47b84}.multi-width-dimension:before{left:0}.multi-width-dimension:after{right:0}.multi-width-dimension b{color:#7d303c}.multi-drawing-stage>small{margin-top:6px;color:#897a7f;font-size:.55rem;font-weight:750;text-align:center}
@media(max-width:520px){.multi-live-visual{grid-template-columns:42px 1fr;margin-left:14px;margin-right:14px;padding-left:8px;padding-right:8px}.multi-height-dimension span{font-size:.55rem}.multi-drawing-badge{position:static;align-self:flex-end;margin-bottom:7px}}
@media(max-width:700px){.multi-column-picker button{grid-template-rows:auto auto;row-gap:4px}.multi-column-picker button b{grid-row:1;align-self:end}.multi-column-picker button small{grid-row:2;align-self:start;margin-top:0}.column-diagram{grid-row:1/3}}