@layer addon {
    /* .templateFilter.filterReview {
        .filterGrid {
            .item {
                grid-column: span 6;
                @media (--max-fablet) {
                    grid-column: span 12;
                }
            }
        }
    } */
    
    .templateCollection.collectionReview {
        &.single {
            .container {
                
                .inner:has(.grid) {
                    flex-direction: row;
                    flex-wrap: wrap;
                    justify-content: space-between;
                    grid-column: span 12;
                }
                .intro {
                    order: 1;
                    @media (min-width: 56em) {
                        flex: 1;
                    }
                    @media (--min-fablet) {
                        flex: 1;
                    }
                }
                .footer {
                    order: 2;
                    align-items: flex-end;
                    @media (max-width: 56em) {
                        padding-bottom: var(--gutter);
                    }
                    @media (--max-fablet) {
                        padding-bottom: var(--gutter);
                    }
                }
                .grid {
                    order:3;
                }

            }
        }
    }

    .templateCollection.collectionReview:not(.single) {
        .container {
            .inner {
                grid-column: span 12;
            }
        }
    }
}