:root {
    --accent:#e63946;
    --dark:#0b0b0b;
    --muted:#6b6b6b;
}

/* PODSTAWY */
* { box-sizing:border-box; }
body {
    font-family:Inter,system-ui,-apple-system,Roboto,"Helvetica Neue",Arial;
    margin:0;
    color:var(--dark);
    line-height:1.4;
}

/* ANIMACJA KART */
.card {
    background:#fff;
    padding:18px;
    border-radius:12px;
    box-shadow:0 6px 18px rgba(10,10,10,0.06);
    margin-top:18px;
    opacity:0;
    transform:translateY(25px);
    animation:fadeSlideIn .6s ease-out forwards;
}
@keyframes fadeSlideIn {
    from { opacity:0; transform:translateY(25px); }
    to   { opacity:1; transform:translateY(0); }
}

/* TOP BAR */
#top-bar-wrap {
    background:#0b0b0b;
    color:#fff;
    font-size:14px;
    padding:6px 0;
}
#top-bar {
    max-width:1100px;
    margin:auto;
    display:flex;
    justify-content:space-between;
    align-items:center;
    padding:0 16px;
    flex-wrap:wrap;
}
.topbar-content i { color:var(--accent); }

/* HEADER */
.header-bar {
    background:#2b2b2b;
    padding:15px 0;
    border-bottom:4px solid var(--accent);
}
.header-inner {
    max-width:1100px;
    margin:auto;
    display:flex;
    justify-content:space-between;
    align-items:center;
    padding:0 16px;
}
.header-logo img {
    width:349px;
    height:82px;
    object-fit:contain;
}
.nav-menu {
    display:flex;
    gap:28px;
    list-style:none;
    margin:0;
    padding:0;
}
.nav-menu li a {
    color:#fff;
    text-decoration:none;
    font-size:15px;
    transition:.3s;
}
.nav-menu li a:hover { color:var(--accent); }

/* RESPONSYWNY HEADER */
@media(max-width:900px) {
    .header-inner { flex-direction:column; gap:20px; }
    .header-logo img { width:260px; height:auto; }
}

/* GRID 3-KOLUMNOWY */
.grid-3col {
    display:grid;
    grid-template-columns:220px minmax(380px,1fr) 320px;
    gap:22px;
    align-items:start;
}
@media(max-width:1000px) {
    .grid-3col { grid-template-columns:1fr; }
}

