@font-face {
    font-family: 'Montserrat';
    src: url('../font/Montserrat/Montserrat-Light.eot');
    src: local('Montserrat Light'), local('Montserrat-Light'),
    url('../font/Montserrat/Montserrat-Light.eot?#iefix') format('embedded-opentype'),
    url('../font/Montserrat/Montserrat-Light.woff') format('woff'),
    url('../font/Montserrat/Montserrat-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Montserrat';
    src: url('../font/Montserrat/Montserrat-SemiBold.eot');
    src: local('Montserrat SemiBold'), local('Montserrat-SemiBold'),
    url('../font/Montserrat/Montserrat-SemiBold.eot?#iefix') format('embedded-opentype'),
    url('../font/Montserrat/Montserrat-SemiBold.woff') format('woff'),
    url('../font/Montserrat/Montserrat-SemiBold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: 'Montserrat';
    src: url('../font/Montserrat/Montserrat-Bold.eot');
    src: local('Montserrat Bold'), local('Montserrat-Bold'),
    url('../font/Montserrat/Montserrat-Bold.eot?#iefix') format('embedded-opentype'),
    url('../font/Montserrat/Montserrat-Bold.woff') format('woff'),
    url('../font/Montserrat/Montserrat-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Montserrat';
    src: url('../font/Montserrat/Montserrat-Regular.eot');
    src: local('Montserrat Regular'), local('Montserrat-Regular'),
    url('../font/Montserrat/Montserrat-Regular.eot?#iefix') format('embedded-opentype'),
    url('../font/Montserrat/Montserrat-Regular.woff') format('woff'),
    url('../font/Montserrat/Montserrat-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Montserrat';
    src: url('../font/Montserrat/Montserrat-Medium.eot');
    src: local('Montserrat Medium'), local('Montserrat-Medium'),
    url('../font/Montserrat/Montserrat-Medium.eot?#iefix') format('embedded-opentype'),
    url('../font/Montserrat/Montserrat-Medium.woff') format('woff'),
    url('../font/Montserrat/Montserrat-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
}

html {
    font-size: 16px;
}

body {
    font-family: 'Montserrat', sans-serif;
    font-weight: 400;
    color: #231f20;
    font-size: 14px;
    line-height: 1.4;
    width: 100%;
    overflow-x: hidden;
}

h1, h2, h3, h4, h5, h6 {
    color: #231f20;
    font-weight: 700;
}

h1 {
    font-size: 32px;
    margin-bottom: 1.0em;
    text-align: center;
}

h2 {
    font-size: 32px;
    margin-bottom: 1.0em;
    text-align: center;
}

h3 {
    font-size: 24px;
    font-weight: 500;
}

h4 {
    font-size: 18px;
    font-weight: 500;
}

h5 {
    font-size: 16px;
    font-weight: 500;
}

h6 {
    font-size: 14px;
}

a {
    color: #b42e34;
    transition: all 0.25s ease;
}

a:hover {
    text-decoration: none;
    color: #7b1f24;
}

*:focus {
    outline: none;
}

.h3 {
    font-size: 24px;
    font-weight: 500;
    margin-bottom: .5rem;
    line-height: 1.2;
    margin-top: 0;
    display: block;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
}

.category-parent .h3 {
    color: #ffffff;
}

.h4 {
    display: block;
    font-size: 18px;
    font-weight: 500;
    text-align: center;
    margin-bottom: 1.0em;
    line-height: 1.2;
    margin-top: 0;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
}

.module-wide-in .h2 {
    color: #ffffff;
}

.h2 {
    font-size: 32px;
    text-align: center;
    margin-bottom: .5rem;
    line-height: 1.2;
    margin-top: 0;
    display: block;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
}

/* footer glue */
html {
    height: 100%;
}

body {
    position: relative;
    min-height: 100%;
}

.container .childs {
    margin-bottom: 10px;
}
.container .childs .category {
    border: 1px solid transparent;
    display: inline-block;
    /*width: 140px;*/
    padding: 4px;
    color: #3b3b3b;
    text-decoration: none;
    font-size: 14px;
    transition: all .3s ease;
}

.container .childs .category img {
    border: 1px solid #e2e2e2;
    width: 140px;
    height: 140px;
}

.container .childs .category span {
    display: table-cell;
    vertical-align: middle;
    height: 90px;
    text-align: center;
    word-wrap: break-word;
    table-layout: fixed;
    max-width: 140px;
    width: 140px;
}

.container .childs .category:hover {
    border: 1px solid #ccc;
    background: #eee;
    box-shadow: 0 0 2px #ccc;
}

.search-suggestion .out-stock .value,
.search-suggestion .in-stock .value {
    width: fit-content;  
	padding: 3px 6px !important;
	border-radius: 4px;
	font-size: 0.8em;
	font-weight: 600 !important;
}

.search-suggestion .out-stock .value { /* не в наявності */
	color: #B42E34 !important;
	background-color: #FFDADA !important;
}

.search-suggestion .in-stock .value { /* в наявності */
	color: #0B480B !important;
	background-color: #A0FDB3 !important;
}

.search-suggestion .stock-9 .value { /* виведен */
	background: #ddd !important;
    color: #1a1b27 !important;
}

.search-suggestion .stock-6 .value,
.search-suggestion .stock-8 .value { /* під замовлення,Ожидание 2-3 дня */
	background: #fff3d1 !important;
    color: #57440c !important;
}


/* Optional cosmetic “red line” accent for this modal type */
.modal.modal-red-line .modal-header {
    position: relative; /* keep header context for absolute button */
    background: #b42e34;
    color: #fff;
    margin: 0;
    padding: 5px;
}
.modal.modal-red-line .modal-content {
    border: none;
}

.modal.modal-red-line .modal-footer {
    border-top: none;
    padding-top: 0;
}

.modal.modal-red-line .modal-header .modal-title {
    width: 100%;
    text-align: center;
    color: #fff;
}

.modal.modal-red-line .modal-header .modal-back-btn {
    position: absolute;
    left: 8px;
    top: 50%;
    transform: translateY(-50%);
    margin: 0;
    padding: 0;
    color: #fff;
    opacity: 1;
    font-size: 22px;
    outline: none;
}

.modal.modal-red-line .modal-header .modal-back-btn:focus,
.modal.modal-red-line .modal-header .modal-back-btn:active {
    outline: none;
}

/*.modal.modal-red-line .modal-dialog {
    max-width: 600px;
}*/

.modal.modal-red-line .form-label-group {
    margin-bottom: 20px;
}

.modal.modal-red-line .form-group {
    margin-bottom: 20px;
}

/* === Modal with red line === */
.modal .modal-sm {
    max-width: 400px;
}

/* Question label */
@media (max-width: 768px) {
    .tsh-label-lb {
        display: none !important;
    }
}


@media (max-width: 767px) {

    .container .childs {
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: 1fr 1fr 1fr;
        grid-template-columns: 1fr 1fr 1fr;
      }


    .container .childs .category img {
        max-width: 100px;
        max-height: 100px;
        width: auto;
        height: auto;
        -o-object-fit: cover;
        object-fit: cover;
        display: block;
        margin: 0 0 10px 0;
      }


      .container .childs .category {
        width: auto;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        padding: 0;
        -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;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
      }


      .container .childs .category span {
        height: 40px;
        max-width: 120px;
        width: 100%;
        margin-bottom: 30px;
    }
      

}


/* footer */
footer {
    padding: 10px 0 10px 0;
    color: #fff;
    background: #231f20;
    margin: 0 5px 0 5px;
    overflow: hidden;
    font-size: 16px;
    line-height: 1.7;
}

footer .logo {
    max-width: 160px;
    margin-bottom: 10px;
    display: block;
}

footer .name {
    max-width: 160px;
    margin-bottom: 10px;
    display: block;
}

footer a {
    color: #fff;
    font-size: 16px;
    line-height: 1.7;
}

footer a:hover {
    color: #fff;
}

footer h5 {
    font-size: 24px;
    font-weight: 500;
    color: #fff;
    margin: 0 0 10px 0;
}

footer strong {
    font-size: 24px;
    font-weight: 500;
    color: #fff;
    margin: 0 0 10px 0;
}

/* modification ignored */
footer ul.address {
    line-height: 1.3;
}

footer ul.address a {
    line-height: 1.3;
}

footer ul.address li {
    margin-bottom: 15px;
}

footer .container {
    padding-right: 15px;
    padding-left: 15px;
}

legend {
    font-size: 18px;
    padding: 7px 0px;
    margin-bottom: 20px;
    border-bottom: 1px solid #e5e5e5;
}

label, .input-group-text {
    font-size: 14px;
    font-weight: normal;
    margin-bottom: 0;
}

.form-control {
    color: #3b3738;
    border-radius: 6px;
    height: calc(1.75em + 1rem + 2px);
    /*
    padding: 10px 10px;
    line-height: 1;
    border: 1px solid rgba(29, 29, 29, 0.12);
    height: 44px;
    */
}

.form-control::-webkit-input-placeholder {
    color: #aeadad;
    opacity: 1;
}

.form-control::-moz-placeholder {
    color: #aeadad;
    opacity: 1;
}

.form-control:-ms-input-placeholder {
    color: #aeadad;
    opacity: 1;
}

.form-control:-moz-placeholder {
    color: #aeadad;
    opacity: 1;
}

.form-control:focus {
    color: #3b3738;
    background-color: #fff;
    border-color: #b42e34;
    outline: 0;
    box-shadow: none;
}

select.form-control, textarea.form-control, input[type="text"].form-control, input[type="password"].form-control, input[type="datetime"].form-control, input[type="datetime-local"].form-control, input[type="date"].form-control, input[type="month"].form-control, input[type="time"].form-control, input[type="week"].form-control, input[type="number"].form-control, input[type="email"].form-control, input[type="url"].form-control, input[type="search"].form-control, input[type="tel"].form-control, input[type="color"].form-control {
    font-size: 14px;
}

.input-group input, .input-group select, .input-group .dropdown-menu, .input-group .popover {
    font-size: 14px;
}

.input-group .input-group-addon {
    font-size: 14px;
    height: 30px;
}

.input-group .form-control[name^=quantity] {
    min-width: 50px;
}

input:-webkit-autofill, input:focus:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 100px rgb(253, 255, 231) inset;
}


.form-control-sm {
    border-radius: 4px;
    height: calc(1.5em + .5rem + 2px);
}

.nav-tabs {
    margin-bottom: 15px;
}

div.required .col-form-label:before {
    content: '* ';
    color: #f00;
    font-weight: bold;
}

/* Gradent to all drop down menus */
.dropdown-menu > li > a {
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: 400;
    font-size: 12px;
    line-height: 1.4;
    color: #333;
    white-space: nowrap;
}

.dropdown-menu > li > a:hover {
    text-decoration: none;
    color: #fff;
    background-color: #229ac8;
}

/* top */
#top {
    padding: 0 0 0 0;
    margin: 0 0 0 0;
    min-height: 40px;
    font-size: 16px;
}

#top .container {
}

#top .row {
    height: 40px;
}

#top ul {
    margin-bottom: 0;
}

#top ul li.list-inline-item:not(:last-child) {
    margin-right: 1.5rem;
}

#top a {
    color: #231f20;
}

#top a:hover {
    color: #b42e34;
}

#top #form-language {
    font-size: 0;
    line-height: 0;
}

#top button.language-select {
    background: none;
    border: 0;
    margin: 0;
    padding: 0;
    border-radius: 0;
    outline: none !important;
    color: #231f20;
    text-transform: uppercase;
    line-height: 1;
    padding: 0 5px;
    font-size: 16px;
}

#top button.language-select.active, #top button.language-select:hover {
    color: #b42e34;
}

#top button.language-select:first-child {
    border-right: 1px solid #a79b9e;
}

#popuplang {
    max-width: 20rem;
    margin: 0 auto;
}

#header-holder {
    position: relative;
    z-index: 1;
    margin: 0 5px 25px 5px;
    height: 80px;
}

#mainheader {
    position: fixed;
    z-index: 10;
    margin: 0 5px 25px 5px;
    height: 80px;
    top: 40px;
    left: 0;
    right: 0;
}

#mainheader::before {
    content: '';
    position: absolute;
    top: -5px;
    height: 5px;
    left: 0;
    right: 0;
    background: #fff;
}

#mainheader::after {
    content: '';
    position: absolute;
    bottom: -5px;
    height: 5px;
    left: 0;
    right: 0;
    background: #fff;
}

#mainheader.sticks {
    position: fixed;
    top: -148px !important;
    -webkit-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
}

#mainheader.sticks.up {
    top: 5px !important;
}

.header-bg {
    background: #b42e34;
    font-size: 0;
    overflow: hidden;
    width: 100%;
    height: 80px;
    position: absolute;
    left: 0;
    top: 0;
}

.header-bg::before {
    content: '';
    position: absolute;
    z-index: 2;
    left: 0;
    top: 0;
    height: 100%;
    width: 40px;
    background: -moz-linear-gradient(left, rgba(180, 46, 52, 1) 0%, rgba(180, 46, 52, 0) 100%);
    background: -webkit-linear-gradient(left, rgba(180, 46, 52, 1) 0%, rgba(180, 46, 52, 0) 100%);
    background: linear-gradient(to right, rgba(180, 46, 52, 1) 0%, rgba(180, 46, 52, 0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b42e34', endColorstr='#00b42e34', GradientType=1);
}

.header-bg::after {
    content: '';
    position: absolute;
    z-index: 2;
    right: 0;
    top: 0;
    height: 100%;
    width: 40px;
    background: -moz-linear-gradient(left, rgba(180, 46, 52, 0) 0%, rgba(180, 46, 52, 1) 100%);
    background: -webkit-linear-gradient(left, rgba(180, 46, 52, 0) 0%, rgba(180, 46, 52, 1) 100%);
    background: linear-gradient(to right, rgba(180, 46, 52, 0) 0%, rgba(180, 46, 52, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00b42e34', endColorstr='#b42e34', GradientType=1);
}

.header-bg-in {
    width: 1910px;
    position: absolute;
    left: 50%;
    margin-left: -955px;
    top: 24px;
}

.header-bg i {
    display: inline-block;
    width: 2.5%;
    font-size: 30px;
    color: #fff;
    opacity: 0.2;
    text-align: center;
    transition: all 0.25s ease;
    position: relative;
    top: -100px;
}

.header-bg i.down {
    top: 0px;
}

.header-bg-in.show i {
    top: 0px;
}

.header-over {
    position: relative;
    z-index: 3;
    width: calc((1910px / 40) * 32);
    margin: 0 auto;
    font-size: 0;
}

.header-logo {
    width: calc((1910px / 40) * 6);
    font-size: 16px;
    display: inline-block;
    margin-top: 16px;
    background: #b42e34;
    transition: all 0.75s ease;
    opacity: 0;
    vertical-align: top;
}

.header-logo.show {
    opacity: 1;
}


.footer-bg {
    background: #231f20;
    font-size: 0;
    margin: 0 5px 5px 5px;
    overflow: hidden;
    height: 80px;
    position: relative;
}

.footer-bg.bg-before {
    margin: 30px 5px 0 5px;
}

.footer-bg::before {
    content: '';
    position: absolute;
    z-index: 2;
    left: 0;
    top: 0;
    height: 100%;
    width: 40px;
    background: -moz-linear-gradient(left, rgba(35, 31, 32, 1) 0%, rgba(35, 31, 32, 0) 100%);
    background: -webkit-linear-gradient(left, rgba(35, 31, 32, 1) 0%, rgba(35, 31, 32, 0) 100%);
    background: linear-gradient(to right, rgba(35, 31, 32, 1) 0%, rgba(35, 31, 32, 0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#231f20', endColorstr='#00231f20', GradientType=1);
}

.footer-bg::after {
    content: '';
    position: absolute;
    z-index: 2;
    right: 0;
    top: 0;
    height: 100%;
    width: 40px;
    background: -moz-linear-gradient(left, rgba(35, 31, 32, 0) 0%, rgba(35, 31, 32, 1) 100%);
    background: -webkit-linear-gradient(left, rgba(35, 31, 32, 0) 0%, rgba(35, 31, 32, 1) 100%);
    background: linear-gradient(to right, rgba(35, 31, 32, 0) 0%, rgba(35, 31, 32, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00231f20', endColorstr='#231f20', GradientType=1);
}

.footer-bg-in {
    width: 1910px;
    position: absolute;
    left: 50%;
    margin-left: -955px;
    top: 24px;
}

.footer-bg-in i {
    display: inline-block;
    width: 2.5%;
    font-size: 30px;
    color: #fff;
    opacity: 0.08;
    text-align: center;
}

.footer-bg a {
    font-size: 28px;
    color: #fff;
    position: absolute;
    z-index: 3;
    top: 22px;
    padding-top: 5px;
    right: 0;
    text-align: center;
    display: block;
    width: calc(1910px / 40);
    background: #231f20;
}

#mainfooter .footer-phone {
    font-weight: 600;
}

/* logo */
#logo {
    position: relative;
}

#logo .logo {
    width: 95px;
    height: auto;
    margin-left: 0px;
}

#logo .name {
    width: 155px;
    height: auto;
    margin-left: 15px;
}

/* menu */
#categories-box {
    width: calc((1910px / 40) * 5);
    font-size: 16px;
    display: inline-block;
    background: #b42e34;
    transition: all 0.75s ease;
    opacity: 0;
    margin-left: calc((1910px / 40) * 2);
    position: relative;
    min-height: 56px;
    vertical-align: top;
    margin-top: 24px;
}

#categories-box.shown {
    opacity: 1;
}

#categories-box > button {
    border: none;
    margin: 0;
    outline: none;
    color: #fff;

    padding: 8px 12px 8px 12px;
    background: #792024;
    transition: background 0.4s ease;
    border-radius: 4px;
}
#categories-box > button:hover {
    background: #91262b;
}

/* .animated-button:hover svg rect {
    stroke: #ffd7d7;
}

.animated-button:hover span {
    color: #ffd7d7;
} */

#animated-rect {
    transition: transform 1.5s ease;
    transform-origin: 4.16px 4.5px;
}

.animated-button:hover #animated-rect {
    transform: rotate(360deg);
}

#categories-box > button div.ico {
    display: inline-block;
    vertical-align: text-bottom;
    margin-right: 4px;
}

#header-phone .phone-numbers__dropdown.active .mod-dropdown .main-photo,
#header-phone .phone-numbers__dropdown .mod-dropdown .main-text {
    display: none;
}
#header-phone .phone-numbers__dropdown.active .mod-dropdown .main-text,
#header-phone .phone-numbers__dropdown .mod-dropdown .main-photo{
    display: inline-block;
}

#categories-box > button i.icon {
    font-size: 30px;
    height: 30px;
    line-height: 1;
    margin: 0 10px 0 10px;
    display: inline-block;
    vertical-align: middle;
}

#categories-box > button span {
    font-size: 18px;
    font-family: 'Lato', sans-serif;
    font-weight: 600;
    padding: 0;
    display: inline-block;
    vertical-align: middle;
}

#categories-box > button i.fal {
    font-size: 16px;
    line-height: 1;
    margin: 0 0 8px 0;
    display: inline-block;
    vertical-align: middle;
}

#categories-box > button i.fas {
    font-size: 16px;
    line-height: 1;
    margin: 0 0 8px 0;
    display: inline-block;
    vertical-align: middle;
    display: none;
}

#categories-box > button.show i.fal {
    display: none;
}

#categories-box > button.show i.fas {
    display: inline-block;
}

#categories-menu {
    display: none;
    position: absolute;
    top: 56px;
    left: -10px;
    background: #fff;
    width: 320px;
    -webkit-box-shadow: 0 0 15px 0 rgba(35, 31, 32, 0.25);
    box-shadow: 0 0 15px 0 rgba(35, 31, 32, 0.25);
    text-align: left;
    z-index: 10;
}

#categories-menu::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    background: #fff;
    width: 100%;
    height: 100%;
    z-index: 2;
}

#categories-menu.show {
    display: block;
}

#categories-menu ul.categories-parents {
    list-style: none;
    padding: 0;
    margin: 10px 0;
}

#categories-menu ul.categories-parents > li {
}

#categories-menu ul.categories-parents > li > a {
    display: block;
    height: 50px;
    padding: 10px 10px 10px 10px;
    background: #fff;
    position: relative;
    z-index: 3;
}

#categories-menu ul.categories-parents > li:hover > a {
    background: #f7f2f2;
}

#categories-menu ul.categories-parents > li > a i {
    color: #b42e34;
    font-size: 30px;
    height: 30px;
    display: inline-block;
    vertical-align: middle;
    margin: 0 10px 0 10px;
}

#categories-menu ul.categories-parents > li > a span {
    color: #231f20;
    font-size: 18px;
    display: inline-block;
    vertical-align: middle;
}

#categories-menu ul.categories-parents > li > ul.categories-children {
    display: none;
    position: absolute;
    left: 100%;
    background: #f7f2f2;
    top: 0;
    width: 100%;
    min-height: 100%;
    -webkit-box-shadow: 0 0 15px 0 rgba(35, 31, 32, 0.25);
    box-shadow: 0 0 15px 0 rgba(35, 31, 32, 0.25);
    margin: 0;
    padding: 20px 25px;
    list-style: none;
    z-index: 1;
}

#categories-menu ul.categories-parents > li:hover > ul.categories-children {
    display: block;
}

#categories-menu ul.categories-parents > li > ul.categories-children a {
    color: #231f20;
    font-size: 16px;
    display: block;
    padding: 7px 0;
    line-height: 1;
}

#categories-menu ul.categories-parents > li > ul.categories-children a:hover {
    color: #b42e34;
}

#categories-menu .show-all-cats {
    font-size: 14px;
    display: block;
    position: relative;
    z-index: 3;
    padding: 14px 15px 5px 15px;
    text-align: left;
}

.warehouse-map iframe{
    width: 100%;
    height: 300px;
    margin-top: 10px;
    border: 0;
}

.pr-warehouse-map-modal .warehouse-map-modal-embed iframe {
    width: 100%;
    height: 320px;
    border: 0;
    display: block;
}

.pr-warehouse-map-modal .modal-body {
    padding-top: 0.5rem;
}

/* header-phone */
#header-phone {
    width: calc((1910px / 40) * 5);
    display: inline-block;
    background: #b42e34;
    transition: all 0.75s ease;
    /*opacity: 0;*/
    margin-left: calc((1910px / 40) * 2);
    position: relative;
    min-height: 30px;
    vertical-align: top;
    margin-top: 24px;
    color: #fff;
    /*font-size: 0;*/
}

.order-call {
    padding: 4px 8px;
    background: #c16064;
    border-radius: 3px;
    color: #fff;
    border: none;
}

/*.box-phone-numbers.mod-header {
    position: relative;
    width: 190px;
    height: 25px;
    display: inline-block;
}*/
.box-phone-numbers.mod-header .phone-number {
    display: inline-block;
    padding-bottom: 5px;
    color: #fff;
}

.box-phone-numbers.mod-header .phone-number:hover {
    text-decoration: underline;
}
.box-phone-numbers.mod-header .phone-number.mod-dropdown:hover {
    text-decoration: none;
}

.phone-numbers__dropdown {
    position: absolute;
    top: -2px;
    left: 0;
    height: 19px;
    overflow: hidden;
    margin-bottom: 5px;
    padding: 0 6px 0 12px;
    background: transparent;

    z-index: 2;
}
.phone-numbers__dropdown.active {
    box-shadow: 0 0px 5px rgba(0, 0, 0, 0.23);
    padding-top: 6px;
    margin-top: -6px;
    background: #9d292e;
}
.phone-numbers__button {
    border: none;
    position: absolute;
    top: -4px;
    right: 0px;
    z-index: 3;
    background: transparent;
    color: #fff;
}
.phone-numbers__button:focus {
    outline: none;
}

.phone-number {
    position: relative;
    display: block;
    font-family: 'Lato', sans-serif;
    text-decoration: none;
    color: #4e4e4e;
    font-size: 17px;
    font-weight: 700;
    line-height: 24px;
    cursor: pointer;
}



#search {
    position: relative;
}

#search-box button.button-search-open {
    border: none;
    background: none;
    padding: 0;
    margin: 0 0 0 10px;
    outline: none;
    color: #fff;
    font-size: 30px;
    height: 30px;
    line-height: 1;
}

#search-box button.button-search-close {
    border: none;
    background: none;
    padding: 0;
    margin: -13px 0 0 0;
    outline: none;
    color: #fff;
    font-size: 30px;
    height: 30px;
    width: 30px;
    line-height: 1;
    display: none;
    position: absolute;
    right: 10px;
    top: 50%;
}

#search-box.active {
    position: absolute;
    width: 100%;
    left: 0;
    right: 0;
    top: 0;
    margin-top: 0;
    padding: 24px 0;
}

#search-box.active input {
    display: block;
    width: calc(100% - 94px);
    right: 47px;
}

#search-box.active button.button-search-close {
    display: block !important;
}

#search-box.active button.button-search-open {
    display: none !important;
}

#search-box.active button.button-search {
    display: inline-block !important;
}

/* header-user */
#header-user {
    width: calc((1910px / 40) * 1);
    display: inline-block;
    background: #b42e34;
    transition: all 0.75s ease;
    opacity: 0;
    margin-left: calc((1910px / 40) * 3);
    position: relative;
    min-height: 30px;
    vertical-align: top;
    margin-top: 24px;
    color: #fff;
    font-size: 0;
}

#header-user.shown {
    opacity: 1;
}

#header-user > a {
    color: #fff;
    font-size: 30px;
    line-height: 1;
    height: 56px;
    display: block;
    transition: none !important;
}

#header-user i.icon {
    font-size: 30px;
    height: 30px;
    line-height: 1;
    margin: 0 0 0 10px;
    display: inline-block;
    vertical-align: middle;
}

#header-user .dropdown-menu a {
    color: #212529;
    padding: 5px 15px;
    display: block;
}

#header-user .dropdown-menu a:hover {
    color: #b42e34;
}

/* cart */
#cart {
    width: calc((1910px / 40) * 1);
    display: inline-block;
    background: #b42e34;
    transition: all 0.75s ease;
    opacity: 0;
    margin-left: calc((1910px / 40) * 0);
    position: relative;
    min-height: 30px;
    vertical-align: top;
    margin-top: 24px;
    color: #fff;
    font-size: 0;
}

#cart.shown {
    opacity: 1;
}

#cart > button {
    border: none;
    background: none;
    padding: 0;
    margin: 0 0 0 10px;
    outline: none;
    position: relative;
}

#cart > button i.icon {
    font-size: 30px;
    height: 30px;
    line-height: 1;
    margin: 0 0 0 0;
    display: inline-block;
    vertical-align: middle;
    color: #fff;
}

#cart > button #cart-total {
    display: inline-block;
    background: #fff;
    padding: 2px;
    border-radius: 100px;
    color: #000;
    position: absolute;
    bottom: -7px;
    right: -8px;
    font-weight: 600;
    font-size: 12px;
    line-height: 14px;
    min-width: 18px;
    height: 18px;
    text-align: center;
    box-sizing: border-box;
}

#cart > button #cart-total.has-items {
    background: #ffd700;
}

#cart .dropdown-menu {
    z-index: 1001;
    font-size: 14px;
    margin-top: 26px;
}

#cart .dropdown-menu img {
    width: 50px;
    height: auto;
}

#cart .dropdown-menu table {
    margin-bottom: 10px;
}

#cart .dropdown-menu li > div {
    min-width: 427px;
    padding: 0 10px;
}

#cart .dropdown-menu li:first-child{
    overflow: auto;
    max-height: 300px;
}

#cart .dropdown-menu li p {
    margin: 20px 0;
}

@media (max-width: 576px) {
    #cart .dropdown-menu {
        width: 100%;
    }

    #cart .dropdown-menu li > div {
        min-width: 100%;
    }
}

#cart table td {
    vertical-align: middle;
}

#cart .table-striped > tbody > tr:nth-of-type(odd) {
    background-color: #f9f9f9;
}

#cart .btn-link {
    padding: 5px;
}

#cart .btn-link i {
    margin: 0 0 0 5px;
    font-size: 14px;
    color: #aeadad;
    vertical-align: middle;
}

#cart .btn-link:hover i {
    color: #b42e34;
}

/* cart_popup */
#popupcart {
    max-width: 768px;
    margin: 0 auto;
}

#cart_popup {
    background: #fff;
    padding: 55px 15px 15px 15px;
    position: relative;
}

#cart_popup #cart-total {
    display: none;
}

#popup_title {
    background: #b42e34;
    color: #fff;
    position: relative;
    display: block;
    position: absolute;;
    z-index: 9999;
    left: 0;
    top: 0;
    right: 0;
}

#popup_title h4 {
    color: #fff;
    text-align: center;
    margin: 0;
    padding: 10px;
    line-height: 1;
}

#popup_title i {
    position: absolute;
    left: 0;
    top: 0;
    padding: 8px;
    font-size: 22px;
}

table.table-cart tbody tr td {
    vertical-align: middle;
    padding: 5px;
}

.input-group.spinner {
    flex-wrap: nowrap;
}

.spinner a {
    line-height: 36px;
}
.spinner a, .spinner button {
    color: #fff;
    background: #b42e34;
    font-size: 18px;
    font-weight: 500;
    width: 36px;
    text-align: center;
    border:0;
}

.spinner a.spin-down, .spinner button.spin-down {
    border-radius: 3px 0 0 3px;
}

.spinner a.spin-up, .spinner button.spin-up {
    border-radius: 0 3px 3px 0;
}

.spinner input {
    font-size: 16px;
    border-radius: 0;
    max-height: 36px;
    max-width: 100px;
    border-left: 0;
    border-right: 0;
}

#cart_popup .btn-link {
    padding: 5px;
}

#cart_popup .btn-link i {
    margin: 0 0 0 5px;
    font-size: 14px;
    color: #aeadad;
    vertical-align: middle;
}

#cart_popup .btn-link:hover i {
    color: #b42e34;
}


/* content */
#content {
    min-height: 500px;
}

/* alert */
.alert {
    padding: 8px 14px 8px 14px;
}

/* breadcrumb */
.breadcrumb {
    margin: 0 0 10px 0;
    padding: 0;
    background: none !important;
}

.breadcrumb > li {
    display: inline-flex;
    align-items: center;
}

.breadcrumb > li + li::before {
    content: '';
    display: inline-block;
    width: 6px;
    height: 10px;
    padding: 0 10px;
    background-repeat: no-repeat;
    background-position: 50%;
    background-image: url("data:image/svg+xml,%3Csvg width='6' height='10' viewBox='0 0 6 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0.528514 0.528575C0.788864 0.268226 1.21097 0.268226 1.47132 0.528575L5.47132 4.52858C5.73167 4.78892 5.73167 5.21103 5.47132 5.47138L1.47132 9.47138C1.21097 9.73173 0.788864 9.73173 0.528514 9.47138C0.268165 9.21103 0.268165 8.78893 0.528514 8.52858L4.05711 4.99998L0.528514 1.47138C0.268165 1.21103 0.268165 0.788925 0.528514 0.528575Z' fill='%23888888'/%3E%3C/svg%3E%0A");
}

/*.breadcrumb > li:after {
    content: '';
    display: block;
    position: absolute;
    top: 5px;
    right: -2px;
    width: 6px;
    height: 10px;
}*/

.breadcrumb > li a {
    color: #888888;
    font-size: 14px;
}

.breadcrumb > li a:hover {
    color: #b42e34;
}

/* pagination */
.pagination {
    margin: 0 0 30px 0;
    flex-wrap: wrap;
    justify-content: flex-start;
}

.pagination .page-item {
    display: inline-block;
    margin-right: 3px;
}

.pagination .page-link {
    color: #231f20;
    border: 1px solid #fff;
    border-radius: 3px;
    font-size: 18px;
    font-weight: 500;
    padding: 7px 11px;
    line-height: 1;
    box-shadow: none !important;
}

.pagination .page-link:hover {
    color: #92252a;
    background-color: #fff;
    border-color: #fff;
}

.pagination .page-item.active .page-link {
    background-color: #fff;
    border-color: #92252a;
    color: #92252a;
}

/* buttons */
.buttons {
    margin: 1em 0;
}


.btn {
    border-radius: 6px;
    font-weight: 600;
}

.btn-sm {
    border-radius: 4px;
    font-weight: 400;
}

/*
.btn {
    font-size: 16px;
    border-radius: 4px;
    cursor: pointer;
    font-weight: 600;
    border-radius: 8px;
    padding: 10px;
}

.btn-lg {
    font-size: 18px;
    padding: 0.7rem 1.5rem;
}

.btn-sm {
    font-size: 14px;
    padding: 0.5em 1.0em;
}

.btn-xs {
    font-size: 12px;
    padding: 0.3em 0.6em;
}

.btn-min {
    min-width: 120px;
}
*/

.btn-default {
    color: #777;
    background-color: #e7e7e7;
}

