/**
 * Fahrzeug Manager Pro
 * Frontend Dienstleistungen
 */

.fpmp-services {
    display: grid;
    gap: 40px;
}

.fpmp-service-category h2 {
    margin: 0 0 20px;
    padding-bottom: 10px;
    border-bottom: 2px solid #e5e5e5;
    font-size: 30px;
    font-weight: 700;
}

.fpmp-columns-1 .fpmp-service-category,
.fpmp-columns-2 .fpmp-service-category,
.fpmp-columns-3 .fpmp-service-category,
.fpmp-columns-4 .fpmp-service-category {
    display: grid;
    gap: 25px;
}

.fpmp-columns-1 .fpmp-service-category {
    grid-template-columns: repeat(1,1fr);
}

.fpmp-columns-2 .fpmp-service-category {
    grid-template-columns: repeat(2,1fr);
}

.fpmp-columns-3 .fpmp-service-category {
    grid-template-columns: repeat(3,1fr);
}

.fpmp-columns-4 .fpmp-service-category {
    grid-template-columns: repeat(4,1fr);
}

.fpmp-service-card {

    background:#fff;
    border:1px solid #e6e6e6;
    border-radius:14px;

    padding:25px;

    box-shadow:0 5px 18px rgba(0,0,0,.08);

    transition:.3s;

    display:flex;
    flex-direction:column;

}

.fpmp-service-card:hover{

    transform:translateY(-6px);

    box-shadow:0 12px 35px rgba(0,0,0,.15);

}

/* Icon + Überschrift */

.fpmp-service-card h3{

    display:flex;

    align-items:center;

    gap:12px;

    margin:0 0 20px;

    font-size:26px;

    font-weight:700;

}

.fpmp-service-icon{

    display:inline-flex;

    align-items:center;

    justify-content:center;

    width:48px;

    height:48px;

    font-size:36px;

    flex-shrink:0;

}
.fpmp-service-description{

    color:#666;

    line-height:1.6;

    margin-bottom:20px;

}

.fpmp-price-table{

    margin-top:auto;

    border-top:1px solid #eee;

    padding-top:15px;

}

.fpmp-price-row{

    display:flex;

    justify-content:space-between;

    padding:8px 0;

    border-bottom:1px dashed #eee;

}

.fpmp-price-row:last-child{

    border-bottom:none;

}

.fpmp-price-row strong{

    color:#0b7dda;

    font-size:17px;

}

.fpmp-service-duration{

    margin:20px 0;

    font-weight:600;

}

.fpmp-book-service{

    width:100%;

    border:none;

    border-radius:8px;

    background:#0b7dda;

    color:#fff;

    padding:14px;

    cursor:pointer;

    font-size:16px;

    font-weight:600;

    transition:.3s;

}

.fpmp-book-service:hover{

    background:#075fa8;

}

@media(max-width:1024px){

    .fpmp-columns-4 .fpmp-service-category,
    .fpmp-columns-3 .fpmp-service-category{

        grid-template-columns:repeat(2,1fr);

    }

}

@media(max-width:767px){

    .fpmp-columns-4 .fpmp-service-category,
    .fpmp-columns-3 .fpmp-service-category,
    .fpmp-columns-2 .fpmp-service-category{

        grid-template-columns:1fr;

    }

}