﻿
.grid-card .grid-card-link {
    position: relative;
    display: block;
    width: 100%
}
.grid-card-link {
    position: relative;
    display: block;
    width: 97%
}
.is-keyboard .grid-card .grid-card-link:focus, .is-keyboard .grid-card .grid-card-link[focus-within] {
    outline-offset: -1px
}

.is-keyboard .grid-card .grid-card-link:focus, .is-keyboard .grid-card .grid-card-link:focus-within {
    outline-offset: -1px
}

    .is-keyboard .grid-card .grid-card-link:focus img, .is-keyboard .grid-card .grid-card-link[focus-within] img {
        box-sizing: border-box
    }

    .is-keyboard .grid-card .grid-card-link:focus-within img, .is-keyboard .grid-card .grid-card-link:focus img {
        box-sizing: border-box
    }

 .is-keyboard .grid-card .grid-card-link:focus img,  .is-keyboard .grid-card .grid-card-link[focus-within] img,  .is-keyboard .grid-card .grid-card-link:focus img {
    padding: 2px
}

 .is-keyboard .grid-card .grid-card-link:focus-within img {
    padding: 2px
}

 .is-keyboard .grid-card .grid-card-link[focus-within] img {
    padding: 2px
}

 .is-keyboard .grid-card .grid-card-link:focus-within img {
    padding: 2px
}

.product-label--pill, .product-label--pill-small {
    padding: 0 8px;
    background-color: #fff;
    border-radius: .8px
}

.product-label {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    line-height: 1
}

.product-label--pill {
    height: 24px
}

.product-label--pill-small {
    height: 21px
}

.product-label--translucent, .product-label--translucent.product-label--pill, .product-label--translucent.product-label--pill-small {
    background-color: hsla(0,0%,100%,.8)
}

.product-label__icon {
    height: 14px;
    width: 14px;
    -webkit-transform: translate3d(0,-1px,0);
    transform: translate3d(0,-1px,0)
}

 .product-label__icon {
    margin-left: 4px
}

 .product-label__icon {
    margin-right: 4px
}

.product-label__icon .svg-icon {
    max-height: 100%;
    max-width: 100%
}

.product-label__text {
    color: #000;
    font-size: .6875rem;
    font-weight: 700;
    text-transform: uppercase
}

.mobile .product-label__icon {
    height: 12px;
    width: 12px
}

.shop-cart-icon .text {
    font-weight: 700;
    font-size: .8125rem
}

 .shop-cart-icon .text {
    margin-left: 4px
}

 .shop-cart-icon .text {
    margin-right: 4px
}
/*! purgecss start ignore */ .color-cuts {
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex
}

   /* .color-cuts .color-cut {
        display: block;
        width: 8px;
        height: 8px;
        border-radius: 50%
    }*/

 .color-cuts .color-cut {
    margin-left: 2px
}

 .color-cuts .color-cut {
    margin-right: 2px
}

.color-cuts .color-cut input {
    position: absolute;
    opacity: 0;
    width: 0;
    height: 0
}

.color-cuts .color-cut img {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    margin-bottom: 0
}

 .color-cuts .color-cut:first-child {
    margin-left: 0
}

 .color-cuts .color-cut:first-child {
    margin-right: 0
}

.color-cuts .color-cut.has-light-border .image-item {
    border: .8px solid #b4b4b4
}

.color-cuts .more-colors {
    display: block;
    line-height: 1;
    height: .59rem;
    font-size: .6875rem;
    font-weight: 500;
    color: #636363
}

    .color-cuts .more-colors:not(.color-number) {
        margin-top: 4px
    }

 .color-cuts .more-colors:not(.color-number) {
    margin-left: 6px
}

 .color-cuts .more-colors:not(.color-number) {
    margin-right: 6px
}

.desktop .category-grid .color-cuts .more-colors.color-number {
    font-size: .6875rem
}

.color-cuts .color-number {
    display: none
}

.desktop .color-cuts {
    height: 18px
}

    .desktop .color-cuts .color-cut {
        height: 16px;
        width: 16px;
        display: none
    }

 .desktop .color-cuts .color-cut {
    margin-left: 4px
}

 .desktop .color-cuts .color-cut {
    margin-right: 4px
}

.desktop .color-cuts .color-cut img {
    height: 12px;
    width: 12px
}

