.kontakt{letter-spacing: 1.5px;;display:inline-block; background:var(--brand); color:#fff; padding:10px 16px; border-radius:10px; font-weight:700; cursor:pointer;} 
 .cenik{letter-spacing: 1.5px;;display:inline-block; background:var(--brand); color:#fff;  padding:10px 16px; border-radius:10px; font-weight:700; cursor:pointer;} 
 #kta{font-weight: 300;;text-decoration:none;border: 1.5px dashed #000;background:none;color:white;margin-bottom:5px;}
 .btn{ display:inline-block; background:var(--brand); color:#fff; border:0; padding:10px 16px; border-radius:10px; font-weight:700; cursor:pointer; }
 
 @media (max-width: 768px) {
      #poptat {font-weight:300;font-size:18px;color:red;}
}
}
 :root{ --brand:#0EA5E9; --line:#e5e7eb; --text:#111; }
    body{ font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif; margin:0; background:#f7fafc; color:var(--text); }
    .wrap{ max-width:880px; margin:24px auto; padding:0 16px; }
    h1{ margin:10px 0 12px; font-size:clamp(24px,3.8vw,32px); }
    form{ background:#fff; border:1px solid var(--line); border-radius:12px; padding:16px; box-shadow:0 6px 18px rgba(16,24,40,.04); }
    .grid{ display:grid; gap:12px; grid-template-columns:1fr 1fr; }
    @media (max-width:720px){ .grid{ grid-template-columns:1fr; } }
    label{ display:block; font-weight:600; margin:2px 0 4px; }
    input[type="text"], input[type="email"], input[type="tel"], textarea{
      width:100%; padding:10px 12px; border:1px solid var(--line); border-radius:8px; font:inherit; background:#fff;
    }
    textarea{ min-height:110px; resize:vertical; }
    .help{ color:#475569; font-size:13px; margin-top:2px; }
   .group{text-align:center;width:600px;margin-top:10px; padding:12px; border:1px dashed var(--line); border-radius:10px; background:#fafcff; }
    .services{ display:grid; gap:8px; grid-template-columns:1fr 1fr; }
    @media (max-width:720px){ .services{ grid-template-columns:1fr; } }
    .row{ display:flex; gap:10px; align-items:center; }
    .btn{ display:inline-block; background:var(--brand); color:#fff; border:0; padding:12px 16px; border-radius:10px; font-weight:700; cursor:pointer; }
    .btn:hover{ filter:brightness(.96); }
    .error{ background:#fee2e2; color:#991b1b; border:1px solid #fecaca; padding:10px; border-radius:8px; margin-bottom:10px; display:none; }
    .success{ background:#dcfce7; color:#166534; border:1px solid #bbf7d0; padding:10px; border-radius:8px; margin-bottom:10px; display:none; }
    .req{ color:#ef4444; margin-left:4px; }
    .honeypot{ position:absolute; left:-9999px; top:-9999px; height:0; width:0; overflow:hidden; }
body { 
    font-family: sans-serif;
    padding:0px;
    margin:0px;
    }
  #barvaaa {
    text-align:center;
    border-radius:10px;
    color:black;
    margin:10px; /*display: flex;*/
    align-items: center;
    padding: 14px;
    background: #fff;
    border: 1px solid #e8eef3;
    text-decoration: none;
   }
   i{font-size:20px}
body{paddin:0px;margin:0px;}
a {color:white;}
.site-footer{
  background: linear-gradient(5deg, #0EA5E9, #0EA5E9, #0EA5E9); color:#cfd6de;
  border-top:1px solid rgba(255,255,255,.08);
  font-family: system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
}
.footer__wrap{
  max-width:1100px; margin:0 auto; padding:22px 16px;
}
.footer__brand{
  display:flex; align-items:center; justify-content:space-between; gap:16px;
  padding-bottom:14px; border-bottom:1px solid rgba(255,255,255,.08);
}
.footer__brand strong{ color:#fff; font-size:clamp(16px,2.2vw,18px); font-weight:700; letter-spacing:.2px; }

.footer__social a{
  display:inline-flex; align-items:center; justify-content:center;
  width:34px; height:34px; border-radius:8px;
  background:#121923; color:#cfd6de; text-decoration:none; margin-left:8px;
  transition: transform .15s ease, filter .15s ease, background .15s ease;
}
.footer__social a:first-child{ margin-left:0; }
.footer__social a:hover{ transform:translateY(-1px); filter:brightness(1.1); }

.footer__grid{
  display:grid; gap:14px; grid-template-columns: 1fr 1fr;
  padding-top:14px;
}
.footer__col{color:white;}
.footer__list{ list-style:none; margin:0; padding:0; }
.footer__list li{
  display:flex; align-items:center; gap:10px;
  padding:6px 0; font-size:15px;
}
.footer__list a{ color:#FFF; text-decoration:none; font-size:15px; }
.footer__list a:hover{ text-decoration:underline; }
.footer__list i{ width:12px; text-align:center; opacity:.9;color:#fff;letter-spacing: 9.9px; word-spacing: 9.9px;margin:9px; }

@media (max-width:720px){
  .footer__brand{ flex-direction:column; align-items:flex-start; gap:10px; }
  .footer__grid{ grid-template-columns:1fr; }
  .footer__social a{ width:32px; height:32px; border-radius:7px; }
}
}