/* Stort banner til Facebook-gruppen (samme som på fyrværkerikatalog.dk, 85-tycoon.css) – forsiden mellem brandfliser og kataloger */
.fk-fbg { position: relative; padding: 10px 0 60px; }
.fk-fbg-ad { position: relative; display: block; width: min(1200px, calc(100% - 40px)); margin: 0 auto; overflow: hidden; border-radius: 16px; isolation: isolate; text-decoration: none !important; color: #fff !important;
  background: #0a0e2a; box-shadow: 0 30px 60px -25px rgba(0, 0, 0, .85), rgba(24, 119, 242, .28) 0 10px 60px 0; transition: transform .6s cubic-bezier(.22, .61, .36, 1), box-shadow .6s; }
.fk-fbg-ad:hover { transform: translateY(-4px); box-shadow: 0 36px 70px -25px rgba(0, 0, 0, .9), rgba(24, 119, 242, .45) 0 14px 70px 0; }
.fk-fbg-img { display: block; overflow: hidden; }
.fk-fbg-img img { display: block; width: 100%; height: auto; transform: scale(1.0); transition: transform 1.6s cubic-bezier(.22, .61, .36, 1); }
.fk-fbg-ad:hover .fk-fbg-img img { transform: scale(1.04); }
.fk-fbg-bar { position: absolute; left: 20px; right: 20px; bottom: 20px; display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: 16px;
  padding: 14px 16px 14px 14px; border-radius: 14px;
  background: rgba(8, 10, 34, .55); -webkit-backdrop-filter: blur(18px) saturate(1.5); backdrop-filter: blur(18px) saturate(1.5);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .14), inset 0 0 0 1px rgba(255, 255, 255, .1); }
.fk-fbg-icon { display: grid; place-items: center; width: 44px; height: 44px; border-radius: 50%; background: #1877f2; box-shadow: 0 6px 18px -6px rgba(24, 119, 242, .9); }
.fk-fbg-icon svg { width: 22px; height: 22px; fill: #fff; }
.fk-fbg-icon svg path { transform: translateY(-2px); }
.fk-fbg-txt b { display: block; font: italic 700 20px/1.2 Lato, arial, sans-serif; text-transform: uppercase; }
.fk-fbg-txt small { display: block; margin-top: 3px; font: 400 14px/1.4 Lato, arial, sans-serif; color: #dfe6ff; }
.fk-fbg-btn { padding: 13px 22px; border-radius: 999px; white-space: nowrap; font: 700 14px/1 Lato, arial, sans-serif; letter-spacing: .03em; text-transform: uppercase;
  background: #1877f2; color: #fff; box-shadow: 0 10px 24px -8px rgba(24, 119, 242, .95); transition: transform .3s, background .3s; }
.fk-fbg-ad:hover .fk-fbg-btn { background: #2d88ff; transform: scale(1.04); }
@media (max-width: 763px) {
  .fk-fbg { padding: 0 0 40px; }
  .fk-fbg-ad { width: calc(100% - 32px); border-radius: 12px; }
  .fk-fbg-bar { position: static; grid-template-columns: auto 1fr; gap: 10px 12px; margin: 0; border-radius: 0; background: #0d1233; -webkit-backdrop-filter: none; backdrop-filter: none; box-shadow: none; padding: 14px; }
  .fk-fbg-icon { width: 38px; height: 38px; }
  .fk-fbg-txt b { font-size: 16px; }
  .fk-fbg-txt small { font-size: 13px; }
  .fk-fbg-btn { grid-column: 1 / -1; justify-self: stretch; text-align: center; padding: 13px; }
}
@media (prefers-reduced-motion: reduce) { .fk-fbg-ad, .fk-fbg-img img { transition: none; } }