:root {
    --font-family: "Lato", "system-ui", "Segoe UI", "Roboto", "Arial", sans-serif;
    --font-family-system: "system-ui", "Segoe UI", "Roboto", "Arial", sans-serif;
    --control-radius: 6px;
    --dvh: 100dvh;
    --control-main-color-h: 205;
    --control-main-color-s: 95%;
    --control-main-color-l: 48%;
    --control-main-color-b: .48;
    --control-main-color-a: 1;
    --color-white-h: 0;
    --color-white-s: 0%;
    --color-white-l: 100%;
    --color-white-b: 1;
    --color-white-a: 1;
    --text-muted-color-h: 208;
    --text-muted-color-s: 17%;
    --text-muted-color-l: 66%;
    --text-muted-color-b: .66;
    --text-muted-color-a: 1;
    --background-low-color-h: 210;
    --background-low-color-s: 11%;
    --background-low-color-l: 11%;
    --background-low-color-b: .11;
    --background-low-color-a: 1
}

.ins-component--product-list {
    --grid-space: 16px;
  /*  --color-warning-h: 36;
    --color-warning-s: 100%;
    --color-warning-l: 50%;
    --color-warning-b: .5;
    --color-warning-a: 1;
    --color-error-h: 0;
    --color-error-s: 97%;
    --color-error-l: 72%;
    --color-error-b: .72;
    --color-error-a: 1;
    --color-success-h: 121;
    --color-success-s: 74%;
    --color-success-l: 42%;
    --color-success-b: .42;
    --color-success-a: .5;
    --color-highlight-h: 213;
    --color-highlight-s: 23%;
    --color-highlight-l: 16%;
    --color-highlight-b: .16;
    --color-highlight-a: 1*/
}

