:root {
    --text-color-primary: #2F3132;
    --theme-heading-font: Bebas Neue;
    --theme-background-color: #ffffff;
    --text-color-secondary: var(--text-color-primary);
    --theme-color-primary: #ff8344;
    /**************************************************/
    --bs-link-color-rgb: 47, 49, 50;
    --bs-label-new-color-rgb: #45C4A0;
    --bs-link-hover-color-rgb: 47, 49, 50;
    --bs-nav-link-color: #2F3132;
    --tabs-border-color: rgba(0, 0, 0, .1);
    --tabs-properties-bg: #f8f9fa;
    --bs-body-color: #2F3132;
}
a,
a:hover {
    color: var(--text-color-primary);
}
a.btn-primary,
.btn-primary {
    --bs-btn-color: #fff;
    --bs-btn-bg: var(--text-color-primary);
    --bs-btn-border-color: var(--text-color-primary);
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: var(--text-color-primary);
    --bs-btn-hover-border-color: var(--text-color-primary);
    --bs-btn-focus-shadow-rgb: 49, 132, 253;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: var(--text-color-primary);
    --bs-btn-active-border-color: var(--text-color-primary);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: var(--text-color-primary);
    --bs-btn-disabled-border-color: var(--text-color-primary);
}
.btn-check:checked+.btn,
.btn.active,
.btn.show,
.btn:first-child:active,
 :not(.btn-check)+.btn:active {
    color: var(--bs-btn-active-color);
    background-color: var(--bs-btn-active-bg);
    border-color: var(--bs-btn-active-border-color);
}
.btn-check:focus+.btn-primary,
.btn-primary:focus {
    color: #fff;
    background-color: var(--text-color-primary);
    border-color: var(--text-color-primary);
    box-shadow: none;
}
.btn-outline-primary {
    --bs-btn-color: var(--text-color-primary);
    --bs-btn-border-color: var(--text-color-primary);
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: var(--text-color-primary);
    --bs-btn-hover-border-color: var(--text-color-primary);
    --bs-btn-focus-shadow-rgb: 13, 110, 253;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: var(--text-color-primary);
    --bs-btn-active-border-color: var(--text-color-primary);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: var(--text-color-primary);
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: var(--text-color-primary);
    --bs-gradient: none;
    color: var(--text-color-primary)!important;
}
.btn-outline-primary svg {
    fill: var(--text-color-primary);
}
.btn-outline-primary:hover {
    color: #fff!important;
}
.btn-outline-primary:hover svg {
    fill: #fff;
}
nav {
    background: #FFF;
    box-shadow: 0 0 14px rgb(0 0 0 / 10%);
}

/* .product-item-image-wrapper {
    background-color: #F9F9F9;
} */


/* .catalog-element__graffiti .catalog-element__graffiti-bg {
    position: absolute;
    height: 760px;
    width: 100vw;
    background-image: url(/upload/sm/brand_bg-graffiti.jpg);
    right: 70px;
    top: -100px;
    background-size: contain;
    opacity: .7;
} */


/* .video {
    background-image: url(/upload/sm/wall_with_graffiti.jpg);
    background-repeat: no-repeat;
    background-position: 50% 0;
    background-size: cover;
} */

.video {
    position: relative;
}
.video::after {
    content: "";
    background-image: url(/upload/sm/brand_bg-graffiti.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    opacity: 0.8;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    position: absolute;
    z-index: -1;
}
footer {
    background: #F6F7F9;
}