* {
    letter-spacing: 0.2px;
}
html,
body {
    font-size: 14px;
}
.logo {
    height: 30px;
}
.ms-fs-10,
.ms-fs-14,
.ms-fs-18 {
    line-height: 137%;
}
.social {
    display: inline-block;
    padding: 3px 12px;
    background: rgba(83, 83, 83, 0.4);
    color: #fff;
    border-radius: 20px;
    text-decoration: none;
}
.ms-font-2 {
    font-family: "Base&Bloom", sans-serif;
}
.ms-slider-prev-w,
.ms-slider-next-w {
    height: 36px;
    width: 36px;
    line-height: 32px;
    border: 1px solid #fff;
    border-radius: 50%;
    text-align: center;
    display: inline-block;
}
.ms-slider-prev-b,
.ms-slider-next-b {
    height: 36px;
    width: 36px;
    line-height: 32px;
    border: 1px solid #000;
    border-radius: 50%;
    text-align: center;
    display: inline-block;
}
.ms-scroll-down-w {
    height: 36px;
    width: 36px;
    line-height: 32px;
    border: 1px solid #fff;
    border-radius: 50%;
    text-align: center;
    display: inline-block;
}
.ms-va-c {
    display: flex;
    align-items: center;
}
@media (max-width: 768px) {
    .logo {
        1height: 20px;
    }
}
.ms-filter {
    margin-top: 20px;
}
#mse2_filters fieldset {
    margin-bottom: 20px;
}
#mse2_filters label {
    display: block;
    margin-bottom: 0;
}
#mse2_filters label input {
    cursor: pointer;
    float: left;
}
#mse2_filters label span {
    cursor: pointer;
    font-size: 10px;
    text-transform: uppercase;
    float: left;
    display: inline-block;
}
#mse2_filters label.disabled span {
    color: #aaa !important;
}
#mse2_filters label input[type="checkbox"],
#mse2_filters label input[type="radio"],
#mse2_sort label input[type="radio"] {
    width: 10px;
    height: 10px;
    background-color: white;
    border-radius: 50%;
    vertical-align: top;
    margin-top: 2px;
    margin-right: 5px;
    border: 1px solid #000;
    appearance: none;
    -webkit-appearance: none;
    outline: none;
    cursor: pointer;
    -webkit-transition: background 250ms ease-in-out;
    -moz-transition: background 250ms ease-in-out;
    -ms-transition: background 250ms ease-in-out;
    -o-transition: background 250ms ease-in-out;
    transition: background 250ms ease-in-out;
}
/*#mse2_sort label input[type=radio] {
    position: absolute;
      opacity: 0;
      cursor: pointer;
    }*/
