.spacing-paint {
    background-color: #e3b339;
    display: inline-block
}

@media (min-width: 1380px) {
    .spacing-1 {
        padding:2px
    }
}

@media (min-width: 699px) and (max-width: 1379.98px) {
    .spacing-1 {
        padding:2px
    }
}

@media (max-width: 1023.98px) {
    .spacing-1 {
        padding:2px
    }
}

@media (min-width: 1380px) {
    .spacing-2 {
        padding:4px
    }
}

@media (min-width: 699px) and (max-width: 1379.98px) {
    .spacing-2 {
        padding:4px
    }
}

@media (max-width: 1023.98px) {
    .spacing-2 {
        padding:4px
    }
}

@media (min-width: 1380px) {
    .spacing-3 {
        padding:6px
    }
}

@media (min-width: 699px) and (max-width: 1379.98px) {
    .spacing-3 {
        padding:6px
    }
}

@media (max-width: 1023.98px) {
    .spacing-3 {
        padding:6px
    }
}

@media (min-width: 1380px) {
    .spacing-4 {
        padding:8px
    }
}

@media (min-width: 699px) and (max-width: 1379.98px) {
    .spacing-4 {
        padding:8px
    }
}

@media (max-width: 1023.98px) {
    .spacing-4 {
        padding:8px
    }
}

@media (min-width: 1380px) {
    .spacing-5 {
        padding:12px
    }
}

@media (min-width: 699px) and (max-width: 1379.98px) {
    .spacing-5 {
        padding:10px
    }
}

@media (max-width: 1023.98px) {
    .spacing-5 {
        padding:10px
    }
}

@media (min-width: 1380px) {
    .spacing-6 {
        padding:16px
    }
}

@media (min-width: 699px) and (max-width: 1379.98px) {
    .spacing-6 {
        padding:12px
    }
}

@media (max-width: 1023.98px) {
    .spacing-6 {
        padding:12px
    }
}

@media (min-width: 1380px) {
    .spacing-7 {
        padding:24px
    }
}

@media (min-width: 699px) and (max-width: 1379.98px) {
    .spacing-7 {
        padding:20px
    }
}

@media (max-width: 1023.98px) {
    .spacing-7 {
        padding:16px
    }
}

@media (min-width: 1380px) {
    .spacing-8 {
        padding:32px
    }
}

@media (min-width: 699px) and (max-width: 1379.98px) {
    .spacing-8 {
        padding:28px
    }
}

@media (max-width: 1023.98px) {
    .spacing-8 {
        padding:24px
    }
}

@media (min-width: 1380px) {
    .spacing-9 {
        padding:48px
    }
}

@media (min-width: 699px) and (max-width: 1379.98px) {
    .spacing-9 {
        padding:40px
    }
}

@media (max-width: 1023.98px) {
    .spacing-9 {
        padding:32px
    }
}

.spacing-special {
    padding-right: 24px
}

@media (min-width: 1380px) {
    .spacing-bottom-1 {
        padding-bottom:4px
    }
}

@media (min-width: 699px) and (max-width: 1379.98px) {
    .spacing-bottom-1 {
        padding-bottom:4px
    }
}

@media (max-width: 1023.98px) {
    .spacing-bottom-1 {
        padding-bottom:4px
    }
}

@media (min-width: 1380px) {
    .spacing-bottom-2 {
        padding-bottom:8px
    }
}

@media (min-width: 699px) and (max-width: 1379.98px) {
    .spacing-bottom-2 {
        padding-bottom:8px
    }
}

@media (max-width: 1023.98px) {
    .spacing-bottom-2 {
        padding-bottom:8px
    }
}

@media (min-width: 1380px) {
    .spacing-bottom-3 {
        padding-bottom:12px
    }
}

@media (min-width: 699px) and (max-width: 1379.98px) {
    .spacing-bottom-3 {
        padding-bottom:12px
    }
}