.btn-default:hover, .btn-default:focus, .btn-default:active, .btn-default.active, .btn-default.disabled, .btn-default[disabled] {
    color: #333;
    background-color: #e6e6e6;
}

.btn.focus, .btn:focus {
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(255, 0, 0, 0.25);
}

.btn-primary {
    color: #fff;
    background-color: #A73939;
    border-color: #A73939;
}

.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .btn-primary.disabled, .btn-primary[disabled] {
    background-color: #892328;
    border-color: #892328;
}

.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show > .btn-primary.dropdown-toggle {
    color: #fff;
    background-color: #892328;
    border-color: #892328;
}

.btn-primary.focus, .btn-primary:focus {
    box-shadow: 0 0 0 0.2rem rgba(255, 0, 0, 0.25);
    border-color: #892328;
    outline: none;
}

.btn-primary:not(:disabled):not(.disabled).active:focus, .btn-primary:not(:disabled):not(.disabled):active:focus, .show > .btn-primary.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(255, 0, 0, 0.25);
    border-color: #892328;
}

.btn-primary-dark {
    color: #fff;
    background-color: #792024;
    border-color: #792024;
}

.btn-primary-dark:hover, .btn-primary-dark:focus, .btn-primary-dark:active, .btn-primary-dark.active, .btn-primary-dark.disabled, .btn-primary-dark[disabled] {
    background-color: #5a1819;
    border-color: #5a1819;
}

.btn-primary-dark:not(:disabled):not(.disabled).active, .btn-primary-dark:not(:disabled):not(.disabled):active, .show > .btn-primary-dark.dropdown-toggle {
    color: #fff;
    background-color: #5a1819;
    border-color: #5a1819;
}

.btn-primary-dark.focus, .btn-primary-dark:focus {
    box-shadow: 0 0 0 0.2rem rgba(255, 0, 0, 0.25);
    border-color: #5a1819;
    outline: none;
}

.btn-primary-dark:not(:disabled):not(.disabled).active:focus, .btn-primary-dark:not(:disabled):not(.disabled):active:focus, .show > .btn-primary-dark.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(255, 0, 0, 0.25);
    border-color: #5a1819;
}

.btn-outline-primary {
    color: #A73939;
    /*background-color: #fff;*/
    border-color: #A73939;
}

.btn-outline-primary:hover, .btn-outline-primary:focus, .btn-outline-primary:active, .btn-outline-primary.active, .btn-outline-primary.disabled, .btn-outline-primary[disabled], .btn-outline-primary:not(:disabled):not(.disabled):active {
    color: #fff;
    background-color: #A73939;
    border-color: #A73939;
    outline: none;
}

.btn-outline-primary:not(:disabled):not(.disabled):active:focus {
    box-shadow: 0 0 0 0.2rem rgba(255, 0, 0, 0.25);
    border-color: #892328;
}

.btn-outline-primary:not(:disabled):not(.disabled).active, .btn-outline-primary:not(:disabled):not(.disabled):active, .show > .btn-outline-primary.dropdown-toggle {
    color: #fff;
    background-color: #892328;
    border-color: #892328;
}

.btn-outline-light {
    color: #ced4da;
  border-color: #ced4da;
}

.btn-outline-light:hover, .btn-outline-light:focus, .btn-outline-light:active, .btn-outline-light.active, .btn-outline-light.disabled, .btn-outline-light[disabled], .btn-outline-light:not(:disabled):not(.disabled):active {
    color: #231f20;
    background-color: #ced4da;
    border-color: #ced4da;
    outline: none;
}

.btn-outline-light:not(:disabled):not(.disabled):active:focus {
    box-shadow: 0 0 0 0.2rem rgba(255, 0, 0, 0.25);
    border-color: #892328;
}

.btn-outline-light:not(:disabled):not(.disabled).active, .btn-outline-light:not(:disabled):not(.disabled):active, .show > .btn-outline-light.dropdown-toggle {
    color: #231f20;
    background-color: #ced4da;
    border-color: #ced4da;
}


/* btn-notify - notify button styles */
.btn-notify {
    color: #ffffff;
    background-color: #744CD0;
    border-color: #744CD0;
}

.btn-notify:hover, .btn-notify:focus, .btn-notify:active, .btn-notify.active, .btn-notify.disabled, .btn-notify[disabled] {
    color: #ffffff;
    background-color: #5d3da8;
    border-color: #5d3da8;
}

.btn-notify:not(:disabled):not(.disabled).active, .btn-notify:not(:disabled):not(.disabled):active, .show > .btn-notify.dropdown-toggle {
    color: #ffffff;
    background-color: #5d3da8;
    border-color: #5d3da8;
}

.btn-notify.focus, .btn-notify:focus {
    box-shadow: 0 0 0 0.2rem rgba(116, 76, 208, 0.25);
    border-color: #5d3da8;
    outline: none;
}

.btn-notify:not(:disabled):not(.disabled).active:focus, .btn-notify:not(:disabled):not(.disabled):active:focus, .show > .btn-notify.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(116, 76, 208, 0.25);
    border-color: #5d3da8;
}

.btn-outline-notify {
    color: #744CD0;
    border-color: #744CD0;
}

.btn-outline-notify:hover, .btn-outline-notify:focus, .btn-outline-notify:active, .btn-outline-notify.active, .btn-outline-notify.disabled, .btn-outline-notify[disabled], .btn-outline-notify:not(:disabled):not(.disabled):active {
    color: #ffffff;
    background-color: #744CD0;
    border-color: #744CD0;
    outline: none;
}

.btn-outline-notify:not(:disabled):not(.disabled):active:focus {
    box-shadow: 0 0 0 0.2rem rgba(116, 76, 208, 0.25);
    border-color: #5d3da8;
}

.btn-outline-notify:not(:disabled):not(.disabled).active, .btn-outline-notify:not(:disabled):not(.disabled):active, .show > .btn-outline-notify.dropdown-toggle {
    color: #ffffff;
    background-color: #5d3da8;
    border-color: #5d3da8;
}

/*
.btn-warning {
    color: #fff;
    background-color: #faa732;
    border-color: #faa732;
}

.btn-warning:hover, .btn-warning:focus, .btn-warning:active, .btn-warning.active, .btn-warning.disabled, .btn-warning[disabled] {
}

.btn-danger {
    color: #fff;
    background-color: #da4f49;
    border-color: #da4f49;
}

.btn-danger:hover, .btn-danger:focus, .btn-danger:active, .btn-danger.active, .btn-danger.disabled, .btn-danger[disabled] {
}

.btn-success {
    color: #fff;
    background-color: #5bb75b;
    border-color: #5bb75b;
}

.btn-success:hover, .btn-success:focus, .btn-success:active, .btn-success.active, .btn-success.disabled, .btn-success[disabled] {
}

.btn-info {
    color: #fff;
    background-color: #df5c39;
    border-color: #df5c39;
}

.btn-info:hover, .btn-info:focus, .btn-info:active, .btn-info.active, .btn-info.disabled, .btn-info[disabled] {
    background-color: #df5c39;
    border-color: #df5c39;
}

*/

.btn-link {
    cursor: pointer;
    color: #b42e34;
    border-radius: 0;
    border: 0;
    padding: 0;
}

.btn-link:active, .btn-link[disabled], .btn-link:hover {
    color: #892328;
    text-decoration: none;
}

.btn-inverse, a.btn-inverse:not([href]) {
    color: #b42e34;
    background-color: #fff;
    border-color: #b42e34;
}

.btn-inverse:hover, a.btn-inverse:not([href]):hover, .btn-inverse:focus, .btn-inverse:active, .btn-inverse.active, .btn-inverse.disabled, .btn-inverse[disabled] {
    background-color: #fff;
    color: #7b1f24;
    border-color: #7b1f24;
}

h1 button.btn {
    font-size: 24px;
}

/* list group */
.list-group a {
    color: #888;
    display: block;
}

.list-group a.active, .list-group a.active:hover, .list-group a.active:focus {
    color: #444;
    background: #eee;
    border: 1px solid #ddd;
    text-shadow: 0 1px 0 #fff;
}

/* carousel */
.carousel-caption {
    color: #fff;
}

.carousel-caption .icon-prev:before {
    content: '\f053';
    font-family: FontAwesome;
}

.carousel-caption .icon-next:before {
    content: '\f054';
    font-family: FontAwesome;
}

/* category list */
.category-thumb {
    border: 1px solid #ddd;
    border-radius: 4px;
    margin-bottom: 30px;
    overflow: auto;
    padding: 15px;
}

.category-thumb a {
    display: block;
    text-align: center;
}

.category-thumb a img {
    margin-bottom: 15px;
}

.category-thumb h4 {
    line-height: 1.2;
    min-height: 2.4em;
    font-weight: bold;
}

/* category */
.filter-button {
    display: inline-block;
    cursor: pointer;
    font-size: 0;
    margin: 0 10px 10px 10px;
}

.filter-button i {
    display: inline-block;
    font-size: 16px;
    margin-right: 5px;
}

.filter-button span {
    font-size: 18px;
}

.input-sort-button {
    display: inline-block;
    cursor: pointer;
    font-size: 0;
    margin: 0 10px 10px 10px;
}

.input-sort-button i {
    display: inline-block;
    font-size: 16px;
    margin-right: 5px;
}

.input-sort-button span {
    font-size: 18px;
}

#input-sort {
    margin-bottom: 15px;
}


/* product list */
.sticky-product-info {
    position: sticky;
    top: 100px;
    z-index: 10;
}

/* for mobile */
@media (max-width: 767px) {
    .sticky-product-info {
        position: relative;
        top: 0;
    }
}


.product-layout {
    margin-bottom: 30px;
}

.product-thumb {
    -webkit-box-shadow: 0 0 15px 0 rgba(35, 31, 32, 0.0);
    box-shadow: 0 0 15px 0 rgba(35, 31, 32, 0.0);
    overflow: auto;
    padding: 15px;
    background: #fff;
    transition: all 0.25s ease;
}

.product-thumb:hover {
    position: absolute;
    top: 0;
    left: 15px;
    right: 15px;
    z-index: 3;
    -webkit-box-shadow: 0 0 15px 0 rgba(35, 31, 32, 0.25);
    box-shadow: 0 0 15px 0 rgba(35, 31, 32, 0.25);
}

.swiper-slide .product-thumb:hover {
    left: 0;
    right: 0;
}

.product-thumb h2.price {
    margin: 0;
}

.product-thumb h4 {
    font-weight: 500;
    margin: 0;
    line-height: 1.2; /*height: 2.4em;*/
    overflow: hidden;
    color: #231f20;
    text-align: center;
    padding: 0.7em 0 0.5em 0;
}

.product-thumb strong {
    font-weight: 500;
    margin: 0;
    line-height: 1.2; /*height: 2.4em;*/
    overflow: hidden;
    color: #231f20;
    text-align: center;
    padding: 0.7em 0 0.5em 0;
    display: block;
}

/* modification ignored */
.product-thumb h4 a {
    color: #231f20;
}

.product-thumb strong a {
    color: #231f20;
    font-size: 18px;
}

/* modification ignored */
.product-thumb .image {
    text-align: center;
    position: relative;
}

.product-thumb .image a {
    display: block;
}

.product-thumb .image img {
    width: 100%;
    height: auto;
}

.product-thumb .caption {
}

.product-thumb .caption p:nth-child(3) {
    display: none;
}

.product-thumb .rating {
    padding-bottom: 10px;
}

.product-thumb .price {
    color: #231f20;
    margin-bottom: 0;
    font-size: 24px;
    font-weight: 500;
    text-align: center;
    padding-bottom: 15px;
}

.product-thumb .price-new {
    color: #b42e34;
}

.product-thumb .price-old {
    color: #aeadad;
    text-decoration: line-through;
    margin-right: 5px;
    font-size: 16px;
}

.product-thumb .price-tax {
    color: #999;
    font-size: 12px;
    display: block;
}

.product-thumb .button-group {
    display: none;
    text-align: center;
}

.product-thumb:hover .button-group {
    display: block;
}

.product-thumb .button-group a {
    display: inline-block;
    border: none;
    box-sizing: border-box;
    background-color: #b42e34;
    color: #fff;
    line-height: 1.5;
    font-weight: 500;
    text-align: center;
    font-size: 18px;
    border-radius: 4px;
    padding: .375rem .75rem;
    margin-bottom: 20px;
    overflow: hidden;
}

.product-thumb .button-group a:hover {
    background-color: #892328;
    cursor: pointer;
}

.product-thumb .product_attributes {
    display: none;
    font-size: 0;
    text-align: center;
}

.product-thumb:hover .product_attributes {
    display: block;
}

.product-thumb .product_attributes > div {
    display: inline-block;
    width: 33.3%;
    vertical-align: top;
    text-align: center;
}

.product-thumb .product_attributes > div h6 {
    font-weight: 700;
    font-size: 12px;
    margin-bottom: 5px;
}

.product-thumb .product_attributes > div span {
    font-size: 12px;
}

.rating {
    font-size: 0;
    vertical-align: baseline;
}

.rating .fa-stack {
    font-size: 8px;
    display: inline-block;
    vertical-align: middle;
    z-index: 2;
}

.rating .fa-star.star-gray {
    color: #aeadad;
    font-size: 12px;
    z-index: 1;
}

.rating .fa-star {
    color: #92252a;
    font-size: 12px;
}

.rating a {
    font-size: 14px;
    color: #231f20;
    display: inline-block;
    vertical-align: middle;
    margin-right: 8px;
}

.fa-star:before {
    content: "\52";
    font-family: "focus" !important;
    font-style: normal !important;
    font-weight: normal !important;
    font-variant: normal !important;
    text-transform: none !important;
    speak: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.product-thumb .rating {
    text-align: center;
}

.product-thumb .rating .fa-stack {
    font-size: 6px;
    width: 13px;
}

.product-thumb .rating .fa-star.star-gray {
    font-size: 9px;
}

.product-thumb .rating .fa-star {
    font-size: 9px;
}

.product-thumb .rating a {
    font-size: 10px;
    color: #b4b3b3;
}

.product-isearch .input-sort-button {
    margin: 10px 10px 10px 10px;
}

/* labels */
.product-preview__label {
    position: absolute;
    top: 10px;
    max-width: 90px;
    height: auto;
    font-size: 10px;
    text-transform: uppercase;
    text-align: left;
    -webkit-clip-path: polygon(100% 0%, 90% 50%, 100% 100%, 0 100%, 0 50%, 0 0);
    clip-path: polygon(100% 0%, 90% 50%, 100% 100%, 0 100%, 0 50%, 0 0);
    z-index: 2;
}

.product-preview__label span {
    display: block;
    padding: 2px 12px 2px 5px;
    font-size: 10px
}

.product-label-left {
    left: 0;
}

.product-label-right {
    left: 0;
}

.product-preview__label {
    color: #ffffff;
}

.product-label-sale {
    background: #b42e34;
}

.product-label-spec {
    background: #e4881b;
}

.product-label-onorder {
    background: #1c2cbe;
}

.product-label-collection {
    background: #b42e34;
    display: none !important;
}

.product-label-closed {
    background: #e6e6e6;
    color: #f66624;
}

.product-label-new {
    background: #42b42e;
}

.outfostock .product-preview__label {
    display: none;
}


/* product */
ul.nav.nav-tabs li.nav-item a > h2 {
    font-size: 18px;
    font-weight: normal;
    margin: 0;
    text-align: center;
}

/* modification ignored */
/* .thumbnails {overflow: hidden; clear: both; list-style: none; padding: 0; margin: 0; margin-left: -20px; margin-bottom: 20px;}
.thumbnails > li {margin-left: 20px; position: relative;}
.thumbnails > li > a {display: block; padding: 4px; margin-bottom: 20px; line-height: 1.42857143; background-color: #fff; border: 1px solid #ddd; border-radius: 4px; -webkit-transition: border 0.2s ease-in-out; -o-transition: border 0.2s ease-in-out; transition: border 0.2s ease-in-out;}
.thumbnails > img {width: 100%;}
.thumbnails .image-additional {float: left; margin-left: 20px; max-width: 78px;}
.thumbnails .image-additional a {margin-bottom: 20px; padding: 5px; display: block; border: 1px solid #ddd;}
.thumbnails .icon-finger {position: absolute; bottom: 5px; right: 25px; color: #fff; z-index: 2; font-size: 32px; cursor: pointer;}
div.magictoolboxVideoContainer {z-index: 3;} */


.thumbnails {
    overflow: hidden;
    clear: both;
    list-style: none;
    padding: 0;
    margin: 0;
    font-size: 0;
    text-align: center;
}

.thumbnails img {
    max-width: 100%;
    height: auto;
}

.thumbnails li.image-additional {
    max-width: 90px;
    margin-bottom: 30px;
}

.thumbnails li.image-additional .video {
    position: relative;
    display: block;
}

.thumbnails li.image-additional .video i {
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -15px;
    margin-top: -15px;
    width: 30px;
    height: 30px;
    font-size: 30px;
    text-align: center;
    line-height: 1;
    color: #fff;
    text-shadow: 0px 1px 10px rgba(97, 101, 251, 0.4);
}

.thumbnails li.big-img {
    margin-bottom: 30px;
    text-align: center;
    position: relative;
    display: inline-block;
}

.thumbnails li.big-img.right {
    width: calc(100% - 120px);
    float: right;
}

.thumbnails .icon-finger {
    position: absolute;
    bottom: 0px;
    right: 5px;
    color: #fff;
    z-index: 2;
    font-size: 32px;
    cursor: pointer;
}


.product-code {
    font-size: 18px;
    font-weight: 400;
    margin-bottom: 5px;
}

.product-code span {
    font-size: 18px;
    font-weight: 500;
    color: #b42e34;
}

.product-right .rating {
    margin-bottom: 15px;
}

#clear_options {
    font-weight: 500;
    font-size: 16px;
    display: block;
    margin: 0 0 30px 0;
    line-height: 1;
    display: none;
}

#clear_options i {
    vertical-align: middle;
    padding: 0 0 2px 0;
}

.child-products ul {
    font-size: 0;
}

.child-products .list-inline-item:not(:last-child) {
    margin-right: 0;
}

.child-products a {
    border: 2px solid #fff;
    display: block;
}

.child-products a img {
    border: 2px solid #fff;
    position: relative;
}

.child-products .current_sub_product a {
    border: 2px solid #b42e34;
}

.child-products strong {
    font-weight: 500;
    font-size: 16px;
}

/* modification ignored */
#product .row .col-xxl-3.qty-box strong {
    font-weight: 500;
    font-size: 16px;
}

/* modification ignored */
#product .row .col-xxl-3.col-4.price-discount-box strong {
    font-weight: 400;
    font-size: 16px;
}

/* modification ignored */
#product ul.list-unstyled.product-price li strong {
    margin: 0;
    font-size: 32px;
    text-align: left;
    line-height: 1;
    font-weight: 500;
    color: #b42e34;
}

/* modification ignored */

#product .form-group {
    margin: 0 0 10px 0;
}

#product .radio {
    position: relative;
    display: inline-block;
    margin: 0 5px 10px 0;
    vertical-align: top;
    font-size: 0;
    line-height: 0;
    padding: 0;
}

#product .radio input[type=radio] {
    display: none;
    opacity: 1;
    position: relative;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

#product .radio label {
    padding: 0;
    margin: 0;
}

#product input[type='radio']:checked + label .img-thumbnail, #product .radio label:hover .img-thumbnail, #product input[type='radio']:checked + label .noimage-block, #product .radio label:hover .noimage-block {
    border: 2px solid #b42e34;
}

#product .radio input[disabled] + label {
}

#product .radio input[disabled] + label:before {
    display: inline-block;
    font: normal normal normal 14px/1 "Font Awesome 5 Pro";
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f00d";
    font-size: 20px;
    line-height: 20px;
    width: 20px;
    height: 20px;
    text-align: center;
    color: #e50110;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -10px 0 0 -10px;
}

#product .noimage-block {
    display: block;
    max-width: 100%;
    padding: 0 10px;
    box-sizing: content-box;
    height: 30px;
    font-size: 12px;
    line-height: 30px;
    background-color: #fff;
    border: 2px solid #e9e9e9;
    border-radius: 0;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

.stock-info {
}

.stock-info .icon {
    display: inline-block;
    color: #b42e34;
    font-size: 14px;
    vertical-align: middle;
    margin-right: 5px;
    line-height: 1;
}

.stock-info a {
    display: inline-block;
    color: #231f20;
    font-size: 14px;
    vertical-align: middle;
}

.stock-info a:hover {
    color: #b42e34;
}

.stock-info a span {
    font-weight: 500;
    color: #b42e34;
}

.qty-box {
    margin-bottom: 10px;
}

.qty-box .spinner a {
    color: #fff;
    background: #b42e34;
    font-size: 18px;
    font-weight: 500;
    width: 36px;
    text-align: center;
    line-height: 36px;
}

.qty-box .spinner a.spin-down {
    border-radius: 3px 0 0 3px;
}

.qty-box .spinner a.spin-up {
    border-radius: 0 3px 3px 0;
}

.qty-box .spinner input {
    font-size: 16px;
    border-radius: 0;
    max-height: 36px;
    border-left: 0;
    border-right: 0;
}

.price-discount-box {
    margin-bottom: 10px;
}

.price-discount-box h5 {
    font-weight: 400;
}

.price-discount-box span {
    display: block;
    min-height: 36px;
    border: 1px solid #aeadad;
    color: #5c5557;
    text-align: center;
    font-size: 16px;
    font-weight: 500;
    padding: 9px 0;
    line-height: 1;
    transition: all 0.25s ease;
}

.price-discount-box.active span {
    border: 1px solid #b42e34;
    color: #231f20;
}

.product-price {
    margin: 0;
}

.product-price h2 {
    margin: 0;
    font-size: 32px;
    text-align: left;
    line-height: 1;
    font-weight: 500;
    color: #b42e34;
}

.product-price span {
    margin: 0;
    font-size: 16px;
    line-height: 1;
    font-weight: 500;
    color: #adadad;
    text-align: left;
}

.prod-state-disable > div, .prod-state-disable > ul {
    opacity: 0.35;
}

.product-layout.product-grid .discount-row span.percent {
    display: inline-block;
    background-color: #b42e34;
    color: white;
    padding: 2px 5px 0 5px;
}

.product-layout.product-grid .attribute-row {
    display: none;
}

.product-layout.product-grid:hover .attribute-row {
    display: block;
}

.product-price-row {
    margin-top: 15px;
    margin-bottom: 15px;
}

.product-price-row .form-group {
    font-size: 0;
    margin-bottom: 0
}

.product-price-row .btn-primary {
    font-size: 24px;
    line-height: 24px;
    display: inline-block;
    width: 40%;
    margin-right: 5%;
    padding: 10px 0;
}

.product-price-row .btn-inverse {
    font-size: 18px;
    line-height: 24px;
    display: inline-block;
    width: 40%;
    padding: 10px 0;
}

.product-price-row .btn-inverse.wishlist {
    font-size: 18px;
    line-height: 24px;
    display: inline-block;
    width: 9%;
    margin-right: 5%;
    padding: 10px 0;
}

.product-price-row .btn-bell + .btn-inverse {
    display: none;
}

.btn-wishlist {
    position: absolute;
    left: -50px;
    margin: 0 1rem;
}

.btn-wishlist span {
    font-size: 30px;
    color: #f4e0e0;
    background-color: #b42e34;
    font-weight: 200;
}

.product-icons-row {
    margin-top: 30px;
    margin-bottom: 30px;
}

.product-icons-row a {
    font-size: 18px;
    color: #231f20;
    display: inline-block;
    vertical-align: middle;
}

.product-icons-row a:hover {
    color: #b42e34;
}

.product-icons-row i {
    color: #b42e34;
    font-size: 36px;
    line-height: 1;
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
}

.nav-tabs {
    border-bottom: 1px solid #d2d2d2;
    margin-top: 30px;
    margin-bottom: 30px;
    text-align: left;
    display: block;
}

.nav-tabs .nav-item {
    display: inline-block;
}

.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
    color: #231f20;
    border: none;
    border-bottom: 2px solid #b42e34;
    font-size: 18px;
}

.nav-tabs .nav-link {
    border: none;
    border-bottom: 2px solid transparent;
    font-size: 18px;
    padding: .5rem 1.5rem;
}

.tab-content {
    margin-bottom: 50px;
}

#warehouses_box {
    max-width: 400px;
    margin: 0 auto;
    background: #fff;
    padding: 0;
}

#warehouses_box .warehouse_title {
    background: transparent none repeat scroll 0 0;
    color: #1c1c1c;
    font-size: 18px;
    line-height: 1.4;
    padding: 10px 25px;
    position: relative;
    text-align: center;
    vertical-align: baseline;
}

#warehouses_box .mfp-close {
    background: transparent none repeat scroll 0 0;
    border: 0 none;
    color: #000000;
    cursor: pointer !important;
    font-size: 38px;
    height: 45px;
    outline: medium none;
    position: absolute;
    right: 0;
    top: 0;
    width: 45px;
    z-index: 1060;
}

#warehouses_box p {
    margin-bottom: 0;
}

#warehouses_box .warehouse {
    padding: 0 15px 15px 15px
}

.red {
    color: #b42e34;
}


#latest_reviews {
    margin: 40px 0;
}

#latest_reviews h4 {
    margin-bottom: 20px
}

#latest_reviews .reviews-write {
    float: right;
    font-size: 16px;
    font-weight: 500;
}

#latest_reviews h2 {
    margin-bottom: 20px;
    font-size: 18px;
    font-weight: 500;
    text-align: left;
}

.table-reviews td, .table-reviews th {
    border-top: 0px;
    padding: 0 !important;
    line-height: 1.4;
}

.table-reviews .r-name {
    display: inline-block;
    vertical-align: middle;
    font-size: 16px;
    font-weight: 500;
}

.table-reviews .rating {
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
}

.table-reviews .rating .fa-stack {
    font-size: 6px;
    width: 13px;
}

.table-reviews .rating .fa-star.star-gray {
    font-size: 9px;
}

.table-reviews .rating .fa-star {
    font-size: 9px;
}

.table-reviews .r-date {
    font-size: 10px;
    vertical-align: middle;
}

.show-limit-master {
    margin: 0 0 15px 0;
}

.show-limit-master label {
    cursor: pointer;
}

.star-rating {
    font-size: 0;
    white-space: nowrap;
    display: block;
    margin: 0 auto 15px auto;
    width: 200px;
    height: 40px;
    overflow: hidden;
    position: relative;
    background: url('data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB3aWR0aD0iMjBweCIgaGVpZ2h0PSIyMHB4IiB2aWV3Qm94PSIwIDAgMjAgMjAiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDIwIDIwIiB4bWw6c3BhY2U9InByZXNlcnZlIj48cG9seWdvbiBmaWxsPSIjREREREREIiBwb2ludHM9IjEwLDAgMTMuMDksNi41ODMgMjAsNy42MzkgMTUsMTIuNzY0IDE2LjE4LDIwIDEwLDE2LjU4MyAzLjgyLDIwIDUsMTIuNzY0IDAsNy42MzkgNi45MSw2LjU4MyAiLz48L3N2Zz4=');
    background-size: contain;
}

.star-rating i {
    opacity: 0;
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 20%;
    z-index: 1;
    background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyMi4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHZpZXdCb3g9IjAgMCAyMCAyMCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMjAgMjA7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+DQoJLnN0MHtmaWxsOiNCNDJFMzQ7fQ0KPC9zdHlsZT4NCjxwb2x5Z29uIGNsYXNzPSJzdDAiIHBvaW50cz0iMTAsMCAxMy4xLDYuNiAyMCw3LjYgMTUsMTIuOCAxNi4yLDIwIDEwLDE2LjYgMy44LDIwIDUsMTIuOCAwLDcuNiA2LjksNi42ICIvPg0KPC9zdmc+DQo=");
    background-size: contain;
}

.star-rating input {
    -moz-appearance: none;
    -webkit-appearance: none;
    opacity: 0;
    display: inline-block;
    width: 20%;
    height: 100%;
    margin: 0;
    padding: 0;
    z-index: 2;
    position: relative;
}

.star-rating input:hover + i,
.star-rating input:checked + i {
    opacity: 1;
}

.star-rating i ~ i {
    width: 40%;
}

.star-rating i ~ i ~ i {
    width: 60%;
}

.star-rating i ~ i ~ i ~ i {
    width: 80%;
}

.star-rating i ~ i ~ i ~ i ~ i {
    width: 100%;
}


/* description */
.description {
    text-align: justify;
}

.description p {
    margin-bottom: 15px;
}

.description ul, .description ol {
    margin-bottom: 15px;
    padding-left: 0;
}

.description ul li {
    list-style: circle inside;
    padding-left: 15px;
}

.description ol li {
    list-style: decimal inside;
    padding-left: 15px;
}

.description strong, .description b {
    font-weight: bold;
}

.description em {
    font-style: italic;
}

.description img {
    height: auto !important;
    max-width: 100%
}

.description img.right, .description img.alignright {
    float: right;
    margin: 0 0 15px 15px;
}

.description img.left, .description img.alignleft {
    float: left;
    margin: 0 15px 15px 0;
}

.description img.center, .description img.aligncenter {
    display: block;
    margin: 0 auto 15px auto;
}

.description img.roundcorners {
    -webkit-border-radius: 8px;
    border-radius: 8px;
}

.description hr {
    border: 0px;
    border-top: 1px solid #eee;
    clear: both;
}

.description table {
    border: 1px solid #eee;
    border-collapse: collapse;
}

.description td, .description th {
    border: 1px solid #eee;
    padding: 5px;
    vertical-align: top;
}

.description table.va-middle {
    vertical-align: middle;
}

.description table.va-middle td, .description table.va-middle th {
    vertical-align: middle;
}

.description a.social {
    font-size: 28px;
    vertical-align: middle;
}

.img-description-left {
    float: left;
    margin: 0 15px 10px 0;
}

#tab-description .description {
    font-family: 'Etelka', sans-serif !important;
    color: #231f20 !important;
    font-size: 16px !important;
    line-height: 1.4 !important;
}

#tab-description .description div {
    font-family: 'Etelka', sans-serif !important;
    color: #231f20 !important;
    font-size: 16px !important;
    line-height: 1.4 !important;
}

#tab-description .description p {
    font-family: 'Etelka', sans-serif !important;
    color: #231f20 !important;
    font-size: 16px !important;
    line-height: 1.4 !important;
}

#tab-description .description span {
    font-family: 'Etelka', sans-serif !important;
    color: #231f20 !important;
    font-size: 16px !important;
    line-height: 1.4 !important;
}

#accordion .card div.h5.mb-0 button:focus {
    outline: unset;
    text-decoration: none;
    box-shadow: unset;
}

#accordion .card {
    border-radius: unset;
}

@media (min-width: 1200px) {
    #content .col-lg-2:nth-child(6n+1), #content .col-lg-3:nth-child(4n+1), #content .col-lg-4:nth-child(3n+1), #content .col-lg-6:nth-child(2n+1) {
        clear: left;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    #content .col-md-2:nth-child(6n+1), #content .col-md-3:nth-child(4n+1), #content .col-md-4:nth-child(3n+1), #content .col-md-6:nth-child(2n+1) {
        clear: left;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    #content .col-sm-2:nth-child(6n+1), #content .col-sm-3:nth-child(4n+1), #content .col-sm-4:nth-child(3n+1), #content .col-sm-6:nth-child(2n+1) {
        clear: left;
    }
}

/* fixed colum left + content + right*/
@media (min-width: 768px) {
    #column-left .product-layout .col-md-3 {
        width: 100%;
    }

    #column-left + #content .product-layout .col-md-3 {
        width: 50%;
    }

    #column-left + #content + #column-right .product-layout .col-md-3 {
        width: 100%;
    }

    #content + #column-right .product-layout .col-md-3 {
        width: 100%;
    }
}

/* fixed product layouts used in left and right columns */
#column-left .product-layout, #column-right .product-layout {
    width: 100%;
}

/* BS4 Changes */

/*bootstrap col xxl*/
.col-xxl-1, .col-xxl-2, .col-xxl-3, .col-xxl-4, .col-xxl-5, .col-xxl-6, .col-xxl-7, .col-xxl-8, .col-xxl-9, .col-xxl-10, .col-xxl-11, .col-xxl-12 {
    position: relative;
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
}

