.product-description {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    width: 100%;

    -webkit-box-orient: horizontal;

    -webkit-box-direction: normal;

        -ms-flex-direction: row;

            flex-direction: row;

    -webkit-box-align: center;

        -ms-flex-align: center;

            align-items: center;

    -webkit-box-pack: center;

        -ms-flex-pack: center;

            justify-content: center
}

	.product-description__inner {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    width: var(--width-page);

    max-width: 100%;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

        -ms-flex-direction: column;

            flex-direction: column;

    gap: 2rem;

    padding-left: 1rem;

    padding-right: 1rem;

    padding-bottom: 4rem
}

	@media (max-width: 1023px) {

    .product-description__inner {

        padding-left: 2rem;

        padding-right: 2rem
    }
}

	.product-description__section {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

        -ms-flex-direction: column;

            flex-direction: column;

    gap: 1rem;

    font-family: var(--font-secondary);

    font-size: 0.875rem;

    line-height: 1.25rem;

    --tw-text-opacity: 1;

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

	.product-description__section h1,
	.product-description__section h2,
	.product-description__section h3,
	.product-description__section h4,
	.product-description__section h5,
	.product-description__section h6 {

    font-family: var(--font-primary);

    font-size: 1.5rem;

    line-height: 2rem;

    --tw-text-opacity: 1;

    color: rgb(var(--color-primary) / var(--tw-text-opacity))
}
	.product-detail {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    width: var(--width-page);

    max-width: 100%;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

        -ms-flex-direction: column;

            flex-direction: column;

    padding-left: 0px;

    padding-right: 0px;

    padding-top: 2rem;

    padding-bottom: 4rem
}
	@media (min-width: 1024px) {

    .product-detail {

        -webkit-box-orient: horizontal;

        -webkit-box-direction: normal;

            -ms-flex-direction: row;

                flex-direction: row;

        padding-left: 1rem;

        padding-right: 1rem
    }
}
	.product-images {

    margin-top: 2rem;

    margin-bottom: 2rem;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    width: 100%;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

        -ms-flex-direction: column;

            flex-direction: column;

    overflow: hidden;

    --tw-bg-opacity: 1;

    background-color: rgb(var(--color-grey-tone-one) / var(--tw-bg-opacity))
}
	@media (min-width: 1024px) {

    .product-images {

        margin-top: 0px;

        margin-bottom: 0px;

        width: 50%;

        -webkit-box-orient: horizontal;

        -webkit-box-direction: normal;

            -ms-flex-direction: row;

                flex-direction: row;

        min-height: 564px
    }
}

	.product-images__thumbnails {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    padding-right: 1.5rem
}

	@media (max-width: 1023px) {

    .product-images__thumbnails {

        -webkit-box-ordinal-group: 3;

            -ms-flex-order: 2;

                order: 2;

        display: grid;

        width: 100%;

        grid-template-columns: repeat(5, minmax(0, 1fr));

        -webkit-box-orient: horizontal;

        -webkit-box-direction: normal;

            -ms-flex-direction: row;

                flex-direction: row;

        grid-gap: 1rem;

        gap: 1rem;

        padding: 2rem;

        padding-top: 0px
    }
}

	@media (min-width: 1024px) {

    .product-images__thumbnails {

        width: 16.666667%;

        -webkit-box-orient: vertical;

        -webkit-box-direction: normal;

            -ms-flex-direction: column;

                flex-direction: column;

        gap: 1rem;

        padding: 1rem
    }
}

	.product-images__thumbnail {

    position: relative;

    aspect-ratio: 1 / 1;

    cursor: pointer;

    border-radius: 0.25rem;

    border-width: 2px;

    --tw-border-opacity: 1;

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

    --tw-bg-opacity: 1;

    background-color: rgb(var(--color-white) / var(--tw-bg-opacity));

    padding: 0.25rem
}

	.product-images__thumbnail--active {

    --tw-border-opacity: 1;

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

	.product-images__thumbnail img {

    position: absolute;

    bottom: 50%;

    right: 50%;

    height: 100%;

    max-height: 90%;

    width: 100%;

    max-width: 90%;

    --tw-translate-x: 50%;

    --tw-translate-y: 50%;

    -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));

            transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));

    -o-object-fit: contain;

       object-fit: contain
}

	.product-images__carousel {

    height: 100%;

    width: 100%
}

	.product-images__carousel-container {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

        -ms-flex-direction: column;

            flex-direction: column;

    -webkit-box-pack: center;

        -ms-flex-pack: center;

            justify-content: center
}

	@media (max-width: 1023px) {

    .product-images__carousel-container {

        -webkit-box-ordinal-group: 2;

            -ms-flex-order: 1;

                order: 1;

        width: 100%;

        padding-left: 0.5rem;

        padding-right: 0.5rem;

        padding-bottom: 0.5rem;

        padding-top: 1.5rem
    }
}

	@media (min-width: 1024px) {

    .product-images__carousel-container {

        width: 83.333333%;

        padding: 1rem;

        padding-top: 2rem
    }
}

	.product-images__carousel-item,
	sl-carousel-item {

    height: 100%;

    width: 100%
}

	.product-images__image {

    position: relative;

    height: 100%;

    width: 100%
}

	.product-images__image::after {

    content: var(--tw-content);

    display: block
}

	.product-images__image img {

    position: absolute;

    bottom: 50%;

    right: 50%;

    max-height: 100%;

    max-width: 100%;

    --tw-translate-x: 50%;

    --tw-translate-y: 50%;

    -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));

            transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
	.product-info {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    width: 100%;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

        -ms-flex-direction: column;

            flex-direction: column;

    -webkit-box-pack: center;

        -ms-flex-pack: center;

            justify-content: center;

    gap: 1rem;

    padding-left: 2rem;

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

    .product-info {

        width: 50%;

        padding-right: 0px;

        padding-left: 8%
    }
}

	.product-info__top {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

        -ms-flex-direction: column;

            flex-direction: column;

    gap: 0.5rem
}

	@media (min-width: 1024px) {

    .product-info__top {

        border-bottom-width: 1px;

        --tw-border-opacity: 1;

        border-color: rgb(var(--color-grey-tone-three) / var(--tw-border-opacity));

        padding-bottom: 1rem
    }
}

	.product-info__brand,
	.product-info__category {

    font-family: var(--font-secondary);

    font-size: 0.75rem;

    line-height: 1rem;

    --tw-text-opacity: 1;

    color: rgb(var(--color-site-text-one) / var(--tw-text-opacity));

    -webkit-text-decoration-line: underline;

            text-decoration-line: underline
}

	.product-info__name {

    font-family: var(--font-primary);

    font-size: 1.5rem;

    line-height: 2rem;

    font-weight: 700;

    --tw-text-opacity: 1;

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

	.product-info__option {

    font-family: var(--font-secondary);

    font-size: 1rem;

    line-height: 1.5rem;

    --tw-text-opacity: 1;

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

	.product-info__bottom {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-orient: horizontal;

    -webkit-box-direction: normal;

        -ms-flex-direction: row;

            flex-direction: row;

    -webkit-box-align: center;

        -ms-flex-align: center;

            align-items: center;

    gap: 0.25rem;

    font-family: var(--font-primary);

    font-size: 1.5rem;

    line-height: 2rem
}

	.product-info__price-advice {

    --tw-text-opacity: 1;

    color: rgb(var(--color-site-text-two) / var(--tw-text-opacity));

    -webkit-text-decoration-line: line-through;

            text-decoration-line: line-through
}

	.product-info__price {

    font-weight: 700;

    --tw-text-opacity: 1;

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


/*# sourceMappingURL=product.f2cb5624a6e1df315aaa.css.map*/