.desktop .color-cuts.selectable {
    cursor: default
}

    .desktop .color-cuts.selectable label {
        cursor: pointer
    }

    .desktop .color-cuts.selectable .color-cut {
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -webkit-align-items: center;
        align-items: center;
        margin-top: 1px
    }

        .desktop .color-cuts.selectable .color-cut.is-active .image-item {
            box-shadow: 0 0 0 1px #fff,0 0 0 2px #b4b4b4
        }

        .desktop .color-cuts.selectable .color-cut:hover {
            opacity: .7
        }

 .desktop .color-cuts.selectable .color-cut:first-child {
    margin-left: 0
}

 .desktop .color-cuts.selectable .color-cut:first-child {
    margin-right: 0
}

.desktop .color-cuts .color-number {
    font-weight: 400;
    display: block
}

.desktop .color-cuts .more-colors:not(.color-number) {
    display: none
}

.desktop .grid-item.normal .color-cuts.selectable .color-cut {
    margin-top: 2px
}
/*! purgecss end ignore */

 .product-content .wrapper-content,  .product-content .wrapper-content {
    padding: 8px 8px 0
}

 .mobile .product-content .wrapper-content,  .mobile .product-content .wrapper-content {
    padding: 4px 8px 0
}

.product-content .wrapper-content .top-block {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex
}

    .product-content .wrapper-content .top-block .left-elem {
        -webkit-box-flex: 1;
        -webkit-flex-grow: 1;
        flex-grow: 1
    }

.mobile .product-content .wrapper-content .top-block .price-elem {
    line-height: 21px
}

 .product-content .wrapper-content .top-block .price-elem .current-price-elem:not(.future-price__price-actual) {
    margin-right: 10px
}

 .product-content .wrapper-content .top-block .price-elem .current-price-elem:not(.future-price__price-actual) {
    margin-left: 10px
}

.product-content .wrapper-content .top-block .discount-tag {
    margin-top: 10px
}

 .product-content .wrapper-content .top-block .discount-tag {
    margin-left: 10px
}

 .product-content .wrapper-content .top-block .discount-tag {
    margin-right: 10px
}

 .product-content .wrapper-content .top-block .product-label {
    margin: 5px 8px 5px 0
}

 .product-content .wrapper-content .top-block .product-label {
    margin: 5px 0 5px 8px
}

.product-content .wrapper-content .product-text {
    display: block;
    font-size: 1.5rem;
    margin-top: 3px;
    margin-bottom: 5px;
    color: #636363
}

    .product-content .wrapper-content .product-text p {
        max-height: 1.25rem;
        margin-bottom: 5px;
    }

.mobile .product-content .wrapper-content .touch-area-wrapper {
    margin-bottom: auto
}

.product-content .wrapper-content .touch-area-wrapper .bskico-wishlist-on {
    color: #ff0058
}

.product-content .wrapper-content .color-count {
    line-height: 1.25;
    font-size: .6875rem;
    font-weight: 400;
    color: #636363
}

 .desktop .double .top-block .left-elem {
    margin-left: 24px
}

 .desktop .double .top-block .left-elem {
    margin-right: 24px
}

.desktop .double .top-block .left-elem .product-label {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: inline-flex
}

 .desktop .double .top-block .left-elem .product-label,  .desktop .double .top-block .left-elem .product-label {
    margin: 5px 0
}

 .desktop .double .top-block .left-elem:only-child {
    margin-left: 0
}

 .desktop .double .top-block .left-elem:only-child {
    margin-right: 0
}

.desktop .double .price-elem {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center
}

 .desktop .double .old-price-elem {
    margin-left: 12px
}

 .desktop .double .old-price-elem {
    margin-right: 12px
}

 .desktop .double .product-carousel-card .left-elem {
    margin-left: 0
}

 .desktop .double .product-carousel-card .left-elem {
    margin-right: 0
}

 .desktop .grid.two-cols .grid-item.double .product-content .wrapper-content {
    margin-right: 6%
}

 .desktop .grid.two-cols .grid-item.double .product-content .wrapper-content,  .desktop .grid.two-cols .grid-item.double .product-content .wrapper-content {
    margin-left: 6%
}

 .desktop .grid.two-cols .grid-item.double .product-content .wrapper-content {
    margin-right: 6%
}

 .desktop .grid.two-cols .grid-item.double .fill .product-content .wrapper-content {
    margin-right: 24%
}

 .desktop .grid.two-cols .grid-item.double .fill .product-content .wrapper-content {
    margin-left: 24%
}

 .desktop .grid.two-cols .grid-item.double .expand .product-content .wrapper-content {
    margin-right: 24%
}

 .desktop .grid.two-cols .grid-item.double .fill .product-content .wrapper-content,  .desktop .grid.two-cols .grid-item.double .expand .product-content .wrapper-content {
    margin-left: 24%
}

 .desktop .grid.two-cols .grid-item.double .fill .product-content .wrapper-content {
    margin-right: 24%
}

 .desktop .grid.two-cols .grid-item.double .expand .product-content .wrapper-content {
    margin-left: 24%
}

 .desktop .grid.two-cols .grid-item.double .expand .product-content .wrapper-content {
    margin-right: 24%
}

 .desktop .grid.four-cols .grid-container .grid-item .product-content .wrapper-content {
    padding-left: 8px
}

 .desktop .grid.four-cols .grid-container .grid-item .product-content .wrapper-content {
    padding-right: 8px
}

