/* Hovedmenu i fyrværkerikatalog.dk's design: sticky glas-menubar + mega-paneler (okt. 2026).
   Burger-ikonet og mobilmenuens åbne-animation er fyrværkerivideos egne (site.css: .nav-toggle / .main-nav / body.nav-open).
   Ingen guld – undtagen Krudt Tycoon-knappens eget logo. */

/* ---------- menubar ---------- */
.fkm { position: sticky; top: 0; z-index: 100; transition: transform .5s cubic-bezier(.6, 0, .4, 1); }
.fkm.is-hidden { transform: translateY(-100%); }
.fkm::before { /* glas i fuld bredde bag baren – kommer frem, når man scroller eller åbner et panel */
  content: ""; position: absolute; inset: 0; z-index: -1; pointer-events: none;
  background: rgba(2, 2, 21, .17);
  -webkit-backdrop-filter: blur(30px) saturate(1.5); backdrop-filter: blur(30px) saturate(1.5);
  opacity: 0; transition: opacity .7s cubic-bezier(.22, .61, .36, 1) .05s;
}
.fkm.is-scrolled::before, .fkm.is-open::before, body.nav-open .fkm::before { opacity: 1; }
.fkm .logo { text-shadow: rgb(0, 0, 0) 1px 1px 1px; }