@media (max-width: 1023.98px) {
    .spacing-bottom-3 {
        padding-bottom:12px
    }
}

@media (min-width: 1380px) {
    .spacing-bottom-4 {
        padding-bottom:16px
    }
}

@media (min-width: 699px) and (max-width: 1379.98px) {
    .spacing-bottom-4 {
        padding-bottom:16px
    }
}

@media (max-width: 1023.98px) {
    .spacing-bottom-4 {
        padding-bottom:16px
    }
}

@media (min-width: 1380px) {
    .spacing-bottom-5 {
        padding-bottom:24px
    }
}

@media (min-width: 699px) and (max-width: 1379.98px) {
    .spacing-bottom-5 {
        padding-bottom:20px
    }
}

@media (max-width: 1023.98px) {
    .spacing-bottom-5 {
        padding-bottom:20px
    }
}

@media (min-width: 1380px) {
    .spacing-bottom-6 {
        padding-bottom:32px
    }
}

@media (min-width: 699px) and (max-width: 1379.98px) {
    .spacing-bottom-6 {
        padding-bottom:24px
    }
}

@media (max-width: 1023.98px) {
    .spacing-bottom-6 {
        padding-bottom:24px
    }
}

@media (min-width: 1380px) {
    .spacing-bottom-7 {
        padding-bottom:48px
    }
}

@media (min-width: 699px) and (max-width: 1379.98px) {
    .spacing-bottom-7 {
        padding-bottom:40px
    }
}

@media (max-width: 1023.98px) {
    .spacing-bottom-7 {
        padding-bottom:32px
    }
}

@media (min-width: 1380px) {
    .spacing-bottom-8 {
        padding-bottom:64px
    }
}

@media (min-width: 699px) and (max-width: 1379.98px) {
    .spacing-bottom-8 {
        padding-bottom:56px
    }
}

@media (max-width: 1023.98px) {
    .spacing-bottom-8 {
        padding-bottom:48px
    }
}

@media (min-width: 1380px) {
    .spacing-bottom-9 {
        padding-bottom:96px
    }
}

@media (min-width: 699px) and (max-width: 1379.98px) {
    .spacing-bottom-9 {
        padding-bottom:80px
    }
}

@media (max-width: 1023.98px) {
    .spacing-bottom-9 {
        padding-bottom:64px
    }
}

@media (min-width: 1380px) {
    .spacing-top-1 {
        padding-top:4px
    }
}

@media (min-width: 699px) and (max-width: 1379.98px) {
    .spacing-top-1 {
        padding-top:4px
    }
}

@media (max-width: 1023.98px) {
    .spacing-top-1 {
        padding-top:4px
    }
}

@media (min-width: 1380px) {
    .spacing-top-2 {
        padding-top:8px
    }
}

@media (min-width: 699px) and (max-width: 1379.98px) {
    .spacing-top-2 {
        padding-top:8px
    }
}

@media (max-width: 1023.98px) {
    .spacing-top-2 {
        padding-top:8px
    }
}

@media (min-width: 1380px) {
    .spacing-top-3 {
        padding-top:12px
    }
}

@media (min-width: 699px) and (max-width: 1379.98px) {
    .spacing-top-3 {
        padding-top:12px
    }
}

@media (max-width: 1023.98px) {
    .spacing-top-3 {
        padding-top:12px
    }
}

@media (min-width: 1380px) {
    .spacing-top-4 {
        padding-top:16px
    }
}

@media (min-width: 699px) and (max-width: 1379.98px) {
    .spacing-top-4 {
        padding-top:16px
    }
}

@media (max-width: 1023.98px) {
    .spacing-top-4 {
        padding-top:16px
    }
}

@media (min-width: 1380px) {
    .spacing-top-5 {
        padding-top:24px
    }
}

@media (min-width: 699px) and (max-width: 1379.98px) {
    .spacing-top-5 {
        padding-top:20px
    }
}

