/* ============================
   Karty artykułów - Cassiopeia
   ============================ */

.blog-items .item-content,
.blog .item-content,
.blog-item {

    background: #f9f9f9;
    border: 1px solid #dbe5f1;
    border-radius: 14px;

    padding: 28px;

    margin-bottom: 35px;

    box-shadow: 0 2px 10px rgba(0,0,0,.05);

    transition: all .25s ease;
}

.blog-items .item-content:hover,
.blog .item-content:hover,
.blog-item:hover{

    transform: translateY(-3px);

    box-shadow: 0 8px 22px rgba(0,0,0,.10);
}

/* Tytuł */

.blog-item h2,
.blog-items h2{

    margin-top:0;
    margin-bottom:12px;

    font-size:2rem;
    line-height:1.2;
}

/* Szczegóły */

.article-info{

    margin-bottom:20px;

    padding-bottom:12px;

    border-bottom:1px solid #e7edf5;
}

/* Treść */

.com-content-article__body{

    margin-top:18px;
    margin-bottom:25px;

    line-height:1.85;
}

/* Czytaj więcej */

.readmore{

    margin-top:30px;
}

.readmore a{

    display:inline-block;

    background:#284a8a;

    color:#fff !important;

    padding:14px 28px;

    border-radius:999px;

    text-decoration:none;

    font-weight:700;

    transition:.25s;
}

.readmore a:hover{

    background:#1d3970;

    transform:translateY(-2px);

    text-decoration:none;
}

/* ==========================================
   POJEDYNCZY ARTYKUŁ
========================================== */

.view-article .com-content-article {
    background: #fafbfd;
    border: 1px solid #dbe4f2;
    border-radius: 14px;
    padding: 35px;
    margin: 30px auto;
    box-shadow: 0 4px 14px rgba(0,0,0,.05);
}

.view-article h1{
    font-size:2.3rem;
    color:#244c96;
    margin-bottom:25px;
    line-height:1.3;
}

.view-article .article-info{
    background:#f3f7fc;
    padding:10px 15px;
    border-radius:8px;
    margin-bottom:25px;
    border:1px solid #e3e9f5;
}

.view-article p{
    font-size:1.08rem;
    line-height:1.9;
    margin-bottom:18px;
}

.view-article ul,
.view-article ol{
    margin-left:25px;
    margin-bottom:20px;
}

.view-article img{
    border-radius:12px;
    max-width:100%;
    height:auto;
}

/* ==========================================
   KAFELKI - Dlaczego warto wybrać nas
========================================== */

.features{
    display:flex;
    gap:25px;
    margin:40px 0;
    flex-wrap:wrap;
}

.feature-box{

    flex:1;
    min-width:260px;

    background:#fafbfd;
    border:1px solid #dbe4f2;
    border-radius:16px;

    padding:18px 20px;

    text-align:center;

    box-shadow:0 4px 12px rgba(0,0,0,.05);

    transition:all .25s ease;
}

.feature-box:hover{

    transform:translateY(-6px);

    box-shadow:0 12px 28px rgba(0,0,0,.10);
}

.feature-icon{

    font-size:42px;

    margin-bottom:10px;
}

.feature-box h3{

    color:#21407c;

    margin:8px 0 10px;

    font-size:1.25rem;
}

.feature-box p{

    margin:0;

    line-height:1.5;

    font-size:.97rem;

    color:#555;
}

@media(max-width:768px){

.features{

display:block;

}

.feature-box{

margin-bottom:20px;

}

}