@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@400;600;700;900&family=Barlow:wght@300;400;500;600&display=swap');

:root {
    --bg:#09090b; --bg2:#0d0d0f; --card:#131315; --card2:#1a1a1e;
    --border:#222228; --border2:#2e2e38;
    --gold:#f0a500; --gold-lt:#ffc32b; --gold-dim:rgba(240,165,0,.09); --gold-glow:rgba(240,165,0,.2);
    --blue:#60a5fa; --teal:#34d399; --purple:#a78bfa;
    --text:#f5f5f7; --text2:#c7c7cf; --muted:#6b6b78; --subtle:#45454f;
    --red:#f87171; --red-dim:rgba(248,113,113,.1);
    --green:#4ade80; --green-dim:rgba(74,222,128,.08);
}

*,*::before,*::after{margin:0;padding:0;box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{background:var(--bg);color:var(--text2);font-family:'Barlow',sans-serif;line-height:1.6;overflow-x:hidden;}
::-webkit-scrollbar{width:5px;} ::-webkit-scrollbar-track{background:var(--bg);}
::-webkit-scrollbar-thumb{background:var(--border2);border-radius:3px;}
::-webkit-scrollbar-thumb:hover{background:var(--gold);}

/* ══ NAVBAR ══ */
#main-nav {
    position:fixed; top:0; left:0; right:0; z-index:1000;
    height:64px; padding:0 6%;
    display:flex; align-items:center; justify-content:space-between;
    background:rgba(9,9,11,.92); backdrop-filter:blur(20px);
    border-bottom:1px solid rgba(240,165,0,.12);
    transition:background .3s;
}
#main-nav.scrolled { background:rgba(9,9,11,.98); }
#main-nav::after {
    content:''; position:absolute; bottom:0; left:0; right:0; height:1px;
    background:linear-gradient(90deg,transparent,rgba(240,165,0,.4),transparent);
    pointer-events:none;
}

.nav-logo {
    font-family:'Barlow Condensed',sans-serif; font-weight:900; font-size:1.75rem;
    letter-spacing:-.02em; color:var(--text); text-decoration:none;
    display:flex; align-items:center; flex-shrink:0;
}
.nav-logo span{color:var(--gold);}
.nav-logo-dot {
    width:6px; height:6px; background:var(--gold-lt); border-radius:50%;
    display:inline-block; margin-left:3px; position:relative; top:-7px;
    box-shadow:0 0 8px var(--gold-lt); animation:dotpulse 2.5s ease-in-out infinite;
}
@keyframes dotpulse{0%,100%{opacity:1;box-shadow:0 0 6px var(--gold-lt);}50%{opacity:.3;box-shadow:0 0 16px var(--gold-lt);}}

/* Desktop links */
.nav-links {
    display:flex; gap:.2rem; list-style:none; align-items:center; margin:0; padding:0;
}
.nav-links li a {
    color:var(--muted); text-decoration:none; font-size:.8rem; font-weight:500;
    letter-spacing:.08em; text-transform:uppercase; padding:.5rem 1rem; border-radius:5px;
    transition:color .18s,background .18s; position:relative; white-space:nowrap; display:block;
}
.nav-links li a::after {
    content:''; position:absolute; bottom:4px; left:1rem; right:1rem; height:1px;
    background:var(--gold); transform:scaleX(0); transform-origin:left; transition:transform .25s;
}
.nav-links li a:hover{color:var(--text);}
.nav-links li a:hover::after{transform:scaleX(1);}
.nav-links li.nav-cta a {
    color:var(--gold); border:1px solid rgba(240,165,0,.35); margin-left:.5rem; padding:.42rem 1.1rem;
}
.nav-links li.nav-cta a::after{display:none;}
.nav-links li.nav-cta a:hover{background:var(--gold);color:#000;border-color:var(--gold);}

/* Hamburger */
.nav-hamburger {
    display:none; flex-direction:column; justify-content:center; gap:5px;
    cursor:pointer; padding:.5rem; background:none; border:none; z-index:1100;
    -webkit-tap-highlight-color:transparent; flex-shrink:0;
}
.nav-hamburger span {
    display:block; width:22px; height:2px; background:var(--text2); border-radius:2px;
    transition:transform .28s,opacity .2s,background .2s; transform-origin:center;
}
.nav-hamburger.open span{background:var(--gold-lt);}
.nav-hamburger.open span:nth-child(1){transform:translateY(7px) rotate(45deg);}
.nav-hamburger.open span:nth-child(2){opacity:0;transform:scaleX(0);}
.nav-hamburger.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg);}

