@layer themes {
    @layer componentes {
        .small-offer-card {
            max-width: 327px;
            display: none;
            flex-direction: row;
            border: var(--ids_size_general_1x) solid var(--ids_color_border_soft);
            border-radius: var(--ids_size_general_12x);
            height: 148px;
        }


        .small-offer-card__title-container {
            overflow: hidden;
            -webkit-line-clamp: 2;
            display: -webkit-box;
            -webkit-box-orient: vertical;
        }

        .small-offer-card .favorite-button__visible {
            position: absolute;
            margin: var(--ids_spacing_2x) var(--ids_spacing_1x) var(--ids_spacing_1x) var(--ids_spacing_1x);
            z-index: 1;
            background-color: #fff;
            border-radius: 100%;
            padding: var(--ids_spacing_1x);
            height: 23px;
        }

        .small-offer-card__image-container {
            position: relative;
            border-radius: var(--ids_size_general_12x)  0px 0px var(--ids_size_general_12x);
            overflow: hidden;
            display: flex;
            min-width: 44%;
            flex-basis: 40%;
        }

        .small-offer-card__image {
            object-fit: none;
        }

        .small-offer-card__image--placeholder {
            object-fit: cover;
        }

        .small-offer-card__loading-container {
            width: 100%;
            height: 100%;
            display: flex;
            justify-content: center;
            align-items: center;
            position: absolute;
            top: 0;
            z-index: -1;
        }

        .entrega_facil__icon {
            display: flex;
            justify-content: center;
            align-items: center;
            width: var(--ids_size_general_32x);
            height: var(--ids_size_general_32x);
            border-radius: var(--ids_size_general_16x);
            background-color: var(--ids_color_action_secondary_variant);
        }


        .small-offer-card__informative-tags-container{
            position: absolute;
            top: 0;
            left: 0;
            z-index: 2;
            padding: var(--ids_size_general_24x);
            display: flex;
            gap: var(--ids_size_general_8x);
        }

        .small-offer-card__main-content {
            display: flex;
            flex: 1;
            flex-direction: column;
            justify-content: space-between;
            padding: var(--ids_spacing_3x);
            overflow: hidden;
        }

        .small-offer-card__tags-container {
            display: flex;
            justify-content: space-between;
            align-items: center;
            padding: var(--ids_spacing_3x);
            position: absolute;
            bottom: 0;
            left: 0;
        }

        .small-offer-card__header {
            display: flex;
            justify-content: space-between;
            align-items: flex-start;
            flex-direction: column;
        }

        .feirao-small-offer-card {
            border-color: var(--ids_color_text_highlight);;
        }

        .montadora-small-offer-card {
            border-color: var(--ids_color_text_link_secondary_base);;
        }

        .small-offer-card__info {
            display: flex;
            flex-direction: column;
        }

        .small-offer-card__info-container {
            display: flex;
            justify-content: space-between;
            align-items: flex-start;
            flex-direction: column;
        }

        .small-offer-card .info-container__car-info {
            display: flex;
            flex-direction: row;
            align-items: flex-start;
            white-space: nowrap;
            justify-content: space-between;
            width: 100%;
            &:has(~.ids-divider){
                margin-bottom: var(--ids_spacing_2x);
            }
        }

        .small-offer-card .info-container__location-info {
            margin-top: var(--ids_spacing_2x);
            display: flex;
            flex-direction: row;
            gap: var(--ids_spacing_1x);
            justify-content: flex-start;
            align-items: center;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
        }

        .small-offer-card .info-container__location-info p{
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
            display: inline-block;
            max-width: calc(154px - var(--ids_spacing_3x));
        }

    }
}