.ins-component--product-list.ins-component--appearance-frame {
    --grid-space: 8px
}
/*
.ins-component--product-list .ins-component__bg {
    background-color: var(--primary-image-background-color)
}

.ins-component--product-list .ins-component__bg:after {
    color: hsla(var(--color-white-h), var(--color-white-s), var(--color-white-l), var(--color-white-a));
    font-family: var(--product-name-font-family), system-ui, Segoe UI, Roboto, Arial, sans-serif;
    font-style: var(--product-name-font-style);
    font-weight: var(--product-name-font-weight);
    font-size: calc(var(--product-image-inscription-font-size) * .5 + 8px)
}*/
/*
@media screen and (min-width: 500px) {
    .ins-tiles--500 .ins-component--product-list .ins-component__bg:after {
        font-size: calc(var(--product-image-inscription-font-size) * .7 + 4.8px)
    }
}

@media screen and (min-width: 900px) {
    .ins-tiles--900 .ins-component--product-list .ins-component__bg:after {
        font-size: calc(var(--product-image-inscription-font-size) * 1 + 0px)
    }
}

.ins-component--product-list .ins-component__bg .ins-picture:after {
    background-color: hsla(var(--product-image-overlay-solid-color-h), var(--product-image-overlay-solid-color-s), var(--product-image-overlay-solid-color-l), var(--product-image-overlay-solid-color-a));
    background-image: linear-gradient(var(--image-overlay-gradient-angle), hsla(var(--product-image-overlay-gradient-color-from-h), var(--product-image-overlay-gradient-color-from-s), var(--product-image-overlay-gradient-color-from-l), var(--product-image-overlay-gradient-color-from-a)) 0%, hsla(var(--product-image-overlay-gradient-color-to-h), var(--product-image-overlay-gradient-color-to-s), var(--product-image-overlay-gradient-color-to-l), var(--product-image-overlay-gradient-color-to-a)) 100%)
}

.ins-component--product-list .ins-component__bg--no-image {
    background-color: hsla(var(--product-image-overlay-solid-color-h), var(--product-image-overlay-solid-color-s), var(--product-image-overlay-solid-color-l), var(--product-image-overlay-solid-color-a));
    background-image: linear-gradient(var(--image-overlay-gradient-angle), hsla(var(--product-image-overlay-gradient-color-from-h), var(--product-image-overlay-gradient-color-from-s), var(--product-image-overlay-gradient-color-from-l), var(--product-image-overlay-gradient-color-from-a)) 0%, hsla(var(--product-image-overlay-gradient-color-to-h), var(--product-image-overlay-gradient-color-to-s), var(--product-image-overlay-gradient-color-to-l), var(--product-image-overlay-gradient-color-to-a)) 100%)
}

.ins-component--product-list .ins-component__title,
.ins-component--product-list .ins-component__title-hover {
    color: hsla(var(--product-name-text-color-h), var(--product-name-text-color-s), var(--product-name-text-color-l), var(--product-name-text-color-a));
    font-family: var(--product-name-font-family), Lato, Arial, sans-serif;
    font-style: var(--product-name-font-style);
    font-weight: var(--product-name-font-weight);
    font-size: calc(var(--product-name-font-size) * .5 + 8px)
}

@media screen and (min-width: 500px) {

    .ins-tiles--500 .ins-component--product-list .ins-component__title,
    .ins-tiles--500 .ins-component--product-list .ins-component__title-hover {
        font-size: calc(var(--product-name-font-size) * .7 + 4.8px)
    }
}

@media screen and (min-width: 900px) {

    .ins-tiles--900 .ins-component--product-list .ins-component__title,
    .ins-tiles--900 .ins-component--product-list .ins-component__title-hover {
        font-size: calc(var(--product-name-font-size) * 1 + 0px)
    }
}

.ins-component--product-list .ins-component__subtitle,
.ins-component--product-list .ins-component__subtitle-hover,
.ins-component--product-list .ins-component__sku,
.ins-component--product-list .ins-component__sku-hover,
.ins-component--product-list .ins-component__textblock,
.ins-component--product-list .ins-component__tax,
.ins-component--product-list .ins-component__details,
.ins-component--product-list .ins-component__first-period-price,
.ins-component--product-list .ins-component__first-period-price-hover,
.ins-component--product-list .ins-component__button,
.ins-component--product-list .ins-component__button-hover,
.ins-component--product-list .ins-component__product-rating {
    color: hsla(var(--product-name-text-color-h), var(--product-name-text-color-s), var(--product-name-text-color-l), .6);
    font-family: var(--product-name-font-family), system-ui, Segoe UI, Roboto, Arial, sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: min(12px, calc(var(--product-name-font-size) * .5 + 8px))
}

@media screen and (min-width: 500px) {

    .ins-tiles--500 .ins-component--product-list .ins-component__subtitle,
    .ins-tiles--500 .ins-component--product-list .ins-component__subtitle-hover,
    .ins-tiles--500 .ins-component--product-list .ins-component__sku,
    .ins-tiles--500 .ins-component--product-list .ins-component__sku-hover,
    .ins-tiles--500 .ins-component--product-list .ins-component__textblock,
    .ins-tiles--500 .ins-component--product-list .ins-component__tax,
    .ins-tiles--500 .ins-component--product-list .ins-component__details,
    .ins-tiles--500 .ins-component--product-list .ins-component__first-period-price,
    .ins-tiles--500 .ins-component--product-list .ins-component__first-period-price-hover,
    .ins-tiles--500 .ins-component--product-list .ins-component__button,
    .ins-tiles--500 .ins-component--product-list .ins-component__button-hover,
    .ins-tiles--500 .ins-component--product-list .ins-component__product-rating {
        font-size: min(12px, calc(var(--product-name-font-size) * .7 + 4.8px))
    }
}

@media screen and (min-width: 900px) {

    .ins-tiles--900 .ins-component--product-list .ins-component__subtitle,
    .ins-tiles--900 .ins-component--product-list .ins-component__subtitle-hover,
    .ins-tiles--900 .ins-component--product-list .ins-component__sku,
    .ins-tiles--900 .ins-component--product-list .ins-component__sku-hover,
    .ins-tiles--900 .ins-component--product-list .ins-component__textblock,
    .ins-tiles--900 .ins-component--product-list .ins-component__tax,
    .ins-tiles--900 .ins-component--product-list .ins-component__details,
    .ins-tiles--900 .ins-component--product-list .ins-component__first-period-price,
    .ins-tiles--900 .ins-component--product-list .ins-component__first-period-price-hover,
    .ins-tiles--900 .ins-component--product-list .ins-component__button,
    .ins-tiles--900 .ins-component--product-list .ins-component__button-hover,
    .ins-tiles--900 .ins-component--product-list .ins-component__product-rating {
        font-size: min(12px, calc(var(--product-name-font-size) * 1 + 0px))
    }
}

.ins-component--product-list .ins-component__product-rating {
    color: hsla(var(--product-name-text-color-h), var(--product-name-text-color-s), var(--product-name-text-color-l), .6);
    font-family: var(--product-name-font-family), system-ui, Segoe UI, Roboto, Arial, sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: min(12px, calc(var(--product-name-font-size) * .5 + 8px))
}

@media screen and (min-width: 500px) {
    .ins-tiles--500 .ins-component--product-list .ins-component__product-rating {
        font-size: min(12px, calc(var(--product-name-font-size) * .7 + 4.8px))
    }
}

@media screen and (min-width: 900px) {
    .ins-tiles--900 .ins-component--product-list .ins-component__product-rating {
        font-size: min(12px, calc(var(--product-name-font-size) * 1 + 0px))
    }
}

.ins-component--product-list .ins-component__price,
.ins-component--product-list .ins-component__price-hover {
    color: hsla(var(--product-price-text-color-h), var(--product-price-text-color-s), var(--product-price-text-color-l), var(--product-price-text-color-a));
    font-family: var(--product-price-font-family), system-ui, Segoe UI, Roboto, Arial, sans-serif;
    font-style: var(--product-price-font-style);
    font-weight: var(--product-price-font-weight);
    font-size: calc(var(--product-price-font-size) * .5 + 8px)
}

@media screen and (min-width: 500px) {

    .ins-tiles--500 .ins-component--product-list .ins-component__price,
    .ins-tiles--500 .ins-component--product-list .ins-component__price-hover {
        font-size: calc(var(--product-price-font-size) * .7 + 4.8px)
    }
}

@media screen and (min-width: 900px) {

    .ins-tiles--900 .ins-component--product-list .ins-component__price,
    .ins-tiles--900 .ins-component--product-list .ins-component__price-hover {
        font-size: calc(var(--product-price-font-size) * 1 + 0px)
    }
}

.ins-component--product-list .ins-component__item-wrap-inner {
    border-color: hsla(0, 0%, clamp(0%, (var(--background-solid-color-l) - 60%) * -100, 100%), .2)
}

.ins-component--product-list .ins-component__outofstock {
    color: hsla(var(--button-color-h), var(--button-color-s), var(--button-color-l), var(--button-color-a));
    font-family: var(--button-font-family), system-ui, Segoe UI, Roboto, Arial, sans-serif;
    font-style: normal;
    font-weight: 700
}

.ins-component--product-list .ins-component__outofstock--small {
    font-size: var(--global-button-size-small)
}

.ins-component--product-list .ins-component__outofstock--medium {
    font-size: var(--global-button-size-medium)
}

.ins-component--product-list .ins-component__outofstock--large {
    font-size: var(--global-button-size-large)
}

.ins-component--product-list.ins-component--appearance-hover .ins-component__item-wrap-inner:hover .ins-component__bg:after {
    background-color: hsla(var(--color-white-h), var(--color-white-s), var(--color-white-l), .6)
}

.ins-component--product-list.ins-component--appearance-frame .ins-component__item-wrap-inner:hover {
    background-color: hsla(0, 0%, clamp(0%, (var(--background-solid-color-l) - 60%) * -100, 100%), .04);
    box-shadow: 0 5px 20px hsla(0, 0%, clamp(0%, (var(--background-solid-color-l) - 60%) * -100, 100%), .1)
}*/

