/** Shopify CDN: Minification failed

Line 7:0 Unexpected "{"
Line 7:1 Expected identifier but found "%"

**/
{%
Section: Why King Kogs
below-the-fold
%}

.whykingkogs-blocks-container {
    display: flex;
    flex-flow: row wrap;
    gap: 20px;

    --columns: 0;
}

.page-section--whykingkogs .section-title-block {
    flex: 1 0 100%;
}

.page-section--whykingkogs .block-why {
    background: white;
    border: 1px solid var(--color-border);
    flex: 1 1 calc((100% - (20px * var(--columns))) / (var(--columns) + 1));
    padding: 24px;
}

.block-why svg {
    height: 24px;
    margin-bottom: 14px;
    width: auto;
}

.block-why .title {
    margin-bottom: 6px;
}

.block-why .text {
    color: var(--color-grey1);
}

@media only screen and (min-width: 768px) {
    .whykingkogs-blocks-container {
        --columns: 2;
    }
}