/* =====================================================================
   FB26 SHARED FOUNDATION — distilled from forside 5072 (live, 2026-07-05)
   Load this ONCE per WP page alongside theme CSS. Everything is scoped
   under .fb26-root so it is safe next to TT4 / block-theme styles.

   Contains: design tokens, reset + TT4 margin-kill, layout rhythm,
   typography, buttons, header + drawer, footer, reveal system, focus,
   lightbox + calendar modals, mobile CTA pill, section shells (trust,
   testimonials, FAQ, geo, close CTA, outro, sticky-intro), the full
   lead/kontakt section + CF7 form skin + success panel, and the reusable
   card/testimonial/faq/geo/area primitives.

   NOT included (page-specific bespoke compositions — build per page on
   top of these tokens): hero video stack, work-video grid, mat swatch
   fold-out, proces zig-zag, hero trust-overlay variant.
   See DESIGN-SYSTEM.md §6/§11.

   MARKUP PARTIALS: fb26-header.html (header+drawer+icon sprite),
   fb26-footer.html, fb26-modals.html (#fb26cal REQUIRED with the footer,
   #fb26pill, #fb26lb).

   FONTS: Inter + Cardo are NOT loaded here (theme-enqueued on 5072).
   If a page renders outside the theme, load them yourself:
     Inter 400/500/600/700 ; Cardo 400 + 400 italic (Google).
   Georgia is a system font (used for big editorial-italic display).
   ===================================================================== */

.fb26-root{
  /* --- palette tokens (verbatim from 5072) --- */
  --ink:#1A1514; --ink-2:#241D1A;
  --brown:#65574E; --brown-d:#52473F;
  --paper:#F5F2ED; --sand:#E7E3DC; --greige:#D6D2CE; --base2:#E1DFDB;
  --muted:#958D86; --body:#4B423B;
  --line:rgba(26,21,20,.13); --line-2:rgba(26,21,20,.08);
  --dline:rgba(255,255,255,.16);
  --brass:#A8865F;                 /* footer / accent-on-dark */
  --err:#B4524A;                   /* form + validation */
  /* recurring literals worth naming */
  --muted-2:#5E554D;               /* secondary muted on light */
  --brown-lt:#CDBFB2;              /* light-brown text on dark sections */

  /* --- shape / rhythm --- */
  --r:16px; --r-s:10px; --maxw:1840px;   /* 1840px = LIVE effective width (the #fb-claude-2026
                                            layer overrides base 1200px with
                                            `.fb26-root .wrap{max-width:1840px !important}`).
                                            1200px was the original designed measure — set
                                            `.fb26-root{--maxw:1200px}` only if a page
                                            deliberately wants the narrow layout. */
  --ease:cubic-bezier(.16,1,.3,1);       /* house easing (transforms/hover) */
  --ease-2:cubic-bezier(.32,.72,0,1);    /* forms / folds */

  font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  color:var(--ink); background:var(--paper); overflow-x:clip;
  -webkit-font-smoothing:antialiased;
}
.fb26-root *{box-sizing:border-box}

/* ---- TT4 / block-theme margin kill (gotcha) ----
   The theme adds ~19.2px margin-top to top-level flow blocks; these
   rules neutralise it so sections sit flush. Keep all of them. */
.fb26-root > *{margin-top:0!important;margin-bottom:0!important}
.fb26-root .wp-block-post-title,
body:has(.fb26-root) .entry-header,
.fb26-root .wp-block-post-title.has-text-align-center{display:none!important}
/* (5072 used a bare `.entry-header` — scoped here so the sheet is safe if enqueued globally) */
.fb26-root{margin-top:0!important;margin-bottom:0!important}
body:has(.fb26-root) .entry-content,
body:has(.fb26-root) .wp-block-post-content,
body:has(.fb26-root) .wp-site-blocks > main,
body:has(.fb26-root) .wp-block-group.is-layout-flow:has(> .fb26-root){margin-top:0!important;margin-bottom:0!important;padding-bottom:0!important}
:where(.entry-content,.wp-block-post-content,main):has(> .fb26-root){margin-bottom:0!important;padding-bottom:0!important}
body:has(.fb26-root) .wp-block-template-part{margin-top:0!important}
/* hide global template footer when our footer is present */
/* Phase 2 belt-and-braces (secondary to the server-side fokusbad-fb26-chrome.php filter):
   hides a template-part ONLY when fb26 chrome ALSO sits OUTSIDE any part (= a botched atomic
   flip). A de-inlined part's chrome IS inside .wp-block-template-part → excluded → never hidden. */
body:has(.fb26-hd:not(.wp-block-template-part *)) .wp-block-template-part:has(.fb26-hd){display:none!important}
body:has(.fb26-foot:not(.wp-block-template-part *)) .wp-block-template-part:has(.fb26-foot){display:none!important}

/* ===================== LAYOUT / RHYTHM ===================== */
.fb26-root .wrap{max-width:var(--maxw);margin:0 auto;padding:0 28px}
.fb26-root .sec{padding:clamp(3rem,5vw,5rem) 0}
.fb26-root .sec-tight{padding:clamp(2.4rem,4vw,3.8rem) 0}
.fb26-root .split{display:grid;gap:clamp(2rem,5vw,4rem);align-items:center}

/* (5072 used bare html{} rules — :has()-scoped here so the sheet is safe if enqueued globally) */
html:has(.fb26-root){scroll-padding-top:64px}
@media(prefers-reduced-motion:no-preference){html:has(.fb26-root){scroll-behavior:smooth}}

