.product {

    gap: 1.5rem;

    border-width: 1px;

    --tw-border-opacity: 1;

    border-color: rgb(var(--color-primary) / var(--tw-border-opacity));

    --tw-bg-opacity: 1;

    background-color: rgb(var(--color-site-bg-one) / var(--tw-bg-opacity))
}

@media (min-width: 768px) {

    .product {

        grid-column: span 6 / span 6
    }
}

@media (min-width: 1024px) {

    .product {

        grid-column: span 4 / span 4
    }

    * + .products__container .product {

        grid-column: span 6 / span 6
    }
}

	.product__content {

    border-width: 0px
}

	@media (min-width: 1024px) {

    .product__content {

        padding-bottom: 0px
    }

    .product__image {

        aspect-ratio: 10/8
    }
}

	.product__title {

    font-size: 1rem;

    line-height: 1.5rem;

    font-weight: 400
}

	@media (min-width: 1024px) {

    .product__inner {

        -webkit-box-align: center;

            -ms-flex-align: center;

                align-items: center;

        gap: 1.5rem
    }

    .product__price-container {

        width: 100%;

        -webkit-box-orient: vertical;

        -webkit-box-direction: normal;

            -ms-flex-direction: column;

                flex-direction: column;

        gap: 0.25rem
    }
}

	.product__price {

    font-weight: 400
}

	@media (min-width: 1024px) {

    .product__price {

        -webkit-box-ordinal-group: 2;

            -ms-flex-order: 1;

                order: 1
    }
}

	.product__price-advice {

    font-size: 0.75rem;

    line-height: 1rem
}

	@media (min-width: 1024px) {

    .product__price-advice {

        -webkit-box-ordinal-group: 3;

            -ms-flex-order: 2;

                order: 2
    }
}

	.product .button {

    min-height: 52px
}

	@media (min-width: 1024px) {

    .product .button {

        width: 180px
    }
}

	.product .button i {

    display: none
}
	@media (max-width: 1023px) {

    .products {

        gap: 2rem
    }
}
	@media (min-width: 1024px) {

    .products {

        gap: 2rem
    }
}

	@media (max-width: 1023px) {

    .products__container {

        gap: 2rem
    }
}

	@media (min-width: 1024px) {

    .products__container {

        grid-column: span 12 / span 12;

        gap: 2rem
    }

    * + .products__container {

        grid-column: span 8 / span 8
    }
}


/*# sourceMappingURL=product_widget.6680851e0a6ab5add8e5.css.map*/