.desktop .grid .product-content .wrapper-content .color-count {
    margin-top: 1px
}

.styled-mode .product-content .current-price-elem, .styled-mode .product-content .old-price-elem, .styled-mode .product-content .price-range-path {
    color: var(--styled-highlighted-color)
}

.styled-mode .product-content .discount-tag {
    color: var(--styled-text-color)
}

.styled-mode .product-content .wish-list-icon .bskico-wishlist-off, .styled-mode .product-content .wish-list-icon .bskico-wishlist-on {
    color: var(--styled-highlighted-color)
}

.styled-mode .product-content .more-colors, .styled-mode .product-content .product-text {
    color: var(--styled-text-color)
}

.styled-mode .product-content .product-label {
    color: var(--styled-text-color) !important
}

    .styled-mode .product-content .product-label .product-label__icon {
        fill: var(--styled-text-color) !important
    }

    .styled-mode .product-content .product-label .product-label__text {
        color: var(--styled-text-color) !important
    }

.styled-mode .product-content .grid-messages .operational-message .icon-container {
    color: var(--styled-text-color)
}

.stock-message {
    color: #ff0058;
    font-size: .8125rem;
    font-weight: 500
}

 .stock-message p,  .stock-message p {
    padding: 8px 12px 0
}

.product-image-card {
    overflow: hidden;
    position: relative
}

    .product-image-card.sold-out .product-content .wrapper-content .product-price .price-elem, .product-image-card.sold-out .product-content .wrapper-content .product-text, .product-image-card.sold-out .product-image .product-image-wrapper {
        opacity: .4
    }

    .product-image-card .product-image {
        position: relative;
        z-index: 0
    }

        .product-image-card .product-image .product-image-wrapper {
            overflow-y: hidden;
            position: relative
        }

            .product-image-card .product-image .product-image-wrapper .image-item-wrapper.loading {
                position: absolute;
                top: 0;
                width: 100%;
                height: 100%
            }

        .product-image-card .product-image .pagination {
            opacity: 0;
            position: absolute;
            width: 100%;
            top: 50%;
            display: -webkit-box;
            display: -webkit-flex;
            display: flex;
            -webkit-box-pack: justify;
            -webkit-justify-content: space-between;
            justify-content: space-between
        }

 .product-image-card .product-image .pagination,  .product-image-card .product-image .pagination {
    -webkit-transform: translateZ(-50%);
    transform: translateZ(-50%)
}

     .product-image-card .product-image .pagination.two-cols,  .product-image-card .product-image .pagination.two-cols {
        padding: 0 16px
    }

     .product-image-card .product-image .pagination.four-cols,  .product-image-card .product-image .pagination.four-cols {
        padding: 0 24px
    }

.product-image-card .product-image .pagination .arrow {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.product-image-card .product-image > .discount-tag {
    position: absolute;
    bottom: 16px;
    z-index: 20;
    background-color: hsla(0,0%,100%,.8);
    color: #000;
    font-size: .6875rem
}

 .product-image-card .product-image > .discount-tag {
    left: 16px
}

 .product-image-card .product-image > .discount-tag {
    right: 16px
}

 .product-image-card .product-image > .discount-tag,  .product-image-card .product-image > .discount-tag {
    padding: 4px 8px;
    margin: 0
}

.mobile .product-image-card .product-image > .discount-tag {
    bottom: 8px
}

 .mobile .product-image-card .product-image > .discount-tag {
    left: 8px
}

 .mobile .product-image-card .product-image > .discount-tag {
    right: 8px
}

.product-image-card .product-image:hover .alt-image, .product-image-card:hover .product-image .pagination {
    opacity: 1
}

.product-image-card:hover .product-content .color-cut {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex
}

.product-image-card:hover .product-content .color-number {
    display: none
}

.product-image-card:hover .product-content .more-colors:not(.color-number) {
    display: block
}
