/* ======================================================
   APEM K-FAMILY ARTICLE FOR BUDAKER
   ====================================================== */

.container{
    width:100%;
    max-width:1700px;
    margin:0 auto;
}

body{
    color:#475569;
    line-height:1.8;
}

/* ======================================================
   TYPOGRAPHY
   ====================================================== */
  
  /* <div class="section-spacer"></div> */
  
   .section-spacer{
    height:50px;
} 

h1,h2,h3,h4{
    color:#0f172a;
    font-weight:700;
    line-height:1.25;
}

h2{
    font-size:42px;
    margin-bottom:25px;
}

h3{
    font-size:24px;
    margin-bottom:15px;
}

p{
    margin-bottom:18px;
}

.text-primary{
    color:#00967d !important;
}

strong,
b{
    color:#0f172a;
}

/* ======================================================
   INTRO
   ====================================================== */

.desc_content{
    max-width:1100px;
    margin:0 auto;
    text-align:center;
    font-size:22px;
    line-height:1.9;
}

/* ======================================================
   SECTIONS
   ====================================================== */

[data-component]{
    margin-top:70px;
}

.custom-rta{
    font-size:18px;
    line-height:1.8;
}

.custom-rta ul{
    padding-left:25px;
}

.custom-rta li{
    margin-bottom:12px;
}

/* ======================================================
   TEXT + IMAGE BLOCK
   ====================================================== */

.blog-detail-TextImage{
    display:grid !important;
    grid-template-columns:50% 50%;
    gap:60px;
    align-items:center;
}

.blog-detail-TextImage img{
    width:100%;
    border-radius:18px;
    box-shadow:0 10px 35px rgba(0,0,0,.08);
}

/* ======================================================
   BUTTONS
   ====================================================== */

.custom-buttons{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    padding:14px 24px;
    background:#00967d;
    color:#fff;
    border-radius:10px;
    text-decoration:none;
    font-weight:600;
    transition:.3s;
}

.custom-buttons:hover{
    background:#007b67;
    transform:translateY(-2px);
}

/* ======================================================
   IMAGES
   ====================================================== */

figure{
    margin:0;
}

figure img{
    width:100%;
    border-radius:22px;
    box-shadow:0 12px 40px rgba(0,0,0,.08);
}

/* ======================================================
   3 FEATURE CARDS
   Water / Protection / Dust
   ====================================================== */

.container-component1 .column-component{
    display:grid !important;
    grid-template-columns:repeat(3,30%) !important;
    gap:30px !important;
}

/* teljes oszlop */

.container-component1 .column-component > div{
    width:100% !important;
    display:flex;
    flex-direction:column;
    align-items:center;
}

/* ikon kártya */

.default-card{
    width:100% !important;
    min-width:100% !important;

    background:#ffffff;
    border:1px solid #e2e8f0;
    border-radius:18px;

    height:220px;

    display:flex;
    justify-content:center;
    align-items:center;

    transition:.3s;
}

.default-card:hover{
    transform:translateY(-4px);
    box-shadow:0 10px 25px rgba(0,0,0,.08);
}

.default-card img{
    max-height:120px;
    width:auto;
}

/* szöveg */

.container-component1 .custom-rta{
    width:100%;
    margin-top:15px;

    display:flex;
    justify-content:center;
}

.container-component1 .custom-rta p{
    width:100%;
    max-width:260px;

    margin:0 auto !important;

    text-align:center !important;
    line-height:1.4;
}

.container-component1 .custom-rta p{
    font-weight:500;
    color:#334155;
    line-height:1.5;
}

.container-component1 .column-component > div > div{
    width:100% !important;
}

/* mobil */

@media(max-width:992px){

    .container-component1 .column-component{
        grid-template-columns:100% !important;
    }

}

/* ======================================================
   SERIES SECTION
   KS KL KR KI KG KH
   ====================================================== */

/* csak a series szekció */

.series-wrapper .series-layout{
    display:grid !important;
    grid-template-columns:50% 50% !important;
    gap:60px 70px !important;
    align-items:center !important;
}


.series-layout > div{
    width:100% !important;
}

.series-layout .custom-rta{
    width:100% !important;
    max-width:none !important;
}

.series-layout .custom-rta h3{
    color:#183f8c !important;
    font-size:34px;
    line-height:1.2;
    margin-bottom:20px;
}

.series-layout .custom-rta ul{
    padding-left:28px;
    margin:0;
}

.series-layout .custom-rta li{
    margin-bottom:10px;
    line-height:1.7;
}

/* szöveges blokkok */

.series-layout .custom-rta{
    width:100%;
    display:block;
}

.series-layout .custom-rta h3{
    color:#183f8c !important;
    font-size:38px;
    line-height:1.15;
    margin-bottom:20px;
}

.series-layout .custom-rta ul{
    margin:0;
    padding-left:28px;
}

.series-layout .custom-rta li{
    margin-bottom:8px;
    line-height:1.6;
}

.series-layout .custom-rta p{
    line-height:1.6;
}

/* kártyák */

.series-banner{
    background:#fff;
    border-radius:18px;
    padding:35px 40px;

    display:flex !important;
    justify-content:space-between;
    align-items:center;

    min-height:220px;

    box-shadow:0 8px 25px rgba(0,0,0,.08);
}

.series-banner .font-medium{
    font-size:30px;
    margin-bottom:20px;
}

.series-banner a{
    font-size:18px;
    font-weight:600;
    color:#000;
    text-decoration:none;
}

.series-banner .w-1\/2:first-child{
    flex:1;
}

.series-banner .w-1\/2:last-child{
    flex:0 0 180px;
    text-align:right;
}

/* placeholder vagy kép */

.series-banner img{
    max-width:140px;
    max-height:140px;
    width:auto;
    height:auto;
}

/* KIEMELTEN FONTOS */

.series-layout > div{
    min-width:0 !important;
}

/* törli a Budakeres flex szétesést */

.series-layout .flex.flex-col.flex-1.gap-4{
    display:block !important;
}


/* ======================================================
   EXPLORE THE K FAMILY
   ====================================================== */

.bg-with-anchor{
    background: #00967d;
    border-radius:24px;
    padding:50px !important;
    color: #f4f4f4 !important;
}

.bg-with-anchor h4{
    color: #f4f4f4 !important;
    font-size:30px;
    margin-bottom:20px;
}

.bg-with-anchor p{
    color:#f4f4f4 !important;
}

.bg-with-anchor b{
    color: #f4f4f4 !important;
}

@media(max-width:768px){
    .bg-with-anchor{
        padding:30px !important;
    }

}

@media(max-width:768px){

    .container{
        width:100% !important;
        max-width:none !important;

        padding-left:12px !important;
        padding-right:12px !important;

        margin:0 !important;
    }

}

@media(max-width:768px){

    /* Text + Image */

    .blog-detail-TextImage{
        grid-template-columns:100% !important;
        gap:30px !important;
    }

    /* 3 ikonos rész */

    .container-component1 .column-component{
        grid-template-columns:100% !important;
    }

    /* KS / KL / KR / KI / KG / KH */

.series-wrapper .series-layout{
    grid-template-columns:100% !important;
    gap:40px !important;
}

    /* kártyák */

    .series-banner{
        min-height:auto;
    }

    /* címek */

    h2{
        font-size:30px;
    }

    .series-layout .custom-rta h3{
        font-size:28px;
    }

    .desc_content{
        font-size:18px;
        line-height:1.7;
    }

}