/* LignoSupply design layer – "Clean B2B / plywood edge"
   Loaded after every page's inline <style>. Tokens first, then components. */
:root{
  --bg:#FFFFFF; --bg2:#F3F3F1; --bg3:#E9E9E5;
  --ink:#262626; --ink2:#5E5E5B; --ink3:#8C8C88;
  --border:#E3E3DF; --border2:#ECECE8;
  --pine:#262626; --pine2:#000000; --acc:#8A5A24; --acc2:#7E5422; --birch:#D8B98B; --birch2:#B8925C; --veneer:#EADBC2;
  --font:'Poppins',system-ui,-apple-system,'Segoe UI',sans-serif;
  --r:12px; --r-lg:14px; --sh:none; --sh-lg:none;
  --ply:repeating-linear-gradient(180deg,var(--birch) 0 2px,var(--veneer) 2px 3px,var(--birch2) 3px 4px,var(--veneer) 4px 5px);
}
html{-webkit-text-size-adjust:100%}
body{font-family:var(--font)!important;color:var(--ink);background:var(--bg);font-size:16px;line-height:1.6;font-feature-settings:"ss01"}
::selection{background:var(--veneer)}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:2px solid var(--pine);outline-offset:2px}

/* ---------- header ---------- */
nav{height:auto!important;min-height:64px;padding:0 max(16px,calc((100vw - 1120px)/2))!important;background:#fff!important;border-bottom:0!important;position:sticky;top:0;z-index:50;display:flex;align-items:center;gap:12px;flex-wrap:wrap}
nav{border-bottom:1px solid var(--border)!important}
nav .nav-inner{max-width:none!important;padding:0!important;width:100%}
.logo-mark{background:var(--pine)!important;border-radius:4px!important;width:32px!important;height:32px!important}
.logo-text{font-weight:700!important;font-size:17px!important;letter-spacing:-.01em;color:var(--ink)!important}
.logo-sub{color:var(--ink3)!important}
nav button[id^="lang-"]{font-family:var(--font)!important;border-radius:4px!important;border-color:var(--border)!important;color:var(--ink2)!important;background:#fff!important}

/* ---------- buttons ---------- */
.btn,.btn-primary{font-family:var(--font)!important;font-weight:600!important;border-radius:999px!important;letter-spacing:0;background:var(--pine)!important;color:#fff!important;border:1px solid var(--pine)!important;box-shadow:none!important;transition:background .15s}
.btn:hover,.btn-primary:hover{background:var(--pine2)!important}
.btn-ghost{background:#fff!important;color:var(--ink)!important;border:1px solid var(--border)!important}
.btn-ghost:hover{background:var(--bg2)!important}
.btn-light{background:#fff!important;color:var(--pine)!important;border-color:#fff!important}
.btn-light:hover{background:var(--veneer)!important}
.btn-outline-light{background:transparent!important;color:#fff!important;border:1px solid rgba(255,255,255,.5)!important}

/* ---------- page frame (main template) ---------- */
main{max-width:880px;padding-top:56px}
main.wide{max-width:1120px}
.bc{font-size:13px;color:var(--ink3);margin-bottom:28px}
.bc a{color:var(--ink2)!important;text-decoration:none}
.bc a:hover{text-decoration:underline}
.badge,.hero-badge{background:none!important;border:0!important;padding:0!important;border-radius:0!important;text-transform:none!important;letter-spacing:0!important;font-size:14px!important;font-weight:500!important;color:var(--acc)!important;margin-bottom:14px!important;gap:8px;letter-spacing:.06em!important;text-transform:uppercase!important;font-size:13px!important;font-weight:600!important}
.badge>span:first-child,.badge .dot,.badge-dot{width:28px!important;height:2px!important;border-radius:0!important;opacity:1!important;background:var(--acc)!important}
h1{font-weight:600!important;letter-spacing:-.025em!important;line-height:1.08!important;font-size:clamp(34px,5.2vw,60px)!important;color:var(--ink)}
h1 em,h1 strong{font-style:normal!important;font-weight:400!important;color:var(--ink2)!important}
h2{font-weight:700!important;letter-spacing:-.015em!important;font-size:clamp(22px,2.6vw,28px)!important;line-height:1.2;margin-top:56px}
h3{font-weight:600}
p,li{color:var(--ink2)}
.lead,.section-sub,.hero-note{font-size:19px!important;line-height:1.55!important;color:var(--ink2)!important;max-width:62ch}
main a:not(.btn):not(.cat):not(.related-links a){color:var(--acc2);text-underline-offset:3px}

/* keyword strip → quiet search terms line */
.kw-list{display:block!important;margin:-8px 0 36px!important;font-size:13px;color:var(--ink3);line-height:1.8}
.kw{display:inline!important;background:none!important;border:0!important;padding:0!important;font-size:13px!important;color:var(--ink3)!important}
.kw:not(:last-child)::after{content:" / ";color:var(--border)}

/* facts strip (was dark "at a glance" box) */
.specs{background:none!important;border:0!important;border-top:1px solid var(--ink)!important;border-bottom:1px solid var(--border)!important;border-radius:0!important;padding:20px 0!important;margin:36px 0!important}
.specs h3{display:none!important}
.specs-grid,.specs-inner{gap:24px!important}
.spec-item .num,.spec-num,.stat-n,.stat-num,.net-stat-num{font-size:30px!important;font-weight:700!important;letter-spacing:-.02em!important;color:var(--ink)!important;line-height:1.1}
.spec-item .label,.spec-label,.stat-l,.stat-label,.net-stat-label{font-size:13px!important;color:var(--ink3)!important}

/* cards: flat, separated by lines, no shadows */
.pcard,.feat,.card,.ind-card,.plan,.cat{background:#fff!important;border:1px solid var(--border)!important;border-radius:var(--r)!important;box-shadow:none!important}
.pgrid,.feats,.grid2,.grid3,.grid4{gap:12px!important}
.feat .fi,.f-icon,.ind-icon{display:none!important}
.feat h3,.pcard h3,.card h3{font-size:16px!important;font-weight:600!important;color:var(--ink)!important}
.feat p,.pcard p,.card p{font-size:14.5px!important;line-height:1.55!important}
.cat{padding:12px 14px!important;font-weight:600;color:var(--ink)!important;transition:border-color .15s}
.cat:hover{border-color:var(--pine)!important;background:#fff!important}
.cat span{font-weight:400;color:var(--ink3)!important}
.cats{gap:8px!important}

/* tables */
table{font-size:15px}
th{color:var(--ink3)!important;font-weight:500!important;text-transform:none!important;letter-spacing:0!important;font-size:13px!important;border-bottom:1px solid var(--ink)!important}
td{border-bottom:1px solid var(--border2)!important}
table.spec th{border-bottom:1px solid var(--border2)!important;color:var(--ink2)!important;width:38%}
tr.t td{border-top:1px solid var(--ink)!important}

/* product page */
.drawing{background:var(--bg2)!important;border:0!important;border-radius:var(--r)!important;position:relative;overflow:hidden}

.price-big{font-size:40px!important;font-weight:700!important;letter-spacing:-.02em!important}

/* lead form */
.lm{background:var(--bg2)!important;border:0!important;border-radius:var(--r-lg)!important;position:relative;overflow:hidden;padding:32px!important}

.lm input,.lm select{border-radius:var(--r)!important;border:1px solid var(--border)!important;font-family:var(--font)!important;font-size:15px!important;padding:12px 14px!important}

/* closing call-to-action blocks */
.cta,.cta-band,.cta-section,.booking-box{background:var(--ink)!important;border-radius:var(--r-lg)!important;position:relative;overflow:hidden;text-align:left!important;padding:44px 40px 40px!important}

.cta h2,.cta-band h2,.cta-section h2{color:#fff!important;font-weight:700!important;font-size:clamp(24px,3vw,32px)!important;margin-top:0!important}
.cta p,.cta-band p,.cta-section p{color:rgba(255,255,255,.75)!important;max-width:56ch}
.cta-meta,.cta-meta a{color:rgba(255,255,255,.65)!important}
.cta-band .btn-ghost{background:transparent!important;color:#fff!important;border-color:rgba(255,255,255,.5)!important}

/* clearance banner */
.ls-banner{display:flex;flex-wrap:nowrap!important;gap:12px;align-items:center;justify-content:space-between;flex-wrap:wrap;background:var(--bg2);border-left:6px solid var(--acc);background:#F6EEE3;border-radius:0 var(--r) var(--r) 0;padding:14px 18px;margin:0 0 32px;text-decoration:none!important;color:var(--ink)!important;font-size:15px}
.ls-banner b{color:var(--ink)}
.ls-banner span:first-child{min-width:0}.ls-banner span:last-child{font-weight:600;color:var(--acc2);white-space:nowrap}
.ls-banner:hover span:last-child{text-decoration:underline}

/* FAQ / related */
.faq details{border-bottom:1px solid var(--border)!important}
.faq summary{font-weight:600!important;color:var(--ink)}
.related{border-top:1px solid var(--ink)!important}
.related h3{text-transform:none!important;letter-spacing:0!important;font-size:14px!important;color:var(--ink)!important;font-weight:600!important}
.related-links a{color:var(--acc2)!important}

/* ---------- older "hero" landing template ---------- */
body>.hero{background:var(--bg2)!important;text-align:left!important;padding:72px max(16px,calc((100vw - 960px)/2)) 56px!important;position:relative}
body>.hero h1{color:var(--ink)!important}
body>.hero h1 strong,body>.hero h1 em{color:var(--ink2)!important}
body>.hero p{color:var(--ink2)!important;margin:0 0 28px!important;font-size:19px!important;max-width:62ch!important}
.hero-btns{justify-content:flex-start!important}
body>.hero .btn-light{background:var(--pine)!important;color:#fff!important;border-color:var(--pine)!important}
body>.hero .btn-ghost{color:var(--ink)!important;border-color:var(--border)!important;background:#fff!important}
.stats{justify-content:flex-start!important;gap:40px!important;padding:20px max(16px,calc((100vw - 960px)/2))!important;border-bottom:1px solid var(--border)!important}
.stat{text-align:left!important}
.section h2{font-weight:700!important}
.img-grid img{border-radius:var(--r)!important;border:0!important}
.vs-table th.us{background:var(--pine)!important;color:#fff!important}

/* homepage specifics */
.lang-bar,.stats-strip{background:var(--pine)!important}
.hero h1{font-weight:700!important}
.plan.featured{border:2px solid var(--pine)!important}
.plan-badge{background:var(--pine)!important;color:#fff!important;border-radius:4px!important;text-transform:none!important;letter-spacing:0!important}
.hero-card{box-shadow:none!important;border:1px solid var(--border)!important}

/* ---------- footer ---------- */
footer{background:var(--ink)!important;color:rgba(255,255,255,.6)!important;position:relative;padding-top:32px!important}

footer a{color:rgba(255,255,255,.8)!important}
footer *{color:inherit}

/* placeholders never shown */
.tbd{display:none!important}

@media (max-width:700px){
  main{padding-top:40px}
  .cta,.cta-band,.cta-section{padding:36px 22px 28px!important}
  .specs-grid,.specs-inner{grid-template-columns:1fr 1fr!important}
  nav{min-height:58px}
}
@media (prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}

@media (max-width:600px){.ls-banner{flex-wrap:wrap!important}}

/* group line: wordmark like Tischlergruppe, applied to old templates */
.logo-mark{display:none!important}
.logo-text{border:2px solid var(--ink);border-right:0;border-bottom:0;padding:4px 0 0 8px!important;font-weight:500!important;letter-spacing:.06em!important;text-transform:uppercase;font-size:14px!important}
.logo-text::after{content:"Supply";margin-left:10px;text-transform:none;letter-spacing:-.01em;font-weight:600;font-size:18px;color:var(--acc)}
.lm{border-radius:var(--r-lg)!important}
.lm input,.lm select{border-radius:12px!important}

/* Mobile: kein horizontales Scrollen auf alten Seiten (Chat-Feld, Kundenstimmen-Slider) */
html{overflow-x:clip}
@media(max-width:600px){#chat-input{min-width:0;width:100%}.testimonial{max-width:100%;min-width:0}}