.ins-component--product-list .ins-component__wrap {
    overflow: visible
}

.ins-component--product-list .ins-component__items {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    justify-content: center;
    margin: 0
}

.ins-component--product-list .ins-component__item-wrap {
    padding: var(--grid-space)
}

.ins-component--product-list .ins-component__headline,
.ins-component--product-list .ins-component__description {
    width: 100%;
    margin: 0 auto;
    text-align: center
}

@media screen and (min-width: 500px) {

    .ins-tiles--500 .ins-component--product-list .ins-component__headline,
    .ins-tiles--500 .ins-component--product-list .ins-component__description {
        width: 87.2852233677%
    }
}

@media screen and (min-width: 900px) {

    .ins-tiles--900 .ins-component--product-list .ins-component__headline,
    .ins-tiles--900 .ins-component--product-list .ins-component__description {
        width: 74.5704467354%
    }
}

@media screen and (min-width: 1200px) {

    .ins-tiles--1200 .ins-component--product-list .ins-component__headline,
    .ins-tiles--1200 .ins-component--product-list .ins-component__description {
        width: 61.8556701031%
    }
}

.ins-component--product-list .ins-component__headline:nth-last-child(2),
.ins-component--product-list .ins-component__description:nth-last-child(2) {
    margin-bottom: min(calc(1vw + 30px), calc((var(--global-tile-max-width) * 1px + var(--global-tile-padding) * 2px) * .01 + 30px))
}

.ins-component--product-list .ins-component__headline:nth-last-child(3),
.ins-component--product-list .ins-component__description:nth-last-child(3) {
    margin-bottom: min(calc(1vw + 20px), calc((var(--global-tile-max-width) * 1px + var(--global-tile-padding) * 2px) * .01 + 20px))
}

.ins-component__product-rating {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    gap: 6px;
    order: 4;
    text-decoration: none;
    padding-top: 0
}

.ins-component__product-rating span:last-child {
    font-size: 12px;
    font-weight: 500
}

.star-rating {
    line-height: initial
}

.star-rating__item-wrapper {
    position: relative;
    display: inline-block;
    margin-right: 2px
}

.star-rating__item-wrapper:last-child {
    margin-right: 0
}

.star-rating__item--background {
    color: #c0c7cf;
    z-index: 1
}

.star-rating__item--foreground {
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
    white-space: nowrap;
    color: #f9a650;
    z-index: 2
}

.ins-component--product-list.ins-component--portrait2 .ins-component__spacer:after {
    padding-top: 149.9250374813%
}

.ins-component--product-list.ins-component--portrait1 .ins-component__spacer:after {
    padding-top: 133.3333333333%
}

.ins-component--product-list.ins-component--square .ins-component__spacer:after {
    padding-top: 100%
}

.ins-component--product-list.ins-component--landscape1 .ins-component__spacer:after {
    padding-top: 75.0187546887%
}

.ins-component--product-list.ins-component--landscape2 .ins-component__spacer:after {
    padding-top: 66.6666666667%
}

.ins-component--product-list .ins-component__item {
    display: flex;
    text-align: center
}

.ins-component--product-list .ins-component__item-wrap {
    position: relative;
    width: 100%
}

.ins-component--product-list .ins-component__item-wrap-inner {
    display: flex;
    position: relative;
    flex-direction: column;
    width: 100%;
    height: 100%;
    cursor: pointer
}

@media (hover: hover) {
    .ins-component--product-list .ins-component__item-wrap-inner .ins-component__bg:hover .ins-component__bg-image--primary:last-child {
        transform: scale(1.1) translateZ(0)
    }

    .ins-component--product-list .ins-component__item-wrap-inner .ins-component__bg:hover .ins-component__bg-image--primary:not(:last-child) {
        opacity: 0
    }

    .ins-component--product-list .ins-component__item-wrap-inner .ins-component__bg:hover .ins-component__bg-image--secondary {
        opacity: 1;
        transform: scale(1)
    }
}

.ins-component--product-list .ins-component__item-wrap-inner>*:last-child:not(.ins-component__image) {
    padding-bottom: 16px
}