/* ===================== TYPOGRAPHY ===================== */
.fb26-root p,.fb26-root h1,.fb26-root h2,.fb26-root h3,.fb26-root h4,.fb26-root li,
.fb26-root a,.fb26-root span,.fb26-root summary,.fb26-root figcaption,
.fb26-root button,.fb26-root label,.fb26-root input,.fb26-root textarea,.fb26-root select{
  font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
.fb26-root .serif{font-family:Cardo,"Iowan Old Style",Georgia,serif}
/* big editorial-italic display (refinement layer used Georgia; keep as an opt-in class) */
.fb26-root .display-italic{font-family:Georgia,"Times New Roman",serif;font-style:italic;font-weight:400;letter-spacing:-.01em}

.fb26-root h1,.fb26-root h2,.fb26-root h3{letter-spacing:-.018em;line-height:1.07;font-weight:640;margin:0}
.fb26-root .h2{font-size:clamp(1.7rem,2.8vw,2.5rem);letter-spacing:-.022em}
.fb26-root .h3{font-size:clamp(1.18rem,1.7vw,1.4rem);font-weight:620}
.fb26-root .lead{font-size:clamp(1.05rem,1.45vw,1.2rem);line-height:1.62;color:var(--body);max-width:60ch}
.fb26-root .kicker{font-size:.76rem;letter-spacing:.2em;text-transform:uppercase;font-weight:600;color:var(--brown);margin:0 0 1rem;display:inline-flex;align-items:center;gap:.6rem}
.fb26-root .kicker::before{content:"";width:26px;height:1px;background:var(--brown);opacity:.6;display:inline-block}
.fb26-root a{color:inherit}
/* kicker recolor on dark sections */
.fb26-root .on-dark .kicker,.fb26-root .kicker.on-dark{color:var(--brown-lt)}
.fb26-root .on-dark .kicker::before,.fb26-root .kicker.on-dark::before{background:var(--brown-lt)}
/* mobile type polish (from 5072's #fb26-mpolish layer) */
@media(max-width:767px){
  .fb26-root .kicker{font-size:13px}
  .fb26-root .fb26-supp .lbl{font-size:12.5px}
  .fb26-root .fb26-grid figcaption .pl{font-size:12.5px}
}

/* ===================== BUTTONS ===================== */
.fb26-root .btn{display:inline-flex;align-items:center;gap:.55rem;font-weight:600;font-size:1rem;text-decoration:none;border-radius:100px;padding:.92rem 1.75rem;line-height:1;border:1.5px solid transparent;cursor:pointer;transition:transform .2s var(--ease),box-shadow .2s,background .2s,color .2s;white-space:nowrap}
.fb26-root .btn svg{width:17px;height:17px;flex:none}
.fb26-root .btn-primary{background:var(--brown);color:#fff;box-shadow:0 8px 22px rgba(101,87,78,.26)}
.fb26-root .btn-primary:hover{background:var(--brown-d);transform:translateY(-2px);box-shadow:0 14px 32px rgba(101,87,78,.34)}
.fb26-root .btn-primary:active{transform:translateY(0)}
.fb26-root .btn-ghost{background:transparent;color:var(--brown);border-color:var(--line)}
.fb26-root .btn-ghost:hover{border-color:var(--brown);transform:translateY(-2px)}
.fb26-root .btn-onlight{background:var(--ink);color:#fff}
.fb26-root .btn-onlight:hover{transform:translateY(-2px);box-shadow:0 12px 30px rgba(26,21,20,.28)}
.fb26-root .btn-ondark{background:var(--paper);color:var(--ink)}
.fb26-root .btn-ondark:hover{transform:translateY(-2px);box-shadow:0 14px 34px rgba(0,0,0,.35)}
.fb26-root .btn-outline-d{background:rgba(18,14,13,.32);color:#fff;border-color:rgba(255,255,255,.5)}
.fb26-root .btn-outline-d:hover{background:rgba(255,255,255,.1);transform:translateY(-2px)}

/* ===================== HEADER + DRAWER ===================== */
.fb26-hd{position:fixed;top:0;left:0;right:0;z-index:80;height:70px;display:flex;align-items:center;transition:background .5s ease,box-shadow .5s ease,height .5s ease,border-color .5s ease,backdrop-filter .5s ease;background:transparent;border-bottom:1px solid transparent}
.fb26-hd.scrolled{background:rgba(245,242,237,.62);backdrop-filter:blur(26px) saturate(2);-webkit-backdrop-filter:blur(26px) saturate(2);border-bottom:1px solid rgba(255,255,255,.5);box-shadow:0 1px 0 rgba(255,255,255,.55) inset,0 -1px 0 rgba(26,21,20,.04) inset,0 10px 34px rgba(26,21,20,.09);height:64px}
.fb26-hd .wrap{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;width:100%;column-gap:1rem}
.fb26-hd .logo{position:relative;display:flex;align-items:center;justify-self:start}
.fb26-hd .logo img{height:30px;width:auto;display:block;transition:opacity .2s}
.fb26-hd .logo .l-light{position:absolute}
.fb26-hd nav{display:flex;gap:2rem;justify-self:center}
.fb26-hd nav a{text-decoration:none;font-size:.95rem;font-weight:500;opacity:.9;transition:opacity .15s,color .15s;position:relative;white-space:nowrap}
.fb26-hd nav a:hover{opacity:1;color:var(--brown)}
/* per-page active nav state (NOT present on 5072 — add per page): */
.fb26-hd nav a[aria-current="page"]{opacity:1;color:var(--brown)}
.fb26-hd .hd-right{display:flex;align-items:center;gap:1.15rem;justify-self:end}
.fb26-hd .hd-tel{font-weight:600;text-decoration:none;font-size:.95rem;white-space:nowrap;display:inline-flex;align-items:center;gap:.4rem}
.fb26-hd .hd-tel svg{width:15px;height:15px}
.fb26-hd .btn{padding:.62rem 1.25rem;font-size:.9rem}
.fb26-hd .hd-mtel{display:none}
.fb26-hd:not(.scrolled) .logo .l-dark{opacity:0}
.fb26-hd:not(.scrolled) nav a,.fb26-hd:not(.scrolled) .hd-tel{color:#fff;opacity:.92;text-shadow:0 1px 16px rgba(0,0,0,.55)}
.fb26-hd:not(.scrolled) .btn-ghost{color:#fff;border-color:rgba(255,255,255,.55)}
.fb26-hd.scrolled .logo .l-light{opacity:0}
.fb26-hd.scrolled nav a,.fb26-hd.scrolled .hd-tel{color:var(--ink);text-shadow:none}
@media(max-width:940px){.fb26-hd .wrap{grid-template-columns:1fr auto;column-gap:0}.fb26-hd nav,.fb26-hd .hd-tel{display:none}.fb26-hd .hd-mtel{display:inline-flex}.fb26-hd .hd-mtel.btn{min-width:44px;min-height:44px;padding:.55rem .75rem;align-items:center;justify-content:center}}
@media(max-width:767px){.fb26-hd .hd-right .btn-primary{display:none}}
@media(max-width:520px){.fb26-hd .logo img{height:26px}.fb26-hd .btn{padding:.55rem 1rem;font-size:.84rem}}

/* hamburger */
.fb26-hd .hd-burger{display:none;position:relative;width:44px;height:44px;flex:none;align-items:center;justify-content:center;background:transparent;border:0;padding:0;cursor:pointer;-webkit-tap-highlight-color:transparent}
.fb26-hd .hd-burger span{position:absolute;left:11px;width:22px;height:2px;border-radius:2px;background:#fff;transition:transform .3s var(--ease),opacity .2s ease,background .3s ease}
.fb26-hd .hd-burger span:nth-child(1){transform:translateY(-6px)}
.fb26-hd .hd-burger span:nth-child(3){transform:translateY(6px)}
.fb26-hd.scrolled .hd-burger span{background:var(--ink)}
body.fb26-nav-open .fb26-hd .hd-burger span{background:var(--ink)}
body.fb26-nav-open .fb26-hd .hd-burger span:nth-child(1){transform:translateY(0) rotate(45deg)}
body.fb26-nav-open .fb26-hd .hd-burger span:nth-child(2){opacity:0}
body.fb26-nav-open .fb26-hd .hd-burger span:nth-child(3){transform:translateY(0) rotate(-45deg)}
@media(max-width:940px){.fb26-hd .hd-burger{display:inline-flex}}

/* drawer */
.fb26-drawer{position:fixed;inset:0;z-index:10000002;display:flex;justify-content:flex-end;visibility:hidden;opacity:0;background:rgba(18,14,13,.42);backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);transition:opacity .35s ease,visibility 0s linear .35s}
.fb26-drawer.open{visibility:visible;opacity:1;transition:opacity .35s ease}
.fb26-drawer-panel{width:min(82vw,360px);height:100%;background:var(--paper);box-shadow:-12px 0 40px rgba(26,21,20,.22);display:flex;flex-direction:column;transform:translateX(100%);transition:transform .42s var(--ease)}
.fb26-drawer.open .fb26-drawer-panel{transform:translateX(0)}
.fb26-drawer-head{display:flex;align-items:center;justify-content:space-between;padding:1.15rem clamp(1.4rem,6vw,2rem);min-height:64px;border-bottom:1px solid var(--line-2)}
.fb26-drawer-head .fb26-drawer-logo img{height:26px;width:auto;display:block}
.fb26-drawer-x{width:44px;height:44px;flex:none;margin-right:-6px;display:flex;align-items:center;justify-content:center;border-radius:50%;border:1px solid var(--line);background:#fff;color:var(--ink);line-height:1;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:background .2s ease,border-color .2s ease,transform .2s ease}
.fb26-drawer-x:hover{background:var(--paper);border-color:var(--brown);color:var(--brown)}
.fb26-drawer-x:active{transform:scale(.94)}
.fb26-drawer-x svg{width:18px;height:18px;display:block}
.fb26-drawer-body{display:flex;flex-direction:column;flex:1 1 auto;min-height:0;padding:clamp(1.4rem,4vh,2rem) clamp(1.4rem,6vw,2rem) clamp(1.6rem,4vh,2.2rem)}
.fb26-drawer-nav{display:flex;flex-direction:column}
.fb26-drawer-nav a{font-size:1.5rem;font-weight:600;letter-spacing:-.02em;color:var(--ink);text-decoration:none;padding:.78rem 0;border-bottom:1px solid var(--line-2);transition:color .15s ease}
.fb26-drawer-nav a:last-child{border-bottom:0}
.fb26-drawer-nav a:hover{color:var(--brown)}
.fb26-drawer-foot{margin-top:auto;padding-top:1.6rem}
.fb26-drawer-foot .fb26-drawer-cta{width:100%;justify-content:center}
.fb26-drawer-tel{margin-top:1rem;display:flex;align-items:center;justify-content:center;gap:.55rem;padding:.85rem 1.3rem;border:1.5px solid rgba(101,87,78,.4);border-radius:100px;font-weight:600;font-size:1rem;color:var(--brown);text-decoration:none;transition:background .2s,border-color .2s,transform .15s}
.fb26-drawer-tel svg{width:16px;height:16px;flex:none}
.fb26-drawer-tel:hover{background:rgba(101,87,78,.07);border-color:var(--brown)}
.fb26-drawer-tel:active{transform:translateY(1px)}
@media(prefers-reduced-motion:reduce){.fb26-drawer,.fb26-drawer-panel,.fb26-hd .hd-burger span{transition:none!important}}

/* ===================== FOOTER ===================== */
.fb26-foot{--brass:#A8865F;background:var(--ink);color:#E7E0D7;position:relative}
.fb26-root .fb26-foot{padding-top:clamp(3.4rem,6vw,5.4rem);padding-bottom:clamp(1.8rem,3vw,2.6rem)}
.fb26-foot::before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(168,134,95,.7) 20%,rgba(168,134,95,.7) 80%,transparent)}
.fb26-foot .wrap{position:relative}
.fb26-foot .foot-signoff{display:grid;grid-template-columns:1.5fr auto;gap:clamp(1.6rem,4vw,3rem);align-items:end;padding-bottom:clamp(2.4rem,4vw,3.2rem)}
.fb26-foot .kicker{color:var(--brass)}
.fb26-foot .kicker::before{background:var(--brass);opacity:.85}
.fb26-foot .foot-sign{font-family:Cardo,"Iowan Old Style",Georgia,serif;font-size:clamp(1.8rem,3.2vw,2.7rem);font-weight:400;line-height:1.12;letter-spacing:-.012em;color:#fff;margin:.3rem 0 0;max-width:18ch;text-wrap:balance}
.fb26-foot .foot-act{display:flex;flex-direction:column;align-items:flex-start;gap:1rem}
.fb26-foot .foot-cta{background:transparent;color:#fff;border:1.5px solid var(--dline);box-shadow:none;white-space:nowrap}
.fb26-foot .foot-cta:hover{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.45);transform:translateY(-2px)}
.fb26-foot .foot-cta svg{transition:transform .35s var(--ease)}
.fb26-foot .foot-cta:hover svg{transform:translateX(3px)}
.fb26-foot .foot-rule{border:0;height:1px;background:var(--dline);margin:0}
.fb26-foot .foot-cols{display:grid;grid-template-columns:1.6fr 1fr 1.1fr;gap:clamp(2rem,3.4vw,3.6rem);align-items:start;padding:clamp(2.4rem,4vw,3.2rem) 0}
.fb26-foot .foot-logo{height:30px;width:auto;display:block;margin-bottom:1.1rem}
.fb26-foot .foot-brandline{font-family:Cardo,"Iowan Old Style",Georgia,serif;font-style:italic;font-size:1.18rem;line-height:1.3;color:#EDE7DF;margin:0 0 1.4rem;max-width:24ch}
.fb26-foot .foot-nap{font-style:normal;display:flex;flex-direction:column;gap:.7rem;margin:0}
.fb26-foot .foot-nap a,.fb26-foot .foot-nap .nap-addr{display:inline-flex;align-items:center;gap:.6rem;text-decoration:none;color:#D8D1C9;font-size:.95rem;font-weight:500;line-height:1.3}
.fb26-foot .foot-nap .nap-addr{color:rgba(216,209,201,.7);font-weight:400}
.fb26-foot .foot-nap svg{width:16px;height:16px;color:var(--brass);flex:none}
.fb26-foot .foot-nap a{transition:color .2s}
.fb26-foot .foot-nap a:hover{color:#fff}
.fb26-foot .col-head{font-size:.72rem;letter-spacing:.2em;text-transform:uppercase;font-weight:600;color:var(--brass);margin:0 0 1.1rem;display:flex;align-items:center;gap:.55rem}
.fb26-foot .col-head::before{content:"";width:22px;height:1px;background:var(--brass);opacity:.8;flex:none}
.fb26-foot .foot-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.7rem}
.fb26-foot .foot-link{position:relative;text-decoration:none;color:#D8D1C9;font-size:.95rem;font-weight:500;line-height:1.3;display:inline-block;padding-bottom:2px;transition:color .2s ease}
.fb26-foot .foot-link::after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:var(--brass);transform:scaleX(0);transform-origin:left;transition:transform .4s var(--ease)}
.fb26-foot .foot-link:hover{color:#fff}
.fb26-foot .foot-link:hover::after{transform:scaleX(1)}
.fb26-foot .foot-base{display:flex;align-items:center;justify-content:space-between;gap:1.4rem 2rem;flex-wrap:wrap;padding-top:clamp(1.6rem,3vw,2.2rem)}
.fb26-foot .foot-legal{display:flex;align-items:center;gap:.5rem 1.1rem;flex-wrap:wrap;font-size:.84rem;color:rgba(216,209,201,.62)}
.fb26-foot .foot-legal a{color:rgba(216,209,201,.62);text-decoration:none;transition:color .2s}
.fb26-foot .foot-legal a:hover{color:#fff}
.fb26-foot .foot-legal .sep{opacity:.45}
.fb26-foot .foot-badges{display:flex;align-items:center;gap:1.1rem;flex-wrap:wrap}
.fb26-foot .foot-badges .bdg{display:inline-flex;align-items:center;gap:.5rem;text-decoration:none;color:rgba(216,209,201,.7);font-size:.82rem;font-weight:500}
.fb26-foot .foot-badges img{height:26px;width:auto;display:block;opacity:.85;filter:brightness(0) invert(1);transition:opacity .2s}
.fb26-foot .foot-badges a.bdg:hover img{opacity:1}
.fb26-foot .foot-badges .stars{color:var(--brass);letter-spacing:.04em;font-size:.95rem}
.fb26-foot .foot-badges .rate b{color:#EDE7DF;font-weight:600}
.fb26-foot a:focus-visible{outline:2px solid var(--brass);outline-offset:3px;border-radius:3px}
.fb26-foot .foot-cta:focus-visible{outline-offset:4px}
@media(max-width:860px){.fb26-foot .foot-signoff{grid-template-columns:1fr;align-items:start;gap:1.6rem}.fb26-foot .foot-act{width:100%}.fb26-foot .foot-signoff .foot-cta{width:100%;justify-content:center}.fb26-foot .foot-cols{grid-template-columns:repeat(2,1fr);gap:2.2rem 1.8rem}.fb26-foot .foot-brand{grid-column:1 / -1}.fb26-foot .foot-base{flex-direction:column;align-items:flex-start;gap:1.2rem}}
@media(max-width:520px){.fb26-foot .foot-cols{grid-template-columns:1fr;gap:2.2rem}.fb26-foot .foot-badges{gap:.9rem 1.1rem}.fb26-foot .foot-link,.fb26-foot .foot-nap a,.fb26-foot .foot-legal a{min-height:44px;display:inline-flex;align-items:center}}
@media(max-width:380px){.fb26-foot .foot-signoff .foot-cta{padding:.85rem 1.2rem;font-size:.9rem}}
@media(prefers-reduced-motion:reduce){.fb26-foot .foot-cta,.fb26-foot .foot-cta svg,.fb26-foot .foot-link::after{transition:none}}

/* ===================== REVEAL SYSTEM ===================== */
/* Pure CSS scroll-driven reveal. No JS. No fallback where unsupported
   (elements stay visible). Reduced-motion safe (rule is gated). */
@media(prefers-reduced-motion:no-preference){
  @supports (animation-timeline:view()){
    .fb26-rv{animation:fbrise linear both;animation-timeline:view();animation-range:entry 0% cover 22%}
    @keyframes fbrise{from{opacity:0;transform:translateY(28px)}to{opacity:1;transform:none}}
  }
}
@media(prefers-reduced-motion:no-preference) and (max-width:860px){
  @supports (animation-timeline:view()){
    .fb26-rv{animation-range:entry 0% entry 55%}
    .fb26-proc .fb26-rv{animation-range:entry 0% entry 45%}
  }
}

/* ===================== FOCUS ===================== */
.fb26-root :focus-visible{outline:2px solid var(--brown);outline-offset:2px;border-radius:2px}
/* on dark sections, use white focus ring */
.fb26-root .on-dark :focus-visible{outline-color:#fff}

/* ===================== REUSABLE CARDS / PRIMITIVES ===================== */
/* Testimonial / quote card */
.fb26-q{background:var(--paper);border:1px solid var(--line);border-radius:var(--r);padding:1.7rem 1.6rem;height:100%;margin:0;box-shadow:0 1px 2px rgba(26,21,20,.05);transition:transform .45s var(--ease),box-shadow .45s ease}
.fb26-q:hover{transform:translateY(-3px);box-shadow:0 18px 42px rgba(26,21,20,.11)}
.fb26-q.feat{background:var(--brown);border-color:var(--brown);box-shadow:0 22px 50px rgba(26,21,20,.18)}
.fb26-q.feat:hover{box-shadow:0 30px 60px rgba(26,21,20,.22)}
.fb26-q .mark{font-family:Cardo,Georgia,serif;font-size:2.6rem;line-height:.5;color:var(--brown);opacity:.32;display:block;height:1rem}
.fb26-q.feat .mark{color:#fff;opacity:.45}
.fb26-q p{margin:1rem 0 0;font-size:1.02rem;line-height:1.5;color:var(--ink)}
.fb26-q.feat p{color:#fff;font-size:1.12rem}
.fb26-q .who{margin:1.3rem 0 0;font-weight:650;font-size:.92rem;color:var(--ink);display:block}
.fb26-q.feat .who{color:#fff}
.fb26-q .who span{font-weight:400;color:var(--muted-2);white-space:nowrap}
.fb26-q.feat .who span{color:rgba(255,255,255,.7)}

/* FAQ accordion (native <details>) */
.fb26-acc details{border-bottom:1px solid var(--line);padding:1.15rem .2rem}
.fb26-acc details:first-child{border-top:1px solid var(--line)}
.fb26-acc summary{list-style:none;cursor:pointer;font-weight:600;font-size:1.1rem;color:var(--ink);position:relative;padding-right:2.2rem;line-height:1.35;display:flex;align-items:center;min-height:44px}
.fb26-acc summary::-webkit-details-marker{display:none}
.fb26-acc summary:after{content:"";position:absolute;right:.3rem;top:.35rem;width:11px;height:11px;border-right:2px solid var(--brown);border-bottom:2px solid var(--brown);transform:rotate(45deg);transition:transform .25s}
.fb26-acc details[open] summary{color:var(--brown)}
.fb26-acc details[open] summary:after{transform:rotate(225deg)}
.fb26-acc p{margin:.85rem 0 0;color:var(--body);font-size:1rem;line-height:1.62;max-width:62ch}

/* Area / tag pills (geo) */
.fb26-root .area{background:#fff;border:1px solid var(--line);border-radius:100px;padding:.55rem 1.15rem;font-weight:500;font-size:.96rem;color:var(--ink);text-decoration:none;transition:border-color .2s,transform .2s;display:inline-flex}
.fb26-root span.area{cursor:default}
.fb26-root a.area:hover{border-color:var(--brown);transform:translateY(-2px)}
.fb26-root a.inl{color:var(--brown);font-weight:600;text-decoration:underline;text-underline-offset:3px;text-decoration-color:rgba(101,87,78,.4)}
.fb26-root a.inl:hover{text-decoration-color:var(--brown)}

/* ===================== SECTION SHELLS (family sections) ===================== */
/* Trust band. Base variant is its own strip; the hero-bottom
   .fb-trust-overlay variant (below) floats over the bottom of the hero. */
.fb26-trust{background:var(--sand);border-bottom:1px solid var(--line-2)}
.fb26-trust .row{display:flex;align-items:center;justify-content:space-between;gap:1.4rem;flex-wrap:wrap;padding:1.4rem 0}
.fb26-trust .ti{display:flex;align-items:center;gap:.7rem;min-height:42px}
.fb26-trust .ti + .ti{border-left:1px solid var(--line);padding-left:1.4rem}
.fb26-trust .ti img{height:34px;width:auto;display:block}
.fb26-trust .ti .bg{height:42px}
.fb26-trust .ti .di{height:42px}
.fb26-trust .ti .tt{line-height:1.2}
.fb26-trust .ti .tt b{display:block;font-size:1.02rem;font-weight:650;letter-spacing:-.01em;color:var(--ink)}
.fb26-trust .ti .tt span{display:block;font-size:.8rem;color:var(--muted-2)}
.fb26-trust .stars{color:var(--brown);font-size:1.05rem;letter-spacing:.04em}
.fb26-trust .tlink{display:inline-flex;line-height:0;text-decoration:none}
@media(max-width:900px){.fb26-trust .row{justify-content:flex-start;gap:1rem 1.3rem}.fb26-trust .ti{flex:0 0 auto}.fb26-trust .ti+.ti{border-left:0;padding-left:0}}
@media(max-width:767px){
  .fb26-root .fb26-trust .row{display:grid;grid-template-columns:1fr 1fr;gap:1.1rem 1.4rem;padding:1.5rem 0;justify-content:stretch;align-items:center}
  .fb26-root .fb26-trust .ti{min-height:44px;justify-content:flex-start}
  .fb26-root .fb26-trust .ti img{height:32px}
  .fb26-root .fb26-trust .ti .bg{height:38px}
  .fb26-root .fb26-trust .ti .di{height:36px}
}
@media(max-width:520px){
  .fb26-root .fb26-trust .row{gap:1rem 1rem}
  .fb26-root .fb26-trust .ti .tt b{font-size:.92rem}
  .fb26-root .fb26-trust .ti .tt span{font-size:.72rem}
  .fb26-root .fb26-trust .ti img{height:28px}
  .fb26-root .fb26-trust .ti .bg,.fb26-root .fb26-trust .ti .di{height:34px}
}
/* hero-bottom overlay variant (from 5072's #fb-claude-2026 layer). The
   pointer-events:none on the scrim + a{pointer-events:auto} pair is a
   hard-won mobile bugfix: the overlay must not eat taps, but the links
   inside it must stay tappable. Keep BOTH rules. Values verbatim. */
.fb26-trust.fb-trust-overlay{position:absolute !important;left:0;right:0;bottom:0;z-index:6;background:linear-gradient(to top,rgba(14,10,9,.60) 0%,rgba(14,10,9,.30) 55%,rgba(14,10,9,0) 100%) !important;border-top:none !important;padding:110px 0 22px !important}
.fb26-trust.fb-trust-overlay .wrap{padding-top:0 !important;padding-bottom:0 !important}
.fb26-trust.fb-trust-overlay .tt b{color:#fff !important}
.fb26-trust.fb-trust-overlay .tt span{color:#fff !important;opacity:.82}
.fb26-trust.fb-trust-overlay img{filter:brightness(0) invert(1) !important;opacity:.96}
.fb26-trust.fb-trust-overlay{pointer-events:none !important}
.fb26-trust.fb-trust-overlay a{pointer-events:auto !important}
@media(max-width:600px){.fb26-trust.fb-trust-overlay{padding-top:140px !important}}
@media(max-width:520px){.fb26-trust.fb-trust-overlay{padding-top:120px !important}}

/* Testimonials (grid + head; pair with .fb26-q cards below) */
.fb26-tst .head{display:flex;align-items:center;justify-content:space-between;gap:1.4rem;flex-wrap:wrap;margin-bottom:clamp(1.8rem,3vw,2.6rem)}
.fb26-tst .tp{display:flex;align-items:center;gap:.7rem;font-size:.95rem;color:var(--body)}
.fb26-tst .tp .stars{color:#1A8554;font-size:1.1rem;letter-spacing:.05em}
.fb26-tst .tp b{color:var(--ink)}
.fb26-tgrid{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:clamp(1rem,1.6vw,1.4rem);align-items:start}
@media(max-width:860px){.fb26-tgrid{grid-template-columns:1fr}}
/* mobile 4,3-star partial fill (width:86% = rating 4.3/5 — PER-PAGE if rating changes) */
@media(max-width:767px){
  .fb26-root .fb26-tst .tp .stars{position:relative;display:inline-block;color:rgba(26,21,20,.22)}
  .fb26-root .fb26-tst .tp .stars::before{content:"★★★★★";position:absolute;left:0;top:0;width:86%;overflow:hidden;white-space:nowrap;color:#1A8554;letter-spacing:.05em;pointer-events:none}
}

/* FAQ section shell (accordion primitives in .fb26-acc below) */
.fb26-faq{background:var(--paper)}
.fb26-faq .split{display:grid;grid-template-columns:0.7fr 1.3fr;gap:clamp(1.6rem,4vw,3.5rem);align-items:start}
.fb26-faq .intro{position:sticky;top:96px;align-self:start}
.fb26-faq .intro p{margin-top:.9rem}
@media(max-width:860px){.fb26-faq .split{grid-template-columns:1fr;gap:1.6rem}.fb26-faq .intro{position:static}}
/* generic sticky-intro utility (same values 5072 uses on proc/faq intros) */
.fb26-root .sticky-intro{position:sticky;top:96px;align-self:start}
@media(max-width:860px){.fb26-root .sticky-intro{position:static}}

/* Geo / areas section */
.fb26-geo{background:var(--base2)}
.fb26-geo .split{display:grid;grid-template-columns:1fr 1fr;gap:clamp(2rem,5vw,4rem);align-items:center}
.fb26-geo .areas{display:flex;flex-wrap:wrap;gap:.6rem}
@media(max-width:860px){.fb26-geo .split{grid-template-columns:1fr;gap:1.6rem}}

/* Close CTA (brown full-bleed) */
.fb26-close{background:var(--brown);color:#fff;text-align:center}
.fb26-close img{height:46px;width:auto;margin:0 auto 1.4rem;display:block}
.fb26-close h2{color:#fff;font-size:clamp(2.2rem,4.2vw,3.5rem);max-width:18ch;margin:0 auto;font-weight:400;line-height:1.08}
.fb26-close p{color:#EFE9E2;font-size:1.14rem;margin:1rem auto 0;max-width:46ch;line-height:1.5}
.fb26-close .cta-row{display:flex;justify-content:center;flex-wrap:wrap;gap:.8rem;margin-top:2rem}

/* Outro (SEO paragraph) */
.fb26-outro{background:var(--paper);margin-bottom:0!important}
.fb26-outro p{max-width:78ch;margin:0 auto;font-size:.96rem;line-height:1.75;color:var(--muted-2);text-align:center}

/* per-section white focus rings on dark (live rule, verbatim) */
.fb26-mat :focus-visible,.fb26-founder :focus-visible,.fb26-close :focus-visible{outline-color:#fff}

/* ===================== LEAD / KONTAKT SECTION + CF7 FORM ===================== */
/* PER-PAGE parameters in this block:
   - .fb26-lead::before background image URL (forside uses the apartment photo below)
   - the star-rating / copy inside the markup
   Everything else is the shared family look. CF7 rules use !important
   because the plugin owns its markup — necessary, keep as-is. */
.fb26-lead{position:relative;background:var(--sand);isolation:isolate}
.fb26-root .fb26-lead{padding-top:clamp(5.5rem,8.9vw,8.6rem);padding-bottom:clamp(5.5rem,8.9vw,8.6rem)}
.fb26-lead::before{content:"";position:absolute;inset:0;z-index:0;background:linear-gradient(90deg,rgba(32,23,18,.84),rgba(34,25,19,.66) 45%,rgba(36,27,20,.5)),url("https://fokusbad.dk/wp-content/uploads/2024/04/lejlighedskompleks_kbh_slim-min.jpg?v=3") center/cover no-repeat}
.fb26-lead .wrap{position:relative;z-index:1}
.fb26-lead .resv .kicker{color:#CDBFB2}
.fb26-lead .resv .kicker::before{background:#CDBFB2}
.fb26-lead .resv .h2{color:#fff}
.fb26-lead .resv .lead{color:rgba(245,242,237,.88)}
.fb26-lead .resv .nx{color:rgba(245,242,237,.92)}
.fb26-lead .resv .nx svg{color:#CDBFB2}
.fb26-lead .resv .contact{border-top-color:rgba(255,255,255,.22)}
.fb26-lead .resv .contact a{color:#fff}
.fb26-lead .resv .contact a svg{color:#CDBFB2}
.fb26-lead .resv .contact .addr{color:rgba(245,242,237,.82);flex-basis:100%;margin-top:.1rem}
.fb26-lead .resv .contact .addr svg{color:#CDBFB2}
.fb26-lead .resv .contact .fb26-cal-open{background:rgba(205,191,178,.12);border:1px solid rgba(205,191,178,.5);border-radius:100px;padding:.66rem 1.2rem;color:#F5F2ED;transition:background .2s,border-color .2s,transform .2s,box-shadow .2s}
.fb26-lead .resv .contact .fb26-cal-open:hover{background:#CDBFB2;border-color:#CDBFB2;color:#1A1514;transform:translateY(-2px);box-shadow:0 10px 26px rgba(0,0,0,.32)}
.fb26-lead .resv .contact .fb26-cal-open:hover svg{color:#1A1514}
.fb26-lead .split{display:grid;grid-template-columns:0.92fr 1.08fr;gap:clamp(2rem,4.5vw,4rem);align-items:start}
.fb26-lead .resv .h2{margin-top:.4rem}
.fb26-lead .resv .lead{margin-top:1rem}
.fb26-lead .nexts{margin:1.8rem 0 0;display:flex;flex-direction:column;gap:.9rem}
.fb26-lead .nx{display:flex;gap:.8rem;align-items:flex-start;font-size:.98rem;color:var(--body)}
.fb26-lead .nx svg{width:21px;height:21px;color:var(--brown);flex:none;margin-top:1px}
.fb26-lead .contact{margin-top:1.9rem;padding-top:1.6rem;border-top:1px solid var(--line);display:flex;flex-wrap:wrap;gap:1rem 1.6rem;align-items:center}
.fb26-lead .contact a{font-weight:600;color:var(--brown);text-decoration:none;display:inline-flex;align-items:center;gap:.5rem}
.fb26-lead .contact a svg{width:17px;height:17px}
.fb26-lead .contact .addr{display:inline-flex;align-items:center;gap:.5rem;color:var(--muted-2);font-size:.95rem}
.fb26-lead .contact .addr svg{width:17px;height:17px;color:var(--brown);flex:none}
.fb26-lead .formcard{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:clamp(1.5rem,2.5vw,2.2rem);box-shadow:0 30px 64px rgba(26,21,20,.18)}
.fb26-lead .formcard .ft{font-weight:650;font-size:1.1rem;margin:0 0 .3rem}
.fb26-lead .formcard .fs{font-size:.92rem;color:var(--muted-2);margin:0 0 1.2rem}
@media(max-width:860px){.fb26-lead .split{grid-template-columns:1fr;gap:1.8rem}}
@media(max-width:360px){.fb26-root .fb26-lead .contact a{font-size:.92rem;gap:.4rem}}

/* --- CF7 skin (locals) --- */
.fb26-root .fb26-lead .fbcf7{
  --fb-ease:cubic-bezier(.32,.72,0,1);
  --fb-ring:rgba(101,87,78,.13);
  --fb-glow:rgba(101,87,78,.12);
  --fb-brass:#A8865F;
  --fb-err:#B4524A;
  --fb-radius:11px;
  --fb-gap:18px;
}
/* strip CF7's own chrome */
.fb26-root .fb26-lead .fbcf7,
.fb26-root .fb26-lead .fbcf7 .wpcf7,
.fb26-root .fb26-lead .wpcf7,
.fb26-root .fb26-lead .wpcf7 form,
.fb26-root .fb26-lead form.wpcf7-form{
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  padding:0 !important;
  margin:0 !important;
  border-radius:0 !important;
  max-width:none !important;
}
.fb26-root .fb26-lead .fbcf7 br{ display:none !important; }
.fb26-root .fb26-lead .screen-reader-response{
  position:absolute !important; width:1px !important; height:1px !important;
  overflow:hidden !important; clip:rect(0 0 0 0) !important;
  white-space:nowrap !important; border:0 !important; padding:0 !important;
  margin:-1px !important;
}
.fb26-root .fb26-lead .fbcf7{
  display:flex;
  flex-direction:column;
  gap:var(--fb-gap);
  font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  color:var(--body,#4B423B);
}
.fb26-root .fb26-lead .fbcf7 .fbcf7-row{
  position:relative;
  margin:0 !important;
  padding:0 !important;
  display:flex;
  flex-direction:column;
  gap:7px;
}
.fb26-root .fb26-lead .fbcf7-grid2{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:14px;
  margin:0 !important;
}
.fb26-root .fb26-lead .fbcf7-grid2 .fbcf7-row{ gap:7px; }
.fb26-root .fb26-lead .fbcf7 .wpcf7-form-control-wrap{
  display:block !important;
  width:100% !important;
  position:relative;
  margin:0 !important;
  padding:0 !important;
}
.fb26-root .fb26-lead .fbcf7 .fbcf7-row > label{
  display:block;
  font-size:11px;
  font-weight:600;
  letter-spacing:.085em;
  text-transform:uppercase;
  color:var(--brown,#65574E);
  line-height:1.2;
  margin:0;
  transition:color .26s var(--fb-ease), transform .26s var(--fb-ease);
}
.fb26-root .fb26-lead .fbcf7 .fbcf7-opt{
  text-transform:none;
  letter-spacing:0;
  font-weight:400;
  font-size:11px;
  color:var(--muted,#958D86);
  margin-left:.45em;
}
.fb26-root .fb26-lead .fbcf7 .fbcf7-row:focus-within > label{
  color:var(--brown-d,#52473F);
  transform:translateY(-1px);
}
.fb26-root .fb26-lead .fbcf7 input.wpcf7-form-control[type="text"],
.fb26-root .fb26-lead .fbcf7 input.wpcf7-form-control[type="tel"],
.fb26-root .fb26-lead .fbcf7 input.wpcf7-form-control[type="email"],
.fb26-root .fb26-lead .fbcf7 input[type="text"],
.fb26-root .fb26-lead .fbcf7 input[type="tel"],
.fb26-root .fb26-lead .fbcf7 input[type="email"],
.fb26-root .fb26-lead .fbcf7 textarea.wpcf7-form-control,
.fb26-root .fb26-lead .fbcf7 textarea{
  -webkit-appearance:none !important;
  appearance:none !important;
  box-sizing:border-box !important;
  display:block !important;
  width:100% !important;
  max-width:100% !important;
  margin:0 !important;
  background:var(--paper,#F5F2ED) !important;
  border:1px solid var(--line,rgba(26,21,20,.13)) !important;
  border-radius:var(--fb-radius) !important;
  padding:0 15px !important;
  height:50px !important;
  font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif !important;
  font-size:16px !important;          /* prevents iOS zoom */
  line-height:1.4 !important;
  color:var(--ink,#1A1514) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.6),
             inset 0 -1px 2px rgba(26,21,20,.025) !important;
  transition:border-color .24s var(--fb-ease),
             box-shadow .24s var(--fb-ease),
             background-color .24s var(--fb-ease) !important;
  outline:none !important;
}
.fb26-root .fb26-lead .fbcf7 textarea.wpcf7-form-control,
.fb26-root .fb26-lead .fbcf7 textarea{
  height:auto !important;
  min-height:118px !important;
  padding:13px 15px !important;
  resize:vertical !important;
  line-height:1.55 !important;
}
.fb26-root .fb26-lead .fbcf7 input.wpcf7-form-control::placeholder,
.fb26-root .fb26-lead .fbcf7 textarea.wpcf7-form-control::placeholder,
.fb26-root .fb26-lead .fbcf7 input::placeholder,
.fb26-root .fb26-lead .fbcf7 textarea::placeholder{
  color:var(--muted,#958D86) !important;
  opacity:1 !important;
}
.fb26-root .fb26-lead .fbcf7 input.wpcf7-form-control:hover,
.fb26-root .fb26-lead .fbcf7 textarea.wpcf7-form-control:hover{
  border-color:rgba(26,21,20,.22) !important;
}
.fb26-root .fb26-lead .fbcf7 input.wpcf7-form-control:focus,
.fb26-root .fb26-lead .fbcf7 textarea.wpcf7-form-control:focus,
.fb26-root .fb26-lead .fbcf7 input[type="text"]:focus,
.fb26-root .fb26-lead .fbcf7 input[type="tel"]:focus,
.fb26-root .fb26-lead .fbcf7 input[type="email"]:focus,
.fb26-root .fb26-lead .fbcf7 textarea:focus{
  background:#fff !important;
  border-color:var(--brown,#65574E) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.7),
             0 0 0 4px var(--fb-glow) !important;
}
.fb26-root .fb26-lead .fbcf7 input:-webkit-autofill,
.fb26-root .fb26-lead .fbcf7 input:-webkit-autofill:focus{
  -webkit-text-fill-color:var(--ink,#1A1514) !important;
  -webkit-box-shadow:inset 0 0 0 100px #fff,
                     inset 0 1px 0 rgba(255,255,255,.7) !important;
  caret-color:var(--ink,#1A1514);
  transition:background-color 9999s ease 0s;
}
/* consent checkbox */
.fb26-root .fb26-lead .fbcf7 .fbcf7-consent{
  flex-direction:row;
  margin:2px 0 0 !important;
  padding:0 !important;
}
.fb26-root .fb26-lead .fbcf7 .fbcf7-consent .wpcf7-form-control-wrap{ width:auto !important; }
.fb26-root .fb26-lead .fbcf7 .fbcf7-consent .wpcf7-acceptance,
.fb26-root .fb26-lead .fbcf7 .fbcf7-consent .wpcf7-list-item{
  display:block !important;
  margin:0 !important;
}
.fb26-root .fb26-lead .fbcf7 .fbcf7-consent .wpcf7-list-item label{
  display:flex !important;
  align-items:center;
  gap:11px;
  margin:0 !important;
  padding:0 !important;
  cursor:pointer;
  font-size:13.5px;
  line-height:1.5;
  color:var(--body,#4B423B);
  font-weight:400;
  text-transform:none;
  letter-spacing:0;
}
.fb26-root .fb26-lead .fbcf7 .wpcf7-acceptance input[type="checkbox"]{
  -webkit-appearance:none !important;
  appearance:none !important;
  box-sizing:border-box !important;
  display:block !important;
  flex:0 0 auto !important;
  width:22px !important;
  height:22px !important;
  min-width:22px !important;
  max-width:22px !important;
  margin:0 !important;
  padding:0 !important;
  border:1.5px solid var(--line,rgba(26,21,20,.13)) !important;
  border-radius:7px !important;
  background:var(--paper,#F5F2ED) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.6),
             inset 0 -1px 2px rgba(26,21,20,.04) !important;
  cursor:pointer;
  position:relative;
  transition:background-color .22s var(--fb-ease),
             border-color .22s var(--fb-ease),
             box-shadow .22s var(--fb-ease) !important;
}
.fb26-root .fb26-lead .fbcf7 .wpcf7-acceptance input[type="checkbox"]:hover{
  border-color:rgba(101,87,78,.55) !important;
}
.fb26-root .fb26-lead .fbcf7 .wpcf7-acceptance input[type="checkbox"]::after{
  content:"";
  position:absolute;
  left:50%;
  top:50%;
  width:5px;
  height:9.5px;
  border:solid #fff;
  border-width:0 2.1px 2.1px 0;
  border-radius:0 0 1px 0;
  transform:translate(-50%,-58%) rotate(45deg) scale(.3);
  transform-origin:center;
  opacity:0;
  transition:transform .24s cubic-bezier(.34,1.56,.64,1), opacity .14s ease;
}
.fb26-root .fb26-lead .fbcf7 .wpcf7-acceptance input[type="checkbox"]:checked{
  background:var(--brown,#65574E) !important;
  border-color:var(--brown,#65574E) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.18),
             0 1px 2px rgba(26,21,20,.18) !important;
}
.fb26-root .fb26-lead .fbcf7 .wpcf7-acceptance input[type="checkbox"]:checked::after{
  transform:translate(-50%,-58%) rotate(45deg) scale(1);
  opacity:1;
}
.fb26-root .fb26-lead .fbcf7 .wpcf7-acceptance input[type="checkbox"]:focus-visible{
  outline:none !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.6),
             0 0 0 4px rgba(101,87,78,.16) !important;
  border-color:var(--brown,#65574E) !important;
}
.fb26-root .fb26-lead .fbcf7 .wpcf7-acceptance input[type="checkbox"]:checked:focus-visible{
  box-shadow:inset 0 1px 0 rgba(255,255,255,.18),
             0 0 0 4px rgba(101,87,78,.18) !important;
}
.fb26-root .fb26-lead .fbcf7 .wpcf7-list-item-label a{
  color:var(--brown-d,#52473F);
  text-decoration:underline;
  text-underline-offset:2px;
  text-decoration-thickness:1px;
  transition:color .2s ease;
}
.fb26-root .fb26-lead .fbcf7 .wpcf7-list-item-label a:hover{ color:var(--ink,#1A1514); }
/* submit */
.fb26-root .fb26-lead .fbcf7 .fbcf7-submit{
  position:relative;
  margin:4px 0 0 !important;
  padding:0 !important;
  display:block;
}
.fb26-root .fb26-lead .fbcf7 input.wpcf7-submit,
.fb26-root .fb26-lead .fbcf7 input[type="submit"]{
  -webkit-appearance:none !important;
  appearance:none !important;
  box-sizing:border-box !important;
  display:block !important;
  width:100% !important;
  margin:0 !important;
  border:0 !important;
  cursor:pointer;
  background:var(--brown,#65574E) !important;
  color:#fff !important;
  font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif !important;
  font-size:15.5px !important;
  font-weight:600 !important;
  letter-spacing:.01em !important;
  height:58px !important;
  line-height:58px !important;
  padding:0 28px !important;
  text-align:center !important;
  border-radius:100px !important;
  box-shadow:0 1px 2px rgba(26,21,20,.18),
             0 8px 22px -10px rgba(101,87,78,.5) !important;
  transition:background-color .3s var(--fb-ease),
             transform .3s var(--fb-ease),
             box-shadow .3s var(--fb-ease) !important;
}
.fb26-root .fb26-lead .fbcf7 .fbcf7-submit:hover input.wpcf7-submit{
  background:var(--brown-d,#52473F) !important;
  box-shadow:0 2px 4px rgba(26,21,20,.18),
             0 16px 30px -12px rgba(82,71,63,.55) !important;
}
.fb26-root .fb26-lead .fbcf7 .fbcf7-submit:active input.wpcf7-submit{
  transform:scale(.985);
  box-shadow:0 1px 2px rgba(26,21,20,.2),
             0 6px 16px -10px rgba(82,71,63,.5) !important;
}
.fb26-root .fb26-lead .fbcf7 input.wpcf7-submit:focus-visible,
.fb26-root .fb26-lead .fbcf7 input[type="submit"]:focus-visible{
  outline:none !important;
  box-shadow:0 0 0 4px rgba(101,87,78,.22),
             0 8px 22px -10px rgba(101,87,78,.5) !important;
}
.fb26-root .fb26-lead .fbcf7 input.wpcf7-submit:disabled{
  opacity:1; cursor:pointer;
}
/* validation */
.fb26-root .fb26-lead .fbcf7 input.wpcf7-form-control.wpcf7-not-valid[type],
.fb26-root .fb26-lead .fbcf7 textarea.wpcf7-form-control.wpcf7-not-valid{
  border:1px solid var(--fb-err) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.6),
             0 0 0 4px rgba(180,82,74,.12) !important;
}
.fb26-root .fb26-lead .fbcf7 .wpcf7-acceptance input.wpcf7-not-valid[type="checkbox"]{
  border-color:var(--fb-err) !important;
  box-shadow:0 0 0 4px rgba(180,82,74,.12) !important;
}
.fb26-root .fb26-lead .fbcf7 .wpcf7-not-valid-tip{
  display:block;
  margin-top:6px;
  font-size:12px;
  font-weight:500;
  letter-spacing:0;
  text-transform:none;
  color:var(--fb-err);
}
.fb26-root .fb26-lead .fbcf7 .wpcf7-response-output,
.fb26-root .fb26-lead .wpcf7 .wpcf7-response-output{
  margin:14px 0 0 !important;
  padding:12px 16px !important;
  border:1px solid var(--line,rgba(26,21,20,.13)) !important;
  border-radius:12px !important;
  background:var(--sand,#E7E3DC) !important;
  color:var(--ink,#1A1514) !important;
  font-size:13.5px !important;
  line-height:1.5 !important;
  font-weight:500;
  display:none !important;
}
.fb26-root .fb26-lead .wpcf7 form.invalid .wpcf7-response-output,
.fb26-root .fb26-lead .wpcf7 form.unaccepted .wpcf7-response-output,
.fb26-root .fb26-lead .wpcf7 form.spam .wpcf7-response-output,
.fb26-root .fb26-lead .wpcf7 form.failed .wpcf7-response-output,
.fb26-root .fb26-lead .wpcf7 form.aborted .wpcf7-response-output,
.fb26-root .fb26-lead .wpcf7 form.payment-required .wpcf7-response-output{
  display:block !important;
  background:rgba(180,82,74,.08) !important;
  border-color:rgba(180,82,74,.3) !important;
  color:#8a3b35 !important;
}
.fb26-root .fb26-lead .wpcf7 form.sent .wpcf7-response-output{
  display:block !important;
  background:rgba(101,87,78,.08) !important;
  border-color:rgba(101,87,78,.3) !important;
  color:var(--brown-d,#52473F) !important;
}
.fb26-root .fb26-lead .fbcf7 .wpcf7-spinner{
  width:20px !important; height:20px !important;
  margin:14px auto 0 !important;
  display:block;
  background:transparent !important;
  border:2px solid rgba(101,87,78,.2) !important;
  border-top-color:var(--brown,#65574E) !important;
  border-radius:100px !important;
}
.fb26-root .fb26-lead .fbcf7 .wpcf7-spinner::before{ display:none !important; }
/* rise-in + spinner motion */
@media (prefers-reduced-motion: no-preference){
  .fb26-root .fb26-lead .fbcf7 .fbcf7-submit:hover input.wpcf7-submit{
    transform:translateY(-2px);
  }
  .fb26-root .fb26-lead .fbcf7-grid2,
  .fb26-root .fb26-lead .fbcf7 > .fbcf7-row,
  .fb26-root .fb26-lead .fbcf7 .fbcf7-consent,
  .fb26-root .fb26-lead .fbcf7 .fbcf7-submit{
    opacity:0;
    transform:translateY(10px);
    animation:fbcf7-rise .6s var(--fb-ease) forwards;
  }
  .fb26-root .fb26-lead .fbcf7-grid2{ animation-delay:.04s; }
  .fb26-root .fb26-lead .fbcf7 > .fbcf7-row{ animation-delay:.10s; }
  .fb26-root .fb26-lead .fbcf7 .fbcf7-consent{ animation-delay:.16s; }
  .fb26-root .fb26-lead .fbcf7 .fbcf7-submit{ animation-delay:.22s; }
  @keyframes fbcf7-rise{ to{ opacity:1; transform:translateY(0); } }
  .fb26-root .fb26-lead .fbcf7 .wpcf7-spinner{
    animation:fbcf7-spin .7s linear infinite;
  }
  @keyframes fbcf7-spin{ to{ transform:rotate(360deg); } }
}
@media (prefers-reduced-motion: reduce){
  .fb26-root .fb26-lead .fbcf7 *{ animation:none !important; }
  .fb26-root .fb26-lead .fbcf7-grid2,
  .fb26-root .fb26-lead .fbcf7 > .fbcf7-row,
  .fb26-root .fb26-lead .fbcf7 .fbcf7-consent,
  .fb26-root .fb26-lead .fbcf7 .fbcf7-submit{ opacity:1 !important; transform:none !important; }
  .fb26-root .fb26-lead .fbcf7 .wpcf7-acceptance input[type="checkbox"]::after{
    transition:none !important;
  }
}
@media (max-width:520px){
  .fb26-root .fb26-lead .fbcf7-grid2{
    grid-template-columns:1fr;
    gap:18px;
  }
  .fb26-root .fb26-lead .fbcf7{ gap:16px; }
  .fb26-root .fb26-lead .fbcf7 input.wpcf7-submit{
    height:56px !important;
    line-height:56px !important;
  }
  .fb26-root .fb26-lead .fbcf7 .fbcf7-consent .wpcf7-list-item label{ font-size:13px; }
}
/* hidden tracking/honeypot fields */
.fb26-root .fb26-lead .fbcf7 input[type="hidden"]{ display:none !important; }
.fb26-root .fb26-lead .fbcf7 .wpcf7-form-control-wrap[data-name^="fb_"]{ display:none !important; }
/* mobile touch targets (mpolish) */
@media(max-width:767px){
  .fb26-root .fb26-lead .contact a{min-height:44px;align-items:center;white-space:nowrap}
  .fb26-root .fb26-lead .fbcf7 .fbcf7-consent .wpcf7-list-item label{min-height:44px;align-items:center}
  .fb26-root .fb26-lead .fbcf7 .wpcf7-list-item-label a{display:inline-block;padding:6px 0}
}

/* --- success panel (formcard.is-sent) --- */
.fb26-root .fb26-lead .formcard{ position:relative; }
.fb26-root .fb26-lead .fbcf7-success{
  display:none;
  position:absolute;
  inset:clamp(1.5rem,2.5vw,2.2rem);
  flex-direction:column;
  align-items:center;
  justify-content:center;
  text-align:center;
  padding:0 .5rem;
}
.fb26-root .fb26-lead .formcard.is-sent .ft,
.fb26-root .fb26-lead .formcard.is-sent .fs,
.fb26-root .fb26-lead .formcard.is-sent .fbcf7{
  opacity:0;
  transform:scale(.985);
  pointer-events:none;
  transition:opacity .35s ease, transform .35s ease;
}
.fb26-root .fb26-lead .formcard.is-sent .fbcf7-success{ display:flex; }
.fb26-root .fb26-lead .fbcf7-success .fbcf7-check{ width:74px; height:74px; margin:0 0 1.4rem; }
.fb26-root .fb26-lead .fbcf7-success .fbcf7-check svg{ width:100%; height:100%; overflow:visible; display:block; }
.fb26-root .fb26-lead .fbcf7-success .fbk-disc{ fill:var(--brown,#65574E); }
.fb26-root .fb26-lead .fbcf7-success .fbk-ring{ fill:none; stroke:var(--brown,#65574E); stroke-width:2; opacity:0; }
.fb26-root .fb26-lead .fbcf7-success .fbk-tick{ fill:none; stroke:#fff; stroke-width:3.4; stroke-linecap:round; stroke-linejoin:round; }
.fb26-root .fb26-lead .fbcf7-success h3{ font-size:clamp(1.5rem,2.4vw,1.95rem); font-weight:400; color:var(--ink,#1A1514); margin:0; line-height:1.12; letter-spacing:-.01em; }
.fb26-root .fb26-lead .fbcf7-success p{ margin:.85rem 0 0; color:var(--body,#4B423B); font-size:1rem; line-height:1.6; max-width:36ch; }
.fb26-root .fb26-lead .fbcf7-success p a{ color:var(--brown,#65574E); font-weight:600; text-decoration:underline; text-underline-offset:2px; white-space:nowrap; }
@media (prefers-reduced-motion: no-preference){
  .fb26-root .fb26-lead .fbcf7-success .fbk-disc,
  .fb26-root .fb26-lead .fbcf7-success .fbk-ring,
  .fb26-root .fb26-lead .fbcf7-success .fbk-tick{ transform-box:fill-box; transform-origin:center; }
  .fb26-root .fb26-lead .formcard.is-sent .fbk-disc{ transform:scale(0); animation:fbk-pop .5s cubic-bezier(.34,1.56,.64,1) .12s forwards; }
  .fb26-root .fb26-lead .formcard.is-sent .fbk-ring{ animation:fbk-ring .75s var(--fb-ease,cubic-bezier(.32,.72,0,1)) .34s forwards; }
  .fb26-root .fb26-lead .formcard.is-sent .fbk-tick{ stroke-dasharray:40; stroke-dashoffset:40; animation:fbk-draw .4s var(--fb-ease,cubic-bezier(.32,.72,0,1)) .42s forwards; }
  .fb26-root .fb26-lead .formcard.is-sent .fbcf7-success h3{ opacity:0; animation:fbk-rise .5s var(--fb-ease,cubic-bezier(.32,.72,0,1)) .5s both; }
  .fb26-root .fb26-lead .formcard.is-sent .fbcf7-success p{ opacity:0; animation:fbk-rise .5s var(--fb-ease,cubic-bezier(.32,.72,0,1)) .62s both; }
  @keyframes fbk-pop{ to{ transform:scale(1); } }
  @keyframes fbk-ring{ from{ transform:scale(1); opacity:.5; } to{ transform:scale(1.7); opacity:0; } }
  @keyframes fbk-draw{ to{ stroke-dashoffset:0; } }
  @keyframes fbk-rise{ from{ opacity:0; transform:translateY(10px); } to{ opacity:1; transform:none; } }
}
@media (prefers-reduced-motion: reduce){
  .fb26-root .fb26-lead .fbcf7-success .fbk-ring{ display:none; }
}
/* anchor offset: kontakt section handles its own offset
   (5072 used a bare `#kontakt` — scoped for global safety) */
.fb26-lead#kontakt,body:has(.fb26-root) #kontakt{scroll-margin-top:0}

/* ===================== LIGHTBOX MODAL ===================== */
.fb26-lb{position:fixed;inset:0;z-index:10000002;display:none;align-items:center;justify-content:center;background:rgba(18,14,13,.92);backdrop-filter:blur(6px);opacity:0;transition:opacity .35s ease;padding:4vmin}
.fb26-lb.open{display:flex;opacity:1}
.fb26-lb img{max-width:92vw;max-height:86vh;border-radius:8px;box-shadow:0 30px 90px rgba(0,0,0,.5);transform:scale(.97);transition:transform .35s var(--ease)}
.fb26-lb.open img{transform:scale(1)}
.fb26-lb .lb-cap{position:absolute;bottom:max(4vmin,22px);left:0;right:0;text-align:center;color:#EDE7DF;font-size:.95rem;padding:0 1rem}
.fb26-lb .lb-x{position:absolute;top:max(3vmin,18px);right:max(3vmin,18px);width:44px;height:44px;border-radius:50%;border:1px solid rgba(255,255,255,.3);background:rgba(255,255,255,.08);color:#fff;font-size:1.4rem;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s}
.fb26-lb .lb-x:hover{background:rgba(255,255,255,.18)}

/* ===================== CALENDAR (Calendly) MODAL ===================== */
.fb26-cal{position:fixed;inset:0;z-index:10000003;display:none;align-items:center;justify-content:center;background:rgba(18,14,13,.92);backdrop-filter:blur(6px);opacity:0;transition:opacity .35s ease;padding:4vmin}
.fb26-cal.open{display:flex;opacity:1}
.fb26-cal .cal-inner{position:relative;width:min(460px,94vw);height:min(720px,88vh);background:#E1DFDB;border-radius:var(--r);overflow:hidden;box-shadow:0 40px 100px rgba(0,0,0,.5);transform:scale(.97);transition:transform .35s var(--ease)}
.fb26-cal.open .cal-inner{transform:scale(1)}
.fb26-cal iframe{position:relative;z-index:1;width:100%;height:100%;border:0;display:block;background:transparent}
.fb26-cal .cal-load{position:absolute;inset:0;z-index:0;display:flex;align-items:center;justify-content:center;color:#857C74;font-size:.9rem;letter-spacing:.02em}
.fb26-cal .cal-x{position:absolute;top:10px;right:10px;z-index:2;width:38px;height:38px;border-radius:50%;border:1px solid rgba(26,21,20,.16);background:rgba(245,242,237,.92);backdrop-filter:blur(4px);color:var(--ink);font-size:1.3rem;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s,transform .2s}
.fb26-cal .cal-x:hover{background:#fff;transform:scale(1.05)}

/* ===================== KONTAKT (lead) MODAL — nav "Book en samtale" =====================
   Wraps the forside .fb26-lead section in a scrollable overlay. All lead / CF7 /
   success styles above apply unchanged; only the shell + section padding differ.
   z-index sits UNDER #fb26cal (10000003) so the Calendly button opens on top. */
.fb26-kontakt{position:fixed;inset:0;z-index:10000002;display:none;background:rgba(18,14,13,.92);backdrop-filter:blur(6px);opacity:0;transition:opacity .35s ease;padding:3vmin;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:none}
.fb26-kontakt::-webkit-scrollbar{width:0;height:0;display:none}
.fb26-kontakt.open{display:flex;flex-direction:column;align-items:center;opacity:1}   /* COLUMN flex: margin:auto centers the inner on the vertical (main) axis when it fits, and the inner keeps its natural height (not capped by overflow:hidden like a row flex item) so the overlay scrolls — never clips — when content is taller than the viewport (browser zoom / short screens) */
.fb26-kontakt .fbk-scope{display:contents}   /* scope only: no layout box, but tokens + .fb26-root rules apply inside */
.fb26-kontakt .fbk-inner{position:relative;flex-shrink:0;width:min(1040px,100%);margin:auto;border-radius:var(--r);overflow:hidden;box-shadow:0 40px 100px rgba(0,0,0,.5);transform:translateY(14px) scale(.988);transition:transform .4s var(--ease)}
.fb26-kontakt.open .fbk-inner{transform:none}
/* tame the full-section vertical padding for a modal */
.fb26-kontakt .fb26-lead{padding-top:clamp(1.5rem,2.4vw,2.4rem);padding-bottom:clamp(1.5rem,2.4vw,2.4rem)}
/* max-width defaults to --maxw (1840) which never constrains a 1040 modal; give .wrap a snug cap so the two columns aren't over-stretched */
.fb26-kontakt .fb26-lead .wrap{max-width:none;padding:0 clamp(1.4rem,3vw,2.6rem)}
.fb26-kontakt .fbk-x{position:absolute;top:12px;right:12px;z-index:3;width:40px;height:40px;border-radius:50%;border:1px solid rgba(255,255,255,.28);background:rgba(20,15,13,.42);backdrop-filter:blur(4px);color:#fff;font-size:1.5rem;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s,transform .2s}
.fb26-kontakt .fbk-x:hover{background:rgba(20,15,13,.72);transform:scale(1.06)}
.fb26-kontakt .fbk-x:focus-visible{outline:2px solid #fff;outline-offset:2px}
/* Compress the form so it fits on normal heights (overlay scrolls, bar hidden, if taller). */
.fb26-kontakt .fb26-lead .formcard{padding:clamp(1.15rem,1.8vw,1.7rem)}
.fb26-kontakt .fb26-lead .formcard .fs{margin-bottom:.85rem}
.fb26-kontakt .fb26-lead .fbcf7{--fb-gap:12px}
.fb26-kontakt .fb26-lead .fbcf7 input.wpcf7-form-control[type="text"],
.fb26-kontakt .fb26-lead .fbcf7 input.wpcf7-form-control[type="tel"],
.fb26-kontakt .fb26-lead .fbcf7 input.wpcf7-form-control[type="email"]{height:46px !important}
.fb26-kontakt .fb26-lead .fbcf7 textarea.wpcf7-form-control{min-height:82px !important}
.fb26-kontakt .fb26-lead .nexts{margin-top:1.15rem;gap:.6rem}
.fb26-kontakt .fb26-lead .contact{margin-top:1.2rem;padding-top:1.05rem}

/* ===================== MOBILE FLOATING CTA PILL ===================== */
/* Bottom-right frosted-brown glass, mobile only, reveals past hero (JS adds .show). */
@media(max-width:767px){
  .fb26-cta-pill{position:fixed;right:max(14px,env(safe-area-inset-right,0px));bottom:calc(16px + env(safe-area-inset-bottom,0px));z-index:10000000;display:inline-flex;align-items:center;gap:.46rem;height:42px;padding:0 15px 0 17px;border:0;border-radius:100px;font-family:Inter,system-ui,sans-serif;font-size:.85rem;font-weight:600;letter-spacing:.005em;line-height:1;color:var(--paper);cursor:pointer;-webkit-tap-highlight-color:transparent;background:linear-gradient(180deg,rgba(255,255,255,.18),rgba(255,255,255,0) 46%),linear-gradient(180deg,rgba(101,87,78,.68),rgba(82,71,63,.76)),rgba(45,38,33,.18);-webkit-backdrop-filter:blur(28px) saturate(2);backdrop-filter:blur(28px) saturate(2);box-shadow:0 1px 0 rgba(255,255,255,.16) inset,0 -1px 0 rgba(0,0,0,.20) inset,0 0 0 1px rgba(255,255,255,.10),0 12px 30px rgba(26,21,20,.30),0 2px 10px rgba(26,21,20,.20);opacity:0;visibility:hidden;pointer-events:none;transform:translateY(10px) scale(.97);transform-origin:bottom right;transition:opacity .42s var(--ease),transform .42s var(--ease),visibility 0s linear .42s,box-shadow .25s ease;will-change:opacity,transform}
  .fb26-cta-pill .pill-ic{width:13px;height:13px;flex:none;color:var(--paper);opacity:.85;display:block;transform:translateX(0);transition:transform .3s var(--ease)}
  .fb26-cta-pill.show{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0) scale(1);transition:opacity .42s var(--ease),transform .42s var(--ease),visibility 0s,box-shadow .25s ease}
  .fb26-cta-pill:active{transform:translateY(0) scale(.97)}
  .fb26-cta-pill:active .pill-ic{transform:translateX(2px)}
  .fb26-cta-pill:focus-visible{outline:none;box-shadow:0 1px 0 rgba(255,255,255,.16) inset,0 0 0 1px rgba(255,255,255,.10),0 0 0 3px var(--paper),0 0 0 5px var(--brown),0 12px 30px rgba(26,21,20,.30)}
  body:has(#fb26cal.open) .fb26-cta-pill,body:has(#fb26lb.open) .fb26-cta-pill,body.fb26-nav-open .fb26-cta-pill{display:none!important}
}
@media(min-width:768px){.fb26-cta-pill{display:none!important}}
@media(prefers-reduced-motion:reduce) and (max-width:767px){
  .fb26-cta-pill{transform:none;transition:opacity .25s ease,visibility 0s linear .25s}
  .fb26-cta-pill.show{transform:none;transition:opacity .25s ease,visibility 0s}
  .fb26-cta-pill:active{transform:none}
  .fb26-cta-pill .pill-ic,.fb26-cta-pill:active .pill-ic{transition:none;transform:none}
}
/* NOTE: 5072's older .fb26-mbar sticky bottom bar is intentionally NOT included —
   it was superseded by this pill and force-hidden on the live page. */

/* ── før/efter image-compare slider (Standardpakke; self-contained, no plugin) ── */
.fb26-cmp{position:relative;width:100%;aspect-ratio:3/4;border-radius:var(--r);overflow:hidden;box-shadow:0 24px 56px rgba(26,21,20,.16);--pos:50%;touch-action:pan-y}
.fb26-cmp img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;margin:0;border-radius:0;box-shadow:none;user-select:none;-webkit-user-select:none;pointer-events:none}
.fb26-cmp .fb26-cmp-before{z-index:1;clip-path:inset(0 calc(100% - var(--pos)) 0 0)}
.fb26-cmp-range{position:absolute;inset:0;z-index:3;width:100%;height:100%;margin:0;padding:0;background:transparent;opacity:0;cursor:ew-resize;-webkit-appearance:none;appearance:none}
.fb26-cmp-range::-webkit-slider-thumb{-webkit-appearance:none;width:46px;height:100%;cursor:ew-resize}
.fb26-cmp-range::-moz-range-thumb{width:46px;height:100%;border:0;background:transparent;cursor:ew-resize}
.fb26-cmp-handle{position:absolute;top:0;bottom:0;left:var(--pos);z-index:2;width:2px;margin-left:-1px;background:var(--paper);box-shadow:0 0 0 1px rgba(26,21,20,.14);pointer-events:none}
.fb26-cmp-handle::after{content:"";position:absolute;top:50%;left:50%;width:40px;height:40px;transform:translate(-50%,-50%);border-radius:50%;background:var(--paper);box-shadow:0 2px 12px rgba(26,21,20,.3)}
.fb26-cmp-handle::before{content:"";position:absolute;top:50%;left:50%;z-index:1;width:22px;height:13px;transform:translate(-50%,-50%);background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='14' viewBox='0 0 24 14'%3E%3Cpath d='M8 1 2 7l6 6M16 1l6 6-6 6' fill='none' stroke='%2365574E' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat}
.fb26-cmp-range:focus-visible~.fb26-cmp-handle::after{box-shadow:0 2px 12px rgba(26,21,20,.3),0 0 0 3px rgba(168,134,95,.95)}
.fb26-cmp-tag{position:absolute;bottom:14px;z-index:2;padding:.3rem .62rem;font-size:.62rem;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:#fff;background:rgba(18,14,13,.55);border-radius:100px;pointer-events:none;text-shadow:0 1px 4px rgba(0,0,0,.4)}
.fb26-cmp-tag--before{left:14px}
.fb26-cmp-tag--after{right:14px}

/* ── hero video crossfade (landing pages — identical mechanism to forside 5072) ── */
.fb26-hero .media video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:60% 55%}
.fb26-hero .hero-vid{display:block;opacity:0;transition:opacity 2.2s ease}
.fb26-hero .hero-vid.is-on{opacity:1}
@media(min-width:768px){.fb26-hero .hero-vid.clip1{opacity:1}.fb26-hero .media:has(.hero-vid) .hero-img{opacity:0}}