/* alltinggratis.se – hubbkomponenter (design C, HUBB_CSS). Laddas bara på hubbar, undersidor, /tips/ och sök. */
.ankare ul,.silopiller ul{display:flex;flex-wrap:wrap;gap:.45rem;list-style:none;padding:0;margin:1rem 0 .6rem}
.ankare a,.silopiller a{display:inline-flex;align-items:center;gap:.4rem;min-height:44px;padding:0 .9rem;border-radius:999px;background:var(--yta);color:var(--text);text-decoration:none;font-weight:650;font-size:.9rem;box-shadow:0 0 0 1px var(--linje)}
.ankare a:hover,.silopiller a:hover{box-shadow:0 0 0 2px var(--accent)}
.silopiller a[aria-current]{background:var(--text);color:var(--bg);box-shadow:none}
.antal{font-size:.78rem;font-weight:700;color:var(--dampad)}
h2 .antal{font-size:.9rem;font-weight:600;margin-left:.3rem;letter-spacing:0}
.hake-forklaring{display:flex;flex-wrap:wrap;align-items:center;gap:.35rem .5rem;font-size:.86rem;color:var(--dampad);margin:0 0 .4rem}
.hake-forklaring span:not(.hakar){margin-right:.6rem}
.hub-grupp h2{scroll-margin-top:1rem}
.js .ankare .rad-pil{display:none}
@media(min-width:600px){.js .ankare::after,.js .ankare::before{display:none}}
@media(max-width:599px){.ankare{--pil-topp:calc(.8rem + 1px);margin:0 -1rem}.ankare ul{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;scroll-snap-type:x proximity;scroll-padding-inline:3.6rem;padding:1px 1rem;margin:.8rem 0 .5rem}.ankare ul::-webkit-scrollbar{display:none}.ankare ul::after{content:"";flex:0 0 1.5rem}.ankare li{flex:none;scroll-snap-align:start}.ankare a{white-space:nowrap}.js .ankare .rad-pil{display:grid}}
.hub-grid{display:grid;gap:.9rem;grid-template-columns:repeat(auto-fill,minmax(min(290px,100%),1fr));margin:1rem 0 1.4rem;padding:0;list-style:none}
.hub-grid>li{margin:0;display:grid}
.mkort,.ekort,.ukort{position:relative;background:var(--yta);border-radius:var(--r);box-shadow:0 0 0 1px var(--linje);min-width:0}
.mkort{display:grid;grid-template-columns:44px minmax(0,1fr);gap:.8rem;padding:1rem}
.mkort:hover,.ukort:hover{box-shadow:0 0 0 2px var(--accent)}
.mk-ikon{width:44px;height:44px;border-radius:13px;display:grid;place-items:center;background:var(--p1);color:var(--text)}
.hub-grid>li:nth-child(4n+2) .mk-ikon{background:var(--p2)}.hub-grid>li:nth-child(4n+3) .mk-ikon{background:var(--p3)}.hub-grid>li:nth-child(4n+4) .mk-ikon{background:var(--p4)}
.mk-ikon .ik{width:22px;height:22px}
.mkort h3,.ekort h3,.ukort h3{font-size:1.04rem;margin:0 0 .3rem}
.mkort h3 a,.ukort h3 a{color:var(--text);text-decoration:none}
.mkort h3 a::after,.ukort h3 a::after{content:"";position:absolute;inset:0;border-radius:inherit}
.mkort p,.ekort p{margin:0 0 .5rem;font-size:.93rem}
.mk-txt{display:flex;flex-direction:column;height:100%}.mk-txt .upd{margin-top:auto!important}
.mk-rad{display:flex;flex-wrap:wrap;gap:.35rem;align-items:center;margin-bottom:.5rem}
.fmt{display:inline-flex;align-items:center;border-radius:999px;padding:.32rem .6rem;font-size:.76rem;font-weight:700;line-height:1;background:var(--yta2);color:var(--text);white-space:nowrap}
.upd{display:inline-flex;align-items:center;gap:.3rem;font-size:.82rem;color:var(--dampad);margin:0!important}
.upd .ik{width:1em;height:1em}
.ekort{display:flex;flex-direction:column;padding:1rem 1.1rem}
.ek-topp{display:flex;justify-content:space-between;align-items:center;gap:.6rem;margin-bottom:.5rem}
.ek-butik{font-size:.82rem;font-weight:700;color:var(--dampad)}
.ek-hake{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem .55rem;font-size:.88rem!important}
.ek-fot{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;margin-top:auto;padding-top:.6rem;border-top:1px solid var(--linje)}
.ekort .egen.liten{box-shadow:0 0 0 1.5px var(--text)}
.ukort{display:flex;align-items:center;gap:.8rem;padding:1rem;background:var(--p1)}
.hub-grid>li:nth-child(2n) .ukort{background:var(--p3)}
.ukort .mk-ikon{background:var(--yta)!important}
.ukort h3{flex:1;margin:0}
.uk-alla{display:inline-flex;align-items:center;gap:.3rem;font-size:.84rem;font-weight:750;white-space:nowrap;color:var(--text)}
.slutlista{margin-top:2rem}
.slutlista ul{list-style:none;padding:0;margin:.6rem 0 0;display:grid;gap:.4rem}
.slutlista li{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:.7rem;padding:.55rem 0;border-bottom:1px solid var(--linje);margin:0}
.slutlista a{color:var(--text)}
.hub-not{font-size:.86rem;color:var(--dampad)}
.andra-kort{list-style:none;padding:0;margin:1rem 0;display:grid;gap:.7rem;grid-template-columns:repeat(auto-fit,minmax(min(220px,100%),1fr))}
.andra-kort li{margin:0}
.andra-kort a{display:flex;gap:.8rem;align-items:center;padding:.9rem 1rem;border-radius:var(--r);background:var(--yta);box-shadow:0 0 0 1px var(--linje);color:var(--text);text-decoration:none;min-height:44px}
.andra-kort a:hover{box-shadow:0 0 0 2px var(--accent)}
.andra-kort li:nth-child(2) .mk-ikon{background:var(--p2)}.andra-kort li:nth-child(3) .mk-ikon{background:var(--p3)}
.andra-kort b{display:block}.andra-kort span span{font-size:.86rem;color:var(--dampad)}
.tipslista{list-style:none;padding:0;margin:1.2rem 0;display:grid;gap:.5rem}
.tipslista li{display:grid;justify-items:start;gap:.3rem;padding:.75rem 1rem;border-radius:var(--r);background:var(--yta);box-shadow:0 0 0 1px var(--linje);margin:0}
.tipslista a{color:var(--text);font-weight:650;text-decoration:none;min-width:0}
.tipslista a:hover{text-decoration:underline}
.tipslista .dat{font-size:.82rem;color:var(--dampad)}
.sidnav{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.6rem;margin:1.4rem 0 .4rem}