@media (max-width: 1023.98px) {
    .spacing-top-5 {
        padding-top:20px
    }
}

@media (min-width: 1380px) {
    .spacing-top-6 {
        padding-top:32px
    }
}

@media (min-width: 699px) and (max-width: 1379.98px) {
    .spacing-top-6 {
        padding-top:24px
    }
}

@media (max-width: 1023.98px) {
    .spacing-top-6 {
        padding-top:24px
    }
}

@media (min-width: 1380px) {
    .spacing-top-7 {
        padding-top:48px
    }
}

@media (min-width: 699px) and (max-width: 1379.98px) {
    .spacing-top-7 {
        padding-top:40px
    }
}

@media (max-width: 1023.98px) {
    .spacing-top-7 {
        padding-top:32px
    }
}

@media (min-width: 1380px) {
    .spacing-top-8 {
        padding-top:64px
    }
}

@media (min-width: 699px) and (max-width: 1379.98px) {
    .spacing-top-8 {
        padding-top:56px
    }
}

@media (max-width: 1023.98px) {
    .spacing-top-8 {
        padding-top:48px
    }
}

@media (min-width: 1380px) {
    .spacing-top-9 {
        padding-top:96px
    }
}

@media (min-width: 699px) and (max-width: 1379.98px) {
    .spacing-top-9 {
        padding-top:80px
    }
}

@media (max-width: 1023.98px) {
    .spacing-top-9 {
        padding-top:64px
    }
}

.merch-push-slot {
    position: relative;
    padding: 0;
    --plyr-video-background: transparent
}

.merch-push-slot.product-grid__product {
    background-color: transparent
}

.merch-push-slot.product-grid__product {
    height: 100%
}

.merch-push-slot.product-grid__product video {
    height: calc(100% + 2px);
    width: calc(100% + 2px);
    -webkit-clip-path: inset(1px 1px);
    clip-path: inset(1px 1px)
}

.merch-push-slot.two_tiles {
    grid-column: span 2
}

.merch-push-slot.two_tiles .merch-push-slot__text h1 {
    max-width: 592px
}

@media screen and (max-width: 768px) {
    .merch-push-slot.two_tiles .merch-push-slot__text h1 {
        max-width:290px
    }
}

@media screen and (max-width: 1024px) {
    .merch-push-slot {
        grid-column:span 4 !important
    }
}

.merch-push-slot__parent {
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden
}

.merch-push-slot__parent img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

@media (max-width: 1023.98px) {
    .merch-push-slot__parent {
        aspect-ratio:1;
        -o-object-fit: cover;
        object-fit: cover
    }
}

.merch-push-slot__text {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    bottom: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: end;
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0
}

.merch-push-slot__text .btn {
    z-index: 1
}

.merch-push-slot__text .btn::after {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0
}

.merch-push-slot__product-icon {
    position: absolute;
    right: 25px;
    bottom: 25px;
    border-radius: 2px;
    padding: 8px;
    background-color: rgba(135,136,138,0.5);
    z-index: 2
}

.merch-push-slot__product-icon svg {
    fill: #fefefe;
    display: block
}

.merch-push-slot__product-icon[data-video="true"] {
    right: 80px;
    bottom: 24px
}

.merch-push-slot .video-wrapper,.merch-push-slot .video-wrapper .plyr,.merch-push-slot .video-wrapper .plyr__video-wrapper {
    height: 100%
}

.merch-push-slot .video-wrapper .video-controls,.merch-push-slot .video-wrapper .plyr .video-controls,.merch-push-slot .video-wrapper .plyr__video-wrapper .video-controls {
    border-radius: 2px
}

.merch-push-slot .video-wrapper .plyr__poster,.merch-push-slot .video-wrapper .plyr .plyr__poster,.merch-push-slot .video-wrapper .plyr__video-wrapper .plyr__poster {
    background-size: cover
}

