/* =============================================================================
   Block: select_functionaliteiten  (partial/content-select_functionaliteiten.php)
   Extracted from style.css. Enqueued only when this block is used on the page.
============================================================================= */

.slider_section.layout_four .bottom_link {margin-top: 90px;}
.slider_section.layout_four {padding: 100px 0 85px;}
.painters_section .card {width: 564px;border-radius: 5px;background: #FFF;overflow: hidden;text-decoration: none;height: auto;}
.painters_section .card .image img {display: block;border-radius: 5px;}
.painters_section .card .image {position: relative;}
.painters_section .card .image::after {pointer-events: none; content: "";position: absolute;left: 0;bottom: 0;width: 100%;height: 100%;border-radius: 5px;background: linear-gradient(180deg, rgba(255, 255, 255, 0.00) 35.09%, #FFF 70.17%);}
.painters_section .card .text {text-align: center;margin-top: -40px;position: relative;padding: 0 50px 30px;}
.painters_section .card h4 {font-size: 20px;margin-bottom: 20px;}
.painters_section .card p {line-height: 20px;}
.painters_section .card .bottom {display: flex;justify-content: space-between;gap: 10px;align-items: center;padding: 30px 25px 30px;}

@media only screen and (max-width:767px) {
    .painters_section .card {width: 400px;}
    .painters_section .card .text {padding: 0 20px 20px;}
    .slider_section.layout_four .bottom_link {margin-top: 60px;}
}

@media only screen and (max-width:600px) {
    .painters_section .card {width: 238px;}
    .painters_section .card h4 {font-size: 16px;margin-bottom: 12px;}
    .painters_section .card .text {padding: 25px 0px 5px 10px;}
    .painters_section .card p {font-size: 12px;line-height: 16px;}
    .painters_section .card .bottom .icon {width: 20px;}
    .painters_section .card .bottom {padding: 20px 10px 10px;}
    .slider_section.layout_four {padding: 50px 0 60px;}
    .slider_section.layout_four .wrapper_large::before, .slider_section.layout_four .wrapper_large::after {width: 70px;}
    .slider_section.layout_four .wrapper_large::before {left: 0;}
    .slider_section.layout_four .wrapper_large::after {right: 0;}
}

/* ---------- Grid layout: tiles, 4 per row ---------- */
.functionality_tiles {display:flex;flex-wrap:wrap;justify-content:center;gap:24px;}
.functionality_tile {display:flex;flex-direction:column;width:calc((100% - 72px) / 4);padding:26px 24px 24px;background:#fff;border:1px solid #e7e7e7;border-radius:14px;box-shadow:0 10px 30px rgba(0,0,0,.05);transition:box-shadow .3s ease,transform .3s ease;}
.functionality_tile:hover {box-shadow:0 14px 34px rgba(0,0,0,.09);transform:translateY(-2px);}
.functionality_tile_link {display:block;flex:1;color:inherit;text-decoration:none;}
.functionality_tile_title {margin:0 0 12px;font-family:var(--font-bold);font-weight:var(--font-weight-bold);font-size:17px;line-height:1.3;color:var(--textColor);transition:color .3s ease;}
.functionality_tile_link:hover .functionality_tile_title {color:var(--backgrondColorRed);}
.functionality_tile_text p {margin:0;font-size:14px;line-height:1.65;color:#5f5f5f;}
.functionality_tile_text p + p {margin-top:10px;}
.functionality_tile_video {display:inline-flex;align-items:center;gap:8px;align-self:flex-start;margin-top:28px;padding:0;border:0;background:none;cursor:pointer;font-family:var(--font-semibold);font-weight:var(--font-weight-semibold);font-size:13px;line-height:1;color:var(--backgrondColorRed);}
.functionality_tile_video svg {display:block;flex:none;}
.functionality_tile_video .arrow {transition:transform .2s ease;}
.functionality_tile_video:hover .arrow {transform:translateX(3px);}

@media only screen and (max-width:1023px) {
    .functionality_tile {width:calc((100% - 24px) / 2);}
}

@media only screen and (max-width:600px) {
    .functionality_tiles {gap:16px;}
    .functionality_tile {width:100%;padding:22px 20px 20px;}
}