.th-category-grid {}

    .th-category-grid .th-category-grid--wrapper {}

    @media (min-width: 768px) {
        .th-category-grid .th-category-grid--wrapper {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 10px;
        }
    }

    @media (min-width: 1200px) {
        .th-category-grid .th-category-grid--wrapper {
            grid-template-columns: repeat(5, 1fr);
            gap: 30px 40px;
        }
    }

        .th-category-grid .th-category-grid--wrapper .th-category-grid--item {
            overflow: hidden;
            margin-bottom: 10px;
            padding: 10px;
            display: flex;
            align-items: center;
            justify-content: flex-start;
            background-color: var(--neutral20);
            border: var(--neutral30) 1px solid;
            border-radius: 4px;
            transition: all 0.25s ease;
        }

        @media (min-width: 768px) {
            .th-category-grid .th-category-grid--wrapper .th-category-grid--item {
                margin-bottom: 0;
            }
        }

        @media (min-width: 1200px) {
            .th-category-grid .th-category-grid--wrapper .th-category-grid--item {
                display: block;
                padding: 0;
            }
        }

        .th-category-grid .th-category-grid--wrapper .th-category-grid--item:hover {
            background-color: #E8F0F3;
            border: #E8F0F3 1px solid;
        }

        .th-category-grid .th-category-grid--wrapper .th-category-grid--item *:last-child {
            margin-bottom: 0;
        }

            .th-category-grid .th-category-grid--wrapper .th-category-grid--item .th-category-grid--thumbnail {
                display: none;
            }

            @media (min-width: 1200px) {
                .th-category-grid .th-category-grid--wrapper .th-category-grid--item .th-category-grid--thumbnail {
                    display: block;
                    width: 100%;
                    height: 159px;
                    background: var(--neutral30);
                }

                    .th-category-grid .th-category-grid--wrapper .th-category-grid--item .th-category-grid--thumbnail a {
                        display: block;
                        width: 100%;
                        height: 100%;
                    }

                    .th-category-grid .th-category-grid--wrapper .th-category-grid--item .th-category-grid--thumbnail img {
                        display: block;
                        width: 100%;
                        max-width: 100%;
                        height: 100%;
                        max-height: 100%;
                        object-fit: cover;
                    }
            }

            .th-category-grid .th-category-grid--wrapper .th-category-grid--item .th-category-grid--icon {
                display: inline-block;
                margin-right: 22px;
                width: 22px;
                height: 22px;
            }

            @media (min-width: 1200px) {
                .th-category-grid .th-category-grid--wrapper .th-category-grid--item .th-category-grid--icon {
                    display: none;
                }
            }

                .th-category-grid .th-category-grid--wrapper .th-category-grid--item .th-category-grid--icon img {
                    display: block;
                    width: 100%;
                    max-width: 100%;
                    height: 100%;
                    max-height: 100%;
                    object-fit: contain;
                }

            .th-category-grid .th-category-grid--wrapper .th-category-grid--item .th-category-grid--title {
                margin: 0;
                font-size: 14px;
            }

            @media (min-width: 1200px) {
                .th-category-grid .th-category-grid--wrapper .th-category-grid--item .th-category-grid--title {
                    margin: 15px 7px;
                    font-weight: 600;
                    text-align: center;
                }
            }

                .th-category-grid .th-category-grid--wrapper .th-category-grid--item .th-category-grid--title a {
                    color: var(--neutral90);
                    text-decoration: none;
                }

                .th-category-grid .th-category-grid--wrapper .th-category-grid--item .th-category-grid--title a:focus,
                .th-category-grid .th-category-grid--wrapper .th-category-grid--item .th-category-grid--title a:hover {
                    text-decoration: underline;
                }

    .th-category-grid .th-category-grid--cta {
        margin: 20px auto 0;
        width: 94%;
    }

    @media (min-width: 768px) {
        .th-category-grid .th-category-grid--cta {
            width: 228px;
        }
    }

    @media (min-width: 1200px) {
        .th-category-grid .th-category-grid--cta {
            margin: 20px 0 0;
            width: auto;
            text-align: right;
        }
    }

        .th-category-grid .th-category-grid--cta a {
            display: flex;
            align-items: center;
            justify-content: center;
            margin: 0;
            padding: 7px 14px;
            color: #fff;
            font-weight: 600;
            text-align: center;
            text-decoration: none;
            background: var(--secondary_focus);
            border-radius: 4px;
        }

        @media (min-width: 768px) and (max-width: 1199px) {
            .th-category-grid .th-category-grid--cta a {
                justify-content: space-between;
            }
        }

        @media (min-width: 1200px) {
            .th-category-grid .th-category-grid--cta a {
                color: var(--neutral70);
                font-weight: 400;
                background: transparent;
            }
        }

        .th-category-grid .th-category-grid--cta a::after {
            display: inline-block;
            position: relative;
            top: 0.08em;
            content: '';
            margin-left: 0.75em;
            width: 0.5em;
            height: 0.5em;
            border-top: #fff 1px solid;
            border-right: #fff 1px solid;
            transform: rotate(45deg);
        }

        .th-category-grid .th-category-grid--cta a:focus,
        .th-category-grid .th-category-grid--cta a:hover {
            background: var(--secondary_hover);
        }

        @media (min-width: 1200px) {
            .th-category-grid .th-category-grid--cta a {
                position: relative;
                display: inline-block;
                padding: 7px 0;
                font-size: 14px;
            }

            .th-category-grid .th-category-grid--cta a:focus,
            .th-category-grid .th-category-grid--cta a:hover {
                color: var(--primary_main);
                text-decoration: underline;
                background: transparent;
            }

            .th-category-grid .th-category-grid--cta a::after {
                top: -1px;
                border-top: var(--neutral70) 1px solid;
                border-right: var(--neutral70) 1px solid;
            }

            .th-category-grid .th-category-grid--cta a:focus::after,
            .th-category-grid .th-category-grid--cta a:hover::after {
                border-top: var(--primary_main) 1px solid;
                border-right: var(--primary_main) 1px solid;
            }
        }

    .th-category-grid::after {
        content: "";
        display: table;
        clear: both;
    }