@media (min-width: 1580px) {
    .container {
        max-width: 1570px;
    }

    .col-xxl {
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%;
    }

    .d-xxl-block {
        display: block !important;
    }

    .col-xxl-1 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 8.333333%;
        flex: 0 0 8.333333%;
        max-width: 8.333333%;
    }

    .col-xxl-2 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 16.666667%;
        flex: 0 0 16.666667%;
        max-width: 16.666667%;
    }

    .col-xxl-3 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
    }

    .col-xxl-4 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%;
    }

    .col-xxl-5 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 41.666667%;
        flex: 0 0 41.666667%;
        max-width: 41.666667%;
    }

    .col-xxl-6 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }

    .col-xxl-7 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 58.333333%;
        flex: 0 0 58.333333%;
        max-width: 58.333333%;
    }

    .col-xxl-8 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 66.666667%;
        flex: 0 0 66.666667%;
        max-width: 66.666667%;
    }

    .col-xxl-9 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%;
    }

    .col-xxl-10 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 16.666667%;
        flex: 0 0 16.666667%;
        max-width: 16.666667%;
    }

    .col-xxl-11 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 16.666667%;
        flex: 0 0 16.666667%;
        max-width: 16.666667%;
    }

    .col-xxl-12 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 16.666667%;
        flex: 0 0 16.666667%;
        max-width: 16.666667%;
    }

    .order-xxl-0 {
        -ms-flex-order: 0;
        order: 0;
    }

    .order-xxl-1 {
        -ms-flex-order: 1;
        order: 1;
    }

    .text-xxl-center {
        text-align: center !important;
    }

    .text-xxl-left {
        text-align: left !important;
    }
}

/*bootstrap col 15*/
.col-sm-15, .col-md-15, .col-lg-15, .col-xl-15, .col-xxl-15 {
    position: relative;
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
}

.col-15 {
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%;
}

@media (min-width: 576px) {
    .col-sm-15 {
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%;
    }
}

@media (min-width: 768px) {
    .col-md-15 {
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%;
    }
}

@media (min-width: 992px) {
    .col-lg-15 {
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%;
    }
}

@media (min-width: 1200px) {
    .col-xl-15 {
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%;
    }
}

@media (min-width: 1580px) {
    .col-xxl-15 {
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%;
    }
}

.col-15, .col-sm-15, .col-md-15, .col-lg-15, .col-xl-15, .col-xxl-15 {
    position: relative;
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
}

/*bootstrap col 40*/
.col-sm-40, .col-md-40, .col-lg-40, .col-xl-40, .col-xxl-40 {
    position: relative;
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
}

.col-40 {
    -ms-flex: 0 0 40%;
    flex: 0 0 40%;
    max-width: 40%;
}

@media (min-width: 576px) {
    .col-sm-40 {
        -ms-flex: 0 0 40%;
        flex: 0 0 40%;
        max-width: 40%;
    }
}

@media (min-width: 768px) {
    .col-md-40 {
        -ms-flex: 0 0 40%;
        flex: 0 0 40%;
        max-width: 40%;
    }
}

@media (min-width: 992px) {
    .col-lg-40 {
        -ms-flex: 0 0 40%;
        flex: 0 0 40%;
        max-width: 40%;
    }
}

@media (min-width: 1200px) {
    .col-xl-40 {
        -ms-flex: 0 0 40%;
        flex: 0 0 40%;
        max-width: 40%;
    }
}

@media (min-width: 1580px) {
    .col-xxl-40 {
        -ms-flex: 0 0 40%;
        flex: 0 0 40%;
        max-width: 40%;
    }
}

.col-40, .col-sm-40, .col-md-40, .col-lg-40, .col-xl-40, .col-xxl-40 {
    position: relative;
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
}

/*bootstrap col 45*/
.col-sm-45, .col-md-45, .col-lg-45, .col-xl-45, .col-xxl-45 {
    position: relative;
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
}

.col-45 {
    -ms-flex: 0 0 80%;
    flex: 0 0 80%;
    max-width: 80%;
}

@media (min-width: 576px) {
    .col-sm-45 {
        -ms-flex: 0 0 80%;
        flex: 0 0 80%;
        max-width: 80%;
    }
}

@media (min-width: 768px) {
    .col-md-45 {
        -ms-flex: 0 0 80%;
        flex: 0 0 80%;
        max-width: 80%;
    }
}

@media (min-width: 992px) {
    .col-lg-45 {
        -ms-flex: 0 0 80%;
        flex: 0 0 80%;
        max-width: 80%;
    }
}

@media (min-width: 1200px) {
    .col-xl-45 {
        -ms-flex: 0 0 80%;
        flex: 0 0 80%;
        max-width: 80%;
    }
}

@media (min-width: 1580px) {
    .col-xxl-45 {
        -ms-flex: 0 0 80%;
        flex: 0 0 80%;
        max-width: 80%;
    }
}

.col-45, .col-sm-45, .col-md-45, .col-lg-45, .col-xl-45, .col-xxl-45 {
    position: relative;
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
}

/* some thic bs4 mobile */
@media (max-width: 575.98px) {
    .container {
        padding-right: 5px;
        padding-left: 5px;
    }

    .row {
        margin-right: -5px;
        margin-left: -5px;
    }

    .col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto {
        padding-right: 5px;
        padding-left: 5px;
    }

    .col-sm-15, .col-md-15, .col-lg-15, .col-xl-15, .col-xxl-15 {
        padding-right: 5px;
        padding-left: 5px;
    }

    .col-45, .col-sm-45, .col-md-45, .col-lg-45, .col-xl-45, .col-xxl-45 {
        padding-right: 5px;
        padding-left: 5px;
    }

    .col-xxl-1, .col-xxl-2, .col-xxl-3, .col-xxl-4, .col-xxl-5, .col-xxl-6, .col-xxl-7, .col-xxl-8, .col-xxl-9, .col-xxl-10, .col-xxl-11, .col-xxl-12 {
        padding-right: 5px;
        padding-left: 5px;
    }

}

.table td, .table th {
    padding: 0.3125rem;
}

.navbar-light .navbar-toggler {
    font-size: 15px;
    font-stretch: expanded;
    color: #fff;
    padding: 6px 12px;
    background-color: #229ac8;
    margin: 0;
}

@media (max-width: 767px) {
    .hidden-sm {
        display: none;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .hidden-md {
        display: none;
    }
}

/*.buttons {height: 20px;}*/

.card {
    border: 1px solid #d2d2d2
}

.card .card-header > h4 {
    font-size: 16px;
}

.card + .card {
    margin-top: 5px;
}

.form-check .form-check-input {
    margin-top: 0.25rem;
}

.table {
    color: #231f20;
}

.collapse .in {
    display: block;
}

.dropdown-menu {
    border: none;
    border-radius: 0;
    -webkit-box-shadow: 0 0 15px 0 rgba(35, 31, 32, 0.25);
    box-shadow: 0 0 15px 0 rgba(35, 31, 32, 0.25);
    margin-top: 0;
}


/* Additional tools */
.swiper-viewport .img-fluid {
    width: 100%;
    min-height: 390px;
}

.img-responsive {
    max-width: 100%;
    height: auto;
    min-height: 166px;
}

.img-fluid {
    max-width: 100%;
    height: auto;
    min-height: 118px;
}

.thumbnails .big-img img {
    min-height: 326px;
    min-width: 435px;
}

.list-inline-item img {
    min-height: 41px;
    min-width: 54px;
    width: 100%;
}

/*
.fa, .fas {
    font-size: 12px;
}*/

/* alert */
.alert {
    padding: 12px 14px 11px 14px;
    border-radius: 4px;
}

.alert-info {
    color: #231f20;
    background-color: #fff8f9;
    border: 1px solid #f1d1d1;
    font-weight: 500;
}

.alert-info .icon {
    display: inline-block;
    color: #b42e34;
    font-size: 14px;
    vertical-align: middle;
    margin-right: 5px;
    line-height: 1;
}

/* carousel */
.carousel-caption {
    color: #fff;
    text-shadow: 0 1px 0 #000;
}

.carousel-caption .icon-prev:before {
    content: '\f053';
    font-family: FontAwesome;
}

.carousel-caption .icon-next:before {
    content: '\f054';
    font-family: FontAwesome;
}

/* CSS Document */
.swiper-viewport {
    margin: 0 0 60px;
    background: #fff;
    z-index: 1;
    width: 100%;
    position: relative;
    overflow: hidden;
}

/* OpenCart Code */
.swiper-container {
    direction: ltr !important;
}

.swiper-pager {
    width: 100%;
    position: absolute;
    top: 50%;
    line-height: 45px;
}

.swiper-viewport .swiper-button-prev, .swiper-viewport .swiper-button-next {
    color: rgba(0, 0, 0, 0.8);
    text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);
    transition: all .3s ease;
    z-index: 2;
    background-image: none;
    top: 50%;
    width: 60px;
    height: 60px;
    margin-top: -30px;
    outline: none;
}

.swiper-button-prev .icon, .swiper-button-next .icon {
    font-size: 60px;
    width: 60px;
    height: 60;
    color: #fff;
    text-shadow: 0 2px 0 rgba(35, 31, 32, 0.5);
}

.swiper-viewport .swiper-button-prev {
    opacity: 1;
    left: -10px;
}

.swiper-viewport .swiper-button-next {
    opacity: 1;
    right: -10px;
}

.swiper-pagination-bullet-active {
    background: #A0272D !important;
}

/* Desktop */
@media (min-width: 768px) {
    .swiper-viewport .swiper-button-prev {
        opacity: 0;
        left: -30px;
    }

    .swiper-viewport .swiper-button-next {
        opacity: 0;
        right: -30px;
    }

    .swiper-viewport:hover .swiper-button-prev {
        opacity: 1;
        left: -10px;
    }

    .swiper-viewport:hover .swiper-button-next {
        opacity: 1;
        right: -10px;
    }
}

.swiper-viewport .swiper-pagination {
    bottom: 5px;
    left: 0;
    text-align: center;
    width: 100%;
}

.swiper-viewport .swiper-pagination-bullet {
    width: 14px;
    height: 14px;
    background: rgba(255, 255, 255, 0.0);
    border-radius: 20px;
    box-shadow: none;
    margin: 0 5px;
    opacity: 1;
    border: 2px solid #fff;
}

.swiper-viewport .swiper-pagination-bullet:hover {
    background: rgba(255, 255, 255, 0.5);
}

.swiper-viewport .swiper-pagination-bullet-active {
    background: rgba(255, 255, 255, 1.0);
}

.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {
    opacity: 0 !important;
    cursor: pointer !important;
    pointer-events: auto !important;
}

.swiper-row {
    margin-right: -15px;
    margin-left: -15px;
    padding: 15px 0;
    overflow: hidden;
    position: relative;
}

.swiper-col {
    width: 100%;
    padding-right: 20px;
    padding-left: 20px;
}

.swiper-col .swiper-container {
    overflow: visible;
}

.swiper-col .product-layout {
    margin-bottom: 0;
}

.swiper-row .swiper-button-prev, .swiper-row .swiper-button-next {
    color: rgba(180, 46, 52, 1);
    text-shadow: 1px 1px 0 rgba(180, 46, 52, 0.0);
    transition: all .3s ease;
    z-index: 2;
    background-image: none;
    top: 50%;
    width: 60px;
    height: 60px;
    margin-top: -30px;
    outline: none;
}

.swiper-row .icon, .swiper-row .icon {
    font-size: 60px;
    width: 60px;
    height: 60px;
    color: rgba(180, 46, 52, 1);
    text-shadow: 0 2px 0 rgba(35, 31, 32, 0.0);
}

.swiper-row .swiper-button-prev {
    opacity: 1;
    left: -20px;
}

.swiper-row .swiper-button-next {
    opacity: 1;
    right: -20px;
}

#slideshow-subcategory .swiper-wrapper { /*justify-content: center;*/
}


#slideshow-subcategory + .swiper-button-next.swiper-button-disabled, #slideshow-subcategory + .swiper-button-next + .swiper-button-prev.swiper-button-disabled {
    opacity: .05;
    cursor: auto;
    pointer-events: none;
}

.subcategory-thumb {
    margin-bottom: 10px;
    text-align: center;
}

.subcategory-thumb h4 {
    margin-top: 10px;
}

.subcategory-thumb h2 {
    margin-top: 10px;
    display: block;
    font-size: 18px;
    font-weight: 500;
}

/* modification ignored */


/* ach_table */
table.ach_table {
    border: 0;
    font-size: 0;
    display: block;
    margin: 80px -15px;
}

table.ach_table tbody, table.ach_table tr {
    display: block;
}

table.ach_table {
    border: 0;
    font-size: 0;
    display: block;
    margin: 80px -15px;
}

table.ach_table td {
    border: 0;
    font-size: 14px;
    padding: 15px 15px 15px 15px;
    text-align: center;
    display: inline-block;
    width: 25%;
    box-sizing: border-box;
}

table.ach_table svg {
    max-width: 110px;
}

table.ach_table img {
    max-width: 110px;
}

/* home categories */
.cat-row {
    margin-right: -15px;
    margin-left: -15px;
    overflow: hidden;
    margin-bottom: 30px;
    font-size: 0;
}

.common-home .cat-row {
    height: 500px;
    margin-bottom: 80px;
}

.category-layout {
    padding-right: 15px;
    padding-left: 15px;
    margin-bottom: 30px;
    width: 25%;
    display: inline-block;
    vertical-align: top;
    font-size: 14px;
}

.common-home .category-layout {
    float: left;
}

.common-home .category-layout:nth-child(1) {
    width: 50%;
    height: 100%;
}

.common-home .category-layout:nth-child(2) {
    width: 25%;
    height: calc(50% - 15px);
}

.common-home .category-layout:nth-child(3) {
    width: 25%;
    height: calc(50% - 15px);
}

.common-home .category-layout:nth-child(4) {
    width: 50%;
    height: calc(50% - 15px);
}

.category-layout .home-category-in {
    width: 100%;
}

.category-layout a.category-parent {
    position: relative;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: auto;
    padding-top: 66.66%;
    display: flex;
    justify-content: center;
    flex-direction: column;
    text-align: center;
}

.common-home .category-layout a.category-parent {
    padding-top: 0;
    height: 100%;
}

.category-layout a.category-parent span {
    position: absolute;
    z-index: 2;
    width: 100%;
    left: 50%;
    bottom: 50%;
    transform: translateX(-50%) translateY(50%);
    box-sizing: border-box;
    padding: 15px 0;
    text-align: center;
}

.category-layout .category-parent i {
    font-size: 100px;
    color: #fff;
    margin-bottom: -10px;
    display: block;
    line-height: 1;
}

.category-layout h3 {
    margin: 0;
    color: #fff;
}

.icon-info {
    position: relative;
    bottom: -0.15em;
}

@media (min-width: 1579.98px) {
    .common-home .category-layout:nth-child(1) .category-parent i {
        font-size: 125px;
    }

    .common-home .category-layout:nth-child(1) h3 {
        font-size: 28px;
    }
}

.category-child {
    padding: 15px 0 15px 15px;
}

.category-child ul {
    padding: 0;
    margin: 0 0 5px 0;
    list-style: none;
}

.category-child ul li a {
    padding: 5px 0;
    margin: 0;
    line-height: 1;
    font-size: 16px;
    color: #3b3738;
    display: block;
}

.category-child ul li a:hover {
    color: #b42e34;
}

.category-child .show-more, .category-child .show-less {
    color: #b42e34;
    font-size: 14px;
}

.category-child .show-more:hover, .category-child .show-less:hover {
    color: #a0272d;
    cursor: pointer;
}

.category-child .show-more span {
    color: #aeadad;
}

.text-module {
    margin-bottom:20px;
}

.module-wide {
    width: 100vw;
    position: relative;
    left: 50%;
    right: 50%;
    margin-left: -50vw;
    margin-right: -50vw;
    margin-bottom: 80px;
}

.module-wide-image {
    position: absolute;
    top: 0;
    left: 5px;
    right: 5px;
    bottom: 0px;
    z-index: 1;
}

.module-wide-image img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    object-fit: cover;
}

.module-wide-in {
    position: relative;
    z-index: 2;
    padding: 100px 20px;
    text-align: center;
}

.module-wide-in input.form-dark {
    margin-bottom: 30px;
}

.module-wide-in h2 {
    margin-bottom: 25px;
    color: #fff;
}

.module-wide-in .module-wide-text {
    color: #fff;
    font-size: 24px;
    font-weight: 400;
    margin-bottom: 45px;
}

body[class^="product-product"] #callback-module {
    display: none;
    width: auto !important;
    max-width: 600px;
    margin: 0 !important;
    padding: 0 !important;
    left: 0 !important;
    right: 0 !important;
}

body[class^="product-product"] #callback-module-in {
    max-width: 600px;
    position: relative;
    margin: 0 auto;
}

body[class^="product-product"] #callback-module-in .mfp-close {
    color: #fff;
}

.o-modal {
    max-width: 600px;
    position: relative;
    margin: 0 auto;
    padding: 15px;
    background: #fff;
}

body[class^="product-product"] #review-form {
}

body[class^="product-product"] #review-form .mfp-close {
    color: #000;
}

.red {
    color: #b42e34 !important;
}

#msgoosn {
    padding: 10px 0 0 0;
}

#oosn_info_text, #opt_info {
    color: #b42e34 !important;
}

h1 i {
    font-size: 24px;
    color: #b42e34;
    cursor: pointer;
}

.text-module2-pop {
    height: 0;
    overflow: hidden;
}

.text-module2-pop.show {
    height: auto;
    overflow: hidden;
}

.text-module2-pop .description hr {
    display: none;
}

.text-module2-pop .readless {
    display: block;
    margin: 0 0 50px 0;
}

.form-dark {
    background: rgba(35, 31, 32, 0.5);
    border: 2px solid #fff;
    border-radius: 5px;
    font-size: 18px;
    color: #fff;
    line-height: 1;
    padding: 12px 15px;
    text-align: center;
    min-width: 280px;
    outline: none;
    font-weight: 300;
}

.form-dark::-webkit-input-placeholder {
    color: #fff;
    opacity: 1;
}

.form-dark::-moz-placeholder {
    color: #fff;
    opacity: 1;
}

.form-dark:-ms-input-placeholder {
    color: #fff;
    opacity: 1;
}

.form-dark:-moz-placeholder {
    color: #fff;
    opacity: 1;
}

.no-animation {
    transition: none !important;
}

.form-label-group {
    position: relative;
    margin: 10px 0 20px 0;
}

/*.form-group {
    margin: 10px 0 20px 0;
}*/

.form-label-group > label {
    position: absolute;
    top: 14px;
    left: 10px;
    display: inline-block;
    margin-bottom: 0;
    line-height: 1;
    padding: 0 1px;
    font-size: 14px;
    background: rgba(255, 255, 255, 0);
    color: rgba(29, 29, 29, 0.6);
    transition: all .15s ease-in-out;
    z-index: 2;
}

.form-label-group.required > label::after {
    content: ' *';
    color: #b42e34;
}

.form-label-group .form-control {
    /*background: transparent;*/
    background: #fff;
    position: relative;
    z-index: 2;
}

.form-label-group input::-webkit-input-placeholder {
    color: transparent;
}

.form-label-group input:-ms-input-placeholder {
    color: transparent;
}

.form-label-group input::-ms-input-placeholder {
    color: transparent;
}

.form-label-group input::-moz-placeholder {
    color: transparent;
}

.form-label-group input::placeholder {
    color: transparent;
}

.form-label-group input:not(:placeholder-shown) {
}

.form-label-group input:not(:placeholder-shown) ~ label,
.form-label-group select:not(:placeholder-shown) ~ label,
.form-label-group:has(.input-group input:not(:placeholder-shown)) > label,
.form-label-group:has(.input-group input[value]:not([value=""])) > label,
.form-label-group:has(.input-group input:focus) > label {
    top: -7px;
    font-size: 12px;    
    background: rgba(255, 255, 255, 1);
    z-index: 3;
}

.simplecheckout-block-content .form-label-group input:not(:placeholder-shown) ~ label,
.simplecheckout-block-content .form-label-group select:not(:placeholder-shown) ~ label,
.simplecheckout-block-content .form-label-group:has(.input-group input:not(:placeholder-shown)) > label,
.simplecheckout-block-content .form-label-group:has(.input-group input[value]:not([value=""])) > label,
.simplecheckout-block-content .form-label-group:has(.input-group input:focus) > label {
    background: linear-gradient(0deg,rgb(255, 255, 255) 0%, rgb(255, 255, 255) 33%, rgb(242, 242, 242) 53%, rgb(242, 242, 242) 100%);
}

.form-label-group textarea::-webkit-input-placeholder {
    color: transparent;
}

.form-label-group textarea:-ms-input-placeholder {
    color: transparent;
}

.form-label-group textarea::-ms-input-placeholder {
    color: transparent;
}

.form-label-group textarea::-moz-placeholder {
    color: transparent;
}

.form-label-group textarea::placeholder {
    color: transparent;
}

.form-label-group textarea:not(:placeholder-shown) {
}

.form-label-group textarea:not(:placeholder-shown) ~ label {
    top: -7px;
    font-size: 12px;
    background: rgba(255, 255, 255, 1);
    z-index: 3;
}

.form-label-group > label.error {
    position: unset;
    color: #b42e34;
    font-size: 14px !important;
    background: none;
}

.form-label-group.required > label.error::after {
    display: none;
}

.form-290-width, .extable {
    max-width: 290px;
}

.form-double {
    font-size: 0;
}

.form-double > div {
    font-size: 14px;
    display: inline-block;
    width: calc(50% - 6px);
    vertical-align: top;
}

.form-double > div:nth-child(1) {
    margin-right: 12px;
}

.form-double .form-label-group {
    margin-bottom: 10px;
}

.extable {
}

.select2-selection, .select2-container .select2-selection--single {
    border: 1px solid #aeadad !important;
    border-radius: .25rem !important;
    height: 36px !important;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #3b3738 !important;
    line-height: 36px !important;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 34px !important;
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
    border-color: #3b3738 transparent transparent transparent !important;
}

.error-not_found {
    background-image: url('../image/404.jpg');
    background-size: cover;
    background-position: center center;
    background-attachment: fixed;
}

.error-not_found .breadcrumb {
    display: none;
}

.error-not_found #content {
    min-height: 600px;
    padding: 150px 0 0 0;
}

.error-not_found #content h1 {
    font-size: 70px;
    margin: 0 0 0 0;
}

.error-not_found #content p {
    font-size: 32px;
    font-weight: 700;
}

.error-not_found #mainheader::before {
    display: none;
}

.error-not_found #mainheader::after {
    display: none;
}


/*.checkout-checkout #top {height: 5px; min-height: 5px;}
.checkout-checkout #top .row {height: 5px;}*/

/*
.checkout-checkout #top .row > div {
    display: none !important;
}

.checkout-checkout .header-over {
    text-align: center;
}

.checkout-checkout .header-logo {
    position: unset !important;
    margin-top: 20px !important;
}

.checkout-checkout #categories-box {
    display: none !important;
}

.checkout-checkout #header-phone {
    display: none !important;
}

.checkout-checkout #search-box {
    display: none !important;
}

.checkout-checkout #header-user {
    display: none !important;
}

.checkout-checkout #cart {
    display: none !important;
}

.checkout-checkout .footer-bg.bg-before {
    display: none !important;
}

.checkout-checkout footer {
    display: none !important;
}
*/

.account-grid {
    margin: 30px 0;
    font-size: 16px;
}

.account-grid i {
    display: block;
    text-align: center;
    font-size: 48px;
    margin-bottom: 5px;
    line-height: 1;
}

.account-group {
    padding: 10px 15px;
    border: 1px solid #d9d9d9;
    border-radius: 4px;
    background: #f2f2f2;
}

.account-group a {
    display: block;
    color: #3b3738;
    padding: 10px 5px;
    line-height: 1;
    position: relative;
    font-size: 15px;
    border-radius: 4px;
    margin:2px 0;
}

.account-group a:hover, .account-group a.active {
    background: #fff;
}


.img-review {
    max-width: 100px;
    height: auto;
}

.collapse-value > button, .collapse-value > button:focus, .collapse-value > button:active, .collapse-value > button:active:focus {
    font-size: 14px !important;
    text-decoration: none !important;
}

.ocf-option-values hr {
    display: none !important;
}


/* #Screen < 1580 lg ================================================== */
@media (max-width: 1579.98px) {
    .header-over {
        width: calc((1910px / 40) * 24);
    }

    #logo .logo {
        margin-left: 10px;
    }

    .header-logo {
        width: calc((1910px / 40) * 5);
        margin-top: 20px;
    }

    #logo .logo {
        width: 80px;
    }

    #logo .name {
        width: 120px;
        margin-left: 12px;
    }

    #categories-box {
        width: calc((1910px / 40) * 3);
        margin-left: calc((1910px / 40) * 1);
    }

    /*#categories-box > button span {
        overflow: hidden;
        width: 70px;
        white-space: nowrap;
    }*/

    #header-phone {
        width: calc((1910px / 40) * 4);
        margin-left: calc((1910px / 40) * 1);
    }

    /* #header-phone span {
        font-size: 18px;
    }

    #header-phone .dropdown-menu a {
        font-size: 18px;
    } */

    #search-box {
        width: calc((1910px / 40) * 5);
        margin-left: calc((1910px / 40) * 1);
    }

    #header-user {
        margin-left: calc((1910px / 40) * 1);
    }

    .common-home .cat-row {
        height: 400px;
    }

    .category-layout .category-parent i {
        font-size: 100px;
    }

    .category-layout h3 {
        font-size: 18px;
    }

    footer {
        padding: 0;
    }

    .product-price h2 {
        font-size: 24px;
    }

    .product-price-row .btn-primary {
        font-size: 18px;
    }

    .product-thumb .price {
        font-size: 18px;
    }

    .product-icons-row i {
        font-size: 24px;
    }

    .product-icons-row a {
        font-size: 12px;
    }


    .thumbnails li.image-additional {
        max-width: 90px;
        margin-bottom: 15px;
    }

    .thumbnails li.big-img.right {
        width: calc(100% - 105px);
        float: right;
    }

}

/* #Screen < 1200 lg ================================================== */
@media (max-width: 1199.98px) {
    .header-over {
        width: calc((1910px / 40) * 20);
    }

    #header-phone {
        width: calc((1910px / 40) * 1);
        margin-left: calc((1910px / 40) * 1);
    }

    #header-phone span {
        display: none;
    }

    .cat-row {
        height: auto;
        margin-bottom: 30px;
    }

    .common-home .cat-row {
        height: auto;
    }

    .category-layout {
        width: 50%;
        height: auto;
    }

    .common-home .category-layout:nth-child(1) {
        width: 50%;
        height: auto;
    }

    .common-home .category-layout:nth-child(2) {
        width: 50%;
        height: auto;
    }

    .common-home .category-layout:nth-child(3) {
        width: 50%;
        height: auto;
    }

    .common-home .category-layout:nth-child(4) {
        width: 50%;
        height: auto;
    }

    .common-home .category-layout a.category-parent {
        padding-top: 66.66%;
        height: auto;
    }

    .product-price h2 {
        font-size: 20px;
    }

    .product-price-row .btn-inverse {
        font-size: 16px;
    }

    .product-icons-row {
        display: none;
    }

    /* modification ignored */
    .thumbnails {
        text-align: center;
    }

    .thumbnails li.big-img.right {
        width: 100%;
        float: none;
        margin-bottom: 15px;
    }

    .thumbnails li.image-additional {
        display: inline-block;
        margin-left: 7px;
        margin-right: 8px;
    }

    .thumbnails {
        position: relative
    }

    .thumbnails li.big-img.right {
        width: 100%;
        float: none;
        margin-bottom: 15px;
    }

    .thumbnails li.image-additional {
        display: inline-block;
        margin: 0 5px;
        position: relative;
        bottom: 75px;
    }

    .thumbnails li.image-additional img {
        width: 60px;
    }
}

/* #Screen < 992 md ================================================== */
@media (max-width: 991.98px) {
    h1, h2 {
        font-size: 28px;
        margin-bottom: 0.8em;
    }

    h3 {
        font-size: 18px;
    }

    .header-over {
        width: calc((1910px / 40) * 14);
        text-align: right;
    }

    .header-logo {
        margin-top: 0;
        position: absolute;
        left: 0;
        top: 20px;
        text-align: left;
    }

    #categories-box {
        width: calc((1910px / 40) * 1);
        margin-left: 0;
        position: unset;
    }

    #categories-box > button span {
        display: none !important;
    }

    #categories-box > button i.fal {
        display: none !important;
    }

    #categories-box > button i.fas {
        display: none !important;
    }

    #header-phone {
        margin-left: 0;
    }

    #search-box {
        width: calc((1910px / 40) * 1);
        margin-left: 0;
        text-align: left;
    }

    #header-user {
        margin-left: 0;
        text-align: left;
    }

    #cart {
        text-align: left;
    }

    #categories-menu {
        top: 80px;
        left: auto;
        right: 0;
    }

    #categories-menu ul.categories-parents > li > a {
        transition: none !important;
    }

    #categories-menu ul.categories-parents > li > ul.categories-children {
        position: relative;
        left: 0;
        top: 0;
        width: 100%;
        min-height: auto;
        -webkit-box-shadow: none;
        box-shadow: none;
        padding: 10px 25px 20px 25px;
        list-style: none;
        z-index: 3;
    }

    .swiper-viewport {
        margin: 0 0 15px;
    }

    table.ach_table {
        margin: 15px -15px;
    }

    .product-price-row .product-price {
        margin-bottom: 15px;
        text-align: center;
    }

    .product-price-row .product-price h2 {
        text-align: center;
    }


}


/* #Screen < 768 sm ================================================== */
@media (max-width: 767.98px) {
    .swiper-viewport .img-fluid {
        width: 100%;
        min-height: 250px;
    }

    .img-responsive {
        max-width: 100%;
        height: auto;
        min-height: 120px;
    }

    .img-fluid {
        max-width: 100%;
        height: auto;
        min-height: 118px;
    }

    .thumbnails .big-img img {
        min-height: 232px;
    }

    .list-inline-item img {
        min-height: 37px;
        width: 100%;
    }

    #top {
        font-size: 14px;
    }

    #top button.language-select {
        font-size: 14px;
    }

    .header-over {
        width: calc((1910px / 40) * 10);
    }

    .swiper-viewport .swiper-button-prev, .swiper-viewport .swiper-button-next {
        display: none !important;
    }

    table.ach_table {
        display: none;
    }

    table.ach_table td {
        width: 50%;
        padding: 30px 15px 15px 15px;
    }

    table.ach_table img {
        max-width: 80px;
    }

    .module-wide-in {
        padding: 60px 15px;
    }

    .module-wide-in h2 {
        margin-bottom: 15px;
    }

    .module-wide-in .module-wide-text {
        color: #fff;
        font-size: 18px;
        margin-bottom: 15px;
    }

    .module-wide-in input.form-dark {
        margin-bottom: 20px;
    }

    .footer-bg.bg-before {
        margin: 15px 5px 0 5px;
    }

    .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
        border: 2px solid #b42e34;
        font-size: 16px;
        border-radius: 3px;
        padding: .3rem .5rem;
    }

    .nav-tabs .nav-link {
        border: 2px solid transparent;
        font-size: 16px;
        padding: .3rem .5rem;
        margin-bottom: 5px;
    }

    #input-sort {
        position: absolute;
        left: -9999px;
    }

    #input-sort:focus {
        position: unset;
        left: unset;
    }

    .module-wide {
        margin-bottom: 30px;
    }

    .swiper-row {
        padding: 0 0 30px 0;
    }

    .product-layout {
        margin-bottom: 10px;
    }

    .product-thumb {
        padding: 0;
    }

    .product-thumb:hover {
        -webkit-box-shadow: 0 0 15px 0 rgba(35, 31, 32, 0.0);
        box-shadow: 0 0 15px 0 rgba(35, 31, 32, 0.0);
        position: unset;
        top: 0;
        left: 0;
        right: 0;
    }

    .product-thumb:hover .button-group {
        display: none;
    }

    .product-thumb:hover .product_attributes {
        display: none;
    }

    .product-thumb h4 a {
        color: #b42e34;
    }

    .product-thumb strong a {
        color: #b42e34;
    }

    /* modification ignored */
    .error-not_found #content {
        min-height: 280px;
        padding: 50px 0 0 0;
    }

    .error-not_found #content h1 {
        font-size: 48px;
        margin: 0 0 0 0;
    }

    .error-not_found #content p {
        font-size: 24px;
        font-weight: 700;
    }

    #content {
        min-height: 0;
    }

}