.fkm-nav ul { display: flex; gap: 2px; margin: 0; padding: 0; list-style: none; }
.fkm-top {
  position: relative; display: inline-flex; align-items: center; gap: 8px; height: 44px; padding: 0 14px;
  border: 0; background: none; cursor: pointer; color: #fff; font: 700 15px var(--font, Lato), arial, sans-serif; letter-spacing: .02em;
  text-transform: uppercase; text-shadow: rgb(0, 0, 0) 1px 1px 1px;
}
.fkm-top svg { width: 10px; height: 6px; fill: none; stroke: currentColor; stroke-width: 1.6; transition: transform .3s; }
.fkm-top[aria-expanded="true"] svg { transform: rotate(180deg); }
.fkm-top::after {
  content: ""; position: absolute; left: 50%; bottom: 4px; width: 4px; height: 4px; border-radius: 50%;
  background: currentColor; transform: translateX(-50%) scale(0); transition: transform .3s cubic-bezier(.6, 0, .4, 1);
}
.fkm-top:hover::after, .fkm-top[aria-expanded="true"]::after { transform: translateX(-50%) scale(1); }
.fkm-top:focus-visible, .fkm a:focus-visible { outline: 2px solid #fff; outline-offset: 2px; border-radius: 4px; }

.fkm-tools { display: flex; align-items: center; gap: 10px; flex: none; }
.fkm-fbbtn {
  display: inline-flex; align-items: center; gap: 6px; height: 34px; padding: 0 14px; border-radius: 4px;
  color: #fff; text-decoration: none; font: 700 12px var(--font, Lato), arial, sans-serif; text-transform: uppercase; white-space: nowrap;
  background: linear-gradient(rgb(25, 0, 72), rgb(44, 0, 120)); box-shadow: rgba(0, 0, 0, .5) 1px 1px 3px 0px;
  transition: filter .3s;
}
.fkm-fbbtn:hover { filter: brightness(1.25); }
.fkm-fbbtn svg { width: 15px; height: 15px; fill: none; stroke: #fff; stroke-width: 1.8; }

/* søgefeltet sidder mellem menupunkterne og knapperne på computer */
@media (min-width: 764px) {
  .fkm .site-header__row { gap: 12px; }
  .fkm .fkm-nav { margin-left: 8px; }
  .fkm .site-search { flex: 1 1 auto; max-width: 300px; margin-left: auto; }
  .fkm .nav-toggle, .fkm .main-nav { display: none; }
}
@media (min-width: 764px) and (max-width: 1080px) {
  .fkm .fkm-fbbtn span { display: none; }
  .fkm .fkm-fbbtn { padding: 0 10px; }
  .fkm-top { padding: 0 9px; font-size: 14px; }
}
@media (min-width: 764px) and (max-width: 940px) {
  .fkm .fkm-tools > .fkm-kt { display: none; }
}

/* ---------- mega-paneler (computer) ---------- */
.fkm-panel {
  position: absolute; left: 0; right: 0; top: 100%;
  background: linear-gradient(180deg, rgba(255, 255, 255, .07) 0%, rgba(255, 255, 255, 0) 38%), rgba(6, 2, 26, .38);
  -webkit-backdrop-filter: blur(30px) saturate(1.5); backdrop-filter: blur(30px) saturate(1.5);
  border-top: 1px solid rgba(255, 255, 255, .14); border-bottom: 1px solid rgba(255, 255, 255, .08);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .06), 0 30px 60px -20px rgba(0, 0, 0, .6);
  /* blød, langsom åbning: panelet rulles ned ovenfra og toner frem */
  visibility: hidden; opacity: 0; clip-path: inset(0 0 100% 0);
  transition: clip-path .75s cubic-bezier(.22, .61, .36, 1), opacity .6s ease, visibility 0s linear .75s;
}
.fkm-panel.is-active {
  visibility: visible; opacity: 1; clip-path: inset(0 0 0 0);
  transition: clip-path .75s cubic-bezier(.22, .61, .36, 1), opacity .5s ease, visibility 0s;
}
.fkm-panel .fkm-inner { opacity: 0; transform: translateY(-12px); transition: opacity .45s ease, transform .6s cubic-bezier(.22, .61, .36, 1); }
.fkm-panel.is-active .fkm-inner { opacity: 1; transform: none; transition: opacity .7s ease .18s, transform .8s cubic-bezier(.22, .61, .36, 1) .18s; }
.fkm-inner { padding-block: 28px 36px; max-height: calc(100vh - 120px); overflow-y: auto; scrollbar-width: none; }
.fkm-head { display: flex; justify-content: space-between; align-items: baseline; gap: 12px; margin-bottom: 18px; }
.fkm-kicker { margin: 0; color: #d9ccff; text-shadow: rgba(0, 0, 0, .6) 0 1px 2px; font: 700 12px var(--font, Lato), arial, sans-serif; letter-spacing: .14em; text-transform: uppercase; }
.fkm-all { color: #fff; font: 700 13px var(--font, Lato), arial, sans-serif; text-decoration: none; opacity: .8; white-space: nowrap; }
.fkm-all:hover { opacity: 1; }
.fkm a { text-decoration: none; }

/* videoer: brandbilleder */
.fkm-vids { display: grid; grid-template-columns: repeat(5, 1fr); gap: 26px 22px; }
.fkm-vid { display: grid; justify-items: center; gap: 6px; color: #fff; }
.fkm-vid-m { display: block; width: 100%; aspect-ratio: 400 / 230; overflow: hidden; border-radius: 8px; box-shadow: rgba(67, 16, 211, .45) -5px 5px 26px 0px; }
.fkm-vid img { display: block; width: 100%; height: 100%; object-fit: cover; transition: transform .6s ease; }
.fkm-vid:hover img, .fkm-vid:focus-visible img { transform: scale(1.06); }
.fkm-vid[aria-current="page"] .fkm-name { color: #c3b3ff; }
.fkm-name { text-shadow: rgba(0, 0, 0, .7) 0 1px 2px; font: 700 12px var(--font, Lato), arial, sans-serif; text-transform: uppercase; text-align: center; color: #fff; }
.fkm-sub { font: 300 12px var(--font, Lato), arial, sans-serif; color: #d8d2ff; margin-top: -4px; }

/* kataloger: forsider */
.fkm-brands { display: grid; grid-template-columns: repeat(6, 1fr); gap: 22px 12px; }
.fkm-tile { display: grid; justify-items: center; align-content: start; gap: 10px; color: #fff; }
.fkm-cover { display: block; width: 96px; height: 128px; overflow: hidden; box-shadow: rgba(67, 16, 211, .5) -5px 5px 30px 0px, rgba(0, 0, 0, .5) 0 6px 14px; transition: transform .6s cubic-bezier(.22, .61, .36, 1); }
.fkm-cover img { width: 100%; height: 100%; object-fit: cover; display: block; }
.fkm-tile:hover .fkm-cover, .fkm-tile:focus-visible .fkm-cover { transform: translateY(-6px) rotate(-2deg) scale(1.06); }
.fkm-tile .fkm-name { text-transform: none; font-size: 12px; line-height: 1.3; max-width: 150px; }

/* fyrværkeri: links + facebook-kort */
.fkm-fyrv { display: grid; grid-template-columns: 2fr 1fr; gap: 32px; }
.fkm-links { display: grid; grid-template-columns: 1fr 1fr; gap: 8px 24px; }
.fkm-link { display: grid; gap: 2px; padding: 12px 14px; border-radius: 6px; color: #fff; transition: background .3s; }
.fkm-link:hover { background: rgba(255, 255, 255, .08); box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .1); }
.fkm-lt { font: 700 15px var(--font, Lato), arial, sans-serif; color: #fff; }
.fkm-ld { font: 300 13px/1.4 var(--font, Lato), arial, sans-serif; color: #e4dfff; text-shadow: rgba(0, 0, 0, .6) 0 1px 2px; }
.fkm-fb { display: grid; align-content: start; gap: 6px; padding: 18px; border-radius: 6px; background: linear-gradient(rgb(25, 0, 72), rgb(44, 0, 120)); box-shadow: rgba(67, 16, 211, .45) -5px 5px 40px 0px; color: #fff; transition: filter .3s; }
.fkm-fb:hover { filter: brightness(1.15); }
.fkm-fb-ic { display: grid; place-items: center; width: 38px; height: 38px; border-radius: 50%; background: #1877f2; margin-bottom: 4px; }
.fkm-fb-ic svg { width: 20px; height: 20px; fill: #fff; }

/* ---------- mobil: burger-menu ---------- */
.fkm-mob { padding: 0 0 26px; }
.fkm-kt.fkm-kt-drawer, .fkm-drawer-fb { display: none; }
@media (max-width: 763px) {
  .fkm-nav, .fkm-tools, .fkm-panel { display: none !important; }
  /* søgning + burger samles ved højre kant, som før */
  .fkm .site-search { margin-left: auto; }
  body.nav-open .fkm .main-nav { max-height: calc(100vh - 60px); max-height: calc(100dvh - 60px); }

  .fkm-acc { border-bottom: 1px solid rgba(255, 255, 255, .1); }
  .fkm-acc summary {
    list-style: none; cursor: pointer; padding: 16px 0; color: #fff; display: flex; justify-content: space-between;
    font: italic 700 20px var(--font, Lato), arial, sans-serif; text-transform: uppercase; text-shadow: rgb(0, 0, 0) 1px 1px 1px;
  }
  .fkm-acc summary::-webkit-details-marker { display: none; }
  .fkm-acc summary::after { content: "+"; font-style: normal; font-weight: 300; }
  .fkm-acc[open] summary::after { content: "–"; }
  .fkm-acc-body { padding-bottom: 20px; }
  .fkm-acc[open] .fkm-acc-body { animation: fkm-acc-in .5s cubic-bezier(.22, .61, .36, 1); }
  @keyframes fkm-acc-in { from { opacity: 0; transform: translateY(-8px); } to { opacity: 1; transform: none; } }
  .fkm-acc .fkm-head { flex-direction: column; align-items: flex-start; gap: 6px; margin-bottom: 14px; }
  .fkm-acc .fkm-vids { grid-template-columns: repeat(2, 1fr); gap: 18px 12px; }
  .fkm-acc .fkm-brands { grid-template-columns: repeat(3, 1fr); gap: 18px 10px; }
  .fkm-acc .fkm-cover { width: 72px; height: 96px; }
  .fkm-acc .fkm-tile .fkm-name { font-size: 11px; }
  .fkm-acc .fkm-fyrv, .fkm-acc .fkm-links { grid-template-columns: 1fr; gap: 4px; }
  .fkm-acc .fkm-link { padding: 10px 0; }
  .fkm-acc .fkm-link:hover { background: none; box-shadow: none; }

  .fkm-kt.fkm-kt-drawer { display: flex; justify-content: center; height: 48px; margin-top: 24px; gap: 9px; }
  .fkm-kt-drawer .fkm-kt-txt { font-size: 20px; }
  .fkm-kt-drawer .fkm-kt-crown svg { width: 22px; height: 22px; }
  .fkm-drawer-fb {
    display: flex; justify-content: center; align-items: center; height: 44px; margin-top: 12px; border-radius: 4px; color: #fff;
    font: 700 13px var(--font, Lato), arial, sans-serif; text-transform: uppercase; background: linear-gradient(rgb(25, 0, 72), rgb(44, 0, 120));
  }
}

/* ---------- Krudt Tycoon-knap (logo som på fyrværkeri.net: krone + Baloo 2 med guld-gradient) ---------- */
.fkm-kt {
  position: relative; isolation: isolate; overflow: visible;
  display: inline-flex; align-items: center; gap: 7px; height: 34px; padding: 0 14px 0 11px; border-radius: 4px; white-space: nowrap;
  text-decoration: none; background: linear-gradient(rgb(25, 0, 72), rgb(44, 0, 120));
  box-shadow: rgba(0, 0, 0, .5) 1px 1px 3px 0px, inset 0 0 0 1px rgba(255, 194, 61, .35);
  transition: box-shadow .3s ease, transform .3s ease;
}
.fkm-kt:hover { box-shadow: rgba(0, 0, 0, .5) 1px 1px 3px 0px, inset 0 0 0 1px rgba(255, 194, 61, .8), 0 0 18px rgba(255, 194, 61, .25); transform: translateY(-1px); }
.fkm-kt-crown { display: inline-flex; color: rgb(255, 194, 61); }
.fkm-kt-crown svg { width: 18px; height: 18px; }
.fkm-kt-txt {
  font: 800 16px/1 'Baloo 2', Lato, arial, sans-serif; letter-spacing: .02em; padding-top: 2px;
  background: linear-gradient(rgb(255, 230, 160), rgb(255, 194, 61) 55%, rgb(255, 138, 61));
  -webkit-background-clip: text; background-clip: text; color: transparent;
}
@property --kt-angle { syntax: '<angle>'; initial-value: 0deg; inherits: false; }
.fkm-kt::before { /* løbende guldkant */
  content: ""; position: absolute; inset: -1px; border-radius: 5px; padding: 1px; z-index: -1; pointer-events: none;
  background: conic-gradient(from var(--kt-angle), rgba(255, 194, 61, .15) 0deg, rgba(255, 194, 61, .15) 250deg,
    rgb(255, 230, 160) 300deg, rgb(255, 138, 61) 330deg, rgba(255, 194, 61, .15) 360deg);
  -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  -webkit-mask-composite: xor; mask-composite: exclude;
  animation: kt-spin 3.2s linear infinite;
}
.fkm-kt:hover::before { animation-duration: 1.4s; }
.fkm-kt-fx { position: absolute; left: 50%; top: 50%; width: 260px; height: 140px; margin: -70px 0 0 -130px; z-index: -2; pointer-events: none; }
@keyframes kt-spin { to { --kt-angle: 360deg; } }

.fkm ul, .fkm li { list-style: none; margin: 0; padding: 0; }

@media (prefers-reduced-motion: reduce) {
  .fkm, .fkm-panel, .fkm-panel .fkm-inner, .fkm-acc-body, .fkm-cover, .fkm-vid img { transition: none; animation: none; }
  .fkm-kt::before { animation: none; }
  .fkm-kt-fx { display: none; }
}

/* brand-billederne i VIDEOER-panelet: mindre, så de passer til katalog-menuen */
.fkm-vids { grid-template-columns: repeat(7, 1fr); gap: 22px 18px; }
.fkm-vid-m { max-width: 150px; border-radius: 6px; }
@media (min-width: 764px) and (max-width: 1080px) { .fkm-vids { grid-template-columns: repeat(5, 1fr); } }
@media (max-width: 763px) {
  .fkm-acc .fkm-vids { grid-template-columns: repeat(3, 1fr); gap: 14px 10px; }
  .fkm-acc .fkm-vid-m { max-width: 110px; }
  .fkm-acc .fkm-vid .fkm-name { font-size: 11px; }
  .fkm-acc .fkm-vid .fkm-sub { font-size: 10px; }
}
/* brands uden billede: lilla flise med navnet i stedet for "intet billede"-ikonet */
.fkm-vid-m--tom { display: grid; place-items: center; padding: 8px; box-sizing: border-box; text-align: center;
  background: radial-gradient(120% 90% at 30% 0%, rgba(160, 120, 255, .35), transparent 60%), linear-gradient(rgb(25, 0, 72), rgb(44, 0, 120));
  font: italic 900 13px/1.1 Lato, arial, sans-serif; color: #fff; letter-spacing: .02em; }
.fkm-vid-m--tom + .fkm-name { display: none; }
/* brand-billederne vises hele (ingen beskæring), i deres eget format – som på fyrværkerikatalog.dk */
.fkm-vid-m:not(.fkm-vid-m--tom) { aspect-ratio: auto; height: 76px; overflow: visible; border-radius: 0; box-shadow: none; display: grid; place-items: center; }
.fkm-vid-m:not(.fkm-vid-m--tom) img { width: 100%; height: 100%; object-fit: contain; }
.fkm-vid-m--tom { height: 76px; aspect-ratio: auto; }
@media (max-width: 763px) {
  .fkm-acc .fkm-vid-m:not(.fkm-vid-m--tom), .fkm-acc .fkm-vid-m--tom { height: 60px; }
}
/* ---------- KATALOGER efter årstal: stakke/vifter (kopieret fra fyrværkerikatalog.dk 60-menu.css) ---------- */
.fkm-tile, .fkm-year { display: grid; justify-items: center; gap: 8px; color: rgb(255, 255, 255) !important; }
.fkm-tile:hover .fkm-cover, .fkm-year:hover .fkm-cover { transform: scale(1.06); }
.fkm-years { display: grid; grid-template-columns: repeat(4, 1fr); gap: 24px; }
.fkm-fan { --cw: 96px; --ch: 128px; --step: 20px; --rot: 8deg; --hstep: 48px; --hrot: 13deg; --lift: 18px; position: relative; display: block; width: 260px; height: 194px; }
.fkm-fan-c { position: absolute; left: 50%; bottom: 14px; width: var(--cw); height: var(--ch); margin-left: calc(var(--cw) / -2); overflow: hidden; z-index: var(--z); transform-origin: 50% 100%; transform: translate(calc(var(--k) * var(--step)), calc(var(--a) * 4px - var(--lift) / 2)) rotate(calc(var(--k) * var(--rot))); box-shadow: rgba(67, 16, 211, 0.45) -5px 5px 26px 0px, rgba(0, 0, 0, 0.5) 0px 6px 14px; transition: transform .7s cubic-bezier(.22, .61, .36, 1) calc(var(--a) * .03s); }
.fkm-fan-c img { width: 100%; height: 100%; object-fit: cover; display: block; }
.fkm-year:hover .fkm-fan-c, .fkm-year:focus-visible .fkm-fan-c, .fkm-tile:hover .fkm-fan-c, .fkm-tile:focus-visible .fkm-fan-c { transform: translate(calc(var(--k) * var(--hstep)), calc(var(--a) * 8px - var(--lift))) rotate(calc(var(--k) * var(--hrot))); }
.fkm-year:hover .fkm-fan-m, .fkm-tile:hover .fkm-fan-m { transform: translate(calc(var(--k) * var(--hstep)), calc(var(--lift) * -1)) scale(1.05); }
.fkm-tile .fkm-fan { --cw: 72px; --ch: 96px; --step: 12px; --rot: 7deg; --hstep: 28px; --hrot: 11deg; --lift: 12px; width: 190px; height: 142px; }
.fkm-panel.is-active .fkm-fan-c { animation: fkm-fan-open .9s cubic-bezier(.22, .61, .36, 1) calc(.15s + var(--a) * .08s) backwards; }
@keyframes fkm-fan-open { 
  0% { transform: translate(0px, 0px) rotate(0deg); }
}
.fkm-ph { display: grid; place-items: center; text-align: center; padding: 8px; box-sizing: border-box; background: linear-gradient(rgb(25, 0, 72), rgb(44, 0, 120)); font: italic 700 13px / 1.2 Lato, arial, sans-serif; text-transform: uppercase; color: rgba(255, 255, 255, 0.8); }
.fkm-big { font: italic 700 26px / 1 Lato, arial, sans-serif; text-shadow: rgb(0, 0, 0) 1px 1px 1px; }
@media (max-width: 763px) {
  .fkm-acc .fkm-years { grid-template-columns: repeat(2, 1fr); }
  .fkm-acc .fkm-years { gap: 28px 10px; }
  .fkm-acc .fkm-fan { --cw: 64px; --ch: 86px; --step: 16px; --rot: 8deg; --hstep: 16px; --hrot: 8deg; --lift: 8px; width: 150px; height: 135px; }
  .fkm-acc .fkm-tile .fkm-fan { --cw: 46px; --ch: 62px; --step: 8px; --rot: 7deg; --hstep: 8px; --hrot: 7deg; --lift: 6px; width: 96px; height: 94px; }
  .fkm-acc .fkm-year:hover .fkm-fan-m, .fkm-acc .fkm-tile:hover .fkm-fan-m { transform: translate(0, calc(var(--lift) / -2)); }
}
@media (prefers-reduced-motion: reduce) {
  .fkm-panel .fkm-inner, .fkm-drawer, .fkm-acc-body, .fkm, .fkm-panel, .fkm-cover, .fkm-fan-c, .fkm-vid img { transition: none; animation: auto ease 0s 1 normal none running none; }
}
.fkm-fan--2 .fkm-fan-c { transform: translate(calc(var(--step) * -.6), 0) rotate(-3deg); }
.fkm-fan--2 .fkm-fan-c:not(.fkm-fan-m) { transform: translate(calc(var(--step) * .9), calc(var(--lift) * -.4)) rotate(9deg); }
.fkm-year:hover .fkm-fan--2 .fkm-fan-c, .fkm-tile:hover .fkm-fan--2 .fkm-fan-c, .fkm-year:focus-visible .fkm-fan--2 .fkm-fan-c, .fkm-tile:focus-visible .fkm-fan--2 .fkm-fan-c { transform: translate(calc(var(--hstep) * -.75), calc(var(--lift) * -.6)) rotate(-8deg) scale(1.03); }
.fkm-year:hover .fkm-fan--2 .fkm-fan-c:not(.fkm-fan-m), .fkm-tile:hover .fkm-fan--2 .fkm-fan-c:not(.fkm-fan-m), .fkm-year:focus-visible .fkm-fan--2 .fkm-fan-c:not(.fkm-fan-m), .fkm-tile:focus-visible .fkm-fan--2 .fkm-fan-c:not(.fkm-fan-m) { transform: translate(calc(var(--hstep) * .95), calc(var(--lift) * -.2)) rotate(14deg); }
.fkm-fan > .fk-ny { top: auto; right: auto; left: calc(50% + var(--cw) / 2 - 22px); bottom: calc(14px + var(--ch) - 18px); z-index: 20; transition: transform 0.7s cubic-bezier(0.22, 0.61, 0.36, 1); }
.fkm-tile:hover .fkm-fan > .fk-ny, .fkm-year:hover .fkm-fan > .fk-ny { transform: translateY(calc(var(--lift) * -1)) scale(1.08); }
.fkm-fan--2 > .fk-ny { left: calc(50% + var(--cw) / 2 - 22px - var(--step) * .6); }
.fkm-fan > .fk-nyhed-kt--sm { top: auto; left: calc(50% - var(--cw) / 2 + 4px); bottom: calc(14px + var(--ch) - 26px); z-index: 20; height: 20px; padding: 0px 7px 0px 5px; gap: 3px; border-radius: 3px; transition: transform 0.7s cubic-bezier(0.22, 0.61, 0.36, 1); }
.fkm-fan > .fk-nyhed-kt--sm b { font-size: 9.5px; letter-spacing: 0.05em; }
.fkm-fan > .fk-nyhed-kt--sm svg { width: 10px; height: 10px; }
.fkm-fan > .fk-nyhed-kt--sm::before { border-radius: 4px; }
.fkm-tile:hover .fkm-fan > .fk-nyhed-kt--sm, .fkm-year:hover .fkm-fan > .fk-nyhed-kt--sm { transform: translateY(calc(var(--lift) * -1)); }
.fk-yr .fkm-fan > .fk-nyhed-kt--sm { height: 24px; padding: 0px 9px 0px 7px; bottom: calc(14px + var(--ch) - 32px); }
.fk-yr .fkm-fan > .fk-nyhed-kt--sm b { font-size: 11px; }
.fk-yr .fkm-fan > .fk-nyhed-kt--sm svg { width: 12px; height: 12px; }
@media (max-width: 763px) {
  .fkm-acc .fkm-fan > .fk-nyhed-kt--sm, .fk-yr .fkm-fan > .fk-nyhed-kt--sm { height: 17px; padding: 0px 5px 0px 4px; bottom: calc(14px + var(--ch) - 21px); }
  .fkm-acc .fkm-fan > .fk-nyhed-kt--sm b, .fk-yr .fkm-fan > .fk-nyhed-kt--sm b { font-size: 8px; }
  .fkm-acc .fkm-fan > .fk-nyhed-kt--sm svg, .fk-yr .fkm-fan > .fk-nyhed-kt--sm svg { width: 8px; height: 8px; }
}
.fkm-years { grid-template-columns: repeat(5, 1fr); gap: 16px; }
.fkm-year .fkm-fan { width: 100%; max-width: 230px; }
.fkm-sub { text-align: center; }
@media (max-width: 763px) { .fkm-acc .fkm-years { grid-template-columns: repeat(2, 1fr); gap: 24px 10px; } .fkm-acc .fkm-year .fkm-fan { width: 150px; height: 135px; } }
/* KATALOGER: mere dæmpet vifte – kortene folder sig mindre ud bagved */
.fkm .fkm-year .fkm-fan { --step: 11px; --rot: 4deg; --hstep: 24px; --hrot: 6.5deg; --lift: 9px; }
@media (max-width: 763px) {
  .fkm .fkm-acc .fkm-year .fkm-fan { --step: 9px; --rot: 4deg; --hstep: 9px; --hrot: 4deg; --lift: 5px; }
}