/* LISTY */
.contact-list { list-style:none; padding:0; margin:0; }
.contact-list li { padding:10px 0; border-bottom:1px dashed #eee; }
.address { font-weight:600; }

/* IFRAME */
iframe {
    width:100%;
    height:250px;
    border:0;
    border-radius:12px;
}

/* BUTTON */
.btn {
    display:inline-block;
    padding:10px 14px;
    border-radius:10px;
    background:var(--accent);
    color:#fff;
    text-decoration:none;
    font-weight:600;
}

/* FOOTER */
footer {
    text-align:center;
    padding:20px;
    color:var(--muted);
    font-size:13px;
}

/* STATYSTYKI */
.stats-section {
    background:var(--accent);
    color:#fff;
    padding:60px 20px;
    text-align:center;
}
.stats-section h2 {
    font-size:28px;
    margin-bottom:40px;
}
.stats-grid {
    max-width:1000px;
    margin:auto;
    display:flex;
    justify-content:center;
    flex-wrap:wrap;
    gap:70px;
}
.stat-item { text-align:center; min-width:150px; }
.stat-number { font-size:42px; font-weight:700; }
.stat-label {
    margin-top:10px;
    font-size:12px;
    text-transform:uppercase;
    opacity:.9;
}

/* A U NAS */
.services-section {
    background:#2b2b2b;
    padding:80px 20px;
    text-align:center;
    color:#fff;
}
.services-section h2 {
    font-size:32px;
    letter-spacing:3px;
    margin-bottom:50px;
}
.services-grid {
    max-width:1200px;
    margin:auto;
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:30px;
}
.service-box {
    border:1px solid rgba(255,255,255,0.25);
    padding:40px 20px;
    border-radius:12px;
    background:rgba(0,0,0,0.1);
    transition:.25s;
}
.service-box:hover {
    background:rgba(255,255,255,0.06);
    transform:translateY(-5px);
}
.service-icon {
    width:80px;
    height:80px;
    margin:0 auto 20px;
    border-radius:50%;
    background:var(--accent);
    display:flex;
    align-items:center;
    justify-content:center;
}
.service-icon i { font-size:32px; color:#fff; }

@media(max-width:1000px) {
    .services-grid { grid-template-columns:repeat(2,1fr); }
}
@media(max-width:600px) {
    .services-grid { grid-template-columns:1fr; }
}

/* PROJEKTY */
.projects-section {
    background:#2b2b2b;
    padding:80px 20px;
    text-align:center;
    color:#fff;
}
.projects-grid {
    max-width:1200px;
    margin:auto;
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:40px;
}
.project-image {
    width:100%;
    height:600px;
    border-radius:6px;
    object-fit:cover;
    background:#111;
}
.project-title {
    margin-top:20px;
    font-size:16px;
    font-weight:600;
}
.project-desc { color:#ccc; font-size:13px; margin-top:6px; }
.project-line {
    width:50px;
    height:2px;
    background:#555;
    margin:14px auto 0;
}

@media(max-width:1000px) {
    .projects-grid { grid-template-columns:repeat(2,1fr); }
}
@media(max-width:700px) {
    .projects-grid { grid-template-columns:1fr; }
    .project-image { height:350px; }
}

/* WHATSAPP FLOAT */
.whatsapp-float {
    position:fixed;
    width:60px;
    height:60px;
    bottom:20px;
    right:20px;
    background:#25d366;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    box-shadow:2px 2px 10px rgba(0,0,0,0.3);
    z-index:999;
}
.whatsapp-float img {
    width:35px;
    height:35px;
}

/* KONTAKT DARK SECTION */
.contact-section-dark {
    background:#2b2b2b;
    padding:80px 20px;
    text-align:center;
    color:#fff;
}
.contact-title {
    font-size:32px;
    margin-bottom:40px;
}

.contact-wrapper {
    max-width:1100px;
    margin:0 auto 50px;
    display:grid;
    grid-template-columns:1fr 260px;
    gap:30px;
}

.contact-map iframe {
    width:100%;
    height:330px;
    border-radius:12px;
}

.contact-details {
    display:flex;
    flex-direction:column;
    gap:25px;
}
.contact-row {
    display:flex;
    gap:12px;
    align-items:center;
    font-size:18px;
}
.contact-row i {
    color:var(--accent);
    font-size:22px;
}
.contact-row a, .contact-row span {
    color:#fff;
}

@media(max-width:900px) {
    .contact-wrapper { grid-template-columns:1fr; text-align:center; }
}

/* FORMULARZ */
.contact-form-box {
    max-width:650px;
    margin:40px auto 0;
    text-align:left;
}
.contact-form-box h3 {
    text-align:center;
    margin-bottom:25px;
}
.contact-form label {
    display:block;
    margin-top:12px;
}
.contact-form input,
.contact-form textarea {
    width:100%;
    padding:12px;
    margin-top:6px;
    border-radius:8px;
    border:none;
    background:#1f1f1f;
    color:#fff;
}
.contact-form textarea {
    height:130px;
    resize:none;
}
.btn-red {
    margin-top:18px;
    width:100%;
    background:var(--accent);
    color:#fff;
    padding:14px;
    border-radius:8px;
    border:none;
    font-size:16px;
    cursor:pointer;
}
.btn-red:hover { opacity:.85; }

#h-success-message,
.hs-form-success,
div[id*="success"] {
    display: none !important;
}