@layer addon {

    .templateCollection.collectionReview {
        .container {
            grid-column: full-start / full-end;
            .intro {
                @media (max-width: 56em) {
                    width: calc(100% - var(--spacer) * 2);
                }
                @media (--max-fablet) {
                    width: calc(100% - var(--spacer) * 2);
                }
            }
            .splide {
                max-width: 100vw;
            }
        }
    }

    .templateCollection.collectionReview, .templateFilter.filterReview {
        .container {
            .block {
                border-radius: var(--large-border-radius) var(--large-border-radius) 0 var(--large-border-radius);
                .media {
                    flex: 0 0 40%;
                    aspect-ratio: 16 / 9;
                    img {
                        height: 100%;
                    }
                }
                .inner {
                    justify-content: center;
                    .content {
                        color: var(--color1);
                        line-height: 1;
                    }
                }
                @media (max-width: 56em) {
                    border-radius: var(--border-radius) var(--border-radius) 0 var(--border-radius);
                    .media {
                        flex: 0 0 auto;
                        aspect-ratio: 4 / 3;
                    }
                }
                @media (--max-fablet) {
                    border-radius: var(--border-radius) var(--border-radius) 0 var(--border-radius);
                    .media {
                        flex: 0 0 auto;
                        aspect-ratio: 4 / 3;
                    }
                }
            }
        }
    }
}