#mse2_filters label input[type="checkbox"]:checked,
#mse2_filters label input[type="radio"]:checked {
    background-color: #000;
}
#mse2_filters label.disabled input[type="checkbox"],
#mse2_filters label.disabled input[type="radio"] {
    width: 10px;
    height: 10px;
    background-color: white;
    border-radius: 50%;
    vertical-align: top;
    margin-top: 2px;
    margin-right: 5px;
    border: 1px solid #ccc;
    appearance: none;
    -webkit-appearance: none;
    outline: none;
    cursor: pointer;

    -webkit-transition: background 250ms ease-in-out;
    -moz-transition: background 250ms ease-in-out;
    -ms-transition: background 250ms ease-in-out;
    -o-transition: background 250ms ease-in-out;
    transition: background 250ms ease-in-out;
}
#mse2_filters label.disabled input[type="checkbox"]:checked,
#mse2_filters label.disabled input[type="radio"]:checked {
    background-color: #ccc;
}
sup {
    display: none !important;
}
.container-fluid {
    1max-width: 1440px;
}
.product-option.disabled {
    color: #aaa;
}
.product-option.disabled.active {
    border-bottom: 1px solid #aaa;
    color: #aaa;
}
button:disabled {
    border: 1px solid #ddd !important;
    cursor: not-allowed;
    color: #aaa !important;
}
button:disabled img {
    opacity: 0.33;
}
.ms-fc-acc-3,
a.ms-fc-acc-3 span {
    color: #aaa !important;
}
.jGrowl {
    1display: none;
}
.container-fluid {
    1max-width: 1440px;
}
.footer-nav ul li a {
    display: inline-block;
    text-decoration: none;
    margin-bottom: 10px;
}
.desktop-nav-1 ul ul {
    visibility: hidden;
    position: absolute;
    left: -20px;
    top: 100%;
    opacity: 0;
    transition: opacity 0.125s ease-in-out; /* Плавное появление */
    background: #fff;
    z-index: 1;
    padding: 20px 20px 10px 20px;
    width: 400px;
}
.desktop-nav-1 li:hover > ul {
    visibility: visible;
    opacity: 1;
}
.desktop-nav-1 li {
    position: relative;
}
.desktop-nav-1 ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
.desktop-nav-1 ul li.active a {
    1color: #aaa !important;
}
.desktop-nav-1 ul li ul li {
    display: block;
    margin-bottom: 10px;
}
.desktop-nav-2 ul ul {
    visibility: hidden;
    position: absolute;
    left: -20px;
    top: 100%;
    opacity: 0;
    transition: opacity 0.125s ease-in-out; /* Плавное появление */
    background: #fff;
    z-index: 1;
    padding: 20px 20px 10px 20px;
    width: 400px;
}
.desktop-nav-2 li:hover > ul {
    visibility: visible;
    opacity: 1;
}
.desktop-nav-2 li {
    position: relative;
}
.desktop-nav-2 ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
.desktop-nav-2 ul li.active a {
    1color: #aaa !important;
}
.desktop-nav-2 ul li ul li {
    display: block;
    margin-bottom: 10px;
    margin-left: 0;
}
.desktop-nav-2 ul li ul li a {
    color: #000 !important;
}
.xms2_product .product-options {
    transition: opacity 0.25s ease-in-out;
    opacity: 0;
}
.ms2_product:hover .product-options {
    opacity: 1;
}
.mobile-nav {
    width: 100%;
    height: 100%;
    z-index: 9999;
    position: fixed;
    left: 0;
    right: 0;
    opacity: 0; /* Начальная прозрачность */
    transition: opacity 0.25s ease-in-out;
}
/* Когда блок становится активным, он анимируется по экрану */
.mobile-nav.active {
    opacity: 1; /* Меню становится видимым */
}
.mobile-nav ul li {
    display: block;
}
.mobile-nav ul li a {
    border-bottom: 0 !important;
    display: inline-block;
    margin-bottom: 10px;
}
.mobile-nav ul li.active a {
    border-bottom: 0 !important;
    color: #aaa !important;
}
.rgba {
    background: rgba(0, 0, 0, 0.37);
    background: rgba(0, 0, 0, 0.44);
}
.rgba-2 {
    background-color: rgba(0, 0, 0, 0.25);
    1background-image: url(/img/pattern.png);
    1background-repeat: repeat;
}
.ms2_product {
    opacity: 1;
    -webkit-transition: all 250ms ease-in-out;
    -moz-transition: all 250ms ease-in-out;
    -ms-transition: all 250ms ease-in-out;
    -o-transition: all 250ms ease-in-out;
    transition: all 250ms ease-in-out;
}
.ms2_product:hover {
    opacity: 0.73;
}
.category a {
    opacity: 0.5;
}
.category a.category-active {
    -webkit-transition: all 250ms ease-in-out;
    -moz-transition: all 250ms ease-in-out;
    -ms-transition: all 250ms ease-in-out;
    -o-transition: all 250ms ease-in-out;
    transition: all 250ms ease-in-out;
    opacity: 1;
}
a.category-active span {
    -webkit-transition: all 250ms ease-in-out;
    -moz-transition: all 250ms ease-in-out;
    -ms-transition: all 250ms ease-in-out;
    -o-transition: all 250ms ease-in-out;
    transition: all 250ms ease-in-out;
    opacity: 1 !important;
}
#ms-video {
    object-fit: cover;
    background-size: cover;
    width: 100%;
    height: 100%;
    margin: auto;
    position: absolute;
    top: 0;
    inset: -100%;
    filter: brightness(150%);
}
#mse2_sort a.active {
    display: flex;
    align-items: center;
    cursor: pointer;
}
#mse2_sort a.active:after {
    content: "";
    display: flex;
    background: url("/img/arrow-right-b.svg");
    margin-left: 4px;
    width: 14px;
    height: 14px;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    transform: rotate(90deg);
}
#mse2_sort a.active[data-dir="asc"]:after {
    transform: rotate(-90deg);
}
.product-option[data-count="0"] {
    color: #bababa;
}
#mse2_filters label {
    display: block;
    order: 0;
}
fieldset#mse2_msoption\|size {
    flex-direction: column;
    display: flex;
}
#mse2_filters label[data-size="XXS"] {
    order: 1;
}
#mse2_filters label[data-size="XS"] {
    order: 2;
}
#mse2_filters label[data-size="S"] {
    order: 3;
}
#mse2_filters label[data-size="S/M"] {
    order: 4;
}
#mse2_filters label[data-size="M"] {
    order: 5;
}
#mse2_filters label[data-size="М"] {
    order: 6;
}
#mse2_filters label[data-size="L"] {
    order: 7;
}
#mse2_filters label[data-size="L/XL"] {
    order: 8;
}
#mse2_filters label[data-size="XL"] {
    order: 9;
}
#mse2_filters label[data-size="XXL"] {
    order: 10;
}
.msearch2 h3 {
    display: none !important;
}
.filter_title {
    font-size: 10px;
    text-transform: uppercase;
    color: #aaa;
}
.remove {
    border: none;
    background: transparent;
    padding: 0;
    letter-spacing: inherit;
}
.input-parent {
    position: relative;
}
#form_inner[data-delivery="4"] .hide-d4 {
    display: none;
}
button {
    color: #000;
    font-weight: 400;
}