/* #Screen < 576 xs ================================================== */
@media (max-width: 575.98px) {
    .thumbnails .big-img img {
        min-height: 326px;
    }

    .list-inline-item img {
        min-height: 37px;
        width: 100%;
    }

    .swiper-viewport .img-fluid {
        width: 100%;
        min-height: 150px;
    }

    .img-responsive {
        max-width: 100%;
        height: auto;
        min-height: 100px;
    }

    .img-fluid {
        max-width: 100%;
        height: auto;
        min-height: 105px;
    }

    #header-holder {
        margin: 5px 5px 5px 5px;
        height: 50px;
    }

    #mainheader {
        top: 0;
        height: 50px;
        margin: 5px 5px 5px 5px;
    }

    #mainheader.sticks.up {
        top: 0px !important;
    }

    .header-bg {
        height: 50px;
    }

    .header-bg-in {
        display: none;
    }

    .header-over {
        width: 100%;
    }

    .header-logo {
        top: 13px;
        left: 10px;
        width: auto;
    }

    #logo .logo {
        margin-left: 0;
        width: 50px;
    }

    #logo .name {
        display: none;
    }

    .breadcrumb {
        margin: 15px 0 10px 0;
    }

    #categories-box {
        min-height: 30px;
        margin-top: 10px;
    }

    /* #header-phone {
        margin-top: 10px;
    }

    #header-phone > a {
        height: 40px;
    } */

    #search-box {
        margin-top: 10px;
        position: unset;
    }

    #search-box.active {
        position: absolute;
        margin-top: 0;
        padding: 10px 0;
    }

    #header-user {
        margin-top: 10px;
        position: unset;
    }

    #header-user > a {
        height: 40px;
    }

    #cart {
        margin-top: 10px;
        margin-right: 10px;
        position: unset;
    }

    #categories-menu {
        top: 50px;
        left: 0;
        right: 0;
        width: auto;
    }

    #cart .dropdown-menu {
        margin-top: 10px;
    }


    #cart_popup p {
        margin: 0;
    }

    #cart_popup .btn-primary, #cart_popup .btn-inverse {
        font-size: 14px;
        margin-top: 5px;
    }

    table.table-cart {
        margin-bottom: 0;
    }

    table.table-cart thead {
        display: none;
    }

    table.table-cart tbody tr {
        display: block;
        font-size: 0;
        border-top: 1px solid #dee2e6;
        position: relative;
        padding-bottom: 5px;
    }

    table.table-cart tbody tr td img {
        width: 50px;
        height: auto;
    }

    table.table-cart tbody tr td {
        display: inline-block;
        font-size: 14px;
        border-top: none;
        padding: 5px 0 0 0;
    }

    table.table-cart tbody tr td:nth-child(1) {
        width: 20%;
        padding-right: 15px;
    }

    table.table-cart tbody tr td:nth-child(2) {
        width: 70%;
    }

    table.table-cart.table-wishlist tbody tr td:nth-child(2) {
        width: 55%;
    }

    table.table-cart tbody tr td:nth-child(3) {
        width: 50%;
    }

    table.table-cart tbody tr td:nth-child(4) {
        width: 20%;
    }

    table.table-cart tbody tr td:nth-child(5) {
        /*position: absolute;
        right: 0;
        top: 64px;*/
        width: 30%;
    }

    table.table-cart tbody tr td:nth-child(6) {
        position: absolute;
        right: 0;
        top: 0;
    }

    table.table-cart tbody tr td .spinner a {
        width: 30px;
        line-height: 30px;
    }


    .product-price-row {
        margin-bottom: 10px;
    }

    .nav-tabs {
        border-bottom: 1px solid #d2d2d2;
        margin-top: 15px;
        margin-bottom: 15px;
        font-size: 0;
    }

    .nav-tabs .nav-item {
    }

    .cat-row {
        margin-right: -5px;
        margin-left: -5px;
    }

    .category-layout {
        width: 100% !important;
        margin-bottom: 5px;
        padding-right: 5px;
        padding-left: 5px;
    }

    .category-layout .category-parent i {
        font-size: 80px;
    }

    .swiper-row {
        margin-right: -5px;
        margin-left: -5px;
    }

    .product-layout.product-grid .swiper-row {
        margin-right: 0px;
        margin-left: 0px;
    }

    .swiper-col {
        padding-right: 30px;
        padding-left: 30px;
    }

    .swiper-row .swiper-button-prev, .swiper-row .swiper-button-next {
        display: none;
    }

    .product-thumb h4 {
        font-size: 14px;
    }

    .product-thumb strong {
        font-size: 14px;
    }

    /* modification ignored */
    .product-thumb .rating {
        padding-bottom: 8px;
    }

    .product-thumb .price {
        font-size: 14px;
    }

    .product-thumb .price-old {
        font-size: 12px;
    }

    .form-290-width, .extable {
        max-width: 100%;
    }

    .checkout-checkout .header-logo {
        margin-top: 13px !important;
    }

    .checkout-checkout .header-logo #logo .name {
        display: inline-block;
    }

    .card {
        border: none;
        border-radius: 0;
        padding: 0;
    }

    .card-body {
        padding: 0;
    }


    #top {
        position: absolute;
        display: block !important;
        left: 2.3rem;
        top: -100rem;
        z-index: 10;
    }

    #top div.top-links, #top div.top-lang {
        display: inline-block !important;
    }

    #mainheader {
        top: 20px !important;
    }

    main ul.breadcrumb {
        margin-top: 2rem;
    }

}


/* #Screen < 460 ================================================== */
@media (max-width: 459.98px) {
    h1, h2 {
        font-size: 24px;
    }

    h3 {
        font-size: 18px;
    }

    h4 {
        font-size: 18px;
    }


}

/* #Screen < 355 ================================================== */
@media (max-width: 354.98px) {


}

@media (min-width: 1580px) {
    .container_header {
        max-width: 1570px !important;
        grid-template-columns: 290px 125px auto 150px 200px 0 70px 30px !important;
    }
}

/* custom css */
.container_header {
    display: grid;
    padding: 0 15px;
    max-width: 1225px;
    margin: 0 auto;
    grid-template-areas: "menu search cutting logo user btn-basket"
                         "tabs tabs   tabs tabs tabs     tabs";
    grid-template-columns: 23px 18px 60px auto 62px 25px;
    -webkit-column-gap: 20px;
    -moz-column-gap: 20px;
    column-gap: 20px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.container_header .header-logo {
    grid-area: logo;
    position: static;
    text-align: center;
}

.container_header .toggle-menu {
    grid-area: menu
}

.container_header #categories-box {
    display: none;
}

.container_header #header-phone {
    grid-area: phone;
    /*width: 100%;*/
    /* min-height: 1px; */
    display: none;
}

.container_header .icon {
    font-size: 22px !important;
    height: auto !important;
}

.container_header .btn-search {
    grid-area: search
}

.container_header .logo-wrap {
    grid-area: logo
}

.container_header #header-user {
    grid-area: user;
    display: flex;
    align-items: center;
}

.container_header #header-user i.icon {
    height: 23px;
}

.container_header #cart {
    grid-area: btn-basket;
    padding: 3px 0;
    min-height: auto !important;
    width: auto !important;
}

.container_header #cart > button {
    margin-left: 0;
}

.container_header .tabs-section {
    grid-area: tabs
}

.container_header .search-desktop {
    grid-area: search;
    display: none;
    opacity: 1 !important;
}

.container_header #search-box {
    width: 100% !important;
}

.container_header #search, .container_header #search-box input {
    height: 100%;
}

.container_header #search-box button.button-search {
    height: 40px;
}

.container_header #categories-menu {
    top: 50px;
}

.header-bg {
    height: 65px;
}

header.header {
    padding: 15px 0;
    background: linear-gradient(100.75deg, #b42e34 13.63%, #5a191c 99.75%);
    position: sticky;
    top: 0;
    z-index: 99;
    margin-bottom: 30px;
}

header.header .btn-basket-wrap {
    text-align: right
}

.container_header .btn-wishlist {
    position: static;
    margin: 0 5px;
}

.container_header .btn-wishlist span {
    font-size: 24px;
}

.tabs-section {
    width: 100%;
    border: 1px solid #f0f0f0;
    padding: 1px;
    border-radius: 8px;
    background: rgba(255, 255, 255, .6);
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    margin-top: 15px
}

.tabs-section a {
    text-align: center;
    padding: 5px;
    font-size: 1.1em;
    color: #fff;
    border-radius: 7px;
    position: relative
}

.tabs-section a:after {
    content: '';
    display: block;
    height: 30%;
    width: 1px;
    background-color: #f0f0f0;
    position: absolute;
    right: -1px;
    top: 33%
}

.tabs-section a.active:after, .tabs-section a:last-child:after {
    display: none
}

.tabs-section a.active {
    background-color: #fff;
    -webkit-box-shadow: 0 3px 8px rgba(0, 0, 0, .12), 0 3px 1px rgba(0, 0, 0, .04);
    box-shadow: 0 3px 8px rgba(0, 0, 0, .12), 0 3px 1px rgba(0, 0, 0, .04);
    color: #b42e34
}

.header-over {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 19px 15px;
}

#mainheader {
    margin-left: 0;
    margin-right: 0;
}

#header-user > a, #header-phone > a, #categories-box {
    height: auto;
    min-height: 0;
}

.header-bg {
    padding: 15px 0;
    background: linear-gradient(100.75deg, #b42e34 13.63%, #5a191c 99.75%);
}

.header-bg:before, .header-bg:after {
    content: none;
}

.header-logo, #categories-box, #header-phone, #search-box, #header-user, #cart, #header-user .btn-wishlist span {
    background: transparent;
    margin: 0;
}

.menu-wrap {
    position: fixed;
    background: #fff;
    width: calc(100% - 20vw);
    height: 100%;
    top: 0;
    left: 0;
    z-index: 1100;
    overflow: auto;
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
    -webkit-transition: .4s;
    transition: .4s;
    padding-bottom: 30px
}

.menu-wrap .logo {
    margin-bottom: 15px
}

.menu-wrap .menu-header {
    padding: 30px 15px 0;
    background: linear-gradient(100.75deg, #b42e34 13.63%, #5a191c 99.75%);
    display: flex;
    flex-direction: column;
    position: relative;
}

.menu-wrap .menu-close-btn {
    position: absolute;
    top: 6px;
    right: 6px;
    background: transparent;
    border: none;
    color: #fff;
    font-size: 24px;
    cursor: pointer;
    padding: 5px 10px;
    z-index: 10;
    transition: opacity 0.3s ease;
}

.menu-wrap .menu-close-btn:hover {
    opacity: 0.7;
}

.menu-wrap .menu-close-btn:focus {
    outline: none;
}

.menu-wrap .menu-header-bottom {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
}

.menu-wrap .language {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 15px 0;
}

.menu-wrap .language button {
    background: transparent;
    padding: 2px 15px;
    border: 1px solid transparent;
    border-radius: 15px;
    color: #dbdbdb;
    margin-right: 5px
}

.menu-wrap .language button.active {
    border-color: #fff;
    color: #fff
}
/* 
.menu-wrap .user-login {
    padding: 20px 0 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    color: #fff
}

.menu-wrap .user-login a {
    color: #fff
}

.menu-wrap .user-login .ico-item {
    width: 40px
}

.menu-wrap .user-login ul {
    list-style: none
}

.menu-wrap .user-login ul li {
    padding: 7px 0
} */


/* Auth block for not logged users */
.menu-wrap .user-login .auth-block {
    padding: 8px 15px;
    background-color: #F2F2F2;
    border: 1px solid #D9D9D9;
}

.menu-wrap .user-login .auth-message {
    margin: 0 0 12px 0;
    font-size: 10px;
    text-align: center;
    color: #231f20;
    line-height: 1.4;
}

/* User info for logged users */
.menu-wrap .user-login .user-info {
    display: flex;
    align-items: center;
    padding: 15px;
    border-top: 1px solid #dbdbdb;
    border-bottom: 1px solid #dbdbdb;
}

.menu-wrap .user-login .user-avatar {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background-color: #B42E34;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 12px;
    flex-shrink: 0;
}

.menu-wrap .user-login .user-avatar i {
    font-size: 16px;
    color: #fff;
}

.menu-wrap .user-login .user-details {
    flex: 1;
    min-width: 0;
}

.menu-wrap .user-login .user-name {
    font-size: 14px;
    font-weight: 500;
    color: #231f20;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.menu-wrap .user-login .user-phone {
    font-size: 10px;
    color: #666;
}

/* User menu items */
.menu-wrap .user-login .user-menu-items {
    list-style: none;
    padding: 0;
    margin: 0;
}

.menu-wrap .user-login .user-menu-items li {
    padding: 0;
}

.menu-wrap .user-login .user-menu-item {
    display: flex;
    align-items: center;
    padding: 12px 15px;
    color: #231f20;
    text-decoration: none;
    transition: background-color 0.2s;
    position: relative;
}

.menu-wrap .user-login .user-menu-item:hover {
    background-color: #f5f5f5;
    text-decoration: none;
    color: #231f20;
}

.menu-wrap .user-login .user-menu-item i {
    width: 24px;
    text-align: center;
    margin-right: 12px;
    font-size: 18px;
    color: #666;
}

.menu-wrap .user-login .user-menu-item span:not(.cart-badge) {
    flex: 1;
}

.menu-wrap .user-login .user-menu-item .cart-badge {
    background-color: #ffd700;
    color: #231f20;
    border-radius: 10px;
    padding: 2px 8px;
    font-size: 12px;
    font-weight: 500;
    min-width: 24px;
    text-align: center;
    margin-left: 8px;
}
/*
.menu-wrap a {
    color: #231f20
}*/

.menu-wrap .open-sub-menu {
    line-height: 0;
    padding: 5px 5px 5px 10px
}

.menu-wrap .preview-icons {
    line-height: 0;
    margin-right: 10px
}

.menu-wrap .call-info {
    text-align: center;
    padding: 15px 15px 0;
    color: #aeadad
}

.menu-wrap .btns-phone .btn-disabled {
    font-weight: 500;
    padding: 13px 10px;
    display: block;
    margin-bottom: 15px;
    background-color: #f0f0f0;
    border: none;
}

.menu-wrap .btns-phone .btn-disabled:last-child {
    margin-bottom: 0;
}

.line-separator {
    height: 1px;
    background-color: #dbdbdb;
    text-align: center;
    margin: 10px 0 30px;
    line-height: 0
}

.line-separator span {
    color: #aeadad;
    vertical-align: middle;
    background-color: #fff;
    padding: 0 15px
}

.menu-list {
    padding: 15px;
    margin: 0;
}

.menu-list .mobile-menu-icon {
    width: 18px;
    height: 18px;
    margin-right: 5px;
}

.menu-list li {
    padding: 10px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.menu-list li span.count-items {
    color: #aeadad;
    margin-left: 4px
}

.menu-list .ico {
    width: 40px;
    text-align: center;
    padding-right: 15px;
    font-size: 26px;
    line-height: .6;
}

.menu-list a {
    color: #231f20
}

.menu-list .notif-count {
    position: absolute;
    right: 0;
    top: 12px;
    width: 25px;
    height: 25px;
    color: #fff;
    text-align: center;
    padding: 2px 0;
    border-radius: 50%;
    background-color: #b42e34
}

.menu-list .notif-item-link {
    position: relative
}

.line-style {
    width: 100%;
    height: 1px;
    background-color: #dbdbdb
}

.authorisation-wrap, .submenu-wrap {
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-color: #fff;
    z-index: 1100;
    overflow: auto;
    display: none;
}

.authorisation-wrap .submenu-header, .submenu-wrap .submenu-header {
    padding: 30px 15px;
    border-bottom: 1px solid #dbdbdb;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.authorisation-wrap .submenu-header .submenu-name, .submenu-wrap .submenu-header .submenu-name {
    font-weight: 500;
    font-size: 1.4em;
    line-height: 1
}

.authorisation-wrap .submenu-header .btn-back, .submenu-wrap .submenu-header .btn-back {
    margin-right: 20px;
    margin-bottom: 0;
    position: relative;
    display: inline-block;
    padding: 12px;
    margin: -12px 20px -12px -12px;
    cursor: pointer
}

.authorisation-wrap .submenu-header .btn-back .ico, .submenu-wrap .submenu-header .btn-back .ico {
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center
}

.menu-layer {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: 0 0;
    z-index: 1001;
    display: none;
    -webkit-transition: .6s;
    transition: .6s
}

.menu-layer.active {
    background: rgba(0, 0, 0, .7)
}

@media only screen and (max-width: 992px) {
    /*.modal {
        display: none;
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100vh;
        background-color: #fff;
        overflow: auto;
        z-index: 1090;
    }*/

    .search-form-wrapper {
        padding: 15px 15px 45px;
        background-color: #fff;
        margin-bottom: -30px;
        min-height: 100vh;
    }

    .search-form-wrapper input {
        padding: 15px;
        border: 1px solid #dbdbdb;
        border-radius: 4px;
        width: 100%;
        margin-top: 50px;
    }

    .search-form-wrapper #search button {
        display: none;
    }

    .modal .btn-close-modal {
        position: absolute;
        top: 15px;
        right: 15px;
        height: 20px;
        border: none;
        background: 0 0;
        z-index: 9;
    }

    #search-box {
        width: 100%;
    }

    #search {
        margin-top: 50px;
    }

    #search .button-search {
        position: absolute;
        top: 50%;
        right: 0;
        width: 50px;
        height: 50px;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%);
        padding: 15px;
        background-color: transparent;
        border: 0;
        outline: 0;
    }

    #search .button-search .icon {
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 18px;
    }

    #search .searchinput {
        display: block !important;
        margin-top: 0;
        padding-right: 50px;
    }

    #search-box .iSearchBox {
        position: static !important;
        border: 0;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
        margin-top: 10px;
    }
}

@media only screen and (min-width: 992px) {
    #search-box input {
        border: none;
        background: none;
        padding: 3px 6px;
        margin: 0;
        outline: none;
        font-size: 18px;
        font-weight: 300;
        line-height: 1;
        position: absolute;
        right: 0;
        top: 0px;
        color: #fff;
        box-shadow: none;
        border: 1px solid #b42e34;
        box-sizing: border-box;
        display: block;
        width: calc(100% - 47px);
        height: 30px;
        border-radius: 4px;
        transition: all 0.25s ease;
    }

    #search-box input::-webkit-input-placeholder {
        color: #fff;
        opacity: 1;
    }

    #search-box input::-moz-placeholder {
        color: #fff;
        opacity: 1;
    }

    #search-box input:-ms-input-placeholder {
        color: #fff;
        opacity: 1;
    }

    #search-box input:-moz-placeholder {
        color: #fff;
        opacity: 1;
    }

    #search-box input:focus {
        border: 1px solid #d6777b;
    }

    #search-box input:focus::-webkit-input-placeholder {
        color: #fff;
        opacity: 0;
    }

    #search-box input:focus::-moz-placeholder {
        color: #fff;
        opacity: 0;
    }

    #search-box input:focus:-ms-input-placeholder {
        color: #fff;
        opacity: 0;
    }

    #search-box input:focus:-moz-placeholder {
        color: #fff;
        opacity: 0;
    }

    #search-box {
        width: calc((1910px / 40) * 5);
        display: inline-block;
        background: #b42e34;
        transition: all 0.75s ease;
        opacity: 0;
        position: relative;
        min-height: 30px;
        vertical-align: top;
        color: #fff;
        font-size: 0;
        z-index: 3;
    }

    #search-box.show {
        opacity: 1;
    }

    #search-box button.button-search {
        border: none;
        background: none;
        padding: 0;
        margin: 0 0 0 10px;
        outline: none;
        color: #fff;
        font-size: 30px;
        height: 30px;
        line-height: 1;
    }

    .container_header {
        grid-template-areas: "logo catalog search cutting phone tabs user btn-basket";
        grid-template-columns: 235px 125px auto 150px 200px 0 70px 30px;
    }

    .container_header .toggle-menu {
        display: none;
    }

    .container_header #categories-box {
        display: block;
        grid-area: catalog;
    }

    .container_header #header-phone {
        display: block;
    }

    .container_header .tabs-section {
        margin-top: 0 !important
    }

    .container_header .btn-search {
        display: none
    }

    .container_header .dropdown-btn-phone {
        cursor: pointer;
    }

    .container_header .search-desktop {
        display: block;
        height: 35px;
    }

    .container_header .search-desktop input {
        padding: 7px 15px !important;
        border-radius: 4px !important;
        color: #fff;
        background: #c16064 !important;
        padding-left: 40px !important;
        border: 1px solid #dd8c8f !important;
        width: 100% !important;
        height: 35px;
    }

    .container_header .search-desktop input::-webkit-input-placeholder {
        color: #fff
    }

    .container_header .search-desktop input::-moz-placeholder {
        color: #fff
    }

    .container_header .search-desktop input::-ms-input-placeholder {
        color: #fff
    }

    .container_header .search-desktop input::placeholder {
        color: #fff
    }

    .container_header #search-box {
        height: 35px;
    }

    .container_header .iSearchBoxWrapper {
        height: 35px;
    }

    .container_header #search-box button.button-search {
        position: relative;
        z-index: 2;
    }
}

/* Cutting button styles */
.cutting-button-container {
    grid-area: cutting;
    display: flex;
    align-items: center;
    justify-content: center;
}

.cutting-button-menu-container {
    padding: 15px;
}

.cutting-button {
    position: relative;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: linear-gradient(135deg, #6B46C1, #8B5CF6);
    color: white;
    text-decoration: none;
    padding: 8px 16px;
    border-radius: 3px;
    font-weight: bold;
    font-size: 20px;
    text-transform: uppercase;
    transition: none;
    box-shadow: 0 4px 15px rgba(107, 70, 193, 0.3);
    justify-content: center;
}
.cutting-icon-svg {
    width: 22px;
    height: 22px;
    fill: #fff; /* white icon by default */
    display: none; /* hidden on desktop */
}

.cutting-button:hover {
    background: linear-gradient(135deg, #5f3fb0, #7c4de0);
    color: white;
    text-decoration: none;
}

.cutting-text {
    z-index: 1;
}

.cutting-badge {
    position: absolute;
    top: -6px;
    right: -10px;
    background: #FFD700;
    color: #000;
    padding: 2px 8px;
    border-radius: 8px;
    font-size: 10px;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    z-index: 3;
    transform: rotate(15deg);
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}

@media (max-width: 990px) {
    .cutting-button-container {
        display: flex;
        align-items: center;
        justify-content: center;
    }
    
    .cutting-button {
        padding: 4px 6px;
        font-size: 14px;
        min-width: auto;
        gap: 0;
        color: #fff !important;
    }

    .cutting-button-menu-container .cutting-button {
        padding: 6px 12px;
    } 

    /*.cutting-button .cutting-text { display: none; }*/

    .cutting-icon-svg {
        display: inline-block; /* show icon on phones */
        width: 28px;
        height: 28px;
        background: transparent;
        padding: 0;
        fill: #fff; /* white on mobile too */
    }

    .cutting-badge {
        font-size: 8px;
        padding: 1px 6px;
        top: -8px;
        right: -8px;
    }
}

.btn-showmore {
    display: inline-flex;
    align-items: center;
}

.success-msg-item,
.success-msg-item i {
    font-size: 16px;
}

.container-pr-line {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 15px;
}
.container-pr-line .pr-rating {
    margin-bottom: 0 !important;
}
.container-pr-line .pr-status {
    margin-bottom: 0 !important;
}
.pr-status.silver i.fa {
    font-size: 14px !important;
    color:#99282d;
}

.pr-name {
    font-size: 1.5rem;
    line-height: 1.875rem;
    color: #1A1B27;
    text-align: left;
    margin-bottom: 0.9375rem;
}
.pr-status {
    margin-bottom: 0.6rem;
    font-size: 14px;
    border-radius: 3px;
    display: inline-block;
    padding: 4px 6px;
}

.pr-status.mod-small {
    font-size: 12px;
    padding: 3px 5px;
    margin-bottom:0;
}

.pr-status.silver {
    background: #ddd;
    color: #1a1b27;
}

.pr-status.yellow {
    /* color: #ff9900; */
    background: #fff3d1;
    color: #57440c;
}
.pr-status.green {
    /* color: #00b300; */ 
    background: #a0fdb3;
    color: #0b480b;
}
.pr-status.red {
    /* color: #cc3232; */
    background: #ffdada;
    color: #b42e34;
}

.pr-rating {
    display: flex;
    align-items: center;
    margin-bottom: 1.875rem;
}

.pr-rating-stars {
    display: flex;
    align-items: center;
    margin: 0 -0.0625rem;
}

.pr-rating span {
    display: block;
    width: 0.9375rem;
    height: 0.875rem;
    margin: 0 0.0625rem;
    background-position: 50%;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg width='16' height='14' viewBox='0 0 16 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.99989 0L5.72489 4.61L0.639893 5.345L4.31989 8.935L3.44989 14L7.99989 11.61L12.5499 14L11.6799 8.935L15.3599 5.35L10.2749 4.61L7.99989 0Z' fill='%23D8D8D8'/%3E%3C/svg%3E%0A");
}

.pr-rating span.active {
    background-image: url("data:image/svg+xml,%3Csvg width='16' height='14' viewBox='0 0 16 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.99989 0L5.72489 4.61L0.639893 5.345L4.31989 8.935L3.44989 14L7.99989 11.61L12.5499 14L11.6799 8.935L15.3599 5.35L10.2749 4.61L7.99989 0Z' fill='%23FFE381'/%3E%3C/svg%3E%0A");
}

.pr-rating-text {
    display: inline-flex;
    align-items: center;
    font-size: 12px;
    line-height: 16px;
    color: #888888;
    margin-left: 5px;
}

.pr-rating-text img {
    margin-right: 3px;
}

.pr-child {
    margin-top: 1.875rem;
    margin-bottom: 20px;
}

.pr-child-list {
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
    gap: 10px 16px;
    margin: 0;
}

.pr-child-item {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin: 0;
    padding: 3px;
    line-height: 0;
    text-decoration: none;
    border: 1px solid #e0e0e0;
    border-radius: 6px;
    background: #fff;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04);
    transition: border-color 0.2s ease, box-shadow 0.2s ease, transform 0.15s ease;
}

.pr-child-item:hover {
    border-color: #bdbdbd;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.08);
}

.pr-child-item:focus-visible {
    outline: 2px solid #1a73e8;
    outline-offset: 2px;
}

.pr-child-item.active {
    border-color: #888888;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.12);
}

.pr-child-img {
    display: block;
    box-sizing: border-box;
    width: 80px;
    height: 40px;
    flex-shrink: 0;
    overflow: hidden;
    border-radius: 4px;
    background-color: #f2f2f2;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

.pr-child-item img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}

.pr-price {
    font-size: 32px;
    line-height: 36px;
    font-weight: 700;
    color: #1A1B27;
    margin-bottom: 30px
}

.pr-discount {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    margin: 0 -3px 22px;
}

.pr-discount-item {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 10px 4px;
    border: 1px solid #D8D8D8;
    border-radius: 4px;
    margin: 0 3px 6px;
    cursor: pointer;
    flex: 1 0 100%;
}

.pr-discount-item.active {
    border-color: transparent;
    outline: 2px solid #888888;
}

.pr-discount-item-text {
    font-size: 13px;
    font-weight: 600;
    line-height: 17px;
    color: #1A1B27;
}

.pr-discount-item-price {
    font-weight: 700;
    font-size: 13px;
    line-height: 17px;
    color: #A73939;
    margin-top: 4px;
}

.pr-discount-item-label {
    position: absolute;
    top: -20px;
    right: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    background-color: #AA2B31;
    color: #fff;
    border-radius: 50%;
    font-weight: 700;
    font-size: 15px;
    line-height: 12px;
}

.pr-action {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom: 1rem;
}

.pr-action-left,
.pr-action-right {
    width: 100%;
}

.pr-action-left {
    margin-bottom: 15px;
}

.pr-action-left > *:not(:last-child),
.pr-action-right > *:not(:last-child) {
    margin-right: 15px;
}


.pr-quantity {
    display: inline-flex;
    align-items: center;
    border: 1px solid #1A1B27;
    border-radius: 4px;
}

.pr-quantity-btn {
    width: 2.25rem;
    height: 2.75rem;
    background: none;
    box-shadow: none;
    outline: 0;
    border: 0;
    padding: 0;
    opacity: 0.5;
    transition: 0.3s;
}

.pr-quantity-btn:hover {
    opacity: 1;
}

.pr-quantity-btn:focus {
    outline: 0;
}

.pr-quantity-minus {
    background-position: 50%;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg width='12' height='2' viewBox='0 0 12 2' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0.25H12V1.75H0V0.25Z' fill='%231A1B27'/%3E%3C/svg%3E%0A");
}

.pr-quantity-plus {
    background-position: 50%;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.75 5.25V0H5.25V5.25H0V6.75H5.25V12H6.75V6.75H12V5.25H6.75Z' fill='%231A1B27'/%3E%3C/svg%3E%0A");
}

.pr-quantity-input {
    padding: 0 5px;
    height: 2.75rem;
    background: none;
    box-shadow: none;
    outline: 0;
    border: 0;
    text-align: center;
}

.pr-btn {
    display: inline-flex;
    display: -ms-inline-flexbox;
    display: -webkit-inline-flex;
    align-items: center;
    -webkit-align-items: center;
    justify-content: center;
    -webkit-justify-content: center;
    background: none;
    box-shadow: none;
    outline: 0;
    border: 0;
    font-size: 1rem;
    font-weight: 600;
    height: 44px;
    padding: 0 15px;
    border-radius: 8px;
}

.pr-btn:focus {
    outline: none;
}

.pr-btn--cart {
    background-color: #A73939;
    color: #fff;
    width: 100%;
}

.pr-card-btn i, #button-cart i {
    margin-right: 5px;
}

.pr-btn--in-cart {
    background-color: #f1f1f1;
    color: #000000;
    border: 1px solid #898989;
}

.pr-btn--in-cart i {
    color: #000000;
    margin-right: 5px;
}

.pr-btn--oneclick {
    border: 1px solid #A73939;
    background-color: transparent;
    color: #A73939;
    width: 100%;
}

.pr-card {
    display: flex;
    flex-direction: column;
    position: relative;
    padding: 10px 20px 20px;
    border: 1px solid #D8D8D8;
    border-radius: 4px;
    height: 100%;
}

.pr-card.pr-card--shadow {
    box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.1);
}

.pr-card-img {
    margin-bottom: 0.625rem;
} 

.pr-card-name {
    /* display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical; */
    overflow: hidden;
    font-size: 16px;
    /*line-height: 22px;*/
    font-weight: 500;
    margin-bottom: 8px;
}

.pr-card-price {
    font-weight: 600;
    font-size: 20px;
    line-height: 24px;
    color: #1A1B27;
}
.pr-card-price span{
    font-size: 16px;
}

.pr-card-btn.pr-card-btn--in-cart {
    background: #f1f1f1;
    border: 1px solid #898989;
    color: #000000;
}

.pr-card-btn.pr-card-btn--in-cart i {
    color: #000000;
}

.pr-card-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    padding: 0 10px;
    height: 44px;
    background: #A73939;
    border-radius: 8px;
    border: 0;
    outline: 0;
    box-shadow: none;
    color: #fff;
    font-weight: 600;
    font-size: 16px;
    line-height: 16px;
}

.pr-card-btn:focus {
    outline: none;
}

/* notify button on cards + modal ("Повідомити про наявність") */
.pr-card-btn--notify,
.btn.pr-card-btn--notify {
    background-color: #744CD0;
    color: #ffffff;
    border-color: #744CD0;
}

.pr-card-btn--notify:hover,
.pr-card-btn--notify:focus,
.pr-card-btn--notify:active,
.btn.pr-card-btn--notify:hover,
.btn.pr-card-btn--notify:focus,
.btn.pr-card-btn--notify:active {
    background-color: #5d3da8;
    color: #ffffff;
    border-color: #5d3da8;
}

.pr-card-btn--notify:focus,
.btn.pr-card-btn--notify:focus {
    box-shadow: 0 0 0 0.2rem rgba(116, 76, 208, 0.25);
    outline: none;
}

.pr-card-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 10px;
    min-height: 20px;
}

.pr-card-new {
    font-weight: 700;
    font-size: 0.75rem;
    line-height: 1rem;
    color: #62AE43;
    text-transform: uppercase;
    margin-right: 0.4375rem;
}

.pr-card-model {
    font-weight: 500;
    font-size: 12px;
    line-height: 20px;
    color: #1A1B27;
    margin-left: auto;
}

.pr-card--small .pr-card-model span {
    display: none;
}