.ins-component--product-list .ins-component__image {
    display: block;
    position: relative;
    order: 1;
    width: 100%;
    margin: 0 auto
}

.ins-component--product-list .ins-component__image+* {
    margin-top: .8em
}

.ins-component--product-list .ins-component__bg,
.ins-component--product-list .ins-component__bg:after,
.ins-component--product-list .ins-component__bg-image {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: hidden;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
    transition: transform .3s ease 0s, opacity .2s ease 0s
}

.ins-component--product-list .ins-component__bg {
    border-radius: 3px
}

.ins-component--product-list .ins-component__bg .ins-picture:after {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0
}

.ins-component--product-list .ins-component__bg--no-image {
    height: 100%;
    width: 100%
}

.ins-component--product-list .ins-component__bg--color-0 {
    --primary-image-background-color: rgba(9, 188, 138, .3)
}

.ins-component--product-list .ins-component__bg--color-1 {
    --primary-image-background-color: rgba(236, 129, 159, .3)
}

.ins-component--product-list .ins-component__bg--color-2 {
    --primary-image-background-color: rgba(112, 145, 218, .3)
}

.ins-component--product-list .ins-component__bg--color-3 {
    --primary-image-background-color: rgba(108, 212, 255, .3)
}

.ins-component--product-list .ins-component__bg--color-4 {
    --primary-image-background-color: rgba(253, 155, 124, .3)
}

.ins-component--product-list .ins-component__bg--color-5 {
    --primary-image-background-color: rgba(144, 190, 109, .3)
}

.ins-component--product-list .ins-component__bg--color-6 {
    --primary-image-background-color: rgba(255, 201, 94, .3)
}

.ins-component--product-list .ins-component__bg--color-7 {
    --primary-image-background-color: rgba(243, 90, 102, .3)
}

.ins-component--product-list .ins-component__bg--color-8 {
    --primary-image-background-color: rgba(175, 122, 109, .3)
}

.ins-component--product-list .ins-component__bg--color-9 {
    --primary-image-background-color: rgba(78, 205, 196, .3)
}

.ins-component--product-list .ins-component__bg:hover:after {
    transform: translateY(-30px)
}

.ins-component--product-list .ins-component__bg:after {
    content: attr(data-title);
    pointer-events: none;
    line-height: min(calc(2em - 4px), calc(.8em + 23px));
    max-height: min(calc((2em - 4px)*3), calc((.65em + 25px)*3));
    display: block;
    top: 50%;
    left: 8%;
    right: 8%;
    bottom: auto;
    -webkit-hyphens: auto;
    hyphens: auto;
    overflow-wrap: break-word;
    transform: translateY(-50%);
    color: #9d5a43
}

.ins-component--product-list .ins-component__bg-image {
    top: -1px;
    right: -1px;
    bottom: -1px;
    left: -1px
}

.ins-component--product-list .ins-component__bg-image--secondary {
    opacity: 0;
    transform: scale(1.07);
    transition: transform .3s ease 0s, opacity .2s ease 0s
}

@media screen and (max-width: 599px) {
    .ins-component--product-list .ins-component__bg-image {
        background-image: var(--thumbnail-image)
    }
}

.ins-tiles:not(.ins-tiles--600) .ins-component--product-list .ins-component__bg-image {
    background-image: var(--thumbnail-image)
}

@media screen and (min-width: 600px) {
    .ins-tiles--600 .ins-component--product-list .ins-component__bg-image {
        background-image: var(--image)
    }
}

.ins-component--product-list .ins-component__spacer {
    width: 100%
}

.ins-component--product-list .ins-component__spacer:after {
    content: "";
    display: block
}

.ins-component--product-list .ins-component__title,
.ins-component--product-list .ins-component__title-hover {
    display: block;
    padding-bottom: 3px;
    overflow: hidden;
    order: 2;
    transition: color .12s ease-out 0s
}

.ins-component--product-list .ins-component__subtitle,
.ins-component--product-list .ins-component__subtitle-hover {
    display: block;
    overflow: hidden;
    order: 2
}

.ins-component--product-list .ins-component__sku,
.ins-component--product-list .ins-component__sku-hover {
    order: 3;
    padding-top: 3px
}

.ins-component--product-list .ins-component__price {
    display: flex;
    flex-wrap: wrap;
    justify-content: center
}

.ins-component--product-list .ins-component__price,
.ins-component--product-list .ins-component__price-hover {
    order: 4;
    padding-top: 0
}

.ins-component--product-list .ins-component__first-period-price,
.ins-component--product-list .ins-component__first-period-price-hover {
    order: 4
}

.ins-component--product-list .ins-component__price-compare {
    display: inline-block;
    color: hsla(var(--product-compare-to-price-text-color-h), var(--product-compare-to-price-text-color-s), var(--product-compare-to-price-text-color-l), var(--product-compare-to-price-text-color-a));
    font-weight: 400;
    text-decoration: line-through
}

.ins-component--product-list .ins-component__price-lowest-price {
    order: 4;
    color: hsla(var(--product-compare-to-price-text-color-h), var(--product-compare-to-price-text-color-s), var(--product-compare-to-price-text-color-l), var(--product-compare-to-price-text-color-a))
}

.ins-component--product-list .ins-component__price-amount {
    display: inline-block
}

