/* ============================================================
   DACH BUD — design system premium (adaptacja superparkiet.eu)
   Navy + złoto/amber, cienki Unbounded, reveal blur+stagger,
   cienie warstwowe, ease cubic-bezier(.22,1,.36,1).
   ============================================================ */

/* ---------- FONTY (lokalne woff2) ---------- */
@font-face{font-family:'Unbounded';font-style:normal;font-weight:200;font-display:swap;src:url('../fonts/unbounded-200-latin-ext.woff2') format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Unbounded';font-style:normal;font-weight:200;font-display:swap;src:url('../fonts/unbounded-200-latin.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Unbounded';font-style:normal;font-weight:300;font-display:swap;src:url('../fonts/unbounded-300-latin-ext.woff2') format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Unbounded';font-style:normal;font-weight:300;font-display:swap;src:url('../fonts/unbounded-300-latin.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Unbounded';font-style:normal;font-weight:400;font-display:swap;src:url('../fonts/unbounded-400-latin-ext.woff2') format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Unbounded';font-style:normal;font-weight:400;font-display:swap;src:url('../fonts/unbounded-400-latin.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Unbounded';font-style:normal;font-weight:500;font-display:swap;src:url('../fonts/unbounded-500-latin-ext.woff2') format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Unbounded';font-style:normal;font-weight:500;font-display:swap;src:url('../fonts/unbounded-500-latin.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Unbounded';font-style:normal;font-weight:700;font-display:swap;src:url('../fonts/unbounded-700-latin-ext.woff2') format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Unbounded';font-style:normal;font-weight:700;font-display:swap;src:url('../fonts/unbounded-700-latin.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Manrope';font-style:normal;font-weight:400;font-display:swap;src:url('../fonts/manrope-400-latin-ext.woff2') format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Manrope';font-style:normal;font-weight:400;font-display:swap;src:url('../fonts/manrope-400-latin.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Manrope';font-style:normal;font-weight:600;font-display:swap;src:url('../fonts/manrope-600-latin-ext.woff2') format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Manrope';font-style:normal;font-weight:600;font-display:swap;src:url('../fonts/manrope-600-latin.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Manrope';font-style:normal;font-weight:700;font-display:swap;src:url('../fonts/manrope-700-latin-ext.woff2') format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Manrope';font-style:normal;font-weight:700;font-display:swap;src:url('../fonts/manrope-700-latin.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Manrope';font-style:normal;font-weight:800;font-display:swap;src:url('../fonts/manrope-800-latin-ext.woff2') format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Manrope';font-style:normal;font-weight:800;font-display:swap;src:url('../fonts/manrope-800-latin.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}

/* ---------- TOKENY ---------- */
:root{
  /* Navy (baza marki, jak butelkowa zieleń superparkiet) */
  --db-900:#07182B; --db-850:#0A2038; --db-800:#0C2743; --db:#123457; --db-700:#1B4A75;
  --db-600:#296699; --db-500:#3B86C0; --db-400:#5BA3D8; --db-soft:#E8F1F9;
  /* Złoto/amber (akcent premium, jak mosiądz) */
  --gold:#D69A34; --gold-l:#F1C46E; --gold-d:#A9741F; --gold-glow:rgba(214,154,52,.5);
  /* Pomarańcz marki (primary CTA, ciepła rodzina z amber) */
  --orange:#E8760E; --orange-l:#F79A3A;
  /* Neutralne — ciepły papier */
  --cream:#F7F4EE; --cream-2:#EFE9DF; --sand:#E6DDCE; --paper:#FFFFFF;
  --ink:#12202E; --ink-2:#3A4855; --ink-3:#6B7883;
  --line:rgba(18,52,87,.13); --line-2:rgba(255,255,255,.12);

  --r-sm:14px; --r:20px; --r-lg:28px; --r-xl:38px; --r-2xl:48px;
  --sh-sm:0 4px 18px rgba(7,24,43,.07);
  --sh:0 22px 60px -12px rgba(7,24,43,.18);
  --sh-lg:0 50px 120px -20px rgba(7,24,43,.34);
  --sh-gold:0 18px 50px -10px var(--gold-glow);

  --maxw:1280px; --gut:clamp(20px,4vw,40px);
  --font:'Manrope',sans-serif;
  --body:'Manrope',sans-serif;
  --ease:cubic-bezier(.22,1,.36,1);
  --ease-2:cubic-bezier(.65,.05,.36,1);
  --slow:1.1s;
  --topbar-h:42px; --head-h:84px;

  /* ALIASY starych nazw tokenów (inner.css: realizacje/oddzialy/o-firmie były renderowane bez nich) */
  --db-navy:var(--db-900); --db-navy-3:var(--db-800); --db-blue-d:var(--db);
  --db-amber:var(--gold); --db-orange:var(--orange);
  --db-ink:var(--ink); --db-muted:var(--ink-3); --db-line:var(--line); --db-cream:var(--cream);
  --db-font-disp:var(--font); --db-wrap:var(--maxw); --db-pad:var(--gut);
  --db-radius:var(--r-lg); --db-shadow:var(--sh);
}

/* Manrope 500 — waga używana przez przyciski/menu (dograna przy zmianie na Manrope jako display) */
@font-face{font-family:'Manrope';font-style:normal;font-weight:500;font-display:swap;src:url('../fonts/manrope-500-latin-ext.woff2') format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Manrope';font-style:normal;font-weight:500;font-display:swap;src:url('../fonts/manrope-500-latin.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}

/* ---------- RESET / BAZA ---------- */
*,*::before,*::after{box-sizing:border-box}
/* overflow-x:clip (NIE hidden) — hidden wymusza used-value overflow-y:auto → html/body staje się scroll-container → position:sticky headera ŁAMIE SIĘ na iOS. clip klipuje w bok bez tworzenia scroll-containera → sticky działa. hidden jako fallback dla iOS<16. */
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;overflow-x:hidden;overflow-x:clip}
body{overflow-x:hidden;overflow-x:clip;position:relative}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
body{margin:0;font-family:var(--body);color:var(--ink);background:var(--paper);line-height:1.6;font-size:16px;font-weight:400;letter-spacing:-.005em;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
img,svg,video{max-width:100%;height:auto;display:block}
a{color:inherit;text-decoration:none}
button{font-family:inherit;cursor:pointer;border:0;background:none}
h1,h2,h3,h4{font-family:var(--font);line-height:1.06;margin:0 0 .5em;font-weight:800;letter-spacing:-.03em}
p{margin:0 0 1em}
::selection{background:var(--gold);color:#2A2008}
:focus-visible{outline:3px solid var(--gold);outline-offset:2px;border-radius:4px}

.db-wrap{width:min(var(--maxw),100% - var(--gut)*2);margin-inline:auto}
.skip-link{position:absolute;left:-9999px;top:0;background:var(--db-900);color:#fff;padding:12px 20px;z-index:9999;border-radius:0 0 10px 0}
.skip-link:focus{left:0}
.screen-reader-text{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* ---------- TYPOGRAFIA POMOCNICZA ---------- */
.eyebrow,.db-kicker{display:inline-flex;align-items:center;gap:12px;font-family:var(--font);font-size:12.5px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--db-600)}
.eyebrow::before,.db-kicker::before{content:"";width:30px;height:1.5px;background:linear-gradient(90deg,var(--gold),transparent)}
.eyebrow.light{color:var(--gold-l)}
.eyebrow.center{justify-content:center}
.h2{font-family:var(--font);font-size:clamp(28px,4.2vw,54px);font-weight:800;letter-spacing:-.03em;line-height:1.04;color:var(--db-900)}
.h2 .serif{font-weight:500;color:var(--gold-d)}
.h2.light{color:#fff}.h2.light .serif{color:var(--gold-l)}
.lead{font-size:clamp(16.5px,1.5vw,19.5px);font-weight:400;color:var(--ink-2);line-height:1.65}
.lead.center{max-width:640px;margin-inline:auto;text-align:center}

/* ---------- PRZYCISKI ---------- */
.db-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;font-family:var(--font);font-weight:500;font-size:15px;letter-spacing:-.01em;padding:15px 28px;border-radius:60px;transition:transform .4s var(--ease),box-shadow .4s var(--ease),background .3s;min-height:50px;white-space:nowrap;max-width:100%}
.db-btn svg{flex:none}
.db-btn-primary{background:linear-gradient(135deg,var(--orange-l),var(--orange));color:#fff;box-shadow:0 14px 30px -10px rgba(232,118,14,.5)}
.db-btn-primary:hover{transform:translateY(-2px);box-shadow:0 20px 40px -10px rgba(232,118,14,.6)}
.db-btn-gold{background:linear-gradient(135deg,var(--gold-l),var(--gold));color:#2C2107;box-shadow:0 14px 30px -10px var(--gold-glow)}
.db-btn-gold:hover{transform:translateY(-2px)}
.db-btn-navy{background:linear-gradient(135deg,var(--db-700),var(--db));color:#fff;box-shadow:0 14px 30px -12px rgba(18,52,87,.6)}
.db-btn-navy:hover{transform:translateY(-2px)}
.db-btn-ghost{background:rgba(255,255,255,.08);color:#fff;border:1.5px solid rgba(255,255,255,.3);backdrop-filter:blur(10px)}
.db-btn-ghost:hover{background:rgba(255,255,255,.16)}
.db-btn-line{background:transparent;color:var(--db);border:1.5px solid var(--line)}
.db-btn-line:hover{border-color:var(--db-500);color:var(--db-600);transform:translateY(-2px)}
.db-btn-gold{background:linear-gradient(135deg,var(--gold-l),var(--gold));color:#2C2107;box-shadow:0 14px 30px -12px var(--gold-glow)}
.db-btn-gold:hover{filter:brightness(1.06);transform:translateY(-2px)}
.db-btn-sm{padding:11px 20px;font-size:13.5px;min-height:42px}
.db-cta-count{display:inline-grid;place-items:center;min-width:22px;height:22px;border-radius:11px;background:#fff;color:var(--orange);font-size:12.5px;font-weight:800;padding:0 6px;margin-left:2px}
.db-cta-count[hidden]{display:none}

/* ---------- REVEAL (blur + stagger, jak superparkiet) ---------- */
.rv{opacity:0;transform:translateY(36px);filter:blur(5px);transition:opacity .9s var(--ease),transform .95s var(--ease),filter .9s var(--ease)}
.rv.in{opacity:1;transform:none;filter:blur(0)}
.rv-sc{opacity:0;transform:scale(.93) translateY(22px);filter:blur(5px);transition:opacity .95s var(--ease),transform 1.05s var(--ease),filter .95s var(--ease)}
.rv-sc.in{opacity:1;transform:none;filter:blur(0)}
@media (prefers-reduced-motion:reduce){.rv,.rv-sc{opacity:1!important;transform:none!important;filter:none!important;transition:none}}
/* MOBILE: bez reveal-hide — treść ZAWSZE widoczna (na telefonie IntersectionObserver bywa zawodny → puste/rozmyte sekcje). Animacja tylko na desktopie. */
@media (max-width:820px){.rv,.rv-sc{opacity:1!important;transform:none!important;filter:none!important;transition:none}}

/* ---------- SEKCJE ---------- */
.sec{padding:clamp(64px,8vw,120px) 0}
.sec-cream{background:var(--cream)}
.sec-head{max-width:720px;margin-bottom:clamp(32px,4vw,52px)}
.sec-head .h2{margin:14px 0 16px}
.sec-head.center{max-width:660px;margin-inline:auto;text-align:center}

/* ---------- SCROLL PROGRESS ---------- */
.db-progress{position:fixed;top:0;left:0;height:3px;width:0;z-index:9999;background:linear-gradient(90deg,var(--gold-d),var(--gold-l),var(--gold));box-shadow:0 0 14px var(--gold-glow);pointer-events:none}

/* ---------- TOAST ---------- */
.db-toast{position:fixed;left:50%;bottom:26px;transform:translate(-50%,20px);background:var(--db-900);color:#fff;padding:13px 22px;border-radius:12px;font-weight:700;font-size:14.5px;box-shadow:var(--sh-lg);opacity:0;pointer-events:none;transition:all .3s ease;z-index:1200;max-width:90vw}
.db-toast.is-on{opacity:1;transform:translate(-50%,0)}

/* ---------- FAB listy wyceny ---------- */
.db-quote-fab{position:fixed;left:22px;bottom:22px;z-index:1100;width:58px;height:58px;border-radius:50%;background:linear-gradient(135deg,var(--db-700),var(--db-900));color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:var(--sh-lg);transition:transform .3s var(--ease)}
.db-quote-fab:hover{transform:scale(1.07)}
.db-quote-fab[hidden]{display:none}
.db-quote-count{position:absolute;top:-4px;right:-4px;min-width:22px;height:22px;border-radius:11px;background:var(--orange);color:#fff;font-size:12px;font-weight:800;display:flex;align-items:center;justify-content:center;padding:0 6px}
.db-quote-panel{position:fixed;left:22px;bottom:92px;z-index:1100;width:min(360px,calc(100vw - 44px));background:#fff;border-radius:var(--r);box-shadow:var(--sh-lg);border:1px solid var(--line);overflow:hidden}
.db-quote-panel[hidden]{display:none}
.db-qp-head{display:flex;align-items:center;justify-content:space-between;padding:15px 18px;background:linear-gradient(135deg,var(--db-800),var(--db-900));color:#fff;font-family:var(--font);font-weight:500}
.db-qp-head button{color:#fff;font-size:22px;line-height:1;padding:4px 8px}
.db-qp-items{max-height:280px;overflow:auto;padding:8px 0}
.db-qp-item{display:flex;align-items:center;gap:10px;padding:10px 18px;font-size:14px;border-bottom:1px solid var(--line)}
.db-qp-item:last-child{border-bottom:0}
.db-qp-item b{flex:1;font-weight:700}
.db-qp-item input{width:64px;padding:6px 8px;border:1px solid var(--line);border-radius:8px;font:inherit;font-size:14px}
.db-qp-item .db-qp-rm{color:var(--ink-3);font-size:18px;padding:2px 6px}
.db-qp-empty{padding:22px 18px;color:var(--ink-3);font-size:14.5px;text-align:center}
.db-qp-foot{padding:15px 18px;border-top:1px solid var(--line);background:var(--cream)}
.db-qp-foot p{font-size:13px;color:var(--ink-3);margin:0 0 10px}
.db-qp-foot .db-btn{width:100%}

/* ---------- ASYSTENT ---------- */
.db-assistant{position:fixed;right:22px;bottom:22px;z-index:1100;font-family:var(--body)}
.db-assistant-toggle{display:flex;align-items:center;gap:11px;background:linear-gradient(135deg,var(--gold-l),var(--gold));color:#2C2107;border-radius:60px;padding:8px 22px 8px 8px;font-family:var(--font);font-weight:500;font-size:14.5px;box-shadow:var(--sh-gold);transition:transform .3s var(--ease)}
.db-assistant-toggle:hover{transform:translateY(-2px)}
.db-assistant-toggle img{width:44px;height:44px;border-radius:50%;background:#fff;object-fit:cover;object-position:top}
.db-assistant-toggle .pulse{width:9px;height:9px;border-radius:50%;background:#2ecc71;box-shadow:0 0 0 0 rgba(46,204,113,.6);animation:dbPulse 2s infinite}
@keyframes dbPulse{0%{box-shadow:0 0 0 0 rgba(46,204,113,.6)}70%{box-shadow:0 0 0 8px rgba(46,204,113,0)}100%{box-shadow:0 0 0 0 rgba(46,204,113,0)}}
.db-assistant-panel{position:absolute;right:0;bottom:72px;width:min(390px,calc(100vw - 44px));background:#fff;border-radius:var(--r);box-shadow:var(--sh-lg);border:1px solid var(--line);overflow:hidden;display:flex;flex-direction:column}
.db-assistant-panel[hidden]{display:none}
.db-chat-head{display:flex;align-items:center;gap:12px;padding:15px 18px;background:linear-gradient(135deg,var(--db-800),var(--db-900));color:#fff}
.db-chat-head img{width:44px;height:44px;border-radius:50%;background:#fff;object-fit:cover;object-position:top}
.db-chat-head b{display:block;font-family:var(--font);font-weight:500;font-size:15px}
.db-chat-head small{color:var(--gold-l);font-size:12.5px;font-weight:600}
.db-chat-head button{margin-left:auto;color:#fff;font-size:22px;padding:4px 8px}
.db-chat-messages{padding:16px;display:flex;flex-direction:column;gap:10px;overflow-y:auto;max-height:360px;min-height:200px;background:var(--cream)}
.db-msg{max-width:86%;padding:11px 15px;border-radius:15px;font-size:14.5px;line-height:1.5}
.db-msg-bot{background:#fff;border:1px solid var(--line);border-bottom-left-radius:4px;align-self:flex-start}
.db-msg-user{background:var(--db-600);color:#fff;border-bottom-right-radius:4px;align-self:flex-end}
.db-msg a{font-weight:700;color:var(--gold-d);text-decoration:underline}
.db-msg-user a{color:#fff}
.db-chat-quick{display:flex;flex-wrap:wrap;gap:8px;padding:0 16px 12px;background:var(--cream)}
.db-chat-quick button{border:1px solid var(--line);background:#fff;border-radius:40px;padding:8px 14px;font-size:13px;font-weight:700;color:var(--db)}
.db-chat-quick button:hover{border-color:var(--gold);color:var(--gold-d)}
.db-chat-quick .db-quick-cta{background:linear-gradient(135deg,var(--gold-l),var(--gold));border-color:transparent;color:#2C2107}
.db-chat-quick .db-quick-cta:hover{color:#2C2107;border-color:transparent;filter:brightness(1.06)}
/* animacja „doradca pisze" (3 kropki) */
.db-typing{display:inline-flex;align-items:center;gap:5px;min-height:20px}
.db-typing span{width:7px;height:7px;border-radius:50%;background:var(--ink-3);animation:dbTyp .9s infinite both}
.db-typing span:nth-child(2){animation-delay:.14s}
.db-typing span:nth-child(3){animation-delay:.28s}
@keyframes dbTyp{0%,60%,100%{opacity:.3;transform:translateY(0)}30%{opacity:1;transform:translateY(-4px)}}
@media (prefers-reduced-motion:reduce){.db-typing span{animation:none;opacity:.6}}
/* nawigacja kroków asystenta: Wstecz + Dalej zawsze na dole, pełna szerokość */
.db-chat-nav{display:flex;gap:8px;width:100%;margin-top:6px}
.db-chat-nav .db-quick-back{flex:0 0 auto}
.db-chat-nav .db-quick-next{flex:1;text-align:center;justify-content:center}
/* multi-wybór produktów w asystencie */
.db-chat-quick .db-quick-multi.on{background:var(--db);border-color:var(--db);color:#fff}
.db-chat-quick .db-quick-multi.on:hover{color:#fff;border-color:var(--db)}
.db-chat-quick button:disabled{opacity:.45;cursor:not-allowed;filter:none}
/* formularz kontaktowy w dymku czatu */
.db-chat-lead{display:flex;flex-direction:column;gap:9px;width:100%;max-width:100%}
.db-chat-lead label{display:flex;flex-direction:column;gap:4px;font-size:12px;font-weight:700;color:var(--db-900)}
.db-chat-lead-row{display:flex;gap:9px;width:100%}
.db-chat-lead-row label{flex:1;min-width:0}
.db-chat-lead input[type="text"],.db-chat-lead input[type="tel"],.db-chat-lead input[type="email"]{width:100%;padding:11px 12px;border:1.5px solid var(--line);border-radius:10px;font:inherit;font-size:16px;background:#fff}
.db-chat-lead input:focus{outline:none;border-color:var(--db-500)}
.db-chat-lead .db-chat-rodo{flex-direction:row;align-items:flex-start;gap:8px;font-size:11px;font-weight:500;color:var(--ink-3);line-height:1.45}
.db-chat-lead .db-chat-rodo input{margin-top:2px;accent-color:var(--db)}
.db-chat-lead .db-chat-go{background:var(--orange);color:#fff;border-radius:30px;padding:11px 16px;font-family:var(--font);font-weight:800;font-size:14px;transition:filter .25s}
.db-chat-lead .db-chat-go:hover{filter:brightness(1.07)}
.db-chat-lead .db-chat-go:disabled{opacity:.6;cursor:wait}
.db-chat-err{color:#B3261E;font-size:12px;font-weight:700}
.db-chat-form{display:flex;border-top:1px solid var(--line)}
.db-chat-input{flex:1;padding:14px 16px;font:inherit;font-size:14.5px}
.db-chat-input:focus{outline:none}
.db-chat-send{background:var(--gold);color:#2C2107;padding:0 18px;font-weight:800;font-size:18px}

@media (max-width:640px){
  .db-assistant{right:14px;bottom:14px}
  .db-quote-fab{left:14px;bottom:14px}
  .db-quote-panel{left:14px}
}

/* MALE EKRANY: dlugi napis na przycisku moze sie zlamac, zeby nic nie wychodzilo poza kadr */
@media (max-width:560px){
  .db-btn{white-space:normal;text-align:center;padding-left:20px;padding-right:20px;line-height:1.25}
  .db-btn svg{flex:none}
}