.pr-card-info {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.pr-card-rating-stars {
    display: inline-flex;
    align-items: center;
}

.pr-card-rating {
    display: flex;
    align-items: center;
    margin-bottom: 6px;
}

.pr-card-rating-stars span {
    display: block;
    width: 16px;
    height: 16px;
    background-size: 100%;
    background-position: 50%;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.99989 1L5.72489 5.61L0.639893 6.345L4.31989 9.935L3.44989 15L7.99989 12.61L12.5499 15L11.6799 9.935L15.3599 6.35L10.2749 5.61L7.99989 1Z' fill='%23D8D8D8'/%3E%3C/svg%3E%0A");
}

.pr-card-rating-stars span.active {
    background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.99989 1L5.72489 5.61L0.639893 6.345L4.31989 9.935L3.44989 15L7.99989 12.61L12.5499 15L11.6799 9.935L15.3599 6.35L10.2749 5.61L7.99989 1Z' fill='%23FFE381'/%3E%3C/svg%3E%0A");
}

.pr-card-rating-text {
    display: inline-flex;
    align-items: center;
    font-size: 12px;
    line-height: 14px;
    color: #888888;
    margin-left: 5px;
}

.pr-card-rating-text img {
    width: 16px;
    height: 16px;
    margin-right: 3px;
}

.pr-card.pr-card--static .pr-card-info {
    margin-bottom: 15px;
}

.pr-card.pr-card--static .pr-card-btn {
    margin-top: auto;
}

.pr-analogue .a-analogue-block {
    background-color: #f5f5f5;
    padding: 30px;
}

.pr-analogue .a-title-analogue {
    font-weight: 600;
}

.pr-analog-label {
    padding: 1.25rem;
    background: #F5F5F5;
    border-radius: 8px;
    border-color:#a3a3a3;
    border-width: 1px;
    border-style: solid;
    margin-bottom: 1.75rem;
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    color: #1A1B27;
}

.pr-analog-label a {
    border-bottom: 1px dashed;
}

@media (max-width: 767px) {
    .pr-analog-label .row > [class*="col-"] {
        text-align: center !important;
    }
    .pr-analog-label .text-right {
        margin-top: 8px;
    }
}

.a-analogue-block .pr-card {
    background-color: #fff;
    box-shadow: none !important;
}

.pr-related {
    margin-top: 3.75rem;
}

.pr-swiper h2 {
    font-weight: 700;
    font-size: 32px;
    line-height: 36px;
    color: #1A1B27;
    text-align: left;
    margin-bottom: 25px;
}

.pr-swiper .swiper-row {
    overflow: visible;
    margin: 0;
    padding: 0 1px 2px;
}

.pr-swiper .swiper-button-next {
    position: absolute;
    display: block;
    top: calc(50% - 7.5px);
    right: -15px;
    width: 15px;
    height: 15px;
    margin: 0;
    background-size: 10px 15px;
    background-repeat: no-repeat;
    background-position: 50%;
    background-image: url("data:image/svg+xml,%3Csvg width='11' height='18' viewBox='0 0 11 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0.866117 0.616117C1.35427 0.127961 2.14573 0.127961 2.63388 0.616117L10.1339 8.11612C10.622 8.60427 10.622 9.39573 10.1339 9.88388L2.63388 17.3839C2.14573 17.872 1.35427 17.872 0.866117 17.3839C0.377961 16.8957 0.377961 16.1043 0.866117 15.6161L7.48223 9L0.866117 2.38388C0.377961 1.89573 0.377961 1.10427 0.866117 0.616117Z' fill='%231A1B27'/%3E%3C/svg%3E%0A");
}

.pr-swiper .swiper-button-prev {
    position: absolute;
    display: block;
    top: calc(50% - 7.5px);
    left: -15px;
    width: 15px;
    height: 15px;
    margin: 0;
    background-size: 10px 15px;
    background-repeat: no-repeat;
    background-position: 50%;
    background-image: url("data:image/svg+xml,%3Csvg width='11' height='18' viewBox='0 0 11 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M10.1339 17.3839C9.64573 17.872 8.85427 17.872 8.36612 17.3839L0.866116 9.88388C0.377961 9.39573 0.37796 8.60427 0.866116 8.11612L8.36611 0.616117C8.85427 0.127961 9.64573 0.127961 10.1339 0.616117C10.622 1.10427 10.622 1.89573 10.1339 2.38388L3.51777 9L10.1339 15.6161C10.622 16.1043 10.622 16.8957 10.1339 17.3839Z' fill='%231A1B27'/%3E%3C/svg%3E%0A");
}

.pr-swiper .pr-swiper-buttons {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 10px -5px 0;
}

@media screen and (min-width: 1310px) {
    .pr-swiper .swiper-button-prev {
        position: absolute;
        top: calc(50% - 15px);
        left: -30px;
        width: 30px;
        height: 30px;
        background-size: 10px 18px;
    }

    .pr-swiper .swiper-button-next {
        position: absolute;
        top: calc(50% - 15px);
        right: -30px;
        width: 30px;
        height: 30px;
        background-size: 10px 18px;
    }

    .pr-swiper .pr-swiper-buttons {
        margin: 0;
    }
}

.pr-swiper .swiper-button-next::before, .pr-swiper .swiper-button-prev::before {
    content: none;
}

.pr-info-header {
    position: relative;
    font-weight: 600;
    font-size: 24px;
    line-height: 29px;
    display: flex;
    align-items: center;
    color: #1A1B27;
    padding: 1.5625rem 0;
    cursor: pointer;
}

.pr-info-header[data-toggle="collapse"]::after {
    content: '';
    position: absolute;
    top: calc(50% - 12px);
    right: 0;
    width: 24px;
    height: 24px;
    background-repeat: no-repeat;
    background-position: 50%;
    background-image: url("data:image/svg+xml,%3Csvg width='12' height='13' viewBox='0 0 12 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.75 5.75V0.5H5.25V5.75H0V7.25H5.25V12.5H6.75V7.25H12V5.75H6.75Z' fill='%231A1B27'/%3E%3C/svg%3E%0A");
}

.pr-info-header[aria-expanded="true"]::after {
    background-image: url("data:image/svg+xml,%3Csvg width='12' height='3' viewBox='0 0 12 3' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0.75H12V2.25H0V0.75Z' fill='%231A1B27'/%3E%3C/svg%3E%0A");
}

.pr-info-body {
    border-bottom: 1px solid #D8D8D8;
    padding: 1.5625rem 0;
}

.pr-info-body table {
    margin: 0;
}

.pr-info-body img {
    max-width: 100%;
    height: auto;
}

.pr-info .pr-info-item:not(:last-child) .pr-info-header {
    border-bottom: 1px solid #D8D8D8;
}

.pr-review .pr-info-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
}
/*
.pr-review-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 15px;
    height: 44px;
    background: #A73939;
    border-radius: 8px;
    border: 0;
    outline: 0;
    box-shadow: none;
    font-size: 16px;
    line-height: 20px;
    color: #fff;
}

.pr-review-btn:focus {
    outline: none;
}*/

.pr-images {
    display: flex;
    flex-direction: column;
}

.pr-warning {
    font-size: 14px;
    line-height: 18px;
    font-weight: 500;
    background: rgba(253, 199, 60, 0.05);
    border: 1px solid rgba(253, 199, 60, 0.8);
    border-radius: 8px;
    padding: 12px 16px;
    margin: 1.5625rem 0;
}

/* Product page: fabric color disclaimer (icon + muted text) */
.pr-warning.pr-warning--color-mismatch {
    display: flex;
    align-items: flex-start;
    width: 100%;
    box-sizing: border-box;
    gap: 8px;
    padding: 0;
    background: transparent;
    border: none;
    border-radius: 0;
    font-weight: 400;
}

.pr-warning--color-mismatch__icon {
    flex-shrink: 0;
    margin-top: 2px;
    font-size: 12px;
    line-height: 1;
    color: #aa2b31;
}

.pr-warning--color-mismatch__text {
    font-size: 12px;
    line-height: 1.5;
    font-weight: 400;
    color: #888888;
}

/* Fabric cutting service box */
.cut-service-box {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 12px 16px;
    border: 1px solid rgba(167, 191, 251, 1);
    background: rgba(245, 248, 255, 1);
    border-radius: 8px;
    padding: 12px 16px;
}
.cut-service-icon {
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}
.cut-service-icon .cut-icon {
    width: 32px;
    height: 32px;
    fill: #000;
    display: block;
    vertical-align: top;
}
.cut-service-content {
    flex: 1;
    min-width: 0;
}
.cut-service-headline {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 6px 8px;
}
.cut-service-title {
    font-weight: 600;
    font-size: 14px;
    line-height: 1.3;
    margin: 0;
}
.cut-service-info-wrap {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: help;
    color: #6b7280;
    line-height: 1;
    outline: none;
}
.cut-service-info-wrap:hover,
.cut-service-info-wrap:focus-visible {
    color: #aa2b31;
}
.cut-service-info-icon {
    font-size: 15px;
}
.cut-service-tooltip {
    position: absolute;
    z-index: 20;
    left: 50%;
    bottom: calc(100% + 8px);
    transform: translateX(-50%);
    min-width: 200px;
    max-width: min(320px, calc(100vw - 32px));
    padding: 10px 12px;
    font-size: 12px;
    font-weight: 400;
    line-height: 1.45;
    color: #fff;
    text-align: left;
    background: #1a1b27;
    border-radius: 8px;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.18);
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: opacity 0.15s ease, visibility 0.15s ease;
}
.cut-service-tooltip::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -6px;
    border: 6px solid transparent;
    border-top-color: #1a1b27;
}
.cut-service-info-wrap:hover .cut-service-tooltip,
.cut-service-info-wrap:focus .cut-service-tooltip {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
}
.cut-service-action {
    flex-shrink: 0;
    margin-left: auto;
    align-self: center;
    -ms-flex-item-align: center;
    align-items: center;
}
.cut-service-link {
    color: #000;
    text-decoration: none;
    border-bottom: 1px dashed #000;
    font-size: 14px;
    font-weight: 500;
}
.cut-service-link:hover,
.cut-service-link:focus {
    border-bottom-color: transparent;
    color: #000;
    text-decoration: none;
    outline: none;
}
@media (max-width: 576px) {
    .cut-service-box {
        justify-content: center;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -ms-flex-align: center;
        align-items: center;
        text-align: center;
    }
    .cut-service-icon {
        margin-right: 8px;
    }
    .cut-service-content {
        width: auto;
        flex: 0 1 auto;
        text-align: center;
    }
    .cut-service-headline {
        justify-content: center;
    }
    .cut-service-action {
        width: 100%;
        margin-top: 0;
        margin-left: 0;
        text-align: center;
    }
}

.pr-model {
    font-weight: 500;
    font-size: 12px;
    line-height: 14px;
}

.pr-main {
    margin-bottom: 0.5rem;
}

.pr-small-img {
    padding: 1px;
    border: 1px solid transparent;
    width: 5rem;
}

.pr-small-img.active {
    border-color: #888888;
}

.pr-small-img img {
    display: block;
    max-width: 100%;
}

.pr-small .pr-small-img:not(:last-child) {
    margin-bottom: 15px;
}

.new-services {
    margin-top: 3.75rem;
    background-color: #F5F5F5;
}

.new-services-info {
    display: flex;
    flex-direction: column;
    padding: 3rem 2.5rem;
}

.new-services-info h4 {
    font-weight: 700;
    font-size: 1.5rem;
    line-height: 2.25rem;
    text-transform: uppercase;
    color: #1A1B27;
    margin-bottom: 0.75rem;
}

.new-services-info p {
    font-size: 1rem;
    line-height: 1.25rem;
    color: #1A1B27;
    margin: 0;
}

.new-services-info .btn-new {
    margin-top: auto;
}

.btn-new {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0 1.5625rem;
    height: 2.75rem;
    background: #A73939;
    border-radius: 8px;
    font-weight: 600;
    font-size: 1rem;
    line-height: 1.25rem;
    color: #FFFFFF;
}

.pr-review-item {
    background: #F5F5F5;
    border-radius: 10px;
    padding: 20px 28px;
}

.pr-review-list .pr-review-item:not(:last-child) {
    margin-bottom: 0.75rem;
}

.pr-review-item-author {
    font-weight: 600;
    font-size: 1.125rem;
    line-height: 1.5rem;
    color: #171717;
}

.pr-review-item-date {
    font-weight: 500;
    font-size: 0.75rem;
    line-height: 0.875rem;
    color: #666666;
}

.pr-review-item-text {
    font-weight: 500;
    font-size: 1rem;
    line-height: 1.125rem;
    color: #171717;
    margin-bottom: 0.9375rem;
}

.pr-review-item-top {
    display: flex;
    justify-content: space-between;
    margin-bottom: 5px;
}

.pr-review-item-bottom {
    display: flex;
    justify-content: space-between;
}

.pr-review-item-btn {
    font-weight: 500;
    font-size: 0.875rem;
    line-height: 1rem;
    color: #A73939;
    background-color: transparent;
    box-shadow: none;
    border: 0;
    outline: 0;
    padding: 0;
}

.pr-review-item-btn:focus {
    outline: none;
}

.pr-review-item-like {
    display: inline-flex;
    align-items: center;
    font-weight: 600;
    font-size: 0.875rem;
    color: #A73939;
    background-color: transparent;
    box-shadow: none;
    border: 0;
    outline: 0;
    padding: 0;
}

.pr-review-item-like:focus {
    outline: none;
}

.pr-review-item-like img {
    margin-right: 0.5rem;
}

.pr-services {
    padding: 1.25rem;
    background: #F5F5F5;
    border-radius: 8px;
}

.pr-services h4 {
    text-align: left;
}

.pr-services i[data-original-title]{
    color: #888888;
}

.pr-services p:last-child {
    margin-bottom: 0;
}

.pr-services-header {
    font-weight: 600;
    font-size: 1.5rem;
    line-height: 1.75rem;
    color: #1A1B27;
    margin-bottom: 0.5rem;
}

.pr-services-small {
    font-weight: 500;
    font-size: 0.875rem;
    line-height: 1.125rem;
    color: #666666;
    margin-bottom: 1.5625rem;
}

.pr-services-text {
    display: flex;
    align-items: center;
    font-weight: 500;
    font-size: 1rem;
    line-height: 1.25rem;
    color: #1A1B27;
    margin-bottom: 1.5625rem;
}

.pr-services-text img {
    display: block;
    margin-right: 0.9375rem;
}

.pr-services-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-weight: 600;
    font-size: 1rem;
    line-height: 1.25rem;
    color: #A73939;
    padding: 0 1.5625rem;
    height: 2.75rem;
    border: 1px solid #A73939;
    border-radius: 8px;
}

.pr-top {
    margin-bottom: 3.75rem;
}

.pr-warehouse {
    margin-bottom: 1.25rem;
}

.pr-warehouse-list {
    flex: 1;
}

.pr-warehouse-header {
    font-weight: 600;
    font-size: 1rem;
    line-height: 1.25rem;
    color: #1A1B27;
    padding: 15px 15px 15px 0;
}

.pr-warehouse-item {
    padding: 0.9375rem 0;
    border-bottom: 1px dashed #D8D8D8;
}

.pr-warehouse-toggle {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    position: relative;
    font-weight: 500;
    font-size: 0.875rem;
    line-height: 20px;
    color: #1A1B27;
}

.pr-warehouse-toggle.pr-warehouse-toggle--location {
    padding-left: 25px;
}

.pr-warehouse-toggle.pr-warehouse-toggle--location::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 20px;
    height: 20px;
    background-position: 50%;
    background-repeat: no-repeat;
    background-image: url('../image/warehouse-location.svg');
}

.pr-warehouse-toggle.pr-warehouse-toggle--supplier {
    padding-left: 25px;
}

.pr-warehouse-toggle.pr-warehouse-toggle--supplier::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 20px;
    height: 20px;
    background-position: 50%;
    background-repeat: no-repeat;
    background-image: url('../image/supplier-stock.svg');
}

.pr-warehouse-toggle[data-toggle="collapse"] {
    cursor: pointer;
    padding-right: 25px;
}

.pr-warehouse-toggle[data-toggle="collapse"]::after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    width: 20px;
    height: 20px;
    background-position: 50%;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg width='12' height='8' viewBox='0 0 12 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M11.5892 0.910749C11.9146 1.23619 11.9146 1.76382 11.5892 2.08926L6.58917 7.08926C6.26374 7.4147 5.7361 7.4147 5.41066 7.08926L0.410663 2.08926C0.0852261 1.76382 0.085226 1.23619 0.410663 0.91075C0.7361 0.585313 1.26374 0.585313 1.58917 0.91075L5.99992 5.32149L10.4107 0.91075C10.7361 0.585313 11.2637 0.585313 11.5892 0.910749Z' fill='%231A1B27'/%3E%3C/svg%3E");
}

.pr-warehouse-toggle[aria-expanded="true"]::after {
    background-image: url("data:image/svg+xml,%3Csvg width='12' height='8' viewBox='0 0 12 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0.410826 7.08927C0.0853888 6.76383 0.0853888 6.23619 0.410826 5.91075L5.41083 0.910755C5.73626 0.585318 6.2639 0.585318 6.58934 0.910755L11.5893 5.91075C11.9148 6.23619 11.9148 6.76383 11.5893 7.08927C11.2639 7.4147 10.7363 7.4147 10.4108 7.08927L6.00008 2.67852L1.58934 7.08927C1.2639 7.4147 0.736263 7.4147 0.410826 7.08927Z' fill='%231A1B27'/%3E%3C/svg%3E");
}

.pr-warehouse-body {
    margin-top: 0.9375rem;
}

.pr-warehouse-stock {
    color: #62AE43;
}

@media screen and (max-width: 576px) {
    .pr-warehouse-stock {
        width: 100%;
    }
}

.pr-warehouse-tel {
    display: flex;
    align-items: center;
    font-weight: 500;
    font-size: 0.875rem;
    line-height: 1.125rem;
    color: #666666;
    margin-bottom: 0.625rem;
}

.pr-warehouse-tel img {
    margin-right: 0.375rem;
}

.pr-warehouse-time {
    display: flex;
    align-items: center;
    font-weight: 500;
    font-size: 0.875rem;
    line-height: 1.125rem;
    color: #666666;
}

.pr-warehouse-time img {
    margin-right: 0.375rem;
}

@media screen and (max-width: 767px) {
    .pr-warehouse-header {
        padding-right: 0;
    }

    .pr-warehouse-list {
        flex: 0 0 100%;
    }
}

/* Store availability block (product page, accordion) */
.pr-info-body--store-avail {
    padding-top: 0.25rem;
}

.pr-store-avail {
    margin: 0 -2px;
}

.pr-store-avail__row {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 1rem;
    padding: 1rem 0;
    border-bottom: 1px dashed #D8D8D8;
}

.pr-store-avail__row:last-child {
    border-bottom: none;
}

.pr-store-avail__main {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    flex: 1;
    min-width: 0;
}

.pr-store-avail__icon {
    display: block;
    width: 20px;
    height: 20px;
    flex-shrink: 0;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: contain;
}

.pr-store-avail__icon--pin {
    background-image: url('../image/warehouse-location.svg');
}

.pr-store-avail__icon--truck {
    background-image: url('../image/adv-truck.svg');
}

.pr-store-avail__icon--custom {
    background-image: none;
    line-height: 0;
}

.pr-store-avail__icon--custom svg {
    width: 20px;
    height: 20px;
    display: block;
}

/* Keeps column width when no default glyph is shown (optional / future use) */
.pr-store-avail__icon--spacer {
    background-image: none;
    visibility: hidden;
    pointer-events: none;
}

.pr-store-avail__content {
    flex: 1;
    min-width: 0;
}

.pr-store-avail__title {
    font-weight: 600;
    font-size: 16px;
    line-height: 1.3;
    color: #1A1B27;
    margin-bottom: 0.25rem;
}

.pr-store-avail__address {
    font-size: 12px;
    line-height: 1.4;
    color: #1A1B27;
}

.pr-store-avail__map-link {
    color: #c56363;
    text-decoration: underline;
    text-decoration-style: dotted;
    margin-left: 0.35rem;
    white-space: nowrap;
}

.pr-store-avail__map-link:hover,
.pr-store-avail__map-link:focus {
    color: #a73939;
}

.pr-store-avail__hours {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    column-gap: 12px;
    align-items: start;
    font-size: 12px;
    font-weight: 400;
    line-height: 1.4;
    color: #888888;
    margin-top: 6px;
}

.pr-store-avail__hours-label {
    min-width: 0;
}

.pr-store-avail__hours-value {
    min-width: 0;
}

.pr-store-avail__muted {
    color: #888888;
    margin-right: 0.25rem;
}

.pr-store-avail__central-note {
    display: flex;
    align-items: flex-start;
    gap: 6px;
    margin-top: 0.25rem;
    font-size: 12px;
    line-height: 1.35;
    color: #888888;
}

.pr-store-avail__phones {
    margin-top: 0.35rem;
    font-size: 0.8125rem;
    line-height: 1.35;
    color: #666666;
}

.pr-store-avail__phones a {
    color: #666666;
    text-decoration: underline;
}

.pr-store-avail__delivery {
    display: flex;
    align-items: flex-start;
    gap: 6px;
    margin-top: 0.25rem;
    font-size: 12px;
    line-height: 1.4;
    color: #666666;
}

.pr-store-avail__delivery-icon {
    flex-shrink: 0;
    margin-top: 4px;
    font-size: 12px;
    line-height: 1;
    color: inherit;
    font-weight: 400;
}

.pr-store-avail__stock {
    font-weight: 600;
    font-size: 16px;
    line-height: 1.25;
    white-space: nowrap;
    flex-shrink: 0;
    align-self: flex-start;
}

.pr-store-avail__stock.is-in-stock {
    color: #28A745;
}

.pr-store-avail__stock.is-out {
    color: #888888;
}

@media screen and (max-width: 576px) {
    .pr-store-avail__row {
        flex-wrap: nowrap;
        align-items: flex-start;
    }

    .pr-store-avail__map-link {
        display: block;
        margin-top: 0;
        margin-left: 0;
    }

    .pr-store-avail__stock {
        text-align: right;
        align-self: flex-start;
    }
}

.pr-adv {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 0 -7px 10px;
}

.pr-adv-item {
    display: flex;
    align-items: center;
    margin: 0 7px 15px;
    font-weight: 600;
    font-size: 16px;
    line-height: 18px;
    color: #1A1B27;
}

.pr-adv-item img {
    margin-right: 12px;
}
.pr-stock-availability {
    padding: 12px 20px;
    background: #dcf5e1;
    border: 1px solid #99cc9d;
    border-radius: 8px;
}
.pr-stock-availability-inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px 16px;
    flex-wrap: wrap;
}
.pr-stock-availability-text {
    font-size: 16px;
    font-weight: 700;
    line-height: 1.25;
    color: #1a1a1a;
}
.pr-stock-availability-label {
    margin-right: 4px;
}
.pr-stock-count-link {
    color: inherit;
    font-weight: 500;
    text-decoration: underline;
    text-underline-offset: 2px;
}
.pr-stock-count-link:hover,
.pr-stock-count-link:focus {
    color: #1a1a1a;
    text-decoration: underline;
}
.pr-stock-availability-btn {
    flex-shrink: 0;
    margin: 0;
    padding: 10px 18px;
    font-weight: 700;
    font-size: 16px;
    line-height: 1.2;
    color: #a33232;
    background: #fff;
    border: 1px solid #a33232;
    border-radius: 8px;
    cursor: pointer;
    transition: background 0.15s ease, color 0.15s ease;
}
.pr-stock-availability-btn:hover,
.pr-stock-availability-btn:focus {
    background: #a33232;
    color: #fff;
    outline: none;
    box-shadow: none;
}

@media only screen and (max-width: 767px) {
    .pr-stock-availability-inner {
        flex-direction: column;
        align-items: center;
        justify-content: center;
        text-align: center;
    }
    .pr-stock-availability-text {
        text-align: center;
    }
    .pr-stock-availability-btn {
        width: 100%;
        max-width: 100%;
        text-align: center;
    }

    .pr-top {
        margin-bottom: 0;
    }
}

.pr-review-more {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 2.75rem;
    border: 1px solid #A73939;
    border-radius: 8px;
    font-weight: 600;
    font-size: 1rem;
    line-height: 1.25rem;
    color: #A73939;
}

.pr-options {
    margin-bottom: 10px;
}

.pr-options-header {
    font-weight: 700;
    font-size: 18px;
    line-height: 30px;
    text-transform: uppercase;
    margin-bottom: 5px;
}

.pr-options-top {
    margin-bottom: 15px;
}

.pr-options-item {
    display: flex;
    align-items: center;
}

.pr-option {
    margin-bottom: 5px;
}

.pr-option-label {
    font-weight: 500;
    font-size: 14px;
    line-height: 120%;
    margin-bottom: 15px;
}

.pr-option.required .pr-option-label::before {
    content: '* ';
    color: #CC3232;
}

.pr-wishlist {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2.75rem;
    height: 2.75rem;
    border: 0;
    outline: 0;
    box-shadow: none;
    background: none;
}

.pr-wishlist:focus {
    outline: none;
}

@media (min-width: 992px) {
    .pr-small {
        display: flex;
        flex-direction: column;
        order: 1;
        margin-right: 1.25rem;
    }

    .pr-main {
        flex: 0 0 calc(100% - 6.25rem);
        order: 2;
    }

    .pr-warning {
        float: right;
        margin-left: auto;
        order: 3;
    }

    .pr-warning.pr-warning--color-mismatch {
        float: none;
        margin-left: auto;
        margin-right: auto;
    }

    .pr-images {
        display: flex;
        flex-direction: row;
    }
}

@media (max-width: 991.99px) {
    .container {
        max-width: 100%;
    }
}

.c-title {
    font-weight: 700;
    font-size: 18px;
    line-height: 22px;
    color: #1A1B27;
    text-align: left;
    margin-bottom: 20px;
}

.c-cats-item {
    display: flex;
    align-items: center;
    flex-direction: column;
    padding-bottom: 2px;
}

.c-cats-item-img {
    border-radius: 4px;
    height: 60px;
    overflow: hidden;
    margin-bottom: 8px;
}

.c-cats-item-img img {
    display: block;
    min-height: auto;
}

.c-cats-item-name {
    font-weight: 700;
    font-size: 14px;
    line-height: 20px;
    text-align: center;
    text-transform: uppercase;
    color: #1A1B27;
    transition: 0.3s;
}

.c-cats-item:hover .c-cats-item-name {
    text-decoration: underline;
    text-decoration-thickness: 2px;
    text-underline-offset: 3px;
}

.c-cats {
    position: relative;
    padding: 0 20px;
    margin-bottom: 24px;
}

.c-cats .c-cats-prev,
.c-cats .c-cats-next {
    position: absolute;
    top: calc(50% - 0.75rem);
    width: 24px;
    height: 24px;
    background-position: 50%;
    background-repeat: no-repeat;
    cursor: pointer;
    opacity: 1;
    visibility: visible;
    transition: 0.3s;
}

.c-cats .swiper-button-disabled {
    opacity: 0;
    visibility: hidden;
}

.c-cats .c-cats-prev {
    left: -5px;
    background-image: url("data:image/svg+xml,%3Csvg width='8' height='14' viewBox='0 0 8 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M7.70711 0.292893C8.09763 0.683417 8.09763 1.31658 7.70711 1.70711L2.41421 7L7.70711 12.2929C8.09763 12.6834 8.09763 13.3166 7.70711 13.7071C7.31658 14.0976 6.68342 14.0976 6.29289 13.7071L0.292893 7.70711C-0.0976311 7.31658 -0.0976311 6.68342 0.292893 6.29289L6.29289 0.292893C6.68342 -0.0976311 7.31658 -0.0976311 7.70711 0.292893Z' fill='%231A1B27'/%3E%3C/svg%3E");
}

.c-cats .c-cats-next {
    right: -5px;
    background-image: url("data:image/svg+xml,%3Csvg width='8' height='14' viewBox='0 0 8 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0.292893 0.292893C0.683417 -0.0976311 1.31658 -0.0976311 1.70711 0.292893L7.70711 6.29289C8.09763 6.68342 8.09763 7.31658 7.70711 7.70711L1.70711 13.7071C1.31658 14.0976 0.683417 14.0976 0.292893 13.7071C-0.0976311 13.3166 -0.0976311 12.6834 0.292893 12.2929L5.58579 7L0.292893 1.70711C-0.0976311 1.31658 -0.0976311 0.683417 0.292893 0.292893Z' fill='%231A1B27'/%3E%3C/svg%3E");
}

.c-top {
    display: flex;
    align-items: center;
    margin-bottom: 10px;
}

.c-sort {
    min-width: 160px;
}

@media (min-width: 992px) {
    .c-sort {
        min-width: 250px;
        margin-left: auto;
    }
}

.pr-card-discount {
    list-style: none;
    padding: 0;
    margin: 0.5rem 0 0;
}

.pr-card-discount li {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 14px;
    line-height: 18px;
}

.pr-card-discount-text {
    font-weight: 500;
    color: #1A1B27;
}

.pr-card-discount-price {
    font-weight: 600;
    color: #A73939;
}

.pr-card-hover {
    margin-top: auto;
    padding-top: 0.5rem;
}

.pr-card-attr {
    font-size: 14px;
    line-height: 16px;
    margin: 0 0 0.875rem;
    padding: 0;
    list-style: none;
}

.pr-card-attr li {
    display: flex;
    align-items: center;
    justify-content: space-between;
    line-height: 1.25rem;
}

.pr-card-attr li:not(:last-child) {
    margin-bottom: 0.5rem;
}

.pr-card-attr-name {
    font-weight: 500;
    color: #1A1B27;
    flex-shrink: 0;
}

.pr-card-attr-text {
    font-weight: 600;
    color: #1A1B27;
    margin-left: 12px;
    text-align: right;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.pr-card-child {
    display: flex;
    align-items: center;
    margin: 0 -4px 10px;
}

.pr-card-child-item {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid transparent;
    border-radius: 50%;
    padding: 2px;
    margin: 0 4px;
}

.pr-card-child-item.active {
    border-color: #888888;
}

.pr-card-child-img {
    display: block;
    width: 34px;
    height: 34px;
    border-radius: 50%;
    background-position: 50%;
    background-size: 50px 40px;
}

.pr-card-child-more {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 2.5rem;
    width: 2.5rem;
    font-weight: 500;
    font-size: 0.875rem;
    line-height: 1.0625rem;
    color: #1A1B27;
}

@media (min-width: 992px) {
    .pr-card-hover {
        position: absolute;
        top: 100%;
        left: 0;
        right: 0;
        visibility: hidden;
        opacity: 0;
        background-color: #fff;
        border-left: 1px solid #D8D8D8;
        border-right: 1px solid #D8D8D8;
        border-bottom: 1px solid #D8D8D8;
        border-bottom-left-radius: 4px;
        border-bottom-right-radius: 4px;
        padding: 4px 20px 20px;
        margin: -4px -1px 0;
        z-index: 10;
        transition: 0.3s;
    }

    .pr-card:hover {
        box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.1);
    }

    .pr-card:hover .pr-card-hover {
        visibility: visible;
        opacity: 1;
        box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.1);
    }

    .pr-card.prod-state-disable .pr-card-hover {
        transition:none !important;
    }
    .pr-card.prod-state-disable:hover .pr-card-hover ul,
    .pr-card.prod-state-disable:hover .pr-card-hover button {
        opacity: 0.35;
    }
}

@media (max-width: 768px) {
    #category-page {
        max-width: 100%;
    }
}

.select2-container.select2-container--oberon .select2-dropdown {
    margin-top: 1px;
    border-radius: 8px;
    border: 1px solid #D8D8D8;
    box-shadow: 0px 12px 16px -4px rgba(16, 24, 40, 0.08), 0px 4px 6px -2px rgba(16, 24, 40, 0.03);
}

.select2-container.select2-container--oberon .select2-results__option {
    position: relative;
    font-weight: 500;
    font-size: 12px;
    line-height: 16px;
    color: #1A1B27;
    padding: 12px 37px 12px 12px;
    transition: 0.3s;
}

.select2-container.select2-container--oberon .select2-results__option:hover {
    color: #aa4242;
    transition: 0.3s;
}

.select2-container.select2-container--oberon .select2-results__options .select2-results__option::after {
    content: '';
    position: absolute;
    top: calc(50% - 10px);
    right: 12px;
    width: 20px;
    height: 20px;
    background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16.6666 5L7.49998 14.1667L3.33331 10' stroke='%23A73939' stroke-width='1.66667' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
    background-size: 20px 20px;
    opacity: 0;
    visibility: hidden;
    transition: 0.3s;
}

.select2-container.select2-container--oberon .select2-results__options .select2-results__option[aria-selected="true"]::after {
    opacity: 1;
    visibility: visible;
    transition: 0.3s;
}

.select2-container.select2-container--oberon .select2-selection {
    display: flex !important;
    align-items: center !important;
    padding: 0 12px !important;
    height: calc(1.75em + 1rem + 2px) !important;
    background: #FFFFFF !important;
    border: 1px solid #D8D8D8 !important;
    border-radius: 8px !important;
}

.select2-container.select2-container--oberon .select2-selection .select2-selection__rendered {
    font-weight: 500;
    font-size: 12px;
    line-height: 16px;
    color: #666666;
    line-height: normal !important;
    padding: 0 !important;
    margin-right: 12px;
}