.merch-push-slot .video-wrapper video,.merch-push-slot .video-wrapper .plyr video,.merch-push-slot .video-wrapper .plyr__video-wrapper video {
    -o-object-fit: cover;
    object-fit: cover
}

body.high-contrast-enabled .merch-push-slot .text-overline {
    margin-bottom: 5px
}

.product-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(23%, 1fr));
    grid-gap: 8px;
    list-style: none;
    padding: 0;
    margin-bottom: 0
}

.product-grid__product {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    grid-column: span 2;
    background-color: #F2F2F3;
    border-radius: 20px 0px 20px 0px;
}

@media (min-width: 1024px) {
    .product-grid__product {
        grid-column:span 1
    }
}

.product-grid__product .product-card__image-wrap.transform-origin-top .product-card__image {
    transform-origin: top
}

.product-grid__product:hover {
    text-decoration: none
}

.product-grid__product:hover .product-card__image {
    transform: scale(1.07);
    transition: transform 600ms ease-out
}

.product-grid .grid-footer {
    grid-column: span 4;
    display: flex;
    flex-direction: column;
    align-items: center
}

.product-grid .grid-footer .display-count-wrap {
    text-align: center;
    margin-bottom: 16px;
    margin-top: 32px
}

.product-grid .grid-footer .more {
    padding: 15px 12px;
    border-radius: 2px;
    background: rgba(188,189,191,0.5);
    -webkit-backdrop-filter: blur(4px);
    backdrop-filter: blur(4px)
}

.product-grid .product-card__headline,.product-grid .product-card__description {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden
}

.product-grid .product-card__description {
    color: #6C6D70;
    line-height: 150%
}

.product-grid .product-card__image-wrap {
    overflow: hidden;
    width: 100%;
    aspect-ratio: 1/1
}

.product-grid .product-card__image {
    transition: transform 0.3s ease-in-out
}

.product-grid .product-card__top {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 24px 24px 0 24px;
    padding-bottom: 0
}

@media (max-width: 1023.98px) {
    .product-grid .product-card__top {
        align-items:flex-start;
        padding: 8px 8px 0 8px
    }
}

.product-grid .product-card__top .icon {
    padding: 0;
    stroke: #010307;
    fill: #010307
}

.product-grid .product-card__top .add-to-wish-list {
    flex-shrink: 0
}

.product-grid .product-card__tags {
    list-style: none;
    display: flex;
    gap: 8px;
    padding: 0
}

.product-grid .product-card__tags-item {
    padding: 5.5px 8px;
    background-color: transparent;
    color: #010307
}

.product-grid .product-card__tags-item span {
    position: relative;
    z-index: 1
}

.product-grid .product-card__tags-item span::before {
    content: '';
    position: absolute;
    top: -5.5px;
    left: -8px;
    height: calc(100% + 11px);
    background-color: rgba(188,189,191,0.5);
    z-index: -1
}

.filters-container {
    background-color: #fefefe;
    top: -200px
}

@media (min-width: 699px) {
    .filters-container {
        padding-left:unset;
        padding-right: unset
    }
}

.filters-container.sticky {
    position: fixed;
    top: 0px;
    display: flex;
    justify-content: center;
    width: 100%;
    left: 0;
    margin: 0 auto;
    right: 0;
    z-index: 1;
    transition: top 0.2s ease-out
}

.filters-container.sticky.sticky-main-menu {
    top: 130px;
    transition: top 1s cubic-bezier(1, -0.22, 0.45, 0.94)
}

@media (max-width: 1023.98px) {
    .filters-container.sticky.sticky-main-menu {
        top:64px
    }
}

@media (max-width: 1023.98px) {
    .filters-container.sticky {
        padding-left:0;
        padding-right: 0
    }

    .filters-container.sticky .filters {
        padding-left: 0;
        padding-right: 0
    }

    .filters-container.sticky .filters .row {
        margin-left: 0;
        margin-right: 0;
        height: 64px
    }
}