/* ══ MOBILE MENU — osobny element ══ */
#mobile-menu {
    display:none; /* tylko na mobile */
    position:fixed;
    top:0; left:0; right:0; bottom:0;
    z-index:999;
    background:#09090b;
    padding-top:64px;
    flex-direction:column;
    overflow-y:auto;
    /* Animacja */
    opacity:0;
    transform:translateY(-12px);
    transition:opacity .25s ease, transform .25s ease;
    pointer-events:none;
}
#mobile-menu.open {
    opacity:1;
    transform:translateY(0);
    pointer-events:all;
}
#mobile-menu ul {
    list-style:none; margin:0; padding:1rem 0 3rem;
    display:flex; flex-direction:column;
    border-top:1px solid var(--border);
}
#mobile-menu ul li a {
    display:block; padding:1.1rem 6%;
    font-size:1.05rem; font-weight:600; letter-spacing:.06em;
    text-transform:uppercase; text-decoration:none;
    color:var(--text2); border-bottom:1px solid var(--border);
    transition:background .15s, color .15s;
}
#mobile-menu ul li a:hover { background:rgba(240,165,0,.06); color:var(--gold-lt); }
#mobile-menu ul li.cta { padding:1.5rem 6% 0; }
#mobile-menu ul li.cta a {
    border-radius:8px; border:1px solid rgba(240,165,0,.4);
    color:var(--gold); text-align:center; padding:1rem;
    border-bottom:none;
}
#mobile-menu ul li.cta a:hover { background:var(--gold); color:#000; }

/* ══ HERO ══ */
.hero {
    min-height:100vh; display:flex; align-items:center;
    padding:120px 6% 80px; position:relative; overflow:hidden;
}
#hero-canvas { position:absolute; inset:0; width:100%; height:100%; pointer-events:none; opacity:.55; }
.hero-bg {
    position:absolute; inset:0; pointer-events:none;
    background:
        radial-gradient(ellipse 70% 60% at 75% 35%,rgba(240,165,0,.07) 0%,transparent 65%),
        radial-gradient(ellipse 50% 50% at 10% 80%,rgba(96,165,250,.04) 0%,transparent 60%);
}
.hero-glow {
    position:absolute; width:700px; height:700px; right:-200px; top:50%; transform:translateY(-50%);
    background:radial-gradient(circle,rgba(240,165,0,.07) 0%,transparent 70%);
    border-radius:50%; pointer-events:none; animation:glowPulse 6s ease-in-out infinite;
}
@keyframes glowPulse{0%,100%{opacity:1;transform:translateY(-50%) scale(1);}50%{opacity:.6;transform:translateY(-52%) scale(1.05);}}
.hero-content { position:relative; max-width:700px; z-index:1; }

.hero-badge {
    display:inline-flex; align-items:center; gap:.5rem;
    background:linear-gradient(var(--bg),var(--bg)) padding-box,
               linear-gradient(135deg,var(--gold),var(--gold-lt),var(--gold)) border-box;
    border:1px solid transparent; color:var(--gold-lt); font-size:.7rem; font-weight:700;
    letter-spacing:.14em; text-transform:uppercase; padding:.35rem 1rem; border-radius:20px;
    margin-bottom:1.5rem; animation:fadeUp .6s ease both;
}
.hero-badge-dot{width:6px;height:6px;background:var(--gold);border-radius:50%;box-shadow:0 0 8px var(--gold);animation:blink 2s infinite;}
@keyframes blink{0%,100%{opacity:1}50%{opacity:.25}}