.select2-container.select2-container--oberon .select2-selection .select2-selection__arrow {
    position: static;
    height: 1.25rem;
    width: 1.25rem;
    margin-left: auto;
    background-position: 50%;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg width='12' height='8' viewBox='0 0 12 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1.5L6 6.5L11 1.5' stroke='%23666666' stroke-width='1.66667' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

.select2-container.select2-container--oberon.select2-container--open .select2-selection .select2-selection__arrow {
    background-image: url("data:image/svg+xml,%3Csvg width='12' height='7' viewBox='0 0 12 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11 6L6 1L1 6' stroke='%23666666' stroke-width='1.66667' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

.select2-container.select2-container--oberon .select2-selection .select2-selection__arrow b {
    display: none !important;
}

.c-catalog-list {
    margin: 0 -2px;
}

.c-catalog-list > [class^="col"] {
    padding: 0 2px;
    margin-bottom: 8px;
}

.c-view {
    padding: 0;
    width: 40px;
    height: 40px;
    box-shadow: none;
    background-color: transparent;
    border: 1px solid #D8D8D8;
    border-radius: 8px;
    background-repeat: no-repeat;
    background-position: 50%;
    margin-left: 8px;
}

.c-view.c-view--grid1 {
    background-image: url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='5' height='5' fill='%23A73939'/%3E%3Crect y='7' width='5' height='5' fill='%23A73939'/%3E%3Crect x='7' width='5' height='5' fill='%23A73939'/%3E%3Crect x='7' y='7' width='5' height='5' fill='%23A73939'/%3E%3C/svg%3E%0A");
}

.c-view.c-view--grid2 {
    background-image: url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='12' height='8' fill='%23A73939'/%3E%3Crect y='10' width='12' height='2' fill='%23A73939'/%3E%3C/svg%3E%0A");
}

.c-view:focus {
    outline: 0;
}

.c-filter-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 15px;
    height: 40px;
    font-size: 14px;
    line-height: 18px;
    color: #1A1B27;
    box-shadow: none;
    background-color: transparent;
    border: 1px solid #D8D8D8;
    border-radius: 8px;
    background-repeat: no-repeat;
    background-position: 50%;
    margin-right: 8px;
}

.c-filter-btn img {
    display: block;
    max-width: 100%;
    margin-right: 7px;
}

.c-pagination {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-top: 30px;
}


.c-pagination .pagination {
    margin: 0;
}

.c-pagination .pagination .page-link {
    border-radius: 4px;
    border: 0;
    padding: 5px 12px;
    font-size: 18px;
    font-weight: 600;
    line-height: 120%;
    color: #1A1B27;
}

.c-pagination .pagination .page-item.active .page-link {
    background-color: #D8D8D8;
    color: #1A1B27;
}

.c-loadmore-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-weight: 600;
    font-size: 16px;
    line-height: 20px;
    color: #A73939;
    height: 44px;
    border: 1px solid #A73939;
    border-radius: 8px;
    padding: 0 20px;
    box-shadow: none;
    background-color: transparent;
    margin-bottom: 25px;
    min-width: 250px;
}

.c-loadmore-btn:focus {
    outline: 0;
}

.o-banner {
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

.o-banner.o-banner--margin {
    margin-bottom: 30px;
}

.o-banner .o-banner-left {
    display: flex;
    flex-direction: column;
    justify-content: stretch;
    padding: 40px 15px;
    background-color: #F5F5F5;
    flex-grow: 1;
}

.o-banner .o-banner-right {
    flex-shrink: 0;
}

.o-banner .o-banner-wrap {
    max-width: 450px;
}

.o-banner .o-banner-title {
    font-weight: 700;
    font-size: 18px;
    line-height: 24px;
    text-transform: uppercase;
    color: #1A1B27;
    margin-bottom: 12px;
}

.o-banner .o-banner-text {
    font-weight: 500;
    font-size: 14px;
    line-height: 18px;
    color: #1A1B27;
    margin-bottom: 30px;
}

.o-banner .o-banner-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 44px;
    padding: 0 20px;
    background: #A73939;
    border-radius: 8px;
    box-shadow: none;
    border: 0;
    font-weight: 600;
    font-size: 16px;
    line-height: 20px;
    color: #FFFFFF;
    min-width: 250px;
    margin-top: auto;
}

.o-banner .o-banner-img {
    display: block;
    max-width: 100%;
    width: 100%;
}

.c-description {
    margin-top: 80px;
}

@media (min-width: 576px) {
    .o-banner {
        flex-direction: row;
        align-items: stretch;
        justify-content: flex-start;
    }

    .o-banner .o-banner-left {
        padding: 40px 24px;
        align-items: flex-start;
        justify-content: center;
    }

    .o-banner .o-banner-img {
        width: auto;
    }
}

@media (min-width: 744px) {
    .o-banner .o-banner-title {
        font-size: 20px;
        line-height: 26px;
    }

    .o-banner .o-banner-text {
        font-size: 14px;
        line-height: 18px;
    }
}

@media (min-width: 1440px) {
    .o-banner .o-banner-left {
        padding: 35px
    }

    .o-banner .o-banner-title {
        font-size: 24px;
        line-height: 30px;
    }

    .o-banner .o-banner-text {
        font-size: 16px;
        line-height: 20px;
    }
}

.pr-card--small {
    padding: 10px 8px;
}

.pr-card--small .pr-card-new {
    font-size: 9px;
    line-height: 12px;
}

.pr-card--small .pr-card-new {
    font-size: 9px;
    line-height: 12px;
}

.pr-card--small .pr-card-model {
    font-size: 9px;
    line-height: 12px;
}

.pr-card--small .pr-card-name {
    font-size: 12px;
    line-height: 16px;
}

.pr-card--small .pr-card-price {
    font-size: 16px;
    line-height: 20px;
}

.pr-card--small .pr-card-discount-text,
.pr-card--small .pr-card-discount-price {
    font-size: 10px;
    line-height: 14px;
}

.pr-card--small .pr-card-btn {
    font-size: 14px;
    line-height: 17px;
    height: 33px;
}

.btn-in-cart {
    background-color: #f1f1f1;
    color: #000000;
    border-color: #898989;
}

.btn-in-cart i {
    color: #000000;
}

.pr-card--small .pr-card-rating-stars span {
    width: 12px;
    height: 12px;
}

.pr-card--small .pr-card-rating-text img {
    width: 12px;
    height: 12px;
}

.pr-card--small .pr-card-rating-text {
    font-size: 10px;
    line-height: 12px;
}

.pr-card--small .pr-card-child {
    margin-left: -2px;
    margin-right: -2px;
}

.pr-card--small .pr-card-child-item {
    width: 26px;
    height: 26px;
    margin: 0 2px;
}

.pr-card--small .pr-card-child-img {
    width: 20px;
    height: 20px;
}

.pr-card--small .pr-card-child-more {
    font-size: 10px;
    line-height: 12px;
}

.pr-swiper .pr-swiper-wrap {
    position: relative;
    padding: 0 1px;
}

.pr-swiper .swiper-slide {
    height: auto;
}

.o-pagin {
    display: inline-flex;
    align-items: center;
    padding: 0;
    margin: 0 -2px;
    list-style: none;
}

.o-pagin .o-pagin-item {
    margin: 0 2px;
}

.o-pagin .o-pagin-link {
    font-weight: 600;
    font-size: 18px;
    line-height: 22px;
    color: #1A1B27;
    padding: 5px 12px
}

.o-pagin .o-pagin-item.active .o-pagin-link {
    background: #D8D8D8;
    border-radius: 4px;
}

.o-pagin .o-pagin-prev,
.o-pagin .o-pagin-next {
    position: relative;
    width: 40px;
    height: 32px;
    background-position: 50%;
    background-repeat: no-repeat;
}

.o-pagin .o-pagin-next {
    background-image: url("data:image/svg+xml,%3Csvg width='7' height='12' viewBox='0 0 7 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0.410582 0.410704C0.736018 0.0852667 1.26366 0.0852667 1.58909 0.410704L6.58909 5.4107C6.91453 5.73614 6.91453 6.26378 6.58909 6.58921L1.58909 11.5892C1.26366 11.9147 0.736018 11.9147 0.410582 11.5892C0.0851447 11.2638 0.0851447 10.7361 0.410582 10.4107L4.82133 5.99996L0.410582 1.58921C0.0851447 1.26378 0.0851447 0.736141 0.410582 0.410704Z' fill='%231A1B27'/%3E%3C/svg%3E");
}

.o-pagin .o-pagin-prev {
    background-image: url("data:image/svg+xml,%3Csvg width='7' height='12' viewBox='0 0 7 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M7.08942 11.4225C6.76398 11.748 6.23634 11.748 5.91091 11.4225L0.910907 6.42255C0.58547 6.09711 0.58547 5.56947 0.910907 5.24404L5.91091 0.244037C6.23634 -0.0814 6.76398 -0.0814 7.08942 0.244037C7.41486 0.569474 7.41486 1.09711 7.08942 1.42255L2.67867 5.83329L7.08942 10.244C7.41486 10.5695 7.41486 11.0971 7.08942 11.4225Z' fill='%231A1B27'/%3E%3C/svg%3E");
}

.o-warning {
    padding: 10px 10px 10px 30px;
    font-weight: 500;
    font-size: 14px;
    line-height: 18px;
    color: #1A1B27;
    background-color: rgba(204, 50, 50, 0.05);
    background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8 1C6.61553 1 5.26216 1.41054 4.11101 2.17971C2.95987 2.94888 2.06266 4.04213 1.53285 5.32122C1.00303 6.6003 0.86441 8.00777 1.13451 9.36563C1.4046 10.7235 2.07129 11.9708 3.05026 12.9497C4.02922 13.9287 5.2765 14.5954 6.63437 14.8655C7.99224 15.1356 9.3997 14.997 10.6788 14.4672C11.9579 13.9373 13.0511 13.0401 13.8203 11.889C14.5895 10.7378 15 9.38447 15 8C15 6.14348 14.2625 4.36301 12.9497 3.05025C11.637 1.7375 9.85652 1 8 1V1ZM8 14C6.81332 14 5.65328 13.6481 4.66658 12.9888C3.67989 12.3295 2.91085 11.3925 2.45673 10.2961C2.0026 9.19974 1.88378 7.99334 2.11529 6.82946C2.3468 5.66557 2.91825 4.59647 3.75736 3.75736C4.59648 2.91824 5.66558 2.3468 6.82946 2.11529C7.99335 1.88378 9.19975 2.0026 10.2961 2.45672C11.3925 2.91085 12.3295 3.67988 12.9888 4.66658C13.6481 5.65327 14 6.81331 14 8C14 9.5913 13.3679 11.1174 12.2426 12.2426C11.1174 13.3679 9.5913 14 8 14Z' fill='%23CC3232'/%3E%3Cpath d='M7.5 4H8.5V9.5H7.5V4Z' fill='%23CC3232'/%3E%3Cpath d='M8 11C7.85166 11 7.70666 11.044 7.58332 11.1264C7.45999 11.2088 7.36386 11.3259 7.30709 11.463C7.25032 11.6 7.23547 11.7508 7.26441 11.8963C7.29335 12.0418 7.36478 12.1754 7.46967 12.2803C7.57456 12.3852 7.7082 12.4566 7.85368 12.4856C7.99917 12.5145 8.14997 12.4997 8.28701 12.4429C8.42406 12.3861 8.54119 12.29 8.6236 12.1667C8.70601 12.0433 8.75 11.8983 8.75 11.75C8.75 11.5511 8.67098 11.3603 8.53033 11.2197C8.38968 11.079 8.19891 11 8 11Z' fill='%23CC3232'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: 10px 11px;
    border: 1px solid #CC3232;
    border-radius: 8px;
}

.pr-right .o-warning {
    margin-bottom: 25px;
}

.pr-option-list {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    margin: 0 -5px;
}

.pr-option-item input {
    display: none;
}

.pr-option-item {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 5px 10px;
}

.pr-option.pr-option--color .pr-option-item {
    margin-bottom: 15px;
}

.pr-option-color {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.pr-option.pr-option--color .pr-option-item--clear,
.pr-option.pr-option--color .pr-option-item--more {
    margin-bottom: 15px;
}

.pr-option-color-button {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 3px;
    border: 1px solid #DDE0EA;
    border-radius: 8px;
    cursor: pointer;
}

.pr-option-color--clear .pr-option-color-button,
.pr-option-color--more .pr-option-color-button {
    width: 86px;
    height: 46px;
    background-color: #F9FAFD;
}

.pr-option-color--clear .pr-option-color-button {
    position: relative;
}

.pr-option-color--clear .pr-option-color-button::before,
.pr-option-color--clear .pr-option-color-button::after {
    content: '';
    position: absolute;
    width: 18px;
    height: 2px;
    background-color: #CC3232;
    border-radius: 2px;
}

.pr-option-color--clear .pr-option-color-button::before {
    transform: rotate(45deg);
}

.pr-option-color--clear .pr-option-color-button::after {
    transform: rotate(-45deg);
}

.pr-option-color--clear .pr-option-color-text {
    color: #A73939;
}

.pr-option-color--more .pr-option-color-button span {
    font-size: 16px;
    line-height: 14px;
    font-weight: 600;
    color: #1A1B27;
}

.pr-option-color-img {
    display: block;
    width: 80px;
    height: 40px;
    border-radius: 6px;
    background-size: 80px 40px;
    background-position: 50%;
    background-color: #D2D3D1;
}

.pr-option-color-text {
    font-weight: 400;
    font-size: 14px;
    line-height: 16px;
}

.pr-option-item input:checked + .pr-option-color .pr-option-color-button {
    border: 2px solid #762024;
    padding: 2px;
    pointer-events: none;
    cursor: default;
}

/* Highlight selectable options on hover */
.pr-option-item input:not(:disabled):not(:checked) + .pr-option-color:hover .pr-option-color-button {
    border: 1px solid #762024;
}

/* Bootstrap option modal: input wrapped inside label.pr-option-color */
.pr-option-bs-modal .pr-option-item label.pr-option-color input:checked ~ .pr-option-color-button {
    border: 2px solid #762024;
    padding: 2px;
}

.pr-option-bs-modal .pr-option-item label.pr-option-color.is-selected .pr-option-color-button {
    border: 2px solid #762024;
    padding: 2px;
    pointer-events: none;
    cursor: default;
}

.pr-option-bs-modal .pr-option-item label.pr-option-color:not(.is-selected):hover input:not(:disabled):not(:checked) ~ .pr-option-color-button {
    border: 1px solid #762024;
}

.pr-option-item input:disabled + .pr-option-color {
    opacity: 0.5;
}

.pr-option-button {
    position: relative;
    font-weight: 400;
    font-size: 14px;
    color: #1A141F;
    border: 1px solid #DDE0EA;
    border-radius: 8px;
    padding: 6px 12px;
    cursor: pointer;
}

.pr-option-item input:checked + .pr-option-button {
    border-color: #888888;
    cursor: default;
}

.pr-option--color .pr-option-item input:checked + .pr-option-button {
    border: 2px solid #762024;
    padding: 2px;
    pointer-events: none;
    cursor: default;
}

.pr-option-item input:not(:disabled):not(:checked) + .pr-option-button:hover {
    border: 1px solid #762024;
}

.pr-option-item input:disabled + .pr-option-button {
    opacity: 0.5;
}

.pr-option-item input:disabled + .pr-option-button::before {
    content: '';
    position: absolute;
    top: 50%;
    left: -3px;
    right: -3px;
    height: 1px;
    background-color: #E50110FF;
    transform: translateY(-50%) rotate(30deg);
}

.pr-option-item .pr-option-button.out-of-stock {
    border-color: #BEC0C6;
    color: #BEC0C6;
}

.pr-option-item .pr-option-color.out-of-stock {
    position: relative;
    border-color: #BEC0C6;
    color: #BEC0C6;
}

.pr-option-item .pr-option-color.out-of-stock .pr-option-color-button {
    opacity: 0.6;
    position: relative;
}

.pr-option-item .pr-option-color.out-of-stock .pr-option-color-button::after {
    content: '';
    position: absolute;
    top: 25px;
    left: -10px;
    right: -10px;
    height: 2px;
    background-color: #E50110FF;
    transform: translateY(-50%) rotate(45deg);
}

.pr-option-item .pr-option-color.out-of-stock .pr-option-color-text {
    color: #BEC0C6;
}

.pr-option-item .pr-option-button.outstock {
    border-color: #BEC0C6;
    color: #BEC0C6;
}

.pr-option.pr-option--color .pr-option-button {
    border-radius: 50%;
    padding: 2px;
}

.pr-option.pr-option--color .pr-option-img {
    display: block;
    border-radius: 50%;
    max-width: 100%;
}

@media (min-width: 576px) {
    .pr-action {
        flex-direction: row;
    }

    .pr-action-left,
    .pr-action-right {
        width: auto;
    }

    .pr-action-left {
        margin-bottom: 0;
        margin-right: 15px;
    }

    .pr-btn--cart,
    .pr-btn--oneclick {
        width: auto;
    }
}

@media (min-width: 992px) {
    .pr-discount {
        margin: 0 -12px 6px;
    }

    .pr-discount-item {
        flex: 0 0 auto;
        padding: 10px 20px;
        margin: 0 12px 24px;
    }

    .pr-discount-item-label {
        right: -20px;
    }
}

.pr-new {
    font-weight: 700;
    font-size: 14px;
    line-height: 14px;
    text-transform: uppercase;
    color: #62AE43;
}

.pr-review-item.pr-review-item--answer {
    position: relative;
    margin-left: 80px;
    padding-left: 44px;
}

.pr-review-item.pr-review-item--answer .pr-review-item-author {
    margin-bottom: 15px;
}

.pr-review-item.pr-review-item--answer .pr-review-item-text {
    margin: 0;
}

.pr-review-item.pr-review-item--answer::before {
    content: '';
    position: absolute;
    top: 20px;
    left: 28px;
    width: 2px;
    height: calc(100% - 40px);
    background-color: #888888;
}

.pr-review-item-rating {
    display: flex;
    align-items: center;
    margin-bottom: 15px;
}

.pr-review-item-rating span {
    display: block;
    width: 16px;
    height: 16px;
    background-size: 100%;
    background-position: 50%;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.99989 1L5.72489 5.61L0.639893 6.345L4.31989 9.935L3.44989 15L7.99989 12.61L12.5499 15L11.6799 9.935L15.3599 6.35L10.2749 5.61L7.99989 1Z' fill='%23D8D8D8'/%3E%3C/svg%3E%0A");
}

.pr-review-item-rating span.active {
    background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.99989 1L5.72489 5.61L0.639893 6.345L4.31989 9.935L3.44989 15L7.99989 12.61L12.5499 15L11.6799 9.935L15.3599 6.35L10.2749 5.61L7.99989 1Z' fill='%23FFE381'/%3E%3C/svg%3E%0A");
}

.pr-video {
    cursor: pointer;
    width: 79px;
    height: 59px;
    border: 1px solid #888888;
}

.pr-btn--clear {
    border: 1px solid #A73939;
    background-color: transparent;
    color: #A73939;
}

.pr-back {
    display: inline-block;
    padding-left: 16px;
    background-repeat: no-repeat;
    background-position: 4.5px 50%;
    background-image: url("data:image/svg+xml,%3Csvg width='6' height='10' viewBox='0 0 6 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M5.16252 8.91264C4.93471 9.14045 4.56537 9.14045 4.33756 8.91264L0.837562 5.41264C0.609756 5.18484 0.609756 4.81549 0.837562 4.58768L4.33756 1.08768C4.56537 0.859878 4.93471 0.859878 5.16252 1.08768C5.39033 1.31549 5.39033 1.68484 5.16252 1.91264L2.075 5.00016L5.16252 8.08768C5.39033 8.31549 5.39033 8.68484 5.16252 8.91264Z' fill='%231A1B27'/%3E%3C/svg%3E%0A");
    color: #1A1B27;
    margin-bottom: 30px;
}

.pr-small .swiper-container .swiper-slide {
    width: auto;
}

.pr-static-card {
    position: sticky;
    top: 80px;
}

.pr-option-bs-modal .modal-dialog {
    max-width: 450px;
}

.pr-option-bs-modal--drawer {
    padding-right: 0 !important;
}

.pr-option-bs-modal--drawer .modal-dialog {
    width: 33.075vw;
    max-width: 33.075vw;
    min-width: 320px;
    height: 100vh;
    margin: 0 0 0 auto;
    transform: translate3d(100%, 0, 0) !important;
    transition: transform .35s ease !important;
}

.pr-option-bs-modal--drawer.fade .modal-dialog {
    transform: translate3d(100%, 0, 0) !important;
}

.pr-option-bs-modal--drawer.show .modal-dialog {
    transform: translate3d(0, 0, 0) !important;
}

.pr-option-bs-modal--drawer .modal-content {
    height: 100%;
    border-radius: 0;
    border: 0;
}

.pr-option-bs-modal--drawer .modal-body {
    overflow-y: auto;
}

@media (max-width: 991px) {
    .pr-option-bs-modal--drawer .modal-dialog {
        width: 88.2vw;
        max-width: 88.2vw;
        min-width: 0;
    }
}

.pr-option-modal {
    position: relative;
    margin: 0 auto;
    background: #fff;
    padding: 0;
}

.pr-option-bs-modal .modal-header .pr-option-modal-title {
    border-bottom: 0;
    padding: 0;
    margin-bottom: 0;
    flex: 1;
}

.pr-option-modal-title {
    font-weight: 700;
    font-size: 24px;
    line-height: 26px;
    padding: 15px;
    border-bottom: 1px solid #D8D8D8;
}

.pr-option-modal-body {
    padding: 15px;
}
.pr-option-modal-body .pr-option-item .pr-option-color.out-of-stock .pr-option-color-button::after {
    top: 40px;
}
.pr-option-modal .pr-option.pr-option--color .pr-option-list {
    margin: 0 -7.5px;
}

/*
.pr-option-modal .pr-option.pr-option--color .pr-option-item {
    flex: 0 0 calc(100% / 7 - 15px);
    margin: 0 7.5px 15px;
}*/


#product-page .breadcrumb {
    margin-bottom: 24px;
}

.pr-info-body-desc {
    font-family: 'Montserrat', sans-serif !important;
}

.pr-info-body-desc > li {
    margin-left: 40px;
}

.pr-info-body-desc * {
    font-family: 'Montserrat', sans-serif !important;
    font-weight: 500 !important;
    font-size: 14px !important;
    line-height: 17px !important;
    color: #1A1B27 !important;
}

@media screen and (max-width: 767px) {
    .c-cats .swiper-container {
        padding-right: 40px;
    }

    .container {
        padding-left: 15px;
        padding-right: 15px;
    }

    #product-page .pr-info {
        margin-left: -15px;
        margin-right: -15px;
    }

    #product-page .pr-info-header {
        padding-left: 15px;
        padding-right: 15px;
    }

    #product-page .pr-info-item {
        padding-left: 15px;
        padding-right: 15px;
    }

    #product-page .o-banner {
        margin-left: -15px;
        margin-right: -15px;
    }
}

@media screen and (max-width: 575px) {
    .pr-services-btn {
        width: 100%;
    }

    .pr-review .btn-primary {
        width: 100%;
        margin-top: 20px;
    }

    .o-banner-btn, .o-banner-input {
        width: 100%;
    }
}

.container {
    max-width: 100%;
}

@media screen and (min-width: 1280px) {
    .container {
        max-width: 1280px;
    }
}

.o-banner-input {
    font-weight: 500;
    font-size: 18px;
    line-height: 22px;
    color: #666666;
    padding: 15px 0;
    box-shadow: none;
    background-color: transparent;
    border: 0;
    border-bottom: 1px solid #1A1B27;
    min-width: 250px;
}

.o-banner-form {
    margin-bottom: 15px;
}

.o-banner-input:focus {
    outline: none;
}

#category-page .o-banner--callback {
    margin: 80px 0;
}


.masked {
    position: relative;
}

.masked-overlay {
    visibility: hidden;
    opacity: 0;
    transition: opacity 0.3s;
}

.masked .masked-overlay {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    min-height: 200px;
    visibility: visible;
    opacity: 1;
    transition: opacity 0.3s;
}

.masked .masked-overlay::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    filter: blur(40%);
    -webkit-filter: blur(40%);
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, .6);
}

.masked-overlay::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 80px;
    height: 80px;
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url("data:image/svg+xml,%3Csvg width='70px' height='70px' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' preserveAspectRatio='xMidYMid' class='uil-ring-alt'%3E%3Crect x='0' y='0' width='100' height='100' fill='none' class='bk'/%3E%3Ccircle cx='50' cy='50' r='40' stroke='%23afafb7' fill='none' stroke-width='10' stroke-linecap='round'/%3E%3Ccircle cx='50' cy='50' r='40' stroke='%234a4a4a' fill='none' stroke-width='6' stroke-linecap='round'%3E%3Canimate attributeName='stroke-dashoffset' dur='2s' repeatCount='indefinite' from='0' to='502'/%3E%3Canimate attributeName='stroke-dasharray' dur='2s' repeatCount='indefinite' values='150.6 100.4;1 250;150.6 100.4'/%3E%3C/circle%3E%3C/svg%3E");
}

#mo-popup .masked .masked-overlay {
    min-height: 248px;
    height: 100%;
}