.filters-container.sticky .row {
    width: 100%
}

.filters-container .filters .row {
    height: 72px
}

@media (max-width: 1023.98px) {
    .filters-container .filters .row {
        align-items:flex-start;
        height: 64px
    }
}

.filters-container .ch-modal-portal .portal__wapper {
    height: 96%
}

.filters__start {
    justify-content: flex-start;
    display: flex;
    padding-top: 7px;
    padding-bottom: 7px
}

@media (min-width: 699px) {
    .filters__start.col-10.col-md-3 {
        padding-left:unset;
        padding-right: unset
    }
}

.filters__start.col-10.col-md-3 .catgName {
    max-width: none;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    display: inline-block
}

@media (max-width: 1023.98px) {
    .filters__start.col-10.col-md-3 {
        padding-left:unset;
        padding-right: unset;
        float: none;
        display: block;
        flex: 0 0 auto
    }

    .filters__start.col-10.col-md-3 .catgName {
        width: auto;
        max-width: 95%
    }

    .filters__start.col-10.col-md-3 .qtyOfProducts {
        display: inline-block;
        position: relative;
        margin-left: -10px;
        width: 5%
    }

    .filters__start.col-10.col-md-3 .catgName+.qtyOfProducts {
        top: -5px
    }
}

.filters__end {
    padding-right: 0;
    justify-content: flex-end;
    display: flex;
    padding-bottom: 7px
}

@media (min-width: 699px) {
    .filters__end.col-6.col-md-3 {
        padding-left:unset;
        padding-right: unset
    }
}

@media (max-width: 1023.98px) {
    .filters__end.col-6.col-md-3 {
        padding-top:0px;
        width: auto;
        float: none;
        flex: 1 0 auto;
        max-width: none
    }
}

.filters .d-md-flex.col-6.col-md-3 {
    align-items: flex-start
}

.filters__middle {
    justify-content: center;
    align-items: flex-start;
    display: flex;
    padding-top: 7px;
    padding-bottom: 7px
}

@media (max-width: 1023.98px) {
    .filters__middle.col-12 {
        padding-right:unset;
        padding-left: unset
    }
}

.filters__middle ul {
    list-style: none;
    position: relative;
    padding-left: 0;
    padding-right: 0
}

.filters__middle ul li {
    width: initial;
    padding-bottom: 0
}

.filters__middle ul li label {
    margin-bottom: 0;
    position: relative;
    white-space: nowrap;
    margin-right: 40px
}

.filters__middle ul li label:hover {
    cursor: pointer;
    text-decoration: underline;
    text-underline-offset: 3px
}

.filters__middle ul li label.active::before {
    position: absolute;
    bottom: 0;
    content: "";
    width: 100%;
    height: 2px;
    background-color: var(--black-300)
}

.filters__middle .swiper-slider {
    margin-right: 0px;
    margin-left: 0px
}

.filters__middle .swiper-button {
    width: 24px;
    height: 24px;
    top: 19px
}

.filters__middle .swiper-button svg {
    height: 17px;
    fill: #010307;
    stroke: #010307
}

.filters__middle .swiper-scrollbar {
    bottom: 0
}

.filters__middle .quick-refinements.pl {
    padding-left: 12px
}

.filters__trigger-btn {
    padding: 0;
    margin: 0;
    padding-top: 0px
}

.filters__trigger-btn.btn {
    padding-top: 0px
}

@media (max-width: 1023.98px) {
    .filters .top-line {
        margin-right:-24px;
        margin-left: -24px;
        border-top: 1px solid rgba(188,189,191,0.5)
    }
}

@media (max-width: 1023.98px) {
    #tab-products .qtyOfProducts {
        top:unset
    }
}

.refinements-panel ul {
    margin-left: 0;
    list-style: none;
    padding-left: 0
}

