.paragraph--type--blok:has(.view-clanky-homepage),
body.page-node-type-article .block[class*="block-views-blockclanky-homepage-block-"]{
    position: relative;
}
body.page-node-type-article .block[class*="block-views-blockclanky-homepage-block-"]{
    padding: 60px 0;
}
.paragraph--type--blok:has(.view-clanky-homepage):before,
body.page-node-type-article .block[class*="block-views-blockclanky-homepage-block-"]:before{
    content: "";
    display: block;
    width: 100vw;
    height: 100%;
    background: #F4F5F3;
    position: absolute;
    top: 0;
    left: 50%;
    z-index: -1;
    transform: translate(-50%, 0%);
}
.paragraph--type--blok:has(.view-clanky-homepage) .block > h2,
body.page-node-type-article .block[class*="block-views-blockclanky-homepage-block-"] > h2{
    text-align: center;
}
body.not-front .view-clanky-homepage{
    width: 100vw;
    max-width: 1280px;
    box-sizing: border-box;
    padding: 0 20px;
    margin: 0 auto;
    position: relative;
    left: 50%;
    transform: translate(-50%, 0%);
}
.view-clanky-homepage .view-content{
    display: flex;
    flex-wrap: wrap;
    gap: 36px;
}
.view-clanky-homepage .view-content > .views-row{
    width: calc(33.33% - 24px);
    display: flex;
}
.view-clanky-homepage .view-footer{
    text-align: center;
    padding-top: 35px;
}
.view-clanky-homepage .view-footer a{
    text-decoration: none;
    font-size: 14px;
    line-height: 20px;
    font-weight: bold;
    color: #1C1C1B;
    text-transform: uppercase;
    display: inline-block;
}
.view-clanky-homepage .view-footer a:hover{
    text-decoration: underline;
}
@media screen and (max-width: 1023px){
    .view-clanky-homepage .view-content > .views-row {width: 100%;}
}