/* ============================================================
   boost.css – Zusatz-Bausteine: Countdown, Rechner, Vergleich,
   „Nächster freier Termin“ und schwebender Buchungs-Button.
   Gemeinsam für alle sechs Seiten; Farben kommen aus dem jeweiligen Branchen-Theme.
   ============================================================ */
@keyframes pcpulse{70%{box-shadow:0 0 0 10px rgba(var(--sig),0)}100%{box-shadow:0 0 0 0 rgba(var(--sig),0)}}
@keyframes fabin{from{opacity:0;transform:translateY(14px) scale(.96)}to{opacity:1;transform:none}}

.pc-dot{display:inline-block;flex:none;width:9px;height:9px;border-radius:50%;background:rgb(var(--sig));box-shadow:0 0 0 0 rgba(var(--sig),.6);animation:pcpulse 1.8s infinite}

/* ---------- Nächster freier Termin (Hero) ---------- */
.next-slot{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:16px 0 0;font-size:14.5px;color:var(--tx-2);line-height:1.45}
.next-slot a{color:#fff;text-decoration:none;border-bottom:1.5px solid rgba(var(--sig),.6)}
.next-slot a:hover{border-bottom-color:rgb(var(--sig2))}

/* ---------- Schwebender Buchungs-Button (nur Desktop) ---------- */
.fab-book{position:fixed;right:92px;bottom:26px;z-index:60;display:flex;align-items:center;gap:12px;padding:12px 20px 12px 16px;border-radius:99px;text-decoration:none;color:var(--ink);background:var(--signal);border:1px solid var(--signal-deep);box-shadow:0 18px 40px -14px rgba(var(--sig),.7),0 6px 16px rgba(0,0,0,.35);animation:fabin .45s ease both;transition:transform .2s,box-shadow .2s}
.fab-book:hover{transform:translateY(-2px);box-shadow:0 22px 46px -14px rgba(var(--sig),.85),0 8px 20px rgba(0,0,0,.4)}
.fab-book[hidden]{display:none}
.fab-book .pc-dot{background:var(--ink);animation:none}
.fab-t{display:grid;gap:1px;line-height:1.2}
.fab-t b{font:700 15px var(--display)}
.fab-t small{font-size:12px;font-weight:500;opacity:.8}
@media(max-width:860px){.fab-book{display:none}}

/* ---------- Abschnittskopf mit Icon ---------- */
.sec-ic{display:inline-grid;place-items:center;width:46px;height:46px;border-radius:14px;margin-bottom:14px;background:linear-gradient(135deg,rgba(var(--a1),.22),rgba(var(--sig),.2));border:1px solid var(--line-2);color:#fff}
.sec-ic svg{width:24px;height:24px}

/* ---------- Rechner ---------- */
#rechner .rc{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:clamp(18px,3vw,36px);margin-top:34px;align-items:stretch}
@media(max-width:860px){#rechner .rc{grid-template-columns:1fr}}
.rc-lead{margin:14px 0 0;max-width:62ch;color:var(--tx-2);font-size:17px;line-height:1.6}
.rc-in,.rc-out{border:1px solid var(--line-2);border-radius:26px;padding:clamp(20px,3vw,34px);background:linear-gradient(180deg,rgba(255,255,255,.07),rgba(255,255,255,.025)),rgba(9,14,30,.5);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 30px 70px -34px rgba(0,0,0,.7)}
.rc-in{display:grid;gap:28px;align-content:start}
.rc-f label{display:flex;justify-content:space-between;align-items:baseline;gap:14px;font-size:15.5px;font-weight:600;color:#fff;margin:0 0 10px;line-height:1.35}
.rc-f output{font:700 19px var(--display);color:rgb(var(--sig2));white-space:nowrap}
.rc-f input[type=range]{display:block;width:100%;height:32px;margin:0;background:none;accent-color:rgb(var(--sig));cursor:pointer}
.rc-f small{display:flex;justify-content:space-between;margin-top:2px;font-size:12px;color:var(--tx-3)}
.rc-note{margin:0;font-size:13px;line-height:1.55;color:var(--tx-3)}
.rc-out{position:relative;overflow:hidden;display:grid;gap:20px;align-content:start}
.rc-out::before{content:"";position:absolute;z-index:0;right:-22%;top:-30%;width:420px;aspect-ratio:1;background:radial-gradient(closest-side,rgba(var(--sig),.2),transparent 70%);pointer-events:none}
.rc-out>*{position:relative;z-index:1}
.rc-k{margin:0;font-size:14.5px;color:var(--tx-2)}
.rc-big{margin:2px 0 0;font:800 clamp(40px,5.4vw,60px) var(--display);letter-spacing:-.03em;line-height:1.05;color:#fff;background:linear-gradient(90deg,#fff 20%,rgb(var(--sig2)));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.rc-chart{display:grid;grid-template-columns:1fr 1fr;gap:18px;align-items:end;padding-bottom:4px;border-bottom:1px solid var(--line-2)}
.rc-track{height:148px;display:flex;align-items:flex-end}
.rc-track i{display:block;width:100%;height:6%;border-radius:14px 14px 4px 4px;transition:height .9s cubic-bezier(.2,.8,.2,1)}
.rc-col.inv i{background:linear-gradient(180deg,rgba(255,255,255,.5),rgba(255,255,255,.13))}
.rc-col.gain i{background:linear-gradient(180deg,rgb(var(--sig)),rgba(var(--a1),.9));box-shadow:0 0 34px -6px rgba(var(--sig),.7)}
.rc-cap{display:block;margin-top:10px;font-size:12.5px;color:var(--tx-3);text-align:center;line-height:1.4}
.rc-cap b{display:block;font:700 16px var(--display);color:#fff}
.rc-facts{list-style:none;margin:0;padding:0;display:grid;gap:10px;font-size:15px;color:var(--tx-2)}
.rc-facts li{display:flex;justify-content:space-between;gap:14px;padding:11px 14px;border-radius:12px;background:rgba(0,0,0,.2);border:1px solid var(--line)}
.rc-facts b{color:#fff;text-align:right}
.rc-out .btn{justify-self:start}
.rc-fine{margin:20px 0 0;font-size:12.5px;line-height:1.55;color:var(--tx-3);max-width:80ch}

/* ============================================================
   Aktionsbereich (Pakete) – ruhiger, hochwertiger
   ============================================================ */
.promo .promo-badge{display:inline-flex;align-items:center;gap:9px;margin:0 0 14px;padding:8px 16px;border-radius:99px;background:rgba(var(--sig),.13);border:1px solid rgba(var(--sig),.45);color:rgb(var(--sig2));font:600 13.5px var(--body);letter-spacing:0;text-transform:none}
.promo .promo-badge::before{background:rgb(var(--sig))}
.plans-lead{max-width:58ch}
.plans-grid{margin-top:34px;gap:20px;max-width:1000px}
.plan{padding:clamp(22px,2.6vw,34px);border-radius:26px;transition:transform .25s ease,box-shadow .25s ease}
@media(hover:hover){.plan:hover{transform:translateY(-3px)}}
.plan-tag{display:block;margin:0 0 8px;font:600 13.5px var(--body);letter-spacing:.01em;text-transform:none;color:var(--tx-2)}
.plan h3{margin-bottom:14px}
.plan-ribbon{padding:7px 16px;top:-15px;font:700 12.5px var(--body);letter-spacing:0;text-transform:none;box-shadow:0 12px 26px -12px rgba(var(--sig),.9)}
.plan-price{margin-bottom:6px;align-items:center}
.plan-save{display:inline-block;padding:5px 12px;border-radius:99px;font:700 12.5px var(--body);letter-spacing:0;color:#0F172A;background:rgb(var(--sig2))}
.plan:not(.is-hot) .plan-save{color:rgb(var(--a1));background:rgba(var(--a1),.14);border:1px solid rgba(var(--a1),.4)}
.plan-sub{margin-bottom:16px}
.plan ul{gap:10px;margin-bottom:24px}
.plan li{font-size:15px}
.plan.is-hot{box-shadow:0 44px 100px -44px rgba(var(--sig),.7),0 0 90px -34px rgba(var(--a2),.65)}

/* Countdown als Zeitkästchen in der Komplett-Karte */
.promo-count{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px 14px;margin:0 0 18px;padding:12px 14px;border-radius:16px;background:rgba(0,0,0,.26);border:1px solid rgba(var(--sig),.42);color:#fff;font-size:13.5px;font-weight:600;line-height:1.3}
.promo-count[hidden]{display:none}
.pc-l{display:inline-flex;align-items:center;gap:9px}
.pc-boxes{display:inline-flex;gap:6px}
.pc-b{display:grid;justify-items:center;min-width:48px;padding:6px 8px 5px;border-radius:11px;background:rgba(var(--sig),.16);border:1px solid rgba(var(--sig),.35)}
.pc-b b{font:700 18px var(--mono);line-height:1.1;color:rgb(var(--sig2))}
.pc-b small{font:500 10.5px var(--body);color:var(--tx-2)}

.plan-more{display:none;margin:-10px 0 20px;padding:6px 2px;background:none;border:0;color:rgb(var(--sig2));font:600 14px var(--body);cursor:pointer;text-decoration:underline;text-underline-offset:3px}
@media(max-width:860px){
  .plan-more{display:inline-flex;align-self:flex-start}
  .plan ul.is-collapsed li:nth-child(n+4){display:none}
  .plan ul.is-collapsed{margin-bottom:8px}
  .plan{padding:22px 18px}
}

/* ============================================================
   Vergleich – Desktop: leuchtende Spalte · Handy: drei Tabs
   ============================================================ */
.vg{position:relative;margin-top:48px;padding:0}
.vg-tabs{display:none}
.vg table{position:relative;z-index:1;width:100%;border-collapse:separate;border-spacing:0;table-layout:fixed}
.vg col.c0{width:19%}.vg col.c1{width:22%}.vg col.c2{width:22%}.vg col.c3{width:37%}
.vg::before{content:"";position:absolute;z-index:0;top:-16px;bottom:-12px;right:0;width:37%;border-radius:30px;background:linear-gradient(180deg,rgba(var(--sig),.22),rgba(var(--sig),.05) 75%);box-shadow:0 44px 90px -40px rgba(var(--sig),.6),inset 0 1px 0 rgba(255,255,255,.14)}
.vg::after{content:"";position:absolute;z-index:0;top:-16px;bottom:-12px;right:0;width:37%;border-radius:30px;padding:1.5px;background:conic-gradient(from var(--bkang),rgba(var(--sig),.25),rgba(var(--sig),1) 22%,rgba(var(--a1),.75) 50%,rgba(var(--sig),1) 78%,rgba(var(--sig),.25));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0);mask-composite:exclude;animation:bkspin 9s linear infinite;pointer-events:none}
.vg th,.vg td{padding:17px 20px;text-align:left;vertical-align:middle;font-size:15px;line-height:1.45;border-bottom:1px solid var(--line);color:var(--tx-2);background:none}
.vg thead th{padding-top:6px;padding-bottom:20px;font:700 16px var(--display);color:#fff;border-bottom:1px solid var(--line-2);vertical-align:bottom}
.vg thead th.vgme{padding-top:2px;font-size:20px;letter-spacing:-.01em;border-bottom-color:rgba(var(--sig),.45)}
.vg thead .vgme small{display:block;margin:0 0 5px;font:600 12.5px var(--body);letter-spacing:0;color:rgb(var(--sig2))}
.vg tbody th{font:600 14.5px var(--body);color:#fff;white-space:normal}
.vg-ic{display:inline-grid;place-items:center;width:32px;height:32px;margin-right:11px;border-radius:10px;background:rgba(255,255,255,.07);color:var(--tx-2);vertical-align:middle}
.vg-ic svg{width:17px;height:17px}
.vg td::before{display:inline-block;width:20px;margin-right:7px;font-weight:800;text-align:center}
.vg td.neg::before{content:"✕";color:#FF8A80}
.vg td.mid::before{content:"–";color:#F5C26B}
.vg td.pos::before{content:"✓";color:#7BE3A6}
.vg td.neg,.vg td.mid,.vg td.pos{color:var(--tx-2)}
.vg td.vgme{color:#fff;font-weight:600;font-size:15.5px;border-bottom-color:rgba(var(--sig),.2)}
.vg td.vgme::before{content:"✓";color:rgb(var(--sig2))}
.vg tbody tr:last-child>*{border-bottom:0}
.vg tbody tr{transition:opacity .55s ease,transform .55s cubic-bezier(.2,.8,.2,1);transition-delay:calc(var(--i,0)*70ms)}
.vg tbody tr:hover>*{background:rgba(255,255,255,.035)}
.vg tbody tr:hover>.vgme{background:rgba(var(--sig),.07)}
@media(prefers-reduced-motion:no-preference){.vg.js:not(.in) tbody tr{opacity:0;transform:translateY(12px)}}
.vg-cta{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:14px 24px;margin-top:40px;padding:18px 22px;border-radius:20px;border:1px solid var(--line-2);background:rgba(255,255,255,.04)}
.vg-cta p{margin:0;font:700 18px var(--display);color:#fff}
.vg-cta p small{display:block;margin-top:3px;font:400 13.5px var(--body);color:var(--tx-3)}
.vg-fine{margin:16px 0 0;font-size:12.5px;line-height:1.55;color:var(--tx-3);max-width:80ch}

@media(max-width:820px){
  .vg{margin-top:26px}
  .vg::before,.vg::after{display:none}
  .vg.js .vg-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;padding:5px;border-radius:16px;background:rgba(255,255,255,.06);border:1px solid var(--line)}
  .vg-tabs button{padding:11px 4px;border:0;border-radius:12px;background:none;color:var(--tx-2);font:600 14px var(--body);cursor:pointer;transition:background .2s,color .2s}
  .vg-tabs button[aria-selected=true]{background:rgba(255,255,255,.14);color:#fff}
  .vg-tabs button[data-t="3"][aria-selected=true]{background:var(--signal);color:var(--ink)}
  .vg table,.vg tbody,.vg tr,.vg td,.vg th{display:block;width:auto}
  .vg colgroup{display:none}
  .vg thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
  .vg table{margin-top:14px;padding:4px 18px;border-radius:22px;border:1px solid var(--line-2);background:rgba(255,255,255,.035);transition:border-color .3s,box-shadow .3s,background .3s}
  .vg[data-tab="3"] table{border-color:rgba(var(--sig),.55);background:linear-gradient(180deg,rgba(var(--sig),.13),rgba(var(--sig),.03));box-shadow:0 26px 60px -30px rgba(var(--sig),.65)}
  .vg tbody tr{padding:13px 0;border-bottom:1px solid var(--line)}
  .vg tbody tr:last-child{border-bottom:0}
  .vg tbody tr:hover>*{background:none}
  .vg tbody th{display:flex;align-items:center;padding:0 0 7px;border:0;font-size:13px;font-weight:600;color:var(--tx-3)}
  .vg-ic{width:24px;height:24px;margin-right:9px;border-radius:7px}
  .vg-ic svg{width:13px;height:13px}
  .vg td{padding:0;border:0;font-size:15.5px;font-weight:500;color:#fff}
  .vg td.neg,.vg td.mid,.vg td.pos{color:#fff}
  .vg td.vgme{font-size:15.5px}
  .vg:not(.js) td{margin-top:6px}
  .vg:not(.js) td::after{content:" (" attr(data-l) ")";font-size:12px;font-weight:400;color:var(--tx-3)}
  .vg.js td{display:none}
  .vg.js[data-tab="1"] td[data-c="1"],.vg.js[data-tab="2"] td[data-c="2"],.vg.js[data-tab="3"] td[data-c="3"]{display:block}
  .vg-cta{flex-direction:column;align-items:stretch;text-align:center;margin-top:24px}
  .vg-cta .btn{width:100%}
}

/* ============================================================
   Rechner kompakt: der ganze Bereich soll auf einen Bildschirm passen
   ============================================================ */
#rechner{padding-block:clamp(34px,4vw,54px)}
#rechner .sec-ic{display:none}
@media(min-width:861px){
  #rechner .wrap{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr);column-gap:clamp(24px,4vw,56px);align-items:end}
  #rechner .eyebrow{grid-column:1;margin-bottom:6px}
  #rechner h2{grid-column:1;margin:0;font-size:clamp(24px,2.6vw,32px)!important;max-width:none!important}
  #rechner .rc-lead{grid-column:2;grid-row:1/3;margin:0;max-width:none;font-size:14.5px;line-height:1.5;align-self:end}
  #rechner .rc,#rechner .rc-fine{grid-column:1/-1}
}
#rechner .rc{margin-top:20px;gap:18px}
#rechner .rc-in,#rechner .rc-out{padding:20px 24px;border-radius:22px}
#rechner .rc-in{gap:14px;align-content:center}
#rechner .rc-f label{margin-bottom:2px;font-size:14.5px}
#rechner .rc-f output{font-size:17px}
#rechner .rc-f input[type=range]{height:24px}
#rechner .rc-f small{margin-top:0;font-size:11.5px}
#rechner .rc-note{display:none}
#rechner .rc-out{gap:10px}
#rechner .rc-k{font-size:13px}
#rechner .rc-big{margin:0;font-size:clamp(34px,3.6vw,46px)}
#rechner .rc-chart{gap:14px}
#rechner .rc-track{height:78px}
#rechner .rc-cap{margin-top:6px;font-size:12px}
#rechner .rc-cap b{font-size:14.5px}
#rechner .rc-facts{grid-template-columns:1fr 1fr;gap:8px;font-size:12.5px}
#rechner .rc-facts li{display:grid;gap:2px;padding:9px 12px;border-radius:12px}
#rechner .rc-facts b{text-align:left;font-size:14.5px}
#rechner .rc-out .btn{padding:12px 22px;font-size:15px}
#rechner .rc-fine{margin-top:12px;font-size:12px;line-height:1.5}
@media(max-width:700px){#rechner .rc-facts{grid-template-columns:1fr}}

/* Rechner noch straffer (sichtbare Fläche am Laptop ca. 690 Pixel) */
#rechner{padding-block:clamp(26px,3.2vw,40px)}
#rechner h2{font-size:clamp(22px,2.2vw,28px)!important}
@media(min-width:1100px){#rechner h2{white-space:nowrap}}
#rechner .rc-lead{font-size:14px}
#rechner .rc{margin-top:16px;gap:16px}
#rechner .rc-in,#rechner .rc-out{padding:16px 22px}
#rechner .rc-in{gap:12px}
#rechner .rc-out{gap:8px}
#rechner .rc-big{font-size:clamp(30px,3vw,40px)}
#rechner .rc-track{height:56px}
#rechner .rc-cap{margin-top:4px;font-size:11.5px}
#rechner .rc-cap b{font-size:14px}
#rechner .rc-facts li{padding:7px 12px}
#rechner .rc-out .btn{padding:10px 20px;font-size:14.5px}
#rechner .rc-fine{margin-top:10px}

/* Konfigurator: Plakette „Aktion bis 30.11.2026“ immer in einer Linie, auf dem Handy unter dem Titel */
.opt-badge{white-space:nowrap;text-transform:none;letter-spacing:0;font:600 12px var(--body);padding:3px 10px}
.plan-ribbon{white-space:nowrap}
@media(max-width:700px){
  .opt-txt b .opt-badge{display:block;width:fit-content;margin:6px 0 0}
}

/* ============================================================
   Korrekturen (stärker als die Grundregeln aus styles.css)
   ============================================================ */
/* Überschrift im Rechner: styles.css erzwingt sonst bis zu 48 Pixel */
#main #rechner h2{font-size:clamp(22px,2.2vw,28px)!important}
/* Hero: lange Hervorhebung darf umbrechen und die rechte Karte nicht zusammendrücken */
.hero-grid{grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr)}
@media(max-width:960px){.hero-grid{grid-template-columns:1fr}}
.hero h1 em{white-space:normal;-webkit-box-decoration-break:clone;box-decoration-break:clone}
/* „Auswahl anpassen“: eigener Pfeil statt des Plus-Zeichens der Grunddatei */
.bk .bk-adjust{border-bottom:0}
.bk .bk-adjust>summary{position:static;padding:6px 2px;font-family:var(--body);font-size:14px;font-weight:600;letter-spacing:0}
.bk .bk-adjust>summary::after,.bk .bk-adjust[open]>summary::after{content:"";position:static;flex:none;width:8px;height:8px;margin:-3px 0 0 2px;border:0;border-right:2px solid currentColor;border-bottom:2px solid currentColor;background:none;font-size:0;color:var(--acc-1);transform:rotate(45deg);transition:transform .2s}
.bk .bk-adjust[open]>summary::after{margin-top:3px;transform:rotate(-135deg)}
.bk .bk-sum{align-items:center}

/* ============================================================
   Rechner: Umschalter Anfragen / Online-Shop
   ============================================================ */
.rc-mode{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:4px;padding:4px;border-radius:15px;background:rgba(0,0,0,.3);border:1px solid var(--line-2)}
.rc-mode::before{content:"";position:absolute;z-index:0;top:4px;bottom:4px;left:4px;width:calc(50% - 6px);border-radius:11px;background:linear-gradient(135deg,rgb(var(--sig2)),rgb(var(--sig)));box-shadow:0 8px 22px -8px rgba(var(--sig),.8);transition:transform .3s cubic-bezier(.3,.8,.3,1)}
.rc-mode[data-mode=shop]::before{transform:translateX(calc(100% + 4px))}
.rc-mode button{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;gap:8px;min-height:40px;padding:8px 10px;border:0;border-radius:11px;background:none;color:var(--tx-2);font:600 14.5px var(--body);letter-spacing:0;cursor:pointer;transition:color .25s}
.rc-mode button svg{width:17px;height:17px;flex:none}
.rc-mode button[aria-pressed=true]{color:#1a1203}
.rc-mode button:not([aria-pressed=true]):hover{color:#fff}
.rc-mode button:focus-visible{outline:2px solid rgb(var(--sig2));outline-offset:2px}
@media(max-width:700px){.rc-mode button{min-height:38px;font-size:14px}}
@media(prefers-reduced-motion:reduce){.rc-mode::before,.rc-mode button{transition:none}}

/* ============================================================
   Weniger Scrollen: kompaktere Abstände und Optionskarten
   ============================================================ */
:root{--gap:clamp(44px,6vw,96px)}
@media(max-width:700px){
  :root{--gap:38px}
  .opt{padding:12px 13px;margin-bottom:8px}
  .opt-txt small{display:none}
  .hero-mini{display:none}
  .bk-points{display:none}
  .rc-in,.rc-out{padding:20px 18px}
  .rc-in{gap:20px}
  .rc-out{gap:14px}
  .rc-note{display:none}
  .rc-track{height:92px}
  .plans-grid{gap:14px;margin-top:26px}
  .promo-fine{font-size:12px}
  .vg tbody tr{padding:10px 0}
  .vg tbody th{padding-bottom:3px;font-size:12.5px}
  .vg-ic{width:20px;height:20px;margin-right:8px;border-radius:6px}
  .vg-ic svg{width:11px;height:11px}
}

/* ============================================================
   Handy: zwei doppelte Passagen ausblenden (am Desktop bleiben sie)
   - Beispiel-Kostenvoranschlag: wiederholt die Preise der Paket-Karten
   - Hauptseite: „Live-Demos“ wiederholt die Branchen-Links
   - Branchen-Seiten: „Zwei Pakete und die Bausteine“ wiederholt Pakete und Preise (Paket-Karten und Konfigurator)
   ============================================================ */
@media(max-width:768px){
  .quote-card{display:none}
  #showcase,#leistungen{display:none}
  a[href="#showcase"],a[href="#leistungen"]{display:none}
}

/* ---------- Vertrauens-Siegel (Kontaktbereich) ---------- */
.bk-badges{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.bk-badges li{display:inline-flex;align-items:center;gap:7px;padding:7px 12px 7px 9px;border-radius:99px;font-size:12.5px;font-weight:600;color:#fff;background:rgba(255,255,255,.05);border:1px solid var(--line-2)}
.bk-badges svg{width:15px;height:15px;color:rgb(var(--sig2));flex:none}

@media(prefers-reduced-motion:reduce){.pc-dot,.fab-book{animation:none}.rc-track i{transition:none}}