.mmkr{container-type:inline-size;--t:#14303a;--t2:#2b4f58;--a:#f3f6ef;--b:#dceb5a;--bl:#f0f6c4;--n:#f2b8a8;--l:#cfd9cc;color:var(--t);font-size:1rem;margin:2rem 0}
.mmkr p:empty{display:none!important}
.mmkr-djur{display:flex;gap:.6rem;margin:0 0 1rem}
.mmkr-djur label{position:relative;cursor:pointer;margin:0}
.mmkr-djur input{position:absolute;opacity:0;width:1px;height:1px}
.mmkr-djur span{display:inline-block;padding:.55em 1.4em;border:2px solid var(--t)!important;border-radius:999px;background:#fff!important;font-family:"Bricolage",system-ui,sans-serif;font-weight:700;font-size:1.05rem}
.mmkr-djur input:checked+span{background:var(--b)!important;box-shadow:3px 3px 0 var(--t)}
.mmkr-djur input:focus-visible+span{outline:3px solid var(--t);outline-offset:2px}
.mmkr-yta{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:1.4rem;align-items:start}
.mmkr-falt,.mmkr-resultat{background:#fff!important;border:2px solid var(--t)!important;border-radius:22px;padding:1.2rem 1.3rem}
.mmkr-resultat{background:var(--bl)!important;position:sticky;top:1rem}
.mmkr-rubrik{font-family:"Bricolage",system-ui,sans-serif;font-weight:750;font-size:1.15rem;margin:0 0 .6rem!important}
.mmkr-rubrik--liten{font-size:1rem;margin-top:1.2rem!important}
.mmkr-engang{margin-bottom:.4rem}
.mmkr-lopande{margin-bottom:1.3rem}
.mmkr-rad{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.3rem .8rem;align-items:center;padding:.45rem 0;border-top:1px solid var(--l)!important}
.mmkr-rad:first-child{border-top:0!important}
.mmkr-rad label{font-size:.97rem;line-height:1.3;margin:0}
.mmkr-in{display:flex;align-items:center;gap:.35rem}
.mmkr-in input{width:6.2rem;padding:.4em .55em;border:2px solid var(--t)!important;border-radius:10px;background:var(--a)!important;font:inherit;text-align:right;color:var(--t)!important}
.mmkr-in select{padding:.4em .4em;border:2px solid var(--t)!important;border-radius:10px;background:#fff!important;font:inherit;font-size:.9rem;color:var(--t)!important}
.mmkr-kr{font-size:.9rem;color:var(--t2)!important}
.mmkr-engang-etikett{font-size:.85rem;color:var(--t2)!important;min-width:5.6rem}
.mmkr-knapprad{margin:.8rem 0 0!important}
.mmkr-aterstall{background:transparent!important;color:var(--t)!important;border:2px solid var(--t)!important;border-radius:999px;padding:.45em 1em;font-family:"Bricolage",system-ui,sans-serif;font-weight:600;font-size:.9rem;cursor:pointer}
.mmkr-aterstall:hover{background:var(--b)!important}
.mmkr-summa{display:flex;flex-direction:column;padding:.5rem 0;border-bottom:2px solid var(--t)!important}
.mmkr-etikett{font-family:"Bricolage",system-ui,sans-serif;font-weight:600;font-size:.92rem;color:var(--t2)!important}
.mmkr-tal{font-family:"Bricolage",system-ui,sans-serif;font-weight:800;font-size:clamp(1.6rem,1.2rem + 1.2vw,2.2rem);line-height:1.1;letter-spacing:-.02em}
.mmkr-tal--liten{font-size:1.35rem}
.mmkr-livstid{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.4rem;padding:.7rem 0 0}
.mmkr-livstid label{font-family:"Bricolage",system-ui,sans-serif;font-weight:600;font-size:.92rem;margin:0}
.mmkr-ar{width:3.6rem;padding:.3em .4em;border:2px solid var(--t)!important;border-radius:10px;background:#fff!important;font:inherit;text-align:center;color:var(--t)!important}
.mmkr-staplar{list-style:none!important;margin:0!important;padding:0!important}
.mmkr-staplar li{margin:0 0 .55rem!important;padding:0!important;font-size:.88rem}
.mmkr-s-namn{display:block;font-family:"Bricolage",system-ui,sans-serif;font-weight:600}
.mmkr-s-bar{display:block;height:.75rem;background:rgba(20,48,58,.08)!important;border-radius:999px;margin:.15rem 0;overflow:hidden}
.mmkr-s-bar span{display:block;height:100%;background:var(--t)!important;border-radius:999px}
.mmkr-s-varde{color:var(--t2)!important}
.mmkr-not{font-size:.86rem;color:var(--t2)!important;margin:.8rem 0 0!important}
@container (max-width:860px){.mmkr-yta{grid-template-columns:1fr}.mmkr-resultat{position:static}.mmkr-staplar{display:grid;grid-template-columns:repeat(auto-fill,minmax(14rem,1fr));gap:0 1.2rem}}
@media (max-width:820px){.mmkr-yta{grid-template-columns:1fr}.mmkr-resultat{position:static}}
@media (max-width:420px){.mmkr-rad{grid-template-columns:1fr}.mmkr-in input{width:100%}}