/* --- Styl podstawowy --- */
.intro{max-width:900px;margin:0 auto;padding:20px;line-height:1.6;font-size:16px;}
h3{margin-top:20px;font-size:20px;font-weight:700;}
.offer-summary h2{margin-top:20px;font-size:24px;font-weight:700;}
.offer-summary h2 strong:first-child{color:#58a935;}

/* --- Układ kart --- */
.cards{
    display:flex;
    justify-content:center;
    gap:50px;
    flex-wrap:wrap;
    margin:40px auto 60px;
}
.cards h3{width:100%;text-align:center;margin-bottom:30px;}

/* --- Karta --- */
.card{
    display:block;
    background:#fff;
    width:100%;
    max-width:400px;
    padding:40px 25px;
    border-radius:18px;
    box-shadow:0 6px 25px rgba(0,0,0,0.25);
    text-align:center;
    text-decoration:none;
    color:inherit;
    transition:transform .25s ease,box-shadow .25s ease;
    will-change:transform;
}
.card:hover{transform:translateY(-12px);box-shadow:0 16px 40px rgba(0,0,0,0.32);}
.card img{width:260px;height:auto;object-fit:contain;display:block;margin:0 auto 20px;}
.card p{font-size:15px;color:#555;font-weight:600;}

/* --- Footer --- */
.mikup-footer{background:#0b1228;color:#fff;padding:25px 15px;text-align:center;margin-top:60px;line-height:1.4;}
.mikup-footer .brand{color:#f4c542;font-weight:600;}
.footer-top{font-size:16px;margin-bottom:10px;}
.footer-bottom{font-size:14px;margin-top:10px;color:#aaa;}

/* --- Media Queries --- */
@media(max-width:768px){
    .logo{width:150px;height:150px;}
    .header-tagline{font-size:20px;margin:5px 20px;}
    .intro{padding:10px 20px;font-size:15px;}
    .offer-summary h2{font-size:20px;}
    .cards{gap:30px;}
    .card{padding:30px 15px;}
    .card img{width:220px;}
    .footer-top{font-size:15px;}
    .footer-bottom{font-size:13px;}
}

@media(max-width:480px){
    .logo{width:120px;height:120px;}
    .header-tagline{font-size:18px;}
    h3{font-size:17px;}
    .card img{width:180px;}
}