.query-loop--featured {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-template-rows: 1fr 1fr 1fr 1fr;
    gap: 26px 26px;
}

.query-loop--featured .query-loop-item:nth-child(1) {
    grid-column: 1 / 3;
    grid-row: 1 / 5;
}

.query-loop--featured .query-loop-item:nth-child(2) {
    grid-column: 3 / 4;
    grid-row: 1 / 2;
}

.query-loop--featured .query-loop-item:nth-child(3) {
    grid-column: 3 / 4;
    grid-row: 2 / 3;
}

.query-loop--featured .query-loop-item:nth-child(4) {
    grid-column: 3 / 4;
    grid-row: 3 / 4;
}

.query-loop--featured .query-loop-item:nth-child(5) {
    grid-column: 3 / 4;
    grid-row: 4 / 5;
}

.query-loop--featured .query-loop-item:not(:first-child):not(:last-child) {
    padding-bottom: 26px;
    border-bottom: 1px solid var(--loop-separator);
}

.query-loop--darken .query-loop-item .brxe-heading {
    color: var(--meta-text-darken) !important;
}

.query-loop--darken .query-loop-item .brxe-heading a {
    color: var(--primary-white);
}

.resep-kategori-loop-item:not(:last-of-type) {
    padding-bottom: 8px;
    margin-bottom: 16px;
    border-bottom: 1px dotted var(--primary-black);
}

@media screen and (max-width: 767px) {
    .query-loop--featured {
        display: grid;
        grid-template-columns: 1fr;
        grid-template-rows: auto;
        gap: 16px;
    }
    
    .query-loop--featured .query-loop-item:nth-child(1) {
        grid-column: 1 / 2;
        grid-row: 1 / 3;
        padding-bottom: 12px;
    }
    
    .query-loop--featured .query-loop-item:nth-child(2) {
        grid-column: 1 / 2;
        grid-row: 3 / 4;
    }
    
    .query-loop--featured .query-loop-item:nth-child(3) {
        grid-column: 1 / 2;
        grid-row: 4 / 5;
    }
    
    .query-loop--featured .query-loop-item:nth-child(4) {
        grid-column: 1 / 2;
        grid-row: 5 / 6;
    }
    
    .query-loop--featured .query-loop-item:nth-child(5) {
        grid-column: 1 / 2;
        grid-row: 6 / 7;
    }
}