h1 {
    font-family:'Barlow Condensed',sans-serif; font-weight:900;
    font-size:clamp(3rem,8vw,6rem); line-height:.95; letter-spacing:-.02em;
    text-transform:uppercase; color:var(--text); margin-bottom:1.5rem; animation:fadeUp .6s ease .1s both;
}
h1 em {
    font-style:normal; display:block;
    background:linear-gradient(120deg,var(--gold) 0%,var(--gold-lt) 40%,#fff8e1 55%,var(--gold-lt) 70%,var(--gold) 100%);
    background-size:300% auto; -webkit-background-clip:text; -webkit-text-fill-color:transparent;
    background-clip:text; animation:shimmer 3s linear infinite;
}
@keyframes shimmer{0%{background-position:0%}100%{background-position:300%}}
.hero-sub{font-size:1rem;color:var(--muted);line-height:1.75;max-width:480px;margin-bottom:2.5rem;animation:fadeUp .6s ease .2s both;}
.hero-actions{display:flex;gap:1rem;flex-wrap:wrap;animation:fadeUp .6s ease .3s both;}

.btn {
    display:inline-flex; align-items:center; gap:.5rem; padding:.8rem 1.75rem;
    font-family:'Barlow',sans-serif; font-size:.875rem; font-weight:700; letter-spacing:.04em;
    text-decoration:none; border-radius:6px; cursor:pointer; border:none; transition:all .2s;
    text-transform:uppercase; position:relative; overflow:hidden;
}
.btn-blue{background:linear-gradient(135deg,var(--gold) 0%,var(--gold-lt) 60%,var(--gold) 100%);background-size:200% auto;color:#000;box-shadow:0 4px 22px var(--gold-glow);}
.btn-blue:hover{background-position:right center;transform:translateY(-2px);box-shadow:0 8px 32px rgba(240,165,0,.4);}
.btn-outline{background:transparent;border:1px solid var(--border2);color:var(--text2);}
.btn-outline:hover{border-color:var(--gold);color:var(--gold);background:rgba(240,165,0,.05);}
.btn span.ripple{position:absolute;border-radius:50%;background:rgba(255,255,255,.22);transform:scale(0);animation:ripple .5s linear;pointer-events:none;}
@keyframes ripple{to{transform:scale(4);opacity:0}}

.hero-stats{display:flex;gap:0;margin-top:4rem;animation:fadeUp .6s ease .4s both;border-top:1px solid var(--border);padding-top:2rem;}
.hero-stats>div{padding:0 2rem 0 0;margin-right:2rem;border-right:1px solid var(--border2);transition:transform .2s;}
.hero-stats>div:last-child{border-right:none;margin-right:0;padding-right:0;}
.hero-stats>div:hover{transform:translateY(-3px);}
.stat-num{font-family:'Barlow Condensed',sans-serif;font-size:2.2rem;font-weight:900;line-height:1;background:linear-gradient(135deg,var(--gold),var(--gold-lt));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;}
.stat-label{font-size:.73rem;color:var(--muted);text-transform:uppercase;letter-spacing:.08em;margin-top:.25rem;}
@keyframes fadeUp{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}

/* ══ SECTIONS ══ */
section{padding:96px 6%;}
.section-label{font-size:.68rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--gold);margin-bottom:.5rem;display:flex;align-items:center;gap:.6rem;}
.section-label::before{content:'';width:22px;height:1px;background:linear-gradient(90deg,var(--gold),transparent);}
.section-title{font-family:'Barlow Condensed',sans-serif;font-weight:900;font-size:clamp(2rem,5vw,3.5rem);text-transform:uppercase;line-height:1;color:var(--text);letter-spacing:-.01em;margin-bottom:1rem;}
#o-nas   .section-label{color:#fbbf24;} #o-nas   .section-label::before{background:linear-gradient(90deg,#fbbf24,transparent);}
#cennik  .section-label{color:var(--blue);} #cennik  .section-label::before{background:linear-gradient(90deg,var(--blue),transparent);}
#kontakt .section-label{color:var(--teal);} #kontakt .section-label::before{background:linear-gradient(90deg,var(--teal),transparent);}

/* ══ REVEAL ══ */
.reveal{opacity:0;transform:translateY(30px);transition:opacity .6s ease,transform .6s ease;}
.reveal.visible{opacity:1;transform:translateY(0);}
.reveal-left{opacity:0;transform:translateX(-28px);transition:opacity .6s ease,transform .6s ease;}
.reveal-left.visible{opacity:1;transform:translateX(0);}

/* ══ WHY CARDS ══ */
.why-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1px;background:var(--border);border:1px solid var(--border);border-radius:12px;overflow:hidden;margin-top:3rem;}
.why-card{background:var(--card);padding:2.25rem 2rem;transition:background .22s,transform .22s;position:relative;}
.why-card::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;opacity:0;transition:opacity .3s;}
.why-card:nth-child(1)::before{background:linear-gradient(90deg,#fbbf24,#f59e0b);}
.why-card:nth-child(2)::before{background:linear-gradient(90deg,var(--blue),#3b82f6);}
.why-card:nth-child(3)::before{background:linear-gradient(90deg,var(--teal),#059669);}
.why-card:nth-child(4)::before{background:linear-gradient(90deg,var(--gold),var(--gold-lt));}
.why-card:hover{background:var(--card2);transform:translateY(-2px);}
.why-card:hover::before{opacity:1;}
.why-icon{font-size:1.7rem;margin-bottom:.9rem;display:block;transition:transform .3s;}
.why-card:hover .why-icon{transform:scale(1.2) rotate(-6deg);}
.why-card:nth-child(1) .why-icon{filter:drop-shadow(0 0 8px rgba(251,191,36,.5));}
.why-card:nth-child(2) .why-icon{filter:drop-shadow(0 0 8px rgba(96,165,250,.5));}
.why-card:nth-child(3) .why-icon{filter:drop-shadow(0 0 8px rgba(52,211,153,.5));}
.why-card:nth-child(4) .why-icon{filter:drop-shadow(0 0 8px rgba(240,165,0,.5));}
.why-card h3{font-family:'Barlow Condensed',sans-serif;font-size:1.3rem;font-weight:700;color:var(--text);text-transform:uppercase;margin-bottom:.4rem;}
.why-card p{font-size:.9rem;color:var(--muted);line-height:1.65;}

/* ══ CENNIK ══ */
#cennik{background:linear-gradient(180deg,var(--bg2) 0%,#0a0a0d 100%);}
.cennik-search input{
    width:100%;max-width:420px;background:var(--card);border:1px solid var(--border);
    color:var(--text);padding:.75rem 1.1rem;border-radius:6px;font-size:.875rem;font-family:inherit;
    outline:none;transition:border-color .2s,box-shadow .2s;margin-bottom:1.25rem;display:block;
}
.cennik-search input:focus{border-color:var(--gold);box-shadow:0 0 0 3px rgba(240,165,0,.08);}
.cennik-search input::placeholder{color:var(--muted);}

/* Tabs — scrollowalne poziomo */
.marki-tabs-wrap{position:relative;margin-bottom:1.5rem;}
.marki-tabs-wrap::after{
    content:'';position:absolute;right:0;top:0;bottom:6px;width:60px;
    background:linear-gradient(90deg,transparent,var(--bg2));pointer-events:none;
}
.marki-tabs{
    display:flex;gap:.4rem;overflow-x:auto;padding-bottom:6px;
    scrollbar-width:thin;scrollbar-color:var(--border2) transparent;
    -webkit-overflow-scrolling:touch;
}
.marki-tabs::-webkit-scrollbar{height:3px;}
.marki-tabs::-webkit-scrollbar-track{background:transparent;}
.marki-tabs::-webkit-scrollbar-thumb{background:var(--border2);border-radius:2px;}

.marka-tab{
    flex-shrink:0;padding:.38rem .95rem;background:var(--card);border:1px solid var(--border);
    color:var(--muted);border-radius:20px;cursor:pointer;font-size:.75rem;font-weight:600;
    letter-spacing:.04em;text-transform:uppercase;transition:all .18s;white-space:nowrap;
    font-family:'Barlow',sans-serif;
}
.marka-tab:hover{border-color:var(--gold);color:var(--text2);}
.marka-tab.active{border-color:var(--gold);color:var(--gold);background:var(--gold-dim);}
.tab-polecane{background:var(--gold-dim);border-color:rgba(240,165,0,.4);color:var(--gold);}
.tab-polecane.active{background:var(--gold);color:#000;border-color:var(--gold);}

/* Tabela */
.cennik-table-wrap{overflow-x:auto;overflow-y:auto;max-height:500px;border:1px solid var(--border);border-radius:10px;}
.cennik-table-wrap thead th{position:sticky;top:0;z-index:2;}
.cennik-table-wrap::-webkit-scrollbar{width:4px;height:4px;}
.cennik-table-wrap::-webkit-scrollbar-track{background:var(--card);}
.cennik-table-wrap::-webkit-scrollbar-thumb{background:var(--border2);border-radius:2px;}
table{width:100%;border-collapse:collapse;}
thead th{background:var(--card2);padding:.85rem 1.1rem;text-align:left;font-size:.68rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);border-bottom:1px solid var(--border);}
tbody tr{border-bottom:1px solid rgba(34,34,42,.8);transition:background .1s;}
tbody tr:last-child{border-bottom:none;}
tbody tr:nth-child(even){background:rgba(255,255,255,.008);}
tbody tr:hover{background:rgba(240,165,0,.04);}
tbody td{padding:.9rem 1.1rem;font-size:.875rem;color:var(--text2);}
tbody td:first-child{border-left:2px solid transparent;transition:border-color .15s;}
tbody tr:hover td:first-child{border-left-color:var(--gold);}
.marka-badge{font-family:'Barlow Condensed',sans-serif;font-weight:700;font-size:1rem;color:var(--text);}
.cena{font-family:'Barlow Condensed',sans-serif;font-weight:700;font-size:1rem;color:var(--gold);}
.czas-badge{display:inline-block;background:rgba(74,222,128,.07);border:1px solid rgba(74,222,128,.2);color:var(--green);font-size:.7rem;font-weight:600;padding:.2rem .65rem;border-radius:20px;}
.polecane-badge{display:inline-block;font-size:.75rem;margin-left:.3rem;vertical-align:middle;}

/* ══ KONTAKT ══ */
.kontakt-grid{display:grid;grid-template-columns:1fr 1.5fr;gap:5rem;margin-top:3rem;align-items:start;}
.kontakt-info h3{font-family:'Barlow Condensed',sans-serif;font-size:1.9rem;font-weight:900;color:var(--text);text-transform:uppercase;margin-bottom:2rem;}
.info-item{display:flex;align-items:center;gap:1.1rem;margin-bottom:1rem;padding:1.1rem 1.25rem;background:var(--card);border:1px solid var(--border);border-radius:8px;transition:border-color .2s,background .2s,transform .2s;}
.info-item:hover{border-color:rgba(240,165,0,.35);background:var(--card2);transform:translateX(4px);}
.info-icon{width:46px;height:46px;display:flex;align-items:center;justify-content:center;font-size:1.2rem;border-radius:8px;flex-shrink:0;transition:box-shadow .3s;}
.info-item:nth-child(1) .info-icon{background:rgba(96,165,250,.1);border:1px solid rgba(96,165,250,.25);}
.info-item:nth-child(2) .info-icon{background:rgba(74,222,128,.1);border:1px solid rgba(74,222,128,.25);}
.info-item:nth-child(3) .info-icon{background:rgba(240,165,0,.1);border:1px solid rgba(240,165,0,.25);}
.info-item:hover .info-icon{box-shadow:0 0 18px rgba(240,165,0,.2);}
.info-item h4{font-size:.67rem;text-transform:uppercase;letter-spacing:.1em;color:var(--muted);margin-bottom:.2rem;}
.info-item p{font-size:.95rem;font-weight:500;color:var(--text2);}
.info-item a{color:var(--gold);text-decoration:none;}
.info-item a:hover{color:var(--gold-lt);}

.form-card{background:var(--card);border:1px solid var(--border);border-radius:12px;padding:2.25rem;}
.form-card h3{font-family:'Barlow Condensed',sans-serif;font-size:1.6rem;font-weight:900;color:var(--text);text-transform:uppercase;margin-bottom:1.5rem;}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:.9rem;}
.form-group{margin-bottom:.9rem;}
label{display:block;font-size:.68rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin-bottom:.35rem;}
input[type="text"],input[type="email"],input[type="tel"],textarea{
    width:100%;background:var(--bg);border:1px solid var(--border);color:var(--text);
    padding:.7rem 1rem;border-radius:6px;font-size:.875rem;font-family:inherit;
    outline:none;transition:border-color .2s,box-shadow .2s;
}
input:focus,textarea:focus{border-color:var(--gold);box-shadow:0 0 0 3px rgba(240,165,0,.09);}
input::placeholder,textarea::placeholder{color:var(--muted);}
textarea{resize:vertical;min-height:120px;}
.form-submit{margin-top:1rem;}
.form-submit .btn{width:100%;justify-content:center;}
#form-msg{margin-top:.75rem;padding:.65rem .95rem;border-radius:6px;font-size:.875rem;display:none;}
#form-msg.success{background:var(--green-dim);border:1px solid rgba(74,222,128,.25);color:var(--green);}
#form-msg.error{background:var(--red-dim);border:1px solid rgba(248,113,113,.25);color:var(--red);}

/* ══ FOOTER ══ */
footer{background:var(--bg2);border-top:1px solid var(--border);padding:2.25rem 6%;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1.25rem;position:relative;}
footer::before{content:'';position:absolute;top:-1px;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--gold),var(--gold-lt),var(--gold),transparent);background-size:200% auto;animation:scanline 4s linear infinite;}
@keyframes scanline{0%{background-position:200% center}100%{background-position:-200% center}}
.footer-left{display:flex;flex-direction:column;gap:.3rem;}
.footer-logo{font-family:'Barlow Condensed',sans-serif;font-weight:900;font-size:1.5rem;letter-spacing:-.02em;color:var(--text);text-decoration:none;display:flex;align-items:center;}
.footer-logo span{color:var(--gold);}
.footer-logo-dot{width:5px;height:5px;background:var(--gold-lt);border-radius:50%;display:inline-block;margin-left:3px;position:relative;top:-5px;box-shadow:0 0 8px var(--gold);animation:dotpulse 2.5s ease-in-out infinite;}
footer p{color:var(--muted);font-size:.82rem;}
.footer-right{display:flex;align-items:center;gap:.75rem;}
.footer-social{display:flex;align-items:center;gap:.45rem;}
.social-link{width:36px;height:36px;border-radius:8px;display:flex;align-items:center;justify-content:center;text-decoration:none;border:1px solid var(--border);color:var(--muted);transition:all .2s;}
.social-link svg{width:16px;height:16px;}
.social-link:hover{transform:translateY(-3px);}
.social-fb:hover{background:rgba(24,119,242,.15);border-color:rgba(24,119,242,.4);color:#1877f2;}
.social-ig:hover{background:rgba(228,64,95,.15);border-color:rgba(228,64,95,.4);color:#e4405f;}
.social-wa:hover{background:rgba(37,211,102,.15);border-color:rgba(37,211,102,.4);color:#25d366;}
.footer-admin-link{color:var(--border2);text-decoration:none;font-size:.7rem;transition:color .2s;letter-spacing:.2em;padding:.2rem;}
.footer-admin-link:hover{color:var(--muted);}
.hidden{display:none !important;}

/* ══ TYPEWRITER ══ */
.typewriter-cursor{display:inline-block;width:3px;height:.8em;background:var(--gold);margin-left:4px;vertical-align:middle;position:relative;top:-2px;animation:cursorBlink .8s ease-in-out infinite;}
@keyframes cursorBlink{0%,100%{opacity:1}50%{opacity:0}}

/* ══ MOBILE — max 700px ══ */
@media (max-width:700px) {
    #main-nav { padding:0 5%; height:60px; }
    #main-nav::after { display:none; }
    .nav-links { display:none; } /* schowaj desktop links */
    .nav-hamburger { display:flex; }
    #mobile-menu { display:flex; padding-top:60px; } /* aktywuj mobile menu */

    .hero { padding:96px 5% 60px; }
    h1 { font-size:clamp(2.5rem,12vw,3.8rem); }
    .hero-sub { font-size:.95rem; }
    .hero-stats { gap:0; flex-wrap:wrap; }
    .hero-stats>div { padding:.5rem 1.5rem .5rem 0; margin-right:1.5rem; }
    .hero-actions { flex-direction:column; }
    .hero-actions .btn { width:100%; justify-content:center; }

    section { padding:64px 5%; }
    .section-title { font-size:clamp(1.8rem,7vw,2.5rem); }
    .why-grid { grid-template-columns:1fr; }
    .cennik-search input { max-width:100%; }
    .marki-tabs-wrap::after { display:none; }
    .kontakt-grid { grid-template-columns:1fr; gap:2rem; }
    .kontakt-info h3 { font-size:1.5rem; }
    .form-row { grid-template-columns:1fr; }
    .form-card { padding:1.5rem; }
    footer { flex-direction:column; align-items:flex-start; gap:.75rem; padding:1.75rem 5%; }
    .footer-right { width:100%; }
}
@media (max-width:480px) {
    h1 { font-size:clamp(2.2rem,12vw,3rem); }
    .hero-stats>div { padding:.4rem 1.25rem .4rem 0; margin-right:1.25rem; }
    .stat-num { font-size:1.8rem; }
    .info-item { padding:.9rem 1rem; }
    .info-icon { width:38px; height:38px; font-size:1rem; }
}