.btn:focus {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

@media screen and (max-width: 744px) {
    .pr-swiper h2 {
        font-size: 20px;
        line-height: 24px;
    }
}

@media screen and (max-width: 1440px) {
    .pr-swiper h2 {
        font-size: 24px;
        line-height: 30px;
    }
}

@media screen and (max-width: 576px) {
    .pr-swiper .swiper-container {
        margin-left: -15px;
        margin-right: -15px;
        padding-left: 15px;
        padding-right: 15px;
        padding-bottom: 16px;
    }

    .pr-swiper .pr-swiper-buttons {
        display: none;
    }
}

@media screen and (min-width: 576px) {
    .pr-swiper .swiper-scrollbar {
        display: none;
    }
}

.pr-swiper .swiper-container .swiper-scrollbar {
    left: 15px;
    right: 15px;
    margin-top: 10px;
    background: #fff;
    height: 4px;
    width: auto;
}

.pr-swiper .swiper-container .swiper-scrollbar .swiper-scrollbar-drag {
    background: #d8d8d8;
    cursor: pointer;
}

.pr-option-color-more {
    font-weight: 500;
}

@media screen and (min-width: 576px) {
    .pr-discount-item-text,
    .pr-discount-item-price {
        font-size: 18px;
        line-height: 20px;
    }
}

@media screen and (max-width: 992px) {
    .pr-left {
        margin-bottom: 15px;
    }
}

@media screen and (min-width: 356px) and (max-width: 992px) {
    .pr-discount-item {
        flex: 1 0 calc(33% - 6px);
    }
}

@media screen and (min-width: 576px) and (max-width: 992px) {
    .pr-action-left,
    .pr-action-right,
    .pr-action-left .pr-btn,
    .pr-action-right .pr-btn {
        flex: 1 1 auto;
    }
}

.cart-wrap {
    display: flex;
    flex-direction: column;
    padding: 24px;
    background: #F5F5F5;
}

.cart-title {
    font-weight: 600;
    font-size: 24px;
    line-height: 28px;
    color: #1A1B27;
    margin-bottom: 24px;
}

.cart-item {
    display: flex;
    display: -webkit-flex;
    display: -moz-flex;
    padding: 10px;
    background: #FFFFFF;
    border-radius: 8px;
}

.cart-item-img {
    margin-right: 20px;
}

.cart-name {
    max-width: 240px;
}

.cart-item-img img {
    display: block;
    width: 50px;
    height: 50px;
    border-radius: 50%;
}

.cart-item-info {
    flex: 1 1 auto;
    padding: 10px 0;
}

.cart-item-top {
    display: flex;
    display: -webkit-flex;
    display: -moz-flex;
    justify-content: space-between;
}

.cart-item-bottom {
    display: flex;
    display: -webkit-flex;
    display: -moz-flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
}

.cart-item-name {
    font-weight: 600;
    font-size: 16px;
    line-height: 18px;
    color: #1A1B27;
}

.cart-item-remove {
    margin-left: 10px;
}

.cart-item-price {
    flex: 1 1 100%;
    font-weight: 600;
    font-size: 14px;
    line-height: 17px;
    color: #1A1B27;
    margin-bottom: 10px;
}

.cart-item-qty {
    font-weight: 600;
    font-size: 14px;
    line-height: 17px;
    color: #1A1B27;
}

.cart-item-summ {
    font-weight: 600;
    font-size: 16px;
    line-height: 20px;
    color: #1A1B27;
    margin: 6px 0;
}

.cart-totals {
    margin-bottom: 30px;
}

.cart-total {
    display: flex;
    display: -webkit-flex;
    display: -moz-flex;
    align-items: center;
    justify-content: space-between;
}

.cart-totals .cart-total + .cart-total {
    margin-top: 18px;
}

.cart-totals .cart-total.cart-total--big {
    margin-top: 30px;
}

.cart-total-name {
    font-weight: 500;
    font-size: 16px;
    line-height: 20px;
    color: #1A1B27;
}

.cart-total-value {
    font-weight: 500;
    font-size: 16px;
    line-height: 20px;
    color: #1A1B27;
}

.cart-total--big .cart-total-name {
    font-weight: 600;
}

.cart-total--big .cart-total-value {
    font-weight: 700;
    font-size: 24px;
    line-height: 28px;
}

.cart-button {
    display: flex;
    display: -webkit-flex;
    display: -moz-flex;
    align-items: center;
    justify-content: center;
    align-self: center;
    padding: 12px 25px;
    background-color: #A73939;
    border-radius: 8px;
    font-weight: 600;
    font-size: 16px;
    line-height: 20px;
    color: #F5F5F5;
    width: 100%;
}

@media screen and (min-width: 576px) and (max-width: 992px) {
    .cart-button {
        max-width: 260px;
    }
}

.cart-button:hover {
    background-color: #892328;
    color: #fff;
}

.cart-heading {
    font-weight: 700;
    font-size: 32px;
    line-height: 36px;
    text-transform: uppercase;
    text-align: left;
    margin-bottom: 24px;
    margin-top: 14px;
}

.cart-item-remove {
    flex: 0 0 auto;
    width: 18px;
    height: 18px;
    border: 0;
    outline: none;
    background-color: #666666;
    box-shadow: none;
    mask: url("data:image/svg+xml,%3Csvg width='18' height='19' viewBox='0 0 18 19' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M16.715 1.21505C17.11 1.60995 16.9824 2.37781 16.4301 2.93009L2.43013 16.9301C1.87785 17.4824 1.11 17.61 0.715091 17.215C0.320184 16.8201 0.447761 16.0523 1.00004 15.5L15 1.5C15.5523 0.947715 16.3201 0.820137 16.715 1.21505Z' fill='%23000'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M1.28184 1.21816C1.67847 0.821533 2.44771 0.947715 3 1.5L17 15.5C17.5522 16.0523 17.6784 16.8215 17.2818 17.2182C16.8852 17.6148 16.1159 17.4886 15.5636 16.9363L1.56367 2.93633C1.01139 2.38404 0.885207 1.6148 1.28184 1.21816Z' fill='%23000'/%3E%3C/svg%3E") 100%;
    -webkit-mask: url("data:image/svg+xml,%3Csvg width='18' height='19' viewBox='0 0 18 19' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M16.715 1.21505C17.11 1.60995 16.9824 2.37781 16.4301 2.93009L2.43013 16.9301C1.87785 17.4824 1.11 17.61 0.715091 17.215C0.320184 16.8201 0.447761 16.0523 1.00004 15.5L15 1.5C15.5523 0.947715 16.3201 0.820137 16.715 1.21505Z' fill='%23000'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M1.28184 1.21816C1.67847 0.821533 2.44771 0.947715 3 1.5L17 15.5C17.5522 16.0523 17.6784 16.8215 17.2818 17.2182C16.8852 17.6148 16.1159 17.4886 15.5636 16.9363L1.56367 2.93633C1.01139 2.38404 0.885207 1.6148 1.28184 1.21816Z' fill='%23000'/%3E%3C/svg%3E") 100%;
}

.cart-list .cart-item + .cart-item {
    margin-top: 10px;
}

.cart-left {
    margin-bottom: 6px;
}

.cart-row {
    margin-left: -15px;
    margin-right: -15px;
}

@media screen and (min-width: 576px) {
    .cart-item-bottom {
        justify-content: flex-start;
    }

    .cart-item-price {
        flex: 0 0 auto;
        margin-bottom: 0;
        margin-right: 25px;
    }

    .cart-item-qty {
        margin-left: 25px;
        margin-right: 25px;
    }

    .cart-item-summ {
        margin-left: 25px;
    }
}

@media screen and (min-width: 992px) {
    .cart-row {
        display: flex;
        display: -webkit-flex;
        display: -moz-flex;
        flex-direction: row;
        margin: 0 -3px;
    }

    .cart-left {
        flex: 0 0 70%;
        padding-left: 3px;
        padding-right: 3px;
    }

    .cart-right {
        flex: 0 0 30%;
        padding-left: 3px;
        padding-right: 3px;
    }

    .cart-wrap {
        border-radius: 8px;
    }

    /*.cart-item-top {
        margin-bottom: 18px;
    }*/

    .cart-item-price {
        margin-left: auto;
    }
}

.success-title {
    font-weight: 700;
    font-size: 20px;
    line-height: 22px;
    color: #1A1B27;
}

.success-subtitle {
    font-weight: 600;
    font-size: 14px;
    line-height: 18px;
    text-transform: uppercase;
    color: #1A1B27;
    margin-bottom: 24px;
    margin-top: 32px;
}

.success-data-title {
    font-weight: 500;
    font-size: 16px;
    line-height: 20px;
    color: #888888;
    min-width: 270px;
}

.success-data-text {
    font-weight: 500;
    font-size: 16px;
    line-height: 20px;
    color: #1A1B27;
}

.success-data .success-data-item:not(:last-child) {
    margin-bottom: 24px;
}

.success-left .success-data:not(:last-child) {
    margin-bottom: 32px;
}

.success-left .cart-wrap {
    padding: 40px 32px;
}

.success-right .cart-wrap {
    padding: 16px 30px;
}

.success-right .cart-wrap:not(:last-child) {
    margin-bottom: 6px;
}

.success-right .cart-item {
    padding: 16px;
    background-color: #F5F5F5;
}

.success-total {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.success-total-title {
    font-weight: 600;
    font-size: 16px;
    line-height: 16px;
    color: #888888;
}

.success-total-text {
    font-weight: 600;
    font-size: 20px;
    line-height: 100%;
    color: #1A1B27;
}

.success-left {
    flex: 0 0 66%;
}

.success-right {
    flex: 0 0 34%;
}

@media screen and (min-width: 576px) {
    .success-data-item {
        display: flex;
        align-items: center;
    }
}

.form-dropzone.dropzone {
    border: 1px solid #ddd;
    border-radius: 8px;
    padding: 20px;
    text-align: center;
    transition: all 0.3s ease;
    margin-bottom: 20px;
}
.form-dropzone.dropzone .dz-preview .dz-image {
    border-radius: 6px !important;
}
.form-dropzone.dropzone .dz-preview.dz-image-preview{
    background: transparent !important;
}
.form-dropzone.dropzone .dz-message {
    margin: 0;
}

.form-dropzone.dropzone:hover {
    border-color: #A73939;
    background-color: #f8f9fa;
}

.form-dropzone.dropzone.dz-drag-hover {
    border-color: #A73939;
    background-color: #e3f2fd;
}

.form-dropzone .dz-message {
    margin: 0;
    font-family: inherit;
    color: #495057;
}

.form-dropzone .dz-message-content {
    display: flex;
    align-items: flex-start;
    gap: 15px;
}

.form-dropzone .dc-dz-icon-wrapper {
    flex-shrink: 0;
}



.form-dropzone .dc-dz-icon-wrapper i {
    font-size: 28px;
    color: #6c757d;
    opacity: 0.5;
}

.form-dropzone .dc-dz-text-wrapper {
    color: #495057;
    font-size: 14px;
    line-height: 1.5;
    text-align: left;
}

.form-dropzone .dc-dz-text-wrapper strong {
    color: #A73939;
    font-weight: 600;
    font-size: 16px;
    display: block;
    margin-bottom: 8px;
}

.form-dropzone .dc-dz-text-wrapper p {
    margin: 0;
    color: #6c757d;
}

.form-df-field {
    position: absolute !important;
    left: -9999px !important;
    opacity: 0 !important;
    pointer-events: none !important;
    visibility: hidden !important;
    z-index: -1 !important;
}


/* image popup */
.lg-primary-images.lg-backdrop{background: rgba(0, 0, 0, 0.7)}
.lg-primary-images .lg-thumb-outer{background: rgba(17, 17, 17, 1)}
.lg-outer .lg-thumb-outer {height: auto !important;transition: transform .25s ease-out}
.lg-outer .lg-thumb{padding: 0 !important;margin: 0 auto;background: transparent;align-items: center}
.lg-primary-images .lg-thumb-item {margin-top: 10px;padding-right: 10px}
.lg-outer .lg-thumb-item {border: none !important;border-radius: 0 !important;margin-bottom: 0 !important;overflow: visible !important}
.lg-primary-images .lg-thumb-item img{margin-bottom:10px;border-width: 1px;border-style: solid;border-color: rgba(0, 0, 0, 0);border-radius: 3px}
.lg-outer .lg-thumb-item img{display: block}
.lg-primary-images .lg-thumb-item img:hover, .lg-primary-images .lg-thumb-item.active img{border-color: #af2d33}
.lg-primary-images #lg-actual-size{display: none}


/* review images */
.pr-review-item-images {
    display: flex;
    align-items: center;
    margin: 0 -3px 9px;
}

.pr-review-item-image {
    position: relative;
    margin: 0 3px 6px;
    cursor: pointer;
}

.pr-review-item-image::after {
    content: "";
    position: absolute;
    background: rgba(0, 0, 0, 0.5) url(../image/search.svg) no-repeat 50%/auto;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 1;
    pointer-events: none;
    opacity: 0;
    -webkit-transition: opacity .2s;
    -o-transition: opacity .2s;
    transition: opacity .2s;
    border-radius: 6px;
}

.pr-review-item-image img {
    width: 100%;
    height: 100%;
    display: block;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 6px;
}

.pr-review-item-image:hover::after {
    opacity: 1;
}

.cart-row .pr-services {
    margin-top: 24px;
}

.cart-row .cart-left .pr-services {
    margin-top: 6px;
}

.cart-row .text-module {
    margin: 0;
}

.cart-right .pr-services {
    display: none;
}

@media screen and (max-width: 992px) {
    .cart-row .pr-services {
        border-radius: 0;
    }

    .cart-left .pr-services {
        display: none;
    }

    .cart-right .pr-services {
        display: block;
    }
}

.success-right .cart-item {
    margin-bottom: 6px;
}

.success-row {
    margin-left: -3px;
    margin-right: -3px;
}

.success-row .success-wrap {
    border-radius: 4px;
}

.success-top {
    display: flex;
    flex-direction: column;
    overflow: hidden;
    margin-bottom: 24px;
    margin-left: -15px;
    margin-right: -15px;
}

.success-top .success-top-left {
    display: flex;
    flex-direction: column;
    justify-content: stretch;
    padding: 24px 16px 30px 16px;
    background-color: #F5F5F5;
    flex-grow: 1;
}

.success-top .success-top-wrap {
    max-width: 522px;
}

.success-top .success-top-title {
    font-weight: 700;
    font-size: 16px;
    line-height: 20px;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: #1A1B27;
    margin-bottom: 24px;
}

.success-top .success-top-text {
    font-weight: 600;
    font-size: 12px;
    line-height: 16px;
    color: #1A1B27;
    margin-bottom: 24px;
}

.success-top .success-top-text span {
    color: #A73939;
}

.success-top .success-top-subtext {
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    color: #1A1B27;
    margin: 0;
}

.success-top .success-top-right {
    flex-shrink: 0;
}

.success-top .success-top-img {
    display: block;
    max-width: 100%;
    width: 100%;
}

.succes-total-title {
    font-weight: 600;
    font-size: 16px;
    line-height: 16px;
    color: #888888;
}

.success-row .cart-item .cart-item-info {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 0;
}

.success-row .cart-item .cart-item-top {
    margin: 0;
}

.success-row .cart-item .cart-item-bottom {
    justify-content: space-between;
}

.success-row .cart-item .cart-item-bottom-right {
    display: flex;
    flex-wrap: wrap;
    align-self: center;
    justify-content: space-between;
    width: 100%;

}

@media (min-width: 576px) {
    .success-row .cart-item .cart-item-bottom-right {
        max-width: 320px;
        margin-left: auto;
    }
}

.success-row .cart-item .cart-item-price {
    margin: 10px 0 0 0;
}

.success-row .cart-item .cart-item-qty {
    margin: 10px 0 0 0;
}

.success-row .cart-item .cart-item-summ {
    margin: 10px 0 0 0;
}

.success-row + .o-banner {
    margin-top: 60px;
}

@media (min-width: 576px) {
    .success-top .success-top-left {
        padding: 40px 32px;
        align-items: flex-start;
        justify-content: center;
    }
}

@media (min-width: 744px) {
    .success-top {
        flex-direction: row;
        align-items: stretch;
        justify-content: flex-start;
    }

    .success-top .success-top-img {
        width: auto;
    }

    .success-top .success-top-text {
        font-size: 14px;
        line-height: 18px;
    }

    .success-top .success-top-subtext {
        font-size: 14px;
        line-height: 18px;
    }

    .success-title {
        font-size: 20px;
    }

    .success-data-title {
        font-size: 16px;
        line-height: 20px;
        margin-bottom: 0;
    }

    .success-data .success-data-item:not(:last-child) {
        margin-bottom: 24px;
    }

    .success-subtitle {
        margin-bottom: 24px;
        margin-top: 32px;
    }

    .success-data-item {
        display: flex;
        align-items: center;
    }
}

@media (min-width: 992px) {
    .success-top {
        margin-left: 0;
        margin-right: 0;
    }
}

@media (min-width: 1440px) {
    .success-top .success-top-title {
        font-size: 18px;
        line-height: 24px;
    }

    .success-top .success-top-text {
        font-size: 16px;
        line-height: 20px;
    }

    .success-top .success-top-subtext {
        font-size: 16px;
        line-height: 20px;
    }

    .success-row + .o-banner {
        margin-top: 60px;
    }
}

.common-home .pr-related {
    margin-bottom: 3.75rem;
}

.common-home .pr-related h2 {
    text-align: center;
}


/* image option */

.pr-options .pr-option.pr-option--color .pr-option-item {
    flex: 1 1 calc(100% / 8);
    max-width: calc(100% / 8);
    box-sizing: border-box;
    margin:0;
    margin-bottom: 10px;
}
@media (max-width: 1279px) {
    .pr-options .pr-option.pr-option--color .pr-option-item {
        flex: 1 1 calc(100% / 6);
        max-width: calc(100% / 6);
    }
}

@media (max-width: 1023px) {
    .pr-options .pr-option.pr-option--color .pr-option-item {
        flex: 1 1 calc(100% / 6);
        max-width: calc(100% / 6);
    }
}

@media (max-width: 989px) {
    .pr-options .pr-option.pr-option--color .pr-option-item {
        flex: 1 1 calc(100% / 8);
        max-width: calc(100% / 8);
    }
}

@media (max-width: 767px) {
    .pr-options .pr-option.pr-option--color .pr-option-item {
        flex: 1 1 calc(100% / 6);
        max-width: calc(100% / 6);
    }
}

@media (max-width: 579px) {
    .pr-options .pr-option.pr-option--color .pr-option-item {
        flex: 1 1 calc(100% / 5);
        max-width: calc(100% / 5);
    }
}

@media (max-width: 479px) {
    .pr-options .pr-option.pr-option--color .pr-option-item {
        flex: 1 1 calc(100% / 4);
        max-width: calc(100% / 4);
    }
}

@media (max-width: 424px) {
    .pr-options .pr-option.pr-option--color .pr-option-item {
        flex: 1 1 calc(100% / 4);
        max-width: calc(100% / 4);
    }
}

@media (max-width: 375px) {
    .pr-options .pr-option.pr-option--color .pr-option-item {
        flex: 1 1 calc(100% / 3);
        max-width: calc(100% / 3);
    }
}

.pr-options .pr-option-item .pr-option-color-text {
    font-weight: 400;
    font-size: 12px;
    line-height: 1.2;
    text-align: center;
    min-height: 34px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.pr-option-color-more {
    margin:15px 0 8px 0;
    display: inline-block;
}


/* image popup option */
.pr-option-modal .pr-option.pr-option--color .pr-option-item {
    flex: 1 1 calc(100% / 4); /* За замовчуванням 5 елементів */
    max-width: calc(100% / 4);
    box-sizing: border-box;
    /* Видаляємо зовнішні відступи */
    margin:0;
}

/* Вирівнювання по ширині з відступами через gap */
.pr-option-modal .pr-option.pr-option--color .pr-option-list{
    display: flex;
    flex-wrap: wrap;
    /*justify-content: space-between;*/ /* Вирівнювання елементів по ширині */
    justify-content: flex-start;
    align-items: stretch;
    margin: 0;
    padding: 0;
    gap: 15px 0px;
}

/* Phone: 2 items per row in modal option grid */
@media (max-width: 767px) {
    .pr-option-modal .pr-option.pr-option--color .pr-option-item {
        flex: 1 1 50%;
        max-width: 50%;
    }
}

/* Keep 2 per row on small phones as well */
@media (max-width: 446px) {
    .pr-option-modal .pr-option.pr-option--color .pr-option-item {
        flex: 1 1 50%;
        max-width: 50%;
    }
}

/* Keep 2 per row on very small phones */
@media (max-width: 320px) {
    .pr-option-modal .pr-option.pr-option--color .pr-option-item {
        flex: 1 1 50%;
        max-width: 50%;
    }
}

/* Загальні стилі для елементів */
.pr-option-modal .pr-option-item .pr-option-color {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    cursor: pointer;
    height: 100%;
}

.pr-option-modal .pr-option-item .pr-option-color-button {
    padding: 3px;
}

.pr-option-modal .pr-option-item .pr-option-color-img {
    width: 130px;
    height: 65px;
    background-size: 130px 65px;
}

.pr-option-modal .pr-option-item .pr-option-color--clear .pr-option-color-button,
.pr-option-modal .pr-option-item .pr-option-color--more .pr-option-color-button {
    width: 136px;
    height: 71px;
}

.pr-option-modal .pr-option-item .pr-option-color-text {
    font-weight: 400;
    font-size: 12px;
    line-height: 1.2;
    text-align: center;
    min-height: 34px;
    display: flex;
    align-items: center;
    justify-content: center;
}


/* portfolio */
.portfolio-slider-block .portfolio-title {
    color: #1A1B27;
    font-size: 12px;
}
.portfolio-slider-block .additional-images img {
    border: 1px solid #888;
    width: 100%;
    height: auto;
}

.portfolio-sticker {
    position: absolute;
    top: auto;
    left: 50%;
    bottom: 12px;
    z-index: 5;
    background: #A73939;
    color: #fff;
    font-size: 13px;
    font-weight: 600;
    line-height: 1.2;
    padding: 6px 12px;
    border-radius: 4px;
    pointer-events: none;
    white-space: nowrap;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    transform: translate(-50%, 50%);
}
.portfolio-slider-block .portfolio-sticker {
    bottom: 8px;
    border-radius: 4px 4px 0 0;
}
.portfolio-sticker--sm {
    font-size: 9px;
    padding: 3px 6px;
    border-radius: 3px;
}

/* image zoom */
.zm-viewer{opacity: 0;transition: opacity .25s .25s ease-in-out}
.zm-viewer, .zm-handler{pointer-events: none;z-index: 10}


/* main image carusel */
.primary-image .swiper-slide {width: auto !important;max-width: 100% !important;}
.primary-image {position: relative;margin: 0 auto;display: flex;flex-direction: column;}
/*.primary-image > div {order: 5;}*/

.primary-image .main-image {overflow: hidden;cursor: zoom-in;}
.primary-image .swiper {width: auto;width: -webkit-fill-available;width: -moz-available;}
.primary-image .swiper.main-image {padding: 0;position: relative;}
.primary-image .swiper.main-image .swiper-pagination {bottom: 10px;display: none;}
@media (max-width: 767px) {
    .primary-image .additional-images.swiper {
        display: none;
    }
    .primary-image .main-image .swiper-controls {
        opacity: 1;
        position: absolute;
        left: 0;
        right: 0;
        bottom: 10px;
        z-index: 3;
        pointer-events: none;
    }
    .primary-image .main-image .swiper-controls .swiper-button-prev,
    .primary-image .main-image .swiper-controls .swiper-button-next {
        display: none !important;
    }
    .primary-image .swiper.main-image .swiper-pagination {
        display: block;
        position: static;
        pointer-events: auto;
    }
    .primary-image .swiper.main-image .swiper-pagination .swiper-pagination-bullet {
        width: 12px;
        height: 12px;
        margin: 0 3px !important;
    }
}
.primary-image .additional-images .swiper-wrapper {flex-direction: row;-webkit-box-orient: horizontal;-webkit-box-direction: normal;-webkit-flex-direction: row;-ms-flex-direction: row;flex-direction: row;}
.primary-image .additional-image {cursor: pointer;padding:0 calc(10px / 2);height: auto;}
.primary-image .additional-image:first-child {padding-left: 0;}
.primary-image .additional-image:last-child {padding-right: 0;}
.primary-image .additional-images.swiper {padding: 0;margin-top: 15px;/*margin-left: -5px;*/position: relative;}
.primary-image .additional-images.swiper .additional-image img {border:1px solid #888;}
.primary-image .additional-images.swiper .additional-image.swiper-slide-active img{border:1px solid #af2d33;}
.primary-image .additional-images:not(.swiper) {display: flex;flex-wrap: wrap;}
.primary-image .product-labels {z-index: 1;}
.primary-image img {width: 100%;height: auto;}
.primary-image.position-left .additional-images,
.primary-image.position-top .additional-images {order: -1;}
.primary-image.additional-images-loaded .additional-images .swiper-buttons {opacity: 1;}

.primary-image .additional-images .swiper-buttons {width: 100%;height: 100%;display: block;top: 50%;position: absolute;left: 50%;transform: translate(-50%, -50%);z-index: 2;pointer-events: none;}

.primary-image .additional-images .swiper-button-disabled,
.primary-image .main-image .swiper-controls {opacity: 0;}
@media (max-width: 767px) {
    .primary-image .main-image .swiper-controls {opacity: 1;}
}
.primary-image .main-image .slide-video {cursor: pointer}
.additional-images .swiper-buttons div {width: 20px;height: 92px;background: rgb(167 57 57);}
.primary-image .additional-images .swiper-buttons div {height: 100%;}
/*.primary-image .additional-images .swiper-buttons>div {left: 50%;top: 0;transform: translateX(-50%);max-width: 100%;}*/


.additional-images .swiper-button-next, 
.additional-images .swiper-button-prev {
    pointer-events: auto;
    margin-top: auto;
    transform: translateY(-50%);
    background: transparent;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top:0 !important;
}


.additional-images .swiper-button-next, .additional-images .swiper-container-rtl .swiper-button-prev {right: -1px !important;left: auto;}
.additional-images .swiper-button-prev, .additional-images .swiper-container-rtl .swiper-button-next {left: 0 !important;right: auto;}

.additional-images .swiper-buttons .swiper-button-next::before {
  content: ' ';
	background-image: url("data:image/svg+xml,%3Csvg width='11' height='18' viewBox='0 0 11 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0.866117 0.616117C1.35427 0.127961 2.14573 0.127961 2.63388 0.616117L10.1339 8.11612C10.622 8.60427 10.622 9.39573 10.1339 9.88388L2.63388 17.3839C2.14573 17.872 1.35427 17.872 0.866117 17.3839C0.377961 16.8957 0.377961 16.1043 0.866117 15.6161L7.48223 9L0.866117 2.38388C0.377961 1.89573 0.377961 1.10427 0.866117 0.616117Z' fill='%23FFFFFF'/%3E%3C/svg%3E%0A");
	background-repeat: no-repeat;
	width: 10px;
  height: 20px;
}

.additional-images .swiper-buttons .swiper-button-prev::before {
  content: ' ';
	background-image: url("data:image/svg+xml,%3Csvg width='11' height='18' viewBox='0 0 11 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M10.1339 17.3839C9.64573 17.872 8.85427 17.872 8.36612 17.3839L0.866116 9.88388C0.377961 9.39573 0.37796 8.60427 0.866116 8.11612L8.36611 0.616117C8.85427 0.127961 9.64573 0.127961 10.1339 0.616117C10.622 1.10427 10.622 1.89573 10.1339 2.38388L3.51777 9L10.1339 15.6161C10.622 16.1043 10.622 16.8957 10.1339 17.3839Z' fill='%23FFFFFF'/%3E%3C/svg%3E%0A");
	background-repeat: no-repeat;
	width: 10px;
  height: 20px;
}


/* video slide */
.slide-video {position: relative}

.slide-video::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 60px;
    height: 60px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    transform: translate(-50%, -50%);
    pointer-events: none;
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 400 400"><circle cx="200" cy="200" r="200" fill="red"/><polygon points="150,100 300,200 150,300" fill="white"/></svg>');
}

.additional-images .slide-video::before {transform: translate(-50%, -50%) scale(0.8)}

/* OCFilter Portfolio Filter Styles */
.ocf-filter-body-portfolio {
    background: #D7DEFB;
    margin: -6px -8px;
    padding: 6px 8px;
    border-radius: 4px;
}

.ocf-filter-name .ocf-filter-new-badge {
    display: inline-block;
    background: #FFD700;
    color: #000;
    font-size: 10px;
    font-weight: 600;
    padding: 2px 8px;
    border-radius: 12px;
    margin-left: 6px;
    text-transform: uppercase;
    line-height: 1.4;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}

#current-product .pr-card-price{
    margin-bottom: 10px;
}



.m-0 {
    margin: 0 !important;
  }
  
  .mt-0,
  .my-0 {
    margin-top: 0 !important;
  }
  
  .mr-0,
  .mx-0 {
    margin-right: 0 !important;
  }
  
  .mb-0,
  .my-0 {
    margin-bottom: 0 !important;
  }
  
  .ml-0,
  .mx-0 {
    margin-left: 0 !important;
  }
  
  .m-1 {
    margin: 0.25rem !important;
  }
  
  .mt-1,
  .my-1 {
    margin-top: 0.25rem !important;
  }
  
  .mr-1,
  .mx-1 {
    margin-right: 0.25rem !important;
  }
  
  .mb-1,
  .my-1 {
    margin-bottom: 0.25rem !important;
  }
  
  .ml-1,
  .mx-1 {
    margin-left: 0.25rem !important;
  }
  
  .m-2 {
    margin: 0.5rem !important;
  }
  
  .mt-2,
  .my-2 {
    margin-top: 0.5rem !important;
  }
  
  .mr-2,
  .mx-2 {
    margin-right: 0.5rem !important;
  }
  
  .mb-2,
  .my-2 {
    margin-bottom: 0.5rem !important;
  }
  
  .ml-2,
  .mx-2 {
    margin-left: 0.5rem !important;
  }
  
  .m-3 {
    margin: 1rem !important;
  }
  
  .mt-3,
  .my-3 {
    margin-top: 1rem !important;
  }
  
  .mr-3,
  .mx-3 {
    margin-right: 1rem !important;
  }
  
  .mb-3,
  .my-3 {
    margin-bottom: 1rem !important;
  }
  
  .ml-3,
  .mx-3 {
    margin-left: 1rem !important;
  }
  
  .m-4 {
    margin: 1.5rem !important;
  }
  
  .mt-4,
  .my-4 {
    margin-top: 1.5rem !important;
  }
  
  .mr-4,
  .mx-4 {
    margin-right: 1.5rem !important;
  }
  
  .mb-4,
  .my-4 {
    margin-bottom: 1.5rem !important;
  }
  
  .ml-4,
  .mx-4 {
    margin-left: 1.5rem !important;
  }
  
  .m-5 {
    margin: 3rem !important;
  }
  
  .mt-5,
  .my-5 {
    margin-top: 3rem !important;
  }
  
  .mr-5,
  .mx-5 {
    margin-right: 3rem !important;
  }
  
  .mb-5,
  .my-5 {
    margin-bottom: 3rem !important;
  }
  
  .ml-5,
  .mx-5 {
    margin-left: 3rem !important;
  }
  
  .p-0 {
    padding: 0 !important;
  }
  
  .pt-0,
  .py-0 {
    padding-top: 0 !important;
  }
  
  .pr-0,
  .px-0 {
    padding-right: 0 !important;
  }
  
  .pb-0,
  .py-0 {
    padding-bottom: 0 !important;
  }
  
  .pl-0,
  .px-0 {
    padding-left: 0 !important;
  }
  
  .p-1 {
    padding: 0.25rem !important;
  }
  
  .pt-1,
  .py-1 {
    padding-top: 0.25rem !important;
  }
  
  .pr-1,
  .px-1 {
    padding-right: 0.25rem !important;
  }
  
  .pb-1,
  .py-1 {
    padding-bottom: 0.25rem !important;
  }
  
  .pl-1,
  .px-1 {
    padding-left: 0.25rem !important;
  }
  
  .p-2 {
    padding: 0.5rem !important;
  }
  
  .pt-2,
  .py-2 {
    padding-top: 0.5rem !important;
  }
  
  .pr-2,
  .px-2 {
    padding-right: 0.5rem !important;
  }
  
  .pb-2,
  .py-2 {
    padding-bottom: 0.5rem !important;
  }
  
  .pl-2,
  .px-2 {
    padding-left: 0.5rem !important;
  }
  
  .p-3 {
    padding: 1rem !important;
  }
  
  .pt-3,
  .py-3 {
    padding-top: 1rem !important;
  }
  
  .pr-3,
  .px-3 {
    padding-right: 1rem !important;
  }
  
  .pb-3,
  .py-3 {
    padding-bottom: 1rem !important;
  }
  
  .pl-3,
  .px-3 {
    padding-left: 1rem !important;
  }
  
  .p-4 {
    padding: 1.5rem !important;
  }
  
  .pt-4,
  .py-4 {
    padding-top: 1.5rem !important;
  }
  
  .pr-4,
  .px-4 {
    padding-right: 1.5rem !important;
  }
  
  .pb-4,
  .py-4 {
    padding-bottom: 1.5rem !important;
  }
  
  .pl-4,
  .px-4 {
    padding-left: 1.5rem !important;
  }
  
  .p-5 {
    padding: 3rem !important;
  }
  
  .pt-5,
  .py-5 {
    padding-top: 3rem !important;
  }
  
  .pr-5,
  .px-5 {
    padding-right: 3rem !important;
  }
  
  .pb-5,
  .py-5 {
    padding-bottom: 3rem !important;
  }
  
  .pl-5,
  .px-5 {
    padding-left: 3rem !important;
  }
  
  .m-auto {
    margin: auto !important;
  }
  
  .mt-auto,
  .my-auto {
    margin-top: auto !important;
  }
  
  .mr-auto,
  .mx-auto {
    margin-right: auto !important;
  }
  
  .mb-auto,
  .my-auto {
    margin-bottom: auto !important;
  }
  
  .ml-auto,
  .mx-auto {
    margin-left: auto !important;
  }
  
  @media (min-width: 576px) {
    .m-sm-0 {
      margin: 0 !important;
    }
    .mt-sm-0,
    .my-sm-0 {
      margin-top: 0 !important;
    }
    .mr-sm-0,
    .mx-sm-0 {
      margin-right: 0 !important;
    }
    .mb-sm-0,
    .my-sm-0 {
      margin-bottom: 0 !important;
    }
    .ml-sm-0,
    .mx-sm-0 {
      margin-left: 0 !important;
    }
    .m-sm-1 {
      margin: 0.25rem !important;
    }
    .mt-sm-1,
    .my-sm-1 {
      margin-top: 0.25rem !important;
    }
    .mr-sm-1,
    .mx-sm-1 {
      margin-right: 0.25rem !important;
    }
    .mb-sm-1,
    .my-sm-1 {
      margin-bottom: 0.25rem !important;
    }
    .ml-sm-1,
    .mx-sm-1 {
      margin-left: 0.25rem !important;
    }
    .m-sm-2 {
      margin: 0.5rem !important;
    }
    .mt-sm-2,
    .my-sm-2 {
      margin-top: 0.5rem !important;
    }
    .mr-sm-2,
    .mx-sm-2 {
      margin-right: 0.5rem !important;
    }
    .mb-sm-2,
    .my-sm-2 {
      margin-bottom: 0.5rem !important;
    }
    .ml-sm-2,
    .mx-sm-2 {
      margin-left: 0.5rem !important;
    }
    .m-sm-3 {
      margin: 1rem !important;
    }
    .mt-sm-3,
    .my-sm-3 {
      margin-top: 1rem !important;
    }
    .mr-sm-3,
    .mx-sm-3 {
      margin-right: 1rem !important;
    }
    .mb-sm-3,
    .my-sm-3 {
      margin-bottom: 1rem !important;
    }
    .ml-sm-3,
    .mx-sm-3 {
      margin-left: 1rem !important;
    }
    .m-sm-4 {
      margin: 1.5rem !important;
    }
    .mt-sm-4,
    .my-sm-4 {
      margin-top: 1.5rem !important;
    }
    .mr-sm-4,
    .mx-sm-4 {
      margin-right: 1.5rem !important;
    }
    .mb-sm-4,
    .my-sm-4 {
      margin-bottom: 1.5rem !important;
    }
    .ml-sm-4,
    .mx-sm-4 {
      margin-left: 1.5rem !important;
    }
    .m-sm-5 {
      margin: 3rem !important;
    }
    .mt-sm-5,
    .my-sm-5 {
      margin-top: 3rem !important;
    }
    .mr-sm-5,
    .mx-sm-5 {
      margin-right: 3rem !important;
    }
    .mb-sm-5,
    .my-sm-5 {
      margin-bottom: 3rem !important;
    }
    .ml-sm-5,
    .mx-sm-5 {
      margin-left: 3rem !important;
    }
    .p-sm-0 {
      padding: 0 !important;
    }
    .pt-sm-0,
    .py-sm-0 {
      padding-top: 0 !important;
    }
    .pr-sm-0,
    .px-sm-0 {
      padding-right: 0 !important;
    }
    .pb-sm-0,
    .py-sm-0 {
      padding-bottom: 0 !important;
    }
    .pl-sm-0,
    .px-sm-0 {
      padding-left: 0 !important;
    }
    .p-sm-1 {
      padding: 0.25rem !important;
    }
    .pt-sm-1,
    .py-sm-1 {
      padding-top: 0.25rem !important;
    }
    .pr-sm-1,
    .px-sm-1 {
      padding-right: 0.25rem !important;
    }
    .pb-sm-1,
    .py-sm-1 {
      padding-bottom: 0.25rem !important;
    }
    .pl-sm-1,
    .px-sm-1 {
      padding-left: 0.25rem !important;
    }
    .p-sm-2 {
      padding: 0.5rem !important;
    }
    .pt-sm-2,
    .py-sm-2 {
      padding-top: 0.5rem !important;
    }
    .pr-sm-2,
    .px-sm-2 {
      padding-right: 0.5rem !important;
    }
    .pb-sm-2,
    .py-sm-2 {
      padding-bottom: 0.5rem !important;
    }
    .pl-sm-2,
    .px-sm-2 {
      padding-left: 0.5rem !important;
    }
    .p-sm-3 {
      padding: 1rem !important;
    }
    .pt-sm-3,
    .py-sm-3 {
      padding-top: 1rem !important;
    }
    .pr-sm-3,
    .px-sm-3 {
      padding-right: 1rem !important;
    }
    .pb-sm-3,
    .py-sm-3 {
      padding-bottom: 1rem !important;
    }
    .pl-sm-3,
    .px-sm-3 {
      padding-left: 1rem !important;
    }
    .p-sm-4 {
      padding: 1.5rem !important;
    }
    .pt-sm-4,
    .py-sm-4 {
      padding-top: 1.5rem !important;
    }
    .pr-sm-4,
    .px-sm-4 {
      padding-right: 1.5rem !important;
    }
    .pb-sm-4,
    .py-sm-4 {
      padding-bottom: 1.5rem !important;
    }
    .pl-sm-4,
    .px-sm-4 {
      padding-left: 1.5rem !important;
    }
    .p-sm-5 {
      padding: 3rem !important;
    }
    .pt-sm-5,
    .py-sm-5 {
      padding-top: 3rem !important;
    }
    .pr-sm-5,
    .px-sm-5 {
      padding-right: 3rem !important;
    }
    .pb-sm-5,
    .py-sm-5 {
      padding-bottom: 3rem !important;
    }
    .pl-sm-5,
    .px-sm-5 {
      padding-left: 3rem !important;
    }
    .m-sm-auto {
      margin: auto !important;
    }
    .mt-sm-auto,
    .my-sm-auto {
      margin-top: auto !important;
    }
    .mr-sm-auto,
    .mx-sm-auto {
      margin-right: auto !important;
    }
    .mb-sm-auto,
    .my-sm-auto {
      margin-bottom: auto !important;
    }
    .ml-sm-auto,
    .mx-sm-auto {
      margin-left: auto !important;
    }
  }
  
  @media (min-width: 768px) {
    .m-md-0 {
      margin: 0 !important;
    }
    .mt-md-0,
    .my-md-0 {
      margin-top: 0 !important;
    }
    .mr-md-0,
    .mx-md-0 {
      margin-right: 0 !important;
    }
    .mb-md-0,
    .my-md-0 {
      margin-bottom: 0 !important;
    }
    .ml-md-0,
    .mx-md-0 {
      margin-left: 0 !important;
    }
    .m-md-1 {
      margin: 0.25rem !important;
    }
    .mt-md-1,
    .my-md-1 {
      margin-top: 0.25rem !important;
    }
    .mr-md-1,
    .mx-md-1 {
      margin-right: 0.25rem !important;
    }
    .mb-md-1,
    .my-md-1 {
      margin-bottom: 0.25rem !important;
    }
    .ml-md-1,
    .mx-md-1 {
      margin-left: 0.25rem !important;
    }
    .m-md-2 {
      margin: 0.5rem !important;
    }
    .mt-md-2,
    .my-md-2 {
      margin-top: 0.5rem !important;
    }
    .mr-md-2,
    .mx-md-2 {
      margin-right: 0.5rem !important;
    }
    .mb-md-2,
    .my-md-2 {
      margin-bottom: 0.5rem !important;
    }
    .ml-md-2,
    .mx-md-2 {
      margin-left: 0.5rem !important;
    }
    .m-md-3 {
      margin: 1rem !important;
    }
    .mt-md-3,
    .my-md-3 {
      margin-top: 1rem !important;
    }
    .mr-md-3,
    .mx-md-3 {
      margin-right: 1rem !important;
    }
    .mb-md-3,
    .my-md-3 {
      margin-bottom: 1rem !important;
    }
    .ml-md-3,
    .mx-md-3 {
      margin-left: 1rem !important;
    }
    .m-md-4 {
      margin: 1.5rem !important;
    }
    .mt-md-4,
    .my-md-4 {
      margin-top: 1.5rem !important;
    }
    .mr-md-4,
    .mx-md-4 {
      margin-right: 1.5rem !important;
    }
    .mb-md-4,
    .my-md-4 {
      margin-bottom: 1.5rem !important;
    }
    .ml-md-4,
    .mx-md-4 {
      margin-left: 1.5rem !important;
    }
    .m-md-5 {
      margin: 3rem !important;
    }
    .mt-md-5,
    .my-md-5 {
      margin-top: 3rem !important;
    }
    .mr-md-5,
    .mx-md-5 {
      margin-right: 3rem !important;
    }
    .mb-md-5,
    .my-md-5 {
      margin-bottom: 3rem !important;
    }
    .ml-md-5,
    .mx-md-5 {
      margin-left: 3rem !important;
    }
    .p-md-0 {
      padding: 0 !important;
    }
    .pt-md-0,
    .py-md-0 {
      padding-top: 0 !important;
    }
    .pr-md-0,
    .px-md-0 {
      padding-right: 0 !important;
    }
    .pb-md-0,
    .py-md-0 {
      padding-bottom: 0 !important;
    }
    .pl-md-0,
    .px-md-0 {
      padding-left: 0 !important;
    }
    .p-md-1 {
      padding: 0.25rem !important;
    }
    .pt-md-1,
    .py-md-1 {
      padding-top: 0.25rem !important;
    }
    .pr-md-1,
    .px-md-1 {
      padding-right: 0.25rem !important;
    }
    .pb-md-1,
    .py-md-1 {
      padding-bottom: 0.25rem !important;
    }
    .pl-md-1,
    .px-md-1 {
      padding-left: 0.25rem !important;
    }
    .p-md-2 {
      padding: 0.5rem !important;
    }
    .pt-md-2,
    .py-md-2 {
      padding-top: 0.5rem !important;
    }
    .pr-md-2,
    .px-md-2 {
      padding-right: 0.5rem !important;
    }
    .pb-md-2,
    .py-md-2 {
      padding-bottom: 0.5rem !important;
    }
    .pl-md-2,
    .px-md-2 {
      padding-left: 0.5rem !important;
    }
    .p-md-3 {
      padding: 1rem !important;
    }
    .pt-md-3,
    .py-md-3 {
      padding-top: 1rem !important;
    }
    .pr-md-3,
    .px-md-3 {
      padding-right: 1rem !important;
    }
    .pb-md-3,
    .py-md-3 {
      padding-bottom: 1rem !important;
    }
    .pl-md-3,
    .px-md-3 {
      padding-left: 1rem !important;
    }
    .p-md-4 {
      padding: 1.5rem !important;
    }
    .pt-md-4,
    .py-md-4 {
      padding-top: 1.5rem !important;
    }
    .pr-md-4,
    .px-md-4 {
      padding-right: 1.5rem !important;
    }
    .pb-md-4,
    .py-md-4 {
      padding-bottom: 1.5rem !important;
    }
    .pl-md-4,
    .px-md-4 {
      padding-left: 1.5rem !important;
    }
    .p-md-5 {
      padding: 3rem !important;
    }
    .pt-md-5,
    .py-md-5 {
      padding-top: 3rem !important;
    }
    .pr-md-5,
    .px-md-5 {
      padding-right: 3rem !important;
    }
    .pb-md-5,
    .py-md-5 {
      padding-bottom: 3rem !important;
    }
    .pl-md-5,
    .px-md-5 {
      padding-left: 3rem !important;
    }
    .m-md-auto {
      margin: auto !important;
    }
    .mt-md-auto,
    .my-md-auto {
      margin-top: auto !important;
    }
    .mr-md-auto,
    .mx-md-auto {
      margin-right: auto !important;
    }
    .mb-md-auto,
    .my-md-auto {
      margin-bottom: auto !important;
    }
    .ml-md-auto,
    .mx-md-auto {
      margin-left: auto !important;
    }
  }
  
  @media (min-width: 992px) {
    .m-lg-0 {
      margin: 0 !important;
    }
    .mt-lg-0,
    .my-lg-0 {
      margin-top: 0 !important;
    }
    .mr-lg-0,
    .mx-lg-0 {
      margin-right: 0 !important;
    }
    .mb-lg-0,
    .my-lg-0 {
      margin-bottom: 0 !important;
    }
    .ml-lg-0,
    .mx-lg-0 {
      margin-left: 0 !important;
    }
    .m-lg-1 {
      margin: 0.25rem !important;
    }
    .mt-lg-1,
    .my-lg-1 {
      margin-top: 0.25rem !important;
    }
    .mr-lg-1,
    .mx-lg-1 {
      margin-right: 0.25rem !important;
    }
    .mb-lg-1,
    .my-lg-1 {
      margin-bottom: 0.25rem !important;
    }
    .ml-lg-1,
    .mx-lg-1 {
      margin-left: 0.25rem !important;
    }
    .m-lg-2 {
      margin: 0.5rem !important;
    }
    .mt-lg-2,
    .my-lg-2 {
      margin-top: 0.5rem !important;
    }
    .mr-lg-2,
    .mx-lg-2 {
      margin-right: 0.5rem !important;
    }
    .mb-lg-2,
    .my-lg-2 {
      margin-bottom: 0.5rem !important;
    }
    .ml-lg-2,
    .mx-lg-2 {
      margin-left: 0.5rem !important;
    }
    .m-lg-3 {
      margin: 1rem !important;
    }
    .mt-lg-3,
    .my-lg-3 {
      margin-top: 1rem !important;
    }
    .mr-lg-3,
    .mx-lg-3 {
      margin-right: 1rem !important;
    }
    .mb-lg-3,
    .my-lg-3 {
      margin-bottom: 1rem !important;
    }
    .ml-lg-3,
    .mx-lg-3 {
      margin-left: 1rem !important;
    }
    .m-lg-4 {
      margin: 1.5rem !important;
    }
    .mt-lg-4,
    .my-lg-4 {
      margin-top: 1.5rem !important;
    }
    .mr-lg-4,
    .mx-lg-4 {
      margin-right: 1.5rem !important;
    }
    .mb-lg-4,
    .my-lg-4 {
      margin-bottom: 1.5rem !important;
    }
    .ml-lg-4,
    .mx-lg-4 {
      margin-left: 1.5rem !important;
    }
    .m-lg-5 {
      margin: 3rem !important;
    }
    .mt-lg-5,
    .my-lg-5 {
      margin-top: 3rem !important;
    }
    .mr-lg-5,
    .mx-lg-5 {
      margin-right: 3rem !important;
    }
    .mb-lg-5,
    .my-lg-5 {
      margin-bottom: 3rem !important;
    }
    .ml-lg-5,
    .mx-lg-5 {
      margin-left: 3rem !important;
    }
    .p-lg-0 {
      padding: 0 !important;
    }
    .pt-lg-0,
    .py-lg-0 {
      padding-top: 0 !important;
    }
    .pr-lg-0,
    .px-lg-0 {
      padding-right: 0 !important;
    }
    .pb-lg-0,
    .py-lg-0 {
      padding-bottom: 0 !important;
    }
    .pl-lg-0,
    .px-lg-0 {
      padding-left: 0 !important;
    }
    .p-lg-1 {
      padding: 0.25rem !important;
    }
    .pt-lg-1,
    .py-lg-1 {
      padding-top: 0.25rem !important;
    }
    .pr-lg-1,
    .px-lg-1 {
      padding-right: 0.25rem !important;
    }
    .pb-lg-1,
    .py-lg-1 {
      padding-bottom: 0.25rem !important;
    }
    .pl-lg-1,
    .px-lg-1 {
      padding-left: 0.25rem !important;
    }
    .p-lg-2 {
      padding: 0.5rem !important;
    }
    .pt-lg-2,
    .py-lg-2 {
      padding-top: 0.5rem !important;
    }
    .pr-lg-2,
    .px-lg-2 {
      padding-right: 0.5rem !important;
    }
    .pb-lg-2,
    .py-lg-2 {
      padding-bottom: 0.5rem !important;
    }
    .pl-lg-2,
    .px-lg-2 {
      padding-left: 0.5rem !important;
    }
    .p-lg-3 {
      padding: 1rem !important;
    }
    .pt-lg-3,
    .py-lg-3 {
      padding-top: 1rem !important;
    }
    .pr-lg-3,
    .px-lg-3 {
      padding-right: 1rem !important;
    }
    .pb-lg-3,
    .py-lg-3 {
      padding-bottom: 1rem !important;
    }
    .pl-lg-3,
    .px-lg-3 {
      padding-left: 1rem !important;
    }
    .p-lg-4 {
      padding: 1.5rem !important;
    }
    .pt-lg-4,
    .py-lg-4 {
      padding-top: 1.5rem !important;
    }
    .pr-lg-4,
    .px-lg-4 {
      padding-right: 1.5rem !important;
    }
    .pb-lg-4,
    .py-lg-4 {
      padding-bottom: 1.5rem !important;
    }
    .pl-lg-4,
    .px-lg-4 {
      padding-left: 1.5rem !important;
    }
    .p-lg-5 {
      padding: 3rem !important;
    }
    .pt-lg-5,
    .py-lg-5 {
      padding-top: 3rem !important;
    }
    .pr-lg-5,
    .px-lg-5 {
      padding-right: 3rem !important;
    }
    .pb-lg-5,
    .py-lg-5 {
      padding-bottom: 3rem !important;
    }
    .pl-lg-5,
    .px-lg-5 {
      padding-left: 3rem !important;
    }
    .m-lg-auto {
      margin: auto !important;
    }
    .mt-lg-auto,
    .my-lg-auto {
      margin-top: auto !important;
    }
    .mr-lg-auto,
    .mx-lg-auto {
      margin-right: auto !important;
    }
    .mb-lg-auto,
    .my-lg-auto {
      margin-bottom: auto !important;
    }
    .ml-lg-auto,
    .mx-lg-auto {
      margin-left: auto !important;
    }
  }
  
  @media (min-width: 1200px) {
    .m-xl-0 {
      margin: 0 !important;
    }
    .mt-xl-0,
    .my-xl-0 {
      margin-top: 0 !important;
    }
    .mr-xl-0,
    .mx-xl-0 {
      margin-right: 0 !important;
    }
    .mb-xl-0,
    .my-xl-0 {
      margin-bottom: 0 !important;
    }
    .ml-xl-0,
    .mx-xl-0 {
      margin-left: 0 !important;
    }
    .m-xl-1 {
      margin: 0.25rem !important;
    }
    .mt-xl-1,
    .my-xl-1 {
      margin-top: 0.25rem !important;
    }
    .mr-xl-1,
    .mx-xl-1 {
      margin-right: 0.25rem !important;
    }
    .mb-xl-1,
    .my-xl-1 {
      margin-bottom: 0.25rem !important;
    }
    .ml-xl-1,
    .mx-xl-1 {
      margin-left: 0.25rem !important;
    }
    .m-xl-2 {
      margin: 0.5rem !important;
    }
    .mt-xl-2,
    .my-xl-2 {
      margin-top: 0.5rem !important;
    }
    .mr-xl-2,
    .mx-xl-2 {
      margin-right: 0.5rem !important;
    }
    .mb-xl-2,
    .my-xl-2 {
      margin-bottom: 0.5rem !important;
    }
    .ml-xl-2,
    .mx-xl-2 {
      margin-left: 0.5rem !important;
    }
    .m-xl-3 {
      margin: 1rem !important;
    }
    .mt-xl-3,
    .my-xl-3 {
      margin-top: 1rem !important;
    }
    .mr-xl-3,
    .mx-xl-3 {
      margin-right: 1rem !important;
    }
    .mb-xl-3,
    .my-xl-3 {
      margin-bottom: 1rem !important;
    }
    .ml-xl-3,
    .mx-xl-3 {
      margin-left: 1rem !important;
    }
    .m-xl-4 {
      margin: 1.5rem !important;
    }
    .mt-xl-4,
    .my-xl-4 {
      margin-top: 1.5rem !important;
    }
    .mr-xl-4,
    .mx-xl-4 {
      margin-right: 1.5rem !important;
    }
    .mb-xl-4,
    .my-xl-4 {
      margin-bottom: 1.5rem !important;
    }
    .ml-xl-4,
    .mx-xl-4 {
      margin-left: 1.5rem !important;
    }
    .m-xl-5 {
      margin: 3rem !important;
    }
    .mt-xl-5,
    .my-xl-5 {
      margin-top: 3rem !important;
    }
    .mr-xl-5,
    .mx-xl-5 {
      margin-right: 3rem !important;
    }
    .mb-xl-5,
    .my-xl-5 {
      margin-bottom: 3rem !important;
    }
    .ml-xl-5,
    .mx-xl-5 {
      margin-left: 3rem !important;
    }
    .p-xl-0 {
      padding: 0 !important;
    }
    .pt-xl-0,
    .py-xl-0 {
      padding-top: 0 !important;
    }
    .pr-xl-0,
    .px-xl-0 {
      padding-right: 0 !important;
    }
    .pb-xl-0,
    .py-xl-0 {
      padding-bottom: 0 !important;
    }
    .pl-xl-0,
    .px-xl-0 {
      padding-left: 0 !important;
    }
    .p-xl-1 {
      padding: 0.25rem !important;
    }
    .pt-xl-1,
    .py-xl-1 {
      padding-top: 0.25rem !important;
    }
    .pr-xl-1,
    .px-xl-1 {
      padding-right: 0.25rem !important;
    }
    .pb-xl-1,
    .py-xl-1 {
      padding-bottom: 0.25rem !important;
    }
    .pl-xl-1,
    .px-xl-1 {
      padding-left: 0.25rem !important;
    }
    .p-xl-2 {
      padding: 0.5rem !important;
    }
    .pt-xl-2,
    .py-xl-2 {
      padding-top: 0.5rem !important;
    }
    .pr-xl-2,
    .px-xl-2 {
      padding-right: 0.5rem !important;
    }
    .pb-xl-2,
    .py-xl-2 {
      padding-bottom: 0.5rem !important;
    }
    .pl-xl-2,
    .px-xl-2 {
      padding-left: 0.5rem !important;
    }
    .p-xl-3 {
      padding: 1rem !important;
    }
    .pt-xl-3,
    .py-xl-3 {
      padding-top: 1rem !important;
    }
    .pr-xl-3,
    .px-xl-3 {
      padding-right: 1rem !important;
    }
    .pb-xl-3,
    .py-xl-3 {
      padding-bottom: 1rem !important;
    }
    .pl-xl-3,
    .px-xl-3 {
      padding-left: 1rem !important;
    }
    .p-xl-4 {
      padding: 1.5rem !important;
    }
    .pt-xl-4,
    .py-xl-4 {
      padding-top: 1.5rem !important;
    }
    .pr-xl-4,
    .px-xl-4 {
      padding-right: 1.5rem !important;
    }
    .pb-xl-4,
    .py-xl-4 {
      padding-bottom: 1.5rem !important;
    }
    .pl-xl-4,
    .px-xl-4 {
      padding-left: 1.5rem !important;
    }
    .p-xl-5 {
      padding: 3rem !important;
    }
    .pt-xl-5,
    .py-xl-5 {
      padding-top: 3rem !important;
    }
    .pr-xl-5,
    .px-xl-5 {
      padding-right: 3rem !important;
    }
    .pb-xl-5,
    .py-xl-5 {
      padding-bottom: 3rem !important;
    }
    .pl-xl-5,
    .px-xl-5 {
      padding-left: 3rem !important;
    }
    .m-xl-auto {
      margin: auto !important;
    }
    .mt-xl-auto,
    .my-xl-auto {
      margin-top: auto !important;
    }
    .mr-xl-auto,
    .mx-xl-auto {
      margin-right: auto !important;
    }
    .mb-xl-auto,
    .my-xl-auto {
      margin-bottom: auto !important;
    }
    .ml-xl-auto,
    .mx-xl-auto {
      margin-left: auto !important;
    }
  }

@media (min-width: 768px) {
    .account-form-bg {
        border: 1px solid #D9D9D9;
        border-radius: 4px;
        padding: 18px;
    }
}

/* password visibility toggle */
.form-label-group.has-password-toggle {
    position: relative;
}

.form-label-group.has-password-toggle .js-password-toggle-input {
    padding-right: 2.5rem;
}

.password-toggle-btn {
    position: absolute;
    top: 21px;
    right: 0.5rem;
    transform: translateY(-50%);
    border: none;
    background: transparent;
    padding: 8px;
    line-height: 1;
    color: #999;
    cursor: pointer;
    z-index: 3;
}

.password-toggle-btn:focus {
    outline: none;
}

.password-toggle-btn:hover {
    color: #666;
}

/* Orders Section Styles */
.orders-section {
    margin-right: 0px !important;
}

.orders-section-bg {
    background: #F5F5F5;
    border: 1px solid #D9D9D9;
    border-radius: 4px;
    padding: 18px;
}

.order-item {
    margin-bottom: 18px;
}

.order-item:last-child {
    margin-bottom: 0;
}

.order-item-inner {
    background: #fff;
    border: 1px solid #D9D9D9;
    border-radius: 4px;
    box-shadow: none;
}

.order-item.order-item-open .order-item-inner,
.order-item.order-item-open .order-details-block {
    border-color: #AA2B31;
    transition: border-color 0.3s;
}
/*
.order-item-inner .order-details-toggle {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    font-size: 18px;
    transition: transform 0.3s ease;
    transform: rotate(0deg);
    color: #888888;
    background: transparent;
    border: none;
    padding: 0;
    text-decoration: none;
}*/

.order-id strong {
    font-weight: 500;
    font-size: 15px;
}

.order-date {
    font-size: 12px;
}

.order-products-slider {
    position: relative;
    margin: 0 10px;
}

.order-products-slider .swiper-container {
    overflow: hidden;
}

.order-products-slider .swiper-slide {
    display: flex;
    align-items: center;
    justify-content: center;
}

.order-products-slider .swiper-button-next,
.order-products-slider .swiper-button-prev {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 28px;
    height: 28px;
    font-size: 18px;
    margin-top: 0;
    background: transparent;
    color: #892328;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1;
}

.order-products-slider .swiper-button-next:after,
.order-products-slider .swiper-button-prev:after {
    display: none;
}

.order-products-slider .swiper-button-next {
    right: -26px;
}

.order-products-slider .swiper-button-prev {
    left: -26px;
}

.order-total strong {
    font-size: 17px;
    font-weight: 500;
}

.order-details-block {
    border-top: 1px solid #D9D9D9;
}

.order-details-info {
    font-size: 13px;
}

.order-details-info strong {
    font-weight: 600;
}

.order-details-info .order-details-total div {
    font-size: 20px;
    font-weight: 600;
}

.order-details-content {

}

.order-products-table {
    margin-bottom: 20px;
}

.order-products-table table tr {
    position: relative;
}

.order-products-table table tr::after {
    content: '';
    position: absolute;
    left: 20px;
    right: 20px;
    bottom: 0;
    border-bottom: 1px solid #dee2e6;
}

.order-products-table table tr td{
    text-align: center;
    padding: 10px 5px;
}

.order-products-table table tr td:first-child {
    width: 40px;
}

.order-products-table table tr td .order-product-name a {
    text-decoration: underline;
}

.order-products-table table tr td:nth-child(2) {
    width: 40%;
    text-align: left;
    font-weight: 500;
}

.order-products-table table tr td:nth-child(3) {
    width: 170px;
}

.order-products-table table tr td:nth-child(4) {
    font-size: 15px;
    font-weight: 400;
}

.order-products-table table tr td:nth-child(5) {
    font-size: 15px;
    font-weight: 500;
}

/* Desktop: show desktop columns with proper styling */
.order-products-table table tr td.order-product-name-desktop {
    width: 40%;
    text-align: left;
    font-weight: 500;
}

.order-products-table table tr td.order-product-name-desktop a {
    text-decoration: underline;
}

.order-products-table table tr td.order-product-action-desktop {
    width: 170px;
    text-align: center;
}

.order-products-table table tr td.order-product-quantity-desktop {
    font-size: 15px;
    font-weight: 400;
    text-align: center;
}

.order-products-table table tr td.order-product-price-desktop {
    font-size: 15px;
    font-weight: 500;
    text-align: center;
}

/* Responsive table for mobile */
@media (max-width: 768px) {
    .order-products-responsive {
        border: 0;
    }
    
    .order-products-responsive thead {
        display: none;
    }
    
    .order-products-responsive tbody tr {
        display: block;
        margin-bottom: 15px;
        border-bottom: 1px solid #dee2e6;
        padding-bottom: 15px;
    }
    
    .order-products-responsive tbody tr:last-child {
        margin-bottom: 0;
    }
    
    .order-products-responsive tbody tr::after {
        display: none;
    }
    
    .order-products-responsive tbody td {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 8px 0 !important;
        border: none;
        text-align: left !important;
    }
    
    .order-products-responsive tbody td:before {
        content: attr(data-label);
        font-weight: 600;
        margin-right: 10px;
        flex-shrink: 0;
    }
    
    /* Mobile product layout: image left, info right */
    .order-products-responsive tbody tr {
        display: flex;
        flex-direction: row;
        position: relative;
    }
    
    /* Image on the left */
    .order-products-responsive tbody td.order-product-image {
        display: flex;
        align-items: flex-start;
        padding: 0 !important;
        margin: 0 10px 0 0;
        border: none;
        width: auto;
        flex-shrink: 0;
    }
    
    .order-products-responsive tbody td.order-product-image:before {
        display: none;
    }

    /* Right side wrapper for all info */
    .order-products-responsive tbody td.order-product-info-wrapper {
        display: flex;
        flex-direction: column;
        flex: 1;
        padding: 0 !important;
        margin: 0;
        border: none;
        text-align: left !important;
        width: auto !important;
    }
    
    .order-products-responsive tbody td.order-product-info-wrapper:before {
        display: none;
    }
    
    /* Product name */
    .order-products-responsive .order-product-name {
        font-weight: 500;
        margin-bottom: 8px;
        width: 100%;
    }

    .order-products-responsive .order-product-name a:hover {
        text-decoration: underline;
    }
    
    /* Quantity and price row */
    .order-products-responsive .order-product-qty-price {
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin-bottom: 8px;
        width: 100%;
    }
    
    .order-products-responsive .order-product-quantity {
        font-size: 14px;
    }
    
    .order-products-responsive .order-product-price {
        font-weight: 500;
        font-size: 15px;
    }
    
    /* Review button */
    .order-products-responsive .order-product-action {
        display: block;
    }
    
    .order-products-responsive .order-product-action .btn {
        width: 100%;
        max-width: none;
    }
    
    /* Hide desktop columns on mobile */
    .order-products-responsive tbody td.order-product-action-desktop,
    .order-products-responsive tbody td.order-product-quantity-desktop,
    .order-products-responsive tbody td.order-product-price-desktop {
        display: none !important;
    }
    
    /* Order item mobile styles */
    .order-item-inner .row {
        margin: 0;
    }
    
    /* First row: Order ID/Date and Price/Status */
    .order-mobile-row-1 {
        margin-bottom: 5px;
        padding-bottom: 5px;
    }
    
    .order-mobile-row-1 .order-id {
        flex: 1;
    }
    
    .order-mobile-row-1 .order-price-status {
        text-align: right;
    }
    
    .order-mobile-row-1 .order-total strong {
        font-size: 16px;
    }
    
    .order-mobile-row-1 .order-status-mobile .badge {
        font-size: 12px;
        padding: 4px 8px !important;
        white-space: nowrap;
    }
    
    /* Second row: Product Images Slider */
    .order-mobile-row-2 {
        margin-bottom: 5px;
        padding-bottom: 5px;
    }
    
    /* Third row: Payment button and Details button */
    .order-mobile-row-3 {
        padding-top: 0;
    }

    .order-mobile-row-3 .order-details-toggle i {
        margin-right: 5px;
    }
    
    .order-mobile-row-3 .order-details-toggle:hover {
        text-decoration: none;
        color: #8a1f24;
    }
    
    /* Hide third row when order is open */
    .order-item.order-item-open .order-mobile-row-3 {
        display: none !important;
    }
    
    /* Mobile bottom buttons (shown when order is open) */
    .order-mobile-bottom-buttons {
        margin-top: 15px;
        padding-top: 15px;
        border-top: 1px solid #D9D9D9;
    }
    
    .order-mobile-bottom-buttons .order-details-toggle {
        display: inline-flex;
        align-items: center;
        justify-content: center;
    }
    
    .order-mobile-bottom-buttons .order-details-toggle i {
        margin-right: 5px;
    }
    
    .order-mobile-bottom-buttons .order-details-toggle:hover {
        text-decoration: none;
        color: #8a1f24;
    }
    
    /* Order details total - mobile */
    .order-details-total {
        text-align: left !important;
        margin-bottom: 10px;
        margin-top: 15px;
    }
    .order-details-total strong {
        font-size: 15px;
    }
}

.account-group i.fa {
    background: #fff;
    padding: 3px;
    color: #892328;
    border-radius: 3px;
}

.section-no-items-inner {
    border: 1px solid #D9D9D9;
    border-radius: 4px;
}

/* Warehouses table styles */
.warehouses-table {
    margin-bottom: 0;
}
.warehouses-table thead th {
    font-size: 14px;
    font-weight: 600; /* SemiBold */
    border: none;
    padding: 8px 10px 8px 25px;
}

.warehouses-table .warehouse-city-header {
    background-color: #F2F2F2;
}

.warehouses-table .warehouse-city-header td {
    font-size: 14px;
    font-weight: 600; /* SemiBold */
    padding: 0 10px 0 25px;
    border: none;
}

.warehouses-table .warehouse-row td {
    padding: 20px 10px 20px 25px;
    border: none;
    border-bottom: 1px solid #D9D9D9;
}

.warehouses-table tr.warehouse-row:last-child td {
    border-bottom: none;
}

.warehouses-table .warehouse-row td:first-child strong {
    color: #AA2B31;
    font-size: 15px;
    font-weight: 500 !important;
}

.warehouses-table .warehouse-row td:first-child small.text-muted {
    color: #888888 !important;
    font-size: 12px;
}

.warehouses-table .warehouse-row td:nth-child(2) {
    color: #888888;
    font-size: 12px;
}

.warehouses-table .warehouse-row td:nth-child(3) strong {
    color: #28A745;
    font-size: 12px;
    font-weight: 500 !important;
}

/* Mobile bottom menu */
#mobile-bottom-menu {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    height: 50px;
    background: #ffffff;
    display: flex;
    align-items: center;
    justify-content: space-around;
    z-index: 1000;
    box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.1);
    border-top: 1px solid #e0e0e0;
}

#mobile-bottom-menu .mobile-menu-item {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    color: #b42e34;
    height: 100%;
    padding: 5px 2px;
    transition: background-color 0.2s;
    min-width: 0;
}

#mobile-bottom-menu .mobile-menu-item:active {
    background-color: rgba(180, 46, 52, 0.1);
}