.ms-datetime {
    white-space: nowrap; /* Чтобы дата и время не переносились на новую строку */
}
.ms-datetime-separator {
    margin-left: 10px; /* Отступ между датой и временем */
    display: inline-block; /* Чтобы margin-left работал */
}
.category-active {
    1background: black!important;
    1text-decoration: underline!important;
}
.product-options > .product-option:first-child {
    margin-left: 0!important;
}
#jGrowl { 
    position: fixed;
    right: 20px;
    top: 44px;
}
#jGrowl .jGrowl-notification {
    font-size: 14px!important;
    font-family: 'SuisseIntl-Regular', sans-serif!important;
    margin: 0!important;
    margin-top: 40px;
    padding: 20px!important;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.1)!important;
    border: 0!important;
    border-radius: 0!important;
    opacity: 1!important;
    background-color: white!important;
    color: #000!important;
    margin-bottom: 5px!important; 
}
#jGrowl .jGrowl-notification .jGrowl-close {
    display: none;
}
#jGrowl .jGrowl-closer {
    display: none!important;
}
.msearch2 {
    width: 100%;
}
.product-option {
    cursor: pointer;
}
.product-option.active {
    border-bottom: 1px solid #000;
}
.ms-collapse-open, .ms-collapse-close {
    display: none;
}
.ms-collapse-open.active, .ms-collapse-close.active {
    display: block;
}

.form-checkbox {
    padding: 16px 0;
}
@media (max-width: 1307px) {
    .form-checkbox {
        padding: 10px 0;
    }
}
.form-checkbox input {
    position: absolute;
    z-index: -1;
    opacity: 0;
    width: auto;
}
.form-checkbox span {
    color: #000;
    position: relative;
    padding-left: 24px;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    cursor: pointer;
    line-height: 1.1;
    display: block;
    text-align: left;
}

.form-checkbox span::before {
    content: "";
    display: block;
    position: absolute;
    width: 16px;
    height: 16px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' version='1.1' xmlns:xlink='http://www.w3.org/1999/xlink' width='20' height='20' x='0' y='0' viewBox='0 0 512 512' style='enable-background:new 0 0 512 512' xml:space='preserve'%3E%3Cg%3E%3Cpath d='M366 86H146c-33.084 0-60 26.916-60 60v220c0 33.084 26.916 60 60 60h220c33.084 0 60-26.916 60-60V146c0-33.084-26.916-60-60-60zm40 280c0 22.056-17.944 40-40 40H146c-22.056 0-40-17.944-40-40V146c0-22.056 17.944-40 40-40h220c22.056 0 40 17.944 40 40z' fill='%23000000' opacity='1' data-original='%23000000'%3E%3C/path%3E%3C/g%3E%3C/svg%3E") no-repeat center;
    left: 0;
    top: -4px;
}
@media (max-width: 576px) {
    .form-checkbox span::before {
        top: -4px;
    }
}
.form-checkbox span::after {
    content: "";
    display: block;
    position: absolute;
    width: 16px;
    height: 16px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' version='1.1' xmlns:xlink='http://www.w3.org/1999/xlink' width='16' height='16' x='0' y='0' viewBox='0 0 24 24' style='enable-background:new 0 0 512 512' xml:space='preserve' class=''%3E%3Cg%3E%3Cpath d='M18.7 7.2c-.4-.4-1-.4-1.4 0l-7.5 7.5-3.1-3.1c-.4-.4-1-.4-1.4 0s-.4 1 0 1.4l3.8 3.8c.2.2.4.3.7.3s.5-.1.7-.3l8.2-8.2c.4-.4.4-1 0-1.4z' fill='%23000000' opacity='1' data-original='%23000000' class=''%3E%3C/path%3E%3C/g%3E%3C/svg%3E") no-repeat center;
    top: -4px;
    left: 0;
    opacity: 0;
    transition: 0.3s ease;
}
@media (max-width: 576px) {
    .form-checkbox span::after {
        top: -4px;
    }
}
@media (max-width: 1307px) {
    .form-checkbox a {
        display: block;
    }
}

.form-checkbox input:checked + span:after {
    opacity: 1;
}

.submit-btn, .submit-btn img {
    transition: 0.3s ease;
}
.submit-btn {
    background: transparent;
    border: 1px solid #000;
}

.submit-btn.disabled {
    border: 1px solid #aaa;
    color: #aaa;
    cursor: default;
}