.ins-component--product-list .ins-component__price-hover .ins-component__price-amount:not(:last-child) {
    padding-right: 8px
}

.ins-component--product-list .ins-component__tax {
    order: 5;
    padding-top: 0
}

.ins-component--product-list .ins-component__details {
    order: 6;
    padding-top: 5px
}

.ins-component--product-list .ins-component__button,
.ins-component--product-list .ins-component__button-hover {
    order: 7;
    margin-top: auto
}

.ins-component--product-list .ins-component__button .ins-control,
.ins-component--product-list .ins-component__button-hover .ins-control {
    margin-top: 10px
}

.ins-component--product-list .ins-component__button .ins-control--button,
.ins-component--product-list .ins-component__button-hover .ins-control--button {
    min-width: 50%
}

.ins-component--product-list .ins-component__outofstock {
    order: 7
}

.ins-component--product-list .ins-component__textblock {
    display: inline-block;
    padding: 0 5px
}

.ins-component--product-list .ins-component__title,
.ins-component--product-list .ins-component__title-hover,
.ins-component--product-list .ins-component__subtitle,
.ins-component--product-list .ins-component__subtitle-hover,
.ins-component--product-list .ins-component__price,
.ins-component--product-list .ins-component__price-hover,
.ins-component--product-list .ins-component__price-compare,
.ins-component--product-list .ins-component__price-lowest-price,
.ins-component--product-list .ins-component__first-period-price,
.ins-component--product-list .ins-component__first-period-price-hover,
.ins-component--product-list .ins-component__details,
.ins-component--product-list .ins-component__sku,
.ins-component--product-list .ins-component__sku-hover,
.ins-component--product-list .ins-component__tax,
.ins-component--product-list .ins-component__textblock {
    max-width: 100%;
    word-wrap: break-word;
    backface-visibility: hidden
}

.ins-component--product-list .ins-component__label {
    position: absolute;
    z-index: 1;
    top: 0;
    right: 0;
    max-width: 80%;
    margin-top: 10px;
    padding: 1px 5px;
    color: hsla(var(--color-white-h), var(--color-white-s), var(--color-white-l), var(--color-white-a));
    font-size: 14px;
    font-weight: 600;
    line-height: 1.4em;
    text-align: left;
    text-transform: uppercase;
    word-break: break-word
}

.ins-component--product-list .ins-component__label--ribbon {
    color: hsla(var(--color-white-h), var(--color-white-s), var(--color-white-l), var(--color-white-a));
    text-transform: none
}

.ins-component--product-list .ins-component__label--ribbon-inversed {
    color: hsla(var(--color-black-h), var(--color-black-s), var(--color-black-l), var(--color-black-a));
    text-transform: none
}

.ins-component--product-list .ins-component__label--onsale,
.ins-component--product-list .ins-component__label--warning,
.ins-component--product-list .ins-component__label--nameyourprice {
    background-color: hsla(var(--color-warning-h), var(--color-warning-s), var(--color-warning-l), var(--color-warning-a))
}

.ins-component--product-list .ins-component__label--outofstock {
    background-color: hsla(var(--color-error-h), var(--color-error-s), var(--color-error-l), var(--color-error-a))
}

.ins-component--product-list .ins-component__label--sampleproduct {
    background-color: hsla(var(--color-highlight-h), var(--color-highlight-s), var(--color-highlight-l), var(--color-highlight-a))
}

.ins-component--product-list .ins-component__label--bottom {
    top: auto;
    bottom: 0;
    margin-bottom: 10px
}

.ins-component--product-list.ins-component--layout-center .ins-component__price .ins-component__price-amount:not(:last-child) {
    padding-right: 8px
}

.ins-component--product-list.ins-component--layout-left .ins-component__title,
.ins-component--product-list.ins-component--layout-left .ins-component__subtitle,
.ins-component--product-list.ins-component--layout-left .ins-component__price,
.ins-component--product-list.ins-component--layout-left .ins-component__first-period-price,
.ins-component--product-list.ins-component--layout-left .ins-component__sku,
.ins-component--product-list.ins-component--layout-left .ins-component__button,
.ins-component--product-list.ins-component--layout-left .ins-component__details,
.ins-component--product-list.ins-component--layout-left .ins-component__tax {
    text-align: left
}

.ins-component--product-list.ins-component--layout-left .ins-component__price {
    justify-content: flex-start
}

.ins-component--product-list.ins-component--layout-left .ins-component__price .ins-component__price-amount:not(:last-child) {
    padding-right: 8px
}

.ins-component--product-list.ins-component--layout-left .ins-component__details .ins-component__textblock,
.ins-component--product-list.ins-component--layout-left .ins-component__tax .ins-component__textblock {
    padding-right: 10px;
    padding-left: 0
}

.ins-component--product-list.ins-component--layout-left .ins-component__product-rating {
    justify-content: left
}

.ins-component--product-list.ins-component--layout-right .ins-component__title,
.ins-component--product-list.ins-component--layout-right .ins-component__subtitle,
.ins-component--product-list.ins-component--layout-right .ins-component__price,
.ins-component--product-list.ins-component--layout-right .ins-component__first-period-price,
.ins-component--product-list.ins-component--layout-right .ins-component__sku,
.ins-component--product-list.ins-component--layout-right .ins-component__button,
.ins-component--product-list.ins-component--layout-right .ins-component__details,
.ins-component--product-list.ins-component--layout-right .ins-component__tax {
    text-align: right
}

