/* Fælles 'Kommer'-sektion · P1 · Design 15.10 */
.omni-kommer{box-sizing:border-box;max-width:1240px;margin:0 auto;padding:clamp(24px,4vw,56px) clamp(16px,3vw,24px);font-family:Inter,"Segoe UI",system-ui,sans-serif}
.omni-kommer *{box-sizing:border-box}
.ok-panel{background:linear-gradient(160deg,#0c1f2b,#0d3640);border-radius:20px;padding:clamp(24px,4vw,56px);color:#fff}
.ok-kicker{margin:0 0 10px;font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#8fdccf}
.omni-kommer h2{margin:0 0 10px;color:#fff;font-size:clamp(28px,3.4vw,44px);line-height:1.1;letter-spacing:-.02em;font-weight:600}
.ok-sub{margin:0 0 28px;color:#cfe3e0;font-size:17px;line-height:1.55;max-width:60ch}
.ok-grid{list-style:none;margin:0;padding:0;display:grid;gap:16px;grid-template-columns:1fr}
@media(min-width:640px){.ok-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(min-width:1100px){.ok-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
.ok-kort{background:#f6f9f9;border:1px solid #d6e4e2;border-radius:12px;padding:20px;display:flex;flex-direction:column;align-items:flex-start;gap:8px}
.ok-ik{width:40px;height:40px;display:block}
.ok-chip{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:600;color:#0b5e5a;background:#e8f1f0;border:1px solid #d6e4e2;border-radius:999px;padding:4px 10px}
.ok-chip:before{content:"";width:6px;height:6px;border-radius:50%;background:#137a72}
.omni-kommer .ok-kort h3{margin:4px 0 0;font-size:15px;font-weight:600;line-height:1.35;color:#0c1f2b}
.omni-kommer .ok-kort p{margin:0;font-size:14px;line-height:1.55;color:#4f6168}
.omni-kommer .ok-note{margin:24px 0 0;font-size:13px;line-height:1.5;color:#b9d0cd;max-width:80ch}
/* MitID-logo (Rune 18:45): kun på MitID-kortet, hvid flade, 112px bred, frizone 12px (≥ hovedets højde ~10,5px), ingen effekter */
.omni-kommer .ok-logo{display:inline-block;background:#fff;padding:12px;border-radius:8px;line-height:0}
.omni-kommer .ok-logo img{display:block;width:112px;height:auto;max-width:128px;filter:none;box-shadow:none}
.omni-kommer .ok-logo img{min-width:112px;max-width:112px;aspect-ratio:256/70;height:auto}
/* Design 18:48: logo 28px høj, ingen hvid boks, logorække = ikonrække (40px) */
.omni-kommer .ok-logo{display:flex;align-items:center;height:40px;background:none;padding:0;border-radius:0}
.omni-kommer .ok-logo img{height:28px;width:auto;min-width:0;max-width:128px;aspect-ratio:auto}
/* kommer2 (Rune 19:52, Design 19:53): logoer erstatter glasikon i 28px-logorække som MitID; ingen omfarvning, skygge eller boks */
.omni-kommer .ok-logo svg{display:block;height:28px;width:auto;max-width:150px;filter:none;box-shadow:none;background:none}
.omni-kommer .ok-logo-stripe img{height:28px;width:auto;max-width:none}
/* Design 19:55: Parts/ESG kun mærke 28x28; Stripe: synligt ordmærke ~24px (officiel frizone bevaret, må gå lidt ud over rækken) */
.omni-kommer .ok-logo svg[aria-label="OMNI Parts"],.omni-kommer .ok-logo svg[aria-label="OMNI ESG"]{width:28px;height:28px}
.omni-kommer .ok-logo-stripe{overflow:visible}
.omni-kommer .ok-logo-stripe img{height:40px;margin:-6px 0 -6px -3px}
/* kommer3 (Rune 20:09): Parts/ESG som fulde logoer (mærke + ordmærke); fix4: 44px høje så ordmærket er tydeligt */
.omni-kommer .ok-logo-fuld svg[aria-label="OMNI Parts"],.omni-kommer .ok-logo-fuld svg[aria-label="OMNI ESG"]{height:44px;width:auto;max-width:240px}
.omni-kommer .ok-logo-fuld{height:44px}
/* fix4b: Design 44px – ikoner og Partner-API-logo matcher Parts/ESG */
.omni-kommer .ok-ik{width:44px;height:44px;flex:none;object-fit:contain;overflow:visible}
.omni-kommer .ok-logo:has(svg[aria-label="API"]){height:44px;overflow:visible}
.omni-kommer .ok-logo svg[aria-label="API"]{height:44px;width:auto;max-width:200px;overflow:visible}
/* fix4c: midlertidigt badge til 3D-sættet kommer (Material Symbols Outlined wght 500 som inline SVG, Apache 2.0, ingen CDN) */
.omni-kommer .ok-badge{display:flex;align-items:center;justify-content:center;width:44px;height:44px;flex:none;border-radius:50%;background:#0b5e5a;box-shadow:0 4px 12px rgba(12,31,43,.18)}
.omni-kommer .ok-ms{display:block;width:26px;height:26px;flex:none}