.boldpo-category-list-block-wrap {
    width: 100%;
    overflow: hidden;

    .boldpo-category-list {
        .boldpo-category-item {
            position: relative;
            transition: var(--boldpo-preset-hover-transition);
            overflow: hidden;

            &:hover {
                transform: translateY(-2px);
            }

            .boldpo-category-link {
                display: block;
                text-decoration: none;
                color: inherit;
                height: 100%;

                .boldpo-category-content {
                    display: flex;
                    flex-direction: row;
                    align-items: center;
                    justify-content: space-between;
                    height: 100%;

                    .boldpo-category-image {
                        flex-shrink: 0;
                        position: relative;

                        img {
                            display: block;
                            max-width: 100%;
                            width: 100%;
                            height: auto;
                            object-fit: cover;
                        }
                    }

                    .boldpo-category-title {
                        transition: color var(--boldpo-preset-hover-transition);
                        margin-top: 0;
                        margin-bottom: 0;
                    }

                    .boldpo-category-count {
                        display: inline-block;
                        transition: var(--boldpo-preset-hover-transition);
                        height: max-content;
                        min-height: 25px;
                        min-width: 25px;
                        text-align: center;
                        line-height: 25px;
                    }
                }
            }
        }

        // Style variations
        &.style-default {
            .boldpo-category-item {
                background-color: var(--boldpo-preset-color-tertiary);
                padding: 10px;

                .boldpo-category-content {
                    .boldpo-category-count {
                        background-color: var(--boldpo-preset-color-contrast-1);
                        color: var(--boldpo-preset-color-white);
                    }

                    .boldpo-category-title {
                        display: flex;
                        align-items: center;
                        justify-content: space-between;
                    }
                }
            }
        }

        &.style-1 {
            .boldpo-category-item {
                .boldpo-category-content {
                    flex-direction: column;

                    .boldpo-category-image {
                        img {
                            width: 140px;
                            height: 140px;
                            border-radius: 50%;
                        }
                    }

                    .boldpo-category-count {
                        background-color: var(--boldpo-preset-color-contrast-1);
                        color: var(--boldpo-preset-color-white);
                    }

                    .boldpo-category-content-text {
                        margin-top: 18px;
                    }
                }
            }
        }

        &.style-2 {
            justify-content: center;

            .boldpo-category-item {
                overflow: hidden;
                min-height: 200px;

                .boldpo-category-content {
                    flex-direction: column;

                    .bolpo-category-overlay {
                        position: absolute;
                        top: 0;
                        left: 0;
                        right: 0;
                        bottom: 0;
                    }

                    .boldpo-category-image {
                        width: 100%;

                        img {
                            height: 198px;
                        }
                    }

                    .boldpo-category-count {
                        background-color: var(--boldpo-preset-color-contrast-1);
                        color: var(--boldpo-preset-color-white);
                        position: absolute;
                        top: 20px;
                        right: 20px;
                        z-index: 2;
                    }

                    .boldpo-category-title,
                    .boldpo-category-description {
                        justify-content: center;
                    }

                    .boldpo-category-content-text {
                        width: 80%;
                        position: absolute;
                        bottom: 20px;
                        color: var(--boldpo-preset-color-white);
                        text-align: center;
                        box-sizing: border-box;

                        .boldpo-category-title {
                            font-weight: 900;
                            color: var(--boldpo-preset-color-white);
                        }

                        .boldpo-category-details-btn {
                            border: 1px solid rgba(255, 255, 255, 0.2196078431);
                            padding: 3px 16px 3px;
                            border-radius: 4px;
                            display: inline-block;
                            line-height: 1.3;
                            font-size: 0.875rem;
                            color: var(--boldpo-preset-color-white);
                            font-weight: 700;
                            width: 100%;
                            transition: all var(--boldpo-preset-hover-transition);
                            box-sizing: border-box;
                            text-decoration: none;

                            &:hover {
                                border-color: var(--boldpo-preset-color-contrast-1);
                                background-color: var(--boldpo-preset-color-contrast-1);
                                color: var(--boldpo-preset-color-white);
                            }
                        }
                    }
                }
            }
        }
    }
}