.ins-component--product-list.ins-component--layout-right .ins-component__price {
    justify-content: flex-end
}

.ins-component--product-list.ins-component--layout-right .ins-component__price .ins-component__price-amount {
    order: 2
}

.ins-component--product-list.ins-component--layout-right .ins-component__price .ins-component__price-compare {
    padding-right: 8px
}

.ins-component--product-list.ins-component--layout-right .ins-component__details .ins-component__textblock,
.ins-component--product-list.ins-component--layout-right .ins-component__tax .ins-component__textblock {
    padding-right: 0;
    padding-left: 10px
}

.ins-component--product-list.ins-component--layout-right .ins-component__product-rating {
    justify-content: right
}

.ins-component--product-list.ins-component--layout-justify .ins-component__title,
.ins-component--product-list.ins-component--layout-justify .ins-component__subtitle,
.ins-component--product-list.ins-component--layout-justify .ins-component__details,
.ins-component--product-list.ins-component--layout-justify .ins-component__tax,
.ins-component--product-list.ins-component--layout-justify .ins-component__sku,
.ins-component--product-list.ins-component--layout-justify .ins-component__button {
    text-align: left
}

@media screen and (max-width: 499px) {
    .ins-component--product-list.ins-component--layout-justify.ins-component--medium .ins-component__title {
        display: flex;
        flex-direction: column
    }

    .ins-component--product-list.ins-component--layout-justify.ins-component--medium .ins-component__title .ins-component__title-inner {
        order: 1
    }

    .ins-component--product-list.ins-component--layout-justify.ins-component--medium .ins-component__title .ins-component__price {
        float: none;
        order: 2;
        padding: 0;
        text-align: left
    }

    .ins-component--product-list.ins-component--layout-justify.ins-component--medium .ins-component__title .ins-component__price .ins-component__price-amount {
        display: inline-block
    }

    .ins-component--product-list.ins-component--layout-justify.ins-component--medium .ins-component__title .ins-component__price .ins-component__price-amount:not(:last-child) {
        padding-right: 8px
    }
}

.ins-tiles:not(.ins-tiles--500) .ins-component--product-list.ins-component--layout-justify.ins-component--medium .ins-component__title {
    display: flex;
    flex-direction: column
}

.ins-tiles:not(.ins-tiles--500) .ins-component--product-list.ins-component--layout-justify.ins-component--medium .ins-component__title .ins-component__title-inner {
    order: 1
}

.ins-tiles:not(.ins-tiles--500) .ins-component--product-list.ins-component--layout-justify.ins-component--medium .ins-component__title .ins-component__price {
    float: none;
    order: 2;
    padding: 0;
    text-align: left
}

.ins-tiles:not(.ins-tiles--500) .ins-component--product-list.ins-component--layout-justify.ins-component--medium .ins-component__title .ins-component__price .ins-component__price-amount {
    display: inline-block
}

.ins-tiles:not(.ins-tiles--500) .ins-component--product-list.ins-component--layout-justify.ins-component--medium .ins-component__title .ins-component__price .ins-component__price-amount:not(:last-child) {
    padding-right: 8px
}

.ins-component--product-list.ins-component--layout-justify.ins-component--small .ins-component__title {
    display: flex;
    flex-direction: column
}

.ins-component--product-list.ins-component--layout-justify.ins-component--small .ins-component__title .ins-component__title-inner {
    order: 1
}

.ins-component--product-list.ins-component--layout-justify.ins-component--small .ins-component__title .ins-component__price {
    float: none;
    order: 2;
    padding: 0;
    text-align: left
}

.ins-component--product-list.ins-component--layout-justify.ins-component--small .ins-component__title .ins-component__price-amount {
    display: inline-block
}

.ins-component--product-list.ins-component--layout-justify.ins-component--small .ins-component__title .ins-component__price-amount:not(:last-child) {
    padding-right: 8px
}

.ins-component--product-list.ins-component--layout-justify .ins-component__title {
    overflow: hidden;
    word-wrap: normal
}

.ins-component--product-list.ins-component--layout-justify .ins-component__title .ins-component__price {
    float: right;
    flex-direction: column;
    padding: 0 0 0 10%;
    text-align: right
}

.ins-component--product-list.ins-component--layout-justify .ins-component__title .ins-component__price-amount {
    display: block;
    order: 2;
    padding-right: 0
}

.ins-component--product-list.ins-component--layout-justify .ins-component__details .ins-component__textblock,
.ins-component--product-list.ins-component--layout-justify .ins-component__tax .ins-component__textblock {
    padding-right: 8px;
    padding-left: 0
}

.ins-component--product-list.ins-component--layout-justify .ins-component__image~.ins-component__title .ins-component__title-inner,
.ins-component--product-list.ins-component--layout-justify .ins-component__image~.ins-component__title .ins-component__price-compare {
    padding-top: 0
}

.ins-component--product-list.ins-component--appearance-hover .ins-component__item-wrap-inner:hover .ins-component__label {
    opacity: 0;
    transition: opacity .1s ease
}

.ins-component--product-list.ins-component--appearance-hover .ins-component__item-wrap-inner:hover .ins-component__hover-wrap {
    visibility: visible;
    z-index: 2;
    opacity: 1;
    transform: translateZ(0);
    transition: transform .15s ease-out 0s, opacity .15s ease-out 0s
}

