div.container.strip.summary {
    div.content {
        gap: 0;
    }
}

div.interruptor.products {
    div.container {
        display: flex;
        justify-content: center;
        flex-wrap: wrap;
        gap: 24px;

        article {
            border: solid var(--colourBorder) 1px;
            border-radius: 4px;
            max-width: 400px;
            width: 100%;
            text-align: left;
            box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
            display: flex;
            flex-direction: column;

            img {
                aspect-ratio: 16 / 9;
                border-bottom: solid var(--colourBorder) 1px;
                border-radius: 4px 4px 0 0;
                background-color: var(--colourPlaceholder);
                object-fit: cover;
            }

            div.content {
                flex: 1;
                padding: 18px;
                display: flex;
                flex-direction: column;

                .title {
                    font-size: 1.6rem;
                    font-family: 'Inter Black';
                }

                .subtitle {
                    font-size: 1.1rem;
                    font-family: 'Inter';
                    font-weight: bold;
                }

                .description {
                    flex-grow: 1;
                    padding: 18px 0;
                }
            }

            a {
                margin-right: 0;
            }
        }
    }
}