.refinements-panel .clearButton,.refinements-panel .clear-button {
    padding-top: 4.5px;
    padding-bottom: 4.5px
}

.refinements-panel .clearButton:hover,.refinements-panel .clear-button:hover {
    text-decoration: underline
}

.refinements-panel .refinements-wrapper {
    padding-bottom: 114px
}

.refinements-panel .refinements-wrapper .checkbox,.refinements-panel .refinements-wrapper .radio {
    display: flex;
    margin-right: 10px;
    align-items: center;
    margin-left: 3px
}

.refinements-panel .refinements-wrapper .checkbox label,.refinements-panel .refinements-wrapper .radio label {
    margin-bottom: 0;
    text-transform: initial
}

.refinements-panel .refinements-wrapper .checkbox input[type=checkbox],.refinements-panel .refinements-wrapper .radio input[type=checkbox] {
    margin-top: 0
}

@media (max-width: 1023.98px) {
    .refinements-panel .refinements-wrapper .checkbox input[type=checkbox]::before,.refinements-panel .refinements-wrapper .radio input[type=checkbox]::before {
        outline:3px solid #fefefe
    }
}

@media (max-width: 698.98px) {
    .refinements-panel .refinements-wrapper .checkbox input[type=radio]::before,.refinements-panel .refinements-wrapper .radio input[type=radio]::before {
        outline:3px solid #fefefe
    }
}

.refinements-panel .refinements-wrapper .specs-group__title {
    margin-right: 10px;
    padding-left: 2px;
    padding-top: 16px;
    padding-bottom: 16px
}

.refinements-panel .dialog-content__header {
    display: flex;
    justify-content: space-between;
    align-items: flex-start
}

.refinements-panel .dialog-content__footer {
    position: absolute;
    bottom: 0;
    border-top: 1px solid #D7D8D9;
    width: 100%;
    margin-left: -48px;
    margin-right: -48px;
    padding-left: 48px;
    padding-right: 48px;
    background-color: #fefefe
}

@media (max-width: 1023.98px) {
    .refinements-panel .dialog-content__footer {
        left:0;
        right: 0;
        margin-left: 0;
        margin-right: 0;
        padding: 24px
    }
}

.refinements-panel .dialog-content__footer .btn.btn-primary {
    justify-content: center
}

.bg-black .product-grid,.bg-black.filters-container .product-grid {
    color: #fefefe
}

.bg-black .product-grid .grid-footer .display-count-wrap,.bg-black .product-grid .grid-footer .more,.bg-black.filters-container .product-grid .grid-footer .display-count-wrap,.bg-black.filters-container .product-grid .grid-footer .more {
    color: #fefefe
}

.bg-black .filters-container,.bg-black.filters-container,.bg-black.filters-container .filters-container,.bg-black.filters-container.filters-container {
    background-color: black
}

.bg-black .filters__start,.bg-black.filters-container .filters__start {
    color: #fefefe
}

.bg-black .filters__middle ul,.bg-black.filters-container .filters__middle ul {
    list-style: none
}

.bg-black .filters__middle ul li label,.bg-black.filters-container .filters__middle ul li label {
    color: #fefefe
}

.bg-black .filters__middle ul li label.active::before,.bg-black.filters-container .filters__middle ul li label.active::before {
    background-color: white
}

.bg-black .filters__middle .swiper-button svg,.bg-black.filters-container .filters__middle .swiper-button svg {
    fill: #fefefe;
    stroke: #fefefe
}

.bg-black .filters__middle .swiper-slide,.bg-black.filters-container .filters__middle .swiper-slide {
    margin-right: unset;
    margin-left: unset
}

.bg-black__trigger-btn,.bg-black.filters-container__trigger-btn {
    color: #fefefe
}

.bg-black .filters__trigger-btn,.bg-black.filters-container .filters__trigger-btn {
    color: #fefefe
}
