section#tag-header {
    * {}
    h2 {
        color: var(--avs-color-02);
    }
}
section#tag-product {
    min-height: fit-content;
    * {}
    .card {
        background-color: transparent;
        border-width: 0;
        cursor: pointer;
        transition: 0.3s ease-in-out all;
        * {transition: 0.3s ease-in-out all;}
        .card-body {
            background-color: darkgrey;
            background-position: center;
            background-size: cover;
            background-repeat: no-repeat;
            aspect-ratio: 3/4;
            border-radius: inherit;
            box-shadow: rgba(0, 0, 0, 0.50) 0px -60px 36px -28px inset;
            * {}
            .text-title {
                height: 100%;
                display: flex;
                justify-content: center;
            }
        }
        &:hover * {
            text-decoration: 1px solid white underline;
        }
        &:hover .card-body {
            box-shadow: rgba(0, 0, 0, 0.75) 0px -80px 36px -36px inset;
        }
    }
}
section#tag-activity,
section#tag-article {
    min-height: fit-content;
    * {}
    .card-preview {
        border-radius: 6px !important;
        border-width: 0;
        box-shadow: 0 2px 12px -8px #00000094, rgba(0, 0, 0, 0.15) 2.4px 2.4px 3.2px;
        transition: 0.3s ease-in-out all;
        cursor: pointer;
        * {}
        .card-image {
            aspect-ratio: 4/3;
        }
        .card-text {
            * {}
            h6 {
                text-overflow: ellipsis;
                -webkit-box-orient: vertical;
                display: -webkit-box;
                overflow: hidden;
                -webkit-line-clamp: 2;
                padding-top: 4px;
                height: 38px;
                width: 100%;
                text-align: left;
                text-indent: 16px;
                color: var(--avs-color-02);
            }
            p {
                font-size: 14px;
                text-overflow: ellipsis;
                -webkit-box-orient: vertical;
                display: -webkit-box;
                overflow: hidden;
                -webkit-line-clamp: 3;
                padding-top: 4px;
                height: 66px;
                width: 100%;
                text-align: left;
                text-indent: 16px;
            }
        }
        .card-button {
            text-align: end;
            * {}
            button {
                font-size: 14px;
            }
        }
        &:hover {
            box-shadow: 0 2px 6px 3px #088b2930, #088b2930 2.4px 2.4px 3.2px;
            * {}
            .card-image {
                transform: scale(1.1);
            }
            button {
                letter-spacing: 1px;
            }
        }
    }
}
.result-notfound {
    background-color: #d3d3d380;
}