#mobile-bottom-menu .mobile-menu-item i {
    font-size: 18px;
    margin-bottom: 2px;
    color: #b42e34;
    flex-shrink: 0;
}

#mobile-bottom-menu .mobile-menu-item .mobile-menu-icon {
    width: 18px;
    height: 18px;
    margin-bottom: 2px;
    color: #b42e34;
    flex-shrink: 0;
    display: block;
}

#mobile-bottom-menu .mobile-menu-item span {
    font-size: 10px;
    color: #b42e34;
    text-align: center;
    line-height: 1.2;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100%;
}

/* Hide menu items that don't exist - others will take their space proportionally */
#mobile-bottom-menu .mobile-menu-item[style*="display: none"],
#mobile-bottom-menu .mobile-menu-item.hidden {
    display: none !important;
}

/* Ensure body has padding bottom on mobile to prevent content from being hidden behind menu */
@media (max-width: 767.98px) {
    body:has(#mobile-bottom-menu) {
        padding-bottom: 50px;
    }

    body:has(#mobile-bottom-menu):has(#mobile-add-to-cart-bar) {
        padding-bottom: calc(50px + 64px + env(safe-area-inset-bottom, 0px));
    }
}

/* Mobile product page: add-to-cart bar above bottom menu */
#mobile-add-to-cart-bar {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 50px;
    z-index: 999;
    padding: 8px 12px;
}

#mobile-add-to-cart-bar .mobile-add-to-cart-bar__btn {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    min-height: 48px;
    padding: 10px 16px;
    border-radius: 8px;
    background-color: #A73939;
    border: 1px solid #A73939;
    color: #ffffff;
    cursor: pointer;
    transition: opacity 0.2s, background-color 0.2s, border-color 0.2s;
}

#mobile-add-to-cart-bar .mobile-add-to-cart-bar__btn:hover:not(:disabled),
#mobile-add-to-cart-bar .mobile-add-to-cart-bar__btn:focus:not(:disabled) {
    background-color: #892328;
    border-color: #892328;
    color: #fff;
}

#mobile-add-to-cart-bar .mobile-add-to-cart-bar__btn:active:not(:disabled) {
    background-color: #892328;
    border-color: #892328;
}

#mobile-add-to-cart-bar .mobile-add-to-cart-bar__btn.is-loading,
#mobile-add-to-cart-bar .mobile-add-to-cart-bar__btn:disabled {
    opacity: 0.85;
    cursor: wait;
}

#mobile-add-to-cart-bar .mobile-add-to-cart-bar__right {
    display: flex;
    align-items: center;
    gap: 8px;
    min-width: 0;
}

#mobile-add-to-cart-bar .mobile-add-to-cart-bar__right .fa-shopping-cart {
    font-size: 18px;
    flex-shrink: 0;
}

#mobile-add-to-cart-bar .mobile-add-to-cart-bar__label {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 16px;
    font-weight: 600;
}

#mobile-add-to-cart-bar .mobile-add-to-cart-bar__price {
    font-weight: 700;
    font-size: 16px;
    flex-shrink: 0;
}

/* Address blocks styles */
.address-blocks {
    margin-top: 20px;
}

.address-block {
    border: 1px solid #D9D9D9;
    border-radius: 6px;
    padding: 18px 18px 18px 40px;
    background: #F2F2F2;
    min-height: 200px;
}

.address-block-default {
    border: 1px solid #AA2B31;
}

.address-default-badge {
    color: #AA2B31;
    font-weight: 500;
    font-size: 25px;
}

.address-block-header {
    border-bottom: 1px solid #D9D9D9;
    padding-bottom: 10px;
}

.address-block-header h4 {
    font-size: 18px;
    font-weight: 600;
    color: #333;
}

.address-actions {
    display: flex;
    gap: 8px;
}

.address-content {
    margin-top: 8px;
}

.address-line {
    margin-bottom: 8px;
    font-size: 12px;

}

.address-line:last-child {
    margin-bottom: 0;
}

.address-label {
    padding-right: 10px;
    font-weight: 400;
}

.address-value {
    font-weight: 500;
}

@media (max-width: 767px) {
    .address-label {
        padding-right: 0;
        margin-bottom: 4px;
    }
}

@media (max-width: 767px) {
    .address-blocks .col-md-6 {
        margin-bottom: 20px;
    }
    
}

/* Order Payment Modal Styles */
.order-payment-modal .payment-info {
    padding: 10px 0;
}

.order-payment-modal .payment-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 15px;
}

.order-payment-modal .payment-row.payment-total {
    margin-top: 20px;
    padding-top: 15px;
    border-top: 1px solid #e0e0e0;
}

.order-payment-modal .payment-label {
    font-size: 17px;
    font-weight: 500;
    color: #333;
}

.order-payment-modal .payment-value {
    font-size: 17px;
    font-weight: 500;
    color: #333;
}

.order-payment-modal .payment-total .payment-label {
    font-size: 17px;
    font-weight: 500;
}

.order-payment-modal .payment-total .payment-total-value {
    font-size: 15px;
    font-weight: 700;
    color: #000;
}

.order-payment-modal .modal-footer {
    border-top: none;
    padding-top: 0;
}

/* Cancelled order styles */
.order-item.order-cancelled {
    background-color: #F2F2F2;
    opacity: 0.7;
}

.order-item.order-cancelled .order-item-inner {
    background-color: #F2F2F2;
}


.datepicker td,th{
    text-align: center;
    padding: 8px 12px;
    font-size: 14px;
}
.bootstrap-datetimepicker-widget {
    width: 300px !important;
}