@media (hover: hover) {
    .ins-component--product-list.ins-component--appearance-hover .ins-component__bg:hover .ins-component__bg-image {
        transform: scale3d(.96, .96, 1);
        transition: transform .2s ease 0s, filter 0s linear .02s;
        filter: blur(8px)
    }

    .ins-component--product-list.ins-component--appearance-hover .ins-component__bg:hover:after {
        content: "";
        transition: background-color .2s ease 0s
    }
}

.ins-component--product-list.ins-component--appearance-hover .ins-component__hover-wrap {
    display: flex;
    visibility: hidden;
    position: absolute;
    top: 10px;
    right: 8%;
    bottom: 10px;
    left: 8%;
    opacity: 0;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    transform: translate3d(0, 10px, 0);
    will-change: transform, opacity
}

.ins-component--product-list.ins-component--appearance-hover .ins-component__bg-image {
    transform: none;
    transition: transform .05s ease 0s, filter 0s linear 15ms;
    filter: none;
    will-change: transform, filter
}

.ins-component--product-list.ins-component--appearance-hover .ins-component__title-hover .ins-component__title-inner,
.ins-component--product-list.ins-component--appearance-hover .ins-component__price-hover .ins-component__price-amount {
    color: inherit
}

.ins-component--product-list.ins-component--appearance-hover .ins-component__hover-wrap>*:nth-child(2):last-child {
    margin-top: 20px
}

.ins-component--product-list.ins-component--appearance-hover .ins-component__hover-wrap>*:nth-child(2):last-child:before {
    content: "";
    display: block;
    opacity: .5;
    width: 50px;
    height: 0;
    margin: -10px auto 10px;
    border-top: 1px solid currentColor
}
/*
.ins-component--product-list.ins-component--appearance-hover .ins-component__hover-wrap>*:nth-child(2):last-child.ins-component__button:before {
    margin: -7px auto 8px
}

.ins-component--product-list.ins-component--appearance-frame:not(.ins-component--appearance-hover) .ins-component__item-wrap-inner:hover .ins-component__bg-image {
    transform: none
}

.ins-component--product-list.ins-component--appearance-frame .ins-component__bg {
    border-radius: 3px 3px 0 0
}

.ins-component--product-list.ins-component--appearance-frame .ins-component__image:last-child .ins-component__bg {
    border-radius: 3px
}

.ins-component--product-list.ins-component--appearance-frame .ins-component__item-wrap {
    display: flex
}
/*
.ins-component--product-list.ins-component--appearance-frame .ins-component__item-wrap-inner {
    border-width: 1px;
    border-style: solid;
    border-radius: 3px;
    transition: box-shadow .2s ease 0s, background-color .2s ease 0s
}*/

.ins-component--product-list.ins-component--appearance-frame .ins-component__item-wrap-inner>*:last-child:not(.ins-component__image) {
    padding-bottom: 1.2em
}

.ins-component--product-list.ins-component--appearance-frame .ins-component__item-wrap-inner>*:first-child:not(.ins-component__image) {
    padding-top: 1.2em
}

.ins-component--product-list.ins-component--appearance-frame .ins-component__item-wrap-inner .ins-component__image+* {
    margin-top: 1em
}

.ins-component--product-list.ins-component--appearance-frame .ins-component__item-wrap-inner .ins-component__image+*:last-child:not(.ins-component__image) {
    padding-bottom: 1em
}

.ins-component--product-list.ins-component--appearance-frame.ins-component--layout-left .ins-component__price {
    flex-direction: row;
    align-items: flex-end;
    justify-content: flex-start
}

.ins-component--product-list.ins-component--appearance-frame.ins-component--layout-right .ins-component__price {
    flex-direction: row;
    align-items: flex-end;
    justify-content: flex-end
}

.ins-component--product-list.ins-component--appearance-frame.ins-component--layout-justify .ins-component__button {
    display: flex;
    flex: 1 0 auto;
    align-items: flex-end;
    justify-content: flex-start
}

.ins-component--product-list.ins-component--appearance-frame.ins-component--layout-justify .ins-component__price {
    display: block;
    padding: 0 0 0 10%
}

.ins-component--product-list.ins-component--appearance-frame .ins-component__title,
.ins-component--product-list.ins-component--appearance-frame .ins-component__subtitle,
.ins-component--product-list.ins-component--appearance-frame .ins-component__product-rating,
.ins-component--product-list.ins-component--appearance-frame .ins-component__price,
.ins-component--product-list.ins-component--appearance-frame .ins-component__first-period-price,
.ins-component--product-list.ins-component--appearance-frame .ins-component__details,
.ins-component--product-list.ins-component--appearance-frame .ins-component__sku,
.ins-component--product-list.ins-component--appearance-frame .ins-component__tax,
.ins-component--product-list.ins-component--appearance-frame .ins-component__button {
    padding-right: 16px;
    padding-left: 16px
}

.ins-component--product-list.ins-component--small .ins-component__button .ins-control--button,
.ins-component--product-list.ins-component--small .ins-component__button-hover .ins-control--button {
    min-width: 33%
}

