/* viggos.dk/byg/ v2.1 — Kaspers godkendte design (10/10 2026 23.29): kun logoet og chatten med Viggo.
   A start: velkomsten midt på skærmen. B samtale: chatten fylder skærmen. C bygger: fremdriften er et kort
   i chatten. D klar: PC = chatten til venstre (400 px), siden til højre; mobil = fanerne "Chat med Viggo" og
   "Se din side". E loft: kortet "Vil du fortsætte?". Intet må være bredere end skærmen (320–412 px): alt har
   min-width:0, lange ord brydes, ingen faste bredder under 900 px. */
html,body{height:100%}
.bv-krop{margin:0;height:100vh;height:100dvh;height:var(--bv-h,100dvh);display:flex;flex-direction:column;overflow:hidden;min-width:0;background:var(--paper);font-family:'Segoe UI Variable','Segoe UI',-apple-system,BlinkMacSystemFont,'Helvetica Neue',sans-serif}
.bv-krop p{line-height:1.5}
.bv [hidden],.bv-krop [hidden]{display:none!important}
.bl-krukke{position:absolute!important;left:-10000px;width:1px;height:1px;overflow:hidden}
.bv-skjult{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;opacity:0}
.bl-turnstile:empty{display:none}
.bl-turnstile{min-width:0;max-width:100%;overflow:hidden}
.bl-test{margin:8px auto 0;max-width:760px;padding:8px 12px;border-radius:10px;background:#1f1a17;color:#fff;font-size:14px;font-weight:650;line-height:1.4;overflow-wrap:anywhere}

/* Toppen: kun logoet */
.bv-top{flex:none;display:flex;align-items:center;padding:14px 28px;min-width:0}
.bv-logo{display:block;width:150px;flex:none}
.bv-logo svg{display:block;width:100%;height:auto}

.bv{flex:1 1 auto;display:flex;flex-direction:column;min-height:0;min-width:0;width:100%}
.bv-arbejde{flex:1 1 auto;display:flex;min-height:0;min-width:0}
.bv-chat{flex:1 1 auto;display:flex;flex-direction:column;min-height:0;min-width:0}
.bv-chat-top{display:none}

/* A — start: velkomsten midt på skærmen, chatten er tom */
.bv-velkomst{display:none}
/* v2.4 (Kasper 11/10 10.14 "den skal blive i midten"): indtil siden er klar, står feltet midt på skærmen
   — også efter første svar. Samtalen vokser opad over feltet (loggen tager kun sin egen højde). Fylder den
   pladsen over feltet, giver mellemrummet under feltet (::after, halvdelen af fladen) sig først, så feltet
   glider ned; først når også det er brugt, ruller loggen (flex-shrink næsten 0 = den giver sig sidst). */
.bv:not([data-trin=klar]):not([data-trin=stop]) .bv-chat{justify-content:flex-end}
.bv:not([data-trin=klar]):not([data-trin=stop]) .bv-log{flex:0 .001 auto}
.bv:not([data-trin=klar]):not([data-trin=stop]) .bv-chat::after{content:"";flex:0 1 calc(50% - var(--bv-luft,70px));min-height:0;transition:flex-basis .25s ease}
/* v2.5: indtil samtalen er højere end chatten, giver mellemrummet under feltet sig ikke — samtalen ruller
   over feltet, og feltet bliver, hvor det er. [data-fuld] (byg.js): feltet glider ned i bunden. */
.bv:not([data-fuld]):not([data-start]):not([data-trin=klar]):not([data-trin=stop]) .bv-chat::after{flex-shrink:0}
.bv[data-fuld]:not([data-trin=klar]):not([data-trin=stop]) .bv-chat::after{flex-basis:0}
/* Start: feltet er større, og teksten under det (Vilkår …) står i formen — så er mellemrummet mindre, og feltet
   står samme sted før og efter første svar. */
.bv{--bv-luft:61px} /* v2.5: større tekst — feltet står samme sted før og efter første svar */
.bv[data-start]{--bv-luft:130px}
.bv[data-start] .bv-log{display:none}
.bv[data-start] .bv-velkomst{display:flex;flex-direction:column;align-items:center;text-align:center;gap:16px;padding:0 24px;max-width:760px;margin:0 auto;min-width:0}
.bv-velkomst img{width:84px;height:84px;border-radius:50%;background:#fff;border:1px solid var(--line);box-shadow:0 16px 30px -22px #35252288}
.bv-velkomst h2{font-size:clamp(33.5px,4.8vw,48px);font-weight:500;letter-spacing:-1.2px;line-height:1.12;margin:0;text-wrap:balance;overflow-wrap:break-word}
.bv-velkomst p{font-size:21.5px;color:var(--muted);max-width:520px;text-wrap:pretty;margin:0}

/* Samtalen */
.bv-log{list-style:none;margin:0;flex:1 1 auto;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;min-height:0;min-width:0;display:flex;flex-direction:column;gap:14px;padding:12px max(24px,calc((100% - 760px) / 2)) 18px}
.bv-log>:first-child{margin-top:auto}
.bv-msg{display:flex;gap:10px;align-items:flex-end;min-width:0}
.bv-ava{width:34px;height:34px;border-radius:50%;background:#fff;border:1px solid var(--line);flex:none;object-fit:cover}
.bv-mig{justify-content:flex-end}
.bv-boble{max-width:min(560px,82%);min-width:0;padding:11px 15px;border-radius:20px;font-size:19px;line-height:1.5;overflow-wrap:anywhere;word-break:normal}
.bv-boble p{margin:0}
.bv-boble p+p{margin-top:8px}
.bv-viggo .bv-boble{background:var(--panel);border:1px solid var(--line);border-bottom-left-radius:6px;color:var(--ink)}
.bv-mig .bv-boble{background:var(--ink);color:#fcfaf8;border-bottom-right-radius:6px;white-space:pre-wrap}
.bv-fordel .bv-boble{background:#fff8f3}
.bv-skriver .bv-boble{display:flex;gap:5px;align-items:center;padding:15px 16px}
.bv-skriver .bv-boble span{width:7px;height:7px;border-radius:50%;background:var(--muted);animation:bv-prik 1.2s infinite ease-in-out}
.bv-skriver .bv-boble span:nth-child(2){animation-delay:.15s}.bv-skriver .bv-boble span:nth-child(3){animation-delay:.3s}
@keyframes bv-prik{0%,80%,100%{opacity:.25;transform:translateY(0)}40%{opacity:1;transform:translateY(-3px)}}
/* Vedhæftet billede og indtalt besked */
.bv-mig .bv-boble.bv-med-billede{padding:7px 7px 11px;width:240px;max-width:82%}
.bv-med-billede p{padding:0 8px}
.bv-vedhaeft{display:block;width:100%;aspect-ratio:4/3;border-radius:14px;object-fit:cover;margin:0 0 8px;background:#5a4642}
.bv-med-billede.bv-sender .bv-vedhaeft{opacity:.6}
.bv-tale-maerke{display:flex;align-items:center;gap:6px;font-size:15px;font-weight:600;opacity:.75;margin-bottom:4px;white-space:normal}
.bv-tale-maerke svg{width:14px;height:14px;flex:none}
.bv-tale-boble p:not(.bv-tale-maerke){font-style:italic}

.bv-knapper{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px;min-width:0}
.bv-knap{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:8px 18px;border-radius:99px;border:1px solid var(--ink);background:#fff;color:var(--ink);font:inherit;font-size:18px;font-weight:650;text-decoration:none;cursor:pointer;white-space:normal;text-align:center;max-width:100%;box-sizing:border-box}
.bv-knap-hoved{background:var(--rust);border-color:var(--rust);color:#fff}
.bv-knap svg{width:18px;height:18px;flex:none}
.bv-forslag{display:flex;flex-wrap:wrap;gap:8px;padding:0 max(24px,calc((100% - 760px) / 2)) 6px;padding-left:max(68px,calc((100% - 760px) / 2 + 44px));min-width:0}
.bv-forslag-knap{min-height:38px;padding:7px 13px;border-radius:99px;border:1px solid var(--rust);background:#fff6f2;color:var(--ink);font:inherit;font-size:17px;font-weight:600;cursor:pointer;max-width:100%;white-space:normal;text-align:left;overflow-wrap:anywhere}

/* Kort i chatten: fremdriften (C), loftet (E), "Ring mig op" */
.bv-kort{max-width:min(560px,86%);min-width:0;padding:16px 18px;border:1px solid var(--line);border-radius:20px;border-bottom-left-radius:6px;background:var(--panel);color:var(--ink);overflow-wrap:break-word}
/* v2.6: adgangskoden under bygget — eget felt i et kort (chatfeltet er stadig Viggos) */
.bv-konto-kort{position:relative;display:flex;flex-direction:column;gap:8px;margin:0;width:min(560px,86%);box-sizing:border-box}
.bv-konto-bruger{position:absolute;width:1px;height:1px;padding:0;border:0;opacity:0;pointer-events:none;overflow:hidden}
.bv-konto-label{font-size:16px;font-weight:650}
.bv-konto-raekke{display:flex;gap:8px;min-width:0}
.bv-konto-kode{flex:1 1 auto;min-width:0;min-height:48px;padding:8px 14px;border:1px solid var(--line);border-radius:14px;background:#fff;color:var(--ink);font:inherit;font-size:19px;box-sizing:border-box}
.bv-konto-kode:focus{outline:2px solid var(--rust);outline-offset:1px}
.bv-konto-kode[aria-invalid]{border-color:#b3261e}
.bv-konto-gem{flex:none}
.bv-konto-fejl{margin:0;color:#b3261e;font-size:16px}
.bv-konto-vilkaar{margin:0;font-size:14px;color:var(--muted)}
.bv-konto-vilkaar a{color:inherit}
.bv-konto-spring{align-self:flex-start;min-height:44px;padding:0;border:0;background:none;color:var(--ink);font:inherit;font-size:16px;text-decoration:underline;cursor:pointer}
.bv-kort-top{display:flex;align-items:center;gap:9px;font-size:13px;font-weight:700;letter-spacing:1.6px;text-transform:uppercase;color:var(--rust);margin:0}
.bv-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--coral);flex:none}
.bl-fremdrift{height:10px;border-radius:99px;background:#efe7de;overflow:hidden;margin:12px 0 14px}
.bl-fremdrift span{display:block;height:100%;border-radius:99px;background:var(--rust);transition:width .8s ease}
.bl-trinliste{list-style:none;margin:0 0 12px;padding:0;display:grid;gap:9px}
.bl-trinliste li{position:relative;padding-left:28px;font-size:18px;line-height:1.4;color:var(--muted);min-width:0}
.bl-trinliste li::before{content:"";position:absolute;left:0;top:1px;width:18px;height:18px;border-radius:50%;border:2px solid #d6ccc1;box-sizing:border-box}
.bl-trinliste li.bl-nu{color:var(--ink);font-weight:600}
.bl-trinliste li.bl-nu::before{border-color:var(--rust);border-top-color:transparent;animation:bl-drej 1s linear infinite}
.bl-trinliste li.bl-faerdig{color:var(--ink)}
.bl-trinliste li.bl-faerdig::before{background:var(--rust);border-color:var(--rust)}
.bl-trinliste li.bl-faerdig::after{content:"";position:absolute;left:6px;top:4px;width:5px;height:9px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg)}
.bl-tid,.bv-kort .bv-lille{font-size:16px;line-height:1.5;color:var(--muted);margin:0}
.bl-puls{animation:bl-puls 1.4s ease-in-out infinite}
@keyframes bl-drej{to{transform:rotate(360deg)}}
@keyframes bl-puls{50%{opacity:.35}}
@media (prefers-reduced-motion:reduce){.bv-chat::after{transition:none!important}.bl-puls,.bl-trinliste li.bl-nu::before,.bv-skriver .bv-boble span{animation:none}.bl-fremdrift span{transition:none}}
/* v2.2/v2.3: analysen af den nuværende side (det her bør fikses, placeringer) — alt bryder, intet er fast bredt */
.bv-analyse-kort h3{font-size:18px;font-weight:650;letter-spacing:0;margin:14px 0 6px;overflow-wrap:anywhere}
.bv-analyse-kort h3:first-child{margin-top:0}
.bv-analyse-kort p{margin:0}
.bv-ord,.bv-fejl{list-style:none;margin:0;padding:0;display:grid;gap:6px;min-width:0}
.bv-ord li{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:4px 10px;align-items:baseline;font-size:17.5px;line-height:1.35;padding-bottom:6px;border-bottom:1px solid var(--line);min-width:0}
.bv-ord-tekst{min-width:0;overflow-wrap:anywhere}
.bv-ord-plads{font-weight:700;white-space:nowrap}
.bv-ord-vol{color:var(--muted);font-size:15.5px;white-space:nowrap}
.bv-fejl li{position:relative;padding-left:16px;font-size:17.5px;line-height:1.45;min-width:0;overflow-wrap:anywhere}
.bv-fejl li::before{content:"";position:absolute;left:2px;top:.6em;width:6px;height:6px;border-radius:50%;background:var(--rust)}
.bv-analyse-kort .bv-lille{margin-top:12px}
@media (max-width:360px){.bv-ord li{grid-template-columns:minmax(0,1fr) auto}.bv-ord-vol{grid-column:1/-1}}
.bv-loft-kort{border-color:var(--rust);box-shadow:0 0 0 3px #f6c5b455}
.bv-loft-kort h3{font-size:21.5px;font-weight:650;letter-spacing:-.2px;margin:0 0 6px}
.bv-loft-kort p{margin:0}
.bv-loft-kort .bv-knapper .bv-knap{flex:1 1 150px}
.bv-loft-kort .bv-lille{margin-top:10px}
.bl-ring{max-width:min(560px,86%);min-width:0;padding:16px 18px;border:1px solid var(--rust);border-radius:20px;border-bottom-left-radius:6px;background:var(--panel);box-shadow:0 0 0 3px #f6c5b455}
.bl-ring h2{font-size:21.5px;font-weight:650;letter-spacing:-.2px;margin:0 0 2px}
.bl-ring>p{font-size:18px;color:var(--muted);margin:0 0 10px}
.bl-ring>p.bl-hjaelp{color:var(--ink);font-size:17px;background:var(--paper);border:1px solid var(--line);border-radius:10px;padding:9px 12px;overflow-wrap:break-word}
.bl-ring-form{display:grid;gap:10px;min-width:0}
.bl-ring-form label{display:grid;gap:6px;font-size:17px;font-weight:600;min-width:0}
.bl-ring-form input{font:inherit;font-size:20.5px;color:var(--ink);background:var(--paper);border:1px solid #d6ccc1;border-radius:10px;padding:11px 13px;min-height:50px;width:100%;min-width:0;box-sizing:border-box}
.bl-samtykke{font-size:15.5px;line-height:1.5;color:var(--muted);margin:0}
.bl-ring-knap{width:100%}
.bl-ring .signup-error{color:#b3261e;font-size:17px;margin:0}
.bl-ring-tak{outline:0}
.bv .gu-hilsen{display:flex;align-items:center;gap:12px;font-size:18px;font-weight:600;color:var(--ink);margin:0}
.bv .gu-hilsen img{width:56px;height:56px;border-radius:50%;object-fit:cover;flex:none}
.bv .gu-hilsen small{font-weight:400;color:var(--muted)}

/* Feltet: tekst + Billede + Indtal + send */
.bv-form{flex:none;padding:6px 24px 16px;min-width:0}
.bv-input{width:100%;max-width:760px;margin:0 auto;background:#fff;border:1px solid #d6ccc1;border-radius:26px;padding:10px 12px 10px 18px;box-shadow:0 18px 34px -26px #35252266;min-width:0}
.bv-input:focus-within{border-color:var(--rust);box-shadow:0 0 0 3px #f6c5b466}
#bv-felt{display:block;width:100%;min-width:0;border:0;outline:0;background:transparent;font:inherit;font-size:20.5px;line-height:1.45;color:var(--ink);padding:4px 2px 10px;box-sizing:border-box}
#bv-felt::placeholder{color:#8a7d78}
#bv-felt[aria-invalid=true]{color:#b3261e}
.bv-raekke{display:flex;align-items:center;gap:6px;min-width:0}
.bv-ikon{display:inline-flex;align-items:center;justify-content:center;gap:7px;height:42px;min-width:42px;padding:0 12px;border-radius:99px;border:1px solid var(--line);background:var(--paper);color:var(--ink);font:inherit;font-size:17px;font-weight:600;cursor:pointer;flex:none;box-sizing:border-box}
.bv-ikon svg{width:20px;height:20px;flex:none}
.bv-lbl{white-space:nowrap}
.bv-ikon:focus-visible,.bv-send:focus-visible,#bv-fil:focus-visible+.bv-ikon{outline:3px solid var(--rust);outline-offset:2px}
.bv-indtal.bv-optager{background:#fff0ea;border-color:var(--coral);color:var(--rust)}
.bv-indtal.bv-optager svg{color:var(--coral)}
.bv-indtal:disabled,.bv-billede.bv-slukket{opacity:.45;cursor:default}
/* v2.4 (Kasper 11/10 10.14 "skal væk … når man ikke kan bruge det"): /billede og /tale kræver byggets
   nøgle fra /start — før adressen virker ingen af dem. Lukket felt (loft/pause): heller ikke. Indtaling
   slået fra af serveren (tale:false): kun Indtal væk. CSS på trinnet, aldrig matchMedia ved oprettelsen. */
.bv[data-trin=adresse] .bv-billede,.bv[data-trin=adresse] .bv-indtal,
.bv-form.bv-lukket .bv-billede,.bv-form.bv-lukket .bv-indtal,.bv[data-uden-tale] .bv-indtal{display:none}
.bv-fyld{flex:1 1 auto;min-width:0}
.bv-send{width:44px;height:44px;border-radius:50%;border:0;background:var(--rust);color:#fff;display:inline-flex;align-items:center;justify-content:center;flex:none;cursor:pointer;padding:0}
.bv-send svg{width:20px;height:20px}
.bv-send:disabled{background:#e4dcd4;cursor:default}
.bv-smaat{max-width:760px;margin:8px auto 0;font-size:14.5px;line-height:1.5;color:var(--muted);overflow-wrap:break-word}
.bv-smaat a,.bv-under a{color:var(--ink);text-decoration:underline;text-underline-offset:3px}
.bv-under{display:none;max-width:760px;margin:10px auto 0;font-size:15px;color:var(--muted);text-align:center;line-height:1.6}
.bv[data-start] .bv-under{display:block}
/* Start: større felt (luften under er .bv-chat::after, så feltet ikke hopper ved første svar) */
.bv[data-start] .bv-form{padding-top:26px}
.bv[data-start] .bv-input{border-radius:28px;padding:14px 14px 12px 22px}
.bv[data-start] #bv-felt{font-size:23px;min-height:56px;padding-bottom:16px}
/* Pause (loftet, lukket): feltet er stiplet og slået fra */
.bv-form.bv-lukket .bv-input{background:#f3eee8;border-style:dashed;box-shadow:none}
.bv-form.bv-lukket #bv-felt{display:none}
.bv-pause{margin:0;padding:4px 2px 10px;font-size:18px;line-height:1.45;color:var(--muted);overflow-wrap:break-word}
.bv-form.bv-lukket .bv-ikon,.bv-form.bv-lukket .bv-send{opacity:.45;pointer-events:none}

/* D — siden */
.bv-faner{display:none}
.bv-side{display:flex;flex-direction:column;min-width:0;min-height:0;flex:1 1 auto;padding:16px 20px 18px;gap:12px;outline:0}
.bv-side-top{flex:none;display:flex;align-items:center;gap:12px;min-width:0}
.bv-adresse{flex:1 1 auto;min-width:0;display:flex;align-items:center;gap:8px;height:40px;padding:0 14px;margin:0;border:1px solid var(--line);border-radius:99px;background:#fff;font-size:14px;color:var(--muted);white-space:nowrap;overflow:hidden}
.bv-adresse span{overflow:hidden;text-overflow:ellipsis}
.bv-adresse svg{width:15px;height:15px;flex:none;color:var(--rust)}
.bv-vis{display:flex;border:1px solid var(--line);border-radius:99px;background:#fff;padding:3px;flex:none}
.bv-vis button{padding:6px 14px;border:0;border-radius:99px;background:transparent;font:inherit;font-size:13.5px;font-weight:600;color:var(--muted);cursor:pointer}
.bv-vis button.bv-valgt{background:var(--ink);color:#fcfaf8}
.bv-overtag{display:inline-flex;align-items:center;justify-content:center;gap:10px;height:44px;padding:0 20px;border-radius:9px;background:var(--rust);color:#fff;font-size:15px;font-weight:650;flex:none;white-space:nowrap;text-decoration:none}
.bv-overtag svg{width:16px;height:16px}
.bv-ramme{flex:1 1 auto;min-height:0;border:1px solid var(--line);border-radius:16px;overflow:hidden;background:#fff;box-shadow:0 18px 30px -22px #35252266;display:flex;justify-content:center}
.bv-ramme iframe{display:block;width:100%;height:100%;border:0;background:#fff}
.bv-ramme.bv-mobil{background:#efe9e2}
.bv-ramme.bv-mobil iframe{width:390px;max-width:100%;box-shadow:0 0 0 1px var(--line)}
.bv-mobil-bund{display:none}

/* Klar på PC: chatten til venstre (400 px), siden til højre */
.bv-krop.bv-klar .bv-top{padding:10px 20px;border-bottom:1px solid var(--line)}
.bv-krop.bv-klar .bv-logo{width:128px}
@media (min-width:900px){
  .bv[data-trin=klar] .bv-arbejde,.bv[data-trin=stop] .bv-arbejde{display:grid;grid-template-columns:400px minmax(0,1fr)}
  .bv[data-trin=klar] .bv-chat,.bv[data-trin=stop] .bv-chat{border-right:1px solid var(--line);background:#fcfbf8}
  .bv[data-trin=klar] .bv-chat-top,.bv[data-trin=stop] .bv-chat-top{flex:none;display:flex;align-items:center;gap:11px;padding:12px 18px;border-bottom:1px solid var(--line);min-width:0}
  .bv-chat-top img{width:38px;height:38px;border-radius:50%;background:#fff;border:1px solid var(--line);flex:none}
  .bv-chat-top h1{font-size:19px;font-weight:650;margin:0;line-height:1.3;letter-spacing:0}
  .bv-kun-mobil{display:none!important}
  .bv-status{font-size:15.5px;color:var(--muted);margin:0}
  .bv-krop.bv-klar .bv-log{padding:14px 16px 12px;gap:12px}
  .bv-krop.bv-klar .bv-boble{font-size:18px;max-width:86%}
  .bv-krop.bv-klar .bv-ava{width:30px;height:30px}
  .bv-krop.bv-klar .bv-kort,.bv-krop.bv-klar .bl-ring{max-width:92%}
  .bv-krop.bv-klar .bv-forslag{padding:0 16px 6px 56px}
  .bv-krop.bv-klar .bv-form{padding:8px 14px 14px}
  .bv-krop.bv-klar .bv-input{border-radius:22px;padding:10px 10px 8px 16px}
  .bv-krop.bv-klar #bv-felt{font-size:19px}
}

/* Mobil (og smal skærm): fanerne, når siden er klar */
@media (max-width:899px){
  .bv-krop.bv-klar .bv-faner{display:flex;flex:none;gap:6px;margin:8px 12px 8px;padding:4px;border:1px solid var(--line);border-radius:99px;background:#fff;min-width:0}
  .bv-fane{flex:1 1 0;min-width:0;display:flex;align-items:center;justify-content:center;gap:7px;height:42px;padding:0 8px;border:0;border-radius:99px;background:transparent;font:inherit;font-size:18px;font-weight:650;color:var(--muted);cursor:pointer;white-space:nowrap;overflow:hidden}
  .bv-fane span{overflow:hidden;text-overflow:ellipsis}
  .bv-fane.bv-valgt{background:var(--ink);color:#fcfaf8}
  .bv-fane svg{width:17px;height:17px;flex:none}
  .bv-ny{background:var(--coral);color:#fff;font-size:11px;font-weight:700;letter-spacing:.4px;padding:2px 7px;border-radius:99px;flex:none;overflow:visible!important}
  .bv-fane.bv-set .bv-ny{display:none}
  .bv-krop.bv-klar .bv-top{border-bottom:0}
  .bv-krop.bv-klar .bv-arbejde{flex-direction:column}
  .bv-krop.bv-klar .bv-side{display:none!important}
  .bv-krop.bv-fane-side .bv-chat{display:none}
  .bv-krop.bv-fane-side .bv-side{display:flex!important;padding:0 12px 12px;gap:10px}
  .bv-krop.bv-fane-side .bv-side-top{display:none}
  .bv-ramme{border-radius:14px}
  .bv-mobil-bund{display:flex;flex-direction:column;gap:8px;flex:none}
  .bv-mobil-bund .bv-overtag{height:52px;font-size:16px}
  .bv-smaat-pris{font-size:12.5px;color:var(--muted);text-align:center;margin:0}
}
@media (max-width:700px){
  .bv-top{padding:10px 16px}
  .bv-logo{width:118px}
  .bv-krop.bv-klar .bv-top{padding:8px 14px}
  .bv-krop.bv-klar .bv-logo{width:108px}
  .bv-log{padding:8px 14px 12px;gap:12px}
  .bv-boble{font-size:19px;max-width:84%}
  .bv-ava{width:30px;height:30px}
  .bv-kort,.bl-ring{max-width:88%}
  .bv-forslag{padding:0 14px 6px 54px}
  .bv-form{padding:6px 12px 12px}
  .bv-input{border-radius:24px;padding:8px 10px 8px 16px}
  .bv-lbl{display:none}
  .bv-ikon{padding:0;width:42px}
  .bv-indtal.bv-optager{width:auto;padding:0 12px}
  .bv-indtal.bv-optager .bv-lbl{display:inline}
  .bv[data-start] .bv-velkomst{justify-content:center;gap:14px;padding:0 20px}
  .bv-velkomst img{width:72px;height:72px}
  .bv-velkomst h2{font-size:32.5px;letter-spacing:-.8px}
  .bv-velkomst p{font-size:20px}
  .bv[data-start] .bv-form{padding:6px 12px 14px}
  .bv[data-start] .bv-input{padding:12px 10px 10px 18px}
  .bv[data-start] #bv-felt{font-size:21.5px;min-height:46px}
  .bv{--bv-luft:53px} /* v2.5: større felt-tekst — samme højde som i starten (målt 444 før og efter) */
  .bv[data-start]{--bv-luft:145px}
}
/* v2.5: med den større tekst er der ikke plads til ikonet i fanerne på en telefon — teksten må ikke afkortes */
@media (max-width:430px){.bv-fane{gap:5px}.bv-fane svg{display:none}}
@media (max-width:360px){.bv-fane{font-size:17px;padding:0 4px}.bv-krop.bv-klar .bv-faner{gap:4px;margin:8px 8px}}