@layer theme {

    .collectionFaq {
        details {
            .block {
                flex-direction: row;
                @media (max-width: 56em) {
                    flex-direction: column;
                    align-items: center;
                }
                @media (--max-fablet) {
                    flex-direction: column;
                    align-items: center;
                }
                gap: var(--gutter);
                .media {
                    margin: 0;
                    border-radius: var(--circle-radius);
                    order: 2;

                    width: 320px;
                    height: 320px;
                    min-width: 320px;
                    min-height: 320px;
                    @media (max-width: 56em) {
                        width: 164px;
                        height: 164px;
                        min-width: 164px;
                        min-height: 164px;
                    }
                    @media (--max-fablet) {
                        width: 164px;
                        height: 164px;
                        min-width: 164px;
                        min-height: 164px;
                    }
                }
                .inner {
                    order: 1;
                    @media (min-width: 56em) {
                        padding: var(--gutter) 0;
                    }
                    @media (--min-fablet) {
                        padding: var(--gutter) 0;
                    }
                    .content { flex-grow: unset; }
                    .footer {
                        .button {
                            &:after {
                                display: none;
                            }
                        }
                    }
                }
            }
        }
    }
}