@media screen and (max-width: 499px) {

    .ins-component--product-list.ins-component--medium .ins-component__button .ins-control--button,
    .ins-component--product-list.ins-component--medium .ins-component__button-hover .ins-control--button {
        min-width: 33%
    }
}

.ins-tiles:not(.ins-tiles--500) .ins-component--product-list.ins-component--medium .ins-component__button .ins-control--button,
.ins-tiles:not(.ins-tiles--500) .ins-component--product-list.ins-component--medium .ins-component__button-hover .ins-control--button {
    min-width: 33%
}

@media screen and (min-width: 300px) {
    .ins-tiles--300 .ins-component--product-list.ins-component--small[data-items="1"] .ins-component__items {
        justify-content: center
    }
}

@media screen and (min-width: 500px) {
    .ins-tiles--500 .ins-component--product-list.ins-component--small[data-items="2"] .ins-component__items {
        justify-content: center
    }
}

@media screen and (min-width: 700px) {
    .ins-tiles--700 .ins-component--product-list.ins-component--small[data-items="3"] .ins-component__items {
        justify-content: center
    }
}

@media screen and (min-width: 900px) {
    .ins-tiles--900 .ins-component--product-list.ins-component--small[data-items="4"] .ins-component__items {
        justify-content: center
    }
}

@media screen and (min-width: 1200px) {
    .ins-tiles--1200 .ins-component--product-list.ins-component--small[data-items="5"] .ins-component__items {
        justify-content: center
    }
}

@media screen and (min-width: 1600px) {
    .ins-tiles--1600 .ins-component--product-list.ins-component--small[data-items="6"] .ins-component__items {
        justify-content: center
    }
}

.ins-component--product-list.ins-component--small .ins-component__item:nth-child(n+1) {
    width: 50%
}

@media screen and (min-width: 600px) {
    .ins-tiles--600 .ins-component--product-list.ins-component--small .ins-component__item:nth-child(n+1) {
        width: 33.3333333333%
    }
}

@media screen and (min-width: 700px) {
    .ins-tiles--700 .ins-component--product-list.ins-component--small .ins-component__item:nth-child(n+1) {
        width: 25%
    }
}

@media screen and (min-width: 900px) {
    .ins-tiles--900 .ins-component--product-list.ins-component--small .ins-component__item:nth-child(n+1) {
        width: 20%
    }
}

@media screen and (min-width: 1100px) {
    .ins-tiles--1100 .ins-component--product-list.ins-component--small .ins-component__item:nth-child(n+1) {
        width: 16.6666666667%
    }
}

@media screen and (min-width: 1600px) {
    .ins-tiles--1600 .ins-component--product-list.ins-component--small .ins-component__item:nth-child(n+1) {
        width: 14.2857142857%
    }
}

@media screen and (min-width: 300px) {
    .ins-tiles--300 .ins-component--product-list.ins-component--medium[data-items="1"] .ins-component__items {
        justify-content: center
    }
}

@media screen and (min-width: 700px) {
    .ins-tiles--700 .ins-component--product-list.ins-component--medium[data-items="2"] .ins-component__items {
        justify-content: center
    }
}

@media screen and (min-width: 900px) {
    .ins-tiles--900 .ins-component--product-list.ins-component--medium[data-items="3"] .ins-component__items {
        justify-content: center
    }
}

@media screen and (min-width: 1600px) {
    .ins-tiles--1600 .ins-component--product-list.ins-component--medium[data-items="4"] .ins-component__items {
        justify-content: center
    }
}

.ins-component--product-list.ins-component--medium .ins-component__item:nth-child(n+1) {
    width: 50%
}

@media screen and (min-width: 700px) {
    .ins-tiles--700 .ins-component--product-list.ins-component--medium .ins-component__item:nth-child(n+1) {
        width: 33.3333333333%
    }
}

@media screen and (min-width: 1100px) {
    .ins-tiles--1100 .ins-component--product-list.ins-component--medium .ins-component__item:nth-child(n+1) {
        width: 25%
    }
}

@media screen and (min-width: 1600px) {
    .ins-tiles--1600 .ins-component--product-list.ins-component--medium .ins-component__item:nth-child(n+1) {
        width: 20%
    }
}

@media screen and (min-width: 700px) {
    .ins-tiles--700 .ins-component--product-list.ins-component--large[data-items="1"] .ins-component__items {
        justify-content: center
    }
}

@media screen and (min-width: 1200px) {
    .ins-tiles--1200 .ins-component--product-list.ins-component--large[data-items="2"] .ins-component__items {
        justify-content: center
    }
}

@media screen and (min-width: 1600px) {
    .ins-tiles--1600 .ins-component--product-list.ins-component--large[data-items="3"] .ins-component__items {
        justify-content: center
    }
}

.ins-component--product-list.ins-component--large .ins-component__item:nth-child(n+1) {
    width: 100%
}

@media screen and (min-width: 700px) {
    .ins-tiles--700 .ins-component--product-list.ins-component--large .ins-component__item:nth-child(n+1) {
        width: 50%
    }
}

@media screen and (min-width: 1100px) {
    .ins-tiles--1100 .ins-component--product-list.ins-component--large .ins-component__item:nth-child(n+1) {
        width: 33.3333333333%
    }
}

@media screen and (min-width: 1600px) {
    .ins-tiles--1600 .ins-component--product-list.ins-component--large .ins-component__item:nth-child(n+1) {
        width: 25%
    }
}