Meble dziecięce – oferta w naszych katalogach

<section class="catalog-section">
    <div class="container">

        <div class="section-header">
            <span class="section-tag">Katalogi PPM</span>
            <h2>Poznaj nasze katalogi produktów dziecięcych</h2>
            <p>
                Odkryj kolekcje stworzone z myślą o komforcie, bezpieczeństwie
                i prawidłowym rozwoju najmłodszych. W naszych katalogach znajdziesz
                szeroki wybór mebli dziecięcych oraz akcesoriów do wyposażenia pokoju dziecka.
            </p>
        </div>

        <div class="benefits-grid">

            <div class="benefit-card">
                <div class="icon">🛏️</div>
                <h3>Łóżeczka dziecięce</h3>
                <p>Nowoczesne łóżeczka niemowlęce, baby bed oraz funkcjonalne cot bed.</p>
            </div>

            <div class="benefit-card">
                <div class="icon">☁️</div>
                <h3>Materace</h3>
                <p>Materace dziecięce zapewniające komfortowy i zdrowy sen.</p>
            </div>

            <div class="benefit-card">
                <div class="icon">🧸</div>
                <h3>Akcesoria</h3>
                <p>Praktyczne dodatki do wyposażenia pokoju dziecka.</p>
            </div>

            <div class="benefit-card">
                <div class="icon">🛡️</div>
                <h3>Bezpieczeństwo</h3>
                <p>Sprawdzone materiały i rozwiązania zgodne z najwyższymi standardami.</p>
            </div>

        </div>

        <div class="content-box">
            <h3>Dlaczego warto przejrzeć nasze katalogi?</h3>

            <p>
                Katalogi PPM zostały przygotowane w przejrzysty i intuicyjny sposób,
                dzięki czemu łatwo porównasz dostępne modele, materiały oraz funkcjonalności.
                Znajdziesz w nich szczegółowe opisy produktów, inspiracje aranżacyjne
                oraz rozwiązania dopasowane do potrzeb zarówno dzieci, jak i rodziców.
            </p>

            <ul>
                <li>Łóżeczka dziecięce i nowoczesne cot bed</li>
                <li>Łóżeczka niemowlęce typu baby bed</li>
                <li>Materace dziecięce w różnych rozmiarach</li>
                <li>Akcesoria do wyposażenia pokoju dziecka</li>
                <li>Produkty zaprojektowane z myślą o bezpieczeństwie i trwałości</li>
            </ul>
        </div>

        <div class="catalog-grid">

            <a href="#" class="catalog-card">
                <span class="year">2010</span>
                <h3>Katalog 2010</h3>
                <span class="btn">Zobacz katalog →</span>
            </a>

            <a href="#" class="catalog-card">
                <span class="year">2012</span>
                <h3>Katalog 2012</h3>
                <span class="btn">Zobacz katalog →</span>
            </a>

            <a href="#" class="catalog-card">
                <span class="year">2015</span>
                <h3>Katalog 2015</h3>
                <span class="btn">Zobacz katalog →</span>
            </a>

            <a href="#" class="catalog-card">
                <span class="year">2016</span>
                <h3>Katalog 2016</h3>
                <span class="btn">Zobacz katalog →</span>
            </a>

        </div>

    </div>
</section>

<style>
.catalog-section{
    padding:80px 0;
    background:#f8f9fb;
}

.catalog-section .container{
    max-width:1200px;
    margin:auto;
    padding:0 20px;
}

.section-header{
    text-align:center;
    max-width:800px;
    margin:0 auto 50px;
}

.section-tag{
    display:inline-block;
    background:#e8f2ff;
    color:#0d6efd;
    padding:8px 18px;
    border-radius:30px;
    font-size:14px;
    font-weight:600;
    margin-bottom:15px;
}

.section-header h2{
    font-size:42px;
    margin-bottom:20px;
}

.section-header p{
    color:#666;
    line-height:1.8;
}

.benefits-grid{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:20px;
    margin-bottom:50px;
}

.benefit-card{
    background:#fff;
    padding:30px;
    border-radius:20px;
    text-align:center;
    box-shadow:0 10px 30px rgba(0,0,0,.05);
}

.benefit-card .icon{
    font-size:40px;
    margin-bottom:15px;
}

.content-box{
    background:white;
    padding:40px;
    border-radius:25px;
    box-shadow:0 10px 30px rgba(0,0,0,.05);
    margin-bottom:50px;
}

.content-box ul{
    margin-top:20px;
}

.content-box li{
    margin-bottom:10px;
}

.catalog-grid{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:25px;
}

.catalog-card{
    background:white;
    padding:35px;
    border-radius:24px;
    text-decoration:none;
    color:#222;
    text-align:center;
    box-shadow:0 15px 35px rgba(0,0,0,.06);
    transition:.3s;
}

.catalog-card:hover{
    transform:translateY(-8px);
}

.year{
    display:inline-block;
    background:#0d6efd;
    color:white;
    padding:8px 14px;
    border-radius:50px;
    font-weight:700;
    margin-bottom:15px;
}

.catalog-card h3{
    margin-bottom:20px;
}

.btn{
    color:#0d6efd;
    font-weight:700;
}

@media(max-width:992px){
    .benefits-grid,
    .catalog-grid{
        grid-template-columns:repeat(2,1fr);
    }
}

@media(max-width:600px){
    .benefits-grid,
    .catalog-grid{
        grid-template-columns:1fr;
    }

    .section-header h2{
        font-size:30px;
    }
}
</style>